/* --------------------------------------------------  
   Table of Contents
-----------------------------------------------------
 
   
:: Colour palette           
:: Replica Webfont 
:: Index   
:: Elements  
:: Classes    
:: Cookies  
:: Topbar  
:: Structure    
:: Header
:: Main Navigation       
:: Main    
:: Main  
:: Homepage 
:: Section Home  
:: Case Studies & Grid Page COMMON  
:: Campaign Showcase      
:: Campaign Showcase Detail  
:: Grid Page
:: Gallery 
:: Search Results page
:: Listing page
:: Visualiser
:: Careers 
:: Careers Alt
:: Current Vacacancies AND Campaign Showcase AND Grid  title and search bar
:: Misc
:: Contact us
:: Location Selector (Modal)
:: Contact Panel (Modal)
:: Form Module (Modal)
:: Footer
:: Foundation overrides
:: Widgets
:: 2-Column Widgets
:: 3-Column Widgets
:: Right Hand Navigation
:: Reveal Modals
:: Search
:: Responsive Tables
:: Forms - Input fields
:: Font Awesome
:: Off canvas menu
:: jQX Tabs
:: Isotope
:: Sitewide Media queries
:: Royalslider v1.0.5
:: FlexSlider v2.2.0

:: Share Widget

*/

/* -----------------------------------------
   Colour palette
----------------------------------------- */

/*
background 	#E7E8E8		(Slate Grey @ 25%)

Navy		#333354
Charcoal	#545969
Lead blue	#333255

Red			#EC1944
Mustard 	#9ea2a2

Slate Grey	#9EA2A2

White 		#fff
Black 		#000

Other

Mid grey tabs	#BFC0C4
Done 		#10B581

hr lines	#ddd
placeholder	#bbb

*/

.navy {
	background: #333354;
	color: #fff;
}

.charcoal {
	background: #545969;
	color: #fff;
}

.red {
	color: #EC1944;
}

.mustard {
	color: #9ea2a2;
}

.slate-grey {
	color: #9EA2A2;
}


/* -----------------------------------------
   Replica Webfont
----------------------------------------- */

@font-face {
	font-family: 'Replica';
	src: url('../fonts/lineto-replica-light.eot');
	src: url('../fonts/lineto-replica-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lineto-replica-light.woff') format('woff'), url('../fonts/lineto-replica-light.ttf') format('truetype'), url('../fonts/lineto-replica-light.svg#lineto-replica-light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Replica-Regular';
	src: url('../fonts/lineto-replica-regular.eot');
	src: url('../fonts/lineto-replica-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lineto-replica-regular.woff') format('woff'), url('../fonts/lineto-replica-regular.ttf') format('truetype'), url('../fonts/lineto-replica-regular.svg#lineto-replica-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Replica-Italic';
	src: url('../fonts/lineto-replica-italic.eot');
	src: url('../fonts/lineto-replica-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/lineto-replica-italic.woff') format('woff'), url('../fonts/lineto-replica-italic.ttf') format('truetype'), url('../fonts/lineto-replica-italic.svg#lineto-replica-italic') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Replica-Bold';
	src: url('../fonts/lineto-replica-bold.eot');
	src: url('../fonts/lineto-replica-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lineto-replica-bold.woff') format('woff'), url('../fonts/lineto-replica-bold.ttf') format('truetype'), url('../fonts/lineto-replica-bold.svg#lineto-replica-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -----------------------------------------
   Index
----------------------------------------- */

.done, .done a {
	color: #10B581;
}

	.done a:hover {
		color: #333354;
		text-decoration: underline;
	}

/* -----------------------------------------
   Elements
----------------------------------------- */

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: #fff;
	color: #333354;
	height: 100% !important;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
	font-size: 16px;
	direction: ltr;
}

a.menuContentSubLink {
	color: white;
}

	a.menuContentSubLink:hover {
		color: white;
		text-decoration: none;
	}


a {
	color: #EC1944;
}

	a:hover {
		color: #333354;
		text-decoration: underline;
	}

h1, h2, h3, h4, h5, h6 {
	color: inherit;
}

h1 {
	margin-bottom: 30px;
}

h1, h2 {
	font-family: 'Replica', Arial, sans-serif;
}

.giant {
	font-size: 48px;
	font-weight: 200;
}

h1,
.large {
	font-size: 60px;
	font-weight: 200;
	font-weight: 600;
	font-family: Replica, Arial;
}

h2 {
	font-size: 22px;
	font-weight: normal;
}

h3 {
	font-size: 20px;
	font-weight: normal;
}

h4 {
	font-weight: normal;
}

h5 {
	font-size: 16px;
	font-weight: normal;
}

h6 {
	color: #545969;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
}

h1, h2, h3 {
	margin-top: 30px;
}

p {
	line-height: 1.4;
}

.panel ul,
ul.wmargin,
ol.wmargin,
dl.wmargin,
.page-terms-and-conditions ul,
.content-job-detail ul,
.content-404 ul {
	margin-left: 20px;
}

ul.jqx-tabs-title-container,
ul.accordion,
ul.tabs-content,
ul.breadcrumbs {
	margin-left: 8px;
}

blockquote {
	font-size: 24px;
	color: #9EA2A2;
	line-height: 30px;
	text-align: center;
	border-left: none;
	margin: 10px 0 30px;
}

img.align-left {
	margin: 0 30px 20px 0;
	float: right;
}

img.align-right {
	margin: 0 0 15px 30px;
	float: right;
}

hr.navy {
	border-color: #404150;
}

hr.silent {
	border-color: transparent;
}

.case-studies hr,
.widget.statistics hr {
	border-color: #545969;
}

small,
small p {
	font-size: 12px;
}

/* -----------------------------------------
   Classes
----------------------------------------- */

p.lead {
	color: #333255;
	font-family: 'Replica', Arial, sans-serif;
	font-size: 36px !important;
	font-weight: 200;
	line-height: 42px;
	text-align: center;
	padding: 30px 0 25px;
}

.footer-cta p.lead {
	color: #A2A5AC;
	line-height: 50px;
	font-size: 48px !important;
	padding-top: 23px;
}

.footer-cta strong {
	font-family: Replica-Bold;
	font-weight: normal;
}

.meta {
	font-size: 13px;
	color: #9EA2A2;
	margin-bottom: 0;
	margin-bottom: 14px;
}

.read-more {
	font-size: 16px;
	margin-bottom: 0;
}

.testimonial {
	font-size: 24px;
	font-style: italic;
	color: #9ea2a2;
	background: #333354;
	padding: 40px 30px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height: 1.3;
}

.to-edge {
	margin-left: -30px !important;
	margin-right: -30px !important;
}


.ir {
	display: inline-block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	background-repeat: no-repeat;
}

.clear {
	clear: both;
}

/* Margins & Paddings */

.mt0 {
	margin-top: 0;
}

.mr30 {
	margin-right: 30px;
	margin-bottom: 30px;
}

.mb60 {
	margin-bottom: 60px;
}

/* -----------------------------------------
   Cookies
----------------------------------------- */

#cookies {
	padding-top: 20px;
	padding-bottom: 17px;
	border-bottom: 2px solid #fff;
	position: relative;
	top: 0;
	left: 0;
	height: auto;
	z-index: 999;
}

	#cookies p a:hover {
		color: #9ea2a2;
	}

.accept-cookies {
}

#wrap {
	position: relative;
}

/* -----------------------------------------
   Topbar
----------------------------------------- */

#topbar {
	height: 40px;
	line-height: 40px;
	background-color: #D9E1E3;
}

	#topbar a {
		color: #fff;
	}

		#topbar a:hover {
			text-decoration: underline;
		}

	#topbar div {
		font-size: 14px;
	}

.country-select span {
	padding-right: 5px;
	color: #000;
}

.country-selector {
	background: #333354;
	height: 40px;
	display: inline-block;
	padding: 0 15px 0 0px;
}

	.country-selector:before {
		display: inline-block;
		content: '.';
		height: 40px;
		width: 40px;
		background-color: #9EA2A3;
		float: left;
		content: "\f105";
		font-family: FontAwesome;
		color: #fff !important;
		margin-right: 10px;
		padding-left: 18px;
		font-size: 20px;
	}

.lets-talk {
	font-size: 18px !important;
	line-height: 40px;
	margin-right: 15px;
	float: right;
	position: absolute;
	right: 0px;
	top: 11px;
	color: #333354 !important;
	font-size: 30px !important;
	font-weight: 300 !important;
	font-family: Replica-Light, Arial;
}

.fixed .three {
	display: none;
}

.fixed > .row .four {
	width: 57% !important;
	text-align: right;
}

.fixed .lets-talk {
	position: inherit;
	display: inline-block;
	right: auto;
	float: none;
}

.connect {
	margin-right: 12px;
	padding-top: 4px;
	float: right;
}

#header .connect, #header .open-contact {
	display: none;
}

.fixed .connect {
	display: inline-block !important;
	float: none;
	line-height: 40px;
	margin-left: 5px;
}

.fixed .open-contact {
	color: #fff;
	display: inline-block !important;
	top: 10px;
	position: relative;
	padding: 12px 15px;
	font-size: 14px !important;
	margin-left: 10px;
}

.fixed .connect a {
	position: relative;
	top: 12px;
	font-size: 14px;
}

.footer .connect {
	float: none;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-top: 24px;
}

.social.facebook {
	background: url('../images/social-facebook.jpg') 0 0 no-repeat;
}

.social {
	display: inline-block;
	text-decoration: none !important;
	color: transparent !important;
}

	.social.ir {
		text-indent: 0px;
	}

	.social.twitter { /* content: '\f099'; */ /* font-family: FontAwesome; */
		display: inline-block; /* border-radius: 40px; */ /* background-color: #666; */
		text-decoration: none !important;
	}

		.social.twitter:before {
			content: '\f099';
		}

	.social:before {
		font-family: "FontAwesome";
		color: white;
		display: inline-block;
		top: -7px;
		position: relative;
		height: 25px;
		left: 6px;
		text-decoration: none !important;
	}

.footer .connect .social {
	background-color: #EC1944 !important;
	height: 35px;
	width: 35px;
	margin-right: 8px;
	margin-left: 8px;
}

	.footer .connect .social:before {
		top: 3px;
		font-size: 20px;
		left: 8px;
	}

.social.instagram {
	background: url('../images/social-instagram.jpg') 0 0 no-repeat;
}

.social.tumblr {
	background: url('../images/social-tumblr.jpg') 0 0 no-repeat;
}

.social.youtube:before {
	content: '\f16a';
	left: 6px;
}

.social.linkedin:before {
	content: '\f0e1';
	left: 7px;
}


.social.vimeo:before {
	content: '\f194';
	left: 7px;
}

.social.viadeo {
}

.social:before {
	left: 7px;
}

.social {
	background: none !important;
}

	.social.viadeo:before {
		content: '\f2a9' !important;
	}

	.social.facebook:before {
		content: '\f09a';
	}

.footer .social.facebook:before {
	content: '\f09a';
	left: 10px;
}

.social.instagram:before {
	content: '\f16d';
}

.social.tumblr:before {
	content: '\f173';
}

.footer .social.tumblr:before {
	content: '\f173';
	left: 10px;
}


.social.rss:before {
	content: '\f09e';
}

.social.email:before {
	content: '\f0e0';
	left: 6px;
}


.social.rss {
	background: url('../images/social-rss.jpg') 0 0 no-repeat;
}

.social.email {
	background: url('../images/social-email.jpg') 0 0 no-repeat;
}

.social.googlePlus:before {
	content: '\f0d5';
	left: 5px;
}

.footer .social.googlePlus:before {
	content: '\f0d5';
	left: 5px;
}

div.followUsForPage {
	display: none;
}


/* follow us 42*/

.social.facebookFpg {
	background: url('../images/followUsWidget32/facebook.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.instagramFpg {
	background: url('../images/followUsWidget32/instagram.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.twitterFpg {
	background: url('../images/followUsWidget32/twitter.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.tumblrFpg {
	background: url('../images/followUsWidget32/tumblr.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.youtubeFpg {
	background: url('../images/followUsWidget32/Youtube.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.linkedinFpg {
	background: url('../images/followUsWidget32/Linkedin.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.vimeoFpg {
	background: url('../images/followUsWidget32/vimeo.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.viadeoFpg {
	background: url('../images/followUsWidget32/viadeo.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.rssFpg {
	background: url('../images/followUsWidget32/rss.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.emailFpg {
	background: url('../images/followUsWidget32/Email.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}

.social.googlePlusFpg {
	background: url('../images/followUsWidget32/Googleplus.png') 0 0 no-repeat;
	width: 32px;
	height: 32px;
}


/* */

.social {
	width: 25px;
	height: 25px;
	margin-left: 2px;
	margin-top: 2px;
	background-color: #535969 !important;
	border-radius: 40px;
}

	.social:hover {
		opacity: 0.5;
	}

.open-contact {
	background: #EC1944;
	height: 40px;
	padding: 0 15px;
	float: right;
}

.login {
	margin-left: 10px;
	float: right;
}

/* -----------------------------------------
   Structure
----------------------------------------- */

body,
#header,
#main {
	overflow-x: hidden;
	/* overflow-y: hidden; */
}

#header {
	overflow-x: hidden;
	overflow-y: hidden;
}

	#header.add-shadow {
		-moz-box-shadow: 0 5px 10px -1px rgba(0,0,0,0.5);
		box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5);
	}


#menu {
	max-width: 100px;
}

#page {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	background: #d9e1e2;
}

	#page.groupHub {
		background: white;
	}

	#page.contacto {
		top: 0;
	}

/*.reveal-modal {
	position: fixed; 
}*/
.reveal-modal-bg {
	position: fixed;
	z-index: 9;
}

.page-index,
.page-widgets {
	background: #E7E8E8;
}

.content-home h1 {
	margin-top: 0px !important;
}

#main .panel h1 {
	margin-top: 40px !important;
}


/*box-shado for mobile device menu */
@media screen and (max-width:768px) {
	#page {
		-webkit-box-shadow: -5px 0px 5px -3px rgba(0,0,0,0.3);
		box-shadow: -5px 0px 5px -3px rgba(0,0,0,0.3);
	}
}

/* -----------------------------------------
   Header
----------------------------------------- */

#header {
	background: #fff;
}

.branding {
	padding-top: 30px;
	padding-bottom: 9px;
	/* padding-left: 20px; */
	/* padding-right: 20px; */
}

.logo {
	/*background: url('../images/logo.png');
	width: 240px;
	height: 55px;*/
	background: url('../images/ExterionMedia@2x.gif') no-repeat;
	background-size: 280px auto;
	width: 280px;
	/* height: 55px; */
	margin-top: 0;
	margin-bottom: 12px;
}

/* Temporary menu on static pages */

.menu {
	margin-top: 12px;
	padding-bottom: 12px;
}

	.menu a {
		color: #000;
		padding: 0 18px;
	}

/* -----------------------------------------
   Main Navigation
----------------------------------------- */

/*  Nav 
......................................... */

.home .nav {
	border-bottom: none;
}

.home .nav-content {
	border-top: 0px;
}

.nav {
	background: #fff;
	border-bottom: 6px solid #EC1944;
}

	.nav ul {
		list-style: none;
		display: block;
		height: 40px;
		padding: 0;
		margin: 0;
	}

		.nav ul li {
			float: left;
		}

			.nav ul li a {
				color: #333354;
				font-size: 16px;
				padding: 0;
				display: block;
				height: 40px;
				line-height: 40px;
				padding: 0px 19px;
				cursor: pointer;
			}

				.nav ul li a:hover {
					background: #EC1944;
					color: #fff;
					text-decoration: none;
					font-weight: normal;
				}


			.nav ul li.active {
				box-shadow: 0 5px 10px -1px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 3px 5px -3px #000;
				box-shadow: 0 5px 10px -1px rgba(0,0,0,0.5);
			}

				.nav ul li.active a {
					background: #fff;
					color: #333355 !important;
				}

			.nav ul li.active-item {
				0 down vote -webkit-box-shadow: 0 3px 5px -3px #000;
				0 down vote -webkit-box-shadow: 0 3px 5px -3px #000;
				0 down vote -webkit-box-shadow: 0 3px 5px -3px #000;
				box-shadow: 0 5px 10px -1px rgba(0,0,0,0.5);
				-moz-box-shadow: 0 5px 10px -1px rgba(0,0,0,0.5);
				box-shadow: 0 5px 10px -1px rgba(0,0,0,0.5);
			}

				.nav ul li.active-item a {
					background: #fff;
					color: #333354 !important;
				}

					.nav ul li.active-item a:after {
						border: 1px solid transparent !important;
					}

			.nav ul li.menu-search.active-item a {
				background: transparent;
				color: #000;
			}

				.nav ul li.menu-search.active-item a:hover {
					background: #EC1944;
					color: #000;
				}

/*  Nav Content
......................................... */

.nav-content {
	padding: 0;
	margin: 0;
}

.nav-content {
	display: none;
	margin-bottom: 0px;
	background: transparent;
}

	.nav-content ul {
		margin-bottom: 0 !important;
	}

		.nav-content ul li {
			list-style-type: none;
			font-size: 17px;
		}

	.nav-content .list ul,
	.nav-content .sublist ul {
		margin-left: 0;
	}

	/*  Nav Content List
......................................... */

	.nav-content .list {
		padding-top: 10px;
		padding-right: 25px;
		min-height: 350px;
		padding-bottom: 20px;
		-webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
		-ms-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
		-o-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
		box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
	}

		.nav-content .list li {
			border-bottom: 1px solid #DFDFDF;
		}

			.nav-content .list li:last-child {
				border-bottom: none;
			}

		.nav-content .list a {
			color: #333355;
			display: block;
			padding: 14px 0;
			margin-left: 20px;
			margin-right: 20px;
		}

			.nav-content .list a:hover {
				color: #333355;
				/*color: #9ea2a2;*/
				text-decoration: none;
				/* background-color: #E3E9E9; */
			}

		.nav-content .list li:hover {
			background-color: #E3E9E9;
		}

		.nav-content .list li a i {
			float: right;
			margin-top: 5px;
		}

/*  Nav Content Sublist
......................................... */


.yelMenu {
	color: #EC1944 !important;
	font-weight: 600;
}

.nav-content .sublist {
	padding-left: 30px;
	padding-right: 30px;
	min-height: 350px;
	min-width: 285px;
}

.nav-content .sublist {
	padding-top: 10px;
}

	.nav-content .sublist h4 {
		font-size: 17px;
		border-bottom: 1px solid #DFDFDF;
		padding-bottom: 14px;
		line-height: 1.6;
		color: #333355;
		font-weight: 600;
	}

	.nav-content .sublist li {
		font-size: 15px;
	}

		.nav-content .sublist h4 a,
		.nav-content .sublist li a {
			color: #EC1944;
		}

.nav-content .image-panel {
	padding-top: 10px;
	padding-left: 30px;
}

	.nav-content .image-panel h4 {
		font-size: 17px;
		line-height: 1.6;
	}

	.nav-content .image-panel p {
		font-size: 15px;
	}

	.nav-content .image-panel img {
		display: block;
		padding-bottom: 6px;
	}

/* Close button 
......................................... */

.nav-content .close-menu:not(.button) {
	color: #9EA2A1;
	font-size: 3.2rem;
	font-weight: normal;
	border: 2px solid #9EA2A1;
	padding: 5px 4px;
	width: 30px;
	height: 30px;
	top: 20px;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-ms-border-radius: 300px;
	-o-border-radius: 300px;
	border-radius: 300px;
	line-height: .5;
	position: absolute;
	right: 11px;
	cursor: pointer;
}

	.nav-content .close-menu:not(.button):hover {
		color: #EC1944;
		border: 2px solid #EC1944;
		text-decoration: none;
	}

/* ! to sort --> */
.exterion-nav.tabs li.active a {
	border-left: none;
	border-right: none;
}

.exterion-nav.six-up li {
	width: 16.6666%;
}
/* ! E/O to sort --> */

/* -----------------------------------------
   Mobile menu
----------------------------------------- */

.multilevelpushmenu_wrapper .levelHolderClass {
	margin-top: 1px;
	background: #fff;
}

.multilevelpushmenu_wrapper li {
	border-top: 1px solid #DFDFDF;
}

	.multilevelpushmenu_wrapper li:hover {
		background-color: #E3E9E9;
	}

	.multilevelpushmenu_wrapper li:last-child {
		border-bottom: 1px solid #DFDFDF;
	}

.multilevelpushmenu_wrapper a {
	color: #333354;
}

