/*
Theme Name: Wirelesscar
Theme URI: https://modena.se
Author: Gabriel Westington
Author URI: https://modena.se
Description: A custom template created by Gabriel Westington.
Version: 1.3
Text Domain: starter
*/

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

html {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

html[lang="ja"] {
	line-break: strict;
}

article,
footer,
header,
main,
menu,
nav,
section {
	display: block;
}

strong {
	font-weight: bold;
}

img,
.wp-caption {
	max-width: 100%;
	height: auto;
	border: 0;
}

ul,
ol,
li > ul,
li > ol {
	margin: 0;
	padding: 0;
}

ul,
ol {
	margin-left: 20px;
	margin-bottom: 20px;
}

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

figure {
	margin: 0;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

:root {
	--primary-default: #A0E3FF;
	--primary-hover: #85DCFF;
	--primary-active: #58C7FC;

	--inverted-default: #3c3c3c;
	--inverted-hover: #313131;
	--inverted-active: #222222;

	--dark: #052B4F;
	/* 20240417 */
	--primary-default-link: #1b73b2;
	--primary-hover-link: rgb(27 116 178 / 70%); /* 70% opacity of default*/
	--secondary-default-link: #292929;
	--secondary-hover-link: rgb(41 41 41 / 70%); /* 70% opacity of default*/
}

/*--------------------------------------------------------------
# Typography - wcm
--------------------------------------------------------------*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=d2d231d9-bd02-427e-bc44-2addf5fc4aa7&fontids=6149637,6149646,6149660,6149665");
@font-face {
	font-family: "Avenir Next Bold";
	src: url("/wp-content/themes/wirelesscar/fonts/6149637/6afe4676-059a-4aa8-b891-29856bbcba22.woff2") format("woff2"),
		url("/wp-content/themes/wirelesscar/fonts/6149637/a9817c16-2a79-49bf-8543-6c846d73a52f.woff") format("woff");
	font-weight: 600 700 800 900 bold;
	font-display: swap;
}
@font-face {
	font-family: "Avenir Next";
	src: url("/wp-content/themes/wirelesscar/fonts/6149646/e9540909-1e28-4c00-9423-10e43c828f31.woff2") format("woff2"),
		url("/wp-content/themes/wirelesscar/fonts/6149646/691d198c-3c78-40b5-9ce3-c92eda0bab0f.woff") format("woff");
	font-style: italic;
	font-weight: 600 700 800 900 bold;
	font-display: swap;
}
@font-face {
	font-family: "Avenir Next";
	src: url("/wp-content/themes/wirelesscar/fonts/6149660/c4691e94-080d-4452-8f9f-8b3db6b68d55.woff2") format("woff2"),
		url("/wp-content/themes/wirelesscar/fonts/6149660/a1adabe6-efe5-40b7-b619-48111c8ff883.woff") format("woff");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Avenir Next";
	src: url("/wp-content/themes/wirelesscar/fonts/6149665/f07f5ab2-8ecc-416d-afa7-b73dbea95907.woff2") format("woff2"),
		url("/wp-content/themes/wirelesscar/fonts/6149665/3a03e3a3-baa3-4079-aa61-d2ec2a35bea3.woff") format("woff");
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

/* wcm */
body {
	font-family: 'Avenir Next', sans-serif;
	font-weight: 400;
	color: #3c3c3c; /* wcm switch from 212121 -> 3c3c3c */
	font-size: 18px;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Avenir Next Bold', sans-serif;
	font-weight: 600;
	clear: both;
}

h1 {
	font-size: 50px;
	line-height: 1.1;
}

h2 {
	font-size: 35px;
	line-height: 1.1;
}

h3 {
	font-size: 28px;
	line-height: 1.2;
}

h4 {
	font-size: 22px;
	line-height: 1.4;
}

h5 {
	font-size: 15px;
	line-height: 1.4;
}

p {
	margin: 0 0 20px 0;
}

@media (max-width: 768px) {
	h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 24px;
	}
}

@media (max-width: 468px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 20px;
	}
}

/*--------------------------------------------------------------
# Links - 20240417 
--------------------------------------------------------------*/
a {
	color: var(--primary-default-link);
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

a:hover,
a:focus,
a:active {
	color: var(--primary-hover-link);
	text-decoration: none;
	outline: 0;
}


.site-content p a,
.site-content .author-email a {
	color: var(--primary-default-link);
	border-bottom: 1px solid var(--primary-default-link);

}

.site-content p a:hover,
.site-content .author-email a:hover {
	color: var(--primary-hover-link);
	border-bottom: 1px solid var(--primary-hover-link);
}

.site-content .use-secondary-color p a {
	color: var(--secondary-default-link);
	border-bottom: 1px solid var(--secondary-default-link);
}

.site-content .use-secondary-color p a:hover {
	color: var(--secondary-hover-link);
	border-bottom: 1px solid var(--secondary-hover-link);
}

/* Removes underline for tel links. Silent link */
.site-content a[href^="tel"] {
	border: 0 !important;
}


/*--------------------------------------------------------------
# Gradients & Colors
--------------------------------------------------------------*/
.dark {
	color: #212121;
}

.orbit {
	color: #58c7fc;
}

.cloud {
	color: #ededed;
}

.space {
	color: #3c3c3c;
}

.turkoise {
	color: #69cfca;
}

.green {
	color: #3bd42e;
}

.yellow {
	color: #ffe839;
}

.orange {
	color: #f44911;
}

.blue {
	color: #28335f;
}

.purple {
	color: #a258ab;
}

/* wcm */
.turkoise-orbit {
	background: linear-gradient(90deg, rgba(88, 199, 252, 0.8) 0%, rgba(105, 207, 202, 0.8) 100%);
}

.yellow-orbit {
	background-image: linear-gradient(to right top, #ffe839, #97f176, #00ecbe, #00ddf1, #58c7fc);
}

.orange-orbit {
	background-image: linear-gradient(to right top, #f44911, #ff448a, #de7ce3, #8caaff, #58c7fc);
}

.orbit-space {
	background-image: linear-gradient(to right top, #58c7fc, #689fcc, #657a99, #565969, #3c3c3c);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {
	background: #fff; /*wcm */
    transition: top .3s, background .3s; /* wcm*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
	padding: 0;
}

/* wcm */
header a.logo {
	display: flex; /* wcm */
	z-index: 999;
}
/* wcm */
header a.logo img {
	width: 200px;
	height: auto;
}

/* wcm */
header .top-items {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
	z-index: 999;
}

header .top-items .ham {
	height: 64px;
}

/* wcm */
@media (max-width: 1180px) {
	header a.logo img  {
		width: 170px;
	}
}

@media (max-width: 768px) {
	header .top-items .ham {
		height: 60px;
	}
}

/* wcm */
@media (max-width: 568px) {
	header a.logo img {
		width: 140px;
	}
}

@media (min-width: 769px) {
	header .logo {
		margin-left: 20px;
	}
}

/*--------------------------------------------------------------
# Framework
--------------------------------------------------------------*/
/* wcm */
.container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

/* wcm */
.container-fluid {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px; 
	margin-right: auto;
	margin-left: auto;
}

/* wcm */
@media (min-width: 769px) {
	/* Shortcode in BB html */
	.fl-html > section {
		padding-right: 20px;
		padding-left: 20px;
	}

	.container-fluid {
		padding-right: 45px;
		padding-left: 45px; 
	}
}

/* wcm */
@media (min-width: 1260px) {
	.container {
		max-width: 1200px;
	}
	.fl-html > section {
		padding-right: 0;
		padding-left: 0;
	}
}

.small-container {
	max-width: 700px;
}

/* wcm */
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 20px; /* wcm */
	padding-left: 20px;/* wcm */
}

.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.3333333333%;
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}

.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.6666666667%;
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
}

.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.3333333333%;
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
}

.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.6666666667%;
	flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%;
}

.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.3333333333%;
	flex: 0 0 83.3333333333%;
	max-width: 83.3333333333%;
}

.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.6666666667%;
	flex: 0 0 91.6666666667%;
	max-width: 91.6666666667%;
}

