@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@-webkit-keyframes drawStroke {
to {
stroke-dashoffset: 0
}
}

@keyframes drawStroke {
to {
stroke-dashoffset: 0
}
}

@-webkit-keyframes blurGradual {
0% {
-webkit-filter: blur(0);
filter: blur(0)
}

to {
-webkit-filter: blur(25px);
filter: blur(25px)
}
}

@keyframes blurGradual {
0% {
-webkit-filter: blur(0);
filter: blur(0)
}

to {
-webkit-filter: blur(25px);
filter: blur(25px)
}
}

@-webkit-keyframes menuButtonOnScroll {
0% {
-webkit-transform: translate3d(calc(50vw - 47px), 45px, 0);
transform: translate3d(calc(50vw - 47px), 45px, 0)
}

50% {
-webkit-transform: translate3d(calc(50vw - 47px), 22px, 0);
transform: translate3d(calc(50vw - 47px), 22px, 0)
}

to {
-webkit-transform: translate3d(54px, 22px, 0);
transform: translate3d(54px, 22px, 0)
}
}

@keyframes menuButtonOnScroll {
0% {
-webkit-transform: translate3d(calc(50vw - 47px), 45px, 0);
transform: translate3d(calc(50vw - 47px), 45px, 0)
}

50% {
-webkit-transform: translate3d(calc(50vw - 47px), 22px, 0);
transform: translate3d(calc(50vw - 47px), 22px, 0)
}

to {
-webkit-transform: translate3d(54px, 22px, 0);
transform: translate3d(54px, 22px, 0)
}
}

@-webkit-keyframes bob {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

15% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0)
}

30% {
-webkit-transform: translate3d(0, 15%, 0);
transform: translate3d(0, 15%, 0)
}

45% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0)
}

55% {
-webkit-transform: translate3d(0, 15%, 0);
transform: translate3d(0, 15%, 0)
}

70% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0)
}

80% {
-webkit-transform: translate3d(0, 15%, 0);
transform: translate3d(0, 15%, 0)
}

90% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0)
}

to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

@keyframes bob {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

15% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0)
}

30% {
-webkit-transform: translate3d(0, 15%, 0);
transform: translate3d(0, 15%, 0)
}

45% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0)
}

55% {
-webkit-transform: translate3d(0, 15%, 0);
transform: translate3d(0, 15%, 0)
}

70% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0)
}

80% {
-webkit-transform: translate3d(0, 15%, 0);
transform: translate3d(0, 15%, 0)
}

90% {
-webkit-transform: translate3d(0, -15%, 0);
transform: translate3d(0, -15%, 0)
}

to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0
}

.wrapper,
body,
html {
width: 100%
}

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
font-smoothing: antialiased;
background-color: #fff;
font-family: 'Open Sans', sans-serif;
-webkit-font-kerning: none;
font-kerning: none;
margin: 0;
padding: 0 0 0 60px;
position: relative;
}

body .wrapper {
opacity: 0;
-webkit-transition: opacity .6s ease-in-out;
transition: opacity .6s ease-in-out
}

body.loaded .wrapper {
opacity: 1
}

body .logo.top {
display: none
}

body.home-page {
background-color: transparent;
padding-left: 0
}

body.home-page .inner {
max-width: 1250px
}

@media only screen and (max-width:1510px) {
body.home-page .inner {
width: 100%
}
}

body.home-page header .menu-bar-container {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}

body.home-page header .menu-bar .logo.small {
display: none
}

body.home-page .logo.top {
display: block !important;
}

body.home-page.show-menu {
padding-left: 60px;
-webkit-transition: padding .6s ease-in-out;
transition: padding .6s ease-in-out
}

body.home-page.show-menu header .menu-bar-container {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: transform .6s ease-in-out;
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

body.home-page.show-menu-instant {
padding-left: 60px
}

body.home-page.show-menu-instant header .menu-bar-container {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

@media only screen and (max-width:767px) {
body {
padding: 50px 0 0 100px;
}

body .logo.top {
background-image: url(../img/logo.png)
}

body:not(.home-page) .logo.top {
display: block
}

body:not(.home-page) {
padding-top: 80px
}

body.home-page {
padding-left: 0
}

body.home-page header .menu-bar-container {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}

body.home-page.show-menu,
body.home-page.show-menu-instant {
padding-left: 0
}

}

.inner {
display: block;
margin: 0 auto 0 0;
max-width: 1180px;
position: relative;
width: 100%
}

@media only screen and (max-width:1510px) {
.inner {
max-width: 1140px
}
}

a {
text-decoration: none
}

input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 9999px #fff
}

@media only screen and (max-width:1024px) {
.desktop {
display: none
}
}

.block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -20px
}

.block-container .block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px
}

.block-container .block.horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}

.block-container .block.no-padding {
padding: 0
}

.block-container.tight {
margin: 0 -10px
}

.block-container.tight .block {
padding: 0 10px
}

@media only screen and (max-width:480px) {
.block-container {
margin: 0 -10px
}

.block-container .block {
padding: 0 10px
}
}

@font-face {
font-family: Proxima Nova Regular;
font-style: normal;
font-weight: 400;
src: url(../fonts/proxima-nova/ProximaNova-Regular.woff2) format("woff2"), url(../fonts/proxima-nova/ProximaNova-Regular.woff) format("woff")
}

@font-face {
font-family: Proxima Nova Bold;
font-style: normal;
font-weight: 700;
src: url(../fonts/proxima-nova/ProximaNova-Bold.woff2) format("woff2"), url(../fonts/proxima-nova/ProximaNova-Bold.woff) format("woff")
}

@font-face {
font-family: Proxima Nova Light;
font-style: normal;
font-weight: 300;
src: url(../fonts/proxima-nova/ProximaNova-Light.woff2) format("woff2"), url(../fonts/proxima-nova/ProximaNova-Light.woff) format("woff")
}

@font-face {
font-family: Proxima Nova SemiBold;
font-style: normal;
font-weight: 600;
src: url(../fonts/proxima-nova/ProximaNova-Semibold.woff2) format("woff2"), url(../fonts/proxima-nova/ProximaNova-Semibold.woff) format("woff")
}

h1,
h2,
h3,
h4 {
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1.1em;
margin: 0 0 10px;
}

h1 {
font-size: 55px;
margin: 0 0 14px
}

@media only screen and (max-width:1024px) {
h1 {
font-size: 48px
}
}

@media only screen and (max-width:768px) {
h1 {
font-size: 42px
}
}

@media only screen and (max-width:767px) {
h1 {
font-size: 44px
}
}

h2 {
font-size: 44px
}

@media only screen and (max-width:1300px) {
h2 {
font-size: 48px
}
}

@media only screen and (max-width:1024px) {
h2 {
font-size: 34px
}
}

@media only screen and (max-width:768px) {
h2 {
font-size: 28px
}
}

@media only screen and (max-width:767px) {
h2 {
font-size: 44px
}
}

h3 {
font-size: 24px
}

@media only screen and (max-width:1024px) {
h3 {
font-size: 20px
}
}

@media only screen and (max-width:768px) {
h3 {
font-size: 18px
}
}

@media only screen and (max-width:767px) {
h3 {
font-size: 17px
}
}

h4 {
font-size: 18px
}

@media only screen and (max-width:768px) {
h4 {
font-size: 16px
}
}

@media only screen and (max-width:767px) {
h4 {
font-size: 15px
}
}

p {
font-size: 16px;
line-height: 1.3em
}

sub,
sup {
font-size: 50%
}

.link {
color: #42a5a2;
position: relative
}

.link:after {
background-color: #02d1a6;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
-webkit-transition: transform .3s ease-in-out;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
width: 100%
}

.link:hover:after {
-webkit-transform: translate3d(0, 2px, 0);
transform: translate3d(0, 2px, 0)
}

ul {
padding-left: 16px
}

ul.style-none {
list-style: none;
padding-left: 0
}

strong {
font-family: Proxima Nova Bold, sans-serif;
font-weight: 400
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
-webkit-transition-duration: .1s;
transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
-webkit-transition-delay: .1s;
transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
-webkit-transition-duration: .15s;
transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
-webkit-transition-delay: .15s;
transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
-webkit-transition-duration: .2s;
transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
-webkit-transition-delay: .2s;
transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
-webkit-transition-duration: .25s;
transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
-webkit-transition-delay: .25s;
transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
-webkit-transition-duration: .3s;
transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
-webkit-transition-delay: .3s;
transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
-webkit-transition-duration: .35s;
transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
-webkit-transition-delay: .35s;
transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
-webkit-transition-duration: .4s;
transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
-webkit-transition-delay: .4s;
transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
-webkit-transition-duration: .45s;
transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
-webkit-transition-delay: .45s;
transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
-webkit-transition-duration: .5s;
transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
-webkit-transition-delay: .5s;
transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
-webkit-transition-duration: .55s;
transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
-webkit-transition-delay: .55s;
transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
-webkit-transition-duration: .6s;
transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
-webkit-transition-delay: .6s;
transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
-webkit-transition-duration: .65s;
transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
-webkit-transition-delay: .65s;
transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
-webkit-transition-duration: .7s;
transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
-webkit-transition-delay: .7s;
transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
-webkit-transition-duration: .75s;
transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
-webkit-transition-delay: .75s;
transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
-webkit-transition-duration: .8s;
transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
-webkit-transition-delay: .8s;
transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
-webkit-transition-duration: .85s;
transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
-webkit-transition-delay: .85s;
transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
-webkit-transition-duration: .9s;
transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
-webkit-transition-delay: .9s;
transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
-webkit-transition-duration: .95s;
transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
-webkit-transition-delay: .95s;
transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
-webkit-transition-duration: 1s;
transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
-webkit-transition-delay: 1s;
transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
-webkit-transition-delay: 1.55s;
transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
-webkit-transition-delay: 1.85s;
transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
-webkit-transition-duration: 2s;
transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
-webkit-transition-delay: 2s;
transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
-webkit-transition-duration: 2.05s;
transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
-webkit-transition-delay: 2.05s;
transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
-webkit-transition-duration: 2.1s;
transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
-webkit-transition-duration: 2.15s;
transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
-webkit-transition-delay: 2.15s;
transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
-webkit-transition-duration: 2.2s;
transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
-webkit-transition-duration: 2.25s;
transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
-webkit-transition-duration: 2.35s;
transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
-webkit-transition-delay: 2.35s;
transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
-webkit-transition-duration: 2.4s;
transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
-webkit-transition-duration: 2.45s;
transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
-webkit-transition-delay: 2.45s;
transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
-webkit-transition-duration: 2.5s;
transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
-webkit-transition-duration: 2.55s;
transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
-webkit-transition-duration: 2.6s;
transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
-webkit-transition-delay: 2.6s;
transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
-webkit-transition-duration: 2.65s;
transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
-webkit-transition-delay: 2.65s;
transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
-webkit-transition-duration: 2.7s;
transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
-webkit-transition-duration: 2.75s;
transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
-webkit-transition-delay: 2.75s;
transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
-webkit-transition-duration: 2.8s;
transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
-webkit-transition-duration: 2.85s;
transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
-webkit-transition-duration: 2.9s;
transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
-webkit-transition-delay: 2.9s;
transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
-webkit-transition-duration: 2.95s;
transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
-webkit-transition-delay: 2.95s;
transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
-webkit-transition-duration: 3s;
transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
-webkit-transition-delay: 3s;
transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

[data-aos=fade-up] {
-webkit-transform: translate3d(0, 6px, 0);
transform: translate3d(0, 6px, 0)
}

[data-aos=fade-down] {
-webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0)
}

[data-aos=fade-right] {
-webkit-transform: translate3d(-6px, 0, 0);
transform: translate3d(-6px, 0, 0)
}

[data-aos=fade-left] {
-webkit-transform: translate3d(6px, 0, 0);
transform: translate3d(6px, 0, 0)
}

[data-aos=fade-up-right] {
-webkit-transform: translate3d(-6px, 6px, 0);
transform: translate3d(-6px, 6px, 0)
}

[data-aos=fade-up-left] {
-webkit-transform: translate3d(6px, 6px, 0);
transform: translate3d(6px, 6px, 0)
}

[data-aos=fade-down-right] {
-webkit-transform: translate3d(-6px, -6px, 0);
transform: translate3d(-6px, -6px, 0)
}

[data-aos=fade-down-left] {
-webkit-transform: translate3d(6px, -6px, 0);
transform: translate3d(6px, -6px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
-webkit-transform: scale(.6);
transform: scale(.6)
}

[data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 6px, 0) scale(.6);
transform: translate3d(0, 6px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -6px, 0) scale(.6);
transform: translate3d(0, -6px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
-webkit-transform: translate3d(-6px, 0, 0) scale(.6);
transform: translate3d(-6px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
-webkit-transform: translate3d(6px, 0, 0) scale(.6);
transform: translate3d(6px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}

[data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 6px, 0) scale(1.2);
transform: translate3d(0, 6px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -6px, 0) scale(1.2);
transform: translate3d(0, -6px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
-webkit-transform: translate3d(-6px, 0, 0) scale(1.2);
transform: translate3d(-6px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
-webkit-transform: translate3d(6px, 0, 0) scale(1.2);
transform: translate3d(6px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

[data-aos=slide-up] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}

[data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0)
}

.slick-slider {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.slick-list,
.slick-slider {
display: block;
position: relative
}

.slick-list {
margin: 0;
overflow: hidden;
padding: 0
}

.slick-list:focus {
outline: none
}

.slick-list.dragging {
cursor: pointer;
cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

.slick-track {
display: block;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0
}

.slick-track:after,
.slick-track:before {
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
}

[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
}

.simplebar-track {
background-color: rgba(0, 0, 0, .25);
bottom: 20px;
overflow: visible;
right: 20px
}

.simplebar-track.simplebar-vertical {
top: 20px;
width: 1px
}

.simplebar-scrollbar {
right: -1px;
width: 3px
}

.simplebar-content-wrapper {
-webkit-overflow-scrolling: touch
}

.button {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background-color: transparent;
border: 1px solid #02d1a6;
border-radius: 35px;
color: #fff;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: Proxima Nova Bold, sans-serif;
font-size: 12px;
height: 50px;
justify-content: center;
line-height: 1.4em;
outline: none;
overflow: hidden;
padding: 0 28px;
position: relative;
text-decoration: none;
text-transform: uppercase;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: color, background-color, border-color;
-moz-transition-property: color, background-color, border-color;
-ms-transition-property: color, background-color, border-color;
-o-transition-property: color, background-color, border-color;
transition-property: color, background-color, border-color;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

.button>.text+svg,
.button>svg+.text {
margin-left: 20px
}

.button .text,
.button [class^=icon-] {
line-height: 1;
z-index: 2
}

.button svg {
z-index: 1
}

.button svg.arrow .cls-1,
.button svg.document .cls-1 {
fill: #fff;
-webkit-transition: fill .3s ease-in-out;
transition: fill .3s ease-in-out
}

.button>.background-square {
height: 46px;
left: -10px;
position: absolute;
top: -10px;
width: 46px;
z-index: 0
}

.button>.background-square:after,
.button>.background-square:before {
background-color: #02d1a6;
content: "";
position: absolute
}

.button>.background-square:before {
height: 9px;
left: 0;
top: 0;
width: 100%
}

.button>.background-square:after {
height: calc(100% - 9px);
left: 0;
top: 9px;
width: 9px
}

.button.fill-turquoise {
background-color: #02d1a6
}

.button.fill-turquoise:hover {
background-color: transparent
}

.button.fill-blue {
background-color: #0a192d;
border-color: #0a192d
}

.button.fill-blue:hover {
background-color: transparent;
color: #0a192d
}

.button.fill-blue:hover svg.arrow .cls-1,
.button.fill-blue:hover svg.document .cls-1 {
fill: #0a192d
}

.button.text-blue {
color: #0a192d
}

.button.text-blue svg.arrow .cls-1,
.button.text-blue svg.document .cls-1 {
fill: #0a192d
}

.button.text-blue:hover {
background-color: #0a192d;
border-color: #0a192d;
color: #fff
}

.button.text-blue:hover svg.arrow .cls-1,
.button.text-blue:hover svg.document .cls-1 {
fill: #fff
}

.button.large {
font-size: 14px;
height: 60px;
padding: 0 32px
}

.button.large svg.arrow {
height: 14px;
width: 14px
}

.button.xlarge {
font-size: 14px;
height: 70px;
padding: 0 32px
}

.button.xlarge svg.arrow {
height: 16px;
width: 16px
}

.button.wide svg.arrow {
margin-left: 70px
}

.button.square {
border-radius: 0
}

.button.no-padding {
padding: 0
}

.button.disabled {
cursor: not-allowed;
opacity: .5;
pointer-events: none
}

.button:hover {
background-color: #02d1a6;
color: #fff;
}

@media only screen and (max-width:1024px) {
.button.large {
height: 54px;
padding: 0 28px
}

.button.xlarge {
height: 58px;
padding: 0 28px
}
}

.input-container {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
width: 100%
}

.input-container input,
.input-container textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}

.input-container input:focus,
.input-container textarea:focus {
outline: none
}

.input-container>label {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
margin-bottom: 2px;
text-transform: uppercase;
}

.input-container.text input {
background-color: transparent;
border: none;
border-bottom: 1px solid #d6d6d6;
border-radius: 0;
color: #000;
display: block;
font-family: Proxima Nova Bold, sans-serif;
font-size: 14px;
height: 40px;
line-height: 40px;
padding: 0 2px;
width: 100%
}

.input-container.text input::-webkit-input-placeholder {
color: rgba(0, 0, 0, .5)
}

.input-container.text input:-moz-placeholder,
.input-container.text input::-moz-placeholder {
color: rgba(0, 0, 0, .5);
opacity: 1
}

.input-container.text input:-ms-input-placeholder {
color: rgba(0, 0, 0, .5)
}

.input-container.text input:focus {
border-color: #02d1a6
}

.input-container.textarea textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #d6d6d6;
border-radius: 0;
color: #000;
display: block;
font-family: Proxima Nova Bold, sans-serif;
font-size: 14px;
height: 40px;
line-height: 1.6em;
max-width: 100%;
padding: 10px 2px;
width: 100%
}

.input-container.textarea textarea::-webkit-input-placeholder{
color: #000;
}

.input-container.textarea textarea:-moz-placeholder,
.input-container.textarea textarea::-moz-placeholder {
color: #000;
opacity: 1
}

.input-container.textarea textarea:-ms-input-placeholder {
color: #000;
}

.input-container.textarea textarea:focus {
border-color: #000;
}

.input-container.select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}

.input-container.select .select {
position: relative;
text-align: left;
width: 100%
}

.input-container.select .select select {
height: 40px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%
}

.input-container.select .select label {
background-color: transparent;
border: none;
border-bottom: 1px solid #d6d6d6;
color: #000;
display: block;
font-size: 14px;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 16px 0 2px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}

.input-container.select .select label::-webkit-input-placeholder {
color: rgba(0, 0, 0, .6)
}

.input-container.select .select label:-moz-placeholder,
.input-container.select .select label::-moz-placeholder {
color: rgba(0, 0, 0, .6);
opacity: 1
}

.input-container.select .select label:-ms-input-placeholder {
color: rgba(0, 0, 0, .6)
}

.input-container.select .select:after {
color: #000;
content: "›";
display: block;
font-size: 24px;
pointer-events: none;
position: absolute;
right: 4px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
transform: translate3d(0, -50%, 0) rotate(90deg)
}

.input-container.radio {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
margin-right: 16px
}

.input-container.radio>label {
color: #000;
margin-bottom: 0;
opacity: 1;
text-transform: none
}

.input-container.radio .radio {
cursor: pointer;
width: 18px
}

.input-container.radio .radio label {
border: 1px solid #fff;
border-radius: 9px;
display: block;
height: 12px;
position: relative;
width: 12px
}

.input-container.radio .radio input {
display: none
}

.input-container.radio .radio input:checked+label:before {
background-color: rgba(0, 0, 0, .6);
border-radius: 5px;
content: "";
display: block;
height: 10px;
left: 4px;
position: absolute;
top: 4px;
width: 10px
}

.input-container.radio .text {
cursor: pointer;
font-size: 14px
}

.input-container.radio:last-of-type {
margin-right: 0
}

.input-container.checkbox {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

.input-container.checkbox .checkbox {
cursor: pointer;
width: 25px
}

.input-container.checkbox .checkbox label {
background-color: #fff;
border: 1px solid #0a192d;
display: block;
height: 16px;
position: relative;
width: 16px
}

.input-container.checkbox .checkbox label:before {
background-color: #000;
content: "";
display: block;
height: 16px;
left: -1px;
position: absolute;
top: -1px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: transform .3s ease-in-out;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
width: 16px
}

.input-container.checkbox .checkbox input {
height: 16px;
opacity: 0;
position: absolute;
width: 16px
}

.input-container.checkbox .checkbox input:checked+label:before {
-webkit-transform: scale(1);
transform: scale(1)
}

.input-container.checkbox .text {
cursor: pointer;
font-size: 13px;
margin: 0;
opacity: 1;
text-transform: none
}

.input-container.checkbox:last-of-type {
margin-right: 0
}

.input-container.radio-button input {
display: none
}

.input-container.radio-button .button {
height: 64px;
line-height: 60px;
padding: 0 30px;
text-transform: none
}

.input-container.radio-button input:checked+.button {
background-color: #000;
color: #fff
}

.input-container.submit {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 16px
}

.input-container.with-info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row
}

.input-container.with-info .info {
color: rgba(10, 25, 45, .5);
font-size: 13px;
margin-left: 40px
}

.input-container.with-info .info a {
color: rgba(10, 25, 45, .5);
text-decoration: underline
}

.input-container.with-info .info a:hover {
text-decoration: none
}

@media only screen and (max-width:480px) {
.input-container.with-info .info {
margin-left: 20px
}
}

.input-container.half {
margin-right: 2%;
width: 49%
}

.input-container.half.last-half {
margin-right: 0
}

.input-row {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.input-row .question {
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 14px
}

.input-row .question+* {
margin-left: 40px
}

.input-row .input-container {
-ms-flex-negative: 1;
flex-shrink: 1
}

.input-row .input-container.radio {
width: auto
}

.input-row .input-container+.input-container {
margin-left: 20px
}

.input-row.padding {
padding: 30px 0
}

.input-row.text-submit .input-container.text input {
border-color: #7c848f;
color: #fff
}

.input-row.text-submit .input-container.text input::-webkit-input-placeholder {
color: #fff
}

.input-row.text-submit .input-container.text input:-moz-placeholder,
.input-row.text-submit .input-container.text input::-moz-placeholder {
color: #fff;
opacity: 1
}

.input-row.text-submit .input-container.text input:-ms-input-placeholder {
color: #fff
}

.input-row.text-submit .input-container.text input:focus {
border-color: #02d1a6
}

.input-row.text-submit .input-container.submit {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
width: 56px
}

.input-row.text-submit .input-container.submit button {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background-color: #02d1a6;
border: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 40px;
justify-content: center;
width: 100%
}

.input-row.text-submit .input-container.submit button svg {
height: 14px;
width: 14px
}

.input-row.text-submit .input-container.submit button svg .cls-1 {
fill: #fff
}

.input-row.text-submit .input-container.submit button.disabled {
cursor: not-allowed;
opacity: .6;
pointer-events: none
}

.input-row.text-submit .input-container+.input-container {
margin-left: 0
}

.input-row+.input-row {
margin-top: 22px
}

.logo {
background-image: url(../img/eddom-logo.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 50px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: background-image, opacity;
-moz-transition-property: background-image, opacity;
-ms-transition-property: background-image, opacity;
-o-transition-property: background-image, opacity;
transition-property: background-image, opacity;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
width: 175px
}

.logo.small {
background-image: url(../img/logo-small.png);
height: 50px;
width: 50px
}

.logo.top {
left: 130px;
position: fixed;
top: 45px;
z-index: 3
}

.logo.reverse {
background-image: url(../img/eddom-logo.png);
z-index: 10
}

.logo.hide {
opacity: 0
}

/*.logo:hover {
opacity: .7
}*/

@media only screen and (max-width:1024px) {
.logo.top {
left: 100px
}
}

@media only screen and (max-width:767px) {
.logo.top {
height: 22px;
left: 0;
opacity: 1;
top: 0;
-webkit-transform: translate3d(54px, 29px, 0);
transform: translate3d(54px, 29px, 0);
-webkit-transition: transform .3s ease-in-out;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
width: 120px;
z-index: 44
}
}

.tiles {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

.tiles .tile {
background-position: 50%;
background-size: cover;
position: relative
}

.tiles .tile .background,
.tiles .tile .highlight-background {
background-position: 50%;
background-size: cover;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
z-index: 1
}

.tiles .tile .background,
.tiles .tile .background.active,
.tiles .tile .highlight-background.active {
opacity: 1
}

.tiles .tile>.background-square {
background-color: #02d1a6;
height: 105px;
position: absolute;
width: 125px;
z-index: 0
}

.tiles .tile .diagram-container {
pointer-events: none
}

.tiles .tile.text {
color: #000;
padding: 56px 54px
}

.tiles .tile.text .sub-heading {
color: hsla(0, 0%, 100%, .4);
font-family: Proxima Nova Bold, sans-serif;
font-size: 14px;
margin-bottom: 4px;
text-transform: uppercase
}

.tiles .tile.text .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 30.76px
}

.tiles .tile.text .heading+p {
margin-top: 6px
}

.tiles .tile.text p {
font-size: 18.45px;
line-height: 1.6em
}

.tiles .tile.text svg.arrow {
height: 14px;
margin-top: 10px;
width: 14px
}

.tiles .tile.text svg.arrow .cls-1 {
fill: #0a192d
}

.tiles .tile.text>* {
position: relative;
z-index: 2
}

.tiles .tile.text .background-square {
position: absolute;
z-index: 0
}

.tiles .tile.text:after {
background-color: #fff;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}

.tiles .tile.text.background-blue {
color: #fff;
}

.tiles .tile.text.background-blue svg.arrow .cls-1 {
fill: #fff;
}

.tiles .tile.text.background-blue:after {
background-color: #133057;
}

@media only screen and (max-width:1300px) {
.tiles .tile.text {
padding: 42px 40px
}

.tiles .tile.text .heading {
font-size: 27px
}

.tiles .tile.text p {
font-size: 16px
}
}

@media only screen and (max-width:520px) {
.tiles .tile>.background-square {
height: 55px;
width: 55px
}

.tiles .tile.text {
padding: 17px 15px
}

.tiles .tile.text .heading {
font-size: 22px
}

.tiles .tile.text p {
font-size: 15px
}

.tiles .tile.text svg.arrow {
height: 12px;
margin-top: 8px;
width: 12px
}
}

.tiles a.tile.text {
-webkit-transition: color .5s ease-in-out;
transition: color .5s ease-in-out
}

.tiles a.tile.text:after {
-webkit-transition: background-color .5s ease-in-out;
transition: background-color .5s ease-in-out
}

.tiles a.tile.text svg.arrow {
-webkit-transition: transform .5s ease-in-out;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.tiles a.tile.text:hover {
color: grey
}

.tiles a.tile.text:hover svg.arrow {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}

.tiles a.tile.text:hover.background-blue {
color: #fff
}

.tiles a.tile.text:hover.background-blue:after {
background-color: #0a192d;
}

.tiles .annotation {
height: 1px;
position: absolute;
width: 1px
}

.tiles .annotation .line {
background-color: #00fdbd;
bottom: 0;
left: 0;
position: absolute
}

.tiles .annotation .line .text {
color: #00fdbd;
position: absolute
}

.tiles .annotation.style-1 .line {
height: 120px;
width: 1px
}

.tiles .annotation.style-1 .line .text {
font-size: 11px;
left: 12px;
top: -6px;
white-space: nowrap
}

.tiles .annotation.style-1 .line .circle {
background-color: #00fdbd;
border-radius: 10px;
content: "";
position: absolute
}

.tiles .annotation.style-1 .line .circle:first-child {
height: 9px;
left: -4px;
top: -4px;
width: 9px
}

.tiles .annotation.style-1 .line .circle:nth-child(2) {
bottom: -7px;
height: 15px;
left: -7px;
width: 15px
}

.tiles .annotation.style-2 .line {
bottom: auto;
height: 1px;
top: 0;
width: 90px
}

.tiles .annotation.style-2 .line .text {
bottom: 5px;
font-size: 12px;
right: 0;
white-space: nowrap
}

.tiles .annotation.style-2 .line .circle {
background-color: #00fdbd;
border-radius: 10px;
content: "";
height: 11px;
left: -5px;
position: absolute;
top: -5px;
width: 11px
}

.tiles .annotation.style-2 .line .circle .border {
border: 1px solid #00fdbd;
height: 120px;
left: -55px;
position: absolute;
top: -55px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 120px
}

.tiles .annotation.style-2 .line:first-child {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 130px
}

.tiles .annotation.style-2 .line:nth-child(2) {
left: 111px;
top: 46px
}

.tiles .annotation.style-2 .line:nth-child(2) .text {
text-align: right
}

.tiles .annotation.style-2.small .line {
width: 60px
}

.tiles .annotation.style-2.small .line .text {
font-size: 9px
}

.tiles .annotation.style-2.small .line .circle {
background-color: transparent
}

.tiles .annotation.style-2.small .line .circle .border {
height: 90px;
left: -40px;
top: -40px;
width: 90px
}

.tiles .annotation.style-2.small .line:first-child {
width: 95px
}

.tiles .annotation.style-2.small .line:nth-child(2) {
left: 81px;
top: 34px
}

.tiles .annotation.style-3 .line {
height: 300px;
width: 1px
}

.tiles .annotation.style-3 .line .text {
bottom: auto;
font-size: 26px;
left: 20px;
right: auto;
top: -14px;
white-space: nowrap
}

.tiles .annotation.style-3 .line .circle {
background-color: #00fdbd;
border-radius: 10px;
content: "";
position: absolute
}

.tiles .annotation.style-3 .line .circle .border {
border: 1px solid #00fdbd;
border-radius: 150px;
height: 270px;
left: -118px;
position: absolute;
top: -118px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 270px
}

.tiles .annotation.style-3 .line .circle:first-of-type {
height: 11px;
left: -5px;
top: -5px;
width: 11px
}

.tiles .annotation.style-3 .line .circle:nth-of-type(2) {
border-radius: 18px;
bottom: -18px;
height: 36px;
right: -18px;
width: 36px
}

@media only screen and (max-width:1300px) {
.tiles .annotation.style-3 .line .circle .border {
border-radius: 8vw;
height: 16vw;
left: calc(-8vw + 14px);
top: calc(-8vw + 14px);
width: 16vw
}

.tiles .annotation.style-3 .line .circle:nth-of-type(2) {
border-radius: 14px;
bottom: -14px;
height: 28px;
right: -14px;
width: 28px
}
}

@media only screen and (max-width:520px) {
.tiles .annotation.style-3 .line {
height: 100px
}

.tiles .annotation.style-3 .line .text {
font-size: 10px;
left: 12px;
top: -6px
}

.tiles .annotation.style-3 .line .circle .border {
border-radius: 16vw;
height: 32vw;
left: calc(-16vw + 9px);
top: calc(-16vw + 9px);
width: 32vw
}

.tiles .annotation.style-3 .line .circle:first-of-type {
height: 8px;
left: -4px;
top: -4px;
width: 8px
}

.tiles .annotation.style-3 .line .circle:nth-of-type(2) {
border-radius: 9px;
bottom: -9px;
height: 18px;
right: -9px;
width: 18px
}
}

.tiles .annotation.style-4 .circle {
background-color: #00fdbd;
border-radius: 10px;
content: "";
height: 16px;
left: -8px;
position: absolute;
top: -8px;
width: 16px
}

.tiles .annotation.style-4 .circle .border {
border: 1px solid #00fdbd;
border-radius: 100px;
height: 192px;
left: -88px;
position: absolute;
top: -88px;
width: 192px
}

@media only screen and (max-width:1300px) {
.tiles .annotation.style-4 .circle .border {
border-radius: 7vw;
height: 14vw;
left: calc(-7vw + 8px);
top: calc(-7vw + 8px);
width: 14vw
}
}

@media only screen and (max-width:520px) {
.tiles .annotation.style-4 .circle {
height: 12px;
left: -6px;
top: -6px;
width: 12px
}

.tiles .annotation.style-4 .circle .border {
border-radius: 10vw;
height: 20vw;
left: calc(-10vw + 6px);
top: calc(-10vw + 6px);
width: 20vw
}
}

.tiles .tile-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.tiles .tile-row>*+* {
margin-left: 10px
}

.tiles .tile-row:nth-of-type(2) {
padding-left: 70px
}

.tiles .tile-row+.tile-row {
margin-top: 10px
}

@media only screen and (max-width:1300px) {
.tiles .tile-row:nth-of-type(2) {
padding-left: 30px
}
}

@media only screen and (max-width:1024px) {
.tiles .tile-row:nth-of-type(2) {
padding-left: 0
}
}

@media only screen and (max-width:520px) {
.tiles .tile-row>*+* {
margin-left: 5px
}

.tiles .tile-row+.tile-row {
margin-top: 5px
}
}

.tiles .tile-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

.tiles .tile-column>*+* {
margin-top: 10px
}

.tiles .tile-column+.tile-column {
margin-left: 10px
}

.tiles.preview-link {
width: 100%
}

.tiles.preview-link>.tile {
height: 230px;
width: 100%
}

.tiles.preview-link>.tile .background {
-webkit-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out
}

.tiles.preview-link>.tile .tile.text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
bottom: -38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 78px;
justify-content: center;
max-width: 54%;
padding: 5px 22px;
position: absolute;
right: 0;
width: 250px;
z-index: 1
}

.tiles.preview-link>.tile .tile.text .sub-heading {
font-size: 12px
}

.tiles.preview-link>.tile .tile.text .heading {
font-size: 18px
}

.tiles.preview-link>.tile .tile.text .background-square {
height: 50px;
left: -10px;
top: -10px;
-webkit-transition: transform .4s ease-in-out;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
width: 50px
}

.tiles.preview-link:hover>.tile .background {
opacity: .8
}

.tiles.preview-link:hover>.tile .tile.text .background-square {
-webkit-transform: translate3d(3px, 3px, 0);
transform: translate3d(3px, 3px, 0)
}

@media only screen and (max-width:1023px) {
.tiles.preview-link>.tile {
height: 0;
padding-top: 60%
}

.tiles.preview-link>.tile .tile.text {
max-width: 70%
}
}

@media only screen and (max-width:767px) {
.tiles.preview-link>.tile .tile.text {
max-width: 80%
}
}

.tiles.style-1 {
margin-left: 62px;
position: relative;
width: 100%
}

.tiles.style-1 .tile-row {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%
}

.tiles.style-1 svg {
position: absolute
}

.tiles.style-1 svg.t1-single-wave {
bottom: 0;
left: 0;
width: 126%
}

.tiles.style-1 svg.t1-waves {
bottom: 160px;
left: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 185%
}

.tiles.style-1 svg.t1-shapes {
left: -130px;
top: 0;
width: 120px
}

.tiles.style-1 .tile>.annotation:first-of-type {
left: 10px;
opacity: 0;
top: 220px;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
z-index: 5
}

.tiles.style-1 .tile .diagram-container {
bottom: 70%;
height: 22vw;
left: 80%;
max-width: 1000px;
min-height: 317px;
min-width: 576px;
position: absolute;
width: calc(50vw - 140px);
z-index: 6
}

.tiles.style-1 .tile .diagram-container .annotation {
left: 63%;
opacity: 0;
top: 6%;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
z-index: 5
}

.tiles.style-1 .tile .diagram-container>.circle {
background-color: #00fdbd;
position: absolute;
z-index: 1
}

.tiles.style-1 .tile .diagram-container>.circle:first-of-type {
border-radius: 5px;
bottom: -5px;
height: 10px;
left: -5px;
width: 10px
}

.tiles.style-1 .tile.small {
padding-top: 34%;
width: 33%;
z-index: 2
}

.tiles.style-1 .tile.large {
padding-top: 60%;
width: 70%
}

.tiles.style-1 .tile.text {
margin-top: -150px;
width: 328px
}

.tiles.style-1 .tile.text .background-square {
bottom: -10px;
right: -10px
}

@media only screen and (max-width:1300px) {
.tiles.style-1 {
margin-left: 0
}

.tiles.style-1 .tile.text {
width: 268px
}
}

@media only screen and (max-width:1024px) {
.tiles.style-1 .tile>.annotation:first-of-type {
display: none
}
}

@media only screen and (max-width:520px) {
.tiles.style-1 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-top: 20px
}

.tiles.style-1 .tile-row:nth-of-type(2) {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
justify-content: center;
padding-right: 10px
}

.tiles.style-1 .tile .diagram-container {
height: 180px;
min-height: 0;
min-width: 0;
width: 280px
}

.tiles.style-1 .tile .diagram-container .annotation {
display: none
}

.tiles.style-1 .tile.small {
margin-bottom: -66px;
padding-top: 48%;
width: 48%
}

.tiles.style-1 .tile.large {
left: 47.5%;
padding-top: 39%;
width: 44%
}

.tiles.style-1 .tile.text {
margin-bottom: 5px;
margin-top: 0;
width: 52%
}

.tiles.style-1 .tile.text .background-square {
bottom: -5px;
right: -5px
}

.tiles.style-1 svg.t1-waves {
display: none
}

.tiles.style-1 svg.t1-shapes {
left: 0;
top: 32%;
width: 80px
}
}

.tiles.style-2 {
margin-left: 95px;
width: 100%
}

.tiles.style-2 svg {
position: absolute
}

.tiles.style-2 svg.t2-single-wave-1 {
bottom: -16%;
right: 0;
width: 92%
}

.tiles.style-2 svg.t2-single-wave-2 {
bottom: 4%;
right: 0;
width: 92%
}

.tiles.style-2 svg.t2-waves {
bottom: -7%;
right: 45%;
width: 125%
}

.tiles.style-2 .tile-row {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: end;
-ms-flex-pack: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
width: 100%
}

.tiles.style-2 .tile .diagram-container {
bottom: 66%;
height: 340px;
position: absolute;
right: 90%;
width: 1066px;
z-index: 6
}

.tiles.style-2 .tile .diagram-container .annotation {
bottom: 0;
right: 0;
z-index: 5
}

.tiles.style-2 .tile.small {
margin-top: -7%;
padding-top: 44%;
width: 52%
}

.tiles.style-2 .tile.large {
margin-right: 8%;
padding-top: 59%;
width: 73%
}

.tiles.style-2 .tile.text {
margin-bottom: 10px;
margin-right: 20px;
padding: 35px;
width: 280px
}

.tiles.style-2 .tile.text .background-square {
left: -10px;
top: -10px
}

@media only screen and (max-width:1300px) {
.tiles.style-2 {
margin-left: 0
}

.tiles.style-2 .tile.text {
width: 240px
}
}

@media only screen and (max-width:520px) {
.tiles.style-2 .tile .diagram-container {
height: 210px;
width: 580px
}

.tiles.style-2 .tile.text {
margin-bottom: auto;
margin-top: -20px;
padding: 15px 0 0 15px;
width: 170px
}

.tiles.style-2 .tile.text .background-square {
left: -5px;
top: -5px
}
}

.tiles.style-3 {
margin-left: 25px;
position: relative;
width: 100%
}

.tiles.style-3 .tile-row {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
justify-content: flex-end;
width: 100%
}

.tiles.style-3 svg {
position: absolute
}

.tiles.style-3 svg.t3-single-wave {
bottom: 0;
left: -1%;
width: 140%
}

.tiles.style-3 svg.t1-waves {
bottom: 200px;
left: -370px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 385%
}

.tiles.style-3 svg.t1-shapes {
left: -25px;
top: 282px;
width: 120px
}

.tiles.style-3 svg.t1-shapes .cls-1 {
stroke: #00fdbd
}

.tiles.style-3 .tile .diagram-container {
bottom: 62%;
height: 22vw;
left: 66%;
max-width: 400px;
min-height: 312px;
min-width: 300px;
position: absolute;
width: calc(50vw - 420px);
z-index: 6
}

.tiles.style-3 .tile .diagram-container .annotation {
bottom: 0;
left: 0;
z-index: 5
}

.tiles.style-3 .tile.small {
margin-top: -7%;
padding-top: 50%;
width: 46%
}

.tiles.style-3 .tile.large {
margin-right: 70px;
padding-top: 58%;
width: 66%
}

.tiles.style-3 .tile.large .annotation {
z-index: 5
}

.tiles.style-3 .tile.large .annotation.style-2 {
bottom: 54%;
left: 1%
}

.tiles.style-3 .tile.large .annotation.style-3 {
bottom: 50%;
left: 50%
}

.tiles.style-3 .tile.large .annotation.style-3 .line {
height: 188px
}

.tiles.style-3 .tile.large .annotation.style-3 .line .text {
font-size: 16px;
left: 18px;
top: -7px
}

.tiles.style-3 .tile.large .annotation.style-3 .line .circle:first-child {
height: 12px;
left: -6px;
top: -6px;
width: 12px
}

.tiles.style-3 .tile.large .annotation.style-3 .line .circle:nth-child(2) {
bottom: -11px;
height: 22px;
right: -11px;
width: 22px
}

.tiles.style-3 .tile.text {
padding: 48px 55px;
width: 300px
}

.tiles.style-3 .tile.text .background-square {
bottom: -10px;
right: -10px
}

@media only screen and (max-width:1300px) {
.tiles.style-3 {
margin-left: 0
}

.tiles.style-3 .tile.text {
padding: 32px 35px;
width: 210px
}
}

@media only screen and (max-width:520px) {
.tiles.style-3 .tile .diagram-container {
height: 62vw;
min-height: 0;
min-width: 0;
width: 70vw
}

.tiles.style-3 .tile.text {
margin-bottom: auto;
margin-right: 20px;
margin-top: -60px;
padding: 15px;
width: 150px
}

.tiles.style-3 .tile.text .background-square {
bottom: -5px;
right: -5px
}

.tiles.style-3 .tile.large .annotation.style-2 {
display: none
}

.tiles.style-3 .tile.large .annotation.style-3 {
bottom: 20%;
left: 80%
}

.tiles.style-3 .tile.large .annotation.style-3 .line {
height: 100px
}

.tiles.style-3 .tile.large .annotation.style-3 .line .text {
font-size: 10px;
left: 10px;
top: -4px
}

.tiles.style-3 .tile.large .annotation.style-3 .line .circle:first-child {
height: 7px;
left: -3px;
top: -3px;
width: 7px
}

.tiles.style-3 .tile.large .annotation.style-3 .line .circle:nth-child(2) {
bottom: -5px;
height: 11px;
right: -5px;
width: 11px
}

.tiles.style-3 svg.t1-waves {
bottom: auto;
left: -70%;
top: 50px;
width: 205%
}

.tiles.style-3 svg.t3-single-wave {
width: 60%
}
}

.tiles.style-4 {
position: relative;
width: 100%
}

.tiles.style-4 .tile-row {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
justify-content: flex-end;
width: 100%
}

.tiles.style-4 svg {
position: absolute
}

.tiles.style-4 svg.t4-single-wave {
bottom: 0;
right: 0;
width: 100%
}

.tiles.style-4 svg.t4-waves {
right: 37%;
top: 0;
width: 112%
}

.tiles.style-4 svg.t4-shapes-1 {
right: 90%;
top: 54%;
width: 20%;
z-index: 5
}

.tiles.style-4 svg.t4-shapes-2 {
right: 133%;
top: 20%;
width: 20%
}

.tiles.style-4 .tile .diagram-container {
bottom: 58%;
height: 20vw;
min-height: 288px;
min-width: 1238px;
position: absolute;
right: 20%;
width: calc(50vw + 515px);
z-index: 6
}

.tiles.style-4 .tile .diagram-container .annotation {
bottom: 0;
right: 0;
z-index: 5
}

.tiles.style-4 .tile .diagram-container .annotation .circle {
height: 22px;
left: -11px;
top: -11px;
width: 22px
}

.tiles.style-4 .tile.small {
margin-top: -22%;
padding-top: 56%;
width: 46%
}

.tiles.style-4 .tile.large {
margin-right: 17%;
padding-top: 52%;
width: 54%
}

.tiles.style-4 .tile.text {
margin-bottom: 10px;
margin-right: 70px;
padding: 40px 30px;
width: 330px
}

.tiles.style-4 .tile.text .background-square {
bottom: -10px;
right: -10px
}

@media only screen and (max-width:1300px) {
.tiles.style-4 .tile .diagram-container .annotation .circle {
height: 16px;
left: -8px;
top: -8px;
width: 16px
}

.tiles.style-4 .tile.text {
padding: 32px 20px;
width: 220px
}

.tiles.style-4 .tile-row:nth-of-type(2) {
padding-left: 0
}
}

@media only screen and (max-width:520px) {
.tiles.style-4 .tile.text {
margin-right: 20px;
padding: 15px;
width: 200px
}

.tiles.style-4 .tile.text .background-square {
bottom: -5px;
right: -5px
}
}

.tiles.style-8 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}

.tiles.style-8 .diagram-container {
height: 225px;
left: 90px;
overflow: hidden;
position: absolute;
right: 0;
top: 30%;
z-index: 10
}

.tiles.style-8 svg {
position: absolute
}

.tiles.style-8 svg.t8-circle {
left: 0;
top: calc(50% - 52px);
width: 105px;
z-index: 2
}

.tiles.style-8 svg.t8-waves {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}

.tiles.style-8 svg.t8-single-wave,
.tiles.style-8 svg.t8-waves {
left: 90px;
top: 50%;
width: 110%
}

.tiles.style-8 .tile-row:first-of-type {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 2
}

.tiles.style-8 .tile-row:nth-of-type(2) {
padding-left: 0
}

.tiles.style-8 .tile .background-square {
height: 58px;
left: -10px;
top: -10px;
width: 58px
}

.tiles.style-8 .tile.large {
height: 265px;
width: 306px
}

.tiles.style-8 .tile.small:first-of-type {
height: 172px;
top: -40px;
width: 180px
}

.tiles.style-8 .tile.small:nth-of-type(2) {
height: 223px;
width: 216px
}

@media only screen and (min-width:1510px) {
.tiles.style-8 .diagram-container {
height: 20vw;
right: calc(-100vw + 1500px);
top: calc(50% - 10vw)
}
}

@media only screen and (max-width:1400px) {
.tiles.style-8 {
width: 100%
}

.tiles.style-8 .tile-row {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%
}

.tiles.style-8 .tile.large {
height: 0;
padding-top: 39%;
width: 45%
}

.tiles.style-8 .tile.small:first-of-type {
height: 0;
padding-top: 25%;
width: 26%
}

.tiles.style-8 .tile.small:nth-of-type(2) {
height: 0;
padding-top: 33%;
width: 32%
}

.tiles.style-8 svg.t8-circle {
top: calc(50% - 4vw);
width: 8vw
}

.tiles.style-8 svg.t8-single-wave {
left: 6vw
}
}

@media only screen and (max-width:767px) {
.tiles.style-8 .diagram-container {
left: 2vw
}
}

@media only screen and (max-width:520px) {
.tiles.style-8 .tile.large {
padding-top: 40%;
width: 65%
}

.tiles.style-8 .tile.small:first-of-type {
padding-top: 30%;
width: 38%
}

.tiles.style-8 .tile.small:nth-of-type(2) {
padding-top: 33%;
width: 42%
}

.tiles.style-8 .tile-row:nth-of-type(2) {
padding-right: 20px
}

.tiles.style-8 .diagram-container {
height: 100%;
left: 0;
top: 0
}

.tiles.style-8 svg.t8-circle,
.tiles.style-8 svg.t8-single-wave {
display: none
}

.tiles.style-8 svg.t8-waves {
left: -45vw
}
}

.tiles.style-9 .tile .background-square {
height: 58px;
right: -10px;
top: -10px;
width: 58px
}

.tiles.style-9 .tile.large {
height: 490px;
width: 750px
}

.tiles.style-9 .edge-lines {
bottom: -110px;
height: 140px;
left: 4%;
opacity: 1;
top: auto;
width: 70px;
z-index: 2
}

.tiles.style-9 .edge-lines div:nth-of-type(2) {
height: 50%
}

.tiles.style-9 .edge-lines div:nth-of-type(3) {
height: 65%
}

.tiles.style-9 svg {
position: absolute
}

.tiles.style-9 svg.t9-shapes-1 {
right: -6%;
top: -16%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 20%
}

.tiles.style-9 svg.t9-shapes-2 {
bottom: 8%;
left: 11%;
width: 12%;
z-index: 2
}

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

.tiles.style-9,
.tiles.style-9 .tile-row {
width: 100%
}

.tiles.style-9 .tile.large {
height: 0;
padding-top: 60%;
width: 100%
}
}

@media only screen and (max-width:520px) {
.tiles.style-9 .edge-lines {
bottom: -90px;
height: 100px;
width: 40px
}
}

.tiles.style-10 .tile.large {
height: 350px;
width: 520px
}

.tiles.style-10 svg {
position: absolute
}

.tiles.style-10 svg.t10-lines {
left: 0;
top: 5%;
-webkit-transform: translate3d(-57%, 0, 0) rotate(-25deg);
transform: translate3d(-57%, 0, 0) rotate(-25deg);
width: 120%;
z-index: 2
}

.tiles.style-10 svg.t10-shapes-1 {
bottom: -22%;
left: -38%;
width: 52%;
z-index: 2
}

.tiles.style-10 svg.t10-shapes-2 {
bottom: -24%;
right: -22%;
width: 52%;
z-index: 2
}

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

.tiles.style-10,
.tiles.style-10 .tile-row {
width: 100%
}

.tiles.style-10 .tile.large {
height: 0;
padding-top: 50%;
width: 75%
}

.tiles.style-10 svg.t10-lines {
top: 55%
}
}

@media only screen and (max-width:1023px) {
.tiles.style-10 svg.t10-lines {
width: 110%
}
}

@media only screen and (max-width:520px) {
.tiles.style-10 .tile-row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}

.tiles.style-11 .tile.large {
padding-top: 66%;
width: 100%
}

.tiles.style-11 svg {
position: absolute
}

.tiles.style-11 svg.t11-lines {
bottom: -50px;
right: -60px;
width: 90%;
z-index: 2
}

@media only screen and (max-width:1023px) {
.tiles.style-11 svg.t11-lines {
bottom: -38px;
right: -70px;
width: 70%
}
}

.tiles.style-12 .tile-row {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}

.tiles.style-12 .tile-row:first-of-type .tile {
height: 274px;
margin-right: 35px;
width: 306px;
z-index: 3
}

.tiles.style-12 .tile-row:first-of-type .tile .background-square {
height: 70px;
left: -10px;
top: -10px;
width: 70px
}

.tiles.style-12 .tile-row:nth-of-type(2) {
padding-left: 50px
}

.tiles.style-12 .tile-row:nth-of-type(2) .tile.small {
height: 305px;
width: 255px
}

.tiles.style-12 .tile-row:nth-of-type(2) .tile.large {
height: 418px;
margin-top: -195px;
width: 385px
}

.tiles.style-12 .edge-lines {
bottom: -100px;
height: 136px;
left: 40%;
opacity: 1;
top: auto;
width: 43px
}

.tiles.style-12 .edge-lines div:nth-of-type(2) {
height: 50%
}

.tiles.style-12 .edge-lines div:nth-of-type(3) {
height: 65%
}

.tiles.style-12 .diagram-container {
height: 18vw;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 35vw;
z-index: 5
}

.tiles.style-12 svg {
position: absolute
}

.tiles.style-12 svg.t12-waves {
height: 100%;
left: 0;
top: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}

.tiles.style-12 svg.t12-shapes-3 {
bottom: -45px;
left: -64px;
width: 84px
}

.tiles.style-12 .t12-shapes-1 {
position: absolute;
right: -68px;
top: -30px;
width: 170px;
z-index: 2
}

.tiles.style-12 .t12-shapes-2 {
left: -140px;
position: absolute;
top: -30px;
width: 170px
}

@media only screen and (min-width:1680px) {
.tiles.style-12 svg.t12-waves {
width: 70vw
}
}

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

.tiles.style-12,
.tiles.style-12 .tile-row {
width: 100%
}

.tiles.style-12 .tile-row:first-of-type .tile {
height: 0;
margin-right: 5%;
padding-top: 40%;
width: 45%
}

.tiles.style-12 .tile-row:nth-of-type(2) .tile.large {
height: 0;
margin-top: -20%;
padding-top: 56%;
width: 52%
}

.tiles.style-12 .tile-row:nth-of-type(2) .tile.small {
height: 0;
padding-top: 41%;
width: 34%
}

.tiles.style-12 svg.t12-shapes-2 {
left: -40%;
top: 0;
width: 49%
}

.tiles.style-12 svg.t12-waves {
width: 100%
}

.tiles.style-12 .diagram-container {
height: 18vw;
right: -10vw;
width: 33vw
}
}

@media only screen and (max-width:767px) {
.tiles.style-12 .tile-row:nth-of-type(2) .tile.large {
height: 0;
margin-top: -20%;
padding-top: 44%;
width: 42%
}

.tiles.style-12 .edge-lines {
bottom: -60px;
height: 96px
}
}

@media only screen and (max-width:520px) {
.tiles.style-12 .edge-lines {
bottom: -40px;
height: 66px;
width: 30px
}

.tiles.style-12 .t12-shapes-2 {
display: none
}

.tiles.style-12 .tile-row:first-of-type .tile {
padding-top: 40%;
width: 62%
}

.tiles.style-12 .tile-row:nth-of-type(2) {
padding-left: 0
}

.tiles.style-12 .tile-row:nth-of-type(2) .tile.large {
padding-top: 44%;
width: 62%
}

.tiles.style-12 .tile-row:nth-of-type(2) .tile.small {
padding-top: 31%;
width: 64%
}
}

.tiles.style-13 .tile-column:first-of-type .tile:first-of-type {
height: 340px;
width: 272px
}

.tiles.style-13 .tile-column:first-of-type .tile:nth-of-type(2) {
height: 214px;
right: -60px;
width: 272px
}

.tiles.style-13 .tile-column:nth-of-type(2) {
z-index: 2
}

.tiles.style-13 .tile-column:nth-of-type(2) .tile:first-of-type {
height: 160px;
margin-top: 60px;
width: 178px
}

.tiles.style-13 .tile-column:nth-of-type(2) .tile:first-of-type .background-square {
height: 60px;
right: -10px;
top: -10px;
width: 60px
}

.tiles.style-13 .tile-column:nth-of-type(2) .tile:nth-of-type(2) {
height: 268px;
width: 272px
}

.tiles.style-13 .diagram-container {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 3
}

.tiles.style-13 .edge-lines {
height: 150px;
left: auto;
opacity: 1;
right: 0;
top: 0;
width: 60px
}

.tiles.style-13 .edge-lines div:nth-of-type(2) {
height: 50%
}

.tiles.style-13 .edge-lines div:nth-of-type(3) {
height: 65%
}

.tiles.style-13 svg {
position: absolute
}

.tiles.style-13 svg.t13-circle {
height: 82px;
right: 0;
top: calc(50% - 41px);
width: 82px;
z-index: 3
}

.tiles.style-13 svg.t13-waves {
height: 85%;
right: 60px;
top: -3%;
width: 85%
}

.tiles.style-13 svg.t13-shapes {
right: 14%;
top: 12%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 20%
}

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

.tiles.style-13,
.tiles.style-13 .tile-row {
width: 100%
}

.tiles.style-13 .tile-column {
width: 40%
}

.tiles.style-13 .tile-column:first-of-type .tile:first-of-type {
height: 0;
padding-top: 124%;
width: 100%
}

.tiles.style-13 .tile-column:first-of-type .tile:nth-of-type(2) {
height: 0;
padding-top: 78%;
right: -60px;
width: 100%
}

.tiles.style-13 .tile-column:nth-of-type(2) .tile:first-of-type {
height: 0;
padding-top: 58%;
width: 65%
}

.tiles.style-13 .tile-column:nth-of-type(2) .tile:nth-of-type(2) {
height: 0;
padding-top: 98%;
width: 100%
}

.tiles.style-13 .edge-lines {
height: 12vw;
width: 5vw
}

.tiles.style-13 svg.t13-circle {
height: 6vw;
top: calc(50% - 3vw);
width: 6vw
}

.tiles.style-13 svg.t13-waves {
right: 5vw;
top: -2%
}
}

@media only screen and (max-width:520px) {
.tiles.style-13 .tile-column {
width: 50%
}

.tiles.style-13 .tile-column:first-of-type .tile:first-of-type {
margin-top: 20%
}

.tiles.style-13 .tile-column:first-of-type .tile:nth-of-type(2) {
display: none
}

.tiles.style-13 .tile-column:nth-of-type(2) .tile:first-of-type {
margin-top: 0
}

.tiles.style-13 .edge-lines,
.tiles.style-13 svg.t13-circle {
display: none
}

.tiles.style-13 svg.t13-waves {
right: -25vw
}
}

.tiles.style-14 .tile-row .tile.large {
height: 450px;
width: 590px
}

.tiles.style-14 .tile-row .tile.large>svg {
position: absolute
}

.tiles.style-14 .tile-row .tile.large>svg.t14-shapes {
height: 11vw;
left: -5vw;
top: -7vw;
width: 17vw;
z-index: 1
}

.tiles.style-14 .edge-lines {
bottom: -50px;
height: 220px;
left: 40px;
opacity: 1;
top: auto;
width: 68px;
z-index: 1
}

.tiles.style-14 .edge-lines div:nth-of-type(2) {
height: 50%
}

.tiles.style-14 .edge-lines div:nth-of-type(3) {
height: 65%
}

.tiles.style-14 .button {
bottom: -35px;
height: 70px;
position: absolute;
right: 0;
z-index: 2
}

.tiles.style-14 .button .arrow {
margin-left: 80px
}

.tiles.style-14 .button:hover {
background-color: #133057;
border-color: #133057;
color: #fff
}

.tiles.style-14 .button:hover svg.arrow .cls-1 {
fill: #fff
}

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

.tiles.style-14,
.tiles.style-14 .tile-row {
width: 100%
}

.tiles.style-14 .tile-row .tile.large {
height: 0;
padding-top: 76%;
width: 100%
}

.tiles.style-14 .edge-lines {
bottom: -20px;
height: 17vw;
width: 6vw
}
}

