@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}
:root {
  --main-btn-color: #FF5F50;
  --main-blue-color: #005AAB;
  --font-lato: 'Lato', sans-serif;
  --main-dark: #2C2C2C;
  --main-color: #FC4943;
  /*var(--main-btn-color)*/
}
html {
  /* font-size: 62.5%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;  */
  overflow-x: hidden;
  overflow-y: auto;
}
body{
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  overflow-x: hidden;
}
a{
  text-decoration: unset;
}
ul,ol{
  list-style-type: none;
}
button, a{
  cursor: pointer;
}
div.input_error {
    color: red;
    font-weight: 500;
}
.container{
  max-width: 1322px;
  margin: 0 auto;
  padding: 0 16px;
}
.default-link{
  padding-top: 24px;
  padding-bottom: 25px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  background: var(--main-btn-color);
  transition: all .2s ease;
}
.default-link:hover{
  background: #FF7364;
}
.default-long-link{
  display: block;
  width: 100%;
  text-align: center;
  padding: 40px 0;
  background: #2C2C2C;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 35px;
  line-height: 37px;
  color: #fff;
  border: none;
}
.default-long-link span{
  position: relative;
}
.default-long-link span::after{
  position: absolute;
  content: '';
  top: 50%;
  right: -60px;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../images/icons/arrow-right-white.svg');
}
.default-blue-link{
  padding: 14px 32px;
  color: #ffffff;
  background: var(--main-blue-color);
  border: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  transition: all .3s ease;
  color: #FFFFFF;
}
.default-blue-link:hover{
  color: #2c2c2c;
  background: #fff;
}
.default-blue-link:hover svg path{
  stroke: #2c2c2c;
}
.default-section-top{
  padding: 242px 30px 100px;
  border: 1px solid #D9D9D9;
  border-top-width: 0;
  border-bottom-width: 0
}
.default-section-title{
  font-family: var(--font-lato);
  font-weight: 700;
  font-size: 70px;
  line-height: 56px;
  color: #2C2C2C;
}


.section-title-wrap {
    margin-bottom: 60px;
}
.section-title {
    margin-bottom: 16px;
    color: #2C2C2C;
    font-family: "Lato", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; 
}
.section-subtitle {
    color: #2C2C2C;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; 
}
@media (max-width: 1023px) {
    .section-title {
        margin-bottom: 8px;
        font-size: 28px;
    }
    .section-subtitle {
        font-size: 16px;
    }
    .section-title-wrap {
        margin-bottom: 24px;
    }
}
@media (max-width: 767px) {
    
}

.sticky-line {
    padding: 12px 0;
    background: var(--main-dark);
}
.sticky-line__inner {
    position: relative;
}
.sticky-line .text {
    color: #FFF;
    text-align: center;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; 
}
.sticky-line .close {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: unset;
    background: transparent;
}
.sticky-line .close img {
    max-width: 100%;
    width: 100%;
}
@media (max-width: 1439px) {
    .sticky-line .close img {
        width: 8px;
        height: 8px;
    }
}



.btn {
    padding: 17px 32px 19px;
    border-radius: 30px;
    color: #FFF;
    text-align: center;
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    transition: all .3s ease;
    border: none;
}
.btn-color {
    background-color: var(--main-color);
    color: #fff;
}
.btn-color:hover {
    background-color: #323232;
    color: #fff;
}


.header {
   position: relative; 
}
.header__row {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__logo {
    display: flex;
    align-items: center;
}
.header__logo img {
    position: relative;
    display: inline-block;
    
}
.header__logo span::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 38px;
    background: rgba(49, 49, 49, 0.60);
}
.header__logo span {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
    color: #2C2C2C;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.header__nav {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
}
.header__nav li:not(:last-child) {
    margin-right: 60px;
}
.header__nav a {
    color: #2C2C2C;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.header__mobile {
    display: none;
}

