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

:root {
  /* --package-width: 1800px; */
  --padding: 64px;
  --gap: 20px;
  --transition: all .2s ease-in-out;
  --transition-time: .2s ease-in-out;
  --effects-time: .2s;
  --preheader-height: 40px;
  --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 2px 1px var(--color-b), 0px 8px 10px rgba(var(--color-b-rgb), 0.1), 0px 3px 6px rgba(var(--color-d-rgb),0.2), 0px 8px 10px rgba(var(--color-d-rgb),0.5); 
  --text-shadow-titles-strong: 0px 2px 1px var(--color-e), 0px 8px 10px rgba(var(--color-e-rgb), 0.1), 0px 3px 6px rgba(var(--color-d-rgb),0.2), 0px 8px 10px rgba(var(--color-d-rgb),0.5); 


  --border-width-effect: 2px;

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

}

/* laptop */
@media only screen and (max-width: 1366px){
  :root {
    /* --package-width: 1100px; */
    --columns-count: 3;
    --border-width-effect: 2px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px){
  :root {
    --gap: 16px;
    /* --package-width: 800px; */
    --columns-count: 2;

  }
}
@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: #FFF;}
.subtitle strong, .subtitle b{ font: var(--subtitle-font-strong); }
.btn {color: var(--color-c);background-color: var(--color-a);box-shadow: 0 0 2px 2px rgba(var(--color-d-rgb), .25);}
.btn:hover, .btn:focus {color: var(--color-a);background-color: var(--color-e);box-shadow: 0 4px 8px 4px rgba(var(--color-d-rgb), .5);}



* + .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-galleries {column-count: var( --columns-galleries );}

.columns-layout.columns-layout-photos {column-count: var( --columns-photos, 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: #000;color: var(--color-preheader-color);z-index: 99;position: relative;}
#preheader::after{content: " ";display: block;position: absolute;left: 0;right: 0;top: 0px;height: 1px;background: rgba(var(--color-a-rgb),.5);}
#preheader a{line-height: var(--preheader-height);color: var(--color-preheader-color-b);

}
#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;justify-content: flex-end;}
.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-c);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-c-rgb), .95);}
#header::after{content: " ";display: block;height: var(--border-width-effect);width: 100%;background: rgba(var(--color-b-rgb), .25);}
#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);}

#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: #FFF;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-b-rgb), 1);color: #FFF;}

#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);
  outline: var(--border-width-effect) solid rgba(var(--color-b-rgb), .1);
}
#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(--gap);}
.heading > .title {color: var(--color-a);}
.heading > .title > strong{color: var(--color-b);}
.heading.centered{text-align: center;}
.heading.cast-shadow > .title{ text-shadow:var(--text-shadow-titles); }
.heading.cast-shadow > .title > strong{ text-shadow:var(--text-shadow-titles-strong); }
/* 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;}
.block.welcome > .info{display: block;background-color: rgba( var(--color-d-rgb), .75 );background: radial-gradient(circle at center, rgba(var(--color-d-rgb),0) 0%, rgba(var(--color-c-rgb),1) 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(800px, 100%);}

.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(.95) contrast(1.2);
  filter: grayscale(.95) contrast(1.2);
}
.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 a gallery */
.card.gallery{text-align: center;}
.card.gallery > .thumbnail {position: relative;padding-bottom:100%;object-fit: cover;object-position: center;box-shadow: 0 8px 64px 0 rgba(var(--color-e-rgb), .25);transition: var(--transition);}
.card.gallery > .thumbnail:hover{box-shadow: 0 0 80px 0 rgba(var(--color-e-rgb), .5);}
.card.gallery > .thumbnail > img{position: absolute;inset: 0;}

/* 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 > .thumbnail {position: relative;padding-bottom: 62.5%;object-fit: cover;object-position: center;box-shadow: 0 8px 64px 0 rgba(var(--color-e-rgb), .25);transition: var(--transition);}
a.photo > .thumbnail:hover{box-shadow: 0 0 80px 0 rgba(var(--color-e-rgb), .5);}
a.photo > .thumbnail > img{position: absolute;inset: 0;}

.grid-layout-videos {gap: var(--padding);}
.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;box-shadow: 0 0 0 1px var(--color-c), 0 8px 64px 0 rgba(var(--color-e-rgb), .25);transition: var(--transition);}
.youtube > iframe + *{margin-top: var(--gap);text-align: center;}
.youtube:hover > iframe, .youtube:focus > iframe{box-shadow: 0 0 0 1px var(--color-b), 0 0 80px 0 rgba(var(--color-e-rgb), .5);}
/* element logos-list */
.grid-layout-logos{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: var(--gap);}
.grid-layout-logos > .item{width: 300px;}

