:root{
	--color-orange:			#ED5338;
	--color-brown:			#C59368;
	--color-brown-hover:	#d4ae8e;
	--color-grey:			#868686;
}

.color-orange{ color: var(--color-orange); }
.color-brown{ color: var(--color-brown); }
.color-grey{ color: var(--color-grey); }

.background-orange{ background-color: var(--color-orange); }
.background-brown{ background-color: var(--color-brown); }
.background-grey{ background-color: var(--color-grey); }


html{
	font-size: 14px;
}

body, input, textarea, button, select{
	font-family: 'Circe';
	color: #000000;
}

body{
	padding-top: 5em;
}

main{
	flex: 1 0 auto;
}

footer{
	
}

#page{
	min-height: calc(100vh - 5em);
	display: flex;
    flex-direction: column;
}




.div_header{
	position: fixed;
	box-sizing: border-box;
	top: 0em;
	left: 0em;
	right: 0em;
	height: 5em;
	background-color: #ffffff;
	border-bottom: 1px solid var(--color-orange);
	z-index: 100;
}

.div_header .div_spacer{
	padding: 0em !important;
}

.div_header, .div_header .div_spacer{
	height: 5em;
}

.div_header .logo{
	display: block;
	height: 2.5em;
	outline: none;
}


.div_header_mobile{
	position: fixed;
	top: 5em;
	left: 0em;
	right: 0em;
	bottom: 0em;
	width: 100%;
	z-index: 200;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s cubic-bezier(0.79,0,0.27,1.55);
}

.div_header_mobile.active{
	visibility: visible;
	opacity: 1;
}

.div_header_mobile .overlay{
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.5);
}

.div_header_mobile .div_menu{
	position: absolute;
	top: 0em;
	right: 0em;
	left: 0em;
	/*bottom: 0em;*/
	/*width: 24em;*/
	max-width: 100%;
	max-height: 100%;
	background-color: #ffffff;
	z-index: 2;
	box-sizing: border-box;
	padding: 2em 0em 2em 0em;
	box-shadow: 0em 0.5em 0.5em rgba(0, 0, 0, 0.1);
    overflow: auto;
}

.div_header_mobile .div_menu ul{
	height: 100%;
	overflow: auto;
}

body.admin-bar .div_header{ margin-top: 32px; }
body.admin-bar .div_header_mobile{ margin-top: 32px; }

@media screen and (max-width: 782px){
	body.admin-bar .div_header{ margin-top: 46px; }
	body.admin-bar .div_header_mobile{ margin-top: 46px; }
}





.div_footer{
	color: var(--color-grey);
	background-color: #E9E9E9;
}

.div_footer ._svg{
	fill: #ffffff;
}

.div_footer .logo{
	display: block;
	height: 2.5em;
	outline: none;
}



.div_plate{
	border-bottom: 1px solid var(--color-orange);
}

.div_plate:not(.is-active){
	display: none;
}



.div_section{
	box-sizing: border-box;
	padding: 0em 0em;
}

.div_section.top0{
	padding-top: 0em !important;
}

.div_section.bottom0{
	padding-bottom: 0em !important;
}

.div_section.mod0{
	padding: 1.5em 0em;
}

.div_section.mod1{
	padding: 2.5em 0em;
}

.div_section.mod2{
	padding: 2.5em 0em 1.0em 0em;
}

.div_section.mod3{
	padding: 1em 0em 2.5em 0em;
}




.__items_catalog_info .__item{
	background: linear-gradient(269.83deg, rgba(197, 147, 104, 0.2) 0.13%, rgba(197, 147, 104, 0.1) 99.86%);
	border-radius: 1.5em;
	padding: 1.5em;
}

.__items_catalog_info .__item .ratio-content{
	background-position: 100% 100%;
}


.__items_catalog .__item{
	border-radius: 1.5em;
	padding: 1.0em 1.5em;
	height: 100%;
	box-shadow: inset 0em 0em 1em rgba(0, 0, 0, 0.15);
}


.__items_products .__item{
	border-radius: 1.5em;
	padding: 1.0em 1.0em;
	height: 100%;
	box-shadow: inset 0em 0em 1em rgba(0, 0, 0, 0.15);
}


.div_filters{
	position: absolute;
	top: calc(100% + 1px);
	left: 0em;
	right: 0em;
	width: calc(100% + 1px);
	z-index: 90;
	background-color: #ffffff;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s cubic-bezier(0.79,0,0.27,1.55);
}

.div_filters_wrapper.is-active .div_filters{
	visibility: visible;
	opacity: 1;
}




a[href="#inactive"]{
	opacity: 0.5;
	cursor: default;
}























.full-height{
	position: relative;
	box-sizing: border-box;
	min-height: calc(100vh - 5em);
}

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

@media screen and (min-width: 900px){
	
}

@media screen and (min-width: 1200px){
	
}

@media screen and (min-width: 1500px){
	body{ font-size: 16px; }
}

@media screen and (min-width: 1800px){
	body{ font-size: 18px; }
}


@media screen and (max-width: 1199px){
	.full-height.half{ min-height: calc(50vh - 2.25em); }
}

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

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