/* General classes */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
body{font-family:Barlow, Helvetica, sans-serif;font-size:100%;font-weight:600;color:#1d1d1d;text-align:center;margin:0;padding:0;background:#fff;}
div,img,input,textarea{vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
a{text-decoration:none;color:#fff;outline:none;}a:hover{text-decoration:none;}
p{text-align:left;margin:0;padding:0 0 15px 0;font-size:95%;vertical-align:top;}
h1,h2,h3,h4{margin:0; padding:0;line-height:110%;}
h1{}
.strong{font-weight:700;}
.clear{clear:both; font-size:1%; line-height:1%; display:block; height:0;float:none!important;}
.large{font-size:130%;}
.medium{font-size:110%;}
.small{font-size:85%;}
.xsmall{font-size:75%;}
.xxsmall{font-size:55%;}
.round{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:inline-block;overflow:hidden;}
.rounded2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.rounded4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.vid-wrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;height:0;}
.vid-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.alignleft{text-align:left;}.alignright{text-align:right;}.aligncenter{text-align:center;}
.aligncentervertical{-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}

.cols{
	display:-webkit-flex;display:-moz-flex;display:flex;
	-webkit-flex-flow:row wrap;-moz-flex-wrap:row-wrap;flex-flow:row wrap;}
.cols5050,.col6040,.col4060,.cols6633,.cols3366,.cols333{width:100%;}
.cols5050 div div,.cols6040 div div,.cols4060 div div,.cols6633 div div,.cols3366 div div,.cols333 div div{width:100%;}
.cols5050 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;}
.cols5050 div:first-child{margin-right:4%;}
.cols6040 div{width:38%;-webkit-flex-basis:38%;-moz-flex-basis:38%;flex-basis:38%;}
.cols6040 div:first-child{width:58%;-webkit-flex-basis:58%;-moz-flex-basis:58%;flex-basis:58%;margin-right:4%;}
.cols4060 div{width:58%;-webkit-flex-basis:58%;-moz-flex-basis:58%;flex-basis:58%;}
.cols4060 div:first-child{width:38%;-webkit-flex-basis:38%;-moz-flex-basis:38%;flex-basis:38%;margin-right:4%;}
.cols6633 div{width:31%;-webkit-flex-basis:31%;-moz-flex-basis:31%;flex-basis:31%;}
.cols6633 div:first-child{width:64%;-webkit-flex-basis:64%;-moz-flex-basis:64%;flex-basis:64%;margin-right:4%;}
.cols3366 div{width:64%;-webkit-flex-basis:64%;-moz-flex-basis:64%;flex-basis:64%;}
.cols3366 div:first-child{width:31%;-webkit-flex-basis:31%;-moz-flex-basis:31%;flex-basis:31%;margin-right:4%;}
.cols333 div{width:32%;-webkit-flex-basis:32%;-moz-flex-basis:32%;flex-basis:32%;}
.cols333 div:nth-child(2){margin-right:2%;margin-left:2%;}
.cols img{max-width:100%;}
.text-col{padding:0 20px;}

.grid{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-wrap:row-wrap;flex-flow:row wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch;width:100%;}
.grid div div{width:100%;}
.grid5050 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;margin:1%;}
.grid333 div{width:30%;-webkit-flex-basis:30%;-moz-flex-basis:30%;flex-basis:30%;margin:2% 0;}

