@import url(https://fonts.googleapis.com/css?family=Francois+One);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* = DEFAULT STYLES = */
body {font-family: 'Droid Sans', sans-serif;font-size:1.8em;background:#fff;color:#000;}
.clear {clear: both;height: 0;width: 0;display: block;}
a {text-decoration:none;color: #DE733E;}
a:hover {text-decoration:underline; color: #000;}
h1, h2, h3, h4, h5 {font-family: 'Francois One', sans-serif;display:block;padding-bottom:3px;}
h1 {font-size: 2.25em; color: #DE733E;}
h2 {font-size: 2.0em; color: #DE733E;}
h3 {font-size: 1.8em; color: #DE733E; border-bottom: 2px solid #333;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}

/* = HEADER = */
#header-container {background:#E8E0AE;}
#header {padding: 15px 0;}
#header img.header-logo {margin-top:5px;}
#header img.header-logo:hover  {opacity:.8;}
#header .site-tagline {font-size:2em;font-style: italic; color:#52493A;margin-left:15px;}
#header .contact-info {text-align:right; margin-top:30px;color: #52493A;font-family: 'Francois One', sans-serif;}
#header .contact-info .tagline {font-size:22px; letter-spacing: -1px;color: red; text-align: center; margin-top: 15px; }
#header .contact-info .c2a-address {font-size:18px;color: #52493A;font-weight:normal;}
#header .contact-info .c2a-address span {margin:0px 10px;}
#header .contact-info .number {font-size:36px;color: #52493A;}
#header .contact-info .email {}
#header .contact-info .email a {font-size:19px;color:  #52493A;}
#header .contact-info .email a:hover {text-decoration: underline;color:  #52493A;}
#header .contact-info  social {font-size:38px;}
#header .contact-info .social a {font-size:26px;}
#header .contact-info .fa.social-effect {/* CSS3 Transition Effect */-webkit-transition: all 0.10s ease-out;-moz-transition: all 0.10s ease-out;-o-transition: all 0.10s ease-out;color: #0e3160;font-size:38px;}
#header .contact-info .fa.social-effect:hover {/* CSS3 Transform Effect */-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-o-transform: scale(1.0); color: #325a97;}
#header .gps {color:#52493A;text-align:left;margin-top:15px;padding:20px 0px 20px 20px; border-left:1px solid #8b9372;}
#header .gps h3 {font-size:22px;border-bottom:0px;margin-top:0px;}

/* = NAVIGATION = */
#nav-container {background: #0c4da2 linear-gradient(rgb(164,171,128),rgb(124,133,105))}
#nav-container .nav-inner {display: block;;position:relative;z-index:9999;}
#nav-container .nav-inner a {color: #FFF;font-family: 'Francois One', sans-serif;text-transform:uppercase;font-size:18px;padding:15px 35px;border-left:1px solid #A4AB80;}
#nav-container .nav-inner a.last {border-right:1px solid #A4AB80;}
#nav-container .nav-inner a:hover {color:  #333;background: #F6E68E;}
#nav-container .nav-inner li.active a {color: #E6D585;}
#nav-container .nav-inner .navbar {margin:0;}
#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: #f3eece;color: #281d2d;}
#nav-container .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color: #ccc;}

/* = BANNER = */
#banner-container .banner-padding {padding-left: 0; padding-right: 0;}
#banner-container .carousel-inner {border:none;box-shadow:none;margin-bottom:30px;-webkit-box-shadow: 0px 16px 14px -8px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 16px 14px -8px rgba(50, 50, 50, 0.75);box-shadow: 0px 16px 14px -8px rgba(50, 50, 50, 0.75);}

/* FEATURE */
#feature-container {background:#ebebeb;margin-bottom:20px;padding:20px 0px 25px 0px;}
#feature-container .feature-box:hover {opacity:.6;}

/* = CONTENT = */
#content-container {background:#fff;}
.primary ul li { list-style-type: none; padding: 3px;}

/* PRIMARY - IMAGES */
.inline-left {border: 1px solid #CCC;background: #FFF;padding: 3px;margin: 5px 25px 15px 0;}


/* = CONTACT INFO = */
#contact-info-container {background:#A4AB80;}
#contact-info-container .contact-info {padding: 10px 0;}
#contact-info-container .contact-info {display: block; color: #fff;font-size:1em;}
#contact-info-container .contact-info span {color:#fff;margin:0px 15px 0px 15px;}
#contact-info-container .contact-info a {color: #fff;}
#contact-info-container .contact-info a:hover {color: #fff;}
#contact-info-container .coords {color:#fff;}

/* = FOOTER = */
#footer-container {background:#7C8569;border-top:3px solid #DE733E;}
#footer-container .footer {padding: 10px 0;}
#footer-container .footer a {color: #52493A; font-size:1em; font-weight: normal;text-transform:uppercase;}
#footer-container .footer a:hover {color: #52493A;}
#footer-container .sitemap {}
#footer-container .copyright {font-size:80%;}

/* = BACK TO TOP = */
#top-link-block .affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -82px; /* negative of the offset - height of link element */left: 10px; /* padding from the left side of the window */}
#top-link-block .affix {position: fixed; /* keeps it on the bottom once in view */bottom: 18px; /* height of link element */left: 10px; /* padding from the left side of the window */}
.back-to-top {opacity: .6; background: #ccc; color: #000;}
.back-to-top:hover {opacity: 1; background: #ccc; color: #000;}

/* = PARALLAX WINDOW = */
.parallax-window {min-height: 500px;background: transparent;}

/* = 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: #DE733E !important; text-transform: uppercase; /* 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);}

/* = CONTACT PAGE = */

.map-margin {margin: 30px 0;}
/* = CONTACT FORM = */
#contact-form-container {width: 100%; height: 100%; margin: 0 auto; padding: 10px; font-weight: bold;  text-transform: uppercase;}
#contact-form-container.contact-form-bg {background: #E8E0AE !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;}
.address-left {margin-top: 75px;}
.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;}
/* FORM - LABEL */
#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-container {width: 100%; margin: 60px auto  20px auto !important;}

/* FORM - INPUT FIELDS */
#contact-form-container input[type="text"] {border-radius: 3px;}
#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-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;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;}
/* FORM - SELECT FIELD */
#contact-form-container form select[type="text"] {border-radius: 3px;}
#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-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"] {float: left; 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;}

/* = GALLERY PAGE = */
.lightbox {width: 100%; padding: 10px;}
.lightbox img {border: 2px solid #DE733E; display: inline-block; margin: .3em;}

.note {font-weight: bold; text-align: center; font-size: 20px;border:1px solid red; padding: 15px;}


/* = MEDIA QUERIES= */
/* = DEVICES FROM 768px to 1163px - Tablets to Desktop = */
@media (min-width: 767px) and (max-width:1163px){
    h1 {font-size:2em;}
    h2, h3 {font-size:1.5em;font-weight:bold;}
	#nav-container .nav-inner a {padding: 15px 25px;}
}
/* = DEVICES LESS THAN 768px - General Mobile Cleanup = */
@media (max-width: 767px) {
    h1{font-size:20px;}
    #header img.header-logo {margin:0 auto;}
    #header .contact-info {text-align: center;}
    .carousel-caption{font-size:12px;}
    .carousel-caption .btn {display:none;}
    .parallax-window {display:none;}
}
/* = DEVICES FROM 320px to 520px - Mobile Phones = */
@media (min-width: 320px) and (max-width:520px) {
    h1, h2,h3 {font-size:1.3em;}
    #header-container img {margin: 0 auto;}
    #header-container .contact-info{margin-top:10px;padding-top:10px;text-align:center;}
    #nav-container .nav-inner a, #nav-container .nav-inner a.last {border:0;text-align:center;}
    #banner-container {display:none;}
}