/*
Theme Name: IPONWEB
Theme URI: ****************
Description: Main Theme
Version: 1.0
Author:
Author URI:
*/

/*

COLOURS

	Blue : #04b3da;

*/

@import "css/layout.css";

/*  ==========================================================================
	Reset
	========================================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		  margin: 0;
		  padding: 0;
		  border: 0;
		  outline: 0;
		  line-height: inherit;
		  font-style: inherit;
		  font-size: 16px;
		  font-weight: 300;
		  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
		  vertical-align: baseline;
	}


/*  ==========================================================================
	Miscellaneous Styles
	========================================================================== */
	::-moz-selection {
		background-color: #04b3da;
		color: #FFF;
		text-shadow: none;
	}
	::selection {
		background-color: #04b3da;
		color: #FFF;
		text-shadow: none;
	}
	.page-template-bidswitch-page ::-moz-selection {
		background-color: #df031b;
		color: #FFF;
		text-shadow: none;
	}
	.page-template-bidswitch-page ::selection {
		background-color: #df031b;
		color: #FFF;
		text-shadow: none;
	}
	::-webkit-input-placeholder {
	   color:  #676767;
	}
	:-moz-placeholder { /* Firefox 18- */
	   color:  #676767;
	}
	::-moz-placeholder {  /* Firefox 19+ */
	   color:  #676767;
	}
	:-ms-input-placeholder {
	   color: #676767;
	}


/*  ==========================================================================
	Box-sizing
	========================================================================== */
	html {
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
	}
	*, *:before, *:after {
		  -webkit-box-sizing: inherit;
		  -moz-box-sizing: inherit;
		  box-sizing: inherit;
	}


/*  ==========================================================================
	Typography
	========================================================================== */
	html,
	body {
		overflow-x: hidden;
	}
	html {
		font-size: 100%;
		min-height:100%;
	}
	body {
		 min-height:100%;
		 background-color: #202020;
		 -webkit-text-size-adjust: 100%;
		 overflow: hidden;
	}
	p, address, blockquote, pre, h1, h2, h3, h4, h5, h6 {
		margin-bottom: 35px;
		color: #fff;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: 100;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	h1 {
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 80px;
	}
	.category .post-list-container h1,
	.tag .post-list-container h1 {
		width:48%;
		margin:0 auto;
		text-align:center;
		padding-bottom:30px;
	}
	h2 {
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 80px;
	}
	h2.small-margin {
		margin-bottom: 50px;
	}
	h3 {
		font-size: 35px;
		line-height: 45px;
	}
	.label {
		font-weight: 700;
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 20px;
		letter-spacing: 3px;
	}
	.label.no-spacing {
		letter-spacing: 2px;
	}
	.bordered-label {
		padding-bottom: 30px;
		position: relative;
	}
	.bordered-label:after {
		content: "";
		height: 3px;
		width: 45px;
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		background-color: #04b3da;
	}
	h4 {
		font-size: 25px;
		line-height: 35px;
	}
	h5 {
		font-size: 20px;
		line-height: 30px;
	}
	h6 {
		font-size: 18px;
		line-height: 18px;
	}
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a {
		text-decoration: none;
	}
	p, blockquote {
		font-size: 17px;
		line-height: 29px;
		letter-spacing: 0.3px;
	}
	div p:last-child,
	article p:last-child {
		margin-bottom: 0;
	}
	blockquote p {
		margin: 0;
		font-size: 35px;
		line-height: 45px;
		font-weight: 100;
	}
	blockquote, .debug {
		width: 100%;
	}
	figure {
		margin: 0;
	}
	figure img {
		width: 100%;
		height: auto;
	}
	article ul,
	article ol {
		margin-bottom: 30px;
	}
	.accordion-content ul {
		padding-bottom: 20px;
	}
	article ul li,
	.accordion-content ul li {
		list-style-type: none;
		padding-left: 30px;
		line-height: 26px;
		margin-bottom: 10px;
		position: relative;
		letter-spacing: 0.3px;
	}
	article ul li:before,
	.accordion-content ul li:before {
		content: "";
		height: 4px;
		width: 4px;
		border-radius: 50%;
		background-color: #04b3da;
		position: absolute;
		top: 10px;
		left: 0;
	}
	article ol li {
		list-style: decimal;
	}
	article > *:last-child {
		margin-bottom: 0;
	}
	article figure {
		margin-bottom: 20px;
	}
	article img {
		margin: 70px 0;
	}
	a {
		text-decoration: none;
		font-size: inherit;
		font-family: inherit;
		text-decoration: underline;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	a:hover,
	a:focus {
		text-decoration: none;
	}
	.dark-grey-bg a {
		color: #07a6ca;
	}
	.dark-grey-bg a:hover,
	.dark-grey-bg a:focus {
		color: #fff;
	}
	.dark-grey-bg  ul li {
		color: #fff;
	}
	.white-bg article a {
		color: #07a6ca;
	}
	input[type="checkbox"], input[type="radio"] {
		margin: 0 10px 10px 0;
	}
	img {
		display: block;
		max-width: 100%;
		height: auto;
	}
	span {
		font-size: inherit;
		font-weight: inherit;
		font-size: inherit;
		font-family: inherit;
	}


/*  ==========================================================================
	Clearfix
	========================================================================== */
	.cf:before,
	.cf:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}
	.cf:after {
		clear: both;
	}
	/**
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */
	.cf {
		*zoom: 1;
	}
	.clear {
		clear: both;
	}


/*  ==========================================================================
	Utility Classes
	========================================================================== */
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.centered {
		text-align: center;
	}
	.centered img {
		margin-left: auto;
		margin-right: auto;
	}
	.col3 {
		width: 33.3333333%;
	}
	.col4 {
		width: 25%;
	}
	.last {
		margin-right: 0;
	}
	.col-half {
		width: 47%;
	}
	.button,
	.wpcf7-submit,
	.cc-btn,
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
		color: #fff;
		display: inline-block;
		zoom:1; *display: inline; _height: 51px;
		margin: 0 auto;
		padding: 16px 50px!important;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 3px;
		font-size: 15px;
		min-width: 250px;
		text-align: center;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		cursor: pointer;
		text-decoration: none;
	}
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
		float: none;
		margin: 0 auto !important;
	}
	.button.thin-button {
		min-width: 150px;
		text-decoration: none !important;
	}
	.button.highlight,
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
		color: #04b3da;
		border-color: #04b3da;
	}
	.cc-btn {
		background-color: transparent !important;
		border: 1px solid #04b3da !important;
		color: #04b3da !important;
		width: 150px !important;
		font-size: 13px !important;
		letter-spacing: 0.5px !important;
	}
	.cc-btn:hover,
	.cc-btn:focus {
		background-color: #04b3da !important;
		color: #fff !important;
	}
	.button.red-highlight {
		color: #df031b;
		border-color: #df031b;
	}
	.page-template-bidswitch-page .highlight {
		color: #df031b;
	}
	.page-template-bidswitch-page .button.highlight {
		border-color: #df031b;
	}
	.page-template-bidswitch-page .button.highlight:hover,
	.page-template-bidswitch-page .button.highlight:focus {
		background-color: #df031b !important;
	}
	.page-template-bidswitch-page .border-bottom-highlight:after {
		background-color: #df031b;
	}
	.page-template-bidswitch-page #inner-hero {
		background-color: #3f1417;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(63, 20, 23)), to(rgb(32, 32, 32)));
		background-image: -webkit-linear-gradient(top, rgb(63, 20, 23), rgb(32, 32, 32));
		background-image: -moz-linear-gradient(top, rgb(63, 20, 23), rgb(32, 32, 32));
		background-image: -o-linear-gradient(top, rgb(63, 20, 23), rgb(32, 32, 32));
		background-image: -ms-linear-gradient(top, rgb(63, 20, 23), rgb(32, 32, 32));
		background-image: linear-gradient(top, rgb(63, 20, 23), rgb(32, 32, 32));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3f1417', EndColorStr='#202020');
	}
	.page-template-technology-page #inner-hero {
		background-color: #0f2c32;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(15, 44, 50)), to(rgb(32, 32, 32)));
		background-image: -webkit-linear-gradient(top, rgb(15, 44, 50), rgb(32, 32, 32));
		background-image: -moz-linear-gradient(top, rgb(15, 44, 50), rgb(32, 32, 32));
		background-image: -o-linear-gradient(top, rgb(15, 44, 50), rgb(32, 32, 32));
		background-image: -ms-linear-gradient(top, rgb(15, 44, 50), rgb(32, 32, 32));
		background-image: linear-gradient(top, rgb(15, 44, 50), rgb(32, 32, 32));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0f2c32', EndColorStr='#202020');

	}
	.button.highlight:hover,
	.button.highlight:focus,
	.wpcf7-submit:focus,
	.wpcf7-submit:hover,
	.gform_wrapper .gform_footer input.button:hover,
	.gform_wrapper .gform_footer input[type=submit]:hover,
	.gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]:hover {
		color: #fff !important;
		background-color: #04b3da !important;
		box-shadow: none;
	}
	.button.red-highlight:hover,
	.button.red-highlight:focus {
		background-color: #df031b;
		color: #fff;
	}
	.button-top-spacer {
		margin-top: 30px;
	}
	.hidden {
		display: none;
	}
	.table {
		display: table;
	}
	.v-h-center {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}
	strong {
		font-size: inherit;
		font-family: inherit;
		font-weight: 600;
	}
	.uppercase {
		text-transform: uppercase;
	}


