/* :::::::::: Logo Updates ::::::::::: */

.header #inner-header.wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	-ms-align-items: center;
	-ms-flex-direction: row;
}

.band-promotional-banner {
	z-index: 10;
    position: relative;
}

@media all and (max-width: 767px) {
	.header #inner-header.wrap .twocol#logo {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
		-ms-flex-pack: justify;
		-ms-flex-wrap: wrap;
		-ms-align-items: center;
		-ms-flex-direction: row-reverse;
	}
	.header #inner-header.wrap .twocol#logo img {margin-left: 0;}
	.header-wrapper,
	.header {height: 105px !important;}
}


/* :::::::::: Case Study Updates ::::::::::: */

.single-case-study .big-header .button.white {
    padding: 10px 15px;
    border: none !important;
    margin-top: 20px;
	margin-left: 20px;

}

.single-case-study .big-header a.green.cs-green:hover {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOWJiYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 0/150% auto;
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae)) 0 0/150% auto;
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08aacc', endColorstr='#39bbae', GradientType=1);
}
.single-case-study .big-header a.white.cs-white:hover {background: #fff; color: #028AB0}
.single-case-study .challenge-solution .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-direction: row;
	-ms-flex-direction: row;
}

@media all and (min-width: 767px) {
	.case-study-single .band.cs-overview.cs-overview-intro .resource-form-wrap {width: 95%; margin-left: 5%;}
}



/* :::::::::: Module Page 'Read More' Autoscroller ::::::::::: */

.intro-blocks .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.intro-blocks .inner .intro-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.intro-blocks .inner .button-outer {
	padding-top: 30px;
	width: 100%;
	text-align: center;
	align-self: flex-end;
	-ms-align-self: flex-end;
}
.intro-blocks .button-more {position: relative; padding-right: 20px}
.intro-blocks .button-more .arrow-icon {
	position: absolute;
	top: 50%;
	right: 0%;
	bottom: auto;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
}

.block-anchor {
	position: relative;
	top: -153px;
}

