@import url('https://fonts.googleapis.com/css2?family=Raleway&family=Roboto:ital,wght@0,300;0,400;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: 700;
}

p{
font-size: 1.1em;
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: 'Poppins', 'Roboto', Arial;
font-weight: normal;
}

a:link, a:active, a:visited{font-size: inherit; font-family: inherit; font-weight: inherit; text-decoration: none; color: inherit;}
a:hover{font-size: inherit; font-family: inherit; font-weight: bold; text-decoration: underline; color: #006276;}

header{
width: 100%;
}

/* Header CSS */


.top-banner-holder{
position: relative;
width: 100%;
padding: 0px 0px;
margin: 0;
/*background-color: #3056a1;*/
background-color: #ffffff;
}


.top-banner{
position: relative;
width: 1200px;
margin: 0px auto;
padding: 10px 0px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
flex-grow: 1;
align-items: center;
}
.top-banner h6{
position: absolute;
top: 4px;
right: 0px;
font-size: 0.9em;
font-style: italic;
}
.logo{
display: flex;
justify-content: center;
align-items: center;
}
.logo img{
display: block;
width: 240px;
height: auto;
}

.top-banner-right{
height: auto;
display: flex;
flex-flow: column;
justify-content: space-between;
}

.top-red-links{
align-self: flex-start;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
width: 100%;
}
.top-red-links li{
list-style: none;
}
.top-red-links li:first-child{
margin-right: 40px;
}
.top-red-links li a:link,
.top-red-links li a:active,
.top-red-links li a:visited,
.top-red-links li a:hover{
padding: 6px 10px;
font-size: 0.9em;
color: #ffffff;
background-color: #b61a3b;
border-radius: 20px;
text-decoration: none;
}

.top-phone{
position: absolute;
right: 0;
bottom: -60px;
max-width: 406px;
height: 60px;
padding: 0px 20px;
display: flex;
align-items: center;
background-color: #de3a30;
color: #ffffff;
font-family: 'Roboto', Arial;
font-size: 1.5em;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 400;
}
.top-phone a:link,
.top-phone a:active,
.top-phone a:visited,
.top-phone a:hover{
font-size: inherit;
font-weight: inherit;
color: inherit;
}

.mobile-top-phone{
display: none;
}



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



.mainContent h2{
padding: 20px 0px 14px 0px;
font-family: 'Raleway', Arial;
font-size: 1.8em;
color: #006276;
}
.mainContent h3{
padding: 20px 0px 14px 0px;
font-family: 'Raleway', Arial;
font-size: 1.6em;
color: #006276;
}
.mainContent h4{
padding: 14px 0px 0px 0px;
font-family: 'Raleway', Arial;
font-size: 1.3em;
color: #006276;
}


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

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


.site-content{
position: relative;
}




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

.serving-customers{
width: 90%;
padding: 20px;
margin: 0px auto;
margin-bottom: 10px;
background-color: #006276;
color: #fafafa;
border-radius: 20px;
}
.serving-customers h4{
margin-bottom: 10px;
font-size: 1.2em;
}
.serving-customers p{
font-size: 0.9em;
}


.footer-holder{
position: relative;
width: 100%;
padding: 40px 0px;
border-top: #ebebeb 1px solid;
}
.footer{
width: 1200px;
margin: 0px auto;
margin-bottom: 30px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.footer-each{
width: 340px;
color: #c7c7c7;
}
.footer-each h4{
width: 100%;
display: block;
padding: 0px 0px 8px 0px;
margin-bottom: 10px;
font-family: 'Rotobo', Arial;
font-size: 1.4em;
font-weight: normal;
color: #006276;
text-transform: uppercase;
border-bottom: #006276 3px solid;
}
.footer-each ul{
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.footer-each ul li{
list-style: none;
font-family: Rotobo, Arial;
font-size: 1.1em;
}
.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-family: Rotobo, Arial;
font-size: 1.1em;
font-weight: normal;
color: #4f4f4f;
text-decoration: none;
}
.footer-each ul li a:hover{
text-decoration: underline;
}
.footer-each h5{
padding: 0;
margin: 0;
display: table;

}
.footer-each h5 a:link,
.footer-each h5 a:active,
.footer-each h5 a:visited,
.footer-each h5 a:hover{
padding: 8px 20px;
font-family: 'Roboto', Arial;
font-size: 1.2em;
color: #4f4f4f;
background-color: #ffffff;
text-decoration: none;
}
.footer-each h5 a:hover{
background-color: #18a5ff;
}

.footer-each p{
padding: 0;
margin-bottom: 10px;
font-family: 'Roboto', Arial;
font-size: 1.1em;
color: #4f4f4f;
}
.footer-each p span{
color: #4f4f4f;
}
.footer-each p a:link,
.footer-each p a:active,
.footer-each p a:visited,
.footer-each p a:hover{
color: #4f4f4f;
text-decoration: none;
font-weight: normal;
}


.disclaimer{
padding: 14px 8px;
margin: 0;
font-size: 0.9em;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.disclaimer ul{
padding: 0;
margin: 0;
}
.disclaimer ul li{
display: inline-block;
}
.disclaimer ul li a:link,
.disclaimer ul li a:active,
.disclaimer ul li a:visited,
.disclaimer ul li a:hover{
font-size: 0.9em;
color: #373737;
text-decoration: none;
}
.disclaimer ul li a:hover{
text-decoration: underline;
}
.disclaimer ul li:first-child:after{
margin: 0px 8px;
content: "|";
}

/* Credits Footer and remaining Custom CSS */

.credits-footer{
align-self: center;
font-family: 'Roboto', Arial;
font-size: 0.8em;
color: #c7c7c7;
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: #c7c7c7;
text-decoration: none;
}




/* Additional CSS */


.clr{
clear: both;
}


	/* End of Custom CSS  */