/*
███╗░░██╗███████╗████████╗░██████╗░███████╗███╗░░██╗███████╗██████╗░░█████╗░████████╗░█████╗░██████╗░
████╗░██║██╔════╝╚══██╔══╝██╔════╝░██╔════╝████╗░██║██╔════╝██╔══██╗██╔══██╗╚══██╔══╝██╔══██╗██╔══██╗
██╔██╗██║█████╗░░░░░██║░░░██║░░██╗░█████╗░░██╔██╗██║█████╗░░██████╔╝███████║░░░██║░░░██║░░██║██████╔╝
██║╚████║██╔══╝░░░░░██║░░░██║░░╚██╗██╔══╝░░██║╚████║██╔══╝░░██╔══██╗██╔══██║░░░██║░░░██║░░██║██╔══██╗
██║░╚███║███████╗░░░██║░░░╚██████╔╝███████╗██║░╚███║███████╗██║░░██║██║░░██║░░░██║░░░╚█████╔╝██║░░██║
╚═╝░░╚══╝╚══════╝░░░╚═╝░░░░╚═════╝░╚══════╝╚═╝░░╚══╝╚══════╝╚═╝░░╚═╝╚═╝░░╚═╝░░░╚═╝░░░░╚════╝░╚═╝░░╚═╝

██████╗░███████╗██████╗░██╗░░░░░██╗███╗░░██╗░░░
██╔══██╗██╔════╝██╔══██╗██║░░░░░██║████╗░██║░░░
██████╦╝█████╗░░██████╔╝██║░░░░░██║██╔██╗██║░░░
██╔══██╗██╔══╝░░██╔══██╗██║░░░░░██║██║╚████║░░░
██████╦╝███████╗██║░░██║███████╗██║██║░╚███║██╗
╚═════╝░╚══════╝╚═╝░░╚═╝╚══════╝╚═╝╚═╝░░╚══╝╚═╝

Theme Name: HSCALE 2025
Author: Netgenerator GmbH
Author URI: https://www.netgenerator.de/
Description: Individuell für hscale erstelltes Custom Wordpress Theme
Version: 1.0
*/

:root
{
	scroll-behavior: auto;
	--dark-blue: #243646;
	--blue: #00C2FF;
	--green: #97FF67;
}

