a[id] {
  scroll-snap-align: start;
  position: relative;
}
  .w-container:not(.ss),.reveal {
        opacity: -10;
        margin-top: 200px;
        transform: translate3d(10px, 10px, 10px) scale3d(1.1, 1, 1)
    }
    .w-container.show ,.reveal.show  {
      opacity: 1;
      margin-top:0;
      
    }
    .w-container.visible ,.reveal.visible  {
        opacity: 1;
        margin-top:0;
        transition: opacity .85s ease-out, margin .85s ease-out;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;

    }
  .fade { opacity: 0;display:none; transition: opacity 1s ease-in-out }
  .fade[data-nav-menu-open] { opacity: .99  }
  [data-nav-menu-open] .w-nav-link{ margin-left: 10px;}
  [data-nav-menu-open] .btn-nav{ margin-top: 5px;display: block;}

.grid-3-columns.gal2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .979999fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

/* Slider */
.swiper-slide{
  padding:0 .5em;
}
.pool{
  display: grid;
  margin-top: 2em;
  grid-template-columns: 40% 1fr; 
  gap: 10px; 
  box-sizing: border-box;
}
.pool .feat{
    display: grid;
  grid-template-rows: 1fr 1fr 1fr; /* 3 equal-height rows */
  grid-template-columns: 1fr;      /* 1 column */
  height: 400px;                   /* or any fixed height like 600px */
  gap: 5px; 
}
.pool .feat [ft]{
  background-color: #DCDDE1;
   display: grid;
  grid-template-columns: 180px 1fr; 
  gap: 10px; 
}
.pool .feat [ft] div img{
  max-width: 100px;
  margin: 0 auto;
}

