:root{
   --bg-site: #f8f8f8;
   --bg-section: #f3f3f3;
   --bg-footer-one: #232323;
   --bg-footer-two: #1e1e1e;

   --color-text-one: #343434;
   --color-text-two: rgb(118, 118, 118);
   --colo-text-two: #fff;
   --color-text-menu: #004b66;
   
   --bg-button: #3a8e9b;
   --color-active: #28a745;

   --point-active: #5dff40; 
   --point-sold: #4059ff; 
   --point-on-sold: #de231d; 
}

body{
   background-color: var(--bg-site);
   height: 100%;

      /* change style fonts */
   font-family: "Montserrat", sans-serif;
}

body._lock{
	overflow: hidden;
}

.wrapper{
   min-height: 100vh;
}

.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background-color: var(--bg-site);
}

.header__container{
	margin: 0 auto;
	display: flex;
	padding: 0 30px ;
	align-items: center;
	justify-content: space-between;
	/*для плашки над контентом*/
	min-height: 90px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

.header__logo{
	border-radius: 50%;
	position: relative;
	width: 40px;
	height: 40px;
	z-index: 5;
}

.menu__icon{
	display: none;
}


/*для второго меню*/
.menu__list > li{
	position: relative;
	margin:  0 0 0 20px;
	}

.menu__link{
   color: var(--color-text-menu);
   font-size: 14px;
   font-weight: 600;
   line-height: 120%;
   cursor: pointer;
}

.menu__link:hover{
	text-decoration: underline;
}

.menu__list li a{
    color: var(--color-text-one);
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    cursor: pointer;
}


/*-----------------------------------------------------*/

body._touch .menu__list > li{
	display: flex;
	align-items: center;
}
/*ниже, это для надежности верстки*/
body._touch .menu__link{
	flex: 1 1 auto;
}
/*------------------------------------------------------*/
@media (min-width:  767px){
	.menu__list{
		display: flex;
		align-items: center;
	}
	.menu__list > li{
		padding: 10px 0;
	}
}

@media (max-width: 767px){
    .menu__list li a{
        color: var(--colo-text-two);    
    }
    .menu__icon{
    	display: block;
    	cursor: pointer;
    	width: 30px;
    	height: 18px;
    	position: relative;
    	z-index: 5;
    }
      .menu__icon span,
      .menu__icon::before,
      .menu__icon::after{
      	position: absolute;
      	left: 0;
      	height: 10%;
      	width: 100%;
      	background-color: var(--color-text-menu);
      	transition: all .3s ease 0s;
      }
      .menu__icon::before,
      .menu__icon::after{
      	content: "";
      }
      .menu__icon::before{
      	top: 0;
      }
      .menu__icon::after{
      	bottom: 0;
      }
      .menu__icon span{
      	top:  50%;
      	transform: scale(1.0) translate(0, -50%);
      }
      .menu__icon._active span{
         transform: scale(0) translate(0, -50%);
      }
      .menu__icon._active::before{
         transform: rotate(-45deg) translate(0, -50%);
         top:  50%;
      }
      .menu__icon._active::after{
         transform: rotate(45deg) translate(0, 48%);
         bottom:  48%;
      }

      .menu__body{
      	position: fixed;
      	top: 0;
      	left: -100%;
      	width: 100%;
      	height: 100%;
      	background-color: rgba(0, 0, 0, .9);
      	padding: 130px 30px 30px 30px;
      	transition: left .3s ease 0s;
      	/*это важно для скролла*/
      	overflow: auto;
      }
      .menu__body._active{
      	left: 0;
      }
      /*чтоб картинка не заслоняла контент*/
      .menu__body::before{
      	content: "";
      	display: block;
      	top: 0;
      	left: 0;
      	z-index: 2;
      	width: 100%;
      	height: 90px;
      	position: fixed;
      	background-color: var(--bg-site);
      }

      .menu__list > li{
      	flex-wrap: wrap;
      	margin: 0 0 30px 0;
      }
      .menu__list > li:last-child{
      	margin-bottom: 0;
      }
      .menu__link{
      	font-size: 20px;
         color: #fff;
      }
}




.title-h2{
   font-size: 32px;
   font-weight: 700;
   line-height: 130%;
   color: var(--color-text-one);
   text-align: center;
   margin-bottom: 70px;
}

.know-empty{
   font-size: 10px;
   font-weight: 400;
   line-height: 130%;
   padding: 16px 40px;
   color: var(--color-text-one);
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   border: 2px solid var(--color-text-two);
   width: 300px;
   text-align: center;
   text-transform: uppercase;
   cursor: pointer;
   transition: all .2s ease-in 0s;
   -webkit-transition: all .2s ease-in 0s;
   -moz-transition: all .2s ease-in 0s;
   -ms-transition: all .2s ease-in 0s;
   -o-transition: all .2s ease-in 0s;
}

.know-empty:hover{
   border-color: #000;
}

.list-sections{
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: 1fr;
   grid-column-gap: 25px;
}

.container{
   max-width: 1170px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
}






/* hero */
.fullscreen{
		/*важно указать ниже написанный параметр */
	min-height: 100vh;
	display: flex;
   flex-direction: column;
	/*на сове усмотрение задаем стили блоку*/
	padding: 20px 0;
}

.section-video{
   min-height: 36vh;
   position: relative;
}

.section-video::after{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   display: block;
   content: '';
   width: 100%;
   height: 100%;
   background-color: #0000004a;
}
   
.fullscreen__body{
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 1 1 auto;
   flex-direction: column;
}

.section-hero{
	background:  url(../img/каблуково01-1.jpg) center / cover  no-repeat fixed;
}







.section-hero{
   margin-top: 70px;
}

.content-hero-title{
   font-size: 64px;
   font-weight: 600;
   line-height: 105%;
   margin-bottom: 15px;
   color: var(--colo-text-two);
}

.content-hero-text{
   font-size: 32px;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 25px;
   color: var(--colo-text-two);
}

.content-hero-link{
   background-color: var(--bg-button);
   color: var(--colo-text-two);
   font-size: 10px;
   font-weight: 400;
   text-transform: uppercase;
   line-height: 120%;
   padding: 16px 46px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   transition: all .3s ease-in 0s;
   -webkit-transition: all .3s ease-in 0s;
   -moz-transition: all .3s ease-in 0s;
   -ms-transition: all .3s ease-in 0s;
   -o-transition: all .3s ease-in 0s;
   cursor: pointer;
}

.content-hero-link:hover{
   opacity: .95;
}



.know{
   padding: 100px 15px;
}

.know-title span{

}

.know-list{
   margin-bottom: 100px;
}

.know-list-item{
   padding-top: 60px;
}

.know-list-item:nth-child(1){
   background: url(../img/store.svg) no-repeat 50% 0;
   background-size: 40px;
}

.know-list-item:nth-child(2){
   background: url(../img/leaf.svg) no-repeat 50% 0;
   background-size: 40px;
}

.know-list-item:nth-child(3){
   background: url(../img/tree-deciduous.svg) no-repeat 50% 0;
   background-size: 40px;
}

.know-list-item:nth-child(4){
   background: url(../img/radio-tower.svg) no-repeat 50% 0;
   background-size: 40px;
}

.know-item-title{
   font-size: 16px;
   font-weight: 600;
   line-height: 115%;
   color: var(--color-text-one);
   margin-bottom: 20px;
   text-align: center;
}

.know-item-text{
   font-size: 16px;
   font-family: "Lora", serif;
   font-weight: 400;
   line-height: 135%;
   color: var(--color-text-two);
   text-align: center;
}

.know-link{
   margin: 0 auto;

}



.section-video{
   background: url(../img/каблуково01-2.jpg) no-repeat center fixed;
   background-size: cover;
}

.content-video{
   flex-direction: row;
   position: relative;
   z-index: 2;
}

.content-video-link{
   width: 70px;
   height: 70px;
   background-color: var(--bg-site);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   margin-right: 10px;
   cursor: pointer;
}

.content-video-link img{
   width: 15px;
   height: 15px;
   display: flex;
}

.content-video-text{
   font-size: 16px;
   font-weight: 400;
   line-height: 120%;
   color: var(--colo-text-two);
   display: block;
}






.section-about{
   padding: 80px 0;
}

.about-text{
   font-size: 16px;
   font-family: "Lora", serif;
   font-weight: 400;
   line-height: 145%;
   color: var(--color-text-two);
   margin-bottom: 80px;
}

.about-item-title{
   font-size: 24px;
   font-weight: 400;
   line-height: 105%;
   margin-bottom: 20px;
}

.about-item-title span{
   font-size: 72px;
   font-weight: 700;
   line-height: 100%;
   color: var(--color-text-one);
   padding-right: 5px;
}

.about-item-text{
   font-size: 16px;
   font-family: "Lora";
   font-weight: 400;
   line-height: 145%;
   color: var(--color-text-two);
}





.section-galery{
   margin: 80px 0;
}

.gallery{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 1fr;
   grid-column-gap: 15px;
   grid-row-gap: 15px;
}

.gallery a img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.gallery-text{
   font-size: 16px;
   font-family: "Lora", serif;
   font-weight: 400;
   line-height: 145%;
   color: var(--color-text-two);
   margin-top: 50px;
}

.galery-link{
   margin: 50px auto 0;
}




.section-projects{
   padding: 40px 0 60px;
}

.projects-title{
   margin-bottom: 30px;
}

.projects-text{
   font-size: 16px;
   font-family: "Lora", serif;
   font-weight: 400;
   line-height: 145%;
   color: var(--color-text-two);
   text-align: center;
   margin-bottom: 30px;
}

.projects-list{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 1fr;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
}

.projects-item-img{
   width: 100%;
   height: 180px;
}

.projects-item-img img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.projects-item-info{
   background-color: var(--bg-section);
   padding: 20px 15px;
}

.projects-info-title{
   font-size: 12px;
   font-weight: 500;
   line-height: 110%;
   color: var(--color-text-two);
   margin-bottom: 15px;
}

.projects-info-params{
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   color: var(--color-text-two);
}

.projects-info-params span{
   font-size: 18px;
   font-weight: 700;
   line-height: 130%;
   margin-right: 5px;
   color: var(--color-text-two);
}


.section-transport{
   background-color: var(--bg-section);
   padding: 50px 0;
}

.transport-content{
   display: flex;
   gap: 30px;
}

.transport-content-map{
   flex: 0 1 50%;
}

.transport-content-text{
   flex: 0 1 50%;
}

.transport-text li{
   font-size: 18px;
   font-family: "Lora";
   font-weight: 400;
   line-height: 140%;
   color: var(--color-text-two);
   position: relative;
   padding-left: 20px;
}

.transport-text li:before{
   display: block;
   content: '';
   position: absolute;
   top: 10px;
   left: 0;
   z-index: 1;
   width: 6px;
   height: 6px;
   background-color: var(--color-text-two);
}

.transport-text li:not(:last-child){
   margin-bottom: 20px;
}

.transport-link{
   margin: 30px auto 0;
}





.section-additionals{
   background-color: var(--bg-section);
   padding: 60px 0;
}

.additionals-columns{
   display: flex;
   justify-content: space-between;
   gap: 30px;
}

.additionals-columns-item{
   flex: 0 1 50%;
}

.additionals-title{
   font-size: 18px;
   font-family: "Loram";
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 25px;
   color: var(--color-text-one);
}

.additionals-columns-item li,
.additionals-columns-item p{
   font-size: 18px;
   font-family: "Loram";
   font-weight: 400;
   line-height: 145%;
   margin-bottom: 25px;
   color: var(--color-text-two);
}

.additionals-columns-item li{
   margin-bottom: 10px;
   position: relative;
   padding-left: 20px;
}

.additionals-columns-item li::before{
   display: block;
   content: '';
   position: absolute;
   top: 10px;
   left: 0;
   z-index: 1;
   width: 6px;
   height: 6px;
   background-color: var(--color-text-two);
}





.section-cards{
   background-color: var(--bg-section);
   padding-bottom: 40px;
}

.cards-list{
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: 430px;
   grid-column-gap: 25px;
}

.card-list-item{
   height: 100%;
   width: 100%;
   position: relative;
}

.card-item-text{
   position: relative;
   z-index: 3;
   padding: 2em;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   font-size: 20px;
   font-weight: 700;
   line-height: 140%;
   color: var(--colo-text-two);
}

.card-item-text::after{
   display: block;
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   background-color: #000;
   opacity: .3;
   width: 100%;
   height: 100%;
}

.card-list-item img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}