a.button-more {
    text-decoration: none;
    color: #5F767F;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 800 !important;
    padding: 8px 0px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.button-more:hover {
    color: #5F767F;
    border-color: #5F767F;
}

a.button-more .arrow-icon svg {
    width: 9px;
    height: auto;
    display: block;
}



@media all and (max-width: 881px) {
	.block-anchor {
		top: -53px;
	}
}

@media all and (max-width: 767px) {
	.block-anchor {
		top: -33px;
	}
}


/* :::::::::: Payment Options Popups ::::::::::: */

.options-grid .grid-item {padding-bottom: 30px !important; position: relative;}

.option-info-button {
	position: absolute;
	left: 50%;
	bottom: -18px;
	transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	cursor: pointer;
}

.option-info-button p {
	display: inline-block;
	color: #1c6187;
	font-weight: 400;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.option-info-button .arrow {
	width: 15px;
	display: inline-block;
	margin-left: 5px;
}

.option-info-button .arrow polygon {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.option-info-button:hover .arrow polygon {fill: #1bb0c2}
.option-info-button:hover p {color: #1bb0c2;}

#tooltip-anchor {position: relative; top: -100px}
.tooltip {
	width: 100%;
	right: 0;
	opacity: 1;
	z-index: 10;
	background: #fff;
	padding: 40px;
	margin-top: 50px;
	border-radius: 5px;
	margin: 0;
	position: relative;
	margin-top: 60px;
	margin-bottom: 60px;
	display: none;
}
.tooltip .inner {display: none;}
/* .tooltip .inner.option-1 {display: block;} */
.tooltip p {font-size: 16px; line-height: 20px}
.tooltip-triangle {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 30px 40px 30px;
	border-color: transparent transparent #fff transparent;
	top: -40px;
	left: 50%;
	top: -40px;
	transform: translateX(-50%);
}
.tooltip-close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 25px;
	height: 25px;
	opacity: 0.3;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.tooltip-close:hover { opacity: 1; }
.tooltip-close:before, .tooltip-close:after {
	position: absolute;
	left: 12px;
	content: ' ';
	height: 25px;
	width: 2px;
	background-color: #333;
}
.tooltip-close:before { transform: rotate(45deg); }
.tooltip-close:after { transform: rotate(-45deg); }

.tooltip .inner a.read-more {margin: 10px 10px 10px 0px;}

.tooltip .inner p a {
	color: #1bb0c2;
	font-weight: 400;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.tooltip .inner p a:hover {color: #1c6187}

.tooltip .inner strong {font-weight: 700;}

.tooltip .inner li {
	font-size: 16px;
	line-height: 20px;
}

.tooltip .inner ul li {
	margin-bottom: 12px;
	list-style: none;
	padding-left: 35px;
	position: relative;
}
.tooltip .inner ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: -4px;
	width: 24px;
	height: 30px;
	background-size: contain;
	background: url(/wp-content/themes/mpp/library/images/payments-page/payments-li-2.svg) center center no-repeat;
}

@media all and (max-width: 767px) {
	#tooltip-anchor {position: relative; top: 0px}
	.option-info-button.icon-information {bottom: 20px}
	.options-grid .grid-item {padding-bottom: 40px;}
	.option-info-button {bottom: 10px;}
	.tooltip .inner a.read-more { margin: 5px 5px 5px 0px; }
}

/* ::::::: Outdated Content Alert ::::::::: */

.single-post .nm-single .date-alert {
	color: #8e0000;
	cursor: pointer;
	position: relative;
}
.nm-single .date-alert .icon {display: none;}
.single-post .nm-single .date-alert .icon {
	font-size: 1.2em;
    position: relative;
    bottom: -2.5px;
    right: -1px;
	display: inline;
}

.single-post .nm-single .date-alert::before {
	content: "Now that this article is over a year old, certain information within may be out of date.";
    color: #fff;
    background: #3F6C80;
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 15px;
    transform: translate(0, calc(100% + 10px));
	-ms-transform: translate(0, calc(100% + 10px));
	-webkit-transform: translate(0, calc(100% + 10px));
	-moz-transform: translate(0, calc(100% + 10px));
    width: 350px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
}

.single-post .nm-single span.date-alert:hover::before {
    opacity: 1;
    pointer-events: auto;
}

@media all and (max-width: 767px) {
	.single-post .nm-single .date-alert {display: block;}
	.single-post .nm-single .date-alert::before {max-width: 95%;}
}

/* ::::::: Outdated Content Alert (END) ::::::::: */

/* :::::::::: Homepage Promotion :::::::::: */

@media all and (min-width: 882px) {
	.header-wrapper {
		-webkit-transition: height 0.4s ease-in-out;
		-moz-transition: height 0.4s ease-in-out;
		-o-transition: height 0.4s ease-in-out;
		transition: height 0.4s ease-in-out;
	}
	.header-wrapper.with-promotion .fixed-inner,
	.header-wrapper.with-promotion {height: 296px !important;}

	.header-wrapper.smaller .fixed-inner {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 1000000;
	}
	.home .header.smaller {position: static !important;}
}

.header-wrapper.smaller .fixed-inner header {
	box-shadow: 0 0 4px 1px rgb(0 0 0 / 8%);
	-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0 0 4px 1px rgb(0 0 0 / 8%);
	-o-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
}

.home .show-button {
	position: absolute;
	top: -3px;
	left: 20%;
	z-index: 10000;
}
.home .show-button .inner {
	width: 50px;
	height: 25px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	background: #1c6187;
	transition: all 0.4s ease-in-out;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.home .with-promotion .show-button {display: none;}
.home .show-button svg {
	width: 10px;
	height: 18px;
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	margin: 2px auto 0px auto;
	display: block;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
/* .home .header-wrapper .fixed-inner:hover .show-button { opacity: 0.5 !important; } */
.home .header-wrapper .fixed-inner .show-button:hover .inner { opacity: 1 !important; }

.show-button::before {
    content: "Show Banner";
    position: absolute;
    left: calc(100% + 5px);
    width: 88px;
    top: 6px;
    font-family: Gesta,Arial,Sans-Serif;
    color: #5F767F;
    font-size: 12px;
    font-weight: 400;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	cursor: pointer;
}
.show-button:hover::before {color: #1c6187 !important;}

@media all and (max-width: 884px) {
	body.home  .fixed-inner .band-promotional-banner {display: none !important}
	.home .show-button {display: none !important}
}

/* :::::::::: Homepage Promotion END :::::::::: */

/* Intercom Styling */
.intercom-area {
	width: 390px !important;
    height: 430px !important;
    z-index: 2147483001 !important;
    bottom: 0px !important;
    right: 0px !important;
	position: fixed;
}

.intercom-overlay {
	display: none;
	width: 390px;
	height: 430px;
	bottom: 0px;
	right: 0px;
	opacity: 0.8;
	position: fixed;
	background: #21404e;
	z-index: 999;
	border-top-left-radius: 10px;
}

@media all and (max-width: 767px) {
	.intercom-area,
	.intercom-overlay {
		pointer-events: none !important;
		display: none !important;
		visibility: hidden !important;
		background: transparent !important;
	}
}

/* Additional Marketo Form Styling */

.resource-form form.mktoForm label.mktoLabel[for="Marketing_Opt_In__c"],
.resource-form form.mktoForm label.mktoLabel[for="marketingOptIn"],
.cta-bar form.mktoForm label.mktoLabel[for="Marketing_Opt_In__c"],
.cta-bar form.mktoForm label.mktoLabel[for="marketingOptIn"],
.cf-main-wrap form.mktoForm label.mktoLabel[for="Marketing_Opt_In__c"],
.cf-main-wrap form.mktoForm label.mktoLabel[for="marketingOptIn"],
.landing-page-form-wrapper form.mktoForm label.mktoLabel[for="Marketing_Opt_In__c"],
.landing-page-form-wrapper form.mktoForm label.mktoLabel[for="marketingOptIn"]  {width: calc(100% - 45px) !important; float: right; padding-bottom: 10px;}

/* ::::::: Webinar Marketo Form ::::::::: */;

body.single-webinar .resource-form #mktoForm_1568.mktoForm .mktoFormCol,
body.single-webinar .resource-form #mktoForm_1568.mktoForm .mktoFieldWrap {width: 100%;}
body.single-webinar .resource-form #mktoForm_1568.mktoForm .mktoFormRow:nth-child(2) {display: none;}
body.single-webinar .resource-form #mktoForm_1568.mktoForm .mktoFormRow:nth-child(8) {display: block !important;}
body.single-webinar .resource-form #mktoForm_1568.mktoForm label.mktoLabel[for="marketingOptIn"] {width: 94% !important; width: calc(100% - 30px) !important; float: right;}
body.single-webinar .resource-form #mktoForm_1568.mktoForm .mktoCheckboxList {width: 10px !important;}


/* ::::::: Modules Page WYSIWYG Additions ::::::: */

.module-blocks .career-block .snippet {font-size: 1.15em;}
.module-blocks .career-block .snippet a {
    text-decoration: underline;
    color: #3F6C7F;
    font-weight: inherit;
    color: #1c6187;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.module-blocks .career-block .snippet li {
    margin-bottom: 12px;
    list-style: none;
    padding-left: 35px;
    position: relative;
}
.module-blocks .career-block .snippet li::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 24px;
    height: 30px;
    background-size: contain;
    background: url('../images/payments-page/payments-li-2.svg') center center no-repeat;
}
.module-blocks .career-block .snippet a:hover {color:#07A5C8;}
.button.white-txt {color: #fff !important;}
.news-listing .read-more {padding: 0px !important;}

/**
 * NORMALIZE
 **/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
button,
html,
input,
select,
textarea {
    font-family: sans-serif
}
body {
    margin: 0
}
a:active,
a:hover {
    outline: 0
}
h6 {
    font-size: .75em;
    margin: 2.33em 0
}
abbr[title] {
    border-bottom: 1px dotted
}
blockquote {
    margin: 1em 40px
}
mark {
    background: #ff0;
    color: #000
}
p,
pre {
    margin: 1em 0
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
q {
    quotes: none
}
q:after,
q:before {
    content: '';
    content: none
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
dl,
menu,
ol,
ul {
    margin: 1em 0
}
menu,
ol,
ul {
    padding: 0 0 0 40px
}
nav ol,
nav ul {
    list-style: none
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
svg:not(:root) {
    overflow: hidden
}
figure,
form {
    margin: 0
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0;
    white-space: normal
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}
button,
input {
    line-height: normal
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
input[disabled] {
    cursor: default
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.strong,
b,
strong {
    font-weight: 700
}
.em,
dfn,
em {
    font-style: italic
}
.small,
small {
    font-size: 75%
}
ol,
ul {
    padding: 0;
    list-style-type: none
}
dd {
    margin: 0
}

/* ::::::::::: NEW GENERAL HEADER STYLES :::::::::::::::*/

body .new-header header.header:not(.smaller) {background: #ffffff;}
body .new-header header.header .top-nav li a {color: #5F767F;}
body .new-header header.header:not(.smaller) .top-nav li a:hover {color: #39a9ca;}
body .new-header .header .request-demo.button {
    background: #1c6187 !important;
    color: #ffffff !important;
    font-weight: 300 !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

@media only screen and (min-width: 1030px) and (-webkit-min-device-pixel-ratio: 1.5), not all, not all{
    body .new-header .header #logo img.retina-logo {display: inline-block !important; opacity: 1 !important;}
    body .new-header .header #logo img.colorlogo,
    body .new-header .header #logo img.logowhite {opacity: 0 !important;}
}

@media all and (max-width: 1030px) {
    body .new-header .header {background: #ffffff !important;}
    body .new-header .header #logo img.retina-logo {display: none !important;}
    body .new-header .header #logo img.colorlogo,
    body .new-header .header #logo img.logowhite {display: block !important;}
    body .new-header .header #logo img.colorlogo {opacity: 1 !important;}
    body .new-header .header #logo img.logowhite {opacity: 0 !important;}
}

@media only screen and (max-width: 1030px) and (-webkit-min-device-pixel-ratio: 1.5), not all, not all{
    body .new-header .header #logo img.retina-logo {display: inline-block !important; opacity: 1 !important;}
    body .new-header  .header #logo img.colorlogo,
    body .new-header  .header #logo img.logowhite {opacity: 0 !important;}

}

@media only screen and (min-width: 768px) {
    body .new-header  .header img.logocolor, 
    body. .new-header  .header.smaller img.retina-logo {
        opacity: 0;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out;
    }
    body .new-header  .header img.logocolor {opacity: 1;}
    body .new-header  #logo a.logolink img.logowhite {opacity: 0;}
    body .new-header  header .platform-dd .twocol,
    body .new-header  header .platform-dd,
    body .new-header  .header .industry-dd,
    body .new-header  .header .industry-dd .ind-dd-item {border-color: #eee !important;}
    body .new-header  .overview-link-wrap,
    body .new-header  header .platform-dd .twocol a,
    body .new-header  .header .industry-dd .ind-dd-item a {color: #3F6D7F !important; background: #ffffff !important;} 
    body .new-header  header .platform-dd .twocol a .box-icon-wrapper span,
    body .new-header  .header .industry-dd .ind-dd-item a span { color: #3F6D7F !important;}
    body .new-header  header .platform-dd .twocol a:hover,
    body .new-header  .header .industry-dd .ind-dd-item a:hover {color: #fff !important; background: #5F767F !important;}
    body .new-header  header .platform-dd .twocol a:hover .box-icon-wrapper span,
    body .new-header  .header .industry-dd .ind-dd-item:hover a span  { color: #ffffff !important;}
}

@media all and (max-width: 767px) {
    body .new-header .wrap {max-width: 420px;}
    body .new-header .header-wrapper {position: relative; z-index: 100000;}
    body .new-header a.logolink {float: left;}
    body .new-header #logo img {margin-left: 0px;}
    body .new-header #logo a.logolink img.logowhite {opacity: 0; display: block;}
    body .new-header #logo a.logolink img.logocolor {opacity: 1; display: block;}
    body .new-header #logo a.logolink img.retina-logo {display: none !important; opacity: 0;}
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), not all, not all{
    body .new-header #logo a.logolink img.retina-logo {display: inline-block !important; opacity: 1 !important;}
    body .new-header #logo a.logolink img.logocolor,
    body .new-header .header #logo a.logolink img.logowhite {opacity: 0 !important; display: none !important;}
}


/* ::::::::::: NEW GENERAL BANNER STYLES :::::::::::::::*/

/* IE Override */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    body .all-content .band-genbanner .banner-right .banner-illustration svg {display: none !important;}
    body .all-content .band-genbanner .banner-right .banner-illustration img.mobile-illustration {display: none !important}
    body .all-content .band-genbanner .banner-right .banner-illustration img.ie-illustration {display: block !important; opacity: 1 !important; right: 0px !important;} 
    .security-logos {display: block !important; text-align: center;}
    .options-grid .grid-item .grid-logos {justify-content: center !important; -ms-flex-wrap: wrap;}
}

.band-genbanner .banner-illustration svg {
    -webkit-transition: right 0.8s ease, opacity 0.8s ease;
    -moz-transition: right 0.8s ease, opacity 0.8s ease;
    -o-transition: right 0.8s ease, opacity 0.8s ease;
    transition: right 0.8s ease, opacity 0.8s ease;
   /* right: -250px;
    opacity: 0;*/
    position: relative;
}

.band-genbanner .banner-illustration:not(.initial) svg {right: 0px; opacity: 1;}

.band-genbanner {
    position: relative;
    width: 100%;
    display: block;
    padding: 150px 0px 150px 0px;
    background: #ffffff;
    z-index: 2;
    overflow: visible;
}

/*.band-homebanner.no-promotion {padding: 50px 0px 130px 0px;}*/

.band-genbanner .banner-background {
    position: absolute;
    width: 100%;
    min-width: 1400px;
    height: 100%;
    height: calc(100% + 50px);
    top: -50px;
    right: 0%;
}

.band-genbanner .banner-background img {
    width: 100%;
    height: 100%;
    max-width: none;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    outline: none;
}
.band-genbanner .banner-background img.background-mobile {display: none;}

.band-genbanner .band-shape {
    position: absolute;
    max-width: 250px;
    z-index: 3;
}

.band-genbanner .band-shape img {
    width: 100%;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    outline: none;
}


.band-genbanner a.box-link {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    border: none;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background: transparent url('../images/homepage-banner/box-link.png');
}

.band-genbanner .banner-left,
.band-genbanner .banner-right {
    position: relative;
    z-index: 4;
}

.band-genbanner .banner-left {
    float: left;
    width: 60%;
    position: relative;
    left: 0px;
    -webkit-transition: left 0.8s ease, opacity 0.8s ease-in-out;
    -moz-transition: left 0.8s ease, opacity 0.8s ease-in-out;
    -o-transition: left 0.8s ease, opacity 0.8s ease-in-out;
    transition: left 0.8s ease, opacity 0.8s ease-in-out;
}
.band-genbanner .banner-left.initial {
    opacity: 0;
    left: -150px;
}

.band-genbanner .banner-right {
    float: right;
    width: 35%;
    position: relative;
    min-width: 400px;
    margin-top: -100px;
}

.band-genbanner .banner-right .banner-illustration {
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    outline: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
}

.band-genbanner .banner-right .banner-illustration img {
    -webkit-transition: right 0.8s ease, opacity 0.8s ease;
    -moz-transition: right 0.8s ease, opacity 0.8s ease;
    -o-transition: right 0.8s ease, opacity 0.8s ease;;
    transition: right 0.8s ease, opacity 0.8s ease;
    position: relative;
    opacity: 1;
    right: 0;
    display: none;
}

.band-genbanner .banner-right .banner-illustration img.initial {
    right: -150px;
    opacity: 0;
}

.band-genbanner .banner-title h1 {
    font-size: 55px;
    line-height: 61px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 400;
    position: relative;
    z-index: 5;
}
.band-genbanner .banner-title h2 {
    font-size: 30px;
    line-height: 37px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 200;
    position: relative;
    z-index: 5;
    padding-right: 10%;
}

.band-genbanner .banner-title h3 {
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 200;
    position: relative;
    z-index: 5;
    padding-right: 10%;
}

.band-genbanner .banner-title p {
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 200;
    position: relative;
    z-index: 5;
    padding-right: 10%;
}

.band-genbanner .banner-title a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: underline;
}

.band-genbanner .banner-title a:hover {color: #1c6187;}


.band-genbanner .banner-cta-links {padding: 30px 0px 30px 0px; position: relative; z-index: 5;}

.band-genbanner .banner-shape {
    position: absolute;
}

.band-genbanner .banner-shape-1 {
    width: 161px;
    top: -100px;
    right: 250px;
}

.band-genbanner .banner-shape-2 {
    width: 40px;
    top: 45px;
    left: 38%;
}
.band-genbanner .banner-shape-3 {
    width: 95px;
    right: -16px;
    top: 20px;
}

.band-genbanner .banner-shape-4 {
    width: 233px;
    left: -160px;
    bottom: -204px;
}


@media all and (max-width: 1300px) {


    .band-genbanner {padding: 100px 0px 100px 0px;} 
    .band-genbanner .banner-background {
        top: -150px;
        right: -150px;
        min-width: 1500px;
        height: calc(100% + 150px);
    }
    .band-genbanner .banner-title h1 {font-size: 43px; line-height: 49px;} 
    .band-genbanner .banner-title h2 {font-size: 24px; line-height: 28px;} 
    .band-genbanner .banner-title h3 {font-size: 20px; line-height: 24px;} 
    .band-genbanner .banner-title p {font-size: 18px; line-height: 22px;} 
    .band-genbanner .banner-right {width: 40%; max-width: 400px; min-width: 310px; margin-top: -70px;}

    .band-genbanner .banner-shape-4 {
        width: 150px;
        left: -100px;
        bottom: -100px;
    }

}

@media all and (max-width: 1030px) {

    .band-genbanner {padding: 80px 0px 80px 0px;}
    .band-genbanner .banner-background {right: auto; left: 0px;}
    .band-genbanner .banner-right .banner-illustration {position: relative; z-index: 5;}
    .band-genbanner .banner-left {width: calc(100% - 320px); padding-bottom: 0px;}
    .band-genbanner .banner-right {
        position: absolute;
        right: 4%;
        max-width: none;
        top: 95px;
        width: 30%;
        min-width: 300px;
        top: 100px;
    }
    .band-genbanner .banner-title h1 {font-size: 34px; line-height: 40px;}
    .band-genbanner .banner-title h2 {font-size: 24px; line-height: 28px; padding: 0px;}
    .band-genbanner .banner-title h3,
    .band-genbanner .banner-title p {padding: 0px;}
    .band-genbanner .banner-shape-4 {display: none;}
    .service-graphic img {max-height: 300px;}
}

@media all and (max-width: 767px) {
     .band-genbanner {
        padding-top: 40px;
        padding-bottom: 0px;
        min-height: auto;
    }

    .band-genbanner .banner-shape {display: none;}

    .band-genbanner .banner-background {
        min-width: 100%;
        height: 105%;
        height: calc(100% + 140px);
    }
    .band-genbanner .banner-background img.background-mobile {display: block;}
    .band-genbanner .banner-background img.background-desktop {display: none;}

    .band-genbanner .banner-left {width: 100%;}
 
    .band-genbanner .banner-title h1 {
        font-size: 30px;
        line-height: 38px;
        padding-right: 30px;
    }

    .band-genbanner .banner-title h2 {
        font-size: 22px;
        line-height: 26px;
        padding-right: 0px;
    }

    .band-genbanner .banner-title h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .band-genbanner .banner-title p {font-size: 16px; line-height: 20px;}

    .band-genbanner .banner-right {position: static; margin-top: 20px; min-width: 250px;}
    .band-genbanner .banner-right .banner-illustration {
            -webkit-transition: all 0.8s ease;
            -moz-transition: all 0.8s ease;
            -o-transition: all 0.8s ease;
            transition: all 0.8s ease;
            opacity: 1;
            right: 0px;
    }
    .band-genbanner .banner-right .banner-illustration.initial {right: -150px; opacity: 0;}
    .band-genbanner .banner-right .banner-illustration svg {display: none;}
    .band-genbanner .banner-right .banner-illustration img.mobile-illustration {display: block !important}
    .band-genbanner .banner-right .banner-illustration img.ie-illustration {display: none !important;} 
}

@media all and (max-width: 479px) { 
    .band-genbanner .banner-title h1 {
        font-size: 27px;
        line-height: 31px;
        padding-right: 0px;
    }
/*    .band-genbanner .banner-title h2 {
        font-size: 18px;
        line-height: 22px;
        padding-right: 0px;
    }*/
    .band-genbanner .banner-right {
        margin-top: 20px;
        max-width: 100%;
        min-width: 90%;
        width: 250px;
    }
}

/* ::::::::::: PAYMENTS PAGE STYLES ::::::::::::: */


/* -------- Payments Page Animation (START) ------- */

.page-template-page-payments .banner-right g#Card,
.page-template-page-payments .banner-right g#Coins .coin,
.page-template-page-payments .banner-right g#Passcode,
.page-template-page-payments .banner-right g#Passcode .pin,
.page-template-page-payments .banner-right g#Arrows,
.page-template-page-payments .banner-right g#Lines,
.page-template-page-payments .banner-right g#World,
.page-template-page-payments .banner-right g#Plug {
    opacity: 0;
    fill-opacity: 0;
}


.page-template-page-payments .banner-right g#Card {position: relative; transform: translate(0px, 100px);}
.page-template-page-payments .banner-right g#Coins .coin {position: relative; transform: translate(0px, 100px);}
/*.page-template-page-payments .banner-right g#World {position: relative; transform: translate(0px, 100px);}*/


.page-template-page-payments .banner-illustration:not(.initial) g#Card {animation: fade-up 0.8s 0s forwards ease-in-out;}
.page-template-page-payments .banner-illustration:not(.initial) g#Passcode {animation: fade-in 0.8s 0.8s forwards ease-in-out;}

.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin {animation: fade-in 0.1s 1.6s forwards ease-in-out;}
.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin.pin-2 {animation-delay: 1.7s;}
.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin.pin-3 {animation-delay: 1.8s;}
.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin.pin-4 {animation-delay: 1.9s;}
.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin.pin-5 {animation-delay: 2s;}
.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin.pin-6 {animation-delay: 2.1s;}

.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin-lock-1 {fill: #ffffff;}
.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin-lock-1 {animation: pin-lock 0.4s 2.2s forwards ease-in-out;}

.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin-lock-2 {fill: #c9c0e0;}
.page-template-page-payments .banner-illustration:not(.initial) g#Passcode .pin-lock-1 {animation: pin-lock-secondary 0.4s 2.2s forwards ease-in-out;}

.page-template-page-payments .banner-illustration:not(.initial) g#Coins .coin {animation: fade-up 0.6s 2.6s forwards ease-in-out;}
.page-template-page-payments .banner-illustration:not(.initial) g#Coins .coin.coin-2 {animation-delay: 2.7s;}
.page-template-page-payments .banner-illustration:not(.initial) g#Coins .coin.coin-3 {animation-delay: 2.8s;}
.page-template-page-payments .banner-illustration:not(.initial) g#World {animation: fade-in 0.8s 3.4s forwards ease-in-out;}

.page-template-page-payments .banner-illustration:not(.initial) g#Plug,
.page-template-page-payments .banner-illustration:not(.initial) g#Lines,
.page-template-page-payments .banner-illustration:not(.initial) g#Arrows {animation: fade-in 0.8s 4.2s forwards ease-in-out;}

/* -------- Payments Page Animation (END) ------- */


.band.newband {
    padding: 100px 0px;
    width: 100%;
    overflow: hidden;
    position: relative;
    float: left;
}

.wrap.newwrap {width: calc(100% - 100px);}

.band.newband .wrap {position: relative;}

.bg-white {background: #fff;}
.bg-grey {background: #f1f1f1;}
.bg-bluegrad {
    background: #04aaca;
    background: -moz-linear-gradient(45deg, #05a9cc 0%, #07b0b5 100%);
    background: -webkit-linear-gradient(45deg, #05a9cc 0%,#07b0b5 100%);
    background: linear-gradient(45deg, #05a9cc 0%,#07b0b5 100%);
} 
.read-more.bg-bluegrad {background: #04aaca;}

.center-text {
    width: 90%;
    text-align: center;
    max-width: 650px;
    margin: 0px auto 60px auto;
}

.center-text.center-text-large {/*max-width: 820px;*/ max-width: 970px;}

.center-text.center-text-large p {
    max-width: 650px;
    margin: 0px auto 20px auto;
}

.section-icon {
/*    background: #1c6187;*/
    width: 110px;
    height: 110px;
    margin: 0px auto 30px auto;
/*    position: relative;
    border-radius: 50%;
    overflow: hidden;*/
}

.section-icon img {
/*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;*/
}

.center-text h1,
.center-text h2 {
    font-size: 45px;
    line-height: 50px;
    color: #1c6187;
    margin-bottom: 30px !important;
    font-weight: 200;
}

.center-text h3 {
    color: #60767f;
    font-size: 30px;
    line-height: 34px;
    font-weight: 200;
    margin-bottom: 30px !important;
}

.center-text p {
    color: #60767f;
    font-size: 22px;
    line-height: 26px;
    font-weight: 200;
    margin: 0px auto 20px auto;
}

.center-text.white-text h2,
.center-text.white-text h3,
.center-text.white-text p {color: #fff;}

.center-text a:not(.read-more) {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: #04aaca;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: underline;
}
.center-text a:not(.read-more):hover {color: #1c6187;}

.band a.read-more {margin-top: 30px;}

.band.band-paymentsintro .center-text {margin-bottom: 0px;}

.payments-menu {text-align: center;}
.payments-menu ul {margin: 0px auto 40px auto;}
.payments-menu li {
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    color: #1c6187;
    padding-bottom: 8px;
    border-bottom: 1px solid rgb(28 97 135 / 0.5);
    margin: 0px 20px;
    margin-bottom: 30px;
    font-weight: 200;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.payments-menu li:hover {
    color: #f7a615;
    border-color: #f7a615;
}

.options-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.options-grid .grid-item {
    width: 25%;
    float: left;
    padding: 25px 10px 5px 10px;
    margin-bottom: 50px;
    border-left: 1px solid #c6c6c6;
}

.options-grid .grid-item:nth-child(4n - 3) {border-left: none;}

.options-grid .grid-item .grid-header {
    width: 100%; 
    margin-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.options-grid .grid-item .grid-header .icon  {
    float: left;
}
.options-grid .grid-item .grid-header .icon img {
    height: 50px;
    width: auto;
    max-width: 70px;
}


.options-grid .grid-item .grid-header h3 {
    font-weight: 200;
    color: #1c6187;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    padding-left: 20px;
    float: left;
    max-width: 70%;
}

.options-grid .grid-item .grid-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.options-grid .grid-item .grid-logos img {
    display: inline-block;
    margin: 0px 7px; 
    max-height: 35px;
    max-width: 80px;
    margin-bottom: 20px;
}

.options-grid .grid-item .grid-logos img.smaller {max-height: 25px; max-width: 70px;}
.options-grid .grid-item .grid-logos img.large {/*max-height: 45px;*/max-height: 50px; max-width: 95px;}
.options-grid .grid-item .grid-logos img.square {max-height: 50px; max-width: 50px;}

.options-grid .grid-item .grid-logos img.pull {position: relative;}

.options-grid .grid-item .grid-logos img.up {top: -5px;}
.options-grid .grid-item .grid-logos img.down {bottom: -5px;}
.options-grid .grid-item .grid-logos img.left {left: -5px;}
.options-grid .grid-item .grid-logos img.right {right: -5px;}

.options-grid .grid-item .grid-logos img.up-ext {top: -10px;}
.options-grid .grid-item .grid-logos img.down-ext {bottom: -10px;}
.options-grid .grid-item .grid-logos img.left-ext {left: -10px;}
.options-grid .grid-item .grid-logos img.right-ext {right: -10px;}

.band-paymentoptions p.options-bottom {
    font-size: 30px;
    line-height: 34px;
    font-weight: 200;
    color: #60767f;
    text-align: center;
    max-width: 650px;
    margin: 40px auto 0px auto;
}

.channel-icons .channel {
    width: 20%;
    float: left;
    text-align: center;
}

.channel-icons .channel .icon img {height: 100px; width: auto; margin: 0px auto 20px auto;}

.channel-icons .channel p {
    font-weight: 200;
    color: #1c6187;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
}

.security-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.security-logos img {
    max-height: 120px;
    max-width: 170px;
    display: inline-block;
    width: auto;
    margin: 0px 40px;
}

.band.newband.band-paymentservices {padding-bottom: 70px;}

.service-block {
    width: 100%;
    display: block;
    margin-bottom: 130px;
}
.service-block.first {margin-top: 135px;}
.service-block.last {margin-bottom: 0px;}

.service-block .service-graphic {width: 40%;}
.service-block .service-text {width: 50%;}
.service-block-a .service-graphic {margin-right: 7%;}
.service-block-b .service-graphic {margin-left: 7%;}
.service-block-a .service-graphic,
.service-block-b .service-text {float: left;}
.service-block-b .service-graphic,
.service-block-a .service-text {float: right;}


.service-block .service-text h2 {
    font-size: 40px;
    line-height: 45px;
    color: #1c6187;
    margin-bottom: 30px !important;
    font-weight: 200;
}

.service-block .service-text p,
.service-block .service-text li {
    color: #60767f;
    margin-bottom: 20px;
    margin-top: 0px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 200;
}

.service-block .service-text li {
    margin-bottom: 12px;
    list-style: none;
    padding-left: 35px;
    position: relative;
}

.service-block .service-text strong {font-weight: 500;}

.service-block .service-text a:not(.read-more) {
    font-family: inherit;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #1c6187;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: underline;
}
.service-block .service-text a:hover {
    color: #04aaca;
}

.service-block .service-text li::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 24px;
    height: 30px;
    background-size: contain;
    background: url('../images/payments-page/payments-li-2.svg') center center no-repeat;
}

.service-graphic img {
    max-height: 460px;
    object-position: center;
    object-fit: contain;
}

.slider-outer {width: 100%; position: relative;}
.arrows-wrap .arrow {
    width: 28px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.arrows-wrap .arrow.arrow-left {left: 0px;}
.arrows-wrap .arrow.arrow-right {right: 0px;}
.arrows-wrap .arrow svg {
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.arrows-wrap .arrow:hover svg {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.arnxw-1,
.arnx-1 {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
}
.arrows-wrap .arrow:hover .arnxw-1 {stroke: #1c6187;}
.arrows-wrap .arrow:hover .arnx-1 {stroke: #04aaca;}

.slider-inner {width: 80%; max-width: 1200px; margin: 0px auto;}

.band-newform .form-icon {
    width: 200px;
    position: absolute;
    right: 0px;
    top: -100px;
}

.band-newform .center-text { 
    max-width: none;
    width: 62%;
    width: calc(100% - 440px);
}

.band-newform .form-wrap {
    width: 60%;
    margin: 0px auto;
}

.band-newform .form-wrap form.mktoForm {
    width: 100% !important;
    padding: 0px !important;
    background: none;
}

.band-newform .form-wrap form.mktoForm.mktoFormCol {
    width: 100% !important;
}

.band-newform .form-wrap form.mktoForm input[type=text], 
.band-newform .form-wrap form.mktoForm input[type=url], 
.band-newform .form-wrap form.mktoForm input[type=email], 
.band-newform .form-wrap form.mktoForm input[type=tel], 
.band-newform .form-wrap form.mktoForm input[type=number],
.band-newform .form-wrap form.mktoForm input[type=date], 
.band-newform .form-wrap form.mktoForm textarea, 
.band-newform .form-wrap form.mktoForm select {
    background: #f1f1f1;
    font-family: Gesta,Arial,Sans-Serif !important;
}

.band-newform .form-wrap form.mktoForm .mktoFieldWrap label.mktoLabel {
    margin: 0px auto !important;
    text-align: center;
    float: none !important;
    width: 100% !important;
    display: block;
    margin-bottom: 10px !important;
    font-family: Gesta,Arial,Sans-Serif !important;
}

.band-newform .form-wrap form.mktoForm .mktoFieldWrap label.mktoLabel[for="marketingOptIn"] {
    width: calc(100% - 50px) !important;
    float: right !important;
    text-align: left !important;
    max-width: none !important;
}

.band-newform .form-wrap form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    float: none !important;
    margin: 30px auto 0px auto !important;
    display: block;
    font-family: Gesta,Arial,Sans-Serif !important;
}

.band-newform .form-wrap form.mktoForm .mktoButtonWrap {text-align: center !important; display: block;}

.band-newform .form-wrap form.mktoForm .mktoRadioList > label, 
.band-newform .form-wrap form.mktoForm .mktoCheckboxList > label {font-family: Gesta,Arial,Sans-Serif !important;}

.band-newform .form-wrap form#mktoForm_1119 .mktoFormRow:nth-child(7) {display: none;}
.band-newform .form-wrap form#mktoForm_1119 .mktoFormRow:nth-child(8) {display: block;}


.testimonials-slider-inner.slider-inner {width: 70%;}
.testimonials-slider p.testimonial-text,
.testimonials-slider p.testimonial-source {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    color: #fff;
}
.testimonials-slider p.testimonial-text{font-weight: 200;}
.testimonials-slider p.testimonial-source {font-weight: 400;}


@media all and (max-width: 1300px) {

    .band.newband {
        padding: 70px 0px;
    }
    .band.newband.band-paymentsintro {padding-top: 100px;}
    .payments-menu li {
        font-size: 16px;
        line-height: 22px;
        margin: 0px 10px;
    }
    .section-icon {margin-bottom: 20px;}
    .center-text {max-width: 450px;}
    .center-text h1, 
    .center-text h2 {font-size: 32px; line-height: 36px; margin-bottom: 20px !important;}
    .center-text h3 {font-size: 24px; line-height: 28px; margin-bottom: 20px;}
    .center-text p {font-size: 18px; line-height: 22px; margin-bottom: 20px;}
    .band.newband a.read-more {margin-top: 20px;}

    .options-grid .grid-item {position: relative; width: 50%;}
    .options-grid .grid-item,
    .options-grid .grid-item:nth-child(odd) {border-left: none;}
    .options-grid .grid-item:nth-child(even) {border-left: 1px solid #c6c6c6;}
    .options-grid .grid-item::before {
        content: "";
        width: 100%;
        top: -30px;
        left: 0;
        height: 1px;
        background: #c6c6c6;
        position: absolute;
    }
    .options-grid .grid-item:nth-child(1)::before,
    .options-grid .grid-item:nth-child(2)::before {content: none;}
    .band-paymentoptions p.options-bottom {font-size: 22px; line-height: 26px;}

    .channel-icons .channel .icon img {height: 75px;}
    .channel-icons .channel p {margin: 0px; padding: 0px 10px; font-size: 16px; line-height: 20px;}

    .security-logos img {
        max-height: 90px;
        max-width: 140px;
        margin: 0px 20px;
    }

    .service-block .service-text h2 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 20px !important;
    }
    .service-block .service-text p,
    .service-block .service-text li {
        font-size: 18px;
        line-height: 22px;
    }

    .band-newform .form-icon {width: 150px; top: -70px;}

    .testimonials-slider p.testimonial-text, 
    .testimonials-slider p.testimonial-source {font-size: 24px; line-height: 28px;}

}


@media all and (max-width: 1030px) {
    .band.newband.band-paymentsintro {padding-top: 70px;}
    .payments-menu {display: none;}
    .center-text h1,
    .center-text h2 {font-size: 28px; line-height: 32px;}
    .center-text h3 {font-size: 22px; line-height: 26px;}
    .center-text p {font-size: 18px; line-height: 22px;}

    .band.newband.band-paymentchannels,
    .band.newband.band-paymentsecurity {padding-bottom: 30px;}
    .channel-icons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .channel-icons .channel {width: 33.333%; margin-bottom: 50px;}
    .security-logos {flex-wrap: wrap;}
    .security-logos img {margin-bottom: 40px;}
    .service-block .service-text h2 {font-size: 26px; line-height: 30px; margin-bottom: 20px !important;}
    .band-newform .form-icon {width: 120px;}
    .band-newform .center-text {width: calc(100% - 320px);}
    .testimonials-slider p.testimonial-text, 
    .testimonials-slider p.testimonial-source {font-size: 20px; line-height: 24px;}

}

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

    .center-text h1,
    .center-text h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .center-text h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .options-grid .grid-item {
        width: 100%;
        border-left: none !important;
        padding-bottom: 0px;
        margin-bottom: 25px;
    }

    .options-grid .grid-item .grid-logos img {margin-bottom: 40px;}
    .options-grid .grid-item:nth-child(2)::before {content: "";}
    .channel-icons .channel {width: 100%; padding: 0px 20%;}
    .service-block .service-graphic,
    .service-block .service-text {width: 100%; margin: 0px 0px 30px 0px !important;}
    .service-block.first {margin-top: 0px;}
    .service-block {margin-bottom: 40px; text-align: center;}
    .service-graphic img {
        max-height: 250px;
        object-position: center;
    }
    .service-block .service-text li {text-align: center; padding: 0px; color: #1c6187;}
    .service-block .service-text li::before {content: none;}
    .slider-inner,
    .testimonials-slider-inner.slider-inner {width: 100%; margin-bottom: 60px;}
    .arrows-wrap .arrow {width: 18px;}
    .arrows-wrap {
        position: absolute;
        bottom: -60px;
        left: 50%;
        transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        width: 60px;
    }

    .band-newform .form-icon {display: none;}
    .band-newform .center-text,
    .band-newform .form-wrap {width: 90%;}
}

@media all and (max-width: 479px) {
    .band.newband {padding: 50px 0px;}
    .center-text h1,
    .center-text h2 {
        font-size: 22px;
        line-height: 26px;
    }
    .center-text h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .testimonials-slider p.testimonial-text, .testimonials-slider p.testimonial-source {font-size: 18px; line-height: 22px;}
}

/* :::::::::::: HOMEPAGE BANNER CHANGES - JULY 2020 :::::::::::: */

/* -------- Homepage Animation (START) ------- */


.banner-illustration svg {overflow: visible;}
.banner-illustration img {display: none !important;}

/* IE Override */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .band-homebanner .banner-right .banner-illustration svg {display: none !important;}
    .band-homebanner .banner-right .banner-illustration img,
    .band-homebanner .banner-right .banner-illustration img.initial {display: block !important; opacity: 1 !important; right: 0px !important;} 
}

/* Step 1 ---------------- */

.banner-illustration g#globe {
    opacity: 0;
    fill-opacity: 0;
    transform: scale(0.8);
    transform-origin: 30% 10%;
}

.banner-illustration:not(.initial) g#globe {animation: fade-in-scale 0.8s 0s forwards ease-in-out;}


.banner-illustration g#front-end {
    opacity: 0;
    fill-opacity: 0;
    transform: skew(-5deg, 0deg) translate(0px, 200px);
}

.banner-illustration g#back-end {
    opacity: 0;
    fill-opacity: 0;
    transform: skew(5deg, 0deg) translate(0px, 200px);
}

.banner-illustration:not(.initial) g#back-end,
.banner-illustration:not(.initial) g#front-end {animation: fade-up-skew 0.8s 0s forwards ease-in-out;}


/* Step 2 ---------------- */


.banner-illustration g#subscribe {
    opacity: 0;
    fill-opacity: 0;
    transform: translate(0px, 200px);
}
.banner-illustration:not(.initial) g#subscribe {animation: fade-up 1s 0.8s forwards ease-in-out;}


.banner-illustration g#subscribe #cursor {transform: translate(-100px, 100px);}
.banner-illustration:not(.initial) g#subscribe #cursor {animation: fade-up 0.8s 1.6s forwards ease-in-out;}

.banner-illustration g#subscribe #subscribe-button {fill: #1c6187;}
.banner-illustration:not(.initial) g#subscribe #subscribe-button {animation: subscribe-colour 0.4s 2s forwards ease-in-out;}

.banner-illustration g#subscribe .sub-text {fill: #ffffff;}
.banner-illustration:not(.initial) g#subscribe .sub-text {animation: subscribe-textcolour 0.4s 2s forwards ease-in-out;}

.banner-illustration g#subscribe .clicker {fill: #ffffff;} 
.banner-illustration:not(.initial) g#subscribe .clicker {animation: flicker 0.4s 2.4s forwards ease-in-out;}


/* Step 3 ---------------- */


.banner-illustration g#credit-card {
    opacity: 0;
    fill-opacity: 0;
    transform: translate(0px, 200px);
}
.banner-illustration:not(.initial) g#credit-card {animation: fade-up 0.8s 2.8s forwards ease-in-out;}

.banner-illustration g#password,
.banner-illustration g#password .pin {
    opacity: 0;
    fill-opacity: 0;
}
.banner-illustration:not(.initial) g#password {animation: fade-in 0.8s 2.8s forwards ease-in-out;}

.banner-illustration:not(.initial) g#password .pin {animation: fade-in 0.1s 3.2s forwards ease-in-out;}
.banner-illustration:not(.initial) g#password .pin.pin-2 {animation-delay: 3.3s;}
.banner-illustration:not(.initial) g#password .pin.pin-3 {animation-delay: 3.4s;}
.banner-illustration:not(.initial) g#password .pin.pin-4 {animation-delay: 3.5s;}
.banner-illustration:not(.initial) g#password .pin.pin-5 {animation-delay: 3.6s;}
.banner-illustration:not(.initial) g#password .pin.pin-6 {animation-delay: 3.7s;}

.banner-illustration:not(.initial) g#password .pin-lock-1 {fill: #ffffff;}
.banner-illustration:not(.initial) g#password .pin-lock-1 {animation: pin-lock 0.4s 3.8s forwards ease-in-out;}

.banner-illustration:not(.initial) g#password .pin-lock-2 {fill: #c9c0e0;}
.banner-illustration:not(.initial) g#password .pin-lock-1 {animation: pin-lock-secondary 0.4s 3.8s forwards ease-in-out;}

/* Step 4 ---------------- */

.banner-illustration g#new-text,
.banner-illustration g#percentage-icon {
    opacity: 0;
    fill-opacity: 0;
    transform: translate(0px, 100px);
}

.banner-illustration:not(.initial) g#new-text,
.banner-illustration:not(.initial) g#percentage-icon {animation: fade-up 0.8s 4.2s forwards ease-in-out;}


/* Step 5 ---------------- */


.banner-illustration g#cog,
.banner-illustration g#padlock {
    opacity: 0;
    fill-opacity: 0;
    transform: translate(0px, 100px);
}

.banner-illustration:not(.initial) g#cog,
.banner-illustration:not(.initial) g#padlock {animation: fade-up 0.8s 4.2s forwards ease-in-out;}


/* Step 6  ---------------- */


.banner-illustration g#back-lines,
.banner-illustration g#front-lines {
    opacity: 0;
    fill-opacity: 0;
}

.banner-illustration:not(.initial) g#back-lines,
.banner-illustration:not(.initial) g#front-lines {animation: fade-in 1s 5s forwards ease-in-out;}

.banner-illustration g#back-lines line,
.banner-illustration g#back-lines polyline,
.banner-illustration g#front-lines line,
.banner-illustration g#front-lines polyline,
.banner-illustration g#back-lines circle {
    stroke-dashoffset: 0%;
}

.banner-illustration:not(.initial) g#back-lines line,
.banner-illustration:not(.initial) g#back-lines path,
.banner-illustration:not(.initial) g#front-lines line,
.banner-illustration:not(.initial) g#front-lines path {animation: lines 130s 5s forwards infinite ease;}

.banner-illustration:not(.initial) g#back-lines line.reverse,
.banner-illustration:not(.initial) g#back-lines path.reverse,
.banner-illustration:not(.initial) g#front-lines line.reverse,
.banner-illustration:not(.initial) g#front-lines path.reverse,
.banner-illustration:not(.initial) g#back-lines circle {animation: lines-alt 130s 5s forwards infinite ease;}


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


@keyframes fade-in {
    to {
        opacity: 1;
        fill-opacity: 1;
    }
}

@keyframes fade-in-scale {
    to {
        opacity: 1;
        fill-opacity: 1;
        transform: scale(1);
    }
}


@keyframes fade-up-skew {
    to {
        opacity: 1;
        fill-opacity: 1;
        transform: skew(0deg, 0deg) translate(0px, 0px);
    }
}

@keyframes fade-up {
    to {
        opacity: 1;
        fill-opacity: 1;
        transform: translate(0px, 0px);
    }
}

@keyframes lines {
    from {
        stroke-dashoffset: 0%;
    }
    to {
        stroke-dashoffset: -100%;
    }
}

@keyframes lines-alt {
    from {
        stroke-dashoffset: 0%;
    }
    to {
        stroke-dashoffset: 100%;
    }
}

@keyframes subscribe-colour {
    to {
        fill: #ffffff;
    }
}

@keyframes subscribe-textcolour {
    to {
        fill: #1c6187;
    }
}

@keyframes flicker {
    50% {
        fill: #f7a614;
    }

    100% {
        fill: #ffffff;
    }
}

@keyframes pin-lock {
    to {
        fill: #1c6187;
    }
}

@keyframes pin-lock-secondary {
    to {
        fill: #4c6882;
    }
}


/* -------- Homepage Animation (END) ------- */

body,
body .all-content {
    width: 100%;
    overflow-x: hidden;
}

/*body.page-template-page-home-newbanner .overflow-wrap {overflow: hidden;}*/

body.page-template-page-home-newbanner header.header:not(.smaller) {background: #ffffff;}

body.page-template-page-home-newbanner header.header .top-nav li a {color: #5F767F;}
body.page-template-page-home-newbanner header.header:not(.smaller) .top-nav li a:hover {color: #39a9ca;}

body.page-template-page-home-newbanner .header .request-demo.button {
    background: #1c6187 !important;
    color: #ffffff !important;
    font-weight: 300 !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

body.page-template-page-home-newbanner .band.home-industries {padding-top: 75px;}

.band-homebanner {
    position: relative;
    width: 100%;
    display: block;
    /*padding: 50px 0px 40px 0px;*/
    padding: 50px 0px 0px 0px;
    background: #ffffff;
    /*min-height: 750px;*/
}

.band-homebanner.no-promotion {padding: 50px 0px 130px 0px;}

.band-homebanner .banner-background {
    position: absolute;
    width: 100%;
    min-width: 1400px;
    height: 100%;
    height: calc(100% + 50px);
    top: -50px;
    right: 0%;
}

.band-homebanner .banner-background img {
    width: 100%;
    height: 100%;
    max-width: none;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    outline: none;
}
.band-homebanner .banner-background img.background-mobile {display: none;}

.band-homebanner .band-shape {
    position: absolute;
    max-width: 250px;
    z-index: 3;
}

.band-homebanner .band-shape img {
    width: 100%;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    outline: none;
}

.band-homebanner .band-shape.band-shape-1 {
    width: 170px;
    left: -17px;
    top: 24%;
}

.band-homebanner .band-shape.band-shape-2 {
    width: 30px;
    top: -43px;
    left: -5%;
    opacity: 0.8;
}

.band-homebanner .band-shape.band-shape-3 {
    width: 40px;
    top: -20px;
    left: 20%;
}

.band-homebanner .band-shape.band-shape-4 {
    width: 75px;
    bottom: 100px;
    left: 46%;
    opacity: 0.8;
}

.band-homebanner .band-shape.band-shape-5,
.band-homebanner .band-shape.band-shape-6 {display: none;}

.band-homebanner .banner-promotion {
    background: #bedee8;
    border-radius: 5px;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 5;
    position: relative;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
    overflow: hidden;
}

.band-homebanner .banner-promotion:hover {
    background: #1c6187;
}

.band-homebanner a.box-link {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    border: none;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background: transparent url('../images/homepage-banner/box-link.png');
}

.band-homebanner .banner-promotion .promotion-label {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.1em;
    line-height: 1.3;
    color: #586f78;
    float: left;
    border-right: 1px solid;
    padding-right: 12px;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;
}
.band-homebanner .banner-promotion:hover .promotion-label {color: #ffffff;}
.band-homebanner .banner-promotion .promotion-text {
    float: left;
    padding-left: 12px;
    width: 50%;
}

.band-homebanner .banner-promotion .promotion-text p {
    margin: 0px;
    color: #586f78;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto !important;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;
}

.band-homebanner .banner-promotion:hover .promotion-text p {color: #ffffff;}

.band-homebanner .banner-promotion .promotion-link {
    float: left;
    padding-left: 12px;
}
.band-homebanner .banner-promotion .promotion-link a {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.1em;
    line-height: 1.3;
    color: #586f78;
    text-decoration: none;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;
    white-space: nowrap;
}
.band-homebanner .banner-promotion:hover .promotion-link a {color: #ffffff;}

.band-homebanner .banner-left,
.band-homebanner .banner-right {
    position: relative;
    z-index: 4;
}

.band-homebanner .banner-left {
    float: left;
    width: 50%;
    position: relative;
    left: 0px;
    -webkit-transition: left 0.8s ease, opacity 0.8s ease;
    -moz-transition: left 0.8s ease, opacity 0.8s ease;
    -o-transition: left 0.8s ease, opacity 0.8s ease;
    transition: left 0.8s ease, opacity 0.8s ease;
}
.band-homebanner .banner-left.initial {
    opacity: 0;
    left: -150px;
}

.band-homebanner .banner-right {
    float: right;
    width: 37%;
    position: relative;
    min-width: 500px;
}

.band-homebanner .banner-right .banner-illustration {
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    outline: none;
    position: absolute;
    top: -20px;
    right: 0px;
    width: 100%;
}

.band-homebanner .banner-right .banner-illustration img {
    -webkit-transition: right 0.8s ease, opacity 0.8s ease;
    -moz-transition: right 0.8s ease, opacity 0.8s ease;
    -o-transition: right 0.8s ease, opacity 0.8s ease;;
    transition: right 0.8s ease, opacity 0.8s ease;
    position: relative;
    opacity: 1;
    right: 0;
    display: none;
}

.band-homebanner .banner-right .banner-illustration img.initial {
    right: -150px;
    opacity: 0;
}

.band-homebanner .banner-title h2,
.band-homebanner .banner-title h1 {
    font-size: 5em;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 400;
    position: relative;
    z-index: 5;
}

.band-homebanner .banner-subtitle h1,
.band-homebanner .banner-subtitle h2 {
    font-size: 3.7em;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 30px;
    font-weight: 200;
    position: relative;
    z-index: 5;
}

.band-homebanner.no-promotion .banner-subtitle h1 {
    padding-top: 40px;
    padding-bottom: 10px;
}


.band-homebanner .banner-cta-links {padding: 30px 0px 30px 0px; position: relative; z-index: 5;}

.read-more {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    border-radius: 5px;
    text-decoration: none;
    padding: 11px 22px;
    font-size: 1.375em;
    z-index: 10;
    background: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,0);
    font-weight: 300;
    margin-right: 15px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.read-more:last-child {margin-right: 0px;}

.read-more.txt-white,
.read-more.txt-white-hov:hover {color: #ffffff;}

.read-more.txt-orange,
.read-more.txt-orange-hov:hover {color: #f7a614;}

.read-more.txt-blue,
.read-more.txt-blue-hov:hover {color: #1c6187;}


.read-more.bd-trans,
.read-more.bd-trans-hov:hover {border-color: rgba(255,255,255,0);}

.read-more.bd-white,
.read-more.bd-white-hov:hover {border-color: #ffffff;}

.read-more.bg-trans,
.read-more.bg-trans-hov:hover {background: rgba(255,255,255,0);}

.read-more.bg-orange,
.read-more.bg-orange-hov:hover {background: #f7a614;}

.read-more.bg-blue,
.read-more.bg-blue-hov:hover {background: #1c6187;}

.read-more.bg-white,
.read-more.bg-white-hov:hover {background: #ffffff;}

.page-template-page-home-newbanner .band.home-industries {background: #ffffff;}

.page-template-page-home-newbanner .features {
    background: #f7f7f7;
}

.banner-logos {
    background: #ffffff;
    width: 100%;
    display: block;
    float: left;
    padding-top: 40px;
}

.banner-logos p {
    color: #586f78;
    text-transform: uppercase;
}

.banner-logos .logos-wrap {
    margin-top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.banner-logos .logos-wrap.logos-wrap-mobile {display: none;}
.banner-logos .logos-wrap.logos-wrap-desktop img {
    max-width: 14%;
    max-height: 38px;
}

.banner-logos .logos-wrap.logos-wrap-desktop img.small {max-height: 62px; max-width: 13%;}

body.page-template-page-home-newbanner .home-industries .industry-block {
    background: #f9f9f9;
}



@media all and (max-width: 1500px) {
    .band-homebanner .band-shape.band-shape-1 {left: -50px; top: 23%;} 
}

@media all and (max-width: 1280px) {
    .band-homebanner {padding-top: 40px; padding-bottom: 30px;}
    .band-homebanner.no-promotion {padding: 50px 0px 100px 0px;} 
    .band-homebanner .banner-background {
        top: -150px;
        right: -150px;
        min-width: 1500px;
        height: calc(100% + 150px);
    }
    .band-homebanner .banner-promotion {margin-bottom: 40px;}

    
    .band-homebanner .band-shape.band-shape-2 {
        top: -44px;
        left: auto;
        right: 80%;
    }

    .band-homebanner .banner-title h2, 
    .band-homebanner .banner-title h1 {font-size: 4em;}

    .band-homebanner .banner-subtitle h1, 
    .band-homebanner .banner-subtitle h2 {font-size: 3em;}

    .band-homebanner .banner-cta-links {padding: 30px 0px 30px 0px;}

    a.read-more {
        padding: 10px 20px;
        font-size: 1.3em;
    }

    .band-homebanner .banner-right {width: 30%; min-width: 450px;}


    body.page-template-page-home-newbanner .band.home-industries {padding-top: 45px;}

}

@media only screen and (min-width: 1280px) {
    .band-homebanner:not(.no-promotion) {padding-bottom: 60px !important;}
}


@media only screen and (min-width: 1030px) and (-webkit-min-device-pixel-ratio: 1.5), not all, not all{
    body.page-template-page-home-newbanner .header #logo img.retina-logo {display: inline-block !important; opacity: 1 !important;}
    body.page-template-page-home-newbanner .header #logo img.colorlogo,
    body.page-template-page-home-newbanner .header #logo img.logowhite {opacity: 0 !important;}

}

@media all and (max-width: 1030px) {
    body.page-template-page-home-newbanner .header {background: #ffffff !important;}

    body.page-template-page-home-newbanner .header #logo img.retina-logo {display: none !important;}
    body.page-template-page-home-newbanner .header #logo img.colorlogo,
    body.page-template-page-home-newbanner .header #logo img.logowhite {display: block !important;}
    body.page-template-page-home-newbanner .header #logo img.colorlogo {opacity: 1 !important;}
    body.page-template-page-home-newbanner .header #logo img.logowhite {opacity: 0 !important;}

    .band-homebanner {padding-bottom: 60px;} 
    .band-homebanner.no-promotion {padding: 50px 0px 50px 0px;}
    .band-homebanner .banner-background {right: auto; left: 0px;}

    .band-homebanner .band-shape.band-shape-1 {
        left: -50px;
        width: 180px;
        top: 93px;
    }

    .band-homebanner .band-shape.band-shape-2 {
        width: 40px;
        top: 100px;
        right: 13%;
        left: auto;
    }

    .band-homebanner .band-shape.band-shape-3 {
        width: 30px;
        top: -22px;
        left: 38%;
    }
    
    .band-homebanner .band-shape.band-shape-4 {
        width: 50px;
        bottom: 12%;
        /*left: 3px;*/
    }

    .band-homebanner .banner-right .banner-illustration {position: relative; z-index: 5; top: 0px;}

    .band-homebanner .banner-left {width: 50%; padding-bottom: 0px;}

    .band-homebanner .banner-promotion {width: 205%; margin-left: -2.5%;}
    .band-homebanner .banner-right {
        position: absolute;
        right: 20px;
        max-width: none;
        top: 97px;
        width: 37%;
        min-width: 340px;
    }

    .band-homebanner.no-promotion .banner-right {
        top: 17px;
    }

    .band-homebanner .banner-title h2, 
    .band-homebanner .banner-title h1 {font-size: 3.5em;}

    .band-homebanner .banner-subtitle h1, 
    .band-homebanner .banner-subtitle h2 {
        font-size: 2.8em;
    }
	.band-homebanner .banner-subtitle h1 {padding-top: 20px; padding-bottom: 10px;}

    .band-homebanner .banner-cta-links {padding: 15px 0px 25px 0px;} 
    a.read-more {font-size: 1.2em;}

    .banner-logos .logos-wrap.logos-wrap-desktop img.small {max-height: 47px;}
    
}

@media only screen and (min-width: 768px) and (max-width: 882px) {
	.band-homebanner .banner-subtitle h1, .band-homebanner .banner-subtitle h2 {
		font-size: 2.3em;
		padding: 0px;
	}
}


@media only screen and (max-width: 1030px) and (-webkit-min-device-pixel-ratio: 1.5), not all, not all{
    body.page-template-page-home-newbanner .header #logo img.retina-logo {display: inline-block !important; opacity: 1 !important;}
    body.page-template-page-home-newbanner .header #logo img.colorlogo,
    body.page-template-page-home-newbanner .header #logo img.logowhite {opacity: 0 !important;}

}


@media only screen and (min-width: 768px) {
    body.page-template-page-home-newbanner .header img.logocolor, 
    body.page-template-page-home-newbanner .header.smaller img.retina-logo {
        opacity: 0;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out;
    }
    body.page-template-page-home-newbanner .header img.logocolor {opacity: 1;}
    body.page-template-page-home-newbanner #logo a.logolink img.logowhite {opacity: 0;}

    body.page-template-page-home-newbanner header .platform-dd .twocol,
    body.page-template-page-home-newbanner header .platform-dd,
    body.page-template-page-home-newbanner .header .industry-dd,
    body.page-template-page-home-newbanner .header .industry-dd .ind-dd-item {border-color: #eee !important;}

    body.page-template-page-home-newbanner .overview-link-wrap,
    body.page-template-page-home-newbanner header .platform-dd .twocol a,
    body.page-template-page-home-newbanner .header .industry-dd .ind-dd-item a {
        color: #3F6D7F !important;
        background: #ffffff !important;
    }

    body.page-template-page-home-newbanner header .platform-dd .twocol a .box-icon-wrapper span,
    body.page-template-page-home-newbanner .header .industry-dd .ind-dd-item a span { color: #3F6D7F !important;}

    body.page-template-page-home-newbanner header .platform-dd .twocol a:hover,
    body.page-template-page-home-newbanner .header .industry-dd .ind-dd-item a:hover {
        color: #fff !important;
        background: #5F767F !important;
    }

    body.page-template-page-home-newbanner header .platform-dd .twocol a:hover .box-icon-wrapper span,
    body.page-template-page-home-newbanner .header .industry-dd .ind-dd-item:hover a span  { color: #ffffff !important;}

    body.page-template-page-home-newbanner .home-industries .industry-block {background: #f9f9f9;}

}

@media all and (max-width: 767px) {
    body.page-template-page-home-newbanner .wrap {max-width: 420px;}
    body.page-template-page-home-newbanner .top-bar {z-index: 100001;} 
    body.page-template-page-home-newbanner .header-wrapper {
        position: relative;
        z-index: 100000;
    }
    body.page-template-page-home-newbanner a.logolink {
        float: left;
    }
    body.page-template-page-home-newbanner #logo img {margin-left: 0px;}

    body.page-template-page-home-newbanner #logo a.logolink img.logowhite {opacity: 0; display: block;}
    body.page-template-page-home-newbanner #logo a.logolink img.logocolor {opacity: 1; display: block;}
    body.page-template-page-home-newbanner #logo a.logolink img.retina-logo {display: none !important; opacity: 0;}

    .band-homebanner {
        padding-top: 40px;
        padding-bottom: 0px;
        min-height: auto;
    }

    .band-homebanner .band-shape.band-shape-1,
    .band-homebanner .band-shape.band-shape-2,
    .band-homebanner .band-shape.band-shape-3 {display: none;}

    .band-homebanner .band-shape.band-shape-4 {
        width: 40px;
        bottom: auto;
        left: 47%;
        top: 112px;
        opacity: 0.8;
    }

    .band-homebanner .band-shape.band-shape-5,
    .band-homebanner .band-shape.band-shape-6 {display: block;}

    .band-homebanner .band-shape.band-shape-5 {
        width: 140px;
        top: 71px;
        right: auto;
        opacity: 0.8;
        left: -120px;
    }

    .band-homebanner .band-shape.band-shape-6 {
        width: 50px;
        right: 0px;
        top: 17%;
    }

    .band-homebanner .banner-background {
        min-width: 100%;
        height: 105%;
        height: calc(100% + 140px);
    }
    .band-homebanner .banner-background img.background-mobile {display: block;}
    .band-homebanner .banner-background img.background-desktop {display: none;}

    .band-homebanner .banner-left {width: 100%;}
    .band-homebanner .banner-promotion {margin-bottom: 30px; width: 100%; margin-left: 0px;}
    .band-homebanner .banner-cta-links {padding-bottom: 30px;}
    .read-more {font-weight: 400; /*margin-top: 10px;*/}

    .band-homebanner .banner-title h2, 
    .band-homebanner .banner-title h1 {
        font-size: 3.8em;
        padding-right: 30px;
    }

	.band-homebanner.no-promotion .banner-subtitle h1 {
		padding-top: 10px;
	}

    .band-homebanner .banner-subtitle h1, 
    .band-homebanner .banner-subtitle h2 {
		font-size: 2.3em;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
    }

    .band-homebanner .banner-logos {display: none;}
    .page-template-page-home-newbanner .banner-logos.banner-logos-mobile {
        display: block;
        background: #ffffff;
        margin: 0px;
        width: 100%;
        padding-bottom: 40px;
        padding-top: 20px;
    }

    .page-template-page-home-newbanner .banner-logos.banner-logos-mobile p {
        color: #1c6187; 
        font-weight: 400;
        margin-bottom: 30px;
    }
    .page-template-page-home-newbanner .banner-logos.banner-logos-mobile .logos-wrap {
        padding-right: 0px;
    }

    .band-homebanner .banner-right {
        width: 100%; 
        min-width: auto;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    .band-homebanner .banner-right .banner-illustration {
        position: relative; 
        z-index: 6;
    }

    .logos-label {text-align: center;}
    .page-template-page-home-newbanner .banner-logos {text-align: left;}
    .page-template-page-home-newbanner .banner-logos .logos-wrap-desktop {display: none;}
    .page-template-page-home-newbanner .banner-logos .logos-wrap-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .page-template-page-home-newbanner .banner-logos .logos-wrap {
        margin-top: 0px; 
        margin-bottom: 40px; 
        text-align: center; 
        justify-content: center;
        flex-wrap: wrap;
    }


    .page-template-page-home-newbanner .banner-logos .logo-item {
        float: left;
        width: 50% !important;
        height: 80px;
        line-height: 80px;
    }
    .page-template-page-home-newbanner .banner-logos .logo-item img {
        display: inline;
        vertical-align: middle;
        max-width: 80%;
        position: static;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
         max-height: 50px;
    }

    .page-template-page-home-newbanner .banner-logos img.small {max-width: 80%; max-height: 60px;} 
    .page-template-page-home-newbanner .banner-logos img {max-width: 80%;} 
    .page-template-page-home-newbanner .banner-logos img.large {max-width: 80%;}


}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), not all, not all{
    body.page-template-page-home-newbanner #logo a.logolink img.retina-logo {display: inline-block !important; opacity: 1 !important;}
    body.page-template-page-home-newbanner #logo a.logolink img.logocolor,
    body.page-template-page-home-newbanner .header #logo a.logolink img.logowhite {opacity: 0 !important; display: none !important;}


}

@media all and (max-width: 479px) {
    body.page-template-page-home-newbanner .wrap {max-width: 350px;}

    .band-homebanner .banner-title h2, 
    .band-homebanner .banner-title h1 {font-size: 3.2em;}


    .band-homebanner .band-shape.band-shape-6 {
        width: 40px;
    }

}

@media all and (max-width: 380px) {
    .band-homebanner .banner-title h2, 
    .band-homebanner .banner-title h1 {
        font-size: 3em;
    }
    .band-homebanner .banner-subtitle h1, 
    .band-homebanner .banner-subtitle h2 {
        font-size: 1.8em;
    }

    .band-homebanner .banner-title h2 br, 
    .band-homebanner .banner-title h1 br,
    .band-homebanner .banner-subtitle h1 br, 
    .band-homebanner .banner-subtitle h2 br {display: none;}

    body.page-template-page-home-newbanner .wrap {max-width: 320px;}
    a.read-more {padding: 8px 12px; margin-right: 10px; margin-bottom: 10px;}

    .band-homebanner .banner-background {
        height: 110%;
        height: calc(100% + 150px);
    }

}

/* :::::::::::: HOMEPAGE BANNER CHANGES END - JULY 2020 :::::::::::: */

/* :::::::::::: PARTNERS PAGE CHANGES - JUNE 2020 :::::::::::: */

.who-we-partner .single-who-block-wrap {
    width: 33.333%;
    float: left;
}

.who-we-partner .single-who-block-wrap .who-block-icon {
    max-width: 80%;
    float: none;
    margin: 0px auto;
}

.who-we-partner .single-who-block-wrap .who-block-text {
    width: 80%;
    float: none;
    padding: 0px;
    text-align: center;
    margin: 0px auto;
    margin-top: 20px;
}


.industry-partners {display: none;}
.partners-grid-title {
    width: 100%;
    float: left;
}
.partners-grid-title p {
    display: block;
    font-weight: 500;
    color: #3F6D7F;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.1;
    margin-bottom: 30px;
    margin-top: 50px;
}
.partners-grid-new {
    background: none !important; 
    margin-top: 0px;
    border-radius: 10px;
    width: 100%;
    float: left;
    overflow: hidden;
}
.partners-grid-new .grid-logo {
    width: 16.666%;
    border: 2px solid #F7F7F7;
    background: #ffffff;
    position: relative;
}

.partners-grid-new .grid-logo a.box-link {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
     background: transparent url('../images/box-link.png');
}

.partners-grid-new .grid-logo.empty {
    background: #f7f7f7;
    display: none;
}

.partners-grid-new .grid-logo img {
    max-width: 60%;
    max-height: 50%;
}


.integrations-partners h2,
.integrations-partners p {text-align: center;}

.integrations-partners .integrations-logos {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
    opacity: 0.8;
}

.integrations-partners .integrations-logos img {
    max-height: 60px;
    max-width: 200px;
    margin-top: 40px !important;
}

.integrations-partners .integrations-logos img:not(:first-child),
.integrations-partners .integrations-logos img:not(:last-child) {margin: 0px 20px;}

.integrations-partners .integrations-logos img:first-child {margin: 20px 20px 0px 0px;}
.integrations-partners .integrations-logos img:last-child {margin: 20px 0px 0px 20px;}


@media all and (max-width: 1300px) {
    .integrations-partners .integrations-logos {
        width: 80%;
        margin: 0px auto;
    }

    .integrations-partners .integrations-logos img {
        max-width: 180px;
        max-height: 50px;
    }

    .integrations-partners .integrations-logos img:last-child,
    .integrations-partners .integrations-logos img:first-child {margin: 20px 20px 0px 20px;}
}

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

    .integrations-partners .integrations-logos img {
        margin: 20px 10px 0px 10px;
    }

    .integrations-partners .integrations-logos img:not(:first-child), 
    .integrations-partners .integrations-logos img:not(:last-child) {margin: 20px 10px 0px 10px;}


}

@media all and (min-width: 899px) {

    .partners-grid-new .grid-logo:nth-child(6n - 5) {border-left: none !important;}

    .partners-grid-new .grid-logo:nth-child(6n) {border-right: none !important;}


    .partners-grid-new .grid-logo:nth-child(1),
    .partners-grid-new .grid-logo:nth-child(2),
    .partners-grid-new .grid-logo:nth-child(3),
    .partners-grid-new .grid-logo:nth-child(4),
    .partners-grid-new .grid-logo:nth-child(5),
    .partners-grid-new .grid-logo:nth-child(6) {border-top: none !important;}

    .partners-grid-new .grid-logo:nth-last-child(1),
    .partners-grid-new .grid-logo:nth-last-child(2),
    .partners-grid-new .grid-logo:nth-last-child(3),
    .partners-grid-new .grid-logo:nth-last-child(4),
    .partners-grid-new .grid-logo:nth-last-child(5),
    .partners-grid-new .grid-logo:nth-last-child(6) {border-bottom: none !important;}
}

@media all and (max-width: 898px) and (min-width: 480px) {
    .partners-grid-title p {margin-top: 30px; margin-bottom: 20px; font-size: 1.2em;}
    .partners-grid-new {margin-bottom: 0px;}
    .partners-grid-new .grid-logo {width: 33.333%;} 
    .partners-grid-new .grid-logo img {
        max-width: 70%;
        max-height: 60%;
		top: -25px;
    }

    .partners-grid-new .grid-logo:nth-child(3n - 2) {border-left: none !important;}

    .partners-grid-new .grid-logo:nth-child(3n) {border-right: none !important;}


    .partners-grid-new .grid-logo:nth-child(1),
    .partners-grid-new .grid-logo:nth-child(2),
    .partners-grid-new .grid-logo:nth-child(3) {border-top: none !important;}

    .partners-grid-new .grid-logo:nth-last-child(1),
    .partners-grid-new .grid-logo:nth-last-child(2),
    .partners-grid-new .grid-logo:nth-last-child(3) {border-bottom: none !important;}


}

@media all and (max-width: 767px) {
    .who-we-partner .single-who-block-wrap {width: 100%;}
    .integrations-partners .integrations-logos img {
        max-width: 30%;
        max-height: 40px;
        float: left;
        margin: 20px 20px 20px 20px !important;
    }
}

@media all and (max-width: 479px) {
    .partners-grid-new {margin-bottom: 30px;}
    .partners-grid-new .grid-logo {width: 50%;} 
    .partners-grid-new .grid-logo img {
        max-width: 70%;
        max-height: 60%;
		top: -25px;
    }

    .partners-grid-new .grid-logo:nth-child(odd) {border-left: none !important;}

    .partners-grid-new .grid-logo:nth-child(even) {border-right: none !important;}


    .partners-grid-new .grid-logo:nth-child(1),
    .partners-grid-new .grid-logo:nth-child(2) {border-top: none !important;}

    .partners-grid-new .grid-logo:nth-last-child(1),
    .partners-grid-new .grid-logo:nth-last-child(2) {border-bottom: none !important;}
    .integrations-partners .integrations-logos {width: 100%;}
    .integrations-partners .integrations-logos img {
        max-width: 40%;
        max-height: 40px;
        float: left;
    }

}


/* :::::::::::: PARTNERS PAGE CHANGES - JUNE 2020 (END) :::::::::::: */


/* ::::::::::: SITE SPEED OPTIMISATIONS - APRIL 2020 ::::::::::::: */

/*.band-promotional-banner  {
    background: #05a9cc !important;
    background: linear-gradient(to right, #05a9cc, #07b0b5) !important;
}*/

.home .cta-bar.band  {
    background: #39b8ff !important;
    background: -moz-linear-gradient(45deg, #05a9cc 0%, #07b0b5 100%) !important;
    background: -webkit-linear-gradient(45deg, #05a9cc 0%,#07b0b5 100%) !important;
    background: linear-gradient(45deg, #05a9cc 0%,#07b0b5 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a9cc', endColorstr='#07b0b5',GradientType=1 ) !important;
} 
.band-promotional-banner {background: #1c6187 !important; position: relative; z-index: 2;}

.home .homepage-quote-slider.blue-header {
    position: relative;
    width: 100%;
    float: left;
    background: #39b8ff !important;
    background: -moz-linear-gradient(45deg, #05a9cc 0%, #07b0b5 100%) !important;
    background: -webkit-linear-gradient(45deg, #05a9cc 0%,#07b0b5 100%) !important;
    background: linear-gradient(45deg, #05a9cc 0%,#07b0b5 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a9cc', endColorstr='#07b0b5',GradientType=1 ) !important;
}

.home .homepage-quote-slider.blue-header::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: url(/wp-content/themes/mpp/library/images/the-overlay-optimised.png);
    background-size: cover;
    opacity: 0.35;
}

@media all and (max-width: 767px) {
    .home .homepage-quote-slider.blue-header {float: none;}
}

/* :::::::::::: NEW TESTIMONIALS SLIDER - NOVEMBER 2019 ::::::::::::::: */

.industry-quote-slider .wrap {width: 1200px; max-width: 92%;}
.industry-quote-slider .slider-items {width: 80%; margin: 0px auto;}
.industry-quote-slider .case-study {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 1000px;
    max-width: 85%;
    outline: none !important;
}

.industry-quote-slider .slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
/*    max-width: 85%;
    width: 1000px;*/
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.industry-quote-slider .image-inner, 
.industry-quote-slider .quote-inner {float: left;}
.industry-quote-slider .quote-inner {width: 80%; width: calc(100% - 100px);}

.industry-quote-slider .image-inner img {width: 150px; background: #ffffff;}

.industry-quote-slider .quote-inner,
.industry-quote-slider .cs-quote {font-size: 14px !important;}
.industry-quote-slider .quote-inner {padding-left: 40px;}
.industry-quote-slider .quote-inner p,
.industry-quote-slider .quote-inner strong {color: #ffffff !important; text-align: left;}
.industry-quote-slider .quote-inner strong {margin-bottom: 0px !important;}
.industry-quote-slider .quote-inner p:not(.contact-details) {font-size: 1.4em; line-height: 1.4em; margin: 0px 0px 10px 0px;}
.industry-quote-slider .quote-inner p:not(.contact-details) a {color: #ffffff !important;}
.industry-quote-slider .quote-inner p:not(.contact-details) a:hover {opacity: 0.9;}
.industry-quote-slider .quote-inner p.contact-details {font-size: 1.2em; line-height: 1.2em; margin-top: 0px; margin-bottom: 0px; opacity: 0.9; font-style: italic;}

.slider-arrows svg {width: 100%; height: auto;}
.slider-arrows svg .cls-1 {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.slider-arrows svg:hover .cls-1 {opacity: 0.8;}
.slider-arrows .slider-left,
.slider-arrows .slider-right {
    width: 30px; 
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
}
.slider-arrows .slider-left {left: 0px;}
.slider-arrows .slider-right {right: 0px;}

@media all and (max-width: 767px) {
    .industry-quote-slider .slider-items {width: 100%;}
    .industry-quote-slider .slick-initialized .slick-slide {display: block !important;}

    .industry-quote-slider {padding: 50px 0px;}
    .industry-quote-slider .case-study {display: block !important; max-width: 100%;}
    .industry-quote-slider .image-inner, 
    .industry-quote-slider .quote-inner {
        float: none;
    }
    .industry-quote-slider .image-inner {margin-bottom: 30px;}
    .industry-quote-slider .image-inner img {width: 100px; display: inline-block;}
    .industry-quote-slider .quote-inner {padding-left: 0px; width: 100%;}
    .industry-quote-slider .quote-inner p, 
    .industry-quote-slider .quote-inner strong {text-align: center;}
    .industry-quote-slider .quote-inner p:not(.contact-details) {margin-bottom: 20px;}
    .industry-quote-slider .slider-arrows {
        width: 100%;
        position: relative;
        text-align: center;
    }
    .slider-arrows .slider-left, 
    .slider-arrows .slider-right {
        width: 20px;
        position: static;
        display: inline-block !important;
        float: none;
        margin: 40px 10px 0px 10px;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
    }
}

/* :::::::::::: NEW TESTIMONIALS SLIDER - NOVEMBER 2019 (END) ::::::::::::::: */

/* :::::::::::: BREADCRUMB CHANGES - NOVEMBER 2019 :::::::::::: */


/* H1 Style Changes */

.page-template-page-module .blue-header.module-header h1 {
    font-size: 1.3em;
    line-height: 1.3em;
    letter-spacing: normal;
    font-weight: normal;
} 

.page-template-page-module .intro-blocks.intro-blocks-md h3 {padding-top: 50px; font-size: 1.6em; line-height: 1.6em;}

p#breadcrumbs {
    opacity: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 5px;
}
p#breadcrumbs, p#breadcrumbs a, p#breadcrumbs span {
    color: #ffffff !important;
    font-size: 1.03em;
    line-height: 1.03em;
    font-weight: 400 !important;
    margin-top: 0px;
    margin-bottom: 15px;
}
.page-template-page-industry p#breadcrumbs {margin-bottom: 50px;}
.page-template-page-module p#breadcrumbs {/*margin-bottom: 0px;*/ margin-bottom: 50px;}

p#breadcrumbs a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

p#breadcrumbs a:hover {opacity: 0.8;}

p#breadcrumbs svg {
    width: 19px;
    height: 19px;
    position: relative;
    bottom: -3px;
}

.single-career p#breadcrumbs svg,
.single-factsheet p#breadcrumbs svg ,
.single-guide p#breadcrumbs svg,
.single-press-release p#breadcrumbs svg,
.single-webinar p#breadcrumbs svg,
.single-whitepaper p#breadcrumbs svg,
.single-post p#breadcrumbs svg,
.single-career p#breadcrumbs svg,
.single-event p#breadcrumbs svg {width: 17px; height: 17px;} 

.single-career p#breadcrumbs svg .cls-1,
.single-factsheet p#breadcrumbs svg .cls-1,
.single-guide p#breadcrumbs svg .cls-1,
.single-press-release p#breadcrumbs svg .cls-1,
.single-webinar p#breadcrumbs svg .cls-1,
.single-whitepaper p#breadcrumbs svg .cls-1,
.single-post p#breadcrumbs svg .cls-1,
.single-career p#breadcrumbs svg .cls-1,
.single-event p#breadcrumbs svg .cls-1 {fill: #5F767F; opacity: 0.8;}

.single-career p#breadcrumbs,
.single-factsheet p#breadcrumbs,
.single-press-release p#breadcrumbs,
.single-guide p#breadcrumbs,
.single-webinar p#breadcrumbs,
.single-whitepaper p#breadcrumbs,
.single-post p#breadcrumbs,
.single-career p#breadcrumbs a,
.single-factsheet p#breadcrumbs a,
.single-press-release p#breadcrumbs a,
.single-guide p#breadcrumbs a,
.single-webinar p#breadcrumbs a,
.single-whitepaper p#breadcrumbs a,
.single-post p#breadcrumbs a,
.single-career p#breadcrumbs span,
.single-factsheet p#breadcrumbs span,
.single-press-release p#breadcrumbs span,
.single-guide p#breadcrumbs span,
.single-webinar p#breadcrumbs span,
.single-whitepaper p#breadcrumbs span,
.single-post p#breadcrumbs span,
.single-event p#breadcrumbs,
.single-event p#breadcrumbs a,
.single-event p#breadcrumbs span {color: #5F767F !important; font-size: 1.01em !important; line-height: 1.01em !important;}

p#breadcrumbs a {position: relative; z-index: 2;}

span[typeof="v:Breadcrumb"]:not([rel="v:child"]) a {margin-right: 5px;}

span[rel="v:child"] a {
    margin-left: 5px;
    margin-right: 5px;
}

span.breadcrumb_last {
    margin-left: 5px;
}

.big-header p#breadcrumbs a {border: none !important; padding: 0px !important}

.single-case-study .big-header {max-height: 550px !important; min-height: 330px !important;}

@media all and (max-width: 767px) {
    .page-template-page-module .blue-header.module-header h1 {margin-top: 5px;}
}

@media all and (min-width: 768px) and (max-height: 880px) {
    .header-industry.blue-header .header-image {
        max-height: 370px;
        width: auto;
    }
}

/* :::::::::::: BREADCRUMB CHANGES - NOVEMBER 2019 (END) :::::::::::: */

/* ::::::::::: INDUSTRY PAGE FULL-WIDTH LOGOS ROW - NOVEMBER 2019 ::::::::::::: */
.page-template-page-industry .industry-intro {padding-bottom: 35px;}
.page-template-page-industry .we-work-with {margin-bottom: 50px;}
.page-template-page-industry .we-work-with:not(.mobwork) {
    height: 105px;
    overflow: hidden;
}
.page-template-page-industry .we-work-with .wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-wrap: wrap;
    width: 80%;
    max-width: 1182px;
    -webkit-filter: grayscale(100%) opacity(0.7);
    filter: grayscale(100%) opacity(0.7);
}
.page-template-page-industry .we-work-with .logo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    opacity: 0.85;  
}

 .padding-div {padding-bottom: 75px; background: #ffffff;}

@media all and (max-width: 1020px) {
    .page-template-page-industry .we-work-with .wrap {width: 92%;}
}

@media all and (min-width: 767px) {
    .page-template-page-industry .we-work-with .logo {
        width: 10%;
        margin: 0 1.4%;
    }
    .page-template-page-industry .we-work-with .logo:first-child {margin-left: 0px;}
    .page-template-page-industry .we-work-with .logo:last-child {margin-right: 0px;}
    .page-template-page-industry .we-work-with .logo img {max-width: 100%;}
}

@media all and (max-width: 767px) {
    .page-template-page-industry .industry-intro {padding-bottom: 0px;}
    .page-template-page-industry .we-work-with {padding-bottom: 35px;}
    .page-template-page-industry .we-work-with:not(.mobwork) {height: auto;}
    .page-template-page-industry .we-work-with .logo {
        width: 33.33%;
        height: 90px;
    }
    .page-template-page-industry .we-work-with .logo img {
        max-width: 100px;
        max-height: 60px;
    }
    .padding-div {padding-bottom: 35px;}

}

/* ::::::::::: INDUSTRY PAGE FULL-WIDTH LOGOS ROW END - NOVEMBER 2019 ::::::::::::: */


/* :::::::::::: VACANCIES TAB CHANGES - NOVEMBER 2019 :::::::::::: */

.job-posts .cp-wrap {
    display: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.job-posts .cp-wrap-form {display: none;}

.cp-wrap-form .vacancy-form {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    padding-top: 30px;
}

.cp-wrap-form .vacancy-form h3,
.cp-wrap-form .vacancy-form p {
    text-align: left;
    margin-bottom: 20px;
}

.cp-wrap-form .vacancy-form p {font-size: 18px; line-height: 22px;}

.job-posts form {
    width: 100%;
    text-align: left !important;
}

.job-posts form input[type="text"],
.job-posts form input[type="email"],
.job-posts form input[type="number"],
.job-posts form textarea {
    border: none !important;
    border-radius: 5px;
    background: #ffffff;
    width: 100%;
    outline: none !important;
    font-size: 14px;
    font-family: Gesta,Arial,Sans-Serif;
    color: #647882 !important;
}

#field_75_5 {margin-top: 20px; margin-bottom: 20px;}

@media all and (max-width: 767px) {
    .cp-wrap-form .vacancy-form h3 {font-size: 20px; line-height: 24px;}
}

/* :::::::::::: VACANCIES TAB CHANGES - NOVEMBER 2019 END :::::::::::: */

.mktoForm .mktoButton {
    background-image: none !important;
    background-color: #08aacc !important;
    border: 0px !important;
    padding: 8px 38px !important;
    font-size: 18px !important;
    color: #FFFFFF !important;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
    min-width: 200px !important;
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae)) 0 0/150% auto !important;
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    padding: 17px 22px !important;
    font-family: inherit !important;
    text-decoration: none !important;
    text-shadow: 0px !important;
    box-shadow: 0px !important;
}

.landing-page-form-wrapper .mktoForm .mktoButtonRow {width: 100%;}

.mktoForm input,
.mktoForm label,
.mktoForm .mktoError .mktoErrorMsg,
.mktoForm button.mktoButton,
.resource-form .mktoForm button.mktoButton,
.cta-bar .form-wrap button.mktoButton {
    font-family: Gesta, Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

/* ::::::::::::: SEPTEMBER 2019 CHANGES ::::::::: */
.whitepaper-header ul,
.whitepaper-header ol {margin-left: 17px;}
.whitepaper-header ol li {list-style-type: decimal !important;}
.whitepaper-header ul li {
    list-style-type: disc !important;
    margin-bottom: 5px;
}

/* ::::::::::::: SEPTEMBER 2019 CHANGES END ::::::::: */

/* ::::::::::::: AUGUST 2019 CHANGES :::::::::::::::: */

/* ---- PRESS RELEASE/BLOG MARKETO ---*/

.single-press-release #mktoForm_1266 textarea#MktoPersonNotes,
.single-post #mktoForm_1266 textarea#MktoPersonNotes {
    width: 100% !important;
    height: 46px !important;
}

/* ---- Careers Page PDF Embed ---*/

@media all and (max-width: 757px) {
    .pdf-embed,
    .pdf-embed div {height: 450px !important;}
}

/* ::::::::::::: AUGUST 2019 CHANGES END :::::::::::::::: */

/* ::::::::::::: JULY 2019 CHANGES ::::::::: */

a.module-cta {margin-top: 20px;}
@media all and (max-width: 767px) {
    a.module-cta {margin-bottom: 30px; font-size: 1.1em; text-align: center;}
}

/* ::::::::::::: JULY 2019 CHANGES END ::::::::: */

/* ::::::::::::: MARCH 2019 CHANGES::::::::: */

.footer-mailinglist .white {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.footer-mailinglist .white.focused {
    box-shadow: 0px 0px 0px 2px #00accd;
}

.footer-mailinglist .mktoFormRow:nth-child(3),
.footer-mailinglist .mktoFormRow:nth-child(4) {display: none;}

.sidebar .mailing-list p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 30px;
    color: #5F767F;
}

.sidebar .mailing-list a.button {
    min-width: 100% !important;
    display: block;
    text-shadow: none;
    font-family: Gesta,Arial,Sans-Serif !important;
    font-weight: 500;
    border: 2px solid #0DACCB !important;
    text-align: center;
    padding: 8px 0px !important;
    background: #0DACCB !important;
}
.sidebar .mailing-list a.button:hover {
    color: #0DACCB !important;
    background: #ffffff !important;
}

.sidebar .mailing-list a.button:hover::after {background: none !important}

/* ::::::::::::: Industries Hub Additions ::::::::::::: */

.home-industries .button {margin-top: 50px;}

.band-industrieshub {padding-top: 0px !important;}

.band-industrieshub .industry-block {
    width: 19%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}


.band-industrieshub .flexbox-industry-blocks .industry-block:first-child {margin-left: 0px; margin-right: 1%;}
.band-industrieshub .flexbox-industry-blocks .industry-block:last-child {margin-right: 0px; margin-left: 1%;}

.band-industrieshub.results-4 .industry-block {
    width: 24%;
    margin-left: 0.5% !important;
    margin-right: 0.5% !important;
}

.band-industrieshub.results-3 .industry-block {
    width: 32%;
    margin-left: 0.8333%;
    margin-right: 0.8333%;
}

.band-industrieshub.results-3 .band-industrieshub .flexbox-industry-blocks .industry-block:first-child {margin-left: 0px; margin-right: 1.3333%;}
.band-industrieshub.results-3 .band-industrieshub .flexbox-industry-blocks .industry-block:last-child {margin-right: 0px; margin-left: 1.3333%;}

.band-industrieshub.results-2 .industry-block {
    width: 49%;
    margin-left: 0.5% !important;
    margin-right: 0.5% !important;
}

.band-industrieshub .flexbox-industry-blocks {margin-bottom: 30px;}

.band-industrieshub .module-intro h1 {padding: 20px 10%;}

@media screen and (max-width: 768px) {
    .band-industrieshub .industry-block,
    .band-industrieshub.results-4 .industry-block,
    .band-industrieshub.results-3 .industry-block,
    .band-industrieshub.results-2 .industry-block {
        width: 100% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        margin-bottom: 30px;
    }
    .band-industrieshub .flexbox-industry-blocks {margin-bottom: 0px;}

    .home-industries .button {margin-top: 15px;}
}


/* ::::::::::::: START: Marketo Forms Additions - 13/06/18 ::::::::::::: */

.mktoForm .mktoError .mktoErrorMsg {
    display: block;
    margin-top: 7px;
    background-color: #08aacc !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    border: none !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 17px !!important;
    padding: 7px 9px !important;
    text-shadow: none !important;
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae)) 0 0/150% auto !important;
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
}

.mktoForm .mktoError .mktoErrorArrow {
    background-color: #35A7A9 !important;
    border: none !important;
}

.mktoForm input:focus, 
.mktoForm  select:focus, 
.mktoForm textarea:focus {
    background: #ffffff;
}

/* ::::::::::::: END: Marketo Forms Additions - 13/06/18 ::::::::::::: */

/* ::::::::::::: START: Marketo Forms Additions - 12/12/18 ::::::::::::: */



.mktoForm input#honeypotfield, 
.mktoForm label[for="honeypotfield"] {
    display: none !important;
}

.eightcol.cf-main-wrap .mktoForm textarea#MktoPersonNotes,
.cta-bar .form-wrap .mktoForm textarea#MktoPersonNotes,
.eightcol.cf-main-wrap .mktoForm textarea#Lead_Source_Detail__c,
.cta-bar .form-wrap .mktoForm textarea#Lead_Source_Detail__c,
.band.cs-overview.whitepaper-mid .mktoForm textarea#MktoPersonNotes,
.band.cs-overview.whitepaper-mid .mktoForm textarea#Lead_Source_Detail__c {
    width: 214% !important;
    max-width: 785px;
    resize: vertical !important;
    outline: none !important;
    padding: 10px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.event-form .mktoForm textarea#MktoPersonNotes {
    height: 46px; 
    min-height: 46px !important; 
    resize: vertical !important;
    /*width: 208% !important;*/
}

.event-form .mktoForm .mktoFormRow:nth-child(6) {
   display: none;
}

.event-form .mktoForm .mktoButtonWrap,
.event-form .mktoForm .mktoButtonRow {text-align: left !important;}
.event-form form.mktoForm {/*background: none !important;*/}

.event-form .mktoForm input[type=text], 
.event-form .mktoForm input[type=url], 
.event-form .mktoForm input[type=email], 
.event-form .mktoForm input[type=tel], 
.event-form .mktoForm input[type=number], 
.event-form .mktoForm input[type=date], 
.event-form .mktoForm textarea, 
.event-form .mktoForm select {border: 1px solid #d3d3d3; border-radius: 5px; border-width: 1px !important; /*border-color: #d3d3d3 !important;*/}

.event-form .mktoForm input::placeholder,
.event-form .mktoForm textarea::placeholder {opacity: 0.6 !important;}

.event-form .mktoForm {/*padding: 20px 0px !important;*/}
.event-form .mktoForm .mktoFieldWrap {margin: 5px 0px !important;}

.event-form .mktoForm .mktoFormRow .mktoFormCol:nth-child(odd) {padding-right: 7px;}
.event-form .mktoForm .mktoFormRow .mktoFormCol:nth-child(even) {padding-left: 7px;}

.event-form .mktoForm .mktoFormRow label[for="marketingOptIn"] {display: none;}

.wp-widget.text-center.events-sidebar {margin-top: 0px;}

@media screen and (max-width: 760px;) {
    .wp-widget.text-center.events-sidebar {margin-top: 30px;}
}

.cta-bar .form-wrap .mktoForm input[type=text], 
.cta-bar .form-wrap .mktoForm input[type=url], 
.cta-bar .form-wrap .mktoForm input[type=email], 
.cta-bar .form-wrap .mktoForm input[type=tel], 
.cta-bar .form-wrap .mktoForm input[type=number], 
.cta-bar .form-wrap .mktoForm input[type=date], 
.cta-bar .form-wrap .mktoForm textarea, .mktoForm select {
     padding: 10px !important;
}

.cta-bar .form-wrap label[for="marketingOptIn"].mktoLabel a {
    display: inline;
    padding: 0px;
    border: none !important;
}
.cta-bar .form-wrap label[for="marketingOptIn"].mktoLabel a:hover {
    color: inherit !important;
    border: none !important;
}

.cta-bar .form-wrap .mktoForm textarea#MktoPersonNotes,
.cta-bar .form-wrap .mktoForm textarea#Lead_Source_Detail__c {max-width: 805px !important;}

.cta-bar .form-wrap .mktoForm .mktoFieldWrap {margin-top: 5px !important; margin-bottom: 5px !important;}

.eightcol.cf-main-wrap .mktoForm .mktoButton {
    font-style: normal !important;
    font-weight: 500 !important;
    font-family: Gesta,Arial,Sans-Serif !important;
    font-size: 23px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.cta-bar .form-wrap {
    background: rgba(255,255,255,1);
    border-radius: 5px;
    margin: 0px auto;
    max-width: 700px;
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 15px;
}

.cta-bar .form-wrap h3 {
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 27px;
    padding: 0px 2%;
}

.cta-bar .form-wrap form {background: none !important; width: 96% !important; margin: 0px auto !important; padding: 0px !important;}
.cta-bar .form-wrap input,
.cta-bar .form-wrap textarea {background: #ebf0f2 !important;}
.cta-bar .form-wrap .mktoButtonRow {
    display: block !important;
    text-align: right;
}

.cta-bar .form-wrap .mktoButton {
    background-image: none !important;
    background-color: #08aacc !important;
    border: 0px !important;
    padding: 8px 38px !important;
    font-size: 18px !important;
    color: #FFFFFF !important;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
    min-width: 150px !important;
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae)) 0 0/150% auto !important;
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    padding: 14px 22px !important;
    font-family: inherit !important;
    text-decoration: none !important;
    text-shadow: 0px !important;
    box-shadow: 0px !important;
}

.landing-page-form-wrapper form.mktoForm {
    background: none !important;
    padding: 0px !important;
    border: none !important;
    width: 100% !important;
}

.landing-page-form-wrapper .mktoForm .mktoFormCol {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.landing-page-form-wrapper .mktoForm label {color: #ffffff !important;}

.landing-page-form-wrapper .mktoForm .mktoRadioList {width: 100% !important;}
.landing-page-form-wrapper .mktoForm .mktoButtonWrap {width: 100% !important; margin: 0px !important;}
.landing-page-form-wrapper .mktoForm .mktoButtonWrap button {width: 100% !important; min-width: none !important;}


.landing-page-form-wrapper .mktoForm label[for="Marketing_Opt_In__c"] {
    width: 90% !important;
    width: calc(100% - 30px) !important;
    float: right;
}

.landing-page-form-wrapper .mktoForm .mktoCheckboxList  {
    width: 30px !important;
    float: left;
}



.landing-page-form-wrapper .mktoForm label[for="marketingOptIn"] {display: none;}

.landing-page-form-wrapper .mktoForm textarea {resize: vertical !important;}

.landing-page-form-wrapper .mktoForm .mktoFieldWrap {
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
}




@media screen and (max-width: 767px) {
    .eightcol.cf-main-wrap .mktoForm textarea#MktoPersonNotes,
    .cta-bar .form-wrap .mktoForm textarea#MktoPersonNotes,
    .eightcol.cf-main-wrap .mktoForm textarea#Lead_Source_Detail__c,
    .cta-bar .form-wrap .mktoForm textarea#Lead_Source_Detail__c,
    .band.cs-overview.whitepaper-mid .mktoForm textarea#MktoPersonNotes,
    .band.cs-overview.whitepaper-mid .mktoForm textarea#Lead_Source_Detail__c,
    .event-form .mktoForm textarea#MktoPersonNotes {width: 100% !important;}

     .eightcol.cf-main-wrap form.mktoForm {padding-top: 20px !important;}
}

/* ::::::::::::: END: Marketo Forms Additions - 12/12/18 ::::::::::::: */

/* ::::::::::::: START: Cookie Notice Additions - 12/09/18 ::::::::::::: */

#cookie-notice {
    font-family: Gesta, Arial, Sans-Serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    transition: 250ms transform ease;
    -webkit-transition: 250ms -webkit-transform ease;
    -moz-transition: 250ms -moz-transform ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#cookie-notice #cn-notice-text {
 margin-bottom: 10px;
 display: inline-block;
}

#cookie-notice .cn-button {
    font-family: Gesta, Arial, Sans-Serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    border-radius: 5px;
    background: #FFF;
    text-shadow: none;
    color: #3B465A;
}

#cookie-notice .cn-button:hover {
    border-color: #A3D2D6;
    background: #3B465A !important;
    color: #FFF;
}

#cookie-notice .cn-button:hover:after {
    display: none;
}

@media screen and (min-width: 768px) {
   #cookie-notice #cn-notice-text {
     margin-bottom: 0px;
   }
}

/* ::::::::::::: END: Cookie Notice Additions - 12/09/18 ::::::::::::: */

/* ::::::::::::: START: Homepage Promotion Band Additions - 18/09/18 ::::::::::::: */

.band-promotional-banner {
    /*background: #fff;*/
    background: url('/wp-content/themes/mpp/library/images/cta-bar-bg.jpg') no-repeat center/cover;
    padding-top: 25px;
    padding-bottom: 25px;
}

.band-promotional-banner .wrap {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.band-promotional-banner .promotional-image,
.band-promotional-banner .promotional-description,
.band-promotional-banner .promotional-link {
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.band-promotional-banner .promotional-image,
.band-promotional-banner .promotional-description {position: relative; cursor: pointer;}

.band-promotional-banner .promotional-image:hover,
.band-promotional-banner .promotional-description:hover {opacity: 0.8;}


.band-promotional-banner .promotional-image .box-link,
.band-promotional-banner .promotional-description .box-link {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1000;
    border-bottom: none !important;
}

.band-promotional-banner .promotional-image img {
    max-height: 120px;
    width: auto;
    float: left;
    max-width: 100%;
    border-radius: 10px;
}

.band-promotional-banner .promotional-description {margin-bottom: -10px;}

.band-promotional-banner .promotional-description h3 {
    width: 100%;
    text-align: left;
    /* margin: 0px auto; */
    margin-bottom: 5px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 24px;
}

.band-promotional-banner .promotional-description p {
    color: #fff;
    font-size: 17px;
    line-height: 21px;
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0px;
}

.band-promotional-banner .first {margin-left: -1%;}
.band-promotional-banner .promotional-link {text-align: right;}
.band-promotional-banner .promotional-link a:after {background: none;}
.band-promotional-banner .promotional-link a.button.white-nomid {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 20px;
    margin-left: -2%;
}

.band-promotional-banner .cross-wrapper {
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
}

.band-promotional-banner .cross {
    background: #fff;
    height: 25px;
    position: relative;
    width: 2.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    float: right;
    margin-right: 12.5px;
    cursor: pointer;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

.band-promotional-banner .cross:after {
    background: #fff;
    content: "";
    height: 2.5px;
    left: -11.25px;
    position: absolute;
    top: 11.25px;
    width: 25px;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

.band-promotional-banner .cross-wrapper:hover .cross,
.band-promotional-banner .cross-wrapper:hover .cross:after {
    background: #233846;
}


@media only screen and (min-width: 1030px) {
    /*.home .header {margin-top: -5px;}*/
}

@media only screen and (max-width: 1030px) {
    .band-promotional-banner .promotional-link a.button.white-nomid {font-size: 17px;}
}

@media only screen and (min-width: 768px) and (max-width: 1030px) and (orientation: portrait) {
    .band-promotional-banner .promotional-link a.button.white-nomid {font-size: 15px;}
}


@media only screen and (max-width: 882px) {
    .band-promotional-banner {display: none;}
}


/* ::::::::::::: END: Homepage Promotion Band Additions ::::::::::::: */



/**
 * STYLESHEET
 **/

 a.anchor {
    margin-top: -30px !important;
    position: absolute !important;
}

.commentlist,
.sidebar ol,
.sidebar ul {
    list-style: none
}
.cf-main-wrap .gform_wrapper,
.clearfix,
.resource-form-wrap .gform_body {
    zoom: 1
}

.whitepaper-mid.bottom-form {
    padding-top: 0px !important;
    background-color: #ECEBEB;
}

.whitepaper-mid.bottom-form input {
    text-align: center;
}

.whitepaper-mid.bottom-form .wrap {
    padding-top: 30px;
}

.bottom-form .resource-form-wrap {
    margin: 0px auto !important;
    float: none !important;
    display: block;
}

.cf-main-wrap .gform_wrapper:after,
.cf-main-wrap .gform_wrapper:before,
.clearfix:after,
.clearfix:before,
.resource-form-wrap .gform_body:after,
.resource-form-wrap .gform_body:before {
    content: "";
    display: table
}
.cf-main-wrap .gform_wrapper:after,
.clearfix:after,
.resource-form-wrap .gform_body:after {
    clear: both
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.image-replacement {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}
span.amp {
    font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif!important;
    font-style: italic
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.alert-error,
.alert-help,
.alert-info,
.alert-success {
    margin: 10px;
    padding: 5px 18px;
    border: 1px solid
}
.alert-help {
    border-color: #e8dc59;
    background: #ebe16f
}
.alert-info {
    border-color: #bfe4f4;
    background: #d5edf8
}
.alert-error {
    border-color: #f8cdce;
    background: #fbe3e4
}
.alert-success {
    border-color: #deeaae;
    background: #e6efc2
}
ul#tabs li a {
    -webkit-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    transition: all 150ms ease-in
}
body {
    font-family: Gesta, Arial, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    overflow-x: hidden;
    line-height: 1.6;
    color: #5F767F;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.page-template-default.standard-page ul {
    padding-left: 20px;
    list-style-type: disc
}
.page-template-default.standard-page ol {
    padding-left: 20px;
    list-style-type: decimal
}
.page-template-default .standard-bottom-content.Sitemap ol,
.page-template-default .standard-bottom-content.Sitemap ul {
    padding-left: 0;
    list-style-type: none
}
#content.sitemap a {
    text-decoration: none
}
#content.sitemap a:hover {
    color: #3aa8cc
}
#content.sitemap .dotted-intro .wrap {
    padding: 20px 5%
}
#content.sitemap .standard-bottom-content .wrap {
    max-width: 600px
}
#content.sitemap .standard-bottom-content li {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    background: #fff;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
#content.sitemap .standard-bottom-content li:hover {
    background: #f9f9f9
}
#content.sitemap .standard-bottom-content li:hover ul.children li {
    border: none;
    background: #f9f9f9
}
#content.sitemap .standard-bottom-content li.page-item-2108,
#content.sitemap .standard-bottom-content li.page-item-2784,
#content.sitemap .standard-bottom-content li.page-item-2786,
#content.sitemap .standard-bottom-content li.page-item-388,
#content.sitemap .standard-bottom-content li.page-item-8 {
    display: none
}
#content.sitemap .standard-bottom-content li ul.children {
    padding-left: 20px;
    font-size: .9em
}
#content.sitemap .standard-bottom-content li ul.children li {
    border: none;
    background: #fff
}
.black-overlay {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #21404e;
    opacity: 0;
    pointer-events: none;
    display: none
}
.cookies {
    position: fixed;
    font-size: .92em;
    line-height: 1.6em;
    box-shadow: -3px -3px 23px rgba(0, 0, 0, .25);
    bottom: 25px;
    right: 25px;
    width: 220px;
    border-radius: 6px;
    padding: 20px;
    background: #fff;
    z-index: 888
}
.cookies a {
    font-weight: 500!important
}
.cookies p {
    margin-top: 0;
    display: inline-block
}
.cookies .accept-close {
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #3baace;
    overflow: hidden;
    font-weight: 500;
    width: 100%;
    font-size: 1.1em;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.cookies .accept-close:hover {
    background: #216a82
}
.showmob {
    display: block
}
.hidemob {
    display: none
}
a {
    cursor: pointer;
    outline: 0
}
a:focus {
    outline: 0
}
a.more:hover,
a:hover {
    color: #3F6C7F
}
body.menu-open,
html.menu-open {
    overflow: hidden
}
hr {
    margin-bottom: 25px;
    border: 1px solid #ccc;
    color: #ccc
}
strong {
    font-weight: 700
}
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    outline: 0
}
img:focus {
    outline: 0
}
img.caselogo {
    display: block;
    margin: 0 auto 20px;
    max-width: 180px
}
input:focus {
    outline: 0
}
a.logolink {
    display: inline-block;
    font-size: 0;
    position: relative
}
#container {
    background: #f9f9f9;
    width: 100%;
    position: relative;
    z-index: 2;
    display: block;
    transition: 250ms transform ease;
    -webkit-transition: 250ms -webkit-transform ease;
    -moz-transition: 250ms -moz-transform ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

/* START: Cookie Notice Override - 12/09/18 */

#container {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none
}
/* END: Cookie Notice Override - 12/09/18 */

#container.menu-open {
    -webkit-transform: translate3d(-65%, 0, 0);
    -moz-transform: translate3d(-65%, 0, 0);
    transform: translate3d(-65%, 0, 0);
    box-shadow: -5px 0 10px 1px rgba(0, 0, 0, .1)
}
#inner-content {
    padding-top: 30px;
    padding-bottom: 40px
}
.bgband {
    background: #fefae9
}
.error-content {
    background: #F5F5F5
}
.bands.error-page {
    padding: 25px 0;
    text-align: center;
    border-bottom: none
}
.bands.error-page h2 {
    padding-bottom: 15px;
    font-size: 32px;
    font-weight: 500
}
.bands.error-page a {
    text-decoration: none;
    color: #1BB0C2
}
.error-search {
    background: #fff;
    border-radius: 5px;
    padding: 18px;
    max-width: 550px;
    margin-top: 15px;
    display: inline-block
}
.error-search input[type=text] {
    background: 0 0;
    border: none;
    font-family: Gesta, Arial, Sans-Serif;
    font-size: 1.2em;
    font-weight: 200
}
.error-search input[type=submit] {
    text-indent: -9999px;
    border: none;
    background: url(../images/big-search.png) no-repeat center/30px;
    width: 30px;
    height: 30px
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input:focus,
    select:focus,
    textarea:focus {
        font-size: 16px;
        background: #eee
    }
}
.intro-copy {
    font-size: 18px;
    font-weight: 300;
    padding: 20px 0;
    background: #f0f0f0
}
.intro-copy p:first-of-type {
    padding-top: 0
}
.page-banner {
    margin-bottom: 40px
}
.page-banner img {
    height: 300px
}
.breadcrumb li {
    display: inline;
    margin-right: 3px;
    padding-right: 3px
}
.breadcrumb li:after {
    content: " >"
}
.breadcrumb a {
    display: inline
}
.blogpost ul {
    padding-left: 20px;
    list-style-type: disc
}
.blogpost ol {
    padding-left: 20px;
    list-style-type: decimal
}
.blogpost li {
    margin-bottom: 2px
}
.entry-content .authorpic {
    margin: 20px 0
}
.entry-content .authorpic img {
    width: auto;
    max-width: 50px;
    margin: 0;
    display: inline-block;
    float: left
}
.entry-content .authorpic p {
    float: left;
    margin-left: 20px
}
.comments {
    padding-top: 35px
}
#banner-area {
    background: #333;
    font-size: 1.2em;
    color: #fff;
    text-align: center;
    padding: 42% 0 60px
}
#banner-area .dividebar {
    margin: 0 auto 20px;
    display: none
}
#banner-area .button {
    display: inline-block;
    float: none;
    font-size: 15px;
    padding: 15px
}
#banner-area .buttonwrap {
    font-size: 0
}
#banner-area .slide-info {
    text-shadow: none;
    max-width: 820px;
    width: auto;
    padding: 10px;
    display: inline-block
}
#banner-area .slide-info h2 {
    font-size: 2.6em;
    line-height: 1.1em
}

/*h1 h2 refactor*/
.slide-info h1,
#banner-area .slide-info h2.homepage-title,
.slide-info h2 {
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #fff;
}

#banner-area .slide-info h2.homepage-title {font-size: 2.1em;}
#banner-area .slide-info h1.button-title {background: none;}
/*end*/

.slide-info h1,
.slide-info h2 {
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #fff
}
.slide-info p {
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: 300;
    margin-top: 10px
}
.slide-info .dividebar {
    width: 50px;
    height: 3px;
    background: rgba(255, 255, 255, .25);
    margin-bottom: 25px
}
.slide-info .button-title {
    display: block;
    font-size: .8em;
    font-weight: 500;
    margin-bottom: 22px
}

/*h1 h2 refactor*/
#banner-area .slide-info h1.button-title {
    display: block;
    font-size: .8em;
    font-weight: 500;
    margin-bottom: 22px
}
/*end*/

.slider .carousel-caption {
    position: static;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0;
    background: url(../images/cta-bar-bg.png) no-repeat center/cover
}
.carousel-caption {
    text-shadow: none!important
}
.pf-features {
    background: #F6F6F6
}
.pf-features.band {
    padding-bottom: 0
}
.pf-features .subtitle {
    margin-bottom: 50px
}
.pf-features .fourcol {
    text-align: center;
    margin-bottom: 30px
}
.pf-features .fourcol .inner {
    border: 1px solid transparent;
    width: 100%;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.pf-features .fourcol:hover .inner {
    background: #fff;
    border: 1px solid #eee;
    box-shadow: inset 1px 1px 7px rgba(0, 0, 0, .12);
    -webkit-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, .12);
    -moz-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, .12);
    -o-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, .12)
}
.pf-features .fourcol img {
    margin-bottom: 10px
}
.pf-features .fourcol strong {
    color: #3F6D7F;
    display: block;
    font-weight: 500;
    font-size: 1.25em
}
.pf-features .fourcol p {
    font-size: 1em;
    color: #5F767F;
    max-width: 260px;
    margin: 15px auto 0;
    font-weight: 400
}
.pf-features .fourcol a {
    color: #23B2BD;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out;
    font-weight: 500;
    font-size: 1em;
    text-decoration: none
}
.pf-features .fourcol .lm {
    margin-top: 10px;
    display: inline-block;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.pf-features .fourcol .lm:hover {
    color: #3F6C7F
}
.pf-features .fourcol .inner {
    display: inline-block;
    border-radius: 5px;
    padding: 20px
}
.pf-features .fourcol .inside strong {
    color: rgba(63, 108, 127, .75);
    font-size: 1.2em
}
.pf-features .fourcol.active-feat .inner {
    background: #fff;
    box-shadow: inset 1px 1px 7px rgba(0, 0, 0, .12);
    -webkit-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, .12);
    -moz-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, .12);
    -o-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, .12)
}
.pf-features .fourcol.active-feat .inner strong {
    color: #3F6C7F
}
.pf-over {
    background: #fff
}
a#read-more-about-the-challenge,
a#read-more-about-the-solution {
    text-decoration: none;
    font-weight: 500;
    color: #23B2BD;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
a#read-more-about-the-challenge:hover,
a#read-more-about-the-solution:hover {
    color: #597F92
}
#more-about-challenge,
#more-about-solution {
    display: none
}
#more-about-challenge p:first-of-type,
#more-about-solution p:first-of-type {
    margin-top: 0
}
.case-study-header {
    padding: 50px 0;
    background: url(../images/case-studies-header.jpg) no-repeat center/cover
}
.case-study-header h1 {
    font-size: 3.2em;
    font-weight: 700;
    color: #fff
}
.case-study-header p {
    color: #fff;
    margin-bottom: 0;
    font-size: 1.4em;
    font-weight: 400
}

.case-study-intro .button {
    font-size: 20px;
    line-height: 22px;
    margin-top: 20px;
}

#gform_5 input,
#gform_5 textarea {
    appearance: none;
    -webkit-appearance: none
}
.case-study-blocks {
    padding: 40px 0;
    background: #F6F6F6
}
.case-study-blocks .cs-block img {
    max-width: 180px
}
.slider .carousel-caption {
    top: 140px
}
.carousel-inner {
    padding-bottom: 0;
    margin: 0 auto;
    overflow: visible
}
.carousel-inner img {
    width: 100%
}
.hide,
.tabcontent {
    display: none
}
ul#tabs {
    font-size: 0;
    margin: 20px 0;
    border-bottom: 1px solid #ccad85
}
ul#tabs li {
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    margin-right: 1px
}
ul#tabs li.active a {
    background-color: #ccad85
}
ul#tabs li a {
    text-decoration: none;
    display: block;
    background-color: #fceeb8;
    padding: 10px 20px
}
ul#tabs li a:hover {
    color: #fff;
    background-color: #3d3c3c
}
.more-case-studies {
    background: #fff
}
.more-case-studies .fourcol {
    display: block;
    margin-bottom: 30px;
    min-height: 210px;
    background-size: cover!important;
    position: relative
}
.more-case-studies .fourcol .botshadow {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 92px;
    display: block;
    right: 0;
    box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, .75);
    -webkit-box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, .75);
    -o-box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, .75);
    -ie-box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, .75)
}
.more-case-studies .fourcol span {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-size: 1.7em;
    font-weight: 700
}
.more-case-studies .title {
    display: block;
    text-align: center;
    margin-bottom: 1.5em;
    color: #3F6C80;
    font-size: 1.85em;
    font-weight: 200
}
.testimonial {
    text-align: center;
    font-size: 16px
}
.testimonial h3 {
    font-weight: 100;
    margin-bottom: 20px
}
.testimonial p {
    font-weight: 300;
    margin: 0 40px 20px
}
.testimonial p.author {
    font-size: 16px;
    font-weight: 700
}
.testimonial .flexslider {
    background: 0 0
}
.carousel-indicators,
.flex-control-nav {
    display: none
}
.testimonial .flexslider .flex-prev,
.testimonial .flexslider:hover .flex-prev {
    left: 0
}
.testimonial .flexslider .flex-next,
.testimonial .flexslider:hover .flex-next {
    right: 0
}
.blogmain article {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd
}
.button {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    border-radius: 5px;
    text-decoration: none;
    padding: 17px 22px;
    font-size: 1.375em;
    transition: .25s all ease;
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -o-transition: .25s all ease;
    z-index: 10
}
.button:hover {
    cursor: pointer
}
.button.green-nomid {
    border: 2px solid #2DB6B7;
    border-radius: 5px;
    color: #30B6B7
}
.button.green-nomid:hover {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOWJiYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae));
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%);
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%);
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%);
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08aacc', endColorstr='#39bbae', GradientType=1);
    color: #fff
}
.button.green,
.cf-main-wrap .gform_wrapper input[type=submit],
.gform_wrapper input[type=submit] {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOWJiYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 0/150% auto;
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae)) 0 0/150% auto;
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08aacc', endColorstr='#39bbae', GradientType=1);
    padding: 17px 22px
}
.gform_button_select_files {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 0/150% auto;
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae)) 0 0/150% auto;
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08aacc', endColorstr='#39bbae', GradientType=1);
    padding: 17px 22px;
    color: white;
    border: 0;
    margin-left: 10px;
    font-weight: 400;
    font-size: 1.2em;
    font-family: Gesta, arial, sans-serif;
}
.button.green:hover,
.gform_wrapper input[type=submit]:hover {
    background-position: 40% 0;
    color: #fff
}
.button.light-green {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxY2Y5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YmMwOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #61cf93 0, #4bc09e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61cf93), color-stop(100%, #4bc09e));
    background: -webkit-linear-gradient(left, #61cf93 0, #4bc09e 100%);
    background: -o-linear-gradient(left, #61cf93 0, #4bc09e 100%);
    background: -ms-linear-gradient(left, #61cf93 0, #4bc09e 100%);
    background: linear-gradient(to right, #61cf93 0, #4bc09e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#61cf93', endColorstr='#4bc09e', GradientType=1)
}
.button.light-green:hover {
    color: #fff
}
.button.blue {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5YjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzFiOTNkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, #39b8ff 0, #1b93d7 73%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #39b8ff), color-stop(73%, #1b93d7));
    background: -webkit-linear-gradient(left, #39b8ff 0, #1b93d7 73%);
    background: -o-linear-gradient(left, #39b8ff 0, #1b93d7 73%);
    background: -ms-linear-gradient(left, #39b8ff 0, #1b93d7 73%);
    background: linear-gradient(to right, #39b8ff 0, #1b93d7 73%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#39b8ff', endColorstr='#1b93d7', GradientType=1)
}
.button.blue:hover {
    color: #fff
}
.button.white {
    background: #fff;
    color: #028AB0;
    text-shadow: none
}
.button.white-nomid {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff;
    text-shadow: none;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.button.white-nomid:hover {
    background: #fff;
    color: #028AB0
}
.button.tv {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5YjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzFiOTNkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, #39b8ff 0, #1b93d7 73%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #39b8ff), color-stop(73%, #1b93d7));
    background: -webkit-linear-gradient(left, #39b8ff 0, #1b93d7 73%);
    background: -o-linear-gradient(left, #39b8ff 0, #1b93d7 73%);
    background: -ms-linear-gradient(left, #39b8ff 0, #1b93d7 73%);
    background: linear-gradient(to right, #39b8ff 0, #1b93d7 73%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#39b8ff', endColorstr='#1b93d7', GradientType=1);
}
.button.tv:hover {
    color: #fff
}
.button.pub {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxY2Y5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YmMwOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #61cf93 0, #4bc09e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61cf93), color-stop(100%, #4bc09e));
    background: -webkit-linear-gradient(left, #61cf93 0, #4bc09e 100%);
    background: -o-linear-gradient(left, #61cf93 0, #4bc09e 100%);
    background: -ms-linear-gradient(left, #61cf93 0, #4bc09e 100%);
    background: linear-gradient(to right, #61cf93 0, #4bc09e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#61cf93', endColorstr='#4bc09e', GradientType=1);
}
.button.blue:focus,
.button.green:focus,
.button.pub:focus,
.button.pub:hover,
.button.tv:focus,
.gform_wrapper input[type=submit]:focus {
    color: #fff
}
.wrap {
    width: 92%;
    margin: 0 auto
}
a,
a:focus,
a:hover {
    color: #3d3c3c
}
a:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3)
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    font-family: Gesta, Arial, Sans-Serif;
    text-rendering: optimizelegibility;
    padding: 0;
    font-weight: 400;
    margin: 0;
    font-size: 2em;
    line-height: 1.2em;
    color: #1bb0c2;
    background: -webkit-gradient(linear, left top, right top, from(#0daccb), to(#2ab5b9));
    -webkit-background-clip: text;
}
.h1.nograd,
.h2.nograd,
.h3.nograd,
.h4.nograd,
.h5.nograd,
h1.nograd,
h2.nograd,
h3.nograd,
h4.nograd,
h5.nograd {
    background: 0 0;
}
.h1.blue,
.h2.blue,
.h3.blue,
.h4.blue,
.h5.blue,
h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue {
    color: #1894D8;
    background: 0 0;
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    text-decoration: none;
}
.h2,
h2 {
    font-size: 2.5em;
    letter-spacing: -1px
}
.box-icon-wrapper {
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 4px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzhiYmFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiYWFjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #38bbaf 0, #0baac9 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #38bbaf), color-stop(100%, #0baac9));
    background: -webkit-linear-gradient(-45deg, #38bbaf 0, #0baac9 100%);
    background: -o-linear-gradient(-45deg, #38bbaf 0, #0baac9 100%);
    background: -ms-linear-gradient(-45deg, #38bbaf 0, #0baac9 100%);
    background: linear-gradient(135deg, #38bbaf 0, #0baac9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#38bbaf', endColorstr='#0baac9', GradientType=1);
    line-height: 100px;
    margin-bottom: 15px
}
.box-icon-wrapper span {
    color: #fff;
    vertical-align: middle;
    font-family: streamline;
    font-size: 3.6em
}
.find-more .box-icon-wrapper {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzhiYmFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiYWFjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #5a8193 0, #3f6d80 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #5a8193), color-stop(100%, #3f6d80));
    background: -webkit-linear-gradient(-45deg, #5a8193 0, #3f6d80 100%);
    background: -o-linear-gradient(-45deg, #5a8193 0, #3f6d80 100%);
    background: -ms-linear-gradient(-45deg, #5a8193 0, #3f6d80 100%);
    background: linear-gradient(135deg, #5a8193 0, #3f6d80 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5A8193', endColorstr='#3F6D80', GradientType=1)
}
.header-wrapper {
    height: 88px
}
.header {
    background: #fff;
    height: 88px
}
.header #inner-header {
    padding-bottom: 15px
}
body.home .header #inner-header {
    padding-bottom: 0;
    margin-bottom: 0
}
.header .request-demo {
    float: right;
    margin-left: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-top: 6px;
    position: relative;
    overflow: hidden;
    border-radius: 5px
}



.header .request-demo a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 11
}
.button {
    position: relative
}
.button:after {
    content: "";
    opacity: 0;
    position: absolute;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.button:hover:after {
    opacity: 1
}
.button .buttontext {
    z-index: 39;
    position: relative
}
.slide-info .button.tv:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.slide-info .button.pub:after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.cs-slider .button:hover:after,
.cta-bar .button:hover:after,
.partners-blue .button:hover:after,
.we-helped .button:hover:after {
    opacity: 0
}
#logo {
    text-align: center;
    padding: 0
}
#logo img {
    margin-top: 20px;
    margin-left: 60px;
    display: inline-block;
    max-width: 90px
}
#logo img.retina-logo {
    display: none
}
#logo a.logolink img.logowhite {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}
.industry-dd {
    overflow: hidden;
    opacity: 1;
    display: none;
    text-align: center !important;
}
.platform-dd {
    overflow: hidden;
    opacity: 1;
    display: none
}
.industry-dd .ind-dd-item {
    padding: 0;
    display: inline-block;
    float: none;
}
.job-loc {
    color: #93A2A9;
    font-size: 1.4em
}
.hidden-logos {
    display: none
}
#banner-area {
    position: relative
}
#banner-area .vid-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/dots.png);
    z-index: 90
}
#banner-area .slide-images img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    opacity: 0;
    transition: .5s opacity ease;
    -webkit-transition: .5s opacity ease;
    -moz-transition: .5s opacity ease;
    -o-transition: .5s opacity ease
}
#banner-area .slide-images img.active {
    opacity: 1
}
#banner-area .slide-video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
#banner-area .slide-video video {
    width: 100%;
    height: auto
}
#banner-area .slide-info {
    z-index: 89;
    position: relative
}
#content.publishing-media .blue-header,
.page-id-430 .blue-header {
    background: url(../images/green-bg.jpg) no-repeat center/cover
}
#content.publishing-media .industry-intro h2,
.page-id-430 .industry-intro h2 {
    color: #56C799;
    background: -webkit-gradient(linear, left top, right top, from(#60ce94), to(#4bc09d));
    -webkit-background-clip: text;
}
#content.tv-entertainment .blue-header,
.page-id-194 .blue-header {
    background: url(../images/blue-bg.jpg) no-repeat center/cover
}
#content.tv-entertainment .industry-intro h2,
.page-id-194 .industry-intro h2 {
    color: #239DE2;
    background: -webkit-gradient(linear, left top, right top, from(#38b7fe), to(#1b93d7));
    -webkit-background-clip: text;
}
.blue-header {
    padding-top: 35px;
    position: relative;
    background: url(../images/cta-bar-bg.jpg);
    background-size:cover; 
}
.blue-header .wrap {
	position: relative;
	z-index: 5;
}
.page-template-page-industry .blue-header::after {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: url(../images/the-overlay-optimised.png);
	background-size:cover;
	opacity: 0.35;
}

/*h1 h2 refactor*/
/*.blue-header h1,*/
.blue-header h2 {
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, .1);
    font-size: 3em;
    font-weight: 500;
    letter-spacing: -1px
}

.blue-header .page-subtitle {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: 0px;
}
/*end*/
.blue-header .page-subtitle a {
    color: #fff;
    font-weight: 500
}
.blue-header .header-image {
    display: inline;
    margin-top: 10px;
    position: relative;
    z-index: 5
}
.blue-header.module-header {
    padding-top: 25px;
    padding-bottom: 25px
}
/*h1 h2 refactor*/
.blue-header.module-header h1,
.blue-header.module-header h2 {
    color: #fff;
    margin-top: 0;
    letter-spacing: -1px;
    font-size: 2.5em;
    font-weight: 500
}
/*.module-intro { */
.module-intro h1 {
    font-size: 1.5em;
    line-height: 1.6em;
    font-weight: 200;
    color: #5F767F;
    padding: 20px 5px;
    text-align: center;
    letter-spacing: -.5px;
    background: url(../images/module-intro-bottom.png) repeat-x bottom;
    margin-bottom: 20px
}
/*end*/
.module-blocks .career-block {
    background: url(../images/module-intro-bottom.png) repeat-x bottom;
    padding: 45px 0
}
.module-blocks .career-block .content {
    margin-bottom: 20px
}
.module-blocks .career-block::after {
    content: ''!important
}
.module-blocks .career-block h4 {
    color: #597F92;
    font-weight: 700;
    font-size: 1.5em
}
.module-blocks .career-block p.snippet {
    font-size: 1.1em
}
.module-blocks .career-block:last-of-type {
    background: 0 0
}
.module-blocks .career-block:first-of-type {
    padding-top: 0
}
.industry-intro {
    padding-top: 75px;
    padding-bottom: 35px;
    color: #5F767F;
    background: #fff
}
.industry-intro h2 {
    letter-spacing: -1px;
    max-width: 733px;
    margin: 0 auto 26px;
    line-height: 1.35
}
.industry-intro .intro {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -.5px;
    color: #5F767F;
    line-height: 1.7;
    font-weight: 500;
    font-size: 1.15em
}
.industry-intro .sixcol:last-of-type img {
    margin-top: 30px
}
.industry-solutions {
    background: #F9F9F9;
    text-align: center
}
.industry-solutions .subtitle {
    margin-top: 10px;
    margin-bottom: 30px
}
.solutions-items {
    text-align: center
}
.solutions-items .item {
    margin-bottom: 50px;
    padding: 0 25px
}
.solutions-items .item .info-title {
    margin-top: 25px;
    color: #3F6C7F;
    margin-bottom: 20px;
    font-size: 1.3em;
    display: block;
    font-weight: 500
}
.solutions-items .item p {
    color: #5F767F;
    font-size: 1em;
    line-height: 1.7
}
.whos-it-for {
    background: #fff
}
.whos-it-for .subtitle {
    margin-bottom: 15px
}
.whos-it-for .who-block {
    padding: 0 5px;
    margin-bottom: 30px
}
.whos-it-for img {
    margin-bottom: 15px;
    border-radius: 5px
}
.whos-it-for .title {
    color: #3F6C80;
    display: block;
    font-size: 1.45em;
    font-weight: 500;
    margin-bottom: 15px
}
.whos-it-for .who-block p {
    margin-top: 0;
    font-size: 1em;
    line-height: 1.5;
    color: #69777D
}
.who-we-partner {
    background: #f7f7f7
}
.who-we-partner img {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 25px;
    max-width: 100px
}
.who-we-partner .title {
    display: block;
    font-weight: 500;
    color: #3F6D7F;
    font-size: 1.5em
}
.who-we-partner .fourcol p {
    color: #5F767F;
    font-size: 1em;
    max-width: 364px;
    display: inline-block
}
.partners-blue {
    background: url(../images/blue-pattern.jpg) no-repeat center/cover
}
.partners-blue .wrap h2 {
    color: #fff;
    text-align: center;
    font-weight: 200;
    margin-bottom: 30px
}
.partners-blue .wrap .button {
    padding: 16px 23px;
    margin-top: 15px;
    border: 2px solid transparent;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out
}
.partners-blue .wrap .button:hover {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff
}
.above-blue-blocks .threecol {
    padding: 0 5px;
    margin-bottom: 20px
}
.above-blue-blocks .white-bubble {
    position: relative;
    background: #fff;
    line-height: 190px;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 20px
}
.above-blue-blocks .white-bubble:after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    line-height: 0;
    content: url(../images/bubble-tail.png)
}
.above-blue-blocks .white-bubble img {
    vertical-align: middle;
    max-width: 90%
}
.above-blue-blocks .sep {
    background: #51B5D2;
    width: 30px;
    height: 5px;
    display: block;
    margin: 11px auto 0
}
.above-blue-blocks .title {
    font-weight: 700;
    font-size: 1.5em;
    color: #fff
}
.above-blue-blocks p {
    color: #fff;
    line-height: 1.7
}
.supporting-partners h2 {
    font-weight: 200;
    font-size: 2.6em;
    color: #5A8193;
    margin-top: 25px;
    margin-bottom: 25px
}
.supporting-partners .icon {
    line-height: 40px;
    display: block;
    font-size: 52px
}
.supporting-partners .intro {
    font-size: 1.25em;
    font-weight: 500;
    color: #5F767F;
    letter-spacing: -.5px;
    line-height: 1.7;
    margin-bottom: 25px
}
.supporting-partners .content p {
    margin: 20px 0;
    color: #5F767F;
    line-height: 1.8
}
.supporting-partners .wrapped {
    margin: 0 auto;
    max-width: 100%
}
.supporting-partners .bottom {
    background: url(../images/bottom-shadow.png) top center/100% no-repeat;
    padding-top: 50px;
    margin-top: 50px
}

/* Partners Page New Additions - 07/03/2018 */

.partner-in-focus.band {
    background: url(/wp-content/themes/mpp/library/images/cta-bar-bg.jpg) no-repeat;
    background-color: #1d94ac;
    background-size: cover;
    background-position: left center;
}
.focus-logo {width: 4%; float: left;}
.focus-logo img {width: 100%}
.focus-partner-info {
    width: 95%;
    float: right;
    border-left: 1px solid #fff;
}
.partner-in-focus h2 {color: #fff; text-align: center; padding-bottom: 40px;} 

.focus-body {
    float: left;
    width: 42%;
    margin-right: 5%;
    color: #fff;
    padding-left: 20px;
}

.focus-body h5 {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
}

.focus-partner-video {
    width: 53%;
    height: 100%;
    float: right;
    overflow: hidden;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 50px;
    height: 0;
    overflow: hidden;
    margin-bottom: -7%;
    z-index: 0;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 88%;
}


.who-we-partner {position: relative; padding-top: 70px;}
.horizontal-divider {width: 100%; position: absolute; top: 0px}
.horizontal-divider img {width: 100%; max-width: none !important;}
.sixcol.who-block {padding-right: 20px; margin-left: 0px;} 
.who-we-partner.text-center.band {background: #F7F7F7 !important;}
.single-who-block-wrap {width: 100%; /*margin-bottom: 25px;*/}
.single-who-block-wrap .who-block-icon {max-width: 30%; float: left;}
.single-who-block-wrap .who-block-text {
    width: 65%; 
    float: left; 
    text-align: left; 
    margin-top: 25px; 
    padding-left: 25px;
} 
.single-who-block-wrap .who-block-icon img {width: 100%; max-width: 130px;}
.who-we-partner .single-who-block-wrap .who-block-text span.title {font-size: 1.2em;}
.who-we-partner .single-who-block-wrap .who-block-text p {margin-top: 5px;}
.partners-divider {
    position: absolute;
    right: 4%;
    height: 100%;
    bottom: 0px;
    top: 0px;
    margin: auto;
    width: 10%;
}

.partners-divider img {
    max-width: none !important;
    width: 100%;
    height: 100%;
}

.fivecol.leading-brand-partner-logos {padding-left: 20px;}

.leading-brand-partner-logos .partner-logos-grid {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 3px 3px #e6e5e5;
    position: relative;
}
.leading-brand-partner-logos p {color: #3F6D7F; font-weight: 500; font-size: 1.2em; margin-bottom: 40px;}
.speech-bubble-triangle {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: -21px;
    width: 60px;
    height: 23px;
}

.speech-bubble-triangle svg {
    width: 60px;
    height: 23px;
}

.grid-logo {
    width: 33.33%;
    height: 180px;
    float: left;
    position: relative;
}

.grid-logo p {
    font-size: 14px;
    line-height: 1;
    margin: 0;
    width: calc(100% - 20px);
    position: absolute;
    bottom: 13px;
    left: 10px;
    padding: 0;
    color: #1c6187;
    border-radius: 3px;
    text-decoration: underline;
}


.grid-logo img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: auto;
    max-width: 70%;
    max-height: 70%;
}

.partner-logos-grid .grid-logo {
    border-right: 1px solid #e6e5e5;
    border-bottom: 1px solid #e6e5e5;
}

.partner-logos-grid a:nth-child(4) .grid-logo,
.partner-logos-grid a:nth-child(7) .grid-logo, 
.partner-logos-grid a:nth-child(10) .grid-logo {
    border-right: none;
}

.partner-logos-grid a:nth-child(8) .grid-logo, 
.partner-logos-grid a:nth-child(9) .grid-logo, 
.partner-logos-grid a:nth-child(10) .grid-logo {
    border-bottom: none;
}

.white-new {background: #fff !important;}


/* END New Additions */


.case-study {
    max-width: 960px;
    margin: 0 auto
}
.case-study img {
    width: 100px;
    border-radius: 100%
}
.case-study .cs-quote {
    color: #5F767F;
    line-height: 1.4;
    font-size: 1.35em;
    font-weight: 200
}
.case-study .contact-details {
    color: #404657;
    font-weight: 200
}
.case-study .contact-details strong {
    color: #3F6C7F;
    font-weight: 500;
    margin-bottom: 6px;
    display: inline-block
}
.cs-block {
    text-align: center;
    background: #fff;
    margin-bottom: 50px;
    border-radius: 5px;
    overflow: hidden;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -ms-transition: .2s all ease;
    -o-transition: .2s all ease;
    -moz-transition: .2s all ease
}
.cs-block a {
    text-decoration: none;
    color: rgba(40, 43, 70, .7)
}
.cs-block .hover-div {
    display: none;
    background: url(../images/cs-icon.png) center 90px/88px no-repeat rgba(90, 129, 147, .85);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 18;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5em;
    opacity: 0;
    transition: 200ms all ease;
    -webkit-transition: 200ms all ease;
    -moz-transition: 200ms all ease;
    -o-transition: 200ms all ease;
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1)
}
.cs-block .cs-feat-image {
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 200px;
    overflow: hidden;
    transition: .25s all ease;
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -o-transition: .25s all ease
}
.cs-block .bottom {
    padding: 20px
}
.cs-block .bottom img {
    margin-bottom: 15px
}
.cs-block:hover .hover-div {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1)
}
.cs-block:last-of-type {
    margin-bottom: 0
}
.event-listing h4.title {
    font-size: 1.5em
}
.event-listing .event-img-wrap {
    line-height: 130px;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 15px;
    text-align: center
}
.event-listing .event-img-wrap img {
    vertical-align: middle
}
.gform_wrapper .half_left,
.gform_wrapper .half_right {
    float: left;
    width: 50%
}
.gform_wrapper .half_left {
    padding-right: 10px
}
.gform_wrapper .half_right {
    padding-left: 10px
}
.gform_wrapper .gfield_label {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px
}
.gform_wrapper ul {
    padding-left: 0
}
.gform_wrapper li {
    list-style: none
}
.gform_wrapper li input[type=email],
.resource-form input[type=email],
.gform_wrapper li input[type=url],
.resource-form input[type=url],
.gform_wrapper li input[type=password],
.resource-form input[type=password],
.gform_wrapper li input[type=text],
.resource-form input[type=text],
.gform_wrapper li input[type=tel],
.resource-form li input[type=tel] {
    font-size: 14px;
    font-family: Gesta, Arial, Sans-Serif;
    font-weight: 400;
    resize: none;
    width: 100%;
    border: 1px solid lightgrey;
    border-radius: 3px;
    background: #FFF !important;
    padding: 13px;
    margin-bottom: 2px;
    color: #647882 !important;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out;
}
.gform_wrapper li input[type=email]:focus,
.gform_wrapper li input[type=url]:focus,
.gform_wrapper li input[type=password]:focus,
.gform_wrapper li input[type=text]:focus,
.gform_wrapper li input[type=tel]:focus {
    border: 1px solid #B6C3CF;
    outline: 0
}
.gform_wrapper input[type=submit] {
    border: 0;
    font-weight: 400;
    font-size: 1.2em;
    font-family: Gesta, arial, sans-serif;
    margin-top: 20px
}

/* START: Resource Marketo Form Styles */

.resource-form form.mktoForm {
    padding: 0px !important;
    margin: 0px !important;
    margin-right: 0px !important;
    background-color: transparent !important;
    width: 100% !important;
}

.resource-form label.mktoLabel {
    color: #FFF !important;
    font-family: Gesta, Arial, Sans-Serif !important;
    width: 90% !important;
}

.resource-form input,
.resource-form textarea {
    opacity: .75;
}

.resource-form input:focus,
.resource-form textarea:focus {
    opacity: 1;
}

.resource-form .mktoButtonRow {
    text-align: center !important;
}

/* submit button wrapper */
.resource-form .mktoForm .mktoButtonRow, .mktoForm .mktoButtonWrap {
    margin:0 10px 0 0 !important;
    width:100% !important;
    text-align:right !important;
}

/* submit button styles */
.resource-form .mktoForm .mktoButton {
    background-image: none !important;
    background-color: #08aacc !important;
    border: 0px !important;
    padding: 8px 38px !important;
    font-size: 18px !important;
    color:#FFFFFF !important;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
    min-width:200px !important;
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae)) 0 0/150% auto !important;
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%) 0 0/150% auto !important;
    padding: 17px 22px !important;
    font-family: inherit !important;
    text-decoration: none !important;
    text-shadow: 0px !important;
    box-shadow: 0px !important;
}

.resource-form .mktoForm .mktoButton {
    background: #fff !important;
    color: #0DACCB !important;
    margin-top: 0 !important;
    width: 100% !important;
    font-style: normal !important;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out;
    box-shadow: none !important;
    margin-top: 15px !important;
}

.resource-form .mktoForm .mktoButton:focus,
.resource-form .mktoForm .mktoButton:hover {
    background: #3F6C7F !important;
    color: #fff !important;
    margin-top: 0% !important;
    outline: none !important;
    margin-top: 15px !important;
}

.resource-form .mktoForm .mktoButton:active {
    top: 0px !important;
    margin-top: 15px !important;
}

/* END: Resource Marketo Form Styles ; */
/* START: Newsletter Marketo Form Styles */
 
.newsletter_marketo_wrap .mktoForm {
    margin-right: 0px !important;
    width: auto !important;
    padding: 0px !important;
    background: none !important;
}

.newsletter_marketo_wrap .mktoFormRow:nth-child(3), 
.newsletter_marketo_wrap .mktoFormRow:nth-child(4) {
    display: none !important;
}

.newsletter_marketo_wrap .mktoLabel {
    box-sizing:border-box !important;
    color: rgb(95, 118, 127) !important;
    cursor:default !important;
    display:inline-block !important;
    font-family:Gesta, Arial, sans-serif !important;
    font-size: 17px !important;
    font-style:normal !important;
    font-weight:400 !important;
    height:25px !important;
    line-height:25.5px !important;
    width: 100% !important;
    margin-bottom:5px !important;
    margin-top:5px !important;
    text-align: center !important;
    text-size-adjust:100% !important;
    -webkit-font-smoothing:antialiased !important;
}

.newsletter_marketo_wrap .mktoForm .mktoLabel .mktoAsterix {display: none !important;}

.newsletter_marketo_wrap .mktoFieldDescriptor,
.newsletter_marketo_wrap .mktoFieldWrap,
#mktoForm_1027 .mktoFieldDescriptor,
#mktoForm_1073 .mktoFieldDescriptor,
#mktoForm_1027 .mktoFieldWrap,
#mktoForm_1073 .mktoFieldWrap
{
    min-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.newsletter_marketo_wrap .mktoFieldWrap,
#mktoForm_1027 .mktoFieldWrap,
#mktoForm_1073 .mktoFieldWrap {margin: 10px 0% !important;}

.newsletter_marketo_wrap .mktoForm input[type="email"].mktoEmailField {
    font-size:14px !important;
    font-family:Gesta,Arial,Sans-Serif !important;
    font-weight:400 !important;
    resize:none !important;
    width:100% !important;
    border:1px solid lightgrey !important;
    border-radius:3px !important;
    background:#FFF !important;
    padding:13px !important;
    margin-bottom:2px !important;
    color:#647882 !important;
    -webkit-transition:all 200ms ease-out !important;
    -ms-transition:all 200ms ease-in !important;
    -o-transition:all 200ms ease-in !important;
    -moz-transition:all 200ms ease-in !important;
    transition:all 200ms ease-out !important;
}

.newsletter_marketo_wrap .mktoForm .mktoGutter {height: 1.2em; display: block !important;}

.newsletter_marketo_wrap .mktoForm .mktoButtonRow,
.newsletter_marketo_wrap .mktoForm .mktoButtonRow:focus {
    width: 100%;
    margin-top: 15px;
    outline: none;
}

.newsletter_marketo_wrap .mktoForm .mktoButtonWrap,
.newsletter_marketo_wrap .mktoForm .mktoButtonWrap:focus {
    margin-left: 0px !important;
    min-width: 100% !important;
    outline: none !important;
}

.newsletter_marketo_wrap .mktoForm button.mktoButton {
    min-width: auto;
    max-width: 100% !important;
}

.newsletter_marketo_wrap .mktoForm button.mktoButton,
.newsletter_marketo_wrap .mktoForm button.mktoButton:focus {
    background: #fff !important;
    min-width: 100% !important;
    display: inline-block;
    text-shadow: none;
    font-family: Gesta, Arial, Sans-Serif !important;
    font-size: 17px !important;
    border: 2px solid #0DACCB !important;
    font-weight: 400;
    border-radius: 5px !important;
    color: #0DACCB !important;
    letter-spacing: 1px;
    margin-top: 5px;
    padding: 12px 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-transition: all 180ms ease-out;
    -ms-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
    -moz-transition: all 180ms ease-in;
    transition: all 180ms ease-out
    outline: none !important;
}

.newsletter_marketo_wrap .mktoForm button.mktoButton:hover {
    background: #0DACCB !important;
    color: #fff !important;
}

/* END: Newsletter Marketo Form Styles */

.event-meta {
    font-size: 1.5em
}
.event-meta strong {
    font-weight: 700;
    color: #5F767C
}
.fu-icon-wrap a:first-of-type {
    margin-left: 0
}
.contact-bottom {
    background: #fff
}
.contact-bottom .first {
    padding-right: 0
}
.contact-bottom .sixcol.last::before {
    content: url(../images/sright.png);
    position: absolute;
    left: -10px
}
.contact-bottom .career-post {
    margin-left: 0
}
.contact-bottom .career-post .inner h3 {
    background: 0 0;
    padding-bottom: 5px;
    font-size: 1.9em;
    font-weight: 400
}
.contact-bottom .content-side a {
    margin-top: 20px
}
.contact-bottom .ca-title {
    color: #5F767F;
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 20px
}
.contact-bottom .ca-content {
    color: #5F767F;
    font-size: 1.1em;
    font-weight: 400
}
.contact-bottom .icon {
    color: #b8c2c6;
    vertical-align: -3px;
    margin-top: 3px;
    font-size: 17px
}
.gradient {
    color: #1BB0C2;
    background: -webkit-gradient(linear, left top, right top, from(#0daccb), to(#2ab5b9));
    -webkit-background-clip: text;
}
.icon-left {
    display: none;
    color: #44a5ec
}
body.page-id-430 .icon-left {
    color: #50b89d
}
.related-resources {
    background: #F5F5F5;
    padding-bottom: 0!important
}
#latest-events .carousel-inner img {
    max-width: 212px
}
#latest-events a {
    font-weight: 400;
    color: #5F767F
}
.resource-switcher {
    padding-top: 0
}
.resource-switcher .mobile-button-dd {
    width: 100%;
    border-radius: 0!important;
    font-size: 1.25em;
    display: block;
    text-align: left;
    background: #FFF;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 24px 20px;
    cursor: pointer
}
.resource-switcher .mobile-button-dd .fa {
    color: #575757;
    float: right;
    vertical-align: middle;
    line-height: 26px
}
.resource-switcher.square .buttons {
    border-radius: 0!important;
    margin-bottom: 40px;
    background: #fff;
    position: absolute;
    width: 90%;
    left: 5%;
    display: block;
    opacity: 0;
    z-index: -1;
    transform: translate3d(0, -20px, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out
}
.resource-switcher.square .buttons.shown {
    opacity: 1;
    z-index: 2;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}
.resource-switcher.square .buttons a {
    border-radius: 0!important;
    width: 100%;
    font-size: 1.25em;
    padding: 26px 0;
    border-right: none;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out
}
.resource-switcher.square .buttons a:hover {
    color: #06A8CA
}
.resource-switcher.square .buttons a.active {
    background: #06A8CA
}
.resource-switcher.square .buttons a.active:hover {
    background: #06A8CA;
    color: #fff
}
.resource-switcher.square .buttons a.active:after {
    content: ''
}
.resource-switcher.square .resource-contents {
    border-radius: 0;
    padding: 0
}
.resource-switcher.square .resource-contents .content-area {
    background-size: contain
}

.resource-switcher .resource-contents p.no-related-guides {
    font-size: 18px;
    width: 95%;
    max-width: 500px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.resource-switcher.square .resource-contents .fourcol {
    margin-bottom: 20px
}
.resource-switcher.square .box {
    background: #fff;
    background: rgba(255, 255, 255, .95);
    padding: 30px;
    margin-top: 120px
}
.resource-switcher.square .box span {
    display: block
}
.resource-switcher.square .box .title {
    margin-top: 0;
    color: #39B8B2;
    font-size: 2.5em;
    font-weight: 200
}
.resource-switcher.square .box .subtitle {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 1.375em
}
.resource-switcher.square .box p {
    max-width: none!important;
    color: #5F767F;
    font-size: 1.125em
}
.resource-switcher a {
    text-decoration: none;
}
.resource-switcher .fourcol > a {
    display: block;
    margin-bottom: 15px;
    text-decoration: none;
    max-height: 206px;
    overflow: hidden;
}

.resource-switcher .content-area-whitepapers .fourcol > a {max-height: none;}

.resource-switcher .buttons {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: row;
    position: absolute;
    background: #fff;
    width: 90%;
    left: 5%;
    display: block;
    opacity: 0;
    z-index: -1;
    overflow: hidden;
    transform: translate3d(0, -20px, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out
}

.job-posts .buttons {
    width: 98%;
    background: #ffffff;
    margin-left: 1%;
    margin-bottom: 40px;
}

.resource-switcher .buttons.shown,
.job-posts .buttons.shown  {
    opacity: 1;
    z-index: 2;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    z-index: 11;
}
.resource-switcher .buttons a,
.job-posts .buttons a  {
    font-weight: 500;
    font-size: 1.375em;
    text-decoration: none;
    color: #86989F;
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    position: relative;
    background: url(../images/buttonbg.png) repeat-x bottom;
    float: left;
    width: 100%;
    padding: 22px 0
}

.resource-switcher .buttons a {
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-direction: row;
    align-items:center;
    line-height: 1.2;
    vertical-align: middle;
}


.job-posts .buttons a {background: none;}

.resource-switcher .buttons a span,
.job-posts .buttons a span {
    position: relative;
    top: 5px;
    line-height: 0;
    margin-right: 8px;
	margin-right: min(8px, 3%);
    font-size: 25px
}

.resource-switcher .buttons a span {
    top: 0px;
    align-self: center;
}

.resource-switcher .buttons a p {margin: 0px; max-width: 150px;}

.resource-switcher .buttons a.active,
.job-posts .buttons a.active  {
    background-color: #08AACC;
    color: #fff
}
.resource-switcher .resource-contents {
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 30px 30px 50px;
    text-align: center
}
.resource-switcher .resource-contents img {
    display: inline-block;
    margin-bottom: 15px
}
.resource-switcher .resource-contents .item-name {
    display: block;
    font-size: 1.375em;
    font-weight: 500;
    color: #3F6D81
}
.resource-switcher .resource-contents .content-area {
    display: none
}
.resource-switcher .resource-contents .content-area.active {
    display: block
}
.resource-switcher .resource-contents p {
    color: #5F767F;
    font-size: .95em;
    max-width: 300px;
    margin: 15px auto 0
}
.resource-switcher .resource-contents .fourcol {
    margin-bottom: 30px
}
.resource-switcher a.viewit {
    font-weight: 500;
    margin-top: 20px;
    color: #06A5C7;
    display: inline-block
}
.resource-switcher a.viewit:hover {
    color: #3F6D81
}
.resource-switcher a:hover,
.resource-switcher a:hover span.item-name {
    color: #0DACCB
}
.subtitle-mini {
    color: #fff;
    padding: 2px 0 0;
    max-width: 805px;
    margin: 0 auto;
    font-size: 1.3em;
    font-weight: 400
}
.contact-title {
    margin-bottom: 25px;
    display: block;
    color: #60777F;
    font-size: 1.45em;
    font-weight: 200
}
.contact-title strong {
    font-weight: 500
}
.contact-title p:first-of-type {
    margin-top: 0
}
.cf-main-wrap input[type=checkbox] {
    -webkit-appearance: checkbox!important;
    margin-right: 5px;
    vertical-align: 2px
}
.cf-main-wrap .gform_wrapper select {
    -webkit-appearance: none
}
.cf-main-wrap select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}
.cf-main-wrap li#field_5_9 {
    overflow: hidden
}
.cf-main-wrap li#field_5_9 select {
    width: -moz-calc(100% + 20px)
}
.cf-main-wrap li#field_5_11 {
    padding-left: 0!important
}
.gform_body li.gfield.full {
    width: 100%;
    padding: 0!important
}
.gform_body .gfield_label_hidden {
    padding-left: 0!important
}
.gform_body select {
    -moz-appearance: none;
    position: relative;
    background: url(../images/selectarrow.png) top right/30px no-repeat #fff!important
}
.gform_body select.gfield_select:-moz-focusring {
    outline: 0;
    color: transparent
}
.gform_body select.gfield_select::-moz-focusring {
    outline: 0;
    color: transparent
}
select#input_5_9:-moz-focusring {
    outline: 0;
    color: transparent
}
select#input_5_9::-moz-focusring {
    outline: 0;
    color: transparent
}
.cf-main-wrap .gform_wrapper {
    padding: 30px;
    background-color: rgba(176, 193, 203, .25);
    border-radius: 5px
}
.cf-main-wrap .gform_wrapper ul {
    margin: 0
}
.cf-main-wrap .gform_wrapper ul .gfield {
    margin-bottom: 20px
}
.cf-main-wrap .gform_wrapper .gfield_label {
    color: #617780;
    display: block;
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: 500
}
.cf-main-wrap .gform_wrapper input[type=email],
.cf-main-wrap .gform_wrapper input[type=tel],
.cf-main-wrap .gform_wrapper input[type=text],
.cf-main-wrap .gform_wrapper select,
.cf-main-wrap .gform_wrapper textarea {
    font-size: 14px;
    font-family: Gesta, Arial, Sans-Serif;
    font-weight: 400;
    resize: none;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 3px;
    background: #fff;
    padding: 13px;
    margin-bottom: 2px;
    color: #647882;
    transition: 200ms all ease;
    -webkit-transition: 200ms all ease;
    -moz-transition: 200ms all ease;
    -o-transition: 200ms all ease
}
.cf-main-wrap .gform_wrapper input[type=email]:focus,
.cf-main-wrap .gform_wrapper input[type=tel]:focus,
.cf-main-wrap .gform_wrapper input[type=text]:focus,
.cf-main-wrap .gform_wrapper select:focus,
.cf-main-wrap .gform_wrapper textarea:focus {
    border: 1px solid #B6C3CF;
    outline: 0
}
.cf-main-wrap .gform_wrapper input[type=submit] {
    margin-top: 0;
    width: 100%;
    border: 0;
    font-weight: 400;
    font-family: Gesta, Arial, Sans-Serif;
    font-size: 1.3em;
    float: right
}
.contact-map {
    background: url(../images/big-blue-background.jpg) no-repeat center/cover
}
.contact-map h2 {
    display: block!important;
    text-align: center;
    color: #fff;
    margin-bottom: 30px!important
}
.contact-map p {
    color: #5F767F
}
.contact-map .directions {
    background: url(../images/direction-icon.png) no-repeat left/13px;
    color: #19ACC5;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .85em;
    padding-left: 21px;
    display: inline-block;
    line-height: 20px
}
.contact-map .office .inside {
    background: #FFF;
    border-radius: 3px;
    padding: 25px;
    margin: 30px 10px
}
.contact-map .office .inside h4 {
    color: #3F6C7F;
    font-weight: 500;
    font-size: 1.45em
}
.contact-map .office .inside h4 img {
    vertical-align: -7px;
    margin-right: 3px
}
.page-id-666 .contact-bottom,
.page-id-666 .contact-map {
    display: none
}
.contact-sidebar {
    margin-top: 40px
}
.contact-sidebar .office-pic {
    border: 2px solid #C9D0D4;
    max-width: 100%;
    margin-bottom: 30px
}
.contact-sidebar .social {
    vertical-align: top
}
.contact-sidebar .social:first-of-type {
    margin-left: 0
}
.contact-sidebar .connect-title {
    margin-bottom: 15px
}
.contact-sidebar .contact-details {
    color: #5F767F;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #DDD;
    font-size: 1.3em
}
.contact-sidebar .contact-details a {
    color: #5F767F;
    text-decoration: none
}
.contact-sidebar .contact-details .contact-detail {
    display: block;
    margin-bottom: 15px
}
.contact-sidebar .contact-details .contact-detail:last-of-type {
    margin-bottom: 0
}
.contact-sidebar .contact-details svg {
    width: 30px;
    height: 30px;
    vertical-align: -9px;
    margin-right: 14px
}
.contact-sidebar .contact-details svg path,
.contact-sidebar .contact-details svg rect {
    fill: #B0C1CB
}
.contact-sidebar .contact-details strong {
    font-weight: 700
}
.band h2.bigshadow-bot {
    margin: 0 0 35px;
    color: #5F767F;
    font-weight: 200;
    font-size: 2.6em
}
.pr-band {
    background: #F6F6F6
}
.view-all {
    margin-top: 20px;
    padding: 15px 24px
}
.news-item {
    padding: 0 15px;
    margin-bottom: 40px
}
.news-item:nth-of-type(3) {
    margin-bottom: 0
}
.news-item .date {
    display: block;
    margin: 14px 0;
    color: #5F767F;
    font-size: .875em;
    font-weight: 400
}
.news-item img {
    border-radius: 5px
}
.news-item h4 {
    color: #0DACCB;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    font-weight: 500;
    font-size: 1.375em
}
.news-item h4 a {
    color: #05A4C6;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.news-item h4 a:hover {
    color: #025263
}
.news-item p {
    color: #5F767F;
    max-width: 300px;
    margin: 20px auto 0;
    display: block;
    font-weight: 400;
    font-size: .95em
}
.we-helped {
    position: relative;
    background: url(../images/irish-banner.jpg) no-repeat center;
    background-size: cover!important;
    padding: 40px 0 95px;
    min-height: 400px
}
.we-helped h3 {
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 2.5em;
    font-weight: 200
}
.we-helped h3 span {
    font-weight: 500
}
.we-helped .wrap {
    z-index: 10;
    position: relative
}
.we-helped::before {
    background: rgba(0, 0, 0, .75);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: ""
}
.we-helped p {
    text-align: center;
    color: #fff;
    margin: 25px auto 32px;
    max-width: 350px;
    font-size: 1.2em;
    font-weight: 500
}
.we-helped .white-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 37px;
    background: url(../images/white-arrow-bar.png) repeat-x center
}
.we-helped .button.white {
    padding: 15px 29px;
    color: #3F4450;
    border: 2px solid transparent
}
.we-helped .button.white:hover {
    border: 2px solid #FFF;
    background: 0 0;
    color: #FFF
}
.we-helped strong {
    font-weight: 500
}
.helped-testimonial {
    text-align: center;
    background: #fff;
    padding: 36px 0 70px
}
.helped-testimonial img {
    display: inline
}
.helped-testimonial .headshot {
    border-radius: 100%;
    width: 100px;
    border: 3px solid #627682
}
.helped-testimonial .testimonial-text {
    color: #5F767F;
    font-weight: 200;
    font-size: 1.8em;
    margin: 20px auto 30px;
    max-width: 1100px;
    letter-spacing: -1px;
    display: block
}
.helped-testimonial .name {
    color: #3F6C7F;
    display: block;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 1.1em
}
.helped-testimonial .title {
    color: #404657;
    font-weight: 200
}
.mobile-menu-toggle {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/mobile-menu.png) no-repeat center/23px;
    max-width: 90px;
    z-index: 100;
    margin-top: 27px;
    float: right;
    border: 1px solid #5F767F;
    border-radius: 4px;
    outline: 0
}
.mobile-menu-toggle:focus {
    outline: 0
}
#container.open .mobile-menu-toggle {
    background: url(../images/mobile-open.png) no-repeat center/25px;
    outline: 0
}
.big-header {
    color: #fff;
    font-weight: 400;
    background-position: center top;
    background-size: cover
}
.big-header.header-careers {
    background-image: url(../images/careers-header.jpg)
}
.big-header.header-about {
    background-image: url(../images/about-header.jpg)
}
.big-header.header-about p {
    max-width: 850px;
    line-height: 1.3em;
    margin: 0 auto
}
.big-header.header-partners {
    background-image: url(../images/partners-title.jpg)
}
.big-header.header-partners h2 {
    font-size: 2.5em;
    max-width: 680px;
    display: inline-block
}
.big-header.header-partners p {
    font-size: 1.2em;
    line-height: 1.4em;
    max-width: 800px;
    display: block;
    margin: 0 auto 10px
}
.big-header.header-partners .grey-line {
    background: #929191
}
.big-header h1,
.big-header h2 {
    color: #fff;
    font-size: 2.2em;
    margin-bottom: 10px;
    font-weight: 600
}
.big-header .grey-line {
    height: 5px;
    width: 35px;
    background: #676363;
    display: block;
    margin: 16px auto 20px
}
.big-header .wrap {
    padding: 50px 0
}
.big-header p {
    font-size: 1.35em;
    margin: 0
}
.big-header a {
    padding: 16px 23px;
    border: 2px solid transparent
}
.big-header a:hover {
    color: #fff;
    border: 2px solid #fff;
    background: 0 0
}
.case-study-single .big-header::after {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    right: 0;
    content: ""
}
.case-study-single .big-header h1::after,
.case-study-single .big-header h2::after {
    display: block;
    width: 50px;
    height: 4px;
    background: rgba(255, 255, 255, .75);
    margin: 30px auto 20px;
    content: ""
}
.big-header .wrap,
.case-study-header .wrap {
    position: relative;
    z-index: 8
}
.page-template-page-careers-php .big-header .grey-line {
    height: 5px;
    width: 35px;
    background: rgba(255, 255, 255, .5);
    display: block;
    margin: 16px auto 20px
}
.big-header,
.case-study-header {
    position: relative
}
.big-header::after,
.case-study-header::after {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    left: 0;
    right: 0;
    content: ""
}
.page-template-page-about-php .big-header::after,
.page-template-page-careers-php .big-header::after {
    background: rgba(0, 0, 0, .35)
}
.nofeature img {
    position: relative!important;
    bottom: -20px!important;
    margin-right: 5px
}
.header-platform-features {
    text-align: left;
    padding-bottom: 30px;
    padding-top: 30px
}
.header-platform-features h3 {
    color: #fff;
    font-weight: 500;
    font-size: 2.5em
}
.header-platform-features .first img {
    margin: 10px 0
}
/*h1 h2 refactor*/
.header-platform-features .first .subtitle {
    display: block;
    color: #fff;
    margin: 0;
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6em;
}
/*end*/
.header-platform-features .first p {
    color: #fff;
    margin-top: 0;
    font-size: 1.1em
}
.page-intro {
    color: #5F767F;
    font-weight: 200;
    font-size: 1.3em
}
.page-intro .wrap {
    max-width: 1140px
}
.page-id-221 .who-we-partner.text-center.band,
.page-intro.band.text-center {
    background: #fff
}
.mobile-navigation li.menu-item-has-children {
    position: relative
}
.mobile-navigation li.menu-item-has-children::after {
    content: '+';
    border: 1px solid #1BB0C2;
    color: #107380;
    font-size: 13px;
    border-radius: 100%;
    padding: 5px;
    width: 13px;
    height: 13px;
    line-height: 12px;
    text-align: center;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 1px
}
.mobile-navigation li.menu-item-has-children.active::after {
    content: '-'
}
.mobile-navigation .sub-menu {
    border-top: 1px solid rgba(215, 211, 211, .19);
    margin-top: 11px
}
.mobile-navigation .sub-menu li {
    padding-bottom: 0;
    margin-top: 11px;
    padding-left: 15px
}
.mobile-navigation .sub-menu li:last-child {
    margin-bottom: 0
}

.mobile-navigation .menu-item a {
    width: 100%;
    display: block;
    position: relative;
    z-index: 200;
}

.mobile-navigation li.menu-item-has-children .menu-item a {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
    z-index: 200;
}

.page-template-page-partners .page-intro.band.text-center {
background: #F7F7F7;
}
  
.page-template-page-partners .page-intro.band.text-center .partners-grid-title {font-size: 14px;}

.why-partner {
	background: #ffffff
}

.why-partner .sixcol {
    border-bottom: 1px dotted lightgrey
}
.why-partner .sixcol p {
    margin-bottom: 25px
}
.why-partner .sixcol:last-of-type {
    border-bottom: none
}
.cs-intro-img {
    margin-top: 20px
}
.challenge-solution .sixcol.first {
    margin-bottom: 40px
}
.cs-quote-block {
    background: url(../images/dark-desk.jpg) no-repeat center/cover;
    padding-top: 90px;
    padding-bottom: 90px;
    color: #fff
}
.cs-quote-block .quote {
    font-weight: 200;
    font-size: 1.6em;
    max-width: 612px;
    display: block;
    letter-spacing: -.5px;
    line-height: 1.4;
    margin-bottom: 20px
}
.cs-quote-block .name {
    font-weight: 700;
    font-size: 1.1em;
    display: block
}
.cs-quote-block .title {
    font-size: 1.1em;
    font-weight: 400;
    display: block
}
.conclusion {
    background: url(../images/blue-header-background.jpg) no-repeat center/cover
}
.conclusion p {
    font-size: 1.3em;
    font-weight: 400;
    color: #fff;
    margin: 20px auto 0;
    max-width: 950px
}
.conclusion .conc-title {
    font-weight: 400;
    font-size: 3.4em;
    color: #fff;
    margin-bottom: 25px
}
.conclusion .conc-image {
    margin-bottom: -80px;
    margin-top: 30px
}
#inner-content.inner-about {
    padding-top: 62px;
    padding-bottom: 100px
}
.about-anchors-wrap.padded {
    height: 114px
}
.about-anchors {
    background: #F3F5F6
}
.about-anchors .mobile-button-dd {
    padding: 20px 0;
    font-size: 16px
}
.about-anchors .fa-bars {
    float: right;
    margin-top: 5px;
    display: inline-block
}
.about-anchors .buttons {
    border-radius: 0!important;
    margin-bottom: 40px;
    position: absolute;
    font-size: 14px;
    background: #fff;
    width: 90%;
    left: 5%;
    right: 5%;
    display: block;
    opacity: 0;
    z-index: -1;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
    transform: translate3d(0, -20px, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out
}
.about-anchors .buttons.shown {
    opacity: 1;
    z-index: 2;
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0)
}
.about-anchors .buttons a {
    border-bottom: 1px solid #f2f2f2;
    display: block;
    color: #595757;
    padding: 15px
}
.about-anchors .buttons .btn-wrap {
    width: 100%;
    margin: 0 auto
}
.about-anchors.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50
}
.about-anchors ul {
    display: none;
    margin: 0 auto;
    max-width: 90%
}
.about-anchors li {
    text-align: center
}
.about-anchors li a {
    text-decoration: none;
    color: #5F767F;
    font-weight: 500;
    font-size: 1.1em;
    cursor: pointer
}
.about-anchors li.active a {
    border-bottom: 3px solid #10ACC9;
    padding-bottom: 5px
}
.about-intro .intro-para {
    text-align: center;
    color: #5F767F;
    font-weight: 200;
    font-size: 1.5em;
    max-width: 1100px;
    margin: 0 auto 30px
}
.about-intro .icon {
    font-family: streamline!important;
    margin-bottom: 10px;
    display: inline-block;
    color: #1bb0c2;
    background: -webkit-gradient(linear, left top, right top, from(#0daccb), to(#2ab5b9));
    -webkit-background-clip: text;
}
.scroller-wrap {
    overflow-x: scroll;
    padding-left: 0
}
.scroller-wrap::-webkit-scrollbar {
    background: #546870
}
.scroller-wrap::-webkit-scrollbar-track {
    background: #546870;
    padding: 3px
}
.scroller-wrap::-webkit-scrollbar-thumb {
    background: #76868D;
    border-radius: 5px;
    height: 5px
}
.scroller-wrap::after {
    content: url(../images/green-grad.png);
    position: absolute;
    top: 3px;
    right: 0;
    min-height: 900px;
    pointer-events: none;
    display: none
}
.scroller-wrap::before {
    content: url(../images/green-grad-before.png);
    position: absolute;
    top: 3px;
    left: 0;
    min-height: 900px;
    pointer-events: none;
    display: none
}
.key-events {
    background: url(../images/key-events-bg.jpg) no-repeat center/cover;
    padding-top: 93px;
    padding-bottom: 0!important;
    position: relative
}
.key-events .wrap {
    position: relative
}
.key-events .swipeicon {
    position: absolute;
    top: 21px;
    color: #fff;
    font-size: 5em;
    opacity: .6;
    right: 30px
}
.key-events h3 {
    color: #fff;
    text-align: left;
    font-size: 3em;
    font-weight: 200;
    margin-bottom: 95px
}
.key-events .key {
    position: absolute;
    top: 65px;
    line-height: 22px;
    color: #EBEBEB;
    text-align: left;
    float: left;
    font-size: 13px
}
.key-events .key span {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: -1px;
    margin-right: 5px
}
.key-events .key span.white {
    border: 1px solid #fff
}
.key-events .key span.blue {
    border: 1px solid #60D2D7
}
.key-events .history-item {
    float: left;
    width: 255px;
    padding-left: 20px;
    border-left: 1px solid #717F85;
    margin-left: 20px;
    min-height: 260px
}
.key-events .history-item h4 {
    color: #fff;
    font-size: 1.4em;
    font-weight: 700
}
.key-events .history-item p {
    color: #EDEDED;
    font-size: 1.05em;
    line-height: 1.5
}
.key-events .history-item.blue h4 {
    color: #5FD2D7
}
#timeline ul.arrows {
    position: absolute;
    top: 50%;
    top: calc(50% - 20px);
    margin: 0;
    z-index: 10;
    width: 100%;
    display: none
}
#timeline ul.arrows li {
    opacity: .5
}
#timeline ul.arrows li:hover {
    opacity: .99
}
#timeline ul.arrows li.prev {
    float: left;
    margin-left: 30px
}
#timeline ul.arrows li.next {
    float: right;
    margin-right: 30px
}
#timeline ul.arrows li img {
    width: 23px;
    border: none;
    height: 39px
}
.module-box-icon-wrapper span {
    color: #39a9ca;
    vertical-align: middle;
    font-family: streamline;
    font-size: 6em;
    padding: 1px;
    line-height: 1.4em;
    display: block;
    margin-bottom: 6px
}
.header-box-icon-wrapper span {
    color: #fff;
    vertical-align: middle;
    font-family: streamline;
    font-size: 4em;
    padding: 1px;
    line-height: 1em;
    display: block;
    margin-bottom: 6px
}
.intro-blocks img {
    display: inline-block;
    margin-bottom: 20px
}
.intro-blocks h4 {
    color: #3F6C7F;
    font-size: 1.4em;
    font-weight: 500
}
.intro-blocks p {
    color: #5F767F;
    font-size: 1em;
    max-width: 263px;
    margin: 0 auto
}
.intro-blocks.intro-blocks-md {
    padding-bottom: 60px;
    background: url(../images/module-intro-bottom.png) repeat-x bottom
}
.intro-blocks.intro-blocks-md h3 {
    color: #597F92;
    font-weight: 700;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 20px
}
.intro-blocks .intro-block {
    margin-bottom: 30px
}
.line {
    display: block;
    margin: 12px auto;
    width: 28px;
    height: 5px;
    background: #DDD
}
.why-slider {
    position: relative;
    background: #F7F7F7;
    padding-top: 72px;
    padding-bottom: 0!important
}
.why-slider .carousel-inner {
    max-height: none
}
.why-slider .carousel-caption {
    position: relative;
    right: auto;
    top: auto;
    min-height: 160px;
    left: auto;
    bottom: auto;
    font-weight: 500;
    color: #5F767F;
    font-size: 1.2em;
    max-width: 823px;
    margin: 0 auto
}
.why-slider .carousel-caption h3 {
    font-size: 1.4em;
    line-height: 1.4em
}
.why-slider .wrap {
    width: 100%
}
.why-slider .carousel.slide {
    max-width: 90%;
    margin: 0 auto
}
.why-slider .carousel-indicators li {
    background: 0 0;
    border: 1px solid rgba(95, 118, 128, .5);
    width: 11px;
    height: 11px;
    margin: 4px!important
}
.why-slider .carousel-indicators li.active {
    background: #4EB8B5;
    border: none
}
.why-slider .carousel-control {
    display: block;
    width: 50%;
    height: 80px;
    position: relative;
    float: left;
    bottom: 0;
    left: 0;
    top: auto;
    opacity: .7;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: url(../images/slider-arrows.png) no-repeat #d3dbde!important;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.why-slider .carousel-control.left {
    background-position: 79px 25px!important;
    border-right: 1px solid #fff
}
.why-slider .carousel-control.right {
    background-position: -536px 25px!important
}
.why-slider .carousel-control:hover {
    opacity: 1
}
.person-shots {
    min-height: 400px;
    position: relative
}
.person-shots>img {
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .5s opacity ease;
    -webkit-transition: .5s opacity ease;
    -moz-transition: .5s opacity ease;
    -o-transition: .5s opacity ease
}
.person-shots>img.active {
    opacity: 1
}
.people {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}
.gf-block {
    text-align: center;
    position: relative;
    background: url(../images/global-founders-bg.png) no-repeat center/cover #fff;
    padding-bottom: 0!important;
    overflow: hidden
}
.gf-block .wrap {
    width: 100%
}
.gf-block .first {
    padding-top: 50px
}
.gf-block .last {
    background: rgba(63, 108, 127, .6);
    padding: 25px;
    color: #fff
}
.gf-block h2 {
    color: #1bb0c2 !important;
    font-size: 2.5em;
    font-weight: 400
}
.gf-block h4 {
    font-weight: 200;
    font-size: 1.6em;
    color: #fff;
    margin-bottom: 20px
}
.gf-block .bio {
    display: none;
    text-align: left
}
.gf-block .bio a {
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    text-decoration: none;
    font-size: .8em;
    font-weight: 500
}
.gf-block .bio a img {
    vertical-align: -5px;
    margin-right: 5px;
    width: 20px
}
.gf-block .bio.active {
    display: block
}
.gf-block .people {
    text-align: center;
    width: 80%;
    margin-left: 10%
}
.gf-block .people a {
    width: 28%;
    margin: 0 2% 15px;
    line-height: 0;
    display: inline-block;
    text-decoration: none;
    opacity: .35;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition: .5s all ease
}
.gf-block .people a img {
    border: 2px solid #CCC;
    -webkit-filter: grayscale(100%)
}
.gf-block .people a.active {
    opacity: 1
}
.gf-block .people a.active img {
    border: 2px solid #40B8AB;
    -webkit-filter: none
}
.our-clients.oc-about {
    background: #fff
}
.our-clients.oc-about .subtitle {
    margin-bottom: 60px
}
.our-clients.oc-about a {
    padding: 15px 24px;
    margin-top: 30px
}
.about-bottom {
    background: #F7F7F7
}
.about-bottom .icon {
    padding: 1px;
    line-height: 1;
    font-size: 56px
}
.about-bottom p {
    color: #798C97;
    max-width: 500px;
    margin: 0 auto
}
.about-bottom strong {
    font-weight: 700;
    color: #798C97;
    margin-top: 15px;
    font-size: 1.1em;
    display: block
}
.about-bottom h4 {
    margin: 15px 0
}
.about-bottom img {
    display: inline
}
.about-bottom .career-post {
    margin-top: 25px!important
}
.about-bottom .career-post .inner {
    border-radius: 7px;
    box-shadow: inset 1px 1px 4px 2px rgba(0, 0, 0, .07);
    border: none
}
.about-bottom .career-post .inner h3 {
    background: 0 0;
    padding-bottom: 5px;
    font-size: 1.9em;
    font-weight: 400
}
.about-bottom .career-post .inner strong {
    display: inline
}
.about-bottom .job-info {
    margin-top: 30px
}
.about-bottom .more-careers {
    color: #2CA6AE;
    font-weight: 600;
    font-size: 1.375em;
    text-decoration: none
}
.band {
    padding: 30px 0
}
.band .h2,
.band h2 {
    display: block;
    margin-bottom: 5px
}
.our-clients {
    background: #f3f3f3
}
.our-clients .subtitle {
    display: block;
    line-height: 1.5;
    margin: 15px auto 30px;
    max-width: 856px
}
.our-clients .client-logo {
    display: block
}
.our-clients .client-logo .view-website {
    opacity: 0;
    display: block;
    z-index: 2;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 20px;
    padding-top: 39px;
    background: #08AACC;
    transition: .25s all ease;
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -o-transition: .25s all ease
}
.our-clients .client-logo .view-website img {
    margin-bottom: 7px
}
.our-clients .client-logo:hover .view-website {
    opacity: 1
}
.our-clients .client-logo-inner {
    background: #fff;
    border: 1px solid #E5E8EA;
    border-radius: 3px;
    margin: 0 12px 26px;
    text-align: center;
    line-height: 135px;
    overflow: hidden;
    position: relative
}
.our-clients .client-logo-inner img {
    display: inline;
    vertical-align: middle;
    max-width: 80%;
    max-height: 130px;
}
.job-posts {
    background: #F6F6F6
}
.job-posts h2 {
    margin-bottom: 15px
}
.job-posts .career-post .inner h3 {
    background: 0 0;
    padding-bottom: 5px;
    font-size: 1.9em;
    font-weight: 400
}
.job-posts.band .cp-wrap .career-post {
    margin-bottom: 2%;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}
.career-post .more {
    display: inline-block;
    color: #07A5C8;
    text-decoration: none;
    margin-top: 20px;
    font-size: 1.375em;
    font-weight: 500
}

.career-post.career-page .more {
    position: relative;
    width: 100%;
    left: 0;
    text-align: center;
}

.career-post .rightarr {
    vertical-align: 1px;
    margin-left: 8px;
}
.career-post .inner {
    background: #fff;
    border: 1px solid #EEE;
    padding: 30px;
}

.career-post.career-page .inner {
    min-height: auto;
    position: relative;
    margin: 0px !important;
}

.career-post .inner .career-title {
    background: url(../images/titleshad-bot.png) no-repeat bottom;
    padding-bottom: 40px;
    color: #3F6C7F;
    font-weight: 500;
    font-size: 1.5em
}
.career-post .inner .snippet {
    color: #5F767F;
    font-size: 1.1em;
    margin-top: 15px;
    margin-bottom: 28px;
    min-height: auto;
}

.career-post.career-page .job-info {
    position: relative;
    width: 90%;
    left: 5%;
}

.job-info {
    color: #5D7279;
    border: 1px solid #DDD;
    border-radius: 4px
}
.job-info img {
    display: inline;
    vertical-align: -5px;
    margin-right: 5px
}
.job-info div {
    padding: 12px;
    font-size: .95em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}
.job-info strong {
    font-weight: 500;
    color: #3F6C7F
}
.job-info .type {
    border-bottom: 1px solid #DDD
}
.cp-wrap {
    padding: 0
}
.wq-block {
    background: url(../images/blue-background.jpg) 0 0/cover;
    color: #fff
}
.wq-block .quote {
    max-width: 952px;
    margin: 15px auto 0;
    font-size: 2.6em;
    font-weight: 200
}
.wq-block span {
    display: block;
    margin-top: 20px
}
.wq-block strong {
    font-weight: 700
}
.worker-block {
    background: url(../images/worker-block.jpg) 0 0/cover
}
.worker-block .quote {
    background: #fff;
    position: relative;
    max-width: 470px;
    padding: 36px 32px;
    border-radius: 5px;
    color: #5F767F;
    line-height: 1.4;
    font-size: 1.8em;
    font-weight: 200
}
.worker-block .quote .name {
    display: block;
    color: #52B9AD;
    font-size: 23px;
    font-weight: 500;
    margin-top: 20px
}
.worker-block .quote .title {
    display: block;
    font-size: 17px;
    font-weight: 400
}
.worker-block .quote:after {
    content: url(../images/quote-right-tail.png);
    position: absolute;
    right: -43px;
    top: 50%;
    margin-top: -45px
}
.worker-block .inner {
    margin-top: 60px;
    margin-bottom: 65px
}
.career-block {
    color: #5F767F;
    padding: 30px 0;
    display: block;
    position: relative
}
.career-block h4 {
    color: #5D737C;
    font-size: 2em;
    font-weight: 500;
    margin-bottom: 25px
}
.career-block h4 img {
    display: inline;
    vertical-align: -4px;
    margin-right: 7px
}
.career-block .subtitle {
    font-size: 1.375em
}
.career-block p {
    font-weight: 400;
    max-width: 98%
}
.career-block .snippet {
    font-size: 1.1em
}
.career-block:last-of-type {
    padding-bottom: 0
}
.mobile-navigation {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
    z-index: 1;
    background: #F1F5F7;
    padding: 20px;
    visibility: hidden;
    -webkit-transition-delay: 250ms;
    box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, .35);
    -webkit-box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, .35);
    -o-box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, .35);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}
.mobile-navigation.open {
    -webkit-transition-delay: 0ms;
    visibility: visible
}
.mobile-navigation ul {
    margin: 0
}
.mobile-navigation ul li {
    display: block;
    border-bottom: 1px solid rgba(215, 211, 211, .19);
    padding-bottom: 11px;
    width: 100%;
    margin-bottom: 11px
}
.mobile-navigation ul li:last-of-type {
    border: none
}
.mobile-navigation ul li a {
    text-decoration: none;
    font-size: 15px;
    color: #6E6E6E
}
.top-bar {
    color: #85929B;
    font-size: 12px;
    background: #f3f3f3;
    padding: 8px 0;
    z-index: 100;
    position: relative;
    min-height: 35px
}
.top-bar a {
    color: #85929B;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.top-bar a:hover {
    color: #3F6D7F
}
.top-bar .phone {
    display: inline-block;
    padding: 0 14px;
    margin: 0 14px;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD
}
.top-bar .language {
    font-weight: 600;
    display: inline-block
}
.top-bar .language .curlang {
    text-transform: uppercase;
    cursor: pointer
}
.top-bar .language .curlang:hover {
    color: #3F6D7F
}
.top-bar img {
    display: none
}
.top-bar .top-bar-left {
    float: left
}
.top-bar .wrap {
    width: 100%;
    padding-left: 15px
}
.post-type-archive-case-study .top-bar-menu li.current_page_item a,
.single-case-study .top-bar-menu li.menu-item-981 a,
.top-bar-menu li.current_page_item a {
    color: #3F6C7F
}
.lang-dd {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 10;
    left: 0;
    top: auto;
    padding: 10px;
    border: 1px solid lightgrey;
    border-radius: 3px;
    margin-top: 6px
}
.lang-dd ul {
    margin: 0
}
.lang-dd ul li {
    margin-bottom: 5px
}
.lang-dd ul li:last-of-type {
    margin-bottom: 0
}
.header-nav,
.top-bar-menu {
    display: none
}
.mobile-search {
    display: none;
    position: static;
    font-size: 16px;
    top: 32px;
    padding: 20px 4%;
    background: #333;
    width: 100%;
    z-index: -1
}
.mobile-search.open {
    display: block;
    opacity: 1;
    z-index: 20
}
.mobile-search input {
    font-family: Gesta, Arial, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}
.mobile-search input.typesearch {
    width: calc(100% - 120px);
    border-radius: 0!important
}
.mobile-search input.submitsearch {
    width: 100px;
    float: right;
    -webkit-appearance: none;
    outline: 0;
    border: none;
    background: #fff;
    border-raidus: 5px;
    color: #333;
    padding: 5px
}
.menu li {
    display: inline-block
}
.top-nav li {
    padding: 0 14px
}
.top-nav li a {
    font-family: Gesta, Arial, Sans-Serif;
    font-size: 1.375em;
    color: #5F767F;
    text-decoration: none;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.top-nav li a:hover {
    color: #39a5c9
}
.top-nav li.current-menu-item a,
.top-nav li.current-menu-parent a {
    color: #06A5C7
}
.sub-menu {
    display: none
}
.getting-started h2 {
    margin-bottom: 30px;
    margin-top: 15px;
    color: #598092;
    font-weight: 200
}
.getting-started strong {
    color: #5F767F;
    font-size: 1.15em;
    display: block;
    margin-bottom: 25px
}
.getting-started p {
    font-size: 1.1em;
    font-weight: 200;
    max-width: 970px;
    margin: 0 auto;
    color: #5F767F
}
.getting-started a {
    margin-top: 40px
}
.getting-started .icon {
    line-height: 40px;
    display: block;
    font-size: 52px
}
.platform-tabs {
    background: #F6F6F6
}
.news-overview {
    background: #F3F3F3
}
h4.title a {
    color: #07A5C8
}
h4.title a:hover {
    color: #008cad
}
.news-meta {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    color: #5F767F;
    position: relative
}
.news-meta strong {
    font-weight: 600
}
.news-meta .photo {
    position: absolute;
    top: -58px;
    left: -2px;
    background: white;
    border-radius: 100%;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
}
.nm-single .photo {
    top: auto;
    bottom: -55px
}
.news-listing {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px
}
.news-listing .news-meta {
    position: relative
}
.news-listing.firstpost .nl-img-wrap {
    max-height: 370px
}
.news-listing.firstpost .title {
    font-size: 2.1em
}
.news-listing.firstpost .excerpt {
    font-size: 1.1em
}
.news-listing.firstpost .news-meta {
    font-size: 14px
}
.news-listing .nl-img-wrap {
    max-height: 200px;
    overflow: hidden
}
.news-listing .nl-img-wrap img {
    width: 100%
}
.news-listing .nl-content-wrap {
    padding: 20px 25px
}
.news-listing .title {
    font-size: 1.6em;
    line-height: 1.4;
    letter-spacing: -.5px
}
.news-listing .excerpt {
    line-height: 1.7;
    color: #5F767F;
    font-size: .95em
}
.news-listing .read-more {
    color: #07A5C8;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none
}
.news-listing .read-more img {
    display: inline;
    vertical-align: middle;
    margin-left: 10px
}
.news-listing strong {
    font-weight: 600
}
.wp-pagenavi span.current {
    font-weight: bold;
    vertical-align: top !important
}
.wp-pagenavi {
    margin-bottom: 30px
}
.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    border: none;
    font-size: .9em;
    text-align: left;
    padding: 3px;
    margin-right: 3px
}
.wp-pagenavi a:last-child,
.wp-pagenavi span:last-child {
    margin-right: 0
}
.wp-pagenavi span {
    background: #ACC0C9;
    color: #fff;
    font-weight: 500
}
.wp-pagenavi a {
    color: #598092
}
.wp-pagenavi .extend,
.wp-pagenavi .last {
    display: none
}
.resource-switcher .content-area .wp-pagenavi a {
    border: 1px solid #ACC0C9
}
.widget {
    padding-left: 0;
    padding-right: 0
}
#news-sidebar .mailing-list .gform_footer {
    position: relative;
}
#news-sidebar .mailing-list .gform_wrapper {
    position: relative
}
.post-type-archive-event .sidebar .recruitment-widget {
    margin-top: 0
}
.sidebar img {
    display: inline-block
}
.sidebar .widget-title {
    display: block;
    font-size: 1.45em;
    font-weight: 500;
    margin-bottom: 15px;
    color: rgba(63, 108, 129, .85)
}
.sidebar .widget-search {
    background: #ADC1CA;
    padding: 25px 29px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}
.sidebar .widget-search .widget-title {
    color: #fff
}
.sidebar .widget-search .sf-wrap {
    position: relative
}
.sidebar .widget-search .sf-wrap input[type=text] {
    background: #fff;
    font-size: 1em;
    font-style: normal;
    font-weight: 200;
    font-family: Gesta, Arial, Sans-Serif;
    letter-spacing: .5px;
    width: 100%;
    border-radius: 4px;
    padding: 12px;
    border: 0;
    -webkit-appearance: none;
    appearance: none
}
.sidebar .widget-search .sf-wrap input[type=submit] {
    border: none;
    text-indent: -99999px;
    background: url(../images/i-search.png) no-repeat center;
    opacity: .5;
    position: absolute;
    top: 7px;
    right: 8px;
    padding: 0;
    width: 30px;
    height: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out
}
.sidebar .widget-search .sf-wrap input[type=submit]:hover {
    opacity: .75
}
.sidebar .widget-search .sf-wrap::-webkit-input-placeholder {
    color: rgba(90, 129, 147, .5);
    font-size: 1em;
    font-style: italic;
    font-weight: 200;
    font-family: Gesta, Arial, Sans-Serif
}
.sidebar .widget-search .sf-wrap:-moz-placeholder {
    color: rgba(90, 129, 147, .5);
    font-size: 1em;
    font-style: italic;
    font-weight: 200;
    font-family: Gesta, Arial, Sans-Serif
}
.sidebar .widget-search .sf-wrap::-moz-placeholder {
    color: rgba(90, 129, 147, .5);
    font-size: 1em;
    font-style: italic;
    font-weight: 200;
    font-family: Gesta, Arial, Sans-Serif
}
.sidebar .widget-search .sf-wrap:-ms-input-placeholder {
    color: rgba(90, 129, 147, .5);
    font-size: 1em;
    font-style: italic;
    font-weight: 200;
    font-family: Gesta, Arial, Sans-Serif
}
.sidebar .follow-us {
    background: #fff;
    border-radius: 5px;
    margin-top: 30px;
    padding: 25px 29px
}
.sidebar .white {
    background: #fff;
    border-bottom-left-radius: 5px;
    color: #07A5C8;
    border-bottom-right-radius: 5px
}
.sidebar .white .mailing-list input[type=email] {
    font-family: Gesta, Arial, Sans-Serif;
    border: 1px solid #EBEBEB;
    width: 100%;
    box-shadow: inset 1px 1px 5px rgba(175, 175, 175, .3);
    color: rgba(63, 108, 129, .85);
    font-size: 16px;
    border-radius: 5px;
    padding: 13px
}
.sidebar .white .mailing-list input[type=submit] {
    background: rgba(131, 162, 174, .5);
    position: absolute;
    top: -50px;
    right: 0;
    padding: 15px 10px;
    margin-top: 0;
    font-size: 15px;
    border: none;
    appearance: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none
}
.sidebar .white .mailing-list::-webkit-input-placeholder {
    color: rgba(63, 108, 129, .85);
    font-size: 1em;
    font-weight: 400;
    font-family: Gesta, Arial, Sans-Serif
}
.sidebar .white .mailing-list:-moz-placeholder {
    color: rgba(63, 108, 129, .85);
    font-size: 1em;
    font-weight: 400;
    font-family: Gesta, Arial, Sans-Serif
}
.sidebar .white .mailing-list::-moz-placeholder {
    color: rgba(63, 108, 129, .85);
    font-size: 1em;
    font-weight: 400;
    font-family: Gesta, Arial, Sans-Serif
}
.sidebar .white .mailing-list:-ms-input-placeholder {
    color: rgba(63, 108, 129, .85);
    font-size: 1em;
    font-weight: 400;
    font-family: Gesta, Arial, Sans-Serif
}
.sidebar .white .gform_fields {
    margin-bottom: 0
}
.sidebar .white .widget-title {
    color: rgba(63, 108, 129, .85)
}
.sidebar .white .selector {
    background: url(../images/dd-arrow@2x.png) no-repeat 95%/16px #f2f6f7;
    border-radius: 4px;
    height: auto;
    padding: 13px 16px;
    width: 100%!important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
.sidebar .white .selector span {
    color: rgba(90, 129, 147, .75)
}
.sidebar .white select {
    width: 100%;
    height: 100%
}
.sidebar .white .inner {
    padding: 25px 29px;
    border-bottom: 1px dashed #E5E5E5
}
.sidebar .white .inner:last-of-type {
    border-bottom: none
}
.sidebar .recruitment-widget {
    padding: 30px 40px;
    border-radius: 5px;
    margin-top: 40px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjZiMWM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4YWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #26b1c4 0, #08aacc 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #26b1c4), color-stop(100%, #08aacc));
    background: -webkit-linear-gradient(-45deg, #26b1c4 0, #08aacc 100%);
    background: -o-linear-gradient(-45deg, #26b1c4 0, #08aacc 100%);
    background: -ms-linear-gradient(-45deg, #26b1c4 0, #08aacc 100%);
    background: linear-gradient(135deg, #26b1c4 0, #08aacc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#26b1c4', endColorstr='#08aacc', GradientType=1)
}
.sidebar .recruitment-widget img {
    display: block;
    margin: 0 auto 20px
}
.sidebar .recruitment-widget .rc-title {
    display: block;
    font-size: 2.5em;
    color: #fff;
    font-weight: 200;
    margin-bottom: 19px
}
.sidebar .recruitment-widget .rc-link {
    display: inline-block;
    background: #fff;
    color: #08A5C9;
    font-size: 1.275em;
    font-weight: 500;
    padding: 18px 20px;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid #fff;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.sidebar .recruitment-widget .rc-link:hover {
    background: 0 0;
    color: #fff
}
.sidebar .wp-widget {
    padding: 30px;
    background: #3F6C80;
    border-radius: 5px
}
.sidebar .wp-widget .wp-block-title {
    font-size: 1.4em;
    color: #fff;
    display: block;
    letter-spacing: -.5px;
    margin-bottom: 20px;
    font-weight: 500
}
.sidebar .wp-widget .wp-title {
    color: #fff;
    display: block;
    font-size: 1.45em;
    margin-top: 10px;
    letter-spacing: -.5px;
    margin-bottom: 15px;
    line-height: 1.4
}
.sidebar .wp-widget .wp-link {
    display: inline-block;
    padding: 18px;
    background: #fff;
    color: #3F6C80;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 1.275em;
    text-decoration: none;
    border: 2px solid transparent;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.sidebar .wp-widget .wp-link:hover {
    border: 2px solid #fff;
    color: #fff;
    background: 0 0
}
.sidebar .wp-widget img {
    margin: 0 auto;
    display: block
}
.gform_footer {
    clear: both
}
.sidebar .widget-search .sf-wrap input[type=submit] {
    background-size: 20px
}
.widgettitle {
    display: none
}
.sidebar .wp-widget {
    margin: 0;
    margin-top: 30px;
}
.about-anchors-wrap.passed {
    height: 88px!important
}
.about-intro .icon {
    font-size: 4.6em
}
.sidebar .recruitment-widget .rc-title {
    text-shadow: none
}
.cta-bar .button {
    min-width: 245px
}
.search-wrap {
    background: #E7E9EA;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
    max-height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.search-wrap:hover {
    background: #fff
}
.search-wrap .form-wrap {
    float: right;
    overflow: hidden;
    width: 100%;
    max-width: 0;
    text-align: left;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out
}
.search-wrap .form-wrap .inside {
    width: 220px
}
.search-wrap .form-wrap.opened {
    max-width: 192px
}
.search-wrap .form-wrap form {
    padding-right: 8px;
    padding-top: 5px
}
.search-wrap .form-wrap input[type=text] {
    -webkit-appearance: none;
    background: 0 0;
    vertical-align: middle;
    border: 0;
    color: #5F767F;
    font-size: 1em;
    font-family: Gesta, Arial, Sans-Serif;
    padding-left: 0;
    font-weight: 200;
    width: 100px;
    margin-top: 3px
}
.search-wrap .form-wrap input[type=submit] {
    font-size: 13px;
    border: 0;
    background: #fff;
    color: #5F767F;
    border-radius: 2px;
    margin-top: 2px;
    vertical-align: -1px;
    float: right;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out
}
.search-wrap .form-wrap input[type=submit]:hover {
    background: #3F6D80;
    color: #fff
}
.search-wrap .form-wrap::-webkit-input-placeholder {
    color: #5F767F;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 200
}
.search-wrap .form-wrap:-moz-placeholder {
    color: #5F767F;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 200
}
.search-wrap .form-wrap::-moz-placeholder {
    color: #5F767F;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 200
}
.search-wrap .form-wrap:-ms-input-placeholder {
    color: #5F767F;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 200
}
.search-wrap .open {
    display: block;
    width: 38px;
    height: 35px;
    float: left;
    background: url(../images/i-search.png) no-repeat center/16px
}
.resource-label {
    color: #92A1A8;
    text-transform: uppercase;
    padding-left: 20px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: .9em;
    font-weight: 700;
    background-size: 12px;
    background-position: left top;
    background-image: url(../images/whitepaper-icon.png);
    background-repeat: no-repeat;
    line-height: 20px
}
.resource-label.webinar {
    background-image: url(../images/webinar-small-icon.png);
    background-position: 1px 3px
}
.whitepaper-header {
    background-color: #F1F1F1
}
.whitepaper-header .mobwhitepaper {
    padding: 15px 0 5px
}
.whitepaper-header .mobwhitepaper img {
    max-height: 200px;
    display: block;
    margin: 0 auto
}
.whitepaper-header h1 {
    font-size: 2.6em;
    font-weight: 200;
    letter-spacing: -1px
}
.whitepaper-header .content-wrap {
    max-width: 530px
}
.whitepaper-header p {
    font-size: 1.1em
}
.whitepaper-header .button {
    color: #fff;
    margin-top: 10px;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out
}
.inside-scroller {
    margin-right: 100px
}
.whitepaper-mid .sixcol {
    margin-bottom: 30px
}
.whitepaper-mid .sixcol h4 {
    color: #3F6C80;
    font-size: 1.1em;
    font-weight: 500;
    margin-top: 5px
}
.whitepaper-mid .sixcol p {
    color: #485A61;
    font-size: 1em;
    font-weight: 400
}
.whitepaper-mid .whitepaper-title {
    color: #5F7680;
    font-weight: 200;
    font-size: 2em;
    letter-spacing: -1px;
    margin-bottom: 30px
}
.whitepaper-mid input.gform_button {
    background: #fff;
    color: #0DACCB;
    margin-top: 0
}
.whitepaper-mid input.gform_button:focus,
.whitepaper-mid input.gform_button:hover {
    background: #3F6C7F;
    color: #fff;
    margin-top: 0
}
.resource-form-wrap {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YWFiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGMxY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #99aab3 0, #adc1ca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99aab3), color-stop(100%, #adc1ca));
    background: -webkit-linear-gradient(top, #99aab3 0, #adc1ca 100%);
    background: -o-linear-gradient(top, #99aab3 0, #adc1ca 100%);
    background: -ms-linear-gradient(top, #99aab3 0, #adc1ca 100%);
    background: linear-gradient(to bottom, #99aab3 0, #adc1ca 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99aab3', endColorstr='#adc1ca', GradientType=0);
    border-radius: 4px;
    position: relative
}
.resource-form-wrap::-webkit-input-placeholder {
    color: #5F7680;
    font-style: italic;
    font-weight: 200
}
.resource-form-wrap:-moz-placeholder {
    color: #5F7680;
    font-style: italic;
    font-weight: 200
}
.resource-form-wrap::-moz-placeholder {
    color: #5F7680;
    font-style: italic;
    font-weight: 200
}
.resource-form-wrap:-ms-input-placeholder {
    color: #5F7680;
    font-style: italic;
    font-weight: 200
}
.resource-form-wrap:before {
    position: absolute;
    content: url(../images/form-inside-arrow.png);
    top: 28px;
    left: 0;
    display: none
}
.resource-form-wrap .validation_error {
    color: #fff
}
.resource-form-wrap .inner {
    padding: 29px
}
.resource-form-wrap .form-title {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 1.25em
}
.resource-form-wrap input[type=email],
.resource-form-wrap input[type=text] {
    color: #fff;
    border: 2px solid #fff;
    opacity: .75;
    padding: 16px;
    background: 0 0;
    border-radius: 5px;
    outline: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    font-family: Gesta, Helvetica, Arial, Sans-Serif;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.resource-form-wrap input[type=email]:focus,
.resource-form-wrap input[type=text]:focus {
    opacity: 1
}
.resource-form-wrap .validation_message {
    margin-top: 3px;
    font-size: 11px;
    color: #FFF
}
.resource-form-wrap .gfield_error input {
    border: 2px solid #FF5151
}
.resource-form-wrap .gfield_checkbox label {
    color: #fff
}
.resource-form-wrap .gfield_checkbox input[type=checkbox] {
    margin-right: 8px;
    vertical-align: 1px
}
.resource-form-wrap .gfield {
    margin-bottom: 26px
}
.resource-form-wrap .gfield:nth-of-type(1) {
    float: left;
    width: 50%;
    padding-right: 13px
}
.resource-form-wrap .gfield:nth-of-type(2) {
    float: left;
    width: 50%;
    padding-left: 13px
}
.resource-form-wrap .button {
    width: 100%;
    background: #fff;
    color: #8E9AA3;
    text-shadow: none;
    font-size: 1.3em;
    font-family: Gesta, Arial, Sans-Serif;
    font-weight: 400;
    border: none;
    padding: 20px
}
.gform_confirmation_message,
.gform_confirmation_message h3 {
    color: #fff
}
.gform_ajax_spinner {
    margin: 9px auto 0;
    display: block;
    clear: left
}
.popmake-close {display: none;}
.widget-tweet {
    margin-bottom: 60px;
    margin-top: 30px;
    background: #52AFF4;
    position: relative;
    border-radius: 3px;
    padding-top: 35px;
    padding-bottom: 35px
}
.widget-tweet:after {
    content: url(../images/twitter-tail.png);
    position: absolute;
    bottom: -35px;
    right: 25px
}
.widget-tweet .tweet-text {
    display: block;
    margin: 15px auto 0;
    padding: 0 25px;
    color: #fff;
    line-height: 1.6;
    font-size: 1.275em;
    font-weight: 200;
    max-width: 348px
}
.widget-tweet a {
    color: #fff;
    font-weight: 500;
    text-decoration: none
}
.widget-tweet .tweet-time-ago {
    font-size: 13px;
    color: #fff;
    display: block;
    margin-top: 15px;
    font-weight: 500
}
.archive-title {
    font-size: 2em;
    margin-bottom: 30px;
    margin-top: 0
}
.blogpost {
    line-height: 1.7
}
.blogpost .white-wrap {
    background: #fff;
    border-radius: 5px
}
.blogpost .authorbreak {
    display: block
}
.blogpost p {
    margin: 1.8em 0
}
.blogpost .prevnext-wrap {
    margin-top: 30px;
    font-size: 1.1em;
    line-height: 1.6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px
}
.blogpost .prevnext-wrap span {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    padding-top: 0;
    background: url(../images/prevnext-sprites.png) no-repeat;
    margin-bottom: 20px;
    color: rgba(91, 129, 150, .5)
}
.blogpost .prevnext-wrap a:hover span {
    color: #fff
}
.blogpost .prevnext-wrap img {
    width: 50px;
    border-radius: 100%
}
.blogpost .prevnext-wrap .title {
    max-width: 80%
}
.blogpost .prevnext-wrap .prev {
    text-align: right
}
.blogpost .prevnext-wrap .prev img {
    float: left
}
.blogpost .prevnext-wrap .prev .title {
    float: right
}
.blogpost .prevnext-wrap .prev span {
    background-position: 14px -39px;
    padding-left: 50px
}
.blogpost .prevnext-wrap .prev:hover span {
    background-position: 14px 4px
}
.blogpost .prevnext-wrap .next {
    text-align: left
}
.blogpost .prevnext-wrap .next .title {
    float: left
}
.blogpost .prevnext-wrap .next img {
    float: right
}
.blogpost .prevnext-wrap .next span {
    background-position: 84px -127px;
    padding-right: 50px
}
.blogpost .prevnext-wrap .next:hover span {
    background-position: 84px -84px
}
.blogpost .prevnext-wrap a {
    color: #5B8196;
    display: block;
    text-align: center;
    padding: 30px;
    background: #fff;
    text-decoration: none;
    min-height: 188px;
    -webkit-transition: 250ms;
    -transition: 250ms;
    transition: 250ms
}
.blogpost .prevnext-wrap a:hover {
    background: #07A5C8;
    color: #fff
}
.blogpost .news-meta {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: .95em
}
.blogpost .inner {
    padding: 20px
}
.blogpost .single-title {
    font-size: 2em
}
.blogpost .featured-image {
    width: 100%
}
.blogpost .intro {
    font-size: 1.4em;
    color: #5F767F;
    line-height: 1.5;
    margin-top: 0
}
.blogpost h2,
.blogpost h3,
.blogpost h4 {
    margin: 15px 0
}
.blogpost .post-bottom {
    margin-top: 40px
}
.blogpost .inner strong {
    font-weight: 700
}
.blogpost .inner a,
p a {
    color: #07A5C8;
    font-weight: 700;
    text-decoration: none
}
.cf-main-wrap a.sixcol.last.next.gform_wrapper,
.resource-form-wrap a.sixcol.last.next.gform_body,
a.sixcol.last.next.clearfix {
    margin-top: 30px
}
.blog-share {
    line-height: 33px;
    font-weight: 500;
    font-size: 17px;
    color: #3F6C80;
    padding-bottom: 20px;
    background: url(../images/dashed-bottom.png) repeat-x bottom
}
.blog-share>span:first-child {
    margin-left: 10px
}
.blog-share span {
    vertical-align: top
}

/* NEW BLOG SHARE BUTTONS - 19/12/2017 */

.new-blog-share-2017 {overflow: auto;}

.new-blog-share-2017 p.share-title {
    margin-bottom: 5px;
    float: left;
    margin-right: 20px;
}

.new-blog-share-2017 img {
    float: left;
    width: 30px;
    margin-right: 7px;
}

.sticky-share-buttons {position: fixed; left: 0px; top: 45%; z-index: 5; display: none;}
.sticky-share-buttons.alternate {top: 183px; display: block;}
.admin-bar .sticky-share-buttons.alternate {top: 215px;}
.sticky-share-buttons div {
    position: relative; 
    width: 45px; 
    height: 45px; 
    margin-top: 2px; 
    margin-bottom: 2px; 
    background: rgba(146, 160, 166, 0.7);
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sticky-share-buttons div:hover {
    width: 180px;
    background: #546b74;
    cursor: pointer;
}

.sticky-share-buttons div.facebook-share:hover {background: #3D5999;}
.sticky-share-buttons div.linkedin-share:hover {background: #1C7DB2;}
.sticky-share-buttons div.twitter-share:hover {background: #2BAEE9;}
.sticky-share-buttons div.google-share:hover {background: #D74B41;}
.sticky-share-buttons div.email-share:hover {background: #06a3c6;}

.sticky-share-buttons div img {
    position: absolute;
    top: 11px;
    left: 10px;
    width: 24px;
}

.sticky-share-buttons div.linkedin-share img {
    width: 20px;
    top: 12px;
    left: 12px;
}

.sticky-share-buttons div.twitter-share img {
    width: 22px;
    left: 11px;
    top: 12px;
}

.sticky-share-buttons div.email-share img {
    width: 22px;
    top: 12px;
    left: 11px;
}

.sticky-share-buttons div p {
    color: #fff;
    position: absolute;
    left: 48px;
    top: -2px;
    width: 120px;
}

.sticky-share-buttons div.linkedin-share p {top: -1px;}

/* END OF NEW BLOG SHARE BUTTONS */

.nav-holder .nav {
    width: 100%;
    height: 100%;
    z-index: 99;
    font-size: 0;
    border: none;
    border-right: 1px solid #333;
    background: #3d3c3c
}

.nav-holder .nav li {
    border: none;
    border-bottom: 1px solid #333;
    font-size: 22px
}
.nav-holder .nav li a {
    border: none;
    background: #302f2f;
    background-image: -moz-linear-gradient(#3d3c3c, #302f2f);
    background-image: -o-linear-gradient(#3d3c3c, #302f2f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3d3c3c), color-stop(1, #302f2f));
    background-image: -webkit-linear-gradient(#3d3c3c, #302f2f);
    background-image: -ms-linear-gradient(#3d3c3c, #302f2f);
    background-image: linear-gradient(#3d3c3c, #302f2f);
    -webkit-text-shadow: 0 -1px 1px #000;
    -ms-text-shadow: 0 -1px 1px #000;
    -o-text-shadow: 0 -1px 1px #000;
    -moz-text-shadow: 0 -1px 1px #000;
    text-shadow: 0 -1px 1px #000;
    color: #fceeb8;
    padding: 8px 15px;
    display: block;
    text-decoration: none
}
.nav-holder .nav li a:focus,
.nav-holder .nav li a:hover {
    background: #fceeb8;
    color: #3d3c3c;
    -webkit-text-shadow: 0 1px 1px #fff;
    -ms-text-shadow: 0 1px 1px #fff;
    -o-text-shadow: 0 1px 1px #fff;
    -moz-text-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px #fff
}
.nav-holder .nav li ul.children,
.nav-holder .nav li ul.sub-menu {
    padding: 0;
    margin: 0
}
.nav-holder .nav li ul.children li,
.nav-holder .nav li ul.sub-menu li {
    font-weight: 500;
    font-size: .85em
}
.nav-holder .nav li ul.children li a,
.nav-holder .nav li ul.sub-menu li a {
    padding-left: 30px;
    color: #fff
}
.nav-holder .nav li ul.children li a:focus,
.nav-holder .nav li ul.children li a:hover,
.nav-holder .nav li ul.sub-menu li a:focus,
.nav-holder .nav li ul.sub-menu li a:hover {
    color: #000
}
.carousel-control {
    display: block;
    z-index: 15
}
footer {
    font-size: .9em;
    padding: 30px 0;
    text-align: center
}
footer .fooseperate {
    display: none;
    font-weight: 400;
    opacity: .5
}
footer p.copyright a {
    display: block;
    margin-top: 5px;
    color: #819FAC
}
footer p.copyright a:hover {
    color: #07A5C8
}
footer a {
    margin-top: 20px;
    font-weight: 400
}
footer .copyright {
    margin: 0;
    font-weight: 600;
    color: #598092;
    display: block
}
footer .conw {
    display: none
}
footer nav {
    display: block;
    position: relative;
    float: left;
    width: 100%
}
footer nav ul {
    margin: 0!important
}
footer nav a {
    border-bottom: 1px solid #eee;
    display: block;
    text-decoration: none;
    padding: 10px 0;
    font-weight: 200;
    color: #858585
}
footer ul.footer-nav {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    border-top: 1px solid #eee
}
footer ul.footer-nav li {
    border-bottom: 1px solid #eee;
    padding: 10px
}
footer ul.footer-nav li:first-of-type {
    margin-left: 0;
    border-left: 0;
    padding-left: 0
}
footer ul.footer-nav a {
    text-decoration: none;
    color: #819FAC
}
footer ul.footer-nav a:hover {
    color: #5F767F
}
.dotted-intro {
    color: #5F767F;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    font-size: 1.5em;
    font-weight: 200
}
.dotted-intro .wrap {
    padding: 40px 5%;
    background: url(../images/dotted-bottom.png) repeat-x bottom
}
.standard-bottom-content {
    padding-bottom: 0;
    font-size: 1em;
    color: #597F92
}
.standard-bottom-content .button {
    padding: 11px 22px;
    margin-top: 20px
}
.standard-page-rows .stand-row {
    background: url(../images/dotted-bottom.png) repeat-x bottom
}
.standard-page-rows .stand-row h3 {
    color: #597F92;
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 30px
}
.standard-page-rows .stand-row .text {
    font-size: 1.1em;
    color: #597F92
}
.standard-page-rows .stand-row img {
    margin-top: 25px
}
.standard-page-rows .stand-row:last-of-type {
    margin-bottom: 50px
}
.band.home-industries {
    background: #f7f7f7;
    padding-left: 15px;
    padding-right: 15px;
}
.home-industries .industry-block {
    display: block;
    line-height: 0;
    text-decoration: none;
    background: white;
    margin-bottom: 25px;
    transition: 0.5s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.home-industries .industry-block h3 {
    font-size: 1.65em;
    margin-bottom: 10px;
}

.home-industries .industry-block:hover h3 {
    color: white;
}

.home-industries .industry-block:hover p {
    color: white;
}

.home-industries .industry-block:hover {
    cursor: pointer;
}

.home-industries .industry-block p {
    font-size: 0.95em;
    line-height: 1.6;
    color: #5F767F;
    margin-bottom: 0px;
}

.home-industries .wrap.two-items {
    max-width: 850px;
}

.home-industries .wrap.wider {
    max-width: 1650px;
}

.home-industries .industry-block .bottom {
    padding: 25px;
    text-align: center;
    min-height: 182px;
    transition: 0.2s background ease;
    -webkit-transition: 0.2s background ease;
    -moz-transition: 0.2s background ease;
}

/* 29/10/18 – START: Retail Split */
@media screen and (min-width: 768px) and (max-width: 1030px) {

    .home-industries .industry-block .bottom {
        padding: 10px;
    }

    .home-industries .industry-block h3 {
        font-size: 1.2em;
    }

}
/* 29/10/18 – END: Retail Split */

/*:::::: START: Homepage Industry Block Amends - 19/08/18 */

@media screen and (min-width: 768px) {
    .flexbox-industry-blocks {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
    }
}

/*:::::: END: Homepage Industry Block Amends - 19/08/18 */

.page-template-page-contact .cta-bar,
.page-template-page-request-a-calback-php .cta-bar,
.page-template-page-request-a-demo-php .cta-bar {
    display: none
}
.cta-bar {
    color: #fff;
    /*background: url(../images/cta-bar-bg.jpg) no-repeat center/cover*/
    background: #05a9cc;
    background: linear-gradient(to right, #05a9cc, #07b0b5);
}
.cta-bar.band {
    padding: 40px 0
}
.cta-bar.band h2 {
    margin-bottom: 0;
    font-weight: 500
}
.cta-bar h2 {
    color: #fff;

    font-size: 2em
}
.cta-bar p {
    font-size: 1.4em;
    margin: 13px 0
}
.cta-bar a {
    display: inline-block;
    margin-top: 10px;
    padding: 15px 24px;
    letter-spacing: 0;
    border: 2px solid transparent;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out
}
.cta-bar a:hover {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff
}
.cta-bar a:last-of-type {
    margin-right: 0
}
.cs-slider {
    color: #fff;
    position: relative
}
.cs-slider .wrap {
    position: relative
}
.cs-slider .cs-slide-bg {
    position: relative;
    top: 0;
    left: 0;
    right: 0
}
.cs-slider .cs-slide {
    display: none;
    opacity: 0;
    position: relative;
    width: 100%;
    top: 0;
    min-height: 545px;
    left: 0;
    padding: 40px 0 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 750ms ease-out;
    -ms-transition: all 750ms ease-in;
    -o-transition: all 750ms ease-in;
    -moz-transition: all 750ms ease-in;
    transition: all 750ms ease-out
}
.cs-slider .cs-slide::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .45)
}
.cs-slider .cs-slide .button.white {
    border: 2px solid transparent;
    background: #fff
}
.cs-slider .cs-slide .button.white:hover {
    border: 2px solid #FFF;
    background: 0 0;
    color: #FFF
}
.cs-slider .cs-slide .inner {
    max-width: 818px;
    margin: 0 auto;
    width: 90%;
    position: relative;
    z-index: 99;
}
.cs-slider .cs-slide .cs-quote {
    font-size: 1.2em;
    line-height: 1.4;
    padding-left: 0;
    padding-right: 0
}
.cs-slider .cs-slide .contact-details {
    margin-top: 5px
}
.cs-slider .cs-slide .carousel-inner {
    max-width: 800px
}
.cs-slider .cs-slide strong {
    font-weight: 600
}
.cs-slider .cs-slide img {
    display: inline;
    max-width: 100px;
    border-radius: 100%;
    border: 3px solid rgba(255, 255, 255, .25)
}
.cs-slider .cs-slide.active {
    display: block;
    opacity: 1
}
.cs-slider .cs-slide.next {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}
.cs-slider .cs-slide a {
    margin-top: 15px;
    font-size: 1.3em;
    letter-spacing: 0;
    padding: 12px 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmYzZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #f9f9f9 0, #e6f3f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f9f9f9), color-stop(100%, #e6f3f5));
    background: -webkit-linear-gradient(left, #f9f9f9 0, #e6f3f5 100%);
    background: -o-linear-gradient(left, #f9f9f9 0, #e6f3f5 100%);
    background: -ms-linear-gradient(left, #f9f9f9 0, #e6f3f5 100%);
    background: linear-gradient(to right, #f9f9f9 0, #e6f3f5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6f3f5', GradientType=1)
}
.slider-controls {
    position: absolute;
    margin-left: -39px;
    left: 50%;
    z-index: 20;
    bottom: 14px
}
.slider-controls a {
    display: block;
    margin-bottom: 15px;
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    float: left;
    margin-right: 15px
}
.slider-controls a:last-of-type {
    margin-bottom: 0;
    margin-right: 0
}
.slider-controls a.active {
    background: #fff
}
.partner-block h4 {
    margin-top: 8px;
    color: #3F6C7F;
    font-weight: 500;
    font-size: 1.2em;
    text-shadow: 1px 1px 0 #FFF;
    letter-spacing: -.2px
}
.partner-block>.last {
    min-height: 600px;
    background: url(../images/side-grad.png) left top no-repeat
}
.partner-block .info-block {
    min-height: 150px;
    margin-bottom: 15px;
    text-align: center
}
.partner-block .info-block .text-left {
    text-align: center;
    margin-bottom: 50px
}
.partner-block .info-block img {
    display: inline-block
}
.partner-block .info-block p {
    max-width: 364px;
    font-size: 1.025em;
    line-height: 1.5;
    color: #5F767F
}
.shadow-box {
    background: #fff;
    position: relative;
    padding: 0;
    box-shadow: inset 1px 1px 4px 2px rgba(0, 0, 0, .07);
    border-radius: 12px;
    margin: 20px 0 30px
}
.shadow-box .item {
    float: left;
    width: 50%;
    display: block;
    padding: 0;
    text-align: center;
    line-height: 145px
}
.shadow-box .item:nth-last-child(1),
.shadow-box .item:nth-last-child(2),
.shadow-box .item:nth-last-child(3) {
    border-bottom: none
}
.shadow-box .item:last-of-type,
.shadow-box .item:nth-of-type(3) {
    border-right: none
}
.shadow-box .item img {
    display: inline-block;
    vertical-align: middle;
    max-width: 70%
}
.shadow-box::before {
    position: absolute;
    display: block;
    top: -15px;
    left: 50%;
    margin-left: -16px;
    content: url(../images/shadow-box-tail.png)
}
.global-founders {
    background: #f7f7f7
}
.global-founders img {
    margin: 0 auto;
    display: block;
    width: 70%;
    max-width: 300px
}
.global-founders .fourcol,
.global-founders .people-wrapper {
    margin-bottom: 20px
}
.global-founders .person {
    background: #FFF;
    margin: 0 10px;
    padding-top: 30px
}
.global-founders .person a {
    text-decoration: none
}
.global-founders .person .name {
    color: #3F6D80;
    font-size: 1.4em;
    display: block;
    font-weight: 500;
    margin-bottom: 0
}
.global-founders .person .title {
    font-size: 1.025em;
    color: #9FA7AD;
    font-weight: 400
}
.global-founders .wrap>.button {
    padding: 17px 22px;
    letter-spacing: .5px;
    font-size: 1.3em
}
.person-shots img.large {
    max-width: 80%;
    max-height: 300px;
    right: 10%
}
.we-work-with.mobwork {
    padding-top: 10px
}
.we-work-with.mobwork .logo {
    float: left;
    width: 33%;
    height: 78px;
    line-height: 80px
}
.we-work-with {
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 2
}
.we-work-with .logo {
    float: left;
    width: 50%;
    text-align: center;
    height: 112px;
    line-height: 112px;
    opacity: .85
}
.we-work-with .logo img {
    display: inline;
    vertical-align: middle;
    max-width: 80%
}
.we-work-with .viewall {
    margin-bottom: 30px
}
.as-trusted-by {
    text-align: center;
    height: 22px;
    margin-top: -21px;
    position: relative;
    z-index: 88
}
.as-trusted-by img {
    top: 6px;
    position: relative
}
.subtitle {
    color: #5F767F;
    font-size: 1.5em;
    font-weight: 200;
    margin-top: 0;
    margin-bottom: 20px
}
.map {
    text-align: center;
    padding: 60px 0;
    background: #fff
}
.map h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 3em;
    letter-spacing: -1px;
    display: inline-block
}
.map .area-wrap {
    position: relative
}
.map .area-wrap .pin {
    opacity: 0;
    position: absolute;
    margin-top: -25px;
    -webkit-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-out
}
.map .area-wrap .pin.shown {
    margin-top: 0;
    opacity: 1
}
.map .bottom {
    font-size: 1em;
    color: #85979D
}
.map .bottom .threecol {
    margin: 0 0 20px;
    width: 100%
}
.map .bottom .threecol.first {
    background: 0 0
}
.map .bottom .stat-icon {
    color: #82cabd;
    font-size: 5.5em;
    font-family: streamline-30px-filled-in
}
.map .bottom .dividebar {
    width: 50px;
    height: 3px;
    margin: 20px auto;
    background: #D3DBE1
}
.map .bottom strong {
    font-size: 2.2em;
    display: block;
    font-weight: 500;
    color: #3F6D7F!important;
    background: none!important;
}
.features {
    background: #fff;
}
.features .subtitle {
    margin-bottom: 40px
}
.features .fourcol {
    text-align: center;
    color: #5F767F;
    margin-bottom: 30px
}
.features .fourcol img {
    display: inline
}
.features .fourcol strong {
    color: #3F6D7F;
    font-size: 1.25em;
    display: block;
    margin-bottom: 5px;
    margin-top: 12px;
    font-weight: 500
}
.features .fourcol p {
    max-width: 320px;
    margin: 0 auto
}
.features h2 {
    margin-top: 0;
    margin-bottom: 10px
}
.features a.click-through {
    padding: 20px;
    margin-top: 15px;
    font-size: 1.3em
}
.gform_body,
.gform_footer {
    position: relative
}
.gform_validation_container {
    display: none
}
.byline {
    color: #999
}
.entry-content dd {
    margin-left: 0;
    font-size: .9em;
    color: #787878;
    margin-bottom: 1.5em
}
.entry-content img {
    margin: 0 0 1.5em;
    max-width: 100%;
    height: auto
}
.entry-content object,
.entry-content video {
    max-width: 100%;
    height: auto
}
.entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px
}
.wp-caption {
    max-width: 100%;
    background: #eee;
    padding: 5px
}
.wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%
}
.wp-caption p.wp-caption-text {
    font-size: .85em;
    margin: 4px 0 7px;
    text-align: center
}
.pagination,
.wp-prev-next {
    margin: 1.1em 0 2.2em
}
.pagination {
    text-align: center
}
.pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    margin: 1px
}
.pagination ul li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden
}
.pagination ul li a,
.pagination ul li span {
    margin: 0;
    text-decoration: none;
    line-height: 1em;
    font-size: 1em;
    font-weight: 400;
    padding: .5em;
    min-width: 1em;
    display: block
}
.pagination ul li span.current {
    font-weight: 700
}
.footer {
    background: #fff;
    clear: both
}
.footer-top {
    font-size: 16px;
    background: #f7f7f7;
    padding-bottom: 50px;
    padding-top: 40px
}
.footer-top .icon {
    line-height: 0;
    padding: 1px;
    font-size: 49px
}
.footer-top a {
    text-decoration: none
}
.footer-top .footer-latestevents .icon,
.footer-top .footer-pressreleases .icon {
    font-size: 45px
}
.footer-top .icon-wrapper {
    min-height: 54px
}
.footer-top .fourcol {
    margin-bottom: 30px
}
.footer-top h4 {
    color: #5A8193;
    font-size: 1.375em;
    margin: 10px 0 17px;
    letter-spacing: -.5px;
    text-shadow: 1px 1px 0 #fff
}
.footer-top .littlebar {
    width: 90px;
    height: 3px;
    background: #D7DFE2;
    display: block;
    margin: 0 auto
}
.footer-top .white {
    background: #fff;
    border-radius: 5px;
    padding: 31px;
    margin: 23px 20px 0;
    min-height: 237px;
    position: relative
}
.footer-top img {
    display: inline-block
}
.footer-top .carousel-control {
    display: inline-block;
    float: none;
    width: 30px;
    height: 30px;
    left: auto!important;
    right: auto!important;
    position: absolute;
    opacity: 1;
    bottom: 20px;
    top: auto;
    background: url(../images/carousel-arrows.png) no-repeat!important
}
.footer-top .carousel-control.left {
    background-position: 5px 5px!important;
    margin-left: -30px
}
.footer-top .carousel-control.right {
    background-position: -25px 5px!important;
    margin-left: -5px
}
.footer-top .item .pr-title {
    font-size: 1.15em;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #0DACCB
}
.footer-top .item p {
    font-size: .95em;
    line-height: 1.7;
    color: #5F767F;
    margin-bottom: 40px
}
.footer-top input {
    appearance: none;
    -webkit-appearance: none
}
#carousel-about {
    margin-top: 25px
}
.footer-mailinglist .gform_heading {
    font-size: .95em;
    margin: 0 20px;
    color: #5F767F;
    line-height: 1.7
}
.footer-mailinglist input[type=email] {
    font-family: Gesta, Arial, Sans-Serif;
    border: 1px solid #EBEBEB;
    width: 100%;
    box-shadow: inset 1px 1px 5px rgba(175, 175, 175, .3);
    color: #84A1AF;
    text-align: center;
    font-size: 1.1em;
    border-radius: 5px;
    padding: 13px 0
}
.footer-mailinglist input[type=email]:focus {
    outline: 0;
    background: #FCFCFC
}
.footer-mailinglist::-webkit-input-placeholder {
    color: #84A1AF
}
.footer-mailinglist:-moz-placeholder {
    color: #84A1AF
}
.footer-mailinglist::-moz-placeholder {
    color: #84A1AF
}
.footer-mailinglist:-ms-input-placeholder {
    color: #84A1AF
}
.footer-mailinglist input[type=submit] {
    background: #fff;
    width: 100%;
    text-shadow: none;
    font-family: Gesta, Arial, Sans-Serif;
    font-size: 1.1em;
    border: 2px solid #0DACCB;
    font-weight: 400;
    border-radius: 5px;
    color: #0DACCB;
    letter-spacing: 1px;
    margin-top: 5px;
    padding: 12px 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-transition: all 180ms ease-out;
    -ms-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
    -moz-transition: all 180ms ease-in;
    transition: all 180ms ease-out
}
.footer-mailinglist input[type=submit]:hover {
    background: #73CDCE;
    color: #fff
}
.case-study-single .big-header .wrap {
    padding: 40px 0
}
.case-study-single .big-header h2 {
    margin-bottom: 20px
}
.case-study-single .big-header p {
    max-width: 750px;
    margin: 0 auto
}
.case-study-single .page-intro {
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none
}
.case-study-single .helped-testimonial {
    margin-top: 70px;
    padding-top: 70px
}
.case-study-single .helped-testimonial img {
    border: none;
    margin-top: 20px;
    margin-bottom: 15px
}
.case-study-single .helped-testimonial .h4 {
    font-weight: medium;
    font-size: 2.6em
}
.cs-overview p {
    font-size: 1em;
    color: #5F767F
}
.cs-overview p:first-of-type {
    font-size: 1.2em;
    font-weight: 300
}
.challenge-solution {
    background: #fff
}

/* Case Study Changes - 17/09/18 */
.single-case-study .big-header {min-height: 370px; max-height: 410px;}
.single-case-study .big-header .button.green {
    padding: 10px 15px;
    border: none !important;
    margin-top: 30px;
}
.single-case-study .page-intro.band {padding: 80px 0px;}
.single-case-study .challenge-solution {background: none;}
/* End */

.challenge-solution .sect-title {
    font-size: 1.45em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #5F767F
}
.challenge-solution p {
    color: #5F767F
}
.challenge-solution h6 {
    font-size: 1.45em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #5F767F
}
#inner-footer .last {
    color: #ACBFC9;
    font-weight: 500
}
.project-goals .sixcol,
.why-partner .sixcol {
    text-align: center;
    margin-top: 25px
}
.project-goals .sixcol .icoholder,
.why-partner .sixcol .icoholder {
    margin-bottom: 20px;
    line-height: 1;
    font-family: streamline;
    font-size: 3em
}
.project-goals h4,
.why-partner h4 {
    color: #3F6C7F;
    font-size: 1.2em;
    font-weight: 700
}
.project-goals p,
.why-partner p {
    line-height: 1.5;
    color: #5F767F
}
.project-goals {
    background: #fff
}
#banner-area .slide-images img {
    height: auto
}
#carousel-about .carousel-indicators {
    bottom: -30px
}
.page-template-page-module-php .top-nav li.menu-item-240 a {
    color: #06A5C7
}
.eightcol.blogpost p:first-of-type {
    margin-top: 0
}
.resource-switcher .resource-contents .item-name {
    padding: 0 10px
}
.career-title a {
    color: #3F6C7F
}
.learn-icons {
    font-size: 2.4em;
    padding: 1px;
    color: #0DACCB
}
span.icon.careericon {
    font-size: 1.2em;
    vertical-align: -4px;
    color: #0DACCB;
    padding: 1px
}
.social {
    display: inline-block;
    background: url(../images/social-icons.png) no-repeat #acc0c9;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin-right: 9px;
    vertical-align: -15px;
    box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .2);
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out
}
.social:last-of-type {
    margin-right: 0
}
.social:hover {
    background-color: #7E9FAD
}
.social.twitter {
    background-position: 12px 10px
}
.social.linkedin {
    background-position: -34px 11px
}
.social.facebook {
    background-position: -79px 11px
}
.social.youtube {
    background-position: -124px 11px
}
.social.gplus {
    background-position: -170px 11px
}
.footer-logos {
    margin-top: 45px;
    background: url(../images/footer-shadow-top.png) top center no-repeat;
    padding-top: 45px;
    display: none
}
.post-author {
    background: #f9f9f9;
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: .9em;
    border: 1px solid #eee;
    padding: 20px
}
.post-author p:last-of-type {
    margin-bottom: 0
}
.post-author strong {
    font-size: 1.1em;
    margin-bottom: 10px
}
.post-author img {
    border: 2px solid #eee;
    border-radius: 5px;
    width: 100%;
    max-width: 100px
}
@media only screen and (min-device-width: 220px) and (max-device-width: 320px) and (orientation: portrait) {
    #banner-area .slide-info {
        padding: 0 10px 10px!important
    }
    #banner-area {
        padding: 44% 0 40px
    }
    /*h1 h2 refactor*/
    .slide-info h1,
    #banner-area .slide-info h2
    .slide-info h2 {
        font-size: 2.4em !important;
        line-height: 1.2em;
    }
    /*end*/
    .top-bar {
        font-size: 11px!important
    }
    .top-bar .phone {
        padding: 0 8px!important;
        margin: 0 8px!important
    }
    .slide-info .button-title {
        font-size: .7em!important
    }
    .button.tv {
        border-radius: 3px 3px 0 0!important;
        width: 80%!important
    }
    .button.pub {
        border-radius: 0 0 3px 3px!important;
        width: 80%!important
    }
}
div.button,
div.button span,
div.checker span,
div.radio span,
div.selector,
div.selector span,
div.uploader,
div.uploader span.action {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased
}
div.button,
div.checker,
div.radio,
div.selector,
div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}
div.button:focus,
div.checker:focus,
div.radio:focus,
div.selector:focus,
div.uploader:focus {
    outline: 0
}
div.button,
div.button *,
div.checker,
div.checker *,
div.radio,
div.radio *,
div.selector,
div.selector *,
div.uploader,
div.uploader * {
    margin: 0;
    padding: 0
}
.highContrastDetect {
    background: url(../images/bg-input.png) repeat-x;
    width: 0;
    height: 0
}
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    padding: 3px;
    background: url(../images/bg-input.png) repeat-x;
    outline: 0
}
input.uniform-input.active,
select.uniform-multiselect.active,
textarea.uniform.active {
    background: url(../images/bg-input-focus.png) repeat-x
}
div.checker input,
input[type=search],
input[type=search]:active {
    -moz-appearance: none;
    -webkit-appearance: none
}
div.selector {
    background-position: 0 -130px;
    line-height: 26px;
    height: 26px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden
}
div.selector span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block
}
div.selector.fixedWidth {
    width: 190px
}
div.selector.fixedWidth span {
    width: 155px
}
div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: 0 0;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0;
    width: 100%
}
div.selector.active {
    background-position: 0 -156px
}
div.selector.active span {
    background-position: right -26px
}
div.selector.focus,
div.selector.hover {
    background-position: 0 -182px
}
div.selector.focus span,
div.selector.hover span {
    background-position: right -52px
}
div.selector.focus.active,
div.selector.hover.active {
    background-position: 0 -208px
}
div.selector.focus.active span,
div.selector.hover.active span {
    background-position: right -78px
}
div.selector.disabled,
div.selector.disabled.active {
    background-position: 0 -234px
}
div.selector.disabled span,
div.selector.disabled.active span {
    background-position: right -104px
}
div.checker {
    position: relative
}
div.checker,
div.checker input,
div.checker span {
    width: 19px;
    height: 19px
}
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px
}
div.checker span.checked {
    background-position: -76px -260px
}
div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: 0 0;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1
}
div.checker.active span {
    background-position: -19px -260px
}
div.checker.active span.checked {
    background-position: -95px -260px
}
div.checker.focus span,
div.checker.hover span {
    background-position: -38px -260px
}
div.checker.focus span.checked,
div.checker.hover span.checked {
    background-position: -114px -260px
}
div.checker.focus.active span,
div.checker.hover.active span {
    background-position: -57px -260px
}
div.checker.focus.active span.checked,
div.checker.hover.active span.checked {
    background-position: -133px -260px
}
div.checker.disabled,
div.checker.disabled.active {
    background-position: -152px -260px
}
div.checker.disabled span.checked,
div.checker.disabled.active span.checked {
    background-position: -171px -260px
}
div.radio {
    position: relative
}
div.radio,
div.radio input,
div.radio span {
    width: 18px;
    height: 18px
}
div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px
}
div.radio span.checked {
    background-position: -72px -279px
}
div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: 0 0;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    text-align: center
}
div.radio.active span {
    background-position: -36px -279px
}
div.radio.active span.checked {
    background-position: -90px -279px
}
div.radio.focus span,
div.radio.hover span {
    background-position: -72px -279px
}
div.radio.focus span.checked,
div.radio.hover span.checked {
    background-position: -108px -279px
}
div.radio.focus.active span,
div.radio.hover.active span {
    background-position: -54px -279px
}
div.radio.focus.active span.checked,
div.radio.hover.active span.checked {
    background-position: -126px -279px
}
div.radio.disabled span,
div.radio.disabled.active span {
    background-position: -144px -279px
}
div.radio.disabled span.checked,
div.radio.disabled.active span.checked {
    background-position: -162px -279px
}
div.uploader {
    background-position: 0 -297px;
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}
div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 85px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer
}
div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 82px;
    padding: 0 10px
}
div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%
}
div.uploader.active span.action {
    background-position: right -465px
}
div.uploader.focus,
div.uploader.hover {
    background-position: 0 -353px
}
div.uploader.focus span.action,
div.uploader.hover span.action {
    background-position: right -437px
}
div.uploader.focus.active span.action,
div.uploader.hover.active span.action {
    background-position: right -493px
}
div.uploader.disabled,
div.uploader.disabled.active {
    background-position: 0 -325px
}
div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
    background-position: right -381px
}
div.button {
    background-position: 0 -641px;
    height: 30px;
    cursor: pointer;
    position: relative
}
div.button a,
div.button button,
div.button input {
    opacity: .01;
    filter: alpha(opacity=1);
    -moz-opacity: .01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}
div.button span {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    line-height: 30px;
    text-align: center;
    background-position: right -521px;
    height: 30px;
    margin-left: 13px;
    padding: 0
}
div.button.active {
    background-position: 0 -671px
}
div.button.active span {
    background-position: right -551px;
    cursor: default
}
div.button.focus,
div.button.hover {
    background-position: 0 -701px
}
div.button.focus span,
div.button.hover span {
    background-position: right -581px
}
div.button.disabled,
div.button.disabled.active {
    background-position: 0 -731px
}
div.button.disabled span,
div.button.disabled.active span {
    background-position: right -611px;
    cursor: default
}
@media only screen and (min-width: 481px) {
    .entry-content .alignleft,
    .entry-content img.alignleft {
        margin-right: 1.5em;
        display: inline;
        float: left
    }
    .entry-content .alignright,
    .entry-content img.alignright {
        margin-left: 1.5em;
        display: inline;
        float: right
    }
    .entry-content .aligncenter,
    .entry-content img.aligncenter {
        margin-right: auto;
        margin-left: auto;
        display: block;
        clear: both
    }
}

@media only screen and (max-width: 767px) {
    .job-posts .career-post.career-page,
    .job-posts.band .cp-wrap .career-post {width: 98%;}
    .career-post.career-page .inner {min-height: auto;}
    .career-post.career-page .more {position: static;}
    .career-post.career-page .job-info {position: static; width: 100%;}

    /* New Partners Page Additions */
    .partner-in-focus h2 {padding-bottom: 20px;}
    .focus-partner-info {width: 100%; float: none; border: none;}
    .focus-logo {
        width: 70px;
        max-width: 20%;
        margin: 0px auto;
        margin-bottom: 20px;
        float: none;
    }
    .partner-in-focus .focus-body {
        float: none; 
        width: 100%; 
        margin-bottom: 20px; 
        text-align: center; 
        padding-right: 20px;
    } 
    .partner-in-focus .focus-partner-video {float: none; width: 100%;}

    .who-we-partner.band .sixcol.who-block {padding-right: 0px !important;}
    .single-who-block-wrap .who-block-icon {width: 30%; float: none; margin: 0px auto;}
    .single-who-block-wrap .who-block-icon img {max-width: 100px;}
    .single-who-block-wrap .who-block-text {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0px auto;
        padding-left: 0px;
    }
    .single-who-block-wrap {margin-bottom: 0px;}
    .partners-divider {display: none;}
    .fivecol.leading-brand-partner-logos {padding-left: 0px;}

    /* END */

    /* New Whitepaper/Guide Edits */
    .whitepaper-header .button {margin-bottom: 20px;}

    /* END */

}

@media only screen and (min-width: 768px) {
    .onecol {
        width: 6.5%
    }
    .twocol {
        width: 15%
    }
    .threecol {
        width: 23.5%
    }
    .fourcol {
        width: 32%
    }
    .fivecol {
        width: 40.5%
    }
    .sixcol {
        width: 49%
    }
    .sevencol {
        width: 57.5%
    }
    .eightcol {
        width: 66%
    }
    .ninecol {
        width: 74.5%
    }
    .tencol {
        width: 83%
    }
    .elevencol {
        width: 91.5%
    }
    .twelvecol {
        width: 99.999999993%
    }
    .fifthcol {
        width: 18.39%
    }
    .eightcol,
    .elevencol,
    .fifthcol,
    .fivecol,
    .fourcol,
    .ninecol,
    .onecol,
    .sevencol,
    .sixcol,
    .tencol,
    .threecol,
    .twelvecol,
    .twocol {
        position: relative;
        float: left;
        margin-left: 2%
    }
    .first {
        margin-left: 0
    }
    .last {
        float: right
    }
    body {
        overflow-x: auto
    }
    .black-overlay {
        opacity: .8;
        z-index: 90
    }
    .band.home-industries {
        padding-left: 45px;
        padding-right: 45px;
    }
    .showmob {
        display: none
    }
    .hidemob {
        display: block
    }
    .about-anchors {
        border-bottom: 1px solid #fff
    }
    a.anchor {
        margin-top: -140px !important;
        position: absolute !important;
    }
    .res-page.related-resources a.active::after {
        content: url(../images/blue-arrow-down.png);
        z-index: 5;
        position: absolute;
        bottom: -19px;
        left: 50%;
        margin-left: -10px
    }
    .res-page.related-resources .resource-switcher .buttons,
    .res-page.related-resources .resource-switcher .buttons a,
    .job-posts .buttons a,
    .job-posts .buttons {
        border-radius: 0!important;
    }
    .home-industries .industry-block {
        margin-bottom: 0;
    }
    #container {
        margin: 0 auto;
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none
    }
    #container.menu-open {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    #inner-content {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .intro-copy {
        font-size: 24px
    }
    .our-clients .client-logo {
        float: left;
        width: 33.3%
    }
    .about-bottom .sixcol.last {
        min-height: 600px
    }
    .about-bottom .career-post .inner {
        margin: 0
    }
    .home-gallery {
        width: 49%;
        margin-bottom: 40px
    }
    .home-gallery:nth-of-type(3) {
        margin-left: 0
    }
    .above-blue-blocks .threecol {
        margin-bottom: 0
    }
    .band {
        padding: 45px 0 55px
    }
    .page-intro.band {
        padding: 40px 0
    }
    .page-intro {
        font-size: 1.7em
    }
    .why-partner.band {
        padding: 50px 0 20px
    }
    .header-platform-features {
        padding-top: 65px
    }
    .header-platform-features .first {
        padding-top: 20px
    }
    .header-platform-features .first img {
        margin: 20px 0
    }
    .pf-features .fourcol {
        margin-bottom: 50px
    }
    .iconcol {
        width: 100%;
        float: none;
        margin: 0!important
    }
    .titlecol {
        width: 100%;
        float: left;
        padding-top: 5px;
        margin: 0!important;
        font-size: .9em;
        font-weight: 500
    }
    body.home header.smaller .platform-dd,
    header .platform-dd,
    header.smaller .platform-dd {
        position: absolute;
        border-radius: 0;
        overflow: hidden;
        background: #fff;
        display: none;
        z-index: 90;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
        border-top: 1px solid #eee;
        width: 100%;
        right: auto;
        left: auto;
        top: 125px;
        text-align: center
    }
    body.home header.smaller .platform-dd .twocol,
    header .platform-dd .twocol,
    header.smaller .platform-dd .twocol {
        width: 33.3%;
        border-right: 1px solid #eee;
        margin: 0;
        padding: 0
    }
    body.home header.smaller .platform-dd .twocol a,
    header .platform-dd .twocol a,
    header.smaller .platform-dd .twocol a {
        -webkit-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-in;
        -o-transition: all 250ms ease-in;
        -moz-transition: all 250ms ease-in;
        transition: all 250ms ease-out;
        background: #fff;
        padding: 20px 20px 37px;
        text-decoration: none;
        display: block;
        color: #3F6D7F;
        font-size: 1.1em
    }
    body.home header.smaller .platform-dd .twocol a .box-icon-wrapper,
    header .platform-dd .twocol a .box-icon-wrapper,
    header.smaller .platform-dd .twocol a .box-icon-wrapper {
        margin-bottom: 0;
        height: 95px;
        width: 80px;
        background: 0 0!important
    }
    body.home header.smaller .platform-dd .twocol a .box-icon-wrapper span,
    header .platform-dd .twocol a .box-icon-wrapper span,
    header.smaller .platform-dd .twocol a .box-icon-wrapper span {
        color: #3F6D7F
    }
    body.home header.smaller .platform-dd .twocol a:hover,
    header .platform-dd .twocol a:hover,
    header.smaller .platform-dd .twocol a:hover {
        color: #fff;
        background: #5F767F
    }
    body.home header.smaller .platform-dd .twocol a:hover .box-icon-wrapper span,
    header .platform-dd .twocol a:hover .box-icon-wrapper span,
    header.smaller .platform-dd .twocol a:hover .box-icon-wrapper span {
        color: #fff
    }
    body.home header.smaller .platform-dd .twocol:last-of-type,
    body.home header.smaller .platform-dd .twocol:nth-of-type(3),
    header .platform-dd .twocol:last-of-type,
    header .platform-dd .twocol:nth-of-type(3),
    header.smaller .platform-dd .twocol:last-of-type,
    header.smaller .platform-dd .twocol:nth-of-type(3) {
        border-right: none;
        width: 33.4%
    }
    body.home header.smaller .platform-dd .twocol:nth-of-type(1),
    body.home header.smaller .platform-dd .twocol:nth-of-type(2),
    body.home header.smaller .platform-dd .twocol:nth-of-type(3),
    header .platform-dd .twocol:nth-of-type(1),
    header .platform-dd .twocol:nth-of-type(2),
    header .platform-dd .twocol:nth-of-type(3),
    header.smaller .platform-dd .twocol:nth-of-type(1),
    header.smaller .platform-dd .twocol:nth-of-type(2),
    header.smaller .platform-dd .twocol:nth-of-type(3) {
        border-bottom: 1px solid #eee
    }
    body.home header .platform-dd {
        background: 0 0;
        box-shadow: 3px 13px 13px rgba(0, 0, 0, .35);
        border-top: 1px solid #393F40
    }
    body.home header .platform-dd .twocol {
        border-right: 1px solid #393F40
    }
    body.home header .platform-dd .twocol a {
        -webkit-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-in;
        -o-transition: all 250ms ease-in;
        -moz-transition: all 250ms ease-in;
        transition: all 250ms ease-out;
        background: rgba(26, 46, 57, .98);
        color: #fff
    }
    body.home header .platform-dd .twocol a .box-icon-wrapper {
        background: 0 0!important
    }
    body.home header .platform-dd .twocol a .box-icon-wrapper span {
        color: #fff
    }
    body.home header .platform-dd .twocol a:hover {
        color: #fff;
        background: #5F767F
    }
    body.home header .platform-dd .twocol a:hover .box-icon-wrapper span {
        color: #fff
    }
    body.home header .platform-dd .twocol:nth-of-type(1),
    body.home header .platform-dd .twocol:nth-of-type(2),
    body.home header .platform-dd .twocol:nth-of-type(3) {
        border-bottom: 1px solid #393F40
    }
    .header .industry-dd a:hover {
        background: #5F767F
    }
    .header .industry-dd a:hover .lititle {
        color: #fff
    }
    .industry-dd {
        position: absolute;
        overflow: hidden;
        display: none; /* remove after testing; reset to none */
        z-index: 90;
        border-left: none;
        border-right: none;
        width: 100%;
        font-size: 0;
        right: 0;
        left: 0;
        top: 105px;
        text-align: left;
        font-weight: 500;
        -webkit-transition: background 250ms ease, border 250ms ease;
        -ms-transition: background 250ms ease, border 250ms ease;
        -o-transition: background 250ms ease, border 250ms ease;
        -moz-transition: background 250ms ease, border 250ms ease;
        transition: background 250ms ease, border 250ms ease
    }
    .industry-dd .ind-dd-item, .home .header .industry-dd .ind-dd-item {
        margin: 0 !important;
        font-size: 16px;
        width: auto;
        /* 29/10/18 – START: Retail Split */
        max-width: 210px;
        min-height: 175px;
        max-height: 175px;
        /* 29/10/18 – END: Retail Split */
        vertical-align: top;
        background: rgba(26, 46, 57, .98);
        border-right: 1px solid #EEE;
        border-top: 1px solid #EEE;
    }
    .industry-dd .ind-dd-item.first {
        overflow: hidden;
        /*border-bottom-left-radius: 5px;*/
    }
    .industry-dd .ind-dd-item.last {
        overflow: hidden;
        /*border-bottom-right-radius: 5px;*/
    }
    .header .industry-dd .ind-dd-item.last {
        border-right: none !important;
    }
    .industry-dd .ind-dd-item .lititle {
        -webkit-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-in;
        -o-transition: all 250ms ease-in;
        -moz-transition: all 250ms ease-in;
        transition: all 250ms ease-out
    }
    .home .header.smaller .ind-dd-item, .header .ind-dd-item {
        background: white;
    }
    .home .header .industry-dd .ind-dd-item {
        border-right: 1px solid #393F40;
         border-top: 1px solid #393F40;
    }
    .home .header.smaller .industry-dd .ind-dd-item {
        border-right: 1px solid #eee;
         border-top: 1px solid #eee;
    }
    .home .header .industry-dd .ind-dd-item .lititle {
        color: white;
    }
    .industry-dd .ind-dd-item .lititle {
        margin: 10px 0 0;
        border: none;
        display: block;
        color: #3F6D7F;
        text-align: center;
        font-size: 0.9em;
    }
    .home .header.smaller .industry-dd .ind-dd-item .lititle {
        color: white;
    }
    .industry-dd .ind-dd-item a {
        padding: 20px;
        display: block;
        text-decoration: none;
        transition: 0.2s all ease;
        -webkit-transition: 0.2s all ease;
        -moz-transition: 0.2s all ease;
    }
    .home .header.smaller .industry-dd .ind-dd-item a:hover .lititle {
        color: #fff;
    }
    .home .header.smaller .industry-dd .ind-dd-item {
        border-right: 1px solid #eee;
    }
    .home .header .ind-dd-item.last {
        border-right: none !important;
    }
    .home .header.smaller .industry-dd .ind-dd-item .lititle {
        color: #3F6D7F;
    }
    .why-slider {
        padding-bottom: 58px!important
    }
    .why-slider .carousel-caption {
        min-height: 230px
    }
    .why-slider .carousel-caption h3 {
        font-size: 2em
    }
    .why-slider .carousel-control {
        width: 80px;
        height: 80px;
        top: 50%;
        position: absolute;
        font-size: 1.6em;
        float: none;
        margin-top: -40px;
        left: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-in;
        -o-transition: all 250ms ease-in;
        -moz-transition: all 250ms ease-in;
        transition: all 250ms ease-out
    }
    .why-slider .carousel-control:hover {
        opacity: 1;
        background-color: #C1D3D6
    }
    .why-slider .carousel-control.left {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        background-position: 30px 25px!important
    }
    .why-slider .carousel-control.right {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        background-position: -590px 25px!important
    }
    p.subtitle {
        padding: 0 2%
    }
    .subtitle {
        margin-bottom: 30px
    }
    .icon-left {
        display: block
    }
    .icon-left div {
        font-size: 59px
    }
    .ind-intro {
        padding-left: 15px
    }
    .ind-intro::after {
        content: '';
        border-left: 1px solid #D9D9D9;
        position: absolute;
        left: -4%;
        height: 100%;
        top: 0;
        bottom: 0
    }
    .dotted-intro {
        max-width: 90%;
        font-size: 2em;
        font-weight: 200
    }
    .standard-page-rows .stand-row .text {
        padding-right: 20px
    }
    .standard-page-rows .stand-row .first.last .text {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        column-width: 50%;
        -webkit-column-width: 50%
    }
    .standard-page-rows .stand-row img {
        margin-top: 0
    }
    .resource-switcher .buttons {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0)
    }
    .resource-switcher .mobile-button-dd {
        display: none
    }
    .resource-switcher.square .resource-contents .content-area {
        background-size: cover;
        padding: 40px 50px
    }
    .resource-switcher.square .buttons {
        border-radius: 0!important;
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        left: auto;
        display: block!important;
        opacity: 1!important;
        z-index: 1;
        margin-top: 0;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0)
    }
    .resource-switcher.square .buttons a {
        border-radius: 0!important;
        width: 20%;
        border-right: 1px solid #EEE
    }
    .resource-switcher.square .buttons a:hover {
        background-color: #FAFAFA
    }
    .resource-switcher.square .buttons a.active:hover {
        background-color: #06A8CA
    }
    .resource-switcher .buttons {
        position: relative;
        opacity: 1!important;
        z-index: 1!important;
        width: 100%;
        left: auto;
        right: auto;
        text-align: center;
        background: #fff;
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
        margin-bottom: 30px
    }
    .resource-switcher .buttons a,
    .job-posts .buttons a  {
        border-right: 1px solid #EEE;
        transition: .25s background-color ease;
        -moz-transition: .25s background-color ease;
        -webkit-transition: .25s background-color ease;
        -o-transition: .25s background-color ease
    }
    .resource-switcher .buttons a:hover,
    .job-posts .buttons a:hover {
        background-color: #FAFAFA
    }
    .resource-switcher .buttons a.active:hover,
    .job-posts .buttons a.active:hover {
        background-color: #08AACC
    }
    .resource-switcher .buttons a.active::after,
   .job-posts .buttons a.active::after   {
        content: url(../images/blue-arrow-down.png);
        position: absolute;
        bottom: -19px;
        z-index: 5;
        left: 50%;
        margin-left: -10px
    }

	.page-template-page-industry .resource-switcher .buttons a.active::after {bottom: -12px;}

    .resource-switcher .buttons a.active::after {
        bottom: -15px;
    }

    .resource-switcher .resource-contents .fourcol {
        margin-bottom: 30px
    }
    .big-header .wrap {
        padding: 80px 0
    }
    .big-header.header-partners {
        background-image: url(../images/partners-title.jpg)
    }
    .big-header.header-partners p {
        font-size: 1.6em
    }
    .partners-blue .wrap h2 {
        margin-bottom: 70px
    }
    .partners-blue .wrap .button {
        margin-top: 55px
    }
    .supporting-partners .wrapped {
        margin: 0 auto;
        max-width: 60%
    }
    .industry-intro {
        padding-top: 75px;
        padding-bottom: 75px
    }
    .industry-intro .intro {
        line-height: 1.5
    }
    .industry-intro h1,
    .industry-intro h2 {
        margin-bottom: 66px
    }
    .industry-intro .sixcol:last-of-type img {
        margin-top: 0
    }
    .industry-solutions .subtitle {
        margin-bottom: 50px
    }
    .cta-bar a {
        margin-right: 20px
    }
    .cta-bar h2 {
        color: #fff;
        font-size: 2.5em
    }
    .cta-band {
        text-align: left;
        font-size: 18px
    }
    .cta-band h3 {
        font-size: 32px;
        float: left;
        display: inline-block;
        margin-bottom: 0
    }
    .cta-band h4 {
        font-size: 18px
    }
    .cta-band a {
        padding: 15px 25px;
        display: inline-block;
        float: right;
        margin-top: 5px
    }
    .cta-band a:last-of-type {
        margin-right: 0
    }
    .we-helped {
        padding: 80px 0
    }
    .we-helped p {
        font-size: 1.25em;
        max-width: 90%
    }
    .we-helped::before {
        background: rgba(0, 0, 0, .6)
    }
    .we-helped h3 {
        letter-spacing: -.5px;
        font-size: 3.2em
    }
    .we-helped .fivecol {
        width: 100%
    }
    @keyframes dottedbox {
        0% {
            width: 20px;
            height: 0
        }
        30% {
            width: 20px;
            height: 45px
        }
        80% {
            width: 661px;
            height: 45px
        }
        100% {
            width: 661px;
            height: 270px
        }
    }
    @-webkit-keyframes dottedbox {
        0% {
            width: 20px;
            height: 0
        }
        30% {
            width: 20px;
            height: 45px
        }
        80% {
            width: 661px;
            height: 45px
        }
        100% {
            width: 661px;
            height: 270px
        }
    }
    @-moz-keyframes dottedbox {
        0% {
            width: 20px;
            height: 0
        }
        30% {
            width: 20px;
            height: 45px
        }
        80% {
            width: 661px;
            height: 45px
        }
        100% {
            width: 661px;
            height: 270px
        }
    }
    .how-we-help .sixcol.first {
        margin-bottom: 0
    }
    .how-we-help .dotted-track {
        display: block;
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 145px;
        height: 270px;
        width: 661px;
        overflow: hidden;
        margin-left: -330px;
        text-align: center
    }
    .how-we-help .dotted-track .insider {
        display: inline-block;
        background: url(../images/dotted-box.png) center top no-repeat;
        height: 0;
        width: 20px
    }
    .how-we-help.animated .dotted-track .insider {
        animation: dottedbox .5s 1;
        -webkit-animation: dottedbox .5s 1;
        -moz-animation: dottedbox .5s 1;
        -webkit-animation-fill-mode: forwards
    }
    .how-we-help.animated .sixcol {
        transition-delay: .5s;
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .5s;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .how-we-help .sixcol {
        margin-top: 0;
        padding-top: 55px;
        position: relative;
        z-index: 3;
    }
    .how-we-help .sixcol .tab-background {
        background-size: cover;
        width: 90%;
        max-width: 370px
    }
    .contact-sidebar {
        max-width: 300px;
        padding-left: 30px;
        margin-top: 0
    }
    li#field_15_7,
    li#field_5_7 {
        width: 100%;
        padding-right: 0!important
    }
    .cf-main-wrap .gform_wrapper .gfield {
        float: left;
        width: 50%
    }
    .cf-main-wrap .gform_wrapper .gfield:nth-of-type(odd) {
        padding-right: 15px
    }
    .cf-main-wrap .gform_wrapper .gfield:nth-of-type(even) {
        padding-left: 15px
    }
    .cf-main-wrap .gform_wrapper .gfield:last-of-type {
        width: 100%;
        padding: 0;
        float: none;
        margin-bottom: 26px
    }
    .cf-main-wrap .gform_wrapper input[type=submit] {
        width: auto
    }
    .contact-map.band {
        padding-bottom: 30px
    }
    .contact-map .office:nth-of-type(10),
    .contact-map .office:nth-of-type(13),
    .contact-map .office:nth-of-type(4),
    .contact-map .office:nth-of-type(7) {
        margin-left: 0
    }
    .contact-map .office .inside {
        padding: 25px;
        margin: 10px;
        min-height: 265px
    }
    .contact-map .office .inside h4 img {
        display: block;
        margin-bottom: 10px
    }
    .contact-bottom .first {
        padding-right: 35px
    }
    .contact-bottom .career-post {
        margin-left: 40px
    }
    /*.module-intro {
        font-size: 1.9em;
        font-weight: 200;
        line-height: 1.5em;
        color: #5F767F;
        padding: 35px 50px;
        margin-bottom: 40px
    }*/

    /*h1 h2 refactor*/
    .module-intro h1 {
        font-size: 1.9em;
        font-weight: 200;
        line-height: 1.5em;
        color: #5F767F;
        padding: 35px 50px;
        margin-bottom: 40px
    }
    /*end*/
    .module-blocks .career-block .content {
        padding-top: 30px;
        margin-bottom: 0
    }
    .testimonial {
        font-size: 24px
    }
    .testimonial p {
        margin: 0 80px 20px
    }
    #inner-footer .last {
        margin-top: -10px;
        text-align: right
    }
    .social {
        width: 38px;
        height: 38px;
        margin-right: 5px
    }
    .social:first-of-type {
        margin-left: 10px
    }
    .curlang img {
        position: relative;
        top: -1px
    }
    .curlang img.flag {
        top: 1px
    }
    .topbar {
        display: block;
        padding: 10px 0
    }
    .topbar.mobile {
        display: none
    }
    .topbar p {
        display: block;
        padding: 5px 0 0
    }
    .topbar form {
        float: right
    }
    .topbar form input {
        float: left;
        width: auto
    }
    .topbar form input#searchsubmit {
        width: 40px;
        display: inline-block;
        background: url(../images/search-icon.png) center/16px no-repeat #666;
        overflow: hidden;
        text-indent: -5000px
    }
    .topbar form input#searchsubmit:hover {
        background-color: #000
    }
    .carousel-indicators,
    .flex-control-nav {
        display: block
    }
    .slider .carousel-caption {
        right: 0;
        left: 0;
        bottom: 30px;
        font-weight: 400;
        width: 100%;
        font-size: 18px;
        padding: 45px 0;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
        background: 0 0
    }
    .slider .item .carousel-caption {
        top: 100%;
        opacity: .01;
        -webkit-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-out
    }
    .slider .item.active .carousel-caption {
        position: absolute;
        top: 0;
        opacity: .99
    }
    .slider .carousel-caption .wrap {
        background: 0 0;
        text-align: left
    }
    .slide-info {
        text-shadow: none;
        max-width: 500px;
        width: auto;
        padding: 20px 20px 20px 0;
        display: inline-block
    }
    /*h1 h2 refactor */
    .slide-info h1,
    .slide-info h2,
    #banner-area .slide-info h2.homepage-title {
        padding: 0;
        margin: 0;
        font-size: 1.8em
    }
    .slide-info .button {
        font-size: 1.1em;
        float: left
    }
    .slide-info .button-title, 
    #banner-area .slide-info h1.button-title {
        font-size: .9em
    }
    /*end*/
    .slide-info p {
        font-size: 1.2em;
        line-height: 1.6;
        font-weight: 300;
        margin-top: 10px
    }
    .carousel-inner {
        padding-bottom: 0;
        overflow: hidden;
        max-height: 600px
    }
    .carousel-inner img {
        max-width: 80%
    }
    .map {
        text-align: center;
        padding: 60px 0;
        background: url(../images/bgmap.png) bottom center/100% no-repeat #fff
    }
    .map .bottom .threecol {
        width: 25%;
        padding: 0 20px
    }
    .wrap {
        width: 92%;
        max-width: 1360px
    }
    .big-header h1,
    .big-header h2 {
        margin-bottom: 10px;
        font-size: 4.2em
    }
    .big-header p {
        font-size: 1.6em
    }
    .page-template-page-careers-php .big-header::after {
        background: rgba(0, 0, 0, .25)
    }
    img.caselogo {
        max-width: 200px
    }
    .case-study-single {
        text-align: left
    }

    /* Case Study Changes - 17/09/18 */
    .case-study-single .big-header .wrap {
        /*padding: 150px 0;*/
        padding: 80px 0;
    }
    /* End */

    .case-study-single .big-header h1,
    .case-study-single .big-header h2 {
        margin-bottom: 0
    }
    .case-study-single .helped-testimonial {
        margin-top: 170px;
        background: url(../images/bottom-shadow.png) top center no-repeat
    }
    .case-study-single .big-header::after {
        background: rgba(0, 0, 0, .01);
        content: ""
    }
    .case-study-blocks {
        padding: 50px 0
    }
    .case-study-blocks .cs-block {
        text-align: left
    }
    .case-study-blocks .cs-block .bottom {
        padding: 45px
    }
    .case-study-blocks .cs-block .bottom img {
        margin-bottom: 0
    }
    .case-study-blocks .cs-block:last-of-type {
        margin-bottom: 50px
    }
    .case-study-blocks .cs-block .eightcol {
        padding-left: 10px;
        min-height: 88px
    }
    .case-study-blocks .cs-block .fourcol {
        border-right: 1px solid #DDD;
        padding-right: 10px;
        min-height: 88px;
        line-height: 88px
    }
    .case-study-blocks .cs-block .fourcol img {
        vertical-align: middle
    }
    .case-study-blocks .cs-block img {
        max-width: 100%
    }
    .case-study-header {
        padding: 150px 0;
        background: url(../images/case-studies-header.jpg) center/cover no-repeat
    }
    .case-study-header h1 {
        font-size: 4.5em;
        font-weight: 700;
        color: #fff
    }
    .case-study-header p {
        color: #fff;
        margin-bottom: 0;
        font-size: 1.6em;
        font-weight: 400
    }
    .more-case-studies .fourcol { 
        margin-bottom: 0
    }
    .case-study .cs-quote {
        font-size: 1.9em;
        font-weight: 200
    }
    .whitepaper-mid.bottom-form .wrap {
        padding-top: 60px;
    }
    .career-block p {
        font-weight: 400;
        max-width: 90%
    }
    .project-goals .sixcol,
    .why-partner .sixcol {
        padding: 3em 0;
        width: 46%;
        margin-top: 0;
        text-align: left;
        border-bottom: none
    }
    .project-goals .sixcol .icoholder,
    .why-partner .sixcol .icoholder {
        margin-bottom: 0
    }
    .project-goals .sixcol:nth-of-type(odd),
    .why-partner .sixcol:nth-of-type(odd) {
        margin-right: 4%;
        clear: both
    }
    .project-goals .sixcol:nth-of-type(even),
    .why-partner .sixcol:nth-of-type(even) {
        margin-left: 4%
    }
    .project-goals .sixcol:nth-of-type(odd):after,
    .why-partner .sixcol:nth-of-type(odd):after {
        content: "";
        display: block;
        width: 1px;
        position: absolute;
        right: -9%;
        top: 50px;
        bottom: 50px;
        border-right: 1px dotted lightgrey
    }
    .project-goals .sixcol:nth-of-type(1n+3),
    .why-partner .sixcol:nth-of-type(1n+3) {
        border-top: 1px dotted lightgrey
    }
    .cs-intro-img {
        margin-top: 0
    }
    .about-intro .intro-para {
        margin-bottom: 50px;
        font-size: 1.6em
    }
    #timeline ul.arrows {
        display: block
    }
    .key-events .key {
        top: 5px
    }
    .key-events .history-item {
        min-height: 360px;
        margin-left: 30px;
        width: 295px
    }
    .key-events .history-item:first-of-type {
        margin-left: 100px
    }
    .key-events h3 {
        text-align: center
    }
    .about-anchors {
        padding: 30px 0;
        font-size: .9em
    }
    .about-anchors ul {
        display: block;
        max-width: 100%
    }
    .about-anchors .buttons,
    .about-anchors .mobile-button-dd {
        display: none
    }
    .intro-blocks img {
        display: inline-block;
        margin-bottom: 20px
    }
    .intro-blocks h4 {
        color: #3F6C7F;
        font-size: 1.4em;
        font-weight: 500
    }
    .intro-blocks p {
        color: #5F767F;
        font-size: .95em;
        max-width: 263px;
        line-height: 1.6;
        margin: 0 auto
    }
    .intro-blocks.intro-blocks-md {
        padding-bottom: 60px;
        background: url(../images/module-intro-bottom.png) repeat-x bottom
    }
    .intro-blocks.intro-blocks-md h3 {
        color: #597F92;
        font-weight: 700;
        font-size: 1.5em;
        text-align: center;
        margin-bottom: 50px
    }
    .intro-blocks .intro-block {
        margin-bottom: 0
    }
    .challenge-solution p {
        padding-right: 80px
    }
    .challenge-solution .sixcol.first {
        margin-bottom: 0
    }

    .whos-it-for .subtitle {
        margin-bottom: 50px
    }
    .whos-it-for .title,
    .whos-it-for img {
        margin-bottom: 15px
    }
    .whos-it-for .who-block {
        margin-bottom: 0
    }
    .conclusion .conc-image {
        margin-bottom: -180px
    }
    .shadow-right {
        background: url(../images/right-shadow.png) no-repeat right
    }

     .shadow-right.shadow-right-grey {background: url(../images/right-shadow-grey.png) no-repeat right;}

    .blogpost .post-bottom {
        margin-top: 20px
    }
    .blogpost .prevnext-wrap {
        overflow: visible;
        border-radius: 0
    }
    .blogpost .prevnext-wrap a {
        border-radius: 5px
    }
    .blogpost .inner {
        padding: 35px
    }
    .blogpost .single-title {
        font-size: 2.5em
    }
    .cf-main-wrap a.sixcol.last.next.gform_wrapper,
    .resource-form-wrap a.sixcol.last.next.gform_body,
    a.sixcol.last.next.clearfix {
        margin-top: 0
    }
    .shadow-box {
        margin: 30px 20px 0 35px
    }
    .shadow-box .item {
        width: 33.333%;
        line-height: 175px;
        border-right: 1px solid #EEE;
        border-bottom: 1px solid #EEE
    }
    .shadow-box .item:nth-last-child(1),
    .shadow-box .item:nth-last-child(2),
    .shadow-box .item:nth-last-child(3) {
        border-bottom: none
    }
    .shadow-box .item:last-of-type {
        border-right: none;
        width: 33.333%
    }
    .shadow-box .item:nth-of-type(3) {
        border-right: none
    }
    .header {
        height: 125px;
        padding: 20px 0;
        transition: .35s padding ease;
        -webkit-transition: .35s padding ease;
        -o-transition: .35s padding ease;
        -moz-transition: .35s padding ease;
        z-index: 99;
        position: relative
    }
    .header #inner-header {
        padding-bottom: 0;
        margin-bottom: 0
    }
    .header #inner-header.wrap {
        width: 94%
    }
    .whitepaper-mid .sixcol {
        padding-right: 20px
    }
    
    .cs-overview.whitepaper-mid .sixcol {padding-right: 0px;}

    .header-contact {
        display: block;
        font-size: 24px
    }
    .header-contact span,
    .header-contact span.divider {
        display: inline
    }
    .header-contact p {
        text-align: right;
        padding-top: 30px
    }
    #logo {
        padding: 0;
        line-height: 0;
        text-align: left;
        margin-top: 0
    }
    #logo img {
        margin: 0;
        display: inline-block;
        max-width: 117px
    }
    .blue-header {
        padding-top: 55px
    }
    /*h1 h2 refactor*/
    /* .blue-header h1 { */
    .blue-header h2 {
        font-size: 3.4em
    }
    /*end*/
    .blue-header .header-image {
        max-width: 90%
    }
    .blue-header.module-header {
        padding-top: 45px;
        padding-bottom: 40px
    }
    /*h1 h2 refactor*/
    .blue-header.module-header h1,
    .blue-header.module-header h2.module-title {
        color: #fff;
        margin-top: 0;
        letter-spacing: -2px;
        margin-bottom: 10px;
        font-size: 3.5em;
        font-weight: 500;
    }
    /*end*/
    .cs-slider .cs-slide {
        padding: 60px 0;
        min-height: 525px
    }
    .cs-slider .cs-slide::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(5, 23, 45, .75)
    }
    .cs-slider .cs-slide .cs-quote {
        line-height: 1.4
    }
    .cs-slider .cs-slide .inner {
        max-width: 818px;
        margin: 0 auto;
        width: 80%
    }
    .cs-slider .cs-slide .cs-quote {
        padding-left: 0;
        padding-right: 0;
        font-size: 1.575em
    }
    .header-nav {
        display: inline-block
    }
    .partner-block .info-block {
        text-align: left
    }
    .partner-block .info-block .text-left {
        text-align: left;
        margin-bottom: 0
    }
    .we-work-with .logo {
        float: left;
        width: 12.4%;
        text-align: center;
        height: 105px;
        line-height: 110px;
        opacity: .85
    }
    .we-work-with .logo img {
        display: inline;
        vertical-align: middle;
        max-width: 70%
    }
    .h2,
    h2 {
        font-size: 3em;
        letter-spacing: -1px
    }
    .mobile-menu-toggle {
        display: none
    }
    .nav-holder {
        border-bottom: 1px solid #ddd
    }
    .mobile-navigation {
        display: none
    }
    .top-nav {
        display: block!important;
        text-align: right;
        margin: 18px 0 0
    }
    .top-nav li a div {
        -webkit-transition: none;
        -ms-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none
    }
    .who-we-partner img {
        max-width: 50%
    }
    .global-founders .fourcol {
        margin-bottom: 0
    }
    .global-founders img {
        width: 100%
    }
    .global-founders .people-wrapper {
        margin-bottom: 40px
    }
    .global-founders .person {
        padding-top: 20px
    }
    .top-bar {
        font-size: 12px
    }
     /*Japanese Blog Link*/
    .top-bar #menu-top-bar-links-japanese-1 {font-size: 9px; margin: 5px 0 0;}

    .top-bar img {
        margin-right: 2px;
        display: inline
    }
    .top-bar .wrap {
        width: 94%;
        padding-left: 0
    }
    .top-bar .fivecol {
        margin-top: 2px
    }
    .top-bar-menu {
        float: right;
        display: block;
        margin-right: 8px
    }
    .top-bar-menu ul {
        margin: 2px 0 0
    }
    .top-bar-menu ul li {
        padding: 0 5px;
        border-right: 1px solid #DADADA;
        float: left
    }
    .top-bar-menu ul li a {
        color: #85929B;
        -webkit-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-in;
        -o-transition: all 250ms ease-in;
        -moz-transition: all 250ms ease-in;
        transition: all 250ms ease-out
    }
    .top-bar-menu ul li a:hover {
        color: #3F6D7F
    }
    .top-bar-menu ul li:last-of-type {
        border-right: none
    }
    .header-wrapper {
        height: 125px
    }
    .header-wrap {
        height: 100px;
        background: 0 0
    }
    .nav-holder .nav {
        display: block;
        padding: 10px 0;
        position: static;
        width: auto;
        height: auto;
        background: 0 0;
        border: 0
    }
    .nav-holder .nav ul {
        margin-top: 0
    }
    .nav-holder .nav li {
        float: left;
        margin-right: 30px;
        border-bottom: none;
        font-size: 22px
    }
    .nav-holder .nav li.current-menu-item>a {
        color: #996245
    }
    .nav-holder .nav li a {
        text-shadow: none;
        border: none;
        background: 0 0;
        color: #3d3c3c;
        padding: 0;
        display: block;
        text-decoration: none
    }
    .nav-holder .nav li a:focus,
    .nav-holder .nav li a:hover {
        color: #662815;
        background: 0 0
    }
    .nav-holder .nav li.menu-item-39 {
        float: right;
        padding: 0;
        margin: 0
    }
    .nav-holder .nav li.menu-item-39 a {
        padding: 3px 10px;
        background: #3d3c3c;
        color: #fceeb8
    }
    .nav-holder .nav li ul.children,
    .nav-holder .nav li ul.sub-menu {
        margin-top: 0;
        border: 1px solid #ccc;
        position: absolute;
        overflow: hidden;
        visibility: hidden;
        z-index: 8999
    }
    .nav-holder .nav li ul.children li,
    .nav-holder .nav li ul.sub-menu li {
        float: none;
        margin-right: 0;
        background: #fff
    }
    .nav-holder .nav li ul.children li a,
    .nav-holder .nav li ul.sub-menu li a {
        color: #3d3c3c;
        padding-left: 10px;
        border-right: 0;
        display: block;
        width: 180px;
        border-bottom: 1px solid #ccc
    }
    .nav-holder .nav li ul.children li a:focus,
    .nav-holder .nav li ul.children li a:hover,
    .nav-holder .nav li ul.sub-menu li a:focus,
    .nav-holder .nav li ul.sub-menu li a:hover {
        background: #fceeb8;
        color: #3d3c3c
    }
    .nav-holder .nav li ul.children li:last-child a,
    .nav-holder .nav li ul.sub-menu li:last-child a {
        border-bottom: 0
    }
    .nav-holder .nav li:hover ul {
        top: auto;
        overflow: visible;
        visibility: visible
    }
    footer {
        padding: 68px 0;
        text-align: left;
        font-size: .8em
    }
    footer a {
        margin-top: 0
    }
    footer .fooseperate {
        display: inline;
        padding: 0 5px
    }
    footer .copyright {
        float: left;
        margin-right: 15px
    }
    footer p.copyright a {
        display: inline;
        margin: 0
    }
    footer .conw {
        display: inline;
        color: #819FAC;
        font-weight: 400
    }
    footer nav {
        display: block;
        position: static;
        width: auto
    }
    footer nav ul#menu-footer-menu {
        margin: 20px 0
    }
    footer nav li {
        display: inline;
        margin-right: 10px;
        padding-right: 10px;
        line-height: 18px;
        border-right: 1px solid #CCC
    }
    footer nav a {
        border-bottom: none;
        display: inline-block;
        text-decoration: none;
        padding: 0
    }
    .footer-top {
        font-size: 15px;
        padding-top: 50px
    }
    .footer-top .fourcol {
        margin-bottom: 0
    }
    .footer-top .white {
        background: #fff;
        border-radius: 5px;
        padding: 20px;
        margin: 25px 5px 0;
        min-height: 260px;
        position: relative
    }
    .footer-logos {
        display: block
    }
    .footer-logos img {
        max-width: 19.4%
    }
    .features .threecol {
        min-height: 200px
    }
    .slider-controls {
        position: absolute;
        top: 50%;
        left: 30px;
        bottom: auto;
        margin-top: -35px;
        margin-left: 0
    }
    .slider-controls a {
        float: none;
        margin-right: 0
    }
    .news-listing {
        margin-right: 21px
    }
    .news-listing .nl-content-wrap {
        padding: 30px 35px
    }
    .news-item {
        margin-bottom: 0
    }
    .wp-pagenavi a,
    .wp-pagenavi span {
        border-radius: 100%;
        width: 32px;
        height: 32px;
        display: inline-block;
        border: none;
        font-size: .9em;
        text-align: center;
        line-height: 33px;
        padding: 0;
        margin-right: 5px
    }
    .wp-pagenavi a:last-child,
    .wp-pagenavi span:last-child {
        margin-right: 0
    }
    .wp-pagenavi span {
        background: #ACC0C9;
        color: #fff;
        font-weight: 500
    }
    .wp-pagenavi a {
        background: #fff;
        color: #598092
    }
    .wp-pagenavi {
        float: none;
        margin-bottom: 0
    }
    .resource-switcher .buttons {
        overflow: visible
    }
    .resource-switcher .buttons a {
        width: 20%;
    }
    .job-posts .buttons a {
        width: 50%;
    }
    .resource-switcher .buttons a:last-of-type,
    .job-posts .buttons a:last-of-type {
        border-right: none
    }
    .resource-switcher .buttons a .active::after,
    .job-posts .buttons a .active::after {
        content: url(../images/blue-arrow-down.png);
        position: absolute;
        bottom: -16px;
        left: 50%;
        margin-left: -10px
    }
    .search-wrap {
        position: relative;
        top: auto;
        right: auto;
        background: #E7E9EA;
        float: right;
        margin-top: -8px;
        margin-bottom: -8px;
        max-height: 38px;
        -webkit-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-in;
        -o-transition: all 250ms ease-in;
        -moz-transition: all 250ms ease-in;
        transition: all 250ms ease-out
    }
    .search-wrap.clicked,
    .search-wrap:hover {
        background: #fff
    }
    .search-wrap .open {
        height: 38px
    }
    #searchform label {
        display: none
    }
    .widget {
        background-color: #f6f6f6;
        padding: 10px;
        margin: 0 0 30px
    }
    .widget ul li {
        margin-bottom: .75em
    }
    .widget ul li ul {
        margin-top: .75em;
        padding-left: 1em
    }
    #inner-footer.wrap {
        width: 90%;
        text-align: left
    }
    footer ul.footer-nav {
        display: inline-block;
        padding: 0;
        margin: 0;
        border-top: none
    }
    footer ul.footer-nav li {
        margin-left: 10px;
        float: left;
        padding: 0 0 0 10px;
        border-bottom: none;
        border-left: 1px solid #ddd
    }
    footer ul.footer-nav li:first-of-type {
        margin-left: 0;
        border-left: 0;
        padding-left: 0
    }
    footer ul.footer-nav a {
        text-decoration: none;
        color: #819FAC
    }
    footer ul.footer-nav a:hover {
        color: #5F767F
    }
    #banner-area {
        overflow: hidden;
        padding: 42% 0 60px
    }
    #banner-area .button {
        display: inline-block;
        float: none;
        font-size: 20px;
        padding: 17px 22px
    }
    #banner-area .dividebar {
        display: block
    }
    #banner-area .slide-info {
        background: #333;
        padding: 30px;
        border-radius: 5px;
        margin-top: -80px
    }
    .how-we-help.animated .dotted-track .insider {
        animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards
    }
    .carousel-indicators {
        bottom: -10px
    }
    .cs-quote-block {
        padding-top: 150px;
        padding-bottom: 90px
    }
    .cs-slide {
        position: relative
    }
    .cs-slide .inner {
        z-index: 2;
        position: relative
    }
    .cs-slide::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        background: rgba(0, 0, 0, .1);
        content: ""
    }
    .whitepaper-header h1 {
        font-size: 2.8em;
        letter-spacing: -1px
    }
    .resource-switcher.square .box {
        max-width: 630px;
        margin-top: 0
    }
    .resource-contents .content-area {
        background-position: top right
    }
    .features .fourcol {
        min-height: 200px
    }
    .scroller-wrap {
        overflow-x: hidden;
        padding-left: 40px
    }
    .gf-block {
        text-align: left
    }
    .gf-block .wrap {
        width: 92%
    }
    .gf-block .people {
        width: 60px;
        text-align: center;
        margin-left: 0
    }
    .gf-block .people a {
        width: 100%;
        margin: 0
    }
    .gf-block .last {
        min-height: 550px
    }
    .person-shots {
        min-height: 400px;
        position: relative
    }
    .person-shots img.large {
        max-width: 430px;
        right: 10px;
        max-height: 800px
    }
    .mobile-search input.typesearch {
        width: calc(100% - 120px);
        padding: 10px
    }
    .mobile-search input.submitsearch {
        padding: 10px
    }
    .about-bottom .shadow-box {
        margin: 30px 0 0
    }
    .about-bottom .bottomcareers {
        width: 100%;
        margin: 0
    }
    .about-bottom .bottomawards {
        width: 100%;
        margin: 0 0 30px
    }
    .about-bottom .careers-post .inner {
        margin: 0
    }
    .standard-bottom-content .wrap {
        max-width: 1200px;
        padding: 50px;
        background: #fff
    }
    .standard-bottom-content .wrap p:first-of-type {
        margin-top: 0
    }
    .page-template-default .dotted-intro .wrap {
        background: 0 0
    }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
    #banner-area {
        padding: 43% 0 60px
    }
    #banner-area .slide-info {
        padding: 20px;
        margin-top: -50px
    }
    .header-platform-features .first {
        margin-top: -20px;
        width: 43%;
        padding-top: 0
    }
    .header-platform-features .first img {
        margin: 10px 0
    }
    .header-platform-features .last {
        width: 52%
    }
    .header .request-demo {
        margin-left: 10px;
        font-size: 1.2em
    }
    .header .header-nav {
        margin-top: 3px
    }
    .header #logo img {
        max-width: 106px
    }
    .header-wrap {
        height: 100px
    }
    .top-bar {
        font-size: 11px
    }

    /*Japanese Blog Link*/
    .top-bar #menu-top-bar-links-japanese-1 {font-size: 10px; margin: 3px 0 0;}

    .top-bar .fivecol,
    .top-bar .sevencol {
        margin: 0
    }
    .top-bar .wrap {
        width: 100%
    }
    .top-bar .fivecol {
        margin-top: 2px
    }
    .top-bar .phone {
        padding: 0 10px;
        margin: 0 10px
    }
    .top-bar .email img,
    .top-bar .phone img {
        display: none
    }
    .top-bar .curlang {
        margin-left: 10px
    }
    .top-bar .curlang img:nth-of-type(1) {
        display: none
    }
    .top-bar .top-bar-menu {
        display: inline-block;
        float: none
    }
    .top-nav li {
        padding: 0 8px
    }
    .top-nav li a {
        font-size: 1.15em
    }
    #news-sidebar {
        width: 100%;
        margin-left: 0;
        margin-top: 50px
    }
    .blogpost,
    .news-main {
        width: 100%;
        padding-right: 0;
        margin-right: 0
    }
    .blogpost .news-listing,
    .news-main .news-listing {
        margin-right: 0
    }
    .contact-sidebar .contact-details {
        color: #5F767F;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px dashed #DDD;
        font-size: 1em
    }
    .contact-sidebar .social {
        width: 30px;
        height: 30px;
        margin-right: 5px
    }
    footer {
        text-align: center
    }
    footer .copyright {
        float: none
    }
    footer .fooseperate {
        display: inline-block;
        padding: 0 10px
    }
    footer p.copyright a {
        display: inline;
        margin-top: 0
    }
    footer .conw {
        margin-bottom: 10px;
        display: block
    }
    .contact-map .office .inside {
        padding: 20px;
        margin: 10px;
        min-height: 255px
    }
    .map {
        text-align: center;
        padding: 60px 0;
        background: url(../images/bgmap.png) center 77%/105% no-repeat #fff
    }
    .map .bottom strong {
        font-size: 2em
    }
    .map .bottom .threecol {
        width: 33%;
        padding: 0 18px
    }
    .map .bottom .threecol:last-of-type {
        display: none
    }
    #inner-footer .sixcol {
        text-align: center
    }
    #inner-footer .sixcol.first {
        width: 100%;
        margin: 0 0 30px
    }
    #inner-footer .sixcol.last {
        width: 100%;
        margin: 0
    }
    #inner-footer .wrap {
        text-align: center
    }
    .we-work-with .logo {
        width: 14.1%;
        height: 105px;
        line-height: 110px
    }
    .we-work-with .logo:nth-of-type(8) {
        display: none
    }
    .resource-switcher.square .buttons a {
        font-size: 1em
    }
    .cf-main-wrap .content-area.active.gform_wrapper,
    .content-area.clearfix.active,
    .resource-form-wrap .content-area.active.gform_body {
        min-height: 450px
    }
    .resource-contents .content-area {
        background-position: top right
    }
    .case-study-blocks .cs-block {
        text-align: center
    }
    .case-study-blocks .cs-block img {
        max-width: 180px
    }
    .case-study-blocks .cs-block .bottom {
        padding: 20px
    }
    .case-study-blocks .cs-block .fourcol {
        width: 100%;
        border-right: none;
        padding-right: 0;
        min-height: 80px;
        line-height: 80px;
        margin: 0 0 20px
    }
    .case-study-blocks .cs-block .eightcol {
        width: 100%;
        padding: 0;
        margin: 0
    }
    .person-shots {
        min-height: 440px;
        position: relative
    }
    .person-shots img.large {
        max-width: 430px;
        right: -45px;
        max-height: 800px
    }
    .gf-block .last {
        min-height: 620px;
        margin-right: -4.2%
    }
    .icon-left {
        display: none
    }
    .ind-intro {
        width: 100%;
        padding: 0;
        margin: 0
    }
    .ind-intro::after {
        display: none
    }
    .solutions-items .item {
        margin: 0 0 50px!important;
        width: 50%;
        padding: 0 25px;
        float: left!important
    }
    .clearer {
        display: none
    }
    .cta-bar .button {
        min-width: 210px;
        font-size: 1.3em
    }
    .whos-it-for .who-block {
        width: 50%;
        margin: 0 0 30px!important;
        float: left!important;
        padding: 0 15px
    }
    .whos-it-for .who-block:nth-of-type(3) {
        clear: both
    }
    .social {
        display: inline-block;
        background: url(../images/social-icons.png) no-repeat #acc0c9;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        margin-right: 9px;
        vertical-align: -15px;
        box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .2);
        -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .2);
        -webkit-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-in;
        -o-transition: all 250ms ease-in;
        -moz-transition: all 250ms ease-in;
        transition: all 250ms ease-out
    }
    .social:last-of-type {
        margin-right: 0
    }
    .social:hover {
        background-color: #7E9FAD
    }
    .contact-sidebar .social.twitter {
        background-position: 8px 7px
    }
    .contact-sidebar .social.linkedin {
        background-position: -38px 7px
    }
    .contact-sidebar .social.facebook {
        background-position: -83px 7px
    }
    .contact-sidebar .social.youtube {
        background-position: -129px 7px
    }
    .contact-sidebar .social.gplus {
        background-position: -175px 7px
    }
    .industry-dd {
        top: 82px
    }
}
@media only screen and (min-width: 1030px) {
    body {
        font-size: 14px;
        line-height: 1.7
    }
    .wrap {
        width: 92%;
        margin: 0 auto
    }
    p.subtitle {
        padding: 0 10%
    }
    .band {
        padding: 50px 0 60px
    }
    .we-work-with .logo {
        width: 12.5%
    }
    .we-work-with .logo img {
        display: inline;
        vertical-align: middle;
        max-width: 70%
    }
    .we-work-with .logo:nth-of-type(7),
    .we-work-with .logo:nth-of-type(8) {
        display: inline
    }
    .we-work-with .logo.middle {
        display: block
    }
    .form-wrap input[type=submit] {
        font-size: 13px
    }
    .map {
        text-align: center;
        padding: 60px 0;
        background: url(../images/bgmap.png) bottom center/88% no-repeat #fff
    }
    .map .bottom {
        min-height: 330px
    }
    .map .bottom .threecol {
        width: 25%;
        padding: 0 50px;
        margin-bottom: 0;
        margin-top: 30px
    }
    .map .bottom .threecol:last-of-type {
        display: block
    }
    .cs-content {
        padding-right: 30px
    }
    .cs-block .cs-feat-image {
        min-height: 300px
    }
    .cs-block .hover-div {
        display: block
    }
    .project-goals .sixcol,
    .why-partner .sixcol {
        text-align: left
    }
    .project-goals .sixcol .icoholder,
    .why-partner .sixcol .icoholder {
        display: block;
        float: left;
        width: 80px;
        min-height: 150px;
        margin-right: 30px
    }
    .big-header {
        min-height: 460px;
        max-height: 500px
    }
    .big-header .wrap,
    .big-header.header-careers .wrap {
        padding: 160px 0
    }
    .top-bar-menu ul {
        margin: 2px 0 0
    }
    .top-bar-menu ul li {
        padding: 0 7px
    }
    .search-wrap .form-wrap.opened {
        max-width: 190px
    }
    .search-wrap .form-wrap .inside {
        width: 190px
    }
    .top-nav li {
        padding: 0 14px
    }
    .top-nav li:hover .sub-menu {
        opacity: 1;
        top: 55px;
        z-index: 10
    }
    .top-nav li a {
        font-size: 1.5em
    }
    .top-nav .sub-menu {
        display: none;
        position: absolute;
        top: 45px;
        box-shadow: 0 0 3px 3px rgba(0, 0, 0, .1);
        left: 50%;
        width: 240px;
        margin-left: -130px;
        border-radius: 3px;
        background: #fff;
        z-index: -1;
        opacity: 0;
        transition: 200ms all ease;
        -webkit-transition: 200ms all ease;
        -moz-transition: 200ms all ease
    }
    .top-nav .sub-menu:before {
        content: url(../images/sub-menu-tail.png);
        position: absolute;
        top: -27px;
        left: 50%;
        margin-left: -25px
    }
    .top-nav .sub-menu li {
        width: 100%;
        display: block;
        text-align: center;
        padding: 5px 0
    }
    .who-we-partner img {
        max-width: 140px
    }
    .how-we-help .sixcol.first {
        margin-bottom: 0
    }
    .how-we-help img {
        max-width: 480px;
        border-radius: 5px
    }
    .how-we-help .sixcol {
        margin-top: 0;
        padding-top: 50px;
        position: relative;
        z-index: 3;
    }
    .how-we-help .sixcol .tab-background {
        background-size: cover;
        width: 90%;
        max-width: 370px;
        padding-top: 35px
    }
    .how-we-help .sixcol p {
        margin-top: 0
    }
    .key-events {
        position: relative
    }
    .scroller-wrap {
        overflow-y: hidden
    }
    .scroller-wrap::after {
        content: url(../images/green-grad.png);
        position: absolute;
        top: 3px;
        right: 0;
        pointer-events: none;
        display: block
    }
    .scroller-wrap::before {
        display: block
    }
    .cs-slider .carousel-inner {
        max-width: 1120px
    }
    .cs-slider .cs-slide {
        min-height: 500px
    }
    .pf-features .fourcol p {
        max-width: 320px
    }
    .features .threecol {
        padding: 0 20px
    }
    .about-bottom .career-post .inner {
        margin: 0 0 0 60px
    }
    .about-bottom .sixcol.last {
        background: url(../images/side-grad.png) left top no-repeat
    }
    .about-bottom .shadow-box {
        margin: 28px 30px 0 0
    }
    .about-bottom .careerpad {
        margin-left: 40px
    }
    .about-anchors li {
        text-align: center
    }
    .about-anchors li a {
        font-size: 1.3em
    }
    .about-intro .intro-para {
        font-size: 1.9em
    }
    .header.smaller {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
        -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
        -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
        -o-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08)
    }
    .header {
        height: auto;
        position: absolute;
        z-index: 99;
        left: 0;
        right: 0;
        background: #fff;
        padding: 20px 0 15px;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out
    }
    .header #inner-header.wrap {
        width: 92%
    }
    .header .button {
        font-size: 1.45em
    }
    #logo a.logolink img.logowhite {
        opacity: 1
    }
    .home .header.smaller,
    .home .header.smaller:hover {
        background: #fff
    }
    .home .header img {
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out
    }
    .home .header img.logocolor,
    .home .header.smaller img.retina-logo {
        opacity: 0;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out
    }
    .home .header img.logowhite,
    .home .header.smaller img.logocolor,
    .home .header.smaller img.retina-logo {
        opacity: 1;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out
    }
    .header #logo img.logowhite {
        display: none
    }
    .home .header #logo img.logowhite {
        display: block
    }
    .home .header.smaller #logo img.logowhite {
        display: inline-block;
        visibility: visible;
        opacity: 0;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out
    }
    .home .header {
        background: rgba(0, 0, 0, .15);
        -webkit-transition: all 500ms ease-out;
        -ms-transition: all 500ms ease-in;
        -o-transition: all 500ms ease-in;
        -moz-transition: all 500ms ease-in;
        transition: all 500ms ease-out
    }
    .home .header:hover {
        background: rgba(26, 46, 57, .98)
    }
    .home .header .top-nav li a {
        color: #ccc
    }
    .home .header .top-nav li a:hover {
        color: #fff
    }
    .home .header.smaller .top-nav li a {
        color: #5F767F
    }
    .home .header.smaller .top-nav li a:hover {
        color: #39a9ca
    }

    /*h1 h2 refactor*/
    #banner-area .slide-info h1,
    #banner-area .slide-info h2,
    #banner-area .slide-info h2.homepage-title {
        font-size: 3.4em;
        margin-bottom: 15px;
        background: 0 0;
        color: #fff;
    }
    /*end*/
    #gfblock p.subtitle {
        padding: 0;
        margin: 0
    }
    .features .fourcol {
        padding: 0 20px
    }
    .top-bar {
        position: relative;
        z-index: 101;
        font-size: 12px
    }

    /*Japanese Blog Link*/
    .top-bar #menu-top-bar-links-japanese-1 {font-size: 12px; margin-top: 2px;}

    .home #banner-area {
        position: relative;
        margin-top: -110px;
        padding: 210px 0 130px
    }
    #banner-area .slide-info {
        background: 0 0;
        padding: 0;
        border-radius: 0;
        margin-top: 0
    }
    #banner-area .vid-wrap {
        opacity: .9;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../images/dots.png);
        z-index: 80
    }
    .features a.click-through {
        margin-left: 0
    }
    #banner-area .slide-video video {
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
        width: 130%
    }
    .slide-video,
    .vid-wrap {
        display: block!important
    }
    .slide-images {
        display: none!important
    }
    .header-platform-features h3 {
        font-size: 3.1em
    }
    /*h1 h2 refactor*/
    .header-platform-features .first .subtitle {
        font-size: 2em;
        font-weight: 400;
        line-height: 1.7em;
    }
    /*end*/
    .header-platform-features .first p {
        color: #fff;
        margin-top: 0;
        line-height: 1.5;
        font-size: 1.3em
    }
    .slider .item.active .carousel-caption {
        position: absolute;
        top: 50px
    }
    /*h1 h2*/
    .slide-info h1,
    #banner-area .slide-info h2.homepage-title,
    .slide-info h2 {
        font-size: 3.4em;
        margin-bottom: 15px
    }
    .slide-info p {
        font-size: 1.6em;
        line-height: 1.5
    }

    .slide-info .button-title,
    #banner-area .slide-info h1.button-title  {
        font-size: 1em
    }
    /*end*/
    .cs-slide .inner {
        max-width: 918px;
        margin: 0 auto
    }
    .cp-wrap {
        padding: 0 50px;
    }
    .job-posts.band .cp-wrap {padding: 0px !important;}
    .our-clients .client-logo {
        float: left;
        width: 20%
    }
    .our-clients .client-logo:nth-of-type(6) {
        display: none
    }
    .our-clients .subtitle {
        max-width: 1000px
    }
    .worker-block .inner {
        margin-top: 175px;
        margin-bottom: 125px
    }
    .career-post .inner {
        margin: 0 20px
    }
    .career-block .fivecol {
        z-index: 5
    }
    .career-block:nth-of-type(odd) {
        position: relative
    }
    .career-block:nth-of-type(odd)::after {
        content: url(../images/section-zigzag-flipped.png);
        position: absolute;
        bottom: -50px;
        left: 50%;
        margin-left: -331px;
        z-index: 0
    }
    .career-block:nth-of-type(even)::after {
        content: url(../images/section-zigzag.png);
        position: absolute;
        bottom: -50px;
        left: 50%;
        margin-left: -331px;
        z-index: 0
    }
    .career-block:last-of-type::after {
        content: ''
    }
    .job-info div {
        float: left;
        width: 50%
    }
    .job-info .type {
        border-right: 1px solid #DDD;
        border-bottom: none
    }
    ul#gform_fields_2 {
        margin-top: 25px
    }
    footer {
        font-size: .9em
    }
    .footer-top {
        font-size: 15px;
        padding-top: 60px
    }
    .footer-top .fourcol {
        margin-bottom: 0
    }
    .footer-top .white {
        background: #fff;
        border-radius: 5px;
        padding: 31px;
        margin: 23px 20px 0;
        min-height: 310px;
        position: relative
    }
    .footer-top .item .pr-title {
        font-size: 1.1em
    }
    .social {
        width: 40px;
        height: 40px;
        margin-right: 10px
    }
    .social:first-of-type {
        margin-left: 10px
    }
    .we-helped {
        padding: 80px 0
    }
    .we-helped p {
        font-weight: 400
    }
    .we-helped::before {
        background: 0 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: ""
    }
    .we-helped h3 {
        letter-spacing: -.5px;
        font-size: 3.2em
    }
    .we-helped .fivecol {
        width: 40.5%
    }
    .gf-block {
        position: relative;
        background: url(../images/global-founders-bg.png) no-repeat center/cover #fff;
        padding-bottom: 0!important;
        overflow: hidden
    }
    .gf-block .first {
        padding-top: 50px
    }
    .gf-block .last {
        background: rgba(63, 108, 127, .6);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 46%;
        padding: 50px 50px 50px 60px;
        color: #fff;
        line-height: 1.65
    }
    .gf-block .last::before {
        content: url(../images/indent-arrow.png);
        position: absolute;
        left: -33px;
        top: 50%;
        margin-top: -342px
    }
    .gf-block h1,
    .gf-block h2 {
        color: #fff;
        font-size: 3.5em;
        font-weight: 400
    }
    .gf-block h4 {
        font-weight: 200;
        font-size: 1.6em;
        color: #fff;
        margin-bottom: 40px
    }
    .gf-block .bio {
        display: none
    }
    .gf-block .bio p {
        font-size: 1.15em
    }
    .gf-block .bio a {
        display: inline-block;
        margin-top: 20px;
        color: #fff;
        text-decoration: none;
        font-size: .8em;
        font-weight: 500
    }
    .gf-block .bio a img {
        vertical-align: -5px;
        margin-right: 5px;
        width: 20px
    }
    .gf-block .bio.active {
        display: block
    }
    .gf-block .people {
        width: 78px
    }
    .gf-block .people a {
        line-height: 0;
        display: block;
        margin-bottom: 15px;
        text-decoration: none;
        opacity: .35;
        transition: .5s all ease;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        -o-transition: .5s all ease
    }
    .gf-block .people a img {
        border: 2px solid #CCC;
        -webkit-filter: grayscale(100%)
    }
    .gf-block .people a.active {
        opacity: 1
    }
    .gf-block .people a.active img {
        border: 2px solid #40B8AB;
        -webkit-filter: none
    }
    .contact-sidebar .contact-details {
        color: #5F767F;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px dashed #DDD;
        font-size: 1.3em
    }
    .contact-map .office .inside {
        background: #FFF;
        border-radius: 3px;
        padding: 35px;
        min-height: 240px
    }
    .contact-map .office .inside h4 img {
        display: inline-block;
        margin-bottom: 0
    }
    .page-intro.band {
        padding: 50px 0
    }
    .page-intro {
        font-size: 2em;
        line-height: 1.5em
    }
    .person-shots {
        min-height: 450px
    }
    .person-shots img.large {
        max-width: 460px;
        right: 85px
    }
    .ind-intro {
        padding-left: 25px
    }
    .cs-overview p:first-of-type {
        font-size: 1.4em;
        line-height: 1.5;
        font-weight: 300
    }
    .challenge-solution .sixcol.last p {
        padding-right: 20px
    }
    #latest-events .carousel-inner,
    #press-releases .carousel-inner {
        min-height: 175px
    }
}

