@import url(https://fonts.googleapis.com/css?family=Bowlby+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);
@viewport {width: device-width;}
@-ms-viewport {width: device-width;}

/* = DEFAULT STYLES = */
body {
    font-family: 'Open Sans', sans-serif;
    font-size:1.5em;
    background:#fbfbfb url(images/background.jpg) center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);}

/*links*/
a {text-decoration:none;color: #003866;font-weight: bold;}
a:hover {text-decoration:underline;color: #005fb3;}

/*typography*/
h1, h2, h3, h4, h5 {font-family: 'Bowlby One', cursive; font-weight:normal; text-transform:uppercase;display:block;padding-bottom:3px;}
h1 {font-size: 1.6em; color: #003866;border-bottom: 2px solid #E2C77E;}
h2 {font-size: 1.4em; color: #003866;}
h3 {font-size: 1.2em; color: #003866; border-bottom: 2px solid #E2C77E;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}

/*bootstrap overides*/
.container {max-width:1000px;}


/* = HEADER = */
#header-container {background:#fff; background: rgba(255, 255, 255, 0.95);}
#header.container {}
#header .logo {margin-top:20px; margin-bottom:20px;}
#header .contact-info {text-align:right; color: #003866;font-family: 'Arial', sans-serif;}
#header-container #c2a {text-align:center; margin: 10px 0;}
#header-container #c2a .tagline {color:#003866;font-size:23px;font-style:italic;font-weight:bold;}
#header-container #c2a .number {font-size:36px;color:#003866;font-weight:bold;line-height:28px;margin-bottom:7px;margin-top:5px;}
#header-container #c2a .number span {font-size:24px;color:#A08863;font-weight:bold;letter-spacing: -1px;}
#header-container #c2a .number span strong {font-weight:900;}
#header-container .glyphicon {font-size:29px;padding-right: .5rem;}
#header-container #c2a .address {font-size:16px;color:#A08863;}
#header-container #slogan {font-size:22px;color:#000; text-align:left;}


/* = NAVIGATION = */
#nav-container {background: #003866 linear-gradient(rgb(12,95,173),rgb(0,52,109));position: relative;}
#nav-container .nav-inner {display: block;position:relative;z-index:9999;}
#nav-container .nav-inner a {color: #E2C77E;font-family: 'Arial', sans-serif;text-transform:uppercase;font-size:16px;padding:15px 45px;border-left:1px solid #00346D;font-weight: bold;}
#nav-container .nav-inner a.last {border-right:1px solid #00346D;}
#nav-container .nav-inner a:hover {color: #FFF;background: #00346D;}
#nav-container .nav-inner a:focus {background: inherit;}
#nav-container .nav-inner li.active a {color: #FFF;}
#nav-container .nav-inner .navbar {margin:0;}
#nav-container .nav-inner .navbar-toggle {background:#ccc;}
#nav-container .nav-inner .icon-bar {background: #ebebeb;}
#nav-container .nav-inner .navbar-default {background-color:transparent;border:0;}
#nav-container .nav-inner .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: #00346D;color: #FFF;}
#nav-container .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color: #00346D;}
/* 2nd row */
#nav-container .dropdown-menu > li > a {background: #000 !important;}
#nav-container .dropdown-menu > li > a:hover {color: #FFF !important;background: #333 !important;}
.navbar-default .navbar-toggle {border:1px solid white !important;border-radius: 0;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color: #000 !important;}

.dropdown:hover .dropdown-menu {
    display: block;
 }

/* = BANNER = */
.middle-container {}

/*banner links*/
.top-links {list-style: none;padding:0;margin:0;}
.top-links li {
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
    letter-spacing: -.25px;
    font-size: .8em;
    color: #003767;
    border: 1px solid #312B5A;
    background: #003866 linear-gradient(rgb(255, 255, 255), rgb(137, 138, 139));font-family: 'Bowlby One', cursive; font-weight:normal; text-transform:uppercase;
}
.top-links a{color:#003866;text-decoration:none !important;}
.top-links li:hover{opacity:.86;}

/*banner image*/
#banner-container {
    border: 3px solid #E2C77E;
    -webkit-box-shadow: 0 16px 14px -8px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 16px 14px -8px rgba(50, 50, 50, 0.75);
    box-shadow: 0 16px 14px -8px rgba(50, 50, 50, 0.75);}
#banner-container .carousel-inner {}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {width:100%;}


/* FEATURE */
#feature-container {}
.feature-container-inner {margin:15px auto; max-width:1200px;}
#feature-container .feature-box {text-align:center;}
#feature-container a {text-decoration:none;display:block; margin:15px auto;max-width:400px;font-family: 'Bowlby One', cursive; font-weight:normal; text-transform:uppercase;}
#feature-container a:hover {opacity:.86;-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03);}
#feature-container img {margin:0 auto; width:66.66666%;}
#feature-container p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.25px; padding: 10px 0;  color:#003767;font-size:.8em; background: #003866 linear-gradient(rgb(255,255,255),rgb(137,138,139));margin:15px auto 0;border:1px solid #312B5A;}

/* = CONTENT = */
#content-container { margin:30px 0 30px;}
#content-container .container {}
.primary {background:#fff; background: rgba(255, 255, 255, 0.95);padding:15px 30px 30px;font-size:1.1em;line-height:1.5;}
.primary p {margin:20px 0;}


/* CONTACT FORM */
#content-container .contact-form label {cursor:pointer;margin: 0; color: #E2C77E;text-shadow: none; }
#content-container #hiddencheckbox {margin-right:7px;}
#content-container .btn {background:#E2C77E;color:#003767;font-size:16px;font-weight: bold;}
#content-container .btn:hover {background:#999;}
#content-container .contact-form  { color: #E2C77E; }
#content-container h3 {font-size: 1.3em; color: #003866; margin:30px 0 0;border-bottom: 0; padding:15px;background: #003866 linear-gradient(rgb(255,255,255),rgb(137,138,139));}

/* CONTACT FORM */
#contactform label {cursor:pointer;color: #E2C77E;}
#contactform .label-block {display: block !important;}
#contactform button {width:100%;border-radius: 0;background:#E2C77E;color: #003866;}
#contactform button:hover {background:#888;}
#contactform .alert {padding: 7px 25px;width:100%;}
#contactform input.alert {padding:0;}
#contactform .alert-danger {color:#a94442;}
#contactform .form-control {border-radius: 0;}
.contactform-bg {min-height: 20px;padding: 19px;margin-bottom: 20px;background: #003866 linear-gradient(rgb(12,95,173),rgb(0,52,109));border-radius: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}
#contactform .form-control {border-radius: 0;color:#999999;}
#contactform label.contactpage-label {cursor:pointer;color: #E2C77E;}
textarea.form-control.message-area {min-height: 350px;}
select#select {}
.input-group-addon {color: #000;background-color: #E2C77E;border-radius: 0;}
.container .jumbotron, .container-fluid .jumbotron {border-radius: 0;}
.jumbotron {background: #003866 linear-gradient(rgb(12,95,173),rgb(0,52,109));color: #E2C77E;border-radius: 0;}
.jumbotron-sm { padding-top: 20px;padding-bottom: 24px; }
.jumbotron small {color: #E2C77E;}
.h2 small {font-size: 24px;}
span.company-heading {font-size: 26px;color: #000;}
span.company-address {font-size: 26px;}
legend {font-size: 26px;color: #000;}
.center-btn {display: block; float: none; margin: 0 auto;}

/* = TESTIMONIALS = */
.testimonials {background:none;padding:1rem 0;}
.testimonials h3 {padding-top: 1rem;}
.testimonials p {padding-bottom: 1rem;}
.testimonials .carousel-inner {min-height: 180px;box-shadow: none;}
.testimonials .carousel-indicators li  { border:2px solid #E2C77E !important;font-size: 1.7em;}

/* = FOOTER = */
#footer-container {background: #003866 linear-gradient(rgb(12,95,173),rgb(0,52,109));padding-top:5px;border-top:3px solid #E2C77E;}
#footer-container .footer {}
#footer-container .footer a {color:#E2C77E;font-size:80%; font-weight: normal;text-transform:uppercase;}
#footer-container .footer a:hover {color: #ccc;}
#footer-container .sitemap {}
#footer-container .copyright {text-align: right;font-size:14px}



#top-link-block.affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -70px; /* negative of the offset - height of link element */right: 10px; /* padding from the left side of the window */}
#top-link-block.affix {position: fixed; /* keeps it on the bottom once in view */bottom: 30px; /* height of link element */right: 10px; /* padding from the left side of the window */}
.back-to-top {opacity: .6 !important; background: #eee !important; color: #000 !important;}
.back-to-top:hover {opacity: .7 !important; background: #eee !important; color: #000 !important;}


.contact-content, .contact-content ul {padding-left: 20px;}
.contact-content ul li:first-child {min-width:33%;width:200px;}

fieldset {
    padding: 15px;
    padding-bottom: 0;
    border: solid 1px #ccc;
}
legend {
    width: auto;
    padding: 0 .5em;
    margin-bottom: 0;
    font-size: .8em;
    color: #666;
    border: 0;
    text-align: left;
}

/*services page*/
.list-inline.services {
    font-weight: bold;
}
.list-inline.services li {
    width: auto;
    display: block;

}
.list-inline.services li:before {
    content:"►";
    font-size: .9em;
    padding-right: .5em;
}
.list-inline.services > li:first-child {
    padding-left: 5px !important;
}


/* -- GLOBAL STYLE OVERRIDES -- */
hr { background-color: #b3b3b3; height:1px; border:0; }
.text-brand { font-family: 'Bowlby One', cursive; font-weight:normal; text-transform:uppercase;}

/*-------- UTILITIES ---------*/
.inline-block { display:inline-block; margin:0; }
.p-top { padding-top:1.5rem;}
.p-bot { padding-bottom:1.5rem;}
.p-both { padding-top:1.5rem; padding-bottom:1.5rem;}
.m-top { margin-top:1.5rem;}
.m-bot { margin-bottom:1.5rem;}
.m-both{ margin-top:1.5rem;margin-bottom:1.5rem;}
.splash { padding-left: 0; padding-right: 0;}
.quote { font-style: italic; font-size: 1.05em; }

.bg-default {background: #ffffff;}
.bg-inverse {background: #000000;}
.bg-w {background: rgba(255, 255, 255, 0.9);}
.bg-b {background: #004480;}

.img-responsive.full { width: auto;max-width: 90%;} /*full width mobile responsive image reset*/
.primary img.pull-right { border:2px solid #CCC; margin:1.5rem; margin-right:0; width:100%;}
.primary img.pull-left  { border:2px solid #CCC; margin:1.5rem; margin-left:0; width:100%;}

.shadow {
	-webkit-box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.35);
	box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.35);}

.trans {
	-webkit-transition: all 0.12s ease-out;
	-moz-transition: all 0.12s ease-out;
	-o-transition: all 0.12s ease-out;
	transition: all 0.12s ease-out;}
	
.panel-default { font-size: 1em; /*background:;*/ }
.panel-default > .panel-heading { border-radius:0; background: #003866 linear-gradient(rgb(12,95,173),rgb(0,52,109)); }
/*.panel-default > .panel-heading:hover { cursor: pointer;background: #003866 linear-gradient(rgb(0,52,109),rgb(12,95,173));}*/
.panel-heading > h4 { margin:.25rem 0 !important; font-weight: normal; font-size:1em; line-height:1;padding:.2em 0 0 !important;color: #ffffff; }
.panel-body { border-radius:0;padding:0; font-size: 1em; /*background:;*/ }
.panel-padding { padding:1.5rem;}
.panel img.pull-left, .panel img.pull-right { margin-top:0; }

/* -- MAP-IFRAME -- */
.map-wrapper { position: relative; padding-top: 33%; max-width: none; }
.map-wrapper iframe, .map-wrapper object, .map-wrapper embed { position: absolute; top: 0; left: 0 ; width: 100%; height: 100%; border: 1px solid #999; }

/* -- CONTACT PAGE ADDRESS -- */
.address-left { display: inline-block; width: auto; margin: 1.5rem auto; font-size: 1em; line-height: 3rem; }
.address-left p { color: #000000; margin: 1.5rem auto; text-align: left;  font-size: 1em; }
.company-heading a { font-size: 1.2em;font-weight: normal !important;}

/* = SITEMAP PAGE = */
ul.sitemap-page { display:block; margin: 3rem auto; padding:0; width: auto; font-weight: normal; line-height: 1.25em; font-size: 1em;}
ul.sitemap-page li { list-style: none; text-align: center;}
ul.sitemap-page li a { 
color: #003866 !important; text-decoration: none; margin: 1rem 0; display: inline-block; font-size: 1.2em;
/* CSS3 Transition Effect */ -webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; -o-transition: all 0.12s ease-out;}
ul.sitemap-page li a:hover { 
color: #4d4d4d !important; text-decoration: none;
/* CSS3 Transform Effect */ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}

/* -- BUTTON // GLOBAL // -- */
.btn[role="btn-brand"] { 				/*background-color:;*/ color:#fff !important; line-height:1; border-radius:0;  border-color: #999;
	-webkit-box-shadow:1px 1px 4px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:1px 1px 4px 1px rgba(0, 0, 0, 0.25);
	box-shadow:1px 1px 4px 1px rgba(0, 0, 0, 0.25);}
.btn[role="btn-brand"]:hover { 			/*background-color:;*/}
.btn[role="btn-brand"]:active { 		box-shadow:2px 2px 6px 0 hsla(0, 0%, 0%, 0.2) inset;}
.btn[role="btn-brand"]:focus { 			outline:0;}


.header4-style {background: #003866 linear-gradient(rgb(12,95,173),rgb(0,52,109));color:#fff;padding: 10px 15px;}


/* = MEDIA QUERIES= */
/* = DEVICES FROM 768px to 1163px - Tablets to Desktop = */
@media (min-width: 768px) and (max-width:1199px){
    h1 {font-size:1.6em;}
    h2, h3 {font-size:1.2em;}
}
/* = DEVICES LESS THAN 768px - General Mobile Cleanup = */
@media (max-width: 767px) {
    h1{font-size:20px;}
    #nav-container .nav-inner a {border:0;}
}
/* = DEVICES FROM 320px to 520px - Mobile Phones = */
@media (min-width: 320px) and (max-width:520px) {
    h1, h2,h3 {font-size:1.1em;}
}

/* -- Media Queries For Responsiveness -- */
/* -- Small devices (tablets, 768px and up) -- */
@media all and (min-width: 480px) {
    #header-container #c2a .tagline {font-size:24px;}
	.address-left { font-size: 1.4em; }
	ul.sitemap-page { font-size: 1.2em; }
}
/* -- Small devices (tablets, 768px and up) -- */
@media all and (min-width: 768px) {
	.primary .panel-default img { max-width:225px; }
	.primary img { max-width:320px;}
	.primary img.pull-left  { width:auto; }
	.primary img.pull-right  { width:auto; }
	.map-wrapper { padding-top: 25%; }
    #nav-container .nav-inner a {padding:15px 15px;font-size:12px;}
    legend {font-size: 1em;}
    .list-inline.services li { width: 320px; display: inline-block;margin-left:20px; }
}
/* -- Medium devices (desktops, 992px and up) -- */
@media all and (min-width: 992px) {
    .fixed-header {position: fixed;width:100%;z-index:999;}
    .middle-container {padding-top:265px;}
    #nav-container .nav-inner a {font-size:12px;}
    #feature-container img {width:100%;}
}
/* -- Large devices (large desktops, 1200px and up) -- */
@media all and (min-width: 1200px) {
    #nav-container .nav-inner a {padding:15px 20px;font-size:14px;}
}