@media (max-width: 1023px) and (orientation: landscape) {

/* chrom scroll style *******************************************/
.page-rating-container{
		/* transform: translateX(-60px); */
		/* display: none; */
	}
	.page-rating-heading{
		
	}
	.page-rating-wrap{
		
	}
	.page-rating-stars{
		font-size:42px;
		margin-right:20px;
	}
	.page-rating-counter{
		font-size:26px;
		margin-top:5px;
	}
	
	/* popup rating stars ******************************/
	.rating-star{
		font-size:42px;
	}
	.comment-stars-wrap{
		font-size:16px;
	}

/* page background ****************************************************************/
.page-bg{
	position:fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition:background .5s,opacity .5s;
	visibility:visible;
	opacity:1;
}
.canvas{
	position:fixed;
	width: 100%;
    height: 100%;
       object-fit:cover;
	transition:background .5s,opacity .5s;
	visibility:visible;
	opacity:1;
	z-index: -1;
}
.page-bg.hid,
.canvas.hid{
	visibility:hidden;
	opacity:0;
}

/* general container property ****************************************************/
.top-contr,
.main-contr {
	top:0;/*10px/7,6*/
	right:0;
	left:0;
	visibility:hidden;
	/* z-index:1; */
}
.main-contr{
	bottom:0;
}
header{
	z-index: 1;
}
.footer{
	width:98%;
}

/* header *************************************************************************/
.header{
	position:relative;
	left:0;
	top:0;/*10px/7,6*/
	display:flex;
	padding-top:6px;/*14px/9.1*/
	padding-bottom:6px;/*14px/9.1*/
	padding-left:8px;/*20px/9.1*/
	padding-right:8px;/*20px/9.1*/
	visibility:visible;
	float:left;
	align-items:center;
	border-radius:3px;/*8px/9.1*/
	box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.14);
	overflow: hidden;
}
.logo-wrap{
	width: 32px;
    height: 32px;
}
.logo{
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.page-name-wrap{
	display:flex;
	flex-direction:column;
	margin-left:6px;/*20px/9.1*/
	z-index: 1000;
	font-weight: 100;
}
.page-name{
	font-size:14px;/*32px/9,1*/
	letter-spacing: 0.32em;
}
.concept-name{
	font-size:12px;/*24px/9,1*/
}

.header-bg {display:none}
.phone-wrap{display:none;}

.level-title{
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 13;
  font-size: 14px;
  padding: 3px 10px;
  box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.14);
}

