/*header*/
.header-top{background-color:#085faf;padding:5px 0;}
.header .hlink {color:#fff;text-align:right;}
.header .hlink span{margin-right:10px;}
.header .hlink span a{color:#fff;padding-left:20px;font-size:12px;}
.header .hlink a{color:#fff;}
.header .hlink .search{background:url(/skin/sites/school402/core/header/images/search.png) left center no-repeat;}
.header .hlink .homepage{background:url(/skin/sites/school402/core/header/images/homepage.png) left center no-repeat;}
.header .navbar-brand {padding:10px;height: auto;}
.main-nav{background-color:#176dbc;border-radius: 0;-webkit-border-radius: 0;border: 0;margin:0;}
.navbar-default .navbar-nav>li>a{color: #fff !important;font-size:16px;padding:15px 10px;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff !important;font-weight:bold;background-color:transparent;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color: #fff !important;}
.navbar-nav>li>a.on1{padding-left:30px !important;background: url(/skin/sites/school402/core/header/images/home.png) left center no-repeat;}
.navlist .dropdown-menu{padding:0;background-color:transparent;}
.navlist .dropdown-menu li{width:100%;margin-bottom:1px;}
.navlist .dropdown-menu li:last-child {border-bottom: none;}
.navlist .dropdown-menu li a{font-size:14px;padding:10px 20px;color:#fff;text-align:left;background-color: rgba(23,109,188,.8);}
.navlist .dropdown-menu li a:hover{background-color:#176dbc;}
.navbar-right .dropdown-menu {left: 0;right: auto;}
.dropdown-menu, .dropdown-menu > li > a {-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;font-weight: normal;}
.dropdown-menu {border:none;-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);box-shadow: 0 3px 12px rgba(0,0,0,.05);-webkit-transition: .25s;-o-transition: .25s;transition: .25s;}
.menu1{display: block; -webkit-animation: menu 0.8s;animation: menu 0.8s;}
.menu2{display: block; -webkit-animation: menu 1.0s;animation: menu 1.0s;}
.menu3{display: block; -webkit-animation: menu 1.2s;animation: menu 1.2s;}
.menu4{display: block; -webkit-animation: menu 1.4s;animation: menu 1.4s;}
.menu5{display: block; -webkit-animation: menu 1.6s;animation: menu 1.6s;}
.menu6{display: block; -webkit-animation: menu 1.8s;animation: menu 1.8s;}
.menu7{display: block; -webkit-animation: menu 2.0s;animation: menu 2.0s;}
.menu8{display: block; -webkit-animation: menu 2.2s;animation: menu 2.2s;}
.menu9{display: block; -webkit-animation: menu 2.4s;animation: menu 2.4s;}
@-webkit-keyframes menu {  
0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes menu { 
0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}

.dropdown .caret{width:12px;height:7px;border:0;background:url(/skin/sites/school402/core/header/images/nav_arr.png) no-repeat;margin-left:10px;}
/*footer*/
.footer{background:#176dbc;padding:20px 0 20px 0;color:#fff;}
.footer a{color:#fff;}
.copyright {color:#fff;font-size:14px;line-height:24px;}
@media (min-width: 992px){
	.navbar-nav{width:100%;display: flex;}
	.navbar-nav>li{flex:1;}
	.navbar-nav>li>a{text-align:center;}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
}
@media (min-width: 1240px){
 	.container {
     	width: 1220px;
 	}
}
@media (max-width: 1400px){
	.main-nav .navbar-header .navbar-brand img{width:360px;}
	.navbar-default .navbar-nav>li>a {padding:24px 5px;}
}
@media (max-width: 1200px) and (min-width: 992px){
	.main-nav .navbar-header .navbar-brand img{width:240px;height:auto;}
	.navbar-default .navbar-nav>li>a {padding:15px 5px;}
	.footer-quick{padding-left:30px;}
}
@media (max-width: 1000px){
	
}
@media (max-width: 991px){
	.navbar-nav{margin-top:0;}
	.navbar-default .navbar-nav>li{width:auto;text-align:left;}
	.navbar-default .navbar-nav>li>a{padding:10px 10px;font-size:16px;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#fff;}
	.footnav li {width: 33.3%;border:0;float:left;}
}