.mainwrap {
	position: relative;
}

.red {
	color: #FF5448;
}

.blue {
	color: #13599C;
}

.black {
	color: #111111;
}

.wrap {
	overflow: hidden;
}

.container {
	max-width: 1170px;
}

.main-head {
	position: fixed;
	top: 0;
	height: 5.5rem;
	width: 100%;
	z-index: 100;
	padding: 10px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #E3E3E3;
	background: #FFFFFF;
}

.navWrap {
	float: left;
	width: 37%;
	padding: 0;
	display: flex;
    height: 100%;
    align-content: baseline;
}

.loginWrap {
	float: right;
	display: flex;
	height: 100%;
}

/* Elements that can immediately follow .main-head */
.main-header-chaser {
	margin-top: 5.5rem;
}

/* Position sections so that they appear under the header when clicking on a #id link */
section[id] {
	-webkit-background-clip: padding-box !important;
	-moz-background-clip: padding !important;
	background-clip: padding-box !important;
}

a.close {
	background: #f3584e;
	color: #fff;
	padding: 15px 50px;
	border-radius: 5px;
	cursor: pointer;
}

.lang-menu {
	width: 105px;
	float: right;
	margin: 8px 0;
}

.lang-menu li {
	list-style: none;
	margin: 0 0 0 5px;
	margin-bottom: 10px;
	display: inline-block;
}

.lang-menu li a {
	display: block;
	width: 30px;
	height: 18px;
	text-indent: -9999px;
}

.logo {
	position: relative;
	display: block;
	background: url("../img/logo.png") no-repeat;
	background-size: contain;
	height: 30px;
	width: 125px;
    background-position-y: center;
}

nav li {
	display: inline;
}

nav li a {
	color: #fff;
}

.loginlink {
	width: 50%;
	height: 100%;
	float: right;
    white-space: nowrap;
    position: relative;
}

.loginlink li {
	list-style-type: none;
	display: inline-block;
	position: relative;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
}

.loginlink > li:first-child {
	right: 21rem;
    margin-top: 0px;
    margin-right: 0.6rem !important;
    margin-bottom: 0px;
    margin-left: 0px;
}

.noselect.fr .loginlink > li:first-child {
	right: 22rem;
}

.noselect.ge .loginlink > li:first-child {
	right: 22rem;
}

.loginlink > li:nth-child(2) {
	right: 17rem;
	margin-right: 30px;
}

.loginlink > li:nth-child(3) {
	right: 1.1rem
}

.main-nav {
	clear: both;
}

.main-nav li {
	margin-left: 1.9rem;
	position: relative;
    z-index: 100;
    margin-bottom: 0;
}

.main-nav li a:hover,
.main-nav li.active a {
	color: #FF5448 !important;
}

.main-nav li ul.sub-menu {
	position: absolute;
	top: 14px;
	min-width: 160px;
	margin: 20px 0 0;
	padding: 0px;
	left: -10px;
	text-align: left;
	z-index: 10;
	border: rgba(255, 255, 255, 0.4) 1px solid;
	border-top: none;
	display: none;
	background: rgb(0, 0, 0);
	opacity: 0.9;
}

.main-nav li ul.sub-menu li {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
}

.main-nav li:hover .sub-menu {
	display: block;
}

.main-nav li ul.sub-menu li:last-child {
	border-bottom: none;
}

.main-nav li ul.sub-menu li a {
	color: rgb(255, 255, 255);
	display: block;
	margin: 0;
	padding: 3px 10px;
}

.banner .title {
	color: #111111;
	padding-top: 5rem;
}

.gmap {
	height: 405px;
	width: 100%;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	position: relative;
	top: 6px;
}

main {
	color: #626262;
	margin-top: 5.5rem;
}

.mainwrap main {
	margin-top: 0;
}

main h4 {
	margin-top: 0;
}

main p {
	margin-bottom: 0;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 84, 74, 0.9);
}

.demo-enquiry {
	position: relative;
	width: 65rem;
    margin: auto;
    color: #111111;
    padding: 3rem 0;
}

.demo-enquiry .overlay {
	background: rgba(0, 0, 0, 0.22);
}

main .demo-enquiry hr {
	display: block;
	height: 3px;
	max-width: 910px;
	border: 0;
	border-top: 2px solid #d3d3d3;
	margin: 30px 0;
	padding: 0;
}

main .demo-enquiry hr.full-width {
	max-width: none;
	width: 100%;
}

.cont {
	padding: 40px 15px 0;
}

download-form.sm {
	max-width: 610px;
}

.download-form input:not([type="submit"]):not([type="checkbox"]) {
	color: #13599c !important;
	padding-left: 15px;
	width: 290px;
	height: 55px;
	border: none;
	border-left: 5px solid #f4594e;
	margin-right: 20px;
	background: #f1f1f1;
	border-radius: 0;
}

::-webkit-input-placeholder, /* Safari, Chrome and Opera */
:-ms-input-placeholder, /* IE 10+ */
::-ms-input-placeholder /* Edge */ {
	color: #13599c;
}

:-moz-placeholder, /* Firefox 18- */
::-moz-placeholder /* Firefox 19+ */ {
	color: #13599c;
	opacity:1;
}

.download-form input:not([type="submit"]):not([type="checkbox"]):last-child {
	margin-right: 0;
}

.download-form textarea {
	color: #13599c !important;
	padding-left: 15px;
	width: 100%;
	height: 130px;
	border: none;
	border-left: 5px solid #f4594e;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 0;
}

.main-footer {
	overflow-x: hidden;
	background: #111111;
}

.main-footer hr {
	margin: 5px 0 20px;
}

.main-footer p {
	color: #FFFFFF;
	margin-bottom: 10px;
}

.main-footer li {
	list-style: none;
	margin-bottom: 2px;
}

.main-footer li a {
	color: #FFFFFF;
}

.slicknav_menu {
	left: 0;
	display: none;
	position: relative;
	top: 92px;
}

.cookiesBlock {
	background: #ffffff;
	padding: 5rem 0;
}

.cookiesBlock .contentWrap {
	border: none;
	padding: 0;
	margin: 3rem 0 0;
}

.contentWrap {
	border: #e1e1e1 1px solid;
	background: #fff;
	padding: 10px 40px;
	margin: 45px 0;
}

.contentWrap p {
	color: #111111;
	margin: 15px 0;
}

.contentWrap h3 {
	color: #111111;
	margin: 30px 0 0;
}

.listItems ul {
	margin: 0;
	padding: 0;
}

.listItems ul li {
	list-style-type: none;
	display: block;
	color: #111111;
	position: relative;
	padding-left: 15px;
}

.listItems ul li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0.55em;
	background: #FF5448;
	border-radius: 50%;
	width: 5px;
	height: 5px;
}

.cookiebanner {
	background: rgba(30, 30, 35, 0.9) !important;
	padding: 30px 16px !important;
	height: auto !important;
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.cookiebanner a {
	color: #FF5448 !important;
	white-space: nowrap;
}

.cookiebanner span {
	color: #f4f4f4;
	position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    margin: 0 4rem 0 1.5rem;
}

.download .download-form input:not([type="submit"]):not([type="checkbox"]) {
	width: 295px;
}

.download input:not([type="submit"]):not([type="checkbox"]) {
	background: #f1f1f1;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #A1A1A1;
	border-radius: 5px;  
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	color: #09ad7e;
	transition: all .2s;
	width: 16px;
	height: 16px;
	background: url(../img/tick.png) center center no-repeat;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(1);
}

.download {
	padding-bottom: 70px;
}

.download button {
	color: #13599c;
	border: 1px solid #13599c;
	padding: 8px 40px;
}

#info .more {
	color: #13599C;
	border: solid 1px #13599C;
	margin: 45px 0 0;
}

.download.login button {
	margin: 30px 0;
}

.terms,
.cookiesBlock {
	width: 65rem;
	margin: auto;
}

.hidden {
	display: none;
}

/* Video Player */

.new-banner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	height: 100%;
	padding: 2em 0;
}

.new-banner__entry {
	flex-grow: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
    justify-content: space-around;
    align-items: start;
	margin: 1em 0;
	padding-left: 27%;
}

.play-button {
	margin: 2em auto 0 auto;
	cursor: pointer;
	background-image: url(/img/icon_play.svg?26022020);
    background-repeat: no-repeat;
    background-size: 100%;
	width: 6em;
	height: 6em;
	z-index: 10;
}

.play-button:hover {
	background-image: url(/img/icon_play_inverse.svg?26022020);
}

.video-player {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
 	background: rgba(0, 0, 0, 0.9);
    z-index: 1001;
}

.video-player>video {
 	width: 75%;
 	height: auto;
 	margin: auto;
    outline: none;
}

.video-player__fallback {
	color: #fff;
    position: absolute;
    top: 50vh;
    width: 100%;
    text-align: center;
}

.video-player__close {
    position: fixed;
    top: 1em;
	right: 1em;
    color: #fff;
    cursor: pointer;
}

body.block-scroll,
.gdpr-cookie-notice-show-modal body {
	height: 100%;
	overflow: hidden;
}

.herobgThumb {
	background-image: url(/img/herobg.jpg);
	background-size: cover;
	height: 195px;
}

.herobg5Thumb {
	background-image: url(/img/herobg5.jpg);
	background-size: cover;
	height: 195px;
}

.herobg7Thumb {
	background-image: url(/img/herobg7.jpg);
	background-size: cover;
	height: 195px;
}

.clickableThumb:hover .play-button {
	background-image: url(/img/icon_play_inverse.svg?26022020);
}

.clickableThumb:hover {
	cursor: pointer;
}

.fadeThumb {
	opacity: 0;
	display: block;
	height: 195px;
	width: 100%;
	transition: .5s ease;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	background-color: #ffffff;
	position: relative;
}

.clickableThumb:hover .fadeThumb {
	opacity: 0.3;
}

