.area-header {  }
.magazine { position:absolute; z-index:3; background:url(/img/bg-magazine.png) top center no-repeat ; }


.navbar-inverse .navbar-nav > li > a { font-family: 'Lato', sans-serif; font-weight:900; font-style: italic; color:#ffffff; }
.navbar-inverse .navbar-nav > li > a:hover {  color:#ffde00; }
.navbar-inverse .navbar-nav > li > a:focus { color:#ffde00; }
.navbar { border-radius: 0px; border:0px; margin-bottom:0px; background-color:transparent; z-index:8; }
.navbar-inverse { border-color:transparent; z-index:8; }
.navbar-collapse {  padding-left: 0px; min-height:auto; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; z-index:8; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { background-color: transparent; margin-right:0px; margin-bottom:0px; margin-top:-15px; padding-top:15px; float:left; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent; margin-top:0px; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #4682e8; }
.navbar-toggle .icon-bar { width: 40px; height:3px; padding-top:4px;}
.navbar-collapse { padding-right:0px; }
.navbar-nav>li>.dropdown-menu { z-index:12; text-align:left; border-top-right-radius: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.dropdown-menu { z-index:12; text-align:left;background: -webkit-linear-gradient(295deg, #033fc1 -35%, #9bcdfe 80%);}
.dropdown-menu > li > a { font-family: 'Poppins', sans-serif; font-weight:400; color:#ffffff; }
.dropdown-menu > li > a:hover { background-color:#202020;color:#ffffff; }
.dropdown-menu > li > a:focus { background-color:#202020;color:#ffffff; }
.nav-tabs { border-bottom: 0px; float:right; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0px; padding-top:0px; text-decoration:none; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #d9d9d9; }




@media (max-width:767px) {

.area-header { height: 45px; }



.navbar-inverse .navbar-nav > li > a { font-size:16px;  }
.navbar-inverse .navbar-nav > li > a {  background-color:transparent; }
.navbar-inverse .navbar-nav > li > a:hover { background-color:#202020; background-image:none; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { text-align:left; background-color: #13499f; z-index:5;   }
.nav > li > a { padding: 10px 15px; }
.navbar { background-color: transparent; min-height:0px; margin-top:12px;}
.navbar-collapse { border-top:1px; }
.navbar-nav { margin: 10px 0px 10px 0px;  }
.navbar-collapse { max-height: 500px; }


}


@media(min-width:768px) and (max-width:991px) {

.area-header { height: 45px; }



.navbar-inverse .navbar-nav > li > a { font-size:20px; }
.navbar {  margin-right:70px; padding-top:10px; }
.nav > li > a { padding: 0px 24px; }

}

@media(min-width:992px) {	


.area-header { height: 45px; }



.navbar-inverse .navbar-nav > li > a { font-size:26px; }
.navbar {  margin-right:120px; padding-top:10px; }
.nav > li > a { padding: 0px 24px; }

}

@media(min-width:1200px) {	
.area-header { height: 45px; }



.navbar-inverse .navbar-nav > li > a { font-size:26px; }
.navbar {  margin-right:215px; padding-top:10px; }
.nav > li > a { padding: 0px 24px; }


}