@font-face {
    font-family: 'ambitregular';
    src: url('../fonts/Ambit-Regular.woff2') format('woff2'),
         url('../fonts/Ambit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
* {
    font-weight: 400;
}
body,html{
	position:relative;
	width:100%;
	min-width:100%;
	height:auto;
	min-height:100%;
	margin:0;
	padding:0;
	background:#fff
}
body{
	font-family:helvetica,arial,sans-serif;
	font-size:10px;
	line-height:1.4em;
	color:#1d1d1b;
	background:#fff;
	-webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}
.fonts-loaded body{
	font-family:'Inter';
	line-height:1.4;
}
::-moz-selection{
	background:#b3d4fc;
	text-shadow:none
}
::selection{
	background:#b3d4fc;
	text-shadow:none
}
hr{
	display:block;
	height:1px;
	margin:1em 0;
	padding:0;
	border:0;
	border-top:1px solid #ccc
}
audio,canvas,iframe,img,svg,video{
	vertical-align:middle
}
fieldset{
	margin:0;
	padding:0;
	border:0
}
textarea{
	resize:vertical
}
h1,h2,h3,h4,h5,h6,p{
	clear:both;
	text-rendering:optimizelegibility;
}
.hero .pagetitle,.hero h1{
    font-size: calc(3em + 2vw);
    font-style: normal;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    color: #1d1d1b;
    letter-spacing: -.01em;
}
.hero h1.center{
	margin:0 auto;
}
.hero h1 strong,
.hero .pagetitle strong {
    position: relative;
    font-weight: 400;
    color: #fff!important;
    z-index: 100;
    padding: 0 .3em;
    white-space: nowrap;
}
.hero h1 strong:before,
.hero .pagetitle strong:before {
    content: "";
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    height: 1.195em;
    z-index: -1;
    transform: translateY(-50%);
}

_::-webkit-full-page-media, _:future, :root .hero h1 strong:before {
	top: 50%;
}
_::-webkit-full-page-media, _:future, :root .hero .pagetitle strong:before {
	top: 50%;
}

/* Content */

section.content{
	position:relative;
	z-index: 1;
}
section.content:after{
    content: "";
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	box-shadow: 0 0 35px #00000005;
}
section.content:nth-of-type(odd) {
	z-index: 0;
}
section.content:nth-of-type(odd):after {
	background: #fdfdfd;
}
body > section.content.intro:after{
	border-radius: 5px 5px 0 0;
}
body > section.content.contact-us:after{
	border-radius: 0 0 5px 5px;
}
section.content:after{
	border-radius: 0 0 5px 5px;
}
section.content .container{
	padding-top:calc(1.5em + 3vw);
	padding-bottom:calc(1.5em + 3vw)
}
section.content .container.fullwidth {
	max-width: 100%;
}
section.content.centered .col {
	float: none;
    margin: 0 auto;
    text-align: center;
}
section.content.centered * {
	text-align: center;
}
h1, h2, h3, h4, h5, h6, .pagetitle {
    font-family: 'ambitregular';
}
.content h1,h2{
	font-size:calc(2em + 1.4vw);
	font-style:normal;
	line-height:1.1;
	margin:0;
	padding:0;
	word-spacing:0;
	color:#1d1d1b;
	text-align: center;
}
h3{
	font-size:calc(1.8em + .5vw);
	font-style:normal;
	line-height: 1.10em;
	margin:0;
	padding:0;
	word-spacing:0;
	color:#1d1d1b;
}
h4{
	font-size:2em;
	font-style:normal;
	line-height: 1.10em;
	margin:0;
	padding:0;
	word-spacing:0;
	color:#1d1d1b;
}
h5{
	font-size:2em;
	font-style:normal;
	line-height: 1.10em;
	margin:0;
	padding:0;
	word-spacing:0;
	color:#1d1d1b;
}
h6{
	font-size:1em;
	font-style:normal;
	line-height: 1.10em;
	margin:0;
	padding:0;
	word-spacing:0;
	color:#1d1d1b;
}
p{
	font-size:calc(1.6em + .3vw);
	font-style:normal;
	line-height:1.4em;
    letter-spacing: .01em;
	margin:.7em 0;
	padding:0;
	word-spacing:0;
	color:#1d1d1b
}
p:first-of-type{
	margin-top:.4em
}
b,strong{
	font-weight:600
}
em,i{
	font-style:italic
}
hr{
	display:block;
	width:100px;
	height:1px;
	padding:0;
	text-align:left;
	border:0;
	border-top:1px solid #3c3b3b
}
i.fa{
	margin-right:.3em
}
i.io-arrow:after {
    content: "";
    background: url(../images/io-arrow.svg);
    height: .57em;
    width: 1.2em;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.exp {
	font-size: 65%;
	position: relative;
	top: -.4em;
	margin: 0 .1em 0 .15em;
	font-family: inter;
}
.justify{
	text-align:justify!important;
	text-justify:inter-word!important
}
.left{
	text-align:left!important
}
.right{
	text-align:right!important
}
.center{
	text-align:center!important
}
.center img{
	display:inline-block;
	zoom:1
}
.noselect{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none
}
.browserupgrade{
	margin:.2em 0;
	padding:.2em 0;
	color:#1d1d1b;
	background:#ccc
}
.row{
	position:relative;
	z-index:1;
	float:left;
	clear:both;
	width:100%;
	height:100%;
	min-height:100%;
	margin: 0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.col{
	position:relative;
	z-index:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:auto;
	margin:0;
	padding:0;
	text-align:left
}
.col>:not(a):last-child{
	margin-bottom:0!important
}
.container:after{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:'.'
}
.col-1{
	width:calc((1 / 12) * 100%)
}
.col-2{
	width:calc((2 / 12) * 99.9%)
}
.col-3{
	width:25%
}
.col-4{
	width:calc((4 / 12) * 100%)
}
.col-5{
	width:calc((5 / 12) * 100%)
}
.col-6{
	width:50%
}
.col-7{
	width:calc((7 / 12) * 100%)
}
.col-8{
	width:calc((8 / 12) * 100%)
}
.col-9{
	width:75%
}
.col-10{
	width:calc((10 / 12) * 100%)
}
.col-11{
	width:calc((11 / 12) * 100%)
}
.col-12{
	width:100%
}
.col.blank{
	height:1px
}
nav{
	font-size:calc(.8em + .5vw);
	position:fixed;
	z-index:10000;
	top:0;
	right:0;
	left:0;
	height: 132px;
	padding:0;
	transition:opacity .3s ease,transform .3s ease;
    font-family: 'ambitregular';
}
nav .top-nav {
	top:0;
	height: 40px;
	min-height: unset;
	z-index: 10;
}
nav.desktop-nav .top-nav .col>ul {
    justify-content: flex-end;
}
nav.desktop-nav .top-nav .col>ul>li {
	margin: 0 1.5em;
	font-size: .9em;
	line-height: 30px;
}
nav.desktop-nav .top-nav .col>ul li:last-of-type {
	margin-right: 0;
}
nav.desktop-nav .top-nav .col>ul>li>ul {
	list-style: none;
    margin: 0;
    padding: 0;
}
nav.desktop-nav .top-nav .col>ul>li>ul>li.has-sub {
    margin: 0;
	position: relative;
}
nav .second-nav {
    display: flex;
    align-items: center;
    height: calc(100% - 40px);
    min-height: unset;
}
nav .top-nav:after {
	content: "";
    position: absolute;
    height: 100%;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    left: -6%;
    right: -6%;
	box-shadow: 0 0 35px #00000005;
}
nav.desktop-nav .nav-bg{
	position:absolute;
	top:0;
	right:-25%;
	left:-25%;
	height: 92px;
    background: rgb(255 250 250 / 92%);
	-webkit-backdrop-filter:blur(15px);
	backdrop-filter:blur(15px);
	transition: all 300ms ease;
}
nav.desktop-nav .nav-bg.transparent{
    background: rgb(255 250 250 / 0%);
	-webkit-backdrop-filter:blur(0px);
	backdrop-filter:blur(0px);
}
nav *{
	text-decoration:none;
	color:#1d1d1b;
}
nav.desktop-nav .row{
	display:flex;
	align-items:center
}
nav.desktop-nav .col>ul{
	display:flex;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	justify-content: flex-end;
}
nav.desktop-nav .main-menu li {
	margin: 0 1.5em;
}
nav.desktop-nav .main-menu li:last-of-type {
	margin-right: 0;
}
nav.desktop-nav .main-menu li,
nav.desktop-nav .main-menu li a {
	transition:transform .2s ease-out;
	position: relative;
}
nav.desktop-nav .main-menu li a {
	padding: .5em 0;
	display: inline;
	white-space: nowrap;
}
nav.desktop-nav .main-menu a::after{
	position:relative;
	top:.5em;
	display:block;
	width:0;
	height:2px;
	content:'';
	transition:all .3s ease;
	opacity:0;
	background: #1d1d1b;
}
nav.desktop-nav .main-menu li:hover {
	transform: translateY(-3px);
}
nav.desktop-nav .main-menu li:hover a {
	color: #888;
}
nav.desktop-nav .main-menu li.active a::after{
	width:100%;
	opacity:1
}
nav.desktop-nav .logo{
	display:inline-block;
	text-align:left
}
nav.desktop-nav .logo .svg,nav.desktop-nav .logo img{
	position:relative;
	top:-.2em;
	height:1.8em
}
nav.desktop-nav .logo .svg{
	fill:#ffc41e
}
nav.desktop-nav .btns>ul{
	justify-content:flex-end
}
nav.desktop-nav .btns a.important-btn{
	background:#ffc41e;
	border-radius:3em;
	padding:.5em 1.5em .6em;
	color:#27d4d8
}
nav.desktop-nav .btns a.open-btn{
	border:2px solid #ffc41e;
	border-radius:3em;
	padding:.5em 1.5em .6em
}
nav.desktop-nav .btns a.important-btn::after,nav.desktop-nav .btns a.open-btn::after{
	content:none
}
nav.desktop-nav .has-sub div{
	position:relative;
    top: 33%;
}
nav.desktop-nav .contact-icon *{
	height:.75em;
	margin-top:-.1em
}
nav.desktop-nav .has-sub .menu-login{
	position:relative;
	z-index:20
}
nav.desktop-nav .has-sub .menu-login:hover{
	cursor:pointer
}
nav.desktop-nav .has-sub .close{
	font-size:1.2em;
	position:absolute;
	z-index:10;
	top:50%;
	left:0;
	width:100%;
	cursor:pointer;
	transition:all .3s ease;
	text-align:center;
	opacity:0;
	transform:translateY(-50%)
}
nav.desktop-nav .has-sub div.active .menu-login{
	opacity:0
}
nav.desktop-nav .has-sub div.active .close{
	opacity:1
}
nav i{
	margin:-1px 0 0!important
}
nav a.contact-icon::after{
	content:none!important
}
nav.mobile-nav * {
	color: #fff;
}
nav.mobile-nav .menu-burger{
	position:absolute;
	z-index:10;
	top:31px;
	right:31px;
	width:30px;
	height:30px;
	cursor:pointer;
	transition:opacity .3s ease,transform .3s ease
}
nav.mobile-nav .menu-burger:after,nav.mobile-nav .menu-burger:before{
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:20px;
	height:3px;
	content:'';
	transition:transform .3s ease;
	background:#1d1d1b;
}
nav.mobile-nav .menu-burger:before{
	transform:translate(-50%,-6px)
}
nav.mobile-nav .menu-burger:after{
	transform:translate(-50%,3px)
}
nav.mobile-nav .menu-burger.open:before{
	transform:translate(-50%,-50%) rotate(-45deg)
}
nav.mobile-nav .menu-burger.open:after{
	transform:translate(-50%,-50%) rotate(45deg)
}
nav.mobile-nav{
	right:0;
	left:unset;
	width:0;
	padding:0
}
nav.mobile-nav .overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:0;
	margin:0;
	transition:all .3s ease;
	pointer-events:none;
	opacity:0;
	background: #ff6666;
}
nav.mobile-nav .overlay.gradient.bg{
	background:#ff6666!important;
}
nav.mobile-nav.visible .overlay{
	height:100%;
	pointer-events:auto;
	opacity:1
}
nav.mobile-nav .overlay>ul{
	position:absolute;
	top:50%;
	left:10vw;
	display:flex;
	width:43%;
	height:80%;
	transform:translateY(-50%);
	flex-wrap:wrap
}
nav.mobile-nav .overlay>ul:last-of-type{
	right:10vw;
	left:unset;
	width:33%
}
nav.mobile-nav .overlay>ul:last-of-type li{
	font-size:calc(2vw + .7em);
	white-space:nowrap;
	display:block
}
nav.mobile-nav .overlay>ul:last-of-type li.phonenumber{
	height:unset
}
nav.mobile-nav .overlay>ul:last-of-type li.phonenumber span{
	display:block;
	font-size:80%
}
nav.mobile-nav .overlay>ul:last-of-type li.phonenumber a{
	display:block;
	font-size:130%
}
nav.mobile-nav .overlay ul{
	z-index:10;
	margin:0;
	padding:0;
	align-content:space-between
}
nav.mobile-nav .overlay>ul>li{
	font-size:calc(3vw + .7em);
	height:1em
}
nav.mobile-nav .overlay ul li{
	display:flex;
	width:100%;
	list-style:none
}
nav.mobile-nav .overlay ul li:last-of-type{
	height:unset
}
nav.mobile-nav .overlay li a{
	line-height:1.2;
	margin:0;
	text-decoration:none;
	color:#fff
}
nav.mobile-nav .overlay li h2{
	font-size:1em;
	height:1em;
	color:#fff
}
nav.mobile-nav .overlay .rightside a{
	font-size:.7em
}
nav ul li.has-sub img{
	height:18px;
	transform:translateY(-2px);
	fill:#fff
}
nav ul.cp-menu{
	white-space: nowrap;
    position: absolute;
    top: -6px;
    right: -15px;
    padding: 2.2em 2.5em;
    list-style: none;
    transition: all .3s ease;
    transform: translateY(-30px) scaleY(1.05);
    pointer-events: none;
    opacity: 0;
    background: #fff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 35px #00000005;
}
nav ul.cp-menu.active{
	transform:translateY(0) scaleY(1);
	pointer-events:all;
	opacity:1
}
nav ul.cp-menu h2{
	font-size:1.4em;
	line-height:1.2;
	margin-bottom:.8em;
	padding-bottom:.8em;
	pointer-events:none;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,.13)
}
nav ul.cp-menu li{
	font-size:.8em;
	line-height:1.2;
	display:flex;
	width:auto;
	margin:.7em 0 0;
	padding:.1em 0
}
nav.desktop-nav .cta-btn{
    background: #1d1d1b;
    padding: 0 1.4em;
    color: #fff!important;
    display: block;
    border-radius: 2em;
    -webkit-text-stroke: .4px;
    line-height: 30px;
}
nav.desktop-nav .main-menu .cta-btn::after{
	content:none
}

/* Hero */
.hero{
	position:relative;
	overflow:hidden;
	min-height: calc(25vw + 12rem);
}
.hero.slim {
    min-height: unset;
    margin-top: 4em;
}
.hero.slim .title {
    top: 62%;
}
.hero .container{
	padding-top:calc(100vw / 9);
	padding-bottom: calc(100vw / 20);
	pointer-events:none
}
.hero.slim .container{
	padding-top:calc(4rem + 50vw / 20);
	padding-bottom:calc(1.5rem + 50vw / 20)
}
.hero .cta-btn{
	font-size:calc(1.7em + .3vw);
	line-height:1.2em;
	position:relative;
	display:inline-block;
	margin:1.5em 0 3em;
	padding:.65em 1.6em .7em;
	transition:all .3s ease;
	text-align:center;
	text-decoration:none;
	pointer-events:all;
	border:none
}
.hero .border-btn{
	font-size:calc(1.6em + .3vw);
	line-height:1.2em;
	position:relative;
	display:inline-block;
	margin:1em 0;
	padding:.65em 1.6em .7em;
	transition:all .3s ease;
	text-align:center;
	text-decoration:none;
	pointer-events:all;
	color:#ffc41e!important;
	border:none;
	background:0 0
}
.hero .border-btn:after{
	position:absolute;
	z-index:-1;
	bottom:0;
	left:50%;
	width:100%;
	height:100%;
	content:'';
	transition:all .3s ease;
	transform:translate(-50%,0);
	box-shadow:inset 0 0 0 3px #ffc41e
}
.hero .border-btn:hover,.hero .cta-btn:hover{
	transform:translateY(-4px)
}
.hero .cta-btn:after{
	position:absolute;
	z-index:-1;
	bottom:0;
	left:50%;
	width:100%;
	height:100%;
	content:'';
	transition:all .3s ease;
	transform:translate(-50%,0);
	box-shadow:inset 0 0 0 3px #1d1d1b
}
.hero .border-btn:hover:after,.hero .cta-btn:hover:after{
	width:calc(100% - 3.2em);
	height:3px;
	transform:translate(-50%,4px)
}
.hero .title {
    top: 55%;
    position: absolute;
    transform: translateY(-50%);
    z-index: 100;
    pointer-events: all;
    max-width: calc(80vw / 2);
}
/* Hero Buddies & Wiggles */
.hero .buddies,
.hero .wiggles {
position: absolute;
top: 155px;
bottom: 0;
width: 50%;
right: 0;
z-index: 0;
}
.hero .buddies {
z-index: 10;
}
.hero .buddies ul,
.hero .wiggles ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.hero .buddies ul li,
.hero .wiggles ul li {
position: absolute;
bottom: 0;
height: 100%;
transition: opacity .5s ease;
}
.hero .wiggles ul li {
left: 30%;
}
.hero .buddies ul li img {
height: 100%;
}
.hero .wiggles ul li svg {
height: 100%;
}
.hero .wiggles .draw path {
	stroke-dasharray: 180%;
	stroke-dashoffset: 280%;
	animation: dash 1.8s ease-in-out forwards;
}
@keyframes dash {
	to {
	  stroke-dashoffset: 0;
	}
  }
.hero .wiggles svg path,
.hero .wiggles svg polyline{
stroke-width: 1.5em;
}
.hero .wiggles svg * {
fill: none;
}
.hero .wiggles .io-red svg * {
stroke: #ff6666;
}
.hero .wiggles .io-blue svg * {
stroke: #27d4d8;
}
.hero .wiggles .io-purple svg * {
stroke: #a166ff;
}
.hero .wiggles .io-yellow svg * {
stroke: #ffc41e;
}
@media only screen and (max-width:1200px) {
	.hero.slider {
	  min-height: 380px;
	  padding-top: 9em;
	}
	.hero.slider .news-message {
	  height:auto!important;
	}
	.hero.slider .news-message > div {
	  font-size: .8em;
	  top: 0;
	  position: relative;
	}
	.hero.slider h1, .hero.slider p.pagetitle {
	  font-size: calc(2.5em + 1.5vw);
	}
	.hero .buddies,
	.hero .wiggles {
	  top: 40px;
	}
  }
  
  @media only screen and (max-width:770px) {
	.hero .buddies ul li, .hero .wiggles ul li {
	  height: calc(20vw + 6em);
	}
  }
  
[data-aos=zoom-in]{
	transition-property:transform,opacity;
	transform:translateY(10px) translateX(50px) scale(1.15);
	opacity:0;
	opacity:1
}

/* Cookie Notice */
#cookie-notice a,section.content .container a:not(.button),
section.content .link:not(.button){
	padding-bottom: .15em;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 2px solid;
    font-family: 'ambitregular';
	white-space: nowrap;
}

section.content .container .button.cta-btn{
	font-size:calc(1.7em + .3vw);
	display:block;
	margin:2em 0 0
}
section.content .container .button.callform{
	cursor:pointer
}

/* Buttons */
section .button {
font-size: calc(1.6em + .3vw);
font-family: 'ambitregular';
line-height: 1.4em;
position: relative;
z-index: 100;
display: inline-block;
margin: 1em 0;
padding: .55em 1.6em .45em;
text-align: center;
text-decoration: none;
color: #1d1d1b;
border: none;
background: 0 0;
transition: all .3s ease;
box-shadow: inset 0 0 0 0.1em #1d1d1b;
border-radius: 2em;
}
section .button span {
display: inline-block;
position: relative;
transition: all 200ms ease-out;
will-change: transform;
color: #1d1d1b;
white-space: nowrap;
}
section .button svg {
fill: #1d1d1b;
height: .7em;
position: absolute;
top: 50%;
transition: all 200ms ease-out;
will-change: transform;
transform: translate(-1em,-50%);
opacity: 0;
right: .8em;
}
section .button:hover span {
transform: translateX(-.6em);
}
section .button:hover svg {
transform: translate(0em,-50%);
opacity: 1;
}

section .button.download svg {
	will-change: transform;
	transform: translate(0em,-125%)rotate(90deg);
}
section .button.download:hover svg {
	transform: translate(0em,-50%)rotate(90deg);
}

section.bg .button {
	box-shadow: inset 0 0 0 0.1em #fff;
	color: #fff;
}
section.bg .button span {
	color: #fff;
}
section.bg .button svg {
	fill: #fff;
}

/* Content 2 */

section.content .container .row{
	margin: 0 -2.5em;
    width: calc(100% + 5em);
}
section.content .container .col{
	padding-right:0
}
section.content .container h2{
	padding: 0 0 .6em;
}
section.content.left .container>.row {
	flex-direction: row-reverse;
}
section.content .container>.row>.col {
	padding-left: 2.5em;
	padding-right: 2.5em;
}
section.content .container .col.image {
	text-align: center;
}
section.content .container .col.image img {
    width: 30%;
}

section.content .container .row.services{
	justify-content: center;
	width:100%;
	margin: auto;
}
section.content .container .row.services .col{
    text-align: center;
    padding: 3em;
    box-shadow: 0 10px 35px #00000008;
    background: #fff;
    margin: 1.5em 0;
    border-radius: 5px;
	width: calc(100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
}
section.content .container .row.values .col {
	align-content: flex-start;
}
section.content .container .row.services .col h3,
section.content .container .row.services .col p {
	width: 100%;
}
section.content .container .row.services .col .button {
	margin: .5em 0;
}

section.content.steps .col-4 {
	margin-bottom: 3em;
	padding: 0 2em;
}
section.content.steps .col-12 {
	padding-bottom: 6em;
}
section.content.steps h2 {
	padding-bottom: .2em;
}
section.content.steps h3 {
	color:#1d1d1b;
}
section.content.steps img {
	width: 33%;
}
section.content.steps .icon {
	position: relative;
	margin-bottom: 2em;
}

section.content.testimonials:after {
	content: none;
}
section.content.testimonials .testimonial {
	padding: 2em 3em;
	box-shadow: 0 10px 35px #00000008;
	background: #fff;
	border-radius: 5px;
	margin-top: 2em;
}
section.content.testimonials .testimonial .logo {
	position: relative;
    background: #fff;
    padding: 3em;
    border-radius: 50em;
	overflow: hidden;
}
section.content.testimonials .testimonial .logo img {
    width: calc(5vw + 12em);
}
section.content.testimonials .testimonial .quote {
	width: 100%;
}
section.content.testimonials .testimonial .quote > p:first-of-type {
	font-size: calc(1.3em + .3vw)
}

section.content.bg:after {
	background:#ff6666;
}

@media screen and (min-width:768px){
	.content h1,h2 {
		text-align: left;
	}
	section.content .container .col.image {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	section.content .container .col.image img {
		width: 50%;
	}
	section.content.steps > .container > .row > .col > .icon:after {
		content: "";
		background: url(../images/io-arrow.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		width: 5em;
		height: 5em;
		top: 50%;
		right: -2em;
		transform: translate(50%, -50%);
	}
	section.content.steps > .container > .row > .col:last-of-type > .icon:after {
		content: none;
	}
	section.content.testimonials .testimonial {
		padding: 0 8em 3em;
		display: flex;
		align-content: space-between;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: calc(2.5vw + 8em);
	}
	section.content.testimonials .testimonial .logo {
		top: -6em;
		margin-bottom: -6em;
	}
}
section.content .container ul{
	display:flex;
	margin:0 -2.5em;
	padding:0;
	flex-wrap:wrap
}
section.content .container ul li{
	font-size: calc(1.6em + .3vw);
    line-height: 1.2;
    position: relative;
    width: 50%;
    margin: .5em 0;
    padding: 0 1.25em 0;
    list-style: none;
}
section.content .container ul.list{
	margin:0;
}
section.content .container ul.list li:before{
	position: absolute;
    content: "";
    background: url(../images/io-bullet.svg);
    left: 0;
    height: .65em;
    width: .65em;
    background-size: contain;
    background-repeat: no-repeat;
	top: .23em;
}
section.content .container ul.thin li{
	margin:.5em 0
}
section.content .container ul.x1 li{
	width:100%
}
section.content .container ul.x2,section.content .container ul.x3,section.content .container ul.x4{
	display:flex
}
section.content .container ul.x2 li{
	width:50%
}
section.content .container ul.x3 li{
	width:33.3%
}
section.content .container ul.x4 li{
	width:25%
}
section.content .container ul.perks{
	margin-bottom:-1em
}
section.content .container ul.tabs{
	margin:3em 0
}
section.content .container ul li h3{
	font-size:calc(.9rem + .3vw);
	color:#555
}
section.content .container ul li p{
	font-size:calc(.75rem + .3vw)
}
section.content .container ul li>ul,section.content .container ul li>ul li{
	font-size:1em;
	width:100%
}
section.content .container ul li>ul{
	display:block;
	margin:0 0 0 2em
}
section.content .container ul li>ul li{
	margin:.5em 0;
	padding:0;
	list-style:decimal
}
section.content .container ul li>ul li p{
	margin:0 0 0 .5em!important
}
section.content .container ul.perks li .dc-icon,section.content .container ul.perks li .icn,section.content .container ul.perks li .svg,section.content .container ul.perks li img{
	width:100%;
	max-width:88px;
	height:auto;
	margin:0 0 1em
}
section.content .container ul.perks li .dc-icon{
	border-radius:50%;
}
section.content .container ul.perks li.active .dc-icon,section.content .container ul.perks li:hover .dc-icon{
	filter:grayscale(1)!important;
	mix-blend-mode: luminosity;
}
section.content .container ul.logos{
    margin: 0;
	text-align:center;
}
section.content .container ul.logos li{
	margin-bottom: 2em;
	align-self:center
}
section.content .container ul.logos li img{
	max-width:100%;
	max-height:8em
}
section.content .container ul.checklist>li{
	line-height:1.5rem;
	margin:.5em 0
}
section.content .container ul.checklist>li :not(ul):not(li):not(a){
	margin-top:0;
	margin-left:1rem
}
section.content .container ul.checklist li h3{
	margin-bottom:.3em
}
section.content .container ul.checklist>li:before{
	position:absolute;
	top:0;
	content:'>'
}
section.content.information p{
	font-size:calc(1.8em + .3vw)
}
section.content .homepage-customers{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	grid-column-gap:10px;
	grid-row-gap:10px;
	align-items:center
}
section.content .homepage-customers img{
	width:100%
}
section.content .cta-container{
	display:flex;
	margin:.9em -.5rem 0 -.5rem;
	flex-wrap:wrap
}
section.content .cta-container .cta-row{
	margin:0 -.5em
}
section.image{
	height:40vw;
	min-height:300px;
	max-height:800px;
	background-position:center;
	background-size:cover
}
section.image.thin{
	height:25vw;
	min-height:200px
}
section.content .infobubble{
	position:relative;
	margin:3em 0;
	padding:.5em 3em;
	border:2px solid #f6f6fa;
	background:#fafafe
}
section.content .infobubble:before{
	position:absolute;
	top:-20px;
	width:0;
	height:0;
	content:'';
	border-right:15px solid transparent;
	border-bottom:20px solid #f6f6fa;
	border-left:15px solid transparent
}
section.content .infobubble.payments{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap
}
section.content.customers .container ul li.tab,section.content.customers .container ul li.tab-menu{
	display:flex;
	align-items:center
}
section.content.customers .container ul li.tab-menu.active,section.content.customers .container ul li.tab.active,section.content.customers .container ul li.tab:hover{
	z-index:1;
	border-color:#eaeaee!important;
	background:#fff!important
}
section.content.customers .container ul li.tab-menu.active,section.content.customers .container ul li.tab.active{
	z-index:100
}
section.content.customers .container ul li.tab-menu.active img,section.content.customers .container ul li.tab.active img,section.content.customers .container ul li.tab:hover img{
	opacity:1;
	filter:grayscale(0)
}
section.content.customers .container ul li.tab img,section.content.customers .container ul li.tab-menu img{
	width:100%;
	transition:all 150ms ease;
	opacity:.3;
	filter:grayscale(1) contrast(2)
}
section.content.customers .container .col{
	padding-right:5em
}
section.content.customers .container .tab-content h3,section.content.customers .container .tab-content h4{
	margin-bottom:.5rem
}
section.content.customers .container iframe{
	width:calc(100% + 5em)
}
#dc-worldmap ul{
	position:absolute;
	top:0;
	left:30px;
	width:100%;
	height:100%
}
#dc-worldmap ul li{
	font-size:calc(1.2em + .2vw);
	line-height:.9;
	position:absolute;
	display:inline;
	width:auto;
	max-width:160px;
	margin:0;
	padding:0 0 0 1.3em;
	transform:translateY(-50%)
}
#dc-worldmap ul li.uk-pin{
	top:26%;
	left:45%
}
#dc-worldmap ul li.eu-pin{
	top:33%;
	left:50%
}
#dc-worldmap ul li.usa-pin{
	top:38%;
	left:19%
}
#dc-worldmap ul li.can-pin{
	top:27%;
	left:17%
}
#dc-worldmap ul li.uae-pin{
	top:49%;
	left:62%
}
#dc-worldmap ul li.asia-pin{
	top:62%;
	left:83%
}
#dc-worldmap ul li a::before{
	position:absolute;
	top:50%;
	left:0;
	width:1em;
	height:1em;
	margin-right:.4em;
	content:'';
	transition:all .3s ease;
	transform:translateY(-50%) scale(.6);
	border-radius:50%;
	background:#ff6666
}
#dc-worldmap ul li a:hover::before{
	transform:translateY(-50%) scale(1);
}
section.content.alert-banner{
	padding:1em 0
}
section.content.alert-banner .container{
	padding-top:0;
	padding-bottom:0
}
section.content.alert-banner .container p{
	margin:.4em 0!important
}
section.content.alert-banner .container .row>div:first-of-type{
	margin-bottom:0
}
section.content.alert-banner .cta-container{
	margin:0 -.5rem
}
section.content.alert-banner *{
	color:#fff
}
@media only screen and (min-width:1200px){
	section.content.alert-banner .container{
		padding-top:0;
		padding-bottom:0
	}
	section.content.alert-banner .container h2{
		font-size:calc(1em + 1.05vw);
		margin:.54em 0!important
	}
	section.content.alert-banner .container p{
		margin:.55em 0!important
	}
	section.content .container .row.services {
		margin: 6em 0 0;
	}
	section.content .container .row.services.values {
		margin: 0;
	}
	section.content .container .row.services .col,
	section.content .container .row.values .col{
		margin: 1.5em;
	}
	section.content.testimonials .container .row .col-1,
	section.content .container .row.services .col-1 {
		width:calc((1 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-2,
	section.content .container .row.services .col-2 {
		width:calc((2 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-3,
	section.content .container .row.services .col-3 {
		width:calc((3 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-4,
	section.content .container .row.services .col-4 {
		width:calc((4 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-5,
	section.content .container .row.services .col-5 {
		width:calc((5 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-6,
	section.content .container .row.services .col-6 {
		width:calc((6 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-7,
	section.content .container .row.services .col-7 {
		width:calc((7 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-8,
	section.content .container .row.services .col-8 {
		width:calc((8 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-9,
	section.content .container .row.services .col-9 {
		width:calc((9 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-10,
	section.content .container .row.services .col-10 {
		width:calc((10 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-11,
	section.content .container .row.services .col-11 {
		width:calc((11 / 12) * 100% - 3em);
	}
	section.content.testimonials .container .row .col-12,
	section.content .container .row.services .col-12 {
		width:100%
	}
}
section.content .container ul li.tab,section.content .container ul li.tab-menu{
	margin:0;
	padding:3em;
	cursor:pointer;
	transition:all 150ms ease;
	text-align:center;
	border-top:1px solid #eaeaee;
	border-right:1px solid #eaeaee
}
section.content .container ul li.tab *,section.content .container ul li.tab-menu *{
	transition:all 30ms ease
}
section.content .container ul li.tab a,section.content .container ul li.tab-menu a{
	pointer-events:none;
	color:#555;
	border:none
}
section.content .container ul li.tab-menu.active *,section.content .container ul li.tab-menu:hover *,section.content .container ul li.tab.active *,section.content .container ul li.tab:hover *{
	color:#fff;
	filter:invert(50%) brightness(10)!important
}
section.content .container.tab-content{
	padding-top:0
}
section.content .container.tab-content .content{
	display:inline-block
}
section.content .container.tab-content .col>h3{
	margin:1em 0;
	color:#555
}
section.content .container .tab-content{
	position:relative;
	margin:3em 0
}
section.content .container .tab-content p{
	font-size:calc(1.3em + .3vw)
}
section.content .container .tab-content h3{
	font-size:calc(2.2em + .3vw);
	margin-bottom:1em
}
.close-btn{
	position:absolute;
	z-index:100;
	top:1.5em;
	right:0;
	display:block;
	width:calc(2.2em + .3vw);
	height:calc(2.2em + .3vw);
	cursor:pointer
}
section.content .container table.table{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	margin:3em auto;
	border-spacing:0;
	border-collapse:collapse;
	border:none;
	border:2px solid #f4f4f8
}
section.content .container table.table *{
	border:none
}
section.content .container table.table thead th{
	font-size:calc(1.6em + .3vw);
	line-height:1.2;
	padding:1.5em;
	color:#fff;
	background:rgba(85,85,85,.92)
}
section.content .container table.table td{
	font-size:calc(1.2em + .3vw);
	line-height:1.5;
	padding:1em 1.5em;
	color:#555;
	background:#fff
}
section.content .container table.table tbody tr:nth-of-type(odd) td{
	background:#fafafe
}
section.content .container .dc-infos{
	display:flex;
	border:2px solid #f4f4f8;
	flex-wrap:wrap
}
section.content .container .dc-infos h3{
	font-size:1em;
	line-height:1.4rem;
	margin:0
}
section.content .container .dc-infos p{
	font-size:.8em;
	line-height:1.4rem;
	margin:.9em 0;
	text-shadow:.5px 0 .5px currentColor
}
section.content .container .dc-infos p:last-of-type{
	margin-bottom:0
}
section.content .container .dc-infos>div{
	font-size:calc(1.2em + .3vw);
	min-width:140px;
	padding:1.1em 1.3em;
	flex:1 1 30%
}
section.content .container .dc-infos>div:nth-of-type(odd){
	background:#fafafe
}
section.content .container .dc-infos>div:first-of-type{
	color:#fff;
	background: #ff6666;
}
section.content .container .dc-infos>div:first-of-type h3{
	font-size:1.4em;
	line-height:1.4rem;
	color: #fff;
}
section.content .container .dc-infos>div:first-of-type p{
	font-size:1.1em;
	color:#fff;
	text-shadow:none
}
@-moz-keyframes spin{
	from{
		-moz-transform:rotate(0)
}
	to{
		-moz-transform:rotate(360deg)
}
}
@-webkit-keyframes spin{
	from{
		-webkit-transform:rotate(0)
}
	to{
		-webkit-transform:rotate(360deg)
}
}
@keyframes spin{
	from{
		transform:rotate(0)
}
	to{
		transform:rotate(360deg)
}
}
.form{
	padding:2.5em 3em;
	border:2px solid #f6f6fa;
	background:#fafafe
}
section.content:nth-of-type(odd) .form{
	background:#fff
}
.form p:first-of-type{
	margin-top:0
}
.form form input{
	display:block;
	width:100%;
	margin-top:5px;
	padding:8px;
	border:1px solid #e2e2e2;
	border-radius:2px;
	background:#fff
}
.form form button {
    font-size: calc(1.2em + .3vw);
    line-height: 1.3em;
    position: relative;
    z-index: 10;
    margin: 0.5rem auto 0;
    padding: 1.05em 1.6em 1.1em;
    cursor: pointer;
    transition: all .3s ease;
    color: #fff;
    border: none;
    display: block;
    background: 0 0;
}
.form form button:after{
	position:absolute;
	z-index:-1;
	bottom:0;
	left:50%;
	width:100%;
	height:100%;
	content:'';
	transition:all .3s ease;
	transform:translate(-50%,0);
	box-shadow:inset 0 0 0 3px #1d1d1b
}
.form form button:hover{
	transform:translateY(-4px)
}
.form form button:hover:after{
	width:calc(100% - 3.2em);
	height:3px;
	transform:translate(-50%,4px)
}
.hbspt-form{
	display:none
}
section.content .container .form ul li{
	font-size:unset;
	width:100%;
	margin:0 0 .5em
}
.form input,.form select,.form textarea{
	font-size:calc(1.2em + .3vw);
	display:block;
	width:100%;
	padding:8px;
	border:1px solid #e2e2e2;
	border-radius:2px;
	background:#fff
}
.form textarea{
	min-height:5.5em
}
.form .element-wrapper{
	margin-bottom:15px
}
.form input[type=checkbox] {
    width: auto;
    position: absolute;
    top: 0.2em;
    right: 0;
}
.form button.submit,.form input.submit,.form input[type=submit]{
	margin-top:30px;
	padding:15px;
	cursor:pointer;
	color:#fff;
	border:0;
	background:#ff6666
}
.form input.submit:hover,.form input[type=submit]:hover{
	opacity:.9
}
.form.always-there{
	display:block;
	padding:30px;
	border-radius:0;
	background:rgba(0,0,0,.06)
}
.form.always-there:hover{
	background:rgba(0,0,0,.1)
}
.form label{
	font-size:calc(1.4em + .3vw);
	line-height:1.8em;
	margin:10px 0;
	color:#555;
	position: relative;
}
.form label.hs-error-msg{
	font-size:calc(1em + .3vw);
	display:block;
	margin:0;
	padding:0 4px;
	color:#ff6666
}
.form p{
	font-size:calc(1.4em + .3vw)
}
.form input.error{
	border:1px solid #f30
}
section.content:nth-of-type(odd)#hidden-form .form{
	background:#fff
}
section.content:nth-of-type(odd)#hidden-form .form form input.hs-input,section.content:nth-of-type(odd)#hidden-form .form form textarea{
	background:#fafafe
}

.form .mktoAsterix {
	display: none;
}
.form .mktoRequiredField .mktoAsterix {
	display: block;
    position: absolute;
    right: -0.5em;
    color: #f66;
}
.form .mktoButtonRow {
    display: inline-block;
    width: 100%;
}

.form .mktoFieldWrap {
    position: relative;
}
footer{
	padding:4em 0 6em
}
footer .links{
	display:flex;
	margin-bottom:4em;
	flex-wrap:wrap
}
footer .col{
	padding:0 1.5em 0 0
}
footer ul{
	margin:0;
	padding:0
}
footer ul li{
	font-size:calc(1.3em + .15vw);
	line-height:1.35;
	margin:.6em 0;
	list-style:none;
	color:#fff
}
footer ul li a{
	text-decoration:none;
	color: #1d1d1b;
}
footer .links ul li:first-of-type{
	font-size:2em;
	font-family: 'ambitregular';
}
footer .copyrights{
	padding:4em 0 0;
	border-top:1px solid rgba(255,255,255,.13)
}
footer .copyrights .col:last-of-type{
	padding:0
}
footer .copyrights .col:last-of-type ul{
	width:100%;
	text-align:right
}
footer .copyrights ul li{
	display:inline
}
footer .copyrights ul li:after{
	margin:0 1.4em;
	content:'';
	color:rgba(255,255,255,.92);
	border-right:1px solid rgba(255,255,255,.13)
}
footer .copyrights ul li:last-of-type:after{
	margin:0;
	content:none
}
#cookie-notice{
	position:fixed;
	z-index:1000;
	bottom:0;
	width:100%;
	background:#ff6666;
}
#cookie-notice .container{
	font-size:calc(1.2em + .3vw);
	position:relative;
	padding:1.8em 40px;
	color:#fff
}
#cookie-notice #cn-notice-text{
	display:inline-block;
	width:100%
}
#cookie-notice a{
	color: #fff;
	opacity: .75;
}
#cookie-notice button{
    font-size: 1.2em;
    position: relative;
    cursor: pointer;
    text-align: center;
    border: none;
    background: #fff;
    padding: .55em 1.6em .45em;
    transition: all .3s ease;
    color: #f66!important;
    display: block;
    border-radius: 2em;
    margin-right: 1em;
    -webkit-text-stroke: .4px;
    line-height: 1.4em;
}

/* COLOURS */

/* iomart red */

body.io-red {
	background:#fff7f7;
}
.io-red nav.desktop-nav .nav-bg {
	background:#fff7f7aa;
}
.io-red section.content .link,.io-red section.content a{
	color:#ff6666
}
.io-red nav.desktop-nav .main-menu a.io-red.active {
	color: #ff6666
}
.io-red nav.desktop-nav .main-menu a.io-red::after {
	background: #ff6666
}
.io-red nav.desktop-nav .main-menu li.active a {
	color: #ff6666
}
.io-red nav.desktop-nav .main-menu li.active a::after {
	background: #ff6666
}
.io-red nav i{
	color:#ff6666
}
.io-red nav ul.cp-menu h2{
	color:#ff6666;
	border-bottom:1px solid #ffc41e22
}
.io-red .hero .cta-btn{
	color:#ff6666
}
.io-red .hero .cta-btn:after{
	background:#ff6666;
	box-shadow:inset 0 0 0 3px #ffc41e
}
.io-red .hero .cta-btn:hover{
	color:#ff6666
}
.io-red h1 strong:before,
.io-red .pagetitle strong:before {
	background: #f66;
}
.io-red .content h1,.io-red h2,.io-red h3{
	color:#ff6666
}
.io-red section.content .container ul.checklist li:not(p){
	color:#ff6666
}
.io-red footer .links ul li:first-of-type,.io-red footer a.active,.io-red footer a:hover{
	color:#ff6666
}
.io-red section.content.information *{
	color:#fff
}
.io-red section.content.information h2{
	color:#ff6666
}
.io-red section.content.information a{
	color:#ff6666
}
.io-red section.content .container ul li.tab-menu.active,.io-red section.content .container ul li.tab-menu:hover,.io-red section.content .container ul li.tab.active,.io-red section.content .container ul li.tab:hover{
	border-top:1px solid #ff6666;
	border-right:1px solid #ff6666;
	background:#ff6666
}
.io-red section.content .image img,
.io-red section.content.steps .icon img,
.io-red section.content h2 .io-arrow,
.io-red section.content .container ul.list li:before {
	filter: invert(63%) sepia(47%) saturate(4131%) hue-rotate(319deg) brightness(99%) contrast(109%);
}
.io-red .close-btn{
	fill:#ff6666
}
.io-red section.content.bg:after {
	background:#ff6666;
}
.io-red .form form button:hover{
	color:#ff6666
}
.io-red .form form button:after{
	background:#ff6666;
	box-shadow:inset 0 0 0 3px #ff6666
}
.io-red section.content .container table.table td:first-of-type{
	color:#ff6666
}
.io-red section.content .container table.table thead th{
	background:#ff6666
}
.io-red section.content .link,
.io-red section.content a{
	color:#ff6666
}
.io-red nav.desktop-nav .nav-bg.transparent{
    background: #ff666600;
}

/* iomart purple */

body.io-purple {
	background:#faf7ff;
}
.io-purple nav.desktop-nav .nav-bg {
	background:#faf7ffaa;
}
.io-purple section.content .link,.io-purple section.content a{
	color:#a166ff
}
.io-purple nav.desktop-nav .main-menu a.io-purple.active {
	color: #a166ff
}
.io-purple nav.desktop-nav .main-menu a.io-purple::after {
	background: #a166ff
}
.io-purple nav.desktop-nav .main-menu li.active a {
	color: #a166ff
}
.io-purple nav.desktop-nav .main-menu li.active a::after {
	background: #a166ff
}
.io-purple nav i{
	color:#a166ff
}
.io-purple nav ul.cp-menu h2{
	color:#a166ff;
	border-bottom:1px solid #ffc41e22
}
.io-purple .hero .cta-btn{
	color:#a166ff
}
.io-purple .hero .cta-btn:after{
	background:#a166ff;
	box-shadow:inset 0 0 0 3px #a166ff
}
.io-purple .hero .cta-btn:hover{
	color:#a166ff
}
.io-purple h1 strong:before,
.io-purple .pagetitle strong:before {
	background: #a166ff;
}
.io-purple .content h1,.io-purple h2,.io-purple h3{
	color:#a166ff
}
.io-purple section.content .container ul.checklist li:not(p){
	color:#a166ff
}
.io-purple footer .links ul li:first-of-type,.io-purple footer a.active,.io-purple footer a:hover{
	color:#a166ff
}
.io-purple section.content.information *{
	color:#fff
}
.io-purple section.content.information h2{
	color:#a166ff
}
.io-purple section.content.information a{
	color:#a166ff
}
.io-purple section.content .container ul li.tab-menu.active,.io-purple section.content .container ul li.tab-menu:hover,.io-purple section.content .container ul li.tab.active,.io-purple section.content .container ul li.tab:hover{
	border-top:1px solid #a166ff;
	border-right:1px solid #a166ff;
	background:#a166ff
}
.io-purple section.content .image img,
.io-purple section.content.steps .icon img,
.io-purple section.content h2 .io-arrow,
.io-purple section.content .container ul.list li:before {
	filter: invert(46%) sepia(24%) saturate(2412%) hue-rotate(227deg) brightness(100%) contrast(102%);
}
.io-purple .close-btn{
	fill:#a166ff
}
.io-purple section.content.bg:after {
	background:#a166ff;
}
.io-purple .form form button:hover{
	color:#a166ff
}
.io-purple .form form button:after{
	background:#a166ff;
	box-shadow:inset 0 0 0 3px #a166ff
}
.io-purple section.content .container table.table td:first-of-type{
	color:#a166ff
}
.io-purple section.content .container table.table thead th{
	background:#a166ff
}
.io-purple section.content .link,
.io-purple section.content a{
	color:#a166ff
}
.io-purple nav.desktop-nav .nav-bg.transparent{
    background: #a166ff00;
}

/* iomart blue */

body.io-blue {
	background:#f4fdfd;
}
.io-blue nav.desktop-nav .nav-bg {
	background:#f4fdfdaa;
}
.io-blue section.content .link,.io-blue section.content a{
	color:#27d4d8
}
.io-blue nav.desktop-nav .main-menu a.io-blue.active {
	color: #27d4d8
}
.io-blue nav.desktop-nav .main-menu a.io-blue::after {
	background: #27d4d8
}
.io-blue nav.desktop-nav .main-menu li.active a {
	color: #27d4d8
}
.io-blue nav.desktop-nav .main-menu li.active a::after {
	background: #27d4d8
}
.io-blue nav i{
	color:#27d4d8
}
.io-blue nav ul.cp-menu h2{
	color:#27d4d8;
	border-bottom:1px solid #ffc41e22
}
.io-blue .hero .cta-btn{
	color:#27d4d8
}
.io-blue .hero .cta-btn:after{
	background:#27d4d8;
	box-shadow:inset 0 0 0 3px #27d4d8
}
.io-blue .hero .cta-btn:hover{
	color:#27d4d8
}
.io-blue h1 strong:before,
.io-blue .pagetitle strong:before {
	background: #27d4d8;
}
.io-blue .content h1,.io-blue h2,.io-blue h3{
	color:#27d4d8
}
.io-blue section.content .container ul.checklist li:not(p){
	color:#27d4d8
}
.io-blue footer .links ul li:first-of-type,.io-blue footer a.active,.io-blue footer a:hover{
	color:#27d4d8
}
.io-blue section.content.information *{
	color:#fff
}
.io-blue section.content.information h2{
	color:#27d4d8
}
.io-blue section.content.information a{
	color:#27d4d8
}
.io-blue section.content .container ul li.tab-menu.active,.io-blue section.content .container ul li.tab-menu:hover,.io-blue section.content .container ul li.tab.active,.io-blue section.content .container ul li.tab:hover{
	border-top:1px solid #27d4d8;
	border-right:1px solid #27d4d8;
	background:#27d4d8
}
.io-blue section.content .image img,
.io-blue section.content.steps .icon img,
.io-blue section.content h2 .io-arrow,
.io-blue section.content .container ul.list li:before {
	filter: invert(71%) sepia(84%) saturate(448%) hue-rotate(126deg) brightness(90%) contrast(86%);
}
.io-blue .close-btn{
	fill:#27d4d8
}
.io-blue section.content.bg:after {
	background:#27d4d8;
}
.io-blue section.content.bg * {
	color: #1d1d1b;
	fill: #1d1d1b;
}
.io-blue section.content.bg .button {
	box-shadow: inset 0 0 0 0.1em #1d1d1b;
}
.io-blue .form form button:hover{
	color:#27d4d8
}
.io-blue .form form button:after{
	background:#27d4d8;
	box-shadow:inset 0 0 0 3px #27d4d8
}
.io-blue section.content .container table.table td:first-of-type{
	color:#27d4d8
}
.io-blue section.content .container table.table thead th{
	background:#27d4d8
}
.io-blue section.content .link,
.io-blue section.content a{
	color:#27d4d8
}
.io-blue nav.desktop-nav .nav-bg.transparent{
    background: #27d4d800;
}

/* iomart yellow */

body.io-yellow {
	background:#fffcf4;
}
.io-yellow nav.desktop-nav .nav-bg {
	background:#fffcf4aa;
}
.io-yellow section.content .link,.io-yellow section.content a{
	color:#ffc41e
}
.io-yellow nav.desktop-nav .main-menu a.io-yellow.active {
	color: #ffc41e
}
.io-yellow nav.desktop-nav .main-menu a.io-yellow::after {
	background: #ffc41e
}
.io-yellow nav.desktop-nav .main-menu li.active a {
	color: #ffc41e
}
.io-yellow nav.desktop-nav .main-menu li.active a::after {
	background: #ffc41e
}
.io-yellow nav i{
	color:#ffc41e
}
.io-yellow nav ul.cp-menu h2{
	color:#ffc41e;
	border-bottom:1px solid #ffc41e22
}
.io-yellow .hero .cta-btn{
	color:#ffc41e
}
.io-yellow .hero .cta-btn:after{
	background:#ffc41e;
	box-shadow:inset 0 0 0 3px #ffc41e
}
.io-yellow .hero .cta-btn:hover{
	color:#ffc41e
}
.io-yellow h1 strong:before,
.io-yellow .pagetitle strong:before {
	background: #ffc41e;
}
.io-yellow .content h1,.io-yellow h2,.io-yellow h3{
	color:#ffc41e
}
.io-yellow section.content .container ul.checklist li:not(p){
	color:#ffc41e
}
.io-yellow footer .links ul li:first-of-type,.io-yellow footer a.active,.io-yellow footer a:hover{
	color:#ffc41e
}
.io-yellow section.content.information *{
	color:#fff
}
.io-yellow section.content.information h2{
	color:#ffc41e
}
.io-yellow section.content.information a{
	color:#ffc41e
}
.io-yellow section.content .container ul li.tab-menu.active,.io-yellow section.content .container ul li.tab-menu:hover,.io-yellow section.content .container ul li.tab.active,.io-yellow section.content .container ul li.tab:hover{
	border-top:1px solid #ffc41e;
	border-right:1px solid #ffc41e;
	background:#ffc41e
}
.io-yellow section.content .image img,
.io-yellow section.content.steps .icon img,
.io-yellow section.content h2 .io-arrow,
.io-yellow section.content .container ul.list li:before {
	filter: invert(91%) sepia(14%) saturate(6200%) hue-rotate(340deg) brightness(103%) contrast(101%);
}
.io-yellow .close-btn{
	fill:#ffc41e
}
.io-yellow section.content.bg:after {
	background:#ffc41e;
}
.io-yellow section.content.bg * {
	color: #1d1d1b;
	fill: #1d1d1b;
}
.io-yellow section.content.bg .button {
	box-shadow: inset 0 0 0 0.1em #1d1d1b;
}
.io-yellow .form form button:hover{
	color:#ffc41e
}
.io-yellow .form form button:after{
	background:#ffc41e;
	box-shadow:inset 0 0 0 3px #ffc41e
}
.io-yellow section.content .container table.table td:first-of-type{
	color:#ffc41e
}
.io-yellow section.content .container table.table thead th{
	background:#ffc41e
}
.io-yellow section.content .link,
.io-yellow section.content a{
	color:#ffc41e
}
.io-yellow nav.desktop-nav .nav-bg.transparent{
    background: #ffc41e00;
}



section.content .container ul.perks li img{
	transition:all .3s ease
}

section.content .container ul.perks li:nth-of-type(4n+4) img:not(.dc-icon){
	filter:invert(98%);
}
section.content .container ul.perks.filled li:nth-of-type(4n+4) *{
	color: #1d1d1b;
}

section.content .container ul.perks.filled{
	margin:-.25rem
}
section.content .container ul.perks.filled li{
	border:none!important;
	padding:2em 2em 1.5em;
	margin:.25rem;
	flex:calc(100%/3 - .5rem);
    border-radius: 5px;
}
section.content .container ul.perks.filled li:after{
	content:"";
	position:absolute;
	top:-.125em;
	left:-.125em;
	right:-.125em;
	bottom:-.125em;
	background:#fff;
	background:linear-gradient(135deg,#fff 0,rgba(255,253,253,.2) 100%);
	opacity:0;
	transition:all .3s ease
}
section.content .container ul.perks.filled.x1 li{
	max-width:calc(100% / 3 - .5em)
}
section.content .container ul.perks.filled li *{
	color:#fff;
	line-height:1.2;
	white-space: normal;
}
section.content .container ul.perks.filled li:nth-of-type(4n+1){
	background-color:#27d4d8
}
section.content .container ul.perks.filled li:nth-of-type(4n+2){
	background-color:#ff6666
}
section.content .container ul.perks.filled li:nth-of-type(4n+3){
	background-color:#a166ff
}
section.content .container ul.perks.filled li:nth-of-type(4n+4){
	background-color:#ffc41e
}
section.content .container ul.perks.filled li:hover:after{
	opacity:.3
}
section.content .container ul.perks.filled li:nth-of-type(4n+1):hover{
	box-shadow:0 0 0 .125em #27d4d8
}
section.content .container ul.perks.filled li:nth-of-type(4n+2):hover{
	box-shadow:0 0 0 .125em #ff6666
}
section.content .container ul.perks.filled li:nth-of-type(4n+3):hover{
	box-shadow:0 0 0 .125em #a166ff
}
section.content .container ul.perks.filled li:nth-of-type(4n+4):hover{
	box-shadow:0 0 0 .125em #ffc41e
}
@media only screen and (max-width:499px){
	section.content .container ul.perks.filled li{
		flex:calc(100%/2 - .5rem)
	}
	section.content .container ul.perks.filled.x1 li{
		max-width:calc(100% / 2 - .5em)
	}
}

section.content a:hover{
	color:#27d4d8
}
.careers-topslider{
	height:420px
}
.careers-topslider img{
	position:absolute;
	z-index:1;
	right:0;
	bottom:0;
	display:none;
	width:410px;
	margin:0
}
.careers-topslider img.active{
	z-index:3;
	display:block
}
#basic_content h2{
	margin-bottom:1em;
	color:#555
}
section.career-tiles{
	overflow:hidden;
	margin:10px 0
}
section.career-tiles .tiles-container{
	display:flex;
	margin:-5px;
	flex-wrap:wrap
}
section.career-tiles .tiles-container .tile{
	position:relative;
	overflow:hidden;
	width:100%;
	height:calc(100vw / 4);
	min-height:300px;
	margin:5px;
	padding:2.5em;
	background-position:50% 25%;
	background-size:cover
}
section.career-tiles .tiles-container .tile.xxl{
	background-position:50% 50%
}
section.career-tiles .tiles-container .tile h2{
	font-size:calc(.875em + .3vw);
	line-height:1;
	margin-bottom:1em;
}
section.career-tiles .tiles-container .tile h3{
	font-size:calc(2.2em + 1.05vw);
	line-height:.85;
}
section.career-tiles .tiles-container .tile .content{
	position:absolute;
	z-index:10;
	bottom:1.2em;
	width:55%
}
section.career-tiles .tiles-container .tile * {
	color: #fff;
}
section.career-tiles .tiles-container .tile .content p{
	line-height:1.2;
	margin:.4em 0;
}
section.career-tiles .tiles-container .tile.io-yellow{
	background:#ffc41e
}
section.career-tiles .tiles-container .tile.io-yellow *{
	color:#1d1d1b;
}
section.career-tiles .tiles-container .tile.io-blue{
	background:#27d4d8
}
section.career-tiles .tiles-container .tile.io-red{
	background:#ff6666
}
section.career-tiles .tiles-container .tile.io-purple{
	background:#a166ff
}
section.career-tiles .tiles-container .tile.stories h3{
	color:#fff
}
section.career-tiles .tiles-container .tile.stories h2{
	color:#fff
}
section.career-tiles .tiles-container .tile.stories a{
	font-size:.8em;
	line-height:1;
	display:inline-block;
	padding-bottom:.2em;
	text-decoration:none;
	word-break:break-word;
	color:#fff;
	border-bottom:2px dotted
}
section.career-tiles .tiles-container .tile.stories.io-yellow-story h2{
	color:#1d1d1b;
}
section.career-tiles .tiles-container .tile.stories a::after{
	position:relative;
	top:-1px;
	margin-left:.3em;
	content:'>'
}
section.career-tiles .tiles-container .tile.stories.io-yellow-story a{
	color:#1d1d1b;
}
section.career-tiles .tiles-container .tile.value img{
	display:none
}
section.career-tiles .tiles-container .tile.value.passion .passion-dots{
	position:absolute;
	top:50%;
	right:18%;
	width:auto;
	height:auto;
	max-height:250px;
	transform:translate(50%,-50%)
}
section.career-tiles .tiles-container .tile.value.innovation .innovation-dots{
	position:absolute;
	top:50%;
	right:18%;
	width:30%;
	transform:translate(50%,-30%)
}
section.career-tiles .tiles-container .tile.value.teamwork .teamwork-dots{
	position:absolute;
	top:50%;
	bottom:2em;
	left:60%;
	height:58%;
	max-height:unset;
	transform:translate(0,-50%)
}
section.career-tiles .tiles-container .tile.value.resilience .resilience-dots{
	position:absolute;
	top:50%;
	bottom:2em;
	left:96%;
	height:58%;
	max-height:unset;
	transform:translate(-50%,-50%)
}
section.career-tiles .tiles-container .tile.value.ambitious .ambition-dots{
	position:absolute;
	top:50%;
	right:17%;
	width:14%;
	transform:translate(50%,-50%)
}
section.career-tiles .tiles-container .tile.value.passion .content{
	width:70%;
	max-width:70%
}
section.career-tiles .tiles-container .tile.value.ambitious .title{
	position:unset;
	width:90%
}
section.career-tiles .tiles-container .tile.video{
	padding:0
}
@media screen and (min-width:450px){
	section.career-tiles .tiles-container .tile h2{
		margin-bottom:1.5em
}
	section.career-tiles .tiles-container .tile .content p{
		line-height:1.4
}
	section.career-tiles .tiles-container .tile .content{
		width:50%
}
	section.career-tiles .tiles-container .tile.value .svg-c{
		display:unset
}
}
@media screen and (min-width:801px){
	section.career-tiles .tiles-container .tile.value img{
		display:block
	}
	#image_header_staff.newcareers h1{
		min-width:801px
	}
}
@media screen and (min-width:1024px){
	.newcareers .careers-topslider{
		display:block
}
	section.career-tiles .tiles-container .tile h3{
		width:50%
}
	section.career-tiles .tiles-container .tile .content{
		max-width:30em;
}
	section.career-tiles .tiles-container .tile.sqr{
		width:calc(50% - 10px)
}
	section.career-tiles .tiles-container .tile.md{
		width:calc(50% - 10px)
}
	section.career-tiles .tiles-container .tile.half{
		width:calc(50% - 10px)
}
	section.career-tiles .tiles-container .tile.xl{
		width:calc(50% - 10px)
}
	section.career-tiles .tiles-container .tile.xxl{
		display:none
}
	section.career-tiles .tiles-container .tile.value.passion .passion-dots{
		right:20%;
		height:80%;
		max-height:none
}
	section.career-tiles .tiles-container .tile.value.innovation .innovation-dots{
		right:unset;
		left:50%;
		width:30%;
		max-height:none
}
	section.career-tiles .tiles-container .tile.value.teamwork .teamwork-dots{
		position:absolute;
		top:54%;
		left:-23%;
		width:85%;
		height:auto;
		max-height:none;
		transform:translateY(-20%)
}
	section.career-tiles .tiles-container .tile.value.teamwork .content{
		top:.9em;
		right:1em;
		bottom:unset
}
}
@media screen and (min-width:1200px){
	section.content:after{
		left: 5%;
		right: 5%;
	}
	nav.desktop-nav .nav-bg{
		height: 100%;
	}
}
@media screen and (min-width:1500px){
	.newcareers .careers-topslider{
		left:-40%
}
	section.career-tiles .tiles-container .tile.stories{
		background-position:left 25%
}
	section.career-tiles .tiles-container .tile .content p{
		margin:.8em 0
}
	section.career-tiles .tiles-container .tile.sqr{
		width:calc(25% - 10px)
}
	section.career-tiles .tiles-container .tile.md{
		width:calc(33.333% - 10px)
}
	section.career-tiles .tiles-container .tile.half{
		width:calc(50% - 10px)
}
	section.career-tiles .tiles-container .tile.xl{
		width:calc(66.666% - 10px)
}
	section.career-tiles .tiles-container .tile.xxl{
		display:block;
		width:calc(75% - 10px)
}
	section.career-tiles .tiles-container .tile.value.first{
		padding-left:17.5vw
}
	section.career-tiles .tiles-container .tile.value.innovation .innovation-dots{
		top: -243px;
		right: 0;
		left: -29px;
		width: 90%;
		height: 142%;
		max-height: none;
		transform: none;
}
	section.career-tiles .tiles-container .tile.value.teamwork .teamwork-dots{
		left:20%
}
	section.career-tiles .tiles-container .tile.value.teamwork h3{
		width:100%
}
	section.career-tiles .tiles-container .tile.value.resilience .resilience-dots{
		top:55%;
		left:65%
}
	section.career-tiles .tiles-container .tile.resilience h3{
		width:100%
}
	section.career-tiles .tiles-container .tile .title{
		position:absolute;
		bottom:19em
}
	section.career-tiles .tiles-container .tile .title.up{
		top:2.5em;
		bottom:unset
}
	section.career-tiles .tiles-container .tile.value.customerfirst .content,section.career-tiles .tiles-container .tile.value.passion .content{
		max-width:24em
}
	section.career-tiles .tiles-container .tile.value.ambitious .ambition-dots{
		position:absolute;
		top:50%;
		right:11%;
		width:30%;
		transform:translate(50%,-50%)
}
}
@media screen and (min-width:1600px){
	section.content:after{
		left: 10%;
		right: 10%;
	}
}
@media screen and (min-width:1800px){
	section.career-tiles .tiles-container .tile.value.half{
		padding-left:16.1vw
}
}
section.careers-life .col-8{
	height:24vw;
	min-height:220px;
	background-position:center;
	background-size:cover
}
section.careers-perks{
	padding:3em 2.5rem 0
}
section.careers-perks .content{
	margin:0 -20px
}
section.careers-perks .content .perk{
	margin-top:1em;
	margin-bottom:1em;
	text-align:center
}
section.careers-perks h2{
	line-height:1.2;
	margin-bottom:1em;
	color:#555
}
section.careers-perks .content .svg-c{
	max-width:50px
}
section.careers-perks .content h3{
	color:#27d4d8
}
@media screen and (min-width:1024px){
	section.careers-perks .content .perk{
		max-width:240px;
		min-height:200px;
		text-align:left
}
}
.job-header p{
	max-width:unset!important
}
.job-header a{
	padding:0 15px!important
}
@media screen and (min-width:1024px){
	.job-header .wrapper{
		min-width:540px
}
}
@media screen and (min-width:1500px){
	.job-header .wrapper{
		min-width:1366px
}
}
[data-aos=fade-stretch-up]{
	transition-property:transform,opacity;
	transform:translateY(100px) scaleY(1.15);
	opacity:0;
	opacity:1
}
.topspace{
    margin-top: 2rem!important;
    margin-bottom: 0!important;
}
.topspace-thin{
	margin-top:.5em!important
}
.notopspace{
	margin-top:0!important
}
.menu-burger.transparent:not(.open),nav.transparent{
	transform:translateY(-25px);
	pointer-events:none;
	opacity:0
}
.sr-only{
	position:absolute;
	overflow:hidden;
	clip:rect(0,0,0,0);
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	white-space:nowrap;
	border:0
}
.sr-only.focusable:active,.sr-only.focusable:focus{
	position:static;
	overflow:visible;
	clip:auto;
	width:auto;
	height:auto;
	margin:0;
	white-space:inherit
}
.invisible{
	visibility:hidden
}
.clearfix:after,.clearfix:before{
	display:table;
	content:' '
}
.clearfix:after{
	clear:both
}
@media print{
	*,:after,:before{
		color:#1d1d1b!important;
		background:0 0!important;
		box-shadow:none!important;
		text-shadow:none!important
}
	a,a:visited{
		text-decoration:underline
}
	a[href]:after{
		content:' ('attr(href) ')'
}
	abbr[title]:after{
		content:' ('attr(title) ')'
}
	a[href^='#']:after,a[href^='javascript:']:after{
		content:''
}
	pre{
		white-space:pre-wrap!important
}
	blockquote,pre{
		border:1px solid #999;
		page-break-inside:avoid
}
	thead{
		display:table-header-group
}
	img,tr{
		page-break-inside:avoid
}
	h2,h3,p{
		orphans:3;
		widows:3
}
	h2,h3{
		page-break-after:avoid
}
}
.sticky{
	position:sticky;
	top:1.5em;
	transition:top .3s ease
}
.sticky.navdeployed{
    top: 15em;
}
html[data-useragent*='MSIE 10.0'] .sticky,html[data-useragent*='rv:11'] .sticky{
	position:relative!important;
	top:0!important
}
section.content .container.tab-content .cert{
	position:relative;
	z-index:1;
	float:left;
	clear:both;
	width:100%;
	height:auto;
	height:100%;
	min-height:100%;
	margin:2em 0;
	padding:0
}
section.content .container.tab-content .cert .col-4{
	padding-right:4em
}
section.content .container.tab-content .cert h3,section.content .container.tab-content .cert p{
	font-size:calc(1.3em + .3vw);
	line-height:1.5;
	margin:.7rem 0 .5em
}
section.content .container.tab-content .cert a{
	font-size:calc(1em + .3vw);
	color:#555
}
section.content .container.tab-content .cert img{
	width:75%
}
#livechat-button{
	position:fixed;
	z-index:100000000000000;
	right:2em;
	bottom:2em;
	width:6em;
	height:6em;
	padding:0;
	cursor:pointer;
	border-radius:3em;
	background:#fff;
	box-shadow:rgb(0 0 0 / 30%) 0 4px 12px
}
#livechat-button p{
	font-size:1.3em;
	display:none;
	margin:0;
	padding:.8em 1.5em;
	letter-spacing:.02em
}
#livechat-button svg{
	position:absolute;
	top:50%;
	left:50%;
	width:3em;
	height:3em;
	transform:translate(-50%,-50%)
}
@media only screen and (min-width:768px){
	#livechat-button{
		bottom:0;
		width:unset;
		height:unset;
		border-radius:1em 1em 0 0
}
	#livechat-button p{
		display:block
}
	#livechat-button svg{
		display:none
}
}
@media only screen and (min-width:767px){
	section.content.contactus{
		margin:0 auto 3em;
		z-index:10;
		box-shadow:none
}
}
section.content.contactus *{
	text-align:center
}
section.content.contactus h2{
	margin:0 0 .5em;
	color:#fff;
}
section.content.contactus p{
	margin:1em 0;
	color:#fff;
}
section.content.contactus a{
	color:#fff;
}
section.content.contactus .button{
	margin:1em auto 0!important;
	display:table!important;
	color:#ff6666
}
section.content.contactus .button:after{
	background:#fff;
	box-shadow:inset 0 0 0 3px #fff
}
section.content.contactus .button:hover{
	color:#fff
}