@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic);

/* = DEFAULT STYLES = */
html, body {height:100%;}
body {text-align:center;margin:0;font-family: 'Roboto', sans-serif;font-size:12px;background:#0c2045 url(images/background.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover ;-ms-behavior: url(backgroundsize.min.htc);}
a {text-decoration:none;font-weight:bold;color:#2778a9;}
a:hover {text-decoration:underline;color:#2778a9;opacity: .5;}
a:visited {color:#2778a9;}
#page {width:1000px;margin:20px auto;padding:0;box-shadow: 1px 1px 40px #000;height:100%;}

/* = HEADER = */
#header {height: 280px;position: relative;background: url("images/header.png");z-index: 100;}
#header #logo {margin-top:35px;}
#header #logo:hover img {opacity:.7;}
#header #c2a {text-align:center;font-family: 'Roboto', sans-serif;margin-top:10px;}
#header #c2a #tagline {font-size: 20px; color:#666; font-weight:bold;}
#header #c2a #number {font-size:32px; color:#2572a2;font-weight:bold;}
#header #c2a #address {font-family:arial, sans-serif;font-size:16px;color:#666;margin-right:150px;}
#header #social {position:absolute;top:85px;right:185px;}
#header #social img:hover {opacity:.7;}
#header a.button {margin:0 auto;display:block;font-size:18px;color:#fff;background:#000;width:200px;border-radius:5px;padding:15px;}
#header a.button:hover {background:#2572a2;text-decoration:none;}

/* HEADER - CALL TO ACTION - SOCIAL ICONS */
#social-icons {position: absolute;top:45px;right: 280px;display: block;margin:  0px 0 0 0px;}
#social-icons a {margin: 0px;}
#social-icons a img {opacity: .8;margin:1px 0 0 0;}
#social-icons a:hover img {opacity: 1;}

#nav-container {}
#nav {padding: 0;margin: 0 auto;background: #fff url("images/nav-bg.png") no-repeat;background-size:100% auto;text-align: center;border:0;}
.navbar {border:0;border-radius: 0;}
.navbar-toggle {border:1px solid #ebebeb;background:#ccc;}
.navbar-toggle .icon-bar {border:1px solid #000;}
#nav ul {padding: 0;margin: 0 0 0 11%;list-style-type: none;}
#nav ul li {padding: 0;margin: 0;}
#nav ul li a {display: block;height: 35px;line-height: 35px;color: #fff;font-size: 20px;font-weight: bold;padding: 0 25px;text-shadow: 1px 1px 5px #000;margin:0px 3px 0px 3px;}
#nav ul li a:hover, #nav ul li.active a, #nav ul:hover li.active:hover a, #nav > ul > li:hover > a {background: #2572a2;text-decoration: none; color:#fff;border-radius:5px;}
#nav ul ul {position:absolute;top:0;left:0;visibility:hidden;width:100%;height:auto;z-index:50;}
#nav > ul > li:hover > ul {visibility:visible;}
#nav ul ul li {float:none;}
#nav ul ul li a {float:none;padding:5px 15px;height:auto;line-height:normal;}
#nav ul ul li a.first {}
#nav ul ul li a:hover {}
#nav ul ul ul {position:absolute;top:0;left:100%;visibility:hidden;width:100%;height:auto;z-index:50;}
#nav ul ul > li:hover ul {visibility:visible;}
#nav ul ul ul li {float:none;}
#nav ul ul ul li a {float:none;height:auto;line-height:normal;}
#nav ul ul ul li a.first {}
#nav ul ul ul li a:hover {}


/* = BANNER = */
#banner-overlay {background:url("images/banner-bg.png") no-repeat bottom;background-size:100% auto;position:relative;height:302px;z-index:999;}
#banner {background:#fff;z-index: 1;position:absolute;top:102px;}

/* FEATURE */
#featured {padding: 0 5px;border-top: 3px solid #78786d;border-bottom: 3px solid #78786d;background: #DDD url("images/featured-bg.jpg");}
#featured .box {width: 207px;padding: 15px 20px;text-align: left;height: 120px;position: relative;}
#featured .box h2 {padding: 0;margin: 0;font-family: "Open Sans", arial, sans-serif;font-weight: normal;font-size: 19px;color:#000;text-shadow: 0 0 2px #FFF;text-transform: uppercase;letter-spacing: -1px;border-bottom: 1px dashed #666;}
#featured .box p {line-height: 22px;color: #333;}
#featured .read-more {height: 30px;width: 100px;background: url("images/read-more.jpg");position: absolute;bottom: 20px;right: 25px;}
#featured a:hover .read-more {background: url("images/read-more-hover.jpg");}

/* = CONTENT = */
#content-container {text-align: center;}
#content {text-align:left;line-height:24px;margin: 0 auto;background: #FFF;font-size: 14px;color: #444;}
#content ul {list-style-position: inside;padding: 0 0 0 25px;}
/* CONTENT - HEADINGS */
h1 {padding: 0;margin: 0;font-size: 32px;color: #2778a9;border-bottom: 1px solid #666;font-family: 'Roboto', sans-serif;text-shadow: 1px 1px 1px #999;}
h1 span.sub-header {color: #000;font-size: 20px; font-weight:bold;text-transform:none;text-shadow: 1px 1px 1px #ccc;font-family: Arial, Helvetica, sans-serif;}
h2 {color: #000;font-family: 'Roboto', sans-serif;font-size: 24px;border-bottom: 1px dotted #666;padding-bottom:5px;}
h3 {font-family: 'Roboto', sans-serif;font-size:22px;border-bottom:3px solid #666;color:#fff;padding:10px 15px;background:#ca1421;border-radius:8px 8px 0 0; text-shadow: 1px 1px 5px #000;}
h4 {color:#f68922; font-size:20px;}
h5 {color:#000; font-size:16px;}

/* = PRIMARY = */
#primary {padding:25px;background:#fff;}
#primary.full-width {width:100%;}
#primary p {margin:15px 0; font-size:16px; line-height:28px; color:#000;}
#primary hr {height:1px;border:none;background:#CCC;}
#primary img.graphic {margin: 5px 15px 20px 0px;border: 1px solid #000;box-shadow: 0px 1px 2px #555; float:left; padding:2px;}

/* PRIMARY - IMAGES */
#primary img.inline-left {border:1px solid #CCC;background:#FFF;padding:3px;float:left;margin:25px 15px 5px 0;}
#primary img.inline-right {border:1px solid #CCC;background:#FFF;padding:3px;float:right;margin:25px 0 5px 15px;}
div.dual-lists ul {float:left;width:90%;margin:0 1%;padding:0; list-style-type:bullet;color:#000; font-size:18px;}
div.dual-lists a {color:#1a4693;}
div.dual-lists a:hover {color:#ba6419;}


/* = FORM = */
form {text-align:left;list-style-type:none;padding:10px;}
/* FORM - LABEL */
form label {cursor:pointer;clear:both;margin:10px 0 0 0;font-weight:bold;display:block;color:#000;}
/* FORM - INPUT FIELDS */
form input[type="text"] {border:1px solid #999;border-radius:3px;clear:both;width:99%;padding:3px 0px;}
form input {}
form input:focus, form textarea:focus {background:#FFC;}	/* make field background yellow when filling out */
form textarea {resize:vertical;border:1px solid #999;border-radius:3px;clear:both;height:80px;width:99%;padding:3px 0px;}
/* FORM - CAPTCHA */
form #hiddencheckbox {display:inline-block;margin:0 10px 0 0;padding:3px 0;width:auto;}
form input[type="checkbox"] {border:none;}
form a {display:block;float:left;clear:both;}
/* FORM - SUBMIT BUTTON */
form input[type="submit"] {border:1px solid #999;border-radius:3px;clear:both;width:99%;padding:3px 0px;margin:10px 0;float:left;width:100%;display:block;clear:both;background:#FFF;text-transform:uppercase;text-shadow:1px 1px 0 #FFF;}
form input[type="submit"]:hover {background:#ededee;}
form input[type="submit"]:active {background:#FFC;}


/* = CONTACT INFO = */
#contact-info-container {}
#contact-info {color:#fff;background: #666;padding-top:12px;border-bottom:3px solid #2778a9;}
#contact-info p {font-size: 14px;font-family: "Droid Serif", arial, sans-serif;color: #fff;}
#contact-info a {color:#fff;}

/* = FOOTER = */
#footer-container {}
#footer {background: #000000; padding: 15px 0 35px 0;color:#000;}
#footer .sitemap {text-align:left; color:#000;}
#footer .copyright {text-align: right;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;color:#999;}
#footer ul {list-style-type: none; padding: 0 0 0px 0px}
#footer ul li {margin: 0 8px 0 8px;color:#fff;}

/* = CONTACT PAGE = */
.map-margin {margin: 30px 0;}
#contact-form-container {font-weight: bold;  text-transform: uppercase;}
#contact-form-container.contact-form-bg {background: #ccc !important;-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.26);-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.26);box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.26); border: 2px ridge #FFF;margin:0 0 0 10px;}
.address-left {margin-top: 145px;}
.address-left p {font-size: 20px; font-weight: normal;text-transform: uppercase;}
.address-left p span.company-heading {font-size: 23px; font-weight: normal; color: #000 !important;text-shadow: 1px 1px 1px #ccc; padding-bottom: 1px; border-bottom: 1px solid #000;text-transform: uppercase;letter-spacing: -1px;}
.address-left p span.address-title {color: #000 !important;text-shadow: 1px 1px 1px #000;text-transform: uppercase;}
#contact-form-container label {cursor:pointer;clear: both;margin: 9px 0; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.8) !important;}


/* FORM - INPUT FIELDS */
#contact-form-container input[type="text"] {border-radius: 3px;}
#contact-form-container input {border: 2px ridge #FFF;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555; border-radius: 0; max-height: 30px;}
#contact-form-container input:hover, #contact-form-container textarea:hover {background: #000; color: #FFF !important;}
input::-webkit-input-placeholder {color: #000 !important;}
input:-moz-placeholder { /* Firefox 18- */ color: #000 !important;}
input::-moz-placeholder {  /* Firefox 19+ */color: #000 !important;}
input:-ms-input-placeholder {  color: #000 !important;}

textarea::-webkit-input-placeholder {color: #000 !important;}
textarea:-moz-placeholder { /* Firefox 18- */ color: #000 !important;}
textarea::-moz-placeholder {  /* Firefox 19+ */color: #000 !important;}
textarea:-ms-input-placeholder {  color: #000 !important;}

input:hover::-webkit-input-placeholder {color: #FFF !important;}
input:hover:-moz-placeholder { /* Firefox 18- */ color: #FFF !important;}
input:hover::-moz-placeholder {  /* Firefox 19+ */color: #FFF !important;}
input:hover:-ms-input-placeholder {  color: #FFF !important;}

input:focus::-webkit-input-placeholder {color: #FFF !important;}
input:focus:-moz-placeholder { /* Firefox 18- */ color: #FFF !important;}
input:focus::-moz-placeholder {  /* Firefox 19+ */color: #FFF !important;}
input:focus:-ms-input-placeholder {  color: #FFF !important;}

textarea:hover::-webkit-input-placeholder {color: #FFF !important;}
textarea:hover:-moz-placeholder { /* Firefox 18- */ color: #FFF !important;}
textarea:hover::-moz-placeholder {  /* Firefox 19+ */color: #FFF !important;}
textarea:hover:-ms-input-placeholder {  color: #FFF !important;}

textarea:focus::-webkit-input-placeholder {color: #FFF !important;}
textarea:focus:-moz-placeholder { /* Firefox 18- */ color: #FFF !important;}
textarea:focus::-moz-placeholder {  /* Firefox 19+ */color: #FFF !important;}
textarea:focus:-ms-input-placeholder {  color: #FFF !important;}

#contact-form-container input:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when filling out */
#contact-form-container textarea { border-radius: 0;resize:vertical;clear: both;height: 80px;width: 99%;border: 2px ridge #FFF;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
/* FORM - SELECT FIELD */
#contact-form-container form select[type="text"] {border-radius: 3px;}
#contact-form-container form select {border: 2px ridge #FFF;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: all 0.3s ease-out;padding: 5px;color: #555;}
#contact-form-container form select:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when filling out */
/* FORM - CAPTCHA */
#contact-form-container input[type="checkbox"] { width: 30px;text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);}
#contact-form-container #hiddencheckbox {display:inline-block;margin:0 5px 0 0;padding:3px 0;width:auto;}
#contact-form-container input[type="checkbox"] {border:none;}
#contact-form-container .checkbox-label {font-size: 20px;color: #000;text-shadow: 1px 1px 1px rgba(255,255,255, 0.5);margin: 15px 0; }

/* FORM - SUBMIT BUTTON */
#contact-form-container .btn-contact {background: #000; color: #FFF; font-size: 16px;border: 1px solid #FFF;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); text-decoration: none;text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);}
#contact-form-container .btn-contact:hover {background: #333;}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a { font-weight: bold; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); color: #2778a9 !important; /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
ul.sitemap-page li a:hover {color: #000 !important;text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}

.address-box {text-align:center;}

.google-icon {margin-top: 15px; }


@media (max-width:1024px) {
    .carousel-inner>.item>img {height:100%;}
    #page {width:100%;}
    #nav ul li a {padding: 0 16px;}
}
@media (max-width:768px) {
    #header {background:linear-gradient(#ffffff,#b6c6e3);height:auto;padding:20px 0;}
    #header img {margin: 0 auto;}
    #banner, #banner-overlay {display:none;}
    #nav {background:#0c1e3e;}
    #nav ul {margin:0;}
    .google-icon {margin-top:15px !important;}
}