/*!
 * Css Styles
 */
 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

 * {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #000000;
 }
 
 html, body {
   overflow-x: visible;
   scroll-behavior: smooth;
 }
 
 a {
   font-style: normal;
   font-weight: 400;
   cursor: pointer; }
 
 a, a:hover {
     text-decoration: none;
 }
 
 b, strong {
   font-weight: bold;
 }
 
 .body {
   background-color: #FFFFFF;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   margin: 0 auto;
   padding: 0;
 }

 img {
     max-width: 100%;
     height: auto;
 }

 .bold {
     font-weight: bold!important;
 }

 .header {
     display: flex;
     align-items: center;
     background-color: #0F0F0F;
     height: 73px;
 }

 .header .header-logo {
     max-width: 1920px;
     width: 100%;
     margin: 0 auto;
     padding: 0 23px;
 }
 
 .header a {
     display: block;
     max-width: 103px;
     width: 100%;
 }

 .banner {
     max-width: 1920px;
     width: 100%;
     margin: 0 auto;
 }

 .banner .banner-mobile {
     display: none;
 }

 .description {
     max-width: 664px;
     width: 100%;
     margin: 37px auto 60px;
     text-align: center;
 }

 .description h1 {
     font-size: 16px;
     font-weight: bold;
     margin: 0 0 5px;
 }

 .description p {
     line-height: 25px;
     margin-bottom: 33px;
 }

 .description_wrapper {
     display: flex;
     align-items: center;
     margin-bottom: 60px;
 }

 .description_wrapper .description-img {
     margin-right: 30px;
 }

 .description-txt__wrapper .description-txt{
     display: flex;
     align-items: center;
 }

 .description-txt__wrapper .description-txt:not(:last-child) {
     margin-bottom: 20px;
 }

 .description-txt__title p{
     font-size: 18px;
    text-align: left;
    margin: 0 0 0 14px;
    line-height: 21px;
 }

 .discover p {
     margin-bottom: 20px;
 }

 .discover .discover-arrow {
     position: relative;
    width: 2px;
    height: 40px;
    background: #000000;
    margin: 0 auto;
 }

 .discover .discover-arrow::before {
    content: '';
    position: absolute;
    left: -4px;
    bottom: 1px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(-225deg);
 }


 /* Product cards */
 .product-section-1 .discover{
    margin: 63.28px auto 77.76px;
 }

 .product-section-2 .discover {
     margin: 56.67px auto 57px;
 }

 .product-section .discover .discover-arrow {
     height: 90.24px;
 }

 .cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(306px, 1fr));
    grid-column-gap: 46px;
    grid-row-gap: 46.5px;
    max-width: 1491px;
    margin: 0 auto;
  }

  .cards_categories {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    max-width: 1395px;
    width: 100%;
    margin: 0 auto;
    padding: 0 23px;
  }

  .grid-article {
    width: 354px;
  }

  .product-img {
      margin-bottom: 31px;
  }

  .product-img img {
      width: 100%;
  }

  .product-name {
      margin-bottom: 9px;
  }

  .product-name a{
    font-size: 26px;
    font-weight: 500;
  }

  .product-cat {
      margin-bottom: 30px;
  }

  .product-descr {
      height: 75px;
      max-width: 275px;
      line-height: 25px;
      font-size: 16px;
      font-weight: 300;
      margin-bottom: 32px;
  }

  .product-descr-spec {
      max-width: 285px;
  }

  .product-time__wrapper {
      display: flex;
      align-items: center;
  }

  .product-time__wrapper .product-weeks,
  .product-time__wrapper .product-thc {
      display: flex;
      align-items: center;
  }

  .product-time__wrapper .product-thc {
      margin-left: 37px;
  }

  .product-time__wrapper .product-weeks span {
    font-size: 16px;
    font-weight: 300;
      margin-left: 13.5px;
  }

  .product-time__wrapper .product-thc span {
    font-size: 16px;
    font-weight: 300;
    margin-left: 10px;
}

.learn-more {
    display: block;
    font-weight: 500;
    margin: 32.58px 0 0;
    text-decoration: underline;
}

.learn-more:hover {
    text-decoration: none;
}

.thcv-descr {
    display: flex;
    align-items: center;
    width: 930px;
    height: max-content;
    margin-left: 67px;
}

.thcv-descr .thcv-descr-img {
    position: relative;
    flex-shrink: 0;
    width: 214px;
    height: 214px;
    background-image: url(../images/thcv-bg.jpg);
}

.thcv-descr .thcv-descr-img .thcv-img {
    position: absolute;
    right: -16px;
    top: 45%;
    transform: translateY(-50%);
}

