@import url('https://fonts.googleapis.com/css2?family=Paytone+One&family=Bebas+Neue&family=Comfortaa:wght@300;400;700&family=Poppins:ital,wght@0,400;0,500;0,700;0,800;0,900;1,400;1,900&family=Roboto:ital,wght@0,300;0,700;0,900;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');



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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html{
background-color: #ffffff;
}
body{
width: 100%;
margin: 0px auto;
font-family: Roboto, Arial;
font-size: 1em;
}

img {
max-width: 100%;
height: auto;
border: none;
}
b, strong{
font-weight: bold;
}

p{
line-height: 1.8em !important;
}
p sup{
font-size: 0.6em;
}
h1 sup{
font-size: 0.6em !important;
}
h3 sup{
font-size: 0.6em !important;
}
h4 sup{
font-size: 0.6;
}

.hide-desktop{
display: none;
visibility: hidden;
}

/* Mobile Basics */
.show-desktop{
display: block;
visibility: visible;
}
.show-mobile{
display: none;
visibility: visible;
}
.hide-mobile{
display: block;
visibility: visible;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-family: Paytone One, Roboto, Arial;
font-weight: normal;
}
p{
font-family: Roboto, Arial;
}

header{
width: 100%;
}

/* Header CSS */


.top-banner-holder{
width: 100%;
padding: 0;
margin: 0;
background-color: #fffffff;
}
.top-info-holder{
padding: 8px 0px;
border-bottom: #d9dbe1 1px solid;
}
.top-info{
width: 1200px;
margin: 0px auto;
}
.top-info h5{
font-size: 0.9em;
text-align: right;
color: #9f9f9f;
}
.top-banner{
position: relative;
width: 1200px;
margin: 0px auto;
padding: 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
flex-grow: 1;
align-items: stretch;
}
.top-banner .financing{
position: absolute;
top: 6px;
right: 6px;
}
.top-banner .financing a:link,
.top-banner .financing a:active,
.top-banner .financing a:visited,
.top-banner .financing a:hover{
font-size: 1em;
padding: 8px 14px;
color: #ffffff;
background-color: #6ec1e4;
}

.logo{
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0px 0px 40px;
}
.logo img{
display: block;
width: 240px;
height: auto;
}

.phone-group{
display: flex;
flex-flow: column;
justify-content: flex-end;
padding-bottom: 14px;
}
.phone-group h4{
display: flex;
flex-flow: row;
justify-content: flex-start;
align-items: center;
font-size: 2.2em;
color: #4f4f4f;
}
.phone-group h4 span{
margin-right: 20px;
font-size: 1.1em;
}
.phone-group h4 span:hover{

}
.phone-group h4 a:link,
.phone-group h4 a:active,
.phone-group h4 a:visited,
.phone-group h4 a:hover{
font-weight: normal;
color: #4f4f4f;
text-decoration: none;
}
.phone-group h4 a:hover{

}
.phone-group h5{
font-size: 1.2em;
color: #373737;
text-align: right;
}


/* =========== Main Content CSS ============ */
.mainContent{
position: relative;
width: 100%;
margin: 0px auto;
} 
.mainContent a:link, 
.mainContent a:active, 
.mainContent a:visited,
.mainContent a:hover{
font-size: 1em; 
font-family: BookAntiqua, Times, Arial; 
font-weight: normal; 
text-decoration: none; 
color: #01178b;
}
.mainContent a:hover{
text-decoration: underline; 
color: #01178b;
}

.mainContent-inner{
width: 1120px;
margin: 0px auto;
}
.mainContent-inner h5{
color: #01178b !important;
font-weight: bold;
text-align: center;
}
.mainContent-inner-white{
background-color: #ffffff;
}

.mainContent-narrow{
float: left;
width: 750px;
}


.site-content{
position: relative;
}




/* ====================== Footer ===================== */ 

footer{
background-color: #6ec1e4;
display: flex;
flex-flow: column;

align-items: center;
}
.footer-holder{
position: relative;
padding: 40px 0px 20px 0px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: center;
}
.footer-each{
margin-right: 80px;
color: #ffffff;
}
.footer-each:last-of-type{
margin-right: 0px;
}
.footer-each h4{
font-size: 1.3em;
margin-bottom: 20px;
color: #ffffff;
text-transform: uppercase;
}
.footer-each ul{
padding: 0;
margin: 0;
}
.footer-each ul li{
list-style: none;
margin-bottom: 6px;
}
.footer-each ul li a:link,
.footer-each ul li a:active,
.footer-each ul li a:visited,
.footer-each ul li a:hover{
font-size: 1em;
font-weight: normal;
color: #ffffff;
}



/* Credits Footer and remaining Custom CSS */

.credits-footer{
align-self: center;
font-family: Roboto, Arial;
font-size: 0.8em;
color: #373737;
text-align: center;
}
.credits-footer a:link,
.credits-footer a:active,
.credits-footer a:visited,
.credits-footer a:hover{
font-family: Roboto, Arial;
font-size: 0.8em;
color: #373737;
text-decoration: none;
}




/* Additional CSS */
a:link, a:active, a:visited{font-size: inherit; font-family: inherit; font-weight: bold; text-decoration: none; color: #f26404;}
a:hover{font-size: inherit; font-family: inherit; font-weight: bold; text-decoration: underline; color: #373737;}

.clr{
clear: both;
}


	/* End of Custom CSS  */