/*****
*
*		Description:	Styling specific to the current theme
*
*		INDEX:
*			- HEADER STYLING						: controls the header styles of the site
*			- NAVIGATION							: styling for the navigation
            - HEADER AREA                           : styling for the header
            - FOOTER STYLING                        : footer styling
*****/

#environmental-cert-logo-wrapper { display:none; }
body.ie-class .search-bar.full-width { overflow:hidden; }
body.ie-class .enviro-inner-content { margin-top:7%; }
body.ie-class .grid-cover a .text p, body.ie-class .enviro-inner-content h2, body.ie-class .grid-cover a .text h3 span.project-location{ font-weight:300; }

body {
  background:#0f1e26;  }

#banner-scroller { position:absolute; left:0; top: 70%; z-index:1000; }
#banner-button-scroll { cursor:pointer; margin:auto; width:28px; height:16px; background:url(../images/banner-arrow.png) 0 0 no-repeat; }

/************ HEADER STYLING ************/

.full-width#header-strip {
  background:#2A2A2A; }

.full-width#header-strip a {
  color:white; }

.full-width#header-strip #navigation .menu-header-navigation-container {
  font-family:'Lato',sans-serif;
  text-transform:uppercase; }

.full-width#header-strip #navigation .menu-header-navigation-container ul li a {
  font-size:0.85em; }

.col_3.first#header-logo {
  margin:auto;
  padding-top:3%;
  padding-bottom:12%;
  float:none;
  width:22%; }

#outer-acced-wrapper  .flexslider .slides li { padding-bottom:0; }
.secondary-header { background:white; }
.secondary-header-display#page-content-wrapper #contact-information-block .content-columns p { text-align:center; }

body.hide-extra { overflow:hidden; }
#main-navigation-wrapper { display:block; z-index:10000; position:fixed; top:0; right:-340px; width:340px; height:100%; background:url(../images/menu-logo.png) center 97% no-repeat #1B3444; }
#main-navigation-wrapper > .row.centre { float:left; margin:0; width:100%; max-width:100%; min-width:0; }
#element-container { position:absolute; left:0; top:0; z-index:1000; }
#element-container > .row.centre { max-width:90%; width:90%; }
#element-container table { margin-top:3%; }
#element-container table td { width:15%; }
#element-container table td#header-logo-cell { width:70%; }
#element-container table td#header-logo-cell img { width:266px; }
.secondary-header #element-container table td#header-logo-cell img { width:205px; }
.secondary-header #element-container table { margin-top:1%; margin-bottom:1.5%; }
.secondary-header #main-navigation-wrapper #menu-button { top:2.5%; }

#element-container.active-menu { z-index:50000; overflow:hidden; height:100%; }
#header-controls { position:relative; z-index:1500; }

#element-container.active-menu td#header-logo-cell, #element-container.active-menu td#search-cell { opacity:0.2; }
#element-container.active-menu #main-navigation-wrapper { display:block; }
table td#header-logo-cell { text-align:center; }
table td#header-logo-cell img { width:30%; }
#search-button { cursor:pointer; width:26px; height:21px; float:left; background:url(../images/search-icon.png) 0 0 no-repeat; }
#search-button.secondary-search-icon { background:url(../images/icon-search-reverse.jpg) 0 0 no-repeat; width:26px; height:21px; }
#main-site-navigation { position:absolute; left:0; top:0; height:100%; width:100%; z-index:50000; background:#132530; opacity:0.9; overflow:hidden; }
#main-navigation-wrapper ul { list-style-type:none; list-style:none; display:block; float:left; width:100%; padding:0; margin:0; }
#main-navigation-wrapper ul li { -moz-transition: all .2s ease-in;  -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-bottom:1px solid #304756; list-style-type:none; list-style:none; display:block; float:left; width:100%; padding:0; margin:0; }

#main-navigation-wrapper ul li a { display:block; float:left; width:91%; padding:1em 0.9em 1em 0.9em; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ color:white; text-transform:uppercase; font-weight:300; font-size:1.3em; letter-spacing: 0.1em; line-height: 1em; }

.banner-wrap#content-banner-arrange .outer-banner-text-wrap { height:100%; }
.banner-wrap#content-banner-arrange #banner-scroller { /*display:none;*/ display: inherit; top: 90% !important; }
#main-navigation-wrapper ul li:hover { background:#264152; text-decoration:none; color:#41c2db; }
#main-navigation-wrapper ul li:hover a { color:#41c2db; text-decoration:none; }

.outer-banner-text-wrap { display:table; position:absolute;width:100%; height:75%; }
#content-banner-arrange .outer-banner-text-wrap .middle > .row.centre { max-width:100%; width:100%; }
.middle { display:table-cell; vertical-align: middle; }

#secondary-title-space h2, #secondary-title-space p {
	text-align: center;
    color: #006580;
    padding: 0;
    margin: 0;
    font-size: 42px;
    letter-spacing: 0.15em;
    line-height: 45px; }

#secondary-title-space h2 { padding-bottom:16px; font-size:35px; font-weight:300; line-height:38px; }
#secondary-title-space p { font-size:45px; font-weight:400; line-height:47px; }

#secondary-title-space { padding-top:5%; padding-bottom:5%; }

/** NAVIGATION ICON **/

/* Icon 3 */

#nav-icon3 {
  width: 20px;
  height:14px;
  position: relative;
  float:left;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #41C2DB;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 6px;
}

#nav-icon3 span:nth-child(4) {
  top:12px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#menu-button {
	width: 20px;
	float: left;
	background:url(../images/trans-black.png) 0 0 repeat;
	padding:7px;
	position: absolute;
	left:-34px;
	top:7%; }

#menu-button span { display:block; cursor:pointer; float:left; text-align:center; color:white; letter-spacing: 0.09em; font-size:11px; width:100%; }

/****** NAVIGATION ******/


/****** HEADER AREA ******/


body .header-outer-container .banner-wrap .flexslider .slides .banner-text .banner-inner-wrapper h3#home-tagline { color:white !important; }
#home-tagline { text-align:center; font-weight:300; color:white; margin-bottom:2%; }

/****** LINKS ********/

