*{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
a, a:hover{
	text-decoration:none;
}



/*-----main menu------------*/

.menu_wrap {
    width: 100%;
}
.main_menu .main_menu_btn{
	display: none;
	background: black;
	position:relative;
	width:300px;
	height:auto;
	
}
.main_menu .main_menu_btn p{
	margin:0;
	color: #fff;
	text-align: center;
	font-size: 15px;
	padding: 10px;
	cursor: pointer;
}
.main_menu ul{
	margin:0;
	padding:0;
	position:relative;
	background:#00695c;
	min-height:50px;
	z-index: 99;
}
.main_menu > ul > li{
	display:inline-block;
	position:relative;

}

.main_menu ul li a {
    padding: 19px 19px 19px 5px;
    display: block;
    color: #fff;
    text-decoration: none;
}
.main_menu ul li:hover{
	background:#00897b;
}
.main_menu ul ul{
	display:none;
	position:absolute;
	min-width:200px;	
	background:#00897b;
	left:0;
	top:100%;
}
.main_menu ul li:hover > ul{
	display:block;
	background:#26a69a;
}
.main_menu ul ul li{
	display: block;
	background: #00897b;
	position:relative;
}
.main_menu ul ul li a{
	padding:10px;
	display:block;
}
.main_menu ul ul li:hover{
	background:#26a69a;
}
.main_menu ul ul ul{
	display:none;
	position:absolute;	
	left:100%;
	top:0%;
}
	


.login_st {
    float: right;
    
    text-align: right;
    padding: 19px 0;
}
.login_st a {
    border: 1px solid #ddd;
    padding: 9px  13px;
    cursor: pointer;
    color: #fff;
    margin-right: 21px;
    font-size: 16px;
}
/*-----main menu nav arrow------------*/

.main_menu > ul .menu-has-children::after {
    content: "\f107";
    position: absolute;
    right: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    top: 19px;
}
.main_menu ul li:hover.menu-has-children::after {
	content: "\f106";
}
.main_menu > ul .menu-has-children .sub-menu > a::after {
	content: "\f105";
	position: absolute;
	right: 5px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	top: 14px;
}
.main_menu ul ul li:hover.sub-menu > a::after {
	content: "\f104";
}



/*----------- scroll Nav----------- */
.scroll_menu{
	color:#000;
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:99999;
}

.scroll_menu ul{
	background: #059684;
}


input.data_search.form-control {
	color: #fff;
	background: #680947;
	margin-top: 36px;
	padding: 6px 1px;
	height: 41px;
}
input.data_search.form-control:hover {
    background: #010a38;
}
button, input, optgroup, select, textarea {
	margin: 0 7px 0 0;
}
@media screen and (max-width: 782px) {
.main_menu ul li a {
	padding: 13px 13px 13px 7px;
}
}
/*----------- Mobile Nav----------- */

@media (max-width: 640px) {

.menu_wrap {
	width: 100%;
}	
.main_menu ul{
	position:static;
	display:none;

}
.main_menu ul li{
	display:block;

}

.main_menu ul li:hover ul{
	position:static;
	
}
.main_menu ul ul{
	position:static;
	background:#4db6ac;
}
.main_menu ul ul li{
	padding-left:23px;
	font-size:15px;
}
.main_menu ul ul ul{
	position:absolute;	
	left:0%;
	position:static;
}
.main_menu ul ul ul li{
	background:;
}
.main_menu ul ul ul ul li{
	background:;
}
.main_menu > ul .menu-has-children::after {
	right: 5px;
}
.main_menu > ul .menu-has-children .sub-menu > a::after {
	content: "\f107";
}
/*------mobile button---------*/

.main_menu .main_menu_btn {
	display: block;
	width: 100%;
}
.mobile_btn {
	position: absolute;
	top: 1px;
	right: 13px;
	width: 43px;
	height: 40px;
	box-sizing: border-box;
	cursor: pointer;
	background: transparent;
	border: none;
	outline: none;
}
.mobile_btn span{
	display:block;
	width:35px;
	height:3px;
	position:absolute;
	top:0px;
	background:#fff;
	transition:.3s;
	position:relative;
}
.mobile_btn span:before{
	position:absolute;
	content:'';
	top:-10px;
	left:0;
	width:100%;
	height:3px;
	background:#fff;
	
}
.mobile_btn span:after{
	position:absolute;
	content:'';
	top:10px;
	left:0;
	width:100%;
	height:3px;
	background:#fff;
	
}

.mobile_btn.toggle span{
	background:transparent;
}

.mobile_btn.toggle span:after{
	top:0;
	transform:rotate(45deg);
}
.mobile_btn.toggle span:before{
	top:0;
	transform:rotate(-45deg);
}
.login_st {
    width: 100%;
    text-align: left;
    padding-left: 7px;
    background: #059684;
}

}
































	

