/* http://themestate.com/demo/geopoint/ */
:root {

  --transition-time: 0.2s;
  --transition-time-slow: 1s;
  --transition-time-fast: 0.1s;
  --transition: all var(--transition-time) ease-in-out;
  --transition-slow: all var(--transition-time-slow) ease-in-out;
  --transition-fast: all var(--transition-time-fast) ease-in-out;
  --effects-time: 0.3s;
  --effects-delay: 0.2s;
  --header-height: 300px;
  --header-minimized-height: 120px;
  --footer-bar-height: 140px;
  /* scroll */
  --scrollbar-background: var(--color-surface);
  --scrollbar-color: var(--color-purple);
  --scroll-padding-top: calc(var(--header-height) + var(--width-sections-gap));
  --text-shadow: 0 2px 0px rgba(var(--color-black-rgb), 0.1), 0 6px 18px rgba(var(--color-black-rgb), 0.2);
  --box-shadow: 0 var(--width-gap-xs) var(--width-gap-lg) rgba(var(--color-black-rgb), 0.1);
  --placeholder-font: var(--small-font);
  --fields-gap: var(--width-gap);
  --input-padding: 20px;
  --input-outline: 1px solid var(--color-brown-light);
  --input-outline-offset: -1px;
  --input-hover-outline: 1px solid var(--color-brown);
  --input-background: var(--color-white);
  --input-border-radius: var(--width-border-radius);
  --input-color: var(--color-black);
  --input-hover-color: var(--color-text-darker);
  --checkbox-background: var(--color-surface);
  --checkbox-checked-background: var(--color-surface);
  --checkbox-checked-color: var(--color-purple);
}

@media only screen and (max-width: 1680px) {
  :root {
    --header-minimized-height: 110px;
    --header-height: 240px;
  }
}

@media only screen and (max-width: 1366px) {
  :root {
    --header-height: 160px;
    --header-minimized-height: 100px;
    --input-padding: 18px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px) {
  :root {
    --header-minimized-height: 80px;
    --footer-bar-height: 180px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --header-minimized-height: 50px;
    --footer-bar-height: 110px;
    --fields-columns: 1;
  }
}



html{ background-color:var(--color-surface);}
body {background: var(--color-surface);color: var(--color-black);padding-bottom: var(--footer-bar-height);}
body.scrolling::before{opacity: 0;}
a{text-decoration: none;color: var(--color-brown);}
a:focus{outline: none;}
a:is(:hover, :focus) {color: var(--color-purple);}
p{margin: 0;}
* + p {margin-top: var(--width-gap-sm);}
section{display: block;position: relative;z-index: 5;}
.grow, [grow]{flex-grow: 1;}
.subtitle{user-select: none;}
*::selection{background-color: var(--color-black);color: var(--color-white);}

[class^="btn"]{background: var(--color-black);color: var(--color-brown-light);transition: var(--transition-fast);outline: 1px solid var(--color-brown);}
[class^="btn"]:is(:hover, :focus){outline-color: var(--color-brown-light);color: var(--color-white);}


[class^="item-title"]{text-wrap: balance; }
[class^="item-title"].white {color: var(--color-white);}

[class^="heading"] + .intro{margin-top: var(--width-gap-sm);}
[class^="heading"][class*="-white"] .title {color: var(--color-white);}
[class^="heading"][class*="-white"] .subtitle{color: var(--color-white);}

[class^="heading"][class*="-colorized"] .subtitle  {color: var(--color-brown-light);}


[class^="heading"][class*="-colorized"][class*="-white"] .title > strong {color: var(--color-white);}
[class^="heading"][class*="-colorized"][class*="-white"] .subtitle{color: var(--color-surface);}

[class^="article"]{font: var(--body-font);}
[class^="article"] ul{display: flex;padding-left: var(--width-gap);flex-direction: column;gap: var(--width-gap-xs);}
[class^="article"] ul + * , [class^="article"] * + ul {margin-top: var(--width-gap);}
[class^="article"] ul > li{position: relative;padding-left: var(--width-gap-xs);}
[class^="article"] a {
  font-weight: var(--body-font-strong);
  color: var(--color-purple);
}

.intro {text-wrap: balance;}
.intro + *{margin-top: var(--width-gap);}
.intro.white{color: var(--color-white);}
.intro.black{color: var(--color-black);}
.intro.brown{color: var(--color-brown);}
.intro.surface{color: var(--color-surface);}
.intro.half{max-width: 60%;}
.intro.centered{text-align: center;margin-left: auto;margin-right: auto;}
@media only screen and (max-width: 1366px){
  .intro.half{max-width: 70%;}
}
@media only screen and (max-width: 1024px){
  .intro.half{max-width: 80%;} 
}
@media only screen and (max-width: 768px){
  .intro.half{max-width: 100%;}
}

.field-type-textarea, .field-type-checkbox, .field-type-info, .field-type-select{grid-column: auto / span 2;}
.field-type-info {padding: var(--width-gap-sm);max-height: 150px;outline: 1px solid var(--color-purple);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);font: var(--small-font);overflow-y: auto;}
.field-type-checkbox .description{font: var(--small-font);text-transform: var(--small-font-text-transform);letter-spacing: var(--small-font-letter-spacing);}
@media only screen and (max-width: 768px){
  .field-type-textarea, .field-type-checkbox, .field-type-info, .field-type-select{grid-column: auto / span 1;}
}
/* NEW #header */
#header{top: 0;left: 0;width: 100%;position: sticky;z-index: 100;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);--effects-delay: .5s;}
#header a {font-weight: var(--body-font-strong);display: flex;gap: var(--width-gap-xs);align-items: center;white-space: nowrap;}
#header a > [class^="material-"]{color: var(--color-black);font-size: 32px;}
#header a > .label{font: var(--btn-font);
  font-size: var(--body-font-size);
  text-transform: var(--btn-text-transform);
}

