/* CSS Document */
input,button,select,textarea{outline:none}
 *:focus { outline: none; }

img {max-width:100%;height: auto;}
header {
    width: 100%;
    position: relative;
}
#header.transparent-header {
    background: transparent;
    border-bottom: none;
    z-index: 199;
}
#header-wrap {
    position: absolute;
    z-index: 199;
    top: 0;
    background: rgba(0, 0, 0, 0.35);
    left: 0;
    padding-bottom: 10px;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
}
#header.sticky-header #header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  padding-bottom: 10px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
.logo { position:absolute; top:10px; left:90px; z-index:10000; display:inline-block;}
.logo a{
    display: block;
}
.sticky-header #header-wrap {
  position: absolute;
}
.sticky-header nav ul li a {
    color: #fff;
}
nav { 
    padding:15px 25px 10px 0px; margin:0px auto;
}
nav .icon-menu a {
    float: right;
    padding: 0px 0px 10px 10px;
}

.sticky-header nav .icon-menu i {
  color: #fff;
}
.icon-menu i {
  color: #fff;
}
.menuzord > ul.menuzord-menu > li {
    position: relative;
    display: inline-block;
    height: 30px;
    vertical-align: top;
}
.menuzord-menu li >a{
    overflow: hidden;
    height: 19px;
    line-height: 20px;
    
}
.menuzord-menu li >a > div {
    position: relative;
}
.view {
  height: 100vh;
  width: 100vw;
}




@media only screen and (max-width: 980px) {
    header { height:50px; background: none; position: absolute; top: 0;}
    .logo { top:10px;}
    .logo img { height:30px;}
    nav {padding:0 !important; position: absolute; width: 100%; top: 0px; height: 64px; background: rgba(0, 0, 0, 0.35);}
    .menuzord-menu{display: none;}
    .showhide:before { display:block; position:absolute; right:6px; bottom:-20px; text-align:right; font-size:12px; color:#333; width:50px; content:"";}
    .menuzord-menu li >a > div{top: 0 !important;}
    .menuzord > ul.menuzord-menu > li{height: auto;border-bottom: 1px solid rgba(255,255,255,.3);}
    nav .icon-menu a {
      float: left;
      padding: 10px 0px 10px 10px;
    }
    #header-wrap {
      padding-bottom:0px;
    }

    nav .icon-menu {
      height: auto;
      border-bottom: 1px solid rgba(255,255,255,.3);
    }
    nav .menuzord .showhide {
      padding: 20px 0px 0;
    }
}

@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width: 550px) {
    .logo { top:15px; left: 10px;}
    .logo img { height:50px;}

}
@media only screen and (min-width: 1380px) {
	nav { 
    padding:15px 25px 10px 0px; margin:10px 2%;
	}
	.logo {
    position: absolute;
    top: 10px;
    left: 90px;
    z-index: 10000;
    display: inline-block;
}
	
}
nav .menuzord .showhide em {
  background: rgb(74, 64, 64);
}
img {
  pointer-events: none;
}