/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* BOOTSTRAP COLUMN MARGIN REMOVAL */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}




/* NAVBAR STYLING */


.navbar li a, .navbar .navbar-brand {
    color: #13234f !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #289e95 !important;
    background-color: #13234f !important;
}




.navbar-default {
background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0;
    border-radius: 10;
    margin-bottom: 0;
    font-size: 1.9em;
    font-weight: 600;
    letter-spacing: 1px;

}





/* FONT STYLES */

body {
  font-size: 1.1em;
  font-family: 'Roboto', sans-serif;
  color: #004b66;
}




.headlogo {
padding: 8px;
}

a {
color: #485964;
}

a:hover {
color: #485964;
}



h {
font-family: 'Fjalla One', sans-serif;
}


p {
font-size: 14pt;
line-height: 24pt;
}

p.position {
font-size: 14pt;
line-height: 24pt;
color: #004b66;
}





p.candc { font-family: 'Roboto', sans-serif;
font-weight:300;
font-size: 13pt;
line-height: 160%;
color: #7d7d7d;
padding:10px;
}


p.contacttext { font-family: 'Roboto', sans-serif;
font-weight:500;
font-size: 15pt;
line-height: 160%;
color: #13234f;
padding:10px;
}

p.whiteoutbold { font-family: 'Roboto', sans-serif;
font-weight:500;
font-size: 14pt;
line-height: 140%;
color: #fff;
padding:10px;
}


p.turqbold { font-family: 'Roboto', sans-serif;
font-weight:500;
font-size: 16pt;
line-height: 140%;
color: #289e95;
padding-top: 5px;
}




ul.nicelist { list-style-type: square;
list-style-position: inside;
font-family: 'Roboto', sans-serif;
font-weight:600;
font-size: 16pt;
line-height: 150%;
color: #13234f;
}



ul.anothernicelist { list-style-type: square;
list-style-position: inside;
font-family: 'Roboto', sans-serif;
font-weight:600;
font-size: 16pt;
line-height: 150%;
color: #ffffff;
}



p.whitebold { font-family: 'Roboto', sans-serif;
font-weight:500;
font-size: 16pt;
line-height: 140%;
color: #ffffff;
}



.homeintro {
background-color: #fff;
padding:30px;
}

.firsttext {
background-color: #152758;
}


.abouttext {
background-color: #ffffff;
}


.consultbox {
background-color: #289e95;
}



.aboutusblock {
background-color: #fff;
padding:30px;
}

.inthemiddle {
padding:40px;
}


.topcontent {
background-color: #289e95;
}

.lowercontent {
background-color: #ffffff;
}

.cyanband {
background-color: #289e95;
height: 20px;
}

.footerband {
background-color: #13234f;

}

/* FOOTER STYLING */

/* Add a dark background color to the footer */
.footer {
background-color: #13234f;
padding: 10px;
}











p.aboutus {
font-size: 14pt;
line-height: 24pt;
color: #004b66;
}

p.aboutusbld {
font-size: 16pt;
line-height: 24pt;
color: #47ae54;
}

p.aboutwob {
font-size: 14pt;
line-height: 24pt;
color: #fff;
}


p.navigationemail {
font-size: 16px;
letter-spacing: 2px;
color: #48b152;
padding-top: 8px;
}



p.footerlegal {
font-size: 9pt;
color: #ffffff;
padding-top:15px;
}

p.footnav {
font-size: 11pt;
line-height: 150%;
color: #fff;
}

ul li {

}


ul li a {
  font-size: 11pt;
color:#ffffff;
line-height: 150%;

}

ul li a:hover {
color:#289e95;
}



.icon-small {
color: #ffffff;
}







@media screen and (max-width: 2480px) {
h1.intro { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 3em;
line-height: 120%;
color: #13234f;
}
}


@media screen and (max-width: 1600px) {
h1.intro { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 2.6em;
line-height: 120%;
color: #13234f;
}
}

@media screen and (max-width: 1024px) {
h1.intro { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 2.4em;
line-height: 120%;
color: #13234f;
}
}



@media screen and (max-width: 768px) {
h1.intro { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 2.2em;
line-height: 120%;
color: #13234f;
}
}




@media screen and (max-width: 568px) {
h1.intro { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 2em;
line-height: 120%;
color: #13234f;
}
}






@media screen and (max-width: 2480px) {
h2.ctawhite { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 3.6em;
line-height: 120%;
color: #fff;
}
}


@media screen and (max-width: 1600px) {
h2.ctawhite { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 3em;
line-height: 120%;
color: #fff;
}
}

@media screen and (max-width: 1024px) {
h2.ctawhite { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 2.8em;
line-height: 120%;
color: #fff;
}
}



@media screen and (max-width: 768px) {
h2.ctawhite { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 2.4em;
line-height: 120%;
color: #fff;
}
}




@media screen and (max-width: 568px) {
h2.ctawhite { font-family: 'Roboto', sans-serif;
font-weight:700;
font-size: 2em;
line-height: 120%;
color: #fff;
}
}









@media screen and (max-width: 2480px) {
h1.pageheaders { font-family: 'Fjalla One', sans-serif;
font-size: 3.8em;
line-height: 120%;
color: #42af50;
}
}


@media screen and (max-width: 1600px) {
h1.pageheaders { font-family: 'Fjalla One', sans-serif;
font-size: 3.6em;
line-height: 120%;
color: #42af50;
}
}

@media screen and (max-width: 1024px) {
h1.pageheaders { font-family: 'Fjalla One', sans-serif;
font-size: 3.2em;
line-height: 120%;
color: #42af50;
}
}



@media screen and (max-width: 768px) {
h1.pageheaders { font-family: 'Fjalla One', sans-serif;
font-size: 2.8em;
line-height: 120%;
color: #42af50;
}
}




@media screen and (max-width: 568px) {
h1.pageheaders { font-family: 'Fjalla One', sans-serif;
font-size: 2em;
line-height: 120%;
color: #42af50;
}
}









.horizrule {
padding-top: 10px;
border-bottom: 5px dotted #ffffff;
padding-bottom: 20px;
}



/* button styling */
.btn {
    padding: 10px 20px;
    background-color: #289e95;
    color: #ffffff;
    transition: .2s;
    border: 1px solid #fff;
}

/* On hover, the color of .btn will transition to white with black text */
.btn:hover, .btn:focus {
   
    background-color: #ffffff;
    color: #13234f;
}