@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300&family=Oxygen&display=swap');
@font-face{
	font-family: itsFont;
	src: url("../config_condensed_fonts/ConfigCondensed-Light.otf");
}

body{padding: 0; margin: 0; color: #777777;
font-size: 14px;
font-weight: 300;
line-height: 1.625em;
font-family: 'Nunito', sans-serif;
font-family: 'Dosis', sans-serif;
font-family: 'itsFont';}

header{float:left; width:100%; color: #ffffff; z-index:999899; position: absolute;}
.top.header{float: left; width: 100%; background-color:#00a0e3; background-color:#191975; opacity: 0.95;}
.top.header ul{list-style: none; font-size:15px; height: 60px; line-height: 60px; margin: 0; padding: 0;}
.top.header ul li{display: block; float: left; margin-right: 20px; cursor: pointer;}
.top.header ul li i{}
.top.header .header-left{float:left; margin-left: 2%;}
.top.header .header-right{float:right;}
.top.header .header-right.tab{text-decoration: none; line-height: 60px; height: 60px; background-color:#191975; padding: 0px 20px;}

#menu{padding:6px 2%; width:96%; height:auto; text-align:center; position:relative; z-index:950; float:left; margin-top:0px;}
#menu #logo{}
#menu #logo img{height:50px; float:left;}
#menu #logo #logo-non-stk{display: block;}
#menu #logo #logo-stk{display: none;}

.navbar {overflow: hidden; width:auto; float:right; height:auto; z-index:1986876875; margin-top:10px;}

.dropdown {
	float: left;
	overflow:hidden;
	height:auto;
	transition: 0.3s;
	}

.dropdown .dropbtn {
	font-size: 15px;
	border: none;
	outline:none;
	margin-top:0px;
	height:30px;
	line-height:30px;
	background:none;
	color: #ffffff;
	margin:0px 10px;
	padding:0px 3px;
	text-transform: uppercase;
	border-bottom:2px groove none;
	font-weight: bold;
	}

.navbar .dropdown:hover .dropbtn {border-bottom:2px groove #fff; color:#fff;}

.dropdown-content {
    display: none;
    position: absolute;
    background: #2f2f53;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	transition:1s;
}
.dropdown-content2 {
    display: none;
    position: absolute;
    background: #bfe1fd;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	transition:1s;
	margin-top: -37px;
	margin-left:146px;
}

.dropdown-content a {
    float: none;
    color: #FFFFFF;
    padding:2px 14px;
    text-decoration: none;
    display: block;
	height:35px;
	line-height:35px;
	font-size:14px;
    text-align: left;
	text-transform: uppercase;
	border: none;
}
.dropdown-content .dropbtn1 {
    color: #01153c;
    padding:2px 14px;
    text-decoration: none;
    display: block;
	height:35px;
	line-height:35px;
	font-size:14px;
    text-align: left;
	border-top:1px groove #9ccdf5;
	cursor: pointer;
}

.dropdown-content a:hover, .dropbtn1:hover{
	color:white;
}

.dropdown:hover > .dropdown-content {
    display: block;
	margin-top:0px;
	animation:linear lala 0.4s;
}
.dropdown-content .dropbtn1:hover > .dropdown-content2{
    display: block;
	animation:linear lala 0.1s;
}

@keyframes lala
{
0%{margin-top:25px; opacity:0.1;}	
}


.navbar .icon {
  font-size:15px;
  display:none;
}


.sticky{position:relative; position:fixed !important; background:#191975; top:s0; opacity: 0.95;}
.sticky #logo-non-stk{display: none !important;}

.sticky #logo-stk{display: block !important;}

.sticky .dropdown .dropbtn {color: #ffffff;}

/*.sticky .dropdown .dropbtn{color:#028343; padding:23px 12px; background:white;}
.sticky img{display:block !important; margin-left:15px;}*/

/***********************************************menu closed*/