/*  ==========================================================================
	General Classes
	========================================================================== */
	.wrapper {
		width: 82%;
		margin: 0 auto;
		max-width: 1200px;
	}
	.outer-wrapper{
		width: 82%;
		margin: 0 auto;
	}
	.cc-window {
		width: 82% !important;
		padding: 20px 0 !important;
		margin: 0 auto;
	}
	.cc-grower {
		background-color: #f1f6fa !important;
		z-index: 8000;
		width: 100%;
		top: 0;
		left: 0;
		position: fixed;
	}
	.inner-wrapper {
		width: 90%;
		margin: 0 auto;
		max-width: 1020px;
	}
	.browser-height {
		height: 100vh;
	}
	.border-bottom {
		padding-bottom: 30px;
		margin-bottom: 35px;
		position: relative;
	}
	.border-bottom:after {
		content: "";
		height: 3px;
		width: 45px;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -25px;
		display: block;
	}
	.border-bottom.border-left:after {
		left: 0;
		margin-left: 0;
	}
	.border-bottom-highlight:after {
		background-color: #04b3da;
	}
	.relative {
		position: relative;
	}
	.cover-bg {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.shadowed {
		-webkit-box-shadow: 1px 21px 84px -23px rgba(0,0,0,0.31);
		-moz-box-shadow: 1px 21px 84px -23px rgba(0,0,0,0.31);
		box-shadow: 1px 21px 84px -23px rgba(0,0,0,0.31);
	}
	.top-margin {
		margin-top: 100px;
	}
	.extra-bottom-pad {
		padding-bottom: 150px;
	}
	.xl-extra-bottom-pad {
		padding-bottom: 280px;
	}
	.wow {
		visibility: hidden;
	}
	.ie-styles .wow {
		visibility: visible;
	}


	/* Text backgrouds */
	.text-bg {
		background-repeat: no-repeat;
	}
	.text-bg-bottomright {
		background-position: right 94%;
	}
	.text-bg-topright {
		background-position: right top;
	}
	#bidswitch {
		background-image: url(images/bidswitch-text-bg.png);
	}


	/* Colour classes */
	.light-grey-bg {
		background-color: #f1f6fa;
	}
	.light-grey-bg * {
		color: #202020;
	}
	.dark-grey-bg {
		background-color: #202020;
	}
	.white-bg {
		background-color: #fff;
	}
	.white-bg * {
		color: #202020;
	}
	.highlight,
	.highlight a {
		color: #04b3da;
	}
	.highlight-bg {
		background-color: #04b3da;
	}
	.red-highlight,
	.red-highlight * {
		color: #df031b;
	}
	.red-highlight-bg {
		background-color: #df031b;
	}
	.black-bg {
		background-color: #000;
	}



	/* Section padding */
	.pad-75-0 {
		padding: 75px 0;
	}
	.pad-90-0 {
		padding: 90px 0;
	}
	.pad-120-0 {
		padding: 120px 0;
	}
	.pad-120-0.bottom-indent {
		padding-bottom: 225px;
	}
	.pad-140-0 {
		padding: 140px 0 160px;
	}
	.pad-75-0-125 {
		padding: 75px 0 100px;
	}
	.pad-70 {
		padding: 70px;
	}


	/* Column widths */
	.col-60 {
		width: 60%;
	}
	.col-55 {
		width: 55%;
	}
	.col-50 {
		width: 50%;
	}
	.col-42 {
		width: 42%;
	}
	.col-30 {
		width: 30%;
	}
	.col-third {
		width: 31.5%;
		margin-right: 2.75%;
	}
	.col-third:nth-child(3n) {
		margin-right: 0;
	}
	.col-third:nth-child(3n+1) {
		clear: both;
	}



/*  ==========================================================================
	Cookie slidedown
	========================================================================== */
	#cookie-slidedown {
		height: 100px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
	}


/*  ==========================================================================
	Header
	========================================================================== */
	#site-header {
		padding: 80px 0 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 6998;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	#site-header.shrink,
	.page-template-onecolumn-page #site-header.shrink {
		background-color: #202020;
		padding: 35px 0;
	}
	.page-template-onecolumn-page #site-header {
		background-color: #202020;
		padding: 80px 0 50px;
	}

	#site-header .logo {
		width: 150px;
		float: left;
		cursor: pointer;
	}
	#site-header .logo img {
		width: 100%;
		height: auto;
		opacity: 1;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	#site-header .logo:hover img,
	#site-header .logo:focus img {
		opacity: 0.6;
	}

	#menu-toggle {
		float: right;
		width: 25px;
		position: relative;
		cursor: pointer;
		display: block;
		height: 20px;
		z-index: 9999;
	}
	#menu-toggle .menu-line {
		background-color: #fff;
		height: 3px;
		width: 100%;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	#menu-toggle .line-1 {
		top: 0;
	}
	#menu-toggle .line-2,
	#menu-toggle .line-3 {
		top: 8px;
	}
	#menu-toggle .line-4 {
		top: 16px;
	}
	#menu-toggle.open .line-1,
	#menu-toggle.open .line-4 {
		opacity: 0;
	}
	#menu-toggle.open .line-2 {
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		transform: rotate(45deg);
	}
	#menu-toggle.open .line-3 {
		-ms-transform: rotate(-45deg); /* IE 9 */
		-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
		transform: rotate(-45deg);
	}
	#menu-toggle.open .line-2,
	#menu-toggle.open .line-3 {
		-ms-transform-origin: 50% 50%; /* IE 9 */
		-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
		transform-origin: 50% 50%;
	}
	#menu-toggle:hover .menu-line,
	#menu-toggle:focus .menu-line {
		background-color: #04b3da;
	}
	.page-template-bidswitch-page #menu-toggle:hover .menu-line,
	.page-template-bidswitch-page #menu-toggle:focus .menu-line {
		background-color: #df031b;
	}


/*  ==========================================================================
	Slideout Menu
	========================================================================== */
	#japanese-link {
		position: fixed;
		top: 200px;
		z-index: 300;
		width: 38px;
		height: auto;
		opacity: 0;
		right: -38px;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		background-color: #fff;
	}
	#japanese-link:hover,
	#japanese-link:focus {
		padding-right: 5px;
	}
	#menu-slideout,
	#menu-slideout.open .menu-container {
		min-height: 480px;
	}
	#menu-slideout.open	#japanese-link {
		opacity: 1;
		right: 0;
		-webkit-transition: all 0.3s ease-in-out 0.3s;
		-moz-transition: all 0.3s ease-in-out 0.3s;
		-o-transition: all 0.3s ease-in-out 0.3s;
		transition: all 0.3s ease-in-out 0.3s;
	}
	#menu-slideout {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255,255,255,0.85);
		opacity: 0;
		z-index: 200;
		visibility: hidden;
		-webkit-transition: all 0.3s ease-in-out 0.3s;
		-moz-transition: all 0.3s ease-in-out 0.3s;
		-o-transition: all 0.3s ease-in-out 0.3s;
		transition: all 0.3s ease-in-out 0.3s;
	}
	#menu-slideout.open {
		opacity: 1;
		z-index: 6998;
		visibility: visible;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

