/* FONT STYLES

font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-weight: 300; font-style: normal;

font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-weight: 400; font-style: normal;

font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-weight: 500; font-style: normal;

font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal;

*/

body{
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 400;
  background-color: #fbfbfb;
-webkit-font-smoothing:antialiased;
}
	

h1, h2, h3, h4, h5{
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-weight: 300; font-style: normal;
		
}


article h1, h2 {
    font-size: 2em;
    text-align: Center;
    margin: 1.95em 0 1.75em;
    font-weight: 300;
}

h2 a,
h2 a:visited{
	color:#000;
	text-decoration:none;
}
h2 a:hover{
	color:#71b852;
	text-decoration:none;
}

h3{
	font-size:1.55em;
}

body, html {
  /* prevent horizontal scrolling */
  overflow-x: hidden;
}

p{
	font-size:16px;
}

img{
	max-width:100%;
	height:auto;
}

@media only screen and (max-width: 959px) {
	h2 {
  		font-size: 1.5em;
	}
}

#slider h1.main-title{
	font-size: 100px;
	text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	line-height: 100px;
	margin-top: 40px;
	color: #71b852;
}

#slider h1.main-title span{
	color: #fff;
}

@media only screen and (max-width: 768px) {
	#slider h1.main-title{
		font-size: 40px;
		line-height: 40px;
	}
	#slider h1.main-title span{
		color: #222;
	}
}

/* -------------------------------- 

general

-------------------------------- */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 18px;
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  color: #FFF;
  background: #71b852;
  background: rgba(113,184,82, 0.9);
  border-color: #231e20;
  font-weight:400;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-style: normal;
	transition:0.25s all ease-in-out;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #231e20;
  border-color: #231e20; }


.button.button-primary.border, button.button-primary.border, input[type="submit"].button-primary.border, input[type="reset"].button-primary.border, input[type="button"].button-primary.border {
  color: #231e20;
  background: none;
  border-color: #71b852;
  font-weight:400;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-style: normal;
	transition:0.25s all ease-in-out;
}
.button.button-primary.border:hover,
button.button-primary.border:hover,
input[type="submit"].button-primar.bordery:hover,
input[type="reset"].button-primary.border:hover,
input[type="button"].button-primary.border:hover,
.button.button-primary.border:focus,
button.button-primary:focus,
input[type="submit"].button-primar.bordery:focus,
input[type="reset"].button-primary.border:focus,
input[type="button"].button-primary.border:focus {
  color: #FFF;
  background-color: #71b852;
  border-color: #71b852; }

/* -------------------------------- 

top bar 

-------------------------------- */
#top-bar{
	padding:1.5em 0;
	background:#fff;
}

.contact-details{
	
	text-align:right;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-weight: 400; font-style: normal;
}


.contact-details a,
.contact-details a:visited{
	color:#000;
	text-decoration:none;
}

.contact-details .telephone{
	font-size:1em;
	font-weight:400;

}

.contact-details .email{
	font-size:1em;
	text-align:right;

}


/* -------------------------------- 

Menu 

-------------------------------- */

nav ul li a,
nav ul li a:visited{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-weight: 300; font-style: normal;
	font-size:12px;
}


nav ul li a:hover{
	color:#71b852;
}


.cd-nav-trigger{
	display:none;
}