.tiles.style-15 .tile-row .tile.large {
height: 430px;
width: 640px
}

.tiles.style-15 .tile-row .tile.large .background-square {
height: 85px;
right: -13px;
top: -13px;
width: 92px
}

.tiles.style-15 svg {
position: absolute
}

.tiles.style-15 svg.t15-waves {
left: -55%;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 140%;
z-index: 1
}

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

.tiles.style-15,
.tiles.style-15 .tile-row {
width: 100%
}

.tiles.style-15 .tile-row .tile.large {
height: 0;
padding-top: 66%;
width: 100%
}

.tiles.style-15 .tile-row .tile.large .background-square {
right: -10px;
top: -10px
}
}

@media only screen and (max-width:1024px) {
.tiles.style-15 .tile-row .tile.large .background-square {
height: 60px;
width: 60px
}
}

.tiles.style-16 {
padding-bottom: 60px;
padding-top: 10px;
position: relative
}

.tiles.style-16 .tile-row {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}

.tiles.style-16 .tile-row .tile {
-ms-flex-negative: 0;
flex-shrink: 0
}

.tiles.style-16 .tile-row .tile:first-of-type {
height: 400px;
width: 490px
}

.tiles.style-16 .tile-row .tile:first-of-type .background-square {
height: 84px;
right: -10px;
top: -10px;
width: 92px
}

.tiles.style-16 .tile-row .tile:nth-of-type(2) {
border-left: 10px solid #f3f3f3;
border-top: 10px solid #f3f3f3;
bottom: -100px;
height: 350px;
left: -190px;
margin-left: 0;
width: 290px;
z-index: 1
}

.tiles.style-16 .annotation {
right: 30px;
top: 100px;
z-index: 5
}

.tiles.style-16 .edge-lines {
bottom: -120px;
height: 150px;
left: 20px;
opacity: 1;
top: auto;
width: 54px;
z-index: 1
}

.tiles.style-16 .edge-lines div:nth-of-type(2) {
height: 50%
}

.tiles.style-16 .edge-lines div:nth-of-type(3) {
height: 65%
}

.tiles.style-16 .diagram-container {
left: 0;
position: absolute;
top: 45%;
width: 71%;
z-index: 3
}

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

.tiles.style-16,
.tiles.style-16 .tile-row {
width: 100%
}

.tiles.style-16 .tile-row .tile:first-of-type {
height: 0;
padding-top: 60%;
width: 73%
}

.tiles.style-16 .tile-row .tile:nth-of-type(2) {
height: 0;
left: -30%;
padding-top: 50%;
width: 43%
}

.tiles.style-16 .edge-lines {
bottom: -12%
}
}

@media only screen and (max-width:520px) {
.tiles.style-16 {
padding-bottom: 120px
}

.tiles.style-16 .tile-row .tile:nth-of-type(2) {
bottom: -100px;
left: -15%;
padding-top: 40%;
width: 43%
}
}

@media only screen and (max-width:374px) {
.tiles.style-16 .annotation {
display: none
}

.tiles.style-16 .tile-row .tile:first-of-type {
width: 90%
}

.tiles.style-16 .tile-row .tile:nth-of-type(2) {
left: -35%;
padding-top: 48%;
width: 50%
}
}

.tiles.style-17 .tile-row .tile {
height: 570px;
overflow: hidden;
width: 570px
}

.tiles.style-17 .tile-row .tile>svg {
position: absolute
}

.tiles.style-17 .tile-row .tile>svg.t17-waves {
right: -95%;
top: 50px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 160%;
z-index: 1
}

.tiles.style-17 .tile-row .tile>svg.t17-shapes {
left: -10%;
top: 150px;
width: 60%;
z-index: 1
}

.tiles.style-17 .t17-shapes-2 {
left: -60px;
position: absolute;
top: -80px;
width: 245px;
z-index: 1
}

.tiles.style-17.b .tile-row .tile {
overflow: visible
}

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

.tiles.style-17,
.tiles.style-17 .tile-row {
width: 100%
}

.tiles.style-17 .tile-row .tile {
height: 0;
padding-top: 80%;
width: 100%
}

.tiles.style-17 .tile-row .tile>svg.t17-waves {
right: -65%;
top: 30px;
width: 110%
}
}

.tiles.style-18 .tile-row .tile {
height: 480px;
width: 690px
}

.tiles.style-18 .tile-row .tile .edge-lines {
height: 220px;
left: 60px;
opacity: 1;
top: -80px;
width: 60px;
z-index: 1
}

.tiles.style-18 .tile-row .tile .edge-lines div:nth-of-type(2) {
height: 50%
}

.tiles.style-18 .tile-row .tile .edge-lines div:nth-of-type(3) {
height: 65%
}

.tiles.style-18 .tile-row .tile .background-square {
bottom: -10px;
height: 60px;
right: -10px;
width: 68px
}

.tiles.style-18 .tile-row .tile svg {
position: absolute
}

.tiles.style-18 .tile-row .tile svg.t18-waves {
bottom: -60px;
left: 0;
position: absolute;
width: 92%;
z-index: 3
}

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

.tiles.style-18,
.tiles.style-18 .tile-row {
width: 100%
}

.tiles.style-18 .tile-row .tile {
height: 0;
padding-top: 70%;
width: 100%
}
}

@media only screen and (max-width:1023px) {
.tiles.style-18 .tile-row .tile .edge-lines {
height: 50%;
left: 80px;
top: -15%;
width: 15%
}
}

.tiles.style-19,
.tiles.style-19 .tile-row {
width: 100%
}

.tiles.style-19 .tile-row .tile:first-of-type {
padding-top: 90%;
width: 100%
}

.tiles.style-19 .tile-row .tile:first-of-type .background-square {
height: 75px;
left: -10px;
top: -10px;
width: 85px
}

.tiles.style-19 .tile-row .tile:nth-of-type(2) {
margin: 0;
padding-top: 50%;
position: absolute;
right: 0;
top: -60px;
width: 54%;
z-index: 3
}

.tiles.style-19 .tile-row .tile svg {
position: absolute
}

.tiles.style-19 .tile-row .tile svg.t19-shapes-1 {
bottom: -60px;
right: calc(50% - 120px);
width: 230px;
z-index: 3
}

@media only screen and (max-width:767px) {
.tiles.style-19 .tile-row .tile svg.t19-shapes-1 {
bottom: 60px;
right: calc(50% - 20px);
width: 50%
}
}

.tiles.style-20,
.tiles.style-20 .tile-row {
width: 100%
}

.tiles.style-20 .tile-row .tile {
padding-top: 70%;
width: 100%
}

.tiles.style-21 .tile-row {
width: 80%
}

.tiles.style-21 .tile-row:first-of-type .tile {
padding-top: 60%;
width: 82%
}

.tiles.style-21 .tile-row:first-of-type .tile .background-square {
height: 60px;
right: -10px;
top: -10px;
width: 64px
}

.tiles.style-21 .tile-row:nth-of-type(2) {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 0
}

.tiles.style-21 .tile-row:nth-of-type(2) .tile {
width: 50%
}

.tiles.style-21 .tile-row:nth-of-type(2) .tile:first-of-type {
padding-top: 38%
}

.tiles.style-21 .tile-row:nth-of-type(2) .tile:nth-of-type(2) {
padding-top: 50%;
position: relative;
top: -125px
}

.tiles.style-21 .diagram-container {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 3
}

.tiles.style-21 .edge-lines {
height: 150px;
left: auto;
opacity: 1;
right: 0;
top: 0;
width: 60px
}

.tiles.style-21 .edge-lines div:nth-of-type(2) {
height: 50%
}

.tiles.style-21 .edge-lines div:nth-of-type(3) {
height: 65%
}

.tiles.style-21 svg {
position: absolute
}

.tiles.style-21 svg.t13-circle {
height: 82px;
right: 0;
top: calc(50% - 41px);
width: 82px;
z-index: 3
}

.tiles.style-21 svg.t13-waves {
height: 85%;
right: 60px;
top: -1.5%;
width: 85%
}

.tiles.style-21 svg.t13-shapes {
right: 14%;
top: 12%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 20%
}

@media only screen and (max-width:1400px) {
.tiles.style-21 {
width: 100%
}

.tiles.style-21 .edge-lines {
height: 12vw;
right: 2vw;
width: 4vw
}

.tiles.style-21 svg.t13-circle {
height: 6vw;
top: calc(50% - 3vw);
width: 6vw
}

.tiles.style-21 svg.t13-waves {
height: 85%;
right: 5vw;
top: -1.5%;
width: 85%
}
}

@media only screen and (max-width:1024px) {
.tiles.style-21 .tile-row:nth-of-type(2) .tile:nth-of-type(2) {
top: -10vw
}
}

@media only screen and (max-width:520px) {
.tiles.style-21 .tile-row {
width: 100%
}

.tiles.style-21 .tile-row:first-of-type .tile {
padding-top: 44%
}

.tiles.style-21 .tile-row:nth-of-type(2) .tile:first-of-type {
padding-top: 34%
}

.tiles.style-21 .tile-row:nth-of-type(2) .tile:nth-of-type(2) {
top: -17vw
}

.tiles.style-21 .edge-lines,
.tiles.style-21 svg.t13-circle {
display: none
}

.tiles.style-21 svg.t13-waves {
right: -25vw
}
}

.tiles.style-22 .tile-row {
padding-top: 10px;
width: 100%
}

.tiles.style-22 .tile {
height: 550px;
position: relative;
width: 580px
}

.tiles.style-22 .background-square {
height: 77px;
left: -10px;
top: -10px;
width: 77px
}

.tiles.style-22 .t22-shapes-1 {
bottom: -112px;
height: 276px;
left: -98px;
position: absolute;
width: 98px;
z-index: 2
}

.tiles.style-22 .t22-shapes-2 {
height: 16vw;
left: calc(100% - 4.55vw);
position: absolute;
top: calc(406px - 4.55vw);
width: 114vw;
z-index: 2
}

@media only screen and (max-width:767px) {
.tiles.style-22 .tile {
height: 60vw;
width: 100%
}

.tiles.style-22 .t22-shapes-1,
.tiles.style-22 .t22-shapes-2 {
display: none
}
}

.tiles.style-23 {
height: 480px
}

.tiles.style-23 .tile-row {
height: 100%;
padding-top: 10px;
position: relative;
width: 100%
}

.tiles.style-23 .tile {
bottom: 0;
height: 300px;
left: 0;
position: absolute;
width: 272px
}

.tiles.style-23 .tile.large {
bottom: auto;
height: 400px;
left: auto;
right: 0;
top: 10px;
width: 480px
}

.tiles.style-23 .t23-shapes-1 {
height: 220px;
position: absolute;
right: 41px;
top: 80px;
width: 1772px;
z-index: 2
}

.tiles.style-23 .t23-shapes-2 {
bottom: -100px;
height: 276px;
position: absolute;
right: 34px;
width: 270px;
z-index: 2
}

.tiles.style-23 .background-square {
height: 77px;
left: -10px;
top: -10px;
width: 77px
}

@media only screen and (max-width:767px) {
.tiles.style-23 .tile.large {
height: 60%;
width: 80%
}
}

@media only screen and (max-width:480px) {
.tiles.style-23 {
height: 220px
}

.tiles.style-23 .tile {
bottom: -50px;
height: 60%;
left: 20px;
width: 40%
}

.tiles.style-23 .tile.large {
height: 100%
}

.tiles.style-23 .t23-shapes-1 {
display: none
}

.tiles.style-23 .t23-shapes-2 {
bottom: -60px;
height: 206px;
right: 10px;
width: 200px
}
}

.content-split-container.section-init .tiles.style-1 .tile>.annotation:first-of-type {
opacity: 1;
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}

.content-split-container.section-init .tiles.style-1 .tile .diagram-container .annotation {
opacity: 1;
-webkit-transition-delay: 5.5s;
transition-delay: 5.5s
}

