body
{
	height:200vh;
	position:relative;
	background:#E9E9E9;
	
}

body:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	opacity:0;
	visibility:hidden;
	z-index:1
}

body.offcanvas-menu:before
{
	opacity:1;
	z-index:1002;
	visibility:visible
}

a
{
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}

a,a:hover
{
	text-decoration:none!important
}

.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar
{
	width:3px
}

.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar-thumb
{
	background:#8C7B67;
	border-radius:10px;
	background:-webkit-linear-gradient(to bottom,#ddd,#ddd);
	background:-o-linear-gradient(to bottom,#ddd,#ddd);
	background:linear-gradient(to bottom,#ddd,#ddd)
}

.site-navbar
{
	margin-bottom:0;
	z-index:1999;
	position:relative;
	top:0;
	width:100%;
	padding:1rem;
	position:absolute
}

@media (max-width: 991.98px) {
	.site-navbar
	{
		padding-top:3rem;
		padding-bottom:3rem
	}
}

.site-navbar .toggle-button
{
	position:absolute;
	right:0
}

.site-navbar .site-logo
{
	margin:0;
	padding:0;
	font-size:1rem
}
 
@media (max-width: 991.98px) {
	.site-navbar .site-logo
	{
		float:left;
		position:relative
	}
}

.site-navbar .site-navigation.border-bottom
{
	border-bottom:1px solid #fff!important
}

.site-navbar .site-navigation .site-menu
{
	margin:0;
	padding:0;
	margin-bottom:0
}

.site-navbar .site-navigation .site-menu .active
{
	color:#007bff!important
}
    
.site-mobile-menu
{
	width:100%;
	max-width:100vw;
	position:fixed;
	right:0;
	z-index:2000;
	padding-top:0px;
	background:#fff;
	height:calc(100vh);
	max-height: 100%;
	max-height: -moz-available;
	max-height: -webkit-fill-available;
	min-height: fill-available;
	-webkit-transform:translateX(110%);
	-ms-transform:translateX(110%);
	transform:translateX(110%);
	-webkit-box-shadow:-4px 0 4px 0 rgba(0,0,0,0.25);
	box-shadow:-4px 0 4px 0 rgba(0,0,0,0.25);
	-webkit-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
	transition:.3s all ease-in-out
}

.offcanvas-menu .site-mobile-menu
{
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%)
}

.site-mobile-menu .site-mobile-menu-header
{
	width:100%;
	float:left;
	padding-left:9.7%;
	padding-right:20px;
    /* position: absolute; */
    z-index: 2001;	
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close
{
	float:left;
	margin-top:8px
}
 
.site-mobile-menu .site-mobile-menu-body
{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    height: 100%;
    display: flex; 
    align-items: start;
    width: 100%;
	padding: 9.7%;
	padding-top:0;
	top: 4%;
}

.site-mobile-menu .site-nav-wrap
{
	padding:0;
	/* margin:0; */
	margin-bottom: 0;
	list-style:none;
	position:relative;
	margin-bottom:0;
	bottom: 0;
}
         
.sticky-wrapper
{
	position:relative;
	z-index:100;
	width:100%;
	position:absolute;
	top:0
}
.sticky-wrapper .site-navbar
{
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	background:#fff
}
.sticky-wrapper.is-sticky .site-navbar
{
	background:#fff;
	-webkit-box-shadow:4px 0 20px -5px rgba(0,0,0,0.2);
	box-shadow:4px 0 20px -5px rgba(0,0,0,0.2)
}
 
.sticky-wrapper .shrink
{
	padding-top:0!important;
	padding-bottom:0!important
}
.site-mobile-menu-body ul{margin:20px 0;margin:30px 0;}
.site-mobile-menu .site-nav-wrap hr{color:#E9E9E9;opacity: 1; border-color: #E9E9E9;}
@media (max-width: 991.98px) {
	.sticky-wrapper .shrink
	{
		padding-top:30px!important;
		padding-bottom:30px!important
	}  
	.site-mobile-menu .site-nav-wrap{bottom:0;}
}

html, body {
	height: 100%;
}