@media only screen and (min-width: 961px) {
	
	
	#menu-wrap{
		width: 100%;
		/* max-width: 1200px; */
		margin: 0 auto;
		
		background: #333333; /* Old browsers */

		background: -moz-linear-gradient(top,  #333333 0%, #454545 100%); /* FF3.6+ */
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#454545)); /* Chrome,Safari4+ */
		
		background: -webkit-linear-gradient(top,  #333333 0%,#454545 100%); /* Chrome10+,Safari5.1+ */
		
		background: -o-linear-gradient(top,  #333333 0%,#454545 100%); /* Opera 11.10+ */
		
		background: -ms-linear-gradient(top,  #333333 0%,#454545 100%); /* IE10+ */
		
		background: linear-gradient(to bottom,  #333333 0%,#454545 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
	
  	}
	
	#cd-nav{
		max-width: 1200px;
    	margin: 0 auto;
	}
	
	nav{
		background: #333333; /* Old browsers */

		background: -moz-linear-gradient(top,  #333333 0%, #454545 100%); /* FF3.6+ */
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#454545)); /* Chrome,Safari4+ */
		
		background: -webkit-linear-gradient(top,  #333333 0%,#454545 100%); /* Chrome10+,Safari5.1+ */
		
		background: -o-linear-gradient(top,  #333333 0%,#454545 100%); /* Opera 11.10+ */
		
		background: -ms-linear-gradient(top,  #333333 0%,#454545 100%); /* IE10+ */
		
		background: linear-gradient(to bottom,  #333333 0%,#454545 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#454545',GradientType=0 ); /* IE6-9 */

	}
	#top-bar .logo{
		float:left;
		width:33%;
	}
	#top-bar .logo img{
		width:100%;
	}
	#top-bar .contact-details{
		
  	  float: right;
   		padding-top: 1.1em;

	}
	.contact-details .telephone{
		font-size:2em;
		display:block;
		font-weight:300;
	
	}
	.contact-details .email{
		font-size:1.22em;
		text-align:right;
		display:block;
	
	}
	.contact-details .telephone{
		
		display:block;
	
	}
	nav,
	nav *{
		overflow:visible;
	}
	
	nav .wrap {
 	 margin-left: 9.666667%;
 	 width: 80.666667%;
	}
  
	nav ul,
	nav li{
		margin:0;
		padding:0;
		list-style:none;
	}
	nav ul li{
		display:inline-block;
		position:relative;
		
	}
	
	nav ul li a{
		padding:1.25em 1em;
		display:block;
		margin:0 1px;
		letter-spacing:+0.25px;
	
	}
	nav ul li li{
		display:block;
		width:200px;
		padding:0em;
	}
	
	
	
	nav ul li.selected{
		border-left:1px solid #4b5a4c;
	}
	
	
	nav ul li.selected a{
		border-right:1px solid #4b5a4c;
		margin:0;
	}
	nav ul li.selected li{
		border-left:none;
	}
	
	nav ul li.selected{
		background: -moz-linear-gradient(left,  rgba(51,51,51,1) 0%, rgba(51,51,51,0) 50%, rgba(51,51,51,1) 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51,51,51,1)), color-stop(50%,rgba(51,51,51,0)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
		
		background: -webkit-linear-gradient(left,  rgba(51,51,51,1) 0%,rgba(51,51,51,0) 50%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
		
		background: -o-linear-gradient(left,  rgba(51,51,51,1) 0%,rgba(51,51,51,0) 50%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
		
		background: -ms-linear-gradient(left,  rgba(51,51,51,1) 0%,rgba(51,51,51,0) 50%,rgba(51,51,51,1) 100%); /* IE10+ */
		
		background: linear-gradient(to right,  rgba(51,51,51,1) 0%,rgba(51,51,51,0) 50%,rgba(51,51,51,1) 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=1 ); /* IE6-9 */




	}
	nav ul li.selected li a{
		border-right:none;
		margin:0;
	}
	ul{
	}
	
	nav ul ul{
		display:block;
		visibility:hidden;
		opacity:0;
		transition:0.1s all ease-in-out;
		padding:0.5em 0;
		background:#71b852;
		border-left:5px solid #454545;
		position:absolute;
		top:100%;
		left:-20px;
		z-index:90;
	}
	
	nav ul li:hover ul{
		display:block;
		visibility: visible;
		opacity:1;
		transition:0.15s all ease-in-out;
		top:100%;
		left:0;
	}
	nav ul li li a{
		
		border-top:1px dotted #86ce89;
	}
	nav ul li li:first-child a{
		border:none;
	}
	nav ul li li a:hover{
		color:#454545;
		font-weight:500;
	}
}
@media only screen and (max-width: 960px) {
	
	#top-bar {
	  padding: 0.85em 4%;
	  background: #fff;
	  position:fixed;
	  top:0;
	  z-index:9999;
	  width:100%;	}	
		
	#top-bar .logo {
	  width: 190px;
	}
	#top-bar .logo img{
		width:100%;
		height:auto;
		
	}
	.contact-details{
		text-align:Center;
		display:none;
	}
	.contact-details .email{
		display:inline-block;
		margin-left:0.51em;
	
	}
	.contact-details .telephone{
		
		display:inline-block;
		margin-right:0.51em;
	
	}
	
	
	.cd-nav-trigger{
		display:block;
	}
	.main {
	  position: relative;
	  z-index: 2;
	  /* fix bug on iOS */
	min-height:100vh;
	margin-top:62px;
	  /* Force Hardware Acceleration in WebKit */
	  -webkit-transform: translateZ(0);
	  -moz-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  -o-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transition: -webkit-transform 0.7s;
	  -moz-transition: -moz-transform 0.7s;
	  transition: transform 0.7s;
	  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
	  background:#fbfbfb;
	}
	
	
	.navigation-is-open .main {
	  -webkit-transform: translateX(100%);
	  -moz-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	  -o-transform: translateX(100%);
	  transform: translateX(100%);
	}
	
	
	.cd-nav-trigger {
	  position: fixed;
	  z-index: 9999;
	  right: 5%;
	  top: 18px;
	  height: 54px;
	  width: 54px;
	  background-color: #231e20;
	  border-radius: 50%;
	  /* image replacement */
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  -webkit-transition: -webkit-transform 0.5s;
	  -moz-transition: -moz-transform 0.5s;
	  transition: transform 0.5s;
	}
	.cd-nav-trigger .cd-nav-icon {
	  /* icon created in CSS */
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  bottom: auto;
	  right: auto;
	  -webkit-transform: translateX(-50%) translateY(-50%);
	  -moz-transform: translateX(-50%) translateY(-50%);
	  -ms-transform: translateX(-50%) translateY(-50%);
	  -o-transform: translateX(-50%) translateY(-50%);
	  transform: translateX(-50%) translateY(-50%);
	  width: 22px;
	  height: 2px;
	  background-color: #ffffff;
	}
	.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
	  /* upper and lower lines of the menu icon */
	  content: '';
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100%;
	  height: 100%;
	  background-color: inherit;
	  /* Force Hardware Acceleration in WebKit */
	  -webkit-transform: translateZ(0);
	  -moz-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  -o-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
	  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
	  transition: transform 0.5s, width 0.5s, top 0.3s;
	}
	.cd-nav-trigger .cd-nav-icon::before {
	  -webkit-transform-origin: right top;
	  -moz-transform-origin: right top;
	  -ms-transform-origin: right top;
	  -o-transform-origin: right top;
	  transform-origin: right top;
	  -webkit-transform: translateY(-6px);
	  -moz-transform: translateY(-6px);
	  -ms-transform: translateY(-6px);
	  -o-transform: translateY(-6px);
	  transform: translateY(-6px);
	}
	.cd-nav-trigger .cd-nav-icon::after {
	  -webkit-transform-origin: right bottom;
	  -moz-transform-origin: right bottom;
	  -ms-transform-origin: right bottom;
	  -o-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: translateY(6px);
	  -moz-transform: translateY(6px);
	  -ms-transform: translateY(6px);
	  -o-transform: translateY(6px);
	  transform: translateY(6px);
	}
	.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
	  top: 2px;
	}
	.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
	  top: -2px;
	}
	.cd-nav-trigger svg {
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	.cd-nav-trigger circle {
	  /* circle border animation */
	  -webkit-transition: stroke-dashoffset 0.4s 0s;
	  -moz-transition: stroke-dashoffset 0.4s 0s;
	  transition: stroke-dashoffset 0.4s 0s;
	}
	.navigation-is-open .cd-nav-trigger {
	  /* rotate trigger when navigation becomes visible */
	  -webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
	.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
	  /* animate arrow --> from hamburger to arrow */
	  width: 50%;
	  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
	  -moz-transition: -moz-transform 0.5s, width 0.5s;
	  transition: transform 0.5s, width 0.5s;
	}
	.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
	  top: 0;
	}
	.navigation-is-open .cd-nav-trigger circle {
	  stroke-dashoffset: 0;
	  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
	  -moz-transition: stroke-dashoffset 0.4s 0.3s;
	  transition: stroke-dashoffset 0.4s 0.3s;
	}
	
	#top-bar .offset-by-one.columns {
	  margin-left: 0;
	}
	.cd-nav {
	  position: fixed;
	  z-index: 1;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  background-color: #231e20;
	  visibility: hidden;
	  -webkit-transition: visibility 0s 0.7s;
	  -moz-transition: visibility 0s 0.7s;
	  transition: visibility 0s 0.7s;
	}
	.cd-nav .cd-navigation-wrapper {
	  /* all navigation content */
	  height: 100%;
	  overflow-y: auto;
	  -webkit-overflow-scrolling: touch;
	  /* Force Hardware Acceleration in WebKit */
	  -webkit-transform: translateZ(0);
	  -moz-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  -o-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transform: translateX(-50%);
	  -moz-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  -o-transform: translateX(-50%);
	  transform: translateX(-50%);
	  -webkit-transition: -webkit-transform 0.7s;
	  -moz-transition: -moz-transform 0.7s;
	  transition: transform 0.7s;
	  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	}
	.navigation-is-open .cd-nav {
	  visibility: visible;
	  -webkit-transition: visibility 0s 0s;
	  -moz-transition: visibility 0s 0s;
	  transition: visibility 0s 0s;
	}
	.navigation-is-open .cd-nav .cd-navigation-wrapper {
	  -webkit-transform: translateX(0);
	  -moz-transform: translateX(0);
	  -ms-transform: translateX(0);
	  -o-transform: translateX(0);
	  transform: translateX(0);
	  -webkit-transition: -webkit-transform 0.5s;
	  -moz-transition: -moz-transform 0.5s;
	  transition: transform 0.5s;
	  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	}
	.cd-nav h2 {
	  position: relative;
	  margin-bottom: 1.7em;
	  font-size: 1.3rem;
	  font-weight: 800;
	  color: #080b0f;
	  text-transform: uppercase;
	}
	.cd-nav h2::after {
	  /* bottom separation line */
	  content: '';
	  position: absolute;
	  left: 0;
	  bottom: -20px;
	  height: 1px;
	  width: 60px;
	  background-color: currentColor;
	}
	.cd-nav .cd-primary-nav {
	  margin-top: 92px;
	}
	.cd-nav .cd-primary-nav li {
	  margin: 0;
	}
	.cd-nav .cd-primary-nav a {
	  font-size: 0.85em;
	  color: #71b852;
	  letter-spacing:+0.2px;
	  display:block;
	  padding:1.25em 8%;
	}
	.cd-nav .cd-primary-nav a.selected {
	  color: #ffffff;
	}
	.no-touch .cd-nav .cd-primary-nav a:hover {
	  color: #ffffff;
	}
	.cd-nav .cd-contact-info {
	  margin-top: 80px;
	}
	.cd-nav .cd-contact-info li {
	  margin-bottom: 1.5em;
	  line-height: 1.2;
	  color: #71b852;
	}
	.cd-nav .cd-contact-info a {
	  color: #71b852;
	}
	.cd-nav .cd-contact-info span {
	  display: block;
	}
	.cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
	  font-size: 1.6rem;
	}
	
	.no-js .main {
	  height: auto;
	  overflow: visible;
	}
	
	.no-js .cd-nav {
	  position: static;
	  visibility: visible;
	}
	.no-js .cd-nav .cd-navigation-wrapper {
	  height: auto;
	  overflow: visible;
	  padding: 100px 5%;
	  -webkit-transform: translateX(0);
	  -moz-transform: translateX(0);
	  -ms-transform: translateX(0);
	  -o-transform: translateX(0);
	  transform: translateX(0);
	}
	
	nav ul, 
	nav ul li{
		list-style:none;
		margin:0;
		padding:0;
		font-weight:400;
	}
	nav ul li a{
		display:block;
		padding:0 4%;
		font-weight:700;
		text-align:left;
	}


	nav ul li li {
		width:50%;
		float:left;
	}
	.cd-nav .cd-primary-nav a{
		color:#71b852;
		text-transform:uppercase;
		
	}
	nav ul li a{
		display:block;
		padding:1em 4%;
		border-top:1px solid #000;
	}
	
	
	nav ul li:first-child a{
		border-top:none;
	}
	
	nav ul ul{
		padding:0 4% 9px;
		
	}
	
	nav ul ul li:hover ul{
		display:block;
		
	}
	.cd-nav .cd-primary-nav li li a{
		color: #fff;
		font-weight:300;
		text-transform:none;
		text-align:left;
		border-top:none;

	}
}