.parentSubMenu {
	color: #ec1944 !important;
}

/* -----------------------------------------
   Main
----------------------------------------- */

#main {
	margin: 0px auto 0;
}


	#main.content-campaign-showcase,
	#main.content-gallery {
		background-color: #fff;
	}



	/* -----------------------------------------
	Homepage
----------------------------------------- */

	#main.content-home {
		margin-top: 0px;
	}

#main-slider {
}

body.scrolled #main {
	margin-top: 170px;
}


#primary-widgets {
	padding-top: 0px;
}

	#primary-widgets #widgetsWrapper {
		background-color: #fff;
	}

	#primary-widgets .row {
		margin-bottom: 16px;
	}

#widgetsWrapper.top-padding {
	padding-top: 50px;
}

#campaign-showcase,
#gallery-showcase {
	padding: 0px 0 23px;
}

.content-campaign-showcase .galleryItem {
	min-height: 277px;
}

#campaign-showcase {
	background-color: #333355;
	padding-bottom: 0px;
	height: 560px;
	overflow: hidden;
}

	#campaign-showcase p {
		font-family: Replica-Bold;
		font-size: 40px;
	}

	#campaign-showcase .case-logo {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	#campaign-showcase .banner-container {
		width: 1030px;
		height: 560px;
		overflow: hidden;
		position: relative;
	}

#gallery-showcase {
	height: 490px;
	background: #535969;
}

	#gallery-showcase h2 {
		font-family: Replica-bold;
		font-weight: normal;
		margin-top: -2px;
	}

	#gallery-showcase .four p {
		font-size: 24px;
		font-weight: 300;
		padding-top: 10px;
	}

	#gallery-showcase .four {
		padding-top: 50px;
	}

#secondary-widgets {
}

.content-block {
	padding: 50px 0 35px;
}

	.content-block#secondary-widgets {
		padding-bottom: 70px;
		padding-top: 88px;
	}

#main.content-campaign-showcase .items-grid,
#main.content-gallery .items-grid {
	margin-right: -40px;
	margin-right: -30px;
	margin-left: 2;
	margin-left: 0px;
}

	#main.content-campaign-showcase .items-grid .item,
	#main.content-gallery .items-grid .item {
		padding: 0px 0px;
		width: calc(33.3333% - 30px);
		margin: 0px 30px 30px 0px !important;
	}

#main.content-campaign-showcase .loadMoreButton,
#main.content-gallery .loadMoreButton {
	width: calc(33.333333333% - 20px);
}

@media screen and (max-width: 768px) {
	#campaign-showcase p {
		font-size: 20px;
	}
}

@media screen and (max-width: 468px) {
	#main.content-campaign-showcase .loadMoreButton,
	#main.content-gallery .loadMoreButton {
		width: 100%;
	}

	#campaign-showcase {
		height: auto;
		width: 100%;
	}

		#campaign-showcase .banner-container {
			width: 100%;
			height: auto;
		}

		#campaign-showcase .eight.columns a.button {
			position: relative !important;
			margin: 0 auto;
			right: auto !important;
		}
}

/* -----------------------------------------
	Section Home
----------------------------------------- */

.content-section-home#main {
	margin-top: 20px;
}

	.content-section-home #main h1 {
		margin-bottom: 20px;
	}

.content-section-home .content {
	margin-bottom: 50px;
}

	.content-section-home .content h2 {
		margin-top: 0;
	}

.content-section-home {
}

	.content-section-home h1 {
		font-size: 36px;
		font-family: Replica;
		font-weight: 200;
	}

	.content-section-home .panel {
		padding: 40px;
	}

	.content-section-home ul.breadcrumbs li a {
		color: #000;
	}

	.content-section-home ul.breadcrumbs li:before {
		color: #000;
	}

	.content-section-home ul.breadcrumbs li.current a {
		color: #000;
	}

/* Tabs */

.section-tabs.tabs .tabs-right {
	float: right;
}

.section-tabs.tabs dt,
.section-tabs.tabs li.section-title {
	color: #545969;
	font-size: 14px;
}

.section-tabs.tabs dd,
.section-tabs.tabs li {
	padding-left: 4px;
}

	.section-tabs.tabs dd a,
	.section-tabs.tabs li a {
		font-weight: bold;
		text-transform: uppercase;
		background: #BFC0C4;
		color: #333354;
	}

		.section-tabs.tabs dd a:hover,
		.section-tabs.tabs li a:hover {
			background: #EC1944;
			color: #fff;
			text-decoration: none;
		}

	.section-tabs.tabs dd.active,
	.section-tabs.tabs li.active {
		border-top: 3px solid #E7E8E8;
	}

		.section-tabs.tabs dd.active a,
		.section-tabs.tabs li.active a {
			background: #333354;
			color: #fff;
		}

/* Tabs Content */

.section-tabs.tabs-content {
	padding: 45px 0;
	margin-bottom: 50px;
}

/* Section Home Alt */

.content-section-home .panel {
	margin-bottom: 40px;
}

.content-section-home .grid-container {
	padding-top: 16px;
	margin-bottom: 40px;
}

	.content-section-home .grid-container .panel {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.content-section-home .grid-container h6 {
		font-size: 14px;
		color: #9ea2a2;
	}

.content-section-home .grid-content {
	padding-top: 0;
	margin-top: 30px;
	margin-bottom: 0;
}

.content-section-home .items-grid .item .title {
	color: #EC1944;
}

.content-section-home .items-grid .item:hover .title {
	color: #333354;
}

/* -----------------------------------------
	Case Studies & Grid Page COMMON
----------------------------------------- */

.grid-content {
	background: #333354;
	color: #fff;
	padding: 45px 30px 10px;
	margin-top: 50px;
	margin-bottom: 40px;
}

.items-grid .item {
	margin-bottom: 30px;
}

.content-campaign-showcase .items-grid .item,
.page-grid .items-grid .item {
	min-height: 270px;
}

.items-grid .item div {
	background: #fff;
	position: relative;
}

	.items-grid .item div .icon {
		position: absolute;
		right: 0;
		top: 47px;
		z-index: 999;
	}

.items-grid .item .copy {
	padding: 7px 20px;
	background: #fff;
	height: 125px;
	position: relative;
	font-size: 13px;
}

.items-grid .item .gallery-fade {
	height: 50%;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7), transparent); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.7), transparent); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7), transparent); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); /* Standard syntax (must be last) */
}

.items-grid .item .galleryItem .title {
	color: #fff;
	position: absolute;
	bottom: 0px;
	width: 60%;
	display: block;
	height: auto;
	margin-bottom: 30px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 30px;
	text-transform: uppercase;
}

.items-grid .item .dipsticks .content {
	position: absolute;
	top: 30px;
	left: 30px;
	background: transparent;
	margin-right: 30px;
	color: #333354;
	font-family: Arial;
	max-width: 308px;
}

.items-grid .item .dipsticks a {
	color: #333354 !important;
	font-size: 16px;
	font-family: Replica-bold;
}

.items-grid .item .dipsticks .content .title {
	position: relative;
	margin-left: 0px;
	width: 100%;
	color: #333354;
	font-family: Replica-bold;
	font-size: 24px;
}

	.items-grid .item .dipsticks .content .title a {
		color: #333354;
		font-family: Replica-bold;
		font-size: 24px;
	}

.items-grid .item .galleryItem .likes {
	color: #fff;
	position: absolute;
	bottom: 0px;
	width: 40%;
	display: block;
	height: auto;
	margin-bottom: 26px;
	margin-top: 0px;
	padding-top: 0px;
	right: 0px;
	left: auto;
	text-align: right;
	margin-right: 30px;
}

.items-grid .item .likes:after {
	content: "\f004";
	padding-left: 0px;
	font-family: FontAwesome;
	width: 23px;
	display: inline-block;
	padding-right: 3px;
}


.items-grid .item .galleryItem {
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px !important;
}

	.items-grid .item .galleryItem:hover .gallery-fade {
		height: 100%;
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), transparent);
		background: -o-linear-gradient(bottom, rgba(0,0,0,0.8), transparent);
		background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8), transparent);
		background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
	}


	.items-grid .item .galleryItem > img {
		display: block;
		width: 100%;
	}

.items-grid .item p {
	font-size: 13px;
	color: #333354;
	line-height: 1.5;
}

.items-grid .item .dipsticks p {
	font-family: Arial;
	font-size: 16px;
}

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

	.items-grid .item .dipsticks p {
		display: none;
	}
}

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

	.items-grid .item .dipsticks p {
		display: block;
	}
}


.items-grid .item .view {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: block;
	font-size: 16px;
}

.items-grid .item a:hover {
	text-decoration: none;
}

	.items-grid .item a:hover .thumb {
		opacity: 0.8;
	}

	.items-grid .item a:hover .view {
		text-decoration: underline;
		color: #EC1944;
	}

.page-grid .panel {
	padding-bottom: 0;
}

/* -----------------------------------------
   Campaign Showcase 
----------------------------------------- */

/* --------HACK-------- */

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


	.content-campaign-showcase .form,
	.content-gallery .form {
		width: 23%;
		float: left;
		margin-right: 1%;
	}

	.content-campaign-showcase .reset,
	.content-gallery .reset {
		width: 4%;
		text-align: right;
		margin-left: 0;
		float: right;
	}
}

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



	.content-campaign-showcase .reset,
	.content-gallery .reset {
		text-align: center;
		width: 100%;
	}
}

form.custom div.custom.dropdown.open ul {
	width: auto !important;
}

/* ---------------- */

.filter-bar.row {
	margin-bottom: 35px !important;
}

.filter-bar p,
.filter-bar div,
.filter-bar .reset {
	font-size: 12px;
}

.small.button.apply-filter {
	height: 28px;
	border: none;
	margin-top: 2px;
	padding-top: 8px;
	font-size: 13px;
}

.reset {
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 0;
	line-height: 2;
	margin-left: -15px;
	display: inline-block;
	color: #fff;
}

	.reset:hover {
		color: #fff;
	}

.case-studies h3 {
	margin-top: 0;
}

/* -----------------------------------------
   Campaign Showcase Detail
----------------------------------------- */

.content-campaign-showcase-detail .panel {
	padding-bottom: 0;
}

.flexslider.campaign-showcase-slider {
	margin-bottom: 60px;
}

.related {
	margin-bottom: 40px;
}

	.related .row.slides-wrapper {
		margin-top: 30px;
	}

/* -----------------------------------------
   Grid Page
----------------------------------------- */

.page-grid .content-grid {
	padding-top: 30px;
}

.page-grid .items-grid .item a:hover .title {
	text-decoration: underline;
}

.page-grid .items-grid .item .title {
	color: #EC1944;
}

/* -----------------------------------------
   Gallery
----------------------------------------- */

.content-gallery .filter-bar {
	background: #333354;
	color: #fff;
	padding: 25px 20px 20px;
	/* margin-left: -16px; */
	margin-bottom: 30px !important;
	width: 100%;
	margin: 0;
	margin-left: 0px !important;
}

.gallery-filters {
	border-bottom: 1px solid #d9e1e2;
	width: 100% !important;
	margin-bottom: 38px;
}

	.gallery-filters .row {
		max-width: 1200px;
		margin: 0 auto !important;
	}

		.gallery-filters .row .form {
			height: 65px;
			border-left: 1px solid #d9e1e2;
			/* padding-right: 10px; */
			/* padding-top: 17px; */
			width: calc(19% - 10px);
			margin-right: 0px;
		}

			.gallery-filters .row .form .custom.dropdown {
				/* padding-top: 17px */
				height: 100%;
			}

				.gallery-filters .row .form .custom.dropdown a.selector {
					top: 17px
				}

	.gallery-filters div.custom.dropdown a.selector:after {
		content: "\f107" !important;
		font-family: FontAwesome;
		border: 0px !important;
		color: #545969;
		height: 18px;
		width: 20px;
		top: 2px !important;
		left: 0px !important;
		margin-left: 0px;
		font-size: 25px;
		display: block !important;
	}


	.gallery-filters .row .reset {
		height: 65px;
		width: 9%;
		float: right;
		margin: 0px;
		font-size: 14px;
		color: #545969;
		text-transform: uppercase;
		text-align: center;
		padding-top: 18px;
		border-right: 1px solid #d9e1e2;
		border-left: 1px solid #d9e1e2;
		padding-left: 0px;
	}

	.gallery-filters .row .form:first-child {
		border-left: 1px solid #d9e1e2 !important;
	}

	.gallery-filters .form div.custom.dropdown a.current {
		text-transform: uppercase;
		width: 100%;
		padding-left: 30px;
		font-size: 16px;
		font-family: Replica-Regular;
		height: calc(100% - 17px);
		color: #545969;
		padding-top: 17px;
	}

a.current.currentPinkValue {
	background-color: #fff !important;
	color: #545969 !important;
}

.gallery-filters .form div.custom.dropdown a {
	border: none !important;
	float: right;
}

.gallery-filters .form div.custom.dropdown ul {
	top: 47px;
}

.tags {
	font-size: 13px;
	color: #9EA2A2;
	/*	text-align: right;*/
}

.content-gallery .tags {
	display: none;
}


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


	.gallery-filters {
		border-bottom: 0px;
		width: 100% !important;
		margin-bottom: 38px;
	}

		.gallery-filters .row .form {
			width: 100%;
			border-left: 0px !important;
			border-right: 0px;
		}

			.gallery-filters .row .form:first-child {
				border-left: 0px !important;
			}

		.gallery-filters .row .reset {
			width: 100%;
			border: 1px solid #d9e1e2;
		}
}

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

	#main.content-gallery .items-grid .item {
		width: calc(100% - 30px);
	}
}

/* -----------------------------------------
	Search Results page
----------------------------------------- */

.content-search-results .form .labels {
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left: 10px;
}

.content-search-results .form label {
	float: left;
	padding-right: 20px;
}

	.content-search-results .form label.view {
		padding-top: 4px;
		padding-right: 5px;
	}

.article {
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
	margin-top: 30px;
}

	.article h2 {
		margin-top: 0;
		margin-bottom: 4px;
	}

	.article h5.subheader {
		margin-bottom: 14px;
		margin-top: 0;
		font-size: 13px;
		color: #9EA2A2;
	}

/* -----------------------------------------
	Listing page
----------------------------------------- */

.content-listing .meta {
	margin-bottom: 10px;
}

/* -----------------------------------------
	Visualiser
----------------------------------------- */

.content-visualiser .panel {
	padding-bottom: 0;
}

.content-visualiser .tabs {
	margin-bottom: 0;
	margin-left: 0;
}

.content-visualiser .tabs-content {
	padding-top: 20px;
}

.content-visualiser ul.tabs-content > li {
	height: 420px;
	text-align: center;
}

.content-visualiser .tabs dd,
.content-visualiser .tabs li {
	padding-right: 2px;
}

	.content-visualiser .tabs dd a,
	.content-visualiser .tabs li a {
		font-weight: bold;
		text-transform: uppercase;
		background: #BFC0C4;
		color: #333354;
		font-size: 12px;
	}

	.content-visualiser .tabs dd.active,
	.content-visualiser .tabs li.active {
		border-top: 3px solid transparent;
	}

		.content-visualiser .tabs dd.active a,
		.content-visualiser .tabs li.active a {
			background: #333354;
			color: #fff;
			border-right: none;
			border-left: none;
		}

/* -----------------------------------------
	Careers
----------------------------------------- */

.content-careers ul li {
	font-size: 14px;
}

	.content-careers ul li ul li {
		font-size: 13px;
	}

.quiet {
	/*font-size: 13px;*/
	color: #9EA2A2;
}

/* -----------------------------------------
	Careers Alt
----------------------------------------- */

.content-careers .panel.navy table {
	border: 1px solid #545969;
}

	.content-careers .panel.navy table tbody tr:nth-child(even) {
		background: #343547;
	}

	.content-careers .panel.navy table tbody tr a {
		color: #9ea2a2;
	}

.content-careers .panel.navy fieldset {
	background: #343547;
	border: none;
}

.content-careers .panel.navy label {
	color: #fff;
}

/* -----------------------------------------
	Current Vacacancies AND Campaign Showcase AND Grid  title and search bar
----------------------------------------- */

.content-current-vacancies .row.search-generic,
.content-campaign-showcase .row.search-generic,
.content-gallery .row.search-generic {
	margin-top: 18px;
}

.content-current-vacancies h1,
.content-campaign-showcase h1,
.content-gallery h1 {
	margin-top: 10px;
}

@media only screen and (max-width: 767px) {
	.content-current-vacancies .row.search-generic,
	.content-campaign-showcase .row.search-generic,
	.content-gallery .row.search-generic {
		margin-top: 0;
		margin-bottom: 20px;
	}
}
/* -----------------------------------------
	Misc
----------------------------------------- */

.content-careers .panel,
.content-job-detail .panel,
.content-current-vacancies .panel {
	margin-bottom: 20px;
}

/* -----------------------------------------
	Contact us
----------------------------------------- */

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

	/*.page-contact form.custom div.custom.dropdown {
	width: 258px !important;
}*/
	.page-contact .form div.custom.dropdown {
		width: 258px !important;
	}
}
/* Maplace */

.privacy-policy-container {
    clear: both;
    padding-top: 10px;
}

.gmap_controls.tabs .ullist li a:before {
	content: "\f105";
	color: #EC1944;
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	margin-right: 5px;
}

.gmap_controls.tabs.intl .ullist li a:hover:before,
.gmap_controls.tabs.intl .ullist li.active a:before {
	color: #fff;
}

/* Fixes */

.page-contact .navy.to-edge, .page-contact .navy .to-edge {
	color: #333354;
}

.page-contact section.row {
	padding: 20px 10px;
	margin-bottom: 30px;
}

.page-contact ul.tabs-content {
	margin-bottom: 0;
}

/* Map wrapper tabs */

.page-contact .section-tabs.tabs-content {
	padding: 0;
}

.page-contact .section-tabs.tabs {
	margin-left: -10px;
	margin-right: -10px;
	border-bottom: none;
	margin-bottom: 40px;
}

	.page-contact .section-tabs.tabs dd.active,
	.page-contact .section-tabs.tabs li.active {
		border-top: 3px solid #333354;
	}

	.page-contact .section-tabs.tabs dd,
	.page-contact .section-tabs.tabs li {
		padding-left: 2px;
	}

		.page-contact .section-tabs.tabs dd a,
		.page-contact .section-tabs.tabs li a {
			font-size: 12px;
			padding-left: 15px;
			padding-right: 15px;
		}
/*.page-contact.regional section {
	background: transparent;
}*/
.page-contact.regional section.row {
	padding: 20px 10px;
	margin-bottom: 0;
}

/* Map Media queries */

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

    .privacy-policy-container {
        float: right;
        padding-bottom: 10px;
    }

	.page-contact h1 {
		margin-left: -10px;
	}

	.page-contact section.row {
		padding: 10px;
		background: #333354;
	}

	.page-contact .navy {
		background: #fff;
	}

	.columns.gtabs {
		padding: 0;
	}

	.toggle-panel {
		width: 100%;
		left: 0;
		top: 0;
		padding: 0;
		position: initial;
	}

	.gmap {
		display: none;
	}

	.row .mobile-two.country,
	.row .mobile-two.address {
		padding: 0 10px;
	}

	.row .mobile-two.address {
		padding-left: 0;
	}

		.row .mobile-two.address .tab-content {
			margin-bottom: 0;
		}

	#info {
		padding-top: 10px;
		padding-left: 0;
		padding-right: 10px;
		padding-bottom: 0;
	}

	.canvas_map {
		display: none;
	}
	/*.country {
		padding:0;
	}*/
	#info p,
	#info p span,
	.gmap_controls.tabs.vertical dd a,
	.gmap_controls.tabs.vertical li a,
	.gtabs .button {
		font-size: 12px !important;
	}

	.gmap_controls .ullist {
		border-top: none;
	}

	.gmap_controls.tabs .ullist li a {
		padding: 4px 0 4px 6px !important;
	}

	.gmap_controls.tabs.intl .ullist li a {
		padding: 8px 0 8px 8px !important;
	}

	.gtabs .button {
		padding: 12px;
	}

	/*.page-contact .fields-right {
		margin-top: 8px;
	}*/
	.page-contact .button.three {
		width: 100%;
		margin-top: 20px;
	}

	.page-contact .section-tabs.tabs dd.active, .page-contact .section-tabs.tabs li.active {
		border-top: none;
	}
}

/* -----------------------------------------
   Location Selector (Modal)
----------------------------------------- */

.large.location-selector {
	width: 900px;
	margin-left: -450px;
}

