@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

:root {
  /* --package-width: 1800px; */
  --padding: 64px;
  --gap: 16px;
  --transition: all .2s ease-in-out;
  --transition-time: .2s ease-in-out;
  --effects-time: .2s;
  --preheader-height: 50px;
  --header-height: 120px;
  --columns-count: 4;
  --grid-layout-width: 350px;
  --grid-layout-width-laptop: 300px;
  --grid-layout-width-tablet: 250px;
  --grid-layout-width-mobile: 200px;

  --text-shadow-titles: 0px 3px 0px var(--color-c), 0px 14px 10px rgba(var(--color-d-rgb),0.15), 0px 24px 2px rgba(var(--color-d-rgb),0.1), 0px 34px 30px rgba(var(--color-d-rgb),0.1);
  --text-shadow-titles-colorize: 0px 3px 0px rgba(var(--color-e-rgb), .5), 0px 14px 10px rgba(var(--color-d-rgb),.15), 0px 24px 2px rgba(var(--color-d-rgb),.1), 0px 34px 30px rgba(var(--color-d-rgb),0.1);


  --border-width-effect: 5px;

  --scroll-position-bar-color: var(--color-e);

}
@media only screen and (max-width: 1680px){
  :root {
    /* --package-width: 1400px; */
    --header-height: 100px;
    --border-width-effect: 4px;
  }
}
/* laptop */
@media only screen and (max-width: 1366px){
  :root {
    /* --package-width: 1100px; */
    --columns-count: 3;
    --border-width-effect: 3px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px){
  :root {
    /* --package-width: 800px; */
    --columns-count: 2;
    --border-width-effect: 2px;
  }
}
@media only screen and (max-width: 768px){
  :root {
    --padding: 32px;
    --header-height: 80px;
    
  }
}
/* mobile */
@media only screen and (max-width: 568px){
  :root {
    --padding: 16px;
    --columns-count: 1;
    --border-width-effect: 1px;
  }
}





html {
  scroll-behavior: smooth;
}


html {scrollbar-width: thin;scrollbar-color: var(--color-e) var(--color-d);
  scrollbar-gutter: stable both-edges;
}
body::-webkit-scrollbar{width: calc( var(--border-width-effect) * 2);height: calc( var(--border-width-effect) * 2);}
body::-webkit-scrollbar-thumb {background-color: var(--color-e);border-radius: 2px;}
body::-webkit-scrollbar-track {background: var(--color-d);}

/* body */
body {
  background: var(--color-background);
  color: var(--color-text);
  overflow-x: hidden;
}

/* 
font related
a
*/
a{ color: var(--color-a); text-decoration: none; position: relative }
a:hover, a:focus{color: var(--color-b); text-decoration: none;}
/* h styles */
h1, h2, h3, h4, h5{color: var(--color-title);margin-bottom: 0;}
h1 + *, * + h1{margin-top: var(--h1-font-size, --h-font-size);}
h2 + *, * + h2{margin-top: var(--h2-font-size, --h-font-size);}
h3 + *, * + h3{margin-top: var(--h3-font-size, --h-font-size);}
h4 + *, * + h4{margin-top: var(--h4-font-size, --h-font-size);}


input:disabled {opacity: .5;pointer-events: none;background: #7D7D7D !important;}
input[type=number], input[type=date]{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number],
input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=url],
input[type=tel],
textarea,
select{line-height: 1;font-family: "Rubik";font-weight: 400;font-size: 16px;height: 44px;padding: 0 12px;background: #FFF;color: #004e6e;border: 1px solid #004e6e;-webkit-border-radius: 2px;border-radius: 2px;width: 100%;-webkit-box-shadow: none;box-shadow: none;outline: none;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;max-width: 100%;}
option{border: none;}

textarea{line-height: 1.3;padding: 12px;min-height: 150px;}
select {-webkit-appearance: none;-moz-appearance: none;text-indent: 0;text-overflow: '';}
select::-ms-expand {display: none;}
input[type=number]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus,
select:hover,
select:focus{color: #004F6F;background: #FFF;border: 1px solid #DCA817;-webkit-box-shadow: inset 0 0 0 2px #DCA817;box-shadow: inset 0 0 0 2px #DCA817;}
input[type=checkbox], input[type=radio]{display: inline-block;width: auto;margin-right: 12px;height: 20px;vertical-align: middle;}
input[type=checkbox] + label, input[type=radio] + label{color:#8E97A8;display: inline-block;margin-top: auto;vertical-align: middle;}
input[type=checkbox]:checked + label, input[type=radio]:checked + label{color: #1DABE2;}
legend {font-size: 13px;line-height: 1.3;letter-spacing: 3px;font-weight: 600;text-transform: uppercase;color: #0563BD;margin: 0;}
fieldset + *, * + fieldset, legend + *, * + legend{margin-top: 32px;}
input + span {display: block;font-size: 13px;margin-top: 4px;}


::-webkit-input-placeholder {font-weight: 300;color: #79A1B2;font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}
::-moz-placeholder {font-weight: 300;color: #79A1B2;font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}
:-ms-input-placeholder {font-weight: 300;color: #79A1B2;font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}

/* block form */


.block.form form{max-width: 100%;}
.block.form .holder-fields{margin-left: -8px;margin-right: -8px;margin-top: -8px;}
.block.form .holder-fields > .fields{display: flex;flex-wrap: wrap;}
.block.form .holder-fields > .fields > .field{width: 50%;padding: 8px;}
.block.form .holder-fields > .fields > .field + .field{margin-top: 0;}
.block.form .holder-fields > .fields > .field.type-textarea, .block.form .holder-fields > .fields > .field.type-info{width: 100%;}
.block.form .holder-fields > .fields > .field.type-checkbox{width: 100%}
.block.form .holder-fields > .fields > .field.type-checkbox + .field.type-checkbox{margin-top: 0;}
.block.form .holder-fields > .fields > .field.type-info > .description{padding: 20px;font-weight: 400;font-size: 13px;background: #f2f5f7;color: #7F9CB3;}
body.offshore .block.form .holder-fields > .fields > .field.type-info > .description{background: #575656;color: #FFF;}
.block.form .holder-fields > .fields > .field.type-info > .description > *:last-child{margin-bottom: 0;}
@media only screen and (max-width: 576px){
  .block.form .holder-fields{margin-left: 0;margin-right: 0;}
  .block.form .holder-fields > .fields > .field{width: 100%;padding: 0;}
  .block.form .holder-fields > .fields > .field + .field{margin-top: 12px;}
}


p:last-child {margin-bottom: 0;}
section{position: relative;}

.subtitle { font: var(--subtitle-font); text-transform: var(--subtitle-text-tranform); letter-spacing: var(--subtitle-letter-spacing); color: var(--color-subtitle, var(--color-b)) }
.subtitle strong, .subtitle b{ font: var(--subtitle-font-strong); }

.btn {color: var(--color-a);background-color: var(--color-d);}
.btn:hover, .btn:focus {color: var(--color-a);background-color: var(--color-e);}



* + .actions{margin-top: var(--gap);}
.actions{display: flex;align-items: center;justify-content: flex-end;}
.actions > * + *{margin-left: var(--gap);}
.actions.centered{justify-content: center;}
.actions.end{justify-content: flex-end;}
.actions.start{justify-content: flex-start;}

.empty{
  padding: var(--padding);
  background: var(--color-c);
  text-align: center;
  color: var(--color-b);
}

.el-pager{display: flex;justify-content: center;}
.el-pager > *{line-height: 48px;min-width: 48px;background-color: var(--color-c);color: var(--color-a);}
.el-pager > .current, .el-pager > *:hover{background-color: var(--color-e);color: #FFF;}

/* for debug */
/*
body::after {position: fixed;top: 0;left: 0;content: "desktop";color: #FFF;background: #000;font-size: 12px;padding: 8px;z-index: 999;mix-blend-mode: overlay;}
@media only screen and (max-width: 1366px){
  body::after{content: "laptop";}
}
@media only screen and (max-width: 1024px){
  body::after{content: "tablet";}
}
@media only screen and (max-width: 568px){
  body::after{content: "mobile";}
}
*/
/* accesibility focusable items */
*:focus{outline: 2px solid rgba( var(--featured-color-rgb), 1);outline-offset: 8px;z-index: 2;-webkit-animation: effect-focus 1s infinite alternate ease-in-out;animation: effect-focus 1s infinite alternate ease-in-out;}
@-webkit-keyframes effect-focus {
  from {outline-color: rgba( var(--featured-color-rgb), .5);outline-offset: 8px;}
  to {outline-color: rgba( var(--featured-color-rgb), 0); outline-offset: 12px}
}
@keyframes effect-focus {
  from {outline-color: rgba( var(--featured-color-rgb), .5);outline-offset: 8px;}
  to {outline-color: rgba( var(--featured-color-rgb), 0); outline-offset: 12px}
}


strong, b {
  font-weight: var(--font-weight-strong);
}
/* headings */


.has-background{position: relative;}
.background{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;object-fit: cover;}
.background > img{object-fit: cover;object-position: center center;width: 100%;height: 100%;}
.background.contain > img{object-fit: contain;}


.video-background {pointer-events: none;position: fixed;top: 0; right: 0; bottom: 0; left: 0;z-index: 1;overflow: hidden;pointer-events: none;background: blue;}
.video-background > .holder-iframe{width: 100%;padding-top: 56.25%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-background > .holder-iframe > iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (max-aspect-ratio: 16/9) {
  .video-background > .holder-iframe{height: 100%;width: calc( 100vh * 1.777);padding: 0;}
}


/* grid-layout based on --grid-layout-width */
/*
.grid-layout {display: grid; grid-gap: var(--gap); grid-auto-flow: dense; grid-template-columns: repeat( auto-fill, minmax(var(--grid-layout-width), 1fr) );grid-auto-flow: row dense;grid-template-rows: masonry;}
@media only screen and (max-width: 1366px){
  .grid-layout { grid-template-columns: repeat( auto-fill, minmax(var(--grid-layout-width-laptop), 1fr) ); }
}
@media only screen and (max-width: 1024px){
  .grid-layout { grid-template-columns: repeat( auto-fill, minmax(var(--grid-layout-width-tablet), 1fr) ); }
}
@media only screen and (max-width: 568px){
  .grid-layout { grid-template-columns: repeat( auto-fill, minmax(var(--grid-layout-width-mobile), 1fr) ); }
}
*/
/* column-layout */
.columns-layout{column-count: var(--columns-count);column-gap: var(--items-gap);}
.columns-layout > .item{ break-inside: avoid; margin-bottom: var(--items-gap); }
/*
.columns-layout *{ break-inside: avoid; page-break-inside: avoid;


}
*/
.columns-layout.columns-layout-links { column-count: var(--columns-links, var(--columns-count)); }

.columns-layout.columns-layout-photos {column-count: var( --columns-photos, var(--columns-count) );}
.columns-layout.columns-layout-galleries { column-count: var(--columns-galleries, var(--columns-count)); }
.columns-layout.columns-layout-logos { column-count: var(--columns-logos, var(--columns-count)); }

.grid-layout{display: grid;grid-gap: var(--gap);grid-template-columns: repeat( var(--columns-count), 1fr );}
.grid-layout-logos{display: grid;grid-gap: var(--gap);grid-template-columns: repeat( var(--columns-logos), 1fr );}




/* cursor */
#cursor{top: -4px;left: -4px;position: fixed;width: 8px;height: 8px;will-change: auto;border-radius: 50%;background: #FFF;z-index: 999;opacity: .25;-webkit-transition: all .3s ease-in-out, -webkit-transform .2s ease-out;transition: all .3s ease-in-out, transform .2s ease-out;pointer-events: none;mix-blend-mode:overlay;}
#cursor.cursor-photo{top: -64px;left: -64px;width: 128px;height: 128px;opacity: 1;background: rgba(255,255,255,.5);box-shadow: 0 0 0 8px var(--black), 0 0 100px 12px rgba( var(--featured-color-rgb), 1);}
/* [data-cursor-effect="cursor-photo"] {} */
#main{background: var(--black);position: relative;}
/* preheader */
#preheader {
  height: var(--preheader-height);
  background: var(--color-preheader-background);
  color: var(--color-preheader-color);
  z-index: 99;
  position: relative;
}
#preheader::after{
  content: " ";
  display: block;
  position: absolute;
 
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background: rgba(var(--color-b-rgb),.25);
  
}

#preheader a{line-height: var(--preheader-height);color: var(--color-preheader-color-a);}
#preheader a.featured{ padding: 0 var(--gap);}
#preheader a:hover, #preheader a:focus{color: var(--color-preheader-color-a-hover);}
#preheader  > .package{height: var(--preheader-height);display: flex;align-items: center;}
.contact-methods-header {display: flex;align-items: center;}
.contact-methods-header > a + a{margin-left: var(--gap);}
.contact-methods-header > a{display: flex;align-items: center;}
.contact-methods-header > a.featured::before{content: " ";position: absolute;inset: 0 0 1px 0;background: var(--color-d);mix-blend-mode: soft-light;}
.contact-methods-header > a > * + *{margin-left: 6px;}
.contact-methods-header > a > i{font-size:  calc( var(--preheader-font-size) + 8px ) ;}
/* header */
#header {height: var(--header-height);background: var(--color-d);position: sticky;top: 0;z-index: 100;-webkit-transition: var(--transition);transition: var(--transition);}
#header a {white-space: nowrap;-webkit-transform: var(--transition);transform: var(--transition);}
#header::before{
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(var(--color-e-rgb),.15) 50%, rgba(var(--color-e-rgb),0) 100%);
}

#header .show-mobile-menu{ align-self: right;}
#header .show-mobile-menu::before {
  width: calc(var(--header-height) - var(--gap) * 2);
  height: calc(var(--header-height) - var(--gap) * 2);
  background:var(--color-d);
  border: var(--border-width-effect) solid var(--color-e);
  color: var(--color-e);
  content: "\f0c9";
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: 'Line Awesome Free';
  font-weight: 900;
  font-size: 32px;
}
#header .visible-on-mobile-menu-breakpoint{flex-grow: 1;}




body.scrolling #header{background-color: rgba( var(--color-d-rgb), .75);}
#header::after{content: " ";display: block;height: var(--border-width-effect);width: 100%;background: rgba(var(--color-e-rgb), 1);}
#header .content {display: flex;height: var(--header-height);align-items: center;}
body.mobile-menu-available #header .content{
  justify-content: space-between;
}
#header .content > * + *{margin-left: var(--items-gap);}
#header .content > .logo img{ height: calc( var(--header-height) + var(--gap) * 2 ); width: auto; -webkit-transition: var(--transition); transition: var(--transition);}
body.scrolling #header .content > .logo img{ height: calc( var(--header-height) - var(--gap) / 2 );}
#header .content > .menu{flex-grow: 1; display: flex; justify-content: flex-end; }
#header .content > .menu > .item{ position: relative; }

#header .content > .menu > .item > a > .show-children{display: none;}

#header .content > .menu > .item > a{padding: 0 var(--items-gap);display: block;color: var(--color-a);line-height: var(--header-height);z-index: 0;}
#header .content > .menu > .item:hover > a{background: var(--color-e);}
#header .content > .menu > .item.current > a,
#header .content > .menu > .item > .children > .item.current > a{background: rgba(var(--color-e-rgb), .25);color: var(--color-a);}

#header .content > .menu > .item > .children{ display: none; z-index: 1; }
#header .content > .menu > .item:hover > .children{
  display: block;
  position: absolute;
  top: calc(100% - var(--gap));
  right: 0;
  min-width: 100%;
  background: var(--color-d);
  color: var(--color-a);
  border: 3px solid var(--color-e);

}
#header .content > .menu > .item > .children > .item > a{
  display: block;
  padding: var(--gap);
}
#header .content > .menu > .item > .children > .item:hover > a{
  background: var(--color-a);
  color: var(--color-e);
}

/* mobile-menu */
body.mobile-menu-opened{overflow: hidden;}
#mobile-menu{position: fixed;top: 0;left: 0;right: 0;bottom: 0;transition: var(--transition);z-index: 101;background: rgba( var(--color-d-rgb), .5 );pointer-events: none;opacity: 0;}
#mobile-menu > .content{border-left: var(--border-width-effect) solid var(--color-e);background-color: var(--color-d);position: absolute;top: 0;right: 0;bottom: 0;width: 400px;max-width: calc( 100vw - var(--padding) * 2);overflow-y: auto;transition: var(--transition);transform: translateX(50%);}
body.mobile-menu-opened #mobile-menu > .content {transform: translateX(0);}
#mobile-menu .close-mobile-menu{position: fixed;top: 0;right: 0;z-index: 1;}
#mobile-menu .close-mobile-menu::before{display: flex;align-items: center;justify-content: center;font-family: 'Line Awesome Free';font-weight: 900;font-size: 32px;padding: var(--gap);content: "\f00d";line-height: 1;}
#mobile-menu .content > nav {margin-top: var(--header-height);}
#mobile-menu nav .item > a{padding: var(--gap);display: flex;align-items: center;justify-content: space-between;color: var(--color-e);}
#mobile-menu nav .children .item:not(.current) > a {background-color: var(--color-c);color: var(--color-b);}
#mobile-menu nav .item > a > .show-children{display: block;}
#mobile-menu nav .item > a > .show-children::before{font-family: 'Line Awesome Free';font-weight: 900;font-size: 20px;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;content: "\f107";}
#mobile-menu nav .item.opened-children > a > .show-children::before{content: "\f106";}
#mobile-menu > .content > nav .item.current > a{background: var(--color-e);color: var(--color-a);}
#mobile-menu > .content > nav > .item:not(.opened-children) > .children{display: none;}
body.mobile-menu-opened #mobile-menu {pointer-events: all;opacity: 1;}

/* #footer */
#footer{margin-top: var(--padding);background: var(--color-c);padding: calc( var(--padding) / 2 ) 0;}
#footer .copyright{display: flex;justify-content: space-between;}
#footer .copyright > .legal-pages{display: flex;}
#footer .copyright > .legal-pages > * + *::before{margin: 0 var(--gap);content: "|";pointer-events: none;color: rgba( var(--color-b-rgb), .5);}
@media only screen and (max-width: 1024px){
  #footer .copyright{flex-direction: column;align-items: center;padding: var(--padding) 0;}
  #footer .copyright > * + * {margin-top: var(--gap);}
}
@media only screen and (max-width: 568px){
  #footer .copyright > .legal-pages{flex-direction: column;align-items: center;}
  #footer .copyright > .legal-pages > * + *{margin-top: calc( var(--gap) / 2 );}
  #footer .copyright > .legal-pages > * + *::before{display: none;;}

}
/* picture */
picture{display: block;position:relative;}
picture.no-full-width{display: inline-flex;}
picture > img{z-index: 1;position: relative}
picture > figcaption{position: absolute;bottom: var(--padding);left: var(--padding);z-index: 2;background:rgba( var(--black-rgb) , .95 );padding: var(--gap);}
section:nth-child(even) picture > figcaption{left: auto;right: var(--padding);}

/* card */
.card{ display: block; text-decoration: none;}
.card:hover, .card:focus{ text-decoration: none;}
.card > * + * { margin-top: var(--gap); }

/* img */
img{max-width: 100%;display: block;margin: 0;}
img.full-width{width: 100%;}
img.no-full-width{margin: auto;}

/* package */
.package{position: relative;display: block; margin: 0 auto;width: var(--package-width);max-width: 100%;z-index: 5;padding: 0 var(--padding);}
.package.sm {
  width: calc( var(--package-width) - 400px );
}

#blocks {position: relative;}
#blocks > .section + .section{ margin-top: var(--section-gap);}
/* heading */
.heading { display: flex; flex-direction: column;}
.heading > *{ margin: 0; }
.heading.reverse > *{order: 1;}
.heading.reverse > .subtitle{order: 0;}
.heading:not(.reverse) > .subtitle{ margin-top: var(--gap); }
.heading.reverse > .subtitle{ margin-bottom: var(--gap); }
.heading + * {margin-top: var(--padding);}
.heading.colorize > .title > strong{color: var(--color-e);}
.heading.centered{text-align: center;}

/*
.heading-sm > .title{
}
.heading-lg{
}
*/

/* title */
.background-video{position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;}
.background-video > video{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
/* block welcome */
section.welcome {height: calc(100vh - var(--header-height));background: var(--darkness-color);position: relative;color: #FFF;overflow: hidden;}
section.welcome.counter_0::after{content: " ";z-index: 2;position: absolute;bottom: 0; height: 4px;left: 0;right: 0;background:var(--color-e);transition: var(--transition);}

.block.welcome > .info{display: block;background-color: rgba( var(--color-d-rgb), .75 );}
.block.welcome > .info > .package > .holder-content > .content{display: flex;height: calc(100vh - var(--header-height));align-items: center;flex-direction: column;flex-wrap: wrap;justify-content: center;}
.block.welcome > .info > .package > .holder-content > .content > .heading {max-width: min(1000px, 100%);}

.block.welcome > .info > .package > .holder-content > .content > .heading > .title{ text-shadow:var(--text-shadow-titles); }
.block.welcome > .info > .package > .holder-content > .content > .heading.colorize > .title > strong{ text-shadow:var(--text-shadow-titles-colorize); }


.block.welcome > .info > .package > .holder-content > .content > * + *{ margin-top: var(--hfont-size); }

.block.welcome.counter_0{height: calc(100vh - var(--header-height) - var(--preheader-height));}
.block.welcome > .info{z-index: 2;position: relative;}
.block.welcome > .info + .background-video{
  -webkit-filter: grayscale(.85) contrast(1.5);
  filter: grayscale(.85) contrast(1.5);
}
.block.welcome > .logo{position: absolute;top: 0;right: 0;z-index: 3;mix-blend-mode: overlay;transform: rotate(30deg) translate(var(--padding), calc(0px - var(--padding)));width: min( 500px, 25vw );}



/* block text  */
.block.text .content.has-image{display: flex;justify-content: space-between;align-items: center;}
.block.text .content.has-image > *{ width: calc( 50% - var(--gap) );}
.block.text .content.image_left{flex-direction: row-reverse;}
@media only screen and (max-width: 1024px){
  .block.text .content.has-image{flex-direction: column-reverse;}
  .block.text .content.has-image > *{ width: 100%;}
  .block.text .content.has-image > .holder-description{margin-top: var(--gap);}
}
@media only screen and (max-width: 568px){
  .block.text .content.has-image > .holder-image{margin: 0 calc(0px - var(--padding)); width: calc( 100% + var(--padding) * 2 ); }
}

/* block text_info  */
.block.text_info .content{background-color: rgba( var(--color-c-rgb), .5 );padding: calc( var(--gap) * 2 );border: var(--border-width-effect) solid var(--color-e);}
.block.text_info .content.has-image{display: flex;justify-content: space-between;align-items: center;}
.block.text_info .content.has-image > .holder-image {max-width: 64px;}
.block.text_info .content.has-image > .holder-description{width: calc(100% - 100px - var(--gap));}
.block.text_info .content.image_left{flex-direction: row-reverse;}
@media only screen and (max-width: 1024px){
  .block.text_info .content.has-image{flex-direction: column-reverse;align-items: flex-start;}
  .block.text_info .content.has-image > *{ width: 100%;}
  .block.text_info .content.has-image > .holder-description{margin-top: var(--gap);width: 100%;}
}
@media only screen and (max-width: 568px){

  .block.text_info .content{padding: var(--gap);}

}
/* element logos-list */
.logos-list{display: grid; grid-gap: var(--items-gap); grid-template-columns: repeat(var(--columns-logos), 1fr);justify-content: center;}
.logo {display: block;}
.logo > .image{display: block;width: 100%;padding-bottom: 50%;position: relative;}
.logo > .image > img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;object-position: center;}
.logo > .title{margin-top: var(--gap);text-align: center;}

/* element a gallery */
a.gallery{
  display: block;
  position: relative;
  text-decoration: none;
  background: var(--darkness-color);
  color: var(--white);
}

a.gallery > picture{
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: 65%;
}
a.gallery > picture > img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

a.gallery > picture::after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: var(--featured-color);
  mix-blend-mode: overlay;
  opacity: .5;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

a.gallery:hover > picture::after{
  opacity: 0;
}
a.gallery:hover > picture > img{
  -webkit-transform: scale(1.05);transform: scale(1.05);
}

a.gallery > picture.vertical > img{
  object-fit: contain;
}
a.gallery > .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--gap);

  z-index: 2;
  background: rgba(0,0,0,.5);
}






/* element gallery-list */
.gallery-list{column-count: var(--columns-photos);column-gap: var(--items-gap);background-color: pink;}
.gallery-list > .item{ margin: 0 0 var(--items-gap) 0; z-index: 1; position: relative;}

/* element photo */
a.photo {display: block;position: relative;}
a.photo > picture{display: block;clip-path: inset(0px 0px);-webkit-transition: clip-path var(--transition-time);transition: clip-path var(--transition-time);}
a.photo:hover > picture, a.photo:focus > picture  {clip-path: inset(var(--gap) var(--gap));}
a.photo::before{content: " ";display: block;position: absolute;top: calc( var(--gap) + 1px);left: calc( var(--gap) + 1px);right: calc( var(--gap) + 1px);bottom: calc( var(--gap) + 1px);-webkit-transition: -webkit-box-shadow var(--transition-time);transition: box-shadow var(--transition-time);-webkit-box-shadow: 0 0 0 rgba(255,255,255,0);box-shadow: 0 0 0 rgba(255,255,255,0);}
a.photo:hover::before{-webkit-box-shadow: 0 var(--gap) calc( var(--gap) * 3) rgba( var(--featured-color-rgb), .25 );box-shadow: 0 var(--gap) calc( var(--gap) * 3) rgba( var(--featured-color-rgb), .25 );}
a.photo > picture > img {width: 100%;-webkit-transition: -webkit-transform var(--transition-time), -webkit-filter var(--transition-time);transition: transform var(--transition-time), filter var(--transition-time);}
a.photo:hover > picture > img, a.photo:focus > picture > img {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-filter: contrast(1.2);filter: contrast(1.2);}
a.photo > picture::after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba( var(--featured-color-rgb), .0 );mix-blend-mode: overlay;content: " ";-webkit-transition: background var(--transition-time);transition: background var(--transition-time);}
a.photo:hover > picture::after, a.photo:focus > picture::after{background: rgba( var(--featured-color-rgb), .15 );}
a.photo > .info {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to bottom, rgba( var(--black-rgb) , 0 ) 0%, rgba( var(--black-rgb) , 1 ) 100%);padding: var(--gap);z-index: 2;color: var(--white);clip-path: inset(0px 0px);-webkit-transition: clip-path var(--transition-time), opacity var(--transition-time);transition: clip-path var(--transition-time), opacity var(--transition-time);}
a.photo:hover > .info, a.photo:focus > .info {clip-path: inset(var(--gap) var(--gap));opacity: 0;}


.youtube > iframe{display: block;position: relative;z-index: 2;-webkit-transition: -webkit-box-shadow var(--transition-time);transition: box-shadow var(--transition-time);overflow: hidden;}
.youtube:hover > iframe, .youtube:focus > iframe{-webkit-box-shadow: 0 var(--gap) calc( var(--gap) * 3) rgba( var(--featured-color-rgb), .25 );box-shadow: 0 var(--gap) calc( var(--gap) * 3) rgba( var(--featured-color-rgb), .25 );}



/* item logo */
.item-logo{display: block;position: relative;padding: calc( var(--gap) * 2);background-color: var(--color-c);text-align: center;transition: background-color var(--transition-time);}
a.item-logo:hover, a.item-logo:focus{background-color: var(--color-e);color: var(--color-a);}
.item-logo > picture{display: block;width: 100%;padding-bottom: 50%;}
.item-logo > picture > img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;width: auto;height: auto;}
.item-logo > * + *{margin-top: var(--gap);}