.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 576px) {
	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-sm-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-sm-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-sm-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 769px) {
	.col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.6666666667%;
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.3333333333%;
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.6666666667%;
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.3333333333%;
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-md-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.6666666667%;
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-md-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 1024px) {
	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-lg-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.6666666667%;
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.3333333333%;
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.6666666667%;
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.3333333333%;
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-lg-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.6666666667%;
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-lg-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/*--------------------------------------------------------------
# Spacing & Aligning
--------------------------------------------------------------*/
.center-block {
	text-align: center;
	margin: 0 auto;
}

.mx-auto {
	margin: 0 auto;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

.edge-to-edge {
	padding: 0;
}

.all-4 {
	padding: 25px;
}

/* bottom */
.pb-50 {
	padding-bottom: 50px;
}

.pb-100 {
	padding-bottom: 100px;
}

/* right/left */
.pr-4 {
	padding-right: 25px !important;
	padding-left: 25px !important;
}

/* top/bottom */
.tb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.tb-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

/* wcm */
.tb-120 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.tb-150 {
	padding-top: 150px;
	padding-bottom: 150px;
}

/* Large - no padding */
.pr-l-4 {
	padding-right: 25px !important;
	padding-left: 25px !important;
}

@media (min-width: 1200px) {
	.pr-l-4 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

@media (max-width: 1024px) {
	.tb-150 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

@media (max-width: 768px) {
	.tb-150 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/* wcm */
	.tb-120 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/*--------------------------------------------------------------
# Header & Menu - wcm
--------------------------------------------------------------*/
@media (max-width: 1159px) {
	.site-header .menu li {
		margin: 0;
		display: block;
		position: relative;
		width: 100%;
	}
}

.collapse-icon {
	position: relative;
	width: 26px;
	height: 26px;
}
.collapse-icon:before,
.collapse-icon:after {
	content: "";
	position: absolute;
	background-color: #bbb;
	border-radius: 1px;
	transition: transform 300ms cubic-bezier(0.4, 0, 0.4, 1);
}
.collapse-icon:before {
	top: 0;
	left: 50%;
	width: 4px;
	border-radius: 2px;
	height: 100%;
	margin-left: -2px;
}
.collapse-icon:after {
	top: 50%;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	margin-top: -2px;
}
.collapse-icon:hover {
	cursor: pointer;
}
.collapse-icon.rotate.down:before {
	transform: rotate(270deg);
}
.collapse-icon.rotate.down:after {
	transform: rotate(180deg);
}

/* wcm */
@media (max-width: 1159px) {
	.site-nav {
		position: fixed;
    	height: calc(100vh - 10px);
		left: 0;
		width: 100%;
		background: #fff;
		overflow: auto; /* auto brings back scroll  wcm*/
		-webkit-overflow-scrolling: touch;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		z-index: 888;
		padding-bottom: 200px;
		opacity: 0;
		visibility: hidden;
		top: 10px;
		border-radius: 10px 10px 0 0;
		transform: translate3d(0,0,0);
		box-sizing: border-box;
	}

	.site-nav__primary {
		position: relative;
		top: 80px;
	}

	.site-nav__primary>ul {
		margin: 0;
		padding: 0;
	}

	/* wcm */
	.site-nav > ul {
		opacity: 1;
		display: block;
		-webkit-transform: translateY(25px);
		-ms-transform: translateY(25px);
		transform: translateY(25px);
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 250ms;
		transition-duration: 250ms;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		list-style: none;
		clear: both;
		margin: 0 auto;
		padding: 160px 0 0 0;
		max-width: 500px;
	}

	.site-nav > ul > li {
		display: block;
		position: relative;
		width: 100%;
	}

	.site-nav > ul.menu > li:before {
		display: block;
		content: '';
		width: auto;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.2);
	}

	.site-nav > ul > li:first-child:before {
		height: 0;
	}

	.site-nav ul.menu > li > a {
		position: relative;
		display: block;
		font-size: 18px;
		font-weight: 600;
		height: auto;
		line-height: 1.5;
		padding: 10px 0;
		text-decoration: none;
		outline: 0;
		color: #212121;
		letter-spacing: 0.7px;
	}

	.site-nav__primary>ul>li .sub-menu-toggle {
		position: absolute;
		top: 0;
		right: 0;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
		cursor: pointer;
		background: 0 0;
	}

	.site-nav__primary>ul>li .sub-menu-toggle:after {
		background-size: 13px 8px;
	}

	.site-nav__primary>ul>li .sub-menu-toggle,
	.site-nav__primary>ul>li .sub-menu-toggle:after {
		width: 50px;
		height: 47px;
	}

	.site-nav__primary>ul>li .menu-depth-2 .sub-menu-toggle,
	.site-nav__primary>ul>li .menu-depth-2 .sub-menu-toggle:after {
		height: 42px;
	}

	.site-nav__primary>ul>li .sub-menu-toggle:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		transform: rotate(270deg);
		background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6.5 6L11.5 1' stroke='%23181818' stroke-width='1.5'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		transition: background-image .2s, transform .2s 0s;
	}

	.site-nav__primary>ul>li.open>.sub-menu-toggle:after,
	.site-nav__primary>ul>li .menu-depth-2>li.open .sub-menu-toggle:after {
		transform: rotate(360deg);
	}

	.site-nav__primary>ul>li .sub-menu-wrap {
		height: auto !important;
      	max-height: 0;
        transition: max-height .3s ease-in-out;
        overflow: hidden;
	}

	.site-nav__primary>ul>li.open .sub-menu-wrap {
 		max-height: 500px;
	}

	.site-nav__primary>ul>li .menu-depth-1 {
		margin: 0;
	}

	.site-nav__primary>ul>li.mega-menu .menu-depth-1>li:last-child .menu-depth-2,
	.site-nav__primary>ul>li .menu-depth-1 {
		margin-bottom: 5px;
	}

	.site-nav__primary>ul>li.mega-menu .menu-depth-1 {
		margin-bottom: 0;
	}

	.site-nav__primary>ul>li.mega-menu img,
	.site-nav__primary>ul>li.mega-menu .menu-item__desc,
	.site-nav__primary>ul>li.mega-menu .menu-depth-1>li>a {
		display: none;
	}

	.site-nav__primary>ul>li:not(:last-child) {
		border-bottom: 1px solid #ededed;
	}

	/* Menu depth 3*/
	.site-nav__primary>ul>li .menu-depth-2>li.menu-item-has-children .menu-depth-3 {
		margin-left: 20px;
		height: auto !important;
      	max-height: 0;
        transition: all .3s ease-in-out;
        overflow: hidden;
		opacity: 0;
	}
	.site-nav__primary>ul>li .menu-depth-2>li.menu-item-has-children.open .menu-depth-3 {
 		max-height: 500px;
		opacity: 1;
	}
	.site-nav__primary>ul>li .menu-depth-3>li>a {
		display: none;
	}
	.site-nav .sub-menu.show-sub-menu {
		display: block;
	}
	.site-nav .sub-menu a {
		font-size: 17px;
		line-height: 1.3;
		display: block;
		color: #121212;
		padding: 8px 0;
		outline: 0;
		height: auto;
		text-decoration: none;
		transition: all .15s ease-in-out;
	}

	.site-nav .social {
		display: block;
	}

	.site-nav .social ul {
		list-style: none;
		margin: 20px 0;
		display: flex;
	}

	.site-nav .social ul li {
    	margin-right: 10px;
        width: auto;
	}

	.site-nav .social ul li a {
		background: #3c3c3c;
		padding: 6px 9px 8px;
		border-radius: 7px;
		color: #fff;
		font-size: 16px;
	}

	.site-nav .social li.youtube a:before {
		font-family: dashicons;
		content: '\f19b';
		vertical-align: middle;
	}
	
	.site-nav .social li.linkedin a:before {
		font-family: dashicons;
		content: '\f18d';
		vertical-align: middle;
	}

	/*wcm */
	body.open-main-menu .site-nav {
		opacity: 1;
		transform: translate3d(0,0,0);
		visibility: visible!important;
		transition: visibility 0s,transform 0s,opacity .3s;
	}
	body.open-main-menu nav.site-nav ul {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
	.site-nav__primary > .menu {
		opacity: 1;
		list-style: none;
		margin: 25px;
		align-items: flex-start;
	}
}

/*--------------------------------------------------------------
# Mega Menu - wcm
--------------------------------------------------------------*/
header .top-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
    padding-right: 20px;
    padding-left: 20px;
}

@media (min-width: 1160px) {
	.site-nav {
		margin-left: 50px;
		display: block;
    	visibility: visible;
	}
	.site-nav, .site-nav__primary, .site-nav__primary>ul>li {
		height: inherit;
	}
	.site-nav__primary a {
		color: #212121;
	}
	.site-nav__primary a:hover {
		text-decoration: none !important;
	}
	.site-nav__primary>ul {
		list-style-type: none;
		display: flex;
		flex-direction: row;
		padding: 0;
		margin: 0;
		height: inherit;
	}
	.site-nav__primary>ul>li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		position: relative;
		margin-right: 15px;
		margin-left: 15px;
		cursor: pointer;
	}
	.site-nav__primary>ul>li:before{
		content: "";
		width: 100%;
		height: 2px;
		background: transparent;
		display: block;
		position: absolute;
		bottom: 23px;
		left: 0;
		right: 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
    	-moz-transition: all 0.3s ease-in-out 0s;
    	transition: all 0.3s ease-in-out 0s;
	}
	.site-nav__primary>ul>li:hover:before,
	.site-nav__primary>ul>li.current_page_item:before,
	.site-nav__primary>ul>li.current-menu-ancestor:before {
		background: #444;
	}
	.site-nav__primary>ul>li>a {
		padding-left: 5px;
		padding-right: 5px;
		height: inherit;
		display: flex;
		align-items: center;
		text-decoration: none;
    	font-size: 17px;
		line-height: 20px;
		color: #212121;
	}
	.site-nav__primary>ul>li.menu-item-has-children>a {
		padding-right: 15px;
	}
	.site-nav__primary>ul>li .sub-menu-toggle {
		transform: translateX(-5px);
		width: 13px;
		height: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
		cursor: pointer;
		background: 0 0;
        background-image:url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6.5 6L11.5 1' stroke='%23181818' stroke-width='1.5'/%3E%3C/svg%3E");
		background-size: 13px 8px;
		background-position: center;
		background-repeat: no-repeat;
		transition: background-image .2s,transform .2s; /* animerar */
	}
	.site-nav__primary>ul>li:hover >.sub-menu-toggle {
		transform: translateX(-5px) rotate(-180deg);
	}
	.site-nav__primary>ul>li.menu-item-has-children .sub-menu-wrap {
		visibility: hidden;
		transform: translate(-9999px,-9999px);
		transition: opacity .3s 0s, visiblity 0s 0s, transform 0s 0s;
		opacity: 0;
	}
	.site-nav__primary>ul>li .sub-menu-wrap {
		position: absolute;
		top: 80px;
		left: 50%;
	}
	.site-nav__primary>ul>li.flyout-menu .sub-menu-wrap {
		left: -100px;
	}
	.site-nav__primary>ul>li.menu-item-has-children:hover .sub-menu-wrap {
		visibility: visible!important;
		transform: translateX(-50%);
		opacity: 1;
	}
	/* 	ON HOVER 
	Live: .mega-menu.menu-item-has-children:hover  
	Test (dev): mega-menu.menu-item-has-children:first-child
	*/
	.site-nav__primary>ul>li.flyout-menu.mega-menu.menu-item-has-children:hover .sub-menu-wrap {
		transform: translate(0,0);
	}
	.site-nav__primary>ul>li.mega-menu .sub-menu-wrap {
		display: flex;
	}
	.site-nav__primary>ul>li.mega-menu .sub-menu-wrap__inner>.sub-menu {
		flex-direction: row;
	}
	.site-nav__primary>ul>li .sub-menu-wrap .sub-menu {
		list-style-type: none;
	}
	.site-nav__primary>ul>li .sub-menu-wrap .sub-menu {
		margin: 0;
		padding: 5px;
	} 
	.site-nav__primary>ul>li.mega-menu .sub-menu-wrap .sub-menu {
		padding: 0;
	} 
	.site-nav__primary>ul>li .sub-menu-wrap .menu-item.menu-item-image>a .menu-item__label {
		display: none!important;
	}
	.site-nav__primary>ul>li .sub-menu-wrap__inner>.sub-menu .sub-menu__column--50 {
		width: 50%;
	}
	.site-nav__primary>ul>li .sub-menu-wrap__inner>.sub-menu .sub-menu__column--25 {
		width: 25%;
	}
	.site-nav__primary>ul>li .sub-menu-wrap .menu-item.menu-item-image {
		height: 100%;
	}
	.site-nav__primary>ul>li .sub-menu-wrap__inner>.sub-menu .sub-menu__column>a .menu-item__label {
		display: block;
		opacity: .7;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		margin-bottom: 24px;
		padding-top: 0;
		padding-bottom: 0;
		font-weight: 400;
	}

	.site-nav__primary>ul>li .sub-menu-wrap__inner>.sub-menu .sub-menu__column>a {
		pointer-events: none;
		display: none;
	}

	.site-nav__primary>ul>li .sub-menu-wrap__inner>.sub-menu .sub-menu__column--label-hidden>a .menu-item__label{
		opacity: 0!important;
	}

	.site-nav__primary>ul>li a .menu-item__label {
		font-weight: 500;
		transition: color .2s;
	}

	/*
	.site-nav__primary>ul>li .sub-menu-wrap .menu-item__img_wrap {
		width: 87px;
		height: auto;
		padding: 8px 18px 8px 8px;
		display: flex;
	}*/

	.site-nav__primary>ul>li .sub-menu-wrap .menu-item__img {
		width: 62px;
		height: auto;
		padding: 8px 18px 8px 8px;
		transition-delay: 0s!important;
		transition: none!important;
		opacity: 1!important;
	}

	.site-nav__primary>ul>li .sub-menu-wrap .menu-item__label {
		display: block;
		padding: 8px;
		font-weight: 600;
		font-size: 16px;
	}

	.site-nav__primary>ul>li.mega-menu .sub-menu-wrap .menu-item__wrap {
		padding-bottom: 8px;
		padding-right: 8px;
		padding-top: 8px;
	}

	.site-nav__primary>ul>li.mega-menu .sub-menu-wrap .menu-item__label {
    	padding: 0 0 8px;
	}

	.site-nav__primary>ul>li .sub-menu-wrap .menu-item__desc {
		display: block;
		opacity: .7;
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
		padding-bottom: 0;
	}

	/* Menu depth 2 */
	.site-nav__primary>ul>li .menu-depth-2>li,
	.site-nav__primary>ul>li .menu-depth-4>li {
		padding: 10px 10px 0 10px;
	}

	/* Correction for fly-out */
	.site-nav__primary>ul>li .menu-depth-4>li {
		padding-left: 0;
	}
	.site-nav__primary>ul>li .menu-depth-2>li:last-child,
	.site-nav__primary>ul>li .menu-depth-4>li:last-child {
		padding-bottom: 10px;
	}
	.site-nav__primary>ul>li .menu-depth-2>li:hover>a,
	.site-nav__primary>ul>li .menu-depth-4>li:hover>a,
	.site-nav__primary.active-flyout>ul>li .menu-depth-2>li.menu-item-has-children>a {
		background: #ededed;
		border-radius: 5px;
	}
    .site-nav__primary>ul>li .menu-depth-2>li:active>a,
    .site-nav__primary>ul>li .menu-depth-4>li:active>a,
    .site-nav__primary.active-flyout>ul>li .menu-depth-2>li:active.menu-item-has-children>a {
        background: #dedede;
    }
	.site-nav__primary>ul>li .menu-depth-2>li>a, 
	.site-nav__primary>ul>li .menu-depth-4>li>a {
		display: flex;
		padding: 10px;
		transition: all .2s ease-in-out 0s; /* animerar */
	/*	width: 300px;*/ /* 2023-12-22*/
	}

	.site-nav__primary>ul>li .menu-depth-2>li.menu-item-has-children a {
		position: relative;
	}

	.site-nav__primary>ul>li .menu-depth-2>li.menu-item-has-children>a:after {
		position: absolute;
		top: 0;
		right: 10px;
		content: "";
		width: 13px;
		height: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
		cursor: pointer;
		background: 0 0;
		background-image:url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6.5 6L11.5 1' stroke='%23181818' stroke-width='1.5'/%3E%3C/svg%3E");
		background-size: 13px 8px;
		background-position: center;
		background-repeat: no-repeat;
		transform: rotate(-90deg);
	}

	.site-nav__primary>ul>li.mega-menu .menu-depth-1,
	.site-nav__primary>ul>li.mega-menu .menu-depth-3 {
	    display: flex;
    	/*align-items: center;*/ /* 2023-12-22*/
		box-sizing: border-box;
	}

	/* Hide column 2 and 3 */ /* for dev - disable to see col 2 and 3 */
	.site-nav__primary>ul>li.mega-menu .menu-depth-2>li.menu-item-has-children>ul{
		visibility: hidden;
	}

	.site-nav__primary>ul>li .menu-depth-1>li {
		width: 220px;
	}

	.site-nav__primary>ul>li.mega-menu .menu-depth-1>li {
		width: 319px; /* 2023-12-22*/
	}

	.site-nav__primary>ul>li .menu-depth-1>li>a {
    	display: block;
    	border-radius: 5px;
		padding: 5px;
	}

	.site-nav__primary>ul>li .menu-depth-1>li>a:hover {
		background: #ededed;
	}

	.site-nav__primary>ul>li .menu-depth-1>li>a:active {
		background: #dedede;
	}

	.site-nav__primary>ul>li.mega-menu .menu-depth-1>li>a {
		padding: 0;
	}

	/* Hide mobile buttons */
	.site-nav__primary>ul>li.mega-menu .menu-depth-2>li.menu-item-has-children button {
		display: none;
	}

	.site-nav__primary>ul>li .menu-depth-1 {
		background: #fff;
		box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
		border: 0.5px solid #ededed;
		border-radius: 10px;
		transition: all .3s; /* animerar */
		width: 100%;
		opacity: 0;
	}

	.site-nav__primary>ul>li:hover .menu-depth-1 {
		opacity: 1;
	}	

	/* Fly out menu */
	.site-nav__primary.active-flyout>ul>li.mega-menu .menu-depth-1 {
		background: #fff;
		box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
		border: 0.5px solid #ededed;
		border-radius: 10px;
	}
/*
	.site-nav__primary.active-flyout>ul>li.mega-menu .menu-depth-1>li {
		background: transparent;
		box-shadow: none;
		border-radius: 0;
	}
*/
	.site-nav__primary.active-flyout>ul>li.mega-menu .menu-depth-2>li.menu-item-has-children>ul {
		visibility: visible;
	}

	.site-nav__primary>ul>li .menu-depth-3 {
		display: flex;
		overflow: hidden;
		width: 640px;
		left: 100%;
		height: auto;
		position: absolute;
		top: 0;
	}

	/* Show column 2 and 3 */
	/*
	.site-nav__primary.active-flyout>ul>li.mega-menu .menu-depth-1>li {
		visibility: visible;
	}*/

	.site-nav__primary>ul>li.flyout-menu.mega-menu .menu-depth-1>li:not(:first-child){
		padding-right: 0;
		padding-left: 0;
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.site-nav__primary.active-flyout>ul>li.flyout-menu.mega-menu .menu-depth-1>li:not(:first-child){
		padding-right: 0;
		padding-left: 0;
		display: block;
		visibility: visible;
		opacity: 1;
	}

	.site-nav__primary.active-flyout>ul>li.flyout-menu.mega-menu .menu-depth-1{
		width: 960px;
	}

	.site-nav .social {
		display: none;
	}
}

@media (min-width: 1200px) {
	.site-nav {
		margin-left: 70px;
	}
}

button {
    font-size: 18px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1199px) {
	.site-nav__primary>ul>li {
		margin-right: 10px;
		margin-left: 10px;
	}
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.section {
	text-align: left;
	color: #fff;
	font-size: 50px;
}

.fp-bg {
	top: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	z-index: -1;
	background-size: cover;
	background-position: center 80%;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Video */
.myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	z-index: -2;
}

/*width: 100vw;
  height: 100vh;*/

/* IE11 - Make video stretch */
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop,
	.myVideo {
		width: auto;
	}
}

/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
.layer {
	z-index: 4;
	width: 100%;

	/*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.bg-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
}

.bg-color.op-0 {
	opacity: 0;
}
.bg-color.op-20 {
	opacity: 0.2;
}
.bg-color.op-40 {
	opacity: 0.4;
}
.bg-color.op-60 {
	opacity: 0.6;
}
.bg-color.op-80 {
	opacity: 0.8;
}

/*solves problem with overflowing video in Mac with Chrome */
#section0 {
	overflow: hidden;
}

/* Hiding video controls
* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
 * --------------------------------------- */
video::-webkit-media-controls {
	display: none !important;
}

.section h1,
.section h2 {
	font-size: 48px;
	line-height: 1.1;
	color: #fff;
	margin-top: 0;
	margin-bottom: 30px;
}

.section .desc {
	color: #fff;
	font-size: 22px;
	line-height: 1.6;
	font-weight: 400;
	margin: 0 0 30px 0;
}

/* heightOnstart */
@media (max-width: 1180px) {
	.section h1,
	.section h2 {
		font-size: 42px;
	}

	.section .desc {
		font-size: 20px;
	}
}

/* heightOnstart */
@media (max-width: 768px) {
	.section h1,
	.section h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.section .desc {
		font-size: 16px;
		margin: 0 0 20px 0;
	}
}

@media (max-width: 468px) {
	/* heightOnstart */
	.section h1,
	.section h2 {
		font-size: 23px;
		margin-bottom: 10px;
	}

	.section .desc {
		font-size: 16px;
		margin: 0 0 10px 0;
	}
}

/* heightOnstart */
@media (max-width: 320px) {
	.section h1,
	.section h2 {
		font-size: 22px;
		margin-bottom: 7px;
	}

	.section .desc {
		font-size: 13px;
		margin: 0 0 7px 0;
	}
}

/* heightOnstart */
@media (min-width: 769px) and (max-height: 940px) {
	.section h1,
	.section h2 {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.section .desc {
		font-size: 18px;
	}
}
/*--------------------------------------------------------------
## Fade in animation
--------------------------------------------------------------*/
.section-content {
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(10px);
	transform: translateY(100px);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	list-style: none;
	opacity: 0;
}

.fp-table.active .section-content {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out,
		box-shadow .15s ease-in-out;
}

.btn-primary {
	color: #fff;
	background-color: #58c7fc;
	border-color: #58c7fc;
}

.btn-primary:hover {
	color: #fff;
	background-color: #46aada;
	border-color: #46aada;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn:focus,
.btn:hover {
	text-decoration: none;
	color: #fff;
}

.wire-btn {
	display: flex;
}

.wire-btn a {
	background: #58c7fc;
	color: #212121;
	font-size: 18px;
	padding: 9px 18px;
	border-radius: 100px;
	line-height: 1.4;
	font-weight: 600;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.wire-btn span:after {
	content: "\f345";
	font-family: dashicons;
	display: inline-block;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	color: #212121;
	font-size: 24px;
	height: auto;
	margin-left: 6px;
	margin-right: 0;
	margin-top: -3px;
	vertical-align: middle;
	width: auto;
	transition: margin 200ms;
}

.wire-btn.small-btn a {
	padding: 8px 13px;
	font-size: 15px;
}

.wire-btn.small-btn span:after {
	font-size: 17px;
}

/* for BB */
.wire-btn-bb,
.fl-builder-content .fl-button-wrap {
	display: inline-block;
	width: auto;
}

/* Fix for not having button coloring cascade into custom buttons */ 
.wire-btn-bb a,
.fl-node-content a.fl-button,
.fl-module:not(.button--ghost) .fl-builder-content .fl-node-content a.fl-button {
	background: #58c7fc;
	color: var(--dark);
}

.fl-builder-content .fl-button i.fl-button-icon-after,
.fl-builder-content .fl-button i.fl-button-icon-before {
	position: relative;
	top: 1px;
}

.fl-builder-content .fl-button i:after,
.fl-builder-content .fl-button i:before {
	font-size: 24px;
}

.fl-builder-content a.fl-button *,
.fl-builder-content a.fl-button:visited * {
	color: var(--dark);
}

.fl-builder-content a.fl-button i {
	transition: margin 200ms;
}

.wire-btn-bb i {
	color: var(--dark);
	font-size: 16px;
	line-height: 1.5;
	margin-left: 15px;
	transition: all 200ms;
}

/* Hotspot - Image with multiple links inside */
.hotspot .wire-btn-bb a {
	width: 40px;
	height: 40px;
	font-size: 22px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}

.hotspot .wire-btn-bb i {
	margin-left: 0;
	width: 40px;
}

/* Hotspot textlinks */
.popup-textlink .wire-btn-bb a {
	background: transparent;
	color: #58c7fc;
	font-size: inherit;
	line-height: inherit;
	padding: 0;
	border-radius: inherit;
	width: auto;
	height: auto;
	text-align: left;
	vertical-align: inherit;
	white-space: normal;
}

.popup-textlink .wire-btn-bb a i {
	display: none;
}

/* Primary button - wcm*/
.wire-btn-bb a,
a.wire-btn-primary,
.fl-builder-content .fl-node-content a.fl-button {
    font-size: 16px;
    line-height: 1.5;
    padding: 11px 24px;
	display: block;
	font-weight: 600;
	white-space: nowrap;
	border-radius: 6px;
	letter-spacing: .5px;
	border: 1px solid var(--primary-active);
	background: var(--primary-default);
	top: 0;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

a.wire-btn-primary:hover,
.fl-builder-content .fl-node-content a.fl-button:hover {
	background: var(--primary-hover);
}
a.wire-btn-primary:active,
.fl-builder-content .fl-node-content a.fl-button:active {
	background: var(--primary-active);
}
a.wire-btn-primary span,
.fl-builder-content .fl-node-content a.fl-button span {
	color: var(--dark);
}

/* Lime forms button */
lime-form[form-id="ZIK2BRabLbCKe7oPtRxf"] #simpliform .pagination-wrapper {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px !important;
}

lime-form[form-id="ZIK2BRabLbCKe7oPtRxf"] #simpliform .btn-success.submit-btn {
    font-size: 16px;
    line-height: 1.5;
    padding: 11px 24px;
	display: block;
	font-weight: 600;
	white-space: nowrap;
	border-radius: 6px;
	letter-spacing: .5px;
	border: 1px solid var(--primary-active);
	background: var(--primary-default);
	top: 0 !important;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

lime-form[form-id="ZIK2BRabLbCKe7oPtRxf"] #simpliform .btn-success.submit-btn:hover {
	background: var(--primary-hover);
	border: 1px solid var(--primary-active);
}

lime-form[form-id="ZIK2BRabLbCKe7oPtRxf"] #simpliform .btn-success.submit-btn:active,
lime-form[form-id="ZIK2BRabLbCKe7oPtRxf"] #simpliform .btn-success.submit-btn:focus {
	background: var(--primary-active) !important;
	border: 1px solid var(--primary-active) !important;
	box-shadow: none;
	outline: 0;
}

lime-form[form-id="ZIK2BRabLbCKe7oPtRxf"] #simpliform .btn-success.submit-btn span {
	color: var(--dark);
}

/* Lime forms overriding */
@media (max-width: 768px) {
	lime-form[form-id="ZIK2BRabLbCKe7oPtRxf"] #simpliform .btn-success.submit-btn {
		padding: 12px 18px;
	}
}

@media (max-width: 600px) {
	lime-form[form-id="ZIK2BRabLbCKe7oPtRxf"] #simpliform .btn-success.submit-btn {
		width: auto;
	}	
}

/* Inverted button - wcm */
a.wire-btn-inverted,
.fl-builder-content .btn-inverted .fl-node-content a.fl-button,
.fl-builder-content .cta-content  .fl-node-content .wire-btn-inverted a {
    font-size: 16px;
    line-height: 1.5;
    padding: 11px 24px;
	display: block;
	font-weight: 600;
	white-space: nowrap;
	border-radius: 6px;
	letter-spacing: .5px;
	border: 1px solid var(--inverted-default);
	background: var(--inverted-default);
	top: 0;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
a.wire-btn-inverted:hover,
.fl-builder-content .btn-inverted .fl-node-content a.fl-button:hover,
.fl-builder-content .cta-content  .fl-node-content .wire-btn-inverted a:hover {
	background: var(--inverted-hover);
}
a.wire-btn-inverted:active,
.fl-builder-content .btn-inverted .fl-node-content a.fl-button:active,
.fl-builder-content .cta-content  .fl-node-content .wire-btn-inverted a:active {
	background: var(--inverted-active);
}
a.wire-btn-inverted span,
.fl-builder-content .btn-inverted .fl-node-content a.fl-button span,
.fl-builder-content .cta-content  .fl-node-content .wire-btn-inverted a span {
	color: #fff;
}

.wire-btn-arrow span:after {
	content: "\f345";
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    color: #3c3c3c;
    font-size: 20px;
    height: auto;
    margin-left: 6px;
    margin-right: 0;
    margin-top: -3px;
    vertical-align: middle;
    width: auto;
}

.wire-btn-inverted span:after {
	color: #fff;
}

@media (min-width: 991px) {
	.wire-btn.small-btn a {
		padding: 9px 14px;
		font-size: 16px;
	}

	.wire-btn.small-btn span:after {
		font-size: 18px;
	}
}

@media (min-width: 769px) {
	.wire-btn a {
		font-size: 16px; /* wcm */
		padding: 12px 22px;
	}
	.wire-btn a:hover {
		background: var(--primary-hover);
	}
	.wire-btn span:after {
		font-size: 16px; /* wcm */
	}

	.wire-btn a:hover,
	.wire-btn a:hover span:after {
		color: #fff;
	}
	.wire-btn-bb a:hover,
	.fl-builder-content a.fl-button:hover {
		background: var(--primary-hover);
	}
	.wire-btn-bb a:active,
	.fl-builder-content a.fl-button:active {
		background: var(--primary-active);
	}
	.popup-textlink .wire-btn-bb a:hover {
		background: transparent !important;
		color: #4bacda;
	}
	.wire-btn-bb a:hover i {
		margin-left: 22px;
		transform: rotate(90deg);
	}
	.fl-builder-content a.fl-button:hover i {
		margin-left: 11px;
	}
	.hotspot .wire-btn-bb a:hover i {
		margin-left: 0;
	}
	.wire-btn a:hover span:after {
		margin-left: 11px;
	}
	.hotspot .wire-btn a:hover span:after {
		margin-left: 0;
	}
}

/* heightOnstart */
@media (max-width: 768px) {
	a.wire-btn-inverted,
	.fl-builder-content .btn-inverted .fl-node-content a.fl-button,
	.wire-btn-bb a,
	a.wire-btn-primary,
	.fl-builder-content .fl-node-content a.fl-button,
	.fl-builder-content .cta-content  .fl-node-content .wire-btn-inverted a {
		font-size: 16px;
    	padding: 12px 18px;
	}

	.wire-btn-arrow span:after {
		font-size: 16px;
	}

	.wire-btn a {
		padding: 6px 12px;
		font-size: 15px;
	}
}



/*--------------------------------------------------------------
## Hotspot
--------------------------------------------------------------*/
.hotspot {
	position: relative;
}

.hotspot .hotspot-link-1,
.hotspot .hotspot-link-2,
.hotspot .hotspot-link-3,
.hotspot .hotspot-link-4 {
	position: absolute;
	width: 40px !important;
}

.hotspot .hotspot-link-1 .fl-module-content,
.hotspot .hotspot-link-2 .fl-module-content,
.hotspot .hotspot-link-3 .fl-module-content,
.hotspot .hotspot-link-4 .fl-module-content {
	margin: 0;
}

.hotspot .hotspot-link-1 {
	top: calc(31.21% - 20px);
	left: calc(22.52% - 20px);
}

.hotspot .hotspot-link-2 {
	top: calc(18.33% - 20px);
	left: calc(49.94% - 20px);
}

.hotspot .hotspot-link-3 {
	top: calc(67.92% - 20px);
	left: calc(40.28% - 20px);
}

.hotspot .hotspot-link-4 {
	top: calc(29.9% - 20px);
	left: calc(81.28% - 20px);
}

.fl-builder-edit .hotspot .hotspot-link-1,
.fl-builder-edit .hotspot .hotspot-link-2,
.fl-builder-edit .hotspot .hotspot-link-3,
.fl-builder-edit .hotspot .hotspot-link-4 {
	width: 100% !important;
	position: relative;
	top: 0;
	left: 0;
}

/*--------------------------------------------------------------
## Counter
--------------------------------------------------------------*/
.counter {
	list-style: none;
	margin-bottom: 20px;
}

.counter-wrap {
	font-size: 22px;
	line-height: 1.6;
}

.counter-val,
.counter-txt {
	font-size: inherit;
}

.counter-txt {
	font-style: italic;
}

.counter-val {
	font-weight: 600;
}

@media (max-width: 1024px) {
	.counter-wrap {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	.counter-wrap {
		font-size: 17px;
	}
}

@media (max-width: 468px) {
	.counter-wrap {
		font-size: 15px;
	}
}

/*--------------------------------------------------------------
## Stat Counter - wcm
--------------------------------------------------------------*/
.stat-counter > div {
	padding: 0;
}

.home .stat-counter {
	margin: 0;
}

.stat-group-wrap {
	max-width: 100%;
}

.stat-group {
	display: block;
	color: #fff;
	margin-bottom: 20px;
}

.home .stat-group {
    margin-bottom: 22px;
}

.home .stat-group-wrap:last-child > .stat-group {
	margin: 0;
}

.stat-name {
	font-size: 20px;
	line-height: 1.6;
	color: #fff;
}

.stat-value {
	font-size: 48px;
	line-height: 1.4;
	font-weight: 600;
	color: #fff;
	letter-spacing: -1px;
}

.home .stat-name,
.home .stat-value {
	color: #3C3C3C;
}

@media (max-width: 1024px) {
	.stat-value {
		font-size: 36px;
	}
	.stat-name {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.stat-value {
		font-size: 32px;
	}
	.stat-name {
		font-size: 16px;
		line-height: 1.6;
	}
}

@media (min-width: 769px) {
	.stat-counter {
		display: flex;
		margin: 0 0 30px 0;
		justify-content: space-between;
	}
	.home .stat-counter {
		justify-content: unset;
	}
	.stat-group-wrap {
		max-width: 33.3333333333%;
	}
	.home .stat-group-wrap {
		max-width: 100%;
	}
	.home .stat-counter {
		flex-direction: column;
	}
	.stat-group {
		margin: 0;
	}
}

@media (max-width: 768px) {
	.stat-counter {
		margin: 0 0 20px 0;
	}
	.home .stat-value {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.home .stat-name,
	.home .stat-value {
		line-height: 1.2;
	}

	.home .stat-group {
		margin-bottom: 30px;
	}
}

@media (max-width: 468px) {
	.stat-counter {
		margin: 0 0 10px 0;
	}
}

/*--------------------------------------------------------------
## Accordion
--------------------------------------------------------------*/
.accordion--faq {
	max-width: 550px;
	margin: 1em auto;
}
.accordion--faq .accordion__question:last-child {
	border-bottom: 1px solid white;
}
.accordion--faq .accordion__header {
	border-top: 1px solid white;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 0.031em;
	line-height: 2.3;
	padding: 0.5em 1em;
	width: 100%;
}
.accordion--faq .accordion__header:hover span,
.accordion--faq .accordion__header:focus span {
	color: white;
}
.accordion--faq .accordion__header.is-active span {
	color: white;
}
.accordion--faq .accordion__header.is-active span:before {
	content: "\e0c4";
}
.accordion--faq .accordion__header span {
	display: inline-block;
	color: #4e606d;
	line-height: 2.3;
	float: right;
}
.accordion--faq .accordion__heading {
	display: inline-block;
	margin: 0;
}
.accordion--faq .accordion__content {
	display: none;
	padding: 1em;
}

/*--------------------------------------------------------------
## Blog & Category Pages
--------------------------------------------------------------*/
.category .blog-entry {
	margin-bottom: 30px;
}

.blog-entry {
	position: relative;
}

.blog-thumb img {
	display: block;
}

.blog-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
}

.blog-content {
	display: block;
}

/* exc */
.blog-excerpt {
	position: absolute;
	top: 0;
	z-index: 1;
	color: #fff;
	opacity: 0;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0;
	box-sizing: border-box;
	transition: ease-in 0.25s;
	opacity: 0;
	background: rgb(33 33 33 / 90%);
}
/* exc */
.blog-excerpt-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
}

/* exc */
.blog-excerpt-text {
	line-height: 1.5;
	color: #fff;
}
/* exc */
.blog-readmore h5 {
	margin: 5px 0 0 0;
}
/* exc */
.blog-excerpt .blog-cat {
	background: #fff;
	margin: 0 0 10px 0;
}
/* exc */
.blog-excerpt .blog-cat a {
	color: #212121;
}

.blog-date {
	font-size: 12px;
	color: #fff;
}

.blog-content h2 {
	color: #fff;
	margin: 0 0 15px 0;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 600;
}

.blog-cat {
	background: #212121;
	padding: 12px 13px 12px 13px;
	display: inline-block;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.7px;
	line-height: 1.1;
}

.blog-cat a {
	color: #fff;
}

.blog-cat .post-categories {
	list-style: none;
	margin: 0;
}

/* Category dropdown */
.dropdown {
	position: absolute;
	top: 70px;
	right: 30px;
	z-index: 9;
}

.dropdown.left {
	position: absolute;
	top: 430px;
	right: 30px;
	z-index: 9;
}

.dropdown-container {
	width: 240px;
	margin: 0;
	padding: 0;
	background: #212121;
	position: relative;
}

.cat-menu {
	display: block;
}

.cat-menu a {
	color: #fff;
}

.cat-menu > ul > li {
	display: block;
	position: relative;
}

.cat-menu ul,
.cat-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cat-menu > ul {
	opacity: 1;
	display: block;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	list-style: none;
	clear: both;
}

.cat-menu ul.menu > li > a:first-child {
	font-size: 13px;
	position: relative;
	width: calc(100% - 52px);
	display: block;
	height: auto;
	line-height: 1.1;
	padding-bottom: 17px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 10px;
	text-decoration: none;
	outline: 0;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.7px;
}

.dropdown-container .sub-menu {
	margin: 0;
	padding-bottom: 5px;
	display: none;
}

.cat-menu .js-menu-accordion {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 52px;
	width: 52px;
	position: absolute;
	right: 0;
	top: 0;
	transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;
}

.cat-menu .collapse-icon {
	width: 20px;
	height: 20px;
}

.cat-menu .collapse-icon:before,
.cat-menu .collapse-icon:after {
	background-color: #fff;
}

.cat-menu li.show-sub-menu > .sub-menu {
	display: block;
}

.cat-menu ul ul > li > a {
	font-size: 16px;
	display: block;
	color: #fff;
	padding-left: 20px;
	padding-bottom: 9px;
	outline: 0;
}

/* Beacuse images are too small  */
@media (min-width: 1200px) {
	.category .container {
		max-width: 1160px;
	}
}

@media (max-width: 1199px) {
	.blog-content h2 {
		font-size: 24px;
		line-height: 1.1;
	}
}

@media (max-width: 991px) {
	.blog-content h2 {
		font-size: 20px;
		line-height: 1.1;
	}
	.blog-cat {
		padding: 8px 10px 8px 10px;
		margin-bottom: 3px;
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	.cat-menu .collapse-icon {
		width: 16px;
		height: 16px;
	}
	.cat-menu ul.menu > li > a:first-child {
		width: calc(100% - 38px);
		padding-bottom: 11px;
		padding-top: 13px;
	}
	.dropdown-container .sub-menu {
		padding-top: 3px;
	}
	.collapse-icon:before {
		width: 3px;
	}
	.collapse-icon:after {
		height: 3px;
	}
	.cat-menu .js-menu-accordion {
		height: 38px;
		width: 38px;
	}
}

@media (min-width: 769px) {
	.cat-menu ul ul > li > a:hover {
		font-weight: 600;
	}

	.dropdown {
		top: 130px;
	}

	/* exc */
	.blog-excerpt-text,
	.blog-readmore h5 {
		font-size: 13px;
	}

	/* exc */
	.blog-excerpt:hover {
		opacity: 1;
	}
}

/* wcm  */
@media (min-width: 991px) {
	/* exc */
	.blog-excerpt-text,
	.blog-readmore h5 {
		font-size: 15px;
	}
}

@media (min-width: 1200px) {
	/* exc */
	.blog-excerpt-text,
	.blog-readmore h5 {
		font-size: 16px;
	}
}

@media (min-width: 1400px) {
	/* exc */
	.blog-excerpt-text,
	.blog-readmore h5 {
		font-size: 17px;
	}
}

/*--------------------------------------------------------------
## Hero
.hero 			   Blog Posts
.hero-small    Search Pages
.hero-bb		   Pages
--------------------------------------------------------------*/
.hero {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.hero .container {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	z-index: 2;
}

.hero h1 {
	margin: 10px 0 15px 0;
	font-weight: 600;
	color: #fff;
}

/* cat & blogpage */
.hero h1 a {
	color: #fff;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

.hero-small .fl-col-group-nested .fl-col-content {
	padding-top: 120px;
	padding-bottom: 120px;
}

.hero-bb .fl-row-content-wrap {
	padding-top: 150px;
	padding-bottom: 150px;
}

.hero-bb h1 {
	font-size: 50px !important;
	line-height: 1.1 !important;
}

.hero-bb p {
	font-size: 24px !important;
	line-height: 1.4 !important;
	word-wrap: break-word;
}

@media (max-width: 1024px) {
	.hero-small .fl-col-group-nested .fl-col-content {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.hero-bb .fl-row-content-wrap {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.hero-bb h1 {
		font-size: 40px !important;
	}
}

@media (max-width: 768px) {
	.hero-small .fl-col-group-nested .fl-col-content {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.hero-bb .fl-row-content-wrap {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.hero-bb h1 {
		font-size: 36px !important;
	}
	.hero-bb p {
		font-size: 20px !important;
		line-height: 1.4 !important;
	}
}

@media (max-width: 468px) {
	.hero-bb h1 {
		font-size: 30px !important;
	}
	.hero-bb p {
		font-size: 18px !important;
		line-height: 1.4 !important;
	}
}

/*--------------------------------------------------------------
## Background Colors on Background Images
--------------------------------------------------------------*/
.hero .bg-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.bg-img::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	opacity: 0.4;
	background-image: linear-gradient(to right top, #69cfca, #59ced8, #4ecde5, #4dcaf1, #58c7fc);
}

/* ONLY Posts! */
.bg-img.op-0::before {
	opacity: 0;
}
.bg-img.op-20::before {
	opacity: 0.2;
}
.bg-img.op-40::before {
	opacity: 0.4;
}
.bg-img.op-60::before {
	opacity: 0.6;
}

.turkoise-orbit .bg-img::before,
.turkoise-orbit .fl-row-content-wrap::after {
	background-image: linear-gradient(to right top, #69cfca, #59ced8, #4ecde5, #4dcaf1, #58c7fc);
}

.yellow-orbit .bg-img::before,
.yellow-orbit .fl-row-content-wrap::after {
	background-image: linear-gradient(to right top, #ffe839, #97f176, #00ecbe, #00ddf1, #58c7fc);
}

.orange-orbit .bg-img::before,
.orange-orbit .fl-row-content-wrap::after {
	background-image: linear-gradient(to right top, #f44911, #ff448a, #de7ce3, #8caaff, #58c7fc);
}

.orbit-space .bg-img::before,
.orbit-space .fl-row-content-wrap::after {
	background-image: linear-gradient(to right top, #58c7fc, #689fcc, #657a99, #565969, #3c3c3c);
}

.none .bg-img::before {
	display: none;
}

.no-img.bg-img::before {
	display: block;
	opacity: 1;
}

/* ONLY Pages! */
.fl-row-bg-overlay .fl-row-content-wrap:after {
	opacity: 0.4;
}

.op-0 .fl-row-content-wrap:after {
	opacity: 0;
}
.op-20 .fl-row-content-wrap:after {
	opacity: 0.2;
}
.op-40 .fl-row-content-wrap:after {
	opacity: 0.4;
}
.op-60 .fl-row-content-wrap:after {
	opacity: 0.6;
}
.op-70 .fl-row-content-wrap:after {
	opacity: 0.7;
}
.op-80 .fl-row-content-wrap:after {
	opacity: 0.8;
}

/*--------------------------------------------------------------
# WirelessCar Card Layout - wcm (Used in BB Card and latest blog articles)
--------------------------------------------------------------*/
.w-card__item {
    margin: 15px;
    background: #fff;
    border: 0.5px solid #ededed;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
	transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.w-card__item:hover {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.w-card__content {
	color: #3C3C3C;
	padding: 20px;
}

.w-card__wrap {
    display: flex;
	margin-bottom: 10px;
}

.w-card__wrap h5 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	margin: 0;
}

.w-card__img, 
.w-card__img img {
    position: relative;
}

.w-card__img img {
	display: block;
}

.w-card__desc {
	font-size: 16px;
	line-height: 1.5;
}

.w-card__desc p {
	margin-bottom: 10px;
}

.w-card__icon {
	margin-left: 10px;
}

.w-card__icon,
.w-card__icon img {
	height: 22px;
	width: auto;
}

/* 20240417 */ 
.w-card__link {
    display: inline-block;
    color: var(--primary-default-link);
	border-bottom: 2px solid var(--primary-default-link);
    font-size: 16px;
    line-height: 1.45;
	transition: all 250ms;
}
/* 20240417 */ 
.w-card__item:hover .w-card__link {
	color: var(--primary-hover-link);
	border-bottom: 2px solid var(--primary-hover-link);
}

.fl-module-cbb-card {
    flex: 1 1 auto;
    display: flex !important;
}

.fl-module-cbb-card .w-card__item {
	height: 100%;
	margin: 0;
	max-width: 542px;
}

/*--------------------------------------------------------------
## Latest articles - wcm
--------------------------------------------------------------*/
.latest-articles {
	padding: 80px 0 120px 0;
	overflow: hidden;
}

.latest-articles .row:last-child > div {
    padding: 0 5px;
}

.latest-articles__headline {
	font-size: 50px;
	line-height: 1.1;
	margin-bottom: 40px;
}

.latest-articles .w-card__wrap {
	justify-content: space-between;
}

.latest-articles__date,
.latest-articles__cat {
	font-size: 12px;
	line-height: 1.3;
	font-weight: 400;
	color: #3C3C3C;
}

.latest-articles__cat span {
	background: transparent;
    padding: 2px 8px;
    border-radius: 8px;
}

.latest-articles__title {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 10px;
	margin-top: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.latest-articles__title {
	color: #3C3C3C;
	font-weight: 600;
}

@media (max-width: 768px) {
	.latest-articles {
		padding: 30px 0 50px 0;
		overflow: hidden;
	}
	.latest-articles__headline {
		font-size: 32px;
		line-height: 1.3;
		margin-bottom: 30px;
	}
}

/*--------------------------------------------------------------
## Latest articles - Slick Slider wcm 
--------------------------------------------------------------*/
/* Equal height */
.slick-initialized .slick-track {
	display: flex;
}
.slick-initialized .slick-track .slick-slide {
	display: flex;
	height: auto;
}

/* Show a bit of next slide */
.slick-list {
	padding: 0 5% 0 0 !important;
}

/* Arrows*/
.slick-prev:before,
.slick-next:before {
	content: none;
}
.slick-prev, .slick-next {
   	font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev, .slick-next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow:  0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    display: flex !important;
    justify-content: center;
    align-items: center;
	opacity: 1;
    transition: all .3s;
}
.slick-prev:hover, .slick-next:hover {
    background-color: #f5f5f5;
}
.slick-prev:active, .slick-next:active {
    background-color: #ededed;
}
.slick-prev svg, .slick-next svg {
	width: 20px;
	height: 20px;
}
.slick-next svg {
	transform: rotate(180deg);
}
.slick-prev,
.slick-next {
	z-index: 99;
}
.slick-prev {
	left: 25px;
}
.slick-prev svg {
	left: -2px;
    position: relative;
}
.slick-next {
	right: 25px;
}

/* Hide arrows on disabled */
.slick-prev.slick-disabled, .slick-next.slick-disabled {
    opacity: 0;
    user-select: none;
    cursor: default;
}

@media (max-width: 1024px) {
	.slick-prev {
		left: 13px;
	}
	.slick-next {
		right: 20px;
	}
	.slick-list {
		padding: 0 10% 0 0 !important;
	}
}

@media (max-width: 600px) {
	.latest-articles .slick-arrow {
		display: none !important;
	}

	.slick-list {
		padding: 0 20% 0 0 !important;
	}

}


/*--------------------------------------------------------------
## Blog Feed
--------------------------------------------------------------*/
.blog-feed {
	background: #fff;
	padding: 20px 0 40px 0;
	color: #212121;
}

.blog-feed .feed-headline {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 40px;
}

.blog-feed .feed-thumb {
	height: 100px;
	width: 100px;
	position: relative;
}

.blog-feed img {
	height: 100px;
	width: 100px;
}

.blog-feed .blog-item {
	display: flex;
	flex-wrap: nowrap;
	background: transparent;
}

.blog-feed img {
	max-width: inherit;
}

.blog-feed h3.feed-title {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 2px;
	margin-top: 0;
}

.blog-feed h3.feed-title a {
	color: #212121;
}

.blog-feed .feed-thumb a {
	display: inline-block;
}

.blog-feed .feed-thumb a img {
	display: block;
}

.blog-feed .feed-date {
	color: #212121;
	font-size: 12px;
	margin-bottom: 15px;
}

.blog-feed .feed-desc {
	font-size: 14px;
	line-height: 1.5;
}

/* Singlepage only */
.blog-feed ul.feed-cat {
	display: flex;
	justify-content: center;
	align-items: center;
}

.blog-feed ul.feed-cat,
.blog-feed ul.feed-cat li {
	list-style: none;
	margin: 0;
}

.blog-feed ul.feed-cat {
	margin-top: 0;
}

.blog-feed ul.feed-cat li {
	display: inline-block;
	margin-right: 15px;
}

.blog-feed ul.feed-cat li:last-child {
	margin-right: 0;
}

@media (max-width: 1024px) {
	.blog-feed .blog-item {
		margin-bottom: 40px;
	}
}

@media (max-width: 768px) {
	.blog-feed .col-lg-4 {
		margin-bottom: 20px;
	}
	.blog-feed .blog-item {
		margin-bottom: 10px;
	}
	.blog-feed h3.feed-title {
		font-size: 16px;
	}
	.blog-feed .feed-headline {
		font-size: 20px;
	}
	.blog-feed .feed-date {
		margin-bottom: 0;
	}
	.feed-cat li {
		font-size: 14px;
	}
	.feed-cat .blog-cat {
		font-size: 12px;
		padding: 10px 13px 10px 13px;
	}
	.blog-feed ul.feed-cat {
		align-items: baseline;
		flex-direction: column;
	}
	.blog-feed ul.feed-cat li {
		margin-right: 0;
		margin-bottom: 5px;
	}
}

@media (max-width: 468px) {
	.blog-feed .blog-item {
		margin-bottom: 0;
	}
	.blog-feed .feed-headline {
		font-size: 18px;
		margin-bottom: 20px;
	}
}

@media (min-width: 769px) {
	.blog-feed {
		padding: 40px 0 60px 0;
	}
	.blog-feed h3.feed-title a:hover {
		color: #a258ac;
	}
	.blog-feed ul.feed-cat {
		margin-top: 40px;
	}
}

/*--------------------------------------------------------------
## Hamburger animation
--------------------------------------------------------------*/

.ham {
	display: none;
}

@media (max-width: 1159px) {
	.ham {
		display: block;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition: transform 400ms;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.ham .top {
		stroke-dasharray: 40 121;
	}

	.ham .bottom {
		stroke-dasharray: 40 121;
	}

	.line {
		fill: none;
		transition: stroke-dasharray 800ms, stroke-dashoffset 400ms;
		stroke: #121212; /* wcm */
		stroke-width: 5;
		stroke-linecap: round;
	}

	.ham .middle {
		stroke-dasharray: 40 121;
		stroke-dashoffset: 10px;
	}

	/* When clicked - active */
	.ham.active {
		transform: rotate(45deg);
	}

	.ham.active .middle {
		stroke-dashoffset: 0;
	}

	.ham.active .top {
		stroke-dashoffset: -68px;
	}

	.ham.active .bottom {
		stroke-dashoffset: -68px;
	}

	.ham:hover .line.middle {
		stroke-dasharray: 80 121;
	}
}

@media (max-width: 768px) {
	.ham {
		margin-right: -20px;
	}
}


/*--------------------------------------------------------------
## Language Switcher -wcm
--------------------------------------------------------------*/
.lang-switcher {
	padding: 0 5px;
}

.lang-switcher ul,
.lang-switcher li {
	position: relative;
	list-style: none;
	margin: 0;
}

.lang-switcher li.current-lang {
	display: block;
}

.lang-switcher:hover li {
	display: block;
}

.lang-switcher .drop a {
	text-decoration: none;
}

.lang-switcher .drop a:hover {
	border: 0;
}

.lang-switcher i {
	transition: all .2s ease-in-out;
}

.lang-switcher .fa-globe {
	font-size: 24px;
}

.lang-switcher li.drop > a:hover i {
	transform: scale(1.1);
}

/* wcm */
.lang-switcher .drop [data-toggle="dropdown"] {
	display: block;
	padding: 10px 10px;
	margin: 0;
	outline: 0;
	font-size: 13px;
	letter-spacing: 1px;
	cursor: pointer;
	text-transform: uppercase;
	color: #212121;
}

/* wcm */
.lang-switcher .drop .dropdown-menu {
	margin: 0;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	width: 160px;
    background: #fff;
    padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	transition: opacity 0.2s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden;
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	border: 0.5px solid #ededed;
}

/* wcm */
.lang-switcher .drop .dropdown-menu li a,
.lang-switcher .drop .dropdown-menu li .dropdown-menu__wrap {
    color: #212121;
    padding: 15px 15px 15px 35px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.3;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: left;
}

.lang-switcher .drop .dropdown-menu li:last-child a {
	border-bottom: 0;
}

.lang-switcher .drop .show {
	display: block;
	opacity: 1;
	height: auto;
}

.lang-switcher span > i {
    position: absolute;
    left: 8px;
}

@media (max-width: 768px) {
	.lang-switcher .fa-globe {
		font-size: 20px;
	}
}

/*--------------------------------------------------------------
# Home Hero - wcm
--------------------------------------------------------------*/
/* Temp 2023-10-30 */
.home-hero {
	padding-top: 70px;
}

@media (min-width: 769px) {
	.home-hero > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:first-child {
		padding-left: calc(50vw - 640px);
		padding-right: 20px;
	}
}

/* Hide globe at load, to hide the flickering */
.video-globe .fl-video {
	animation: cssAnimation .8s forwards;
}

@keyframes cssAnimation {
    0%   {visibility: hidden;}
    90%  {visibility: hidden;}
    100% {visibility: visible;}
}

.video-globe .fl-video.fl-wp-video {
	padding: 0px 0px 100% !important;
}

/*--------------------------------------------------------------
# Insights
--------------------------------------------------------------*/
.insights .fl-builder-content,
.insights .blog-entry,
.single-insights .blog-entry {
	margin-bottom: 30px;
}

.insights .insights-excerpt {
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
}

.insights .wire-btn {
	margin-top: 15px;
}

.single-insights .hero h2,
.insights .hero h2 {
	font-size: 50px;
	line-height: 1.1;
	margin: 10px 0 15px 0;
	font-weight: 600;
	color: #fff;
}

.single-insights .hero h2 a,
.insights .hero h2 a {
	color: #fff;
}

.single-insights article > .hero {
	margin: 0;
}

.single-insights article .blog-date {
	display: none;
}

.single-insights article .hero i {
	font-size: 30px;
	color: #fff;
	float: left;
	height: auto;
	width: auto;
	margin-bottom: 10px;
}

.single-insights article .hero i:before {
	font-size: 30px;
	color: #fff;
	float: left;
	height: auto;
	width: auto;
}

@media (min-width: 991px) {
	.insights .insights-excerpt {
		font-size: 18px;
		line-height: 1.4;
	}
}

@media (max-width: 768px) {
	.single-insights .hero h2,
	.insights .hero h2 {
		font-size: 40px;
	}
}

@media (max-width: 468px) {
	.single-insights .hero h2,
	.insights .hero h2 {
		font-size: 30px;
	}
}
/*--------------------------------------------------------------
## Search Icon
--------------------------------------------------------------*/
.search-menu {
	padding: 0 5px 0 10px;
}

.search-menu .fa-search {
	font-size: 24px;
}

.search-menu a i {
	color: #fff;
}

.search-menu i {
	transition: all .2s ease-in-out;
}

.search-menu a:hover i {
	transform: scale(1.1);
}

.navbar-sticky .search-menu i {
	color: #212121;
}

@media (max-width: 768px) {
	.search-menu {
		padding: 0 10px;
	}
	.search-menu .fa-search {
		font-size: 18px;
	}
}

/*--------------------------------------------------------------
## Sticky header - wcm
--------------------------------------------------------------*/
.navbar-sticky .drop [data-toggle="dropdown"] {
	color: #212121;
}

.navbar-sticky .line {
	stroke: #212121;
}

.logo {
	display: block;
}

@media (max-width: 1159px) {
	.open-main-menu .navbar-sticky {
		background: transparent;
	}
}

/*--------------------------------------------------------------
## Form
--------------------------------------------------------------*/
/* For mobile and chrome browser. To get correct style */
input[type=submit] {
	-webkit-appearance: button;
}

.wpcf7-form .wpcf7-textarea,
.wpcf7-form .wpcf7-text {
	box-sizing: border-box;
	padding: 6px 10px 6px 0;
	font-size: 14px;
	line-height: 1.3;
	font-family: 'Open Sans', sans-serif;
	outline: 0;
}
.wpcf7-text {
	background: transparent;
}

.wpcf7-textarea {
	background: transparent;
	min-height: 200px;
}

div.wpcf7-response-output {
	margin: 10px 0;
}

/* Contact button */
.wpcf7-form .wpcf7-submit {
	font-family: 'Open Sans', sans-serif;
	color: #2f2f2f;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.4;
	padding: 0 0 5px 0;
	background: transparent;
	border: 0;
	border-bottom: 2px solid #dc3c42;
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.125s ease-in-out 0s;
	-moz-transition: all 0.125s ease-in-out 0s;
	transition: all 0.125s ease-in-out 0s;
}

.wpcf7-form .wpcf7-submit:hover {
	border-bottom: 2px solid #2f2f2f;
}

.wpcf7-text,
.wpcf7-textarea {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #bbb;
}

.wpcf7-textarea {
	min-height: 100px;
}

div.wpcf7-response-output {
	margin-bottom: 60px;
	margin-top: -30px;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
	border: 1px solid #2f2f2f;
	color: #2f2f2f;
	padding: 10px 20px;
}

.wpcf7-form > p:last-child {
	margin: 0;
	padding: 0;
}

span.wpcf7-not-valid-tip {
	font-weight: bold;
	font-size: 12px;
}

.contact-policy {
	font-size: 13px;
	line-height: 1.6;
	margin: -15px 0 40px 0;
	font-weight: 600;
	font-style: italic;
}

@media (max-width: 468px) {
	.wpcf7-form .wpcf7-text,
	.wpcf7-textarea {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# CTA - wcm
--------------------------------------------------------------*/
.cta-content {
    padding: 70px 0;
    color: var(--inverted-default);
}

.cta-content .fl-row-content-wrap {
	padding: 0;
}

.cta-content .row {
	align-content: center;
}

.cta-content h3 {
    font-size: 30px !important;
	line-height: 1.3;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
}

.cta-content p {
    font-size: 22px !important;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0;
}

.cta-content .col-lg-3 {
	display: flex;
	align-items: center;
}

.cta-content a {
	box-shadow: 0px 10px 20px -3px rgba(234, 234, 234, 0.4);
}

@media (max-width: 1259px) {
	.cta-content  {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 1023px) {
	.cta-content p {
		font-size: 22px !important;
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.cta-content  {
		padding-right: 0;
		padding-left: 0;
	}
	.cta-content h3 {
		font-size: 24px !important;
	}
	.cta-content p {
		font-size: 16px !important;
		line-height: 1.6;
	}
}

/*--------------------------------------------------------------
# Contact form 7
--------------------------------------------------------------*/
.wpcf7-form .wpcf7-list-item {
	margin: 0;
}

.wpcf7-form .wpcf7-list-item > label {
	display: flex;
	align-items: center;
}

.wpcf7-form .wpcf7-list-item-label {
	font-size: 14px;
	margin: 0 10px;
}

.wpcf7-form .wpcf7-submit {
	border-bottom: 2px solid #58c7fc;
}

.wpcf7-form .wpcf7-submit:hover {
	border-bottom: 2px solid #4bacda;
}
/*--------------------------------------------------------------
## Career
--------------------------------------------------------------*/
.tablepress {
	font-size: 16px;
	line-height: 1.3;
}

.tablepress tfoot th,
.tablepress thead th {
	background-color: #ededed !important;
}

.tablepress tbody td {
	vertical-align: middle !important;
}

.tablepress tbody a {
	font-weight: 600;
}

/*--------------------------------------------------------------
## Page scroller
--------------------------------------------------------------*/
.page-scroller {
	cursor: pointer;
	position: absolute;
	width: 30px;
	left: 50%;
	text-align: center;
	bottom: 30px;
	margin-left: -15px;
	z-index: 99;
	display: block;
	height: 40px;
}

.page-scroller-arrow {
	display: block;
	font-size: 38px;
	color: #fff;
	-moz-animation: linear bounce 1s infinite;
	-webkit-animation: linear bounce 1s infinite;
	animation: linear bounce 1s infinite;
}

.sliders-on .page-scroller {
	bottom: 300px;
}

@keyframes bounce {
	0%,
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

/* heightOnstart */
@media (max-height: 940px) {
	.sliders-on .page-scroller {
		bottom: 32%;
	}
}

@media (max-width: 768px) {
	.page-scroller-arrow {
		font-size: 32px;
	}
	.page-scroller {
		bottom: 15px;
	}
	/* heightOnstart */
	/*
	.sliders-on .page-scroller {
		bottom: 160px;
	}*/
}

@media (max-width: 468px) {
	/* heightOnstart */
	.sliders-on .page-scroller {
		bottom: 32%;
	}

	.page-scroller-arrow {
		font-size: 24px;
	}
	.page-scroller {
		bottom: -25px;
		width: 30px;
		margin-left: -15px;
	}
}

/*--------------------------------------------------------------
## Modal
--------------------------------------------------------------*/
.modal-open {
	overflow: hidden;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
}

.modal.fade .modal-dialog {
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {
		transition: none;
	}
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none;
}

.modal-dialog-scrollable {
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 1rem);
	overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto;
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
	max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
	content: none;
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.5rem; /*0.3rem;*/
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.fade.show {
	opacity: 0.5;
}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-body li {
	margin-bottom: 20px;
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
	margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
	margin-right: .25rem;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

.modal-title {
	font-size: 28px;
	line-height: 1.2;
}

.modal-body .wp-caption {
	max-width: 100%;
}

@media (min-width: 576px) {
	.modal-title {
		font-size: 34px;
		line-height: 1.3;
	}

	.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem);
	}
	.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem);
	}
	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem);
	}
	.modal-dialog-centered::before {
		height: calc(100vh - 3.5rem);
	}
	.modal-sm {
		max-width: 300px;
	}
}

@media (min-width: 992px) {
	.modal-lg,
	.modal-xl {
		max-width: 800px;
	}

	.modal-title {
		font-size: 42px;
		line-height: 1.3;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fade.show {
	opacity: 1;
	padding: 0 !important;
}

.portfolio-modal .modal-dialog {
	margin: 4rem auto;
	max-width: 800px;
}

.portfolio-modal .modal-content {
	padding: 70px 0 40px 0;
}

.portfolio-modal .modal-content p {
	margin-bottom: 30px;
}

.portfolio-modal .modal-title {
	text-align: center;
}

.portfolio-modal .modal-content p.item-intro {
	font-size: 16px;
	font-style: italic;
	margin: 20px 0 30px;
	font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
		sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.portfolio-modal .modal-content ul {
	margin-top: 0;
	margin-bottom: 30px;
	text-align: left;
}

.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}

.portfolio-modal .modal-content img.alignleft {
	margin: 0 10px 0 0;
}

.portfolio-modal .modal-content button {
	cursor: pointer;
}

.portfolio-modal .close-modal {
	position: absolute;
	top: 18px;
	right: 30px;
	cursor: pointer;
	background-color: transparent;
}

.portfolio-modal .close-modal:hover {
	opacity: 0.3;
}

.portfolio-modal .close-modal i {
	font-size: 40px;
}

@media (max-width: 1024px) {
	.portfolio-modal .modal-dialog {
		max-width: 70%;
	}
}

@media (max-width: 768px) {
	.portfolio-modal .modal-dialog {
		max-width: 80%;
	}
}

@media (max-width: 568px) {
	.portfolio-modal .modal-dialog {
		max-width: 90%;
	}
}

/*--------------------------------------------------------------
## Make embedded video in WP editor responsive
--------------------------------------------------------------*/
.wp-video,
video.wp-video-shortcode,
.mejs-container,
.mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video,
video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

/*--------------------------------------------------------------
## Lets Connect
--------------------------------------------------------------*/
.employer p {
	font-size: 16px;
	line-height: 1.6;
}

.employer h3 {
	margin: 10px 0;
	font-size: 20px;
	line-height: 1.2;
}

.employer .fl-module-rich-text {
	text-align: center;
}

.employer img.fl-photo-img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	max-width: 200px;
}

/*--------------------------------------------------------------
## SVG icon module
--------------------------------------------------------------*/
.svg-icon .fl-html {
    inline-size: 300px;
    block-size: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 100%;
    max-width: 150px;
    max-height: 150px;
    margin: 0 auto;
}

/*--------------------------------------------------------------
## Author section on Blog Posts
--------------------------------------------------------------*/
.author-section {
	border-top: 1px solid #e6e6e6;
	padding: 30px 30px 90px 30px;
	display: flex;
	align-items: center;
}

.author-section img {
	border-radius: 50px;
	width: 70px;
	display: inline-block;
	margin-right: 15px;
}

.author-details {
	display: inline-block;
}

.author-details h5 {
	font-size: 22px;
	font-weight: bold;
	margin: 0;
}

.author-details h5 a {
	color: #212121;
}

.author-details h5 a:hover {
	color: #a258ab;
}

.author-details .author-desc,
.author-details .author-email {
	font-size: 16px;
}

/*--------------------------------------------------------------
## Author template
--------------------------------------------------------------*/
.author-results {
	margin-top: 60px;
}

/*--------------------------------------------------------------
## Searchpage & Searchform
--------------------------------------------------------------*/
.search,
.searchpage {
	background: #eee;
}

.searchform {
	height: 52px;
	background-color: #ffffff;
	border-radius: 30px;
	padding: 0;
	max-width: 100%;
	border: 1px solid #aaa;
	overflow: hidden;
	margin: 70px 0 40px 0;
	display: flex;
	justify-content: space-between;
}

.searchpage .searchform {
	margin: 100px 0 100px 0;
}

.search-input {
	color: #212121;
	border: 0;
	outline: 0;
	background: none;
	font-size: 15px;
	line-height: 40px;
	padding: 0 30px 0 30px;
	max-width: 100%;
	width: 100%;
}

.search-icon {
	height: 52px;
	width: 80px;
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #212121;
	font-size: 20px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: 0;
}

.search-results h4 {
	font-size: 20px;
	line-height: 1.2;
	margin: 5px 0 10px 0;
}

.search-results h4 a {
	color: #212121;
}

.search-results h4 a:hover {
	color: #a258ac;
}

.search-results > .row {
	margin-bottom: 40px;
}

h3.search-title {
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 80px;
}

/*--------------------------------------------------------------
## Cookie Notice
--------------------------------------------------------------*/
#cookie-notice .cookie-notice-container {
	max-width: 1100px;
	padding: 12px;
	margin: 0 auto;
}

#cookie-notice a.cn-button {
	background-color: #2d9ed4;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	padding: 2px 10px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
}

#cookie-notice a.cn-button:hover {
	background-color: #2581ad;
}

#cookie-notice .cookie-notice-container #cn-notice-text {
	line-height: 2;
}

/*--------------------------------------------------------------
## Hover Shade
--------------------------------------------------------------*/
/* heightOnstart */
#hover-shade {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(0 0 0 / 75%);
	background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0 / 68%) 50%, transparent 100%);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	z-index: 99;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.3s, opacity 0.3s linear;
}

@media (min-width: 991px) {
	#hover-shade.visible {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.3s linear;
	}
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagination {
	margin-bottom: 60px;
}

.pagination a,
.pagination a:hover {
	color: #212121;
}

.pagination .page-numbers {
	padding-right: 5px;
}

.pagination i.fa-chevron-left {
	margin-right: 10px;
}

.pagination i.fa-chevron-right {
	margin-left: 10px;
}

.pagination .current {
	font-weight: 600;
}

/*--------------------------------------------------------------
# Pressreleases (Cision)
--------------------------------------------------------------*/
.press-container {
	display: block;
	margin-bottom: 30px;
}

.press-container .press-title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 5px;
}

.press-container .press-date {
	font-size: 13px;
	line-height: 1.2;
	margin-bottom: 0;
}

.press-container .press-regulatory {
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.press-container .press-intro {
	font-size: 15px;
	line-height: 1.2;
	display: block;
}

.press-load-more {
    margin-top: 50px;
    cursor: pointer;
    display: block;
    margin-bottom: 50px;
}

.press-load-more a {
    font-size: 18px;
    line-height: 1.4;
    padding: 9px 22px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 100px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
	color: #212121;
	border: 1px solid #212121;
}

.press-load-more a:hover {
	border: 1px solid #212121;
	background: #212121;
	color: #fff;
}

@media (min-width: 769px) {
	.press-load-more a {
		font-size: 20px;
		padding: 12px 22px;
	}	
}
/*--------------------------------------------------------------
# Pressreleases (Cision) Single
--------------------------------------------------------------*/

#target-release-detail ul {
	list-style: disc;
}

#target-release-detail ol {
	list-style: numeric;
}

#target-release-detail .btn {
	padding: 0;
}

#target-release-detail .btn:hover {
	color: #4bacda;
}

/*--------------------------------------------------------------
# News Callout - wcm
--------------------------------------------------------------*/
.news-callout {
	margin-top: 80px;
	width: 100%;
	position: relative;
    height: auto;
	height: 60px;
    max-height: 60px;
    transition: max-height .3s ease-in-out, opacity 0.3s ease-in-out;
    overflow: hidden;
}

.news-callout.closed {
	max-height: 0;
	opacity: 0;
}

.news-callout .row > div {
    display: flex;
    align-items: center;
    height: 60px;
}

.news-callout__txt {
	font-size: 16px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-callout__link {
    display: flex;
    align-items: center;
    height: 60px;
    font-weight: bold;
    color: #3c3c3c;
    text-decoration: underline;
    font-size: 16px;
    line-height: 1.4;
}

.news-callout__link:hover,
.news-callout__link:active {
	color: #3c3c3c;
	text-decoration: underline;
}

.news-callout__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto 0;
    width: 20px;
    height: 20px;
    z-index: 9;
    transition: all .2s ease-in-out;
}

.news-callout__icon:hover {
  transform: scale(1.1);
}

.news-callout__icon.closed {
	height: 300px;
}

.news-callout__icon:before, .news-callout__icon:after {
	position: absolute;
    left: 15px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #3c3c3c;
}
.news-callout__icon:before {
  transform: rotate(45deg);
}
.news-callout__icon:after {
  transform: rotate(-45deg);
}

@media (max-width: 567px) {
	.news-callout__txt,
	.news-callout__link {
		font-size: 14px;
	}
}

/*--------------------------------------------------------------
# Our customers - wcm
--------------------------------------------------------------*/
.our-customers .fl-col-group-responsive-reversed {
	position: relative;
}

.our-customers .logo-col {
	padding-right: 25px;
}

.our-customers .logo-col > .fl-col-content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 20px;
 	align-items: center;
}

.our-customers .stat-counter-col {
    position: relative;
    padding-left: 50px;
    top: -130px;
    right: 0;
}

.our-customers .stat-counter-col:before {
	content: '';
    border-left: 2px solid #DEDEDE;
    position: absolute;
    left: 0;
    top: 70px;
    height: 250px;
    width: 2px;
}

@media (max-width: 992px) {
	.our-customers .logo-col > .fl-col-content {
		grid-template-columns: repeat(3, 1fr);
	}
	.our-customers .stat-counter-col:before {
		display: none;
	}
}

@media (max-width: 768px) {
	.our-customers .stat-counter-col {
		position: relative;
		padding-left: 0;
		top: 0;
	}
	.our-customers .stat-counter-col .fl-module > .fl-module-content {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.our-customers .logo-col .fl-module > .fl-node-content {
		margin: 20px 0 0 0;
	}

	.our-customers .stat-counter-col {
		border-left: 0;
		padding-left: 0;
	}
}

@media (max-width: 568px) {
	.our-customers .logo-col > .fl-col-content {
		grid-template-columns: repeat(2, 1fr);
	}
}

/*--------------------------------------------------------------
# Why WhirelessCar - "Left edge background" - wcm
--------------------------------------------------------------*/
@media (min-width: 769px) {
	.left-edge-bg > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:first-child {
		padding-left: calc(50vw - 640px);
		padding-right: 20px;
	}
	.left-edge-bg > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col:last-child > div {
		border-radius: 8px 0 0 8px;
	}
}

/*--------------------------------------------------------------
# Customer Cases
--------------------------------------------------------------*/
.cc-filter {
    display: flex;
    align-items: center;
    margin-bottom: 70px;
    margin-top: 20px;
	cursor: pointer;
}
.cc-filter .slick-list {
	padding: 0 !important;
}
/*  20240417 */ 
/*
.cc-filter.more-cases .slick-list {
	padding: 0 10% 0 0 !important;
}*/
.cc-filter .cc-filter__wrap {
    border-bottom: 2px solid #dedede;
}
/*  20240417 */ 
.cc-filter__heading {
	cursor: pointer;
	color: #3c3c3c;
    font-size: 16px;
	font-weight: 600;
    line-height: 1.6;
    padding-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-bottom: 8px;
	padding-left: 35px;
    padding-right: 35px;
	border-bottom: 2px solid transparent;
    position: relative;
    top: 2px;
	transition: all .3s;
	opacity: 0.4;
	align-items: flex-end;
}
.cc-filter__heading:hover,
.cc-filter__heading:active,
.cc-filter__heading:focus {
	color: #3c3c3c;
}
.cc-filter__heading.is-active {
	border-bottom: 2px solid #3c3c3c;
	opacity: 1;
}
/* 20240417 */
.cc-filter .slick-prev,
.cc-filter .slick-next {
	background-color: transparent;
	box-shadow: none;
}
/*  20240417 */ 
.cc-filter .slick-prev {
	left: 0;
}
.cc-filter .slick-next {
	right: 0;
}
.cc-display {
	display: block;
}
.cc-display > .container {
	position: relative;
}
.cc-display .js-filterable {
	visibility: visible;
	opacity: 1;
   	transition: opacity .3s 0s, visiblity .3s 0s; 
}
.cc-display .js-filterable.is-hidden {
	position: absolute;
    visibility: hidden;
	opacity: 0;
}
.cc-display .cc__subheading h4 {
    font-size: 24px;
	line-height: 1.4;
	margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
}
.cc-display .cc__content {
	font-size: 20px;
	line-height: 1.5;
}
.cc-display .cc__thumb img {
	display: block;
	border-radius: 10px;
}
.cc-display .cc__btn {
    margin-top: 30px;
	display: inline-block;
    width: auto;
}

/*  20240417 */  /* For desktop and less than 4 cases, fill space */
@media (min-width: 769px) {
	.cc-filter.less-cases .slick-initialized .slick-track {
		width: 100% !important;
		justify-content: space-between;
	}
	.cc-filter.less-cases .cc-filter__heading {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 1259px) {
	.cc-filter .container,
	.cc-display .container  {
		padding-right: 0;
		padding-left: 0;
	}
}

/* 20240417 */
/*
@media (max-width: 1024px) {
	.cc-filter .slick-list,
	.cc-filter.more-cases .slick-list {
		padding: 0 15% 0 0 !important;
	}
}*/

@media (max-width: 768px) {
	.cc-filter {
		margin-bottom: 30px;
	}
	.cc-display .row > div:first-child {
		order: 1;
	}
	.cc-display .cc__thumb {
		margin-bottom: 15px;
	}
	.cc-filter .cc-filter__heading {
		font-size: 18px;
		line-height: 1.5;
		height: 70px;
		margin: 0px 20px 6px 0;
	}
	.cc-filter .cc-filter__wrap {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		border-bottom: 0;
	}
	.cc-filter .container,
	.cc-display .container  {
		padding-right: 20px;
		padding-left: 20px;
	}
	/* 20240417 */
	/*
	.cc-filter .slick-list,
	.cc-filter.more-cases .slick-list {
		padding: 0 25% 0 0 !important;
	}*/
}

/* 20240417 */
@media (max-width: 568px) {
	.cc-filter .slick-prev,
	.cc-filter .slick-next {
		display: none !important;
	}
	.cc-filter__heading {
		padding-left: 10px;
		padding-right: 10px;
	}
	.cc-filter .slick-list {
		padding: 0 30% 0 0 !important;
	}
}

/*--------------------------------------------------------------
# Plug and Play
--------------------------------------------------------------*/
#plug-save {
    background: #fff;
    border: 0.5px solid #ededed;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
	overflow: hidden;
    padding: 60px 70px;
	margin-top: 20px;
	position: relative;
	opacity: 1;
	transform: 0.3 ease-in-out;
}

#plug-save > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#plug-save .ps-col-img {
	width: 25%;
}

#plug-save .ps-col-txt {
    width: 66%;
    padding-left: 8%;
}

#plug-save .ps-title {
	color: #3CB16F;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 60px;
    line-height: 1.2;
}

#plug-save .ps-dont-charge .ps-title {
	color: #E3616E;
}

#plug-save .ps-desc {
    font-size: 26px;
    line-height: 1.3;    
}

#plug-save .loader {
	display: none;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#plug-save .loader svg {
    width: 100px;
    height: 70px;
    margin: 20px;
    display: inline-block;
}

#plug-save .ps-wrap {
	opacity: 1;
	transform: 0.3 ease-in-out;
}

