/* TOP HEADER MENU*/

/*
.logo-left #menudrop ul {display: flex; justify-content: space-between; margin-left: 120px;}
.logo-left .logo {left:0%;}
.logo-right #menudrop ul {display: flex; justify-content: space-between; margin-right: 120px;}
.logo-right .logo {right:0%;}*/
.menu-color-rev {background: var(--main-color)}
.menu-color-rev { --main-color: var(--black-color)}

.menu-nav-ul {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 7%; width:inherit!important}
#menudrop {position:relative; display: flex!important; justify-content: space-between; align-items: center;font-family:sans-serif; font-size: 16px; }
#menudrop, #menudrop ul,#menudrop ul li,#menudrop ul li a,#menudrop #head-mobile{border:0;list-style:none;line-height:1;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; display:block; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease;}
#menudrop ul {display: flex; justify-content: space-between; margin-bottom: 0px; width: inherit;}
/* #menudrop:after,#menudrop > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} */
#menudrop #head-mobile{display:none}
#menudrop > ul > li{float:left}
#menudrop > ul > li > a{padding:0px; letter-spacing:1px;text-decoration:none;color:var(--black-color); font-size: 1.2em; font-weight:300; text-transform: uppercase; }
#menudrop > ul > li:hover > a,#menudrop ul li.active a{}
#menudrop > ul > li:hover,#menudrop ul li.active:hover,#menudrop ul li.active,#menudrop ul li.has-sub.active:hover{z-index:99999}
#menudrop > ul > li.has-sub > a{padding-right:15px}
#menudrop > ul > li.has-sub > a:after{position:absolute;top:9px;right:0px;width:12px;height:2px;display:block;background:var(--main-color);content:''}
#menudrop > ul > li.has-sub > a:before{position:absolute;top:4px;right:5px;display:block;width:2px;height:12px;background:var(--main-color);content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#menudrop > ul > li.has-sub:hover > a:before{top:10px;height:0; visibility: hidden}
#menudrop ul ul{position:absolute;left:-9999px; display: block; background: #fff; border-bottom: 1px solid var(--main-color); padding-left: 0px; padding-top: 29px;}
#menudrop ul ul li:first-child {}
#menudrop ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease; transition:all .25s ease}
#menudrop ul ul li:hover{}
#menudrop li:hover > ul{left:auto}
#menudrop li:hover > ul > li{height:auto}
#menudrop ul ul ul{margin-left:100%;top:0; padding: 0}
#menudrop ul ul li a{padding:11px 15px;width:250px;font-size:16px;text-decoration:none;color:var(--black-color);font-weight:400;}
#menudrop ul ul li:last-child > a,#menudrop ul ul li.last-item > a{border-bottom:0}
#menudrop ul ul li:hover > a,#menudrop ul ul li a:hover{color:#fff; font-weight: 700; background: var(--main-color)}
#menudrop ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:var(--main-color);content:''}
#menudrop ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:var(--main-color);content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#menudrop ul ul > li.has-sub:hover > a:after	{ background:#fff}
#menudrop ul ul > li.has-sub:hover > a:before {top:17px;height:0}
#menudrop ul ul li.has-sub:hover,#menudrop ul li.has-sub ul li.has-sub ul li:hover{background:var(--main-color)}
#menudrop ul ul ul li.active a{border-left:1px solid var(--main-color)}
#menudrop > ul > li.has-sub > ul > li.active > a,#menudrop > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid var(--main-color)}