.thcv-descr .thcv-descr-txt {
    font-weight: 300;
    line-height: 25px;
    margin-left: 76px;
}

.cat-img {
    margin-bottom: 29px;
}

.cat-img img {
    width: 100%;
}

.cat-title {
    height: 40px;
    margin-bottom: 32px;
}

.cat-descr {
    line-height: 25px;
    font-weight: 300;
}

.cat-descr a{
    font-weight: 500;
    text-decoration: underline;
}

.cat-descr a:hover {
    text-decoration: none;
}

.social {
    width: 229px;
    margin: 0 auto 43.5px;
}

.social p {
    text-align: center;
    font-weight: bold;
    margin-bottom: 56px;
}

.social .social-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

 /* footer */
.footer {
    display: flex;
    align-items: center;
    background: #0F0F0F;
    height: 72px;
}

.footer .footer-txt {
    max-width: 1395px;
    width: 100%;
    color: #FFFFFF;
    margin: 0 auto;
}

@media (max-width: 1540px) {
    .cards {
        max-width: 1160px;
        width: 100%;
        padding: 0 23px;
        grid-row-gap: 41px;
    }

    .cards_categories {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        max-width: 991px;
    }

    .footer .footer-txt {
        max-width: 100%;
        padding: 0 23px;
    }

}

@media (max-width: 1090px) {
    .cards {
        max-width: 660px;
    }

    .cards_categories {
        max-width: 745px;
    }

    .thcv-descr {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-left: 0;
    }

    .thcv-descr .thcv-descr-txt{
        margin-left: 0;
    }

    .grid-article {
        max-width: 354px;
        width: 100%;
    }
    .product-name {
        height: 60px;
    }
}

@media (max-width: 810px) {
    * {
        font-size: 14px;
    }

    .description {
        margin: 26px auto 20px;
    }

    .description h1 {
        font-size: 14px;
    }

    .description p {
        font-size: 14px;
        padding: 0 23px;
    }

    .description-txt__title p {
        line-height: 18px;
        padding: 0;
        margin-left: 10px;
    }

    .description_wrapper {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .description-txt__wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .description-txt__wrapper .description-txt:not(:last-child) {
        margin-bottom: 0;
    }

    .description_wrapper .description-img {
        margin-bottom: 26px;
        margin-right: 0;
    }

    .description-txt__wrapper .description-txt:not(:last-child) {
        margin-right: 10px;
    }

    .product-img {
        margin-bottom: 21px;
    }

    .product-name {
        margin-bottom: 11px;
    }

    .product-name a{
        font-size: 20px;
    }

    .product-cat {
        margin-bottom: 21px;
    }

    .product-descr {
        font-size: 15px;
        margin-bottom: 34.39px;
        height: 46px;
    }

    .product-time__wrapper .product-weeks span {
        font-size: 14px;
    }

    .learn-more {
        font-size: 15px;
        margin-top: 19.23px;
    }

    .thcv-descr-txt {
        font-size: 15px;
    }

    .cat-img,
    .cat-title {
        margin-bottom: 25px;
    }

    .product-section-2 .discover {
        margin: 25px 0;
    }

    .social {
        width: 309px;
    }

    .social p {
        font-size: 15px;
        text-align: center;
        margin-bottom: 45.76px;
    }

    .cards_categories {
        max-width: 645px;
    }

    .product-time__wrapper .product-thc span {
        font-size: 14px;
    }

    .footer .footer-txt {
        font-size: 16px;
    }
}

@media (max-width: 700px) {
    .cards {
        max-width: 309px;
    }

    .cards_categories {
        max-width: 400px;
    }

    .thcv-descr .thcv-descr-img {
        width: 148px;
        height: 162px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .thcv-descr .thcv-descr-img .thcv-img {
        top: 42%;
        right: auto;
    }

    .product-section-1 .discover {
        margin: 46px 0 54px;
    }

    .product-section-1 .discover .discover-arrow {
        height: 28.01px;
    }

    .description-txt .description-txt__img {
        width: 26px;
    }

    .product-cat.feminized {
        width: 79px;
    }

    .cards-DE .product-cat.feminized {
        width: 105px;
    }

    .cards-FR .product-cat.feminized {
        width: 88px;
    }

    .cards-IT .product-cat.feminized {
        width: 105px;
    }

    .cards-BE .product-cat.feminized,
    .cards-NL .product-cat.feminized { 
        width: 123px;
    }

    .cards-ES .product-cat.feminized {
        width: 88px;
    }

    .product-cat.autoflowering{
        width: 114px;
    }

    .cards-FR .product-cat.autoflowering{
        width: 132px;
    }

    .cards-IT .product-cat.autoflowering{
        width: 105px;
    }

    .cards-BE .product-cat.autoflowering,
    .cards-NL .product-cat.autoflowering { 
        width: 88px;
    }

    .cards-ES .product-cat.autoflowering {
        width: 132px;
    }

    .product-cat.cbd{
        width: 26px;
    }
    .product-name {
        height: auto;
    }
}

@media (max-width: 460px) {
    .header {
        height: 50px;
    }

    .header a {
        max-width: 61px;
    }

    .cards {
        padding: 0;
    }

    .cards_categories {
        padding: 0;
        max-width: 309px;
    }

    .description_wrapper .description-img {
        width: 248px;
    }

    .grid-cat:nth-child(2) .cat-title {
        width: 205px;
    }

    .cards_categories-DE .grid-cat:nth-child(2) .cat-title {
        width: 305px;
    }

    .cards_categories-FR .grid-cat:nth-child(2) .cat-title {
        width: 211px;
    }

    .cards_categories-ES .grid-cat:nth-child(2) .cat-title,
    .cards_categories-IT .grid-cat:nth-child(2) .cat-title {
        width: 223px;
    }

    .cards_categories-BL .grid-cat:nth-child(2) .cat-title,
    .cards_categories-NL .grid-cat:nth-child(2) .cat-title {
        width: 303px;
    }

    .grid-cat:nth-child(3) .cat-title {
        width: 290px;
    }

    .cards_categories-DE .grid-cat:nth-child(3) .cat-title {
        width: 285px;
    }

    .cards .product-img img {
        width: 100%;
    }
}

/* Back to top arrow icon */
#back-top a {
    width: 108px;
    display: block;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
  }
  
  #back-top span {
    width: 65px;
    height: 55px;
    position: fixed;
    outline: none;
    z-index: 15;
    bottom: 65px;
    right: -3px;
    opacity: .9;
    display: block;
    background: url(../images/up-arrow.png) no-repeat center center;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
  }

