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


body { float: left; width: 100%; margin: 0px; padding: 0px; font-family: 'arialreg';}
* { margin: 0px; padding: 0px; box-sizing: border-box; }
h1 { font-size: 40px; margin: 0; padding: 0px; color: #404041;  font-family: 'poor_richardreg'; }
h2 { font-size: 20px; margin: 0 0 15px; padding: 0px; line-height: 26px; color: #404041; font-family: 'arialreg'; }
h3 { font-size: 18px; margin: 0; line-height: 26px; padding: 0px; color: #787562; font-family: 'arialreg'; }
h4 { font-size: 20px; margin: 0; padding: 0px; color: #787562; font: normal; line-height:30px font-family: 'arialreg';;
}
p { font-size: 18px; color: #58595b; line-height: 24px; margin: 10px 0; font-family: 'arialreg'; }
a { color: #787562; text-decoration: none; font-weight: bold; font-family: 'arialreg'; }
.space { float: left; width: 100%; margin: 30px 0; }
@font-face { font-family: 'poor_richardreg'; src: url('../fonts/poor_richard_regular.woff2') format('woff2'),  url('../fonts/poor_richard_regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'arialreg'; src: url('../fonts/arial_5.woff2') format('woff2'),  url('../fonts/arial_5.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'arialitalic'; src: url('../fonts/ariali_5.woff2') format('woff2'),  url('../fonts/ariali_5.woff') format('woff'); font-weight: normal; font-style: normal; }
.wrapper { width: 1000px; margin: 0 auto; }
.nav-inn { width: 1000px; margin: 0 auto; }
.text-full { float: left; width: 100%; background-color: #56575a; text-align: center; margin: 0; padding: 20px 0; }
.text-full h1 { color: #fff; font-size: 40px; }
.nobr { white-space: nowrap; font-style: normal; }
.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: 0; text-align: center; }
.logo { float: left; width: 50%; padding: 20px 0; text-align: left; }
.header-mid { float: left; width: 35%; padding: 42px 0 0 0; }
.header-mid h3 { margin: 0px; padding: 3px 0; font-weight: normal; }
.header-mid h3 a { color: #4d4d4f; font-size: 45px; }
.header-mid ul { margin: 0px; padding: 0 0 0 20px; text-align: left; }
.header-mid li { list-style: none; display: inline-block; margin: 0px; padding: 0px; }
.header-right { float: right; width: 5%; margin-top: 5px; }
#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: 0; padding: 0px; text-align: center; background: #fff; height: 500px; }
#containerold { background-image: url('../images/home_sketch.jpg') ; background-repeat: no-repeat; background-position: left 0% top 0%; background-size: cover; }

#container1 { float: left; width: 100%; margin: 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: 30px 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: #69732b; float: left; width: 100%; }
.box .gallery { background-color: #404041; float: left; width: 100%; }
.box .contact-us { background-color: #b0b1b4; float: left; width: 100%; }
#awards { text-align: center; float: left; width: 100%; padding: 20px 0; margin: 20px 0 0; background: #bcbdc0; }
#awards h1 { font-size: 28px; color: #004083; padding: 0px; margin: 0px; }
#awards p { padding: 0 110px; color: #004083; }
.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%; }
#greenband { width: 100%; float: left; padding: 20px 0; background: #787562; }
#greenband h1 { color: #FFF; }
#greenband p { color: #FFF; font-size: 26px; line-height: 29px; }
#greenband p span { font-family: 'poor_richardreg'; font-size:26px;}
#global-product { width: 100%; float: left; }
#global-product img { width: 100%; padding: 0; }
.home-text { float: left; width: 100%; text-align: center; margin: 25px 0 20px; }
.home-text h1 { color: #787562; font-size: 50px; padding: 0 0 20px 0; font-family: 'poor_richardreg'; }
.home-text h3 { font-weight: normal; font-size: 20px; line-height: 30px; padding: 0px; color: #787562; font-family: 'arialreg'; }
.home-text h4 { font-weight: normal; font-size: 24px; line-height: 30px; padding: 0px; color: #787562; font-family: 'arialreg';}
.home-text-right { float: right; width: 18%; }
#box-full { float: left; width: 100%; margin: 50px 0; padding: 25px 0; background: #787562; }
.box-full-left { float: left; padding: 0 20px; width: 50%; }
.box-full-right { float: right; padding: 0 20px; width: 50%; }
#global-register img { width: 100%; padding: 20px 0; }
#areas { float: left; width: 100%; text-align: center; padding: 0; background: #fff; }
#areas h1 { color: #787562; margin: 0px; padding: 15px 0; font-size: 70px; }
#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: #000; }
#call h2 { color: #3e8948; font-size: 35px; font-weight: bold; margin: 0px; padding: 0px; }
#call h2 span { vertical-align: top; margin-right: 15px; float: left; }
#call .white { color: #fff; }
/*******************Footer******************/
#footer { float: left; width: 100%; background: #787562; text-align: center; padding: 20px 0; }
.footer-1 { border-right: 1px solid #e2e2e2; float: left; margin: 0 5px 0 0; padding: 0 15px; text-align: left; width: 28%; min-height: 190px; }
.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 p a{color:#fff;}
.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: 1px solid #e2e2e2; float: left; margin: 0; padding: 0 30px; text-align: left; width: 18%; min-height: 190px; }
.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: 18px; margin: 0 0 10px; overflow: hidden; padding: 0px; width: 100%; }
.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: 52%; border-right: 1px solid #e2e2e2; min-height: 190px; }
.footer-3 p { color: #fff; font-size: 12px; line-height: 15px; margin: 0px; padding: 0px; text-align: justify; }
/*.footer-4 { float: left; width: 5%;border-right: 2px solid #d5d5d5; min-height: 170px; }
.footer-4 li { margin: 0px; padding: 0 0 2px 6px; text-align: left; font-size: 11px; line-height:172px; color: #fff; float: none; font-weight: normal; list-style: none; }
.footer-4 li a { color: #fff; text-decoration: none; }
.footer-4 li a:hover { color: #000; background: none; }*/

#copyright { background: #404041; 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: center; margin: 0 0 10px; font-size: 30px; }
.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: #787562; border: 0 none; color: #fff; font-size: 17px; padding: 10px 70px; line-height: 26px; border-radius: 6px; }
.formrow.pad1 input:hover { background: #565656; cursor: pointer; }
.contact-right { float: right; width: 38%; text-align: center; border-top: 1px solid #d5d5d5;}

.contact-right h2 { font-size: 47px; margin: 0px; padding: 0px; color: #787562; line-height: 50px; font-weight: bold; }
.contact-right h2 span { color: #5eac46; }
.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; }
.row { float: left; margin: 20px 0; padding: 0; width: 100%; }
.services-left { float: left; margin: 0; width: 48%; }
.services-right { float: right; width: 48%; }
#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; 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.we-can-quotes { float: left; width: 100%; background: #787562; padding: 20px 0; }
.we-can-quotes-left { float: left; width: 80%; }
.we-can-quotes-left ul { column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; margin: 0px; padding: 0px; text-align: left; }
.we-can-quotes-left li.active { color: #fff; }
.we-can-quotes-left li { list-style: none; font-size: 18px; line-height: 26px; color: #fff; font-weight: normal; font-family: 'arialreg'; }
.we-can-quotes-right { float: right; width: 18%; margin: 24px 0 0; }
.we-can-quotes-right a { text-decoration: none; color: #fff; background-color: #818284; font-weight: bold; padding: 15px 32px; font-size: 20px; line-height: 30px; border-radius: 12px; }
#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; }
#services-box { float: left; width: 100%; margin: 20px 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 h1 { font-size: 50px; margin: 0; padding: 0px; color: #787562; font-family: 'poor_richardreg'; }
.services-text p { color: #787562; font-size: 22px; line-height: 30px; }
.services { float: left; width: 100%; text-align: left; margin: 10px 0; }
.services img { margin: 0 4px;     }
.services-left img {
    width: 100%;
}
.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: 0; background-color: #69732b; text-align: center; }
#our-services h1 { font-size: 40px; color: #fff; }
#our-services ul { margin: 0 auto; padding: 15px 0 20px 0; column-count: 3; -moz-column-count: 3; -o-column-count: 3; }
#our-services li { list-style: none; color: #fff; line-height: 35px; font-size: 22px; font-weight: bold; margin: 0; 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; }
#examples { float: left; width: 100%; margin: 0; text-align: center; padding: 40px 0; background: url(../images/content-bg.png); background-repeat: no-repeat; background-position: top right; }
.image-row, .image-set {
    float: left;
    width: 100%;
    text-align: center;
}
.example-image-link {
    margin: 0 10px 15px 0;
    padding: 0px;
    background-color: #a7a8ac;
    line-height: 0;
    width: 240px;
    min-height: 200px;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
    border: 1px solid #dddddd;
    float: left;
    text-decoration: none;
}
#examples h1{
	color:#787562 !important; font-family: 'poor_richardreg'; font-size:50px; padding:20px 0;
}

#examples h2{
	 font-family: 'arialreg'; font-size:30px; color:#404041;
}

#examples h3{
	 font-family: 'arialreg'; font-size:22px; line-height:25px; color:#404041;
}

ul.services li {list-style-position:inside; padding:5px 0; line-height:20px;}