/** * 1.0 - reset * * */


button{

  outline: none;

}

header {

  position:relative;

  width:100%;
  background: #fff;

}
header.fixed{
  position: fixed;
  top: 0;
  z-index: 9999;
}
.fixed {
    transform: translate3d(0, 0, 0);
}
.logo {

  z-index:123;

  padding:10px;

  font:18px verdana;

  color:#6DDB07;

  float:left;

  margin-top: 5px;

}

.logo a {

  color:#6DDB07;
  position: relative;
  z-index: 9999;

}
#cssmenu >ul{

  float: right;

  margin-top: 15px;

  padding-left: 0;

}
#cssmenu ul{

  float: right;

  padding-left: 0;

}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {

  border:0;

  list-style:none;

  line-height:1;

  display:block;

  position:relative;

  -webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

}

#cssmenu:after,#cssmenu>ul:after {

  content:".";

  display:block;

  clear:both;

  visibility:hidden;

  line-height:0;

  height:0

}

#cssmenu #head-mobile {

  display:none

}

#cssmenu>ul>li {

  display: inline-block;

}

#cssmenu>ul>li>a {

  padding:10px;

  font-size:12px;

  letter-spacing:1px;

  text-decoration:none;

  color:#585858;

  font-weight:700;
  text-transform: uppercase;

}

#cssmenu>ul>li:hover>a,#cssmenu ul li.active a {

  color:#5b7ba8

}

#cssmenu>ul>li,#cssmenu ul li,#cssmenu ul li,#cssmenu ul li.has-sub{

  border: solid 1px #fff;

}

#cssmenu>ul>li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {

  -webkit-transition:background .3s ease;

  -ms-transition:background .3s ease;

  transition:background .3s ease;

}

#cssmenu>ul>li.has-sub>a {

  /*padding-right:30px*/

}



#cssmenu ul ul {

  position:absolute;

  left:-9999px;

  z-index: 999;

}

#cssmenu ul ul li {

  height:0;

  -webkit-transition:all .25s ease;

  -ms-transition:all .25s ease;

  background:#fff;

  transition:all .25s ease

}

#cssmenu ul ul li:hover {
  background:#363636;
}
#cssmenu ul li ul li i{
  float: right;
}
#cssmenu li:hover>ul {

  left:auto

}

#cssmenu li:hover>ul>li {

  height:45px;
  border-bottom:1px solid #ddd;

}

#cssmenu ul ul ul {

  margin-left:100%;

  top:0

}

#cssmenu ul ul li a {

  

  padding:15px 15px;

  width:180px;

  font-size:14px;

  text-decoration:none;

  color:#5b7ba8;

  font-weight:400;

}

#cssmenu ul ul li:last-child>a,#cssmenu ul ul li.last-item>a {

  border-bottom:0

}

#cssmenu ul ul li:hover>a,#cssmenu ul ul li a:hover {

  color:#fff

}

#cssmenu ul ul li>a span,#cssmenu ul ul li a span {

  position:absolute;

  top:16px;

  right:11px;

}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {

  background:#363636;

}

#cssmenu ul ul ul li.active a {

  border-left:1px solid #333

}

#cssmenu>ul>li.has-sub>ul>li.active>a,#cssmenu>ul ul>li.has-sub>ul>li.active>a {

  border-top:1px solid #333

}