/* nav property ******************************************************/
.nav-box-wrap{background:none}
.popup-btn-wrap .menu-toggle .line{background:var(--header-color,#eee)}

nav, .popup-contr{
	top: 0;
	bottom: 0;
	right: 0;
}
.popup-contr{
    position: absolute;
    width:320px;/*ca400px/9.1*/
	transform: translateX(12.5rem);
    box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.14);
    transition: all 800ms;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.popup-contr.menu-wrap{
	padding:0 20px;/*16px/9.1*/
	display:flex;
    flex-direction:column;
	overflow: auto;
}
.popup-contr.cookies-popup,
.popup-contr.msg-popup {
	top:auto;
	width:360px;/*ca400px/9.1*/
	padding-top:2px;
	padding-bottom:10px;
	border-radius: 14px;
}
.popup-contr.cookies-popup {
	padding-bottom:0px;
}
.popup-contr.show{
    visibility: visible;
    opacity: 1;
    z-index: 11;
    transform: translateX(0);
	pointer-events: auto;
}
.popup-contr-wrap {
    height: 100%;
	padding: 0 28px 0 20px;
	overflow: auto;
}
.cookies-popup .popup-contr-wrap {
	padding-right:12px;
}
.popup-title{
	font-size: 14px;/*18px/9,1*/
}
.popup-contr .form-input{
	font-size:12px;
	padding:6px 12px;
}
.mobile-menu-header{
	border-bottom:none;
	margin-top:10px;
}
.popup-p {
	line-height:1.6em;
	font-size: 12px;/*16px/9,1*/
	padding-top:8px;
}
.nav-box-wrap .nav-box .act-anchor {
	font-size: 14px;
}
.popup-close-btn{
	font-size: 30px;
    width: 30px;
  	height: 30px;
    top: 6px;
	right: 6px;
	line-height: 1;
}
.popup-btn-wrap{
	right:2.1052vh;/*16px/7,6*/
	top:1.3157vh;/*10px/7,6*/
}
.popup-link{
	display:inline;
	text-decoration: underline;
	display:inline-block;
	transition:color .4s;
	font-size:14px;/*16px/9,1*/
}
.popup-link:active{
	color:var(--col-active-hover,#626262);
}
.popup-link:focus,
.popup-link:focus-visible{
	color:var(--col-active-hover,#626262);
}
.popup-btn.act-elem{
    background: inherit;
	font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.14);
}
.popup-btn.act-elem:active{
	filter: brightness(1.2) contrast(1.3);
}
.popup-btn.act-elem:focus,
.popup-btn.act-elem:focus-visible{
	filter: brightness(1.2) contrast(1.3);
}
.cookies-popup .popup-btn {
	flex:1;
	margin-bottom:10px;
}
.guide-main-btn.popup-btn{
	right: 14px;
	bottom: 10px;
	line-height: 1;
	font-size: 14px;
	background: var(--main-color);
	color: var(--main-bg);
	padding: 6px 14px;
}
.nav-box .act-anchor{
	font-size: 14px;
}

/* menu legal links *********************************/
.menu-sec-link{
	font-size:14px;
	margin-top:auto;
	margin-bottom:10px;
}
.nav-box .act-anchor{
	text-align:right;
}
.social-links-wrap{
	right: 10px;
  	bottom: 16px;
	  transition: all 800ms;
	visibility: visible;
	pointer-events: auto;
}
.social-links-wrap.show{
			transform:translateX(0);
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
	z-index: 11111;
}
.social-link-item{
	margin-left:18px;
}
.social-link-anchor{
	border-radius:50%;
	/* background: var(--main-color, #444); */
	background-size: cover;
	background-position: center;
	width:32px;
	height:32px;
}
.menu-year{
	position:relative;
	margin-top:auto;
	margin-bottom:20px;
	font-size:14px;
}

/* main *****************************************************************/
.main-wrap{
	width:100%;
	top:0;
	bottom:0;
}
.level-wrap{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
}

/* screen ***********************************************************/
.scr-wrap{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:visible;
    transition: all 800ms;
}
.scr-wrap.full{
	overflow:visible;
}
.screen{
	position: absolute;
	width:100%;
	height:100%;
	transition: 800ms;
	overflow:hidden;
			transform:translateX(0);
}
.scr-wrap.full .screen{
	position:absolute;
	transition:800ms;
	overflow:hidden;
	        transform:translateX(0);
}
.scr-wrap.full .screen.queue{
            transform:translateX(100%);
    opacity:0;
}
.scr-wrap.full .screen.prev{
            transform:translateX(-100%);
    opacity:0;
}
.scr-wrap.full .screen:first-child.queue-bounce{
	        transform:translateX(10%);
} 
.scr-wrap.full .screen:last-child.prev-bounce{
	        transform:translateX(-10%);
}

.screen.queue{
			transform:translateX(100%);
	opacity:0;
}
.screen.prev{
			transform:translateX(-100%);
	opacity:0;
}
.screen:first-child.queue-bounce{
			transform:translateX(10%);
} 
.screen:last-child.prev-bounce{
			transform:translateX(-10%);
}
/************nnnnnn*****************/

/* slide *************************************************************************/
.sl{
	position:absolute;
	transition:all .8s;
  	overflow:hidden;
	display:flex;
			justify-content:center;
}

.slide-img{
	left:0;
	bottom:10px;/*16px/9.1*/
			align-items:center;
	width:100%;/*500px/9.1*/
	height:calc(100% - 16px);/*580px/9.1*/
	/* border-radius:16px;/*10px/9.1*/
}
.slide-img.left-50 {
	top:0;
	bottom:0;
	left:0;
	height:100%;
	width:50%;
}
.slide-img.center{
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
}

.data-wrap{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition: width .5s, height .5s, top .5s, bottom .5s, left .5s, right .5s;
	display:flex;
            align-items:center;
}

.data{
	position:absolute;
	height:100%;
	width:100%;
	   object-fit:cover;
	color:transparent;
	opacity:1;
	z-index:2;
	transition:opacity .8s;
}

/* GENERAL SLIDER ELEMENT *****************************************************************/
.figure-slider-wrap{
	position:absolute;
	height:4.8351vh;/*44px/9,1*/
	left:3%;
	bottom:1.758241vh;/*16px/9,1*/
	z-index:100;
	z-index:100;
	display: flex;
            align-items: center;
}
.figure-slider-container{
	overflow:hidden;
}
.figure-slider-list{
	visibility:hidden;
	width:0;
}
.figure-slider-btn{
	background:var(--pop-bg, #444);
	color:var(--color-5,#eee);
	border:none;
	outline:none;
	visibility:visible;
}
.figure-slider-btn.hid{
	visibility:hidden;
}
.figure-slider-counter{
	font-size:2.1978vh;/*20px/9,1*/
	height:4.3956vh;/*40px/9,1*/
	line-height:4.3956vh;/*40px/9,1*/
	margin:0.4395vh;/*4px/9,1*/
	padding-left:0.549450vh;/*5px/9,1*/
	padding-right:0.549450vh;/*5px/9,1*/
	visibility:visible;
	width:auto;
	background:var(--pop-bg, #444);
	color:var(--color-5,#eee);
	border-radius:2px;
	transition:width .8s,margin .8s;
}
.scr-wrap.full .figure-slider-counter{
	visibility:hidden;
	width:0;
	margin:0;
	padding: 0;
}
.scr-wrap.full .figure-slider-wrap{
	left:3%;
	bottom:10.989010vh;/*100px/9,1*/
	height: auto;
}
.scr-wrap.full .figure-slider-container{
	max-width:224px;/*408px/9,1*/
}
.scr-wrap.full .figure-slider-list{
	display:grid;
	grid-auto-flow:column;
	overflow:hidden;
		scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	place-items:center;
	visibility:visible;
	width:auto;
}
.figure-slider-item{
	width: 40px;
	height: 40px;
	margin: 4px;
	border: 4px solid #bbb;
	border-radius: 4px;
}
.figure-slider-img{
	border-radius:0.4395vh;/*4px/9,1*/
}
.figure-slider-btn{
	font-size: 1.4em;
	height:4.3956vh;/*40px/9,1*/
	line-height:4.3956vh;/*40px/9,1*/
	width:3.516483vh;/*32px/9,1*/
	margin:4px;/*4px/9,1*/
	border-radius:4px;/*6px/9,1*/
}
.scr-wrap.full .figure-slider-btn{
	height:48px;/*82px/9,1*/
	width:22px;/*40px/9,1*/
	margin:4px;/*10px/9,1*/
}
.figure-slider-btn.hid{
	visibility:hidden;
}

/* slide text position ********************************************/
.slide-text{
	top:0;
	bottom:0;/*16px/9.1*/
	z-index: 10;
			align-items:center;
}
.slide-text.right{
	left:50%;
	right:0%;
	background: var(--full-text-bg);
}
.slide-text.left{
	left:0%;
	right:50%;
	background: var(--full-text-bg);
}
.slide-text.center{
	left:18.2%;
	right:18.2%;
}

/* slide - text content ***********************************************/
.text-main-wrap{
	position:relative;
	width:100%;
	visibility: visible;
	overflow: hidden;
	transition:all .4s ease;
}
.slide-text.center .text-main-wrap{
	background: var(--full-text-bg);
	border-radius: 3px;
}
.slide-text.left .text-main-wrap,
.slide-text.right .text-main-wrap{
	width:70%;
}

/* desktop COST container *****************************************/
.cost-wrap,
.cost-first-wrap,
.cost-sec-wrap,
.promo-wrap {
	  transition:all .4s;
}
.cost-wrap{
	position:relative;
	justify-content:flex-start;
	padding-bottom: 2px;
}
.cost-wrap.hid{display:none}
.cost-card{
	display:inline-flex;
	flex-direction:column;
	position:relative;
	align-items:flex-end;
}
.cost-first-wrap,
.cost-sec-wrap{
	display:inline-flex; /* Элементы растягиваются под содержимое */
	text-align: center;
	line-height: 1; /* Линия текста без дополнительных отступов */
	/*margin: 0 4px;/*4px;/9,1*/
	white-space: nowrap; /* Запрещаем перенос текста */
}
.cost-sec-wrap{
	font-size:12px;/*28px/9,1*/
}
.cost-first-wrap{
    /*padding:2px 6px;/*12px 4px 10px 10px/9,1*/
	font-size:16px;/*48px/9,1*/
}

.promo-wrap{
	text-align:right;
	/*padding:0px 10px;/*6px 10px/9.1*/
	font-size:14px;/*20px/9.1*/
	margin-left: 8px;
  	width: 100%;
}

/* text wrap *******************************************/
.text-wrap{
	position:relative;
	display:block;
	transition:all .4s ease;
	text-align:left;
}
.text-wrap.hid{display:none}

.text-scroll-wrap{
	position: relative;
	overflow:auto;
	z-index: 1;
}

/* panel more wrap ********************************************/
.panel-more-wrap{
	position:relative;
	padding:0 14px 30px;/*10px/9,1*/
	transition:max-height 0.4s, height 0.4s;
}
.panel-more-wrap.hid{
	padding-bottom:20px;/*20px/9,1*/
}

.title{
	display:block;
	position: relative;
    z-index: 1;
	transition:all .8s;
	font-size:14px;/*18px/9,1*/
	line-height:22px;/*26px/9,1*/
	text-align:left;
}
.title.hid{
	display:none;
}
.scr-wrap.full .title{
	padding:6px 0;/*8px 16px/9,1*/
}
.text-main-wrap.hid .title{
	padding-bottom:12px;/*12px/9,1*/
}
.slide-text.right .title,
.slide-text.right .benefits
.slide-text.right .subtitle
.slide-text.right p,
.slide-text.right li{
	padding-left:0;
	padding-right:0;
}


.product-benefits{
	transition: font-size 0.4s ease;
    z-index: 1;
	line-height: 1.6em;
	padding:6px 14px 0px;/*10px 24px 0/9.1*/
	font-size: 14px;
}
.scr-wrap.full .product-benefits{
	padding:6px 14px 0px;/*10px 24px 0/9.1*/
}
.subtitle{
	position: relative;
    z-index: 1;
}
.subtitle.hid{
	display:none;
}
.subtitle {
	display:block;
	font-weight:100;
	line-height:1.6em;
	transition:font-size .8s;
	padding-top:6px;/*10px/9.1*/
	padding-left:14px;/*16px/9.1*/
	padding-right:14px;/*16px/9.1*/
	font-size:14px;/*16px/9.1*/
}

.scr-wrap.full .subtitle,
.scr-wrap.full p{
	padding-top: 6px;
	line-height: 1.4em;
}
.scr-wrap.full .text.hid .subtitle{
	padding-bottom:10px;/*16px/9.1*/
}
.text.hid .subtitle{
	padding-bottom:8px;/*10px/9.1*/
}

/* panel more ***************************/
.panel-more{
	position: relative;
	overflow:hidden;
	transition:max-height .8s, padding-bottom .8s;
	max-height:0;
    z-index: 1;
	padding-bottom:0;
	color: var(--text-color);
}
.panel-more.show{
	overflow:auto;
}
.panel-more.hid{
	display:none;
}
.panel-more p,
.panel-more li{
	padding-top:6px;
	line-height:1.4;
}
.more-btn{
	display:inline-block;
	background: var(--text-bg);
	color: var(--pageActBtn-color);
	right:0;
	bottom:0px;
    border-radius:3px;
	z-index: 1;
	font-size: 12px;/*16px/9,1*/
}
.more-btn.hid{
	display:none;
}
.more-btn.act-elem.link.act-anchor{
	margin-right: 0;
	padding: 5px 10px;
	box-shadow: none;
  	background: var(--pageActBtn-bg);
	right:14px;
}

/* delivery-container *****************************************/
.delivery-wrap{
	text-align:right;
	transition:all .4s;
	padding-right:1.0989vh;/*10px/9.1*/;
	font-size: 12px;
    padding-top: 6px;
}

/* call to action button **********************************************/
.page-action-btn-wrap{
	align-items: flex-start;
	transition:all .8s;
	padding-top:8px;/*20px/9.1*/
}
.page-action-btn-wrap.hid{
	display:none;
}
.scr-wrap.full .page-action-btn-wrap{
	padding-top:10px;/*20px/9.1*/
	padding-left: 10px;
}
.scr-wrap .sl.slide-text .text-main-wrap .page-action-btn-wrap{
  	justify-content:end;
	padding:10px 14px;
}
.pageActBtn{
	font-size:14px;/*20px/9.1*/
	padding: 6px 12px;
  	border-radius: 3px;
}
.scr-wrap.full .pageActBtn{
	width:auto;
	padding: 4px 14px;
	border-radius: 3px;
	font-size: 14px;
	box-shadow: none;
}

.pageActBtn.sec-btn{
	margin-right:10px;
}

/* nav level *******************************/
.level-nav-wrap{
	right:10px;/*10px/9.1*/
	bottom:16px;/*90px/9.1*/
	transition:background .5s;
	visibility:visible;
}
.level-nav-wrap ul{
	visibility: visible;
  	transition: transform 0.4s ease;
	height: 180px;
}

/* nav screen ******************************/
.scr-nav-wrap{
	position:absolute;
	width:60%;/*106px/9.1*/
	left:20%;
	bottom:10px;/*ca32px/7,6*/
			justify-content: center;
	visibility:hidden;
	display:flex;
	transition:all 0.8s;
	        transform:translateY(0);
	visibility:visible;
	opacity:1;
	align-items: center;
}
.scr-nav-wrap.hid{
	visibility:hidden;
	opacity:0;
			transform:translateY(28px);
	visibility:hidden;
}
.scr-nav-wrap .nav-wrap {
	position:relative;
	overflow:hidden;
}
.scr-nav-wrap .nav-wrap ul{
	position:relative;
  	transition:transform 0.4s ease;
}
.sec-scr-nav-btn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  padding: 0.633579vh 1.478352vh;
}
.sec-scr-nav-btn.left {
  margin-right: 2.1119vh;
}
.sec-scr-nav-btn.right {
  margin-left: 2.1119vh;
}
.sec-scr-nav-btn span {
  padding: 0 2.1119vh;
}

/* contr arrow wrap ***************************************/
.arrow-wrap{
	top:28%;
}
.arrow-btn{
	width:32px;/*48px/9,1*/
	height:32px;/*48px/9,1*/
	line-height:32px;/*48px/9,1*/
}
.arrow-wrap.L{left:1%}
.arrow-wrap.R{right:1%}

.arrow-btn span{font-size:1.4em}

.sec-scr-nav-btn.hid{
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

/* footer ********************************/
/* footer ********************************/
.footer{
    right: 0;
    bottom: 0;
}
.footer-year,
.footer-btn-list{
	display:none;
}

/* cocial links *******************************/
.social-links-wrap{
	right:178px;/*80px/9,1*/
	bottom:10px;/*36px/4,8*/
}
.social-link-item{
	margin-left:4vh;/*ca20px/9,1*/
}
.social-link-anchor{
	border-radius:50%;
	/* background: var(--main-color,#444); */
	/* fill: var(--main-bg,#eee); */
	background-size: cover;
	background-position: center;
	width:32px;/*32px/9,1*/
	height:32px;/*32px/9,1*/
	transition: background .4s;
}

/* background video ******************************/
.video-data{
	position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
/* end html document ******************************/

/* act-elem ***************************************/
.act-elem.link{
	margin:0 4px;/*20px/9.1*/
}
.more-btn.act-elem.link{
	margin-right:14px;/*20px/9.1*/
}
.act-anchor{
	padding:1.0989vh 16px;/*10px/9.1*//*20px/9.1*/
}
.section-title {
    font-size: 18px;
}
    
}