/*

Theme Name: 05/03/17 - The Environment Partnership

Description: TEP Updates. Includes Project Map

Version: 1.1

Author: SmilingWolf

*/



/* #TEP20

================================================== */



.dotdot a, .dotdot a:visited {

	color: #89837D;

}



.current {

	color: #a8b400;

}



.next-link {

	text-align:center;

position: relative;

}



.prev-link {

	text-align:center;

position: relative;

}



.next-link img {

    display: inline-block;

    width: 25px!important;

    height: 25px!important;

    margin: 0 0 0 10px;

    vertical-align: middle;

}



.next-link a, .prev-link a  {

	color: #89837D!important;

	text-transform: uppercase;

    display: inline-block;

    vertical-align: middle;

text-decoration: none;

font-weight: 700;

}



.prev-link img {

    display: inline-block;

    width: 25px !important;

    height: 25px;

    margin: 0 10px 0 0;

    vertical-align: middle;

}



.dotdot .prev, .dotdot .next {

    display: none;

}



.page-numbers {

    font-size: 0;

    text-decoration: none;

}



.page-numbers::before {

    content: "\2022";

    font-size: 40px;

}



.dotdot {

    border-bottom: 2px solid #89837D;

    text-align: center;

    margin: 0 0 20px 0;

}



.next-link img {

    position: absolute;

    left: 0;

    top: -2px;

}



.prev-link img {

    position: absolute;

    right: 0;

    top: -2px;

}





.post-password-form p:first-child {

    visibility: hidden;

}

.post-password-form p:first-child:before {

    content: "";

    visibility: visible;

}



.col-post {

margin: 0 0 -2px 0!important;

}



.post-password-form {

    font-size: 13px;

}



.post-password-form label {

	display: inline-block;

width:65%;

}



.post-password-form input[type="password"] {

	font-size: 13px;

	display: inline-block;

	

	background: #89837D;

	color: #ddd;

	width: 100% !important;

	padding: 10px;

	border:0;

	border-radius: 0;

	margin: 0 0 0 20px;

}


.post-password-form input[type="text"],textarea {
	width: 100% !important;
	font-size: 13px;

}



.post-password-form input[type="submit"] {

	font-size: 13px;

	display: inline-block;

	text-transform:uppercase;

	background: #a8b400!important;

	color: #fff!important;

	padding: 10px!important;

	border:0!important;

	border-radius: 0!important;

	text-shadow:none!important;
	letter-spacing: 3px;

}



.post-password-form input[type="submit"]:hover {

	background: #89837D!important;

	color: #fff!important;

}







.ajax-loader {

	width:16px!important;

	height:16px!important;

}



.cf {

	clear:both;

}



.second-half .post_content {

    border-top: 6px solid #89837D;

    padding-top: 20px;

}



.second-half .postitle {

    text-transform: uppercase;

    font-weight: bold;

    font-size: 16px;

    color: #a8b400;

    line-height: 1.2em;

    min-height: 38px;

}



.second-half .postitle a {

    	color: #89837D;

	text-decoration: none;

}



.second-half .postitle a:hover {

    	color: #a8b400;

	text-decoration: none;

}



.second-half .cols {

	width:100%;

	font-size: 14px;

	line-height: 1.4em;

}



.second-half .col {

	float:left;

	width: 48.5%;

	padding: 0 1% 0 0;

}



.second-half .alt {

	padding: 0 0 0 1%;

}



.col-post {

	border-bottom: 2px solid #89837D;

	padding: 10px 0;

	margin: 0 0 -2px 0;

}



.col-left {

	float:left;

	width: 40%;

	margin: 0 5% 0 0;

}



.cols img {

    width: 100%;

    height: auto;

}



.col-right {

	float:left;

	width: 55%;

	margin: 0;

}



.col-right p {

	font-size: 12px!important;

	line-height: 1.4em;

}



.col-right h4 {

	font-size: 16px;

}



#pagination {

	margin: 15px 0;

}



.nepe a {

	cursor: pointer;

}



.nepe {

	cursor: pointer;

	padding: 10px 0;

}



.acfboxes {

	font-size: 14px;

	border-top: 1px solid #89837D;

	border-bottom: 1px solid #89837D;

}



.acfboxes p {

	padding: 10px 0 0 0;

}



.cols hr {

	background: #89837D;

	border:0;

	height:1px;

	width: 100%;

	padding: 0;

	margin:0 0 10px 0!important;

}



.newhero {

	width:48%;

    position: absolute;

    bottom: 0;

    right: 0;

    left: auto;

    background: url('./images/white.png');

    border-left: 2px solid #a8b400;

    padding: 10px;

    font-weight: bold;

    font-size: 14px;

    line-height: 1.2em;

    margin: 0;

    text-transform: uppercase;

}



.close {

    background: url('./images/close.png');

	height:15px;

	width:15px;

	position: absolute;

	right: 10px;

	bottom: 60px;

	cursor:pointer;

}



.on {

        background: url('./images/on.png');

	height:15px;

	width:15px;

	position: absolute;

	right: 10px;

	bottom: 60px;

	cursor:pointer;

}



.off {

	overflow:hidden;

	opacity 1s ease-out;

	display:none;

  	-webkit-transition-duration: 0.3s;

  	-moz-transition-duration: 0.3s;

  	-o-transition-duration: 0.3s;

  	transition-duration: 0.3s;

	cursor:pointer;

}



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

 .second-half .col, .second-half .alt {

	float:none;

	width: 100%;

	padding: 0 0 2% 0;

 }

}



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

 .col-left, .col-right {

	float:none;

	width: 100%;

	margin: 0 0 10px 0;

 }

 .teppage .newhero{

	position: relative!important;

	width: 100%;

 }

 .teppage .prev, .teppage .next {

	display:none!important;

 }

}





/* #paul

================================================== */

.col3 {

	float:left;

}		



#footer-area {

    margin: 4px 0 0px 10px!important;

}



.views {

	font-size: 14px;

	margin: 0 auto;

	padding: 20px 0;

	display:block;

	width: 100%;

	border-top: 6px solid #89837D;

}



.views-left {

	width: 35%;

	margin: 0 5% 0 0;

	float:left;

}



.views-right{

	width: 54%;

	margin: 3%;

	float:left;

}



.cf {

	clear:both;

}



.views textarea {

	font-size: 14px;

	background: #89837D;

	color: #ddd;

	width: 97%;

	padding: 10px;

	border:0;

	border-radius: 0;

	height: 60px;

}



