.title_menu {font-size: 15px;
color: #fff;
line-height: 46px;
text-align: left;
text-transform: uppercase;
border-bottom: 1px solid rgba(255,255,255,.1);
padding-left: 0.9em;
background-color: #282a2c;}

.content-main-wrap {position: fixed;
left: 0.5em;
z-index: 10;
top:3rem;} 

*{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}



.rh-header .menu-container{float:left}
.rh-header .menu-container .menu-handler{color:#fff;
width:54px;
height:54px;
text-align:center;
display:inline-block;
font-size:18px; 
cursor:pointer;
position:relative; }


.rh-header .menu-container .menu-handler .lines{display:inline-block;
width:22px;
height:2px;
background:#446084;
position:relative;
margin-top:25.5px}

.rh-header .menu-container .menu-handler .lines:after,.rh-header .menu-container .menu-handler .lines:before{display:inline-block;
width:22px;
height:2px;
background:#446084;
position:absolute;
left:0;
content:''}

.rh-header {display: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.rh-header .menu-container .menu-handler .lines:before{top:8px}
.rh-header .menu-container .menu-handler .lines:after{top:-8px}
.rh-cover::-webkit-scrollbar {  width: 0;}
.rh-cover .rh-c-m .resp-menu li{display:block;
line-height:40px;
float:none;
position:relative}
.rh-cover .rh-c-m .resp-menu .sub-menu a>.fa{min-width:12px}
.rh-cover .rh-c-m .resp-menu li a>.bf-icon{display:inline-block;
min-width:22px;
margin:0}
.rh-cover .rh-c-m .resp-menu li>a{padding: 0em 1em;
color: rgba(255,255,255,.9);
display: block;
position: relative;
font-size: 14px;
border-bottom: 1px solid rgba(255,255,255,.1);
transition: none;}
/*.rh-cover .rh-c-m .resp-menu>li>a{border-bottom:1px solid rgba(255,255,255,.1)}

.rh-cover .rh-c-m .resp-menu li.menu-item-has-children.open-sub>a{border-bottom-color:transparent!important}*/

.rh-cover .rh-c-m .resp-menu .children-button{position: absolute;
right: 1em;
top: 0;
line-height: 2.8em;
width: 2.8em;
height: 2.8em;
text-align: center;
color: silver;
cursor: pointer;
border-radius: 50%;
-webkit-transition: .55s cubic-bezier(.37,-.04,.2,.99);
-moz-transition: .55s cubic-bezier(.37,-.04,.2,.99);
transition: .55s cubic-bezier(.37,-.04,.2,.99);
opacity: .5;}
.rh-cover .rh-c-m .resp-menu+.resp-menu .children-button{top:8px}
.rh-cover .rh-c-m .resp-menu li.open-sub>.children-button{background:rgba(0,0,0,.13)}
/*.rh-cover .rh-c-m .resp-menu li li .children-button{top:1px}*/
.rh-cover .rh-c-m .resp-menu .children-button:after,.rh-cover .rh-c-m .resp-menu .children-button:before{content: '';
position: absolute;
top: 1.4em;
right: 1em;
width: 11px;
height: 2px;
display: inline-block;
background: #fff;
-webkit-transition: .55s cubic-bezier(.37,-.04,.2,.99);
-moz-transition: .55s cubic-bezier(.37,-.04,.2,.99);
transition: .55s cubic-bezier(.37,-.04,.2,.99);}
.rh-cover .rh-c-m .resp-menu .children-button:after{transform:rotate(90deg)}
.rh-cover .rh-c-m .resp-menu .open-sub>.children-button{opacity:.75}
.rh-cover .rh-c-m .resp-menu .open-sub>.children-button:after{-webkit-transform:none;
-moz-transform:none;
transform:none}
.rh-cover .rh-c-m .resp-menu li.menu-item-has-children>a:after{display:none}
.rh-cover .rh-c-m .resp-menu li:hover>.mega-menu,.rh-cover .rh-c-m .resp-menu li:hover>.sub-menu{display:none}
.rh-cover .rh-c-m .resp-menu .mega-menu,.rh-cover .rh-c-m .resp-menu .sub-menu{display:none;
visibility:visible;
opacity:1!important;
transform:none!important;
transition:none!important;
animation-name:none!important;
position:relative;
top:inherit!important;
left:inherit!important;
right:auto!important; 
width:100%; 
z-index:1}
/*
.rh-cover .rh-c-m .resp-menu .sub-menu>li:last-child>a{border-bottom:2px solid rgba(255,255,255,.04)!important}
.rh-cover .rh-c-m .resp-menu .sub-menu>li.open-sub:last-child>a{border-bottom-color:transparent!important}
.rh-cover .rh-c-m .resp-menu .sub-menu .sub-menu{margin-top:2px}*/
.rh-cover .rh-c-m .resp-menu .sub-menu>li>a{font-size:13px}
.rh-cover .rh-c-m .resp-menu .mega-menu,.rh-cover .rh-c-m .resp-menu .sub-menu{padding-left:0.3em}
/*.rh-cover .rh-c-m .resp-menu li li{line-height:46px}
.rh-cover .rh-c-m .resp-menu .sub-menu>li:last-child>a{padding-bottom:8px;
margin-bottom:5px} */



.rh-cover{position: fixed;
top: 0;
left: -99%;
z-index: 9999;
width: 100%;
-webkit-transition: .54s cubic-bezier(.65,.33,.35,.84);
-moz-transition: .54s cubic-bezier(.65,.33,.35,.84);
transition: .54s cubic-bezier(.65,.33,.35,.84);
visibility: hidden;
overflow: auto;
background: #31373d;
height: 101%;
height: calc(100%+1px);}

.open-rh .rh-cover{left:0;
visibility:visible}
.admin-bar .rh-cover{top:46px}
.mce-content-body{background-color:#fff!important}
.noscroll{overflow:hidden}
.titlemenu {float: left;
text-transform: uppercase;
margin: 15px;
color: #fff;} 
.close-rh .rh-cover.bg-img:after{left:-100%}
.open-rh .rh-cover.bg-img:after{left:0}
.rh-cover:before{    height: 50px;
content: '';
width: 100%;
position: absolute; 
z-index: -1;
cursor: pointer;
background: rgba(0,0,0,.2); }
.close { opacity: 1;}
.rh-cover .rh-close{ 
position: absolute;
right: 0em;
display: inline-block;
top: 0;
cursor: pointer;
z-index: 10;
width: 3em;
height: 3.2em;}
.rh-cover .rh-close:after,.rh-cover .rh-close:before{content: '';
width: 2px;
height: 2em;
position: absolute;
left: 50%;
margin-left: -1px;
top: 0.6em;
opacity: .65;
background: #fff;
transform: rotate(45deg);
border-radius: 5px;}
.rh-cover .rh-close:after{-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg)}
.rh-cover .rh-panel{ 
position:absolute;
top:3.7em;
left:0;
width:100%}

.rh-cover .rh-back-menu{width:30px;
height:30px;
display:inline-block;
position:absolute;
top:50%;
margin-top:-15px;
opacity:.65;
cursor:pointer}

.rh-cover .rh-back-menu:before{transform:rotate(-40deg)}
.rh-cover .rh-back-menu.abtn:before,.rh-cover .rh-back-menu:hover:before{transform:rotate(0);
width:17px;
left:7px;
top:7px}
.rh-cover .rh-back-menu:after{transform:rotate(40deg);
top:16px;
left:6px}
.rh-cover .rh-back-menu.abtn:after,.rh-cover .rh-back-menu:hover:after{transform:rotate(0);
left:7px;
width:17px;
top:19px}
.rh-cover .rh-back-menu i{width:17px;
height:2px;
display:inline-block;
background:#fff;
position:absolute;
top:13px;
left:7px;
border-radius:15px} 

@media (min-width: 992px) and (max-width: 1200px){  
.content-main-wrap {display:none}
}
/*ipad*/   
@media (min-width: 768px) and (max-width: 991px){
.rh-header {
display: block;
}
} 
/*low resolution tablets, mobiles (landscape)*/ 
@media (min-width: 577px) and (max-width: 767px){ 
.rh-header {
display: block;
}
.content-main-wrap { 
left: .1em; 
top: .1em;
}
}  
/*smartphones mobiles (portrait)*/ 
@media (min-width: 320px) and (max-width: 576px){ 
.rh-header {
display: block;
}

}