@charset "utf-8";
/*! on-defaults v1.0 edit */html {
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

*,:after,:before {
	box-sizing: inherit
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

a {
	background-color: transparent
}

a:active,a:hover {
	outline: 0;
	text-decoration:none;
}

abbr[title] {
	border-bottom: 1px dotted
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not(:root) {
	overflow: hidden
}

/*table {
	border-collapse: collapse;
	border-spacing: 0
}

td,th {
	padding: 0
}*/

audio,canvas,iframe,img,svg,video {
	vertical-align: middle
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

blockquote,body,dd,div,dl,dt,form,li,ol,p,th,ul {
	margin: 0;
	padding: 0
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	display: inline-block
}

em,i {
	font-style: italic;
	line-height: inherit
}

b,strong {
	font-weight: 700;
	line-height: inherit
}

.small,small {
	font-size: 80%;
	line-height: inherit
}

dl,ol,ul {
	line-height: inherit;
	list-style-position: outside
}

li {
	font-size: inherit
}

ul {
	list-style-type: disc;
	margin-left: 1.85em
}

ol {
	margin-left: 1.375em
}

ol ol,ol ul,ul ol,ul ul {
	margin-left: 1.25em;
	margin-bottom: 0
}

dl {
	margin-bottom: 1.375em
}

dl dt {
	margin-bottom: .3em;
	font-weight: 700
}/*!/ on-defaults v1.0 */iframe {
	border: 0;
	width: 100%
}

figure {
	margin: 0;
	position: relative;
	width: 100%
},#homePage img {
	max-width: inherit;
	width: 100%
}

ol,ul {
	margin-bottom: 2em
}



body {
	overflow-y: scroll;
	overflow-x: hidden;
	position: static
}
.pd4 td{
	padding-left:10px;
}
html {
	font-family: "Neue Helvetica W01",Arial,Roboto,sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625;
	letter-spacing: .5px;
	color: #0d2a40
}

h1,h2,h3,h4,h5,h6 {
	color: inherit;
	font-style: normal;
	line-height: 1.2;
	font-weight: 300;
	margin: 0
}

h1 {
	font-weight: 100
}

a {
	color: inherit;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.main {
	position: relative;
	margin: 0 auto;
	max-width: 1180px;
	min-height: 600px
}

@media only screen and (min-width: 64em) {
	.main {
		max-width: 968px
	}

	.content-noaside {
		width: calc(100% + 230px)
	}
}

@media only screen and (min-width: 90em) {
	.main {
		max-width: 1180px
	}

	.content-noaside {
		width: calc(100% + 280px)
	}
}

.subhome .main {
	max-width: 100%
}

@media only screen and (min-width: 48em) {
	.main-section {
		display: flex;
		flex-wrap: wrap
	}

	.homepage .main-section {
		display: block
	}
}

.size-col-d {
	margin: 0 30px
}

@media only screen and (min-width: 48em) {
	.size-col-d {
		max-width: 640px;
		margin: 0 auto
	}
}

@media only screen and (min-width: 64em) {
	.size-col-d {
		max-width: 590px;
		width: 590px;
		padding: 0 41px;
		margin: 0
	}
}

@media only screen and (min-width: 90em) {
	.size-col-d {
		max-width: 720px;
		width: 720px;
		padding: 0 50px
	}
}

.margi {
	width: calc(100% - 60px);
	max-width: 640px;
	margin: 0 30px
}

.margi:before,.margi:after {
	content: "";
	display: table
}

.margi:after {
	clear: both
}

@media only screen and (min-width: 35em) {
	.margi {
		width: calc(100% - 46px);
		margin: 0 22px
	}
}

@media only screen and (min-width: 48em) {
	.margi {
		width: 100%;
		margin: 0 auto;
		max-width: 656px
	}
}

@media only screen and (min-width: 64em) {
	.margi {
		width: 230px;
		width: 19.492%;
		margin: 0 auto
	}
}

.section {
	margin: 38px auto;
	max-width: 640px
}

@media only screen and (min-width: 64em) {
	.section {
		margin: 58px auto 43px;
		max-width: 720px
	}
}

.section--580 {
	max-width: 580px
}

.section--620 {
	max-width: 620px
}

.section--770 {
	max-width: 770px
}

.section--880 {
	max-width: 880px
}

.section--1180 {
	max-width: 1180px
}

.section--1177 {
	max-width: 1177px
}

.section--1236 {
	max-width: 1236px
}

.centered--880 {
	max-width: 880px;
	margin: 0 auto
}

.centered--780 {
	max-width: 780px;
	margin: 0 auto
}

@media only screen and (min-width: 64em) {
	.extended {
		margin-left: -230px;
		position: relative;
		z-index: 2
	}

	.extended--left {
		margin-left: -230px
	}

	.extended--right {
		margin-right: -230px
	}

	.extended--both {
		margin-left: -230px;
		margin-right: -230px
	}
}

@media only screen and (min-width: 90em) {
	.extended {
		margin-left: -280px
	}

	.extended--left {
		margin-left: -280px
	}

	.extended--right {
		margin-right: -280px
	}

	.extended--both {
		margin-left: -280px;
		margin-right: -280px
	}
}

.pin-helper {
	position: relative;
	z-index: 1;
	background-color: #fff;
	padding: 1px 0
}

.pin-helper .extended {
	margin-left: auto
}

h2 {
	font-size: 1.875em;
	margin-bottom: .5em;
	color: inherit;
	letter-spacing: 0.93px;
	line-height: 1.13333;
	font-weight: 300
}

h3,span.h3 {
	font-size: 23px;
	font-weight: 300;
	letter-spacing: .7px;
	line-height: 1.174;
	color: inherit;
	margin-bottom: .435em
}

span.h3 {
	display: inline-block
}

h4 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .56px;
	line-height: 1.389;
	color: #66B512;
	margin-bottom: .444em
}

.scheme-green .size-col-d h4 {
	color: #56aa10
}

.scheme-green-alternate .size-col-d h4 {
	color: #56aa10
}

.scheme-purple .size-col-d h4 {
	color: #834283
}

.scheme-purple-alternate .size-col-d h4 {
	color: #834283
}

.scheme-fuchsia .size-col-d h4 {
	color: #ff3162
}

.scheme-fuchsia-alternate .size-col-d h4 {
	color: #ff3162
}

.scheme-blue .size-col-d h4 {
	color: #ff3162
}

.h3 {
	font-size: 35px;
	letter-spacing: 1px;
	line-height: 40px;
	margin-bottom: .25em;
	font-weight: 300;
	color: inherit
}

@media only screen and (min-width: 48em) {
	.h3 {
		font-size: 30px;
		line-height: 1;
		letter-spacing: 1px
	}
}

@media only screen and (min-width: 90em) {
	.h3 {
		font-size: 35px;
		letter-spacing: 1px;
		line-height: 40px
	}
}

.h2 {
	font-weight: 400;
	margin-bottom: 16px;
	padding-bottom: 8px;
	font-size: 38px;
	color: #0d2a40;
	border-bottom: 1px dotted #999;
	display: inline-block
}

.p {
	margin-bottom: 1.75em
}

.p p:not(:last-child) {
	margin-bottom: 1.75em
}

p+p {
	margin-top: 1.75em
}

p a,.p ul a,.p ol a {
	color: #0091df;
	font-weight: 500
}

p strong,.p strong {
	font-weight: 500
}

.p li {
	margin-bottom: 4px
}

@media only screen and (min-width: 64em) {
	.p,.media,.table {
		font-weight: 300
	}
}

.p p+ul {
	margin-top: -8px
}

.newspage .size-col-d p a {
	font-weight: 500
}

.content-header {
	margin: 0 30px
}

@media only screen and (min-width: 48em) {
	.content-header {
		max-width: 640px;
		margin: 0 auto;
		margin-bottom: -8px
	}
}

@media only screen and (min-width: 64em) {
	.content-header {
		max-width: inherit;
		margin: 0;
		margin-bottom: -8px
	}
}

.service {
	padding: 0;
	margin: 0 30px;
	display: block
}

.subhome .service {
	display: none
}

@media only screen and (min-width: 48em) {
	.service {
		max-width: 640px;
		margin: 0 auto
	}

	.subhome .service {
		display: block
	}
}

@media only screen and (min-width: 64em) {
	.service {
		border-top: 1px solid rgba(13,42,64,0.2);
		padding: 0 0 0 95px;
		max-width: 968px;
		margin: 0 auto
	}

	.content-header {
		padding: 0 0 0 95px;
		margin-bottom: -8px
	}
}

@media only screen and (min-width: 90em) {
	.service,.content-header {
		max-width: 1180px;
		padding: 0 0 0 117px
	}
}

.kv-stagetext h1,.content-header h1,.topline+h1,.size-col-d h1 {
	font-weight: 100;
	font-size: 40px;
	color: #10384f;
	letter-spacing: 0.4px;
	line-height: 1;
	margin-bottom: 37px;
	width: 100%
}

@media only screen and (min-width: 48em) {
	.kv-stagetext h1,.content-header h1,.topline+h1,.size-col-d h1 {
		font-size: 52px;
		letter-spacing: 0.5px;
		line-height: 52px
	}
}

@media only screen and (min-width: 64em) {
	.kv-stagetext h1,.content-header h1,.topline+h1,.size-col-d h1 {
		font-size: 52px;
		letter-spacing: .6px;
		line-height: 52px
	}
}

h1.h1--small {
	font-size: 30px;
	line-height: 1.167;
	letter-spacing: 1px
}

@media only screen and (min-width: 48em) {
	h1.h1--small {
		font-size: 35px;
		line-height: 1.143
	}
}

@media only screen and (min-width: 90em) {
	h1.h1--small {
		font-size: 40px;
		line-height: 1.1
	}
}

.ScrollSceneIndicators {
	z-index: 9999999 !important
}

main {
	padding: 0;
	margin: 0 20px;
	max-width: 1180px
}

@media only screen and (min-width: 35em) {
	main {
		padding: 0 0 5em 0;
		margin: 0 60px
	}
}

@media only screen and (min-width: 64em) {
	main {
		margin: 0 auto
	}
}

#corporate-container .meta ul>li:first-child>a,#corporate-container .meta a,#corporate-container .bcn-nobulls>li:first-child>a {
	padding-right: 13px
}

#corporate-container .meta ul>li:first-child>a::after,#corporate-container .meta a::after,#corporate-container .bcn-nobulls>li:first-child>a::after {
	content: normal
}

#corporate-container {
	position: absolute;
	top: 0;
	max-width: 1180px;
	color: #fff;
	z-index: 2;
	right: 0;
	background-color: #624963;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	font-size: 13px;
	letter-spacing: .34px
}

#corporate-container::before {
	content: "";
	position: absolute;
	top: 0;
	width: 14px;
	height: 100%;
	background-color: #624963;
	left: -9px;
	transform: skewX(-14deg);
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out
}

#corporate-container ul>li {
	float: left
}

#corporate-container ul>li>a,#corporate-container .language-switch>a {
	display: block;
	display: inline-block;
	padding: 9px 18px 9px 13px;
	line-height: 1.75;
	position: relative
}

