@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:#2c596c ; }
h2 {font-size:20px; margin:15px 0; padding:0px; color:#24475a; font-weight:normal;}

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: #fff; 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:10px 0 0 0;   text-align:center;}
.logo { float:left; width:40%; }
.header_right { float:right; width:58%; padding-top:10px;}

.phone { float:left; width:60%; margin:0 25px; text-align:left; margin:0 20px 0 60px; }
.phone h2 { color:#68696c; font-size:40px; font-weight:bold; margin:10px 0 10px 0; font-weight:normal;}
.phone h2 span { color:#24475a; text-align:left; width:20px; font-size:40px; float:left; margin-right:22px;}

.menu_bar { float:left ; width:100%; background: #2c596c; border-top:12px solid #86888b;}
.menu_left { float:left; width:65%;}
.social_icon { float: right; width:22%; margin:0;} 
.social_icon ul { margin:0px; padding:0px;}
.social_icon li { list-style:none; display:inline-block; margin:8px 3px; padding:0px;}
.social_icon li a { margin:0px; padding:0px;}
.logo_right { float:left; width:20%;}



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


#box_pen { float:left; width:100%; margin:20px 0 0 0; padding:20px 0; background:#35586b;}
#box_pen ul { margin:0px; padding:0px;}
#box_pen li { list-style:none; float:left; width:32%; margin:0 12px 0 0;text-align:center;}
#box_pen li h2 { color:#fff; font-size:20px; padding:10px 0; }
#box_pen li span h2 { margin-left: 15px;}
#box_pen li:last-child { float:right; margin:0px;}

#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:#24475a; text-transform:uppercase;}
.content h1 span { color:#31a91d;}

.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 { margin:0px; 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:#24475a;}
.products li h2.gallery { background:#737578;}
.products li h2.contact { background:#6d6f72;}

.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:20px 0; padding:0px;}
.full_banner img { width:100%;}

.row {float:left; width:100%; margin:20px 0; padding:0px; text-align:center;}
.row_left { float:left; width:48%; text-align:left;}
.row_right { float:right; width:48%; text-align:left;}

.col_box { float:left; width:100%; margin:0px; padding:15px 0;  background:#24475a;}
.col_box ul { margin:0px; padding:0px; width:33%; float:left;}
.col_box li { list-style:none; background:url(../images/arrow.png) 0px 5px no-repeat; padding:0 34px; font-size:18px; color:#fff; line-height:32px; float:left; width:100%;}

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

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

.box_right { float:right; width:50%; padding:0 25px;text-align:center;}

/*******************Footer******************/
#footer { float: left; width: 100%; background: #24475a; 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 #d5d5d5; border-right: 2px solid #d5d5d5; float: left; margin: 0 5px 0 0; padding: 0 15px; text-align: left; width: 40%;}
.footer_1 h2 { color: #fff; display: inline-block; font-size:18px; margin: 0 0 5px; overflow: hidden; padding: 10px 0 5px; }
.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: 48%; }
.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; line-height:22px; }
.footer_1 li.addres span { width: 30px; min-height:150px; float: left; margin-right:10px; }


.footer_2 { float: left; margin: 0; padding: 0 30px; text-align: left; width: 14%;}
.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:17px; margin: 0 0 8px; overflow: hidden; padding:0px; font-weight:bold; }
.footer_2 ul { margin: 0px; padding: 0px; }
.footer_2 li { margin: 0px; padding: 0 0 2px 6px; text-align: left; font-size: 11px; line-height:18px; 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: #000; background: none; }


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

.box3 { float: left; width: 100%; }
.footer_3_1 { float: left; width: 24%; }
.footer_3_1 ul { margin: 0px; padding: 0px; }
.footer_3_1 li { margin: 0px; padding:0px; line-height:18px; text-align: left; font-size: 11px; 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: #000; background: none; }


#copyright { background: #737578; float: left; width: 100%; }
.copyright_inn1 { margin: 0 auto; width: 1170px; }
.copyright_inn { float: right; margin-right: 10px; }
.copyright_inn span { float: left; }
.copyright_inn a { color: #fff; text-decoration: none; }
.copyright_inn p { color: #fff; float: right; padding: 0; }


#areas { float:left; width:100%; text-align:center;}
#areas h1 { padding:15px 0; color: #2c596c ;text-transform: uppercase; font-size:30px; }

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

.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:10px; line-height:22px;}
.services_right { float:right; width:48%;}
.services_right ul { margin:0px; padding:0px;}
.services_right li{ color:#58595b; margin:0 15px; line-height:22px; padding:5px 0;}
.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;  }

.services_img { float:left; width:100%;}
.services_img1 { float:left; width:25%; margin:0px; padding:0px;}
.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;}

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


#find_out2 { float: left; width:100%; background:#e6e7e8; 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:#ed2625; font-size:18px;}
#find_out2 li p { color:#ed2625; 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:#ed2625; color:#fff;  padding:12px 30px; text-decoration:none; font-size:16px; border-radius:10px;}
#find_out2 li .btn a:hover { background:#c10c0b; color:#fff;}


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




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



/*******************testimonials page******************/
.testimonials_row { float:left; width:100%;}
.testimonials_row img { width:100%;}
#testimonials { float: left; width: 100%; margin:20px 0; padding:40px 0; background:#ed2625;}
.testi_box { float: left; width: 100%; padding:0px; text-align: center; }
.testi_box .box1 { width:100%; float: left; margin:0px; padding: 0; border:2px solid #fff; border-radius: 15px; }
.testi_box .box1 .box_text { color: #fff; font-size:16px; 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; }

.testimonials2 {float: left; width: 100%; margin:20px 0; padding:40px 0; background:#e6e7e8 !important;}
.testimonials2 .testi_box .box1 { width:100%; float: left; margin:0px; padding: 0; border:2px solid #ed2625; border-radius: 15px; }
.testimonials2 .testi_box .box1 .box_text { color: #ed2625; font-size:16px; line-height: 20px; margin: 0 0 15px; padding: 0 20px; }
.testimonials2 .testi_box .box1 p { padding: 10px 0 10px 0; margin: 0px; color:#ed2625; }
.testimonials2 .testi_box .box1 p span .fa.fa-quote-left, .testi_box .box1 p span .fa.fa-quote-right { color:#ed2625;}

.space { margin:30px 0;}

.box { float:left; width:100%; margin:25px 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;}

#quote { float:left; width:100%; background:#e6e7e8; padding:10px 0; margin: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:#ed2625;line-height: 34px;}


#driveways { float: left; width:100%; margin:0px; padding:0px;}
.driveways_row { float: left; width:100%; margin:-3px 0 0 0; padding:25px 0;  text-align:center;}

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


#gallery { float: left; width:100%; margin:0px; padding:0px;}
.gallery_row { float: left; width:100%; margin:0px; padding:25px 0; text-align: center;}

/*******************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:#2c596c ; font-size:28px; font-family:Arial, Helvetica, sans-serif;}
.pad1 {  text-align: center;}
.contact_right { float:right; width:48%; margin:0px; text-align: center;}
.contact_right h1 { color: #58595b !important; font-size: 35px; font-weight: normal !important; text-align: center;font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.contact_right h1 span {color:#2c596c ; font-weight:bold;}
.contact_right p { font-size:16px;}
.contact_right p { margin:0px; padding:10px 0 25px 0;}
.pic_img2 { text-align:center;}


#find_out { float: left; width:100%; margin:20px 0; padding:15px 0 30px 0; background:#ed2625; text-align: center;  font-size: 20px; text-align: center;}
.find_out_1 { float:left; width:12%;}
.find_out_1 p { color:#000; font-size:20px; font-weight:bold;}
.find_out_2 { float:left; width:70%; margin:0 12px;}
.find_out_2 p { color:#fff; font-size:17px; line-height:25px; font-weight:bold;}
.find_out_3 { float:right; width:15%;}
.find_out_3 .btn { margin-top:15px;}
.find_out_3 .btn a { background:#434d58; color:#fff; text-transform: uppercase; padding:12px; text-decoration:none; font-size:16px; border-radius:10px;}
.find_out_3 .btn a:hover { background:#86888b;}