a:link { color:#41c2db; }
a:hover { color:#41c2db; }
a:visited{ color:#41c2db; }

/** INTRO TEXT: HOME **/

#home-intro-text { text-align:center; padding-top:4.5em; padding-bottom:4.5em; }
#archive-excerpt-intro { text-align:center; padding-top:5%; padding-bottom:1%; }
#archive-excerpt-intro > .row.centre { width:50%; max-width:50%; min-width:670px; }
#enviro-intro-wrap > .row.centre { min-width:670px; }
#home-intro-text p, #archive-excerpt-intro p { font-weight:300; font-size:19px; line-height:30px;  }

/**** CLIENT LOGOS: HOME ****/

#client-grey { background:#f7f7f7; padding-top:20px; padding-bottom:20px; }
#client-grey .flexslider ul.slides li { width:20%; }
#client-grey .flexslider ul.slides li img { text-align:center; width:90%; }

/** SERVICES SECTION: HOME ***/

#home-services-strip h2, #home-projects-strip h2 { font-size:24px; color:#00718f; text-align:center; text-transform: uppercase; margin-bottom:6%; }
#services-outer-wrap { padding-top:3%; }
.service-page-parent#services-outer-wrap { margin-bottom:4%; }
#home-projects-strip { padding-top:8%; }
#home-services-strip h2 span, #home-projects-strip h2 span { padding-bottom:1%; border-bottom:5px solid #efefef; }
#services-outer-wrap .uk-panel { position:relative; }
.service-overlay { position:absolute; left:0; top:0; z-index:100; background:#000000; opacity:0.5; height:100%; }

.picture-links-container {
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #000000;
}
.picture-links-container .picture-link {
  position: relative;
  float: left;
  width: 25%}
.picture-links-container .picture-link:before {
  content: "";
  display: block;
  padding-top: 63.66%; }
.picture-links-container .link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.picture-links-container .link:before {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  margin-top: -0.125em;
  width: 100%;
  font-family: 'Arial';
  font-size: 1.125em;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
}
.picture-links-container img {
  width: 100%;
  height: auto;
}

#services-outer-wrap .link:hover .title:before {
  width:301px;
  margin-left: -8.4em;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#services-outer-wrap .link:hover .title:after {
  height: 40px;
  top:-32px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#services-outer-wrap .link:hover img {
  -moz-transform: scale(1.2,  1.2);
  -ms-transform: scale(1.2,  1.2);
  -webkit-transform: scale(1.2,  1.2);
  transform: scale(1.2,  1.2);
  -moz-transition: all 6s linear;
  -o-transition: all 6s linear;
  -webkit-transition: all 6s linear;
  transition: all 6s linear;
}

#services-outer-wrap .uk-panel {
  overflow:hidden;
  padding:0;
  cursor:pointer;
}

#project-feature-home-strip .uk-panel.project-feature-wrap { padding:0 15px 15px 0; background:none; }

#services-outer-wrap .title {
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size:18px;
  font-weight:400;
  width: 100%;
  height: 10%;
  margin: auto;
  color: white;
  text-align: center;
  text-transform: uppercase;
}

#services-outer-wrap .picture-link {
  z-index: 5000;
  left: 0;
  top: 45%;
  position: absolute;
  width: 100%;
}

#services-outer-wrap .title:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  display: block;
  width: 60px;
  height: 38px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  margin-left: -30px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#services-outer-wrap .title:after {
  content: "";
  position: relative;
  top: -10px;
  display: block;
  width: 300px;
  height: 0;
  margin: auto;
  border-left: 1px solid white;
  border-right: 1px solid white;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#services-outer-wrap .uk-panel img {
  -moz-transform: scale(1,  1);
  -ms-transform: scale(1,  1);
  -webkit-transform: scale(1,  1);
  transform: scale(1,  1);
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  transition: all 750ms ease;
}

#services-outer-wrap .uk-panel:hover img {
  -moz-transform: scale(1.2,  1.2);
  -ms-transform: scale(1.2,  1.2);
  -webkit-transform: scale(1.2,  1.2);
  transform: scale(1.2,  1.2);
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  transition: all 750ms ease;
}

/*** PROJECT VIEW ***/

#project-view-strip { background:#f7f7f7; padding-top:2%; padding-bottom:2%; }
#project-view-strip a { display:block; margin:auto; width:150px; padding:10px; text-align:center; color:#3b5b6f; text-transform:uppercase; font-weight:600; border:2px solid #3b5b6f; }
#project-view-strip a:hover { background:#3b5b6f; color:#f7f7f7; text-decoration:none; }

.grid-cover {
  position: relative;
  height: 437px;
  float: left;
  overflow: hidden;
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  transition: all 750ms ease;
}

.grid-cover.is-visible {
  opacity: 1;
  -o-transform: translate(0, 0) scale(1) rotate(0deg) skew(0deg, 0deg) !important;
  -ms-transform: translate(0, 0) scale(1) rotate(0deg) skew(0deg, 0deg) !important;
  -moz-transform: translate(0, 0) scale(1) rotate(0deg) skew(0deg, 0deg) !important;
  -webkit-transform: translate(0, 0) scale(1) rotate(0deg) skew(0deg, 0deg) !important;
  transform: translate(0, 0) scale(1) rotate(0deg) skew(0deg, 0deg) !important;
}
.grid-cover.large {
  width: 100%;
}
.grid-cover.small {
  width: 35%;
}
.grid-cover .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.grid-cover:hover .cover {
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.grid-cover a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: transparent;
  z-index: 9999;
}
.grid-cover a .text {
  width: 80%;
  max-width: 460px;
  position: absolute;
  left: 50%;
  top: 50%;
  -o-transform: translate3d(-50%, -50%, 0) scale(1);
  -ms-transform: translate3d(-50%, -50%, 0) scale(1);
  -moz-transform: translate3d(-50%, -50%, 0) scale(1);
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
  opacity: 1;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  transition: all 350ms ease;
}
.grid-cover.large a .text {
  text-align: left;
  top: auto;
  left: 65px;
  bottom: 130px;
  -o-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.grid-cover a .text h3, .grid-cover a .text hr, .grid-cover a .text p {
  -o-transform: translate(0, 16px) scale(1);
  -ms-transform: translate(0, 16px) scale(1);
  -moz-transform: translate(0, 16px) scale(1);
  -webkit-transform: translate(0, 16px) scale(1);
  transform: translate(0, 16px) scale(1);
  opacity: 0;
  -webkit-transition: all 425ms ease;
  -moz-transition: all 425ms ease;
  transition: all 425ms ease;
}

.grid-cover a .text p {
  -moz-transition-delay: 88ms;
  -webkit-transition-delay: 88ms;
  transition-delay: 88ms;
}
.grid-cover a:hover .text h3, .grid-cover a:hover .text hr, .grid-cover a:hover .text p {
  -o-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  -moz-transform: translate(0, 0) scale(1);
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  opacity: 1;
}
.grid-cover a .text h3 {
  color: #fff;
  font-size:25px;
  line-height: 31px;
  text-transform: uppercase;
  margin: 0;
  font-weight: 500;
  padding-bottom: 20px;
}

.grid-cover a .text h3 span.project-location { font-weight:200; }

#other-works .col-md-4 {
  padding: 0 10px;
}
#other-works .grid-cover a .text h3 {
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
}
.grid-cover a .text hr {
  border-color: #fff;
  margin: 25px auto;
}
.grid-cover a .text p {
  font-size: 15px;
  color: #ffffff;
  font-weight:200;
  line-height: 19px;
  display:block;
  float:left;
  margin:0;
  width:100%;
  border-top:1px solid white;
  padding:5% 0 0 0;
}
.grid-cover a:hover {
  /*background: #ff455f;
  background: rgba(255, 69, 95, 0.90);*/
  background:#000000;
  background: rgba(0, 0, 0, 0.6);
}