#corporate-container ul>li>a::after,#corporate-container .language-switch>a::after {
	content: " ";
	width: 7px;
	height: 5px;
	position: absolute;
	top: 16px;
	right: 8px;
	background: transparent no-repeat center center;
	transform-origin: 50% 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' viewBox='0 0 7 5'%3E%3Cpolyline points='0.8,1.4 3.5,3.5 6,1.4' style='stroke:%23fff;stroke-width:1.2;fill:none;stroke-linejoin:bevel'/%3E%3C/svg%3E");
	-webkit-transition: transform 0.2s ease-out,background-image 0.2s ease-out;
	-moz-transition: transform 0.2s ease-out,background-image 0.2s ease-out;
	-ms-transition: transform 0.2s ease-out,background-image 0.2s ease-out;
	-o-transition: transform 0.2s ease-out,background-image 0.2s ease-out;
	transition: transform 0.2s ease-out,background-image 0.2s ease-out
}

#corporate-container ul>li>a:hover,#corporate-container .language-switch>a:hover {
	text-decoration: none;
	color: #ff3162
}

#corporate-container ul>li.state-active>a,#corporate-container .language-switch:hover>a,#corporate-container .language-switch.active>a {
	color: #00bcff
}

@media only screen and (min-width: 64em) {
	#corporate-container {
		font-size: 12px;
		letter-spacing: .31px;
		padding: 0 calc((100% - 968px ) / 2) 0 0
	}

	#corporate-container ul>li>a {
		padding: 6px 20px 5px 8px
	}

	#corporate-container ul>li:first-child>a {
		padding-left: 5px
	}

	.active-corporate #corporate-container {
		background-color: #443247
	}

	.active-corporate #corporate-container::before {
		background-color: #443247
	}
}

@media only screen and (min-width: 90em) {
	#corporate-container {
		font-size: 13px;
		letter-spacing: .34px;
		padding: 0 calc((100% - 1180px ) / 2) 0 0
	}

	#corporate-container ul>li>a {
		padding: 8px 21px 7px 13px
	}

	#corporate-container ul>li>a::after,#corporate-container .language-switch>a::after {
		top: 18px
	}
}

@media only screen and (min-width: 64em) {
	#corporate-container {
		display: block
	}
}

#worldwide,.meta {
	float: left
}

.meta,#bcn-container {
	display: none
}

@media only screen and (min-width: 64em) {
	#bcn-container {
		display: block;
		max-height: 36px
	}

	.meta {
		display: inline-block;
		float: none
	}
}

@media only screen and (min-width: 90em) {
	#bcn-container {
		max-height: 40px
	}
}

.language-switch {
	position: relative
}

.language-switch.active #language-switch,.language-switch:hover #language-switch,.active-langswith #language-switch {
	display: block
}

#language-switch {
	display: none;
	position: absolute;
	background-color: #443247;
	width: 100%;
	padding: 0 10px 3px
}

#corporate-container #language-switch li {
	float: none
}

#language-switch a {
	display: block !important;
	padding: 14px 10px !important
}

#language-switch li a {
	border-top-width: 0
}

#language-switch li+li a {
	border-top: 1px solid rgba(223,235,240,0.2)
}

#language-switch .current a {
	color: #00bcff
}

#language-switch li+li a {
	border-top: 1px solid #dfebf0
}

@media only screen and (min-width: 64em) {
	#language-switch li+li a {
		border-top: 1px solid rgba(223,235,240,0.2)
	}

	#language-switch a {
		padding: 5px 10px !important
	}
}

#corporate-container .meta a.last {
	padding-right: 0
}

#header {
	margin: 0 auto;
	color: #000;
	position: relative;
	min-height: 82px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2)
}

@media only screen and (min-width: 64em) {
	#header {
		max-width: 968px;
		box-shadow: none;
		min-height: 85px
	}
}

@media only screen and (min-width: 90em) {
	#header {
		max-width: 1180px;
		min-height: 97px
	}
}

.logo {
	width: 48px;
	display: block;
	margin: 22px 9px 12px 16px;
	float: left;
	position: relative;
	z-index: 2
}

@media only screen and (min-width: 48em) {
	.logo {
		width: 50px;
		margin: 15px 20px 15px
	}
}

@media only screen and (min-width: 64em) {
	.logo {
		width: 74px;
		margin: 40px 21px 15px 0
	}
}

@media only screen and (min-width: 90em) {
	.logo {
		width: 90px;
		margin: 38px 26px 22px 0
	}
}

.logo img,.logo object {
	width: 100%
}

.site-identifier {
	font-weight: 100;
	font-size: .75em;
	color: #00354F;
	letter-spacing: 0.59px;
	padding-top: 40px;
	line-height: 1;
	max-width: calc(100% - 90px)
}

.site-identifier--short {
	font-size: 1.5625em;
	padding-top: 33px
}

.site-identifier a,.site-identifier a:hover,.site-identifier a:focus {
	text-decoration: none
}

@media only screen and (min-width: 35em) {
	.site-identifier {
		font-size: 1.5625em;
		padding-top: 33px
	}

	.site-identifier--short {
		font-size: 1.5625em;
		padding-top: 33px
	}
}

@media only screen and (min-width: 48em) {
	.site-identifier {
		font-weight: 100;
		font-size: 1.875em;
		letter-spacing: 0.48px;
		padding-top: 24px
	}

	.site-identifier--short {
		font-size: 1.875em;
		padding-top: 22px
	}
}

@media only screen and (min-width: 64em) {
	.site-identifier {
		font-size: 2.5em;
		letter-spacing: 0.67px;
		padding-top: 43px
	}

	.site-identifier--short {
		font-size: 3.125em;
		padding-top: 39px;
		margin-bottom: -1px
	}

	.bcom .homepage .site-identifier {
		font-size: 3.0625em;
		padding-top: 35px
	}
}

@media only screen and (min-width: 90em) {
	.site-identifier {
		font-size: 2.5em;
		letter-spacing: .82px;
		padding-top: 53px
	}

	.site-identifier--short {
		font-size: 3.125em;
		padding-top: 43px
	}

	.bcom .homepage .site-identifier {
		font-size: 3.75em
	}
}

.tagline {
	position: absolute;
	left: -168px;
	top: 6px;
	width: 151px;
	background: url(../images/tagline-s.min.svg) no-repeat 0 0
}

.tagline img {
	visibility: hidden
}

@media only screen and (min-width: 64em) {
	.tagline {
		position: absolute;
		left: -192px;
		top: 10px;
		width: 170px;
		background: url(../images/tagline-l.min.svg) no-repeat 0 0
	}
}

@media only screen and (min-width: 90em) {
	.tagline {
		left: -214px;
		top: 7px;
		width: 190px;
		background: transparent
	}

	.tagline img {
		visibility: visible
	}
}

@media only screen and (min-width: 64em) {
	.pageheader {
		height: 136px
	}
}

@media only screen and (min-width: 90em) {
	.pageheader {
		height: 150px
	}
}

@media only screen and (min-width: 64em) {
	.stickyheader .pageheader {
		height: auto
	}
}

.hero-container {
	overflow: hidden;
	margin: 0 auto 1.75rem;
	clear: both;
	max-width: 1600px
}


.homepage .hero-container {
	margin-bottom: 40px
}

@media only screen and (min-width: 48em) {
	.hero-container {
		/*margin-top: 20px;*/
		max-width: 1600px
	}

	.homepage .hero-container {
		transform: skewY(-1deg);
		margin-bottom: 78px
	}
}

.hero {
	position: relative;
	height: 464px;
	overflow: hidden
}

@media only screen and (min-width: 35em) {
	.hero {
		min-height: 300px;
		height: auto
	}
}

@media only screen and (min-width: 48em) {
	.hero {
		margin: -12px 0 12px;
		min-height: 300px;
		height: auto
	}

	.homepage .hero {
		transform: skewY(1deg)
	}
}

.hero img {
	height: 285px;
	min-width: 100%;
	width: auto;
	transform: translateX(-25%);
	margin-left: 25%
}

.hero--text-left img {
	transform: translateX(calc(100vw - 96%));
	margin-left: 0
}

@media only screen and (min-width: 35em) {
	.hero img {
		width: auto;
		min-width: 0;
		height: calc(100vw * 0.5625);
		transform: translateX(0);
		margin-left: 0;
		margin-bottom: 175px
	}

	.hero--text-left img {
		transform: translateX(calc(100vw - 96%))
	}
}

@media only screen and (min-width: 64em) {
	.hero img {
		width: 100%;
		height: auto;
		min-height: inherit;
		margin-bottom: 0
	}

	.hero--text-left img {
		transform: translateX(0)
	}
}

.hero__text {
	position: absolute;
	text-align: right;
	right: 0;
	color: #fff;
	padding: 50px 25px 25px;
	transition: right .5s ease-out;
	width: 100%;
	height: auto;
	bottom: 0;
	z-index: 1;
	min-height: 228px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.hero__text::before {
	content: '';
	position: absolute;
	width: 120%;
	height: 1px;
	border: 1px solid #ff3162;
	border-width: 1px 0 0 0;
	transition: right .5s ease-out;
	transform: rotate(-7deg) translateX(-50%);
	top: 0;
	margin-left: 50%;
	left: 0;
	margin-top: -5%
}

.hero__text::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 120%;
	transform: skewy(-3deg);
	top: 6%;
	left: 0;
	z-index: -1
}

@media only screen and (min-width: 48em) {
	.hero__text {
		padding: 50px 40px 25px
	}
}

@media only screen and (min-width: 64em) {
	.hero__text::before,.hero__text::after {
		display: none
	}
}

@media only screen and (min-width: 64em) {
	.hero__text {
		background: transparent;
		right: 10%;
		padding: 60px 0 40px;
		width: 26%;
		height: 100%
	}
}

@media only screen and (max-width: 63.938em) {
	.hero__text {
		right: 0 !important
	}
}

.hero-line {
	display: none
}

@media only screen and (min-width: 64em) {
	.hero__line {
		display: block;
		position: absolute;
		right: -30px;
		width: 180%;
		height: 1px;
		border: 1px solid #ff3162;
		border-width: 1px 0 0 0;
		transition: right .5s ease-out;
		transform: rotate(-12deg);
		bottom: 260px;
		z-index: 1
	}

	.hero__line {
		right: 40.5%;
		width: 1px;
		height: 110%;
		border-width: 0 0 0 1px;
		transform: rotate(15deg);
		top: -20px;
		bottom: inherit
	}
}

.angle {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: auto;
	color: #333;
	padding: 0;
	transition: left .5s ease-out;
	z-index: 1
}

.hero-angle-left {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #333;
	padding: 0;
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-ms-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
	z-index: 1;
	display: none;
	background: #89d329;
	transform: skewX(-24deg);
	left: -98%;
	opacity: 0.5
}

@media only screen and (min-width: 64em) {
	.hero-angle-left {
		display: block
	}

	.angle {
		display: block;
		height: 100%;
		background: #443247;
		transform: skewX(-10deg);
		left: 60%;
		opacity: .9
	}
}

.h1-hero {
	font-weight: 100;
	font-size: 35px;
	margin: 0 0 10px;
	color: #89d329;
	font-style: italic;
	letter-spacing: 1.26px;
	line-height: 1
}

@media only screen and (min-width: 48em) {
	.h1-hero {
		font-size: 40px;
		margin: 0 0 20px
	}
}

@media only screen and (min-width: 64em) {
	.h1-hero {
		font-size: 50px;
		margin: 0 0 20px
	}
}

.overline {
	font-weight: 700;
	font-size: .9375em;
	line-height: 1.2
}

.hero__text .overline {
	opacity: 0.9;
	font-size: 18px;
	color: #ff3162;
	margin-bottom: 3px;
	text-shadow: 0 0 1em transparent,1px 1px 1px transparent
}