.section-form{
   background-color: var(--bg-section);
   padding-bottom: 60px;
}

.main-form{
   margin: 0 auto;
   max-width: 500px;
   display: flex;
   flex-direction: column;
}

.main-form input{
   background-color: var(--bg-site);
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   border: none;
   padding: 12px 10px 12px 58px;
   font-size: 18px;
   font-family: "Lora";
   font-weight: 400;
   font-style: italic;
   line-height: 130%;
   color: var(--color-text-two);
   position: relative;
}

.main-form label,
.main-form input{
   width: 100%;
}

.main-form label:not(:last-child){
   margin-bottom: 20px;
}

.main-form-user,
.main-form-email,
.main-form-phone{
   position: relative;
}


.main-form-user::before,
.main-form-email::before,
.main-form-phone::before{
   position: absolute;
   top: 10px;
   left: 15px;
   z-index: 1;
   display: block;
   content: '';
   width: 26px;
   height: 26px;
   opacity: .8;
}

.main-form-user::before{
      background: url(../img/users.svg) no-repeat center;
}
.main-form-email::before{
      background: url(../img/mail-plus.svg) no-repeat center;
}
.main-form-phone::before{
      background: url(../img/phone.svg) no-repeat center;
}

.ckeckbox-wrap{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 0 30px 13px;
}