#header .content {display: flex;height: var(--header-height);align-items: center;gap: 0;justify-content: center;transition: var(--transition-fast);}
#header .content > .left{flex-grow: 1;display: flex;align-items: center;justify-content: flex-start;width: 30%;}
#header .content > .right{flex-grow: 1;display: flex;align-items: center;justify-content: flex-end;width: 30%;}
#header .content > .logo{z-index: 2;position: relative;flex-shrink: 0;transition: var(--transition);}
#header .content > .logo img{height: calc(var(--header-height) * .75);width: auto;-webkit-transition: var(--transition-fast);-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
body.scrolling #header .content > .logo { opacity: 0;transform: translate(0, -50%) scale(.75);pointer-events: none;}
body.scrolling #header{background-color: var(--color-white);}
body.scrolling #header .content {height: var(--header-minimized-height, 80px);}
@media only screen and (max-width: 768px){
  #header .content > .left a > .label{display: none;}
}
/* ELEMENT language-switcher */

#header .content > .right > .language-switcher{justify-self: flex-end;}
#header .content > .right > .language-switcher a {text-transform: uppercase;}
#language-switcher{position: fixed;inset: 0;z-index: 120;display: flex;align-items: center;justify-content: center;color: var(--color-brown-light);text-align: center;pointer-events: none;opacity: 0;-webkit-transition: var(--transition);transition: var(--transition);background-color: rgba(var(--color-surface-rgb), .8);backdrop-filter: blur(20px);clip-path: circle(0.0% at bottom center);visibility: hidden;}
body.language-switcher-opened{overflow-y: hidden;}
body.language-switcher-opened #language-switcher{opacity: 1;pointer-events: all;clip-path: circle(200% at top center);visibility: visible;}
#language-switcher > .content{display: flex;flex-direction: column;gap: var(--width-gap);padding: var(--width-gap-xl);border-radius: calc(var(--width-border-radius) + 1px);outline: 1px solid var(--color-brown);outline-offset: -1px;background:var(--color-white);}
#language-switcher > .content > nav{display: flex;gap: var(--width-gap-sm);justify-content: center;}
@media only screen and (max-width: 768px){
  #language-switcher > .content > nav{flex-direction: column;}
  #language-switcher > .content > nav > a {justify-content: center;}
  #header .content > .right > .language-switcher a > .label{display: none;}
}
#footer-bar{position: fixed;bottom: 0;left: 0;right: 0;height: var(--footer-bar-height);background-color: var(--color-black);z-index: 10;pointer-events: none;opacity: 0;transition: var(--transition);transform: translateY(var(--footer-bar-height));}
body.scrolling #footer-bar{opacity: 1;pointer-events: all;transform: translateY(0);}
#footer-bar > [class^="package"] > .content{height: var(--footer-bar-height);display: flex;gap: var(--width-gap);align-items: center;color: var(--color-brown-light);}
#footer-bar > [class^="package"] > .content > .item-title{flex-grow: 1;color: var(--color-white);}
#footer-bar::before{content: " ";position: absolute;left: 0;right: 0;bottom: var(--footer-bar-height);height: var(--width-gap-xl);background-color: rgba(var(--color-brown-rgb), .2);backdrop-filter: blur(var(--width-gap-xl));mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 100%);}
@media only screen and (max-width: 1024px){
  #footer-bar > [class^="package"] > .content{flex-direction: column;gap: var(--width-gap-xs);justify-content: center;}
  #footer-bar > [class^="package"] > .content > .item-title{flex-grow: 0;}
}
/* NEW #footer */
#footer  a {font-weight: var(--body-font-strong);display: flex;gap: var(--width-gap-xs);align-items: center;white-space: nowrap;}
#footer  a > [class^="material-"]{color: var(--color-black);font-size: 32px;}
#footer >  [class^="package"]{display: flex;flex-direction: column;gap: var(--width-sections-gap);padding-top: var(--width-sections-gap);padding-bottom: var(--width-sections-gap);}
#footer >  [class^="package"] > .contact-methods {
  display: flex;
  flex-direction: column;

}

#footer >  [class^="package"] > .contact-methods > nav{display: flex;gap: var(--width-gap-lg);justify-content: center;flex-wrap: wrap;



}

