/*
Theme Name: Timeline TV Wordpress Theme
Theme URI: http://www.vidanlawnes.co.uk
Description: Bespoke Timeline TV Wordpress Theme by Vidan Lawnes. For support please contact Scott Lawrence at <a href="mailto:scott@vidanlawnes.co.uk">scott@vidanlawnes.co.uk</a>
Author: <a href="http://www.vidanlawnes.co.uk" target="_blank">Vidan Lawnes</a>
Version: 1.0


Change log:
v1.0
- New contact page using template contact_page.phps
- New News Listing Page design using template news_listings.php
- New homepage design with slider, news, and twitter feed
- Header includes Client Area Login Link
- Added menu support for Main Menu (can now customise in Wordpress Admin)
- Contact class for main menu declared in WP Admin, and styling in CSS, rather than JS
- Added full_width.php template page (replaces logic in page.php to remove sidebar)
- Updated and optimised page.php to remove unnessary conditions, functions and more
- Begun using a responsive CSS structure for all new features to ease development later
- Updated stylesheet for new case studies page, homepage and footer
- Using Timeline TV's original WP theme as base(by Structure, London?)


*/

html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure, figurecaption
	{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit; font-family: Arial, Helvetica, sans-serif; text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
/*     promjeni path     */
body {font: 62.5%/1.8 Arial, Helvetica, sans-serif;color:#555;}
a{color:#1d9fd8;}
p {margin-bottom:0.5em}

a:hover {text-decoration: underline;}

#wrap { background:#fff url(images/bg_body.png) repeat-y center top; text-align: center;}
#wrapinner { width:976px; margin:0 auto 0 auto; text-align: left; overflow: hidden;}
#main_container { position:relative; margin:0px; width:100%; overflow:hidden;}

#header { position:relative; width:100%; z-index:9000; margin: 0 0 0 0; text-aling: center;}
#header #logo {display: block; float:left; background: url(images/logo.png) no-repeat top left; width: 256px; height: 100px;}
#header #contactShort {display: inline; position:relative; float:right; margin:18px 28px 0 0; text-align:right}
#header #contactShort .phone {font-size:2.0em; line-height:26px; font-weight: bold; letter-spacing: -1px; float:right; clear:right; }
#header #contactShort .phone .int-prefix {font-size:0.9em; }
#header #contactShort .email {color:#1d9fd8; font-size:1.6em; display: block; text-align: right; line-height:1em;}

	/* main menu
--------------------------------------------------------------*/
#mainmenu {position:relative; margin:0 18px 0 18px; width:938px; background:#424242 url(images/bg_mainmenu.png) repeat-x left top; z-index:9001; clear:both;}
#mainmenu li {float:left; position:relative;}
#mainmenu li.first-item {margin: 0;}
#mainmenu li li {margin: 0;}
#mainmenu li li li {margin: 0;}
#mainmenu li.current_page_ancestor, #mainmenu li.current_page_parent, #mainmenu li.active, #mainmenu li.current_page_item {background: url(images/bg_mainmenu_active.png) repeat-x left top}
#mainmenu li.current_page_ancestor a, #mainmenu li.current_page_parent a, #mainmenu li.active a, #mainmenu li.current_page_item a {background: none;}
#mainmenu li:hover {background:#515151; cursor:pointer}
#mainmenu li a {display:block; color:#fff;  font-size:1.7em; line-height:17px; padding:12px 15px 11px 15px; background: url(images/men_sep.gif) no-repeat right top;}
#mainmenu li.last-item a {background:none;}
#mainmenu li li a {background: none;}
#mainmenu li a:hover {text-decoration: none; background: none;}
#mainmenu li:hover a {color:#1d9fd8; font-size:1.7em; background: none;}
#mainmenu ul ul {display:none; position:absolute; left:0; top:40px; width:150px; background:#515151;}
#mainmenu ul ul ul {display:none; position:absolute; left:150px; top:0px;}
#mainmenu li li {float:none; border-bottom:1px solid #61656c}
#mainmenu li li li {background:#61656c; border-bottom:1px solid #4a4d51}
#mainmenu li li a {color:#fff;  font-size:1.2em;}
#mainmenu li li:hover {background:#8a8f97 url(images/bg_mainmenu_l3a.png) repeat-x bottom left;  border-bottom:1px solid #4a4d51}
#mainmenu li li.current_page_ancestor, #mainmenu li li.current_page_parent, #mainmenu li li.current_page_item {background:#8a8f97 url(images/bg_mainmenu_l3a.png) repeat-x bottom left;}
#mainmenu li li.current_page_ancestor a, #mainmenu li li.current_page_parent a, #mainmenu li li.current_page_item a {background: none;}
#mainmenu li li a {color:#fff; font-size:1.2em !important;}
#mainmenu li:hover li a {color:#fff}

#mainmenu > ul > li:hover > ul.children, #mainmenu > ul > li:hover > ul.sub-menu {display:block;}
#mainmenu li li:hover ul.children, #mainmenu li li:hover ul.sub-menu {display:block;}

#mainmenu li li li.current_page_item {background:#8a8f97 url(images/bg_mainmenu_l3a.png) repeat-x bottom left}
#mainmenu li.contact {float: right; background:#ffcc00;}
#mainmenu li.contact a {background:none; color:#333333;}
#mainmenu li.contact #contactinfo a {background:none; color:#1D9FD8;}
#mainmenu li.contact #contactinfo a:hover {text-decoration: underline;}




	/* promoBox
--------------------------------------------------------------*/
#promoBox {position:relative; margin:20px 18px 0 18px; padding:15px; width:908px; background:url(images/bg_promoBox.png) repeat-x left top;}
#promoBox .leftbox { width:435px; border-top:2px solid #1d9fd8;  height: 225px; border-bottom:1px solid #1d9fd8;}
#promoBox .leftbox h1 {font-weight: normal; font-size:3.2em; line-height:32px; color:#1d9fd8; border-bottom:1px solid #1d9fd8; padding:12px 0 17px 0; margin:0 0 17px 0;}
#promoBox p {font-size:1.5em; line-height:18px;}
#promoBox p.highlight {color:#333; font-weight:bold; line-height:16px; margin-bottom:0.7em}
#promoBox .rightbox { float:right; position: relative; height: 228px;}
#promoBox img {position: absolute; right: 0; top: 0; z-index: 100;}

.promo1Container {
	position: relative;
	width: 457px;
	height: 228px;
	display: block;
}

.imgRight {float: right; margin: 0 0 10px 22px;}

.topCaptText {position: absolute; top: 15px; left: 0; z-index: 1000; opacity:inherit;	filter:inherit;}
.topCaptText p {background: url(images/caption.png) repeat-x left top; display: inline; color: #fff; font-weight:normal; line-height:27px !important; font-size: 1.8em !important; padding: 2px 13px 8px 9px;}

.botCaptText { position: absolute; bottom: 12px; left: 0; z-index: 1000; opacity:inherit;	filter:inherit;}
.botCaptText p {background: url(images/caption.png) repeat-x left top; display: inline; color: #fff; font-weight:normal; line-height:18px !important; font-size: 1.2em !important; padding: 2px 13px 3px 9px;}

#promoBox .rightbox #promoNav { z-index: 200; position: absolute; top: 11px; right: 0; background: #ebebeb; width: 75px; height: 30px; }
.strLtProm {
	display: block;
	background:url(images/str_promo_l.gif) no-repeat left top;
	width: 6px;
	height: 11px;
	float: left;
	overflow: hidden;
	display: inline;
	margin: 10px 3px 0 9px;
}

.dotProm {
	display: block;
	background:url(images/str_promo_dot.gif) no-repeat left top;
	width: 8px;
	height: 8px;
	float: left;
	overflow: hidden;
	display: inline;
	margin: 12px 0 0 4px;
}

.strRtProm {
	display: block;
	background:url(images/str_promo_r.gif) no-repeat left top;
	width: 6px;
	height: 11px;
	float: left;
	overflow: hidden;
	display: inline;
	margin: 10px 3px 0 7px;
}

.strLtProm:hover, .strRtPromAkt, .strLtPromAkt, .strRtProm:hover { background-position: 0px -11px; }
.dotProm:hover, .dotPromAkt { background-position: 0px -8px; }

	/* promoBox2
--------------------------------------------------------------*/
#promoBox2 {position:relative; margin:20px 18px 0 18px; padding:0px; width:935px; height:197px; overflow:hidden; z-index: 99;}
#promoBox2 img {position:absolute; top:0px; right:0px;}
#promoBox2 ul {float: left; width:200px; overflow:hidden; background:url(images/bg_promoBox2.png) repeat-x top left; margin: 0; padding:0;}
#promoBox2 li {position: relative; background: url(images/bg_promoBox2_li.gif) no-repeat left bottom; margin: 0 0 -2px 0; padding: 0; display: block; height: 41px;}
#promoBox2 li.first {background:none;padding-bottom: 2px;}
#promoBox2 li.first a {padding-bottom: 16px;}
#promoBox2 li.active { background:url(images/bg_promoBox2_li_act.gif) repeat-x left top;}
#promoBox2 li a {line-height: 1em; display:block; color:#fff;  outline:none; padding:13px 14px 0 14px; font-size: 1.5em; height: 27px;}
#promoBox2 li a:hover {text-decoration: none;}

.promo2Container {
	position: relative;
	width: 735px;
	height: 197px;
	float: left;
	display: block;
}

.promo2Txt {
	background:url(images/caption.png) repeat left top;
	width: 222px;
	padding: 13px 35px 13px 13px;
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 100;
}

.promo2Txt h4 {
	line-height: 1em; display:block; color:#fff; font-size: 1.5em; margin: 0; padding:0;
}

.promo2Txt p {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 1.2em; display:block; color:#fff; font-size: 1.2em;
	z-index: 9999;
}

#navCarousell {z-index: 200; position: absolute; top: 17px; right: 6px; width: 59px; height: 11px;}
.strLtPromCar {
	display: block;
	background:url(images/str_promo_l_car.gif) no-repeat left top;
	width: 6px;
	height: 11px;
	float: left;
	overflow: hidden;
	display: inline;
	margin: 0;
}

.strRtPromCar {
	display: block;
	background:url(images/str_promo_r_car.gif) no-repeat left top;
	width: 6px;
	height: 11px;
	float: right;
	overflow: hidden;
	display: inline;
	margin: 0;
}

	/* midsection
--------------------------------------------------------------*/
#blogtimeline, #featuredproject, #whowework { display: inline; position:relative; float:left; margin:28px 0 0 19px; border-top:1px solid #000}
#blogtimeline {width:220px;}
#featuredproject {width:455px;}
#whowework {width:224px;}
#blogtimeline h2, #featuredproject h2, #whowework h2 {font-size:1.8em; font-weight:normal; margin:6px 0 4px 10px}

#blogtimeline ul { border-bottom:1px solid #b6b6b6; margin: 0; padding: 0;}
#blogtimeline ul li {display: block; padding:8px 0 15px 10px; background:url(images/bg_midsection.png) repeat-x left top; border-top:1px solid #b6b6b6; height: 1%;}
#blogtimeline ul li .date, #featuredproject .date {font-size:1em; color:#999; }
#blogtimeline ul li h4, #featuredproject h4 {font-size:1.5em; color:#1d9fd8; font-weight:normal; margin-top:3px; line-height: 1.1em;}

#featuredproject div {padding:10px 10px 10px 10px; background:url(images/bg_midsection.png) repeat-x left top; border-top:1px solid #b6b6b6;}
#featuredproject h3 {font-size:1.5em; line-height:15px; color:#666; margin:9px 0 0px 0px}
#featuredproject .readmore a {color:#1d9fd8; font-weight:bold;}
#featuredproject h4 {padding:0 15px 12px 10px; margin: -4px 0px 12px 0; border-bottom:1px solid #b6b6b6;}
#featuredproject p {margin: 0 15px 10px 10px; line-height:14px; font-size: 1.2em; color: #333333;}

#carousell {border-top: 1px solid #b6b6b6;}
#carousell img {margin: 0;padding: 0; display: block;}
#carousell div {padding: 12px 20px 0 11px; font-size:1.2em; color:#333333; font-weight:normal; line-height: 1.2em;}
#carousell div p {margin: 0; padding: 0;}
#carousell div a {display: block; color:#1D9FD8; font-weight: bold; margin-top: 6px;}


	/* footer
--------------------------------------------------------------*/
#footer {
	position:relative;
	width:100%;
	margin:21px 0 0 0;
	height:62px;
	color:#fff;
	/* background:url(images/footer_bg2.jpg) repeat-x; */
	background-color: rgb(90,90,90);
	padding:18px 0 0 19px;
	font-size: 0.9em;
	line-height:1.4em;
}
#footer .footerBox {position:relative; float:left; width:225px; margin:0 0 0 13px; color:#fff; display: inline; height: 153px;}
#footer .footerBox h5 {line-height: 1em; font-size:1.4em; padding:8px 0 0 10px; height: 22px; margin:0 0 12px 0; border-bottom:1px solid #b6b6b6;}
#footer .footerBox p {line-height:1.3em;  margin:0 0 0px 10px; font-size: 1.2em;}
#footer a {
	color: #FFFFFF;
}


	/* general classes
--------------------------------------------------------------*/
.leftoff { position:absolute; left:-10000px; height:0px; width:0px; margin:0px; padding:0px;}
.displaynone {display:none}
.brdnone {border:none !important;}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.red {color:red}
.gray {color:#333}
.white {color:#fff}

.fl_left {float:left}
.fl_right {float:right}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}

.none {display: none;}
.display {display: block;}

.clear
	{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	}

.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
*html .clearfix {height:1%;}
.clearfix {display: block;}

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

#contentWrap {
	width: 938px;
	padding: 21px 0 0 18px;
}

#leftContCol {
	width: 190px;
	float: left;
	margin: 0 28px 0 0;
	display: inline;
	padding: 0 0 1px 0;
}

#midContColBig {
	width: 720px;
	float: left;
	margin: 0;
	display: inline;
	/*border-top: 1px solid #64686f;*/
	display: inline;
}

#midContCol {
	width: 472px;
	float: left;
	margin: 0 25px 0 0;
	display: inline;
	/*border-top: 1px solid #64686f;*/
	display: inline;
}#midContCol h1{
	line-height:1.3em !important;	
}#midContCol p{
	margin-top:1.5em;	
}

