g-container,g-row,g-col {
	box-sizing: border-box
}
g-container {
	display: block
}
g-container {
	box-sizing: border-box;
	margin: 0 auto
}
g-row {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 73.5rem;
	padding: 0 .75rem;
	position: relative;
	width: 100%
}
header g-row{
	max-width:100%;
}
g-col {
	background-clip: padding-box !important;
	box-sizing: border-box;
	display: block;
	padding: 0 .75rem;
	position: relative;
	width: 100%
}
g-container img {
	box-sizing: border-box;
	display: block;
	height: auto !important;
	width: 100%
}
.col-0 {
	display: none !important
}
.col-1 {
	width: 8.3333333333%
}
.col-2 {
	width: 16.6666666667%
}
.col-3 {
	width: 25%
}
.col-4 {
	width: 33.3333333333%
}
.col-5 {
	width: 41.6666666667%
}
.col-6 {
	width: 50%
}
.col-7 {
	width: 58.3333333333%
}
.col-8 {
	width: 66.6666666667%
}
.col-9 {
	width: 75%
}
.col-10 {
	width: 83.3333333333%
}
.col-11 {
	width: 91.6666666667%
}
.col-12 {
	width: 100%
}
input::-ms-clear {
	display: none
}
*:not(select):not(input[type=checkbox]):not(input[type=radio]) {
	-webkit-appearance: none
}
* {
	outline: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale
}
img {
	border: 0
}
p>img {
	width: auto !important;
	max-width: 100%
}
html,body {
	background-color: #fff;
	color: #515961;
	color: #000111;
	display: block;
	font-family: "Roboto",sans-serif;
	font-weight: 400;
	height: auto !important;
	margin: 0;
	min-width: 320px;
	position: relative;
	-webkit-text-size-adjust: 100%
}
body {
	width: 100%
}
img {
	image-rendering: optimizeSpeed;
/*	image-rendering: -moz-crisp-edges;*/
/*	image-rendering: -o-crisp-edges;*/
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor
}
.btn {
	box-sizing: border-box;
	display: table;
	font-family: "Roboto",sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	position: relative;
	text-decoration: none !important;
	z-index: 1
}
a[href] {
	cursor: pointer
}
a:not([href]) {
	cursor: default
}
.btn.fill {
	border-radius: 1000px;
	padding: .875rem 2rem;
	transition: background-color 250ms ease,color 250ms ease
}
.btn.fill.blue {
	background: #073f7a;
	color: #fff
}
.btn.fill.grey {
	background: #111;
	color: #fff
}
.btn.fill.white {
	background: #fff;
	color: #111
}
.btn.fill.yellow {
	background: #fab842;
	color: #111
}
.btn.fill.toBlue:hover {
	background: #073f7a;
	color: #fff
}
.btn.fill.toGrey:hover {
	background: #111;
	color: #fff
}
.btn.fill.toWhite:hover {
	background: #fff;
	color: #111
}
.btn.fill.toYellow:hover {
	background: #fab842;
	color: #111
}
.btn.outline {
	background: transparent;
	border: 1px solid;
	border-radius: .25rem;
	padding: .875rem 2rem;
	transition: background-color 250ms ease,border-color 250ms ease,color 250ms ease
}
.btn.outline.grey {
	border-color: rgba(0,0,0,.15);
	color: #111
}
.btn.outline.white {
	border-color: #f5f7fa;
	color: #fff
}
.btn.outline.toGrey:hover {
	background-color: #111;
	border-color: #111;
	color: #111
}
.btn.outline.toWhite:hover {
	background-color: #fff;
	border-color: #fff;
	color: #111
}
.btn.outline.toYellow:hover {
	background-color: #fab842;
	border-color: #fab842;
	color: #111
}
.btn.outline.toBlue:hover {
	background-color: #073f7a;
	border-color: #073f7a;
	color: #111
}
.btn.tertiary {
	background: transparent !important;
	color: #111;
	padding: .875rem 2rem !important;
	text-decoration: underline !important;
	text-decoration-color: #073f7a !important;
	transition: color 125ms ease,text-decoration-color 125ms ease !important
}
.btn.tertiary:hover {
	color: #073f7a !important;
	text-decoration-color: #fab842 !important
}
.btn.tertiary.on-blue:not(:hover) {
	color: #fff !important;
	text-decoration-color: #fab842 !important
}
.btn.tertiary.on-blue:hover {
	color: #fab842 !important;
	text-decoration-color: #fff !important
}
.btn.link-arrow {
	background: transparent;
	color: #111;
	margin-top: 1.5rem;
	padding: .25rem 1.5rem .25rem 0;
	text-decoration: underline;
	text-decoration-color: #111;
	transform: translateX(0);
	transition: color 125ms ease,transform 125ms ease
}
.btn.link-arrow svg {
	stroke: #111;
	height: 1rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: fill 125ms ease;
	width: 1rem
}
.btn.link-arrow:hover {
	color: #efa906;
	transform: translateX(0.5rem)
}
.btn.link-arrow:hover svg {
	stroke: #efa906
}
.btn.link-arrow.on-blue {
	color: #fff
}
.btn.link-arrow.on-blue:hover {
	color: #fab842
}
.btn.link-arrow.on-blue svg {
	stroke: #fff
}
.btn.link-arrow.on-blue:hover svg {
	stroke: #fab842
}
.cookie-notice-container a.btn {
	display: inline-block;
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important
}
#cn-notice-text {
	font-size: .875rem;
	font-family: "Roboto",sans-serif
}
section {
	display: block;
	position: relative
}
section.small {
	padding: 2.5rem 0
}
@media(max-width: 479px) {section {
	padding: 2.5rem 0
}

}
@media(min-width: 480px) {section {
padding: calc(2.5rem + ((1vw - 0.3rem) * 3.2787)) 0
}
section.large {
padding: calc(2.5rem + ((1vw - 0.3rem) * 4.9180)) 0
}

}
@media(min-width: 1701px) {section {
padding: 5rem 0
}
section.large {
padding: 6.25rem 0
}

}
@media(max-width: 468px) {section.blocks.page {
padding: 2.625rem 0
}
.block {
padding: 0 .75rem 2.5rem .75rem
}
.block.has-background+.block {
padding-top: 2.5rem !important
}
.block.has-background+.bookmark+.block {
padding-top: 2.5rem !important
}

}
@media(min-width: 469px) {section.blocks.page {
padding: calc(2.625rem + ((1vw - 4.69px) * 6.7767)) 0
}
.block {
padding: 0 .75rem calc(2.5rem + ((1vw - 4.69px) * 6.9505)) .75rem
}
.block.has-background+.block {
padding-top: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) !important
}
.block.has-background+.bookmark+.block {
padding-top: calc(2.5rem + ((1vw - 4.69px) * 6.9505))
}

}
@media(min-width: 1620px) {section.blocks.page {
padding: 7.5rem 0
}
.block {
padding: 0 .75rem 7.5rem .75rem
}
.block.has-background+.block {
padding-top: 7.5rem !important
}
.block.has-background+.bookmark+.block {
padding-top: 7.5rem !important
}

}
.block:not(.has-background):last-of-type {
padding-bottom: 0
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
color: #111;
font-family: "Roboto",sans-serif;
font-weight: 400;
font-style: normal;
line-height: 130%;
margin: 0
}
*+h1,*+h2,*+h3,*+h4,*+h5,*+h6 {
margin-top: 2rem
}
.wysiwyg *+h1 {
margin-top: 3rem
}
.wysiwyg *+h2 {
margin-top: 2.75rem
}
.wysiwyg *+h3 {
margin-top: 2.25rem
}
.wysiwyg *+h4 {
margin-top: 1.75rem
}
.wysiwyg *+h5 {
margin-top: 1.625rem
}
.wysiwyg *+h6 {
margin-top: 1.5rem
}
@media(max-width: 479px) {h1,.h1 {
font-size: 32px
}

}
@media(min-width: 480px) {h1,.h1 {
font-size: calc(2rem + ((1vw - 4.8px) * 1.9672))
}

}
@media(min-width: 1701px) {h1,.h1 {
font-size: 56px
}

}
@media(max-width: 479px) {h2,.h2 {
font-size: 28px
}

}
@media(min-width: 480px) {h2,.h2 {
font-size: calc(1.75rem + ((1vw - 4.8px) * 0.8197))
}

}
@media(min-width: 1701px) {h2,.h2 {
font-size: 38px
}

}
@media(max-width: 479px) {h3,.h3 {
font-size: 24px
}

}
@media(min-width: 480px) {h3,.h3 {
font-size: calc(1.5rem + ((1vw - 4.8px) * 0.6557))
}

}
@media(min-width: 1701px) {h3,.h3 {
font-size: 32px
}

}
@media(max-width: 479px) {h4,.h4 {
font-size: 20px
}

}
@media(min-width: 480px) {h4,.h4 {
font-size: calc(1.25rem + ((1vw - 4.8px) * 0.6557))
}

}
@media(min-width: 1701px) {h4,.h4 {
font-size: 28px
}

}
@media(max-width: 479px) {h5,.h5 {
font-size: 17px
}

}
@media(min-width: 480px) {h5,.h5 {
font-size: calc(1.0625rem + ((1vw - 4.8px) * 0.4098))
}

}
@media(min-width: 1701px) {h5,.h5 {
font-size: 22px
}

}
h6,.h6 {
font-size: 16px
}
p,ul,ol {
color: #515961;
color:#000111;
font-family: "Roboto",sans-serif;
font-weight: 400;
font-style: normal;
line-height: 160%;
margin: 1.5rem 0 0 0
}
p:first-child,ul:first-child,ol:first-child {
margin-top: 0
}
p strong,ul strong,ol strong {
font-weight: 700
}
@media(max-width: 479px) {p,ul,ol {
font-size: 16px
}

}
@media(min-width: 480px) {p,ul,ol {
font-size: calc(1rem + ((1vw - 4.8px) * 0.1639))
}

}
@media(min-width: 1701px) {p,ul,ol {
font-size: 18px
}

}
.wysiwyg * a:not(.btn) {
color: #fab842;
font-weight: 700;
text-decoration: none;
transition: color 250ms ease
}
.wysiwyg * a:not(.btn):hover {
color: #efa906
}
.flex.theme-dark .wysiwyg * a:not(.btn) {
text-decoration-color: rgba(255,255,255,.15) !important
}
.flex.theme-dark .wysiwyg * a:not(.btn):hover {
color: #fff !important;
text-decoration-color: #fff !important
}
.wysiwyg blockquote {
margin: 2rem 0;
padding: 0 0 0 1.25rem;
position: relative
}
.wysiwyg blockquote>* {
color: #515961;
font-style: normal;
line-height: 160%
}
@media(max-width: 479px) {.wysiwyg blockquote>* {
font-size: 1.25rem
}

}
@media(min-width: 480px) {.wysiwyg blockquote>* {
font-size: calc(1.25rem + ((1vw - 0.3rem) * 0.3279))
}

}
@media(min-width: 1701px) {.wysiwyg blockquote>* {
font-size: 1.5rem
}

}
.wysiwyg blockquote:before {
background: #fab842;
border-radius: .125rem;
content: "";
position: absolute;
left: 0;
width: .25rem
}
@media(max-width: 479px) {.wysiwyg blockquote:before {
bottom: .5rem;
top: .5rem
}

}
@media(min-width: 480px) {.wysiwyg blockquote:before {
bottom: calc(0.5rem + ((1vw - 0.3rem) * 0.1639));
top: calc(0.5rem + ((1vw - 0.3rem) * 0.1639))
}

}
@media(min-width: 1701px) {.wysiwyg blockquote:before {
bottom: .625rem;
top: .625rem
}

}
.wysiwyg blockquote:first-child {
margin: 0 !important
}
.wysiwyg blockquote p a,.wysiwyg blockquote ul a,.wysiwyg blockquote ol a {
font-weight: 400 !important
}
.wysiwyg ul {
list-style-type: none;
padding: 0
}
.wysiwyg ul li {
display: block;
line-height: 162.5%;
padding: 0 0 0 2rem;
position: relative
}
.wysiwyg ul li+li {
margin-top: .5rem
}
.wysiwyg ul li:before {
background-color: #fab842;
border-radius: 50%;
content: "";
height: .438rem;
left: .625rem;
position: absolute;
top: .688rem;
width: .438rem
}
.wysiwyg ul ol,.wysiwyg ul ul {
margin-top: .625rem
}
.wysiwyg ol {
counter-reset: count;
list-style-type: none;
padding: 0
}
.wysiwyg ol[start="1"] {
counter-reset: count 0
}
.wysiwyg ol[start="2"] {
counter-reset: count 1
}
.wysiwyg ol[start="3"] {
counter-reset: count 2
}
.wysiwyg ol[start="4"] {
counter-reset: count 3
}
.wysiwyg ol[start="5"] {
counter-reset: count 4
}
.wysiwyg ol[start="6"] {
counter-reset: count 5
}
.wysiwyg ol[start="7"] {
counter-reset: count 6
}
.wysiwyg ol[start="8"] {
counter-reset: count 7
}
.wysiwyg ol[start="9"] {
counter-reset: count 8
}
.wysiwyg ol[start="10"] {
counter-reset: count 9
}
.wysiwyg ol[start="11"] {
counter-reset: count 10
}
.wysiwyg ol[start="12"] {
counter-reset: count 11
}
.wysiwyg ol[start="13"] {
counter-reset: count 12
}
.wysiwyg ol[start="14"] {
counter-reset: count 13
}
.wysiwyg ol[start="15"] {
counter-reset: count 14
}
.wysiwyg ol[start="16"] {
counter-reset: count 15
}
.wysiwyg ol[start="17"] {
counter-reset: count 16
}
.wysiwyg ol[start="18"] {
counter-reset: count 17
}
.wysiwyg ol[start="19"] {
counter-reset: count 18
}
.wysiwyg ol[start="20"] {
counter-reset: count 19
}
.wysiwyg ol[start="21"] {
counter-reset: count 20
}
.wysiwyg ol[start="22"] {
counter-reset: count 21
}
.wysiwyg ol[start="23"] {
counter-reset: count 22
}
.wysiwyg ol[start="24"] {
counter-reset: count 23
}
.wysiwyg ol[start="25"] {
counter-reset: count 24
}
.wysiwyg ol[start="26"] {
counter-reset: count 25
}
.wysiwyg ol[start="27"] {
counter-reset: count 26
}
.wysiwyg ol[start="28"] {
counter-reset: count 27
}
.wysiwyg ol[start="29"] {
counter-reset: count 28
}
.wysiwyg ol[start="30"] {
counter-reset: count 29
}
.wysiwyg ol[start="31"] {
counter-reset: count 30
}
.wysiwyg ol[start="32"] {
counter-reset: count 31
}
.wysiwyg ol[start="33"] {
counter-reset: count 32
}
.wysiwyg ol[start="34"] {
counter-reset: count 33
}
.wysiwyg ol[start="35"] {
counter-reset: count 34
}
.wysiwyg ol[start="36"] {
counter-reset: count 35
}
.wysiwyg ol[start="37"] {
counter-reset: count 36
}
.wysiwyg ol[start="38"] {
counter-reset: count 37
}
.wysiwyg ol[start="39"] {
counter-reset: count 38
}
.wysiwyg ol[start="40"] {
counter-reset: count 39
}
.wysiwyg ol[start="41"] {
counter-reset: count 40
}
.wysiwyg ol[start="42"] {
counter-reset: count 41
}
.wysiwyg ol[start="43"] {
counter-reset: count 42
}
.wysiwyg ol[start="44"] {
counter-reset: count 43
}
.wysiwyg ol[start="45"] {
counter-reset: count 44
}
.wysiwyg ol[start="46"] {
counter-reset: count 45
}
.wysiwyg ol[start="47"] {
counter-reset: count 46
}
.wysiwyg ol[start="48"] {
counter-reset: count 47
}
.wysiwyg ol[start="49"] {
counter-reset: count 48
}
.wysiwyg ol[start="50"] {
counter-reset: count 49
}
.wysiwyg ol[start="51"] {
counter-reset: count 50
}
.wysiwyg ol[start="52"] {
counter-reset: count 51
}
.wysiwyg ol[start="53"] {
counter-reset: count 52
}
.wysiwyg ol[start="54"] {
counter-reset: count 53
}
.wysiwyg ol[start="55"] {
counter-reset: count 54
}
.wysiwyg ol[start="56"] {
counter-reset: count 55
}
.wysiwyg ol[start="57"] {
counter-reset: count 56
}
.wysiwyg ol[start="58"] {
counter-reset: count 57
}
.wysiwyg ol[start="59"] {
counter-reset: count 58
}
.wysiwyg ol[start="60"] {
counter-reset: count 59
}
.wysiwyg ol[start="61"] {
counter-reset: count 60
}
.wysiwyg ol[start="62"] {
counter-reset: count 61
}
.wysiwyg ol[start="63"] {
counter-reset: count 62
}
.wysiwyg ol[start="64"] {
counter-reset: count 63
}
.wysiwyg ol[start="65"] {
counter-reset: count 64
}
.wysiwyg ol[start="66"] {
counter-reset: count 65
}
.wysiwyg ol[start="67"] {
counter-reset: count 66
}
.wysiwyg ol[start="68"] {
counter-reset: count 67
}
.wysiwyg ol[start="69"] {
counter-reset: count 68
}
.wysiwyg ol[start="70"] {
counter-reset: count 69
}
.wysiwyg ol[start="71"] {
counter-reset: count 70
}
.wysiwyg ol[start="72"] {
counter-reset: count 71
}
.wysiwyg ol[start="73"] {
counter-reset: count 72
}
.wysiwyg ol[start="74"] {
counter-reset: count 73
}
.wysiwyg ol[start="75"] {
counter-reset: count 74
}
.wysiwyg ol[start="76"] {
counter-reset: count 75
}
.wysiwyg ol[start="77"] {
counter-reset: count 76
}
.wysiwyg ol[start="78"] {
counter-reset: count 77
}
.wysiwyg ol[start="79"] {
counter-reset: count 78
}
.wysiwyg ol[start="80"] {
counter-reset: count 79
}
.wysiwyg ol[start="81"] {
counter-reset: count 80
}
.wysiwyg ol[start="82"] {
counter-reset: count 81
}
.wysiwyg ol[start="83"] {
counter-reset: count 82
}
.wysiwyg ol[start="84"] {
counter-reset: count 83
}
.wysiwyg ol[start="85"] {
counter-reset: count 84
}
.wysiwyg ol[start="86"] {
counter-reset: count 85
}
.wysiwyg ol[start="87"] {
counter-reset: count 86
}
.wysiwyg ol[start="88"] {
counter-reset: count 87
}
.wysiwyg ol[start="89"] {
counter-reset: count 88
}
.wysiwyg ol[start="90"] {
counter-reset: count 89
}
.wysiwyg ol[start="91"] {
counter-reset: count 90
}
.wysiwyg ol[start="92"] {
counter-reset: count 91
}
.wysiwyg ol[start="93"] {
counter-reset: count 92
}
.wysiwyg ol[start="94"] {
counter-reset: count 93
}
.wysiwyg ol[start="95"] {
counter-reset: count 94
}
.wysiwyg ol[start="96"] {
counter-reset: count 95
}
.wysiwyg ol[start="97"] {
counter-reset: count 96
}
.wysiwyg ol[start="98"] {
counter-reset: count 97
}
.wysiwyg ol[start="99"] {
counter-reset: count 98
}
.wysiwyg ol[start="100"] {
counter-reset: count 99
}
.wysiwyg ol li {
counter-increment: count;
display: block;
line-height: 160%;
padding: 0 0 0 2.5rem;
position: relative
}
.wysiwyg ol li+li {
margin-top: .5rem
}
.wysiwyg ol>li:before {
color: #fab842;
content: counter(count) ".";
font-family: "Roboto",sans-serif;
font-weight: 400;
font-style: normal;
position: absolute;
text-align: right;
top: 0;
right: calc(100% - 1.5rem)
}
.wysiwyg ol ul,.wysiwyg ol ol {
margin-top: .625rem
}
.slick-slider {
box-sizing: border-box;
display: block;
min-width: 100%;
position: relative;
touch-action: pan-y;
user-select: none;
width: 0
}
.slick-list {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
z-index: 2
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,.slick-slider .slick-list {
transform: translate3d(0, 0, 0)
}
.slick-track {
display: block;
margin-left: 0;
margin-right: 0;
position: relative;
top: 0;
left: 0
}
.slick-track:before,.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
position: relative
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto
}
.slick-arrow.slick-hidden {
display: none
}
.slideshow-container ul li:before {
display: none
}
embed-container {
background-color: #000;
border-radius: .25rem;
display: block;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%
}
embed-container embed,embed-container iframe,embed-container object {
display: block;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transition: opacity 1.5s ease;
width: 100%;
z-index: 1
}
@keyframes plyr-progress {to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0
}

}
@keyframes plyr-popup {0% {
opacity: .5;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}

}
@keyframes plyr-fade-in {from {
opacity: 0
}
to {
opacity: 1
}

}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
height: 100%;
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow .3s ease;
z-index: 0
}
.plyr audio,.plyr iframe,.plyr video {
display: block;
height: 100%;
width: 100%
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto
}
.plyr:focus {
outline: 0
}
.plyr--full-ui {
box-sizing: border-box
}
.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before {
box-sizing: inherit
}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label {
touch-action: manipulation
}
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none
}
.plyr__captions {
animation: plyr-fade-in .3s ease;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform .4s ease-in-out;
width: 100%
}
.plyr__captions span:empty {
display: none
}
@media(min-width: 480px) {.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: calc(10px * 2);
padding: calc(var(--plyr-control-spacing, 10px) * 2)
}

}
@media(min-width: 768px) {.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px)
}

}
.plyr--captions-active .plyr__captions {
display: block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
transform: translateY(calc(10px * -4));
transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}
.plyr__caption {
background: rgba(0,0,0,.8);
background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: .2em .5em;
white-space: pre-wrap
}
.plyr__caption div {
display: inline
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
border-radius: var(--plyr-control-radius, 3px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: calc(10px * 0.7);
padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
position: relative;
transition: all .3s ease
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px)
}
.plyr__control:focus {
outline: 0
}
.plyr__control.plyr__tab-focus {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
a.plyr__control {
text-decoration: none
}
a.plyr__control::after,a.plyr__control::before {
display: none
}
.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none
}
.plyr--full-ui ::-webkit-media-controls {
display: none
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0
}
.plyr__controls .plyr__controls__item {
margin-left: calc(10px / 4);
margin-left: calc(var(--plyr-control-spacing, 10px) / 4)
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: calc(10px / 4);
padding-left: calc(var(--plyr-control-spacing, 10px) / 4)
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 calc(10px / 2);
padding: 0 calc(var(--plyr-control-spacing, 10px) / 2)
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0
}
.plyr__controls:empty {
display: none
}
.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip] {
display: none
}
.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip] {
display: inline-block
}
.plyr__menu {
display: flex;
position: relative
}
.plyr__menu .plyr__control svg {
transition: transform .3s ease
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none
}
.plyr__menu__container {
animation: plyr-popup .2s ease;
background: rgba(255,255,255,.9);
background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3
}
.plyr__menu__container>div {
overflow: hidden;
transition: height .35s cubic-bezier(0.4, 0, 0.2, 1),width .35s cubic-bezier(0.4, 0, 0.2, 1)
}
.plyr__menu__container::after {
border: 4px solid transparent;
border: var(--plyr-menu-arrow-size, 4px) solid transparent;
border-top-color: rgba(255,255,255,.9);
border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
content: "";
height: 0;
position: absolute;
right: calc(((18px / 2) + calc(10px * 0.7)) - (4px / 2));
right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
top: 100%;
width: 0
}
.plyr__menu__container [role=menu] {
padding: calc(10px * 0.7);
padding: calc(var(--plyr-control-spacing, 10px) * 0.7)
}
.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio] {
margin-top: 2px
}
.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding-bottom: calc(calc(10px * 0.7) / 1.5);
padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
padding-left: calc(calc(10px * 0.7) * 1.5);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
padding-right: calc(calc(10px * 0.7) * 1.5);
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
padding-top: calc(calc(10px * 0.7) / 1.5);
padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.plyr__menu__container .plyr__control>span {
align-items: inherit;
display: flex;
width: 100%
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
padding-right: calc(calc(10px * 0.7) * 4);
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4)
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: calc((calc(10px * 0.7) * 1.5) - 4px);
right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: calc(10px * 0.7);
margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
margin-bottom: calc(calc(10px * 0.7) / 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
padding-left: calc(calc(10px * 0.7) * 4);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
position: relative;
width: calc(100% - (calc(10px * 0.7) * 2));
width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2))
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: calc((calc(10px * 0.7) * 1.5) - 4px);
left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--back::before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
left: 0;
margin-top: calc(calc(10px * 0.7) / 2);
margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: calc(10px * 0.7);
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7)
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before {
border-radius: 100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
background: rgba(0,0,0,.1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: all .3s ease;
width: 16px
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform .3s ease,opacity .3s ease;
width: 6px
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #00b3ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(35,40,47,.1)
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: calc((calc(10px * 0.7) - 2) * -1);
margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
overflow: hidden;
padding-left: calc(calc(10px * 0.7) * 3.5);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
pointer-events: none
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: calc(13px * 2);
border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
color: #eee;
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #EEE)));
display: block;
height: calc((3px * 2) + 13px);
height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
margin: 0;
padding: 0;
transition: box-shadow .3s ease;
width: 100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor 0, transparent 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
-webkit-appearance: none;
margin-top: calc(((13px - 5px) / 2) * -1);
margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1)
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px)
}
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-ms-user-select: none;
user-select: none;
color: transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-ms-user-select: none;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-ms-user-select: none;
user-select: none;
background: currentColor
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-ms-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
margin-top: 0
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none
}
.plyr--full-ui input[type=range]:focus {
outline: 0
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .2s ease;
width: 100%;
z-index: 1
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__time+.plyr__time::before {
content: "⁄";
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px)
}
@media(max-width: calc(768px - 1)) {.plyr__time+.plyr__time {
display: none
}

}
.plyr__tooltip {
background: rgba(255,255,255,.9);
background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-radius: 3px;
border-radius: var(--plyr-tooltip-radius, 3px);
bottom: 100%;
box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
color: #4a5464;
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
opacity: 0;
padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease,opacity .2s .1s ease;
white-space: nowrap;
z-index: 2
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid rgba(255,255,255,.9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
bottom: calc(4px * -1);
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
left: calc((18px / 2) + calc(10px * 0.7));
left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7))
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: calc((18px / 2) + calc(10px * 0.7));
right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
transform: translateX(50%)
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0, 0) scale(1)
}
.plyr__progress {
left: calc(13px * 0.5);
left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative
}
.plyr__progress input[type=range],.plyr__progress__buffer {
margin-left: calc(13px * -0.5);
margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
margin-right: calc(13px * -0.5);
margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px))
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2
}
.plyr__progress .plyr__tooltip {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
left: 0
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: calc((5px / 2) * -1);
margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
padding: 0;
position: absolute;
top: 50%
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width .2s ease;
transition: width .2s ease
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255,255,255,.25);
background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193,200,209,.6);
background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%
}
.plyr__volume input[type=range] {
margin-left: calc(10px / 2);
margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
margin-right: calc(10px / 2);
margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
position: relative;
z-index: 2
}
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto
}
.plyr--audio {
display: block
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: #4a5464;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px)
}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] {
background: #00b3ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193,200,209,.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193,200,209,.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193,200,209,.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193,200,209,.6);
color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}
.plyr--video {
background: #000;
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
background: #000;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%
}
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%
}
.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video {
border: 0;
left: 0;
position: absolute;
top: 0
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%)
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: calc(10px / 2);
padding: calc(var(--plyr-control-spacing, 10px) / 2);
padding-top: calc(10px * 2);
padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
position: absolute;
right: 0;
transition: opacity .4s ease-in-out,transform .4s ease-in-out;
z-index: 3
}
@media(min-width: 480px) {.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: calc(10px * 3.5);
padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5)
}

}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%)
}
.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff)
}
.plyr__control--overlaid {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
border: 0;
border-radius: 100%;
color: #fff;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: .9;
padding: calc(10px * 1.5);
padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: .3s;
z-index: 2
}
.plyr__control--overlaid svg {
left: 2px;
position: relative
}
.plyr__control--overlaid:focus,.plyr__control--overlaid:hover {
opacity: 1
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255,255,255,.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255,255,255,.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255,255,255,.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}
.plyr--video .plyr__progress__buffer {
color: rgba(255,255,255,.25);
color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-webkit-full-screen video {
height: 100%
}
.plyr:-ms-fullscreen video {
height: 100%
}
.plyr:fullscreen video {
height: 100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none
}
@media(min-width: 1024px) {.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}

}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-webkit-full-screen video {
height: 100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none
}
@media(min-width: 1024px) {.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}

}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-moz-full-screen video {
height: 100%
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none
}
@media(min-width: 1024px) {.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}

}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-ms-fullscreen video {
height: 100%
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none
}
@media(min-width: 1024px) {.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}

}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000
}
.plyr--fullscreen-fallback video {
height: 100%
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none
}
@media(min-width: 1024px) {.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}

}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.plyr__ads>div,.plyr__ads>div iframe {
height: 100%;
position: absolute;
width: 100%
}
.plyr__ads::after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3
}
.plyr__ads::after:empty {
display: none
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin: -var(--plyr-range-track-height, 5px)/2 0 0;
opacity: .8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3
}
.plyr__preview-thumb {
background-color: rgba(255,255,255,.9);
background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
margin-bottom: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
opacity: 0;
padding: 3px;
padding: var(--plyr-tooltip-radius, 3px);
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease,opacity .2s .1s ease;
z-index: 2
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1)
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid rgba(255,255,255,.9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
bottom: calc(4px * -1);
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: calc(3px - 1px);
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
overflow: hidden;
position: relative;
z-index: 0
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0,0,0,.55);
border-radius: calc(3px - 1px);
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
padding: 3px 6px
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity .3s ease;
width: 100%;
z-index: 1
}
.plyr__preview-scrubbing--is-shown {
opacity: 1
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%
}
.plyr--no-transition {
transition: none !important
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.plyr [hidden] {
display: none !important
}
header {
/*background-color: transparent;*/
/*box-shadow: 0 0 .625rem 0 rgba(0,0,0,0);*/
background-color:#fff;
display: block;
left: 50%;
position: fixed;
transform: translateX(-50%);
/*transition: background-color 250ms ease,box-shadow 250ms ease;*/
z-index: 500;
width: 100%
}
.scale_header header {
/*background: #fff;*/
/*box-shadow: 0 0 .625rem 0 rgba(0,0,0,.05)*/
}
header a.logo {
align-items: center;
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 4rem;
justify-content: center;
opacity: 1;
position: absolute;
top: 0;
transition: opacity 350ms ease 550ms,transform 350ms ease;
transform: translate3d(0, 0, 0);
width: 12rem;
z-index: 900
}
.mobile-nav-open header a.logo {
opacity: 0;
transition: opacity 350ms ease
}
header a.logo img {
display: block;
width: 100%
}
@media(max-width: 640px) {body.scroll_down header a.logo {
transform: translate3d(0, -100%, 0)
}

}
body.show-mobile-nav header a.logo {
height: 4rem;
width: 12rem
}
body.show-mobile-nav header a.logo img {
/*height: 2.375rem;*/
width: 12rem
}
@media(max-width: 640px) {header a.logo {
	height: 4rem;
}
header a.logo img {
/*height: 2.375rem;*/
width: 12rem
}

}
body.show-mobile-nav header div.menu-main-container {
display: none
}
@media(max-width: 640px) {div.menu-main-container {
display: none !important
}
div.menu-secondary-menu-container {
display: none !important
}

}
header div.menu-main-container {
display: table;
margin: 0 0 0 auto;
padding: 1rem 0 1rem 0
}
header div.menu-main-container>ul {
display: table;
list-style-type: none;
margin: 0;
padding: 0
}
#secondary-menu .sub-menu {
display: none
}
header div.menu-main-container>ul>li {
display: block;
float: left;
position: relative
}
header div.menu-main-container>ul>li+li {
margin-left: 2rem
}
header div.menu-main-container>ul>li a {
color: #111;
cursor: pointer;
display: block;
font-size: 1.125rem;
font-weight: 400;
position: relative;
text-decoration: none;
transition: color 250ms ease;
/*font-weight:bold;*/
}
body.scale_header header div.menu-main-container>ul>li a {
color: #111
}
header div.menu-main-container>ul>li a:hover {
color: #fab842
}
header div.menu-main-container>ul ul.sub-menu {
display: block;
list-style-type: none;
margin: 0;
opacity: 0;
padding: 1.875rem .5rem .5rem .5rem;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-5000%);
transition: opacity 250ms ease 0ms,transform 0ms linear 250ms,z-index 0ms linear 250ms;
z-index: -999
}
header div.menu-main-container>ul>li:hover>ul.sub-menu {
opacity: 1;
transform: translateX(-50%);
transition: opacity 250ms ease 0ms,transform 0ms linear 0ms,z-index 0ms linear 0ms;
z-index: 1
}
header div.menu-main-container>ul ul.sub-menu:before {
background-color: #fff;
border-radius: .25rem;
content: "";
position: absolute;
top: 1rem;
right: 0;
bottom: 0;
left: 0;
box-shadow:0 0 15px rgba(0,0,0,.25);
}
header div.menu-main-container>ul ul.sub-menu:after {
background-color: #fff;
border-radius: .25rem;
content: "";
height: 1.5rem;
position: absolute;
top: 1.625rem;
left: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
width: 1.5rem;
}
header div.menu-main-container>ul ul.sub-menu a {
background: transparent;
border-radius: .125rem;
box-sizing: border-box;
color: #111;
display: block;
font-size: 1.125rem;
line-height: 100%;
padding: .75rem;
position: relative;
transition: background 125ms ease,color 125ms ease;
width: 100%;
white-space: nowrap;
z-index: 2
}
header div.menu-main-container>ul ul.sub-menu a:hover {
background: #fff;
color: #fab842
}
body.show-mobile-nav header div.menu-secondary-menu-container {
display: none
}
header div.menu-secondary-menu-container {
position: absolute;
top: 1rem;
right: 3.75rem;
transform: translateY(0);
transition: transform 250ms ease,opacity 250ms ease
}
header div.menu-secondary-menu-container ul {
display: table;
list-style-type: none;
margin: 0;
padding: 0
}
header div.menu-secondary-menu-container ul li {
display: block;
float: left
}
header div.menu-secondary-menu-container ul li~li {
padding-left: 1.5rem
}
header div.menu-secondary-menu-container ul li a {
color: #eaeaea;
display: block;
font-size: 1rem;
line-height: 150%;
position: relative;
text-decoration: none
}
body.scale_header div.menu-secondary-menu-container ul li a {
color: #515961
}
header div.menu-secondary-menu-container ul li a:before {
background-color: #fab842;
content: "";
height: 1px;
opacity: 0;
position: absolute;
bottom: .125rem;
left: 0;
transition: right 300ms ease,opacity 300ms ease;
right: 100%
}
header div.menu-secondary-menu-container ul li a:hover:before {
opacity: 1;
right: 0
}
header search-trigger {
cursor: pointer;
height: 2rem;
padding: 0;
position: absolute;
right: .75rem;
top: .75rem;
transform: translateY(0%);
transition: transform 250ms ease;
width: 2rem;
z-index: 2
}
header search-trigger svg {
fill: #fff;
height: 1rem;
position: absolute;
top: 50%;
left: 50%;
width: 1rem;
transform: translateX(-50%) translateY(-50%) scale(1);
transition: fill 250ms ease,transform 250ms ease
}
body.scale_header header search-trigger svg {
fill: #515961
}
header search-trigger:hover svg {
fill: #fab842 !important
}
header search-form {
cursor: pointer;
display: table;
height: 2.25rem;
padding: 0;
opacity: 0;
position: absolute;
right: 3rem;
transform: translateY(-500px);
transition: opacity 250ms ease 0ms,transform 0ms linear 250ms;
top: .688rem;
width: 252px;
z-index: -999
}
header search-form label {
display: block;
float: left
}
header search-form label span {
display: none
}
header search-form input[type=search] {
box-sizing: border-box;
box-shadow: 0 0 10px 0 rgba(0,0,0,0);
background-color: #fff;
border: 1px solid #d7d7d7;
border-right: 0;
border-radius: .25rem 0 0 .25rem;
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: normal;
height: 2.25rem;
line-height: 100%;
padding: .438rem .625rem;
position: relative;
resize: none;
transition: box-shadow 250ms ease;
width: 179px
}
header search-form input[type=submit] {
background-color: #fab842;
border: 0;
border-radius: 0 .25rem .25rem 0;
cursor: pointer;
color: #111;
display: block;
float: left;
font-family: "Roboto",sans-serif;
font-weight: 400;
font-size: .875rem;
line-height: 2.25rem;
padding: 0 1rem;
height: 2.25rem;
text-align: center;
transition: background-color 250ms ease,color 250ms ease;
width: 73px
}
header search-form input[type=submit]:hover {
background-color: #111;
color: #fff
}
.menu-secondary-menu-container {
opacity: 1
}
header search-trigger.visible~.menu-secondary-menu-container {
opacity: 0
}
header search-trigger.visible~search-form {
opacity: 1;
transition: opacity 250ms ease 250ms,transform 0ms linear 250ms;
transform: translateY(0);
z-index: 2
}
.show-mobile-nav header search-trigger,.show-mobile-nav header search-form {
display: none
}
@media(max-width: 640px) {header search-trigger,header search-form {
display: none
}

}
footer {
background: #f5f7fa;
display: block;
overflow: hidden;
position: relative
}
footer g-col {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%
}
@media(max-width: 479px) {footer g-row:last-child {
margin-top: 2.5rem
}

}
@media(min-width: 480px) {footer g-row:last-child {
margin-top: calc(2.5rem + ((1vw - 0.3rem) * 3.2787))
}

}
@media(min-width: 1701px) {footer g-row:last-child {
margin-top: 5rem
}

}
footer g-row:last-child {
padding: .875rem 0
}
footer g-row:last-child:before {
background: #f8f9fb;
bottom: 0;
content: "";
left: -50vw;
position: absolute;
right: -50vw;
top: 0;
z-index: 0
}
footer g-row:last-child span {
display: block;
line-height: 180%;
opacity: .7
}
@media(max-width: 768px) {footer {
border-top: .25rem solid #fab842
}
footer g-row:last-child g-col {
text-align: center
}

}
footer div.menu-footer-container {
display: block
}
footer div.menu-footer-container>ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0
}
footer div.menu-footer-container>ul>li {
box-sizing: border-box;
display: block;
padding-right: calc(2rem + 1.55vw);
line-height: 2rem
}
@media(max-width: 479px) {footer div.menu-footer-container>ul>li {
margin-top: 2.5rem
}

}
@media(min-width: 480px) {footer div.menu-footer-container>ul>li {
margin-top: calc(2.5rem + ((1vw - 0.3rem) * 3.2787))
}

}
@media(min-width: 1701px) {footer div.menu-footer-container>ul>li {
margin-top: 5rem
}

}
footer div.menu-footer-container>ul>li>a {
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-weight: 400;
text-decoration: none
}
@media(max-width: 479px) {footer div.menu-footer-container>ul>li>a {
font-size: 17px
}

}
@media(min-width: 480px) {footer div.menu-footer-container>ul>li>a {
font-size: calc(1.0625rem + ((1vw - 4.8px) * 0.4098))
}

}
@media(min-width: 1701px) {footer div.menu-footer-container>ul>li>a {
font-size: 22px
}

}
footer div.menu-footer-container>ul>li>ul {
list-style-type: none;
margin: 1rem 0 0 0;
padding: 0
}
footer div.menu-footer-container>ul>li>ul>li {
display: block;
line-height: 2rem
}
footer div.menu-footer-container>ul>li>ul>li+li {
margin-top: .5rem
}
footer div.menu-footer-container>ul>li>ul>li>a {
color: #515961;
display: table;
font-size: 1rem;
position: relative;
text-decoration: none;
transform: translateX(0);
transition: transform 300ms ease
}
footer div.menu-footer-container>ul>li>ul>li>a:before {
background-color: #fab842;
content: "";
height: 1px;
opacity: 0;
position: absolute;
bottom: .375rem;
left: 0;
transition: right 300ms ease,opacity 300ms ease;
right: 100%
}
footer div.menu-footer-container>ul>li>ul>li>a:hover {
color: #111;
transform: translateX(0.25rem)
}
footer div.menu-footer-container>ul>li>ul>li>a:hover:before {
opacity: 1;
right: 0
}
@media(max-width: 768px) {footer div.menu-footer-container {
display: none
}

}
contact-links {
display: block;
min-width: 12.5rem
}
@media(max-width: 768px) {contact-links {
margin-top: 0
}

}
@media(min-width: 769px) {contact-links {
margin-top: calc(2.5rem + ((1vw - 0.3rem) * 3.2787))
}

}
@media(min-width: 1701px) {contact-links {
margin-top: 5rem
}

}
contact-links a.btn {
margin: 0 auto
}
@media(min-width: 769px) {contact-links a.logo {
display: none
}

}
@media(max-width: 768px) {contact-links {
margin-left: auto;
margin-right: auto
}
footer a.logo {
align-items: center;
background-color: #fab842;
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 6.25rem;
justify-content: center;
margin: 0 auto 2.5rem auto;
opacity: 1;
top: 0;
transition: opacity 350ms ease 550ms;
width: 6.25rem;
z-index: 900
}
footer a.logo img {
height: 2.75rem;
display: block;
width: 3.25rem
}

}
footer ul.social {
display: table;
list-style-type: none;
margin: 2.75rem auto 0 auto;
padding: 0
}
footer ul.social li {
display: block;
float: left
}
footer ul.social li+li {
margin-left: .75rem
}
footer ul.social a {
background-color: #fab842;
border-radius: 50%;
display: block;
height: 1.875rem;
position: relative;
transition: background-color 300ms ease;
width: 1.875rem
}
footer ul.social svg {
display: block;
fill: #111;
height: .875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: fill 300ms ease;
width: .875rem
}
footer ul.social a:hover {
background-color: #111
}
footer ul.social a:hover svg {
fill: #fab842
}
@media(max-width: 768px) {footer ul.social {
margin: 2.75rem auto 0 auto
}

}
footer g-row:last-child div.menu-end-bar-container {
display: block
}
footer g-row:last-child div.menu-end-bar-container>ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0
}
footer g-row:last-child div.menu-end-bar-container>ul>li {
box-sizing: border-box;
display: block;
padding-right: calc(1rem + 1vw)
}
footer g-row:last-child div.menu-end-bar-container ul ul {
display: none
}
footer g-row:last-child div.menu-end-bar-container ul a {
color: #515961;
font-size: 1rem;
line-height: 180%;
text-decoration: none;
transition: color 125ms ease
}
footer g-row:last-child div.menu-end-bar-container ul a:hover {
color: #111
}
mobile-nav {
background-color: #f5f7fa;
height: 100%;
left: 0;
min-width: 320px;
overflow: hidden;
position: fixed;
top: 0;
transform: translateY(100%);
transition: transform 600ms ease 350ms;
width: 100%;
z-index: 51
}
nav-inner {
position: absolute;
overflow: hidden;
overflow-y: scroll;
top: 6.25rem;
bottom: 0;
left: 0;
width: 100%
}
mobile-nav a.logo {
background-color: #fab842;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 6.25rem;
margin: 0 0 0 2rem;
opacity: 0;
padding: 1.25rem .625rem;
position: relative;
width: 5rem;
transition: opacity 250ms ease 0ms;
z-index: 900
}
.mobile-nav-open mobile-nav a.logo {
opacity: 1;
transition: opacity 350ms ease 550ms
}
@media(max-width: 468px) {mobile-nav a.logo {
margin-left: 1.5rem
}

}
.mobile-nav-open mobile-nav {
transform: translateY(0);
transition: transform 600ms ease
}
@media(min-width: 1121px) {mobile-nav {
display: none
}

}
mobile-nav .secondary-menu,mobile-nav .main-menu,mobile-nav .social,mobile-nav search-form {
opacity: 0;
transition: opacity 450ms ease
}
.mobile-nav-open .secondary-menu,.mobile-nav-open .main-menu,.mobile-nav-open .social,.mobile-nav-open search-form {
opacity: 1;
transition: opacity 350ms ease 550ms
}
mobile-nav ul.main-menu {
box-sizing: border-box;
list-style-type: none;
margin: 0;
padding: 4.5rem 2rem;
width: 100%
}
mobile-nav ul.main-menu>li {
display: block;
position: relative
}
mobile-nav ul.main-menu>li+li {
border-top: 2px solid rgba(255,255,255,.1)
}
mobile-nav ul.main-menu>li>a{
box-sizing: border-box;
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 3.5rem;
padding: 0;
position: relative;
text-decoration: none;
width: 100%
}
mobile-nav ul.main-menu>li>span:nth-child(2) {
box-sizing: border-box;
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 3.5rem;
padding: 0;
position: relative;
text-decoration: none;
width: 100%
}
mobile-nav ul.main-menu .menu-panel-toggle{
	box-sizing: border-box;
	color: #111;
	display: block;
	font-family: "Roboto",sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 3.5rem;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: 100%
}
mobile-nav ul.main-menu>li>span+a {
width: calc(100% - 3.5rem)
}
mobile-nav ul.main-menu>li>span+span {
width: calc(100% - 3.5rem)
}
mobile-nav ul.main-menu>li>span:first-child:not(.menu-panel-toggle) {
background-color: #fff;
border-radius: 100%;
cursor: pointer;
display: block;
height: 2.5rem;
padding: 0;
position: absolute;
top: .5rem;
right: 0;
text-decoration: none;
transition: background-color 250ms ease;
width: 2.5rem
}
mobile-nav ul.main-menu>li .menu-panel, mobile-nav ul.main-menu>li .menu-panel:hover{
	display:none;
	position:relative!important;
}
mobile-nav ul.main-menu>li>span.expanded {
background-color: #fab842
}
mobile-nav ul.main-menu>li>span svg {
stroke: #111;
height: 1rem;
opacity: .5;
position: absolute;
transform: translateX(-50%) translateY(-50%) rotate(0deg);
transition: stroke 250ms ease,transform 250ms ease,opacity 250ms ease;
top: 50%;
left: 50%;
width: 1rem
}
mobile-nav ul.main-menu>li>span.expanded svg {
opacity: 1;
transform: translateX(-50%) translateY(-50%) rotate(180deg)
}
@media(max-width: 468px) {mobile-nav ul.main-menu {
padding: 4.5rem 1.5rem
}

}
mobile-nav ul.main-menu ul {
display: none;
list-style-type: none;
margin: 0;
padding: 0
}
mobile-nav ul.main-menu ul>li {
display: block;
position: relative
}
mobile-nav ul.main-menu ul>li+li {
border-top: 1px solid rgba(255,255,255,.1)
}
mobile-nav ul.main-menu ul>li>a {
box-sizing: border-box;
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 3.5rem;
padding: 0;
position: relative;
text-decoration: none;
width: 100%
}
mobile-nav ul.main-menu li> ul>li>span+a {
width: calc(100% - 3.5rem)
}
mobile-nav ul.main-menu> li> ul>li>span {
background-color: #0a59ad;
color: #fab842;
cursor: pointer;
display: block;
font-size: 1rem;
font-weight: 500;
letter-spacing: .7px;
height: 3rem;
padding: 0;
position: absolute;
top: .25rem;
right: .25rem;
text-decoration: none;
width: 3rem;
z-index: 1
}
mobile-nav ul.main-menu ul ul.main-menu ul li:first-child a {
border-top: 1px solid rgba(255,255,255,.05)
}
mobile-nav ul.main-menu ul ul.main-menu ul>li>a {
color: #fff;
padding: 0 1.19rem 0 2.375rem
}
mobile-nav ul.main-menu ul>li+li>a {
border-top: 1px solid rgba(255,255,255,.05)
}
mobile-nav ul.secondary-menu {
box-sizing: border-box;
list-style-type: none;
margin: 0;
padding: 0 2rem 4.5rem 2rem;
width: 100%
}
mobile-nav ul.secondary-menu>li {
display: block;
position: relative
}
mobile-nav ul.secondary-menu>li+li {
border-top: 2px solid rgba(255,255,255,.1)
}
mobile-nav ul.secondary-menu>li>a {
box-sizing: border-box;
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 3rem;
padding: 0;
position: relative;
text-decoration: none;
width: 100%
}
@media(max-width: 468px) {mobile-nav ul.secondary-menu {
padding: 0 1.5rem 4.5rem 1.5rem
}

}
mobile-nav ul.social {
display: table;
list-style-type: none;
margin: 0 2rem 2rem 2rem;
padding: 0
}
mobile-nav ul.social li {
display: block;
float: left
}
mobile-nav ul.social li+li {
margin-left: .75rem
}
mobile-nav ul.social a {
background-color: #fab842;
border-radius: 50%;
display: block;
height: 3rem;
position: relative;
transition: background-color 300ms ease;
width: 3rem
}
mobile-nav ul.social svg {
display: block;
fill: #111;
height: 1.375rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: fill 300ms ease;
width: 1.375rem
}
@media(max-width: 468px) {mobile-nav ul.social {
margin: 0 1.5rem 1.5rem 1.5rem
}

}
mobile-nav search-form {
box-sizing: border-box;
cursor: pointer;
display: table;
height: 3.125rem;
padding: 0 2rem 2rem 2rem;
position: relative;
width: 100%;
z-index: 2
}
mobile-nav search-form form {
display: table;
width: 100%
}
mobile-nav search-form label {
display: block;
float: left;
width: calc(100% - 100px)
}
mobile-nav search-form label span {
display: none
}
mobile-nav search-form input[type=search] {
box-sizing: border-box;
box-shadow: 0 0 10px 0 rgba(0,0,0,0);
border-radius: .25rem 0 0 .25rem;
background-color: #fff;
border: 1px solid #e4e4e4;
border-right: 0;
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: normal;
height: 3.125rem;
line-height: 3.125rem;
padding: 0 .625rem;
position: relative;
resize: none;
transition: box-shadow 250ms ease;
width: 100%
}
mobile-nav search-form input[type=submit] {
background-color: #fab842;
border: 0;
border-radius: 0 .25rem .25rem 0;
cursor: pointer;
color: #111;
display: block;
float: left;
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: normal;
line-height: 3.125rem;
padding: 0 1rem;
height: 3.125rem;
text-align: center;
transition: background-color 250ms ease;
width: 100px
}
@media(max-width: 468px) {mobile-nav search-form {
padding: 0 1.5rem 1.5rem 1.5rem
}

}
nav-trigger {
align-items: center;
background-color: #fab842;
border-radius: 100%;
height: 3.5rem;
display: flex;
/*flex-wrap: wrap;*/
justify-content: center;
/*position: absolute;*/
/*top: .75rem;*/
/*right: 1.5rem;*/
/*transform: translateY(0);*/
margin:5px 1.5rem 0 auto;
transition: transform 250ms ease;
width: 3.5rem;
z-index: 52
}
@media(min-width: 641px) {
body:not(.show-mobile-nav) nav-trigger {
display: none
}

}
@media(max-width: 468px) {body.scroll_down nav-trigger {
transform: translateY(100%)
}

}
hamburger-icon {
background-color: transparent;
border: 0;
cursor: pointer;
height: 1.313rem;
margin: 0;
overflow: visible;
position: relative;
padding: 0;
transition-property: filter;
transition-duration: .15s;
transition-timing-function: linear
}
hamburger-outer {
height: 1.5rem;
display: inline-block;
position: relative;
width: 1.5rem
}
hamburger-inner {
display: block;
margin-top: -0.125rem;
top: 50%
}
hamburger-inner,hamburger-inner::before,hamburger-inner::after {
width: 1.5rem;
height: .125rem;
background-color: #fff;
position: absolute;
transition: transform 150ms ease
}
hamburger-inner::before,hamburger-inner::after {
content: "";
display: block
}
hamburger-inner::before {
top: -0.375rem
}
hamburger-inner::after {
bottom: -0.375rem
}
hamburger-inner {
transition-duration: .22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
hamburger-inner:before {
transition: top .1s .25s ease-in,opacity .1s ease-in
}
hamburger-inner:after {
transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.mobile-nav-open hamburger-inner {
transform: rotate(225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
.mobile-nav-open hamburger-inner::before {
top: 0;
opacity: 0;
transition: top .1s ease-out,opacity .1s .12s ease-out
}
.mobile-nav-open hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.post-password-form {
background-color: #fff;
display: block;
position: relative;
text-align: center
}
.post-password-form p:first-of-type {
color: #111;
font-family: "Roboto",sans-serif;
line-height: 150%;
margin: 0 auto;
max-width: 27rem
}
.post-password-form label {
color: #111;
display: table;
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: 500;
line-height: 2.063rem;
margin: 0 auto
}
.post-password-form label input {
background-color: #f5f7fa;
border: 0;
border-radius: .125rem;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2);
display: block;
height: 3.125rem;
line-height: 3.125rem;
margin-top: .375rem;
padding: 0 .875rem;
width: 18rem
}
.post-password-form input[type=submit] {
box-sizing: border-box;
border: 0;
cursor: pointer;
display: table;
font-family: "Roboto",sans-serif;
font-weight: 500;
margin: 1.5rem auto 0 auto;
position: relative;
text-decoration: none !important;
width: 9rem;
z-index: 1
}
.post-password-form input[type=submit] {
border-radius: .25rem;
font-size: .813rem;
line-height: 1.25rem;
padding: .875rem 3.5rem .625rem 3.5rem;
text-transform: uppercase;
text-align: center;
transition: background-color 250ms ease,color 250ms ease
}
.post-password-form input[type=submit] {
background-color: #fab842;
color: #111
}
.post-password-form input[type=submit]:hover {
background-color: #111;
color: #fab842
}
@media(max-width: 468px) {.post-password-form p:first-of-type {
font-size: 1.125rem
}
.post-password-form {
padding: 2.5rem 1rem
}

}
@media(min-width: 469px) {.post-password-form p:first-of-type {
font-size: calc(1.125rem + ((1vw - 4.69px) * 0.3475))
}
.post-password-form {
padding: calc(2.5rem + ((1vw - 4.68px) * 10.4167)) 2rem
}

}
@media(min-width: 1620px) {.post-password-form p:first-of-type {
font-size: 1.375rem
}
.post-password-form {
padding: 7.5rem 2rem
}

}
section.page-banner {
background-color: #0f1c2e;
padding: 0
}
section.page-banner>figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 1s ease;
z-index: 0
}
.loaded section.page-banner>figure {
opacity: 1
}
section.page-banner g-container {
position: relative;
z-index: 1
}
section.page-banner h1 {
color: #fff
}
@media(max-width: 768px) {section.page-banner g-col {
padding: 8.75rem 1rem 1rem 1rem
}

}
@media(max-width: 468px) {section.page-banner g-col {
padding: 8.75rem .5rem 1rem .5rem
}

}
@media(min-width: 769px) {section.page-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(5rem + ((1vw - 7.69px) * 6.3455)) 1rem
}

}
@media(min-width: 1620px) {section.page-banner g-col {
padding: 14.5rem 1rem 8.375rem 1rem
}

}
@media(min-width: 769px) {section.page-banner a.btn {
position: absolute;
bottom: 2.5rem;
right: 1rem
}

}
@media(max-width: 768px) {section.page-banner a.btn {
margin: 2.25rem 0 0 0;
position: relative
}

}
bread-crumbs {
color: rgba(255,255,255,.5);
font-size: 1rem;
padding: .375rem 0
}
bread-crumbs a,bread-crumbs span {
color: #fff;
display: inline-block;
opacity: .5;
line-height: 1.25rem;
padding: 0 .25rem;
position: relative;
transition: opacity 250ms ease
}
bread-crumbs a {
text-decoration: none
}
bread-crumbs a:hover {
opacity: 1
}
bread-crumbs a:before {
background-color: #fff;
content: "";
height: 1px;
opacity: 0;
position: absolute;
bottom: .125rem;
left: .25rem;
transition: right 300ms ease,opacity 300ms ease;
right: calc(100% - 0.5rem)
}
bread-crumbs a:hover:before {
opacity: 1;
right: .25rem
}
@media(max-width: 1024px) {bread-crumbs {
display: block;
margin: 2rem 0 0 0;
position: relative
}

}
@media(min-width: 1025px) {bread-crumbs {
bottom: 1rem;
left: 1rem;
position: absolute
}

}
.page-banner.search figure {
background-image: url("../img/404.jpg")
}
.loaded .page-banner.search figure {
opacity: .1
}
.upgrade {
display: none
}
body.ie8,body.ie9,body.ie10 {
position: fixed;
overflow: hidden
}
body.ie8 .upgrade img,body.ie9 .upgrade img,body.ie10 .upgrade img {
display: block;
margin: 0 0 1.875rem 0;
width: 11.75rem;
height: 8.75rem
}
body.ie8 .upgrade,body.ie9 .upgrade,body.ie10 .upgrade {
background-color: #111;
color: #fff;
display: block !important;
padding: 3.75rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
box-sizing: border-box
}
body.ie8 .upgrade ul,body.ie9 .upgrade ul,body.ie10 .upgrade ul {
list-style-type: none;
margin: 0;
padding: 0
}
body.ie8 .upgrade a,body.ie9 .upgrade a,body.ie10 .upgrade a {
color: #fab842;
font-weight: bold;
text-decoration: none
}
body.ie8 .upgrade a:hover,body.ie9 .upgrade a:hover,body.ie10 .upgrade a:hover {
color: #fff;
text-decoration: underline
}
body.ie8 .upgrade div,body.ie9 .upgrade div,body.ie10 .upgrade div {
display: block;
max-width: 600px;
margin: 0 auto;
width: 100%
}
body.ie8 .upgrade strong,body.ie9 .upgrade strong,body.ie10 .upgrade strong {
font-size: 2rem;
font-family: "Roboto",sans-serif;
font-weight: 400
}
body.ie8 .upgrade p,body.ie9 .upgrade p,body.ie10 .upgrade p {
color: #fff
}
body.ie8 .upgrade b,body.ie9 .upgrade b,body.ie10 .upgrade b {
display: block;
font-family: "Roboto",sans-serif;
font-size: 1.375rem;
font-weight: 400;
margin: 1.875rem 0 0 0
}
nav-pagination {
display: block;
position: relative;
width: 100%
}
.appendAjax nav-pagination {
float: left
}
ul.page-numbers {
display: table;
list-style-type: none;
margin: 2.5rem auto 0 auto;
padding: 0
}
ul.page-numbers li {
display: block;
float: left;
padding: 0 .125rem
}
ul.page-numbers li span,ul.page-numbers li a {
align-items: center;
background: #fff;
border-radius: .25rem;
color: #111;
display: flex;
flex-wrap: wrap;
height: 3.5rem;
justify-content: center;
position: relative;
text-decoration: none;
transition: background 125ms ease,color 125ms ease;
width: 3.5rem
}
@media(max-width: 479px) {ul.page-numbers li a {
font-size: 16px
}

}
@media(min-width: 480px) {ul.page-numbers li a {
font-size: calc(1rem + ((1vw - 4.8px) * 0.1639))
}

}
@media(min-width: 1701px) {ul.page-numbers li a {
font-size: 18px
}

}
ul.page-numbers li span.current,ul.page-numbers li a:hover {
background: #fab842
}
ul.page-numbers a.prev,ul.page-numbers a.next {
color: transparent;
font-size: .1px
}
ul.page-numbers .prev:before {
background-image: url("../img/left-arrow-grey.svg");
background-size: cover;
background-position: center;
content: "";
height: .875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-55%) translateY(-45%);
width: .875rem
}
ul.page-numbers .next:before {
background-image: url("../img/right-arrow-grey.svg");
background-size: cover;
background-position: center;
content: "";
height: .875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-45%) translateY(-45%);
width: .875rem
}
@media(max-width: 479px) {ul.page-numbers li span,ul.page-numbers li a {
height: 2.5rem;
width: 2.5rem
}

}
div.nav-links {
display: table;
list-style-type: none;
margin: 2.5rem auto 0 auto;
padding: 0
}
div.nav-links span,div.nav-links a {
float: left;
padding: 0
}
div.nav-links span,div.nav-links a {
align-items: center;
background: #fff;
border-radius: .25rem;
color: #111;
display: flex;
flex-wrap: wrap;
height: 3.5rem;
justify-content: center;
position: relative;
text-decoration: none;
transition: background 125ms ease,color 125ms ease;
width: 3.5rem
}
@media(max-width: 479px) {div.nav-links a {
font-size: 16px
}

}
@media(min-width: 480px) {div.nav-links a {
font-size: calc(1rem + ((1vw - 4.8px) * 0.1639))
}

}
@media(min-width: 1701px) {div.nav-links a {
font-size: 18px
}

}
div.nav-links span.current,div.nav-links a:hover {
background: #fab842
}
div.nav-links a.prev,div.nav-links a.next {
color: transparent;
font-size: .1px
}
div.nav-links .prev:before {
background-image: url("../img/left-arrow-grey.svg");
background-size: cover;
background-position: center;
content: "";
height: .875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-55%) translateY(-45%);
width: .875rem
}
div.nav-links .next:before {
background-image: url("../img/right-arrow-grey.svg");
background-size: cover;
background-position: center;
content: "";
height: .875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-45%) translateY(-45%);
width: .875rem
}
@media(max-width: 479px) {div.nav-links span,div.nav-links a {
height: 2.5rem;
width: 2.5rem
}

}
section.subnav:not(.mobile) {
padding: 0;
position: absolute;
transform: translateY(-50%);
width: 100%;
z-index: 2
}
section.subnav:not(.mobile) nav {
background-color: #fab842;
display: table;
overflow: hidden;
margin: 0 0 0 auto;
position: relative
}
section.subnav:not(.mobile) ul {
display: table;
list-style-type: none;
margin: 0 -1px 0 0;
padding: 0;
position: relative;
z-index: 2
}
section.subnav:not(.mobile) ul li {
display: block;
float: left
}
section.subnav:not(.mobile) ul li:first-child a {
padding-left: 2rem
}
section.subnav:not(.mobile) ul li:last-child a {
padding-right: 2rem
}
section.subnav:not(.mobile) a {
color: #111;
display: block;
font-size: 1.125rem;
font-weight: 400;
line-height: 2.125rem;
padding: .625rem 1rem;
transition: color 250ms ease;
text-decoration: none
}
section.subnav:not(.mobile) a:hover,section.subnav:not(.mobile) a.current {
color: #fff
}
section.subnav:not(.mobile) ul:hover a:not(:hover) {
color: #111
}
section.subnav:not(.mobile) active-state {
background-color: #111;
position: absolute;
top: 0;
bottom: 0;
z-index: 1
}
section.subnav:not(.mobile) current-item {
display: none !important
}
section.subnav.mobile g-container,section.subnav.mobile g-col {
padding: 0;
width: 100%
}
section.subnav.mobile {
padding: 0;
position: relative;
width: 100%
}
section.subnav.mobile nav {
background-color: #111;
border-radius: 0;
display: table;
overflow: hidden;
margin: 0;
position: relative;
width: 100%
}
section.subnav.mobile ul {
display: table;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
z-index: 2
}
section.subnav.mobile ul li {
display: block;
float: none
}
section.subnav.mobile a {
box-sizing: border-box;
color: #fab842;
display: block;
font-size: .75rem;
font-weight: 600;
letter-spacing: .1px;
line-height: 2.125rem;
padding: .625rem 2rem;
transition: color 250ms ease;
text-transform: uppercase;
text-decoration: none;
width: 100%
}
section.subnav.mobile active-state {
display: none !important
}
section.subnav.mobile current-item {
background-color: #fab842;
box-sizing: border-box;
color: #111;
cursor: pointer;
display: block;
font-size: .875rem;
font-weight: 600;
line-height: 2.125rem;
padding: .625rem 2rem;
position: relative;
text-transform: uppercase;
transition: background-color 250ms ease;
width: 100%
}
section.subnav.mobile current-item svg {
fill: #111;
height: 1rem;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%) rotate(0deg);
transition: transform 250ms ease;
width: 1rem
}
section.subnav.mobile current-item.active svg {
transform: translateY(-50%) rotate(180deg)
}
section.subnav.mobile current-item+ul {
display: none
}
section.subnav.mobile current-item.active+ul {
display: block
}
@media(max-width: 468px) {section.subnav.mobile a {
padding: .625rem 1rem
}
section.subnav.mobile current-item {
padding: .625rem 1rem
}

}
nav.page.subnav:not(.stacked) {
background-color: #fab842;
box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.05);
display: table;
height: 3rem;
line-height: 3em;
position: sticky;
top: 0;
width: 100%;
z-index: 39
}
body.show-mobile-nav nav.page.subnav:not(.stacked) {
box-sizing: border-box;
box-shadow: 0 -0.25rem .5rem 0 rgba(0,0,0,.05);
height: 4.688rem;
padding: 0 7.75rem 0 1.5rem !important;
position: fixed;
bottom: 0;
left: 0;
top: auto !important;
padding: 0
}
@media(max-width: 640px) {nav.page.subnav:not(.stacked) {
box-sizing: border-box;
box-shadow: 0 -0.25rem .5rem 0 rgba(0,0,0,.05);
height: 4.688rem;
padding: .813rem 7.75rem .813rem 1.5rem !important;
position: fixed;
bottom: 0;
left: 0;
top: auto !important;
padding: 0
}

}
@media(min-width: 469px) {body.admin-bar nav.page.subnav:not(.stacked) {
top: 32px
}

}
nav.page.subnav:not(.stacked) current-item {
display: none
}
nav.page.subnav:not(.stacked) ul {
display: table;
list-style: none;
margin: 0 auto;
padding: 0
}
nav.page.subnav:not(.stacked) ul li {
display: block;
float: left
}
nav.page.subnav:not(.stacked) ul li a {
background-color: #fab842;
box-shadow: inset 0 -3px 0 0 transparent;
color: #111;
cursor: pointer;
display: block;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
height: 3rem;
line-height: 3rem;
padding: 0 2vw;
position: relative;
transition: box-shadow 250ms ease,background-color 250ms ease,color 250ms ease;
text-decoration: none
}
body.show-mobile-nav nav.page.subnav:not(.stacked) a {
padding: .875rem 2vw .813rem 2vw
}
nav.page.subnav:not(.stacked) ul li a:hover {
background-color: #f5f7fa;
color: #111
}
nav.page.subnav:not(.stacked) a.active {
box-shadow: inset 0 -3px 0 0 #111
}
@media(max-width: 768px) {nav.page.subnav:not(.stacked) a {
padding: 0 1rem
}

}
.block.bookmark {
padding: 0 !important;
height: 0 !important
}
nav.page.subnav.stacked {
background-color: #fff;
box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
display: table;
line-height: 4rem;
min-height: 4rem;
position: fixed;
bottom: 0;
left: 0;
width: calc(100% - 69px);
transform: translateY(0);
transition: top 250ms ease,width 250ms ease;
z-index: 39
}
@media(max-width: 468px) {body.scroll_down nav.page.subnav.stacked {
width: 100%
}

}
nav.page.subnav.stacked current-item {
background-color: #fab842;
color: #111;
cursor: pointer;
display: block;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
height: 4.688rem;
line-height: 4.688rem;
padding: 0 2vw;
position: relative;
transition: box-shadow 250ms ease,background-color 250ms ease,color 250ms ease
}
nav.page.subnav.active current-item {
background-color: #111;
color: #fab842
}
nav.page.subnav current-item svg {
stroke: #111;
stroke-width: 2.5;
height: 1.25rem;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%) rotate(90deg);
transition: transform 250ms ease,stroke 250ms ease;
width: 1.25rem;
z-index: 2
}
nav.page.subnav.active current-item svg {
stroke: #fab842;
transform: translateY(-50%) rotate(-90deg)
}
nav.page.subnav.stacked ul {
background-color: #fab842;
display: block;
list-style: none;
margin: 0;
padding: .5rem 0
}
nav.page.subnav.stacked ul a {
color: #111;
cursor: pointer;
display: block;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 3.125em;
padding: 0 1.25rem;
position: relative;
text-decoration: none;
transition: box-shadow 250ms ease
}
nav.page.subnav.stacked ul {
display: none
}
nav.page.subnav.stacked.active ul {
display: block
}
@media(max-width: 768px) {nav.page.subnav.stacked current-item,nav.page.subnav.stacked a {
padding: 0 1.25rem
}

}
.filters {
background-color: #fab842;
display: block;
padding: 0 !important;
position: relative
}
.filters>a {
background-color: #fab842;
display: block;
cursor: pointer;
padding: 1.063rem 0;
position: relative;
text-align: center;
transition: background-color 250ms ease
}
.filters>a svg {
display: inline-block;
fill: #111;
position: relative;
height: 1rem;
top: .125rem;
width: 1rem;
transform: rotate(180deg);
transition: fill 250ms ease,transform 250ms ease
}
.filters.visible>a svg {
fill: #111;
transform: rotate(0deg)
}
.filters>a span {
color: #111;
display: inline-block;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
padding: 0 0 0 .5rem;
position: relative;
height: 1rem;
letter-spacing: .5px;
line-height: 1rem;
text-transform: uppercase;
transition: color 250ms ease
}
.filters.visible>a span {
color: #111
}
.filters g-row {
display: flex;
flex-wrap: wrap
}
.filters g-col {
color: #fff;
padding-bottom: 2.5rem;
padding-top: 1.75rem
}
.filters g-col strong {
color: #fff;
display: block;
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: 500;
margin-bottom: 1.188rem;
position: relative;
text-transform: uppercase
}
.filters input-wrap {
display: block;
position: relative
}
.filters input[type=checkbox] {
display: none
}
.filters input-wrap label {
color: #fff;
cursor: pointer;
display: block;
padding: .125rem 0 .125rem 2.813rem;
position: relative;
transition: color 250ms ease
}
.filters input-wrap label:before {
background-color: #fff;
content: "";
display: block;
height: 1.5rem;
position: absolute;
top: 0;
left: 0;
width: 1.5rem;
z-index: 1
}
.filters input-wrap label:after {
background-color: #fff;
content: "";
display: block;
height: 1.125rem;
position: absolute;
top: .1875rem;
left: .1875rem;
transition: background-color 250ms ease;
width: 1.125rem;
z-index: 1
}
.filters input-wrap label:hover:after {
background-color: #ccc
}
.filters input-wrap input:not(:checked)+label:hover {
color: #fab842
}
.filters input-wrap input:checked+label:after {
background-color: #fab842;
transition: background-color 0ms ease
}
.filters input-wrap+input-wrap {
margin-top: 1rem
}
.filters g-col>a {
color: #fff;
display: block;
font-family: "Roboto",sans-serif;
font-size: .875rem;
padding-left: 1.75rem;
position: relative;
text-decoration: none;
transition: color 250ms ease
}
.filters g-col>a~a {
margin-top: .938rem
}
.filters g-col>a img {
height: .625rem;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) translateX(0);
transition: transform 250ms ease;
width: .625rem
}
.filters g-col>a:hover {
color: #fab842
}
.filters g-col>a:hover img {
transform: translateY(-50%) translateX(0.5rem)
}
.filters.blog g-col small {
color: #fff;
display: block;
font-size: .813rem;
font-weight: 600;
margin-bottom: .625rem;
position: relative
}
.filters.blog g-col>a {
color: #fff;
display: inline-block;
font-size: .813rem;
text-decoration: none;
transition: color 250ms ease
}
.filters.blog g-col>a:hover {
color: #fab842
}
@media(min-width: 1221px) {.filters.blog g-col:first-child {
width: 68.75%
}
.filters.blog g-col:last-child {
margin-left: 6.25%;
padding-top: 3rem;
width: 25%
}
.filters.blog input-wrap {
float: left;
margin: 0 0 1rem 0;
width: 25%
}

}
@media(max-width: 1220px) {.filters.blog g-col:first-child {
width: 60%
}
.filters.blog g-col:last-child {
margin-left: 0%;
padding-top: 3rem;
width: 40%
}
.filters.blog input-wrap {
float: left;
margin: 0 0 1rem 0;
width: 33.333%
}

}
@media(max-width: 960px) {.filters.blog g-col:first-child {
width: 100%
}
.filters.blog g-col:last-child {
margin-left: 0%;
padding-top: 0;
width: 100%
}
.filters.blog input-wrap {
float: left;
margin: 0 0 1rem 0;
width: 33.333%
}

}
@media(max-width: 839px) {.filters.blog input-wrap {
float: left;
margin: 0 0 1rem 0;
width: 50%
}

}
@media(max-width: 468px) {.filters.blog input-wrap {
float: none;
display: table;
margin: 0 0 1rem 0;
width: auto
}

}
@media(min-width: 1121px) {.filters.case-studies g-col {
width: 20%
}

}
@media(max-width: 1120px) {.filters.case-studies g-col {
width: 33.333%
}
.filters.case-studies g-col:last-child {
width: 66.666%
}
.filters.case-studies g-col:nth-child(3n)~g-col {
padding-top: 0
}

}
@media(max-width: 768px) {.filters.case-studies g-col {
width: 50%
}
.filters.case-studies g-col:last-child {
width: 100%
}
.filters.case-studies g-col:nth-child(2n)~g-col {
padding-top: 0
}

}
@media(max-width: 500px) {.filters.case-studies g-col {
width: 100%
}
.filters.case-studies g-col {
padding-top: 0
}

}
@media(max-width: 468px) {.filters input-wrap label {
padding: .125rem 0 .125rem 2.5rem
}

}
.block.accordion g-col {
max-width: 60rem
}
.page.content.two-column .block.accordion g-col {
max-width: none
}
.block.accordion dl {
display: block;
margin: 1rem 0 -1.25rem 0
}
.block.accordion .block_heading+g-col dl {
margin-top: .25rem
}
.block.accordion dl dt,.block.accordion dl dd {
box-sizing: border-box;
margin: 0;
width: 100%
}
.block.accordion dl dt {
cursor: pointer;
display: block;
position: relative;
transition: color 250ms ease
}
.block.accordion dl dt h3 {
color: #111;
cursor: pointer;
display: block;
font-family: "Roboto",sans-serif;
font-weight: 500;
line-height: 2rem;
padding: 1rem 0 1rem 1.625rem;
position: relative;
transition: color 250ms ease
}
.block.accordion dl dt:hover h3 {
color: #fab842
}
.block.accordion dl dt:before {
background-color: #fab842;
content: "";
height: .125rem;
position: absolute;
top: 1.938rem;
left: 0;
transform: rotate(0deg);
width: .625rem
}
.block.accordion dl dt:after {
background-color: #fab842;
content: "";
height: .125rem;
opacity: 1;
position: absolute;
top: 1.938rem;
left: 0;
transform: rotate(-90deg);
transition: opacity 250ms ease,transform 250ms ease;
width: .625rem
}
.block.accordion dl dt.expanded:after {
opacity: 0;
transform: rotate(0deg)
}
.block.accordion dl dt~dt {
border-top: 1px solid #f2f2f2
}
.block.accordion dl dd {
display: none
}
.block.accordion dl dd-inner {
display: block;
overflow: hidden;
padding: 0 0 1.5rem 1.625rem;
position: relative
}
.block.awards h2 {
text-align: center
}
@media(max-width: 468px) {.block.awards h2 {
margin-bottom: 1.5rem
}

}
@media(min-width: 469px) {.block.awards h2 {
margin-bottom: calc(1.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {.block.awards h2 {
margin-bottom: 3.5rem
}

}
.block.awards g-col:last-child {
padding: 0
}
.block.awards award-list {
display: flex;
flex-wrap: wrap;
width: 100%
}
.block.awards a {
box-sizing: border-box;
display: block;
float: left;
padding: 0 1rem;
text-decoration: none
}
.block.awards a strong,.block.awards a span {
color: #111;
display: block;
text-align: center
}
.block.awards a strong {
font-family: "Roboto",sans-serif;
font-size: 1.063rem;
font-weight: 500;
margin-top: 2.5rem;
text-transform: uppercase
}
.block.awards a span {
color: #111;
display: block;
font-weight: 300;
margin-top: .938rem
}
.block.awards.mask-off poly-image svg {
display: none !important
}
.block.awards:not(.nopoly) poly-image {
display: block;
margin: 0 auto;
max-width: 14.875rem;
position: relative;
width: 90%
}
.block.awards:not(.nopoly) poly-image svg {
fill: #f5f7fa;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1
}
.block.awards:not(.nopoly) poly-image image-container {
display: block;
filter: drop-shadow(0 0 1rem rgba(0, 64, 81, 0.15));
position: relative;
z-index: 2
}
.block.awards:not(.nopoly) poly-image figure {
background-size: cover !important;
background-position: center !important;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
display: block;
height: 0;
margin: 0 auto;
padding-bottom: 90%;
position: relative;
width: 90%
}
.block.awards.nopoly poly-image {
display: block;
margin: 0 auto;
max-width: 14.875rem;
position: relative;
width: 90%
}
.block.awards.nopoly poly-image svg {
fill: #f5f7fa;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1
}
.block.awards.nopoly poly-image image-container {
display: block;
filter: drop-shadow(0 0 1rem rgba(0, 64, 81, 0.15));
position: relative;
z-index: 2
}
.block.awards.nopoly poly-image figure {
background-size: cover !important;
background-position: center !important;
border-radius: .25rem;
display: block;
height: 0;
margin: 0 auto;
padding-bottom: 75%;
position: relative;
width: 75%
}
@media(max-width: 468px) {.block.awards.has-1 a {
margin-left: 25%;
width: 50%
}
.block.awards.has-2 a {
margin-left: 0;
width: 50%
}
.block.awards.has-3 a {
margin-left: 0;
width: 50%
}
.block.awards.has-3 a:nth-child(2n)~a {
margin-top: 1rem;
margin-left: 25%
}
.block.awards.has-4 a {
padding: 0 .5rem;
width: 50%
}
.block.awards.has-4 a:nth-child(2n)~a {
margin-top: 2.5rem
}

}
@media(min-width: 469px)and (max-width: 549px) {.block.awards.has-1 a {
margin-left: 28.75%;
width: 42.5%
}
.block.awards.has-2 a {
margin-left: 5%;
width: 42.5%
}
.block.awards.has-3 a {
margin-left: 5%;
width: 42.5%
}
.block.awards.has-3 a:nth-child(2n)~a {
margin-top: 1.625rem;
margin-left: 28.75%
}
.block.awards.has-4 a {
margin-left: 5%;
width: 42.5%
}
.block.awards.has-4 a:nth-child(2n)~a {
margin-top: 2.625rem
}

}
@media(min-width: 550px)and (max-width: 719px) {.block.awards.has-1 a {
margin-left: 33.333%;
width: 33.333%
}
.block.awards.has-2 a {
margin-left: 11.111%;
width: 33.333%
}
.block.awards.has-3 a {
margin-left: 0;
width: 33.333%
}
.block.awards.has-4 a {
margin: 0;
width: 33.333%
}
.block.awards.has-4 a:nth-child(3n)~a {
margin-top: 2.625rem
}

}
@media(min-width: 720px)and (max-width: 899px) {.block.awards.has-1 a {
margin-left: 35%;
width: 30%
}
.block.awards.has-2 a {
margin-left: 13.3333333333%;
width: 30%
}
.block.awards.has-3 a {
margin-left: 3.333%;
width: 30%
}
.block.awards.has-4 a {
margin: 0;
width: 25%
}
.block.awards.has-4 a:nth-child(4n)~a {
margin-top: 3.125rem
}

}
@media(min-width: 900px)and (max-width: 1100px) {.block.awards.has-1 a {
margin-left: 38.75%;
width: 22.5%
}
.block.awards.has-2 a {
margin-left: 18.333%;
width: 22.5%
}
.block.awards.has-3 a {
margin-left: 4%;
width: 29.3333333333%
}
.block.awards.has-4 a {
margin-left: 4%;
width: 22%
}
.block.awards.has-4 a:nth-child(4n+1) {
margin-left: 0
}
.block.awards.has-4 a:nth-child(4n)~a {
margin-top: 4%
}

}
@media(min-width: 1101px) {.block.awards.has-1 a {
margin-left: 38.75%;
width: 22.5%
}
.block.awards.has-2 a {
margin-left: 18.333%;
width: 22.5%
}
.block.awards.has-3 a {
margin-left: 8.125%;
width: 22.5%
}
.block.awards.has-4 a {
margin-left: 8.3333333333%;
width: 18.75%
}
.block.awards.has-4 a:nth-child(4n+1) {
margin-left: 0
}
.block.awards.has-4 a:nth-child(4n)~a {
margin-top: 8.3333333333%
}

}
.bookmark {
padding: 0 !important
}
.block.case-studies {
background-color: #f5f7fa;
max-width: none !important;
flex-direction: column;
width: 100% !important
}
.block.case-studies+.case-studies {
padding-top: 0
}
.block.case-studies g-col {
float: none;
margin: 0 auto;
max-width: 73.5rem;
position: relative;
z-index: 3
}
.block.case-studies .intro * {
max-width: 36rem
}
.block.case-studies.center .intro * {
margin-left: auto;
margin-right: auto;
text-align: center
}
.block.case-studies.right .intro * {
margin-left: auto;
margin-right: 0;
text-align: right
}
@media(max-width: 468px) {.block.case-studies g-col {
width: calc(100% - 1rem)
}

}
@media(min-width: 469px) {.block.case-studies g-col {
width: calc(100% - (0rem + ((1vw - 4.69px) * 11.1208)))
}

}
@media(min-width: 1620px) {.block.case-studies g-col {
width: calc(100% - 8rem)
}

}
.block.case-studies g-col:last-child {
margin-top: 2rem;
padding: 0
}
.block.key-statements+.block.case-studies {
padding-top: 0 !important
}
.block.case-studies h2 {
color: #111
}
.block.case-studies.left h2 {
text-align: left
}
.block.case-studies.center h2 {
text-align: center
}
.block.case-studies.right h2 {
text-align: right
}
.block.case-studies .link-wrap {
display: block
}
.block.case-studies .link-wrap a {
margin: 0;
padding-left: 0 !important;
padding-right: 0 !important
}
.block.case-studies .slideshow-container {
margin-bottom: -0.75rem
}
.block.case-studies .slide {
padding: 0 .75rem .75rem .75rem
}
.block.case-studies .slide a {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.025);
background: #fff;
display: block;
overflow: hidden;
transition: box-shadow 125ms ease;
text-decoration: none
}
.block.case-studies .slide a link-text {
box-sizing: border-box;
color: #111;
display: block;
font-weight: 400;
line-height: 160%;
padding: 2rem 2rem 2rem 1.5rem;
transition: padding 125ms ease
}
.block.case-studies .slide a h3 {
font-family: "Roboto",sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 160%
}
.block.case-studies .slide a date {
color: #515961;
display: block;
font-size: .875rem;
margin-top: .5rem;
opacity: .75
}
.block.case-studies .slide a image-wrap {
backface-visibility: hidden;
clip-path: ellipse(100% 100% at 50% 0%);
display: block;
padding-bottom: 52.25%;
position: relative;
transition: clip-path 300ms ease;
width: 100%;
z-index: 1
}
.block.case-studies .slide a figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 250ms ease;
z-index: 1
}
@media(min-width: 480px) {.block.case-studies .slide a:hover figure {
transform: scale(1.1)
}
.block.case-studies .slide a:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}
.block.case-studies .slide a:hover link-text {
padding: 2rem 1.5rem 2rem 2rem
}

}
@media(max-width: 468px) {.block.case-studies {
padding: 2.5rem 0
}

}
@media(min-width: 469px) {.block.case-studies {
padding: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) 0
}

}
@media(min-width: 1620px) {.block.case-studies {
padding: 7.5rem 0
}

}
.block.case-studies a.btn.arrow {
align-items: center;
background: #fab842;
border-radius: 100%;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 2.5rem;
justify-content: center;
padding: 0;
transition: background 125ms ease;
width: 2.5rem;
z-index: 10
}
.block.case-studies a.btn.arrow svg {
display: block;
fill: none;
position: relative;
top: auto;
left: auto;
stroke: #fff;
top: auto;
left: auto;
bottom: auto;
transform: none;
height: 1.5rem;
width: 1.5rem
}
.block.case-studies a.btn.arrow:hover {
background: #111
}
@media(min-width: 1740px) {.block.case-studies a.btn.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.block.case-studies a.btn.arrow.prev {
right: calc(100% + 0.75rem)
}
.block.case-studies a.btn.arrow.next {
left: calc(100% + 0.75rem)
}

}
@media(min-width: 769px)and (max-width: 1739px) {.block.case-studies .slideshow-container {
padding-bottom: 4.25rem
}
.block.case-studies a.btn.arrow {
position: absolute;
bottom: 0
}
.block.case-studies a.btn.arrow.prev {
right: calc(50% + 0.75rem)
}
.block.case-studies a.btn.arrow.next {
left: calc(50% + 0.75rem)
}

}
@media(max-width: 768px) {.block.case-studies .slideshow-container {
padding-bottom: 3.75rem
}
.block.case-studies a.btn.arrow {
position: absolute;
bottom: 0
}
.block.case-studies a.btn.arrow.prev {
right: calc(50% + 0.75rem)
}
.block.case-studies a.btn.arrow.next {
left: calc(50% + 0.75rem)
}

}
.block.ctas h2 {
text-align: center
}
@media(max-width: 468px) {.block.ctas h2 {
margin-bottom: 2.5rem
}

}
@media(min-width: 469px) {.block.ctas h2 {
margin-bottom: calc(2.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {.block.ctas h2 {
margin-bottom: 4.5rem
}

}
.block.ctas link-list {
display: flex;
flex-wrap: wrap
}
.block.ctas .link {
box-shadow: 0 0 15px 0 rgba(0,64,81,.08);
box-sizing: border-box;
color: #111;
display: block;
float: left;
overflow: hidden;
position: relative;
text-decoration: none
}
@media(max-width: 500px) {.block.ctas .link {
padding: 0 0 2.5rem 0
}

}
@media(min-width: 501px) {.block.ctas .link {
padding: calc(2.5rem + ((1vw - 5.01px) * 3.871)) 0
}

}
@media(min-width: 1121px) {.block.ctas .link {
padding: 4rem 0
}

}
.block.ctas .link link-text {
display: block;
font-weight: 400;
transition: padding 300ms ease
}
.block.ctas .link link-text h3 {
color: #111;
font-weight: 500;
text-transform: none;
transition: color 250ms ease
}
.block.ctas .link:hover link-text h3 {
color: #fab842
}
.block.ctas .link link-text p {
color: #111 !important
}
.block.ctas .link h3 svg {
display: inline-block;
fill: #111;
margin: 0 .5rem 0 .25rem;
position: relative;
top: -0.031rem;
width: .938rem;
height: .938rem;
transition: margin 250ms ease,fill 250ms ease
}
.block.ctas .link:hover h3 svg {
fill: #fab842
}
@media(max-width: 500px) {.block.ctas .link link-text {
padding: 1.5rem
}
.block.ctas .link figure+link-text {
padding: 0 1.5rem
}

}
@media(min-width: 501px)and (max-width: 600px) {.block.ctas .link link-text {
padding: 0 2rem
}
.block.ctas .link figure+link-text {
padding: 0 2rem 0 calc(25% + 2rem)
}

}
@media(max-width: 600px) {.block.ctas .link img {
display: none !important
}

}
@media(min-width: 601px) {.block.ctas .link {
min-height: 17rem
}
.block.ctas .link link-text {
padding: 0 4rem 0 2rem
}
.block.ctas .link:hover link-text {
padding: 0 2rem 0 4rem
}
.block.ctas .link figure+link-text {
padding: 0 4rem 0 calc(30% + 2rem)
}
.block.ctas .link:hover figure+link-text {
padding: 0 2rem 0 calc(30% + 4rem)
}

}
@media(min-width: 1200px) {.block.ctas .link link-text {
padding: 0 6.125rem 0 3.125rem
}
.block.ctas .link:hover link-text {
padding: 0 3.125rem 0 6.125rem
}
.block.ctas .link figure+link-text {
padding: 0 6.125rem 0 calc(30% + 3.125rem)
}
.block.ctas .link:hover figure+link-text {
padding: 0 3.125rem 0 calc(30% + 6.125rem)
}

}
@media(max-width: 468px) {.block.ctas .link h3 {
font-size: 1.188rem
}

}
@media(min-width: 469px) {.block.ctas .link h3 {
font-size: calc(1.188rem + ((1vw - 4.69px) * 0.3475))
}

}
@media(min-width: 1620px) {.block.ctas .link h3 {
font-size: 1.375rem
}

}
.block.ctas .link.blue {
background-color: #111
}
.block.ctas .link.blue h3 {
color: #fff
}
.block.ctas .link.blue:hover h3 {
color: #fab842
}
.block.ctas .link.blue p {
color: #fff !important
}
.block.ctas .link.blue h3 svg {
fill: #fff
}
.block.ctas .link.blue:hover h3 svg {
fill: #fab842
}
.block.ctas .link.yellow {
background-color: #fab842
}
.block.ctas .link.yellow h3 {
color: #111
}
.block.ctas .link.yellow:hover h3 {
color: #fff
}
.block.ctas .link.yellow p {
color: #111 !important
}
.block.ctas .link.yellow h3 svg {
fill: #111
}
.block.ctas .link.yellow:hover h3 svg {
fill: #fff
}
@media(max-width: 500px) {.block.ctas .link~.link {
margin-top: 1rem
}
.block.ctas .link figure {
backface-visibility: hidden;
background-size: cover !important;
background-position: center !important;
display: block;
height: 0;
margin: 0 0 2.5rem 0;
padding-bottom: 62.5%;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
clip-path: ellipse(120% 100% at 50% 0%);
z-index: 1
}

}
@media(min-width: 501px) {.block.ctas .link figure {
backface-visibility: hidden;
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
bottom: 0;
left: -3.125rem;
transform: translateX(0);
transition: clip-path 300ms ease,transform 300ms ease;
clip-path: ellipse(100% 100% at 0% 50%);
width: calc(30% + 2rem);
z-index: 1
}

}
@media(min-width: 601px) {.block.ctas .link:hover figure {
clip-path: ellipse(90% 75% at 10% 50%);
transform: translateX(2rem)
}

}
@media(min-width: 1200px) {.block.ctas .link figure {
width: calc(30% + 3.125rem)
}
.block.ctas .link:hover figure {
transform: translateX(3.125rem)
}

}
@media(max-width: 1080px) {.block.ctas .link {
float: none;
margin: 0 auto;
max-width: 48rem;
width: 100%
}
.block.ctas .link~.link {
margin-top: 2rem
}

}
@media(min-width: 1081px) {.block.ctas .link {
width: calc(50% - 1rem)
}
.block.ctas .link:nth-child(odd) {
margin-left: 0
}
.block.ctas .link:nth-child(even) {
margin-left: 2rem
}
.block.ctas .link:nth-child(2n)~.link {
margin-top: 2rem
}

}
section.custom-banner {
background-color: #000;
height: 100vh;
overflow: hidden;
padding: 0
}
@media(max-width: 468px) {section.custom-banner {
height: calc(100vh - 7rem)
}

}
section.custom-banner.dark-blue {
background-color: #073f7a
}
section.custom-banner.light-blue {
background-color: #3a8be0
}
section.custom-banner.yellow {
background-color: #fab842
}
section.custom-banner.grey {
background-color: #d7d7d7
}
section.custom-banner.black {
background-color: #000
}
section.custom-banner.white {
background-color: #fff
}
section.custom-banner>figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 1s ease;
z-index: 0
}
.loaded section.custom-banner.black>figure {
opacity: .44
}
.loaded section.custom-banner.dark-blue>figure {
opacity: .15
}
.loaded section.custom-banner.light-blue>figure {
opacity: .15
}
.loaded section.custom-banner.yellow>figure {
opacity: .15
}
.loaded section.custom-banner.grey>figure {
opacity: .15
}
.loaded section.custom-banner.white>figure {
opacity: .15
}
section.custom-banner video-container {
opacity: 1;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2
}
section.custom-banner video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
opacity: .72;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1
}
section.custom-banner g-container {
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 10
}
section.custom-banner g-row {
opacity: 0;
transform: translateY(4rem)
}
body.loaded section.custom-banner g-row {
opacity: 1;
transform: translateY(0);
transition: opacity 1s ease,transform 1s ease
}
section.custom-banner g-col {
max-width: 44rem
}
section.custom-banner.center g-col {
float: none;
margin: 0 auto
}
body.show-mobile-nav section.custom-banner g-col {
padding-top: 2.875rem
}
@media(max-width: 640px) {section.custom-banner g-col {
padding-top: 2.875rem
}

}
section.custom-banner.black h1 {
color: #fff
}
section.custom-banner.dark-blue h1 {
color: #fff
}
section.custom-banner.light-blue h1 {
color: #fff
}
section.custom-banner.yellow h1 {
color: #111
}
section.custom-banner.grey h1 {
color: #111
}
section.custom-banner.white h1 {
color: #111
}
@media(max-width: 468px) {section.custom-banner h1 {
font-size: 1.875rem
}

}
@media(min-width: 469px) {section.custom-banner h1 {
font-size: calc(1.875rem + ((1vw - 0.3rem) * 0.8197))
}

}
@media(min-width: 1620px) {section.custom-banner h1 {
font-size: 2.5rem
}

}
section.custom-banner p {
margin: 2.25rem 0 0 0
}
section.custom-banner.black p {
color: #fff
}
section.custom-banner.dark-blue p {
color: #fff
}
section.custom-banner.light-blue p {
color: #fff
}
section.custom-banner.yellow p {
color: #111
}
section.custom-banner.grey p {
color: #111
}
section.custom-banner.white p {
color: #111
}
section.custom-banner button-wrap {
display: block;
margin: 2.5rem 0 0 0
}
section.custom-banner.center button-wrap {
margin: 2.5rem auto 0 auto;
text-align: center
}
section.custom-banner a.btn {
display: inline-block
}
section.custom-banner a.btn+a.btn {
margin-left: 1.75rem
}
section.custom-banner.stacked-buttons a.btn {
display: table !important
}
section.custom-banner.stacked-buttons a.btn~a.btn {
margin: 1.75rem 0 0 0
}
section.custom-banner.center.stacked-buttons a.btn {
margin: 0 auto
}
section.custom-banner.center.stacked-buttons a.btn~a.btn {
margin: 1.75rem auto 0 auto
}
@media(max-width: 468px) {section.custom-banner button-wrap {
margin: 1.75rem 0 0 0
}
section.custom-banner.center button-wrap {
margin: 1.75rem auto 0 auto
}
section.custom-banner a.btn+a.btn {
margin-left: 1rem
}
section.custom-banner.stacked-buttons a.btn~a.btn {
margin: 1rem 0 0 0
}
section.custom-banner.center.stacked-buttons a.btn {
margin: 0 auto
}
section.custom-banner.center.stacked-buttons a.btn~a.btn {
margin: 1rem auto 0 auto
}

}
section.custom-banner.left h1,section.custom-banner.left p {
text-align: left !important
}
section.custom-banner.center h1,section.custom-banner.center p {
text-align: center !important
}
section.custom-banner embedded-video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -99
}
section.custom-banner embed-inner,section.custom-banner embedded-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}
@media(min-aspect-ratio: 16/9) {section.custom-banner embed-inner {
height: 300%;
top: -100%
}

}
@media(max-aspect-ratio: 16/9) {section.custom-banner embed-inner {
width: 343%;
left: -121%
}

}
@media(max-width: 500px) {section.custom-banner embedded-video {
display: none
}

}
.block.fullwidth-cta {
max-width: none !important;
width: 100% !important
}
.block.fullwidth-cta:before {
background: red;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.block.fullwidth-cta g-col {
float: none;
margin: 0 auto;
max-width: 96.25rem;
position: relative;
width: calc(100% - 4rem);
z-index: 3
}
.block.fullwidth-cta h2 {
color: #fff;
margin: 0
}
.block.fullwidth-cta p {
color: #fff
}
.block.fullwidth-cta h2,.block.fullwidth-cta p {
box-sizing: border-box;
max-width: 46rem
}
.block.fullwidth-cta a.btn {
min-width: 16.875rem;
padding-left: 4rem;
padding-right: 4rem;
text-align: center
}
.two-column .block.fullwidth-cta {
box-sizing: border-box
}
.two-column .block.fullwidth-cta:last-child {
margin-bottom: 0 !important
}
@media(max-width: 468px) {.block.fullwidth-cta {
padding: 2.5rem 0 !important
}
.block.fullwidth-cta g-col {
padding: 0 1rem !important;
width: calc(100% - 1rem)
}
.block.fullwidth-cta h2 {
margin: 2rem auto 0 auto !important
}
.block.fullwidth-cta p {
margin: 1.5rem auto 2rem auto !important
}
.block.fullwidth-cta:last-child {
margin-bottom: -2.5rem
}

}
@media(min-width: 469px) {.block.fullwidth-cta {
padding: calc(1.25rem + ((1vw - 4.69px) * 3.4752)) 0 !important
}
.block.fullwidth-cta img {
bottom: calc(-1.25rem + ((1vw - 4.69px) * -3.4752))
}
.block.fullwidth-cta:last-child {
margin-bottom: calc(-2.5rem + ((1vw - 4.69px) * -7.298))
}

}
@media(max-width: 800px) {.block.fullwidth-cta g-col {
padding: 1.25rem 1rem
}
.block.fullwidth-cta h2,.block.fullwidth-cta p {
max-width: 30rem;
text-align: center;
width: 100%
}
.block.fullwidth-cta h2 {
margin: 2.5rem auto 0 auto
}
.block.fullwidth-cta p {
margin: 2rem auto 2.5rem auto
}
.block.fullwidth-cta .btn {
margin: 0 auto;
width: 100%;
max-width: 16.875rem;
min-width: 0;
width: 100%
}
.block.fullwidth-cta img {
margin: 0 auto;
max-width: 16rem;
width: 100%
}

}
@media(min-width: 801px) {.block.fullwidth-cta img {
left: 0;
position: absolute
}

}
@media(min-width: 801px)and (max-width: 1120px) {.block.fullwidth-cta g-col {
padding: calc(1.25rem + ((1vw - 4.69px) * 3.4752)) 1rem calc(1.25rem + ((1vw - 4.69px) * 3.4752)) 22rem
}
.block.fullwidth-cta h2,.block.fullwidth-cta p {
max-width: 31.25rem;
padding-right: 2rem
}
.block.fullwidth-cta p {
margin: 1.5rem 0 2.5rem 0
}
.block.fullwidth-cta img {
top: 50%;
left: 2rem;
transform: translateY(-50%);
width: 16rem
}

}
@media(min-width: 1121px) {.block.fullwidth-cta g-col {
padding: calc(1.25rem + ((1vw - 4.69px) * 3.4752)) 1rem calc(1.25rem + ((1vw - 4.69px) * 3.4752)) calc(28.25rem + ((1vw - 11.2px) * 16))
}
.block.fullwidth-cta h2,.block.fullwidth-cta p {
padding-right: calc(0 + ((1vw - 11.2px) * 16))
}
.block.fullwidth-cta p {
margin: 1.5rem 0 3.5rem 0
}
.block.fullwidth-cta img {
top: 50%;
left: 0;
transform: translateY(-50%);
width: 26.25rem
}

}
@media(min-width: 1025px) {.two-column .block.fullwidth-cta {
padding: 2.5rem 3.5rem !important
}
.two-column .block.fullwidth-cta:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta figure {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta g-col {
padding: 0 0 0 16rem;
width: 100%
}
.two-column .block.fullwidth-cta img {
top: 50%;
left: 0;
transform: translateY(-50%);
width: 13rem
}
.two-column .block.fullwidth-cta h2,.two-column .block.fullwidth-cta p {
padding-right: 0
}

}
@media(max-width: 468px) {.two-column .block.fullwidth-cta {
padding: 1.875rem 1rem !important
}
.two-column .block.fullwidth-cta:before {
border-radius: .25rem;
left: .5rem;
right: .5rem
}
.two-column .block.fullwidth-cta g-col {
padding: 0;
width: 100%
}
.block.fullwidth-cta a.btn {
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100%;
text-align: center
}

}
@media(min-width: 469px)and (max-width: 800px) {.two-column .block.fullwidth-cta {
padding: 2.5rem 3.5rem !important
}
.two-column .block.fullwidth-cta:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta g-col {
padding: 0;
width: 100%
}

}
@media(min-width: 801px)and (max-width: 1024px) {.two-column .block.fullwidth-cta {
padding: 2.5rem 3.5rem !important
}
.two-column .block.fullwidth-cta:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta figure {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta g-col {
padding: 0 0 0 16rem;
width: 100%
}
.two-column .block.fullwidth-cta img {
top: 50%;
left: 0;
transform: translateY(-50%);
width: 13rem
}
.two-column .block.fullwidth-cta h2,.two-column .block.fullwidth-cta p {
padding-right: 0
}

}
@media(min-width: 1141px) {.block.fullwidth-cta g-col {
padding: calc(1.25rem + ((1vw - 4.69px) * 3.4752)) 1rem calc(1.25rem + ((1vw - 4.69px) * 3.4752)) calc(28.25rem + ((1vw - 11.2px) * 16))
}
.block.fullwidth-cta h2,.block.fullwidth-cta p {
padding-right: calc(0 + ((1vw - 11.2px) * 16))
}
.block.fullwidth-cta p {
margin: 1.5rem 0 3.5rem 0
}
.block.fullwidth-cta img {
top: 50%;
left: 0;
transform: translateY(-50%);
width: 26.25rem
}
.two-column .block.fullwidth-cta {
padding: 3.125rem 4.125rem !important
}
.two-column .block.fullwidth-cta:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta figure {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta g-col {
padding: 0 0 0 18.125rem;
width: 100%
}
.two-column .block.fullwidth-cta img {
top: 50%;
left: 0;
transform: translateY(-50%);
width: 15rem
}
.two-column .block.fullwidth-cta h2,.two-column .block.fullwidth-cta p {
padding-right: 0
}

}
@media(min-width: 1500px) {.two-column .block.fullwidth-cta {
padding: 4rem 6rem !important
}
.two-column .block.fullwidth-cta:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta figure {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.fullwidth-cta g-col {
padding: 0 0 0 25rem;
width: 100%
}
.two-column .block.fullwidth-cta img {
top: 50%;
left: 0;
transform: translateY(-50%);
width: 20rem
}
.two-column .block.fullwidth-cta h2,.two-column .block.fullwidth-cta p {
padding-right: 0
}

}
@media(min-width: 1620px) {.block.fullwidth-cta {
padding: 3.75rem 0 !important
}
.block.fullwidth-cta g-col {
padding: 3.75rem 1rem 3.75rem 33.25rem
}
.block.fullwidth-cta h2,.block.fullwidth-cta p {
padding-right: 5rem
}
.block.fullwidth-cta:last-child {
margin-bottom: -7.5rem
}

}
section.free-trial {
overflow: hidden
}
section.free-trial g-row {
display: flex;
flex-wrap: wrap;
z-index: 1
}
section.free-trial g-col.right:before {
background-color: #f0f0f0;
content: "";
position: absolute;
z-index: -1
}
@media(max-width: 1024px) {section.free-trial g-col.left {
padding-bottom: 3.75rem
}
section.free-trial g-col.right {
padding-top: 3.75rem
}
section.free-trial g-col.right:before {
top: 0;
right: -4rem;
bottom: calc(-2.5rem + ((1vw - 4.39px) * -3.3870));
left: -4rem
}

}
@media(min-width: 1025px) {section.free-trial g-col.left {
padding-right: 5.25rem;
width: 56.25%
}
section.free-trial g-col.right {
padding-left: 5.25rem;
width: 43.75%
}
section.free-trial:after {
background-color: #f0f0f0;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30%
}
section.free-trial g-col.right:before {
top: calc(-2.5rem + ((1vw - 4.39px) * -3.3870));
right: 0;
bottom: calc(-2.5rem + ((1vw - 4.39px) * -3.3870));
left: 0
}

}
@media(min-width: 1620px) {section.free-trial g-col.right:before {
top: -5rem;
right: 0;
bottom: -5rem;
right: 0
}

}
@media(max-width: 468px) {section.free-trial g-col.left {
padding-bottom: 2rem
}
section.free-trial g-col.right {
padding-top: 2rem
}
section.free-trial g-col.right:before {
top: 0;
bottom: -2.5rem
}

}
section.free-trial form {
margin-top: 1.875rem
}
section.free-trial .wpcf7 input[type=submit] {
font-size: 135%;
padding: .875rem 0 .75rem 0;
max-width: none;
text-transform: none;
width: 100% !important
}
section.free-trial .ajax-loader {
display: none
}
section.free-trial content-block {
display: block
}
section.free-trial content-block~content-block {
margin-top: 2.5rem
}
section.free-trial content-block.single_image img {
border-radius: .25rem
}
section.free-trial content-block.cta a.btn {
margin-top: 1.5rem
}
section.free-trial content-block.checklist ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0
}
section.free-trial content-block.checklist ul li {
box-sizing: border-box;
display: block;
font-weight: bold;
line-height: 150%;
padding: 0 0 0 2.75rem;
position: relative;
width: calc(50% - 1.01rem)
}
section.free-trial content-block.checklist ul li:nth-child(even) {
margin-left: 2rem
}
section.free-trial content-block.checklist ul li:nth-child(2n)~li {
margin-top: 2rem
}
section.free-trial content-block.checklist ul li:before {
background-image: url("../img/check.svg");
background-position: center;
background-size: cover;
content: "";
height: 1.75rem;
position: absolute;
top: -0.125rem;
left: 0;
width: 1.75rem
}
@media(max-width: 568px) {section.free-trial content-block.checklist ul li {
width: 100%;
margin-left: 0 !important
}
section.free-trial content-block.checklist ul li+li {
margin-top: 1.5rem !important
}

}
.block.form-container {
max-width: none !important;
width: 100% !important
}
.block.form-container:before {
background: #3635a9;
background: -moz-linear-gradient(to right bottom, #F5F7FA 0%, #F5F7FA 50%, #F8F9FB 50%, #F8F9FB 100%);
background: -webkit-linear-gradient(to right bottom, #F5F7FA 0%, #F5F7FA 50%, #F8F9FB 50%, #F8F9FB 100%);
background: linear-gradient(to right bottom, #F5F7FA 0%, #F5F7FA 50%, #F8F9FB 50%, #F8F9FB 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3635a9", endColorstr="#2c2c94",GradientType=1 );
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.block.form-container g-col {
display: table;
float: none;
margin: 0 auto;
max-width: 96.25rem;
position: relative;
z-index: 3
}
@media(max-width: 468px) {.block.form-container g-col {
width: calc(100% - 1rem)
}

}
@media(min-width: 469px) {.block.form-container g-col {
width: calc(100% - (0rem + ((1vw - 4.69px) * 11.1208)))
}

}
@media(min-width: 1620px) {.block.form-container g-col {
width: calc(100% - 8rem)
}

}
.block.form-container g-col text-wrap,.block.form-container g-col form-wrap {
box-sizing: border-box;
display: block;
float: left
}
form .wpcf7-list-item-label {
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: 500
}
.block.form-container .wpcf7 form .wpcf7-list-item-label,.block.form-container .wpcf7 form label {
color: #111;
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: 500
}
.wpcf7-acceptance span.wpcf7-list-item,span.wpcf7-list-item.first {
margin-left: 0 !important
}
@media(max-width: 768px) {.block.form-container g-col text-wrap {
margin-left: 0%;
width: 100%
}
.block.form-container g-col form-wrap {
margin: 2.5rem 0 0 0;
width: 100%
}
.two-column .block.form-container {
box-sizing: border-box;
padding: 2.5rem 3rem !important
}
.two-column .block.form-container:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.form-container g-col {
padding: 0;
width: 100%
}

}
@media(min-width: 769px)and (max-width: 960px) {.block.form-container g-col text-wrap {
margin-left: 0%;
padding: 0 1.25rem 0 0;
width: 50%
}
.block.form-container g-col form-wrap {
margin-left: 0%;
padding: 0 0 0 1.25rem;
width: 50%
}
.two-column .block.form-container {
box-sizing: border-box;
padding: 2.625rem 3.125rem !important
}
.two-column .block.form-container:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.form-container g-col {
padding: 0;
width: 100%
}
.two-column .block.form-container g-col text-wrap {
box-sizing: border-box;
margin-left: 0%;
padding: 0 3.125rem 0 0 !important;
width: 50%
}
.two-column .block.form-container g-col form-wrap {
margin-left: 0%;
padding: 0 !important;
width: 50%
}

}
@media(min-width: 961px)and (max-width: 1290px) {.block.form-container g-col text-wrap {
padding: 0 3.125% 0 6.25%;
width: 50%
}
.block.form-container g-col form-wrap {
padding: 0 6.25% 0 3.125%;
width: 50%
}
.two-column .block.form-container {
box-sizing: border-box;
padding: 3.125rem 3.625rem !important
}
.two-column .block.form-container:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.form-container g-col {
width: 100%
}
.two-column .block.form-container g-col text-wrap {
box-sizing: border-box;
margin-left: 0%;
padding: 0 3.125rem 0 0 !important;
width: 50%
}
.two-column .block.form-container g-col form-wrap {
margin-left: 0%;
padding: 0 !important;
width: 50%
}

}
@media(min-width: 1291px) {.block.form-container g-col text-wrap {
margin-left: 12.5%;
width: 31.25%
}
.block.form-container g-col form-wrap {
margin-left: 6.25%;
width: 25%
}
.two-column .block.form-container {
box-sizing: border-box;
padding: 4rem !important
}
.two-column .block.form-container:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.form-container g-col {
width: 100%
}
.two-column .block.form-container g-col text-wrap {
box-sizing: border-box;
margin-left: 0%;
padding-right: 3.125rem;
width: 50%
}
.two-column .block.form-container g-col form-wrap {
margin-left: 0%;
width: 50%
}

}
@media(max-width: 468px) {.two-column .block.form-container {
box-sizing: border-box;
padding: 1.875rem 2.5rem !important
}
.two-column .block.form-container:before {
border-radius: .25rem;
left: .5rem;
right: .5rem
}
.two-column .block.form-container g-col {
padding: 0;
width: 100%
}

}
@media(max-width: 468px) {.block.form-container {
padding: 2.5rem 0 !important
}

}
@media(min-width: 469px) {.block.form-container {
padding: calc(2.5rem + ((1vw - 4.68px) * 10.4167)) 0 !important
}

}
@media(min-width: 1620px) {.block.form-container {
padding: 7.5rem 0 !important
}

}
.block.fullwidth-image {
max-width: none !important;
padding: 0 !important;
width: 100% !important
}
.block.fullwidth-image g-col {
padding: 0 !important
}
.block.fullwidth-image figure {
background-size: cover !important;
background-position: center !important;
display: block;
height: auto;
min-height: 26.25rem;
margin: 0;
position: relative
}
.block.fullwidth-image figcaption {
box-sizing: border-box;
display: block;
padding: .5rem 1.5rem 0 1.5rem
}
@media(max-width: 468px) {.block.fullwidth-image figure {
height: 72.5vw;
max-height: 90vh
}
.block.fullwidth-image:last-child {
margin-bottom: -2.5rem
}

}
@media(min-width: 469px) {.block.fullwidth-image figure {
height: 62.5vw;
max-height: 90vh
}
.block.fullwidth-image:last-child {
margin-bottom: calc(-2.5rem + ((1vw - 4.69px) * -3.4752))
}

}
@media(min-width: 769px) {.block.fullwidth-image figure {
height: 52.5vw;
max-height: 90vh
}

}
@media(min-width: 1069px) {.block.fullwidth-image figure {
height: 42.5vw;
max-height: 90vh
}

}
@media(min-width: 1620px) {.block.fullwidth-image:last-child {
margin-bottom: -5rem
}

}
.block.intro g-col {
margin: 0;
max-width: 48rem;
width: 100%
}
.block.intro p {
font-weight: 300;
line-height: 150%;
text-align: left
}
@media(max-width: 468px) {.block.intro p {
font-size: 1.375rem
}

}
@media(min-width: 469px) {.block.intro p {
font-size: calc(1.375rem + ((1vw - 4.69px) * 0.4344))
}

}
@media(min-width: 1620px) {.block.intro p {
font-size: 1.688rem
}

}
.kpi-icons {
flex-direction: column;
max-width: none
}
@media(max-width: 468px) {.kpi-icons {
padding-top: 2.5rem !important
}

}
@media(min-width: 469px) {.kpi-icons {
padding-top: calc(2.5rem + ((1vw - 4.69px) * 6.9505))
}

}
@media(min-width: 1620px) {.kpi-icons {
padding-top: 7.5rem !important
}

}
.kpi-icons g-col {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
max-width: 72rem
}
@media(max-width: 479px) {.kpi-icons .kpi-list {
padding-top: 2.5rem
}

}
@media(min-width: 480px) {.kpi-icons .kpi-list {
padding-top: calc(2.5rem + ((1vw - 0.3rem) * 1.6393))
}

}
@media(min-width: 1701px) {.kpi-icons .kpi-list {
padding-top: 3.75rem
}

}
.kpi-icons .intro {
flex-direction: column
}
.kpi-icons .intro>* {
max-width: 40rem;
width: 100%
}
.kpi-icons.left .intro {
justify-content: flex-start
}
.kpi-icons.center .intro {
text-align: center
}
.kpi-icons.center .intro>* {
margin-left: auto;
margin-right: auto
}
.kpi-icons.right .intro {
justify-content: flex-end
}
.kpi-icons.right .intro>* {
margin-left: auto
}
.kpi-icons.yellow {
background: #fab842
}
.kpi-icons.grey {
background: #f5f7fa
}
.kpi-icons.white {
background: #fff
}
.kpi-icons kpi-item {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.025);
background: #fff;
border-radius: .25rem;
box-sizing: border-box;
display: block;
margin-left: 1.5rem;
text-align: center;
transform: translate3d(0, 0, 0);
transition: transform 500ms ease
}
.kpi-icons kpi-item h3 {
margin-top: 1.5rem
}
.kpi-icons kpi-item h3+p {
margin-top: .5rem
}
.kpi-icons kpi-item a.btn {
margin: 1.5rem auto 0 auto
}
@media(max-width: 479px) {.kpi-icons kpi-item {
padding: 1.5rem
}

}
@media(min-width: 480px) {.kpi-icons kpi-item {
padding: calc(1.5rem + ((1vw - 0.3rem) * 0.6557))
}

}
@media(min-width: 1701px) {.kpi-icons kpi-item {
padding: 2rem
}

}
@media(min-width: 1100px) {.kpi-icons.four-by-four kpi-item {
width: calc( (100% - 4.51rem ) / 4 )
}
.kpi-icons.four-by-four kpi-item:nth-child(4n+1) {
margin-left: 0
}
.kpi-icons.four-by-four kpi-item:nth-child(4n)~kpi-item {
margin-top: 2rem
}

}
@media(max-width: 1099px) {.kpi-icons.four-by-four kpi-item {
width: calc( (100% - 1.51rem ) / 2 )
}
.kpi-icons.four-by-four kpi-item:nth-child(odd) {
margin-left: 0
}
.kpi-icons.four-by-four kpi-item:nth-child(2n)~kpi-item {
margin-top: 2rem
}

}
@media(max-width: 520px) {.kpi-icons.four-by-four kpi-item {
margin-left: 0;
width: 100%
}
.kpi-icons.four-by-four kpi-item~kpi-item {
margin-top: 2rem
}

}
@media(min-width: 921px) {.kpi-icons.three-by-three kpi-item {
width: calc( (100% - 3.01rem ) / 3 )
}
.kpi-icons.three-by-three kpi-item:nth-child(3n+1) {
margin-left: 0
}
.kpi-icons.three-by-three kpi-item:nth-child(3n)~kpi-item {
margin-top: 2rem
}

}
@media(max-width: 920px) {.kpi-icons.three-by-three kpi-item {
width: calc( (100% - 1.51rem ) / 2 )
}
.kpi-icons.three-by-three kpi-item:nth-child(odd) {
margin-left: 0
}
.kpi-icons.three-by-three kpi-item:nth-child(2n)~kpi-item {
margin-top: 2rem
}

}
@media(max-width: 520px) {.kpi-icons.three-by-three kpi-item {
margin-left: 0;
width: 100%
}
.kpi-icons.three-by-three kpi-item~kpi-item {
margin-top: 2rem
}

}
@media(min-width: 921px) {.kpi-icons.two-by-two .kpi-list {
max-width: 47.5rem
}
.kpi-icons.two-by-two kpi-item {
width: calc( (100% - 1.51rem ) / 2 )
}
.kpi-icons.two-by-two kpi-item:nth-child(2n+1) {
margin-left: 0
}
.kpi-icons.two-by-two kpi-item:nth-child(2n)~kpi-item {
margin-top: 2rem
}

}
@media(max-width: 920px) {.kpi-icons.two-by-two kpi-item {
width: calc( (100% - 1.51rem ) / 2 )
}
.kpi-icons.two-by-two kpi-item:nth-child(odd) {
margin-left: 0
}
.kpi-icons.two-by-two kpi-item:nth-child(2n)~kpi-item {
margin-top: 2rem
}

}
@media(max-width: 520px) {.kpi-icons.two-by-two kpi-item {
margin-left: 0;
width: 100%
}
.kpi-icons.two-by-two kpi-item~kpi-item {
margin-top: 2rem
}

}
.kpi-icons poly-image {
display: block;
position: relative
}
.block.kpi-icons poly-image svg {
fill: #f5f7fa;
position: absolute;
top: 50%;
left: 50%;
max-width: 14rem;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1;
display: none
}
@media(max-width: 479px) {.block.kpi-icons poly-image svg {
max-height: 6rem
}

}
@media(min-width: 480px) {.block.kpi-icons poly-image svg {
max-height: calc(6rem + ((1vw - 0.3rem) * 3.9344))
}

}
@media(min-width: 1701px) {.block.kpi-icons poly-image svg {
max-height: 9rem
}

}
.kpi-icons.image kpi-item figure {
background-size: cover !important;
background-position: center !important;
display: block;
margin: 0 auto;
position: relative;
z-index: 2
}
@media(max-width: 479px) {.kpi-icons.image figure {
height: 6rem;
width: 6rem
}

}
@media(min-width: 480px) {.kpi-icons.image figure {
height: calc(6rem + ((1vw - 0.3rem) * 5.9016));
width: calc(6rem + ((1vw - 0.3rem) * 5.9016))
}

}
@media(min-width: 1701px) {.kpi-icons.image figure {
height: 10.5rem;
width: 10.5rem
}

}
.block.kpi-icons.poly poly-image figure {
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)
}
.block.kpi-icons.circle poly-image figure {
border-radius: 100%
}
.kpi-icons.icon icon-container {
box-sizing: border-box;
display: block;
margin: 0 auto;
padding: 1.5rem;
position: relative;
z-index: 2
}
.kpi-icons.icon.iconbg-blue icon-container {
background: #073f7a
}
.kpi-icons.icon.iconbg-dark-blue icon-container {
background: #073f7a
}
.kpi-icons.icon.iconbg-yellow icon-container {
background: #fab842
}
.kpi-icons.icon.iconbg-white icon-container {
background: #fff;
padding: 0
}
.kpi-icons.icon.iconbg-grey icon-container {
background: #f5f7fa
}
.kpi-icons.icon.iconbg-black icon-container {
background: #000
}
@media(max-width: 479px) {.kpi-icons.icon icon-container {
height: 6rem;
width: 6rem
}

}
@media(min-width: 480px) {.kpi-icons.icon icon-container {
height: calc(6rem + ((1vw - 0.3rem) * 5.9016));
width: calc(6rem + ((1vw - 0.3rem) * 5.9016))
}

}
@media(min-width: 1701px) {.kpi-icons.icon icon-container {
height: 10.5rem;
width: 10.5rem
}

}
.block.kpi-icons.poly icon-container {
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)
}
.block.kpi-icons.circle icon-container {
border-radius: 100%
}
.block.key-statements {
background: #f5f7fa;
max-width: none
}
@media(max-width: 468px) {.block.key-statements {
padding-top: 2.5rem
}

}
@media(min-width: 469px) {.block.key-statements {
padding-top: calc(2.5rem + ((1vw - 4.69px) * 6.9505))
}

}
@media(min-width: 1620px) {.block.key-statements {
padding-top: 7.5rem
}

}
.block.key-statements g-col {
margin: 0 auto;
max-width: 72rem
}
.block.key-statements link-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
.block.key-statements link-list a {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.025);
background: #fff;
display: block;
margin-left: 1.5rem;
overflow: hidden;
transition: box-shadow 125ms ease;
text-decoration: none
}
.block.key-statements link-list a link-text {
box-sizing: border-box;
color: #111;
display: block;
font-weight: 400;
line-height: 160%;
padding: 2rem 2rem 2rem 1.5rem;
transition: padding 125ms ease
}
.block.key-statements link-list a h3 {
font-family: "Roboto",sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 160%
}
.block.key-statements link-list a p {
color: #515961;
display: block;
font-size: .875rem;
margin-top: .5rem;
opacity: .75
}
.block.key-statements link-list a image-wrap {
backface-visibility: hidden;
clip-path: ellipse(100% 100% at 50% 0%);
display: block;
padding-bottom: 52.25%;
position: relative;
transition: clip-path 300ms ease;
width: 100%;
z-index: 1
}
.block.key-statements link-list a figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 250ms ease;
z-index: 1
}
@media(min-width: 480px) {.block.key-statements link-list a:hover figure {
transform: scale(1.1)
}
.block.key-statements link-list a:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}
.block.key-statements link-list a:hover link-text {
padding: 2rem 1.5rem 2rem 2rem
}

}
@media(min-width: 1025px) {.block.key-statements link-list a {
width: calc( ( 100% - 3.01rem ) / 3 )
}
.block.key-statements link-list a:nth-child(3n+1) {
margin-left: 0
}
.block.key-statements link-list a:nth-child(3n)~a {
margin-top: 3rem
}

}
@media(max-width: 1024px) {.block.key-statements link-list a {
width: calc( ( 100% - 1.51rem ) / 2 )
}
.block.key-statements link-list a:nth-child(2n+1) {
margin-left: 0
}
.block.key-statements link-list a:nth-child(2n)~a {
margin-top: 3rem
}

}
@media(max-width: 600px) {.block.key-statements link-list a {
margin-left: 0;
max-width: 20rem;
width: 100%
}
.block.key-statements link-list a~a {
margin-top: 2.5rem
}

}
.block.latest-articles {
background-color: #f5f7fa;
max-width: none !important;
width: 100% !important
}
.block.latest-articles+.latest-articles {
padding-top: 0
}
.block.latest-articles g-col {
float: none;
margin: 0 auto;
max-width: 72rem;
position: relative;
z-index: 3
}
@media(max-width: 468px) {.block.latest-articles g-col {
width: calc(100% - 1rem)
}

}
@media(min-width: 469px) {.block.latest-articles g-col {
width: calc(100% - (0rem + ((1vw - 4.69px) * 11.1208)))
}

}
@media(min-width: 1620px) {.block.latest-articles g-col {
width: calc(100% - 8rem)
}

}
.block.latest-articles g-col:last-child {
padding: 0
}
.block.latest-articles h2 {
color: #111
}
.block.latest-articles.left h2 {
text-align: left
}
.block.latest-articles.center h2 {
text-align: center
}
.block.latest-articles.right h2 {
text-align: right
}
.block.latest-articles h2+a {
margin: 0;
padding-left: 0 !important;
padding-right: 0 !important
}
.block.latest-articles.left h2+a {
margin: 0
}
.block.latest-articles.center h2+a {
margin: 0 auto
}
.block.latest-articles.right h2+a {
margin: 0 0 0 auto
}
@media(max-width: 468px) {.block.latest-articles h2+a {
margin-bottom: 1rem !important
}

}
@media(min-width: 469px) {.block.latest-articles h2+a {
margin-bottom: calc(1rem + ((1vw - 0.293125rem) * 1.7186)) !important
}

}
@media(min-width: 1401px) {.block.latest-articles h2+a {
margin-bottom: 2rem !important
}

}
.block.latest-articles .slideshow-container {
margin-bottom: -0.75rem
}
.block.latest-articles .slide {
padding: 0 .75rem .75rem .75rem
}
.block.latest-articles .slide a {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.025);
background: #fff;
display: block;
overflow: hidden;
transition: box-shadow 125ms ease;
text-decoration: none
}
.block.latest-articles .slide a link-text {
box-sizing: border-box;
color: #111;
display: block;
font-weight: 400;
line-height: 160%;
padding: 2rem 2rem 2rem 1.5rem;
transition: padding 125ms ease
}
.block.latest-articles .slide a h3 {
font-family: "Roboto",sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 160%
}
.block.latest-articles .slide a date {
color: #515961;
display: block;
font-size: .875rem;
margin-top: .5rem;
opacity: .75
}
.block.latest-articles .slide a image-wrap {
backface-visibility: hidden;
clip-path: ellipse(100% 100% at 50% 0%);
display: block;
padding-bottom: 52.25%;
position: relative;
transition: clip-path 300ms ease;
width: 100%;
z-index: 1
}
.block.latest-articles .slide a figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 250ms ease;
z-index: 1
}
@media(min-width: 480px) {.block.latest-articles .slide a:hover figure {
transform: scale(1.1)
}
.block.latest-articles .slide a:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}
.block.latest-articles .slide a:hover link-text {
padding: 2rem 1.5rem 2rem 2rem
}

}
@media(max-width: 468px) {.block.latest-articles {
padding: 2.5rem 0
}

}
@media(min-width: 469px) {.block.latest-articles {
padding: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) 0
}

}
@media(min-width: 1620px) {.block.latest-articles {
padding: 7.5rem 0
}

}
.block.latest-articles a.btn.arrow {
align-items: center;
background: #fab842;
border-radius: 100%;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 2.5rem;
justify-content: center;
padding: 0;
transition: background 125ms ease;
width: 2.5rem;
z-index: 10
}
.block.latest-articles a.btn.arrow svg {
display: block;
fill: none;
position: relative;
top: auto;
left: auto;
stroke: #fff;
top: auto;
left: auto;
bottom: auto;
transform: none;
height: 1.5rem;
width: 1.5rem
}
.block.latest-articles a.btn.arrow:hover {
background: #111
}
@media(min-width: 1740px) {.block.latest-articles a.btn.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.block.latest-articles a.btn.arrow.prev {
right: calc(100% + 0.75rem)
}
.block.latest-articles a.btn.arrow.next {
left: calc(100% + 0.75rem)
}

}
@media(min-width: 769px)and (max-width: 1739px) {.block.latest-articles .slideshow-container {
padding-bottom: 4.25rem
}
.block.latest-articles a.btn.arrow {
position: absolute;
bottom: 0
}
.block.latest-articles a.btn.arrow.prev {
right: calc(50% + 0.75rem)
}
.block.latest-articles a.btn.arrow.next {
left: calc(50% + 0.75rem)
}

}
@media(max-width: 768px) {.block.latest-articles .slideshow-container {
padding-bottom: 3.75rem
}
.block.latest-articles a.btn.arrow {
position: absolute;
bottom: 0
}
.block.latest-articles a.btn.arrow.prev {
right: calc(50% + 0.75rem)
}
.block.latest-articles a.btn.arrow.next {
left: calc(50% + 0.75rem)
}

}
.block.text-with-media {
align-items: center;
display: flex;
flex-wrap: wrap
}
.block.text-with-media g-col {
display: block
}
.block.text-with-media.media-left .image {
order: 1
}
.block.text-with-media.media-left .text {
order: 2
}
.block.text-with-media.media-right .image {
order: 2
}
.block.text-with-media.media-right .text {
order: 1
}
.block.text-with-media img {
border-radius: .25rem
}
@media(min-width: 1000px) {.block.text-with-media .image {
width: 50%
}
.block.text-with-media .text {
width: 41.6666666667%
}
.block.text-with-media.media-left .text {
margin-left: 8.3333333333%
}
.block.text-with-media.media-right .text {
margin-right: 8.3333333333%
}

}
@media(min-width: 769px)and (max-width: 999px) {.block.text-with-media .image,.block.text-with-media .text {
width: calc(50% - 1.01rem)
}
.block.text-with-media.media-left .text {
margin-left: 2rem
}
.block.text-with-media.media-right .text {
margin-right: 2rem
}

}
@media(max-width: 768px) {.block.text-with-media .image,.block.text-with-media .text {
margin-left: 0;
margin-right: 0;
width: 100%
}
.block.text-with-media {
display: block
}
.block.text-with-media g-col {
display: block;
float: none
}
.block.text-with-media .image {
padding: 0 .75rem
}
.block.text-with-media .text {
margin-top: 1.5rem
}

}
@media(max-width: 480px) {.block.text-with-media .image,.block.text-with-media .text {
margin-left: 0;
margin-right: 0;
width: 100%
}

}
.block.text-with-media poly-image {
display: block;
margin: 0 auto;
position: relative;
width: 90%
}
.block.text-with-media poly-image svg {
fill: #f5f7fa;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1
}
.block.text-with-media poly-image image-container {
display: block;
filter: drop-shadow(0 0 0.5rem rgba(255, 255, 255, 0.25));
position: relative;
z-index: 2
}
.block.text-with-media poly-image figure {
background-size: cover !important;
background-position: center !important;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
display: block;
height: 0;
margin: 0 auto;
padding-bottom: 90%;
position: relative;
width: 90%
}
.block.logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: none;
width: 100%
}
.block.logos.grey {
background-color: #f5f7fa
}
.block.logos g-col:first-child {
margin-bottom: 2.625rem;
max-width: 72rem
}
@media(max-width: 468px) {.block:not(.grey)+.block.logos.grey {
padding-top: 2.5rem !important
}

}
@media(min-width: 469px) {.block:not(.grey)+.block.logos.grey {
padding-top: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) !important
}

}
@media(min-width: 1620px) {.block:not(.grey)+.block.logos.grey {
padding-top: 7.5rem !important
}

}
.block.logos g-col:first-child p {
max-width: 30rem
}
.block.logos.left .intro {
text-align: left
}
.block.logos.center .intro {
text-align: center
}
.block.logos.right .intro {
text-align: left
}
.block.logos.left .intro * {
margin-right: 0
}
.block.logos.center .intro * {
margin-left: auto;
margin-right: auto
}
.block.logos.right .intro * {
margin-left: auto
}
.block.logos .slick-track {
margin-left: auto !important;
margin-right: auto !important
}
.block.logos .slideshow-container .slide a {
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
display: block;
height: 0;
overflow: hidden;
padding-bottom: 62.5%;
position: relative
}
.block.logos .slideshow-container .slide a figure {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
margin: .5rem;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.block.logos.circle .slideshow-container .slide a {
border-radius: 100%;
padding-bottom: 100%
}
.block.logos.circle .slideshow-container .slide a figure {
top: 1.5rem;
right: 1.5rem;
bottom: 1.5rem;
left: 1.5rem
}
.block.logos g-col:last-child {
padding: 0
}
@media(min-width: 469px) {.block.logos .slideshow-container .slide {
padding: 1rem
}

}
@media(max-width: 468px) {.block.logos .slideshow-container .slide {
padding: 1rem .5rem
}

}
.block.logos .arrow-container {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
margin: 0 auto -2.5rem auto;
max-width: 70.5rem
}
.block.logos .arrow-container:empty {
display: none
}
.block.logos a.btn.arrow {
align-items: center;
background: #fab842;
border-radius: 100%;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 2.5rem;
margin: 0 !important;
justify-content: center;
padding: 0;
transition: background 125ms ease;
transform: none !important;
width: 2.5rem;
z-index: 10
}
.block.logos a.btn.arrow svg {
display: block;
fill: none;
position: relative;
top: auto;
left: auto;
stroke: #fff;
top: auto;
left: auto;
bottom: auto;
transition: stroke 125ms ease;
transform: none !important;
height: 1.5rem;
width: 1.5rem
}
.block.logos[data-color=yellow] a.btn.arrow {
background: #111
}
.block.logos[data-color=yellow] a.btn.arrow svg {
stroke: #fff
}
.block.logos a.btn.arrow+a.btn.arrow {
margin-left: 1rem !important
}
@media(min-width: 480px) {.block.logos a.btn.arrow:hover {
background: #111;
transform: none
}
.block.logos[data-color=blue] a.btn.arrow:hover {
background: #fff;
transform: none
}
.block.logos[data-color=blue] a.btn.arrow:hover svg {
stroke: #111
}
.block.logos[data-color=yellow] a.btn.arrow:hover {
background: #fff
}
.block.logos[data-color=yellow] a.btn.arrow:hover svg {
stroke: #111
}

}
@media(max-width: 479px) {.block.logos g-col:first-child {
margin-bottom: .5rem
}
.block.logos g-col {
display: flex;
flex-wrap: wrap;
width: 100%
}
.block.logos testimonial-inner {
padding-right: 0
}
.block.logos .arrow-container {
margin: 1.5rem 0 0 0;
order: 2
}
.block.logos .slideshow-container {
order: 1
}

}
.block.meet-the-team .intro {
max-width: 43rem
}
@media(max-width: 468px) {.block.meet-the-team .intro {
margin-bottom: 2.5rem
}

}
@media(min-width: 469px) {.block.meet-the-team .intro {
margin-bottom: calc(2.5rem + ((1vw - 0.293125rem) * 4.2965))
}

}
@media(min-width: 1401px) {.block.meet-the-team .intro {
margin-bottom: 5rem
}

}
.block.meet-the-team .intro a.btn {
margin-top: 2.5rem
}
.block.meet-the-team g-col.items {
padding: 0
}
.block.meet-the-team team-members {
display: flex;
flex-wrap: wrap
}
.block.meet-the-team team-members a {
box-sizing: border-box;
display: block;
float: left;
padding: 0 .75rem;
text-decoration: none
}
.block.meet-the-team team-members a profile-image {
background-color: #f5f7fa;
display: block;
height: 0;
overflow: hidden;
padding-bottom: 130%;
position: relative;
width: 100%
}
.block.meet-the-team team-members a figure {
background-position: center !important;
background-size: cover !important;
margin: 0;
padding-bottom: 130%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 1s ease;
width: 100%
}
.block.meet-the-team team-members a:hover figure {
transform: scale(1.1)
}
.block.meet-the-team team-members a h3,.block.meet-the-team team-members a span {
color: #111;
font-family: "Roboto",sans-serif;
font-size: .875rem;
line-height: 160%
}
.block.meet-the-team team-members a h3 {
font-weight: 500;
display: block;
margin: 1.75rem 0 0 0;
transition: color 300ms ease;
text-transform: uppercase
}
.block.meet-the-team team-members a span {
display: block;
font-weight: 400;
margin: .375rem 0 0 0
}
.block.meet-the-team team-members a:hover h3 {
color: #fab842
}
@media(min-width: 1000px) {.block.meet-the-team team-members a {
width: 20%
}
.block.meet-the-team team-members a:nth-child(5n)~a {
margin-top: 2.5rem
}

}
@media(max-width: 999px) {.block.meet-the-team team-members a {
width: 33.333%
}
.block.meet-the-team team-members a:nth-child(3n)~a {
margin-top: 2.25rem
}

}
@media(max-width: 640px) {.block.meet-the-team team-members a {
width: 50%
}
.block.meet-the-team team-members a:nth-child(2n)~a {
margin-top: 2rem
}

}
@media(max-width: 468px) {.block.meet-the-team team-members a {
padding: 0 .5rem
}
.block.meet-the-team team-members a h3 {
margin-top: .875rem
}

}
@media(min-width: 469px) {.block.meet-the-team .intro a.btn {
display: table
}
.block.meet-the-team team-members+a {
display: none
}

}
@media(max-width: 468px) {.block.meet-the-team .intro a.btn {
display: none
}
.block.meet-the-team team-members+a {
display: table;
margin: 2.5rem auto 0 auto
}

}
@media(max-width: 468px) {.block.pricing h2+p {
margin-bottom: 1.5rem
}

}
@media(min-width: 469px) {.block.pricing h2+p {
margin-bottom: calc(1.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {.block.pricing h2+p {
margin-bottom: 3.5rem
}

}
.block.pricing {
overflow: hidden
}
.block.pricing g-col:first-child {
float: none;
margin: 0 auto;
max-width: 37rem;
text-align: center
}
.block.pricing price-list {
display: flex;
margin: 0 auto;
padding: 0 0 1rem 0;
flex-wrap: wrap
}
.block.pricing price-list price-tier {
background-color: #fff;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.05);
display: block;
padding: 0;
position: relative;
width: 100%
}
.block.pricing.has-1 price-list price-tier {
margin: 0 auto;
max-width: 32rem
}
.block.pricing.has-2 price-list price-tier {
max-width: 28rem;
width: calc(50% - 1rem)
}
.block.pricing.has-2 price-list price-tier:first-child {
margin: 0 2rem 0 auto
}
.block.pricing.has-2 price-list price-tier:last-child {
margin: 0 auto 0 0
}
@media(min-width: 1251px) {.block.pricing.has-3 price-list price-tier {
max-width: none;
width: calc(33.333% - 1.333333333333333rem)
}
.block.pricing.has-3 price-list price-tier+price-tier {
margin-left: 2rem
}

}
@media(max-width: 1250px) {.block.pricing.has-3 price-list {
display: block
}
.block.pricing.has-3 price-list price-tier {
margin: 0 auto !important;
max-width: 30rem !important;
width: 100% !important
}
.block.pricing.has-3 price-list price-tier+price-tier {
margin-top: 2rem !important
}
.block.pricing.has-3 text-content {
padding: 2.5rem 1.875rem 1.875rem 1.875rem
}
.block.pricing.has-3 a.btn {
bottom: 2.5rem;
left: 1.875rem;
right: 1.875rem
}

}
@media(min-width: 1551px) {.block.pricing.has-4 price-list price-tier {
max-width: none;
width: calc(25% - 1.5rem)
}
.block.pricing.has-4 price-list price-tier+price-tier {
margin-left: 2rem
}

}
@media(max-width: 1550px) {.block.pricing.has-4 price-list price-tier {
max-width: 28rem;
width: calc(50% - 1.875rem)
}
.block.pricing.has-4 price-list price-tier:nth-child(odd) {
margin: 0 2rem 0 auto
}
.block.pricing.has-4 price-list price-tier:nth-child(even) {
margin: 0 auto 0 0
}
.block.pricing.has-4 price-list price-tier:nth-child(2n)~price-tier {
margin-top: 2.5rem
}

}
.block.pricing image-outer {
display: block;
height: 0;
padding-bottom: 62.5%;
position: relative;
width: 100%
}
.block.pricing link-image {
height: 200%;
border-radius: 50%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease,transform 300ms ease;
width: 200%
}
.block.pricing link-image figure {
background-size: cover !important;
background-position: center !important;
height: 50%;
margin: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease;
width: 50%
}
.block.pricing h3 {
color: #515961;
font-size: 1.125rem;
margin-bottom: .875rem;
text-align: center
}
.block.pricing text-content {
display: block;
padding: 2.5rem 1.875rem 1.875rem 1.875rem;
position: relative
}
.block.pricing a.btn {
display: block;
padding: .875rem 0;
position: absolute;
bottom: 1.875rem;
left: 1.875rem;
right: 1.875rem;
text-align: center
}
.block.pricing table {
font-family: "Roboto",sans-serif;
letter-spacing: .2px;
margin: 0;
text-align: right;
width: 100%
}
.block.pricing a.btn+table {
margin: 0 0 5rem 0
}
.block.pricing table th {
border-bottom: 3px solid #eee;
font-size: 1.063rem;
font-weight: 500;
padding: 1rem 0;
white-space: nowrap
}
.block.pricing table td {
border-bottom: 1px solid #eee;
font-size: .938rem;
padding: 1rem 0;
position: relative;
width: 5rem
}
.block.pricing table td:not(:last-child) {
padding-right: .5rem
}
.block.pricing table td:last-child {
color: #515961;
font-size: 1rem;
font-weight: 500
}
.block.pricing table tr:last-child td {
border-bottom: 0;
padding-bottom: 0
}
.block.pricing table th:first-child {
text-align: left
}
.block.pricing table td:first-child {
text-align: left;
width: auto
}
@media(max-width: 899px) {.block.pricing price-list {
display: block
}
.block.pricing price-list price-tier {
margin: 0 auto !important;
max-width: 30rem !important;
width: 100% !important
}
.block.pricing price-list price-tier+price-tier {
margin-top: 2rem !important
}
.block.pricing text-content {
padding: 2.5rem 1.875rem 1.875rem 1.875rem
}
.block.pricing a.btn {
bottom: 2.5rem;
left: 1.875rem;
right: 1.875rem
}

}
@media(max-width: 468px) {.block.pricing text-content {
padding: 2.5rem 1.5rem 1.5rem 1.5rem
}
.block.pricing a.btn {
bottom: 1.5rem;
left: 1.5rem;
right: 1.5rem
}
.block.pricing table th {
font-size: .813rem
}
.block.pricing table td {
font-size: .813rem
}
.block.pricing table td:last-child {
font-size: .813rem
}
.block.pricing g-col {
padding: 0 1rem
}

}
.quick-links {
background-color: #f8f9fb;
overflow: hidden
}
.quick-links h2 {
text-align: center
}
@media(max-width: 479px) {.quick-links h2 {
margin-bottom: 1.75rem
}

}
@media(min-width: 480px) {.quick-links h2 {
margin-bottom: calc(1.75rem + ((1vw - 0.3rem) * 2.2951))
}

}
@media(min-width: 1701px) {.quick-links h2 {
margin-bottom: 3.5rem
}

}
.quick-links link-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
.quick-links link-list a {
box-shadow: 0 4px 20px 0 rgba(0,0,0,0);
background: #fff;
display: block;
max-width: 22.5rem;
overflow: hidden;
transition: box-shadow 125ms ease;
text-decoration: none
}
.quick-links link-list span {
box-sizing: border-box;
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-weight: 400;
line-height: 160%;
padding: 2rem 2rem 2rem 1.5rem;
transition: padding 125ms ease
}
.quick-links a image-wrap {
backface-visibility: hidden;
clip-path: ellipse(100% 100% at 50% 0%);
display: block;
padding-bottom: 56.25%;
position: relative;
transition: clip-path 300ms ease;
width: 100%;
z-index: 1
}
.quick-links a figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 250ms ease;
z-index: 1
}
@media(min-width: 480px) {.quick-links a:hover figure {
transform: scale(1.1)
}
.quick-links a:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}
.quick-links a:hover span {
padding: 2rem 1.5rem 2rem 2rem
}

}
@media(min-width: 921px) {.quick-links.has-3 a,.quick-links.has-more a {
width: calc( ( 100% - 3.01rem ) / 3 );
margin-left: 1.5rem
}
.quick-links.has-2 a {
width: calc( ( 100% - 1.51rem ) / 2 );
margin-left: 1.5rem
}
.quick-links.has-1 a {
width: 100%
}
.quick-links a:nth-child(3n+1) {
margin-left: 0
}
.quick-links a:nth-child(3n)~a {
margin-top: 1.5rem
}

}
@media(min-width: 581px)and (max-width: 920px) {.quick-links a {
width: calc( ( 100% - 1.51rem ) / 2 );
margin-left: 1.5rem
}
.quick-links a:nth-child(odd) {
margin-left: 0
}
.quick-links.has-3 a:last-child {
display: none
}
.quick-links a:nth-child(2n)~a {
margin-top: 1.5rem
}

}
@media(max-width: 580px) {.quick-links a {
width: 100%
}
.quick-links a~a {
margin-top: 1.5rem
}

}
.block.separator hr {
background-color: #d7d7d7;
border: 0;
height: 1px;
margin: 0
}
.block.separator.yellow hr {
background-color: #fab842
}
.block.separator.blue hr {
background-color: #073f7a
}
.block.separator.none hr {
background-color: transparent
}
.block.images g-col {
display: flex;
flex-wrap: wrap;
width: 100%
}
.block.images figure {
display: block;
margin: 0;
overflow: hidden;
position: relative;
width: 100%
}
.block.images figure img {
border-radius: .25rem
}
.block.images g-col {
justify-content: center
}
.block.images.left g-col {
justify-content: flex-start
}
.block.images.right g-col {
justify-content: flex-end
}
.block.images.small figure {
max-width: 36rem
}
.block.images.medium figure {
max-width: 48rem
}
.page.content.two-column .block.images.small figure {
max-width: 24rem
}
.page.content.two-column .block.images.medium figure {
max-width: 32rem
}
.block.images figure+figure {
margin-top: 2.5rem
}
@media(max-width: 468px) {.block.images figure+figure {
margin-top: 1rem
}

}
.block.images figure:not(:only-child) {
max-width: 41.688rem
}
.block.slideshow {
margin: 0 auto;
max-width: none;
width: 100%
}
.block.slideshow,.block.slideshow g-col {
padding-left: 0;
padding-right: 0
}
.block.slideshow .slide {
box-sizing: border-box;
padding: 0 .75rem
}
.block.slideshow image-wrap {
display: block;
max-width: 50rem;
width: calc(100vw - 3rem)
}
.block.slideshow figure {
background-color: #eee;
background-size: cover !important;
background-position: center !important;
border-radius: .5rem;
display: block;
height: 0;
margin: 0;
padding-bottom: 56%;
position: relative
}
@media(max-width: 768px) {.block.slideshow figure {
padding-bottom: 78%
}

}
@media(max-width: 468px) {.block.slideshow figure {
padding-bottom: 90%
}

}
.block.slideshow .slick-dots {
display: table;
list-style-type: none;
margin: 1.5rem auto 0 auto;
padding: 0;
z-index: 3
}
.block.slideshow .slick-dots li:only-child {
display: none
}
.block.slideshow .slick-dots li {
display: block;
float: left;
margin-right: .5rem
}
.block.slideshow .slick-dots button {
background-color: transparent;
border: 1px solid #fab842;
border-radius: 100%;
box-sizing: border-box;
cursor: pointer;
display: block;
height: .75rem;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
transition: background-color 250ms ease,border-color 250ms ease;
text-indent: -100px;
width: .75rem
}
.block.slideshow .slick-dots .slick-active button {
background-color: #fab842
}
.block.slideshow .slick-dots li:not(.slick-active) button:hover {
background-color: #111;
border-color: #111
}
@media(max-width: 468px) {.page.content.two-column .block.slideshow {
padding: 0 0 .375rem 0 !important
}

}
@media(min-width: 469px) {.page.content.two-column .block.slideshow {
padding: 0 0 calc(0.375rem + ((1vw - 4.69px) * 3.4752)) 0 !important
}

}
@media(min-width: 1620px) {.page.content.two-column .block.slideshow {
padding: 0 0 2.875rem 0 !important
}

}
.block.slideshow a.btn.arrow {
align-items: center;
background: #fab842;
border-radius: 100%;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 4rem;
justify-content: center;
padding: 0;
transition: background 125ms ease;
width: 4rem;
z-index: 10
}
.block.slideshow a.btn.arrow svg {
display: block;
fill: none;
position: relative;
top: auto;
left: auto;
stroke: #fff;
top: auto;
left: auto;
bottom: auto;
transform: none;
height: 2rem;
width: 2rem
}
.block.slideshow a.btn.arrow:hover {
background: #111
}
@media(min-width: 1740px) {.block.slideshow a.btn.arrow {
position: absolute;
top: calc(50% - 2.375rem);
transform: translateY(-50%)
}
.block.slideshow a.btn.arrow.prev {
left: 6.25rem
}
.block.slideshow a.btn.arrow.next {
right: 6.25rem
}
.two-column .block.slideshow a.btn.arrow {
position: absolute;
top: calc(50% - 1.125rem);
transform: translateY(-50%)
}
.two-column .block.slideshow a.btn.arrow.prev {
left: 1.5rem
}
.two-column .block.slideshow a.btn.arrow.next {
right: 1.5rem
}

}
@media(min-width: 769px)and (max-width: 1739px) {.block.slideshow a.btn.arrow {
position: absolute;
top: calc(50% - 2.375rem);
transform: translateY(-50%)
}
.block.slideshow a.btn.arrow.prev {
left: 3rem
}
.block.slideshow a.btn.arrow.next {
right: 3rem
}

}
@media(max-width: 768px) {.block.slideshow a.btn.arrow {
height: 2.5rem;
width: 2.5rem;
position: absolute;
top: calc(50% - 2.375rem);
transform: translateY(-50%)
}
.block.slideshow a.btn.arrow svg {
height: 1.5rem;
width: 1.5rem
}
.block.slideshow a.btn.arrow.prev {
left: 3rem
}
.block.slideshow a.btn.arrow.next {
right: 3rem
}

}
.block.statement g-col {
max-width: 60rem
}
.page.content.two-column .block.statement g-col {
max-width: none
}
.block.statement blockquote {
display: block;
position: relative
}
.block.statement blockquote:before {
background-color: #fab842;
bottom: 0;
content: "";
position: absolute;
top: 0;
width: .156rem
}
.block.statement blockquote,.block.statement blockquote * {
color: #111;
font-family: "Roboto",sans-serif;
font-weight: 400;
line-height: 170%
}
.block.statement blockquote a:hover {
color: #fab842
}
.block.statement blockquote cite {
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-size: 75%;
font-style: normal;
font-weight: 400;
margin-top: 1rem
}
@media(max-width: 468px) {.block.statement blockquote {
margin: 0
}
.block.statement blockquote,.block.statement blockquote * {
font-size: 1.188rem
}
.block.statement blockquote:before {
display: none
}

}
@media(min-width: 469px) {.block.statement blockquote {
margin: 0 0 0 1.25rem
}
.block.statement blockquote,.block.statement blockquote * {
font-size: calc(1.1875rem + ((1vw - 4.69px) * 0.4344))
}
.block.statement blockquote:before {
top: calc(0.4375rem + ((1vw - 4.69px) * 0.1738));
bottom: calc(0.5rem + ((1vw - 4.69px) * 0.0869));
left: calc(-0.625rem + ((1vw - 4.69px) * -0.8688))
}

}
@media(min-width: 1620px) {.block.statement blockquote {
margin: 0 0 0 1.25rem
}
.block.statement blockquote,.block.statement blockquote * {
font-size: 1.5rem
}
.block.statement blockquote:before {
top: 9px;
bottom: 9px;
left: -1.25rem
}
.page.content.two-column .block.statement g-col {
padding: 0 calc(1rem + 9.09%)
}

}
.block.statement-withbackground {
max-width: none !important;
width: 100% !important
}
.block.statement-withbackground:before {
background: #3635a9;
background: -moz-linear-gradient(to right bottom, #515961 0%, #515961 50%, #111 50%, #111 100%);
background: -webkit-linear-gradient(to right bottom, #515961 0%, #515961 50%, #111 50%, #111 100%);
background: linear-gradient(to right bottom, #515961 0%, #515961 50%, #111 50%, #111 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3635a9", endColorstr="#2c2c94",GradientType=1 );
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.block.statement-withbackground>figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
filter: grayscale(30%);
opacity: .1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0
}
.block.statement-withbackground g-col {
float: none;
margin: 0 auto;
max-width: 98.25rem;
position: relative;
z-index: 3
}
@media(max-width: 468px) {.block.statement-withbackground g-col {
width: calc(100% - 1rem)
}

}
@media(min-width: 469px) {.block.statement-withbackground g-col {
width: calc(100% - (0rem + ((1vw - 4.69px) * 11.1208)))
}

}
@media(min-width: 1620px) {.block.statement-withbackground g-col {
width: calc(100% - 8rem)
}

}
.block.statement-withbackground h2 {
color: #fff
}
.block.statement-withbackground blockquote {
display: block;
margin: 0;
max-width: 48rem;
position: relative
}
.block.statement-withbackground blockquote,.block.statement-withbackground blockquote * {
color: #fff;
font-family: "Roboto",sans-serif;
font-weight: 400;
line-height: 170%
}
.block.statement-withbackground blockquote cite {
color: #fff;
display: block;
font-family: "Roboto",sans-serif;
font-size: 75%;
font-style: normal;
font-weight: 400;
margin-top: 1rem
}
.two-column .block.statement-withbackground {
box-sizing: border-box;
margin-bottom: 0 !important
}
@media(max-width: 480px) {.block.statement-withbackground g-col {
width: 100%
}
.block.statement-withbackground {
padding: 2.125rem .75rem
}
.block.statement-withbackground blockquote,.block.statement-withbackground blockquote * {
font-size: 1.063rem
}
.block.statement-withbackground h2 {
margin-bottom: 1.25rem
}
.block.statement-withbackground blockquote+.btn {
margin-top: 1.25rem
}
.two-column .block.statement-withbackground {
padding: 1.875rem 2.5rem !important
}
.two-column .block.statement-withbackground:before {
border-radius: .25rem;
left: .5rem;
right: .5rem
}
.two-column .block.statement-withbackground figure {
border-radius: .25rem;
left: .5rem;
right: .5rem
}
.two-column .block.statement-withbackground g-col {
padding-left: 0;
width: 100%
}

}
@media(min-width: 481px) {.block.statement-withbackground {
padding: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) .75rem
}
.block.statement-withbackground blockquote,.block.statement-withbackground blockquote * {
font-size: calc(1.0625rem + ((1vw - 4.69px) * 0.4344))
}
.block.statement-withbackground h2 {
margin-bottom: calc(1.25rem + ((1vw - 4.8px) * 0.9722))
}
.block.statement-withbackground blockquote+.btn {
margin-top: calc(1.875rem + ((1vw - 4.69px) * 3.4752))
}
.two-column .block.statement-withbackground {
padding: 3.125rem 4.125rem !important
}
.two-column .block.statement-withbackground:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.statement-withbackground figure {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.statement-withbackground g-col {
padding-left: 0;
width: 100%
}

}
@media(min-width: 1120px) {.two-column .block.statement-withbackground {
padding: 3.125rem 4.125rem !important
}
.two-column .block.statement-withbackground:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.statement-withbackground figure {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.statement-withbackground g-col {
padding-left: 0;
width: 100%
}

}
@media(min-width: 1620px) {.block.statement-withbackground {
padding: 7.5rem .75rem
}
.block.statement-withbackground blockquote,.block.statement-withbackground blockquote * {
font-size: 1.375rem
}
.block.statement-withbackground h2 {
margin-bottom: 2.125rem
}
.block.statement-withbackground blockquote+.btn {
margin-top: 4.375rem
}
.two-column .block.statement-withbackground {
padding: 4rem 6rem !important
}
.two-column .block.statement-withbackground:before {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.statement-withbackground figure {
border-radius: .25rem;
left: 1rem;
right: 1rem
}
.two-column .block.statement-withbackground g-col {
padding-left: 0;
width: 100%
}

}
.small-cta {
max-width: none;
position: relative
}
.small-cta:before {
background: #fff;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.small-cta.white:before {
background-color: #fff
}
.small-cta.grey:before {
background-color: #f8f9fb
}
.small-cta.yellow:before {
background-color: #fab842
}
.small-cta.black:before {
background-color: #000
}
.small-cta g-col {
float: none;
margin: 0 auto;
max-width: 37.5rem;
text-align: center
}
@media(max-width: 468px) {.small-cta {
padding: 0 .75rem 2.5rem .75rem !important
}

}
@media(min-width: 469px) {.small-cta {
padding: 0 .75rem calc(2.5rem + ((1vw - 4.69px) * 6.9505)) .75rem !important
}

}
@media(min-width: 1620px) {.small-cta {
padding: 0 .75rem 7.5rem .75rem !important
}

}
@media(max-width: 468px) {.small-cta:not(.white) {
padding: 2.5rem .75rem !important
}

}
@media(min-width: 469px) {.small-cta:not(.white) {
padding: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) .75rem !important
}

}
@media(min-width: 1620px) {.small-cta:not(.white) {
padding: 7.5rem .75rem !important
}

}
.small-cta button-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 2.5rem auto 0 auto
}
.small-cta button-wrap a+a {
margin-left: 1.5rem
}
@media(max-width: 468px) {section.blocks.page .small-cta:last-child {
margin-bottom: -2.625rem
}

}
@media(min-width: 469px) {section.blocks.page .small-cta:last-child {
margin-bottom: calc((2.625rem + ((1vw - 4.69px) * 6.7767)) * -1 )
}

}
@media(min-width: 1620px) {section.blocks.page .small-cta:last-child {
margin-bottom: -7.5rem
}

}
.large-cta {
max-width: none;
position: relative
}
.large-cta:before {
background: #fff;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.large-cta.white:before {
background-color: #fff
}
.large-cta.grey:before {
background-color: #f5f7fa
}
.large-cta.yellow:before {
background-color: #fab842
}
.large-cta.black:before {
background-color: #000
}
.large-cta g-col {
float: none;
margin: 0 auto;
max-width: 37rem;
text-align: center;
z-index: 2
}
.large-cta text-content {
background: #fff;
border-radius: .25rem;
box-sizing: border-box;
display: block;
padding: 3rem;
position: relative;
width: 100%
}
@media(max-width: 468px) {.large-cta text-content {
padding: 1.5rem
}

}
@media(max-width: 468px) {.large-cta {
padding: 2.5rem .75rem !important
}

}
@media(min-width: 469px) {.large-cta {
padding: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) .75rem !important
}

}
@media(min-width: 1620px) {.large-cta {
padding: 7.5rem .75rem !important
}

}
.large-cta button-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 1.75rem auto 0 auto
}
.large-cta button-wrap a {
margin: .75rem
}
.large-cta figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
opacity: .2;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.two-column .large-cta {
overflow: hidden;
border-radius: .25rem
}
@media(max-width: 468px) {section.blocks.page .large-cta:last-child {
margin-bottom: -2.625rem
}

}
@media(min-width: 469px) {section.blocks.page .large-cta:last-child {
margin-bottom: calc((2.625rem + ((1vw - 4.69px) * 6.7767)) * -1 )
}

}
@media(min-width: 1620px) {section.blocks.page .large-cta:last-child {
margin-bottom: -7.5rem
}

}
.block.text-on-image {
max-width: none !important;
padding: 0 !important;
overflow: hidden;
width: 100% !important
}
.block.text-on-image g-col {
float: none;
margin: 0 auto;
max-width: 72rem;
position: relative;
z-index: 3
}
@media(max-width: 468px) {.block.text-on-image g-col {
width: calc(100% - 1rem)
}

}
@media(min-width: 469px) {.block.text-on-image g-col {
width: calc(100% - (0rem + ((1vw - 4.69px) * 11.1208)))
}

}
@media(min-width: 1620px) {.block.text-on-image g-col {
width: calc(100% - 8rem)
}

}
.block.text-on-image g-col p,.block.text-on-image g-col ul,.block.text-on-image g-col ol {
color: #fff;
font-family: "Roboto",sans-serif;
font-weight: 400;
line-height: 150%;
max-width: 36.75rem
}
.block.text-on-image.left g-col p,.block.text-on-image.left g-col ul,.block.text-on-image.left g-col ol {
margin-left: 0;
margin-right: 0
}
.block.text-on-image.center g-col p,.block.text-on-image.center g-col ul,.block.text-on-image.center g-col ol {
margin-left: auto;
margin-right: auto
}
.block.text-on-image.right g-col p,.block.text-on-image.right g-col ul,.block.text-on-image.right g-col ol {
margin-left: auto;
margin-right: 0
}
.block.text-on-image g-col p a,.block.text-on-image g-col ul a,.block.text-on-image g-col ol a {
color: #fff;
font-weight: 400;
text-decoration-line: #fff
}
@media(max-width: 468px) {.block.text-on-image g-col {
padding: 6rem .75rem
}

}
@media(min-width: 469px) {.block.text-on-image g-col {
padding: calc(6rem + ((1vw - 0.293125rem) * 8.3406)) .75rem
}

}
@media(min-width: 1621px) {.block.text-on-image g-col {
padding: 12rem .75rem
}

}
.block.text-on-image figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
position: absolute;
z-index: 1
}
.block.text-on-image figure:before {
background-color: #000;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .33;
position: absolute;
z-index: 2
}
.block.technology {
max-width: none !important;
width: 100% !important
}
.block.technology g-col {
display: table;
float: none;
margin: 0 auto;
max-width: 72rem;
padding: 0;
position: relative;
width: calc(100% - 4rem);
z-index: 3
}
.block.technology h2 {
color: #fff;
display: block;
padding: 0 1rem;
text-align: center
}
.block.technology.white h2 {
color: #111
}
.block.technology:before {
background: #111;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.block.technology.white:before {
background: #fff;
background: -moz-linear-gradient(to right bottom, #F5F7FA 0%, #F5F7FA 50%, white 50%, white 100%);
background: -webkit-linear-gradient(to right bottom, #F5F7FA 0%, #F5F7FA 50%, white 50%, white 100%);
background: linear-gradient(to right bottom, #F5F7FA 0%, #F5F7FA 50%, white 50%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F9F9F9", endColorstr="#FFFFFF",GradientType=1 );
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.block.technology keypoint-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
.block.technology key-point {
box-sizing: border-box;
display: block;
max-width: 19.5rem;
position: relative;
text-align: center
}
.block.technology key-point img {
width: 7rem;
height: 7rem !important;
margin-left: auto;
margin-right: auto
}
.block.technology key-point.custom-icon img {
width: auto;
transform: translateX(0)
}
.block.technology key-point h3 {
color: #fff;
display: block;
margin-top: .5rem
}
.block.technology.white h3 {
color: #111
}
.block.technology key-point>span {
color: #fab842;
display: block;
font-family: "Roboto",sans-serif;
font-weight: 500;
margin-top: .5rem;
text-transform: uppercase
}
.block.technology key-point p {
color: #fff
}
.block.technology.white key-point p {
color: #111
}
.block.technology.white .btn.toWhite:hover {
background-color: #111;
color: #fff
}
.block.technology key-point a.btn {
margin-left: auto;
margin-right: auto
}
@media(max-width: 468px) {.block.technology {
padding: 2.5rem 0 !important
}

}
@media(min-width: 469px) {.block.technology {
padding: calc(2.5rem + ((1vw - 4.68px) * 10.4167)) 0 !important
}

}
@media(min-width: 1620px) {.block.technology {
padding: 7.5rem 0 !important
}

}
@media(max-width: 468px) {.block.technology h2 {
text-align: center
}
.block.technology g-col {
width: calc(100% - 2rem)
}
.block.technology key-point {
text-align: center;
width: 100%
}
.block.technology key-point+key-point {
margin-top: 2.5rem
}
.block.technology key-point img {
margin: -1rem auto 0 auto;
transform: translateX(0)
}
.block.technology key-point:before {
display: block;
position: absolute;
top: -2rem;
left: 0;
right: 0;
height: 1px;
width: auto
}
.block.technology key-point:first-of-type:before {
display: none !important
}

}
@media(min-width: 469px)and (max-width: 580px) {.block.technology key-point {
margin: 3rem 0 0 1.5rem;
padding: 0;
width: calc( (100% - 1.51rem) / 2 )
}
.block.technology key-point:nth-of-type(odd) {
margin-left: 0
}

}
@media(min-width: 581px)and (max-width: 1024px) {.block.technology key-point {
margin: 3rem 0 0 3rem;
padding: 0;
width: calc( (100% - 6.01rem) / 2 )
}
.block.technology key-point:nth-of-type(odd) {
margin-left: 0
}

}
@media(min-width: 1025px) {.block.technology key-point {
margin: 3rem 0 0 3rem;
padding: 0;
width: calc( (100% - 6.01rem) / 3 )
}
.block.technology key-point:nth-of-type(3n+1) {
margin-left: 0
}

}
.block.testimonials {
max-width: none
}
@media(max-width: 468px) {.block.testimonials {
padding-top: 2.5rem
}

}
@media(min-width: 469px) {.block.testimonials {
padding-top: calc(2.5rem + ((1vw - 4.69px) * 6.9505))
}

}
@media(min-width: 1620px) {.block.testimonials {
padding-top: 7.5rem
}

}
.block.testimonials:before {
background-color: transparent;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color 500ms ease
}
.block.testimonials[data-color=blue]:before {
background-color: #073f7a
}
.block.testimonials[data-color=yellow]:before {
background-color: #fab842
}
.block.testimonials[data-color=grey]:before {
background-color: #f5f7fa
}
.block.testimonials[data-color=white]:before {
background-color: #fff
}
.block.testimonials testimonial-inner {
box-sizing: border-box;
display: block;
margin: 0 auto;
padding-right: 7rem;
max-width: 70.5rem
}
.block.testimonials .slide * {
color: #000
}
.block.testimonials[data-color=blue] .slide * {
color: #fff
}
.block.testimonials .prefix {
display: inline-block;
margin-bottom: 1.5rem;
opacity: .7
}
.block.testimonials blockquote {
margin: 0;
max-width: 42rem
}
.block.testimonials blockquote p {
font-family: "Roboto",sans-serif;
font-weight: 400
}
@media(max-width: 479px) {.block.testimonials blockquote p {
font-size: 1.375rem
}

}
@media(min-width: 480px) {.block.testimonials blockquote p {
font-size: calc(1.375rem + ((1vw - 0.3rem) * 0.8197))
}

}
@media(min-width: 1701px) {.block.testimonials blockquote p {
font-size: 2rem
}

}
.block.testimonials cite {
align-items: center;
display: inline-flex;
flex-wrap: nowrap;
margin-top: 1.125rem
}
.block.testimonials cite figure {
border-radius: 100%;
display: block;
height: 2.813rem;
overflow: hidden;
margin: 0 1.5rem 0 0;
position: relative;
width: 2.813rem
}
.block.testimonials cite figure img {
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.block.testimonials cite figure+span {
display: block
}
.block.testimonials cite figure+span * {
display: block;
font-style: normal;
text-align: left
}
.block.testimonials .slide:only-child testimonial-inner {
padding-right: 0;
text-align: center
}
.block.testimonials .slide:only-child blockquote {
margin: 0 auto
}
.block.testimonials .slide:only-child cite {
margin: 1.125rem auto 0 auto
}
.block.testimonials .arrow-container {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
margin: 0 auto -2.5rem auto;
max-width: 70.5rem
}
.block.testimonials .arrow-container:empty {
display: none
}
.block.testimonials a.btn.arrow {
align-items: center;
background: #fab842;
border-radius: 100%;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 2.5rem;
margin: 0 !important;
justify-content: center;
padding: 0;
transition: background 125ms ease;
transform: none !important;
width: 2.5rem;
z-index: 10
}
.block.testimonials a.btn.arrow svg {
display: block;
fill: none;
position: relative;
top: auto;
left: auto;
stroke: #fff;
top: auto;
left: auto;
bottom: auto;
transition: stroke 125ms ease;
transform: none !important;
height: 1.5rem;
width: 1.5rem
}
.block.testimonials[data-color=yellow] a.btn.arrow {
background: #073f7a
}
.block.testimonials[data-color=yellow] a.btn.arrow svg {
stroke: #fff
}
.block.testimonials a.btn.arrow+a.btn.arrow {
margin-left: 1rem !important
}
@media(min-width: 480px) {.block.testimonials a.btn.arrow:hover {
background: #111;
transform: none
}
.block.testimonials[data-color=blue] a.btn.arrow:hover {
background: #fff;
transform: none
}
.block.testimonials[data-color=blue] a.btn.arrow:hover svg {
stroke: #073f7a
}
.block.testimonials[data-color=yellow] a.btn.arrow:hover {
background: #fff
}
.block.testimonials[data-color=yellow] a.btn.arrow:hover svg {
stroke: #073f7a
}

}
@media(max-width: 479px) {.block.testimonials g-col {
display: flex;
flex-wrap: wrap;
width: 100%
}
.block.testimonials testimonial-inner {
padding-right: 0
}
.block.testimonials .arrow-container {
margin: 1.5rem 0 0 0;
order: 2
}
.block.testimonials .slideshow-container {
order: 1
}

}
.block.twitter g-col {
margin: 0 auto;
max-width: 48rem;
width: 100%
}
.block.twitter twitter-widget,.block.twitter iframe {
display: table;
margin: 0 auto;
max-width: 500px !important;
width: auto !important
}
.block.twitter.left twitter-widget,.block.twitter.left iframe,.block.twitter.left .twitter-tweet {
margin: 0
}
.block.twitter.center twitter-widget,.block.twitter.center iframe,.block.twitter.center .twitter-tweet {
margin: 0 auto
}
.block.twitter.right twitter-widget,.block.twitter.right iframe,.block.twitter.right .twitter-tweet {
margin: 0 0 0 auto
}
@media(max-width: 468px) {.block.twitter twitter-widget~twitter-widget,.block.twitter iframe~iframe {
margin-top: 1rem !important
}

}
@media(min-width: 469px) {.block.twitter twitter-widget~twitter-widget,.block.twitter iframe~iframe {
margin-top: calc(1rem + ((1vw - 4.69px) * 1.3901)) !important
}

}
@media(min-width: 1620px) {.block.twitter twitter-widget~twitter-widget,.block.twitter iframe~iframe {
margin-top: 2rem !important
}

}
.block.full-width-content g-col {
margin: 0 auto;
max-width: 48rem;
width: 100%
}
.page.content.two-column .block.full-width-content g-col {
margin: 0;
max-width: none
}
.block.video g-col {
float: none;
max-width: 48rem
}
.block.video embed-container {
margin: 0 auto
}
.block.video.left g-col {
margin: 0
}
.block.video.center g-col {
margin: 0 auto
}
.block.video.right g-col {
margin: 0 0 0 auto
}
.page.content.two-column .block.video.left embed-container {
margin: 0
}
.page.content.two-column .block.video.center embed-container {
margin: 0 auto
}
.page.content.two-column .block.video.right embed-container {
margin: 0 0 0 auto
}
.page.content.two-column .block.video g-col {
max-width: none
}
@media(max-width: 468px) {.block.video embed-container {
max-width: none
}

}
.contact.form {
background-color: #f5f7fa;
padding-bottom: 0
}
.contact.form g-col:first-child {
width: calc( 93.75% - 281px )
}
.contact.form g-col:last-child {
margin-left: 6.25%;
width: 280px
}
.contact.form h2 {
margin-top: 0
}
@media(max-width: 468px) {.contact.form h2 {
margin-bottom: 1.375rem
}

}
@media(min-width: 469px) {.contact.form h2 {
margin-bottom: calc(1.375rem + ((1vw - 4.69px) * 1.7376))
}

}
@media(min-width: 1620px) {.contact.form h2 {
margin-bottom: 2.625rem
}

}
.contact.form div[role=form].wpcf7 {
margin-top: 3.125rem
}
.contact.form h1~p,.contact.form h2~p {
max-width: 24rem
}
.contact.form form {
display: table;
position: relative;
width: 100%
}
.contact.form form-left {
display: block;
float: left;
width: 40%
}
.contact.form form-right {
box-sizing: border-box;
display: block;
float: left;
padding-left: 3.125rem;
width: 60%
}
@media(max-width: 1220px) {.contact.form form-left,.contact.form form-right {
margin-left: 0;
padding-left: 0;
width: 100%
}
.contact.form form-right {
margin-top: 1rem
}

}
@media(max-width: 915px) {.contact.form g-col:first-child {
width: calc(100% - 17.875rem)
}
.contact.form g-col:last-child {
margin-left: 1rem;
width: 16.875rem
}

}
@media(max-width: 680px) {.contact.form g-col:first-child {
width: 100%
}
.contact.form g-col:last-child {
margin-top: 2.5rem;
margin-left: 0;
width: 100%
}

}
.wpcf7 form label {
color: #111;
display: block;
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: 500;
margin-bottom: .25rem
}
.wpcf7 form label span:not([class]) {
color: #fab842;
display: inline-block;
padding-left: .25rem
}
.wpcf7 form p {
margin: 0 !important
}
.wpcf7 form p+p {
margin-top: 1rem !important
}
.wpcf7 form br {
display: none
}
.wpcf7 form input[type=text],.wpcf7 form input[type=email],.wpcf7 form input[type=tel],.wpcf7 form input[type=url],.wpcf7 form input[type=date] {
background-color: #fff;
border: 0;
border-radius: .125rem 0 0 .125rem;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2);
display: block;
font-family: "Roboto",sans-serif;
height: 3.125rem;
line-height: 3.125rem;
padding: 0 .875rem;
width: 100%
}
.wpcf7 form select {
background-color: #fff;
border: 0;
border-radius: .125rem 0 0 .125rem;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2);
display: block;
font-family: "Roboto",sans-serif;
height: 3.125rem;
line-height: 3.125rem;
padding: 0 .875rem;
width: 100%
}
.wpcf7 form textarea {
background-color: #fff;
border: 0;
border-radius: .125rem 0 0 .125rem;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2);
display: block;
font-family: "Roboto",sans-serif;
height: 22.25rem;
line-height: 160%;
padding: .75rem .875rem;
resize: none;
width: 100%
}
.wpcf7 form input[type=submit] {
box-sizing: border-box;
border: 0;
cursor: pointer;
display: table;
font-family: "Roboto",sans-serif;
font-size: 1.125rem;
font-weight: 400;
position: relative;
text-decoration: none !important;
z-index: 1;
border-radius: .25rem;
padding: .875rem 2rem;
transition: background-color 250ms ease,color 250ms ease;
background: #fab842;
color: #111
}
@media(min-width: 469px) {.wpcf7 form input[type=submit]:hover {
background: #111;
color: #fff
}

}
.contact.form g-col>a {
display: block;
color: #111;
font-family: "Roboto",sans-serif;
font-size: 1.063rem;
font-weight: 500;
text-decoration: none;
transition: color 250ms ease
}
.contact.form g-col>a:hover {
color: #fab842
}
.contact.form g-col>a+a {
margin-top: .875rem
}
.contact.form .social {
display: table;
list-style-type: none;
margin: 4.5rem 0 0 0;
padding: 0
}
.contact.form .social li {
display: block;
float: left
}
.contact.form .social li+li {
margin-left: .75rem
}
.contact.form .social a {
background-color: #fab842;
border-radius: 50%;
display: block;
height: 2.25rem;
position: relative;
transition: background-color 300ms ease;
width: 2.25rem
}
.contact.form .social svg {
display: block;
fill: #111;
height: 1.125rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: fill 300ms ease;
width: 1.125rem
}
.contact.form .social a:hover {
background-color: #111
}
.contact.form .social a:hover svg {
fill: #fab842
}
.contact.form .social a:hover svg {
fill: #fff
}
.contact.map {
background-color: #f5f7fa;
padding-bottom: 0
}
@media(max-width: 468px) {.contact.map h2 {
margin-bottom: 2rem
}

}
@media(min-width: 469px) {.contact.map h2 {
margin-bottom: calc(2rem + ((1vw - 4.69px) * 1.3901))
}

}
@media(min-width: 1620px) {.contact.map h2 {
margin-bottom: 3rem
}

}
.contact.map map-outer {
box-sizing: border-box;
display: block;
height: 0;
min-height: 700px;
overflow: hidden;
padding-bottom: 47.5%;
position: relative
}
.contact.map div#map {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 133%
}
.contact.map map-overlay {
background-color: #fff;
display: block;
font-family: "Roboto",sans-serif;
left: 6vw;
line-height: 170%;
max-width: 18rem;
overflow: hidden;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 33vw;
z-index: 2
}
.contact.map map-overlay address {
display: block;
font-style: normal;
padding: 2.5rem
}
.contact.map map-overlay a {
color: rgba(0,0,0,.33);
display: table;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
margin: 0 2.5rem 2.5rem auto;
padding-right: 1.25rem;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: color 250ms ease
}
.contact.map map-overlay a img {
height: .75rem;
opacity: .5;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) translateX(0);
transition: opacity 250ms ease,transform 250ms ease;
width: .75rem
}
.contact.map map-overlay a:hover {
color: #000
}
.contact.map map-overlay a:hover img {
opacity: 1;
transform: translateY(-50%) translateX(0.25rem)
}
.contact.map map-overlay image-outer {
display: block;
height: 0;
padding-bottom: 62.5%;
position: relative;
width: 100%
}
.contact.map map-overlay link-image {
background-color: #f5f7fa;
height: 200%;
border-radius: 50%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease,transform 300ms ease;
width: 300%
}
.contact.map map-overlay link-image figure {
background-size: cover !important;
background-position: center !important;
height: 50%;
margin: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease;
width: 34%
}
@media(max-width: 768px) {.contact.map map-overlay {
font-size: 1.125rem;
left: 0;
position: relative;
top: 0;
text-align: left;
transform: translateY(0);
max-width: none;
width: 100%
}
.contact.map address {
padding: 2rem !important
}
.contact.map map-overlay image-outer {
display: none
}
.contact.map map-outer {
height: auto;
min-height: 0;
padding-bottom: 0
}
.contact.map div#map {
display: block;
position: relative !important;
height: 65vh;
width: 100%
}
.contact.map map-overlay a {
margin: 0 0 2rem 2rem
}

}
div.wpcf7-validation-errors,div.wpcf7-mail-sent-ng {
border: 0;
background-color: #e74c3c;
border-radius: .25rem;
box-sizing: border-box;
color: #fff;
float: left;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
margin: 0 0 2rem;
padding: 1rem 1.125rem;
width: 100%
}
span.wpcf7-not-valid-tip {
color: #e74c3c;
font-family: "Roboto",sans-serif;
font-size: .75rem;
font-weight: 500
}
div.wpcf7-mail-sent-ok {
border: 0;
background-color: #2ecc71;
border-radius: .25rem;
box-sizing: border-box;
color: #fff;
float: left;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
margin: 0 0 2rem;
padding: 1rem 1.125rem;
width: 100%
}
p+div.wpcf7-validation-errors,p+div.wpcf7-mail-sent-ng,p+div.wpcf7-mail-sent-ok {
margin-top: 1.25rem
}
.contact.sales {
background-color: #073f7a;
padding: 12rem 0 0 0
}
.show-mobile-nav .contact.sales {
padding: 7.875rem 0 0 0
}
@media(max-width: 668px) {.contact.sales {
padding: 7.875rem 0 0 0
}

}
.contact.sales g-row {
display: flex;
flex-wrap: wrap
}
.contact.sales g-col:first-child {
margin-left: 12.5%;
width: 43.75%
}
.contact.sales g-col:last-child {
margin-left: 6.25%;
width: 37.5%
}
.contact.sales form-wrapper {
background-color: #f5f7fa;
border-radius: .25rem;
box-sizing: border-box;
display: block;
padding: 4rem 2.5rem 2.5rem 2.5rem;
position: relative;
z-index: 2
}
.contact.sales div.wpcf7 {
margin-top: 2.5rem
}
.contact.sales figure {
background-size: cover !important;
background-position: center !important;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
margin: 0;
position: absolute;
transform: translateX(-50%) translateY(-50%);
z-index: 1
}
.contact.sales figure:first-of-type {
height: 9vw;
left: 75%;
top: 50%;
width: 9vw
}
.contact.sales figure:last-of-type {
height: 23vw;
left: 5%;
top: 72%;
width: 23vw
}
.contact.sales ul {
color: #6772e5;
list-style-type: none;
margin: 12vw 0 0 0;
padding: 0
}
.contact.sales ul li {
display: block;
padding: 0 0 0 2rem;
position: relative
}
.contact.sales ul li+li {
margin-top: 1rem
}
.contact.sales ul li:before {
background-image: url("../img/tick-blue.svg");
background-position: center;
background-size: cover;
content: "";
height: 1.125rem;
position: absolute;
top: .375rem;
left: 0;
width: 1.125rem
}
@media(max-width: 1500px) {.contact.sales figure:first-of-type {
height: 12vw;
left: 75%;
top: 50%;
width: 12vw
}
.contact.sales figure:last-of-type {
height: 28vw;
left: 5%;
top: 72%;
width: 28vw
}

}
@media(max-width: 1120px) {.contact.sales g-col:first-child {
margin-left: 0%;
width: 56.25%
}
.contact.sales g-col:last-child {
margin-left: 6.25%;
width: 37.5%
}
.contact.sales figure:first-of-type {
height: 18vw;
left: 65%;
top: 55%;
width: 18vw
}
.contact.sales figure:last-of-type {
height: 34vw;
left: 5%;
top: 80%;
width: 34vw
}

}
@media(max-width: 768px) {.contact.sales g-col:first-child {
margin-left: 0%;
width: 100%
}
.contact.sales g-col:last-child {
margin-left: 0%;
width: 100%
}
.contact.sales figure {
display: none
}
.contact.sales ul {
margin-top: 3rem
}

}
@media(max-width: 468px) {.contact.sales form-wrapper {
padding: 2.5rem 1.5rem 1.5rem 1.5rem
}

}
section.timeline {
padding-top: 0
}
section.timeline:after {
background-color: #fab842;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
content: "";
height: 1.313rem;
position: absolute;
bottom: 3.75rem;
transform: translateX(-50%);
width: 1.313rem;
z-index: 3
}
section.timeline timeline-container {
display: block;
position: relative
}
section.timeline timeline-container:before {
background-color: #fab842;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
content: "";
height: 1.313rem;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 1.313rem;
z-index: 3
}
section.timeline timeline-container:after {
background-color: #fab842;
content: "";
height: calc(100% + 3.75rem);
position: absolute;
top: 0;
transform: translateX(-50%);
width: 2px;
z-index: 1
}
section.timeline timeline-entry {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
max-width: 73.75rem;
position: relative;
width: calc(100% - 4rem)
}
section.timeline entry-image {
display: block;
filter: drop-shadow(0 0 1rem rgba(0, 64, 81, 0.2))
}
section.timeline entry-image figure {
background-position: center !important;
background-size: cover !important;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
display: block;
height: 0;
margin: 0;
padding-bottom: 100%;
position: relative
}
section.timeline entry-text {
display: block;
margin-top: auto;
margin-bottom: auto;
position: relative
}
section.timeline entry-text date {
color: #0a59ad;
display: block;
font-family: "Roboto",sans-serif;
font-size: 1.063rem;
font-style: normal;
font-weight: 500;
line-height: 2.5rem;
position: relative;
text-transform: uppercase
}
section.timeline entry-text date:before {
background-color: #fab842;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
content: "";
height: 1.313rem;
position: absolute;
top: 50%;
width: 1.313rem;
z-index: 3
}
section.timeline timeline-entry:nth-child(odd) entry-text date:before {
left: -11%;
transform: translateX(-50%) translateY(-50%)
}
section.timeline timeline-entry:nth-child(even) entry-text date:before {
right: -11%;
transform: translateX(50%) translateY(-50%)
}
section.timeline entry-text h2 {
margin-top: 1rem
}
@media(max-width: 468px) {section.timeline entry-text h2 {
font-size: 1.125rem !important;
line-height: 140%
}

}
@media(min-width: 469px) {section.timeline entry-text h2 {
font-size: calc(1.125rem + ((1vw - 4.69px) * 0.5213)) !important
}

}
@media(min-width: 1620px) {section.timeline entry-text h2 {
font-size: 1.5rem !important
}

}
@media(max-width: 468px) {section.timeline timeline-entry {
width: calc(100% - 2rem)
}

}
@media(max-width: 699px) {section.timeline entry-text date:before {
display: none
}
section.timeline:after {
display: none
}
section.timeline timeline-container:before {
display: none
}
section.timeline timeline-container:after {
display: none
}
section.timeline timeline-entry:before {
display: none
}
section.timeline entry-image {
margin: 0 auto;
max-width: 11rem;
width: 100%
}
section.timeline entry-text {
margin: 0 auto;
max-width: 30rem;
text-align: center;
width: 100%
}
section.timeline entry-text date {
margin-top: 1rem
}
section.timeline entry-text date+h2 {
margin-top: 0
}

}
@media(min-width: 700px) {section.timeline timeline-container {
padding: 2.5rem 0
}
section.timeline:after {
left: 50%
}
section.timeline timeline-container:before {
left: 50%
}
section.timeline timeline-container:after {
left: 50%
}
section.timeline timeline-entry:before {
left: 50%
}
section.timeline entry-image {
float: left;
width: 45%
}
section.timeline entry-text {
float: left;
width: 45%
}
section.timeline timeline-entry:nth-child(even) {
flex-direction: row-reverse
}
section.timeline timeline-entry:nth-child(odd) entry-text {
margin-left: 10%
}
section.timeline timeline-entry:nth-child(even) entry-text {
margin-right: 10%;
text-align: right
}

}
@media(max-width: 468px) {section.timeline timeline-entry+timeline-entry {
padding: 2.5rem 0 0 0
}

}
@media(min-width: 469px) {section.timeline timeline-entry+timeline-entry {
padding: calc(2.5rem + ((1vw - 4.69px) * 3.4752)) 0 0 0
}

}
@media(min-width: 1620px) {section.timeline timeline-entry+timeline-entry {
padding: 5rem 0 0 0
}

}
section.home-banner {
align-items: center;
background-color: #000;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 11rem 0 !important;
overflow: hidden
}
section.home-banner>figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 1s ease;
z-index: 0
}
.ready section.home-banner>figure {
opacity: .44
}
section.home-banner g-container {
position: relative;
width: 100%;
z-index: 10
}
section.home-banner h1,section.home-banner p {
color: #fff;
max-width: 38rem
}
section.home-banner a.btn {
margin: 2.25rem 0 0 0
}
@media(min-width: 480px) {section.home-banner {
min-height: 100vh
}

}
error-404 {
background: #111;
box-sizing: border-box;
display: block;
min-height: 100vh;
padding: 32.5vh 0;
position: relative
}
error-404:before {
background-image: url("../img/404.jpg");
background-size: cover;
content: "";
opacity: .1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
error-404 g-container {
position: relative;
z-index: 2
}
error-404 message-wrapper {
display: block;
position: relative
}
error-404 h1 {
color: #fff
}
error-404 h2 {
color: #fff !important;
margin-top: .5rem
}
error-404 .btn {
margin: 1.875rem 0
}
@media(max-width: 468px) {error-404 {
min-height: 0;
padding: 10.75rem 0
}
error-404 g-col {
max-width: 17rem
}
error-404 .btn {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center !important;
width: 100%
}

}
error-404 form {
display: table;
margin-top: 4rem;
max-width: 30rem;
position: relative;
width: 100%
}
error-404 label {
color: #fff;
display: block;
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: 400;
line-height: 2.063rem;
margin: 0
}
error-404 label input {
background-color: #f5f7fa;
border: 0;
border-radius: .125rem 0 0 .125rem;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2);
display: block;
font-family: "Roboto",sans-serif;
height: 3.125rem;
line-height: 3.125rem;
margin-top: .375rem;
margin-right: 6rem;
padding: 0 .875rem;
width: calc(100% - 6rem)
}
error-404 input[type=submit] {
box-sizing: border-box;
border: 0;
cursor: pointer;
display: table;
font-family: "Roboto",sans-serif;
font-weight: 500;
margin: 0;
position: absolute;
text-decoration: none !important;
bottom: 0;
right: 0;
width: 6rem;
z-index: 1
}
error-404 input[type=submit] {
border-radius: 0 .25rem .25rem 0;
font-size: 1rem;
font-weight: normal;
height: 3.125rem;
line-height: 3.125rem;
padding: 0;
text-align: center;
transition: background-color 250ms ease,color 250ms ease
}
error-404 input[type=submit] {
background-color: #fab842;
color: #111
}
error-404 input[type=submit]:hover {
background-color: #111;
color: #fff
}
results-list {
display: flex;
flex-wrap: wrap;
position: relative
}
.search.results a {
background-color: #fff;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
display: block;
float: left;
overflow: hidden;
margin-top: 2.5rem;
position: relative;
text-decoration: none;
transform: translateY(0);
transition: transform 300ms ease
}
@media(max-width: 468px) {.search.results a {
margin-left: 0;
width: 100%
}
.search.results a~a {
margin-top: 1rem
}

}
@media(min-width: 469px)and (max-width: 768px) {.search.results a {
margin-left: 1.5rem;
width: calc(50% - 0.75rem)
}
.search.results a:nth-child(2n+1) {
margin-left: 0
}

}
@media(min-width: 769px)and (max-width: 1120px) {.search.results a {
margin-left: 2rem;
width: calc(33.333% - 1.34rem)
}
.search.results a:nth-child(3n+1) {
margin-left: 0
}

}
@media(min-width: 1121px)and (max-width: 1620px) {.search.results a {
margin-left: 2rem;
width: calc(25% - 1.5rem)
}
.search.results a:nth-child(4n+1) {
margin-left: 0
}

}
@media(min-width: 1621px) {.search.results a {
margin-left: 2rem;
width: calc(25% - 1.5rem)
}
.search.results a:nth-child(4n+1) {
margin-left: 0
}

}
.search.results a:before {
background-color: #999;
content: "";
height: .5rem;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.search.results a.newsarticle:before {
background-color: #111
}
.search.results a.page:before {
background-color: #b8e986
}
.search.results a.casestudy:before {
background-color: #50e3c2
}
.search.results a.people:before {
background-color: #d35400
}
.search.results a.blogarticle:before {
background-color: #515961
}
.search.results a.vacancy:before {
background-color: #fab842
}
.search.results a.partner:before {
background-color: #e74c3c
}
.search.results a.industry:before {
background-color: #8e44ad
}
.search.results a.supportdocument:before {
background-color: #1abc9c
}
@media(min-width: 769px) {.search.results a:hover {
transform: translateY(-1rem)
}

}
.search.results a image-outer {
display: block;
height: 0;
padding-bottom: 62.5%;
position: relative;
width: 100%
}
.search.results a link-image {
background-color: #f5f7fa;
height: 200%;
border-radius: 50%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease,transform 300ms ease;
width: 300%
}
.search.results a link-image figure {
background-size: cover !important;
background-position: center !important;
height: 50%;
margin: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease;
width: 34%
}
@media(min-width: 469px) {.search.results a:hover link-image {
width: 200%
}
.search.results a:hover link-image figure {
width: 50.5%
}

}
.search.results a small,.search.results a strong {
color: #111;
display: block;
text-align: center
}
.search.results a small {
color: #111;
font-size: .813rem;
font-weight: 600;
padding: 2rem 2rem 1.5rem 2rem;
text-transform: uppercase
}
.search.results a strong {
font-family: "Roboto",sans-serif;
font-weight: 400;
line-height: 140%;
margin: 0;
padding: 0 2rem 4rem 2rem;
text-transform: none
}
.search.results a image-outer+strong {
padding-top: 1.5rem
}
@media(max-width: 468px) {.search.results a strong {
font-size: 1.063rem
}

}
@media(min-width: 469px) {.search.results a strong {
font-size: calc(1.0625rem + ((1vw - 4.69px) * 0.1738))
}

}
@media(min-width: 1620px) {.search.results a strong {
font-size: 1.188rem
}

}
.page-banner.search h1 {
color: #fff
}
.page-banner.search g-col {
padding-bottom: 2.75rem
}
.page-banner.search form {
display: table;
margin-top: 2.75rem;
max-width: 50rem;
position: relative;
width: 100%
}
.page-banner.search label {
color: #fff;
display: block;
font-family: "Roboto",sans-serif;
font-size: .938rem;
font-weight: 400;
line-height: 2.063rem;
margin: 0
}
.page-banner.search label span {
display: none
}
.page-banner.search label input {
background-color: #f5f7fa;
border: 0;
border-radius: .125rem 0 0 .125rem;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,.2);
display: block;
font-family: "Roboto",sans-serif;
height: 3.125rem;
line-height: 3.125rem;
margin-top: 0;
margin-right: 6rem;
padding: 0 .875rem;
width: calc(100% - 6rem)
}
.page-banner.search input[type=submit] {
box-sizing: border-box;
border: 0;
cursor: pointer;
display: table;
font-family: "Roboto",sans-serif;
font-weight: 500;
margin: 0;
position: absolute;
text-decoration: none !important;
bottom: 0;
right: 0;
width: 6rem;
z-index: 1
}
.page-banner.search input[type=submit] {
border-radius: 0 .25rem .25rem 0;
font-size: .813rem;
height: 3.125rem;
line-height: 3.125rem;
padding: 0;
text-transform: uppercase;
text-align: center;
transition: background-color 250ms ease,color 250ms ease
}
.page-banner.search input[type=submit] {
background-color: #fab842;
color: #111
}
.page-banner.search input[type=submit]:hover {
background-color: #111;
color: #fab842
}
.search.results+.pagination h2 {
display: none
}
.search.results+.pagination {
display: block;
position: relative
}
.search.results+.pagination div.nav-links {
margin-top: 0
}
@media(max-width: 468px) {.search.results+.pagination {
padding: 0 0 2.5rem 0
}

}
@media(min-width: 469px) {.search.results+.pagination {
padding: 0 0 calc(2.5rem + ((1vw - 4.69px) * 3.4752)) 0
}

}
@media(min-width: 1620px) {.search.results+.pagination {
padding: 0 0 5rem 0
}

}
.loader,.loader:before,.loader:after {
background: #fab842;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em
}
.loader {
color: #fab842;
text-indent: -9999em;
margin: 88px auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
display: none
}
.loader:before,.loader:after {
position: absolute;
top: 0;
content: ""
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s
}
.loader:after {
left: 1.5em
}
@-webkit-keyframes load1 {0%,80%,100% {
box-shadow: 0 0;
height: 4em
}
40% {
box-shadow: 0 -2em;
height: 5em
}

}
@keyframes load1 {0%,80%,100% {
box-shadow: 0 0;
height: 4em
}
40% {
box-shadow: 0 -2em;
height: 5em
}

}
.support.service h2 {
text-align: center
}
@media(max-width: 468px) {.support.service h2 {
margin-bottom: 2rem
}

}
@media(min-width: 469px) {.support.service h2 {
margin-bottom: calc(2rem + ((1vw - 4.69px) * 3.4752))
}

}
@media(min-width: 1620px) {.support.service h2 {
margin-bottom: 4.5rem
}

}
.support.service service-list {
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%
}
.support.service service-list a {
display: block;
float: left;
text-decoration: none
}
.support.service service-list poly-image {
display: block;
margin: 0 auto;
position: relative;
width: 90%
}
.support.service service-list poly-image svg {
fill: #f5f7fa;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1
}
.support.service service-list poly-image image-container {
display: block;
filter: drop-shadow(0 0 1rem rgba(0, 64, 81, 0.15));
position: relative;
z-index: 2
}
.support.service service-list poly-image figure {
background-size: cover !important;
background-position: center !important;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
display: block;
height: 0;
margin: 0 auto;
padding-bottom: 90%;
position: relative;
width: 90%
}
.support.service service-list a strong {
color: #111;
display: block;
margin-top: 1.875rem;
text-align: center;
text-transform: uppercase
}
@media(min-width: 1025px) {.support.service.has-3 service-list a {
width: 15rem
}
.support.service.has-3 service-list a:first-child {
margin-left: calc( ( 100% - 57rem ) / 2 )
}
.support.service.has-3 service-list a~a {
margin-left: 6rem
}
.support.service.has-4 service-list a {
width: 12rem
}
.support.service.has-4 service-list a:first-child {
margin-left: 0
}
.support.service.has-4 service-list a~a {
margin-left: calc( ( 100% - 48rem ) / 3 )
}
.support.service.has-4 service-list a:nth-child(4n)~a {
margin-top: 2rem
}

}
@media(min-width: 1250px) {.support.service.has-4 service-list a {
width: 13rem
}
.support.service.has-4 service-list a:first-child {
margin-left: calc( ( 100% - 64rem ) / 2 )
}
.support.service.has-4 service-list a~a {
margin-left: 4rem
}

}
@media(min-width: 801px)and (max-width: 1024px) {.support.service.has-3 service-list a {
width: 12rem
}
.support.service.has-3 service-list a:first-child {
margin-left: calc( ( 100% - 42rem ) / 2 )
}
.support.service.has-3 service-list a~a {
margin-left: 3rem
}
.support.service.has-4 service-list a {
margin-left: 8%;
width: 28%
}
.support.service.has-4 service-list a:nth-child(3n+1) {
margin-left: 0
}
.support.service.has-4 service-list a:nth-child(3n)~a {
margin-top: 2rem
}

}
@media(min-width: 641px)and (max-width: 800px) {.support.service.has-3 service-list a {
width: 10rem
}
.support.service.has-3 service-list a:first-child {
margin-left: calc( ( 100% - 34rem ) / 2 )
}
.support.service.has-3 service-list a~a {
margin-left: 2rem
}
.support.service.has-4 service-list a {
margin-left: 3.333%;
width: 30%
}
.support.service.has-4 service-list a:nth-child(3n+1) {
margin-left: 0
}
.support.service.has-4 service-list a:nth-child(3n)~a {
margin-top: 2rem
}

}
@media(min-width: 551px)and (max-width: 640px) {.support.service.has-3 service-list a {
width: 9rem
}
.support.service.has-3 service-list a:first-child {
margin-left: calc( ( 100% - 29rem ) / 2 )
}
.support.service.has-3 service-list a~a {
margin-left: 1rem
}
.support.service.has-4 service-list a {
margin-left: 6.6666666667%;
width: 40%
}
.support.service.has-4 service-list a:nth-child(2n)~a {
margin-top: 2rem
}

}
@media(max-width: 550px) {.support.service service-list a {
margin-left: 3.333%;
width: 45%
}
.support.service service-list a:nth-child(2n)~a {
margin-top: 2rem
}

}
@media(max-width: 500px) {.support.service service-list a strong {
margin-top: 1rem
}

}
.support.service+.support.archive {
padding-top: 0 !important
}
.support.archive h2 {
text-align: center
}
@media(max-width: 468px) {.support.archive:not(.noresults) h2 {
margin-bottom: 2rem
}

}
@media(min-width: 469px) {.support.archive:not(.noresults) h2 {
margin-bottom: calc(2rem + ((1vw - 4.69px) * 3.4752))
}

}
@media(min-width: 1620px) {.support.archive:not(.noresults) h2 {
margin-bottom: 4.5rem
}

}
.support.archive post-list {
display: flex;
flex-wrap: wrap;
width: 100%
}
.support.archive post-list a {
background-color: #fff;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
display: block;
float: left;
overflow: hidden;
margin-top: 2.5rem;
position: relative;
text-decoration: none;
transform: translateY(0);
transition: transform 300ms ease
}
@media(min-width: 769px) {.support.archive post-list a:hover {
transform: translateY(-1rem)
}

}
.support.archive post-list a figure {
backface-visibility: hidden;
background-size: cover !important;
background-position: center !important;
display: block;
height: 0;
margin: 0;
padding-bottom: 62.5%;
position: relative;
clip-path: ellipse(120% 100% at 50% 0%);
transition: clip-path 300ms ease;
z-index: 1
}
@media(min-width: 469px) {.support.archive post-list a:hover figure {
clip-path: ellipse(90% 100% at 50% 0%)
}

}
.support.archive post-list a h3,.support.archive post-list a span {
color: #111;
display: block;
text-align: center
}
.support.archive post-list a h3 {
font-family: "Roboto",sans-serif;
font-weight: 400;
line-height: 140%;
margin: 0;
text-transform: none
}
.support.archive post-list a span {
color: #111;
font-size: .813rem;
font-weight: 600;
text-transform: uppercase
}
@media(min-width: 550px) {.support.archive post-list a h3 {
padding: 2.125rem 1.5rem 0 1.5rem
}
.support.archive post-list a span {
padding: 1.5rem 1.5rem 5.5rem 1.5rem
}

}
@media(max-width: 549px) {.support.archive post-list a h3 {
padding: 2rem 1.5rem 0 1.5rem
}
.support.archive post-list a span {
padding: 1.5rem 1.5rem 3.125rem 1.5rem
}

}
@media(max-width: 468px) {.support.archive post-list a h3 {
padding: 1.5rem 1rem 0 1rem
}
.support.archive post-list a span {
padding: 1rem 1rem 2.5rem 1rem
}

}
@media(max-width: 468px) {.support.archive post-list a h3 {
font-size: 1.063rem
}

}
@media(min-width: 469px) {.support.archive post-list a h3 {
font-size: calc(1.0625rem + ((1vw - 4.69px) * 0.1738))
}

}
@media(min-width: 1620px) {.support.archive post-list a h3 {
font-size: 1.188rem
}

}
@media(min-width: 1221px) {.support.archive post-list a {
margin-left: 2rem;
width: calc(25% - 1.55rem)
}
.support.archive post-list a:nth-child(4n+1) {
margin-left: 0
}

}
@media(min-width: 920px)and (max-width: 1220px) {.support.archive post-list a {
margin-left: 2rem;
width: calc(33.333% - 1.39rem)
}
.support.archive post-list a:nth-child(3n+1) {
margin-left: 0
}

}
@media(min-width: 550px)and (max-width: 919px) {.support.archive post-list a {
margin-left: 2rem;
width: calc(50% - 1.13rem)
}
.support.archive post-list a:nth-child(odd) {
margin-left: 0
}

}
@media(max-width: 549px) {.support.archive post-list a {
margin-top: 0
}
.support.archive post-list a~a {
margin-top: 2rem
}
.support.archive post-list a {
width: 100%
}

}
@media(max-width: 468px) {.support.archive post-list a~a {
margin-top: 1rem
}

}
.support.noresults+.noresults {
background-color: #f5f7fa
}
.support.noresults p {
color: #111;
font-family: "Roboto",sans-serif;
text-align: center
}
.support.noresults p a {
color: #fab842;
text-decoration: none;
transition: color 250ms ease
}
.support.noresults p a:hover {
color: #111
}
@media(max-width: 468px) {.support.noresults p {
font-size: 1.125rem
}

}
@media(min-width: 469px) {.support.noresults p {
font-size: calc(1.125rem + ((1vw - 4.69px) * 0.3475))
}

}
@media(min-width: 1620px) {.support.noresults p {
font-size: 1.375rem
}

}
.people.archive g-col {
padding: 0
}
.people.archive archive-posts {
display: flex;
flex-wrap: wrap
}
.people.archive archive-posts a {
box-sizing: border-box;
display: block;
float: left;
padding: 0 1rem;
text-decoration: none
}
.people.archive archive-posts a profile-image {
background-color: #f5f7fa;
display: block;
height: 0;
overflow: hidden;
padding-bottom: 130%;
position: relative;
width: 100%
}
.people.archive archive-posts a figure {
background-position: top center !important;
background-size: cover !important;
margin: 0;
padding-bottom: 130%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transform-origin: 50% 25%;
transition: transform 1s ease;
width: 100%
}
.people.archive archive-posts a:hover figure {
transform: scale(1.1)
}
.people.archive archive-posts a h3,.people.archive archive-posts a span {
color: #111;
font-family: "Roboto",sans-serif;
font-size: .875rem;
line-height: 160%
}
.people.archive archive-posts a h3 {
font-weight: 500;
display: block;
margin: 1.75rem 0 0 0;
transition: color 300ms ease;
text-transform: uppercase
}
.people.archive archive-posts a span {
display: block;
font-weight: 400;
margin: .375rem 0 0 0
}
.people.archive archive-posts a:hover h3 {
color: #fab842
}
@media(min-width: 1000px) {.people.archive archive-posts a {
width: 20%
}
.people.archive archive-posts a:nth-child(5n)~a {
margin-top: 2.5rem
}

}
@media(max-width: 999px) {.people.archive archive-posts a {
width: 33.333%
}
.people.archive archive-posts a:nth-child(3n)~a {
margin-top: 2.25rem
}

}
@media(max-width: 640px) {.people.archive archive-posts a {
width: 50%
}
.people.archive archive-posts a:nth-child(2n)~a {
margin-top: 2rem
}

}
@media(max-width: 468px) {.people.archive archive-posts a {
padding: 0 .5rem
}
.people.archive archive-posts a h3 {
margin-top: .875rem
}

}
section-background {
background: #111;
content: "";
position: absolute;
top: 0;
right: 0;
left: 0
}
@media(min-width: 1025px) {.people-banner g-col:first-child {
margin-left: 0;
width: 25%
}
.people-banner g-col:last-child {
margin-left: 6.25%;
width: 68.75%
}

}
@media(min-width: 641px)and (max-width: 1024px) {.people-banner g-col:first-child {
margin-left: 0;
width: 43.75%
}
.people-banner g-col:last-child {
margin-left: 6.25%;
width: 50%
}

}
@media(max-width: 640px) {section-background {
height: 75vw !important
}
.people-banner g-col {
margin-left: 0;
width: 100%
}

}
@media(max-width: 640px) {.people-banner {
padding-top: 6.75rem
}

}
@media(min-width: 641px) {.people-banner {
padding-top: calc(7.8125rem + ((1vw - 6.41px) * 7.6609))
}

}
@media(min-width: 1620px) {.people-banner {
padding-top: 12.5rem
}

}
body.show-mobile-nav .people-banner {
padding-top: 6.75rem
}
.people-banner g-col>figure {
background-color: #eee;
background-position: top center !important;
background-size: cover !important;
border-radius: .188rem;
display: block;
height: 0;
margin: 0;
padding-bottom: 125%;
position: relative;
z-index: 5
}
@media(max-width: 640px) {.people-banner g-col>figure {
padding-bottom: 100%
}

}
.people-banner h1 {
margin: 4.5rem 0 0 0
}
.people-banner span {
display: table;
font-family: "Roboto",sans-serif;
margin: .5rem 0 0 0;
padding-bottom: 2.25rem
}
.people-banner a {
color: #fab842;
font-weight: 600;
text-decoration: none;
transition: color 250ms ease
}
.people-banner a:hover {
color: #515961
}
@media(min-width: 641px) {.people-banner>a {
display: none
}
.people-banner h1,.people-banner span {
color: #fff
}
.people-banner span+p {
margin-top: 2.5rem
}

}
@media(max-width: 640px) {.people-banner g-col>a {
display: none
}
.people-banner h1 {
margin-top: 2rem
}
.people-banner span {
padding-bottom: 0
}
.people-banner>a {
color: #fff;
font-family: "Roboto",sans-serif;
font-size: .875rem;
line-height: 1.688rem;
position: absolute;
right: 1rem;
opacity: .5;
position: absolute;
right: 2rem;
top: 2rem;
text-decoration: none;
text-transform: uppercase;
transition: color 250ms ease,opacity 250ms ease;
z-index: 2
}

}
@media(max-width: 468px) {.people-banner>a {
right: 1rem
}

}
@media(max-width: 468px) {.people-banner span {
font-size: 1.1875rem
}

}
@media(min-width: 469px) {.people-banner span {
font-size: calc(1.1875rem + ((1vw - 4.69px) * 0.2606))
}

}
@media(min-width: 1620px) {.people-banner span {
font-size: 1.375rem
}

}
.people-banner span~* {
max-width: 40rem
}
.people-banner g-col:last-child>a {
color: #fff;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.688rem;
position: absolute;
right: 1rem;
opacity: .5;
padding-right: 1.375rem;
text-decoration: none;
text-transform: uppercase;
transition: color 250ms ease,opacity 250ms ease
}
.people-banner g-col:last-child>a img {
height: .625rem;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-55%) translateX(0);
transition: transform 250ms ease;
width: .625rem
}
.people-banner g-col:last-child>a:hover {
color: #fab842;
opacity: 1
}
.people-banner g-col:last-child>a:hover img {
transform: translateY(-55%) translateX(50%)
}
.people-banner.inline g-col:last-child>a {
position: relative !important;
top: 0 !important;
right: 0 !important
}
.people-banner social-links {
display: block;
padding: 2.5rem 0;
position: relative
}
.people-banner social-links ul+svg {
fill: #f8f9fb;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1
}
.people-banner social-links ul {
display: table;
list-style-type: none;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 2
}
.people-banner social-links ul li {
display: block;
float: left
}
.people-banner social-links ul li+li {
margin-left: .75rem
}
.people-banner social-links ul a {
background-color: #fab842;
border-radius: 50%;
display: block;
height: 1.875rem;
position: relative;
transition: background-color 300ms ease;
width: 1.875rem
}
.people-banner social-links ul svg {
display: block;
fill: #111;
height: .875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: .875rem
}
.people-banner social-links a:hover {
background-color: #111
}
.people-banner social-links a:hover svg {
fill: #fab842
}
@media(max-width: 640px) {.people-banner social-links ul {
margin: 0
}
.people-banner social-links ul+svg {
display: none
}
.people-banner social-links {
padding: 2rem 0 0 0
}

}
section.people-news {
background-color: #f5f7fa;
max-width: none !important;
overflow: hidden;
width: 100% !important
}
section.people-news g-col {
float: none;
margin: 0 auto;
max-width: 98.25rem;
position: relative;
width: calc(100% - 2rem);
z-index: 3
}
section.people-news g-col:last-child {
padding: 0
}
@media(max-width: 468px) {section.people-news g-col:last-child {
width: 100%
}

}
section.people-news h2 {
color: #111;
text-align: center
}
@media(max-width: 468px) {section.people-news h2 {
margin-bottom: 1.5rem
}

}
@media(min-width: 469px) {section.people-news h2 {
margin-bottom: calc(1.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {section.people-news h2 {
margin-bottom: 3.5rem
}

}
section.people-news .slideshow-container {
margin-top: -1rem;
margin-bottom: -1rem
}
section.people-news .slide {
padding: 0 1rem 1rem 1rem
}
section.people-news .slide a {
background-color: #fff;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
display: block;
overflow: hidden;
margin-top: 1rem;
position: relative;
text-decoration: none;
transform: translateY(0);
transition: transform 300ms ease
}
@media(min-width: 769px) {section.people-news .slide a:hover {
transform: translateY(-1rem)
}

}
section.people-news .slide a image-outer {
display: block;
height: 0;
padding-bottom: 62.5%;
position: relative;
width: 100%
}
section.people-news .slide a link-image {
height: 200%;
border-radius: 50%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease,transform 300ms ease;
width: 300%
}
section.people-news .slide a link-image figure {
background-size: cover !important;
background-position: center !important;
height: 50%;
margin: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease;
width: 34%
}
@media(min-width: 469px) {section.people-news .slide a:hover link-image {
width: 200%
}
section.people-news .slide a:hover link-image figure {
width: 50.5%
}

}
section.people-news .slide a span,section.people-news .slide a h3,section.people-news .slide a date {
display: block;
text-align: center
}
section.people-news .slide a span {
color: #111;
font-size: .813rem;
font-weight: 600;
padding: 2rem 1.5rem 1.25rem 1.5rem;
text-transform: uppercase
}
section.people-news .slide a h3 {
font-weight: 400;
margin: 0;
padding: 2rem 1.5rem 0 1.5rem;
text-transform: none
}
section.people-news .slide a span+h3 {
padding: 0 1.5rem
}
section.people-news .slide a date {
color: #111;
font-size: .813rem;
font-weight: 600;
padding: 1.5rem 1.5rem 4rem 1.5rem;
text-transform: uppercase
}
@media(min-width: 469px) {section.people-news .slideshow-container+a {
display: none
}

}
@media(max-width: 468px) {section.people-news {
width: 100% !important
}
section.people-news .slideshow-container+a {
text-align: center
}

}
section.people-news .slideshow-container+a {
color: #111;
display: table;
margin: 2.5rem auto 0 auto;
text-decoration: none;
transition: color 250ms ease
}
section.people-news .slideshow-container+a:hover {
color: #fab842
}
@media(max-width: 468px) {section.people-news {
padding: 2.5rem 0
}

}
@media(min-width: 469px) {section.people-news {
padding: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) 0
}

}
@media(min-width: 1620px) {section.people-news {
padding: 7.5rem 0
}

}
section.people-news a.btn.arrow {
align-items: center;
background: #fab842;
border-radius: 100%;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 2.5rem;
justify-content: center;
padding: 0;
transition: background 125ms ease;
width: 2.5rem;
z-index: 10
}
section.people-news a.btn.arrow svg {
display: block;
fill: none;
position: relative;
top: auto;
left: auto;
stroke: #fff;
top: auto;
left: auto;
bottom: auto;
transform: none;
height: 1.5rem;
width: 1.5rem
}
section.people-news a.btn.arrow:hover {
background: #111
}
@media(min-width: 1740px) {section.people-news a.btn.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
section.people-news a.btn.arrow.prev {
right: calc(100% + 0.75rem)
}
section.people-news a.btn.arrow.next {
left: calc(100% + 0.75rem)
}

}
@media(min-width: 769px)and (max-width: 1739px) {section.people-news .slideshow-container {
padding-bottom: 4.25rem
}
section.people-news a.btn.arrow {
position: absolute;
bottom: 0
}
section.people-news a.btn.arrow.prev {
right: calc(50% + 0.75rem)
}
section.people-news a.btn.arrow.next {
left: calc(50% + 0.75rem)
}

}
@media(max-width: 768px) {section.people-news .slideshow-container {
padding-bottom: 3.75rem
}
section.people-news a.btn.arrow {
position: absolute;
bottom: 0
}
section.people-news a.btn.arrow.prev {
right: calc(50% + 0.75rem)
}
section.people-news a.btn.arrow.next {
left: calc(50% + 0.75rem)
}

}
section.people-blog {
background-color: #fff;
max-width: none !important;
overflow: hidden;
width: 100% !important
}
section.people-blog>svg {
display: none
}
section.people-blog g-col {
float: none;
margin: 0 auto;
max-width: 98.25rem;
position: relative;
width: calc(100% - 2rem);
z-index: 3
}
section.people-blog g-col:last-child {
padding: 0
}
@media(max-width: 468px) {section.people-blog g-col:last-child {
width: 100%
}

}
section.people-blog h2 {
color: #111;
text-align: center
}
@media(max-width: 468px) {section.people-blog h2 {
margin-bottom: 1.5rem
}

}
@media(min-width: 469px) {section.people-blog h2 {
margin-bottom: calc(1.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {section.people-blog h2 {
margin-bottom: 3.5rem
}

}
section.people-blog {
background: #f8f9fb
}
section.people-blog .slideshow-container {
margin-top: -1rem;
margin-bottom: -1rem
}
section.people-blog .slide {
padding: 0 1rem 1rem 1rem
}
section.people-blog .slide a {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.025);
background: #fff;
display: block;
overflow: hidden;
transition: box-shadow 125ms ease;
text-decoration: none
}
section.people-blog .slide a link-text {
box-sizing: border-box;
color: #111;
display: block;
font-weight: 400;
line-height: 160%;
padding: 2rem 2rem 2rem 1.5rem;
transition: padding 125ms ease
}
section.people-blog .slide a h3 {
font-family: "Roboto",sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 160%
}
section.people-blog .slide a date {
color: #515961;
display: block;
font-size: .875rem;
margin-top: .5rem;
opacity: .75
}
section.people-blog .slide a image-wrap {
backface-visibility: hidden;
clip-path: ellipse(100% 100% at 50% 0%);
display: block;
padding-bottom: 52.25%;
position: relative;
transition: clip-path 300ms ease;
width: 100%;
z-index: 1
}
section.people-blog .slide a figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 250ms ease;
z-index: 1
}
@media(min-width: 480px) {section.people-blog .slide a:hover figure {
transform: scale(1.1)
}
section.people-blog .slide a:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}
section.people-blog .slide a:hover link-text {
padding: 2rem 1.5rem 2rem 2rem
}

}
@media(min-width: 469px) {section.people-blog .slideshow-container+a {
display: none
}

}
@media(max-width: 468px) {section.people-blog {
width: 100% !important
}
section.people-blog .slideshow-container+a {
text-align: center
}

}
section.people-blog .slideshow-container+a {
color: #111;
display: table;
margin: 2.5rem auto 0 auto;
text-decoration: none;
transition: color 250ms ease
}
section.people-blog .slideshow-container+a:hover {
color: #fab842
}
@media(max-width: 468px) {section.people-blog {
padding: 2.5rem 0
}

}
@media(min-width: 469px) {section.people-blog {
padding: calc(2.5rem + ((1vw - 4.69px) * 6.9505)) 0
}

}
@media(min-width: 1620px) {section.people-blog {
padding: 7.5rem 0
}

}
section.people-blog a.btn.arrow {
align-items: center;
background: #fab842;
border-radius: 100%;
cursor: pointer;
display: flex;
flex-wrap: wrap;
height: 2.5rem;
justify-content: center;
padding: 0;
transition: background 125ms ease;
width: 2.5rem;
z-index: 10
}
section.people-blog a.btn.arrow svg {
display: block;
fill: none;
position: relative;
top: auto;
left: auto;
stroke: #fff;
top: auto;
left: auto;
bottom: auto;
transform: none;
height: 1.5rem;
width: 1.5rem
}
section.people-blog a.btn.arrow:hover {
background: #111
}
@media(min-width: 1740px) {section.people-blog a.btn.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
section.people-blog a.btn.arrow.prev {
right: calc(100% + 0.75rem)
}
section.people-blog a.btn.arrow.next {
left: calc(100% + 0.75rem)
}

}
@media(min-width: 769px)and (max-width: 1739px) {section.people-blog .slideshow-container {
padding-bottom: 4.25rem
}
section.people-blog a.btn.arrow {
position: absolute;
bottom: 0
}
section.people-blog a.btn.arrow.prev {
right: calc(50% + 0.75rem)
}
section.people-blog a.btn.arrow.next {
left: calc(50% + 0.75rem)
}

}
@media(max-width: 768px) {section.people-blog .slideshow-container {
padding-bottom: 3.75rem
}
section.people-blog a.btn.arrow {
position: absolute;
bottom: 0
}
section.people-blog a.btn.arrow.prev {
right: calc(50% + 0.75rem)
}
section.people-blog a.btn.arrow.next {
left: calc(50% + 0.75rem)
}

}
.service.archive .block.media-left-text-right h2 a {
text-decoration: none
}
@media(max-width: 618px) {.service.archive .block.media-left-text-right:nth-child(odd) g-col {
width: 100%
}
.service.archive .block.media-left-text-right:nth-child(odd) g-col:last-of-type {
margin-top: 2rem
}

}
@media(min-width: 619px)and (max-width: 800px) {.service.archive .block.media-left-text-right:nth-child(odd) g-col {
width: 100%
}
.service.archive .block.media-left-text-right:nth-child(odd) g-col:last-of-type {
margin-top: 2rem
}

}
@media(min-width: 801px)and (max-width: 1120px) {.service.archive .block.media-left-text-right:nth-child(odd) g-col:first-of-type {
width: 45%
}
.service.archive .block.media-left-text-right:nth-child(odd) g-col:last-of-type {
width: 55%
}
.service.archive .block.media-left-text-right:nth-child(odd) g-col:first-child {
transform: translateX(122%)
}
.service.archive .block.media-left-text-right:nth-child(odd) g-col:last-child {
transform: translateX(-82%)
}

}
@media(min-width: 1121px)and (max-width: 1619px) {.service.archive .block.media-left-text-right:nth-child(odd) g-col:first-of-type {
width: 50%
}
.service.archive .block.media-left-text-right:nth-child(odd) g-col:last-of-type {
margin-left: 0;
padding-right: calc(6.25% + 1rem);
width: 50%
}

}
@media(min-width: 1620px) {.service.archive .block.media-left-text-right:nth-child(odd) g-col:first-of-type {
width: 50%
}
.service.archive .block.media-left-text-right:nth-child(odd) g-col:last-of-type {
margin-left: 0;
padding-right: calc(12.5% + 1rem);
width: 50%
}

}
@media(max-width: 800px) {.service.archive .block.media-left-text-right {
padding-bottom: 4rem;
text-align: center
}
.service.archive .block.media-left-text-right a.btn {
margin: 1.5rem auto 0 auto
}
.service.archive .block.media-left-text-right poly-image {
max-width: 25rem
}
.service.archive .block.media-left-text-right:last-of-type {
padding-bottom: 1.5rem !important
}

}
@media(min-width: 801px) {.service.archive .block.media-left-text-right:nth-child(odd) g-col:first-child {
transform: translateX(100%)
}
.service.archive .block.media-left-text-right:nth-child(odd) g-col:last-child {
transform: translateX(-100%)
}
.service.archive .block.media-left-text-right a.btn {
margin: 2rem 0 0 0
}

}
.vacancies.archive {
padding-top: 0
}
@media(min-width: 769px) {.vacancies.archive {
margin-top: -2rem
}

}
.vacancies.archive.related {
margin-top: 0 !important
}
.vacancies.archive archive-posts {
display: flex;
flex-wrap: wrap;
width: 100%
}
@media(max-width: 468px) {.vacancies.archive h2 {
margin-bottom: 1.5rem
}

}
@media(min-width: 469px) {.vacancies.archive h2 {
margin-bottom: calc(1.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {.vacancies.archive h2 {
margin-bottom: 3.5rem
}

}
.vacancies.archive .item {
box-shadow: 0 0 15px 0 rgba(0,64,81,.08);
box-sizing: border-box;
color: #111;
display: block;
float: left;
margin: 0;
max-width: 58rem;
overflow: hidden;
position: relative;
text-decoration: none
}
@media(max-width: 500px) {.vacancies.archive .item {
padding: 0 0 2rem 0
}

}
@media(min-width: 501px) {.vacancies.archive .item {
padding: calc(3.25rem + ((1vw - 0.313125rem) * 9.9426)) 0 calc(5rem + ((1vw - 0.313125rem) * 15.2964)) 0
}

}
@media(min-width: 1025px) {.vacancies.archive .item {
padding: 6.5rem 0 10rem 0
}

}
@media(min-width: 1025px) {.vacancies.archive .item {
width: calc(50% - 1.13rem)
}
.vacancies.archive .item:nth-child(even) {
margin-left: 2.25rem
}
.vacancies.archive .item:nth-child(2n)~.item {
margin-top: 2.25rem
}

}
@media(max-width: 1024px) {.vacancies.archive .item {
width: 100%
}
.vacancies.archive .item~.item {
margin-top: 2.25rem
}

}
@media(max-width: 500px) {.vacancies.archive .item~.item {
margin-top: 1.125rem
}

}
.vacancies.archive .item link-text {
display: block;
padding: 0 5rem 0 calc(25% + 3.125rem);
font-weight: 400;
transition: padding 300ms ease
}
.vacancies.archive .item link-text h3 {
color: #111;
font-weight: 500;
text-transform: none
}
@media(max-width: 468px) {.vacancies.archive .item h3 {
font-size: 1.188rem
}

}
@media(min-width: 469px) {.vacancies.archive .item h3 {
font-size: calc(1.188rem + ((1vw - 4.69px) * 0.3475))
}

}
@media(min-width: 1620px) {.vacancies.archive .item h3 {
font-size: 1.375rem
}

}
.vacancies.archive .item link-text dl {
display: table;
margin: 2.25rem 0 0 0;
width: 100%
}
.vacancies.archive .item link-text dl dt,.vacancies.archive .item link-text dl dd {
display: block;
float: left;
margin: 0
}
.vacancies.archive .item link-text dl dt {
height: 1.25rem;
width: 1.25rem
}
.vacancies.archive .item link-text dl dd {
box-sizing: border-box;
padding-left: 1.875rem;
width: calc(100% - 1.25rem)
}
.vacancies.archive .item link-text dl dt~dt,.vacancies.archive .item link-text dl dd~dd {
margin-top: 1.125rem
}
@media(max-width: 500px) {.vacancies.archive .item link-text dl {
margin-top: 1.875rem
}
.vacancies.archive .item link-text dl dd {
padding-left: 1rem;
width: calc(100% - 1.25rem)
}
.vacancies.archive .item link-text {
padding: 0 1.5rem
}

}
@media(min-width: 501px)and (max-width: 600px) {.vacancies.archive .item link-text {
padding: 0 2rem 0 calc(25% + 2rem)
}

}
@media(min-width: 601px) {.vacancies.archive .item:hover link-text {
padding: 0 2rem 0 calc(25% + 6.125rem)
}

}
@media(max-width: 500px) {.vacancies.archive .item~.item {
margin-top: 1rem
}
.vacancies.archive .item figure {
backface-visibility: hidden;
background-size: cover !important;
background-position: center !important;
display: block;
height: 0;
margin: 0 0 2.5rem 0;
padding-bottom: 62.5%;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
clip-path: ellipse(120% 100% at 50% 0%);
z-index: 1
}

}
@media(min-width: 501px) {.vacancies.archive .item figure {
backface-visibility: hidden;
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
bottom: 0;
left: -3.125rem;
transform: translateX(0);
transition: clip-path 300ms ease,transform 300ms ease;
clip-path: ellipse(100% 100% at 0% 50%);
width: calc(30% + 2rem);
z-index: 1
}

}
@media(min-width: 601px) {.vacancies.archive .item:hover figure {
clip-path: ellipse(90% 75% at 10% 50%);
transform: translateX(3.125rem)
}

}
section.vacancy-banner {
background-color: #111;
padding: 0
}
section.vacancy-banner>figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
opacity: .13;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0
}
section.vacancy-banner g-container {
position: relative;
z-index: 1
}
section.vacancy-banner h1 {
color: #fab842
}
section.vacancy-banner h1+span {
color: #fff;
display: block;
font-family: "Roboto",sans-serif;
font-size: .813rem;
font-weight: 500;
margin-top: 1.5rem
}
@media(max-width: 468px) {section.vacancy-banner h1+span {
font-size: 1.5rem
}

}
@media(min-width: 469px) {section.vacancy-banner h1+span {
font-size: calc(1.1875rem + ((1vw - 4.69px) * 0.3475))
}

}
@media(min-width: 1620px) {section.vacancy-banner h1+span {
font-size: 1.438rem
}

}
@media(max-width: 468px) {section.vacancy-banner g-col {
padding: 9rem .5rem 3.5rem .5rem
}

}
@media(min-width: 469px) {section.vacancy-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(3.5625rem + ((1vw - 4.69px) * 4.1441)) 1rem
}

}
@media(min-width: 1025px) {section.vacancy-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(3.5rem + ((1vw - 4.69px) * 10.4257)) 1rem
}

}
@media(min-width: 1620px) {section.vacancy-banner g-col {
padding: 15rem 1rem 11rem 1rem
}

}
@media(max-width: 1024px) {.vacancy-banner.has-image bread-crumbs {
margin-top: 1.375rem
}

}
@media(min-width: 1025px)and (max-width: 1620px) {.vacancy-banner.has-image bread-crumbs {
transform: translateY(calc(-3.625rem + ((1vw - 10.25px) * -5.3782)))
}

}
@media(min-width: 1621px) {.vacancy-banner.has-image bread-crumbs {
transform: translateY(-5.625rem)
}

}
vacancy-details {
background-color: #fff;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
display: block;
overflow: hidden;
position: relative
}
vacancy-text {
display: block;
padding: 2.5rem;
position: relative
}
vacancy-text h2 {
color: #515961
}
@media(max-width: 468px) {vacancy-text h2 {
font-size: 1.5rem
}

}
@media(min-width: 469px) {vacancy-text h2 {
font-size: calc(1.1875rem + ((1vw - 4.69px) * 0.3475))
}

}
@media(min-width: 1620px) {vacancy-text h2 {
font-size: 1.438rem
}

}
vacancy-details dl {
display: table;
margin: 2rem 0 0 0;
width: 100%
}
vacancy-details dl dt,vacancy-details dl dd {
display: block;
float: left;
margin: 0
}
vacancy-details dl dt {
height: 1.25rem;
width: 1.25rem
}
vacancy-details dl dd {
box-sizing: border-box;
padding-left: 1.875rem;
width: calc(100% - 1.25rem)
}
vacancy-details dl dt~dt,vacancy-details dl dd~dd {
margin-top: 1.125rem
}
@media(max-width: 500px) {vacancy-details dl {
margin-top: 1.875rem
}
vacancy-details dl dd {
padding-left: 1rem;
width: calc(100% - 1.25rem)
}

}
vacancy-text a.btn {
margin-top: 2.5rem;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
width: 100%
}
vacancy-details image-outer {
display: block;
height: 0;
padding-bottom: 62.5%;
position: relative;
width: 100%
}
vacancy-details item-image {
background-color: #f5f7fa;
height: 200%;
border-radius: 50%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
width: 200%
}
vacancy-details item-image figure {
background-size: cover !important;
background-position: center !important;
height: 50%;
margin: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease;
width: 50%
}
@media(max-width: 1024px) {vacancy-details {
margin: 2rem auto 0 auto;
max-width: 30rem;
width: calc(100% - 2rem)
}

}
@media(max-width: 1024px) {vacancy-details {
width: calc(100% - 1rem)
}

}
@media(min-width: 1025px) {vacancy-details {
margin-top: calc(-5rem + ((1vw - 4.69px) * -6.9505))
}

}
@media(min-width: 1620px) {vacancy-details {
margin-top: -10rem
}

}
.page.content.two-column .main {
min-height: 50px
}
@media(max-width: 1024px) {.page.content.two-column .main {
padding: 0;
width: 100%
}
.page.content.two-column .aside {
padding: 2.5rem 0 0 0;
width: 100%
}

}
@media(min-width: 1025px)and (max-width: 1220px) {.page.content.two-column .main {
padding: 0;
width: 66.5%
}
.page.content.two-column .aside {
margin-left: 3.125%;
padding: 0 1rem 0 0;
width: 29.375%
}

}
@media(min-width: 1221px) {.page.content.two-column .main {
padding: 0;
width: 66.5%
}
.page.content.two-column .aside {
margin-left: 6.25%;
padding: 0 1rem 0 0;
width: 26.25%
}

}
@media(max-width: 468px) {.page.content.two-column .block {
padding: 0 0 2.5rem 0
}
.page.content.two-column .block.has-background+.block {
padding-top: 2.5rem
}

}
@media(min-width: 469px) {.page.content.two-column .block {
padding: 0 0 calc(2.5rem + ((1vw - 4.69px) * 2.7802)) 0
}
.page.content.two-column .block.has-background+.block {
padding-top: calc(2.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {.page.content.two-column .block {
padding: 0 0 4.5rem 0
}
.page.content.two-column .block.has-background+.block {
padding-top: 4.5rem
}

}
section.post-banner {
background-color: #111;
padding: 0
}
section.post-banner>figure {
background-size: cover !important;
background-position: center !important;
filter: blur(4px) grayscale(75%);
margin: 0;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 1s ease;
z-index: 0
}
.loaded section.post-banner>figure {
opacity: .14
}
section.post-banner g-container {
position: relative;
z-index: 1
}
section.post-banner h1 {
color: #fff;
margin-top: 0 !important
}
section.post-banner date {
color: #fab842;
display: block;
font-family: "Roboto",sans-serif;
font-size: 1.375rem;
font-weight: 500;
margin-top: 1.5rem
}
@media(max-width: 468px) {section.post-banner g-col {
padding: 9rem .5rem 3.5rem .5rem
}
section.post-banner date {
margin-top: .75rem
}

}
@media(min-width: 469px) {section.post-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(3.5625rem + ((1vw - 4.69px) * 4.1441)) 1rem
}

}
@media(min-width: 1025px) {section.post-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(3.5rem + ((1vw - 4.69px) * 10.4257)) 1rem
}

}
@media(min-width: 1620px) {section.post-banner g-col {
padding: 15rem 1rem 11rem 1rem
}

}
.post-banner bread-crumbs {
bottom: auto;
left: auto;
position: relative !important
}
.post-banner bread-crumbs .breadcrumb_last {
display: none
}
author-info {
box-sizing: border-box;
color: #fff;
display: table;
font-family: "Roboto",sans-serif;
font-size: .813rem;
min-height: 5.125rem;
padding-left: 6.125rem;
width: 100%
}
author-info.no-image {
padding-left: 0
}
author-info author-inner {
display: table-cell;
padding: .5rem 0;
vertical-align: middle
}
author-info figure {
background-size: cover !important;
background-position: center top !important;
border-radius: 100%;
display: block;
height: 5.125rem;
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 5.125rem
}
author-info a {
color: #fff;
display: block;
font-weight: 500;
margin-bottom: .25rem;
text-decoration: none;
transition: color 250ms ease
}
author-info a:hover {
color: #fab842
}
@media(max-width: 1024px) {.post-banner author-info {
min-height: 3.75rem;
padding-left: 4.75rem
}
.post-banner author-info figure {
height: 3.75rem;
width: 3.75rem
}
.post-banner author-info {
margin: 1.875rem 0 0 0;
max-width: none;
position: relative
}

}
@media(min-width: 1025px)and (max-width: 1220px) {.post-banner author-info {
bottom: 1rem;
left: 69.625%;
max-width: 29.375%;
position: absolute
}

}
@media(min-width: 1221px) {.post-banner author-info {
bottom: 1rem;
left: 72.75%;
max-width: 26.25%;
position: absolute
}

}
.page.content.two-column figure.featured {
background-size: cover !important;
background-position: center !important;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
display: block;
height: 0;
margin: 0 1rem;
padding-bottom: 50%;
position: relative;
display: none
}
@media(max-width: 468px) {.page.content.two-column figure.featured {
margin: -5rem .5rem 2.5rem .5rem
}

}
@media(min-width: 469px) {.page.content.two-column figure.featured {
margin-top: calc(-5rem + ((1vw - 4.69px) * -7.8193));
margin-bottom: calc(2.5rem + ((1vw - 4.69px) * 3.4752))
}

}
@media(min-width: 1620px) {.page.content.two-column figure.featured {
margin-top: -10.625rem;
margin-bottom: 5rem
}

}
other-posts {
display: flex;
flex-wrap: wrap;
position: relative
}
other-posts>strong {
display: block;
margin: 0 0 2.25rem 0;
text-align: center
}
other-posts .item {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.025);
background: #fff;
display: block;
max-width: 22.5rem;
overflow: hidden;
transition: box-shadow 125ms ease;
text-decoration: none
}
other-posts .item+.item {
margin-top: 2.25rem
}
other-posts .item link-text {
box-sizing: border-box;
color: #111;
display: block;
font-weight: 400;
line-height: 160%;
padding: 2rem 2rem 2rem 1.5rem;
transition: padding 125ms ease
}
other-posts .item strong {
font-family: "Roboto",sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 160%
}
other-posts .item date {
color: #515961;
display: block;
font-size: .875rem;
margin-top: .5rem;
opacity: .75
}
other-posts .item image-wrap {
backface-visibility: hidden;
clip-path: ellipse(100% 100% at 50% 0%);
display: block;
padding-bottom: 52.25%;
position: relative;
transition: clip-path 300ms ease;
width: 100%;
z-index: 1
}
other-posts .item figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 250ms ease;
z-index: 1
}
@media(min-width: 480px) {other-posts .item:hover figure {
transform: scale(1.1)
}
other-posts .item:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}
other-posts .item:hover link-text {
padding: 2rem 1.5rem 2rem 2rem
}

}
post-details {
box-sizing: border-box;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
display: block;
padding: 2.5rem;
position: relative
}
@media(max-width: 1024px) {post-details {
margin: 0 1rem
}

}
@media(max-width: 468px) {post-details {
margin: 0 .5rem
}

}
post-details dl {
display: flex;
margin: 0;
flex-wrap: wrap
}
post-details dl dt,post-details dl dd {
display: block;
float: left;
margin: 0
}
post-details dl dt {
box-sizing: border-box;
font-weight: 600;
white-space: nowrap;
width: 6.25rem
}
post-details dl dd {
width: calc(100% - 6.25rem)
}
post-details dl dt~dt,post-details dl dd~dd {
margin-top: 1rem
}
post-details p a {
color: #111;
text-decoration: none;
transition: color 250ms ease
}
post-details p a:hover {
color: #fab842
}
.post.archive {
background: #f8f9fb;
min-height: 400px
}
.post.archive archive-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
.post.archive .item {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.025);
background: #fff;
display: block;
max-width: 22.5rem;
overflow: hidden;
transition: box-shadow 125ms ease;
text-decoration: none
}
.post.archive .item link-text {
box-sizing: border-box;
color: #111;
display: block;
font-weight: 400;
line-height: 160%;
padding: 2rem 2rem 2rem 1.5rem;
transition: padding 125ms ease
}
.post.archive .item h3 {
font-family: "Roboto",sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 160%
}
.post.archive .item date {
color: #515961;
display: block;
font-size: .875rem;
margin-top: .5rem;
opacity: .75
}
.post.archive .item image-wrap {
backface-visibility: hidden;
clip-path: ellipse(100% 100% at 50% 0%);
display: block;
padding-bottom: 52.25%;
position: relative;
transition: clip-path 300ms ease;
width: 100%;
z-index: 1
}
.post.archive .item figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 250ms ease;
z-index: 1
}
@media(min-width: 480px) {.post.archive .item:hover figure {
transform: scale(1.1)
}
.post.archive .item:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}
.post.archive .item:hover link-text {
padding: 2rem 1.5rem 2rem 2rem
}

}
@media(min-width: 921px) {.post.archive .item {
width: calc( ( 100% - 3.01rem ) / 3 );
margin-left: 1.5rem
}
.post.archive .item:nth-child(3n+1) {
margin-left: 0
}
.post.archive .item:nth-child(3n)~a {
margin-top: 3rem
}

}
@media(min-width: 581px)and (max-width: 920px) {.post.archive .item {
width: calc( ( 100% - 1.51rem ) / 2 );
margin-left: 1.5rem
}
.post.archive .item:nth-child(odd) {
margin-left: 0
}
.post.archive .item:nth-child(2n)~a {
margin-top: 2.25rem
}

}
@media(max-width: 580px) {.post.archive .item {
width: 100%
}
.post.archive .item~a {
margin-top: 1.5rem
}

}
social-widget {
display: table;
margin: 2.5rem 0;
padding: 2.25rem 2.5rem;
position: relative
}
social-widget:first-child {
margin-top: 0
}
social-widget:last-child {
margin-bottom: 0
}
social-widget strong {
color: #111;
font-family: "Roboto",sans-serif;
font-size: .875rem;
font-weight: 500;
display: block;
margin: 0 0 .625rem 0;
position: relative;
z-index: 2
}
social-widget ul+svg {
fill: #f8f9fb;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 1
}
social-widget ul {
display: table;
list-style-type: none;
margin: 0 auto !important;
padding: 0;
position: relative;
z-index: 2
}
social-widget ul li {
display: block;
float: left
}
social-widget ul li+li {
margin-left: .75rem
}
social-widget ul a {
background-color: #fab842;
border-radius: 50%;
display: block;
height: 1.875rem;
position: relative;
transition: background-color 300ms ease;
width: 1.875rem
}
social-widget ul svg {
display: block;
fill: #fff;
height: .875rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: .875rem
}
social-widget ul a.fb:hover {
background-color: #3b5998
}
social-widget ul a.tw:hover {
background-color: #1da1f2
}
social-widget ul a.li:hover {
background-color: #007bb5
}
.partner-op.archive h2 {
display: block;
text-align: center
}
@media(max-width: 468px) {.partner-op.archive h2 {
margin-bottom: 1.5rem
}

}
@media(min-width: 469px) {.partner-op.archive h2 {
margin-bottom: calc(1.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {.partner-op.archive h2 {
margin-bottom: 3.5rem
}

}
.partner-op.archive g-row:last-child g-col {
display: flex;
flex-wrap: wrap
}
.partner-op.archive .item {
box-shadow: 0 0 15px 0 rgba(0,64,81,.08);
box-sizing: border-box;
color: #111;
display: block;
margin: 0 auto;
max-width: 60rem;
overflow: hidden;
position: relative;
text-decoration: none;
width: 100%
}
@media(max-width: 500px) {.partner-op.archive .item {
padding: 0 0 2rem 0
}

}
@media(min-width: 501px) {.partner-op.archive .item {
padding: calc(3.25rem + ((1vw - 0.313125rem) * 9.9426)) 0 calc(5rem + ((1vw - 0.313125rem) * 15.2964)) 0
}

}
@media(min-width: 1025px) {.partner-op.archive .item {
padding: 6.5rem 0 10rem 0
}

}
@media(min-width: 501px) {.partner-op.archive .item~.item {
margin-top: 2.25rem
}

}
@media(max-width: 500px) {.partner-op.archive .item~.item {
margin-top: 1.125rem
}

}
.partner-op.archive .item link-text {
display: block;
padding: 0 5rem 0 calc(25% + 3.125rem);
font-weight: 400;
transition: padding 300ms ease
}
.partner-op.archive .item link-text h3 {
color: #111;
font-weight: 500;
text-transform: none;
transition: color 250ms ease
}
.partner-op.archive .item:hover link-text h3 {
color: #fab842
}
@media(max-width: 468px) {.partner-op.archive .item h3 {
font-size: 1.188rem
}

}
@media(min-width: 469px) {.partner-op.archive .item h3 {
font-size: calc(1.188rem + ((1vw - 4.69px) * 0.3475))
}

}
@media(min-width: 1620px) {.partner-op.archive .item h3 {
font-size: 1.375rem
}

}
@media(max-width: 500px) {.partner-op.archive .item link-text {
padding: 0 1.5rem
}

}
@media(min-width: 501px)and (max-width: 600px) {.partner-op.archive .item:hover h3 img {
margin: 0 0 0 .75rem
}
.partner-op.archive .item link-text {
padding: 0 2rem 0 calc(25% + 2rem)
}

}
@media(min-width: 601px) {.partner-op.archive .item:hover link-text {
padding: 0 2rem 0 calc(25% + 6.125rem)
}

}
@media(max-width: 500px) {.partner-op.archive .item~.link {
margin-top: 1rem
}
.partner-op.archive .item image-outer {
display: block;
height: 0;
margin-bottom: 2rem;
padding-bottom: 50%;
position: relative;
width: 100%
}
.partner-op.archive .item link-image {
background-color: #f5f7fa;
height: 200%;
border-radius: 50%;
overflow: hidden;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
width: 200%
}
.partner-op.archive .item link-image figure {
background-size: cover !important;
background-position: center !important;
height: 50%;
margin: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translate3d(0, 0, 0);
transition: width 300ms ease;
width: 50%
}

}
@media(min-width: 501px) {.partner-op.archive .item link-image {
background-color: #f5f7fa;
height: 200%;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: 50%;
left: 0;
transform: translateX(-50%) translateY(-50%) translate3d(0, 0, 0);
transition: height 300ms ease,transform 300ms ease;
width: 50%
}
.partner-op.archive .item link-image figure {
background-size: cover !important;
background-position: center !important;
height: 50%;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) translate3d(0, 0, 0);
transition: height 300ms ease;
width: 100.5%
}

}
@media(min-width: 601px) {.partner-op.archive .item:hover link-image {
height: 140%;
transform: translateX(calc(-50% + 3rem)) translateY(-50%) translate3d(0, 0, 0)
}
.partner-op.archive .item:hover link-image figure {
height: 72%
}

}
section.partner-banner {
background-color: #111;
padding: 0
}
section.partner-banner>figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
opacity: .13;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0
}
section.partner-banner g-container {
position: relative;
z-index: 1
}
section.partner-banner h1 {
color: #fff
}
@media(max-width: 468px) {section.partner-banner g-col {
padding: 9rem .5rem 3.5rem .5rem
}

}
@media(min-width: 469px) {section.partner-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(3.5625rem + ((1vw - 4.69px) * 4.1441)) 1rem
}

}
@media(min-width: 1025px) {section.partner-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(3.5rem + ((1vw - 4.69px) * 10.4257)) 1rem
}

}
@media(min-width: 1620px) {section.partner-banner g-col {
margin-left: 6.25%;
width: 87.5%;
padding: 15rem 1rem 11rem 1rem
}

}
@media(max-width: 1024px) {.partner-banner bread-crumbs {
margin-top: 1.375rem
}

}
@media(min-width: 1025px)and (max-width: 1620px) {.partner-banner bread-crumbs {
transform: translateY(calc(-3.625rem + ((1vw - 10.25px) * -5.3782)))
}

}
@media(min-width: 1621px) {.partner-banner bread-crumbs {
transform: translateY(-5.625rem)
}

}
@media(max-width: 468px) {section.page.content.partner {
margin-top: -5rem
}

}
@media(min-width: 469px) {section.page.content.partner {
margin-top: calc(-5rem + ((1vw - 4.69px) * -6.9505))
}

}
@media(min-width: 1620px) {section.page.content.partner {
margin-top: -10rem
}

}
section.page.content.partner .featured-image {
background-size: cover !important;
background-position: center !important;
box-sizing: border-box;
display: block;
height: 0;
margin: 0 1rem;
padding-bottom: 62.5%;
position: relative
}
@media(max-width: 1024px) {section.page.content.partner .featured-image {
margin: 0 auto;
width: calc(100% - 2rem)
}

}
@media(max-width: 468px) {section.page.content.partner .featured-image {
width: calc(100% - 1rem)
}

}
partner-details {
background-color: #fff;
box-shadow: 0 0 15px 0 rgba(0,64,81,.08);
display: block;
max-width: 70rem;
padding: 0;
position: relative
}
partner-details image-wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 45%
}
partner-details figure {
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
display: block;
margin: 0;
position: absolute;
top: 3rem;
right: 3rem;
bottom: 3rem;
left: 3rem
}
partner-details text-content {
display: block;
min-height: 17rem;
margin-left: 45%;
padding: 2.5rem 2.5rem 2.5rem 0;
position: relative
}
partner-details dl {
display: flex;
flex-wrap: wrap;
margin: 0;
width: 100%
}
partner-details dt,partner-details dd {
border-bottom: 1px solid #e5e5e5;
box-sizing: border-box;
display: block;
float: left;
font-size: .813rem;
line-height: 170%;
margin: 0;
padding: 1.25rem 0
}
partner-details dt {
color: #111;
font-family: "Roboto",sans-serif;
font-weight: 500;
text-transform: uppercase;
width: 5rem
}
partner-details dd {
font-style: italic;
padding-left: 1rem;
width: calc(100% - 5rem)
}
.page.content.partner+.blocks {
padding-top: 2.5rem
}
@media(max-width: 900px) {partner-details image-wrapper {
display: block;
height: 0;
position: relative;
padding-bottom: 62.5%;
width: 100%
}
partner-details text-content {
margin-left: 0%;
padding: 1rem 2.5rem 2rem 2.5rem
}

}
@media(max-width: 468px) {partner-details text-content {
margin-left: 0%;
padding: .625rem 1.5rem 1.375rem 1.5rem
}

}
.case-study.archive archive-posts {
display: flex;
flex-wrap: wrap;
width: 100%
}
@media(max-width: 468px) {.case-study.archive h2 {
margin-bottom: 1.5rem
}

}
@media(min-width: 469px) {.case-study.archive h2 {
margin-bottom: calc(1.5rem + ((1vw - 4.69px) * 2.7802))
}

}
@media(min-width: 1620px) {.case-study.archive h2 {
margin-bottom: 3.5rem
}

}
.case-study.archive .item {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.025);
background: #fff;
display: block;
max-width: 22.5rem;
overflow: hidden;
transition: box-shadow 125ms ease;
text-decoration: none
}
.case-study.archive .item link-text {
box-sizing: border-box;
color: #111;
display: block;
font-weight: 400;
line-height: 160%;
padding: 2rem 2rem 2rem 1.5rem;
transition: padding 125ms ease
}
.case-study.archive .item h3 {
font-family: "Roboto",sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 160%
}
.case-study.archive .item p {
color: #515961;
display: block;
font-size: .875rem;
margin-top: .5rem;
opacity: .75
}
.case-study.archive .item image-wrap {
backface-visibility: hidden;
clip-path: ellipse(100% 100% at 50% 0%);
display: block;
padding-bottom: 52.25%;
position: relative;
transition: clip-path 300ms ease;
width: 100%;
z-index: 1
}
.case-study.archive .item figure {
background-size: cover !important;
background-position: center !important;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(1);
transition: transform 250ms ease;
z-index: 1
}
@media(min-width: 480px) {.case-study.archive .item:hover figure {
transform: scale(1.1)
}
.case-study.archive .item:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}
.case-study.archive .item:hover link-text {
padding: 2rem 1.5rem 2rem 2rem
}

}
@media(min-width: 921px) {.case-study.archive .item {
width: calc( ( 100% - 3.01rem ) / 3 );
margin-left: 1.5rem
}
.case-study.archive .item:nth-child(3n+1) {
margin-left: 0
}
.case-study.archive .item:nth-child(3n)~a {
margin-top: 3rem
}

}
@media(min-width: 581px)and (max-width: 920px) {.case-study.archive .item {
width: calc( ( 100% - 1.51rem ) / 2 );
margin-left: 1.5rem
}
.case-study.archive .item:nth-child(odd) {
margin-left: 0
}
.case-study.archive .item:nth-child(2n)~a {
margin-top: 2.25rem
}

}
@media(max-width: 580px) {.case-study.archive .item {
width: 100%
}
.case-study.archive .item~a {
margin-top: 1.5rem
}

}
section.casestudy-banner {
background-color: #0f1c2e;
padding: 0
}
section.casestudy-banner>figure {
background-size: cover !important;
background-position: center !important;
filter: blur(4px) grayscale(75%);
margin: 0;
opacity: .13;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0
}
section.casestudy-banner g-container {
position: relative;
z-index: 1
}
section.casestudy-banner h1 {
color: #fff;
margin-top: 0
}
@media(max-width: 468px) {section.casestudy-banner g-col {
padding: 9rem .5rem 3.5rem .5rem
}

}
@media(min-width: 469px) {section.casestudy-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(3.5625rem + ((1vw - 4.69px) * 4.1441)) 1rem
}

}
@media(min-width: 1025px) {section.casestudy-banner g-col {
padding: calc(8.75rem + ((1vw - 4.69px) * 7.993)) 1rem calc(3.5rem + ((1vw - 4.69px) * 10.4257)) 1rem
}

}
@media(min-width: 1620px) {section.casestudy-banner g-col {
margin-left: 6.25%;
width: 87.5%;
padding: 15rem 1rem 11rem 1rem
}

}
.casestudy-banner bread-crumbs {
bottom: auto;
left: auto;
position: relative !important
}
.casestudy-banner bread-crumbs .breadcrumb_last {
display: none
}
@media(max-width: 468px) {section.page.content.case-study {
margin-top: -5rem;
padding-bottom: 0 !important
}

}
@media(min-width: 469px) {section.page.content.case-study {
margin-top: calc(-5rem + ((1vw - 4.69px) * -6.9505));
padding-bottom: 0 !important
}

}
@media(min-width: 1620px) {section.page.content.case-study {
margin-top: -10rem;
padding-bottom: 0 !important
}

}
section.page.content.case-study .featured-image {
background-size: cover !important;
background-position: center !important;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
box-sizing: border-box;
display: block;
height: 0;
margin: 0;
padding-bottom: 62.5%;
position: relative
}
@media(min-width: 1025px)and (max-width: 1200px) {section.page.content.case-study .featured-image {
padding-bottom: 70%
}

}
@media(max-width: 1024px) {section.page.content.case-study .featured-image {
margin: 0 auto;
width: calc(100% - 2rem)
}

}
@media(max-width: 468px) {section.page.content.case-study .featured-image {
width: calc(100% - 1rem)
}

}
case-details {
background-color: #fff;
box-sizing: border-box;
box-shadow: 0 0 .875rem 0 rgba(0,0,0,.1);
display: block;
padding: 2.5rem;
position: relative
}
case-details em {
line-height: 170%
}
@media(max-width: 468px) {case-details em {
font-size: .9856rem
}

}
@media(min-width: 469px) {case-details em {
font-size: calc(0.875rem + ((1vw - 4.69px) * 0.0869))
}

}
@media(min-width: 1024px) {case-details em {
font-size: .938rem
}

}
case-details dl {
display: flex;
flex-wrap: wrap;
width: 100%
}
case-details dt,case-details dd {
border-bottom: 1px solid #e5e5e5;
box-sizing: border-box;
display: block;
float: left;
font-size: .813rem;
line-height: 170%;
margin: 0;
padding: 1.25rem 0
}
case-details dt {
color: #111;
font-family: "Roboto",sans-serif;
font-weight: 500;
text-transform: uppercase;
width: 5rem
}
case-details dd {
font-style: italic;
padding-left: 1rem;
width: calc(100% - 5rem)
}
@media(max-width: 1024px) {case-details {
margin: 0 auto;
padding: 1.5rem 1.5rem .75rem 1.5rem;
width: calc(100% - 2rem)
}

}
@media(max-width: 468px) {case-details {
width: calc(100% - 1rem)
}

}
.ie18 ul.page-numbers .prev {
border-radius: 50%
}
.ie18 ul.page-numbers .next {
border-radius: 50%
}
.ie18 .contact.sales figure {
border-radius: 50%
}
.ie18 author-info figure {
border-radius: 50%
}
.ie18 poly-image figure {
border-radius: 50%;
padding-bottom: 80%;
width: 80%
}
.ie18 section.timeline entry-image figure {
border-radius: .25rem
}
.ie18 section.timeline timeline-container:before,.ie18 section.timeline entry-text date:before,.ie18 section.timeline:after {
border-radius: 50%
}
.ie18 .block.ctas .link figure,.ie18 .block.ctas .link link-text {
transition: none
}
.ie18 archive-posts {
display: table !important;
width: 100% !important
}
.ie18 archive-posts a figure,.ie18 archive-posts a link-text {
transition: none !important
}
.ie18 .case-studies .link figure,.ie18 .case-studies .link link-text {
transition: none !important
}
.ie18 archive-items {
display: table !important;
width: 100% !important
}
.ie18 archive-items a figure,.ie18 archive-items a link-text {
transition: none !important
}
.ie18 .single-cta .link figure,.ie18 .single-cta .link link-text {
transition: none !important
}
.ie17 ul.page-numbers .prev {
border-radius: 50%
}
.ie17 ul.page-numbers .next {
border-radius: 50%
}
.ie17 .contact.sales figure {
border-radius: 50%
}
.ie17 author-info figure {
border-radius: 50%
}
.ie17 poly-image figure {
border-radius: 50%;
padding-bottom: 80%;
width: 80%
}
.ie17 section.timeline entry-image figure {
border-radius: .25rem
}
.ie17 section.timeline timeline-container:before,.ie17 section.timeline entry-text date:before,.ie17 section.timeline:after {
border-radius: 50%
}
.ie17 .block.ctas .link figure,.ie17 .block.ctas .link link-text {
transition: none
}
.ie17 archive-posts {
display: table !important;
width: 100% !important
}
.ie17 archive-posts a figure,.ie17 archive-posts a link-text {
transition: none !important
}
.ie17 .case-studies .link figure,.ie17 .case-studies .link link-text {
transition: none !important
}
.ie17 archive-items {
display: table !important;
width: 100% !important
}
.ie17 archive-items a figure,.ie17 archive-items a link-text {
transition: none !important
}
.ie17 .single-cta .link figure,.ie17 .single-cta .link link-text {
transition: none !important
}
.ie16 ul.page-numbers .prev {
border-radius: 50%
}
.ie16 ul.page-numbers .next {
border-radius: 50%
}
.ie16 .contact.sales figure {
border-radius: 50%
}
.ie16 author-info figure {
border-radius: 50%
}
.ie16 poly-image figure {
border-radius: 50%;
padding-bottom: 80%;
width: 80%
}
.ie16 section.timeline entry-image figure {
border-radius: .25rem
}
.ie16 section.timeline timeline-container:before,.ie16 section.timeline entry-text date:before,.ie16 section.timeline:after {
border-radius: 50%
}
.ie16 .block.ctas .link figure,.ie16 .block.ctas .link link-text {
transition: none
}
.ie16 archive-posts {
display: table !important;
width: 100% !important
}
.ie16 archive-posts a figure,.ie16 archive-posts a link-text {
transition: none !important
}
.ie16 .case-studies .link figure,.ie16 .case-studies .link link-text {
transition: none !important
}
.ie16 archive-items {
display: table !important;
width: 100% !important
}
.ie16 archive-items a figure,.ie16 archive-items a link-text {
transition: none !important
}
.ie16 .single-cta .link figure,.ie16 .single-cta .link link-text {
transition: none !important
}
.ie15 ul.page-numbers .prev {
border-radius: 50%
}
.ie15 ul.page-numbers .next {
border-radius: 50%
}
.ie15 .contact.sales figure {
border-radius: 50%
}
.ie15 author-info figure {
border-radius: 50%
}
.ie15 poly-image figure {
border-radius: 50%;
padding-bottom: 80%;
width: 80%
}
.ie15 section.timeline entry-image figure {
border-radius: .25rem
}
.ie15 section.timeline timeline-container:before,.ie15 section.timeline entry-text date:before,.ie15 section.timeline:after {
border-radius: 50%
}
.ie15 .block.ctas .link figure,.ie15 .block.ctas .link link-text {
transition: none
}
.ie15 archive-posts {
display: table !important;
width: 100% !important
}
.ie15 archive-posts a figure,.ie15 archive-posts a link-text {
transition: none !important
}
.ie15 .case-studies .link figure,.ie15 .case-studies .link link-text {
transition: none !important
}
.ie15 archive-items {
display: table !important;
width: 100% !important
}
.ie15 archive-items a figure,.ie15 archive-items a link-text {
transition: none !important
}
.ie15 .single-cta .link figure,.ie15 .single-cta .link link-text {
transition: none !important
}
.ie11 mobile-nav::before {
display: none !important
}
.ie11 ul.page-numbers .prev {
border-radius: 50%
}
.ie11 ul.page-numbers .next {
border-radius: 50%
}
.ie11 .contact.sales figure {
border-radius: 50%
}
.ie11 poly-image figure {
border-radius: 50%;
padding-bottom: 80%;
width: 80%
}
.ie11 section.timeline entry-image figure {
border-radius: .25rem
}
.ie11 section.timeline timeline-container:before,.ie11 section.timeline entry-text date:before,.ie11 section.timeline:after {
border-radius: 50%
}
.ie11 .block.ctas .link figure,.ie11 .block.ctas .link link-text {
transition: none
}
.ie11 archive-posts {
display: table !important;
width: 100% !important
}
.ie11 archive-posts a figure,.ie11 archive-posts a link-text {
transition: none !important
}
.ie11 .case-studies .link figure,.ie11 .case-studies .link link-text {
transition: none !important
}
.ie11 archive-items {
display: table !important;
width: 100% !important
}
.ie11 archive-items a figure,.ie11 archive-items a link-text {
transition: none !important
}
.ie11 .single-cta .link figure,.ie11 .single-cta .link link-text {
transition: none !important
}
.ie11 .block.kpi-icons .kpi-list {
display: table;
width: 100%
}
.ie11 .block.ctas link-list {
display: table;
width: 100%
}
.ie11 .media-left-text-right,.ie11 .text-left-media-right,.ie11 .ctas {
overflow: hidden
}
.ie11 footer div.menu-footer-container>ul {
display: table;
width: 100%
}
.ie11 footer div.menu-footer-container>ul>li {
display: block;
float: left
}
.ie11 .block.awards {
overflow: hidden
}
.ie11 .block.awards award-list {
display: table
}
.ie11 .block.pricing {
overflow: hidden
}
.ie11 author-info figure {
border-radius: 50%
}
.ie11 results-list {
display: table;
width: 100%
}
.ie11 .support post-list {
display: table !important;
width: 100% !important
}
.ie11 .text-left-media-right,.ie11 .media-left-text-right {
display: table !important;
width: 100% !important
}
.ie11 other-posts {
display: table;
width: 100%
}
/*# sourceMappingURL=style.min.css.map */

figure.aligncenter{
	text-align:center;
	display:block;
	width:100%;
}
figure.aligncenter img{
	margin-left:auto;
	margin-right:auto;
}


a{
	color:rgb(6, 147, 227);
}
a:hover{
	color:rgb(36, 171, 247);
}
body.show-mobile-nav header{
	position:absolute!important;
}
.btn{
	text-transform:uppercase;
	font-weight:600;
}




.ninja-forms-field[type=submit]{
	background: #fab842!important;
	color: #111!important;
	border-radius:1000px!important;
	text-transform:uppercase;
	font-weight:600;
	padding-left:2rem!important;
	padding-right:2rem!important;
	font-family: "Roboto",sans-serif;
}
.nf-before-form-content{
	display:none;
}


a.kb-button{
	text-decoration:none;
}
@media(min-width:1170px) {
	.case-study-slides{
		position:relative;
		min-width: calc(100% + 520px);
		left:-520px;
	}
	.case-study-slides-wrap{
		overflow:hidden;
	}
}