@charset "utf-8";
/* CSS Document */
body { float: left; width:100%; /*width:99%;*/ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:30px; margin:15px 0; padding:0px; color: #646568; text-align:center;}
p { font-size:16px; color:#58595b; line-height:22px; margin:10px 0;}

@font-face { font-family: 'FontAwesome'; 
			src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
			src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),  
			url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),  
			url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), 
		    url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),  
			url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }

.fa-copyright::before { content: ""; }
.copyright_inn span .fa { color: #000; font-size: 30px; font-weight: bold; margin: 0 10px 0 0; padding: 7px 0 10px; }
.fa { display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); }

.wrapper { width:1000px; margin:0 auto;}
.nav_inn  { width:1000px; margin:0 auto;}

#header { float:left; width:100%; margin:0px; padding:15px 0;  background:#4dae41;  text-align:center;}
.logo { float:left; width:52%;}
.header_right { float:right; width:46%;}
.header_right h2 { color: #fff; display: inline-block; font-size: 30px; margin: 10px 15px;}

.header_right h2 span { color:#5697cc;margin-right: 6px;}
.email_text a { font-size:21px;}
.header_right h2 a { text-decoration:none; color:#fff;}

.phone { float:left; width:70%;}
.phone h2 { color:#5697cc; font-size:30px; font-weight:bold; }
.phone h2 span { color:#31a91d;}

.col { float:left; width:100%;}
.phone_no { float:left; width:55%;  margin-top:30px;}
.phone_no h2 { color:#fff; margin:0px; padding:0px; float:left; width:100%; font-size:28px; line-height:32px;}
.social_icon { float: right; width:42%;   margin-top:55px;}
.social_icon ul { margin:0px; padding:0px;}
.social_icon li { list-style:none; display:inline-block;}

.col_left { float:left; width:48%;}
.col_right { float: right; width:48%;}


#slider { float:left; width:100%; margin:0px; padding:0px; text-align:center;}
#slider img { width:100%;}

#box_pen { float:left; width:100%; margin:-5px 0 0 0; padding:20px 0;}
#box_pen ul { margin:0px; padding:0px;}
#box_pen li { list-style:none; float:left; width:24%; margin:0 12px 0 0; text-align:center;}
#box_pen li h2 { color:#646568; font-size:20px; padding:15px 0 20px 15px;}
#box_pen li:last-child { float:right; margin:0px;}

#box_pen2 { float:left; width:100%; margin:15px 0; padding:20px 0;}
#box_pen2 ul { margin:0px; padding:0px;}
#box_pen2 li { list-style:none; float:left; width:24%; margin:0 12px 0 0;}
#box_pen2 li h2 { color:#000; font-size:20px; padding:10px 0;}
#box_pen2 li img { width:100%;}
#box_pen2 li:last-child { float:right; margin:0px;}

.row3 { float:left; width:100%; margin:15px 0;}
.row3_left { float: left; width:49%;}
.row3_left img,.row3_right img { width:100%;}
.row3_right { width:49%; float:right;}
.row3_left ul,.row3_right ul { margin:0px; padding:0px;}
.row3_left ul,.row3_right li { margin:0 15px; color: #58595b;}


#container { float:left; width:100%; margin:0px; padding:0px; }
.content { float:left; width:100%; margin:0px; padding:0px; text-align:center;}
.content h1 { font-size:35px; color:#646568; margin:15px 0;}
.content h2 {color:#646568; font-weight:normal; font-size:20px; margin:0 0 15px 0;}
.row h2 { color:#56575a; font-size:20px; font-weight:bold; line-height:26px;}
.content p { font-size:20px; line-height:30px; margin-bottom:20px;}
.content h1 span { color:#31a91d;}

.content .row { margin:0px; padding:0px; float:left; width:100%;}
.content .row p { font-size:16px; line-height:25px;}

.products {float:left; width:100%; margin:0 0 20px 0; padding:0px;}
.products ul { margin:0px; padding:0px;}
.products li { list-style:none; float:left; width:32%; margin:0 19px 0 0;}
.products li h2 { background:#09744b; text-transform:uppercase; text-align:left; font-size:22px; float:left; width:100%; color:#fff; padding:10px 10px;}
.products li h2.driveways { background:#31a91d;}
.products li h2.patios { background:#6b6c6e;}
.products li img { width:100%; float:left;}
.products li:last-child { float:right; margin:0px;}
.products li:hover { opacity:0.7;}
.products li h2:hover { background:#000;}

.full_banner {float:left; width:100%; margin:0; padding:0px;text-align:center;}
.full_banner img { width:100%;}



.row {float:left; width:100%; margin:10px 0; padding:0px;}
.row_left { float:left; width:49%; text-align:left;}
.row_right { float:right; width:49%;}
.row_right ul { margin:0px; padding:0px;}
.row_right li { margin:0 20px; color: #58595b; line-height:22px; }

.row2 {float:left; width:100%; margin:20px 0; padding:0px;}
.row2_left { float: left; width:36%; margin:0px;}
.row2_right { float: right; width:63%; }
.row2_right p { margin:0 0 10px 0;}

.pic_img { float:left; width:100%; text-align:center; margin:0 0 15px 0;}
.pic_img img { width:100%;}

.fencing_decking { float:left; width:100%; margin:20px 0; text-align: center;}
.fencing_decking_1 { float:left; width:23%;}
.fencing_decking_2 { float:left; width:49%; margin:0 25px;}
.fencing_decking_3 {float: right; width:23%;}

.landscaping { float:left; width:100%;}
.landscaping_left { float:left; width:25%;}
.landscaping_left h1 { font-size:16px;}
.landscaping_right { float:right; width:74%;}
.landscaping_right ul { margin:0px; padding:0px; width:24%; float:left;}
.landscaping_right li { margin:0 10px;  line-height:22px;}
.landscaping_right li  a { text-decoration:none;color:#000;}

#quote { float:left; width:100%; background:#e0e1e2; padding:10px 0; margin:20px 0;}
#quote span { float:left; width:70px; height:60px; margin-right:10px;vertical-align:middle;}
#quote h2 { font-size:34px; margin:0px; padding:15px 0; color:#646568;}


#quote2 { float:left; width:100%; background:#e6e7e8; padding:10px 0; margin:0;}
#quote2 span { float:left; width:70px; height:60px; margin-right:10px;vertical-align:middle;}
#quote2 h2 { font-size:38px; margin:0px; padding:15px 0;}

#quote3 { float:left; width:100%; background:#fff; padding:10px 0; margin:0;}
#quote3 span { float:left; width:70px; height:60px; margin-right:10px;vertical-align:middle;}
#quote3 h2 { font-size:38px; margin:0px; padding:15px 0;}


#box { float:left; width:100%; margin:0px; padding:25px 0; background:url(../images/box_bg.jpg) top center repeat-y;}
.box_left { float: left; width:50%; padding:0 20px;}

.box_right { float:right; width:50%; padding:0 25px;}


.timber {float:left; width:100%; margin:15px 0; padding:0px; text-align:center;}
.timber_left {float: left; width:49%;}
.timber_right { float:right; width:49%; text-align:left;}

.timber2 { float:left; width:100%; padding:15px 0; margin:15px 0;text-align:center; background:#64a7d4;}
.timber2 p { text-align:center; color:#000; line-height:25px; font-size:22px;}
.timber2 .btn { float: left; width:100%; margin-top:20px; margin-bottom:20px;}
.timber2 .btn a { background:#0a4088; color:#fff;  padding:15px 40px; text-decoration:none; font-size:22px; border-radius:10px;}
.timber2 .btn a:hover { background:#042f68; color:#fff;}

.timber3 {float:left; width:100%; padding:0; margin:15px 0;text-align:center; overflow:hidden;}
.timber3_1 { float:left; width:20%; text-align:left;}
.timber3_1 p { padding:15px 0;}
.timber3_2 { float:left; width:24%; margin:0 20px;}
.timber3_3 { float:right; width:50%;}


.timber4 { float:left; width:100%; margin:15px 0;}
.timber4_1 { float:left; width:48%;}
.timber4_2 { float: right; width:23%; margin:0 10px;}
.timber4_1 img,.timber4_2 .pic_img img,.timber4_2 .pic_img  img { width:100%;}
.timber4_3 { float:left; width:22%;}



/*******************Footer******************/
#footer { float: left; width: 100%; background: #646568; text-align: center; padding: 0 0 20px 0; }
.footer_inn { width: 1030px; text-align: left; padding:20px 0; margin: 0px auto; }
.footer_1 { border-left: 2px solid #fff; border-right: 2px solid #fff; float: left; margin: 0 5px 0 0; padding: 0 15px; text-align: left; width: 30%;}
.footer_1 p { color: #fff; display: inline-block; font-size:14px; margin:0px; overflow: hidden; padding: 10px 0 5px; line-height:20px; }
.footer_1 p a { text-decoration:none; color:#fff; font-weight:normal;}
.footer_1 ul { margin: 0px; padding: 0px; }
.footer_1 li { list-style: none; margin: 0px; padding: 0; font-size: 13px; color: #fff; line-height: 20px; float: left; background: none; width: 100%; }
.footer_1 li span { padding: 8px 10px 0 0; float: left; }
.footer_1 li span h2 { font-size: 20px; }
.footer_1 li h2 { border: none; }
.footer_1 li span img { width: auto; }
.footer_1 li span .fa { font-size: 25px; }
.footer_1 li .addres { float: left; }
.footer_1 li b { font-size: 15px; }
.footer_1 li p { color: #fff; font-size: 12px; }
.footer_1 li.addres span { width: 30px; min-height:130px; float: left; margin-right:10px; }


.footer_2 {float: left; margin: 0; padding: 0 30px; text-align: left; width: 18%;}
.footer_2 p { font-size: 12px; line-height: 16px; color: #fff; padding: 0xp; margin: 0px; }
.footer_2 h2 { color: #fff; display: inline-block; font-size: 20px; margin: 0 0 8px; overflow: hidden; padding:0px; }
.footer_2 ul { margin: 0px; padding: 0px; }
.footer_2 li { margin: 0px; padding: 0 0 2px 6px; text-align: left; font-size: 12px; line-height:19px; color: #fff; float: none; font-weight: normal; list-style: none; }
.footer_2 li a { color: #fff; text-decoration: none; }
.footer_2 li a:hover { color: #5697cc ; background: none; }


.footer_3 { float: left;margin: 0; padding: 0 0 0 30px; text-align: left; width: 50%;border-left: 2px solid #fff; border-right: 2px solid #fff;}
.footer_3 h2 { color: #fff; display: inline-block; font-size: 20px; margin: 0 0 5px; overflow: hidden; padding:0px; }

.box3 { float: left; width: 100%;min-height: 180px; }
.footer_3_1 { float: left; width: 33%; }
.footer_3_1 ul { margin: 0px; padding: 0px; }
.footer_3_1 li { margin: 0px; padding:0px; line-height:19px; text-align: left; font-size: 12px; color: #fff; float: none; font-weight: normal; list-style:none;}
.footer_3_1 li a { color: #fff; text-decoration: none; }
.footer_3_1 li a:hover { color: #5697cc ; background: none; }


#copyright { background: #3fa033; float: left; width: 100%; }
.copyright_inn1 { margin: 0 auto; width: 1000px; }
.copyright_inn { float: right; margin-right: 10px; }
.copyright_inn span { float: left;   margin-top: 12px; }
.copyright_inn a { color: #fff; text-decoration: none; }
.copyright_inn p { color: #000; float: right; padding: 12px 0; }


#areas { float:left; width:100%; text-align:center;}
#areas h1 { padding:15px 0; color:#646568; font-size:35px; }

#services { float: left; width:100%; margin:0px; padding:0px;}
.services_row { float: left; width:100%; margin:0px; padding:20px 0; text-align:center;}
.services_row h1 { color: #0c3077; font-size:35px;}
.services_row h2 { color: #0c3077; font-size:25px; font-weight:normal;}

.services_left { float:left; width:48%; margin:0;}
.services_left ul { margin:0px; padding:0px;}
.services_left li { margin-left:15px; color:#696a6d; margin-bottom:6px; line-height:18px;}
.services_right { float:right; width:48%;}
.offer { float: left; width:100%; margin:0 0 10px 15px;}
.offer ul { margin:0px; padding:0px;}
ul.offers1 { margin:0 2px; padding:0px;float:left; width:24%;}
ul.offers1 li { padding:0px; line-height:22px; color:#696a6d;  }

#find_out { float: left; width:100%; margin:20px 0 0 0; padding:15px 0 30px 0; background:#646568; text-align: center;  font-size: 20px;}
#find_out ul {  margin:0px; padding:0px;}
#find_out li { list-style:none; float: left; width:18%; margin:0 15px 0 0;  text-align:left;}
#find_out li span { color:#fff; font-size:18px;}
#find_out li p { color:#fff; margin:0px; line-height:30px; font-size:18px; }
#find_out li .btn { float: left; width:100%; margin-top:20px;}
#find_out li .btn a { background:#3fa033; color:#fff;  padding:12px; text-decoration:none; font-size:16px; border-radius:10px;}
#find_out li .btn a:hover { background:#fff; color:#000;}


#find_out2 { float: left; width:100%; background:#0a4088; padding:20px 0;}
#find_out2 p { color:#fff; text-align:center; margin-bottom:10px; font-size:22px; font-weight:bold;}
#find_out2 ul {  margin:0px; padding:0px;}
#find_out2 li { list-style:none;  float: left; width:18%; margin:0 15px 0 0;  text-align:left;}
#find_out2 li span { color:#fff; font-size:18px;}
#find_out2 li p { color:#fff; margin:0px; line-height:30px; font-size:17px; font-weight:normal; text-align:left;}
#find_out2 li .btn { float: left; width:100%; margin-top:20px;}
#find_out2 li .btn a { background:#64a7d4; color:#fff;  padding:12px 30px; text-decoration:none; font-size:16px; border-radius:10px;}
#find_out2 li .btn a:hover { background:#3477a4; color:#fff;}

#find_out3 { float: left; width:100%; background:#64a7d4; padding:20px 0;}
#find_out3 p { color:#000; text-align:center; margin-bottom:10px; font-size:20px; font-weight:bold;}
#find_out3 .btn { margin:40px 0 20px 0;}
#find_out3 .btn a { background:#0a4088; color:#fff;  padding:10px 25px; text-decoration:none; font-size:28px; border-radius:20px; }
#find_out3 .btn a:hover { background:#002068; color:#fff;}

.services_img { float:left; width:100%;}
.services_img1 { float:left; width:25%; margin:0px; padding:0px; text-align:center;}
.services_img2 { float:left; width:49%; margin:0 7px 0 0; padding:0px;}
.services_img2 ul { margin:0 30px; padding:0px;}
.services_img2 li { margin:0px; padding:0px;line-height:18px; color:#696a6d; }
.services_img2 p { margin-left:15px;}

.drainage { float:left; width:100%; margin:15px 0;}
.drainage h1 { text-align: left;  color: #3fa033; font-weight: normal;}
.drainage_left { float:left; width:49%;}
.drainage_left img,.drainage_right img { width:100%;}
.drainage_right { float:right; width:49%;}

.services_img3 { float: right; width:25%; margin:0px; padding:0px; text-align:center;}
.services_img,.services_img2 img,.services_img3 img { width:100%; text-align:center;}

.row .pic_img { width:100%;}

/*******************testimonials page******************/
#testimonials { float: left; width: 100%; margin:0; padding:25px 0 15px 0; background:#3fa033;}

#testimonials2 { float: left; width: 100%; margin:20px 0; padding:25px 0 15px 0; background:#64a7d4;}
#testimonials2 .testi_box .box1  {  min-height:270px;}

.testimonials_inn { width: 1170px; margin: 0 auto; }
.testi_box { float: left; width: 100%; padding:15px; text-align: center; }
.testi_box .box1 { width:47%; float: left; margin: 0 10px 20px; padding: 0; border:2px solid #fff; border-radius: 15px; min-height:230px;}
.testi_box .box1 .box_text { color: #fff; font-size: 17px; line-height: 20px; margin: 0 0 15px; padding: 0 20px; }
.testi_box .box1 p { padding: 10px 0 10px 0; margin: 0px; color:#fff; }
.fa-quote-right::before { content: ""; }
.fa-quote-left::before { content: ""; }
.testi_box .box1 p span .fa.fa-quote-left, .testi_box .box1 p span .fa.fa-quote-right { color: #fff; font-size: 25px; padding: 5px 15px; }


.space {
    float: left;
    margin: 30px 0;
    width: 100%;
}

.box { float:left; width:100%; margin:15px 0; padding:0px; text-align:center;}
.box ul { margin:0px; padding:0px;}
.box li { list-style:none; width:32%; margin:0 20px 0 0; float:left;}
.box li:last-child { float: right; margin:0px;}
.box li img { width:100%;}


#patios {float: left; width:100%; margin:-2px 0 0 0; padding:30px 0; text-align:center;}
#patios h1 { color:#646568; font-size:50px; margin:0px; padding:0px;}
#patios h2  { color:#3fa033; font-weight:normal;}
#patios p { color:#fff; font-size:22px; padding:0 70px; line-height:30px;}


#contact1 {float: left; width:100%; margin:-2px 0 0 0; padding:30px 0;text-align:center;}
#contact1 h1 {font-size:50px; margin:0px; padding:0px;}
#contact1 h2 { color: #3fa033; font-weight:normal; font-size:22px; padding-top:15px;}



#driveways { float: left; width:100%; margin:-2px 0 0 0; padding:0px;}
.driveways_row { float: left; width:100%; margin:0px; padding:30px 0;  text-align:center;}
.driveways_row h1 { color:#646568; font-size:50px; margin:0px; padding:0 0 15px 0;}
.driveways_row h2  { color:#3fa033; font-weight:normal;}

.space2 { float:left; width:100%; margin:15px 0;}

.image-row h1 { color:#000 !important;}

#gallery { float: left; width:100%; margin:0; padding:20px 0;text-align:center;}
#gallery  h1 { color: #646568; font-size:35px;}
#gallery  h2 { color: #3fa033; font-size:25px; font-weight:normal;}


.driveways { float:left; width:100%; margin:15px 0; }
.driveways_left { float:left; width:48%;}
.driveways_right { float:right; width:48%;}



.driveways2 { float:left; width:100%;  margin:15px 0;}
.driveways2_left {float: left; width:48%; margin-right:}
.driveways2_right { float: right; width:48%; }
.driveways2_right ul { margin:0px; padding:0px;}
.driveways2_right li { margin:0 15px 8px; color:#58595b; line-height:20px;}
.driveways2_right p a { text-decoration:none; font-weight:bold; color:#000;}

/*******************Contact Form******************/
#contact { float:left; width:100%; margin:25px 0;}
.contact-form {float: left; width: 100%;}
.contact-form p { font-weight: normal; font-size:15px; padding:5px 0 5px 0;}
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 10px; }
.label, .field { float: left; width: 100%; color:#58595b;  font-size:15px; }
.field .input {  line-height:30px; width: 100%; padding:0 5px; border:1px solid #808285; border-radius:5px;}
.label label { font-size: 17px; color: #707070; }
.formrow img { width: 35px; height:35px; cursor:pointer; }
.formrow a { color: #c61f2d; text-decoration: none; }
.field.captch input { border: medium none; float: left; line-height: 38px;margin-right: 15px; text-align:center; color:#21236f; font-style:italic; background: url(../images/captch.jpg) top left no-repeat;width: 150px; font-size:18px;}
.formrow.captcha_input input { float:left; border:1px solid #d5d5d5;  line-height:35px; padding:0 5px;}
.btn { margin: 0 auto;  text-align: center;}
.btn a { background:#464749; padding:10px 15px; color:#fff; border-radius:5px; line-height:40px;}
.btn a:hover { background:#000;}

.contact_left { float:left; width:48%; border-radius:10px;  padding:0px;margin:0px; text-align:left; background:#e6e5e6; padding:15px;}
.contact_left h1 { text-align: left; color:#3fa033; margin-top:0px; font-size:25px; font-weight:normal;}
.pad1 {  text-align: center;}
.contact_right { float:right; width:48%; margin:0px; text-align: center;}
.contact_right h1 {text-align: center;color:#3fa033; margin:0px; padding:0px;}
.contact_right h1 span { color:#3fa033;}
.contact_right p { font-size:16px; text-align:center;}
.contact_right p { margin:0px; padding:10px 0 25px 0;}
.pic_img2 { text-align:center;}