/*header*/
html, body {
	background: #ece7e2;
}
#hg-preeloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #161515;
	z-index: 99999;
    padding: 1.5em 2.21em;
 }
#hg-preeloader.h-pre{
	opacity: 0;
	pointer-events: none;
}
#hg-preeloader svg path{
	fill: #ece7e2;
}
#hg-preeloader svg{
	    height: 2.5em;
    width: auto;
    margin: 0 auto;
}


.tr-header header{
	background: transparent;
	color: #ece7e2;
}
.tr-header header *{
	color: #ece7e2;
}
.tr-header #logo svg *{
	fill: #ece7e2;
}
.tr-header header.scroll-h *{
	color: #161515;
}
.tr-header header.scroll-h #logo svg *{
	fill: #161515;
}
.tr-header header.scroll-h{
	background: #ece7e2;
	color: #161515;
}
header .new-nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
header .new-nav .logo svg{
	height: 2.5em;
	width: auto;
}
header .new-nav *{
	text-transform: uppercase;
}
header .new-nav .logo-grid{
	width: 30%;
	order: 1;
	justify-content: center;
	display: inline-flex;
}
header .new-nav > nav{
	width: 35%;
}
.h-page header{
	background: #161515;
}
.h-page header > *{
	filter: invert(1);
}
header{
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
	background: #ece7e2;
	z-index: 2222;
}
header a#logo svg{
	height: 1.92em;
	width: auto;
}
header a#logo, header nav{
	align-self: center;
}
header a#logo{
	width: 20%;
	display: inline-flex;
	justify-content: flex-start;
}
header nav.r-side ul{
	display: inline-flex;
	position: relative;
	width: auto;
}
header nav.r-side ul.l-sub-menu a{
	margin-right: 0;
}
header nav.r-side ul.l-sub-men .active{
	opacity: .5;
	pointer-events: none;
}
header nav.r-side ul.l-sub-menu{
	position: absolute;
	left: -1em;
	top: 3.6em;
	padding: 1em;
	background-color: #ece7e2;
	width: fit-content;
	margin-top: 1px;
	opacity: 0;
	pointer-events: none;
}
header nav.r-side ul.l-sub-menu.open{
	opacity: 1;
	pointer-events: all;
}
.l-sub-menu a.active{
	opacity: .5;
	pointer-events: none;
}
body header nav.r-side{
	justify-content: flex-end;
		display: inline-flex;
}
header nav{
	width: auto;
	display: inline-flex;
	order: 1;
}
.lang span{
	cursor: pointer;
}
.lang span.active::before{
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);	
}
.lang span::before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.25em;
	right: 0;
	width:.5em;
	height:.5em;
	background-image: url(/wp-content/uploads/2024/07/polygon-5.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% ;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);

}
header nav.r-side span{
	position: relative;
}
header nav.r-side span,
header nav a {
	font-size: 1em;
	margin-right: 1em;
	line-height: normal;
}
header nav.r-side span{
	margin-right: 0;
	padding-right:1em;
}
header nav li:last-child a{
	margin-right: 2em;
}
/*header*/
/*footer*/
footer{
	position: relative;
}
footer .hg-i-fl:last-child{
	text-align: right;
	justify-content: flex-end;
	align-items: flex-end;
}
footer nav a{
	margin-bottom: .5em;
	position: relative;
	display: table;
	width: fit-content;
}
footer nav:first-child{
	padding-right: 10%;
}
footer nav:nth-child(2){
	flex-grow: 1;
}
footer nav:last-child{
	justify-content: flex-end;
	aline-content: flex-end;
	text-align: right;
}
footer{
	 background: #161515;
	 min-height: 80vh;
	 justify-content: space-between;
}
body footer *{
	color: #ece7e2;
}
footer svg *{
	fill: #ece7e2;
}
footer svg{
    width: -webkit-calc(100vw - 4.42em);
    width: -moz-calc(100vw - 4.42em);
    width: calc(100vw - 4.42em);
    height: auto;
}
.footer_menu{
	justify-content: space-between;
	align-items: flex-start;
}
.footer_menu nav{
	width: fit-content;
}
.cop-items{
justify-content: space-between;
align-items: flex-end;
margin-bottom: 1em;
}
.cop-items span{
	text-align: right;
}
.cop-grid {
opacity: .5;
margin-bottom: 1em;
}
/*footer*/
/*all*/
.def_des p{
	margin-bottom: .5em;
	position: relative;
	display: inherit;
}
.iti  input{
	padding-left: 8em !important;
}
.flickity-page-dots .dot{
	opacity: .15;
}
.hg-btn, input[type="submit"],
button{
	cursor: pointer;
}
body textarea::placeholder,
body input::placeholder{
	color: #161515;
}
.hg-th-mess.active{
	opacity: 1;
	pointer-events: all;
}
.hg-th-mess{
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: #ece7e2;
	justify-content: center;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	text-align: center;
}
.wpcf7 span.wpcf7-form-control-wrap{
	position: relative;
	width: 100%;
	margin-bottom: .25em;
	display: block;
}
.cl-btn{
	width: 1.5em;
	height: 1.5em;
	position: relative;
	cursor: pointer;
}
.cl-btn div{
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #161515;
	top: 50%;
	left: 0;
}
.cl-btn:hover div:last-child,
.cl-btn div{    
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.cl-btn:hover div,
.cl-btn div:last-child{    
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.hg-pop .fs_ms{
	text-transform: uppercase;
}
.hg-pop.open{
	opacity: 1;
	pointer-events: all;
}
.hg-pop{
	width: 100%;
	height: 100vh;
	z-index: 2222;
	background-color: #ece7e2;
	padding: 2em 2.21em;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
}
.hg-pop .for-form{
	width: 33vw;
	margin: 0 auto;
	position: relative;
}
.hg-pop .tit-grid{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.iti{
	width: 100%;
}
#ui-datepicker-div,
#ui-datepicker-div *{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
#ui-datepicker-div{
	border-top: 0px;
}
#ui-datepicker-div .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all,
#ui-datepicker-div td > span,
#ui-datepicker-div td > a{
	background: transparent;
	border-width: 0;
	position: relative;
	text-align: center;
}
#ui-datepicker-div td > a::before{
	content: '';
	width: 0;
	border-bottom: 1px solid #161515;
	bottom: 0;
	left: 0;
	position: absolute;
}
#ui-datepicker-div .ui-widget-header .ui-icon{
	background-image: url(/wp-content/uploads/2024/07/polygon-5.svg);
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: 50%;
}
.ui-datepicker-prev .ui-icon{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
#ui-datepicker-div .ui-state-highlight::before{
	width: 100%;
}