.row.centre#tax-centre-strip .grid-cover { height:250px; }
.row.centre#projects-archive .grid-cover { height:350px; }
.row.centre#projects-archive .grid-cover:hover .cover {
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.row.centre#projects-archive .grid-cover a:hover { background:rgba(0, 0, 0, 0.0); }

.row.centre#projects-archive .grid-cover {
  -webkit-transition: all 200ms ease;
  -moz-transition:  all 200ms ease;
  transition: all 200ms ease;
}
.archive-mid-strip#project-feature-home-strip { padding-bottom:4%; }
.row.centre#projects-archive .grid-cover a:hover .text {   background:#000000;
  background: rgba(0, 0, 0, 0.0); }

.row.centre#projects-archive .grid-cover.large a .text { left:0; bottom:0; }

.grid-cover a:hover .text {
  opacity: 1;
}


/*** PROJECT TAX PAGE ***/

#tax-centre-strip .grid-cover { height:273px; }
#tax-centre-strip { padding-top:3%; padding-bottom:3%; }
#tax-centre-strip .grid-cover.large a .text { bottom:35px; left:31px; }
#tax-centre-strip .grid-cover a .text h3 { padding-bottom:15px; font-size:19px; line-height:22px; }
#tax-centre-strip .grid-cover a .text h3 span.project-location { font-size:20px; line-height:21px; }
#tax-centre-strip .grid-cover a .text p { font-size:13px; line-height:19px; }


/*** ENVIRONMENT STRIP ***/

#environmental-cert-logo-wrapper { position:absolute; bottom:12%; left:0; z-index:100; }
.environment-content-container { position:absolute; left:0; top:0; z-index:1000; }
.enviro-inner-content { width:70%; z-index:1000; position:relative; margin-top:9%; }
.enviro-inner-content h2 {
  color: white;
  font-weight: 200;
  text-transform:none;
  font-size:2.2em;
  min-width:775px;
  line-height: 1.4em;
  margin: 0;
  padding: 0 0 5% 0; }

#accreditation-wrapper { left:0; bottom:0; z-index:1000; background:#132530; padding:13px 0 25px 0; }
#accreditation-wrapper > .row.centre { min-width:775px; }

.enviro-inner-content a { display:block; font-weight:500; float:left; width:210px; font-size:17px; text-align:center; border:2px solid white; color:white; text-transform: uppercase; padding:13px 0 13px 0; }
.enviro-inner-content a:hover { background:white; color:#46802d; text-decoration:none; }
.enviro-overlay { width:100%; left:0; top:0; height:100%; z-index:100; opacity:0.5; background:black; position:absolute; }

/*** ACCREDITATION SECTION ***/

#outer-acced-wrapper { overflow:hidden; max-height: 560px; position:relative; }
.side-accred-title { float: left; width: 100%; margin-left:0; border-bottom:1px solid #334046; }
.side-accred-title h3 { margin:0; text-transform:uppercase; opacity:0.5; color:white; padding:2% 0 1% 0; font-size:85%; }
#accred-inner-width { padding-bottom:2%; border-bottom:1px solid #334046; }
#accred-showcase { float:left; width:100%; opacity:0.5; margin-top:2%; }
#accred-showcase ul, #accred-showcase ul li { margin:0; padding:0; }
#accred-showcase ul li img { width:90%; padding-bottom:3px; }

/*** CONTRIBUTOR PAGE ***/

#contributor-left { float:left; width:71%; padding-right:30px; margin-right:40px; border-right:1px solid #cccccc; margin-left:0; }
#contributor-left h2 { margin:0; padding:0 0 1% 0; color:#233818; text-transform: uppercase; font-weight:400; font-size:2.5em; line-height:0.9em; }
#contributor-left h2 span { font-weight:300; font-size:0.7em; display:block;float:left; width:100%; }
#contributor-right { float:left; width:20%; }
#sponser-section { padding-top:20px; padding-bottom: 20px; margin-top:1%; margin-bottom:1%; }
#sponser-section > .row.centre, .environment-page#sponsor-section > .row.centre { min-width:789px; max-width:798px; }

/*** LOCATIONS BAR ***/

#locations-bar { background:#132530; padding-top:35px; padding-bottom:35px; }
#locations-bar > .row.centre { width:90%; }
#locations-bar table td h2 { color:#43bfd7; font-size:15px; text-transform:uppercase; display:block; float:left; width:100%; padding:0; margin:0; background: url(../images/icon-location.png) top center no-repeat; padding-top: 33px; }
#locations-bar table td p { font-size:10px; line-height:14px; color:white; text-transform:uppercase; display:block; float:left; width:100%; padding:0; margin:0; }


/** PROJECT ARCHIVE PAGE **/

/* .outer-body-wrap#archive-wrapper .uk-grid-width-large-1-3>* { width:32%; margin-right:20px; margin-bottom:20px; } */
.outer-body-wrap#archive-wrapper .uk-grid-width-large-1-3>:nth-child(3n) { margin-right:0; }
#project-grid-wrapper { padding:3% 0 3% 0; }
#project-grid-wrapper .row.centre, #project-tax-wrapper .row.centre { width:90%; max-width:90%; }
#project-grid-wrapper .picture-link { position:absolute; left:0; top:0; z-index:1000; display:block; float:left; width:100%; height:100%; }
#project-grid-wrapper a.project-company-link { display:block; float:left; width:100%; height:100%; }

#project-grid-wrapper .uk-panel { overflow:hidden; padding:0; }

#project-grid-wrapper .uk-panel img.project-thumb {
  -webkit-transition: all 550ms ease;
  -moz-transition: all 550ms ease;
  transition: all 550ms ease;
}


#project-grid-wrapper .uk-panel:hover img.project-thumb {
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);  }

/** TESTIMONIAL SECTION **/