@media only screen and (min-width: 64em) {
	.hero__text .overline {
		font-size: 20px
	}
}

.hero__text p {
	display: none
}

@media only screen and (min-width: 64em) {
	.hero__text p {
		display: block;
		font-size: 16px;
		letter-spacing: .4px;
		font-weight: 300;
		line-height: 21px;
		margin-bottom: 7px
	}
}

@media only screen and (min-width: 90em) {
	.h1-hero {
		font-size: 60px;
		margin: 0 0 20px
	}
}

.hero .readmore,.content-hero__text .readmore {
	align-self: flex-end
}

.hero--16to9 {
	height: auto
}

.hero--16to9 img {
	width: 100%;
	height: auto;
	margin-left: 0;
	transform: translateX(0);
	margin-bottom: 200px
}

.hero--16to9 .hero__text {
	min-height: 260px
}

@media only screen and (min-width: 64em) {
	.hero--16to9 img {
		margin-bottom: 0;
		margin-right: 37%;
		width: 63%
	}

	.hero--16to9 .angle {
		opacity: 1
	}
}

@media only screen and (min-width: 64em) {
	.hero--text-left .hero__text {
		left: 10%;
		right: inherit;
		text-align: left
	}

	.hero--text-left .hero-angle-left {
		left: inherit;
		right: -98%
	}

	.hero--text-left .angle {
		left: inherit;
		right: 53.5%
	}

	.hero--text-left .hero__line {
		right: inherit;
		left: 45.5%
	}

	.hero--text-left.hero--16to9 img {
		margin-right: 0;
		margin-left: 37%
	}
}

.sub-hero-container {
	position: relative;
	height: 230px;
	overflow: hidden;
	margin: 0 0 2.5rem
}

.sub-hero img {
	height: 100%;
	width: auto;
	margin-left: 50%;
	transform: translateX(-50%);
	max-width: inherit
}

@media only screen and (min-width: 35em) {
	.sub-hero-container {
		height: 314px
	}
}

@media only screen and (min-width: 48em) {
	.sub-hero-container {
		height: auto;
		margin: 0 0 2.5rem
	}

	.sub-hero img {
		width: 100%;
		height: auto
	}
}

@media only screen and (min-width: 64em) {
	.sub-hero-container {
		margin: 0 calc((-100vw + 968px)/2) 2.5rem
	}
}

@media only screen and (min-width: 90em) {
	.sub-hero-container {
		margin: 0 calc((-1440px + 1180px)/2) 2.5rem
	}
}

.sub-hero {
	height: 100%;
	position: relative
}

.sub-hero-container::before,.sub-hero-container::after,.sub-hero::after,.sub-hero::before {
	height: 100%;
	width: 100%;
	position: absolute;
	content: "";
	top: 0
}

.sub-hero-container::before {
	opacity: .7;
	left: -93.75%;
	transform: skewX(-17deg);
	z-index: 1
}

.scheme-green .sub-hero-container::before {
	background-color: #2b6636
}

.scheme-green-alternate .sub-hero-container::before {
	background-color: #66b512
}

.scheme-purple .sub-hero-container::before {
	background-color: #624963
}

.scheme-purple-alternate .sub-hero-container::before {
	background-color: #00617f
}

.scheme-fuchsia .sub-hero-container::before {
	background-color: #ff3162
}

.scheme-fuchsia-alternate .sub-hero-container::before {
	background-color: #ff3162
}

.scheme-blue .sub-hero-container::before {
	background-color: #ff3162
}

.sub-hero-container::after {
	opacity: .7;
	left: 100%;
	transform: skewX(-38deg)
}

.scheme-green .sub-hero-container::after {
	background-color: #624963
}

.scheme-green-alternate .sub-hero-container::after {
	background-color: #624963
}

.scheme-purple .sub-hero-container::after {
	background-color: #d30f4b
}

.scheme-purple-alternate .sub-hero-container::after {
	background-color: #d30f4b
}

.scheme-fuchsia .sub-hero-container::after {
	background-color: #2b6636
}

.scheme-fuchsia-alternate .sub-hero-container::after {
	background-color: #66b512
}

.scheme-blue .sub-hero-container::after {
	background-color: #66b512
}

.sub-hero::before {
	z-index: 1;
	width: 1px;
	opacity: 1;
	left: 90%;
	transform: skewX(-15deg)
}

.scheme-green .sub-hero::before {
	background-color: #66b512
}

.scheme-green-alternate .sub-hero::before {
	background-color: #66b512
}

.scheme-purple .sub-hero::before {
	background-color: #624963
}

.scheme-purple-alternate .sub-hero::before {
	background-color: #624963
}

.scheme-fuchsia .sub-hero::before {
	background-color: #ff3162
}

.scheme-fuchsia-alternate .sub-hero::before {
	background-color: #ff3162
}

.scheme-blue .sub-hero::before {
	background-color: #ff3162
}

.sub-hero::after {
	opacity: .4;
	left: 91%;
	transform: skewX(-24deg)
}

.scheme-green .sub-hero::after {
	background-color: #624963
}

.scheme-green-alternate .sub-hero::after {
	background-color: #624963
}

.scheme-purple .sub-hero::after {
	background-color: #d30f4b
}

.scheme-purple-alternate .sub-hero::after {
	background-color: #d30f4b
}

.scheme-fuchsia .sub-hero::after {
	background-color: #2b6636
}

.scheme-fuchsia-alternate .sub-hero::after {
	background-color: #66b512
}

.scheme-blue .sub-hero::after {
	background-color: #66b512
}

.rollover-window {
	margin: 58px auto
}

.content-hero-container {
	overflow: hidden;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto
}

.rollover-window .content-hero-container {
	transform: translateY(-100%)
}

.content-hero {
	position: relative;
	background: #fff;
	min-height: 645px;
	overflow: hidden;
	margin: 0
}

.content-hero>a {
	display: block;
	min-height: 645px
}

@media only screen and (min-width: 64em) {
	.content-hero::after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		bottom: 0;
		padding: 0;
		background: #d30f4b;
		transform: skewX(-12deg);
		height: 100%;
		left: 62%;
		opacity: 0.95
	}

	.content-hero::before {
		content: "";
		position: absolute;
		border: 1px solid #89d329;
		right: 38%;
		width: 1px;
		height: 110%;
		border-width: 0 0 0 1px;
		transform: rotate(17deg);
		top: -20px;
		bottom: inherit;
		z-index: 1
	}
}

.content-hero .hero__text {
	z-index: 1
}

.content-hero .hero__text .overline {
	color: #89d329
}

.content-hero .h1-hero {
	color: #fff
}

@media only screen and (min-width: 64em) {
	.content-hero__text {
		width: 24%
	}
}

.content-hero img {
	min-height: 450px;
	width: inherit
}

.content-hero--small img {
	min-height: inherit;
	width: 100%
}

@media only screen and (min-width: 35em) {
	.content-hero img {
		width: 100%;
		min-height: inherit
	}
}

.content-hero--small {
	min-height: calc(100vw - 20px)
}

@media only screen and (min-width: 48em) {
	.content-hero--small {
		min-height: 260px;
		max-height: 460px
	}
}

@media only screen and (min-width: 64em) {
	.content-hero--small {
		min-height: 260px;
		max-height: 360px
	}

	.content-hero--small::after {
		left: 52%
	}

	.content-hero--small::before {
		right: 48%
	}

	.content-hero--small .hero__text {
		width: 40%
	}
}

.content-hero--small .hero__text {
	text-align: left;
	right: 20px;
	max-width: 190px
}

.content-hero--small .hero__text .overline {
	font-size: 16px
}

.content-hero--small .h1-hero {
	font-size: 35px;
	letter-spacing: 1px
}

.content-hero::after {
	background: #d30f4b;
	background: #00617F
}

.content-hero::before {
	border-color: #89d329
}

.content-hero .hero__text .overline {
	color: #fff
}

.content-hero .h1-hero {
	color: #fff
}

