#headerwrap{
	position:fixed;
	bottom:0;
	top:auto;
	border-bottom:none;
	border-top:1px solid rgba(0,0,0,.05)
}
#header{
	padding:1em 0
}
.header-bar{
	float:left
}
#site-logo{
	margin:5px 10px 0 0;
	display:inline-block;
	vertical-align:middle
}
#site-description{
	margin:5px 1.5em 5px 0;
	font-size:.8em;
	display:inline-block;
	vertical-align:middle
}
#header .social-widget{
	float:left;
}
.social-widget .widget{
	margin:0;
}
.search-button{
	float:left
}
#headerwrap #searchform-wrap{
	float:left
}
.cart-icon{
	float:left
}
#main-nav-wrap{
    position:relative
}
#main-nav{
	float:right
}
#main-nav a{
	padding:.3em .6em
}
#main-nav li .sub-menu .sub-menu{
	right:100%; 
	left:auto;
	top:auto;
	bottom:0;
	transform-origin:bottom;
}
#main-nav .has-mega-column>.sub-menu{
	padding:32px 39px 39px
}
#main-nav li>.sub-menu{
	top:auto;
	bottom:100%;
	transform-origin:bottom
}
.header-widget{
	display:none;
	text-align:center
}
.header-widget .header-widget-inner{
	height:100%;
	overflow:auto;
	-webkit-overflow-scrolling:touch
}
.sidemenu-off.tf_scrollbar{
	overflow:inherit
}
/* header bottom footer */
#footerwrap{
	position:fixed;
	top:0;
	bottom:auto;
	left:0;
	width:100%;
	transition:transform .35s cubic-bezier(.6,-.1,.4,.05);
	transform:translateY(calc(-100% + -1px));
	z-index:4
}
#footerwrap.expanded{
	transform:translateY(0);
	box-shadow:0 3px 20px 3px rgba(0,0,0,.15)
}
#pagewrap .back-top{
	bottom:90px;
	right:10px;
	left:auto
}
#pagewrap .back-top a{
	padding:0;
	text-decoration:none;
	border-radius:50%;
	line-height:normal;
	width:auto;
	height:auto;
	display:inline-block
}
#footerwrap .footer-tab{
	font-size:19px;
	line-height:1em;
	top:100%;
	left:50%;
	width:60px;
	height:35px;
	padding:5px;
	margin:0;
	transform:translateX(-50%);
	border-radius:0 0 8px 8px;
	outline:0;
	box-shadow:0 1px 1px rgba(0,0,0,.15)
}
.footer-tab:before,
.footer-tab:after{
    content:'';
    position:absolute;
    transition:transform .5s ease-in-out,left .5s ease-in-out;
    height:2px;
    width:15px;
    top:45%;
    left:19px;
    transform:rotate(49deg);
    background:currentColor;
    z-index:9999;
}
.footer-tab:after{
    left:28px;
    transform:rotate(-49deg)
}
#footerwrap.expanded .footer-tab:before,
#footerwrap.expanded .footer-tab:after{
	left:36%;
	width:30%
}
.footer-block #footerwrap{
	position:fixed
}
.mobile-menu-visible #pagewrap .back-top,
.back-top.back-top-float.back-top-hide{
	opacity:0;
	transform:scale(0)
}
.header-bottom:not(.fixed-header-on) #pagewrap .back-top{
	transition:transform .3s
}
.themify_builder_active #headerwrap{
	position:static;
	color:inherit
}
@media screen and (max-width:800px){
	#pagewrap .back-top a:before{
            font-size:1.4em
	}
}
@media screen and (max-height:900px){
	#footer{
            overflow:auto;
            /* prevent overflowing the page */
            -webkit-overflow-scrolling:touch;
            max-height:60vh;
            font-size:.9em
	}
}