.custom-checkbox {
  position: relative;
  display: inline-block;
  width: 45px !important;
  height: 30px;
  margin-bottom: 0 !important;
}

.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.checkmark {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: var(--color-text-two);
  border-radius: 50%;
  transition: background-color 0.3s ease;
  position: relative;
  cursor: pointer;
}

/* Галочка */
.checkmark::after {
  content: '';
  position: absolute;
  display: none;
  left: 11px;
  top: 6px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* Активное состояние */
.custom-checkbox input:checked + .checkmark {
  background-color: var(--color-active);
}

.custom-checkbox input:checked + .checkmark::after {
  display: block;
}

.ckeckbox-wrap a{
   font-size: 12px;
   font-weight: 400;
   line-height: 130%;
   color: var(--color-text-one);
}

.main-btn{
   background-color: var(--bg-button);
   color: var(--colo-text-two);
   font-size: 10px;
   font-weight: 400;
   text-transform: uppercase;
   line-height: 120%;
   padding: 16px 46px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   transition: all .3s ease-in 0s;
   -webkit-transition: all .3s ease-in 0s;
   -moz-transition: all .3s ease-in 0s;
   -ms-transition: all .3s ease-in 0s;
   -o-transition: all .3s ease-in 0s;
   cursor: pointer;
   border: none;
   max-width: 280px;
   margin: 0 auto;
}





.section-team{
   padding: 60px 15px;
   text-align: center;
}

.team-img{
   max-width: 300px;
   margin: 0 auto 20px;
   overflow: hidden;
   border-radius: 200px;
   -webkit-border-radius: 200px;
   -moz-border-radius: 200px;
   -ms-border-radius: 200px;
   -o-border-radius: 200px;
}

.team-img img{
   width: 100%;
   height: auto;
   object-fit: cover;
}

.team-name{
   font-size: 20px;
   font-weight: 700;
   line-height: 130%;
   color: var(--color-text-one);
}

.team-name-text{
   font-size: 16px;
   font-weight: 400;
   line-height: 130%;
   color: var(--color-text-two);
   margin: 14px 0;
}

.team-name-link{
    font-size: 16px;
   font-weight: 400;
   line-height: 130%;
   color: var(--color-text-two);
}



.popup-send-wrapper{
   position: fixed;
   top: 0;
   left: 0;
   z-index: 500;
   width: 100%;
   height: 100%;
   content: '';
   display: block;
   background-color: #0000003a;
   opacity: 0;
   visibility: hidden;
   transition: all .3s ease 0s;
   -webkit-transition: all .3s ease 0s;
   -moz-transition: all .3s ease 0s;
   -ms-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
}

.popup-send-wrapper._show{
   opacity: 1;
   visibility: visible;
}

.popup-send-x{
   cursor: pointer;
   display: block;
   content: '';
   width: 20px;
   height: 20px;
   background: url('../img/x.svg') no-repeat center;
   background-size: cover;
   margin: 0 0 20px 95%;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   border: 1px solid var(--color-text-one);
}

.popup-send{
      opacity: 0;
      visibility: hidden;
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 501;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      background-color: var(--bg-site);
      padding: 30px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      transition: all .3s ease .2s;
      -webkit-transition: all .3s ease .2s;
      -moz-transition: all .3s ease .2s;
      -ms-transition: all .3s ease .2s;
      -o-transition: all .3s ease .2s;
}

.popup-send._show{
   opacity: 1;
   visibility: visible;
}

.popup-send-title{
   font-size: 20px;
   font-weight: 600;
   line-height: 120%;
   color: var(--color-text-one);
   margin: 0 auto 20px;
   text-align: center;
}

.popup-send .main-form input{
   border: 1px solid var(--color-text-two);
}




.video-wrapper{
   position: fixed;
   top: 0;
   left: 0;
   z-index: 500;
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   background-color: #0000003a;
   transition: all .3s ease .0s;
   -webkit-transition: all .3s ease .0s;
   -moz-transition: all .3s ease .0s;
   -ms-transition: all .3s ease .0s;
   -o-transition: all .3s ease .0s;
   opacity: 0;
   visibility: hidden;
}

.video-wrapper._show{
   opacity: 1;
   visibility: visible;
}

.video-body{
   position: fixed;
   /* position: absolute; */
   top: 50%;
   left: 50%;
   z-index: 501;
   content: '';
   width: 100%;
   max-width: 50%;
   height: auto;
   display: block;
   transition: all .3s ease .2s;
   -webkit-transition: all .3s ease .2s;
   -moz-transition: all .3s ease .2s;
   -ms-transition: all .3s ease .2s;
   -o-transition: all .3s ease .2s;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   opacity: 0;
   visibility: hidden;
}

.video-body._show{
   opacity: 1;
   visibility: visible;
}

.video-x{
   position: relative;
   z-index: 502;
   cursor: pointer;
   display: block;
   content: '';
   width: 20px;
   height: 20px;
   background: url('../img/x2.svg') no-repeat center;
   background-size: cover;
   margin: 0 0 -30px 95%;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   border: 1px solid var(--bg-site);
}




.section-region{
   padding: 60px 0;
   background-color: #fff
}

.green-color{
   fill: var(--point-active);
}

.blue-color{
   fill: var(--point-sold);
}

.yellow-color{
   fill: var(--point-on-sold);
}

.silver-color{
   fill: rgb(227, 227, 227);
   opacity: .4;
   stroke: var(--color-text-one);
}


.kablukovoMap-wrapper{
   overflow: hidden;
}

.kablukovoMap{
   overflow: auto;
   position: relative;
}

.kablukovoMap svg{
   background: url('../img/bg_kablukovo.jpg') no-repeat center;
}

.kablukovoMap-point-two{
    display: flex;
   justify-content: center;
   align-items: center;
   gap: 20px;
}

.kablukovoMap-point{
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 20px;
   margin-bottom: 20px;
}

.kablukovoMap-point-item-two{
    font-size: 14px;
   font-weight: 400;
   line-height: 130%;
   color: var(--color-text-two);
   display: flex;
   align-items: center;
}

.kablukovoMap-point-item{
   font-size: 14px;
   font-weight: 400;
   line-height: 130%;
   color: var(--color-text-two);
   display: flex;
   align-items: center;
}

.kablukovoMap-point-item span{
   display: block;
   width: 10px;
   height: 10px;
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   margin-right: 5px;
}

.kablukovoMap-point-item .point-active{
   background-color: var(--point-active);
}

.kablukovoMap-point-item .point-sold{
   background-color: var(--point-sold);
}
.kablukovoMap-point-item .point-on-sold{
   background-color: var(--point-on-sold);
}

.tooltip{
   display: none;
   position: absolute;
   max-width: 140px;
   justify-content: center;
   align-items: center;
   padding: 15px;
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -ms-border-radius: 6px;
   -o-border-radius: 6px;
   background-color: #000000c7;
   color: var(--colo-text-two);
   font-size: 12px;
   font-weight: 400;
   line-height: 100%;
}


.footer-top{
   background-color: var(--bg-footer-one);
   padding: 90px 0;
}

.footer-top-colmns {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: 1fr;
   grid-column-gap: 35px;
}

.footer-top-column {
}

.footer-logo {
   display: block;
   max-width: 160px;
   margin-bottom: 30px;
}

.footer-logo img{
   width: 100%;
   height: auto;
   object-fit: cover;
}

.footer-contacts li{
   font-size: 12px;
   font-weight: 400;
   line-height: 135%;
   color: var(--color-text-two);
}

.footer-contacts li span{
   margin-left: 4px;
}

.footer-contacts li:not(:last-child){
   margin-bottom: 15px;
}

.footer-column-title {
   font-size: 18px;
   font-weight: 400;
   line-height: 120%;
   color: var(--colo-text-two);
   margin-bottom: 10px;
}

.footer-column-number {
   font-size: 28px;
   font-weight: 400;
   line-height: 120%;
   color: var(--colo-text-two);
   cursor: pointer;
   display: block;
}

.footer-column-mail {
   font-size: 16px;
   font-weight: 400;
   line-height: 120%;
   color: var(--colo-text-two);
   cursor: pointer;
   display: block;
   margin: 10px 0 20px 0;
}

.footer-column-popup {
   font-size: 14px;
   font-weight: 400;
   line-height: 120%;
   color: var(--colo-text-two);
   padding: 8px 16px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   border: 2px solid var(--colo-text-two);
   display: block;
   max-width: 180px;
   text-align: center;
}


.footer-bottom {
   background-color: var(--bg-footer-two);
}

.link-to-top {
   display: block;
   position: absolute;
   top: -30px;
   right: 0;
   z-index: 10;
   content: url(../img/chevron-up.svg);
   width: 60px;
   height: 60px;
   background: var(--color-text-two);
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
}

.footer-bottom-colmns {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 20px;
   padding: 40px 15px 50px;
   position: relative;
}

.bottom-colmn-date {
   font-size: 12px;
   font-weight: 400;
   line-height: 120%;
   color: var(--color-text-two);
}

.bottom-colmn-policy {
   font-size: 12px;
   font-weight: 400;
   line-height: 120%;
   color: var(--color-text-two);
}


/* policy */
.section-policy{
   margin: 120px 0;
}

.section-policy h1{
   font-size: 30px;
   margin-bottom: 35px;
   color: var(--color-text-one);
}
.section-policy h2{
   font-size: 28px;
   margin-bottom: 20px;
   color: var(--color-text-one);
}
.section-policy h3{
   font-size: 24px;
   margin-bottom: 20px;
   color: var(--color-text-one);
}
.section-policy h4{
   font-size: 22px;
   margin-bottom: 20px;
   color: var(--color-text-one);
}

.section-policy h5{
   font-size: 20px;
   margin-bottom: 20px;
   color: var(--color-text-one);
}

.section-policy p{
   font-size: 16px;
   margin-bottom: 15px;
   margin-bottom: 20px;
   color: var(--color-text-two);
}

.section-policy ul,
.section-policy ol{
   margin-bottom: 20px;
}

.section-policy ul li,
.section-policy ol li{
   font-size: 16px;
   margin-bottom: 20px;
   color: var(--color-text-two);
}

.js-open-popup{
   cursor: pointer;
}


/* media */
@media screen and (max-width: 1100px) {
   .cards-list{
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 300px);
      grid-column-gap: 25px;
      grid-row-gap: 25px;
   }

   .link-to-top{
      right: 15px;
   }

   .transport-content{
      flex-direction: column;
   }
}

