/* Minification failed. Returning unminified contents.
(1055,108): run-time error CSS1046: Expect comma, found '0'
(1055,111): run-time error CSS1046: Expect comma, found ')'
(1056,111): run-time error CSS1046: Expect comma, found '0'
(1056,114): run-time error CSS1046: Expect comma, found ')'
 */
/* Minification failed. Returning unminified contents.
(1049,108): run-time error CSS1046: Expect comma, found '0'
(1049,111): run-time error CSS1046: Expect comma, found ')'
(1050,111): run-time error CSS1046: Expect comma, found '0'
(1050,114): run-time error CSS1046: Expect comma, found ')'
 */
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;800;900&display=swap');*/

/* poppins-regular - latin */
@font-face {
	font-display: block;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('/webfonts/poppins-v21-latin-regular.woff2') format('woff2');
}
/* poppins-500 - latin */
@font-face {
	font-display: block;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('/webfonts/poppins-v21-latin-500.woff2') format('woff2');
}
/* poppins-700 - latin */
@font-face {
	font-display: block;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('/webfonts/poppins-v21-latin-700.woff2') format('woff2');
}
/* poppins-800 - latin */
@font-face {
	font-display: block;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	src: url('/webfonts/poppins-v21-latin-800.woff2') format('woff2');
}
/* poppins-900 - latin */
@font-face {
	font-display: block;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 900;
	src: url('/webfonts/poppins-v21-latin-900.woff2') format('woff2');
}