@supports ( (-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%)) or (clip-path: polygon(0 0, 0 100%, 100% 100%)) or (clip-path: url("#diagonal-mask-1-left")) ) {
	.menu-container {
		width: 50%;
		position: absolute;
		left: 100%;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		-webkit-clip-path: polygon(39% 0, 100% 0, 100% 100%, 20% 100%, 0 40%);
		clip-path: polygon(39% 0, 100% 0, 100% 100%, 20% 100%, 0 40%);
		clip-path: url("#menu-container");
		-webkit-backface-visibility: hidden;
	}
}
	.ie-styles .menu-container {
		background-image: url(images/menu-bg.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		background-color: transparent;
		width: 50%;
		position: absolute;
		left: 100%;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		-webkit-clip-path: none;
				clip-path: none;
				clip-path: none;
	}

	#menu-slideout.open .menu-container {
		left: 50%;
		-webkit-transition: all 0.3s ease-in-out 0.3s;
		-moz-transition: all 0.3s ease-in-out 0.3s;
		-o-transition: all 0.3s ease-in-out 0.3s;
		transition: all 0.3s ease-in-out 0.3s;
	}
	.menu-primary-navigation-container {
		padding: 0 18% 0 30%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
		width: 100%;
		text-align: left;
		margin-top: -50px;
	}
	.menu-primary-navigation-container ul {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		margin-bottom: -50px;
	}
	.menu-primary-navigation-container ul li {
		list-style-type: none;
		margin-bottom: 50px;
	}
	.menu-primary-navigation-container ul li a {
		color: #fff;
		font-size: 22px;
		text-decoration: none;
	}
	.menu-primary-navigation-container ul li a:hover,
	.menu-primary-navigation-container ul li a:focus,
	.menu-primary-navigation-container ul li.current-menu-item a,
	.menu-primary-navigation-container ul li.current-page-ancestor a,
	.single-offices .menu-primary-navigation-container ul li#menu-item-51 a {
		color: #04b3da;
	}
	.menu-primary-navigation-container ul li#menu-item-27 a {
		color: #df031b;
	}


/*  ==========================================================================
	Masks
	========================================================================== */
	.diagonal-mask-2-wrap {
		padding: 75px 0 225px;
		position: relative;
	}
	.diagonal-mask-3-wrap {
		padding: 185px 0 125px;
		position: relative;
	}
	.diagonal-mask-4-wrap {
		padding: 125px 0 160px;
		position: relative;
	}


	/* @supports only applied to browsers that support clip-path */
	@supports ( (-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%)) or (clip-path: polygon(0 0, 0 100%, 100% 100%)) or (clip-path: url("#diagonal-mask-1-left")) ) {

		/* Large diagonal mask.  70% left.  30% right.  High profile.  Home intro. */
		.diagonal-mask-1-left {
			-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
			clip-path: polygon(0 0, 0 100%, 100% 100%);
			clip-path: url("#diagonal-mask-1-left");
			position: absolute;
			bottom: -1px;
			height: 185px;
			left: 0;
			width: 80%;
			-webkit-backface-visibility: hidden;
		}
		.home-slider-outer .diagonal-mask-1-left {
			height: 360px;
		}
		.diagonal-mask-1-right {
			-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
			clip-path: polygon(0 100%, 100% 0, 100% 100%);
			clip-path: url("#diagonal-mask-1-right");
			position: absolute;
			bottom: -1px;
			height: 150px;
			right: 0;
			width: 20%;
			-webkit-backface-visibility: hidden;
		}
		.home-slider-outer .diagonal-mask-1-right {
			height: 250px;
		}

		/* Smaller diagonal mask.  80% left.  20% right.  Low profile. */
		.diagonal-mask-2-left {
			-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
			clip-path: polygon(0 0, 0 100%, 100% 100%);
			clip-path: url("#diagonal-mask-2-left");
			position: absolute;
			bottom: -1px;
			height: 65px;
			left: 0;
			width: 72%;
			-webkit-backface-visibility: hidden;
		}
		.diagonal-mask-2-right {
			-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
			clip-path: polygon(0 100%, 100% 0, 100% 100%);
			clip-path: url("#diagonal-mask-2-right");
			position: absolute;
			bottom: -1px;
			height: 105px;
			right: 0;
			width: 28%;
			-webkit-backface-visibility: hidden;
		}

		/* Top diagonal mask.  30% left.  70% right.  Medium profile. */
		.diagonal-mask-3-left {
			-webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
			clip-path: polygon(0 0, 100% 0, 0 100%);
			clip-path: url("#diagonal-mask-3-left");
			position: absolute;
			top: -1px;
			height: 220px;
			left: 0;
			width: 35%;
			z-index: 0;
			-webkit-backface-visibility: hidden;
		}
		.diagonal-mask-3-right {
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
			clip-path: polygon(0 0, 100% 0, 100% 100%);
			clip-path: url("#diagonal-mask-3-right");
			position: absolute;
			top: -1px;
			height: 160px;
			right: 0;
			width: 65%;
			z-index: 0;
			-webkit-backface-visibility: hidden;
		}

		/* Footer diagonal mask.  25% left.  75% right.  Low profile. */
		.diagonal-mask-4-left {
			-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
			clip-path: polygon(0 0, 100% 100%, 0 100%);
			clip-path: url("#diagonal-mask-4-left");
			position: absolute;
			bottom: -1px;
			height: 110px;
			left: 0;
			width: 25%;
			-webkit-backface-visibility: hidden;
		}
		.diagonal-mask-4-right {
			-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
			clip-path: polygon(0 100%, 100% 0, 100% 100%);
			clip-path: url("#diagonal-mask-4-right");
			position: absolute;
			bottom: -1px;
			height: 60px;
			right: 0;
			width: 75%;
			-webkit-backface-visibility: hidden;
		}

		/* Image Mask. left. Point bottom right */
		.left-mask-lowpoint {
			-webkit-clip-path: polygon(0 0, 50% 2%, 90% 65%, 20% 100%, 0 95%);
			clip-path: polygon(0 0, 50% 2%, 90% 65%, 20% 100%, 0 95%);
			clip-path: url("#left-mask-lowpoint");
			width: 35%;
			max-width: 955px;
			-webkit-backface-visibility: hidden;
			margin-top: 50px;
		}
		.right-mask-lowpoint {
			-webkit-clip-path: polygon(10% 65%, 50% 2%, 100% 0, 100% 90%, 80% 100%);
			clip-path: polygon(10% 65%, 50% 2%, 100% 0, 100% 90%, 80% 100%);
			clip-path: url("#right-mask-lowpoint");
			width: 38%;
			max-width: 955px;
			-webkit-backface-visibility: hidden;
			margin-top: 50px;
		}
		.right-mask-skwsq {
			-webkit-clip-path: polygon(0% 15%, 100% 0, 100% 100%, 8% 95%);
			clip-path: polygon(0% 15%, 100% 0, 100% 100%, 8% 95%);
			clip-path: url("#right-mask-skwsq");
			width: 35%;
			max-width: 800px;
			-webkit-backface-visibility: hidden;
		}
		.image-block-mask {
			-webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 40%);
			clip-path: polygon(0 0, 100% 0, 80% 100%, 0 40%);
			clip-path: url("#image-block-mask");
			width: 100%;
			height: 100px;
			-webkit-backface-visibility: hidden;
			margin-top: 0;
		}

	}

	.ie-styles .diagonal-mask-1-left,
	.ie-styles .diagonal-mask-1-right,
	.ie-styles .diagonal-mask-2-left,
	.ie-styles .diagonal-mask-2-right,
	.ie-styles .diagonal-mask-3-left,
	.ie-styles .diagonal-mask-3-right,
	.ie-styles .diagonal-mask-4-left,
	.ie-styles .diagonal-mask-4-right {
		display: none;
	}

	.left-mask-lowpoint {
		width: 35%;
		max-width: 955px;
		-webkit-backface-visibility: hidden;
		margin-top: 50px;
	}
	.right-mask-lowpoint {
		width: 38%;
		max-width: 955px;
		-webkit-backface-visibility: hidden;
		margin-top: 50px;
	}
	.right-mask-skwsq {
		width: 35%;
		max-width: 800px;
		-webkit-backface-visibility: hidden;
	}
	.image-block-mask {
		width: 100%;
		height: 100px;
		-webkit-backface-visibility: hidden;
		margin-top: 0;
	}

	.ie-styles .image-block-mask {
		display: none;
	}


	/* Divide backups */
	.ie-divide {
		display: none;
	}
	.ie-styles .ie-divide {
		display: block;
	}
	.divide {
		position: absolute;
		left: 0;
		width: 100%;
		height: auto;
	}
	.divide.bottom {
		bottom: -1px;
	}
	.divide.top {
		top: -1px;
	}