#plug-save.loading .ps-wrap {
	opacity: 0.05;
	transform: 0.3 ease-in-out;
}

/* Hide on main */
#plug-save .ps-savings-nr {
	display: none;
}

/* Savings */
.plug-save-title h2 {
	font-size: 50px;
    line-height: 1.1;
}

#ps-savings {
    background: #fff;
    border: 0.5px solid #ededed;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    padding: 30px 70px;
    margin-top: 0;
}

#ps-savings .ps-savings-nr {
    font-size: 50px;
    font-weight: 600;
	color: #58C7FC;
}

#ps-savings .ps-savings-txt {
    font-size: 16px;
    line-height: 1.3;
}

/* Selected notice */
#ps-selected {
    color: #58C7FC;
	margin-bottom: 20px;
    font-size: 26px;
    line-height: 1.2;
    display: flex;
    align-items: center;
	cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#ps-selected:hover {
	color: #4BADDB;;
}

#ps-selected .ps-country {
    padding-left: 10px;
}

#ps-selected .ps-region {
	text-transform: uppercase;
    padding-left: 7px;
}

#ps-selected svg {
	margin-left: 20px;
    width: 28px;
}

/* Dropdown menu */
.dd-menu-wrap {
	position: relative;
	z-index: 1;
}

#dd-menu {
	display: none;
	width: 200px;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    border: 0.5px solid #ededed;
    border-radius: 10px;
    background: #fff;
    transition: all .3s;
    margin: 0;
    padding: 8px;
    position: absolute;
    top: 5px;
}