.hero-subhome {
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

.hero-subhome__img {
	min-width: 1440px;
	min-height: 250px
}

@media only screen and (max-width: 63.938em) {
	.hero-subhome {
		display: flex;
		flex-direction: column-reverse
	}
}

@media only screen and (max-width: 1440px) {
	.hero-subhome__img {
		margin-left: calc(((-1440px) + (100%)) / 2);
		margin-right: calc(((-1440px) + (100%)) / 2)
	}
}

.hero-subhome__white-angle,.hero-subhome__text::before {
	content: "";
	position: absolute;
	background-color: #fff;
	height: 170%;
	z-index: 2;
	transform: skewY(-3deg);
	width: 100%;
	left: 0;
	top: 6.4%;
	top: -15.6%
}

.hero-subhome__colored-angle,.hero-subhome__text::after {
	content: "";
	position: absolute;
	background-color: #89d329;
	opacity: .78;
	filter: alpha(opacity=78);
	height: 100%;
	width: 100%;
	z-index: 1;
	transform: skewY(-7deg);
	left: 0;
	top: 4%;
	top: -26%
}

@media only screen and (min-width: 48em) {
	.hero-subhome__white-angle,.hero-subhome__text::before {
		transform: skewY(-1deg)
	}

	.hero-subhome__colored-angle,.hero-subhome__text::after {
		transform: skewY(-3deg)
	}
}

@media only screen and (max-width: 63.938em) {
	.hero-subhome__white-angle {
		display: none
	}

	.hero-subhome__text::before {
		display: block
	}

	.hero-subhome__colored-angle {
		display: none
	}

	.hero-subhome__text::after {
		display: block
	}
}

@media only screen and (min-width: 64em) {
	.hero-subhome__white-angle {
		display: block
	}

	.hero-subhome__text::before {
		display: none
	}

	.hero-subhome__colored-angle {
		display: block
	}

	.hero-subhome__text::after {
		display: none
	}
}

.hero-subhome__text {
	position: relative;
	z-index: 4;
	padding: 25px 40px 35px;
	left: 0;
	right: 0
}

@media only screen and (min-width: 64em) {
	.hero-subhome__text {
		position: absolute;
		left: 0;
		right: 0;
		top: inherit;
		bottom: 0
	}
}

.hero-subhome__topline {
	font-size: 18px;
	letter-spacing: 0;
	line-height: 26px;
	color: #fff;
	font-weight: 700
}

.hero-subhome__headline {
	font-size: 40px;
	letter-spacing: 1px;
	line-height: 1;
	font-style: italic;
	color: #0f2a3e;
	font-weight: 100;
	padding-left: 30px
}

@media only screen and (min-width: 48em) {
	.hero-subhome__headline {
		font-size: 45px
	}

	.hero-subhome__text {
		padding: 25px 60px 35px
	}
}

@media only screen and (min-width: 64em) {
	.hero-subhome__topline {
		font-size: 22px;
		line-height: 26px
	}

	.hero-subhome__headline {
		font-size: 60px;
		letter-spacing: 1.25px
	}

	.hero-subhome__text {
		padding: 50px 40px 25px
	}
}

@media only screen and (min-width: 64em) {
	.hero-subhome__colored-angle,.hero-subhome__text::after {
		width: 110%;
		z-index: 2;
		transform: skewX(-20deg);
		top: 0;
		left: -16%
	}

	.hero-subhome__white-angle,.hero-subhome__text::before {
		height: 100%;
		z-index: 1;
		transform: skewX(-12deg);
		width: 56%;
		left: -10%;
		top: 0
	}

	.hero-subhome__angles {
		height: 250px;
		display: inline-block;
		position: relative;
		max-width: 60%
	}

	.hero-subhome__text {
		transform: translateY(-50%);
		bottom: inherit;
		right: inherit;
		background: transparent;
		position: relative;
		top: 50%;
		padding: 0 108px;
		min-height: 10px;
		left: 0
	}

	.hero-subhome__img {
		margin-bottom: 0;
		position: absolute;
		top: 0;
		left: 0
	}

	.hero-subhome__angles::after {
		content: " ";
		position: absolute;
		left: 44%;
		width: 1px;
		height: 110%;
		border-left: 1px solid #D40449;
		top: -5%;
		z-index: 3;
		transform: skewX(-30deg);
		left: 94%
	}
}

@media only screen and (min-width: 64em) {
	.hero-subhome__text {
		padding: 0 116px 0 calc((100vw - 968px) / 2)
	}
}

@media only screen and (min-width: 90em) {
	.hero-subhome__text {
		padding: 0 116px 0 calc((100vw - 1180px) / 2)
	}
}

@media only screen and (min-width: 1600px) {
	.hero-subhome__text {
		padding: 0 116px 0 calc(((100vw - 1180px) / 2) - ((100vw - 1600px) / 2))
	}
}

.h1-hero {
	color: #89d329
}

.hero1 .h1-hero {
	color: #89d329
}

.hero2 .h1-hero {
	color: #ff3162
}

.hero3 .h1-hero {
	color: #00bcff
}

.hero4 .h1-hero {
	color: #00bcff
}

.hero5 .h1-hero {
	color: #89d329
}

.hero6 .h1-hero {
	color: #89d329
}

.hero7 .h1-hero {
	color: #ff3162
}

.hero8 .h1-hero {
	color: #00bcff
}

.hero9 .h1-hero {
	color: #89d329
}

.hero10 .h1-hero {
	color: #89d329
}

.hero11 .h1-hero {
	color: #00bcff
}

.hero12 .h1-hero {
	color: #ff3162
}

.hero13 .h1-hero {
	color: #00bcff
}

.hero14 .h1-hero {
	color: #89d329
}

.hero__text .overline {
	color: #ff3162
}

.hero1 .hero__text .overline {
	color: #ff3162
}

.hero2 .hero__text .overline {
	color: #00bcff
}

.hero3 .hero__text .overline {
	color: #89d329
}

.hero4 .hero__text .overline {
	color: #ff3162
}

.hero5 .hero__text .overline {
	color: #00bcff
}

.hero6 .hero__text .overline {
	color: #00bcff
}

.hero7 .hero__text .overline {
	color: #89d329
}

.hero8 .hero__text .overline {
	color: #ff3162
}

.hero9 .hero__text .overline {
	color: #ff3162
}

.hero10 .hero__text .overline {
	color: #00bcff
}

.hero11 .hero__text .overline {
	color: #89d329
}

.hero12 .hero__text .overline {
	color: #89d329
}

.hero13 .hero__text .overline {
	color: #ff3162
}

.hero14 .hero__text .overline {
	color: #00bcff
}

.hero__line,.hero__text::before {
	border-color: #ff3162
}

.hero1 .hero__line,.hero1 .hero__text::before {
	border-color: #ff3162
}

.hero2 .hero__line,.hero2 .hero__text::before {
	border-color: #00bcff
}

.hero3 .hero__line,.hero3 .hero__text::before {
	border-color: #89d329
}

.hero4 .hero__line,.hero4 .hero__text::before {
	border-color: #ff3162
}

.hero5 .hero__line,.hero5 .hero__text::before {
	border-color: #00bcff
}

.hero6 .hero__line,.hero6 .hero__text::before {
	border-color: #00bcff
}

.hero7 .hero__line,.hero7 .hero__text::before {
	border-color: #89d329
}

.hero8 .hero__line,.hero8 .hero__text::before {
	border-color: #ff3162
}

.hero9 .hero__line,.hero9 .hero__text::before {
	border-color: #ff3162
}

.hero10 .hero__line,.hero10 .hero__text::before {
	border-color: #00bcff
}

.hero11 .hero__line,.hero11 .hero__text::before {
	border-color: #89d329
}

.hero12 .hero__line,.hero12 .hero__text::before {
	border-color: #89d329
}

.hero13 .hero__line,.hero13 .hero__text::before {
	border-color: #ff3162
}

.hero14 .hero__line,.hero14 .hero__text::before {
	border-color: #00bcff
}

.angle,.hero__text::after {
	background-color: #443247
}

.hero1 .angle,.hero1 .hero__text::after {
	background-color: #443247
}

.hero2 .angle,.hero2 .hero__text::after {
	background-color: #10384f
}

.hero3 .angle,.hero3 .hero__text::after {
	background-color: #042
}

.hero4 .angle,.hero4 .hero__text::after {
	background-color: #443247
}

.hero5 .angle,.hero5 .hero__text::after {
	background-color: #10384f
}

.hero6 .angle,.hero6 .hero__text::after {
	background-color: #443247
}

.hero7 .angle,.hero7 .hero__text::after {
	background-color: #10384f
}

.hero8 .angle,.hero8 .hero__text::after {
	background-color: #042
}

.hero9 .angle,.hero9 .hero__text::after {
	background-color: #624963
}

.hero10 .angle,.hero10 .hero__text::after {
	background-color: #00617f
}

.hero11 .angle,.hero11 .hero__text::after {
	background-color: #2b6636
}

.hero12 .angle,.hero12 .hero__text::after {
	background-color: #443247
}

.hero13 .angle,.hero13 .hero__text::after {
	background-color: #10384f
}

.hero14 .angle,.hero14 .hero__text::after {
	background-color: #042
}

.hero-angle-left {
	background-color: #89d329
}

.hero1 .hero-angle-left {
	background-color: #89d329
}

.hero2 .hero-angle-left {
	background-color: #ff3162
}

.hero3 .hero-angle-left {
	background-color: #00bcff
}

.hero4 .hero-angle-left {
	background-color: #00bcff
}

.hero5 .hero-angle-left {
	background-color: #89d329
}

.hero6 .hero-angle-left {
	background-color: #89d329
}

.hero7 .hero-angle-left {
	background-color: #ff3162
}

.hero8 .hero-angle-left {
	background-color: #00bcff
}

.hero9 .hero-angle-left {
	background-color: #89d329
}

.hero10 .hero-angle-left {
	background-color: #89d329
}

.hero11 .hero-angle-left {
	background-color: #00bcff
}

.hero12 .hero-angle-left {
	background-color: #ff3162
}

.hero13 .hero-angle-left {
	background-color: #00bcff
}

.hero14 .hero-angle-left {
	background-color: #89d329
}

.hero-subhome__white-angle,.hero-subhome__text::before {
	background-color: #fff
}

.subhomehero1 .hero-subhome__white-angle,.subhomehero1 .hero-subhome__text::before {
	background-color: #89d329
}

.subhomehero2 .hero-subhome__white-angle,.subhomehero2 .hero-subhome__text::before {
	background-color: #10384f
}

.subhomehero3 .hero-subhome__white-angle,.subhomehero3 .hero-subhome__text::before {
	background-color: #d30f4b
}

.subhomehero4 .hero-subhome__white-angle,.subhomehero4 .hero-subhome__text::before {
	background-color: #00617f
}

.subhomehero5 .hero-subhome__white-angle,.subhomehero5 .hero-subhome__text::before {
	background-color: #443247
}

.subhomehero6 .hero-subhome__white-angle,.subhomehero6 .hero-subhome__text::before {
	background-color: #00bcff
}

.subhomehero7 .hero-subhome__white-angle,.subhomehero7 .hero-subhome__text::before {
	background-color: #2b6636
}

.hero-subhome__colored-angle,.hero-subhome__text::after {
	background-color: #89d329;
	opacity: .78;
	filter: alpha(opacity=78)
}

.subhomehero1 .hero-subhome__colored-angle,.subhomehero1 .hero-subhome__text::after {
	background-color: #89d329
}

.subhomehero2 .hero-subhome__colored-angle,.subhomehero2 .hero-subhome__text::after {
	background-color: #10384f
}

.subhomehero3 .hero-subhome__colored-angle,.subhomehero3 .hero-subhome__text::after {
	background-color: #d30f4b
}

.subhomehero4 .hero-subhome__colored-angle,.subhomehero4 .hero-subhome__text::after {
	background-color: #00617f
}

.subhomehero5 .hero-subhome__colored-angle,.subhomehero5 .hero-subhome__text::after {
	background-color: #443247
}

.subhomehero6 .hero-subhome__colored-angle,.subhomehero6 .hero-subhome__text::after {
	background-color: #00bcff
}

.subhomehero7 .hero-subhome__colored-angle,.subhomehero7 .hero-subhome__text::after {
	background-color: #2b6636
}

.hero-subhome__line-first {
	border-left: 1px solid #0A4E6C
}

.subhomehero1 .hero-subhome__line-first {
	border-color: #10384f
}

.subhomehero2 .hero-subhome__line-first {
	border-color: #00bcff
}

.subhomehero3 .hero-subhome__line-first {
	border-color: #89d329
}

.subhomehero4 .hero-subhome__line-first {
	border-color: #89d329
}

.subhomehero5 .hero-subhome__line-first {
	border-color: #ff3162
}

.subhomehero6 .hero-subhome__line-first {
	border-color: #10384f
}

.subhomehero7 .hero-subhome__line-first {
	border-color: #00bcff
}

.hero-subhome__line-second,.hero-subhome__angles::after {
	border-left: 1px solid #D40449
}

.subhomehero1 .hero-subhome__line-second,.subhomehero1 .hero-subhome__angles::after {
	border-color: #10384f
}

.subhomehero2 .hero-subhome__line-second,.subhomehero2 .hero-subhome__angles::after {
	border-color: #00bcff
}

.subhomehero3 .hero-subhome__line-second,.subhomehero3 .hero-subhome__angles::after {
	border-color: #89d329
}

.subhomehero4 .hero-subhome__line-second,.subhomehero4 .hero-subhome__angles::after {
	border-color: #89d329
}

.subhomehero5 .hero-subhome__line-second,.subhomehero5 .hero-subhome__angles::after {
	border-color: #ff3162
}

.subhomehero6 .hero-subhome__line-second,.subhomehero6 .hero-subhome__angles::after {
	border-color: #10384f
}

.subhomehero7 .hero-subhome__line-second,.subhomehero7 .hero-subhome__angles::after {
	border-color: #00bcff
}

.hero-subhome__topline {
	color: #fff;
	position: relative;
	z-index: 2
}

.hero-subhome__headline {
	color: #0f2a3e;
	position: relative;
	z-index: 2
}

.subhomehero1 .hero-subhome__headline {
	color: #0f2a3e
}

.subhomehero2 .hero-subhome__headline {
	color: #00bcff
}

.subhomehero3 .hero-subhome__headline {
	color: #89d329
}

.subhomehero4 .hero-subhome__headline {
	color: #89d329
}

.subhomehero5 .hero-subhome__headline {
	color: #ff3162
}

.subhomehero6 .hero-subhome__headline {
	color: #10384f
}

.subhomehero7 .hero-subhome__headline {
	color: #15adff
}

.hero-magazine-container {
	position: relative;
	overflow: hidden;
	margin: 0 0 2.5rem
}

.hero-magazine .h1-hero {
	color: #fff;
	font-style: normal
}

@media only screen and (min-width: 48em) {
	.hero-magazine-container {
		height: auto;
		margin: 0 0 2.5rem
	}
}

@media only screen and (min-width: 64em) {
	.hero-magazine-container {
		margin: 0 calc((-100vw + 968px)/2) 2.5rem
	}
}

@media only screen and (min-width: 90em) {
	.hero-magazine-container {
		margin: 0 calc((-1440px + 1180px)/2) 2.5rem
	}
}

.hero-magazine {
	position: relative;
	height: 464px;
	overflow: hidden
}

@media only screen and (min-width: 48em) {
	.hero-magazine {
		margin: -12px 0 12px;
		min-height: 300px;
		height: auto
	}

	.homepage .hero-magazine {
		transform: skewY(0.8deg)
	}
}

.hero-magazine img {
	height: 285px;
	min-width: 100%;
	width: auto;
	transform: translateX(-25%);
	margin-left: 25%
}

@media only screen and (min-width: 35em) {
	.hero-magazine img {
		width: auto;
		min-width: 0;
		height: calc(100vw * 0.5625);
		transform: translateX(0);
		margin-left: 0
	}
}

@media only screen and (min-width: 64em) {
	.hero-magazine img {
		width: 100%;
		height: auto;
		min-height: inherit;
		margin-bottom: 0
	}
}

.hero-magazine__text {
	position: absolute;
	right: 0;
	color: #fff;
	padding: 3px 43px 25px;
	transition: right .5s ease-out;
	width: 100%;
	height: auto;
	bottom: 0;
	z-index: 1;
	min-height: 228px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.hero-magazine__text::before,.hero-magazine__text::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 140%;
	transition: right .5s ease-out;
	transform: skewY(-1deg);
	top: 0;
	left: 0;
	margin-top: 0;
	background-color: #00617f;
	opacity: 1;
	z-index: -1
}

.scheme-green .hero-magazine__text::before,.scheme-green .hero-magazine__text::after {
	background-color: #2b6636
}

.scheme-green-alternate .hero-magazine__text::before,.scheme-green-alternate .hero-magazine__text::after {
	background-color: #66b512
}

.scheme-purple .hero-magazine__text::before,.scheme-purple .hero-magazine__text::after {
	background-color: #624963
}

.scheme-purple-alternate .hero-magazine__text::before,.scheme-purple-alternate .hero-magazine__text::after {
	background-color: #00617f
}

.scheme-fuchsia .hero-magazine__text::before,.scheme-fuchsia .hero-magazine__text::after {
	background-color: #d30f4b
}

.scheme-fuchsia-alternate .hero-magazine__text::before,.scheme-fuchsia-alternate .hero-magazine__text::after {
	background-color: #0091df
}

.scheme-blue .hero-magazine__text::before,.scheme-blue .hero-magazine__text::after {
	background-color: #0091df
}

.mag-blog .hero-magazine__text::before,.mag-blog .hero-magazine__text::after {
	background-color: #F7F7F7
}

.mag-darkgreen .hero-magazine__text::before,.mag-darkgreen .hero-magazine__text::after {
	background-color: #2b6636
}

.mag-green .hero-magazine__text::before,.mag-green .hero-magazine__text::after {
	background-color: #66b512
}

.mag-purple .hero-magazine__text::before,.mag-purple .hero-magazine__text::after {
	background-color: #624963
}

.mag-midblue .hero-magazine__text::before,.mag-midblue .hero-magazine__text::after {
	background-color: #00617f
}

.mag-fuchsia .hero-magazine__text::before,.mag-fuchsia .hero-magazine__text::after {
	background-color: #d30f4b
}

.mag-blue .hero-magazine__text::before,.mag-blue .hero-magazine__text::after {
	background-color: #0091df
}

.hero-magazine__text::before {
	transform: skewY(-3deg);
	z-index: -2;
	opacity: .4
}

@media only screen and (min-width: 48em) {
	.hero-magazine__text {
		padding: 50px 20% 25px
	}

	.hero-magazine__text::after {
		opacity: .7
	}
}

.hero-magazine-caption {
	opacity: .5;
	font-weight: 300;
	font-style: italic;
	font-size: 16px;
	color: #0D2A40;
	letter-spacing: .5px;
	line-height: 22px;
	max-width: 640px;
	margin: -36px 30px 40px
}

@media only screen and (min-width: 48em) {
	.hero-magazine-caption {
		max-width: 640px;
		margin: -36px auto 40px auto
	}
}

@media only screen and (min-width: 64em) {
	.hero-magazine__text {
		min-height: 220px
	}

	.hero-magazine-caption {
		max-width: 738px;
		margin: -36px 0 40px 0
	}
}

@media only screen and (min-width: 90em) {
	.hero-magazine-caption {
		max-width: 900px
	}
}

.hero-magazine__topline {
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.56px;
	line-height: 26px;
	margin-bottom: 11px
}

.scheme-green .hero-magazine__topline {
	color: #ff3162
}

.scheme-green-alternate .hero-magazine__topline {
	color: #10384f
}

.scheme-purple .hero-magazine__topline {
	color: #89d329
}

.scheme-purple-alternate .hero-magazine__topline {
	color: #89d329
}

.scheme-fuchsia .hero-magazine__topline {
	color: #10384f
}

.scheme-fuchsia-alternate .hero-magazine__topline {
	color: #443247
}

.scheme-blue .hero-magazine__topline {
	color: #443247
}

.mag-blog .hero-magazine__topline {
	color: #FE4470
}

.mag-darkgreen .hero-magazine__topline {
	color: #ff3162
}

.mag-green .hero-magazine__topline {
	color: #10384f
}

.mag-purple .hero-magazine__topline {
	color: #89d329
}

.mag-midblue .hero-magazine__topline {
	color: #89d329
}

.mag-fuchsia .hero-magazine__topline {
	color: #10384f
}

.mag-blue .hero-magazine__topline {
	color: #443247
}

@media only screen and (min-width: 64em) {
	.hero img,.hero__line {
		transition: transform .25s ease-out
	}

	.hero-angle-left {
		transition: left .25s ease-out
	}

	.vanilla-modal .hero:hover img {
		transform: scale(1.05)
	}

	.vanilla-modal .hero:hover .hero-angle-left {
		left: -100%
	}

	.vanilla-modal .hero:hover .hero__line {
		transform: rotate(20deg)
	}

	.vanilla-modal .hero:hover .readmore {
		padding-left: 24px;
		padding-right: 24px
	}

	.vanilla-modal .hero:hover .readmore::after {
		opacity: 1
	}

	.vanilla-modal .hero--text-left:hover .hero-angle-left {
		left: inherit;
		right: -100%
	}

	.hero img {
		transform: scale(1.2);
		opacity: 0.5;
		-webkit-transition: all 0.5s ease-out 0.5s;
		-moz-transition: all 0.5s ease-out 0.5s;
		-ms-transition: all 0.5s ease-out 0.5s;
		-o-transition: all 0.5s ease-out 0.5s;
		transition: all 0.5s ease-out 0.5s
	}

	.hero .hero__text {
		transform: translateX(-80px);
		opacity: 0;
		-webkit-transition: transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s;
		-moz-transition: transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s;
		-ms-transition: transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s;
		-o-transition: transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s;
		transition: transform 0.5s ease-out 0.5s,opacity 1.5s ease-out 0.25s
	}

	.hero .angle {
		transform: translateX(-80px) skewX(-10deg);
		-webkit-transition: transform 0.5s ease-out 0.5s;
		-moz-transition: transform 0.5s ease-out 0.5s;
		-ms-transition: transform 0.5s ease-out 0.5s;
		-o-transition: transform 0.5s ease-out 0.5s;
		transition: transform 0.5s ease-out 0.5s
	}

	.hero .hero__line {
		transform: translateX(50px) rotate(15deg);
		-webkit-transition: transform 0.5s ease-out 0.5s;
		-moz-transition: transform 0.5s ease-out 0.5s;
		-ms-transition: transform 0.5s ease-out 0.5s;
		-o-transition: transform 0.5s ease-out 0.5s;
		transition: transform 0.5s ease-out 0.5s
	}

	.hero .hero-angle-left {
		width: 94%;
		-webkit-transition: width 0.5s ease-out 0.5s;
		-moz-transition: width 0.5s ease-out 0.5s;
		-ms-transition: width 0.5s ease-out 0.5s;
		-o-transition: width 0.5s ease-out 0.5s;
		transition: width 0.5s ease-out 0.5s
	}

	.vanilla-modal .hero img {
		transform: scale(1);
		opacity: 1;
		-webkit-transition: transform 0.5s ease-out;
		-moz-transition: transform 0.5s ease-out;
		-ms-transition: transform 0.5s ease-out;
		-o-transition: transform 0.5s ease-out;
		transition: transform 0.5s ease-out
	}

	.vanilla-modal .hero .hero__text {
		transform: translateX(0);
		opacity: 1;
		-webkit-transition: transform 0.5s ease-out,opacity 1.5s ease-out;
		-moz-transition: transform 0.5s ease-out,opacity 1.5s ease-out;
		-ms-transition: transform 0.5s ease-out,opacity 1.5s ease-out;
		-o-transition: transform 0.5s ease-out,opacity 1.5s ease-out;
		transition: transform 0.5s ease-out,opacity 1.5s ease-out
	}

	.vanilla-modal .hero .angle {
		transform: translateX(0) skewX(-10deg);
		-webkit-transition: transform 0.5s ease-out;
		-moz-transition: transform 0.5s ease-out;
		-ms-transition: transform 0.5s ease-out;
		-o-transition: transform 0.5s ease-out;
		transition: transform 0.5s ease-out
	}

	.vanilla-modal .hero .hero__line {
		transform: translateX(0) rotate(15deg);
		-webkit-transition: transform 0.5s ease-out;
		-moz-transition: transform 0.5s ease-out;
		-ms-transition: transform 0.5s ease-out;
		-o-transition: transform 0.5s ease-out;
		transition: transform 0.5s ease-out
	}

	.vanilla-modal .hero .hero-angle-left {
		width: 100%;
		-webkit-transition: width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out;
		-moz-transition: width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out;
		-ms-transition: width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out;
		-o-transition: width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out;
		transition: width 0.5s ease-out,left 0.25s ease-out,right 0.25s ease-out
	}
}

.mobilenavigation {
	float: right;
	margin: -49px 9px 0 0;
	position: relative;
	z-index: 1
}

.mobilenavigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.mobilenavigation li {
	float: left;
	position: relative
}

.mobilenavigation .mlang {
	font-weight: 300;
	font-size: 21px;
	color: #00354F;
	letter-spacing: 0.6px;
	line-height: 24px;
	padding: 2px 15px;
	display: block
}

.mobilenavigation .msearch,.mobilenavigation .mnav {
	text-indent: -900em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 45px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 30 30'%3E%3Ccircle id='search' cx='18' cy='11' r='10' style='stroke:%230d2a40;stroke-width:2;fill:none;'/%3E%3Cline x1='1.2' y1='27.8' x2='11' y2='18.1' style='stroke:%230d2a40;stroke-width:2;fill:none;'/%3E%3C/svg%3E")
}

.mobilenavigation .mnav {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 16'%3E%3Cpath d='M5,1.2h21 M2.5,8.2H26 M0,15.2h26' style='stroke:%230d2a40;fill:none;stroke-width:1.5;'/%3E%3C/svg%3E") no-repeat center center;
	background-size: 27px
}

@media only screen and (max-width: 63.938em) {
	.navigation {
		left: -100%;
		position: absolute
	}
}

.mobilenav {
	display: none
}

@media only screen and (min-width: 48em) {
	.mobilenavigation {
		margin-top: -47px
	}
}

@media only screen and (min-width: 64em) {
	.navigation {
		display: block
	}

	.mobilenavigation,.mobilenav {
		display: none
	}
}

@media only screen and (min-width: 64em) {
	.newlevel2 ul li {
		background-color: #10384f
	}

	.newlevel2 ul ul li {
		background-color: #1c4257
	}

	.newlevel2 ul ul ul li {
		background-color: #274b5f
	}
}

.servicenav {
	display: none
}

@media only screen and (min-width: 64em) {
	.navigation {
		position: relative;
		font-size: 1.0625em;
		line-height: 1;
		color: #0d2a40;
		letter-spacing: 0.5px;
		font-weight: 300
	}

	.navigation:before,.navigation:after {
		content: "";
		display: table
	}

	.navigation:after {
		clear: both
	}
}

@media only screen and (min-width: 90em) {
	.navigation {
		font-size: 1.1875em
	}
}

.navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

@media only screen and (min-width: 64em) {
	.navigation>ul>li {
		float: left
	}
}

.navigation>ul>li>a {
	display: block
}

.navigation>ul>li>ul {
	display: none
}

.navigation>ul>li>ul>li>ul ul {
	display: none
}

.navigation>ul>li>ul>li>ul ul.submenuon {
	display: block
}


.newsub {
	left: 0;
	width: 100%
}

@media only screen and (min-width: 64em) {
	.no-js .navigation>ul>li:hover>ul,.navigation>ul>li.is-hover>ul {
		display: flex;
		color: #fff;
		position: absolute;
		background-color: #10384f;
		z-index: 20
	}

	.navigation .newsub {
		padding: 0 calc((100% - 968px - 20px) / 2);
		flex-wrap: nowrap;
		box-shadow: 0 20px 0px rgba(16,56,79,0.1)
	}

	.newsub>li {
		flex: 0 0 25%;
		max-width: 25%;
		padding: 20px 10px 50px
	}

	.newsub>.newlevel2 {
		flex: 0 0 75%;
		max-width: 75%;
		padding: 0 10px 40px;
		z-index: 2
	}

	.newlevel2 ul {
		max-width: calc((100% - 40px) / 3);
		position: relative;
		height: 100%
	}

	.megaTsrBx p {
		font-size: 14px;
		margin-top: 13px;
		word-break: normal;
		font-weight: 300;
		letter-spacing: .5px;
		line-height: 18px;
		opacity: .9
	}

	.megaTsrBx h2 {
		font-weight: 300;
		margin-bottom: 0;
		font-size: 25px;
		color: #89d329;
		letter-spacing: .5px;
		opacity: .9
	}

	.megaTsrBx .lnk,.megaTsrBx .overview {
		margin-bottom: 0;
		clear: both;
		max-width: 150px
	}

	.megaTsrBx .lnk,.megaTsrBx .overview {
		background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='22' viewBox='0 0 15 22'%3E%3Cpath d='M2,21.1l-1-0.2l4-20l1,0.2L2,21.1z M10,1.1L9,0.9l-4,20l1,0.2L10,1.1z M14,1.1l-1-0.2l-4,20l1,0.2L14,1.1z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat left center;
		color: #fff
	}

	.megaTsrBx .lnk,.megaTsrBx .overview {
		display: none
	}

	.megaTsrBx .lazy {
		max-height: 128px
	}

	.navigation .megaTsrBx>a {
		padding: 0;
		display: block;
		overflow: hidden
	}

	.newlevel2 {
		margin: 0 auto;
		max-width: 1080px;
		position: relative
	}

	.navigation>ul>li>a {
		padding: 7px 11px 7px 9px;
		background-color: transparent;
		color: inherit;
		text-decoration: none
	}

	.navigation>ul>.n2>a {
		padding-left: 3px
	}

	.navigation>ul>li>a::after {
		content: " ";
		width: 1px;
		height: 20px;
		background-color: #D1E0E7;
		position: absolute;
		transform: rotate(12deg);
		margin-left: 10px;
		margin-top: -2px
	}

	.n1 {
		display: none
	}

	.n2>a {
		padding-left: 0
	}

	.megamenu>li>a.selected {
		color: #00bcff;
		background-color: #fff
	}

	.megamenu>li>a:hover,.megamenu>li:hover>a {
		color: #ff3162;
		background-color: #fff
	}

	.megamenu>li:hover>a,.megamenu>li.is-hover>a {
		padding-bottom: 17px
	}

	.megaTsrBx {
		display: flex;
		flex-direction: column
	}

	.navigation .megaTsrBx>a {
		order: -1;
		margin-bottom: 1em
	}
}

@media only screen and (min-width: 90em) {
	.navigation>ul>li>a {
		padding: 7px 18px 7px 16px
	}

	.navigation>ul>li>a::after {
		margin-left: 17px
	}

	.megamenu>li.is-hover>a {
		padding-bottom: 27px
	}

	.megaTsrBx .lazy {
		max-height: 158px
	}

	.megaTsrBx h2 {
		font-size: 30px
	}
}

@media only screen and (min-width: 90em) {
	.meta-btns {
		display: none
	}

	.navigation .newsub {
		padding: 0 calc((100% - 1180px - 20px) / 2)
	}
}

#top-stage+.pageheader #header+.navigation {
	color: #fff
}

