.menuholder{
width:100%;
background-color: #fff;  
display:grid;
grid-template-columns: 200px auto 35px 35px;
grid-gap:25px;
padding:3px 0;
}
.menuholder #menu{
display: flex;
justify-content: flex-end;
align-items: center;
}
.menuholder #logo a{
display: flex;
justify-content: flex-start;
align-items: center;
}
.menuholder #logo img{
display:block;
height:80px;
padding:8px 0;
}
.menuholder #search{
display:flex;
justify-content: center;
align-items: center;	
}
.menuholder #search div{
background-color:var(--blue);
width:30px;
height:30px;
border-radius:50%;
display:flex;
align-items: center;
justify-content: center;
cursor:pointer;
}
.menuholder #lang{
display:flex;
justify-content: center;
align-items: center;	
}
.responsive-nav ul, .responsive-nav-cr ul {
padding: 0;
margin: 0;
}
.responsive-nav ul:after, .responsive-nav-cr ul:after {
clear: both;
display: block;
content: "";
}
.responsive-nav > div > ul > li, .responsive-nav-cr > div > ul > li {
float: left;
}
.responsive-nav > div > ul > li.dropdown > div, .responsive-nav-cr > div > ul > li.dropdown > div {
left: 0;
top: 100%;
}
.responsive-nav > div > ul > li.dropdown:last-child > div, .responsive-nav-cr > div > ul > li.dropdown:last-child > div {
left: auto;
right: 0;
}
.responsive-nav ul li, .responsive-nav-cr ul li {
display: block;
position: relative;
}
.responsive-nav li a, .responsive-nav-cr li a {
display: block;
padding: 15px;
/* white-space: nowrap; */
text-decoration: none;
}
.responsive-nav ul > li.dropdown > a:not(:only-child){
padding-right:20px;
}
.responsive-nav ul > li.dropdown > a:not(:only-child):after {  
position: absolute;
content: url('/img/icons/ar-d.svg');
width: 12px;
height: 12px;
top: 16px;
right: 0;
}
.first-open ul > li.dropdown > a:not(:only-child)::after {
right: 20px;
}
.responsive-nav ul > li.dropdown  ul  li.dropdown  a:not(:only-child):after {
position: absolute;
content: url('/img/icons/ar-r.svg');
width: 12px;
height: 12px;
top: 16px;
right: 10px;
}
.responsive-nav ul .dropdown > div, .responsive-nav-cr ul .dropdown > div {
display: none;
position: absolute;
left: 100%;
top: 0;
bottom:0;
z-index: 1;
width: max-content;
max-width:300px;
}
.first-open ul .dropdown > div, .responsive-nav-cr ul .dropdown > div {
width: 100%;
max-width:100%;
}
.responsive-nav li.dropdown:hover > div, .responsive-nav li.dropdown.open-click > div, .responsive-nav-cr li.dropdown:hover > div, .responsive-nav-cr li.dropdown.open-click > div {
display: block;
z-index: 1000;
}
.responsive-nav .label-menu .menu-icon:after, .responsive-nav-cr .label-menu .menu-icon:after {
content: '';
display: block;
border-bottom: 2px solid;
}
.responsive-nav .label-menu .menu-icon, .responsive-nav-cr .label-menu .menu-icon {
width: 28px;
display: inline-block;
border-top: 2px solid;
border-bottom: 2px solid;
padding: 8px 0;
vertical-align: middle;
margin-left: 10px;
}
.responsive-nav .label-menu, .responsive-nav-cr .label-menu {
display: none;
}

