/*
	Union Direct
	===
	Palette		
	Red: #E94B39
	Cyan: #2DCBD3		(links on dark )
	Dark blue: #023F5E 	(links on white )
	Space grey: #252516 (Careers bg)
	Snow: #FAFBF6
	Grey: #989898
	
	
	Type: 
	Gentium Book Basic
	Roboto light, medium, bold
	font-family: 'Gentium Book Basic', serif;
	font-family: 'Roboto', sans-serif;
	
	h-thin: 
	sometimes h1, sometimes meta p (vacancy),
	
	Need strapline TV? 
	Strapline - serif, h2 size = .jumbo.serif 
	Article - h1 - serif, h2 size 
	Vacancy - h1 - serif, h2 size 
	Contact - Strapline - serif, h2 size. h1???
	Privacy - h1 - serif, h2 size 
	Case    - h1 - serif, h2 size 
	articles
	work, 
	
*/
:root{
	--space-grey:#252516;
	--mid-grey:#999;
	--dark-blue:#023F5E;
	--snow:#FAFBF6;
	--cyan:#2DCBD3;
}
body{	
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	/* background-color: #FAFBF6; 
	color:#999;
	*/
	background-color: var(--snow);
	color:var(--mid-grey);
	
}
body.page-negative{	
	/* background-color: #252516;*/
	background-color:var(--space-grey);
}
.content-positive{
	background-color: var(--snow);
}
.btn:focus{
	box-shadow:none; 
}

.udc-holder{
	z-index: 2000!important; 
}

.reverse p, 
.reverse li, 
.reverse a, 
.reverse h1, 
.reverse h2, 
.reverse h3, 
.reverse h4, 
.reverse h5,
.reverse h6 {
	color:var(--snow);
}

p, li{
	font-size: 16px; 
	line-height: 1.4;
	font-weight: 300; 
}
p.grande, .grande p{
	font-size: 20px;
	line-height: 1.25 	
}
.section-footer .grande{
	font-size: 24px;
	line-height: 1.25;
}
.section-footer .get-in-touch{
	margin-bottom: 30px; 
}
.find-us{
	margin-bottom: 30px; 
}
.follow-us{
	margin-bottom: 30px; 
}
p.jumbo, .jumbo p{
	font-size: 26px; 	
	letter-spacing: 2px; 
	line-height: 1.15;
	margin-bottom: 0.75em;
}

a{
	color:var(--dark-blue); 
	text-decoration: underline;
}
a:hover{
	/* Default hover ??? */
	color:#2DCBD3; 
	text-decoration: none;
}
.serif{
	font-family: 'Gentium Book Basic', serif;	
}
.sans{
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
.thin{
	font-weight: 300; 
}

h1, .h1{
	font-size: 40px; 
	line-height: 1.3;
	font-weight: 500; 
    color:var(--mid-grey);
}
h2, .h2{
	font-size: 30px; 
	line-height: 1.3;
	font-weight: 400; 	
	color:var(--mid-grey);
	font-family: 'Gentium Book Basic', serif;
}
h3, .h3{
	font-size: 30px; 
	line-height: 1.3;	
	color:var(--mid-grey);
	font-weight: 300; 	
}
h4, .h4{
	font-size: 20px; 	
	line-height: 1.3;
	color:var(--mid-grey);
	font-weight: 300; 	
}
h5, .h5{
	font-size: 18px; 
	line-height: 1.3;	
	color:var(--mid-grey);
	font-weight: 300; 
}
h6, .h6{
	font-size: 18px; 
	line-height: 1.3;
	font-weight: 300; 
	color:var(--mid-grey);
}
.body1{
	font-size: 14px; 
	font-weight: 300; 
}
.body2{
	font-size: 12px; 
	font-weight: 300; 
}
.dark, .dark p{
	color:var(--space-grey);
}
.pale, .pale p{
	color:var(--mid-grey);
}
b, strong{
	font-weight: 700; 
}

.mb-heading{
	margin-bottom: 30px; 
}

.header{
	padding-top: 30px; 
	padding-bottom: 30px; 
	margin-bottom:45px; 
}
.site-logo-link{
	position: relative;
	top: 2px; 
}
.site-logo-link img{	
	height: 18.25px
}
.site-logo-link .logo-default{	
	display: block; 
}
.site-logo-link .logo-white{	
	display: none; 
}
.site-logo-link svg{
	width: auto; 
	height: 18.25px;
	
}
.site-logo-link svg path,
.site-logo-link svg rect{transition: 0.3s; }

.site-logo-link:hover .logo-white svg path,
.site-logo-link:hover .logo-white svg rect{
	fill: #ddd;
}
.site-logo-link:hover .logo-default svg path,
.site-logo-link:hover .logo-default svg rect{
	fill: var(--space-grey);
}
.page-negative .site-logo-link .logo-default{	
	display: none; 
}
.page-negative .site-logo-link .logo-white{	
	display: block; 
}

.home-rotating-message{
	margin-bottom: 60px; 
}

.home-rotating-message .jumbo{
	color:var(--space-grey);
	font-weight: 500; 
}
.home-rotating-message p:last-child{
	margin-bottom: 0; 
}
.home-rotating-message a{
	text-decoration: none; 
}
.home-rotating-message a:hover{
	text-decoration: none; 
}
/*
#js-rotating .magenta{color:#EB00FF;}
#js-rotating .cyan{color:var(--cyan);}
#js-rotating .grey{color:var(--mid-grey);}
#js-rotating .space-grey{color:var(--space-grey);}
#js-rotating .red{color:#FB3135;}
#js-rotating .dark-blue{color:var(--dark-blue);}
*/
.newsticker{
	display: inline-block; 
	position: relative;	
	transition: 0.3s; 
	opacity: 0;
	position: relative; 
}
.faded{opacity: 0;}
.newsticker .word{
	position: absolute; 
	top: 0;
	left: -5px; 
	display: block; 
	padding: 0 0 0px;
	white-space: nowrap;
	transition: 0.4s; 
	opacity: 1; 
	transform: translateY(0);
	z-index: 10; 
}
.word a{
	display: inline-block;
	position: relative; 	
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 2px; 
	transition: 0.3s; 
	color:var(--space-grey);
}
.word a:hover{
	color:var(--dark-blue);
}
.word a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 22%;
    width: 0%;
    height: 65%;
    /* transform: translateX(-108%); */
    transition: 0.4s cubic-bezier(0.59, 0.02, 0.68, 0.19);
    transition-delay: 0.5s;     
    z-index: 0;
    background-color: var(--cyan);
}
.word.active a::before{
	/* transform:translateX(-5px); */
	width: 100%;
}
.word a span{
	z-index: 10; position: relative
}



.newsticker .word-up{
	opacity: 0; 
	transform: translateY(-12px);
	z-index: 0; 
}
.newsticker .word-down{
	opacity: 0; 
	transform: translateY(8px);
	z-index: 0; 
}


.section-home-intro-message{
	padding-top: 60px; 
	padding-bottom: 0; 
}