.views h3 {

    background: url('./images/ui/dash.png') no-repeat left top;

    padding-left: 30px;

    margin-bottom: 20px;

    text-transform: uppercase;

    line-height: 1.4em;

	font-size: 12px;

	font-weight: bold;

}



.views .names {

	clear:both;

	float:left;

	width: 25%!important;

	margin: 0 2% 2% 0;

	border-bottom: 1px solid #89837D;

	padding: 16px 0 0 0;

	font-weight: bold;

}



.views input[type="text"] {

	font-size: 14px;

	float:right;

	width: 68%!important;

	background: #89837D;

	color: #ddd;

	width: 100%;

	padding: 10px;

	border:0;

	border-radius: 0;

}



.your-address textarea {

	font-size: 14px;

	float:right;

	width: 68%!important;

	background: #89837D;

	color: #ddd;

	width: 100%;

	padding: 10px;

	border:0;

	border-radius: 0;

}



.wpcf7-submit {

	font-size: 14px;

	float:right;

	width:30%;

	text-transform:uppercase;

	background: #90df0c!important;

	color: #fff!important;

	padding: 10px!important;

	border:0!important;

	border-radius: 0!important;

}



.wpcf7-submit:hover {

	background: #89837D!important;

	color: #fff!important;

}



/* #Set up

================================================== */

div.container {

	padding: 0px 10px 0px 10px;

	display:block;

}

body{

	font-family: arial, sans-serif;

	color: #89837D;

	font-size: 12px;

	line-height:1.4em;

	background: #fff;

}

h1, h2, h3, h4, h5, h6{

	color: #89837D;

	font-family: arial, sans-serif;

}



div.section {

	margin: 30px 0;

	overflow: hidden;

}

img{

	display:block;

}

p{

	line-height:1.4em;

	margin: 0 0 10px 0;

}

input[type="text"], 

input[type="password"], 

input[type="email"], 

textarea {

	border: 1px solid #CCC;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	font: 10px arial, sans-serif;

	color: #ccc;

	background: #efefef;

}

#page{

	position:relative;

}

a, a:visited{

	color: #a8b400;

}

a:hover, a:focus {

	color: #89837D;

}

strong {

	color: #89837D;

}

.clearfix{

	clear:both;

}

.hr-thick{

	border-top:6px solid #89837D;

	margin: 10px 0 20px;

}





/*

 * jQuery FlexSlider v1.8

 * http://flex.madebymufffin.com

 *

 * Copyright 2011, Tyler Smith

 * Free to use under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */

 

/* Browser Resets */

.flex-container a:active,

.flexslider a:active {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

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

.flexslider {width: 100%; margin: 0; padding: 0;}

.flexslider .slides > li {margin-bottom: 0px;display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

/* .flexslider .slides img {max-width: 100%; display: block;} */

.flexslider .slides img {

	width: 100%;

	display: block;

	height: auto;

}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

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

.flexslider {background: #fff; position: relative; zoom: 1;}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {zoom: 1; position: relative;margin-bottom: 40px;}



/* Caption style */

/* IE rgba() hack */

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

.flex-caption {margin: 0;width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}



/* Direction Nav */

.flex-direction-nav:hover li{opacity: 1}

.flex-direction-nav li{opacity: 1}

.flex-direction-nav li a {width: 64px; height: 64px; margin: -32px 0 0; display: block; background: url(images/slider_control.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li .next {background-position: -64px 0; right: 0px;}

.flex-direction-nav li .prev {left: 0px;}

.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}

.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-nav li:first-child {margin: 0;}

.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}

.flex-control-nav li a:hover {background-position: 0 -13px;}

.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}









/* #Heading

================================================== */

#menu{

	position:relative;

}

#menu .smalllogo{

	position:absolute;

	top:26px;

	left:0;

	display:none;

}

.nav {

	display: block;

	text-align: right;

	margin: 10px auto 0;

	min-height: 35px;

	padding: 18px 0 0;

}

.nav.sidebar {

	display: block;

	text-align: left;

	border-top: 2px solid black;

	border-bottom: none;

	margin: 0;

	min-height: 0px;

	padding: 20px 0;

	background:url('./images/tri.png') no-repeat;

}

#sub-nav .nav {

	border-top: none;

	border-bottom: none;

	margin: 0px auto 0;

	min-height: 0px;

	padding: 0;

}

#sub-nav .sub-title{

	font-size:12px;

}

.one-third .sub-title{

	font-size: 14px;

	line-height: 1em;

	font-weight: bold;

	color:#89837D;

	margin-bottom: 8px;

}

#menu-main-menu{

	font-family: arial, sans-serif;

}

#menu.menu-fixed {

	position: fixed ;	

	top: -11px !important;

	z-index:100;

	background:#fff;

	margin: 0 auto;

  left: 0;

  right: 0;

  border-bottom:6px solid #89837D;

  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

}

#menu .sixteen.columns{

	position:relative;

}

.nav select {

	color:#333;

	margin-bottom:0;

	height:20px;

	width:270px;

	vertical-align:top;

	display:inline-block;

}

.nav select{

	display:none;

}

.nav ul {

	display: block;

	font-weight: bold;

	text-transform:uppercase;

	margin: 0 auto;

	text-align: right;

	list-style: none;

}

.nav.sidebar ul {

	display: block;

	margin: 0 auto;

	text-align: right;

	list-style: none;

	font-family: arial, sans-serif;

}

#sub-nav{

	border-bottom: 6px solid #a8b400;

	padding-bottom:20px;

}

.nav ul li.first,

#sub-nav .nav ul li.first{

	padding-left: 0;

}	

.nav ul li.last,

#sub-nav .nav ul li.last{

	border-right: none;

	padding-right: 0;

}

.nav ul li {

	display: inline;

	padding: 0 12px 0;

}

.nav.sidebar ul li {

	display: block;

	border-right: none;

	padding: 0;

	padding-bottom:5px;

	margin-bottom:10px;

	border-bottom: 1px solid #efefef;

}

.nav.sidebar ul li:nth-last-child(1){

	border-bottom: none;

}

.nav ul li a,

.nav ul li a:visited,

.nav ul li a:active {

	color: #89837D;

	font-size: 15px;

	position: relative;

	text-decoration: none;

}

#sub-nav .nav ul li a,

#sub-nav .nav ul li a:visited,

#sub-nav .nav ul li a:active {

	font-size: 12px;

}

#sub-nav .nav ul li{

	padding: 0 7px 0;

}

#sub-nav .nav ul {

	text-align:left;

	padding-left:15px;

	background:url('./images/arrow.png') left center no-repeat;

}

.nav ul li.current-menu-item a,