/* item logo */
.item-logo{display: block;position: relative;padding: calc(var(--gap) * 3);text-align: center;transition: background-color var(--transition-time);}
a.item-logo:hover, a.item-logo:focus{background-color: var(--color-c);color: var(--color-a);}
.item-logo > picture{display: block;width: 100%;padding-bottom: 30%;}
.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);}

@media only screen and (max-width: 1024px){
  .grid-layout-logos > .item{width: 240px;}
  .item-logo{padding: calc(var(--gap) * 2);}
}
@media only screen and (max-width: 568px){
  .grid-layout-logos > .item{width: 150px;}
  .item-logo{padding: var(--gap);}
}


/* item-link-group */
.item-link-group {display: inline-block;width: 100%;page-break-inside: avoid;}
.item-link-group-title{color: var(--color-b);}
.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{
  letter-spacing: var(--item-title-sm-letter-spacing);
  font: var(--item-title-sm-font);
  display: block;
}

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

scroll-position-bar {position: fixed;top: 0;z-index: 101;height: var(--border-width-effect);background: rgba( var(--color-d-rgb), .5 );}
google-maps {height: 0;padding-bottom: 45%;}
@media only screen and (max-width: 1024px){
  google-maps {padding-bottom: 60%;}
}




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;}

.date {color: rgba(var(--color-a-rgb), .5);text-transform: uppercase !important;display: flex; align-items: center;line-height: 1;}
.date + *{margin-top: 4px !important;}
.date::before {


  
  color: var(--color-a);
  content: "\f133";

  font-family: 'Line Awesome Free';
  font-weight: 900;
  font-size: 24px;
  margin-right: 6px;
}



.card.post {color: var(--color-b);}
.card.post > .info > * + *{margin-top: var(--gap);}
.card.post .item-title{color: var(--color-b);}
.card.post > .thumbnail {position: relative;padding-bottom: 62.5%;object-fit: cover;object-position: center;box-shadow: 0 8px 64px 0 rgba(var(--color-e-rgb), .25);transition: var(--transition);}
.card.post > .thumbnail:hover{box-shadow: 0 0 80px 0 rgba(var(--color-e-rgb), .5);}
.card.post > .thumbnail > img{position: absolute;inset: 0;}




.card.event{display: flex;padding: var(--gap);color: var(--color-b);transition: background-color var(--transition-time);align-items: flex-start;
background-color: var(--color-c);
border-radius: var(--border-width-effect);
}

.card.event:hover, .card.event:focus{border-color: var(--color-b);}
.card.event > .thumbnail {width: 35%;padding:  var(--border-width-effect);background: var(--color-c); margin-right: var(--gap);
  transition: background-color var(--transition-time);}
  



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

.card.event > .info > .holder-description{
  color: var(--color-a);
}


.effect-on-thumbnail > .thumbnail{display: block;overflow: hidden;}
.effect-on-thumbnail > .thumbnail > img {width: 100%;transition: all 1s ease-in-out;filter: grayscale(.75);}
.effect-on-thumbnail > .thumbnail::after {content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;mix-blend-mode:darken;background: radial-gradient(circle at center, rgba(var(--color-c-rgb),0) 0%, rgba(0, 0 , 0 ,1) 140%);opacity: 1;transition: all 1s ease-in-out;}
.effect-on-thumbnail:hover > .thumbnail::after {opacity: 0;}
.effect-on-thumbnail:hover > .thumbnail > img, .effect-on-thumbnail:focus > .thumbnail > img {-webkit-transform: scale(1.03);transform: scale(1.03);filter: grayscale(0) contrast(1.3);}

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) * 4 ) 0;

  box-shadow: 0 -1px 0 0 rgba(var(--color-b-rgb), .25), 0 48px 48px 0 rgba(var(--color-b-rgb), .1);
  overflow: hidden;
}
section.calltoaction.has-background::before{content: " ";display: block;position: absolute;inset: 0;z-index: 1;
  background: linear-gradient(90deg, rgba(var(--color-d-rgb), 1) 0%, rgba(var(--color-e-rgb), .75)  25%, rgba(var(--color-c-rgb), .75)  75%, rgba(var(--color-d-rgb), 1)  100%);
  mix-blend-mode:multiply;

  
}



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 .actions{justify-content: flex-start;}
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)  100%);position: absolute;z-index: 1;}







section.title_event.no-background{background-color: var(--color-c);padding: var(--padding);}
section.title_event.has-background{background-color: var(--color-c);padding: calc( var(--padding) * 3 ) 0;}
section.title_event.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_event.has-background > .background{left: 50%;}
section.title_event .actions{justify-content: flex-start;}
section.title_event.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), .85)  100%);position: absolute;z-index: 1;}
section.title_event .holder-content{display: flex;gap: var(--padding);align-items: center;}
section.title_event .holder-content > .thumbnail{width: 200px;}








/* 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);}
}