/*  ==========================================================================
	Home Content
	========================================================================== */

	/* Slider */
	#home-slider {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 100;
	}
	.home-slider-content {
		max-width: 970px;
		width: 94%;
		margin: 0 auto;
		position: absolute;
		top: 40%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.slickslider {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.slickslider.slick-initialized {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	.slick-slide {
		position: relative;
	}
	#home-slider .slick-slide {
		padding: 200px 0;
		min-height: 100vh !important;
	}
	#home-slider .slick-slide h1 {
		text-transform: none;
	}
	#home-slider .slick-slide p {
		max-width: 780px;
		margin: 0 auto 60px;
	}
	.slick-dots {
		position: absolute;
		left: 50%;
		bottom: 25%;
		-webkit-transform: translateX(-50%);
		  -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
	}
	.slick-dots li {
		display: inline-block;
		zoom:1; *display: inline; _height: 15px;
		margin: 0 5px;
	}
	.slick-dots li button {
		display: block;
		height: 12px;
		width: 12px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: transparent;
		text-indent: -9999px;
		overflow: hidden;
		padding: 0;
		border-width: 1px;
		border-style: solid;
		border-color: #04b3da;
		outline: none;
	}
	.slick-dots li.slick-active button {
		background-color: #04b3da;
	}

	/* Solutions */
	.solutions-intro {
		padding-top: 75px;
	}
	.solutions-wrapper {
		margin: 0 -15px;
		padding-bottom: 0;
	}
	#solutions-page-content .solutions-wrapper {
		margin-top: -180px;
		margin-bottom: 100px;
	}
	.solutions-wrapper .solution-outer {
		width: 25%;
	}
	.solutions-wrapper .solution {
		text-align: center;
		margin: 0 15px;
		padding: 50px 10px;
		position: relative;
		-webkit-box-shadow: 1px 6px 84px -23px rgba(0,0,0,0.31);
		-moz-box-shadow: 1px 6px 84px -23px rgba(0,0,0,0.31);
		box-shadow: 1px 6px 84px -23px rgba(0,0,0,0.31);
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.solutions-wrapper .solution:hover,
	.solutions-wrapper .solution:focus {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.solution p {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0;
		max-width: 200px;
		margin: 0 auto;
	}
	.solution h3 a {
		font-weight: bold;
	}
	.solution h3 a:hover,
	.solution h3 a:focus {
		text-decoration: underline;
	}
	.corner-link {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 70px 70px;
		border-color: transparent transparent #04b3da transparent;
	}
	.corner-link:after {
		content: "";
		background-image: url(images/plus-icon.svg);
		background-size: cover;
		position: absolute;
		bottom: -55px;
		right: 12px;
		width: 16px;
		height: 16px;
	}
	.corner-link:hover,
	.corner-link:focus {
		border-color: transparent transparent #202020 transparent;
	}
	.solutions-wrapper .solution-outer:first-child .solution {
		padding: 50px 30px;
	}
	.solutions-wrapper .solution .label {
		letter-spacing: 2px;
		margin-bottom: 20px;
	}


	/* Testimonials */
	#testimonial-slider img.logo {
		max-width: 150px;
		height: auto;
		margin-bottom: 50px;
		max-height: 80px;
	}
	#testimonial-slider .rounded {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		width: 115px;
		height: auto;
		overflow: hidden;
		margin: 0 auto 30px;
	}
	.testimonial-text p {
		font-size: 35px;
		line-height: 45px;
		font-weight: 100;
	}
	.author {
		font-size: 18px;
		line-height: 24px;
		color: #fff;
		letter-spacing: 0.5px;
		margin-top: 40px;
		display: block;
	}
	.author.highlight {
		font-weight: 700;
		color: #04b3da;

	}
	#testimonial-slider .slick-dots {
		position: relative;
		bottom: auto;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}


	/* BidSwitch section */
	#bidswitch article p {
		max-width: 790px;
		margin-left: auto;
		margin-right: auto;
	}


	/* News */
	.home-post-content {
		padding: 50px 20px 70px;
		text-align: center;
	}
	.col4-wrapper {
		position: relative;
	}
	.col4-wrapper .col4 {
		width: 23.5%;
		margin-right: 2%;
	}
	.col4-wrapper .col4:nth-child(4n) {
		margin-right: 0;
	}
	.home-posts figure,
	.home-posts img {
		margin: 0;
	}
	.home-posts article h2 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 0;
		text-transform: none;
		letter-spacing: 0.3px;
		font-weight: 300;
	}
	.home-posts {
		margin-bottom: 50px;
	}
	.home-posts .post-date {
		margin-bottom: 10px;
	}
	.location-map {
		width: 100%;
		margin-bottom: 0;
		position: relative;
	}
	.location-map-bottom-content {
		margin-top: 90px;
		margin-bottom: 20px;
	}
	.location-map img {
		width: 100%;
		height: auto;
	}
	.location-markers li {
		position: absolute;
		background-color: #02dff9;
		height: 15px;
		width: 15px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		list-style-type: none;
		-webkit-box-shadow: 0px 0px 30px -3px rgba(2,223,249,1);
		-moz-box-shadow: 0px 0px 30px -3px rgba(2,223,249,1);
		box-shadow: 0px 0px 30px -3px rgba(2,223,249,1);
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.location-markers li:before,
	.location-markers li:after {
		content:"";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 15px;
		width: 15px;
		z-index: 0;
		background-color: rgba(2, 223, 249, 0.1);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.location-markers li:after {
		-webkit-transition: all 0.3s ease-in-out 0.1s;
		-moz-transition: all 0.3s ease-in-out 0.1s;
		-o-transition: all 0.3s ease-in-out 0.1s;
		transition: all 0.3s ease-in-out 0.1s;
	}
	.location-markers li:hover,
	.location-markers li:focus {

	}
	.location-markers li:hover:before,
	.location-markers li:focus:before {
		height: 35px;
		width: 35px;
	}
	.location-markers li:hover:after,
	.location-markers li:focus:after {
		height: 55px;
		width: 55px;
	}
	.location-pop {
		position: absolute;
		padding: 15px 25px;
		opacity: 0;
		margin-bottom: -20px;
		bottom: 100%;
		left: 50%;
		margin-bottom; 10px;
		z-index: 20;
		width: 200px;
		visibility: hidden;
		-webkit-transition: all 0.3s ease-in-out 0.3s;
		-moz-transition: all 0.3s ease-in-out 0.3s;
		-o-transition: all 0.3s ease-in-out 0.3;
		transition: all 0.3s ease-in-out 0.3s;
		-webkit-transform: translateX(-50%);
		  -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
	}
	.location-pop:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 20px 0 20px;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		left: 50%;
		top: 100%;
		-webkit-transform: translateX(-50%);
		  -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
	}
	.location-markers li:hover .location-pop,
	.location-markers li:focus .location-pop {
		margin-bottom: 20px;
		opacity: 1;
		visibility: visible;
	}
	.location-pop h3 {
		margin-bottom: 5px;
	}
	.overlay-link {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
	}
	.timezone {
		font-size: 18px;
		line-height: 26px;
		font-weight: 300;
	}


/*  ==========================================================================
	Inner page hero
	========================================================================== */
	.inner-hero-content {
		padding: 200px 0 250px;
		max-width: 970px;
		width: 82%;
		margin: 0 auto;
		text-align: center;
		position: relative;
		z-index: 20;
	}
	.inner-hero-content p {
		font-weight: 100;
	}
	.inner-hero-content a {
		font-weight: 600;
		text-decoration: underline;
		color: #fff;
	}
	.inner-hero-content a.button,
	.inner-hero-content a:hover,
	.inner-hero-content a:focus {
		text-decoration: none;
	}
	.offices-template-default .inner-hero-content,
	.blog .inner-hero-content {
		 padding-bottom: 250px;
	}
	.inner-hero-content .address {
		color: #fff;
		font-size: 19px;
		line-height: 27px;
		letter-spacing: 1px;
		font-weight: 100;
		margin-bottom: 50px;
		display: block;
	}
	.page-template-contact-page .inner-hero-content {
		padding: 230px 0 400px;
	}
	.inner-hero-content h1,
	.no-text-trans {
		text-transform: none;
	}
	.inner-hero-content p {
		font-weight: 100;
	}
	#inner-hero {
		overflow: hidden;
	}
	#particles-js {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		opacity: 0.5;
	}

/*  ==========================================================================
	About page template
	========================================================================== */
	#about-intro {
		background-image: url(images/ipon-text-bg.jpg);
	}