.nav ul li.current-page-ancestor a{

	color: #a8b400;

}

.nav ul li a:hover{

	color: #a8b400;

}

#main.expand{

	padding-top:0px;

}

#branding{

	border-top:6px solid #89837D;

	padding-top:40px;

}

#branding .c0 a{

	display: inline-block;

}

#heading.container,

#menu .container{

	padding-bottom:0;

}

#branding .column{

	min-height:90px;

}

#branding .inner,

#programme-listing .inner{

	padding:0 10px;

}

#branding p{

	margin: 0 0 10px 0;

	line-height:1.2em;

}

#project p a,

.read_mor,

.cat-links a,

.tag-links a,

.entry-content a,

#branding p a{

	border-bottom:1px solid #89837D;

	text-decoration:none;

}

#project p a:hover,

.read_mor:hover,

.cat-links a:hover,

.tag-links a:hover,

.entry-content a:hover,

#branding p a:hover{

	border-bottom:1px dotted #89837D;

	text-decoration:none;

}

#branding .field{

	width: 125px;

}

#branding .submit{

	display:none;

}

#branding label, 

#branding legend{

	display:none;

}

#branding h4{

	line-height: 15px;

	margin-bottom: 10px;

	font-size:14px;

	font-weight:bold;

}

.inner-border{

	margin-right: -10px;

	border-right: 1px solid #efefef;

	min-height:100px;

}

.social div{

	float:right;

}

.social .facebook,

.social .linkedin,

.social .twitter{

	width:32px;

	height:32px;

	overflow:hidden;

}

.social .twitter{

	background:url('./images/ui/twitter.png');

}

.social .facebook{

	background:url('./images/ui/facebook.png');

	margin-right:10px;

}

.social .linkedin{

	background:url('./images/ui/linkedIn.png');

	margin-right:10px;

}

.social .twitter:hover,

.social .linkedin:hover,

.social .facebook:hover{

	background-position:-32px 0;

}

.seachbox form{

	margin-bottom:0;

	margin-right:10px;

}

.seachbox input::-webkit-input-placeholder {

  color:#fff;

  font-size:12px;

}

.seachbox input:-moz-placeholder {

  color:#fff;

  font-size:12px;

}

.seachbox input[type="text"]{

	border:1px solid #fff;

	border-radius:0px;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	margin-bottom:0;

	height: 20px;

	margin-top: -1px;

	background:#89837D;

	padding: 6px 10px;

}

/* #Pagination footer

================================================== */

.nav-paged {

	display: block;

	text-align: center;

}

#news-listing .wp-pagenavi,

.search .wp-pagenavi{

	padding: 20px 0px 20px 0px !important;

}

.wp-pagenavi span.pages {

	font-family: arial, sans-serif;

	font-style: normal;

	color: #999;

	display: none;

}

.wp-pagenavi a, 

.wp-pagenavi a:link, 

.wp-pagenavi a:visited, 

.wp-pagenavi a:active {

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

}



/* #Projects

================================================== */

#project-listing{

	padding-top:20px;

	border-top:6px solid #89837D;

}

.page #project-listing{

	padding-top:0px;

	border-top:none;

}

#project #project-listing{

	padding-top:0;

	border-top:none

}

#project-listing .post_content{

	position:absolute;

	bottom:0;

	right:0;

	background:url('./images/white.png');

	width:224px;

	min-height:32px;

	border-left:2px solid #a8b400;

	padding:10px;

}

#project-listing .thumbbox{

	width: 300px;

	height:200px;

	overflow:hidden;

	position:relative;

}

#project-listing .two-thirds .thumbbox{

	width: 620px;

	height:420px;

	overflow:hidden;

	position:relative;

}

#project-listing h2{

	font-weight: bold;

	font-size:14px;

	line-height: 1.2em;

	margin:0;

	text-transform:uppercase;

}

#project-listing .overlay,

#project-listing .overlay-inner{

	position:absolute;

	bottom:0;

	right:0;

	width: 300px;

	height:200px;

}

#project-listing .two-thirds .overlay,

#project-listing .two-thirds .overlay-inner{

	position:absolute;

	bottom:0;

	right:0;

	width: 620px;

	height:420px;

}

#project-listing .overlay{

	box-shadow:0;

	display:none;

}

#project-listing .thumbbox:hover .overlay{

	d//isplay:block;

}

#project-listing .thumbbox:hover .post_content{

	d//isplay:none;

}

#project-listing .overlay .overlay-info{

	padding:20px;

	background:#a8b400;

	position:absolute;

	right:-182px;

	bottom:30px;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);

}

#project-listing .overlay .overlay-info span{

	font-weight: bold;

	font-size:16px;

	text-transform:uppercase;

	color:white;

	text-decoration:none;

	padding-right:20px;

	background:url('./images/ui/arrow_info.png') no-repeat right;

}

#project-listing .attachment-post-thumbnail{

	width: 300px;

	max-height:200px;

}

#project-listing .two-thirds img{

	width: 630px;

	height:420px;

	max-height:420px;

}

.project-menu{

	display:none;

}

#project-term,

#people-term{

	position:relative;

}

.search h1.page-title,

#primary .postitle,

#news-listing h1,

#news-single h1,

#people-term h1,

#project-term h1,

#project h1{

	font-weight:bold;

	font-size:32px;

	line-height:1em;

	text-transform:uppercase;

	color:#a8b400;

	margin-bottom:40px;

}

#people-term h1,

#project-term h1{

	margin-bottom:0px;

	padding-right:42px;

}

#project-term .close-term{

	position:absolute;

	right:0;

	top:0;

}

.close-term .close-button{

	width:32px;

	height:32px;

	overflow:hidden;

}

.close-term .close-button{

	background:url('./images/ui/close.png');

}

.close-term .close-button:hover{

	background-position:-32px 0;

}

#project .project-detail,

#project .project-hero h3,

.related-item h3{

	text-transform:uppercase;

	font-weight:bold;

	font-size:12px;

}

#project .project-hero h3,

.related-item h3,

.project-menu .widget-title,

.people-menu .widget-title{

	background:url('./images/ui/dash.png') no-repeat left top;

	padding-left:30px;

	margin-bottom: 10px;

	text-transform: uppercase;

	line-height: 1.4em;

}

#project .gallery .image-holder a{

	display:block;

}

#project .gallery .image-holder a:hover img{

	opacity:0.75;

}

#project .project-hero .tags{

	padding-bottom:40px;

}

#project .project-hero .attachment-full,

#project .project-hero .attachment-project-big{

	max-width: 100%;

	height: auto;

}