.location-selector .large {
	padding-right: 60px;
}

	.location-selector .large a {
		text-decoration: none;
		border-bottom: 1px solid #EC1944;
	}

		.location-selector .large a:hover {
			color: #EC1944;
			border-bottom: none;
		}

.location-selector .country-list li {
	margin-bottom: 20px;
}

	.location-selector .country-list li .map {
		position: relative;
	}

	.location-selector .country-list li img {
		display: block;
		margin-bottom: 4px;
	}

img.country-hover {
	display: none !important;
	position: absolute;
	top: 0;
	left: 0;
}

	img.country-hover.active {
		display: block !important;
		position: absolute;
		top: 0;
		left: 0;
	}

.location-selector .country-list li:hover img.country-hover {
	display: block !important;
}


/* -----------------------------------------
   Contact Panel (Modal)
----------------------------------------- */

#contactPanel .row {
	margin-bottom: 0;
}

#contactPanel p a:hover:not(.button) {
	color: #9ea2a2;
}

#contactPanel hr {
	margin-top: 0;
}

#contactPanel h2 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 20px;
}

#contactPanel p .telephone {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
}

#contactPanel p.address {
	font-size: 15px;
	padding-top: 11px;
}

@media only screen and (min-width: 768px) {
	#contactPanel br {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	#contactPanel {
		padding-top: 40px;
	}

		#contactPanel.reveal-modal.expand .columns {
			margin-bottom: 0;
		}
}

/* -----------------------------------------
   Form Module (Modal)
----------------------------------------- */

.form-module {
	padding: 25px 20px 15px;
}

	.form-module h2 {
		margin-top: 0;
		margin-bottom: 20px;
		max-width: 90%;
	}

	.form-module p {
		font-size: 14px;
		margin-bottom: 25px;
	}

	.form-module a.button {
		margin-top: 15px !important;
	}

	.form-module .meta {
		margin-top: 20px !important;
	}

		.form-module .meta label,
		.form-module .meta a {
			font-size: 13px;
			color: #9e9e9e;
		}
	/*.form-module .meta .text-right {
	padding-top: 4px !important;
}*/
	.form-module.reveal-modal .close-reveal-modal:not(.button) {
		top: 30px;
	}

p.error {
	color: #EC1944;
	margin-top: 20px;
	margin-bottom: 15px !important;
	width: 100% !important;
	text-align: center !important;
	clear: both;
}

.error span {
	font-weight: bold;
}

.error::-webkit-input-placeholder {
	color: red;
}

.error:-moz-placeholder { /* Firefox 18- */
	color: red;
}

.error::-moz-placeholder { /* Firefox 19+ */
	color: red;
}

.error:-ms-input-placeholder {
	color: red;
}

/* -----------------------------------------
   Footer
----------------------------------------- */
.footer-cta {
	background-color: #333355;
	padding-top: 37px;
}

	.footer-cta a {
		color: #fff;
	}

	.footer-cta:nth-child(1) {
		padding-top: 100px;
	}

.footer {
	padding: 30px 0 70px;
	background: #D9E1E3;
	color: #303354;
}

	.footer p {
		color: #303354;
		font-size: 16px;
	}

		.footer p a {
			color: #303354;
			margin-right: 10px;
			font-weight: 600;
			font-size: 14px;
			margin-left: 10px;
			font-family: Replica-Bold, Arial;
			text-transform: uppercase;
			/* font-weight: 600 !important; */
		}

			.footer p a:hover {
				text-decoration: underline;
			}

			.footer p a.last {
				margin-right: 0;
			}

/* -----------------------------------------
   Foundation overrides
----------------------------------------- */

/* Grid 
......................................... */

.row {
	width: 960px;
}

	.row .row {
		margin: 0 -15px;
	}

.column, .columns {
	padding: 0 15px;
}

/* Typography 
......................................... */

.subheader {
	font-weight: normal;
}

/* Buttons 
......................................... */

button.button {
	font-weight: normal;
}

.button {
	background: #ec1944;
	border: none;
	padding: 15px 20px 15px;
	text-transform: uppercase;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

	.button.transparent {
		background: transparent;
		border: 2px solid #fff;
		padding-left: 20px;
		padding: 13px 20px 14px;
	}

	.button:hover {
		background: #545969;
		text-decoration: none;
	}

.button-fw {
	width: 100%;
}

.button-back {
	display: block;
	text-transform: none;
	font-size: 16px;
	text-align: left;
}

.navy .button:hover {
	background: #BFC0C4;
	color: #333354;
}

.button-alt {
	font-size: 13px;
	color: #9ea2a2;
	background: #e8e8e8;
}

/* Back to Top button */

.button-btt {
	font-size: 13px;
	text-align: right;
	margin-bottom: 30px;
	padding-right: 0;
	color: #ec1944;
	background: #E7E8E8;
}

	.button-btt:hover {
		color: #333354;
		background: #E7E8E8;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}

/* Back to Top button text center */

.content-section-home + #back-to-top .button-btt,
.content-contents-fullwidth + #back-to-top .button-btt,
.content-visualiser + #back-to-top .button-btt {
	text-align: center;
}

#back-to-top {
	position: fixed;
	bottom: 50px;
	background: transparent !important;
	right: 0px;
	color: #fff !important;
	width: 100px !important;
	/* display: none; */
	opacity: 0;
	/* z-index: 0; */
	pointer-events: none;
	transition: opacity 500ms;
	-webkit-transition: opacity 500ms;
	z-index: 2000;
	height: 50px;
}

	#back-to-top.showing {
		opacity: 1;
		transition: opacity 500ms;
		-webkit-transition: opacity 500ms;
		pointer-events: all;
	}

	#back-to-top .button {
		position: fixed;
		bottom: 50px;
		background: rgba(0,0,0,0.2);
		right: 40px;
		color: #fff !important;
		width: 150px !important;
		text-align: center;
		padding: 12px 0px;
	}

.content-campaign-showcase .button-btt,
.content-gallery .button-btt {
	text-align: center;
	background: #fff;
	margin-bottom: 0;
}

.content-campaign-showcase + #back-to-top .button-btt,
.content-gallery + #back-to-top .button-btt {
}
/*.content-campaign-showcase + #back-to-top .button-btt.white {
	display: none;
}*/


/* Back to Top button AND on grey background */

.button-btt.grey {
}

.button-btt:hover,
.button-btt:active,
.button-btt:focus {
}

/* Back to Top button AND on white background AND align center */

.button-btt.white {
	color: #ec1944;
	background: #fff;
	display: block;
	text-align: center;
	margin-bottom: 0;
}

.button-btt2:hover,
.button-btt2:active,
.button-btt2:focus {
	color: #333354;
	background: #fff;
}

/*.button-btt.grey.center {
	text-align: center;
}*/

/* Forms 
......................................... */

.form p {
	font-size: 14px;
}

.form {
	margin-bottom: 0;
}

	.form h4 {
		font-weight: bold;
	}

	.form div {
		font-size: 14px;
	}

		.form div.custom.dropdown {
			width: 100% !important;
		}

			.form div.custom.dropdown a.current {
				font-size: 12px;
				overflow: hidden;
			}
/*form.custom {
	margin-bottom: 0;
}
form.custom h4 {
	font-weight: bold;
}
form.custom  div {
	font-size: 14px;
}
form.custom div.custom.dropdown {
	width: 100% !important;
}
form.custom div.custom.dropdown a.current {
	font-size: 12px;
}*/

fieldset {
	background: #f9f9f9;
	margin: 9px 0 18px;
	min-width: 100px;
}

/* Navigation - Top Bar 
......................................... */

.contain-to-grid {
	background: #545969;
	height: 40px;
}

.top-bar {
	background: #545969;
	max-height: 40px;
	min-height: 40px;
}

	.top-bar ul {
		height: 40px;
		line-height: 40px;
	}

		.top-bar ul > li {
			color: #fff;
			font-size: 14px;
		}

			.top-bar ul > li.has-dropdown a:after {
				border-color: black transparent transparent transparent;
			}

			.top-bar ul > li a:not(.button) {
				font-size: 14px;
				font-weight: normal;
			}

			.top-bar ul > li.connect a:not(.button) {
				padding: 0;
			}

/* Navigation - Pagination
......................................... */

.pagination-centered {
	text-align: center;
}

ul.pagination {
	margin-top: 17px;
	text-align: center;
}

	ul.pagination li a {
		display: inline-block;
		color: #9EA2A2;
		padding: 1px 3px 1px 7px;
	}

	ul.pagination li:hover a,
	ul.pagination li.current a,
	ul.pagination li.current a:hover,
	ul.pagination li.current a:focus {
		background: transparent;
		color: #EC1944;
		font-weight: normal;
	}

	ul.pagination li:first-child:before {
		content: " ";
	}

	ul.pagination li:before {
		content: "|";
		color: #ddd;
	}

/* Navigation - Breadcrumbs 
......................................... */

.breadcrumb-row {
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translate(-50%, 0%);
}

ul.breadcrumbs {
    background: transparent;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px;
    margin: 0;
}

    ul.breadcrumbs li {
        display: inline;
        float: none;
    }

	ul.breadcrumbs li:before {
		content: "\f105";
		color: #333355 !important;
		font-family: FontAwesome;
	}

	ul.breadcrumbs li:first-child:before {
		content: " " !important;
	}

	ul.breadcrumbs li a,
	ul.breadcrumbs li span {
		text-transform: none;
		font-size: 16px;
	}

	ul.breadcrumbs li a {
		color: #333355 !important;
	}

.content-home ul.breadcrumbs li a {
	color: #fff !important;
}

.content-home ul.breadcrumbs li:before {
	content: "\f105";
	color: #333355 !important;
	font-family: FontAwesome;
}


ul.breadcrumbs li.current a {
	color: #fff;
}

/* Tabs
......................................... */

.tabs {
	margin-top: 45px;
}

	.tabs dd.active, .tabs li.active {
		border-top: 3px solid #EC1944;
	}

/* Elements - Accordion 
......................................... */

ul.accordion > li.active {
	border-top: 3px solid #EC1944;
	border-bottom: 3px solid #EC1944;
}

	ul.accordion > li.active .title {
		background: #f6f6f6;
	}

		ul.accordion > li.active .title h4 {
			font-weight: bold;
		}

	ul.accordion > li.active .content p {
		font-size: 14px !important;
		color: #777;
	}

ul.accordion > li > div.title h4 {
	font-size: 15px;
}

ul.accordion > li > div.title:after {
	content: "+";
	border: none;
	right: 32px;
	top: 5px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: bold;
	text-decoration: inherit;
	font-size: 24px;
}

ul.accordion > li.active .title:after {
	content: "-";
	border: none;
}

/* Elements - Panels 
......................................... */

.panel {
	background: #fff;
	padding: 20px 20px;
	margin-bottom: 60px;
	border: none;
}

	/* Callout panel */

	.panel.callout {
		background: #E7E8E8;
		color: inherit;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}

		.panel.callout a {
			color: #777;
		}

			.panel.callout a:hover {
				color: #EC1944;
			}

		.panel.callout .button {
			background: #ec1944;
			color: #fff;
			font-weight: bold;
		}

			.panel.callout .button:hover {
				background: #545969;
				color: #fff;
			}

	.panel.navy {
		background: #333354;
		padding-bottom: 30px;
	}

/* -----------------------------------------
   Widgets
----------------------------------------- */

.widget {
	padding: 25px 30px 20px 30px;
	margin-bottom: 20px;
	border: none;
	background: #fff;
	/* move to a new class  ?? */
	min-height: 300px;
	max-width: 389px;
	margin-left: auto;
	margin-right: auto;
}

	.widget.no-shadow {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}

	.widget h3 {
		font-size: 16px;
		line-height: 1.4;
		margin-top: 0;
		margin-bottom: 10px;
	}

		.widget h3.large {
			font-family: 'Replica', Arial, sans-serif;
			font-size: 36px;
			font-weight: 200;
			margin-top: 0;
			margin-bottom: 15px;
			line-height: 1.1;
		}

		.widget h3.mid {
			font-size: 24px;
		}

	.widget ul {
		list-style-type: none;
		margin-bottom: 0;
	}

	.widget div.date-range {
		margin-top: 20px;
	}

	.widget .icon {
		position: relative;
		float: right;
	}

	.widget .meta {
		margin-bottom: 0;
	}

	/* 	1. Single Content Area (incl. Case Studies) & 5. Achieve (News/Blog article) */

	.widget.content {
		padding: 0;
	}

		.widget.content .contents {
			padding: 20px 31px;
		}

			.widget.content .contents p {
				font-size: 18px;
				font-family: Replica;
			}

				.widget.content .contents p a, .widget.content.double a {
					font-size: 18px;
					/* bottom: 30px; */
					/* position: absolute; */
				}

					.widget.content .contents p a .fa-angle-right, .widget.content.double a .fa-angle-right {
						padding-right: 8px;
						font-size: 20px;
						top: -1px;
						position: relative;
						display: inline-block;
					}

	/* 2. Statistics widget */

	.widget.statistics {
		background: #333354;
		color: #fff;
	}

		.widget.statistics span {
			color: #9ea2a2;
			font-size: 48px;
			margin-bottom: 20px;
			display: block;
		}

	/* 3. Image Area widget (Insights) */

	.widget.image-area {
		max-height: 370px;
		padding: 0;
		background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}

		.widget.image-area img {
		}

	/* 4. Twitter widget */

	.widget.twitter {
		position: relative;
	}

		.widget.twitter p {
			word-wrap: break-word;
			margin-top: 16px;
			margin-bottom: 23px;
		}

.twitter-cbs-logo {
	margin-bottom: 20px;
}

/* 6. Most Popular / RSS feed fix */

.widget.popular ul, .widget.rss-feed ul {
	list-style: none;
}

	.widget.popular ul li, .widget.rss-feed ul li {
		position: relative;
	}

		.widget.popular ul li a, .widget.rss-feed ul li a {
			position: relative;
			display: inline-block;
			padding-left: 15px;
		}

		.widget.popular ul li i, .widget.rss-feed ul li i {
			position: absolute;
			top: 10%;
			margin-left: -12px;
		}

/* 8. Gallery widget */

.widget.gallery .block-grid.three-up {
	margin: 0 -3px 14px;
}

	.widget.gallery .block-grid.three-up > li {
		padding: 0 3px 6px;
	}

/* 10. Want to know more? (Call to Action) widget */

.widget.call-to-action {
	background: #333354;
	color: #fff;
	min-height: 300px;
}

a.widget.call-to-action.phone {
	display: block;
	text-decoration: none;
}

.widget.call-to-action p.telephone {
	font-size: 24px;
	margin-bottom: 10px;
	color: #9ea2a2;
}

.widget.call-to-action p span {
	color: #9ea2a2;
}

/* 12. RSS Feed widget */

.widget.rss-feed {
	position: relative;
}

/* 14.1 Campaign Info widget */

.widget.campaign-info {
	background: #333354;
	color: #fff;
}

	.widget.campaign-info ul {
		line-height: 1.75;
	}

		.widget.campaign-info ul li span.header {
			color: #9ea2a2;
			font-size: 13px;
			text-transform: uppercase;
		}

		.widget.campaign-info ul li span.content {
			/* text-transform: lowercase;*/
			display: inline-block;
		}

			.widget.campaign-info ul li span.content:first-letter {
				text-transform: capitalize;
			}


/* 14.2 Download widget */

.widget.download {
	background: #545969;
	padding: 0;
	min-height: 70px;
	/**/
	height: inherit !important;
}

	.widget.download a {
		display: block;
		color: #fff;
		font-size: 13px;
		text-transform: uppercase;
		background: #545969 url('../images/icon-file.png') no-repeat right 16px;
		padding: 30px;
		font-weight: bold;
	}

		.widget.download a:hover {
			text-decoration: none;
			background: #EC1944 url('../images/icon-file-hover.png') no-repeat right 16px;
		}

/* 15. Newsletter Sign up widget */

.widget.newsletter-signup {
	position: relative;
}

/* 17. Testimonial widget */

.widget.testimonials {
	position: relative;
}

	.widget.testimonials blockquote {
		color: #545969;
		font-size: 16px;
		font-style: italic;
		text-align: left;
		margin: 0;
		padding: 0;
		line-height: 1.45;
	}

		.widget.testimonials blockquote a {
			color: #545969;
		}

/* 18. Video widget */

.js-vimeo.lightboxVimeo {
	display: none;
}

.widget.video {
	position: relative;
}

	.widget.video .icon {
		top: 47px;
		left: 124px;
	}

/* 19. Tumblr widget */


.widget.tumblr {
	position: relative;
}

	.widget.tumblr .icon {
		top: 55px;
	}

/* Contact Form - Enquiries widget */

.widget.enquiries {
	padding-bottom: 20px;
}

/* Filter Your Results - Category Selected widget */

.widget.filter-results a.active {
	color: #546969;
	/*font-weight: bold;*/
	background: url('../images/widget-filter-results-close.gif') right 1px no-repeat;
	padding-right: 25px;
	/*width: 100%;
height: 18px;*/
	/*display: inline-block;*/
	/* width: 30px; */
	/* height: 30px; */
	/* top: 10px; */
	/* right: 0; */
	/* display: block; */
}

	.widget.filter-results a.active:hover {
		color: #333354;
		background-position: right -17px;
		text-decoration: none;
	}

/* Terms & Conditions widget link */

p.tc {
	margin: 12px 0 0;
	text-align: center;
	font-size: 12px;
}

	p.tc a {
		color: #999;
	}


/* -----------------------------------------
   2-Column Widgets
----------------------------------------- */

.widget.double {
	max-width: 772px;
}

/* Double Content Area widget - Home International */

.widget.intl .leftside {
	-webkit-box-shadow: 5px 0px 3px -2px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 0px 3px -2px rgba(0,0,0,0.1);
	-ms-box-shadow: 5px 0px 3px -2px rgba(0,0,0,0.1);
	-o-box-shadow: 5px 0px 3px -2px rgba(0,0,0,0.1);
	box-shadow: 5px 0px 3px -2px rgba(0,0,0,0.1);
	min-height: 250px;
}

.widget.intl .rightside {
	padding: 0 20px 0 40px;
}

.widget.intl img {
	margin-bottom: 20px;
}

.widget.intl .icon {
	right: 20px;
	top: 32px;
}

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

	.widget.double {
		max-width: 300px;
	}

	.leftside {
		box-shadow: none;
	}

	.rightside {
		padding: 0 10px;
	}

	.breadcrumb-row {
		left: 0px;
	}
}

/* -----------------------------------------
   3-Column Widgets
----------------------------------------- */

.widget.triple {
	max-width: 1200px;
}

/* -----------------------------------------
	Right Hand Navigation
----------------------------------------- */

.rh-nav-widget {
	margin-bottom: 30px;
	margin-top: 26px;
}

	.rh-nav-widget h3 {
		font-size: 14px;
		text-transform: uppercase;
		margin-top: 0;
		margin-bottom: 20px;
	}

.rh-nav, .rh-nav ul, .rh-nav li {
	list-style: none;
}

	.rh-nav ul {
		padding: 0;
		margin: 0;
	}

