:root{--main-dark-clr: #212121;--main-gray-clr: #757575;--main-white-clr: #FFFFFF}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}body{margin:0;font-family:"Roboto","Raleway",sans-serif;color:#212121}h1,h2,h3,h4,h5,h6,p{margin:0}.list{list-style:none;padding:0;margin:0}.link{text-decoration:none}img{display:block;max-width:100%;height:auto}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section-title{font-weight:700;font-size:28px;line-height:1.1785714286;margin-bottom:30px;text-align:center;letter-spacing:.03em}@media screen and (min-width: 1200px){.section-title{font-size:36px;line-height:1.1666666667;margin-bottom:50px}}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.header{max-width:1600px;background-color:var(--main-white-clr);border-bottom:1px solid #ececec;margin:0 auto;padding:0}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.logo{color:#000;font-family:"Raleway";font-style:normal;font-weight:700;letter-spacing:.03em;font-size:24px;line-height:1.1666666667;padding-top:16px;padding-bottom:16px;margin-right:87px}@media screen and (min-width: 768px){.logo{padding-top:26px;padding-bottom:26px}}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.1923076923;padding-top:24px;padding-bottom:25px;margin-right:92px}}.logo--light{color:#2196f3}.nav{display:none}@media screen and (min-width: 768px){.nav{display:contents}}@media screen and (min-width: 768px){.nav__menu{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px}}@media screen and (min-width: 1200px){.nav__menu{margin-right:auto}}.nav__link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:1.1428571429;letter-spacing:.02em;color:#212121;padding-top:32px;padding-bottom:32px;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.nav__link:hover,.nav__link:focus{color:#2196f3}.nav__link--current{color:#2196f3}.nav__link--current::after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:4px;border-radius:2px;background-color:#2196f3}.nav-contacts{display:none}@media screen and (min-width: 768px){.nav-contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:21px;padding-bottom:21px;margin-left:auto;gap:10px}}@media screen and (min-width: 1200px){.nav-contacts{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px;margin-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:32px;padding-bottom:32px}}@media screen and (min-width: 768px)and (max-width: 1199){.nav-contacts__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.nav-contacts__item{margin-top:0;margin-bottom:0}}.nav-contacts__link{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;font-weight:500;font-size:14px;line-height:1.1428571429;letter-spacing:.02em;color:var(--main-gray-clr);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.nav-contacts__link:hover,.nav-contacts__link:focus{color:#2196f3}.nav-contacts__icon{width:16px;height:16px;fill:#757575;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.nav-contacts__link:hover .nav-contacts__icon,.nav-contacts__link:focus .nav-contacts__icon{fill:#2196f3}@media screen and (min-width: 1200px){.hero{background-color:#2f303a;text-align:center;padding-top:200px;padding-bottom:200px;margin-right:auto;margin-left:auto}}.hero__image{max-width:1600px;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/main/hero_mob@1x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/main/hero_mob@1x.jpg")}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero__image{background-image:url("../images/main/hero_mob@2x.jpg")}}@media screen and (min-width: 768px){.hero__image{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/main/hero_tablet@1x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/main/hero_tablet@1x.jpg")}}@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__image{background-image:url("../images/main/hero_tablet@2x.jpg")}}@media screen and (min-width: 1200px){.hero__image{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/main/hero_desk@1x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/main/hero_desk@1x.jpg")}}@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){.hero__image{background-image:url("../images/main/hero_desk@2x.jpg")}}.hero__title{width:360px;padding-top:58px;margin-left:auto;margin-right:auto;margin-bottom:30px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--main-white-clr);text-align:center;font-size:26px;line-height:1.6153846154}@media screen and (min-width: 1200px){.hero__title{width:696px;font-size:44px;line-height:1.3636363636;padding-top:0}}.hero__button{display:block;min-width:200px;min-height:50px;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;color:var(--main-white-clr);padding:10px 24px;margin-left:auto;margin-right:auto;margin-bottom:58px;background-color:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:0;cursor:pointer}.hero__button:active{background-color:#188ce8;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15)}@media screen and (min-width: 1200px){.hero__button{min-width:216px;min-height:50px;padding:10px 32px;margin-bottom:0}}.benefits__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}@media screen and (min-width: 480px){.benefits__item{width:450px}}@media screen and (min-width: 768px){.benefits__item{width:354px}}@media screen and (min-width: 1200px){.benefits__item{width:270px}}.benefits__logo-box{min-height:120px;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-bottom:30px;background:#f5f4fa;border-radius:4px}.benefits__title{font-weight:700;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;color:var(--main-dark-clr);margin-bottom:10px}@media screen and (max-width: 767px){.benefits__title{text-align:center}}.benefits__text{font-size:14px;line-height:1.7142857143;letter-spacing:.03em;color:var(--main-gray-clr)}.work{display:none}@media screen and (min-width: 1200px){.work{display:-webkit-box;display:-ms-flexbox;display:flex}}.section.work{padding-top:0}.work__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.work__item{position:relative}.work__row{position:absolute;left:0;bottom:0;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:370px;height:70px;background-color:rgba(47,48,58,.8)}.work__text{font-weight:700;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;color:var(--main-white-clr)}.team{background-color:#f5f4fa}.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.team__item{background-color:#fff;-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:0px 0px 4px 4px;padding-bottom:24px}@media screen and (min-width: 768px){.team__item{width:354px}}@media screen and (min-width: 1200px){.team__item{width:270px;padding-bottom:30px}}.team__card-title{font-weight:500;font-size:16px;line-height:1.1875;letter-spacing:.03em;margin-top:30px;margin-bottom:10px;text-align:center}.team__card-text{font-weight:400;font-size:16px;line-height:1.1875;color:var(--main-gray-clr);margin-top:0;margin-bottom:16px;text-align:center}.team__icon-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.team__icon-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;width:44px;height:44px;color:#afb1b8;border-radius:50%;-webkit-transition-property:color,background-color;transition-property:color,background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.team__icon-link:hover,.team__icon-link:focus{color:#fff;background-color:#2196f3}.team__icon-svg{fill:currentColor}@media screen and (min-width: 320px){.clients__list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (min-width: 1200px){.clients__list{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media screen and (min-width: 320px){.clients__item{display:-webkit-box;display:-ms-flexbox;display:flex;width:210px;height:92px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #afb1b8;border-radius:4px;-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.clients__item:hover{border-color:#2196f3}}@media screen and (min-width: 768px){.clients__item{width:226px;height:92px}}@media screen and (min-width: 1200px){.clients__item{width:170px;height:92px}}.clients__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;color:#afb1b8;padding:15px 30px;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{color:#2196f3}.clients__logo{fill:currentColor}.clients-title{font-size:28px;line-height:1.1785714286}@media screen and (min-width: 1200px){.clients-title{font-size:36px;line-height:1.1666666667}}@media screen and (min-width: 480px)and (max-width: 767px){.filters-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;max-width:326px}}@media screen and (min-width: 768px){.filters-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.filters-list{margin-bottom:34px}}.filter-item:last-child{margin-right:0}.filter-button{padding:6px 22px;margin:0}.button{display:block;font-family:"Roboto";font-style:normal;color:var(--main-dark-clr);background-color:#f5f4fa;font-weight:500;font-size:16px;line-height:1.625;cursor:pointer;border:0;border-radius:4px;text-align:center;margin:0;-webkit-transition-property:color,background-color,border-color,border-radius,-webkit-box-shadow;transition-property:color,background-color,border-color,border-radius,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,border-radius;transition-property:color,background-color,border-color,box-shadow,border-radius,-webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.button:hover,.button:focus{border:0;background-color:#2196f3;color:var(--main-white-clr);border-color:#2196f3;-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);border-radius:4px}@media screen and (min-width: 480px)and (max-width: 767px){.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;margin-top:40px}}@media screen and (min-width: 768px){.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px}}@media screen and (min-width: 480px){.flex-element{display:block;width:450px;text-align:left;border-top:0}}@media screen and (min-width: 768px)and (max-width: 1199px){.flex-element{width:calc((100% - 30px)/2);margin-right:30px;margin-bottom:30px}.flex-element:nth-child(2n){margin-right:0}.flex-element:nth-child(9){margin-bottom:0}}@media screen and (min-width: 1200px){.flex-element{width:calc((100% - 60px)/3);margin-right:30px;margin-bottom:30px}.flex-element:nth-child(3n){margin-right:0}.flex-element:nth-last-child(-n+3){margin-bottom:0}}.card{display:block;background-color:#fff;text-decoration:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.card:hover,.card: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)}.subtitle{color:var(--main-dark-clr);font-weight:700;font-size:18px;line-height:2;margin:0 0 4px}.subtitle-text{font-weight:400;font-size:16px;line-height:1.875;color:var(--main-gray-clr);margin:0}.flex-text{padding:20px 24px;border:1px solid #eee;border-top:0}@media screen and (min-width: 480px){.overlay-box{width:450px;height:294px;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}}@media screen and (min-width: 768px){.overlay-box{width:354px;height:294px}}@media screen and (min-width: 1200px){.overlay-box{width:370px;height:294px}}.overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:101%;-webkit-transform:translateY(100%);transform:translateY(100%);background-color:rgba(33,150,243,.9);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.card:hover .overlay{-webkit-transform:translateY(0);transform:translateY(0)}.overlay-text{font-size:18px;line-height:1.5555555556;letter-spacing:.03em;color:var(--main-white-clr);padding:77px 24px}@media screen and (min-width: 768px){.overlay-text{padding:49px 24px 77px}}@media screen and (min-width: 1200px){.overlay-text{padding:63px 24px}}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 320px){.footer__container{text-align:center}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 1200px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 320px){.footer__logo{font-family:"Raleway";font-style:normal;font-weight:700;font-size:26px;line-height:1.1923076923;color:var(--main-white-clr);margin-bottom:20px}}@media screen and (min-width: 1200px){.footer__list{width:231px;margin-right:70px}}.footer__item:first-child{margin-top:20px}.footer__link{font-family:inherit;font-style:normal;font-weight:400;font-size:14px;line-height:1.7142857143;color:rgba(255,255,255,.6);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer__link:hover,.footer__link:focus{color:#2196f3}.footer__link--white{color:var(--main-white-clr)}@media screen and (max-width: 767px){.footer-links-container{margin-top:60px}}.footer-links-container__text{color:var(--main-white-clr);font-style:normal;font-weight:700;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px}.footer-links-container__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.footer-links-container__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;width:44px;height:44px;color:#fff;border-radius:50%;background-color:rgba(255,255,255,.1);-webkit-transition-property:color,background-color;transition-property:color,background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-links-container__link:hover,.footer-links-container__link:focus{color:#fff;background-color:#2196f3}.footer-links-container__icon-svg{fill:currentColor}@media screen and (min-width: 480px){.footer-form-container{margin-top:60px}}@media screen and (min-width: 1200px){.footer-form-container{margin-left:93px;margin-top:0}}.footer-form-container__text{font-weight:700;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;color:var(--main-white-clr);margin-bottom:20px}@media screen and (min-width: 1200px){.footer-form-container__text{margin-top:12px}}@media screen and (min-width: 1200px){.footer-form-container__form{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:12px}}.footer-form-container__input{width:100%;margin-bottom:20px;padding:15px 16px;background-color:#2f303a;border:1px solid rgba(255,255,255,.3);-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-radius:4px;color:var(--main-white-clr)}.footer-form-container__input:focus-visible{outline:inherit}.footer-form-container__input::-webkit-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form-container__input::-moz-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form-container__input:-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form-container__input::-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form-container__input::placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}@media screen and (min-width: 1200px){.footer-form-container__input{width:358px;height:50px}}.footer-form-container__btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:200px;height:50px;padding:10px 28px;border:0;background-color:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;color:var(--main-white-clr);cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:16px;line-height:1.875;align-items:center;text-align:center;letter-spacing:.06em;color:#fff}.footer-form-container__btn::after{content:"";width:24px;height:24px;margin-left:10px;background-image:url(../images/icons/foot-icon-send.svg)}.backdrop{position:fixed;top:0;z-index:1;width:100%;height:100%;visibility:is-hidden;background-color:rgba(0,0,0,.2);-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-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width: 480px){.modal{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:450px;min-height:609px;background-color:var(--main-white-clr);-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;padding:40px}}@media screen and (min-width: 1200px){.modal{width:528px;min-height:581px}}.modal-btn{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;position:absolute;top:0;right:0;width:30px;height:30px;border-radius:50%;background-color:#fff;border:1px solid rgba(0,0,0,.1);margin:8px 8px 0 0;padding:0;cursor:pointer}.modal-btn-icon{fill:#000;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-btn-icon:hover,.modal-btn-icon:focus{fill:#2196f3}.modal-title{text-align:center;font-weight:700;font-size:20px;line-height:1.15;margin-bottom:12px;color:var(--main-dark-clr)}@media screen and (min-width: 1200px){.modal-title{line-height:1.5}}.modal-form-label{display:block;font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:var(--main-gray-clr);margin-bottom:4px}.modal-form-group{position:relative}.modal-form-field{width:370px;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none;padding-left:42px;padding-right:42px;margin-bottom:10px;-webkit-transition-property:border;transition-property:border;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-field:hover,.modal-form-field:focus{border:1px solid #2196f3}@media screen and (min-width: 1200px){.modal-form-field{width:448px;height:40px}}.modal-form-field:hover+.modal-form-icon,.modal-form-field:focus+.modal-form-icon{fill:#2196f3}.modal-form-icon{position:absolute;left:12px;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-agreement{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;gap:7px;margin-left:auto;margin-right:auto;margin-bottom:30px}.modal-form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:15px;border:2px solid #212121;border-radius:2px}.modal-form-checkbox:checked{background-color:#2196f3;background-image:url(../images/icons/modal-chek.svg);background-position:center;background-repeat:no-repeat;background-size:contain}.modal-form-agreement-text{font-size:12px;line-height:1.1666666667;letter-spacing:.03em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 1200px){.modal-form-agreement-text{font-size:14px;line-height:1.7142857143}}.modal-form-link{color:#2196f3}.modal-form-text{padding:12px 16px;font-size:12px;border:1px solid rgba(33,33,33,.2);border-radius:4px;margin-bottom:20px;-webkit-transition-property:border;transition-property:border;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-text::-webkit-input-placeholder{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form-text::-moz-placeholder{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form-text:-ms-input-placeholder{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form-text::-ms-input-placeholder{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form-text::placeholder{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form-text:hover,.modal-form-text:focus{border:1px solid #2196f3}.modal-form-text:focus-visible{border:1px solid #2196f3;outline:0}@media screen and (min-width: 480px){textarea{width:370px;height:120px;resize:none}}@media screen and (min-width: 1200px){textarea{width:448px;height:120px}}.button-form{display:block;width:200px;height:50px;color:var(--main-white-clr);margin-bottom:40px;cursor:pointer;background-color:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;margin:0 auto;padding:10px 52px;border:none;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.button-formhover{background-color:#188ce8}.icon-item .button{border:none;padding:0}.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;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;border:none;border-radius:50%;outline:none}@media screen and (min-width: 768px){.menu-toggle{display:none}}.menu-toggle:hover,.menu-toggle:focus{background-color:rgba(0,0,0,.1)}.menu-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:48px 40px;background-color:#fff;-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);z-index:100;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-container .menu-toggle{position:absolute;top:10px;right:15px;color:#212121}.mobile-menu{margin-bottom:auto}.mobile-menu-item:not(:last-child){margin-bottom:32px}.mobile-menu-link{display:block;font-weight:500;font-size:40px;line-height:1.175;letter-spacing:.02em;color:#212121;text-decoration:none}.mobile-menu-link.current{color:#2196f3}.mobile-contacts{margin-bottom:64px}.mobile-contacts-link{font-weight:500;font-size:24px;line-height:1.1666666667;letter-spacing:.02em;color:#757575}.accent{font-weight:500;font-size:34px;line-height:1.1764705882;letter-spacing:.02em;color:#2196f3}.mobile-contacts-item:not(:last-child){margin-bottom:32px}.mobile-socials{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.mobile-socials-link{font-weight:500;font-size:18px;line-height:1.2222222222;letter-spacing:.02em;color:#2196f3}.mobile-socials-item:not(:last-child) .mobile-socials-link{padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}/*# sourceMappingURL=main.min.css.map */