#project .project-content .gallery{

	min-height: 1px;

}

#project .entry-content{

	padding-top:40px;

	margin-top:20px;

	border-top:6px solid #89837D;

	padding-bottom:40px;

}

#primary .entry-content{

	border-top:6px solid #89837D;

	padding-top:20px;

}

#primary .entry-content,

#primary .entry-content p,

#project .entry-content p{

	font-size:14px;

	line-height:1.4em;

}

.project-menu ul ul,

.project-menu ul ol,

.project-menu ol ol,

.project-menu ol ul,

.people-menu ul ul,

.people-menu ul ol,

.people-menu ol ol,

.people-menu ol ul{

	margin: 5px 0 0 5px;

	font-size: 100%;

}

.project-menu .widget li,

.people-menu .widget li{

	clear:both;

	color:#89837D;

	position: relative;

	line-height: 12px;

	margin-bottom: 5px;

}

.project-menu .widget li a,

.people-menu .widget li a{

	text-decoration:none;

	padding-right: 20px;

}

.project-menu .widget li a:hover,

.people-menu .widget li a:hover{

	text-decoration:underline;

}

.project-menu .widget li span,

.people-menu .widget li span{

	background:#efe;

	font-size:10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	position: absolute;

	text-align: center;

	width: 20px;

	right: 0;

	top: 0;

}

.project-menu,

.people-menu {

	border-bottom:6px solid #89837D;

	padding-bottom:20px;

}

/* #People

================================================== */

#people-listing{

	padding-top:0px;

	b//order-top:6px solid #89837D;

}

#people #project-listing{

	padding-top:0;

	border-top:none

}

#people-listing .post_content{

	position:relative;



	background:url('./images/white.png');

	border-left:2px solid #a8b400;

	padding:10px;

}

#people-listing h2{

	font-weight: bold;

	font-size:14px;

	line-height: 1.2em;

	margin:0;

	text-transform:uppercase;

}

#people-listing .entry-content{

	padding:20px 0;

}

#people-listing .entry-content h2 {

	font-size: 16px;

	color:#a8b400;
	margin-top:10px;

	margin-bottom: 0px;

}

#people-listing .col2 .thumbbox{

	width: 460px;

	height:314px;

	overflow:hidden;

	position:relative;

}

#people-listing .col2 img{

	width: 470px;

	height:314px;

	max-height:314px;

}

#people-listing .col2 .overlay,

#people-listing .col2 .overlay-inner{

	position:absolute;

	bottom:0;

	right:0;

	width: 460px;

	height:314px;

}

#people-listing .col3 .thumbbox{

	width: 300px;

	height:200px;

	overflow:hidden;

	position:relative;

}

#people-listing .col3 img{

	width: 300px;

	max-height:200px;

}

#people-listing .col3 .overlay,

#people-listing .col3 .overlay-inner{

	position:absolute;

	bottom:0;

	right:0;

	width: 300px;

	height:200px;

}

#people-listing .col4 .thumbbox{

	width: 220px;

	height:228px;

	overflow:hidden;

	position:relative;

}

#people-listing .col4 img{

	width: 220px;

	max-height:147px;

}

#people-listing .col4 .overlay,

#people-listing .col4 .overlay-inner{

	position: absolute;

	bottom: 11px;

	left: 0px;

	width: 220px;

	height: 147px;

}

#people-listing .col-two-thirds img{

	width: 630px;

	height:420px;

	max-height:420px;

}

#people-listing .col-two-thirds .thumbbox{

	width: 620px;

	height:420px;

	overflow:hidden;

	position:relative;

}

#people-listing .col-two-thirds .overlay,

#people-listing .col-two-thirds .overlay-inner{

	position:absolute;

	bottom:0;

	right:0;

	width: 620px;

	height:420px;

}

#people-listing .overlay{



	display:none;

}

#people-listing .overlay .overlay-info{

	padding:20px;

	background:#a8b400;

	position:absolute;

	right:-182px;

	bottom:30px;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);

}

#people-listing .overlay .overlay-info span{

	font-weight: bold;

	font-size:16px;

	text-transform:uppercase;

	color:white;

	text-decoration:none;

	padding-right:20px;

	background:url('./images/ui/arrow_info.png') no-repeat right;

}

#people-listing .thumbbox.show-info{

	height:auto !important;

}

#people-listing .close-term{

	float:right;

}

.people-menu{

	display:none;

}

/* #Serviceinfo

================================================== */

#service-listing{

	padding-top:0px;

	b//order-top:6px solid #89837D;

}

#service-listing .post_content{

	position:absolute;

	bottom:0;

	right:0;

	width:224px;

	height:32px;

	background:url('./images/white.png');

	border-left:2px solid #a8b400;

	padding:10px;

}

#service-listing h2{

	font-weight: bold;

	font-size:14px;

	line-height: 1.2em;

	margin:0;

	text-transform:uppercase;

}

#service-listing .entry-content{

	padding:20px 0;

}

#service-listing .entry-content h2 {

	font-size: 16px;

	color:#a8b400;

	margin-bottom: 10px;

}

#service-listing .col3 .thumbbox{

	width: 300px;

	height:200px;

	overflow:hidden;

	position:relative;

}

#service-listing .col3 img{

	width: 300px;

	height:200px;

	max-height:200px;

}

#service-listing .col3 .overlay,

#service-listing .col3 .overlay-inner{

	position:absolute;

	bottom:0;

	right:0;

	width: 300px;

	height:200px;

}

#service-listing .overlay{

	display:none;

}

#service-listing .overlay .overlay-info{

	padding:20px;

	background:#a8b400;

	position:absolute;

	right:-182px;

	bottom:30px;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);

}

#service-listing .overlay .overlay-info span{

	font-weight: bold;

	font-size:16px;

	text-transform:uppercase;

	color:white;

	text-decoration:none;

	padding-right:20px;

	background:url('./images/ui/arrow_info.png') no-repeat right;

}

#service-listing .thumbbox.show-info{

	height:auto !important;

}

#service-listing .close-term{

	float:right;

}



/* ABOUT

================================================== */



.twos .one-fourth {

    width: 46% !important;

    padding: 1% !important;

}



/* #Home

================================================== */

#home .home-description,

#home .home-slider{

	border-top:6px solid #89837D;

	padding-top:20px;

}

#home .subtitle{

	font-weight: bold;

	font-size:30px;

	line-height: 1.0em;

	text-transform:uppercase;

	margin-bottom: 16px;

}

#home .flex-container {

	margin-bottom: 0px;

}

