@charset "UTF-8";


/*----------
navbar
----------*/
.navbar {
  margin-bottom: 0px;
}
.navbar > .container {
	  padding: 5px 10px;
}



/*----------
navbar-default navbar-nav
----------*/
.navbar-default {
  /*background-color: #f8f8f8;*/
  background-color: #4E9ABE;
  border-color:  #4E9ABE;
}
@media (max-width: 1024px) {
	.navbar-default .container{
		padding: 0px;
	  margin-left: 2%;
	  margin-right: 2%;
	  width: 96%;
	}
}

.navbar-default .navbar-brand {
  color: #fff;
}


.navbar-default .navbar-nav > li > a {
  color: #fff;
}
/*.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
  background-color: transparent;
  background-color: #e7e7e7;
}*/
.navbar-default .navbar-nav .navRightBottom > li > a:hover,
.navbar-default .navbar-nav .navRightBottom > li > a:focus {
  color: #40748c;
  background-color: transparent;
  background-color: #4E9ABE;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #40748c;
  background-color: #4E9ABE;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #40748c;
  background-color: transparent;
}



/*----------
dropdown-menu
----------*/
.dropdown:hover > .dropdown-menu{
  /*display: block;*/
  background-color: #4E9ABE;

}
.dropdown:hover > .dropdown-menu > li > a{
	 color: #FFF;
	 font-size: 0.6em;
	 font-weight: normal;
	 padding-top: 10px;
	 padding-bottom: 10px;
}
@media (min-width: 1024px) {
	.dropdown:hover > .dropdown-menu{
		display: block;
	}	
}



/*----------
dropdown-menu-list
----------*/
.dropdown-menu {
	margin: 0px;
}
.dropdown-menu > li > a {
  display: block;
  /*padding: 10px 20px;*/
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #40748c;
  text-decoration: none;
  background-color: #4E9ABE;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #4E9ABE;
	color: #fff;
}


/*----------
navbar-toggle
----------*/
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 6px;
  margin-right: 15px;
  margin-bottom: 6px;
  background-color: transparent;
  background-image: none;
  border: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 1px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:visited {
  background-color: #4E9ABE;
}
.navbar-default .navbar-toggle:active > .icon-bar {
  background-color: #fff;
}
.toggleActive{
	background-color: #fff !important;
}
.iconActive{
	background-color: #4E9ABE !important;
}



/*----------
navbar-header
----------*/
.container > .navbar-header{
	height: 100%;
	/*min-height: 100px;
	background-color: #555;*/
}
.container > .navbar-header img{
	width: 100%;
}
@media (max-width: 874px) and (min-width: 768px){
	.container > .navbar-header {
		width: 150px;
		margin-top: 35px;
	}
}
/*@media (max-width: 767px) {
	.container > .navbar-header{
		max-height: 100px;
	}
}*/


/*----------
navbar-brand
----------*/
.navbar-brand {
  float: left;
  height: 50px;
  padding: 0px 15px;
  font-size: 18px;
  line-height: 20px;
}
#logo02{
	display: none;
}
@media (max-width: 767px) {
	#logo01{
		display: none;
	}
	#logo02{
		display: inline-block;
	}

}


/*----------
navbar-right
----------*/
.navbar-right{
	height: 100%;
	/*background-color: #ddd;*/
	margin-right: 0px;
}
.navbar-right .navbar-nav{
	float:none;
}
.navbar-right .navRightTop > li{
	float:right;
}
.nav > li > a {
  padding: 15px 0px;
  height: 50px;
}
.navbar-default .navbar-nav > li > a > span {
	padding: 0px 15px;
}


/*----------
row-custom
----------*/
.row-0{
	margin-left:0px;
	margin-right:0px;
 
	> div{
		padding-right:0px;
		padding-left:0px;
	}
}
.row-10{
	margin-left:-5px;
	margin-right:-5px;
 
	> div{
		padding-right:5px;
		padding-left:5px;
	}
}
.row-20{
	margin-left:-10px;
	margin-right:-10px;
 
	> div{
		padding-right:10px;
		padding-left:10px;
	}
}
.row-30{
	margin-left:-15px;
	margin-right:-15px;
 
	> div{
		padding-right:15px;
		padding-left:15px;
	}
}
.row-40{
	margin-left:-20px;
	margin-right:-20px;
 
	> div{
		padding-right:20px;
		padding-left:20px;
	}
}
@media (max-width: 1024px) {
	.row-40{
		margin-left:5px;
		margin-right:5px;
	 
		> div{
			padding-right:-15px;
			padding-left:-15px;
		}
	}
}