.header__burger {
    cursor: pointer;
    display: none;
    z-index: 23;
    position: relative;
    width: 25px;
    height: 19px;
}
.header__burger::before {
    top: 0;
}
.header__burger::after {
    bottom: 0;
}
.header__burger::before, .header__burger::after {
    content: "";
    background-color: #323232;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all 0.3s ease 0s;
}
.header__burger-item {
    position: absolute;
    background-color: #323232;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 100%;
    transition: all 0.3s ease 0s;
}
.header__burger.active:before {
    transform: rotate(45deg);
    top: 9px;
}
.header__burger.active:after {
    transform: rotate(-45deg);
    bottom: 7px;
}
.header__burger.active span {
    transform: scale(0);
}
.header__mobile.active {
    padding: 30px 16px;
    z-index: 2;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100vh;
    width: 100%;
    background: #fff;
    border-top: 1px solid #323232;
}
.header__mobile .header__nav {
    flex-direction: column;
}
@media (max-width: 1300px) {
    .header__btn {
        padding: 17px 10px 19px;
    }
    .header__nav li:not(:last-child) {
        margin-right: 22px;
    } 
}
@media (max-width: 1023px) {
    .header__row .header__nav,
    .header__row .header__btn {
        display: none;
    }
    .header__burger {
        display: block;
    }
    .header__row {
        
    }
    .header__nav li:not(:last-child) {
        margin-right: 0;
    }
    .header__nav li {
        margin-bottom: 24px;
    }
    
    .header__logo span {
        padding-left: 16px;
        margin-left: 16px;
    }
    .header__logo img {
        max-width: 42px;
    }
}
@media (max-width: 767px) {
    .header__logo span {
        font-size: 10px;
    }
}







.hero__wrapper {
    position: relative;
}
.hero__inner  {
    position: relative;
}
.hero__content {
    position: relative;
    padding-top: 32px;
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(5px);
    width: max-content;
}
.hero__info {
    padding-right: 40px;
}
.hero__content::before {
    position: absolute;
    content: '';
    top: 0;
    right: 100%;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    backdrop-filter: blur(5px);
}
.hero__cities {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 134px;
}
.hero__city:not(:last-child) {
    margin-right: 80px;
}
.hero__city {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; 
}
.hero__swiper {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero__swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}
.hero__content-title {
    margin-bottom: 12px;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
}
.hero__content-subtitle {
    margin-bottom: 65px;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
}
.hero__benefits {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.hero__benefit:not(:last-child) {
    margin-right: 20px;
}
.hero__benefit {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    padding: 8px 12px 10px;
    border-radius: 35px;
    background: rgba(255, 255, 255, 0.12);
}
.hero__benefit .number {
    margin-right: 11px;
    width: 60px;
    text-align: center;
    color: #F05554;
    font-family: "Space Grotesk", sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; 
}
.hero__benefit .text {
    color: #FFF;
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.hero__social {
    display: flex;
    align-items: center;
    
    position: relative;
    padding: 29px 0;
    background: rgba(0, 0, 0, 0.35);
}
.hero__social-item {
    display: block;
}
.hero__social-item:not(:last-child) {
    margin-right: 32px;
}
.hero__social::before {
    position: absolute;
    content: '';
    top: 0;
    right: 100%;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
}
.hero__calc-wrap {
    margin-bottom: 80px;
}
.hero__calc-text {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.80);
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; 
}
.hero__calc-btn {
    position: relative;
    padding: 19px 137px 22px 72px;

}
.hero__calc-btn::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: -1px;
    width: 65px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 65 65' fill='none'%3E%3Ccircle cx='32.5' cy='32.5' r='32.5' fill='white'/%3E%3Cpath d='M43.7071 32.7071C44.0976 32.3166 44.0976 31.6834 43.7071 31.2929L37.3431 24.9289C36.9526 24.5384 36.3195 24.5384 35.9289 24.9289C35.5384 25.3195 35.5384 25.9526 35.9289 26.3431L41.5858 32L35.9289 37.6569C35.5384 38.0474 35.5384 38.6805 35.9289 39.0711C36.3195 39.4616 36.9526 39.4616 37.3431 39.0711L43.7071 32.7071ZM23 33H43V31H23V33Z' fill='%23D23736'/%3E%3C/svg%3E");
    
}
@media (max-width: 1023px) {
    .hero__content {
        padding-top: 16px;
        width: 100%;
        background: unset;
        backdrop-filter: unset;
    }
    .hero__city:not(:last-child) {
        margin-right: 40px;
    }
    
    .hero__cities {
        margin-bottom: 60px;
    }
    .hero__content-title {
        margin-bottom: 8px;
        font-size: 36px;
    }
    .hero__content-subtitle {
        margin-bottom: 24px;
        font-size: 18px;
    }
    .hero__content::before {
        z-index: -1;
        right: -16px;
        backdrop-filter: blur(5px);
    }
    .hero__benefit {
        padding: 6px 12px;
    }
    .hero__benefit .number {
        font-size: 48px;
    }
    .hero__info {
        padding-right: 0;
    }
}
@media (max-width: 767px) {
    .hero__city {
        font-size: 12px;
    }
    .hero__benefit {
        margin-bottom: 12px;
    }
    .hero__benefit:not(:last-child) {
      margin-right: 0;  
    } 
    .hero__benefits {
        margin-bottom: 32px;
        flex-direction: column;
        width: max-content;
        min-width: 230px;
    }
    .hero__calc-text {
        display: none;
    }
    .hero__calc-btn {
        width: 100%;
        padding: 15px 40px 16px;
    }
    .hero__calc-btn::after {
        width: 55px;
        height: 55px;
    }
    .hero__calc-wrap {
        margin-bottom: 29px;
    }
    .hero__social {
        padding: 16px 0;
        background: unset;
    }
    .hero__social-item:not(:last-child) {
        margin-right: 42px;
    }
    .hero__social::before {
        right: -16px;
    }
}