/* -------------------------------- 

Slider 

-------------------------------- */
#slider{
	position:relative;
	max-width:1200px;
	margin:0 auto;
	color:#fff;
	width:100%;

}


#slider  .container{
	width:100%;
}
#slider .text{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:3;
}

.case-study #slider .text{
	position:relative;
}
.case-study #slider .text .container{
	width:100%;
	padding:0 2.5%;
	
	background:rgba(0,0,0,0.25);

	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.05) 46%, rgba(0,0,0,0.05) 54%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(46%,rgba(0,0,0,0.05)), color-stop(54%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.05) 46%,rgba(0,0,0,0.05) 54%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.05) 46%,rgba(0,0,0,0.05) 54%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.05) 46%,rgba(0,0,0,0.05) 54%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.05) 46%,rgba(0,0,0,0.05) 54%,rgba(0,0,0,0.65) 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */

}
#slider img{
	width:100%;
	height:auto;
}
#slider .image{
	position:relative;
	z-indezx:1;
}
#slider .overlay{
	width:100%;
	height:99%;
	position:absolute;
	z-index:2;
	top:0;
	
	background:rgba(0,0,0,0.25);

	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.4) 46%, rgba(0,0,0,0.4) 54%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(46%,rgba(0,0,0,0.4)), color-stop(54%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.4) 46%,rgba(0,0,0,0.4) 54%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.4) 46%,rgba(0,0,0,0.4) 54%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.4) 46%,rgba(0,0,0,0.4) 54%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.4) 46%,rgba(0,0,0,0.4) 54%,rgba(0,0,0,0.65) 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */




}
#slider .page-header{
	margin:3em 0 1em;
	border-bottom:1px solid #71b852;
}
#slider h1{
	font-size:2.25em;
	float:left;
}

