/*   
Theme Name: Concrete Theme
Theme URI: http://
Description: Concrete Theme 
Version: 4.3.1
*/

body, html{margin:0; padding:0; font-family: 'Roboto', sans-serif; color:#202020; 
	font-style: normal; font-weight: normal; line-height: 1.5; font-size: 18px;
}

p{margin-top: 10px; color:#717171;}

a:link {
	color: #eaa900;
	text-decoration: none;
	  transition: all 0.3s ease 0s;
}
a:visited {
	text-decoration: none;
	color: #eaa900;
}
a:hover {
	text-decoration: underline;
	color: #F7A023;
}
a:active {
	text-decoration: none;
	color: #eaa900;
}

h1{font-size: 2em;}
h2{font-size: 2.000em; font-weight: 300; margin-bottom: 0px; }
h3{font-size: 1.333em; font-weight:500; color:#eaa900;}
h4{font-size: 1.5em;}
h5{font-size: 1.4em;}
h6{font-size: 1.25em}

small{font-size: 0.750em}

/*header*/
div#header{padding: 40px 0 20px 0;}
div#tel{width: 33%; text-align: right;  float: right; font-size: 1.500em;} #tel p{font-size: .6em; margin:0px; color: #F7A023} #tel a{color:#333333; font-weight: 700}
div#logo{width:34%; float: left; text-align: center; margin-top: -20px; color: #eaa900;} #logo h1{font-size:2em; font-weight: 800; margin:0; padding-top:5px;}
div#logo a{color: inherit; text-decoration: none;}

div#logoImg{width:34%; float: left; text-align: center; margin-top: -10px;}

div#subNav{width:33%; float: left; margin-top: 10px; }
/*li#menu-item-68 a {
  display: block;
  background-image:url('images/home-icon.png');
  background-repeat: no-repeat;
  background-position: left center;
  width:15px;
  border-bottom: none !important;
  text-indent: -9000px;
}
*/
div#homeslide .metaslider .nivo-main-image, div#homeslide .metaslider .nivo-slice, div#homeslide .metaslider img{
height: 575px !important;
min-width:1200px;
}

/*navigation*/
div#navBG{width: 100%; background:#f5f5f5;}
nav{}
nav ul{margin:0; padding: 15px; text-align: center; font-size: 0.8em;}
nav ul li{margin: 0 5px; display: inline-block; text-transform: uppercase;} nav ul li a{color:#4c4c4c !important; padding: 5px 5px 10px 5px} nav ul li a:hover{color:#eaa900 !important; border-bottom: 8px solid #eaa900; text-decoration: none;}

/*slider*/
div#homeSlider{width:100%; height:575px;/* background: url('images/mixer-2.jpg') no-repeat center center #2a2a2a; */}
div#homeslide{position: absolute; z-index: -1; width: 100%;
overflow:hidden;}
div#intro{width:auto; z-index: 1; position: relative; top:500px; left: 0; /*color:#fff;*/  background-color: rgba(234, 169, 0, 0.85); 
}
#intro h1{margin:0; padding: 10px 0; font-size: 2.3em; color: #fff; text-align: center}
#intro ul{margin: 0; padding:0; font-size: 1.500em;} #intro ul li{color:#eaeaea; padding-left:30px; background-image: url('images/greenticknew.png'); background-repeat: no-repeat; background-position: left center; list-style: none;}


/*ctas homepage*/

div#ctaContainer{background:#f4f5f7;}
div#cta{padding: 25px 0 50px 0; }

div#ctaLeft{position:relative; width:590px; background-size:cover; margin-right: 10px; background:url('images/ctaPumping.jpg'); float: left; height: 475px;
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;} 
div#ctaLeft span{color:#fff; background:#eaa900; font-size: 1.222em; padding: 10px; position: absolute; bottom: 0px; left:0px;}
div#ctaLeft:hover{background-size:cover; background:url('images/ctaPumpingOver.jpg');}

div#ctaRight{width:590px; margin-left: 10px;  float: right; margin-bottom: 20px;} 


div#rightTopCta{position: relative; width: 100%; height: 228px; margin-bottom: 20px; background:url('images/ctaMixeOnSite.jpg');
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
div#rightTopCta span{color:#fff; background:#eaa900; font-size: 1.222em; padding: 10px; position: absolute; bottom: 0px; left:0px;}
div#rightTopCta:hover{background:url('images/ctaMixeOnSiteOver.jpg');} 