#rightContCol {
	width: 223px;
	float: left;
	margin: 0;
	display: inline;
	
}

#submen > ul {
	margin: 0;
	padding: 0;
	background: #505050;
}

#submen > ul > li > ul {
	margin: 0;
	padding: 0 0 10px 0;
	background: #ffffff url(images/sub_sub_men_bkg.gif) repeat-x left top;
	border-bottom: 1px solid #64686f;
	display: none;
}

#submen > ul > li.current_page_item > ul, #submen > ul > li.current_page_parent > ul {
	display: block;
}

#submen ul li {
	display: block;
	width: 190px;
	background: url("images/sub_li_bkg.gif") no-repeat scroll left bottom transparent;
}

#submen > ul > li > a {
	display: block;
	width: 173px;
	text-decoration: none;
	background: url(images/sub_men_sep.gif) no-repeat left12px bottom;
	font-size: 1.5em; line-height:13px;  font-weight: bold;
	color: #fff;
	padding: 12px 0 13px 17px;
	margin: 0 0 -2px 0;
}

#submen > ul > li > a.lastSub {
	background: none transparent;
}

#submen ul li a:hover, #submen > ul > li.lastSubMenIt > a:hover {
	background: url(images/sub_men_akt.gif) repeat-x left bottom;
}

#submen > ul > li.current_page_item > a, #submen > ul > li.current_page_ancestor > a, #submen > ul > li.current_page_parent > a {
	display: block;
	width: 173px;
	text-decoration: none;
	background: url(images/sub_men_akt.gif) repeat-x left bottom;
	font-size: 1.5em; line-height:13px;  font-weight: bold;
	color: #fff;
	padding: 12px 0 13px 17px;
}
/*
#submen > ul > li.lastSubMenIt > a {
	background: none;
}*/
#submen ul li li {
	padding: 11px 0 0 0;
	background: none;
}