#top-stage+.pageheader #header+.navigation a::after {
	background-color: #fff
}

@media only screen and (min-width: 64em) {
	.navigation .simple {
		padding-top: 20px
	}

	.newlevel2 a,.simple a {
		display: block;
		padding: 7px 20px 5px 10px;
		border-bottom: 1px solid rgba(191,215,223,0.25);
		color: #fff;
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 0.44px;
		line-height: 16px;
		-webkit-transition: color 0.2s ease-out;
		-moz-transition: color 0.2s ease-out;
		-ms-transition: color 0.2s ease-out;
		-o-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out
	}

	.newlevel2 a:hover,.simple a:hover {
		color: #89d329;
		text-decoration: none;
		background-color: rgba(255,255,255,0.05)
	}

	.newlevel2 li:hover>a,.simple li:hover>a {
		color: #89d329;
		background-color: rgba(255,255,255,0.05)
	}

	.haschild ul {
		display: none
	}

	.haschild:hover>ul {
		display: block
	}

	.newlevel2 ul ul {
		max-width: calc(100% + 40px);
		position: absolute;
		left: calc(100%);
		width: calc(100% + 40px);
		top: 0;
		padding: 0 0 0 20px
	}

	.newlevel2 li:first-child {
		margin-top: 20px
	}

	.newlevel2>ul>li>ul {
		margin-top: -20px
	}

	.haschild>a {
		background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%23fff ;stroke-width:1.5;fill:none;opacity:.5'/%3E%3C/svg%3E") no-repeat right 6px center
	}

	.newlevel2 .selected>a {
		color: #89d329
	}

	.newlevel2 .haschild>a:hover,.newlevel2 .selected.haschild>a {
		background: #1c4257 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%2389D329 ;stroke-width:1.5;fill:none;opacity:1'/%3E%3C/svg%3E") no-repeat right 6px center
	}

	.newlevel2 ul .haschild>a:hover,.newlevel2 ul .selected.haschild>a {
		background-color: rgba(255,255,255,0.05)
	}

	.newlevel2 .selected:not(.haschild)>a {
		color: #89d329
	}

	.newlevel2 .haschild>ul {
		max-width: calc(100% + 20px);
		width: calc(100% + 20px);
		position: absolute;
		left: 100%;
		top: 0
	}

	.newlevel2 .haschild>ul>.haschild>ul {
		max-width: calc(100%);
		width: calc(100%)
	}

	.newlevel2 .selected>ul {
		display: block
	}
}

