/* dropdown menu */
.jquerynav{
	width:auto;
	list-style:none;
	/* position: sticky;
    top: 0;
    left: 0; */
    z-index: 1000;
	border-radius: 0;
    border: none;
    height: auto;
}
.jquerynav:after{
	display:table;
	content: "";
	clear:both;
}
.jquerynav li{
	position: relative;
}
.show{
	border: 1px solid lightgray;
}
.show li{
	border-bottom: 1px solid lightgray;
}
.show li:last-child{
	border-bottom: none;
}
.jquerynav  a{
	font-weight: 700 !important;
}
.show a{
	padding: 12px 13px !important;
	font-weight: 500 !important;
	font-size: 11px !important;
	text-align: center !important;
}
.nav-active{
	background-color: transparent!important;
	/* box-shadow: 1px 1px 10px 2px lightgray; */
	color: #30478a !important;
}
.nav-active a{
	background: linear-gradient(90deg, rgba(5,247,148,1) 0%, rgba(17,139,214,1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.jquerynav li a{
	display:block;
	padding: 15px 15px ;
    /* color: #fff !important; */
    /* background-color: transparent !important; */
    text-transform: capitalize;
    font-weight: 700 !important;
    font-size: 15px;
    letter-spacing: 0.6px;
}
.jquerynav li a:hover,
.jquerynav  li.current a{
	background: linear-gradient(90deg, rgba(5,247,148,1) 0%, rgba(17,139,214,1) 100%);
    -webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.jquerynav li:hover .touch-block{
	color: #fff !important;
}
.jquerynav li:hover a{
	color: #fff ;
}
.jquerynav ul li a:hover{
	/* background-color: #f8f8f8 !important; */
    /* color: #555 !important; */
	box-shadow: none;
}
/* first level */
.jquerynav > li{
	float:left;
	display:inline;
	/* border-right:1px solid #ddd; */
}
.jquerynav > li:hover .touch-block i{
	color:#118bd6;
}
/* second level */
.jquerynav ul{
	display:none;
	position:absolute;
	top:84px;
	background:#fff;
	min-width: 220px;
	z-index: 2;
}
.jquerynav ul li{ float: none; }
/* third level */
.jquerynav ul ul{ left: 100%; top: 0; }
.jquerynav > li:last-child ul ul{ left:-100%; }
.jquerynav li:hover > ul{ display:block; }
.touch-block{
	top: 33px;
    right: 2px;
    /* padding: 8px 12px; */
    position: absolute;
    z-index: 5;
    content: "▼";
    color: #333;
    text-align: center;
    cursor: pointer !important;
    font-size: 8px;
	transition: .3s;
}
.show .touch-block{
	top: 15px;
	right: 10px;
	transform: rotate(25deg);
}

@media only screen and ( max-width: 991px ){
	#site-header .container{
		max-width: 100%;
		padding: 0px;
	}
	.touch-block{
		top: 10px;
		right: 20px;
		font-size: 12px;
	}
	.show .touch-block{
		right: 20px !important;
	}
	/* first level */
	.jquerynav > li, .jquerynav  > .page_item{
		border-bottom:1px solid #bbb;
		border-right:none; 
	}
	.jquerynav > li:last-child{
		border-bottom:none;
	}
	.jquerynav li{
		width:100%;
		background-color: #fff!important;
	}
	.jquerynav ul li{
		border-bottom: none;
	}
	/* second level */
	.jquerynav li:hover > ul{
		display:none;
	}
	.jquerynav ul{
		position:relative !important;
		top: 0;
	}
	/* third level */
	.jquerynav ul ul {
		left:0%; top: auto;
	}
	.jquerynav > li:last-child ul ul{
		left:0;
	}
	.show a{
		padding: 15px 20px !important;
	}
	.show .touch-block{
		transform: rotate(0deg);
		right: 15px;
	}
	.jquerynav li a{
		font-size: 12px;
		padding: 10px 4px;
		text-align: center;
	}
	.ris-nav{
		display: block;
	}
	.ris-align{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 12px;
	}
	.ris-nav a{
		padding: 3.2px 0px;
	}
	/* .ris-nav img{
		width: 37% !important;
	} */
	.ris-nav i{
		font-size: 30px;
		color: #000;
	}
	.jquerynav {
		display: none;
		height: auto;
		overflow: auto;
	}
	.nav-active a{
		color: #333 !important;
	}
	.jquerynav li a:hover, .jquerynav li.current a{
		color: #fff !important;
	}
}
@media only screen and ( max-width: 767px ){
	.touch-block{
		top: 10px !important;
		right: 15px !important;
		font-size: 10px !important;
	}
	.show .touch-block{
		right: 20px !important;
	}
}