.playThumb {
	margin: 0;
	position: relative;
	top: -50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.hero .new-banner .new-banner__entry {
	text-align: center;
	flex-grow: 0.75;
	z-index: 90;
}

/* END Video Player */

/* Blog Cards */

.blog-main {
	background: #ffffff;
}

.blog,
.resources {
	width: 65rem;
	min-height: 70rem;
	margin: auto;
	padding: 3rem 0;
}

.blog__container {
	display: -ms-grid;
	display: grid;
	max-width: 1170px !important;
    margin: 2.5rem auto;
	-ms-grid-rows: auto;
	-ms-grid-columns: 32% 32% 32%;
	grid: auto / 32% 32% 32%;
    grid-auto-flow: row dense;
    gap: 2em 2%;
    align-content: center;
}

.blog-related .blog__container {
	-ms-grid-rows: auto;
	-ms-grid-columns: 48% 48%;
	grid: auto / 48% 48%;
	width: 48%;
}

.blog-related .blog__container > .blog-card {
	-ms-grid-column-span: 1;
	grid-column: span 1;
	height: auto;
	background-color: #F4F4F4;
	display: none;
}

.blog-related .blog__container > .blog-card .blog-card__header-img {
	width: 100%;
	height: 13.5vw;
	margin: 0 auto 1.5em;
	background-color: #FFFFFF;
	position: relative;
}

.blog-card a .blog-card__header-img .overlay {
	position: relative;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: -1px;
	left: -1px;
	background: rgba(17, 17, 17, 0);
	transition: background-color ease-in 0.2s;
    border-radius: 0.3rem;
}

.blog-card a:hover .blog-card__header-img .overlay {
	background: rgba(17, 17, 17, 0.05);
}

.blog-card a:hover .blog-card__header-img .overlay.related {
	background: rgba(17, 17, 17, 0.1);
}

.blog-related {
	height: 35rem;
	background: #F4F4F4 0% 0% no-repeat padding-box;
	display: flex;
	align-items: center;
}

.blog__container > :first-child {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	width: 100%;
	height: 25rem;
}

.blog__container > :first-child > a > div:first-child {
	width: 66%;
	height: 100%;
    float: left;
    max-height: none;
    margin-right: 1.5rem;
}

.blog__container > :first-child .blog-card__text {
	height: 100%;
	overflow: hidden;
}

.blog-card {
	border-radius: 1em 1em 0 0;
	background-color: #fff;
}

.blog-card:nth-child(1) {
	-ms-grid-column: 1;
}

.blog-card:nth-child(2) {
	-ms-grid-column: 1;
	-ms-grid-row: 2;
}

.blog-card:nth-child(3) {
	-ms-grid-column: 2;
	-ms-grid-row: 2;
}

.blog-card:nth-child(4) {
	-ms-grid-column: 3;
	-ms-grid-row: 2;
}

.blog-card:nth-child(5) {
	-ms-grid-column: 1;
	-ms-grid-row: 3;
}

.blog-card:nth-child(6) {
	-ms-grid-column: 2;
	-ms-grid-row: 3;
}

.blog-card:nth-child(7) {
	-ms-grid-column: 3;
	-ms-grid-row: 3;
}

.blog-card:nth-child(8) {
	-ms-grid-column: 1;
	-ms-grid-row: 4;
}

.blog-card:nth-child(9) {
	-ms-grid-column: 2;
	-ms-grid-row: 4;
}

.blog-card:nth-child(10) {
	-ms-grid-column: 3;
	-ms-grid-row: 4;
}

.blog-card:nth-child(11) {
	-ms-grid-column: 1;
	-ms-grid-row: 5;
}

.blog-card:nth-child(12) {
	-ms-grid-column: 2;
	-ms-grid-row: 5;
}

.blog-card:nth-child(13) {
	-ms-grid-column: 3;
	-ms-grid-row: 5;
}

.blog-card:nth-child(14) {
	-ms-grid-column: 1;
	-ms-grid-row: 6;
}

.blog-card:nth-child(15) {
	-ms-grid-column: 2;
	-ms-grid-row: 6;
}

.blog-card:nth-child(16) {
	-ms-grid-column: 3;
	-ms-grid-row: 6;
}

.blog-card:nth-child(17) {
	-ms-grid-column: 1;
	-ms-grid-row: 7;
}

.blog-card:nth-child(18) {
	-ms-grid-column: 2;
	-ms-grid-row: 7;
}

.blog-card:nth-child(19) {
	-ms-grid-column: 3;
	-ms-grid-row: 7;
}

.blog-card:nth-child(20) {
	-ms-grid-column: 1;
	-ms-grid-row: 8;
}

.blog-card:nth-child(21) {
	-ms-grid-column: 2;
	-ms-grid-row: 8;
}

.blog-card:nth-child(22) {
	-ms-grid-column: 3;
	-ms-grid-row: 8;
}

.blog-card.__expanded {
	height: auto;
	width: 50rem;
	margin: auto;
	-ms-grid-column-span: 3 !important;
	-ms-grid-column: span 3 !important;
	    grid-column-start: span 3 !important;
}

.blog-card.__expanded .blog-card__header-img {
    display: none;
}

.blog-card__preview {
	max-width: 100%;
	padding: 30px;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.blog-card__header-img {
    width: 100%;
    height: 12.72rem;
	background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto 1.5em;
	border: rgba(161, 161, 161, 0.2) 1px solid;
    border-radius: 0.3rem;
}

.blog-card__content {
	background-color: #fff;
	border-top: #e1e1e1 1px solid;
	position: relative;
	border-radius: 0 0 1em 1em;
	-webkit-border-radius: 0 0 1em 1em;
	-moz-border-radius: 0 0 1em 1em;
}

.blog-card__preview p {
	margin: 1em 0;
}

.blog-card__content h2 {
	margin: 3rem 0;
}

.blog-card__content h4 {
	margin: 1.5rem 0;
}

.blog-card__popout_container {
	display: flex;
}

.blog-card__popout_container > div {
	flex: 1 1 auto;
}

.blog-card__popout_container .blog-card__popout {
	width: 50%;
	text-align: center;
	flex-shrink: 0;
}

.blog-card__popout_container .blog-card__popout__small {
	width: 30%;
	flex-shrink: 0;
}

.blog-card__popout img {
	display: block;
	width: 100%;
	margin: 0.5rem auto;
}

.blog-card input[type="submit"] {
	background: #13599c;
	color: #fff;
	border: #fff;
}

.blog-card__content ol {
	color: #111;
	margin-left: 2rem;
	margin-bottom: 1.5rem;
}

.blog-card__content ol li {
	margin: 0.5rem 0;
}

.blog-infographic {
	display: block;
	width: 100%;
	margin: 3rem auto;
}

.blog-text {
	background-size: 87.5%;
}

.blog-roco {
    background-size: 75%;
}

.blog-card__header-img__cover {
	background-size: cover;
}

.blog-card {
	position: relative;
	max-width: 100%;
}

.blog-card p {
	color: #111111;
	margin: 1em 0;
}

.blog-card h2 {
	color: #111111;
	margin: 3rem 0;
}

.blog-card h3 {
	color: #111111;
	margin: 0 0 0;
}

.blog-button {
	position: absolute;
	bottom: 25px;
}

.blog__share {
	margin: 3rem auto;
}

.blog__share ul {
	display: block;
}

.blog__share ul li {
	display: inline;
	margin-right: 1rem;
	cursor: pointer;
}

.blog__share ul li:first-child a img {
	margin-bottom: 1px;
}

/* End Blog Cards */

/* Recaptcha */

.grecaptcha-badge { 
	visibility: hidden; 
}

/* End Recaptcha */

/* New Front Page */

.arrow-down {
	border: solid #111111;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
    margin-left: 5px;
    margin-bottom: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.main-nav li a {
	color: #111111;
    padding: 0.65em;
    margin: -0.65em;
    outline: 0;
}

.main-nav li:hover {
	cursor: pointer;
}

.main-nav li:hover a {
    color: #FF5448;
}

.main-nav li ul.sub-menu li:hover {
	background: #3a3a3a;
}

.login-nav {
	color: #ff544a !important;
}

/* End New Front Page */

/* New Website */

.main-head .logo {
	width: 9rem;
	height: 100%;
    margin-left: 1.4rem;
    margin-right: 1.8rem;
}

.demo-button {
	display: inline-block;
	height: 3.5rem;
	padding: 0px 1.5rem;
	background: #FF5448 0% 0% no-repeat padding-box;
	border-radius: 100px;
	transition: background ease-in 0.2s;
}

.demo-button:hover {
    background: #DA3F34;
	cursor: pointer;
}

.demo-button p {
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFFFFF;
	margin: auto;
	transition: color ease-in 0.2s;
	white-space: nowrap;
}

.platform-button {
	display: inline-block;
	height: 3.5rem;
	padding: 0px 1.5rem;
	background: #F4F4F4 0% 0% no-repeat padding-box;
	border-radius: 100px;
	margin-left: 2rem;
	transition: background ease-in 0.2s;
	overflow: hidden;
}

.platform-button:hover {
	background-color: #E5E5E5;
	cursor: pointer;
}

.platform-button p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #111111;
	margin: auto;
	white-space: nowrap;
}

.plan-button {
	padding: 0 1.4rem;
	background: #D8EEEE 0% 0% no-repeat padding-box;
	border-radius: 100px;
}

.plan-button p {
	width: 100%;
	height: 100%;
	color: #348E97;
	margin: auto;
}

.banner-title {
	text-align: left;
	color: #111111 !important;
	margin-bottom: 0;
}

p.banner-description {
	text-align: left;
	color: #111111 !important;
    max-width: 40rem;
    margin: 3rem 30% 0 12%;
}

.banner-buttons {
	display: flex;
	width: 100%;
    padding: 0 12%;
    box-sizing: border-box;
}

.loginWrap .demo-button {
	background: #FFDCDA 0% 0% no-repeat padding-box !important;
	display: inline-flex;
}

.loginWrap .demo-button:hover {
	background: #FF5448 0% 0% no-repeat padding-box !important;
}

.loginWrap .demo-button p {
	color: #FF5448;
}

.loginWrap .demo-button:hover p {
	color: #FFFFFF;
}

.no-webp .whole-picture ,
.no-js .whole-picture  {
	background: url(/img/grey_block.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .whole-picture  {
	background: url(/img/grey_block.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.whole-picture {
	width: 100%;
	padding: 6rem 0;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.whole-picture__title {
	text-align: left;
	color: #111111;
	width: 40%;
	margin-bottom: 0;
}

.whole-picture__content{
	text-align: left;
	color: #111111;
	width: 40%;
	margin: 1.9rem;
}

.whole-picture__button {
	top: 176px;
	height: 20px;
	text-align: left;
	color: #111111;
	width: 40%;
	display: flex;
	align-items: center;
}

.whole-picture__button a,
.analytics__headline__button a,
.decisions__button a,
.benefits__headline__button a,
.blog__button a,
.product__feature-highlight__demo-button a {
	color: #111111;
	transition: color ease-in 0.2s;
}

.whole-picture__button a:hover,
.analytics__headline__button a:hover,
.decisions__button a:hover,
.benefits__headline__button a:hover,
.blog__button a:hover,
.product__feature-highlight__demo-button a:hover{
	color: rgba(17, 17, 17, 0.5);
}

.decisions__button a {
	display: flex;
    align-items: center;
}

.analytics,
.benefits {
	width: 100%;
	padding: 6rem 0;
	background: #ffffff no-repeat center center;
	background-size: cover;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.analytics > div,
.benefits > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.analytics__title,
.benefits__title {
	color: #111111;
	margin-bottom: 0;
}

.analytics__title,
.analytics__content {
	text-align: left;
	align-self: flex-start;
	max-width: 40rem;
}

.benefits__title,
.benefits__content {
	text-align: center;
}

.benefits__title {
	max-width: 25rem;
}

.benefits__content {
	max-width: 32rem;
}

.analytics__content,
.benefits__content {
	color: #111111;
	margin: 1.9rem 0;
}

.analytics__headline,
.benefits__headline {
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 1rem;
}

.analytics__headline:nth-child(2n),
.benefits__headline:nth-child(2n) {
	flex-direction: row-reverse;
}

.analytics__headline__image,
.benefits__headline__image {
	width: 24rem;
	margin: 2rem;
	flex-shrink: 0;
}

.analytics__headline__content,
.benefits__headline__content {
	margin: 2rem;
}

.analytics__headline__title,
.benefits__headline__title {
	color: #111111;
	margin-bottom: 0;
}

.analytics__headline__description,
.benefits__headline__description {
	color: #111111;
	margin: 1.9rem 0;
}

.analytics__headline__button,
.benefits__headline__button,
.blog__button {
	color: #111111;
	width: -webkit-fit-content;
	width: fit-content;
	width: -moz-fit-content;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.analytics__headline__label {
	display: flex;
    flex-direction: row;
    align-items: center;
    margin: 2rem 0;
}

.analytics__headline__label .checkbox {
	height: 1.2rem;
	width: 1.2rem;
	background-color: #D8EEEE;
	border-radius: 50%;
	display: inline-block;
	margin: 0 0.5rem 0 0;
	display: flex;
}

.analytics__headline__label p {
	text-align: left;
	color: #348E97;
}

.analytics__headline__label .checkmark {
	display: inline-block;
	width: 100%;
	height: 100%; /* IE 9 */ /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	right: 0.2rem;
	position: relative;
}

.analytics__headline__label .checkmark .checkmark_stem {
    position: absolute;
    width: 1px;
    height: 10px;
    height: 0.8rem;
    background-color: #348E97;
    top: 0;
    left: 0.8rem;
}

.analytics__headline__label .checkmark .checkmark_kick {
    position: absolute;
    width: 3px;
    height: 1px;
    width: 0.25rem;
    background-color: #348E97;
    left: 0.55rem;
    top: 0.7rem;
}

.no-webp .never-scratch,
.no-js .never-scratch {
	background: url(/img/background_image@2x.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .never-scratch {
	background: url(/img/background_image@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.never-scratch {
	width: 100%;
	padding: 6rem 0;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	color: #ffffff;
}

.never-scratch>* {
	width: 63%;
}

.never-scratch__title {
	text-align: left;
	width: 50%;
	color: #ffffff;
}

.never-scratch__content {
	text-align: left;
	max-width: 40rem;
}

.never-scratch__prod {
	margin: 4rem 0;
}

.never-scratch__prod img {
	width: 6.2rem;
	margin-bottom: 2rem;
}

.never-scratch__prod ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
    margin: 0;
}

.never-scratch__prod ul li {
	margin: 0 1rem;
	display: flex;
    flex-direction: column;
}

.never-scratch__prod ul li:first-child {
	margin: 0 1rem 0 0;
}

.never-scratch__prod ul li:last-child {
	margin: 0 0 0 1rem;
}

.never-scratch__prod ul li a {
	color: #ffffff;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.never-scratch__button {
	/* TODO reinstate */
	display: none;
	justify-content: flex-end;
	float: right;
	position: relative;
    top: 1rem;
}

.never-scratch__button div {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.never-scratch__button a {
	color: #ffffff;
	text-align: right;
	margin: 0 1rem 0 0;
}

.never-scratch__button img {
	width: 2rem;
	height: 2rem;
}

.decisions {
	width: 100%;
	padding: 6rem 0;
	background: #F4F4F4 no-repeat center center;
	background-size: cover;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.decisions__title {
	text-align: center;
	color: #111111;
	width: 40%;
}

.decisions__content {
	text-align: center;
	color: #111111;
	max-width: 40rem;
}

.decisions__selector {
	width: auto !important;
	display: flex;
	align-items: center;
	text-align: center;
	color: #111111;
}

.decisions__selector p {
	text-align: center;
	color: #111111;
	padding: 1rem 2rem;
}

.decisions__selector p strong {
	cursor: pointer;
}

.decisions__selector>div {
	display: flex;
	flex-grow: 1;
	border-right: 1px solid #C6C6C6;
}

.decisions__selector .decisions__brand1,
.decisions__selector .decisions__brand2,
.decisions__selector .decisions__brand3 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}

.decisions__selector .decisions__brand1 {
	width: 9.2rem;
	height: 2.3rem;
	background: #E3E3E3 0% 0% no-repeat padding-box;
	border-radius: 26px;
}

.decisions__selector .decisions__brand2 {
	width: 10.15rem;
	height: 2.3rem;
	background: #C4AFE1 0% 0% no-repeat padding-box;
	border-radius: 26px;
}

.decisions__selector .decisions__brand3 {
	width: 7.45rem;
	height: 2.3rem;
	background: #ADDADA 0% 0% no-repeat padding-box;
	border-radius: 26px;
	margin-right: 2rem;
}

.decisions__selector div span.cross {
	border: 1px solid #111111;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: inherit;
    position: relative;
    left: 0.7rem;
    cursor: pointer;
}

.decisions__timeframe {
	white-space: nowrap;
}

.decisions__timeframe .arrow-down {
	border: solid #FF5448;
	border-width: 0 0.2rem 0.2rem 0;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
}

.decisions__image {
	width: 60%;
	margin: 0 0 2rem 0;
	padding: 2rem 0;
	border-bottom: 1px solid #C6C6C6;
}

.decisions .decisions__demo {
	width: 16rem;
	height: 20rem;
    background-image: url(/img/demo_card.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    padding-right: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
	right: 25%;
    margin-top: 7rem;
	transition: opacity ease-in 1s;
    opacity: 0;
}

.decisions__demo.visible {
	opacity: 1;
}

.decisions__demo a {
	display: block;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

.decisions__demo a p:first-child {
	color: #FFFFFF;
	text-align: center;
	max-width: 8.8rem;
	margin: 1em auto 3em;
	padding-left: 1rem;
}

.decisions__demo a p:last-child {
	color: #FFFFFF;
	width: -webkit-fit-content;
	width: fit-content;
	width: -moz-fit-content;
	cursor: pointer;
	text-align: center;
	margin: 4rem auto 1rem;
	padding-left: 1rem;
}

.decisions__demo .arrow-right {
	border: solid #fff;
	border-width: 0 .15rem .15rem 0;
}

.decisions__demo a:hover .arrow-right {
	margin-left: 0;
	opacity: 1;
}

.decisions__footer {
	width: 60%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.decisions__footer p {
	text-align: left;
	color: #111111;
	width: -webkit-fit-content;
	width: fit-content;
	width: -moz-fit-content;
}

.decisions__button {
	display: flex;
    align-items: baseline;
}

.in-the-know {
	width: 100%;
	padding: 6rem 0;
	background: #ffffff no-repeat center center;
	background-size: cover;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.in-the-know>* {
	width: 60%;
}

.in-the-know__title {
	text-align: left;
	color: #111111;
	width: 44%;
	white-space: nowrap;
}

.in-the-know__content {
	text-align: left;
	color: #111111;
	max-width: 32rem;
}

.in-the-know__nav ul {
	list-style: none;
    display: flex;
    margin: 2rem 0 0;
}

.in-the-know__nav ul li {
	margin: 0 2rem 0 0;
	display: flex;
    flex-direction: column;
    width: 20rem;
	cursor: pointer;
	flex-grow: 1;
}

.in-the-know__nav ul li:last-child {
	margin-right: 0;
}

.in-the-know__nav ul li a {
	color: #111111;
}

.in-the-know__nav ul li a > div:last-of-type {
	margin: 1.25rem 0 1rem;
}

.in-the-know__nav ul li p {
	margin: 1rem 0;
}

.in-the-know ul li p {
	color: #111111;
}

.no-webp .in-the-know__nav__image.one,
.no-js .in-the-know__nav__image.one {
	background-image: url(/img/blog_image_1.jpg);
}

.no-webp .in-the-know__nav__image.two,
.no-js .in-the-know__nav__image.two {
	background-image: url(/img/blog_image_2.jpg);
}

.no-webp .in-the-know__nav__image.three,
.no-js .in-the-know__nav__image.three {
	background-image: url(/img/blog_image_3.jpg);
}

.webp .in-the-know__nav__image.one {
	background-image: url(/img/blog_image_1.webp);
}

.webp .in-the-know__nav__image.two {
	background-image: url(/img/blog_image_2.webp);
}

.webp .in-the-know__nav__image.three {
	background-image: url(/img/blog_image_3.webp);
}

.in-the-know__nav__image {
	width: 100%;
    border-radius: 0.3rem;
    background-size: cover;
    height: 11vw;
    margin: 0;
}

.in-the-know__nav__image .overlay {
	position: relative;
	width: 100%;
	height: 100%;
	background: rgba(17, 17, 17, 0);
	transition: background-color ease-in 0.2s;
    border-radius: 0.3rem;
	
}

.in-the-know__nav ul li a:hover .overlay {
	background: rgba(17, 17, 17, 0.5);
}

.testimonials {
	width: 100%;
	padding: 6rem 0;
	background: url(/img/purple_block@2x.jpg) no-repeat center center;
	background-size: cover;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.testimonials__gocompare {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.testimonials__gocompare img {
    height: 20rem;
    width: 20rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 20% 0;
       object-position: 20% 0;
    margin: 2rem;
    border-radius: 0.3rem;
}

.testimonials__gocompare__content {
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	width: 35rem;
	margin: 2rem;
}

.testimonials__gocompare__content h1 {
	color: #111111;
	margin: 1rem 0;
}

.testimonials__gocompare__content p.quote {
	color: #111111;
	margin: 1rem 0;
}

.testimonials__gocompare__content p.reference {
	color: #111111;
	margin: 2rem 0 1rem;
}

.testimonials__gocompare__content img {
	width: 2.6rem;
	height: 2.6rem;
	margin: .8rem 0.2rem;
	cursor: pointer;
}

.testimonials .dot {
	height: 0.8rem;
	width: 0.8rem;
	background-color: #C4AFE1;
	border-radius: 50%;
	display: inline-block;
	margin: 1rem 5px 1rem 0;
	cursor: pointer;
}

.testimonials .dot.active {
	background-color: #9570C8;
}

.no-webp .get-started,
.no-js .get-started {
	background: url(../img/footer@2x.png) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .get-started {
	background: url(../img/footer@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.get-started {
	width: 100%;
	padding: 2rem 0;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #000000;
}

.get-started__title {
	color: #ffffff;
	margin: 1.4rem;
}

.get-started__content {
	width: 38rem;
	text-align: center;
	margin: 1rem;
	color: #A1A1A1 !important;
}

.get-started .demo-button {
	margin: 1.7rem;
}

.get-started .demo-button p {
	color: #111111;
}

.get-started__logo {
	background: url("../img/logo_icon.svg") no-repeat;
	background-size: contain;
	height: 2.5rem;
	width: 2.5rem;
	margin: 1.7rem;
}

.lang-dropdown {
	width: 0;
	height: 0;
	text-align: center;
	color: #111111;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.lang-container {
    width: 5rem;
    top: 1rem;
    left: 0.25rem;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 26px #00000029;
	border-radius: 10px;
	position: relative;
	z-index: 101;
	padding: 0.4rem 0 0.5rem;
    margin-top: 2rem;
}

.lang-container ul {
	margin: 0;
}

.lang-container li {
	padding: 0.2rem 0 !important;
	border-bottom: none !important;
	position: relative;
    top: auto;
    transform: none;
}

.lang-arrow {
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 3rem;
	height: 3rem;
	transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 3px;
	position: absolute;
}

.lang-select {
	text-align: center;
	color: #111111;
	cursor: pointer;
	text-transform: uppercase;
	display: flex;
    align-items: center;
}

.lang-select .arrow-down {
	border: solid #111111;
	border-width: 0 0.15rem 0.15rem 0;
	margin-bottom: 0.3rem;
}

a.lang-select:hover {
	color: #111111;
}

.lang-button {
	cursor: pointer;
}

a.lang-button:hover {
	color: #ff544a !important;
}

div.loginWrap > ul.loginlink > li > a.lang-select > img.globe {
	position: relative;
	right: 0.44rem;
    height: 1.6rem;
}

.loginWrap .loginlink li a {
	padding: 0.65em;
    margin: -0.65em;
}

.main-footer h6 {
	color: #FFFFFF;
}

.main-footer ul {
	color: #FFFFFF;
}

.main-footer ul li img {
	filter: invert(1);
	cursor: pointer;
	width: 1.5rem;
}

.main-footer .one-third.column:last-child {
    margin-left: 8%;
}

.loginWrap li ul.sub-menu li a {
    color: #111111;
    display: block;
    margin: 0;
    padding: 0.2rem 1rem;
}

.loginWrap li:hover .sub-menu {
    display: block;
}

.loginWrap li ul.sub-menu li {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
}

.no-webp .banner-image,
.no-js .banner-image {
	background: url(/img/header.png) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-position-x: 30%;
}

.webp .banner-image {
	background: url(/img/header.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-position-x: 30%;
}

.banner-image {
	height: 52rem;
	height: calc(100vh - 104px);
    height: -o-calc(100vh - 104px);
    height: -moz-calc(100vh - 104px);
    list-style: none;
}

p.footer-copy {
	margin-bottom: 1.5rem;
}

.footer-desc {
	text-align: left;
	color: #FFFFFF;
}

.footer-logo {
	position: relative;
	bottom: 20px;
	width: 8rem;
}

.main-footer .container {
	height: 100%;
	max-width: 70rem !important;
	padding: 6rem 0 0;
}

.main-footer .five.columns {
	width: 20%;
	margin-top: 10px;
}

.main-footer .offset-by-one.six.columns {
	width: 70%;
	margin-top: 3.5rem;
	float: right;
}

.main-footer h6 {
	margin-bottom: 1rem;
}

.main-footer .one-third.column {
	width: 22%;
}

.main-footer .one-third.column:nth-child(2) {
	margin-left: 0;
}

.main-footer .one-third.column:nth-child(3) {
	width: 25%;
	margin-left: 0;
}

.product-container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	width: 36rem;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 26px #00000029;
	border-radius: 10px;
	z-index: 101;
	padding: 1rem 0;
}

/* Mobile Nav Icon */

.nav-icon {
	width: 18px;
	height: 14px;
	position: relative;
	margin: auto;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
}

.nav-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #111111;
	border-radius: 5px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

.nav-icon span:nth-child(1) {
	top: 0px;
}

.nav-icon span:nth-child(2),
.nav-icon span:nth-child(3) {
	top: 5px;
}

.nav-icon span:nth-child(4) {
	top: 10px;
}

.nav-icon.show span:nth-child(1) {
	top: 5px;
	width: 0%;
	left: 50%;
}

.nav-icon.show span:nth-child(2) {
	transform: rotate(45deg);
}

.nav-icon.show span:nth-child(3) {
	transform: rotate(-45deg);
}

.nav-icon.show span:nth-child(4) {
	top: 5px;
	width: 0%;
	left: 50%;
}

.product-grouping>div {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.product-container .product-grouping strong {
	color: #111111;
}

.product-container .product-grouping:hover strong,
.product-container .product-grouping.active strong {
    color: #FF5448;
}

.product-container .product-grouping p {
	color: #111111;
}

.product-arrow {
	top: 0;
	left: 100px;
	width: 3rem;
	height: 3rem;
	transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 3px;
	position: absolute;
}

.show {
	display:block;
}

.product-container .demo-button {
	background: #FFDCDA 0% 0% no-repeat padding-box !important;
	display: inline-flex;
}

.product-container .demo-button:hover {
	background: #FF5448 0% 0% no-repeat padding-box !important;
}

.product-container .demo-button p {
	color: #FF5448;
}

.product-container .demo-button:hover p {
	color: #FFFFFF;
}

li.product-grouping {
	display: inline-flex;
	margin: 1.3rem 0 1.3rem 2.5rem;
    width: 40%;
	height: 3.125rem;
	vertical-align: middle;
	cursor: pointer;
}

.product-container .product-grouping p {
	margin: 0;
	text-align: left;
	word-break: normal;
}

img.product-icon {
	width: 3.125rem;
	height: 3.125rem;
	margin-right: 1rem;
}

.hero.main-carousel, 
.slider, 
.banner-image {
	height: 44rem;
}

.navWrap,
.nav,
.main-nav {
	height: 100%;
}

.main-nav {
	display: flex;
	align-items: center;
}

.el-popover.nav-popover {
	background: none;
	padding: 0;
	border: none;
}

.arrow-right {
	border: solid #111111;
	border-width: 0 0.15rem 0.15rem 0;
	display: inline-block;
	padding: 0.15rem;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-left: 0.25rem;
	transition: margin ease-in 0.2s, opacity ease-in 0.2s;
}

a:hover .arrow-right {
	margin-left: 0.5rem;
	opacity: 0.5;
}

.never-scratch__prod li:hover .arrow-right {
	margin-left: 0.5rem;
	opacity: 1;
}

.never-scratch__prod .arrow-right {
	border-color: #FFFFFF !important;
}

.blog__title,
.resources__title {
	color: #111111;
	margin: 3rem 0;
}

.blog__filter,
.resources__filter {
	margin: 3rem 0 5rem;
}

.blog__next {
	float: right;
}

.blog__filter ul,
.resources__filter ul {
	list-style: none;
	margin-bottom: 1rem;
}

.blog__filter ul:nth-child(2),
.resources__filter ul:nth-child(2) {
	display: none;
}

.blog__filter ul:first-child li,
.resources__filter ul:first-child li {
	color: #111111;
	margin-right: 1rem;
}

.blog__filter ul:first-child li:nth-child(2),
.resources__filter ul:first-child li:nth-child(2) {
	cursor: pointer;
	display: inline-flex;
    align-items: center;
}

.blog__filter ul:nth-child(2) li,
.resources__filter ul:nth-child(2) li {
	cursor: pointer;
}

.blog__filter ul:nth-child(2) li.selected a {
	color: #111111;
}

.blog__filter ul li,
.resources__filter ul li {
	display: inline;
	margin-right: 3rem;
}

.blog__filter ul li a,
.resources__filter ul li a {
	color: #A1A1A1;
	padding: 0.65em;
    margin: -0.65em;
}

.blog__filter ul li a:hover,
.resources__filter ul li a:hover {
	color: #111111;
}

.blog__filter ul.show:nth-child(2),
.resources__filter ul.show:nth-child(2) {
	display: block;
	position: absolute;
}

.blog__filter .arrow-down,
.resources__filter .arrow-down {
	border: solid #FF5E54;
	border-width: 0 2px 2px 0;
}

.blog__filter .arrow-down.active,
.resources__filter .arrow-down.active {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
	margin-bottom: 0;
    margin-top: 2px;
}

.__banner {
	width: 100%;
	padding: 6rem 0;
	background-size: cover;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.__highlight {
	width: 100%;
	padding: 2rem 0;
	background-size: cover;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.__subsection {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.__subsection-spacious {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.no-webp .platform__banner,
.no-js .platform__banner {
	background: url(/img/header@2x.png) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .platform__banner {
	background: url(/img/header@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.platform__banner {
	width: 100%;
	padding-top: 6rem;
	padding-bottom: 9rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.platform__banner * {
	color: #ffffff;
}

.platform__banner > * {
	width: 60%;
}

.run-effortlessly__content {
	text-align: left;
	color: #111111;
	margin: auto;
	max-width: 48rem;
}

.no-webp .platform__mini,
.no-webp .product__mini,
.no-js .platform__mini,
.no-js .product__mini {
	background: url(/img/mini_cta@2x.png) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .platform__mini,
.webp .product__mini {
	background: url(/img/mini_cta@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.platform__mini,
.product__mini {
	width: 100%;
	height: 8rem;
	padding: 1rem 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}

.platform__mini h1,
.product__mini h1 {
	margin: 0 1.5em 0 0;
	color: #fff;
}

.platform__mini-demo-text,
.product__mini-demo-text {
	color: #000
}

ul.platform__client-list,
ul.contact__client-list,
ul.product__client-list {
	list-style: none;
}

ul.platform__client-list li,
ul.contact__client-list li,
ul.product__client-list li {
	display: inline-block;
	margin: 0 1rem;
}

ul.platform__client-list li:first-child,
ul.contact__client-list li:first-child, 
ul.product__client-list li:first-child {
	margin-left: 0;
}

ul.platform__client-list li:last-child,
ul.contact__client-list li:last-child, 
ul.product__client-list li:last-child {
	margin-right: 0;
}

.platform__client-list li > img,
.contact__client-list li > img,
.product__client-list li > img {
    height: 1.5em;
}

.platform__client-list li:nth-child(3) > img,
.contact__client-list li:nth-child(3) > img,
.product__client-list li:nth-child(3) > img {
    height: 2.5em;
}

.platform__client-list li:last-child > img,
.contact__client-list li:last-child > img,
.product__client-list li:last-child > img {
    height: 2em;
}

.platform__client-list li:nth-child(2) > img,
.contact__client-list li:nth-child(2) > img,
.product__client-list li:nth-child(2) > img  {
    padding-top: 0.2em;
}

.platform__plan .text-spacious,
.platform__research .text-spacious,
.platform__measure .text-spacious,
.platform__manage .text-spacious {
	max-width: 28rem;
}

.platform__optimise .text-spacious {
	max-width: 29rem;
}

.play_icon {
	border: none;
    display: inline-block;
	width: 1em;
	height: 1em;
	background: url(/img/play_button_icon.svg) no-repeat center right;
	background-size: contain;
	color: #FF5E54;
	vertical-align: middle;
	transition: opacity ease-in 0.2s;
}

.play_icon.__white {
	background-image: url(/img/play_button_icon_white.svg);
	color: #FFFFFF;
}

.play_icon.__black {
	background-image: url(/img/play_button_icon_black.svg);
	color: #111111;
}

.platform .play_icon {
	background: url(/img/play_button_icon_red.svg) no-repeat center right;
	background-size: contain;
}

.platform__client-list,
.contact__client-list,
.product__client-list {
	display: flex;
    align-items: center;
}

.platform__client-list {
	justify-content: center;
}

.text-spacious {
	margin-bottom: 3rem;
}

.platform__mini,
.info-card {
    margin-bottom: 2rem;
}

.info-card {
	display: flex;
	position: relative;
	padding-top: 6rem;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	color: #111111;
}

.info-card__content {
	display: flex;
	width: 60%;
	position: relative;
	margin-bottom: 4rem;
}

.info-card__pane {
	flex: 0 0 auto;
	width: 50%;
	height: 40rem;
	box-sizing: border-box;
}

.info-card__pane-left {
	margin-right: 2rem;
}

.info-card__pane-right {
	margin-left: 2rem;
}

.info-card__pane-right img {
	width: 100%;
	margin-top: 1rem;
}

.info-card__testimonial {
	width: 66%;
	padding: 2.5rem;
	box-sizing: border-box;
	background: #fff;
}

.info-card__testimonial__header {
    max-width: 100%;
	margin: 1rem 0;
	height: 3rem;
}

.info-card__testimonial p {
	margin: 1rem 0;
}

table.info-card__callout-container {
	margin-top: 2rem;
}

table.info-card__callout-container,
table.info-card__callout-container th,
table.info-card__callout-container td {
	border: 0;
	vertical-align: baseline;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

table.info-card__callout-container th {
	margin: 1.5rem 1rem;
	color: #111;
	font-weight: bold;
}

.info-card__callout {
	flex: 0 0 33%;
}

.info-card__enticer {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 50%;
	height: 4rem;
	padding-left: 2rem;
	transition: background 0.5s;
	display: flex;
	align-items: center;
	margin-left: 4rem;
}

a .info-card__enticer {
	color: #fff;
}

a .info-card__enticer:after  {
	content: "";
    display: inline-block;
    margin-left: 1em;
    height: 1.25rem;
    width: 4.5rem;
    background: center left / contain no-repeat url(/img/cta_arrow_icon.svg);
    background-size: 85% 100%;
	transition: width ease-in 0.2s, height ease-in 0.2s;
}

.info-card a:hover .info-card__enticer:after {
	width: 5rem;
}

.platform__research {
	background: #E9F0FB;
}

.platform__research .info-card__enticer {
	background: #0A58D4;
}

.platform__research a:hover .info-card__enticer {
	background: #0849AF;
}

.platform__plan {
	background: #F5FBFB;
}

.platform__plan .info-card__enticer {
	background: #9AD1D1;
}

.platform__plan a:hover .info-card__enticer {
	background: #7FACAC;
}

.platform__measure {
	background: #FCF1E6;
}

.platform__measure .info-card__enticer {
	background: #EEB477;
}

.platform__measure a:hover .info-card__enticer {
	background: #C99865;
}

.platform__optimise {
	background: #FFE7EB;
}

.platform__optimise .info-card__enticer {
	background: #FF7990;
}

.platform__optimise a:hover .info-card__enticer {
	background: #DA677B;
}

.platform__manage {
	background: #E8DFF3;
}

.platform__manage .info-card__enticer {
	background: #7E50BC;
}

.platform__manage a:hover .info-card__enticer {
	background: #654097;
}

.platform__resources,
.product__resources {
	margin: 6rem 0;
	width: 100%;
}

.resources__downloads {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 1.5rem 0 3rem;
}

.platform__resources .resources__downloads,
.product__resources .resources__downloads {
	width: 65em;
}

.resources__pdf {
	background: #F4F4F4 0% 0% no-repeat padding-box;
	border-radius: 0.3rem;
	width: 15rem;
	height: 20rem;
	padding: 2rem 2.5rem;
	color: #111111;
	position: relative;
	transition: opacity ease-in 0.2s;
}

.resources__pdf:hover {
	opacity: 0.5;
}

.product__measure__in-the-know,
.product__manage__in-the-know,
.product__plan__in-the-know,
.product__optimise__in-the-know,
.product__research__in-the-know {
	margin-top: 0;
}

.product__research__in-the-know,
.product__research__feature-showcase .product__feature-showcase__detail {
	background-color: #E9F0FB;
}

.product__measure__in-the-know,
.product__measure__feature-showcase .product__feature-showcase__detail,
.faq__measure__feature-showcase .product__feature-showcase__detail  {
	background-color: #FCF1E6;
}

.product__manage__in-the-know,
.product__manage__feature-showcase .product__feature-showcase__detail  {
	background-color: #E8DFF3;
}

.product__plan__in-the-know,
.product__plan__feature-showcase .product__feature-showcase__detail,
.faq__plan__feature-showcase .product__feature-showcase__detail  {
	background-color: #E2F2F2;
}

.product__optimise__in-the-know ,
.product__optimise__feature-showcase .product__feature-showcase__detail {
	background-color: #FFE7EB;
}

.resources__pdf img {
	width: 2rem;
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}

.resources__downloads a {
	margin-right: 2.5rem;
}

.resources__downloads a:last-child {
	margin-right: 0;
}

.resources__pdf a p {
	color: #111111;
}

.resources__pdf div p {
	position: absolute;
	bottom: 2rem;
	color: #111111;
}

.video-play-link {
	cursor: pointer;
	margin-top: 2rem;
	font-weight: bold;
	color: #FF5E54;
	width: -webkit-fit-content;
	width: fit-content;
	width: -moz-fit-content;
}

.resources__video {
	width: 100%;
	height: 34rem;
    background-image: url(/img/video_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 3rem 0;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0.3rem;
    cursor: pointer;
    position: relative;
}

.resources__videos__thumb {
	width: 15rem;
	height: 8rem;
    background-image: url(/img/video_bg_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resources__video .play-button {
	position: absolute;
    left: 0;
    right: 0;
	background-image: url(/img/play_button_icon.svg);
	background-size: contain;
	margin: auto;
	width: 2rem;
    height: 3rem;
}

.resources__video:hover .play-button {
	width: 2.5rem;
	height: 3.75rem;
}

.resources__videos .play-button {
	background-image: url(/img/play_button_icon.svg);
	background-size: contain;
	margin: auto;
	width: 1.33rem;
    height: 2rem;
}

.resources__videos:hover .play-button {
	width: 1.6625rem;
    height: 2.5rem;
}

.resources__video h1 {
	margin-left: 3rem;
	color: #FFFFFF;
	z-index: 10;
}

.resources h2 {
	color: #111111;
}

.resources__video p {
	width: 20rem;
	margin-left: 3rem;
	z-index: 10;
}

.resources__video .overlay {
	background-color: #111111;
	width: 100%;
	height: 34rem;
	position: absolute;
	opacity: 0.4;
	top: auto;
	left: auto;
	border-radius: 0.3rem;
}

.resources__videos .overlay {
	background-color: #111111;
	width: 15rem;
	height: 8rem;
	position: absolute;
	opacity: 0.4;
	top: auto;
	left: auto;
	border-radius: 0.3rem;
}

.resources__beginner,
.resources__advanced {
	display: flex;
	margin: 0 0 3rem 0;
}

.resources__videos {
	margin-right: auto;
	cursor: pointer;
}

.resources__videos:last-child {
    margin-right: 0;
}

.resources__videos img {
	width: 15rem;
	border-radius: 0.3rem;
}

.resources__videos p {
	color: #111111;
	margin: 0.5rem auto;
}

.resources__container h2 {
	margin: 3rem 0;
	color: #111111;
}

.contact__banner {
	width: 65rem;
	margin: auto;
	color: #111111;
	padding: 3rem 0;
}

.contact__banner h3 {
	margin-bottom: 1rem;
}

.contact__banner__title {
	margin: 3rem 0;
}

.contact__banner__title h1 {
	margin: 3rem 0;
}

.contact__banner__title p {
	margin: 3rem 0;
}

.contact__banner__details {
	margin: 3rem 0;
}

.contact__banner__details a {
	color: #111111;
}

.contact__banner__clients {
	margin: 3rem 0;
}

.contact__banner__details ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
}

.contact__form__container {
	width: 65rem;
	margin: auto;
	color: #111111;
	padding: 3rem 0;
}

.contact__form span {
	color: #FF5448;
}

.contact__form__ad span {
	color: #111111;
}

.contact__form h1 {
	margin-top: 3rem;
}

.contact__form {
	background: #F4F4F4 0% 0% no-repeat padding-box;
}

img.contact-product-icon {
	width: 16rem;
	margin-bottom: 1rem;
}

.contact__form__ad {
	width: 16rem;
	height: 0;
	position: relative;
	bottom: 42rem;
	float: right;
}

.contact__headline {
	width: 65rem;
	margin: auto;
	color: #111111;
	padding: 6rem 0 5rem;
}

.contact__headline__bubbles {
	height: 35vw;
	margin-bottom: 1rem;
}

.bubble {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	border: none;
}

.bubble p {
	opacity: 1;
}

.bubble.blue {
	width: 12.65vw;
	height: 12.65vw;
	background-color: rgb(233, 240, 251, 0.64);
	left: 9.85%;
}

.bubble.yellow {
	width: 18.6vw;
	height: 18.6vw;
	background-color: rgb(253, 248, 243, 0.64);
	left: 17.85%;
	margin-top: 10%;
}

.bubble.green {
	width: 24.95vw;
	height: 24.95vw;
	background-color: rgb(236, 247, 247, 0.51);
	left: 36.15%;
}

.bubble.purple {
	width: 18.6vw;
	height: 18.6vw;
	background-color: rgb(243, 239, 249, 0.64);
	left: 58.55%;
	margin-top: -10%;
}

.bubble.pink {
	width: 21.7vw;
	height: 21.7vw;
	background-color: rgb(255, 243, 245, 0.54);
	left: 61.1%;
	margin-top: 10%;
}

.bubble.red {
	width: 14.1vw;
	height: 14.1vw;
	background-color: rgb(255, 84, 72, 0.2);
	left: 77.15%;
}

.bubble.blue p {
	color: #0A58D4;
}

.bubble.yellow p {
	color: #EEB477;
}

.bubble.green p {
	color: #9CD3D3;
}

.bubble.purple p {
	color: #7E50BC;
}

.bubble.pink p {
	color: #FF7990;
}

.bubble.red p {
	color: #FF5448;
}

/* Product pages */

.product__banner {
	width: 100%;
	padding-top: 6rem;
	padding-bottom: 9rem;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 35rem;
}

.no-webp .product__research__banner,
.no-js .product__research__banner {
	background: url(/img/research_header@2x.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .product__research__banner {
	background: url(/img/research_header@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.no-webp .product__measure__banner,
.no-js .product__measure__banner {
	background: url(/img/measure_header@2x.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .product__measure__banner {
	background: url(/img/measure_header@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.no-webp .product__manage__banner,
.no-js .product__manage__banner {
	background: url(/img/manage_header@2x.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .product__manage__banner {
	background: url(/img/manage_header@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.no-webp .product__plan__banner,
.no-js .product__plan__banner {
	background: url(/img/plan_header@2x.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .product__plan__banner {
	background: url(/img/plan_header@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.no-webp .product__optimise__banner,
.no-js .product__optimise__banner {
	background: url(/img/optimise_header@2x.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.webp .product__optimise__banner {
	background: url(/img/optimise_header@2x.webp) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

.product__banner > * {
	width: 20%;
	padding-right: 40%;
}

.product__banner * {
	color: #fff;
}

.platform-header, .product__banner__title {
	white-space: nowrap;
}

.product__optimise__banner *,
.product__plan__banner *,
.product__measure__banner *,
.product__manage__banner *
{
	color: #111;
}

.refine,
.product__clients,
.picture-of-success {
	display: flex;
	padding: 5em 0 0 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.product__clients > * {
	width: 60%;
	flex: 0 0 auto;
}

.refine > *,
.picture-of-success > * {
	width: 30%;
	margin-right: 30%;
	flex: 0 0 auto;
}

.product__feature-highlight {
	display: flex;
	position: relative;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	color: #111111;
	padding: 2rem 0;
}

.product__feature-highlight__content {
	display: flex;
	width: 60%;
	position: relative;
	margin: 1rem;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}

.product__feature-highlight:nth-of-type(2n-1) .product__feature-highlight__content {
	flex-direction: row-reverse;
}

.product__feature-highlight__pane {
	position: relative;
	box-sizing: border-box;
	flex: 0 0 auto;
	width: 45%;
	height: auto;

	display: flex;
    flex-direction: column;
    justify-content: center;
}

.product__feature-highlight__pane img {
    max-width: 100%;
    max-height: 100%;
}

.faq__one-place {
	display: flex;
	position: relative;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #111111;
	padding: 6rem 0;
}

.product__one-place {
	display: flex;
	position: relative;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #111111;
	padding: 6rem 0;
}

.product__one-place__headline {
	width: 50%;
	text-align: center;
}

.product__one-place__content {
	width: 60%;
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product__feature-showcase {
	display: flex;
	width: 60%;
	margin-top: 4em;
	justify-content: space-around;
}

.product__feature-showcase > * {
	width: 35%;
}

.product__feature-showcase__body {
	margin-top: 1rem;
}

.product__feature-showcase__list {
	list-style-type: none;
	margin: 1rem 0
}

.product__feature-showcase__detail {
	padding: 2rem;
}

.product__feature-showcase__list li {
	border-top: 1px solid #E3E3E3;
	padding: 1rem 0 0 0;
	margin: 0 0 1rem 0;
	cursor: pointer;
	transition: margin-left ease-in 0.2s;
}

.product__feature-showcase__list li.active,
.product__feature-showcase__list li:hover {
	margin-left: 0.25rem;
}

.product__manage__feature-showcase .product__feature-showcase__heading,
.product__manage__feature-showcase li.active {
	color: #7E50BC;
}

.product__measure__feature-showcase .product__feature-showcase__heading,
.product__measure__feature-showcase li.active,
.faq__measure__feature-showcase .product__feature-showcase__heading,
.faq__measure__feature-showcase li.active {
	color: #EEB477;
}

.product__optimise__feature-showcase .product__feature-showcase__heading,
.product__optimise__feature-showcase li.active {
	color: #FF7990;
}

.product__plan__feature-showcase .product__feature-showcase__heading,
.product__plan__feature-showcase li.active,
.faq__plan__feature-showcase .product__feature-showcase__heading,
.faq__plan__feature-showcase li.active {
	color: #9CD3D3;
}

.product__research__feature-showcase .product__feature-showcase__heading,
.product__research__feature-showcase li.active {
	color: #0A58D4;
}

.product__feature-showcase .product__feature-showcase__image {
    width: 100%;
    margin-top: 1rem;
}

.product__feature-highlight__title {
	margin: 0;
}

.product__feature-highlight__pane p:first-of-type {
	margin: 1.9rem 0;
}

#playProductVideo, p#playPlatformVideo {
	transition: opacity ease-in 0.2s;
}

#playProductVideo:hover,
p#playPlatformVideo:hover {
	opacity: 0.5;
}

#playProductVideo:hover .play_icon.__white,
#playProductVideo:hover .play_icon {
	opacity: 0.5;
}

.footer-barb {
	display: flex;
	align-items: center;
}

.footer-barb img {
	filter: invert(1);
	height: 0.8rem;
}

.resources__header {
	width: 65rem;
}

.resources__header p {
	max-width: 40rem;
}

.platform__resources p,
.product__resources p,
.refine__content {
	color: #111111;
}

.nav__hamburger {
	display: none;		
}

.loginContainer button,
#resetPassword button {
	border-radius: 100px;
 transition: background ease-in 0.2s, color ease-in 0.2s;
    color: #FF5448;
    border-color: #FF5448;
}

.loginContainer button:focus,
#resetPassword button:focus {
    color: #FFFFFF;
}

.loginContainer button {
	width: 140px;
}

.loginContainer button:hover,
#resetPassword button:hover {
	color: #fff;
	border-color: #FF5448;
}

.loginContainer input,
#resetPassword input {
	min-width: 250px;
    margin-top: .75rem;
    margin-bottom: .75rem;
}

#resetPassword button {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.loginContainer a {
 transition: color ease-in 0.2s;
}

#resetPassword {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.container.portal h2,
.fourzerofour h2 {
	padding-top: 4rem;
	white-space: nowrap;
}

.container.cont.portal,
.fourzerofour {
	width: 65rem;
	padding: 10px 0 20px;
}

.container.portal {
	width: 65rem;
}

.container.cont.portal .instructions {
	color: #111111;
}

.cookiebanner-close {
	padding: 0.65em !important;
	margin: -0.65em !important;
}

.terms {
	padding: 5rem 0;
}

.terms h3,
.cookiesBlock h3 {
	margin: 3rem 0 1.5rem 0;
}

.terms h4,
.cookiesBlock h4 {
	margin: 2rem 0 1rem 0;
}

.terms h5,
.cookiesBlock h5 {
	margin: 1.5rem 0 0.75rem 0;
}

.terms h6,
.cookiesBlock h6 {
	margin: 1.2rem 0 0.6rem 0;
}

.terms .container.cont,
.cookiesBlock .container {
	width: 100%;
	padding: 0;
	color: #111111
}

.main-footer span {
	display: flex;
}

.footer-copy:nth-child(2),
.footer-copy:nth-child(3) {
	margin-left: 2rem;
}

p.footer-copy a {
	color: #FFFFFF;
	cursor: pointer;
}

.fourzerofour {
	width: 65rem;
	margin: auto;
}

.banner .fourzerofour {
	padding: 0;
}

.main .fourzerofour {
	padding: 1rem 0 3rem;
}

.main-footer .container > .row {
	margin-bottom: 3rem;
}

.product-container li:last-child {
	display: flex;
	align-items: center;
}

.close-icon:before {
	content: "\e6db";
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.thankyou .container.cont.portal {
	padding: 4rem 0 1rem;
}

.blog-related .blog-card:nth-child(1),
.blog-related .blog-card:nth-child(2) {
	display: block;
}

.blog-home .blog-card {
	display: none;
}

.blog-home .blog-card.visible {
	display: block;
}

.blog__navigation {
	 display: flex;
	 align-items: center;
}

.blog__navigation .previous-page__button {
	margin-left: 0;
	margin-right: auto;
	cursor: pointer;
	display: none;
}

.blog__navigation .next-page__button {
	margin-left: auto;
	margin-right: 0;
	cursor: pointer;
	display: none;
}

.blog__navigation .previous-page__button.visible,
.blog__navigation .next-page__button.visible {
	display: block;
}

.blog__navigation a {
	padding: 0.65em;
    margin: -0.65em;
    color: #111111;
	transition: color ease-in 0.2s;
}

.blog__navigation a:hover {
	color: #ff544a;
}

.gtm {
	display: none;
	visibility: hidden;
}

.refine__title,
.picture-of-success__title {
	white-space: nowrap;
}

.refine p {
	margin-bottom: 1.5rem;
}

.refine p:last-child {
	margin-bottom: 0;
}

.product__clients h5,
.contact__banner h2,
.platform__campaigns h5 {
	margin-bottom: 1rem;
}

.platform__campaigns h5 {
	text-align: center;
}

.product__mini {
	margin-top: 4rem;
}

.blog__button {
	margin-top: 1rem;
}

.cookiesBlock table {
	color: #111111;
}

.cookiesBlock th:first-child,
.cookiesBlock td:first-child {
	white-space: nowrap;
}

.cookiesBlock th:nth-child(3),
.cookiesBlock td:nth-child(3) {
	min-width: 20rem;
}

.cookiesBlock .table-wrapper {
	overflow-x: auto;
}

.contact__form input:-webkit-autofill,
.contact__form input:-webkit-autofill:hover,
.contact__form input:-webkit-autofill:focus textarea:-webkit-autofill,
.contact__form textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.contact__form select:-webkit-autofill,
.contact__form select:-webkit-autofill:hover,
.contact__form select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;
}

.analytics>*,
.benefits>*,
.decisions>*,
.in-the-know>*,
.testimonials>*,
.never-scratch>*,
.__subsection > * {
	width: 62.5%;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
	.logo {
		background-image: url("../img/logo@2x.png");
	}
}

@media (min-width: 768px) {
	.navWrap {
		display: block !important;
	}
}

@media (min-width: 1040px)
{
	.loginlink {
		position: relative;
	}
}

@media (min-width: 1440px) {
	.analytics>*,
	.benefits>*,
	.decisions>*,
	.in-the-know>*,
	.testimonials>*,
	.never-scratch>*,
	.__subsection > * {
		width: 60%;
	}
	
	.run-effortlessly > * {
		width: 60% !important;
	}

	.run-effortlessly__content {
	    margin: auto 0 3rem;
	}

	.in-the-know__nav__image {
	    height: 8.8vw;
	}

	.platform__client-list {
		justify-content: flex-start;
	}
	
	.platform__campaigns h5 {
		text-align: left;
	}
}

@media (min-width: 1800px) {
	.analytics>*,
	.benefits>*,
	.decisions>*,
	.in-the-know>*,
	.testimonials>*,
	.never-scratch>*,
	.__subsection > * {
		width: 50%;
	}

	.in-the-know__nav__image {
	    height: 7vw;
	}
}

@media (max-width: 1440px) {
	.product__banner > * {
		width: 25%;
		padding-right: 35%;
	}
	
	.platform__banner > * {
		margin-right: 10%;
	}
	
	.platform__campaigns .platform__title,
	.run-effortlessly__content {
		text-align: center;
	}
}

@media (max-width: 1200px) {
	.main-nav li {
		margin-right: 0;
	}
	
	.loginlink > li:first-child {
		margin-right: 20px;
		padding-bottom: 0.1rem;
	}
	
	.loginlink li:first-child:before {
		right: -10px;
	}
	
	.loginlink {
		width: 77%;
	}
	
	.download-form input:not([type="submit"]):not([type="checkbox"]) {
		width: 31%;
		margin-right: 2%;
	}
	
	main .demo-enquiry hr {
		width: 97%
	}
	
	.download .download-form input:not([type="submit"]):not([type="checkbox"]) {
		width: 100%;
	}
	
	.loginlink {
	    float: none;
	    margin: auto;
	    text-align: center;
	}

	.info-card__testimonial {
		width: 100%;
	}

	.container.cont.portal .instructions {
		margin-bottom: 15px;
	}

	.loginContainer input,
	#resetPassword input {
		width: 31%;
	    margin-right: 2%;
	}
	
	#resetPassword button {
		margin: 15px 0;
	}
	
	.contact__form__ad {
		bottom: 44rem;
	}
}

@media (max-width: 1050px) {
	.lang-select .arrow-down {
		margin-bottom: 0.2rem;
	}
	
	.contact__form__ad {
		bottom: 45rem;
	}
}

@media (max-width: 1040px) {
	.logo {
		max-width: 173px;
		margin: 0 auto;
	}
}

@media (max-width: 1000px) {
	.blog {
		-ms-grid-row: auto;
		-ms-grid-column: 100%;
		grid: auto / 100%;
	}
	
	.blog-card.__expanded {
		-ms-grid-column-span: 1 !important;
		-ms-grid-column: span 1 !important;
		    grid-column-start: span 1 !important;
	}
	
	.product__feature-showcase {
		flex-direction: row;
	}

	.product__feature-showcase > * {
		width: 40%;
	}

	.product__feature-showcase .product__feature-showcase__image {
		position: relative;
		right: 0;
		top: 2rem;
		max-height: 60rem;
		width: 100%;
	}
}

@media (max-width: 900px) {
	.platform__banner > * {
		margin-right: 20%;
	}

	.info-card__pane-right img {
		margin-top: 0;
	}
	
	.six.columns {
		width: 100% !important;
		margin-bottom: 15px;
		margin-left: 0;
	}
	
	.main-footer .five.columns {
		width: 100%;
	}
	
	.loginlink li:first-child {
		margin-right: 15px;
	}
	
	.loginlink > li:first-child {
		padding-bottom: 0.2rem;
	}
	
	.info-card__content {
		flex-direction: column;
	}
	
	.info-card__pane {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.info-card__pane-left {
		margin-right: 0;
		margin-bottom: 2rem;
	}
	
	.info-card__pane-right {
		margin-left: 0;
		margin-top: 2rem;
	}
	
	.info-card__testimonial {
		width: -webkit-fit-content;
		width: fit-content;
		width: -moz-fit-content;
	}

	.product__one-place {
		flex-direction: row;
		background-position-y: 22rem;
	}
	
	.faq__one-place {
		flex-direction: row;
		background-position-y: 22rem;
	}
	
	.info-card__content {
		margin-bottom: 10rem;
	}
	
	.blog-related .blog__container {
		width: 60%;
	}
	
	.blog-related .blog__container > .blog-card .blog-card__header-img {
		height: 16.65vw;
	}
}

@media (max-width: 767px) {
	.nav__hamburger {
		display: block;
		position: absolute;
		top: 18px;
		right: 16px;
		outline: none;
    	padding: 0.65em;
    	margin: -0.65em;
    	cursor: pointer;
	}

	.nav__hamburger__bar {
		background: #111;
		width: 23px;
		height: 3px;
		margin-top: 2px;
		border-radius: 0;
		box-shadow: none;
	}

	.navWrap {
		display: none;
	}
	
	.navWrap.__visible {
		position: fixed;
		top: 5.5rem;
		background: #fff;
		left: 0;
		width: 100%;
		height: auto;
		padding: 0;
		border-bottom: 1px solid #E3E3E3;
	}

	.main-head .logo { 
		margin-left: 0;
	}

	.main-nav {
		flex-direction: column;
		align-items: start;
		margin: 0;
		padding: 10px;
	}

	.main-nav li {
		line-height: 3;
	}
	
	.loginWrap {
		margin-right: 2rem;
	}

	.product-arrow {
		left: 0;
    	top: 2.65rem;
	}
	
	.loginlink > li:first-child {
		right: 7.5rem;
		padding-bottom: 0;
		margin-right: 0 !important;
	}
	
	.loginlink > li:nth-child(2) {
		right: 2.5rem;
	}
	
	.loginlink > li:nth-child(3) {
		display: none;
	}

	.blog,
	.resources {
		width: auto;
		margin: auto 2rem;
	}

	.contact__banner {
		width: 90%;
		margin: auto;
	}

	.contact__form__container,
	.demo-enquiry {
		width: 90% !important;
		margin: auto !important;
	}
	
	.contact__form__ad {
		display: none;
	}

	.contact__headline {
		width: 90%;
		margin: auto;
		padding: 4rem 0 6rem;
	}
	
	.resources__video {
		height: 50vw;
	}

	.contact__form h1,
	.contact__form p {
		width: 80%;
	    margin-left: auto;
	    margin-right: auto;
	    padding: 0 15px;
	}
	
	.blog-card__header-img {
		height: 18vw;
	}
	
	.blog__container > :first-child {
		height: 36.2vw;
	}
	
	.resources__video h1 {
		margin-bottom: 1rem;
	}
	
	.resources__video p {
		width: 30vw;
	}
	
	.resources__video .overlay {
		height: 50vw;
	}
	
	.container.portal,
	.fourzerofour {
		width: 72% !important;
		margin: auto !important;
		padding: 0;
	}
	
	.container.cont.portal,
	.fourzerofour {
		padding: 0 0 10px;
	}

	#resetPassword {
		flex-direction: column;
    	align-items: baseline;
	}
	
	.terms,
	.cookiesBlock {
		width: 90% !important;
    	margin: auto !important;
	}
	
	.terms .container.cont,
	.cookiesBlock .container {
		width: 80%;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	.cookiesBlock h2 {
		width: 80%;
	}
	
	.terms h2.title {
    	margin-left: auto;
    	margin-right: auto;
	}
	
	.never-scratch__title,
	.never-scratch__content {
		width: 100%;
	}
	
	.platform__client-list li > img,
	.contact__client-list li > img,
	.product__client-list li > img {
	    height: 1.35em !important;
	}

	.platform__client-list li:nth-child(3) > img,
	.contact__client-list li:nth-child(3) > img,
	.product__client-list li:nth-child(3) > img {
	    height: 2.25em !important;
	}

	.platform__client-list li:last-child > img,
	.contact__client-list li:last-child > img,
	.product__client-list li:last-child > img {
	    height: 1.8em !important;
	}
	
	.blog-related .blog__container {
		width: 72%;
	}
	
	.blog-related .blog__container > .blog-card .blog-card__header-img {
		height: 20vw;
	}
	
	.video-player {
 		background: rgba(0, 0, 0, 1);
	}

	.video-player>video {
		width: 100%;
	}
	
	.el-popover.nav-popover {
		left: 22px !important;
	}
	
	.el-popover.nav-popover .popper__arrow {
		left: 12.1094px !important;
	}
}

@media (max-width: 700px) {
	.product__banner > * {
		width: 30%;
		padding-right: 50%;
	}
	
	.platform__banner > * {
		width: 50%;
		margin-right: 30%;
	}
	
	.platform-header {
		white-space: normal;
	}
	
	.refine > *, .picture-of-success > * {
	    width: 40%;
	    margin-right: 40%;
	}
	
	.product__clients > *,
	.product__feature-highlight__content {
	    width: 80%;
	}

	.product__one-place__headline {
		width: 60%;
		text-align: center;
	}
	
	.product__one-place__content {
		width: 80%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.product__feature-showcase {
		width: 95%;
		margin-top: 4em;
		min-height: 35rem;
	}

	.product__feature-showcase > * {
		width: 40%;
	}

	.in-the-know__nav__image {
		height: 14.75vw;
	}

	.platform__mini h1,
	.product__mini h1 {
		max-width: 65%;
	}
	
	.whole-picture>*,
	.analytics>*,
	.benefits>*,
	.decisions>*,
	.in-the-know>*,
	.testimonials>* {
		width: 80%;
	}

	.analytics__headline__image,
	.benefits__headline__image {
		width: 50%;
	}

	.never-scratch__prod img {
		width: 5rem;
		margin-bottom: 1rem;
	}

	p.banner-description {
		margin-right: 12%;
	}
}

@media (max-width: 650px) {
	.never-scratch>*,
	.__subsection > * {
		width: 70%;
	}

	.resources__header p {
		width: auto;
	}
	
	.platform__campaigns .platform__title,
	.run-effortlessly__content {
		text-align: left;
	}
	
	.platform-header br:first-child,
	.platform__banner p br {
		display: none;
	}
	
	.run-effortlessly p {
		max-width: 48rem;
		margin-left: 0;
	}

	.platform__client-list {
		justify-content: flex-start;
	}
	
	.platform__campaigns h5 {
		text-align: left;
	}
}

@media (max-width: 650px) and (min-width: 550px) {
	.platform-header {
		width: 45%;
		margin-right: 35%;
	}
	
	.platform-header span {
		white-space: nowrap;
	}
}

@media (max-width: 600px) {
	.never-scratch>*,
	.__subsection > *,
	.info-card__content {
		width: 80%;
	}
	
	.resources__videos {
		margin: 1rem auto;
	}
	
	.resources__videos__thumb,
	.resources__videos .overlay {
		width: 25rem;
		height: 13rem;
	}
	
	.resources__videos:last-child {
		margin-right: auto;
	}
	
	.resources__pdf {
		margin-right: 0;
		margin-bottom: 2rem;
	}
	
	.resources__beginner,
	.resources__advanced {
		flex-direction: column;
	}
	
	.resources h2 {
		width: 25rem;
    	margin: 0 auto 2rem;
	}
	
	.resources__header p {
		margin-bottom: 3rem;
	}
	
	.resources__downloads a {
	    margin-left: 1.25rem;
	    margin-right: 1.25rem !important;
	}
	
	.resources__downloads {
	    margin: 0;
	    width: 100% !important;
		flex-wrap: wrap;
	}
	
	.platform__mini h1,
	.product__mini h1 {
	    margin: 0 0.5em 0 0;
	}
	
	p.banner-description {
	    margin-right: 10%;
	    margin-left: 15%;
	}
	
	.banner-buttons {
	    padding: 0 12% 0 15%;
	}
	
	.blog__container {
		-ms-grid-rows: auto;
		-ms-grid-columns: 23.5% 23.5% 23.5% 23.5%;
		grid: auto / 23.5% 23.5% 23.5% 23.5%;
		gap: 2em 2%;
	}
	
	.blog__container > :first-child {
		-ms-grid-column-span: 4;
		grid-column: span 4;
	}
	
	.blog-card {
		-ms-grid-column-span: 2;
		grid-column: span 2;
	}

	.blog-card:nth-child(1) {
		-ms-grid-column: 1;
	}
	
	.blog-card:nth-child(2) {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	
	.blog-card:nth-child(3) {
		-ms-grid-column: 3;
		-ms-grid-row: 2;
	}
	
	.blog-card:nth-child(4) {
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}
	
	.blog-card:nth-child(5) {
		-ms-grid-column: 3;
		-ms-grid-row: 3;
	}
	
	.blog-card:nth-child(6) {
		-ms-grid-column: 1;
		-ms-grid-row: 4;
	}
	
	.blog-card:nth-child(7) {
		-ms-grid-column: 3;
		-ms-grid-row: 4;
	}
	
	.blog-card:nth-child(8) {
		-ms-grid-column: 1;
		-ms-grid-row: 5;
	}
	
	.blog-card:nth-child(9) {
		-ms-grid-column: 3;
		-ms-grid-row: 4;
	}
	
	.blog-card:nth-child(10) {
		-ms-grid-column: 1;
		-ms-grid-row: 6;
	}
	
	.blog-card:nth-child(11) {
		-ms-grid-column: 3;
		-ms-grid-row: 6;
	}
	
	.blog-card:nth-child(12) {
		-ms-grid-column: 1;
		-ms-grid-row: 7;
	}
	
	.blog-card:nth-child(13) {
		-ms-grid-column: 3;
		-ms-grid-row: 7;
	}
	
	.blog-card:nth-child(14) {
		-ms-grid-column: 1;
		-ms-grid-row: 8;
	}
	
	.blog-card:nth-child(15) {
		-ms-grid-column: 3;
		-ms-grid-row: 8;
	}
	
	.blog-card:nth-child(16) {
		-ms-grid-column: 1;
		-ms-grid-row: 9;
	}
	
	.blog-card:nth-child(17) {
		-ms-grid-column: 3;
		-ms-grid-row: 9;
	}
	
	.blog-card:nth-child(18) {
		-ms-grid-column: 1;
		-ms-grid-row: 10;
	}
	
	.blog-card:nth-child(19) {
		-ms-grid-column: 3;
		-ms-grid-row: 10;
	}
	
	.blog-card:nth-child(20) {
		-ms-grid-column: 1;
		-ms-grid-row: 11;
	}
	
	.blog-card:nth-child(21) {
		-ms-grid-column: 3;
		-ms-grid-row: 11;
	}
	
	.blog-card:nth-child(22) {
		-ms-grid-column: 1;
		-ms-grid-row: 12;
	}
	
	.blog-card__header-img {
		height: 27vw;
	}
	
	.refine > *, .picture-of-success > * {
	    width: 45%;
	    margin-right: 35%;
	}
}

@media (max-width: 499px) {
	.product__banner > * {
		width: 35%;
		padding-right: 45%;
	}
	
	.demo-button .right:not(.alt) {
		display: none;
	}
	
	.demo-button p {
		flex-direction: column;
	}
	
	.platform-button {
		margin-left: 1rem;
	}

	.new-banner__entry {
		padding-left: 19%;
	}
	
	p.banner-description {
		margin-left: 25%;
    	margin-right: 7%;
	}
	
	.banner-buttons {
		padding-left: 25%;
    	padding-right: 7%;
	}

	.analytics__headline, 
	.benefits__headline,
	.benefits__headline:nth-child(2n),
	.product__feature-highlight__content,
	.product__feature-highlight__content:nth-child(2n) {
		flex-direction: column !important;
	}

	.analytics__headline__content,
	.benefits__headline__content,
	.product__feature-highlight__content {
		margin-left: 0;
		margin-right: 0;
	}
	
	.never-scratch__prod ul span {
		display: none;
	}

	.decisions__selector>div {
		flex-wrap: wrap;
		padding: 0.5rem;
		align-items: center;
    	justify-content: center;
	}
	
	.decisions__selector .decisions__brand1,
	.decisions__selector .decisions__brand2,
	.decisions__selector .decisions__brand3 {
		margin: 0.25rem;
	}

	.in-the-know__title,
	.in-the-know__content {
		width: 100%;
	}

	.in-the-know__nav ul {
		flex-direction: column;
	}

	.in-the-know__nav ul li {
		width: auto;
		margin-bottom: 2rem;
	}

	.in-the-know__nav ul li:last-child {
		margin-bottom: 0;
	}

	.testimonials__gocompare {
		flex-direction: column;
	}

	.testimonials__gocompare__content {
		width: 100%;
	}

	.product-container {
		flex-direction: column;
		width: 20rem;
	}

	.product-container {
		flex-direction: column;
		width: 20rem;
	}
	
	li.product-grouping {
		width: 90%;
		margin: 1.3rem 0 1.3rem 2rem;
	}

	.product-container .demo-button {
		margin-left: 3rem;
	}

	.decisions .decisions__demo {
		right: 10%;
		margin-top: 13rem;
	}
	
	.product__feature-highlight__pane img {
	    margin-bottom: 2rem;
	}
	
	.in-the-know__nav__image {
	    height: 45vw;
	}

	.no-webp .get-started,
	.no-js .get-started {
		background: url(../img/footer@2x-mobile.png) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
	}
	
	.webp .get-started {
		background: url(../img/footer@2x-mobile.webp) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
	}
	
	ul.platform__client-list li,
	ul.contact__client-list li,
	ul.product__client-list li {
		margin: 0 0.5rem;
	}
	
	.platform__client-list li > img,
	.contact__client-list li > img,
	.product__client-list li > img {
	    height: 1.2em !important;
	}

	.platform__client-list li:nth-child(3) > img,
	.contact__client-list li:nth-child(3) > img,
	.product__client-list li:nth-child(3) > img {
	    height: 2em !important;
	}

	.platform__client-list li:last-child > img,
	.contact__client-list li:last-child > img,
	.product__client-list li:last-child > img {
	    height: 1.6em !important;
	}
	
	.blog__filter ul li,
	.resources__filter ul li {
	    margin-right: 1.5rem;
	}
	
	.blog-related .blog__container {
		width: 84%;
	}
	
	.blog-related .blog__container > .blog-card .blog-card__header-img {
		height: 23.5vw;
	}
	
	.main-footer .five.columns {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.main-footer .row .row,
	.footer-barb,
	.main-footer span {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	
	.main-footer .one-third.column:last-child {
		width: 8%;
	}
	
	.product__feature-highlight__pane.content {
		width: auto;
	}
	
	.refine > *, .picture-of-success > * {
	    width: 50%;
	    margin-right: 30%;
	}
	
	.run-effortlessly br {
		display: none;
	}
}

@media (max-width: 399px) {
	.main-footer .container {
	    width: 90%;
	}
}

@media (max-width: 359px) {
	.never-scratch>div {
		display: flex;
	}

	.never-scratch__prod {
		margin: 0 0 0 2rem;
	}

	.never-scratch__title,
	.never-scratch__content {
		width: 90%;
	}
	.never-scratch__prod ul {
		flex-direction: column;
		width: 5rem;
	}

	.never-scratch__prod ul li,
	.never-scratch__prod ul li:first-child {
		margin: 0 0 .8rem 0;
	}

	.never-scratch__prod ul li:last-child {
		margin: 0;
	}
	
	.never-scratch__prod img {
		margin-bottom: .7rem;
	}

	.never-scratch__prod ul li a {
    	position: relative;
    	margin-bottom: 1rem;
	}
	
	.never-scratch > div:first-child > div:first-child {
		width: 70%;
	}
	
	.never-scratch__button {
		display: none !important;
	}
	
	.banner-buttons .demo-button {
		padding: 0 1rem;
	}

	.no-webp .get-started,
	.no-js .get-started {
		background: url(../img/footer@2x-mini.png) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
	}
	
	.webp .get-started {
		background: url(../img/footer@2x-mini.webp) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
	}
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 100%;
	width: 100%;
}

.fade-in {
	animation: fadeIn ease 0.4s;
	-webkit-animation: fadeIn ease 0.4s;
	-moz-animation: fadeIn ease 0.4s;
	-o-animation: fadeIn ease 0.4s;
	-ms-animation: fadeIn ease 0.4s;
}

@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

.fade-out {
	animation: fadeOut ease 0.4s;
	-webkit-animation: fadeOut ease 0.4s;
	-moz-animation: fadeOut ease 0.4s;
	-o-animation: fadeOut ease 0.4s;
	-ms-animation: fadeOut ease 0.4s;
}

@keyframes fadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}

@-webkit-keyframes fadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}

.fade {
	animation: fade ease 0.5s;
	-webkit-animation: fade ease 0.5s;
	-moz-animation: fade ease 0.5s;
	-o-animation: fade ease 0.5s;
	-ms-animation: fade ease 0.5s;
}

.blog-card.fade {
	animation: fade ease 1s;
	-webkit-animation: fade ease 1s;
	-moz-animation: fade ease 1s;
	-o-animation: fade ease 1s;
	-ms-animation: fade ease 1s;
}

@keyframes fade {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-webkit-keyframes fade {
	0% {opacity:0;}
	100% {opacity:1;}
}

/* End New Website */