.stickyheader #top-stage+.pageheader #header+.navigation {
	color: #0d2a40
}

.stickyheader #top-stage+.pageheader #header+.navigation a::after {
	background-color: #D1E0E7
}

.icon-search {
	display: block;
	background: transparent no-repeat;
	border: 0;
	text-align: left;
	text-indent: -900em;
	overflow: hidden;
	width: 50px;
	background: transparent no-repeat center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 30 30'%3E%3Ccircle id='search' cx='18' cy='11' r='10' style='stroke:%230d2a40;stroke-width:2;fill:none;'/%3E%3Cline x1='1.2' y1='27.8' x2='11' y2='18.1' style='stroke:%230d2a40;stroke-width:2;fill:none;'/%3E%3C/svg%3E")
}

.active-search .icon-search {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'  viewBox='0 0 26 26'%3E%3Cpath d='M1,1l24,24 M25,1L1,25' style='stroke:%230d2a40;fill:none;stroke-width:2;'/%3E%3C/svg%3E") no-repeat center center
}

.meta-btns {
	display: none
}

.close-nav-btn,.searchbox {
	display: none
}

.searchbox label {
	display: none
}

.active-search .searchbox {
	display: block;
	position: absolute;
	width: 100%;
	padding: 50px 25%;
	padding: 60px 0 98px;
	z-index: 5;
	top: 82px;
	overflow: hidden;
	background-color: #fff
}

.stickyheader.active-search .searchbox {
	top: 50px
}

@media only screen and (min-width: 64em) {
	.active-search .searchbox {
		top: 150px
	}
}