.pool .feat [ft] div{
    display: flex;
    align-items: center;
    justify-content: center
} 
.pool .feat [ft] div>div{
    border-left: 1px solid #589BC2;
    padding-left: 20px;
    display: block;
    width: 100%;
}
.pool .feat [ft] div>div p{
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 1.5;
  color:#1F1713
}
.pool .feat [ft] div>div p:nth-child(2){
  color: #4A92BD;
  text-align: center;
}
.text {
  padding: 1.5em 2em;
  margin-top: 2em;
  white-space: wrap;
  margin-bottom: 5em;
  border:1px solid rgba(90,90,90,.18);
  box-shadow: 0px 0px 7px 0px rgba(90,90,90,.27);
-webkit-box-shadow: 0px 0px 7px 0px rgba(90,90,90,.27);
-moz-box-shadow: 0px 0px 7px 0px rgba(90,90,90,.27);
  text-align: center;
}
.text p b{ color: #3e71b3;}
.footer-top {
    padding-top: 5em;
    padding-bottom:  5em;
}
[📱]{display: none;}
[-📱]{display: block;}
img[st]{width:16em;margin: 0 auto}
img[st2]{max-width: 80%}
.gal2 img, ._3-3 img{
  border-radius: 3px;
}
@media screen and (max-width: 603px) {
  p[st1]{ padding: 0}
  h2{ font-size: 1.6em!important; }
  h3{ font-size: 1.4em!important; }
  .grid-7-columns{
    margin-bottom: 0!important;
  }
  [icon]+p {
    margin-top: 0px!important;
    margin-bottom: 15px!important;
  }
  .grid-4-columns {
    grid-column-gap: 20px;
    grid-row-gap: 4px;
  }
  .swiper-slide h3{font-size: 1.25em}
  .pool{ gap:6px}
  .pool .feat [ft] div img {  max-width: 70px;}
  .pool .feat{ height: 330px; }
  .pool .feat [ft]{  grid-template-columns: 90px 1fr; gap:0 }
  .pool .feat [ft] div>div p {font-size: 1em}

  .text { padding: 1.5em ; margin-top: 1em;  }
  .text p{font-size: .9em}

  
  .pool{  grid-template-columns: 1fr;  }
  .section.hero-bg-image-2 {
    background-image: url(../img/hero2.jpg);
    background-position: left bottom;
    height: calc(100vh - 270px);
    background-size: cover;
  }
    .grid-2-columns._3-3,.grid-3-columns.gal2,.grid-2-columns {grid-template-columns: 1fr }
    .grid-7-columns,.grid-6-columns{ grid-template-columns: 1fr  1fr}
  [📱]{display:block }
  [-📱]{display:none }
}

[mt0]{margin-top: 0;}
[mt1]{margin-top: 1em}
[mt2]{margin-top: 2em}
[mt3]{margin-top: 3em}
[mt4]{margin-top: 4em}
[mt5]{margin-top: 5em}
[mt6]{margin-top: 6em}
[mt8]{margin-top: 8em}
[mt10]{margin-top: 10em}

[mb0]{margin-bottom: 0;}
[mb1]{margin-bottom: 1em}
[mb2]{margin-bottom: 2em}
[mb3]{margin-bottom: 3em}
[mb4]{margin-bottom: 4em}
[mb5]{margin-bottom: 5em}
[mb6]{margin-bottom: 6em}
[mb8]{margin-bottom: 8em}
[mb10]{margin-bottom: 10em}
hr[st]{border: 0;border-top:1px solid var(--neutral--100);}
h2{
  font-family: "Adam", sans-serif;
  letter-spacing: .015em;
  font-size: 1.85em;
}
h2[st]{color: #4A92BD;}
h4{   font-family: "Quicksand", sans-serif;font-weight: 400;color:#636363; }
h3{
  /*font-family: "Adam", sans-serif;*/
   font-family: "Quicksand", sans-serif;
   font-size: 1.6em;
   font-weight: 400;
   color: #4A92BD;
   text-align: center;
}
nav li>a.w-nav-link {
  font-weight: 600;
}
nav.w-nav-menu li>a.btn-nav {
    letter-spacing:.061em;
    font-family: "Adam", sans-serif;
    font-size: .9em;
    text-transform: uppercase;
    background-color:#4A92BD ;
    color:#fff;
    text-align: center;
    justify-content: center;
    padding: 12px 18px;
    text-decoration: none;
    border-radius: 4px;
}
nav.w-nav-menu li>a.btn-nav:hover {
    background-color: #58b0e3
}

a{font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
}
p,li{font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  color: #121212;
}
p[min]{font-size: 80%}
footer p[min]{color:#1212128e}
ul[perks]{
  list-style: none;
  border-left: 2px solid #5aa3d1;
}
ul[perks] li::marker {
  content: "—";
  padding-right: 5px;
  color: #4888AF;

}

[icon]{
  border: 2px dotted #4888AF;
  padding: .5em;
  border-radius: 12px;
  display: flex;
  align-items: center;
}
footer [icon]{
  border: 0;
  padding: .3em;
  line-height: 1.25;
}
[icon]+p{
    margin-top: 10px;
    padding: 10px 5px 0 5px;
    line-height: 1.45;
    font-size: .9em;

}
.grid-6-columns div{
  text-align: center;
}
.grid-6-columns div>img{
  width: 50px;
  margin-bottom: 9px;
}
.grid-7-columns div>img{
  width: 100%;
  margin-bottom: 9px;
}
.grid-6-columns div>img[wid]{
  width: 60px;
    margin-bottom: 0;
}
.grid-6-columns div>img+p{
  font-family: "Quicksand", sans-serif;
   font-size: 1em;
   font-weight: 400;
   line-height: 1.3;
}
[icon]>img{
  width: 40px;
  margin-left: 10px;
}
[icon] p{
  padding-left: 15px;
  width: 100%;
  margin-bottom: 0;
  color: #4888af;
}
[icon] p a{
  color: #426fa9;
  text-decoration: none;
}
[icon] p a:hover{text-decoration:  underline 1px solid #4888af}
p[st1]{
  text-align: center;
  font-size: 1.1em;
  line-height: 1.5;
  color:#1F1713;
  padding: 0 1em;
}
/* CART BUTTON */
.cart-button-wrapper {
  margin-left: 32px;
}

.cart-button {
  transform-style: preserve-3d;
  background-color: #0000;
  padding: 0;
  transition: transform .3s, opacity .3s, color .3s;
  position: relative;
}

.cart-button:hover {
  opacity: .7;
  transform: scale3d(.96, .96, 1.01);
}

.cart-quantity {
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  position: absolute;
  inset: auto auto -8px -16px;
}
.half-bg-image-left.content-section-v2 {
    background-image: url(../img/bg-3.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 0%;
}
.section.half-rigth-bg-image-section {
    position: relative;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719d0c5bd782b4_line-rounded-icons.woff2') format('woff2'), url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719d0225d782a1_line-rounded-icons.eot') format('embedded-opentype'), url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719d26f0d782b1_line-rounded-icons.woff') format('woff'), url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719d59fbd7829c_line-rounded-icons.ttf') format('truetype'), url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719d882ad782a0_line-rounded-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Social Icons Font';
  src: url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719d9993d782b0_social-icon-font.woff2') format('woff2'), url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719d708fd782a8_social-icon-font.eot') format('embedded-opentype'), url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719dd2e9d782b7_social-icon-font.woff') format('woff'), url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719d2749d782c0_social-icon-font.ttf') format('truetype'), url('https://cdn.prod.website-files.com/61f981dc0f719d75a5d78239/61f981dc0f719def7dd782b2_social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* RICH TEXT */

.rich-text img {
  border-radius: 24px;
}

.rich-text p {
  margin-bottom: 32px;
}

.rich-text h2, .rich-text h3 {
  margin-bottom: 24px;
}

.rich-text figure {
  width: 100%;
  max-width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
}

.rich-text ul {
  margin-bottom: 40px;
  padding-left: 30px;
}

.rich-text ol {
  margin-bottom: 60px;
}

.rich-text h6 {
  margin-top: 32px;
}

.rich-text h5, .rich-text h4 {
  margin-bottom: 24px;
}

.rich-text a {
  color: var(--neutral--800);
}

.rich-text a:hover {
  color: var(--accent--primary-1);
}

.rich-text blockquote {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {

  .rich-text p {
    margin-bottom: 24px;
  }

  .rich-text h2, .rich-text h3 {
    margin-bottom: 16px;
  }

  .rich-text figure {
    margin-top: 52px;
    margin-bottom: 52px;
  }

  .rich-text ul {
    margin-bottom: 32px;
  }

  .rich-text ol {
    margin-bottom: 52px;
    padding-left: 32px;
  }

  .rich-text h5, .rich-text h4 {
    margin-bottom: 16px;
  }

  .rich-text blockquote {
    margin-top: 52px;
    margin-bottom: 52px;
    padding: 72px 52px;
    font-size: 22px;
  }
}
@media screen and (max-width: 479px) {

  .rich-text h2, .rich-text h3 {
    margin-top: 24px;
  }

  .rich-text figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rich-text ol {
    margin-bottom: 40px;
    padding-left: 24px;
  }

  .rich-text blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 48px 24px;
    font-size: 18px;
  }
}
/* POSITION */
.position-absolute.image-card {
    inset: auto 40px 35px;
}

.position-absolute {
    position: absolute;
}
/* FLEX */

.flex-horizontal.space-between {
    justify-content: space-between;
}
.flex-horizontal
 {
    justify-content: center;
    align-items: center;
    display: flex
;
}
/* CARD */
.card.image-card {
    box-shadow: none;
    border-width: 0;
    padding: 45px 35px 50px;
}
.blog-card-wrapper.featured-side-v1 {
    grid-column-gap: 15px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1.4fr 1.6fr;
    grid-auto-columns: 1fr;
    align-items: center;
    min-width: 540px;
    transition: transform .3s, color .3s;
    display: grid
;
}

.blog-card-wrapper {
    color: var(--neutral--600);
    max-width: 1010px;
    margin-left: auto;
    text-decoration: none;
}
/*FOOTER */

.footer-columns-wrapper {
    grid-column-gap: 65px;
    grid-row-gap: 50px;
    justify-content: flex-start;
    display: flex
}
@media screen and (max-width: 991px) {
    .footer-columns-wrapper {
        flex-wrap: wrap;
    }
}
.footer-2-columns---2-rows---wrapper {
    grid-column-gap: 35px;
    grid-row-gap: 32px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex
}
.footer-space-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    width: 100%;
    max-width: 292px;
    text-decoration: none;
    display: flex;
}
@media screen and (max-width: 767px) {
    .footer-space-wrapper {
        flex-wrap: wrap;
        min-width: 45%;
        max-width: 45%;
    }
}
.footer-list-columns-wrapper {
    grid-column-gap: 28px;
    grid-row-gap: 0px;
    display: flex
}
.footer-link-middle {
    color: var(--neutral--400);
    transform-style: preserve-3d;
    text-decoration: none;
    transition: transform .3s, color .3s;
    display: inline-block;
}

/* NAV LIST */
.nav-list-wrapper {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}
.nav-list-item {
    margin-bottom: 18px;
    padding-left: 0;
    line-height: 1.111em;
}


/* HERO FORM */
.hero-form {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--neutral--100);
    border-radius: 75px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr .5fr;
    grid-auto-columns: 1fr;
    height: 80px;
    min-height: 80px;
    display: grid;
}
.hero-form-search {
    color: var(--neutral--800);
    background-color: #0000;
    border: 1px solid #0000;
    border-top-left-radius: 75px;
    border-bottom-left-radius: 75px;
    height: 100%;
    min-height: 80px;
    margin-bottom: 0;
    padding: 24px 20px 24px 55px;
    font-size: 18px;
    transition: color .3s;
    position: relative;
}
@media screen and (max-width: 767px) {
    .hero-form-search {
        min-height: 64px;
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .hero-form-search {
        background-color: var(--neutral--100);
        border-radius: 75px;
        min-height: 72px;
    }
}
@media screen and (max-width: 767px) {
    .hero-form.shadow-03 {
        flex-wrap: wrap;
        display: flex;
    }
}

@media screen and (max-width: 991px) {
    .hero-form.shadow-03 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        background-color: #0000;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        height: auto;
    }
    .input-separator-rigth {
        display: none;
    }
    .hero-form.shadow-03>form {
        grid-column: span 2 / span 2;
    }
}
.search {
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    position: relative;
}
@media screen and (max-width: 767px) {
    .search {
        width: 100%;
    }
}

input.w-button {
    -webkit-appearance: button;
    appearance: button;
}
.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
    max-width: 150px;
    border-radius: 4px;
    width: 160px;
}
.search-button-hidden {
    display: none;
}
.input-icon {
    color: var(--neutral--500);
    font-family: Line Rounded Icons, sans-serif;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: 28px;
}
.input-dropdown-toggle.hero-form.text-200 {
    z-index: 1;
    border-color: #0000;
}
.input-dropdown {
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .input-dropdown {
        flex: 1;
        width: 48%;
        min-width: 200px;
    }
}
.input-dropdown-toggle {
    color: var(--neutral--600);
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 24px 32px 24px 60px;
    line-height: 1em;
    display: flex
}
.input-separator-rigth {
    background-color: var(--neutral--300);
    width: 1px;
    min-width: 1px;
    height: 53px;
    min-height: 53px;
    position: absolute;
    inset: 50% 0% 0% auto;
    transform: translate(0, -50%);
}

/* ROOT */
:root {
    /* --neutral--600: #6c6c6c; */
    --acqua:#4A92BD;
    --neutral--800: #121212;
    --neutral--100: #e0e0e0;
    --general--shadow-01: #1212130f;
    --neutral--200: #f8f8f8;
    --neutral--300: #f1f1f1;
    --neutral--700: #383838;
    --neutral--500: #a3a3a3;
    --neutral--400: #cbcbcb;
    --system--green-400: #11845b;
    --system--blue-400: #086cd9;
    --system--blue-300: #1d88fe;
    --system--blue-200: #8fc3ff;
    --system--blue-100: #eaf4ff;
    --system--green-300: #05c168;
    --system--green-200: #7fdca4;
    --system--green-100: #def2e6;
    --system--red-400: #dc2b2b;
    --system--300: #ff5a65;
    --system--red-200: #ffbec2;
    --system--red-100: #ffeff0;
    --system--orange-400: #d5691b;
    --system--orange-300: #ff9e2c;
    --system--orange-200: #ffd19b;
    --system--orange-100: #fff3e4;
    --general--shadow-02: #12121314;
    --general--shadow-03: #12121333;
    --general--shadow-04: #12121324;
    --general--shadow-05: #12121329;
    --general--shadow-06: #1212133d;
    --button-shadow--color-01: #1212121f;
    --button-shadow--color-2: #12121229;
    --button-shadow--color-03: #1212123d;
    --button-shadow--white-01: #14142b0a;
    --button-shadow--white-02: #14142b0f;
    --button-shadow--white-03: #14142b1a;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
}