/*  ==========================================================================
	Solutions page template
	========================================================================== */
	#solutions-page-content {
		background-image: url(images/solution-text-bg.jpg);
		background-position: 100% 30%;
	}
	.on-page-nav {
		margin-top: 50px;
	}
	.on-page-nav li {
		display: inline-block;
		zoom:1; *display: inline; _height: 40px;
		margin: 0 10px;
		list-style-type: none;
	}

/*  ==========================================================================
	One column template
	========================================================================== */
	.content-wrapper {
		padding-top: 270px;
		position: relative;
		z-index: 200;
	}


/*  ==========================================================================
	Jobs
	========================================================================== */
	#jobs-content {
		padding-bottom: 90px;
	}
	.job-category {
		margin-bottom: 30px;
	}
	.category-header {
		padding: 30px 0;
		border-bottom: 1px solid #dedede;
	}
	.category-header h3 {
		font-size: 24px;
		font-weight: bold;
		line-height: 28px;
		text-transform: none;
		margin-bottom: 0;
		width: 90%;
		margin: 0 auto;
		max-width: 1020px;
	}
	.position-location {
		margin-bottom: 5px;
		color: #04b3da;
		text-transform: uppercase;
		font-size: 13px;
		line-height: 18px;
		font-weight: bold;
		letter-spacing: 2px;
	}
	.position-title {
		font-size: 24px;
		font-weight: 300;
		line-height: 30px;
		text-transform: none;
		margin-bottom: 0;
	}
	.position-title a {
		color: #202020 !important;
	}
	.single .position-title a {
		color: #fff !important;
	}
	.position-title a:hover,
	.position-title a:focus {
		text-decoration: underline;
	}
	.position {
		border-bottom: 1px solid #dedede;
		padding: 30px 0;
	}
	.single .position {
		border-bottom: 1px solid #414141;
	}
	#location-job-content {
		border-top: 1px solid #414141;
	}
	.position-details {
		width: 90%;
		margin: 0 auto;
		max-width: 1020px;
		padding-right: 300px;
		position: relative;

	}
	.position .button {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
		right: 0;
	}
	.job-category.bidswitch .position-location {
		color: #df031b;
	}
	.job-category.bidswitch .button {
		color: #df031b;
		border-color: #df031b;
	}
	.job-category.bidswitch .button:hover,
	.job-category.bidswitch .button:focus {
		background-color: #df031b !important;
	}


/*  ==========================================================================
	People page template
	========================================================================== */
	.team-wrapper {
		position: relative;
	}
	.team-wrapper .col4 {
		width: 21.625%;
		margin-right: 4.5%;
		margin-bottom: 45px;
	}
	.team-wrapper .col4:nth-child(4n+1) {
		margin-right: 0;
	}
	.team-wrapper.bottom-pad {
		padding-bottom: 250px;
	}
	.neg-margin-top {
		margin-top: -300px;
	}
	.team-member {
		position: relative;
	}
	.team-member .linkedin-link i {
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.team-member .linkedin-link {
		position: absolute;
		top: 10px;
		right: 20px;
		font-size: 30px;
		color: #202020;
	}
	.team-member .linkedin-link:hover i,
	.team-member .linkedin-link:focus i {
		color: #04b3da;
	}
	.dark-trans {
		background-color: rgba(32,32,32,0.6);
	}
	.team-overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 15px;
	}
	.team-overlay h5 {
		color: #fff;
		font-size: 13px;
		line-height: 15px;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 7px;
	}
	.job-position {
		color: #fff;
		font-size: 13px;
		line-height: 16px;
		display: block;
		letter-spacing: 0.5px;
	}
	#leadership {
		background-image: url(images/leadership-text-bg.jpg);
		background-repeat: no-repeat;
		background-position: right 50px;
	}

/*  ==========================================================================
	Accordion
	========================================================================== */
	#accordion {
		border-bottom: 1px solid #d2d6da;
		margin-bottom: 50px;
	}
	.accordion-toggle {
		cursor: pointer;
		border-top: 1px solid #d2d6da;
		padding: 30px 7%;
		margin-bottom: 0;
		font-size: 24px;
		text-transform: none;
		position: relative;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.accordion-toggle:hover,
	.accordion-toggle:focus,
	.accordion-toggle.open {
		color: #04b3da;
		border-top: 1px solid #04b3da;
	}
	.page-template-bidswitch-page .accordion-toggle:hover,
	.page-template-bidswitch-page .accordion-toggle:focus,
	.page-template-bidswitch-page .accordion-toggle.open {
		color: #df051d;
		border-top: 1px solid #df051d;
	}
	.page-template-bidswitch-page .accordion-toggle i {
		color: #df051d;
	}
	.page-template-bidswitch-page article ul li:before,
	.page-template-bidswitch-page .accordion-content ul li:before {
		background-color: #df051d;
	}
	.accordion-toggle i {
		margin-left: 50px;
		font-size: 50px;
		color: #04b3da;
		position: absolute;
		top: 50%;
		right: 7%;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		-webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
	}
	.accordion-toggle.open i {
		-webkit-transform: translateY(-50%) rotate(180deg);
		  -ms-transform: translateY(-50%) rotate(180deg);
			  transform: translateY(-50%) rotate(180deg);
	}
	.accordion-content {
		padding: 0 7%;
		width: 100%;
	}
	.accordion-content p {
		margin-bottom: 0;
		padding-bottom: 30px;
	}

/*  ==========================================================================
	Culture page
	========================================================================== */
	.working-intro {
		padding-bottom: 75px;
	}
	.carousel-img {
		width: 28%;
	}
	.carousel-content-inner {
		width: 72%;
	}
	#carousel .slick-slide {
		width: 100%;
		-webkit-transform: translateX(-25%);
		  -ms-transform: translateX(-25%);
			  transform: translateX(-25%);
		padding: 0px 0 50px;
	}
	.carousel-content {
		max-width: 970px !important;
		margin: 0 auto;
		-webkit-box-shadow: 1px 21px 84px -23px rgba(0,0,0,0.31);
		-moz-box-shadow: 1px 21px 84px -23px rgba(0,0,0,0.31);
		box-shadow: 1px 21px 84px -23px rgba(0,0,0,0.31);
	}
	.carousel-content-inner {
		padding: 75px 75px 90px;
	}
	.small-text p {
		font-size: 15px;
		line-height: 25px;
	}
	.carousel-content-inner p:last-child {
		margin-bottom: 0;
	}
	#carousel-dots {
		width: 90%;
		margin: 0 auto;
		max-width: 970px;
		margin-top: 90px;
	}
	.dots-inner {
		width: 120px;
		float: right;
		margin-right: -60px;
	}
	.slick-arrow {
		height: 60px;
		width: 60px;
		display: block;
		background-color: #f1f6fa;
		text-align: center;
		color: #04b3da;
		line-height: 60px !important;
		font-size: 20px !important;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.slick-next {
		float: right;
		-webkit-box-shadow: 0px 5px 27px -12px rgba(0,0,0,0.64);
		-moz-box-shadow: 0px 5px 27px -12px rgba(0,0,0,0.64);
		box-shadow: 0px 5px 27px -12px rgba(0,0,0,0.64);
	}
	.slick-prev {
		float: left;
	}
	.slick-arrow:hover,
	.slick-arrow:focus {
		background-color: #04b3da;
		color: #fff;
	}

/*  ==========================================================================
	Supply-side & Publisher
	========================================================================== */
	.col-3-container {
		position: relative;
		z-index: 200;
		margin-bottom: -30px;
	}
	.col-content  {
		padding: 40px 35px;
	}
	.col-3-container .col3 {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 30px;
	}
	.col-3-container .col3:nth-child(3n) {
		margin-right: 0;
	}

/*  ==========================================================================
	Data platforms
	========================================================================== */
	#data-section {
		background-image: url(images/data-text-bg-small.jpg);
	}
	.col-48 {
		width: 48%;
	}