/* item-link-group */
.item-link-group {
  display: inline-block;
  width: 100%;
  page-break-inside: avoid;
  /*
  display: flex;
  flex-direction: column;
  */
}
.item-link-group > * {
  width: 100%;
}
.item-link-group > * + *{
  margin-top: calc( var(--gap) * 2);
}
.item-link-group > nav{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.item-link-group > nav > * + * {
  margin-top: var(--gap);
}

.item-link-group > nav > a{
  display: block;
}

#header .package{
  z-index: 6;
}
#header scroll-position-bar {

  position: absolute;
  bottom: calc(0px - var(--border-width-effect));
  z-index: 5;
  height: var(--border-width-effect);
  background: rgba( var(--color-d-rgb), .5 );
}



/* hero_image */
.block.map > .no-package google-maps {
  border-top: var(--border-width-effect) solid var(--color-e);
  border-bottom: var(--border-width-effect) solid var(--color-e);
}
google-maps {
  height: 0;
  padding-bottom: 25%;
}

@media only screen and (max-width: 1024px){
  google-maps {
    padding-bottom: 50%;
  }
}




section.posts_latest .list{display: grid; grid-gap: var(--items-gap); grid-template-columns: repeat(var(--columns-posts), 1fr);justify-content: center;}
section.events_upcoming .list{display: grid; grid-gap: var(--items-gap); grid-template-columns: repeat(var(--columns-events, 2), 1fr);justify-content: center;}
section.events_previous .list{display: grid; grid-gap: var(--items-gap); grid-template-columns: repeat(var(--columns-events, 2), 1fr);justify-content: center;}