svg.t1-single-wave path {
fill: none;
stroke: url(#t1-single-wave);
stroke-miterlimit: 10;
stroke-width: 4px;
stroke-dasharray: 3000;
stroke-dashoffset: -3000
}

svg.t1-waves {
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}

svg.t1-waves use {
fill: none;
stroke: url(#t1-waves);
stroke-miterlimit: 10;
stroke-width: 4px
}

svg.t1-waves .cls-1 {
isolation: isolate
}

svg.t1-waves .cls-2 {
opacity: .4
}

svg.t1-waves .cls-4,
svg.t1-waves .cls-7,
svg.t1-waves .cls-10,
svg.t1-waves .cls-13 {
fill: url(#t1-waves)
}

svg.t1-waves .cls-5 {
opacity: .6
}

svg.t1-waves .cls-8 {
opacity: .8
}

svg.t1-waves .cls-11 {
opacity: .9
}

svg.t1-shapes {
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}

svg.t1-shapes .cls-1 {
stroke-miterlimit: 10;
stroke-width: .1px;
stroke: url(#t1-shapes)
}

svg.t2-single-wave-1 .cls-1 {
fill: none;
stroke: url(#t2-single-wave-1);
stroke-miterlimit: 10;
stroke-width: 2px;
stroke-dasharray: 1200;
stroke-dashoffset: 1200
}

svg.t2-single-wave-2 .cls-1 {
fill: none;
stroke: url(#t2-single-wave-2);
stroke-miterlimit: 10;
stroke-width: 3px;
stroke-dasharray: 4960;
stroke-dashoffset: 4960
}

svg.t2-waves .cls-1 {
isolation: isolate
}

svg.t2-waves .cls-2 {
opacity: .4
}

svg.t2-waves .cls-2,
svg.t2-waves .cls-5,
svg.t2-waves .cls-8 {
mix-blend-mode: screen
}

svg.t2-waves .cls-3 {
fill: url(#t2-waves-linear)
}

svg.t2-waves .cls-4 {
fill: url(#t2-waves-linear-2)
}

svg.t2-waves .cls-5 {
opacity: .8
}

svg.t2-waves .cls-6,
svg.t2-waves .cls-7,
svg.t2-waves .cls-9,
svg.t2-waves .cls-10 {
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t2-waves .cls-6 {
fill: url(#t2-waves-linear-3)
}

svg.t2-waves .cls-7 {
fill: url(#t2-waves-linear-4)
}

svg.t2-waves .cls-8 {
opacity: .9
}

svg.t2-waves .cls-9,
svg.t2-waves .cls-10,
svg.t2-waves .cls-11 {
fill: #00fdbd
}

svg.t2-waves .cls-12 {
fill: url(#t2-waves-linear-5)
}

svg.t2-waves .cls-13 {
fill: url(#t2-waves-linear-6)
}

svg.t2-waves path {
stroke-dasharray: 1000;
stroke-dashoffset: 1000
}

svg.t3-single-wave .cls-1 {
fill: none;
stroke: url(#t3-single-wave);
stroke-miterlimit: 10;
stroke-width: 10px
}

svg.t4-single-wave .cls-1 {
fill: none;
stroke: url(#t4-single-wave);
stroke-miterlimit: 10;
stroke-width: 3px
}

svg.t4-waves .cls-1 {
isolation: isolate
}

svg.t4-waves .cls-2 {
opacity: .7
}

svg.t4-waves .cls-2,
svg.t4-waves .cls-5,
svg.t4-waves .cls-8 {
mix-blend-mode: screen
}

svg.t4-waves .cls-3,
svg.t4-waves .cls-4,
svg.t4-waves .cls-9,
svg.t4-waves .cls-10 {
fill: #00fdbd
}

svg.t4-waves .cls-3,
svg.t4-waves .cls-4,
svg.t4-waves .cls-6,
svg.t4-waves .cls-7,
svg.t4-waves .cls-9,
svg.t4-waves .cls-10,
svg.t4-waves .cls-11,
svg.t4-waves .cls-12 {
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t4-waves .cls-5 {
opacity: .8
}

svg.t4-waves .cls-6 {
fill: url(#t4-waves-linear)
}

svg.t4-waves .cls-7 {
fill: url(#t4-waves-linear-2)
}

svg.t4-waves .cls-8 {
opacity: .9
}

svg.t4-waves .cls-11 {
fill: url(#t4-waves-linear-3)
}

svg.t4-waves .cls-12 {
fill: url(#t4-waves-linear-4)
}

svg.t4-shapes-1 .cls-1,
svg.t4-shapes-2 .cls-1,
svg.t5-shapes .cls-1 {
fill: #00fdbd
}

svg.t6-waves .cls-1 {
isolation: isolate
}

svg.t6-waves .cls-2 {
opacity: .9
}

svg.t6-waves .cls-2,
svg.t6-waves .cls-5,
svg.t6-waves .cls-8 {
mix-blend-mode: screen
}

svg.t6-waves .cls-3,
svg.t6-waves .cls-4,
svg.t6-waves .cls-6,
svg.t6-waves .cls-7,
svg.t6-waves .cls-9,
svg.t6-waves .cls-10,
svg.t6-waves .cls-11,
svg.t6-waves .cls-12 {
fill: #00febe;
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t6-waves .cls-8 {
opacity: .5
}

svg.t7-waves .cls-1 {
isolation: isolate
}

svg.t7-waves .cls-2 {
opacity: .6
}

svg.t7-waves .cls-2,
svg.t7-waves .cls-5,
svg.t7-waves .cls-8,
svg.t7-waves .cls-11 {
mix-blend-mode: screen
}

svg.t7-waves .cls-3,
svg.t7-waves .cls-4,
svg.t7-waves .cls-6,
svg.t7-waves .cls-9,
svg.t7-waves .cls-10,
svg.t7-waves .cls-12,
svg.t7-waves .cls-13 {
stroke-miterlimit: 10;
stroke-width: .04px;
fill: url(#t7-waves);
stroke: url(#t7-waves)
}

svg.t7-waves .cls-5 {
opacity: .5
}

svg.t7-waves .cls-8 {
opacity: .8
}

svg.t7-waves .cls-11 {
opacity: .9
}

svg.t7-waves-mobile .cls-1 {
isolation: isolate
}

svg.t7-waves-mobile .cls-2 {
opacity: .6
}

svg.t7-waves-mobile .cls-2,
svg.t7-waves-mobile .cls-5,
svg.t7-waves-mobile .cls-8,
svg.t7-waves-mobile .cls-11 {
mix-blend-mode: screen
}

svg.t7-waves-mobile .cls-3,
svg.t7-waves-mobile .cls-4,
svg.t7-waves-mobile .cls-6,
svg.t7-waves-mobile .cls-9,
svg.t7-waves-mobile .cls-10,
svg.t7-waves-mobile .cls-12,
svg.t7-waves-mobile .cls-13 {
stroke-miterlimit: 10;
stroke-width: .04px;
fill: url(#t7-waves-mobile);
stroke: url(#t7-waves-mobile)
}

svg.t7-waves-mobile .cls-5 {
opacity: .5
}

svg.t7-waves-mobile .cls-8 {
opacity: .8
}

svg.t7-waves-mobile .cls-11 {
opacity: .9
}

svg.t8-circle .cls-1 {
fill: #02d1a6;
fill-rule: evenodd
}

svg.t8-waves .cls-1 {
isolation: isolate
}

svg.t8-waves .cls-2 {
opacity: .8
}

svg.t8-waves .cls-2,
svg.t8-waves .cls-5,
svg.t8-waves .cls-8,
svg.t8-waves .cls-15 {
mix-blend-mode: screen
}

svg.t8-waves .cls-3,
svg.t8-waves .cls-4,
svg.t8-waves .cls-6,
svg.t8-waves .cls-7,
svg.t8-waves .cls-9,
svg.t8-waves .cls-10,
svg.t8-waves .cls-11,
svg.t8-waves .cls-12,
svg.t8-waves .cls-13,
svg.t8-waves .cls-14,
svg.t8-waves .cls-16,
svg.t8-waves .cls-17,
svg.t8-waves .cls-18,
svg.t8-waves .cls-19 {
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t8-waves .cls-3 {
fill: url(#t8-waves)
}

svg.t8-waves .cls-4 {
fill: url(#t8-waves-2)
}

svg.t8-waves .cls-5 {
opacity: .9
}

svg.t8-waves .cls-6 {
fill: url(#t8-waves-3)
}

svg.t8-waves .cls-7 {
fill: url(#t8-waves-4)
}

svg.t8-waves .cls-8 {
opacity: .7
}

svg.t8-waves .cls-9 {
fill: url(#t8-waves-b)
}

svg.t8-waves .cls-10 {
fill: url(#t8-waves-b-2)
}

svg.t8-waves .cls-11 {
fill: url(#t8-waves-b-3)
}

svg.t8-waves .cls-12 {
fill: url(#t8-waves-b-4)
}

svg.t8-waves .cls-13,
svg.t8-waves .cls-14,
svg.t8-waves .cls-20 {
fill: #00febe
}

svg.t8-waves .cls-15 {
opacity: .6
}

svg.t8-waves .cls-16 {
fill: url(#t8-waves-b-5)
}

svg.t8-waves .cls-17 {
fill: url(#t8-waves-b-6)
}

svg.t8-waves .cls-18 {
fill: url(#t8-waves-b-7)
}

svg.t8-waves .cls-19 {
fill: url(#t8-waves-b-8)
}

svg.t8-single-wave .cls-1 {
isolation: isolate
}

svg.t8-single-wave .cls-2 {
mix-blend-mode: screen;
opacity: .9
}

svg.t8-single-wave .cls-3,
svg.t8-single-wave .cls-4 {
fill: url(#t8-single-wave)
}

svg.t9-shapes-1 .cls-1 {
fill: #00febe
}

svg.t9-shapes-2 .cls-1 {
fill: #02d1a6;
stroke: #02d1a6;
stroke-width: .08px
}

svg.t9-shapes-2 .cls-2 {
opacity: .7
}

svg.t9-waves .cls-1 {
isolation: isolate
}

svg.t9-waves .cls-2 {
opacity: .8
}

svg.t9-waves .cls-2,
svg.t9-waves .cls-5 {
mix-blend-mode: screen
}

svg.t9-waves .cls-3,
svg.t9-waves .cls-4,
svg.t9-waves .cls-6,
svg.t9-waves .cls-7 {
stroke-miterlimit: 10;
stroke-width: .2px
}

svg.t9-waves .cls-3 {
fill: url(#t9-waves);
stroke: url(#t9-waves)
}

svg.t9-waves .cls-4 {
fill: url(#t9-waves-2);
stroke: url(#t9-waves-2)
}

svg.t9-waves .cls-5 {
opacity: .9
}

svg.t9-waves .cls-6 {
fill: url(#t9-waves-3);
stroke: url(#t9-waves-3)
}

svg.t9-waves .cls-7 {
fill: url(#t9-waves-4);
stroke: url(#t9-waves-4)
}

svg.t9-single-wave .cls-1 {
isolation: isolate
}

svg.t9-single-wave .cls-2 {
mix-blend-mode: screen;
opacity: .9
}

svg.t9-single-wave .cls-3,
svg.t9-single-wave .cls-4 {
fill: #00febe;
stroke: #00febe;
stroke-miterlimit: 10;
stroke-width: .2px
}

svg.t10-shapes-1 .cls-1 {
fill: #00febe
}

svg.t10-shapes-1 .cls-2 {
stroke: #00febe;
stroke-miterlimit: 10;
stroke-width: .02px
}

svg.t10-shapes-2 .cls-1 {
fill: url(#t10-shapes-2)
}

svg.t10-shapes-2 .cls-2 {
stroke: #003dd8;
stroke-miterlimit: 10;
stroke-width: .02px
}

svg.t10-shapes-2 .cls-3 {
stroke: url(#t10-shapes-2);
stroke-miterlimit: 10;
stroke-width: .06px
}

svg.t10-lines .cls-1 {
fill: url(#t10-lines)
}

svg.t10-lines .cls-2 {
stroke: url(#t10-lines);
stroke-miterlimit: 10;
stroke-width: .05px
}

svg.t11-lines .cls-1 {
fill: #00febe;
stroke: #00febe;
stroke-miterlimit: 10;
stroke-width: .05px
}

svg.t12-waves .cls-1 {
isolation: isolate
}

svg.t12-waves .cls-2 {
opacity: .6
}

svg.t12-waves .cls-2,
svg.t12-waves .cls-5,
svg.t12-waves .cls-10,
svg.t12-waves .cls-13 {
mix-blend-mode: screen
}

svg.t12-waves .cls-3,
svg.t12-waves .cls-4,
svg.t12-waves .cls-6,
svg.t12-waves .cls-7,
svg.t12-waves .cls-8,
svg.t12-waves .cls-9,
svg.t12-waves .cls-11,
svg.t12-waves .cls-12,
svg.t12-waves .cls-14,
svg.t12-waves .cls-15 {
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t12-waves .cls-5 {
opacity: .9
}

svg.t12-waves .cls-3,
svg.t12-waves .cls-4,
svg.t12-waves .cls-6,
svg.t12-waves .cls-7,
svg.t12-waves .cls-14,
svg.t12-waves .cls-15 {
fill: #00febe
}

svg.t12-waves .cls-8,
svg.t12-waves .cls-9 {
fill: url(#t12-waves)
}

svg.t12-waves .cls-10 {
opacity: .7
}

svg.t12-waves .cls-11,
svg.t12-waves .cls-12 {
fill: url(#t12-waves)
}

svg.t12-waves .cls-13 {
opacity: .5
}

svg.t12-shapes-1 .cls-1 {
fill: url(#t12-shapes-1)
}

svg.t12-shapes-2 .cls-1 {
stroke: #00febe;
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t12-shapes-3 .cls-1 {
fill: #00febe
}

svg.t13-circle .cls-1 {
fill: #02d1a6;
fill-rule: evenodd
}

svg.t13-waves .cls-1 {
fill: none;
stroke: url(#t13-waves);
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t13-waves .cls-2 {
fill: #00eeec
}

svg.t13-shapes .cls-1,
svg.t14-shapes .cls-1 {
fill: #00febe
}

svg.t15-waves .cls-1 {
isolation: isolate
}

svg.t15-waves .cls-2 {
opacity: .6
}

svg.t15-waves .cls-2,
svg.t15-waves .cls-5,
svg.t15-waves .cls-10,
svg.t15-waves .cls-13 {
mix-blend-mode: screen
}

svg.t15-waves .cls-3,
svg.t15-waves .cls-4,
svg.t15-waves .cls-6,
svg.t15-waves .cls-7,
svg.t15-waves .cls-8,
svg.t15-waves .cls-9,
svg.t15-waves .cls-11,
svg.t15-waves .cls-12,
svg.t15-waves .cls-14,
svg.t15-waves .cls-15 {
stroke-miterlimit: 10;
stroke-width: .1px;
fill: url(#t15-waves)
}

svg.t15-waves .cls-5 {
opacity: .9
}

svg.t15-waves .cls-10 {
opacity: .7
}

svg.t15-waves .cls-13 {
opacity: .5
}

svg.t16-waves .cls-1 {
isolation: isolate
}

svg.t16-waves .cls-2 {
opacity: .8
}

svg.t16-waves .cls-2,
svg.t16-waves .cls-5,
svg.t16-waves .cls-8 {
mix-blend-mode: screen
}

svg.t16-waves .cls-3,
svg.t16-waves .cls-4,
svg.t16-waves .cls-9,
svg.t16-waves .cls-10 {
fill: none
}

svg.t16-waves .cls-3,
svg.t16-waves .cls-4,
svg.t16-waves .cls-6,
svg.t16-waves .cls-7,
svg.t16-waves .cls-9,
svg.t16-waves .cls-10 {
stroke-miterlimit: 10;
stroke-width: .1px;
stroke: url(#t16-waves);
fill: url(#t16-waves)
}

svg.t16-waves .cls-5 {
opacity: .9
}

svg.t16-waves .cls-8 {
opacity: .4
}

svg.t17-waves .cls-1 {
isolation: isolate
}

svg.t17-waves .cls-2 {
opacity: .7
}

svg.t17-waves .cls-2,
svg.t17-waves .cls-5,
svg.t17-waves .cls-8,
svg.t17-waves .cls-11 {
mix-blend-mode: screen
}

svg.t17-waves .cls-3,
svg.t17-waves .cls-4,
svg.t17-waves .cls-6,
svg.t17-waves .cls-7,
svg.t17-waves .cls-9,
svg.t17-waves .cls-10,
svg.t17-waves .cls-12,
svg.t17-waves .cls-13 {
stroke-miterlimit: 10;
stroke-width: .1px;
stroke: url(#t17-waves);
fill: url(#t17-waves)
}

svg.t17-waves .cls-5 {
opacity: .8
}

svg.t17-waves .cls-8 {
opacity: .9
}

svg.t17-waves .cls-11 {
opacity: .5
}

svg.t17-shapes .cls-1,
svg.t17-shapes .cls-2,
svg.t17-shapes .cls-3 {
fill: #02d1a6;
stroke-miterlimit: 10;
stroke-width: .02px;
stroke: #02d1a6
}

svg.t17-shapes .cls-3 {
font-family: 'Open Sans', sans-serif;
font-size: 1.32px;
font-weight: 200;
}

svg.t17-shapes .cls-4 {
letter-spacing: -.01em
}

svg.t17-shapes .cls-5,
svg.t17-shapes .cls-6 {
letter-spacing: -.03em
}

svg.t17-shapes .cls-7 {
letter-spacing: .01em
}

svg.t17-shapes-2 .cls-1 {
fill: #00febe;
stroke-miterlimit: 10;
stroke-width: .02px;
stroke: #00febe
}

svg.t18-waves .cls-1 {
fill: none;
stroke: url(#t18-waves);
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t18-waves .cls-2 {
fill: #00f6ff
}

svg.t18-waves .cls-3 {
-webkit-transform: scaleX(-1) translate3d(-100%, 0, 0);
transform: scaleX(-1) translate3d(-100%, 0, 0)
}

svg.t18-shapes .cls-1 {
fill: url(#t18-shapes);
stroke: url(#t18-shapes);
stroke-miterlimit: 10;
stroke-width: .02px
}

svg.t19-shapes-1 .cls-1,
svg.t19-shapes-1 .cls-2 {
fill: #00febe
}

svg.t19-shapes-1 .cls-2 {
font-family: 'Open Sans', sans-serif;
font-size: 1.32px;
}

svg.t19-shapes-1 .cls-3 {
letter-spacing: .01em
}

svg.t19-shapes-1 .cls-4 {
letter-spacing: -.02em
}

svg.t19-lines .cls-1,
svg.t19-shapes-1 .cls-5 {
fill: #00febe;
stroke: #00febe;
stroke-miterlimit: 10;
stroke-width: .02px
}

svg.t20-waves .cls-1 {
isolation: isolate
}

svg.t20-waves .cls-2 {
opacity: .6
}

svg.t20-waves .cls-2,
svg.t20-waves .cls-5 {
mix-blend-mode: screen
}

svg.t20-waves .cls-3,
svg.t20-waves .cls-4,
svg.t20-waves .cls-6,
svg.t20-waves .cls-7,
svg.t20-waves .cls-8,
svg.t20-waves .cls-9 {
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.t20-waves .cls-5 {
opacity: .9
}

svg.t20-waves .cls-4,
svg.t20-waves .cls-7,
svg.t20-waves .cls-9 {
fill: #00febe
}

svg.t20-waves .cls-3,
svg.t20-waves .cls-6,
svg.t20-waves .cls-8 {
fill: url(#t20-waves)
}

svg.t20-shapes-1 .cls-1,
svg.t20-shapes-2 .cls-1 {
fill: #19f5f0;
stroke: #19f5f0;
stroke-miterlimit: 10;
stroke-width: .02px
}

svg.t20-shapes-3 .cls-1,
svg.t20-shapes-4 .cls-1 {
fill: #00febe;
stroke: #00febe;
stroke-miterlimit: 10;
stroke-width: .02px
}

svg.t22-single-wave-1 .cls-1 {
fill: none
}

svg.t22-single-wave-1 .cls-2 {
-webkit-clip-path: url(#t22-single-wave-1-clip-path);
clip-path: url(#t22-single-wave-1-clip-path)
}

svg.t22-single-wave-1 .cls-3 {
fill: url(#t22-single-wave-1);
stroke: url(#t22-single-wave-1);
stroke-width: .6px
}

svg.t22-single-wave-1 .cls-4 {
fill: #00ffbf;
stroke: #00ffbf;
stroke-width: .6px
}

svg.t22-single-wave-2 .cls-1 {
fill: none
}

svg.t22-single-wave-2 .cls-2 {
-webkit-clip-path: url(#t22-single-wave-2-clip-path);
clip-path: url(#t22-single-wave-2-clip-path)
}

svg.t22-single-wave-2 .cls-3 {
fill: url(#t22-single-wave-2);
stroke: url(#t22-single-wave-2);
stroke-width: .6px
}

svg.t22-single-wave-2 .cls-4 {
fill: #00ffbf;
stroke: #00ffbf;
stroke-width: .6px
}

svg.t22-single-wave-3 .cls-1 {
fill: none
}

svg.t22-single-wave-3 .cls-2 {
-webkit-clip-path: url(#t22-single-wave-3-clip-path);
clip-path: url(#t22-single-wave-3-clip-path)
}

svg.t22-single-wave-3 .cls-3 {
fill: url(#t22-single-wave-3);
stroke: url(#t22-single-wave-3);
stroke-width: .6px
}

svg.t22-single-wave-3 .cls-4 {
fill: #00ffbf;
stroke: #00ffbf;
stroke-width: .6px
}

svg.arrow .cls-1 {
fill: #00fdbd;
fill-rule: evenodd
}

svg.diagram1 .cls-1 {
fill: url(#diagram1)
}

svg.diagram2 .cls-1 {
fill: url(#diagram2)
}

svg.clock .cls-1 {
fill: url(#clock)
}

svg.clock2 .cls-1 {
fill: url(#clock2)
}

svg.oilpump .cls-1 {
fill: url(#oilpump)
}

svg.people .cls-1 {
fill: url(#people)
}

svg.cogs .cls-1 {
fill: url(#cogs)
}

svg.boxes .cls-1 {
fill: none;
stroke: url(#boxes);
stroke-linejoin: round;
stroke-width: 2px
}

svg.buildings .cls-1 {
fill: url(#buildings)
}

svg.boxes2 .cls-1 {
fill: url(#boxes2)
}

svg.wreath .cls-1 {
fill: none;
stroke: url(#wreath);
stroke-miterlimit: 10;
stroke-width: 2px
}

svg.download .cls-1,
svg.management .cls-1,
svg.setup .cls-1,
svg.strategy .cls-1 {
fill: #02d1a6;
fill-rule: evenodd
}

svg.waves .cls-1 {
isolation: isolate
}

svg.waves .cls-2 {
opacity: .6
}

svg.waves .cls-2,
svg.waves .cls-5,
svg.waves .cls-8 {
mix-blend-mode: screen
}

svg.waves .cls-3,
svg.waves .cls-4,
svg.waves .cls-6,
svg.waves .cls-7,
svg.waves .cls-9,
svg.waves .cls-10 {
stroke-miterlimit: 10;
stroke-width: .1px
}

svg.waves .cls-3,
svg.waves .cls-6,
svg.waves .cls-9 {
fill: url(#waves)
}

svg.waves .cls-4,
svg.waves .cls-7,
svg.waves .cls-10 {
fill: #00ffb4
}

svg.waves .cls-5 {
opacity: .9
}

svg.waves .cls-8 {
opacity: .4
}

svg.ryze-logo .cls-3 {
fill: hsla(0, 0%, 100%, .4)
}

svg.document .cls-1 {
fill: #fff;
fill-rule: evenodd
}

svg.search .st0 {
fill: #fff;
stroke: #1d1d1b;
stroke-miterlimit: 10
}

svg.search .st1 {
fill: #fff
}

.content-split-container.section-init svg.t1-single-wave path {
-webkit-animation: drawStroke 10s forwards;
animation: drawStroke 10s forwards
}

.content-split-container.section-init svg.t1-waves {
opacity: 1;
-webkit-transition-delay: .4s;
transition-delay: .4s
}

.content-split-container.section-init svg.t1-shapes {
opacity: 1;
-webkit-transition-delay: .8s;
transition-delay: .8s
}

.content-split-container.section-init svg.t2-single-wave-1 .cls-1 {
-webkit-animation: drawStroke 6s forwards;
animation: drawStroke 6s forwards
}

.content-split-container.section-init svg.t2-single-wave-2 .cls-1 {
-webkit-animation: drawStroke 10s forwards;
animation: drawStroke 10s forwards
}

.content-split-container.section-init svg.t2-waves path {
-webkit-animation: drawStroke 6s forwards;
animation: drawStroke 6s forwards
}

.progress-chart>.text {
font-family: Proxima Nova Bold, sans-serif;
text-align: center
}

.progress-chart .progress-circle {
position: relative
}

.progress-chart .progress-circle .progress-circle-count {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
white-space: nowrap
}

.progress-chart .progress-circle .progress-circle-count:after {
color: #fff
}

.progress-chart.small>*+.text {
margin-top: 10px
}

.progress-chart.small>.text {
font-size: 16px
}

.progress-chart.small .progress-circle {
height: 166px;
width: 166px
}

.progress-chart.small .progress-circle .progress-circle-canvas {
height: 100%;
width: 100%
}

.progress-chart.small .progress-circle .progress-circle-count {
font-size: 12px;
text-align: center
}

.progress-chart.small .progress-circle .progress-circle-count .num,
.progress-chart.small .progress-circle .progress-circle-count .text {
font-size: 20px
}

.progress-chart.small .progress-circle .progress-circle-count .num+.text {
font-size: 12px
}

.progress-chart.large {
height: 214px;
position: relative;
width: 214px
}

.progress-chart.large>*+.text {
position: absolute;
top: calc(100% + 18px);
width: 100%
}

.progress-chart.large>.text {
font-size: 26.11px
}

.progress-chart.large .progress-circle {
height: 428px;
left: calc(50% - 214px);
position: absolute;
top: calc(50% - 214px);
width: 428px
}

.progress-chart.large .progress-circle .progress-circle-canvas {
height: 100%;
position: absolute;
width: 100%
}

.progress-chart.large .progress-circle .progress-circle-canvas.init[data-pulse] {
-webkit-animation: blurGradual;
animation: blurGradual;
-webkit-animation-delay: .6s;
animation-delay: .6s;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-ms-filter: blur(10px);
-webkit-filter: blur(10px);
filter: blur(10px)
}

.progress-chart.large .progress-circle .progress-circle-count {
font-size: 22px;
text-align: center
}

@media only screen and (max-width:520px) {
.progress-chart.small .progress-circle {
height: 130px;
width: 130px
}

.progress-chart.small .progress-circle .progress-circle-count {
font-size: 9px
}

.progress-chart.small .progress-circle .progress-circle-count .num {
font-size: 14px
}

.progress-chart.small .progress-circle .progress-circle-count .text {
font-size: 18px;
line-height: 1.1em
}

.progress-chart.small .text {
font-size: 12px
}

.progress-chart.small *+.text {
margin-top: 6px
}

.progress-chart.large {
height: 160px;
width: 160px
}

.progress-chart.large .progress-circle {
height: 320px;
left: calc(50% - 160px);
top: calc(50% - 160px);
width: 320px
}

.progress-chart.large .progress-circle .progress-circle-count {
font-size: 14px
}

.progress-chart.large .text {
font-size: 16px
}

.progress-chart.large *+.text {
margin-top: 12px
}
}

@media only screen and (max-width:374px) {
.progress-chart .progress-circle .progress-circle-count {
white-space: normal;
width: 60%
}

.progress-chart.small .progress-circle {
height: 110px;
width: 110px
}

.progress-chart.small .progress-circle .progress-circle-count .text {
font-size: 16px;
line-height: 1.2em
}

.progress-chart.small *+.text {
margin-top: 0
}

.progress-chart.large {
height: 110px;
width: 110px
}

.progress-chart.large .progress-circle {
height: 220px;
left: calc(50% - 110px);
top: calc(50% - 110px);
width: 220px
}
}

.progress-charts-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
justify-content: center;
padding: 0 120px;
position: relative;
width: 100%
}

.progress-charts-container .t5-shapes {
left: 6%;
position: absolute;
top: -15px;
width: 26%
}

.progress-charts-container .progress-charts {
-ms-flex-pack: distribute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-around;
width: 100%
}

.progress-charts-container .progress-charts .progress-chart-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: opacity, transform;
-moz-transition-property: opacity, transform;
-ms-transition-property: opacity, transform;
-o-transition-property: opacity, transform;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

.progress-charts-container .progress-charts .progress-chart+.progress-chart {
margin-top: 50px
}

.progress-charts-container .progress-charts+* {
margin-top: 80px
}

.progress-charts-container .text-container {
max-width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
width: 400px
}

.progress-charts-container .text-container>*+* {
margin-top: 25px
}

.progress-charts-container .text-container p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 1.6em;
margin-top: 0;
}

@media only screen and (max-height:800px) {
.progress-charts-container .progress-charts .progress-chart+.progress-chart {
margin-top: 20px
}

.progress-charts-container .progress-charts+* {
margin-top: 30px
}
}

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

.progress-charts-container,
.progress-charts-container .text-container {
padding: 0 0 0 40px
}
}

@media only screen and (max-width:1024px) {
.progress-charts-container {
padding: 0 0 0 20px
}

.progress-charts-container .text-container {
padding: 0 0 0 5%
}
}

@media only screen and (max-width:767px) {
.progress-charts-container {
padding: 0 26px 0 0
}

.progress-charts-container .text-container {
padding: 0
}

.progress-charts-container .progress-charts {
padding: 0 30px 0 0
}

.progress-charts-container .progress-charts+* {
margin-top: 60px
}
}

@media only screen and (max-width:520px) {
.progress-charts-container {
padding-right: 30px
}

.progress-charts-container .progress-charts {
padding: 0
}

.progress-charts-container .progress-charts+* {
margin-top: 34px
}

.progress-charts-container .text-container p {
font-size: 16px;
margin-top: 25px
}
}

@media only screen and (max-width:374px) {
.progress-charts-container {
padding-right: 20px
}

.progress-charts-container .progress-charts+* {
margin-top: 14px
}

.progress-charts-container .text-container p {
font-size: 14px
}
}

.content-split-container.section-small-init .progress-charts-container .progress-charts .progress-chart-column {
opacity: 1
}

.content-split-container.section-small-init .progress-charts-container .progress-charts .progress-chart-column:nth-of-type(2) {
-webkit-transition-delay: .3s;
transition-delay: .3s
}

.content-split-container.section-small-init .progress-charts-container .text-container {
opacity: 1;
-webkit-transition-delay: 1s;
transition-delay: 1s
}

@media only screen and (max-width:767px) {
.content-split-container.section-large-init .progress-charts-container .text-container {
opacity: 1;
-webkit-transition-delay: .2s;
transition-delay: .2s
}
}

.cta-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: Proxima Nova Bold, sans-serif;
font-size: 11px;
text-transform: uppercase
}

.cta-link>*+* {
margin-left: 10px
}

.cta-link .text,
.cta-link [class^=icon-] {
line-height: 1;
position: relative;
z-index: 2
}

.cta-link .text:after {
background-color: hsla(0, 0%, 100%, .8);
bottom: -4px;
content: "";
height: 1px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity, transform;
-moz-transition-property: opacity, transform;
-ms-transition-property: opacity, transform;
-o-transition-property: opacity, transform;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

.cta-link.dark {
color: #000;
}

.cta-link.dark .text:after {
background-color: #000;
}

.cta-link.medium {
font-size: 13px
}

.cta-link.medium>*+* {
margin-left: 12px
}

.cta-link:hover .text:after {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

@media only screen and (max-width:767px) {
.cta-link {
font-size: 14px
}
}

.links {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.links>* {
margin-right: 58px
}

.links>:last-child {
margin-right: 0
}

@media only screen and (max-width:480px) {
.links>* {
margin-right: 40px
}
}

@media only screen and (max-width:374px) {
.links>* {
margin-right: 25px
}
}

.images-container {
position: relative
}

.images-container,
.images-container .active-row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.images-container .active-row {
-webkit-box-pack: center;
-ms-flex-pack: center;
height: 120px;
justify-content: center;
opacity: 0;
position: absolute;
-webkit-transition: opacity .6s ease-in-out;
transition: opacity .6s ease-in-out;
width: 100%
}

.images-container .active-row.active {
opacity: 1
}

.images-container img {
margin-bottom: 20px;
margin-right: 40px
}

.images-container img:last-of-type {
margin-right: 0
}

.images-container img.bhp {
width: 102px
}

.images-container img.bp {
width: 80px
}

.images-container img.total {
width: 170px
}

.images-container img.aecom {
width: 108px
}

.images-container img.mubadala {
width: 150px
}

.images-container img.tullow {
width: 64px
}

.images-container img.premier-oil {
width: 174px
}

.images-container img.aurecon {
width: 148px
}

.images-container img.black {
width: 146px
}

.images-container img.enbridge {
width: 148px
}

.images-container img.neptune,
.images-container img.sellafield,
.images-container img.serica {
width: 144px
}

.images-container img.south32 {
width: 148px
}

.images-container img.total2 {
width: 80px
}

@media only screen and (max-width:520px) {
.images-container img {
margin-bottom: 12px;
margin-right: 30px
}

.images-container img.bhp {
width: 60px
}

.images-container img.bp {
width: 55px
}

.images-container img.total {
width: 100px
}

.images-container img.aecom {
width: 80px
}

.images-container img.mubadala {
width: 100px
}

.images-container img.tullow {
width: 43px
}

.images-container img.premier-oil {
width: 118px
}

.images-container img.aurecon,
.images-container img.black,
.images-container img.enbridge,
.images-container img.neptune,
.images-container img.sellafield,
.images-container img.south32 {
width: 100px
}

.images-container img.total2 {
width: 55px
}
}

.text-area-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
justify-content: center;
padding-left: 120px;
position: relative;
width: 100%
}

.text-area-container .div {
background-color: #00fdbd;
height: 1px;
left: -120px;
position: relative;
width: calc(55% + 120px)
}

.text-area-container .images-container {
max-width: 100%;
width: 400px
}

.text-area-container p {
font-size: 16px;
line-height: 1.6em;
max-width: 100%;
width: 470px
}

.text-area-container .text-area>* {
opacity: 0;
-webkit-transition: opacity .8s ease-in-out;
transition: opacity .8s ease-in-out
}

.text-area-container .text-area>*+* {
margin-top: 60px
}

.text-area-container>svg {
opacity: 0;
position: absolute;
-webkit-transition: opacity .8s ease-in-out;
transition: opacity .8s ease-in-out
}

.text-area-container>svg.t6-waves {
height: 15%;
right: -103%;
top: 14%;
-webkit-transform: scaleX(-1.2);
transform: scaleX(-1.2);
width: 150%
}

.text-area-container .stats .stat {
opacity: 0;
-webkit-transition: opacity .8s ease-in-out;
transition: opacity .8s ease-in-out
}

@media only screen and (max-height:800px) {
.text-area-container .text-area>*+* {
margin-top: 30px
}
}

@media only screen and (max-width:1300px) {
.text-area-container {
padding-left: 80px
}

.text-area-container .div {
left: -80px
}

.text-area-container>svg.t6-waves {
right: -106%
}
}

@media only screen and (max-width:1024px) {
.text-area-container {
padding-left: 50px
}

.text-area-container .div {
left: -50px
}

.text-area-container p {
font-size: 14px
}

.text-area-container>svg.t6-waves {
right: -120%
}
}

@media only screen and (max-width:767px) {
.text-area-container {
padding-left: 0;
padding-right: 56px
}

.text-area-container .div {
left: -56px
}

.text-area-container .edge-lines {
left: auto;
right: 40px
}
}

@media only screen and (max-width:520px) {
.text-area-container .edge-lines {
width: 33px
}

.text-area-container>svg.t6-waves {
left: -110%;
right: auto;
top: 40%;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}

.content-split-container.section-init .text-area-container .edge-lines {
opacity: 1;
-webkit-transition-delay: .8s;
transition-delay: .8s
}

.content-split-container.section-init .text-area-container .text-area .stats .stat,
.content-split-container.section-init .text-area-container .text-area>* {
opacity: 1
}

.content-split-container.section-init .text-area-container .text-area .stats .stat:first-of-type {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s
}

.content-split-container.section-init .text-area-container .text-area .stats .stat:nth-of-type(2) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s
}

.content-split-container.section-init .text-area-container .text-area .stats .stat:nth-of-type(3) {
-webkit-transition-delay: 2s;
transition-delay: 2s
}

.content-split-container.section-init .text-area-container>svg {
opacity: 1
}

.content-split-container.section-init .text-area-container>svg.t6-waves {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}

@media only screen and (max-width:767px) {
.content-split-container.section-large-init .text-area-container .edge-lines {
opacity: 1;
-webkit-transition-delay: .8s;
transition-delay: .8s
}

.content-split-container.section-large-init .text-area-container .text-area .stats .stat,
.content-split-container.section-large-init .text-area-container .text-area>* {
opacity: 1
}

.content-split-container.section-large-init .text-area-container .text-area .stats .stat:first-of-type {
-webkit-transition-delay: .4s;
transition-delay: .4s
}

.content-split-container.section-large-init .text-area-container .text-area .stats .stat:nth-of-type(2) {
-webkit-transition-delay: .8s;
transition-delay: .8s
}

.content-split-container.section-large-init .text-area-container .text-area .stats .stat:nth-of-type(3) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}

.content-split-container.section-large-init .text-area-container>svg {
opacity: 1
}

.content-split-container.section-large-init .text-area-container>svg.t6-waves {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}
}

.stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.stats .stat .pre-text {
color: #02d1a6;
font-family: Proxima Nova Bold, sans-serif;
font-size: 14px;
text-transform: uppercase
}

.stats .stat .large {
color: #000;
font-family: Proxima Nova SemiBold, sans-serif;
font-size: 45px
}

.stats .stat .units {
color: #000;
font-size: 17px
}

.stats .stat+.stat {
margin-left: 60px
}

@media only screen and (max-width:1300px) {
.stats .stat .pre-text {
font-size: 13px
}

.stats .stat .large {
font-size: 38px
}

.stats .stat .units {
font-size: 16px
}

.stats .stat+.stat {
margin-left: 50px
}
}

@media only screen and (max-width:1024px) {
.stats .stat .pre-text {
font-size: 12px
}

.stats .stat .large {
font-size: 32px
}

.stats .stat .units {
font-size: 15px
}

.stats .stat+.stat {
margin-left: 40px
}
}

@media only screen and (max-width:520px) {
.stats {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

.stats .stat .pre-text {
font-size: 13px
}

.stats .stat .large {
font-size: 40px
}

.stats .stat .units {
font-size: 13px
}

.stats .stat+.stat {
margin-left: 0;
margin-top: 50px
}

.stats .stat:nth-of-type(2) {
-ms-flex-item-align: end;
align-self: flex-end
}
}

.edge-lines {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 122px;
justify-content: space-between;
left: 120px;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: opacity .8s ease-in-out;
transition: opacity .8s ease-in-out;
width: 63px
}

.edge-lines div {
background-color: #00fdbd;
height: 100%;
width: 1px
}

.edge-lines div:nth-of-type(2) {
height: 30%
}

.edge-lines div:nth-of-type(3) {
height: 55%
}

.edge-lines.horizontal {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 62px;
width: 184px
}

.edge-lines.horizontal div {
height: 1px;
width: 100%
}

.edge-lines.horizontal div:nth-of-type(2) {
height: 1px;
width: 50%
}

.edge-lines.horizontal div:nth-of-type(3) {
height: 1px;
width: 65%
}

.edge-lines.horizontal.flip {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}

@media only screen and (max-width:1300px) {
.edge-lines {
left: 80px
}
}

@media only screen and (max-width:1024px) {
.edge-lines {
left: 50px
}
}

.quote {
text-align: center
}

.quote .text {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 35px;
margin-bottom: 30px;
position: relative;
}

.quote .text .quote-marks {
color: #02d1a6;
font-family: sans-serif;
font-size: 340px;
font-weight: 700;
height: 110px;
left: calc(50% - 85px);
line-height: 260px;
opacity: .17;
position: absolute;
top: calc(50% - 55px);
width: 100px;
z-index: -1
}

.quote .text .quote-marks:before {
content: open-quote
}

.quote .text .quote-marks:after {
content: close-quote;
left: 0;
opacity: 0;
position: absolute;
top: 0
}

.quote .text:after,
.quote .text:before {
display: none
}

.quote .author {
color: #000;
font-size: 16px;
opacity: .6
}

.quote.small .text {
font-size: 24px
}

.quote.regular .text,
.quote.small .text {
font-family: Proxima Nova Regular, sans-serif
}

.quote.regular .text {
font-size: 30px
}

.quote.bold .text {
font-family: Proxima Nova Bold, sans-serif;
font-size: 30px
}

.quote.text-align-left {
text-align: left
}

@media only screen and (max-width:1400px) {
.quote .text {
font-size: 28px;
margin-bottom: 26px
}

.quote .author {
font-size: 15px
}

.quote.bold .text,
.quote.regular .text {
font-size: 22px
}
}

.feature-boxes-container .heading {
color: #000;
font-family: Proxima Nova Bold, sans-serif;
font-size: 11px;
margin-bottom: 16px;
opacity: .45;
text-transform: uppercase
}

.feature-boxes-container .feature-boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.feature-boxes-container .feature-box {
-ms-flex-negative: 0;
background-color: #0a192d;
color: #fff;
flex-shrink: 0;
padding: 20px 28px
}

.feature-boxes-container .feature-box img,
.feature-boxes-container .feature-box svg {
height: 46px;
margin-bottom: 10px
}

.feature-boxes-container .feature-box img.road,
.feature-boxes-container .feature-box svg.road {
height: 36px
}

.feature-boxes-container .feature-box svg.boxes2 {
height: 35px;
margin-bottom: 5px
}

.feature-boxes-container .feature-box svg.wreath {
height: 33px
}

.feature-boxes-container .feature-box .sub-title {
color: hsla(0, 0%, 100%, .4);
font-size: 11px;
margin-bottom: 5px;
text-transform: uppercase
}

.feature-boxes-container .feature-box .sub-title+.title {
font-size: 26px
}

.feature-boxes-container .feature-box .title {
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px
}

.feature-boxes-container .feature-box .title small {
font-size: 14px
}

.feature-boxes-container .feature-box .title.medium {
font-size: 19px
}

.feature-boxes-container img.cloud {
height: 40px
}

@media only screen and (max-width:1280px) {
.feature-boxes-container .feature-box .title {
font-size: 16px
}
}

@media only screen and (max-width:520px) {
.feature-boxes-container .feature-box .title br {
display: none
}
}

@media only screen and (max-width:374px) {
.feature-boxes-container .feature-box {
padding: 20px
}

.feature-boxes-container .feature-box .sub-title+.title {
font-size: 16px
}

.feature-boxes-container .feature-box .title {
font-size: 14px
}
}

.carousel-outer .overflowing-bg {
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out
}

.carousel-outer .overflowing-bg.active {
opacity: 1
}

.main-accordion,
.main-accordion .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.main-accordion .item {
border-bottom: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;
border-top: 1px solid #a6a6a6;
min-height: 230px
}

.main-accordion .item .title {
-ms-flex-negative: 0;
cursor: pointer;
flex-shrink: 0;
padding: 16px;
position: relative;
-webkit-transition: width .5s ease-in-out;
transition: width .5s ease-in-out;
width: 110px
}

.main-accordion .item .title .number {
margin-right: 10px
}

.main-accordion .item .title .text {
bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: Proxima Nova Bold, sans-serif;
font-size: 11px;
left: 50%;
position: absolute;
text-transform: uppercase;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition: color .5s ease-in-out;
transition: color .5s ease-in-out;
white-space: nowrap
}

.main-accordion .item>.text {
overflow: hidden;
padding: 65px 0;
-webkit-transition: padding .5s ease-in-out;
transition: padding .5s ease-in-out;
width: 0
}

.main-accordion .item>.text p {
font-size: 18px;
line-height: 1.7em;
font-family: 'Open Sans', sans-serif;
color: #000;
}

.main-accordion .item>.text ul li+li {
margin-top: 4px
}

.main-accordion .item>.text>*+* {
margin-top: 20px
}

.main-accordion .item:first-of-type {
border-left: 1px solid #a6a6a6
}

.main-accordion .item.active .title {
width: 50px
}

.main-accordion .item.active .title .text {
color: #02d1a6
}

.main-accordion .item.active>.text {
padding: 65px 16px;
width: auto
}

@media only screen and (max-width:1023px) {
.main-accordion .item .title {
width: 60px
}

.main-accordion .item.active .title {
width: 40px
}
}

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

.main-accordion,
.main-accordion .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

.main-accordion .item {
border-left: 1px solid #a6a6a6;
border-top: none;
min-height: 0
}

.main-accordion .item .title {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
justify-content: center;
width: 100%
}

.main-accordion .item .title .text {
bottom: auto;
left: auto;
position: relative;
-webkit-transform: none;
transform: none
}

.main-accordion .item>.text {
padding: 0 20px;
width: auto
}

.main-accordion .item:first-of-type {
border-top: 1px solid #a6a6a6
}

.main-accordion .item.active .title {
width: 100%
}

.main-accordion .item.active>.text {
display: block;
padding: 20px
}
}

[data-cycle-content] [data-cycle-item] {
opacity: 0;
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-ms-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: transform, opacity;
-moz-transition-property: transform, opacity;
-ms-transition-property: transform, opacity;
-o-transition-property: transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

[data-cycle-content] [data-cycle-item].visible {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

.form-container p.error,
.form-container p.success {
display: none;
margin-top: 20px
}

.form-container form.success .input-container {
opacity: .7;
pointer-events: none
}

.form-container form.success p.success {
display: block
}

.menu-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.menu-container .menu-link {
color: #000;
font-family: Proxima Nova Bold, sans-serif;
font-size: 16px;
margin-bottom: 8px;
margin-right: 30px;
position: relative;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}

.menu-container .menu-link:after {
background-color: #000;
bottom: -4px;
content: "";
height: 1px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform, opacity;
-moz-transition-property: transform, opacity;
-ms-transition-property: transform, opacity;
-o-transition-property: transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

.menu-container .menu-link.active,
.menu-container .menu-link:hover {
opacity: .6;
}

.menu-container .menu-link.active:after,
.menu-container .menu-link:hover:after {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

.menu-container .menu-link:last-of-type {
margin-right: 0
}

.menu-container.mobile {
display: none
}

@media only screen and (max-width:1024px) {
.menu-container .menu-link {
font-size: 14px;
margin-right: 10px
}
}

@media only screen and (max-width:767px) {
.menu-container .menu-link {
font-size: 15px
}

.menu-container .menu-link:after {
bottom: -1px;
position: absolute
}

.menu-container .menu-link:hover {
opacity: .6
}

.menu-container .menu-link:hover:after {
opacity: 0
}

.menu-container .menu-link.active {
opacity: 1
}

.menu-container .menu-link.active:after {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

.menu-container.mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.menu-container.mobile-dots .menu-link {
margin-left: 0;
margin-right: 6px;
opacity: .2
}

.menu-container.mobile-dots .menu-link .text {
display: none
}

.menu-container.mobile-dots .menu-link:before {
background-color: #00fdbd;
border-radius: 10px;
content: "";
display: inline-block;
height: 8px;
width: 8px
}

.menu-container.mobile-dots .menu-link:after {
display: none
}

.menu-container.mobile-dots .menu-link.active {
opacity: 1
}

.menu-container.mobile-dots .menu-link.active:before {
background-color: #00fdbd
}
}

.social-icons__heading {
font-size: 16px;
margin-bottom: 14px
}

.social-icons__icons>* {
margin-right: 20px;
opacity: 1;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}

.social-icons__icons>:hover {
opacity: .5
}

.social-icons__icons>:last-child {
margin-right: 0
}

.social-icons--horizontal {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}

.social-icons--horizontal .social-icons__heading {
margin-bottom: 0;
margin-right: 20px
}

.social-icons--light .social-icons__heading,
.social-icons--light .social-icons__icons>* {
opacity: .5
}

.social-icons--light .social-icons__icons>:hover {
opacity: 1
}

.social-icons--light path {
fill: #fff
}

@media only screen and (max-width:374px) {
.social-icons__icons>* {
margin-right: 10px
}
}

.event-detail {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px
}

.event-detail__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 42px
}

.event-detail__icon path {
fill: #02d1a6
}

.event-detail__icon--marker path:first-child {
fill: none;
stroke: #02d1a6
}

.event-detail__text {
font-family: Proxima Nova Bold, sans-serif
}

@media only screen and (max-width:480px) {
.event-detail {
font-size: 16px
}
}

section {
position: relative
}

section.content-split-container {
background-color: #fff;
background-position: 48px;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
height: 100vh;
min-height: 900px;
overflow: hidden;
width: 100%
}

section.content-split-container .heading.mobile {
display: none
}

section.content-split-container .video-container {
background-color: #110f2c;
background-image: url(../img/banners/video-start.jpg);
background-position: -80px calc(50% - 9vh);
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 110%;
left: 60px;
position: fixed;
top: 0;
width: 100%;
z-index: 0
}

section.content-split-container .video-container video {
background-position: 50%;
background-size: contain;
display: block;
font-family: "object-fit: cover;";
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: -80px calc(50% - 9vh);
object-position: -80px calc(50% - 9vh);
position: absolute;
top: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: calc(100% + 80px);
z-index: -1
}

section.content-split-container .video-container video.active {
z-index: 0
}

section.content-split-container .video-container.video-playing {
background-color: #020030;
background-image: none !important
}

section.content-split-container .inner {
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: flex-end
}

section.content-split-container .next-arrow {
-webkit-animation: bob 10s ease-in-out infinite;
animation: bob 10s ease-in-out infinite;
bottom: 76px;
height: 20px;
left: calc(50% - 25px);
opacity: 0;
position: absolute;
-webkit-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
-webkit-transition-delay: 7s;
transition-delay: 7s;
width: 50px
}

section.content-split-container .next-arrow:after,
section.content-split-container .next-arrow:before {
background-color: #00fdbd;
bottom: 9px;
content: "";
height: 1px;
left: calc(50% - 9px);
position: absolute;
width: 18px
}

section.content-split-container .next-arrow:before {
-webkit-transform: translate3d(-7px, 0, 0) rotate(40deg);
transform: translate3d(-7px, 0, 0) rotate(40deg)
}

section.content-split-container .next-arrow:after {
-webkit-transform: translate3d(7px, 0, 0) rotate(-40deg);
transform: translate3d(7px, 0, 0) rotate(-40deg)
}

section.content-split-container .right-container {
-ms-flex-negative: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-shrink: 0;
position: relative;
width: 871px
}

section.content-split-container .right-container>* {
z-index: 1
}

section.content-split-container .right-container #trust {
position: absolute;
top: 7%
}

section.content-split-container .right-container:after {
bottom: 0;
content: "";
left: 100%;
position: absolute;
top: 0;
width: calc(100vw - 1310px);
z-index: 0
}

section.content-split-container .right-container.background-blue,
section.content-split-container .right-container.background-blue:after {
background-color: #f7f7f7;
}

section.content-split-container .right-container.background-white,
section.content-split-container .right-container.background-white:after {
background-color: #fff
}

section.content-split-container.background-fixed {
background-attachment: fixed
}

section.content-split-container.background-white {
background-color: #fff
}

section.content-split-container.background-left .left-background {
background-attachment: fixed;
background-position: 0;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 425px;
z-index: 0
}

section.content-split-container[data-section-active] .left-container {
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out
}

section.content-split-container[data-section-active].section-small-active .left-container {
opacity: 1
}

@media only screen and (min-width:1600px) {
section.content-split-container .right-container:after {
z-index: 10
}

section.content-split-container .right-container.background-white:after {
background: #fff;
background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, 0)), color-stop(40%, #fff));
background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 10%, #fff 40%)
}
}

@media only screen and (max-width:1300px) {
section.content-split-container p {
font-size: 16px
}

section.content-split-container .right-container {
width: 64%
}

section.content-split-container .right-container:after {
width: 40px
}

section.content-split-container .inner {
padding: 0 0 0 40px
}

section.content-split-container.background-left .left-background {
width: calc(36% + 40px)
}
}

@media only screen and (max-width:1024px) {
section.content-split-container p {
font-size: 15px
}
}

@media only screen and (max-width:800px) {
section.content-split-container .video-container video.intro {
-o-object-position: center calc(50% - 9vh);
object-position: center calc(50% - 9vh);
-webkit-transition: object-position 8s ease-out;
transition: object-position 8s ease-out;
transition: object-position 8s ease-out, -o-object-position 8s ease-out
}

section.content-split-container .video-container.video-playing video.intro {
-o-object-position: -110px calc(50% - 9vh);
object-position: -110px calc(50% - 9vh)
}
}

@media only screen and (max-width:767px) {
section.content-split-container {
background-color: #0a192d;
min-height: 0
}

section.content-split-container #versatility {
position: relative;
top: -100px
}

section.content-split-container .heading.mobile {
display: block
}

section.content-split-container .inner {
padding: 0 0 0 56px
}

section.content-split-container .video-container {
background-image: url(../img/banners/homepage-mobile.jpg);
background-position: 0;
left: 0;
-webkit-transition: background-image .4s ease-in-out;
transition: background-image .4s ease-in-out
}

section.content-split-container .video-container video {
height: 60%;
opacity: 0;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}

section.content-split-container .video-container video.active {
opacity: 1
}

section.content-split-container .video-container video.intro {
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

section.content-split-container .video-container.video-playing video.intro,
section.content-split-container .video-container video.intro {
-o-object-position: center calc(50% - 9vh);
object-position: center calc(50% - 9vh)
}

section.content-split-container .right-container {
width: 100%
}

section.content-split-container .right-container.background-blue .heading {
color: #fff
}

section.content-split-container.background-left .left-background,
section.content-split-container.background-left .left-container {
display: none
}
}

@media only screen and (max-width:520px) {
section.content-split-container {
min-height: 0
}

section.content-split-container .next-arrow {
display: none
}

section.content-split-container p {
font-size: 16px
}

section.content-split-container .inner {
padding-left: 30px
}
}

section.content-split-outer-container[data-section-active] .left-container {
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out
}

section.content-split-outer-container[data-section-active].section-large-active .left-container {
opacity: 1
}

@media only screen and (max-width:767px) {
section.content-split-outer-container[data-section-active] .left-container {
opacity: 1
}
}

section.content-split-container .left-container,
section.content-split-outer-container .left-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: end;
-ms-flex-pack: end;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
justify-content: flex-end;
left: 60px;
max-width: 100%;
padding: 76px 30px 76px 76px;
position: fixed;
top: 0;
width: 375px;
z-index: 1
}

section.content-split-container .left-container .top,
section.content-split-outer-container .left-container .top {
left: 76px;
position: absolute;
top: 76px
}

section.content-split-container .left-container .text-container .heading,
section.content-split-outer-container .left-container .text-container .heading {
color: #fff;
margin-bottom: 0
}

section.content-split-container .left-container .text-container .heading+*,
section.content-split-outer-container .left-container .text-container .heading+* {
margin-top: 25px
}

section.content-split-container .left-container .text-container *+*,
section.content-split-outer-container .left-container .text-container *+* {
margin-top: 30px
}

section.content-split-container .left-container.large,
section.content-split-outer-container .left-container.large {
width: 540px
}

section.content-split-container .left-container.colour-white .text-container,
section.content-split-container .left-container.colour-white .text-container .button,
section.content-split-container .left-container.colour-white .text-container .heading,
section.content-split-outer-container .left-container.colour-white .text-container,
section.content-split-outer-container .left-container.colour-white .text-container .button,
section.content-split-outer-container .left-container.colour-white .text-container .heading {
color: #fff
}

section.content-split-container .menu-container,
section.content-split-outer-container .menu-container {
display: none
}

section.content-split-container.background-white,
section.content-split-outer-container.background-white {
background-color: #fff;
color: #000;
}

section.content-split-container.background-white .text-container .button,
section.content-split-container.background-white .text-container .heading,
section.content-split-outer-container.background-white .text-container .button,
section.content-split-outer-container.background-white .text-container .heading {
color: #000;
}

section.content-split-container.background-grey,
section.content-split-outer-container.background-grey {
background-color: #f3f3f3;
color: #000;
}

section.content-split-container.background-grey .text-container .button,
section.content-split-container.background-grey .text-container .heading,
section.content-split-outer-container.background-grey .text-container .button,
section.content-split-outer-container.background-grey .text-container .heading {
color: #000;
}

@media screen and (min-width:1024px) and (max-height:680px) {

section.content-split-container .left-container,
section.content-split-outer-container .left-container {
padding-bottom: 36px;
padding-top: 36px
}

section.content-split-container .left-container .text-container h1,
section.content-split-outer-container .left-container .text-container h1 {
font-size: 44px
}

section.content-split-container .left-container .text-container p,
section.content-split-outer-container .left-container .text-container p {
font-size: 15px
}

section.content-split-container .left-container .text-container .heading+*,
section.content-split-outer-container .left-container .text-container .heading+* {
margin-top: 10px
}

section.content-split-container .left-container .text-container *+*,
section.content-split-outer-container .left-container .text-container *+* {
margin-top: 16px
}
}

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

section.content-split-container .left-container,
section.content-split-outer-container .left-container {
width: calc(36% + 10px)
}

section.content-split-container .left-container .text-container .heading+*,
section.content-split-outer-container .left-container .text-container .heading+* {
margin-top: 15px
}

section.content-split-container .left-container .text-container *+*,
section.content-split-outer-container .left-container .text-container *+* {
margin-top: 20px
}
}

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

section.content-split-container .left-container,
section.content-split-outer-container .left-container {
padding-left: 40px;
padding-right: 40px
}
}

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

section.content-split-container .menu-container,
section.content-split-outer-container .menu-container {
display: block;
margin-bottom: 44px;
padding: 0 56px
}

section.content-split-container .menu-container .menu-link,
section.content-split-outer-container .menu-container .menu-link {
font-size: 15px
}

section.content-split-container .left-container,
section.content-split-outer-container .left-container {
left: 0;
padding-left: 56px;
position: relative;
width: 100%
}

section.content-split-container .left-container .menu-container,
section.content-split-outer-container .left-container .menu-container {
padding: 0
}

section.content-split-container .left-container .menu-container .menu-link+.menu-link,
section.content-split-outer-container .left-container .menu-container .menu-link+.menu-link {
margin-left: 0
}

section.content-split-container.background-fixed .left-container,
section.content-split-outer-container.background-fixed .left-container {
position: fixed
}
}

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

section.content-split-container .left-container,
section.content-split-outer-container .left-container {
padding: 20px 30px 60px
}

section.content-split-container .menu-container,
section.content-split-outer-container .menu-container {
padding: 0 30px
}
}

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

section.content-split-container .menu-container .menu-link,
section.content-split-outer-container .menu-container .menu-link {
font-size: 12px
}
}

section.content-full-container {
color: #fff;
height: 100vh;
overflow: hidden
}

section.content-full-container,
section.content-full-container .fixed-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
min-height: 800px
}

section.content-full-container .fixed-container {
padding: 120px 0 120px 120px
}

section.content-full-container .heading {
color: #fff
}

section.content-full-container h2 {
font-size: 70px;
margin-bottom: 46px
}

section.content-full-container p {
font-size: 27px;
line-height: 1.5em;
margin-bottom: 60px
}

section.content-full-container .button-with-waves {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative
}

section.content-full-container .button-with-waves svg {
position: absolute
}

section.content-full-container .button-with-waves svg.t7-waves {
bottom: 15px;
left: 100%;
width: 1210px
}

section.content-full-container .button-with-waves.t7 .lines {
left: -1px;
position: relative;
width: 20vw
}

section.content-full-container .button-with-waves.t7 .lines .line {
background-color: #00fdbd;
height: .1vw;
left: 0;
position: absolute;
top: 0;
width: 100%
}

section.content-full-container .button-with-waves.t7 .lines .line:first-of-type {
opacity: .8;
top: .05vw
}

section.content-full-container .button-with-waves.t7 .lines .line:nth-of-type(2) {
opacity: .5;
width: calc(100% + 4.8vw)
}

section.content-full-container .button-with-waves.t7 .lines .line:nth-of-type(3) {
top: -.15vw;
width: calc(100% + 7.2vw)
}

section.content-full-container .button-with-waves.t7 .lines .line:nth-of-type(4) {
opacity: .6;
top: .14vw;
width: calc(100% + 14.45vw)
}

section.content-full-container .mobile {
display: none
}

section.content-full-container.small {
height: 350px;
min-height: 350px;
padding-left: 120px
}

section.content-full-container.small .inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
max-width: 100%;
width: 1020px
}

section.content-full-container.small .heading {
font-size: 45px;
margin-bottom: 14px
}

section.content-full-container.small p {
font-family: 'Open Sans', sans-serif;
margin-bottom: 0;
}

section.content-full-container.background-fixed {
background-attachment: fixed
}

section.content-full-container.background-fixed.section-top-active .fixed-container {
left: 0;
position: relative
}

@media only screen and (max-width:1400px) {
section.content-full-container.small {
padding: 0 100px
}
}

@media only screen and (max-width:1300px) {
section.content-full-container .fixed-container {
padding: 80px 0 80px 76px
}

section.content-full-container h2 {
font-size: 60px;
margin-bottom: 36px
}

section.content-full-container p {
font-size: 22px;
margin-bottom: 40px
}
}

@media only screen and (max-width:1024px) {
section.content-full-container .fixed-container {
padding: 40px 0 40px 40px
}

section.content-full-container h2 {
font-size: 50px;
margin-bottom: 26px
}

section.content-full-container p {
font-size: 20px;
margin-bottom: 30px
}

section.content-full-container.small {
padding: 0 45px
}
}

@media only screen and (max-width:1023px) {
section.content-full-container.small {
padding: 0 45px
}

section.content-full-container.small .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column
}

section.content-full-container.small .text-container {
margin-bottom: 25px
}
}

@media only screen and (max-width:767px) {
section.content-full-container {
height: auto;
min-height: 0
}

section.content-full-container h2 {
font-size: 43px;
margin-bottom: 12px
}

section.content-full-container p {
font-size: 17px;
margin-bottom: 20px
}

section.content-full-container .button-with-waves svg,
section.content-full-container p br {
display: none
}

section.content-full-container .mobile {
display: block
}

section.content-full-container .mobile svg {
position: absolute
}

section.content-full-container .mobile svg.t7-waves-mobile {
bottom: 5%;
left: -20%;
width: 780px
}

section.content-full-container.background-fixed {
background-attachment: scroll
}
}

@media only screen and (max-width:520px) {
section.content-full-container p {
font-size: 16px
}

section.content-full-container.small {
padding: 0 30px
}
}

section[data-section-active] {
pointer-events: none
}

section[data-section-active] .fixed-container {
height: 100vh;
left: 60px;
position: fixed;
right: 0;
top: 0
}

section[data-section-active][data-section="0"] .left-container {
opacity: 0;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s
}

section[data-section-active][data-section="0.5"],
section[data-section-active][data-section="1"],
section[data-section-active][data-section="1"] .left-container {
z-index: 2
}

section[data-section-active][data-section="1a"] {
height: calc(100vh + 100px);
padding-top: 100px
}

section[data-section-active][data-section="1a"] .right-container:after {
top: -100px
}

section[data-section-active][data-section="1d"] {
height: 116vh;
padding-bottom: 16vh
}

section[data-section-active][data-section="2"] {
height: 120vh;
opacity: 0;
z-index: 1
}

section[data-section-active][data-section="3"] {
height: 120vh;
z-index: 2
}

section[data-section-active][data-section="4"] {
opacity: 0;
z-index: 1
}

section[data-section-active].section-active,
section[data-section-active].section-large-active {
pointer-events: auto
}

section[data-section-active].section-init[data-section="0"] .left-container,
section[data-section-active].section-init[data-section="0"] .next-arrow {
opacity: 1
}

section[data-section-active].section-init[data-section="0"] .next-arrow:hover {
opacity: .6;
-webkit-transition-delay: 0s;
transition-delay: 0s
}

section[data-section-active].section-enter-active[data-section="2"],
section[data-section-active].section-enter-active[data-section="4"],
section[data-section-active].section-large-active[data-section="2"] .left-container {
opacity: 1
}

@media only screen and (max-width:1440px) {
section[data-section-active][data-section="1a"] {
height: 112vh;
padding-top: 12vh
}
}

@media only screen and (max-width:767px) {
section[data-section-active] .fixed-container {
left: 0;
min-height: 0
}

section[data-section-active][data-section="1"] {
padding: 0
}

section[data-section-active][data-section="1a"],
section[data-section-active][data-section="1b"],
section[data-section-active][data-section="1c"],
section[data-section-active][data-section="1d"] {
height: auto;
padding: 0
}

section[data-section-active][data-section="2"] {
min-height: 100vh
}

section[data-section-active][data-section="2"] .fixed-container {
height: auto;
min-height: 100vh;
padding: 120px 0 80px
}

section[data-section-active][data-section="2"].section-top-passed {
height: auto;
opacity: 1
}

section[data-section-active][data-section="2"].section-top-passed .fixed-container {
position: relative
}

section[data-section-active][data-section="4"] {
opacity: 1;
pointer-events: auto
}

section[data-section-active][data-section="4"] .fixed-container {
height: 100%;
padding: 140px 56px;
position: relative
}
}

@media only screen and (max-width:520px) {
section[data-section-active] .fixed-container {
height: auto
}

section[data-section-active][data-section="3"] {
height: auto;
padding: 80px 0;
z-index: 3
}

section[data-section-active][data-section="4"] .fixed-container {
padding-left: 30px;
padding-right: 30px
}
}

section.heading-container {
padding: 36px 0 36px 120px
}

section.heading-container img.floating-graphic {
pointer-events: none;
position: absolute;
right: 0;
top: 36px
}

@media only screen and (min-width:1480px) {
section.heading-container img.floating-graphic {
right: calc(100% - 1440px)
}
}

section.heading-container .breadcrumbs-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

section.heading-container .breadcrumbs-container a,
section.heading-container .breadcrumbs-container span {
-ms-flex-negative: 0;
color: rgba(0, 0, 0, .5);
flex-shrink: 0;
font-family: Proxima Nova Bold, sans-serif;
font-size: 11px;
margin-bottom: 4px;
text-transform: uppercase
}

section.heading-container .breadcrumbs-container a {
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}

section.heading-container .breadcrumbs-container a:hover {
color: #000
}

section.heading-container .breadcrumbs-container>*+* {
margin-left: 4px
}

section.heading-container .breadcrumbs-container>*+:before {
content: "/";
display: inline-block;
margin-right: 4px
}

section.heading-container .heading {
font-size: 45px !important;
margin-bottom: 0
}

section.heading-container .heading a {
color: #000;
}

section.heading-container .heading__case-study {
max-width: 620px
}

section.heading-container .inner>*+* {
margin-top: 74px
}

section.heading-container.half .heading {
width: 50%
}

section.heading-container.with-right-area {
padding-left: 120px
}

section.heading-container.with-right-area .inner {
border-bottom: 1px solid #dadada
}

section.heading-container.with-right-area .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
padding-bottom: 80px
}

section.heading-container.with-right-area .row .right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.heading-container.with-right-area .row .right p {
font-family: Proxima Nova Bold, sans-serif;
font-size: 18px;
margin-right: 40px;
text-align: right
}

section.heading-container.with-right-area.thin {
padding-left: 120px
}

section.heading-container.horizontal {
padding: 120px 0 100px
}

section.heading-container.horizontal .inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}

section.heading-container.horizontal .inner>*+* {
margin-top: 0
}

section.heading-container.horizontal .heading,
section.heading-container.horizontal .text {
width: 50%
}

section.heading-container.horizontal .heading {
padding-right: 80px;
text-align: right
}

section.heading-container.horizontal p {
font-size: 15px
}

section.heading-container.thin {
padding-left: 180px
}

section.heading-container.thin .inner {
max-width: 1020px
}

section.heading-container.xthin .inner {
max-width: 860px
}

section.heading-container.bold .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px
}

section.heading-container.small {
padding-bottom: 0;
padding-top: 72px
}

section.heading-container.small .heading {
font-size: 20px
}

section.heading-container.centre {
text-align: center
}

section.heading-container.with-description p {
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px;
margin-top: 20px
}

@media only screen and (max-width:1400px) {
section.heading-container {
padding-left: 86px;
padding-right: 86px
}

section.heading-container.half .heading {
width: 100%
}

section.heading-container.thin,
section.heading-container.thin.with-right-area {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1024px) {
section.heading-container {
padding-left: 45px;
padding-right: 45px
}

section.heading-container .heading {
font-size: 40px
}

section.heading-container .heading br {
display: none
}

section.heading-container.thin,
section.heading-container.thin.with-right-area {
padding-left: 45px;
padding-right: 45px
}

section.heading-container.horizontal {
padding-bottom: 40px;
padding-top: 60px
}
}

@media only screen and (max-width:1023px) {
section.heading-container.horizontal {
padding-top: 45px
}

section.heading-container.horizontal .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column
}

section.heading-container.horizontal .heading {
margin-bottom: 20px;
padding-right: 0;
text-align: left
}

section.heading-container.with-right-area .heading {
margin-bottom: 20px
}

section.heading-container.with-right-area .row {
padding-bottom: 30px
}

section.heading-container.with-right-area .row,
section.heading-container.with-right-area .row .right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.heading-container.with-right-area .row .right {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}

section.heading-container.with-right-area .row .right p {
margin-bottom: 20px;
text-align: left
}

section.heading-container.with-right-area .row .right p br {
display: none
}
}

@media only screen and (max-width:900px) {
section.heading-container.small {
padding-top: 30px
}
}

@media only screen and (max-width:767px) {
section.heading-container {
padding-bottom: 30px;
padding-top: 30px
}

section.heading-container img.floating-graphic {
display: none
}

section.heading-container .inner>*+* {
margin-top: 40px
}

section.heading-container.with-description p {
font-size: 18px
}
}

@media only screen and (max-width:520px) {
section.heading-container {
padding: 20px 30px
}

section.heading-container .heading {
font-size: 36px
}

section.heading-container.thin {
padding-left: 30px;
padding-right: 30px
}

section.heading-container.thin .heading {
font-size: 28px
}

section.heading-container.thin.with-right-area {
padding-left: 30px;
padding-right: 30px
}

section.heading-container.small {
padding-top: 20px;
text-align: center
}

section.heading-container.horizontal {
padding: 30px
}

section.heading-container.horizontal .heading,
section.heading-container.horizontal .text {
width: 100%
}

section.heading-container.with-description p {
font-size: 16px
}
}

section.custom-layout-container {
overflow: hidden
}

section.custom-layout-container .text-container>.heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
margin-bottom: 0
}

section.custom-layout-container .text-container p {
font-size: 18px;
line-height: 1.7em;
font-family: 'Open Sans', sans-serif;
color: #000;
}

section.custom-layout-container .text-container ul li {
font-size: 18px;
line-height: 1.7em;
margin-bottom: 5px
}

section.custom-layout-container .text-container>*+* {
margin-top: 22px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container .text-container>.heading {
font-size: 28px
}
}

section.custom-layout-container.style-1 {
overflow: visible;
padding: 0 0 0 120px
}

section.custom-layout-container.style-1 .inner {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
padding: 146px 0
}

section.custom-layout-container.style-1 .tiles.style-12 svg.t12-shapes-1 {
right: -24px;
top: -80px
}

section.custom-layout-container.style-1 .left-container {
width: 100%;
z-index: 3
}

section.custom-layout-container.style-1 .left-container .text-container {
padding-right: 780px
}

section.custom-layout-container.style-1 .left-container .text-container svg.arrow path {
fill: #000;
}

section.custom-layout-container.style-1 .left-container .carousel {
overflow: hidden
}

section.custom-layout-container.style-1 .left-container .slick-slide {
margin: 0 100px;
opacity: 0;
-webkit-transition: opacity .8s ease-in-out;
transition: opacity .8s ease-in-out
}

section.custom-layout-container.style-1 .left-container .slick-slide.slick-current {
opacity: 1
}

section.custom-layout-container.style-1 .left-container .slick-list {
margin: 0 -100px
}

section.custom-layout-container.style-1 .right-container {
position: absolute;
right: 0;
top: 0;
width: 69%
}

section.custom-layout-container.style-1 .text-container svg.arrow {
height: 12px;
margin-top: 80px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
width: 12px
}

section.custom-layout-container.style-1 .text-container svg.arrow path {
fill: #000;
}

@media only screen and (max-width:1510px) {
section.custom-layout-container.style-1 .left-container .text-container {
padding-right: calc(64vw - 192px)
}
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-1 {
overflow: hidden;
padding-left: 100px
}

section.custom-layout-container.style-1 .inner {
padding: 180px 0
}

section.custom-layout-container.style-1 .left-container .text-container {
padding-right: calc(60vw - 168px)
}

section.custom-layout-container.style-1 .right-container {
top: 40%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 60%
}

section.custom-layout-container.style-1 .text-container svg.arrow {
margin-top: 40px
}
}

@media only screen and (max-width:1280px) {
section.custom-layout-container.style-1 .inner {
padding: 146px 0
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-1 {
padding-left: 45px
}

section.custom-layout-container.style-1 .inner {
padding: 86px 0
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-1 .inner {
padding: 75% 0 20px
}

section.custom-layout-container.style-1 .left-container .text-container {
padding-right: calc(40vw - 18px)
}

section.custom-layout-container.style-1 .right-container {
top: 10px;
-webkit-transform: none;
transform: none;
width: 100%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-1 {
padding-left: 0
}

section.custom-layout-container.style-1 .inner {
padding: 82% 0 20px
}

section.custom-layout-container.style-1 .left-container {
padding-left: 30px
}

section.custom-layout-container.style-1 .left-container .text-container {
padding-right: 30px
}
}

section.custom-layout-container.style-2 {
overflow: visible;
padding: 80px 0 90px 45px
}

section.custom-layout-container.style-2 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-2 .text-container p {
opacity: .8
}

section.custom-layout-container.style-2 .text-container .images-container img {
margin-bottom: 10px;
margin-right: 10px
}

section.custom-layout-container.style-2 .right-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
padding: 50px 20px 50px 50px;
width: 390px
}

section.custom-layout-container.style-2 .diagram-container {
bottom: -140px;
height: 200px;
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
z-index: 2
}

section.custom-layout-container.style-2 svg {
position: absolute
}

section.custom-layout-container.style-2 svg.t9-waves {
height: 80%;
left: 52%;
top: 0;
-webkit-transform: scaleX(-1.2);
transform: scaleX(-1.2)
}

section.custom-layout-container.style-2 svg.t9-single-wave {
bottom: 0;
height: 38%;
left: 65%;
-webkit-transform: scaleX(-1.2);
transform: scaleX(-1.2)
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-2 .left-container {
width: 66%
}

section.custom-layout-container.style-2 .right-container {
padding: 45px 20px 45px 40px;
width: 34%
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-2 {
padding: 40px 0 60px 45px
}

section.custom-layout-container.style-2 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-2 .left-container {
width: 70%
}

section.custom-layout-container.style-2 .right-container {
margin-left: auto;
padding: 45px 10px 45px 0;
width: 75%
}

section.custom-layout-container.style-2 .diagram-container {
bottom: -40px;
height: 90px;
width: 100%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-2 {
padding: 30px 30px 40px
}

section.custom-layout-container.style-2 .left-container {
width: 100%
}
}

section.custom-layout-container.style-3 {
padding: 170px 0 50px 120px
}

section.custom-layout-container.style-3 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-3 .inner:first-of-type {
margin-bottom: 70px
}

section.custom-layout-container.style-3 .text-container p {
opacity: .8
}

section.custom-layout-container.style-3 .left-container {
padding-left: 9%;
padding-right: 4%;
width: 38%
}

section.custom-layout-container.style-3 .right-container {
width: 62%
}

section.custom-layout-container.style-3 .right-container .tiles {
margin-bottom: 60px;
margin-top: 125px
}

section.custom-layout-container.style-3 .right-container .text-container {
margin: 60px auto 0;
max-width: 100%;
width: 280px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-3 {
padding-left: 100px
}

section.custom-layout-container.style-3 .left-container {
padding-left: 0
}

section.custom-layout-container.style-3 .right-container .tiles {
margin-bottom: 40px;
margin-top: 65px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-3 {
padding-left: 45px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-3 {
padding-top: 90px
}

section.custom-layout-container.style-3 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-3 .inner:first-of-type {
margin-bottom: 40px
}

section.custom-layout-container.style-3 .left-container {
width: 70%
}

section.custom-layout-container.style-3 .right-container {
margin-left: auto;
width: 70%
}

section.custom-layout-container.style-3 .right-container .text-container,
section.custom-layout-container.style-3 .right-container .tiles {
margin-top: 45px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-3 {
padding: 70px 30px 30px
}

section.custom-layout-container.style-3 .left-container {
padding-right: 0;
width: 100%
}

section.custom-layout-container.style-3 .right-container {
width: 90%
}

section.custom-layout-container.style-3 .right-container .text-container {
margin-top: 0;
width: 100%
}

section.custom-layout-container.style-3 .inner:nth-of-type(2) .left-container {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}

section.custom-layout-container.style-3 .inner:nth-of-type(2) .right-container {
margin-bottom: 45px;
width: 100%
}
}

section.custom-layout-container.style-4 {
padding: 60px 0
}

section.custom-layout-container.style-4 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-4 .text-container p,
section.custom-layout-container.style-4 .text-container ul li {
color: #000;
font-size: 13px
}

section.custom-layout-container.style-4 .text-container ul li {
margin-bottom: 10px
}

section.custom-layout-container.style-4 .left-container {
width: 52%
}

section.custom-layout-container.style-4 .right-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
padding: 50px 100px 50px 80px;
width: 48%
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-4 {
padding: 50px 0
}

section.custom-layout-container.style-4 .left-container {
padding-top: 5%;
width: 42%
}

section.custom-layout-container.style-4 .right-container {
padding: 40px 60px 40px 50px;
width: 58%
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-4 {
padding: 20px 0
}

section.custom-layout-container.style-4 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-4 .left-container {
padding-top: 0;
width: 70%
}

section.custom-layout-container.style-4 .right-container {
margin-left: auto;
padding: 45px 30px 45px 0;
width: 70%
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-4 .right-container {
width: 80%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-4 {
padding: 20px 30px
}

section.custom-layout-container.style-4 .left-container {
width: 90%
}

section.custom-layout-container.style-4 .right-container {
padding: 30px 0 0;
padding-bottom: 30px;
width: 100%
}
}

section.custom-layout-container.style-5 {
padding: 66px 0 146px 120px
}

section.custom-layout-container.style-5 .inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-5 .left-container {
width: 35%
}

section.custom-layout-container.style-5 .left-container .text-container p {
width: 90%
}

section.custom-layout-container.style-5 .right-container {
width: 65%
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-5 {
padding-left: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-5 {
padding-bottom: 60px;
padding-left: 45px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-5 .left-container {
width: 42%
}

section.custom-layout-container.style-5 .left-container .text-container p {
width: 100%
}

section.custom-layout-container.style-5 .right-container {
width: 58%
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-5 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}

section.custom-layout-container.style-5 .tiles.style-12 {
position: relative
}

section.custom-layout-container.style-5 .tiles.style-12 .diagram-container {
width: 53vw
}

section.custom-layout-container.style-5 .left-container {
width: 72%
}

section.custom-layout-container.style-5 .right-container {
margin-left: auto;
width: 80%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-5 {
padding: 10px 0 30px 30px
}

section.custom-layout-container.style-5 .left-container {
padding-right: 30px;
width: 100%
}

section.custom-layout-container.style-5 .right-container {
margin-bottom: 20px;
margin-left: auto;
width: 100%
}
}

section.custom-layout-container.style-6 {
padding: 66px 0 66px 45px
}

section.custom-layout-container.style-6 .inner {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between
}

section.custom-layout-container.style-6 .left-container {
position: relative;
width: 60%
}

section.custom-layout-container.style-6 .right-container {
padding-left: 10%;
padding-top: 100px;
width: 40%
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-6 .right-container {
padding-left: 5%;
padding-right: 45px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-6 .right-container .heading br {
display: none
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-6 {
padding: 45px
}

section.custom-layout-container.style-6 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-ms-flex-direction: column;
flex-direction: column;
justify-content: flex-start
}

section.custom-layout-container.style-6 .left-container {
margin-bottom: 20px;
width: 80%
}

section.custom-layout-container.style-6 .right-container {
margin-left: auto;
padding-left: 0;
padding-top: 0;
width: 50%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-6 {
padding: 10px 30px 20px
}

section.custom-layout-container.style-6 .left-container {
margin-bottom: 30px;
width: 100%
}

section.custom-layout-container.style-6 .right-container {
padding-right: 0;
width: 100%
}

section.custom-layout-container.style-6 .right-container .text-container>.heading br {
display: none
}
}

@media only screen and (max-width:374px) {
section.custom-layout-container.style-6 .right-container {
padding-right: 0
}
}

section.custom-layout-container.style-7 {
padding: 100px 0 0 120px
}

section.custom-layout-container.style-7 .inner {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
max-width: 1140px;
padding-bottom: 250px
}

section.custom-layout-container.style-7 .left-container {
min-height: 670px
}

section.custom-layout-container.style-7 .left-container,
section.custom-layout-container.style-7 .left-container .text-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-7 .left-container .text-container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 350px
}

section.custom-layout-container.style-7 .left-container .text-container>* {
width: 86%
}

section.custom-layout-container.style-7 .left-container .feature-boxes-container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
flex-grow: 1;
justify-content: flex-end;
margin-top: 80px;
width: 100%
}

section.custom-layout-container.style-7 .left-container .feature-boxes .feature-box {
margin-bottom: 10px;
margin-right: 10px;
width: calc(50% - 5px)
}

section.custom-layout-container.style-7 .left-container .feature-boxes .feature-box:nth-of-type(2n+2) {
margin-right: 0
}

section.custom-layout-container.style-7 .right-container {
padding-top: 60px
}

section.custom-layout-container.style-7 .quote {
bottom: 0;
left: 22%;
padding: 50px 30px;
position: absolute;
width: 60%
}

section.custom-layout-container.style-7 .quote .text .quote-marks {
left: -40px;
top: -80px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-7 {
padding-left: 100px
}

section.custom-layout-container.style-7 .inner {
padding-bottom: 200px
}

section.custom-layout-container.style-7 .left-container {
width: 40%
}

section.custom-layout-container.style-7 .left-container .text-container {
max-width: 100%
}

section.custom-layout-container.style-7 .left-container .feature-boxes-container {
margin-top: 40px
}

section.custom-layout-container.style-7 .right-container {
width: 52%
}

section.custom-layout-container.style-7 .quote {
left: 26%
}

section.custom-layout-container.style-7 .quote .text .quote-marks {
top: -50px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-7 {
padding-left: 45px;
padding-top: 60px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-7 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-7 .left-container {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
min-height: 0;
order: 1;
width: 60%
}

section.custom-layout-container.style-7 .left-container .text-container {
width: 100%
}

section.custom-layout-container.style-7 .left-container .text-container>.heading br {
display: none
}

section.custom-layout-container.style-7 .left-container .feature-boxes-container {
max-width: 350px
}

section.custom-layout-container.style-7 .right-container {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
margin-bottom: 40px;
margin-left: auto;
order: 0;
padding-top: 0;
width: 72%
}

section.custom-layout-container.style-7 .quote {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
left: 210px;
order: 2
}
}

@media only screen and (max-width:768px) {
section.custom-layout-container.style-7 .quote {
left: 33%
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-7 .inner {
padding-bottom: 0
}

section.custom-layout-container.style-7 .left-container {
width: 70%
}

section.custom-layout-container.style-7 .right-container {
margin-bottom: 60px;
width: 80%
}

section.custom-layout-container.style-7 .quote {
left: 50%;
margin-top: 30px;
position: relative;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
width: 80%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-7 {
padding-left: 30px;
padding-top: 30px
}

section.custom-layout-container.style-7 .left-container {
padding-right: 30px;
width: 100%
}

section.custom-layout-container.style-7 .quote,
section.custom-layout-container.style-7 .right-container {
width: 100%
}
}

section.custom-layout-container.style-8 {
overflow: visible;
padding: 44px 0 88px
}

section.custom-layout-container.style-8 .inner {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between
}

section.custom-layout-container.style-8 .left-container {
width: 60%
}

section.custom-layout-container.style-8 .left-container .text-container {
margin-bottom: 65px;
padding-left: 120px
}

section.custom-layout-container.style-8 .left-container .text-container .heading {
font-family: 'Open Sans', sans-serif;
font-size: 45px;
}

section.custom-layout-container.style-8 .right-container {
padding-left: 7%;
padding-right: 6%;
padding-top: 74px
}

section.custom-layout-container.style-8 .right-container .text-container {
padding-right: 12%
}

section.custom-layout-container.style-8 .right-container .text-container>.button {
margin-top: 50px
}

section.custom-layout-container.style-8 svg.arrow path {
fill: #fff
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-8 .left-container {
width: 48%
}

section.custom-layout-container.style-8 .left-container .text-container {
padding-left: 100px
}

section.custom-layout-container.style-8 .left-container .text-container .heading {
font-size: 28px
}

section.custom-layout-container.style-8 .right-container {
padding-left: 10%;
padding-right: 3%;
width: 52%
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-8 {
padding-bottom: 60px
}

section.custom-layout-container.style-8 .left-container .text-container {
padding-left: 45px
}

section.custom-layout-container.style-8 .right-container {
padding-left: 45px;
padding-top: 45px
}

section.custom-layout-container.style-8 .right-container .text-container {
padding: 0
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-8 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-8 .left-container {
width: 80%
}

section.custom-layout-container.style-8 .left-container .text-container {
margin-bottom: 45px
}

section.custom-layout-container.style-8 .right-container {
margin-left: auto;
width: 70%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-8 {
padding-bottom: 40px
}

section.custom-layout-container.style-8 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-8 .left-container {
width: 90%
}

section.custom-layout-container.style-8 .left-container .text-container {
margin-bottom: 40px;
padding-left: 30px
}

section.custom-layout-container.style-8 .right-container {
padding: 30px 30px 0;
width: 100%
}

section.custom-layout-container.style-8 .right-container .text-container>.button {
margin-top: 30px
}
}

section.custom-layout-container.style-9 {
overflow: visible;
padding: 0 0 0 120px
}

section.custom-layout-container.style-9 .inner {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between
}

section.custom-layout-container.style-9 .left-container {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 60%
}

section.custom-layout-container.style-9 .left-container .text-container {
margin-bottom: 120px
}

section.custom-layout-container.style-9 .left-container p {
font-family: 'Open Sans', sans-serif;
color: #000;
font-size: 18px;
line-height: 1.6em;
max-width: 100%;
width: 440px
}

section.custom-layout-container.style-9 .right-container {
margin-top: -120px;
position: relative;
width: 40%
}

section.custom-layout-container.style-9 .right-container .text-container {
padding-right: 140px
}

section.custom-layout-container.style-9 .feature-boxes-container {
left: -60px;
margin-bottom: 160px;
max-width: 100%;
position: relative;
width: 350px
}

section.custom-layout-container.style-9 .feature-boxes .feature-box {
margin-bottom: 10px;
margin-right: 10px;
width: calc(50% - 5px)
}

section.custom-layout-container.style-9 .feature-boxes .feature-box:nth-of-type(2n+2) {
margin-right: 0
}

section.custom-layout-container.style-9 .feature-boxes:nth-of-type(3) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}

section.custom-layout-container.style-9 .feature-boxes:nth-of-type(3) .feature-box {
margin-right: 0
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-9 {
padding-left: 100px
}

section.custom-layout-container.style-9 .left-container {
width: 50%
}

section.custom-layout-container.style-9 .left-container .text-container {
padding-right: 40px
}

section.custom-layout-container.style-9 .right-container {
margin-top: 0;
width: 50%
}

section.custom-layout-container.style-9 .feature-boxes-container {
left: 0;
margin-bottom: 40px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-9 {
padding-left: 45px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-9 {
padding-right: 45px
}

section.custom-layout-container.style-9 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-9 .left-container {
margin-bottom: 60px;
width: 100%
}

section.custom-layout-container.style-9 .left-container .text-container {
margin-bottom: 20px;
padding-right: 0
}

section.custom-layout-container.style-9 .right-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
width: 100%
}

section.custom-layout-container.style-9 .right-container .text-container {
padding-right: 30px;
width: calc(100% - 280px)
}

section.custom-layout-container.style-9 .right-container .feature-boxes-container {
width: 280px
}

section.custom-layout-container.style-9 .feature-boxes .feature-box {
padding: 12px 14px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-9 {
padding-right: 45px
}

section.custom-layout-container.style-9 .right-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-9 .right-container .text-container {
margin-top: -120px;
width: calc(100% - 160px)
}

section.custom-layout-container.style-9 .right-container .feature-boxes-container {
margin-bottom: 0;
margin-left: auto
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-9 {
padding-left: 30px;
padding-right: 30px
}

section.custom-layout-container.style-9 .left-container {
margin-bottom: 40px
}

section.custom-layout-container.style-9 .right-container .text-container {
margin-top: 0;
padding-right: 0;
width: 100%
}

section.custom-layout-container.style-9 .right-container .feature-boxes-container {
margin-bottom: 30px;
width: 100%
}
}

section.custom-layout-container.style-10 {
padding: 80px 0 80px 120px
}

section.custom-layout-container.style-10 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-10 .left-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 92px;
z-index: -1
}

section.custom-layout-container.style-10 .left-container .quote .text .quote-marks {
left: -30px;
top: -50px
}

section.custom-layout-container.style-10 .right-container {
position: relative
}

section.custom-layout-container.style-10 .right-container .edge-lines {
bottom: 50px;
left: -60px;
opacity: 1;
position: absolute;
top: auto;
z-index: 3
}

section.custom-layout-container.style-10 .right-container .edge-lines.flip {
left: -130px
}

section.custom-layout-container.style-10 .right-container .button {
bottom: -33px;
overflow: visible;
padding-right: 117px;
position: absolute;
right: 0;
z-index: 1
}

section.custom-layout-container.style-10 .right-container .button:hover {
background-color: #133057;
border-color: #133057;
color: #fff
}

section.custom-layout-container.style-10 .right-container .button:hover svg.arrow .cls-1 {
fill: #fff
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-10 {
padding-left: 100px
}

section.custom-layout-container.style-10 .left-container {
padding: 80px;
width: 50%
}

section.custom-layout-container.style-10 .right-container {
width: 50%
}
}

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

section.custom-layout-container.style-10,
section.custom-layout-container.style-10 .left-container {
padding: 45px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-10 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-10 .left-container {
padding: 90px 80px;
width: 100%
}

section.custom-layout-container.style-10 .right-container {
width: 100%
}

section.custom-layout-container.style-10 .right-container .edge-lines {
bottom: 12%;
height: 15%;
left: -10%;
width: 40%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-10 {
padding: 30px 30px 50px
}

section.custom-layout-container.style-10 .left-container {
padding: 50px 30px
}

section.custom-layout-container.style-10 .left-container .quote .text .quote-marks {
font-size: 260px
}

section.custom-layout-container.style-10 .right-container .button {
padding-right: 30px
}
}

@media only screen and (max-width:374px) {
section.custom-layout-container.style-10 .left-container {
padding: 40px 20px 30px
}

section.custom-layout-container.style-10 .left-container .quote .text .quote-marks {
left: -20px
}
}

section.custom-layout-container.style-11 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 540px;
padding: 0 70px 0 120px
}

section.custom-layout-container.style-11 .inner {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
border-bottom: 1px solid #cfcfcf;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
padding: 100px 0 60px
}

section.custom-layout-container.style-11 .left-container {
width: 100%;
z-index: 3
}

section.custom-layout-container.style-11 .left-container .text-container {
padding-right: calc(100% - 600px)
}

section.custom-layout-container.style-11 .left-container .slick-slide {
margin: 0 100px;
opacity: 0;
-webkit-transition: opacity .8s ease-in-out;
transition: opacity .8s ease-in-out
}

section.custom-layout-container.style-11 .left-container .slick-slide.slick-current {
opacity: 1
}

section.custom-layout-container.style-11 .left-container .slick-list {
margin: 0 -100px
}

section.custom-layout-container.style-11 .nav-arrow {
bottom: 110px;
cursor: pointer;
position: absolute;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
z-index: 5
}

section.custom-layout-container.style-11 .nav-arrow .arrow {
height: 16px;
width: 16px
}

section.custom-layout-container.style-11 .nav-arrow .arrow path {
fill: #0a192d
}

section.custom-layout-container.style-11 .nav-arrow.prev {
left: 30px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}

section.custom-layout-container.style-11 .nav-arrow.next {
right: 30px
}

section.custom-layout-container.style-11 .nav-arrow:hover {
opacity: .7
}

section.custom-layout-container.style-11 .right-container {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: end;
-ms-flex-pack: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: flex-end;
padding-bottom: 60px;
position: absolute;
right: 90px;
top: 0;
width: 69%
}

section.custom-layout-container.style-11 .text-container svg.arrow {
height: 12px;
margin-left: 124px;
margin-top: 80px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
width: 12px
}

section.custom-layout-container.style-11 .text-container svg.arrow path {
fill: #000;
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-11 {
min-height: 0;
padding-left: 100px
}

section.custom-layout-container.style-11 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px 0
}

section.custom-layout-container.style-11 .left-container .text-container {
padding-right: calc(100% - 660px)
}

section.custom-layout-container.style-11 .right-container {
padding-bottom: 0;
position: relative;
right: auto;
top: auto;
width: 100%
}

section.custom-layout-container.style-11 .right-container img {
max-width: 100%
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-11 {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-11 .left-container {
margin-bottom: 30px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-11 {
padding-left: 30px;
padding-right: 30px
}

section.custom-layout-container.style-11 .inner {
padding: 30px 0
}
}

section.custom-layout-container.style-12 {
padding: 80px 0 90px
}

section.custom-layout-container.style-12 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-12 .inner>.text-container {
margin-bottom: 80px;
width: 400px
}

section.custom-layout-container.style-12 .inner>.text-container .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 40px
}

section.custom-layout-container.style-12 .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
width: 100%
}

section.custom-layout-container.style-12 .right-container {
padding-left: 7%;
padding-right: 7%;
position: relative;
top: -45px
}

section.custom-layout-container.style-12 .right-container .text-container .button {
margin-top: 52px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-12 .inner>.text-container {
margin-bottom: 60px;
max-width: 100%
}

section.custom-layout-container.style-12 .inner>.text-container .heading {
font-size: 28px
}

section.custom-layout-container.style-12 .left-container {
width: 60%
}

section.custom-layout-container.style-12 .right-container {
padding-left: 3%;
padding-right: 4%;
top: -20px;
width: 40%
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-12 .left-container {
width: 40%
}

section.custom-layout-container.style-12 .right-container {
padding-left: 6%;
padding-right: 8%;
top: 0;
width: 60%
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-12 {
padding: 45px
}

section.custom-layout-container.style-12 .inner>.text-container {
margin-bottom: 45px
}

section.custom-layout-container.style-12 .tile-row .tile svg.t18-waves {
bottom: -20px
}

section.custom-layout-container.style-12 .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-12 .left-container {
margin-bottom: 45px;
width: 80%
}

section.custom-layout-container.style-12 .right-container {
margin-left: auto;
padding: 0;
width: 70%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-12 {
padding: 30px
}

section.custom-layout-container.style-12 .inner>.text-container {
margin-bottom: 30px
}

section.custom-layout-container.style-12 .left-container {
margin-bottom: 30px;
width: 90%
}

section.custom-layout-container.style-12 .right-container {
width: 100%
}
}

section.custom-layout-container.style-13 {
padding: 70px 0 70px 160px
}

section.custom-layout-container.style-13 .inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-13 .inner>svg {
position: absolute
}

section.custom-layout-container.style-13 .inner>svg.t18-shapes {
height: 102px;
right: -40px;
top: -40px;
width: 175px
}

section.custom-layout-container.style-13 .left-container {
padding-right: 12%;
width: 38%
}

section.custom-layout-container.style-13 .left-container .text-container>*+* {
margin-top: 30px
}

section.custom-layout-container.style-13 .left-container .text-container .cta-link {
margin-top: 86px
}

section.custom-layout-container.style-13 .right-container {
max-width: 62%;
width: 530px
}

section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-boxes:last-of-type {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}

section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-boxes:last-of-type .feature-box {
margin-left: 10px;
margin-right: 0
}

section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-box {
margin-bottom: 10px;
margin-right: 10px;
width: calc(33% - 5px)
}

section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-box:nth-of-type(3n+3) {
margin-right: 0
}

section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-box:nth-of-type(4),
section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-box:nth-of-type(5),
section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-box:nth-of-type(6) {
margin-bottom: 0
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-13 {
padding-left: 100px
}

section.custom-layout-container.style-13 .left-container {
padding-right: 8%
}

section.custom-layout-container.style-13 .feature-boxes-container .feature-box {
padding: 16px 18px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-13 {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-13 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}

section.custom-layout-container.style-13 .left-container {
position: relative;
top: -100px;
width: 50%
}

section.custom-layout-container.style-13 .left-container .text-container .cta-link {
margin-top: 60px
}

section.custom-layout-container.style-13 .right-container {
margin-left: auto;
max-width: 100%;
width: 440px
}
}

@media only screen and (max-width:840px) {
section.custom-layout-container.style-13 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}

section.custom-layout-container.style-13 .left-container {
top: 0;
width: 70%
}

section.custom-layout-container.style-13 .right-container {
margin-bottom: 20px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-13 {
padding: 30px
}

section.custom-layout-container.style-13 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}

section.custom-layout-container.style-13 .left-container {
width: 90%
}

section.custom-layout-container.style-13 .left-container .text-container .cta-link {
margin-top: 30px
}

section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-box {
width: calc(50% - 5px)
}

section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-box:nth-of-type(2n+2) {
margin-right: 0
}

section.custom-layout-container.style-13 .right-container .feature-boxes-container .feature-boxes:nth-of-type(2) .feature-box:first-of-type {
margin-left: 0
}
}

section.custom-layout-container.style-14 {
overflow: visible;
padding: 0 0 80px 120px
}

section.custom-layout-container.style-14 .inner {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between
}

section.custom-layout-container.style-14 .left-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 60px;
padding-left: 92px;
padding-right: 100px;
width: 48%
}

section.custom-layout-container.style-14 .left-container .text-container .heading {
font-size: 40px
}

section.custom-layout-container.style-14 .right-container {
position: relative;
top: -30px;
width: 52%
}

section.custom-layout-container.style-14 .right-container .edge-lines {
left: -60px;
opacity: 1;
position: absolute;
top: 126px;
z-index: 3
}

section.custom-layout-container.style-14 .right-container .edge-lines.flip {
left: -130px
}

section.custom-layout-container.style-14 .right-container .button {
bottom: -33px;
overflow: visible;
padding-right: 117px;
position: absolute;
right: 0;
z-index: 4
}

section.custom-layout-container.style-14 .right-container .button:hover {
background-color: #133057;
border-color: #133057;
color: #fff
}

section.custom-layout-container.style-14 .right-container .button:hover svg.arrow .cls-1 {
fill: #fff
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-14 {
padding-left: 100px
}

section.custom-layout-container.style-14 .left-container {
padding: 40px 80px 40px 0
}

section.custom-layout-container.style-14 .left-container .text-container .heading {
font-size: 28px
}

section.custom-layout-container.style-14 .right-container .edge-lines {
height: 50px;
width: 120px
}

section.custom-layout-container.style-14 .right-container .edge-lines.flip {
left: -90px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-14 {
padding: 45px
}

section.custom-layout-container.style-14 .left-container {
padding-left: 0;
padding-right: 45px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-14 .right-container .edge-lines {
display: none
}

section.custom-layout-container.style-14 .right-container .button {
padding-right: 22px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-14 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}

section.custom-layout-container.style-14 .left-container {
padding: 0 40px 0 0;
width: 60%
}

section.custom-layout-container.style-14 .right-container {
margin-left: auto;
width: 60%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-14 {
padding: 30px
}

section.custom-layout-container.style-14 .left-container {
padding: 0;
width: 100%
}

section.custom-layout-container.style-14 .right-container {
margin-bottom: 40px;
width: 80%
}
}

section.custom-layout-container.style-15 {
padding: 80px 0 80px 180px
}

section.custom-layout-container.style-15 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 900px
}

section.custom-layout-container.style-15 .left-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: flex-end;
width: 350px
}

section.custom-layout-container.style-15 .left-container .feature-boxes-container .feature-boxes {
margin-bottom: 10px
}

section.custom-layout-container.style-15 .left-container .feature-boxes-container .feature-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 150px;
justify-content: flex-end;
width: calc(50% - 5px)
}

section.custom-layout-container.style-15 .left-container .feature-boxes-container .feature-box+.feature-box {
margin-left: 10px
}

section.custom-layout-container.style-15 .right-container {
left: -60px;
padding-bottom: 260px;
position: relative;
width: 360px
}

section.custom-layout-container.style-15>svg {
position: absolute
}

section.custom-layout-container.style-15>svg.t19-lines {
right: -300px;
top: 40px;
width: 640px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-15 {
padding-left: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-15 {
padding: 45px
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-15 .inner {
width: 100%
}

section.custom-layout-container.style-15 .left-container {
-ms-flex-negative: 0;
flex-shrink: 0
}

section.custom-layout-container.style-15 .right-container {
-ms-flex-negative: 0;
flex-shrink: 0;
left: -140px;
padding-bottom: 200px;
width: 280px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-15 .right-container {
left: -150px;
padding-bottom: 180px;
width: 250px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-15 {
padding: 100px 30px 30px
}

section.custom-layout-container.style-15 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}

section.custom-layout-container.style-15 .left-container {
width: 100%
}

section.custom-layout-container.style-15 .left-container .feature-boxes-container .feature-box {
height: auto
}

section.custom-layout-container.style-15 .right-container {
left: auto;
margin-bottom: 20px;
padding-bottom: 0;
width: 100%
}

section.custom-layout-container.style-15>svg.t19-lines {
top: 20px
}
}

@media only screen and (max-width:374px) {
section.custom-layout-container.style-15>svg.t19-lines {
top: 10px;
width: 590px
}
}

section.custom-layout-container.style-16 {
overflow: visible;
padding: 126px 0 70px 120px
}

section.custom-layout-container.style-16 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-16 .left-container {
width: 50%
}

section.custom-layout-container.style-16 .right-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: space-between;
padding-left: 10%;
width: 50%
}

section.custom-layout-container.style-16 .right-container .quote {
max-width: 100%;
position: relative;
top: -190px;
width: 350px
}

section.custom-layout-container.style-16 .right-container .quote .text {
margin-bottom: 24px
}

section.custom-layout-container.style-16 .right-container .quote .text .quote-marks {
left: -40px;
opacity: .2;
top: -10px
}

section.custom-layout-container.style-16 .right-container .button {
z-index: 6
}

section.custom-layout-container.style-16 .diagram-container {
bottom: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 5
}

section.custom-layout-container.style-16 .diagram-container>svg {
position: absolute
}

section.custom-layout-container.style-16 .diagram-container>svg.t20-waves {
right: -11%;
top: 30%;
width: 70%
}

section.custom-layout-container.style-16 .diagram-container>svg.t20-waves .cls-1 {
-webkit-transform: scaleX(-1) translate3d(-100%, 0, 0);
transform: scaleX(-1) translate3d(-100%, 0, 0)
}

section.custom-layout-container.style-16 .diagram-container>svg.t20-shapes-1 {
bottom: calc(38% - 40px);
right: 6%;
width: 120px
}

section.custom-layout-container.style-16 .diagram-container>svg.t20-shapes-2 {
bottom: calc(54% - 25px);
right: 6%;
width: 50px
}

section.custom-layout-container.style-16 .diagram-container .shapes-container {
bottom: calc(41% - 65px);
position: absolute;
right: calc(38% - 30px);
width: 62px
}

section.custom-layout-container.style-16 .diagram-container .shapes-container svg.t20-shapes-3 {
left: -29px;
position: relative;
top: -5px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}

section.custom-layout-container.style-16 .diagram-container .shapes-container svg.t20-shapes-4 {
margin-left: auto;
width: 57px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-16 {
padding-left: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-16 {
padding-left: 45px;
padding-right: 45px;
padding-top: 180px
}

section.custom-layout-container.style-16 .diagram-container>svg.t20-waves {
right: -12%;
top: 38%;
width: 75%
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-16 .right-container {
padding-left: 6%
}
}

@media only screen and (max-width:768px) {
section.custom-layout-container.style-16 .diagram-container>svg.t20-waves {
top: 44%
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-16 {
padding: 45px
}

section.custom-layout-container.style-16 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}

section.custom-layout-container.style-16 .right-container {
margin-bottom: 40px;
margin-left: auto;
padding-left: 0
}

section.custom-layout-container.style-16 .right-container .quote {
margin-bottom: 20px;
top: 0
}

section.custom-layout-container.style-16 .right-container .button {
margin-left: auto;
margin-right: auto
}

section.custom-layout-container.style-16 .diagram-container>svg.t20-waves {
bottom: 10%;
top: auto;
width: 100%
}

section.custom-layout-container.style-16 .diagram-container .shapes-container {
bottom: calc(38% - 65px)
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-16 {
padding: 30px
}

section.custom-layout-container.style-16 .left-container {
width: 100%
}

section.custom-layout-container.style-16 .right-container {
margin-right: auto;
width: 260px
}

section.custom-layout-container.style-16 .right-container .quote {
margin-bottom: 30px
}

section.custom-layout-container.style-16 .diagram-container .shapes-container {
bottom: 34px;
right: 20px
}

section.custom-layout-container.style-16 .diagram-container>svg.t20-shapes-1 {
bottom: 42%;
left: 60px;
right: auto;
width: 80px
}
}

@media only screen and (max-width:374px) {
section.custom-layout-container.style-16 .diagram-container>svg.t20-shapes-1 {
display: none
}

section.custom-layout-container.style-16 .diagram-container>svg.t20-shapes-4 {
width: 47px
}

section.custom-layout-container.style-16 .diagram-container .shapes-container {
bottom: 30px;
right: 10px;
width: 52px
}
}

section.custom-layout-container.style-17 {
padding: 66px 0 10px 45px
}

section.custom-layout-container.style-17 .inner {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between
}

section.custom-layout-container.style-17 .left-container {
position: relative;
width: 64%
}

section.custom-layout-container.style-17 .right-container {
padding-left: 8%;
padding-top: 100px;
width: 36%
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-17 {
padding: 45px
}

section.custom-layout-container.style-17 .inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}

section.custom-layout-container.style-17 .left-container {
width: 54%
}

section.custom-layout-container.style-17 .right-container {
max-width: 46%;
padding-right: 45px;
padding-top: 60px;
width: 400px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-17 {
padding: 45px
}

section.custom-layout-container.style-17 .inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}

section.custom-layout-container.style-17 .left-container {
width: 54%
}

section.custom-layout-container.style-17 .right-container {
padding-left: 20px;
padding-right: 0
}

section.custom-layout-container.style-17 .text-container>.heading br {
display: none
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-17 {
padding: 45px
}

section.custom-layout-container.style-17 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-17 .left-container {
margin-bottom: 20px;
width: 80%
}

section.custom-layout-container.style-17 .right-container {
margin-left: auto;
max-width: 100%;
padding-left: 0;
padding-top: 0;
width: 64%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-17 {
padding: 10px 30px 20px
}

section.custom-layout-container.style-17 .left-container {
margin-bottom: 0;
width: 100%
}

section.custom-layout-container.style-17 .right-container {
width: 100%
}
}

section.custom-layout-container.style-18 {
background-color: #fff
}

section.custom-layout-container.style-18 .inner {
max-width: 1440px;
padding-bottom: 60px;
padding-top: 14%;
position: relative
}

section.custom-layout-container.style-18 .edge-lines {
height: 33%;
left: auto;
opacity: 1;
position: absolute;
right: 10%;
top: 0;
width: 8%
}

section.custom-layout-container.style-18 .edge-lines div:nth-of-type(2),
section.custom-layout-container.style-18 .edge-lines div:nth-of-type(3) {
height: 90%
}

section.custom-layout-container.style-18 .edge-lines img {
bottom: -140px;
left: -10px;
position: absolute;
width: 10vw
}

section.custom-layout-container.style-18 .heading-container {
margin: 0 auto 100px;
max-width: 880px;
width: 60%
}

section.custom-layout-container.style-18 .heading-container p {
color: #000;
font-size: 27px;
line-height: 1.6em
}

section.custom-layout-container.style-18 .diagram-container {
bottom: 0;
left: 50%;
padding-top: 12%;
position: absolute;
width: 58%
}

section.custom-layout-container.style-18 .diagram-container>svg {
position: absolute;
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}

section.custom-layout-container.style-18 .diagram-container>svg.t22-single-wave-1 {
right: 0;
top: 0
}

section.custom-layout-container.style-18 .diagram-container>svg.t22-single-wave-2 {
left: 40%;
top: 50%;
width: 70%
}

section.custom-layout-container.style-18 .diagram-container>svg.t22-single-wave-3 {
bottom: 0;
left: 20%;
width: 80%
}

section.custom-layout-container.style-18 .nav-box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: flex-end;
margin: 0 auto;
max-width: 880px;
width: 60%
}

section.custom-layout-container.style-18 .nav-box-container h2 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 23px;
margin-bottom: 40px
}

@media only screen and (min-width:1600px) {
section.custom-layout-container.style-18 .diagram-container:after {
background: #fff;
background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, 0)), color-stop(40%, #fff));
background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 10%, #fff 40%);
bottom: 0;
content: "";
left: 60%;
position: absolute;
top: 0;
width: calc(100vw + 60% - 1440px);
z-index: 10
}
}

@media only screen and (min-width:1441px) {
section.custom-layout-container.style-18 .inner {
padding-top: 180px
}
}

@media only screen and (max-width:1280px) {
section.custom-layout-container.style-18 .inner {
padding-bottom: 20px
}

section.custom-layout-container.style-18 .diagram-container {
left: 60%
}

section.custom-layout-container.style-18 .heading-container {
width: 50%
}

section.custom-layout-container.style-18 .heading-container p {
font-size: 20px;
line-height: 1.6em
}

section.custom-layout-container.style-18 .nav-box-container {
width: 50%
}
}

@media only screen and (max-width:1023px) {
section.custom-layout-container.style-18 .inner {
padding-bottom: 0
}

section.custom-layout-container.style-18 .heading-container {
margin-left: 250px;
width: 410px
}

section.custom-layout-container.style-18 .heading-container p {
font-size: 18px;
line-height: 1.4em
}

section.custom-layout-container.style-18 .nav-box-container {
margin-left: 250px;
width: 410px
}

section.custom-layout-container.style-18 .nav-box-container h2 {
font-size: 20px
}

section.custom-layout-container.style-18 .diagram-container {
bottom: 30px;
left: auto;
right: -30%
}

section.custom-layout-container.style-18 .edge-lines img {
display: none
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-18 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0
}

section.custom-layout-container.style-18 .diagram-container {
bottom: auto;
top: 4vw
}

section.custom-layout-container.style-18 .heading-container {
margin: 0;
padding: 40px 56px 30px;
position: relative;
width: 100%
}

section.custom-layout-container.style-18 .edge-lines {
display: none
}

section.custom-layout-container.style-18 .nav-box-container {
margin: 0;
padding: 20px 56px 30px;
width: 100%
}

section.custom-layout-container.style-18 .nav-box-container h2 {
margin-bottom: 0
}

section.custom-layout-container.style-18 .nav-box-container .menu-container {
display: none
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-18 .heading-container {
padding: 30px 30px 20px;
position: relative
}

section.custom-layout-container.style-18 .heading-container p {
font-size: 16px
}

section.custom-layout-container.style-18 .nav-box-container {
padding: 20px 30px 24px
}
}

section.custom-layout-container.style-19 {
overflow: hidden;
padding: 0 0 100px 120px
}

section.custom-layout-container.style-19 .waves {
bottom: 75px;
height: auto;
left: 0;
pointer-events: none;
position: absolute;
width: 900px;
z-index: 4
}

section.custom-layout-container.style-19 .inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between
}

section.custom-layout-container.style-19 .inner,
section.custom-layout-container.style-19 .left-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-19 .left-container {
width: 52%
}

section.custom-layout-container.style-19 .right-container {
position: relative;
top: 0;
width: 48%
}

section.custom-layout-container.style-19 .right-container:before {
background-color: #02d1a6;
content: "";
height: 75px;
left: -15px;
position: absolute;
top: -15px;
width: 75px
}

section.custom-layout-container.style-19 .right-container img {
display: block;
margin: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: relative;
width: 100%
}

section.custom-layout-container.style-19 .right-container .button {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
bottom: -33px;
justify-content: space-between;
overflow: visible;
position: absolute;
right: 0;
width: 250px;
z-index: 4
}

section.custom-layout-container.style-19 .right-container .button:hover {
background-color: #133057;
border-color: #133057;
color: #fff
}

section.custom-layout-container.style-19 .right-container .button:hover svg.arrow .cls-1 {
fill: #fff
}

section.custom-layout-container.style-19 h2 {
font-size: 42px;
line-height: 1.2;
max-width: 470px;
padding-left: 70px
}

section.custom-layout-container.style-19.knowledge .waves {
bottom: 150px;
max-width: 1200px;
width: 95%
}

section.custom-layout-container.style-19.knowledge .graphic-2 {
left: 85px;
pointer-events: none;
position: absolute;
top: -40px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-19 {
padding-left: 100px
}
}

@media only screen and (max-width:1200px) {
section.custom-layout-container.style-19 .waves {
bottom: 50px;
width: 70%
}

section.custom-layout-container.style-19 h2 {
max-width: none;
padding-left: 0;
padding-right: 50px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-19 {
padding-left: 45px;
padding-right: 45px
}

section.custom-layout-container.style-19 h2 {
font-size: 32px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-19 h2 {
font-size: 24px
}
}

@media only screen and (max-width:600px) {
section.custom-layout-container.style-19 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-19 .left-container {
margin-bottom: 50px;
width: 100%
}

section.custom-layout-container.style-19 .right-container {
width: 100%
}

section.custom-layout-container.style-19 h2 {
padding-right: 0;
width: 80%
}

section.custom-layout-container.style-19 .waves {
bottom: 30%
}

section.custom-layout-container.style-19.knowledge .waves {
bottom: 40%;
width: 70%
}

section.custom-layout-container.style-19.knowledge .graphic-2 {
display: none
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-19 {
padding: 20px 30px 80px
}

section.custom-layout-container.style-19 h2 {
width: 100%
}
}

@media only screen and (max-width:375px) {
section.custom-layout-container.style-19 .left-container {
margin-bottom: 30px
}

section.custom-layout-container.style-19 h2 {
font-size: 20px
}
}

section.custom-layout-container.style-20 {
padding: 115px 0 125px 120px;
position: relative
}

section.custom-layout-container.style-20 img.waves {
margin: 0;
max-width: 1200px;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 76%;
z-index: 2
}

section.custom-layout-container.style-20 .inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

section.custom-layout-container.style-20 .images {
height: 350px;
margin-right: 70px;
position: relative;
width: 375px
}

section.custom-layout-container.style-20 .images img {
position: absolute
}

section.custom-layout-container.style-20 .images img:first-of-type {
left: 0;
top: 0
}

section.custom-layout-container.style-20 .images img:nth-of-type(2) {
bottom: 0;
right: 0
}

section.custom-layout-container.style-20 .right p {
font-family: Proxima Nova Bold, sans-serif;
font-size: 18px;
line-height: 1.6;
margin-bottom: 40px;
max-width: 320px
}

section.custom-layout-container.style-20 .right .buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

section.custom-layout-container.style-20 .right .buttons .button {
background-color: #000;
border-color: #000;
height: 45px;
margin-right: 40px;
overflow: visible;
padding: 0;
width: 160px
}

section.custom-layout-container.style-20 .right .buttons .button .text {
margin-left: 10px
}

section.custom-layout-container.style-20 .right .buttons .button:before {
background-color: #02d1a6;
content: "";
height: 25px;
left: -5px;
position: absolute;
top: -5px;
-webkit-transition: top .2s, left .2s;
transition: top .2s, left .2s;
width: 25px;
z-index: -1
}

section.custom-layout-container.style-20 .right .buttons .button:hover {
background-color: #333;
border-color: #333;
color: #fff
}

section.custom-layout-container.style-20 .right .buttons .button:hover svg.arrow .cls-1 {
fill: #fff
}

section.custom-layout-container.style-20 .right .buttons .button:hover:before {
left: -3px;
top: -3px
}

section.custom-layout-container.style-20 .right .buttons .button:last-of-type {
margin-right: 0
}

@media only screen and (min-width:1280px) {
section.custom-layout-container.style-20 img.waves {
left: 300px;
right: auto
}
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-20 {
padding-left: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-20 {
padding: 80px 45px 50px
}

section.custom-layout-container.style-20 .inner {
z-index: 3
}

section.custom-layout-container.style-20 img.waves {
top: 20%
}
}

@media only screen and (max-width:900px) {
section.custom-layout-container.style-20 .images {
height: 330px;
width: 340px
}

section.custom-layout-container.style-20 .images img:first-of-type {
width: 90%
}

section.custom-layout-container.style-20 .images img:nth-of-type(2) {
width: 70%
}
}

@media only screen and (max-width:840px) {
section.custom-layout-container.style-20 .images {
height: 270px;
margin-right: 40px;
width: 340px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-20 .images {
height: 240px
}

section.custom-layout-container.style-20 .images img:first-of-type {
bottom: 20px;
top: auto
}
}

@media only screen and (max-width:600px) {
section.custom-layout-container.style-20 {
padding-top: 50px
}

section.custom-layout-container.style-20 img.waves {
top: 20px
}

section.custom-layout-container.style-20 .images {
display: none
}

section.custom-layout-container.style-20 .right p {
max-width: none
}

section.custom-layout-container.style-20 .right .buttons {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

section.custom-layout-container.style-20 .right .buttons a.button {
margin-bottom: 15px
}

section.custom-layout-container.style-20 {
padding-left: 30px;
padding-right: 30px
}
}

section.custom-layout-container.style-21 {
padding: 20px 0 160px 120px;
position: relative
}

section.custom-layout-container.style-21 .main-image {
pointer-events: none;
position: absolute;
right: 0;
top: 80px;
width: 620px
}

section.custom-layout-container.style-21 .main-image img.graphic {
left: 60px;
pointer-events: none;
position: absolute;
top: -70px;
z-index: 2
}

section.custom-layout-container.style-21 .main-image img.graphic-2 {
bottom: -63px;
pointer-events: none;
position: absolute;
right: 80px;
z-index: 2
}

section.custom-layout-container.style-21 .main-image img.main {
display: block;
height: auto;
margin: 0;
position: relative;
width: 100%
}

section.custom-layout-container.style-21 .main-image:before {
background-color: #02d1a6;
bottom: -15px;
content: "";
height: 70px;
left: -15px;
position: absolute;
width: 70px
}

section.custom-layout-container.style-21 h1 {
font-family: 'Open Sans', sans-serif;
font-size: 45px;
line-height: 1;
margin-bottom: 180px;
/*max-width: 220px;*/
}

section.custom-layout-container.style-21 .text {
margin-left: 80px;
max-width: 310px
}

section.custom-layout-container.style-21 .text h2 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 40px;
line-height: 1;
margin-bottom: 30px
}

section.custom-layout-container.style-21 .text p {
font-size: 15px;
line-height: 1.4
}

@media only screen and (min-width:1440px) {
section.custom-layout-container.style-21 .main-image {
right: calc(100% - 1440px)
}
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-21 {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1200px) {
section.custom-layout-container.style-21 {
padding-bottom: 100px
}

section.custom-layout-container.style-21 .main-image {
top: 0;
width: 45%
}

section.custom-layout-container.style-21 .main-image img.graphic {
left: 15%;
top: 0;
width: 20%
}

section.custom-layout-container.style-21 .main-image img.graphic-2 {
bottom: -9%;
right: 10%;
width: 50%
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-21 {
padding-left: 45px;
padding-right: 45px
}

section.custom-layout-container.style-21 h1 {
margin-bottom: 100px
}

section.custom-layout-container.style-21 .text {
margin-left: 0
}

section.custom-layout-container.style-21 .text h2 {
font-size: 34px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-21 .main-image {
display: none
}

section.custom-layout-container.style-21 h1 {
font-size: 36px;
margin-bottom: 60px;
max-width: none
}

section.custom-layout-container.style-21 .text {
max-width: none
}

section.custom-layout-container.style-21 .text h2 {
font-size: 28px;
line-height: 1.4;
margin-bottom: 15px
}

section.custom-layout-container.style-21 .text p {
line-height: 1.6
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-21 {
padding: 20px 30px 50px
}

section.custom-layout-container.style-21 h1 {
font-size: 32px;
margin-bottom: 40px
}

section.custom-layout-container.style-21 .text h2 {
font-size: 24px
}
}

@media only screen and (max-width:420px) {
section.custom-layout-container.style-21 {
padding: 20px 30px 50px
}

section.custom-layout-container.style-21 h1 {
font-size: 28px;
margin-bottom: 30px
}

section.custom-layout-container.style-21 .text h2 {
font-size: 22px
}
}

section.custom-layout-container.style-22 {
overflow: visible;
padding: 0 0 0 80px;
position: relative
}

section.custom-layout-container.style-22 .inner {
max-width: 1060px
}

section.custom-layout-container.style-22 h3 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
line-height: 1;
margin-left: 490px;
max-width: 350px
}

section.custom-layout-container.style-22 .carousel-controls {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
right: -32px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2
}

section.custom-layout-container.style-22 .carousel-controls button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
border-radius: 0;
cursor: pointer;
margin-bottom: 30px
}

section.custom-layout-container.style-22 .carousel-controls button svg {
height: 24px;
width: auto
}

section.custom-layout-container.style-22 .carousel-controls button svg .cls-1 {
fill: #0a192d
}

section.custom-layout-container.style-22 .carousel-controls .carousel-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-22 .carousel-controls .carousel-info span {
color: #000;
display: block;
font-family: Proxima Nova Bold, sans-serif;
font-size: 11px;
margin-bottom: 5px;
opacity: .2;
padding-bottom: 5px;
position: relative;
text-align: center
}

section.custom-layout-container.style-22 .carousel-controls .carousel-info span:before {
background-color: #000;
bottom: 0;
content: "";
height: 1px;
left: 50%;
margin-left: -5px;
position: absolute;
width: 10px
}

section.custom-layout-container.style-22 .carousel-controls .carousel-info span:last-of-type {
margin-bottom: 0;
padding-bottom: 0
}

section.custom-layout-container.style-22 .carousel-controls .carousel-info span:last-of-type:before {
display: none
}

section.custom-layout-container.style-22 .carousel-outer {
margin-top: -100px
}

section.custom-layout-container.style-22 .employee-quote {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 16px;
padding-right: 30px;
padding-top: 100px;
position: relative
}

section.custom-layout-container.style-22 .employee-quote .image {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
width: 380px
}

section.custom-layout-container.style-22 .employee-quote .image img.graphic-3 {
position: absolute;
right: 25px;
top: -80px
}

section.custom-layout-container.style-22 .employee-quote .image img.main {
display: block;
height: auto;
margin: 0;
position: relative;
width: 100%
}

section.custom-layout-container.style-22 .employee-quote .text {
background-color: #fff;
margin-top: 70px;
max-width: 660px;
padding: 60px 57px 40px 70px;
position: relative
}

section.custom-layout-container.style-22 .employee-quote .text span {
display: block
}

section.custom-layout-container.style-22 .employee-quote .text span.name {
color: #0a192d;
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px
}

section.custom-layout-container.style-22 .employee-quote .text span.title {
color: #0a192d;
font-family: Proxima Nova Bold, sans-serif;
font-size: 16px;
margin-bottom: 25px;
opacity: .6
}

section.custom-layout-container.style-22 .employee-quote .text p {
display: block;
font-size: 15px;
line-height: 1.5;
margin-bottom: 25px
}

section.custom-layout-container.style-22 .employee-quote .text p:last-of-type {
margin-bottom: 0
}

section.custom-layout-container.style-22 .employee-quote .text blockquote {
padding-top: 50px;
position: relative
}

section.custom-layout-container.style-22 .employee-quote .text blockquote p {
font-family: Proxima Nova Bold, sans-serif;
font-size: 16px;
margin-bottom: 0
}

section.custom-layout-container.style-22 .employee-quote .text blockquote span {
color: #000;
display: block;
font-size: 16px;
margin-top: 40px;
opacity: .6
}

section.custom-layout-container.style-22 .employee-quote .text blockquote:before {
color: #02d1a6;
content: "“";
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 286px;
left: -30px;
opacity: .2;
pointer-events: none;
position: absolute;
top: -50px
}

section.custom-layout-container.style-22 .employee-quote:before {
background-color: #02d1a6;
bottom: 0;
content: "";
height: 68px;
position: absolute;
right: 14px;
width: 68px
}

section.custom-layout-container.style-22 .slick-dots {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: center;
list-style: none;
margin: 10px 0 0;
padding: 0
}

section.custom-layout-container.style-22 .slick-dots li {
font-size: 0;
margin: 0 5px
}

section.custom-layout-container.style-22 .slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #0a192d;
border: 0;
border-radius: 100%;
font-size: 0;
height: 10px;
opacity: .5;
-webkit-transition: opacity .3s;
transition: opacity .3s;
width: 10px
}

section.custom-layout-container.style-22 .slick-dots li.slick-active button {
opacity: 1
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-22 {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1200px) {
section.custom-layout-container.style-22 h3 {
font-size: 30px;
margin-left: 320px;
max-width: 300px
}

section.custom-layout-container.style-22 .employee-quote .image {
width: 260px
}

section.custom-layout-container.style-22 .employee-quote .text {
margin-top: 40px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-22 {
padding-left: 45px;
padding-right: 45px
}

section.custom-layout-container.style-22 .carousel-controls {
right: -20px
}

section.custom-layout-container.style-22 .employee-quote .text {
padding: 40px
}
}

@media only screen and (max-width:900px) {
section.custom-layout-container.style-22 h3 {
margin-left: 280px
}

section.custom-layout-container.style-22 .employee-quote .image {
width: 200px
}
}

@media only screen and (max-width:680px) {
section.custom-layout-container.style-22 .employee-quote {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -75px
}

section.custom-layout-container.style-22 .employee-quote .image {
position: relative;
z-index: 1
}

section.custom-layout-container.style-22 .employee-quote .text {
margin-top: -20px
}

section.custom-layout-container.style-22 h3 {
font-size: 24px;
margin-left: 50%;
max-width: 220px;
padding-top: 40px
}

section.custom-layout-container.style-22 .employee-quote {
margin-top: -135px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-22 {
padding: 20px 30px
}

section.custom-layout-container.style-22 h3 {
max-width: 50%;
padding-top: 0;
position: absolute;
right: 0;
top: 0
}

section.custom-layout-container.style-22 .carousel-controls {
right: -15px
}

section.custom-layout-container.style-22 .carousel-outer {
margin-top: 0
}

section.custom-layout-container.style-22 .employee-quote {
margin-top: 0;
padding-top: 0
}

section.custom-layout-container.style-22 .employee-quote .image {
width: 40%
}

section.custom-layout-container.style-22 .employee-quote .image img.graphic-3 {
display: none
}
}

@media only screen and (max-width:400px) {
section.custom-layout-container.style-22 h3 {
font-size: 20px
}

section.custom-layout-container.style-22 .carousel-controls {
display: none
}

section.custom-layout-container.style-22 .employee-quote {
padding-right: 0
}

section.custom-layout-container.style-22 .employee-quote .text {
padding: 35px 20px 20px
}

section.custom-layout-container.style-22 .employee-quote:before {
right: -16px
}
}

section.custom-layout-container.style-23 {
padding: 255px 0 200px 120px;
position: relative
}

section.custom-layout-container.style-23 img.waves {
height: auto;
left: 0;
margin: 0;
max-width: 685px;
pointer-events: none;
position: absolute;
top: 98px;
width: 50%;
z-index: 1
}

section.custom-layout-container.style-23 .inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between
}

section.custom-layout-container.style-23 .left {
margin-left: 80px;
width: 335px
}

section.custom-layout-container.style-23 h3 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
line-height: 1;
margin-bottom: 25px
}

section.custom-layout-container.style-23 p {
font-size: 15px;
line-height: 1.4;
margin-bottom: 30px
}

section.custom-layout-container.style-23 p:last-of-type {
margin-bottom: 0
}

section.custom-layout-container.style-23 .bottom,
section.custom-layout-container.style-23 .top {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

section.custom-layout-container.style-23 .top {
margin-bottom: 10px
}

section.custom-layout-container.style-23 .square {
background-color: #0a192d;
height: 150px;
margin: 0 5px;
position: relative;
width: 170px
}

section.custom-layout-container.style-23 .square svg {
left: 25px;
position: absolute;
top: 15px
}

section.custom-layout-container.style-23 .square span {
bottom: 20px;
color: #fff;
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px;
left: 20px;
line-height: 1;
position: absolute;
right: 20px
}

section.custom-layout-container.style-23 .square.empty {
background: none
}

section.custom-layout-container.style-23 .square:first-of-type {
margin-left: 0
}

section.custom-layout-container.style-23 .square:last-of-type {
margin-right: 0
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-23 {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1200px) {
section.custom-layout-container.style-23 .inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}

section.custom-layout-container.style-23 .left {
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
margin-left: 0;
padding-right: 50px;
width: auto
}

section.custom-layout-container.style-23 .square.empty {
display: none
}

section.custom-layout-container.style-23 .square.empty+.square {
margin-left: 0
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-23 {
padding-left: 45px;
padding-right: 45px;
padding-top: 100px
}

section.custom-layout-container.style-23 img.waves {
bottom: 50px;
top: auto
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-23 {
padding-bottom: 100px
}

section.custom-layout-container.style-23 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-23 h3 {
font-size: 28px;
margin-bottom: 20px
}

section.custom-layout-container.style-23 .left {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin-bottom: 40px
}

section.custom-layout-container.style-23 .square.empty {
display: block
}

section.custom-layout-container.style-23 .square.empty+.square {
margin-left: 5px
}

section.custom-layout-container.style-23 img.waves {
bottom: 140px;
width: 40%
}
}

@media only screen and (max-width:600px) {
section.custom-layout-container.style-23 .inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

section.custom-layout-container.style-23 .square.empty {
display: none
}

section.custom-layout-container.style-23 .square.empty+.square {
margin-left: 0
}

section.custom-layout-container.style-23 img.waves {
display: none
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-23 {
padding: 20px 30px 50px
}
}

@media only screen and (max-width:460px) {
section.custom-layout-container.style-23 .square {
height: 130px;
width: 130px
}

section.custom-layout-container.style-23 .square svg {
left: 15px;
-webkit-transform: scale(.8);
transform: scale(.8);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}

section.custom-layout-container.style-23 .square span {
bottom: 15px;
font-size: 16px;
left: 15px
}
}

section.custom-layout-container.style-24 {
padding: 0 0 75px 120px;
position: relative
}

section.custom-layout-container.style-24 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-24 h2 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
line-height: 1;
margin-bottom: 55px;
text-align: center
}

section.custom-layout-container.style-24 p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 55px;
text-align: center
}

section.custom-layout-container.style-24 form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 400px
}

section.custom-layout-container.style-24 form .form-row {
display: block;
margin-bottom: 30px;
width: 100%
}

section.custom-layout-container.style-24 form .form-input {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-24 form .form-input label {
color: #0a192d;
display: block;
font-family: Proxima Nova Bold, sans-serif;
font-size: 10px;
opacity: .5;
padding-bottom: 5px;
text-transform: uppercase
}

section.custom-layout-container.style-24 form .form-input input,
section.custom-layout-container.style-24 form .form-input textarea {
background: transparent;
border: 0;
border-bottom: 1px solid #0a192d;
color: #0a192d;
font-family: Proxima Nova Bold, sans-serif;
font-size: 15px;
padding: 15px 0
}

section.custom-layout-container.style-24 form .form-input input.placeholder,
section.custom-layout-container.style-24 form .form-input textarea.placeholder {
color: #0a192d
}

section.custom-layout-container.style-24 form .form-input input:-moz-placeholder,
section.custom-layout-container.style-24 form .form-input input::-moz-placeholder,
section.custom-layout-container.style-24 form .form-input textarea:-moz-placeholder,
section.custom-layout-container.style-24 form .form-input textarea::-moz-placeholder {
color: #0a192d
}

section.custom-layout-container.style-24 form .form-input input::-webkit-input-placeholder,
section.custom-layout-container.style-24 form .form-input textarea::-webkit-input-placeholder {
color: #0a192d
}

section.custom-layout-container.style-24 form .form-input .select-container {
border-bottom: 1px solid #0a192d;
display: block;
position: relative;
width: 100%
}

section.custom-layout-container.style-24 form .form-input .select-container select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
color: #0a192d;
font-family: Proxima Nova Bold, sans-serif;
font-size: 15px;
height: 100%;
padding: 15px 0;
width: 100%
}

section.custom-layout-container.style-24 form .form-input .select-container:after {
border-right: 1px solid #0a192d;
border-top: 1px solid #0a192d;
content: "";
height: 5px;
margin-top: -8px;
pointer-events: none;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
width: 5px
}

section.custom-layout-container.style-24 form button {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
margin-top: 20px;
padding: 0 20px;
width: 145px
}

section.custom-layout-container.style-24 form button:hover {
background-color: #333;
border-color: #333;
color: #fff
}

section.custom-layout-container.style-24 form button:hover svg.arrow .cls-1 {
fill: #fff
}

section.custom-layout-container.style-24 form .error,
section.custom-layout-container.style-24 form .success {
display: none
}

section.custom-layout-container.style-24 form .error p,
section.custom-layout-container.style-24 form .success p {
font-size: 15px;
line-height: 1.4;
text-align: left
}

section.custom-layout-container.style-24 form.error .error,
section.custom-layout-container.style-24 form.success .success {
display: block
}

section.custom-layout-container.style-24:after {
background-color: #d5d5d5;
bottom: 0;
content: "";
height: 1px;
left: 50%;
margin-left: -58px;
pointer-events: none;
position: absolute;
width: 116px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-24 {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-24 {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-24 h2 {
font-size: 28px;
margin-bottom: 40px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-24 {
padding: 20px 30px 40px
}

section.custom-layout-container.style-24 h2 {
font-size: 24px;
margin-bottom: 30px
}

section.custom-layout-container.style-24 p {
font-size: 15px;
margin-bottom: 30px
}

section.custom-layout-container.style-24 form {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
}

section.custom-layout-container.style-25 {
padding: 75px 0 130px 120px
}

section.custom-layout-container.style-25 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-25 h3 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 26px;
line-height: 1;
margin-bottom: 30px;
text-align: center
}

section.custom-layout-container.style-25 p {
font-size: 15px;
line-height: 1.5;
margin-bottom: 30px;
text-align: center
}

section.custom-layout-container.style-25 .social-links {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

section.custom-layout-container.style-25 .social-links a {
margin: 0 10px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-25 {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-25 {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-25 {
padding-bottom: 80px;
padding-top: 80px
}

section.custom-layout-container.style-25 h3 {
font-size: 22px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-25 {
padding: 40px 30px 30px
}

section.custom-layout-container.style-25 h3 {
font-size: 20px
}
}

section.custom-layout-container.style-26 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 0 75px 120px;
background-color: #f3f3f3;
}

section.custom-layout-container.style-26 h2 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
line-height: 1;
margin-bottom: 55px;
text-align: center
}

section.custom-layout-container.style-26 a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
color: #0a192d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
height: 80px;
margin-bottom: 5px;
padding: 0 60px 0 30px;
position: relative
}

section.custom-layout-container.style-26 a span {
font-family: Proxima Nova Bold, sans-serif;
font-size: 18px;
line-height: 1.4;
-webkit-transition: opacity .2s;
transition: opacity .2s
}

section.custom-layout-container.style-26 a span.title {
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0
}

section.custom-layout-container.style-26 a span.hours,
section.custom-layout-container.style-26 a span.location {
width: 24%
}

section.custom-layout-container.style-26 a span.arrow {
height: 18px;
margin-top: -9px;
position: absolute;
right: 30px;
top: 50%;
width: 18px
}

section.custom-layout-container.style-26 a svg {
height: 18px;
-webkit-transition: opacity .2s;
transition: opacity .2s;
width: 18px
}

section.custom-layout-container.style-26 a svg .cls-1 {
fill: #0a192d
}

section.custom-layout-container.style-26 a:hover span,
section.custom-layout-container.style-26 a:hover svg {
opacity: .7
}

section.custom-layout-container.style-26 a:last-of-type {
margin-bottom: 0
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-26 {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-26 {
padding-left: 45px;
padding-right: 45px
}

section.custom-layout-container.style-26 h2 {
font-size: 28px;
margin-bottom: 30px
}

section.custom-layout-container.style-26 a {
height: 60px;
padding: 0 40px 0 20px
}

section.custom-layout-container.style-26 a span {
font-size: 16px
}

section.custom-layout-container.style-26 a span.hours,
section.custom-layout-container.style-26 a span.location {
width: 160px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-26 h2 {
font-size: 24px
}

section.custom-layout-container.style-26 a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
padding: 20px 40px 20px 20px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-26 {
padding: 20px 30px
}
}

section.custom-layout-container.style-27 {
padding: 100px 0 20px 120px
}

section.custom-layout-container.style-27 .inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between
}

section.custom-layout-container.style-27 .left {
max-width: 470px
}

section.custom-layout-container.style-27 .right {
max-width: 410px
}

section.custom-layout-container.style-27 .isos {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between
}

section.custom-layout-container.style-27 .isos,
section.custom-layout-container.style-27 .isos .iso {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

section.custom-layout-container.style-27 .isos .iso {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
width: 33%
}

section.custom-layout-container.style-27 .isos .iso img {
margin-right: 8px
}

section.custom-layout-container.style-27 .isos .iso img.iso-1 {
width: 45px
}

section.custom-layout-container.style-27 .isos .iso img.iso-2 {
width: 42px
}

section.custom-layout-container.style-27 .isos .iso span {
font-family: Proxima Nova Bold, sans-serif;
font-size: 17px
}

section.custom-layout-container.style-27 h2 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-27 {
padding-left: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-27 {
padding: 50px 45px 60px
}

section.custom-layout-container.style-27 .inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

section.custom-layout-container.style-27 .left {
max-width: 340px
}

section.custom-layout-container.style-27 h2 {
font-size: 26px
}
}

@media only screen and (max-width:900px) {
section.custom-layout-container.style-27 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-27 .left {
margin-bottom: 50px
}

section.custom-layout-container.style-27 .right {
max-width: none;
width: 100%
}
}

@media only screen and (max-width:600px) {
section.custom-layout-container.style-27 .left {
margin-bottom: 30px;
width: 100%
}

section.custom-layout-container.style-27 h2 {
font-size: 22px;
line-height: 1.4
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-27 {
padding: 20px 30px
}

section.custom-layout-container.style-27 h2 {
font-size: 20px
}

section.custom-layout-container.style-27 .isos .iso {
width: 50%
}
}

section.custom-layout-container.style-28 {
padding: 0 0 125px
}

section.custom-layout-container.style-28 .inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
max-width: 1260px
}

section.custom-layout-container.style-28 .image {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
width: 480px
}

section.custom-layout-container.style-28 .image img.graphic {
bottom: 20%;
left: 0;
pointer-events: none;
position: absolute;
width: 55%;
z-index: 1
}

section.custom-layout-container.style-28 .image img.graphic-2 {
bottom: -100px;
left: 30%;
pointer-events: none;
position: absolute;
z-index: 1
}

section.custom-layout-container.style-28 .image img.main {
display: block;
position: relative;
width: 100%
}

section.custom-layout-container.style-28 .image:before {
background-color: #02d1a6;
bottom: -10px;
content: "";
height: 70px;
position: absolute;
right: -10px;
width: 70px
}

section.custom-layout-container.style-28 .text {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: end;
-ms-flex-pack: end;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: flex-end;
max-width: 600px;
padding-top: 70px
}

section.custom-layout-container.style-28 .text .column {
padding: 0 40px;
width: 50%
}

section.custom-layout-container.style-28 .text .column p {
color: #0a192d;
font-size: 15px;
line-height: 1.6;
margin-bottom: 30px
}

section.custom-layout-container.style-28 .text .column p a {
color: #0a192d;
text-decoration: underline;
-webkit-transition: color .2s;
transition: color .2s
}

section.custom-layout-container.style-28 .text .column p a:hover {
color: #010203
}

section.custom-layout-container.style-28 .text .column p:last-of-type {
margin-bottom: 0
}

section.custom-layout-container.style-28 .text .column:first-of-type {
padding-left: 0
}

section.custom-layout-container.style-28 .text .column:last-of-type {
padding-right: 0
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-28 {
padding-left: 100px;
padding-right: 100px
}

section.custom-layout-container.style-28 .image {
margin-right: 50px;
width: 40%
}

section.custom-layout-container.style-28 .text {
max-width: none
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-28 {
padding-left: 45px;
padding-right: 45px
}

section.custom-layout-container.style-28 .image {
width: 30%
}

section.custom-layout-container.style-28 .text {
padding-top: 20px
}

section.custom-layout-container.style-28 .text .column {
padding: 0 20px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-28 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-28 .image {
height: 300px;
margin-bottom: 30px;
margin-right: 0;
width: 100%
}

section.custom-layout-container.style-28 .image img.graphic-2 {
display: none
}

section.custom-layout-container.style-28 .image img.main {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-28 {
padding: 20px 30px 50px
}

section.custom-layout-container.style-28 .image {
height: 260px
}

section.custom-layout-container.style-28 .text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-28 .text .column {
margin-bottom: 30px;
padding: 0;
width: 100%
}

section.custom-layout-container.style-28 .text .column:last-of-type {
margin-bottom: 0
}
}

@media only screen and (max-width:440px) {
section.custom-layout-container.style-28 .image {
height: 220px
}
}

@media only screen and (max-width:375px) {
section.custom-layout-container.style-28 .image {
height: 180px
}
}

section.custom-layout-container.style-29 {
padding: 0 0 0 120px
}

section.custom-layout-container.style-29 .title {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: center;
margin-bottom: 75px
}

section.custom-layout-container.style-29 .title h2 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
line-height: 1;
margin: 0 auto;
max-width: 480px
}

section.custom-layout-container.style-29 .sectors {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-29 .sector {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 135px;
position: relative
}

section.custom-layout-container.style-29 .sector img.graphic-1 {
left: -120px;
pointer-events: none;
position: absolute;
top: -5%;
width: 35%;
z-index: 1
}

section.custom-layout-container.style-29 .sector img.graphic-2 {
bottom: -100px;
left: -2%;
pointer-events: none;
position: absolute;
z-index: 1
}

section.custom-layout-container.style-29 .sector img.graphic-3 {
left: -120px;
pointer-events: none;
position: absolute;
top: 20%;
z-index: 1
}

section.custom-layout-container.style-29 .sector img.graphic-4 {
pointer-events: none;
position: absolute;
right: -120px;
top: 12%;
z-index: 1
}

section.custom-layout-container.style-29 .sector img.graphic-5 {
bottom: -40px;
left: -120px;
pointer-events: none;
position: absolute;
z-index: 1
}

section.custom-layout-container.style-29 .sector img.graphic-6 {
left: 0;
pointer-events: none;
position: absolute;
top: -80px;
z-index: 1
}

section.custom-layout-container.style-29 .sector img.graphic-7 {
pointer-events: none;
position: absolute;
right: -120px;
top: 6%;
z-index: 1
}

section.custom-layout-container.style-29 .sector img.graphic-8 {
left: -200px;
pointer-events: none;
position: absolute;
top: -80px;
z-index: 1
}

section.custom-layout-container.style-29 .sector img.graphic-9 {
pointer-events: none;
position: absolute;
right: -120px;
top: -15px;
z-index: 1
}

section.custom-layout-container.style-29 .sector .image {
margin-right: 60px;
position: relative;
width: 420px
}

section.custom-layout-container.style-29 .sector .image img {
display: block;
height: auto;
width: 100%
}

section.custom-layout-container.style-29 .sector .image a.button {
border: 0;
bottom: -26px;
font-size: 15px;
height: 58px;
overflow: visible;
padding: 0 20px;
position: absolute;
right: 0;
text-transform: none
}

section.custom-layout-container.style-29 .sector .image a.button span {
margin-right: 25px
}

section.custom-layout-container.style-29 .sector .image a.button svg {
height: 13px;
margin-left: 0;
width: auto
}

section.custom-layout-container.style-29 .sector .image a.button:hover {
background-color: #133057;
border-color: #133057;
color: #fff
}

section.custom-layout-container.style-29 .sector .image a.button:hover svg.arrow .cls-1 {
fill: #fff
}

section.custom-layout-container.style-29 .sector .image a.button:hover:before {
left: -4px;
top: -4px
}

section.custom-layout-container.style-29 .sector .image a.button:hover:after {
background-color: #133057
}

section.custom-layout-container.style-29 .sector .image a.button:before {
background-color: #02d1a6;
content: "";
height: 38px;
left: -6px;
position: absolute;
top: -6px;
-webkit-transition: top .3s, left .3s;
transition: top .3s, left .3s;
width: 38px
}

section.custom-layout-container.style-29 .sector .image a.button:after {
background-color: #0a192d;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color .3s;
transition: background-color .3s
}

section.custom-layout-container.style-29 .sector .text h3 {
color: #000;
font-family: Proxima Nova Bold, sans-serif;
font-size: 24px;
line-height: 1;
margin-bottom: 30px
}

section.custom-layout-container.style-29 .sector .text ul {
list-style: none;
margin: 0;
padding: 0
}

section.custom-layout-container.style-29 .sector .text ul li {
color: #0a192d;
display: block;
font-size: 15px;
line-height: 1.4;
margin-bottom: 6px
}

section.custom-layout-container.style-29 .sector .text ul li:last-of-type {
margin-bottom: 0
}

section.custom-layout-container.style-29 .sector:nth-of-type(2n) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}

section.custom-layout-container.style-29 .sector:nth-of-type(2n) .image {
margin-left: 60px;
margin-right: 0
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-29 {
padding-left: 100px;
padding-right: 100px
}

section.custom-layout-container.style-29 img.graphic-1,
section.custom-layout-container.style-29 img.graphic-3 {
left: -100px
}

section.custom-layout-container.style-29 img.graphic-4 {
right: -100px
}

section.custom-layout-container.style-29 img.graphic-5 {
left: -100px
}

section.custom-layout-container.style-29 img.graphic-7 {
right: -100px
}

section.custom-layout-container.style-29 img.graphic-8 {
left: -100px
}

section.custom-layout-container.style-29 img.graphic-9 {
right: -100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-29 {
padding-left: 45px;
padding-right: 45px
}

section.custom-layout-container.style-29 .sector img.graphic-1,
section.custom-layout-container.style-29 .sector img.graphic-3 {
left: -45px
}

section.custom-layout-container.style-29 .sector img.graphic-4 {
right: -45px
}

section.custom-layout-container.style-29 .sector img.graphic-5 {
left: -45px
}

section.custom-layout-container.style-29 .sector img.graphic-7 {
right: -45px
}

section.custom-layout-container.style-29 .sector img.graphic-8 {
left: -45px
}

section.custom-layout-container.style-29 .sector img.graphic-9 {
right: -45px
}
}

@media only screen and (max-width:900px) {
section.custom-layout-container.style-29 .title h2 {
font-size: 28px;
line-height: 1.4
}

section.custom-layout-container.style-29 .sector img.graphic-3,
section.custom-layout-container.style-29 .sector img.graphic-7,
section.custom-layout-container.style-29 .sector img.graphic-8 {
display: none
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-29 .title h2 {
font-size: 24px
}

section.custom-layout-container.style-29 .sector {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 80px
}

section.custom-layout-container.style-29 .sector .image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
height: 260px;
margin-bottom: 30px;
margin-right: 0;
order: 1;
width: 100%
}

section.custom-layout-container.style-29 .sector .image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%
}

section.custom-layout-container.style-29 .sector div.text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%
}

section.custom-layout-container.style-29 .sector img.graphic-1 {
top: 10%;
width: 80%
}

section.custom-layout-container.style-29 .sector img.graphic-2 {
bottom: -140px;
left: -30px
}

section.custom-layout-container.style-29 .sector img.graphic-4 {
top: -5%
}

section.custom-layout-container.style-29 .sector img.graphic-5 {
display: none
}

section.custom-layout-container.style-29 .sector img.graphic-6 {
top: -15%
}

section.custom-layout-container.style-29 .sector img.graphic-9 {
top: -10%
}
}

@media only screen and (max-width:600px) {
section.custom-layout-container.style-29 .title {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 50px
}

section.custom-layout-container.style-29 .title h2 {
font-size: 22px
}

section.custom-layout-container.style-29 .sector .image {
height: 220px
}

section.custom-layout-container.style-29 .sector div.text h3 {
font-size: 20px;
margin-bottom: 20px
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-29 {
padding: 20px 30px
}

section.custom-layout-container.style-29 .sector {
margin-bottom: 50px
}

section.custom-layout-container.style-29 .sector .image {
height: 200px
}
}

@media only screen and (max-width:440px) {
section.custom-layout-container.style-29 .title {
margin-bottom: 30px
}

section.custom-layout-container.style-29 .title h2 {
font-size: 20px
}

section.custom-layout-container.style-29 .sector .image {
height: 180px;
margin-bottom: 40px
}

section.custom-layout-container.style-29 .sector div.text h3 {
font-size: 18px
}

section.custom-layout-container.style-29 .sector img.graphic-1,
section.custom-layout-container.style-29 .sector img.graphic-4,
section.custom-layout-container.style-29 .sector img.graphic-9 {
width: 90%
}
}

section.custom-layout-container.style-30 {
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-ms-flex-pack: center;
background-color: #222;
background-image: url(../img/standards/background%402x.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
-ms-flex-direction: column;
flex-direction: column;
height: 315px;
justify-content: center;
padding: 0 0 0 120px
}

section.custom-layout-container.style-30,
section.custom-layout-container.style-30 .inner {
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-30 .inner {
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between
}

section.custom-layout-container.style-30 .text {
max-width: 440px
}

section.custom-layout-container.style-30 .text h2 {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 45px;
line-height: 1;
margin-bottom: 30px;
}

section.custom-layout-container.style-30 .text p {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 1.6;
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-30 {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-30 {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:900px) {
section.custom-layout-container.style-30 {
height: auto;
padding-bottom: 50px;
padding-top: 50px
}

section.custom-layout-container.style-30 div.text {
width: 60%
}

section.custom-layout-container.style-30 div.text h2 {
font-size: 36px;
margin-bottom: 20px
}

section.custom-layout-container.style-30 div.text p {
font-size: 16px
}

section.custom-layout-container.style-30 .button {
-ms-flex-negative: 0;
flex-shrink: 0
}
}

@media only screen and (max-width:520px) {
section.custom-layout-container.style-30 {
padding: 40px 30px
}

section.custom-layout-container.style-30 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center
}

section.custom-layout-container.style-30 div.text {
margin-bottom: 30px;
width: 100%
}

section.custom-layout-container.style-30 div.text h2 {
font-size: 28px
}
}

@media only screen and (max-width:375px) {
section.custom-layout-container.style-30 div.text p {
font-size: 15px
}
}

section.custom-layout-container.style-31 {
display: block;
padding: 0 0 40px 120px
}

section.custom-layout-container.style-31 img {
display: block;
height: auto;
margin: 0;
max-width: 1400px;
width: 100%
}

section.custom-layout-container.style-31 img.mobile {
display: none
}

@media only screen and (max-width:1400px) {
section.custom-layout-container.style-31 {
padding-left: 100px
}
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-31 {
padding-left: 45px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-31 {
background-color: #0a192c;
padding: 15px
}

section.custom-layout-container.style-31 img {
display: none
}

section.custom-layout-container.style-31 img.mobile {
display: block
}
}

section.custom-layout-container.style-32 {
background-color: #0a192d;
color: #fff;
padding-bottom: 160px
}

section.custom-layout-container.style-32 h2 {
color: #fff;
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
margin-bottom: 0
}

section.custom-layout-container.style-32 p {
color: hsla(0, 0%, 100%, .6)
}

section.custom-layout-container.style-32 p a {
color: #fff;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}

section.custom-layout-container.style-32 p a:hover {
color: hsla(0, 0%, 100%, .4)
}

section.custom-layout-container.style-32 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-32 .left-container {
width: 49%
}

section.custom-layout-container.style-32 .right-container {
padding: 72px 140px 0 12%;
position: relative;
width: 51%;
z-index: 4
}

section.custom-layout-container.style-32 .right-container .links {
margin-top: 40px
}

@media only screen and (max-width:1024px) {
section.custom-layout-container.style-32 {
padding-bottom: 120px
}

section.custom-layout-container.style-32 .right-container {
padding-left: 6%;
padding-right: 40px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-32 {
padding-bottom: 100px
}

section.custom-layout-container.style-32 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-32 .left-container {
width: 100%
}

section.custom-layout-container.style-32 .right-container {
padding: 30px 30px 0;
width: 100%
}
}

section.custom-layout-container.style-33 {
background-color: #fff;
padding-bottom: 70px;
padding-top: 150px;
position: relative
}

section.custom-layout-container.style-33 h3 img {
width: 172px
}

section.custom-layout-container.style-33 .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.custom-layout-container.style-33 .left-container {
padding-right: 19%;
width: 51%
}

section.custom-layout-container.style-33 .right-container {
width: 49%
}

@media only screen and (min-width:1680px) {
section.custom-layout-container.style-33:before {
background: #fff;
background: -webkit-gradient(linear, left top, right top, color-stop(60%, #fff), color-stop(90%, hsla(0, 0%, 100%, 0)));
background: linear-gradient(90deg, #fff 60%, hsla(0, 0%, 100%, 0) 90%);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 20%;
z-index: 3
}
}

@media only screen and (max-width:1220px) {
section.custom-layout-container.style-33 {
padding-bottom: 60px;
padding-top: 120px
}

section.custom-layout-container.style-33 .left-container {
padding-left: 30px
}
}

@media only screen and (max-width:767px) {
section.custom-layout-container.style-33 {
padding-top: 60px
}

section.custom-layout-container.style-33 .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.custom-layout-container.style-33 .left-container {
margin-bottom: 40px;
padding-right: 30px;
width: 100%
}

section.custom-layout-container.style-33 .right-container {
width: 100%
}
}

section.quote-container {
padding: 70px 0 70px 120px
}

section.quote-container .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.quote-container .quote {
margin: 0 auto;
max-width: 100%;
width: 740px
}

section.quote-container .button {
margin: 100px auto 0
}

@media only screen and (max-width:1400px) {
section.quote-container {
padding-left: 100px;
padding-right: 100px
}

section.quote-container .quote {
width: 600px
}
}

@media only screen and (max-width:1024px) {
section.quote-container {
padding: 45px
}

section.quote-container .button {
margin-top: 45px
}
}

@media only screen and (max-width:520px) {
section.quote-container {
padding: 30px
}

section.quote-container .button {
margin-top: 30px
}
}

section.content-columns-container {
padding: 100px 0 60px 120px
}

section.content-columns-container:before {
background-color: rgba(0, 0, 0, .2);
content: "";
height: 1px;
left: 120px;
max-width: 1180px;
position: absolute;
right: 0;
top: 0
}

section.content-columns-container .heading-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
margin-bottom: 65px
}

section.content-columns-container .heading-container .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px
}

section.content-columns-container .content-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.content-columns-container .content-columns .content-column {
color: #000;
padding-right: 4%;
width: 25%
}

section.content-columns-container .content-columns .content-column .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 24px;
margin-bottom: 24px
}

section.content-columns-container .content-columns .content-column p {
font-size: 14px;
line-height: 1.4em;
margin-bottom: 24px
}

section.content-columns-container .content-columns .content-column ul {
list-style-type: disc
}

section.content-columns-container .content-columns .content-column ul li {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 5px
}

@media only screen and (max-width:1400px) {
section.content-columns-container {
padding-left: 100px;
padding-right: 100px
}

section.content-columns-container:before {
left: 100px
}

section.content-columns-container .heading-container {
margin-bottom: 55px
}

section.content-columns-container .heading-container .heading {
font-size: 28px
}

section.content-columns-container .heading-container .button {
height: 60px;
padding: 0 22px
}

section.content-columns-container .heading-container .button svg.arrow {
margin-left: 40px
}
}

@media only screen and (max-width:1024px) {
section.content-columns-container {
padding: 45px
}

section.content-columns-container:before {
left: 45px
}

section.content-columns-container .heading-container .button svg.document {
display: none
}

section.content-columns-container .heading-container .button .text {
margin-left: 0
}
}

@media only screen and (max-width:1023px) {
section.content-columns-container .content-columns {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

section.content-columns-container .content-columns .content-column {
margin-bottom: 40px;
padding-right: 10%;
width: 50%
}

section.content-columns-container .heading-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column
}

section.content-columns-container .heading-container .heading {
margin-bottom: 45px
}
}

@media only screen and (max-width:767px) {
section.content-columns-container .heading-container .heading {
margin-bottom: 20px
}

section.content-columns-container .heading-container .button {
height: 54px
}

section.content-columns-container .heading-container .button .desktop {
display: none
}
}

@media only screen and (max-width:520px) {
section.content-columns-container {
padding: 30px
}

section.content-columns-container:before {
display: none
}

section.content-columns-container .content-columns {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

section.content-columns-container .content-columns .content-column {
margin-bottom: 20px;
padding-right: 20%;
width: 100%
}

section.content-columns-container .content-columns .content-column .heading {
margin-bottom: 14px
}

section.content-columns-container .content-columns .content-column .heading br {
display: none
}

section.content-columns-container .content-columns .content-column p {
margin-bottom: 14px
}
}

section.preview-links-container {
padding: 50px 0 100px 120px
}

section.preview-links-container .inner .block-container {
margin: 0 auto;
max-width: 100%;
width: 1000px
}

section.preview-links-container .inner .block-container .block {
width: 50%
}

@media only screen and (max-width:1400px) {
section.preview-links-container {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1024px) {
section.preview-links-container {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:520px) {
section.preview-links-container {
padding: 30px 30px 20px
}

section.preview-links-container .inner .block-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0
}

section.preview-links-container .inner .block-container .block {
margin-bottom: 50px;
padding: 0;
width: 100%
}
}

section.preview-links-with-text-container {
padding: 102px 0 54px 180px
}

section.preview-links-with-text-container .block {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}

section.preview-links-with-text-container .block:nth-of-type(2n+2) {
margin-top: -80px
}

section.preview-links-with-text-container .preview-link-with-text {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 120px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link {
height: 200px;
width: 200px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: -28px;
-ms-flex-direction: row;
flex-direction: row;
height: 58px;
max-width: 80%;
width: auto
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text .heading {
font-size: 12px;
text-transform: uppercase
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text .background-square {
height: 40px;
width: 40px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text svg.arrow {
height: 14px;
margin-left: 15px;
margin-top: 0;
width: 14px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text svg.arrow path {
fill: #fff
}

section.preview-links-with-text-container .preview-link-with-text>.text {
bottom: -10px;
color: #000;
font-size: 18px;
line-height: 1.6em;
padding-left: 36px;
position: relative;
width: 200px
}

section.preview-links-with-text-container .preview-link-with-text:last-of-type {
margin-bottom: 0
}

section.preview-links-with-text-container .inner {
max-width: 920px
}

@media only screen and (max-width:1400px) {
section.preview-links-with-text-container {
padding-left: 100px;
padding-right: 20px
}

section.preview-links-with-text-container .block {
width: 50%
}

section.preview-links-with-text-container .preview-link-with-text .preview-link {
height: auto;
width: 50%
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile {
height: 0;
padding-top: 100%
}

section.preview-links-with-text-container .preview-link-with-text>.text {
width: 50%
}
}

@media only screen and (max-width:1024px) {
section.preview-links-with-text-container {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:1023px) {
section.preview-links-with-text-container .preview-link-with-text>.text {
font-size: 16px
}
}

@media only screen and (max-width:900px) {
section.preview-links-with-text-container {
padding-bottom: 30px;
padding-top: 30px
}

section.preview-links-with-text-container .preview-link-with-text {
margin-bottom: 80px
}

section.preview-links-with-text-container .block-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0
}

section.preview-links-with-text-container .block-container .block {
margin-bottom: 80px;
padding: 0;
width: 100%
}

section.preview-links-with-text-container .block-container .block:nth-of-type(2n+2) {
margin-top: 0
}
}

@media only screen and (max-width:520px) {
section.preview-links-with-text-container {
padding: 20px 30px
}

section.preview-links-with-text-container .preview-link-with-text>.text {
font-size: 14px;
padding-left: 20px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text {
bottom: -24px;
height: 48px;
max-width: 90%;
padding-left: 12px;
padding-right: 12px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text .heading {
font-size: 11px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text .background-square {
height: 29px;
left: -5px;
top: -5px;
width: 29px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text svg.arrow {
height: 12px;
margin-left: 10px;
width: 12px
}
}

@media only screen and (max-width:374px) {
section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text .heading {
font-size: 10px
}

section.preview-links-with-text-container .preview-link-with-text .preview-link>.tile .tile.text svg.arrow {
display: none
}
}

section.preview-links-carousel-container {
padding-bottom: 94px;
padding-left: 220px;
padding-top: 94px
}

section.preview-links-carousel-container svg.waves {
left: 0;
position: absolute;
top: 40%;
width: 34%;
z-index: 5
}

section.preview-links-carousel-container .inner {
max-width: 1040px
}

section.preview-links-carousel-container .heading-container {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
padding: 30px 30px 30px 18px
}

section.preview-links-carousel-container .heading-container .heading {
font-size: 34px
}

section.preview-links-carousel-container .heading-container .mobile,
section.preview-links-carousel-container .heading-container .tablet {
display: none
}

section.preview-links-carousel-container .heading-container svg.arrow {
height: 18px;
width: 18px
}

section.preview-links-carousel-container .heading-container svg.arrow path {
fill: #000
}

section.preview-links-carousel-container .tiles-container .slick-track {
margin-right: 0;
padding-bottom: 38px
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile {
height: 320px
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile .tile.text {
max-width: 80%
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile .tile.text .heading {
font-size: 20px
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile .tile.text .background-square {
-webkit-transform: none;
transform: none
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile .background {
opacity: 1
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link+.tiles.preview-link>.tile {
border-left: 1px solid #f3f3f3
}

section.preview-links-carousel-container.centre .heading-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

@media only screen and (max-width:1400px) {
section.preview-links-carousel-container {
padding-left: 100px
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile .tile.text {
padding: 5px 16px
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile .tile.text .heading {
font-size: 17px
}
}

@media only screen and (max-width:1024px) {
section.preview-links-carousel-container {
padding-bottom: 60px;
padding-left: 45px;
padding-top: 60px
}

section.preview-links-carousel-container .heading-container .tablet {
display: block
}
}

@media only screen and (max-width:520px) {
section.preview-links-carousel-container {
padding-bottom: 30px;
padding-left: 30px;
padding-top: 30px
}

section.preview-links-carousel-container svg.waves {
width: 60%
}

section.preview-links-carousel-container .heading-container {
padding: 26px 26px 26px 0
}

section.preview-links-carousel-container .heading-container .heading {
font-size: 28px;
margin: 0 20px 0 0
}

section.preview-links-carousel-container .heading-container .heading br {
display: none
}

section.preview-links-carousel-container .heading-container .mobile {
display: block
}

section.preview-links-carousel-container .heading-container svg.arrow {
height: 16px;
width: 16px
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile {
height: auto;
padding-top: 90%
}

section.preview-links-carousel-container .tiles-container .tiles.preview-link>.tile .tile.text .heading {
font-size: 14px
}
}

@media only screen and (max-width:374px) {
section.preview-links-carousel-container .heading-container {
padding: 20px 10px 20px 0
}

section.preview-links-carousel-container .heading-container .heading {
margin: 0 10px 0 0
}
}

section.images-container {
padding: 60px 0 80px 120px
}

section.images-container .inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}

section.images-container .images-container {
height: 120px;
width: 100%
}

section.images-container .images-container img {
margin-right: 60px
}

section.images-container .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px;
margin-right: 50px
}

@media only screen and (max-width:1400px) {
section.images-container {
padding-left: 100px
}
}

@media only screen and (max-width:1024px) {
section.images-container {
padding: 45px
}

section.images-container .images-container {
-ms-flex-pack: distribute;
justify-content: space-around
}

section.images-container .images-container img {
margin: 0 20px 20px
}
}

@media only screen and (max-width:520px) {
section.images-container {
padding: 30px
}

section.images-container .images-container {
-ms-flex-pack: distribute;
height: 140px;
justify-content: space-around
}

section.images-container .images-container img {
margin: 0 20px 20px
}
}

section.accordion-container {
padding: 36px 70px 36px 120px
}

section.accordion-container .inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1020px
}

section.accordion-container .text-container {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
padding-right: 100px;
width: 345px
}

section.accordion-container .text-container .heading {
font-size: 45px
}

@media only screen and (max-width:1400px) {
section.accordion-container {
padding-left: 100px;
padding-right: 45px
}

section.accordion-container .text-container {
margin-bottom: 40px;
padding-right: 0
}

section.accordion-container .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column
}
}

@media only screen and (max-width:1024px) {
section.accordion-container {
padding-left: 45px
}

section.accordion-container .text-container .heading {
font-size: 40px
}
}

@media only screen and (max-width:520px) {
section.accordion-container {
padding-left: 30px;
padding-right: 30px
}

section.accordion-container .text-container .heading {
font-size: 36px
}
}

section.staff-list-container {
padding-left: 120px
}

section.staff-list-container .inner {
max-width: 1020px
}

section.staff-list-container .staff-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

section.staff-list-container .staff-list .staff-member {
margin-bottom: 52px;
margin-right: 44px;
position: relative;
width: calc(33.33333% - 30px)
}

section.staff-list-container .staff-list .staff-member img {
height: 81%;
margin-bottom: 10px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%
}

section.staff-list-container .staff-list .staff-member .name {
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px;
margin-bottom: 10px
}

section.staff-list-container .staff-list .staff-member .title {
font-family: Proxima Nova Bold, sans-serif;
font-size: 18px;
opacity: .7
}

section.staff-list-container .staff-list .text-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
-ms-flex-item-align: center;
align-items: flex-start;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
margin-bottom: 52px;
margin-right: 44px;
padding-bottom: 72px;
width: calc(33.33333% - 30px)
}

section.staff-list-container .staff-list .text-container p {
font-family: Proxima Nova Bold, sans-serif;
font-size: 30px
}

section.staff-list-container .staff-list .text-container p+* {
margin-top: 42px
}

section.staff-list-container .staff-list>:nth-of-type(3n+3) {
margin-right: 0
}

@media only screen and (max-width:1400px) {
section.staff-list-container {
padding-left: 100px;
padding-right: 100px
}

section.staff-list-container .staff-list .text-container {
padding-bottom: 0
}

section.staff-list-container .staff-list .text-container p {
font-size: 28px
}

section.staff-list-container .staff-list .text-container p+* {
margin-top: 20px
}
}

@media only screen and (max-width:1024px) {
section.staff-list-container {
padding: 45px
}
}

@media only screen and (max-width:1023px) {
section.staff-list-container .staff-list {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}

section.staff-list-container .staff-list .staff-member .name {
font-size: 18px
}

section.staff-list-container .staff-list .staff-member .title {
font-size: 16px
}

section.staff-list-container .staff-list .text-container p {
font-size: 22px
}
}

@media only screen and (max-width:767px) {
section.staff-list-container .staff-list .staff-member {
margin-bottom: 34px;
margin-right: 30px;
width: calc(50% - 15px)
}

section.staff-list-container .staff-list .staff-member .name {
margin-bottom: 4px
}

section.staff-list-container .staff-list .text-container {
width: calc(50% - 15px)
}

section.staff-list-container .staff-list>:nth-of-type(3n+3) {
margin-right: 30px
}

section.staff-list-container .staff-list>:nth-of-type(2n+2) {
margin-right: 0
}
}

@media only screen and (max-width:520px) {
section.staff-list-container {
padding: 30px
}

section.staff-list-container .staff-list .staff-member {
margin-bottom: 24px;
margin-right: 20px;
width: calc(50% - 10px)
}

section.staff-list-container .staff-list .text-container {
margin: 0 0 19%;
width: calc(50% - 10px)
}

section.staff-list-container .staff-list .text-container p {
display: none
}

section.staff-list-container .staff-list .text-container .button.large {
font-size: 13px;
height: 50px;
margin: 0;
padding: 0 18px
}

section.staff-list-container .staff-list>:nth-of-type(3n+3) {
margin-right: 20px
}

section.staff-list-container .staff-list>:nth-of-type(2n+2) {
margin-right: 0
}
}

@media only screen and (max-width:374px) {
section.staff-list-container .staff-list .text-container p {
font-size: 18px
}

section.staff-list-container .staff-list .text-container .button.large {
font-size: 12px;
height: 44px;
padding: 0 14px
}
}

section.text-columns-container {
padding: 60px 0 60px 260px
}

section.text-columns-container .inner {
max-width: 800px
}

section.text-columns-container .heading-container {
margin-bottom: 50px
}

section.text-columns-container .heading-container .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
margin-bottom: 0
}

section.text-columns-container .text-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.text-columns-container .text-columns .text-column {
width: 50%
}

section.text-columns-container .text-columns .text-column p {
font-size: 15px;
line-height: 1.6em;
width: 90%
}

section.text-columns-container .text-columns .text-column:first-of-type {
padding-right: 30px
}

section.text-columns-container .text-columns .text-column:nth-of-type(2) {
padding-left: 30px
}

@media only screen and (max-width:1400px) {
section.text-columns-container {
padding-left: 100px;
padding-right: 100px
}

section.text-columns-container .inner {
max-width: 100%
}
}

@media only screen and (max-width:1024px) {
section.text-columns-container {
padding: 45px
}

section.text-columns-container .heading-container {
margin-bottom: 40px
}

section.text-columns-container .heading-container .heading {
font-size: 28px
}
}

@media only screen and (max-width:1023px) {
section.text-columns-container .text-columns .text-column:first-of-type {
padding-right: 20px
}

section.text-columns-container .text-columns .text-column:nth-of-type(2) {
padding-left: 20px
}
}

@media only screen and (max-width:520px) {
section.text-columns-container {
padding: 30px
}

section.text-columns-container .heading-container {
margin-bottom: 30px
}

section.text-columns-container .text-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.text-columns-container .text-columns .text-column {
width: 100%
}

section.text-columns-container .text-columns .text-column:first-of-type {
padding-right: 0
}

section.text-columns-container .text-columns .text-column:nth-of-type(2) {
padding-left: 0
}

section.text-columns-container .text-columns .text-column+.text-column {
margin-top: 20px
}
}

section.contact-container {
padding: 40px 0 120px 120px
}

section.contact-container svg.waves {
left: 0;
max-width: 400px;
position: absolute;
top: 40%;
width: 34%;
z-index: 5
}

section.contact-container svg.waves .cls-8 {
display: none
}

section.contact-container .inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
max-width: 1020px
}

section.contact-container .left-container {
width: 40%
}

section.contact-container .left-container .phone {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.contact-container .left-container .phone svg {
margin-right: 6px;
width: 11px
}

section.contact-container .left-container .phone svg .cls-1 {
fill: rgba(0, 0, 0, .4)
}

section.contact-container .left-container .phone .text {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}

section.contact-container .left-container .text-container .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px
}

section.contact-container .left-container .text-container p {
font-size: 15px;
line-height: 1.6em
}

section.contact-container .left-container .text-container .phone svg {
margin-right: 12px;
width: 16px
}

section.contact-container .left-container .text-container .phone svg .cls-1 {
fill: #02d1a6
}

section.contact-container .left-container .text-container .phone .text {
font-size: 34px
}

section.contact-container .left-container .text-container>*+* {
margin-top: 36px
}

section.contact-container .left-container .locations-container {
margin-top: 138px
}

section.contact-container .left-container .locations-container .locations {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.contact-container .left-container .locations-container .locations .location {
padding-right: 50px;
width: 50%
}

section.contact-container .left-container .locations-container .locations .location .name {
font-family: Proxima Nova Bold, sans-serif;
font-size: 16px;
margin-bottom: 20px
}

section.contact-container .left-container .locations-container .locations .location .address {
font-size: 14px;
line-height: 1.6em;
margin-bottom: 20px
}

section.contact-container .right-container {
padding-top: 50px;
width: 48%
}

section.contact-container .input-container.text input {
font-size: 15px;
height: 50px;
line-height: 50px
}

section.contact-container .input-container.select .select {
height: 50px
}

section.contact-container .input-container.select .select label,
section.contact-container .input-container.select .select select {
font-size: 15px;
height: 50px;
line-height: 50px
}

section.contact-container .input-row .input-container:nth-of-type(2) {
width: 90%
}

section.contact-container .form-container p {
margin-top: 20px
}

@media only screen and (max-width:1400px) {
section.contact-container {
padding-left: 100px;
padding-right: 100px
}

section.contact-container .left-container {
width: 45%
}

section.contact-container .left-container .text-container .phone .text {
font-size: 28px
}

section.contact-container .left-container .locations-container .locations .location {
padding-right: 10px
}

section.contact-container .left-container .locations-container .locations .location:last-of-type {
padding-left: 10px;
padding-right: 0
}
}

@media only screen and (max-width:1024px) {
section.contact-container {
padding: 45px
}

section.contact-container svg.waves {
top: 46%
}
}

@media only screen and (max-width:1023px) {
section.contact-container svg.waves {
top: 24%
}

section.contact-container .inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-ms-flex-direction: column;
flex-direction: column;
justify-content: flex-start
}

section.contact-container .left-container {
width: 100%
}

section.contact-container .left-container .locations-container {
margin-top: 80px
}

section.contact-container .left-container .locations-container .locations .location {
padding-right: 50px;
width: auto
}

section.contact-container .left-container .locations-container .locations .location:last-of-type {
padding-left: 0;
padding-right: 0
}

section.contact-container .right-container {
width: 100%
}
}

@media only screen and (max-width:520px) {
section.contact-container {
padding: 30px
}

section.contact-container .left-container .locations-container {
margin-top: 60px
}

section.contact-container .left-container .locations-container .locations .location {
padding-right: 5px;
width: 50%
}

section.contact-container .left-container .locations-container .locations .location:last-of-type {
padding-left: 5px
}

section.contact-container svg.waves {
display: none
}
}

@media only screen and (max-width:374px) {
section.contact-container svg.waves {
left: auto;
right: 0;
top: 24%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 50%
}

section.contact-container .left-container .locations-container .locations {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.contact-container .left-container .locations-container .locations .location {
padding-right: 0;
width: 100%
}

section.contact-container .left-container .locations-container .locations .location:last-of-type {
margin-top: 40px;
padding-left: 0
}
}

section.text-container {
padding: 60px 0 120px 120px
}

section.text-container .inner {
max-width: 800px
}

section.text-container .heading-container {
margin-bottom: 50px
}

section.text-container .heading-container .heading {
font-family: Proxima Nova Bold, sans-serif;
font-size: 34px;
margin-bottom: 0
}

section.text-container .text>*+* {
margin-top: 20px
}

section.text-container .text>*+h2,
section.text-container .text>*+h3,
section.text-container .text>*+h4 {
margin-top: 30px
}

section.text-container .text p a {
color: #0a192d
}

section.text-container .text p a:hover {
text-decoration: underline
}

@media only screen and (max-width:1400px) {
section.text-container {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1024px) {
section.text-container {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:520px) {
section.text-container {
padding-left: 30px;
padding-right: 30px
}
}

section.news-articles-container {
padding: 0 0 90px 120px
}

section.news-articles-container .articles-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1020px
}

section.news-articles-container .articles-container a {
height: auto;
margin-right: 3.95%;
-webkit-transition: opacity .2s;
transition: opacity .2s;
width: 30.7%
}

section.news-articles-container .articles-container a:nth-of-type(3n) {
margin-right: 0
}

section.news-articles-container .articles-container a:hover {
opacity: .7
}

section.news-articles-container article {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.news-articles-container article img {
display: block;
width: 100%
}

section.news-articles-container article img+.text .top,
section.news-articles-container article img+.text span.article-title {
margin-top: 20px
}

section.news-articles-container article .text {
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto
}

section.news-articles-container article .top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
opacity: .5
}

section.news-articles-container article .top span {
color: #0a192d;
font-family: Proxima Nova Bold, sans-serif;
font-size: 12px;
position: relative;
text-transform: uppercase
}

section.news-articles-container article .top span:after {
background-color: #0a192d;
content: "";
display: inline-block;
display: none;
height: 10px;
margin: 0 5px 3px;
vertical-align: middle;
width: 2px
}

section.news-articles-container article .top span:last-of-type:after {
display: none
}

section.news-articles-container article span.article-title {
color: #0a192d;
display: block;
font-family: Proxima Nova Bold, sans-serif;
font-size: 24px;
line-height: 1.3;
max-width: 235px
}

section.news-articles-container article.knowledge {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-direction: row;
flex-direction: row;
position: relative
}

section.news-articles-container article.knowledge:before {
background-color: #02d1a6;
content: "";
height: 40px;
left: -10px;
position: absolute;
top: -10px;
width: 40px
}

section.news-articles-container article.knowledge .knowledge-icon {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-negative: 0;
align-items: center;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
flex-shrink: 0;
height: 175px;
justify-content: center;
margin-right: 20px;
overflow: hidden;
position: relative;
width: 135px
}

section.news-articles-container article.knowledge .knowledge-icon img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute;
top: 0;
width: 100%
}

section.news-articles-container article.knowledge .knowledge-icon svg {
display: block;
height: auto;
width: 40px
}

section.news-articles-container article.knowledge .knowledge-icon.data-sheets svg {
width: 39px
}

section.news-articles-container article.knowledge .knowledge-icon.white-papers svg {
width: 40px
}

section.news-articles-container article.knowledge .knowledge-icon.webinar svg {
width: 54px
}

section.news-articles-container article.knowledge .knowledge-icon.demos svg,
section.news-articles-container article.knowledge .knowledge-icon.videos svg {
width: 48px
}

section.news-articles-container article.knowledge .knowledge-icon.other svg {
width: 44px
}

section.news-articles-container article.knowledge .text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-negative: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
flex-shrink: 1;
width: 220px
}

section.news-articles-container article.knowledge .text span {
display: block;
width: 100%
}

section.news-articles-container article.knowledge .text span.type {
color: #000;
font-family: Proxima Nova Bold, sans-serif;
font-size: 12px;
margin-bottom: 20px;
opacity: .5;
text-transform: uppercase
}

section.news-articles-container article.knowledge .text span.title {
color: #000;
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px;
line-height: 1.4
}

@media only screen and (max-width:1400px) {
section.news-articles-container {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1200px) {
section.news-articles-container .articles-container a {
margin-right: 2%;
width: 32%
}

section.news-articles-container .articles-container article img+.text span.article-title {
font-size: 20px;
margin-top: 10px;
max-width: none
}
}

@media only screen and (max-width:1024px) {
section.news-articles-container {
padding-left: 45px;
padding-right: 45px
}

section.news-articles-container article.knowledge {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.news-articles-container article.knowledge .knowledge-icon {
height: 90px;
margin: 0 0 20px;
width: 100%
}

section.news-articles-container article.knowledge .text {
width: 100%
}

section.news-articles-container article.knowledge .text span.type {
margin-bottom: 10px
}
}

@media only screen and (max-width:767px) {
section.news-articles-container .articles-container article .top span {
font-size: 10px
}

section.news-articles-container .articles-container article .top span:after {
height: 8px;
width: 1px
}

section.news-articles-container .articles-container article.knowledge .text span.title,
section.news-articles-container .articles-container article img+.text span.article-title {
font-size: 16px
}
}

@media only screen and (max-width:600px) {
section.news-articles-container .articles-container a {
margin-right: 4%;
margin-top: 30px;
width: 48%
}

section.news-articles-container .articles-container a:first-of-type,
section.news-articles-container .articles-container a:nth-of-type(2) {
margin-top: 0
}

section.news-articles-container .articles-container a:nth-of-type(3n) {
margin-right: 2%
}

section.news-articles-container .articles-container a:nth-of-type(2n) {
margin-right: 0
}
}

@media only screen and (max-width:520px) {
section.news-articles-container {
padding: 20px 30px
}
}

@media only screen and (max-width:375px) {
section.news-articles-container .articles-container a {
margin-right: 0;
width: 100%
}

section.news-articles-container .articles-container a:nth-of-type(2) {
margin-top: 30px
}

section.news-articles-container .articles-container a:nth-of-type(3n) {
margin-right: 0
}
}

section.callout-container {
background-color: #0a192d;
color: #fff;
margin: 0 0 85px 120px;
padding: 50px 0 50px 90px
}

section.callout-container .content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 auto 0 0;
max-width: 810px
}

section.callout-container .left {
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0;
padding-right: 90px
}

section.callout-container .right {
width: 390px
}

section.callout-container h3 {
color: #fff;
font-family: 'Open Sans', sans-serif;
line-height: 1.2;
}

section.callout-container .social-links {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 20px
}

section.callout-container .social-links a {
height: 16px;
margin-right: 15px;
opacity: .3;
-webkit-transition: opacity .2s;
transition: opacity .2s;
width: auto
}

section.callout-container .social-links a svg {
fill: #fff;
display: block;
height: 100%;
width: auto
}

section.callout-container .social-links a:last-of-type {
margin-right: 0
}

section.callout-container .social-links a:hover {
opacity: 1
}

section.callout-container form {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}

section.callout-container form,
section.callout-container form .form-row {
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.callout-container form .form-row {
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-bottom: 1px solid #7c848f;
-ms-flex-direction: row;
flex-direction: row;
height: 40px;
margin-bottom: 15px
}

section.callout-container form .form-row button,
section.callout-container form .form-row input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
border-radius: 0
}

section.callout-container form .form-row button:focus,
section.callout-container form .form-row input:focus {
outline: 0
}

section.callout-container form .form-row input {
-webkit-box-flex: 1;
color: #fff;
-ms-flex: 1 0;
flex: 1 0;
font-family: Proxima Nova Bold, sans-serif;
font-size: 14px
}

section.callout-container form .form-row input.placeholder {
color: #fff
}

section.callout-container form .form-row input:-moz-placeholder,
section.callout-container form .form-row input::-moz-placeholder {
color: #fff
}

section.callout-container form .form-row input::-webkit-input-placeholder {
color: #fff
}

section.callout-container form .form-row button {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background-color: #02d1a6;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-transition: opacity .2s;
transition: opacity .2s;
width: 55px
}

section.callout-container form .form-row button svg {
height: 14px;
width: 14px
}

section.callout-container form .form-row button svg .cls-1 {
fill: #fff
}

section.callout-container form .form-row button.disabled {
cursor: not-allowed;
opacity: .6;
pointer-events: none
}

section.callout-container form p {
display: block;
font-family: Proxima Nova Bold, sans-serif;
font-size: 12px;
text-align: right
}

section.callout-container form p.policy {
opacity: .3;
-webkit-transition: opacity .2s;
transition: opacity .2s
}

section.callout-container form p.policy:hover {
opacity: 1
}

section.callout-container form p.error,
section.callout-container form p.success {
display: none;
margin-top: 10px
}

section.callout-container form.error p.error,
section.callout-container form.success p.success {
display: block
}

@media only screen and (max-width:1400px) {
section.callout-container {
margin-left: 100px
}
}

@media only screen and (max-width:1200px) {
section.callout-container {
padding: 50px
}

section.callout-container .inner {
padding-right: 50px
}

section.callout-container h3 {
font-size: 20px
}
}

@media only screen and (max-width:1024px) {
section.callout-container {
margin-left: 45px;
margin-right: 45px
}

section.callout-container .inner {
padding-right: 0
}

section.callout-container .right {
width: 280px
}
}

@media only screen and (max-width:767px) {
section.callout-container .content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.callout-container h3 {
text-align: center
}

section.callout-container .left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
padding-right: 0;
width: 100%
}

section.callout-container .right {
width: 100%
}
}

@media only screen and (max-width:520px) {
section.callout-container {
margin: 20px 30px;
padding: 40px
}
}

@media only screen and (max-width:375px) {
section.callout-container {
padding: 30px
}

section.callout-container h3 {
font-size: 18px
}
}

section.news-pagination-container {
padding: 0 0 100px 120px
}

section.news-pagination-container .pagination {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}

section.news-pagination-container .numbers,
section.news-pagination-container .pagination {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

section.news-pagination-container .numbers {
margin: 0 40px
}

section.news-pagination-container .numbers a {
margin: 0 5px;
opacity: .5
}

section.news-pagination-container .numbers a.active {
border-bottom: 1px solid #0a192d
}

section.news-pagination-container a {
color: #0a192d;
font-family: Proxima Nova Bold, sans-serif;
font-size: 16px;
opacity: .2;
-webkit-transition: opacity .2s;
transition: opacity .2s
}

section.news-pagination-container a.active,
section.news-pagination-container a:hover {
opacity: 1
}

@media only screen and (max-width:1400px) {
section.news-pagination-container {
padding-left: 100px;
padding-right: 100px
}
}

@media only screen and (max-width:1024px) {
section.news-pagination-container {
padding-left: 45px;
padding-right: 45px
}
}

@media only screen and (max-width:520px) {
section.news-pagination-container {
padding: 80px 30px 50px
}
}

section.news-article-container {
padding: 0 0 0 120px
}

section.news-article-container .main-image {
height: auto;
margin: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -70px;
width: 550px
}

section.news-article-container .main-image img.image,
section.news-article-container .main-image img:nth-of-type(2) {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: relative;
width: 100%
}

section.news-article-container .main-image img.graphic {
display: block;
height: auto;
left: -115px;
margin: 0;
pointer-events: none;
position: absolute;
top: 135px;
z-index: 2
}

section.news-article-container .main-image:before {
background-color: #02d1a6;
bottom: -10px;
content: "";
height: 85px;
left: -10px;
position: absolute;
width: 85px
}

section.news-article-container a.back-to-news {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin: 30px 0 150px -35px;
overflow: hidden
}

section.news-article-container a.back-to-news span.arrow {
display: block;
font-size: 0;
text-align: left;
width: 35px
}

section.news-article-container a.back-to-news span.arrow svg {
display: block;
height: auto;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
width: 14px
}

section.news-article-container a.back-to-news span.arrow svg .cls-1 {
fill: #000
}

section.news-article-container a.back-to-news span.text {
font-family: Proxima Nova Bold, sans-serif;
font-size: 14px
}

section.news-article-container h1 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 40px;
margin-bottom: 50px;
max-width: 600px
}

section.news-article-container .info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 100px;
opacity: .5
}

section.news-article-container .info svg {
height: 16px;
margin-right: 10px;
width: 16px
}

section.news-article-container .info span {
color: #0a192d;
font-family: Proxima Nova Bold, sans-serif;
font-size: 12px;
position: relative;
text-transform: uppercase
}

section.news-article-container .info span:after {
background-color: #0a192d;
content: "";
display: inline-block;
height: 10px;
margin: 0 5px 3px;
vertical-align: middle;
width: 2px
}

section.news-article-container .info span:last-of-type:after {
display: none
}

section.news-article-container .news-body {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
padding-bottom: 40px;
padding-right: 40px
}

section.news-article-container .news-body main {
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
max-width: 680px;
padding-right: 40px
}

section.news-article-container .news-body main h1,
section.news-article-container .news-body main h2,
section.news-article-container .news-body main h3,
section.news-article-container .news-body main h4,
section.news-article-container .news-body main h5,
section.news-article-container .news-body main h6 {
font-family: Proxima Nova Regular, sans-serif;
margin-bottom: 20px
}

section.news-article-container .news-body main .image {
margin: 50px 0
}

section.news-article-container .news-body main .image img {
display: block;
max-width: 100%
}

section.news-article-container .news-body main p {
color: #0a192d;
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px
}

section.news-article-container .news-body main p strong {
font-family: Proxima Nova SemiBold, sans-serif
}

section.news-article-container .news-body main p a {
color: #000;
text-decoration: underline
}

section.news-article-container .news-body main ol,
section.news-article-container .news-body main ul {
display: block;
list-style: none;
margin: 0 0 50px;
padding: 0
}

section.news-article-container .news-body main ol li,
section.news-article-container .news-body main ul li {
color: #0a192d;
font-size: 15px;
line-height: 1.4;
margin-bottom: 15px;
padding-left: 22px;
position: relative
}

section.news-article-container .news-body main ol li:before,
section.news-article-container .news-body main ul li:before {
background: none;
border: 1px solid #000;
border-radius: 100%;
content: "";
height: 9px;
left: 0;
opacity: .5;
pointer-events: none;
position: absolute;
top: 6px;
width: 9px
}

section.news-article-container .news-body main ol li:last-of-type,
section.news-article-container .news-body main ul li:last-of-type {
margin-bottom: 0
}

section.news-article-container .news-body main ol ol,
section.news-article-container .news-body main ol ul,
section.news-article-container .news-body main ul ol,
section.news-article-container .news-body main ul ul {
margin-left: 10px;
margin-top: 10px
}

section.news-article-container .news-body main ol {
counter-reset: ol-counter;
list-style: none
}

section.news-article-container .news-body main ol li {
counter-increment: ol-counter
}

section.news-article-container .news-body main ol li:before {
border: 0;
border-radius: 0;
content: counter(ol-counter) ". ";
top: 0
}

section.news-article-container .news-body main blockquote {
margin-bottom: 30px;
position: relative
}

section.news-article-container .news-body main blockquote,
section.news-article-container .news-body main blockquote p {
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.5
}

section.news-article-container .news-body main blockquote span {
color: #000;
display: block;
font-size: 16px;
margin-top: 35px;
opacity: .6
}

section.news-article-container .news-body main blockquote:before {
color: #02d1a6;
content: "“";
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 286px;
left: -35px;
line-height: 1;
opacity: .2;
pointer-events: none;
position: absolute;
top: -60px
}

section.news-article-container .news-body main blockquote+h6 {
color: #999;
font-family: Proxima Nova Bold, sans-serif;
font-size: 14px;
margin-bottom: 30px;
margin-top: -20px
}

section.news-article-container .news-body main figure {
display: block;
margin-bottom: 30px;
width: 100%
}

section.news-article-container .news-body main figure img {
display: block;
height: auto;
margin: 0;
width: 100%
}

section.news-article-container .news-body main figure iframe {
height: auto;
width: 100%
}

section.news-article-container .news-body main .embed-responsive-16by9 {
display: block;
margin-bottom: 30px;
padding-bottom: 56.25%;
position: relative;
width: 100%
}

section.news-article-container .news-body main .embed-responsive-16by9 iframe {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important
}

section.news-article-container .news-body main .extra-link {
display: block;
margin-top: 60px
}

section.news-article-container .news-body main .extra-link a {
color: #000;
font-size: 12px;
opacity: .7;
text-decoration: underline;
-webkit-transition: opacity .2s;
transition: opacity .2s
}

section.news-article-container .news-body main .extra-link a:hover {
opacity: 1
}

section.news-article-container .news-body main .share-text {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 100px;
padding-bottom: 60px
}

section.news-article-container .news-body main .share-text span {
-ms-flex-negative: 0;
color: #0a192d;
display: block;
flex-shrink: 0;
font-size: 16px;
margin-right: 30px
}

section.news-article-container .news-body main .share-text .links {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

section.news-article-container .news-body main .share-text a {
color: #0a192d;
height: 16px;
margin-right: 15px;
width: 16px
}

section.news-article-container .news-body main .share-text a svg {
height: 16px;
width: 16px
}

section.news-article-container .news-body main .share-text a:last-of-type {
margin-right: 0
}

section.news-article-container .news-body main .download-container {
display: block;
margin-top: 90px
}

section.news-article-container .news-body main a.button svg {
height: 18px;
width: auto
}

section.news-article-container .news-body main a.button svg .cls-1 {
fill: #fff;
-webkit-transition: fill .3s;
transition: fill .3s
}

section.news-article-container .news-body main a.button svg+.text {
margin-left: 15px
}

section.news-article-container .news-body main a.button:hover svg .cls-1 {
fill: #0a192d
}

section.news-article-container .news-body aside {
padding: 30px 0;
width: 250px
}

section.news-article-container .news-body aside h4 {
font-family: Proxima Nova Bold, sans-serif;
font-size: 24px;
margin-bottom: 20px
}

section.news-article-container .news-body aside a.article {
border-bottom: 1px solid #c2c2c2;
color: #0a192d;
display: block;
padding-bottom: 20px
}

section.news-article-container .news-body aside a.article:last-of-type {
border-bottom: 0;
padding-bottom: 0
}

section.news-article-container .news-body aside article img {
display: block;
height: auto;
margin: 0;
width: 100%
}

section.news-article-container .news-body aside article .info {
display: block;
margin-bottom: 0;
margin-top: 20px
}

section.news-article-container .news-body aside article span.article-title {
display: block;
font-family: Proxima Nova Bold, sans-serif;
font-size: 18px;
line-height: 1.2;
margin-top: 15px
}

section.news-article-container .news-body aside .social-links {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 70px
}

section.news-article-container .news-body aside .social-links a {
color: #0a192d;
margin-right: 15px;
opacity: .3;
-webkit-transition: opacity .2s;
transition: opacity .2s
}

section.news-article-container .news-body aside .social-links a svg {
height: auto;
width: 17px
}

section.news-article-container .news-body aside .social-links a:hover {
opacity: 1
}

section.news-article-container .news-body aside .social-links a:last-of-type {
margin-right: 0
}

section.news-article-container .job-info-container {
margin-bottom: 50px
}

section.news-article-container .job-info-container,
section.news-article-container .job-info-container .job-info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row
}

section.news-article-container .job-info-container .job-info {
margin-right: 35px
}

section.news-article-container .job-info-container .job-info:last-of-type {
margin-right: 0
}

section.news-article-container .job-info-container svg {
margin-right: 10px
}

section.news-article-container .job-info-container span {
color: #0a192d;
font-size: 16px;
line-height: 1
}

section.news-article-container .floating-quote {
position: absolute;
right: 0;
top: 500px;
z-index: 1
}

section.news-article-container .floating-quote blockquote {
background-color: #fff;
padding: 110px 80px 75px 95px;
position: relative;
width: 440px
}

section.news-article-container .floating-quote blockquote p {
font-family: Proxima Nova Bold, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.5
}

section.news-article-container .floating-quote blockquote span {
color: #000;
display: block;
font-size: 16px;
margin-top: 35px;
opacity: .6
}

section.news-article-container .floating-quote blockquote:before {
color: #02d1a6;
content: "“";
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 286px;
left: 60px;
opacity: .2;
pointer-events: none;
position: absolute;
top: 10px
}

section.news-article-container img.waves-2 {
bottom: 110px;
height: auto;
pointer-events: none;
position: absolute;
right: 0;
width: 40%
}

section.news-article-container.careers .main-image {
width: 580px
}

section.news-article-container.careers a.back-to-news {
margin-bottom: 75px
}

section.news-article-container.careers h1 {
margin-bottom: 15px
}

section.news-article-container.careers .info {
margin-bottom: 50px
}

section.news-article-container.knowledge .main-image {
width: 580px
}

section.news-article-container.knowledge a.back-to-news {
margin-bottom: 200px
}

section.news-article-container.knowledge h1 {
font-family: 'Open Sans', sans-serif;
margin-bottom: 15px;
}

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

section.news-article-container .floating-quote,
section.news-article-container .main-image {
right: calc(100% - 1440px)
}

section.news-article-container img.waves-2 {
right: calc(100% - 1440px);
width: 550px
}
}

@media only screen and (max-width:1400px) {
section.news-article-container {
padding-left: 100px;
padding-right: 100px
}

section.news-article-container.careers .main-image,
section.news-article-container h1 {
width: 480px
}
}

@media only screen and (max-width:1336px) {
section.news-article-container .floating-quote {
margin-bottom: 60px
}

section.news-article-container .floating-quote blockquote {
width: 100%
}

section.news-article-container.careers {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

section.news-article-container.careers .floating-quote {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: relative;
right: auto;
top: auto
}

section.news-article-container.careers img.waves-2 {
bottom: 25%
}
}

@media only screen and (max-width:1220px) {
section.news-article-container h1 {
width: 440px
}
}

@media only screen and (max-width:1160px) {
section.news-article-container .main-image {
top: 0;
width: 40%
}

section.news-article-container.careers .main-image,
section.news-article-container.knowledge .main-image {
width: 40%
}
}

@media only screen and (max-width:1024px) {
section.news-article-container {
padding-left: 45px;
padding-right: 45px
}

section.news-article-container .main-image {
height: 300px;
margin-bottom: 50px;
position: relative;
right: auto;
top: auto;
width: 100%
}

section.news-article-container .main-image img.graphic {
left: -60px;
top: 20%
}

section.news-article-container a.back-to-news {
margin-bottom: 50px;
margin-left: 0;
margin-top: 0
}

section.news-article-container h1 {
font-size: 34px;
margin-bottom: 20px;
max-width: none;
width: 80%
}

section.news-article-container .info {
margin-bottom: 50px
}

section.news-article-container .news-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 0
}

section.news-article-container .news-body main {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
max-width: none;
padding-right: 0;
width: 100%
}

section.news-article-container .news-body main blockquote,
section.news-article-container .news-body main blockquote p {
font-size: 18px
}

section.news-article-container .news-body main .download-container,
section.news-article-container .news-body main .extra-link,
section.news-article-container .news-body main .share-text {
margin-top: 40px
}

section.news-article-container .news-body aside {
margin-top: 80px;
padding: 0;
width: 100%
}

section.news-article-container .news-body aside article {
padding-top: 20px
}

section.news-article-container .news-body aside article img {
display: none
}

section.news-article-container .news-body aside article .info {
margin-top: 0
}

section.news-article-container .news-body aside .social-links {
margin-top: 40px
}

section.news-article-container.careers .main-image,
section.news-article-container.knowledge .main-image {
width: 100%
}

section.news-article-container.careers a.back-to-news,
section.news-article-container.knowledge a.back-to-news {
margin-bottom: 50px
}
}

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

section.news-article-container .news-body main blockquote,
section.news-article-container .news-body main blockquote p {
font-size: 16px
}

section.news-article-container .news-body main blockquote+h6 {
font-size: 14px;
margin-bottom: 20px
}

section.news-article-container .floating-quote blockquote {
padding: 50px 60px
}

section.news-article-container .floating-quote blockquote:before {
left: 30px;
top: -40px
}
}

@media only screen and (max-width:600px) {
section.news-article-container .main-image {
height: 240px
}

section.news-article-container h1 {
font-size: 28px
}

section.news-article-container .floating-quote blockquote p {
font-size: 18px
}

section.news-article-container .floating-quote blockquote span {
margin-top: 25px
}
}

@media only screen and (max-width:520px) {
section.news-article-container {
padding: 20px 30px
}

section.news-article-container h1 {
font-size: 24px
}

section.news-article-container .news-body aside h4 {
font-size: 20px;
margin-bottom: 15px
}

section.news-article-container .news-body aside blockquote,
section.news-article-container .news-body aside blockquote p {
font-size: 14px
}

section.news-article-container .news-body aside blockquote+h6 {
font-size: 12px
}

section.news-article-container .job-info-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px
}

section.news-article-container .job-info-container .job-info {
margin-bottom: 15px;
margin-right: 0
}

section.news-article-container .job-info-container .job-info svg {
width: 20px
}

section.news-article-container .job-info-container .job-info:first-of-type svg {
padding-left: 3px
}

section.news-article-container .job-info-container .job-info:last-of-type {
margin-bottom: 0
}
}

@media only screen and (max-width:440px) {
section.news-article-container .main-image {
height: 200px
}

section.news-article-container .floating-quote {
margin-bottom: 30px
}

section.news-article-container .floating-quote blockquote {
padding: 35px 40px
}

section.news-article-container .floating-quote blockquote:before {
left: 5px;
top: -60px
}

section.news-article-container .floating-quote blockquote p {
font-size: 16px
}

section.news-article-container .floating-quote blockquote span {
font-size: 14px;
margin-top: 20px
}
}

@media only screen and (max-width:375px) {
section.news-article-container h1 {
width: 100%
}

section.news-article-container .main-image {
height: 160px
}

section.news-article-container .main-image img.graphic {
display: none
}
}

section.hero-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-position: bottom;
background-size: cover;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100vh;
min-height: 660px;
position: relative;
text-align: center
}

section.hero-container .logo {
left: calc(50% - 85px);
position: absolute;
top: 120px
}

section.hero-container .arrow {
bottom: 100px;
left: calc(50% - 10px);
position: absolute
}

section.hero-container h1 {
color: #fff;
font-size: 46px;
line-height: 1.2em;
margin-bottom: 40px
}

section.hero-container .datetime {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 24px;
justify-content: center;
margin-bottom: 60px
}

section.hero-container .datetime .div {
color: #02d1a6;
margin: 0 20px
}

@media only screen and (max-width:768px) {
section.hero-container {
padding: 0 30px
}

section.hero-container h1 {
font-size: 34px
}

section.hero-container .datetime {
font-size: 20px;
margin-bottom: 40px
}

section.hero-container .datetime .div {
margin: 0 16px
}
}

@media only screen and (max-width:480px) {
section.hero-container h1 {
font-size: 30px
}

section.hero-container .logo {
top: 90px
}

section.hero-container .arrow {
bottom: 80px
}

section.hero-container .datetime {
font-size: 18px;
margin-bottom: 30px
}

section.hero-container .datetime .div {
margin: 0 10px
}
}

@media only screen and (max-width:374px) {
section.hero-container h1 {
font-size: 26px
}
}

section.info-boxes-container {
background-color: #0a192d;
color: #fff;
padding: 0 0 80px;
text-align: center
}

section.info-boxes-container h2 {
color: #fff;
font-size: 40px;
margin-bottom: 70px
}

section.info-boxes-container h4 {
color: #fff;
font-family: Proxima Nova Bold, sans-serif;
font-size: 24px;
margin-bottom: 25px
}

section.info-boxes-container p {
color: hsla(0, 0%, 100%, .6);
font-size: 15px;
line-height: 1.6em
}

section.info-boxes-container img {
display: block;
margin: 0 auto 25px;
max-height: 40px;
max-width: 140px
}

section.info-boxes-container .info-boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px
}

section.info-boxes-container .info-box {
border-right: 1px solid hsla(0, 0%, 100%, .2);
margin-bottom: 40px;
padding: 0 34px;
width: 25%
}

section.info-boxes-container .info-box:nth-child(4n+4) {
border-right: transparent
}

@media only screen and (max-width:1220px) {
section.info-boxes-container {
padding-left: 30px;
padding-right: 30px
}
}

@media only screen and (max-width:1023px) {
section.info-boxes-container .info-boxes {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

section.info-boxes-container .info-box {
margin-bottom: 80px;
padding: 0 28px;
width: 50%
}

section.info-boxes-container .info-box:nth-child(2n+2) {
border-right: transparent
}
}

@media only screen and (max-width:480px) {
section.info-boxes-container {
padding: 0 0 60px
}

section.info-boxes-container h2 {
font-size: 34px;
margin-bottom: 50px
}

section.info-boxes-container .info-boxes {
margin-bottom: 0
}

section.info-boxes-container .info-box {
border-bottom: 1px solid hsla(0, 0%, 100%, .2);
border-right: transparent;
margin: 0 auto 40px;
padding: 0 20px 40px;
width: calc(100% - 80px)
}
}

section.event-form-container {
background-color: #fff;
padding: 70px 0 140px
}

section.event-form-container h2 {
font-size: 40px;
margin-bottom: 90px;
text-align: center
}

section.event-form-container .event-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

section.event-form-container .form-container {
padding-right: 11%;
width: 61%
}

section.event-form-container .form-container p {
font-size: 15px;
line-height: 1.5em
}

section.event-form-container .form-container p+.input-row {
margin-top: 40px
}

section.event-form-container .form-container .input-container.text input {
font-size: 16px
}

section.event-form-container .form-container .input-row+.input-row {
margin-top: 44px
}

section.event-form-container .event-container {
width: 29%
}

section.event-form-container .event-detail {
margin-bottom: 50px
}

section.event-form-container .event-detail:last-child {
margin-bottom: 0
}

section.event-form-container .social-icons path {
fill: #000
}

@media only screen and (max-width:1220px) {
section.event-form-container {
padding: 70px 0 140px
}

section.event-form-container .inner {
padding: 0 30px
}
}

@media only screen and (max-width:1024px) {
section.event-form-container {
padding: 60px 0 100px
}

section.event-form-container h2 {
font-size: 28px
}
}

@media only screen and (max-width:767px) {
section.event-form-container {
padding: 60px 0 100px
}

section.event-form-container h2 {
font-size: 24px;
margin-bottom: 60px
}

section.event-form-container .event-form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

section.event-form-container .form-container {
margin-bottom: 50px;
padding-right: 0;
width: 100%
}

section.event-form-container .form-container p+.input-row {
margin-top: 20px
}

section.event-form-container .event-container {
width: 100%
}

section.event-form-container .event-detail {
margin-bottom: 30px
}
}

@media only screen and (max-width:480px) {
section.event-form-container {
padding: 60px 0
}

section.event-form-container h2 {
margin-bottom: 40px
}

section.event-form-container .form-container .input-row+.input-row {
margin-top: 26px
}
}

section.event-newsletter-container {
color: #fff;
padding: 160px 0;
text-align: center
}

section.event-newsletter-container h2 {
color: #fff;
font-size: 40px;
margin-bottom: 32px
}

section.event-newsletter-container p {
font-size: 15px;
margin-bottom: 40px
}

section.event-newsletter-container .input-container.text input,
section.event-newsletter-container .input-container.text input.placeholder {
color: #fff
}

section.event-newsletter-container .input-container.text input:-moz-placeholder,
section.event-newsletter-container .input-container.text input::-moz-placeholder {
color: #fff
}

section.event-newsletter-container .input-container.text input::-webkit-input-placeholder {
color: #fff
}

section.event-newsletter-container .inner {
max-width: 460px
}

section.event-newsletter-container .form-container {
margin: 0 auto 60px;
max-width: 100%;
width: 300px
}

@media only screen and (max-width:768px) {
section.event-newsletter-container {
padding: 100px 30px
}
}

@media only screen and (max-width:480px) {
section.event-newsletter-container {
padding: 60px 30px
}

section.event-newsletter-container h2 {
font-size: 30px
}
}

.standalone-page {
padding-left: 0
}

.standalone-page .inner {
margin-left: auto
}

.standalone-page footer {
background-color: #0a192d
}

@media only screen and (max-width:767px) {
.standalone-page:not(.home-page) {
padding-top: 0
}

.standalone-page:not(.home-page) .logo.top {
display: none
}
}

header {
background-color: #fff;
bottom: 0;
max-width: 100%;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform, width;
-moz-transition-property: transform, width;
-ms-transition-property: transform, width;
-o-transition-property: transform, width;
-webkit-transition-property: width, -webkit-transform;
transition-property: width, -webkit-transform;
transition-property: transform, width;
transition-property: transform, width, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
z-index: 40
}

header,
header .background {
left: 0;
position: fixed;
top: 0;
width: 100%;
}

header .background {
display: none;
height: 100vh;
width: 100vw;
z-index: 1
}

header .menu-bar-container {
bottom: 0;
left: 100%;
pointer-events: none;
position: absolute;
top: 0;
z-index: 40
}

header .back-button,
header .menu-bar-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

header .back-button {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
height: 100%;
justify-content: center;
pointer-events: auto;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width, transform;
-moz-transition-property: width, transform;
-ms-transition-property: width, transform;
-o-transition-property: width, transform;
-webkit-transition-property: width, -webkit-transform;
transition-property: width, -webkit-transform;
transition-property: width, transform;
transition-property: width, transform, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
width: 120px
}

header .back-button .overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}

header .back-button svg.arrow {
height: 20px;
position: relative;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
width: 20px
}

header .back-button svg.arrow path {
fill: #000;
}

header .back-button .logo {
left: 50%;
position: absolute;
top: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
z-index: 2
}

header .back-button .logo:hover {
opacity: .7
}

header .back-button:hover {
width: 130px
}

header .menu-bar {
background-color: #ededed;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: width .3s ease-in-out;
transition: width .3s ease-in-out;
width: 62px;
z-index: 40
}

header .menu-bar .logo.small {
margin: 2px auto 0;
position: relative;
z-index: 2
}

header .menu-bar .logo.small:hover {
opacity: .6
}

header .menu-bar .menu-button {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: 0;
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
width: 100%;
/*background-color: #ededed;*/
}

header .menu-bar .menu-button,
header .menu-bar .menu-button .menu-button-icon {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}

header .menu-bar .menu-button .menu-button-icon {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
height: 24px;
justify-content: space-between;
padding: 5px;
width: 26px
}

header .menu-bar .menu-button .menu-button-icon span {
background-color: #041131;
height: 2px;
-webkit-transition: width .3s ease-in-out;
transition: width .3s ease-in-out;
width: 16px
}

header .menu-bar .menu-button .menu-button-icon span:last-of-type,
header .menu-bar .menu-button:hover .menu-button-icon span:first-of-type {
width: 10px
}

header .menu-bar .menu-button:hover .menu-button-icon span:last-of-type {
width: 16px
}

header .menu-bar .trial-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0a192d;
border-top: 1px solid hsla(0, 0%, 100%, .2);
bottom: 0;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: Proxima Nova Bold, sans-serif;
font-size: 11px;
height: 180px;
justify-content: center;
left: 0;
position: absolute;
text-transform: uppercase;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: background-color, width;
-moz-transition-property: background-color, width;
-ms-transition-property: background-color, width;
-o-transition-property: background-color, width;
transition-property: background-color, width;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
width: 62px
}

header .menu-bar .trial-link .text {
position: relative;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

header .menu-bar .trial-link:hover {
background-color: #133057
}

header .menu-bar:hover {
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 72px
}

header .menu-bar:hover .trial-link {
width: 72px
}

header .nav-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
width: 100%;
z-index: 41;
}

header .nav-container .logo {
background-color: #030928;
background-position: 60px 60px;
background-size: 170px 42px;
height: 120px;
left: 0;
position: fixed;
top: 0;
-webkit-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 100%
}

/*header .nav-container .logo:hover {
opacity: .6
}*/

header .nav-container nav.main {
overflow: hidden;
-webkit-transition: opacity .6s ease-in-out;
transition: opacity .6s ease-in-out
}

header .nav-container nav.main .nav-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: hsla(0, 0%, 100%, .7);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: Proxima Nova Bold, sans-serif;
font-size: 28px;
-webkit-transition: color .6s ease-in-out;
transition: color .6s ease-in-out
}

header .nav-container nav.main .nav-link .text {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin-right: 40px
}

header .nav-container nav.main .nav-link .line {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-grow: 1;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
-webkit-transition: transform .5s ease-out;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out;
-webkit-transition-delay: .5s;
transition-delay: .5s
}

header .nav-container nav.main .nav-link .line:before {
-ms-flex-negative: 0;
border: 1px solid #02d1a6;
border-radius: 4px;
content: "";
flex-shrink: 0;
height: 6px;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 6px
}

header .nav-container nav.main .nav-link .line:after {
background-color: hsla(0, 0%, 100%, .8);
content: "";
height: 1px;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
width: 100%
}

header .nav-container nav.main .nav-link.active .line,
header .nav-container nav.main .nav-link:hover .line {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

header .nav-container nav.main .nav-link.active .line:after,
header .nav-container nav.main .nav-link.active .line:before,
header .nav-container nav.main .nav-link:hover .line:after,
header .nav-container nav.main .nav-link:hover .line:before {
opacity: 1
}

header .nav-container nav.main .nav-link:hover {
color: #fff
}

header .nav-container nav.main .nav-link:hover .line {
-webkit-transition-delay: 0s;
transition-delay: 0s
}

header .nav-container nav.main .nav-link:hover .line:before {
-webkit-transition-delay: .3s;
transition-delay: .3s
}

header .nav-container nav.main .nav-link:hover .line:after {
-webkit-transition-delay: 0s;
transition-delay: 0s
}

header .nav-container nav.main .nav-link+.nav-link {
margin-top: 0px
}

header .nav-container nav.inline {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
flex-grow: 1;
padding-top: 60px
}

header .nav-container nav.inline a {
color: #fff;
font-family: Proxima Nova SemiBold, sans-serif;
font-size: 18px;
margin-right: 25px;
opacity: .4;
-webkit-transition: opacity .3s;
transition: opacity .3s
}

header .nav-container nav.inline a.active {
border-bottom: 1px solid #fff;
opacity: .7
}

header .nav-container nav.inline a:hover {
opacity: .7
}

header .nav-container nav.inline a:last-of-type {
margin-right: 0
}

header .nav-container nav.sub .nav-link {
color: hsla(0, 0%, 100%, .6);
font-size: 14px;
position: relative
}

header .nav-container nav.sub .nav-link:after {
background-color: hsla(0, 0%, 100%, .6);
bottom: -3px;
content: "";
height: 1px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
-webkit-transform: translate3d(0, 3px, 0);
transform: translate3d(0, 3px, 0);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: opacity, transform;
-moz-transition-property: opacity, transform;
-ms-transition-property: opacity, transform;
-o-transition-property: opacity, transform;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

header .nav-container nav.sub .nav-link+.nav-link {
margin-left: 10px
}

header .nav-container nav.sub .nav-link:hover:after {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

header .nav-container .hidden-button {
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 40
}

header .nav-container .top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
background-color: #030928;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
/*height: calc(100vh - 180px);*/
justify-content: space-between;
overflow: auto;
padding: calc(50px + 10vh) 0 50px 50px;
position: relative;
-webkit-transition: height .5s ease-in-out;
transition: height .5s ease-in-out
}

header .nav-container .top,
header .nav-container .top .logo,
header .nav-container .top nav {
-ms-flex-negative: 0;
flex-shrink: 0
}

header .nav-container .top .hidden-button {
display: none
}

header .nav-container .bottom {
background-color: #fff;
color: #000;
padding: 50px 60px;
position: relative;
-webkit-transition: transform .4s ease-in-out;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

header .nav-container .bottom .tabs-container .tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px
}

header .nav-container .bottom .tabs-container .tabs .tab {
margin-bottom: 20px;
margin-right: 40px;
opacity: .5;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}

header .nav-container .bottom .tabs-container .tabs .tab:hover {
opacity: .8
}

header .nav-container .bottom .tabs-container .tabs .tab.active {
opacity: 1
}

header .nav-container .bottom .tabs-container .tabs .tab:last-child {
margin-bottom: 0;
margin-right: 0
}

header .nav-container .bottom .tabs-container .tab-content-container {
position: relative;
-webkit-transition: height .3s ease-in-out;
transition: height .3s ease-in-out
}

header .nav-container .bottom .tabs-container .tab-content {
left: 0;
opacity: 0;
padding-bottom: 50px;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-ms-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: opacity, transform;
-moz-transition-property: opacity, transform;
-ms-transition-property: opacity, transform;
-o-transition-property: opacity, transform;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}

header .nav-container .bottom .tabs-container .tab-content.active {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-delay: .4s;
transition-delay: .4s
}

header .nav-container .bottom .form-container {
max-width: 100%;
width: 510px
}

header .nav-container .bottom .form-container .heading {
color: #0a192d;
font-family: Proxima Nova Bold, sans-serif;
font-size: 36px
}

header .nav-container .bottom .form-container p {
font-size: 15px;
margin-bottom: 30px;
margin-top: 20px
}

header .nav-container .bottom .form-container form p {
margin-bottom: 0
}

header .nav-container .bottom .form-container .button:hover {
color: #000;
}

header .nav-container .bottom .form-container .input-row.padding {
padding: 24px 0
}

header .nav-container .bottom .form-container .input-container.text input {
color: #000;
}

header .nav-container .bottom .form-container .input-container.text input::-webkit-input-placeholder {
color: #000;
}

header .nav-container .bottom .form-container .input-container.text input:-moz-placeholder,
header .nav-container .bottom .form-container .input-container.text input::-moz-placeholder {
color: #000;
opacity: 1
}

header .nav-container .bottom .form-container .input-container.text input:-ms-input-placeholder {
color: #000;
}

header .nav-container .bottom .form-container .input-container.text.select {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}

header .nav-container .bottom .form-container .input-container.text.select .select {
margin-right: 5px;
width: 85px
}

header .nav-container .bottom .form-container .input-container.text.select .select label,
header .nav-container .bottom .form-container .input-container.text.select .select select {
height: 40px;
line-height: 40px
}

header .nav-container .bottom .form-container .input-container.text.select>input {
width: calc(100% - 90px)
}

header .nav-container .bottom .form-container .input-container.textarea textarea {
color: #000;
}

header .nav-container .bottom .form-container .input-container.textarea textarea::-webkit-input-placeholder {
color: #000;
}

header .nav-container .bottom .form-container .input-container.textarea textarea:-moz-placeholder,
header .nav-container .bottom .form-container .input-container.textarea textarea::-moz-placeholder {
color: #000;
}

header .nav-container .bottom .form-container .input-container.textarea textarea:-ms-input-placeholder {
color: #000;
}

header .nav-container .bottom .form-container .input-container.radio .radio label {
border-color: #000;
}

header .nav-container .bottom .form-container .input-container.radio .radio input:checked+label:before {
background-color: #000;
height: 6px;
left: 2px;
top: 2px;
width: 6px
}

header .nav-container .bottom:hover {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}

header.disabled {
pointer-events: none
}

header.menu-open {
max-width: calc(100vw - 0px);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}



header.menu-open .background {
display: block
}

header.menu-open .back-button {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}

header.menu-open.trial-open .nav-container {
overflow: auto
}

header.menu-open.trial-open .nav-container .menu-button {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-delay: .4s;
transition-delay: .4s;
-webkit-transition-duration: .7s;
transition-duration: .7s
}

header.menu-open.trial-open .nav-container .top {
height: 240px;
overflow: hidden
}

header.menu-open.trial-open .nav-container .top nav.main {
opacity: .4
}

header.menu-open.trial-open .nav-container .top .hidden-button {
display: block
}

header.menu-open.trial-open .nav-container .bottom {
-webkit-transform: none;
transform: none
}

header.menu-open.trial-open .nav-container .bottom .hidden-button {
display: none
}

@media only screen and (max-width:1024px) {
header .menu-bar:hover {
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 62px
}

header .menu-bar:hover .trial-link {
width: 62px
}
}

@media only screen and (max-width:767px) {
header {
background-color: transparent;
pointer-events: none;
-webkit-transform: none;
transform: none;
width: 100vw
}

header .back-button {
display: none
}

header .menu-bar,
header .menu-bar-container {
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: height, background-color;
-moz-transition-property: height, background-color;
-ms-transition-property: height, background-color;
-o-transition-property: height, background-color;
transition-property: height, background-color;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
width: 100vw
}

header .menu-bar-container {
background-color: #030928;
bottom: auto;
height: 80px;
left: 0;
pointer-events: auto;
position: fixed;
top: 0;
z-index: 42
}

header .menu-bar {
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}

header .menu-bar .logo.small {
display: none
}

header .menu-bar .menu-button {
width: 50px
}

header .menu-bar .menu-button:hover .menu-button-icon span:first-of-type {
width: 16px
}

header .menu-bar .menu-button:hover .menu-button-icon span:last-of-type {
width: 10px
}

header .menu-bar .trial-link {
background-color: transparent;
border: 1px solid #e1e1e1;
border-radius: 45px;
bottom: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
left: auto;
padding: 0 12px;
right: 14px;
top: 0;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity, transform;
-moz-transition-property: opacity, transform;
-ms-transition-property: opacity, transform;
-o-transition-property: opacity, transform;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
width: 87px
}

header .menu-bar .trial-link .text {
-webkit-transform: none;
transform: none
}

header .menu-bar:hover {
width: 100vw
}

header .menu-bar:hover .trial-link {
width: 87px
}

header .nav-container {
background-color: #fff;
left: 0;
pointer-events: auto;
position: fixed;
top: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: transform .3s ease-in-out;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

header .nav-container .logo {
background-position: 39px 45px;
height: 80px
}

header .nav-container .top {
padding: calc(80px + 5vh) 0 60px 55px
}

header .nav-container .top .logo {
display: none
}

header .nav-container nav.main .nav-link {
font-size: 22px
}

header .nav-container nav.main .nav-link+.nav-link {
margin-top: 18px
}

header .nav-container .bottom {
padding: 40px;
width: 100%
}

header .nav-container .bottom .tabs-container .tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

header .nav-container .bottom .tabs-container .tabs .tab {
margin-right: 0
}

header .nav-container .bottom .form-container p br {
display: none
}

header .nav-container .bottom .form-container .input-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

header .nav-container .bottom .form-container .input-row+.input-row,
header .nav-container .bottom .form-container .input-row .input-container+.input-container {
margin-top: 10px
}

header.menu-open {
max-width: 100vw
}

header.menu-open .nav-container {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

header.menu-open .menu-bar .trial-link {
opacity: 0
}

header.menu-open .menu-button .menu-button-icon span:first-of-type {
width: 10px
}

header.menu-open .menu-button .menu-button-icon span:last-of-type {
width: 16px
}

header.menu-open .menu-button:hover .menu-button-icon span:first-of-type {
width: 10px
}

header.menu-open .menu-button:hover .menu-button-icon span:last-of-type {
width: 16px
}

header.menu-open+.wrapper .logo.top {
-webkit-transform: translate3d(54px, 42px, 0);
transform: translate3d(54px, 42px, 0)
}

header.menu-open.reverse .menu-bar .menu-button .menu-button-icon span,
header.reverse .menu-bar .menu-button .menu-button-icon span {
background-color: #fff
}
}

@media only screen and (max-width:600px) {
header .nav-container .top nav.inline {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

header .nav-container .top nav.inline a {
font-size: 16px;
margin-bottom: 10px;
margin-right: 0
}

header .nav-container .top nav.inline a:last-of-type {
margin-bottom: 0
}
}

@media only screen and (max-width:320px) {
header .nav-container .bottom {
padding: 30px
}

header .nav-container nav.main .nav-link {
font-size: 24px
}

header .nav-container nav.main .nav-link+.nav-link {
margin-top: 18px
}
}

footer {
background-color: #263069;
position: relative;
z-index: 15
}

footer .g-recaptcha {
border-radius: 3px;
display: inline-block;
margin-top: 70px;
mix-blend-mode: luminosity;
overflow: hidden
}

footer .g-recaptcha .grecaptcha-badge {
-webkit-box-shadow: none !important;
box-shadow: none !important
}

footer .logo-container .logo {
height: 44px;
margin-bottom: 6px;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
width: 138px
}

footer .logo-container .logo:hover {
opacity: .7
}

footer .logo-container span {
color: hsla(0, 0%, 100%, .45);
font-size: 19px
}

footer .bottom,
footer .top {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

footer .bottom,
footer .form-container,
footer .top {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

footer .form-container {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 100%;
width: 600px
}

footer .form-container>p {
color: #fff;
font-size: 14px;
padding-right: 10%;
width: 45%
}

footer .form-container form {
width: 310px
}

footer .form-container form p {
color: #fff;
font-size: 12px;
margin-top: 10px
}

footer .top {
padding-bottom: 32px
}

footer .bottom {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-top: 1px solid #313e4f;
padding-top: 26px
}

footer .bottom .right {
text-align: right;
width: 50%
}

footer .bottom .right p,
footer .bottom .right span {
color: hsla(0, 0%, 100%, .4);
font-size: 12px
}

footer .bottom .right p {
line-height: 1.6em
}

footer .bottom .right p a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: hsla(0, 0%, 100%, .4);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 5px;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}

footer .bottom .right p a svg.ryze-logo {
margin-left: 3px;
width: 16px
}

footer .bottom .right p a svg.ryze-logo .cls-3 {
-webkit-transition: fill .3s ease-in-out;
transition: fill .3s ease-in-out
}

footer .bottom .right p a:hover {
color: #fff
}

footer .bottom .right p a:hover svg.ryze-logo .cls-3 {
fill: #fff
}

footer nav.footer .nav-link {
color: #ffffff8f;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
margin-right: 25px;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
line-height: 1.6;
padding: 3px 0px;
display: inline-block;
}

footer nav.footer .nav-link:last-of-type {
margin-right: 0
}

footer nav.footer .nav-link.active,
footer nav.footer .nav-link:hover {
color: hsla(0, 0%, 100%, .8)
}

footer nav.footer-sub {
margin-bottom: 5px
}

footer nav.footer-sub span {
margin-right: 8px;
padding-right: 10px;
position: relative
}

footer nav.footer-sub span:after {
background-color: hsla(0, 0%, 100%, .4);
content: "";
height: 9px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 1px
}

footer nav.footer-sub .nav-link {
color: hsla(0, 0%, 100%, .4);
font-size: 12px;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}

footer nav.footer-sub .nav-link+.nav-link {
margin-left: 8px
}

footer nav.footer-sub .nav-link:hover {
color: hsla(0, 0%, 100%, .8)
}

@media only screen and (max-width:1023px) {
footer .bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: normal;
border-top: none;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0
}

footer .bottom .right {
border-top: 1px solid #313e4f;
margin-top: 26px;
padding-top: 26px;
text-align: left;
width: auto
}
}

@media only screen and (max-width:960px) {
footer .top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column
}

footer .top .logo-container {
margin-bottom: 30px
}

footer .form-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}

@media only screen and (max-width:767px) {
footer .form-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column
}

footer .form-container>p {
margin-bottom: 20px;
padding-right: 0;
width: 100%
}

footer .form-container form {
max-width: 100%
}
}

@media only screen and (max-width:520px) {
footer {
padding: 40px 30px
}

footer nav.footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

footer nav.footer .nav-link {
line-height: 2em;
margin-bottom: 5px;
margin-right: 15px
}

footer .bottom .right p a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 0
}
}

html.ie11 header .menu-bar-container {
width: 182px
}

html.ie11 header .menu-bar .trial-link {
width: 100%
}

html.ie11 header .menu-bar .trial-link .text {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 12px;
width: 62px
}

html.ie11 header .nav-container .top {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

html.ie11 header .nav-container .logo {
position: absolute
}

html.ie11 section.staff-list-container .staff-list .text-container p {
width: 100%
}

html.ie11 section.custom-layout-container.style-14 {
overflow: hidden;
padding-top: 40px
}

html.ie11 section.custom-layout-container.style-8 .right-container {
width: 40%
}

html.ie11 section.custom-layout-container.style-16 .diagram-container>svg.t20-waves {
top: auto;
-webkit-transform: scaleX(-1) !important;
transform: scaleX(-1) !important
}

html.ie11 section.preview-links-carousel-container,
html.ie11 section.preview-links-with-text-container {
overflow: hidden
}

html.ie11 section.contact-container svg.waves {
height: 24%
}

html.ie11 section.content-full-container .button-with-waves svg.t7-waves {
height: 174px
}

html.ie11 section.content-split-container .left-container {
left: 0;
position: absolute
}

html.ie11 section.content-split-container .video-container {
height: 100%;
left: 0;
position: absolute
}

html.ie11 section.content-split-container.background-fixed,
html.ie11 section.content-split-container.background-left .left-background {
background-attachment: local
}

html.ie11 section.content-split-container[data-section="0"],
html.ie11 section.content-split-container[data-section="2"],
html.ie11 section.content-split-container[data-section="3"] {
min-height: 0
}

html.ie11 section.content-split-container[data-section-active][data-section="0"],
html.ie11 section.content-split-container[data-section-active][data-section="2"],
html.ie11 section.content-split-container[data-section-active][data-section="3"] {
height: 100vh
}

html.ie11 section.content-split-container[data-section-active][data-section="0"] .fixed-container,
html.ie11 section.content-split-container[data-section-active][data-section="2"] .fixed-container,
html.ie11 section.content-split-container[data-section-active][data-section="3"] .fixed-container {
left: 0;
position: relative
}

html.ie11 .tiles.style-8 svg.t8-single-wave {
display: none
}

html.ie11 .tiles.style-8 svg.t8-waves {
left: 50px
}

html.ie11 .tiles.style-8 svg.t8-circle {
height: 105px
}

html.ie11 .tiles.style-12 svg.t12-waves {
left: auto;
right: -10%
}

html.ie11 .tiles.style-16 .edge-lines {
bottom: -20px
}

html.ie11 .carousel-outer {
overflow: hidden
}

html.ie11 .main-accordion .item.active {
width: 67%
}

html.ie-edge section.content-split-container .left-container {
left: 0;
position: absolute
}

html.ie-edge section.content-split-container .video-container {
height: 100%;
left: 0;
position: absolute
}

html.ie-edge section.content-split-container.background-fixed,
html.ie-edge section.content-split-container.background-left .left-background {
background-attachment: scroll
}

html.ie-edge section.content-split-container[data-section="0"],
html.ie-edge section.content-split-container[data-section="2"],
html.ie-edge section.content-split-container[data-section="3"] {
min-height: 0
}

html.ie-edge section.content-split-container[data-section-active][data-section="0"],
html.ie-edge section.content-split-container[data-section-active][data-section="2"],
html.ie-edge section.content-split-container[data-section-active][data-section="3"] {
height: 100vh
}

html.ie-edge section.content-split-container[data-section-active][data-section="0"] .fixed-container,
html.ie-edge section.content-split-container[data-section-active][data-section="2"] .fixed-container,
html.ie-edge section.content-split-container[data-section-active][data-section="3"] .fixed-container {
left: 0;
position: relative
}

html.ie-edge section.content-split-container .left-container,
html.ie-edge section.content-split-outer-container .left-container {
padding-bottom: 50px;
padding-top: 50px
}

html.ie-edge .tiles.style-16 .edge-lines {
bottom: -20px
}



/*--new header css start here------------------------------*/


header .nav-link{
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 400;
color: #000;
padding: 10px 47px 10px 0px !important;
letter-spacing: -0.5px;
}

header .nav-link:hover{
color: #5f249f !important;
}

header .nav-link i{
color: #000;
font-size: 12px;
font-weight: 600;
margin-left: 3px;
position: relative;
top: -1.5px;
}

.contact-menu{
color: #5f249f !important;
font-weight: 500 !important;
}

.megamenu-li{
position: static;
}

.megamenu{
position: absolute;
width: 100%;
left: 0;
right: 0;
padding: 0px 15px;
z-index: -1;
height: 100vh;
}

.main-menu{
border-right: 1px solid #eceef1;
height: 84vh;
}

.menu-list{
list-style: none;
margin-bottom: 0px;
margin-top: 50px;
padding-left: 0px;
}

.menu-list li.active{
background-color: #5f249f;
}

.menu-list li.active a{
color: #fff;
text-decoration: none;
}

.menu-list li{
cursor: pointer;
height: 50px;
line-height: 1.8;
padding: 10px;
width: auto;
border-radius: 0px;
/*display: inline-block;*/
box-shadow: inset 0 0 0 0 #5f249f;
background-color: #fff;
border-bottom: 1px solid #eceef1;
opacity: 1;
position: relative;
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
font-family: 'Poppins', sans-serif;
}

.menu-list li:hover{
box-shadow: inset 400px 0 0 0 #5f249f;
}

.menu-list li a{
font-size: 16px;
font-weight: 500;
color: #000;
font-family: 'Poppins', sans-serif;
display: flex;
justify-content: space-between;
align-items: center;
}

.menu-list li a i{
font-weight: 700;
}

.menu-list li:hover a{
color: #fff;
}

.custom-box-img{
position: relative;
}

.zoom-effect-images{
position: relative;
margin: 0 auto;
overflow: hidden;
background: #000;
}

.zoom-effect-images img{
opacity: 1;
-webkit-transition: .4s ease;
transition: .4s ease;
}

.zoom-effect-images:hover img{
opacity: .5;
-webkit-transform: scale(1.08);
transform: scale(1.08);
}

.custom-list .list-image img{
width: 100%;
height: 135px;
object-fit: cover;
}

.view-title{
text-align: left;
position: absolute;
bottom: 0;
padding: 10px 15px;
width: 100%;
font-size: 14px;
height: 55px;
background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.9) 100%,#000);
}

.view-title .entry-text{
-webkit-font-smoothing: antialiased!important;
font-weight: 500;
color: #fff;
font-size: 14px;
line-height: 2.3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.mobile-logo img{
width: 80px;
display: block;
margin-left: auto;
margin-right: auto;
}

.navbar{
height: 5.1875rem;
}

.images-row{
position: relative;
left: 80px;
top: 50px;
padding-left: 12px;
}

.bg-custom{
height: 100vh;
}

.megamenu{
background-image: url("../img/bg-menu.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: inset 0 4px 24px rgb(0 0 0 / 10%);
box-shadow: inset 0 4px 24px rgb(0 0 0 / 10%);
}


.contact-menu{
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 600;
color: #5f249f !important;
font-weight: 500 !important;
border-left: 1px solid #eceef1;
border-right: 1px solid #eceef1;
padding: 10px 47px 10px 47px !important;
}

.category-input-box{
width: 80%;
}

.category-input-box button{
width: 100%;
height: 45px;
}

.category-main-box input{
height: 45px;
}

.category-input-box .input-group{
height: 45px;
}

.category-main-box .dropdown-menu.show{
display: block;
width: 80%;
top: -3px !important;
border-radius: 0px;
}

.category-main-box .dropdown-item:focus, .dropdown-item:hover {
color: #fff;
text-decoration: none;
background-color: #02d1a6;
}

.call-back h1{
font-size: 5.7rem;
font-weight: bold;
}

.call-back h2{
font-size: 32px;
font-weight: normal;
font-family: Proxima Nova light, sans-serif;
}

.pop-text{
font-size: 18px;
line-height: 1.8;
color: #000;
font-family: Proxima Nova light, sans-serif;
}

.popup-form .form-control{
height: 45px;
border-radius: 0px;
}

.btn-menu-close{
background-color: #02d1a6;
color: #fff;
border: 1px solid #02d1a6;
padding: 10px;
box-shadow: none !important;
border: none;
border-radius: 50px;
height: 40px;
width: 40px;
line-height: 22px;
cursor: pointer;
}
/*--new header css end here--------------------------------*/

.filter-testimonial{
display: flex;
border: 1px solid #c7c7c7;
padding: 10px 15px;
align-items: center;
}

.filter-testimonial p{
margin-bottom: 0px;
font-size: 18px;
color: #000;
padding: 0px 20px;
font-family: Proxima Nova Bold, sans-serif !important
}

.filter-testimonial a{
font-size: 18px;
color: #000;
font-weight: 500;
padding: 0px 20px;
font-family: Proxima Nova Light, sans-serif !important
}



.slide-read-more{
overflow:hidden;
}

.slide-read-more-button{
cursor: pointer;
text-align: right;
margin-top: 8px;
color: #488A8A;
display: none;
}