@charset "utf-8";
/* CSS Document */
body { float: left; width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:40px; margin:0 0 15px; padding:0px; color:#5b9275 ;}
h2 {font-size:20px; margin:0 0 15px; padding:0px; line-height:26px; color:#696a6c;}
h3 {font-size:18px; margin:0; line-height:26px; padding:0px; color:#009e97;}
h4 {font-size:20px; margin:0; padding:0px; color:#444; font:normal; line-height:30px;}
p { font-size:17px; color:#58595b; line-height:24px; margin:10px 0;}
a { color:#3e8948; text-decoration:none; font-weight:bold;}

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

ul.services { margin: 0; padding: 0;}
ul.services li {color: #797a7d; line-height: 25px; margin: 0 10px; padding: 0 0 5px;}

.wrapper { width:1000px; margin:0 auto;}
.menu-inn { width: 1000px; margin: 0 auto; }

.text-full { float:left; width:100%; background-color:#009e97; text-align:center; margin:25px 0 0; padding:30px 0; background:url(../images/services/services_header_banner.png) top left no-repeat; background-size:100% 100%;}
.text-full h1 { color:#fff; font-size:50px;}

.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; background: url(../images/icon_top.png) no-repeat; }

#header { float:left; width:100%; margin:0px; padding:15px 0;  text-align:center;  }
.logo { float:left; width:60%; padding:0; text-align:left;}

.header-mid { float: left; width:22%; margin:30px 0; text-align:left;}
.header-mid h3 { margin:0px; padding:0; }
.header-mid h3 a { color:#5b9275; font-size:30px; line-height:30px;font-weight:normal;}
.header-mid p { font-size:24px;}

.header-right { float:right; width:15%;}

#menu { float:left; width:100%; background: #5b9275; border-top:15px solid #404041;}
.menu-left { float:left; width:70%;}
.menu-right { float:right; width:28%; text-align:right;}
.social-icon { float:left; width:100%;}
.social-icon ul { margin:0px; padding:0px;}
.social-icon li { list-style:none; display:inline-block; padding:5px 2px;}
 

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

#container { float:left; width:100%; margin:10px 0; padding:0px; text-align:center;}
.pic-img { float: left; width: 100%; margin-bottom: 15px; text-align: center; }
.pic-img img { width: 100%; }

#box-pen  { float:left; width:100%; margin:20px 0; text-align:center;}
.box-pen { float:left; width:100%; margin:20px 0; padding:0px; text-align:center;}
.box-1 { float:left; width:32%; margin:0 10px 0 0; padding:0px;}
.box-1 img {}

.box { float: left; margin: 0; padding: 20px 0; width: 100%;}
.box ul { margin: 0; padding: 0;}
.box li { float: left;list-style: none; margin: 0 20px 0 0; text-align: left; width: 32%; }
.box li img { width:100%; float:left;}
.box li h2 { color: #fff; font-size: 20px; padding:0px 0;font-weight:bold;}
.box li span h2 {  padding:10px 10px; margin:0px;}
.box li:last-child { float: right; margin: 0;}
.box .driveways { background-color:#009e97; float:left; width:100%;}
.box .patios { background-color:#404041; float:left; width:100%;}
.box .contact-us { background-color:#afb1b4; float:left; width:100%;}


.products {float:left; width:100%; margin: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:#231f20;}
.products li h2.gallery { background:#3e8948;}
.products li h2.contact { background:#b0b1b5;}
.products li img { width:100%; float:left;}
.products li:last-child { float:right; margin:0px;}
.products li h2:hover { background:#000;}

.banner { float:left; width:100%; text-align:center; margin:15px 0;}
.banner-1 { float:left; width:60%; margin-right:10px;}
.check-trade-logo { float:left; width:30%;}
.marshalls-logo { float:right; width:8%;}
.banner-1 img,.check-trade-logo img,.marshalls-logo img  { width:100%;}

.home-text { float:left; width:100%; text-align:center; margin:25px 0 20px;}
.home-text-left { float:left; width:78%;}
.home-text-left h1 { color:#264589; font-size:40px;}
.home-text-left h3 { font-weight:normal; font-size:20px; line-height:30px; padding:0px; color:#009e97;}

.home-text-right { float: right; width:18%;}

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

#areas { float:left; width:100%; text-align:center; padding:20px 0; background:#fff;}
#areas h1 { color:#5b9275; margin:0px; padding:15px 0; font-size:50px; font-weight:normal;}

#areas.areas2 { float:left; width:100%; background-color:#99cd5a; padding:15px 0;}

#map { float:left; width:100%;}
#map iframe { float:left;}
#map img { width:100%; float:left;}

#call { float:left; width:100%; text-align: center; padding:25px 0; background-color:#e7e7e8;}
#call h2 { color:#5b9275; font-size:38px; font-weight: normal; margin:0px; padding:20px 0;}
#call span { vertical-align: middle; margin-right:15px; float:left;}


/*******************Footer******************/
#footer { float: left; width: 100%; background: #818285; text-align: center; padding:20px 0; }
.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:26%; min-height: 180px;}
.footer-1 h2 { color: #fff; display: inline-block; font-size:18px; margin: 0 0 5px; overflow: hidden; padding:0px; }
.footer-1 ul { margin: 0px; padding: 0px; }
.footer-1 li { list-style: none; margin: 0px; padding:0 0 8px; font-size: 14px; color: #fff; line-height: 26px; float: left; background: none; width: 100%; }
.footer-1 li p { font-size:18px; color:#fff; font-weight:bold;}
.footer-1 li span { padding: 8px 10px 0 0; float: left; min-height:60px; }
.footer-1 li span img { width: auto; }
.footer-1 li .addres { float: left; }
.footer-1 li b { font-size: 15px; margin:0px; padding:0px;}
.footer-1 li.addres p { color: #fff !important; font-size: 13px; margin:0px; line-height:20px;}
.footer-1 li.addres span { width: 30px; min-height:100px; float: left; margin-right:10px; }
.black { color:#000;}

.footer-2 { border-right: 2px solid #d5d5d5; float: left; margin: 0; padding: 0 30px; text-align: left; width: 18%; min-height: 180px;}
.footer-2 p { font-size: 12px; line-height: 16px; color: #fff; padding: 0xp; margin: 0px; }
.footer-2 h2 { color: #fff; font-size:18px; margin: 0 0 10px;padding:0px;}
.footer-2 ul { margin: 0px; padding: 0px;}
.footer-2 li { margin: 0px; padding: 0 0 2px 6px; text-align: left; font-size: 15px; line-height:25px; 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 30px; text-align: left; width:50%; border-right: 2px solid #d5d5d5; min-height: 180px;}
.footer-3 h2 { color:#fff; margin:0px; padding:0 0 10px;}
.footer-3 p { color:#fff; font-size:10px; line-height:13px; margin:0px; padding:0px; text-align:justify;}

.footer-4 { float: right; width: 5%;border-right: 2px solid #d5d5d5;  min-height: 180px;}
.footer-4 li { margin: 0px; padding: 5px 0; color: #fff; float: none; line-height:20px; font-weight: normal; list-style: none; }



#copyright { background: #555658; float: left; width: 100%; }
#copyright p { color: #fff; float: right; padding: 0; font-size:15px;  }
#copyright p span { font-size:18px; vertical-align:top;}
#copyright p a { color: #fff; text-decoration: none;}

.contact { float:left; width:100%; margin:30px 0;}
.contact-left { float:left; width:56%; text-align:left;}
.contact-form { float: left; width: 100%; border-radius:20px; background:#f2f1f1; padding:20px; }
.contact-form h4 { text-align: left; margin:0 0 10px; font-size:30px; color:#5b9275;}
.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; float:left; width:100%;}
.label, .field { float: left; width: 100%; color: #58595b; font-size: 15px; padding:3px 0; }
.field .input { border: 1px solid #808285; line-height: 30px; width: 100%; padding: 0 5px; border-radius:5px; }
.label label { font-size: 16px; color: #58595b; font-weight: normal; }
.formrow a { color: #c61f2d; text-decoration: none; }
.formrow.captcha_input input { float: left; border: 1px solid #d5d5d5; line-height: 35px; padding: 0 5px; }
.pad1 { text-align: center; }
.field textarea.input { line-height: 16px;}
.formrow.captcha { float:left; width:100%; margin:10px 0;}
.formrow.captcha #captcha {float: left; margin: 0 10px 0 0; padding:0 5px 0; width: 120px; line-height:36px; border: 1px solid #cccccc;}
.imgcaptcha { border: 1px solid #cccccc; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}

.formrow.pad1 input {background: #4e8162; border: 0 none; color: #fff; font-size: 17px; padding:10px 70px; line-height:26px; border-radius:6px;}
.formrow.pad1 input:hover { background:#639d7a; cursor:pointer;}

.contact-right { float:right; width:32%; text-align: left;}
.contact-right h2 { font-size:40px; margin:0px; padding:0px; color:#5b9275; line-height:50px; font-weight: normal;}
.contact-text { float:left; width:100%; margin-bottom:25px;}
.contact-text p { margin:0px; padding:0px; font-size:25px; font-weight:bold; line-height:35px; color:#000;}


.services-left { float: left; margin:0; width: 48%;}
.services-right { float: right; width: 48%;}
.services-right p { margin-top:0px;}


#testimonials-box { background: #3e8948; float: left; margin: 20px 0; padding: 30px 0; text-align: center; width: 100%;}
.testimonials-box { border: 2px solid #fff; border-radius: 20px; float: left; padding: 15px; width:100%;}
.quote-left { float: left; margin-right: 15px;}
.quote-right { float: right; margin-left: 15px;}
.testimonials-box .quote-right, .testimonials-box .quote-right { margin-top: 30px;}
.testimonials-box p { color: #fff; font-size: 17px; line-height: 22px; margin: 15px 0; padding: 0 60px;}
.testimonials-box i {color: #fff; font-size: 20px;}


.col-box { float: left; margin: 20px 0; width: 100%;}
.col-box-1 {  float: left; width: 23%;}
.col-box-2 { float: left;margin: 0 30px;  width: 48%;}
.col-box-2 ul {  margin: 0 0 10px;  padding: 0;}
.col-box-2 li { color: #58585a; font-size: 16px; margin: 0 10px; padding: 0;}
.col-box-3 { float: right; width: 23%;}

#row { float:left; width:100%; margin:30px 0 10px;}
.row { float: left; margin: 20px 0; padding: 0; width: 100%; text-align:left;}
.row-left { float: left; margin:0; width: 48%;}
.row-right { float: right; width: 48%;}
.row-left h1,.row-right h1 { font-size:25px;}


#we-can-quotes { float:left; width:100%; margin:0; padding:20px 0; background-color:#4e8162;}
.we-can-quotes-left { float:left; width:80%;}
.we-can-quotes-left h2 { color:#fff; font-weight: normal; margin-bottom:10px;}
.we-can-quotes-left ul { column-count:4;  -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ margin:0px; padding:0px;}
.we-can-quotes-left li { list-style:none; font-size:18px; line-height:26px; color:#fff; font-weight: normal;}
.we-can-quotes-right { float:right; width:18%; margin:24px 0 0;}
.we-can-quotes-right a { text-decoration:none; color:#5b9275; background-color:#fff; font-weight:bold; padding:15px 32px;font-size:20px; line-height:30px; border-radius:12px;}
.we-can-quotes-right a:hover { background-color:#6da784; color:#fff; }

#box4 { float: left; width: 100%; margin:30px 0; text-align:center;}
.box4-box1 { float: left; width: 24%; margin: 0 13px 0 0; }
.box4-box1 img { width: 100%; }
.box4-box1:last-child { float: right; margin: 0px; }

#banner {float: left; width: 100%; margin:20px 0; text-align:center;}

#services-box {float: left; width: 100%; margin:0px 0 30px; text-align:center; }
.services-box-1 { float: left; width: 32%; margin: 0 20px 0 0; }
.services-box-1 img { width: 100%; }
.services-box-1:last-child { float: right; margin: 0px; }

.services-text { float:left; width:100%; text-align:center; margin:15px 0;}
.services-text p { color:#009e97; font-size:22px; line-height:30px;}

.services { float: left; width: 100%; text-align:left; margin:10px 0;}
.services-1 { float: left; width: 100%;}
.services-1 ul { float: left; margin: 0 5px; width: 24%;}
.services-1 li {line-height: 26px;list-style: none; margin: 0; padding: 0;}

.driveways-img { width:100%; float:left; margin:0px; padding:0px;}
.driveways-img img { width:100%;}

.driveways { float: left; width: 100%;}
.driveways-1 {  float: left; width: 25%; text-align:left;}
.driveways-2 { float: left; margin: 0 30px; width: 22%;}
.driveways-3 { float: right; width: 46%;}

#our-services { float:left; width:100%; padding:20px 0 40px; margin:30px 0; background-color:#009e97; text-align:center; }
#our-services h1 { font-size:50px; color:#fff;}
#our-services ul { margin:0px; padding:0px; float:left; width:24%;}
#our-services li { list-style:none; color:#fff; line-height:35px; font-size:22px; font-weight:bold; margin:0 15px; padding:0px;}
#our-services p { margin:20px 0 0; display:inline-block; text-align:left; font-size:22px; color:#fff;}
#our-services p a { color:#000;}

#box { float: left; width:100%; text-align:center; background:#5eac46; padding:25px 0;}
#box h1 { color:#fff;}

.marshalls { float: left; width: 100%;}
.marshalls-left {  float: left; width: 36%;}
.marshalls-right { float: right; width: 60%; text-align:left;}