*{border:0;margin:0;padding:0}*,:before,:after{box-sizing:border-box}:focus,:active,a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:14px;line-height:1}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:visited,a:hover{text-decoration:none}ul,li{margin:0;padding-left:0;list-style:none}img{height:auto;max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;margin:0;font-weight:400}address{font-style:normal}.link{color:inherit;text-decoration:none;display:block}body{font-family:DM Sans,sans-serif;font-size:12px}.wrapper{width:100%;min-height:100%;flex-direction:column;display:flex;overflow:hidden}.overflow-y{overflow:hidden}:root{--mobile:480px;--tablet:768px;--desktop:1200px;--primary-bg-color:#fff5f6;--secondary-bg-color:#fff;--hero-bg-color:#ffb8ca;--mob-menu-bg-color:#e17992;--mob-menu-border:#e18298;--primary-text-color:#000;--secondary-text-color:#ffa5ba;--menu-text-color:#333;--menu-line-color:#000;--underline-color:#e1e1e1}._img{max-width:100%;height:auto;transition:fill .25s cubic-bezier(.4,0,.2,1);display:block}.container{margin:0 auto;padding:0 15px}@media screen and (min-width:768px){.container{max-width:var(--tablet);padding:0 15px}}@media screen and (min-width:1200px){.container{max-width:var(--desktop);padding:0 15px}}.form{max-width:391px;flex-direction:column;display:flex}.form__list{width:100%}.form__item:not(:last-child){margin-bottom:22px}.form__field{position:relative}.form__input{width:100%;height:40px;color:#757575;box-sizing:border-box;cursor:pointer;background-color:#f3f3f3;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px}.form__input:focus{color:#757575;outline-color:#2196f3}.form__label{color:#757575;letter-spacing:.01em;font-size:12px;font-weight:400;line-height:1.16667;position:absolute;top:-29px;left:0}.form__icon{display:block;position:absolute;top:70%;left:12px;transform:translateY(-64%)}.comment{width:100%;height:120px;box-sizing:border-box;resize:none;background-color:#f3f3f3;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding:14px 38px}.comment::-webkit-input-placeholder{color:#757575;letter-spacing:.01em;font-size:12px;font-weight:400;line-height:1.16667}.comment:-ms-input-placeholder{color:rgba(117,117,117,.5);letter-spacing:.01em;font-size:12px;font-weight:400;line-height:1.16667}.comment::-ms-input-placeholder{color:rgba(117,117,117,.5);letter-spacing:.01em;font-size:12px;font-weight:400;line-height:1.16667}.comment::placeholder{color:rgba(117,117,117,.5);letter-spacing:.01em;font-size:12px;font-weight:400;line-height:1.16667}.comment~.form__label{top:-124px}.comment:focus{color:#757575;outline-color:#2196f3}.menu-mobile{height:100vh;width:100vw;z-index:119;background-color:#605c5c;justify-content:center;align-items:center;padding:15px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(200%)}.menu-mobile.is-open{transform:translateY(0)}.menu-mobile__close-btn{width:27px;height:27px;background-color:inherit;justify-content:center;align-items:center;display:flex;position:absolute;top:31px;right:18px}.menu-mobile__close-btn .icon-menu{fill:#fff}.menu-mobile__list{flex-direction:column;justify-content:center;align-items:center;display:flex}.menu-mobile__item{padding:10px 21.5px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.menu-mobile__link{color:#fff;text-align:center;text-transform:capitalize;font-family:Rubik,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:1}.js-open-menu .icon{fill:#333}.menu__list{justify-content:center;align-items:center;display:flex}.menu__item{padding:4px 0;position:relative}.menu__item:not(:last-child){margin-right:60px}.menu__item:before,.menu__item:after{content:"";width:100%;height:1px;background-color:var(--menu-line-color);transform-origin:100%;transition:transform .3s ease-in-out;position:absolute;left:0;transform:scaleX(0)}.menu__item:before{top:0}.menu__item:after{bottom:0}.menu__item:hover:before,.menu__item:hover:after{transform:scaleX(1)}.menu__link{color:var(--menu-text-color);letter-spacing:2.4px;text-transform:uppercase;font-family:TT Hoves,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1;transition:color .3s}.menu__item:target{background-color:#add8e6}.active:before,.active:after{transform:scaleX(1)}.page{width:100%;min-width:0;flex-direction:column;flex:auto;display:flex}.header{width:100%;padding-top:29px;padding-bottom:31px;transition:background-color .3s}@media screen and (min-width:768px){.header{z-index:5;position:fixed;top:0;left:0}}.header__container{width:100%;justify-content:space-between;align-items:center;display:flex}.header__menu{display:none}@media screen and (min-width:768px){.header__menu{margin-left:auto;margin-right:0;display:block}}@media screen and (min-width:1200px){.header__menu{margin-right:132px;display:block}}.header__menu-mobile{display:block}@media screen and (min-width:768px){.header__menu-mobile{display:none}}.header__mobile-menu{background-color:inherit}@media screen and (min-width:768px){.header__mobile-menu{display:none}}.header.hidden{transform:translateY(-100%)}@media screen and (min-width:768px){.hero{padding-top:104px}}.hero__container{flex-direction:column;align-items:center;display:flex}@media screen and (min-width:768px){.hero__container{flex-direction:row;justify-content:space-between;align-items:start}}.hero__describ{flex-direction:column;justify-content:center;align-items:start;margin:auto 0;display:flex}.hero__title{color:#bdbdbd;font-family:TT Hoves,sans-serif;font-size:42px;font-style:normal;font-weight:300;line-height:1;display:flex}.hero__title span{color:#333;font-style:normal;font-weight:700}@media screen and (min-width:768px){.hero__title{flex-direction:column;align-items:start;font-size:50px}}@media screen and (min-width:1200px){.hero__title{font-size:64px}}.hero__controls{display:none}@media screen and (min-width:768px){.hero__controls{align-items:center;margin-top:90px;display:flex}}.hero__control-btn{background-color:inherit;fill:#333;border:1px solid #f2f2f2;justify-content:center;align-items:center;padding:22px 18px;transition:background-color .3s ease-in-out,color .3s ease-in-out;display:flex}.hero__control-btn:hover{background:#f9f9f9}.hero__control-btn:not(:last-child){margin-right:23px}.hero__pagination{display:none}@media screen and (min-width:768px){.hero__pagination{color:var(--gray-4,#bdbdbd);align-items:center;margin-top:94px;font-family:TT Hoves,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:flex}.hero__pagination span{position:relative}.hero__pagination span:not(:last-child){margin-right:89px}.hero__pagination span:first-child:after{content:"";width:43.822px;height:1px;background:#e0e0e0;position:absolute;bottom:50%;left:179%;transform:translateY(50%)rotate(-45deg)}}.hero__gallery{max-width:320px;margin-top:30px;overflow:hidden}@media screen and (min-width:768px){.hero__gallery{max-width:480px;margin-top:0}}@media screen and (min-width:1200px){.hero__gallery{max-width:770px;margin-top:0}}.hero__slide{position:relative}.hero__slide-btn{width:222px;color:var(--gray-1,#333);letter-spacing:2.4px;text-transform:uppercase;background-color:#fff;padding:30px 50px;font-family:TT Hoves,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1;transition:background-color .3s ease-in-out,color .3s ease-in-out;position:absolute;bottom:0;left:0}.hero__slide-btn:hover{background-color:#ccc}.btn-prev:disabled,.btn-next:disabled{cursor:not-allowed;background-color:#ccc}.about{margin-top:81px}@media screen and (min-width:768px){.about{margin-top:120px}}.about__container{background:#fbfbfb;padding:15px}@media screen and (min-width:768px){.about__container{grid-column-gap:30px;grid-template-columns:58% 40%;display:grid}}.about__images{display:none}@media screen and (min-width:768px){.about__images{width:100%;justify-content:end;align-items:end;margin-left:auto;display:flex;position:relative}}.about__describ{flex-direction:column;align-items:start;display:flex}.about__title{color:#bdbdbd;text-transform:capitalize;font-family:TT Hoves,sans-serif;font-size:40px;font-style:normal;font-weight:300;line-height:1}@media screen and (min-width:768px){.about__title{font-size:64px;line-height:1}}.about__content{color:#000;margin-top:20px;margin-right:7px;font-family:TT Hoves,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:1.5625}.about__btn{color:#333;letter-spacing:2.4px;text-transform:uppercase;background-color:#fff;margin-top:20px;padding:30px 65px;font-family:TT Hoves,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1;transition:background-color .3s ease-in-out,color .3s ease-in-out}.about__btn:hover{background-color:#ccc}._extra{position:absolute}._extra:first-child{top:0;left:0}._extra:nth-child(2){bottom:-60px;left:0}._extra:nth-child(3){bottom:0;right:0}.tasks{width:100%;margin-top:70px}@media screen and (min-width:768px){.tasks{margin-top:150px}}.tasks__container{width:100%;flex-direction:column;justify-content:center;align-items:start;display:flex}.tasks__title{color:#bdbdbd;text-transform:uppercase;font-family:TT Hoves,sans-serif;font-size:40px;font-style:normal;font-weight:300;line-height:1.6}@media screen and (min-width:768px){.tasks__title{font-size:64px;font-style:normal;line-height:1}}.tasks__list{flex-direction:column;display:flex}@media screen and (min-width:768px){.tasks__list{flex-direction:row;margin-top:62px}}.tasks__item{flex:1;align-items:center;padding:15px;display:flex}.tasks__position{color:#f2f2f2;font-family:SF Pro Display,sans-serif;font-size:154px;font-style:normal;font-weight:900;line-height:1.2987}@media screen and (min-width:768px){.tasks__position{font-size:200px;line-height:1}}.tasks__description{color:#333;margin-left:12px;font-family:TT Hoves,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:2.4}@media screen and (min-width:768px){.tasks__description{margin-left:10px;font-size:17px;line-height:1.63636}}@media screen and (min-width:1200px){.tasks__description{margin-left:30px;font-size:22px;line-height:1.63636}}.projects{margin-top:81px}@media screen and (min-width:768px){.projects{margin-top:120px}}.projects__container{width:100%;flex-direction:column;display:flex}.projects__title{color:#bdbdbd;text-transform:uppercase;font-family:TT Hoves,sans-serif;font-size:40px;font-style:normal;font-weight:300;line-height:1.6}@media screen and (min-width:768px){.projects__title{font-size:64px;font-style:normal;line-height:1}}.projects__list{width:100%;flex-direction:column;justify-content:center;margin-top:60px;margin-bottom:-30px;display:flex}@media screen and (min-width:1200px){.projects__list{flex-flow:wrap;justify-content:space-between}}.projects__item{margin-bottom:30px}@media screen and (max-width:1199px){.projects__item{width:100%;cursor:pointer;position:relative}}@media screen and (max-width:1199px){.projects__img{width:100%;height:auto}}.projects__item-backdrop{width:100%;height:100%;opacity:0;background-color:rgba(51,51,51,.8);flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease-in-out,color .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.projects__item-backdrop h3{color:#fff;text-transform:uppercase;text-align:center;font-family:TT Hoves,sans-serif;font-size:64px;font-style:normal;font-weight:700;line-height:1}.projects__item-backdrop button{color:#fff;letter-spacing:2.4px;background-color:inherit;text-transform:uppercase;margin-top:14px;font-family:Gothic A1,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1}.projects__item-backdrop button .icon{fill:#fff}.projects__item:hover .projects__item-backdrop{opacity:1}.projects__btn{max-width:222px;color:#fff;letter-spacing:2.4px;text-transform:uppercase;background:#333;align-items:center;margin-top:30px;margin-left:auto;padding:26.5px 35px;font-family:TT Hoves,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1;display:flex}.projects__icon{margin-left:10px}.contacts{margin-top:40px}@media screen and (min-width:768px){.contacts{margin-top:120px}}.contacts__container{width:100%;flex-direction:column;display:flex}.contacts__row{justify-content:space-between;align-items:start;margin-top:22px;display:flex}.contacts__title{color:#bdbdbd;text-transform:uppercase;font-family:TT Hoves,sans-serif;font-size:37px;font-style:normal;font-weight:300;line-height:1.72973}@media screen and (min-width:768px){.contacts__title{font-size:64px;font-style:normal;line-height:1}}.contacts__form-policy{width:100%;color:#333;letter-spacing:.42px;margin-top:22px;padding-left:40px;font-family:TT Hoves,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1}.contacts__btn{width:222px;color:#fff;letter-spacing:2.4px;text-transform:uppercase;background:#333;justify-content:center;align-items:center;margin-top:21px;margin-left:0;padding:26.5px 35px;font-family:TT Hoves,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1;display:flex}.contacts__icon{margin-left:10px}.contacts__img{display:none}@media screen and (min-width:768px){.contacts__img{display:block}}.footer{background-color:#2c2c2c;margin-top:120px;position:relative}.footer__row{width:100%;justify-content:center;align-items:start;padding:24px 0;display:flex}.footer__row:first-child{justify-content:space-between;padding:60px 0}.footer__row:first-child:after{content:"";width:100%;height:1px;background-color:rgba(255,255,255,.1);display:block;position:absolute;bottom:70px;left:0}.footer__information{margin-right:83px;display:flex}.footer__copyright{color:rgba(200,200,200,.5);font-family:Open Sans,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.83333}._f-title{color:#fff;font-family:TT Hoves,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:1}.f-info,.f-contacts{margin-right:157px}.f-info__list,.f-contacts__list{margin-top:16px}.f-info__item,.f-contacts__item{position:relative}.f-info__item:before,.f-info__item:after,.f-contacts__item:before,.f-contacts__item:after{content:"";width:100%;height:1px;background-color:var(--menu-line-color);transform-origin:100%;transition:transform .3s ease-in-out;position:absolute;left:0;transform:scaleX(0)}.f-info__item:before,.f-contacts__item:before{top:0}.f-info__item:after,.f-contacts__item:after{bottom:0}.f-info__item:hover:before,.f-info__item:hover:after,.f-info__item:active:before,.f-info__item:active:after,.f-contacts__item:hover:before,.f-contacts__item:hover:after,.f-contacts__item:active:before,.f-contacts__item:active:after{background-color:#fff;transform:scaleX(1)}.f-info__item:not(:last-child),.f-contacts__item:not(:last-child){margin-bottom:16px}.f-info__link,.f-contacts__link{color:#fff;letter-spacing:.42px;font-family:TT Hoves,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:1.71429}.f-contacts__item{justify-content:start;align-items:center;display:flex}.f-contacts__item a{margin-left:14px}.f-contacts__item:nth-child(2){margin:33px 0}.f-social{flex-direction:column;display:flex}.f-social__list{margin-top:23px;display:flex}.f-social__item:not(:last-child){margin-right:40px}.f-social__link{display:inline-block;position:relative}.f-social__link:before{content:"";width:32px;height:32px;opacity:0;pointer-events:none;background-color:#fff;border-radius:50%;transition:opacity .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.f-social__link:hover:before{opacity:1}.f-social__link .footer__icon{fill:#fff}.f-social__link:hover,.f-social__link .footer__icon:hover{fill:#2c2c2c}
/*# sourceMappingURL=index.f2b6c037.css.map */