@charset "utf-8";
/* CSS Document */


body { font-family: Raleway, Arial, Helvetica, sans-serif; font-size: 1.6em!important; }

h1 { font-family: Bitter, Tahoma, Geneva, sans-serif; margin-bottom: 45px; }
.sub h1 { margin: 60px 0; color: #fff; text-align: center; text-transform: capitalize; }
h2 { font-size: 1.8em; text-transform: uppercase; margin-bottom: 30px; }
p + h2 { margin: 50px 0 10px; }
h3 { margin: 35px 0 7px; }
h3.products  { border-bottom: 3px dashed #ddd; padding-bottom: 10px; margin-bottom: 20px;  }
h4.mb-0 { font-size: 26px; font-weight: 300; border-bottom: 1px solid #ddd; padding: 10px 0 20px;  }
.card:first-child { border-top: 1px solid #ddd; }

a { color: #3d6ade; }
a:hover  { color: #a9bef4; text-decoration: none; }
button a { color: #fff; } 
button a:hover { text-decoration: none; } 

p { margin: 0 0 20px;  }

.container-fluid { padding: 0; }

.utility-nav { background-color: #f7f7f7; border-bottom: #dedede;}
.utility-nav p { font-size: 11px; text-transform: uppercase; color: #7b7b7b; font-weight: 600; margin: 5px 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; }

.navbar { background-color: inherit; border: none; }
.navbar-header { float: none;  }
.navbar-brand { padding: 0;  }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin: 20px 0 -20px;  }
.navbar-brand > img { margin-top: 0px; }

.nav {  }
.navbar { margin-bottom: 0; }
.navbar-header a { border: 0px solid green; }
.navbar-brand img { border: 0px solid black; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: none; } 
.nav > li { font-size: 0.8em; text-transform:uppercase; color: #000; font-weight: 700; }
.navbar-default .navbar-nav > li > a { color: #444; }
.dropdown-menu > li > a { padding: 13px 35px 11px 20px; font-weight: 500; color: #777; border-bottom: 1px solid #eee; }
.dropdown-menu > li > a:hover {  background-color: #f7f7f7; }
.navbar-nav > li > .dropdown-menu { padding: 0; }


.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.dropdown-submenu > .dropdown-menu {  width: 250px; border-radius: 0; }
.dropdown-submenu > .dropdown-menu ul { margin: 0; }

.header { border: 0px solid green;  } 
.header-sub { border: 0px solid red; background: url(/img/header-bg.jpg) top center; }
.banner { border: 0px solid red; }
.funnels { border: 0px solid red; text-align:center; margin-top: 30px; }
.funnels h4 { font-family: Bitter, Verdana, Geneva, sans-serif; font-weight: bold; font-size: 1.6em; }
.funnels button a { color: #fff; }

.body-content { border: 0px solid red; margin-top: 50px; }
.img-right { float: right; margin: 10px 0 20px 30px; }
.img-left { float: left; margin: 10px 30px 20px 0; }
.img-right, .img-left { max-width: 500px; height: auto;}
.img-gallery { width: 100%; height: auto; margin: 0 auto 20px;   }
.ready-mix-products .col-md-6 img { max-width: 200px; height: auto;  }

.quality-ready-mix { border: 0px solid red; margin: 80px auto; padding: 80px 0 80px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.quality-ready-mix h2 {  margin-top: 20px;  }

.unsure { border: 0px solid red; text-align: center; margin-bottom: 100px; }
.unsure h5, .questions h5 { font-size: 3.2em; font-weight: 300; text-align: center; }
.unsure { font-size: 110%; }
.unsure p { font-size: 130%; margin-top: 20px; }

.testimonials-home { border: 0px solid red; background:url(../img/testimonials-bg.jpg) top center; }
.testimonials-home > .container { border: 0px solid red; margin: 50px auto 0; }
.testimonials-home > .container .row .col-md-6 { padding: 0 70px; font-size: 110%; font-weight: 300; }
.testimonials-home > .container .row .col-md-6:first-child { border-right: 1px solid #ccc; }
.testimonials-home > .container .row { margin-bottom: 20px; }
.testimonials-home h5 { text-transform: uppercase; font-weight: 700; color: #979797; text-align: center; margin: 20px auto 20px; }

.questions { border: 0px solid red; margin: 50px auto; }

.map { border: 0px solid red; }
.map img { max-width: 100%; }
.sub .map { margin-top: 110px;  }
.concrete-tips { margin: 40px 0 30px;  }

.concrete-page h3 { text-align: center; margin-bottom: 15px; }
.concrete-page button { margin-top: 10px; }
.concrete-table { width: 400px; margin: 0 auto; }
.concrete-table td { padding: 4px; vertical-align:baseline; }
.concrete-table td:first-child { text-align: right; padding-top: 5px; }
.concrete-table input { margin: 2px 4px; } 
.table>tbody>tr>td, .table>tbody>tr>th { padding: 10px; border: 1px solid #ddd; } 

#coutputtube, #coutputhole, #coutputslab { width: 400px; margin: 0 auto 20px; padding: 30px; }
#coutputtube b, #coutputhole b, #coutputslab b { font-size: 20px; }

.specifications-table { border: 1px solid #ddd; max-width: 500px; margin: 0 auto 30px;  }
.specifications-table .table>tbody>tr>td { padding: 5px; border: 1px solid #ddd; }
.table>thead>tr>th { border: 1px solid #ddd;  }

.body-content .contact-form { width: 500px; height: 300px; border: 0px solid red; }
.project-hospital { width: 640px; height: 360px; }
 
.footer-wrapper { border: 0px solid red; background: #333; padding: 20px 0 40px; color: #fff; }
.footer-wrapper a { color: #ccc;}
.footer-wrapper a:hover { color: #fff;}

.footer { margin: 30px auto 10px; }
.footer h4 { text-transform: uppercase; color: #b0b0b0; font-weight: 700; }



.footer-1 { border: 0px solid red; padding: 0 50px; margin-top: 1px; }
.footer-nav { font-size: 75%; text-transform: uppercase; color: #b0b0b0; margin-top: 50px;}
.footer-nav a { color: #b0b0b0; }
.footer-nav a:hover { color: #fff; text-decoration: none; }

.footer-2 { border-left: 1px solid #5c5c5c; padding: 0 50px; }
.footer-2 ul { margin-left: -20px; }
/*.hours-table { color: #fff; }
.hours-table > tbody > tr > td { border-top: 0px solid #fff; padding: 0 0 0 3px; }
.hours-table td {  }
.hours-table.table>tbody>tr>td { border: 0; } */


.footer-3 { border-left: 1px solid #5c5c5c; padding: 0 50px; text-transform: uppercase; font-weight: 700; font-size: 85%; margin-top: 5px; }
.utility-footer { border: 0px solid red; background: #000; font-size: 60%; padding-top: 10px; color: #888; font-weight: 700; }
.utility-footer a { color: #eed502; }
.utility-footer p { margin: 3px 0 15px; }





	/* =============================================================================
	   Media Queries for Responsive Design
	   ========================================================================== */
		


@media only screen and (max-width : 1199px) {
.navbar-brand img { border: 0px solid red; max-width: 170px; }

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin: 20px 0 -20px;  } 
.nav > li { font-size: 0.75em; }
.nav > li > a { padding: 10px 10px;  }

.hours-table td { font-size: 90%;  }

.utility-nav img { display: none; }
.unsure h5 { font-size: 2.8em; }

.body-content .contact-form { width: 430px; height: 300px; border: 0px solid red; }


}



/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

.navbar-brand { float: none; }
.navbar-brand img { border: 0px solid aqua; margin: 20px auto 0; }

.nav { margin: 0 auto; }
.navbar-right { float: none; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin: 20px auto -20px;  } 
.nav > li { font-size: 0.8em; }
.nav > li > a { padding: 10px 8px;  }
#mainNavBar { display: block; margin-top: 10px; }

.utility-nav div { text-align: center;  }

.funnels .col-md-3 { width: 48%; margin: 0 auto 20px; float: left; }

.img-right { max-width: 340px; }
.quality-ready-mix { margin: 40px auto; padding: 60px 0 80px;  }
.quality-ready-mix .col-md-6:first-child { display: none; }
.quality-ready-mix .col-md-6:last-child { width: 90%; margin: 0 auto; }

.unsure { margin-bottom: 60px; }
.unsure h5, .questions h5 { font-size: 2.3em; }
.unsure p { margin: 20px 0 30px; }

.testimonials-home h5 { margin: 20px 0 40px; }
.project-hospital { width: 450px; height: 337px; }

.questions .col-md-3 { display: none; }
.questions .col-md-9 { width: 90%; text-align: center; margin: 0 auto; }


.footer-1 { margin-top: 0; text-align: center; }
.footer-nav { margin: 20px 0 30px; font-size: 1.0em;}

.footer-2 { margin-top: 0; text-align: center; }
.hours-table { width: 45%; margin: 0 auto; border: 0px solid red;}
.hours-table td { text-align: left;  }
.hours-table.table>tbody>tr>td { border: 0px solid white; }

.footer-3 { text-align: center; }
.footer-wrapper { margin-top: 50px; }

.utility-footer { padding-bottom: 7px; }
.utility-footer p { text-align: center!important; margin-bottom: 5px; }

}



/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.navbar-brand img { border: 0px solid fuchsia; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { padding: 12px 0 -11px 10px;  }

.dropdown-menu > li > a { font-size: 13px; font-weight: 600; }

.funnels .col-md-3 { width: 70%; margin: 0 auto 20px; float: none; }
.map { display: none;  }

h1 { margin-bottom: 5px; font-size: 30px; }

.project-hospital { width: 450px; height: 337px; }

.img-right, .img-left { width: 100%; margin: 20px 0; max-width: none; }



.footer-1 { margin-top: 0; }
.footer-nav { margin: 20px 0 30px; text-align: center; font-size: 1.0em;}
.footer-wrapper { margin-top: 50px; }

.hours-table { width: 75%; margin: 0 auto; border: 0px solid red;}
.hours-table td { font-size: 1.0em;  }
.utility-footer p { text-align: center!important; }


}



/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.navbar-brand img { border: 0px solid blue; margin: 20px auto 40px; }

.funnels .col-md-3 { width: 100%; }

.project-hospital { width: 360px; height: 270px; }


.footer { font-size: 0.8em;  }
.footer-wrapper { padding: 20px 0 0; margin-top: 50px;  }
.footer-1 { margin-top: 0; font-size: 15px; }
.footer-nav { margin: 20px 0 30px; text-align: center; font-size: 0.8em;}

.hours-table { width: 100%; }
.hours-table td { font-size: 1.0em;  }

.footer-3 { font-size: 16px;  }

.utility-footer p { text-align: center!important; font-size: 11px; font-weight: 400; }


}



/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.navbar-brand img { border: 0px solid orange; }

.project-hospital { width: 300px; height: 225px; }

.footer { font-size: 1em;  }
.footer-wrapper { margin-top: 50px; }
.footer-1 { margin-top: 0; }
.footer-nav { margin: 20px 0 30px; text-align: center; }

.hours-table td { font-size: 1em;  }
.utility-footer p { text-align: center!important; }
}