h1, h2, h3, h4, h5 ,h6, div, p, a, button, input {
   font-family: 'Inter' !important;
}

.oxy-stock-content-styles img {
    height: auto;
}


body {
    background-image: url(https://maind.group/mader/wp-content/uploads/2022/10/bg.png);
    background-size: auto;
    min-height: 100vh;
    background-attachment: scroll;
}
textarea#ff_6_message {
    height: 125px;
}
/* menu */
#menu-pc, #menu-pc ul, #menu-pc ul li, #menu-pc ul li a {
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#menu-pc {
    color: #ffffff;
    font-family: Helvetica,Arial,sans-serif;
    width: 200px;
}
#menu-pc ul ul {
    display: none;
}
#menu-pc > ul > li > a {
   color: #ffffff;
   cursor: pointer;
   font-size: 16px;
   text-decoration: none;
   z-index: 2;
}
#menu-pc ul li {
   margin-bottom: 10px;
}
/*#menu-pc > ul > li > a:hover,
#menu-pc > ul > li.active > a,
#menu-pc > ul > li.open > a {
   color: #192924;
}*/
/*#menu-pc > ul > li.open > a {
    color: #192924;
    font-weight: 700;
}*/

.holder {
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.holder:after, .holder:before {
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 20px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 6px;
    z-index: 10;
}
.holder:after {
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    top: 17px;
}
#menu-pc > ul > li > a:hover > span:after,
#menu-pc > ul > li.active > a > span:after,
#menu-pc > ul > li.open > a > span:after {
    border-color: #eeeeee;
}
.holder:before {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 2px;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 2px;
    top: 18px;
}
#menu-pc ul ul li a {
   color: #eeeeee;
   cursor: pointer;
   text-decoration: none;
   z-index: 1;
}
#menu-pc ul ul.sub-menu {
   margin-left: 20px;
   margin-top: 10px;
}
/*#menu-pc ul ul li:hover > a,
#menu-pc ul ul li.open > a,
#menu-pc ul ul li.active > a {
    color: red;
}*/
#menu-pc ul ul li:first-child > a {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#menu-pc ul ul ul li:first-child > a {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}
#menu-pc ul ul ul li a {
    padding-left: 30px;
}
#menu-pc > ul > li > ul > li:last-child > a,
#menu-pc > ul > li > ul > li.last > a {
    border-bottom: 0 none;
}
#menu-pc > ul > li > ul > li.open:last-child > a,
#menu-pc > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}
#menu-pc > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0 none;
}

#menu-pc ul ul li.menu-item-has-children > a:after {
    border-left: 2px solid #eeeeee;
    border-top: 2px solid #eeeeee;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 20px;
    top: 11.5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 5px;
    z-index: 10;
    content: "";
}
#menu-pc ul ul li.active > a:after,
#menu-pc ul ul li.open > a:after,
#menu-pc ul ul li > a:hover:after {
    border-color: #ffffff;
}

#menu-pc .menu-item-has-children > a {
   position: relative;
	display: flex;
    align-items: center;
    gap: 10px;
}
#menu-pc .menu-item-has-children > a:after {
    border-left: 2px solid #eeeeee;
    border-top: 2px solid #eeeeee;
    content: "";
    display: block;
    height: 5px;
/*     position: absolute; */
    right: 20px;
    top: 4px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 5px;
    z-index: 10;
    content: "";
}


div#_dynamic_list-10-25 svg {
    width: 20px;
    height: 20px;
}


div#_dynamic_list-10-25 svg {
    width: 20px;
    height: 20px;
}

div#_dynamic_list-10-25 path {
    transition: all 0.3s;
}
div#_dynamic_list-10-25 svg:hover path {
   fill: #000;
}

/* content left menu */

.menu-item:hover > a {
    color: #192924!important;
    font-weight: 700;
}
.menu-item.active > a {
    color: #192924!important;
    font-weight: 700;
}



/* content right */
.content-in-gutenberg {
    display: none;
}