/* inter-tight-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/inter-tight-v7-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root
{
	--container-width:100%;
}

@media (min-width: 576px) 
{
    :root
    {
    	--container-width:540px;
    }
}

@media (min-width: 768px) 
{
    :root
    {
    	--container-width:720px;
    }
}

@media (min-width: 992px) 
{
    :root
    {
    	--container-width:960px;
    }
}

@media (min-width: 1200px) 
{
    :root
    {
    	--container-width:1140px;
    }
}

@media (min-width: 1400px) 
{
    :root
    {
    	--container-width:1320px;
    }
}

@media (min-width: 1600px) 
{
    :root
    {
    	--container-width:1580px;
    }
}

@media (min-width: 1800px) 
{
    :root
    {
    	--container-width:1760px;
    }
}

@media (min-width:1600px)
{
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl 
	{
        max-width: 1580px;
    }
}

@media (min-width:1800px)
{
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl 
	{
        max-width: 1760px;
    }
}

html
{
	font-size: 10px;
}

body
{
	font-family: 'Inter Tight', sans-serif;
	font-size: 2.5rem;
	color: #fff;
	background: var(--dark-blue);
	overflow-x: hidden;
	max-width: 100%;
	position: relative;
	font-weight:300;
}

body.menu-open
{
	overflow:hidden;
}

.row
{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.row > div
{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.container
{
	padding: 0 1.5rem;
}

.page-header
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding:2rem 0;
	border-bottom:2px solid transparent;
}

@media (min-width:992px)
{
	.page-header
	{
		padding:6rem 0;
	}
}

.page-header .page-logo
{
	display:inline-block;
}

.page-header .page-logo svg
{
	width:20rem;
}

.page-header .page-logo svg .text path
{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.page-header .container
{
	display: flex;
	align-items: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.page-header.scrolled
{
	padding:2rem 0;
	background:var(--dark-blue);
	border-color:#fff;
}

@media (min-width:992px)
{
	.page-header.scrolled
	{
		padding:1rem 0;
	}
}

.hamburger-wrap
{
	margin: 0 0 0 3rem;
	height:2.4rem;
	width:4.5rem;
	height:4.5rem;
	background:var(--dark-blue);
	display:flex;
	align-items:center;
	justify-content:center;
}

@media (min-width:1600px)
{
	.hamburger-wrap
	{
		display:none;
	}
}

.hamburger
{	
	padding:0;
	height:24px;
}

.hamburger-box
{
	height:2.4rem;
	width:3rem;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before
{
	height:.2rem;
	width:3rem;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before
{
	background-color: #fff;
}

.hamburger.is-active:hover, .hamburger:hover, .scrollbar-macosx:hover>.scroll-element .scroll-bar, .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar
{
	opacity:1;
}

#menu-overlay
{
	position: fixed;
	top:10rem;
	left: 0;
	width: 100%;
	height: calc(100vh - 10rem);
	min-height: 100vh;
	background:var(--dark-blue);
	z-index: 99999;
	padding: 1rem 0 10rem 0;
	display: none;
	color: #fff;
}

.menu-top-mobile
{
	font-size:2.1rem;
	line-height:2.6rem;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;	
}

.menu-top-mobile a
{
	text-decoration: none;
	position:relative;
	display:block;
	color:#fff;
}

.menu-top-mobile > li > a
{
	padding:2rem 0;
}

.menu-top-mobile a:hover
{
	text-decoration:none;
	color:var(--light-blue);
}

.menu-top-mobile a span
{
	display:block;
}

.menu-top-mobile li
{
	margin:0;
	padding:0;
	position:relative;
}

.menu-top-mobile > li:after
{
	content:'';
	width:100%;
	height:.1rem;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	position:absolute;
	left:0;
	bottom:0;
}

.menu-top-mobile li:last-child
{
	border:none;
}

.menu-top-mobile li:before
{
	display: none;
}

.menu-top-mobile > li > a:before
{
	position:absolute;
	left:0;
	top:1.4rem;
	font-size:2.2rem;
	line-height:2rem;
	color:rgba(255,255,255,.5);
}

.menu-top-mobile ul {
	display: none;
	padding: 0 0 2rem 0;
	font-size:1.5rem;
	margin-left: 2rem;
}

.menu-top-mobile .sub-menu-open {
	display: block;
}

.menu-top-mobile .menu-item-has-children>span {
	width: 4rem;
	height: 4rem;
	background:var(--dark-blue) url(assets/images/chevron-1.svg) left 5px center no-repeat;
	background-size:2rem 3.3rem;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 1.2rem;
	cursor: pointer;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.menu-top-mobile .sub-menu-open>span {
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	background:var(--dark-blue) url(assets/images/chevron-1.svg) right 5px center no-repeat;
	background-size:2rem 3.3rem;
}

.menu-top-mobile ul ul {
	margin-left: 2rem;
}

.menu-top-mobile li:last-child ul:last-child {
	padding-bottom: 0rem;
}

#menu-overlay .container
{
	height: 100%;
}

#menu-overlay .scrollbar-macosx
{
	height: 100%;
}

.page-header .header-menu
{
	margin:0 0 0 auto;
}

#menu-top
{
	margin:0;
	display: flex;
	font-size:2.1rem;
	line-height:2.6rem;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;	
	align-items:center;
}

@media (min-width:992px)
{
	#menu-top
	{
		font-size:1.6rem;
		line-height:2rem;
	}
}

@media (min-width:1200px)
{
	#menu-top
	{
		font-size:1.8rem;
		line-height:2.3rem;
	}
}

@media (min-width:1400px)
{
	#menu-top
	{
		font-size:2.1rem;
		line-height:2.6rem;
	}
}

#menu-top > li:not(:last-child)
{
	margin-right:3rem;
}

@media (min-width:1200px)
{
	#menu-top > li:not(:last-child)
	{
		margin-right:4.5rem;
	}
}

#menu-top li a
{
	color:#fff;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position:relative;	
	display:block;
	padding:1rem 0;
}

#menu-top li a span
{
	display:block;
}

#menu-top li a:hover,
#menu-top .current-menu-item > a,
#menu-top .sfHover
{
	color:var(--green);
}

.page-header #menu-top .highlight a
{
	padding:0;
}

.page-header #menu-top .highlight a:before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background:var(--green);
}

.page-header #menu-top .highlight a:hover:before,
.page-header.scrolled #menu-top .current-menu-item.highlight a:before,
.page-header #menu-top .current-menu-item.highlight a:before
{
	width:100%;	
}

.page-header #menu-top .highlight a:hover,
.page-header.scrolled #menu-top .highlight a:hover,
.page-header.scrolled #menu-top .current-menu-item.highlight a,
.page-header #menu-top .current-menu-item.highlight a
{
	color:#fff;
	border-color:var(--green);
	color:var(--dark-blue);
}

.page-header #menu-top .highlight a
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position:relative;
	border:2px solid var(--blue);
	text-decoration:none;
	text-transform:uppercase;
	overflow:hidden;
}

.page-header #menu-top .highlight a span
{
	padding:1rem 2.5rem 1rem 2.5rem;
	display:inline-block;
	position:relative;
	z-index:10;
}

@media (min-width:1200px)
{
	.page-header #menu-top .highlight a span
	{
		padding:1rem 3.5rem 1rem 3.5rem;
	}
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

#menu-top ul 
{
	padding:2rem 3rem;
	font-size:1.4rem;
	width:28rem;
	top:calc(100% + .2rem);
	left:-3rem;
}

#menu-top ul 
{
	background:var(--dark-blue);
}

#menu-top ul.sub-menu li a 
{
	line-height: 2rem;
	padding-bottom: 1rem;
	color:#fff;
}

#menu-top ul.sub-menu li a:hover,
#menu-top ul.sub-menu .current-menu-item a,
.page-header.scrolled #menu-top ul.sub-menu li a:hover,
.page-header.scrolled #menu-top ul.sub-menu .current-menu-item a
{
	color:var(--green);
}

#menu-top .current-menu-item ul.sub-menu .current-menu-item a
{
	color:#fff;
}

.page-header.scrolled #menu-top .current-menu-item ul.sub-menu .current-menu-item a
{
	color:#fff;
}

#menu-top .current-menu-item ul.sub-menu .current-menu-item a:hover,
.page-header.scrolled #menu-top .current-menu-item ul.sub-menu .current-menu-item a:hover
{
	color:var(--green);
}

#menu-top ul ul
{
	left:calc(100% + 2rem);
	top:-1rem;
}

/* page content */
.page-content
{
	overflow:hidden;
	padding:14rem 0 8rem 0;
}

@media (min-width:992px)
{
	.page-content
	{
		padding:19rem 0 8rem 0;
	}
}

#index .page-content
{
	padding: 19rem 0 8rem 0;
}

@media (min-width:992px)
{
	#index .page-content
	{
		padding: 24rem 0 8rem 0;
	}
}

.content-block
{
	margin-bottom:5rem;
}

@media (min-width:992px)
{
	.content-block
	{
		margin-bottom:12rem;
	}
}

@media (min-width:992px) and (max-width:1399px)
{
	.content-block .column-1 .heading.heading--size-1 
	{
		hyphens:none;
	}
	
	.content-block .column-2 .heading.heading--size-0 span
	{
		hyphens:none;
	}
}

.content-block:last-child
{
	margin-bottom:0;
}

.block-type-breadcrumbs
{
	margin-bottom:2rem;
}

.breadcrumbs
{
	margin-bottom:0;
	font-size:1.5rem;
	font-weight:700;
	text-transform:uppercase;
	display:flex;
	flex-wrap:wrap;
}

.breadcrumbs .sep
{
	margin:0 1.5rem;
	display:inline-flex;
}

.block-type-1 .container > .row > div:not(:last-child)
{
	margin-bottom:5rem;
}

.block-type-1 .column-1
{
	padding-top:2rem;
}

.block-type-1 picture
{
	display:block;
	width:calc(100% + ((100vw - var(--container-width)) / 2) + 2rem);
	max-width:none;	
	margin-bottom:7rem;
}

@media (min-width:992px)
{
	.block-type-1 picture
	{
		margin-bottom:7rem;
	}
}

.block-type-2 .container > .row > div:not(:last-child)
{
	margin-bottom:5rem;
}

.block-type-2 .column-1
{
	position:relative;
	padding-top:5rem;
	z-index:99;
}

