/* General classes */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
body{font-family:Lato, Helvetica, sans-serif;font-size:105%;font-weight:400;color:#323232;text-align:center;margin:0;padding:0;background:#fff;background:url(images/bodybg2.png) repeat-y 50% 0;}
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:#8EC63F;outline:none;}a:hover{text-decoration:none;}
p{text-align:left;margin:0;padding:0 0 15px 0;font-size:100%;vertical-align:top;}
h1,h2,h3,h4{margin:0; padding:0;line-height:110%;font-family:Lato, Helvetica, sans-serif;line-height:150%;text-transform:none;font-weight:900;}
h1{color:#333;}
.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;}
.roundedfull{-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;}
.vid-wrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.vid-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
video{width: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,.cols2575,.cols333,.cols4444{width:100%;}
.cols5050 div div,.cols6040 div div,.cols4060 div div,.cols6633 div div,.cols3366 div div,.cols2575 div div,.cols333 div div,.cols4444 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%;}
.cols2575 div{width:70%;-webkit-flex-basis:70%;-moz-flex-basis:70%;flex-basis:70%;}
.cols2575 div:first-child{width:25%;-webkit-flex-basis:25%;-moz-flex-basis:25%;flex-basis:25%;margin-right:5%;border-right:1px solid #DCDCDC;}
.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%;}
.cols4444 div{width:24%;-webkit-flex-basis:24%;-moz-flex-basis:24%;flex-basis:24%;}
.cols4444 div:nth-child(2){margin-right:calc(2% / 3);margin-left:calc(4% / 3);}
.cols4444 div:nth-child(3){margin-right:calc(4% / 3);margin-left:calc(2% / 3);}
.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;}
.grid4444 div{width:25%;-webkit-flex-basis:25%;-moz-flex-basis:25%;flex-basis:25%;margin:0% 0;}