.projects {
    padding-top: 160px;
    padding-bottom: 210px;
}
.projects__items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px 30px;
    margin-bottom: 56px;
}
.projects__item-slider {
    
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 16px;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #FFF;
    opacity: 0.6;
    backdrop-filter: blur(5px);
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FC4943;
    backgrop-filter: unset;
}
.swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.4);
    filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.10));
    border-radius: 5px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    background: rgba(255,255,255,0.6);
}
.swiper-button-next:after, .swiper-button-prev:after {
    position: absolute;
    content: '';
    width: 9px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.swiper-button-next:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M8.10711 8.70711C8.49763 8.31658 8.49763 7.68342 8.10711 7.29289L1.74315 0.928932C1.35262 0.538408 0.719456 0.538408 0.328932 0.928932C-0.0615921 1.31946 -0.0615921 1.95262 0.328932 2.34315L5.98579 8L0.328932 13.6569C-0.0615921 14.0474 -0.0615921 14.6805 0.328932 15.0711C0.719456 15.4616 1.35262 15.4616 1.74315 15.0711L8.10711 8.70711ZM7 9H7.4V7H7V9Z' fill='%23AFAFAF'/%3E%3C/svg%3E");
}
.swiper-button-prev:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M0.292918 7.29289C-0.0976067 7.68342 -0.0976067 8.31658 0.292918 8.70711L6.65688 15.0711C7.0474 15.4616 7.68057 15.4616 8.07109 15.0711C8.46162 14.6805 8.46162 14.0474 8.07109 13.6569L2.41424 8L8.07109 2.34315C8.46162 1.95262 8.46162 1.31946 8.07109 0.928932C7.68057 0.538408 7.0474 0.538408 6.65688 0.928932L0.292918 7.29289ZM1.40002 7H1.00002V9H1.40002L1.40002 7Z' fill='%23AFAFAF'/%3E%3C/svg%3E");
}
.projects__item {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    background: linear-gradient(0deg, #FAFAFA 0%, #FAFAFA 100%), #FFF;
    overflow: hidden;
}
.projects__item .top {
    position: relative;
}
.projects__item .bottom {
    padding: 16px 20px 24px;
}
.projects__item .title {
    padding-bottom: 12px;
    margin-bottom: 6px;
    border-bottom: 1px solid #D9D9D9;
    color: #363636;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
}
.projects__item .title:hover {
    color: #FC4943;
}
.projects__item .price {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.projects__item .price .text {
    color: rgba(44, 44, 44, 0.40);
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
}
.projects__item .price .value {
    color: #363636;
    text-align: right;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
.projects__item .link {
    cursor: pointer;
    position: relative;
    display: block;
    color: #808080;
    padding: 19px 20px 22px 20px;
    text-align: left;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    border-radius: 30px;
    border: 1px solid #D9D9D9;
    background: transparent;
}
.projects__item .link::after {
    position: absolute;
    content: '';
    top: 0;
    right: -1px;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Crect width='60' height='60' rx='30' fill='%23FC4943'/%3E%3Cpath d='M40.7071 30.7071C41.0976 30.3166 41.0976 29.6834 40.7071 29.2929L34.3431 22.9289C33.9526 22.5384 33.3195 22.5384 32.9289 22.9289C32.5384 23.3195 32.5384 23.9526 32.9289 24.3431L38.5858 30L32.9289 35.6569C32.5384 36.0474 32.5384 36.6805 32.9289 37.0711C33.3195 37.4616 33.9526 37.4616 34.3431 37.0711L40.7071 30.7071ZM20 31H40V29H20V31Z' fill='white'/%3E%3C/svg%3E");
}
.projects__item .link:hover {
    color: #fff;
    background: #323232;
}
.projects__item-tags {
    position: absolute;
    z-index: 1;
    bottom: 42px;
    max-width: calc(100% - 40px);
    left: 20px;
    right: 20px;
    display: flex;
    flex-wrap: wrap;
}
.projects__item-tag:not(:last-child) {
    margin-right: 8px;
}
.projects__item-tag {
    margin-bottom: 6px;
    padding: 6px 12px 7px 12px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(5px);
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.projects__item-slider .swiper-slide img.kitchen {
    max-width: 100%;
    width: 100%;
    max-height: 380px;
    height: 380px;
    object-fit: cover;
}
.projects__items-more {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 19px 72px 22px 72px;
    background: #FC4943;
}
.projects__items-more:hover {
    background: #323232;
    color: #fff;
}
.projects__items-more span {
    display: inline-block;
    margin-right: 24px;
}
.projects__item-slider .swiper-slide .zoom-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
}
.projects__item-slider .swiper-slide .zoom-btn img {
    width: 100%;
}
@media (max-width: 1023px) {
    .projects {
        padding: 60px 0;
    }
    .projects__items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
    }
    .projects__item-slider .swiper-slide .zoom-btn {
        top: 12px;
        right: 12px;
        width: 24px;
        height: 24px;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }
    .projects__item-tag:not(:last-child) {
        margin-right: 4px;
    }
    .projects__item .bottom {
        padding: 12px 12px 37px;
    } 
    .projects__item .price {
        margin-bottom: 40px;
    }
    .projects__item .link {
        width: 100%;
        padding: 13px 16px 15px;
        font-size: 14px;
    }
    .projects__item .link::after {
        width: 50px;
        height: 50px;
    }
    .projects__items {
        margin-bottom: 32px;
    }
    
}
@media (max-width: 767px) {
    .projects__items {
        grid-template-columns: repeat(1, 1fr);
    }
    .projects__item-tag {
        font-size: 12px;
    }
    .projects__item-slider .swiper-slide img.kitchen {
        max-height: 310px;
        height: 310px;
    }
    .projects__item .title {
        padding-bottom: 8px;
        margin-bottom: 8px;
        font-size: 20px;
    }
    .projects__item .price .text {
        font-size: 12px;
    }
    .projects__item .price .value {
        font-size: 18px;
    }
    .projects__item .link {
        
    }
    .projects__items-more {
        width: 100%;
        justify-content: center;
        border-radius: 0;
        margin-left: -16px;
        width: 100vw;
        margin-right: -16px;
    }
    .projects__item:nth-child(n+4) {
        display: none;
    }
}
@media (max-width: 475px) {
    
}
.join {
    background-color: #FAFAFA;
}
.join__inner {
    display: flex;
    justify-content: space-between;
}
.join__inner .image {
    
}
.join__inner .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join__inner .content {
    width: 53.4%;
    padding: 48px 60px;
}
.form-title {
    margin-bottom: 24px;
    color: #2C2C2C;
    font-family: "Lato", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; 
}
.form-text {
    margin-bottom: 40px;
    color: #808080;
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.form-group input {
    width: 100%;
    padding: 16px 22px;
    border-radius: 30px;
    border: 1.138px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    color: #2C2C2C;
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.322px; 
}
.form-group input::placeholder {
    color: #ABABAB;
}
.form-group {
    margin-bottom: 20px;
}
.form-group:last-child {
    margin-bottom: 24px;
}
.join__form button {
    width: 100%;
    text-align: center;
    background-color: #FC4943;
    text-align: center;
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; 
}
.join__form button:hover {
    color: #fff;
    background: #323232;
}
@media (max-width: 1023px) {
    .join__inner {
        flex-wrap: wrap;
    }
    .join__inner .image {
        margin-left: -16px !important;
        margin-right: -16px;
        width: 100vw !important;
    }
    .join__inner .content {
        width: 100%;
        padding: 16px 0 38px;
    }
    .form-title {
        margin-bottom: 16px;
        font-size: 24px;
    }
    .form-text {
        margin-bottom: 32px;
        font-size: 14px;
    }
    .form-group {
        margin-bottom: 12px;
    }
    .form-group input {
        font-size: 16px;
    }
    .join__form button {
        margin-top: 12px; 
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    
}


.discounts {
    padding :160px 0;
}
.discounts__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 55px 30px;
    margin-bottom: 56px;
}
.discounts__item {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    background: #FAFAFA;
    overflow: hidden;
}
.discounts__item .top {
    
}
.discounts__item .top .image {
    width: 100%;
    height: 100%;
}
.discounts__item .top .image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
}
.discounts__item .bottom {
    padding: 12px 20px 20px;
}
.discounts__item .title {
    margin-bottom: 12px;
    color: #363636;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
}
.discounts__item .text {
    margin-bottom: 23px;
    color: #363636;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.discounts__item .deadline {
    color: rgba(44, 44, 44, 0.40);
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
}
.discounts__items-btn {
    display: flex;
    align-items: center;
    margin: 0 auto;
    background: #FC4943;
}
.discounts__items-btn span{
    display: block;
    margin-right: 24px;
}
@media (max-width: 1023px) {
   .discounts {
       padding: 60px 0;
   } 
   .discounts__items {
       grid-template-columns: repeat(2, 1fr);
       grid-gap: 16px;
       margin-bottom: 32px;
   }
   .discounts__item .bottom {
       padding: 16px 12px 12px;
   }
}
@media (max-width: 767px) {
    .discounts__items {
        grid-template-columns: repeat(1, 1fr);
    }
    .discounts__items-btn {
        width: 100vw;
        margin-left: -16px;
        justify-content: center;
        border-radius: 0;
        font-size: 16px;
    }
    .discounts__item:nth-child(n+4) {
        display: none;
    }
    .discounts__item .title {
        margin-bottom: 12px;
        font-size: 24px;
    }
    .discounts__item .text {
        margin-bottom: 48px;
        font-size: 14px;
    }
    .discounts__item .deadline {
        font-size: 12px;
    }
}
@media (max-width: 475px) {
    .discounts__item .top {
        max-height: 200px;
    }
}


.space {
    background-color: #FAFAFA;
}
.space__inner {
    padding: 80px 0 90px;
}
.space__logo {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
    padding-left: 24px;
}
.space__logo .text {
    margin-left: 32px;
    color: #2C2C2C;
    font-family: "Lato", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
}
.space__text {
    display: flex;
    margin-bottom: 48px;
    color: #808080;
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
}
.space__text .left {
    padding-right: 70px;
    border-right: 1px solid #D5D5D5;
}
.space__text .right {
    padding-left: 109px;
    padding-top: 86px;
}
.space__text p+p {
    margin-top: 28px;
}
.space__video {
    
}
.space__video .video {
    display: none;
}
.space__video .background {
    position: relative;
    overflow: hidden;
}
.space__video .background .logo {
    position: absolute;
    right: 30px;
    bottom: 40px;
}
.space__video .background .play {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90' fill='none'%3E%3Cpath opacity='0.7' fill-rule='evenodd' clip-rule='evenodd' d='M45 90C69.8528 90 90 69.8528 90 45C90 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 90 45 90ZM39.5 54.5263L56 45L39.5 35.4737V54.5263Z' fill='white'/%3E%3C/svg%3E");
}
.space__video .background .play:hover {
    opacity: .8;
}
.space__video .video {
    width: 100%;
}
.space__video .video iframe {
    width: 100%;
}
@media (max-width: 1023px) {
    .space__inner {
        padding: 24px 0 0;
    }
    .space__logo {
        padding-left: 0;
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #D5D5D5;
    }
    .space__logo .text {
        margin-left: 16px;
        font-size: 18px;
    }
    .space__video .background .play {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 767px) {
    .space__text {
        flex-direction: column;
        margin-bottom: 32px;
        font-size: 14px;
    }
    .space__text p+p {
        margin-top: 16px;
    }
    .space__text .left {
        margin-bottom: 16px;
        padding-right: 0;
        border: none;
    }
    .space__text .right {
        padding-left: 0;
        padding-top: 0;
    }
    .space__video {
        margin-left: -16px;
        width: 100vw;
        max-height: 250px;
    }
    .space__video .background {
        max-height: 250px;
    }
}

.free-design {
    
}
.free-design__row {
    display: flex;
    justify-content: space-between;
}
.free-design__row .left {
    width: 38.37%;
    padding: 32px 60px 30px 0;
}
.free-design__row .right {
    width: 61.6%;  
}
.free-design__row .right img {
    max-width: 100%;
    width: 100%;
}
.free-design button {
    width: 100%;
}
.free-design__row .right .image {
    margin-right: -16px;
    width: 100%;
}
@media (max-width: 1023px) {
    .free-design {
        padding-top: 90px;
    }
    .free-design__row {
        flex-direction: column-reverse;
    }
    .free-design__row .right {
        width: 100%;
    }
    .free-design__row .left {
        padding-top: 16px;
        padding-right: 16px;
        padding-bottom: 40px;
        width: 100%;
    }
    .free-design__row .right .image {
        width: 150%;
    }
}
@media (max-width: 767px) {
    
}

.salons-map .section__inner .map-container {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.salons-map .section__inner .map-container__inner {
    width: 100%;
}
.salons-map .salons-map__card {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    max-width: 540px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.salons-map .salons-map__card .salons-map__card-left {
    padding: 28px 20px 28px 40px;
}
.salons-map .salons-map__card .salons-map__card-left, .salons-map .salons-map__card .salons-map__card-right {
    width: 50%;
}
.salons-map .salons-map__card .address, .salons-map .salons-map__card .metro, .salons-map .salons-map__card .time {
    font-family: "Lato", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}
.footer {
    background: #2C2C2C;
}
.footer__inner {
    padding: 30px 60px 16px;
}
.footer__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 72px;
}
.footer__left {
    width: 46%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footer__logo {
    display: flex;
    align-items: center;
}
.footer__logo span {
    display: block;
    height: max-content;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.40);
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
}
.footer__copyright {
    color: #767676;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; 
    text-align: center;
}
.footer__menu a {
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.footer__menu li {
    margin-bottom: 24px;
}
.footer__right {
    width: 46%;
}
.footer__contact {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.footer__right button {
    display: block;
    margin-left: auto;
    margin-bottom: 26px;
}
.footer__phone {
    display: block;
    margin-right: 44px;
    position: relative;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.footer__phone::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    right: -6px;
    top: -6px;
    border-radius: 100%;
    background-color: #64BC1F;
}
.footer__social {
    display: flex;
}
.footer__social-item:not(:last-child) {
    margin-right: 20px;
}
@media (max-width: 1023px) {
    .footer__inner  {
        padding: 24px 0 12px;
    }
    
    .footer__left {
        margin-bottom: 36px;
        justify-content: flex-start;
    }
    .footer__logo {
        margin-right: 20px;
    }
    .footer__top {
        margin-bottom: 24px;
    }
}
@media (max-width: 767px) {
    .footer__social-item:not(:last-child) {
        margin-right: 32px;
    }
    .footer__logo {
        margin-right: 0;
        margin-bottom: 48px;
    }
    .footer__logo img {
        max-width: 42px;
    }
    .footer__logo span {
        padding-left: 16px;
        margin-left: 16px;
        font-size: 10px;
    }
    .footer__menu {
        margin: 0 auto;
    }
    .footer__left {
        flex-direction: column;
    }
    .footer__left, 
    .footer__right {
        width: 100%;
    }
    .footer__phone {
        margin-right: 0;
        margin-bottom: 24px;
    }
    .footer__contact {
        flex-direction: column;
    }
    .footer__right .consult-btn {
        margin-right: auto;
    }
    .footer__copyright span{
        display: block;
    }
    .footer__copyright span+span {
        margin-top: 4px;
    }
}

.modal-form{
  display: none;
}
.modal-form::before {
  content: '';
  background: #2c2c2c;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  z-index: 100;
}
.modal-close {
    margin-left: auto;
    width: max-content;
    cursor: pointer;
}
.modal-form__inner{
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  transform: translate(-50%,-50%);
  background: #ffffff;
  opacity: 1;
  max-height: max-content !important;
  min-height: min-content !important;
  height: auto !important;
  max-height: 100vh !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-success__inner, .modal-callback__inner{
  max-width: 750px;
  padding: 48px 48px 25px;
  overflow: unset;
}
.modal-callback__inner .inputs__row{
    margin-bottom: 20px;
    flex-direction: column;
}
.modal-title{
  margin-bottom: 40px;
  font-family:var(--font-lato);
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
  color: #2C2C2C;
}
.modal-subtitle{
    text-align: center;
    font-weight: 400;
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 24px;
    color: #2c2c2c;
}
.modal-form form input, .modal-form form textarea, .salon-modal__address{
  padding: 15px 20px;
  width: 100%;
  border: 1px solid #c4c4c4;
  font-size: 18px;
  line-height: 18px;
  font-family: "Nunito Sans", sans-serif;
  color: #2c2c2c;

}
.modal-form button{
  width: 100%;
  border: 1px solid transparent;
}
.modal-form button:hover{
  border: 1px solid #2c2c2c;
}
.modal-form form input::placeholder, .modal-form form textarea::placeholder{
  color: #C4C4C4;
}
.modal-input__wrap{
  margin-bottom: 20px;
  height: 100%;
}
.modal-input__wrap .select{
  position: unset;
}
.modal-input__wrap .select .select__head{
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.modal-input__wrap .select .select__list li.select__item {
  padding: 3px 0;
}
.modal-input__wrap{
  margin-bottom: 20px;
}
.modal-input__wrap .fake-input input{
  display: none;
}
.modal-input__wrap .fake-input span a{
  color: var(--main-blue-color);
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.modal-input__wrap .fake-input label{
  display: flex;
  align-items: baseline;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #2C2C2C;
}
.modal-input__wrap .fake-input .fake-checkbox{
  border: 1px solid #C4C4C4;
}
.modal-input__wrap .fake-input .fake-checkbox, .modal-input__wrap .fake-input .fake-checkbox::before{
  margin-right: 20px;
  width: 25px;
  height: 25px;
  min-width: 25px;
  background-color: unset;

}
.modal-input__wrap .fake-input .fake-checkbox::before{
  background-image:url("data:image/svg+xml,%0A%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1084 0.0586238C13.0007 0.0906109 12.8488 0.15678 12.7709 0.205713C12.6763 0.265071 11.4598 1.57919 9.11423 4.15568L5.59924 8.01673L4.03587 6.30302C3.17601 5.36048 2.40932 4.54263 2.33209 4.48556C1.85431 4.13251 1.1692 4.12896 0.679509 4.47698C0.168032 4.84049 -0.0946338 5.53158 0.0311805 6.18285C0.129783 6.69335 0.019057 6.55375 2.44869 9.23043C3.94369 10.8774 4.71458 11.7042 4.82196 11.7758C5.13658 11.9855 5.59501 12.0567 5.96148 11.9528C6.39273 11.8305 6.1588 12.0708 10.6077 7.18087C13.237 4.29096 14.7489 2.60617 14.7979 2.51169C14.952 2.21461 15 2.00816 15 1.64278C15 1.14312 14.877 0.807077 14.5711 0.471131C14.1992 0.062723 13.633 -0.0969543 13.1084 0.0586238Z' fill='%23CEE853'/%3E%3C/svg%3E%0A");

}

.modal-input__wrap .select__head::after {
  position: absolute;
  right: 12px;
  bottom: 50%;
  transform: translateY(50%);
  display: block;
  width: 16px;
  height: 9px;
  content: '';
  transition: .2s ease-in;
  background: url("../images/icons/arrow-select.svg") no-repeat center/cover;
}
.map {
    padding: 60px 0;
}
.map__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.map__info {
    padding: 20px;
    width: 30%;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    box-shadow: 20px 20px 20px 0px rgba(48,48,48,0.1);
    background: #FFF;
}
.map__iframe {
    width: 65%;
    
}
.map__iframe iframe {
    width: 100%;
}

.map__item {
    display: flex;
    margin-bottom: 16px;
}
.map__item a {
    color: #2c2c2c;
}
.map__item a:hover {
    color: #FC4943;
}
.map__item .icon {
    margin-right: 16px;
}
.map__item .info {
    
}
@media (max-width: 1023px) {
    .map__info, .map__iframe {
        width: 100%;
    }
    .map__info {
        margin-bottom: 24px;
    }
}