.rh-nav {
	padding: 0;
	margin: 0;
}

	.rh-nav li,
	.rh-nav .open.down-angle > a {
		margin: 1px 0;
	}

	.rh-nav .open.down-angle {
	}

	.rh-nav .child li {
		margin: 1px 0;
	}


	.rh-nav a {
		background: #EC1944;
		color: #fff;
		display: block;
		outline: none;
		text-decoration: none;
		font-size: 16px;
		line-height: 40px;
		padding: 0 20px;
		height: 40px;
		/**/
		text-overflow: ellipsis;
		overflow: hidden;
	}

		.rh-nav a:hover {
			background-color: #333354;
			color: #fff;
			font-weight: bold;
		}

	.rh-nav li li a {
		color: #EC1944;
		background-color: #fff;
	}

		.rh-nav li li a:hover,
		.rh-nav li li.active > a:hover,
		.rh-nav li li.open > a:hover {
			background-color: #9E9EA8;
			color: #fff;
			font-weight: bold;
		}

	.rh-nav li li li a {
		padding-left: 30px;
	}

	.rh-nav li li li a {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		color: #EC1944;
		background: #fff;
	}

		.rh-nav li li li a:hover {
			background-color: #9E9EA8 !important;
			color: #fff !important;
			font-weight: bold;
			text-decoration: none;
		}

	.rh-nav li.active > a,
	.rh-nav li.open > a {
		background: #333354;
		color: #fff;
		font-weight: bold;
	}

	.rh-nav li li.active > a,
	.rh-nav li li.open > a {
		background: #fff;
		color: #EC1944;
		font-weight: bold;
	}

	.rh-nav li li li.active > a,
	.rh-nav li li li.open > a {
		background: #333354;
		color: #fff;
		font-weight: bold;
	}

		.rh-nav li li li.active > a:hover {
			background: transparent;
			color: #333354;
			text-decoration: none;
			font-weight: bold;
		}

	.rh-nav > li > a:after,
	.rh-nav li.right-angle a:after /*,
.rh-nav .open li.right-angle>a:after*/ {
		content: "\f105";
		color: #fff;
		font-family: FontAwesome;
		float: right;
		font-size: 21px;
		font-weight: normal;
	}

	.rh-nav > li.noAngle > a:after /*,
.rh-nav .open li.right-angle>a:after*/ {
		content: "";
		color: #fff;
		font-family: FontAwesome;
		float: right;
		font-size: 21px;
		font-weight: normal;
	}

	.rh-nav li.active.right-angle a:after,
	.rh-nav .open li.down-angle > a:after {
		content: "\f105";
		color: #EC1944;
		font-family: FontAwesome;
		float: right;
		font-size: 21px;
		font-weight: normal;
	}

	.rh-nav .open li.down-angle > a:after {
		content: "\f107";
	}

	.rh-nav li.right-angle.red a:after {
		color: #EC1944;
	}

	.rh-nav li.right-angle.red a:hover:after,
	.rh-nav li li.active > a:hover:after,
	.rh-nav li li.open > a:hover:after {
		color: #fff;
	}

	.rh-nav > li.active > a:after /*,
.rh-nav .open li.down-angle>a:after*/ {
		content: "\f107";
		font-family: FontAwesome;
		float: right;
		font-size: 21px;
		font-weight: normal;
		color: #fff;
		margin-right: -3px;
	}

	.rh-nav > li.active.noAngle > a:after /*,
.rh-nav .open li.down-angle>a:after*/ {
		content: "";
		font-family: FontAwesome;
		float: right;
		font-size: 21px;
		font-weight: normal;
		color: #fff;
		margin-right: -3px;
	}

	/*.rh-nav>li.active>a:after,
.rh-nav .open li.down-angle>a:after {
	content: "\f107";
	font-family: FontAwesome;
	float: right;
	font-size: 21px;
	font-weight: normal;
	color: #EC1944;
	margin-right: -3px;
}*/
	.rh-nav > li.open > a:after {
		content: "\f107";
		color: #fff;
	}
	/*.rh-nav .open.expanded li li a {
	color: #fff;
	background: #54596A;
}*/
	.rh-nav .open.expanded li li.active a {
		background: #fff;
		color: #333354;
	}

/* -----------------------------------------
	Reveal Modals 
----------------------------------------- */

.reveal-modal {
	z-index: 9999;
}

.reveal-modal-bg {
	z-index: 999;
	background: #191919;
}

.reveal-modal .close-reveal-modal:not(.button) {
	color: #545969;
	font-size: 3.2rem;
	font-weight: normal;
	border: 2px solid #545969;
	padding: 5px 4px;
	width: 30px;
	height: 30px;
	top: 20px;
	right: 20px;
	text-shadow: none;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-ms-border-radius: 300px;
	-o-border-radius: 300px;
	border-radius: 300px;
}

	.reveal-modal .close-reveal-modal:not(.button):hover {
		color: #EC1944;
		border: 2px solid #EC1944;
		text-decoration: none;
	}

.reveal-modal.expand {
	width: 100%;
	margin-left: -50%;
	top: 0;
	padding-bottom: 15px;
	box-shadow: none;
	z-index: 9999;
}

	.reveal-modal.expand .close-reveal-modal:not(.button) {
		top: 0;
	}

		.reveal-modal.expand .close-reveal-modal:not(.button):hover {
			color: #fff;
			border: 2px solid #fff;
			text-decoration: none;
		}


/* ----------------------------------------- 
	Search
----------------------------------------- */

.search-generic .button {
	height: 33px;
	padding-top: 10px;
	margin-top: -1px;
	-webkit-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-moz-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-ms-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-o-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}


.search-pop .fa-search {
	font-size: 22px;
	font-weight: 300 !important;
	opacity: 0.9;
}

/* Main Search
......................................... */


#Panel1.search-bar {
	display: none;
	position: fixed;
	top: 218px;
	/* right: 230px; */
	width: 370px;
	z-index: 12;
	/* transition: all 500ms; */
	/* -webkit-transition: all 500ms; */
	/* visibility: hidden; */
}

	#Panel1.search-bar.showing {
		top: 218px;
		/* transition: top 500ms; */
		/* -webkit-transition: top 500ms; */
		visibility: visible;
		display: block;
		-moz-box-shadow: 0 5px 10px -1px rgba(0,0,0,0.5);
		box-shadow: 0 5px 10px -1px rgba(0,0,0,0.5);
	}

body.scrolled #Panel1.search-bar {
	top: 119px;
}

	body.scrolled #Panel1.search-bar.showing {
		top: 178px;
		padding: 0px !important;
	}


#Panel1.search-bar .search-field {
	display: inline-block;
	width: 310px;
	height: 56px;
	background-color: #ffffff !important;
	/* z-index: 2000; */
	padding-left: 25px;
	margin-bottom: 0px;
}


#Panel1.search-bar .search-submit {
	display: inline-block;
	width: auto;
	float: right;
	height: 56px;
	width: 60px;
	padding-top: 15px;
	background: #EC1944;
	color: #fff;
	position: relative;
	right: 0px;
}

	#Panel1.search-bar .search-submit .fa-search {
		font-size: 24px;
	}

input[type="text"].search-field,
input[type="text"]:focus.search-field {
	background-color: #E7E8E8;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	outline: none;
	height: 28px;
}

.button.search-submit {
	font-size: 16px;
	color: #545969;
	background: #E7E8E8;
	border: none;
	text-align: right;
	padding-top: 6px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	height: 28px;
}

	.button.search-submit:hover {
		color: #EC1944;
	}

/* Case Studies Filter bar Search
......................................... */

.filter-bar .search-bar {
	margin-top: 2px !important;
}

.filter-bar input[type="text"].search-field,
.filter-bar input[type="text"]:focus.search-field {
	height: 28px;
	background-color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.filter-bar .button.search-submit {
	background: #fff;
	color: #545969;
}

	.filter-bar .button.search-submit:hover {
		background: #fff;
		color: #EC1944;
	}

/* -----------------------------------------
   Responsive Tables
----------------------------------------- */

table.responsive {
	margin-bottom: 0;
}

table th {
	font-weight: bold;
}

table td, table th {
	padding: 9px 10px;
	text-align: left;
}

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

	table.responsive .table-head {
		display: none;
	}

	table.responsive tr {
		display: list-item;
		list-style-type: none;
		padding: 10px 0;
	}

	table.responsive td {
		display: list-item;
		padding: 0 10px;
	}
}

/* ----------------------------------------- 
	Forms - Input fields
----------------------------------------- */

input[type="text"],
input[type="text"]:focus,
input[type="password"],
input[type="password"]:focus,
input[type="date"],
input[type="date"]:focus,
input[type="datetime"],
input[type="datetime"]:focus,
input[type="email"],
input[type="email"]:focus,
input[type="number"],
input[type="number"]:focus,
input[type="search"],
input[type="search"]:focus,
input[type="tel"],
input[type="tel"]:focus,
input[type="time"],
input[type="time"]:focus,
input[type="url"],
input[type="url"]:focus,
textarea {
	-webkit-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-moz-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-ms-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-o-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	/* -webkit-border-radius: 0; */
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: none;
	border: none;
	margin: 0 0 9px 0;
}

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

	#main input[type="text"], .reveal-modal input[type="text"],
	#main input[type="text"]:focus, .reveal-modal input[type="text"]:focus,
	#main input[type="password"], .reveal-modal input[type="password"],
	#main input[type="password"]:focus, .reveal-modal input[type="password"]:focus,
	#main input[type="date"], .reveal-modal input[type="date"],
	#main input[type="date"]:focus, .reveal-modal input[type="date"]:focus,
	#main input[type="datetime"], .reveal-modal input[type="datetime"],
	#main input[type="datetime"]:focus, .reveal-modal input[type="datetime"]:focus,
	#main input[type="email"], .reveal-modal input[type="email"],
	#main input[type="email"]:focus, .reveal-modal input[type="email"]:focus,
	#main input[type="number"], .reveal-modal input[type="number"],
	#main input[type="number"]:focus, .reveal-modal input[type="number"]:focus,
	#main input[type="search"], .reveal-modal input[type="search"],
	#main input[type="search"]:focus, .reveal-modal input[type="search"]:focus,
	#main input[type="tel"], .reveal-modal input[type="tel"],
	#main input[type="tel"]:focus, .reveal-modal input[type="tel"]:focus,
	#main input[type="time"], .reveal-modal input[type="time"],
	#main input[type="time"]:focus, .reveal-modal input[type="time"]:focus,
	#main input[type="url"], .reveal-modal input[type="url"],
	#main input[type="url"]:focus, .reveal-modal input[type="url"]:focus,
	#main textarea, .reveal-modal textarea {
		border: solid 1px #ddd;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
	}

	div.homePageEnquiries input {
		width: 100% !important;
	}
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #AEB2B1;
	font-size: 18px;
	font-family: 'Replica';
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #AEB2B1;
	font-size: 18px;
	font-family: 'Replica';
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #bbb;
	font-size: 18px;
	font-family: 'Replica';
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #AEB2B1;
	font-size: 18px;
	font-family: 'Replica';
}

/* -----------------------------------------
   Font Awesome
----------------------------------------- */

.fa-reorder:before {
	content: "\f0c9";
}

.fa-ul {
	margin-left: 25px;
}

/* -----------------------------------------
   Off canvas menu
----------------------------------------- */

#menu {
	opacity: 0;
}

.oc {
	float: left;
	margin-top: 3px;
	margin-right: 8px;
}

	.oc a {
		color: #333354;
	}

	.oc .close-offcanvas {
		display: none;
	}

/* -----------------------------------------
   jQX Tabs
----------------------------------------- */

.jqx-tabs-header {
	padding-bottom: 0;
}

.jqx-widget-header-office {
	border: none;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.jqx-widget-content-office {
	border: none;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.jqx-tabs-content-element {
	padding: 30px;
	background: #333354;
	color: #fff;
	text-align: center;
}

.jqx-tabs-title {
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 30px;
	height: 40px !important;
	background: #BFC0C4;
	color: #333354;
}

	.jqx-tabs-title:hover {
		background: #EC1944;
		color: #fff;
		text-decoration: none;
	}

.jqx-tabs-titleContentWrapper {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.jqx-tabs-title-selected-bottom-office, .jqx-tabs-selection-tracker-bottom-office, .jqx-tabs-title-selected-top-office, .jqx-tabs-selection-tracker-top-office {
	background: #333354;
	color: #fff;
	border: none;
	text-transform: uppercase;
}

.jqx-tabs-arrow-background {
	width: 40px !important;
	top: 3px !important;
	right: 0 !important;
	background: #e7e7e8;
	margin-right: 0;
	height: 40px !important;
}

.jqx-tabs-arrow-left, .jqx-tabs-arrow-right {
	width: 40px !important;
	height: 40px !important;
	margin-top: 0 !important;
}

.jqx-tabs-arrow-left {
	right: 40px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

/* -----------------------------------------
   Isotope
----------------------------------------- */

/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	opacity: 0;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		transition-property: transform, opacity;
	}

		/**** disabling Isotope CSS3 transitions ****/

		.isotope.no-transition,
		.isotope.no-transition .isotope-item,
		.isotope .isotope-item.no-transition {
			-webkit-transition-duration: 0s;
			-moz-transition-duration: 0s;
			transition-duration: 0s;
		}

/* -----------------------------------------
   Sitewide Media queries
----------------------------------------- */

@media only screen and (min-width: 974px) {

	.widget.content.double,
	.widget.content.triple {
		max-height: 370px !important;
		/* height: 370px !important; */
		overflow: hidden;
	}
}

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

	.lets-talk, .fixed .connect, .open-contact {
		display: none !important;
	}

	.widget.content h2 {
		font-size: 30px;
	}

		.widget.content h2 br {
			display: none;
		}

	.nav ul li a {
		padding: 0 8px;
	}

	.reveal-modal.large {
		width: 90%;
		margin-left: -45%;
	}

		.reveal-modal.large br {
			display: none;
		}
}

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

	.widget.download a {
		background-image: none;
	}

	.page-contact .section-tabs.tabs dd a, .page-contact .section-tabs.tabs li a {
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media only screen and (min-width: 1201px) {

	.top-bar > ul .name h1 a {
		display: none;
	}

	.section-tabs.tabs {
		margin: 0 auto 0 0;
	}

	/* Off-canvas menu */

	.oc {
		display: none;
	}
}

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

	/* temp */
	.menu,
	.lets-talk,
	.connect,
	.nav,
	.nav-content {
		display: none;
	}

	div.followUsForPage {
		display: block;
	}

	/*.widget { text-align: center; }*/
	/* e/o temp */

	h1,
	.large,
	.widget h3.large,
	p.lead {
		font-size: 32px !important;
	}

	/* Classes */

	img.align-left,
	img.align-right {
		float: none;
		margin-left: 0;
	}

	.search-generic .button {
		font-size: 11px;
	}

	/* Topbar */

	.country-select {
		margin-left: -20px;
	}

		.country-select span {
			display: none;
		}

	.open-contact {
		background: transparent;
		height: 40px;
		display: inline-block;
		padding: 0;
	}

		.open-contact span {
			display: none;
		}

	.login {
		display: none;
	}

	/* Header */

	.logo {
		float: right;
		margin-bottom: 0;
		margin-right: -14px;
		height: 55px;
		background-size: 280px;
		background-size: 235.5px auto;
		width: 250px;
		height: 55px;
		margin-top: 0;
	}

	.tagline {
		margin-top: -23px;
		margin-bottom: 0;
	}

	/* Case Studies */

	.items-grid .item {
		margin-left: auto !important;
		margin-right: auto;
	}

	/* ----------- */

	.section-tabs.tabs .tabs-right {
		float: none;
	}

	.section-tabs.tabs dt,
	.section-tabs.tabs li.section-title {
		margin-left: 20px;
	}

	.section-tabs.tabs dd.active,
	.section-tabs.tabs li.active {
		border-top: none;
	}

	/* Visualiser */

	.content-visualiser .tabs.mobile {
		margin-left: 0;
		margin-right: -2px;
	}

	/* Contact */

	.page-contact.regional section.row {
		padding: 10px;
	}
	/* ----------- */

	.footer .text-right {
		text-align: left;
	}

	/* Reveal */

	.reveal-modal.expand .columns {
		margin-bottom: 20px;
	}

	.reveal-modal.expand .button {
		display: inline-block;
	}

	.reveal-modal .close-reveal-modal:not(.button).show-for-small {
		top: 20px;
		right: 20px;
	}
}

/* -----------------------------------------
   Royalslider v1.0.5
----------------------------------------- */

/* Royalslider Core CSS 
......................................... */

.royalSlider {
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}

	.royalSlider > * {
		float: left;
	}

	.royalSlider .slider-controls {
		max-width: 1200px;
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 90px;
		/* margin: 0 auto; */
		left: 50%;
		transform: translate(-50%, 0%);
	}

.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}

.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

	.rsVisibleNearbyWrap .rsOverflow {
		position: absolute;
		left: 0;
		top: 0;
	}

.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
	background: #000;
}

	.rsContent > img {
		height: 100% !important;
		width: auto !important;
		max-width: none !important;
	}

.rsPreloader {
	position: absolute;
	z-index: 0;
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}

.rsNavItem {
	-webkit-tap-highlight-color: rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}

.rsTabs {
	float: left;
	background: none !important;
}

.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}

.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}

	.rsVideoFrameHolder.rsVideoActive {
		opacity: 1;
	}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor: url(../images/grab.png) 8 8, move;
}

.grabbing-cursor {
	cursor: url(../images/grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 20;
	background: url(blank.gif);
}

/******************************
*
*  RoyalSlider White Controls Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-minimal-white.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/

/* Background */

.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
	background: #000;
	color: #FFF;
}

	/***************
*
*  1. Arrows
*
****************/

	.rsMinW .rsArrow {
		height: 32px;
		width: 32px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 21;
	}

	.rsMinW .rsArrowLeft {
		right: 99px;
		bottom: 0px;
	}

	.rsMinW .rsArrowRight {
		right: 34px;
		bottom: 0px;
	}

	.rsMinW .rsArrowIcn {
		width: 24px;
		height: 24px;
		margin-top: 3px;
		margin-left: 3px;
		position: absolute;
		cursor: pointer;
		background: url('rs-minimal-white.png') transparent;
		border-radius: 2px;
		/* top: -10px; */
		/* right: -10px; */
	}

		.rsMinW .rsArrowIcn:hover {
		}

	.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
		background-position: -68px -36px;
	}

	.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
		background-position: -68px -68px;
	}

	.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
		background-position: -100px -36px;
	}

	.rsMinW.rsVer .rsArrowRight .rsArrowIcn {
		background-position: -100px -68px;
	}

	.rsMinW .rsArrowDisabled .rsArrowIcn {
		opacity: .3 !important;
		filter: alpha(opacity=30);
		*display: none;
	}

	/***************
*
*  2. Bullets
*
****************/

	.rsMinW .rsBullets {
		position: absolute;
		bottom: 15px;
		right: 73px;
		z-index: 35;
		padding-top: 4px;
		height: auto;
		text-align: center;
		line-height: 6px;
		overflow: hidden;
	}

	.rsMinW .rsBullet {
		width: 6px;
		height: 6px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 6px 5px 6px 4px;
	}

		.rsMinW .rsBullet span {
			display: block;
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: #CCC;
			background: rgba(255,255,255,0.5);
			box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
		}

		.rsMinW .rsBullet.rsNavSelected span {
			background: #FFF;
		}

	/***************
*
*  3. Thumbnails
*
****************/

	.rsMinW .rsThumbsHor {
		width: 100%;
		height: 72px;
	}

	.rsMinW .rsThumbsVer {
		width: 96px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}

	.rsMinW.rsWithThumbsHor .rsThumbsContainer {
		position: relative;
		height: 100%;
	}

	.rsMinW.rsWithThumbsVer .rsThumbsContainer {
		position: relative;
		width: 100%;
	}

	.rsMinW .rsThumb {
		float: left;
		overflow: hidden;
		width: 96px;
		height: 72px;
	}

		.rsMinW .rsThumb img {
			width: 100%;
			height: 100%;
		}

		.rsMinW .rsThumb.rsNavSelected {
			background: #333;
		}

			.rsMinW .rsThumb.rsNavSelected img {
				filter: alpha(opacity=40);
				opacity: 0.7;
			}

			.rsMinW .rsThumb.rsNavSelected span.thumbIco {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				border: 2px solid #FFF;
				border: 2px solid rgba(255,255,255,0.9);
				-webkit-backface-visibility: hidden;
			}

	.rsMinW .rsTmb {
		display: block;
	}

	/* Thumbnails arrow icons */

	.rsMinW .rsThumbsArrow {
		height: 100%;
		width: 20px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 21;
	}

	.rsMinW.rsWithThumbsVer .rsThumbsArrow {
		width: 100%;
		height: 20px;
	}

	.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft {
		top: 0;
		left: 0;
	}

	.rsMinW.rsWithThumbsVer .rsThumbsArrowRight {
		bottom: 0;
		left: 0;
	}

	.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft {
		left: 0;
		top: 0;
	}

	.rsMinW.rsWithThumbsHor .rsThumbsArrowRight {
		right: 0;
		top: 0;
	}

	.rsMinW .rsThumbsArrowIcn {
		width: 16px;
		height: 16px;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -8px;
		position: absolute;
		cursor: pointer;
		background: url('rs-minimal-white.png');
	}

	.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
		background-position: -128px -32px;
	}

	.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
		background-position: -128px -48px;
	}

	.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
		background-position: -144px -32px;
	}

	.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
		background-position: -144px -48px;
	}

	.rsMinW .rsThumbsArrowDisabled {
		display: none !important;
	}

/* Thumbnails resizing on smaller screens */

@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsMinW .rsThumb {
		width: 59px;
		height: 44px;
	}

	.rsMinW .rsThumbsHor {
		height: 44px;
	}

	.rsMinW .rsThumbsVer {
		width: 59px;
	}
}