#home .flex-direction-nav li{

	margin:0;

}

#home .flex-caption{

	position: absolute;

	bottom: 0;

	right: 0;

	left:auto;

	background:url('./images/white.png');

	width: 224px;

	min-height: 32px;

	border-left: 2px solid #a8b400;

	padding: 10px;

}

#home .flex-caption a{

	color: #89837D;

	text-shadow:none;

	text-decoration: none;

	font-weight: bold;

	font-size: 14px;

	line-height: 1.2em;

	margin: 0;

	text-transform: uppercase;

}

#home .flex-caption a:hover{

	color: #a8b400;

}

#home .list_item{

	padding-bottom:20px;

}

/* #Main

================================================== */

#main{

	margin-top:40px;

	margin-bottom:0px;

	/*  background: #fff url('./images/bg_3lines.png') repeat-y center;*/

}

.random-project .attachment-post-thumbnail{

	width: 100%;

	height:auto;

}

#project-listing .thumbnail{

	position: relative;

}

h2.entry-title,

.random-project .postitle{

	font-weight: bold;

	font-size:16px;

	line-height: 1.2em;

	margin-top: 14px;

	margin-bottom: 10px;

	font-family: arial, sans-serif;

	text-transform:uppercase;

}

h2.entry-title{

	border-top:6px solid #89837D;

	padding-top:20px;

	margin-top: 0px;

}

h2.entry-title a,

.random-project h2 a,

#news-listing .postitle a,

#project-listing h2 a,

#project-listing h2{

	color:#89837D;

	text-decoration:none;

}

h2.entry-title a:hover,

.random-project h2 a:hover,

#news-listing .postitle a:hover,

#project-listing h2 a:hover{

	color:#a8b400;

}

#project .five.columns{

	border-top: 2px solid black;	

	padding-top:20px;

	padding-bottom:20px;

	background:url('./images/tri.png') no-repeat;

}

#project .gallery img{

	margin-bottom:10px;

}

#news-single .post_content,

#news-single .post_content p{

	font-size:14px;

}





#project .gallery img,

#news-listing .image-holder img,

#news-single img{

	max-width:100%;

	height:auto;

}

#news-listing .image-holder p{

	margin-bottom:20px;

}

.sub_info{

	font-size:14px;

	color:#333;

	margin-top:-10px;

	margin-bottom:12px;

}

.nav-single{

	border-bottom: 2px solid black;	

	padding-bottom:10px;

	margin-bottom:20px;

}

#prev span, 

#next span{ 

	color:#ccc; 

}

#footer-area,

#home .info_content,

#news-listing .post_content{

	padding-top: 20px;

	margin-top: 4px;

	border-top: 6px solid #89837D;

}



#footer-area {

background: #fff!important;

	padding-top: 20px;

	margin: 4px 0 0px 0;

	border-top: 6px solid #89837D;

	border-bottom: 6px solid #89837D;

}



#footer-area .one-fourth {

	width: 172px;

}



.center, .center ul {

	text-align: center;

	margin: 0 auto;

}



.foot-logos {

	margin: 15px auto!important;

	text-align:center;

}



.foot-logos img {

    display: inline-block;

    margin: 0 10px 5px 10px;

    vertical-align: middle;

}



#awards-listing .post_content{

	padding-top: 20px;

	border-top: 6px solid #89837D;

}

#home .infotitle,

#awards-listing .postitle,

#news-listing .postitle,

#news-single .postitle{

	font-weight: bold;

	text-transform:uppercase;

	font-size:16px;

	line-height: 1.2em;

	margin-bottom: 10px;

	margin-top: 0px;

}

.nav-single a,

.widget-area a{

	text-decoration:none;

	border-bottom:1px solid #ccc;

}

.nav-single a:hover,

.widget-area a:hover{

	text-decoration:none;

	border-bottom:1px dotted #000;

}

.entry-content img{

	max-width: 100%;

	height:auto;

}

.entry-content h1,

.entry-content h2,

.entry-content h3,

.entry-content h4,

.entry-content h5,

.entry-content h6{

	font-family: arial, sans-serif;

	text-transform:uppercase;

}

.entry-content blockquote {

	margin: 20px 10px;

	padding: 0px 20px 0 20px;

	border-left: 2px solid black;

}

.entry-content blockquote, 

.entry-content blockquote p {

	font-size: 16px;

	line-height: 20px;

	color: black;

	font-style: italic;

}

.entry-content ul{

	list-style:disc;

}

.entry-content ol, 

.entry-content ul{

	margin-left: 20px;

font-size:14px;

}

.entry-content li {

	line-height: 1.4em;

	margin-bottom: 10px;

}

#programme .entry-content{

	padding-bottom:40px;

}

.entry-meta{

	font-size:12px;

	line-height: 1.4em;

}

.post-item{

	padding-top: 10px;

	margin-bottom: 20px;

	border-bottom: 2px solid black;

	padding-bottom: 10px;

}

.post-item:nth-last-child(1){

	margin-bottom:0;

	border-bottom: none;

}

.widget-title{

	font-size:12px;

	font-weight:bold;

	background:url('./images/ui/dash.png') no-repeat left top;

	padding-left:30px;

	margin-bottom: 10px;

	text-transform: uppercase;

	line-height: 1.4em;

}

.widget ul,

.widget li{

	margin-bottom:0;

}

.widget{

	padding-bottom:20px;

	margin-bottom:20px;

	border-bottom: 1px solid #eee;

}

.widget:nth-last-child(1){

	margin-bottom:0;

	border-bottom: none;

}

.widget li{

	color:#999;

}

.addthis_toolbox{

	padding:40px 0 20px;

	opacity:0.5;

	margin-left: -2px;

}

#project .addthis_toolbox,

#programme .addthis_toolbox{

	padding:0px;

	opacity:0.5;

}



#project .addthis_toolbox:hover,

.addthis_toolbox:hover,

.facebook iframe:hover{

	opacity:1;

}

.fb_iframe_widget,

.fb_iframe_widget span{

	width: 100% !important;

}

.fb_iframe_widget iframe {

	width: 100% !important;

}



.widget_collapsarch ul ul, 

.widget_collapsarch ul ol, 

.widget_collapsarch ol ol, 

.widget_collapsarch ol ul {

	margin: 4px 0 5px 10px;

}

.widget_collapsarch .sym{

	font-size: 9px;

	color: black;

	padding-right: 6px;

	margin-bottom: -5px;

	display: inline-table;

}

.sub-title span{

	color:black;

	font-size:14px;

}