.button-link{display:inline-block;font-size:100%;text-transform:uppercase;padding:16px;color:#00523B;background:#eaeaea;border-bottom:10px solid #62BC64;}.button-link:hover{background-color:#00523B;color:#fff;}
.clickable{cursor:pointer;}

.card-shadow{-webkit-box-shadow:3px 3px 6px -2px #444;-moz-box-shadow:3px 3px 6px -2px #444;box-shadow:3px 3px 6px -2px #444;}
.shadow1{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.shadow2{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}
.shadow3{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.shadow4{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}
.shadow5{box-shadow:0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22)}
.shadow-bottom{box-shadow:0px 21px 29px -16px rgba(0,0,0,0.55);margin-bottom:30px!important;}
img.shadow{filter:drop-shadow(0px 12px 15px rgba(0,0,0,0.22));}

.parallax{padding:400px 0 0 0;}

.hdrline{width:20px;height:1px;vertical-align:middle;margin:0 10px;}
.hdrline2{width:60px;height:1px;vertical-align:middle;margin:0 10px;}

/*Elements*/
#outwrapper{overflow:hidden;position:relative;}

#hdr-wrapper{top:0;left:0;z-index:1000;width:100%;background:#fff;border-bottom:1px solid #E7E7E9;}
#hdr{text-align:left;width:100%;max-width:1400px;margin:0 auto;padding:24px 0;-moz-transition: all .55s;-ms-transition: all .55s;  -o-transition: all .55s;transition: all .55s; -webkit-transition: all .55s;}
#hdr-wrapper.stickyNavShrink #hdr{padding:10px 0;}
#logo{display:inline-block;vertical-align:middle;}
#logo a{display:inline-block;width:213px;}#logo a img{width:100%;}

#hdr-contact{position:absolute;top:0;right:calc((100% - 1400px) / 2);background:#eaeaea;color:#00523A;padding:0 20px 0 0;}
#hdr-contact a{color:#00523A;}
#hdr-contact img{vertical-align:middle;margin:0 8px 0 0;}

#product-nav-wrapper{background:-webkit-linear-gradient(#6CBD45,#005236);background:-o-linear-gradient(#6CBD45,#005236);background:-moz-linear-gradient(#6CBD45,#005236);background:linear-gradient(#6CBD45,#005236);border-bottom:1px solid #fff;}
#product-nav{width:100%;max-width:1400px;margin:0 auto;}
#product-nav ul{margin:0;padding:0;}
#product-nav ul li{display:inline-block;width:25%;margin:0;padding:0;}
#product-nav ul li a{display:block;font-size:250%;text-transform:uppercase;color:#fff;padding:30px;border-right:1px solid #fff;}#product-nav ul li:first-child a{border-left:1px solid #fff;}
#product-nav ul li a span{display:block;text-transform:none;font-size:45%;}
#product-nav ul li a:hover{background:#6CBD45;}

#banner{width:100%;height:620px;position:relative;background:url(images/home/banner1.jpg) no-repeat 50% 50%;background-size:cover;}
#bannerbot{position:absolute;bottom:0;left:0;width:100%;z-index:200;}
.slider{width:100%;height:100%;overflow:hidden;position:relative;}
.slide{width:100%;height:100%;top:0;left:0;float:left;position:absolute;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:rgba(0,0,0,0.1);}
.slide-content{width:100%;margin:0 auto;z-index:99;background:rgb(0,0,0);background:rgba(0,0,0,.70);}
.slide-content span{display:block;padding:50px 20px;position:relative;max-width:600px;margin:0 auto;}
.slide-content h2{font-size:300%;color:#fff;text-transform:uppercase;font-weight:}
.slide-content p{font-size:130%;color:#fff;text-align:center;padding:20px 0 30px 0;}
#banner a{display:inline-block;font-size:120%;text-transform:uppercase;padding:16px;color:#00523B;background:#eaeaea;border-bottom:10px solid #62BC64;}#banner a:hover{background:#00523B;color:#fff;}


h1{color:#fff;text-transform:uppercase;font-size:300%;background:#333;padding:40px 20px;}
#content-wrapper{background:url(images/pagebg.png) no-repeat 50% 0;background-size:100% 115px;}
#content{width:100%;max-width:1400px;margin:0 auto;padding:120px 20px 0px 20px;font-size:120%;}
#content p{line-height:150%;}
#page-content{background:url(images/pagebg.png) no-repeat 50% 0;background-size:100% 115px;padding-top:80px;}
#page-content p{}

.textimgrow-wrapper{font-size:130%;}
.text-imgrows .textimgrow-wrapper:nth-of-type(even){background:#EAEAEA url(images/textimgrowbg.png) no-repeat top left;background-size:50% 70px;}
.textimgrow{max-width:1400px;margin:0 auto;font-weight:600;padding:80px 0;}
.textimgrow div{padding:10px 40px;background-size:cover;background-position:50% 50%;}
.textimgrow div:first-of-type{border-right:14px solid #62BC64;border-left:40px solid #fff;}
.text-imgrows .textimgrow-wrapper:first-of-type p:first-of-type{font-size:120%;}
.text-imgrows .textimgrow-wrapper:nth-of-type(even) div div:first-of-type{border-left:14px solid #62BC64;border-right:40px solid #eaeaea;margin-right:0;order:2;}
.text-imgrows .textimgrow-wrapper:nth-of-type(even) div div:nth-of-type(2){border-right:none;border-left:none;margin-right:4%;order:1;}
.textimgrow h2{text-transform:uppercase;font-weight:600;text-align:left;color:#00523A;padding:0 0 20px 0;}
.textimgrow a{color:#00523B;}

#logos{text-align:center;padding:30px 20px;}

#shop-panel-wrapper{background:#62BC64 url(images/shoppanelbg.png) no-repeat top right;border-top:1px solid #fff;}
#shop-panel-wrapper a{color:#fff;}
#shop-panel{width:100%;max-width:1400px;margin:0 auto;padding:50px 20px;font-size:120%;background:url(images/shoppanel.png) no-repeat 98% 50%;}
#shop-panel div{text-align:left;}
#shop-panel strong{display:block;text-transform:uppercase;font-weight:600;color:#00523B;}
#shop-panel p{padding:20px 0 24px 0;font-size:140%;max-width:600px;}
#shop-panel .button-link{border-color:#00523B;}

#ftr-wrapper{border-top:1px solid #fff;background:#666;}
#ftr{width:100%;max-width:1400px;margin:0 auto;padding:20px;color:#fff;font-size:85%;}
#ftr a{color:#fff;}


/*Pages*/
#home-content h1{color:#00523A;text-transform:uppercase;font-size:250%;padding:0 0 40px 0;max-width:900px;margin:0 auto;background:none;}
#home-content p{text-align:center;max-width:900px;margin:0 auto;}
#home-content p:first-of-type{font-size:130%;}

#home-panels{padding:80px 0 50px 0;}
#home-panels div{background:#333;color:#fff;padding:10px 0 30px 0;color:#fff;-moz-transition: all .35s;-ms-transition: all .35s;  -o-transition: all .55s;transition: all .35s; -webkit-transition: all .35s;}
#home-panels div:hover{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);transform:scale(1.05);}
#home-panels h2{padding:80px 0;font-size:200%;text-transform:uppercase;line-height:80%;}
#home-panels div:nth-of-type(1) h2{background:url(images/home/panel-fencing.jpg) no-repeat 50% 50%;background-size:cover;}
#home-panels div:nth-of-type(2) h2{background:url(images/home/panel-grounds2.jpg) no-repeat 50% 50%;background-size:cover;}
#home-panels div:nth-of-type(3) h2{background:url(images/home/panel-outdoor.jpg) no-repeat 50% 50%;background-size:cover;}
#home-panels em{font-style:normal;background:rgba(51,51,51,0.7);padding:20px;display:block;border-bottom:10px solid #62BC64;}
#home-panels span{display:block;font-size:45%;text-transform:none;}
#home-panels p{text-align:center;font-size:85%!important;padding:30px 20px 0 20px;}

.quote{background:#EAEAEA;padding:40px 0;}
.quote em{width:80%;margin:auto;display:block;font-family:Lora, "Times New Roman", Times, serif;font-size:120%;font-weight:400;}
.quote span{width:80%;margin:auto;display:block;font-size:85%;padding:12px 0 0 0;}

#contactpage{padding:80px 20px;font-size:140%;}
#contactpage form{background:#eaeaea;border-right:14px solid #62BC64;padding:20px;}
#contactpage div:nth-of-type(1){order:2;margin-right:0;}
#contactpage div:nth-of-type(2){order:1;margin-right:4%;}
#contactpage div:nth-of-type(2) p:first-of-type{font-size:120%;}
#contactpage div:nth-of-type(2) p:nth-of-type(2){font-size:120%;}
#contactpage a{color:#62BC64;display:block;}

#projects{padding:80px 20px 0 20px;max-width:1400px;margin:0 auto;font-size:130%;}
.project{display:-webkit-flex;display:-moz-flex;display:flex;width:100%;margin:0 0 20px 0;}
.project div{width:50%;-webkit-flex-basis:50%;-moz-flex-basis:50%;flex-basis:50%;}
.project-img{background-repeat:none;background-position:50% 50%;background-size:cover;position:relative;}
.project-img strong{display:block;background:rgba(51,51,51,0.7);color:#fff;font-weight:600;border-bottom:10px solid #62BC64;padding:20px;position:absolute;top:50%;text-transform:uppercase;width:calc(100% - 40px);transform:translateY(-50%);}
.project-img strong span{display:block;font-size:85%;text-transform:none;}
.project-text{background:#eaeaea;padding:100px 50px;}
.project-text p{text-align:center;}
.project-text p span{display:block;font-size:85%;padding:15px 0;}
.project-text a.button-link{background:#fff;}
.project-text a.button-link:hover{background:#00523b;}

/*Forms*/
form{margin:0;padding:40px 0 0 0;text-align:left;}
input{font-family:Barlow, Helvetica, sans-serif;border:none;margin:0 0 15px 0;padding:12px;display:block;width: 100%;background:#fff;outline:none;}
input::-webkit-input-placeholder{color:#62BC64;}
input::-moz-placeholder{color:#62BC64;}
input:-moz-input-placeholder{color:#62BC64;}
input:-ms-input-placeholder{color:#62BC64;}
input:focus{background:#d3d3d3;}
input:focus::-webkit-input-placeholder{color:transparent;}
input:focus::-moz-placeholder{color:transparent;}
input:focus:-moz-input-placeholder{color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}
textarea{font-family:Barlow, Helvetica, sans-serif;border:none;padding:12px;display:block;width: 100%;background:#fff;outline:none;height:calc(100% - 22px);resize:none;min-height:120px;margin:0 0 15px 0;}
textarea::-webkit-input-placeholder{color:#62BC64;}
textarea::-moz-placeholder{color:#62BC64;}
textarea:-moz-input-placeholder{color:#62BC64;}
textarea:-ms-input-placeholder{color:#62BC64;}
textarea:focus{background:#d3d3d3;}
textarea:focus::-webkit-input-placeholder{color:transparent;}
textarea:focus::-moz-placeholder{color:transparent;}
textarea:focus:-moz-input-placeholder{color:transparent;}
textarea:focus:-ms-input-placeholder{color:transparent;}
label{display:none;}
form .warning{color:red;padding:0 0 6px 0;}
input[type=submit]{width:auto;background:#fff;}

/*Lists*/
ul{margin:0; padding:0; list-style:none;}

#page-content ul li{text-align:left;margin:0;padding:5px 0 6px 30px;background:url(images/bullet.png) no-repeat 0 50%;}


/*Navigation*/
#nav-toggle{display:none;cursor:pointer;background:#fff;padding:5px;border-radius:4px;position:absolute;top:50%;right:10px;}
#nav-toggle span{display:block;width:20px;border-top:2px solid #4C4C4C;}#nav-toggle span:nth-child(2){margin:6px 0;}
#nav{display:inline-block;vertical-align:middle;width:calc(100% - 213px);text-align:right;}
#nav ul{display:inline-block;font-size:100%;vertical-align:middle;margin:0px 0;padding:20px 0 0 0;}
#nav ul li{display:inline-block;padding:0;margin:0px 0 0 12px;}#nav-bar ul li:first-child{margin-right:0;}
#nav ul li a{color:#3B3B3A;display:inline-block;vertical-align:middle;padding:16px;transform:none;position:static;border-bottom:10px solid transparent;text-transform:uppercase;font-weight:700;font-size:95%;}
#nav ul li.selected a, #nav ul li:hover a{border-color:#62BC64;background:#EAEAEA;}