#testimonial-feature { margin-bottom:4%; }
#testimonial-header h2 { letter-spacing:0.25em; color:#152730; font-weight:400; font-size:1.1em; text-transform: uppercase; padding:0 0 4% 0; margin:0; text-align:center; }
#testimonial-feature .flexslider .slides li .colour-overlay { width:100%; position:absolute; left:0; top:0; height:100%; background:black; opacity:0.5; z-index:0; }
#testimonial-feature .flexslider .slides li .content-testimonial { position:absolute; z-index:100; left: 15%; top: 17%; width: 37%; }
#testimonial-feature .flexslider .slides li .content-testimonial p, #testimonial-feature .flexslider .slides li .content-testimonial h3, #testimonial-feature .flexslider .slides li .content-testimonial h4 { color:white; }
#testimonial-feature .flexslider .slides li { padding:0; position:relative; }
#testimonial-feature .flexslider .slides li .content-testimonial p { font-size: 1.5em; letter-spacing: 0.15em; padding: 0; line-height: 1.4em; margin: 0 0 5% 0; }
#testimonial-feature .flexslider .slides li .content-testimonial h4, #testimonial-feature .flexslider .slides li .content-testimonial h3 { line-height:1.4em; margin:0; padding:0; letter-spacing: 0.15em; font-size:1.3em; text-transform: uppercase; font-weight:400; }
#testimonial-feature .flexslider .slides li .content-testimonial h4 { padding-top:0.25em; }

/** PROJECT SINGLE ***/

#project-intro-strip { padding-top:4.5em; padding-bottom:4.5em; }

#project-intro-strip h2 {
  color: #152730;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  padding: 0 0 3% 0;
  margin: 0; }

#project-intro-strip p, #outcome-wrapper-content p {
  color: #494949;
  font-size: 19px;
  text-align: center;
  padding: 1% 0 0 0;
  margin: 0;
  line-height:30px;
  font-weight: 300;
  display: block;
  float: left;
  width: 100%; }

.process-strip { overflow:hidden;
/**margin-top:5%;  ***/
background:#fafafa; }
.process-strip:first-child { margin-top:0; }
#outcome-image .flexslider ul li { padding:0; margin:0; }
#project-step-wrap .inner-process-content { padding:7%; width:80%; float:left; }
#project-step-wrap .inner-process-content h3 { display:block; font-weight:400; float:left; width:100%; padding:0 0 3% 0; margin:0; color:#00728e; text-transform:uppercase; font-size:17px; line-height:24px; }
#project-step-wrap .inner-process-content p { color:#494949; font-size:16px; line-height:25px; font-weight:300; padding:0; }
#outcome-wrapper-content h2 { color:#152730; text-transform:uppercase; text-align:center; font-weight:400; font-size:17px; line-height:27px; padding:0 0 2% 0; margin:0; }
#outcome-wrapper-content { padding-top:4.5em; padding-bottom:4.5em; text-align:center; }
#project-testimonial-wrap h3 { color:#152730; text-transform:uppercase; text-align:center; font-weight:400; font-size:17px; line-height:27px; margin:0; padding:0 0 4% 0; }
#project-testimonial-wrap { padding-top:4.5em; padding-bottom:4.5em; text-align:center; }
#project-testimonial-wrap > .row.centre { width:45%; }
#project-testimonial-wrap p.testimonial-content {
  color: #494949;
  font-size: 19px;
  text-align: center;
  padding:0 0 4% 0;
  margin: 0;
  line-height: 30px;
  font-weight: 300;
  display: block;
  float: left;
  width: 100%; }

#project-testimonial-wrap p.testimonial-title, #project-testimonial-wrap p.testimonial-name {
  display: block;
  float: left;
  width: 100%;
  text-transform:uppercase;
  font-weight:300;
  padding:0;
  margin:0;
  line-height: 24px;
  font-size: 16px;
  color:#41c2db;
}

/*** ENVIRONMENT PAGE ***/

#enviro-intro-wrap { padding-top:4.5em; padding-bottom:2em; text-align:center; }
#enviro-intro-wrap > .row.centre { width:50%; }
#enviro-intro-wrap h3 { text-align:center; font-size:25px; color:#494949; font-weight:300; line-height:36px; text-transform:none; padding:0 0 5% 0; margin:0; }
#enviro-intro-wrap p { font-weight:300; font-size:19px; line-height:30px; }

#community-image .flexslider ul li { margin:0; padding:0; }
#archive-wrapper #community-image #envir-cert-wrap .flexslider li { opacity:0.8; width:180px !important; }
.row.centre#envir-cert-wrap { width:360px; }
#environmental-cert-logo-wrapper { background:url(../images/trans-black.png) 0 0 repeat; padding:1% 0 1% 0; }
#community-image .flexslider .slides .community-overlay { display:block; float:left; width:100%; position:absolute; z-index:100; height:100%; background:#000000; opacity:0.6; }
#community-image .flexslider .slides .comm-text { position:absolute; left:0; top:24%; z-index:1000; width:100%; height:100%; }
#community-image .flexslider .slides .comm-text h3, #community-image .flexslider .slides .comm-text h2, #community-image .flexslider .slides .comm-text p { color:white; text-align:center; }
#community-image .flexslider .slides .comm-text h3 { font-size:1.7em; font-weight:300; letter-spacing:0.15em; padding:0; margin:0; line-height:1em;  }
#community-image .flexslider .slides .comm-text h2 { font-size: 3.9em;font-weight:400; letter-spacing: 0.13em; padding:0; margin:0; line-height:1.5em; }
#community-image .flexslider .slides .comm-text p { min-width:755px; max-width:755px; font-size:19px; line-height:30px; display:block; float:none; width:100%; padding:0; margin:2% auto 0 auto; }
#lower-content-environment { padding-top:3%; padding-bottom:3%; }
#lower-content-environment h4 {
  color: #00728e;
  font-weight: 400;
  font-size: 20px;
  padding: 4px 0 0 0;
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  line-height: 27px; }
#lower-content-environment .col_9.last p { font-size:1em; color:#494949; font-weight:300; line-height:1.7em; padding:0 0 2% 0; margin:0; }
.environment-page#sponsor-section { margin-top:1%; padding-top: 1%; padding-bottom: 1%;  margin-bottom: 1%; }

/** CONTENT PAGE **/

#page-intro-bar { padding-top:4.5em; padding-bottom:4.5em; text-align:center; }

#page-intro-bar p {
  color: #494949;
  font-size: 19px;
  text-align: center;
  padding:0 0 2% 0;
  margin: 0;
  line-height:30px;
  font-weight: 300;
  display: block;
  float: left;
  width: 100%; }

.content-columns h3 {
  color: #00728e;
  font-weight: 400;
  font-size: 20px;
  padding: 4px 0 0 0;
  display:block;
  float:left;
  width:100%;
  margin: 0;
  line-height: 27px; }

.content-column-lock { padding-bottom:3%; }

.content-columns .col_9.last p { font-size:1em; color:#494949; font-weight:300; line-height:1.7em; padding:0 0 4% 7%; margin:0; }
#content-information-block { padding-bottom:3%; }

/* CASE STUDIES PAGE UPDATE */

#outcome-wrapper-content.full-width.white.light-blue-band {
	background: #effcff;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
}
.span-one-third {
	width: 31%;
	padding-right: 1%;
	padding-right: 1%;
	display: inline-block;
}
#outcome-wrapper-content .span-one-third h2 {
	color: #1196b7;
	font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0 0 1%;
    text-transform: uppercase;
    width: 100%;
}
#project-step-wrap.test-page .process-strip {
    margin-top: 0;
}
#outcome-wrapper-content .quote {
	max-width: 590px;
	margin: 0 auto;
}
#outcome-wrapper-content .quote p {
    font-size: 22px;
	line-height: 34px;
    font-style: normal;
}
#menu-main-navigation li.menu-item-has-children:active,
#menu-main-navigation li.menu-item-has-children:focus,
#menu-main-navigation li.menu-item-has-children:hover {
	background: #1b3444;
	color: #FFF;
}
#menu-main-navigation li.menu-item-has-children a {
	background: #1b3444;
	color: #FFF;
}
#menu-main-navigation li.menu-item-has-children a:active,
#menu-main-navigation li.menu-item-has-children a:focus,
#menu-main-navigation li.menu-item-has-children a:hover {
	background: #264152;
	color: #41c2db;
}
#menu-main-navigation li.menu-item-has-children li a {
	font-size: 0.9em;
	line-height: 0.8em;
	border-bottom: 1px solid #304756;
	padding-left: 2.5em;
	color: #FFF;
}
	#menu-main-navigation li.menu-item-has-children li a:active,
	#menu-main-navigation li.menu-item-has-children li a:hover {
		color: #41c2db;
		background: #264152;
		text-decoration: none;
	}
#menu-main-navigation li.menu-item-has-children li:last-child a {
	border-bottom: 1px none #304756;
}


/* Submenu updates */
/*.menu-item-has-children ul.sub-menu {
	max-height: 0;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	overflow: hidden;
}
.menu-item-has-children.open ul.sub-menu {
	min-height: 220px;
	max-height: 600px;
}*/

/* SEARCH RESULTS */

#search-page-title { text-align:left; }
.outer-body-wrap.search-res-page { text-align:left; }
.search-content-container { float:left; }
h1.search-page-title { font-size:1.5em; margin:0; padding:0 0 4% 0; letter-spacing:0.15em; padding:0; margin:0; text-transform:uppercase; }
.search-wrapper h2, #page-intro-bar .search-wrapper .search-content-container p { text-align:left; }
#page-intro-bar .search-wrapper .search-content-container p { font-size:1em; line-height:1.7em; }
.search-wrapper { margin-bottom:2%; }
.search-wrapper h2 { color:#43bfd7; font-size:1.1em; letter-spacing:0.15em; text-transform:uppercase; margin:0; padding:3% 0 1% 0; }
.search-wrapper h2 a { color:#43bfd7; }

/** CONTACT **/

#contact-information-block { padding-bottom:2.5em; }

/** NOT FOUND **/

.notfound-wrapper { width:100%; padding-top:1.5em; text-align:center; }
.notfound-wrapper p { text-align:center; }

/** LOCATIONS **/

#locations-bar table td { text-align:center; padding:0 10px 0 10px; }
#locations-bar table td h2 { cursor:pointer; }
#contact-wrapper { position:relative; }
#contact-wrapper .location-map-wrap { display:none; }
#contact-wrapper .location-map-wrap.active-map { display:block; opacity:0.3;
   transition: opacity .30s ease;
   -moz-transition: opacity .30s ease;
   -webkit-transition: opacity .30s ease;
   }

#contact-wrapper { height:200px; overflow:hidden; }
#contact-wrapper .location-map-wrap.active-map:hover { opacity:1; min-height:200px; }
#contact-wrapper .acf-map { min-height:400px; overflow:hidden; }
#contact-form { background:#132530; padding-top:2%; padding-bottom:3%; display:none; }
#contact-form h3 { color:#43bfd7; text-align:center; display:block; float:left; width:100%; font-weight:400; text-transform:uppercase; font-size: 24px; line-height: 30px; }
#contact-wrapper form .col_6.first.form-row span input.text { float:left; }
#contact-wrapper form .col_6.last.form-row span input.text { float:right; }
#contact-wrapper form .col_6 span input.text { width:85%; }
#contact-form-open { color:#43bfd7; border:2px solid #43bfd7; background:none; letter-spacing:4px; text-align:center; width:200px; padding:12px 0px 12px 0px; text-transform:uppercase; font-size:13px; font-weight:500; cursor:pointer; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; }
#contact-form-open:hover { background:#43bfd7; color:#132530; }
#contact-action-strip { padding-top:4%; padding-bottom:0; }


/************ MEMBERSHIP STYLING ************/

#membership-outer-wrapper {
	background: #132530;
	margin-bottom:25px; }

.full-width#membership-wrapper { margin-bottom:35px; margin-top:1%; }
#membership-inner-row { border-top:1px solid #214250; border-bottom:1px solid #214250; padding-top:1.5%; padding-bottom:1.5%; }
.full-width#membership-wrapper .flexslider .slides > li { margin-right:15px; padding:0 15px 0 0; color:#797d80;font-weight:400; text-transform:uppercase; font-size:0.65em; line-height:1.3em; text-align:center; min-height:27px; text-align:center; }
.full-width#membership-wrapper .flexslider { width:100%; }
#membership-title h2 { line-height:1.1em; margin:0; padding:0; text-align:left; color:#797d80; text-transform:uppercase; font-weight:400; font-size:0.9em; display:block; float:left; width:115px; letter-spacing:0.2em; }
#membership-title > .row.centre > .full-width { padding-bottom:35px; }
.membership-listing { display:block; float:left; letter-spacing:1px; width:auto; padding:0; margin:0; color:#797d80; font-size:11px; text-transform:uppercase; line-height:15px; }
.membership-listing span { padding-right:8px; }
#community-image { position:relative; }

/************ WE ARE MODUS ***********/

#we-are-wrapper .flexslider .slides li { padding-bottom:0; }
.full-width.we-logo-showcase#client-grey { margin-bottom:3%; }

/**CONTACT PAGE SCROLLERS **/

#footer-contact-outer { margin-bottom:2%; margin-top:1%; }
#footer-contact-outer #accreditation-wrapper, #footer-contact-outer #membership-outer-wrapper { padding:0; width:47%; float:left; position:relative; left:0; top:0; background:none; }
#footer-contact-outer .full-width#accreditation-wrapper .flexslider { opacity:0.5; }
#footer-contact-outer #accreditation-wrapper { float:right; }
#footer-contact-outer #accreditation-wrapper .row.centre, #footer-contact-outer #membership-outer-wrapper .row.centre { float:left; width:100%; margin:0; max-width:100%; }
#footer-contact-outer #membership-outer-wrapper #membership-title h2 { text-align:left; }

#footer-contact-outer #accreditation-wrapper .side-accred-title h3 {
	color: #797d80;
    text-transform: uppercase;
    border-bottom: 1px solid #1E2B31;
    font-weight: 400;
    font-size: 1.1em;
    line-height:34px;
    width:100%;padding:0; float:left;
    letter-spacing: 0.4em; }