.card.post {color: var(--color-b);}
.card.post > .info > * + *{margin-top: var(--gap);}
.card.post .item-title{color: var(--color-a);}
.card.post > .thumbnail {position: relative;padding-bottom: 62.5%;object-fit: cover;object-position: center;}
.card.post > .thumbnail > img{position: absolute;inset: 0;}
.card-gallery{display: block;}



.card.event{display: flex;padding: var(--gap);background: rgba( var(--color-c-rgb), .5);color: var(--color-b);transition: background-color var(--transition-time);
align-items: flex-start;
}
.card.event:hover, .card.event:focus{background-color: rgba( var(--color-c-rgb), 0);}
.card.event > .thumbnail {width: 25%;padding:  var(--border-width-effect);background: var(--color-d); margin-right: var(--gap);
  transition: background-color var(--transition-time);}
.card.event:hover > .thumbnail, .card.event:focus > .thumbnail{background-color: var(--color-a);}



.card.event > .info{width: calc(75% - var(--gap));margin: 0;}
.card.event > .info > * + *{margin-top: var(--gap);}




.effect-on-thumbnail > .thumbnail{display: block;clip-path: inset(0px 0px);-webkit-transition: clip-path var(--transition-time);transition: clip-path var(--transition-time);}
.effect-on-thumbnail:hover > .thumbnail, .effect-on-thumbnail:focus > .thumbnail  {clip-path: inset(var(--gap) var(--gap));}
.effect-on-thumbnail > .thumbnail > img {width: 100%;-webkit-transition: -webkit-transform var(--transition-time), -webkit-filter var(--transition-time);transition: transform var(--transition-time), filter var(--transition-time);}
.effect-on-thumbnail:hover > .thumbnail > img, .effect-on-thumbnail:focus > .thumbnail > img {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-filter: contrast(1.2);filter: contrast(1.2);}