.divider{
	border-top: 2px solid var(--mid-grey);
}
.section-border-bottom{
	border-bottom: 1px solid var(--mid-grey);
}
.section-border-top{
	border-top: 1px solid var(--mid-grey);
}
.section-home-intro-message .divider{
	padding-bottom: 60px; 
}
.home-intro-message a{	
	text-decoration: underline; 
}

.home-intro-message p.serif{
	color:var(--space-grey);		
}
.home-intro-message .intro-detail p{
	line-height: 1.575;
}

.home-intro-message a{
	/* TBC */
	color:var(--dark-blue);
	transition: 0.4s; 
	text-decoration: none; 
	font-weight: 700; 
}
.home-intro-message a:hover{
	/* TBC */
	color:var(--dark-blue);		
}

.section-home-intro{
	position: relative; 
	padding-top: 0; 
	padding-bottom: 80px; 	
}


.id5 .hero-video{
	/* About */
	z-index: 0;    
	position: absolute; 
	left: 0;
	top: 0; 
	width: 100%; 
}
.arrow-link{
	text-decoration:none; 
	transition: 0.4s;
}
.arrow-link:hover{
	text-decoration:none; 
	color:var(--space-grey)!important;
}

.section-featured-link a{
	padding-top: 60px; 
	padding-bottom: 60px; 
	display:block;
	transition: 0.4s; 
}
.pseudo-btn{
	margin: 0 auto;
	text-align:center;
	color:var(--dark-blue);
	text-decoration: underline; 
}

.pseudo-btn.white-outline p{
	color:#fff;	
}
.section-featured-link a:hover{
	background:var(--mid-grey);
}

.section-featured-link a span,
.section-featured-page a span{	
	position:relative;
	top:0;    
	z-index: 10;
}
.section-featured-page a::before{
	/*
	content: '';
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%;
	height:100%; 
	transform:translateX(-101%);
	transition: 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); 
	z-index: 0; 
	background:#2DCBD3;
	*/
}
.section-featured-page a:hover::before{
	
}


.section-featured-link a:hover .pseudo-btn, 
.section-featured-page a:hover .pseudo-btn{	
	text-decoration: none; 
}
.section-featured-link .btn{
	color:var(--dark-blue);	
	border-color:var(--dark-blue);	
	transition: 0.4s; 	
	font-weight: 700; 
}
.section-featured-link .btn:hover{	
	color:#fff;		
	border-color:var(--dark-blue);	
}

.section-featured-page {
	background: center center / cover no-repeat; 
	padding-top: 36%;
	position: relative; 
	border-top: 1px solid var(--mid-grey);
}
.section-featured-page a{
	display: inline-block;
	transition: 0.4s;
}
.section-featured-page.no-image {
	padding-top: 34%;	
}

.section-featured-page.has-image{
	border-top: none; 
}
.section-featured-page.has-image a{
	color:#fff;
	text-decoration: none; 
	border-color:transparent;
}
.section-featured-page.has-image a:hover{
	/* background: rgba(0, 0, 0, 0.2); */
	border-color:transparent;
}
.section-featured-page a:hover p{
	color:#fff;
}
.section-featured-page .inner{
	position: absolute; 
	top: 0; left: 0; 
	display: flex; 
	width: 100%; height: 100%; 
}
.section-featured-page .btn{
	border-color:transparent; 
	color:var(--dark-blue);		
	transition: 0.4s; 	
	font-weight: 700; 	
	text-decoration: none; 
}
.section-featured-page .btn, 
.section-featured-link .btn{
	font-size: 18px;
}
.section-featured-page .btn:hover{
/*	border-color:var(--dark-blue); */
	border-color:transparent;
}
/* About us */
.id5 .section-image-header{
	background-color:var(--space-grey); 
	padding-bottom: 0; 
	margin-bottom: 0; 
	overflow:hidden; 
}
/*
.btn::before{
	content: '';
	background: #fff;
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%;
	height:100%; 
	transform:translateY(100px);
	transition: 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19); 
	z-index: 0; 
}
.btn:hover::before{
	transform:translateY(0);
}
.btn span{
	position: relative;
	z-index:10;
}
.section-featured-page .btn:hover{
	border-color:#fff;
	color:#252516;			
}

.btn.dark-blue-outline{	
	color:var(--dark-blue);		
	border-color:var(--dark-blue);	
}
.btn.dark-blue-outline:hover{
	color:#fff;		
	border-color:var(--dark-blue);		
}
.btn span{
	position: relative; 
	z-index: 10; 
}
.btn.dark-blue-outline:hover span{	
	color:#fff
}
.btn.dark-blue-outline:hover::before{
	background: var(--dark-blue);
}
.btn.dark-blue-outline:hover::before{	
}
*/
.btn.cyan-outline{}
.btn.slate-grey-outline{}
.btn.white-outline{
	
	
}
.btn.white-outline:hover{	
}
.page-negative .btn{
	color:#fff;
	border-color:#transparent
}
.page-negative .btn:hover{
	border-color:#fff;
}

section.reverse{
	background: var(--space-grey);
}

.section-home-promo{
	padding-bottom: 60px; 
	border-bottom: 1px solid var(--mid-grey);
}

/*
.arrow-link{
	position: relative; 	
	padding-right: 30px; 
}
.arrow-link .icon{
	position: absolute; 	
	top:6px; 
	right: 0; 
}
*/

/* Footer */
.section-footer {
	border-top: 1px solid var(--mid-grey);
	padding-top: 60px; 
	padding-bottom: 60px; 
}	
.section-footer p{
	color:var(--mid-grey);
}
.section-footer a{
	color: var(--mid-grey);	
	transition: 0.4s; 
	text-decoration:none; 
}
.section-footer a:hover{
	text-decoration: none; 
	color: var(--space-grey);
}
.page-negative .section-footer a:hover{
	color: #fff;
	border-color:#fff;
}

.footer-nav ul{
	margin: 0; 
	padding: 0; 
}
.footer-nav li{
	display: block; 
}
.footer-nav a{
	padding: 5px 0; 
	display: inline-block; 
	color: var(--mid-grey);
	font-weight: 700; 
	transition: 0.4s; 
	text-decoration:none; 
}
.footer-nav a:hover{
	text-decoration: none; 
	color: var(--space-grey);
}
.column-heading, .copyright p{
	font-weight: 300; 
	font-size: 12px;
	color:var(--mid-grey);
}
.copyright{
	
}
.h-thin{
	font-weight: 300; 
	font-size: 18px;	
}
.breadcrumbs{
	font-weight: 300; 
	font-size: 18px;	
	color:var(--mid-grey);
	margin-bottom: 30px; 
}
.breadcrumbs a{
	color:var(--mid-grey);
	transition: 0.4s; 
}
.breadcrumbs a:hover{
	color:var(--dark-blue);
}

.slider-controls-outer {
    width: 100%;
}
.slider-controls a {
    color: var(--mid-grey);	
	font-size: 32px; 
    transition: .4s;
	text-decoration: none;     
	float: left; 
}
a.nxt {
    position: relative;    
	/* left: -40px;  */
}
a.prv svg{
	/*
	transform: rotate(180deg);
	transform-origin: center; 
	*/
}