div#rightBottomCta {position: relative; width: 100%; height: 228px; margin-bottom: 20px; background:url('images/ctaReadyMix.jpg');
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
div#rightBottomCta span{color:#fff; background:#eaa900; font-size: 1.222em; padding: 10px; position: absolute; bottom: 0px; left:0px;}
div#rightBottomCta:hover{background:url('images/ctaReadyMixOver.jpg');} 

div#calculatorCta {width:96%; background: url('images/calc.png') bottom right no-repeat #eaa900; clear: both; padding: 10px 2%; height:112px; margin-bottom: 20px; text-align: center;}
div#calculatorCta span{font-size: 1.222em; color:#fff;} #rightBottomCta p {color:#58565A; width: 70%;}


div#ctaBottom{width:96%; background: url('images/chat.png') left center no-repeat #F7A023; clear: both; padding: 10px 2% 6px 2%; text-align: right;} #ctaBottom p > a {color: #fff !important; }




div#volumetric{padding:30px 0 30px 0;}
div#volLeft{width:60%; float:left;}
div#volRight{width:35%; float: right;} #volRight img{width:100%; height: auto;}

#cta .third{text-align: center}

/*services homepage*/
.img-circle {
    border-radius: 5%; 
    width:100%; height:auto;
}
.service{width:30%; float: left; margin-right: 5%; padding:0px 0; min-height: 340px; position: relative;}
.service:last-of-type {
	margin-right:0%;
    margin-bottom:0;
}
.service .btnRev{margin-bottom: 80px;}
.service small{position: absolute; bottom:40px;}
.service a{color: #4c4c4c !important;}

/*about section homepage*/
div#about{width:100%; padding: 25px 0 200px 0; text-align: center}
/*concrete calc*/
div#concreteCalc{width:100%;  background-color: #eaa900; clear: both; padding: 60px 0;}
div#calc{width:100%;} #calc .form-field{color:#333333;} #calc h2{color:#fff;}
input.calc-result{background-color: #eaa900; border:none; font-size: 1.5em; color:#fff;}


/*footer*/

div#footImage{background: url('images/footerBG.jpg'); width: 100%; height: 300px; background-size: cover;}
div#footLeft{width: 35%; margin-right: 5%; float: left; } div#footRight{width: 60%; float: right; }


.quarter{width:22%; float: left; margin-right: 4%;} .quarter:last-of-type {margin-right:0%; float: right;}
.third{width:30%; float: left; margin-right: 3%;} .third:last-of-type {margin-right:0%; float: right;}
footer{width: 100%; padding:30px 0; background-color: #2a2828; color:#f5f5f5;}
footer ul{list-style-type: none; padding-left:0; margin-left: 0;} footer ul li a{color:#fff !important;} footer ul li a:hover{color:#eaa900 !important;}
footer h3, footer h4{margin-bottom: 0px;}
div#sitemap ul{list-style: none; padding:0; } #sitemap ul a{color:#f5f5f5;} #sitemap ul a:hover{color:#2e7f0a;}

/*subpages*/
div#pageTitle{background:#eaa900;  text-align: left} #pageTitle h1{margin:0; padding:13px 25px 18px; color:#f7f7f7;}
div#main{width:61%; margin-right: 5%; float: left; padding:2%;} #main p:first-of-type{font-size: 1.4em}

div#featureImage{height:300px; overflow: hidden;} #featureImage img{width: 100%; height:auto;}

.upsTitle{margin-top: 20px; display: inline-block; background:#1875d1; padding: 20px; color:#f7f7f7;}
ul#usp {color:#333333; list-style: none; padding: 15px 20px;   -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;}

ul#usp ul {color:#717171 !important;}

ul#usp li{ padding:8px 0px 8px 30px; background-image: url('images/greentick.png'); background-repeat: no-repeat; background-position: left center; list-style: none;}
ul#usp li:last-child{border-bottom: none;} 
div#customSide{width: 26%; padding:2%; float: right; clear: right; background: #f7f7f7;} #customSide h3{margin: 0px; }
#customSide .form-title{color:#4c4c4c;} #customSide .calc-result{color:#4c4c4c; background-color: #f7f7f7}
.wp-post-image{width:100%; height: auto;}

div#callSide{background:#eaa900; padding:10px 20px 5px;} #callSide p{ color:#fff;} #callSide strong{color:#fff;} #callSide h3 {padding-bottom:10px; border-bottom: 1px solid; color: #fff} #callSide h3 a{color: #fff}

div#pageCallback{padding:60px 0;} #pageCallback h4{color:#f5f5f5;}

/*buttons*/
.btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color:#f5f5f5 !important;
  font-size: 0.875em;
  background: #eaa900;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.btn:hover {
  background: #4c4c4c;
  text-decoration: none;
  color:#f5f5f5;
}

.btnDark {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color:#f5f5f5 !important;
  font-size: 0.875em;
  background: #333333;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.btn:hover {
  background: #4c4c4c;
  text-decoration: none;
  color:#f5f5f5;
}

.btnRev {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #1875d1;
  display: table;
  font-size: 0.875em;
  background: #f5f5f5;
  padding: 10px 20px 10px 20px;
  border: solid #1875d1 1px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.btnRev:hover {
  background: #4aa018;
  text-decoration: none;
  color:#f5f5f5;
}

/*form*/
.form-container {
   border: 2px solid #4ca924;
   background: #2d7f0a;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   text-decoration: none;
   vertical-align: middle;
   padding:20px;
   }
.form-field {
   border: 1px solid #F7A023;
   background: #ffffff;

   color: #c6c6c6;

   padding:10px 2%;
   margin-bottom:20px;
   width:96%;
   }

#lengthUnit, #widthUnit, #depthUnit{width:100%; background-color: #ffffff;}

.form-field:focus {
   background: #fff;
   color: #2a2828;
   }
.form-container h2 {
   text-shadow: #524739 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #ffffff;
   text-shadow: #524739 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color:#f5f5f5 !important;
  font-size: 0.875em;
  background: #333333;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  border: none;
   }
.submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   color: #fff;
   }

   .form-container select, #main select{width:100% !important;} 

/*google maps*/

    .google-maps {
        position: relative;
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/*custom classes*/
.container{width: 1200px; margin: 0 auto;} .half{width:48%; margin-right: 2%; float: left;} .half:last-of-type{margin-right: 0%; margin-left: 2%;}
.greyBG{background: #f2f3f5; width: 100%; } .greenBG{background: #2e7f0a; width: 100%; }
.color{color: #1875d1;}
.highlight{font-size:1.4em;}

.center{text-align: center}

/*text weight*/
.light{font-weight: 300 !important;} .regular{font-weight: 500} .bold{font-weight: 700;}

/*custom colors*/
.basic{color: #eaa900} .dark{color:#333333;}

/*CLEARFIX*/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/* Remove IUBENDA links from policies */
#iubenda_policy .iub_footer {
    clear: both;
    position: relative;
    font-size: 11px;
    display: none;
}

#iubenda_policy h2 {
    font-size: 24px !important;
    font-weight: bold;
    line-height: 40px !important;
    padding-top: 21px;
}

/*responsive*/

@media only screen and (max-width : 1119px) {
  .container {width:940px;} #dial img, #mixerImage img{width:100%; height:auto;}
  nav ul li{margin: 15px 5px;} .service{min-height: 440px;}
  div#intro{width:750px;}
  .emailFoot{font-size: 1em !important;}

}

@media only screen and (max-width : 820px) {
  .container, div#intro, div#about, div#homeRequest, div#customSide, div#main{width:600px; float: none;}
  .service{width:100%; margin-right: 0px; border-bottom: 1px solid #c2b9b9;}
  div#subNav{width:100%; clear: both; text-align: center; padding:20px 0;}
  div#tel{clear: both; width: 100%; text-align: center; padding-bottom:15px; padding-left: 0px;}
  div#logo{width:100%; clear: both;}
    .third{width:100%; margin-right: 0px}
}

@media only screen and (max-width : 640px) {
  .container, div#intro, div#about, div#homeRequest, div#calc, div#customSide, div#main{width:500px;}
  div#intro ul{font-size: 1.2em} div#dial{display:none;}

}

@media only screen and (max-width : 480px) {
  .container, div#intro, div#about, div#homeRequest, div#calc, div#customSide, div#main{width:90%;}
  div#intro ul{font-size: 1em} #intro h1{font-size: 2.2em}
  div#intro {top: 430px;}
  div#tel {background: none;}
  div#smallTruck {margin-top: -25px}

  div#homeSlider {height: 200px;}
  div#intro {display: none;}

  div#featureImage {height: inherit;}

  div#cta {padding: 5px 0 30px 0;}
  div#ctaLeft{width:100%; margin-bottom: 20px;}
  div#ctaRight{width:100%;}

  div#volumetric {padding: 5px 0 30px 0;}
  div#volLeft {width:100%;}
  div#volRight {display: none;}

  div#concreteCalc {padding: 5px 0;}

  div#footLeft {width:100%;}
  div#footRight {display: none;}
}

ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

form { }
input[type=text] { }
textarea { }





@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */