/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333;  
}

:-ms-input-placeholder {  
   color: #333;  
}

:focus {
	outline: none;
}

html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

* {
	box-sizing: border-box; 
	list-style: none;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font: 110% "effra",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #474747;
}

input, textarea {
	font: 110% "effra",sans-serif;
	font-style: normal;
	font-weight: 300;
	border-radius: 0 !important;
}

img {
	//width: 100%;
	//height: auto;
}

a.post-edit-link {
	color: #262F36;
	border-bottom: 1px solid #262F36;
}

a {
	text-decoration: none;
	color: rgb(0,153,102);;
	color: rgb(0,153,102);
}

article a {
	border-bottom: 2px solid rgb(0,153,102);;
}

strong {
	font-family: "effra",sans-serif;
	font-style: normal;
	font-weight: 500;
}

code strong {
	font-family: "paralucent",sans-serif;
	text-transform: capitalize;
	font-weight: 300;
}

b {
	font: 0.8em "effra",sans-serif;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin: 5px 0 0 0;
}

ul li:last-of-type {
	border: 0;
}

p {
	margin: 0 0 20px 0;
	line-height: 26px;
}

a.post-edit-link {
	display: inline-6tttblock;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	color: rgb(0,153,102);
}

h1 {
	font: 2.6em "paralucent",sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 0 0 20px 0;
}

h1 span {
	color: #b2b2b2;
}

h2 {
	font: 2em "paralucent",sans-serif;
	text-transform: capitalize;
	color: #202A30;
	color: rgb(0,153,102);
	font-style: normal;
	font-weight: 400;
	margin: 0;
	margin-bottom: 15px;
}

.white,
.white a {
	color: #fff;
}

.white a {
	border-bottom: 2px solid #fff;
}

h3 {
	font: 1.8em "paralucent",sans-serif;
	text-transform: capitalize;
	color: rgb(0,153,102);
	font-weight: 300;
	line-height: 40px;
	margin: 0;
	letter-spacing: 1px;
}

h4 {
	font: 1.4em "paralucent",sans-serif;
	text-transform: capitalize;
	color: rgb(0,153,102);
	font-weight: 38px;
	margin: 0 0 10px 0;
}

h4 a {
	border-bottom: 2px solid rgb(0,153,102);
}

hgroup {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

hgroup h1,
hgroup h2,
hgroup h5 {
	display: inline-block;
	margin: 0;
}

hgroup h5 {
	font-size: 1.2em;
	font-family: "jubilat",sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgb(102,204,153);
	text-transform: lowercase;
}

hgroup a,
a.all {
	float: right;
	display: block;
	padding: 5px 20px;
	text-align: center;
	border: 1px solid rgb(0,153,102);
	color: rgb(0,153,102);
	border-radius: 3px;
	margin: -12px 0 0 0;
}

a.button.all {
	float: left;
}

hgroup a:hover,
a.all:hover {
	background: rgb(0,153,102);
	color: #fff;
	transition: all .3s ease;
	cursor: pointer;
}

.bordertop {
	border-top: 3px solid rgb(102,204,0);
	padding: 25px 0 0 0;
}

/* ARTICLE */

section.over {
	margin: 0;
}

article h1 {
	color: rgb(0,153,102);;
}

article p {
	margin: 0 0 20px 0;
	color: #444;
	line-height: 26px;
}

code {
	font: 1.4em "paralucent",sans-serif;
	text-transform: capitalize;
	color: rgb(0,153,102);;
	font-weight: 300;
	line-height: 38px;
	border-bottom: 1px solid #d2d2d2;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	overflow: hidden;
	display: block;
}

article blockquote {
	font: 1.4em "paralucent",sans-serif;
	font-style: italic;
	font-weight: 200;
	line-height: 34px;
	border-left: 2px solid rgb(0,153,102);
	padding: 10px 0 1px 20px;
	margin: 20px 0 20px 20px;
}

article blockquote p {
	line-height: 36px;
}

blockquote p {
	margin: 0 0 10px 0;
}

dl blockquote p {
	font: 1.4em "paralucent",sans-serif;
	font-style: italic;
	font-weight: 200;
	line-height: 34px;
	padding: 10px 0 1px 0px;
	margin: 0px 0 20px 0px;
}

dl h4 {
	margin: 0;
}

cite {
	float: right;
}

article img {
	width: inherit;
}

.alignleft {
	float: left;
	margin: 20px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 20px 0 20px 20px;
}

.aligncenter {
	float: none;
	display: block;
	margin: 20px auto;
}

.alignnone {
	clear: both;
	margin: 20px 0;
}

a[rel] {
	border: 0 !important;
}

article.attachment img {
	display: block;
	margin: 0px auto;
}

p.wp-caption-text {
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
}

article ul {
	overflow: hidden;
	margin: 0 0 30px 0px;
}

article ul ul {
	margin: 10px 0 0 0;
}

article ul li {
	list-style: square;
	margin: 0 0 0 25px;
	padding: 0 0 10px 0;
}

article ul li ul li {
	list-style: circle;
}

article ul li:last-of-type {
	
}

article ul li a {

}

article ol {
	margin: 0 0 30px 20px;
	overflow: hidden;
}

article ol li {
	list-style: lower-roman;
	padding: 5px 0;
	margin: 0 0 0 20px;
}

/* SINGLE NEWS */

.feature_single {
	margin: 0 0 20px 0;
}

.posted {
	margin: 0 0 20px 0;
	text-align: right;
}

.news.rowone dl,
.news.rowone dl:nth-child(even) {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.news.rowtwo dl {
	width: 49%;
	float: left;
	clear: both;
}

.news.rowtwo dl:nth-child(even) {
	width: 49%;
	margin: 0 0 0 2%;
	clear: none;
}

.news.rowthree dl {
	width: 32%;
	float: left;
}

.news.rowthree dl:nth-child(even) {
	margin: 0 2%;
}

.news.rowthree dl dd p {
	color: #fff;
}

body.single-post .w65,
body.single-post .w5 {
	float: right;
}

body.single-post section.recentcasestudies .news  dl dd p {
	color: #333;
}

/* SINGLE CASE STUDIES */

.casestudy_image img {
	display: block;
	margin: 0px auto 20px;
}

body.single-casestudies section.recentnews {
	margin: 0;
}

/* ARCHIVE CASE STUDIES */

body.post-type-archive-casestudies .news dl:nth-child(3),
body.post-type-archive-casestudies .news dl:nth-child(5),
body.post-type-archive-casestudies .news dl:nth-child(7),
body.post-type-archive-casestudies .news dl:nth-child(9) {
    clear: both;
}

/* SEARCH */

.news.onerow {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	overflow: hidden;
}

dl.search_staff {
	
}

.news dl.search_staff dt {
	width: 30%;
	float: left;
	background: inherit;
}

.news dl.search_staff dt img {
	max-width: 200px;
	height: auto;
}

.news dl.search_staff dd {
	width: 65%;
	margin: 20px 0 0 0;
}

/* ARCHIVE & NEWS POSTS */

body.page-template-news aside.side a.button,
body.date aside.side a.button {
	display: none;
}

body.tag .w65,
body.tag .w5,
body.page-template-news .w65,
body.date .w65,
body.page-template-news .w5,
body.date .w5 {
	float: right;
}

/* BUTTONS */

.button {
	border-radius: 3px;
    display: inline-block;
    color: rgb(0,153,102);
    background: #fff;
    font: 18px "paralucent",sans-serif;
    color: rgb(0,153,102);
    font-style: normal;
    font-weight: 400;
    padding: 5px 25px 5px;
    border: 2px solid rgb(0,153,102);
    transition: all .3s ease;
}

.button:hover {
	background: rgb(0,153,102);
	color: #fff;
	border: 2px solid #ffffff;
}

.button.blue {
	background: #fff;
	color: #2562B3;
	border: 2px solid #2562B3;
}

.button.blue:hover {
	background: #2562B3;
	color: #fff;
	border: 2px solid #fff;
}

.button.fill {
	background: rgb(0,153,102);
	color: #fff;
	border: 2px solid rgb(0,153,102);
	display: table;
	margin: 30px auto 0;
}

.button.fill:hover {
	color: rgb(0,153,102);
	background: #fff;
	border: 2px solid rgb(0,153,102);;
}

.button.right {
	float: right;
}

.button.large {
	width: 100%;
	text-align: center;
}

/* STRUCTURE */

section {
	overflow: hidden;
	margin: 0 0 60px 0;
}

section.m0 {
	margin: 0 !important;
}

section.mb0 {
	margin-bottom: 0 !important;
}


aside {
	max-width: 1080px;
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
}

.w80 {
	width: 80%;
	float: left;
}

.w78 {
	width: 78%;
	float: left;
}

.w75 {
	width: 75%;
	float: left;
}

.w70 {
	width: 70%;
	float: left;
}

.middle {
	float: none !important;
	margin: 0px auto !important;
}

.w68 {
	width: 68%;
	float: left;
	margin: 0 0 0 2%;
}

.w65 {
	width: 65%;
	float: left;
}

.w60 {	
	width: 60%;
	float: left;
}

.w58 {
	width: 58%;
	margin-left: 2%;
	float: left;
}

.w50 {	
	width: 50%;
	float: left;
}

.w50.right {
	text-align: right;
}

.w49 {
	width: 49%;
	float: left;
}

.w40 {	
	width: 40%;
	float: left;
}

.w35 {
	width: 35%;
	float: left;
}

.w30 {
	width: 30%;
	float: left;
}

.w30.p5 {
	margin: 0 5%;
}

.w25 {
	width: 25%;
	float: left;
}

.w25.right {
	float: right;
}

.w20 {
	width: 20%;
	float: left;
}

.w5 {
	width: 5%;
	float: left;
}

.w2 {
	width: 2%;
	float: left;
}

/* TOP */

section.top {
	margin: 64px 0 0 0;
	overflow: hidden;
	padding: 0px;
}

section.top aside {

}

section.top aside .w100 {
	border-bottom: 1px solid #d2d2d2;
}

section.top ul.social li {
	font-size: 30px;
	float: right;
	list-style: none;
	margin: 0 0 0 15px;
}

section.top ul.social li i.fa-facebook-square {
	color: #3B5998;
}

section.top ul.social li i.fa-twitter-square {
	color: #55acee;
}

a.facebook {
	background: #3b5998;
	color: #fff;
	padding: 20px 40px;
}

section.top .colour_green {
	background: rgb(0,153,102);
}

section.top .colour_green {
	background: rgb(0,153,102);
}

section.top p {
	color: #fff;
	padding: 10px 0;
	margin: 0;
}

section.top .colour_yellow {
	background: #FEEFB3
}

section.top .colour_yellow p {
	color: #9F6000;
}

section.top .colour_red {
	background: #FFBABA;
}

section.top .colour_red p {
	color: #D8000C;
}

section.top .colour_blue {
	background: #BDE5F8;
}

section.top .colour_blue p {
	color: #00529B;
}

/* SEARCH BAR */

section.searchbar {
    margin: 0px 0 0 0;
    overflow: hidden;
    padding: 0px 0;
    height: 100px;
    display: none;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1;
}

section.searchbar.banter {
	display: block;
}

section.searchbar input[type="text"]::-webkit-input-placeholder {
   color: #bbb;
}

section.searchbar input[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: #bbb;  
}

section.searchbar input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #bbb;  
}

section.searchbar input[type="text"]:-ms-input-placeholder {  
   color: #bbb;  
}

section.searchbar input[type="text"] {
	font: 48px "paralucent",sans-serif;
	width: 100%;
	background: #f8f8f8;
	color: #333;
	padding: 20px 0;
	text-align: center;
	border: 0;
	border-bottom: 2px solid #999;
}

section.searchbar input[type="submit"] {
	border: 0;
	background: url(img/search.svg) no-repeat;
	background-size: 64px 64px;
	width: 64px;
	height: 64px;
	right: 0;
	text-indent: -9999px;
	position: relative;
	top: -83px;
	left: 90%;
}

/* HEADER */

body.home aside.slides {
	display: block;
	max-width: inherit;
}

body.home .slides {
	display: block;
}

.slides,
aside.slides {
	display: none;
}

body.home section.header {
	display: block;
	margin: 18px auto 19px;
	width:100%;
	max-width: 1140px;
	display: block;
}

body.home section.slides {
	width: 100%;
	max-width: 1280px;
	margin: 0px auto;
}

body.home section.slides aside {
	max-width: 1280px;
}

section.header aside {
	
}

section.header .w100 {
	overflow: hidden;
}

section.header code p {
	color: #333;
	font-size: 1.6em;
	line-height: 47px;
	margin: 0 0 15px 0;
}

section.header p {
	margin: 0 0 10px 0;
}

section.header code {
	border: 0;
	margin: 0;
	padding: 0;
}

section.header h1 {
	margin: 0;
}

section.header .poweredby {
	overflow: hidden;
	margin: 20px 0 0 0;
}

section.header .poweredby img {
	width: 180px;
	display: block;
	margin: 0px auto;
}

.dark {
	background: rgba(0,153,102,9.2);
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.dark_inner {
	width: 853px;
	height: 480px;
	max-width: 100%;
	position: absolute;
	top: 0; 
	right: 0;
	bottom: 0; 
	left: 0;
	margin: auto;
}

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

/* NAVIGATION */

/*

section.nav {
	background: #262F36;
	border-bottom: 4px solid rgb(0,153,102);;
	padding: 0px 0;
	overflow: hidden;
	position: fixed;
	width: 100%;
	margin: 0;
	top: 0;
	z-index: 3;
}

section.nav ul li {
	float: left;
	margin: 0 0px 0 0;
	list-style: none;
}

section.nav nav ul li a {
	display: block;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    transition: all .3s ease;
    padding: 20px 20px;
}

section.nav nav ul li:hover a {
	background: rgb(0,153,102);;
	color: #fff;
}

body.page-template-news section.nav nav ul li.page-item-352 a,
body.date section.nav nav ul li.menu-item-355 a,
body.tag section.nav nav ul li.menu-item-355 a,
body.single-post section.nav nav ul li.menu-item-355 a,
body.single-casestudies section.nav nav ul li.menu-item-351 a,
body.post-type-archive-casestudies section.nav nav ul li.menu-item-351 a,
section.nav nav ul li.current_page_item a,
body.search-results li.showsearch a {
	color: rgb(0,153,102);;
	background: #fff;
}
*/

.logo {
	width: 20%;
	float: left;
}

section.header {
	margin-top: 30px;
}

section.header nav {
	width: 78%;
	float: left;
	margin: 0 0 0 2%;
}

section.header nav ul {
	margin: 0 0 20px 0;
	display: table;
	width: 100%;
}

section.header nav ul li {
	display: table-cell;
	margin: 0 0px 0 0;
	list-style: none;
}

section.header nav ul li a {
	display: block;
   font-size: 18px;
   font-weight: 600;
   text-transform: uppercase;
   color: rgb(0,153,102);
   transition: all .3s ease;
   padding: 0px 13px;
   margin: 70px 0 0 0;

}

section.header nav ul li:hover a {
	color: rgb(0,153,102);
}

body.page-template-news section.header nav ul li.page-item-352 a,
body.date section.header nav ul li.menu-item-355 a,
body.tag section.header nav ul li.menu-item-355 a,
body.single-post section.header nav ul li.menu-item-355 a,
body.single-casestudies section.header nav ul li.menu-item-351 a,
body.post-type-archive-casestudies section.header nav ul li.menu-item-351 a,
section.header nav ul li.current_page_item a,
body.search-results li.showsearch a {
	color: #333;
}


/* PHOTO */

section.photo {
	background: url(img/one.jpg) right center no-repeat;
	background-size: cover;
	min-height: 280px;
}

/* INTRO */

section.intro {
	padding: 30px 0;
	color: #e2e2e2;
}

section.intro h2 {
	color: #e2e2e2;
}

section.intro {
	
}

section.intro ul.half {
	overflow: hidden;
}

section.intro ul.half li {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
}

section.intro ul li {

}

section.intro ul.disc li {
	list-style: disc;
	margin: 0 0 10px 20px;
}

/* CASE STUDIES */

section.casestudies {
	padding: 30px 0;
}

section.casestudies hgroup {
	margin: 0 0 25px 0;
}

.circle {
	width: 320px;
    height: 320px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.w30 img {
	display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

section.casestudies .half {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 3px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 3px; /* Firefox */
    column-rule-width: 3px;
    -webkit-column-rule-color: rgb(102,204,0); /* Chrome, Safari, Opera */
    -moz-column-rule-color: rgb(102,204,0); /* Firefox */
    column-rule-color: rgb(102,204,0);
}

/* RECENT NEWS */

section.recentnews {
	
}

.news dl {
	width: 49%;
	float: left;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0%;
}

.news dl:nth-child(even) {
	margin: 0 0 20px 2%;
}

.news dl.odd {
	clear: both;
}

body.single-staff .news dl.odd {
	clear: none;
}

.news dl dt {
	width: 20%;
	margin: 0 5% 0 0;
}

.news dl dd {
	width: 75%;
	float: left;
}

/* ARCHIVE STAFF */

.allstaff dl {
	width: 30%;
	float: left;
	margin: 0 0 20px;
}

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

.allstaff dl:nth-child(3n+2) {
	margin: 0 5% 20px;
}

.allstaff dl p {
	font-size: 16px;
	line-height: 20px;
}


/* PEOPLE */

section.people {
	
}

section.people dl.avatar {
	width: 45%;
	float: left;
	border-bottom: 1px solid #eee;
	padding: 0px 5% 20px 0;
	margin: 0 0 20px 0;
}

section.people dl.avatar.large {
	width: 100%;
	overflow: hidden;
}

section.people dl.avatar.large dt {
	width: 50%;
	float: left;
}

section.people dl.avatar.large dd {
	width: 48%;
	float: left;
	margin: 0 0 0 2%;
}

/* QUOTE */

section.quote {
	padding: 0px;
	overflow: hidden;
	margin: 0 0 40px 0;
}

section.quote hr {
	width: 70px;
	border-width: 3px 0 0 0;
	border-style: solid;
	border-color: rgb(102,204,0);
	margin: 0 auto 15px;
}

section.quote blockquote p {
	font: 28px "paralucent",sans-serif;
	font-style: italic;
	font-weight: 200;
	line-height: 38px;
	padding: 20px 0;
	text-align: center;
}

.middle {
	
}

/* FEATURE */

section.grid {
	
}

section.grid aside {
	max-width: 760px;
	width: 100%;
	margin: 60px auto;
}

section.grid aside {
	overflow: hidden;
}

section.grid aside ul {
	width: 100%;
	overflow: hidden;
	margin: 30px 0 0 0;
}

section.grid aside ul li {
	width: 33%;
	float: left;
	min-height: 200px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	margin: 0;
	list-style: none;
}

section.grid aside ul li:nth-child(2),
section.grid aside ul li:nth-child(5),
section.grid aside ul li:nth-child(8) {
	border-left: 3px solid rgb(102,204,0);
	border-right: 3px solid rgb(102,204,0);
}

section.grid aside ul li:nth-child(4),
section.grid aside ul li:nth-child(5),
section.grid aside ul li:nth-child(6) {
	border-top: 3px solid rgb(102,204,0);
	border-bottom: 3px solid rgb(102,204,0);
}

section.grid aside ul li span {
	position: absolute;
	top: inherit;
	transform: inherit;
	left: -50%;
	right: -50%;
	margin: 33% 0 0 0;
}

/* NUMBERS */

section.number {
	margin: 0 0 60px 0;
	overflow: hidden;
}

section.number aside {
	
}

section.number aside dl {
	box-sizing: border-box;
	width: 33%;
	float: left;
	padding: 20px;
	text-align: center;
}

section.number aside dl:nth-child(2) {
	border-width: 3px;
	border-style: solid;
	-webkit-border-image: 
	      -webkit-gradient(linear, 0 0, 0 100%, from(rgb(102,204,0)), to(rgba(0, 0, 0, 0))) 1 100%;
	-webkit-border-image: 
	      -webkit-linear-gradient(rgb(102,204,0), rgba(0, 0, 0, 0)) 1 100%;
	-moz-border-image:
	      -moz-linear-gradient(rgb(102,204,0), rgba(0, 0, 0, 0)) 1 100%;    
	-o-border-image:
	      -o-linear-gradient(rgb(102,204,0), rgba(0, 0, 0, 0)) 1 100%;
	border-image:
	      linear-gradient(to bottom, rgb(102,204,0), rgba(0, 0, 0, 0)) 1 100%;
}

section.number aside dl dt {
	font: 3.5em "paralucent",sans-serif;
	text-transform: capitalize;
	color: #202A30;
	font-style: normal;
	color: rgb(168,0,108);
}

section.number aside dl dt p {
	margin: initial;
	line-height: 55px;
}

section.number aside dl dd {
	font-family: "paralucent",sans-serif;
	font-style: normal;
	font-weight: 500;
}

/* TEAM */

section.team {
	width: 100%;
}

section.team aside {
	width: 100%;
	max-width: 100%;
}

section.team ul {
	display: table;
	width: 100%;
}

section.team ul li {
	height: auto;
	display: table-cell;
	box-sizing: border-box;
	border-right: 5px solid #fff;
	position: relative;
}

section.team ul li img {
	max-height: 460px;
	width: auto;
}

section.team ul li:last-of-type {
	border: 0;
}

section.team ul li .name {
	position: absolute;
	bottom: 0;
	background: rgba(255,255,255,0.8);
	width: 100%;
	padding: 10px 0px;
	text-align: center;
	min-height: 100px;
}

section.team ul li .name h4 {
	font-size: 1.2em;
	margin: 0;
}

section.team ul li .name p {
	font-size: 1em;
	color: #333;
	margin: 0;
	line-height: inherit;
}

/* SINGLE STAFF */

.staff_box {
	background: rgb(102,204,0);
	color: #fff;
	padding: 20px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.staff_box h1 {
	color: #fff;
	margin: 0;
}

.staff_box h2 {
	font: 1.4em "paralucent",sans-serif;
	text-transform: capitalize;
	font-weight: 300;
	line-height: 38px;
	overflow: hidden;
	display: block;
	color: #fff;
	margin: 0;
}

.staff_box code p {
	color: #fff;
}

.staff_avatar img {
	width: 100%;
	height: auto;
}

ul.staff_social {
	margin: 20px 0 0 0;
}

ul.staff_social li {
	margin: 0 20px 0 0;
	float: left;
	color: #fff;
}

ul.staff_social li a.email {
	
}

ul.staff_social li a.twitter {

}

ul.staff_social li a.linkedin {
	
}

ul.staff_social li img {
	background-size: 48p 48px;
	width: 48px;
	height: auto;
}

/* ARCHIVE STAFF */

body.post-type-archive-staff .news img {
	max-width: 500px;
	height: auto;
	margin: 0px auto 20px;
	display: block;
}

/* LIST */

.list {
	
}

article .list ul {
	border: 1px solid #ddd;
}

article .list ul li {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	margin: 0;
}

article .list ul li:last-of-type {
	border: 0;
}

article .list ul li a {
    display: block;
    color: #262f36;
    font-size: 18px;
    text-indent: 50px;
    display: block;
    padding: 15px 0 15px 0px;
}

article .list ul li:hover {
	background-color: #2562b3;
	background: rgb(102,204,0);
    color: #fff;
    transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
}

article .list ul li:hover a {
	color: #fff;
}

article .list ul li a {
	color: #fff;
	border: 1px solid #fff;
}

.list a.all {
	border: 1px solid #fff;
	color: #fff;
	float: left;
}

/* NEWS */

section.news {
	padding: 20px 0;
	margin: 20px 0;
	overflow: hidden;
}

section.news #number2 {
	margin: 0 5%;
}

.news dl dt {
	font: 16px "paralucent",sans-serif;
	font-style: normal;
	font-weight: 400;
	background: #2562B3;
	background: rgb(102,204,0);
	color: #fff;
	width: 20%;
	float: left;
	margin: 0 5% 0 0;
	text-align: center;
	padding: 17px 0 20px;
	text-transform: uppercase;
}

.thedate {
	font: 24px "paralucent",sans-serif;
	font-style: normal;
	font-weight: 400;
}

.news dl dd {
	width: 75%;
	float: left;
}

.news dl dd p {
	margin: 5px 0;
}

/* CALL */

section.call {
	background: #2562B3;
	color: #D5E0EE;
	font-size: 16px;
	padding: 60px 0 42px;
	margin: 0 0 60px 0;
}

section.call h3 {
	color: #fff;
}

section.call.green {
	background: rgb(0,153,102);
	background: #2562B3 url('http://burkie.com/projects/homes/wp-content/uploads/2017/01/panels.png');
	background-size: cover;
	color: #fff;
	margin: 0 0 60px 0;
}

section.call p {
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

section.call a {
	border-radius: 60px;
	padding: 20px 65px;
	text-align: center;
}

/* PAGE */

section.page {
	margin: 30px 0;
}

/* FOOTER */

section.footer {
	background: #262F36;
	padding: 30px 0;
	margin: 0;
	color: #fff;
	overflow: visible;
}

section.footer h3 {
	color: #fff;
}

section.footer li .textwidget a {
	border-bottom: 1px solid #fff;
	padding: 0;
	display: inline-block;
}

section.footer li a {
	color: #fff;
	display: block;
	border-bottom: 1px solid #fff;
	padding: 5px 0;
}

section.footer .w23 {
	float: left;
	width: 23%;
	margin: 0 2% 0 0;
}

.icons {
	margin: 20px 0 0 0;
}

.icons img {
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
}

.icons img.second {
	margin: 0 0 0 20px;
}

h4 a.white {
	color: #fff;
	border-bottom: 2px solid #fff;
	font-size: 20px;
	letter-spacing: 0.5px;
}

.gap {
	margin: 8px 0 0 0;
}

.newsletter {
	max-width: 60%;
	margin: 0px auto;
	position: relative;
	top: -60px;
	padding: 40px;
	border-radius: 3px;
	border: 3px solid #262F36;
	background: #fff;
}

.newsletter .newsform {
	position: relative;
	overflow: hidden;
}

.newsletter h3 {
	color: #333 !important;
}

.newsletter form {
	width: 100%;
	overflow: hidden;
}

.newsletter input[type="email"] {
	border: 2px solid #009978;
	width: 85%;
	padding: 12px 0px 11px 0;
	float: left;
	text-indent: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.newsletter input[type="submit"],
.newsletter input[type="submit"]:hover {
	background: rgb(0,153,120) url(img/box_right.png) center center no-repeat;
    font-size: 17px;
    color: #fff;
    border: 0;
    float: left;
    text-indent: -9999px;
    width: 15%;
    height: 50px;
    position: relative;
   
    cursor: pointer;
    box-sizing: border-box;
}

/* PARTNERS */

section.partners aside {
	margin: 40px auto 0;
	overflow: hidden;
}

/* LOGOS */

body.home ol.desktop li.inside {
	display: none;
}

img.desktoplogo {
	display: block;
	margin: 0px auto;
}

section.logo aside {
	margin: 40px auto;
	overflow: hidden;
}

li.inside {
	display: block;
}

ol.desktop li img {
	max-height: 73px;
	margin: 20px 11px 0;
	width: auto;
	height: 100%;
	float: left;
}

ol.mob {
	display: none;
}

/* END */

section.end {
	border-top: 1px solid #2D373F;
	background: #262F36;
	padding: 10px 0;
	margin: 0;
}

section.end p {
	color: #fff;
	margin: 0;
	font-size: 14px;
	line-height: 14px;
}

/* PHOTOS */

section.photos aside {
	position: relative;
}

.layer2 {
	position: absolute;
	top: 20px;
	left: 80%;
}

/* NEWS */

.nav_posts {
	overflow: hidden;
	padding: 10px 0;
	margin: 20px 0 0 0;
}

.nav_posts_left {
	width: 50%;
	float: left;
}

.nav_posts_right {
	width: 50%;
	float: right;
	text-align: right;
}

.post {
	border-bottom: 1px dashed #8a8a8a;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	overflow: hidden;
}

/* SIDEBAR */

aside.side {
	
}

aside.side ul li {
}

aside.side label {
	display: none;
}

ul.option1show,
ul.option2show {
	display: none;
	background: #fff;
	border: 2px solid #009978;
	border-top: 0;
	margin: -2px 0 0 0;
}

ul.option1show li ul,
ul.option2show li ul {
	padding: 0 0 10px 0px;
}

ul.option2show li ul {
	margin: 0 0 -12px 0;
}

aside.side ul ul li a {
	display: block;
	border: 0;
    padding: 10px 0 16px 40px;
    margin: 0 0 0 0px;
    background: url(img/arrow_right.svg) 20px 14px no-repeat;
    background-size: 15px 15px; 
}

aside.side ul li ul li a:hover {
	color: #333;
}

ul.option1show a:hover,
ul.option2show a:hover {
	background: #009978 url('img/arrow_right.svg') 20px 14px no-repeat;
	color: #fff;
	background-size: 15px 15px;
}

.option1,
.option2 {
	margin: 0 0 30px 0;
}

.option1 span,
.option2 span {
	background: #fff url('img/box_down.png') center right no-repeat;
	border: 2px solid #009978;
	font-size: 24px;
	color: #333;
	width: 100%;
	display: block;
	padding: 10px 0;
	text-indent: 20px;
	cursor: pointer;
}

form.searchform {
	position: relative;
	margin: 0 0 40px 0;
}

form.searchform input[type="text"] {
	border: 2px solid rgb(0,153,102);
    background: #fff;
    color: #333;
    text-indent: 20px;
    padding: 7px 0 10px;
    min-height: 30px;
    width: 94%;
    font-size: 24px;
    text-transform: capitalize;
}

form.searchform input[type="submit"] {
	background: rgb(0,153,102) url('img/box_right.png') center right no-repeat;
    font-size: 17px;
    color: #fff;
    border: 0;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
}

.textwidget p {
	margin: 0 0 20px 0;
}

/* CONTACT */

label {
	font: 24px "paralucent",sans-serif;
	font-style: normal;
	font-weight: 400;
}

.wpcf7-checkbox label {
	font: 110% "effra",sans-serif;
	font-style: normal;
	font-weight: 300;
	display: inline-block;
}

.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
	width: 25px;
	float: left;
	margin: 5px 0 0 0;
}

.wpcf7-list-item {
	width: 100%;
	overflow: hidden;
}

.wpcf7 {
	overflow: hidden;
}

.wpcf7 h5 {
	color: #333;
	font-size: 24px;
	margin: 0 0 8px 0;
}

.wpcf7 input {
	width: 96%;
	padding: 2%;
	border: 0;
	border-bottom: 2px solid #333;
}

.wpcf7 .box {
	margin: 20px 0;
	border: 2px solid #333;
}

.wpcf7 textarea {
	border: 2px solid #000;
	width: 96%;
	padding: 2%;
	box-sizing: border-box;
}

.wpcf7 input[type="submit"] {
    border-radius: 30px;
    display: inline-block;
    color: #333;
    background: #fff;
    font: 18px "paralucent",sans-serif;
    text-transform: capitalize;
    color: #202A30;
    font-style: normal;
    font-weight: 400;
    width: 240px;
    padding: 17px 35px 16px;
    border: 2px solid #333;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 0;
}

input[type="submit"]:hover {
	background: #333;
	color: #fff;
	border: 2px solid #ffffff;
}

div.wpcf7 img.ajax-loader {
	display: none !important;
}

/* GALLERY */

.gallery { 
	margin: 0 auto 18px; 
}

.gallery a {
	border: 0;
}

.gallery img {
	max-width: inherit;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 32%;
}

.gallery .gallery-item:nth-child(2),
.gallery .gallery-item:nth-child(5),
.gallery .gallery-item:nth-child(8),
.gallery .gallery-item:nth-child(11),
.gallery .gallery-item:nth-child(14),
.gallery .gallery-item:nth-child(17) {
	margin: 0 2%;
}

.gallery dl, 
.gallery dt { 
	margin: 0; 
}

.gallery br+br { 
	display: none; 
}

/* COMMENTS */

#respond {
	
}

#respond label {
	display: block;
}

#respond input {
	width: 96%;
	border: 0;
	border-bottom: 2px solid #000;
	padding: 2%;
	margin: 5px 0 0 0;
}

#respond textarea {
	border: 2px solid #000;
	width: 96%;
	padding: 2%;
	box-sizing: border-box;
}

#respond input[type="submit"] {
    border-radius: 30px;
    display: inline-block;
    color: #333;
    background: #fff;
    font: 18px "paralucent",sans-serif;
    text-transform: capitalize;
    color: #202A30;
    font-style: normal;
    font-weight: 400;
    width: 240px;
    padding: 17px 35px 16px;
    border: 2px solid #333;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 0;
    margin: 0px 0 10px 0;
}

#respond input[type="submit"]:hover {
	background: #333;
	color: #fff;
	border: 2px solid #333;
}

#respond p {
	margin: 0 0 20px 0;
}

h3#comments-title {
	margin: 0 0 20px 0;
}

article.comment img {
	float: right;
}

article.comment {
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 2%;
}

article.comment.bypostauthor {
	background: #eee;
}

article.comment p {
	font-size: 22px;
	padding: 10px 0 0 0px;
}

article.comment article.comment {
	margin: 10px 0 0 20px;
}

a.comment-reply-link {
	display: inline-block;
	margin: 0 0 10px 0;
}

article.depth-3 a.comment-reply-link {
	display: none;
}

/* ARROWS */

.triangle-down {
    box-sizing: content-box;
    width: 50%; 
    height: 0;
    padding-left:50%;
    padding-top: 5%; 
    overflow: hidden;

}

.triangle-down div {
    width: 0;
    height: 0;
    margin-left:-1000px; 
    margin-top:-100px; 
    border-left: 1000px solid transparent; 
    border-right: 1000px solid transparent; 
    border-top: 100px solid #fff
}

.first {
	background: #262F36;
	background: rgb(0,153,102);
}

.wpcf7 .first {
	background: #fff;
}

.triangle-down1 {
    box-sizing: content-box;
    width: 50%; 
    height: 0;
    padding-left:50%;
    padding-top: 5%; 
    overflow: hidden;

}
.triangle-down1 div {
    width: 0;
    height: 0;
    margin-left:-1000px; 
    margin-top:-100px; 
    border-left: 1000px solid transparent; 
    border-right: 1000px solid transparent; 
    border-top: 100px solid rgb(0,153,102);
}

/* SLIDES */

.rslides {
	position: relative;
  	list-style: none;
  	overflow: hidden;
  	width: 100%;
  	padding: 0;
  	margin: 8px 0 0 0;
 }

.rslides li {
  	-webkit-backface-visibility: hidden;
  	position: absolute;
 	 display: none;
  	width: 100%;
  	left: 0;
  	top: 0;
}

.rslides li:first-child {
  	position: relative;
  	display: block;
  	float: left;
}

.rslides img {
  	display: block;
  	height: auto;
  	float: left;
  	width: 100%;
  	border: 0;
}

.logos {
	position: relative;
}

img.tealogo {
	position: absolute;
	margin: 0 0 0 20px;
	top: 123px;
	right: 155px;
}

/* DESKTOP */

.mobile {
	display: none;
}

/* DESKTOP */

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

section.team ul li .name {
	height: 115px;
}

section.team ul li .name p {
    font-size: 0.9em;
    color: #333;
    margin: 0;
    line-height: inherit;
}

}

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

section.team ul li .name {
	height: 100px;
}

section.team ul li .name p {
    font-size: 0.9em;
    color: #333;
    margin: 0;
}

}

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

section.over {
	margin: 0px;
}

aside {
	width: 98%;
	padding: 0 1%;
}

section.header nav {
	width: 70%;
	float: left;
	margin: 40px 0 0 10%;
}

section.header nav ul li {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
}

section.header nav ul li a {
	margin: 0 0 10px 0;
}

}

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

body.home section.header {
	position: static;
	right: 0;
	left: 0;
	transform: inherit;
}

section.header .w30 {
	width: 28%;
	float: left;
	margin: 0;
}

section.header .w30 img {
	max-width: 100%;
	height: auto;
}

section.header .w68 {
	width: 68%;
	margin: 0 0 0 2%;
	float: left;
}

section.over {
	margin: 0;
}

}

/* PHABLET */

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

body.home .w30 img {
	max-width: 90%;
	height: auto;
}

body.home .w35 {
	width: 50%
}

body.home .w60 {
	width: 45%;
}

section.intro ul.half li {
	width: 100%;
	float: none;
}

body.home .w25 {
	width: 100%;
	margin: 0 0 20px 0;
}

body.home .w70 {
	width: 100%;
}

section.call .w75 {
	width: 100%;
	text-align: center;
}

section.call .w25.right {
	float: none;
	width: 40%;
	margin: 0px auto;
}

body.home section.quote .w60 {
	width: 80%;
}

section.team aside {
	padding: 0;
}

section.team ul li {
    height: auto;
    width: 32%;
    float: left;
    display: block;
    border-right: 0;
    margin: 0 0 1.6% 0;
}

section.team ul li.staff2,
section.team ul li.staff5 {
	margin: 0 2% 1.6%;
}

section.team ul li.staff4,
section.team ul li.staff5,
section.team ul li.staff6 {
	margin-bottom: 0;
}

}

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

section.searchbar input[type="text"] {
	font-size: 36px;
}

section.searchbar input[type="submit"] {
	background-size: 32px 32px;
    width: 32px;
    height: 32px;
    top: -59px;
}

}

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

body.home section.casestudies .w5 {
	display: none;
}

body.home section.casestudies .w65 {
	width: 70%;
}

.circle {
    width: 100%;
    height: 100%;
}

}

/* SMALL SCREEN */

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

section.casestudies .half {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-moz-column-gap: 0px;
	-moz-column-rule-style: solid;
	-moz-column-rule-width: 0px;
}

}

/* TABLET */

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

body.home section.casestudies .w65 {
	width: 100%;
}

section.call {
	padding: 40px 0;
}

ol.desktop {
	display: block;
}

ol.desktop li {
	width: 50%;
	float: left;
}

ol.desktop li img {
	display: block;
	margin: 10px auto;
	float: none;
}

p {
	line-height: 22px;
}

section.recentnews h2 {
	padding: 10px 0 0 0;
}

section.recentnews .news.rowthree dl {
    width: 48%;
    float: left;
}