.work-page #bread-prods{
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}
#bread-prods{
	padding: 2.5em 2.21em;
}
#bread-prods a{
	opacity: .5;
}
input[type="submit"] *,
.hg-btn *{
	color: #ece7e2;
	text-align: center;
	font-size: 1em;
	font-weight: 100;
}
.trans-btn.hg-btn{
	background: transparent;
	border: 1px solid #ece7e2;
	color: #ece7e2;
}
input[type="submit"],
.hg-btn{
	width: 100%;
	text-align: center;
	background-color: #161515;
	border: 1px solid #161515;
	font-size: 1.28em;
	padding: .88em;
	color: #ece7e2;
	font-weight: 100;
	position: relative;
	display: table;
}
.sl-nav .prev-i, .sl-nav .next-i{
padding: 0 2.5em;
}
.sl-nav {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-self: center;
	width: fit-content;

}
.next-i svg,
.prev-i svg{
	height: .71em;
    width: auto;
}
.prev-i svg{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);

}
/*fonts*/
#about-tpl.work-tpl .home-items.black.gall .fs_xl,
.fs_xl{
	font-size: 3.14em
}
.fs_ms{
	font-size: 1.57em;
}
.fs_m{
	font-size: 1.71em;
}
.fs_ls{
	font-size: 2.28em
}
.work-tpl .fs_home .def_des h1,
.work-tpl .fs_home .def_des h3,
.work-tpl .fs_home .def_des h4,
.work-tpl .fs_home .def_des h5,
.fs_l{
	font-size: 2.57em
}
.fs_ls *,
.fs_ms *,
.fs_m *,
.fs_xl *,
.fs_l *{
	font-size: 1em;
}
/*fonts*/
.sp-item-sk.bgcov{
	width: 15vw;
	height: 15vw;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 22;
    margin: 0 auto;
    margin-top: -7.5vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 1;
    pointer-events: none;
}
.sp-item-sk.bgcov.active{
	opacity: 1;
}
.home-items.aromo{
	flex-direction: column;
	width: 100%;
	padding: 2em 2.21em;
	position: relative;
}
.aromo-item-n > div{
	width: 33.33%;
}
.aromo-item-n .tit-new{
	text-transform: uppercase;
	height: fit-content;
	display: flex;
}
.aromo-item-n{
justify-content: space-between;
align-content: center;
position: relative;
	padding: 2em 0;
	border-bottom: 1px solid rgba(0, 0, 0, .25);

}
.home-items ,
footer, header{
padding: 1.5em 2.21em;
}
main{
	margin-top: 5.73em;
}
.fs_home{
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #161515;
}
.fs_home *,
.fs_home{
	color: #ece7e2;
}
.fs_home .def_des {
	text-align: center;
	width: 31vw;
	margin: 0 auto;
	text-transform: uppercase;
	margin-top: 1em;
}
.fs_home .des-grid h1,
.fs_home .des-grid h2,
.fs_home .des-grid h3,
.fs_home .des-grid h4,
.fs_home .des-grid h5{
	text-transform: uppercase;
	color: #DEC580;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}
body .fs_home > .hg-i-fl{
	width: 30vw;
	height: 30vw;
	margin-bottom: 2em;
	position: relative;
}


.bgcov_v video{
	position: absolute;
	left: 0;
	top: 0;	
	width: 100%;
	height: 100%;
	object-fit: cover;
    background-position: center center;
    object-fit: cover;
    object-position: center center;
}
/*all*/
/*home*/
.home-items{
	flex-wrap: wrap;
}

.fs_home{
    height: -webkit-calc(100vh - 5.74em);
    height: -moz-calc(100vh - 5.74em);
    height: calc(100vh - 5.74em);
}
.home-items.aromo{
	flex-wrap: unset;

}
.fs_home .hg-i-fl{
	width: 50%;
	height: 100%;
}
.bgcov {
	position: relative;
	width: 100%;
	height: 100%;
}
.sm-items{
	justify-content: center;
	padding: 0 10%;
}
.sm-items *{
	text-align: center;
}
.fs_home .sm-items .bgcov{
	width: 13vw;
    height: -webkit-calc(13vw * 1.25);

    height: -moz-calc(13vw * 1.25);
    height: calc(13vw * 1.25);
    margin: 5em auto;
}
.home-items .has-sl,
.home-items{
	width: 100%;
}
.home-items.logos{
	padding: 6.14em 2.21em;
	padding-right: 0;
}
.home-items.logos .bgcov{
	width: 16.66%;
	height: 4.6vw;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;

}
.home-items.black {
	background: #161515;
	padding: 2em 2.21em;
}
.home-items.black *{
	color: #ece7e2;

}
.home-items.black .hg-i-fl .bgcov,
.home-items.black .hg-i-fl .bgcov_v{
    height: -webkit-calc(100vh - 11.28em);
    height: -moz-calc(100vh - 11.28em);
    height: calc(100vh - 11.28em);
}
.home-items.black .fs_xl{
	color: #DEC580;
}
.home-items.black .hg-i-fl{
	width: 50%;
	align-content: stretch;
	justify-content: space-between;


}
.home-items.black .b-items{
	width: 50%;
}
.home-items.black h2{
	padding-right: 10%;
}
.h-page .home-items.black .def_des{
	padding-right: 20%;
}

.home-items.black .def_des{
	padding-right: 50%;
	padding-top: 1.42em;

}
.home-items.black .b-items .hg-i-fl{
	width: 50%;
	margin-top: 4.14em;
	justify-content: flex-start;
	padding-right: 5%;
	position: relative;
}

.home-items.aromo .aromo-item{
	position: relative;
	width: 11.425em;
}
.aromo-item .hg-btn{
	margin-top: 1.15em;
}
.home-items.aromo .aromo-item .hg-i-fl.a-item{
	padding: 2.21em;
}
.home-items.aromo .aromo-item .hg-i-fl.a-item{
	display: none ;
}
.home-items.aromo .aromo-item.active .hg-i-fl{
	display: inline-flex;
	justify-content: space-between;
	position: relative;

}
.home-items.aromo .aromo-item.active{
	width: 74%;
	padding-left: 0;
	padding-right: 0;
}
.home-items.aromo .aromo-item{
	padding-left: 0;
}
.home-items.aromo .aromo-item .hg-i-fl .bgcov,
.home-items.aromo .aromo-item .hg-i-fl .bgcov_v{
	position: relative;
	width: 100%;
    height: -webkit-calc(100vh - 10em);
    height: -moz-calc(100vh - 10em);
    height: calc(100vh - 10em);
}
.home-items.aromo .aromo-item .hg-i-fl{
	width: 50%;
	justify-content: stretch;
	align-items: flex-start;
}
.aromo-item.active{
	border-right:  1px solid rgba(0, 0, 0, .15);
}
.aromo-item.active .sp-tit.step{
	opacity: 0;
	pointer-events: none;
}
.sp-tit.step{
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
    width: -webkit-calc(100vh - 6.2em);
    width: -moz-calc(100vh - 6.2em);
    width: calc(100vh - 6.2em);
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position: absolute;
    bottom: 0;
	left: 11.45em;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    background: #ece7e2;
    z-index: 222;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding-right:2.21em ;
    padding-left: 2.21em;
    cursor: pointer;
}
.sp-tit.step .fs_m{
	padding: 2.62em 0;
}
.des-aromo{
	padding-right: 5%;
}

.aromo-item{
	padding:0 2.21em ;
}

.cats .has-sl a{
	width: 24%;
	margin-right: 1%;
	position: relative;
	display: block;
}
.cats .has-sl a p{
	margin-top: .75em ;
	font-weight: 100;
}
.cats .has-sl a .bgcov{
    height: -webkit-calc(23vw * 1.22);
    height: -moz-calc(23vw * 1.22);
    height: calc(23vw * 1.22);
    margin-bottom: .75em;
}
.cats .has-sl a .fs_m {
	text-transform: uppercase;
}
main .home-items.last-item{
	padding-bottom: 0;
}
.home-items.form .hg-btn{
	width: 80%;
	margin: 0 auto;
	margin-top: 2em;
}
.home-items.form{
	min-height: -webkit-calc(100vh - 6.2em);
    min-height: -moz-calc(100vh - 6.2em);
    min-height: calc(100vh - 6.2em);
    padding-right: 0;
    padding-top: 0;

}
.home-items.form .f-cml{
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 50%;
	padding: 0 2.21em;
;
}
.home-items.form .img-grid .bgcov{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home-items.form .img-grid {
	width: 50%;
	height: auto;
	position: relative;
}
.home-items.bib{
	padding: 2.21em;
	display: flex;
	flex-direction: column;
	background: #ece7e2;
}
.home-items.bib div.hg-i-fl{
	width: 25%;
}
.home-items.gall .bgcov,
.home-items.gall .bgcov_v{
	width: 32.5%;
	margin-right: 1%;
	height: 40vw;
}
.home-items.bib > a{
	padding: 2.21em 0;
	border-top: 1px solid rgba(0, 0, 0, .5);
	justify-content: space-between;
	align-items: center;
}
body .flickity-page-dots li{
	display: inline-flex;
	width: 100% !important;
	margin: 0 !important;
	height: 2px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
body .flickity-page-dots{
	width: 90%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	bottom: -2.71em;
}
.ret-prods .sl-nav .next-i,
.home-items .sl-nav .next-i{
	padding-right: 0;
}
.ret-prods .sl-nav,
.home-items .sl-nav{
	margin-top: 2em;
	float: right;
	clear: both;
	background-color: #ece7e2;
	z-index: 222;
	position: relative;
	width: auto;
}
.home-items.gall,
.home-items.cats{
	margin-bottom: 6.2em;
}
.logos .home-tit-item > a{
	display: none;
}
.home-tit-item.sp-aromo::before{
	content: none;
}
.home-tit-item.sp-aromo{
	padding: 3.71em 2.21em;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.home-tit-item{
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 3.71em 0;
	position: relative;
}
.home-tit-item a:hover:before{
	width: 0;
}
.home-tit-item a::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #161515;
	width: 100%;
}
.home-tit-item a{
	position: relative;
	width: fit-content;
}

/*home*/
/*bib*/
.bib-page {
	align-content: stretch;
	border-top: 1px solid rgba(0, 0, 0, .15);
}

.b-page-item.sp .bgcov::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #161515;
	z-index: 2;
	opacity: .65;
}
.b-page-item.sp .bgcov{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

}
.b-page-item.sp .des-i , .b-page-item.sp .trans-btn{
	z-index: 22;
}
.b-page-item {
	width: 33.33%;
	border-right: 1px solid rgba(0, 0, 0, .15);
	border-bottom:1px solid rgba(0, 0, 0, .15);
	min-height: 47vw;
	height: 100%;
	position: relative;
	padding: 2.14em 2.35em;
	justify-content: space-between;
}
.bit-item{
	width: 100%;
	display: inline-flex;
	flex-direction: column;
}
.b-page-item.sp .hg-btn{
	border-color:  #161515;
}
.b-page-item .hg-btn{
	background: transparent;
	color: #161515;
}
.b-page-item .def_des{
	padding: 1em 0;
}
.aromo-i{
	padding: .5em 1.5em;
	border: 1px solid #161515;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    margin-right: .85em;
    margin-bottom: 1em;
}
.b-page-item.sp .des-i strong,
.b-page-item.sp .des-i b{
	text-transform: uppercase;
	font-size: 1.57em;
	margin-bottom: .63em;
	position: relative;
	display: inherit;
}
.type-items{
	justify-content: flex-start;
	margin-bottom: 3.2em;
}
.type-items h3{
	margin-bottom: 1.85em;
}
.type-items .type-i .bgcov{
	width: 5.8vw;
	height: 5.8vw;
	margin: 0 auto;
	margin-bottom: 1em;
}
.type-items .type-i{
	flex-direction: column;
	width: 25%;
	text-align: center;
	align-content: center;
}
.noty-items{
	margin-bottom: 2em;
}
/*bib*/
/*cats*/
.all-cats::before,
.all-cats::after{
	content: '';
	position: relative;
	width: 33.33%;
	height: 0;
	display: inline-flex;
}
.all-cats::before{
	order: 600;
}
.all-cats{
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.all-cats > a{
	position: relative;
	display: inline-flex;
	flex-direction: column;
	width: 33.2%;

}
.all-cats > a .bgcov{
	position: relative;
	width: 100%;
	display: block;
    height: -webkit-calc(33vw * 1.21);
    height: -moz-calc(33vw * 1.21);
    height: calc(33vw * 1.21);
    align-items: top;
}
.all-cats .fs_m{
	text-transform: uppercase;
	margin-top: .4em;
	margin-bottom: 1.625em;
	padding-left: 1.29em;
}
.cat-tpl .woocommerce-info{
	padding: 4em 2.21em;
	text-transform: uppercase;
}
.cat-tpl.all-cats .woocommerce-info{
	display: none;
}
.cat-tit-grid .des{
	width: -webkit-calc(100% - 29vw);
    width: -moz-calc(100% - 29vw);
    width: calc(100% - 29vw);

}
.cat-tit-grid .des .def_des{
	width: 38vw;
	margin:0 auto ;
}
.cat-tit-grid{
    min-height: -webkit-calc(100vh - 12em);
    min-height: -moz-calc(100vh - 12em);
    min-height: calc(100vh - 12em);	
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    padding: 2em 2.21em;
}

.cat-tit-grid .bgcov{
	width: 29vw;
    height: -webkit-calc(29vw * 1.24);
    height: -moz-calc(29vw * 1.24);
    height: calc(29vw * 1.24);
}
/*prods*/
.product_list_hg{
	justify-content: space-between;
	display: flex;
	position: relative;
	align-content: stretch;
}
.product_list_hg::before,
.product_list_hg::after{
	content: '';
	position: relative;
	width: 33.33%;
	height: 0;
	display: inline-flex;
}
.product_list_hg::before{
	order: 	99999;
}
.hg-item{
	width: 33.33%;
	border-right: 1px solid rgba(0, 0, 0, .5);
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	flex-direction: column;
	align-content: center;
	padding:  3.57em 5.85em;
}
.hg-item .pr-img .bgcov{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 0.9em;
	background-size: contain;

}
.hg-item.hov-i:hover .hg-ll-img-st{
	opacity: 0;
}
.hg-item.hov-i:hover .hg-ll-hov{
	z-index: 2;
	opacity: 1;
}
.hg-ll-hov{
	z-index: -1;
	opacity: 0;
}
.hg-item .pr-img{
	width: 20vw;
	height: 20vw;
	position: relative;
	display: block;
}
.l-tit:hover:before{
	opacity: 0;
	width: 0;
}
.l-tit::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #161515;
}
.l-tit{
	margin-top: 3.57em;
	display: table;
	width: auto;
	position: relative;
	cursor: pointer;
}
.s-des{
	padding-top: .5em;
}
/*prods*/
/*cats*/
/*prod page*/
.form-vals > div{
	display: none;
}
.form-vals > div.active{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.form-vals > div span{
	padding-right: .25em;
}
.form-vals > div span.pad-l{
	padding-right: 0;
	padding-left: .25em;
}
#p-file{
border: 1px solid #161515;
text-align: center;
padding: 4em 2em;
cursor: pointer;
}
body .aromos-items .req.unvalid.select-i .select2-container{
	border-bottom: 1px solid red !important;
}
body  .req.unvalid input{
	border-bottom: 1px solid red;
}
body .req.check-i{
	position: relative;
}
body .req.check-i::before{
	content: '';
	position: absolute;
	left: 0;	
	width: 0;
	opacity: 0;
	border-right: 1px solid red;
	left: -1em;

}
body .req.check-i.unvalid::before{
	height: 100%;
	opacity: 1;
}
.prod-tpl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#gall-prod{
	width: 50%;
	position: relative;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}
#gall-items{
	position: relative;
	width: 100%;
    height: -webkit-calc(100vh - 5.74em);
    height: -moz-calc(100vh - 5.74em);
    height: calc(100vh - 5.74em);	
}
#gall-prod .bgcov{
	position: relative;
	width: 100%;
    height: -webkit-calc(100vh - 5.74em);
    height: -moz-calc(100vh - 5.74em);
    height: calc(100vh - 5.74em);
}
#gall-prod .sl-nav{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	justify-content: space-between;
	align-items: center;
	padding: 2em 2.21em;
}
#nav_gall .bgcov{
	width: 7.2vw;
	height: 7.2vw;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);



}
#nav_gall{
	width: 21.6vw;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform-origin: top left;
    right: calc(-50vw + 3.5vw);
    right: -webkit-calc(-50vw + 3.5vw);
    right: -moz-calc(-50vw + 3.5vw);
    right: calc(-50vw + 3.5vw);
    top: -14.4vw;
}
#des-p{
	position: relative;
	width: 50%;
	justify-content: space-between;
	display: inline-flex;
	flex-direction: column;
	height: auto;

}
#des-p #bread-prods *{
	text-transform: uppercase;
}
#des-p #bread-prods{
	padding-left: 0;
}
#des-p{
	padding: 2em 2.21em;
	padding-top: 0;
}
#des-p h1{
	padding-bottom: .5em;
}
#des-p .prod-des{
	width: 55%;
}
#des-p .def_des{
	padding-bottom: 3.57em;
	position: relative;
}
.form-item.active .f-item-grid{
	display: block !important;
}
.hg-prod-th{
	display: none;
}
.form-item {
	margin: 2.14em 0;
	position: relative;
}
.form-item .item-tit *{
	text-transform: uppercase;
}
.form-item .item-tit span{
	opacity: .6;
	margin-bottom: 0.28em;
}
.prod-form{
	position: relative;
	width: 46%;
	padding: 2em 2.21em;
}
.pack-items{
	justify-content: flex-start;
	align-items: flex-end;

}
.pack-i.active:before{
	opacity: 1;
}
.color-i span:before,
.pack-i:before{
	content: '';
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	width: 1.5em;
	height: 1.5em;
	background-image: url(/wp-content/uploads/2024/07/ok.svg);
		background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	display: block;
	margin: 0 auto;
	opacity: 0;
}
.color-i span:before{
	width: 1em;
	height: 1em;
	top: 50%;
	margin-top: -.5em;
	display: block;
	filter: grayscale(1);
}
.color-i.active span:before{
	opacity: 1;
}
.pack-i.active svg *{
	stroke: #35A519;
}
.pack-i{
	margin-right: 2.57em;
	position: relative;
}
.pack-i svg{
	max-width: 11em;
	width: auto;
	height: auto;
}
.color-i.active span{
	border-width: 2px;
	border-color: #161515;
}
.color-i{
	align-items: flex-start;
	position: relative;
}
.color-i{
	position: relative;
	margin-right: 2.54em;
	text-align: center;
	display: inline-flex;
	flex-direction: column;
	width: fit-content;
}
.color-i span{
	width: 1.71em;
	height: 1.71em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    position: relative;
    display: block;
    border:  1px solid rgba(0, 0, 0, .3);
    margin: 0 auto;
    margin-bottom: .8em;
}
.print-items, .corp-items{
	width: 50%;
	align-items: flex-start;
}
.hg-btn,
.r-type, .pack-i, .color-i{
	cursor: pointer;
}
.r-type::before,
.r-type::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.16em;
	height: 1.16em;
	border: 1px solid #161515;
}
.r-type::after{
	background: #161515;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    opacity: 0;
}
.r-type.active::after{
	opacity: 1;
}
.r-type{
	 position: relative;
	 display: inline-flex;
	 margin-bottom: 1em;
	 padding-left: 2em;
}
.f-item-grid {
	display: none;
}
.active .f-item-grid{
	display: block;
}
.f-item-grid .def_des{
	opacity: .6;
	padding-bottom: 2em;
}
.f-item-grid > p:first-child{
	padding-top: 0;
}
.f-item-grid > p{
	padding-bottom: 1.42em;
	padding-top: 2.42em;
}
.r-type-items{
	padding-top:2.42em;
	position: relative;
	padding-bottom: .71em;
}
.comp-items{
	margin-bottom: 2em;
}
.comp-item.active{
	background: #161515;
	color: #ece7e2;
}
.comp-item{
	padding: .5em 1.5em;
	border: 1px solid #161515;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    margin-right: .85em;
    margin-bottom: 1em;
}
.inputs-f {
	padding-bottom: 1.42em;
	justify-content: space-between;
}
.inputs-f .form-row{
	width: 47.5%;
	align-items: flex-start;
	position: relative;
}
.inputs-f .form-row.hg-fw{
	width: 100%;
}
.inputs-f input{
	width: 100%;
	position: relative;
}
.aromos-items{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
}
.aromos-items > .hg-i-fl{
	width: 47.5% !important;
}
.aromos-items .select2-container{
	width: 100%;
	border: 0px solid !important;
	border-bottom: 1px solid rgba(0, 0, 0, .6) !important;
}
body .select2-container--open .select2-dropdown--below, 
body .select3-container--open .select3-dropdown--below{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.select2-selection.select2-selection--single{
	border: 0px solid !important;
}
.f-item-grid{
	padding-top: 2.42em;

}
.date-form::before{
	content: '';
	position: absolute;
	right: 0;
	bottom: .75em;
	width: 1.5em;
	height: 1.5em;
	background-image: url(/wp-content/uploads/2024/07/date-i.svg);
		background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 2;
}
.step_qty{
	padding-bottom: 2em;
}
.cont-items{
	flex-wrap: wrap;
}
.r-type.corp-i.hg-fw p{
	opacity: .6;
}
.r-type.corp-i.hg-fw{
	width: 100%;
}
.r-type.corp-i{
	width: 100%;
}
.step_cont input{
	margin-bottom: 1em;
	position: relative;
	display: block;.
}
.ster-cont .r-type{
	width: 47.5%;
}
.form-meta{
	align-items: flex-start;
	padding-top: 4.14em;
	padding-right: 2.21em;

}
.form-meta-des{
	max-width: 18vw;
}
.form-meta .bgcov{
	width: 11vw;
	height: 11vw;
}
.form-grid{
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
}
.ret-prods {
position: relative;
    padding: 4.28em 2.21em;
    margin-bottom: 4em;
    border-top: 1px solid rgba(0, 0, 0, .15);
}
.ret-prods  a{
	width: 24%;
	margin-right: 1%;
	text-align: center;
}
.ret-prods  a p {
	margin-bottom: 2em;
	padding: 0 10%;
	text-align: center;
}
.ret-prods  a .bgcov{
	height: 23vw;
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 1em;
}

/*prod page*/
/*about page*/
#about-tpl .fs_home .bgcov,
#about-tpl .fs_home .bgcov_v{
	position: absolute;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#about-tpl .fs_home .hg-i-fl::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 2;
	height: 100%;
}
#about-tpl .fs_home .hg-i-fl .def_des *{
	color: #fff;
	text-align: center;
	text-transform: uppercase;


}
#about-tpl .fs_home .hg-i-fl .def_des {
	width: 46vw;
	margin: 0 auto;
}
#about-tpl .fs_home .hg-i-fl .def_des{
	z-index: 222;
	color: #ece7e2;
}
#about-tpl .fs_home .hg-i-fl{
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
#about-tpl .home-items.black{
	justify-content: space-between;
	width: 100%;

}
#about-tpl .home-items.black h2{
	padding-right: 25%;
	text-transform: uppercase;
}
#about-tpl .home-items.black > .hg-i-fl.img-grid{
	width: 30%;
	justify-content: flex-end;
}
#about-tpl .home-items.black > .hg-i-fl{
	flex-direction: column;
	width: 70%;
}
#about-tpl .home-items.black .def_des{
	padding-right: 0;
}
#about-tpl .home-items.black .b-items .hg-i-fl{
	width: 33%;
}
#about-tpl .home-items.black.trans-bg *{
	color: #161515;
}
#about-tpl .home-items.black.trans-bg{
	background: #ece7e2;
	color: #161515;
}
#about-tpl .home-items.black{
	min-height: -webkit-calc(100vh - 10em);
    min-height: -moz-calc(100vh - 10em);
    min-height: calc(100vh - 10em);
}
#about-tpl .home-items.black.trans-bg .bgcov,
#about-tpl .home-items.black.trans-bg .bgcov_v{
	width: 23vw;
    height: -webkit-calc(23vw * 1.21);
    height: -moz-calc(23vw * 1.21);
    height: calc(23vw * 1.21);
}
#about-tpl .home-items.logos .bgcov{
	background-position: center;
}
/*about page*/
/*page*/
.nf-page{
	min-height: -webkit-calc(100vh - 10em);
    min-height: -moz-calc(100vh - 10em);
    min-height: calc(100vh - 10em);
}
.nf-page .hg-i-fl .bgcov{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.nf-page .hg-btn {
	width: 70%;
	position: relative;
	display: table;
	margin: 0 auto;
		margin-top: 2em;
}
.nf-page .hg-i-fl .def-des{
	text-align: center;
}
.nf-page .hg-i-fl{
	width: 50%;
	position: relative;
	justify-content: center;
	position: relative;
}
.cont-tpl .cont-i,
.cont-tpl .form-i{
	flex-direction: column;
	padding: 2em 2.21em;
	align-content: stretch;
}
.cont-tpl .cont-i{
	width: 43%;	
	padding-left: 4.21em;
}
.cont-tpl .form-i{
	width: 57%;

	padding-right: 4.21em;
}
.cont-tpl form > p,
.cont-tpl form{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.cont-tpl form br{
	display: none;
}
.cont-tpl .wpcf7 span.wpcf7-form-control-wrap{
	width: 47.5%;
	margin-bottom: .5em;
}
.cont-tpl .fs_ms{
	text-transform: uppercase;
	margin-bottom: 1.81em;
}
body .cont-tpl .req.check-i > p{
	width: 100%;
	margin-bottom: 1.28em;
}
body .cont-tpl .req.check-i{
	width: 47.5%;
	margin-bottom: 3.71em;
}
.hg-i-fl.req.select-i{
	width: 100%;
	margin-top: 3.71em;
}
.sub-ch{
	margin-top: 2.14em;
}
.select2-container{
	border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
}
.form-item > .hg-fl{
	justify-content: space-between;
}

/*cont*/
/*cont*/
/*info*/
.page-info h1{
	margin-bottom: 1.72em;
	text-transform: uppercase;
}
.page-info{
	justify-content: space-between;
	padding: 2em 2.21em;
}
.page-info .page_nav a::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #161515;
}
.page-info .page_nav a.active::before{
	opacity: 1;
	width: 100%;
}
.page-info .page_nav a.active{
	opacity: 1;
}
.page-info .page_nav a{
	margin-bottom: 1.57em;
	opacity: .5;
	position: relative;
	display: table;
	width: fit-content;
}
.page-info > div,
.page-info > .page_nav{
	width: 31.25%;
	flex-direction: column;
}
.page-info > div.def_des{
	width: 37.5%;
}
/*404*/
.nf-page > div{
	width: 50%;
    height: -webkit-calc(100vh - 5.74em);
    height: -moz-calc(100vh - 5.74em);
    height: calc(100vh - 5.74em);
}
/*404*/
/*def page*/
.def_page h1{/
	text-transform: uppercase;
		margin-bottom: 1.72em;
}
.def_page{
	justify-content: center;
	padding: 2em 2.21em;
}
.def_page .def_des{
	margin: 0 auto;
}
.def_page .def_des{
	padding: 0 31.25%;
}
/*def page*/
/*info*/
/*page*/

#des-p #bread-prods{
	width: 40vw;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 0;
    margin-bottom: 2.5em;
}
header .menu-item.pc-h{
	display: none;
	pointer-events: none;
}
/*new*/
.home-items.black.gall{
	margin-bottom: 0;
}
#about-tpl.work-tpl .home-items.black .b-items.gall  > div.for-tit-new *{
	color: #DEC580;
}
#about-tpl.work-tpl .home-items.black .b-items.gall  > div.for-tit-new{
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 0px solid #000;
	color: #DEC580;
}
#about-tpl.work-tpl .home-items.black.gall > .b-items{
	align-items: center;
    justify-content: center;
	align-content: center;	
}
#about-tpl.work-tpl .home-items.black .b-items.gall .gall-items-hg div.hg-i-fl.gall-i-n{
	width: 23%;
	margin: 1em 1%;
	padding: 0;
	border-bottom: 0px solid #000;

}
#about-tpl.work-tpl .home-items.black .b-items > div.gall-items-hg {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	border-bottom: 0px solid #000;
	margin-top: 2em;

}
.home-items.black.gall div.gall-items-hg h3{
	font-size: 1.28em;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin-top: 1em;
}
.home-items.black.gall .hg-i-fl .bgcov, .home-items.black.gall .hg-i-fl .bgcov_v{
	width: 100%;
	height: 24vw;
}
.work-tpl .home-items.black.gall::before{
	content: none;
}
.aromo-new{
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	width: 100%;
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.aromo-new .media-item{
	width: 38%;
	padding: 2.21em;
	padding-left: 0;
	border-right: 1px solid rgba(0, 0, 0, .5);
}
.aromo-new .media-item{
    height: -webkit-calc(28vw * 1.25);
    height: -moz-calc(28vw * 1.25);
    height: calc(28vw * 1.25);
}
.aromo-new .def_des{
	padding: 2.21em 15%;
	width: 62%;
}
.aromo-new .def_des h2 em,
.aromo-new .def_des h3 em,
.aromo-new .def_des h4 em,
.aromo-new .def_des h5 em{
	font-size: .5em;
	opacity: .25;
	display: block;
	font-style: normal;
	margin-bottom: 1em;
}
.aromo-new .def_des h2,
.aromo-new .def_des h3,
.aromo-new .def_des h4,
.aromo-new .def_des h5{
	font-size: 1.28em;
	margin-bottom: .5em;
	text-transform: uppercase;
}
.work-tpl .home-items.aromo{
	padding: 0;
}
#about-tpl .fs_home .def_des{
	width: 100%;
}
#about-tpl.work-tpl .home-items.black > .b-items,
.work-tpl .home-items.black .des-i{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 100%;
    align-content: stretch;
    align-items: stretch;
}
#about-tpl.work-tpl .home-items.black .b-items .hg-i-fl,
.work-tpl .home-items.black .b-items > div{
	width: 50%;
	text-align: left;
	justify-content: center;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid rgba(222, 197, 128, .2);
	position: relative;
	margin-top: 0;
	padding: 0 10%;
}
.work-tpl .home-items.black .b-items > div .def_des h2,
.work-tpl .home-items.black .b-items > div .def_des h3,
.work-tpl .home-items.black .b-items > div .def_des h4{
	text-transform: uppercase;
	color: #DEC580;
	margin-bottom: .5em;
}