.slider-controls a:hover {
    /* background: #fff; */
}
.slider-controls a:hover {
	color:var(--space-grey);
}
.section-news-carousel{
	padding-top: 45px; 	
	padding-left: 15px; 
	overflow:hidden;
}


.section-news-carousel .owl-stage-outer {    
	margin-right: calc((100% )/ -2);
}	
.section-news-carousel .slider-controls a:hover {
	color:#777;
}
.slider-controls-mobile{
	display: block; 
}
.slider-controls {
	margin-top: 65px; 
}
.slider-controls-outer {
    width: auto;
    display: inline-block;
}

.owl-carousel .owl-stage-outer{
	overflow: hidden;
}

.slide{
 overflow: hidden;
}
 .section-news-carousel .slide{
	width: 300px; 
}
.news-slide a{
	text-decoration: none; 
}
.news-slide h3{
	color:var(--mid-grey);
}
.news-slide .slide-body{
	padding-top: 30px; 
	padding-left: 15px; 
}

.news-slide .slide-body p{	
	color:#2DCBD3;
	text-decoration: none;		
}
.news-carousel .news-slide .slide-body p{
	font-weight: bold; 	
}
#news .news-slide .slide-body p,
.siblings .news-slide .slide-body p{
	color:var(--dark-blue);
}

.section-news-carousel .news-slide a:hover p span{
	color:#fff;
}


.news-slide a:hover{	
	color:var(--snow);
	text-decoration: none;
}
.news-slide a:hover p::before{
	width: 100%; 
}

.hilite {
	display:inline-block; 
	position:relative;
	padding:0 5px; 
	left: -5px; 	
}
.text-center .hilite{
	left: 0;
}
.hilite::before{
	content: '';
	position: absolute; 	
	top: 22%; 
	left:0; 
	width: 0;
	height:58%; 	
	transition: 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); 
	z-index: 0; 
	background:#2DCBD3;
}
.hilite span{
	z-index: 10; 
	position: relative;
	transition-delay:0.2s; 	
}
a:hover .hilite::before{
	width: 100%; 
}
a.hilite:hover::before{
	width: 100%; 
}
a:hover .hilite span,
a.hilite:hover{
	color:var(--space-grey);
}

a .hilite,
a.hilite{
	text-decoration: none; 	
}
.panel-img{
	position: relative; 
}
.panel-img::before{
	position: absolute;
	top: 0; 
	right: 0; 
	height:100%; 
	content:'';
	background-color: var(--snow);
	width: 100%;		
	transition: width 0.8s cubic-bezier(0.4, 0, 1, 1);
	transition-delay: inherit;
}
.section-news-carousel .panel-img::before{
	background-color: var(--space-grey);
}
.animated .panel-img::before {
	width: 0;
}    

.panel-work .panel-body{
	opacity: 0;	
	transition: 1s;
	transition-delay: 0.4s;
	transform: translateY(50px);
}
.panel-work.animated .panel-body{
	opacity: 1;	
	transform: translateY(0);
}
.panel-work .panel-tags{
	opacity: 0;	
	transition: 1s;
	transform: translateY(100%);
}
.panel-work.animated .panel-tags{
	opacity: 1;	
	transform: translateY(0);
}
.case-sibling-link-wrapper .panel-body{
	opacity: 0;	
	transition: 1s;
	transition-delay: 0.4s;
	transform: translateY(50px);
}

.news-slide .slide-body {
	opacity: 0;	
	transition: 1s;
	transition-delay: 0.4s;
	transform: translateY(50px);
}
/*  */
.animated .slide-body {
	opacity: 1;	
	transform: translateY(0);
}
.case-sibling-link-wrapper.animated .panel-body{
	opacity: 1;	
	transform: translateY(0);
}
.section-worldwide{
    min-height:500px;
    position:relative;
    overflow:hidden;
}
.section-worldwide a.hilite{
	text-decoration: none; 
	padding: 3px 5px 3px; 
}

.img-offscreen{
    position:absolute;
    top:0;
    right:-200px;
    width:400px;
    height: 400px;
    margin-top: 50px;
    background: url('/assets/media/images/about/WWP.png') center center / contain  no-repeat;
}




/* Buttons */
.btn{
	border-color: var(--mid-grey);
	border-radius: 0; 	
	position: relative; 
	overflow: hidden;
}
.btn-lg{
	border-width: 2px;
	padding: .375rem 1rem;
}


/* Work */
.work-container{
	padding-top: 60px; 
	padding-bottom: 60px; 
}

.filter a{
	border:1px solid var(--dark-blue);
	color:var(--dark-blue);
	padding: 0.5rem 3.5rem 0.5rem 2rem;
	display: block; 
	height: 100%; 
	width: 100%; 
	position: relative; 
	font-weight: 500; 
	font-size: 20px; 
}
/*
.filter span{
	position: absolute; 
	top: 0.5rem; 	
	right: 0.75rem; 
	font-size: 25px; 
	color:var(--dark-blue);
}
*/
.tag-filters{
	width: 100%;
	padding-left: 25px;
	padding-right: 25px; 
}
.tag-filters .col{
	padding: 0 5px;
}
.tag-filter{
	display: inline-block;
	border:1px solid var(--dark-blue);
	padding: 0.5em 2em;
	margin-bottom: 5px;
	text-decoration: none; 
	font-size: 12px; 
	font-weight: 700; 
	width: 100%; 
	text-align:center;
}
.tag-filter:hover, .tag-filter.active{
	border:1px solid var(--dark-blue);
	background:var(--dark-blue);
	color:#fff;
}
.panel-work{
	margin-bottom: 45px;
}
.panel-img{
	padding-top: 66.6%;
	background-position: center center; 
	background-repeat: no-repeat;	
	background-size: cover; 
	transition: 0.5s ease-in-out;
}
a:hover .panel-img {
	transform: scale(1.03);
}
.panel-service .panel-img{
	padding-top: 48%;
}
.panel-work a{
	display: block; 
	transition: 0.4s; 
	font-weight: 500; 
	text-decoration: none;
}
.panel-work a:hover{
	text-decoration: none;	
	color:var(--space-grey);
}
.panel-body{
	padding-top: 30px; 
}
.panel-tags{
	
}

.panel-body p{
	color:var(--mid-grey);
	transition: 0.4s; 
}
.panel-body p.more {
	display: inline;
	color:var(--dark-blue);
}
.panel-body p span{
	position: relative;
	z-index: 10; 
}
.panel-work a:hover p{
	color:var(--dark-blue);
}
.tags span{	
	display: inline; 
	font-size: 14px; 
	color:var(--mid-grey);		
	font-weight: 700;
}
.tags a{
	transition: 0.4s; 	
	display: inline; 
	font-size: 14px; 
	color:var(--dark-blue);	
	text-decoration: none; 
}
.tags a:hover{	
	color:var(--space-grey);
	text-decoration: underline; 
}

.template10 .page-intro-container,
.template11 .page-intro-container{
	/* contact, about */
	padding-top: 60px; 	
}
.page-intro-container p:last-child{
	margin-bottom: 0; 
}