#footer-contact-outer #accreditation-wrapper {
    border-bottom: 1px solid #1E2B31; }

#footer-contact-outer #accreditation-wrapper .side-accred-title { width:100%; }
#footer-contact-outer #accred-showcase { width:100%; }

#footer-contact-outer #accred-showcase {
    padding-top: 1.5%;
    padding-bottom:2%; }

#footer-contact-outer .full-width#accreditation-wrapper .flexslider .slides > li { margin-right:25px; }
.env-logo { float:left; width:100px; }

/** PAGE IMAGES **/

.sorted-content-list { float:right; display:block; width:93%; padding-top:0; margin:0; }
.content-columns.formatted-list-style .col_9.last { padding-bottom:2%; }
.sorted-content-list li { float:left; width:100%; font-weight:300; border-bottom:1px solid #F7F6F6; padding:2% 0 2% 0; }
.sorted-content-list li:first-child { padding-top:0; }

/************ FOOTER STYLING ************/

.full-width#footer-wrap {
  background:#0f1e26;
  z-index:1000;
  float:left;position:relative;
  padding-top:30px;
  padding-bottom:30px; }

 .full-width.membership-footer#footer-wrap { padding-top:0; }

#footer-left { float:left; width:50%; min-width:470px; }
.footer-logo-wrap { float:left; width:150px; margin-top:2%; }
#footer-right { float:right; width:20%; margin-bottom:8px; min-width:155px; }
#footer-links { float: left; width: 45%; margin-left: 20px; padding-left: 20px; border-left: 1px solid #334046; }
#footer-left ul { list-style-type:none; list-style:none; display:block; float:left; width:100%; padding:0; margin:0; }
#footer-left ul li { line-height:0.7em; list-style-type:none; list-style:none; display:block; float:left; width:50%; padding:0; margin:0; }
#footer-left ul li a { font-weight:300; color:#797d80; text-transform:uppercase; font-size:11px; line-height:15px; }
#percept-logo { display:block; float:right; background:url(../images/percept-footer.png) 0 0 no-repeat; width:74px; height:28px; }
#footer-right .social-icon { text-indent:-9999px; color:transparent; display:block; float:left; width:auto; display:block; height:14px; }
#footer-right ul { padding-top:0; float:right; width:60px; }
#footer-right ul li { margin-left:8px; }
#footer-right .social-icon.facebook { background:url(../images/social-fb.png) 0 0 no-repeat; width:7px; }
#footer-right .social-icon.instagram { background:url(../images/social-insta.png) 0 0 no-repeat; width:14px; }
#footer-right .social-icon.twitter { background:url(../images/social-twitter.png) 0 0 no-repeat; width:15px; }

/*** GREY ACCREDITATION ***/

/*.logo-wrapper:first-child { margin-right:50px; }*/
.row.centre#enviro-wrapper-centre { width:30%; max-width:500px; }
#enviro-logos { margin-bottom:3%; }

#enviro-logo-slideshow {
    display: block;
    border-top: 3px solid #efefef;
    padding-top:2rem;
    text-align: center;
    padding-bottom: 2rem; }

#enviro-logo-slideshow .logo-wrapper {
  display:inline-block;
  float:none;
  width: 90px;
  margin-right: 1rem;
  margin-bottom:1rem;
}

#enviro-logo-slideshow .logo-wrapper:last-child { margin-right:0; }
#enviro-logo-slideshow .logo-wrapper img {
  width:100%;
  display:block;
  float:left;
}


/************ UPDATES PAGE ************/

#update-browser { background:#26455a; }
#logo-centre { width:215px; }
#header-update-bar { padding-top:60px; }
#update-header { font-weight:400; line-height:38px; padding:85px 0 45px 0; margin:0; font-size:27px; letter-spacing:4px; color:white; font-family:'Lato',san-serif;text-align:center; text-transform:uppercase; }
#update-statement { font-weight:300; color:white; font-size:20px; margin:0; padding:0; text-align:center; letter-spacing:4px; font-family:'Lato',sans-serif; text-align:center; text-transform:uppercase; line-height:20px; }
#mid-stroke-update { height:4px; background:url(../images/stroke-mid.png) center center no-repeat; margin-top:60px; margin-bottom:30px; }
#update-logo-centre { width:930px; }
#browser-update-bar { margin-top:60px; }

.icon { float:left; margin-left:125px; }
.icon#firefox { background:url(../images/firefox.png) top center no-repeat; width:140px; padding-top:130px; }
.icon#firefox a { width:135px; padding:13px 0 13px 0; display:block; float:left; text-align:center; text-transform:uppercase; font-family:'Lato',sans-serif; color:#b1bcc4; border:2px solid #b1bcc4; }
.icon#firefox a:hover { background:#b1bcc4; color:#26455a; }

.icon { float:left; }
.icon#chrome { background:url(../images/chrome.png) top center no-repeat; width:140px; padding-top:130px; }
.icon#chrome a { width:135px; padding:13px 0 13px 0; display:block; float:left; text-align:center; text-transform:uppercase; font-family:'Lato',sans-serif; color:#b1bcc4; border:2px solid #b1bcc4; }
.icon#chrome a:hover { background:#b1bcc4; color:#26455a; }

.icon { float:left; }
.icon a { letter-spacing:2px; }
.icon#safari { background:url(../images/safari.png) top center no-repeat; width:140px; padding-top:130px; }
.icon#safari a { width:135px; padding:13px 0 13px 0; display:block; float:left; text-align:center; text-transform:uppercase; font-family:'Lato',sans-serif; color:#b1bcc4; border:2px solid #b1bcc4; }
.icon#safari a:hover { background:#b1bcc4; color:#26455a; }


.flexslider#licence-slider { float:left; width:77%; font-size:11px; text-transform:uppercase;}
.flexslider#licence-slider ul { overflow:auto; white-space:nowrap; overflow:auto; white-space:nowrap; margin:0; padding:0; list-style:none; }
.flexslider#licence-slider li { padding:0; margin-right:15px; }
.flexslider#licence-slider li span { display:block; float:left; width:100%; }


@media only screen and (min-width: 959px) and (max-width: 1135px) {

	#services-outer-wrap .title:before { border:none; }
	#services-outer-wrap .title:after { border:none; }
	.side-accred-title h3 { padding:1.1em 0 2% 0; }

}

/*********************************************************************************/

/************************ MEDIA QUERIES TABLET ***********************************/

