@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	RESET
	____________________________
*/

body,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
table,
td,
ul,
ol,
li,
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
    margin: 15px 0;
    color: #192347 !important;
}

ul {
    padding-left: 20px;
}
h1, h2{
	font-weight: 300 !important;
}
p, ul{
	color: #797979;
	margin: 15px 0;
}
input,
select {
    vertical-align: middle;
    margin-bottom: 10px !important;
}
input[type=text],
textarea {
    padding: 3px 5px;
}
label {
    display: block;
    font-weight: bold;
}
textarea {
	width: 100%;
    max-width: 450px;
    height: 100px;
}
.centerText {
    text-align: center !important;
}
.rightText {
    text-align: right;
}
img {
    max-width: 100%;
    height: auto !important;
}
table{
	width: 100% !important;
}
/*

/*
	----------------------------
	STRUCTURE
	____________________________
*/

.top-bar,
.blue {
    background: #192347;
    color: #fff;
}
.top-bar .phone-number {
    font-size: 25px;
}
footer {
    background: #959595;
    text-align: center;
    color: #fff;
}
footer a, footer p {
    margin: 0;
    padding: 10px;
    color: #fff !important;
}

.container-fluid {
    max-width: 1170px;
    margin: 0 auto;
}

/*
	----------------------------
	BUTTONS
	____________________________
*/

.btn.default {
    background-color: #b3c2e4;
    padding: 7px 15px;
    border-radius: 7px;
    text-transform: uppercase;
    color: #1a467d;
}
/*
	Navigation
*/
.navbar.navbar-default{
	border: none;
	background: none;
}
.navbar-default .navbar-nav>li>a{
	padding: 0px;
}
/*
	----------------------------
	HOMEPAGE ELEMENTS
	____________________________
*/
#header{
	border-bottom: 1px solid #b3c2e4;
    padding-bottom: 10px;
}

#headertext {
    position: absolute;
    width: 400px;
    left: 540px;
    top: 0px;
}
#tagline-text {
    position: absolute;
    width: 400px;
    left: 600px;
    color: #c2d0e0;
    top: 70px;
}
.social-media{
	display: none;
}
.cycle-slideshow img {
    width: 100%;
}
.cycle-slideshow span {
    width: 100%;
}
/*
.slideshow {
    height: 46vw;
}
*/
.cycle-pager{
	background-color: #466ea0;
    padding: 10px;
    text-align: center;
    font-size: 70px;
    line-height: 25px;
    color: #b3c2e4;
    margin-bottom: 20px;
}
	.cycle-pager:hover{
		cursor: pointer;
	}
.cycle-pager-active{
	color: #1a467d;
}
.cycle-slide .overlay{
	position: absolute;
	top: 45%;
	left: 17%;
}
.overlay h3{
	text-transform: uppercase;
	color: #fff !important;
    border: 1px solid #fff;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
}
.overlay p{
	color: #fff;
	font-weight: 700;
}
.overlay .btn.default{
	background: #1c234e;
	color: #fff;
	border: none;
}
.home p {
    color: #959595;
    font-size: 16px;
}
.circle {
    background-color: #fff;
    border-radius: 170px;
    height: 200px;
    width: 200px;
    color: #1c234e;
    text-align: center;
    padding: 20px;
    font-size: 24px;
    text-transform: uppercase;
    margin: 10px auto;
}
.circle a{
	color: #1c234e;
}
.circle .hover{
	display: none;
}
.circle:hover .hover{
	display: block;
	margin-top: 30%;
}
.circle:hover{
	background-color: #b3c2e4;
	color: #1c234e;
}
.circle:hover img, .circle:hover span{
	display: none;
}
.circle:hover{
	content: "Learn More"
}
.services{
	padding: 30px 0px;
}
	.services .blurb{
		margin-top: 7%;
		text-align: center;
	}
	.services .blurb p{
		color: #fff !important;
	}
	.services h2{
		font-weight: 300;
	}
.other-services{
	font-size: 17px;
    text-transform: uppercase;
    color: #959595;
    font-weight: lighter;
}
	.other-services h2{
		font-weight: 300;
		color: #959595 !important;
		margin-bottom: 20px;
	}
	.other-services img{
		display: block;
		margin: auto;
	}
	.sideBar.other-services .col-md-12{
		margin-bottom: 20px;
	}
.disclaimer, .home p{
	color: #959595 !important;
	font-weight: 500;
	margin: 20px 0px;
}
	.disclaimer img{
		float: left;
		margin-right: 15px;
	}
	.disclaimer p{
		color: #959595 !important;
	}
/*
	----------------------------
	NAVIGATION
	____________________________
*/

#navigation ul {
    list-style-type: none;
    padding: 0px;
    text-align: right;
    padding-top: 8px;
    float: right;
}
.navbar-collapse{
	padding: 0 !important;
}
#navigation li {
    display: inline-block;
    margin-left: 15px;
}
#navigation li a {
    color: #1c234e;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 17px;
}
@media screen and (min-width: 768px) and (max-width: 790px) {
    #navigation li a {
        font-size: 16px;
    }
}