#slider .page-header .button{
	float:right;
}

#slider p{
	font-size:1.1em;
	max-width:450px;
}


#slider ul,
#slider li{
	list-style:none;
	padding:0;
	margin:0;
}
#slider ul{
	margin-bottom:2em;
}


@media only screen and (max-width: 1200px) {
	#slider .cta{
		display:none;
	}
	
}
@media only screen and (max-width: 959px) {
	#slider h1{
		font-size:1.75em;
		float:left;   
		line-height: 1.42em;

	}
	#slider {
		border-top:10px solid #3A3A3A;
	}
	.case-study #slider .image {
	  position: relative;
	  overflow: hidden;
	}
	.case-study #slider .image img {
		width:160%;
	}
	
	h3 {
	  font-size: 1.55em;
	  margin-bottom: 1.1em;
	}
	#slider .page-header {
 	 margin: 2em 0 1em
	}
	
}
@media only screen and (max-width: 768px) {
	#slider, #slider .container{
		max-height: none;
	}
	#slider h1{
		font-size:1.55em;
		float:left;;
		margin-bottom: 0.5em;
		color: #000;
	}
	
	#slider .overlay{
		display: none;
	}
	
	#slider .text{
		position:static;
		top:0;
		left:0;
		width:100%;
		z-index:3;
	}
	
	#slider p{
		font-size:12px;
		color: #000;
	}
	
	#slider .page-header {
	  margin: 1.25em 0 0.5em;
	  border-bottom: 1px solid #71b852;
	}
	
	#slider .page-header .cta{
		display:none;
	}
	.case-study #slider .image img {
		width:130%;
	}
		
}
@media only screen and (max-width: 440px) {
	
	
	.case-study #slider{
		 display:block;
	}
	
		
	.case-study #slider .image img {
		width:250%;
	}
		
}
@media only screen and (max-width: 680px) {
	#slider  .container{
		width:100%;
	}
	
}

/* -------------------------------- 

Content 

-------------------------------- */
.page-template-page-energy h3{
	text-align:Center;
	margin:0em 0 1em;
}



.page-template-page-energy .grey-bar h3{
	text-align:left;
}

.standard-content p + h3{
	text-align:left;
}

.standard-content h2{
	margin:0.5em 0 0.5em;
}
.standard-content h2 + p {
    font-size: 1.25em;
    font-weight: 500;
    margin-top: 1.25em;
    margin-bottom: 1em;
    color: #71B843;
    text-align: center;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 2.15em;
}
.stats{
	background:url(../images/greenpixel.png) center repeat-y;
	padding-top:8px;
}

.page-template-page-energy .stats{
	margin:2em 0 3em;
}
.stats p{
	margin-top:1em;
	margin-bottom:0;
	width:95%;
}
.stats .icon{
	float:left;
	margin-right:5%;
	width:20%;
	
}

.stats .text{
	float:right;
	width:75%;
}

.stats .icon img{
	width:100%;
	height:auto;
}

.stats .columns {
  margin-left: 6%;
}

.stats .columns:first-child {
  margin-left: 8.66666666667%;
}


.stat{
	font-weight:700;
	
}

.stat strong{
	display:block;
	font-size:1.49em;
	margin:0.35em 0 0.65em 0;
font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-weight: 300; font-style: normal;
}

.archive article .stat strong{
	font-size:1.25em;
}

ul.plain{
	list-style:none;
}
ul.plain li{
	margin-bottom:1.15em;
}
ul.plain li strong{
	font-size:1.1em;
	color:#71B843;
}

.m-bottom{
	margin-bottom:3em;
}
@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 768px) {
	
	.stats{
		width:92%;
		margin:0 auto;
		margin-bottom:1em;
		background:none;
	}
	.stats .columns{
		
		width:47.5%;
		float:left;
		margin:0;
		margin-left:5%;		
	}

	.stats .columns:first-child{
		margin-left:0;
	}
	
	.stats p {
		margin-top: 1em;
		margin-bottom: 0;
		width: 95%;
		font-size: 14px;
	}
	
	h2 {
	  font-size: 1.5em;
	}
}


@media only screen and (max-width: 468px) {
	
	.stats .columns{
		
		width:100%;
		float:none;
		margin-left:0;		
	}
	
	.stats .five{
	  content: "";
	  display:table;
	  clear: both;
	  margin-bottom:1em;
	}
	
	h2 {
	  margin: 1.5em 0 0.91em;
	}
}

/* -------------------------------- 

Sliding Content

-------------------------------- */

#more-information,
#sliding-content{
	background:#fff;	
	border-top:1px #71b852 solid;
	border-bottom:1px #71b852 solid;
	padding:0;
	margin-top:0;
	max-width:100%;
}

#more-information .row,
#sliding-content .row{
	margin-left:auto;
	margin-right:auto;
	max-width:1190px;
}
#more-information h2,
#sliding-content h2{
	font-size:2em;
	text-align:center;
	margin:1.5em 0 1em;
	
}
#more-information h3,
#sliding-content h3,
.cd-faq-trigger{
	font-size:1.82em;
	text-align:left;
	margin:0 0 0.71em;
	color:#71b852;
	text-transform:uppercase;
	font-weight:300;
	
}