section.recentnews .news.rowthree dl:last-of-type {
	display: none;
}

#wpoi_form input[type="submit"], #wpoi_form input[type="submit"]:hover {
	height: 47px;
}

section.header {
	margin: 0;
}

body.home section.header {
	margin: 0px auto;
}

body.home aside.slides {
	margin: 0 0 20px 0;
}

section.header code p {
	line-height: 29px;
}

section.top {
	display: none;
}

.w70 {
	width: 100%;
}

section.header .logo {
	display: none;
}

section.header nav {
    width: 80%;
    float: none;
    margin: 40px auto 0;
    display: none;
}

section.header nav ul li a {
	text-align: center;
}

body.home section.top {
	margin: 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
	display: block;
}

section.top p {
	text-align: center;
}

/* MOBILE MENU */

section.nav {
	display: none;
}

.mobile {
	display: block;
}

a.openmenu {
	background: #fff url('img/menu.png');
	width: 60px;
    height: 60px;
    background-size: 60px 60px;
    display: inline-block;
    position: fixed;
    z-index: 9999;
    text-indent: -9999px;
    top: 0;
}

a.closemenu {
	background: rgba(0,153,102,9.2) url('img/close.png');
	width: 60px;
    height: 60px;
    background-size: 60px 60px;
    display: inline-block;
    position: fixed;
    z-index: 9999;
    text-indent: -9999px;
    top: 0;
    -webkit-transform: rotate(45deg);
}

.mobilelogo {
	margin: 15px 0 0 70px;
	max-width: 100%;
}

img.desktoplogo {
	display: none;
}

.fullmobile {
	background: rgba(0,153,102,9.2);
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.fullmobile section.mininav {
	
}

.fullmobile section.mininav ul {
	margin: 20px 0 0 0;
}

.fullmobile section.mininav ul li {
	
}

.fullmobile section.mininav ul li a {
	float: none;
	display: block;
	text-align: center;
	color: #fff;
	font: 2.0em "paralucent",sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 0 0 12px 0;
}

body {
	font-size: 94% !important;
}

body.home .w35 {
	width: 100%;
	float: none;
}

body.home .w5 {
	display: none;
}

body.home .w60 {
	width: 100%;
	float: none;
	clear: both;
	margin: 10px 0 0 0;
}

body.home .w49 {
	width: 100%;
	float: none;
	overflow: hidden;
}

body.home .w2 {
	display: none;
}

body.home section.header .w30 {
	width: 100%;
	float: none;
	margin: 0;
}

body.home section.header .w30 img {
	display: block;
	margin: 0px auto 20px;
}

body.home section.header .w68 {
	width: 100%;
	float: none;
	margin: 0;	
}

.w65 {
    width: 100%;
    float: none;
}

body.single-staff .w5 {
	display: none;
}

body.single-staff .w65 {
    width: 68%;
    float: left;
    margin: 0 0 0 2%;
}

body.home code {
	padding: 0;
}

body.home .w60 {
	padding: 20px 0 0 0;
}

/* IPAD FOOTER */

section.footer .w23 {
	width: 29%;
    float: left;
    margin: 0 2% 20px;
}

.w25.wlast {
	overflow: hidden;
	float: none;
	width: 100%;
	margin: 20px 0 0 0;
}

.footercontact {
	width: 50%;
	float: right;
}

.footersocial {
	width: 40%;
	float: left;
	margin: 0 10% 0 0;
}

}

/* TABLET PORTRAIT */

@media only screen and (max-device-width: 780px) and (orientation: portrait) {

section.header code p {
    line-height: 38px;
}

section.casestudies .w30 {
	float: right;
}

section.casestudies .w30 img {
	max-width: 100%;
	height: auto;
}

section.casestudies .w30 .circle {
	width: 100%;
	height: 100%;
}

}

/* TABLET LANDSCAPE */

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {

section.intro ul.half li {
	width: 100%;
}

body.home .w60.middle {
    width: 80%;
    float: left;
}

body.page-template-news .w30 {
	width: 100%;
}

}

/* 600PX */

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

section.header nav {
	width: 100%;
}

}