#submen ul li li a {
	display: block;
	width: 173px;
	text-decoration: none;
	font-size: 1.3em; line-height:13px;  font-weight: bold;
	color: #333333;
	margin: 0 0 0 17px;
}

#submen ul li li a:hover {
	background: none;
	color: #21A3D8;
}

#submen ul li li.current_page_item a {
	background: url(images/sub_men_str.png) no-repeat left;
	color: #21A3D8;
	padding: 0 0 0 17px;
}

#breadcrumbs {
	padding: 10px 0 0 6px;
	font-size: 1.4em; line-height:13px;  font-weight: bold;
	color: #333333;
}

#breadcrumbs span {
	color: #1D9FD8;
	padding: 0 5px 0 5px;
	font-weight: bold;
}

#breadcrumbs a {
	font-size: 1.0em; font-weight: bold;
	color: #1D9FD8;
}

#breadcrumbsLogoW {
	padding: 8px 0 0 6px;
	font-size: 1.4em; line-height:13px;  font-weight: bold;
	color: #333333;
	border-top: 1px solid #64686f;
}

#breadcrumbsLogoW span {
	color: #1D9FD8;
	padding: 0 5px 0 5px;
	font-weight: bold;
}

#breadcrumbsLogoW a {
	font-size: 1.0em; font-weight: bold;
	color: #1D9FD8;
}

h1, #midContCol h1, .row > .col12 > h1, .h1 {
	font-size: 2.6em; line-height:18px;  font-weight: normal;
	color: #333333;
	border-bottom: 1px solid #b6b6b6;
	padding: 17px 0 15px 6px;
	margin: 0 0 20px 0;
}.row > .col12 > h1{
	margin-bottom:0;
	/*padding-top:0;*/
}
/*
#logoContCol h1 {
	font-size: 2.6em; line-height:18px;  font-weight: normal;
	color: #333333;
	border-bottom: 1px solid #b6b6b6;
	padding: 17px 0 17px 6px;
	margin: 0 0 11px 0;
}
*/
#midContColBig img.mainImg, #midContCol img.mainImg {
	margin: 0 0 19px 0;
	border: 0;
}

.entry-content {
	position: relative;
}

#midContColBig .caption, #midContCol .caption {
	position: absolute;
	display: block;
	background: url(images/caption.png) repeat left top;
	top: 0;
	font-size: 1.5em; line-height:1em;  font-weight: bold;
	color: #fff;
	padding: 7px 14px 8px 9px;
	margin: 0;
	visibility: hidden;
}

#midContColBig p, #midContCol p, #midContColMax p {
		color: #555;
font-size: 13px;
    /*line-height: 24px;*/
    /*margin: 20px 0;*/
}

#midContColBig p.summary, #midContCol p.summary, #midContColMax p.summary {
	font-size: 17px; line-height:24px;  font-weight: bold;
	color: #555;
	padding: 0 0 4px 0;
}

#midContColBig ul, #midContCol ul, #midContColMax ul {
		list-style-type:square;
	font-size: 12px;
    line-height: 24px;
    margin: 20px 0 0 15px;
}

#midContColBig a.findMore, #midContCol a.findMore, #midContColMax a.findMore {
	font-size: 1.6em; line-height:14px;  font-weight: bold;
	color: #1D9FD8;
	display: block;
	margin: 15px 0 0 0;
	float: left;
}

#helpContainer {
	background: #fff url(images/help_cont.gif) repeat-x left top;
	border-bottom: 1px solid #b6b6b6;
	padding: 13px 6px 14px 6px;
	margin: 0 0 12px 0;
}

#helpContainer h3 {
	font-size: 1.3em; line-height:14px;  font-weight: bold;
	color: #333333;
	letter-spacing: -1px;
	background: url(images/help_title_sep.gif) no-repeat left bottom;
	padding: 0 0 15px 5px;
}

#helpContainer a {
	display: block;
	font-size: 1.2em; line-height:14px;  font-weight: normal;
	color: #333333;
	padding: 12px 0 0 13px;
}

#helpContainer p {
	display: block;
	font-size: 1.2em; line-height:14px;  font-weight: normal;
	color: #333333;
	padding: 12px 0 0 13px;
	margin: 0;
}

#getInTouch {
	background: #FFCC00;
	padding: 13px 6px 11px 6px;
	font-size: 1.3em;
	color: #333333;
	line-height:15px;
	margin: 0 0 11px 0;
}

#getInTouch h3 {
	font-weight: bold;
	letter-spacing: -1px;
	/*background: url(images/tounch_title_sep.gif) no-repeat left bottom;*/
	border-bottom: 1px solid #b6b6b6;
	padding: 0 0 13px 7px;
}

#getInTouch p {
	padding: 9px 0 0 7px;
}	

#getInTouch p a {
	font-weight: bold;
}

#featuredVideoWrap {
	border-top: 1px solid #64686f;
	border-bottom: 1px solid #64686f;
	background: #fff url(images/featured_bkg.gif) repeat-x left top;
	position: relative;
}

#featuredVideoWrap h3 {
	font-weight: bold;
	letter-spacing: -1px;
	background: url(images/fet_title_sep.gif) no-repeat left bottom;
	padding: 8px 0 8px 10px;
	font-size: 1.4em;
	color: #000;
	margin: 0 0 0 6px;
}

.featuredVideo {
	padding: 14px 0 0 6px;
	font-size: 1.2em;
	color: #333333;
	line-height:15px;
	margin: 0 0 -1px 0;
}

.featuredVideo img {
	border: 0;
}

.featuredVideo p {
	padding: 0 0 0 8px;
}

.featuredVideo a {
	line-height:16px;  font-weight: bold;
	color: #1D9FD8;
}

.featuredVideo a.playBtn {
	display: block;
	position: relative;
	width: 194px;
	height: 109px;
	margin: 0 0 10px 8px;
}

