:root{--primary-text-color: #757575;--title-text-color: #212121;--accent-color: #2196f3;--background-color: #f5f4fa;--logo-color: #000000;--section-title-color: #2f303a;--button-color: #ffffff;--button-active: #188ce8;--header-border: #ececec;--border-color: #eeeeee;--background-social: #ffffff1a;--social-icon: #afb1b8}body{background-color:var(--button-color);color:var(--primary-text-color);font-size:14px;font-family:"Roboto",sans-serif;letter-spacing:.03em}.body.modal-open{overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}img{display:block;max-width:100%;height:auto}address{font-style:normal}button{display:block;cursor:pointer;border:none;border-radius:4px;font-family:inherit}ul{list-style:none;padding:0;margin:0}a{text-decoration:none}.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}.item-svg{fill:currentColor}.container{margin:0 auto;padding:0 15px}@media screen and (max-width: 480px){.container{max-width:480px}}@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}}@media screen and (max-width: 1199px){.section{padding:60px 0px 60px 0px}}@media screen and (min-width: 1200px){.section{padding:94px 0px 94px 0px}}@media screen and (max-width: 767px){.header__link{padding:16px 0}.mobile-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.svg-header{display:none}.menu__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:32px;margin-bottom:auto}.menu__link{font-weight:500;font-size:40px;line-height:1.175;text-align:center;letter-spacing:.02em;color:var(--title-text-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu__link:hover,.menu__link:focus{color:var(--accent-color)}.menu__link--current{color:var(--accent-color)}.contact__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:32px;margin-bottom:64px}.contact__link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--primary-text-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact__link:hover,.contact__link:focus{color:var(--accent-color)}.contact__link--accent{font-size:34px;color:var(--accent-color)}}@media screen and (min-width: 768px){.menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:88px;gap:50px}.mobile-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.menu__item,.contact__item{font-weight:500;line-height:1.15;list-style:none}.menu__link{color:var(--title-text-color);padding:32px 0;display:block;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none}.menu__link:hover,.menu__link:focus{color:var(--accent-color)}.menu__link--current{color:var(--accent-color);position:relative}.menu__link--current::after{position:absolute;content:"";right:0;bottom:0;border-radius:2px;height:4px;background-color:var(--accent-color);width:100%}.svg-header{margin-right:10px;fill:currentColor}.contact__link--svg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--primary-text-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contact__link--svg:hover,.contact__link--svg:focus{color:var(--accent-color)}}@media screen and (min-width: 768px)and (max-width: 1199px){.contact__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-left:auto}}@media screen and (min-width: 1200px){.contact__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;gap:30px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.page-header{border-bottom:1px solid var(--header-border)}.header-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__link{color:var(--accent-color);font-family:Raleway;font-weight:700;font-size:26px;line-height:1.16;text-decoration:none}.header__link--black{color:var(--logo-color)}@media screen and (min-width: 320px)and (max-width: 767px){.footer__list{text-align:center}.footer__item{margin-bottom:60px}.address__item:last-child{margin-bottom:0}.footer__input{width:100%}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__input{width:450px}.footer-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;margin-bottom:60px}.footer__form{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: 320px)and (max-width: 1199px){.footer__title{text-align:center}.address__item{margin-bottom:8px}}@media screen and (min-width: 1200px){.footer__link{font-size:26px;line-height:1.19}.address__item{margin-bottom:9px}.footer__input{width:358px}.footer__form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.footer__list,.footer-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.footer__item--form{margin-left:auto}.footer__item{margin-right:70px}}footer{background-color:var(--section-title-color);padding:60px 0}.footer__title{margin-bottom:20px;font-weight:700;line-height:1.14;text-transform:uppercase;color:var(--button-color)}.footer__link{display:block;margin-bottom:20px;color:var(--accent-color);font-family:Raleway;font-weight:700;font-size:24px;line-height:1.16;text-decoration:none}.footer__link--white{color:var(--button-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address__link{font-weight:400;line-height:1.7;font-style:normal;color:rgba(255,255,255,.3764705882);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none}.address__link:hover,.address__link:focus{color:var(--accent-color)}.address__link--map{color:var(--button-color)}.footer__input{height:50px;margin-bottom:20px;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;background-color:var(--section-title-color);outline:none;font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;border-radius:4px;width:200px;height:50px;padding:10px 64px 10px 28px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);color:var(--button-color);background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.06em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-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)}.footer__svg{position:absolute;right:28px;bottom:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}footer .social__link--footer{background-color:var(--background-social);color:var(--button-color)}.social-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.social-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;border-radius:50%;color:var(--social-icon);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-link:hover,.social-link:focus{background-color:var(--accent-color);color:var(--button-color)}@media screen and (min-width: 320px)and (max-width: 1199px){.upper-title{margin-bottom:30px;font-size:28px;line-height:1.15}}@media screen and (min-width: 1200px){.upper-title{margin-bottom:50px;font-size:36px;line-height:1.7}}.upper-title{color:var(--title-text-color);font-weight:700;letter-spacing:.03em;text-align:center}@media screen and (min-width: 320px)and (max-width: 767px){.customers__list{margin:-15px}.customers__item{width:calc((100% - 60px)/2);margin:15px}}@media screen and (min-width: 768px){.customers__list{margin:-15px}.customers__item{width:calc((100% - 90px)/3);margin:15px}}@media screen and (min-width: 1200px){.customers__list{margin:-15px}.customers__item{width:calc((100% - 180px)/6);margin:15px}}.customers__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.customers__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;color:var(--social-icon);width:100%;height:92px;border:1px solid #afb1b8;border-radius:4px;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.customers__link:hover,.customers__link:focus{border-color:var(--accent-color);color:var(--accent-color)}@media screen and (min-width: 320px)and (max-width: 767px){.team__item{margin-bottom:30px}.team__item:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-15px}.team__item{width:calc((100% - 60px)/2);margin:15px}}@media screen and (min-width: 1200px){.team__list{margin:-15px}.team__item{width:calc((100% - 120px)/4);margin:15px}}.container-team{background-color:var(--background-color)}.section__team{padding:30px 0}.team__title{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.19;color:var(--title-text-color);text-align:center;letter-spacing:.03em}.team__subtitle{font-size:16px;text-align:center;letter-spacing:.03em;line-height:1.13;margin-bottom:16px}.team__item{background-color:var(--button-color);-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}@media screen and (min-width: 320px)and (max-width: 1199px){.container-top{display:none}}@media screen and (min-width: 1200px){.container-top{padding-top:0}.doing__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:-15px}.doing__item{position:relative;width:calc((100% - 90px)/3);margin:15px;z-index:-1}.doing__title{position:absolute;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;height:70px;width:100%;background-color:rgba(47,48,58,.8);font-weight:700;line-height:1.14;text-transform:uppercase;color:var(--button-color)}}@media screen and (min-width: 320px)and (max-width: 767px){.benefits__item{margin-bottom:30px}.benefits__item:last-child{margin-bottom:0}.benefits__title{text-align:center}}@media screen and (min-width: 768px){.benefits__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}.benefits__item{width:calc((100% - 60px)/2);margin:15px}}@media screen and (min-width: 1200px){.benefits__list{margin:-15px}.benefits__item{width:calc((100% - 120px)/4);margin:15px}}.benefits__title{margin-bottom:10px;color:var(--title-text-color);font-weight:700;line-height:1.15;text-transform:uppercase;font-size:14px;letter-spacing:.03em}.benefits__subtitle{line-height:1.7;letter-spacing:.03em}.benefits__svg{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:var(--background-color);border-right:4px;width:100%;height:120px;margin-bottom:30px}@media screen and (min-width: 320px)and (max-width: 767px){.gallery__item{margin-bottom:30px}.gallery__item:last-child{margin-bottom:0}.gallery__title{letter-spacing:.06em}}@media screen and (min-width: 767px)and (max-width: 1199px){.gallery__title{letter-spacing:.04em}}@media screen and (min-width: 768px){.gallery__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-15px}.gallery__item{width:calc((100% - 60px)/2);margin:15px}}@media screen and (min-width: 1200px){.gallery__list{margin:-15px}.gallery__item{width:calc((100% - 90px)/3);margin:15px}.gallery__title{letter-spacing:.06em}}.gallery__link{display:block;text-decoration:none;-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)}.gallery__link:hover,.gallery__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)}.gallery__link:hover .overlay__subtitle,.gallery__link:focus .overlay__subtitle{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.overlay__img{position:relative;overflow:hidden;display:block}.overlay__subtitle{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-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.6;letter-spacing:.03em;color:var(--button-color);background-color:rgba(33,150,243,.9)}.gallery__section{padding:20px 24px;border:1px solid var(--border-color);border-top:none}.gallery__title{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;color:var(--title-text-color)}.gallery__subtitle{line-height:1.9;font-size:16px;letter-spacing:.03em;color:var(--primary-text-color)}@media screen and (min-width: 320px)and (max-width: 767px){.button__list{-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:15px;margin-bottom:30px}}@media screen and (min-width: 768px){.button__list{margin-bottom:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.button__list{margin-bottom:50px}}.button__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.button__item .button__btn--current{background-color:var(--accent-color);color:var(--button-color);-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)}.button__btn{border-radius:4px;padding:6px 22px;border:none;background-color:var(--background-color);color:var(--title-text-color);text-align:center;font-weight:500;font-size:16px;line-height:1.6;letter-spacing:.03em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-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__btn:hover,.button__btn:focus{background-color:var(--accent-color);color:var(--button-color);-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 screen and (min-width: 320px)and (max-width: 767px){.main__section{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/mobile/bg-image1x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/mobile/bg-image1x.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}}@media screen and (min-width: 320px)and (max-width: 767px)and (min-device-pixel-ratio: 2)and (max-width: 767px),screen and (min-width: 320px)and (max-width: 767px)and (-webkit-min-device-pixel-ratio: 2)and (max-width: 767px),screen and (min-width: 320px)and (max-width: 767px)and (min-resolution: 192dpi)and (max-width: 767px),screen and (min-width: 320px)and (max-width: 767px)and (min-resolution: 2dppx)and (max-width: 767px){.main__section{background-image:url(../images/mobile/bg-image2x.jpg)}}@media screen and (min-width: 768px){.main__section{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/tablet/bg-image1x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/tablet/bg-image1x.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2)and (min-width: 768px),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2)and (min-width: 768px),screen and (min-width: 768px)and (min-resolution: 192dpi)and (min-width: 768px),screen and (min-width: 768px)and (min-resolution: 2dppx)and (min-width: 768px){.main__section{background-image:url(../images/tablet/bg-image2x.jpg)}}@media screen and (min-width: 768px){.main__title{width:360px}}@media screen and (min-width: 320px)and (max-width: 1199px){.main__section{margin:0 auto;padding:118px 0;height:400px;width:100%;text-align:center}.main__title{line-height:1.6;font-size:26px}.main__button{padding:10px 24px}}@media screen and (min-width: 1200px){.main__section{margin:0 auto;padding:200px 0;width:100%;height:600px;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/bg-image.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/bg-image.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2)and (min-width: 1200px),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2)and (min-width: 1200px),screen and (min-width: 1200px)and (min-resolution: 192dpi)and (min-width: 1200px),screen and (min-width: 1200px)and (min-resolution: 2dppx)and (min-width: 1200px){.main__section{background-image:url(../images/desktop/bg-image2x.jpg)}}@media screen and (min-width: 1200px){.main__title{line-height:1.4;font-size:44px;width:696px}}@media screen and (min-width: 1200px){.main__button{padding:10px 32px}}.main__title{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;margin-bottom:30px;text-align:center;color:var(--button-color);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.main__button{display:block;margin:0 auto;color:var(--button-color);background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.06em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.main__button:hover,.main__button:focus{-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);background-color:var(--button-active)}@media screen and (min-width: 480px)and (max-width: 1199px){.modal{min-width:450px}.modal__title{line-height:1.5}.checkbox__text{font-size:12px;line-height:1.16}.modal__checkbox{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 1200px){.modal{min-width:528px}.modal__title{line-height:1.15}.checkbox__text{font-size:14px;line-height:1.7}}.backdrop{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);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)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:40px;z-index:1;background-color:var(--button-color);-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}.modal__button{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;position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background-color:var(--button-color);-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)}.modal__button:focus,.modal__button:hover{fill:var(--accent-color);border-color:var(--accent-color)}.modal__field{position:relative;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:start}.modal__area{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px}.modal__field:focus-within .modal__input,.modal__field:hover .modal__input,.modal__area:focus-within .modal__text,.modal__area:hover .modal__text{border:1px solid var(--accent-color)}.modal__field:focus-within .modal__svg,.modal__field:hover .modal__svg{fill:var(--accent-color)}.modal__input{height:40px;padding-left:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;-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)}.modal__label{text-align:left;margin-bottom:4px;font-size:12px;line-height:1.2;letter-spacing:.01em}.modal__coments{text-align:left;margin-bottom:4px;font-size:12px;line-height:1.2;letter-spacing:.01em}.modal__button--svg{-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__svg{position:absolute;top:50%;left:15px;fill:var(--title-text-color);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:focus,.modal__text:focus{border-color:var(--accent-color);outline:none}.modal__input:focus~.modal__svg{fill:var(--accent-color)}.modal__text{resize:none;border:1px solid rgba(33,33,33,.2);border-radius:4px;height:120px;padding:12px;-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)}.checkbox__label{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}.checkbox__link{color:var(--accent-color)}.modal__checkbox{margin-bottom:30px}.modal__submit{margin:0 auto;font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.06em;padding:10px 52px;background-color:var(--accent-color);color:var(--button-color);-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:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__submit:hover,.modal__submit:focus{background-color:var(--button-active)}.checkbox__agreement{-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox__icon{display:inline-block;margin-right:9px;width:15px;height:15px;border:1px solid var(--title-text-color);background-image:url(../images/icon-check.svg);background-origin:border-box;background-size:contain;background-repeat:no-repeat}.checkbox__agreement:checked+.checkbox__icon{background-color:var(--accent-color)}.checkbox__text{letter-spacing:.03em}.modal__title{display:block;margin-bottom:30px;font-size:20px;font-weight:700;letter-spacing:.03em;text-align:center;color:var(--title-text-color)}@media screen and (min-width: 768px){.mobile__list,.header__button{display:none}}@media screen and (max-width: 767px){.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;padding:48px 40px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--button-color);z-index:999;overflow-x:scroll;-webkit-transform:translateX(100%);transform:translateX(100%);-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)}.mobile-menu.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.header__button{position:absolute;top:10px;right:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:0;margin:0;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__button:hover,.header__button:focus{fill:var(--accent-color)}.mobile__list{display:-webkit-box;display:-ms-flexbox;display:flex}.mobile__item{margin-right:10px;padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.mobile__item:last-child{border-right:none}.mobile__item .mobile__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--accent-color)}}/*# sourceMappingURL=main.min.css.map */