/*********************************************************************************/

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.flexslider#licence-slider { font-size:10px; }
	.enviro-inner-content h2,.grid-cover a .text h3 span.project-location{ font-weight:300; }
	body .header-outer-container .banner-wrap .flexslider .slides .banner-text .banner-inner-wrapper h3#home-tagline { font-size:1.2em; }
	.row.centre#projects-archive .grid-cover:hover .cover, #services-outer-wrap .uk-panel:hover img, .grid-cover:hover .cover, #services-outer-wrap .link:hover img {
	  -o-transform: scale(1);
	  -ms-transform: scale(1);
	  -moz-transform: scale(1);
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}

	#services-outer-wrap .title:before { border:none; }
	#services-outer-wrap .title:after { border:none; }
	.side-accred-title h3 { padding:1.1em 0 2% 0; }

	/*** HEADER AREA ***/

	#element-container table td#header-logo-cell img, .secondary-header #element-container table td#header-logo-cell img { width:165px; }
	.secondary-header #main-navigation-wrapper #menu-button { top:1%; }
	#menu-button { top:2%; }
	#content-banner-arrange .banner-text h2 { font-size:1.2em; }
	#content-banner-arrange .banner-text p { font-size:3em; }
	.row.centre.introductory-strip-text { max-width:80%; }
	.row.centre.introductory-strip-text p br { display:none; }
	#page-intro-bar { padding-top:3em; padding-bottom:3em; }
	.content-columns h3 { font-size:18px; line-height:23px; }
	#secondary-title-space h2 { padding-bottom:7px; font-size:22px; line-height:25px; }
	#secondary-title-space p { font-size:26px; line-height:29px; }

	/*** HOME ***/

	#enviro-intro-wrap { padding-top:3em; padding-bottom:1em; }
	#accred-showcase { width:100%; }
	.enviro-inner-content a { padding:8px 0 8px 0; width:177px; font-size:15px; }
	.enviro-inner-content h2, #accreditation-wrapper > .row.centre { min-width:0; }


	#contributor-right { float:right; width:25%; }
	#contributor-left { width:65%; margin-left:0; margin-right:0; }
	#contributor-left h2 span { letter-spacing:4px; font-size:19px; }
	#contributor-left h2 { font-size:27px; line-height:25px; }
	.full-width#membership-wrapper { margin-bottom:5%; }
	#sponser-section > .row.centre, .environment-page#sponsor-section > .row.centre  { min-width:0; max-width:100%; }
	#archive-excerpt-intro > .row.centre, #enviro-intro-wrap > .row.centre { min-width:570px; }


	/*** ENVIRONMENT ***/

	#community-image .flexslider .slides .comm-text h3 { font-size:1.2em; line-height:1em; }
	#community-image .flexslider .slides .comm-text h2 { font-size:3em; }
	#community-image .flexslider .slides .comm-text p { font-size:16px; margin-top:1%; line-height:24px; min-width:0; max-width:90%; width:90%; }
	#community-image .flexslider .slides .comm-text { top:15%; }

	/*** INTERACTIVE MAP ***/

	.secondary-header .state-info-container { padding-top:4%; padding-bottom:4%; }
	.secondary-header #map-information-band p, .secondary-header .state-info-container p { padding:7% 0 7% 0; }
	.secondary-header .state-wrapper h3 { padding:1.5% 10% 3.5% 10%; width:80%; line-height:1.7em; }

	/*** FOOTER ***/

	#footer-left { float:left; width:80%; min-width:0; }
	.footer-logo-wrap { width:130px; }
	#footer-right { width:20%;  min-width:0; }
	#percept-logo { margin-top:7px; }

	#project-feature-home-strip .item:nth-child(2n) .uk-panel.project-feature-wrap { padding-right:0; }
	.grid-cover.large a .text { left:38px; bottom:120px; }
	.enviro-inner-content h2 { font-size:1.4em; padding-bottom:5%; }
	#outer-acced-wrapper  .flexslider .slides li { padding-bottom:0; }
	#accreditation-wrapper { padding-top:10px; padding-bottom:10px; }
	.grid-cover a .text h3 { font-size:25px; line-height:31px; }

	.banner-text p.home-support-statement {
		line-height: 25px;
	    font-size: 17px;
    	margin-top: 14px; }

    #home-services-strip h2, #home-projects-strip h2 { font-size:1.2em; }
    #outcome-wrapper-content { padding-top:3em; padding-bottom:3em; }

	h2.make-me-block.letter-spacing { font-size:3em; }
	.enviro-inner-content { margin-top:4%; }


}


/**********************************************************************/

/************************MEDIA QUERIES MOBILE**************************/

/**********************************************************************/