.work-tpl .home-items.black .b-items > div > h3{
	text-transform: uppercase;
	color: rgba(255, 255, 255, .2);

}
#about-tpl.work-tpl .home-items.black h2{
	padding-right: 0;
}
.work-tpl .home-items.black{
	position: relative;
}
#about-tpl.work-tpl .home-items.black{
	padding-top: 0;
	padding-bottom: 0;
}
.work-tpl .home-items.black::before{
	content: '';
	position: absolute;
	top: 0;	
	height: 100%;
	left: 50%;
	border-right: 1px solid #DEC580;
	opacity: 0.2;

}
.work-tpl .home-items.form{
	padding: 0;
}
.work-tpl .home-items.form .des-i{
	width: 38%;
}
.work-tpl .home-items.form .img-grid{
	width: 62%;
}
.work-tpl .home-items.form .des-i > div.btn-grid{
	justify-content: center;
}
.work-tpl .home-items.form .des-i > div.btn-grid *{
	text-transform: uppercase;
}
.work-tpl .home-items.form .des-i > div .fs_xl {
	margin-bottom: .5em;
}
.work-tpl .home-items.form .des-i > div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	text-align: left;
	height: 100%;
	padding: 10% 0;
}
.home-items.form .hg-btn{
	width: 100%;
}
.work-tpl .fs_home .def_des h1,
.work-tpl .fs_home .def_des h3,
.work-tpl .fs_home .def_des h4,
.work-tpl .fs_home .def_des h5{
	margin-bottom: .5em;
}
body.sp-page main{
	margin-top: 0;
}

