/*==================================
	Custom css
==================================*/
@font-face {
    font-family: 'GeoSlab703 Md BT';
    src: url('../fonts/GeometricSlab703BT-Bold.eot');
    src: url('../fonts/GeometricSlab703BT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GeometricSlab703BT-Bold.woff2') format('woff2'),
        url('../fonts/GeometricSlab703BT-Bold.woff') format('woff'),
        url('../fonts/GeometricSlab703BT-Bold.ttf') format('truetype'),
        url('../fonts/GeometricSlab703BT-Bold.svg#GeometricSlab703BT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GeoSlab703 Md BT';
    src: url('../fonts/GeometricSlab703BT-Medium.eot');
    src: url('../fonts/GeometricSlab703BT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GeometricSlab703BT-Medium.woff2') format('woff2'),
        url('../fonts/GeometricSlab703BT-Medium.woff') format('woff'),
        url('../fonts/GeometricSlab703BT-Medium.ttf') format('truetype'),
        url('../fonts/GeometricSlab703BT-Medium.svg#GeometricSlab703BT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'GeoSlab703 Md BT';
	font-weight: 500;
}

/********** Header ************/

#sp-header{
	background: #F3F3F3;
}
#sp-header .logo{
	background: transparent;
}
#sp-header #sp-logo{
	background: #fff;
}
#sp-header #sp-logo .logo img{
	height: 100%;
	width: auto;
}
#sp-header #sp-menu {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: flex-end;
    flex-wrap: wrap;
}
#sp-header #sp-logo .sp-column a{
	height: 100%;
}
#sp-header #sp-menu .sp-megamenu-wrapper{
	width: 100%;
}
#sp-header #sp-menu .sp-megamenu-parent{
	margin: 0;
	text-align: right;
}
#sp-header #sp-menu .sp-megamenu-parent > li > a{
	line-height: inherit;
	color: #36477c;
	text-transform: uppercase;
	opacity: 1;
    letter-spacing: 0;
	font-family: 'GeoSlab703 Md BT';
	font-weight: 600;
    font-size: 16px;
}
#sp-header #sp-menu #offcanvas-toggler{
	height: auto;
	line-height: inherit;
}
#sp-header #sp-menu #offcanvas-toggler > .fa{
	color: #36477c;
}
#sp-header #sp-menu .sp-megamenu-parent > li:not(:last-child){
	margin-right: 20px;
}
#sp-header #sp-menu .sp-contact-info{
	width: 100%;
	margin: 0;
	color: #b0b0b0;
	opacity: 1;
}
#sp-header #sp-menu .sp-contact-info li{
	justify-content: flex-end;
	margin: 0 0 0px 0;
	font-family: 'GeoSlab703 Md BT';
	font-size: 20px;
    align-items: center;
}
.sp-contact-info li span.fa{
	font-size: 20px;
}
#sp-header #sp-menu .sp-contact-info a{
	color: #36477c;
}
#sp-header #sp-menu .sp-contact-info li.sp-contact-phone .fa-phone:before{
	content: 'Tel:';
}
@media only screen and (min-width:992px) and (max-width: 1200px){
	#sp-header #sp-menu{
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
	#sp-header #sp-logo{
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
}
@media only screen and (min-width:992px){
	#sp-header #sp-menu .sp-column{
		padding-right: 40px;
	}
	#sp-header #sp-menu .sp-contact-info li{
		margin: 0 0 15px 0;
	}
}


/*********** Slider ***************/

.sp-slider-content-wrap{
	height: 100%;
}
.hero-slider div[class*=sp-slider-content-align]{
	padding: 60px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.hero-slider div[class*=sp-slider-content-align]{
	border-left: 2px solid #fff;
}

/************** Footer **************/
#sp-footer{
	font-size: 18px;
	color: #fff;
}
#sp-footer .sp-copyright{
	display: flex;
    align-items: center;
    justify-content: space-between;
	font-size: 14px;
}
#sp-footer .footer_design{
	padding-left: 30px;
    background-image: url(/images/logo_design.png);
    background-repeat: no-repeat;
    background-size: 27px;
    background-attachment: inherit;
    background-position: left center;
    line-height: 16px;
	text-align: left;font-size:14px!important;
}

@media only screen and (max-width: 992px){
	.small--text-center{
		text-align: center !important;
	}
}
@media only screen and (max-width: 768px){
	#sp-footer .sp-copyright{
		flex-direction: column;
		text-align: center;
	}
	#sp-footer .footer_design{
		margin-top: 10px;
		
	}
}

#sp-footer .footer_design {  font-size:14px!important; }