/***************
*
*  4. Tabs
*
****************/

.rsMinW .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding-top: 12px;
	position: relative;
}

.rsMinW .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;
	background-color: #000;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
	background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
	*display: inline;
	*zoom: 1;
}

	.rsMinW .rsTab:first-child {
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.rsMinW .rsTab:last-child {
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #cfcfcf;
	}

	.rsMinW .rsTab:active {
		border: 1px solid #D9D9DD;
		background-color: #f4f4f4;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
	}

	.rsMinW .rsTab.rsNavSelected {
		color: #000;
		border: 1px solid #999;
		text-shadow: 1px 1px #838383;
		box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
		background: #ACACAC;
		background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
		background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
		background-image: linear-gradient(to bottom, #ACACAC, #BBB);
	}

/***************
*
*  5. Fullscreen button
*
****************/

.rsMinW .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
}

.rsMinW .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('rs-minimal-white.png') 0 0 transparent;
}

	.rsMinW .rsFullscreenIcn:hover {
		opacity: 0.8;
	}

.rsMinW.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}

/***************
*
*  6. Play/close video button
*
****************/

.rsMinW .rsPlayBtn {
	-webkit-tap-highlight-color: rgba(0,0,0,0.3);
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	cursor: pointer;
}

.rsMinW .rsPlayBtnIcon {
	width: 64px;
	display: block;
	height: 64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	background: url(rs-minimal-white.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}

.rsMinW .rsBtnCenterer {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
}

.rsMinW .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

	.rsMinW .rsCloseVideoBtn.rsiOSBtn {
		top: -38px;
		right: -6px;
	}

.rsMinW .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('rs-minimal-white.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

	.rsMinW .rsCloseVideoIcn:hover {
		background-color: rgba(0,0,0,0.9);
	}

/***************
*
*  7. Preloader
*
****************/

.rsMinW .rsPreloader {
	width: 20px;
	height: 20px;
	background-image: url(../preloaders/preloader-white.gif);
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
}

/***************
*
*  8. Global caption
*
****************/

.rsMinW .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;
	background: #000;
	background: rgba(0,0,0, 0.75);
	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}


/* Royalslider Custom (Main Slider)
......................................... */

#full-width-slider .rsOverflow {
	overflow: visible;
	height: 600px !important;
}

.content-campaign-showcase #full-width-slider,
.content-gallery #full-width-slider; {
	height: 400px !important;
}

	.content-campaign-showcase #full-width-slider .rsOverflow,
	.content-gallery #full-width-slider .rsOverflow {
		overflow: visible;
		height: 400px !important;
	}


#full-width-slider {
	width: 100%;
}

	#full-width-slider .rsSlide {
		opacity: 0.2;
	}


	#full-width-slider .rsActiveSlide {
		opacity: 1;
	}

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
	background: #545969;
}

.gradient-slider {
	width: 100%;
	height: 100%;
	top: 0px;
	position: absolute;
}


	.gradient-slider > div:first-child {
		background: #000; /* For Safari 5.1 to 6.0 */
		width: calc((100% - 1270px) / 2);
		position: absolute;
		height: 100%;
	}


	.gradient-slider > div:nth-child(2) {
		height: 100%;
		top: 0px;
		position: absolute;
		/* float: left; */
		max-width: 1270px;
		width: 100%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-moz-transform: translate(-50%, 0%);
		margin-left: 50%;
	}


		.gradient-slider > div:nth-child(2) div {
			background: -webkit-linear-gradient(left, #000, transparent); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(right, #000, transparent); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(right, #000, transparent); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to right, #000, transparent); /* Standard syntax (must be last) */
			height: 100%;
			width: 900px;
		}


#full-width-slider .infoBlock {
	max-width: 1228px;
	margin: 0 auto;
	width: 100%;
	left: 0;
	position: absolute;
	margin-left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
}




.infoBlock {
	position: absolute;
	top: 70px;
	right: auto;
	left: 0;
	overflow: visible;
}

	.infoBlock h2 {
		background: #9ea2a2;
		color: #333354;
		padding: 20px 20px 25px 29px;
		margin: 0;
		display: inline-block;
		/*max-width: 66%;*/
	}

	.infoBlock p {
		background: #333354;
		color: #fff;
		padding: 20px 25px 24px 29px;
		font-size: 20px;
		margin: 0;
		/*max-width: 66%;*/
		/*display: table-cell;
 	position: relative;*/
	}
/*.infoBlock .button {
 	position: absolute;
 	right: -64px;
 	bottom: -24px;
}*/
.button-play-video {
	background: #ec1944 url('../images/button-play-video.png') right 16px no-repeat;
	padding-right: 54px;
}

	.button-play-video:hover {
		background: #545969 url('../images/button-play-video.png') right 16px no-repeat;
		padding-right: 54px;
	}

/* Royalslider Custom Arrows (Main Slider)
......................................... */

.rsMinW .rsArrow {
	height: 90px;
	width: 90px;
	border: 10px solid #FFF;
}

.rsMinW .rsArrowLeft {
}

.rsMinW .rsArrowRight {
	right: 15px;
	/* bottom: 45%; */
}

.rsMinW .rsArrowIcn {
	width: 70px;
	height: 70px;
	margin: 0;
	border-radius: 0;
}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
	background: url('../images/main-slider-arrows.gif') 0 0 no-repeat transparent;
	background-position: -75px 0;
}

	.rsMinW.rsHor .rsArrowLeft .rsArrowIcn:hover {
		background-position: 0px 0;
	}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
	background: url('../images/main-slider-arrows.gif') 0 0 no-repeat transparent;
	background-position: -75px -75px;
}

	.rsMinW.rsHor .rsArrowRight .rsArrowIcn:hover {
		background-position: 0px -75px;
	}

/* Royalslider Custom Bullets (Main Slider) 
......................................... */

.rsMinW .rsBullets {
	left: 35px;
	right: auto;
	bottom: 20px;
	padding-top: 0;
	line-height: 10px;
}

.rsMinW .rsBullet {
	width: 15px;
	height: 17px;
}

	.rsMinW .rsBullet span {
		width: 10px;
		height: 10px;
		background: #fff;
		box-shadow: none;
	}

	.rsMinW .rsBullet.rsNavSelected span {
		background: #EC1944;
	}

/* Royalslider Custom media queries (Main Slider) 
......................................... */

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

	.infoBlock {
		top: 40px;
	}

		.infoBlock h2,
		.infoBlock p {
			padding-left: 50px;
		}

	.giant {
		font-size: 40px;
	}

	.infoBlock p {
		font-size: 18px;
	}

	.rsMinW .rsArrow {
		width: 55px;
		height: 55px;
	}

	.rsMinW .rsArrowIcn {
		width: 35px;
		height: 35px;
	}
	/*.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
		background: url('../images/main-slider-left-arrow-small.gif') 0 0 no-repeat transparent;
	}
	.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
		background: url('../images/main-slider-right-arrow-small.gif') 0 0 no-repeat transparent;
	}*/
	.rsMinW .rsArrowLeft {
		/* left: 0px; */
		/* bottom: 47%; */
	}

	.rsMinW .rsArrowRight {
		right: 55px;
		/* bottom: 47%; */
	}

	.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
		background: url('../images/main-slider-arrows-small.gif') 0 0 no-repeat transparent;
		background-position: -35px 0;
	}

		.rsMinW.rsHor .rsArrowLeft .rsArrowIcn:hover {
			background-position: 0px 0;
		}

	.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
		background: url('../images/main-slider-arrows-small.gif') 0 0 no-repeat transparent;
		background-position: -35px -35px;
	}

		.rsMinW.rsHor .rsArrowRight .rsArrowIcn:hover {
			background-position: 0px -35px;
		}
}

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


	.home .widget {
		height: 380px;
	}

	#full-width-slider {
		width: 100%;
		margin: 0 auto;
		height: 600px !important;
	}
}

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

	/*.giant {
		font-size: 40px;
	}
	.infoBlock p {
		font-size: 18px;
	}*/
}

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

	.infoBlock p {
		display: table-cell;
		position: relative;
	}

	.infoBlock .button {
		position: inherit;
	}
}

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

	.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
		background: #333354;
	}

		#full-width-slider,
		.rsOverflow,
		.rsContainer,
		.rsMinW .rsSlide,
		.rsContent,
		img.rsImg {
			min-height: 340px;
		}

	img.rsImg {
		display: none;
	}

	.infoBlock {
		top: 0;
		width: 100%;
		text-align: center;
	}

		.infoBlock h2,
		.infoBlock p {
			padding-right: 50px;
			max-width: 100%;
		}

		.infoBlock .button {
			margin-top: 20px;
		}

		.infoBlock br {
			display: none;
		}

	.rsMinW .rsBullets {
		display: none;
	}

	.rsDefault.rsHor .rsArrowRight {
		right: -5px !important;
		top: 50% !important;
	}

	.rsDefault .rsBullets {
		display: none;
	}

	.rsDefault.rsHor .rsArrowLeft {
		left: -5px !important;
		top: 50% !important;
	}

	#content-slider-1 .widget.content .contents {
		padding: 20px 44px;
	}

	.promoText {
		width: 100% !important;
	}

	.promoImg {
		width: 100% !important;
	}

	.tabPromo p {
		font-size: 10px !important;
	}

		.tabPromo p.active .arrow {
			/*left:30%!important;*/
			display: none !important;
		}

	.promoImg {
		height: auto !important;
	}
}

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

	#full-width-slider,
	.rsOverflow,
	.rsContainer,
	.rsMinW .rsSlide,
	.rsContent,
	img.rsImg {
		min-height: 300px;
	}

	.giant {
		font-size: 32px;
	}

	.infoBlock p {
		font-size: 16px;
	}

	.infoBlock h2,
	.infoBlock p {
		padding-left: 35px;
		padding-right: 35px;
	}

	.promoText {
		width: 100% !important;
	}

	.promoImg {
		width: 100% !important;
	}

	.tabPromo p {
		font-size: 10px !important;
	}

		.tabPromo p.active .arrow {
			/*left:30%!important;*/
			display: none !important;
		}

	.promoImg {
		height: auto !important;
	}
}

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

	#full-width-slider,
	.rsOverflow,
	.rsContainer,
	.rsMinW .rsSlide,
	.rsContent,
	img.rsImg {
		min-height: 400px;
	}
	/*.infoBlock p {
		font-size: 15px;
	}*/
	/*.infoBlock h2 {
		padding-left: 30px;
		padding-right: 20px;
	}*/
	.rsMinW .rsArrowLeft {
		/* bottom: 50%; */
		right: 44px;
		width: 45px;
		height: 45px;
	}

	.rsMinW .rsArrowIcn {
		/* bottom: 50%; */
		width: 26.5px;
		height: 26.5px;
	}

	.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
		background: url('../images/main-slider-arrows-small.gif') 0 0 no-repeat transparent;
		background-position: -39px -4px;
	}

	.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
		background: url('../images/main-slider-arrows-small.gif') 0 0 no-repeat transparent;
		background-position: -39px -39px;
	}

	.rsMinW.rsHor .rsArrowLeft .rsArrowIcn:hover {
		background-position: -5px -4px;
	}

	.rsMinW.rsHor .rsArrowRight .rsArrowIcn:hover {
		background-position: -4px -39px;
	}

	.rsMinW .rsArrowRight {
		/* bottom: 50%; */
		right: 0px;
		width: 45px;
		height: 45px;
	}

	.promoText {
		width: 100% !important;
	}

	.promoImg {
		width: 100% !important;
	}

	.tabPromo {
		/* display: table !important; */
	}

		.tabPromo p {
			font-size: 17px !important;
			width: 100% !important;
			max-width: 100% !important;
			margin-right: 0px !important;
			margin-left: 0px !important;
			display: block !important;
			clear: both;
		}

			.tabPromo p.active .arrow {
				/*left:30%!important;*/
				display: none !important;
			}

	.promoImg {
		height: auto !important;
	}

	div.leftLinks, div.rightLinks {
		width: 100% !important;
	}

	div.rightLinks {
		width: 100% !important;
		margin-top: 0px !important;
	}
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/

/* Background */

.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #d9e1e2;
	color: #FFF;
}

	/***************
*
*  1. Arrows
*
****************/

	.rsDefault .rsArrow {
		/* height: 100%; */
		bottom: 25px;
		height: 44px;
		width: 44px;
		position: absolute !important;
		display: block;
		cursor: pointer;
		z-index: 21;
		top: auto !important;
	}

	.rsDefault.rsVer .rsArrow {
		width: 100%;
		height: 44px;
	}

	.rsDefault.rsVer .rsArrowLeft {
		top: 0;
		left: 0;
	}

	.rsDefault.rsVer .rsArrowRight {
		bottom: 0;
		left: 0;
	}

	.rsDefault.rsHor .rsArrowLeft {
		left: auto;
		top: 0;
	}

	.rsDefault.rsHor .rsArrowRight {
		right: 0;
		top: 0;
	}

	.rsDefault .rsArrowIcn {
		width: 32px;
		height: 32px;
		top: 50%;
		left: 50%;
		margin-top: -16px;
		margin-left: -16px;
		position: absolute;
		cursor: pointer;
		background: url('../images/rs-default.png');
		background-color: #000;
		background-color: rgba(0,0,0,0.75);
		*background-color: #000;
		border-radius: 2px;
	}

		.rsDefault .rsArrowIcn:hover {
			background-color: rgba(0,0,0,0.9);
		}

	.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
		background-position: -64px -32px;
	}

	.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
		background-position: -64px -64px;
	}

	.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
		background-position: -96px -32px;
	}

	.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
		background-position: -96px -64px;
	}

	.rsDefault .rsArrowDisabled .rsArrowIcn {
		opacity: .2;
		filter: alpha(opacity=20);
		*display: none;
	}

	/***************
*
*  2. Bullets
*
****************/

	.rsDefault .rsBullets {
		position: absolute;
		z-index: 35;
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: #000;
		background: rgba(0,0,0,0.75);
		text-align: center;
		line-height: 8px;
		overflow: hidden;
	}

	.rsDefault .rsBullet {
		width: 8px;
		height: 8px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 6px 5px 6px;
	}

		.rsDefault .rsBullet span {
			display: block;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #777;
			background: rgba(255,255,255,0.5);
		}

		.rsDefault .rsBullet.rsNavSelected span {
			background-color: #FFF;
		}

	/***************
*
*  3. Thumbnails
*
****************/

	.rsDefault .rsThumbsHor {
		width: 100%;
		height: 72px;
	}

	.rsDefault .rsThumbsVer {
		width: 96px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsContainer {
		position: relative;
		height: 100%;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsContainer {
		position: relative;
		width: 100%;
	}

	.rsDefault .rsThumb {
		float: left;
		overflow: hidden;
		width: 96px;
		height: 72px;
	}

		.rsDefault .rsThumb img {
			width: 100%;
			height: 100%;
		}

		.rsDefault .rsThumb.rsNavSelected {
			background: #02874a;
		}

			.rsDefault .rsThumb.rsNavSelected img {
				opacity: 0.3;
				filter: alpha(opacity=30);
			}

	.rsDefault .rsTmb {
		display: block;
	}

		/* Thumbnails with text */
		.rsDefault .rsTmb h5 {
			font-size: 16px;
			margin: 0;
			padding: 0;
			line-height: 20px;
			color: #FFF;
		}

		.rsDefault .rsTmb span {
			color: #DDD;
			margin: 0;
			padding: 0;
			font-size: 13px;
			line-height: 18px;
		}

	/* Thumbnails arrow icons */
	.rsDefault .rsThumbsArrow {
		height: 100%;
		width: 20px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 21;
		background: #000;
		background: rgba(0,0,0,0.75);
	}

		.rsDefault .rsThumbsArrow:hover {
			background: rgba(0,0,0,0.9);
		}

	.rsDefault.rsWithThumbsVer .rsThumbsArrow {
		width: 100%;
		height: 20px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
		top: 0;
		left: 0;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
		bottom: 0;
		left: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
		left: 0;
		top: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
		right: 0;
		top: 0;
	}

	.rsDefault .rsThumbsArrowIcn {
		width: 16px;
		height: 16px;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -8px;
		position: absolute;
		cursor: pointer;
		background: url('rs-default.png');
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
		background-position: -128px -32px;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
		background-position: -128px -48px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
		background-position: -144px -32px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
		background-position: -144px -48px;
	}

	.rsDefault .rsThumbsArrowDisabled {
		display: none !important;
	}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}

	.rsDefault .rsThumbsHor {
		height: 44px;
	}

	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}

/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding-top: 12px;
	position: relative;
}

.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;
	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
	background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;
	*display: inline;
	*zoom: 1;
}

	.rsDefault .rsTab:first-child {
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.rsDefault .rsTab:last-child {
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #cfcfcf;
	}

	.rsDefault .rsTab:active {
		border: 1px solid #D9D9DD;
		background-color: #f4f4f4;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
	}

	.rsDefault .rsTab.rsNavSelected {
		color: #FFF;
		border: 1px solid #999;
		text-shadow: 1px 1px #838383;
		box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
		background: #ACACAC;
		background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
		background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
		background-image: linear-gradient(to bottom, #ACACAC, #BBB);
	}

/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
}

.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('rs-default.png') 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;
}

	.rsDefault .rsFullscreenIcn:hover {
		background-color: rgba(0,0,0,0.9);
	}

.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}

/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color: rgba(0,0,0,0.3);
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	cursor: pointer;
}

.rsDefault .rsPlayBtnIcon {
	width: 64px;
	display: block;
	height: 64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	background: url(rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault .rsBtnCenterer {
	position: absolute;
	left: 50%;
	top: 50%;
}

.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

	.rsDefault .rsCloseVideoBtn.rsiOSBtn {
		top: -38px;
		right: -6px;
	}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('rs-default.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

	.rsDefault .rsCloseVideoIcn:hover {
		background-color: rgba(0,0,0,0.9);
	}

/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width: 20px;
	height: 20px;
	background-image: url(../preloaders/preloader-white.gif);
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
}

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.75);
	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}

/* Royalslider Custom (Secondary Slider)
......................................... */

.contentSlider {
	width: 100%;
}

	.contentSlider,
	.contentSlider .rsOverflow,
	.contentSlider .rsSlide,
	.contentSlider .rsVideoFrameHolder,
	.contentSlider .rsThumbs {
		color: #333354;
	}

		.contentSlider .rsSlide,
		.contentSlider .rsOverflow {
			background: #d9e1e2;
		}

.rsDefault .rsBullets {
	background: transparent;
	left: 398px;
	bottom: 40px;
	line-height: 20px;
}

.rsDefault .rsBullet {
	width: 10px;
	height: 10px;
	padding: 6px 8px 6px;
}

	.rsDefault .rsBullet span {
		background: #9ea2a2;
		width: 10px;
		height: 10px;
	}

	.rsDefault .rsBullet.rsNavSelected span {
		background-color: #EC1944;
	}

.rsDefault .rsArrow {
	z-index: 45;
}

.rsDefault .rsArrowIcn {
	background-color: transparent;
}

	.rsDefault .rsArrowIcn:hover {
		background-color: transparent;
	}

.rsDefault.rsHor .rsArrowRight {
	right: 96px;
	top: 114px;
}

.rsDefault.rsHor .rsArrowLeft {
	right: 224px;
	top: 114px;
}

.widget.content.triple .columns:first-child.image {
	text-align: left;
}

.widget.content.triple .image {
	text-align: center;
}

@media screen and (max-width:768px) {
	.rsDefault.rsHor .rsArrowLeft {
		right: 150px;
	}

	.rsDefault.rsHor .rsArrowRight {
		right: 30px;
		top: 114px;
	}

	.rsDefault .rsBullets {
		right: 55px;
		width: 150px;
		left: auto;
	}
}

/* -----------------------------------------
   FlexSlider v2.2.0
----------------------------------------- */

/* FlexSlider Browser Resets
......................................... */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

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

/* FlexSlider Necessary Styles
......................................... */

.flexslider {
	margin: 0;
	padding: 0;
}

	.flexslider .slides > li {
		display: none;
		-webkit-backface-visibility: hidden;
	}
	/* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {
		width: 100%;
		display: block;
	}


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

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

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

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you 
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
......................................... */

.flexslider { /*margin: 0 0 60px; background: #fff; border: 4px solid #fff; */
	position: relative; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; */
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

	.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 40px;
		height: 40px;
		margin: -20px 0 0;
		position: absolute;
		top: 50%;
		z-index: 10;
		overflow: hidden;
		opacity: 0;
		cursor: pointer;
		color: rgba(0,0,0,0.8);
		text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}

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

	.flex-direction-nav .flex-next {
		right: -50px;
		text-align: right;
	}