body.sp-page  header.scroll-h .logo svg *{
	fill: #000;
}
body.sp-page  header.scroll-h{
background: #ece7e2;
}
body.sp-page  header.scroll-h *{
	color: #000;
}
body.sp-page  header *{
	color: #fff;
}
body.sp-page  header{
	background: transparent;
}
body.sp-page  header .logo svg *{
	fill: #fff;
}
body.sp-page .fs_home{
	height: 100vh;
}
.hg-item .pr-img{

	margin: 0 auto;
	margin-bottom: 1em;
}
.hg-item .pr-des h3{
	text-transform: uppercase;
}
.bib-mp .bgcov{
	order: 1;
}

.b-page-item.new .des-i *,
.b-page-item.new .des-i,
.b-page-item.new *{
	text-align: left !important;
}
.b-page-item.new .hg-btn{
	text-align: center !important;
	margin-top: 1em;

}
.b-page-item.new{
	width: 100%;
	min-height: auto;
	height: 70vh;
	padding: 2.14em;
	justify-content: center;
	padding-right: 17%;
}
.aromo-item-n .def_des *,
.aromo-item-n .def_des{
	text-transform: none;

}
.des-i div > h2{
	margin-bottom: .5em;
}
.des-i.ta-l *,
.des-i.ta-l{
	text-align: left;
}