#dd-menu.open-menu {
	display: block;
}

#dd-menu > li {
	margin: 0;
    display: block;
    position: relative;
    width: 100%;
}

#dd-menu > li:not(:last-of-type) {
    border-bottom: 1px solid #ededed;
}

#dd-menu > li > a {
	position: relative;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: auto;
    line-height: 1.5;
    padding: 10px 20px;
    text-decoration: none;
    outline: 0;
    color: #212121;
    letter-spacing: 0.7px;
	z-index: 9;
}

#dd-menu .sub-menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: 0 0;
    width: 50px;
    height: 47px;
}

#dd-menu .sub-menu-toggle:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(270deg);
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6.5 6L11.5 1' stroke='%23181818' stroke-width='1.5'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image .2s, transform .2s 0s;
    background-size: 13px 8px;
    width: 50px;
    height: 47px;
}

#dd-menu li.open>.sub-menu-toggle:after {
    transform: rotate(360deg);
}

#dd-menu li.open>.sub-menu-wrap {
    max-height: 500px;
}

#dd-menu .sub-menu-wrap {
	height: auto !important;
    max-height: 0;
    transition: max-height .2s ease-in-out;
    overflow: hidden;
}

#dd-menu .sub-menu-wrap ul {
	margin: 0;
	opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
	margin-bottom: 5px;
}