#navigation li a:hover {
    color: #468cee;
}
@media screen and (min-width: 1200px){
    #navigation li.facebook img,
    #navigation li.linkedin img {
        margin-top: -8px;
    }
}
.dropdown:hover .dropdown-menu{
	display: block;
}
.dropdown-menu{
	background-color: rgba(232, 232, 232, 0.78) !important;
	border-radius: 0px !important;
	border: none !important;
	box-shadow: none !important;
	min-width: 315px !important;
	margin: 0px !important;
}
.btn{
	margin-top: 15px;
	border: 2px solid #192347 !important;
}

#navigation li.linkedin {
    margin-left: -5px;
}

/*
	----------------------------
	TYPOGRAPHY
	____________________________
*/

h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
#leftbar p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    padding-left: 15px;
    line-height: 20px;
}
#contactus-box h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #446b9f;
    padding-top: 10px;
    margin-bottom: 5px;
}
#contactus-box p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 15px;
    padding-right: 10px;
    line-height: normal;
}
#freequote-box h1 {
    font-size: 24px;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-bottom: 0px;
}
#freequote-box h2 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #446b9f;
    padding-left: 20px;
    margin-top: 0px;
}
#freequote-box h3 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: 000;
    font-weight: bold;
    margin-bottom: 0px;
}
#greenbottombar h4 {
    font-size: 14px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#main p {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: 000;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#big-green-box-left h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: 000;
    margin-bottom: 0px;
    margin-left: 20px;
}
#big-green-box-right h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: 000;
    margin-bottom: 0px;
    margin-left: 20px;
}
#main h4 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 10px;
}
#main ul {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
#big-green-box h5 {
    font-size: 12px;
    color: #8e9187;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#headertext h4 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    text-align: right;
}
.tagline {
    font-size: 17px;
    color: #466ea0;
    font-weight: normal;
    text-align: right;
    text-transform: uppercase;
}
#headertext h4 a {
    color: #fff;
}
#headertext h4 a:visited {
    color: #fff;
}
#slideshowdesc h1 {
    font-family: Georgia, "Times New Roman";
    font-size: 18px;
    margin-bottom: 0px;
}
#slideshowdesc p {
    padding: 0 10px 10px 10px;
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#content h2 {
    color: #192347;
    font-size: 27px;
}
#content h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #5E83B0;
    font-weight: normal;
    padding-left: 10px;
}
.phone-number a {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}
.phone-number a:hover{
	cursor: default;
	color: #fff;
	text-decoration: none;
}
#formRedirectButton {
    background: url(../media/layout/get-started.png) no-repeat;
    width: 114px;
    height: 29px;
    border: none;
}

/* Blog Entries */
.entry-title {
    margin-bottom: 0px;
}

.entry-title a,
.entry-title a:hover {
    color: #192347;
    font-weight: bold;
    text-decoration: none;
}

.entry-date {
    margin-bottom: 2px;
    color: #797979;
}

.go-back {
    padding: 20px 0 10px;
}
/*
----------------------------
CLASSES
____________________________
*/

.white-text {
    color: #fff;
    padding: 10px;
}
div.clear {
    overflow: hidden;
    height: 1px;
    clear: both;
}
img.alignRight {
    float: right;
    margin: 0 0 15px 15px;
}
img.alignLeft {
    float: left;
    margin: 0 15px 15px 0;
}
.error {
    color: red;
}
.mobile-only{
	display: none !important;
}
#navigation ul li.desktop-only:last-of-type{
	display: none;
}
@media (max-width: 1199px){
	#navigation li{
		margin-left: 4px;
		float: none;
	}
    #navigation li.linkedin {
        margin-left: -8px;
    }
}
@media (max-width: 990px){
	#logo-link img{
	    margin: auto;
		display: block;
	}
	.tagline{
		text-align: center;
	}
	#navigation ul{
		text-align: center;
		float: none;
	}
}
@media (max-width: 767px){
	.dropdown a img{
		display: none;
	}
	.dropdown:hover .dropdown-menu{
		display: none;
	}
	.dropdown-menu{
		min-width: 100% !important;
	}
	.navbar-nav .open .dropdown-menu{
		display: block !important;
	}
	.mobile-only{
		display: block !important;
	}
	.desktop-only{
		display: none !important;
	}
	#navigation ul li{
		margin: 0 5px;
		display: inline;
	}
	.top-bar .phone-number {
	    font-size: 35px;
	}
	.top-bar, .top-bar .rightText{
		text-align: center !important;
	}
	.top-bar .rightText img{
		width: 50px;
	}
	#logo-link img{
		width: 100%;
		text-align: center;
	}
	.cycle-slide .overlay {
	    position: absolute;
	    top: 30%;
	    left: 0px;
	    right: 0px;
	    text-align: center;
	    width: 90%;
	    margin: auto;
	    text-shadow: 0 0 10px #000;
	}
	#map-contactus iframe{
		width: 100%;
	}
}

#map-contactus{
	margin-top: 20px;
}
