@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* = DEFAULT STYLES = */
body { text-align: center; margin: 0; font-size: 12px; background: #FFF; font-family: 'Roboto', sans-serif; }
/* DEFAULT - LINKS */
a { text-decoration: none; font-weight: bold; color: #10730D !important; }
a:hover { text-decoration: underline; color: #CCC; }
/* 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; }
/* = PAGE = */
#page { width: 100%; background: #10730D; }
.page-inner { background: #ffffff; margin: 20px 0 50px 0; border: 3px solid #ffffff; }
/* = HEADER = */
#header-container { padding: 10px 0; background: #ffffff; }
.fa-google-plus-square { font-size: 36px!important; margin-top: 10px; line-height: 5px!important; }
.google-plus { padding: 10px!important; }
/* HEADER - LOGO */
#logo { text-align: center; }
#logo img { width: 100%; }
#logo a { display: inline-block; opacity: 1; transition: all .3s ease-out; color: #c4131f!important; font-size: 30px; }
#logo a:hover { -webkit-transform: scale(.9); -moz-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); text-decoration: none; }
#c2a { font-size: 15px; font-weight: bold; color: #000000; text-align: right; }
#c2a .number { font-size: 32px; margin: 5px 0; color: #00A615 !important; }
.slogan { font-size: 25px; margin: 5px 0; color: #00A615 !important; }
#c2a .c2a-address { font-size: 16px; color: #000000; }
#c2a a { color: #000000 !important; }
#c2a .request-btn { background: #c4131f; color: #ffffff!important; margin: 15px 0; transition: all .5s; }
#c2a .request-btn:hover { background: #feff99; color: #000000!important; margin: 15px 0; transition: all .5s; }
/* = TOP NAVIGATION = */
#nav-container { background: rgb(180,221,180); /* Old browsers */ background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(180,221,180,1)), color-stop(17%, rgba(131,199,131,1)), color-stop(33%, rgba(82,177,82,1)), color-stop(67%, rgba(0,138,0,1)), color-stop(83%, rgba(0,87,0,1)), color-stop(100%, rgba(0,36,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0 ); /* IE6-9 */
}
#nav-container #nav { padding: 0; }
#nav-container .navbar { min-height: 30px !important; border: none !important; }
#nav-container .navbar-nav { width: 100%; font-size: 0; }
#nav-container .navbar-nav > li { float: left; width: 20%; display: inline-block; }
#nav-container a { color: #FFF !important; font-size: 18px; line-height: 18px; padding:15px 30px; }
#nav-container a:hover, #nav-container .dropdown-menu > li > a, #nav-container .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, #nav-container li.active a { background: #000000 !important; color: #FFFFFF !important; }
.navbar-toggle { background:#ffffff !important; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #000 !important; }
/* = BANNER NAVIGATION = */
#banner-container .nav-pills > li > a { border-radius: 0; }
ul.nav-stacked { }
#banner-container .nav-stacked > li + li { margin-top: 0; margin-left: 0; }
#banner-container { color: #FFF !important; font-size: 18px; font-weight: normal; }
.border-right { border-right: 1px dotted #ffffff; }
.dropdown-menu { background: none; }
.dropdown-menu > li > a { color: #FFF; }
.dropdown-menu > li > a:hover { color: #ccc; background: none; }
.dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; }
.dropdown-menu li:hover .sub-menu { visibility: visible; }
.dropdown:hover .dropdown-menu { display: block; }
.navbar-banner-padding { padding: 0 !important; margin: 0 !important; }
.nav-banner-width { max-width: 320px !important; }
/* = BANNER = */
#back_to_camera { background: rgba(255, 255, 255, .9); clear: both; display: block; height: 40px; line-height: 40px; padding: 20px; position: relative; z-index: 1; }
.banner-fluid-container { z-index: 0; position: relative; height: 500px; overflow: hidden; }
#camera-slider { height: 520px; margin-bottom: 0 !important; }
.camera_bar { z-index: 2; }
.camera_thumbs { margin-top: -100px; position: relative; z-index: 1; }
.camera_thumbs_cont { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.camera_overlayer { opacity: .1; }
/* = CONTENT = */
#content-container { font-family: 'Roboto', sans-serif; font-size: 18px; padding-bottom: 20px; }
#content-inner { background: #ffffff; }
#primary-container { background: #ffffff; }
#content-container p { line-height: 1.75em; margin: 20px 0; color: #000000; }
#photo-container { margin: 20px 0; }
#photo-container img { width: 100%; }
#photo-container img:hover { opacity:.8; }
#photo-container .photo-container { background: #FFFFFF; padding: 10px 10px 20px 10px; }
ul.list-items {margin: 10px 0 10px 60px; display: block;}
ul.list-items li {color: #10730D;font-weight: bold;}
/* CONTENT - HEADINGS */

h1 { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 32px; color: #000000; padding-bottom: 3px; text-align: center; }
h2 { font-family: 'Roboto', sans-serif; font-weight: bold; color: #000000; padding-bottom: 3px; border-bottom: 1px solid #00A615; font-size: 28px; }
h3 { font-family: 'Roboto', sans-serif; font-weight: bold; background: #000000; font-size: 24px; border-bottom: 1px solid #00A615; background: #000000; }
h4 { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 22px; background: #000000 !important; color:#ffffff; padding:15px 0px; border-bottom: 2px solid #00A615; margin-bottom:0px !important; }
h5 { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 20px; }
/* PRIMARY - IMAGES */
.img-left { border: 5px solid #000; background: #10730D; padding: 5px;margin: 15px 15px 15px 0; }
.img-right { border: 5px solid #000; background: #10730D; padding: 5px;margin: 15px 0 15px 15px; }
/* PRIMARY - DUEL LISTS - two lists side by side */
div.dual-lists ul { float: left; width: 40%; margin: 0 1%; padding: 0; }
/* = CONTACT FORM = */
#sidebar-container { width: 100%; margin: 0 auto; background: #d9271b; }
#contact-form-container { width: 100%; height: 100%; margin: 0 auto; font-weight: normal; }
#contact-form-container.contact-form-bg {background: #10730D !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: 5px solid #000; width: 100%; padding: 10px;}
.google-map-contact-page {width: 80% !important; height: 300px; border: 5px solid #000; background: #10730D; padding: 5px;-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);}
.address-left {}
.address-left p {font-size: 20px; font-weight: bold;font-family: 'Roboto', sans-serif;}
.address-left p span.company-heading {font-size: 30px; font-weight: bold; color: #10730D; padding-bottom: 1px; border-bottom: 1px solid #000;font-family: 'Roboto', sans-serif;}
.address-left p span.address-title {color: #10730D;font-family: 'Roboto', sans-serif;}

#contact-form-container form { }
/* FORM - LABEL */
#contact-form-container label { cursor: pointer; float: left; clear: both; margin: 9px 0; color: #FFF; font-size: 16px; font-weight: normal; }
/* FORM - INPUT FIELDS */
#contact-form-container input { border: 2px ridge #FFF; float: left; clear: both; width: 99%; transition: all 0.3s ease-out; padding: 5px; color: #555; border-radius: 0; max-height: 30px; }
/* 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; 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%; transition: all 0.3s ease-out; padding: 5px; color: #555; }
#contact-form-container input:hover, #contact-form-container textarea:hover, #contact-form-container input:focus, #contact-form-container 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; margin: 4px 0 -4px 0; 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: 16px; color: #FFF; margin: 8px 0; }
/* FORM - SUBMIT BUTTON */
#contact-form-container .btn-contact { background: #000000; color: #FFF; border: 1px solid #fff; font-size: 16px; -webkit-transition: background .5s; -moz-transition: background .5s; -ms-transition: background .5s; border-radius: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }
#contact-form-container .btn-contact:hover { background: rgba(62, 62, 62, 0.89); color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }
/* = CONTACT INFO = */
#contact-info-container { color: #000000; font-size: 20px; font-weight: normal; margin-top: 20px; background: #FFFFFF; border-radius: 10px; border: 3px solid #d9271b; }
#contact-info-container .contact-info-inner { padding: 10px 0; }
#contact-info-container a { color: #ffffff !important; font-weight: normal !important; }
/* = FOOTER = */
#footer-container { height: auto; font-size: 14px; color: #fff; background: #000000; border-top: 3px solid #ffffff; }
.list-inline.sitemap { margin-top: 10px; }
#footer-container .copyright { display: block; margin: 10px auto; }
#footer-container .copyright a { text-decoration: none; font-weight: normal; color: #ffffff!important; }
#footer-container .copyright a:hover { text-decoration: underline; }
/* FOOTER - LINKS */
.list-inline.sitemap a { color: #fff !important; font-weight: normal; font-size: 14px; }
.list-inline.sitemap a:hover { text-decoration: underline; color: #fff !important; }

/* = 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-family: 'Roboto', sans-serif;font-weight: bold;text-decoration: none; color: #10730D !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);}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* = HIDE SHOW PAGE = */
.packages-container, .packages-container2, .packages-container3, .packages-container4, .packages-container5, .packages-container6, .packages-container7, .packages-container8, .packages-container9, .packages-container10 {display:none; margin: 0 0 30px 0;}
.packages-container p, .packages-container2 p, .packages-container3 p, .packages-container4 p, .packages-container5 p, .packages-container6 p, .packages-container7 p, .packages-container8 p, .packages-container9 p, .packages-container10 p {color: #FFF !important; text-shadow: 1px 2px 0 #000 !important; font-size: 20px;}
#toggle, #toggle2, #toggle3, #toggle4, #toggle5, #toggle6, #toggle7, #toggle8, #toggle9, #toggle10 {font-size: 24px; letter-spacing: -1px;}
.menu-btn {padding: 15px; background: #000;text-align: left !important; margin: 20px 0;}
.menu-btn a {color: #FFF !important; text-shadow: 1px 2px 0 #000;text-decoration: none !important;font-size: 26px;}
.menu-btn a:hover {text-decoration: none !important;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* = MEDIA QUERIES= */
@media screen and (min-width: 992px) and (max-width: 1200px) {
#c2a { font-size: 12px; }
#c2a .number { font-size: 30px; }
}
 @media screen and (min-width: 768px) and (max-width: 992px) {
#logo { text-align: center; }
#c2a { font-size: 12px; text-align: center; }
#c2a .number { font-size: 30px; }
#nav-container a { font-size: 14px !important; padding: 15px 7px !important; }
}
 @media screen and (max-width: 768px) {
#logo { text-align: center; }
#c2a { font-size: 12px; text-align: center; }
#c2a .number { font-size: 30px; }
#nav-container { background: rgb(180,221,180); /* Old browsers */ background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(180,221,180,1)), color-stop(17%, rgba(131,199,131,1)), color-stop(33%, rgba(82,177,82,1)), color-stop(67%, rgba(0,138,0,1)), color-stop(83%, rgba(0,87,0,1)), color-stop(100%, rgba(0,36,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0 ); /* IE6-9 */
}
#nav-container #nav { padding-right: 15px; padding-left: 15px; }
#nav-container .navbar-default .navbar-toggle { background: #f9f1be; }
#nav-container a { padding: 8px 15px !important; }
#nav-container .navbar-nav > li { float: none; width: auto; }
.timeline > li > .timeline-badge { position: absolute; top: 16px; left: 79%; margin-left: -25px; }
}
 @media screen and (max-width: 767px) {
ul.timeline:before { left: 40px; }
ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); }
ul.timeline > li > .timeline-badge { display: none; }
ul.timeline > li > .timeline-panel { float: right; }
ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
#nav-container .navbar-nav { width: auto; }
#nav-container .navbar-nav > li { float: none; display: block; width: auto; }
#read-more-container .read-more-img { float: none; }
#read-more-container a { float: none; }
#contact-info-container { color: #000000; font-size: 20px; font-weight: normal; margin-top: 20px; background: none; border-radius: 0; border: none; }
#contact-info-container .contact-info-inner { padding: 10px 0; background: #FFFFFF; border-radius: 10px; border: 3px solid #d9271b; }
#photo-container .photo-container { padding: 0 15px; }
}
 @media screen and (max-width: 360px) {
#content-container .widget { padding: 0; }
#content-container .widget img { width: 100%; }
}
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
#content-container.movethatshyt { margin-top: 351px !important; font-size: 40em !important; }
}
 _::-moz-svg-foreign-content, :root #content-container.movethatshyt {
 margin-top: 351px !important;
 font-size: 40em !important;
}