/*new-n*/
header nav a {
	white-space: nowrap;
}
.aromo-new .bgcov{
	background-position: bottom center;
}
#about-tpl .fs_home .hg-i-fl{
	justify-content: center;
}
#about-tpl .fs_home .def_des {
	position: absolute;
	left: 0;
	bottom: 0;
}
#about-tpl .fs_home .hg-i-fl::before{
	content: none;
}
#about-tpl .fs_home{
background: #161515;
}
#about-tpl .fs_home .for-video{
    width: 30vw;
    height: 30vw;
    margin-bottom: 2em;
    position: relative;
}
#about-tpl .fs_home .hg-i-fl{

	margin-bottom: 0;
}
#about-tpl .fs_home .hg-i-fl .def_des h1{
	color: #DEC580;
}
#about-tpl .fs_home .hg-i-fl .def_des{
	background: #161515;
	width: 100%;
	padding: 2em 20%;
}
/*header*/
.menu-item-has-children{
	cursor: pointer;
}
.menu-item-has-children.active > .sub-menu{
		transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}
.menu-item-has-children > .sub-menu{
	position: fixed;
	left:0;
	top: -1.5em;
	height: auto;
	width: 100vw;
	padding-top: 6em;
	transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    flex-direction: row;
    padding-left: 2.21em;
    padding-bottom: 1.5em;
    display: flex;
    z-index: -1;
    background: #ece7e2;
}
body.sp-page .scroll-h .menu-item-has-children > .sub-menu *{
		color: #161515;
}
body.sp-page .scroll-h .menu-item-has-children > .sub-menu{
	background: #ece7e2;
}
body.sp-page .menu-item-has-children > .sub-menu{
	background-color: #161515;
}
.h-page .menu-item-has-children > .sub-menu{
	filter: invert(1);	
	left: -2.21em;
	background-color: #161515;

}
.h-page .menu-item-has-children > .sub-menu{
	filter: invert(1);	
	left: -2.21em;
	background-color: #161515;

}
body.sp-page .menu-item-has-children > .sub-menu a,
.h-page .menu-item-has-children > .sub-menu a{
	color: #fff;
}
.menu-item-has-children > .sub-menu a{
	white-space: nowrap;
	color: #161515;
}
.home-tit-item.type-aromo *,
.home-tit-item.type-aromo{
	text-transform: uppercase;
	color: #DEC580;
}
.fs_home .def_des{
	font-size: 1.2em;
}
/*new-n*/
/*new*/
/*
@media only screen and (min-width:1023px) and (max-width: 1280px){
	body{
		font-size: 12px;
	}
	.r-side.for-nav-m #h_m_menu_r{
		display: none;
	}
	#mob-m,
	.pc-h.for-nav-m{
		display: inline-flex !important;
		pointer-events: all;
	}

header #mob-m div{
	border-bottom: 2px solid #161515;
	position: absolute;
	width: 100%;
	left:0;
	top: 0;
}
header #mob-m div.center{
	top: 50%;

}
header #mob-m div:last-child{
	top: 100%;
	margin-top: -1px;
}
header #mob-m{
	display: inline-flex;
	position: relative;
	width: 1.28em;
	height: 1.28em;
}
header #mob-m.active div.center{
	opacity: 0;
	transform: rotate(0deg) translateX(-100%);
    -webkit-transform: rotate(0deg) translateX(-100%);
    -ms-transform: rotate(0deg) translateX(-100%);
}
header #mob-m.active div{
	top: 50%;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
header #mob-m.active div:last-child{
	top: 50%;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    margin-top: 0;
}
#h_m_menu{
	display: flex;
	flex-direction: column;
}
.sp-nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 50vw;
	height: 100vh;
	flex-direction: column;
	justify-content: flex-start;
	background: #ece7e2;
	padding: 1.14em 1em;
	padding-top: 5.28em;
	z-index: -1;
	transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
}
.mm-open .sp-nav{
	transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
    pointer-events: all;

}



}*/

@media only screen and (min-width:1023px) and (max-width: 1279px){
body.sp-page.mm-open header,
body header .new-nav{
	background: #ece7e2 !important;
}
.menu-item-has-children > .sub-menu{
	position: relative;
	left:auto;
	top: auto;
	height: auto;
	width: 100vw;
	padding-top: 1em;
	transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    flex-direction: row;
    padding-left: 1em;
    padding-bottom: 1em;

    z-index: 1;
    background: transparent;
    display: none;
}
.menu-item-has-children > .sub-menu > li{
	width: 100%;
}
.h-page .menu-item-has-children > .sub-menu{
	left: auto;
	filter: invert(0);
	background: transparent;
}

	main{
		margin-top: 5.5em;
	}
	body{
		font-size: 12px;
	}
	header nav.r-side ul.mob-h,
	header .new-nav .logo-grid.mob-h,
	.r-side.for-nav-m #h_m_menu_r{
		display: none !important;
	}
	ul.hg-an-ob.lang.pc-h,
	.logo.pc-h,
	#mob-m,
	.pc-h.for-nav-m{
		display: inline-flex !important;
		pointer-events: all !important;
	}