.service-panel{
	padding-bottom: 60px; 
}
.service-panel-heading{
	font-weight: 300; 
	padding-top: 45px; 
	padding-bottom: 45px; 	
	margin: 0; 
}
.service-panel-heading a{
	color:var(--mid-grey);
	text-decoration: none; 
	transition: 0.4s; 
}
.service-panel-heading a:hover{
	color:var(--dark-blue);
	text-decoration: underline; 
}
.service-panel .service-panel-link{
	/* 
	color:var(--dark-blue);	
	padding-top: 30px; 
	transition: 0.4s; 	
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
	*/
}
.service-panel .service-panel-link:hover{	
}

.template1 .content-area{
	padding-bottom: 60px; 
}

.section-image-header{
	background: center center / cover no-repeat;
	padding-top: 45%;
	position: relative;
}

.section-image-header .header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	padding-bottom: 120px; 
}
.template10 .section-image-header .header{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#252516+0,252516+59,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(37,37,22,0.65) 0%, rgba(37,37,22,0.27) 59%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(37,37,22,0.65) 0%,rgba(37,37,22,0.27) 59%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(37,37,22,0.65) 0%,rgba(37,37,22,0.27) 59%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6252516', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.section-padding{
	padding-top: 45px;
	padding-bottom: 45px;
}

.raised-panel{
	/*
	position: absolute; 
	bottom: -100px; 
	left: 0; 
	z-index:100; 
	
	*/
	width: 100%; 
}

.raised-panel-image{
	background: center center / cover no-repeat; 	
	height: auto; 
}	

.id9 .raised-panel{
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 0; 
	z-index:1;
	width: 100%; 
}
.id9 .raised-panel .col{
	margin: 0 15px; 
}
.id9 .raised-panel-image{	
	/* Contact */
	height: 160px; 	
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;	
}
.id9 .content-area em{
    color:#fff;
    font-style: initial;
}
.id9 .content-area .jumbo{
    color:#fff;
} 
.template11 .raised-panel-image{
	/* About us*/
	background: var(--snow); 
	padding:15px 30px 5px; 	
	display: flex; 
}

.template11 .raised-panel-image .row{
	margin-top: auto; 
	margin-bottom: auto;
}

.content-area.nudge{
	padding-top: 0;
}
.id9 .content-area, .contact-content-area{
	position: relative; 
	z-index: 10; 
}
.id9 .content-area.nudge{
	/* Contact */
	position: relative; 
	padding-top: 80px;
}
.client-logos {
	padding-top: 45px; 
	padding-bottom: 45px; 		
}

.client-logos img{
	max-width: 100%;
}


.section-our-values{
	padding-top: 60px; 
	padding-bottom: 60px; 
}
.section-testimonials{
	padding-top: 60px; 
	padding-bottom: 90px; 
}

.section-culture{
	padding-top: 60px; 
	padding-bottom: 60px; 
}
.culture-slide{
	width:220px; 
}
.culture-body{
	padding-top: 45px; 
	padding-bottom: 45px; 
}
.quote-slide .slide-body{
	text-align: center; 	
}
.quote-slide .quote p{
	font-size: 24px; 
	line-height: 1.3;
	font-family: 'Gentium Book Basic', serif;
	font-style: italic; 	
}
.quote .quote-block p{
	font-size: 22px; 
	line-height: 1.3;
	font-family: 'Gentium Book Basic', serif;
	font-style: italic; 	
}
.template4 .quote p{
	text-align:center; 
	color:var(--space-grey);
}

.quote-col p:last-child {
    margin-bottom: 0;
}
.quote-block{
	margin-bottom: 30px; 
}

.callout p{
	font-size: 25px; 
	line-height: 1.4;
	color:var(--space-grey);
}
.quote-slide .quote{
	margin-bottom: 12px; 
}
.source{
	font-size: 15px; 
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px; 
}
.org{
	font-size: 15px; 		
	line-height: 1.4;		
}

.owl-dots{
	position: absolute; 
	width: 100%; 
	text-align:center;
}
.testimonials-carousel .owl-dots{	
	bottom: -30px; 	
}
.owl-dot{
	display: inline-block;
	margin: 0 auto; 
}
.owl-dot span{	
	width: 15px;
	height: 15px;
	display: inline-block;
	border-radius: 20px;
	transition: 0.4s;
	margin: 0 6px; 
}
.testimonials-carousel .owl-dot span{
	border:1px solid #fff;	
}
.testimonials-carousel .owl-dot.active span{
	background: #fff;
}

.social-links a{
	display: inline-block;
	width: 50px; 
	height: 50px; 
	line-height: 50px; 	
	border-radius: 50px; 
	color:var(--mid-grey);
	margin-right: 10px; 
	margin-top: 10px; 
	text-align: center;
    font-size: 20px;
	color:var(--mid-grey);
	transition: 0.4s; 
	padding: 0; 
	position: relative; 
}
.content-area .social-links a{
	border: 1px solid var(--mid-grey);
}
.content-area .social-links a:hover{	
	border-color: var(--space-grey);
	background-color: var(--space-grey);
	color:var(--snow);	
}
.social-links span{
	display: inline-block;
}
.social-links .icon-fb i{
	position:relative;
	top:-1px;
}
.social-links .icon-li i{
	position:relative;
	top:-2px;
}
.social-links .icon-insta i{
	position:relative;
	top:-1px;
}

.icon-social span{
	position: absolute; 
	top: 0;
	left: 0; 
	width: 50px; 
	height: 50px; 
	background-position: center center; 
	background-size: 200%;  
	background-repeat: no-repeat; 
}
.icon-social span{
	transition: 0.3s; 
}
.icon-social a:hover .active{
	opacity: 1; 
}
.icon-social a:hover .default{
	opacity: 0; 
}
.icon-social .active{
	opacity: 0; 
}
.icon-social .default{
	opacity: 1; 
}
.section-group{
	padding-top: 60px; 
	padding-bottom: 60px; 
}
.section-group ul{
	list-style: none; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	width: 100%; 
}
.section-group ul a{	
	font-size: 25px; 
	font-family: 'Gentium Book Basic', serif;
	color:var(--snow);		
	transition: 0.4s;
	margin: 0 0 8px; 
}
.section-group ul a:hover{
	color:var(--snow);
}
.group-heading{
	margin-bottom: 50px; 
}

.section-worldwide{
	padding-top: 45px; 
	padding-bottom: 45px; 	
}

.section-featured-post{
	padding-top: 45px; 
	padding-bottom: 45px; 
}

.section-featured-post .icon-external{
	font-size: 12px;
	position: relative;
	top: -4px;
}

.news-outer {
    position: relative;
    min-height: 100px;
    opacity: 1;
    transition: .4s
}
.news-outer.loading {
    opacity: .4
}

.news-outer.loading-more {
    opacity: .4
}

.news-outer .news-slide{
	margin-bottom: 45px; 
}

.spinner {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    height: 50px;
    transition: .5s;
    font-size: 40px;
	z-index: 1000; 
}

.loading .spinner {
    visibility: visible;
    opacity: 1
}