#more-information h3 a:visited,
#more-information h3 a{
	color:#71b852;	
	text-decoration:none;
}
#more-information h4,
#sliding-content h4{
	font-size:1.22em;
	text-align:left;
	margin:1em 0;
	font-weight:300;
	color:#1c1c1b;
}
#more-information .content .right,
#more-information .content .left,
#sliding-content .content .right,
#sliding-content .content .left{
	width:48%;
	float:left;
	position:relative;
	z-index:1;
	padding-bottom:1.5em;
}
#more-information .content .right,
#sliding-content .content .right{
	margin-left:4%;
}
#more-information .button,
#sliding-content .button{
	margin-bottom:6em;
}


#sliding-content img{
	position:absolute;
	bottom:0;
	right:0%;
	z-index:0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #847e80;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #71b852;
}
#slider-prev{
  position: absolute;
  left: 60px;
  top: 50%;
  margin-top: -38px;
  display:block;
  background:url(../images/prev-green.svg) left top no-repeat;
	height:75px;
	width:45px;
	transition:0.2s all ease-in-out;
}
#slider-prev:hover{
	left:40px;
}
.bx-prev{
	background:url(../images/prev-black.svg) right top no-repeat;
	height:75px;
	width:45px;
	position:absolute;
	left:0;
	top:0;
	display:block;
	transition:0.2s all ease-in-out;
	text-indent:-9999px;
}
.bx-prev:hover{
	padding-left:12px;

}
#slider-next{
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -38px;
  display:block;
  background:url(../images/next-green.svg) right top no-repeat;
	height:75px;
	width:45px;
	transition:0.2s all ease-in-out;
}
#slider-next:hover{
	right:80px;
}
.bx-next{
	background:url(../images/next-black.svg) left top no-repeat;
	height:75px;
	width:45px;
	position:absolute;
	right:0;
	top:0;
	display:block;
	transition:0.2s all ease-in-out;
	text-indent:-9999px;
}
.bx-next:hover{
	padding-right:12px;
}

#more-information{
	padding-bottom:2em;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0 0 2em;
}

/* -------------------------------- 

Sliding Content

-------------------------------- */
#gallery-intro p{
	font-size:1.65em;
	text-align:center;  margin: 1.5em 0 2em;
	  font-weight: 300;

}
#gallery-intro img{
	width:100%;
	height:auto;
}
@media only screen and (min-width: 960px) {
	.video{
		margin:1em 0 2em;
	}

}
@media only screen and (max-width: 1400px) {
	
	
	#slider-prev{
	  left: 20px;
	  z-index:99;
	}
	
	
	#slider-prev:hover{
		left:5px;
	}
	#slider-next{
	  right: 20px;
	  z-index:99;
	}
	
	#slider-next:hover{
		right:5px;
	}
}
@media only screen and (max-width: 768px) {
	#more-information,
	#sliding-content {
	  background: #fff;
	  border-top: 1px #71b852 solid;
	  border-bottom: 1px #71b852 solid;
	  padding: 0;
	  margin:0 auto;
	  margin-top: 1em;
		width:74%;
	}
	#more-information h2,
	#sliding-content h2 {
	  font-size: 1.52em;
	}
	#more-information h3,
	#sliding-content h3 {
	  font-size: 1.22em;
	  text-align: center;	  
	  text-transform: uppercase;
	  font-weight: 500;
	}
	
	#more-information .content .right,
	#more-information .content .left,	
	#sliding-content .content .right,
	#sliding-content .content .left{
		float:none;
		position:relative;
		z-index:1;
		padding-bottom:0;
		margin:0 auto;
		width:100%;
		
	}
	#slider-next {
	  right: -55px;
	  background:none;
	}
	
	#slider-prev {
	  left: -55px;
	  background:none;
	}
	#sliding-content img {
 	 display:none;
	}
}
@media only screen and (max-width: 960px) {
	#sliding-content .content .left,
	.case-study #more-information .left{
		width:100%;
		margin:0;
		
	}
	#sliding-content,
	#more-information{
		width:100%;
		padding-bottom:3em;
	}
	#sliding-content .row,
	#more-information .row{
		width:80%;
		margin:0 auto;
	}
	#sliding-content .row .row,
	.case-study #more-information .row .row{
		width:100%;
	}
	#sliding-content .content .right,
	#more-information .right{
		  margin: 0 auto;
	  float: none;
	  width: 100%;
	  padding-bottom:3em;
	}
	
	#slider-prev{
	  left: 50px;
	}
	
	
	#slider-prev:hover{
		left:35px;
	}
	#slider-next{
	  right: 50px;
	}
	
	#slider-next:hover{
		right:35px;
	}
	#sliding-content img {
	  display:none;
	}
	
	#more-information .row .row .ten{
		margin:0;
		width:100%;
	}
	#more-information .row .row .right{
		margin: 0 auto;
		width: 100%;
	}
	
}


@media only screen and (max-width: 768px) {
	#slider-prev,#slider-next{
		top:auto;
	  bottom: 10px;
	  
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	  position: absolute;
	  bottom: -13px;
	  width: 100%;
	}
	
	#slider-prev{
	  left: 20px;
	}
	
	
	#slider-prev:hover{
		left:5px;
	}
	#slider-next{
	  right: 20px;
	}
	
	#slider-next:hover{
		right:5px;
	}
	#sliding-content img {
	  display:none;
	}
	
	#sliding-content .content .right{
	 
	  padding-bottom: 1em;
	}
}
/* -------------------------------- 

Latest Cols 

-------------------------------- */

#latest-cols{
	margin-top:4em;
}

#latest-cols .row .row .six{
	width:47%;
	margin-left:6%;
}


#latest-cols .row .row .six:first-child{
	margin-left:0;
}
.archive article h1,
#latest-cols h1{
	font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal;
	font-weight:400;
	font-size:0.9em;
	letter-spacing:+0.12px;
	margin-bottom:0.8em;
	line-height:1.5em;
	text-align:left;
	
}
#latest-cols .six h1{
	
	margin-top:0;
	
}
.archive .white .four h1,
.archive .content-wrap h1,
#latest-cols h1{
	font-weight:700;
	font-size:14px;
	text-transform:uppercase
	
}

.header-wrap{
	margin-bottom:10px;
}

