*{margin:0;padding:0;text-decoration:none}

header{
  position:relative;
  width:100%;
  background:#333;
}
.logo{
  width: 100%;
  position:relative;
  z-index: 999;
}
.logo a{
  color:#6DDB07;
}
.logo img{width: 100%;}
.header-fixed {
    width: 100%;
    padding: 0px;
    /* background: linear-gradient(rgba(000,0,0,1), rgba(000,0,0,0)); */
    /* box-shadow: 1px 3px 10px #989898; */
    background: #265988;
    z-index: 999;
    top: 0;
    transition: all .7s ease-in-out;
}
nav{
  position:relative;
  width:100%;
  margin:0 auto;
}
.menu-sec{
  width: 100%;
  position: relative;
  z-index: 999;
}
#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;
  margin: 0;
}
#cssmenu:after,#cssmenu > ul:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0
}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:transparent; text-align: right;}
#cssmenu > ul > li{display: inline-block;}
#cssmenu > ul > li > a{
  padding: 12px 10px;
    font-size: 13px;
    text-decoration: none;
    color: #3d3d3d;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
  color: #000;
  -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 > li.has-sub > a:after{
  position:absolute;top:20px;
  right:10px;width:10px;
  height:2px;
  display:block;
  background:#000;
  content:''
}
#cssmenu > ul > li.has-sub > a:before{
  position:absolute;
  top:16px;
  right:14px;
  display:block;
  width:2px;
  height:10px;
  background:#000;
  content:'';
  -webkit-transition:all .25s ease;
  -ms-transition:all .25s ease;
  transition:all .25s ease
}*/
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;z-index: 99999}
#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{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{
  border-bottom:1px solid rgba(150,150,150,0.15);
  padding:11px 12px;
  width:200px;
  font-size:15px;
  text-decoration:none;
  color:#3d3d3d;
  font-weight:400;
  text-align: left;
}
#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:#333;background: #f5f5f5}
#cssmenu ul ul li.has-sub > a:after{
  position:absolute;
  top:16px;
  right:11px;
  width:8px;
  height:2px;
  display:block;
  background:#ddd;
  content:''
}
#cssmenu ul ul li.has-sub > a:before{
  position:absolute;
  top:13px;
  right:14px;
  display:block;
  width:2px;
  height:8px;
  background:#ddd;
  content:'';
  -webkit-transition:all .25s ease;
  -ms-transition:all .25s ease;
  transition:all .25s ease
}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#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:1200px){
  #cssmenu > ul > li.has-sub > a {padding-right: 27px;}
  #cssmenu > ul > li > a{padding: 12px 8px;}
}
@media screen and (max-width:1000px){
  .pad-xs-zero{padding: 0 !important;}
  .logo{margin-top: 0;margin: auto;}
  .logo img{width: 100%;}
  nav{width:100%;}
  #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#f5f5f5}
  #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
    border-bottom: solid 2px transparent;
  }
  #cssmenu ul{width:100%;display:none}
  #cssmenu ul li{width:100%;border-top:1px solid #f5f5f5}
  #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;color:#313131;padding:10px;text-align: left;font-size: 16px;}
  #cssmenu > ul > li{float:none}
  #cssmenu ul ul li a{padding-left:25px}
  #cssmenu ul ul li{background:#333!important;}
  #cssmenu ul ul li:hover{background:#363636!important}
  #cssmenu ul ul ul li a{padding-left:35px}
  #cssmenu ul ul li a{color:#ddd;background:none}
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#313131}
  #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:-55px;cursor:pointer;z-index: 12399994;}
  .button:after{
    position:absolute;
    top:25px;
    right:20px;
    display:block;
    height:11px;
    width:30px;
    border-top:2px solid #222;
    border-bottom:2px solid #222;
    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:30px;
    background:#222;
    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:#4c4c4c;
    -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:#4c4c4c;
    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 #f5f5f5;
    height:38px;
    width:46px;
    cursor:pointer
  }
  #cssmenu .submenu-button.submenu-opened{background:#262626}
  #cssmenu ul ul .submenu-button{height:34px;width:34px}
  #cssmenu .submenu-button:after{
    position:absolute;
    top:22px;
    right:19px;
    width:8px;
    height:2px;
    display:block;
    background:#ddd;
    content:''
  }
  #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
  #cssmenu .submenu-button.submenu-opened:after{background:#fff}
  #cssmenu .submenu-button:before{
    position:absolute;
    top:19px;
    right:22px;
    display:block;
    width:2px;
    height:8px;
    background:#ddd;
    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}
}