@import url(https://fonts.googleapis.com/css?family=Crimson+Text:700);

body { min-height:600px; }
#maximage .caption { position:static; margin:80px auto 0 auto; max-width:1150px; padding:20px; }

#maximage h1,
#maximage h2,
#maximage h3 { font-family:"Crimson Text", Helvetica Neue, Helvetica, sans-serif; font-weight:700; font-size:36px; text-shadow:1px 1px 3px #000; text-shadow:1px 1px 3px rgba(0,0,0,0.3); margin:0; padding:0; }

#logo { width:320px; max-width:500px; }

/* header wrapper default styles */
#bg2 .header-wrapper, .header-wrapper { background-color:#FFF; -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.1); box-shadow:0px 1px 3px rgba(0,0,0,0.1); max-width:100% !important; }

/* header wrapper on home page */
#bg1 .header-wrapper { background-color:rgba(255,255,255,0.8); }

#header-search { width:125px; white-space:nowrap; }

#header-search .search-field {  text-align:left; }

#header-content p.phone,
#header-content p.phone a { color:#EE3124; font-family:Helvetica Neue, Helvetica, sans-serif; font-weight:700; font-size:17px; padding:0; }

footer { background-color:#FFF; background-color:rgba(255,255,255,0.8); -moz-box-shadow:0px -1px 3px rgba(0,0,0,0.1); box-shadow:0px -1px 3px rgba(0,0,0,0.1); z-index:6; }
footer a:hover, footer a:active {text-decoration:none;}

#bg2 footer { background-color:#FFF; }

footer p.copyright { font-size:9px; color:#666; padding-top:24px; }

footer p.copyright a { color:#666; }
footer p.copyright a:hover,footer p.copyright a:active {text-decoration:underline;}

/* youtube and other icon in footer */
.footer-icons a { margin-right:20px; font-weight:bold; font-size:.75em }

.footer-icons { padding:24px 2%; }

.footer-icons img {height:21px;}

#sidebar .btn { white-space:normal; }

#sidebar-title { font-weight:400; color:#000; padding-bottom:0; margin-bottom:0; }

.btn { text-shadow:1px 1px 0px rgba(0,0,0,0.2); font-family:Helvetica Neue, Helvetica, sans-serif; font-weight:700; }

.btn-primary,
.btn { border:2px solid #FFF !important; margin-bottom:6px; }

.btn-lg { padding:20px 30px !important; }

#secondary { background-color:#0094FF !important; }

#secondary:hover,
#secondary:active,
#secondary:focus { background-color:#54AEFF !important; }

/* FEATURED PAGES ON HOME PAGE */
#bg1 #features,
#footer-block { max-width:1190px; margin-right:auto; margin-left:auto; }

#bg1 #features ul { margin:0 !important; }

#bg1 #features li { padding:4px; height:auto; position:relative; }

#bg1 #features a h3 { font-size:.90em; color:#fC0; font-family:Helvetica Neue, Helvetica, sans-serif; font-weight:700; text-align:left; margin-bottom:6px; }

#bg1 #features a { height:180px; padding:10px; background-color:#000; background-color:rgba(0,0,0,0.8); -moz-border-radius:5px; border-radius:5px; }

#bg1 #features a:hover, #bg1 #features a:active {background-color:#000;}

#bg1 #features a p { color:#FFF; font-size:.78em; line-height:140%; font-family:Helvetica Neue, Helvetica, sans-serif; }

#bg1 #features .thumb { width:25%; float:right; margin:0 0 4px 4px; height:auto; }

#bg1 #features .thumb img { height:auto; }

/* INDEX OF SUBPAGES ON INTERIOR PAGES */
#bg2 #features a h3 { color:#555;}

#bg2 #features a:hover h3 {color:#1F74E3; text-decoration:none;}


h1 { font-weight:700; margin-top:0; padding-top:0; }

h2, h3 { margin: 10px 0; }

h2 { color:#000; font-weight:700; }

h3 { color:#000; font-weight:400; }

h4 { font-weight:400; }

/* p {max-width:700px; }*/

hr { border-top:1px solid #B8BBB5; }

small,
p small,
li small { font-size:11px; font-family:Helvetica Neue, Helvetica, sans-serif; }

#bg1 .home-content, 
#bg1 .home-content2 { padding:10px; background-color:#333; background-color:rgba(32,32,32,.9); background-color:rgba(55,55,55,0.8); -moz-border-radius:5px; border-radius:5px; margin:20px 0; }

#bg1 .home-content2 {padding:80px 20px; text-align:center;background-color:rgba(0,0,0,0.5);}

#bg1 .home-content h1, #bg1 .home-content2 h1 { font-weight:700; text-shadow:1px 1px 3px rgba(0,0,0,0.3); margin:0; padding:0; }

#bg1 .home-content h3, #bg1 .home-content2 h3 { font-size:1.5em; text-shadow:1px 1px 3px rgba(0,0,0,0.3); margin:0; font-family:"Lora", Book Antiqua, serif; padding:0; color:#FC0 }

#bg1 .home-content>*, #bg1 .home-content2>* { color:#FFF; }

label { margin:8px 0 3px 0; }

#bg2 #page-content { background:#FFF; -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3); box-shadow:1px 1px 5px rgba(0,0,0,0.3); padding-bottom:24px; padding-top:20px; }

.table,
.table-striped,
.table p { font-size:12px; font-family:Helvetica Neue, Helvetica, sans-serif; }

table { border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; }

table.noborder, table.noborder td { border:none !important;  }

td,
th { border-right:1px solid #CCC; }

/* red button */
.btn-red { color:#FFF; background: #ee3224; background-image: -webkit-linear-gradient(top, #ee3224, #c22018); background-image: -moz-linear-gradient(top, #ee3224, #c22018); background-image: -ms-linear-gradient(top, #ee3224, #c22018); background-image: -o-linear-gradient(top, #ee3224, #c22018); background-image: linear-gradient(to bottom, #ee3224, #c22018); padding: 10px 20px 10px 20px; text-decoration: none; }

.btn-red:hover { color:#FFF; background: #f0554d; background-image: -webkit-linear-gradient(top, #f0554d, #EE3124); background-image: -moz-linear-gradient(top, #f0554d, #EE3124); background-image: -ms-linear-gradient(top, #f0554d, #EE3124); background-image: -o-linear-gradient(top, #f0554d, #EE3124); background-image: linear-gradient(to bottom, #f0554d, #EE3124); text-decoration: none; }

.enlarge::after { content: "click to enlarge"; font-size:10px; font-family:Helvetica Neue, Helvetica, sans-serif; line-height:1; display:block; padding:5px 0; color: #555; font-weight: bold; }

#com_contact_form {margin:0 auto;}

/* side navigation on interior pages */
.side-nav li {margin-bottom:6px;}

.side-nav li li {font-size:.9em; margin-bottom:0; }

.side-nav li li li {font-size:1em}

.side-nav li.divider {height:0; border-bottom: 1px solid #FFF;border-top: 1px solid #CCC;}



#header-content #contact-btn {display:inline-block; background-color:#EE3124 !important; color:#FFF; -moz-border-radius:6px; border-radius:6px; padding:3px 10px; margin:0 20px 0 0; font-size:14px;}

#header-content .youtube { display:inline-block; display:none; }

#header-content .facebook { display:inline-block; display:none; }

#header-content .youtube img { width:50px; height:auto;}

#header-content .facebook img { width:24px; height:auto;}

#header-search .search-field {
    width: 160px;
    text-align: left;
}

.navbar-collapse {
    max-height: 480px;
    }


/* 
Responsive Styles 
*/

/* -------- AT LEAST 768px WIDE -------- */
@media screen and (min-width: 768px) {

#maximage .caption { bottom:auto; top:80px; }

#maximage h1 { font-size:65px; }

#maximage h2 { font-size:46px; }

#maximage h3 { font-size:28px; }


/* header wrapper default styles */
#bg2 .header-wrapper, .header-wrapper { background:#FFF url(/content/library/lines2.png) repeat-x center bottom; }

/* header wrapper on home page */
#bg1 .header-wrapper {background:#FFF url(/content/library/lines2.png) repeat-x center bottom; background:rgba(255,255,255,0.8) url(/content/library/lines2.png) repeat-x center bottom;  }


#logo { float:left; width:360px; }

#header-content { position:absolute; top:15px; left:50%; }

#header-search { text-align:right; padding-top:10px; }

#header-search .search-field { width:80%; }

#bg1 #features a { margin-right:5px; height:240px; background-color:#000; background-color:rgba(0,0,0,0.8); }

.navbar { margin-bottom:0; }

.navbar-collapse {padding-left:0;}

#nav {float:left;clear:both;}

#nav li { font-weight:700; }

.navbar li>a { padding:15px 0 0 0; margin:0 24px 0 0; font-size:.8em; }

.navbar li li>a { margin:0;}

.dropdown-menu>li>a { padding: 5px 15px !important; margin:0; }

/* remove margin and padding from last tab */
#nav li:last-child,
#nav li:last-child a { margin-right:0; padding-right:0; }

#nav li li:last-child a { margin-right:0px; padding-right:15px; }

.navbar li.active>a { color:#EE3124; border-bottom:4px solid #FC0; }

#nav .dropdown li { font-weight:400; }

#nav .dropdown li a:hover,
#nav .dropdown li a:active { color:#000; background:#FC0 }

.navbar-right .dropdown-menu { left:0; right:auto; }

.navbar .nav li>a:hover, .navbar .nav li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { color:#1F74E3; }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { border-color:#1F74E3;  }

#page-content ul { padding-left:20px; }

#page-content ul ul {padding-top:8px;}

#page-content li { padding-bottom:10px; }

#page-content #features li { padding-bottom:20px; }

#page-content .compact li { padding-bottom:4px; font-size:14px; }

#bg1 .home-content { width:45%; float:left }
#bg1 .home-content2{ width:45%; float:right; }

#contact-us .topborder {border-top:1px solid #999; padding-top:10px;margin-top:10px;}

#contact-btn, #footer-block .facebook, #footer-block .youtube {display:none !important}


#header-content #contact-btn {display:inline-block; background-color:#EE3124 !important; color:#FFF; -moz-border-radius:6px; border-radius:6px; padding:3px 10px; margin:0 20px 0 0; font-size:14px;}

#header-content .facebook, #header-content .youtube {display:inline-block !important}

}



/* -------- AT LEAST 600px HEIGHT and 768px WIDTH -------- */
@media screen and (min-height: 700px) and (min-width: 768px) {

/* for fixed footer */ 
#wrapper { margin-bottom:0; }

footer { height:auto; position:fixed; bottom:0; left:0; width:100%; }

/* end fixed footer */

#bg1 #features { position:absolute; bottom:100px; top:auto; }
}


/* -------- AT LEAST 850px WIDE -------- */
@media screen and (min-width: 850px) {

.navbar li>a {  font-size:.85em; }

.footer-icons img {height:28px;}


}


/* -------- AT LEAST 992px WIDE -------- */
@media screen and (min-width: 992px) {

.navbar li>a { margin:0 30px 0 0; font-size:.9em; }

#logo { width:400px; margin-top:16px; }

#header-search { width:15%; }

#bg1 #features a { height:180px; }

.footer-icons {padding:18px 2%;}
.footer-icons img {height:36px;}
.footer-icons a {font-size:.85em; }
}


/* -------- AT LEAST 1100px WIDE -------- */
@media screen and (min-width: 1100px) {

#logo { width:500px; margin-top:4px; }

#bg1 #features a { height:160px; } 

.navbar li>a { font-size:1em; }

.footer-icons {padding:10px 2%;}
.footer-icons a {font-size:1em;}
.footer-icons img {height:auto;}

}

/* -------- AT MOST 767px WIDE -------- */
@media screen and (max-width: 767px) {

body { background-repeat:repeat-y; }

#header-search { position:absolute; top:80px; left:20px; float:none; }

#nav { position:absolute; right:0; float:none; top:80px; z-index:6; }

.navbar { width:100%; }

.navbar-nav,
.container-fluid>.navbar-collapse { box-shadow:1px 1px 4px rgba(0,0,0,0.34); margin:0; padding:0; background:#FFF; }

.navbar-toggle { box-shadow:1px 1px 4px rgba(0,0,0,0.34); right:20px; }

#header-content { margin:40px 0 0 0; }

#header-content p.phone { width:100%; text-align:left; padding:10px 0 0 0; }

#nav li a:hover,
#nav li a:active { color:#000; background:#FC0 }

footer { height:auto; }

footer div { text-align:center !important; }


#contact-us .bottomborder {border-bottom:1px solid #CCC;}
#contact-us .topborder {border-top:1px solid #CCC;}
#contact-us .col-sm-4 {padding-bottom:10px; padding-top:10px;}
}


/* -------- AT MOST 500px WIDE -------- */
@media screen and (max-width: 500px) {

#bg1 #features a { height:220px; }

#bg1 #features a .thumb { display:none; }
}