/**************Mobile Menu**********/
.right-slide:after{ content:""; width:2px; height:100%; position:absolute; right:0px; margin-right:-2px; opacity:0.5; background:#c99717; z-index:100; top:0px; margin-top:0px;}
.right-slide{position: fixed; right: 0px; margin-right: 0px; height: 100%; width:693px; background:#FFF; z-index: 100000000000;
		-webkit-transition: all .9s ease-in-out;
	-o-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out;
	-webkit-transform:translateX(693px);
	-moz-transform:translateX(693px);
	-o-transform:translateX(693px);
	transform:translateX(693px);
	 visibility: hidden;
	
	    
}

.right-slide .menu-click2{ margin-left: 0px;}
.right-slide.navOpen{	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-o-transform:translateX(0%);
	transform:translateX(0%); 
		-webkit-transition: all .9s ease-in-out;
	-o-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out;
	visibility: visible;

}




body.bodycalss2{overflow: hidden;}
.Over_flow{		-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
body.bodycalss2:before{ content:""; position: fixed; width: 100%;height: 100%; background:#000;opacity: 0.5; z-index: 100000000;}
@media(min-width:1200px) {
/*	body.bodycalss2:before{ display: none;}
	body.bodycalss2{overflow:auto;}*/
	
}
.right-slide.navOpen+.Over_flow{	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	-o-transform:translateX(0px);
	transform:translateX(0px);		-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
	
.menu-click2{ background:url("../images/menu-icon2.png") no-repeat center center; width: 25px; height: 25px; cursor: pointer;}
.header-dark .menu-click2{ background:url("../images/menu-icon-dark.png") no-repeat center center;}
.header-top .menu-click2 i{font-size: 30px; color: #FFF; margin: 0px;}
.menu-click2{/*position: absolute; left: 0px; margin-left:0px; top:27px; margin-top:27px; */ position: relative; margin-left:14px; }
.menu-click2.clicked{ background:url("../images/menu-icon-hover2.png") no-repeat;}
.right-slide .menu-click2{position: absolute; left: 0px;  top: 0px; margin-top: 0px;		-webkit-transition: all .9s ease-in-out;
	-o-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out; -webkit-transform:translateX(48px);
	-moz-transform:translateX(48px);
	-o-transform:translateX(48px);
	transform:translateX(48px);visibility: hidden;} 
.right-slide .menu-click2.clicked{  visibility: visible; background: #3E9C00 url("../images/menu-icon-hover2.png") center center no-repeat;height: 48px; width: 48px;-webkit-transform:translateX(-48px);
	-moz-transform:translateX(-48px);
	-o-transform:translateX(-48px);
	transform:translateX(-48px);}
.header .menu-click2.clicked{ background:url("../images/menu-icon2.png") no-repeat;}

@media(min-width:200px) {
.menu-click2{ display:flex;}
}

@media(min-width:960px) {
	/*.menu-click2{ display:none;}*/
	/*.right-slide{ display: none;}*/
	.right-slide.navOpen+.Over_flow{	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	-o-transform:translateX(0px);
	transform:translateX(0px);		
		-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
	/*.click-wrap{ display: none;}*/
}

/****Menu***********/
.accordion-menu {
	height: 100vh;  overflow: auto;

}

.accordion-menu .menu { width: 100%; }

.accordion-menu ul { list-style: none; }
.accordion-menu ul li+li{border-top: 1px solid #c7c7c7;}
.accordion-menu .menu li a {
	color: #000A2C;
	display: block;
	padding: 15px 20px;
	background: #FFF;
	text-transform:none;
	 font-size: 14px;
	position: relative;
	 font-weight: 600;
}
.accordion-menu .menu li a:hover,.accordion-menu .menu li.Select > a { background: #FFF; color: #f39202; }
.accordion-menu .menu i.fa {
	font-size: 12px;
	line-height: 18px;
	float: right;
	margin-left: 10px;
}

.accordion-menu .menu ul { display: none; }
.accordion-menu .menu ul li a {
	background: #FFF;
	color: #000000;
}
.accordion-menu .menu ul.sub-with-icon li a:hover,.accordion-menu .menu ul.sub-with-icon li.Select a{ color: #500000; background: #FFF;}
.accordion-menu .menu ul li+li{ border-top: 1px solid #c7c7c7;}
.accordion-menu .menu ul li a i{ font-size: 16px; display: inline-block; margin-right: 8px;}
.accordion-menu .menu .active > a {
	background:#500000;;
	color: #ffc71d;
}
.accordion-menu .menu li.has-sub > a:after{ 	
	font-family: "Font Awesome 5 Pro";
    font-weight: 900; font-size:12px;
	content: "\f054";
	position: absolute; right: 0px; margin-right: 12px; top: 0px; margin-top: 18px;
}
.accordion-menu .menu li.has-sub.active > a:after{content: "\f078";}