#dd-menu .sub-menu-wrap li {
    margin: 0;
    display: block;
    position: relative;
    width: 100%;
}

#dd-menu .sub-menu-wrap a {
    font-size: 17px;
    line-height: 1.3;
    display: block;
    color: #121212;
	padding: 8px 30px;
    outline: 0;
    height: auto;
    text-decoration: none;
    transition: all .15s ease-in-out;
	text-transform: uppercase;
}

#dd-menu .sub-menu-wrap a:hover {
    background: #ededed;
    border-radius: 5px;
}

#dd-menu .dd-item-active {
	font-weight: 600;
}

#dd-menu .social {
	display: none;
}
/*
#ps__map .ps__map-region {
	cursor: pointer;
}
*/
#ps__map .st2 {
    fill: #8d6feb;
}

#ps__map .st3 {
    fill: #46c7a6;
}

#ps__map .st5 {
    font-size: 36px;
}


@media (max-width: 1024px) {
	#plug-save .ps-title {
		font-size: 42px;
	    margin-bottom: 10px;
	}
	#plug-save .ps-desc {
		font-size: 20px;
	}
	#ps-selected {
		font-size: 20px;
		margin-bottom: 0;
	}
	#ps-selected svg {
		margin-left: 10px;
		width: 22px;
	}
	#ps-selected .ps-country {
		padding-left: 6px;
	}
	#ps-selected .ps-region {
		padding-left: 5px;
	}
	#dd-menu > li > a {
		font-size: 18px;
		padding: 8px 18px;
	}
	#dd-menu .sub-menu-wrap a {
		font-size: 18px;
		padding: 8px 26px;
	}
	#ps-savings {
		font-size: 42px;
	}
}