.content-in-gutenberg.active {
    display: block;
}


/* bookcase style */
.bookcase-wrap .bookcase {
    width: 100%;
}

.bookcase-wrap .block-image {
    display: inline;
    cursor: pointer;
}

.bookcase-wrap .block-image:hover .img-on {
    z-index: 8;
    opacity: 1;
}
.bookcase-wrap .block-image.active .img-on {
    z-index: 8;
    opacity: 1;
}

.img-on {
    position: absolute;
    width: 100%;
    z-index: 3;
    opacity: 0;
}
.img-off {
    position: absolute;
    width: 100%;
    z-index: 6;
}






.bookcase-wrap .block-1 {
    position: absolute;
    width: 13%;
    left: 11%;
    top: -4.7%;
}
.bookcase-wrap .block-2 {
    position: absolute;
    width: 10%;
    left: 15%;
    top: 10.5%;
}
.bookcase-wrap .block-3 {
    position: absolute;
    width: 40%;
    left: 30%;
    top: 14.5%;
}

.bookcase-wrap .block-4 {
    position: absolute;
    width: 12%;
    left: 75%;
    top: 13.5%;
}
.bookcase-wrap .block-5 {
    position: absolute;
    width: 6%;
    left: 35%;
    top: 22.5%;
}
.bookcase-wrap .block-6 {
    position: absolute;
    width: 16%;
    left: 45%;
    top: 30%;
}
.bookcase-wrap .block-7 {
    position: absolute;
    width: 22%;
    left: 64%;
    top: 32.3%;
}
.bookcase-wrap .block-8 {
    position: absolute;
    width: 14%;
    left: 22%;
    top: 40.7%;
}
.bookcase-wrap .block-9 {
    position: absolute;
    width: 19%;
    left: 56%;
    top: 39.7%;
}
.bookcase-wrap .block-10 {
    position: absolute;
    width: 13%;
    left: 8%;
    top: 62.7%;
}
.bookcase-wrap .block-11 {
    position: absolute;
    width: 9%;
    left: 24%;
    top: 54.7%;
}
.bookcase-wrap .block-12 {
    position: absolute;
    width: 9%;
    left: 38%;
    top: 57.2%;
}
.bookcase-wrap .block-13 {
    position: absolute;
    width: 12%;
    left: 45%;
    top: 58.2%;
}
.bookcase-wrap .block-14 {
    position: absolute;
    width: 24%;
    left: 62%;
    top: 57.2%;
}
.bookcase-wrap .block-15 {
    position: absolute;
    width: 31%;
    left: 10%;
    top: 71.2%;
}
.bookcase-wrap .block-16 {
    position: absolute;
    width: 21%;
    left: 49%;
    top: 73.2%;
}
.bookcase-wrap .block-17 {
    position: absolute;
    width: 14%;
    left: 72%;
    top: 73.2%;
}

figure {
    margin: 0 0 20px!important;
}
.wp-block-image img {
    border-radius: 10px;
}
#menu-pc ul li.open > .sub-menu {
	display: block;
}


@media (max-width: 992px) {
	div#menu-pc > ul {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 10px 20px;
    	justify-content: center;
	}
	#menu-pc .menu-item-has-children > a:after {
    	right: 0px;
		top: 5px;align-content
	}
	#menu-pc .menu-item-has-children > a {
		position: relative;
		padding-right: 15px;
	}
	div#menu-pc {
		width: 100%;
	}
	#menu-pc ul li.open > .sub-menu {
		position: absolute;
		background: #486d6a;
		padding: 10px 20px;
    	margin: 10px 0 0 -15px;
	}
	#menu-pc ul li.open > .sub-menu > li {
		position: relative;
		width: max-content;
		word-break: break-word;
	}
	#div_block-9-25 {
		z-index: 999999;
	}
}


.blog section#section-2-25 {
    background-image: url(/mader/wp-content/uploads/2023/01/bg_polki_proj3_crock.png);
    background-size: auto;
    min-height: 100vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top right;
}