section.calltoaction.no-background .content{background-color: var(--featured-color);padding: var(--padding);}
section.calltoaction.has-background{background-color: var(--dark);padding: calc( var(--padding) * 3 ) 0;}
section.calltoaction.has-background::before{content: " ";display: block;position: absolute;inset: 0;z-index: 1;background: linear-gradient(-45deg, rgba(var(--color-c-rgb), 0) 0%, rgba(var(--color-c-rgb), .75)  30%, rgba(var(--color-c-rgb), .75)  70%, rgba(var(--color-c-rgb), 0)  100%);mix-blend-mode:darken;}
section.calltoaction.has-background .heading > .title {text-shadow:var(--text-shadow-titles);}

section.calltoaction .btn{background-color: var(--color-e);}
section.calltoaction .btn:hover, section.calltoaction .btn:focus{background-color: var(--color-d);box-shadow: 0 0 0 2px var(--color-e);color: var(--color-e);}

section.title.no-background{background-color: var(--color-c);padding: var(--padding);}
section.title.has-background{background-color: var(--color-c);padding: calc( var(--padding) * 3 ) 0;}
section.title.has-background::before{content: " ";display: block;position: absolute;inset: 0;z-index: 1;background: linear-gradient(-45deg, rgba(var(--color-c-rgb), 1) 0%, rgba(var(--color-c-rgb), 0)  20%, rgba(var(--color-c-rgb), 0)  80%, rgba(var(--color-c-rgb), 1)  100%);mix-blend-mode: overlay;}
section.title.has-background > .background{left: 50%;}
section.title.counter_0::after{content: " ";z-index: 2;position: absolute;bottom: calc(0px - var(--border-width-effect)); height: var(--border-width-effect);left: 0;right: 0;background:var(--color-e);transition: var(--transition);}
section.title.has-background .actions{justify-content: flex-start;}
body.scrolling section.title.counter_0::after{background: rgba( var(--color-e-rgb), .25);}
section.title.has-background > .background::after{content: " ";display: block;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(var(--color-c-rgb), 1) 0%, rgba(var(--color-c-rgb), 0)  50%);position: absolute;z-index: 1;}