@media (max-width: 768px) {
	#plug-save {
		margin-top: 0;
		padding: 35px 35px;
	}
	#plug-save > div {
		flex-direction: column;
	}
	#plug-save .ps-col-img {
    	width: 65px;
		margin-bottom: 7px;
	}
	#plug-save .ps-col-txt {
		width: 100%;
		padding: 0;
	}
	#plug-save .ps-title {
		font-size: 32px;
	    margin-bottom: 10px;
	}
	#plug-save .ps-desc {
		font-size: 16px;
		line-height: 1.4;
	}
	#ps-selected {
		font-size: 16px;
		margin-bottom: 0;
	}
	#ps-selected svg {
		margin-left: 10px;
		width: 22px;
	}
	.plug-save-title h2 {
		font-size: 40px;
	}
	#ps-selected .ps-country {
		padding-left: 6px;
	}
	#ps-selected .ps-region {
		padding-left: 5px;
	}
	#dd-menu > li > a {
		font-size: 16px;
		padding: 8px 18px;
	}
	#dd-menu .sub-menu-wrap a {
		font-size: 16px;
		padding: 8px 26px;
	}
	#ps-savings {
		font-size: 32px;
		padding: 30px 35px;
	}
}

@media (max-width: 468px) {
	.plug-save-title h2 {
		font-size: 30px;
	}
}