/*  ==========================================================================
	News
	========================================================================== */
	.post-list-container {
		position: relative;
		z-index: 500;
	}
	.col-62 {
		width: 62%;
	}
	.col-38 {
		width: 38%;
	}
	.sticky-image {
		margin-bottom: 0;
	}
	.sticky-post {
		margin-bottom: 100px
	}
	.post-date {
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 2px;
		display: block;
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 18px;
	}
	.post-date a {
		font-weight: 600;
		text-decoration: none;
	}
	.sticky-content h2 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 30px;
		text-transform: none;
	}
	.sticky-content h2 a:hover,
	.sticky-content h2 a:focus {
		text-decoration: underline;
	}
	.sticky-content .post-subtitle {
		margin-bottom: 60px;
		color: #04b3da;
		text-transform: none;
		font-size: 17px;
		line-height: 19px;
		letter-spacing: 0.5px;
		font-weight: 300;
	}
	.post-publisher {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 0;
		display: block;
	}
	.filter-bar {
		margin-bottom: 100px;
	}

	/* Filter bar */
	.project-cats {
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;
	}
	.project-cats li {
		-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
		width: 20%;            /* For old syntax, otherwise collapses. */
		-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
		-ms-flex: 1;           /* IE 10 */
		flex: 1;               /* NEW, Spec - Firefox, Chrome, Opera */
		text-align: center;
		list-style-type: none;
		margin: 0 20px;
		line-height: 43px;
		border: 1px solid #bcbcbc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 13px;
		text-transform: uppercase;
		color: #bcbcbc;
		font-weight: 600;
		letter-spacing: 2px;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		cursor: pointer;
		min-width: 80px;
		margin-bottom: 5px;
	}
	.project-cats li:hover,
	.project-cats li:focus,
	.project-cats li.is-checked {
		background-color: #04b3da;
		color: #fff;
		border: 1px solid #04b3da;
	}

	/* ISOTOPE */
	.grid-item {
		width: 100%;
	}
	.grid-item .outer-wrapper {
		border-top: 1px solid #dedede;
		padding: 30px;
	}
	.grid-item:last-child .outer-wrapper {
		border-bottom: 1px solid #dedede;
	}
	.grid-item h2 {
		margin-bottom: 0;
		font-size: 24px;
		line-height: 30px;
		text-transform: none;
		letter-spacing: 0.3px;

	}
	.post-title {
		width: 50%;
		float: left;
	}
	.grid-item h2 a {
		text-decoration: none;
	}
	.grid-item h2 a:hover,
	.grid-item h2 a:focus {
		text-decoration: underline;
	}
	.grid-item .readmore {
		right: 0;
		position: absolute;
		top: 50%;
		width: 35px;
		-webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
	}
	.grid-item .readmore:hover,
	.grid-item .readmore:focus {
		right: -5px;
	}
	.grid-item .readmore img {
		margin: 0;
		width: 100%;
		height: auto;
	}
	.grid-item .post-date {
		margin-bottom: 10px;
	}
	.grid-item .post-publisher {
		width: 20%;
		float: left;
		margin-left: 10%;
	}
	.post-author {
		margin-bottom: 70px;
	}
	.post-author-avatar {
		width: 50px;
		height: 50px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		margin: 0;
		float: none;
		display: inline-block;
		zoom:1; *display: inline; _height: 50px;
		vertical-align: middle;
	}
	.post-author-avatar img {
		margin: 0;
		width: 100%;
		height: auto;
	}
	.author-name {
		display: inline-block;
		zoom:1; *display: inline; _height: 50px;
		vertical-align: middle;
		margin-left: 20px;
	}
	.post-tags {
		margin: 0;
	}
	.post-tags li {
		display: inline-block;
		zoom:1; *display: inline; _height: 40px;
		margin-right: 20px;
		padding-left: 0;
	}
	.post-tags li:before {
		display: none;
	}
	.post-tags li a {
		text-align: center;
		list-style-type: none;
		line-height: 43px;
		border: 1px solid #bcbcbc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 13px;
		text-transform: uppercase;
		color: #bcbcbc;
		font-weight: 600;
		letter-spacing: 2px;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		cursor: pointer;
		padding: 17px 35px;
		text-decoration: none;
	}
	.post-tags li a:hover,
	.post-tags li a:focus {
		background-color: #04b3da;
		color: #fff;
		border: 1px solid #04b3da;
	}
	.post-footer {
		padding: 50px 0 0;
	}
	.post-footer .post-publisher {
		padding-top: 5px;
	}
	.single-post .inner-hero-content {
		min-height: 600px;
	}


/*  ==========================================================================
	404
	========================================================================== */
	#wrap-404 {
		padding: 150px 0;
		text-align: center;
	}


/*  ==========================================================================
	News article
	========================================================================== */
	.post-container {
		position: relative;
		z-index: 100;
	}
	.post-container article {
		position: relative;
		top: -450px;
		padding: 100px;
		margin-bottom: -385px;
	}
	.post-container article:before {
		content: "";
		height: 500px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-box-shadow: 0px -40px 50px -12px rgba(0,0,0,0.35);
		-moz-box-shadow: 0px -40px 50px -12px rgba(0,0,0,0.35);
		box-shadow: 0px -40px 50px -12px rgba(0,0,0,0.35);
	}
	.post-container article h1 {
		text-transform: none;
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	.post-container article header {
		max-width: 70%;
		margin: 0 auto;
	}
	.post-breadcrumb {
		margin-bottom: 0px;
	}
	.post-breadcrumb li {
		display: inline-block;
		zoom:1; *display: inline; _height: 16px;
		list-style-type: none;
		padding-left: 0;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 2px;
		padding: 0 12px 0 10px;
		border-right: 1px solid #04b3da;
	}
	.post-breadcrumb li:last-child {
		border-right: none;
	}
	.post-breadcrumb li:before {
		display: none;
	}
	.post-content p {
		padding: 0 30px;
	}
	#related-news {
		margin-top: -300px;
		z-index: 600;
	}
	.post-tags {
		float: left;
	}
	.social-icons  {
		float: right;
	}
	.social-icons li {
		display: inline-block;
		zoom:1; *display: inline; _height: 30px;
		vertical-align: middle
	}
	.social-icons li:before {
		display: none;
	}
	.social-icons li i {
		font-size: 30px;
		color: #04b3da;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.social-icons li a:hover i,
	.social-icons li a:focus i {
		color: #202020;
	}
	.wp-paginate {
		text-align: center;
		clear: both;
		margin-top: 60px;
	}
	.wp-paginate li {
		display: inline-block;
		margin: 0 5px;
	}
	.wp-paginate li a,
	.wp-paginate li span {
		height: 40px;
		width: 40px;
		line-height: 40px;
		text-align: center;
		display: block;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 2px;
		display: block;
		margin-bottom: 30px;
		font-size: 15px;
		text-decoration: none;
		border: 1px solid #bcbcbc;
		color: #bcbcbc;
		border-radius: 4px;
	}
	.wp-paginate li a:hover,
	.wp-paginate li a:focus,
	.wp-paginate li span.current {
		background-color: #04b3da;
		border-color: #04b3da;
		color: #fff;
	}


/*  ==========================================================================
	BidSwitch page
	========================================================================== */
	#bidswitch-intro {
		background-image: url(images/bidswitch-text-bg.png);
		background-position: right -20px;
	}


/*  ==========================================================================
	Timeline
	========================================================================== */
	#timeline-section {
		background-image: url(images/ipon-text-bg-light-grey.jpg);
		background-position: right -20px;
	}
	.timeline-text-mid {
		position: absolute;
		top: 52%;
		left: 35%;
	}
	.timeline-text-bottom {
		position: absolute;
		bottom: 8%;
		left: 3%;
	}
	#timeline {
		position: relative;
	}
	.timeline-vert-line {
		position: absolute;
		left: 50%;
		top: 0;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		  -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
		width: 2px;
		background-color: #04b3da;
		height: 100%;
	}
	.timeline-vert-line:after {
		content: "";
		width: 40px;
		height: 2px;
		background-color: #04b3da;
		position: absolute;
		bottom: 0;
		left: -19px;
	}
	.timeline-panel {
		position: relative;
		width: 50%;
	}
	.timeline-panel.left {
		margin-top: 130px;
	}
	.timeline-panel.right {
		margin-bottom: 130px;
	}
	.timeline-panel.right:last-child {
		margin-bottom: 0;
	}
	.timeline-panel:before {
		content: "";
		height: 15px;
		width: 15px;
		background-color: #04b3da;
		display: block;
		position: absolute;
		top: -7px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.timeline-panel.left:before {
		left: 100%;
		margin-left: -7px;
	}
	.timeline-panel.right:before {
		right: 100%;
		margin-right: -7px;
	}
	.timeline-panel-inner {
		max-width: 370px;
		position: relative;
		z-index: 100;
	}
	.timeline-panel:after {
		content: "";
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		height: 2px;
		background-color:  #04b3da;
		z-index: 1;
	}
	.timeline-panel.left .timeline-panel-inner {
		float: left;
	}
	.timeline-panel.right .timeline-panel-inner {
		float:  right;
	}
	.timeline-panel-content {
		padding: 40px 35px;
	}
	.timeline-panel-content p {
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 0.3px;
		margin-bottom: 25px;
	}
	.timeline-panel-content p:last-child {
		margin-bottom: 0;
	}
	.timeline-panel-content .label {
		font-size: 16px;
	}
	.date {
		letter-spacing: 2px;
	}


/*  ==========================================================================
	TV & DOOH
	========================================================================== */
	#tv-section {
		background-image: url(images/tv-text-bg.jpg);
		background-position: left top;
	}
	#tv-monitisation {
		background-image: url(images/vid-text-bg.jpg);
		background-position: right 20%;
	}
	article.type-case_studies .logo {
		margin: 0 auto 50px;
	}
	article.type-case_studies .logo img {
		width: 100%;
		height: auto;
		max-width: 200px;
		max-height: 60px;
		margin: 0 auto;
	}

	.inner-news-wrap .neg-margin-top {
		margin-top: -400px;
	}
	.study-tag {
		margin-bottom: 50px;
	}



