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
}

.site-navbar .site-logo a
{
	text-transform:uppercase;
	color:#000
}

@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-navbar .site-navigation .site-menu a
{
	text-decoration:none!important;
	display:inline-block
}

.site-navbar .site-navigation .site-menu > li
{
	display:inline-block
}

.site-navbar .site-navigation .site-menu > li > a
{
	margin-left:15px;
	margin-right:15px;
	padding:20px 0;
	color:rgba(0,0,0,0.7)!important;
	display:inline-block;
	text-decoration:none!important
}

.site-navbar .site-navigation .site-menu > li > a:hover
{
	color:#000!important
}

.site-navbar .site-navigation .site-menu > li.active > a
{
	color:#000!important
}

.site-navbar .site-navigation .site-menu .has-children
{
	position:relative
}

.site-navbar .site-navigation .site-menu .has-children > a
{
	position:relative;
	padding-right:20px
}

.site-navbar .site-navigation .site-menu .has-children > a:before
{
	position:absolute;
	content:"\e313";
	font-size:16px;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	font-family:'icomoon'
}

.site-navbar .site-navigation .site-menu .has-children .dropdown
{
	visibility:hidden;
	opacity:0;
	top:100%;
	position:absolute;
	text-align:left;
	border-top:2px solid #007bff;
	-webkit-box-shadow:0 2px 10px -2px rgba(0,0,0,0.1);
	box-shadow:0 2px 10px -2px rgba(0,0,0,0.1);
	padding:0;
	margin-top:20px;
	margin-left:0;
	background:#fff;
	-webkit-transition:.2s 0;
	-o-transition:.2s 0;
	transition:.2s 0
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top
{
	position:absolute
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before
{
	display:none;
	bottom:100%;
	left:20%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(136,183,213,0);
	border-bottom-color:#fff;
	border-width:10px;
	margin-left:-10px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a
{
	text-transform:none;
	letter-spacing:normal;
	-webkit-transition:0 all;
	-o-transition:0 all;
	transition:0 all;
	color:#000!important
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a.active
{
	color:#007bff!important;
	background:#f8f9fa
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li
{
	list-style:none;
	padding:0;
	margin:0;
	min-width:200px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a
{
	padding:9px 20px;
	display:block
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover
{
	background:#f8f9fa;
	color:#ced4da
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before
{
	content:"\e315";
	right:20px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul
{
	left:100%;
	top:0
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a,.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a,.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a
{
	background:#f8f9fa;
	color:#ced4da
}

.site-navbar .site-navigation .site-menu .has-children:hover > a,.site-navbar .site-navigation .site-menu .has-children:focus > a,.site-navbar .site-navigation .site-menu .has-children:active > a
{
	color:#007bff
}

.site-navbar .site-navigation .site-menu .has-children:hover,.site-navbar .site-navigation .site-menu .has-children:focus,.site-navbar .site-navigation .site-menu .has-children:active
{
	cursor:pointer
}

.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,.site-navbar .site-navigation .site-menu .has-children:active > .dropdown
{
	-webkit-transition-delay:0;
	-o-transition-delay:0;
	transition-delay:0;
	margin-top:0;
	visibility:visible;
	opacity:1
}

.site-mobile-menu
{
	width:300px;
	max-width:57vw;
	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:20px;
	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-header .site-mobile-menu-close span
{
	font-size:30px;
	display:inline-block;
	padding-left:10px;
	padding-right:0;
	line-height:1;
	cursor:pointer;
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover
{
	color:#ced4da
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo
{
	float:left;
	margin-top:10px;
	margin-left:0
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a
{
	display:inline-block;
	text-transform:uppercase
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img
{
	max-width:70px
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover
{
	text-decoration:none
}

.site-mobile-menu .site-mobile-menu-body
{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    height: 100%;
    padding-bottom: 9.7%;
    display: grid;
    padding-top: 9.7%;
    justify-content: end;
    align-items: end;
    width: 100%;
}

.site-mobile-menu .site-nav-wrap
{
	padding:0;
	/* margin:0; */
	margin-bottom: 0;
	list-style:none;
	position:relative;
	margin-bottom:11%;
	bottom: 11%;
}

.site-mobile-menu .site-nav-wrap a
{
	padding:8px 20px;
	display:block;
	position:relative;
	color:#E9E9E9;
	text-transform:uppercase
}

.site-mobile-menu .site-nav-wrap a:hover
{
	color:#fff
}

.site-mobile-menu .site-nav-wrap li
{
	position:relative;
	display:block
}

.site-mobile-menu .site-nav-wrap li .nav-link.active
{
	color:#fff
}

.site-mobile-menu .site-nav-wrap li.active > a
{
	color:#fff
}

.site-mobile-menu .site-nav-wrap .arrow-collapse
{
	position:absolute;
	right:0;
	top:10px;
	z-index:20;
	width:36px;
	height:36px;
	text-align:center;
	cursor:pointer;
	border-radius:50%
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover
{
	background:#f8f9fa
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before
{
	font-size:12px;
	z-index:20;
	font-family:"icomoon";
	content:"\f078";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%) rotate(-180deg);
	-ms-transform:translate(-50%,-50%) rotate(-180deg);
	transform:translate(-50%,-50%) rotate(-180deg);
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before
{
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}

.site-mobile-menu .site-nav-wrap > li
{
	display:block;
	position:relative;
	float:left;
	width:100%
}

.site-mobile-menu .site-nav-wrap > li > a
{
	padding-left:30px;
	font-size:15px
}

.site-mobile-menu .site-nav-wrap > li > ul
{
	padding:0;
	margin:0;
	list-style:none
}

.site-mobile-menu .site-nav-wrap > li > ul > li
{
	display:block
}

.site-mobile-menu .site-nav-wrap > li > ul > li > a
{
	padding-left:40px;
	font-size:16px
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul
{
	padding:0;
	margin:0
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li
{
	display:block
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a
{
	font-size:16px;
	padding-left:60px
}

.site-mobile-menu .site-nav-wrap[data-class="social"]
{
	float:left;
	width:100%;
	margin-top:30px;
	padding-bottom:5em
}

.site-mobile-menu .site-nav-wrap[data-class="social"] > li
{
	width:auto
}

.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a
{
	padding-left:15px!important
}

.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 .site-navbar ul li a
{
	color:rgba(0,0,0,0.7)!important
}

.sticky-wrapper .site-navbar ul li a.active
{
	color:#000!important
}

.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.is-sticky .site-navbar .site-logo a
{
	color:#007bff
}

.sticky-wrapper.is-sticky .site-navbar ul li a
{
	color:#000!important
}

.sticky-wrapper.is-sticky .site-navbar ul li a.active
{
	color:#007bff!important
}

.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 > li > a{font-size:10px;}
	.site-mobile-menu .site-nav-wrap a{padding:5px 32px;}
	.site-mobile-menu .site-nav-wrap{bottom:9%;}
	.site-mobile-menu .site-nav-wrap hr{
		margin:15px 0;
		height: 1.5px;
	}
}

html, body {
	height: 100%;
}