/*MOBILE HEADER*/
.mobile-header
{
	display: none;
	position: absolute;
    z-index: 1000;
	width: 100%;
	min-height: 84px;
	background-color: #000000;
	border-bottom: solid 1px #93c3f9;
}
.mobile-header-inner
{
	position: relative;
	float: left;
	padding: 8px;
	width: 100%;
	height:100%;
}
.mobile-header *
{
	color: $white;
}
.mobile-header p {
	margin: 0 0 8px 0;
}

.mobile-header .logo-holder
{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
}
.mobile-header .logo-holder img
{
	max-width: 178px;
	height: auto;
}
/***************************/
.mobile-header .contact-holder
{
	float: left;
	position: relative;
	text-align: right;
}
.mobile-header .contact-holder *
{
	font-size: 16px;
}

.mobile-header .contact-holder a
{
	color: $white;
}
.mobile-header.contact-holder span
{
	padding-top: 4px;
	display:inline-block;
}
.mobile-header .contact-holder .call,
.mobile-header .contact-holder .phone,
.mobile-header .contact-holder .email {
	float: left;
	margin: 0 8px 0 0;
}
.mobile-header .contact-holder .email
{
}
.mobile-header .contact-holder .call
{
}
.mobile-header .contact-holder .phone
{
	color: #93c3f9;
}
.mobile-header .zoom_search_header
{
}
/***************************/
#mobile-nav-wrapper
{
	position:absolute;
	bottom: 0;
	z-index: 500;
	width: 100%;
}
#mobile-nav-wrapper .toggle-nav
{
	display: inline-block;
	position: absolute;
	right: 8px;
    bottom: 8px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #93c3f9;	
}
#mobile-nav-wrapper .toggle-nav .fas.fa-bars
{
	padding: 6px;
	font-size: 20px;
	font-weight: 1000;
	color: $white;
}
/***************************/
.mobile-nav-holder
{
	position: absolute;
	top: 0px;
	right: 0px;
    float: right;
	width:100%;
    max-width: 375px;
	padding: 8px;
	display:none;
	background-color: #000000;
}
.mobile-nav-holder *
{
	color: $white;
}
.mobile-nav-holder.mobile-visible
{
	display:block;
	animation: 0.3s ease-out 0s 1 slideInFromBottom;
}
.mobile-nav-holder ul {
	min-width: 320px;
	padding: 0;
	margin: 0;
    list-style-type: none;
}
.mobile-nav-holder a:hover,
.mobile-nav-holder > .selected a
{
	color: #93c3f9;
}
.mobile-nav-holder .nav.L0 a
{	
    
}
.mobile-nav-holder .nav.L0 li
{   
	position: relative;
    float: left;
	width: 100%;
	min-width: 351px;
	margin-bottom: 8px;
}
.mobile-nav-holder .mobile-carat
{
	position: absolute;
	right: 8px;
}
.mobile-nav-holder .mobile-carat:before
{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 24px;
	content: "\f0d7";
}
.mobile-nav-holder .mobile-carat.carat-close:before
{
	content: "\f0d8";
}
.mobile-nav-holder .L1 .mobile-carat
{
	display: none;
}
/*************************/
.mobile-nav-holder ul .L1 {
    padding-left: calc(#{8px} * 2);
}
.mobile-nav-holder ul .L2 {
    padding-left: calc(#{8px} * 4);
}
/*************************/
@media only screen and (min-width: 0px) and (max-width: 767px){
	.mobile-header {
	}	
	.mobile-header .contact-holder,
	.mobile-header .mobile-header-row,
	.mobile-header .logo-holder {
		float: left;
		width: 100%;
		text-align: center;
	}
	.mobile-header .mobile-header-row {
		margin-bottom: 8px;
	}
}
/*************************/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	
#mobile-nav-wrapper .toggle-nav
{
	right: 16px;
    bottom: 16px;
}
.mobile-header-inner {
    padding: 16px;
}
.mobile-header .logo-holder {
    margin-bottom: 16px;
}

}
/*************************/
@media only screen and (min-width: 1025px) and (max-width: 1199px){
	#mobile-nav-wrapper .toggle-nav
{
	right: 30px
    bottom: 30px
}
.mobile-header-inner {
    padding: 30px
}
.mobile-header .logo-holder {
    margin-bottom: 30px
}

}

























/*************************/