.issue-number{
	color:var(--mid-grey);
	font-size: 13px; 
	text-align: center; 
}

.meta-author{
	text-align:left;
}
.meta-date{
	text-align:left;
}
.contact-content-block {
	color:#fff;
	margin-bottom: 45px; 
}
.content-area .contact-content-block  p{
	color:#fff;
}
.contact-content-block .panel-heading{
	color:var(--mid-grey);
	margin-bottom: 20px; 
}

.section-vacancies{
	padding-top: 60px; 
	padding-bottom: 60px;
}

.vacancy-row:first-child{
	border-top: 1px solid var(--mid-grey);
}
.vacancy-row a{
	padding-top: 45px;
	padding-bottom: 45px; 
	border-bottom: 1px solid var(--mid-grey);
	font-weight: 300; 
	text-decoration: none; 
	display:block;
}
.vacancy-row a{
	
}
.vacancy-row a .vac-sal,
.vacancy-row a .vac-status  {
	color:var(--mid-grey);
}
.vacancy-row{
	font-size: 28px; 
	color:var(--mid-grey);
}
.vac-role{
	color:#fff;
}
.arr{
	color:#2DCBD3;
	transition: 0.4s; 
	transform: translateX(0);
	text-decoration: none; 
	display:block;
}
.vacancy-row a:hover .arr{
	color:#fff;
	transition: 0.4s; 
	transform: translateX(2px);
}

.section-vacancy-signoff{	
	padding-top: 90px; 
	padding-bottom: 60px; 
}
.section-careers-intro{
	padding-top: 60px; 
	padding-bottom: 60px; 
}



.sibling-link-wrapper {
    padding-top: 76%;
    position: relative
}

.sibling-direction{
	position: absolute; 
	top: 10px; 	
	color:#fff;
	text-transform: uppercase;
	font-size: 14px; 
}
.sibling-direction.Previous{
	left: 10px; 
}
.sibling-direction.Next{
	right: 10px; 	
}

.sibling-link-wrapper a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    text-decoration: none
}

.sibling-link-body {
    margin: auto 0;
    padding: 25px
}

.sibling-link-inner {
    background: rgba(0,0,0,.4);
    height: 100%;
    width: 100%;
    display: flex;
    transition: .4s
}
.sibling-link-wrapper a p,
.sibling-link-wrapper a *  {
    color: #fff
}

.sibling-link-wrapper a:hover .sibling-link-inner {
    background: rgba(0,0,0,.2)
}

.siblings .slide{
	margin-bottom: 45px; 
}

.section-stats{
	padding-top: 45px; 
	padding-bottom: 45px; 
}

.panel-stat {
	text-align: center; 
}
.panel-stat .inner{	
	height: 100%; 
}
.panel-stat.first .inner{
	border-left: none;	
}
.panel-stat .figure{
	font-weight: 500; 
	margin-bottom: 5px; 
}
.panel-stat .caption{
	font-size: 16px; 
	color:var(--mid-grey);
}

.section-services{
	padding-top: 60px; 
}

.main-page-heading{
	margin-bottom: 30px; 
}

.page-lead{
	padding-top: 60px;
}
.page-lead p:last-child{
	margin-bottom: 0; 
}
.page-lead .divider{
	margin-top: 60px;		
}

.section-service-panels{
	padding-top: 60px; 
	padding-bottom: 60px; 
}

.tag-selector-outer{	
	position: relative;
    width: 315px;
}
.tag-selected svg, .tag-selected i{
	position: absolute;
    right: 10px;
    top: 7px;
    transition: .2s;
    color: var(--dark-blue);
}
.tag-selector-outer li a.disabled {
    color: var(--mid-grey);    
    cursor: default;
}
.open .tag-selected svg {
    transform: rotate(180deg);
	color:#fff;
}

.tag-selected{
	font-weight: 700;
	display: block; 
}
.tag-selector-outer ul{
	position: absolute; 
	top: 100%; 
	left: 0; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	z-index: 100; 
}
.tag-selector{
	border: 2px solid var(--dark-blue);
    padding: 10px;	
	display: block;
	cursor: pointer;
	transition: 0.3s; 
	color:var(--dark-blue);
}
.open .tag-selector{
	background: var(--dark-blue);
	color:#fff;	
}

.tag-selector-outer li{
	list-style: none;
    float: left;
    width: 100%;
    margin: 0;
}
.tag-selector-outer li a {
    display: block;
    font-size: 14px;
    padding: 10px 12px;
    color: #fff;
    font-family: 'BrandonPrinted-One', sans-serif;
    transition: .4s;
    text-decoration: none;
    white-space: nowrap;
    background: var(--dark-blue);
    font-weight: 700;
}

.news-container{
	padding-top: 60px; 
	padding-bottom: 60px;
}

.contact-content-area{
	padding-top: 60px; 
	padding-bottom: 60px; 
}

.contact-address{
	padding-top: 60px; 
	border-top: 1px solid var(--mid-grey);
}
.contact-address p:last-child{
	margin-bottom: 0; 
}

.case-carousel .owl-stage-outer {    
	margin-right: calc((100% )/ -2);
}	
.case-slide .slide-body{
	padding: 0 45px;    
}
.case-slide{
	width: 300px; 
}
.case-slide p{
	font-size: 18px;
	line-height: 1.4;
}
.case-slide a{
	text-decoration: none; 
}
.case-slide a:hover{
	color:var(--space-grey);
}
.case-slide .case-heading{
	margin-top: 30px; 
	/* margin-bottom: 30px; */
	color:var(--mid-grey)!important;
	text-decoration: none; 
}
.case-slide .case-link{
	margin-top: 15px; 
	margin-bottom: 15px; 
	text-decoration: none; 
}
.case-slide .case-more{
	font-weight: 700; 
}

.case-slide .case-slide-img img {
	transition: 0.3s ease-in-out;
}
.case-slide a:hover .case-slide-img img{
	transform:scale(1.05);
}
.section-case-meta{
	padding-bottom: 60px; 
}
.case-meta-heading{
	font-size: 18px; 
	font-weight: 300;
	color: var(--mid-grey);
	margin-bottom: 12px; 
}

a.case-meta-website{
	/* color:var(--mid-grey); */
	color:var(--dark-blue);		
	text-decoration: none; 
}
a.case-meta-website:hover{
	color:var(--dark-blue);
	text-decoration: none; 
}

.section-siblings{
	border-top: 1px solid var(--mid-grey);
	padding-top: 60px; 
}
.section-siblings .siblings{
	padding-top: 60px; 
	padding-bottom: 60px; 
}
.case-sibling-link-wrapper a{
	text-decoration: none; 
}
.case-sibling-link-wrapper .panel-body{
	transition: 1s; 
	text-decoration: none; 
	color:var(--mid-grey);
}
.case-sibling-link-wrapper a:hover .panel-body 	{
	text-decoration: none; 
	color:var(--dark-blue);
}

.content-block:first-child{
	margin-top: 60px; 
} 
.grid-full{padding: 5px; }
.grid-half{padding: 5px; }
.grid-third,
.grid-quarter{padding: 5px; }
.grid-full img, 
.banner-image-outer img{
	width: 100%; 	
}

