body {
    /*background-color:#B5A99A;
	background-color:#f4f4f4;*/
	background-color:#fff; 
	font-size:18px;
	font-family:'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'Nunito Sans', sans-serif; 
	font-weight:700; 
	color:#333; 
}

h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:24px;}

a{color:#3868C4;}
a:hover{color:#41A6E9!important;}

#header {background-color:#fff;}

.navbar {background-color:#E6E6E6; float:right;}
.navbar {color:#333;}
.navbar a{color:#333!important;}

.navbar .dropdown-menu a{color:#333!important;}
.navbar .dropdown-menu a:hover{color:#41A6E9!important;}
.navbar-nav li.first {border-left:1px solid #ccc;}
.navbar-nav li.dropdown {border-right:1px solid #ccc;}

.logox img{padding:10px 0;}
.hdr-tag {font-size:22px; text-transform: uppercase; margin-top:10px; text-align:center;}
.hdr-tag .ccs{margin-top:8px;}

.hdr-phone {margin-top:10px; text-align:right;}
.hdr-phone .phone-tag {font-size:22px; font-weight:700;}
.hdr-phone .phone-no {color:#3868C4; font-size:28px; font-weight:700; line-height:28px; margin:0!important; padding:0!important;}

.hdr-cta {text-align:right; margin-top:15px;}
.hdr-cta button{font-size:20px!important;}

.modal-content {padding:8px; background-color:#eee;}
.modal-header {border:none!important;}

.frm .hdln {text-transform:uppercase; font-size:1.2em; text-align:center; margin:0 0 9px 0; color:#333!important; font-weight:700;}
.frm label {font-size:14px; weight:400;}


#jumbo {
min-height:460px;
color:#333; 
padding-top:40px;
padding-bottom:30px;
border-bottom:2px solid #eee;
width: 100%;
display: block!important;
background-color:#C1C1C1;
background-image:url(../images/septic-system-installation.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 0;
}

#jumbo h1, #jumbo h2, #jumbo h3 {color:#333;}
#jumbo .slider {text-align:left;}
#jumbo .frm {padding:15px 10px; background-color:#eee; opacity:.9; border:1px solid #ccc; border-radius:6px;}
#jumbo .frm .hdln {text-transform:uppercase; font-size:1.2em; text-align:center; margin:0 0 9px 0; color:#333!important; font-weight:700;}

#jumbo .frm-long {padding:15px 15px 15px 15px!important; background-color:#eee; opacity:.85; border-radius:4px;}

.sdbr {padding:0!important;}
.sdbr .frm {padding:15px 10px; background-color:#eee; border:1px solid #ccc; border-radius:6px;}
.sdbr .frm .hdln {text-transform:uppercase; font-size:1.0em; text-align:center; margin:0 0 9px 0; color:#333!important; font-weight:700;}

.cont-middle {background-color:#fff; padding:20px 20px; margin:20px 0 20px 0; min-height:500px!important;}
.cont-middle img {border:1px solid #ccc; padding:1px;}
;
.cont-lft {min-height:500px; padding:20px 14px 14px 14px!important; background-color:#fff; border:1px solid #eee;}
.cont-lft h1:first-child {padding-top:0!important; margin-top:0!important;}
.cont-lft h1 {margin-bottom:20px;}
.cont-lft ol>li {margin-bottom:30px;}

.imglft {margin:0 12px 10px 0; float:left;}
.cont-rt {padding:0!important;}

.cta-band {background-color:#61BAE8; color:#333; text-align:center; font-size:25px; padding:18px 0;}
.cta-band button{margin-left:10px; font-size:20px!important; border:2px solid #fff;}

.card {min-height:360px; background-color:#fff;  border:1px solid #eee; padding:11px; margin-bottom:10px;}

/* make images responsive */
img{
    max-width:100%!important;
    height:auto!important;
}

/* -------------------- */ 
/* --- photo albums --- */
/* -------------------- */

/* thumbs */
.photoalbum {margin:20px 0!important; clear:both;}
.photoalbum .imgcont {margin-bottom:8px;}
.photoalbum .caption {font-size:.9em;}

/* slideshow */
.galleryimages {padding-bottom:5px;}
.photogallery img {max-width:100%; height:auto;}
.photogallery .modal-header {background-color:#333!important; border-radius:8px!important; border:none!important;}
.photogallery .modal-content {background-color:#333; border-radius:8px!important;}
.photogallery .caption {font-size:22px;}

.album_previous a, .album_next a {color:#fff!important;}

.album_previous{
width:45%;
text-align:left;
margin-bottom:12px;
display:inline;
float:left;
font-size:2em;
color:#fff;
}

.album_next{
width:45%;
text-align:right;
margin-bottom:12px;
display:inline;
float:right;
font-size:2em;
color:#fff;
}

/* ----------------------- */
/* --------- misc ---------*/
/* ----------------------- */
.pb0 {padding-bottom:0px!important;}
.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}

.pt0 {padding-top:0px!important;}
.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}

.mb0 {margin-bottom:0px!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb130 {margin-bottom:130px;}

.mt0 {margin-top:0px!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}

.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr7 {margin-right:7px;}
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml7 {margin-right:7px;}
.ml8 {margin-right:8px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.size-0-7 {font-size:0.7em;}
.size-0-8 {font-size:0.8em;}
.size-0-9 {font-size:0.9em;}
.size-1-1 {font-size:1.1em;}
.size-1-2 {font-size:1.2em;}
.size-1-3 {font-size:1.3em;}
.size-1-4 {font-size:1.4em;}
.size-1-5 {font-size:1.5em;}
.size-1-6 {font-size:1.6em;}
.size-1-8 {font-size:1.8em;}
.size-2-0 {font-size:2.0em;}
.size-2-1 {font-size:2.1em;}
.size-2-2 {font-size:2.2em;}
.size-2-3 {font-size:2.3em;}
.size-2-4 {font-size:2.4em;}
.size-2-5 {font-size:2.5em;}
.size-2-6 {font-size:2.6em;}
.size-3-0 {font-size:3.0em;}
.size-3-1 {font-size:3.1em;}

.pd5 {padding:5px!important;}
.pd10 {padding:10px!important;}
.pd15 {padding:15px!important;}
.pd20 {padding:20px!important;}
.pd25 {padding:25px!important;}
.pd30 {padding:30px!important;}

.pt10 {padding-top:10px!important;}
.pt15 {padding-top:10px!important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!important;}
.pt70 {padding-top:70px!important;}
.pt100 {padding-top:100px!important;}

.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:10px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb40 {padding-bottom:40px!important;}
.pb50 {padding-bottom:50px!important;}

.pl10 {padding-left:10px!important;}
.pl20 {padding-left:20px!important;}
.pl30 {padding-left:30px!important;}
.pl40 {padding-left:40px!important;}

.pr10 {padding-right:10px!important;}
.pr20 {padding-right:20px!important;}
.pr30 {padding-right:30px!important;}
.pr40 {padding-right:40px!important;}

.image-empty {background-color:#FFF; border-radius: 6px; border:1px solid #ccc;}
.divider {border-bottom: 1px solid #ccc;}
.overlay {background-image: rgba(70, 72, 82, 0.3);}
.centered {text-align:center!important;}
.uppercase {text-transform:uppercase;}
.clear {clear:both!important;}
.no-border {border:none!important;}
.no-pad {padding:0!important;}
.no-margin {margin:0!important;}
.btn {font-weight: 400;}
.italic {font-style: italic;}
hr {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;}
.v-scroll{overflow-y: auto; padding-right:1%;}
.h-scroll{overflow-x: auto;padding-right:1%;}
.white{color:#ffffff!important;}
.green {color:#009900;}
.red {color: #FF0000;}
.gray {color: #ccc;}
.gray-dk {color: #777;}
.brick {color:#8e0000;}
.teal {color: #64C5C6;}
.slate {color:#B0BECE;}
.highlight {background-color:#FFFFCC;}

.bggray0 {background-color:#F6F9FC;}
.bggray1 {background-color:#F4F4F4;}
.bggray2 {background-color:#eee;}
.bggray3 {background-color:#ccc;}
.bggray4 {background-color:#C1C1C1;}
.bggray5 {background-color:#777;}

#pre-footer {
    background-color:#C4C4C4; 
    color:#FFF; 
    padding:40px 0;
    border-top:2px solid #E6E6E6;
}
#pre-footer a{color:#fff!important;}
#pre-footer a:hover{color:#333!important; text-decoration:none;}

#ftr-lft ul {list-style-type: none; margin-left:0;}
#ftr-lft li {padding:6px 0; border-bottom:1px dashed #fff; margin-left:0;}
#ftr-ctr {text-align:center;}
#ftr-rt {margin:0 auto;}
#ftr-rt address {font-size:1.2em;}
#ftr-rt address #addname {font-weight:700;}

#footer {
    margin: 0 0 0 0;
	padding:10px 0;
	background-color:#333;
	color:#fff;
	text-align:center;
}
#footer a{color:#fff!important;}
#footer a:hover{color:#8db1c9!important;}


/* ------------------------ */
/* ------  CAROUSEL ------- */
/* ------------------------ */
#myCarousel {
width:96%;
margin:0 0 16px -10px;
color:#fff!important;
border:2px solid #27A1E3;
border-radius:4px;
}

#myCarousel .caption {
width:100%;
margin:0 auto;
text-align:center;
padding:5px 0;
color:#333;
/*background-color:#2B4464;*/
background-color:#E6E6E6;
background-color:#ccc;
}

#myCarousel .carousel-inner {border-radius:3px;}

/* next/previous */
#myCarousel .carousel-control {background:none!important;}
#myCarousel .carousel-control .glyphicon {color:#fff!important;}
/* dots */
#myCarousel .carousel-indicators {bottom:28px;}
#myCarousel .carousel-innerx {margin-bottom:50px;}
#myCarousel .carousel-indicators li {background-color: #fff; width:12px; height:12px; margin:8px 8px 1px 8px;}
#myCarousel .carousel-indicators .active {background-color: #333; width:12px; height:12px; margin:8px 8px 1px 8px;}

/* -------------------- */
/* --- testimonial --- */
/* -------------------- */
.testimonial {
	background:#fbfbfb;
	padding:20px;
	margin-bottom:20px;
	border:1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: black;
    box-shadow: 5px 5px 5px rgba(22,22,22,.2);
    margin-top: 10px;
}

.testimonial .author img {float:left; margin:0 10px 0;}

.testimonial p.text {
	color:#b2b2b2;
	font-size:14px;
	font-style:italic;
	line-height:1.6em;
	margin-bottom:30px;
}

.testimonial .author p.name {font-weight:bold;}


@media(max-width:992px) {
 .hdr-tag {font-size:15px; margin-top:10px; text-align:center;}
 
}

@media(max-width:768px) {

.navbar-nav {float:none;}
.navbar {float:none;}

.logox {text-align:center;}
.hdr-tag {font-size:18px; margin-top:10px; text-align:center;}
.hdr-phone {font-size:22px; margin-top:10px; font-weight:700; text-align:center;}
.hdr-cta {text-align:center; margin-top:10px;}
.hdr-cta button{font-size:20px!important;}

#ftr-lft {margin-top:15px; text-align:center;}
#ftr-ctr {margin-top:15px; text-align:center;}
#ftr-rt {margin-top:15px; text-align:center;}

.navbar-nav li.first {border-left:1px solid #E6E6E6;}
.navbar-nav li.dropdown {border-right:1px solid #E6E6E6;}

#myCarousel {
width:100%;
margin:0 auto 15px auto;
}


}