.flexslider:hover .flex-prev {
	opacity: 0.7;
	left: 10px;
}

.flexslider:hover .flex-next {
	opacity: 0.7;
	right: 10px;
}

	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
		opacity: 1;
	}

.flex-direction-nav .flex-disabled {
	opacity: 0 !important;
	filter: alpha(opacity=0);
	cursor: default;
}

.gallery-showcase-carousel .flex-direction-nav a {
	background: rgba(0,0,0,0.8);
	color: transparent;
	line-height: 0;
	font-size: 0;
}

.gallery-showcase-carousel .flex-direction-nav .flex-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	color: #fff !important;
	font-size: 40px;
	top: 20px;
	position: absolute;
	left: 10px;
}

.gallery-showcase-carousel .flex-direction-nav .flex-next:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #fff !important;
	font-size: 40px;
	top: 20px;
	position: absolute;
	left: 15px;
}

.gallery-brands .flex-direction-nav, .gallery-testimonials .flex-direction-nav {
	display: none !important;
}

.gallery-testimonials.flexslider .slides > li {
	margin-right: 50px;
}

.gallery-testimonials .openquote:before {
	content: "\201C";
	width: 100%;
	font-size: 120px;
	line-height: 114px;
	height: 62px;
	display: block;
	text-align: center;
	font-family: Arial;
	color: #EC1944;
}

.gallery-testimonials .title {
	width: 100%;
	display: block;
	text-align: center;
	font-family: Arial;
	font-size: 24px;
	font-weight: 600;
	color: #333354;
	padding-bottom: 10px;
}

.gallery-testimonials .quote {
	font-style: italic;
	font-size: 18px;
	font-weight: 100;
	font-family: "Arial";
	text-align: center;
	padding-bottom: 10px;
	/* height: 150px; */
}

.gallery-testimonials .client {
	font-size: 18px;
	font-weight: 600;
	font-family: "Arial";
	text-align: center;
}

.gallery-testimonials .position {
	font-size: 14px;
	font-weight: 300;
	font-family: "Arial";
	text-align: center;
	color: #9ea2a2;
	text-transform: uppercase;
}

.gallery-testimonials .quote:before {
	content: "\201C";
}

.gallery-testimonials .quote:after {
	content: "\201D";
}

/*.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }*/
/*.flex-direction-nav a.flex-next:before  { content: '\f002'; }*/

/* Pause/Play */
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}

	.flex-pauseplay a:before {
		font-family: "flexslider-icon";
		font-size: 20px;
		display: inline-block;
		content: '\f004';
	}

	.flex-pauseplay a:hover {
		opacity: 1;
	}

	.flex-pauseplay a.flex-play:before {
		content: '\f003';
	}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}

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

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #9DA3A3; /*background: rgba(0,0,0,0.5);*/
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

	.flex-control-paging li a:hover {
		background: #EC1944; /*background: rgba(0,0,0,0.7);*/
	}

	.flex-control-paging li a.flex-active {
		background: #EC1944; /*background: rgba(0,0,0,0.9);*/
		cursor: default;
	}

#main.content-home .flex-control-paging li a {
	background: #fff; /*background: rgba(0,0,0,0.9);*/
	cursor: default;
}

	#main.content-home .flex-control-paging li a.flex-active {
		background: #EC1944; /*background: rgba(0,0,0,0.9);*/
		cursor: default;
	}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

	.flex-control-thumbs li {
		width: 25%;
		float: left;
		margin: 0;
	}

	.flex-control-thumbs img {
		width: 100%;
		display: block;
		opacity: .7;
		cursor: pointer;
	}

		.flex-control-thumbs img:hover {
			opacity: 1;
		}

	.flex-control-thumbs .flex-active {
		opacity: 1;
		cursor: default;
	}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 10px;
	}

	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 10px;
	}
}

/* FlexSlider Carousel Custom
......................................... */

.flexslider.carousel .slides img {
	margin-bottom: 18px;
}

.flexslider.carousel .flex-direction-nav {
	position: absolute;
	right: 19px;
	top: -25px;
}

	.flexslider.carousel .flex-direction-nav .flex-next {
		text-indent: -9999em;
		text-align: left;
		right: 0 !important;
		margin-right: -30px;
		opacity: 1 !important;
		background: url(../images/campaign-showcase-detail-related-arrow-right.gif) no-repeat 0 0;
	}

	.flexslider.carousel .flex-direction-nav .flex-prev {
		text-indent: -9999em;
		left: 0 !important;
		opacity: 1 !important;
		margin-left: -40px;
		background: url(../images/campaign-showcase-detail-related-arrow-left.gif) no-repeat 0 0;
	}

.flexslider.carousel .slides > li {
	margin-right: 30px;
}

.flexslider.gallery-showcase {
	margin-bottom: 60px;
	margin-top: -45px;
	width: 1000px;
	padding-bottom: 0px;
}

	.flexslider.gallery-showcase .slides > li {
		margin-right: 0px;
		height: 535px;
	}

		.flexslider.gallery-showcase .slides > li a:before {
			content: '.';
			color: transparent;
			height: 100%;
			width: 500px;
			z-index: 2000;
			background: -webkit-linear-gradient(left, rgba(0,0,0,0.7), transparent); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(right, rgba(0,0,0,0.7), transparent); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(right, rgba(0,0,0,0.7), transparent); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to right, rgba(0,0,0,0.7), transparent); /* Standard syntax (must be last) */
			position: absolute;
			display: block;
		}

	.flexslider.gallery-showcase .flex-direction-nav .flex-next {
		text-indent: -9999em;
		text-align: left;
		right: 0 !important;
		margin-right: -30px;
		opacity: 1 !important;
	}



	.flexslider.gallery-showcase .flex-direction-nav .flex-prev {
		text-indent: -9999em;
		left: 0 !important;
		opacity: 1 !important;
		margin-left: -40px;
	}


{
	background-color: #fff;
	padding: 10px 0px 10px 10px;
	position: absolute;
	bottom: 100px;
	left: 50px;
	width: auto;
	cursor: pointer;
}

.gallery-showcase-carousel {
	background-color: #fff;
	padding: 10px 0px 10px 10px;
	position: absolute;
	bottom: 100px;
	left: 50px;
	width: auto;
	cursor: pointer;
}

	.gallery-showcase-carousel .flex-prev, .gallery-showcase-carousel .flex-next {
		display: none !important;
	}


.flexslider.gallery-showcase .slides > li .flex-caption {
	top: 93px;
	left: 60px;
	display: inline-block;
	/* height: 100%; */
	z-index: 3000;
	width: 100%;
	position: relative;
	text-transform: uppercase;
	font-size: 18px;
	font-family: Replica-Regular, Arial;
}

	.flexslider.gallery-showcase .slides > li .flex-caption:before {
		content: "\f105";
		font-family: FontAwesome;
		color: #fff !important;
		font-size: 20px;
		padding-right: 10px;
	}

.gallery-showcase-carousel .slides li {
	height: 83px;
	background-color: #fff;
	margin-right: 10px;
	width: 170px !important;
}

#gallery-showcase a.button, #campaign-showcase .four.columns a.button {
	border: 2px solid #fff;
	background: transparent;
	font-family: Arial;
	margin-top: 45px;
}

	#gallery-showcase a.button:hover {
		background-color: #333354 !important;
		color: #fff;
	}

	#campaign-showcase .four.columns a.button:hover {
		background-color: #545969 !important;
		color: #fff;
	}

#campaign-showcase .eight.columns a.button {
	position: absolute;
	display: block;
	bottom: 0px;
	border-top: 10px solid #fff;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	right: 15px;
}

	#campaign-showcase .eight.columns a.button:hover {
		background-color: #545969;
		color: #fff;
	}

#gallery-showcase a.button:hover {
	background: #EE1945;
	color: #fff;
}

#gallery-showcase a.button .fa-angle-right {
	display: none;
}

/* -----------------------------------------
	Lightbox Custom
----------------------------------------- */

.fancybox-title .row {
	min-width: 100%;
}

	.fancybox-title .row .columns {
		padding: 0;
	}

.fancybox-inner {
	margin-bottom: 10px;
	background-color: #eef4f5 !important;
	max-height: 674px;
}

.fancybox-skin {
	color: #333354;
	background: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.lightbox-header {
	padding: 25px 25px 0 25px;
	height: 95px;
	background-color: #fff;
}

.cycle-pager {
	width: calc(100% - 230px);
	text-align: center;
	margin-top: 17px;
	padding: 0px 25px;
}

	.cycle-pager a {
		color: transparent;
		border-radius: 50px;
		width: 12px;
		height: 12px;
		background-color: #bec3c3;
		/*background-color: #545969;*/
		display: inline-block;
		margin-right: 3px;
		margin-left: 3px;
	}

		.cycle-pager a.activeSlide {
			background-color: #545969;
		}

.fancybox-inner h4 {
	font-size: 40px;
	font-family: "Replica", Arial;
	color: #333354;
	display: inline-block;
}

.fancybox-inner .header-holder {
	display: inline-block;
}

.fancybox-inner h4 a {
	font-size: 40px;
	font-family: "Replica", Arial;
	color: #333354;
	text-decoration: none;
}

.gallery-logo {
	/*background: url('../images/logo.png');
	width: 240px;
	height: 55px;*/
	background: url('../images/ExterionMedia@2x.gif') no-repeat;
	background-size: 200px auto;
	height: 47px;
	margin-top: 0;
	margin-bottom: 5px;
	float: left;
	display: block;
	width: 200px;
}

.gallery-enquiry {
	float: right;
}

.fancybox-wrap p {
	font-size: 14px;
	max-width: 90%;
	margin-bottom: 0;
}

.fancybox-wrap ul {
	font-size: 14px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.fancybox-wrap li,
body.lightbox li {
	font-size: 14px !important;
	list-style-type: none;
}

.fancybox-nav {
	width: 60px;
}

	.fancybox-nav span {
		visibility: visible;
		opacity: 0.5;
		width: 48px;
		height: 48px;
	}

	.fancybox-nav:hover span {
		opacity: 1;
	}

.fancybox-next span {
	background-position: 0 0;
	background: url('../images/lightbox-icon-next.png') 0 0 no-repeat;
}

.fancybox-next {
	right: -88px;
}

.fancybox-prev span {
	background-position: 0 0;
	background: url('../images/lightbox-icon-prev.png') 0 0 no-repeat;
}

.fancybox-prev {
	left: -88px;
}

.hidden {
	display: none;
}

.fancy-share {
	font-size: 12px;
	text-align: right !important;
	/*position: absolute !important;*/
	top: 40px;
	/* height: 32px; */
	right: -19px;
	position: absolute;
	transform: scale(1, 0);
	top: -100px;
	transition: all 500ms;
}

	.fancy-share.showing {
		font-size: 12px;
		text-align: right !important;
		position: absolute !important;
		top: 40px;
		right: -21px;
		position: absolute;
		transform: scale(1, 1);
		transition: all 500ms;
		/* z-index: 3000; */
		/* height: 500px; */
		/* width: 200px; */
		/* background-color: red; */
	}

.at-share-tbx-element.addthis_32x32_style .at-share-btn, .at-share-tbx-element.addthis_32x32_white_style .at-share-btn {
	display: block;
}

.fancybox-inner .at-share-tbx-element .at-share-btn, .fancybox-inner .at300b, .fancybox-inner .at300m {
	border-radius: 100px !important;
	border: 3px solid #fff !important;
	width: 34px !important;
	height: 34px !important;
	max-height: 34px !important;
	max-width: 34px !important;
	display: block !important;
	margin-right: 3px; 
}  

.fancybox-inner .at300b, .fancybox-inner .at300m {
	overflow: hidden;
}

.fancybox-inner .at300b:hover, .fancybox-inner .at300m:hover {
	
}
	

.at-share-tbx-element .at-share-btn:focus, 
.at-share-tbx-element .at-share-btn:hover .at-icon,
 .fancybox-inner .at300b:focus,
.fancybox-inner .at300b:hover .at-icon,
 .fancybox-inner .at300m:focus,
.fancybox-inner .at300m:hover .at-icon 
 {
    cursor: pointer;
    margin: 0 0px 5px 0;
    display: inline-block;
    overflow: hidden;
    border: 0;
    text-decoration: none;
    text-transform: none;
    background-color: transparent;
    color: inherit;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;	 
	width: 26px !important;
	height: 26px !important;
	left: -3px;
	width: 26px !important;
	height: 26px !important;
	max-height: 34px !important;
	max-width: 34px !important;
}

.fancybox-inner .at300b:focus, .fancybox-inner .at300m:focus {
		width: 34px !important;
	height: 34px !important;
}

.fancybox-inner .at-icon-wrapper {
    cursor: pointer;
    height: 32px !important;
    width: 32px !important;
}

.fancybox-inner .at-icon {
	width: 26px !important;
	height: 26px !important;
	left: -5px;
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
}

.fancy-icon:hover {
	opacity: 0.7;
}

.fancy-counter,
.fancy-download {
	font-size: 12px;
	padding-top: 15px;
}

.fancy-counter {
	position: absolute;
	bottom: 0;
}

.fancy-download.columns {
	padding-right: 0;
}

.fancy-download a {
	color: #333354;
}

	.fancy-download a:hover {
		color: #EC1944;
	}

.fancy-close-button {
	position: fixed;
	width: 32px;
	height: 32px;
	top: 10px;
	right: 30px;
	background: url('/StaticHtml/close.png') 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
}

	.fancy-close-button:hover {
		/* background-position: -30px 0; */
	}

.lightbox-nav hr {
	border: solid #949494;
	border-width: 1px 0 0;
	margin-bottom: 10px;
}

.lightbox-nav a {
	font-size: 13px;
	font-weight: bold;
}

.lightbox-nav a {
	color: #EC1944;
}

	.lightbox-nav a.view-campaigns {
		color: #666;
	}

	.lightbox-nav a.view-campaign:hover {
		color: #333354;
	}

.fancybox-image-div {
	width: calc(100% - 230px);
	float: left;
	position: relative;
}

.fancybox-meta {
	margin-bottom: 0;
	max-width: 150px;
	float: left !important;
	display: inline-block !important;
	width: 200px;
	margin-left: 29px;
	margin-top: 50px;
	font-size: 14px;
	font-family: Arial;
}

	.fancybox-meta .fa-heart {
		color: #ec1944;
	}

	.fancybox-meta a {
		color: #545969;
	}

.fancy-share-show {
	position: absolute;
	top: -32px;
	right: -32px;
	background: url('/StaticHtml/share.png') 0 0 no-repeat;
	width: 64px;
	height: 64px;
	cursor: pointer !important;
}

.fancybox-meta a.download {
	color: #9ea2a2;
	text-transform: uppercase;
}

	.fancybox-meta a.download:before {
		content: ".";
		display: inline-block;
		color: transparent;
		width: 13px;
		height: 13px;
		margin-right: 6px;
		background: url('/StaticHtml/download.png') 0 0 no-repeat;
	}

#links {
	position: fixed;
	bottom: 10px;
	width: 100%;
	padding-top: 10px;
	list-style: none;
	text-align: center;
	z-index: 99999;
}

	#links li {
		display: inline;
		padding: 0 5px;
	}

		#links li label {
			width: 12px;
			height: 12px;
			border-radius: 100%;
			display: inline-block;
			background-color: rgba(0, 0, 0, 0.6);
			cursor: pointer;
		}

		#links li.active label {
			background-color: white;
		}


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

	.fancy-share {
		/* position: relative; */
		/* text-align: left; */
		/* padding-top: 20px; */
		/* padding-bottom: 20px; */
		/* min-width: 255px; */
	}

	.lightbox-header {
		display: none;
	}

	.fancy-share-show {
		width: 36px;
		height: 36px;
		background-size: contain;
		top: -18px;
		right: -18px;
	}

	.fancybox-image-div {
		width: calc(100% - 17px);
		height: auto;
	}

	.fancybox-inner h4, .fancybox-inner h4 a {
		font-size: 30px !important;
		line-height: 33px !important;
		width: 100%;
		margin-top: 21px;
		margin-bottom: 6px;
	}

	.fancybox-meta {
		margin-bottom: 0;
		max-width: 150px;
		float: left !important;
		display: inline-block !important;
		width: 200px;
		margin-left: 0px;
		margin-top: 35px;
		font-size: 14px;
		font-family: Arial;
	}

	.cycle-pager {
		width: 100%;
		position: absolute;
		top: 405px;
		z-index: 30000;
	}

	.fancybox-opened {
		width: 95% !important;
		left: 2.5% !important;
		height: 80% !important;
	}

	.fancybox-inner {
		width: 100% !important;
		height: 640px !important;
	}

	.fancy-share.showing {
		top: 20px;
	}
}

@media only screen and (max-width: 468px) {
	.flexslider.gallery-showcase {
		width: 100%;
		/* margin-bottom: 0px; */
	}

	.fancybox-inner {
		width: 100% !important;
		height: 500px !important;
	}

	.flexslider.gallery-showcase .slides > li {
		height: 300px;
	}

	.gallery-showcase-carousel {
		display: none;
	}

	.flexslider.gallery-showcase .slides > li img {
		height: auto;
		width: 100%;
	}
}

/* External lightbox link */

body.lightbox {
	background: #fff;
	overflow-y: hidden;
}

	body.lightbox .row {
		max-width: 100% !important;
	}

	body.lightbox .columns {
		padding: 0 !important;
	}

	body.lightbox ul {
		margin-top: 20px !important;
	}

.fancybox-type-iframe {
	max-width: 510px !important;
}

	.fancybox-type-iframe .fancybox-inner {
		max-width: 450px !important;
	}

.sharers {
	padding-top: 3px;
}

.fancybox-type-iframe img.responsive {
	width: 100% !important;
}

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

	body.lightbox .row {
		width: 220px !important;
	}

	.fancy-share {
		/* position: relative !important; */
		/* text-align: left !important; */
		/* float: left !important; */
		/* padding-top: 0; */
	}
}
/* -----------------------------------------
   Share Widget
----------------------------------------- */

.share-widget,
.share-wrap {
	display: none;
}

.share-wrap {
	height: 68px;
}

.share-button a {
	display: block;
	width: 67px;
	height: 74px;
	text-indent: -9999px;
}

.share-button.open {
	float: left;
}

.share-button.expanded {
	display: none;
	float: left;
	background: url('../images/share-button-expanded.png') 0 0 no-repeat;
}

.share-icons {
	float: left;
	padding-bottom: 10px;
}

.shareit {
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 10px;
	font-weight: bold;
	display: block;
}

.share-close {
	background: url('../images/share-close.gif') 0 0 no-repeat;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	position: absolute;
	top: 23px;
	right: 20px;
}

	.share-close:hover {
		background-position: -26px 0;
	}

.fancy-share .share-icon {
	width: 24px;
	height: 24px;
	display: inline-block;
}

.share-icon span {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.st_twitter_custom {
	background: url("../images/lightbox-icon-twitter.gif") no-repeat scroll left top transparent;
	padding: 0px 24px 0 0;
}

.st_facebook_custom {
	background: url("../images/lightbox-icon-facebook.gif") no-repeat scroll left top transparent;
	padding: 0px 24px 0 0;
}

.st_linkedin_custom {
	background: url("../images/lightbox-icon-linkedin.gif") no-repeat scroll left top transparent;
	padding: 0px 24px 0 0;
}

.st_pinterest_custom {
	background: url("../images/lightbox-icon-pinterest.gif") no-repeat scroll left top transparent;
	padding: 0px 24px 0 0;
}

.st_email_custom {
	background: url("../images/lightbox-icon-mail.gif") no-repeat scroll left top transparent;
	padding: 0px 24px 0 0;
}

.st_sharethis_custom {
	background: url("../images/lightbox-icon-sharethis.gif") no-repeat scroll left top transparent;
	padding: 0px 24px 0 0;
}

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

	.share-wrap {
		height: 74px;
	}

	.share-widget {
		position: fixed;
		right: -345px;
		top: 297px;
		z-index: 100;
	}

	.share-icons {
		padding-top: 23px;
		background: url('../images/share-widget-bg.png') 0 0 repeat-x;
		width: 340px;
		height: 74px;
		padding-left: 25px;
	}

	.shareit {
		display: none;
	}
}

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


	.share-wrap {
		height: 74px;
	}

	.share-widget {
		position: fixed;
		right: -345px;
		top: 297px;
		z-index: 100;
	}

	.share-icons {
		padding-top: 23px;
		background: url('../images/share-widget-bg.png') 0 0 repeat-x;
		width: 340px;
		height: 74px;
		padding-left: 25px;
	}

	.shareit {
		display: none;
	}

	/*.share-widget {
        width: auto;
        text-align: center;
    }

    .share-button a {
        display: none;
    }

    .share-icons {
        width: 100%;
        background: #fff;
    }

    .share-close {
        display: none;
    }*/
}