@media only screen and (max-width: 63.938em) {
	.navigation,.megamenu {
		margin: 0;
		padding: 0;
		list-style: none
	}

	.active-nav {
		overflow: hidden
	}

	.active-nav .navigation {
		display: block;
		left: 0;
		position: absolute;
		z-index: 20;
		background: #10384f;
		color: #fff;
		width: 100%;
		font-size: 18px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		padding: 0;
		height: calc(100vh - 50px)
	}

	.navigation a {
		display: block;
		padding: 15px 10px 14px;
		border-top: 1px solid rgba(191,215,223,0.25);
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 0.5px;
		line-height: 1.444;
		-webkit-transition: color 0.2s ease-out;
		-moz-transition: color 0.2s ease-out;
		-ms-transition: color 0.2s ease-out;
		-o-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out
	}

	.megamenu>li:first-child>a,.meta-btns>li:first-child>a {
		border-top: 0
	}

	.navigation a:hover,.navigation a.selected {
		color: #00bcff;
		text-decoration: none
	}

	.navigation .submenuon1,.navigation .submenuon {
		padding-bottom: 40px
	}

	.navigation .backbuttons {
		padding: 0
	}

	.sback {
		padding: 0 30px
	}

	.sback+.sback {
		background-color: rgba(255,255,255,0.05)
	}

	.sback+.sback+.sback {
		background-color: rgba(255,255,255,0.1)
	}

	.navigation a.submenuback {
		padding-left: 30px;
		color: #00bcff;
		background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='7,13.5 0.5,7 7,0.5' style='stroke:%2300bcff;stroke-width:1;fill:none;'/%3E%3C/svg%3E") no-repeat left 6px center
	}

	.navigation li:hover>a {
		color: #00bcff
	}

	.navigation a.haschild {
		position: relative;
		background: transparent no-repeat right 6px center;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%23fff;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
	}

	.navigation a.haschild:hover {
		position: relative;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%2300bcff;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
	}

	.navigation a.showpanel {
		position: relative;
		background: transparent no-repeat right 6px center;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%23796d82;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
	}

	.navigation a.showpanel:hover {
		position: relative;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 8 14'%3E%3Cpolyline points='0.5,13.5 7,7 0.5,0.5' style='stroke:%2300bcff;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
	}

	.navigation .megaTsrBx {
		display: none
	}

	.navigation .selected:not(.haschild)>a {
		color: #00bcff
	}

	.navigation .selected ul a {
		padding-left: 38px
	}

	.navigation .selected>ul {
		display: block
	}

	.navigation .megamenu {
		padding: 6px 30px
	}

	.extra-nav {
		display: none
	}

	.navigation .meta-btns,.navigation #language-switch {
		display: block;
		padding: 40px 30px 20px;
		position: relative;
		width: 100%;
		margin-top: 0;
		left: 0;
		overflow: hidden
	}

	.navigation #language-switch {
		margin-top: 0;
		display: none;
		background-color: #fff;
		color: #10384f;
		padding-top: 0
	}

	.active-langswitch .navigation #language-switch {
		display: block
	}

	.navigation .meta-btns::before {
		content: "";
		position: absolute;
		width: calc(100% + 60px);
		height: 120%;
		left: -30px;
		top: 20px;
		padding: 26px 0 6px;
		background-color: #624963;
		transform: skewY(-2deg)
	}

	.navigation .meta-btns li {
		position: relative;
		z-index: 1
	}

	.mobilenavigation .li-mlang {
		display: none
	}

	.active-nav .mobilenavigation .mnav {
		background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'  viewBox='0 0 26 26'%3E%3Cpath d='M1,1l24,24 M25,1L1,25' style='stroke:%230d2a40;fill:none;stroke-width:2;'/%3E%3C/svg%3E") no-repeat center center
	}

	.mlangswitch {
		overflow: hidden;
		width: 30px;
		text-indent: -90em;
		background: transparent no-repeat center center;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23'%3E%3Cpath d='M1.5,1.3v20.6 M1.5,12.6c4.8,0,8,1.1,10.9,1.1c3.6,0,5-1.4,5-1.4V2.8c0,0-2.4,1.4-5.4,1.4S6.7,2.2,1.5,2.2' style='stroke:%230d2a40;stroke-width:1;fill:none;'/%3E%3C/svg%3E")
	}

	.active-langswitch .mlang {
		opacity: .5
	}

	.navigation {
		-webkit-transform: translate3d(0, 0, 0)
	}

	.navigation .submenuon {
		display: block
	}

	.newsub ul {
		display: block;
		transform: translateX(calc(100% - 30px));
		position: absolute;
		width: 100%;
		top: 0;
		background-color: rgba(255,255,255,0.05)
	}

	.newsub ul ul {
		background-color: rgba(255,255,255,0.1)
	}

	.newsub ul ul ul {
		background-color: rgba(255,255,255,0.15)
	}

	.navigation>.submenuon {
		transform: translateX(calc(-100% - 30px))
	}

	.navigation .submenuon3,.navigation .submenuon4 {
		transform: translateX(-30px)
	}

	.navigation ul {
		padding: 0 30px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

	.navigation .newsub {
		left: 0;
		width: 100%
	}
}

@media only screen and (min-width: 64em) {
	.newsub::before,.newsub::after {
		content: "";
		position: absolute;
		z-index: 1;
		height: 100%;
		width: calc(50% + 10px);
		top: 0;
		background-color: #274b5f;
		left: calc(50% - 10px)
	}

	.newsub::after {
		background-color: #1c4257;
		width: 247px
	}
}

@media only screen and (min-width: 90em) {
	.newsub::after {
		width: 300px
	}
}

.bcd-container,.bcd-message {
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 0.38px;
	line-height: 20px
}

.bayer-cookie-disclaimer {
	z-index: 9001;
	position: relative
}

.bcd-container {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	padding: 15px;
	color: #fff;
	box-sizing: border-box
}

.bcd-message {
	margin: 0;
	padding: 0;
	display: block;
	max-width: 640px;
	float: left
}

.bcd-btn,.bcd-btn:visited,.cookie-btn {
	line-height: 20px;
	text-align: center;
	cursor: pointer
}

.bcd-message a {
	color: #fff !important;
	font-weight: 700
}

.bcd-message .settings-link,.settings-link {
	text-decoration: none
}

.bcd-btn,.bcd-btn:visited {
	color: #fff;
	padding: 14px 22px;
	display: block;
	text-decoration: none;
	float: right;
	font-weight: 700;
	font-size: 18px;
	margin: 0;
	background: #6bc200;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	border-radius: 0;
	font-family: sans-serif;
	-webkit-transition: background .2s ease-in-out;
	transition: background 0.2s ease-in-out
}

.bcd-btn:active,.bcd-btn:hover {
	background-color: #0068a7
}

.bcd-message p {
	margin: 0 0 8px;
	display: inline;
	padding-right: 6px
}

.bcd-message h3 {
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.38px;
	line-height: 20px
}

.settings-link {
	color: inherit;
	white-space: nowrap;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	padding: 4px 3px 4px 14px;
	display: inline-block;
	line-height: 1;
	font-style: italic;
	font-weight: 700;
	letter-spacing: .5px
}

.settings-link::before {
	content: " ";
	width: 1px;
	height: 100%;
	top: 0;
	left: 2px;
	border-left: 1px solid #fff;
	border-color: inherit;
	transform: rotate(11deg);
	position: absolute
}

.settings-link:hover {
	text-decoration: underline
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(66px);
		transform: translateY(66px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideUp {
	0% {
		-webkit-transform: translateY(66px);
		-ms-transform: translateY(66px);
		transform: translateY(66px)
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.bcd-container,.bcd-content {
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	-o-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}

.bcd-content {
	max-width: 1180px
}

.bcd-container {
	padding: 35px 25px
}

.bcd-message {
	max-width: 100%;
	text-align: left;
	float: none
}

.bcd-btn {
	float: none;
	margin: 20px auto
}

@media print {
	.bayer-cookie-disclaimer,.bcd-container {
		display: none
	}
}

.cookie-label {
	width: 150px;
	margin-bottom: 10px;
	display: none
}

.cookie-btn {
	display: inline-block;
	padding: 4px;
	margin-bottom: 0;
	font-size: 14px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}

.cookie-btn.active,.cookie-btn.disabled,.cookie-btn:active,.cookie-btn:focus,.cookie-btn:hover,.cookie-btn[disabled] {
	color: #333;
	background-color: #e6e6e6
}

.cookie-btn.active,.cookie-btn:active {
	background-color: #ccc\9
}

input[type=radio].toggle {
	display: none
}

input[type=radio].toggle:checked+label {
	background-image: linear-gradient(to top, #969696, #727272);
	box-shadow: inset 0 1px 6px rgba(41,41,41,0.2),0 1px 2px rgba(0,0,0,0.05);
	cursor: default;
	color: #E6E6E6;
	border-color: transparent;
	text-shadow: 0 1px 1px rgba(40,40,40,0.75)
}

input[type=radio].toggle+label {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 38px
}

input[type=radio].toggle:checked+label.cookie-btn:hover {
	background-color: inherit;
	background-position: 0 0;
	transition: none
}

input[type=radio].toggle-left+label {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-left: 0;
	margin-right: 0
}

input[type=radio].toggle-left:checked+label,input[type=radio].toggle-right:checked+label {
	box-shadow: inset 0 1px 6px rgba(41,41,41,0.2),0 1px 2px rgba(0,0,0,0.05);
	cursor: default;
	color: #fff;
	border-color: transparent;
	text-shadow: 0 1px 1px rgba(40,40,40,0.75)
}

input[type=radio].toggle-left:checked+label {
	background-image: linear-gradient(to top, #58ba31, #390)
}

input[type=radio].toggle-right:checked+label {
	background-image: linear-gradient(to top, #f03a1e, #c00)
}

input[type=radio].toggle-right+label {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
	margin-right: 0
}

#settings {
	display: block
}

#settings:before {
	display: block;
	content: " ";
	margin-top: -120px;
	height: 120px;
	visibility: hidden
}

.toggle-group {
	white-space: nowrap;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.bcd-btn {
	cursor: pointer;
	display: block;
	color: #fff;
	padding: 18px 70px 18px 22px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	font-size: 14px;
	letter-spacing: 0.58px;
	line-height: 1;
	font-weight: 700;
	font-style: italic;
	background: #89d329 no-repeat right top;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='57' height='50' viewBox='0 0 68 60'%3E%3Cpolygon points='68,60 0,60 11,0 68,0' fill='%232b6636' fill-opacity='.4'/%3E%3C/svg%3E");
	-webkit-transition: background-color 0.2s ease,color 0.2s ease;
	-moz-transition: background-color 0.2s ease,color 0.2s ease;
	-ms-transition: background-color 0.2s ease,color 0.2s ease;
	-o-transition: background-color 0.2s ease,color 0.2s ease;
	transition: background-color 0.2s ease,color 0.2s ease;
	min-width: 190px;
	text-align: left
}

.bcd-btn::after {
	content: '';
	display: block;
	height: 100%;
	width: 57px;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent no-repeat center center;
	background-size: 14px 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 15'%3E%3Cpolyline points='1,1 6.9,7.5 1,14' style='stroke:%23fff;stroke-width:1.5;fill:none;'/%3E%3C/svg%3E")
}

.bcd-btn:hover {
	text-decoration: none;
	background-color: #66b512
}

.bcd-container::after {
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #0091df;
	top: 10px;
	z-index: -1;
	transform: skewY(-1.6deg)
}

@media only screen and (min-width: 35em) {
	.bcd-container::after {
		top: 10px;
		transform: skewY(-0.8deg)
	}
}

@media only screen and (min-width: 48em) {
	.bcd-container::after {
		top: 10px;
		transform: skewY(-0.5deg)
	}

	.bcd-message {
		float: left;
		max-width: calc(100% - 240px)
	}

	.bcd-container {
		padding: 35px 62px 20px
	}

	.bcd-btn {
		float: right
	}
}

@media only screen and (min-width: 64em) {
	.bcd-container::after {
		top: 10px;
		transform: skewY(-0.5deg)
	}

	.bcd-container {
		padding: 35px 155px 20px
	}
}

@media only screen and (min-width: 90em) {
	.bcd-container::after {
		top: 10px;
		transform: skewY(-0.3deg)
	}
}

#top-stage {
	display: none
}

#scrolldescription {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	font-size: 12px
}

.scrollindicator {
	display: none;
	opacity: .75;
	position: absolute;
	z-index: 50;
	left: calc((100% - 968px) / 2 + 37px);
	bottom: 140px;
	text-align: center;
	transform: translateX(-50%)
}

.scrollarrows {
	width: 22px;
	height: 42px;
	margin-top: 10px
}

.scroll-description {
	animation: scd 6s infinite;
	-webkit-animation: scd 6s infinite
}

.scrollarrows path {
	stroke: #fff;
	fill: transparent;
	stroke-width: 2px;
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite
}

@keyframes arrow {
	0% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	80% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes arrow {
	0% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	80% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes scd {
	0% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	80% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes scd {
	0% {
		opacity: 0
	}

	40% {
		opacity: 1
	}

	80% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

.scrollarrows path.a1 {
	animation-delay: -1s;
	-webkit-animation-delay: -1s
}

.scrollarrows path.a2 {
	animation-delay: -0.5s;
	-webkit-animation-delay: -0.5s
}

.scrollarrows path.a3 {
	animation-delay: 0s;
	-webkit-animation-delay: 0s
}

@media only screen and (min-width: 64em) {
	.scrollindicator {
		display: block
	}

	#top-stage {
		height: 100vh;
		width: 100%;
		background-color: #333;
		position: fixed;
		overflow: hidden;
		top: 0;
		display: block;
		z-index: 0
	}

	.stickyheader #top-stage {
		visibility: hidden
	}

	#stagevideo {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		max-width: 180%;
		max-height: 180%;
		width: auto;
		height: auto;
		transform: translateX(-50%) translateY(-50%);
		background-size: cover;
		transition: 1s opacity
	}

	.tagline {
		-webkit-transition: background 0.2s ease-out;
		-moz-transition: background 0.2s ease-out;
		-ms-transition: background 0.2s ease-out;
		-o-transition: background 0.2s ease-out;
		transition: background 0.2s ease-out
	}

	.init-topstage .tagline {
		background: url(../images/tagline-l-white.min.svg) no-repeat 0 0
	}

	.tagline {
		-webkit-transition: background 0.2s ease-out;
		-moz-transition: background 0.2s ease-out;
		-ms-transition: background 0.2s ease-out;
		-o-transition: background 0.2s ease-out;
		transition: background 0.2s ease-out
	}

	.tagline img {
		opacity: 1;
		-webkit-transition: opacity 0.5s ease-out;
		-moz-transition: opacity 0.5s ease-out;
		-ms-transition: opacity 0.5s ease-out;
		-o-transition: opacity 0.5s ease-out;
		transition: opacity 0.5s ease-out
	}

	.fixed-tagline .bcn-panel,.fixed-tagline #corporate-container {
		position: fixed
	}

	.init-tagline #corporate-container {
		background-color: transparent;
		-webkit-transition: background 0.2s ease-out;
		-moz-transition: background 0.2s ease-out;
		-ms-transition: background 0.2s ease-out;
		-o-transition: background 0.2s ease-out;
		transition: background 0.2s ease-out
	}

	.init-tagline #corporate-container::before {
		background-color: transparent;
		-webkit-transition: background 0.2s ease-out;
		-moz-transition: background 0.2s ease-out;
		-ms-transition: background 0.2s ease-out;
		-o-transition: background 0.2s ease-out;
		transition: background 0.2s ease-out
	}

	.init-tagline2 .tagline {
		background: url(../images/tagline-l-white.min.svg) no-repeat 0 0
	}

	.init-tagline2 .tagline img {
		opacity: 0
	}

	.page {
		-webkit-transition: background 0.2s ease-out;
		-moz-transition: background 0.2s ease-out;
		-ms-transition: background 0.2s ease-out;
		-o-transition: background 0.2s ease-out;
		transition: background 0.2s ease-out;
		background-color: #fff;
		position: relative
	}

	.has-topstage .wrapper {
		padding-top: calc(100vh - 150px)
	}

	.has-topstage .pageheader {
		position: relative
	}

	.has-topstage .page-footer {
		position: relative
	}

	.init-topstage .page {
		background-color: transparent
	}

	.init-topstage .site-identifier {
		color: #fff
	}

	.init-topstage .navigation>ul>li>a {
		color: #fff
	}

	.init-topstage .navigation>ul>li:hover>a {
		color: #ff3162;
		background-color: transparent
	}

	.init-topstage .icon-search {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 30 30'%3E%3Ccircle id='search' cx='18' cy='11' r='10' style='stroke:%23fff;stroke-width:2;fill:none;'/%3E%3Cline x1='1.2' y1='27.8' x2='11' y2='18.1' style='stroke:%23fff;stroke-width:2;fill:none;'/%3E%3C/svg%3E")
	}

	.init-topstage .logo {
		background: url(../images/logo.svg) no-repeat 0 0
	}

	.init-topstage .logo img {
		opacity: 0
	}
}

@media only screen and (min-width: 90em) {
	.scrollindicator {
		left: calc((100% - 1180px) / 2 + 45px)
	}

	.tagline {
		background-position: 0 3px
	}

	.init-tagline2 .tagline {
		background: url(../images/tagline-xl-white.min.svg) no-repeat 0 3px
	}

	.init-tagline2 .tagline img {
		opacity: 0
	}

	.has-topstage .site-identifier {
		-webkit-transition: color 0.2s ease-out;
		-moz-transition: color 0.2s ease-out;
		-ms-transition: color 0.2s ease-out;
		-o-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out
	}

	.has-topstage .navigation>ul>li>a {
		-webkit-transition: color 0.2s ease-out;
		-moz-transition: color 0.2s ease-out;
		-ms-transition: color 0.2s ease-out;
		-o-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out
	}

	.has-topstage .icon-search {
		-webkit-transition: background 0.2s ease-out;
		-moz-transition: background 0.2s ease-out;
		-ms-transition: background 0.2s ease-out;
		-o-transition: background 0.2s ease-out;
		transition: background 0.2s ease-out
	}

	.has-topstage .logo img {
		-webkit-transition: opacity 0.5s ease-out;
		-moz-transition: opacity 0.5s ease-out;
		-ms-transition: opacity 0.5s ease-out;
		-o-transition: opacity 0.5s ease-out;
		transition: opacity 0.5s ease-out
	}
}

@media (max-aspect-ratio: 16 / 9) {
	#stagevideo {
		max-width: inherit;
		max-height: 100%
	}
}

@media (min-aspect-ratio: 16 / 9) {
	#stagevideo {
		max-width: 100%;
		max-height: inherit
	}
}