/*--------------------------------------------------------------
# How we contribute - wcm
--------------------------------------------------------------*/
.fl-embed-video iframe {
	display: block;
}

.fl-embed-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
	overflow: hidden;
}

.fl-embed-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fl-embed-video .fluid-width-video-wrapper {
	position: static;
}

/*--------------------------------------------------------------
## Single Case - wcm
--------------------------------------------------------------*/
.single-cases .hero { 
	background: #ededed;
	padding-right: 0;
}

.single-cases .hero > div { 
    min-height: 350px;
}

.single-cases .hero h1 {
	font-family: 'Avenir Next Bold';
	color: #58c7fc;
	margin-top: 10px;
}

.single-cases .hero__txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.single-cases .hero__txt i {
	color: #3c3c3c;
}

.single-cases .hero__txt {
	padding-left: calc(50vw - 640px);
}

.single-cases .hero__wrap {
    margin-left: 20px;
    margin-right: 20px;
}

.single-cases .hero__desc {
	margin-top: 10px;
	margin-bottom: 0;
}

.single-cases .hero__img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 8px 0 0 8px;
}

.single-cases .hero__subheading {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
}

@media (max-width: 768px) {
	.single-cases .hero { 
		margin: 0;
		padding-bottom: 0;
	}
	.single-cases .hero__img{
		padding: 0;
	}
	.single-cases .hero__img img {
		border-radius: 0;
	}
	.single-cases .hero__desc {
		margin-bottom: 30px;
	}
}

