/*--------------------------------------------------------------------------
	Navigation Style
--------------------------------------------------------------------------*/
.wrap {
  width: 1200px;
  margin: 0 auto;
  text-align: left;
}

.top-bar-new {
    border-bottom: 1px solid #e7e7e7;
    border-top: 4px solid #e54e53;
}
.main-head {
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb !important;
    border-top: 2px solid #337d49;
    z-index: 4;
}

.cf::before, .cf::after {
    content: " ";
    display: table;
}

.cf::after {
    clear: both;
}

.navigation, .section-head {
    font-size: 16px;
}

/**
 * 2.3. =Navigation
 * ----------------------------------------------------------------------------
 */
.navigation {
  background-color: #FFF;
  color: #333;
    
  text-transform: uppercase;
  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.navigation.sticky {
  position: fixed;
  top: 0;
  z-index: 101;
  width: 1078px;
  background-color: rgba(25, 35, 45, 0.9);
  
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.admin-bar .navigation.sticky { top: 32px; }

.navigation a { color: #333; }

.navigation .mobile, .navigation .mobile-menu { display: none; } 
.navigation .menu { }

.navigation ul { 
  margin: 0;
  padding: 0;
  list-style: none; 
  line-height: 2; 
  position: relative;
}

.mobile-menu-container{
  padding: 0 30px;
}

.navigation ul li { 
  float: left; 
}

/* nth level link */ 
.navigation .menu li > a { 
  float: left;
  padding: 0px 25px;
}

/* top level links - 45px total height */
.navigation .menu > li > a { 
  text-decoration: none;
  line-height: 60px;
  
  border-bottom: 2px solid transparent;
  
  margin-bottom: -2px; /* parent border offset */
  
  /*border-left: 1px solid #141b23;
  box-shadow: -1px 0px 0px 0px #2e4052;
  -webkit-box-shadow: -1px 0px 0px 0px #2e4052;*/
  
  /*border-left: 1px solid #2e4052;*/
}

/* blips for parent menus */
.navigation .menu li > a:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 0.9;
  content: "\f107";
  text-shadow: 0px 0px 1px #efefef;
  margin-left: 10px;
}

.navigation .menu li li > a:after { display: none; }
.navigation .menu li > a:only-child:after { display: none; }

.navigation .menu > li:first-child > a {
  border-left: 0;
  box-shadow: none; 
}

.navigation .menu > li:hover > a, 
.navigation .menu > .current-menu-item > a,
.navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a
{
  border-bottom: 2px solid #e54e53;
}

.navigation .menu > li:hover {
  background-color: #F5FFFA;
}

/* login */
.menu .user-login { float: right; }

.navigation .menu .user-login a {
  float: right;
  background: #2A3746;
  padding: 0 21px;
  min-width: 12px;
}

.navigation .user-login .text { display: none; }

/* nested menus */

/* 1st level */
.navigation .menu > li > ul { 
  top: 45px;
  border-radius: 0;
  border: 0;
}

/* 1st to nth level links */
.navigation .menu > li li a {
  float: none;
  display: block;
  text-decoration: none;
  font-size: 13px;
  padding: 6px 25px;
  border-top: 1px solid #1f2c38;
  text-transform: none;
  
  /* prevent visibility:hidden delays */
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  
  /* box-shadow: 0px -1px 0px 0px #141b23;
  -webkit-box-shadow: 0px -1px 0px 0px #141b23; */
  /* width: 100%;  - variable width disabled */ 
}

.navigation .menu ul li {
  float: none;
  min-width: 220px;
  border-top: 0;
  padding: 0 0;
  position: relative;
}

.navigation .menu > li li:first-child a { 
  border-top: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.navigation .menu ul {
  position: absolute; 
  overflow: visible;
  visibility: hidden;
  display: block; 
  opacity: 0;
  
  padding: 5px 0px;
  background: #19232d;
          
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  transition: all .2s ease-in;
  
  z-index: 100;
}

/* 2nd+ level */
.navigation .menu ul ul { 
  left: 100%;
  top: 0;
}

.navigation li:hover > ul { 
  visibility: visible; 
  opacity: 1; 
}

/* nth level hover or current active item */
.navigation .menu li li:hover, .navigation .menu li li.current-menu-item {
  background: #1e2935;
}

/* Mega Menu */

.navigation li:hover .mega-menu { 
  visibility: visible;
  opacity: 1; 
  
  /* z-index increase on hover - prevent transitions making menu re-appear on random hover */
  z-index: 1000;
}

.navigation .mega-menu {
  width: 100%;
  left: 0;
  top: 45px;
  
  margin: 0;
  
  position: absolute; 
  overflow: hidden;
  visibility: hidden;
  display: block; 
  opacity: 0;

  padding: 35px 0px; /* 2.5em */
  
  background: #19232d;
  
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  
  /* fix flicker and use hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  
  z-index: 100;
}

.navigation .mega-menu .sub-menu li, .navigation .menu .mega-menu > li { min-width: 0; }

/* disable transitions in mega menu */
.mega-menu .wp-post-image, .mega-menu a { 
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/* sub-nav for category mega menu */

.mega-menu .sub-cats {
  padding: 0;
  margin-top: -35px;
}

.mega-menu .sub-nav {
  padding-right: 50px;
  padding-left: 25px;
  margin-right: 25px;
  background: #1e2935;
  margin-bottom: -600px;
  padding-bottom: 600px;
  padding-top: 37px;
}

.mega-menu .sub-nav li {
  float: none;
  display: block;
  position: relative;
}

.navigation .mega-menu .sub-nav li a {
  text-transform: uppercase;
  padding: 5px;
  border-top: 0;
  border-bottom: 1px solid #2f4154;
}

/* nested sub-nav */
.mega-menu .sub-nav ul {
  top: 0; 
  left: 100%; 
}

.navigation .mega-menu .sub-nav ul li { min-width: 220px; }
.navigation .mega-menu .sub-nav ul li:last-child a { border-bottom: 0; }

.navigation .mega-menu .sub-nav li:hover, .navigation .menu .sub-nav li.current-menu-item  { background: #1e2c3a; }

.mega-menu .extend { padding: 0 25px 0 0; }

.mega-menu .heading {
  display: block;
  border-bottom: 1px solid #2f4154;
  padding: 5px 0;
  margin-bottom: 21px;
  font-weight: 600;
}

.mega-menu .featured { -webkit-transform: translate3d(0, 0, 0); }

.mega-menu .featured h2 { 
  /*padding-left: 0;*/
  text-transform: none; 
}

.mega-menu .featured h2 a { color: #efefef; }

.mega-menu .highlights article { margin-bottom: 14px; }

.mega-menu .recent-posts .posts-list {
  text-transform: none;
}

.mega-menu .posts-list div:first-child { padding-top: 0; }

.mega-menu .posts-list .post {
  overflow: hidden;
  padding-top: 21px;
}

.mega-menu .posts-list .post > a { 
  float: left;
  position: relative; 
}

.mega-menu .posts-list .content { 
  border-bottom-color: #2f4154;
  margin-left: 75px; 
  min-height: 0;
}

.mega-menu .posts-list img { width: 60px; }
.mega-menu .posts-list .content > a { margin-bottom: 10px; }


/* mega menu for normal links style */
.navigation .mega-menu.links {
  padding: 35px 0 42px 0; 
}

.navigation .mega-menu.links > li.current-menu-item {
  background: inherit;
}

.navigation .mega-menu.links > li {
  float: left;
  width: 25%;
  border: 0;    
  padding: 0 25px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

/* mega menu headings */
.navigation .mega-menu.links > li > a {
  border: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #2f4154;
  padding: 5px 0; 
}

.navigation .mega-menu.links > li > a:after { display: none; }

.navigation .mega-menu.links > li ul {
  visibility: inherit;
  opacity: 1;
  position: static;
}

.navigation .mega-menu.links > li li a { 
  padding-left: 10px;
  border-top: 0;
  border-bottom: 1px solid #1f2c38;
}

/* caret */
.navigation .mega-menu.links > li li a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 0.9;
  content: "\f105";
  margin-right: 10px;
}

.navigation .mega-menu.links > li:hover { background: transparent; }

.mega-menu .wp-post-image:hover { opacity: 1; }

/* breadcrumbs */
.breadcrumbs {
  background: #f2f2f2;  
  padding: 14px 25px;
  font-size: 12px;
  color: #8d97a1;
  line-height: 1;
}

.breadcrumbs a { color: #656565; }

.breadcrumbs .delim {
  padding: 0 10px;
  font-size: 16px;
  color: #8d97a1;
  line-height: 0.7;
}

.breadcrumbs .location {
  color: #e54e53;
  margin-right: 21px;
  text-transform: uppercase;
}

a{
    color: #19232d;
    text-decoration: none;
    transition: all 0.4s ease-in-out 0s;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
}

.menu-main-menu-container .top-logo {
    float: left;
    font-size: 18px;
    margin-right: 50px;
    margin-top: 10px;
    text-transform: uppercase;
}

/**
 * login
 * ----------------------------------------------------------------------------
 */
.top-login {
    float: right;
    height: 60px;
    /*width: 120px;*/
    margin-left: 10px;
}

.top-login div.noLogin {
    cursor: pointer;
    float: right;
    height: 50px;
    line-height: 50px;
    /*max-width: 150px;*/
    min-width: 90px;
    padding: 0 10px;
    position: relative;
    z-index: 9;
}

.top-login div.noLogin:hover {
  background: none repeat scroll 0 0 #f0f0f0;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.12);
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

.top-login div.noLogin .pic {
    float: left;
    height: 48px;
    padding-left: 5px;
    border-radius: 5px;
}

.top-login div.noLogin a.name {
    color: #e1e9eb;
    float: left;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    margin-left: 10px;
    /*max-width: 75px;*/
    overflow: hidden;
    text-decoration: none;
    transition: all 0s ease 0s;
    text-transform:capitalize;
}

.top-login div.noLogin .links {
    width: 100%;
    background: none repeat scroll 0 0 #f0f0f0;
    border-top: 0 none;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.52);
    display: none;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 9;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

.top-login div.noLogin .links li {
    border-bottom: 1px solid #e5e5e5;
    height: 40px;
    line-height: 28px;
    padding: 5px 0;
    clear: both;
    width: 100%;
    color: #4b4b4b;
    font-size: 12px;
}

.top-login div.noLogin .links li a{
  color: #4b4b4b;
}

.top-login div.noLogin > i {
    background: url("http://www.lvi.org.cn/img//lph-topLogin-sprite.png") repeat scroll -140px -50px rgba(0, 0, 0, 0);
    float: left;
    height: 6px;
    margin-left: 5px;
    margin-top: 25px;
    width: 10px;
}

.top-login div.noLogin:hover > i {
    background-position: -100px -50px;
}

.top-login div.noLogin:hover > a {
    color: #000;
}

.top-login div.noLogin .links li i{
  margin-right: 10px;
}

.menu-main-menu-container .top-logo{
  /*background: url("/v2/images/app/main2/news_tags.png") no-repeat;*/
    /*color: #e54e53;*/
    float: left;
    margin-right: 50px;
    text-transform: uppercase;
   
    font-size: 18px;
    margin-top: 10px;
}

/**
 * search
 * ----------------------------------------------------------------------------
 */

.top-bar-new{
  border-bottom: 1px solid #e7e7e7;
  border-top: 4px solid #337d49;
}

.top-bar-new .search {
    float: right;
    margin: 10px 0 -3px 50px;
}

.top-bar-new .search .query {
    transition: all 0.4s ease-in-out 0s;
    width: 120px;
    height: 36px;
    border-radius: 8px;
}

.top-bar-new .search-button {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    line-height: 26px;
    margin-left: -28px;
    outline: 0 none;
    width: 20px;
    border-style:none;
}

.top-bar-new .search .query:focus { 
  width: 180px;     
  border-style:none;
}

.search .query, .searchform input, .searchform #s {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #e9e9e9;
    border-color: -moz-use-text-color #e9e9e9 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    color: #999;
    float: left;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    outline: 0 none;
    padding: 1px 8px;
}