/*-----------------------------------------------------*/
/* Nav */
/*-----------------------------------------------------*/
.header {
 width:100%;
 top:0px !important;
 position:absolute;
 margin:0 auto;
 z-index:999;
}
.navbar {
 border-radius:0;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 z-index:10;
 width:100%;
 font-size:14px;
 font-weight:600;
 background:#fff;
 border-bottom:1px solid #e5e5e5;
}
.navbar .info {
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 -ms-transition:all 0.3s ease-in-out;
 -o-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 overflow:hidden;
 height:36px;
 font-weight:500;
 line-height:36px;
 background:#f6f6f6;
 border-bottom:1px solid #e5e5e5;
}
.navbar .info a {
 display:block;
 float:left;
 padding-top:1px;
 padding-right:12px;
 color:#333;
 font-weight:500 !important;
}
.navbar .info a:hover {
 color:#1785db;
}
.navbar .info .toparea {
 float:right;
 list-style:none;
 margin:0;
 padding:0;
}
.navbar .info .toparea li {
 display:block;
 float:left;
}
.navbar .info .toparea li a {
 display:block;
 padding:0 15px;
 font-size:12px;
 color:#333;
 line-height:36px;
 vertical-align:middle;
 border-right:1px solid #e5e5e5;
 border-left:none;
}
.navbar .info .toparea li a:hover {
 color:#1785db;
}
.navbar .brand {
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 -ms-transition:all 0.3s ease-in-out;
 -o-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 display:inline-block;
 line-height:76px;
 vertical-align:middle;
}
.navbar .brand .logo {
 display:inline-block;
}
.navbar .nav li a {
 margin:20px 0;
 padding:12px 10px 12px 30px;
 color:#222;
 font-size:16px;
 text-shadow:none;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 -ms-transition:all 0.3s ease-in-out;
 -o-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 text-transform:uppercase;
}
.navbar .nav li a:hover,.navbar .nav li a.hover,.navbar .nav li a:focus,.navbar .nav li a.focus {
 color:#1785db;
 background:none;
}
.navbar .nav li.dropdown .dropdown-menu {
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
 text-transform:capitalize;
 left:4px;
 background:#fff;
 border-top:2px solid #1785db;
}
.navbar .nav li.dropdown:hover .dropdown-menu {
 visibility:visible;
 opacity:1;
 -webkit-transform:scaleX(1);
 transform:scaleX(1);
}
.navbar .nav li.dropdown .dropdown-menu li a {
 font-size:13px;
 color:#333;
 padding:4px 10px;
 margin:0;
}
.navbar .nav li.dropdown .dropdown-menu li:first-child a {
 padding:11px 10px 2px 10px;
}
.navbar .nav li.dropdown .dropdown-menu li:last-child a {
 padding:2px 10px 11px 10px;
}

.dropdown-menu {
 width:100%;
 min-width:135px;
 padding:0 15px;
 border:0;
 border-radius:0;
 border:1px solid rgba(0,0,0,0.1);
 box-shadow:none;
 display:block;
 visibility:hidden;
 transition:.3s ease;
 opacity:0;
 -webkit-transform:scale(0.8);
 transform:scale(0.8);
 background:#fff;
}
.dropdown-menu:after {
 position:absolute;
 top:-6px;
 left:53px;
 display:inline-block;
 content:'';
 z-index:99999;
}
.divider {
 height:1px;
 margin:0;
 overflow:hidden;
 background-color:#ccc;
}
.no-mobile .dropdown:hover .dropdown-menu {
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 -ms-transition:all 0.3s ease-in-out;
 -o-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 -webkit-animation:0.3s animationSubMenu;
 -o-animation:0.3s animationSubMenu;
 animation:0.3s animationSubMenu;
 display:block;
}
@media (max-width:767px) {
 .header {
  width:100%;
  height:110px;
 }
 .navbar {
  border-bottom:0px;
 }
 .navbar .info .toparea li a {
  padding:0 10px;
 }
 .navbar .nav {
  background-color:#333;
 }
}
@media (max-width:767px) {
 .navbar .nav li a {
  margin:0;
  padding:10px;
  color:#fff;
  font-size:14px;
  text-shadow:none;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
 }
 .navbar .nav li>a:after {
  content:'\f054';
  font-family:'FontAwesome',sans-serif;
  position:absolute;
  top:0;
  right:10px;
  display:block;
  font-size:10px;
  color:#777;
  padding:10px 10px 0 0;
 }
 .navbar .nav li.dropdown .dropdown-menu li a:after {
  content:'';
 }
 .navbar .nav li.dropdown .dropdown-menu li a {
  padding:5px 10px 5px 10px;
  border:0;
  color:#333;
 }
 .navbar .nav li.dropdown .dropdown-menu {
  left:0;
  margin-top:-1px;
  z-index:999;
 }
}
/* icons */
.social li a i {
 color:#333;
 font-size:14px;
 display:block;
 line-height:35px;
 text-align:center;
 -webkit-transition:all 0.5;
 transition:all 0.5s;
}
.social li a i:hover,.social li a i:focus {
 color: #1785db;
}

@media screen and (min-width:1200px) {
 .navbar-left {
  float:left!important;
  margin-left:10%
 }
}
@media (min-width:768px) and (max-width:991px) {
 .navbar .nav {
  margin:0
 }
 .navbar .nav li a {
  padding: 12px 0 12px 14px;
  font-size:15px;
 }
 .navbar-left {
  float:left!important;
  margin-left:0
 }
 .dropdown-menu {
  min-width:120px;
  padding:0 10px 0 8px;
 }
}
.navbar .navbar-toggle {
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 -ms-transition:all 0.3s ease-in-out;
 -o-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 margin-top:25px;
 margin-bottom:15px;
}
.navbar .navbar-toggle .icon-bar {
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 -ms-transition:all 0.3s ease-in-out;
 -o-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 background:#333;
}
.navbar .navbar-toggle:hover {
 border-color:#1785db;
}
.navbar .navbar-toggle:hover .icon-bar {
 background:#1785db;
}
.navbar.affix-top {
 position:fixed;
}
.navbar.affix {
 position:fixed;
 -webkit-box-shadow:0 3px 3px -3px rgba(0,0,0,0.3);
 -moz-box-shadow:0 3px 3px -3px rgba(0,0,0,0.3);
 box-shadow:0 3px 3px -3px rgba(0,0,0,0.3);
 background:#fff;
}
.navbar.affix .info {
 height:0;
 border-bottom-width:0;
 border-bottom:0;
}
.navbar.affix .brand {
 line-height:55px;
}
.navbar.affix .nav li a {
 margin-top:10px;
 margin-bottom:15px;
}
.navbar.affix .navbar-toggle {
 margin-top:10px;
}