/****MOBILE_MENU*******
.my-wrapper {	margin : 0 auto;}
.sticky .top-menu {margin : 0 auto;max-width: 1920px;z-index:999;}
*/

.menu-button{display : none;}
@media screen and (max-width: 1200px) {.menu-button{display : block;}}

.panel {
    position: fixed;
    left: -15.625em; 
    width: 15.625em;
/*overflow-y: scroll;*/
overflow-y: auto;
  background: #0f4c82;
  z-index: 99999;
}

.slide_menu{
	margin : 55px 10px 30px 18px;
	font-size : 17px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
	font-weight : normal;
	text-transform : uppercase;
	font-family: 'Oswald', sans-serif;
}

.menu-link-open:link,
.menu-link-open:visited {
	background: url('img/hamburger.png') no-repeat;
	background-position:0px 0px;
	cursor: pointer;
	height : 28px;
	width:36px;
	text-decoration:none;
	display : inline-block;
}
.menu-link-open:hover,.menu-link-open:active {background: url('img/hamburger.png') no-repeat;background-position:-36px 0px;}

.slide_menu li{	margin-bottom : 10px;}
.slide_sub-menu{
	text-transform : none;
	margin-left : 10px;
	margin-top : 10px;
	font-weight : lighter;
	font-size : 15px;
}
.slide_menu a, .slide_menu a:visited{	color : #fff;	text-decoration : none;}
.slide_menu a:hover{color : #fae8a0;	text-decoration : none;}
.slide_active-menu{color : #fae8a0!important;	}
.slide_active-submenu a{ color: #fae8a0!important;}

/************TOP_MENU********/

nav{
	display:block;
	height : 40px;
	
}

.cl-btn-6 {
	position:absolute;
	top:12px;
	right:10px;
	width: 50px;
	cursor: pointer;

}
.cl-btn-6-in {
    width: inherit;
    text-align: center;
}
.cl-btn-6-txt { 
    font-size: 11px!important; 
    line-height: 40px;

    text-transform: uppercase;
    color: #fff;
    transition: all .3s ease-in;
    opacity: 0;
    cursor: pointer;
  
}
.cl-btn-6-in:before, .cl-btn-6-in:after {
    position: absolute;
    content: '';
    height: 4px;
    width: inherit;
    background: #fff;
    left: 0;
    transition: all .3s ease-in;
}
.cl-btn-6-in:before {
    top: calc(50% - 4px); 
    transform: rotate(45deg);  
}
.cl-btn-6-in:after {  
    bottom: 50%;
    transform: rotate(-45deg);  
}
.cl-btn-6:hover .cl-btn-6-txt {
    opacity: 1;
}
.cl-btn-6:hover .cl-btn-6-in:before,
.cl-btn-6:hover .cl-btn-6-in:after {
    transform: rotate(0);
}
.cl-btn-6:hover .cl-btn-6-in:before {
    top: 0;
}
.cl-btn-6:hover .cl-btn-6-in:after {
    bottom: 0;
}

.menu{
	display:block;
	margin-right : 0px;
	font-size : 0px;
}

.menu li{
	display: inline-block;
	position: relative;
	z-index:100;
	margin : 0px;
	padding : 0px;
	text-transform : uppercase;
}
.menu li:first-child{margin-left:0;}

.menu li a {
	font-weight: 500;
	text-decoration:none;
	padding:0px 14px;
	margin: 0px 2px;
	display:block;
	color:#ffffff;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	font-size : 14px;
	line-height : 40px;
	border : 1px solid #fff;
	font-family: 'Oswald', sans-serif;
}
.sub-menu li  a {	text-transform : none;}

.menu li a:hover, .menu li:hover > a{
	color:#0f4c82;
	background:#fff;
}

.menu li a.active-menu{	background:#fff;color : #0f4c82;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 230px;
position: absolute;
top: 42px;
left: 3px;
background: #ffffff;
}

.menu ul li {
	display:block;
	float: none;
	background:none;
	margin:0;
	padding:0;
	text-transform : none;
}
.menu ul li a {
	font-size:14px;
	font-weight: bolder;
	display:block;
	color:#616161;
	border : none;
	background:#ededed;
	margin: 0px 0px;
}

.menu ul li a:hover, .menu ul li:hover > a{
background:#dbdada;
border-left:3px solid #0f4c82;
color:#0f4c82;
}

.active-submenu  a{
	background:#dbdada!important;	
border-left:3px solid #bc14f4e!important;	
color:#454545!important;	
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 1999px;	top: 0px;}

.mobile-menu{
	display:none;
	width:100%;
	padding:16px 0px 18px 18px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight: normal;
	text-decoration:none;
	font-size : 24px;
}

.mobile-menu:hover{	color: #faf9b2;	text-decoration:none;}
.sub-menu li a{	line-height : 18px!important;	padding : 13px 5px 13px 15px;}



@media (max-width: 1200px) {
    .menu{display:none;	margin-right : 0px;margin-top:1px;}
    .menu li a { padding : 8px 5px 8px 15px;line-height : 20px;}
    .sub-menu li a{	line-height : 18px!important;	padding : 6px 5px 6px 15px;}
    .mobile-menu{display:block;}
     nav{margin:0;	background:none;}
    .menu li{display:block;margin:0;}
    .menu li a {background:#f9f9f9; color:#797979;  border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0; border-left:3px solid #c14f4e;}
    .menu li a:hover, .menu li:hover > a{background:#c6c6c6;color:#454545;border-left:3px solid #b22322;}
    .menu li a.active-menu{	background:#981414;	color : #fff;	border-left:3px solid #981414;border-right:1px solid #981414;border-bottom:1px solid #981414;}
    .menu ul {display:block;position:relative;top:0px;left:0;width:100%;}
    .menu ul ul {left:0;}

}