.featuredVideo a.playBtn span {
	position: absolute;
	background: url(images/play_sm.png) no-repeat center;
	width: 194px;
	height: 109px;
}

.lastVid .fetBottom {
	border-bottom: 0;
}

.fetBottom {
	height: 1px;
	overflow: hidden;
	margin: 9px 7px 0 0;
	border-bottom: 1px solid #b6b6b6;
}

.clientWrap {
	background: url(images/client_bkg.gif) repeat-x left top;
	padding: 20px 20px 22px 20px;
}

.clientImg {
	float: left;
	margin: 2px 11px 5px 0;
}

.clientSubTitle {
	font-size: 1.5em !important; line-height:14px !important;  font-weight: bold !important;
	color: #000000 !important;
	margin: 0 0 11px 0;
}

.clientsBack {
	font-size: 1.4em !important; line-height:14px !important; font-weight: bold !important;
	color: #1D9FD8 !important;
	width: 472px;
	margin: 22px 0 0 -20px;
	border-top: 1px solid #b6b6b6;
	padding: 8px 0 0 0;
	text-align: right;
	display: block;
}

.clientsBack a {
	 font-weight: bold !important;
}

.pplWrap h3 {
	font-size: 1.4em !important; line-height:18px !important; font-weight: normal !important;
	color: #333333 !important;
	margin: 17px 0 8px 0;
}

.people_img {
	float: left;
	margin: 13px 17px 0 0;
}

#midContColBig hr, #midContCol hr {
	margin: 20px 0 5px 0 !important;
	height: 1px !important;
	color: #64686f !important;
	background-color: #64686f !important;
	border: 0 !important;
}

#midContColMax {
	width: 642px;
	float: left;
	display: inline;
	padding: 0 68px 0 5px;
}

#videoWrap #breadcrumbs {
	padding: 10px 0 0 6px;
	font-size: 1.4em; line-height:13px;  font-weight: bold;
	color: #333333;
	border-top: 1px solid #64686f;
}

#videoWrap #breadcrumbs span {
	color: #1D9FD8;
	padding: 0 5px 0 5px;
}

#videoWrap #breadcrumbs a {
	font-size: 1.0em; font-weight: bold;
	color: #1D9FD8;
}

#videoWrap h1 {
	font-size: 2.6em; line-height:18px;  font-weight: normal;
	color: #333333;
	border-bottom: 1px solid #b6b6b6;
	padding: 17px 0 13px 6px;
	margin: 0 0 20px 0;
}

#videoWrap iframe {
	margin: 0 0 5px 0;
}

#midContColMax .video_title {
	font-size: 1.5em; line-height:18px;  font-weight: normal;
	color: #64666D;
}

#midContColMax .video_title strong {
	font-size: 1.2em;
}

.postShort {
	border-bottom: 1px solid #64686f;
	padding: 4px 0 15px 0;
	margin: 0 0 18px 0;
}

.postShort h2 {
	font-size: 1.5em; line-height:16px;  font-weight: bold;
	color: #1D9FD8;
}

.postShort h2 a {
	line-height:16px;  font-weight: bold;
	color: #1D9FD8;
}

.postDate {
	font-size: 1.1em;
	line-height:16px;  font-weight: normal;
	color: #333333;
	margin: 4px 0 0 0;
}

.postExc {
	line-height:16px;  font-weight: normal;
	color: #333333;
	margin: 8px 0 7px 0;
}

.postMore {
	font-size: 1.2em;
	line-height:16px;  font-weight: bold;
	color: #1D9FD8;
}

.postDetails {
	padding: 12px 0 0 0;
}

.postDetails2 {
	padding: 12px 0 12px 0;
	
}

.postBlog {
	background: url(images/folder.gif) no-repeat left;
	padding: 2px 0 0 24px;
	display: block;
	float: left;
	font-size: 1.1em;
}

.postTags {
	background: url(images/pencile.gif) no-repeat left;
	padding: 2px 0 2px 28px;
	margin: 0 0 0 15px;
	display: block;
	float: left;
	font-size: 1.1em;
}

.postComment {
	background: url(images/cloud.gif) no-repeat left;
	padding: 2px 0 2px 28px;
	margin: 0 0 0 0px;
	display: block;
	float: left;
	font-size: 1.1em;
}

.postShort img {
	margin: 16px 0 6px 0;
}

#reply-title {
	font-size: 1.5em;
	line-height:16px; font-weight: bold;
	color: #64676E;
	padding: 17px 0 13px 0;
}

.commentTxt {
	float: left;
	width: 64px;
	line-height:14px;
	color: #64676E;
	font-size: 1.5em;
	padding: 2px 0 0 0;
}

.commentTxt span {
	font-size: 0.7em;
}

.commentArea {
	float: left;
	margin: 0 0 14px; 0;
}

.commentsWrap {
	display: none;
}

.commentsClose {
	line-height:16px;
	font-weight: bold;
	font-size: 1.6em;
	color: #1D9FD8;
}

.commentArea input {
	font-size: 1.5em;
	width: 268px;
	height:  24px;
	border: 1px solid #65686f;
	padding: 0 5px;
}

textarea#comment {
	width: 469px;
	height: 159px;
	border: 1px solid #65686f;
	font-size: 1.3em;
	font-family: Arial,Hlevetica,sans-serif;
}

.form-submit #submit {
	border: 0;
	background: none transparent;
	font-size: 1.3em;
	line-height:16px; font-weight: bold;
	color: #1D9FD8;
	margin: 0 0 0 -10px;
	padding: 0;
	cursor: pointer;
	font-family: Arial,Hlevetica,sans-serif;
	width: 70px;
}

#respond div.error {
	font-size: 1.2em;
	line-height:16px;
}

.commentContainer {
	background: #f8f8f8;
	border: 1px solid #cccccc;
	padding: 9px 14px 10px 10px;
	margin: 17px 0 28px 0;
	font-size: 1.2em;
	color: #333333;
	position: relative;
}

.commentBottom {
	background: url(images/comment_bottom.gif) no-repeat left top;
	width: 29px;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: -15px;
}

#mainmenu li.contact #contactinfo a.faceCont {
	display: block;
	float: left;
	background: url(images/face.gif) no-repeat left top;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: -3px 0 0 0;
}

#mainmenu li.contact #contactinfo a.tweetCont {
	display: block;
	float: left;
	background: url(images/twitt.gif) no-repeat left top;
	width: 20px;
	height: 20px;
	margin: -3px 0 0 4px;
	display: inline;
	padding: 0;
}
/**************************/


#quotebox {
	float: right;
	width: 171px;
	background: #fff url(images/quote.png) no-repeat 0% 3%;
	line-height: 10px;
	padding-top: 40px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin: 0 20px 10px 10px;
}

#quotebox p {
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	line-height: 15px;

}

#quotebox blockquote {
	padding: 1em;
	border-top: 1px solid #d8d8d8;
	margin: 0;
}

#quotebox .by {
	font-size: 13px;
	font-weight: 400;
	color: #505050;
	padding: 0.5em;
}



/* menu hack */

.children2 {
	left: 151px !important;
}

/* logo wall */

