/*
Theme Name: Triplar Default Theme
Theme URI: http://www.triplar.com/
Description: Default Triplar Theme for WordPress.
Author: Tainted Media Ltd
Author URI: http://www.taintedmedia.co.uk/
Version: 0.1
Tags: Responsive,Triplar,Theme
Copyright Triplar Ltd 2013.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
* {font-family: 'droid sans', verdana, geneva, sans-serif;}
html, body {margin:0; padding:0; width:100%;}
h1,h2,h3,h4,h5,h6 {font-family: "futura-pt", verdana, geneva, sans-serif; font-style: normal; font-weight: 500;}
h1 {font-size:30px;}
h2 {font-size:28px;}
h3 {font-size:26px;}
h4 {font-size:24px;}
h5 {font-size:22px;}
h6 {font-size:20px;}
img {border:none;}
.logo img {width:91px; height:74px;}
p,a,li,span,label {font-size:16px;}
p,h1,h2,h3,h4,h5,h6,a,li,span,label {-webkit-font-smoothing: antialiased; letter-spacing: 0.01em; line-height:1.3em;}

#content {display: block; padding:15px; background:url(images/bg-t.jpg) repeat; position:relative;} 
#underlay	{position:fixed; top:0px; left:62%; width:50%; z-index:1; height:100%; background:url(images/swirl.svg) no-repeat; max-width:675px; background-size:cover; background-position: left top; filter: gray; -webkit-filter: grayscale(1);}
#header {background: #d5dee2;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZGVlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWJmYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #d5dee2 0%, #b1bfc9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5dee2), color-stop(100%,#b1bfc9));background: -webkit-linear-gradient(top,  #d5dee2 0%,#b1bfc9 100%);background: -o-linear-gradient(top,  #d5dee2 0%,#b1bfc9 100%);background: -ms-linear-gradient(top,  #d5dee2 0%,#b1bfc9 100%);background: linear-gradient(to bottom,  #d5dee2 0%,#b1bfc9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5dee2', endColorstr='#b1bfc9',GradientType=0 ); border-bottom:2px solid #f8a21b;}

ul {list-style: none; margin:0; padding:0;}
.column-holder {display:inline-block; width:100%; position:relative; overflow:hidden; font-size:0px;}
.spacer {display:block; padding:15px;}
.column {display:inline; float:left; }
.full-column {width:100%; display:block; float:none;}
.wrapper {display:block; width:100%; max-width:1860px; margin:auto; position:relative; z-index:2;}


.column .heading {background:#2e4b5c;background:rgba(46,75,92,0.8); padding:20px; display:block; border-bottom:2px solid #f8a21b;}
.column .heading h2 {color:#ffffff; font-size:28px; margin:0; padding:0; line-height:28px;}
.column .heading p {color:#ffffff; margin:0px; font-size:14px; font-weight:100;}
.column .imageblock {display:block; line-height:0px;}
.column .imageblock img {width:100%; min-width:100%; height:auto; margin:0; padding:0; border:0;}
.column .smallimageblock {display:block; line-height:0px;height:150px; overflow:hidden;}
.column .smallimageblock img {height:100%; width:auto; margin:0; padding:0; border:0;}
.column .copy {padding:20px; background:url(images/white.png) repeat;}
.column .copy h3 {color:#2E4B5C; font-size:28px; margin-top:0px;line-height:28px; margin-bottom:20px;}
.column .copy p {color:#2E4B5C; font-size:16px; margin-top:0px;} 
.copy img {max-width:100%; height:auto; margin-bottom:5px; display:block;}
.copy li	{margin-bottom:6px;}
.column .copy a {color:#2E4B5C;}
/* Standard Columns for column layout pages - NON-HOME PAGE */
/* Assume standard 4 col max layout */
.col1 {width:25%;}
.col2 {width:50%;}
.col3 {width:75%;}
.col13 {width:33.3%;}
.col23 {width:66.6%;}
.colservice	{width:25%;}

.col2 .copy img, .col3 .copy img, .col13 .copy img, .col23 .copy img {width:100%; max-width:640px; height:auto; float:left; margin:0 20px 20px 0; display:inline; clear:both; }