/*--------------------------------------------------------------
## Footer -wcm
--------------------------------------------------------------*/
.footer {
	background: #ededed;
	display: block;
    width: 100%;
	list-style: none;
}

.footer .row:first-of-type {
    padding-top: 100px;
    padding-bottom: 50px;
}

.footer,
.footer a {
	color: #3c3c3c;
}

.footer a:hover {                            
	color: #3c3c3c;
}

/* Logo */
.footer-logo {
	display: block;
	margin-bottom: 40px;
}

.footer-logo img {
	width: 200px;
	height: auto;
}

/* Lang selector */
.footer-lang {
    display: block;
	margin-bottom: 30px;
}

.footer-lang__heading,
.site-nav__footer>ul>li>a,
.site-nav__footer .footer-nav__wrap>li>a{
	font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.footer-lang__current {
	font-weight: bold;
}

.footer-lang__current,
.footer-lang .lang-item {
    margin-bottom: 8px;
}

.footer-lang .lang-switcher .lang-item {
    margin-bottom: 0;
}

.footer-lang__current,
.footer-lang .lang-item a {
	font-size: 15px;
    line-height: 1.6;
}

.footer-lang .lang-item a:hover {
	font-weight: bold;
}

/* Social icons */
.footer .social {
	display: block;
	margin-bottom: 30px;
}

.footer .social ul {
	list-style: none;
    margin: 0;
    display: flex;
}

.footer .social ul>li {
	margin-right: 10px;
}

.footer .social ul>li a {
    background: #3c3c3c;
    padding: 6px 9px 8px;
    border-radius: 7px;
    color: #fff;
    font-size: 16px;
}

.footer .social li.youtube a:before {
	font-family: dashicons;
	content: '\f19b';
	vertical-align: middle;
}

.footer .social li.linkedin a:before {
	font-family: dashicons;
	content: '\f18d';
	vertical-align: middle;
}

.footer .social ul>li a:hover {
    background: #fff;
    color: #3c3c3c;
}

/* Footer nav */
.site-nav__footer {
	display: block;
}

.site-nav__footer ul,
.site-nav__footer li {
	list-style: none;
	margin: 0;
}

.site-nav__footer>ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

/* Footer nav wrap of 1st and 2nd nav */
.site-nav__footer .footer-nav__wrap {
	display: block;
}

.site-nav__footer .menu .social {
	display: none;
}

.site-nav__footer .footer-nav__wrap > li {
	margin-bottom: 40px;
}

.site-nav__footer>ul>li,
.site-nav__footer .footer-nav__wrap {
	width: 25%;
    padding: 0 15px;
}

.site-nav__footer>ul>li li {
    margin-bottom: 8px;
}

.site-nav__footer>ul>li>.sub-menu a,
.site-nav__footer .footer-nav__wrap .sub-menu a{
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 8px;
}

.site-nav__footer>ul>li>.sub-menu a:hover,
.site-nav__footer .footer-nav__wrap .sub-menu a:hover {
	font-weight: bold;
} 

.footer-bottom {
    border-top: 1px solid #e4e4e4;
    padding-bottom: 30px;
    padding-top: 30px;
    font-size: 14px;
    line-height: 1.5;
}

.footer-bottom > div {
	display: flex;
	align-items: center;
}

.footer-bottom__copy {
    margin-right: 3rem;
}

.footer-iso__icons {
    padding-top: 1rem;
    display: flex;
    gap: 1.2rem;
}

.footer-lang__selector_mobile {
	display: none;
}

@media (max-width: 1180px) {
	.footer-logo img {
		width: 170px;
	}
}

@media (max-width: 990px) {
	.footer .row:first-of-type {
		padding-top: 70px;
		padding-bottom: 30px;
	}
	.footer-logo-lang {
		display: block;
	}
	.footer-logo {
		margin-bottom: 30px;
	}
	.footer-lang {
		width: 50%;
		display: block;
	}

	.footer-lang__selector_mobile .lang-switcher .drop [data-toggle="dropdown"] {
		display: flex;
		padding: 3px 30px;
		margin: 0;
		outline: 0;
		font-size: 13px;
		letter-spacing: 1px;
		cursor: pointer;
		text-transform: uppercase;
		color: #212121;
		justify-content: flex-end;
	}
	.footer-lang .lang-switcher .drop .dropdown-menu {
		z-index: 99;
	}
	.site-nav__footer {
		padding: 0;
	}
	.footer>.container>.row:first-child>div:first-of-type {
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.footer-iso__icons {
		padding: 1rem 0 3rem;
	}
	.footer-iso__icons img {
		width: 80px;
		height: auto;
	}
}

@media (max-width: 768px) {
	.footer>.container {
		padding: 0 30px;
	}
	.footer .row:first-of-type {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	.site-nav__footer>ul>li,
	.site-nav__footer .footer-nav__wrap {
		width: 50%;
		margin-bottom: 30px;
	}
	.site-nav__footer .footer-nav__wrap {
		margin-bottom: 0;
	}
	.site-nav__footer .footer-nav__wrap > li {
		margin-bottom: 30px;
	}
	.footer-bottom {
		text-align: center;
	}
	.footer-lang__selector,
	.footer-lang__heading {
		display: none;
	}
	.footer-lang__selector_mobile {
		display: block;
	}
	.footer-logo-lang {
		display: flex;
	}
	.footer-bottom > div {
		flex-direction: column;
	}
	.footer-bottom__copy {
		margin-right: 0;
		margin-bottom: 1.2rem;
	}
}

@media (max-width: 568px) {
	.footer-logo img {
		width: 140px;
	}
	.footer-iso__icons img {
		width: 70px;
		height: auto;
	}
}

/*--------------------------------------------------------------
## Heading over Image - BB Row - wcm
--------------------------------------------------------------*/
.head-img .fl-col-content {
	position: relative;
}

.head-img .fl-col-content > .fl-module-photo {
	position: relative;
}

.head-img .fl-module-photo .fl-module-content {
	margin: 0;
}

.head-img .fl-photo-content {
	display: block;
}

.head-img .fl-photo-content img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
}

.head-img .fl-rich-text,
.head-img .fl-heading,
.head-img .fl-heading a {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.head-img .fl-heading a {
	color: #fff;
	padding: 20px;
}

.head-img .fl-rich-text {
    font-size: 22px;
    line-height: 1.4;
    color: #fff;
    font-family: 'Avenir Next Bold', sans-serif;
    font-weight: 600;
    font-size: 20px;
    z-index: 99;
}

.head-img .fl-rich-text p {
    margin: 0;
    padding: 20px;
}

.head-img .fl-rich-text,
.head-img .active-head-img .fl-heading-text {
	opacity: 0;
}

.head-img .fl-heading-text,
.head-img .active-head-img .fl-rich-text {
	opacity: 1;
}

.head-img .fl-module-rich-text > div,
.head-img .fl-module-heading > div {
	height: 100%;
    width: calc(100% - 40px);
	position: absolute;
	top: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.head-img .fl-module-rich-text > div,
.head-img .fl-module-heading > div {
	z-index: 4;
}

.head-img .active-head-img .fl-rich-text {
	z-index: 9999;
}

.head-img .fl-rich-text,
.head-img .fl-heading-text,
.head-img .fl-module-heading > div a:after {
    transition: all ease-in .25s;
}

.head-img .fl-photo-content > a:after {
    background: linear-gradient(90deg, rgba(60, 60, 60, 0.5) 0.17%, rgba(88, 199, 252, 0.5) 100.17%);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 8px;
}

/* Overrule BB colors */
.head-img .fl-module-heading > div a:hover {
	color: #fff !important;
}

/* To make it easier to edit in active BB */
.fl-builder-edit .head-img .fl-module-heading {
	position: relative;
	top: 20px;
}

.fl-builder-edit .head-img .fl-module-rich-text {
	position: relative;
	top: 120px;
}

.fl-builder-edit .head-img h4.fl-heading a:after {
	content: none;
}

.fl-builder-edit .head-img .fl-rich-text,
.fl-builder-edit .head-img .active-head-img .fl-heading-text {
	opacity: 1;
}

.fl-builder-edit .head-img .fl-rich-text p,
.fl-builder-edit .head-img h4.fl-heading > a {
	color: #333 !important;
}

/*--------------------------------------------------------------
# BB overrules
--------------------------------------------------------------*/
.fl-module-content .fl-number .fl-number-text {
	text-align: left;
}

/* Posts modulen */
/* Gwposts START */
.fl-post-grid-post {
	border: 0;
	background: transparent;
}

.fl-post-grid-post .fl-post-grid-title {
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.3;
}
.fl-post-grid-post .fl-post-grid-image {
	position: relative;
}
.fl-post-grid-post .fl-post-grid-image a::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	opacity: 0.4;
	background-image: linear-gradient(to right top, #58c7fc, #689fcc, #657a99, #565969, #3c3c3c);
}
.fl-post-grid-post .fl-post-grid-image img {
	display: block;
}
.fl-post-grid-post .fl-post-grid-text {
	padding: 0;
}
.fl-post-grid-post .fl-post-grid-title a {
	color: #212121;
}
.fl-post-grid-post .fl-post-grid-title a:hover {
	color: #a258ac;
}
.fl-post-grid-post .fl-post-grid-date {
	font-size: 12px;
}
.read-more-accordion .fl-accordion-item {
	border: 0;
	background: transparent;
}
.read-more-accordion .fl-accordion-button-icon-left {
	color: #212121;
	opacity: 1;
}
.read-more-accordion .fl-accordion-small .fl-accordion-button,
.read-more-accordion .fl-accordion-small .fl-accordion-content {
	padding: 0;
}
.read-more-accordion .fl-accordion-button-label {
	color: #212121;
}
.read-more-accordion .fl-accordion-button-label:hover {
	color: #a258ac;
}

@media (max-width: 768px) {
	.fl-col-small:not(.fl-col-small-full-width),
	.fl-col {
		max-width: 100%; /* default is max-width: 400px */
	}

	.fl-photo-caption-below {
		padding: 20px;
	}
}

/*--------------------------------------------------------------
# Custom Animations
--------------------------------------------------------------*/
.animate-this {
	opacity: 0;
	transform: translateY(40px);
	transition: all 1s ease-in-out 0s;
}
.animate-this.animated {
	opacity: 1;
	transform: translateY(0px);
}
@media(prefers-reduction-motion: reduce) {
	.animate-this {
		transition: none;
	}
}

/*--------------------------------------------------------------
# Secure Privacy
--------------------------------------------------------------*/
/* This has to be on the style.css, rest of the custom css is in Secure Privacy account (Colors and styling) because its an iframe */
/*
#main-cookie-banner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 500px;
}

#main-cookie-banner {
	padding: 0.5rem;
    bottom: 1rem;
}



*/
/*
#ifrmCookieBanner {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	border-radius: 8px !important;
}


*/
#ifrmCookieBanner {
	border-radius: 8px !important;
}

@media (min-width: 969px) {
	#ifrmCookieBanner {
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
}
/*--------------------------------------------------------------
# Adminbar
--------------------------------------------------------------*/
.admin-bar .top {
	top: 32px;
}

#wpadminbar {
	position: fixed !important;
}

@media screen and (max-width: 782px) {
	.admin-bar .top {
		top: 46px;
	}
}