#logowall {width:940px; position:relative; float:left;}
.logoitem {width:186px; height:135px; position:relative; float:left; overflow:hidden; margin:0 2px 2px 0; background:url(images/bg_logowall.gif) repeat-x left top;}
.logoitem:hover img {display:none;}
.logoitem .logoitem_inner {padding:2px 20px 10px 10px}
/*.logoitem h5 {color:#333; font-size:2em; font-weight:normal; font-family:Rockwell, arial, helvetica, sans-serif; line-height: 1em; padding: 8px 0 8px 0;}*/
.logoitem h5 {color:#333; font-size:2em; font-weight:normal; font-family: arial, helvetica, sans-serif; line-height: 1em; padding: 8px 0 8px 0;}
.logoitem p {color:#333; font-size:1.2em; line-height:1.3em;}
.logoitem p.nothing {font-size:1.0em; line-height:1.0em; margin:0; padding: 0;}
.logoitem p a {color:#fff; font-size:1.3em; line-height:1.3em; font-weight:bold; margin:0.3em 0; font-family:arial, helvetica, sans-serif; }
/*.logoitem p a {color:#fff; font-size:1.3em; line-height:1.3em; font-weight:bold; margin:0.3em 0; font-family:Rockwell, arial, helvetica, sans-serif; }*/
.logoitem p.viewmore {margin-top:1em}
.logoitem p a:hover {text-decoration:none;}

#contactinfo {display: none; width:475px; position:absolute; right:0px; top:40px; background:#ffcc00; border-top:2px solid #fff;}
.contact:hover #contactinfo {display:block;}
#connector {position:absolute; right:0; top:-2px; background:#fc0; height:2px; width:97px;}
.line1 {clear:both; border-bottom:1px solid #333; margin:0 16px 0 14px; padding:15px 0 0 0;}
.line2 {margin:13px 16px 0 14px}
.line1, .line2 { }
.line1 h5, .line2 h5{ font-size:1.2em; line-height:1.2em}
.line1 h6, .line2 h6{ font-size:1.1em;  line-height:1.2em}
.line1 p, .line2 p { font-size:1.2em; line-height:1.3em }
.line2 h5 { font-size:1.1em; line-height:1.2em }
.line2 h6 { font-size:1em; line-height:1em }
.line2 p { font-size:1em; line-height:1.2em }
.line2 p a {text-decoration:underline; margin:0px !important; padding:0px !important; display:inline; font-size:1em !important}
.line1 div {margin:0 20px 0 0; padding: 0 0 8px 0;}
.line2 div {width:33%; padding-bottom:10px;}
.fl {float:left; display:inline;}

.cufon-loading #promoBox2, .cufon-loading #mainmenu, .cufon-loading #footer {visibility: hidden !important;}

ul#clientlist{
	width:960px;
	padding:0 10px;
	margin:0 -18px;
}ul#clientlist li{
	margin:20px 1.04%; /* 10/960 */	
	width:31.25%;
	float:left;
}ul#clientlist img{
	width:100%;
	height:auto;
}

.page-item-4{
	background-color:#FFCC00;
	background-image:none;
	color:#333;
}.page-item-4 a{
	color:#333;
}

/*NEW STRUCTIURE */
div{
	min-height:1px; /*chrome float bug fix */	
}
#homepage{
	margin-top:20px;	
}
.row, .row0, .container{
	width:98%;
	margin:10px 1%;
	clear:both;
	float:left;
}.row0{
	margin:0 1%;
}.row > div .row, .row.r100{
	margin:10px 0;
	width:100%;	
}.container{
	margin:10px 0;
	padding:0 2%;
	margin:0 -1%;
	width:98%;
}.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12{
	float:left;
	margin:0 1%;
}.invert{
	background-color:#ABABAB;
	color:#FFF;	
}.invert p{
	color:#FFF !important;	
}.padded{
	padding:2%;	
}.col12{
	width:98%;
}.col9{
	width:73%;	
}.col8{
	width:64.66%;
}.col7{
	width:56.4%;
}.col7.padded{
	width:52.4%;	
}.col6{
	width:48%;
}.col5{
	width:39.6%;
	max-width:none;
}.col5.padded{
	width:35.6%;
}.col5 img{
	width:100%;
	height:auto;
}.col4{
	width:31.33%;
}.col4.padded{
	width:27.33%;
}.col3.padded{
	width:19%;
}.col3{
	width:23%;
}.split50{
	width:48.5%;
	float:left;
}.split33{
	width:31.33%;
	float:left;
}#googlemap .split33{
	padding-left:8%;
	width:22.33%;
	background-image:url('/wp-content/themes/timeline_by_VL/images/contact/pin-ealing-medium.png');
	background-repeat:no-repeat;
	background-position:-6px 0;	
}.split50 + .split50, .split33 + .split33{
	margin-left:3%;
	
}.nothumb{
	border-top:solid 1px #CCC;	
}
.right{
	float:right;	
}.row img{
	max-width:100%;
	height:auto;
	width:auto;
}
.row p, #clientlist p{
	line-height:1.5em;
}
.row p, .row a, #clientlist p, #clientlist a, .clientlogin{
	font-size:1.2em;
	margin-bottom:1.5em;
}.row p a, .row a.more, .row .boxed a, #clientlist p a, #clientlist p a.more, .clientlogin, .clientlogin:hover{
	text-decoration: none;
	border-bottom:1px dotted #CCC;
	color:#323232;
	/*font-size:1.2em;*/
}.row h1 a, .row h2 a, .row h3 a, .row h4 a, p.subtitle a{
	font-weight:inherit;
	font-size:inherit;
	border:0;
	color:inherit;
	text-decoration:none;
}.row .boxed{
	display:block;
	background-color:#009DDC;
	padding:5px 15px 0px 15px;
	margin:0;
	width:180px;
}.row .boxed a{
	color:#FFF;
	border-bottom:1px dotted #FFF;
	margin-bottom:0;
}.container .row{
	margin:10px 0;
	width:100%;
}.container .row.hug{
	width:104%;
	margin:0 -2%;
}.row h2, #homepage h3, .h2, #clientlist h2{
	font-size:200%;
	line-height:1.2em;
	margin:0.5em 0;
}p.icon-rail, p.icon-tube{
	padding-top:2px;
	padding-left:32px;
	min-height:20px;
}.icon-rail, .icon-tube{
	background-image:url('/wp-content/themes/timeline_by_VL/images/icon_sprite.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}.icon-rail{
	background-position:0 -25px;
}#homepage h1, #homepage h2{
	font-size:220%;
	line-height:1.2em;
	margin:0.5em 0;
	/*color:#009DDC;*/
}#clientlist h2 a{
	font-size:inherit;
	color:inherit;
	font-weight:inherit;
}p.subtitle, #clientlist p.service{
	color:#009DDC;
	font-size:150%;
	margin:-0.5em 0 1em 0;
}

.grey{
	background-color:#EFEFEF;
}.stroked{
	border-top:solid 4px #009DDC;
	border-bottom:solid 6px #009DDC;	
}

.intro {
	background:url(images/bg_promoBox.png) repeat-x;
}

