/*
Theme Name:   Voxel (child theme)
Theme URI:    https://getvoxel.io/
Author:       27collective
Author URI:   https://27collective.net/
Template:     voxel
Version:      1.0
Text Domain:  voxel-child
*/
/* Apply these styles only when not in Elementor editor */
/*
body:not(.elementor-editor-active) h1,
body:not(.elementor-editor-active) h2,
body:not(.elementor-editor-active) h3,
body:not(.elementor-editor-active) h4,
body:not(.elementor-editor-active) h5,
body:not(.elementor-editor-active) span,
body:not(.elementor-editor-active) p,
body:not(.elementor-editor-active) svg, 
body:not(.elementor-editor-active) img, 
body:not(.elementor-editor-active) figure, 
body:not(.elementor-editor-active) a { 
    opacity: 0; 
}

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

.fade-in-on-view {
    animation: fadeInAnimation ease 0.3s forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.e-parent.fade-in-up-on-view {
    animation: fadeInUp 0.3s ease forwards;
}

*/
body {
	font-size: 16px;
	-moz-osx-font-smoothing: grayscale!important;
    -webkit-font-smoothing: antialiased!important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  Body {
    font-size: 20px;      
    }
}
span a, p a {
	text-decoration: underline;
}
.small span, .small p {font-size:0.8rem;}
h1 {
    font-size: 2.7em;
    line-height: 1.2em;
    margin-bottom: 32px;
    word-break: break-word;
}
h1 br,h2 br,h3 br,h4 br,h5 br {
    display: none;
}
h2 {
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 32px;
    word-break: break-word;
}
h3 {
    font-size: 1.25rem;
    line-height: 2.2rem;
    margin-bottom: 32px;
    word-break: break-word;
}
.preheader span {
    color: var(--e-global-color-7022e0b)!important;
    font-size: .94rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .085em;
}
.intro {
	font-size: 1.1rem;
	font-weight: 400;
    line-height: 1.6em;
}
.simpel-hero-title h1 {
    font-size: 2.7rem;
    line-height: 120%;
    letter-spacing: -.03em;
    color: #fff;
}
.simpel-hero-page-title h1 {
    font-size: 2.75rem;
    line-height: 120%;
    letter-spacing: -.015em;
    color: #fff;
}
.lr {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.tb {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.tb-s {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.tb-xs {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.hero {
	padding: 2rem 1.25rem;
}
.hero-compact {
	padding: 3rem 1.25rem 2rem;
}
.hero-top {
	padding-top: 6rem;
	padding-bottom:2rem;
}
.legal {
	z-index:1;
}
.legal h2 {
	font-size:1.5rem;
    font-weight: 400;
}
.legal h1 {
    font-size: 2.75rem;
    font-weight: 400!important;
}
.legal span.note {
    display: inline-flex;
    min-width: 40px;
}
@media screen and (min-width: 768px) {
    .simpel-hero-title h1 {
        font-size:3rem;
    }
    .simpel-hero-page-title h1 {
        font-size:3.5rem;
    }
	h1 {
    	font-size: 3rem;
	}
	h2 {
		font-size: 38px;
	}
	h1 br,h2 br,h3 br,h4 br,h5 br {
    display: unset;
	}	
	.lr {
		padding-left:2.25rem;
		padding-right: 2.25rem;
	}
	.tb {
		padding-top: 2.6875rem;
		padding-bottom: 2.6875rem;
	}
	.tb-s {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.tb-xs {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	}
	.hero {
		padding: 3rem 2.25rem;
	}
	.hero-compact {
		padding: 4.5rem 2.25rem 3rem;
	}
}

@media screen and (min-width: 992px) {
	body {
		font-size: .95rem;
	}
	h1 {
    font-size: 3rem;
	}
	h2 {
		font-size: 40px;
	}
	.simpel-hero-title h1 {
        font-size:3.4rem;
    }
    .simpel-hero-page-title h1 {
        font-size:5.625rem;
    }
	.intro {
	font-size: 1.2rem;
	}
	.hero-top {
	padding-top: 11rem;
	padding-bottom: 2rem;
	}
}
@media screen and (min-width: 1280px) {
    h1 {
    	font-size: 3.15rem;
	}
	h2 {
		font-size: 44px;
	}
	.simpel-hero-title h1 {
        font-size:3.8rem;
    }
	.lr {
		padding-left: 3.75rem;
		padding-right: 3.75rem;
	}
	.tb {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.tb-s {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
	.tb-xs {
	padding-top: 1rem;
	padding-bottom: 1rem;
	}
	.hero {
		padding: 4rem 3.75rem;
	}
	.hero-compact {
		padding: 6rem 3.75rem 4rem;
	}
	.hero-top {
	padding-left: 3.75rem;
	padding-right: 3.75rem;
	}
}
@media screen and (min-width: 1440px) {
    .simpel-hero-page-title h1 {
        font-size:5.5rem;
    }
	h2 {
		font-size: 46px;
	}
}

.change-bg-color {
	background-color: white!important;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 7px;
	min-height: 80px!important;
	transition: .3s ease;
}
.change-bg-color svg {
    fill: var(--e-global-color-accent )!important;
}
.change-bg-color .ts-user-area > ul > li > a {
	background-color: var(--e-global-color-primary )!important;
}
.change-bg-color a.ts-item-link span {
	color: var(--e-global-color-primary )!important;
}


.change-bg-color .ts-user-area .ts_comp_label {
	color: var(--e-global-color-79df52d )!important;
}
/*
h1, .h1 .elementor-heading-title{font-size: 68px;}
h2, .h2 .elementor-heading-title{font-size:38px;}
h3, .h3 .elementor-heading-title{font-size:20px;}
h4, .h4 .elementor-heading-title{font-size:20px; margin-block-start: 0em;margin-block-end: 0.4em;}

@media (max-width: 768px) {
h1, .h1 .elementor-heading-title{font-size:48px;}
}

*/
p a {
    text-decoration: underline!important;
}

.logo .elementor-icon i, .logo .elementor-icon svg {
    height: unset!important;
}

.logo-swiper img.swiper-slide-image {
    height: 28px;
    width: auto;
}
@media (max-width: 767px){
	.logo-swiper img.swiper-slide-image {
    height: 20px;}
}
.logo-swiper .swiper-wrapper{-webkit-transition-timing-function: linear!important;transition-timing-function: linear!important;}
.logo-swiper:before {
    content: '';
    position: absolute;
    left: 0;
    top:-2px;
    background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
    height: 30px;
    width: 40px;
    z-index: 50;
}
.logo-swiper:after {
    content: '';
    position: absolute;
    right: 0;
    top:-2px;
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    height: 30px;
    width: 40px;
    z-index: 50;
}

.newsbox {
    border-radius:1rem;
    overflow:hidden;
    transition: opacity .2s ease-out;
    position: relative;
	aspect-ratio: 440/540;
}
.newsbox p {
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .875rem;
}
.newsbox span {
    font-size: 1.5rem;
    transition: opacity .4s .2s cubic-bezier(.22,1,.36,1),transform .4s .2s cubic-bezier(.22,1,.36,1);
}
.newsbox .e-con-inner {
    padding: 2.5rem;
    width: 27.5rem;
    aspect-ratio: 440/540;
}
.newsbox img {
    aspect-ratio: 440/540;
    height:100%!important;
    object-fit:cover;
}
@media (max-width: 720px){
    .newsbox .e-con-inner {
    padding: 1.5rem  1.25rem;
    width: 19.6875rem;
}
    .newsbox p {
    font-size: .75rem;
}
    .newsbox span {
    font-size: 1.25rem;

}}
	
	
	
/* HERO SECTION */
.booking input:focus{
    outline: none;
}
.booking {
    display: flex;
    flex-wrap: wrap;
}
input#url {display:none;}

.booking input#from, .booking input#to {
    border: 1px solid #e0e3eb;
    border-radius: 8px;
    margin-bottom:8px;
    font-size: 15px;
	padding-left: 15px;
    height: 48px;
	width:100%;
}
.booking input:not([type="submit"]):focus {
    background: white;
    border-color: #555a58!important;
}

.booking .field-group-from,.booking .field-group-to {
    position: relative;
    min-height: 1px;
    display: flex;
    width: 100%;
}
.field-group-from:after,.field-group-to:after {
    border-radius: 4px;
    content: '';
    position: absolute;
    z-index: 10;
    top: 2px;
    right: 2px;
    width: 50px;
    height: 42px;
    background-image: linear-gradient(to left, white 10%, transparent 100%);
}
.field-group-from img, .field-group-to img {
    position: absolute;
    left: 10px;
    pointer-events: none;
    top: 14px;
}
.booking #change {
    background: #f6f8f8;
    border: 1px solid #9f9d9c;
    font-size: 18px;
    padding: 7px;
    position: absolute;
    width: 34px;
    right: 13px;
    top: 29px;
    height: 34px;
    z-index: 20;
    text-align: center;
}

.booking .field-group-from label {
    font-size: 14px;
    font-weight: 500!important;
    position: absolute;
    left: 10px;
    bottom:11px;
    color: #1a1a1a;
    z-index: 10;
}
.booking .field-group-to label {
    font-size: 14px;
    font-weight: 500!important;
    position: absolute;
    left: 10px;
    bottom:19px;
    color: #1a1a1a;
    z-index: 10;
}

.booking input[type="submit"] {
	--mouse-x: 50;
	--mouse-y: 50;
	background-size: 200% 200%;
	background-position: calc((100 - var(--mouse-x, 0)) * 1%) calc((100 - var(--mouse-y, 0)) * 1%);
	background-image: radial-gradient(circle, rgba(0,168,143,1) 0%, rgb(0 142 150) 100%);
	border-radius: 8px;
	cursor: pointer;
	border: none;
	height: 48px;
	font-weight:600;
	width: 100%;
}

.booking input[type="submit"]:hover {
    background-color: var( --e-global-color-secondary );
}
/*
@media (min-width: 1080px){
.booking .field-group-from {
    width: calc(45% - 60px);
    margin-right:57px;
}
.booking .field-group-to {
    width: calc(45% - 60px);
    margin-right:5px;
}
.booking input[type="submit"] {
    width: calc(10% + 55px);
} 
.booking .field-group-from label,.booking .field-group-to label {
    font-size: 10px;
    font-weight:600;
    left: 8px;
    top: 0px;
    text-transform: uppercase;
}

.booking #change {
    height:47px!important;
    width:47px!important;
    border-radius:8px;
    padding:12px!important;
    left:calc(45% - 55px);
    top: 6px;
    transform: rotate(90deg);
}
.booking #change {
    padding: 9px;
    width: 40px;
    top: 0px;
    height: 40px;
}
}
*/
/* END OF HERO SECTION */

/* ABOUT SECTION */
.aboutnumber {margin-bottom:24px!important;}
.aboutnumber span.elementor-counter-number-prefix {
    display: none;
}
.aboutnumber .elementor-counter-title {font-size:1rem!important;line-height:1.3em!important;font-weight:400!important;text-align:left!important;opacity: .4;}
.aboutnumber .elementor-counter .elementor-counter-number-wrapper {font-size: 3.5rem;
    letter-spacing: -.02em;
    line-height: 110%;text-align:left!important;}


/* END OF ABOUT SECTION */

/* HERO */

.hero-start {
    padding-bottom: 50px;
	min-height:410px;
}
.hero {
	min-height:285px;
}
@media screen and (min-width: 768px) {
    .hero-start {
		min-height:430px;
    }
    .hero {
		padding-bottom:40px;
		min-height:335px;
    }
}
@media screen and (min-width: 992px) {
    .hero-start {
		min-height:540px;
    }
}
@media screen and (min-width: 1280px) {
    .hero-start {
        padding-bottom:50px;
		min-height:680px;
    }
    .hero {
		min-height:510px;
    }
}
@media screen and (min-width: 1440px) {
    .hero-start {
        padding-bottom:60px;
		min-height:720px;
    }
}

/* FOOTER */
footer {
    background-color: #000;
    color: #fff;
    font-size: .875rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    footer {
        padding-top:2.25rem;
    }
}

@media screen and (min-width: 1280px) {
    footer {
        padding-top:3.75rem;
        padding-bottom: 3.75rem;
    }
}
footer h6 {
    margin-block-start: 0em;
    margin-block-end: 24px;
    font-size: 20px;
	font-weight: 500;
}
footer p a {
	color: var(--e-global-color-07b1ce3);
	text-decoration: unset!important;
}
footer p {
	font-size: 16px;
    margin-bottom: 12px;
}
@media (max-width: 1024px) {
	footer p {
}
}
/* END OF FOOTER */

.bigtext p {font-size:40px;font-weight:500!important;}
.bigtext em {color:var(--e-global-color-primary );font-style:normal;}

/* PARTNERS */
.partner-logos dl.gallery-item img {
    height: 20px;
    border: unset!important;
    opacity: .7;
}
.partners dl.gallery-item dt.gallery-icon {
    background-color: black;
    border-radius: 8px;
	padding:10%;
	margin: 5px 10px;
}
.partners dl.gallery-item img {
	border: unset!important;
    height: 110px;
    filter: invert(1);
}
.partners2 #gallery-1 {
    display: block;
}
.partners2 dl.gallery-item dt.gallery-icon {
	padding:12%;
}
.partners2 dl.gallery-item {
	padding: 20px 0px;
	width:16%;
}
.partners2 dl.gallery-item img {
	border: unset!important;
    height: 30px;
    filter: invert(1);
}
@media (max-width: 1024px) {
.partners2 #gallery-1 {
    display: block!important;
}
.partners2 #gallery-1 .gallery-item {
	width:33%;
}
}

/* BUTTONS */
.text-btn .elementor-button {background:#FFFFFF00!important;
    color: var( --e-global-color-primary );
    fill: var( --e-global-color-primary );
    padding:15px 0;
}

/* PARTNERS */
.partners:before {
    content: '';
    position: absolute;
    left: 0;
    top:-2px;
    background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
    height: 30px;
    width: 80px;
    z-index: 50;
}
.partners:after {
    content: '';
    position: absolute;
    right: 0;
    top:-2px;
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    height: 30px;
    width: 80px;
    z-index: 50;
}
.partners .swiper-wrapper, .partners-white .swiper-wrapper {-webkit-transition-timing-function: linear!important;transition-timing-function: linear!important;}
.partners div#gallery-1 {
    text-align: center;
}
.partners img {
    border: unset!important;
    height: 35px;
    width: auto;
    max-width: 100px;
    object-fit: contain;
}
.partners-white img {
    border: unset!important;
    height: 32px;
    width: auto;
    max-width: 100px;
    object-fit: contain;
	filter: invert(1);
	opacity:0.75;
}
.partners .gallery-item, .partners-white .gallery-item {
	float: unset!important;
    width: auto!important;
	margin-top: unset!important;
	padding: 15px;
}
@media (max-width: 767px) {
.partners img, .partners-white img  {
	height: 30px;
    max-width: 50px;
}	
}

/* BUTTONS */
.btn-second .ts-action-con {
    color: var(--e-global-color-primary)!important;
    font-weight: var(--e-global-typography-primary-font-weight);
    border: 1px solid var(--e-global-color-3e821d7);
    padding: 10px 25px;
    height: 46px;
    border-radius: 100px!important;
}

/* TITLES */
h2 em {
    color: var(--e-global-color-3e821d7);
    font-style: normal;
}

/* BUTTONS */

.button-m .ts-action-con {
    padding: 0.75rem 1rem;
}
.button-teal .ts-action-con {
    background: var(--e-global-color-secondary)!important;
	color: var(--e-global-color-79df52d)!important;
}
/* NEWS */
.news:hover h3 {
	text-decoration:underline;
}
.blurred-background-container:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(30px);
    pointer-events: none;
}
/* Breadcumbs */
nav.rank-math-breadcrumb p a {
    color: #00000080;
    font-weight: 400;
    font-size: 14px!important;
    text-decoration: underline;
}
.rank-math-breadcrumb span.separator {
    color: #00000080;
    padding: 0 6px;
}
.rank-math-breadcrumb span.last {
    color: var( --e-global-color-text);
    font-weight: 500;
    font-size: 14px;
}
.rank-math-breadcrumb p {
    margin:unset!important;
}

/* FORMS */

.ff-default .ff-el-form-control {
    padding: 0px 8px;
    height: 44px;
    border-color: transparent;
    box-sizing: border-box;
    align-self: flex-start;
    border-style: solid;
    transition: all 150ms ease 0s;
    border-width: 2px;
    line-height: 14px;
    font-weight: 400;
    border-radius: 0px;
    font-size: 14px;
    width: 100%;
    background: rgb(240, 242, 245);
}