.init-tagline #top-stage .button-video-sound {
	right: 0
}

.button-video-sound {
	height: 60px;
	position: fixed;
	z-index: 1;
	text-indent: -99em;
	width: 70px;
	right: -80px;
	top: 50%;
	background-color: #624963;
	overflow: hidden;
	transform: skewX(-11deg) translateY(-50%);
	cursor: pointer;
	outline: 0;
	-webkit-transition: right 0.25s ease-out;
	-moz-transition: right 0.25s ease-out;
	-ms-transition: right 0.25s ease-out;
	-o-transition: right 0.25s ease-out;
	transition: right 0.25s ease-out
}

.button-video-sound::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent no-repeat center center;
	transform: skewX(11deg);
	opacity: .5;
	-webkit-transition: opacity 0.25s ease-out;
	-moz-transition: opacity 0.25s ease-out;
	-ms-transition: opacity 0.25s ease-out;
	-o-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out
}

.button-video-sound:hover::after {
	opacity: 1
}

.button-video-sound--on::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M19.8,32.8c0,0.3-0.1,0.5-0.4,0.6c-0.2,0.1-0.5,0.1-0.7,0L10.8,26H6.3C4.7,26,4,25.2,4,23.7v-6.6c0-1.5,0.7-2.3,2.3-2.3h4.5l7.9-7.3c0.2-0.1,0.5-0.1,0.7,0c0.2,0.1,0.4,0.4,0.4,0.6V32.8z M26.3,19.9L26.3,19.9c0-1.2-0.4-2.3-1.1-3.3l0.6-0.6c0.9,1.1,1.4,2.4,1.4,3.8c0,1.5-0.5,2.9-1.5,4L25,23.2C25.9,22.3,26.3,21.1,26.3,19.9z M29.2,19.9L29.2,19.9c0-1.9-0.7-3.7-1.9-5.2l0.6-0.6c1.4,1.6,2.2,3.6,2.2,5.8c0,2.2-0.8,4.3-2.4,6l-0.6-0.6C28.4,23.8,29.2,21.9,29.2,19.9zM32,19.9L32,19.9c0-2.6-1-5.1-2.7-7.1l0.6-0.6c1.9,2.2,3,4.8,3,7.7c0,3-1.1,5.8-3.2,8l-0.6-0.6C31,25.2,32,22.6,32,19.9z' fill='%23fff'/%3E%3C/svg%3E")
}

.button-video-sound--off::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M19.8,32.8c0,0.3-0.1,0.5-0.4,0.6c-0.2,0.1-0.5,0.1-0.7,0L10.8,26H6.3C4.7,26,4,25.2,4,23.7v-6.6c0-1.5,0.7-2.3,2.3-2.3h4.5l7.9-7.3c0.2-0.1,0.5-0.1,0.7,0c0.2,0.1,0.4,0.4,0.4,0.6V32.8z M30,20.3l3.5-3.5l0.7,0.7L30.7,21l3.5,3.5l-0.7,0.7L30,21.7l-3.5,3.5l-0.7-0.7l3.5-3.5l-3.5-3.5l0.7-0.7L30,20.3z' fill='%23fff'/%3E%3C/svg%3E")
}

.video-eyecatcher {
	width: 75px;
	height: 60px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: block;
	color: #fff;
	-webkit-transition: width 0.2s ease,height 0.2s ease;
	-moz-transition: width 0.2s ease,height 0.2s ease;
	-ms-transition: width 0.2s ease,height 0.2s ease;
	-o-transition: width 0.2s ease,height 0.2s ease;
	transition: width 0.2s ease,height 0.2s ease
}

.video-eyecatcher::after {
	content: "";
	width: 30px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 16px;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath d='M28.4,17L28.4,17l0.1-14.4c0-0.2-0.2-0.3-0.2-0.3c-0.1,0-0.2-0.1-0.3,0l-6.7,4.5v6.1l6.7,4.5c0.2,0.1,0.2,0,0.3,0S28.4,17.2,28.4,17z M19.6,16.4V3.3c0-0.9-0.7-1.6-1.6-1.6H3.2c-0.9,0-1.6,0.7-1.6,1.6v13.1c0,0.9,0.7,1.6,1.6,1.6H18C18.9,18.1,19.6,17.3,19.6,16.4z M29,0.9c0.6,0.4,1,1,1,1.8v14.4c0,0.7-0.4,1.4-1,1.8c-0.3,0.2-0.6,0.2-0.9,0.2c-0.4,0-0.7-0.1-1-0.3l-5.9-3.9v1.6c0,1.8-1.4,3.3-3.2,3.3H3.2c-1.8,0-3.2-1.5-3.2-3.3V3.3C0,1.5,1.4,0,3.2,0H18c1.8,0,3.2,1.5,3.2,3.3v1.6L27.1,1C27.6,0.5,28.4,0.5,29,0.9z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat left center
}

.video-eyecatcher::before {
	content: "";
	transform: skewX(-8deg);
	width: 100%;
	height: 100%;
	left: -5px;
	position: absolute;
	background-color: #d30f4b;
	-webkit-transition: left 0.2s ease;
	-moz-transition: left 0.2s ease;
	-ms-transition: left 0.2s ease;
	-o-transition: left 0.2s ease;
	transition: left 0.2s ease
}

.video-eyecatcher:hover::before {
	left: -15px
}

.video-eyecatcher:hover {
	width: 300px;
	height: 180px;
	text-decoration: none
}

.video-eyecatcher:hover .video-eyecatcher__text {
	opacity: 1;
	-webkit-transition: opacity 0.2s ease 0.3s;
	-moz-transition: opacity 0.2s ease 0.3s;
	-ms-transition: opacity 0.2s ease 0.3s;
	-o-transition: opacity 0.2s ease 0.3s;
	transition: opacity 0.2s ease 0.3s
}

.video-eyecatcher__text {
	position: relative;
	z-index: 3;
	margin: 10px 35px 10px 65px;
	opacity: 0;
	-webkit-transition: opacity 0 ease 0;
	-moz-transition: opacity 0 ease 0;
	-ms-transition: opacity 0 ease 0;
	-o-transition: opacity 0 ease 0;
	transition: opacity 0 ease 0
}
/*# sourceMappingURL=above-the-fold.css.map */