/* VL SLIDER CSS */
.gallery ul{
	list-style-type:none;
	width:600%;
	position:relative;
	z-index:1;
	left:0;	
}.box2 ul > li img{
	float:left;
	width:16.667%;
}.mask2{
	overflow:hidden;
	float:left;
	margin:0;
	margin-top:-290px;
	padding:0;
	width:100%;	
	position:relative;
}.leftclick, .rightclick{
	width:30px;
	height:292px;
	background-color: rgb(239, 239, 240); /* Fall-back for browsers that don't support rgba */
    background-color: rgba(239, 239, 240, .3);
	background-image:url(images/homepage/slider-btns.gif);
	background-position:0 center;
	background-repeat:no-repeat;
	float:left;
	z-index:98;
	cursor:pointer;
	position:relative;
}.rightclick{
	background-position:-30px center;
	right:0;
	float:right;
	z-index:99;
}
.red{
	color:#EE3124 !important;	
}#map_canvas{
	width:100%;
	height:315px;
	margin-bottom:20px;
}#map_canvas img{
	max-width: inherit;	/* google maps fix to remove reset.css styling */
}.twitter{
	background-color:#EFEFEF;
	padding:20px;
	padding-bottom:1px;
}.twitter.speech{
	background-image:url(images/homepage/twitter-speech.gif);
	background-position:bottom left;
	background-repeat:no-repeat;	
	padding-bottom:20px;
}.twitter .date{
	font-size:1em;
	text-align:right;	
}.twitter p + p.date{
	margin-top:-1.5em;	
}.twitter.name{
	background-color:#FFF;
	padding:0;
	font-size:2em;
	
}.twitter.name a{
	font-weight:bold;
	color:#555;		
}.twitter + .twitter{
	margin-bottom:1.5em;	
}.clientlogin{
	color:#666;
	font-size:1.15em;
	clear:both;
	float:right;
	margin-top:0.6em;
	margin-bottom:0;
	padding-bottom:0;
}.summertime h1{
	line-height:1.2em !important;	
	max-width:70%;
	color:#555 !important;
}p.lead{
	font-size:1.6em	;
}

#summertime{
	margin-top:10px;
	border-color:#294336;
	background-image:url(/wp-content/themes/timeline_by_VL/images/summertime/tennis-bg.jpg);
	height:285px;
	background-position:0 -140px;
	padding:55px;
}.wk{
	background-color:#31342D;	
	width:295px;
	height:50px;
	position:relative;
	margin-left:124px;
	color:#F2F1A1;
	text-align:center;
}#wk1{
	margin-top:-159px;
}#wk2{
	margin-top:14px;
}.wk a{
	font-size:inherit;
	color:inherit;	
}.wk > a > p{
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
}.wk > a > p + p{
	margin-top:-3.5em;
	text-transform:none;
	font-weight:normal;
	font-size:1.3em;
}#summertime .col5{
	color:#FFF;
	margin-left:30px;
}#summertime h2{
	margin-top:1em;
	font-size:4em;
	color:#FFF !important;
}#summertime .sub{
	margin-top:-1em;
	font-size:1.8em;
}#summertime .para{
	margin-top:-1em;
	font-size:1.5em;
}#summertime .col6{
	overflow:hidden;
}#summertime ul.summerCarosel{
	position:relative;
	width:400%;
	margin:0; padding:0;
}#summertime ul.summerCarosel li{
	width:25%;
	float:left;
	display:block;
	margin:0; padding:0;
}
/* summertime 2 update */

	#summertime{
		background-image:url('/wp-content/themes/timeline_by_VL/images/summertime/tdf-bg.jpg'); background-position:top left; border-top-color:#FFE14F; border-bottom-color:#009DDC;
	}.wk{
		background-color:transparent;
		color:#FFF;
	}.wk > a > p{
	text-align:left;
}.wk{
	margin-left:140px;
}#wk1{
	margin-top:-205px;
}#wk2, #wk3, #wk4{
	margin-top:1px;
}#summertime h2{
	margin-top:70px;
	margin-left:20px;
}#summertime .sub, .para{
	margin-top:-1em;
	margin-left:20px;
}/* summer 2 end */

/* summertime 3 update */
#summertime{
		background-image:url('/wp-content/themes/timeline_by_VL/images/summertime/golf-bg.jpg'); background-position:-8px -185px; border-top-color:#000573; border-bottom-color:#000573;
	}#summertime h2{
	margin-top:90px;
}
/* 3 end */


.summertimeArticle p{
	max-width:520px;
	font-size:1.35em;
}.summertimeArticle p.lead{
	font-size:1.7em;
	width:358px;
}.summertimeArticle img{
	width:535px;
	float:right;
}.gameNo{
	text-transform:uppercase; font-weight:bold; font-size:1.8em !important; color:#919095; margin-bottom:0 !important;
}

.contactPage a{
	border:0 !important;
	color:#1DA1D6 !important;
}.contactPage .invert a{
	color:#F1EF26 !important;
}

.email-btn{
	display:block;
	padding:1px 5px;
	color:#FFF;
	background-color:#ABABAD;
	width:150px;
	margin:-0.7em 0 0.8em 0 !important;	
}a.email-btn{
	color:#FFF !important;
}.contactPage p{
	color:#666;	
}.row p > a{
	font-size:1em;	
}ul.socialHead{
	margin-top:9px;	
}ul.socialHead li{
	float:right;
	margin:0 4px;
}ul.socialHead li a{
	display:block;
	width:18px; height:24px;
}.social-fb, .social-twit, .social-client,.social-fb2, .social-twit2, .social-client2, .social-li, .social-li2, .social-ytube, .social-ytube2, .social-in, .social-in2{
	background-image:url('/wp-content/themes/timeline_by_VL/images/social_sprites17.png');
	background-repeat:no-repeat;
	background-position:0 0;
}.social-fb2{
	background-position:0 -19px;
}.social-twit, .social-twit2{
	background-position:-25px 0;
	width:24px !important;
	margin-left:1px;
} .social-twit2{
	background-position:-25px -19px;
}.social-client{
	background-position:-50px 0;
}.social-client2{
	background-position:-50px -19px;
}
.social-li {
	background-position: -75px 0;
}
.social-li2 {
	background-position: -75px -18px;
}
.social-ytube{
	background-position: -100px -0px;
	width:26px !important;
	height:20px !important;
}
.social-ytube2{
	background-position: -100px -19px;
	width:26px !important;
	height:20px !important;
}
.social-in{
	background-position: -133px -0px;
	width:18px !important;
	height:18px !important;
}
.social-in2{
        background-position: -133px -19px;
	width:18px !important;
	height:18px !important;
}
#ealingMap,#sohoMap,#northMap,#BTMap{
	cursor:pointer;
}