header .logo.pc-h svg {
    height: 2.5em;
    width: auto;
}
.l-sub-menu.mob-h.open{
	display: flex !important;
	pointer-events: all!important;
}
.l-sub-menu {
	position: absolute;
    right: -1em;
    top: 100%;
    background: #ece7e2;
    padding: 1em;
    display: none;
}
.lang span{
    padding-right: 1.5em;
    height: fit-content;
    position: relative;
}
.lang span::before {
    top: 50%;
    margin-top: -.125em;

}
#h_m_menu{
	padding-left: 2.21em;
}
#h_m_menu a{
	margin-bottom: 1em;
}
#h_m_menu a {
        margin-bottom: 1em;
        position: relative;
        display: inline-flex;
}
#h_m_menu,
header .new-nav > nav{
	width: 100%;
	flex-direction: column;
	display: flex;
}
header .menu-item.pc-h{
	display: inline-flex;
	pointer-events: all;
}
 header .new-nav *{
 	color: #fff;
 }
    header .new-nav {
        position: fixed;
        top: 5.5em;
        left: 0;
        width: 50vw;
        height: 100vh;
        flex-direction: column;
        justify-content: flex-start;
        background: #161515;
        color: #fff;
        padding: 1.14em 1em;
        padding-top: 5.28em;
        z-index: -1;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        opacity: 0;
        filter: invert(0);
    }
    .mm-open header .new-nav {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        opacity: 1;
    }
.pc-h.for-nav-m,
.hg-an-ob.lang.pc-h{
	width: 20%;
}
.hg-an-ob.lang.pc-h{
	justify-content: flex-end;
	text-align: right;
}
header a#logo svg{
	height: 1.28em;
	width: auto;
}
header #mob-m div{
	border-bottom: 2px solid #161515;
	position: absolute;
	width: 100%;
	left:0;
	top: 0;
}
header #mob-m div.center{
	top: 50%;

}
header #mob-m div:last-child{
	top: 100%;
	margin-top: 0;
}
header #mob-m{
	display: inline-flex;
	position: relative;
	width: 1.28em;
	height: 1em;
}
header #mob-m.active div.center{
	opacity: 0;
	transform: rotate(0deg) translateX(-100%);
    -webkit-transform: rotate(0deg) translateX(-100%);
    -ms-transform: rotate(0deg) translateX(-100%);
}
header #mob-m.active div{
	top: 50%;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
header #mob-m.active div:last-child{
	top: 50%;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    margin-top: 0;
}
header{
	justify-content: space-between;
}
.work-tpl .fs_home .def_des h1, .work-tpl .fs_home .def_des h3, .work-tpl .fs_home .def_des h4, .work-tpl .fs_home .def_des h5, .fs_l{
	font-size: 1.5em;
}
body .fs_home > .hg-i-fl {
    width: 25vw;
    height: 25vw;
}
header #mob-m div.center{
	margin-top: -1px;
}
body.sp-page header.scroll-h #mob-m div{
border-color: #000;
}
body.sp-page.mm-open header{
	background-color: #161515;
}
body.h-page.mm-open header.scroll-h .lang,
body.h-page.mm-open header.scroll-h .logo.pc-h,
body.h-page.mm-open header.scroll-h .for-nav-m,
body.h-page.mm-open header.scroll-h .new-nav,
body.sp-page header.scroll-h .lang span::before{
	filter: invert(0);
}

body.h-page.mm-open,
body.sp-page header #mob-m div{
	border-bottom: 2px solid #fff;
}
body.h-page.mm-open header .lang,
body.h-page.mm-open header .logo.pc-h,
body.h-page.mm-open header .for-nav-m,
body.h-page.mm-open .new-nav,
body.sp-page header .lang span::before{
	filter: invert(0);
}
body.h-page.mm-open header{
	background: #ece7e2;
}
body.mm-open header *,
body.sp-page.mm-open header *,
body.h-page.mm-open header *,
body.h-page.mm-open .new-nav *{
	color:  #161515 !important;
}
body.mm-open header #mob-m div{
	border-color: #000;
}
body.mm-open header .logo svg *,
body.sp-page header.scroll-h .logo svg *{
	fill: #000;
}
}

@media only screen and (min-width:1280px) and (max-width: 1440px){
	body{
		font-size: 12px;
	}
	#about-tpl.work-tpl .home-items.black.gall .fs_xl,
	.fs_xl{
		font-size: 2.355em
	}
	.fs_ms{
		font-size: 1.17em;
	}
	.fs_m{
		font-size: 1.28em;
	}
	.fs_ls{
		font-size: 1.71em
	}
	.work-tpl .fs_home .def_des h1,
.work-tpl .fs_home .def_des h3,
.work-tpl .fs_home .def_des h4,
.work-tpl .fs_home .def_des h5,
	.fs_l{
		font-size:1.92em;
	}
	.home-items.bib div.hg-i-fl{
		width: 40%;
	}
	header nav{
		width: auto;
	}
	header a#logo{
		width: 10%;
	}


	#hg-preeloader svg,
	header a#logo svg{
		height: 1.5em;
	}
	main {
	    margin-top: 5.5em;
	}
	.pack-items svg {
        max-width: unset;
        width: auto;
        height: auto;
    }
	 .pack-items{
		transform: scale(.75);
	    -webkit-transform: scale(.75);
	    -ms-transform: scale(.75);
		transform-origin: left center;
	    -webkit-transform-origin: left center;
	    -ms-transform-origin: left center;
	}
	.home-items.aromo .aromo-item{
		width: 8.5875em;
	}
	.sp-tit.step{
		left: 8.5875em;
	}
}
@media only screen and (min-width:14401px) and (max-width: 1680px){
	body{
		font-size: 13px;
	}



}
@media only screen and (min-width:1px) and (max-width: 1023px){
#about-tpl .fs_home .hg-i-fl .def_des{
	position: relative;
}
#about-tpl .fs_home .for-video{
	width: 60vw;
	height: 60vw;
}

body.sp-page .fs_home {
	height: auto;
}
body.sp-page .fs_home.vid-grid{
	height: 100vh;
}
.b-page-item.new{
	height: auto;
}
.bib-mp{
	flex-direction: column;
}
.bib-mp .bgcov,
#about-tpl .fs_home .bgcov, #about-tpl .fs_home .bgcov_v{
	position: relative;
	height: 100vw;
	order: -1;
}
#about-tpl .fs_home .bgcov_v{
	height: 60vw;
}
.menu-item-has-children > .sub-menu{
	position: relative;
	left:auto;
	top: auto;
	height: auto;
	width: 100vw;
	padding-top: 1em;
	transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    flex-direction: row;
    padding-left: 1em;
    padding-bottom: 1em;

    z-index: 1;
    background: transparent;
    display: none;
}
.menu-item-has-children > .sub-menu > li{
	width: 100%;
}
.h-page .menu-item-has-children > .sub-menu{
	left: auto;
	filter: invert(0);
	background: transparent;
}



header .menu-item.pc-h{
	display: inherit;
	pointer-events: all;
}

.new-nav{
	display: inline-flex;
	width: 20%;
	justify-content: flex-end;
}
header a#logo{
	width: 60%;
	justify-content: center;
}
header .for-nav-m{
	width: 20%;
}
#hg-preeloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #161515;
	z-index: 99999;
        padding: 1.14em 1em;
 }
#hg-preeloader.h-pre{
	opacity: 0;
	pointer-events: none;
}
#hg-preeloader svg path{
	fill: #ece7e2;
}
#hg-preeloader svg{
	    height: 1.28em;
    width: auto;
    margin: 0 auto;
    display: table!important;
}


/*header*/
.tr-header header{
	border-bottom: 0px solid rgba(255, 255, 255, .15);
}
.tr-header header #mob-m,
.tr-header header .lang span::before,
.h-page header{
	background: transparent;
	filter: invert(1);
}
.tr-header header.scroll-h #mob-m,
.tr-header header.scroll-h .lang span::before{
	filter: invert(0);
}
.h-page header.scroll-h{
	background: #ece7e2;
	filter: invert(0);
}
.new-nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	flex-direction: column;
	justify-content: flex-start;
	background: #ece7e2;
	padding: 1.14em 1em;
		padding-top: 5.28em;
	z-index: -1;
	transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    opacity: 0;
}
.tr-header.mm-open header #mob-m{
	filter: invert(0);
}
.tr-header.mm-open header.scroll-h *{
	color: #ece7e2;
}
header nav.r-side ul.l-sub-menu{
	top: 2em;
}
.tr-header.mm-open header #mob-m div{
        border-bottom: 2px solid #ece7e2;
}
.tr-header.mm-open header.scroll-h #logo svg *{
	fill: #ece7e2;
}
.tr-header.mm-open header.scroll-h .sp-nav a{
color: #ece7e2;
}
.tr-header.mm-open header .sp-nav{
	background: #161515;
}
.mm-open .new-nav{
	transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
}
header{
	padding: 1.14em 1em;
}
#h_m_menu{
	flex-direction: column;
	display: flex;
}
#h_m_menu li a{
	position: relative;
	display: table;
	width: fit-content;
	margin-bottom: .5em;
}
header a#logo svg{
	height: 1.28em;
	width: auto;
}
header #mob-m div{
	border-bottom: 2px solid #161515;
	position: absolute;
	width: 100%;
	left:0;
	top: 0;
}
header #mob-m div.center{
	top: 50%;

}
header #mob-m div:last-child{
	top: 100%;
	margin-top: 0;
}
header #mob-m{
	display: inline-flex;
	position: relative;
	width: 1.28em;
	height: 1em;
}
header #mob-m.active div.center{
	opacity: 0;
	transform: rotate(0deg) translateX(-100%);
    -webkit-transform: rotate(0deg) translateX(-100%);
    -ms-transform: rotate(0deg) translateX(-100%);
}
header #mob-m.active div{
	top: 50%;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