@media screen and (max-width:1620px){	
.menu-nav-ul {padding: 0 5%}
#menudrop > ul > li > a {font-size: 1.25em;}
}
@media screen and (max-width:1440px){
.menu-nav-ul {width: calc(100% - 60px)!important; padding: 0 2%}
#menudrop > ul > li > a {font-size: 1.125em;}
#menudrop ul ul li a{width:220px;font-size:0.875em;}
#menudrop > ul > li.has-sub > a:after{position:absolute;top:8px;right:1px;width:8px;height:2px;}
#menudrop > ul > li.has-sub > a:before{position:absolute;top:5px;right:4px;display:block;width:2px;height:8px;}
}
@media screen and (max-width:1180px){
.menu-nav-ul {width: calc(100% - 60px)!important; padding: 0 7px 0 22px;}
#menudrop > ul > li > a {font-size: 1em;}
#menudrop > ul > li.has-sub > a:after{position:absolute;top:7px;right:1px;width:10px;height:2px;}
#menudrop > ul > li.has-sub > a:before{position:absolute;top:3px;right:5px;display:block;width:2px;height:10px;}
}
@media screen and (max-width: 1086px) {
.menu-nav-ul {padding: 0; max-height: 100vh; overflow: auto;}
.menu-nav-ul li:hover .submenu-button:before, .menu-nav-ul li:hover .submenu-button:after {background: #fff;}
#menudrop{padding: 0; display: block!important;}
#menudrop ul{width:100%!important;display:none; padding: 10px 0}
#menudrop ul li{width:100%;border-top:1px solid var(--main-color); padding-left: 10px}
#menudrop ul li:hover{ background: var(--main-color); padding-left: 15px}
#menudrop ul ul li,#menudrop li:hover > ul > li{height:auto}
#menudrop ul li a {width:100%;border-bottom:0; padding: 15px 0}
#menudrop ul ul li a {width:100%;border-bottom:0;}
#menudrop > ul > li{float:none; padding:0;}
#menudrop ul ul li a{padding-left:25px}
#menudrop ul ul li:hover{background:var(--main-color)!important}
#menudrop ul ul ul li a{padding-left:35px}
#menudrop ul ul li a{color:var(--main-color);background:none}
#menudrop ul ul li:hover > a, #menudrop ul ul li.active > a{color:#fff}
#menudrop > ul > li:hover > a {color: #fff;}
	
	
#menudrop ul ul,#menudrop ul ul ul{padding: 0; position:relative;left:0;width:100%;margin:0;text-align:left;border-bottom: 0;}
#menudrop > ul > li.has-sub > a:after,#menudrop > ul > li.has-sub > a:before,#menudrop ul ul > li.has-sub > a:after,#menudrop ul ul > li.has-sub > a:before{display:none}
#menudrop #head-mobile{display:block;padding:0px;color:#ddd;font-size:12px;font-weight:700}
#menudrop li .submenu-button {position:absolute;z-index:99;right:0;top:0; display:block;border-left:1px solid var(--main-color);height:46px;width:46px;cursor:pointer}
#menudrop li .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:var(--main-color);content:''}
#menudrop li .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:var(--main-color);content:''}
#menudrop li:hover .submenu-button {border-left:1px solid #fff;}
#menudrop li:hover .submenu-button:after, #menudrop li:hover .submenu-button:before{background:#fff;}
#menudrop li:hover li .submenu-button:after, #menudrop li:hover li .submenu-button:before{background:var(--main-color);}
#menudrop li li:hover .submenu-button:after, #menudrop li li:hover .submenu-button:before{background:#fff;}
#menudrop ul ul .submenu-button:after, #menudrop ul ul .submenu-button:before{background:#fff;}
#menudrop ul ul .submenu-button{height:34px;width:34px}
#menudrop ul ul.open{border-top: 1px solid #fff;}
#menudrop ul ul .submenu-button:after{top:15px;right:13px}
#menudrop ul ul .submenu-button:before{top:12px;right:16px}
#menudrop .submenu-button.submenu-opened:before{display:none}
#menudrop ul ul ul li.active a{border-left:none}
#menudrop > ul > li.has-sub > ul > li.active > a,#menudrop > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#menudrop .button{width:30px;height:46px;position:absolute;right:0; top:10px;cursor:pointer;z-index: 999;}
#menudrop .button:after {position:absolute; top:25px; right:0px; display:block; height:8px; width:30px; border-top:3px solid var(--main-color); border-bottom:3px solid var(--main-color); content: '';}
#menudrop .button:before {-webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 13px; right: 0; display: block; height: 3px; width: 30px; background:var(--main-color); content: '';}
#menudrop .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:3px;width:19px;background:var(--main-color);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#menudrop .button.menu-opened:before{top:23px;background:var(--main-color);width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#menudrop .button.menu-opened:after, #menudrop .button.menu-opened:before{width:28px}
}
	
	
/* TOP HEADER MENU END*/