/* blue background, white text for truck promo. TODO: sort out fixed heights */
.truckBox{
	background-color: #009ddc;
	background:linear-gradient( #009ddc, #61d2ff);
	/* height: 307px;  */
	height: 319px;
}
.truckBox a , .truckBox h2, .truckBox p{
	color: #ffffff !important;
}

.truckContainer{
	position:relative;
	color: #ffffff;
}

.truckOverlay{
	color: #ffffff;
	margin: 20px;
	padding: 20px;
	width: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
	/*background: rgba(255,255,255,0.1);*/
}

.truckContainer .truckOverlay a {
	color: #ffffff;
	border: none;
}
.truckContainer .truckOverlay a:hover {
	color: #009ddc;
}
.newIntro {
	/* new styles July 15 for topbox */
	/*background:url(images/bg_promoBox.png) repeat-x;*/
	background-color: #009DDC;
	color:#ffffff !important;
	height:248px;
}
a.newIntro{
	font-size: inherit;
}
.newIntro h1 {
	color: #ffffff;
}
/* temp hack to correct Charlotte's images */
.row img.truckThumb{
	max-height: 159px;

}

/* news-listings page. Styles for pagination */
.older-newer-nav .older-link{
	float:right;
	font-size: 125%;
}
.older-newer-nav .newer-link{
	float:left;
	font-size: 125%;
}
.newsbox h2{
	margin-top: 0px;
}
/* for the team pages */

figure.caption-overlay{
	position:relative;
}

figure.caption-overlay figcaption{
	position:absolute;
	font-size: 2em;
	bottom: 1em;
	background-color: rgba(18,149,216,.8);
	color: #FFF;
	padding: 0 1.5em;
}

.mgnt-biog img {
	float: left;
	margin: 0px 20px 15px 0px;
}
.mgnt-biog p {
	margin-bottom:1em;
}
div.mgnt-biog {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.col2 {
	width:14.66%;
}
.col2 img {
	max-width: 100%;
	height: auto;
}
h2.branch {
	margin-top: 40px;
}

figure.caption-overlay  figcaption.hero-overlay {
	bottom: .8em;
	font-size: 3.5em;
}
figure.caption-overlay figcaption.small-overlay {
	font-size: 1.6em;
	padding: 0 .75em;
	bottom: .9em;
}

.careers p, .grad p, .post-prod p{
	font-size: 1.4em;
}

.careers p.summary, .grad p.summary, .post-prod p.summary {
	font-size: 1.6em;

	font-weight: bold;
}
.careers ul, .grad ul {
	list-style-type: square;
	line-height: 1.5em;
	font-size: 1.5em;
	margin: 20px 0px 0px 40px;

}
.grad ul {
	margin:20px 0px 0px 20px;
}
.careers li{
	padding-left: 1.5em;
	line-height: 1.6em;
}

.grad-grid{
	display:flex;
}

.grad-grid img {
	width: 450px;
	height:300px;
}
.grad-grid figure{
	margin: 20px 0px 30px 0px;
}

.grad h3 {
	font-size: 1.6em;
}
.grad-card {
	flex-basis:50%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;

}


.card-grid{
	display:flex;
}

.col4-card {
	flex-basis:33%;
	margin: 0 1%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;

}
.col4-card img {
	width: 300px;
	height: auto;
}
.post-prod figure {
	margin-bottom: 10px;
}

/* Newsletter archive styles page-newsletter template */
.newsletter-archive {
	display: flex;
	flex-wrap: wrap;
}

.newsletter-card {
	/*width: 300px;
	margin-left: 10px;*/
	font-size: 1.2em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 20px;
	background-color:#f0f0f0;
	/*box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	border: 1px solid #f0f0f0;*/
	padding: 10px;
	box-sizing:border-box;
	/*transition: transform .1s;*/
}
.newsletter-card:hover{
	background-color:#eee;
	transform:scale(1.025);
}

.newsletter-card img{
	width: 300px;
	height: auto;
}

#newsletters-header a,#newsletter-header a:visited {
	position: relative;
	color:#1d9fd8;
	text-decoration: none;
}
#newsletters-header a:hover {
	color: #1d9fd8;
	/* text-decoration: underline solid #1d9fd8;*/
}

#newsletters-header a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -3px;
	left:0;
	background-color: #1d9fd8;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;

}

#newsletters-header a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


div#newsletters a , div#newsletters a:hover{
	color: inherit;
	font-size: inherit;
	margin-bottom: inherit;
	text-decoration: none;
}


p.newsletter-link {
	margin-bottom: 0;
	color:#1D9FD8;

}

p.newsletter-text {
	line-height: 1.4em;
}

.flex {
	display:flex;
}

.staff-study .col6{
	margin: 0 2%;
	width: 46%;
}

.staff-study p {
	margin-bottom: 1.6em;
	font-size: 1.4em;
}
#dstorr h2{
	margin-bottom: 0.8em;
}

 a.animated-link, a.animated-link:hover, a.animated-link:visited ,
 p a.animated-link,  p a.animated-link:hover,  p a.animated-link:visited {
	position: relative;
	text-decoration: none;
	color:#1D9FD8;
	border-bottom:none;
}

 a.animated-link:before,  p a.animated-link:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -3px;
	left: 0px;
	background-color: #1D9FD8;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

 a.animated-link:hover:before, p  a.animate-link:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
#values h2{
	margin-top:0px;
}

.flex {
	display: flex;
}

.flex-col {
	display: flex;
	flex-direction: column;

}

.flex-spaced{
	justify-content: space-between;
}

.job-list-intro p{
	font-size: 1.5em;
}
a.apply-button {
	background: #1D9FD8;
	color: #fff;
	text-decoration: none;
	padding: 10px 30px;
	margin-top: 10px;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	
}

.apply-button:hover {
	text-decoration: none;
	background: #0fbbff;
}

.job-box {
	background-color: #f3f3f3;
	margin-bottom: 15px;
	padding: 15px 10px 20px 10px;
	box-sizing: border-box;
	border:1px solid #ececec;
	border-radius: 5px;
}

.job-box h2 {
	margin: 0 0 0.5em 0;
	color: #1D9FD8;
}

.job-box p {
	font-size: 1.3em;
}

.job-detail h2{
	margin-top: 25px;
	margin-bottom: 20px;
	color: #1D9FD8;
	text-transform: uppercase;
	margin-bottom:15px;

}

.job-detail p{
	font-size: 1.4em;
	margin-bottom: 15px;
}

.job-detail h3{
	font-size: 1.6em;
	color: #1D9FD8;
	font-weight: normal;
	margin-bottom: 10px;

}

.job-detail h4{
	font-size: 1.4em;


}

.job-detail ul{
       list-style-type: disc;
        line-height: 1.5em;
        font-size: 1.5em;
        margin: 15px 0px 15px 40px;
}

.job-detail li, .job-detail li ul li {
	padding-left: 20px;
}

.job-detail li ul {
	list-style-type: circle;
	font-size: inherit;
	margin: 10px 0px 10px 20px;
}

.shift-basis, .closing-date{
	font-style: italic;
	font-weight: bold;	
}
.job-detail h2.job-intro {

	margin-top: 0px;
}

.job-top-box{
	background-color: #f3f3f3;
	padding: 15px 25px 10px 25px;
	box-sizing: border-box;
	border:1px solid #ececec;
	border-radius: 5px;


}

.studios-features-box{
	border:1px solid #ececec;
	 border-radius:5px;
	 background: #f3f3f3;
}

.studios-features-list {
	font-size: 1.5em;
	font-weight: bold;
	list-style-type: disc;
	line-height: 1.5em;
	margin: 0px 0px 15px 20px;
}

.studios-features-list li {
	padding-left: 10px;
        color:#1d9fd8;

}
.studios-features-list a {
	font-size: inherit;
}

.studios-features-list_text {
	color: #555;
}
.studios p{
	font-size: 1.4em;
	margin-bottom: 15px;
}

.studios-h2{
	color:#1d9fd8;
}

/* new footer styles */

#new-footer {
	background-color: #333;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	border-top: 5px solid #1D9FD8;

}



#new-footer-main h3 {
	margin-bottom: 15px;
	font-size: 1.2rem;
	/*font-size: 19.2px;*/
	color: #fff;
}

#new-footer-main h4 {
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 1rem;
	/*font-size: 16px;*/
	color: #fff;
}


#new-footer-main p, #new-footer-main a {
	color:  #fff;
	font-size: 1rem;
	line-height: 1.5rem;
	/*font-size: 16px;
	line-height: 24px;*/
}

#new-footer-main a {
	border-bottom: none;
}

#new-footer-main a:hover{
	color: #1D9FD8;
	text-decoration: none;
}