/* -----------------------------------------
   Date Range Picker Widget
----------------------------------------- */

.input-append, .input-prepend {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 0;
	white-space: nowrap;
	vertical-align: middle;
}

table.table {
	min-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

.table-condensed th, .table-condensed td {
	padding: 4px 5px;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
	top: 0;
	left: 0;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
}

	.datepicker:before {
		content: '';
		display: inline-block;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #ccc;
		border-bottom-color: rgba(0, 0, 0, 0.2);
		position: absolute;
		top: -7px;
		left: 6px;
	}

	.datepicker:after {
		content: '';
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #ffffff;
		position: absolute;
		top: -6px;
		left: 7px;
	}

	.datepicker > div {
		display: none;
	}

	.datepicker table {
		width: 100%;
		margin: 0;
	}

	.datepicker td,
	.datepicker th {
		text-align: center;
		width: 20px;
		height: 20px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

		.datepicker td.day:hover {
			background: #eeeeee;
			cursor: pointer;
		}

		.datepicker td.day.disabled {
			color: #eeeeee;
		}

		.datepicker td.old,
		.datepicker td.new {
			color: #999999;
		}

		.datepicker td.active,
		.datepicker td.active:hover {
			color: #ffffff;
			background-color: #006dcc;
			background-repeat: repeat-x;
			*color: #fff;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			color: #fff;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			border-left-color: #0044cc;
			border-right-color: #0044cc;
			border-top-color: #0044cc;
			border-bottom-color: #002a80;
			background-image: linear-gradient(to bottom, #0088cc, #0044cc); /* Darken IE7 buttons by default so they stand out more given they won't have borders */
		}

			.datepicker td.active:hover,
			.datepicker td.active:hover:hover,
			.datepicker td.active:focus,
			.datepicker td.active:hover:focus,
			.datepicker td.active:active,
			.datepicker td.active:hover:active,
			.datepicker td.active.active,
			.datepicker td.active:hover.active,
			.datepicker td.active.disabled,
			.datepicker td.active:hover.disabled,
			.datepicker td.active[disabled],
			.datepicker td.active:hover[disabled] {
				color: #ffffff;
				background-color: #EC1944;
				*background-color: #EC1944;
				background-image: none;
			}

				.datepicker td.active:active,
				.datepicker td.active:hover:active,
				.datepicker td.active.active,
				.datepicker td.active:hover.active {
					background-color: #003399 \9;
				}

		.datepicker td span {
			display: block;
			width: 47px;
			height: 54px;
			line-height: 54px;
			float: left;
			margin: 2px;
			cursor: pointer;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}

			.datepicker td span:hover {
				background: #eeeeee;
			}

			.datepicker td span.active {
				color: #ffffff;
				background-color: #006dcc;
				background-repeat: repeat-x;
				*color: #fff;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
				border-left-color: #0044cc;
				border-right-color: #0044cc;
				border-top-color: #0044cc;
				border-bottom-color: #002a80;
				color: #fff;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
				background-image: linear-gradient(to bottom, #0088cc, #0044cc); /* Darken IE7 buttons by default so they stand out more given they won't have borders */
			}

				.datepicker td span.active:hover,
				.datepicker td span.active:focus,
				.datepicker td span.active:active,
				.datepicker td span.active.active,
				.datepicker td span.active.disabled,
				.datepicker td span.active[disabled] {
					color: #ffffff;
					background-color: #0044cc;
					*background-color: #003bb3;
				}

				.datepicker td span.active:active,
				.datepicker td span.active.active {
					background-color: #003399 \9;
				}

			.datepicker td span.old {
				color: #999999;
			}

		.datepicker th.switch {
			width: 145px;
		}

		.datepicker th.next,
		.datepicker th.prev {
			font-size: 21px;
		}

	.datepicker thead tr:first-child th {
		cursor: pointer;
	}

		.datepicker thead tr:first-child th:hover {
			background: #eeeeee;
		}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

table.table,
table.table-condensed {
	border: none;
}

table thead, table tfoot {
	background: #fff;
}

	table.table thead tr th, table tfoot tr td {
		padding: 0 8px 0 0;
	}

/* Fixes */

#contactPanel.open {
	position: fixed !important;
	top: 0 !important;
}

/* Custom Forms Fixes ---------------------- */
div.custom { /* Custom input, disabled */
}

	div.custom span.custom {
		display: inline-block;
		width: 16px;
		height: 16px;
		position: relative;
		top: 2px;
		border: solid 1px #cccccc;
		background: white;
	}

		div.custom span.custom.radio {
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			-ms-border-radius: 100px;
			-o-border-radius: 100px;
			border-radius: 100px;
		}

		div.custom span.custom.checkbox:before {
			content: "";
			display: block;
			line-height: 0.8;
			height: 14px;
			width: 14px;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			font-size: 14px;
			color: #fff;
		}

		div.custom span.custom.radio.checked:before {
			content: "";
			display: block;
			width: 8px;
			height: 8px;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			-ms-border-radius: 100px;
			-o-border-radius: 100px;
			border-radius: 100px;
			background: #222222;
			position: relative;
			top: 3px;
			left: 3px;
		}

		div.custom span.custom.checkbox.checked:before {
			content: "\00d7";
			color: #222222;
		}

	div.custom div.custom.dropdown {
		display: block;
		position: relative;
		width: auto;
		height: 28px;
		margin-bottom: 9px;
		margin-top: 2px;
	}

		div.custom div.custom.dropdown ul {
			overflow-y: auto;
			max-height: 200px;
		}

		div.custom div.custom.dropdown a.current {
			display: block;
			width: auto;
			line-height: 26px;
			min-height: 28px;
			padding: 0;
			padding-left: 6px;
			padding-right: 38px;
			border: solid 1px #dddddd;
			color: #141414;
			background-color: white;
			white-space: nowrap;
		}

		div.custom div.custom.dropdown a.selector {
			position: absolute;
			width: 27px;
			height: 28px;
			display: block;
			right: 0;
			top: 0;
			border: solid 1px #dddddd;
		}

			div.custom div.custom.dropdown a.selector:after {
				content: "";
				display: block;
				content: "";
				display: block;
				width: 0;
				height: 0;
				border: solid 5px;
				border-color: #aaaaaa transparent transparent transparent;
				position: absolute;
				left: 50%;
				top: 50%;
				margin-top: -2px;
				margin-left: -5px;
			}

		div.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
			content: "";
			display: block;
			width: 0;
			height: 0;
			border: solid 5px;
			border-color: #222222 transparent transparent transparent;
		}

		div.custom div.custom.dropdown.open ul {
			display: block;
			z-index: 10;
		}

		div.custom div.custom.dropdown.small {
			width: 134px !important;
		}

		div.custom div.custom.dropdown.medium {
			width: 254px !important;
		}

		div.custom div.custom.dropdown.large {
			width: 434px !important;
		}

		div.custom div.custom.dropdown.expand {
			width: 100% !important;
		}

		div.custom div.custom.dropdown.open.small ul {
			width: 134px !important;
		}

		div.custom div.custom.dropdown.open.medium ul {
			width: 254px !important;
		}

		div.custom div.custom.dropdown.open.large ul {
			width: 434px !important;
		}

		div.custom div.custom.dropdown.open.expand ul {
			width: 100% !important;
		}

		div.custom div.custom.dropdown ul {
			position: absolute;
			width: auto;
			display: none;
			margin: 0;
			left: 0;
			top: 27px;
			margin: 0;
			padding: 0;
			background: white;
			background: rgba(255, 255, 255, 0.95);
			border: solid 1px #cccccc;
		}

			div.custom div.custom.dropdown ul li {
				color: #555555;
				font-size: 13px;
				cursor: pointer;
				padding: 3px;
				padding-left: 6px;
				padding-right: 38px;
				min-height: 18px;
				line-height: 18px;
				margin: 0;
				white-space: nowrap;
				list-style: none;
			}

				div.custom div.custom.dropdown ul li.selected {
					background: #cdebf5;
					color: black;
				}

					div.custom div.custom.dropdown ul li.selected:after {
						content: "\2013";
						position: absolute;
						right: 10px;
					}

				div.custom div.custom.dropdown ul li:hover {
					background-color: #cdebf5;
					color: black;
				}

					div.custom div.custom.dropdown ul li:hover:after {
						content: "\2013";
						position: absolute;
						right: 10px;
						color: #a3dbec;
					}

				div.custom div.custom.dropdown ul li.selected:hover {
					background: #cdebf5;
					cursor: default;
					color: black;
				}

					div.custom div.custom.dropdown ul li.selected:hover:after {
						color: black;
					}

			div.custom div.custom.dropdown ul.show {
				display: block;
			}

	div.custom .custom.disabled {
		background-color: #dddddd;
	}

.loginform {
	width: 40%;
}

@media only screen and (min-width: 768px) {
	.infoBlock h2 {
		/* max-width: 66% !important; */
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
		/* margin-top: 30px; */
		/* font-size: 43px !important; */
	}

	.infoBlock p {
		max-width: 50%;
	}
}



/* Trillium */

#visualiserContent {
	padding: 30px;
	background: #333354;
	color: #fff;
	text-align: center;
	padding-bottom: 72px;
}

#ibox_wrapper {
	top: 369px !important;
}

#visualiserTabs {
	background: #FFFFFF;
}

	#visualiserTabs .visualiserItem {
		color: #fff;
		border: none;
		text-transform: uppercase;
		background: #BFC0C4;
		float: left;
		padding-top: 6px;
		padding-left: 30px;
		padding-right: 30px;
		height: 40px !important;
		margin-right: 1px;
	}

		#visualiserTabs .visualiserItem.active {
			background: #333354;
		}

		#visualiserTabs .visualiserItem:hover {
			background: #EC1944;
		}

		#visualiserTabs .visualiserItem p {
			padding: 0;
			line-height: 1.8em;
			font-weight: bold;
		}


.home .widget.triple {
	height: inherit !important;
	height: 370px !important;
}

.widget.triple .button {
	margin-top: 40px;
}

.widget.triple p, .widget.triple p a {
	line-height: 27px;
}

.home #primary-widgets #content-slider-1 {
	padding-top: 120px;
	padding: 120px 15px 0px 15px;
}

.widget .newsIcon {
	position: absolute;
	right: 0;
	padding-top: 25px;
	padding-right: 9px;
}

.infoSubmit, .error.infoSubmit {
	float: right;
}

@media screen and (max-width:768px) {
	.home .widget.triple {
		height: 380px !important;
	}
}

@media screen and (max-width:468px) {
	.home .widget.triple {
		height: inherit !important;
	}
}


/***** ie8 *****/
.logo {
	background: url('../images/ExterionMedia.gif') no-repeat\9 !important;
}

.oc {
	display: none\9;
}

#full-width-slider {
	width: 940px\9;
	margin: 0px auto\9;
}



#menu {
	display: none\9;
}

.navy.reveal-modal .close-reveal-modal {
	font-size: 36px\9;
	color: #545969\9;
}

	.navy.reveal-modal .close-reveal-modal:hover {
		color: #fff\9;
		text-decoration: none\9 !important;
		border: none\9 !important;
		cursor: pointer;
	}

.location-selector .close-reveal-modal {
	position: absolute\9;
	top: 20px\9;
	right: 20px\9;
	color: #545969\9;
	cursor: pointer;
}

	.location-selector .close-reveal-modal:hover {
		color: #ec1944\9;
		text-decoration: none\9 !important;
		border: none\9 !important;
	}


/* Media query for the gallery lightbox */

@media only screen and (min-width: 1024px) and (min-height: 810px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		min-height: 515px !important;
		width: 100% !important;
		/* max-height: 440px; */
	}
}

@media only screen and (min-width: 1024px) and (max-height: 810px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 100% !important;
		min-height: 317px !important;
	}

	#cycleInnerWrapper .slide {
		width: 100% !important;
		min-height: 317px !important;
		max-height: 442px !important;
	}
}


@media only screen and (max-width: 1024px) and (max-height: 768px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 560px !important;
		/* min-height: 317px!important; */
	}
}


@media only screen and (min-width: 1024px) and (max-height: 570px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 250px !important;
		min-height: 100px !important;
	}
}



@media only screen and (min-width: 1024px) and (max-height: 500px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 200px !important;
		min-height: 90px !important;
	}

	.twelve.columns ul li {
		font-size: 11px !important;
	}
}

@media only screen and (max-width: 1084px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		/* width: 820px!important; */
		/* min-height: 577px!important; */
	}
}

@media only screen and (max-width: 1280px) and (max-height: 768px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 520px !important;
		/* min-height: 377px!important; */
	}
}

@media only screen and (max-width: 1024px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		/* width: 400px!important; */
		/* min-height: 377px!important; */
	}
}

@media only screen and (max-width: 960px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		/* width: 680px!important; */
		/* min-height: 437px!important; */
	}
}

@media only screen and (max-width: 900px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		/* width: 400px!important; */
		/* min-height: 377px!important; */
	}
}


@media only screen and (max-width: 840px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		/* width: 230px!important; */
	}
}


@media only screen and (max-width: 780px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		/* width: 500px!important; */
		width: 100% !important;
		min-height: 600px !important;
	}
}


@media only screen and (max-width: 720px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 440px !important;
		/* min-height: 377px!important; */
	}
}

@media only screen and (max-width: 660px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 380px !important;
		/* min-height: 377px!important; */
	}
}

@media only screen and (max-width: 600px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 320px !important;
		/* min-height: 537px!important; */
	}
}

@media only screen and (max-width: 520px) {
	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 260px !important;
		/* min-height: 537px!important; */
	}
}

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

	#cycleInnerWrapper .slides,
	#cycleInnerWrapper .slide {
		width: 100% !important;
		height: auto !important;
		/* min-height: 537px!important; */
	}

	.fancy-close-button {
		top: 17px;
		right: 10px;
	}

	#cycleInnerWrapper {
		padding: 10px 10px 10px 25px !important;
	}
}

#jqxTabs {
	position: relative;
	overflow: hidden;
}

#visualiserTabs {
	height: 40px;
	overflow: hidden;
	width: 1000%;
}

#visualiserNavigation {
	position: absolute;
	width: 84px;
	height: 40px;
	right: 0;
	top: 0;
	background-color: white;
}



	#visualiserNavigation .visLeft {
		background-image: url('../jqx/icon-left.gif');
		height: 40px;
		width: 40px;
		float: left;
		margin: 0px 1px;
	}

	#visualiserNavigation .visRight {
		background-image: url('../jqx/icon-right.gif');
		height: 40px;
		width: 40px;
		float: left;
		margin: 0px 1px;
	}

#sglDownloadForm, #mltDownloadForm, #newsletterSignup {
	top: 10% !important;
}

label {
	margin-bottom: 10px;
}

.widget.archive ul {
	color: #ec1944;
	font-weight: bold;
}

	.widget.archive ul li {
		margin-left: 15px;
		font-weight: initial;
	}

		.widget.archive ul li.liYear {
			margin-left: 0px;
			font-weight: initial;
		}


.newsSectionSearch {
	min-height: 250px !important;
}

.readMoreBanner {
	/*float:left;
    text-transform:lowercase;*/
}

	.readMoreBanner:hover {
		color: white;
	}

.galleryItemUL {
	margin: 20px 0px !important;
}

	.galleryItemUL li {
		list-style-type: none;
	}

.fa-chevron-left {
	padding-right: 10px;
}


#CountriesUL li a {
	display: block;
}



.widget h3.large.multidownloadsTitle {
	display: block;
	color: #fff;
	font-size: 36px;
	font-weight: 200;
	background: #545969 url('../images/icon-file.png') no-repeat right 16px;
	padding: 17px 15px 0px 25px;
}

.multidownloadsInfo ul li a {
	color: #9ea2a2 !important;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	background: none !important;
	display: inline !important;
	padding: 0px !important;
}

.home .widget.multidownloadsWidget {
	height: auto;
}

.home .widget.multidownloadsInfo {
	height: auto;
	min-height: inherit;
}



/* Careers*/

.eight, .row .eight .careersSearch {
	width: 65%;
}

.four.mobile-one.columns.careersSearchButton {
	width: 18%;
}

.row.collapse.search-generic.careersSearchContainer {
	margin-bottom: 30px;
}

li.rightMenuCareers a:after {
	content: "\f105" !important;
}

/* --- */


ul.accordion > li > div.title h4 a.nodecoration {
	text-decoration: none;
	font-weight: initial;
	color: #EC1944;
}

ul.accordion > li.active .title h4 a.nodecoration {
	text-decoration: none;
	font-weight: bold;
	color: #EC1944;
}


/* Footer sitemap */

.vanilla .row .five {
	width: 13%;
}

.vanilla .row .seven {
	float: right;
	width: 87%;
}

.vanilla {
	background: white;
}

.footer.vanilla p, .footer.vanilla a {
	color: red;
}

.footer.vanilla .seven p {
	padding-top: 3px;
}

.footer.vanilla .five p {
	color: black;
	font-family: 'Replica', Arial, sans-serif;
	font-size: 17px;
}

.footer.vanilla span {
	color: black;
}


.vanilla span {
	color: black;
}



/* Archive collapse*/


#listContainer {
	margin-top: 15px;
}

#expList ul, #expList li {
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#expList p {
	margin: 0;
	display: block;
}

	#expList p:hover {
		background-color: #121212;
	}

#expList li {
	line-height: 140%;
	text-indent: 0px;
	background-position: 1px 8px;
	background-repeat: no-repeat;
}


#expList .liYear {
	font-weight: bold;
}

.nav-content .sublist li.newsMenuLi {
	margin-bottom: 10px;
	display: -webkit-box;
}

.nav-content .sublist li.newsMenuSeeMore {
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.newsMenuPaddingLeft {
	padding-left: 5px;
}

.newsMenuSeeMore {
	margin-top: 10px;
	font-weight: bold;
}

.panel .flexslider .slides {
	margin-left: 0px;
}

/*/* Collapsed state for list element */
/*#expList .collapsed {
    background-image: url(../img/collapsed.png);
}*/
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
/* #expList .expanded {
    background-image: url(../img/expanded.png);
}*/

#contactPanel .four, .row .four {
	width: 32%;
}

.four.column.hide-for-small.closeRevealBnt {
	width: 4% !important;
	right: 24%;
	position: absolute;
}

h3.phoneBoldMustard {
	color: #9ea2a2;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
}

.phone p, .phone p span {
	text-align: center;
	font-size: 18px;
	color: white !important;
}

/*vimeo Lightbox*/

.lightboxVimeo {
	position: relative;
	cursor: pointer;
}

	.lightboxVimeo a {
		display: block;
	}

.lightboxVimeoIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	cursor: pointer;
}


.js-vimeobutton {
	color: white;
}


.cList {
	color: #fff;
	font-family: FontAwesome;
	position: absolute;
	right: 5px;
	font-size: 21px;
	font-weight: normal;
	background: none !important;
	cursor: pointer;
}

	.cList:after {
		content: "\f107" !important;
	}

	.cList:hover:after {
		color: #333354 !important;
	}

.cListForthLevel:after {
	content: "\f107" !important;
	font-family: FontAwesome;
	float: right;
}

/* Follow us widget */