.random-project h2{

	font-size: 14px;

	line-height: 1em;

	font-weight: bold;

	color: black;

	margin-bottom: 20px;

}

.no-results .entry-header,

.no-results .entry-content{

	text-align:center;

}

.no-results label{

	display:none;

}

.no-results .field{

	margin: 10px auto;

}

#template-about input[type="email"]{

	margin-bottom:10px;

}

.wp-caption{

	width:100% !important;

}

.wp-caption-text{

	padding:5px;

	font-size:10px;

}

.error404.not-found{

	text-align:center;

}

#primary{

	padding-bottom: 40px;

}

/* #Masonry

================================================== */

.col2 { width: 460px; }

.col-two-thirds { width: 620px; }

.col3 { width: 300px; }

.col4 { width: 220px; }



.box {

  margin: 0 10px 20px 10px;

}



/**** Transitions ****/



.transitions-enabled.masonry,

.transitions-enabled.masonry .masonry-brick {

  -webkit-transition-duration: 0.4s;

     -moz-transition-duration: 0.4s;

       -o-transition-duration: 0.4s;

          transition-duration: 0.4s;

}



.transitions-enabled.masonry {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

       -o-transition-property: height, width;

          transition-property: height, width;

}



.transitions-enabled.masonry  .masonry-brick {

  -webkit-transition-property: left, right, top;

     -moz-transition-property: left, right, top;

       -o-transition-property: left, right, top;

          transition-property: left, right, top;

}



/* #Template related

================================================== */

#template-related .post_content{

	border-top:6px solid #89837D;

	padding-top:20px;

}

#template-related.no-gallery .post_content{

	border-top:none;

}

#template-related .post_content,

#template-related .entry-content{

	font-size:14px;

}

#template-related .post_content img,

#template-related .entry-content img{

	max-width:100%;

	height:auto;

}

#template-related .post_content p,

#template-related .entry-content p{

	line-height:1.4em;

}

#template-related .postitle{

	text-transform:uppercase;

	font-weight:bold;

	font-size:16px;

	color:#a8b400;

	line-height:1.2em;

	min-height:38px;

}

#template-related .post_content ul,

#template-related .entry-content ul{

	list-style: disc;

	margin-left: 15px;

}

#template-related .post_content li,

#template-related .entry-content li{

	margin-bottom: 14px;

}



/* #Footer

================================================== */

#footer-secondary .nav ul li a,

#footer-secondary .nav ul li a:visited,

#footer-secondary .nav ul li a:active {

	font-size: 12px;

}

#footer-secondary .nav ul li{

	padding: 0 7px 0;

}

#footer .nav ul {

	text-align:left;

}

#footer-top{

	margin:20px 0;

	text-align:center;

}

#footer-top a img{

	margin:0 auto;

}





.page-template-template-related .column, .page-template-template-related .columns {

    margin-left: 0!important;

    margin-right: 10px!important;

}





/* #Tablet (Portrait)

================================================== */

/* Note: Design for a width of 768px */

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





.page-id-2 .eleven, .page-id-2 .five {

	width:100%!important;

}



.twos .one-fourth {

    width: 45% !important;

    padding: 1% !important;

}



.column.alpha, .columns.alpha {

    margin-left: 10px!important;

    margin-right: 10px;

}



#footer-area .one-fourth {

    width: 47%;

}



div.container {

	padding: 0px 0px 20px 0px;

}

#branding p {

	font-size:13px;

}

.col2{

	width: 364px;

}

.col-two-thirds{

	width: 492px;

}

.col3{

	width: 236px;

}

.col4{

	width:172px;

}

#people-listing .col2,

#people-listing .col4{

	width: 236px;

}

#project-listing .attachment-post-thumbnail,

#people-listing .col2 img,

#service-listing .col3 img,

#people-listing .col4 img{

	width: 236px;

	max-height:157px;

	height:auto;

}

#project-listing .thumbbox,

#project-listing .overlay,

#project-listing .overlay-inner,

#people-listing .col2 .thumbbox,

#people-listing .col2 .overlay,

#people-listing .col2 .overlay-inner,

#service-listing .col3 .thumbbox,

#service-listing .col3 .overlay,

#people-listing .col3 .overlay-inner,

#people-listing .col4 .thumbbox,

#people-listing .col4 .overlay,

#people-listing .col4 .overlay-inner{

	width: 236px;

	height:200px;

}

#project-listing .post_content,

#people-listing .post_content,

#service-listing .post_content{

	width: 170px;

}

#project-listing .thumbnail,

#people-listing .thumbnail,

#service-listing .thumbnail{

	position: relative;

}

#project-listing .two-thirds img,

#people-listing .col-two-thirds img{

	width: 501px;

	height:334px;

	max-height:334px;

}

#project-listing .two-thirds .thumbbox,

#project-listing .two-thirds .overlay,

#project-listing .two-thirds .overlay-inner,

#people-listing .col-two-thirds .thumbbox,

#people-listing .col-two-thirds .overlay,

#people-listing .col-two-thirds .overlay-inner{

	width: 492px;

	height:334px;

}

#home .subtitle {

	font-size: 24px;

}



}









/* #Mobile (Landscape)

================================================== */

/* Note: Design for a width of 480px */

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



#service-listing .post_content, #service-listing .overlay .overlay-info {

    bottom: 50px!important;

}





.views .names, .views input[type="text"], .views textarea {

    float: none;

    width: 100%!important;

}



.twos .one-fourth {

    width: 96% !important;

}



#main {

	margin-top: 16px;

}

#main-menu.nav{

	text-align: center;

}

#menu.menu-fixed #main-menu.nav{

	text-align: right;

}

#main-menu select{

	display:inline-block;

}

#menu.menu-fixed #main-menu.nav select {

	width:50%;

}

#main-menu > div{

	display:none;

}

#menu .smalllogo{

	top:32px;

}

#menu .smalllogo img{

	height:18px;

}

#branding .one-fourth.column{

	width:220px;

}

#branding .column {

	min-height: 0px;

}

#branding {

	padding-top: 14px;

}

#branding .field {

	width: 126px;

}

.container #branding .columns, 

.container #branding .column {

	margin-left: 10px;

	margin-right: 10px;

}

#branding .c0.column,

#branding .c2.column{

	margin-left: 0px;

}

#branding .c0.column{

	padding-bottom:0px;

}

#branding .c0.column img{

	height:32px;

}

#branding .c2.column {

	position:absolute;

	top:20px;

	right:0;

}

.col2,

.col-two-thirds,

.col3,

.col4{

	width: 100%;

}

#project-listing .attachment-post-thumbnail,