.footer-icon {
	margin-right: 0.8rem;
	/*margin-right: 12.8px;*/
}

#new-footer-sub {
	padding-left: 20px;
	border-top: solid 1px #fff;
	padding-top: 10px;
	padding-bottom:10px;
	display:flex;
	font-size: 0.625rem;
	/*font-size: 10px;*/
	color:#fff;

}

ul.footer-social-links{
	display:flex;	

}
#new-footer .footer-social-links a{
	color:#fff;
}

#new-footer .footer-social-links a:hover{
	color:#aaa;
}


ul#menu-footer, ul#menu-footer-submenu, ul#menu-footer-services  {margin: 0; padding: 0; 
	list-style-type: none; 
	list-style-image: none; 


}
#menu-footer li, #menu-footer-services li {display: block; }
#menu-footer a, #menu-footer-submenu a, #menu-footer-services a{text-decoration:none; color:#fff;}
#menu-footer a:hover, #menu-footer-submenu a:hover, #menu-footer-services a:hover {color: #1D9FD8; }


#menu-footer-submenu li {
	display: inline;
	/*margin-left: 32px;*/
	margin-left: 2rem;
 }
/* override stylinf for the contact page */

#new-footer .page-item-4{
	background: inherit;
}


.new-footer-banner {
	border-bottom:1px solid #fff;
}

.new-footer-banner_img {
	margin-left: 20px;
	margin-bottom:10px;
	margin-top:10px;
}

/* mailchimp footer signup  styles */
/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
#footer_mc_embed_signup form {display:block; position:relative; text-align:left; padding:0px 0 0px 0%}
#footer_mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#footer_mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#footer_mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#footer_mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#footer_mc_embed_signup input:focus {border-color:#0fbbff;}
#footer_mc_embed_signup .button {clear:both; background-color: #1D9FD8; border: 0 none; border-radius:4px; letter-spacing:.03em; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s;}
#footer_mc_embed_signup .button:hover {background-color:#0fbbff;}
#footer_mc_embed_signup .small-meta {font-size: 11px;}
#footer_mc_embed_signup .nowrap {white-space:nowrap;}     
#footer_mc_embed_signup .clear {clear:none; display:inline;}

#footer_mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#footer_mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; display:block; padding:0 0.4em; margin:0 4% 10px 0; min-height:32px; width:170px; min-width:130px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#footer_mc_embed_signup input.button {display:block; width:90px; margin:0 0 10px 0; min-width:90px;}

#footer_mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#footer_mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#footer_mc_embed_signup #mce-error-response {display:none;}
#footer_mc_embed_signup #mce-success-response {color:#529214; display:none;}
#footer_mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#footer_mc_embed_signup{ clear:left; font:14px Helvetica,Arial,sans-serif; }
.project-category{
	color: #1D9FD8;

}

#new-footer .footer__subscribe-btn{
        display: inline-block;
        color:#fff;
        background-color:#1d9fd8;
        border-radius: 4px;
        width: 90px;
        font-size:15px;
        letter-spacing: .03em;
        text-align: center;
        text-decoration:none;
        margin-bottom: 10px;
        padding: 5px 8px;
}

#new-footer .footer__subscribe-btn:hover{
        color:#fff;
        background-color:#0fbbff;
}


/* case studies template */
.project img.alignright {float:right; margin:1.0em 0 1.5em 1.0em}
.project img.alignleft {float:left; margin:1.0em 1.5em 1.0em 0}
.project img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.project a img.alignright {float:right; margin:1.0em 0 1.0em 1.5em}
.project a img.alignleft {float:left; margin:1.0em 1.5em 1.0em 0}
.project a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.project ul{
       list-style-type: disc;
        line-height: 1.5em;
        font-size: 1.5em;
        margin: 15px 0px 15px 40px;
}

.project li, .project li ul li {
	padding-left: 20px;
}

.project li ul {
	list-style-type: circle;
	font-size: inherit;
	margin: 10px 0px 10px 20px;
}

.project p{
	font-size: 1.4em;
	margin-bottom: 15px;

}

.project p:first-of-type{
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;

}

.project h2 {
	margin-top: 25px;
	color: #1D9FD8;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.project h3{
	font-size: 1.6em;
	color: #1D9FD8;
	font-weight: normal;
	margin-bottom: 10px;

}

.project h4{
	font-size: 1.4em;
}


.project .row p a, .project .row p a:hover, .project .row p a:visited {
        position: relative;
        text-decoration: none;
        color:#1D9FD8;
	border-bottom: none;
}

 .project .row p a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: -3px;
        left: 0px;
        background-color: #1D9FD8;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
}

.project .row p a:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
}

h2.project-related-header {
	margin: 30px 0 15px 0;
	padding-top: 15px;
	border-top: 1px solid #ccc;
}


.rel-project_box, .rel-project_box *{
	box-sizing: border-box;

}

.rel-project_box {

	position: relative;
	max-wdith:100%;
        height: auto;
        display: inline-block;



}


.rel-project_box img{
	max-width: 100%;
}

.rel-project_base {
	display:block;
}
.rel-project_box .rel-project_text {
	position: absolute;
        left: 0;
	bottom: 5%;
	color: #fff;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	background: rgba(18,149,216, 0.8);


}

.rel-project a {
	font-size:inherit;
}

.rel-project_caption {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color:#fff;
}

.project-hover, .project-hover *{
	box-sizing: border-box;
}
.project-hover-wrapper {
	margin-bottom: 10px;
}

.project-hover{
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	color: #fff;
}

        .project-hover-layer_base{
            display: block;
        }

        .project-hover img{
            max-width: 100%;
        }

        .project-hover .project-hover-layer_top {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            padding: 15px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
            transition: all 0.4s ease-in-out 0s;
        }
        .project-hover:hover .project-hover-layer_top,
        .project-hover:active .project-hover-layer_top {
            opacity: 1;
        }




        .project-hover-caption {
            position: absolute;
            top:0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            opacity: 1;
            color:#fff;
            padding: 15px;
            transition: all 0.4s ease-in-out 0s;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: rgba(0,0,0, 0.1);

        }
        .project-hover:hover .project-hover-caption, .project-hover:active .project-hover-caption{
            opacity: 0;
        }

        .project-hover-slideup {
            transform: translateY(100%);
        }

        .project-hover:hover .project-hover-slideup, .project-hover:active .project-hover-slideup{
            transform: translateY(0);
        }
        .project-hover .project-hover-text {
            text-align: center;
            font-size: 18px;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

	.project-hover-caption h2, .project-hover h3 , .project-hover h4{
		color: #fff;
		/* background: rgba(0,0,0, 0.2);
		padding: 0px 20px 0px 20px; */
	}


	.project-hover_centred {
		text-align: center;
	}

	.project-hover-caption_bordered {
		

		padding: 3px;
		border-top: solid 1px white;
		border-bottom: solid 1px white;
	}
	.project-hover_more {
		color: #1D9FD8;
	}

.post-prod ul{
       list-style-type: disc;
        line-height: 1.5em;
        font-size: 1.5em;
        margin: 15px 0px 15px 40px;
}

.post-prod li, .post-prod li ul li {
	padding-left: 20px;
}

.post-prod li ul {
	list-style-type: circle;
	font-size: inherit;
	margin: 10px 0px 10px 20px;
}

.news-container {
	display: flex;
	margin-bottom: 20px;
}

.news-card{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 10px;
}