a { text-decoration: none; cursor: pointer; color:#669d38; }
body { font-family: 'Open Sans', Helvetica, Helvetica Neue, Myriad, Arial, sans-serif; padding: 0; margin:0; color:#FFF; background:#333; font-size:1.2em; text-align:center; }
h1 { font-weight:normal; font-size:2.5em; line-height:1em; text-transform: uppercase; }
h2 { font-weight:normal; font-size:1.1em; text-transform: uppercase; }
footer { padding:40px 0; background:url(../images/darkener_bg.png); position:relative; }
header { position:absolute; top:0; left:0; right:0; z-index: 100; }
header .widther { padding:30px; }
p { font-weight:100; padding:0; margin:0 0 20px 0; }
section { position:relative; }

#intro .pad { padding:180px 0 220px 0; }
#intro h1 span, #intro p span, .badges h2 span { color:#669d38; }
#intro p { text-transform:uppercase; }

.badge { float:left; width:190px; }
.badge img { margin:0 20px; }
.badges { position:absolute; width:760px; left:50%; transform: translateX(-50%); top:460px; z-index: 99; }
.badges h2 { background:#FFF; color:#333; padding:10px 0; box-shadow: 0 0 0 3px #FFF; border:2px solid #333; margin:0 170px 20px 170px; }
.badges2 { top:1370px; }
.big { font-size:1.3em; line-height:1.3em; }
.bigger { font-size:1.5em; line-height:1.2em; }
.ctabutton { display:block; position:absolute; top:0; right:0; }
.ctabuttonbot { position:absolute; top: -100px; left:50%; transform: translateX(-50%); }
.ecolabel { color:#669d38; font-size:2em; }
.header .widther { -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; }
.header .logo { height:96px; width:auto;-webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; }
.fix-header { position:fixed; background:#222; }
.fix-header .widther { padding:10px; }
.fix-header .logo { height:48px; width:auto; }
.larger { font-size:2em; line-height:1.4em; }
.nonmobhide { display:none; }
.parallax-inner { width:100% !important; top:0; left:0; }
.ps { position: relative; padding: 0 0 0 100px; text-align:left; }
.ps span { font-size:2.7em; color:#999; position: absolute; top:0; left:0; line-height:1em; }
.ps strong { font-size:1.5em; }
.pssection { background:url(../images/coverimg_cone.jpg) fixed; background-size:cover; }
.quote { font-size:1.1em; line-height:1.1em; position:relative; }
.quote .quoteend, .quote .quotestart { font-size:3em; line-height:0.3em; position:absolute; top:0; left:-20px; }
.quote .quoteend { top:auto; left:auto; bottom:0; right:-20px; }
.sctop { padding-top:88px; }
.secboxes { width:960px; height:320px; background:#000; margin:auto; font-size:0.7em; }
.secfull { background-size:cover; background-position:center center; height:245px; }
.secholder { clear:both; }
.secholder ul { text-align:left; }
.secleft, .secright { float:left; width:480px; height:320px; background-size:cover; background-position:center center; }
.schigh .secleft, .schigh .secright, .schigh .secboxes, .secboxes.schigh { height:630px; }
.scshort .secleft, .scshort .secright, .scshort .secboxes, .secboxes.scshort { height:250px; }
.secboxes .pad { padding:40px 80px; }
.secboxes.fullholder { height:245px; }
.shadow { text-shadow:0 0 20px #000; }
.small { font-size:0.8em; }
.spacer { height:88px; clear: both; }
.spacerhigh { height:172px; clear: both; }
.thirds p { font-size:1.1em; }
.thirds .pad { padding:30px 50px; }
.thirdcentre, .thirdleft, .thirdright { float:left; width:320px; height:320px; background-size:cover; background-position:center center; }
.unfixed, .unfixed .secfull, .unfixed .secboxes, .unfixed .secleft, .unfixed .secright { height:auto; }
.widther { width:960px; margin:auto; position:relative; }
.pssec, .pssec .secleft, .pssec .secright { height:220px; }
.pssec .pad { padding-bottom:0; }
.vid { height:540px; background:none; }


/*UL Tick*/
.ticks { margin:0; padding:0; }
.ticks li { list-style:none; margin:0 0 20px 0; padding:0 0 0 50px; background:url(../images/tick.png) no-repeat; background-size:30px 26px; min-height:26px; }

@media screen and (max-width: 959px){
	body { font-size:0.9em; }
	.badges { top:420px; }
	.badges2 { top:1325px; }
	#intro .pad { padding-left:40px; padding-right:40px; }
	.schigh img { width:100%; height:auto; }
	.secboxes, .widther { width:768px; }
	.secleft, .secright { width:384px; }
	.spacer { display:none; }
	.thirdcentre, .thirdleft, .thirdright { width:256px; }
	.vid { height:432px; }
}

@media screen and (max-width: 767px){
	body { font-size:0.8em; }
	.badges { width:426px; top:385px; }
	.badges h2 { padding:10px 0; margin:0 70px 20px 70px; }
	.badges2 { top:1310px; }
	#intro .pad { padding:160px 20px 180px 20px; }
	.badge { width:106px; }
	.badge img { margin:0 10px; width:86px; height:auto; }
	.ps { padding-left:55px; }
	.secboxes, .widther { width:auto; }
	.secboxes .pad, .thirds .pad { padding:40px 20px; }
	.secleft, .secright { width:50%; }
	.thirdcentre, .thirdleft, .thirdright { width:33%; }
	.thirdcentre { width:34%; }
}

@media screen and (max-width: 767px) and (min-width:480px) {
	.secleft img, .secright img, .thirdcentre img, .thirdleft img, .thirdright img { width:100%; height:auto; }
	.ps img, .pps img { width:45px; }
}

@media screen and (max-width: 479px){
	body { font-size:1.2em; }
	h1 { font-size:2em; }
	.badge { width:80px; }
	.badge img { margin:0 5px; width:70px; }
	.badges { width:320px; top:490px; }
	.badges h2 { margin:0 10px 20px 10px; font-size:1.1em; }
	.badges2 { top:2562px; }
	.ctabutton img { width:auto; height:50px; }
	.larger { font-size:1.8em; }
	#intro .pad { padding:150px 10px 165px 10px; }
	.mobhide { display:none; }
	.nonmobhide { display:block; margin-bottom: 20px; text-align:center; }
	.pagination { display:none; }
	.ps { padding-left:75px; }
	.ps span { font-size:1.8em; }
	.ps img, .pps img { width:45px; height:auto; }
	.schigh img { width:25%; height:auto; }
	.sctop { padding-top:0; }
	.secboxes { background:none; height:960px; clear: both; }
	.schigh .secboxes, .secboxes.schigh { height:1260px; }
	.secboxes .pad { padding:50px 40px; }
	.secleft, .secright, .thirdcentre, .thirdleft, .thirdright { width:auto; float:none; }
	.thirds .pad { padding:30px 50px; }
	.ticks li { margin-bottom:10px; }
	.secboxes.fullholder { height: 400px; }
	.secfull { background:none !important; }
	.pssec { height:550px; }
	.pssec .pad { padding-bottom:0; }
	.vid { height:270px; }
}