@media (min-width:992px)
{
	.block-type-2 .column-1
	{
		padding-top:10rem;
	}
}

.block-type-2 .column-1 .heading
{
	margin-bottom:1.5rem;
}


.block-type-2 .column-1:before
{
	content:'';
	width:calc(100% + ((100vw - var(--container-width)) / 2) + 10rem);
	height:.5rem;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	position:absolute;
	right:-7rem;
	top:0;
}

@media (min-width:992px)
{
	.block-type-2 .column-2
	{
		padding-top:10rem;
	}
}

.block-type-2 .row--boxes > div
{
	margin-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-2 .row--boxes > div
	{
		margin-bottom:10rem;
	}
}

.block-type-2 .row--boxes > div:last-child
{
	margin-bottom:0;
}

@media (min-width:1200px)
{
	.block-type-2 .row--boxes > div
	{
		margin-bottom:10rem;
	}
}

.block-type-2 .row--boxes .top
{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2rem;
	align-items:center;
}

.block-type-2 .row--boxes .icon
{
	width:8rem;
	height:8rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.block-type-2 .row--boxes .icon img
{
	max-height:100%;
	width:auto;
}

.block-type-2 .row--boxes .title,
.block-type-2 .row--boxes-with-image .title,
.row--boxes-4-in-row .title
{
	text-transform:uppercase;
	color:var(--green);
	font-size:2.4rem;
	line-height:3.4rem;
	font-weight:700;
	margin:0 0 0 auto;
	width:calc(100% - 11rem);
}

.row--boxes-4-in-row .title
{
	width:auto;
	margin:0;
}

.row--boxes-4-in-row
{
	margin:0 -.8rem;
}

.row--boxes-4-in-row > div
{
	padding:0 .8rem;
	margin-bottom:1.6rem;
}

.row--boxes-4-in-row .box
{
	background:rgba(255,255,255,.1);
	text-align:center;
	padding:4.5rem 2rem;
	display:block;
}

.row--boxes-4-in-row.no-bg .box
{
	padding:0;
	background:none;
}

.row--boxes-4-in-row .box .icon
{
	width:16rem;
	height:16rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	max-width:100%;
}

.row--boxes-4-in-row .box .icon img
{
	max-height:100%;
	width:auto;
}

.block-type-2 .row--boxes-with-image > .column
{
	margin-bottom:5rem;
	position:relative;
	z-index:10;
}

.block-type-2 .row--boxes-with-image .title
{
	margin:0 0 2.5rem 0;
	width:auto;
	padding-top:2.5rem;
}

.block-type-2 .row--boxes-with-image 
{
	position:relative;
}

.block-type-2 .row--boxes-with-image picture
{
	margin-top:-10rem;
}

@media (min-width:768px)
{
	.block-type-2 .row--boxes-with-image picture
	{
		position:absolute;
		left:calc(50% - 20rem);
		top:-23rem;
		margin:0;
	}
}

.block-type-3 .column-1
{
    position:relative;
    padding-top:10rem;
}

.block-type-3 .column-1 .heading
{
    margin-bottom:5rem;
}

@media (min-width:992px)
{
	.block-type-3 .column-1 .heading
	{
		margin-bottom:13rem;
	}
}

.block-type-3 .column-1:before
{
    content:'';
    width:calc(100% + ((100vw - var(--container-width)) / 2) + 10rem);
    height:.5rem;
    background: #00C2FF;
    background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
    position:absolute;
    right:-7rem;
    top:0;
}

.block-type-3 .column-2
{
    padding-top:10rem;
}

@media (min-width:768px) and (max-width:991px)
{
	.block-type-3 .sidebar-contact
	{
		display:flex;
		flex-wrap:wrap;
		margin:0 -3rem;
	}

	.block-type-3 .sidebar-contact > div
	{
		padding:0 3rem;
		width:50%;
	}
}

.block-type-3 .sidebar-contact > div:not(:last-child)
{
	margin-bottom:8rem;
}

.block-type-3 .sidebar-contact .top
{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2rem;
	align-items:center;
}

.block-type-3 .sidebar-contact .icon
{
	width:8rem;
	height:8rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.block-type-3 .sidebar-contact .icon img
{
	max-height:100%;
	width:auto;
}

.block-type-3 .title
{
    text-transform:uppercase;
    color:var(--green);
    font-size:2.4rem;
    line-height:3.4rem;
    font-weight:700;
    margin:0 0 0 auto;
    width:calc(100% - 11rem);
}

.block-type-5 .row--post .column-2
{
	padding-top:2rem;
}

.block-type-5 .row--post .date
{
	margin-bottom:1.5rem;
}

.block-type-6 .menu
{
	display:flex;
	flex-wrap:wrap;
	margin:0 -.8rem;
}

.block-type-6 .menu li
{
	padding:0 .8rem;
	cursor:pointer;	
	width:50%;	
}

@media (min-width:992px)
{
	.block-type-6 .menu li
	{	
		width:25%;	
	}
}

.block-type-6 .menu li:before
{
	display:none;
}

.block-type-6 .menu li a
{
	position:relative;
	padding-top:1.5rem;
	display:block;
	text-decoration:none;
	font-size:4.1rem;
	line-height:5.2rem;
	font-weight:700;
	text-transform:uppercase;
	opacity:.5;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}

.block-type-6 .menu a:hover
{
	opacity:1;
}

.block-type-6 .menu li a:before
{
	content:'';
	width:100%;
	height:.5rem;
	top:0;
	left:0;
	position:absolute;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
}

.block-type-7 .tabs-nav
{
	display:flex;
	flex-wrap:wrap;
	margin:0 -1.5rem 10rem -1.5rem;
}

.block-type-7 .tabs-nav li
{
	padding:0 1.5rem;
	cursor:pointer;	
	width:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:.5;
	margin-bottom:3rem;
}

@media (min-width:768px)
{
	.block-type-7 .tabs-nav li
	{
		width:33.3%;
		margin-bottom:0;
	}
}

.block-type-7 .tabs-nav li.active
{
	opacity:1;
}

.block-type-7 .tabs-nav li:before
{
	display:none;
}

.block-type-7 .tabs-nav li div
{
	position:relative;
	padding-top:1.5rem;
}

.block-type-7 .tabs-nav div:before
{
	content:'';
	width:100%;
	height:.5rem;
	top:0;
	left:0;
	position:absolute;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
}

.block-type-7 .tabs-nav li .title
{
	margin-bottom:0;
	display:block;
}

.block-type-7 .tabs-content > div
{
	display:none;
	opacity:0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-moz-transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
}

.block-type-7 .tabs-content > .active
{
	display:block;	
}

.block-type-7 .tabs-content > .active.visible
{
	opacity:1;
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}	

.block-type-7 .tabs-content .section-1
{
	margin-bottom:7rem;
}

@media (min-width:992px)
{
	.block-type-7 .tabs-content .section-2 .column-1
	{
		padding-top:10rem;
	}
}

.block-type-7 .tabs-content .section-2 .column-2
{
	padding-top:10rem;
	position:relative;
}

.block-type-7 .tabs-content .section-2 .column-2:before
{
	content:'';
	width:calc(100% + ((100vw - var(--container-width)) / 2) + 10rem);
	height:.5rem;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	position:absolute;
	left:1.5rem;
	top:0;
}

.block-type-7 .tabs-content .row--stats > div:not(:last-child)
{
	margin-bottom:3rem;
}

@media (min-width:1600px)
{
	.block-type-7 .tabs-content .row--stats > div:not(:last-child)
	{
		margin:0;
	}
}

.block-type-7 .tabs-content .row--stats .number
{
	font-size:9rem;
	line-height:8rem;
	color:var(--green);
	font-weight:700;
	margin-bottom:2rem;
}

@media (min-width:1400px)
{
	.block-type-7 .tabs-content .row--stats .number
	{
		font-size:7rem;
		line-height:6rem;
	}
}

@media (min-width:1600px)
{
	.block-type-7 .tabs-content .row--stats .number
	{
		font-size:9rem;
		line-height:8rem;
	}
}

.block-type-7 .tabs-content .row--stats .text
{
	margin:0;
}

.block-type-8 .row--posts > div
{
	margin-bottom:14rem;
}

.block-type-8 .row--posts .post a
{
	text-decoration:none;
}

.block-type-8 .row--posts .post .thumb
{
	margin-bottom:3rem;
	display:block;
}

.block-type-8 .row--posts .post .date
{
	margin-bottom:1.5rem;
}

.block-type-8 .row--posts .post .heading
{
	margin-bottom:3rem;
}

.block-type-8 .load-more-wrap
{
	text-align:center;
	position:relative;
}

.block-type-8 .loader
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(36, 54, 70, .5) url(assets/images/loader.svg) center center no-repeat;
}

.block-type-9 .column-1
{
	padding-top:2rem;
}

.block-type-9 .person
{
	width: calc((100% - 8rem) / 3);
	margin-bottom: 4rem;
	position:relative;
	padding-bottom:2rem;
}

.block-type-9 .team-person-sizer
{
	width: calc((100% - 8rem) / 3);
	margin: 0;
}

.block-type-10 .team-list > div
{
	margin-bottom:4rem;
}

.block-type-10 .person
{
	position:relative;
	padding-bottom:2rem;
	height:100%;
}

/*
.block-type-10 .person.person--4-in-row
{
	width: 100%;
}

@media (min-width:768px)
{
	.block-type-10 .person.person--4-in-row
	{
		width: calc((100% - 4rem) / 2);
	}
}

@media (min-width:992px)
{
	.block-type-10 .person.person--4-in-row
	{
		width: calc((100% - 8rem) / 3);
	}
}

@media (min-width:1200px)
{
	.block-type-10 .person.person--4-in-row
	{
		width: calc((100% - 12rem) / 4);
	}
}

.block-type-10 .person.person--5-in-row
{
	width: calc((100% - 16rem) / 5);
}

.block-type-10 .team-person-sizer.team-person-sizer--4-in-row
{
	width: 100%;
	margin: 0;
}

@media (min-width:768px)
{
	.block-type-10 .team-person-sizer.team-person-sizer--4-in-row
	{
		width: calc((100% - 4rem) / 2);
	}
}

@media (min-width:992px)
{
	.block-type-10 .team-person-sizer.team-person-sizer--4-in-row
	{
		width: calc((100% - 8rem) / 3);
	}
}

@media (min-width:1200px)
{
	.block-type-10 .team-person-sizer.team-person-sizer--4-in-row
	{
		width: calc((100% - 12rem) / 4);
	}
}

.block-type-10 .team-person-sizer.team-person-sizer--5-in-row
{
	width: calc((100% - 16rem) / 5);
	margin: 0;
}

*/

.gutter-sizer { width: 4rem; }

.block-type-9 .person:after,
.block-type-10 .person:after
{
	content:'';
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	position:absolute;
	bottom:0;
	left:0;
	height:.5rem;
	width:100%;
}

.block-type-9 .person picture,
.block-type-10 .person picture
{
	margin-bottom:2rem;
	display:block;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border:2px solid transparent;
}

.block-type-9 .person:hover picture,
.block-type-10 .person:hover picture
{
	border:2px solid var(--green);
}

.block-type-9 .person picture img,
.block-type-10 .person picture img
{
	width:100%;
}

.block-type-9 .person .content,
.block-type-10 .person .content
{
	display:flex;
	flex-wrap:wrap;
}

.block-type-9 .person .content .text,
.block-type-10 .person .content .text
{
	width:calc(100% - 5rem);
}

.block-type-9 .person .name,
.block-type-10 .person .name
{
	font-size:2.4rem;
	line-height:3.4rem;
	color:var(--green);
	font-weight:700;
	text-transform:uppercase;
	margin:0;
}

.block-type-9 .person .position,
.block-type-10 .person .position
{
	font-size:1.5rem;
	line-height:2.5rem;
	font-weight:700;
	margin:0;
}

.block-type-9 .person .linkedin,
.block-type-10 .person .linkedin
{
	margin-left:auto;
	display:inline-block;
	width:4.2rem;
	height:4.2rem;
	background:url(assets/images/icon-in.svg);
	background-size:4.2rem 4.2rem;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:0;
}

.block-type-9 .person:hover .linkedin,
.block-type-10 .person:hover .linkedin
{
	opacity:1;
}

.block-type-11 .column-1 .heading
{
	margin-bottom:0;
}

.block-type-11 .buttons
{
	margin-bottom:6rem;
}

.block-type-11 .column-2
{
	position:relative;
	padding-bottom:5rem;
}

.block-type-11 .column-2:after
{
	content:'';
	width:calc(100% + ((100vw - var(--container-width)) / 2) + 10rem);
	height:.5rem;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	position:absolute;
	left:1.5rem;
	bottom:0;
}

.block-type-12
{
	position:relative;
}

.block-type-12 .bg
{
	position:absolute;
	top:-13rem;
	height:63rem;
	width:70%;
	right:0;
	background-position:left center;
	background-repeat:no-repeat;
}

@media (min-width:1200px)
{
	.block-type-12 .bg
	{
		width:100%;
		background-position:right center;
	}
}

.block-type-12 .container
{
	position:relative;
	z-index:10;
}

.block-type-12 .heading-wrap
{
    position:relative;
    padding-bottom:3rem;
    margin-bottom:6.5rem;
}

.block-type-12 .heading-wrap .heading
{
	margin-bottom:0;
}

@media (max-width:1200px)
{
	.block-type-12 .heading-wrap .heading
	{
		hyphens: none;
	}
}

.block-type-12 .heading-wrap:before
{
    content:'';
    width:calc(100% + ((100vw - var(--container-width)) / 2) + 10rem);
    height:.5rem;
    background: #00C2FF;
    background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
    position:absolute;
    right:-3rem;
    bottom:0;
}

.block-type-12 .text-block
{
	margin-bottom:7rem;
}

.data-centers-list
{
	font-size:1.5rem;
	line-height:2rem;
	text-transform:uppercase;
	font-weight:700;
	width:22rem;
	margin-bottom:4rem;
}

.data-centers-list li
{
	cursor:pointer;
	padding:1rem 0;
	border-bottom:2px solid rgba(255,255,255,.5);	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color:#fff;
}

.data-centers-list li.active
{
	color:var(--green);
}

.data-centers-list li:first-child
{
	border-top:2px solid rgba(255,255,255,.5);
}

.data-centers-list li:before
{
	display:none !important;
}

.map
{
	margin-bottom:3rem;
	position:relative;
}

.map .marker-holder
{
    position: absolute;
    cursor: pointer;
}

.map .marker-holder.active
{
	z-index:99;
}

.map .marker
{
	width:2rem;
	height:2rem;
	background:var(--blue);
	border-radius:50%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.map .marker:before
{
	content:'';
	border: 1px solid var(--blue);
    height: 2rem;
    width: 2rem;
    position: absolute;
    left: 0;
    top:0;    
    opacity: 1;
    border-radius:50%;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
}

@keyframes pulsate {
    0% {-webkit-transform: scale(1, 1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(2, 2); opacity: 0.0;}
}

.map .marker-holder.active .marker:before
{
	border: 1px solid var(--green);
}

.map .marker-holder.active .marker
{
	background:var(--green);
}

.map .marker-tooltip
{
	width:28rem;
	background:var(--dark-blue);
	border:2px solid #fff;
	left:-6.4rem;
	top:6rem;
	position:absolute;
	text-align:center;
	opacity:0;
	pointer-events:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor:default;
}

@media (min-width:992px)
{
	.map .marker-tooltip
	{
		left:-4.4rem;
	}
}

.map .marker-holder.active .marker-tooltip
{
	pointer-events:all;
	opacity:1;
}

.map .marker-tooltip:before
{
	content:'';
	width:3rem;
	height:3rem;
	background:var(--dark-blue);
	border:2px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
	top:-1.5rem;
	left:5.8rem;
}

@media (min-width:992px)
{
	.map .marker-tooltip:before
	{
		left:3.8rem;
	}
}

.map .marker-tooltip .close
{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	width:2.5rem;
	height:2.5rem;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	z-index:99;
}

.map .marker-tooltip .close svg
{
	width:1.5rem;
}

.map .marker-tooltip picture
{
	position:relative;
	z-index:10;
}

.map .marker-tooltip .content
{
	padding:2.5rem 2rem 2.5rem 2rem;
	position:relative;
	z-index:10;
}

.map .marker-tooltip img
{
	height:10rem;
	object-fit:cover;
	object-position:center center;
}

.map .marker-tooltip .title
{
	font-size:2.2rem;
	line-height:3rem;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:1rem;
}

.map .marker-tooltip .text-block
{
	opacity:.6;
	margin-bottom:3rem;
}

.map .marker-tooltip .text-block p
{
	font-size:1.5rem;
	line-height:2rem;
}

.map .marker-tooltip .tags
{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 3rem 0;
	justify-content:center;
}

.map .marker-tooltip .tags li
{
	padding:0;
	font-size:1.2rem;
	line-height:1.6rem;
	font-weight:500;
	display:inline-block;
	background:rgba(255,255,255,.2);
	padding:.7rem 1.5rem;
	margin:0 .5rem 1rem .5rem;
}

.map .marker-tooltip .tags li:before
{
	display:none;
}

.block-type-13 .column-2
{
	position:relative;
	padding-bottom:7rem;
	text-align:center;
}

.block-type-13 .column-2:before
{
	content:'';
	width:calc(100% + ((100vw - var(--container-width)) / 2) + 10rem);
	height:.5rem;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	position:absolute;
	left:1.5rem;
	bottom:0;
}

@media (min-width:992px)
{
	.block-type-13 .map
	{
		margin:0 5rem 5rem 5rem;
	}
}

@media (min-width:1400px)
{
	.block-type-13 .map
	{
		margin:0 20rem 5rem 20rem;
	}
}

.block-type-14 .row--stats > div:not(:last-child)
{
	margin-bottom:3rem;
}

@media (min-width:1600px)
{
	.block-type-14 .row--stats > div:not(:last-child)
	{
		margin:0;
	}
}

.block-type-14 .row--stats .number
{
	font-size:4.1rem;
	line-height:5.1rem;
	color:var(--green);
	font-weight:700;
	margin-bottom:1rem;
}

@media (min-width:992px)
{
	.block-type-14 .row--stats .number
	{
		font-size:9rem;
		line-height:8rem;
	}
}

.block-type-14 .row--stats .text
{
	margin:0;
}

.block-type-15
{
	position:relative;
	z-index:100;
}

@media (min-width:768px)
{
	.block-type-15
	{
		min-height:123rem;
	}
}

.block-type-15 .column-1,
.block-type-15 .column-2
{
	z-index:10;
	position:relative;
	pointer-events:none;
}

.block-type-15 .container > .row
{
	position:relative;
}

.block-type-15 .column-wide
{	
	display:flex;
	justify-content:center;	
}

@media (min-width:1200px)
{
	.block-type-15 .column-wide
	{
		position:absolute;
	}
}

.block-type-15 .column-2
{
	position:relative;
	padding-bottom:3rem;	
}

@media (min-width:1200px)
{
	.block-type-15 .column-2
	{
		padding-top:48rem;
	}
}

.block-type-15 .column-2:after
{
	content:'';
	width:calc(100% + ((100vw - var(--container-width)) / 2) + 10rem);
	height:.5rem;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	position:absolute;
	left:1.5rem;
	bottom:0;
}

.block-type-15 .row--stats .number
{
	font-size:4.1rem;
	line-height:5.1rem;
	color:var(--green);
	font-weight:700;
	margin-bottom:.5rem;
}

.block-type-15 .row--stats > div
{
	margin-bottom:3rem;
}

.block-type-15 .row--stats .text
{
	margin:0;
}

.block-type-update picture
{
	margin-bottom:4rem;
	display:block;
}

.block-type-footer .column-1
{
	padding-top:5rem;
}

.block-type-footer .column-1 .heading
{
	margin-bottom:0;
}

@media (max-width:767px)
{
	.block-type-footer .column-1 .heading
	{
		font-size:5rem;
		line-height:6rem;
	}
}

@media (min-width:992px)
{
	.block-type-footer .column-1
	{
		padding-top:10rem;
		margin-bottom:0;
	}

	.block-type-footer .column-1 .heading
	{
		margin-bottom:4rem;
	}
}

.block-type-footer .column-2
{
	position:relative;	
}

@media (min-width:992px)
{
	.block-type-footer .column-2
	{
		padding-top:10rem;
	}
}

@media (min-width:992px)
{
	.block-type-footer .column-2:before
	{
		content:'';
		width:calc(100% + ((100vw - var(--container-width)) / 2) + 10rem);
		height:.5rem;
		background: #00C2FF;
		background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
		position:absolute;
		left:1.5rem;
		top:0;
	}
}

.buttons
{
	display:flex;
	flex-wrap:wrap;
}

.buttons .btn
{
	margin:0 3rem 3rem 0;
}

/* END page content */

.page-footer
{
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	padding:8rem 0;
	color:#000;
}

.page-footer .row
{
	align-items:flex-end;
}

.page-footer a:not(.btn)
{
	color:inherit;
	text-decoration:none;
}

.page-footer .column-1 .heading
{
	margin-bottom:1rem;
}

.page-footer .column-1 .text-block
{
	font-weight:700;
}

.page-footer .social
{
	display:flex;
	flex-wrap:wrap;
	margin:0;
}

.page-footer .social li
{
	padding:0;
	margin-right:2.5rem;
}

.page-footer .social ul li:before
{
	display:none !important;
}

.page-footer .social li a
{
	display:block;
	width:4.2rem;
	height:4.2rem;
}

.page-footer .social li .linkedin
{
	background:url(assets/images/icon-linkedin.svg);
	background-size:4.2rem 4.2rem;
}

.page-footer .social li .email
{
	background:url(assets/images/icon-email.svg);
	background-size:4.2rem 4.2rem;
}

.page-footer .social li .phone
{
	background:url(assets/images/icon-phone.svg);
	background-size:4.2rem 4.2rem;
}

.page-footer .row > div:not(:last-child)
{
	margin-bottom:5rem;
}

@media (min-width:768px)
{
	.page-footer .row > div:not(:last-child)
	{
		margin-bottom:0;
	}

	.page-footer .row .column-2
	{
		margin-bottom:0;
	}
}

@media (min-width:992px)
{
	.page-footer .row > div:not(:last-child)
	{
		margin-bottom:0;
	}
}

.page-footer .column-3
{
	display:flex;
	flex-direction:column;	
	font-weight:700;
}

@media (min-width:768px)
{
	.page-footer .column-3
	{
		text-align:right;
		justify-content:flex-end;
		align-items:flex-end;
	}
}

.page-footer .column-3 p
{
	font-size:1.7rem;
	line-height:2.7rem;
}

.page-footer .column-3 > *:last-child
{
	margin-bottom:0;
}

/* MFP Popup */

.mfp-bg
{
	z-index:99999;
}

.mfp-wrap
{
	z-index:999999;
}

.popup
{
  width:calc(var(--container-width) - 3rem);
  max-width: 95%; 
  margin: 5rem auto;
  position: relative;
  z-index: 999999999; 
  background: #fff;
  color:#000;
  padding:10rem 2rem;
}

.popup-close
{
  position: absolute;
  right: 3rem;
  top: 3rem;
  width: 3rem;
  height: 3rem;
  background: url(assets/images/icon-close.svg);
  background-size: 3rem 3rem;
  cursor: pointer;
}

/* END MFP Popup */

/* WPCF7 */

.contact-form label
{
	font-size:2.4rem;
	line-height:3rem;
	font-weight:700;
	color:var(--green);
	margin-bottom:1rem;
	text-transform:uppercase;
	width:100%;
}

.contact-form label > span
{
	margin-bottom:1rem;
	display:block;
}

.contact-form span
{
	display: block;
	position: relative;
}

.contact-form p
{
	margin-bottom: 2.5rem;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea,
.contact-form select
{
	width: 100%;
	border: none;
	background: #fff;
	font-size:2.2rem;
	padding: 1.3rem 2rem;
	min-height:6rem;
}

.contact-form select
{
	font-size:2.2rem;
	padding: 1.3rem 2rem;
	min-height:6rem;
	border:none;
	appearance: none;    
	-webkit-appearance: none; 
	-moz-appearance: none; 
	background-image: url(assets/images/chevron-2.svg); 
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 1.6rem 2.5rem
}
.contact-form textarea
{
	height: 18rem;
	resize: none;
	display: block;
}

.contact-form .wpcf7-submit
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1.5rem;
	line-height:2.2rem;	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	min-height:4.6rem;
	padding:1rem 3.5rem 1rem 3.5rem;
	position:relative;
	border:2px solid var(--blue);
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	overflow:hidden;
	font-weight:700;
	background:none;
}

.contact-form .wpcf7-submit:hover
{
	background:var(--blue);
}

.contact-form span
{
	display: block;
}

.contact-form .terms label,
.contact-form .wpcf7-checkbox label
{
	text-transform:none;
	font-weight:400;
	font-size:1.6rem;
	line-height:2.2rem;
}

.contact-form .terms input,
.contact-form .wpcf7-checkbox input
{
	display: none;
}

.contact-form .terms input + span,
.contact-form .wpcf7-checkbox input + span
{
	font-size: 1.6rem;
	line-height: 2.2rem;
	padding-left: 3rem;
	cursor: pointer;
}

.contact-form .terms input + span:before,
.contact-form .wpcf7-checkbox input + span:before
{
	content:'';
	width: 2rem;
	height: 2rem;
	background: #fff;
	position: absolute;
	left: 0;
	top: .1rem;
	text-align: center;
	line-height: 2.8rem;
	font-size: 1.8rem;
	font-weight: 400;
}

.contact-form .terms input:checked + span:before,
.contact-form .wpcf7-checkbox input:checked + span:before
{
	background:#fff url(assets/images/icon-tick.svg) center center no-repeat;
	background-size:70% 70%;
}

span.wpcf7-list-item
{
	margin: 0;
}

.wpcf7 form .wpcf7-response-output
{
	margin:0;
}

span.wpcf7-not-valid-tip
{
	position: absolute;
	border: 1px solid #f00;
	position: absolute;
	left: 0;
	top: 0;
	padding: 1.3rem 2rem;
	color: #f00;
	background: #f0eeee;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	background:#fff;
	z-index:99;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.contact-form .info
{
	text-align:right;
	font-size:2rem;
}

/* END WPCF7 */


/* Slick slider */


/* END Slick slider */

/* Accordion */

.accordion .item
{
	position:relative;
}

.accordion .item:before
{
	content:'';
	width:100%;
	height:.5rem;
	background: #fff;
	position:absolute;
	left:0;
	top:0;
}

.accordion .item:last-child:after
{
	content:'';
	width:100%;
	height:.5rem;
	background: #fff;
	position:absolute;
	left:0;
	bottom:0;
}

.accordion .item .opener
{
	cursor:pointer;
	position:relative;
	padding:3rem 8rem 3rem 0;
	margin-bottom:0;
}

.accordion .item .opener:after
{
	content:'';
	position:absolute;
	right:2rem;
	top:3.5rem;
	width:2rem;
	height:3.3rem;
	background:var(--dark-blue) url(assets/images/chevron-1.svg) center center no-repeat;
	background-size:2rem 3.3rem;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion .item.open .opener:after
{
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.accordion .item .content
{
	display:none;
	padding:2rem 0 8rem 0;
}

.accordion .item .content *:last-child
{
	margin-bottom:0;
}

/* END Accordion */

.heading
{
	font-weight:700;
	color:#fff;
	margin-bottom:4rem;
}

.heading
{
	hyphens: auto;
	hyphenate-limit-chars: auto;
	hyphenate-limit-lines: 2;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
}

.heading--size-0
{
	font-size:5rem;
	line-height:6rem;
}

.heading--size-1
{
	font-size:4.5rem;
	line-height:5.5rem;
}

.heading--size-2
{
	font-size:4.1rem;
	line-height:5.2rem;
}

.heading--size-3
{
	font-size:2.5rem;
	line-height:3.5rem;
}

.heading--size-4
{
	font-size:2.4rem;
	line-height:3.4rem;
}

.heading--size-5
{
	font-size:2rem;
	line-height:3rem;
}

.heading--size-6
{
	font-size:2.5rem;
	line-height:3.5rem;
	font-weight:400;
}

@media (min-width:992px)
{
	.heading--size-0
	{
		font-size:9rem;
		line-height:10rem;
	}

	.heading--size-1
	{
		font-size:6rem;
		line-height:7rem;
	}

	.heading--size-2
	{
		font-size:3.2rem;
		line-height:4.2rem;
	}

	.heading--size-3
	{
		font-size:2.5rem;
		line-height:3.5rem;
	}

	.heading--size-4
	{
		font-size:2.4rem;
		line-height:3.4rem;
	}

	.heading--size-5
	{
		font-size:2rem;
		line-height:3rem;
	}

	.heading--size-6
	{
		font-size:2.5rem;
		line-height:3.5rem;
		font-weight:400;
	}
}

@media (min-width:1200px)
{
	.heading--size-0
	{
		font-size:11rem;
		line-height:12rem;
	}

	.heading--size-1
	{
		font-size:6rem;
		line-height:7rem;
	}

	.heading--size-2
	{
		font-size:4.1rem;
		line-height:5.2rem;
	}

	.heading--size-3
	{
		font-size:2.5rem;
		line-height:3.5rem;
	}

	.heading--size-4
	{
		font-size:2.4rem;
		line-height:3.4rem;
	}

	.heading--size-5
	{
		font-size:2rem;
		line-height:3rem;
	}

	.heading--size-6
	{
		font-size:2.5rem;
		line-height:3.5rem;
		font-weight:400;
	}
}

.heading--border-bottom
{
	position:relative;
	padding-bottom:2rem;
}

.heading--border-bottom:after
{
	content:'';
	height:.5rem;
	width:40rem;
	max-width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
}

h1,h2,h3,h4,h5,h6
{
	color:#fff;
	margin: 0 0 2.5rem 0;
	font-weight: 700;
	line-height: normal;
}

h1
{
	font-size:6rem;
	line-height:7rem;
}

h2
{
	font-size:4.1rem;
	line-height:5.2rem;
}

h3
{
	font-size:2.5rem;
	line-height:3.5rem;
}

h4
{
	font-size:2.4rem;
	line-height:3.4rem;
	color:var(--green);
}

h5
{
	font-size:2rem;
	line-height:3rem;
}

h6
{
	font-size:2.5rem;
	line-height:3.5rem;
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 2.5rem 0;
	line-height: 3.4rem;
}

ul li
{
	position:relative;
	padding-left:1.5rem;
}

.page-footer ul li,
.product-tags li,
.variable-items-wrapper li,
.dropdown-menu li,
#menu-top li,
.social-links li,
.wc-block-components-product-details li,
.slider-nav li
{
	padding-left:0;
}

.page-content ul li:before
{
	content:'';
	width:.5rem;
	height:.5rem;
	background:var(--green);
	display:inline-block;
	position:absolute;
	left:0;
	top:1.4rem;
}

p
{
	margin: 0 0 3.5rem 0;
	line-height: 3.4rem;
}

a, a:hover, a:focus
{
color: #fff;
text-decoration: underline;
}

input:focus, textarea:focus
{
	outline: none;
}

img
{
max-width: 100%;
height: auto;
border: 0;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.to-animate, .animate-block
{
	opacity: 0;
	position:relative;
}

.text-color--white
{
	color:#fff;
}

.text-color--white span
{
	color:var(--green);
}

.text-color--green
{
	color:var(--green);
}

.text-color--green a
{
	color:inherit;
}

.text-color--white.heading--size-2 span
{
	background: #00C2FF;
	background: linear-gradient(90deg, rgba(0, 194, 255, 1) 0%, rgba(151, 255, 103, 1) 100%);
	padding:0rem 1rem 0 .5rem;
	color:var(--dark-blue);
}

.text-color--black
{
	color:var(--gray);
}

.text-align--left
{
	text-align:left;
}

.text-align--center
{
	text-align:center;
}

.text-align--right
{
	text-align:right;
}

.font-weight--300
{
	font-weight:300;
}

.font-weight--400
{
	font-weight:400;
}

.font-weight--700
{
	font-weight:700;
}

.text-block > *:last-child
{
	margin-bottom:0;
}

.text-block--main
{
	margin-bottom:4rem;
}

.text-transform--uppercase
{
	text-transform:uppercase;
}

@media (max-width:992px) 
{
	.text-color--white.heading--size-2 span
	{
		hyphens: none;
	}
}

@media (min-width:992px) and (max-width:1399px)
{
	.text-color--white.heading--size-2 span
	{
		hyphens: none;
		white-space: nowrap;
	}
}

@media (min-width:992px)
{
	.row-gap--xsmall
	{
		margin-left:-.8rem;
		margin-right:-.8rem;
	}

	.row-gap--xsmall > div
	{
		padding-left:.8rem;
		padding-right:.8rem;
	}
}

@media (min-width:992px)
{
	.row-gap--small
	{
		margin-left:-2.5rem;
		margin-right:-2.5rem;
	}

	.row-gap--small > div
	{
		padding-left:2.5rem;
		padding-right:2.5rem;
	}
}

@media (min-width:992px)
{
	.row-gap--medium
	{
		margin-left:-5rem;
		margin-right:-5rem;
	}

	.row-gap--medium > div
	{
		padding-left:5rem;
		padding-right:5rem;
	}
}

.flex-justify--center
{
	justify-content:center;
}

.btn
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1.5rem;
	line-height:2.2rem;	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	min-height:4.6rem;
	position:relative;
	border:2px solid transparent;
	text-decoration:none;
	text-transform:uppercase;
	overflow:hidden;
	border-radius:0;
	font-weight:700;
}

.btn span
{
	padding:1rem 2rem 1rem 2rem;
	display:inline-block;
}

@media (min-width:992px)
{
	.btn span
	{
		padding:1rem 3.5rem 1rem 3.5rem;
	}
}

.btn:hover
{
	text-decoration:none;
}

.btn span
{
	position:relative;
	z-index:10;
}

.btn:before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn--border-blue
{
	border:2px solid var(--blue);
	color:#fff;
}

.btn--border-blue:hover
{
	border:2px solid var(--green);
	color:var(--dark-blue);
}

.btn--border-blue:before
{	
	background:var(--green);
}

.btn--border-blue:hover:before
{
	width:100%;	
}

.btn--border-green
{
	border:2px solid var(--green);
	color:#fff;
}

.btn--border-green:hover
{
	border:2px solid var(--blue);
	color:var(--dark-blue);
}

.btn--border-green:before
{	
	background:var(--blue);
}

.btn--border-green:hover:before
{
	width:100%;	
}

.btn--border-black,
.btn--border-black:hover
{
	border:2px solid #000;
	color:#000;
}

.btn--border-black:hover
{
	color:#fff;
}

.btn--border-black:before
{	
	background:#000;
}

.btn--border-black:hover:before
{
	width:100%;	
}

.btn--fullwidth
{
	width:100%;
}

.btn:hover,
.btn:focus,
.btn:active
{
	text-decoration:none;
}

.photo-bg
{
	width:100%;
	height:100%;
}

.photo-bg--cover
{
	background-size:cover;
	background-position:center center
}

.slick-track{ margin-left: 0; }

/**
* Fade-move animation for second dialog
*/

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;

-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;

-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;

-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}

.row-align-vertical--bottom
{
	align-items:flex-end;
}

.row-align-vertical--center
{
	align-items:center;
}

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

.wp-caption p
{
	font-size:1.2rem;
	line-height:1.8rem;
	padding-top:1rem;
	margin:0;
}

@media (min-width:1600px)
{
	.col-xxxl-8
	{
		width:66.66666667%;
	}

	.col-xxxl-6
	{
		width:50%;
	}

	.col-xxxl-4
	{
		width:33.33333333%;
	}

	.col-xxxl-3
	{
		width:25%;
	}

	.offset-xxxl-1
	{
		margin-left:8.33333333%;
	}

	.offset-xxxl-2
	{
		margin-left:16.66666667%;
	}
}

.madeby
{
	transform-origin:0 100%;
	left:100%;
	-webkit-transform: rotate(-90deg);  
	-moz-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	transform: rotate(-90deg); 
	position: absolute; 
	bottom: 120px; 
	z-index: 9999; 
	background:transparent; 
	padding: 1px 3px; 
	color: #fff;
	opacity: 0.5; 
	font-size: 11px; 
	text-decoration: none; 
	text-transform: uppercase;
	width:20rem;
}

@media (max-width:767px)
{
	#index #why-us.block-type-2 .column-1
	{
		padding-top:0;
	}

	#index #why-us.block-type-2 .column-1:before
	{
		display:none;
	}
	
	img.alignleft.wp-image-844, img.alignleft.wp-image-760 {
		display: block;
		clear: both;
		margin-bottom: 30px;
		margin-right: 50px;
	}
}

table
{
	width:100%;
	margin-bottom:4rem;
}

table td
{
	padding:1rem;
}

table tr:nth-child(odd)
{
	background:rgba(255,255,255,.1);
}