/* MOBILE */

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

section.recentnews .news.rowthree dl {
    width: 100%;
    float: none;
}

section.recentnews .news.rowthree dl:last-of-type {
	display: none;
}

.staff_avatar img {
    width: 100%;
    height: auto;
    max-width: 300px;
    display: block;
    margin: 0px auto 20px;
}

body.single-staff .w65 {
    width: 100%;
    float: none;
    margin: 0;
}

#wpoi_form input[type="submit"], #wpoi_form input[type="submit"]:hover {
	height: 42px;
}

body {
	font-size: 98% !important;
}

body.home .w30 img {
	margin: 0px auto;
	display: block;
}

h1 {
	line-height: 38px;
}

code {
	line-height: 26px;
}

section.nav {
	display: none;
}

section.call .w25.right {
	width: 80%;
}

article p,
p {
	line-height: 21px;
}

dl.post h4 {
	margin: 0 0 10px 0 !important;
}

img.desktoplogo {
	display: none !important;
}

.circle {
	width: 100%;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.w80, 
.w75,
.w70,
.w68,
.w65,
.w60,
.w50,
.w49,
.w40,
.w30,
.w25,
.w20,
.w10 {
	width: 100%;
	float: left;
}

.w5 {
	display: none;
}

section.photo,
section.over {
	position: relative;
	margin: 0;
}

section {
	margin: 0 0 10px 0;
}

body.home section.partners .w49 {
	width: 50%;
	float: left;
}

body.home section.partners .w2 {
	float: none;
}

body.home section.partners .w58 {
    width: 96%;
    margin: 0 2%;
    float: none;
}

ol.desktop {
	display: none;
}

ol.desktop li {
	padding: 10px 5px;
}

ol.desktop.showit {
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
}

ol.mob {
	display: block;
}

ol.mob li {
 	display: block;
  	width: 18%;
 	border: 1px solid #eee;
 	margin: 5px;
 	float: left;
}
 
ol.mob li img {
 	max-height: inherit;
}

.allstaff dl {
	width: 48%;
	float: left;
	margin: 0 1% 20px;
}

.allstaff dl:nth-child(3n+2) {
	margin: 0 1% 20px;
}

.allstaff dl.odd {
	clear: both;
}

section.number aside dl {
	width: 50%;
	border: 0 !important;
}

section.number aside dl:last-of-type {
	text-align: center;
	width: 100%;
}

section.footer .w23 {
	width: 44%;
}

body.home section.footer .w25 {
	width: 44%;
}

.alignleft {
	float: none;
	margin: 20px auto 20px;
	display: block;
}

.alignright {
	float: none;
	margin: 20px auto 20px;
	display: block;
}

.aligncenter {
	float: none;
	display: block;
	margin: 20px auto 20px;
}

.alignnone {
	clear: both;
	margin: 20px auto 20px;
	display: block;
}

.news.rowthree dl {
	width: 100%;
	float: none;
	overflow: hidden;
}

.news.rowthree dl:nth-child(even) {
	margin: 0%;
}

.news.rowthree dl dd p {
	color: #fff;
}

.news.rowthree dl:last-of-type {
	display: none;
}

section.call.green {
	margin: 0;
}

.newsletter {
	width: 96%;
	max-width: 96%;
}

.newsletter input[type="text"] {
	width: 82%;
	font-size: 80%;
}

.w25.wlast {
	width: 48%;
	float: left;
	margin: 0 0 0 2%;
}

.footersocial,
.footercontact {
	width: 100%;
	float: left;
	margin: 0;
}

}

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

section.team ul li,
section.team ul li.staff5 {
	width: 49%;
	margin: 0 0 10px 0;
}

section.team ul li.staff2,
section.team ul li.staff4,
section.team ul li.staff6 {
	margin: 0 0 10px 2%;
}

}

/* OLD IPHONES */

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

body {
	font-size: 100% !important;
}

body.home code {
	font-size: 80%;
}

body.home code p {
	line-height: 23px;
}

.news dl,
.news dl:nth-child(even) {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
}

section.number aside dl {
	width: 50%;
}

section.number aside dl:nth-child(2) {
	border: 0;
}

section.grid aside ul li:nth-child(1),
section.grid aside ul li:nth-child(3),
section.grid aside ul li:nth-child(5),
section.grid aside ul li:nth-child(7),
section.grid aside ul li:nth-child(9),
section.grid aside ul li:nth-child(11) {
	border-right: 3px solid rgb(102,204,0) !important;
}

section.grid aside ul li:nth-child(4),
section.grid aside ul li:nth-child(5),
section.grid aside ul li:nth-child(6) {
	border-top: 0;
	border-bottom: 0;
}

section.grid aside ul li {
	width: 50%;
	border: 0 !important;
	border-bottom: 3px solid rgb(102,204,0) !important;
}

section.grid aside ul li:nth-child(9) {
	border-bottom: 0 !important;
}
}

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

.mobilelogo {
    margin: 15px 0 0 70px;
    max-width: 70%;
}

body.home section.footer .w25 {
	width: 100%;
	float: none;
	margin: 0;
}

.w25.wlast,
section.footer .w23 {
	width: 100%;
	margin: 0 0 20px 0;
	float: none;
}

}

@media only screen and (max-device-width: 480px) and (orientation: portrait) {

#wpoi_form input[type="submit"], #wpoi_form input[type="submit"]:hover {
    height: 44px;
}

}

div.wpcf7-validation-errors {
	background: #ff7b7b;
	color: #fff;
	font-size: 20px;
	border: 0 !important;
	padding: 30px 10px !important;
	background: #ff7b7b url('icons/info.png') no-repeat;
	background-size: 32px 32px;
	background-position: 20px center;
	text-indent: 60px;
}

div.wpcf7-mail-sent-ok {
	background: #398f14;
	color: #fff;
	font-size: 20px;
	border: 0 !important;
	padding: 30px 10px !important;
	background: #398f14 url('yes/info.png') no-repeat;
	background-size: 32px 32px;
	background-position: 20px center;
	text-indent: 60px;
}

.over ul li a {
color:#fff;
border-bottom: 1px solid #fff;
}

.over ul li a:hover {
color:#fff;
border-bottom: 1px solid #fff;
}