header #mob-m.active div:last-child{
	top: 50%;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    margin-top: 0;
}
header{
	justify-content: space-between;
}
body header nav.r-side{
	width: 20%;
}
/*header*/
/*all*/
.hg-pop{
	padding: 1.5em 1em;
}
.hg-pop .for-form{
	width: 100%;
}
.h-page main{
	margin-top: 0;
}
html .mob-h{
	display: none !important;
	pointer-events: none;
}
main{
	margin-top: 3.5em;
}
/*fonts*/
.fs_ls{
	font-size: 1.16em;
}
body{
	font-size: 12px;
}
.work-tpl .fs_home .def_des h1,
.work-tpl .fs_home .def_des h3,
.work-tpl .fs_home .def_des h4,
.work-tpl .fs_home .def_des h5,
.fs_l{
	font-size: 1.28em;
}
.home-items.bib .fs_xl,
.fs_m,
.fs_ms{
	font-size: 1em;
}
#about-tpl.work-tpl .home-items.black.gall .fs_xl,
.fs_xl {
	font-size: 1.5em;
}
/*fonts*/
/*all*/
/*footer*/
#f-logo svg,
#f-logo{
	width: 100%;
	height: auto;
	position: relative;
}
footer .hg-i-fl:last-child{
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;

}
.hg-fw .hg-fl.footer_menu{
	flex-direction: column;
	width: 100%;
}
.hg-fw .hg-fl.footer_menu nav {
	margin-bottom: 2.71em;
}
footer{
	padding: 1.5em 1em;
}
/*footer*/
/*home*/
.home-items.black,
.fs_home{
	flex-direction: column;
}
.home-items.black .hg-i-fl{
	width: 100%;
}
.fs_home .hg-i-fl {
	width: 100%;
	height: 50vh;
}
.fs_home .sm-items .bgcov{
	width: 34vw;
    height: -webkit-calc(34vw * 1.25);
    height: -moz-calc(34vw * 1.25);
    height: calc(34vw * 1.25);
	margin: 2em auto;
}
.sm-items{
	padding: 1.14em 1em;
}
.home-items.logos .bgcov{
	width: 25%;
	height: 3em;
}
.home-items.black h2,
.home-items.black .def_des{
	padding-right: 0;
}
.home-items.black .hg-i-fl{
	padding-right: 0;
}
.home-items.black .b-items{
	width: 100%;
	margin-bottom: 1.33em;
}
.home-items.black{
	padding: 2em 1.14em;
}
.home-items.aromo{
	flex-direction: column;
}
.home-items.bib div.hg-i-fl,
.home-items.aromo .aromo-item.active .hg-i-fl,
.home-items.aromo .aromo-item.active,
.home-items.aromo .aromo-item{
	width: 100%;
}
.home-items.aromo .aromo-item.active .hg-i-fl.des-aromo {
	order: 2;
}
.home-items.aromo .aromo-item.active .hg-i-fl.des-aromo > div:last-child{
	padding-top: 7.58em;
}
.home-items.aromo{
	height: auto;
}
.aromo-item.active .sp-tit.step{
	display: none;
}
.aromo-item{
	padding: 0;
}
.sp-tit.step .fs_m{
	padding: 1em 0;
}
.cats .has-sl a{
	width: 55vw;
}
.cats .has-sl a .bgcov {
	width: 100%;
    height: -webkit-calc(55vw * 1.22);
    height: -moz-calc(55vw * 1.22);
    height: calc(55vw * 1.22);
    margin-bottom: .75em;
}
.home-items.form .img-grid,
.home-items.gall .bgcov, .home-items.gall .bgcov_v,
.home-items.black .hg-i-fl .bgcov, .home-items.black .hg-i-fl .bgcov_v,
.home-items.aromo .aromo-item .hg-i-fl .bgcov, .home-items.aromo .aromo-item .hg-i-fl .bgcov_v{
    height: -webkit-calc(100vw * 1.25);
    height: -moz-calc(100vw * 1.25);
    height: calc(100vw * 1.25);	
}

.home-items.aromo .aromo-item{
	flex-direction: column;
	width: 100%;
}
.home-items.bib > a{
	flex-direction: column;
}
.sp-tit.step{
display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    background: #ece7e2;
    z-index: 222;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding-right: 2.21em;
    padding-left: 2.21em;
    cursor: pointer;
}
.home-items.bib > a{
	align-items: flex-start;
}
.home-items.gall .bgcov, .home-items.gall .bgcov_v{
	width: 100%;
}
.home-items.form{
	flex-direction: column;
	padding-left: 0;
}
.home-items.form .img-grid{
	order: -1;
}
.home-items.form .img-grid,
.home-items.form .f-cml{
	width: 100%;
}

