/*--------------------------------------------------------------
# Header Style 2
--------------------------------------------------------------*/
.site-header.pushdown,
.site-logo-minimal.pushdown,
.menu-box.pushdown,
.menu-box-mob.pushdown,
.mobile-menu.menu-overlay.pushdown{
  top: 30px;
}

.menu-box-mob.pushdown,
.site-logo-mob.pushdown{
  top:45px!important;
}

.site-header{
  width: 100%;
  position:fixed;
  z-index:100002;
  top: 0;
  left: 0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.site-header.hidden{
  position:fixed;
  top:-90px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.header-row{
  width:100%;
  padding-left: 2%;
  padding-right: 2%;
  box-sizing: border-box;
}

.header-row.top {
  min-height:66px;
  background: #303030;
}

.header-row.top.trans {
  height:66px;
  background: none!important;
}


.header-row::after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

.header-block{
  width: 33.33%;
  width: calc(100% / 3);
  height:auto;
  float:left;
  box-sizing: border-box;
}

.header-block.left{
  width: 19%;
  text-align:left;
}

.header-block.middle{
  text-align:center;
}

.header-block.right{
  width: 80%;
  text-align:right;
}

.main-menu{
  float:right;
  line-height: 46px;
  margin-right: 175px;
}

.site-logo-minimal{
  white-space: nowrap;
  text-align: center;
  height:66px;
  width:auto;
  padding: 0;
  position:fixed;
  background: #1f1f1f;
  top:0;
  right:70px;
  z-index:1000000;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.site-logo-minimal img{
  vertical-align: middle;
}

.site-logo-minimal.hidden{
  white-space: nowrap;
  text-align: center;
  height:66px;
  background:#4f4f4f;
  width:auto;
  padding: 0;
  position:fixed;
  top:-70px;
  right:70px;
  z-index:1000000;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.img-center {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


.cart-box{
  height: 66px;
  width: 66px;
  background: #4f4f4f;
  position: absolute;
  right: 140px;
}

.search-box{
  height: 66px;
  width: 70px;
  background: #232323;
  position: absolute;
  right: 70px;
  cursor:pointer;
}

.menu-box{
  background:#303030;
  height: 66px;
  width: 70px;
  position: fixed;
  right: 0;
  cursor:pointer;
  top:0;
  z-index:100002;
  -webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-ms-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}

.menu-box-mob{
  display:none;
  background:#303030;
  height: 66px;
  width: 70px;
  position: fixed;
  right: 0;
  top:0;
  z-index:100002;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.site-logo-mob{
  display:none;
  white-space: nowrap;
  text-align: center;
  height:66px;
  width:auto;
  padding: 0;
  position:fixed;
  background: #1f1f1f;
  top:0;
  right:70px;
  z-index:1000000;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.menu-box.hidden{
  background:#303030;
  height: 66px;
  width: 70px;
  position: fixed;
  right: 0;
  top:-70px;
  z-index:100002;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.menu-close-box{
  height: 66px;
  width: 70px;
  background: #3c3c3c;
  position: fixed;
  right: 0;
  z-index:10000;
  cursor:pointer;
}