:root{--main-font: Roboto, sans-serif;--secondary-font: Raleway;--title-cl: #212121;--txt-cl: #757575;--accent-cl: #2196f3;--bg-cl: #2f303a}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;list-style:none}.menu .link{padding:10px;text-decoration:none}.menu .link:hover,.menu .link:focus{text-decoration:underline}@media screen and (min-width: 768px){.menu{display:none}}.toggle-icon-open{-webkit-transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1);transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1)}.toggle-icon-close{-webkit-transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1);transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1)}.menu-toggle{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;margin-left:auto;background-color:rgba(0,0,0,0);padding:10px 0;cursor:pointer;border:none;border-radius:50%;outline:none}.menu-toggle:hover .toggle-icon-open,.menu-toggle:focus .toggle-icon-open{fill:var(--accent-cl)}.menu-toggle:hover .toggle-icon-close,.menu-toggle:focus .toggle-icon-close{fill:var(--accent-cl)}@media screen and (min-width: 768px){.menu-toggle{display:none}}.menu-container{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:0;left:0;width:100vw;height:100vh;padding:32px;background-color:#fff;z-index:999;opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:visibility 250ms ease-in-out,opacity 250ms ease-in-out,-webkit-transform 250ms ease-in-out;transition:visibility 250ms ease-in-out,opacity 250ms ease-in-out,-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out,visibility 250ms ease-in-out,opacity 250ms ease-in-out;transition:transform 250ms ease-in-out,visibility 250ms ease-in-out,opacity 250ms ease-in-out,-webkit-transform 250ms ease-in-out}@media screen and (min-width: 768px){.menu-container{display:none}}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}.menu-container .menu-toggle{position:absolute;top:7px;right:24px;color:var(--title-cl)}.mobile-menu{padding:0;margin:0;list-style:none;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.mobile-menu .link{display:block;padding:10px;text-decoration:none}.mobile-contacts-list{margin-bottom:64px}.mobile-contacts-list__item{margin-bottom:32px}.mobile-contacts-list__item:last-child{margin:0}.mobile-contacts-list__link{font-size:34px;font-weight:500;letter-spacing:.68px;color:var(--txt-cl)}.mobile-contacts-list__link--blue{color:var(--accent-cl)}.mobile-contacts-list__link--small{font-size:24px}@media screen and (max-width: 320px){.mobile-contacts-list__link{font-size:28px}.mobile-contacts-list__link--small{font-size:20px}}.mobile-socials-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}@media screen and (max-width: 320px){.mobile-socials-list{-ms-flex-wrap:wrap;flex-wrap:wrap}}.mobile-socials-list__link{color:#2196f3;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:.36px}@media screen and (max-width: 320px){.mobile-socials-list__link{font-size:10px}}.mobile-socials-list__item{position:relative}.mobile-socials-list__item:not(:last-child)::after{content:"";position:absolute;top:0;right:-10px;width:1px;height:100%;background-color:rgba(33,33,33,.2)}body{font-family:var(--main-font);color:var(--txt-cl);font-size:14px}h1,h2,h3,h4,h5,h5,p{margin:0}img{display:block;max-width:100%;height:auto}ul,ol{padding:0;margin:0;list-style:none}a{text-decoration:none;display:block}.container{padding-left:15px;padding-right:15px;margin:0 auto}@media screen and (min-width: 480px){.container{width:450px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1280px){.container{width:1200px}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1280px){.section{padding-top:94px;padding-bottom:94px}}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px}.btn{border:none;font-family:inherit;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;padding:10px 28px;border-radius:4px;background:#2196f3;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);color:#fff;font-size:16px;font-weight:700;line-height:1.8;letter-spacing:.96px;-webkit-transition:background-color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color .25s cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover,.btn:focus{background-color:#158bec}.title{color:var(--title-cl);font-size:28px;font-weight:700;letter-spacing:.84px;text-align:center;margin-bottom:50px}@media screen and (max-width: 320px){.title{font-size:24px}}@media screen and (min-width: 1280px){.title{font-size:36px;letter-spacing:1.08px}}.logo{color:var(--accent-cl);font-family:Raleway;font-size:26px;font-weight:700;letter-spacing:.78px}@media screen and (min-width: 768px){.logo{margin-right:93px}}.logo__color--dark{color:#000}.logo__color--white{color:#fff}.logo-footer{margin-bottom:20px}@media screen and (min-width: 768px){.logo-footer{text-align:center;margin-right:0}}@media screen and (min-width: 1280px){.logo-footer{text-align:left}}.header{border-bottom:1px solid #ececec}.header-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigation__list{display:none}@media screen and (min-width: 768px){.navigation__list{display:-webkit-box;display:-ms-flexbox;display:flex}}.navigation__item{margin-right:50px}.navigation__link{font-size:40px;font-weight:500;letter-spacing:.8px;color:var(--title-cl);-webkit-transition:color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:color .25s cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link--active{color:var(--accent-cl)}.navigation__link:hover{color:var(--accent-cl)}@media screen and (max-width: 320px){.navigation__link{font-size:30px}}@media screen and (min-width: 768px){.navigation__link{color:var(--title-cl);font-weight:500;letter-spacing:.28px;padding-top:32px;font-size:14px;padding-bottom:32px;position:relative}.navigation__link:hover,.navigation__link:focus{color:var(--accent-cl)}.navigation__link--active{color:var(--accent-cl)}.navigation__link--active::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:4px;border-radius:2px;background-color:var(--accent-cl)}}.contacts-list{display:none}@media screen and (min-width: 768px){.contacts-list{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}@media screen and (min-width: 1280px){.contacts-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px}}.contacts-list__item{margin-right:50px}.contacts-list__item:last-child{margin:0}@media screen and (min-width: 768px){.contacts-list__item{margin:0}}.contacts-list__icon{margin-right:8px;fill:currentColor}.contacts-list__link{color:var(--txt-cl);font-weight:500;letter-spacing:.28px;-webkit-transition:color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:color .25s cubic-bezier(0.4, 0, 0.2, 1);padding-top:32px;padding-bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contacts-list__link:hover,.contacts-list__link:focus+.contacts-list__icon{color:var(--accent-cl)}@media screen and (min-width: 768px){.contacts-list__link{padding:0}}.hero{background-color:var(--bg-cl);padding-top:118px;padding-bottom:118px;background-repeat:no-repeat;background-position:center;background-size:cover;margin:0 auto;background-size:cover;max-width:1600px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero/hero-bg-sm.png);background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg-sm.png);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),-webkit-image-set(url(../images/hero/hero-bg-sm.webp) 1x);background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),-webkit-image-set(url(../images/hero/hero-bg-sm.webp) 1x)}@media screen and (min-width: 1280px){.hero{padding-top:200px;padding-bottom:200px}}@media screen and (max-width: 767.98px)and (min-device-pixel-ratio: 2),screen and (max-width: 767.98px)and (-webkit-min-device-pixel-ratio: 2),screen and (max-width: 767.98px)and (min-resolution: 192dpi),screen and (max-width: 767.98px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero/hero-bg-sm@2x.png);background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg-sm@2x.png);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), color-stop(rgba(47, 48, 58, 0.4)), to(-webkit-image-set(url(../images/hero/hero-bg-sm@2x.webp) 2x)));background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4), -webkit-image-set(url(../images/hero/hero-bg-sm@2x.webp) 2x))}}@media screen and (min-width: 768px){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero/hero-bg-md.png);background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg-md.png);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), color-stop(rgba(47, 48, 58, 0.4)), to(-webkit-image-set(url(../images/hero/hero-bg-md.webp) 1x)));background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4), -webkit-image-set(url(../images/hero/hero-bg-md.webp) 1x))}}@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){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero/hero-bg-md@2x.png);background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg-md@2x.png);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), color-stop(rgba(47, 48, 58, 0.4)), to(-webkit-image-set(url(../images/hero/hero-bg-md@2x.webp) 2x)));background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4), -webkit-image-set(url(../images/hero/hero-bg-md@2x.webp) 2x))}}@media screen and (min-width: 1280px){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero/hero-bg-lg.png);background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg-lg.png);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), color-stop(rgba(47, 48, 58, 0.4)), to(-webkit-image-set(url(../images/hero/hero-bg-lg.webp) 1x)));background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4), -webkit-image-set(url(../images/hero/hero-bg-lg.webp) 1x))}}@media screen and (min-width: 1280px)and (min-device-pixel-ratio: 2),screen and (min-width: 1280px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1280px)and (min-resolution: 192dpi),screen and (min-width: 1280px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero/hero-bg-lg@2x.png);background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero-bg-lg@2x.png);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), color-stop(rgba(47, 48, 58, 0.4)), to(-webkit-image-set(url(../images/hero/hero-bg-lg@2x.webp) 2x)));background-image:linear-gradient(to bottom, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4), -webkit-image-set(url(../images/hero/hero-bg-lg@2x.webp) 2x))}}.hero-container{padding:0}.hero__title{color:#fff;font-size:26px;font-weight:900;line-height:1.6;letter-spacing:1.56px;text-transform:uppercase;margin-bottom:30px;margin-left:auto;margin-right:auto;width:360px}@media screen and (max-width: 320px){.hero__title{width:280px;font-size:30px}}@media screen and (min-width: 1280px){.hero__title{width:694px;font-size:44px;line-height:1.36;letter-spacing:2.64px}}.hero__btn{padding:10px 24px}@media screen and (min-width: 1280px){.hero__btn{padding:10px 32px}}.backdrop{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(47,48,58,.6);-webkit-transition:visibility .6s cubic-bezier(0.4, 0, 0.2, 1),opacity .6s cubic-bezier(0.4, 0, 0.2, 1);transition:visibility .6s cubic-bezier(0.4, 0, 0.2, 1),opacity .6s cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.backdrop.is-hidden .modal-wrapper{-webkit-transform:translateX(-50%) translateY(-50%) scale(0.8);transform:translateX(-50%) translateY(-50%) scale(0.8)}.modal-wrapper{position:absolute;max-width:450px;padding:40px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0px 2px 1px 0px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);box-shadow:0px 2px 1px 0px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);-webkit-transition:-webkit-transform .6s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform .6s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .6s cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767.98px){.modal-wrapper{width:95%;padding:15px 30px}}@media screen and (min-width: 1280px){.modal-wrapper{max-width:528px}}.modal-wrapper__close{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;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;background-color:rgba(0,0,0,0);cursor:pointer;outline:none;border:1px solid rgba(0,0,0,.1)}.modal-wrapper__close:focus{border:1px solid var(--accent-cl)}@media screen and (max-width: 320px){.modal-wrapper__close{right:0;top:0}}.modal-wrapper__close-icon{-webkit-transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1);transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1)}.modal-wrapper__close:hover .modal-wrapper__close-icon,.modal-wrapper__close:focus .modal-wrapper__close-icon{fill:var(--accent-cl)}.modal-form{width:100%}@media screen and (max-width: 320px){.modal-form{width:240px}}@media screen and (min-width: 1280px){.modal-form{max-width:448px}}.modal-form__title{display:block;color:var(--title-cl);text-align:center;font-size:20px;font-weight:700;letter-spacing:.6px;margin-bottom:12px}@media screen and (max-width: 320px){.modal-form__title{font-size:18px}}.modal-form__group{display:block;position:relative;margin-bottom:10px}.modal-form__group:last-child{margin-top:25px}.modal-form__textarea{margin-bottom:24px}.modal-form__label{display:block;color:var(--txt-cl);font-size:12px;font-weight:400;letter-spacing:.12px;margin-bottom:4px}.modal-form__input{width:100%;padding:12px 20px 12px 40px;font-size:12px;font-weight:400;color:var(--txt-cl);border-radius:4px;border:1px solid rgba(33,33,33,.2);outline:none;-webkit-transition:border .25s cubic-bezier(0.4, 0, 0.2, 1);transition:border .25s cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input:focus,.modal-form__input:hover{border:1px solid var(--accent-cl)}.modal-form__icon{position:absolute;top:30px;left:12px;-webkit-transition:fill .3s cubic-bezier(0.4, 0, 0.2, 1);transition:fill .3s cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input:hover+.modal-form__icon,.modal-form__input:focus+.modal-form__icon{fill:var(--accent-cl)}.modal-form__comment{resize:none;width:100%;max-height:120px;min-height:120px;padding:12px 16px;color:var(--txt-cl);font-size:12px;font-weight:400;letter-spacing:.12px;border-radius:4px;outline:none;margin-bottom:20px;border:1px solid rgba(33,33,33,.2);-webkit-transition:border .3s cubic-bezier(0.4, 0, 0.2, 1);transition:border .3s cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__comment:focus,.modal-form__comment:hover{border:1px solid var(--accent-cl)}.modal-form__comment::-webkit-input-placeholder{color:rgba(117,117,117,.5)}.modal-form__comment::-moz-placeholder{color:rgba(117,117,117,.5)}.modal-form__comment:-ms-input-placeholder{color:rgba(117,117,117,.5)}.modal-form__comment::-ms-input-placeholder{color:rgba(117,117,117,.5)}.modal-form__comment::placeholder{color:rgba(117,117,117,.5)}@media screen and (max-width: 320px){.modal-form__comment{min-width:240px;margin-bottom:10px}}@media screen and (min-width: 1280px){.modal-form__comment{min-width:448px}}.modal-form__text{margin-bottom:0;color:var(--txt-cl);font-size:12px;font-weight:400;line-height:1.7;letter-spacing:.42px}@media screen and (min-width: 1280px){.modal-form__text{font-size:14px}}.modal-form__link{color:var(--accent-cl);display:inline-block;text-decoration:underline}.modal-form__conditions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:13px;margin-bottom:30px}@media screen and (max-width: 320px){.modal-form__conditions{margin-bottom:15px}}.modal-form__custom-checkbox{display:block;width:16px;height:16px;border:1px solid #212121;border-radius:2px;margin-right:7px;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;background-color:#fff;-webkit-transition:background-color .25s cubic-bezier(0.4, 0, 0.2, 1),border .25s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color .25s cubic-bezier(0.4, 0, 0.2, 1),border .25s cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__custom-checkbox .modal-form__custom-checkbox-icon{fill:#fff;opacity:0;-webkit-transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__checkbox:focus+.modal-form__custom-checkbox{border:1px solid var(--accent-cl)}.modal-form__checkbox:checked+.modal-form__custom-checkbox{background-color:var(--accent-cl);border:1px solid var(--accent-cl)}.modal-form__checkbox:checked+.modal-form__custom-checkbox .modal-form__custom-checkbox-icon{opacity:1}.modal-form__btn{padding:10px 52px}@media screen and (max-width: 767.98px){.form-mailing{width:100%}}@media screen and (min-width: 768px){.form-mailing{margin-top:60px}}@media screen and (min-width: 1280px){.form-mailing{margin-top:0;margin-left:auto}}.form-mailing__title{color:#fff;font-weight:700;letter-spacing:.42px;text-transform:uppercase;display:block;margin-bottom:20px}@media screen and (min-width: 768px){.form-mailing__title{text-align:center}}.form-mailing__group{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-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1280px){.form-mailing__group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.form-mailing__input{width:100%;padding:16px 20px 15px 16px;margin-bottom:20px;background-color:rgba(0,0,0,0);color:rgba(255,255,255,.6);font-size:16px;font-weight:400;border-radius:4px;border:1px solid rgba(255,255,255,.3);outline:none;-webkit-transition:border .25s cubic-bezier(0.4, 0, 0.2, 1);transition:border .25s cubic-bezier(0.4, 0, 0.2, 1)}.form-mailing__input::-webkit-input-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400}.form-mailing__input::-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400}.form-mailing__input:-ms-input-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400}.form-mailing__input::-ms-input-placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400}.form-mailing__input::placeholder{color:rgba(255,255,255,.6);font-size:16px;font-weight:400}.form-mailing__input:focus,.form-mailing__input:hover{border:1px solid var(--accent-cl)}@media screen and (min-width: 768px){.form-mailing__input{width:450px;margin-bottom:20px}}@media screen and (min-width: 1280px){.form-mailing__input{width:358px;margin-bottom:0;margin-right:12px}}.form-mailing__icon{fill:#fff;margin-left:10px}@media screen and (max-width: 767.98px){.form-mailing__title{text-align:center}}@media screen and (min-width: 1280px){.form-mailing__title{text-align:left}}.about.section{padding-bottom:60px}@media screen and (min-width: 1280px){.about.section{padding-bottom:0}}.about-list{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:start;-ms-flex-pack:start;justify-content:start;gap:30px}@media screen and (max-width: 320px){.about-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 768px){.about-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}.about-list__item{width:100%}@media screen and (min-width: 768px){.about-list__item{width:354px}.about-list__item:last-child{margin-right:0}}@media screen and (min-width: 1280px){.about-list__item{width:270px}}.about-list__title{color:var(--title-cl);font-weight:700;font-size:14px;letter-spacing:.42px;text-transform:uppercase;margin-bottom:10px;text-align:center}@media screen and (min-width: 768px){.about-list__title{text-align:left}}.about-list__text{line-height:1.71;letter-spacing:.42px}@media screen and (max-width: 320px){.about-list__text{text-align:center}}.about-list__icon-container{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:120px;margin-bottom:30px;background-color:#f5f4fa;border-radius:4px}.specialization{display:none}@media screen and (min-width: 1280px){.specialization{display:block}}.specialization-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.specialization-list__item{position:relative}.specialization-list__text{position:absolute;left:0;bottom:0;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;text-transform:uppercase;color:#fff;letter-spacing:.42px;font-weight:700;width:100%;height:70px;background-color:rgba(47,48,58,.8)}.team{background-color:#f5f4fa}.team-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}@media screen and (min-width: 768px){.team-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}}.team-list__item{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-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;-webkit-box-shadow:0px 2px 1px 0px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);box-shadow:0px 2px 1px 0px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);border-radius:0px 0px 4px 4px}@media screen and (min-width: 768px){.team-list__item{width:354px}}@media screen and (min-width: 1280px){.team-list__item{width:270px}}@media screen and (max-width: 767.98px){.team-list__img{width:100%;height:100%}}.team-info{padding-top:30px;padding-bottom:30px}.team-list__title{color:var(--title-cl);font-size:16px;font-weight:500;letter-spacing:.48px;text-align:center;margin-bottom:10px}.team-list__text{font-size:16px;letter-spacing:.48px;margin-bottom:16px;text-align:center}.social-list{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;gap:10px}.social-list__link{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;width:44px;height:44px;background-color:#fff;border-radius:50%;color:#afb1b8;-webkit-transition:background-color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color .25s cubic-bezier(0.4, 0, 0.2, 1)}.social-list__link:hover,.social-list__link:focus{background-color:var(--accent-cl)}.social-list__icon{fill:currentColor;-webkit-transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1);transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1)}.social-list__link:hover .social-list__icon,.social-list__link:focus .social-list__icon{fill:#fff}.clients-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}@media screen and (max-width: 767.98px){.clients-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 320px){.clients-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 768px){.clients-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}}.clients-list__item{width:210px;height:92px;color:#afb1b8}@media screen and (min-width: 480px){.clients-list__item{width:200px}}@media screen and (min-width: 768px){.clients-list__item{width:226px}}@media screen and (min-width: 1280px){.clients-list__item{width:170px}}.clients-list__icon{fill:currentColor;-webkit-transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1);transition:fill .25s cubic-bezier(0.4, 0, 0.2, 1)}.clients-list__link{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:100%;color:#afb1b8;border-radius:4px;border:1px solid #afb1b8;-webkit-transition:border .25s cubic-bezier(0.4, 0, 0.2, 1);transition:border .25s cubic-bezier(0.4, 0, 0.2, 1)}.clients-list__link:hover,.clients-list__link:focus{border:1px solid var(--accent-cl)}.clients-list__link:hover .clients-list__icon,.clients-list__link:focus .clients-list__icon{fill:var(--accent-cl)}.footer{background-color:var(--bg-cl);padding-top:60px;padding-bottom:60px}.footer-container{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-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.footer-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1280px){.footer-container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}.address-container{margin:0;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-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.address-container{display:block;margin-right:165px}}@media screen and (min-width: 1280px){.address-container{margin-right:100px}}.address__footer{font-style:normal;color:#fff;line-height:1.71;letter-spacing:.42px;margin-bottom:9px}@media screen and (max-width: 767.98px){.address{margin-bottom:60px}}.footer-list{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-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1280px){.footer-list{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.footer-list__item{margin-bottom:9px}.footer-list__item:last-child{margin-bottom:0}.footer-list__link{color:rgba(255,255,255,.6);font-style:normal;line-height:1.71;letter-spacing:.42px;-webkit-transition:color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:color .25s cubic-bezier(0.4, 0, 0.2, 1)}.footer-list__link:hover,.footer-list__link:focus{color:var(--accent-cl)}.join{margin-bottom:60px}@media screen and (min-width: 768px){.join{margin:0}}.join__text{text-align:center;color:#fff;font-size:14px;font-weight:700;letter-spacing:.42px;text-transform:uppercase;margin-bottom:20px}@media screen and (min-width: 1280px){.join__text{text-align:left}}.social-list__link--gray{color:#fff;background-color:rgba(255,255,255,.1)}.projects-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin-bottom:40px}@media screen and (min-width: 768px){.projects-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1280px){.projects-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:50px}}.projects-list__item{margin-right:8px;margin-bottom:15px}.projects-list__item:last-child{margin-right:0}@media screen and (min-width: 1280px){.projects-list__item{margin-bottom:0}}.projects-list__btn{font-size:16px;background-color:#f5f4fa;color:var(--title-cl);font-weight:500;line-height:1.62;padding:6px 22px;border-radius:4px;letter-spacing:.48px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,box-shadow;transition-property:background-color,color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.projects-list__btn:hover,.projects-list__btn:focus{color:#fff;background-color:var(--accent-cl);-webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,.12),0px 1px 2px 0px rgba(0,0,0,.08),0px 3px 1px 0px rgba(0,0,0,.1);box-shadow:0px 2px 2px 0px rgba(0,0,0,.12),0px 1px 2px 0px rgba(0,0,0,.08),0px 3px 1px 0px rgba(0,0,0,.1)}.projects-list__btn--active{background-color:var(--accent-cl);color:#fff}.projects-type-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;width:100%}@media screen and (max-width: 767.98px){.projects-type-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 768px){.projects-type-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.projects-type-list__link{-webkit-transition:-webkit-box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1)}.projects-type-list__link:hover,.projects-type-list__link:focus{-webkit-box-shadow:1px 4px 6px 0px rgba(0,0,0,.16),0px 4px 4px 0px rgba(0,0,0,.06),0px 1px 1px 0px rgba(0,0,0,.12);box-shadow:1px 4px 6px 0px rgba(0,0,0,.16),0px 4px 4px 0px rgba(0,0,0,.06),0px 1px 1px 0px rgba(0,0,0,.12)}.projects-type-list__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.projects-type-list__link:hover .projects-type-list__overlay,.projects-type-list__link:focus .projects-type-list__overlay{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.projects-type-list__info{padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;border-left:1px solid #eee;border-bottom:1px solid #eee;border-right:1px solid #eee;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.projects-type-list__title{margin-bottom:4px}.projects-type-list__item{background:#fff}@media screen and (min-width: 480px){.projects-type-list__item{width:450px}}@media screen and (min-width: 768px){.projects-type-list__item{width:354px}}@media screen and (min-width: 1280px){.projects-type-list__item{width:370px}}.projects-type-list__title{color:var(--title-cl);font-size:18px;font-weight:700;line-height:2;letter-spacing:1.08px}.projects-type-list__name{color:var(--txt-cl);font-size:16px;line-height:1.87;letter-spacing:.48px}.projects-type-list__overlay-wrapper{position:relative;overflow:hidden}.projects-type-list__overlay{background:rgba(33,150,243,.9);position:absolute;left:0;top:0;width:100%;height:100%;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;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1)}.projects-type-list__text{width:322px;color:#fff;font-family:Roboto;font-size:18px;font-weight:400;line-height:1.55;letter-spacing:.54px}@media screen and (max-width: 320px){.projects-type-list__text{width:280px;font-size:14px;padding:0 20px 0 20px}}/*# sourceMappingURL=main.min.css.map */