/* effects */
[data-effect='from-alpha']{opacity: 0;}
[data-effect].from-alpha {
  -webkit-animation: effect-from-alpha var(--effects-time) normal forwards ease-out;
  animation: effect-from-alpha var(--effects-time) normal forwards ease-out;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
@-webkit-keyframes effect-from-alpha {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes effect-from-alpha {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

[data-effect='from-bottom']{opacity: 0;}
[data-effect].from-bottom {
  -webkit-animation: effect-from-bottom var(--effects-time) normal forwards ease-out;
  animation: effect-from-bottom var(--effects-time) normal forwards ease-out;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
@-webkit-keyframes effect-from-bottom {
  0% {opacity: 0;-webkit-transform: translateY( 25vh ); }
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes effect-from-bottom {
  0% {opacity: 0;transform: translateY( 25vh );}
  100% {opacity: 1;transform: translateY(0);}
}

[data-effect='from-scale-down-bottom']{opacity: 0;}
[data-effect].from-scale-down-bottom {
  -webkit-animation: effect-from-scale-down-bottom var(--effects-time) normal forwards ease-out;
  animation: effect-from-scale-down-bottom var(--effects-time) normal forwards ease-out;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
@-webkit-keyframes effect-from-scale-down-bottom {
  0% {opacity: 0;-webkit-transform: translateY( 25vh ) scale( .75 );}
  100% {opacity: 1;-webkit-transform: translateY(0) scale(1);}
}
@keyframes effect-from-scale-down-bottom {
  0% {opacity: 0;transform: translateY( 25vh ) scale( .75 );}
  100% {opacity: 1;transform: translateY(0) scale(1);}
}

[data-effect='from-scale-down']{opacity: 0;}
[data-effect].from-scale-down {
  -webkit-animation: effect-from-scale-down var(--effects-time) normal forwards ease-out;
  animation: effect-from-scale-down var(--effects-time) normal forwards ease-out;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
@-webkit-keyframes effect-from-scale-down {
  0% {opacity: 0;-webkit-transform: scale( .75 );}
  100% {opacity: 1;-webkit-transform: scale(1);}
}
@keyframes effect-from-scale-down {
  0% {opacity: 0;transform: scale( .75 );}
  100% {opacity: 1;transform: scale(1);}
}


[data-effect='from-left']{opacity: 0;}
[data-effect].from-left {
  -webkit-animation: effect-from-left var(--effects-time) normal forwards ease-out;
  animation: effect-from-left var(--effects-time) normal forwards ease-out;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
@-webkit-keyframes effect-from-left {
  0% {opacity: 0;-webkit-transform: translateX( -25vw );}
  100% {opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes effect-from-left {
  0% {opacity: 0;transform: translateX( -25vw );}
  100% {opacity: 1;transform: translateX(1);}
}

[data-effect='from-right']{opacity: 0;}
[data-effect].from-right {
  -webkit-animation: effect-from-right var(--effects-time) normal forwards ease-out;
  animation: effect-from-right var(--effects-time) normal forwards ease-out;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
@-webkit-keyframes effect-from-right {
  0% {opacity: 0;-webkit-transform: translateX( 25vw );}
  100% {opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes effect-from-right {
  0% {opacity: 0;transform: translateX( 25vw );}
  100% {opacity: 1;transform: translateX(1);}
}