h1,h2,h3,h4,h5,h6,p{margin:0}img{display:block;max-width:100%;height:auto}.list{margin:0;padding:0}.item{list-style:none}body{background-color:#fff;font-family:"Roboto",sans-serif;color:#212121;font-weight:700;letter-spacing:.03em}body.modal-open{overflow:hidden}.container{padding-left:15px;padding-right:15px;margin:0 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}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 1200px){.section__padding{padding-bottom:0}}.section__title{text-align:center;font-size:28px;line-height:1.1785714286}@media screen and (min-width: 1200px){.section__title{font-size:36px;line-height:1.1666666667}}.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}.logo{font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.19;text-decoration:none;color:#212121;padding:16px 0}.logo .logo__web{color:#2196f3}.header{position:relative;border-bottom:1px solid #ececec}.header__menu{z-index:100;overflow-y:scroll}@media screen and (max-width: 767px){.header__menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;padding:48px 40px}.header__menu.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 768px){.header__menu{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-y:auto}}.header__mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}}.header__nav{margin-bottom:auto}@media screen and (min-width: 768px){.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:88px;margin-bottom:0}}@media screen and (min-width: 1200px){.header__nav{margin-right:305px}}.logo{font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.19;text-decoration:none;color:#212121;padding:16px 0}.logo .logo__web{color:#2196f3}.header__list-nav,.header__list-contact{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}@media screen and (min-width: 768px){.header__list-nav,.header__list-contact{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width: 768px){.header__list-nav{gap:50px}}.header__list-contact{margin-top:auto}@media screen and (min-width: 768px){.header__list-contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}@media screen and (min-width: 1200px){.header__list-contact{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px}}.header__link{display:block;color:#212121;font-weight:500;font-size:40px;line-height:1.175;letter-spacing:.02em;text-decoration:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.header__link{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.1428571429}}.header__link:hover,.header__link:focus{color:#2196f3}.header__link-contact{font-size:24px;-webkit-transition:font-size 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:font-size 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:0}.header__link-contact:hover{font-size:34px}@media screen and (min-width: 768px){.header__link-contact{font-size:12px;line-height:1.1666666667}.header__link-contact:hover{font-size:12px}.header__link-contact--email{padding-top:21px}.header__link-contact--tel{padding-bottom:21px}}@media screen and (min-width: 1200px){.header__link-contact{padding-top:32px;padding-bottom:32px}}@media screen and (max-width: 767px){.header__item-contact:nth-child(2){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.header__item-contact:nth-child(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;font-style:normal}}.header__social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:64px;gap:10px}@media screen and (min-width: 480px){.header__social{gap:0}}@media screen and (min-width: 768px){.header__social{display:none}}.header__social-link{text-decoration:none;color:#2196f3;font-weight:500;font-size:18px;line-height:1.2222222222;letter-spacing:.02em}.header__social-item{width:calc((100% - 10px)/2)}@media screen and (min-width: 480px){.header__social-item{width:auto;padding-right:10px;padding-left:10px;border-right:1px solid rgba(33,33,33,.2)}.header__social-item:last-child{padding-right:0;border:0}.header__social-item:nth-child(1){padding-left:0}}@media screen and (min-width: 768px){.header__link--line{position:relative}.header__link--line::after{position:absolute;content:"";bottom:0;display:block;background-color:#188ce8;width:100%;height:4px;border-radius:2px;-webkit-transform:scaleX(0);transform:scaleX(0);-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)}.header__link--line:hover::after,.header__link--line:focus::after{-webkit-transform:scaleX(1);transform:scaleX(1)}}@media screen and (min-width: 768px){.header__link--index-page,.header__link--portfolio-page{color:#2196f3}.header__link--index-page::after,.header__link--portfolio-page::after{position:absolute;content:"";bottom:0;display:block;background-color:#188ce8;width:100%;height:4px;border-radius:2px;-webkit-transform:scaleX(1);transform:scaleX(1)}}.header__link-contact{color:#757575}.header__svg{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__icon{display:none}@media screen and (min-width: 768px){.header__icon{display:block;fill:#757575;margin-right:10px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link:hover .header__icon,.header__link:focus .header__icon{fill:#2196f3}}.header__btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:rgba(0,0,0,0);border:none;margin:0;padding:0;z-index:500;position:fixed;top:10px;right:15px}.header__btn .header__icon-close{display:none;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__btn .header__icon-menu{-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__btn.is-open .header__icon-close{display:block}.header__btn.is-open .header__icon-menu{display:none}@media screen and (min-width: 768px){.header__btn{display:none}}.header__btn:hover .header__icon-menu{fill:#2196f3}.header__btn:hover .header__icon-close{fill:#2196f3}.header__btn-svg{fill:#212121}.hero{margin:0 auto;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/index/bg-480.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/index/bg-480.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;padding-top:118px;padding-bottom:118px;height:auto}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/index/bg-480-2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/index/bg-480-2x.jpg)}}@media screen and (min-width: 480px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/index/bg-768.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/index/bg-768.jpg)}}@media screen and (min-width: 480px)and (min-device-pixel-ratio: 2),screen and (min-width: 480px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 480px)and (min-resolution: 192dpi),screen and (min-width: 480px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/index/bg-768-2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/index/bg-768-2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/index/bg-1200.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/index/bg-1200.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{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/index/bg-1200-2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/index/bg-1200-2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero__title{color:#fff;font-weight:900;font-size:20px;line-height:1.6153846154;letter-spacing:.06em;text-transform:uppercase;text-align:center}@media screen and (min-width: 480px){.hero__title{font-size:26px}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}.hero__btn{background-color:#2196f3;color:#fff;font-family:"Roboto",sans-serif;font-size:16px;line-height:1.88;font-weight:700;letter-spacing:.06em;padding:10px 32px;margin-top:30px;border:0;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.hero__btn:hover,.hero__btn:focus{background-color:#188ce8}.features{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){.features{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 1200px){.features{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width: 768px){.features__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.features__item{width:270px}}.features__title{font-size:14px;line-height:1.14;text-transform:uppercase;margin-bottom:10px;text-align:center}@media screen and (min-width: 768px){.features__title{text-align:left}}.features__text{color:#757575;font-weight:400;font-size:14px;line-height:1.7}.features__icon{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:#f5f4fa;height:120px;margin-bottom:30px}@media screen and (max-width: 1199px){.suggest-section{display:none}}.suggest-section__title{margin-bottom:50px}.suggest{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.suggest__item{position:relative}.suggest__overlay{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;bottom:0;width:370px;height:70px;background-color:rgba(47,48,58,.8)}.suggest__overlay-text{font-size:14px;line-height:1.1428571429;text-transform:uppercase;color:#fff}.comand-section{background-color:#f5f4fa}.comand-section__title{margin-bottom:30px}@media screen and (min-width: 1200px){.comand-section__title{margin-bottom:50px}}.comand{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){.comand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 1200px){.comand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.comand__img{margin:0 auto;width:100%}.comand__title{font-weight:500;font-size:16px;line-height:1.19;margin-bottom:10px}.comand__text{padding:30px 32px;text-align:center}.comand__border{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}@media screen and (min-width: 768px){.comand__border{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.comand__border{width:270px}}.comand__desc{color:#757575;font-weight:400;font-size:16px;line-height:1.19}.comand__inner-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;margin-top:16px}.comand__list-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:10px}.comand__link-icon{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;list-style:none;margin:0;padding:0;color:#fff;width:44px;height:44px;border-radius:50%;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.comand__link-icon:hover,.comand__link-icon:focus{background-color:#2196f3;cursor:pointer}.comand__icon{fill:#afb1b8}.comand__link-icon:hover .comand__icon,.comand__link-icon:focus .comand__icon{fill:#fff}.clients{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}@media screen and (min-width: 768px){.clients{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}}.clients__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 320px){.clients__link{width:130px;height:92px}}@media screen and (min-width: 400px){.clients__link{width:170px;height:92px}}@media screen and (min-width: 480px){.clients__link{width:210px;height:92px}}.clients__link:hover,.clients__link:focus{border-color:#2196f3;cursor:pointer;color:#2196f3}.clients__link .clients__icon{fill:currentColor}@media screen and (min-width: 768px){.clients__link{width:226px}}@media screen and (min-width: 1200px){.clients__link{width:170px}}.clients-section__title{margin-bottom:30px}@media screen and (min-width: 1200px){.clients-section__title{margin-bottom:50px}}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 1200px){.footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseLine;-ms-flex-align:baseLine;align-items:baseLine}}.footer__inner-contacts{text-align:center}@media screen and (min-width: 768px){.footer__inner-contacts{margin-bottom:60px}}@media screen and (min-width: 1200px){.footer__inner-contacts{text-align:left;margin-bottom:0}}.logo--footer{color:#fff}.footer__maps{color:#fff;font-family:"Roboto",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:1.7;text-decoration:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__maps :hover{color:#2196f3}address{margin-top:20px;margin-bottom:9px}.footer__link{color:#fff;opacity:.6;font-weight:400;font-size:14px;line-height:1.7142857143;letter-spacing:.03em;padding:0}.footer__link--padding{margin-bottom:9px}.footer__link-label{color:#fff;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;text-align:center}@media screen and (min-width: 1200px){.footer__link-label{text-align:left}}.footer__inner-svg{margin:60px 0}@media screen and (min-width: 768px){.footer__inner-svg{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:baseLine;-ms-flex-pack:baseLine;justify-content:baseLine;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1200px){.footer__inner-svg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:baseLine;-ms-flex-pack:baseLine;justify-content:baseLine;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}}.footer__list{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:10px}.footer__link-svg{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;color:#fff;background-color:rgba(255,255,255,.1);width:44px;height:44px;border-radius:50%;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__link-svg:hover,.footer__link-svg:focus{background-color:#2196f3;cursor:pointer}.footer__icon{fill:#fff}.footer__link-svg:hover .footer__icon,.footer__link-svg:focus .footer__icon{fill:#fff}@media screen and (min-width: 1200px){.conteiner-form-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:12px}}.footer-form__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer-form__text{color:#fff;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;text-align:center}.footer-form__input{background-color:rgba(0,0,0,0);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;padding:15px 16px;color:#fff;margin-bottom:20px}@media screen and (min-width: 480px){.footer-form__input{width:358px}}@media screen and (min-width: 1200px){.footer-form__input{margin-bottom:0}}.footer-form__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#2196f3;color:#fff;font-family:"Roboto",sans-serif;font-size:16px;line-height:1.88;font-weight:700;letter-spacing:.06em;padding-left:29px;padding-right:29px;height:50px;border:0;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);margin:0 auto}.footer-form__btn:hover,.footer-form__btn:focus{background-color:#188ce8}.footer-form__icon{margin-left:10px}.backdrop{position:fixed;background-color:rgba(0,0,0,.2);width:100%;height:100%;top:0;left:0;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);z-index:1000;overflow-y:scroll}.backdrop.is-hidden{opacity:0;pointer-events:none}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0.9);transform:translate(-50%, -50%) scale(0.9)}.modal{position:absolute;top:50%;left:50%;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:4px;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 340px){.modal{width:310px}}@media screen and (min-width: 370px){.modal{width:340px}}@media screen and (min-width: 400px){.modal{width:370px}}@media screen and (min-width: 430px){.modal{width:400px}}@media screen and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:auto}}.modal__button-close{position:absolute;top:8px;right:8px;padding:0;width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background-color:#fff}.modal__svg-close{fill:#000;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__button-close:hover .modal__svg-close,.modal__button-close:focus .modal__svg-close{fill:#2196f3}.modal__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px 40px}.modal__field{display:inline-block;position:relative}.modal__title{color:#212121;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;margin-bottom:12px}.modal__input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px}.modal__input--texterea{height:120px;resize:none;margin-bottom:20px;padding:12px 16px}.modal__label{color:#757575;font-weight:400;font-size:12px;line-height:1.1666666667;letter-spacing:.01em;margin-bottom:4px}.modal__label--check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.modal__label~.modal__label{margin-top:10px}.modal__link{color:#2196f3}.modal__icon{position:absolute;left:12px;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);fill:#212121;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__icon:focus{border-color:#2196f3}.modal__input:focus+.modal__icon{fill:#2196f3}.modal__submit{display:block;margin:0 auto;background-color:#2196f3;color:#fff;font-family:"Roboto",sans-serif;font-size:16px;line-height:1.88;font-weight:700;letter-spacing:.06em;padding:10px 55px;margin-top:30px;border:0;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__submit:hover,.modal__submit:focus{background-color:#188ce8}.modal__check-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.modal__check-on{border-radius:2px;opacity:0;position:absolute;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__check:checked+.modal__check-on{opacity:1;background-color:#2196f3}.modal__check-off{opacity:1}.modal__check:checked~.modal__check-off{opacity:0}.modal__check-label{font-size:12px;margin-left:7px}@media screen and (min-width: 768px){.modal__check-label{font-size:14px}}/*# sourceMappingURL=main.min.css.map */