.single-case_studies .eight .stat,
.archive .stat {   
	font-weight: 700;
    margin-bottom: 0.5em;

    font-size: 14px;
}
.single-case_studies .eight .stat strong,
.archive article .stat strong {
    font-size: 1.25em;
}

.archive article .feature{
	margin-bottom:10px;
}
.archive article h1{
	min-height:40px;
}
.archive article h1 a,
.archive article h1 a:visited,
.tweet  a,
.tweet  a:visited,
#latest-cols h1 a,
#latest-cols h1 a:visited{
	color:#71b852;
	text-decoration:none;
}

.archive article h1 a:hover,
.tweet  a:hover,
#latest-cols h1 a:hover{
	color:#4e4d4d;
}
#latest-cols img{
	width:100%;
	height:auto;
	margin-bottom:0.71em;
}

#latest-cols p{
	font-size:0.95em;
	margin-bottom: 1em;
}

.content-wrap{
	margin-bottom:1em;
}


@media only screen and (max-width: 959px) {
	#latest-cols .columns{
		width:100%;
		margin:0 0 1em;
	}
	#latest-cols{
		width:80%;
		padding:0;
	}
	
	#latest-cols h1 {
	  font-size: 1.1em;
	  text-transform:uppercase;
	  
	}
	
	#latest-cols .button{
		min-width:33%;
	}
	
	.stat strong {
	  font-size: 1.29em;
	}
	
	
	.case-study #latest-cols .four{
		border-top: 1px solid #CED2CD;
  		padding-top: 2.5em;
		margin-top: 0.5em;
	}
	
}

@media only screen and (max-width: 767px) {
	
	#latest-cols .row .row .six {
 		width:100%;
		margin-left: 0;
	}	
	
	
	#latest-cols .feature {
		width:43%;
		margin-right:6%;
		float:left;	
	}
	#latest-cols .text {
		width:51%;
		float:right;	
	}
	#latest-cols h1 {
	  font-size: 1.1em;
	  margin: 1em 0;
	}
}

@media only screen and (max-width: 450px) {
	
	
	#latest-cols .feature,
	#latest-cols  .text{
		width:100%;
	}
}
/* -------------------------------- 

Grey Bar 

-------------------------------- */
.grey-bar{
	background:#edecec;
	margin-bottom:3em;
}
.grey-bar h3{
	margin-top:1.5em;
}
.grey-bar img{
	width:100%;
	height:auto;
	margin:0;
}
.grey-bar .five{
	line-height:1em;
}


.grey-bar .seven{
	padding-right:4%;
	padding-bottom:1em;
}

.grey-bar ul li{
	list-style:none;
}
.grey-bar ul li a:visited,
.grey-bar ul li a{
	font-weight:bold;
	text-decoration:none;
	color:#71B851;
	text-transform:capitalize
}
.grey-bar ul li a:hover{
	color:#1EAEDB;
}
.grey-bar ol{
	float:left;
	width:44%;
	padding-right:4%;
}

ol.abc{
	 list-style: upper-latin;margin-left: .95em; 
}

ol li{
	font-size:13px;
	margin:0;
	margin-bottom:2px;
	list-style-position:outside;
	margin-left:26px;

}
ol li em{}

@media only screen and (max-width: 768px) {
	
	.grey-bar{
		margin-bottom:2em;
	}
	
		.grey-bar ol{
	float:none;
	width:100%;
	padding-right:0%;
}

}

/* -------------------------------- 

Footer 

-------------------------------- */


.divider{
	height:1px;
	background: #71b852;
	margin:2em 0;
}
footer.left,
footer .right{
	float:left;
	width:50%;
}

footer .contact-details {
  text-align: left;
  color:#fff;
  display:block;
}
footer .contact-details .telephone {
  text-align: left;
  font-size:1.55em;
  margin-top:0.75em;
}
footer .contact-details .email {
  text-align: left;
  font-size:1.1em;
  margin-left:0;
}

footer .contact-details a, footer .contact-details a:visited {
  color: #fff;
  text-decoration: none;
}

footer ul{
	font-size:0.8em;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; font-weight: 400; font-style: normal;
}

footer ul,
footer li{
	list-style:none;
	padding:0;
	margin:0;
}

footer ul a,
footer ul a:visited{
	color:#fff;
	text-decoration:none;
}

footer ul a{
	display:block;
	padding:3px 0;
}
footer ul.left{
	float:left;
		width:50%;
}
footer ul.right{
	float:right;
	width:auto;
}

footer img{
	max-width:90%;
	height:auto;
	
}

.widget-area li{
	list-style:none;
}


.widget-area li a,
.widget-area li a:visited {
    color: #71b852;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size: 0.9em;
    letter-spacing: +0.12px;
    margin-bottom: 0.8em;
    line-height: 1.5em;
    text-align: left;
    text-decoration: none;
}

@media only screen and (max-width: 960px) {
	
	footer ul.right{
		float:right;
		width:50%;
	}
	footer .contact-details .telephone {
	  text-align: left;
	  font-size:1.35em;
	  margin-top:0.75em;
	}
	footer .contact-details .email {
	  text-align: left;
	  font-size:1em;
	  margin-left:0;
	}
}

footer p{
	margin:4px 0;
	font-size:0.9em;
}

address{
	font-style:normal;
	font-size:0.85em;
	word-break:keep-all;
}

.partner{
	text-align:right;
}

footer{
	background:#4e4d4d;
	color:#fff;
	margin-top:4em;
	padding-bottom:1.72em;
}


footer .shadow{
	height:1.5em;	opacity:0.35;
	background: rgb(0,0,0); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(78,77,77,1) 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(78,77,77,1))); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(78,77,77,1) 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(78,77,77,1) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(78,77,77,1) 100%); /* IE10+ */
	
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(78,77,77,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4e4d4d',GradientType=0 ); /* IE6-9 */
	margin-bottom:1.5em;


}

@media (min-width: 960px){
	footer .container{
		background:#4e4d4d;
		color:#fff;
		margin-top:4em;
		padding-bottom:1.72em;
	}


	footer{
		color:#fff;
		margin-top:0;
		padding-bottom:0;
	}

	footer .shadow{
		display:none;
	}
	
	footer .inner-shadow{
	height:1.5em;	opacity:0.35;
	

}

}