/* STICKY SHARE BUTTONS RESPONSIVE STYLES */

@media screen and (max-width: 1250px) {
    .sticky-share-buttons div {
        width: 35px;
        height: 35px;
    }

    .sticky-share-buttons div:hover {width: 165px;}

    .sticky-share-buttons div img {
        top: 9px;
        left: 8px;
        width: 19px;
    }

    .sticky-share-buttons div.linkedin-share img {
        width: 17px;
        top: 9px;
        left: 10px;
    }

    .sticky-share-buttons div.twitter-share img {
        width: 18px;
        left: 9px;
        top: 10px;
    }

    .sticky-share-buttons div.email-share img {
        width: 18px;
        top: 9px;
        left: 8px;
    }

    .sticky-share-buttons div p {left: 42px;}

    .sticky-share-buttons div p,
    .sticky-share-buttons div.linkedin-share p {top: -5px; font-size: 13px;}
}

@media screen and (max-width: 1029px) {
    .sticky-share-buttons {display: none; opacity: 0; visibility: hidden;}
}

/* END */


@media only screen and (min-width: 1240px) {
    #carousel-about {
        margin-top: 25px
    }
    
    body.home .header .request-demo.button {
    background: white;
    color: #3F6D7F;
}
body.home .header.smaller .request-demo.button {
    background: white;
    color: #fff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 0/150% auto;
    background: -moz-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae)) 0 0/150% auto;
    background: -webkit-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -o-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: -ms-linear-gradient(left, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    background: linear-gradient(to right, #08aacc 0, #39bbae 100%) 0 0/150% auto;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08aacc', endColorstr='#39bbae', GradientType=1);
}
    
    body.home header .platform-dd .twocol {
        border-bottom: 1px solid #393F40;
    }
    body.home header.smaller .platform-dd .twocol {
        border-bottom: none;
    }
    .people {
        position: absolute;
        top: 40px;
        left: 0
    }
    .people .subtitle {
        padding: 0
    }
    .person-shots img {
        right: 100px
    }
    #banner-area .slide-video video {
        width: 110%;
        height: auto
    }
    .top-bar {
        font-size: 12px
    }

    /*Japanese Blog Link*/
    .top-bar #menu-top-bar-links-japanese-1 {font-size: 12px; margin-top: 2px;}

    .top-bar-menu ul {
        margin: 2px 0 0
    }
    .top-bar-menu ul li {
        padding: 0 7px
    }
    #carousel-about img {
        max-width: 75%
    }
    body.home header.smaller .platform-dd,
    header .platform-dd,
    header.smaller .platform-dd {
        width: 100%;
        right: auto;
        left: auto;
        top: 125px
    }
    body.home header.smaller .platform-dd .twocol,
    header .platform-dd .twocol,
    header.smaller .platform-dd .twocol {
        width: 16.65%
    }
    body.home header.smaller .platform-dd .twocol a,
    header .platform-dd .twocol a,
    header.smaller .platform-dd .twocol a {
        font-size: 1em;
        padding-left: 10px;
        padding-right: 10px
    }
    body.home header.smaller .platform-dd .twocol:last-of-type,
    header .platform-dd .twocol:last-of-type,
    header.smaller .platform-dd .twocol:last-of-type {
        border-right: none;
        width: 16.75%
    }
    body.home header.smaller .platform-dd .twocol:nth-of-type(3),
    header .platform-dd .twocol:nth-of-type(3),
    header.smaller .platform-dd .twocol:nth-of-type(3) {
        border-right: 1px solid #eee;
        width: 16.65%
    }
    body.home header.smaller .platform-dd .twocol:nth-of-type(1),
    body.home header.smaller .platform-dd .twocol:nth-of-type(2),
    body.home header.smaller .platform-dd .twocol:nth-of-type(3),
    header .platform-dd .twocol:nth-of-type(1),
    header .platform-dd .twocol:nth-of-type(2),
    header .platform-dd .twocol:nth-of-type(3),
    header.smaller .platform-dd .twocol:nth-of-type(1),
    header.smaller .platform-dd .twocol:nth-of-type(2),
    header.smaller .platform-dd .twocol:nth-of-type(3) {
        border-bottom: none
    }
    body.home header .platform-dd .twocol:nth-of-type(3) {
        border-right: 1px solid #393F40;
        width: 16.65%
    }
    #latest-events .carousel-inner,
    #press-releases .carousel-inner {
        min-height: 210px
    }
}
@media only screen and (min-width: 1400px) {
    .map {
        text-align: center;
        padding: 60px 0;
        background: url(../images/bgmap.png) center 120%/85% no-repeat #fff
    }
    #banner-area .slide-video video {
        width: 100%
    }
    .footer-top .white {
        min-height: 285px
    }
    header .platform-dd .twocol a {
        font-size: 1.1em;
        padding-left: 20px;
        padding-right: 20px
    }
    .search-wrap .form-wrap.opened {
        max-width: 220px
    }
    .search-wrap .form-wrap .inside {
        width: 220px
    }
    #latest-events .carousel-inner,
    #press-releases .carousel-inner {
        min-height: 180px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body {
        font-weight: 300
    }
    #logo img {
        display: none
    }
    #logo img.retina-logo {
        display: inline-block
    }
}
@media print {
    * {
        background: 0 0!important;
        color: #000!important;
        text-shadow: none!important;
        filter: none!important;
        -ms-filter: none!important
    }
    a,
    a:visited {
        color: #444!important;
        text-decoration: underline
    }
    a:after,
    a:visited:after {
        content: " (" attr(href) ")"
    }
    a abbr[title]:after,
    a:visited abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .page-navigation,
    .respond-form,
    .sidebar,
    .wp-prev-next,
    nav {
        display: none
    }
}