.imgfix {display:inline-block;}

.case-banner {height:200px; overflow:hidden; width:100%; display:block; filter: gray; -webkit-filter: grayscale(1);}
.case-banner:hover	{filter: none; -webkit-filter: grayscale(0);}
.slim-banner {height:240px; overflow:hidden; width:100%; display:block; }
.sidebar-banner {overflow:hidden; width:100%; display:block; height:180px; background-size:cover;}

.slim-banner-slide {height:240px; width:100%; position:absolute; top:0px; left:0px;}

iframe.video {width:100%; height:300px;}

a.button {background:#e37b00; color:#ffffff!important; position:relative; padding:6px 20px; text-decoration: none!important; cursor:pointer; line-height: 1em; display:inline-block; max-width:240px;}
a.sp-button {background:#e37b00; color:#ffffff!important; position:relative; padding:6px 20px; text-decoration: none!important; cursor:pointer; line-height: 1em; display:block; max-width:240px; margin:auto;}

#slider {position:relative; width:100%; overflow:hidden;}
#slider .slide {position:absolute; top:0px; overflow:hidden; text-align: center; z-index:3; width:100%;}
#slider .slide img {width:100%; height:auto; display:inline-block;}
#slider .slide .content-overlay {position:absolute; left:50px; top:0px; background:#ffffff; z-index:4; width:43%; padding:20px; text-align: left;}
#slider .slide .content-overlay h3 {margin-top:0px;}
#slider .slide .content-overlay a.button {display:inline-block;}
#slider .slide .content-overlay h3, #slider .slide .content-overlay p {color:#718FA1;}
.nexttoslider {width:25%; float:left; display:inline;}
.nexttoslider .heading {background:#2e4b5c;background:rgba(46,75,92,0.8); padding:20px; display:block;}
.nexttoslider .heading h2 {color:#ffffff; font-size:28px; margin:0; padding:0; line-height:28px;}
.nexttoslider .copy {padding:20px; background:#ffffff;} 
.nexttoslider .copy p {color:#718fa1; font-size:16px; margin-top:0px;} 

.sliderButton {width:20px; text-align:center; height:20px; font-size:20px; padding:20px 0; top:50%; margin-top:-30px; background:#ffffff; position:absolute; z-index:6; color:#718fa1; border-radius:3px; cursor:pointer;}
.sliderButton#goLeft {left:0px;}
.sliderButton#goRight {right:0px;}

#twitter .heading {background:#4fc6f8;background:rgba(79,198,248,0.8);}
#twitter .heading img {float:left; margin:2px 8px 0 0;}
#twitter .heading a {color:#ffffff;}
#twitter .copy p.links {text-align: right; font-size:12px;}
#twitter .tweet-buttons {text-align: right; font-size:12px;}
#twitter .tweet-buttons img {display:inline; width:12px; height:12px; margin:0 10px 0px 0;}
#twitter a {color:#2E4B5C;}
#twitter .tweet {margin-bottom:20px;}
#twitter .tweet p {margin:0;}
#twitter .tweet img.avatar	{width:48px; height:48px; float:left; display:inline; margin:0 10px 10px 0;}

.signup {display:inline-block; margin-bottom:5px; width:100%;}
.signup p {margin-top:0px!important; margin-bottom:10px!important;}
.signup label {display:inline; width:60px; float:left; font-weight:100; font-size:14px;}
.signup input.field {display:inline; margin: auto; padding:4px 20px; font-size:14px; color:#718fa1; border:1px solid #718fa1; font-weight:100; float:left;-webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px;}
.signup input.button {background:#e37b00; color:#ffffff; position:relative; padding:6px 20px; text-decoration: none!important; cursor:pointer; line-height: 1em; display:inline-block; max-width:240px; border:0; font-size:16px; -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px;}

#footer {background:url(images/white.png) repeat; display:block; padding:15px; position:relative; z-index:1; border-top:2px solid #f8a21b;}
#footer p, #footer a {font-size:14px; text-decoration: none;}
#footer .footer-wrapper {width:100%; display:inline-block;}
#footer .footer-wrapper .footer-column {width:33.3%; float:left; display:inline;font-size:16px; color:#718fa1; line-height:1.5em; height:220px;}
#footer .footer-wrapper .footer-column.last .spacer {text-align: right;}
#footer .footer-wrapper .footer-column a {color:#718fa1;}
#footer .footer-wrapper .footer-column li, #footer .footer-wrapper .footer-column p {margin:0;}
#footer .footer-wrapper .footer-column h3 {color:#2e4b5c; margin:0 0 10px;}
.accreditations {display:inline-block; width:100%; margin-top:20px;}
.accreditations img {width:17.5%; float:right; display:inline; height:auto; margin-left:2.5%;}

.full-column.column .copy {padding-bottom:10px; margin-bottom:0;}

#map {width:100%; display:block; height:400px;}

.team-holder	{display:inline-block; width:100%;}
.team-container {display:inline; width:25%; float:left; display:inline;}
.team-head {display:block; margin:20px; cursor:pointer; text-align: center; padding-bottom:20px;border-bottom:2px solid #e37b00; }
.team-head img {max-width:100%; height:auto;}
.team-head h2 {color:#2E4B5C; font-size:30px; margin-bottom:10px;}
.team-head h3 {color:#2E4B5C; font-size:20px!important;font-family: 'droid sans', verdana, geneva, sans-serif;}
.team-content ul {list-style: disc; margin-left:30px;}
.team-content ul li {color:#2E4B5C; margin-bottom:8px;}
#member-focus img	{max-width:50%; width:auto; margin:0 20px 20px 0;}
#member-focus h2	{color:#E37B00; padding:0 0 12px; margin:0;}
#member-focus h3	{padding:0 0 12px; margin:0;}
#member-focus li	{color:#2E4B5C; margin-bottom:10px; font-size:16px;}

.news-heading {display:block; width:100%; height:300px; text-align:center; position:relative; overflow:hidden;}
.news-heading img {height:300px; width:auto; position:relative; margin:auto;}
.news-heading .news-overlay {position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; background:url(images/newsoverlay.png) repeat; z-index:3;}
.news-heading .news-overlay h2 {position:absolute; z-index:4; color:#ffffff; bottom:20px; left:20px; max-width:80%; margin:0;}
#pagination {display:block; background:#ffffff; margin:15px; padding:15px;}
#pagination-inner {display:inline-block; width:100%;}
#pagination .nav-previous {float:left; display:inline;}
#pagination .nav-next {float:right; display:inline;}
#pagination .nav-next a, #pagination .nav-previous a {background:#e37b00; color:#ffffff!important; position:relative; padding:6px 20px; text-decoration: none!important; cursor:pointer; line-height: 1em; display:inline-block; max-width:240px;}

.sidebar-news-list	{list-style: disc; color:#E37B00; padding:0 0 0 20px; }
.sidebar-news-list li {margin-bottom:18px;color:#E37B00; text-align: left; }
.sidebar-news-list li a {text-decoration: none;}
.sidebar-news-list li a:hover {text-decoration: underline;}
.extra-m-b {margin-bottom:15px;}

.social-icon	{width:64px; height:64px; display:inline;}
.social-icon img{width:64px; height:64px;}

#homeslider		{position:relative; top:-15px; left:-15px; display:block; margin-bottom:-30px; overflow:hidden;}
.homeslide		{position:absolute; top:0px; left:0px; width:100%; height:100%; background-size:cover; background-position:center center;}
.homeslidecopy	{position:absolute; bottom:10%; left:5%; max-width:50%;}
.homeslidecopy h1	{background:#E37B00; display:inline-block; margin:0 0 10px; padding:10px; color:#ffffff;}
.homeslidecopy p	{background:url(images/white.png) repeat; color:#2E4B5C; margin:0; padding:10px; line-height:1.6em;}
.homeslidecopy a	{text-decoration: none;}

.case-link			{text-decoration: none;}
.case-link:hover	{text-decoration: underline;}

@media (max-width:1350px) {
	#slider .slide img {width:auto; height:100%;}
}


@media (max-width:360px) {
	#slider .slide .content-overlay	{height:500px!important;}
	.team-container	{width:100%!important;}
}

@media (max-width:768px) {
	* {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	html {font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;}
	body {font-size: 100%;-webkit-text-size-adjust:none;}
	#viewport {background-color: #2e4b5c;}
	#underlay	{display:none;}
	#close-mask {display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;background-color: transparent;}
	#page {position: relative;z-index: 2;min-width: 320px;min-height: 480px;background-color: #ffffff;-webkit-transition-property: -webkit-transform;-webkit-transform: translate3d(0, 0, 0);}
	.logo {display:inline-block; float:none; padding:0 0 0 30px;} 
	body.menu-opening #page, body.menu-closing #page {-webkit-transition-duration: 200ms;-webkit-transition-timing-function: ease-in;}
	body.menu-moving #page {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select: none;}
    #page #header {display:block; width:100%; padding:30px 0; position:relative;}
    #page #header .trigger {position: absolute; z-index: 2; display: inline; float:left; width: 40px; height: 40px;background: url(images/menu.jpg) no-repeat; background-size: contain; top:30px; right:30px; }
	#menu {position: fixed;width: 200px; top: 0; right: 0; -webkit-transform: translate3d(0, 0, 0); height:100%;}
	body.menu-open #menu {overflow: scroll;-webkit-overflow-scrolling: touch;}
    #menu li {position: relative;display: block;list-style: none;min-height: 43px;line-height: 40px!important;padding: 3px 0 3px 20px;     background-color: #ffffff;border-bottom: 1px solid #eeeeee;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);font-size: 16px;color: #ffffff; -webkit-transform: translate3d(0, 0, 0);}    
    #menu li a {color:#718fa1; text-decoration:none; -webkit-transform: translate3d(0, 0, 0); width:100%; height:100%; display:block; line-height:inherit;}
    #menu li a span {color:#718fa1; -webkit-transform: translate3d(0, 0, 0);}
    #menu li.current {background-color: #2e4b5c;border-bottom: 1px solid #eeeeee;}
    #menu li.current a {color:#ffffff; text-decoration:none; -webkit-transform: translate3d(0, 0, 0); width:100%; height:100%; display:block;}
    #menu li.current a span {color:#ffffff; -webkit-transform: translate3d(0, 0, 0);}
    #menu ul.links li {margin-right:0px!important;}
    #menu ul.nav li ul, #menu ul.nav li:hover ul {display:none!important;}
    #std-menu {display:none;}
    .spacer {padding:15px 5px;}
    .column {display:block; float:none;}
    .column.quarter {margin-bottom:30px;}
    #twitter #signup {border-bottom:30px solid #718fa1; background:#ffffff; text-align: center; padding-bottom:20px;}
    #slider, #slider .slide {height:600px;}
    #slider .slide img {height:50%; line-height:0px;}
	.column.three-quarters, .nexttoslider {width:100%; display:block;}
	#slider .slide .content-overlay {position:relative; left:0px; top:-1%; width:100%; text-align: left; height:50%;}
	.sliderButton {display:none;}
	.column .imageblock {overflow:hidden; text-align: center;}
	.column .imageblock img {height:100%; width:auto; }
	.fright {margin-bottom:0px!important;}
	.quarter-holder {float:none; display:block; width:100%;}
	#footer .footer-wrapper .footer-column {display:block!important; float:none!important; width:100%!important; height:auto; margin-bottom:20px;}
	.col1,.col2,.col3,.col13,.col23 {width:100%;}
	.case-banner {height:180px; background-size:auto 180px!important;}
	.slim-banner {height:120px; background-size:auto 120px!important;}
	.news-heading {display:block; width:100%; height:150px;}
	.news-heading img {height:150px;}
	.news-heading .news-overlay {position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; background:url(images/newsoverlay.png) repeat; z-index:3; background-size:100% 100%;} 
	#pagination {margin:15px 5px;}
	.imgfix {display:block;}
	.sp-button	{text-align: center;}
	.signup	{width:100%;}
	.extra-m-b {margin-bottom:0;}
	.homeslidecopy	{left:10%; top:20px; max-width:80%;}
	.social-icon, .social-icon img{width:32px; height:32px;}
	.team-container	{width:50%}
	
}

@media (min-width:769px) {
	#viewport {background: none; overflow:hidden;}
	#close-mask, body.menu-open #close-mask, #page #header .trigger, #menu {display:none;}
	#page {position: relative; z-index: 2; width: 100%; background-color: #ffffff; font-size:0px;}
    #page #header {display:inline-block; width:100%; padding:30px 0;  position:relative; z-index:2;}
    .logo {float:left; display:inline; position:relative; padding-left:30px;} 
    #std-menu {position:relative; display:inline; float:right; padding-right:30px; margin-top:30px;}
    #std-menu ul {margin:0; padding:0; display:inline-block;}
    #std-menu ul li {float:left; display:inline; position:relative; margin-left:20px; padding-bottom:6px;}
    #std-menu ul li.current:after {background:#e37b00; position:absolute; width:100%; height:6px; left:0px; bottom:-2px; transform: skew(-20deg); -o-transform: skew(-20deg); -moz-transform: skew(-20deg); -webkit-transform: skew(-20deg); display:block; content: " "}
    #std-menu ul li.current a {color:#718fa1;}
    #std-menu ul li:hover:after {background:#718Fa1; position:absolute; width:100%; height:6px; left:0px; bottom:-2px; transform: skew(-20deg); -o-transform: skew(-20deg); -moz-transform: skew(-20deg); -webkit-transform: skew(-20deg); display:block; content: " "}
    #std-menu ul li:hover a {color:#718Fa1;}
    #std-menu ul li.current:hover:after {background:#e37b00!important;}
    #std-menu ul li a {text-decoration:none; font-size:16px; color:#ffffff;}
    #std-menu ul li.current a:hover {text-decoration:none;}
    .column.half {width:50%;}
	.column.third {width:33.3%;}
	.column.quarter {width:50%;}
	.column.quarter .heading {}
	.centered * {text-align: center;}
	#twitter #signup {padding-bottom:20px;}
	.column .copy {padding-bottom:99999px; margin-bottom:-99999px; }
	.col1 .copy, .col2 .copy, .col3 .copy, .col13 .copy, .col23 .copy {padding-bottom:20px; margin-bottom:0px; }
	.nexttoslider {width:34%;}
	.column.three-quarters {width:66%;}
	#slider, #slider .slide {height:360px;}
	.nexttoslider .copy {height: 357px;}
	.fright {float:right;}
	.quarter-holder {float:none; display:inline-block; width:100%; overflow:hidden; margin-bottom:15px;}
}

@media (max-width:890px) {
	#std-menu {margin-top:10px;}
	#std-menu ul li {margin-left:15px;}
	.column .imageblock { overflow:hidden;}
    .column .imageblock img {width:100%; height:auto}
    .col1, .col2, .col3, .col13, .col23, .colservice {width:100%!important;}
    .team-container	{width:50%}
}

@media (min-width:1024px) {
	#slider, #slider .slide {height:420px;}
	.nexttoslider .copy {height: 257px;}
	.team-container	{width:33%;}
}

@media (max-width:1200px) {
	#footer .footer-wrapper .footer-column {width:33%;}
	#footer .footer-wrapper .footer-column.last .spacer {text-align: left;}
	.col1 .copy img, .col2 .copy img, .col3 .copy img, .col13 .copy img, .col23 .copy img {float:none; display:block;}
	.col1 {width:33.3%;}
	.col3 {width:66.6%;}
	.colservice	{width:50%; margin-bottom:30px; overflow:hidden;}
	
}

@media (min-width: 1600px) {
	.column.three-quarters {width:75%;}
	.nexttoslider {width:25%;}
	.column.quarter {width:50%;}
	.quarter-holder {float:left; display:inline; width:50%; overflow:visible; margin-bottom:0px;}
	#slider .slide img {width:100%; height:auto;}
	.team-container	{width:20%;}
}