@media screen and (max-width: 960px) {
   .content-hero-title{
      padding: 0 15px;
      text-align: center;
   }

   .content-hero-text{
      text-align: center;
   }

   .list-sections{
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-column-gap: 25px;
      grid-row-gap: 25px;
   }
}

@media screen and (max-width: 768px) {
   .title-h2{
      font-size: 22px;
      margin-bottom: 30px;
   }


   .video-body{
      max-width: 96%;
   }

   .popup-send{
      width: 95%;
   }

   .content-hero-title{
      font-size: 34px;
   }

   .content-hero-text{
      font-size: 20px;
   }

   .know{
      padding: 50px 15px;
   }

   .know-list{
      margin-bottom: 50px;
   }

   .list-sections{
      grid-template-columns: 1fr;
      grid-template-rows: repeat(4, auto);
   }

   .know-item-text {
      font-size: 14px;
   }

   .section-about{
      padding: 50px 0;
   }

   .about-text{
      text-align: center;
      font-size: 14px;
   }

   .about-item-text{
      font-size: 14px;
   }

   .section-galery,
   .section-region{
      margin: 50px 0;
   }

   .gallery{
      grid-template-columns: 1fr;
      grid-template-rows: auto;
   }

   .gallery-text,
   .projects-text{
      font-size: 14px;
   }

   .projects-list{
      grid-template-columns: 1fr;
      grid-template-rows: auto;
   }

   #map .ymaps-2-1-79-map{
      width: 100%;
   }

   .transport-text li{
      font-size: 14px;
   }

   .section-additionals{
      padding: 50px 0;
   }

   .additionals-columns{
      flex-direction: column;
      gap: 25px;
   }

   .additionals-columns-item li,
   .additionals-columns-item p{
      font-size: 14px;
   }

   .cards-list{
      grid-template-columns: 1fr;
      grid-template-rows: repeat(4, 300px);
   }

   .section-form{
      padding: 0 15px 50px;
   }

   .checkmark{
      width: 20px;
      height: 20px;
   }

   .custom-checkbox{
      width: 30px !important;
      height: 30px;
   }

   .section-team{
      padding: 50px 15px;
   }

   .footer-top{
      padding: 50px 0;
   }

   .footer-top-colmns{
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      grid-row-gap: 25px;
   }
}