@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('ttps://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html,body{font-family: Manrope, Arial, sans-serif; margin: 0; padding: 0; min-width: var(--main-col); color: #242424;}

:root {
  --main-col: 1160px;
}

.slick-prev:before,
.slick-next:before{font-size: 0 !important;}


.section{overflow: hidden; position: relative; z-index: 1; background: #fff;}
.section .wrap{width: var(--main-col); margin: 0 auto;}
.section .wrap > .title,
.section .wrap .flex > .title,
.section .wrap .left > .title,
.section .wrap .top > .title{font-family: "Montserrat", Arial, sans-serif; font-size: 36px; line-height: 43px; font-weight: 700; text-transform: uppercase;}
.section .wrap{position: relative; width: 1160px; margin: 0 auto;}

div.center{text-align: center;}


.tabshead{display: flex; height: 67px; align-items: center;  border:1px solid #246c2d; border-radius: 7px; width: fit-content; margin: 0 auto 30px; overflow: hidden; background: #fff; z-index: 3}
.tabshead .thead{display: flex; height: 56px; border-right:1px solid #246c2d; padding: 0 20px; cursor: pointer; height: 67px; align-items: center; color: #242424; font-size: 14px; line-height: 19px; width: 240px; justify-content: center;}
.tabshead .thead:last-child{  border-right:none}
.tabshead .thead:hover{background: #148121; color: #fff; font-weight: 600;}
.tabshead .thead.active{background: #246c2d; color: #fff; font-weight: 600;}
.tabs .tab{display: none; position: absolute; z-index: 1}
.tabs .tab.active{display: block; min-height: 300px; position: relative; z-index: 2}

.countbox{padding: 10px 30px; background: rgba(255,255,255,0.5); text-align:  center; margin-top: 20px; color: #000; display: flex;  align-items: center; display: inline-flex; gap:30px; }
.countbox p{margin: 0;}
.countbox .titl{font-weight: bold; display: block; font-size: 16px; margin-bottom: 0px;}
.countbox #countdown{}
.countbox #countdown > span{display: inline-block; margin: 0 10px; font-size: 14px;}
.countbox #countdown span span{color: #246c2d; font-weight: bold; display: block; font-size: 50px; line-height: 40px; width: 60px; overflow: hidden;}



/* =========================
   📌 Шапка и главное меню
   ========================= */
.header {}
.header.front {position: relative; background: #000; color: #fff;}
.header .bg {position: absolute; top: 0; right: 0; bottom: 0; background: #246c2d; width: calc( (  (100vw - var(--main-col) ) / 2  ) + (var(--main-col) * 0.30 ) ) ; z-index: 1;} 
.header .bg img{position: absolute; left: 0; right: 0; top: 0; bottom: 0;  content:''; display: block; z-index: 1; object-fit: cover; width: 100%; height: 100%; opacity: 0.2;}
.header .video {position: absolute; top: 0; left: 0; bottom: 0; background: #246c2d; width: calc( (  (100vw - var(--main-col) ) / 2  ) + (var(--main-col) * 0.70 ) ) ; background: url('res/poster.jpg') center no-repeat; background-size: cover;}
.header .video video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; /* Поместить видео под контент */}
.header .video:after{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.3); content:''; display: block; }



.header .galery {position: absolute; top: 0; right: 0; bottom: 0; background: #246c2d; width: calc( (  (100vw - var(--main-col) ) / 2  ) + (var(--main-col) * 0.51 ) ) ; background: url('res/poster.jpg') center no-repeat; background-size: cover;}
.header .galery img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; /* Поместить видео под контент */}
.header.arenda{background: #246c2d; color: #fff;}
.header.arenda a{color: #fff;}
.header.arenda .logo img{width: 246px;}
.header.arenda .wrap{padding-bottom: 80px;}
.header.arenda .wrap .top { display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 20px 0; width: 540px;}

	.header.arenda .wrap .top p {}
	.header.arenda .wrap .top .tel {color: #fff; text-decoration: none; font-size: 18px; line-height: 22px; display: block;}
	.header.arenda .wrap .top span {font-size: 12px; line-height: 14px;}
	.header.arenda .wrap .title{width: 540px; margin-bottom: 90px;}
	.header.arenda .wrap .mark{font-size: 26px; line-height: 33px; display: block; position: relative; margin-bottom: 32px; z-index: 1}
	.header.arenda .wrap .mark span{color: #246c2d; display: inline-block; position: relative; z-index: 2;}
	.header.arenda .wrap .mark:before{display: block; content: ''; position: absolute; top: 32px; left: 82px; border-radius: 10px 10px 10px 10px; background-color: #fff; height: 35px; width: 115px; z-index: 0; transform: rotate(-2deg);}
	.header.arenda .wrap .btn {color: #246c2d; font-size: 16px; line-height: 1.55; font-weight: 500; border-radius: 10px 10px 10px 10px; background-color: #fff; background-position: center center;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 72px; line-height: 72px; padding: 0 35px; display: inline-block; text-decoration: none;}
	.header.arenda .wrap .btn:hover{background: #148121; color: #fff;}

.header .wrap {position: relative; z-index: 2}
.header .wrap .top { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; padding: 20px 0;}
	.header .wrap .top .right {}
	.header .wrap .top .right .logo {}
	.header .wrap .top .right .logo img {width: 276px;}
	.header .wrap .top .left {display: flex; gap:20px}
	.header .wrap .top .left p {}
	.header .wrap .top .left .tel {color: #fff; text-decoration: none; font-size: 18px; line-height: 22px; display: block;}
	.header .wrap .top .left span {font-size: 12px; line-height: 14px;}
	.header .wrap .top .left .btn {color: #246c2d; font-size: 14px; line-height: 1.55; font-weight: 500; background-color: #ffffff; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 46px; line-height: 46px; padding: 0 25px; display: block; border-radius: 10px; text-decoration: none;}
	.header .wrap .top .left .btn:hover {color: #fff;  background-color: #246c2d; }
.header .wrap .rightmenu {float: right; text-align: right; margin: 20px 0;}
	.header .wrap .rightmenu ul {margin: 0; padding: 0; list-style: none;}
	.header .wrap .rightmenu ul li {display: block; margin-bottom: 14px;}
	.header .wrap .rightmenu ul li a {font-size: 18px; line-height: 22px; text-decoration: none; color: #fff;}
	.header .wrap .rightmenu ul li a:hover{text-decoration: underline;}
.header .wrap .title {font-size: 42px; line-height: 62px; font-weight: 700; margin-top: 80px;letter-spacing: -1px;}
.header .wrap .bottom {padding: 68px 0; display: flex; justify-content: space-between; align-items: center; clear: both;}
	.header .wrap .bottom .left {position: relative;}
	.header .wrap .bottom .left span {font-size: 26px; line-height: 33px; display: block; position: relative; margin-bottom: 32px; z-index: 1}
	.header .wrap .bottom .left:before{display: block; content: ''; position: absolute; top: 32px; left: 145px; border-radius: 10px 10px 10px 10px; background-color: #246c2d; height: 40px; width: 155px; z-index: 0; transform: rotate(-2deg);}
	.header .wrap .bottom .left .btn {color: #fff; font-size: 16px; line-height: 1.55; font-weight: 500; border-radius: 10px 10px 10px 10px; background-color: #246c2d; background-position: center center;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 72px; line-height: 72px; padding: 0 62px; display: inline-block; text-decoration: none;}
	.header .wrap .bottom .left .btn:hover{background: #148121;}
	.header .wrap .bottom .rightgrid {display: flex; gap:20px}
		.header .wrap .bottom .rightgrid .item {width: 224px; height: 216px; position: relative; border-radius: 7px; overflow: hidden; box-sizing: border-box; padding: 115px 25px 0; transition: transform 0.3s ease; position: relative;}
		.header .wrap .bottom .rightgrid .item:hover { transform: translateY(-10px); }
		.header .wrap .bottom .rightgrid .item a{display: block; color: #fff; text-decoration: none;}
		.header .wrap .bottom .rightgrid .item:after{position: absolute; left: 0; right: 0; top: 0; bottom: 0;  content:''; display: block; background: linear-gradient(0turn,rgba(0,0,0,0.7) 20%,rgba(0,0,0,0) 99%); z-index: 2;}
		.header .wrap .bottom .rightgrid .item a > img{position: absolute; left: 0; right: 0; top: 0; bottom: 0;  content:''; display: block; z-index: 1; object-fit: cover; width: 100%; height: 100%;}
		.header .wrap .bottom .rightgrid .item .label {position: relative; z-index: 3; font-size: 12px; font-weight: 600;height: 30px; line-height: 30px; padding: 0 10px; border:1px solid #fff; border-radius: 4px; display: inline-block; vertical-align: middle;}
		.header .wrap .bottom .rightgrid .item .l01 {}
		.header .wrap .bottom .rightgrid .item .label img {width: 18px; height: 18px; vertical-align: middle; margin-right: 3px;}
		.header .wrap .bottom .rightgrid .item p {position: relative; z-index: 3; margin: 10px 0; font-size: 16px; font-weight: 600; line-height: 21px;}

.headerfix{height: 90px; background: #246c2d; color: #fff;}
.headerfix.hidden{position: fixed; left: 0; top: 0; right: 0; display: none; z-index: 0}
.headerfix .wrap{height: 90px; display: flex; justify-content: space-between; align-items: center;}
.headerfix .wrap .logo img{width: 236px;}

.headerfix.hidden.fixed { position: fixed; z-index: 2; display: block; }

	.headerfix .wrap .right {display: flex; gap:20px}
	.headerfix .wrap .right p {}
	.headerfix .wrap .right .tel {color: #fff; text-decoration: none; font-size: 18px; line-height: 22px; display: block;}
	.headerfix .wrap .right span {font-size: 12px; line-height: 14px;}
	.headerfix .wrap .right .btn {color: #246c2d; font-size: 14px; line-height: 1.55; font-weight: 500; background-color: #ffffff; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 46px; line-height: 46px; padding: 0 25px; display: block; border-radius: 10px; text-decoration: none;}
	.headerfix .wrap .right .btn:hover {color: #fff;  background-color: #246c2d; }

.section.single{margin: 0 0 60px;}
.section.single h1{text-transform: uppercase; font-weight: 700; }
.section.single h2{font-family: "Montserrat", Arial, sans-serif; font-size: 36px; line-height: 43px; font-weight: 700; text-transform: uppercase;}
.section.single h1 br{display: none;}
.section.single .wrap > div,
.section.single p{font-size: 20px; line-height: 1.55;}
.section.single .breadcrumbs{font-size: 14px !important; margin: 20px 0;}
.section.single .breadcrumbs a{text-decoration: none; color: #000; transition: 0.4s}
.section.single .breadcrumbs a:hover{color: #999;}
.section.single .breadcrumbs br{display: none;}

.section.single.project .cols{display: grid; grid-template-columns: 3fr 2fr; gap:40px}
.section.single.project h1,
.section.single.project .title{margin: 0;}
.section.single.project .cols img{max-width: 100%; border-radius: 10px}
.section.single.project .cols .gal{display: grid; grid-template-columns: repeat(4, 1fr); gap:6px}
.section.single.project .cols .gal img{width: 100%; height: 109px; object-fit: cover; display: block;}
.section.single.project .cols .btn {color: #fff; font-size: 16px; line-height: 1.55; font-weight: 500; border-radius: 10px 10px 10px 10px; background-color: #246c2d; background-position: center center;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 55px; line-height: 55px; padding: 0; display: inline-block; text-decoration: none; width: 200px; text-align: center; } 
.section.single.project .cols .btn:hover{background: #148121;}
.section.single.project .cols .right .top{display: flex; justify-content: space-between; align-items: center;}
.section.single.project .cols .right .infcols{display: flex; justify-content: space-between; align-items: center; margin: 20px 0;}
.section.single.project .cols .right .infcols .col{min-width: 200px;}
.section.single.project .cols .right .infcols span{display: block; color: #575757; font-size: 15px; font-weight: 500;}
.section.single.project .cols .right .infcols .price{ color: #246c2d; font-size: 24px;}
.section.single.project .cols .right .infcols .price b{font-size: 30px; font-weight: 600;}
.section.single.project .cols .right p{color: #575757; font-size: 15px;}
.section.single.project .cols .left{position: relative;}
/*.section.single.project .cols .left > a img{height: calc(100% - 130px); object-fit: cover;}*/

.section.single.project .cols ul.params {display: grid; grid-template-columns: repeat(5, 1fr); margin: 30px 0; padding: 0; list-style: none; gap:10px}
.section.single.project .cols ul.params li {display: block; border-right:1px solid #ddd; margin: 0; padding: 0 10px 0 0; padding-bottom: 50px; position: relative; }
.section.single.project .cols ul.params li:last-child{ border-right: none}
.section.single.project .cols ul.params li span {font-size: 15px; font-weight: 500; color: #575757; line-height: 21px; display: block; }
.section.single.project .cols ul.params li .num {font-size: 22px; color: #242424; font-weight: 600; position: absolute; bottom: 0; left: 0;}
.section.single.project .cols ul.params li .num {font-size: 22px; color: #242424; font-weight: 600; position: absolute; bottom: 0; left: 0;}


.section.single.project .cols ul.list{display: block; columns: 2; margin: 20px 0; padding: 0; gap:6px}
.section.single.project .cols ul.list li{color: #242424; font-size: 20px; line-height: 26px; margin: 0 0 5px; padding: 5px 0 5px 47px; list-style: none; position: relative; break-inside: avoid; }
.section.single.project .cols ul.list li:before{content: ''; display: inline-block; position: relative; left: 0; top: 0; width: 35px; height: 35px; background: #fff url('res/ch.svg') center no-repeat; border-radius: 35px; background-size: 13px; vertical-align: middle; border:1px solid #ccc; position: absolute; top: 50%; left: 0; margin-top: -17px;}

.section.faq{padding-top: 45px; padding-bottom: 45px; background-color: #eef0f0;}
.section.faq .item .question{position: relative; width: 100%; padding: 27px 50px 27px 0; text-align: left; background-color: transparent; border: none; box-sizing: border-box; cursor: pointer; font-size: 24px; font-weight: 600; border-top: 1px solid #fff;}
.section.faq .item .question:after{display: block; width: 40px; height: 40px; background: url(res/x1.svg) center no-repeat; content: ''; border-radius: 40px; position: absolute; right: 0; top: 20px; transition: 0.5s}
.section.faq .item .question:hover:after{ background: #fff url(res/x1.svg) center no-repeat; }
.section.faq .item .question p{margin: 0; font-size: 24px; font-weight: 600;}
.section.faq .item .answer ul{padding-left: 20px; font-size: 16px; line-height: 1.55;}
.section.faq .item .answer{padding: 0 0 20px; display: none;}
.section.faq .item .answer img{max-width: 100%;}
.section.faq .item.active .answer{display: block;}
.section.faq .item.active .question:after{transform: rotate(45deg);}
.section.faq .item.active .question:hover:after{ background: #fff url(res/x1.svg) center no-repeat; }

.section021.section.faq{background: #fff; margin: 20px 0;}
.section021.section.faq .items{margin: 30px 0;}
.section021.section.faq .items .item{background: #eef0f0; border-radius: 30px; margin-bottom: 3px;}
.section021.section.faq .item .question{position: relative; width: 100%; padding: 22px 50px 22px 30px;} 

.section021.section.faq .item .question:after{display: block; width: 40px; height: 40px; background: #fff url(res/x1.svg) center no-repeat; content: ''; border-radius: 40px; position: absolute; right: 0; top: 18px; transition: 0.5s; right: 15px;}
.section021.section.faq .item .question:hover:after{ background: #666 url(res/x1.svg) center no-repeat; }
.section021.section.faq .item.active .answer{display: block; padding-left: 30px;}


/* =========================
   🌲 Секция 01 — Мечта
   ========================= */
.section01 {margin: 70px 0;}
.section01 .wrap {}
.section01 .top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.section01 .top .title {}
.section01 .top p {font-size: 16px;}
.section01 .stripe {border-radius: 10px; background-color: #246c2d; display: block; height: 66px; line-height: 66px; text-align: center; font-family: 'Montserrat',Arial,sans-serif;     font-weight: 700; font-size: 30px; text-transform: uppercase; color: #fff;}
.section01 .grid {display: grid; grid-template-columns: repeat(6, 1fr); padding-top: 48px;}
.section01 .grid .item {text-align: center; padding-top: 10px; border-right: 1px solid #999}
.section01 .grid .item:last-child{ border-right: none}
.section01 .grid .item img {width: 66px; }
.section01 .grid .item span {display: block; font-size: 17px; line-height: 22px; font-weight: 500; margin-top: 30px;}


/* =========================
   💡 Секция 02 — Почему выбирают
   ========================= */
.section02 {}
.section02 .wrap {}
.section02 .title {}
.section02 .chesslider {margin-top: 35px;}
.section02 .chesslider .item {}

.section02 .chesslider .slick-prev{width: 32px; height: 32px; border-radius: 32px; background: url('res/arl.svg'); background-size: 32px; font-size: 0; left: -50px; transform: rotate(180deg);margin-top: -16px;}
.section02 .chesslider .slick-next{width: 32px; height: 32px; border-radius: 32px; background: url('res/arr.svg'); background-size: 32px; font-size: 0; right: -50px;}

.section02 .chesslider .grid {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center;}

.section02 .chesslider .images {}
.section02 .chesslider .images img {width: 100%; display: block; height: 400px; object-fit: cover;}
.section02 .chesslider .text {padding-right: 20px; min-height: 325px; align-content: center;}
.section02 .chesslider .text.pl {padding-left: 50px;}
.section02 .chesslider .text .title {font-size: 26px; font-family: 'Montserrat', Arial, sans-serif; line-height: 29px; font-weight: 700; display: block;}
.section02 .chesslider .text p {font-size: 18px; line-height: 24px;}
.section02 .btn {color: #246c2d; font-size: 16px; font-family: 'Manrope', Arial, sans-serif; line-height: 1.55; font-weight: 600; border-width: 1px; border-radius: 10px 10px 10px 10px; background-position: center center; border-color: #246c2d; border-style: solid; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-decoration: none; height: 58px; line-height: 58px; display: inline-block; padding: 0 42px; margin-top: 30px;}
.section02 .btn:hover{color: #fff; background: #246c2d;}

.section02 .slick-dots{bottom: -30px;}
.section02 .slick-dots li button{background: #666; width: 10px; height: 10px; border-radius: 10px}
.section02 .slick-dots li.slick-active button{background: #999;}

/* =========================
   🗺️ Секция 03 — Инфраструктура
   ========================= */
.section03 {margin: 95px 0 60px;}
.section03 .wrap {}
.section03 .title {}
.section03 .label {color: #246c2d; font-size: 14px; font-weight: 500; background: #eef0f0; float: right; height: 36px; line-height: 36px; border-radius: 5px; padding: 0 14px 0;}
.section03 p {font-size: 20px; line-height: 27px; color: #666; clear: both;}
.section03 .tabshead{ margin: 60px auto -100px; z-index: 2; position: relative;} 
.section03 .tabshead .thead{}
.section03 .tabs {position: relative; z-index: 1;}
.section03 .tabs .tab {margin: 0 -20px; position: relative;}
.section03 .tabs .tab.active {}
.section03 .tabs .tab img {display: block;}
.section03 .tabs .tab .btn{color: #fff; font-size: 16px; line-height: 1.55; font-weight: 500; border-radius: 10px 10px 10px 10px; background-color: #246c2d; background-position: center center;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 72px; line-height: 72px; padding: 0 50px; display: inline-block; text-decoration: none; position: absolute; right: 36px; bottom: 36px;}
.section03 .tabs .tab .btn:hover{background: #148121;}


/* =========================
   📊 Секция 04 — Генплан
   ========================= */
.section04 {margin: 60px 0;}
.section04 .wrap {}
.section04 .title {}
.section04 .numsgrid {margin-top: 50px; display: grid; grid-template-columns: repeat(4, 1fr);}
.section04 .numsgrid .item {text-align: center;}
.section04 .numsgrid .item span {font-size: 26px; opacity: 0.7;}
.section04 .numsgrid .item .num {font-size: 120px; line-height: 120px; font-weight: 600; display: block; margin-bottom: 10px; opacity: 1}


.zwrap{position: relative; max-width: 100%; margin: 0; }
.zwrap svg{display: block}

.popup{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); padding-top: 50px; display: none; z-index: 10}
.popup > .close{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.zwrap .legend{position: absolute; right: 2%; bottom: 0; width:20%; display: none;}
.zwrap .legend.legend2{background: #fff; padding: 20px; font-size: 14px; color: #000;}
.zwrap .legend.legend2 p{margin: 10px 0;}
.zwrap .legend.legend2 ul{margin:0; padding: 0;}
.zwrap .legend.legend2 ul li{margin:0; padding: 4px 0; display: block; border-bottom: 1px dotted #ddd;}
.zwrap .legend.legend2 .price{display: block;   font-weight: bold;  margin: 10px 0 15px; font-size: 16px;}
.zwrap .legend.legend2 .btn{display: block; color: #246c2d; font-size: 16px; font-family: 'Manrope', Arial, sans-serif; line-height: 42px; height: 42px; font-weight: 600; border-width: 1px; border-radius: 10px 10px 10px 10px; background-position: center center; border-color: #246c2d; border-style: solid; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-decoration: none; padding: 0; text-align: center; transition: 0.4s; background: #246c2d; color: #fff;}
.zwrap .legend.legend2 .btn:hover{background: #fff; color: #246c2d;}
.zwrap .legend .close{display: block; position: absolute; right: 8px;   top: 2px;   font-size: 22px;     }
.zwrap .legend img{width: 100%; display: block;}

.image-mapper-shape { fill:rgba(100,255,100,0.4); }
.image-mapper-shape.free { fill:rgba(100,255,100,0.4); }
.image-mapper-shape.sold { fill:rgba(255,0,0,0.4); }
.image-mapper-shape.contract { fill:rgba(2,202,238,0.4); }
.image-mapper-shape.reserv { fill:rgba(255,230,0,0.4); }
.image-mapper-shape.promo { fill:rgba(169,2,238,0.4); }
.image-mapper-shape.white { fill:rgba(255,255,255,0); }

.component .tooltip1 {visibility: hidden}
.component:hover .tooltip1 text{font-size: 18px;}
.component:hover .tooltip1 {
    visibility: visible;
    fill: white;
}

g:hover .image-mapper-shape { stroke: rgba(255,255,255,0.3); fill: rgba(255,255,255,0.3); stroke-width: 2px; }
a{cursor: pointer;}

@media screen and (max-width: 600px) {

.zwrap{height: 100%; overflow: scroll;     max-width: 100%; margin: 0;}
.zwrap svg{width:auto !important; height: 90vh; }

.zwrap .legend{position: fixed; right: 2% !important; left: 2% !important; bottom: auto !important; top:150px; bottom: auto; width:auto;}
}
/* =========================
   ☎️ Секция 05 — Заявка
   ========================= */
.section05 {background: #246c2d; color: #fff; padding: 60px 0 70px;}
.section05.order {}
.section05.order .wrap {display: grid; grid-template-columns: auto auto; justify-content: space-between}
.section05.order .title {}
.section05.order .left{position: relative; }
.section05.order ul { margin: 0; padding: 0; margin-top: 40px; list-style:none}
.section05.order.contacts ul{display: grid; grid-template-columns: repeat(2, 1fr); gap:30px}
.section05.order ul li{position: relative; font-size: 20px; line-height: 25px; font-weight: 400; color:rgba(255,255,255,0.7); margin: 0; padding: 0; padding-left: 60px; margin-bottom: 30px;}
.section05.order ul li:before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 35px; height: 35px; background: #fff url('res/ch.svg') center no-repeat; border-radius: 35px; background-size: 13px;}
.section05.order .mngr{display: none;}
/*.section05.order .mngr {width: 200px; height: 200px; border-radius: 200px; position: absolute; background: #fff; outline:8px solid rgba(255,255,255,0.2); color: #222; text-align: center; right: -100px; bottom: 0;}
.section05.order .mngr img {width: 50px; height: 50px; border-radius: 50px; margin-top: 30px; }
.section05.order .mngr span {font-size: 12px; line-height: 17px; display: block; }
.section05.order .mngr .name {display: block; font-size: 16px; font-weight: 700; line-height: 22px; padding: 5px 30px;}*/
.section05.order .right {width: 360px; padding: 30px 45px 16px; background: #fff; border-radius: 10px; color: #242424; text-align: center; }
.section05.order .right span {font-size: 16px; line-height: 25px;}
.section05.order .right .rtitle {font-size: 18px; line-height: 28px; font-weight: 500; }
.section05.order .right .btns {display: flex; justify-content: space-between; }
.section05.order .right .btns .btn {display: inline-block; color: #246c2d; font-size: 16px; font-family: 'Manrope', Arial, sans-serif; line-height: 48px; height: 48px; font-weight: 600; border-width: 1px; border-radius: 10px 10px 10px 10px; background-position: center center; border-color: #246c2d; border-style: solid; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-decoration: none; padding: 0 45px;}
.section05.order .right .btns .btn.wz {color: #7ad06d; border-color: #7ad06d;}
.section05.order .right .btns .btn.tg {color: #039be5; border-color: #039be5;}
.section05.order .right .btns .btn.wz:hover {color: #fff; background: #7ad06d; border-color: #7ad06d;}
.section05.order .right .btns .btn.tg:hover {color: #fff; background: #039be5; border-color: #039be5;}
.section05.order .right span {}
.section05.order .right {}
.section05.order .right .wpcf7-form-control-wrap{position: relative; display: block;}
.section05.order .right .wpcf7-not-valid-tip{position: absolute; top: -10px; left: 0;}
.section05.order .right .wpcf7-spinner{position: absolute;}
.section05.order .right input.wpcf7-text {height: 72px; line-height: 72px; color: rgb(0, 0, 0); border: 1px solid rgb(235, 240, 236); background-color: rgb(245, 245, 245); border-radius: 10px; font-size: 16px; display: block; width: 100%; box-sizing: border-box; margin: 20px 0; padding-left: 20px; }
.section05.order .right input[type="submit"] {color: #fff; font-size: 16px; line-height: 1.55; font-weight: 700; border-radius: 10px 10px 10px 10px; background-color: #246c2d; background-position: center center;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 72px; line-height: 72px; padding: 0 62px; display: inline-block; text-decoration: none; border: none; outline: none; width: 100%; text-align: center;}
	.section05.order .right input[type="submit"]:hover{background: #148121;}
.section05.order .right .wpcf7-acceptance {margin-top: 10px; display: block; font-size: 10px; line-height: 20px; vertical-align: middle;}
.section05.order .right .wpcf7-acceptance input[type="checkbox"] {width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; accent-color : #246c2d; position: relative; top: -1px;}
.section05.order .right .wpcf7-acceptance .wpcf7-list-item-label {font-size: 10px;}
.section05.order .right .wpcf7-acceptance label a {color: #242424;}
.section05.order .bottomcontact{margin-top: 20px;}
.section05.order .bottomcontact .title{font-size: 34px; font-weight: 700;}
.section05.order .bottomcontact .flex{display: flex; gap:40px;     font-size: 19px;}
.section05.order .bottomcontact .flex span{display: block;     font-size: 13px; opacity: 0.5;}
.section05.order .bottomcontact .flex p{margin-bottom: 0;}



.section05.order.popform {background: transparent	; color: #fff; padding: 0; position: fixed; left: 50%; margin-left: -580px; top: 50%; margin-top: -230px; width: 1160px; display: none; z-index: 5;	}
.section05.order.popform:before{position: fixed; left: 0; right: 0; top: 0; bottom: 0; backdrop-filter: blur(5px); display: block; content:'';}
.section05.order.popform .wrap {height: 460px; grid-template-columns: 715px 445px;}
.section05.order.popform .left{ border-radius: 	10px 0 0 10px; overflow: hidden	; width: 715px; height: 460px;}
.section05.order.popform .left img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.section05.order.popform .right{text-align: center; background: #363736; color: #fff; border-radius: 0 10px 10px 0; height: 460px; box-sizing: border-box; width: auto;}
.section05.order.popform .right .wpcf7-acceptance label a{ color: #fff;}
.section05.order.popform .right p{font-size: 16px; font-weight: 500; }
.section05.order.popform .right .title{display: block; font-size: 26px; font-weight: 700; text-transform: uppercase; margin-top: 30px; }
.section05.order.popform .logo{padding-top: 20px; }
.section05.order.popform .logo img{width: 256px;}
.section05.order.popform .close{position: fixed; display: block; width: 40px; height: 40px; background: url('res/x2.svg') center no-repeat; cursor: pointer; top: 5px; right: 5px; font-size: 0; transition: 0.4s}
.section05.order.popform .close:hover{opacity:0.5;}
.section05.order.popform .wpcf7 form.invalid .wpcf7-response-output{margin-top: 0; top: -30px; background: #000; position: relative;}

/* =========================
   🏞️ Секция 06 — План
   ========================= */
.section06 {}
.section06 .wrap {}
.section06 img {width: 100%; display: block; }


/* =========================
   🏕️ Секция 07 — Тест-драйв
   ========================= */
.section07 {position: relative; background: #eef0f0;}
.section07 .left.slider {position: absolute; top: 0; left: 0; bottom: 0; background: #246c2d; width: calc( (  (100vw - var(--main-col) ) / 2  ) + (var(--main-col) * 0.45 ) ) ;}
.section07 .left.slider img{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.section07 .left.slider .btn {}
.section07 .wrap {width: 590px; position: relative; left: 255px; padding-left: 60px; padding-top: 60px; }
.section07 .wrap .title {}
.section07 .wrap p {font-size: 20px; line-height: 28px; }
.section07 .wrap ul {font-size: 18px; line-height: 25px; margin: 0; padding: 20px 0 40px; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr);}
.section07 .wrap ul li {margin: 0 0 35px; padding: 0; list-style: none;vertical-align: middle; 	}
.section07 .wrap ul li img {margin-right: 20px; height: 47px; width: 47px; vertical-align: middle; }
.section07 .wrap ul li span {vertical-align: middle; }


    .section07 .wrap ul{display: grid; grid-auto-flow: column; grid-template-rows: 1fr 1fr 1fr; gap:10px}
    .section07 .wrap ul li{display: flex; gap:20px; margin:0 0px 0 0; align-items: center;}
    .section07 .wrap ul li img{height: 40px; width: 40px; margin: 0}

.section072{padding: 60px 0;}
.section072.second{background: #eef0f0;}
.section072 .grid{display: grid; grid-template-columns: repeat(2, 1fr); margin: 40px 0 0;}
.section072.second .grid{justify-content: space-between; grid-template-columns: 600px auto;}
.section072 .slider{width: 502px; height: 428px;}
.section072 .slider img{width: 502px; height: 428px; display: block; object-fit: cover; border-radius: 10px}
.section072 .items{display: grid; grid-template-columns: 12fr 10fr; gap:20px}
.section072 .items .item{margin-bottom: 20px; font-size: 16px; line-height: 22px;}
.section072 .items .item img{width: 40px; height: 40px; object-fit: contain;}

.section072 .slider .slick-prev{width: 38px; height: 38px; border-radius: 38px; background: url('res/arl.svg'); background-size: 38px; font-size: 0; left: 20px; transform: rotate(180deg); margin-top: -19px; z-index: 2}
.section072 .slider .slick-next{width: 38px; height: 38px; border-radius: 38px; background: url('res/arr.svg'); background-size: 38px; font-size: 0; right: 20px;  z-index: 2}
.section072.second p{line-height: 27px; color: #202020; font-size: 20px; font-weight: 500;}

.section072.second .list{display: grid; grid-template-columns: auto auto; gap:20px}
.section072.second .list .item{font-size: 16px; padding-left: 40px; position: relative;}
.section072.second .list .item img{width: 24px; position: absolute; display: block; left: 0; top: 0;}
.section072.second .list .item p{font-size: 16px; line-height: 20px; margin: 2px 0;}
.section072.second .btn{color: #fff; font-size: 16px; font-family: 'Manrope', Arial, sans-serif; line-height: 1.55; font-weight: 600; border-width: 1px; border-radius: 10px 10px 10px 10px; background-position: center center; border-color: #246c2d; border-style: solid; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-decoration: none; height: 70px; line-height: 70px; display: inline-block; padding: 0 42px; margin-top: 30px; background: #246c2d;}
.section072.second .btn:hover{color: #246c2d; background: #fff;}

.section022{padding: 60px 0; background: #eef0f0;}
.section022 .items{display: grid; grid-template-columns: 3fr 3fr 5fr; gap:30px; margin: 40px 0 0;}
.section022 .items.sec{display: grid; grid-template-columns:  5fr 3fr 3fr; gap:30px; margin: 100px 0 0;}
.section022 .items img{width: 100%; border-radius: 10px; height: 164px; object-fit: cover; display: block;}
.section022 .items .big img{height: 328px;}
.section022 .items.sec .big{position: relative; top: -164px; margin-bottom: -160px;}
.section022 .items .title{font-size: 22px; display: block; font-weight: 500; margin-top: 16px;}
.section022 .items p{font-size: 16px; line-height: 20px;}

/* =========================
   🧭 Секция 08 — Тур
   ========================= */
.section08 {position: relative; }
.section08 .wrap {}
.section08 img {width: 100%; display: block; height: 700px; object-fit: cover; }
.section08 .btn {color: #fff; font-size: 16px; line-height: 1.55; font-weight: 500; border-radius: 10px 10px 10px 10px; background-color: #246c2d; background-position: center center;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 72px; line-height: 72px; padding: 0 30px; display: inline-block; text-decoration: none; position: absolute; top: 50%; left: 50%; margin-top: -36px; margin-left: -150px;}
.section08 .btn:before{display: inline-block; width: 15px; height: 17px; background: url('res/play.svg'); margin-right: 17px; content: ''; background-size: contain; position: relative; top: 1px; }
	.section08 .btn:hover{background: #148121;}


/* =========================
   🏘️ Секция 09 — Проекты домов
   ========================= */
.section09 {margin: 70px 0;}
.section09 .wrap {}
.section09 .wrap .title {}
.section09 .wrap .grid {display: block; grid-template-columns: repeat(3, 1fr); gap:16px; margin-top: 30px; }
.section09 .wrap .grid .item {border:1px solid #ddd; border-radius: 10px; position: relative; width: 376px; overflow: hidden;}
.section09 .wrap .grid .slick-slide {padding-right: 15px;}
.section09 .wrap .grid .slick-prev{width: 32px; height: 32px; border-radius: 32px; background: url('res/arl.svg'); background-size: 32px; font-size: 0; left: -50px; transform: rotate(180deg); margin-top: -16px;}
.section09 .wrap .grid .slick-next{width: 32px; height: 32px; border-radius: 32px; background: url('res/arr.svg'); background-size: 32px; font-size: 0; right: -50px; }
.section09 .wrap .grid .item img {width: 100%; height: 228px; object-fit: cover;}
.section09 .wrap .grid .item a{color: #222; text-decoration: none; display: block;}
.section09 .wrap .grid .item .label {font-size: 14px; line-height: 19px; line-height: 36px;border-radius: 5px; background: #246c2d; padding: 0 16px; display: inline-block; position: absolute; top: 20px; left: 20px; color: #fff;}
.section09 .wrap .grid .item .title {font-size: 36px; font-weight: 500; display: block; padding: 15px 16px;}
.section09 .wrap .grid .item ul {display: grid; grid-template-columns: repeat(3, 1fr); margin: 5px 16px; padding: 0; list-style: none;}
.section09 .wrap .grid .item ul li {display: block; border-right:1px solid #ddd; margin: 0; padding: 0 10px; padding-bottom: 50px; position: relative; }
.section09 .wrap .grid .item ul li:last-child{ border-right: none}
.section09 .wrap .grid .item ul li span {font-size: 15px; font-weight: 500; color: #575757; line-height: 21px; display: block; }
.section09 .wrap .grid .item ul li .num {font-size: 26px; color: #242424; font-weight: 600; position: absolute; bottom: 0; left: 10px;}
.section09 .wrap .grid .item .price {color: #246c2d; font-size: 24px; font-weight: 500; display: block; padding-left: 16px; margin-top: 40px; }
.section09 .wrap .grid .item .price span { font-size: 36px; font-weight: 600;}
.section09 .wrap .grid .item .btn {color: #fff; font-size: 16px; line-height: 1.55; font-weight: 500; border-radius: 0 0 10px 10px; background-color: #246c2d; background-position: center center;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 59px; line-height: 59px; padding: 0; display: inline-block; text-decoration: none; width: 100%; text-align: center; margin-top: 20px; }
	.section09 .btn:hover{background: #148121;}


/* =========================
   💰 Секция 10 — Кредитование
   ========================= */
.section10 {background: #eef0f0; padding: 70px 0 60px;}
.section10 .wrap {}
.section10 .wrap .title {}
.section10 .wrap p {font-size: 20px; line-height: 27px; opacity: 0.7}
.section10 .wrap .grid {display: grid; grid-template-columns: repeat(4, 1fr); gap:16px; }
.section10 .wrap .grid .item {background: #fff; border-radius: 10px; height: 228px; background: #fff url('res/c.jpg') 30px 30px no-repeat;justify-content: flex-end; display: flex; 
  align-items: flex-start; padding: 30px; font-size: 26px; font-weight: 600;flex-direction: column}
.section10 .wrap .grid .item .small {display: block; font-size: 16px; margin-top: 10px; margin-bottom: 3px; 	}


/* =========================
   📰 Секция 11 — Новости
   ========================= */
.section11 {background: #eef0f0; padding: 70px 0 60px;}
.section11.single {padding: 20px 0 40px; margin-bottom: 0;}
.section11 .wrap {}
.section11 .wrap .flex {display: flex; justify-content: space-between; align-items: center;}
.section11 .wrap .flex .title {font-size: 33px; }
.section11 .wrap .btn {color: #246c2d; font-size: 16px; font-family: 'Manrope', Arial, sans-serif; line-height: 1.55; font-weight: 600; border-width: 1px; border-radius: 10px 10px 10px 10px; background-position: center center; border-color: #246c2d; border-style: solid; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-decoration: none; height: 58px; line-height: 58px; display: inline-block; padding: 0; margin-top: 10px; width: 160px; text-align: center; }
.section11 .wrap .flex .btn:hover{color: #fff; background: #246c2d;}
.section11 .wrap .grid {display: block; grid-template-columns: repeat(3, 1fr); gap:16px; margin-top: 40px; }
.section11 .wrap .grid.items {display: grid; grid-template-columns: repeat(3, 1fr); gap:16px; margin-top: 40px; }
.section11 .wrap .grid .item {background: #fff; border-radius: 10px; padding: 16px; width: 100%; box-sizing: border-box;}
.section11 .wrap .grid .slick-slide {padding-right: 15px; position: relative;} 
.section11 .wrap .grid .item img {width: 100%; height: 250px; object-fit: cover; border-radius:10px; margin-bottom: 15px; }
.section11 .wrap .grid .item a{color: #222; text-decoration: none; display: block;}
.section11 .wrap .grid .item .title {font-size: 24px; line-height: 35px; font-weight: 600; display: block; height: 70px;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2;}
.section11 .wrap .grid .item .date {display: block;     color: #575757;
    font-size: 15px; font-weight: 500; margin: 10px 0; }
.section11 .wrap .grid .item .btn {color: #246c2d; font-size: 16px; font-family: 'Manrope', Arial, sans-serif; line-height: 1.55; font-weight: 600; border-width: 1px; border-radius: 10px 10px 10px 10px; background-position: center center; border-color: #246c2d; border-style: solid; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-decoration: none; height: 58px; line-height: 58px; display: inline-block; padding: 0; margin-top: 10px; width: 100%; text-align: center; }
.section11 .btn:hover{color: #fff !important; background: #246c2d; }
.section11 .wrap .grid .slick-prev{width: 32px; height: 32px; border-radius: 32px; background: url('res/arl.svg'); background-size: 32px; font-size: 0; left: -50px; transform: rotate(180deg);margin-top: -16px;}
.section11 .wrap .grid .slick-next{width: 32px; height: 32px; border-radius: 32px; background: url('res/arr.svg'); background-size: 32px; font-size: 0; right: -50px;}

/* =========================
   📸 Секция 12 — Instagram
   ========================= */
.section12 {margin: 70px 0; text-align: center; }
.section12 .wrap {}
.section12 .wrap .title {}
.section12 .wrap p {    font-size: 20px; line-height: 27px; opacity: 0.7;}
.section12 .wrap .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap:16px; margin-top: 40px;}
.section12 .wrap .grid .item {height: 429px; position: relative; }
.section12 .wrap .grid .item a {border-radius: 10px; }
.section12 .wrap .grid .item a:after{display: block; content: ''; position: absolute; left: 0;  right: 0; top: 0;  bottom: 0; background: url('res/playy.svg') center no-repeat; background-size: 59px}
.section12 .wrap .grid .item a img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px}


/* =========================
   🖼️ Секция 13 — Галерея
   ========================= */
.section13 {margin: 60px 0;}
.section13.gray {padding: 40px 0; margin: 0; background: #eef0f2;}
.section13 .wrap {}
.section13 .wrap .carousel {}
.section13 .wrap .carousel a {display: block;}
.section13 .wrap .carousel a img {height: 550px; width: 100%; display: block; object-fit: cover; border-radius: 10px}
.section13 .wrap .carousel .slick-prev{width: 32px; height: 32px; border-radius: 32px; background: url('res/arl.svg'); background-size: 32px; font-size: 0; left: -50px; transform: rotate(180deg);margin-top: -16px;}
.section13 .wrap .carousel .slick-next{width: 32px; height: 32px; border-radius: 32px; background: url('res/arr.svg'); background-size: 32px; font-size: 0; right: -50px;}
.section13 .slick-dots{bottom: 30px;}
.section13 .slick-dots li button{background: #666; width: 10px; height: 10px; border-radius: 10px}
.section13 .slick-dots li.slick-active button{background: #999;}

.section13 .wrap .title{margin-bottom: 20px; display: block; width: var(--main-col); margin: 20px auto 20px;}

/* =========================
   🗺️ Секция 14 — Карта
   ========================= */
.section14 {height: 440px; position: relative; }
.section14 img {}
.section14 .wrap {position: absolute; width: 280px; margin: 0; left: 50%; margin-left: -140px; bottom: 70px; }
.section14 .wrap .btn {color: #fff; font-size: 16px; line-height: 1.55; font-weight: 500; border-radius: 10px 10px 10px 10px; background-color: #246c2d; background-position: center center;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; height: 72px; line-height: 72px; padding: 0; display: inline-block; text-decoration: none; width: 280px; text-align: center; } 
	.section14 .wrap .btn:hover{background: #148121;}


/* =========================
   🔚 Footer
   ========================= */
.footer {background: #eef0f2; padding: 60px 0 40px;}
.footer .wrap {}
.footer .wrap .top {display: flex; justify-content: space-between; }
.footer .wrap .top .soc {margin: 0;  padding: 0; list-style: none; width: 120px; }
.footer .wrap .top .soc li {margin: 0 10px 10px 0;  padding: 0;list-style: none; display: inline-block; height: 48px; }
.footer .wrap .top .soc li a {width: 48px; height: 48px; border-radius: 48px; background: #7b8c9d; display: block;line-height: 44px; text-align: center; }
.footer .wrap .top .soc li a img {width: 25px; vertical-align: middle; line-height: 46px; }
.footer .wrap .top .tel,
.footer .wrap .top .mail{color: #3a3f55; font-size: 18px; font-weight: 700; opacity: 0.6; display: inline-block;text-decoration: none; height: 20px;}
.footer .wrap .top ul {margin: 0;  padding: 0; list-style: none; }
.footer .wrap .top ul li {color: #7b8c9d; font-size: 12px; margin-bottom: 15px; text-transform: uppercase; }
.footer .wrap .top ul li a {color: #7b8c9d;  text-decoration: none; }
.footer .wrap .top .btn {color: #246c2d; font-size: 16px; font-family: 'Manrope', Arial, sans-serif; line-height: 1.55; font-weight: 600; border-width: 1px; border-radius: 10px 10px 10px 10px; background-position: center center; border-color: #246c2d; border-style: solid; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-decoration: none; height: 52px; line-height: 52px; display: inline-block; padding: 0; margin-top: 0; width: 240px; text-align: center; }
.footer .wrap .top .btn:hover{color: #fff; background: #246c2d;}
.footer .wrap .bot {color: #7b8c9d; font-size: 12px; display: flex; justify-content: space-between; margin-top: -30px;}
.footer .wrap .bot .left {display: flex; gap:100px}
.footer .wrap .bot .left p {margin: 0;}
.footer .wrap .bot .left a {color: #7b8c9d; text-decoration: none; }
.footer .wrap .bot > p {margin: 0; position: relative; top: -20px; }

.fixmenutgl{position: fixed; top: 13px; right: 13px; width: 48px; height: 48px; z-index: 2; border-radius: 48px; background: #246c2d url('res/menu.png') center no-repeat; font-size: 0; display: none;}


.fixmenu{position: fixed; top: 0; bottom: 0; right: 0; width: 210px; padding: 25px; background: #246c2d; display: flex; flex-direction: column; justify-content: space-between; height: 100%; color: #fff; z-index: 3; box-sizing: border-box; display: none;}
.fixmenu.fix{display: flex;}
.fixmenu a{color: #fff; text-decoration: none;}
.fixmenu .close{position: absolute; display: block; width: 40px; height: 40px; background: url('res/exx.png') center no-repeat; cursor: pointer; top: 5px; right: 5px; font-size: 0;}
.fixmenu a.logo img{max-width: 150px; display: none;}
.fixmenu .menu ul {margin: 20px 0; padding: 0; list-style: none;}
.fixmenu .menu ul li {display: block; margin-bottom: 14px;}
.fixmenu .menu ul li a {font-size: 18px; line-height: 22px; text-decoration: none; color: #fff;}
.fixmenu .tel{font-size: 13px;}
.fixmenu .soc{display: flex; list-style: none; margin: 30px 0 0; padding: 0; gap:8px}
.fixmenu .soc img{width: 23px;}



.screen-5{position: relative; z-index: 0}

.fancybox__content{padding: 0 !important; background: #000 !important;}



.wp-pagenavi{text-align: center; margin-top: 20px;}
.wp-pagenavi .pages{display: none;}
.wp-pagenavi a, .wp-pagenavi span{border:none !important}
.wp-pagenavi a{color: #7b8c9d;}























/* ≥ 1080px (стандартные десктопы Full HD) */
@media (max-width: 1199px) and (min-width: 1080px) {
 
:root {
  --main-col: 1080px;
}

.section{overflow: hidden;}
.section .wrap{position: relative; width: 1080px; margin: 0 auto;}


.header .wrap .bottom .left span{font-size: 24px}
.section07 .wrap {
    width: 490px;
    padding-left: 30px; left:220px}
    .section07 .wrap ul{display: grid; grid-auto-flow: column; grid-template-rows: 1fr 1fr 1fr; gap:10px}
    .section07 .wrap ul li{display: flex; gap:10px; margin:0 20px 0 0; align-items: center;}
    .section07 .wrap ul li img{height: 30px; width: 30px; margin: 0}

    .section14 .wrap{width: 300px; bottom: 50px; position: absolute; left: 0; right: 0; text-align: center;}
    .tab img{max-width: 100%}


.section02 .chesslider .slick-next{right: -16px; z-index: 2}
.section02 .chesslider .slick-prev{left: -16px; z-index: 2}
.section09 .wrap .grid .slick-next{right: -16px; z-index: 2}
.section09 .wrap .grid .slick-prev{left: -16px; z-index: 2}
.section11 .wrap .grid .slick-next{right: -16px; z-index: 2}
.section11 .wrap .grid .slick-prev{left: -16px; z-index: 2}
.section13 .wrap .carousel .slick-next{right: -16px; z-index: 2}
.section13 .wrap .carousel .slick-prev{left: -16px; z-index: 2}

.header .galery { width: calc(((100vw - var(--main-col)) / 2) + (var(--main-col) * 0.45)); }
}






/* ≥ 960px (ноутбуки и планшеты в горизонтали) */
@media (max-width: 1079px) and (min-width: 980px) {

:root {
  --main-col: 980px;
}
.section{overflow: hidden;}

.section .wrap > .title, .section .wrap .flex > .title, .section .wrap .left > .title, .section .wrap .top > .title{font-size: 32px}

.section .wrap{position: relative; width: 980px; margin: 0 auto;}


.header .wrap .bottom .left span{font-size: 24px}

.header .wrap .bottom .rightgrid .item{width: 190px}

.section07 .wrap { width: 490px; padding-left: 30px; left:220px}
.section07 .wrap ul{display: grid; grid-auto-flow: column; grid-template-rows: 1fr 1fr 1fr; gap:10px}
.section07 .wrap ul li{display: flex; gap:10px; margin:0 20px 0 0; align-items: center;}
.section07 .wrap ul li img{height: 30px; width: 30px; margin: 0}

.section072 .slider{width: 450px}

.section14 .wrap{width: 300px; bottom: 50px; position: absolute; left: 0; right: 0; text-align: center;}
.tab img{max-width: 100%}

.section05.order.contacts ul{display: block;}
.section05.order.contacts .right{margin: 0 0 200px 0}
.section05.order .bottomcontact .flex{display: block;}



.section02 .chesslider .slick-next{right: -16px; z-index: 2}
.section02 .chesslider .slick-prev{left: -16px; z-index: 2}
.section09 .wrap .grid .slick-next{right: -16px; z-index: 2}
.section09 .wrap .grid .slick-prev{left: -16px; z-index: 2}
.section11 .wrap .grid .slick-next{right: -16px; z-index: 2}
.section11 .wrap .grid .slick-prev{left: -16px; z-index: 2}
.section13 .wrap .carousel .slick-next{right: -16px; z-index: 2}
.section13 .wrap .carousel .slick-prev{left: -16px; z-index: 2}

.header .galery { width: calc(((100vw - var(--main-col)) / 2) + (var(--main-col) * 0.40)); 
}

}

/* ≥ 720px (маленькие планшеты и крупные смартфоны) */
@media (max-width: 979px) and (min-width: 720px) {


.countbox{display: inline-block;}
:root {
  --main-col: 700px;
}
.section{overflow: hidden;}
.section .slick-dots li{width: 10px} 
.section .wrap .flex > .title,
.section .wrap .left > .title,
.section .wrap .top > .title,
.section .wrap > .title{ font-size: 18px; line-height: 28px; }
.section .wrap{position: relative; width: 700px; margin: 0 auto;}

.header .wrap {height: 560px}
.header .video{width: 100vw; background: url('res/fm.jpg') center bottom no-repeat; background-size: cover}
.header .video video{display: none;}
.header .bg{display: none;}
.header .wrap .title {margin: 0; margin-top: 80px; padding-right: 10px; font-size: 21px; line-height: 30px}

.header .wrap .top { flex-direction: row; padding: 0; height: 75px; background: #246c2d}
.header .wrap .top *{position: relative; z-index: 1}
.header .wrap .top:before{position: absolute; height: 75px; background: #246c2d; width: 100vw; margin-left:-50vw; left:50%; display: block; content:''; z-index: 0}
.header .wrap .top .left > div,
.header .wrap .top .left .btn{display: none;}
.header .wrap .top .right .logo img{width: 175px}

.header .wrap .rightmenu{display: none;}
.header .wrap .bottom .rightgrid{display: none;}
.header .wrap .bottom{padding: 10px 0}
.header .wrap .bottom .left span{font-size: 18px; line-height: 23px; margin-bottom: 20px; width: 320px}
	.header .wrap .bottom .left:before{ top: 24px; left: 103px; height: 24px; width: 106px;  }
	.header .wrap .bottom .left .btn {color: #fff; font-size: 16px; font-weight: 500; border-radius: 10px 10px 10px 10px; height: 60px; line-height: 60px; padding: 0 42px; }

.section01 .top {display: block; margin-bottom: 40px;}
.section01 .stripe {border-radius: 10px; background-color: #246c2d; display: block; height: auto; line-height: 20px; text-align: center; font-family: 'Montserrat',Arial,sans-serif;     font-weight: 700; font-size: 14px; text-transform: uppercase; color: #fff; padding: 15px 30px}
 
.section01 {margin: 50px 0;}
.section01 .top p br{display: none;}
.section01 .grid{grid-template-columns: 1fr 1fr 1fr; padding-top: 20px}
.section01 .grid .item{border:none; margin-bottom: 20px}
.section01 .grid .item span{margin-top: 10px; font-size: 16px; line-height: 19px}
.section01 .top{margin:0}


.section02 .chesslider{margin-top: 0}
.section02 .chesslider .grid {grid-template-columns: 1fr; }
.section02 .chesslider .text.pl{padding-left: 0; order: -1;}
.section02 .chesslider .text .title{font-size: 16px; text-transform: uppercase; margin-top: 20px}
.section02 .chesslider .text ul,
.section02 .chesslider .text p{font-size: 14px; line-height: 18px}
.section02 .chesslider .text p br{display: none;}
.section02 .chesslider .images img{height: 220px;  width: 100%}
.section02 .chesslider .slick-prev{top: auto; bottom: -70px; left: 0; margin: 0; margin-bottom: 16px; z-index: 2}
.section02 .chesslider .slick-next{top: auto; bottom: -70px; right: 0; margin: 0; z-index: 2}
.section02 .slick-dots{bottom: -50px}
.chesslider.slick-dotted.slick-slider{margin-bottom: 50px}

.section03 { margin: 60px 0 40px}
.section03 .label{display: none;}
.section03 .tabshead{display: none;}
.section03 .tabs .tab img{max-width: 100vw}
.section03 p{font-size: 14px; line-height: 19px}
.section03 .tabs .tab{min-height: auto; width: 100vw; position: relative; left: 50%; margin-left: -50vw}
.section03 .tabs .tab .btn{height: 56px; line-height: 56px; padding: 0 40px; display: inline-block; text-decoration: none; position: absolute; right: 50%; bottom: 36px; margin-right: -120px}

.section04 {margin: 40px 0;}
.section04 .numsgrid{grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: 20px}
.section04 .numsgrid .item{margin-bottom: 10px}
.section04 .numsgrid .item span{font-size: 16px; line-height: 20px}
.section04 .numsgrid .item .num{font-size: 50px; line-height: 80px; margin-bottom: 0}

.section05{padding: 50px 0;}
.section05.order .wrap{display: grid; grid-template-columns: auto auto}
.section05.order .right { width: 350px; box-sizing: border-box; padding: 20px; }
.section05.order.contacts .right {margin-bottom: 140px}
.section05.order .right .btns .btn { padding: 0 35px; }
.section05.order ul{margin-top: 20px;}
.section05.order ul li{font-size: 18px; line-height: 23px; padding-left: 50px}
.section05.order .right .form input.wpcf7-text{height: 60px; line-height: 60px; margin: 10px 0;}
.section05.order .right .form input[type="submit"]{height: 60px; line-height: 60px}

.section07 .wrap{padding-top: 50px}
.section07 .left.slider{position: relative; width: 700px; height: 320px; margin:0 auto; border-radius: 10px; overflow: hidden;}
.section07 .wrap{left:0; padding-left: 0}
.section07 .wrap p{font-size: 14px; line-height: 20px}
.section07 .wrap ul{grid-auto-flow: column; grid-template-rows: 1fr 1fr 1fr; gap:10px}
.section07 .wrap ul li{display: flex; font-size: 14px; line-height: 20px; align-items: center; margin-bottom: 0}
.section07 .wrap ul li img{    margin-right: 10px; height: 32px; width: 32px;}

.section08 img{height: 526px}

.section09{margin:50px 0}
.section09 .wrap .title br{display: none;}
.section09 .wrap .grid .item{width: 100%}
.section09 .wrap .grid .slick-slide{padding-right: 0}
.section09 .wrap .grid .item{box-sizing: border-box;}
.section09 .wrap .grid .slick-next{right: -16px; z-index: 2}
.section09 .wrap .grid .slick-prev{left: -16px; z-index: 2}

.section10 .wrap .title br{display: none;}
.section10 .wrap p{font-size: 16px; line-height: 22px}
.section10 .wrap .grid{grid-template-columns: 1fr 1fr 1fr 1fr; padding-top: 85px; background: url(res/bm.png) top center no-repeat; gap:0}
.section10 .wrap .grid .item { height: auto; background: transparent; display: block; text-align: center; padding: 0 10px; font-size: 16px; line-height: 18px; font-weight: 600; }
.section10 .wrap .grid .item:before{    border-width: 1px; display: block; width: 42px; height: 42px; border-radius: 42px; content: ''; background-position: center center; border-color: rgba(36, 108, 45, 0.2); border-style: solid; background: url('res/ch.svg') center no-repeat; background-size: 20px; margin: 15px auto 15px}
.section10 .wrap .grid .item:before{}
.section10 .wrap .grid .item .small{font-size: 12px}


.section11{padding: 50px 0 40px}
.section11 .wrap .title{max-width: 320px}
.section11 .wrap #moveto1{margin: 20px 16px 0}
.section11 .wrap .grid{margin-top: 20px}
.section11 .wrap .grid .slick-slide{padding-right: 0;}
.section11 .wrap .btn{width: 100%}
.section11 .wrap .grid .slick-next{right: -16px; z-index: 2}
.section11 .wrap .grid .slick-prev{left: -16px; z-index: 2}

.section12{margin: 50px 0; text-align: left}
.section12 .wrap p{font-size: 16px; line-height: 22px;max-width: 320px}
.section12 .wrap .grid{display: block; margin-top:20px; margin-bottom: 0}

.section13{margin: 0}
.section13 .wrap{width: 100vw}
.section13 .wrap .carousel a img{border-radius: 0; height: 430px}
.section13 .wrap .carousel{margin-bottom: -10px}

.section05.order.contacts ul{grid-template-columns: 1fr; gap:0; margin-top: 30px}
.section05.order .bottomcontact{margin: 0 0 30px}
.section05.order .bottomcontact .title{font-size: 22px; line-height: 30px}
.section05.order .bottomcontact .flex{display: grid; grid-template-columns: auto auto; gap:2px}
.section05.order .bottomcontact .flex p:first-child{grid-column: span 2;}
.section05.order .bottomcontact .flex span{margin-bottom: 6px}

.section14 .wrap{margin-left: 0; margin-right: 0; width: auto; left:0; text-align: center; bottom: 90px}
.section14 .wrap .btn { height: 58px; line-height: 58px; 
    width: 240px;}


.footer {background: #eef0f2; padding: 40px 0 40px;}
.footer .wrap .top{display: grid; grid-template-columns: 1fr 1fr;}
.footer .wrap .top .soc{grid-column: span 2; width: 100%; text-align: center; order: 2; columns: 1; margin-bottom: 10px}
.footer .wrap .top ul{order: 2; columns: 2; gap:5px; grid-column: span 2; margin: 20px 0}
.footer .wrap .top a{order: 2}
.footer .wrap .top .btn{order: 1; margin: 0 0 20px 50px; display: block;grid-column: span 2;}

.footer .wrap .bot { margin-top: 10px; display: block;}
.footer .wrap .bot .left {display: block; gap:100px}
.footer .wrap .bot > p {margin: 0; position: relative; top: 0; }
.footer .wrap .bot a {margin-top: 20px; display: block;}
.footer .wrap .bot p {margin-top: 20px}

.section072 .grid{display: grid; grid-template-columns: 1fr; margin: 40px 0 0; }
.section072 .grid .slider{order:2; height:auto;width: 700px;}
.section072 .grid .slider img{max-width: 700px; object-fit: cover;}


.section11 .wrap .grid.items {display: grid; grid-template-columns: repeat(2, 1fr); }


.header.arenda .wrap .top{width: 100%; padding: 0}
.header .galery{display: none;}

.section072.second .grid{grid-template-columns: 1fr}
.section022 .items{grid-template-columns: 1fr}
.section022 .items.sec{grid-template-columns: 1fr}
.section022 .items.sec .big{top: 0; margin: 0}

.section05.order.popform{width: 350px; grid-template-columns: 1fr; margin-left: -175px}
.section05.order.popform .wrap{width: 350px; grid-template-columns: 1fr;}
.section05.order.popform .wrap .slider.left{display: none;}
.section05.order.popform .right{width: 350px; border-radius: 10px}
}












/* ≥ 460px (большие смартфоны) */
@media (max-width: 719px) and (min-width: 460px) {

.countbox{display: inline-block;}
:root {
  --main-col: 440px;
}
.section .slick-dots li{width: 10px}
.section{width: 100vw; overflow: hidden;}
.section .wrap .flex > .title,
.section .wrap .left > .title,
.section .wrap .top > .title,

.section.single h2,
.section .wrap > .title{ font-size: 18px; line-height: 28px; }
.section .wrap{position: relative; width: 440px; margin: 0 auto;}

.header .wrap {height: 560px}
.header .video{width: 100vw; background: url('res/fm.jpg') center bottom no-repeat; background-size: 750px}
.header .video video{display: none;}
.header .bg{display: none;}
.header .wrap .title {margin: 0; margin-top: 80px; padding-right: 10px; font-size: 21px; line-height: 30px}

.header .wrap .top { flex-direction: row; padding: 0; height: 75px; background: #246c2d}
.header .wrap .top *{position: relative; z-index: 1}
.header .wrap .top:before{position: absolute; height: 75px; background: #246c2d; width: 100vw; margin-left:-50vw; left:50%; display: block; content:''; z-index: 0}
.header .wrap .top .left > div,
.header .wrap .top .left .btn{display: none;}
.header .wrap .top .right .logo img{width: 175px}

.header .wrap .rightmenu{display: none;}
.header .wrap .bottom .rightgrid{display: none;}
.header .wrap .bottom{padding: 10px 0}
.header .wrap .bottom .left span{font-size: 18px; line-height: 23px; margin-bottom: 20px; width: 320px}
	.header .wrap .bottom .left:before{ top: 24px; left: 103px; height: 24px; width: 106px;  }
	.header .wrap .bottom .left .btn {color: #fff; font-size: 16px; font-weight: 500; border-radius: 10px 10px 10px 10px; height: 60px; line-height: 60px; padding: 0 42px; }
	.headerfix .wrap .right {display: none}

.section01 .top {display: block; margin-bottom: 40px;}
.section01 .stripe {border-radius: 10px; background-color: #246c2d; display: block; height: auto; line-height: 20px; text-align: center; font-family: 'Montserrat',Arial,sans-serif;     font-weight: 700; font-size: 14px; text-transform: uppercase; color: #fff; padding: 15px 30px}
 
.section01 {margin: 50px 0;}
.section01 .top p br{display: none;}
.section01 .grid{grid-template-columns: 1fr 1fr; padding-top: 20px}
.section01 .grid .item{border:none; margin-bottom: 20px}
.section01 .grid .item span{margin-top: 10px; font-size: 16px; line-height: 19px}
.section01 .top{margin:0}


.section02 .chesslider{margin-top: 0}
.section02 .chesslider .grid {grid-template-columns: 1fr; }
.section02 .chesslider .text.pl{padding-left: 0; order: -1;}
.section02 .chesslider .text .title{font-size: 16px; text-transform: uppercase; margin-top: 20px}
.section02 .chesslider .text ul,
.section02 .chesslider .text p{font-size: 14px; line-height: 18px}
.section02 .chesslider .text p br{display: none;}
.section02 .chesslider .images img{height: 220px;  width: 100%}
.section02 .chesslider .slick-prev{top: auto; bottom: -70px; left: 0; margin: 0; margin-bottom: 16px; z-index: 2}
.section02 .chesslider .slick-next{top: auto; bottom: -70px; right: 0; margin: 0; z-index: 2}
.section02 .slick-dots{bottom: -50px}
.chesslider.slick-dotted.slick-slider{margin-bottom: 50px}

.section03 { margin: 60px 0 40px}
.section03 .label{display: none;}
.section03 .tabshead{display: none;}
.section03 .tabs .tab{overflow: scroll;}
.section03 .tabs .tab img{width:1000px !important; }
.section03 .tabs .tab svg{width:1000px !important; }
.section03 p{font-size: 14px; line-height: 19px}
.section03 .tabs .tab{min-height: auto; width: 100vw; position: relative; left: 50%; margin-left: -50vw}
.section03 .tabs .tab .btn{height: 56px; line-height: 56px; padding: 0 40px; display: inline-block; text-decoration: none; position: absolute; right: 50%; bottom: 36px; margin-right: -120px}

.section04 {margin: 40px 0;}
.section04 .numsgrid{grid-template-columns: 1fr 1fr; margin-top: 20px}
.section04 .numsgrid .item{margin-bottom: 10px}
.section04 .numsgrid .item span{font-size: 16px; line-height: 20px}
.section04 .numsgrid .item .num{font-size: 50px; line-height: 80px; margin-bottom: 0}

.section05{padding: 50px 0;}
.section05.order .wrap{display: block;}
.section05.order .right { width: 440px; box-sizing: border-box;
    padding: 20px; }
.section05.order .right .btns .btn { padding: 0 55px; }
.section05.order ul{margin-top: 20px;}
.section05.order ul li{font-size: 18px; line-height: 23px; padding-left: 50px}
.section05.order .right .form input.wpcf7-text{height: 60px; line-height: 60px; margin: 10px 0;}
.section05.order .right .form input[type="submit"]{height: 60px; line-height: 60px}

.section07 .wrap{padding-top: 50px}
.section07 .left.slider{position: relative; width: 440px; height: 320px; margin:0 auto; border-radius: 10px; overflow: hidden;}
.section07 .wrap{left:0; padding-left: 0}
.section07 .wrap p{font-size: 14px; line-height: 20px}
.section07 .wrap ul{grid-auto-flow: column; grid-template-rows: 1fr 1fr 1fr; gap:10px}
.section07 .wrap ul li{display: flex; font-size: 14px; line-height: 20px; align-items: center; margin-bottom: 0}
.section07 .wrap ul li img{    margin-right: 10px; height: 32px; width: 32px;}

.section08 img{height: 526px}

.section09{margin:50px 0}
.section09 .wrap .title br{display: none;}
.section09 .wrap .grid .item{width: 100%}
.section09 .wrap .grid .slick-slide{padding-right: 0}
.section09 .wrap .grid .item{box-sizing: border-box;}
.section09 .wrap .grid .slick-next{right: -15px; z-index: 2; top: 112px}
.section09 .wrap .grid .slick-prev{left: -15px; z-index: 2; top: 112px}

.section10 .wrap .title br{display: none;}
.section10 .wrap p{font-size: 16px; line-height: 22px}
.section10 .wrap .grid{grid-template-columns: 1fr 1fr; padding-top: 85px; background: url(res/bm.png) top center no-repeat; gap:0}
.section10 .wrap .grid .item { height: auto; background: transparent; display: block; text-align: center; padding: 0 10px; font-size: 16px; line-height: 18px; font-weight: 600; }
.section10 .wrap .grid .item:before{    border-width: 1px; display: block; width: 42px; height: 42px; border-radius: 42px; content: ''; background-position: center center; border-color: rgba(36, 108, 45, 0.2); border-style: solid; background: url('res/ch.svg') center no-repeat; background-size: 20px; margin: 15px auto 15px}
.section10 .wrap .grid .item:before{}
.section10 .wrap .grid .item .small{font-size: 12px}


.section11{padding: 50px 0 40px}
.section11 .wrap .title{max-width: 320px}
.section11 .wrap #moveto1{margin: 20px 16px 0}
.section11 .wrap .grid{margin-top: 20px}
.section11 .wrap .grid .slick-slide{padding-right: 0;}
.section11 .wrap .btn{width: 100%}
.section11 .wrap .grid .slick-next{right: 1px; z-index: 2; top: 150px;}
.section11 .wrap .grid .slick-prev{left: 1px; z-index: 2; top: 150px;}

.section11 .wrap .grid.items {display: grid; grid-template-columns: 1fr; }

.section12{margin: 50px 0; text-align: left}
.section12 .wrap p{font-size: 16px; line-height: 22px;max-width: 320px}
.section12 .wrap .grid{display: block; margin-top:20px; margin-bottom: 0}

.section13{margin: 0}
.section13 .wrap{width: 100vw}
.section13 .wrap .carousel a img{border-radius: 0; height: 430px}
.section13 .wrap .carousel{margin-bottom: -10px}

.section05.order.contacts ul{grid-template-columns: 1fr; gap:0; margin-top: 30px}
.section05.order .bottomcontact{margin: 0 0 30px}
.section05.order .bottomcontact .title{font-size: 22px; line-height: 30px}
.section05.order .bottomcontact .flex{display: grid; grid-template-columns: auto auto; gap:2px}
.section05.order .bottomcontact .flex p:first-child{grid-column: span 2;}
.section05.order .bottomcontact .flex span{margin-bottom: 6px}

.section14 .wrap{margin-left: 0; margin-right: 0; width: auto; left:0; text-align: center; bottom: 90px}
.section14 .wrap .btn { height: 58px; line-height: 58px; 
    width: 240px;}


.footer {background: #eef0f2; padding: 40px 0 40px;}
.footer .wrap .top{display: grid; grid-template-columns: 1fr 1fr;}
.footer .wrap .top .soc{grid-column: span 2; width: 100%; text-align: center; order: 2; columns: 1; margin-bottom: 10px}
.footer .wrap .top ul{order: 2; columns: 2; gap:5px; grid-column: span 2; margin: 20px 0}
.footer .wrap .top a{order: 2}
.footer .wrap .top .btn{order: 1; margin: 0 0 20px 50px; display: block;grid-column: span 2;}

.footer .wrap .bot { margin-top: 10px; display: block;}
.footer .wrap .bot .left {display: block; gap:100px}
.footer .wrap .bot > p {margin: 0; position: relative; top: 0; }
.footer .wrap .bot a {margin-top: 20px; display: block;}
.footer .wrap .bot p {margin-top: 20px}


.section072 .grid{display: grid; grid-template-columns: 1fr; margin: 40px 0 0; }
.section072 .grid .slider{order:2; height:auto;width: 440px;}
.section072 .grid .slider img{max-width: 440px; height: 300px; object-fit: cover;}

 
.section.single.project .cols{display: grid; grid-template-columns: 1fr; gap:20px}
.section.single.project h1,
.section.single.project .title{margin: 0; font-size: 24px}
.section.single.project .cols img{width: 100%; border-radius: 10px} 
.section.single.project .cols .right .top{display: block;}
.section.single.project .cols .right .infcols{display: block; }
.section.single.project .cols .right .infcols .col{min-width: 200px; margin-bottom: 10px}
.section.single.project .cols .right .infcols span{display: block; color: #575757; font-size: 15px; font-weight: 500;}
.section.single.project .cols .right .infcols .price{ color: #246c2d; font-size: 24px;}
.section.single.project .cols .right .infcols .price b{font-size: 30px; font-weight: 600;}
.section.single.project .cols .right p{color: #575757; font-size: 15px;}
.section.single.project .cols .left{position: relative;}

.section.single.project .cols .left > a img{height: auto; object-fit: cover;}


.section.single.project .cols .gal img{height: 64px; display: block; border-radius: 4px;}
.section.single.project .cols ul.list{columns: 1}

.section.single.project .cols ul.params {display: grid; grid-template-columns: repeat(3, 1fr); gap:20px}
.section.single.project .cols ul.params li:nth-child(3){border:none}


.header.arenda .wrap .top{width: 100%; padding: 0}
.header .galery{display: none;}

.section072.second .grid{grid-template-columns: 1fr}
.section022 .items{grid-template-columns: 1fr}
.section022 .items.sec{grid-template-columns: 1fr}
.section022 .items.sec .big{top: 0; margin: 0}

.section05.order.popform{width: 350px; grid-template-columns: 1fr; margin-left: -175px}
.section05.order.popform .wrap{width: 350px; grid-template-columns: 1fr;}
.section05.order.popform .wrap .slider.left{display: none;}
.section05.order.popform .right{width: 350px; border-radius: 10px}

.header.arenda .wrap .title{width: auto;}
.header.arenda .wrap .top div{display: none;}


.header .galery {width: 100vw; opacity: 0.3; display: block;}
}








/* ≥ 360px (обычные смартфоны) */
@media (max-width: 459px) and (min-width: 360px) {

.header.arenda .wrap .top div{display: none;}
.countbox{display: block; text-align: center; padding: 10px}
:root {
  --main-col: 350px;
}
.section .slick-dots li{width: 10px}

.section{width: 100vw; overflow: hidden;}
.section .wrap .flex > .title,
.section .wrap .left > .title,
.section .wrap .top > .title,
.section.single h2,
.section .wrap > .title{ font-size: 18px; line-height: 28px; }
.section .wrap{position: relative; width: 350px; margin: 0 auto;}

.header .wrap {height: 560px}
.header .video{width: 100vw; background: url('res/fm.jpg') center bottom no-repeat; background-size: 750px}
.header .video video{display: none;}
.header .bg{display: none;}
.header .wrap .title {margin: 0; margin-top: 80px; padding-right: 10px; font-size: 21px; line-height: 30px}

.header .wrap .top { flex-direction: row; padding: 0; height: 75px; background: #246c2d}
.header .wrap .top *{position: relative; z-index: 1}
.header .wrap .top:before{position: absolute; height: 75px; background: #246c2d; width: 100vw; margin-left:-50vw; left:50%; display: block; content:''; z-index: 0}
.header .wrap .top .left > div,
.header .wrap .top .left .btn{display: none;}
.header .wrap .top .right .logo img{width: 175px}

.header .wrap .rightmenu{display: none;}
.header .wrap .bottom .rightgrid{display: none;}
.header .wrap .bottom{padding: 10px 0}
.header .wrap .bottom .left span{font-size: 18px; line-height: 23px; margin-bottom: 20px; width: 320px}
	.header .wrap .bottom .left:before{ top: 24px; left: 103px; height: 24px; width: 106px;  }
	.header .wrap .bottom .left .btn {color: #fff; font-size: 16px; font-weight: 500; border-radius: 10px 10px 10px 10px; height: 60px; line-height: 60px; padding: 0 42px; }

	.headerfix .wrap .right {display: none}

.section01 .top {display: block; margin-bottom: 40px;}
.section01 .stripe {border-radius: 10px; background-color: #246c2d; display: block; height: auto; line-height: 20px; text-align: center; font-family: 'Montserrat',Arial,sans-serif;     font-weight: 700; font-size: 14px; text-transform: uppercase; color: #fff; padding: 15px 30px}
 
.section01 {margin: 50px 0;}
.section01 .top p br{display: none;}
.section01 .grid{grid-template-columns: 1fr 1fr; padding-top: 20px}
.section01 .grid .item{border:none; margin-bottom: 20px}
.section01 .grid .item span{margin-top: 10px; font-size: 16px; line-height: 19px}
.section01 .top{margin:0}


.section02 .chesslider{margin-top: 0}
.section02 .chesslider .grid {grid-template-columns: 1fr; }
.section02 .chesslider .text.pl{padding-left: 0; order: -1;}
.section02 .chesslider .text .title{font-size: 16px; text-transform: uppercase; margin-top: 20px}
.section02 .chesslider .text ul,
.section02 .chesslider .text p{font-size: 14px; line-height: 18px}
.section02 .chesslider .text p br{display: none;}
.section02 .chesslider .images img{height: 220px;}
.section02 .chesslider .slick-prev{top: auto; bottom: -70px; left: 0; margin: 0; margin-bottom: 16px; z-index: 2}
.section02 .chesslider .slick-next{top: auto; bottom: -70px; right: 0; margin: 0; z-index: 2}
.section02 .slick-dots{bottom: -50px}
.chesslider.slick-dotted.slick-slider{margin-bottom: 50px}

.section03 { margin: 60px 0 40px}
.section03 .label{display: none;}
.section03 .tabshead{display: none;}
.section03 .tabs .tab{overflow: scroll;}
.section03 .tabs .tab img{width:1000px !important; }
.section03 .tabs .tab svg{width:1000px !important; }
.section03 p{font-size: 14px; line-height: 19px}
.section03 .tabs .tab{min-height: auto; width: 100vw; position: relative; left: 50%; margin-left: -50vw}
.section03 .tabs .tab .btn{height: 56px; line-height: 56px; padding: 0 40px; display: inline-block; text-decoration: none; position: absolute; right: 50%; bottom: 36px; margin-right: -120px}

.section04 {margin: 40px 0;}
.section04 .numsgrid{grid-template-columns: 1fr 1fr; margin-top: 20px}
.section04 .numsgrid .item{margin-bottom: 10px}
.section04 .numsgrid .item span{font-size: 16px; line-height: 20px}
.section04 .numsgrid .item .num{font-size: 50px; line-height: 80px; margin-bottom: 0}

.section05{padding: 50px 0;}
.section05.order .wrap{display: block;}
.section05.order .right { width: 350px; box-sizing: border-box;
    padding: 20px; }
.section05.order .right .btns .btn { padding: 0 35px; }
.section05.order ul{margin-top: 20px;}
.section05.order ul li{font-size: 18px; line-height: 23px; padding-left: 50px}
.section05.order .right .form input.wpcf7-text{height: 60px; line-height: 60px; margin: 10px 0;}
.section05.order .right .form input[type="submit"]{height: 60px; line-height: 60px}

.section07 .wrap{padding-top: 50px}
.section07 .left.slider{position: relative; width: 350px; height: 320px; margin:0 auto; border-radius: 10px; overflow: hidden;}
.section07 .wrap{left:0; padding-left: 0}
.section07 .wrap p{font-size: 14px; line-height: 20px}
.section07 .wrap ul{grid-auto-flow: column; grid-template-rows: 1fr 1fr 1fr; gap:10px}
.section07 .wrap ul li{display: flex; font-size: 14px; line-height: 20px; align-items: center; margin-bottom: 0}
.section07 .wrap ul li img{    margin-right: 10px; height: 32px; width: 32px;}

.section08 img{height: 526px}

.section09{margin:50px 0}
.section09 .wrap .title br{display: none;}
.section09 .wrap .grid .item{width: 100%}
.section09 .wrap .grid .slick-slide{padding-right: 0}

.section09 .wrap .grid .item{box-sizing: border-box;}
.section09 .wrap .grid .slick-next{right: -15px; z-index: 2; top: 112px}
.section09 .wrap .grid .slick-prev{left: -15px; z-index: 2; top: 112px}


.section10 .wrap .title br{display: none;}
.section10 .wrap p{font-size: 16px; line-height: 22px}
.section10 .wrap .grid{grid-template-columns: 1fr 1fr; padding-top: 85px; background: url(res/bm.png) top center no-repeat; gap:0}
.section10 .wrap .grid .item { height: auto; background: transparent; display: block; text-align: center; padding: 0 10px; font-size: 16px; line-height: 18px; font-weight: 600; }
.section10 .wrap .grid .item:before{    border-width: 1px; display: block; width: 42px; height: 42px; border-radius: 42px; content: ''; background-position: center center; border-color: rgba(36, 108, 45, 0.2); border-style: solid; background: url('res/ch.svg') center no-repeat; background-size: 20px; margin: 15px auto 15px}
.section10 .wrap .grid .item:before{}
.section10 .wrap .grid .item .small{font-size: 12px}


.section11{padding: 50px 0 40px}
.section11 .wrap .title{max-width: 320px}
.section11 .wrap #moveto1{margin: 20px 16px 0}
.section11 .wrap .grid{margin-top: 20px}
.section11 .wrap .grid .slick-slide{padding-right: 0;}
.section11 .wrap .btn{width: 100%}

.section11 .wrap .grid .slick-next{right: 1px; z-index: 2; top: 150px;}
.section11 .wrap .grid .slick-prev{left: 1px; z-index: 2; top: 150px;}

.section11 .wrap .grid.items {display: grid; grid-template-columns: 1fr; }


.section12{margin: 50px 0; text-align: left}
.section12 .wrap p{font-size: 16px; line-height: 22px;max-width: 320px}
.section12 .wrap .grid{display: block; margin-top:20px; margin-bottom: 0}

.section13{margin: 0}
.section13 .wrap{width: 100vw}
.section13 .wrap .carousel a img{border-radius: 0; height: 430px}
.section13 .wrap .carousel{margin-bottom: -10px}


.section05.order.contacts ul{grid-template-columns: 1fr; gap:0; margin-top: 30px}
.section05.order .bottomcontact{margin: 0 0 30px}
.section05.order .bottomcontact .title{font-size: 22px; line-height: 30px}
.section05.order .bottomcontact .flex{display: grid; grid-template-columns: auto auto; gap:2px}
.section05.order .bottomcontact .flex p:first-child{grid-column: span 2;}
.section05.order .bottomcontact .flex span{margin-bottom: 6px}

.section14 .wrap{margin-left: 0; margin-right: 0; width: auto; left:0; text-align: center; bottom: 90px}
.section14 .wrap .btn { height: 58px; line-height: 58px; 
    width: 240px;}

.footer {background: #eef0f2; padding: 40px 0 40px;}
.footer .wrap .top{display: grid; grid-template-columns: 1fr 1fr;}
.footer .wrap .top .soc{grid-column: span 2; width: 100%; text-align: center; order: 2; columns: 1; margin-bottom: 10px}
.footer .wrap .top ul{order: 2; columns: 2; gap:5px; grid-column: span 2; margin: 20px 0}
.footer .wrap .top a{order: 2}
.footer .wrap .top .btn{order: 1; margin: 0 0 20px 50px; display: block;grid-column: span 2;}
.footer .wrap .top .tel, .footer .wrap .top .mail{font-size: 16px}

.footer .wrap .bot { margin-top: 10px; display: block;}
.footer .wrap .bot .left {display: block; gap:100px}
.footer .wrap .bot > p {margin: 0; position: relative; top: 0; }
.footer .wrap .bot a {margin-top: 20px; display: block;}
.footer .wrap .bot p {margin-top: 20px}


.section072 .grid{display: grid; grid-template-columns: 1fr; margin: 20px 0 0; }
.section072 .grid .slider{order:2; height:auto;width: 350px;}
.section072 .grid .slider img{max-width: 350px; height: 280px; object-fit: cover;}

 
.section.single.project .cols{display: grid; grid-template-columns: 1fr; gap:20px}
.section.single.project h1,
.section.single.project .title{margin: 0; font-size: 24px}
.section.single.project .cols img{width: 100%; border-radius: 10px} 
.section.single.project .cols .right .top{display: block;}
.section.single.project .cols .right .infcols{display: block; }
.section.single.project .cols .right .infcols .col{min-width: 200px; margin-bottom: 10px}
.section.single.project .cols .right .infcols span{display: block; color: #575757; font-size: 15px; font-weight: 500;}
.section.single.project .cols .right .infcols .price{ color: #246c2d; font-size: 24px;}
.section.single.project .cols .right .infcols .price b{font-size: 30px; font-weight: 600;}
.section.single.project .cols .right p{color: #575757; font-size: 15px;}
.section.single.project .cols .left{position: relative;}

.section.single.project .cols .left > a img{height: auto; object-fit: cover;}

.section.single.project .cols .gal img{height: 64px; display: block; border-radius: 4px;}
.section.single.project .cols ul.list{columns: 1}


.section.single.project .cols ul.params {display: grid; grid-template-columns: repeat(3, 1fr); gap:20px}
.section.single.project .cols ul.params li:nth-child(3){border:none}


.header.arenda .wrap .top{width: 100%; padding: 0}


.header.arenda .wrap .top{width: 100%; padding: 0}
.header .galery{display: none;}

.section072.second .grid{grid-template-columns: 1fr}
.section022 .items{grid-template-columns: 1fr}
.section022 .items.sec{grid-template-columns: 1fr; margin-top: 30px}
.section022 .items.sec .big{top: 0; margin: 0}

.section05.order.popform{width: 350px; grid-template-columns: 1fr; margin-left: -175px}
.section05.order.popform .wrap{width: 350px; grid-template-columns: 1fr;}
.section05.order.popform .wrap .slider.left{display: none;}
.section05.order.popform .right{width: 350px; border-radius: 10px}

.header.arenda .wrap .title{width: auto;}

.header .galery {width: 100vw; opacity: 0.3; display: block;}

}






/* 320px (минимум для большинства смартфонов) */
@media (max-width: 359px) {
  


.header .galery {width: 100vw; opacity: 0.3; display: block;}
.countbox{display: inline-block;}
:root {
  --main-col: 320px;
}
.section .slick-dots li{width: 10px}

.section{width: 100vw; overflow: hidden;}
.section .wrap .flex > .title,
.section .wrap .left > .title,
.section .wrap .top > .title,
.section.single h2,
.section .wrap > .title{ font-size: 18px; line-height: 28px; }
.section .wrap{position: relative; width: 320px; margin: 0 auto;}

.header .wrap {height: 560px}
.header .video{width: 100vw; background: url('res/fm.jpg') center bottom no-repeat; background-size: 750px}
.header .video video{display: none;}
.header .bg{display: none;}
.header .wrap .title {margin: 0; margin-top: 80px; padding-right: 10px; font-size: 21px; line-height: 30px}

.header .wrap .top { flex-direction: row; padding: 0; height: 75px; background: #246c2d}
.header .wrap .top *{position: relative; z-index: 1}
.header .wrap .top:before{position: absolute; height: 75px; background: #246c2d; width: 100vw; margin-left:-50vw; left:50%; display: block; content:''; z-index: 0}
.header .wrap .top .left > div,
.header .wrap .top .left .btn{display: none;}
.header .wrap .top .right .logo img{width: 175px}

.header .wrap .rightmenu{display: none;}
.header .wrap .bottom .rightgrid{display: none;}
.header .wrap .bottom{padding: 10px 0}
.header .wrap .bottom .left span{font-size: 18px; line-height: 23px; margin-bottom: 20px}
	.header .wrap .bottom .left:before{ top: 24px; left: 103px; height: 24px; width: 106px;  }
	.header .wrap .bottom .left .btn {color: #fff; font-size: 16px; font-weight: 500; border-radius: 10px 10px 10px 10px; height: 60px; line-height: 60px; padding: 0 42px; }

	.headerfix .wrap .right {display: none}

.section01 .top {display: block; margin-bottom: 40px;}
.section01 .stripe {border-radius: 10px; background-color: #246c2d; display: block; height: auto; line-height: 20px; text-align: center; font-family: 'Montserrat',Arial,sans-serif;     font-weight: 700; font-size: 14px; text-transform: uppercase; color: #fff; padding: 15px 30px}
 
.section01 {margin: 50px 0;}
.section01 .top p br{display: none;}
.section01 .grid{grid-template-columns: 1fr 1fr; padding-top: 20px}
.section01 .grid .item{border:none; margin-bottom: 20px}
.section01 .grid .item span{margin-top: 10px; font-size: 16px; line-height: 19px}
.section01 .top{margin:0}


.section02 .chesslider{margin-top: 0}
.section02 .chesslider .grid {grid-template-columns: 1fr; }
.section02 .chesslider .text.pl{padding-left: 0; order: -1;}
.section02 .chesslider .text .title{font-size: 16px; text-transform: uppercase; margin-top: 20px}
.section02 .chesslider .text ul,
.section02 .chesslider .text p{font-size: 14px; line-height: 18px}
.section02 .chesslider .text p br{display: none;}
.section02 .chesslider .images img{height: 220px}
.section02 .chesslider .slick-prev{top: auto; bottom: -70px; left: 0; margin: 0; margin-bottom: 16px; z-index: 2}
.section02 .chesslider .slick-next{top: auto; bottom: -70px; right: 0; margin: 0; z-index: 2}
.section02 .slick-dots{bottom: -50px}
.chesslider.slick-dotted.slick-slider{margin-bottom: 50px}

.section03 { margin: 60px 0 40px}
.section03 .label{display: none;}
.section03 .tabshead{display: none;}
.section03 .tabs .tab{overflow: scroll;}
.section03 .tabs .tab img{width:1000px !important; }
.section03 .tabs .tab svg{width:1000px !important; }
.section03 p{font-size: 14px; line-height: 19px}
.section03 .tabs .tab{min-height: auto; width: 100vw; position: relative; left: 50%; margin-left: -50vw}
.section03 .tabs .tab .btn{height: 56px; line-height: 56px; padding: 0 40px; display: inline-block; text-decoration: none; position: absolute; right: 50%; bottom: 36px; margin-right: -120px}

.section04 {margin: 40px 0;}
.section04 .numsgrid{grid-template-columns: 1fr 1fr; margin-top: 20px}
.section04 .numsgrid .item{margin-bottom: 10px}
.section04 .numsgrid .item span{font-size: 16px; line-height: 20px}
.section04 .numsgrid .item .num{font-size: 50px; line-height: 80px; margin-bottom: 0}

.section05{padding: 50px 0;}
.section05.order .wrap{display: block;}
.section05.order .right { width: 320px; box-sizing: border-box;
    padding: 20px; }
.section05.order .right .btns .btn { padding: 0 25px; }
.section05.order ul{margin-top: 20px;}
.section05.order ul li{font-size: 18px; line-height: 23px; padding-left: 50px}
.section05.order .right .form input.wpcf7-text{height: 60px; line-height: 60px; margin: 10px 0;}
.section05.order .right .form input[type="submit"]{height: 60px; line-height: 60px}

.section07 .wrap{padding-top: 50px}
.section07 .left.slider{position: relative; width: 320px; height: 320px; margin:0 auto; border-radius: 10px; overflow: hidden;}
.section07 .wrap{left:0; padding-left: 0}
.section07 .wrap p{font-size: 14px; line-height: 20px}
.section07 .wrap ul{grid-auto-flow: column; grid-template-rows: 1fr 1fr 1fr; gap:10px}
.section07 .wrap ul li{display: flex; font-size: 14px; line-height: 20px; align-items: center; margin-bottom: 0}
.section07 .wrap ul li img{    margin-right: 10px; height: 32px; width: 32px;}

.section08 img{height: 526px}

.section09{margin:50px 0}
.section09 .wrap .title br{display: none;}
.section09 .wrap .grid .item{width: 100%}
.section09 .wrap .grid .slick-slide{padding-right: 0}

.section09 .wrap .grid .item{box-sizing: border-box;}
.section09 .wrap .grid .slick-next{right: -15px; z-index: 2; top: 112px}
.section09 .wrap .grid .slick-prev{left: -15px; z-index: 2; top: 112px}


.section10 .wrap .title br{display: none;}
.section10 .wrap p{font-size: 16px; line-height: 22px}
.section10 .wrap .grid{grid-template-columns: 1fr 1fr; padding-top: 85px; background: url(res/bm.png) top center no-repeat; gap:0}
.section10 .wrap .grid .item { height: auto; background: transparent; display: block; text-align: center; padding: 0 10px; font-size: 16px; line-height: 18px; font-weight: 600; }
.section10 .wrap .grid .item:before{    border-width: 1px; display: block; width: 42px; height: 42px; border-radius: 42px; content: ''; background-position: center center; border-color: rgba(36, 108, 45, 0.2); border-style: solid; background: url('res/ch.svg') center no-repeat; background-size: 20px; margin: 15px auto 15px}
.section10 .wrap .grid .item:before{}
.section10 .wrap .grid .item .small{font-size: 12px}


.section11{padding: 50px 0 40px}
.section11 .wrap .title{max-width: 320px}
.section11 .wrap #moveto1{margin: 20px 16px 0}
.section11 .wrap .grid{margin-top: 20px}
.section11 .wrap .grid .slick-slide{padding-right: 0;}
.section11 .wrap .btn{width: 100%}

.section11 .wrap .grid .slick-next{right: 1px; z-index: 2; top: 150px;}
.section11 .wrap .grid .slick-prev{left: 1px; z-index: 2; top: 150px;}

.section11 .wrap .grid.items {display: grid; grid-template-columns: 1fr; }

.section12{margin: 50px 0; text-align: left}
.section12 .wrap p{font-size: 16px; line-height: 22px;max-width: 320px}
.section12 .wrap .grid{display: block; margin-top:20px; margin-bottom: 0}

.section13{margin: 0}
.section13 .wrap{width: 100vw}
.section13 .wrap .title{width: }
.section13 .wrap .carousel a img{border-radius: 0; height: 430px}
.section13 .wrap .carousel{margin-bottom: -10px}


.section05.order.contacts ul{grid-template-columns: 1fr; gap:0; margin-top: 30px}
.section05.order .bottomcontact{margin: 0 0 30px}
.section05.order .bottomcontact .title{font-size: 22px; line-height: 30px}
.section05.order .bottomcontact .flex{display: grid; grid-template-columns: auto auto; gap:2px}
.section05.order .bottomcontact .flex p:first-child{grid-column: span 2;}
.section05.order .bottomcontact .flex span{margin-bottom: 6px}

.section14 .wrap{margin-left: 0; margin-right: 0; width: auto; left:0; text-align: center; bottom: 90px}
.section14 .wrap .btn { height: 58px; line-height: 58px; 
    width: 240px;}

.footer {background: #eef0f2; padding: 40px 0 40px;}
.footer .wrap .top{display: grid; grid-template-columns: 1fr 1fr;}
.footer .wrap .top .soc{grid-column: span 2; width: 100%; text-align: center; order: 2; columns: 1; margin-bottom: 10px}
.footer .wrap .top ul{order: 2; columns: 2; gap:5px; grid-column: span 2; margin: 20px 0}
.footer .wrap .top a{order: 2}
.footer .wrap .top .btn{order: 1; margin: 0 0 20px 40px; display: block;grid-column: span 2;}
.footer .wrap .top .tel, .footer .wrap .top .mail{font-size: 16px}
.footer .wrap .bot { margin-top: 10px; display: block;}
.footer .wrap .bot .left {display: block; gap:100px}
.footer .wrap .bot > p {margin: 0; position: relative; top: 0; }
.footer .wrap .bot a {margin-top: 20px; display: block;}
.footer .wrap .bot p {margin-top: 20px}


.section072 .grid{display: grid; grid-template-columns: 1fr; margin: 20px 0 0; }
.section072 .grid .slider{order:2; height:auto;width: 320px;}
.section072 .grid .slider img{max-width: 320px; height: 260px; object-fit: cover;}


 
.section.single.project .cols{display: grid; grid-template-columns: 1fr; gap:20px}
.section.single.project h1,
.section.single.project .title{margin: 0; font-size: 24px}
.section.single.project .cols img{width: 100%; border-radius: 10px} 
.section.single.project .cols .right .top{display: block;}
.section.single.project .cols .right .infcols{display: block; }
.section.single.project .cols .right .infcols .col{min-width: 200px; margin-bottom: 10px}
.section.single.project .cols .right .infcols span{display: block; color: #575757; font-size: 15px; font-weight: 500;}
.section.single.project .cols .right .infcols .price{ color: #246c2d; font-size: 24px;}
.section.single.project .cols .right .infcols .price b{font-size: 30px; font-weight: 600;}
.section.single.project .cols .right p{color: #575757; font-size: 15px;}
.section.single.project .cols .left{position: relative;}

.section.single.project .cols .left > a img{height: auto; object-fit: cover;}

.section.single.project .cols .gal img{height: 64px; display: block; border-radius: 4px;}
.section.single.project .cols ul.list{columns: 1}

.section.single.project .cols ul.params {display: grid; grid-template-columns: repeat(3, 1fr); gap:20px}
.section.single.project .cols ul.params li:nth-child(3){border:none}


.header.arenda .wrap .top{width: 100%; padding: 0}
.header .galery{display: none;}

.section072.second .grid{grid-template-columns: 1fr}
.section022 .items{grid-template-columns: 1fr}
.section022 .items.sec{grid-template-columns: 1fr}
.section022 .items.sec .big{top: 0; margin: 0}

.section05.order.popform{width: 320px; grid-template-columns: 1fr; margin-left: -175px}
.section05.order.popform .wrap{width: 320px; grid-template-columns: 1fr;}
.section05.order.popform .wrap .slider.left{display: none;}
.section05.order.popform .right{width: 320px; border-radius: 10px}

.header.arenda .wrap .title{width: auto;}
}

@media (max-width: 980px) {
  .header .video video { display: none; }
  .fixmenutgl{display: block; }


}