body{background-color:#fff;color:#434455;font-family:Roboto;font-style:normal;letter-spacing:.02em}ul{margin:0;padding:0}body.modal-open{overflow:hidden}img{display:block;width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{margin:0}@font-face{font-family:"Raleway";font-style:normal;font-weight:700;src:url("../fonts/raleway-v28-latin-700.eot");src:local(""),url("../fonts/raleway-v28-latin-700.eot?#iefix") format("embedded-opentype"),url("../fonts/raleway-v28-latin-700.woff2") format("woff2"),url("../fonts/raleway-v28-latin-700.woff") format("woff"),url("../fonts/raleway-v28-latin-700.ttf") format("truetype"),url("../fonts/raleway-v28-latin-700.svg#Raleway") format("svg")}@font-face{font-family:"Raleway";font-style:normal;font-weight:800;src:url("../fonts/raleway-v28-latin-800.eot");src:local(""),url("../fonts/raleway-v28-latin-800.eot?#iefix") format("embedded-opentype"),url("../fonts/raleway-v28-latin-800.woff2") format("woff2"),url("../fonts/raleway-v28-latin-800.woff") format("woff"),url("../fonts/raleway-v28-latin-800.ttf") format("truetype"),url("../fonts/raleway-v28-latin-800.svg#Raleway") format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url("../fonts/roboto-v30-latin_cyrillic-regular.eot");src:local(""),url("../fonts/roboto-v30-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v30-latin_cyrillic-regular.woff2") format("woff2"),url("../fonts/roboto-v30-latin_cyrillic-regular.woff") format("woff"),url("../fonts/roboto-v30-latin_cyrillic-regular.ttf") format("truetype"),url("../fonts/roboto-v30-latin_cyrillic-regular.svg#Roboto") format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:500;src:url("../fonts/roboto-v30-latin_cyrillic-500.eot");src:local(""),url("../fonts/roboto-v30-latin_cyrillic-500.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v30-latin_cyrillic-500.woff2") format("woff2"),url("../fonts/roboto-v30-latin_cyrillic-500.woff") format("woff"),url("../fonts/roboto-v30-latin_cyrillic-500.ttf") format("truetype"),url("../fonts/roboto-v30-latin_cyrillic-500.svg#Roboto") format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;src:url("../fonts/roboto-v30-latin_cyrillic-700.eot");src:local(""),url("../fonts/roboto-v30-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v30-latin_cyrillic-700.woff2") format("woff2"),url("../fonts/roboto-v30-latin_cyrillic-700.woff") format("woff"),url("../fonts/roboto-v30-latin_cyrillic-700.ttf") format("truetype"),url("../fonts/roboto-v30-latin_cyrillic-700.svg#Roboto") format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:900;src:url("../fonts/roboto-v30-latin_cyrillic-900.eot");src:local(""),url("../fonts/roboto-v30-latin_cyrillic-900.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v30-latin_cyrillic-900.woff2") format("woff2"),url("../fonts/roboto-v30-latin_cyrillic-900.woff") format("woff"),url("../fonts/roboto-v30-latin_cyrillic-900.ttf") format("truetype"),url("../fonts/roboto-v30-latin_cyrillic-900.svg#Roboto") format("svg")}.menu-contacts__list,.menu-navigation__list,.portfolio__projects-set,.portfolio__button-set,.clients__set,.social-networks__foot,.menu-social__list,.social-networks,.team__set,.work__set,.benefits__set,.header__connect,.nav__item{list-style:none;padding-left:0;margin:0}.portfolio-container,.footer-container,.clients-container,.team-container,.work-container,.benefits__set,.benefits-container,.hero-container,.nav-container{min-width:320px;max-width:428px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.portfolio-container,.footer-container,.clients-container,.team-container,.work-container,.benefits__set,.benefits-container,.hero-container,.nav-container{max-width:768px}}@media screen and (min-width: 1200px){.portfolio-container,.footer-container,.clients-container,.team-container,.work-container,.benefits__set,.benefits-container,.hero-container,.nav-container{max-width:1158px;padding-left:15px;padding-right:15px}}.portfolio-container,.clients,.work{padding-bottom:96px}.portfolio__title,.clients__title,.team__title,.work__title,.benefits__title{margin-bottom:72px;color:#2e2f42;font-style:normal;font-weight:700;font-size:36px;line-height:1.11;text-align:center;letter-spacing:.02em;text-transform:capitalize}.portfolio__title,.benefits__title{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.page-header{background-color:#fff;border-bottom:1px solid #e7e9fc;-webkit-box-shadow:0px 2px 1px rgba(46,47,66,.08),0px 1px 1px rgba(46,47,66,.16),0px 1px 6px rgba(46,47,66,.08);box-shadow:0px 2px 1px rgba(46,47,66,.08),0px 1px 1px rgba(46,47,66,.16),0px 1px 6px rgba(46,47,66,.08);height:70px}.header__nav{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.nav-container{height:100%}@media screen and (min-width: 768px){.nav-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.logo,.logo__text .logo-sec{color:#4d5ae5;font-family:Raleway;font-style:normal;font-weight:800;font-size:18px;line-height:1.33;text-decoration-line:none;letter-spacing:.03em;text-transform:uppercase}.logo__text{color:#2e2f42}.logo-sec{color:#f4f4fd}.nav__list{display:none}@media(min-width: 768px){.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:123px;margin-top:auto;margin-bottom:auto;padding:0px}}@media(min-width: 1200px){.nav__list{margin-left:76px}}.nav__item:not(:last-child){margin-right:40px}.nav__link{display:block;color:#2e2f42;font-style:normal;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.02em;text-decoration-line:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__link:hover,.nav__link:focus{color:#404bbf}@media(min-width: 1200px){.nav__link{display:-webkit-box;display:-ms-flexbox;display:flex}}.current{position:relative;color:#404bbf}.current::before{content:"";position:absolute;bottom:-100%;right:0px;width:100%;height:4px;background-color:#404bbf;border-radius:2px}.header__connect{display:none}@media(min-width: 768px){.header__connect{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:auto;margin-top:auto;margin-bottom:auto}}@media(min-width: 1200px){.header__connect{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media(min-width: 1200px){.connect__item:not(:last-child){margin-bottom:0;margin-right:40px}}.connect__link{font-weight:400;font-size:12px;line-height:1.33;letter-spacing:.04em;color:#434455;text-decoration:none}.connect__link:hover,.connect__link:focus{color:#404bbf}@media(min-width: 1200px){.connect__link{color:#434455;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.02em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}}.hero-container{text-align:center;padding-top:112px}@media screen and (min-width: 1200px){.hero-container{padding-top:188px}}.overlay{margin-left:auto;margin-right:auto;background-repeat:no-repeat;background-position:center;background-size:center;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.7)), to(rgba(47, 48, 58, 0.7))),url("../images/hero/hero-mobile.webp");background-image:linear-gradient(rgba(47, 48, 58, 0.7), rgba(47, 48, 58, 0.7)),url("../images/hero/hero-mobile.webp");height:432px;background-size:cover;background-color:rgba(46,47,66,.7)}@media screen and (min-device-pixel-ratio: 2),screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx){.overlay .overlay{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.7)), to(rgba(47, 48, 58, 0.7))),url("../images/hero/hero-mobile@2x.webp");background-image:linear-gradient(rgba(47, 48, 58, 0.7), rgba(47, 48, 58, 0.7)),url("../images/hero/hero-mobile@2x.webp")}}@media screen and (min-width: 768px){.overlay{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.7)), to(rgba(47, 48, 58, 0.7))),url("../images/hero/hero-tablet.webp");background-image:linear-gradient(rgba(47, 48, 58, 0.7), rgba(47, 48, 58, 0.7)),url("../images/hero/hero-tablet.webp");height:436px}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.overlay{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.7)), to(rgba(47, 48, 58, 0.7))),url("../images/hero/hero-tablet@2x.webp");background-image:linear-gradient(rgba(47, 48, 58, 0.7), rgba(47, 48, 58, 0.7)),url("../images/hero/hero-tablet@2x.webp")}}@media screen and (min-width: 1200px){.overlay{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.7)), to(rgba(47, 48, 58, 0.7))),url("../images/hero/hero-desktop.webp");background-image:linear-gradient(rgba(47, 48, 58, 0.7), rgba(47, 48, 58, 0.7)),url("../images/hero/hero-desktop.webp");height:600px;width:1440px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.overlay{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.7)), to(rgba(47, 48, 58, 0.7))),url("../images/hero/hero-desktop@2x.webp");background-image:linear-gradient(rgba(47, 48, 58, 0.7), rgba(47, 48, 58, 0.7)),url("../images/hero/hero-desktop@2x.webp")}}.hero__title{margin-left:auto;margin-right:auto;margin-bottom:72px;color:#fff;font-style:normal;font-weight:700;font-size:36px;line-height:1.11;letter-spacing:.02em;text-transform:capitalize;width:320px}@media screen and (max-width: 480px){.hero__title{max-width:100%}}@media screen and (min-width: 768px){.hero__title{font-size:56px;line-height:1.07;width:496px}}.hero__button{font-family:inherit;color:#fff;background-color:#4d5ae5;font-weight:500;font-size:16px;line-height:1.5;text-align:center;letter-spacing:.04em;cursor:pointer;padding:16px 32px;min-width:169px;border:none;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.hero__button:hover,.hero__button:focus{background-color:#404bbf}.hero__button:active{background-color:#404bbf}.benefits{padding-top:96px;padding-bottom:96px}@media screen and (min-width: 1200px){.benefits{padding-top:120px;padding-bottom:120px}}.benefits__set{margin:0px -16px}@media screen and (min-width: 768px){.benefits__set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 1200px){.benefits__set{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.benefits__set .benefits__item:not(:last-child){margin-bottom:72px}@media screen and (min-width: 768px)and (max-width: 1199px){.benefits__set .benefits__item:not(:last-child){-ms-flex-preferred-size:calc((100% - 24px)/2);flex-basis:calc((100% - 24px)/2);width:356px;margin-right:24px}.benefits__set .benefits__item:not(:last-child):nth-child(2n){margin-right:0}.benefits__set .benefits__item:not(:last-child):nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width: 1200px){.benefits__set .benefits__item:not(:last-child){margin-bottom:0px;margin-left:0px;margin-top:0px;margin-right:24px}}.benefits__icon{display:none}@media screen and (min-width: 1200px){.benefits__icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f4f4fd;height:112px;margin-bottom:8px;border-radius:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.benefits__icon-svg{width:64px;height:64px}.benefits__name{margin-bottom:8px;color:#2e2f42;font-weight:700;font-size:36px;line-height:1.11;text-transform:capitalize;text-align:center;letter-spacing:.02em}@media screen and (min-width: 768px){.benefits__name{text-align:left}}@media screen and (min-width: 1200px){.benefits__name{font-weight:500;font-size:20px;line-height:1.2}}.benefits__text{color:#434455;font-style:normal;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.02em;max-width:396px}@media screen and (min-width: 768px){.benefits__text{text-align:left;max-width:356px}}@media screen and (min-width: 1200px){.benefits__text{width:264px;font-weight:400}}@media screen and (max-width: 1199px){.work{display:none}}.work__set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.work__item{background:-webkit-gradient(linear, left bottom, left top, from(rgba(77, 90, 229, 0.1)), to(rgba(77, 90, 229, 0.1)));background:linear-gradient(0deg, rgba(77, 90, 229, 0.1), rgba(77, 90, 229, 0.1));background-blend-mode:soft-light,normal;border:1px solid #e7e9fc}.work__item:not(:last-child){margin-right:24px}.team{background-color:#f4f4fd;padding-top:96px;padding-bottom:128px}@media screen and (min-width: 768px){.team{padding-bottom:104px}}@media screen and (min-width: 1200px){.team{padding-top:120px;padding-bottom:120px}}.team__set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px)and (max-width: 1199px){.team__set{padding-left:92px;padding-right:92px}}@media screen and (min-width: 1200px){.team__set{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.teammate{background-color:#fff;-webkit-box-shadow:0px 1px 6px rgba(46,47,66,.08),0px 1px 1px rgba(46,47,66,.16),0px 2px 1px rgba(46,47,66,.08);box-shadow:0px 1px 6px rgba(46,47,66,.08),0px 1px 1px rgba(46,47,66,.16),0px 2px 1px rgba(46,47,66,.08);border-radius:0px 0px 4px 4px}.team__set .teammate:not(:last-child){margin-bottom:72px}@media screen and (min-width: 768px)and (max-width: 1199px){.team__set .teammate:not(:last-child){-ms-flex-preferred-size:calc((100% - 24px)/2);flex-basis:calc((100% - 24px)/2);margin-right:24px}.team__set .teammate:not(:last-child):nth-child(2n){margin-right:0}.team__set .teammate:not(:last-child):nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width: 1200px){.team__set .teammate:not(:last-child){margin-right:24px;margin-bottom:0}}.teammate__info{padding:32px 16px}.teammate__name{margin-bottom:8px;color:#2e2f42;font-weight:500;font-size:20px;line-height:1.2;text-align:center;letter-spacing:.02em}.teammate__position{margin-bottom:8px;font-weight:400;color:#434455;font-size:16px;line-height:1.5;text-align:center;letter-spacing:.02em}.menu-social__list,.social-networks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.social-networks__link{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:40px;height:40px;text-align:center;border-radius:50%;background-color:#4d5ae5;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-networks__link:hover,.social-networks__link:focus{background-color:#404bbf}.social-networks__icon{fill:#fff;display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:16px;height:16px}.social-networks__icon-menu{width:24px;height:24px}.social-networks__foot{display:-webkit-box;display:-ms-flexbox;display:flex}.social-networks__icon-foot{width:24px;height:24px}.social-networks__item-foot:not(:last-child){margin-right:16px}.social-networks__link-foot{background-color:hsla(0,0%,100%,.1);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-networks__link-foot:hover,.social-networks__link-foot:focus{background-color:#31d0aa}.clients{padding-top:96px}@media screen and (min-width: 1200px){.clients{padding-top:120px}}.clients__set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px)and (max-width: 1199px){.clients__set{padding-left:89px;padding-right:89px}}.clients__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:88px;border:1px solid #8e8f99;border-radius:4px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.clients__item{-ms-flex-preferred-size:calc((100% - 16px)/2);flex-basis:calc((100% - 16px)/2);margin-right:16px;margin-bottom:72px;width:168px}.clients__item:nth-child(2n){margin-right:0}.clients__item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width: 768px)and (max-width: 1199px){.clients__item{-ms-flex-preferred-size:calc((100% - 48px)/3);flex-basis:calc((100% - 48px)/3);margin-right:24px;margin-bottom:72px}.clients__item:nth-child(3n){margin-right:0}.clients__item:nth-last-child(-n+3){margin-bottom:0}}@media screen and (min-width: 1200px){.clients__item{width:168px}.clients__item:not(:last-child){margin-right:24px}.clients__item:hover,.clients__item:focus{border:1px solid #404bbf;border-radius:4px}}.clients__link{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:190px;height:88px;fill:#8e8f99;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 320px)and (max-width: 479px){.clients__link{width:auto}}@media screen and (min-width: 768px){.clients__link{width:168px}}.clients__icon{display:inline-block;width:110px;height:56px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);fill:#8e8f99;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.clients__icon{width:104px}}.clients__link:hover .clients__icon,.clients__link:focus .clients__icon{fill:#404bbf}#scrollToTop{position:fixed;bottom:36px;left:75%;display:none;cursor:pointer;z-index:15;opacity:.6}@media(min-width: 1350px){#scrollToTop{left:78%}}@media(min-width: 1440px){#scrollToTop{left:81%}}.scroll-up{fill:#4d5ae5}.page-footer{background-color:#2e2f42;padding-top:96px;padding-bottom:96px}@media screen and (min-width: 1200px){.page-footer{padding-top:100px;padding-bottom:100px}}.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.footer-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:left}}@media screen and (min-width: 768px)and (min-width: 768px)and (max-width: 1199px){.footer-container{padding-left:108px;padding-right:108px}}.footer__logo{margin-bottom:72px}@media screen and (min-width: 768px){.footer__logo{margin-right:24px}}@media screen and (min-width: 1200px){.footer__logo{margin-right:0px;margin-bottom:0px}}.net-pages{margin-bottom:72px}@media screen and (min-width: 1200px){.net-pages{margin-bottom:0px;margin-left:120px}}.net-pages__title{margin-bottom:16px;color:#fff;font-style:normal;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.02em}.footer__text{display:block;margin-top:16px;color:#e7e9fc;font-style:normal;font-weight:400;font-size:16px;line-height:1.5;width:264px;letter-spacing:.02em;text-align:left}.subscribe{width:100%}@media screen and (min-width: 1200px){.subscribe{width:auto;margin:0px 0px 0px auto}}.subscribe__text{margin-bottom:16px;font-weight:500;font-style:normal;font-size:16px;line-height:1.5;color:#fff;letter-spacing:.02em}.subscribe-form__input{width:100%;height:40px;background-color:#2e2f42;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;margin-bottom:16px;padding-left:16px;font-style:normal;font-weight:400;font-size:12px;line-height:2;letter-spacing:.04em;color:hsla(0,0%,100%,.6);outline:none}.subscribe-form__input:hover,.subscribe-form__input:focus{-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-color:#4d5ae5}@media screen and (min-width: 768px){.subscribe-form__input{margin-right:24px;margin-bottom:0;width:264px}}.subscribe-form__button{position:relative;font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:1.5;text-align:center;letter-spacing:.04em;color:#fff;background-color:#4d5ae5;width:165px;border-radius:4px;border:none;cursor:pointer;padding:8px 64px 8px 24px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.subscribe-form__button:hover,.subscribe-form__button:focus{background-color:#404bbf}.subscribe-form__button:active{background-color:#404bbf}.subscribe-form__icon{fill:#fff;position:absolute;top:25%;right:22px;width:24px;height:24px}.backdrop{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);overflow-y:scroll}.backdrop.is-hidden{opacity:0;pointer-events:none}.backdrop .is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0, 9);transform:translate(-50%, -50%) scale(0, 9)}.modal{position:absolute;top:96px;left:50%;min-width:392px;min-height:586px;padding-left:16px;padding-right:16px;padding-bottom:24px;padding-top:72px;background:#fcfcfc;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 427px){.modal{min-width:90%;max-width:90%}}@media screen and (min-width: 768px){.modal{min-width:408px}}@media screen and (min-width: 1200px){.modal{top:74px;min-height:584px}}.button-modal{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:24px;height:24px;top:24px;right:24px;border-radius:50%;cursor:pointer;background-color:#e7e9fc;border:1px solid rgba(0,0,0,.1);border-radius:50%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-modal:hover,.button-modal:focus{background-color:#404bbf}.button-modal__icon{position:absolute;width:8px;height:8px;top:50%;right:11%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-modal:hover .button-modal__icon,.button-modal:focus .button-modal__icon{fill:#fff}.button-modal:active .button-modal__icon{fill:#fff}.form__tittle{margin-bottom:16px;font-style:normal;font-weight:500;font-size:16px;line-height:1.5;text-align:center;letter-spacing:.02em;color:#2e2f42}.form__field{position:relative;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:58px;margin-bottom:10px}.form__label{display:block;height:16px;margin-bottom:4px;font-weight:400;font-size:12px;line-height:1.33;letter-spacing:.04em;color:#8e8f99}.form__input{height:40px;margin:0;padding-left:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;cursor:pointer;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input:hover,.form__input:focus{border-color:#404bbf;outline:none}.form__icon{position:absolute;width:18px;height:18px;top:50%;left:12px;fill:#2e2f42;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input:hover+.form__icon,.form__input:focus+.form__icon{border-color:#404bbf;fill:#404bbf}.form__comments{display:block;resize:none;height:120px;width:100%;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding:8px 16px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__comments:hover,.form__comments:focus{border-color:#404bbf;outline:none}.form__comments::-webkit-input-placeholder{list-style:none;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__comments::-moz-placeholder{list-style:none;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__comments:-ms-input-placeholder{list-style:none;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__comments::-ms-input-placeholder{list-style:none;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__comments::placeholder{list-style:none;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form-checkbox{margin-top:16px;margin-bottom:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-checkbox__lable{padding-left:20px;position:relative;font-style:normal;font-weight:400;font-size:12px;line-height:1.33;letter-spacing:.04em;color:#757575}.form-checkbox__privacy{color:#4d5ae5}.form-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-checkbox__icon{position:absolute;left:0;width:15px;height:15px;border:1.25px solid #2e2f42;fill:#fff;border-radius:2px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-checkbox__input:checked+.form-checkbox__icon{background-color:#404bbf;border-radius:2px;border-color:#404bbf}.button-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto;font-family:inherit;color:#fff;background-color:#4d5ae5;font-weight:500;font-size:16px;line-height:1.5;text-align:center;letter-spacing:.04em;cursor:pointer;padding:16px 32px;min-width:169px;border:none;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-form:hover,.button-form:focus{background-color:#404bbf}.button-form:active{background-color:#404bbf}.portfolio__button-set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:48px;margin-bottom:48px;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;row-gap:16px}@media(min-width: 768px){.portfolio__button-set{margin-top:64px;margin-bottom:64px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media(min-width: 1440px){.portfolio__button-set{margin-top:96px;margin-bottom:72px}}.button-set__button{font-family:inherit;background-color:#e7e9fc;color:#4d5ae5;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;cursor:pointer;border-radius:4px;padding:12px 24px;min-width:73px;text-align:center;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-set__button:active{background-color:#404bbf}.button-set__button:hover,.button-set__button:focus{background-color:#404bbf;color:#fff;-webkit-box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12);box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}@media(min-width: 768px){.portfolio__projects-set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;row-gap:72px}}@media(min-width: 1440px){.portfolio__projects-set{row-gap:48px}}.project-card{max-width:396px;margin-bottom:48px}@media(min-width: 768px){.project-card{width:356px;margin-bottom:0}}@media(min-width: 1440px){.project-card{width:360px}}.project-card__link{text-decoration:none;display:block;-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.project-card__link:hover,.project-card__link:focus{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16);box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.project-card__image{position:relative;overflow:hidden}.project-card__overlay{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:63px 24px;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;background-color:#4d5ae5;background-blend-mode:soft-light;mix-blend-mode:normal;color:#f4f4fd}.project-card__link:hover .project-card__overlay,.project-card__link:focus .project-card__overlay{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.project-card__description{max-width:396px;padding-top:20px;padding-bottom:20px;padding-right:24px;padding-left:24px;border-left-width:1px;border-left-style:solid;border-left-color:#eee;border-right-width:1px;border-right-style:solid;border-right-color:#eee;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee}.project-card__title{margin-bottom:8px;color:#2e2f42;font-weight:500;font-size:20px;line-height:1.2;letter-spacing:.02em}.project-card__text{color:#434455;font-weight:400;font-size:16px;line-height:1.5}.mobile-menu{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fcfcfc;border-radius:4px;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);overflow-y:scroll}@media screen and (max-width: 767px){.mobile-menu{display:none;position:absolute;top:0;left:0;width:100%;height:100%}}.mobile-menu.is-open{display:block}.menu-container{padding:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative}.menu-navigation__list{margin-bottom:auto}.menu-navigation__item:not(:last-child){margin-bottom:32px}.menu-navigation__link{color:#2e2f42;font-weight:700;font-size:36px;line-height:1.11;letter-spacing:.02em;text-transform:capitalize;text-decoration:none;text-decoration-line:none;cursor:pointer}.menu-navigation__link:hover,.menu-navigation__link:focus{color:#404bbf}.current-mobile{position:relative;color:#404bbf}.menu-contacts__item:not(:last-child){margin-bottom:40px}.menu-contacts__item:last-child{margin-bottom:48px}.menu-contacts__link-phone{font-weight:600;font-size:35px;line-height:1.11;letter-spacing:.02em;text-transform:capitalize;color:#4d5ae5;margin-bottom:32px;text-decoration-line:none}.menu-contacts__link-mail{font-weight:500;font-size:20px;line-height:1.2;letter-spacing:.02em;color:#434455;text-decoration-line:none}.mobile-menu__button{min-height:40px;min-width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:9px;background-color:rgba(0,0,0,0);cursor:pointer;border:none;outline:none}@media screen and (min-width: 768px){.mobile-menu__button{display:none}}.mobile-menu__icon{fill:rgba(0,0,0,0)}.mobile-menu__button-close{position:absolute;width:24px;height:24px;top:35px;right:35px;cursor:pointer;background-color:#e7e9fc;border:1px solid rgba(0,0,0,.1);border-radius:50%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu__button-close:hover,.mobile-menu__button-close:focus{background-color:#404bbf}.mobile-menu__button-close:active{background-color:#404bbf}@media screen and (min-width: 768px){.mobile-menu__button-close{display:none}}.mobile-menu__icon-close{position:absolute;width:10px;height:10px;top:50%;right:6%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu__button-close:hover .mobile-menu__icon-close,.mobile-menu__button-close:focus .mobile-menu__icon-close{fill:#fff}.mobile-menu__button-close:active .mobile-menu__icon-close{fill:#fff}/*# sourceMappingURL=main.min.css.map */