/*  ==========================================================================
	Technology page
	========================================================================== */
	#techcarousel-outer {
		padding-bottom: 50px;
	}
	#techcarousel {
		margin: -250px -20px 100px;
		cursor: move; /* fallback if grab cursor is unsupported */
		cursor: grab;
		cursor: -moz-grab;
		cursor: -webkit-grab;
	}
	.single-tech img {
		max-height: 60px;
		margin: 0 auto 20px;
	}
	.single-tech {
		text-align: center;
	}
	.single-tech-inner {
		padding: 35px 40px;
		margin: 0 20px;
	}
	.single-tech p {
		color: #fff;
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 0;
	}
	.video-block {
		position: relative;
	}
	.video-overlay {
		padding: 260px 0 175px;
		text-align: center;
	}
	.video-overlay h2 {
		font-weight: 300;
		font-size: 35px;
		line-height: 45px;
		text-transform: none;
		letter-spacing: 1px;
		max-width: 80%;
		margin: 0 auto;
	}
	.video-play {
		margin: 0 auto 30px;
		width: 130px;
		float: none;
		display: block;
	}
	.video-play img {
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		opacity: 1;
	}
	.video-play:hover img,
	.video-play:focus img {
		opacity: 0.6;
	}
	#techcarousel-dots {
		width: 82%;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 40;
		top: -65px;
		-webkit-transform: translateX(-50%);
		  -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
	}


/*  ==========================================================================
	Career page
	========================================================================== */
	.location-content-wrap {
		margin: -30px 0 90px;
	}


/*  ==========================================================================
	Contact page
	========================================================================== */
	.contact-emails {
		font-size: 0;
	}
	.contact-emails li {
		width: 25%;
		text-align: center;
		list-style-type: none;
		display: inline-block;
		zoom:1; *display: inline; _height: 100px;
		font-size: 16px;
		vertical-align: top;
	}
	.contact-emails li h4 {
		font-weight: 600;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 4px;
	}
	.contact-emails li a {
		color: #fff;
		font-size: 20px;
		line-height: 30px;
		font-weight: 100;
	}
	.contact-locations {
		position: relative;
		z-index: 100;
		margin-top: -270px;
		padding-bottom: 50px;
	}
	.single-location {
		margin-bottom: 50px;
	}
	.single-location-content {
		padding: 40px 60px 45px;
	}
	.single-location-content h3 a {
		color: #04b3da;
		list-style-type: none;
		font-weight: 600;
	}
	.single-location-content h3 a:hover,
	.single-location-content h3 a:focus {
		color: #202020;
	}
	.location-contact {
		margin: 0;
	}
	.location-contact li {
		font-size: 15px;
		line-height: 25px;
		color: #04b3da;
		list-style-type: none;
		font-weight: 600;
		letter-spacing: 0.5px;
	}
	.location-contact li a {
		font-weight: 600;
		letter-spacing: 0.5px;
	}
	.single-location address {
		font-size: 15px;
		line-height: 21px;
		letter-spacing: 0.5px;
		margin-bottom: 30px;
	}

	/* Contact form */
	.gfield_required {
		display: none;
	}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
	.gform_wrapper.gf_browser_chrome select,
	.gform_wrapper textarea {
		border-radius: 30px;
		border: none;
		padding: 15px 20px !important;
		background-color: #373737;
		font-size: 15px !important;
		font-weight: 600 !important;
		color: #cecece !important;
		outline: none;
		border: 2px solid #373737;
	}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):hover,
	.gform_wrapper.gf_browser_chrome select:hover,
	.gform_wrapper textarea:hover,
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
	.gform_wrapper.gf_browser_chrome select:focus,
	.gform_wrapper textarea:focus {
		border-color: #04b3da !important;
	}
	.gf_name_has_2 label {
		display: none !important;
	}
	body .gform_wrapper ul li.gfield,
	body .gform_wrapper .top_label div.ginput_container {
		margin-top: 0 !important;
	}
	#field_1_6 {
		margin: 0 !important;
	}
	.gform_wrapper textarea {
		height: 150px !important;
	}
	.gfield_label {
		display: none !important;
	}
	.gfield {
		margin-bottom: 20px !important;
	}
	.gform_wrapper .top_label .gfield_label {
		font-size: 15px;
		line-height: 18px;
		color: #cecece !important;
	}
	#field_1_7 {
		margin-top: 20px !important;
	}
	.gform_wrapper .top_label li.gfield.gf_left_half textarea, .gform_wrapper .top_label li.gfield.gf_right_half textarea {
		width: 100% !important;
	}
	.dk-select-options {
		background-color: #373737 !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		color: #676767 !important;
		border: 1px solid #4f4f4f !important;
	}
	.dk-option {
		padding: 10px 20px !important;
	}
	.gform_footer {
		text-align: center !important;
	}
	.gfield_checkbox li {
		width: 50% !important;
		float: left;
	}
	.gform_wrapper .gfield_checkbox li label {
		color: #6f6f6f !important;
		font-weight: 600 !important;
	}
	#field_1_9 {
		margin-top: -97px !important;
	}
	#field_1_9 .gfield_label {
		margin-bottom: 5px !important;
	}
	#field_1_6 .gfield_label,
	#field_1_9 .gfield_label {
		display: block !important;
	}
	.gform_wrapper ul.gfield_checkbox li input {
		position: absolute;
		opacity: 0;
	}
	.gform_wrapper ul.gfield_checkbox li input + label {
		position: relative;
		cursor: pointer;
		padding: 0;
	}
	.gform_wrapper ul.gfield_checkbox li input + label:before {
		content: '';
		margin-right: 15px;
		display: inline-block;
		vertical-align: text-top;
		width: 25px;
		height: 25px;
		background: #676767;
		border-radius: 50%;
	}
	.gform_wrapper ul.gfield_checkbox li input:hover + label:before {
		background: #04b3da;
	}
	.gform_wrapper ul.gfield_checkbox li input:focus + label:before {
		box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
	}
	.gform_wrapper ul.gfield_checkbox li input:checked + label:before {
		background: #04b3da;
		border: inset 4px solid #4f4f4f;
	}
	.gform_wrapper ul.gfield_checkbox li input:disabled + label {
		color: #b8b8b8;
		cursor: auto;
	}

	.gform_wrapper ul.gfield_checkbox li input:disabled + label:before {
		box-shadow: none;
		background: #ddd;
	}
	.gform_wrapper ul.gfield_checkbox li input:checked + label:after {
		content: '';
		position: absolute;
		left: 5px;
		top: 9px;
		background: #04b3da;
	}
	.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
		margin-bottom: 20px !important;
	}


	/* Confirmations */
	.gform_confirmation_message {
		text-align: center;
		color: #cecece;
	}
	.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
		border: none !important;
		background-color: transparent !important;
		margin-bottom: 20px !important;
	}
	.gfield_description.validation_message {
		color: #fff !important;
		padding: 2px 0  0 !important;
		font-weight: 300 !important;
	}
	.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
		border: 2px solid #CF2C2B !important;
	}
	.gform_wrapper li.gfield_error span,
	.gform_wrapper li.gfield_error .ginput_container {
		position: relative;
	}
	.gform_wrapper li.gfield_error span:after,
	.gform_wrapper li.gfield_error > .ginput_container:after {
		content: "\f071";
		font-family: FontAwesome;
		color: #CF2C2B !important;
		margin-right: 20px;
		font-size: 22px;
		line-height: 18px;
		position: absolute;
		top: 50%;
		margin-top: -8px;
		right: 20px;
	}
	.gform_wrapper li.gfield_error > .ginput_container:after {
		right: 5px;
	}
	.gform_wrapper li.gfield_error .ginput_complex.ginput_container:after {
		display: none;
	}

	.gform_wrapper div.validation_error {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		background-color: #CF2C2B;
		border: none !important;
		color: #fff !important;
		line-height: 22px;
	}
	.gform_wrapper div.validation_error:before {
		content: "\f071";
		font-family: FontAwesome;
		color: #fff;
		margin-right: 20px;
		font-size: 22px;
		line-height: 18px;
	}