#project-listing .attachment-project-small,

#project-listing .attachment-project-big,

#project-listing .two-thirds img,

#people-listing .col2 img,

#service-listing .col3 img,

#people-listing .col4 img,

#people-listing .col-two-thirds img,

#project .hero img{

	width: 100%;

	height: auto;

	max-width:100%;

	max-height:none;

}

#project-listing .thumbnail,

#people-listing .thumbnail,

#service-listing .thumbnail{

	position: relative;

	height: 100%;

}

#project-listing .thumbbox,

#project-listing .overlay, 

#project-listing .overlay-inner,

#project-listing .two-thirds .thumbbox,

#project-listing .two-thirds .overlay, 

#project-listing .two-thirds .overlay-inner,

#people-listing .col2 .thumbbox,

#people-listing .col2 .overlay, 

#people-listing .col2 .overlay-inner,

#service-listing .col3 .thumbbox,

#service-listing .col3 .overlay, 

#service-listing .col3 .overlay-inner,

#people-listing .col4 .thumbbox,

#people-listing .col4 .overlay, 

#people-listing .col4 .overlay-inner,

#people-listing .col-two-thirds .thumbbox,

#people-listing .col-two-thirds .overlay, 

#people-listing .col-two-thirds .overlay-inner{

	width: 100%;

	height: 350px;

}

#project-listing .row{

	margin-bottom:0;

}

#project-listing .thumbbox{

	margin-bottom:20px;

}

#project .project-hero .inner{

	padding-top:40px;

}

.search .row{

	margin-bottom: 0;

}

#page h1.entry-title, 

#template-about .postitle, 

#news .postitle, 

#news-listing .postitle {

margin-top: 10px;

}

#footer,

#footer-secondary{

	display:none;

}

h2.entry-title,

.random-project .postitle{

	margin-top: 0px;

}

.nav.sidebar ul {

	text-align: center;

}

.box {

	margin: 0 0 20px 0;

}

#home .subtitle {

	font-size: 24px;

}



}



/*  #Mobile (Portrait)

================================================== */

/* Note: Design for a width of 320px */

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

body{

	font-size:16px;

}



#service-listing .post_content, #service-listing .overlay .overlay-info {

    bottom: 50px!important;

}



.views-left {

	width: 100%;

	margin: 0 0 30px 0;

	float:none;

}



.views-right {

	width: 100%;

	margin: 0;

	float:none;

}



.twos .one-fourth {

    width: 96% !important;

}



#project h1,

#people-listing .entry-content h2,

#home .infotitle, 

#awards-listing .postitle, 

#news-listing .postitle, 

#news-single .postitle,

#template-related .postitle {

	font-size: 24px;

	line-height: 1em;

	min-height: 0;

}

#template-related .post_content, 

#template-related .entry-content,

#news-single .post_content,

#news-single .post_content p,

#project .entry-content p{

	font-size: 16px;

}

#home .tweet_list,

#people-listing .post_content .tags,

#project .project-hero .tags,

#project .project-detail,

#footer-area{

	font-size: 12px;

	line-height: 1.4em;

}

#project .entry-content {

	padding-top: 20px;

	margin-top: 0px;

	padding-bottom: 0px;

}

#project h1{

	margin-bottom: 0px;

}

#project .project-hero .tags a{

	display:inline-block;

}

#project .project-hero .tags {

	padding-bottom: 20px;

}

#main {

	margin-top: 40px;

}

#main-menu.nav{

	text-align: center;

}

#menu #main-menu.nav{

	text-align: right;

}

#main-menu select{

	display:inline-block;

	width:50%;

}

#heading{

	display:none;

}

.nav {

	margin: 0 auto;

}

#menu,

#menu.menu-fixed{

	position: relative;

	top: auto !important;

	left: auto;

	right: auto;

	display:block;

	border-bottom: 6px solid #89837D;

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

}

#menu.menu-fixed #main-menu.nav select {

	width:50%;

}

#main-menu > div{

	display:none;

}

#menu .smalllogo{

	display:block !important;

	top:20px;

}

#menu .smalllogo img{

	height:18px;

}

#branding {

	padding-top: 20px;

}

#branding img{

	display:inline;

}

#branding .column {

	min-height: 0px;

	text-align:center;

}

#branding .c0 img{

	height:60px;

}

#branding .c2{

	display:none;

}

.nav ul li a, .nav ul li a:visited, .nav ul li a:active {

	font-size: 19px;

}

#footer .nav ul li a, #footer .nav ul li a:visited, #footer .nav ul li a:active {

	font-size: 12px;

}

.col2,

.col-two-thirds,

.col3,

.col4{

	width: 100%;

}



#project-listing .attachment-post-thumbnail,

#project-listing .attachment-project-small,

#project-listing .attachment-project-big,

#project-listing .two-thirds img,

#people-listing .col2 img,

#service-listing .col3 img,

#people-listing .col4 img,

#people-listing .col-two-thirds img,

#project .hero img{

	width: 100% !important;

	height: auto !important;

	max-height:none;

}

#project-listing .thumbbox,

#project-listing .overlay, 

#project-listing .overlay-inner,

#project-listing .two-thirds .thumbbox,

#project-listing .two-thirds .overlay, 

#project-listing .two-thirds .overlay-inner,

#people-listing .col2 .thumbbox,

#people-listing .col2 .overlay, 

#people-listing .col2 .overlay-inner,

#service-listing .col3 .thumbbox,

#service-listing .col3 .overlay, 

#service-listing .col3 .overlay-inner,

#people-listing .col4 .thumbbox,

#people-listing .col4 .overlay, 

#people-listing .col4 .overlay-inner,

#people-listing .col-two-thirds .thumbbox,

#people-listing .col-two-thirds .overlay, 

#people-listing .col-two-thirds .overlay-inner{

	width: 100%;

	height: 250px;

}



#people-listing .entry-content h2 {

    font-size: 17px;

}

#project-listing .row{

	margin-bottom:0;

}

#project-listing .thumbbox{

	margin-bottom:20px;

}

#project-listing .thumbnail,

#people-listing .thumbnail,

#service-listing .thumbnail{

	position: relative;

	height: 100%;

}

#project .project-hero .inner{

	padding-top:40px;

}

.search .row{

	margin-bottom: 0;

}

#page h1.entry-title, 

#template-about .postitle, 

#news .postitle, 

#news-listing .postitle {

	margin-top: 10px;

}

#footer,

#footer-secondary{

	display:none;

}

h2.entry-title,

.random-project .postitle{

	margin-top: 0px;

}