@media screen and (max-width:1000px) {
  .lan {
      position: absolute;
      left: 1px;
      top: 15px;
  }
  .logo {

    width:auto;

    text-align:center;

    float:none

  }
  .logo img{
    height: 30px;
  }

  .logo2 {

    display:none

  }

  nav {

    width:100%;

  }

  #cssmenu {

    width:100%

  }

  #cssmenu ul {

    width:100%;

    display:none

  }

  #cssmenu ul li {

    width:100%;

    border-bottom: 1px solid #ddd;

  }
  #cssmenu>ul>li, #cssmenu ul li, #cssmenu ul li, #cssmenu ul li.has-sub {
    border-bottom: solid 1px #ddd;
  }

  /*#cssmenu ul li:hover {

    background:#363636;

  }*/

  #cssmenu ul ul li,#cssmenu li:hover>ul>li {

    height:auto

  }

  #cssmenu ul li a,#cssmenu ul ul li a {

    width:100%;

    border-bottom:0

  }
  #cssmenu ul li a i{
    display: none;
  }
  #cssmenu>ul>li {

    float:none

  }

  #cssmenu ul ul li a {

    padding-left:25px

  }

  #cssmenu ul ul li {

    background:#fff!important;

  }

  #cssmenu ul ul li:hover {

    background:#fff!important

  }

  #cssmenu ul ul ul li a {

    padding-left:35px

  }

  #cssmenu ul ul li a {

    color:#000;

    background:none

  }
  #cssmenu ul ul li a i{

    display: none;

  }

  #cssmenu ul ul li:hover>a,#cssmenu ul ul li.active>a {

    color:#000;

  }

  #cssmenu ul ul,#cssmenu ul ul ul {

    position:relative;

    left:0;

    width:100%;

    margin:0;

    text-align:left

  }

  #cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before,#cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before {

    display:none

  }

  #cssmenu #head-mobile {

    display:block;

    color:#ddd;

    font-size:12px;

    font-weight:700

  }

  .button {

    width:55px;

    height:46px;

    position:absolute;

    right:0;

    top:0;

    cursor:pointer;

    z-index:12399994;

  }

  .button:after {

    position:absolute;

    top:22px;

    right:20px;

    display:block;

    height:8px;

    width:25px;

    border-top:2px solid #000;

    border-bottom:2px solid #000;

    content:''

  }

  .button:before {

    -webkit-transition:all .3s ease;

    -ms-transition:all .3s ease;

    transition:all .3s ease;

    position:absolute;

    top:16px;

    right:20px;

    display:block;

    height:2px;

    width:25px;

    background:#000;

    content:''

  }

  .button.menu-opened:after {

    -webkit-transition:all .3s ease;

    -ms-transition:all .3s ease;

    transition:all .3s ease;

    top:23px;

    border:0;

    height:2px;

    width:19px;

    background:#000;

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    transform:rotate(45deg)

  }

  .button.menu-opened:before {

    top:23px;

    background:#000;

    width:19px;

    -webkit-transform:rotate(-45deg);

    -moz-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    transform:rotate(-45deg)

  }

  #cssmenu .submenu-button {

    position:absolute;

    z-index:99;

    right:0;

    top:0;

    display:block;

    /*border-left:1px solid #444;*/

    height:30px;

    width:45px;

    cursor:pointer

  }

  #cssmenu .submenu-button.submenu-opened {

    background:#fff;

  }

  #cssmenu ul ul .submenu-button {

    height:34px;

    width:34px

  }

  #cssmenu .submenu-button:after {

    position:absolute;

    top:15px;

    right:19px;

    width:8px;

    height:2px;

    display:block;

    background:#000;

    content:''

  }

  #cssmenu ul ul .submenu-button:after {

    top:15px;

    right:13px

  }

  #cssmenu .submenu-button.submenu-opened:after {

    background:#000;

  }

  #cssmenu .submenu-button:before {

    position:absolute;

    top:12px;

    right:22px;

    display:block;

    width:2px;

    height:8px;

    background:#000;

    content:''

  }

  #cssmenu ul ul .submenu-button:before {

    top:12px;

    right:16px

  }

  #cssmenu .submenu-button.submenu-opened:before {

    display:none

  }

  #cssmenu ul ul ul li.active a {

    border-left:none

  }

  #cssmenu>ul>li.has-sub>ul>li.active>a,#cssmenu>ul ul>li.has-sub>ul>li.active>a {

    border-top: none

  }

}

@media screen and (min-width: 992px){

  #header_container .nav>li a .icons-dropdown i {

    width: 11px;

    height: 16px;

  }

  #header_container .navbar-nav > li > a > span {

    margin-left: 3px;

  }

  #header_container .nav>li:hover a .icons-dropdown i {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

  }

  #cssmenu>ul>li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {

    border: solid 1px #5b7ba8;

    -webkit-transition:background .3s ease;

    -ms-transition:background .3s ease;

    transition:background .3s ease;

  }

  #cssmenu>ul>li {

    display: inline-block;

    margin: 0 5px;

  }

}