/* Mobile Portrate Screen Sizes */
@media only screen and (max-width:767px) {

	.flexslider#licence-slider { margin-top:3%; }
	.flexslider#licence-slider { width:100%; }
	.row.centre#projects-archive .grid-cover:hover .cover, #services-outer-wrap .uk-panel:hover img, .grid-cover:hover .cover, #services-outer-wrap .link:hover img {
	  -o-transform: scale(1);
	  -ms-transform: scale(1);
	  -moz-transform: scale(1);
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
	.enviro-inner-content h2,.grid-cover a .text h3 span.project-location{ font-weight:300; }

	#services-outer-wrap .title:before { border:none; }
	#services-outer-wrap .title:after { border:none; }
	#footer-left { min-width:0; }
	#accreditation-wrapper > .row.centre, .side-accred-title { min-width:0; }
	#sponser-section > .row.centre, .environment-page#sponsor-section > .row.centre { min-width:0; max-width:100%; }
	#contributor-left h2 { text-align:center; }
	.outer-body-wrap { overflow:hidden; }
	.row.centre.introductory-strip-text { min-width:0; width:100%; max-width:90%; font-size:16px; line-height:27px; }
	#archive-excerpt-intro > .row.centre { min-width:0; width:100%; max-width:90%; padding-top:4%;  }
	#archive-excerpt-intro { padding-bottom:6%; }
	.row.centre#projects-archive { max-width:90%; width:90%; }
	#tax-centre-strip .grid-cover.large a .text { bottom:55px; }
	#enviro-intro-wrap, #page-intro-bar, #home-intro-text { padding-top:2.5em; padding-bottom:2.5em; }
	.content-columns .col_9.last p { padding-left:0; }
	.content-columns.formatted-list-style .col_9.last { padding-top:5%; }
	.content-columns.formatted-list-style .col_3 { margin-top:3%; }
	.full-width.we-logo-showcase#client-grey { margin-bottom:10%; }
	#main-navigation-wrapper ul { z-index:5000; overflow-x:hidden; overflow-y:scroll; height:270px; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto; }

	#home-services-strip h2, #home-projects-strip h2 { margin-top:8%; margin-bottom:10%; }
	#project-feature-home-strip .uk-panel.project-feature-wrap { padding-right:0; padding-left:0; }
	#contributor-left { width:100%; margin-right:0; margin-left:0; border:none; }
	#contributor-left h2 span { font-size:17px; letter-spacing:0.2em; }
	#contributor-left h2 { font-size:26px; line-height:0.9em; }
	#contributor-right { margin:auto; width:150px; float:none; padding-top:65px; padding-bottom:6px; }
	#accreditation-wrapper { position:relative; left:0; background:#132530; }
	.side-accred-title h3 { float:left; width:100%; text-align:center; padding-top:0; padding-bottom:5%; }
	#project-view-strip {
	padding-top: 4%;
    padding-bottom: 4%;
    margin-bottom: 5%; }
    .grid-cover.large a .text { left:40px; }
    .enviro-inner-content h2 { font-size:16px; min-width:0; }
    .enviro-inner-content a {
    	font-size: 11px;
	    padding: 3px;
    	width: 122px;
	    border-width: 1px; }
    #outer-acced-wrapper .flexslider .slides li { padding-bottom:0; }
    #outer-acced-wrapper .flexslider { margin-bottom:3%; }
    .banner-text h2 { font-size:1.8em; }
    #content-banner-arrange .banner-text p { font-size: 25px; line-height: 27px; }
    #content-banner-arrange .banner-text h2 { font-size:12px; }
    .banner-text p { margin-top:5%; }
    .banner-text p.home-support-statement { display:none; }
    #element-container table td#header-logo-cell img, .secondary-header #element-container table td#header-logo-cell img { width:135px; }
    #main-navigation-wrapper { width:250px; right:-250px; }
    .secondary-header #element-container { padding:3% 0 3% 0; }

    .banner-wrap .flexslider .banner-text .full-width.banner-inner-wrapper { margin-top:3%; }
    body .full-width.search-bar div form input[type='search'] { font-size:15px; padding:1em 2% 1em 2%; }
    body .full-width.search-bar div form input[type='submit'] { top:-2px; }
   .secondary-header #main-navigation-wrapper #menu-button, #menu-button { top:2%; }
    #home-tagline { font-size:12px; line-height:17px; }
	#accred-showcase { width:100%; }
	.side-accred-title { width:100%; }

	#locations-bar > .row.centre > .full-width { overflow-x:scroll; }


	.environment-page#sponsor-section { padding-top:4%; padding-bottom:4%; }
	/** SITE SEARCH **/

	/*** ENVIRO PAGE ****/
	.enviro-inner-content { width:100%; margin-top:3%; }
	.enviro-inner-content a { display:none; }
	#contributor-left h2 { font-size:23px; }
	#community-image .flexslider .slides .comm-text h3 { font-size:16px; }
	#community-image .flexslider .slides .comm-text h2 { margin-top:0; font-size:26px; }
	#community-image .flexslider .slides .comm-text { top:17%; }
	#enviro-intro-wrap > .row.centre { width:90%; min-width:0; }
	#community-image .flexslider .slides .row.centre { min-width:0; width:75%; min-width:350px; }
	#community-image .flexslider .slides .comm-text > .row.centre > .full-width { border-top:1px solid white; border-bottom:1px solid white; padding:4% 0 2% 0; }
	#banner-button-scroll { display:none; }
	#home-intro-text p, #archive-excerpt-intro p { padding:0; margin:0; }
	#community-image .flexslider .slides .comm-text p { display:none; }
	#secondary-title-space h2 { font-size:20px; line-height:26px; padding-bottom:5px; }
	#secondary-title-space p { line-height: 26px; font-size: 21px; }
	#secondary-title-space { padding:9% 0 9% 0; }

	/** CONTACT **/

	#locations-bar table td { width:50% !important; }
	#locations-bar { padding-top:8%; padding-bottom:8%; }
	#contact-action-strip { padding-top:9%; }
	#contact-form form select { width:100%; }
	#contact-form form .col_6 { margin-bottom:4%; }
	#contact-form form .col_6.last input.text { float:left; }
	#contact-form form label { font-size:12px; }
	#contact-form .full-width.submit-wrap { margin-top:8%; margin-bottom:5%; }
	#contact-form .full-width.submit-wrap input[type='submit'] { border:2px solid #43bfd7; padding:4% 5% 4% 5%; font-size:16px; }
	#contact-form h3 { font-size:17px; }
	#contact-form { padding-top:6%; }
	#project-intro-strip, #outcome-wrapper-content { padding-top:3em; padding-bottom:3em; }
	#enviro-intro-wrap h3 { font-size:22px; line-height:32px; padding-bottom:8%; }
	#enviro-intro-wrap p { font-size:17px; line-height:27px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; }
	#project-intro-strip p { font-size:17px; }
	#outcome-wrapper-content p { font-size:15px; line-height:24px; }
	.secondary-header-display#page-content-wrapper #contact-information-block .content-columns p { padding-left:0; }
	.menu-item-has-children ul.sub-menu { max-height: 155px; }
	#menu-main-navigation li.menu-item-has-children li a { font-size: 0.8em; }
	.span-one-third {
		display: block;
		padding-right: 0;
		width: 100%;
	}
	#outcome-wrapper-content .span-one-third p { padding: 1% 0 1em; }
	#outcome-wrapper-content .span-one-third.right p { padding-bottom: 0; }
}


@media only screen and (max-width:320px) {

	#home-services-strip h2, #home-projects-strip h2 { font-size:17px; }
	#secondary-title-space h2 { font-size:18px; line-height:22px; }
	#secondary-title-space p { font-size:18px; line-height:22px; }
	#contributor-left h2 span { font-size:14px; }
	#contributor-left h2 { font-size:19px; }
	#contributor-right { padding-top:55px; }
	#sponser-section { padding-top:10px; padding-bottom:10px; }
	#project-view-strip a { font-size:13px; width:130px; padding:9px; }
	#content-banner-arrange .banner-text p { font-size:21px; line-height:22px; margin-top:6px; }
	#membership-title h2 { padding-bottom:6px; }
	.enviro-inner-content { width:100%; margin-top:7%; }
	.enviro-inner-content h2 { font-size:13px; }
	#home-tagline { font-size:11px; }
	.banner-wrap .flexslider .banner-text .full-width.banner-inner-wrapper { margin-top:8%; }
	#home-intro-text p, #archive-excerpt-intro p { font-size:15px; line-height:25px; }
	#community-image .flexslider .slides .row.centre { min-width:290px; }
	#community-image .flexslider .slides .comm-text { top:20%; }
	#community-image .flexslider .slides .comm-text h3 { font-size:14px; }
	#community-image .flexslider .slides .comm-text h2 { font-size:20px; margin-top:0; }

}