#footer >  [class^="package"] > .copyright{display: flex;gap: var(--width-gap);justify-content: space-between;
font: var(--small-font);
font-weight: var(--small-font-strong);
}
#footer >  [class^="package"] > .copyright > nav{display: flex;gap: var(--width-gap-sm);}
@media only screen and (max-width: 1024px){
  #footer >  [class^="package"] > .copyright{flex-direction: column;align-items: center;}
  #footer >  [class^="package"] > .contact-methods  > nav{flex-direction: column;align-items: center;}
  #footer >  [class^="package"] > .contact-methods  > nav > a{flex-direction: column;align-items: center;}
}
@media only screen and (max-width: 568px){
  #footer >  [class^="package"] > .copyright > nav{flex-direction: column;align-items: center;}
}
.card-image {position: relative;display: block;overflow: hidden;outline: none;outline: none;border-radius: var(--width-border-radius);overflow: hidden;}
.card-image > picture{transition: var(--transition-fast);pointer-events: none;user-select: none;aspect-ratio: 1;
background-color: var(--color-purple);}
.card-image > picture > img{width: 100%;height: 100%;object-fit: cover;--eftects-delay: .3s;}
.card-image:is(:hover,:focus) > picture{-webkit-transform: scale(1.05);transform: scale(1.05);}




section.image_text > [class^="package"] > .holder-content > .content{display: flex;align-items: center;justify-content: space-between;}
section.image_text.image_position_right .content {flex-direction: row-reverse;}
section.image_text .content > .image{width: 50%; aspect-ratio: 1;position: relative;}
section.image_text .content > .image > picture{position: absolute;width: 100%;height: 100%;}
section.image_text .content > .image > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;border-radius: var(--width-border-radius);box-shadow: var(--box-shadow);}
section.image_text .content > .text{width: calc(50% - var(--width-sections-gap));}
section.image_text .content > .text > .info{--effects-delay: .6s;}
section.image_text .content > .image{position: relative;}
@media only screen and (max-width: 1024px){
  section.image_text .content{flex-direction: column-reverse;gap: var(--width-gap);}
  section.image_text.image_position_right .content {flex-direction: column-reverse;}
  section.image_text .content > :is(.image, .text){width: 100%;}
  section.image_text .content > .image{aspect-ratio: 2;}
}
/* NEW section.image */
#blocks > section.image.counter_0{margin-top: 0 !important;}
section.image .image{display: block;position: relative;text-decoration: none;pointer-events: none;user-select: none;}
section.image .image > picture{display: flex;}
section.image .image > picture > img{display: flex;}
section.image:not(.is-fullwidth) .image > picture > img{
  box-shadow: var(--box-shadow);
  border-radius: var(--width-border-radius);box-shadow: var(--box-shadow);}
section.image.is-fullwidth .image > picture{width: 100%;height: 60vmin;}
section.image.is-fullwidth .image > picture > img{width: 100%;height: 100%;object-fit: cover;}
section.image .image > figcaption{display: block;color: var(--color-black);position: absolute;bottom: var(--width-gap-sm);left: var(--width-gap-sm);background-color: var(--color-white);padding: var(--width-gap-xs);border-radius: var(--width-border-radius);z-index: 2;white-space: nowrap;line-height: 1;}
/* NEW section.featues */
section.features *  + .layout-grid-features{margin-top: var(--width-gap-lg);}
section.features  .layout-grid-features{gap: var(--width-gap-lg);}
/* NEW card-feature */
.card-feature{display: flex;align-items: center;gap: var(--width-gap-sm);text-decoration: none;user-select: none;position: relative;}
.card-feature span{flex-grow: 1;}
.card-feature > picture{width: 32px;height: 32px;flex-shrink: 0;}
.card-feature > picture > img{width: 100%;height: 100%;object-fit: contain;}
@media only screen and (max-width: 568px){
  .card-feature > picture{width: 26px;height: 26px;;}
}
#register-now{position: fixed;inset: 0;z-index: 200;background-color: rgba(var(--color-surface-rgb), .8);backdrop-filter: blur(20px);display: flex;align-items: center;pointer-events: none;opacity: 0;-webkit-transition: var(--transition);transition: var(--transition);clip-path: circle(0.0% at bottom center);}
body.register-now-opened{overflow-y: hidden;}
body.register-now-opened #register-now{opacity: 1;pointer-events: all;clip-path: circle(200% at top center);visibility: visible;}
#register-now > [class^="package"]{display: flex;max-height: 100%;overflow-y: auto;padding-top: var(--width-gap);padding-bottom: var(--width-gap);}
#register-now > [class^="package"] > .content{padding: var(--width-sections-gap);background:var(--color-white);box-shadow: var(--box-shadow);border-radius: var(--width-border-radius);overflow-y: auto;}
@media only screen and (max-width: 568px){
  #register-now > [class^="package"] > .content{padding: var(--width-sections-gap) var(--width-gap);}
}

cookies-message::part(cookies-message){transition: var(--transition);}
body.scrolling cookies-message::part(cookies-message){bottom: var(--footer-bar-height);}