@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800|Vollkorn:400,600,700,900');

body {font-family:'Assistant', sans-serif; color: #000; margin:0; font-size: .95em; font-weight:600;}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    text-indent:-9999px;
    background: url(graphics/icon_top.png) no-repeat;
}

#vmarquee {width:100%;}

#marqueecontainer {	position: relative;
	width: 240px; /*marquee width */
	height: 320px; /*marquee height */
	background-color: ;
	overflow: hidden;
	border: ;
	padding: 0px;
	padding-left: 0px;
}

.blue {color:#2a64ae;}

h1 {
	font-family: 'Vollkorn', serif;
	font-size: 2em;
	font-weight: 700;
	color:#0e2e5d;
	margin-bottom: 10px;
	letter-spacing: -.5px;
}

h2 {
	font-family: 'Vollkorn', serif;
	font-size: 1.75em;
	font-weight: 700;
	color:#2a64ae;
	margin-bottom: 10px;
	letter-spacing: -.5px;
}


h3 {
	font-family: 'Vollkorn', serif;
	font-size: 1.65em;
	font-weight: 900;
	color:#0e2e5d;
	margin-bottom: 5px;
	letter-spacing: -.5px;
}

h4 {
	font-family: 'Vollkorn', serif;
	font-size: 1.75em;
	font-weight: 900;
	color:#888;
	margin-bottom: 10px;
	padding-bottom: 5px;
	letter-spacing: -.5px;
	border-bottom: 1px solid #2a64ae;
}

h5 {
	font-family: 'Vollkorn', serif;
	font-size: 2em!important;
	font-weight: 900!important;
	color:#2a64ae!important;
	letter-spacing: -.5px;
	text-transform: uppercase;
	text-decoration: none!important;
}


h6 {
	font-family: 'Vollkorn', serif;
	font-size: 1.35em;
	font-weight: 900;
	color:#2a64ae;
	margin-bottom: 10px;
	letter-spacing: -.5px;
}

.divider-ltblue {width:50%; float:left; margin:0 50% 0 0; border-bottom: 2px solid #2a64ae;}

.bkgrd-nav {background:#0e2e5d; border-top:4px solid #2a64ae; color:#fff!important; font-family:'Assistant', serif;}

.nav .nav-item .nav-link {
	font-size: 0.9em;
	color:#fff; 
	padding:0  1rem!important;	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	letter-spacing: -.5px;
}
.nav .nav-item .nav-link:hover {color:#aaa;}

.navbar-light .navbar-toggler {color:#fff!important; border-color: #0e2e5d!important;}
.navbar-toggler {color:#fff!important; background-color: #0e2e5d!important; border: 2px solid #0e2e5d!important; border-radius: 0!important;}

.facebook {font-size:200%; color:#2a64ae;}
.facebook a {color:#2a64ae; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.facebook a:hover {color:#0e2e5d; text-decoration:none;}

.bins {width:100%;}

.content {min-height: 400px;}
.content a {color:#2a64ae; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#0e2e5d; text-decoration:none;}

.news {background:#eee;}

.bkgrd-callouts {background-image: url(graphics/bkgrd-callouts.jpg);}

.callout-pic {border-bottom: 5px solid #2a64ae;}

.btn-callout {
	width:45%;
	float:none;
	padding:2.5%!important;
	margin:10px auto;
	background:#2a64ae; 
	font-family: 'Assistant', sans-serif;
	font-size: 90%;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: .5px!important;
	border-radius: 0;
	border:2px solid #2a64ae;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-callout:hover {
	background:transparent;
	border:2px solid #2a64ae;
	color:#0e2e5d!important;
	cursor: pointer;
}

.btn-careers {
	width:20%;
	float:left;
	padding:1.5%!important;
	margin:10px 77% 20px 0;
	background:#0e2e5d; 
	font-family: 'Assistant', sans-serif;
	font-size: 105%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: .5px!important;
	border-radius: 0;
	border:2px solid #0e2e5d;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	clear:both;
	overflow: hidden;
}
.btn-careers:hover {
	background:#2a64ae;
	border:2px solid #2a64ae;
	color:#fff!important;
	cursor: pointer;
}

.bkgrd-tagline {background-image: url(graphics/bkgrd-tagline.jpg); font-size: 350%; color:#2a64ae; font-weight: 300; letter-spacing: -1px;}

.bkgrd-footer {background:#0e2e5d; color:#fff; font-weight: 500; font-size: 90%;}

.footer-description {font-size: 90%;}

.footer-facebook {font-size: 200%;}
.footer-facebook a {color: #2a64ae; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-facebook a:hover {color: #fff; text-decoration: none;}

.footer-menu {line-height: 3em;}
.footer-menu a {color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-menu a:hover {color: #888; text-decoration: none; padding-left: 3px;}

.footer-contact {line-height: 3em;}
.footer-contact a {color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-contact a:hover {color: #888; text-decoration: none;}

.footer-address {line-height: auto;}
.footer-address a {color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-address a:hover {color: #888; text-decoration: none;}

.bkgrd-anchor {background:#062148; border-bottom: 2px solid #2a64ae; color:#888; font-weight: 400; font-size: 75%;}

.bkgrd-anchor a {color:#888; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-anchor a:hover {color:#fff; text-decoration:underline;}

.bkgrd-anchor ul {padding:0; margin:0; text-align:left;}
.bkgrd-anchor ul li {list-style-type:none; display:inline;}
.bkgrd-anchor ul li:before {content:''; margin-left: 10px;}
.bkgrd-anchor ul li:after {content:'|'; color:#2a64ae; margin:0 0 0 10px; font-weight: 700;}
.bkgrd-anchor ul li:last-child:after {content:''; margin-right: -10px;}

.btn-link {
	font-family: 'Vollkorn', serif;
	font-size: .85em!important;
	font-weight: 900!important;
	color:#2a64ae!important;
	letter-spacing: -.5px;
	text-transform: uppercase;
	text-decoration: none!important;
}
.btn-link:hover {
	color:#0e2e5d!important;
	text-decoration: none!important;
}

.note {background:#2a64ae; color:#fff; font-size: 115%;}

.service-map {border:10px solid #fff; -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);}

.contact-links {font-size: 150%; font-weight: 900; color:#2a64ae; letter-spacing: -.5px;}

.map-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
border:2px solid #0e2e5d;
}

.map-container iframe,
.map-container object,
.map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.carousel-caption {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: center;
	width: 100%;
	background-color: rgba(238,238,238,0.80);
}

.gray_box {
	background-color: #e1e1e1;
	border:#000 1pt solid;
}

/*================ FORM ========================*/

#contact-form {
        width:100%;
        float:left;
}


form{
        width: 100%;
        }

fieldset{
        border-bottom: 0;
        padding: 10px 0 ;
        clear: left;
        }
        
textarea, input, select{
        border: 1px solid #2a64ae;
        padding: 10px;
        width: 100%;
		color:#000!important;
	margin-bottom: 10px;
        }

label{
        font-weight: bold;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border-bottom: 1px solid #2a64ae;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #000;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	width:100%;
	padding:8px 10px;
	background:#fff!important;
	color:#0e2e5d!important;
	font-size:1.75rem;
	font-weight:700;
	text-transform:uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.submit:hover {
	background:#0e2e5d!important;
	color:#fff!important;
	border-bottom:1px solid #fff;
	cursor:pointer;
}

.full{
	width: 98%;
	padding: 5px 2% 5px 0;
	float: left;
}
.half{
	width: 48%;
	padding: 5px 2% 5px 0;
	float: left;
}
.third{
	width: 31.333333%;
	padding: 5px 2% 5px 0;
	float: left;
}
.fourth{
	width: 23%;
	padding: 5px 2% 5px 0;
	float: left;
}

.checkbox {
	width:25px;
}

.clear{
	clear: both;
}



@media screen and (max-width: 1200px) {
.nav .nav-item .nav-link {font-size: 1.0em; padding:0  1.00rem!important;}
#marqueecontainer {width: 200px; height: 360px;}
}

@media screen and (max-width: 992px) {
.nav {display:block!important; line-height: 2.5em!important;}
#marqueecontainer {width: 600px; height: 300px;}
}

@media screen and (max-width: 768px) {
h1 {font-size: 1.5em;}
.btn-callout {width:30%; margin:10px auto 25px auto;}
.bkgrd-tagline {font-size: 300%;}
#marqueecontainer {width: 450px; height: 300px;}
.bins {display: none;}
}

@media screen and (max-width: 576px) {
.bkgrd-tagline {font-size: 250%;}
#marqueecontainer {width: 400px; height: 300px;}
}

@media screen and (max-width: 480px) {
h1 {font-size: 1.25em;}
.bkgrd-tagline {font-size: 200%;}
.bkgrd-anchor ul {text-align:center;}
.bkgrd-anchor ul li {display:block;}
.bkgrd-anchor ul li:before {margin-left: 0;}
.bkgrd-anchor ul li:after {content:''; margin:0;}
.bkgrd-anchor ul li:last-child:after {margin-right: -10px;}
#marqueecontainer {width: 300px; height: 250px;}
}

@media screen and (max-width: 375px) {
.nav .nav-item .nav-link {font-size: .925em;}
.btn-callout {width:40%;}
.bkgrd-tagline {font-size: 185%;}
#marqueecontainer {width: 250px; height: 250px;}
}