.banner-image-outer{
	transition: 1s;
	background:#eee;
	transform: translateY(10px);
}
.banner-image-outer img{
	opacity: 0; 
	transition: .5s;
}
.banner-image-outer.loaded{
	transform: translateY(0);
}
.banner-image-outer.loaded img{
	 opacity: 1; 
	
}
.section-case-carousel{
	margin-bottom: 0; 
}
.case-study-banner{
	margin-bottom: 60px; 
}
.mb-section{
	margin-bottom: 60px; 
}

.template4 .page-intro-container{
	margin-bottom: 60px; 
} 
.case-tags{
	list-style: none; 
	margin: 0;
	padding: 0; 
}
.case-tags li{
	list-style: none; 
	margin: 0 0 6px 0;
	padding: 0; 
	font-size: 14px; 
}

.case-tags li a{
	transition: 0.4s; 
	color:var(--dark-blue);
	font-weight: 700; 	
	text-decoration: none; 
}
.case-tags li a:hover{
	text-decoration: none; 
	color:var(--space-grey);
}

.case-meta h1{
	font-size: 22px; 
	color:var(--mid-grey);
	font-weight: 700; 
}
a.case-meta-website h1{
	color:var(--dark-blue);
}

.panel-stat .inner{
	padding: 0 15px; 		
}

.section-office-map{
	position: absolute; 
	top:0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
}
.page-intro-container .divider{
	margin-top: 45px;		
}

.load-more a{	
	text-decoration: none; 
	color:var(--dark-blue);
	transition: 0.4s; 
	border-radius: 0;
	font-weight: 700; 
	font-size: 18px;
	padding: .5rem 1.5rem;
}

.template12 .banner-image-outer, 
.template13 .banner-image-outer, 
.template6 .banner-image-outer,
.template7 .banner-image-outer	{
	margin-top: 60px; 
}

.template8 .content-area{
	margin-bottom: 60px; 
}


.img-holder{
	overflow:hidden;
}

/*
	*************
	Media queries 
*/

@media (max-width: 1200px) {	
	.case-sibling-link-wrapper{
		margin-bottom: 30px; 
	}
	.section-featured-page .btn{
		border-color:transparent; 
	}
	.section-featured-page .btn.white-outline{
		
	}
	
	.filter{
		/* Work */
		margin-top: 15px;	
		margin-left: 15px; 		
	}		
	.tag-filters{
		margin-top: 15px; 
	}		
	.slider-controls-outer {
		display:none;
	}
	
	.client-logos .row{
		margin: 0; 
	}
	.client-logos .col{
		padding: 0; 
	}
}

@media (max-width: 992px) {	
	.meta-author{
		
	}
	.meta-date{
		
	}
	.case-tags li {
		display: inline-block;
		font-weight: 700;
	}
	.template11 .raised-panel-image .lhc{
		padding-bottom: 15px;
	}

	.case-meta-heading.what-we-did {
		margin-top: 16px; 
	}
	 .section-case-carousel  .owl-stage-outer {
		padding-left: 15px; 
	}
	.section-news-carousel .news-slide .panel-img {
		/* background-size: 100% 156%;  */
	}
	.section-news-carousel .news-slide a:hover .panel-img {
		/* background-size: 103% 159%;  */
	}
	
}
@media (max-width: 768px) {	
	.udc-toggle {				
		height: 48px!important;		
		padding: 8px 8px!important;		
	}
	.case-meta-heading {
		margin-bottom: 6px; 
	}
	
}
@media (max-width: 560px) {
	.section-featured-page .btn{		
	}
}



	
@media (min-width: 768px) {
	.open #bgVideo{		
		padding: 15px; 		
	}
	.section-padding{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.section-featured-page.no-image {
		padding-top: 26%;	
	}
	
   
}



@media (min-width: 992px) {
	.site-logo-link{		
		top: 8px; 
	 }
	.case-slide .case-heading{
		margin-top: 45px; 		
	}
	.case-slide .case-link{
		margin-top: 30px; 
		margin-bottom: 30px; 
	}	 
	 
	.news-outer .news-slide{
		margin-bottom: 90px; 
	}
	
	.template8 .breadcrumbs, 
	.template8 h1{
		text-align:center; 
	}
	.section-news-carousel .panel-img{
		padding-top: 100%;		
	}
	
	
	
	
	.contact-address{
		padding-top: 20px; 		
	}
	.header{		
		margin-bottom:60px; 
	}
	.section-group{
		padding-top: 90px; 
		padding-bottom: 90px; 
	}	
	
	
	h1, .h1{
		font-size: 50px; 
		line-height: 1.4;		
		
	}
	h2, .h2{
		font-size: 40px; 
		line-height: 1.3;
		
	}
	h3, .h3{
		font-size: 24px; 
		line-height: 1.3;		
	}		
	.section-featured-page.no-image {
		padding-top: 24%;	
	}
	.panel-stat .inner{
		border-left: 1px solid var(--mid-grey);
		padding: 0 15px; 		
	}
	.grid-full img, 
	.grid-half img, 
	.grid-third img,
	.grid-quarter img	{
		width: 100%; 
	}
	
	p.grande, .grande p{
		font-size: 28px; 
		line-height: 1.25;
	}
	.section-footer .grande{
		font-size: 28px;
		line-height: 1.25;
	}
	.case-slide{
		width: 750px; 
	}
	.panel-work{
		margin-bottom: 90px;
	}
	
	/* About us */
	.id5 .section-image-header{
		padding-bottom: 240px; 		
	}
	.raised-panel{
		position: absolute; 		
		left: 0; 
		z-index:100; 
		width: 100%; 
	}
	.raised-panel-image {
		background: center center / cover no-repeat;
		height: 240px;
	}
	
	.id9 .raised-panel-image{	
		height: 240px; 
		top: -120px; 		
	}
	
	.content-area.nudge{
		padding-top: 0;
	}
	.id9 .content-area.nudge{		
		padding-top: 120px;
	}
	
	.template11 .page-intro-container{
		/* contact, about */
		padding-top: 60px; 		
	}	
	.section-news-carousel .slider-controls{
		opacity:0;
		transition: 0.4s;
	}
	.section-news-carousel:hover .slider-controls{
		opacity:1;		
	}
	.section-home-intro{		
		padding-top: 0; 
		padding-bottom: 120px; 	
	}
	
	.section-featured-page .btn, 
	.section-featured-link .btn{
		font-size: 26px;
	}
	.section-featured-page a span{			
		top:-1px;
	}
	
	.client-logos img{
		max-width: 90%;
	}
	.section-video-panel video{
		cursor: url('/system/template/img/cursor-play.png'), auto;
	}
	.section-video-panel.playing video{
		cursor: url('/system/template/img/cursor-pause.png'), auto;
	}
	
	.quote .quote-block p{
		font-size: 24px; 
	}
	p.grande, .grande p{
		font-size: 22px;		
	}
	
   
}

