@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
/* = RESET STYLES = */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video, a img, .navbar-default { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* = DEFAULT STYLES = */
body { font-family: 'Open Sans', sans-serif; text-align: center; font-size: 18px; background: #222222 center fixed; background-size: cover; color: #000; }
/* DEFAULT - LINKS */
a { text-decoration: none; font-weight: bold; color: #000; }
a:hover { text-decoration: underline; }
/* DEFAULT - CLEARS */
.clear { clear: both; height: 0; width: 0; display: block; }
.clear-right { clear: right; height: 0; width: 0; }
.clear-left { clear: left; height: 0; width: 0; }
/* = CONTAINER REWRITE = */
.container { max-width: 1000px; width: 100%; }
/* = PAGE = */
#page { }
/* = WRAPPER = */
#wrap-container { background: #fff; -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.75); -moz-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.75); box-shadow: 0 2px 15px 0 rgba(0,0,0,0.75); }
.wrap-inner { }
/* = HEADER = */
#header-container { padding: 0 0 15px 0; background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6 0%, #d8d7d7 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #d8d7d7)); background: -webkit-linear-gradient(top, #f6f6f6 0%, #d8d7d7 100%); background: -o-linear-gradient(top, #f6f6f6 0%, #d8d7d7 100%); background: -ms-linear-gradient(top, #f6f6f6 0%, #d8d7d7 100%); background: linear-gradient(to bottom, #f6f6f6 0%, #d8d7d7 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d8d7d7', GradientType=0 );
}
#header-inner { }
/* HEADER - LOGO */
#logo { text-align: left; }
#logo a { display: inline-block; margin-left:20px; }
#logo a:hover { opacity: .8; }
#logo img {width:100%;}
/* CALL TO ACTION */
#c2a { float: right; font-family: 'Oswald', sans-serif; height: auto; text-align: center; font-weight: normal; color: #000; margin-top:10px; }
#c2a .tagline { font-size: 36px; line-height: 40px; font-weight: bold; margin-bottom:15px; color: #0477b8; }
#c2a .c2a-address { font-size: 23px; font-weight: normal; }
#c2a .c2a-address span { margin: 0 10px; }
#c2a .number { color: #000; font-size: 40px; line-height: 44px; font-weight: bold; }
#c2a .email { }
#c2a .email a { font-size: 19px; font-weight: normal; }
#c2a .email a:hover { text-decoration: none; }
#c2a .social { font-size: 30px; }
#c2a .social a { font-size: 30px; color: #000; }
#c2a .social a:hover { color: #0477b8; }
#c2a .hours { font-size: 36px; line-height: 40px; color: #0477b8; font-weight: bold; }
#c2a .hours span { font-size: 40px; font-style: italic; }
/* = NAVIGATION = */
#nav-container { background: #0477b8; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTAlIiB4Mj0iNTAlIiB5Mj0iLTEwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.6) -10%, rgba(0,0,0,0) 110%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, rgba(0,0,0,.6) -10%, rgba(0,0,0,0) 110%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.6) -10%, rgba(0,0,0,0) 110%); /* gradient overlay */ background-image: linear-gradient(bottom, rgba(0,0,0,.6) -10%, rgba(0,0,0,0) 110%); /* gradient overlay */ }
#nav-container .navbar-collapse {
}
#nav-container a { font-family: 'Oswald', sans-serif; color: #fff; background: none; font-weight: bold; font-size: 18px; padding:15px 25px; }
#nav-container .nav > li > a { text-transform: uppercase; border-right: 1px solid #000; }
#nav-container .nav > li:last-child > a { }
#nav-container .nav > li.open > a, #nav-container .nav > li.active > a, #nav-container .nav > li > a:hover { background: #000000; }
#nav-container .dropdown-menu > li > a { background: #000; }
#nav-container .dropdown-menu > li > a:hover {
	background: #0477b8;
}
/* = BANNER = */
#banner-container { }
#carousel-slider { margin: 0 -15px; }
.banner-inner { position: relative; }
.carousel-inner { border: none; border-bottom: 3px solid #000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
/* FEATURE */
#feature-container { padding: 15px 0 0; text-align: center; }
.feature-box { padding: 15px; margin-bottom: 15px; display: block; text-decoration: none; background: #000; }
.feature-box:hover { opacity: .6; text-decoration: none; }
.feature-box h3 { font-family: 'Oswald', sans-serif; display: block; border: none; padding: 10px; margin: -15px -15px 15px; text-transform: uppercase; font-size: 24px; background: #0477b8; border-bottom:3px solid #ccc; color: #fff; }
.feature-box img { width: 100%; height: auto; }
/* = CONTENT = */
#content-container { text-align: left; }
/* CONTENT - HEADINGS */
h1 { font-family: 'Oswald', sans-serif; font-size: 32px; display: block; padding-bottom: 3px; color: #0477b8; border-bottom: 2px solid #000; }
h2 { font-family: 'Oswald', sans-serif; font-size: 24px; display: block; color: #0477b8; border-bottom: 2px solid #000; }
h3 { font-size: 20px; display: block; }
h4 { }
h5 { }
/* PRIMARY */
#primary-container { padding: 15px 0; }
#primary-container p { margin: 20px 0; line-height: 1.75em; }
#primary-container ul, #primary-container ol, #primary-container dl { margin: 20px 0; line-height: 1.75em; padding-left: 40px; }
/* = SIDEBAR  = */
#sidebar-container { color: #000; padding: 15px 0; }
#sidebar-container h3 { font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size: 24px; padding: 9px 0 3px; border-bottom:2px solid #000000; color: #0477b8; }
#sidebar-container img { max-width: 100%; height: auto; display:inline; }
/* = CONTACT FORM = */
#contact-form-container { }
#contact-form-container .form-group { margin: 0; }
/* FORM - LABEL */
#contact-form-container label { cursor: pointer; clear: both; margin: 9px 0; font-weight: normal; }
/* 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: #333; border-radius: 0; max-height: 30px; }
#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; }
#contact-form-container textarea:hover {background:#000; color:#fff;}
#contact-form-container input:hover {background:#000; color:#fff;}
/* 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; }
#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 { margin: 15px 0; }
/* FORM - SUBMIT BUTTON */
#contact-form-container .btn-contact { background: #0477b8; color: #fff; text-decoration: none; }
#contact-form-container .btn-contact:hover { background: #000; }
/* = CONTACT INFO = */
#contact-info-container { background: #000; padding: 10px 0; text-align: center; color: #999; font-weight: bold; font-size: 14px; }
#contact-info-container span { margin: 0 15px 0 15px; }
#contact-info-container span:after { content: '•'; }
#contact-info-container a { text-decoration: none; color: #999; }
#contact-info-container a:hover { }
/* = FOOTER = */
#footer-container { font-family: 'Oswald', sans-serif; font-size: 14px; border-top:2px solid #ccc; background: #0477b8; padding-top: 5px; padding-bottom: 10px; color: #fff; }
#footer-container .sitemap { padding: 5px 0; text-align: left; }
#footer-container .copyright { padding: 5px 0; text-align: right; }
/* FOOTER - LINKS */
#footer-container a { color: #FFF; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); font-weight: normal; }
#footer-container a:hover { text-decoration: underline; }
/* = TOP LINK = */
#top-link-block.affix-top { position: absolute; bottom: -82px; right: 10px; }
#top-link-block.affix { position: fixed; bottom: 12px; right: 10px; }
#top-link-block a { font-size: 12px; opacity: .6; background: rgba(207, 0, 8, .7); color: #000; padding: 6px 15px; border-radius: 3px; min-height: 20px; }
#top-link-block a:hover { opacity: 1; background: rgba(207, 0, 8, .9); text-decoration: none; }

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto; display:block; 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); /* 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 {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);}

/* = CONTACT PAGE = */

.contact-page .map-margin {margin: 30px 0;}
/* = CONTACT FORM = */
.contact-page #contact-form-container {width: 100%; height: 100%; margin: 0 auto; padding: 10px; font-weight: bold;  text-transform: uppercase;}
.contact-page #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; width: 100%; margin:0 0 0 10px;}
.contact-page .address-left {margin-top: 0;}
.contact-page .address-left p {font-size: 20px; font-weight: normal;text-transform: uppercase;}
.contact-page .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;}
.contact-page .address-left p span.address-title {color: #000 !important;text-shadow: 1px 1px 1px #000;text-transform: uppercase;}
/* FORM - LABEL */
.contact-page #contact-form-container label {cursor:pointer;float: left;clear: both;margin: 9px 0; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.8) !

important;}
.contact-page #contact-container {width: 100%; margin: 60px auto  20px auto !important;}

/* FORM - INPUT FIELDS */
.contact-page #contact-form-container input[type="text"] {border-radius: 3px;}
.contact-page #contact-form-container input {border: 2px ridge #FFF;float: left;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-page #contact-form-container input:hover, #contact-form-container textarea:hover {background: #000; color: #FFF !important;}
.contact-page input::-webkit-input-placeholder {color: #000 !important;}
.contact-page input:-moz-placeholder { /* Firefox 18- */ color: #000 !important;}
.contact-page input::-moz-placeholder {  /* Firefox 19+ */color: #000 !important;}
.contact-page input:-ms-input-placeholder {  color: #000 !important;}

.contact-page textarea::-webkit-input-placeholder {color: #000 !important;}
.contact-page textarea:-moz-placeholder { /* Firefox 18- */ color: #000 !important;}
.contact-page textarea::-moz-placeholder {  /* Firefox 19+ */color: #000 !important;}
.contact-page textarea:-ms-input-placeholder {  color: #000 !important;}

.contact-page input:hover::-webkit-input-placeholder {color: #FFF !important;}
.contact-page input:hover:-moz-placeholder { /* Firefox 18- */ color: #FFF !important;}
.contact-page input:hover::-moz-placeholder {  /* Firefox 19+ */color: #FFF !important;}
.contact-page input:hover:-ms-input-placeholder {  color: #FFF !important;}

.contact-page input:focus::-webkit-input-placeholder {color: #FFF !important;}
.contact-page input:focus:-moz-placeholder { /* Firefox 18- */ color: #FFF !important;}
.contact-page input:focus::-moz-placeholder {  /* Firefox 19+ */color: #FFF !important;}
.contact-page input:focus:-ms-input-placeholder {  color: #FFF !important;}

.contact-page textarea:hover::-webkit-input-placeholder {color: #FFF !important;}
.contact-page textarea:hover:-moz-placeholder { /* Firefox 18- */ color: #FFF !important;}
.contact-page textarea:hover::-moz-placeholder {  /* Firefox 19+ */color: #FFF !important;}
.contact-page textarea:hover:-ms-input-placeholder {  color: #FFF !important;}

.contact-page textarea:focus::-webkit-input-placeholder {color: #FFF !important;}
.contact-page textarea:focus:-moz-placeholder { /* Firefox 18- */ color: #FFF !important;}
.contact-page textarea:focus::-moz-placeholder {  /* Firefox 19+ */color: #FFF !important;}
.contact-page textarea:focus:-ms-input-placeholder {  color: #FFF !important;}

.contact-page #contact-form-container input:focus, form textarea:focus {outline: none;background-position: 0 -1.7em;}	/* make field background color change when 

filling out */
.contact-page #contact-form-container textarea { border-radius: 0;resize:vertical;float: left;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;}
.contact-page #contact-form-container textarea:hover {background:#000;}

/* FORM - SELECT FIELD */
.contact-page #contact-form-container form select[type="text"] {border-radius: 3px;}
.contact-page #contact-form-container form select {border: 2px ridge #FFF;float: left;clear: both;width: 99%;background: linear-gradient(#eee, #fff);transition: 

all 0.3s ease-out;padding: 5px;color: #555;}
.contact-page #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-page #contact-form-container input[type="checkbox"] {float: left; width: 30px;text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);}
.contact-page #contact-form-container #hiddencheckbox {display:inline-block;margin:0 5px 0 0;padding:3px 0;width:auto;}
.contact-page #contact-form-container input[type="checkbox"] {border:none;}
.contact-page #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-page #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-page #contact-form-container .btn-contact:hover {background: #333;}


.img-right {margin:15px 0 0 20px;}

/* = MEDIA QUERIES= */
@media screen and ( max-width: 1200px ) {
}
 @media screen and ( max-width: 992px ) {
#nav-container .nav > li > a { text-transform: none; }
#footer-container .sitemap,  #footer-container .copyright { text-align: center; }
}
 @media screen and ( max-width: 768px ) {
#logo,  #c2a { float: none; max-width: 100%; text-align: center; }
#nav-container .navbar { margin: 0; }
#nav-container a { border: 0; }
}
@media screen and ( max-width: 768px ) { #logo a { display: inline-block; margin-left:0px;}.contact-page .address-left p {font-size: 18px;}}
@media screen and ( max-width: 400px ) {.contact-page .address-left p {font-size: 16px;}}