@media (max-width: 700px){
	footer .columns:first-child{
		margin-bottom:1.5em;
	}
.partner{
	text-align:center;
	margin-top:1.5em;
}
}
@media only screen and (max-width: 680px) {
	.stats,
	h2,
	footer .row,
	.grey-bar .seven,
	#gallery-intro{
		padding:0 4%;
	}
	
	#top-bar {
	  padding: 0.85em 4%;
	  width:92%;
	}
	
}

/* -------------------------------- 

FAQs 

-------------------------------- */
.cd-faq *::after, .cd-faq *::before {
  content: '';
}


.cd-faq *, .cd-faq *::after, .cd-faq *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cd-faq::after {
  /* overlay layer visible on small devices when the right panel slides in */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #71b852;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

@media only screen and (min-width: 768px) {
  .cd-faq::after {
    display: none;
  }
}

.faqs #more-information{
	margin-top:0;
	padding-bottom:1.25em;
}
.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}
  .cd-faq {
      position: relative;
	  margin: 2em auto;
	  box-shadow: none;
	  width: 92%;
		}
	.cd-faq {
	  margin: 2em auto 0;
	}


.cd-faq-categories a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 28px 0 16px;
  background-color: #4e5359;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  white-space: nowrap;
  border-bottom: 1px solid #555b61;
  text-overflow: ellipsis;
}
.cd-faq-categories a::before, .cd-faq-categories a::after {
  /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #7f868e;
}
.cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cd-faq-categories li:last-child a {
  border-bottom: none;
}
  .cd-faq-categories {
    width: 20%;
    float: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  }
  .cd-faq-categories a {
    font-weight: 600;
    padding-left: 24px;
    padding: 0 24px;
	text-decoration:none;
	
	
	font-family: 'Gotham SSm A', 'Gotham SSm B';
  font-weight: 700;
  font-style: normal;
  font-size: 0.9em;
  letter-spacing: +0.12px;
	
	
    -webkit-transition: background 0.2s, padding 0.2s;
    -moz-transition: background 0.2s, padding 0.2s;
    transition: background 0.2s, padding 0.2s;
  }
  .cd-faq-categories a::before, .cd-faq-categories a::after {
    display: none;
  }
  .no-touch .cd-faq-categories a:hover {
    background: #555b61;
  }
  
  .cd-faq-categories a:hover {
    background: #555b61;
  }
  
  .cd-faq-categories a::before:hover {
	  width: 3px;
	  background-color: #a9c056;
	}
  .no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
  }

@media only screen and (min-width: 1024px) {
  .cd-faq-categories {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 2;
  }
}
  .cd-faq-categories a::before {
    /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #454545;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-faq-categories .selected {
    background: #71b852 !important;
  }
  .cd-faq-categories .selected::before {
    opacity: 1;
  }
  .cd-faq-categories.is-fixed {
    /* top and left value assigned in jQuery */
    position: fixed;
  }
  .no-js .cd-faq-categories {
    position: relative;
  }

.cd-faq-items {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0%;
  background: white;
  padding: 0 12% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 4;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}
.no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
  .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    float: right;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    background: transparent;
  }

@media only screen and (min-width: 1024px) {
  .cd-faq-items {
    float: none;
    width: 100%;
  }
  .no-js .cd-faq-items {
    padding-left: 0;
  }
}

.cd-close-panel {
  position: fixed;
  top: 20px;
  right: -100%;
  display: block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 99;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  transition: right 0.4s;
}
.cd-close-panel::before, .cd-close-panel::after {
  /* close icon in CSS */
  position: absolute;
  top: 16px;
  left: 12px;
  display: inline-block;
  height: 3px;
  width: 18px;
  background: #6c7d8e;
}
.cd-close-panel::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close-panel::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-close-panel.move-left {
  right: 10%;
}
  .cd-close-panel {
    display: none;
  }



.cd-faq-group.selected {
  display: block;
}
.cd-faq-group .cd-faq-title {
  background: transparent;
  box-shadow: none;
  margin: 1em 0;
}
.no-touch .cd-faq-group .cd-faq-title:hover {
  box-shadow: none;
}

.no-js .cd-faq-group {
  display: block;
}
.cd-faq h2{
	text-align: left;
  margin: 0;
  margin-bottom:12px;
  padding-left:0x;
}

.cd-faq ul,
.cd-faq ul li{
	list-style:none;
	margin:0;
	padding:0;
}

.cd-faq ul li li{
	margin-bottom:6px;
}
.cd-faq-items {
  box-sizing: border-box;
}

  .cd-faq-group {
    /* all groups visible */
    display: block;
  }
  .cd-faq-group > li {
    background: #ffffff;
	border-top:1px solid #DBDBDB;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
  }
  
  .cd-faq-group > li:first-child{
	  border-top:none;
  }
  .no-touch .cd-faq-group > li:hover {
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
  }
  .cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
  }
  .cd-faq-group:first-child .cd-faq-title {
    margin-top: 0;
  }


.cd-faq-trigger {
  position: relative;
  display: block;
  margin: 1.6em 0 .4em;
  line-height: 1.2;
  text-transform:none;
  font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B';
  letter-spacing:0;
  text-decoration:none;
  font-size:1.25em;
}
  .cd-faq-trigger {
   text-transform:uppercase;
    margin: 0;
    padding: 24px 50px 24px 0px;
  }
  .cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 35px;
    height: 2px;
    width: 13px;
    background: #71b852;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
  }
  .cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }


.cd-faq-content p {
  line-height: 1.4;
  color: #6c7d8e;
}

  .cd-faq-content {
    display: none;
    padding: 0 24px 0px;
  }
  .cd-faq-content p {
    line-height: 1.6;
  }
  .no-js .cd-faq-content {
    display: block;
  }
.cd-faq-content{
	display:NONE;
}