.nav.sidebar ul {

	text-align: center;

}

.box {

	margin: 0 0 20px 0;

}

#sub-nav .nav ul {

	padding-left: 0;

	background: none;

}

#sub-nav {

	padding-bottom: 10px;

}

#sub-nav .nav ul li {

	padding: 0 5px 0;

	margin-bottom: 2px;

	display: inline-block;

}

#home .subtitle {

	font-size: 24px;

}

}





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

#project-listing .thumbbox,

#project-listing .overlay, 

#project-listing .overlay-inner,

#project-listing .two-thirds .thumbbox,

#project-listing .two-thirds .overlay, 

#project-listing .two-thirds .overlay-inner,

#people-listing .col2 .thumbbox,

#people-listing .col2 .overlay, 

#people-listing .col2 .overlay-inner,

#service-listing .col3 .thumbbox,

#service-listing .col3 .overlay, 

#service-listing .col3 .overlay-inner,

#people-listing .col4 .thumbbox,

#people-listing .col4 .overlay, 

#people-listing .col4 .overlay-inner,

#people-listing .col-two-thirds .thumbbox,

#people-listing .col-two-thirds .overlay, 

#people-listing .col-two-thirds .overlay-inner{

	width: 100%;

	height: 190px;

}

.twos .one-fourth {

    width: 96% !important;

}



#service-listing .post_content, #service-listing .overlay .overlay-info {

    bottom: 50px!important;

}



}





/*  #ResponsiveSlides.js

================================================== */

#slides {

  position: relative;

  overflow: hidden;

  max-width: 800px;

  width: 100%;

  }



#slides img {

  position: absolute;

  height: inherit;

  width: 100%;

  left: 0;

  top: 0;

  }



#slides .img_visible {

  position: relative;

  float: left;

  }

  

.rs_tabs {

	text-align: left;

	width: 100%;

	float: left;

	margin: 10px 0 20px !important;

	padding: 0;

	font-size: 10px;

}

.rs_tabs li:first-child {

	margin-left: 0;

}

.rs_tabs li {

	display: block;

	float: left;

	margin-bottom: 0;

}

.rs_tabs a, 

.rs_tabs a:link, 

.rs_tabs a:visited {

	padding: 6px 9px 6px 9px;

	margin: 3px;

	border: 1px solid #C8C8C2;

	background: #fff;

	color: #999;

	text-decoration: none;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	display: block;

	min-width: 10px;

}  

.rs_tabs a:hover {

	background: #EFEFEF;

	border: 1px solid #C8C8C2;

	color: black !important;

}  

.rs_tabs .rs_here a{

	padding: 6px 9px 6px 9px;

	margin: 3px;

	text-decoration: none;

	border: 1px solid #C8C8C2;

	background: #EFEFEF;

	font-weight: bold;

	color: #000;

}


.get_in_touch a {

	background: #8ac43f;
	padding:25px 15px 20px 15px;
	margin-top: 0px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	display: block;
	position: relative;
	width: 270px;

}


.get_in_touch a:hover {

	background: #89837D;

}




.get_in_touch a:before, .get_in_touch a:after {
  display: block;
  content: " ";
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.get_in_touch a:before {
  top: -0.125rem;
  left: 0;
}

.get_in_touch a:after {
  bottom: 0;
  right: 0;
}

.get_in_touch a:hover:before {
  width: 300px;
  height: 100%;
  opacity: 1;
  border-top: 0.125rem solid #a8b400;
  border-right: 0.125rem solid #a8b400;
  transition: width 300ms cubic-bezier(0.07, 0.62, 0.61, 1), height 150ms 300ms cubic-bezier(0.07, 0.62, 0.61, 1);
}

.get_in_touch a:hover:after {
  width: 300px;
  height: 100%;
  opacity: 1;
  border-bottom: 0.125rem solid #a8b400;
  border-left: 0.125rem solid #a8b400;
  transition: width 300ms cubic-bezier(0.07, 0.62, 0.61, 1), height 150ms 300ms cubic-bezier(0.07, 0.62, 0.61, 1);
}



/* #Print

================================================== */

@media print{

	.single-project .c2,

	.single-project #menu-holder,

	.single-project .share-tags,

	.single-project #project-listing,

	.single-project #footer-area,

	.single-project #footer-secondary,

	.single-project #footer-top{

		display:none;

	}

}







.jobnav {



    margin: 20px 0;



}

.services-content {
	font-size: 14px;
	line-height: 1.4em;

}

.services-list h3, h4, h5 {
	text-transform: uppercase;
}

.services-list ul li {

	/*padding: 15px;*/


}



.wp-block-table table {
	border: 1px solid #F0F0F0;
	

}


.wp-block-table  td {

		padding: 8px;
		border-bottom: 1px solid #F0F0F0;

}


#news-col ul {

	list-style: disc inside !important;
}


.modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.modal.modal-open {
  visibility: visible;
  backface-visibility: visible;
  opacity: 1;
  z-index: 1;
}
.modal .modal-inner {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal .modal-inner .modal-content {
  background-color: white;
  width: 25vw;
  padding: 1em 1.5em;
  position: relative;
  margin: 2em;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}


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


	.modal .modal-inner .modal-content {

		width: 40vw;

	}

	}

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

	.modal .modal-inner .modal-content {

		width: 70vw;

	}


}




.modal .modal-inner .modal-content .modal-close-icon {
  position: absolute;
  right: 1.5em;
}
.modal .modal-inner .modal-content .modal-content-inner {
  padding-right: 2em;
}
.modal .modal-inner .modal-content .modal-content-inner h1, .modal .modal-inner .modal-content .modal-content-inner h2, .modal .modal-inner .modal-content .modal-content-inner h3, .modal .modal-inner .modal-content .modal-content-inner h4, .modal .modal-inner .modal-content .modal-content-inner h5, .modal .modal-inner .modal-content .modal-content-inner h6 {
  margin-bottom: 0.25em;
}
.modal .modal-inner .modal-content .modal-content-inner p {
  margin-bottom: 1em;
}
.modal .modal-inner .modal-content .modal-buttons-seperator {
  margin: 1.5em 0;
  margin-top: 0;
}
.modal .modal-inner .modal-content .modal-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.modal .modal-inner .modal-content .modal-buttons button {
  margin-left: 1em;
}
.modal .modal-inner .modal-content .modal-buttons button:first-child {
  margin-left: 0;
}

.demo-container {
  text-align: center;
}

.success {
	padding: 8px 16px;
	text-transform: uppercase;
	background-color: #8ac43f;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 16px;


}