@charset "utf-8";*{padding:0px;margin:0px;list-style:none;box-sizing:border-box;}
body{font-family:'Source Sans Pro', sans-serif;font-size:13px;background:#fff;}
img{border:none;max-width:100%;}
a{color:#000;text-decoration:none;}
a:hover{color:#F00;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.row{width:100%;float:left;}
.img-left{float:left;margin:0 15px 15px 0;padding:5px;background:#9fc246;}
.img-right{float:right;margin:0 0 15px 15px;padding:5px;background:#9fc246;}
.img-center{margin:0 0 15px 15px;padding:5px;background:#9fc246;}
.main{width:100%;float:left;}
.wrapper{width:95%;max-width:1200px;margin:0 auto;}
.row{width:100%;float:left;}
.header-area{width:100%;float:left;padding:20px 0;text-align: center;}
.logo{float:left;}
.header-middle{display: inline;}

.header-right{float:right;text-align:right;}
.header-right h3{font-size:23px;color:#b0b0b0;}
.header-right h3 a{color:#669900;}
.header-right ul {float: right; margin-top: 15px;}
.header-right ul li {display: inline-block;float: left;margin-right:10px;}
.header-right ul li a {display: block;}
.menu-area{width:100%;float:left;background:url("../images/menu-bg.jpg") left top repeat-x;}
.menu-row{width:100%;float:left;position:relative;}
.nav{width:100%;float:left;}
.nav li{display:inline-block;float:left;position:relative;}
.nav li a{display:block;float:left;font-size:16px;color:#fff;padding:8px 22px;border-right:1px solid #333;}
.nav li a:hover, .nav li.active a{background:#eee;color:#000;}
.nav ul.sub-menu{position:absolute;overflow:hidden;width:250px;background:#fff;border:solid 1px #eeeeee;margin:0;left:0;top:35px;display:none;-webkit-box-shadow:0px 0px 5px -1px rgba(171,170,171,1);-moz-box-shadow:0px 0px 5px -1px rgba(171,170,171,1);box-shadow:0px 0px 5px -1px rgba(171,170,171,1);}
.nav ul.sub-menu li{float:left;display:block;padding:0;border-bottom:1px solid #eeeeee;width:100%;}
.nav ul.sub-menu li a{color:#525252;font-size:15px;float:left;display:block;font-weight:500;height:auto;padding:7px 10px;width:100%;border-right:none;}
.nav ul.sub-menu li:last-child{border-bottom:none;}
.nav li.active ul.sub-menu li a{color:#525252;border-bottom:none;}
.nav ul.sub-menu li a:hover,.nav li.active ul.sub-menu li a:hover,.nav ul.sub-menu li.active a{color:#fff;background:#669900;border-bottom:none;}
.nav li.active{}
.nav li:hover ul.sub-menu{display:block;}
.nav li .link-drop{width:30px;height:30px;display:none;cursor:pointer;position:absolute;right:2px;top:2px;z-index:1;background:#52c0f4 url("../images/droup-down-icon.jpg") no-repeat left top;border-radius:2px;}
.nav li .link-drop.active{background:#52c0f4 url("../images/droup-down-icon.jpg") no-repeat left bottom;}
.banner-area{width:100%;float:left;padding:17px 0;background:url("../images/banner-bg.jpg") center center no-repeat;background-size:cover;}
.banner-left{width:52%;float:left;}
.banner-left h2{font-size:37px;color:#fff;border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:10px;}
.banner-left p{font-size:18px;line-height:23px;color:#fff;}
.find{font-size:18px;color:#fff;background:url("../images/link-bg.jpg") left top repeat-x;padding:8px 30px;border:1px solid #000;display:inline-block;margin:20px 0;}
.banner-right{width:47%;float:right;padding:10px;box-sizing:border-box;background:#fff;}
.banner-right img{display:block;}
.container-area{width:100%;float:left;background:url("../images/container-bg.jpg") left top repeat-x #fff;padding:30px 0;}
.container-left{width:65.33%;float:left;}
.container-area h1, .container-area h2{font-size:25px;color:#669900;padding-bottom:8px;border-bottom:1px solid #b0b0b0;margin-bottom:10px;}
.container-area p{font-size:16px;line-height:26px;color:#666;}
.container-area p a{color:#27813A;}
.container-right{width:30%;float:right;}
.container-right ul{width:100%;float:left;}
.container-right ul li{display:block;font-size:16px;color:#666;padding:8px 0 8px 15px;background:url("../images/arrow.png") left center no-repeat;}
.container-row-1{width:100%;float:left;}
.container-row-1 ul{width:100%;float:left;margin:60px 0;}
.container-row-1 ul li{display:inline-block;float:left;width:24.25%;margin-right:1%;background:#679a00;padding:5px;box-sizing:border-box;text-align:center;}
.image-box{width:100%;float:left;box-shadow:inset 0px 1px 5.36px 2.64px rgba(0, 0, 0, 0);-webkit-box-shadow:inset 0px 1px 5.36px 2.64px rgba(0, 0, 0, 0.4);-o-box-shadow:inset 0px 1px 5.36px 2.64px rgba(0, 0, 0, 0.4);-moz-box-shadow:inset 0px 1px 5.36px 2.64px rgba(0, 0, 0, 0.4);-ms-box-shadow:inset 0px 1px 5.36px 2.64px rgba(0, 0, 0, 0.4);}
.container-row-1 ul li img{width:100%;float:left;}
.container-row-1 ul li:last-of-type{margin-right:0;}
.container-row-1 ul li h3 a{font-size:18px;color:#fff;font-weight:600;padding:8px 0;display:inline-block;}
.container-row-1 ul li h3 a:hover{color:#000;}
.container-row-2{width:100%;float:left;background:url(../images/containr-2-bg.jpg) left top no-repeat;padding-top:30px;}
.container-row-2 ul{width:100%;float:left;}
.container-row-2 ul li{display:inline-block;float:left;background:url("../images/separater.png") right top no-repeat;margin-right:5%;padding-right:14%;}
.container-row-2 ul li:last-of-type{background:none;margin-right:0;padding-right:0;}
.footer{width:100%;float:left;background:#343434;padding:20px 0;}
.footer-left{float:left;margin-top:5px;}
.footer-right{float:right;margin-top:5px;}
.footer p{font-size:16px;color:#fff;}
.footer p a{color:#82bd0b;}
.footer-middle{float:left;margin:0px 0 0 23%;}
.footer-middle ul{float:left;}
.footer-middle ul li{display:inline-block;float:left;}
.footer-middle ul li a{display:block;float:left;color:transparent;width:30px;height:30px;text-align:center;margin-right:10px;}
.footer-middle ul li:nth-child(1) a{background:url("../images/facebook.png") left top no-repeat;}
.footer-middle ul li:nth-child(2) a{background:url("../images/twitter.png") left top no-repeat;margin-right:20px;}
.footer-middle ul li:nth-child(3) a{background:url("../images/google.png") left top no-repeat;}
.inner{width:100%;float:left;}
.inner-list{width:100%;float:left;margin:15px 0;}
.inner-list-2{float:left;margin:15px 0;}
.inner-list-2 li{display:block;font-size:16px;color:#666;padding:8px 0 8px 15px;background:url("../images/arrow.png") left center no-repeat;}
.inner-list li{display:inline-block;float:left;width:33%;font-size:16px;color:#666;padding:8px 0 8px 15px;background:url("../images/arrow.png") left center no-repeat;}
.gates-left{width:75%;float:left;}
.gates-right{width:25%;float:left;}
.center{width:100%;float:left;text-align:center;}
.inner h3{font-size:18px;color:#27813A;margin:15px 0;}
.fencing-box{width:100%;float:left;margin-bottom:15px;}
.fencing-box li{width:19.2%;float:left;margin-right:1%;}
.fencing-box li:last-child{margin-right:0;}
.fencing-box li h4{font-size:15px;text-align:center;color:#fff;background:#27813a;padding:8px 0;}
.fencing-box li img{padding:5px;box-sizing:border-box;background:#f1f1f1;display:block;}
.fencing-box li p{padding:5px;box-sizing:border-box;background:#f1f1f1;font-size:14px;min-height:166px;}
.patio-box{width:100%;float:left;}
.patio-box li{display:inline-block;float:left;width:19%;margin:0 1% 1% 0;background:#ccc;padding:5px;box-sizing:border-box;}
.patio-box li img{display:block;}
.patio-box li:last-child{margin-right:0;}
.patio-box-2{width:100%;float:left;}
.patio-box-2 li{display:inline-block;float:left;width:24.25%;margin:0 1% 1% 0;background:#ccc;padding:5px;box-sizing:border-box;}
.patio-box-2 li img{display:block;}
.patio-box-2 li:nth-child(4n){margin-right:0;}
.contact-row-1-col-1{width:48%;float:left;}
.contact-row-1-col-1 p{font-weight:bold;}
.map-box{width:100%;float:left;border:#DFDFDF solid 1px;padding:4px;margin-top:20px;background:#fbfbfb;}
.contact-row-1-col-2{width:48%;float:right;}
.form-box{width:100%;float:left;position:relative;margin-bottom:15px;}
.form-box input[type="text"], .form-box input[type="email"], .form-box input[type="mobile"]{width:100%;float:left;padding:8px 5px;border:#d9d9d9 solid 1px;background:#FFF;font-size:14px;}
.form-box textarea{width:100%;float:left;padding:5px;height:90px;font-size:14px;font-family:'Open Sans', sans-serif;border:#d9d9d9 solid 1px;background:#FFF;}
.form-box input[type="submit"]{float:right;padding:9px 35px;border:none;background:#669900;font-size:14px;color:#FFF;cursor:pointer;margin-top:10px;}
.form-box input[type="submit"]:hover{background:#000;}
.form-box label{font-size:16px;color:#3d3d3d;width:100%;float:left;margin-bottom:5px;}
.error{background:#ff0000;color:#fff;padding:5px;border-radius:5px;font-size:16px;letter-spacing:1px;margin-bottom:10px;font-weight:bold;text-align:center;padding:8px 0}
.success{background:#093;color:#fff;padding:5px;border-radius:5px;font-size:16px;letter-spacing:1px;text-align:center;padding:8px 0}
.gallery{width:100%;float:left;}
.gallery ul{list-style:none;overflow:hidden;padding:0;margin:0;}
.gallery ul li{float:left;padding:4px 4px 1px 4px;width:22%;margin:0 3% 2% 0;box-sizing:border-box;display:inline-block;background:#F3F3F3;-webkit-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.24);-moz-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.24);box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.24);height: 192px;
    overflow: hidden;}
.gallery ul li:nth-child(4n){margin-right:0;}
#lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;z-index:115;background:rgb(0, 0, 0);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:rgba(0, 0, 0, 0.7);-webkit-filter:none !important;}
#lightbox img{display:block;position:absolute;border:5px solid #fff;box-shadow:0 0 20px #000;border-radius:1px;}
body.blurred > *{-webkit-filter:blur(2px);-webkit-transform:translate3d(0, 0, 0);}
.lightbox-loading{background:url(loading.gif) center center no-repeat;width:31px;height:31px;margin:-16px 0 0 -16px;position:absolute;top:48%;left:50%;}
.lightbox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:1000;background:#000;background:rgba(0,0,0,0.7);}
.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:32px;height:32px;opacity:0.4;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.lightbox-button:hover,
.lightbox-button:focus{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}
.lightbox-close{right:10px;top:10px;background-image:url(../images/close.png);}
.lightbox-next{right:10px;top:48%;background-image:url(../images/next.png);}
.lightbox-previous{left:10px;top:48%;background-image:url(../images/previous.png);}
.mob-nav{margin:0;width:50px;padding:0 5px;float:right;height:35px;display:none;cursor:pointer;}
.mob-nav .line{width:35px;height:4px;background:#669900;display:inline-block;position:relative;top:15px;float:right;}
.mob-nav .line:before{width:35px;height:4px;background:#669900;content:"";display:block;position:absolute;left:0;top:7px;transition:300ms all;-moz-transition:300ms all;-webkit-transition:300ms all;}
.mob-nav .line:after{width:35px;height:4px;background:#669900;content:"";display:block;position:absolute;left:0;bottom:7px;transition:300ms all;-moz-transition:300ms all;-webkit-transition:300ms all;}
.open .line{width:35px;height:4px;background:transparent;display:inline-block;position:relative;top:15px;}
.open .line:before{width:35px;height:4px;background:#669900;content:"";display:block;position:absolute;left:0;top:0px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.open .line:after{width:35px;height:4px;background:#669900;content:"";display:block;position:absolute;left:0;bottom:0px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.popupmodal{z-index:9999;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.6); }
.popupmodal .close {
      position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-width: medium;
    border-color: #3d3938db;
    border-style: solid;
    right: -4px;
    top: -3px;
    color: #f2f2f2;
    line-height: 15px;
    background: #3d3938f7;
    text-align: center;
    font-size: 18px;
}
.popupmodal-content {
    width: 100%;
    float: left;
}
.popupmodal-content-inn {
    width: 40%;
    margin: 0 auto;
    position: relative;
}
.popupmodal-content-inn-row {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
	
}
.popupmodal-content-inn-row h2 {
    color: #07577c;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.popupmodal-content-inn-row p {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 25px;
    color: #3c4352;
    font-weight: 500;
    margin-bottom:30px;
}
.video-box {	width:100%;	float:left;	background:#f5f5f5;	padding:25px 0;	margin:30px 0;}
	.video-box-inn {	width:70%;	margin:0 auto;	background: #8db700;    padding: 10px;}
.logo-box-inn{ width:70%;	margin:0 auto;}
.logo-box{
    text-align: center;
}

@media only screen and (max-width:1120px){.mob-nav{display:block;}
.nav{display:none;position:absolute;right:0;top:35px;width:240px;background:#fafdff;border:1px solid #e8e9e9;z-index:2;}
.nav li{float:left;width:100%;border-bottom:1px solid #e8e9e9;line-height:35px;font-size:16px;padding:0;}
.nav li:last-child{border-bottom:none;}
.nav li a{display:block;padding:0 20px 0 10px;width:100%;font-weight:600;color:#525252;border-right:none;}
.nav li a:hover,.nav li.active a{border-bottom:none;background:#669900;color:#fff;}
.nav li:hover ul.sub-menu{display:none;}
.nav li .link-drop{display:block;}
.nav ul.sub-menu{position:relative;overflow:hidden;width:100%;background:#fff;border:none;margin:0;left:0;top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0px;}
.nav ul.sub-menu li{float:left;display:block;padding:0;border-bottom:1px solid #eeeeee;width:100%;}
.nav ul.sub-menu li a{color:#525252;line-height:normal;font-size:15px;float:left;display:block;font-weight:500;height:auto;padding:7px 0 7px 20px;width:100%;}
.nav ul.sub-menu li:last-child{border-bottom:none;}
.nav li.active ul.sub-menu li a{color:#525252;border-bottom:none;background:#fff;}
.nav ul.sub-menu li a:hover,.nav li.active ul.sub-menu li a:hover,.nav ul.sub-menu li.active a{color:#fff;background:#476903;border-bottom:none;}
.logo, .header-right{width:100%;float:left;text-align:center;}
.header-right{margin-top:10px;}
.header-middle {margin-left: 0;width: 100%;text-align: center;}
}
@media only screen and (max-width:1050px){.container-row-2 ul li{margin-right:0;background:none;padding-right:4%;}.header-middle{margin-left: 5%;}
}
@media only screen and (max-width:920px){.fencing-box li{width: 32%;margin-bottom: 10px;min-height: 360px;}.fencing-box li:nth-child(3n){margin-right: 0;}.fencing-box li img{width: 100%;}}
@media only screen and (max-width:850px){.banner-left, .banner-right{width:100%;float:left;}
.banner-right img{display:block;width:100%;}
.container-row-1 ul li{width:49%;float:left;margin-bottom:1%;}
.container-row-2 ul li{display:block;width:100%;text-align:center;padding-right:0;}
.footer-middle{margin-left:6%;}
.patio-box li, .patio-box-2 li{width: 32%;margin-bottom: 10px;}
.patio-box li img, .patio-box-2 li img{min-height: 216px;}
.patio-box li:nth-child(3n), .patio-box-2 li:nth-child(3n) {margin-right: 0;}

}
@media only screen and (max-width:650px){.container-left{width:100%;float:left;}
.container-right{width:100%;float:left;}
.container-right ul li{width:50%;float:left;}
.footer-left, .footer-middle, .footer-right{width:100%;float:left;text-align:center;}
.footer-middle{margin-left:0;margin-top:10px;}
.footer-middle ul, .footer-middle ul li{float:none;}
.img-right{float: left;width: 100%;margin: 0 0 10px 0;}
.contact-row-1-col-1, .contact-row-1-col-2{width: 100%;float: left;}
.header-middle{display: none;}
}
@media only screen and (max-width:520px){
.inner-list li{width: 50%;}
.patio-box li, .patio-box-2 li {width: 100%;margin-right: 0;}
.patio-box li img, .patio-box-2 li img {min-height: 0;}
.fencing-box li{width: 100%;margin-right: 0;min-height: 0;}
.fencing-box li p {min-height: 0;}
.gallery ul li{width: 47%;}

}
@media only screen and (max-width:420px){.container-right ul li{width:100%;}
.container-row-1 ul li{width:100%;float:left;}
}