html, body {height: 100%; line-height: 24px; min-height: 100%; margin: 0; padding: 0; background-color: #F7F7F7; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; font-display: optional;}
body.is--locked {overflow: hidden; z-index: -1;}
body::after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000000;
	transition: all linear 125ms;
	opacity: 0;
	display: none;
	position: fixed;
	content: "";
	z-index: 2;
}
body.opened::after {
	opacity: 0.75;
	display: block;
}
h1, p.heading-1, h2, p.heading-2statistic h3, p.heading-3, h4, p.heading-4, p {margin: 0; padding-bottom: 24px; color: #000000;}
h1.screamer, p.heading-1.screamer, span.heading-1.screamer {padding-bottom: 12px; line-height: 54px; font-size: 48px; font-weight: 900; text-transform: uppercase;}
h2.beamer, p.heading-2.beamer, span.heading-2.beamer {padding-bottom: 48px; line-height: 36px; font-size: 30px; font-weight: 300;}
h2.screamer, p.heading-2.screamer {padding-bottom: 12px; line-height: 54px; font-size: 48px; font-weight: 900;}
h3.beamer, p.heading-3.beamer {padding-bottom: 24px; line-height: 36px; font-size: 30px; font-weight: 300;}
h3.screamer, p.heading-3.screamer {padding-bottom: 0; line-height: 38px; font-size: 32px; font-weight: 900;}
h4.beamer, p.heading-4.beamer {padding-bottom: 24px; line-height: 30px; font-size: 24px; font-weight: 300; color: #000000;}
h1, .heading-1 {line-height: 54px; font-size: 48px; font-weight: 900;}
h2, .heading-2 {line-height: 48px; font-size: 30px; font-weight: 900;}
h2 span, .heading-2 span {margin-right: 10px; display: inline-block;}
h3, .heading-3 {line-height: 28px; font-size: 24px; font-weight: 900;}
h4, .heading-4 {font-size: 24px; font-weight: 800;}
h1.amber, .heading-1.amber,
h2.amber, .heading-2.amber,
h3.amber, .heading-3.amber,
h4.amber, .heading-4.amber,
h5.amber, .heading-5.amber,
h6.amber, .heading-6.amber {color: #FFBF00 !important;}
h1.aqua, .heading-1.aqua,
h2.aqua, .heading-2.aqua,
h3.aqua, .heading-3.aqua,
h4.aqua, .heading-4.aqua,
h5.aqua, .heading-5.aqua,
h6.aqua, .heading-6.aqua {color: #00A0AD !important;}
h1.coral, .heading-1.coral,
h2.coral, .heading-2.coral,
h3.coral, .heading-3.coral,
h4.coral, .heading-4.coral,
h5.coral, .heading-5.coral,
h6.coral, .heading-6.coral {color: #D60F3C !important;}
h5, .heading-5, h6, .heading-6 {font-size: 20px; font-weight: 800;}
p.larger {line-height: 28px; font-size: 20px;}
p.aqua, p.aqua strong {color: #00A0AD !important;}
strong {font-weight: 700;}
a, a:hover {color: #000000;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
p.button, button.button, button[type=submit] {margin-bottom: 24px; padding-bottom: 0; display: inline-block;}
p.button a {display: inline-block;}
p.button a, p.button a span, button.button, button[type=submit] {font-weight: 500; text-decoration: none; color: #000000 !important; overflow: hidden;}
p.button a span, button.button, button[type=submit] {padding: 12px 40px 12px 20px; background-color: #FFBF00; border: 0; border-radius: 24px; display: inline-block; position: relative; transition: all linear 125ms; outline: none;}
p.button a span, button.button, p.button a span::after, button.button::after, button[type=submit]::after {vertical-align: top;}
p.button a span::after, button.button::after, button[type=submit]::after {top: 15px; right: 20px; width: 10px; height: 18px; display: inline-block; background-position: 0px -48px; content: ""; position: absolute; transition: all linear 125ms; opacity: 1;}
p.button a span::before, button.button::before, button[type=submit]::before {top: 15px; left: -20px; width: 10px; height: 18px; display: inline-block; background-position: 0px -48px; content: ""; position: absolute; transition: all linear 125ms; opacity: 0;}
p.button:hover a span::after, button.button:hover::after, button[type=submit]:hover::after {right: -20px; opacity: 0;}
p.button:hover a span::before, button.button:hover::before, button[type=submit]:hover::before {left: 20px; opacity: 1;}
p.button:hover a span, button.button:hover, button[type=submit]:hover {padding: 12px 20px 12px 40px;}
p.button.center {margin: 0 auto; display: table;}
.sfContentBlock ul, .sfContentBlock ul li, .list ul, .list ul li {margin:0; padding: 0;}
.sfContentBlock ul, .list ul {padding-bottom: 24px;}
.sfContentBlock ul li, .list ul li {padding-left: 33px; list-style: none; position: relative;}
.sfContentBlock ul:not(.checkmarks) li:before, .list ul:not(.checkmarks) li:before {top: 3px; left: 0; width: 23px; height: 18px; display: inline-block; background-position: -30px -48px; content: ""; position: absolute;}
.sfContentBlock ul:not(.checkmarks) li.coral:before, .list ul:not(.checkmarks) li.coral:before {background-position: -53px -48px !important;}
ul.two-columns li {width: calc(50% - 16px); margin-right: 16px; float: left; display: inline-block;}

ul.socials {margin-top: 16px; display: flex; flex-direction: column;}
ul.socials li {line-height: 32px; padding-left: 0; font-size: 18px; transition: padding linear 125ms;}
ul.socials li:hover {padding-left: 10px;}

ul.socials li {}
ul.socials li:before, ul.socials li:after {display: none !important; visibility: hidden !important;}

ul.socials li a {display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px;}
ul.socials li a, ul.socials li a:hover {text-decoration: none;}
ul.socials li:not(:last-of-type) a {padding-bottom: 12px;}

ul.socials li a span {width: 41px; height: 32px; background-image: url(../images/socials_sprite.svg); background-repeat: no-repeat; background-size: 164px 64px; display: block; position: relative;}
ul.socials li a span:before {top: 0; right: 0; bottom: 0; left: 0; width: 41px; height: 32px; background-image: url(../images/socials_sprite.svg); background-repeat: no-repeat; background-size: 164px 64px; display: block; /*transition: opacity linear 125ms;*/ opacity: 0; position: absolute; z-index: 1; content: "";}
ul.socials li a:hover span:before {opacity: 1;}

ul.socials li.facebook a span {background-position: -41px 0;}
ul.socials li.instagram a span {background-position: -82px 0;}
ul.socials li.linkedin a span {background-position: -123px 0;}
ul.socials li.x a span {background-position: 0 0;}


ul.socials li.facebook a:hover span:before {background-position: -41px -32px;}
ul.socials li.instagram a:hover span:before {background-position: -82px -32px;}
ul.socials li.linkedin a:hover span:before {background-position: -123px -32px;}
ul.socials li.x a:hover span:before {background-position: 0 -32px;}

.wrapper {width: 100%; min-height: 100%; max-width: 2560px; margin: 0 auto; background-color: #000000;}
.wrapper.is--locked {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: absolute;}

header {
	position: fixed;
	top: 0;
	width: 100%;
	transition: transform 250ms ease-in-out;
	/**/
	z-index: 3;
	right: 0;
	left: 0;
	min-height: 178px;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	/*backdrop-filter: blur(12px);*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
header .inner-wrapper {position: relative; z-index: 4; background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 86%);}
header .logo {top: 29px; left: -205px; position: absolute;}
header .logo a,
header .logo a img {display: block;}
header .logo a img {height: 128px;}
header .logo.animated {top: -28px; left: -30px; position: absolute; z-index: 4;}
header .logo.animated a,
header .logo.animated a img {display: block;}
header .logo.animated a img {height: 240px;}

.hamburger {top: 28px; right: 16px; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; position: absolute; z-index: 2;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #FFFFFF;}
.hamburger.is-active .hamburger-box {background-color: #000000;}
.hamburger-box {width: 48px; height: 48px; display: inline-block; position: relative;}
.hamburger-inner {display: block; top: 50%; margin: -1px 12px 0;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 24px; height: 2px; background-color: #FFFFFF; position: absolute; transition-property: transform; transition-duration: 0.125s; transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before {top: -6px;}
.hamburger-inner::after {bottom: -6px;}
.hamburger--squeeze .hamburger-inner {transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze .hamburger-inner::before {transition: top 0.075s 0.12s ease, opacity 0.075s ease;}
.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze.is-active .hamburger-inner {transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--squeeze.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease;}
.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}

nav {width: 100%;}
nav ul,
nav ul li {margin: 0; padding: 0;}
nav ul li {margin-right: 24px; list-style: none; display: inline-block; float: left;}
nav ul li:last-of-type {margin-right: 0;}
nav ul li a, 
nav ul li a:hover {text-decoration: none;}
nav ul li a,
nav ul li a span {color: #FFFFFF; display: block; transition: color linear 125ms;}

.sitemap {}
.sitemap nav {}
.sitemap nav ul {margin: 0; padding: 0;}
.sitemap nav ul li, 
.sitemap nav ul li ul, 
.sitemap nav ul li ul li {margin: 0; padding: 0; float: none;}
.sitemap nav ul li {display: list-item; list-style: inside;}
.sitemap nav ul li a {color: #FFFFFF !important; display: inline-block;}
.sitemap nav ul li a:hover {text-decoration: underline;}
.sitemap nav ul li ul li {list-style-type: circle; padding: 0 0 0 24px;}
.sitemap nav > ul > li > a {font-weight: bold;}

.dimming {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; position: absolute; -webkit-mask-image: url(/Images/circle.svg); -webkit-mask-size: 8192px 8192px; -webkit-mask-position: bottom center; -webkit-mask-repeat: no-repeat; mask-image: url(/Images/circle.svg); mask-size: 8192px 8192px; mask-position: bottom center; mask-repeat: no-repeat; display: none; content: ""; z-index: 3;}
.dimming {background: -moz-linear-gradient(top, rgba(0,46,49,0.7) 0%, rgba(0,46,49,0) 100%); background: -webkit-linear-gradient(top, rgba(0,46,49,0.7) 0%,rgba(0,46,49,0) 100%); background: linear-gradient(to bottom, rgba(0,46,49,0.7) 0%,rgba(0,46,49,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3002e31', endColorstr='#00002e31',GradientType=0 );}

nav.primary ul {margin: 5px 0 0 0; float: right;}
nav.primary ul li {}
nav.primary > ul > li > a, nav.primary > ul > li > a > span {display: block;}
nav.primary > ul > li > a > span {line-height: 32px; padding: 0 0 30px 0; font-size: 24px; font-weight: 300; text-transform: uppercase; position: relative;}
nav.primary > ul > li:hover > a > span {color: #00A0AD;}
nav.primary > ul > li.has-children > a > span::after {top: 38px; left: 50%; width: 10px; height: 18px; display: inline-block; background-position: -20px -48px; display: block; content: ""; position: absolute; transform: translateX(-50%) rotate(90deg); opacity: 0.3;}
nav.primary ul li .dropdown {top: 129px; left: 0; width: 100%; visibility: hidden; opacity: 0; transition: all linear 250ms; position: absolute; z-index: -100;}
nav.primary ul li.opened .dropdown {top: 139px; visibility: visible; opacity: 1; z-index: 1;}
nav.primary ul li .dropdown .placeholder {margin-top: 40px; background-color: #000000;}
nav.primary ul li .dropdown .placeholder * {color: #FFFFFF;}
nav.primary ul li .dropdown .placeholder .padding.top {padding-top: 24px;}
nav.primary ul li .dropdown .placeholder .padding.right {padding-right: 20px;}
nav.primary ul li .dropdown .placeholder .padding.bottom {padding-bottom: 24px;}
nav.primary ul li .dropdown .placeholder .padding.left {padding-left: 20px;}
nav.primary ul li .dropdown .placeholder p.heading-2 {font-weight: 700;}
nav.primary ul li .dropdown .placeholder ul li {}
nav.primary ul li .dropdown .placeholder ul li:last-of-type {display: none; visibility: hidden;}
nav.primary ul li .dropdown .placeholder ul li a > span {line-height: 44px; padding-bottom: 10px; font-size: 20px; text-transform: none;}
nav.primary ul li .dropdown .placeholder ul li a span, 
nav.primary ul li .dropdown .placeholder ul li a span span.icon {display: inline-block; vertical-align: top;}
nav.primary ul li .dropdown .placeholder ul li a span span.icon {margin-right: 16px; transition: all linear 125ms;}
nav.primary ul li .dropdown .placeholder ul li a span span.icon img {width: auto; height: 44px; display: inline-block;}
nav.primary ul li .dropdown .placeholder ul li:hover a span span.icon {margin-right: 26px;}
nav.primary ul li .dropdown .placeholder ul {margin: 0; padding: 0; float: none;}
nav.primary ul li .dropdown .placeholder ul li {width: 50%; margin: 0; padding: 0;}
nav.primary ul li .dropdown .placeholder .card {padding: 24px 20px 0 20px; background-color: #FFBF00; position: relative;}
nav.primary ul li .dropdown .placeholder .card * {color: #000000;}
nav.primary ul li .dropdown .placeholder .card .curve {right: 0; bottom: 0; left: 0;}
nav.primary ul li .dropdown .placeholder .card .curve {top: 0; right: 0; bottom: -28px; left: 0; background-image: url('../images/curve_banner_navigation_right_yellow.svg'); background-position: bottom left; background-repeat: no-repeat; background-size: 269px 28px; transition: all linear 125ms; position: absolute;}
nav.primary ul li .dropdown .placeholder .card .image, 
nav.primary ul li .dropdown .placeholder .card .icon {margin: 0; padding-bottom: 24px;}
nav.primary ul li .dropdown .placeholder .card .icon img {width: auto; height: 96px; margin: 0 auto; display: table;}
nav.primary ul li .dropdown .placeholder .card .body p.title, nav.primary ul li .dropdown .card .body p.sub-title, nav.primary ul li .dropdown .card .body p.text {font-size: 16px;}
nav.primary ul li .dropdown .placeholder .card .body p.title {padding-bottom: 0;}
nav.primary ul li .dropdown .placeholder .card .body p.sub-title {font-weight: 300;}
nav.primary ul li .dropdown .placeholder .card .body p.text {font-weight: 300;}
nav.primary ul li .dropdown .placeholder .card .body p.button a span {line-height: 24px; font-size: 18px; text-transform: none; color: #FFBF00 !important;}
nav.primary ul li .dropdown .placeholder .card .body p.button a span {background-color: #000000;}
nav.primary ul li .dropdown .placeholder .card .body p.button a span::after {background-position: -10px -48px;}
nav.primary ul li .dropdown .placeholder .card .body p.button a span::before {background-position: -10px -48px;}

nav.secondary ul {margin: 15px 0; float: right;}
nav.secondary { margin-top:25px;}
nav.secondary ul li a span {line-height: 32px;}
nav.secondary ul li:hover a span {color: #00A0AD;}
nav.secondary ul li a span[data-number] {position: relative;}
nav.secondary ul li a span[data-number]:after {top: -6px; right: -16px; width: 24px; height: 19px; line-height: 19px; padding-right: 4px; background-image: url('../images/logo-shape-coral.svg'); background-position: center center; background-repeat: no-repeat; background-size: px px; font-size: 10px; font-weight: 700; text-align: center; color: #FFFFFF; content: attr(data-number); position: absolute; -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite;}

/*
.section .inner-wrapper.radial .content-placeholder {position: relative; z-index: 2;}
.section .image-placeholder {top: 0; right: 0; bottom: 0; left: 0; background-color: red; position: absolute; z-index: 1;}
*/

.section:first-of-type .inner-wrapper {}
.section {position: relative; overflow: hidden;} 
.section::before {top: 0; right: 0; bottom: 0; left: 0;}
.section.section-white, .section.section-white.to-grey::before, .section.section-grey.to-white, .section.section-black.to-white, .section.section-white.to-black::before, .googlemaps-placeholder::before {background-color: #FFFFFF;}
.section.section-white.to-grey, .section.section-grey, .section.section-black.to-grey, .section.section-grey.to-white::before, .section.section-grey.to-black::before, .section.section-grey.to-white::before {background-color: #F7F7F7;}
.section.section-grey.to-black, .section.section-black, .section.section-black:not(.radial).to-white::before, .section.section-black.to-grey::before, .section.section-white.to-black {background-color: #000000;}
.section.section-white.to-grey, .section.section-grey::before {background-image: url('/Images/bg_energiszer_alternative.svg'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; background-attachment: fixed;}

.section.section-black.to-black.full-black + .section.section-white.to-black {display: none; visibility: hidden;}
.section.section-black.to-black.full-black + .section.section-white.to-black::before {background-color: #000000 !important;}

.section .inner-wrapper {}

.section .inner-wrapper.radial .image-placeholder { background-position: bottom right 15%; background-repeat: no-repeat; background-size: auto 80%;}
.section .inner-wrapper.radial .image-placeholder.image-0 { background-image: url('/Images/bg_energiszer_0.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-1 { background-image: url('/Images/bg_energiszer_1.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-2 { background-image: url('/Images/bg_energiszer_2.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-3 { background-image: url('/Images/bg_energiszer_3.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-4 { background-image: url('/Images/bg_energiszer_4.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-5 { background-image: url('/Images/bg_energiszer_5.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-6 { background-image: url('/Images/bg_energiszer_6.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-7 { background-image: url('/Images/bg_energiszer_7.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-8 { background-image: url('/Images/bg_energiszer_8.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-9 { background-image: url('/Images/bg_energiszer_9.svg'); }
.section .inner-wrapper.radial .image-placeholder.image-9 { background-size: 723px 700px; }
.section.section-black:first-of-type .inner-wrapper:not(.radial) {padding: 226px 0 0 0 !important;}

.section .inner-wrapper.radial .image-placeholder .content-placeholder {padding: 226px 0 0 /*106px*/ 0; position: relative; z-index: 1;}

/*.section.section-grey .inner-wrapper .image-placeholder {background-image: url('/Images/bg_energiszer.svg'); background-position: center right; background-repeat: no-repeat; background-size: auto 80%;}*/

.section .inner-wrapper.radial {background: rgb(0,46,49); background: -moz-radial-gradient(center, ellipse cover, rgba(0,46,49,1) 0%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 75%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,46,49,1) 0%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 75%); background: radial-gradient(ellipse at center, rgba(0,46,49,1) 0%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e31', endColorstr='#000000',GradientType=1 ); position: relative;}
.section.section-black.to-white .inner-wrapper.radial::after {top: 0; right: 0; bottom: -1px; left: 0; background-image: url('../images/clipping-circle.svg'); background-position: bottom center; background-size: 8192px 8192px; background-repeat: no-repeat; content: ""; display: block; position: absolute; z-index: 0;}
.section .inner-wrapper.radial.energiszer::before {top: 0; right: 0; bottom: 0; left: 0; background-image: url('../images/bg_energiszer_9.svg'); background-position: right 25% center; background-repeat: no-repeat; content: ""; display: block; position: absolute; z-index: 0; overflow:hidden;}
.section.section-black * {color: #FFFFFF;}
.section.section-black h4.aqua, .section.section-black p.heading-4.aqua {color: #00A0AD !important;}
.section .inner-wrapper {position: relative; z-index: 1;}
.section.section-white .inner-wrapper, .section.section-grey .inner-wrapper, .section.section-black .inner-wrapper, footer .footer {box-sizing: content-box; position: relative;}
.section.section-white .inner-wrapper {padding: 80px 0 106px 0;}
.section.section-grey .inner-wrapper {padding: 40px 0 66px 0;}
.section.section-black .inner-wrapper:not(.radial) {padding: 80px 0 106px 0;}
.section.section-black + .section.section-black .inner-wrapper:not(.radial) {padding-top: 0;}
.section .inner-wrapper.radial {padding-bottom: 0 !important;}
.section.section-grey.reference-carousel .inner-wrapper {padding: 40px 0 0 0;}
.section .inner-wrapper.no-padding-bottom {padding-bottom: 0 !important;}

/*.section.section-black.to-white, .section.section-black.to-white .inner-wrapper.radial {min-height: 85vh;}*/

lottie-player {
	position: absolute;
}

.section .inner-wrapper.with-card, .section .inner-wrapper.radial {margin-bottom: 24px !important; padding-bottom: 0 !important;}
.section::before {top: 0; right: 0; bottom: 24px; left: 0;}
.section .inner-wrapper.with-card .card, .section .inner-wrapper.radial .card {margin-bottom: -24px !important; position: relative; z-index: 3;}

footer .footer::before {top: 0; right: 0; bottom: 0; left: 0; background-color: #000000;}
footer .footer {background-color: #FFFFFF;}
footer .footer .inner-wrapper {padding: 80px 0 106px 0;}
footer .footer p, footer .footer a, footer .footer a:hover, .footer ul, .footer ul li {color: #FFFFFF;}
footer .footer a {text-decoration: none;}
footer .footer a:hover {text-decoration: underline;}
footer .footer p.heading-4 {padding: 0; font-size: 16px; text-transform: uppercase;}
footer .footer p.heading-4.with-padding {padding-bottom: 32px;}
footer .footer ul, footer .footer ul li {margin: 0; padding: 0;}
footer .footer ul {padding-bottom: 24px;}
footer .footer ul li {list-style: none;}
footer .footer ul li:before {display: none; visibility: hidden;}
footer .footer ul li a, footer .footer ul li a:hover {color: #FFFFFF;}
footer .footer ul li a {text-decoration: none;}
footer .footer ul li a:hover {text-decoration: underline;}
footer .footer ul.phone li {color: #FFFFFF;}
footer .footer ul.phone li strong {text-decoration: none;}
footer .footer ul.phone li strong:hover {text-decoration: underline;}

ul.phone {margin: 0 0 24px 0; padding: 0;}
ul.phone li {margin: 0; padding: 0 0 0 33px !important; list-style: none; position: relative; color: #000000;}
ul.phone li strong {cursor: pointer; display: inline-block; text-decoration: underline;}
ul.phone li strong:hover {text-decoration: none;}
ul.phone li ul {margin: -32px 0 0 0; padding: 0; position: relative; opacity: 0; z-index: -1; transition: all linear 125ms;}
ul.phone li ul.visible {margin-top: 0; opacity: 1; z-index: 1;}
ul.phone li ul li {margin: 0; padding: 0 !important; list-style: none;}
ul.phone li ul li::before {display: none; visibility: hidden;}
ul.phone li ul li a {}


p.mail, p.social, p.address, p.whatsapp {padding-left: 33px !important; position: relative;}

ul.phone > li::before {background-image: none !important; visibility: visible !important;}
ul.phone li::before, p.mail::before, p.address::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; color: #FFBF00; position: absolute;}

p.whatsapp::before {top: 0; left: 0; font-family: "Font Awesome 5 Brands"; font-weight: 700; color: #FFBF00; position: absolute;}

ul.phone > li::before {top: 0 !important; content: "\f879" !important;}

p.mail::before {content: "\f1d8";}
p.address::before {content: "\f0e0";}
p.whatsapp::before {content: "\f232";}

p.mail a, 
p.whatsapp a {font-weight: bold; display: block;}

.employee-skyscraper .contact-information p.phone, .employee-skyscraper .contact-information ul.phone,
.employee-skyscraper .contact-information p.phone, .employee-skyscraper .contact-information ul.phone li,
.employee-skyscraper .contact-information p.phone, .employee-skyscraper .contact-information ul.phone li::before {
	color: #000000;
}

.employee-skyscraper .contact-information ul.phone li strong {text-decoration: none;}
.employee-skyscraper .contact-information ul.phone li strong:hover {text-decoration: underline;}

footer .footer ul.social {
	margin: 0 0 24px 0;
	padding: 0 0 0 33px;
}
footer .footer ul.social li {margin: 0 10px 0 0; padding: 0; list-style: none; display: inline-block; float: left;}
footer .footer ul.social li:last-of-type {margin-right: 0;}
footer .footer ul.social li a {width: 31px; height: 24px; display: block; position: relative;}
footer .footer ul.social li a::after {top: 0; left: 0; width: 31px; height: 24px; transition: opacity linear 125ms; display: block; opacity: 0; content: ""; position: absolute;}
footer .footer ul.social li.twitter a {background-position: 0 0;}
footer .footer ul.social li.twitter a::after {background-position: 0 -24px;}
footer .footer ul.social li.twitter a:hover::after {opacity: 1;}
footer .footer ul.social li.facebook a {background-position: -31px 0;}
footer .footer ul.social li.facebook a::after {background-position: -31px -24px;}
footer .footer ul.social li.facebook a:hover::after {opacity: 1;}
footer .footer ul.social li.instagram a {background-position: -62px 0;}
footer .footer ul.social li.instagram a::after {background-position: -62px -24px;}
footer .footer ul.social li.instagram a:hover::after {opacity: 1;}
footer .footer ul.social li.linkedin a {background-position: -93px 0;}
footer .footer ul.social li.linkedin a::after {background-position: -93px -24px;}
footer .footer ul.social li.linkedin a:hover::after {opacity: 1;}
footer .footer .payoff {margin: 0 auto; display: table;}
footer .footer .payoff img {height: 24px;}
footer .badges {padding-top: 24px; background-color: #FFFFFF;}
footer .badges .bx-wrapper {margin: 0 auto; box-shadow: none; border: 0; background-color: transparent; display: table;}
footer .badges .badge {margin-bottom: 24px;}
footer .copyright {padding-top: 24px; background-color: #FFFFFF; text-align: center;}
footer .copyright p {font-size: 12px;}
footer .copyright p span, footer .copyright p a {display: inline-block;}
footer .copyright p a {margin-left: 30px;}
footer .copyright p a, footer .copyright p a:hover {text-transform: uppercase; color: #000000;}
footer .copyright p a {text-decoration: none;}
footer .copyright p a:hover {text-decoration: underline;}

.spacer.top:not(.mobile) {padding-top: 80px;}
.spacer.bottom:not(.mobile) {padding-bottom: 106px;}

ol.breadcrumb, 
ol.breadcrumb li {margin: 0; padding: 0;}
ol.breadcrumb {margin-bottom: 48px;}
ol.breadcrumb li {list-style: none; display: inline-block; float: left;}
ol.breadcrumb li:not(:last-of-type):after {margin: 0 8px; font-size: 12px; color: #707070 !important; content: "|"; display: inline-block;}
ol.breadcrumb li a, 
ol.breadcrumb li a:hover, 
ol.breadcrumb li a span {color: #707070 !important;}
ol.breadcrumb li a span, ol.breadcrumb li span {font-size: 12px; text-transform: uppercase;}
ol.breadcrumb li > a > span {font-weight: 400;}
ol.breadcrumb li > span {font-weight: 500; color: #00A0AD !important;}

.section .inner-wrapper.radial ol.breadcrumb,
.section .inner-wrapper.radial .sfContentBlock {position: relative; z-index: 1;}
.section .inner-wrapper.radial .card.large {margin-bottom: -24px;}

form {height: 100%;}
[data-sf-role=form-container] {height: 100%; padding: 48px 80px; background-color: #F7F7F7;}
[data-sf-role=form-container] .sf-fieldWrp {padding-bottom: 24px;}
[data-sf-role=form-container] .sf-fieldWrp:last-of-type {padding-bottom: 0;}
[data-sf-role=form-container] .row .sf_colsIn .sf-fieldWrp {padding-bottom: 24px;}
[data-sf-role=form-container] .sf-fieldWrp label {margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; display: block;}
[data-sf-role=form-container] .sf-fieldWrp input[type=text], [data-sf-role=form-container] .sf-fieldWrp input[type=email] {width: 100%; margin: 0; padding: 0; line-height: 32px; height: 32px; background-color: transparent; border: 0; border-bottom: 1px solid #000000; font-weight: 300; outline: none;}
[data-sf-role=form-container] .sf-fieldWrp input[type=text].input-validation-error, [data-sf-role=form-container] .sf-fieldWrp input[type=email].input-validation-error {background: -moz-linear-gradient(top, rgba(255,0,0,0) 0%, rgba(255,0,0,0.1) 100%); background: -webkit-linear-gradient(top, rgba(255,0,0,0) 0%,rgba(255,0,0,0.1) 100%); background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,0,0,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#1aff0000',GradientType=0 );}
[data-sf-role=form-container] .sf-fieldWrp strong {margin: 0; padding: 0; font-size: 12px; font-weight: normal; text-transform: uppercase; display: block;}
/*
[data-sf-role=form-container] .sf-fieldWrp div {position: relative; display: inline-block; cursor: pointer; width: 100%; height: 48px;}
[data-sf-role=form-container] .sf-fieldWrp div div {position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 48px; padding: 0 20px; line-height: 48px; color: #555; background-color: #fff; border-radius: 0 24px 24px 0; box-shadow: inset 0 0.2rem 0.4rem rgba(0,0,0,.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
[data-sf-role=form-container] .sf-fieldWrp div div:before {height: 48px; line-height: 48px; top: 0; right: 0; bottom: 0; padding: 0 30px 0 20px; background-color: #FFBF00; border-radius: 0 24px 24px 0; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 20px; text-align: center; color: #000000; display: block; content: "\f093"; position: absolute; z-index: 6;}
[data-sf-role=form-container] .sf-fieldWrp div div:after {content: "Selecteer een bestand...";}
[data-sf-role=form-container] .sf-fieldWrp div div input[type=file] {top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; position: absolute; z-index: 7; cursor: pointer;}
*/

input[type=file] {width: 100%; font-weight: 300;}
::-webkit-file-upload-button {margin-right: 20px; padding: 12px 20px; background-color: #00a0ad; border: 0; border-radius: 24px; font-weight: 500; display: inline-block; outline: none; color: #FFFFFF;}

[data-sf-role=form-container] .sf-fieldWrp textarea {width: 100%; height: 160px; line-height: 32px; margin: 0; padding: 0; background-color: transparent; background-image: -moz-linear-gradient(top, transparent, transparent 31px, #000000 0px); background-image: -webkit-linear-gradient(top, transparent, transparent 31px, #000000 0); -webkit-background-size: 100% 31px; background-size: 100% 32px; border: 0; border-bottom: 1px solid #000000; font-weight: 300; outline: none;}
[data-sf-role=form-container] .sf-fieldWrp textarea.input-validation-error {background-image: -moz-linear-gradient(top, transparent, rgba(255,0,0,0.1) 31px, #000000 0px); background-image: -webkit-linear-gradient(top, transparent, rgba(255,0,0,0.1) 31px, #000000 0);}
[data-sf-role=form-container] .sf-fieldWrp input[type=checkbox] + label {font-size: inherit; text-transform: none; display: inline-block;}
[data-sf-role=form-container] .sf-fieldWrp button {margin-bottom: 0;}
[data-sf-role=form-container] .sfContentBlock em {font-size: 12px; font-style: italic;}

[data-sf-role=error-message] {font-size: 12px; font-style: italic; display: none;}

div[role=alert][aria-live=assertive] {padding: 48px; background-color: #f7f7f7;}

form input.ng-touched.ng-invalid {background: #ffd0d0;}

.bx-wrapper {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0px; background: transparent; margin-bottom: 0;}
.bx-wrapper .bx-loading {min-height: 50px; background-image: url(''); background-position: center center; background-repeat: no-repeat; background-color: transparent; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a {width: 48px; height: 4px; margin: 0 8px; padding: 0; border: 0; border-radius: 2px; background-color: #dedede; font-size: 0; text-indent: -9999px; outline: none; transition: all linear 125ms;}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {background-color: #c6c6c6;}

.prev-link, .next-link, .prev-link::after, .next-link::after {width: 31px; height: 24px; display: block; text-indent: -9999px; content: ""; transition: opacity linear 125ms; position: absolute; z-index: 1;}
.prev-link, .next-link {top: 50%; transform: translateY(-50%);}
.prev-link {left: 0; background-position: -155px 0px;}
.next-link {right: 0; background-position: -124px 0px;}
.prev-link::after, .next-link::after, .prev-link a, .next-link a {top: 0; right: 0; bottom: 0; left: 0; display: block; position: absolute;}
.prev-link::after, .next-link::after {opacity: 0; z-index: 1;}
.prev-link a, .next-link a {z-index: 2;}
.prev-link:hover::after, .next-link:hover::after {opacity: 1;}
.prev-link:hover::after {background-position: -155px -24px;}
.next-link:hover::after {background-position: -124px -24px;}

.projects {margin-top: 24px; position: relative;}
.projects .project .image {margin-bottom: 24px;}
.projects .project .body .logo {width: 144px; height: 112px; margin: 0 0 24px 0; padding: 40px 44px 40px 20px; background-image: url('../images/logo-shape-white.svg'); display: block;}
.projects .project .body .logo img {max-width: 100%; width: auto; height: 32px; margin: 0 auto; display: table;}
.projects .project .body p.button {margin-bottom: 0;}
.projects .project .image .logo {bottom: -64px; left: 50%; width: 288px; height: 224px; margin: 0; padding: 64px 36px 64px 20px; background-image: url('../images/logo-shape-white.svg'); display: block; transform: translate(-50%); position: absolute;}
.projects .project .image .logo img {max-width: 100%; width: auto; height: 96px; margin: 0 auto; display: table;}
.projects.reference-slider {margin: 0; z-index: 10;}
.projects.reference-slider .project .image > picture img {padding-bottom: 40px;}

.cards {position: relative;}
.cards .card * {color: #000000 !important;}
.cards .card {margin-bottom: 48px; position: relative;}
.cards .card a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.cards .card .image {padding-bottom: 1px; margin-bottom: 16px; overflow: hidden;}
.cards .card .image .curve {z-index: 1;}
.cards .card .body p {padding: 0; position: relative;}
.cards .card .body p:after {left: 0; bottom: 0; width: 31px; height: 24px; margin-top: 6px; background-position: -124px 0; display: block; content: ""; position: relative;}
.cards .card .body p span {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cards .card .body p span.date {padding-left: 20px; padding-bottom: 6px; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #707070; position: relative; display: inline-block; vertical-align: top;}
.cards .card .body p span.date::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; content: "\f073"; color: #00A0AD; position: absolute;}
.cards .card .body p span.read-time {margin-left: 10px; padding-left: 20px; padding-bottom: 6px; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #707070; position: relative; display: inline-block; vertical-align: top;}
.cards .card .body p span.read-time::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; content: "\f06e"; color: #00A0AD; position: absolute;}
.cards .card .body p span.title {font-weight: 700;}
.cards .card .body p span.sub-title {font-weight: 300;}

.cards .card.with-icon {margin-top: 25px;}
.cards .card.with-icon .icon {top: -25px; right: 16px; width: 64px; height: 50px; padding-right: 8px; background-image: url('../images/logo-shape-aqua.svg'); position: absolute; z-index: 1;}
.cards .card.with-icon .icon img {width: auto; height: 24px; margin: 13px auto 0 auto; display: block;}
.cards .card .icon {top: -25px; right: 0; width: 64px; height: 50px; padding-right: 8px; background-image: url('../images/logo-shape-aqua.svg'); position: absolute; z-index: 1;}
.cards .card .icon img {width: auto; height: 24px; margin: 13px auto 0 auto; display: block;}

.cards .card.double .image .curve {transition: all linear 125ms;}
.cards .card.double.left .image .curve {background-position: bottom -40px left;}
.cards .card.double.left:hover .image .curve {background-position: bottom 0px left;}
.cards .card.double.right .image .curve {background-position: bottom -40px right;}
.cards .card.double.right:hover .image .curve {background-position: bottom 0px right;}

.cards .card.triple .image .curve {transition: all linear 125ms;}
.cards .card.triple.left .image .curve {background-position: bottom -40px left;}
.cards .card.triple.left:hover .image .curve {background-position: bottom 0px left;}
.cards .card.triple.center .image .curve {background-position: bottom -40px center;}
.cards .card.triple.center:hover .image .curve {background-position: bottom 0 center;}
.cards .card.triple.right .image .curve {background-position: bottom -40px right;}
.cards .card.triple.right:hover .image .curve {background-position: bottom 0 right;}

.card.large {margin-bottom: 24px; padding: 20px 20px 30px 20px; position: relative;}
.card.large::before {top: 0; right: 0; bottom: 0; left: 0; background-color: #FFBF00;}
.card.large h1, .card.large p.heading-1, .card.large h2, .card.large p.heading-2, .card.large h3, .card.large p.heading-3, .card.large h4, .card.large p.heading-4, .card.large p,.card.large span {color: #000000 !important;}
.card.large .image,
.card.large .body {padding-bottom: 24px;}
.card.large .body p.title {padding: 0 0 12px 0;}
.card.large .body p.sub-title {padding: 0;}
.card.large .body p.button {margin: 0 auto; display: table;}
.card.large .body p.button a {display: block;}
.card.large .body p.button a span {background-color: #000000; color: #FFBF00 !important; display: block;}
.card.large .body p.button a span::after {background-position: -10px -48px;}
.card.large .body p.button a span::before {background-position: -10px -48px;}

.insta {width: 100%; height: 49%; max-width: 100%; margin: 0 auto; padding: 0; display: table; transform: rotate(5deg); position: relative;}
.insta .progress {top: 64px; right: 24px; left: 24px; height: 2px; position: absolute; z-index: 2;}
.insta .progress > span {margin: 0 2px; height: 2px; background-color: rgba(255,255,255,0.5); display: inline-block; content: ""; vertical-align: top; position: relative;}
.insta .progress > span > span {top: 0; left: 0; width: 0%; height: 2px; background-color: white; display: block; content: ""; position: absolute;}
.insta .progress > span.active > span {width: 0%; /*transition: width linear 5000ms;*/}
.insta .progress > span.seen > span {width: 100%;}
.insta .cover {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.insta .cover {-webkit-mask-image: url(/Images/img_iphone-15-pro-masker.png); -webkit-mask-size: auto 100%; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; mask-image: url(../Images/img_iphone-15-pro-masker.png); mask-size: auto 100%; -webkit-mask-position: center center; mask-repeat: no-repeat;}
.insta .bx-wrapper {background-color: #000000; z-index: 1;}
.insta .insta-feed .item {}
.insta .insta-feed .item img {width: 100%;}
.insta .insta-feed .item .fluid-width-video-wrapper iframe {top: 50%; transform: translateY(-37.5%);}

.employees {position: relative;}

.employee p.phone,
.employee p.mail {padding-left: 26px !important; font-size: 16px; position: relative;}
.employee p.phone::before,
.employee p.mail::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; color: #FFBF00; position: absolute;}
.employee p.phone {}
.employee p.phone::before {content: "\f879";}
.employee p.mail {}
.employee p.mail::before {content: "\f1d8";}

.employee-skyscraper {height: 100%; background-color: #FFBF00;}
.employee-skyscraper .personal-information {height: 100%; padding: 48px 20px; background-color: #000000;}
.employee-skyscraper .personal-information * {color: #FFFFFF;}
.employee-skyscraper .personal-information p.heading-3, .employee-skyscraper .personal-information p.heading-4 {padding-bottom: 0; color: #FFFFFF;}
.employee-skyscraper .image {height: 100%; background-color: #000000;}
.employee-skyscraper .contact-information {height: 100%; padding: 24px 20px 0 20px; background-color: #FFBF00;}
.employee-skyscraper .contact-information p.name {padding-bottom: 0;}
.employee-skyscraper .contact-information p.phone,
.employee-skyscraper .contact-information p.mail {padding-left: 33px !important; position: relative;}
.employee-skyscraper .contact-information p.phone::before,
.employee-skyscraper .contact-information p.mail::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; color: #000000; position: absolute;}
.employee-skyscraper .contact-information p.phone {}
.employee-skyscraper .contact-information p.phone::before {content: "\f879";}
.employee-skyscraper .contact-information p.mail {}
.employee-skyscraper .contact-information p.mail::before {content: "\f1d8";}
.employee-skyscraper .contact-information p a, .employee-skyscraper .contact-information ul li a {text-decoration: none;}
.employee-skyscraper .contact-information p a:hover, .employee-skyscraper .contact-information ul li a:hover {text-decoration: underline;}
.employee-skyscraper .contact-information p a, .employee-skyscraper .contact-information p a:hover {color: #000000;}

.employee-list-item {margin-bottom: 32px; position: relative;}
.employee-list-item a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.employee-list-item .image {margin-bottom: 12px; padding: 0; background-color: #000000;}
.employee-list-item .image .curve {z-index: 1;}
.employee-list-item .body p {position: relative;}
.employee-list-item .body p:after {left: 0; bottom: 0; width: 31px; height: 24px; margin-top: 6px; background-position: -124px 0; display: block; content: ""; position: relative;}
.employee-list-item .body p span {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.employee-list-item .body p span.date {padding-left: 20px; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #707070; position: relative; display: inline-block; vertical-align: top;}
.employee-list-item .body p span.date::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; content: "\f073"; color: #00A0AD; position: absolute;}
.employee-list-item .body p span.read-time {margin-left: 10px; padding-left: 20px; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #707070; position: relative; display: inline-block; vertical-align: top;}
.employee-list-item .body p span.read-time::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; content: "\f06e"; color: #00A0AD; position: absolute;}
.employee-list-item .body p span.title {padding-bottom: 0; font-weight: 700;}
.employee-list-item .body p span.sub-title {font-weight: 300;}

.employee-carousel-item {margin-bottom: 32px; position: relative;}
.employee-carousel-item a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.employee-carousel-item .image {margin-bottom: 12px;}
.employee-carousel-item .image .curve {z-index: 1;}
.employee-carousel-item .body p {padding: 0; position: relative;}
.employee-carousel-item .body p:after {left: 0; bottom: 0; width: 31px; height: 24px; margin-top: 6px; background-position: -124px 0; display: block; content: ""; position: relative;}
.employee-carousel-item .body p span {font-size: 16px; display: block;}
.employee-carousel-item .body p span.title {padding-bottom: 0;}
.employee-carousel-item .body p span.sub-title {font-weight: 300;}

.work-carousel-item {margin-bottom: 32px; position: relative;}
.work-carousel-item a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.work-carousel-item .image .logo {top: 100%; left: 50%; width: 180px; height: 140px; margin: 0; padding: 38px 36px 38px 20px; background-image: url('../images/logo-shape-white.svg'); display: block; transform: translate(-50%, -50%); position: absolute;}
.work-carousel-item .image .logo img {top: 50%; max-width: 100%; width: auto; margin: 0 auto; display: table; position: relative; transform: translateY(-50%);}
.work-carousel-item .body {padding: 16px 0 0 0;}
.work-carousel-item .body.with-logo {padding: 70px 0px 0px 0px !important;}
.work-carousel-item .body p {padding: 0; position: relative;}
.work-carousel-item .body p:not(.without-arrow):after {left: 0; bottom: 0; width: 31px; height: 24px; margin-top: 6px; background-position: -124px 0; display: block; content: ""; position: relative;}
.work-carousel-item .body p span {/*font-size: 16px;*/ display: block;}
.work-carousel-item .body p span.title {font-weight: 700; padding-bottom: 0;}
.work-carousel-item .body p span.sub-title {font-weight: 300;}

ul.slick-dots {margin: 0 auto 24px auto; padding: 0; display: table;}
ul.slick-dots li {line-height: 4px; margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
ul.slick-dots li button {width: 48px; height: 4px; margin: 0 8px; padding: 0; border: 0; border-radius: 2px; background-color: #dedede; font-size: 0; text-indent: -9999px; outline: none; transition: all linear 125ms;}
ul.slick-dots li.slick-active button {background-color: #C6C6C6;}

.references .reference {margin-bottom: 48px;}
.references .reference a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.references .reference .image {margin-bottom: 70px; background-color: #F7F7F7;}
.references .reference .image.without-logo {margin-bottom: 16px;}
.references .reference .image .logo {top: 100%; left: 50%; width: 180px; height: 140px; margin: 0; padding: 38px 36px 38px 20px; background-image: url('../images/logo-shape-white.svg'); display: block; transform: translate(-50%, -50%); position: absolute;}
.references .reference .image .logo img {top: 50%; width: auto; max-height: 64px; margin: auto; display: table; position: relative; transform: translateY(-50%);}
.references .reference .body p {padding: 0; position: relative;}
.references .reference .body p:after {left: 0; bottom: 0; width: 31px; height: 24px; margin-top: 6px; background-position: -124px 0; display: block; content: ""; position: relative;}
.references .reference .body p span {display: block;}
.references .reference .body p span.title {font-weight: 700; padding-bottom: 0;}
.references .reference .body p span.sub-title {font-weight: 300;}

.flip-card {width: 100%; margin-bottom: 16px; padding-top: 100%; background-color: transparent; perspective: 1000px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.flip-card .flip-card-wrapper {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: absolute;}
.flip-card .flip-card-wrapper .flip-card-side {padding: 0; background-color: #002326; transition: background-color linear 125ms;}
.flip-card .flip-card-wrapper .flip-card-side:hover {background-color: #000000;}
.flip-card .flip-card-wrapper .flip-card-side * {color: #FFFFFF;}
.flip-card .flip-card-wrapper .flip-card-side .placeholder {top: 50%; position: relative; transform: translateY(-50%);}
.flip-card .flip-card-wrapper .flip-card-side .placeholder .image {padding-bottom: 12px;}
.flip-card .flip-card-wrapper .flip-card-side .placeholder .image img {width: 72px; height: auto;}
.flip-card .flip-card-wrapper .flip-card-side .placeholder .body {position: relative;}
.flip-card .flip-card-wrapper .flip-card-side .placeholder .body p {padding: 0 5px;}
.flip-card .flip-card-wrapper .flip-card-side .placeholder .body p {height: 48px;}
.flip-card .flip-card-wrapper .flip-card-side .placeholder .body p.title {font-weight: 700;}
.flip-card .flip-card-wrapper .flip-card-side.flip-card-front, 
.flip-card .flip-card-wrapper .flip-card-side.flip-card-back {width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute;}

.flip-card .flip-card-wrapper .flip-card-side.flip-card-front a, 
.flip-card .flip-card-wrapper .flip-card-side.flip-card-back a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}

.flip-card .flip-card-wrapper .flip-card-side.flip-card-front {z-index: 1;}
.flip-card .flip-card-wrapper .flip-card-side.flip-card-back {z-index: -1;}

.flip-card.is-flipped .flip-card-wrapper .flip-card-side.flip-card-front {z-index: -1;}
.flip-card.is-flipped .flip-card-wrapper .flip-card-side.flip-card-back {z-index: 1;}

.flip-card .flip-card-wrapper .flip-card-side.flip-card-front {overflow: hidden;}
.flip-card .flip-card-wrapper .flip-card-side.flip-card-back {transform: rotateY(180deg); overflow: hidden;}
.flip-card.is-flipped .flip-card-wrapper {transform: rotateY(180deg);}
.flip-card .flip-card-wrapper .flip-card-side .shape {width: 100%; padding-top: 78%; margin-top: calc(50% - 9px); background-image: url('/Images/logo-shape-amber.svg'); background-position: center center; background-size: 100% auto; transform: translateY(-50%); position: relative;}
.flip-card .flip-card-wrapper .flip-card-side .shape p.title {width: 100%; top: 50%; left: 0; padding: 0 0 0 30px; font-weight: 700; text-align: left; color: #000000; transform: translateY(-50%); position: absolute;}
.flip-card .flip-card-wrapper .flip-card-side .shape p.title::after {top: 3px; right: 10px; width: 10px; height: 18px; display: inline-block; background-position: 0px -48px; content: ""; position: absolute; transition: all linear 125ms; opacity: 1;}

.image-gallery-image .flip-card .flip-card-wrapper .flip-card-side { background-color: transparent; }

.flip-more-items {width: 100%; padding-top: 100%; background-color: red; position: relative;}
.flip-more-items a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.flip-more-items .icon {top: 50%; width: 128px; height: 100px; background-color: yellow; transform: translateY(-50%); position: absolute; z-index: 1;}

ul.checkmarks {margin: 0; padding: 0 0 24px 0;}
ul.checkmarks li {margin: 0 0 12px 0; padding: 0 0 0 26px; list-style: none; position: relative;}
ul.checkmarks li:last-of-type {margin-bottom: 0;}
ul.checkmarks li::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; content: "\f00c"; color: #00A0AD; position: absolute;}

.statistic {margin: 0 auto; display: table; vertical-align: top;}
.statistic .icon {margin: 0 auto 12px auto; display: table;}
.statistic .icon img {width: 100%; max-width: 48px; height: auto; display: block;}
.statistic p {text-align: center;}
.statistic p.heading-2 {padding-bottom: 0; font-weight: 500;}
.statistic p {font-weight: 400;}

.statistic.horizontal {margin: 0; display: block;}
.statistic.horizontal .icon {margin-right: 20px; display: inline-block; float: left;}
.statistic.horizontal .content {width: calc(100% - 68px); display: inline-block; float: left;}
.statistic.horizontal .content p {text-align: left;}
.statistic.horizontal .content p.heading-3 {padding-top: 10px; padding-bottom: 0; font-weight: 500;}

.counter {margin: 0 8px; display: inline-block; vertical-align: top;}
.counter .number {width: 82px; height: 64px; line-height: 64px; margin: 0 auto 16px auto; padding: 0 10px 0 0; background-image: url('../images/logo-shape-coral.svg'); font-size: 22px; font-weight: 800; text-align: center; color: #FFFFFF; display: table;}
.counter p {text-align: center; font-weight: 700;}

.img-fluid {max-width: 100%; height: auto;}

.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom: 1;}

.image {position: relative;}
.image a:not(.highslide) {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.image a.highslide img {border: 0;}
.image .curve {right: 0; bottom: 0; left: 0; width: 100%; height: 80px; background-image: url('/Images/img_curve_overlay.png'); background-size: auto 80px; background-repeat: no-repeat; position: absolute; z-index: 1;}
.image .curve.right-curve {background-position: bottom -40px right;}
.image .curve.left-curve {background-position: bottom -40px left;}
.image.masked::before {top: 0; right: 0; bottom: 0; left: 0; -webkit-mask-image: url(/Images/logo-shape.svg); -webkit-mask-size: auto 100%; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; mask-image: url(../Images/logo-shape.svg); mask-size: auto 100%; -webkit-mask-position: center center; mask-repeat: no-repeat; background-color: red; display: block; content: ""; position: absolute; z-index: 1;}
.image.with-highslide .curve {transition: all linear 125ms;}
.image.with-highslide:hover .curve.right-curve {background-position: bottom 0 right;}
.image.with-highslide:hover .curve.left-curve {background-position: bottom 0 left;}
.image.with-logo {}
.image.with-logo .logo {top: 100%; left: 50%; width: 200px; height: 156px; margin: 0; background-image: url('../images/logo-shape-white.svg'); display: block; transform: translate(-50%, -100%); position: absolute;}
.image.with-logo .logo img {top: 50%; left: 45%; max-width: 60%; margin: auto; transform: translate(-50%, -55%); position: absolute;}

.quote {}
.quote p.heading-1 {padding-left: 30px; font-weight: 300; position: relative;}
.quote p.heading-1::before {top: 0; left: 0; position: absolute;}
.quote p.heading-1::before, .quote p.heading-1::after {color: #00A0AD; font-weight: 700; content: '"';}
.quote p.heading-1::after {margin-left: 10px;}
.quote p.name {padding: 0 0 0 30px; font-weight: 500;}
.quote p.company {padding-left: 30px;}

.activeCampaignForm { padding: 48px 48px 20px 48px; background-color: #F7F7F7;}
.activeCampaignForm .form {  }
.activeCampaignForm .form form { position:relative; }
.activeCampaignForm .form .form-group {padding-bottom: 24px;}
.activeCampaignForm .form .row.form-group {padding-bottom: 0;}
.activeCampaignForm .form .row.form-group .form-group {padding-bottom: 24px;}
.activeCampaignForm .form .form-group:last-of-type {padding-bottom: 0;}
.activeCampaignForm .form .form-group .ng-scope {position: relative;}
.activeCampaignForm .form .form-group .ng-scope input[type=checkbox] {top: 5px; left: 0; position: absolute;}
.activeCampaignForm .form .form-group .ng-scope label {padding-left: 23px;}
.activeCampaignForm .form .form-group label {margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; display: block;}
.activeCampaignForm .form .form-group input[type=text], 
.activeCampaignForm .form .form-group input[type=email], 
.activeCampaignForm .form .form-group input[type=tel] {width: 100%; margin: 0; padding: 0; line-height: 32px; height: 32px; background-color: transparent; border: 0; border-bottom: 1px solid #000000; outline: none;}
.activeCampaignForm .form .form-group input[type=checkbox] + label {font-size: inherit; text-transform: none; display: inline-block;}
.activeCampaignForm .form .form-group button {margin-bottom: 0;}
.activeCampaignForm .form .overlay { padding: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f7f7f7c9; z-index: 2; color: white; }
.activeCampaignForm .form .overlay p { text-align:center; font-size: 18px; }
.activeCampaignForm .form p.privacy { font-size: 12px; font-style: italic; }
/*.activeCampaignForm .form input.input-validation-error { border-color: #ff6767 !important; background-color: #ffd1d1 !important; }*/
.activeCampaignForm .form input.input-validation-error {background: -moz-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(255,0,0,.1) 100%); background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(255,0,0,.1) 100%); background: linear-gradient(to bottom,rgba(255,0,0,0) 0%,rgba(255,0,0,.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff0000',endColorstr='#1aff0000',GradientType=0);}

.serviceForm {height: unset; padding: 0px 48px 48px 48px;}
.serviceForm .service-form-privacy-statement {padding-bottom: 20px;}
.serviceForm .service-form-checkbox label {text-transform: unset;}
.serviceForm .service-form-checkbox strong {display: none;}

ul.filter {margin: 0; padding: 0 0 24px 0;}
ul.filter li:first-of-type {margin-left: 0;}
ul.filter li {margin: 0 0 0 20px; padding: 0; list-style: none; display: inline-block; float: left;}
ul.filter li > span {font-weight: 700;}
ul.filter li a, ul.filter li a:hover {color: #000000;}
ul.filter li a {text-decoration: none;}
ul.filter li a:hover {text-decoration: underline;}

a.highslide img {border: 0;}

p.button a span::after, p.button a span::before, button::after, button::before, footer ul.social li a, footer ul.social li a::after, .cards .card .body p:after, .prev-link, .next-link, .prev-link::after, .next-link::after, .employees .employee-list-item .body p:after, ul:not(.checkmarks) li:before, nav.primary ul li.has-children a span::after, .flip-card .flip-card-wrapper .flip-card-side .shape p.title::after, .mobile-navigation nav.mobile-primary ul li.has-children span.has-children:after, .references .reference .body p:after, .employee-carousel-item .body p:after, .work-carousel-item .body p:after, a#_cp_b_y::after, a#_cp_b_y::before {background-image: url('../images/sprite.svg'); background-repeat: no-repeat; background-size: 186px 66px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-left: 8px; padding-right: 8px;}
.row {margin-right: -8px; margin-left: -8px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto {padding-right: 8px; padding-left: 8px;}
.align-items-start, .row.top {-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-end, .row.bottom {-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-center, .row.middle {-ms-flex-align:center!important;align-items:center!important}


.maps-placeholder:before, .section::before, footer .footer::before,  .card.large::before, .flip-flapper::before, nav.primary ul li .dropdown::before, nav.primary ul li .dropdown .card:before {-webkit-mask-image: url(/Images/circle.svg); -webkit-mask-size: 8192px 8192px/*15360px 15360px*/; -webkit-mask-position: bottom center; -webkit-mask-repeat: no-repeat; mask-image: url(/Images/circle.svg); mask-size:  8192px 8192px/*15360px 15360px*/; mask-position: bottom center; mask-repeat: no-repeat; display: block; content: "";}
.maps-placeholder:before, .section::before,  footer .footer::before, .card.large::before, .flip-flapper::before {position: absolute; }
.maps-placeholder:before, .section::before, .flip-flapper::before {z-index: 1;}

.mobile-navigation {height: 0px; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.9); -webkit-mask-image: url(/Images/circle.svg); -webkit-mask-size: 8192px 8192px; -webkit-mask-position: bottom center; -webkit-mask-repeat: no-repeat; mask-image: url(/Images/circle.svg); mask-size: 8192px 8192px; mask-position: bottom center; mask-repeat: no-repeat; transition: 0.5s; position: fixed; overflow-x: hidden; z-index: 2;}
.mobile-navigation.is-active {height: calc(100% + 18px);}
.mobile-navigation .inner-wrapper {padding: 120px 16px 50px 16px; background-color: black; -webkit-mask-image: url(/Images/circle.svg); -webkit-mask-size: 8192px 8192px; -webkit-mask-position: bottom center; -webkit-mask-repeat: no-repeat; mask-image: url(/Images/circle.svg); mask-size: 8192px 8192px; mask-position: bottom center; mask-repeat: no-repeat;}
.mobile-navigation nav.mobile-primary {margin: 0 0 24px 0; position: static; float: none; display: block;}
.mobile-navigation nav.mobile-primary ul {}
.mobile-navigation nav.mobile-primary ul li {margin: 0; display: block; float: none; position: relative;}
.mobile-navigation nav.mobile-primary > ul > li:nth-child(5) {margin-bottom: 24px;}
.mobile-navigation nav.mobile-primary > ul > li:nth-child(n+6) > a > span {font-size: 16px; text-transform: none;}
.mobile-navigation nav.mobile-primary ul li a span {line-height: 32px; font-size: 22px; font-weight: 300; text-transform: uppercase;}
.mobile-navigation nav.mobile-primary ul li.has-children span.has-children {top: 0; right: 8px; width: 32px; height: 32px; display: inline-block; position: absolute;}
.mobile-navigation nav.mobile-primary ul li.has-children span.has-children:after {top: 7px; right: 7px; width: 10px; height: 18px; display: inline-block; background-position: -20px -48px; content: ""; position: absolute; transform: translateX(-50%) rotate(90deg); transition: all linear 125ms; opacity: 0.3;}
.mobile-navigation nav.mobile-primary ul li.has-children.expanded span.has-children:after {transform: translateX(-50%) rotate(-90deg);}
.mobile-navigation nav.mobile-primary ul li.has-children a {width: calc(100% - 32px); display: block;}
.mobile-navigation nav.mobile-primary > ul > li.has-children.expanded > a span {color: #00A0AD;}
.mobile-navigation nav.mobile-primary ul ul {display: none;}
.mobile-navigation nav.mobile-primary ul ul li {margin: 3px 0;}
.mobile-navigation nav.mobile-primary ul ul li a {}
.mobile-navigation nav.mobile-primary ul ul li a span, .mobile-navigation nav.mobile-primary ul ul li a span span.icon {vertical-align: bottom;}
.mobile-navigation nav.mobile-primary ul ul li a span {font-size: 16px; text-transform: none; color: #FFFFFF;}
.mobile-navigation nav.mobile-primary ul ul li a span span.icon {margin-right: 10px; display: inline-block;}
.mobile-navigation nav.mobile-primary ul ul li a span span.icon img {height: 32px; width: auto;}
.mobile-navigation p {font-size: 12px; color: #FFFFFF;}
.mobile-navigation p span {position: relative; display: inline-block;}
.mobile-navigation p span a, .mobile-navigation p span a:hover {color: #FFFFFF;}
.mobile-navigation p span a {text-decoration: none;}
.mobile-navigation p span a:hover {text-decoration: underline;}
.mobile-navigation p span.phone {float: left;}
.mobile-navigation p span.mail {float: right;}
.mobile-navigation p span.phone, 
.mobile-navigation p span.mail {padding-left: 26px !important; position: relative;}
.mobile-navigation p span.phone::before,
.mobile-navigation p span.mail::before {top: 0; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 700; color: #FFBF00; position: absolute;}
.mobile-navigation p span.phone::before {content: "\f879";}
.mobile-navigation p span.mail::before {content: "\f1d8";}

.work-carousel.slick-slider {}
.work-carousel.slick-slider .slick-slide {transition: all linear 125ms;}
.work-carousel.slick-slider .slick-slide:not(.slick-center) {z-index: 0; transform: scale(0.8);}
.work-carousel.slick-slider .slick-active.slick-center + .slick-slide + .slick-slide {z-index: 1;}
.work-carousel.slick-slider .slick-active.slick-center + .slick-slide, .work-carousel.slick-slider .slick-center + .slick-cloned {z-index: 2;}
.work-carousel.slick-slider .slick-center {z-index: 3;}
.work-carousel.slick-slider .slick-slide {position: relative; transition: transform 80ms;}

.image-slider-single-wrapper .image-slider-single.slick-slider .slick-dots {margin: 32px auto; padding: 0;}
.image-slider-single-wrapper .slider-controls {margin: 0 auto 32px auto; display: table; float: none;}

.center-slider.slick-slider {margin: 0 0 32px -48px;}
.center-slider.slick-slider .slick-list.draggable {overflow: visible;}
.center-slider.slick-slider .slick-list.draggable .slick-track {}
.center-slider.slick-slider .slick-list .slick-track .slick-slide .inner-slide {padding-left: 48px;}

.perspective-slider {}
.perspective-slider a {transition: all linear 125ms;}
.perspective-slider a span {display: none; visibility: hidden;}
.perspective-slider a:hover {transform: scale(1.1); opacity: 1 !important;}
.perspective-slider a.prev, .perspective-slider a.next {background-image: url(../images/sprite.svg); background-repeat: no-repeat; background-size: 186px 66px; background-color: transparent;}
.perspective-slider a.prev {background-position: -155px 0;}
.perspective-slider a.next {background-position: -124px 0;}

.compare-slider {width: 100%; padding-top: 66.66666666666667%; max-width: 1920px; max-height: 1280px; overflow: hidden; position: relative;}
.compare-slider figure {top: 0; right: 0; bottom: 0; left: 0; background-size: cover; position: relative; font-size: 0; width: 100%; height: 100%; margin: 0; position: absolute;}
.compare-slider figure > img {position: relative; width: 100%;}
.compare-slider figure div {background-size: cover; position: absolute; width: 50%; box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3); overflow: hidden; bottom: 0; height: 100%;}

.double-image-carousel, .double-image-rtl-carousel {mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);}

input[type=range] {-webkit-appearance: none; -moz-appearance: none; position: absolute; bottom: 24px; left: 0; margin: 0 -12px; background-color: #dedede; width: calc(100% + 24px);}
input[type=range]:focus {outline: none;}
input[type=range]:active {outline: none;}
input[type=range]::-moz-range-track {-moz-appearance:none; height:15px; width: 100%; background-color: #dedede; border-radius: 9999px; position: relative; outline: none;}
input[type=range]::active {border: none; outline: none;}
input[type=range]::-webkit-slider-thumb {margin-top: -28px; -webkit-appearance: none; width: 28px; height: 35px; background-image: url('/Images/pin.png'); background-size: 28px 35px; background-repeat: no-repeat; background-color: transparent; border-radius: 0; cursor: pointer; -webkit-filter: unset; filter: unset; box-shadow: none;}
input[type=range]::-moz-range-thumb {margin-top: -28px; -moz-appearance: none; width: 20px; height: 15px; background: transparent; border-radius: 0; -webkit-filter: unset; filter: unset; box-shadow: none;}
input[type=range]:focus::-webkit-slider-thumb {width: 28px; height: 35px; background-image: url('/Images/pin.png'); background-size: 28px 35px; background-repeat: no-repeat; background-color: transparent; -webkit-filter: unset; filter: unset; box-shadow: none;}
input[type=range]:focus::-moz-range-thumb {background: transparent; -webkit-filter: unset; filter: unset; box-shadow: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 5px; background-color: #C6C6C6; border-radius: 9999px;}

.slider-controls {float: right;}
.slider-controls .previous, .slider-controls .next, .slider-controls .previous:hover, .slider-controls .next:hover, .slider-controls .previous:focus, .slider-controls .next:focus, .slider-controls .previous:active, .slider-controls .next:active {outline: none;}
.slider-controls .previous:not(.slick-disabled):hover, .slider-controls .next:not(.slick-disabled):hover {transform: scale(1.1);}
.slider-controls .previous, .slider-controls .next {width: 31px; height: 24px; margin: 0 8px; padding: 0; background-image: url(../images/sprite.svg); background-repeat: no-repeat; background-size: 186px 66px; background-color: transparent; border: 0; transition: all linear 125ms; text-indent: -9999px; display: inline-block; cursor: pointer;}
.slider-controls .previous {background-position: -155px 0;}
.slider-controls .next {background-position: -124px 0;}
.slider-controls .previous.slick-disabled, 
.slider-controls .next.slick-disabled {opacity: 0.2; cursor: not-allowed;}
.slider-progress {display: block; width: 100%; height: 4px; margin: 0 0 32px 0; border-radius: 2px; overflow: hidden; background-color: #dedede; background-image: linear-gradient(to right, #c6c6c6, #c6c6c6); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
.slider-progress .slider-sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

.services + .button {margin-top: 8px !important;}

.cookie-table table.table {width: 100%; display: -ms-inline-flexbox; overflow-x:auto;}
.cookie-table table.table caption {display: none;}
.cookie-table table.table thead {}
.cookie-table table.table thead tr {border-bottom: 1px solid #e5e5e5;}
.cookie-table table.table thead tr th {padding: 12px 10px; color: #00A0AD !important;}
.cookie-table table.table thead tr th strong {color: #00a0ad !important;}
.cookie-table table.table tbody tr {border-bottom: 1px solid #e5e5e5;}
.cookie-table table.table tbody tr:last-of-type {border-bottom: 0px;}
.cookie-table table.table tbody tr:nth-child(odd) {}
.cookie-table table.table tbody tr:nth-child(even) {background-color: rgba(255,255,255,0.2);}
.cookie-table table.table tbody tr td {padding: 10px;}
.cookie-table table.table tbody tr td strong {color: #00426A;}

.cookie-table table.table {border: 1px solid #ccc; border-collapse: collapse; margin: 0 0 24px 0; padding: 0; width: 100%; table-layout: fixed;}
.cookie-table table.table caption {}
.cookie-table table.table tr {border: 1px solid #ddd;}
.cookie-table table.table th, .cookie-table table.table td {text-align: left;}
.cookie-table table.table th {text-transform: uppercase; color: #00a0ad !important;}

#_cp_input_slider:checked + ._cp_slider {background-color: #00a0ad !important;}

#_cp_bg {background-color: rgba(0,0,0,0.2) !important;}

#_cp {top: 50% !important; right: unset !important; bottom: unset !important; left: 50% !important; transform: translate(-50%, -50%); width: 65% !important; max-width: 1280px; background-color: #000000; color: #FFFFFF !important;}
#_cp span.heading-1.screamer {display: block;}
#_cp span.heading-2.beamer {display: block;}
#_cp #_cp_p {margin: 0 40px 0 0; padding: 48px 40px !important; font-size: 16px !important; text-align: left !important; width: calc(100% - 300px); float: left;}
#_cp #_cp_p:before, #_cp #_cp_p:after {content: ""; display: table;}
#_cp #_cp_p:after {clear: both;}
#_cp #_cp_p {zoom: 1;}
#_cp img#_cp_i {float: right;}
#_cp img#_cp_i:before, #_cp #_cp_p img#_cp_i:after {content: ""; display: table;}
#_cp img#_cp_i:after {clear: both;}
#_cp img#_cp_i {zoom: 1;}
#_cp #_cp_p #_cp_q {}
#_cp #_cp_p #_cp_q strong {margin: 0 0 24px 0 !important; font-size: 20px; text-transform: uppercase; display: inline-block;}
#_cp #_cp_p #_cp_q a, #_cp #_cp_p #_cp_q a:hover {color: #FFFFFF !important;}

#_cp_d_b_g {}
#_cp_d_b_g:before, #_cp_d_b_g:after {content: ""; display: table;}
#_cp_d_b_g:after {clear: both;}
#_cp_d_b_g {zoom: 1;}

a#_cp_b_y {margin: 32px 20px 0 0 !important; padding: 12px 40px 12px 20px !important; background-color: #FFBF00 !important; border: 0; border-radius: 24px; display: inline-block !important; position: relative; transition: all linear 125ms; outline: none;}
a#_cp_b_y {font-weight: 500; text-decoration: none; color: #000000 !important; overflow: hidden;}
a#_cp_b_y:hover {padding: 12px 20px 12px 40px !important;}

a#_cp_b_y, a#_cp_b_y::after {vertical-align: top;}
a#_cp_b_y::after {top: 15px; right: 20px; width: 10px; height: 18px; display: inline-block; background-position: 0px -48px; content: ""; position: absolute; transition: all linear 125ms; opacity: 1;}
a#_cp_b_y::before {top: 15px; left: -20px; width: 10px; height: 18px; display: inline-block; background-position: 0px -48px; content: ""; position: absolute; transition: all linear 125ms; opacity: 0;}
a#_cp_b_y:hover::after {right: -20px; opacity: 0;}
a#_cp_b_y:hover::before {left: 20px; opacity: 1;}

a#_cp_b_n {line-height: 48px !important; margin: 32px 0 0 0; color: #FFFFFF !important; display: inline-block;}

.center-slider:not(.slick-slider) > div:not(:first-of-type) {display: none; visibility: hidden;}
.center-slider:not(.slick-slider) + .slider-progress {display: none; visibility: hidden;}
.center-slider:not(.slick-slider) + .slider-progress + .slider-controls {display: none; visibility: hidden;}

.image-carousel.footer-carousel:not(.slick-slider) {display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px;}
.section.section-black.to-white.with-video {}
.section.section-black.to-white.with-video .inner-wrapper.radial {min-height: 500px; height: 95svh; padding: 0 !important; margin-bottom:0!important;}
.section.section-black.to-white.with-video .iframe--wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none;overflow: hidden;}
.section.section-black.to-white.with-video .iframe--wrapper:after {top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%; content: "";z-index: 2;position: absolute;}
.section.section-black.to-white.with-video .iframe--wrapper video {opacity:0.4; z-index: 1; max-height: 100vh;}
.section .inner-wrapper.radial .image-placeholder.energiszer { width:100%;height:100%; background-position: bottom -200px right -180px ; background-repeat: no-repeat; background-size: auto 700px;}
.section .inner-wrapper.radial .image-placeholder.energiszer .sfContentBlock {}
.section .inner-wrapper.radial .image-placeholder.energiszer .sfContentBlock h2{padding:0;}
.section .inner-wrapper.radial .image-placeholder.energiszer .content-placeholder {position: absolute;top: 50%;transform: translateY(-50%); padding:0!important; width:100%;}
.sfPageContainer .section.section-black.to-white.with-video .iframe--wrapper{z-index:5; pointer-events:all; height:auto;}
.sfPageContainer .section.section-black.to-white.with-video .iframe--wrapper:after{display:none;}

.card.large.header-banner {padding: 48px; position:relative; margin-top:-130px; z-index:2; margin-bottom:0;}
.wrapper.cta{background-color:white;}
.iframe--wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none;overflow: hidden;}
.iframe--wrapper video{width: 100%;height: 100%;margin: auto;position: absolute;object-fit: cover; aspect-ratio: 16/9;}
 


@media (min-width: 1024px) and (max-width: 1201px ) {
	.section .inner-wrapper.radial .image-placeholder.energiszer .sfContentBlock h1 {font-size:36px;line-height: 36px;}
	.section.section-black.to-white.with-video .inner-wrapper.radial {height: 80svh;}

}

@media (max-width: 1025px) {
	.flip-card .flip-card-wrapper .flip-card-side .image {padding-bottom: 2px !important;}
	.flip-card .flip-card-wrapper .flip-card-side .image img {width: 64px !important;}
	.employee-list-item .body p {padding: 0;}
	.employee-list-item .body p span.title {font-size: 16px;}
	.employee-list-item .body p span.sub-title {font-size: 16px;}
	#_cp {width: 90% !important;}
	#_cp img#_cp_i {float: none; display: none; visibility: hidden;}
	#_cp #_cp_p {width: 100% !important; float: none !important;}
	.section .inner-wrapper.radial .image-placeholder.energiszer .sfContentBlock h1 {font-size:36px;}
	.section .inner-wrapper.radial .image-placeholder.energiszer{background-position: bottom -200px right -185px;background-size: auto 700px;}
	.section .inner-wrapper.radial .image-placeholder.energiszer .sfContentBlock {max-width:75%;}
	.card.large.header-banner {padding: 30px 20px 30px 20px;}
	.card.large.header-banner .body{ padding-bottom: 24px;}

	/*.section .inner-wrapper.radial .image-placeholder.energiszer{ background-position: bottom 10% right -45%; background-size: auto 60%;}*/
}

@media screen and (max-width: 768px) {
	.cookie-table table.table {margin: 0; border: 0;}
	.cookie-table table.table caption {font-size: 1.3em; display: block;}
	.cookie-table table.table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	.cookie-table table.table tbody {box-shadow: none;}
	.cookie-table table.table tr {display: block; margin-bottom: 24px;}
	.cookie-table table.table tr:last-of-type {border-bottom: 1px solid #ddd !important;}
	.cookie-table table.table td {border-bottom: 1px solid #ddd; text-align: left; display: block;}
	.cookie-table table.table td::before {content: attr(data-label); font-weight: bold; color: #00A0AD; text-transform: uppercase; display: block;}
	.cookie-table table.table td:last-child {border-bottom: 0;}
	.section .inner-wrapper.radial .image-placeholder.energiszer .sfContentBlock h1 {font-size:36px; line-height: 36px;}
	.section .inner-wrapper.radial .image-placeholder.energiszer .sfContentBlock {max-width:75%;}
	header .logo { left: 6px !important;}
	.section .inner-wrapper.radial .image-placeholder.energiszer{ background-position: bottom -150px right -150px;background-size: auto 650px;}
	.card.large.header-banner .body{ padding-bottom: 0px;}


}

@media (max-width: 575.98px) {
	h1.screamer, p.heading-1.screamer, #_cp span.heading-1.screamer {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 900; text-transform: uppercase;}
	h2.beamer, p.heading-2.beamer, #_cp span.heading-2.beamer {padding-bottom: 48px; line-height: 30px; font-size: 24px; font-weight: 300;}
	h2.screamer, p.heading-2.screamer {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 900;}
	h3.beamer, p.heading-3.beamer {padding-bottom: 24px; line-height: 30px; font-size: 24px; font-weight: 300;}
	h3.screamer, p.heading-3.screamer {padding-bottom: 0; line-height: 36px; font-size: 30px; font-weight: 900;}
	h4.beamer, p.heading-4.beamer {padding-bottom: 24px; line-height: 30px; font-size: 24px; font-weight: 300;}
	h1, .heading-1 {line-height: 48px; font-size: 30px; font-weight: 900;}
	h2, .heading-2 {line-height: 28px; font-size: 24px; font-weight: 900;}
	h3, .heading-3 {font-size: 20px; font-weight: 900;}
	h4, .heading-4 {font-size: 18px; font-weight: 800;}
	.spacer.bottom {padding-bottom: 48px !important;}
	header {min-height: 104px; z-index: 3;}
	header .logo {top: -8px !important; left: 6px !important; margin: 0 !important; transform: none; position: static;}
	header .logo a img {width: 120px !important; height: 120px !important;}
	.breadcrumb {display: none; visibility: hidden;}
	nav.primary, nav.secondary {display: none; visibility: hidden;}
	.section .inner-wrapper.radial .image-placeholder {background-image: none !important;}
	.section .inner-wrapper {padding-right: 8px !important; padding-left: 8px !important;}
	.section .inner-wrapper.radial {background: rgb(0,46,49); background: -moz-radial-gradient(center, ellipse cover, rgba(0,46,49,1) 0%, rgba(0,46,49,1) 0%, rgba(0,0,0,1) 75%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,46,49,1) 0%,rgba(0,46,49,1) 0%,rgba(0,0,0,1) 75%); background: radial-gradient(ellipse at center, rgba(0,46,49,1) 0%,rgba(0,46,49,1) 0%,rgba(0,0,0,1) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e31', endColorstr='#000000',GradientType=1 );}
	.section:first-of-type .inner-wrapper {padding-top: 0 !important;}
	.section.section-white .inner-wrapper, .section.section-grey .inner-wrapper, .section.section-black .inner-wrapper, footer .footer {padding: 40px 0 52px 0;}
	.section:first-of-type .inner-wrapper.radial .image-placeholder .content-placeholder, .section.section-black:first-of-type .inner-wrapper:not(.radial) {padding-top: 122px !important;}
	.homepage .section:first-of-type .inner-wrapper.radial .image-placeholder .content-placeholder {padding-top: 156px;}
	.section .inner-wrapper.radial .image-placeholder.energiszer .content-placeholder {padding:0!important;}
	.homepage .section:first-of-type .inner-wrapper {padding: 0 !important;}
	.homepage .section:first-of-type .inner-wrapper .image-placeholder {padding: 0 8px !important;}
	.section:first-of-type .inner-wrapper .image-placeholder .content-placeholder .spacer.bottom {padding-bottom: 48px;}
	.projects .project .body .logo {margin: 0 auto 24px auto; display: table;}
	.projects .project .body h3 {text-align: center;}
	.projects .project .body p.button {margin: 0 auto; display: table;}
	.employee-skyscraper .no-gutters>.col, .employee-skyscraper .no-gutters>[class*=col-] {padding-left: 8px; padding-right: 8px;}
	.counter {margin: 0 auto; display: block;}
	.card.large .body {padding-bottom: 0;}
	.card.large .body p.sub-title {padding-bottom: 24px;}
	.card.large .body p.button {float: none;}
	.cards .card.double.left .image .curve, .cards .card.double.right .image .curve {background-position: bottom -40px center;}
	.cards .card.double.left:hover .image .curve, .cards .card.double.right:hover .image .curve {background-position: bottom 0px center;}
	.cards .card.triple.left .image .curve, .cards .card.triple.center .image .curve, .cards .card.triple.right .image .curve {background-position: bottom -40px center;}
	.cards .card.triple.center:hover .image .curve, .cards .card.triple.left:hover .image .curve, .cards .card.triple.right:hover .image .curve {background-position: bottom 0 center;}
	.employee-list-item .body p {padding: 0;}
	.cards .card .body p span.title, .cards .card .body p span.sub-title, .employee-list-item .body p span.title {font-size: 16px;}
	.employee-list-item .body p span.sub-title {font-size: 14px;}
	.image .curve {display: none; visibility: hidden;}
	.insta {max-width: 75% !important;}
	footer .footer {padding-left: 8px; padding-right: 8px;}
	footer .footer .inner-wrapper {padding: 0;}
	footer .footer .payoff {margin: 16px 24px 0 24px; float: none;}
	footer .footer .payoff img {height: auto; width: 100%;}
	footer .footer .footer-column {display: none; visibility: hidden;}
	.form {padding: 24px 16px;}
	[data-sf-role=form-container] {padding: 24px 20px;}
	.googlemaps-placeholder::before {height: 38px !important;}
	#map {height: 510px !important;}
	.spacer.mobile.top {margin-top: 48px;}
	.spacer.mobile.bottom {margin-bottom: 48px;}
	.card.large .image img {max-width: 50%; margin: 0 auto; display: table;}
	.activeCampaignForm {padding: 12px;}
	.flip-flapper.image-gallery .image-gallery-image.large.last .curve, .flip-flapper.image-gallery .image-gallery-image.small.last .curve {display: none; visibility: hidden;}
	#_cp #_cp_p {padding: 24px 20px !important;}
	.card.large.header-banner {padding: 30px 20px 30px 20px;margin-top:-100px;}
	.card.large.header-banner p.sub-title{padding-bottom: 10px;}
	.card.large.header-banner .body{padding-bottom: 0px;}
	.section .inner-wrapper.radial .image-placeholder.energiszer{ background-position: bottom -180px right -200px;background-size: auto 550px;background-image: url(/Images/bg_energiszer_9.svg)!important;}
	.section .inner-wrapper.radial .image-placeholder.energiszer .sfContentBlock {max-width:100%;}
	header .logo { left: -2px!important;}
	.section.section-black.to-white.with-video .iframe--wrapper{top: 0 /*40px*/;left: 0; height: 100%/*50%*/;}
	.section.section-black.to-white.with-video .iframe--wrapper::after{background:linear-gradient(0deg, rgb(0 0 0) 0%, rgba(255, 255, 255, 0) 100%); content:""; position:absolute;bottom:0; height:200px; top:unset;}
	.section.section-black.to-white.with-video .iframe--wrapper::before{background:linear-gradient(180deg, rgb(0 0 0) 0%, rgba(255, 255, 255, 0) 100%); content:""; position:absolute;top:0; width:100%; height:100px;z-index:2;}
	.section.section-black.to-white.with-video .inner-wrapper.radial{background:black;}
}
@media (min-width: 576.02px) {
	.section .inner-wrapper.radial .image-placeholder.energiszer.image-9 {background-size: 723px 700px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.card.large .body p.button, .card.large .body p.button a, .card.large .body p.button a span {display: block; float: none;}
	.card.large .body p.button {margin-top: 24px;}
	header {min-height: 104px;}
	header .logo {top: -8px!important; left: -10px!important; margin: 0!important; transform: none; position: static;}
	.section .inner-wrapper.radial .image-placeholder.energiszer{ background-size: auto 550px}
	header .logo a img {width: 120px !important; height: 120px !important;}
	nav.primary, nav.secondary {display: none; visibility: hidden;}
	.section.section-black.to-white.with-video .inner-wrapper.radial {height: 85svh;}
}


@media (min-width: 576.02px) and (max-width: 768px) {
	.mobile-navigation nav.mobile-primary ul ul li {width: 50%; margin-bottom: 20px; display: inline-block; float: left;}
}
@media (min-width: 320.02px) and (max-width: 576px) {
}
@media (max-width: 320px) {
	#_cp {height: 90% !important; top: 5% !important; bottom: 5% !important; transform: translateX(-50%); overflow-y: auto;}
}
@media (min-width: 767.98px) and (max-width: 1023.98px) {
	html, body {font-size: 14px;}
	h1.screamer, p.heading-1.screamer {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 900; text-transform: uppercase;}
	h2.beamer, p.heading-2.beamer {padding-bottom: 48px; line-height: 30px; font-size: 24px; font-weight: 300;}
	h2.screamer, p.heading-2.screamer {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 900;}
	h3.beamer, p.heading-3.beamer {padding-bottom: 24px; line-height: 30px; font-size: 24px; font-weight: 300;}
	h3.screamer, p.heading-3.screamer {padding-bottom: 0; line-height: 36px; font-size: 30px; font-weight: 900;}
	h4.beamer, p.heading-4.beamer {padding-bottom: 24px; line-height: 30px; font-size: 24px; font-weight: 300;}
	h1, .heading-1 {line-height: 42px; font-size: 24px; font-weight: 900;}
	h2, .heading-2 {font-size: 20px; font-weight: 900;}
	h3, .heading-3 {font-size: 18px; font-weight: 900;}
	h4, .heading-4 {font-size: 16px; font-weight: 800;}
	header {min-height: 104px;}
	header .logo {top: -8px !important; left: -10px !important; margin: 0 !important; transform: none; position: absolute;}
	header .logo a img {width: 120px !important; height: 120px !important;}
	nav.primary, nav.secondary {display: none; visibility: hidden;}
	.section:first-of-type .inner-wrapper {padding-top: 192px !important;}
	.section:first-of-type .inner-wrapper.radial .image-placeholder .content-placeholder {padding-top: 0;}
	.section.section-black.to-white.with-video .inner-wrapper.radial .image-placeholder .content-placeholder {padding:0px;}
	.section.section-white .inner-wrapper, .section.section-grey .inner-wrapper, .section.section-black .inner-wrapper, footer .footer {padding: 40px 0 52px 0;}
	.employee-skyscraper {margin: 0 8px;}
	.card.large .body p.button, .card.large .body p.button a, .card.large .body p.button a span {display: block; float: none;}
	.card.large .body p.button {margin-top: 24px;}
	footer .footer .footer-column {display: none; visibility: hidden;}	
	footer .footer .payoff {margin: 16px auto 0 auto; display: table; float: none;}
	.counter {margin: 0 auto; display: block;}
	.section .inner-wrapper.radial .image-placeholder.energiszer{background-position: bottom -170px right -150px;background-size: auto 600px;}

}
@media (min-width: 767.98px) and (max-width: 1023.98px) and (orientation: portrait) {
	h4, .heading-4 {font-size: 14px; font-weight: 800;}
}
@media (min-width: 1024px) {
	.hamburger {display: none; visibility: hidden;}
	.employee-skyscraper .no-gutters>.col, .employee-skyscraper .no-gutters>[class*=col-] {padding-left: 8px; padding-right: 8px;}
}
@media (min-width: 1024px) and (max-width: 1600px) {
	header {min-height: 157px !important;}
	header .logo {left: -29px !important;}
	nav.primary {margin-left: 204px !important; width: calc(100% - 204px);}
	.section .inner-wrapper.radial .image-placeholder .content-placeholder {padding: 206px 0 0 /*106px*/ 0 !important;}
	.section .inner-wrapper.radial .image-placeholder.energiszer.content-placeholder {padding: 0 !important;}
}


@supports (-webkit-touch-callout: none) and (max-width: 576px) {
	/* CSS specific to iOS devices */
	.section.section-white.to-grey {background-image: none !important;}
	.section.section-grey::before {background-position: center center; background-size: 100% auto; background-attachment: unset;}
}

@supports (-webkit-touch-callout: none) and (min-width: 576.02px) {
	/* CSS specific to iOS devices */
	.section.section-white.to-grey {background-image: none !important;}
	.section.section-grey::before {background-position: top right; background-size: 100% auto; background-attachment: unset;}
}

@supports not (-webkit-touch-callout: none) {
}

.flip-flapper.image-gallery .flip-card {width: 100%; margin-bottom: 16px; background-color: transparent; perspective: 1000px;}
.flip-flapper.image-gallery .image-gallery-image.large {padding-top: calc(56.25% - 16px);}
.flip-flapper.image-gallery .image-gallery-image.large .flip-card {padding-top: 0;}
.flip-flapper.image-gallery .image-gallery-image.small {height: calc(100% / 3 - 16px); padding-top: unset;}
.flip-flapper.image-gallery .image-gallery-image.small .flip-card {}

.flip-flapper.image-gallery .image-gallery-image.large.last .curve,
.flip-flapper.image-gallery .image-gallery-image.small.last .curve {right: 0; bottom: 0; left: 0; width: 100%; height: 80px; background-image: url(/Images/img_curve_overlay.png); background-size: auto 80px; background-repeat: no-repeat; position: absolute; z-index: 1;}

.flip-flapper.image-gallery .image-gallery-image.large.last .curve {background-position: bottom -40px left;}
.flip-flapper.image-gallery .image-gallery-image.small.last .curve {background-position: bottom -40px right;}

.flip-flapper.image-gallery .flip-card .flip-card-wrapper {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: absolute;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side {padding: 0; background-color: transparent; transition: none;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side .image {padding-bottom: 0;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side .image img {width: 72px; height: auto;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side .body {position: relative;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side .body p.title {font-weight: 700;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side.flip-card-front, 
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side.flip-card-back {width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side.flip-card-front a, 
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side.flip-card-back a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side.flip-card-front {overflow: hidden;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side.flip-card-back {transform: rotateY(180deg); overflow: hidden;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side.flip-card-front img, 
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side.flip-card-back img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; object-fit: contain; object-position: center; position: absolute;}
.flip-flapper.image-gallery .flip-card.is-flipped .flip-card-wrapper {transform: rotateY(180deg);}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side .shape {width: 100%; padding-top: 78%; margin-top: calc(50% - 9px); background-image: url('/Images/logo-shape-amber.svg'); background-position: center center; background-size: 100% auto; transform: translateY(-50%); position: relative;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side .shape p.title {top: 50%; right: 0; padding: 0 30px 0 0; font-weight: 700; color: #000000; transform: translateY(-50%); position: absolute;}
.flip-flapper.image-gallery .flip-card .flip-card-wrapper .flip-card-side .shape p.title::after {top: 3px; right: 10px; width: 10px; height: 18px; display: inline-block; background-position: 0px -48px; content: ""; position: absolute; transition: all linear 125ms; opacity: 1;}

.videoWrapper {position: relative; height: 0; overflow: hidden;}
.videoWrapper, .videoWrapper.landscaped {padding-bottom: 56.25%;}
.videoWrapper.portrait {padding-bottom: 177.77% !important;}
.videoWrapper iframe, videoWrapper object, videoWrapper embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.videoWrapper.left.perspective {transform: matrix3d(1,0,0,0.0001,0,1,0,0,0,0,1,0,2,0,0,1); filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.30));}
.videoWrapper.right.perspective {transform: matrix3d(1,0,0,-0.0001,0,1,0,0,0,0,1,0,2,0,0,1); filter: drop-shadow(-5px 5px 10px rgba(0,0,0,0.30));}

@-webkit-keyframes blink {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes bounce {
    0%,10%,100%,20%,50%,80% {-webkit-transform: translateY(0); transform: translateY(0)}
    40% {-webkit-transform: translateY(-5px); transform: translateY(-5px)}
    60% {-webkit-transform: translateY(-5px); transform: translateY(-5px)}
}
@keyframes bounce {
    0%,10%,100%,20%,50%,80% {-webkit-transform: translateY(0); transform: translateY(0)}
    40% {-webkit-transform: translateY(-5px); transform: translateY(-5px)}
    60% {-webkit-transform: translateY(-5px); transform: translateY(-5px)}
}

.googlemaps-placeholder {background-color: #FFFFFF; position: relative; overflow: hidden;}
.googlemaps-placeholder::before {top: 0; right: 0; left: 0; height: 178px; background-color: #FFFFFF; -webkit-mask-image: url(/Images/circle.svg); -webkit-mask-size: 8192px 8192px; -webkit-mask-position: bottom center; -webkit-mask-repeat: no-repeat; mask-image: url(/Images/circle.svg); mask-size: 8192px 8192px; mask-position: bottom center; mask-repeat: no-repeat; display: block; position: absolute; z-index: 2; content: "";}
.googlemaps-placeholder + .section .inner-wrapper.radial .image-placeholder .content-placeholder {padding: 80px 0 106px 0 !important;}
.googlemaps-placeholder #map {z-index: 1; -webkit-mask-image: url(/Images/circle.svg); -webkit-mask-size: 8192px 8192px; -webkit-mask-position: bottom center; -webkit-mask-repeat: no-repeat; mask-image: url(/Images/circle.svg); mask-size: 8192px 8192px; mask-position: bottom center; mask-repeat: no-repeat; display: block; content: ""; top: 0; right: 0; bottom: 0; left: 0;}

#map {width: 100%; height: 720px;}

.gallery {padding-bottom: 9px;}
.gallery .image {margin-bottom: 15px; background-color: #F7F7F7;}

.grecaptcha-badge {z-index: -1 !important;}

/* double-slider */

.double-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100px;
	background-color: #fff;
}

.slider-track {
	display: flex;
	position: absolute;
	white-space: nowrap;
	will-change: transform;
}

	.slider-track img {
		height: 100px;
		margin-right: 20px;
	}

.slider-track-top {
	top: 0;
	animation: scroll-left 10s linear infinite;
}

.slider-track-bottom {
	bottom: 0;
	animation: scroll-right 10s linear infinite;
}

@keyframes scroll-left {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-100%);
	}
}

@keyframes scroll-right {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(100%);
	}
}