body{background-color:#fff;font-family:"Roboto",sans-serif}a{text-decoration:none}a:hover{color:#2196f3}button{cursor:pointer}a:focus{color:#2196f3}button:hover{color:#2196f3}button:focus{color:#2196f3}li{list-style-type:none}td{cursor:pointer}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}textarea{resize:none}.section{padding-top:60px;padding-bottom:60px}.container{padding-left:15px;padding-right:15px;max-width:480px;margin:0 auto;position:relative}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}.section{padding-top:94px;padding-bottom:94px}}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}img{display:block;max-width:100%;height:auto}.logo{display:inline-block;font-family:"Raleway",sans-serif;font-style:normal;font-weight:700;font-size:26px;color:#2196f3}.logo--color-black{color:#000}.logo--color-white{color:#fff}.page-header{position:relative;margin-left:auto;margin-right:auto;border-bottom:1px solid #757575;width:100%}.page-header-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-header__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:auto;padding:0;border:none;background-color:rgba(0,0,0,0);z-index:2}.page-header__button:hover{fill:#2196f3}.page-header__button .icon-cross{display:none}.page-header__button.is-open .icon-cross{display:block}.page-header__button.is-open .icon-menu{display:none}.navigation-contacts{display:inline;background-color:#fff;position:absolute;padding:48px 40px;top:0;left:0;display:none}.navigation-contacts.is-open{display:inline-block;z-index:1;width:100%;margin-left:auto;margin-right:auto}.navigation{display:inline}.navigation__link{display:block;color:#212121;font-weight:500;font-size:14px;line-height:1.2;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation__item{margin-bottom:34px}.navigation__list:last-child{margin:0}.navigation__list:hover :focus{color:#2196f3}.page-header__contacts{margin-top:302px}.contacts__item{margin-bottom:32px}.contacts__item:last-child{margin-right:0}.contacts__link{font-style:normal;font-weight:500;font-size:14px;line-height:1.2;color:#757575;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contacts__link:hover svg{fill:#2196f3}.contacts__icon{margin-right:8px;cursor:pointer;fill:#757575;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);display:none}.social-networks-header{width:100%}.social-networks-header__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:1.222}.social-networks-header__link{color:#2196f3}@media screen and (min-width: 380px){.social-networks-header__list{font-size:18px}}@media screen and (min-width: 768px){.page-header-mobile{display:block;position:absolute;left:0;bottom:26px}.page-header__button{display:none}.navigation-contacts{position:initial;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigation-contacts.is-open{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigation{display:inline-block;margin-left:220px}.navigation__list{display:-webkit-box;display:-ms-flexbox;display:flex}.navigation__link{padding:32px 0;display:block;position:relative}.navigation__item{margin-bottom:0}.navigation__item:nth-child(n+2){margin-left:50px}.page-header__contacts{display:inline-block;padding:0;margin:0 0 0 75px}.contacts__item{margin:0}.contacts__item:nth-child(n+2){margin-top:10px}.contacts__icon{display:inline-block}.social-networks-header{display:none}.current::after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#2196f3;border-radius:2px}}@media screen and (min-width: 1200px){.page-header{position:initial}.page-header__logo{padding-top:24px;padding-bottom:25px}.page-header-mobile{position:initial;display:inline-block}.navigation-contacts{display:inline-block;max-width:1042px}.navigation-contacts.is-open{display:inline-block;max-width:1027px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.navigation{margin-left:92px}.page-header__contacts{margin-left:315px}.contacts__list{display:-webkit-box;display:-ms-flexbox;display:flex}.contacts__item{margin:0}.contacts__item:nth-child(n+2){margin-top:0;margin-left:30px}.contacts__link{padding:32px 0}}.order-a-service{background-color:#2f303a;padding-top:118px;padding-bottom:118px}.order-a-service__title{font-weight:900;font-size:26px;line-height:1.615;text-align:center;margin-left:auto;margin-right:auto;text-transform:uppercase;color:#fff}.order-a-service__button{padding:10px 24px 10px 24px;margin-top:30px;position:relative;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:200px}.order-a-service__button:hover,.order-a-service__button:focus{background-color:#fff;color:#2196f3;-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)}.order-a-service__image{height:400px;max-width:1600px;margin:0 auto;background-size:cover;background-position:center center;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/order-a-service/mobile.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/order-a-service/mobile.jpg)}@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){.order-a-service__image{background-image:url(../images/order-a-service/mobile2x.jpg)}}@media screen and (min-width: 768px){.order-a-service__title{max-width:360px}.order-a-service__image{background-image:url(../images/order-a-service/tablet.jpg)}}@media screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 768px)and (min-resolution: 2dppx){.order-a-service__image{background-image:url(../images/order-a-service/tablet2x.jpg)}}@media screen and (min-width: 1200px){.order-a-service__image{background-image:url(../images/order-a-service/desktop.jpg)}}@media screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1200px)and (min-resolution: 2dppx){.order-a-service__image{background-image:url(../images/order-a-service/desktop2x.jpg)}}@media screen and (min-width: 1200px){.order-a-service{padding-top:200px;padding-bottom:200px}.order-a-service__title{font-size:44px;line-height:1.363;max-width:696px}.order-a-service__image{height:600px}}.button{font-style:normal;font-weight:700;font-size:16px;line-height:1.8;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background-color:#2196f3;border-radius:4px;border:none;-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)}.titles{font-style:normal;font-weight:700;font-size:28px;line-height:1.178;color:#212121;text-align:center;margin-bottom:30px}@media screen and (min-width: 1200px){.titles{font-size:36px;line-height:1.2;margin-bottom:50px}}.advantages__list{text-align:center;display:inline-block}.advantages__item{margin-top:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.advantages__icon{background-color:#f5f4fa;display:inline-block;padding:25px 0;width:100%}.advantages__title{font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:1.2;text-align:center;color:#212121;margin-top:30px}.advantages__text{text-align:start;font-style:normal;font-weight:400;font-size:14px;line-height:1.7;color:#757575;margin-top:10px}@media screen and (min-width: 768px){.advantages__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.advantages__item{max-width:354px}.advantages__item:nth-child(n+3){margin-top:30px}.advantages__item:nth-child(2n+1){margin-right:30px}.advantages__title{text-align:start}}@media screen and (min-width: 1200px){.advantages__list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.advantages__item{max-width:270px;margin:0}.advantages__item:nth-child(n+3){margin-top:0}.advantages__item:nth-child(2n+1){margin-right:0}}.what-we-do{display:none}@media screen and (min-width: 1200px){.what-we-do{display:block;margin-left:auto;margin-right:auto;padding-top:0}.what-we-do__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.what-we-do__item{height:294px;position:relative}.what-we-do__title{font-family:"Roboto",sans-serif;font-style:normal;font-weight:700;font-size:14px;line-height:16px;text-align:center;color:#fff;background-color:rgba(47,48,58,.8);padding:27px 0;position:absolute;bottom:0;left:0;width:100%}}.our-team{background:#f5f4fa}.our-team__item{width:100%;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;margin-bottom:30px}.our-team__item:last-child{margin-bottom:0}.our-team__title{font-style:normal;font-weight:500;font-size:16px;line-height:1.2;color:#212121;margin-top:30px;text-align:center}.our-team__text{font-style:normal;font-weight:400;font-size:16px;line-height:1.2;color:color-gray;margin-top:10px;text-align:center;margin-bottom:16px}@media screen and (min-width: 768px){.our-team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.our-team__item{max-width:354px}.our-team__item:nth-child(n+3){margin-bottom:0}}@media screen and (min-width: 1200px){.our-team__list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.our-team__item{max-width:270px;margin-bottom:0}}.social-networks__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-networks__icons{padding:12px;fill:#afb1b8;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:50%;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-networks__icons:hover{fill:#fff;background-color:#2196f3}.social-networks__item:nth-child(n+2){margin-left:10px}.clients{width:140px;border:1px solid #afb1b8;border-radius:4px;fill:#afb1b8;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients:hover{fill:#2196f3;border:1px solid #2196f3}.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.clients__item{max-width:210px;margin-bottom:30px}.clients__item:nth-child(n+5){margin-bottom:0}@media screen and (min-width: 450px){.clients{width:210px}}@media screen and (min-width: 768px){.clients{width:226px}.clients__item{width:226px}.clients__item:nth-child(n+4){margin-bottom:0}}@media screen and (min-width: 1200px){.clients{width:170px}.clients__item{width:170px;margin-bottom:0}}.buttons__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;max-width:450px}.portfolio-button__text{font-family:"Roboto",sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:1.625;text-align:center;background-color:#f5f4fa;color:#212121;border-radius:4px;border:none;padding:6px 25px 6px 25px;-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)}.portfolio-button__text:focus{background-color:#2196f3;color:#fff;-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)}.portfolio-button__text:hover{background-color:#2196f3;cursor:pointer;color:#fff;-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)}.buttons__item{margin-right:8px}.buttons__item:nth-child(n+4){margin-top:15px}@media screen and (min-width: 768px){.buttons__list{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:768px}.buttons__item:nth-child(n+4){margin-top:0}}@media screen and (min-width: 1200px){.buttons__list{max-width:1200px}}.card__list{margin-top:40px}.card__hover{position:relative;overflow:hidden}.card__description{font-family:"Roboto",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:1.55;color:#fff;background-color:rgba(33,150,243,.9);padding:63px 24px;position:absolute;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-transform:translateY(100%);transform:translateY(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)}.card__item:hover .card__description{-webkit-transform:translateY(0);transform:translateY(0)}.card__title{font-family:"Roboto",sans-serif;font-style:normal;font-weight:700;font-size:18px;line-height:2;color:#212121;margin-top:20px;text-indent:24px}.card__text{font-family:"Roboto",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:1.8;color:#757575;margin-top:4px;margin-bottom:20px;text-indent:24px}.card__item{border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;max-width:450px;margin-bottom:30px;-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)}.card__item:hover{-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)}@media screen and (min-width: 768px){.card__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card__item{width:354px}.card__item:last-child{margin-bottom:0}}@media screen and (min-width: 1200px){.card__item{width:370px}.card__item:nth-child(n+7){margin-bottom:0}}.page-footer{max-width:480px;margin-left:auto;margin-right:auto;background:#2f303a;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:60px 0}.main-footer{display:block;text-align:center}.page-footer__logo{display:block;text-align:center;margin-bottom:20px}.page-footer__address{font-style:normal;font-weight:400;font-size:14px;line-height:1.7;color:#fff}.page-footer__contacts{font-style:normal;font-weight:400;font-size:14px;line-height:1.2;color:rgba(255,255,255,.6);margin-top:8px;display:inline-block}.page-footer__tel{margin-top:8px;margin-bottom:60px}.join-in{display:block;text-align:center}.join-in__title{font-family:"Roboto",sans-serif;font-style:normal;font-weight:700;font-size:1.14;line-height:16px;color:#fff;margin-bottom:20px;padding-top:10px}.page-footer__social-networks{fill:#fff;background-color:rgba(255,255,255,.1);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page-footer__social-networks:hover{fill:#fff;background-color:#2196f3}.sign-up{display:block;text-align:center;color:#fff;font-style:normal;font-weight:700;font-size:14px;line-height:1.14;padding-top:12px}.page-footer__form-field{display:block;margin-top:20px}.page-footer__form-field input{margin-top:20px;padding:15px 16px;background-color:#2f303a;width:100%;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;-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)}.page-footer__form-field input:hover{border-color:#2196f3}.page-footer__form-field>::-webkit-input-placeholder{-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page-footer__form-field>::-moz-placeholder{-moz-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page-footer__form-field>:-ms-input-placeholder{-ms-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page-footer__form-field>::-ms-input-placeholder{-ms-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page-footer__form-field>::placeholder{-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page-footer__form-field:hover>::-webkit-input-placeholder{color:#2196f3}.page-footer__form-field:hover>::-moz-placeholder{color:#2196f3}.page-footer__form-field:hover>:-ms-input-placeholder{color:#2196f3}.page-footer__form-field:hover>::-ms-input-placeholder{color:#2196f3}.page-footer__form-field:hover>::placeholder{color:#2196f3}.page-footer__form-field input:focus-within{outline:none;border-color:#2196f3}.page-footer__form-field:focus-within>::-webkit-input-placeholder{color:#2196f3}.page-footer__form-field:focus-within>::-moz-placeholder{color:#2196f3}.page-footer__form-field:focus-within>:-ms-input-placeholder{color:#2196f3}.page-footer__form-field:focus-within>::-ms-input-placeholder{color:#2196f3}.page-footer__form-field:focus-within>::placeholder{color:#2196f3}.button__icon{fill:#fff;margin-left:10px;cursor:pointer;display:block;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.page-footer__button{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:20px;padding:10px 28px;color:#fff}.page-footer__button:hover svg{fill:#2196f3}.page-footer__button:hover,.page-footer__button:focus{background-color:#fff;color:#2196f3;-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)}@media screen and (min-width: 768px){.page-footer{max-width:768px}.main-footer{display:inline-block;margin-left:76px}.join-in{display:inline-block;margin-left:165px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.page-footer__form-field{width:450px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.page-footer{max-width:100%}.page-footer__logo{text-align:left}.main-footer{text-align:left;margin-left:15px}.page-footer__tel{margin-bottom:0}.join-in{margin-left:70px}.join-in__title{text-align:left}.sign-up{display:inline-block;padding-top:0;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.page-footer__form-field{display:inline-block;width:358px;margin-left:93px;margin-right:0;margin-top:0}.page-footer__label{display:block;text-align:left}.page-footer__button{position:absolute;left:370px;bottom:0;-webkit-transform:translateX(50%);transform:translateX(50%)}.join-in__title{margin-top:0}}.backdrop{overflow-y:scroll;z-index:3;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden.modal{-webkit-transform:scale(0.9) translate(-50%, -50%);transform:scale(0.9) translate(-50%, -50%)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:absolute;top:390px;left:50%;width:94%;height:609px;z-index:3;background:#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:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.buton--close{position:absolute;right:8px;top:8px;border-radius:50%;border:0;padding:0;background-color:#fff}.button--close-icon{padding:6px;fill:#000;border-radius:50%;border:1px solid rgba(0,0,0,.1);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button--close-icon:hover{fill:#2196f3}.modal__title{width:370px;margin-left:auto;margin-right:auto;font-style:normal;font-weight:700;font-size:20px;line-height:1.5;text-align:center;color:#212121;margin-top:40px;margin-bottom:12px}.modal__form-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;padding:0 40px;font-style:normal;font-weight:400;font-size:12px;line-height:1.5;color:#757575}.modal__form-field input{padding:12px 42px;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__form-field input:hover{cursor:pointer;border-color:#2196f3}.modal__form-field:hover{cursor:pointer;fill:#2196f3}.modal__form-field:focus-within>input{border-color:#2196f3;outline:none}.modal__form-field:focus-within>.modal__icon{fill:#2196f3}.modal__form-field textarea{border:1px solid rgba(33,33,33,.2);border-radius:4px;height:120px;padding:12px 16px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-field>::-webkit-input-placeholder{-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-field>::-moz-placeholder{-moz-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-field>:-ms-input-placeholder{-ms-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-field>::-ms-input-placeholder{-ms-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-field>::placeholder{-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-field textarea:hover{cursor:pointer;border-color:#2196f3}.modal__form-field textarea:focus-within{border-color:#2196f3;outline:none}.modal__form-field:hover>::-webkit-input-placeholder{color:#2196f3}.modal__form-field:hover>::-moz-placeholder{color:#2196f3}.modal__form-field:hover>:-ms-input-placeholder{color:#2196f3}.modal__form-field:hover>::-ms-input-placeholder{color:#2196f3}.modal__form-field:hover>::placeholder{color:#2196f3}.modal__form-field:focus-within>::-webkit-input-placeholder{color:#2196f3}.modal__form-field:focus-within>::-moz-placeholder{color:#2196f3}.modal__form-field:focus-within>:-ms-input-placeholder{color:#2196f3}.modal__form-field:focus-within>::-ms-input-placeholder{color:#2196f3}.modal__form-field:focus-within>::placeholder{color:#2196f3}.modal__icon{position:absolute;left:52px;bottom:11px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__checkbox{padding-left:52px;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;position:relative}.modal__checkbox label{font-style:normal;font-weight:400;font-size:14px;line-height:1.17;color:#757575;padding-left:22px;position:absolute}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.checkbox__icon{display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:16px;height:15px;border:2px solid #212121;border-radius:4px}.checkbox:checked+.checkbox__icon{background-color:#2196f3;background-image:url(../images/check.svg);background-size:contain;fill:#fff;background-origin:border-box;border-color:#2196f3}.modal__policy{font-style:normal;font-weight:400;font-size:14px;line-height:1.17px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#2196f3}.modal__button{display:block;margin-left:auto;margin-right:auto;margin-top:30px;padding:10px 52px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15)}.modal__button:hover{background-color:#fff;color:#2196f3}@media screen and (min-width: 768px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{top:50%;width:528px;height:581px}.modal__title{width:448px}}/*# sourceMappingURL=main.min.css.map */