.button-link{display:inline-block;font-size:90%;padding:12px 15px;margin-top:20px;color:#fff;background:#8EC63F;font-weight:900;border:0px solid #635E59;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;cursor:pointer;}.button-link:hover{background-color:#635E59;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));}
.text-shadow{text-shadow:1px 1px 1px #000;filter:DropShadow(Color=#000000, OffX=1, OffY=1);}

.parallax{padding:40vw 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;max-width:1000px;margin:0 auto;}

#hdr-wrapper{top:0;left:0;z-index:1000;width:100%;background:#575757;border-bottom:1px solid #fff;}
#hdr{padding:10px;}
#hdr-wrapper.stickyNavShrink #hdr{padding:10px 0;}



.panels div.cols5050{padding-bottom:120px;}
.panels div.cols5050 div{width:50%;-webkit-flex-basis:50%;-moz-flex-basis:50%;flex-basis:50%;position:relative;}
.panels div.cols5050 div:nth-of-type(1){order:2;margin-right:0%!important;}
.panels div.cols5050 div:nth-of-type(2){order:1;}
.panels div div:nth-of-type(2) div{background:#fff url(images/boxcorner.png) no-repeat 100% 100%;padding:60px;width:100%;box-shadow:-1px 1px 5px 6px rgba(87,87,72,0.24);transform:translate(60px,70px);}
.panels div.colsodd div:nth-of-type(1){order:1;margin-right:0%!important;}
.panels div.colsodd div:nth-of-type(2){order:2;}.panels div.colsodd div:nth-of-type(2) div{transform:translate(-60px,70px);}
.panels h3{font-family:Poppins;font-weight:500;font-size:120%;line-height:150%;text-align:left;padding-bottom:30px;}
.panels p{text-align:left;line-height:150%;}


#ftr-wrapper{background:#575757;}
#ftr{max-width:1000px;margin:0 auto;padding:40px 20px;font-size:90%;}
#ftr a{color:#8EC63F;display:inline-block;margin:10px 0;}
#ftr p{text-align:center;color:#fff;}
#ftr p a{color:#fff;}

/*Carousel*/
#owlnext{position:absolute;top:50%;right:0;transform:translate(0%,-100%);}
#owlprev{position:absolute;top:50%;left:0;transform:translate(0%,-100%);}

/*Pages*/
.fadeline{width:90%;margin:20px auto;}

#vid1 video{width:calc(100% + 2px);}
#home-content{padding:30px 5% 50px 5%;}
#home-content h1,#home-content h3{margin:0 0 20px 0;font-size:240%;}
#home-content p{text-align:center;font-size:120%;}
#home-content .cols{margin:30px 0 30px 0;}
#home-content .cols div{background:#575757 url(images/pdf.png) no-repeat 20px 20px;background-size:20%;font-size:90%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#home-content .cols div a{display:block;padding:20px;}
#home-content .cols div a h2{padding-left:27%;color:#fff;text-align:left;}
#home-content .cols div a p{padding-left:27%;color:#fff;text-align:left;}

#vid2{padding:0 5% 60px 5%;background:#eee;}
#vid2 video{/*width:calc(100% + 1px);*/}
#vid2 h2{margin:0;padding:20px 20px;font-size:240%;}

#vid3{position:relative;}
#vid3 video{width:calc(100% + 1px);}
#vid3 p{position:absolute;bottom:10%;left:0;width:90%;color:#323232;text-align:center;padding:0 5%;font-size:120%;}

#shop{padding:0 0 60px 0;}
#shop h2{background:#575757;color:#8EC63F;font-size:240%;margin:0 0 40px 0;padding:20px 20px;}
#shop p{text-align:center;font-size:120%;}
#shop h3{font-size:180%;}
#shop .grid{margin:0 5%;width:90%;}
#shop .grid:first-of-type div:nth-of-type(1){order:2;}#shop .grid:first-of-type div:nth-of-type(2){order:3;}
#shop .grid div img{width:100%;max-width:512px;}
#shop .button-link{text-transform:uppercase;}
#stepinfo{background:#8EC63F;color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:20px 20px 0 20px;text-align:left;font-size:110%;order:1;}
#stepinfo h4{padding:0 0 20px 0;}
#stepinfo span{display:block;padding-bottom:20px;}
.steptitle{position:relative;padding-right:75px;}
.steptitle strong{display:inline-block;position:absolute;right:0;top:10px;padding:6px;background:#575757;color:#fff;font-weight:900;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-size:80%;}
#shop h4{font-size:140%;text-align:left;line-height:120%;padding-top:6px;}
#shop h4 span{display:block;font-weight:normal;font-size:80%;line-height:100%;}
.qty{text-align:left;padding:15px 0 0 0;margin:0!important;}
.qty label{font-size:100%;margin:0;padding:5px 0;display:inline-block;}
.qty select{display:inline-block;border:1px solid #333;background:#fff;color:#323232;margin:0;padding:4px;width:auto;float:right;}
.qty a{margin:10px 0 15px 0;}
.qty img{width:100%;max-width:149px!important;vertical-align:middle;}
#shopshutmessage{display:block;background:#b20000;color:#fff;font-weight:900;font-size:150%;padding:20px;margin-bottom:20px;/*margin:0 5% 20px 5%;width:90%;*/}

#reviews{background:#eee;padding:0 0 60px 0;}
#reviews h2{background:#575757;color:#8EC63F;font-size:240%;margin:0 0 40px 0;padding:20px 20px;}
#reviews p{text-align:center;padding:0 20px 30px 20px;font-size:120%;}
#reviews div{font-style:italic;padding:20px;font-size:120%;}
#reviews strong{display:block;}

#contact{background:#eee;padding:0 0 60px 0;}
#contact h2{background:#575757;color:#8EC63F;font-size:240%;margin:0 0 40px 0;padding:20px 20px;}
#contact p{text-align:center;font-size:120%;padding:0 20px;}
#contact-form div:last-of-type{text-align:right;}

/*Forms*/
form{margin:30px 5%;padding:0;text-align:left;position:relative;}
input,select{font-family:Lato, Helvetica, sans-serif;border:0px solid #5F8DAE;padding:20px;display:block;width: 100%;background:#575757;outline:none;margin:0 0 15px 0;color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
input::-webkit-input-placeholder,select::-webkit-input-placeholder{color:#A5B3BD;}
input::-moz-placeholder,select::-moz-placeholder{color:#A5B3BD;}
input:-moz-input-placeholder,select:-moz-input-placeholder{color:#A5B3BD;}
input:-ms-input-placeholder,select:-ms-input-placeholder{color:#A5B3BD;}
input:focus{background:#333;}
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:Lato, Helvetica, sans-serif;border:0px solid #5F8DAE;padding:20px;display:block;width: 100%;background:#575757;font-weight:normal;outline:none;/*height:calc(100% - 20px);resize:none;min-height:120px;*/margin:15px 0;color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
textarea::-webkit-input-placeholder{color:#A5B3BD;}
textarea::-moz-placeholder{color:#A5B3BD;}
textarea:-moz-input-placeholder{color:#A5B3BD;}
textarea:-ms-input-placeholder{color:#A5B3BD;}
textarea:focus{background:#333;}
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;}
select{color:#5F8CAD;}
select:invalid,option[value=""]{color:#5F8CAD;}
option{color:#5F8CAD;}
label{display:block;text-align:left;font-size:85%;opacity:0.8;padding-left:5px;}
input[type=submit]{width:auto;background:#8EC63F;color:#fff;font-weight:900;font-size:150%;position:absolute;bottom:0;right:0;}
.form-message{margin:12px 0 0 0;font-weight:900;color:red;font-size:120%;}

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

ul.list{padding:0 0 15px 0;}
ul.list li{background:url(images/bullet.png) no-repeat 0 12px;padding:6px 0 6px 30px;text-align:left;}
ul.ticklist{padding:0 0 15px 0;}
ul.ticklist li{background:url(images/bullettick.png) no-repeat 0 9px;padding:6px 0 6px 36px;text-align:left;}



/*Navigation*/
#nav-toggle{display:none;cursor:pointer;background:#77DDF9;padding:5px;border-radius:0px;width:100%;text-align:center;/*position:absolute;top:50%;right:10px;*/}
#nav-toggle span{display:block;width:20px;border-top:2px solid #635E5B;margin:0 auto;}#nav-toggle span:nth-child(2){margin:6px auto;}
#nav-wrapper{padding:0px 0px;overflow:visible;z-index:998;display:inline-block;}
#nav{text-align:center;position:relative;max-width:1400px;margin:0 auto;z-index:998;overflow:visible;}
#nav ul{}
#nav ul li{padding:0;display:inline-block;position:relative;z-index:9999;overflow:visible;}
#nav ul li a{display:block;padding:20px 12px;font-weight:900;font-size:120%;text-align:center;text-transform:uppercase;overflow:visible;color:#8EC63F;}
#nav ul li:hover a{/*background:#fff;*/}
#nav ul li.selected a{background:#fff;}
#nav ul li ul{position:absolute;top:100%;left:50%;z-index:9999;overflow:visible;display:none;background:#C7CDCD;padding:12px 20px;transform:translate(-50%,0%);}
#nav ul li:hover ul{display:block;}
#nav ul li ul li{display:block;}
#nav ul li ul li a{background:none!important;border-bottom:1px solid #fff;}#nav ul li ul li a:hover{background:none;color:#fff;}