/*  ==========================================================================
	Single contact office
	========================================================================== */
	.clock-map-outer-wrap {
		position: relative;
		z-index: 100;
	}
	.clock-map-wrap {
		position: relative;
		margin-top: -180px;
		padding-bottom: 190px;
	}
	.acf-map {
		height: 370px;
		width:100%
	}
	.office-image {
		height: 680px;
	}
	.location-intro {
		padding-bottom: 60px;
	}
	.text-background {
		text-shadow: 10px 20px 44px rgba(0,0,0,0.06);
		color: #fff;
		font-weight: 700;
		font-size: 400px;
		position: absolute;
		right: 0;
		top: -300px;
		z-index: 0;
	}
	.high-z {
		position: relative;
		z-index: 200;
	}


	/* Clock */
	.clock-wrap {
		height: 370px;
	}
	.clock {
	  width: 210px;
	  height: 210px;
	  background: transparent;
	  border-radius: 50%;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate3d(-50%, -50%, 0);
			  transform: translate3d(-50%, -50%, 0);
	}
	.clock div {
	  position: absolute;
	  -webkit-transform-origin: 50% 100%;
		  -ms-transform-origin: 50% 100%;
			  transform-origin: 50% 100%;
	}
	.clock::after {
	  position: absolute;
	  content: '';
	  width: 12px;
	  padding-bottom: 12px;
	  background-color: white;
	  border-radius: 50%;
	  top: calc(50% - 6px);
	  left: calc(50% - 6px);
	  z-index: 999;
	}
	.clock #second-hand {
	  height: 45%;
	  bottom: 50%;
	  left: calc(50% - 1px);
	  z-index: 1000;
	  border-left: 1px solid #202020;
	  border-right: 1px solid #202020;
	  border-radius: 1px;
	  background-color: #202020;
	}
	.clock-center {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 6px;
		width: 6px;
		background-color: #04b3da;
		border-radius: 50%;
		z-index: 3000;
	}
	.clock-center:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 9px;
		width: 9px;
		background-color: #202020;
		border-radius: 50%;
		z-index: 2000;
	}
	.clock #minute-hand {
	  height: 40%;
	  bottom: 50%;
	  left: calc(50% - 3px);
	  z-index: 1;
	  border-left: 3px solid white;
	  border-right: 3px solid white;
	  border-radius: 3px;
	  background-color: #fff;
	}
	.clock #hour-hand {
	  height: 30%;
	  bottom: 50%;
	  left: calc(50% - 4px);
	  z-index: 1;
	  border-left: 4px solid white;
	  border-right: 4px solid white;
	  border-radius: 4px;
	  background-color: #fff;
	}
	.clock .ticks span {
	  position: absolute;
	  display: block;
	  height: 5px;
	  width: 20px;
	  background: #82d9ed;
	  -webkit-transform-origin: 50% 0%;
		  -ms-transform-origin: 50% 0%;
			  transform-origin: 50% 0%;
	  left: calc(50% - 10px);
	  top: 50%;
	}
	.clock .ticks span.tick-1 {
	  -webkit-transform: rotate(30deg) translateX(118px);
	  -ms-transform: rotate(30deg) translateX(118px);
		  transform: rotate(30deg) translateX(118px);
	}
	.clock .ticks span.tick-2 {
	  -webkit-transform: rotate(60deg) translateX(118px);
	  -ms-transform: rotate(60deg) translateX(118px);
		  transform: rotate(60deg) translateX(118px);
	}
	.clock .ticks span.tick-3 {
	  -webkit-transform: rotate(90deg) translateX(118px);
	  -ms-transform: rotate(90deg) translateX(118px);
		  transform: rotate(90deg) translateX(118px);
	}
	.clock .ticks span.tick-4 {
	  -webkit-transform: rotate(120deg) translateX(118px);
	  -ms-transform: rotate(120deg) translateX(118px);
		  transform: rotate(120deg) translateX(118px);
	}
	.clock .ticks span.tick-5 {
	  -webkit-transform: rotate(150deg) translateX(118px);
	  -ms-transform: rotate(150deg) translateX(118px);
		  transform: rotate(150deg) translateX(118px);
	}
	.clock .ticks span.tick-6 {
	  -webkit-transform: rotate(180deg) translateX(118px);
	  -ms-transform: rotate(180deg) translateX(118px);
		  transform: rotate(180deg) translateX(118px);
	}
	.clock .ticks span.tick-7 {
	  -webkit-transform: rotate(210deg) translateX(118px);
	  -ms-transform: rotate(210deg) translateX(118px);
		  transform: rotate(210deg) translateX(118px);
	}
	.clock .ticks span.tick-8 {
	  -webkit-transform: rotate(240deg) translateX(118px);
	  -ms-transform: rotate(240deg) translateX(118px);
		  transform: rotate(240deg) translateX(118px);
	}
	.clock .ticks span.tick-9 {
	  -webkit-transform: rotate(270deg) translateX(118px);
	  -ms-transform: rotate(270deg) translateX(118px);
		  transform: rotate(270deg) translateX(118px);
	}
	.clock .ticks span.tick-10 {
	  -webkit-transform: rotate(300deg) translateX(118px);
	  -ms-transform: rotate(300deg) translateX(118px);
		  transform: rotate(300deg) translateX(118px);
	}
	.clock .ticks span.tick-11 {
	  -webkit-transform: rotate(330deg) translateX(118px);
	  -ms-transform: rotate(330deg) translateX(118px);
		  transform: rotate(330deg) translateX(118px);
	}
	.clock .ticks span.tick-12 {
	  -webkit-transform: rotate(360deg) translateX(118px);
		  -ms-transform: rotate(360deg) translateX(118px);
			  transform: rotate(360deg) translateX(118px);
	}
	.clock-wrap .time {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		font-weight: 600;
		letter-spacing: 1px;
		text-transform: uppercase;
	}





/*  ==========================================================================
	Footer block callout
	========================================================================== */
	.footer-block-callout h2 {
		text-transform: none;
		margin-bottom: 0 !important;
	}
	.footer-block-callout .button {
		margin-top: 50px;
	}

/*  ==========================================================================
	Footer
	========================================================================== */
	#site-footer {
		position: relative;
		z-index: 200;
		margin-bottom: -20px;
	}
	.page-template-onecolumn-page #site-footer {
		background-color: #f1f6fa;
	}
	#site-footer a {
		text-decoration: none;
	}
	#site-footer a:hover,
	#site-footer a:focus {
		text-decoration: underline;
	}
	#site-footer .bottom-bar a {
		color: #fff
	}
	#site-footer .logo {
		width: 150px;
		margin-bottom: 60px;
	}
	#site-footer .logo img {
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	#site-footer .logo:hover img,
	#site-footer .logo:focus img {
		opacity: 0.5;
	}
	#site-footer .social-links {
		text-align: left;
		clear: right;
	}
	.footer-logo-col {
		max-width: 180px;
	}
	#site-footer .social-links li {
		display: inline-block;
		zoom:1; *display: inline; _height: 30px;
		margin-right: 30px;
	}
	#site-footer .social-links li a {
		font-size: 30px;
	}
	#site-footer .social-links li a i {
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	#site-footer .social-links li a:hover i,
	#site-footer .social-links li a:focus i {
		color: #07a6ca;
	}
	#site-footer .social-links li:last-child a:hover i,
	#site-footer .social-links li:last-child a:focus i {
		color: #202020;
	}

	.footer-menu-container {
		width: 70%;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
	.footer-menu-container .menu {
		margin: 0;
	}
	.footer-menu-container .menu li {
		display: block;
		list-style-type: none;
		margin-bottom: 15px;
		line-height: 20px;
	}
	.footer-menu-container .menu li a {
		text-decoration: none;
		font-size: 16px;
		font-weight: 300;
	}
	.footer-menu-container .menu li#menu-item-94 a {
		color: #df031b;
	}


	/* Bottom bar */
	.bottom-bar {
		padding: 35px 0;
	}
	.copyright {
		color: #fff;
		margin-bottom: 0;
		font-size: 14px;
	}