/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

.wrapper{    
	max-width: 1200px;
    display: block;
    margin: auto;
}

.right{float: right;}
.left{float: left;}

/*--- HEADER STYLES ---------------------*/
header {}




/*---BODY--------------------------------*/

.hs-btn.hs-highlighted{
	background: #1E82BF;
	color: #fff !important;
}
.hs-btn.hs-highlighted:hover{
	background: #0C3A56;
}
.signin-view a:link{color: #fff;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer{}


.footer{
	background-color: #0C3A56;
    padding: 20px 20px 30px;
}
#footer-flex{
	display: flex;
	justify-content: space-between;
}
#footer-flex .col-foot{
	width: 16.6667%;
	color: #fff;
}

.col-foot h4{
	font-family: 'Teko', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .5px;
	margin-top: 10px;
    margin-bottom: 10px;    
	font-weight: 500;
}
.col-foot p{
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: .25px;
    margin-bottom: 10px;
}
.col-foot a[href^="tel:"]{
	font-family: 'Teko', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 500;
}
.col-foot a{
	font-family: 'Teko', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .25px;
    color: #fff;
	font-weight: 400;
}
.col-foot a:hover{
    color: #1E82BF;
}

.col-foot .logo{
	max-width: 125px; 
	float: right;
    margin-top: 35px;
}

.footer .mobile-contact{display: none;}

.footertext {background: #1E82BF; padding: 20px;}
.footertext .right{    
	font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    letter-spacing: .25px;
    color: #fff;
    text-align: right;
    margin-bottom: 0px;
}
.footertext .right a{    
    color: #fff;
}
.footertext .right a:hover{    
    color: #0C3A56;
}
.footertext .left{display: flex;}

.footertext .left a{
	padding: 0 10px 0 0;
	font-size: 16px;
}
.footertext .left  a svg{
	background: #0C3A56;
	color: #fff;
	padding: 8px;    
	border-radius: 50%;
	width: 16px;
}
.footertext .left  a svg:hover{
	background: #1E82BF;
	color: #0C3A56;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1199px) {
	.col-foot.col-extra{display: none;}
}

@media only screen and (max-width: 991px) {
	.col-foot.quick-links{display: none;}
	#footer-flex .col-foot{width: 33.3333%;}
}


@media only screen and (max-width: 767px) {
	.footer .mobile-contact{    
		display: flex;
    	justify-content: center;
		margin-top: 20px;
	}
	.footer .mobile-contact a{
		padding: 0 10px 0 0;
		font-size: 16px;
	}
	.footer .mobile-contact  a svg{
		background: #1E82BF;
		color: #fff;
		padding: 8px;    
		border-radius: 50%;
		width: 16px;
	}
	.footer .mobile-contact  a svg:hover{
		background: #0C3A56;
		color: #1E82BF;
	}
	.footertext .left{display: none;}
	.footertext .right{float: none; text-align: center;}
	#footer-flex {justify-content: center;}
	#footer-flex .col-foot{display:none;}
	#footer-flex .col-foot:last-of-type{
		display:block; 
    	text-align: center;
	}
	#footer-flex .col-foot .logo{margin: 0; padding: 0; float: none;}
	
}