.cd-faq .cd-faq-group li {
  margin-bottom: 4px;
}
.cd-faq .cd-faq-group p{
	padding:0 24px 0 0;
	margin-bottom:24px;
}
@media only screen and (max-width: 767px) {
	.cd-faq{
	 	width: 92%;
 	 	margin: 2em auto;
	}
	
	.cd-faq h2 {
	  padding-left: 0;
	}
	
	.cd-faq-categories {
 	 display: none;
	}
	
	.cd-faq-items {
	  width: 100%;
	}
}
@media only screen and (max-width: 959px) {
	
		.cd-faq-trigger {
		  font-size:1em;
	}
}

/* -------------------------------- 

BLOG 

-------------------------------- */

.white{
	background:#fff;	
	border-top:1px #71b852 solid;
	border-bottom:1px #71b852 solid;
	padding:2em 2em 0;
}

.archive .white{
	padding-bottom:2em;
}

#blog{
	margin-top:2em;
}
#blog article h1{
	font-weight:400;
	font-size:1.6em;
	line-height:1.5em;
	text-align:left;
	margin-top:0;
	margin-bottom:1em;
	padding:0 30px;
}
#blog article .white h1{
	padding:0 ;
}
#blog article .white .stat{
	float:left;
	width:50%;
}

.white .feature,
.white .feature img{
	width:100%;
	height:auto;
}

#category-box ul li,
#category-box ul{
	list-style:none;
	margin:0 0 10px;
	font-size:14px;
	text-transform: capitalize
}


#category-box a,
#category-box a:visited{
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B';
  font-weight: 400;
  font-style: normal;
	color:#71B84F;
	text-decoration:none;
}

#articles article{
	margin-top:2em;
}

#articles article:first-child{
	margin-top:0em;
}
#articles article .details{
	border-top:1px solid #DBDBDB;
	padding:1em 0 0;
}

#articles article .details p{
	font-size:0.8em;
}

.date{
	margin:0 0 1em;
	padding:0 30px;font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B';
  font-weight: 400;
  font-style: normal;
	color:#71B84F;
	text-transform:uppercase;
	text-decoration:none;
}
@media only screen and (max-width: 767px) {
	#category-box a{
		text-transform:none;
	}
}

@media only screen and (max-width: 959px) {
	
	#category-box a{
		font-size:0.8em;
	}
	#blog article h1{
		font-size:1.15em;

	}
}

.cat-item-1 {display:none;}

#other-cats a,
#other-cats a:visited {
		color:#71b852;
	  font-family: 'Gotham SSm A', 'Gotham SSm B';
	  font-weight: 700;
	  font-style: normal;
	  font-size: 0.9em;
	  letter-spacing: +0.12px;
	  margin-bottom: 0.8em;
	  line-height: 1.5em;
	  text-align: left;
	  text-decoration:none;
}

#other-cats li{
		list-style:none;
}
/*
#latest-cols h1{
	margin-top:0;
}
*/

.gallery-pics img{
	float:left;
	width:45%;
	box-sizing:border-box;
	margin:0 0 5% 5%;
	height:auto;
	padding:2.5%;
	border:1px solid #ececec;
}

.partners .main .white .row{
	margin-bottom:2em;
}

.partners .white{
	padding-top:4em;
}
.logo-col{
}
.logo-col img{
	width:140px;
	height:auto;
}

.alignright,
.page-id-2078 iframe{
	float:right;
	margin-left:2em;
	margin-bottom:1em;
}

.alignnone{
	margin:0 auto;
}

.more-link,
.more-link:hover{
	text-decoration:none;
	color:#71b852;
	font-weight:700;
}

#slider,
#slider .container{
	max-width:100%;
	max-height:575px;
	overflow:hidden;
}

@media only screen and (max-width: 768px) {
	#slider, #slider .container{
		max-height: none;
	}
}

.intro-wrap,
#slider .container .row ul,
#slider .container .row .page-header{
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
}
#slider .text{
	background-size: cover !important;
}

.page-template-page-energy-php #more-information{
	margin-top:3em;
	margin-botom:0;
}

.gallery-box{
	margin-bottom:3em;
}

@media only screen and (min-width: 768px) {
	.grid-tile{
		width:25%;
		padding:1em 1em 0;
		margin:1em 0 0;
		box-sizing:border-box;
		float:left;
	}
	
	.grid-tile img{
		width:100%;
		height:auto;
	}
	
	.one-stat .icon{
		float: left;
		margin-right: 2em;
		margin-top: 6.5em;
		margin-left: 1em;
	}
	
	.one-stat .text{
		margin-top: 7em;
	}
}
.fa-twitter{
	color:#55acee;
	margin-right:10px;
	
}
.fa-facebook{
	color:#3B5998;
	margin-right:10px;
	
}
#twitter-latest h3 a,
#twitter-latest h3 a:visited{
	text-decoration:none;
	color:#222;
}
#twitter-latest h3 a:hover{
	text-decoration: none;
	color:#55acee;
}

footer .fa-2x{
	margin-right:12px;
	margin-top:12px;
}

.intro-wrap .button{
	font-size:12px;
}

#slider .intro-wrap .label{
	font-size:14px;
	margin-bottom:12px;
}
.white .date{
	    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0.5em;
    display: block;
}
@media only screen and (max-width: 679px) {
	#slider .ten{
		width:90%;
		margin-left:5%;
	}
	
	footer .contact-details a, footer .contact-details a:visited {
		color: #fff;
		text-decoration: none;
		display: block;
		float: none;
		width: 100%;
		text-align: center !important;
		margin: 0;
	}
	
	.intro-wrap .button.button-primary {
		display: inline-block;
		height: 38px;
		padding: 0px 12px;
		letter-spacing: 0;
		font-size:10px;
	}
	
	#slider .intro-wrap .label {
		display:none;
	}
}
@media only screen and (max-width: 768px) {
	.main {
		position: relative;
		z-index: 2;
		min-height: 100vh;
		margin-top: 46px;
	}
	
}

.one-stat h2{
	text-align:left;
	line-height:1.6em;
	font-size:1.55em;
	margin-bottom:0;
}