.home-items.form .f-cml.des-i{
	padding: 20% 1em ;
	height: 50vh;
	justify-content: center;
}
.home-items.bib > a{
	padding: 1em;
}
.home-tit-item,
.home-items,
.home-items.aromo .aromo-item .hg-i-fl.a-item,
.home-tit-item.sp-aromo{
	padding: 1.5em 1em;
}
.home-items.aromo .aromo-item.active{
	border-right: 0px solid ;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.home-items.aromo{
	border-bottom: 0px solid;
}
.home-items .sl-nav{
	width: auto;
}
.home-items  .sl-nav .next-i{
	padding-right: 0;
}
.home-items.bib .fs_xl{
	padding-bottom: 3.8em;
}
.home-items.bib{
	padding: 0;
}
.home-items.bib > a:last-child{
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.home-items.gall, .home-items.cats{
	padding-top: 0;
}
.home-items.gall .home-tit-item{
	padding: 1.5em 0;
}
.home-items.gall .bgcov, .home-items.gall .bgcov_v{
	margin-right: 0;
}
.home-items.form .hg-btn{
	width: 100%;
}
.home-items.logos{
	padding: 6em 1em;
}
/*home*/
/*about*/
#about-tpl .fs_home .hg-i-fl .def_des *{
	width: 100%;
	padding: 1em;
}
#about-tpl  .home-items.black .b-items{
	order: 2
}
#about-tpl  .black.trans-bg .hg-i-fl.f-clm.des-i{
	min-height: 60vh;
}
#about-tpl  .black .hg-i-fl.f-clm.des-i{
	justify-content: space-between;
	min-height: 80vh;
}
#about-tpl  .black .hg-i-fl.f-clm.des-i::before{
	content: '';
	position: relative;
	order: 1;
}
#about-tpl .home-items.black {
	margin-bottom: 1.5em;
}
#about-tpl .home-items.black > .hg-i-fl.img-grid{
	width: 100%;
}
#about-tpl .fs_home .hg-i-fl{
	height: 100%;
}
#about-tpl .home-items.black > .hg-i-fl{
	width: 100%;
	padding-right: 0;
}
#about-tpl .home-items.black.trans-bg .bgcov, #about-tpl .home-items.black.trans-bg .bgcov_v{
	width: 50%;
	height: -webkit-calc(50vw * 1.21);
    height: -moz-calc(50vw * 1.21);
    height: calc(50vw * 1.21);
    order: 2;
}
#about-tpl .home-items.black h2{
	padding-right: 0;
}
/*about*/
/*cats*/
.cat-tit-grid{
	padding: 0;
}
#bread-prods{
	padding: 1.5em 1em;
}
.cat-tit-grid .bgcov{
	order: -1;
	width: 100%;
    height: -webkit-calc(100vw* 1.24);
    height: -moz-calc(100vw* 1.24);
    height: calc(100vw* 1.24);
}
.cat-tit-grid .des{
	width: 100%;
}
.cat-tit-grid .des h1{
	margin-bottom: 1em;
	position: relative;
	display: block;
}
.cat-tit-grid .des .def_des{
	width: 100%;
	padding: 1.5em 1em;
}
.cat-tit-grid{
	flex-direction: column;
}
.all-cats > a{
	width: 100%;

}
.all-cats > a .bgcov {
    height: -webkit-calc(100vw* 1.21);
    height: -moz-calc(100vw* 1.21);
    height: calc(100vw* 1.21);
    align-items: top;
}
.hg-item{
	width: 100%;
	padding: 1.5em 1em;
	border-right: 0px solid rgba(0, 0, 0, .5);
}
.hg-item .pr-img{
	width: 90vw;
	height: 90vw;
}
.hg-item.hov-i:hover .hg-ll-img-st{
	opacity: 1;
}
/*cats*/
/*prod page*/
.ret-prods a{
	width: 49%;
}
.ret-prods a .bgcov{
	height: 48vw;
}
#gall-prod, #des-p{
	width: 100%;
}
#gall-items{
	height: 100vw;
}
#gall-prod .bgcov {
    position: relative;
    width: 100%;
    height: 100vw;
}
#des-p{
	padding: 1.5em 1em;
	display: flex;
	flex-direction: column;
	position: 0;
}
#des-p > div:first-child{
	order: 3;
}
#des-p .prod-des{
	width: 100%;
}
#nav_gall {
    width: 100vw;
    margin-left: -1em;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform-origin: top left;
    right: 0;
    top: 0;
}
#nav_gall .bgcov {
    width: 33.333vw;
    height: 33.333vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.prod-tpl .sl-nav .hg-fl{
	display: none;
}
#gall-prod .sl-nav{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding: 0;
    bottom: auto;
}
.prod-tpl .sl-nav .hg-i-fl{
	width: 100%;
	justify-content: space-between;
}
#des-p #bread-prods{
	padding: 1.5em 0;
	padding-bottom: .5em;
	margin-bottom: 1em;
    width: -webkit-calc(100vw - 2em);
    width: -moz-calc(100vw - 2em);
    width: calc(100vw - 2em);
    overflow-x: auto;
    white-space: nowrap;
}
.form-grid{
	flex-direction: column;
}
.form-meta-des{
    max-width: -webkit-calc(100% - 30vw);
    max-width: -moz-calc(100% - 30vw);
    max-width: calc(100% - 30vw);
}
.form-meta .bgcov{
	width: 30vw;
	height: 30vw;
}
.form-meta{
	order: -1;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	justify-content: space-between;
}
.form-meta, .prod-form{
	width: 100%;
	padding: 1.5em 1em;
}
.pack-items svg{
		max-width: unset;
}
.pack-items{
	transform: scale(.5);
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
	transform-origin: left center;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
}
.inputs-f .form-row{
	width: 100%;
}
/*prod page*/
/*bib*/
.b-page-item{
	width: 100%;
}
.b-page-item{
	min-height: 70vh;
	padding: 2em 1.5em;
}
.type-items .type-i .bgcov{
	width: 22vw;
	height: 22vw;
}
/*page*/
.page-tpl,
.page-info{
	flex-direction: column;
	padding: 1.5em 1em;
}
.cont-tpl .cont-i,
.cont-tpl .form-i{
	width: 100%;
	padding: 1.5em 1em ;
	border-right: 0px solid ;
	border-bottom: 4em;
}
.cont-tpl .cont-i{
	padding: 4em 1em;
	border-top: 1px solid rgba(0, 0, 0, .15);
}
.page-links a.active{
	order: -1;
}
.page-links a{
	white-space: nowrap;
	margin-right: 2em;
}
.page-links{
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	margin-bottom: 1.5em;
}
/*page*/
.page-info > div.def_des,
.page-info > div, .page-info > .page_nav,
.cont-tpl .wpcf7 span.wpcf7-form-control-wrap{
	width: 100%;
}
/*new*/

header .new-nav{
	justify-content: flex-end;
}
.h-page header > *{
	filter: invert(0);
}
header .for-nav-m,
header .lang{
	width: 30%;
}
header .lang *{
	text-transform: uppercase;
}

header .lang > span{
	position: relative;
	padding-right: 1.5em;
}
header .lang{
	text-align: right;
	justify-content: flex-end;
	text-transform: uppercase;
}
header .logo.pc-h{
	width: 40%;
}
body .fs_home > .hg-i-fl{
	width: 60vw;
	height: 60vw;
}
header .logo.pc-h svg{
height: 1.28em;
margin: 0 auto;
width: 100%;
}
.fs_home .def_des,
.fs_home .des-grid h1, .fs_home .des-grid h2, 
.fs_home .des-grid h3, .fs_home .des-grid h4, 
.fs_home .des-grid h5{
	width: 80%;
}
#about-tpl .fs_home .hg-i-fl .def_des{
	width: 100%;
	padding: 2em;
}
.tr-header.mm-open header .sp-nav{
	width: 100%;
}
.aromo-item-n {
	flex-direction: column;
}
.aromo-item-n > div{
	width: 50%;
}
.aromo-item-n > div.tit-new{
	margin-bottom: 1em;
}
.home-items.aromo{
	padding: 1.5em 1em;
}
.home-items.aromo.active .sp-item-sk.bgcov{
	opacity: 1;
	right: 0;
	position: fixed;
}
.sp-item-sk.bgcov{
	left: auto;
	width: 45vw;
	height: 50vw;
	margin-top: -25vw;
	opacity: 0;
	position: fixed;
	top: 50%;
	right: 0;
	position: fixed;
	opacity: 0;

}
header .new-nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	justify-content: flex-start;
}

header .new-nav > nav,
.sp-nav{
	width: 100%;
}
.aromo-new{
	flex-direction: column;
}
.aromo-new .def_des,
.aromo-new >div,
.aromo-new .media-item{
	width: 100%;
}
.aromo-new .media-item{
	padding: 2.21em 1.5em;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    border-right: 0px solid rgba(0, 0, 0, .5);
}
.home-items.black.gall .hg-i-fl .bgcov, .home-items.black.gall .hg-i-fl .bgcov_v,
.aromo-new .media-item {
    height: -webkit-calc(90vw * 1.25);
    height: -moz-calc(90vw * 1.25);
    height: calc(90vw * 1.25);
}
#about-tpl.work-tpl .home-items.black .b-items.gall .gall-items-hg div.hg-i-fl.gall-i-n,
.work-tpl .home-items.form .img-grid{
	width: 100%;
}
.home-items.form .f-cml.des-i{
	height: auto;
	width: 100%;
	padding: 0 1.5em;
}
#about-tpl.work-tpl .home-items.black .b-items .hg-i-fl, 
.work-tpl .home-items.black .b-items > div{
	width: 100%;
	padding-top: 2.21em;
	padding-bottom: 2.21em;
}
#about-tpl.work-tpl .home-items.black,
#about-tpl.work-tpl .home-items.black > .b-items, .work-tpl .home-items.black .des-i{
	padding-left: 0;
	padding-right: 0;
}
.work-tpl .home-items.black::before{
	content: none;
}
#about-tpl.work-tpl .home-items.black > .b-items,
.work-tpl .home-items.black .des-i,
#about-tpl.work-tpl .home-items.black > .b-item,
#about-tpl.work-tpl  .home-items.black{
	min-height: auto;
	margin-bottom: 0;
}
.work-tpl .fs_home .def_des h1, .work-tpl .fs_home .def_des h3, .work-tpl .fs_home .def_des h4, .work-tpl .fs_home .def_des h5, .fs_l{
	font-size: 1.5em;
	padding: 0 !important;
}
.b-page-item.new{
	padding: 2.21em 1.5em;
}
body.h-page .aromo-item-n > div{
width: 50%;
}
.aromo-item-n > div{
	width: 100%;
}
.aromo-i{
	margin-right: .25em;
}
body.sp-page header.scroll-h #mob-m div{
border-color: #000;
}
body.h-page.mm-open header.scroll-h .lang,
body.h-page.mm-open header.scroll-h .logo.pc-h,
body.h-page.mm-open header.scroll-h .for-nav-m,
body.h-page.mm-open header.scroll-h .new-nav,
body.sp-page header.scroll-h .lang span::before{
	filter: invert(0);
}

body.h-page.mm-open 
body.sp-page header #mob-m div{
	border-color: #fff;
}
body.h-page.mm-open header .lang,
body.h-page.mm-open header .logo.pc-h,
body.h-page.mm-open header .for-nav-m,
body.h-page.mm-open .new-nav,
body.sp-page header .lang span::before{
	filter: invert(1);
}
.l-sub-menu.mob-h.open{
	display: flex !important;
	pointer-events: all!important;
}
.l-sub-menu {
	position: absolute;
    right: .5em;
    top: 100%;
    background: #ece7e2;
    padding: 1em;
}
.sp-page  header::before{
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgb(0 0 0 / 25%);
    z-index: -1;
}
.sp-page  header.scroll-h::before{
	opacity: 0;
}
.sp-page  header #mob-m div{
	border-color: #fff;
}
.sp-page.mm-open  header #mob-m div{
	border-color: #000;
}
body.sp-page.mm-open header * {
    color: #000;
}
body.sp-page.mm-open header .logo svg * {
    fill: #000;
}
body.sp-page.mm-open header .lang span::before{
	filter: invert(0);
}
/*new*/

}