/* Menu REsponsive V2 by Pixad */
#navresponsive{display:none}
#headerResponsive{display:none}

@media (max-width: 990px){ header div.header {display:none} }

#headerResponsive .SearchResponsive {
    position: absolute;
    right: 50px;
    top: 0px;
    z-index: 105;
    width: 55px;
    height: 55px;
    transition:all 0.7s;
    opacity: 1;
    text-align: center;
}
#headerResponsive #BlockSearchResponsive .btn-action, #headerResponsive #BlockSearchResponsive .btn-action:active {border-radius: 0px; height: 42px; top: 0px; border: 0px; background-color:#000; color:#FFF;}

#headerResponsive .SearchResponsive a {top:18px; font-size:2rem; position:relative;}
#headerResponsive .SearchResponsive i {color:#c9a376;}
#headerResponsive.menuOpen.inSub .SearchResponsive {left:550px; opacity: 0}


#headerResponsive #BlockSearchResponsive { height:55px; padding:5px 10px; background-color:#fff; width: 100%; position: absolute; top: 55px;}
#headerResponsive #BlockSearchResponsive {display:none;}
#headerResponsive.SearchOpen #BlockSearchResponsive {display:block; }
#headerResponsive.SearchOpen #BlockSearchResponsive > div {padding: 0px!important;}
#headerResponsive.SearchOpen #BlockSearchResponsive input {min-height: 42px!important;}
 
#navresponsive{position:fixed; display:block; top:100%; left:0; z-index:99; background:#fff; width:100%; height:100%; font-size:34px; overflow:auto; -webkit-overflow-scrolling: touch; text-align:center;}
#navresponsive, #navresponsive ul.sub{ transition:all 0.7s}
#navresponsive.active{top:0}
#navresponsive .current{position:absolute;top:0;height:70px;left: 70px; opacity:0; visibility: hidden; right:0px; background-color:#FFF; color:#000;font-size:18px;text-transform:uppercase;line-height:18px;transition:all 0.3s; text-align: left; padding: 15px;}
#navresponsive .previous{cursor:pointer;position:absolute;left:0;top:0;opacity:0;visibility: hidden;background:#000;color:#FFF;font-size: 11px;line-height: 15px;font-weight:bold;width: 70px;height: 70px;text-align:center;padding-top: 22px;z-index:999;transition:all 0.3s;}
#navresponsive .previous:hover{background: rgba(0, 0, 0, 1);color:#FFF;transition:all 0.3s;}
#navresponsive .containerSub{display:block;width:100%;position: fixed;left: 100vw;top: 0px; margin-top:70px; bottom: 0;overflow-x:  hidden;overflow-y: auto;-webkit-overflow-scrolling: smooth;background:#fff;transition:all 0.5s;}
#navresponsive .containerSub.active{left:0; background-color: #222; color:#FFF;}
#navresponsive .containerSub.active a{ color:#FFF;}

#navresponsive .containerSub{z-index:5}
#navresponsive .containerSub .containerSub{z-index:6}
#navresponsive .containerSub .containerSub .containerSub{z-index:7}
#navresponsive ul{display:table;margin-left:auto;margin-right:auto;
    display: flex;
    padding: 8px;
    justify-content: flex-start;
    flex-direction: column;
    
}
#navresponsive ul li{display: flex; align-items: center;justify-content:center; width:100%;}
#navresponsive ul.sub{position: relative;top:100%;display: table;}
#navresponsive ul.sub {
    margin-top: 80px;
    position: relative;
    background: transparent;
    padding: 0px;
    width: 98%;
}
#navresponsive.active ul.sub{top: 0;height: auto;}
#navresponsive ul.sub.active{left:0}
#navresponsive ul.principal{margin-top:80px;position: relative;background:transparent!important; padding:0px; width:100%; z-index: 115;}
#navresponsive ul li a{color:#000f;font-size:1.8rem;font-weight:500;display:table-cell;padding: 15px 5px;display: table-cell;position:relative; transition:all 0.3s;}
#navresponsive ul li a i {}
#navresponsive ul li a:hover, #navresponsive ul li a:focus{color:#000}
/*
#navresponsive ul li.hasSub > a:before{content: "\f061"; color:#222; font-family: "FontAwesome"; display:block; position:absolute; width:5px; height:10px;  right:15%; top:50%; margin-top:-10px; z-index:1; color:#585858; }
*/
//#navresponsive ul li a:after{content: " "; display:block; height:1px; background:#FFF; width: 170px; position:absolute; bottom:0; left:50%; margin-left:-85px}
#navresponsive ul li .title{font-weight:bold;font-size: 14px;color:#808080;text-transform:uppercase;}
#navresponsive.inSub .current{opacity:1; visibility:visible}
#navresponsive.inSub .previous{opacity:1; visibility:visible}
#navresponsive .button{background:#ff0000; width:100%; display:block; font-size:18px; font-weight:400; color:#FFF; text-align:center; position:absolute; bottom:15px; }
#navresponsive .button:hover{background:#000000; color:#FFF; }
#navresponsive .contentScrolled .button{position:relative;}
#navresponsive .button:after{display:none}
#navresponsive .button:after{content:" ";}

#headerResponsive{position:fixed;top:0;right:0; width:100%;  height: 70px; z-index:100; display:block; transition:all 0.5s}
/*
#headerResponsive:after {
    content: "";
    width: calc(100% - 15px);
    height: 15px;
    background-color: #a886b7;
    display: block;
    position: absolute;
    left: 0px;
    top: 70px;
}
*/
#headerResponsive .logo{position: relative; z-index:5; width:calc(100vw - 70px); transition:all 0.3s; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding-left: 15px;    padding-top: 10px;}
#headerResponsive .logo img{width:100%; height:50px; }
#headerResponsive .burger{position:absolute; z-index:101; right:15px; top:0; width:70px; height:70px; overflow:hidden; } 
#headerResponsive .burger span{display:block; position:absolute; top:30px; height:2px; left:50%; margin-left:-12px; width:25px; 
            background:#222; transition:all 0.6s}
#headerResponsive .burger span:nth-child(2){top:36px;}
#headerResponsive .burger span:nth-child(3){top:42px;}
#headerResponsive.menuOpen .burger span:nth-child(1){bottom: 0;top:36px;transform: rotate(-135deg);transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); background:#FF0000;height: 2px;}
#headerResponsive.menuOpen .burger span:nth-child(2){margin-left:55px}
#headerResponsive.menuOpen .burger span:nth-child(3){ bottom: 0;top:36px;transform: rotate(135deg);transition: bottom 0.1s ease-out, transform 0.10s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);    background:#FF0000;   height: 2px;}
#headerResponsive.inSub .logo{opacity:0; visibility: hidden;}	
#headerResponsive.inSub .langs{opacity:0; visibility: hidden;}	
#headerResponsive.inSub{width:55px}