@media (min-width: 1200px) {	
	
	.template11 .page-intro-container{
		/* contact, about */
		padding-top: 110px; 		
	}

	.mb-heading{
		margin-bottom: 60px; 
	}
	
	p, li{
		font-size: 22px; 
		line-height: 1.4;	
	}
	p.grande, .grande p{
		font-size: 35px; 	
	}
	.section-footer .grande{
		font-size: 35px;
		line-height: 1.25;
	}
	.section-footer .get-in-touch{
		margin-bottom: 45px; 
	}
	.find-us{
		margin-bottom: 65px; 
	}
	.follow-us{
		margin-bottom: 60px; 
	}
	p.jumbo{
		font-size: 60px;		
	}
	.home-rotating-message{
		margin-bottom: 100px; 
	}
	.home-rotating-message p.jumbo{
		letter-spacing: 3.3px; 
	}
	.section-home-intro-message{
		padding-top: 90px; 
		padding-bottom: 0; 
	}
	
	.home-intro-message p.jumbo{
		font-size: 50px; 			
		line-height: 1.25;
	}
	

	.header{
		padding-top: 60px; 
		padding-bottom: 30px; 
		margin-bottom:60px; 
	}

	.section-footer {
		padding-top: 120px; 
		padding-bottom: 90px; 
	}	
	h1, .h1{
		font-size: 70px; 
		line-height: 1.4;		
	}
	h2, .h2{
		font-size: 50px; 
		line-height: 1.3;		
	}
	h3, .h3{
		font-size: 50px; 
		line-height: 1.3;		
	}
	.content-area h3, .content-area .h3{
		font-size: 40px; 
	}
	
	h4, .h4{
		font-size: 35px;
		line-height: 1.3
	}
	h5, .h5{
		font-size: 28px;
		line-height: 1.3;		
	}
	h6, .h6{
		font-size: 22px;
		line-height: 1.3;		
	}
	.body1{
		font-size: 22px; 
		font-weight: 300; 
	}
	.body2{
		font-size: 18px; 
		font-weight: 300; 
	}
	.description{
		font-size: 12px; 		
	}
	.section-padding{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-featured-link a{
		padding-top: 90px; 
		padding-bottom: 90px; 
	}
	.work-container{	
		padding-top: 110px; 
		padding-bottom: 60px; 
	}
	.template12 .banner-image-outer, 
	.template13 .banner-image-outer, 
	.template6 .banner-image-outer,
	.template7 .banner-image-outer	{
		margin-top: 110px; 
	}
	.template4 .page-intro-container{
		margin-bottom: 110px; 
	} 
	
	.container-extended{
		max-width: 1170px;
	}
	.work-container .row{
		/* margin: 0 -30px;  */
	}
	.section-news-carousel{
		padding-top: 60px; 	
	}
	.service-panel .service-panel-link{		
		/* padding-top: 60px; 		 */
		margin-top: 40px; 
	}
	.section-featured-link a span,
	.section-featured-page a span{	
		position:relative;
		top:-2px
	}	
	
	
	.section-news-carousel{
		padding-top: 90px; 
	}
	
	.section-news-carousel .slide{
		width: 450px; 
	}
	.slider-controls-mobile{
		display: none; 
	}
	.slider-controls {
		display: block; 
	}	
	.slider-controls a {
		font-size: 0px; 
		width: 40px; 
		height: 21.5px; 		
	}
	.slider-controls a .st0{
		transition: 0.4s; 
	}
	.slider-controls a:hover .st0{
		fill:var(--space-grey);
	}
	.reverse .slider-controls a:hover .st0{
		fill:#fff;
	}
	.content-carousel .owl-stage-outer {    
		margin-right: calc((100% )/ -2);
		margin-left: 15px; 
	}	
	.culture-carousel .owl-stage-outer {    
		margin-right: calc((100% )/ -2);
	}	
	.section-home-promo{
		padding-bottom: 120px; 
	}
	.section-home-latest{
		padding-top: 120px; 
		padding-bottom: 120px; 
		overflow: hidden;		
	}
	.section-our-values{
		padding-top: 150px; 
		padding-bottom: 120px; 
	}
	.panel-work{
		padding-left: 0; 
		padding-right: 7px; 
	}
	.template7 .panel-body p{
		font-size: 18px; 
	}
	.panel-work.alt{
		padding-left: 7px; 
		padding-right: 0; 
	}
	.panel-body{
		/* work/news content panel */
		padding-left: 60px; 
		padding-right: 60px; 
	}	
	.panel-tags{
		padding-left: 60px; 
		padding-right: 60px; 
	}
	
	.raised-panel{
		position: absolute; 
		bottom: -160px; 
		left: 0; 
		z-index:100; 
		width: 100%; 
	}
	.id9 .raised-panel{		
		/* contact */
		top: 0; 
	}
	/* About us */
	.id5 .section-image-header{
		padding-bottom: 320px;
	}
	
	.template11 .raised-panel{bottom: 0; }
	.template11 .raised-panel .lhc {
		padding-left: 45px; 
	}
	.template11 .raised-panel .rhc {
		padding-left: 0; 
		padding-right: 45px; 
	}
	.raised-panel-image {
		background: center center / cover no-repeat;
		height: 240px;
	}
	.content-area.nudge{
		padding-top: 160px;
	}
	.template11 .content-area.nudge{
		padding-top: 0; 
	}
	
	.id9 .content-area.nudge{
		/* Contact  */
		padding-top: 250px;
	}
	.raised-panel-image{
		background: center center / cover no-repeat; 
		height: 320px; 
	}	
	.id9 .raised-panel-image{		
		position: absolute;
		top: -160px;
		left: 0;
		width: 100%;
		height: 320px; 		
	}	
	.template11 .raised-panel-image{		
		/* About us*/
		padding-left:45px; 
		padding-right:45px; 		
	}
	
	
	.page-lead{
		padding-top: 90px; 		
	}
	.page-lead p:last-child{
		margin-bottom: 0; 
	}
	.page-lead .divider{
		margin-top: 110px;		
	}
	
	.page-intro-container .divider{
		margin-top: 110px;		
	}
	
	.section-services{
		padding-top: 110px; 
	}
	.section-service-panels{
		padding-top: 110px; 
		padding-bottom: 110px; 
	}
	.section-featured-page .btn, 
	.section-featured-link .btn{
		font-size: 40px; 				
	}
	.btn-lg{		
		padding: .5rem 3rem;
	}
	.load-more a{		
		text-decoration: none; 
		color:var(--dark-blue);
		transition: 0.4s; 
		border-radius: 0;
		font-weight: 700; 
		font-size: 22px;
		padding: .75rem 2rem;
	}
	.load-more a:hover{		
		text-decoration: none; 
		color:var(--space-grey);		
	}
	.news-container{
		padding-top: 110px; 
		padding-bottom: 110px; 
	}
	.filter{
		position: absolute; 
		bottom: 16px; 	
		right: 15px;	
	}
	.filter a{
		font-size: 25px; 
	}
	.client-logos {
		padding-top: 70px; 
		padding-bottom: 110px; 		
	}
	.client-logos img{
		max-width: 100%;
		padding: 0 15px; 
	}
	.section-testimonials{
		padding-top: 120px; 
		padding-bottom: 120px; 
	}

	.quote-slide .slide-body{	}
	.quote-slide .quote p{
		font-size: 42px; 
		line-height: 1.3;		
	}
	.quote-slide .quote{
		margin-bottom: 18px; 
	}
	.source{
		font-size: 18px; 		
		margin-bottom: 10px; 
	}
	.org{
		font-size: 18px; 				
	}
	.quote .quote-block p{
		font-size: 42px; 
		line-height: 1.3;
		font-family: 'Gentium Book Basic', serif;
		font-style: italic; 
	}
	.callout .quote-block p{
		font-size: 35px; 
		line-height: 1.4;
		color:var(--space-grey);
	}
	.callout {
		padding-top: 90px;
		border-top: 1px solid var(--mid-grey);
	}
	
	.owl-dot span{	
		width: 16px;
		height: 16px;		
		margin: 0 8px; 
	}
	
	.section-culture{
		padding-top: 120px; 
		padding-bottom: 120px; 
	}
	.culture-slide{
		width:440px; 
	}
	.culture-body{
		padding-top: 65px; 
		padding-bottom: 0; 
	}
	
	.social-links a{
		display: inline-block;
		width: 50px; 
		height: 50px; 
		line-height: 50px; 		
		border-radius: 50px; 		
		margin-right: 20px;
		font-size: 20px;
		padding: 0; 
	}
	.content-area .social-links a{
		border:1px solid var(--mid-grey);
		margin: 0 10px 0;		
	}
	.content-area .social-links a:hover{
		border-color: var(--space-grey);
		background: var(--space-grey);
		color: var(--snow);
	}
	.footer-nav .social-links a {		
		margin-right: 12px;				
	}
	.section-group{
		padding-top: 120px; 
		padding-bottom: 120px; 
	}
	.section-group ul{
		list-style: none; 
		margin: 0; 
		padding: 0; 
		text-align: center; 
		width: 100%; 
	}
	.section-group ul a{		
		font-size: 50px; 
		font-family: 'Gentium Book Basic', serif;
		color:var(--snow);		
		transition: 0.4s;
	}
	
	
	.section-worldwide{
		padding-top: 120px; 
		padding-bottom: 90px; 		
	}
	.section-featured-post{
		padding-top: 120px; 
		padding-bottom: 90px; 				
	}
	.section-featured-post .icon-external{
		font-size: 14px;
		position: relative;
		top: -6px;
	}
	.values-intro{
		margin-bottom:120px; 
	}
	.section-careers-intro{
		padding-top: 110px; 
		padding-bottom: 110px; 
	}
	.section-stats{
		padding-top: 110px; 
		padding-bottom: 110px; 		
	}
	.section-career-content-block{
		padding-top: 120px; 
		padding-bottom: 90px; 		
	}
	.section-vacancies{
		padding-top: 120px; 
		padding-bottom: 120px;
	}
	
	.meta-date{
		text-align:right;
	}

	.tag-filters{
		padding: 0; 
		width: 30%;
		position: absolute; 
		bottom: 0; 
		right: 30px; 
	}
	
	.contact-content-area{
		padding-top: 90px; 
		padding-bottom: 90px; 
	}
	.contact-address{
		padding-top: 30px; 
	}
	.contact-content-block .panel-heading{		
		margin-bottom: 20px; 
	}
	.section-content{
		margin-top:110px; 
		margin-bottom:110px; 
	}
	
	.section-home-intro-message{
		padding-top: 130px; 
		padding-bottom: 0; 
	}
	
	.section-home-intro-message .divider{
		padding-bottom: 80px; 
	}	
	.case-slide .case-link {
		min-height: 3em;
	}
	
	.main-page-heading{
		margin-bottom: 30px; 
	}
	
	.section-case-carousel .slider-controls-outer{
		opacity: 0; 
		transition: 0.5s; 
	}
	.section-case-carousel:hover .slider-controls-outer{
		opacity: 1; 
	}
	.section-case-meta{
		padding-bottom: 110px; 
	}
	.case-meta h1{
		font-size: 22px; 		
	}
	
	.case-meta-heading{
		
	}
	.case-meta-heading.what-we-did{
		margin-top: 30px; 
	}	
	
	.case-slide{
		width: 800px; 
	}
	
	.case-carousel .owl-stage-outer {    
		margin-right: calc((100% )/ -2);
		margin-left: 15px; 
	}	
	.case-slide .slide-heading{
		margin-top: 45px; 
		margin-bottom: 30px; 
	}
	.case-slide .slide-body{
		padding: 0 60px;    
	}
	.section-siblings{		
		padding-top: 110px; 
	}
	.section-siblings .siblings{
		padding-top: 110px; 
		padding-bottom: 110px; 
	}
	.template8 .content-area{
		margin-bottom: 110px; 
	}	
	
	.section-home-intro{		
		padding-top: 0; 
		padding-bottom: 160px; 	
	}	
	
	.content-block:first-child{
		margin-top: 120px; 
	} 
	.section-case-carousel{
		margin-bottom: 120px; 		
	}
	.case-study-banner{
		margin-bottom: 120px; 
	}
	.mb-section{
		margin-bottom: 120px; 
	}
	.quote-col p:last-child{
		margin-bottom: 0; 
	}
	.quote-col{
		margin-bottom: 45px; 
	}
	.case-meta-heading.what-we-did{
		margin-top: 45px; 
	}
	.service-panel-heading{		
		padding-top: 90px; 
		padding-bottom: 60px; 	
	}
	.service-panel{
		padding-bottom: 90px; 
	}
	.newsticker .word{		
		left: -10px; 		
	}
	.word a{		
		padding-left: 10px; 
		padding-right: 10px; 
		padding-bottom: 5px; 
	}
	.word a::before {		
	/*		
		top: 17px; 
		height: 65%;		
		*/
	}
	.word.active a::before{		
	}
	.newsticker .word-up{
	
	}
	.newsticker .word-down{
		transform: translateY(10px);
	}
	/*
	.word a::after{
		content: '→';
		position:absolute;
		right: -40px; 
		top: 0px;
		color:var(--cyan);
		transition: 0.3s; 
		transition-delay: 0.6s; 
		opacity: 0; 
	}
	.word.active a::after{
		opacity: 1;			
		right: -65px; 	
		color:var(--cyan);
	}
	*/
	.img-offscreen{
        right:-300px;
        width:600px;
        height: 600px;
        margin-top: 100px; 
    }
    .section-worldwide{
        min-height:800px;
    }
	.case-tags li{		
		margin: 0 0 12px 0;		
		font-size: 16px; 
	}
	
	
}

@media (min-width: 1400px) {
	.container-extended{
		max-width: 1180px;
	}
	.work-container .row{
		margin: 0 -30px; 
	}
	.container-extended{
		max-width: 1300px;
	}
	.case-slide{
		/* width:1100px; */
	}

}


@media (min-width: 1800px) {	
	.container-extended{
		max-width: 1500px;
	}

}


@media (max-height: 600px) {	

}