.followUsWidget {
	min-height: 150px;
	height: inherit;
	background-color: #fff;
	padding: 25px 30px 20px 30px;
	margin-bottom: 20px;
	border: none;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-moz-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-ms-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	-o-box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	box-shadow: 0 0 3px rgba(84, 89, 105, 0.6);
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

	.followUsWidget h3 {
		margin-top: 0px;
		font-family: 'Replica', Arial, sans-serif;
	}

	.followUsWidget a {
		min-width: 42px;
		min-height: 42px;
		display: inline-block;
		margin: 0px 3px;
	}

		.followUsWidget a:hover {
			opacity: 0.5;
		}

		.followUsWidget a:nth-child(1),
		.followUsWidget a:nth-child(6) {
			margin-left: 0px;
		}

		.followUsWidget a:nth-child(5),
		.followUsWidget a:nth-child(10) {
			margin-right: 0px;
		}

		.followUsWidget a.Facebook {
			background: url('../images/followUsWidget/facebook.jpg') no-repeat;
		}

		.followUsWidget a.Mail {
			background: url('../images/followUsWidget/email.jpg') no-repeat;
		}

		.followUsWidget a.GooglePlus {
			background: url('../images/followUsWidget/Googleplus.jpg') no-repeat;
		}

		.followUsWidget a.Linkedin {
			background: url('../images/followUsWidget/Linkedin.jpg') no-repeat;
		}

		.followUsWidget a.Rss {
			background: url('../images/followUsWidget/rss.jpg') no-repeat;
		}

		.followUsWidget a.Tumblr {
			background: url('../images/followUsWidget/tumblr.jpg') no-repeat;
		}

		.followUsWidget a.Twitter {
			background: url('../images/followUsWidget/twitter.jpg') no-repeat;
		}

		.followUsWidget a.Vimeo {
			background: url('../images/followUsWidget/vimeo.jpg') no-repeat;
		}

		.followUsWidget a.Youtube {
			background: url('../images/followUsWidget/youtube.jpg') no-repeat;
		}

		.followUsWidget a.Viadeo {
			background: url('../images/followUsWidget/viadeo.jpg') no-repeat;
		}

	.followUsWidget .contents {
		float: initial;
	}

.stButton span {
	min-height: 22px;
}

/* Home */

.loadingContent {
	opacity: 0;
}

.ajaxLoader {
	background: url('../images/ajax-loader.gif') no-repeat center;
	display: block;
	height: 100px;
	margin: 20px 0px;
}

/* * */


/* News item share tape*/
.panel.newsPanel {
	margin-bottom: auto;
}

.shareTape {
	background-color: white;
	padding: 0px 3px 20px 3px;
	margin-bottom: 60px;
	text-align: center;
}

/*  Three Tabs Profile */


.tabPromo {
	display: block;
	margin: 0px auto;
	text-align: center;
	/* left: 50%; */
	/* position: relative; */
	/* transform: translate(-50%, 0%); */
	/* width: 100%; */
	/* overflow-x: inherit; */
	it;
	*/
}

	.tabPromo .content {
		background-color: #e7e8e8;
		border: none;
	}

	.tabPromo p {
		background: #ccc;
		margin-left: 3px;
		/* float: left; */
		min-width: 140px;
		max-width: calc(25% - 26px);
		color: white;
		text-align: center;
		height: 100px;
		text-transform: uppercase;
		font-size: 20px;
		width: calc(25% - 26px);
		display: inline-block;
		margin-left: 15px;
		margin-right: 15px;
		/* padding-top: 35px; */
		/* float: left; */
		/* white-space: pre; */
		/* max-height: 100px; */
		position: relative;
	}

		.tabPromo p:first-child {
			margin-left: 0px;
			width: calc(25% - 20px);
			display: inline-block;
			margin-left: 0px;
			margin-right: 15px;
			/* padding-top: 35px; */
			/* float: left; */
		}



	.tabPromo p {
		cursor: pointer;
	}

		.tabPromo p:last-child {
			/* margin: 0 auto; */
			width: calc(25% - 23px);
			/* float: left; *
/
        display: inline-block;
        /* display: table-footer-group !important; */
			margin-right: 0px;
		}


		.tabPromo p.active {
			background: #333354;
		}

		.tabPromo p:hover {
			background-color: #545969;
		}

		.tabPromo p .arrow {
			display: none;
			##
		}

		.tabPromo p.active .arrow {
			background-image: url(../images/arrow-down.png);
			background-repeat: no-repeat;
			background-position-x: 50%;
			background-position-y: 108%;
			width: 22px;
			height: 11px;
			position: absolute;
			bottom: -11px;
			display: block;
			z-index: 1000;
			left: 40%;
		}

		.tabPromo p span {
			display: block;
			width: 100%;
			position: absolute;
			top: 50%;
			transform: translate(0%,-50%);
			-webkit-transform: translate(0, -50%);
			-moz-transform: translate(0%, -50%);
		}

.content-contents-fullwidth .breadcrumbs a, .content-contents-fullwidth .breadcrumbs li:before {
	color: #333355 !important;
}

.content-contents-fullwidth .breadcrumbs {
	padding-left: 20px;
}

.content-contents-fullwidth .panel {
	padding: 20px;
}

	.content-contents-fullwidth .panel h1 {
		margin-top: 30px;
	}

.tabPromo.cols-3 {
	display: block;
	margin: 0px auto;
	text-align: center;
}

	.tabPromo.cols-3 .content {
		background-color: #e7e8e8;
		border: none;
	}

	.tabPromo.cols-3 p {
		background: #ccc;
		margin-left: 3px;
		float: left;
		min-width: 140px;
		max-width: calc(33.33333333% - 19px);
		color: white;
		text-align: center;
		height: 100px;
		text-transform: uppercase;
		font-size: 20px;
		width: calc(33.33333333% - 21px);
		display: block;
		margin-left: 15px;
		margin-right: 15px;
		/* padding-top: 35px; */
		float: left;
	}

		.tabPromo.cols-3 p:first-child {
			margin-left: 0px;
			width: calc(33.33333333% - 21px);
			display: block;
			margin-left: 0px;
			margin-right: 15px;
			/* padding-top: 35px; */
			float: left;
		}



	.tabPromo.cols-3 p {
		cursor: pointer;
	}

		.tabPromo.cols-3 p:last-child {
			/* margin: 0 auto; */
			width: calc(33.33333333% - 20px);
			float: left;
			display: block;
			/* display: table-footer-group !important; */
			margin-left: 15px;
			margin-right: 0px;
		}


		.tabPromo.cols-3 p.active {
			background: #333354;
		}

		.tabPromo.cols-3 p:hover {
			background-color: #545969;
		}

		.tabPromo.cols-3 p .arrow {
			display: none;
			##
		}

		.tabPromo.cols-3 p.active .arrow {
			background-image: url(../images/arrow-down.png);
			background-repeat: no-repeat;
			background-position-x: 50%;
			background-position-y: 108%;
			width: 22px;
			height: 11px;
			position: absolute;
			bottom: -11px;
			display: block;
			z-index: 1000;
			left: 40%;
		}

		.tabPromo.cols-3 p span {
			display: block;
			width: 100%;
			position: relative;
			top: 50%;
			transform: translate(0%,-50%);
			-webkit-transform: translate(0, -50%);
			-moz-transform: translate(0%, -50%);
		}





.promoText {
	width: 50%;
	float: left;
	padding-right: 15px;
}

.promoImg {
	float: right;
	padding: 43px 0px;
	position: relative;
}

.threeTabsPromoLayout .fancybox-media .thumbs {
	margin: 0;
	float: right;
}

p.lead.promoTitle {
	padding: 0px 60px 30px 60px;
	font-size: 37px !important;
	text-align: center;
}

.promoImg img.icon {
	position: absolute;
	top: 45%;
	right: 45%;
}


.paddingPrimaryWidget {
	padding-bottom: 50px;
}

#brandsWrapper, #testimonialWrapper {
	background-color: #fff;
	padding-top: 90px;
	padding-bottom: 40px;
}

	#brandsWrapper p {
		font-size: 18px;
	}

		#brandsWrapper p.lead.promoTitle {
			font-size: 40px !important;
			padding: 0px 60px 10px 60px;
		}

div.leftLinks {
	width: calc(50% - 10px);
	float: left;
	display: block;
	margin-right: 10px;
	margin-top: 35px;
}


.promoText div.leftLinks a, .promoText div.rightLinks a {
	display: inline-block;
	min-height: 50px;
	background-color: #EC1944;
	color: #fff;
	width: 100%;
	margin-bottom: 10px;
	padding-top: 16px;
	text-decoration: none !important;
	font-size: 18px;
}


	.promoText div.leftLinks a:hover, .promoText div.rightLinks a:hover {
		background: #545969;
	}

div.rightLinks {
	width: calc(50% - 10px);
	display: block;
	float: left;
	margin-top: 35px;
}

	div.leftLinks a:before,
	div.rightLinks a:before {
		content: "\f105";
		font-family: FontAwesome;
		color: #fff !important;
		padding-right: 7px;
	}


	div.leftLinks a,
	div.rightLinks a {
		padding: 5px 10px 5px 10px;
		display: block;
	}
/**/


/* home form */
div.homePageEnquiries a.policy-link {
    clear: both;
    padding-left: 0;
}

div.homePageEnquiries small.info {
    margin-bottom: 23px;
    display: block;
    color: #fff;
    /*float: left;*/
    margin-left: 15px;
    float: none;
    clear: both;
    padding-top: 10px;
}


div.homePageEnquiries input,
div.homePageEnquiries a,
div.homePageEnquiries p {
	float: left;
	margin-right: 15px;
	height: 50px;
	margin-bottom: 28px;
	margin-left: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

div.homePageEnquiries label {
    float: left;
    margin-right: 15px;
    /*height: 50px;*/
    margin-left: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

div.homePageEnquiries input,
div.homePageEnquiries a {
    width: calc(50% - 30px) !important;
	float: left;
	margin-right: 15px;
	height: 50px;
	
	margin-left: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

div.homePageEnquiries label {
    /*width: calc(50% - 30px) !important;*/
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

div.homePageEnquiries input,
div.homePageEnquiries a {
    margin-bottom: 28px;
}

	div.homePageEnquiries input[type='submit'] {
		height: 60px;
	}

	div.homePageEnquiries input[type='checkbox'] {
		position: absolute;
		width: 19px !important;
		top: 11px;
		left: -16px;
		height: 17px;
		display: block !important;
	}

div.homePageEnquiries label {
	color: #fff;
	padding-top: 12px;
	padding-left: 0px;
	position: relative;
}

.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
	background-color: #fff;
}

div.homePageEnquiries input[type=submit] {
	width: calc(100% - 30px) !important;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Replica-Regular', Arial, sans-serif;
}


#lblcbGDPR.error {
    color: red;
}

div.homePageEnquiries input:focus,
div.homePageEnquiries a:focus,
div.homePageEnquiries p:focus,
div.homePageEnquiries label:focus {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 28px;
}

small.info {
	float: right;
	margin-top: 7px;
}

.homePageEnquiries {
	width: 65%;
	margin: 0 auto;
}

@media screen and (max-width:480px) {
	.homePageEnquiries {
		width: 100%;
	}


	div.homePageEnquiries input, div.homePageEnquiries a, div.homePageEnquiries p, div.homePageEnquiries label {
		width: calc(100% - 30px) !important;
	}
}

/****/

/* tree column form */

div.threeColumnForm input {
	width: 31%;
	float: left;
	margin-right: 20px;
	height: 40px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

	div.threeColumnForm input:focus {
		margin-right: 20px;
	}

div.threeColumnForm small.info {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
}

/****/


/* vimeo macro */

img.thumbs {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.lightboxButtonVimeo {
	background: #545969;
	margin-bottom: 15px;
}

	.lightboxButtonVimeo:hover {
		background: #1e728c;
	}

a.tagFilter {
	cursor: pointer;
}

/**  */

/* Tag Filter*/
a.tagFilter {
	cursor: pointer;
	color: #EC1944;
}

.contents {
	width: 100%;
	float: left;
}

.promoText h3 {
	font-size: 40px;
	font-weight: 600;
	margin-top: 36px;
}

.promoText p {
	font-size: 18px;
}
/***/

/* Format links */

.campaign-info a {
	color: white;
}

/* *** */


/* Form */

.tctmobilePhoneNumber {
	position: absolute;
	left: -9999px;
}

/***/

@media only screen and (max-width: 1780px) and (min-width: 1250px) {
	.four.column.hide-for-small.closeRevealBnt {
		right: 12% !important;
	}
}


/* Follow us widget new layout */

.followUsForPage {
	height: 90px;
	width: auto;
	text-align: center;
	background-color: white;
	border: none;
}

span.followUsForPageTitle {
	font-size: 12px;
	line-height: 12px;
	padding: 10px 0px;
	font-weight: bold;
	display: block;
}

.backgroudShareWrap {
	background: url("../images/share-button-open.png") 0 0 no-repeat;
}

a.rightMenu.forthLevel {
	font-weight: normal !important;
	padding-left: 45px;
}


a.rightMenu.noActvieForthLvl {
	color: black !important;
	font-weight: normal !important;
	padding-left: 45px;
	background-color: #fff !important;
}

a.rightMenu.parentActvieForthLvl {
	color: black !important;
	padding-left: 45px;
	font-weight: normal !important;
}

a.cList.cListForthLvl:hover {
	background-color: transparent !important;
}

li.active.rightMenu.isForthLvlActive a {
	font-weight: bold !important;
}

a.rightMenu.noActvieForthLvl {
	color: #EC1944 !important;
}

/*@media screen {
    .share-widget,
    .share-wrap {
        display: block;
    }
    .share-button.open {
        background: url('../images/share-button-open.png') 0 0 no-repeat;
    }
}*/
/**/



#header .nav {
	background-color: #333355;
	z-index: 38;
	position: relative;
}

	#header .nav li a {
		line-height: 58px;
		height: 58px;
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
	}


		#header .nav li a:after {
			content: '|';
			position: relative;
			width: 0px;
			color: transparent;
			border-right: 1px solid #fff;
			height: 19px;
			margin-top: 19px;
			padding-left: 0px;
			opacity: 0.5;
			right: -20px;
			z-index: -1;
		}

	#header .nav li:hover a:after {
		border-right: 1px solid transparent;
	}


	#header .nav li.active a:after {
		content: '|';
		opacity: 0;
	}

	#header .nav li:last-child {
		float: right;
		box-shadow: none;
		margin-right: 1px;
	}

		#header .nav li:last-child a {
			color: #fff !important;
		}

			#header .nav li:last-child a:after {
				content: '';
				opacity: 0;
			}


.row {
	width: 1200px;
	/* overflow-x: visible; */
	/* padding-left: 20px; */
	/* padding-right: 20px; */
}

span.arrow {
	display: none !important;
}

.infoBlock h2 {
	background-color: transparent;
	color: #fff;
	text-transform: uppercase;
	font-size: 60px;
	font-weight: normal;
	max-width: 50%;
	font-family: Replica-bold;
}

.content-campaign-showcase .infoBlock h2, .content-campaign-showcase .infoBlock p,
.content-gallery .infoBlock h2, .content-gallery .infoBlock p {
	max-width: 100%;
}

.infoBlock p {
	background-color: transparent;
	font-size: 30px;
	font-family: Replica, Arial, sans-serif;
	display: block;
	/* width: 50%; */
}

.infoBlock .search-block {
	width: 50%;
	float: right;
	display: inline-block;
	text-align: right;
	margin-top: 28px;
}

#full-width-slider .infoBlock .info-wrapper {
	width: 50%;
	float: left;
	display: block;
	/* transform: translate(0%, -50%); */
	/* margin-top: 50%; */
}

.content-gallery.infoBlock .info-wrapper {
	float: left;
	display: inline-block;
}

.rsMinW .rsBullets {
	display: none;
}

.infoBlock .search-block .button {
	height: 66px;
	width: 66px;
	color: transparent;
	background-color: #fff;
	display: inline-block;
	position: relative;
	bottom: auto;
	line-height: 12px;
	border: 0px;
	right: auto;
	margin-left: -5px;
	border-radius: 0px;
}

	.infoBlock .search-block .button:hover {
		background-color: #333354;
	}

		.infoBlock .search-block .button:hover:before {
			color: #fff;
		}



	.infoBlock .search-block .button:before {
		content: "\f002";
		font-family: FontAwesome;
		color: #545969;
		font-size: 30px;
		margin: auto;
		display: block;
		position: relative;
		top: 11px;
	}

@media only screen and (max-width:768px) {
	#full-width-slider .infoBlock .info-wrapper {
		width: 100% !important;
	}

	.infoBlock .search-block {
		width: 80%;
		float: none;
		position: relative;
		text-align: center;
	}

		.infoBlock .search-block input {
			display: inline-block;
			width: 200px;
			height: 66px;
			margin-bottom: 0px;
			position: relative;
			top: 0px;
			padding-left: 25px;
		}

		.infoBlock .search-block a {
			display: inline-block;
			width: 60px;
			height: 60px;
			margin-top: 0px;
			position: relative;
			/* top: -8px; */
		}

	#full-width-slider .infoBlock {
		width: 100%;
	}

	.infoBlock h2 {
		font-size: 30px !important;
		text-align: center !important;
		max-width: 100%;
		padding: 10px 20px 10px 10px;
	}

	.infoBlock p {
		font-size: 20px !important;
		padding: 10px;
	}

	.infoBlock .button:first-child {
	}

	.infoBlock .button {
		width: 50%;
		display: block;
		font-size: 12px;
		margin: 10px auto;
	}
}

@media only screen and (min-width: 768px) {
	.infoBlock .button {
		height: 60px;
		line-height: 30px;
		display: inline-block;
		width: auto;
		margin-top: 40px;
		margin-right: 30px;
	}

	.infoBlock .search-block .search-bar {
		height: 66px;
		width: 50%;
		background-color: #fff;
		display: inline-block;
		margin: 0px !important;
		float: none;
		box-shadow: none;
		-webkit-box-shadow: none !important;
		position: relative;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 768px) {
	div.homePageEnquiries label {
		width: 100%;
	}

	#full-width-slider .rsOverflow {
		height: 394px !important;
	}

	#Panel1.search-bar {
		display: none;
	}
}

@media only screen and (device-width: 600px) {
	.threeTabsPromoLayout .fancybox-media .thumbs {
		width: 100%;
	}

	.flexslider.gallery-showcase .slides > li {
		height: 447px;
	}

	.gallery-showcase-carousel {
		display: none;
	}

	.flexslider.gallery-showcase {
		width: 100%;
	}

	#gallery-showcase {
		height: 680px !important;
	}

	.block-grid.mobile > li {
		float: left;
	}

	.breadcrumb-row {
		left: 0px;
	}
}

@media only screen and (device-width: 768px) {
	.infoBlock h2 {
		margin-top: 30px;
		font-size: 43px !important;
	}

	.infoBlock p {
		font-size: 24px !important;
		max-width: 65%;
	}

	.infoBlock .button {
		width: 50%;
		display: block;
		font-size: 12px;
		margin: 10px 0px;
		/* float: left; */
		/* clear: both; */
	}

	.rsMinW .rsArrow, .slider-controls {
		bottom: 0px;
	}

	#full-width-slider {
		height: 600px !important;
	}

	.block-grid.mobile > li {
		float: left;
	}

	.slider-controls {
		bottom: 0px;
	}

	.promoImg {
		width: 47%;
	}

	#full-width-slider .rsOverflow {
		height: 600px !important;
	}

	div.leftLinks {
		width: 100%;
	}

	div.rightLinks {
		width: 100%;
		margin-top: 0px;
	}

	.gallery-showcase-carousel {
		display: none;
	}

	.breadcrumb-row {
		left: 0px;
	}
}

@media only screen and (device-width: 800px) {
	.infoBlock h2 {
		margin-top: 30px;
		font-size: 43px !important;
	}

	.infoBlock p {
		font-size: 24px !important;
		max-width: 65%;
	}

	.infoBlock .button {
		width: 50%;
		display: block;
		font-size: 12px;
		margin: 10px 0px;
		/* float: left; */
		/* clear: both; */
	}

	.rsMinW .rsArrow, .slider-controls {
		bottom: 0px;
	}

	#full-width-slider {
		height: 600px !important;
	}

	.slider-controls {
		bottom: 0px;
	}

	.promoImg {
		width: 47%;
	}

	#full-width-slider .rsOverflow {
		height: 600px !important;
	}

	div.leftLinks {
		width: 100%;
	}

	div.rightLinks {
		width: 100%;
		margin-top: 0px;
	}

	.gallery-showcase-carousel {
		display: none;
	}

	.block-grid.mobile > li {
		float: left;
	}

	.breadcrumb-row {
		left: 0px;
	}
}


/* Campaign showcase - 3mil restyle */

.campaignTitle {
	font-weight: lighter;
	margin-top: 50px;
}


.four.columns.image img,
.widget.image-area img,
.six.columns img {
	width: 100%;
}

.banner-container img {
	height: 100%;
}

#test {
    display: none;
}

#newid {
    z-index: 99999999 !important;
    height: 100% !important;
    /* width: 100% !important; */
    /* position: fixed !important; */
    position: fixed !important;
    background-color: #333355 !important;
    display: block;
    padding: 20px !important;
}

.gdpr-button:hover {
    background: #545969 !important;
    text-decoration: none !important;
}