/*responsive-nav vertical*/
/*
.vertical.responsive-nav > div > ul > li, .vertical.responsive-nav-cr > div > ul > li {
    float: none;
}
.vertical.responsive-nav li a, .vertical.responsive-nav-cr li a {
    white-space: normal;
}
.vertical.responsive-nav ul > li.dropdown  ul  li.dropdown  a:not(:only-child):after {
	position: relative;
	display: inline-block;
	margin: 0 8px;
    font-family: FontAwesome;
    content: "\f105" !important;
}
.vertical.responsive-nav > div > ul > li.dropdown > div, .vertical.responsive-nav-cr > div > ul > li.dropdown > div {
    left: 100%;
    top: 0;
}
*/
/*off canvas*/
.responsive-nav .close-menu, .responsive-nav-cr .close-menu {
display: none;
text-align: right;
}
.responsive-nav.off-canvas .close-menu a span, .responsive-nav-cr.off-canvas .close-menu a span {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
}
.responsive-nav .close-menu a span:before, .responsive-nav-cr .close-menu a span:before {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.responsive-nav .close-menu a span:after, .responsive-nav-cr .close-menu a span:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.responsive-nav .close-menu a span:before, .responsive-nav .close-menu a span:after, .responsive-nav-cr .close-menu a span:before, .responsive-nav-cr .close-menu a span:after  {
background: #fff none repeat scroll 0 0;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
width: 1px;
}
/* activate On custom Width */
/*off canvas*/
.responsive-nav-activate.responsive-nav-cr.off-canvas .close-menu {
display: block;
}
.responsive-nav-activate.responsive-nav-cr.off-canvas .label-menu + div {
transform: translate3d(-320px, 0px, 0px);
-webkit-transform: translate3d(-320px, 0px, 0px);
transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
width: 300px;
max-width: 100%;
position: fixed;
left: 0;
top: 0;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
z-index: 101;
display: block;
height: 100%;
}
.responsive-nav-activate.responsive-nav-cr.off-canvas .label-menu + div.first-open-oc {
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.responsive-nav-activate.responsive-nav-cr.off-canvas .label-menu + div.first-open-oc + .bg-canvas {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
display: block;
z-index: 100;
}
.responsive-nav-activate.responsive-nav-cr li.dropdown:hover > div {
display: none;
}
.responsive-nav-activate.responsive-nav-cr li.dropdown.open > div {
display: block;
}
.responsive-nav-activate.responsive-nav-cr .label-menu {
display: block;
text-align: right;
padding: 10px;
cursor: pointer;
}
.responsive-nav-activate.responsive-nav-cr > div {
display: none;
}
.responsive-nav-activate.responsive-nav-cr > div.first-open {
display: block;
}
.responsive-nav-activate.responsive-nav-cr > div > ul > li {
float: none;
}
.responsive-nav-activate.responsive-nav-cr > div > ul > li li {
text-transform: none;
}
.responsive-nav-activate.responsive-nav-cr ul .dropdown > div {
display: none;
position: static;
}
.responsive-nav-activate.responsive-nav-cr ul div a span {
padding: 0 0 0 20px;
display: block;
}
.responsive-nav-activate.responsive-nav-cr ul div div a span {
padding: 0 0 0 30px;
}
.responsive-nav-activate.responsive-nav-cr li a {
white-space: normal;
}
/* activate On custom Width end */
@media (max-width: 1170px) {
    .responsive-nav.off-canvas .close-menu {
     display: block;
	 padding: 10px 0;
    }
	.responsive-nav.off-canvas .label-menu + div {
	transform: translate3d(-100%, 0px, 0px);
	-webkit-transform: translate3d(-100%, 0px, 0px);
	transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
	max-width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 101;
	display: block;
	height: 100%;
	}
	.responsive-nav.off-canvas .label-menu + div.first-open-oc {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	}
	.responsive-nav.off-canvas .label-menu + div.first-open-oc + .bg-canvas {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: block;
	z-index: 100;
	}
	.responsive-nav li.dropdown:hover > div {
	display: none;
	}
	.responsive-nav li.dropdown.open > div {
	display: block;
	}
	.responsive-nav .label-menu {
	display: block;
	text-align: right;
	padding: 10px;
	cursor: pointer;
	}
	.responsive-nav > div {
	display: none;
	}
	.responsive-nav > div.first-open {
	display: block;
	}
	.responsive-nav > div > ul > li {
	float: none;
	}
	.responsive-nav > div > ul > li li {
	text-transform: none;
	}
	.responsive-nav ul .dropdown > div {
	display: none;
	position: static;
	}
	.responsive-nav ul div a span {
	padding: 0 0 0 20px;
	display: block;
	}
	.responsive-nav ul div div a span {
	padding: 0 0 0 30px;
	}
	.responsive-nav li a {
	white-space: normal;
	}
	.responsive-nav ul > li.dropdown  ul  li.dropdown  a:not(:only-child):after {
	position: absolute;
	content: url('/img/icons/ar-r.svg');
	width: 12px;
	height: 12px;
	top: 16px;
	right: 10px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    /* sm */
}
@media (min-width: 992px) and (max-width: 1199px) {
    /* md */
}
@media (min-width: 1200px) {
    /* lg */
}
@media (min-width: 1170px) {
    .responsive-nav.disableHoverDD li.dropdown:hover > div, .responsive-nav.disableHoverDD li.dropdown:hover > div {
    display: none;
    }
    .responsive-nav.disableHoverDD li.dropdown.open-click:hover > div, .responsive-nav.disableHoverDD li.dropdown.open-click:hover > div {
    display: block;
    }
}
@media (max-width: 550px) {
	.menuholder{
	grid-gap:17px;
	justify-content: center;
	grid-template-columns: 200px 40px 40px auto;
	}
	#search{
	order: 2;
	}
	#lang{
	order: 3;
	}
	#menu{
	order: 4;
	}
}
/* default theme */
.light li a {
background-color: #fff;
color: #000;
}
.light li:hover > a, .light li.open-click > a {
color: var(--blue);
}
.light li li a {
color:var(--blue);
font-size:14px;
}
.light .first-open li li a {
padding-left:25px;
font-size:14px;
}
.light li li li a {
font-size:14px;
}
.light .first-open li li li a {
padding-left:35px;
font-size:13px;
}
.light li li a:hover {
background-color:#f5f5f5;
}
.light .label-menu + div {
background-color: #fff;
color: #000;
}
.light .label-menu {
background-color: #fff;
color: #000;
}
.light.off-canvas .label-menu + div {
background-color: #fff;
}
.light .close-menu a span:before, .light .close-menu a span:after {
background-color: #000;
}
.light .close-menu:hover a span:before, .light .close-menu:hover a span:after {
background-color: var(--blue);
}