﻿/***** 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;font-family: 'Inter', sans-serif;
	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, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before, .cf:after {content:" ";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

body {font-size:16px; line-height: 24px; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5 {font-weight:700;line-height:normal;}
strong {font-weight:700;}
a:link, a:visited, a:active {text-decoration:none;color:#ea9333;}
a:hover {text-decoration:underline; color:#ea9333;}

.wrapper {width:100%;max-width:80%;margin:0 auto;padding:3% 0px;}
.onecols, .twocols, .threecols {width:100%;height:auto;display:block;float:left;}
.onecols {max-width:25%;}
.twocols {max-width:50%;}
.threecols {max-width:75%;}

.headertop {background:#181919;color:#fff;font-size:12px;}
.headertop .wrapper, header .wrapper {width:100%;max-width:80%;margin:0 auto;padding:20px 0px;}
.headertop a:link, .headertop a:visited, .headertop a:active {text-decoration:none;color:#fff;font-weight:700;}
.headertop a:hover {text-decoration:none;color:#B8B8B8;}
.headertop span {display:inline-block;padding-right:10px;}

header {width:100%;height:auto;border-bottom:1px solid #B8B8B8;}

.obtn {display:block;float:right;min-width:110px;max-width:100%;height:auto;}
button.obtn {-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:13px 30px;margin:0 1%;background:#ea9333;font-size:13px;color:#333;font-weight:700;box-sizing:border-box;border:none;}
button.obtn:hover {background:#b26d28;cursor:pointer;border:none;}

.contactinfo {display:flex;align-items:center;z-index:20;position:relative;}
.phonemobile {display:none;}
.btn--primary {color:#333;font-weight:700;justify-content:center;text-align:center;border-radius:7px;min-width:110px;}
.phone_div .phone {font-size:22px;font-weight:700;display:block;}
.contactinfo .fa-arrow-alt-circle-down {padding-right:10px;}
.contactinfo .fa-arrow-alt-circle-down:hover {cursor:pointer;}

.numbdropdown {position:absolute;background:#333;color:#fff;padding:20px;max-width:165px;width:100%;}
.numbdropdown li a {padding:8px 0;display:inline-block;cursor:pointer;}

.logo {max-width:30%;width:100%;display:block;float:left;box-sizing:border-box;}
.logo img {max-width:100%;height:auto;}

footer {color:#fff;background:#181919;font-size:16px;}
.footerlinks a:link, .footerlinks a:visited, .footerlinks a:active {text-decoration:underline;color:#ea9333;font-weight:700;padding-right:10px;font-size:18px;}
.footerlinks a:hover {text-decoration:none;color:#a0a0a0;}
.footerlinks strong {font-size:14px;font-weight:700;}
.footercredit {background:#343434;color:#fff;font-size:14px;text-transform:uppercase;text-align:center;font-weight:700;padding:10px 20px;}

.whitelink {color:#fff!important;font-size:15px!important;}

.hideit {display:block!important;}
.hideme {display:none!important;}

/** Responsive Styles **/

@media screen and (max-width: 1450px){
	span.prom {display:none!important;}	
	.headertop .wrapper .twocols {max-width:100%;}
}



@media screen and (max-width: 1024px){
	.phone_div .phone {font-size:18px;}

}



@media screen and (max-width: 770px){
	.twocols {max-width:100%;}
	
	.headertop {text-align:center;}
	.hideit {display:none!important;}
	.hideme {display:block!important;}
	.obtn {display:block;float:right;max-width:30%;width:100%;height:auto;}

	.logo {max-width:50%}
	
	.onecols {max-width:50%;}
}
 
 

@media screen and (max-width: 420px){
	.threecols, .onecols {max-width:100%;}

}