/* spinner  ----------------------------------------------*/
.spinner {
    width: 64px;
    height: 64px;
  }
  
  .spinner:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-color: #ec008c transparent #fff transparent;
    animation: spinner 1.2s linear infinite;
  }
  .spinner-container {
   /* display: none; */
    position: relative;
    width: 100%;
  }
  
  .spinner-container .spinner {
    margin: 24% auto
  }
  
  .spinner-content{
    position: relative;
    width: 100%;
    margin: 0 auto
  }
  
  .spinner-content .spinner {
    margin: 0% auto
  }
  
  .hero-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .hero-img-EN {
    background: url(../images/banner.jpg);
    background-position-x: center;
  }
  
  .hero-img-ES {
    background: url(../images/banner-ES.jpg);
    background-position-x: center;
  }
  
  .hero-img-FR {
    background: url(../images/banner-FR.jpg);
    background-position-x: center;
  }
  
  .hero-img-DE {
    background: url(../images/banner-DE.jpg);
    background-position-x: center;
  }
  
  .hero-img-NL {
    background: url(../images/banner-BE.jpg);
    background-position-x: center;
  }
  
  .hero-img-IT {
    background: url(../images/banner-IT.jpg);
    background-position-x: center;
  }
  
  
  .hero-img-EN, .hero-img-ES, .hero-img-FR, .hero-img-IT, .hero-img-NL, .hero-img-DE {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 25%;
    position: relative;
  }

  @media (max-width: 591px) {
    .hero-img-EN {
        background-image: url(../images/bg-mobile.jpg);
      }
      
      .hero-img-ES {
        background-image: url(../images/bg-mobile-ES.jpg);
      }
      
      .hero-img-FR {
        background-image: url(../images/bg-mobile-FR.jpg);
      }
      
      .hero-img-DE {
        background-image: url(../images/bg-mobile-DE.jpg);
      }
      
      .hero-img-NL {
        background-image: url(../images/bg-mobile-BE.jpg);
      }
      
      .hero-img-IT {
        background-image: url(../images/bg-mobile-IT.jpg);
      }

      .hero-img-EN, .hero-img-ES, .hero-img-FR, .hero-img-IT, .hero-img-NL, .hero-img-DE { 
          padding-bottom: 39%;
      }
    }

    @media (max-width: 375px) {
        .hero-img-EN, .hero-img-ES, .hero-img-FR, .hero-img-IT, .hero-img-NL, .hero-img-DE { 
            padding-bottom: 0;
            min-height: 146px;
        }
    }