/** Shopify CDN: Minification failed

Line 1147:0 Unexpected "{"
Line 1147:1 Expected identifier but found "%"
Line 1464:0 Unexpected "{"
Line 1464:1 Expected identifier but found "%"

**/
/* general */

.logo-text-image, .text-logo-joraleka{
  user-select: none;
}

/* logo */

.logo-landing{
  min-height:110px;
  margin-bottom:-40px;
}

.after_image{
  opacity: 0;
}

.logo-container{
  margin:0;
  padding-top:30px;
  text-align:center;
  position:relative;
  z-index:500;
}
.logo-container #btn_header_two{
  right:calc(7% + 4vw);
  top:50%;
  transform:translate(0, -50%);
  font-size:12px;
  height:42px;
}
.logo-container.fixed{
  position:fixed;
  top:0;
  margin-top:0;
  background-color:#F7F6F4;
  height:80px;
  border-bottom:1px solid rgba(0,0,0,0.1);
  width:100%;
}
.logo-text-image{
  text-align:center;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:27px;
  position:relative;
}

.logo-container.fixed .logo-text-image{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:calc(7% + 4vw + 70px);
}

.logo-container .text-logo-joraleka{
  font-family: 'Merchant-Black';
  font-size:55px;
  letter-spacing: 2px;
  line-height: 1.2;
}

.logo-container.fixed .text-logo-joraleka{
  font-size:38px;
  letter-spacing: 1px;
}

.logo-container.fixed .logo-text-image img{
  width:calc(45px + 0.4vw);
  height:calc(45px + 0.4vw);
  top:50%;
  transform:translateY(-50%);
}

.logo-text-image img{
  position:absolute;
  right:115%;
  top:50%;
  transform:translateY(-50%);
  width:calc(55px + 0.4vw);
  height:calc(55px + 0.4vw);
}

#img-footer{
  display: flex;
  align-items: center;
}

/* footer */

.text-logo-joraleka.footer{
  font-family: 'Merchant-Black';
  color:#fff;
  font-size:26px;
  display: inline-block;
  line-height: 1.2;
}

/* sections */

.image-with-text__content{
  background: transparent !important;
}

/* section intro */

.image-with-text.intro{
  margin-top:10px;
}

.image-with-text.intro .image-with-text__media{
    transform:translate(-7vw, -7vw)
}

.image-with-text.intro img:nth-child(1){
  width:65% !important;
  height:65% !important;
  top:50% !important;
  left:53% !important;
  transform:translate(-50%,-50%) rotate(105deg);
  z-index:10;
}
.image-with-text.intro img.image-2-lp-intro{
  width:calc(160px + 10vw);
  height:calc(160px + 10vw);
  top:50% !important;
  left: 50% !important;
  transform:translate(-50%,-50%) rotate(-45deg);
  z-index:5;
}
.image-with-text.intro img.image-3-lp-intro{
  width:calc(150px + 9vw);
  height:calc(150px + 9vw);
  bottom:23% !important;
  left:19% !important;
  top:inherit;
  transform:translateX(-70px);
  z-index:15;
}

/* section taches */

.image-with-text.taches img{
  width:80% !important;
  height:80% !important;
  top:50% !important;
  left: 50% !important;
  transform:translate(-50%,-50%)
}

.image-with-text.taches .image-with-text__content{
  padding-left:0rem !important;
  margin-left: -30px;
  padding-right:12rem;
  margin-right:150px;
}
.image-with-text.intro .image-with-text__content, .image-with-text.experts .image-with-text__content{
  margin-left:140px;
}
.image-with-text.intro .image-with-text__content{
  margin-top: -50px;
}

.image-with-text.taches .image-with-text__content .image-with-text__text{
  margin-top:30px;
}

.image-with-text.taches img:nth-child(1), .image-with-text.taches img.after_image{
  width:50% !important;
  height:50% !important;
  top:50% !important;
  left: inherit !important;
  right: 10% !important;
  transform:translateY(-50%);
  z-index:10;
  transition:none;
}
.image-with-text.taches img.image-2-lp-taches, .image-with-text.taches img.animate_image_part2{
  width:45% !important;
  height:45% !important;
  top:68% !important;
  left: inherit !important;
  right:53% !important;
  transform:translateY(-130%);
  z-index:15;
  transition: none;
}
.animate_image_part2{
  opacity: 0;
}
.image-with-text.taches img.image-3-lp-taches{
  width:45px !important;
  height:70px !important;
  top:inherit !important;
  bottom:8vw;
  left:52% !important;
  z-index:150;
}



.image-with-text.taches img.image-4-lp-taches {
    width: 12px !important;
    height: 22px !important;
    top: 22vw !important;
    left: 18.5% !important;
    z-index: 150;
    opacity: 1;
}

/* @media (min-height: 800px) and (max-height:1020px){
  .image-with-text.taches img.image-2-lp-taches, .image-with-text.taches img.animate_image_part2 {
    top: 59% !important;
    left: inherit !important;
    right: 52% !important;
  }
} */

@media (min-width: 1600px){
  .image-with-text.taches img.image-4-lp-taches{
    top: 27vw !important;
    left: 16.5% !important;
  }
}

@media (min-width: 1900px){
  .image-with-text.taches img.image-4-lp-taches{
    left: 17% !important;
    top: 21vw !important;
  }
}

@media (min-width: 2000px){
  .image-with-text.taches img.image-4-lp-taches{
        top: 14.5vw !important;
    left: 17% !important;
  }
}


/* experts */

.image-with-text.experts{
  padding:0 3rem;
  margin-top:-12vw;
}

@media screen and (max-width:1800px){
  .image-with-text.experts{
    margin-top:-15vw;
  }
}

.image-with-text.experts .image-with-text__media{
  transform: translateX(calc(-40px - 4vw));
}

.image-with-text.experts .image-with-text__content .image-with-text__text, .image-with-text.taches .image-with-text__content .image-with-text__text, .image-with-text.intro .image-with-text__content .image-with-text__text{
  margin-top:25px;
}

.image-with-text.experts img:nth-child(1){
  width:37% !important;
  height:37% !important;
  top:50% !important;
  left: 50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:50;
}
.image-with-text.experts img.image-2-lp-experts{
  width:calc(10% + 30px) !important;
  height:calc(10% + 30px) !important;
  top:33% !important;
  left:51% !important;
  z-index:15;
}
.image-with-text.experts img.image-3-lp-experts{
  width:calc(15% + 50px) !important;
  height:calc(15% + 50px) !important;
  bottom:12% !important;
  top:inherit !important;
  left:calc(34% + 1vw) !important;
  z-index:15;
}
.image-with-text.experts img.image-4-lp-experts{
  width:calc(15% + 40px) !important;
  height:calc(15% + 40px) !important;
  top:36% !important;
  left:inherit !important;
  right:calc(11% + 2vw);
  z-index:20;
}
.image-with-text.experts img.image-5-lp-experts{
  width:calc(15% + 50px) !important;
  height:calc(15% + 50px) !important;
  bottom:20% !important;
  right:10%;
  top:inherit !important;
  left:inherit !important;
  z-index:15;
}
.image-with-text.experts img.image-6-lp-experts{
  width:calc(18% + 50px) !important;
  height:calc(18% + 50px) !important;
  top:36% !important;
  left:calc(20% + 5vw) !important;
  z-index:15;
}

h2.image-with-text__heading.h1 {
  color:#000000;
  text-align:left;
  font: normal normal 900 56px/55px Lato;
  font-size:42px;
  line-height:1.15 !important;
  letter-spacing: 0px;
  opacity: 1;
}

.image-with-text.taches{
  margin-top:-25vw;
}

@media screen and (min-width:1700px){
  .image-with-text.taches{
    margin-top:-22vw;
  }

  .image-with-text.taches img.image-2-lp-taches, .image-with-text.taches img.animate_image_part2{
    top: 58% !important;
  }

  .image-with-text.intro img.image-3-lp-intro{
    /* bottom:20% !important; */
    width: calc(150px + 7vw);
    height: calc(150px + 7vw);
    left: 19% !important;
  }

  .image-with-text.intro .image-with-text__media{
    transform:translate(-5.5vw, -5.5vw)
  }

  .image-with-text.intro img.image-2-lp-intro {
    width: calc(160px + 8vw);
    height: calc(160px + 8vw);
  }
}

@media screen and (min-width:2100px){
  .image-with-text.intro .image-with-text__media{
    transform:translate(-4.5vw, -4.5vw)
  }

  .image-with-text.intro img.image-3-lp-intro{
    bottom:22% !important;
    left: 17% !important;
  }

  .image-with-text.intro img.image-2-lp-intro {
    width: calc(160px + 7vw);
    height: calc(160px + 7vw);
  }

  .image-with-text.taches{
    margin-top: -15vw;
  }
}


@media screen and (max-width:1400px){
  .image-with-text.intro img:nth-child(1){
    width:70% !important;
    height:70% !important;
  }

  .image-with-text.intro img.image-3-lp-intro{
    width:calc(150px + 10vw);
    height:calc(150px + 10vw);
    left:18% !important;
    bottom:22% !important;
  }

  .image-with-text.intro .image-with-text__media{
    transform:translate(-5vw, -6vw)
  }

  .image-with-text.experts{
    margin-top:-14vw;
  }

  .image-with-text.taches{
    margin-top:-25vw;
  }

  .image-with-text.intro .image-with-text__content, .image-with-text.experts .image-with-text__content{
    margin-left:90px;
  }
  .image-with-text.taches .image-with-text__content{
    margin-right:90px;
    margin-left: -20px;
  }

  .image-with-text.experts img.image-2-lp-experts{
    width:14% !important;
    height:14% !important;
  }

  .image-with-text.experts img.image-3-lp-experts{
    left:calc(33% + 1vw) !important;
    width: 21% !important;
    height: 21% !important;
    bottom: 14% !important;
  }

  .image-with-text.experts img.image-4-lp-experts{
    width: 20% !important;
    height: 20% !important;
    right: calc(12% + 2vw);
  }

  .image-with-text.experts img.image-5-lp-experts{
    width: 21% !important;
    height: 21% !important;
    right:12%;
  }

  .image-with-text.experts img.image-6-lp-experts{
    width: 24% !important;
    height: 24% !important;
  }

  .image-with-text.taches img.image-3-lp-taches{
    bottom:8vw;
    width: 40px !important;
    height: 65px !important;
  }

  .image-with-text.taches img.image-4-lp-taches {
    top: 21vw !important;
    left: 17% !important;
  }

  .image-with-text.intro{
    margin-top: 15px;
  }

}

@media screen and (max-width:1300px){
  .image-with-text.intro img.image-3-lp-intro{
    bottom:21% !important;
    left:17% !important;
  }

  .image-with-text.intro .image-with-text__media{
    transform:translate(-4vw, -6vw)
  }

  .image-with-text.taches img.image-3-lp-taches{
    bottom:7vw;
  }
  .image-with-text.taches img.image-4-lp-taches {
      top: 19.5vw !important;
    left: 28% !important;
  }
}

@media screen and (max-width:1200px){
  .image-with-text.intro img:nth-child(1){
    width:74% !important;
    height:74% !important;
  }

  .image-with-text.intro img.image-3-lp-intro{
    bottom:19% !important;
    left:15% !important;
  }
  
  .image-with-text.intro{
    margin-top:60px;
  }

  .image-with-text.intro .image-with-text__media{
    transform:translate(-2.5vw, -8vw)
  }
  
  .image-with-text.intro .image-with-text__content, .image-with-text.experts .image-with-text__content{
    margin-left:50px;
  }
  .image-with-text.taches .image-with-text__content{
    margin-right:50px;
  }

  .image-with-text.taches .image-with-text__content{
    padding-right:8rem;
    margin-left: -10px;
  }

  .image-with-text.experts{
    padding:0 3rem;
  }

  .logo-container #btn_header_two{
    right:5vw;
  }
  .logo-container.fixed .logo-text-image{
    left:calc(5vw + 70px);
  }

  h2.image-with-text__heading.h1{
    font-size: 36px;
  }
}

@media screen and (max-width:1100px){  
  .image-with-text.taches img.image-3-lp-taches{
    bottom:6vw;
    left: 54% !important;
  }

  .image-with-text.taches img.image-4-lp-taches {
      top: 21vw !important;
    left: 17% !important;
  }

  .image-with-text.intro img.image-3-lp-intro{
    bottom:18% !important;
    left:14% !important;
  }

  .image-with-text.intro img:nth-child(1){
    width:79% !important;
    height:79% !important;
  }

  .image-with-text.intro .image-with-text__media{
    transform:translate(-5px, -7vw)
  }

  .image-with-text.experts{
    margin-top:-10vw;
    margin-bottom:0;
  }

  .image-with-text.intro .image-with-text__content{
    margin-top:-30px;
  }

  .image-with-text.taches .image-with-text__content{
    margin-left:0px;
  }

  .image-with-text.taches{
    margin-top:-14vw;
  }
}

@media screen and (max-width:1000px){
  .image-with-text.intro img.image-3-lp-intro{
    bottom:15% !important;
    left:11% !important;
  }

  .image-with-text.intro .image-with-text__media{
    transform:translate(15px, -6vw)
  }

  .image-with-text.intro img:nth-child(1){
    width:85% !important;
    height:85% !important;
  }
}


@media screen and (max-width:900px){
  .logo-landing{
    min-height:150px;
  }

  .logo-text-image img{
    transform:translateY(0%);
  }

  .image-with-text.intro .image-with-text__media{
    transform:translate(0px,0px)
  }
  
  .image-with-text.intro img:nth-child(1){
    width:95% !important;
    height:95% !important;
  }
  .image-with-text.intro img.image-2-lp-intro{
    width:calc(280px + 12vw);
    height:calc(280px + 12vw);
  }
  .image-with-text.intro img.image-3-lp-intro{
      width: calc(270px + 12vw);
      height: calc(270px + 12vw);
      bottom: 19% !important;
      left: 15% !important;
  }

  .image-with-text.taches img:nth-child(1), .image-with-text.taches img.after_image{
    width:63% !important;
    height:63% !important;
    left: inherit !important;
    right: 0 !important;
  }
  .image-with-text.taches img.image-2-lp-taches, .image-with-text.taches img.animate_image_part2{
    width:50% !important;
    height:50% !important;
    right:53% !important;
    transform:translateY(-115%);
    top: 55% !important;
  }

  .logo-container.fixed .logo-text-image img{
    display:inline-block;
    margin:0 !important;
    position:absolute;
  }

  .logo-container #btn_header_two{
    right:5vw;
  }
  
  .logo-text-image img{
    position:static;
    display:block;
    margin:0 auto;
  }

  .image-with-text.taches{
    margin-top:50px !important;
    padding:0 1.5rem !important;
  }
  .image-with-text.intro{
    margin-top:135px !important;
    padding:0 1.5rem !important;
  }

  .image-with-text.taches img.image-3-lp-taches{
    width: 55px !important;
    height: 85px !important;
    bottom: 10vw;
    left: 53% !important;
  }

  .image-with-text.taches img.image-4-lp-taches {
    top: 35.5vw !important;
    left: 12.5% !important;
  }

  .image-with-text.experts{
    margin-top:50px !important;
    padding:0 1.5rem !important;
  }

  .image-with-text.experts .image-with-text__media{
    transform: translateX(0);
  }

  .image-with-text.experts img:nth-child(1){
    width:57% !important;
    height:57% !important;
  }

  .image-with-text.experts img.image-2-lp-experts{
    width:22% !important;
    height:22% !important;
    top: 25% !important;
    left:52% !important
  }

  .image-with-text.experts img.image-3-lp-experts{
    left:30% !important;
    width: 33% !important;
    height: 33% !important;
    bottom: -9% !important;
  }

  .image-with-text.experts img.image-4-lp-experts{
    width: 28% !important;
    height: 28% !important;
    right:0%;
    top:28% !important;
  }

  .image-with-text.experts img.image-5-lp-experts{
    width:33% !important;
    height:33% !important;
    right:-10%;
    bottom:3% !important;
  }

  .image-with-text.experts img.image-6-lp-experts{
    top:29% !important;
    left: 21% !important;
    width: 36% !important;
    height: 36% !important;
  }

  .image-with-text .image-with-text__content{
    padding:0 4% !important;
  }
  .image-with-text.taches .image-with-text__content{
    padding:0 4% !important;
    margin-left: 0;
  }
  .image-with-text.experts .image-with-text__content{
    padding:0 calc(4% + 1.5rem) !important;
    margin-left: 0;
  }

  .image-with-text.intro .image-with-text__content, .image-with-text.experts .image-with-text__content{
    margin-left: 0;
  }
  
}

@media screen and (max-width:790px){
  .image-with-text.intro .image-with-text__media{
    margin-top:15px;
  }

  .image-with-text.experts .image-with-text__content .image-with-text__text, .image-with-text.taches .image-with-text__content .image-with-text__text, .image-with-text.intro .image-with-text__content .image-with-text__text{
    margin-top:15px;
  }

  .image-with-text.taches img.image-3-lp-taches{
    width:50px !important;
    height:77px !important;
    bottom:12vw;
  }

  .image-with-text.taches img.image-4-lp-taches {
    left: 13% !important;
    top: 36vw !important;
  }

  .image-with-text.experts{
    padding: 0 !important;
  }
}

@media screen and (max-width:650px){
  .image-with-text.intro img.image-2-lp-intro{
    width:calc(185px + 12vw);
    height:calc(185px + 12vw);
  }
  .image-with-text.intro img.image-3-lp-intro{
    width:calc(155px + 12vw);
    height:calc(155px + 12vw);
  }

  .image-with-text.intro .image-with-text__content, .image-with-text.experts .image-with-text__content{
    margin-left:0px;
  }
  .image-with-text.taches .image-with-text__content{
    margin-right:0px;
  }

  .logo-text-image img{
    width:calc(57px + 1vw);
    height:calc(57px + 1vw);
  }

  .logo-container.fixed .logo-text-image img{
    width:calc(37px + 0.5vw);
    height:calc(37px + 0.5vw);
    right: 110%;
  }

  .logo-container.fixed .text-logo-joraleka {
    font-size: 32px;
  }
  

  .logo-container.fixed .logo-text-image{
    left:calc(8vw + 30px);
  }

  .logo-container #btn_header_two{
    width:42vw !important;
    height: 40px;
    font-size:10px;
    letter-spacing:0.5px;
    padding:0 5px !important;
    line-height:40px;
  }

  .image-with-text.taches img.image-3-lp-taches{
    bottom:calc(10vw - 20px) !important;
  }

  .image-with-text.taches img.image-4-lp-taches {
    left: 12% !important;
  }

  .logo-container .text-logo-joraleka{
    font-size:48px;
  }
}

@media screen and (max-width:450px){
  .image-with-text.intro img.image-3-lp-intro{
    bottom:8% !important;
    left:5% !important;
    transform:translateX(-30px);
  }

  .image-with-text.intro .image-with-text__media{
    margin-top:5px;
  }

.logo-container.fixed .logo-text-image img{
  width:calc(32px + 0.5vw);
  height:calc(32px + 0.5vw);
}

.logo-container.fixed .logo-text-image img{
  right: 110%;
}

.logo-container.fixed .text-logo-joraleka {
  font-size: 26px;
}

.image-with-text.taches img.image-3-lp-taches{
  width: 40px !important;
  height: 62px !important;
  left: 52% !important;
  bottom:calc(12vw - 45px) !important;
}

  .image-with-text.taches img.image-4-lp-taches {
    left: 12% !important;
    top: 35vw !important;
    width: 10px !important;
    height: 20px !important;
  }

  a#btn_header {
    max-width: 270px;
    min-height:unset;
    height:44px;
    font-size: 12px;
  }
  
}

/* scroll top */

.scroll-top-container{
  
}

.scroll-top-container-landing{
  display: none;
  position: fixed;
  bottom:2vw;
  right: 2vw;
  z-index: 100;
  cursor: pointer;
  transition: bottom 0.4s ease-out;
}

.scroll-top-container-landing.active{
  display: block;
}

.scroll-top-container-landing svg{
  width: 40px;
  height: 40px;
}

.scroll-top-container-landing.active.footer-scroll{
  bottom:calc(2vw + 60px)
}

.scroll-top-container-landing.active.white circle{
  fill:#F7F6F4;
}
.scroll-top-container-landing.active.white path{
  fill:#23d396;
}

@media screen and (max-width:790px){
  .scroll-top-container-landing{
    bottom:4vw;
    right:3.5vw;
  }
  
  .scroll-top-container-landing svg{
    width:35px;
    height:35px;
  }
  
  .scroll-top-container-landing.active.footer-scroll{
    bottom:calc(3.8vw + 95px)
  }
}

html,
body {
  width: 100vw;
  overflow-x: hidden;
}

.header__icon.header__icon--account:after {
  line-height: 1;
}

/* header Currency Switcher */
.ly-custom-dropdown-current {
  display: none !important;
}

/* login page customer register */
.login a[href="/account/register"] {
  display: none !important;
}

.accordion__content {
  background: transparent;
  opacity: 0.9;
}

#rocov {
  margin-top: -20px !important;
}

#recover_customer_password {
  margin-bottom: 60px !important;
}

.customer:not(.account):not(.order) {
  margin-bottom: 60px !important;
}

.product-form__submit {
  max-width: 437px;
  height: 52px;
}

.product-form__submit span {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.grid__item .card__information {
  display: block;
}

.card__information .product-title {
  width: 100%;
  padding-right: 0;
}

.card__information .title-and-rating {
  width: 100% !important;
  margin-bottom: 5px;
}

.title-and-rating .product-title .pro-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 50px;
  font-family: 'D-DIN Exp';
}

.card:hover {
  border-radius: 10px;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.card:hover .card__media {
  box-shadow: rgba(0, 0, 0, 0.1) 5px 20px 25px -5px, rgba(0, 0, 0, 0.04) 5px 10px 10px -5px !important;
}

#CollectionProductGrid .card:hover>.card__inner .card__media {
  box-shadow: none;
}



.grid__item .card__information .product-title {
  width: 100%;
  padding-right: 0;
}


.grid__item .card__information .title-and-rating {
  width: 100% !important;
  margin-bottom: 5px;
}

.card-wrapper:hover .card .card__inner div.card__media {
  border-radius: 12px !important;
}

.card .card__inner .card__media {
  border-radius: 12px !important;
}


.product-form .custom-delivery-option .mw-tippy {
  background-image: url(https://cdn.shopifycdn.net/s/files/1/0602/6376/0064/files/quote3.png?v=1655993136) !important;
  background-size: contain !important;
  padding: 0px 18px 0px 55px !important;
  inset: -122px -112% 90% 65% !important;
  background-color: transparent !important;
  visibility: visible !important;
  text-align: center !important;
  left: auto !important;
  right: 0 !important;
  top: 50% !important;
  transform: translate(0, -82%) !important;
}

.tab-data {
  background: transparent;
  padding: 10px;
  position: relative;
  opacity: 1;
}

.tab-data::before {
  background: #FFF9F1;
  opacity: 0.8;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.tab-data .accordion {
  border-top: 1px solid #913443;
  border-bottom: 1px solid #913443;
}

.tabcontent-cus .spr-container {
  border-color: #913443;
}

.tabcontent-cus .spr-review,
.tabcontent-cus .spr-form {
  border-color: #913443;
}

.tabcontent-cus .spr-form {
  background-color: transparent;
  padding: 10px;
  padding-bottom: 20px;
  opacity: 0.8;
}

.tabcontent-cus .spr-review {
  background: #eafdff;
  opacity: 0.8;
  padding: 10px !important;
}

.tabcontent-cus .spr-review-reportreview {
  float: left;
}

.card--standard .card__inner {
  display: grid;
}

.card--standard .card__inner a {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .collection-page-tag {
    display: flex;
    justify-content: flex-start;
  }

  .collection-page-tag>p {
    margin-right: 30px;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 0px;
    text-transform: uppercase;
  }

  div.boost-pfs-filter-right-col {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .contact .form__message.form-status-list {
    margin-bottom: 0 !important;
  }

  span.mw-text.mw-option__value-text {
    font-size: 14px;
  }

  .header__icon:after {
    display: none;
  }

  .header__icon.header__icon--search :after {
    display: none;
  }



 

}

@media only screen and (max-width: 360px) {
  span.mw-text.mw-option__value-text {
    font-size: 12px;
  }
}

{% custom css piximind %}

a#btn_header_two {
    display: grid;
    position:absolute;
    top:7%;
    transform:translateX(-50%);
    margin: 0 auto;
    align-items: center;
    height: 42px;
    padding: 0;
    border-color: inherit;
    background: #41FFC5;
    --border-offset: none;
    color: black;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0px 3px 5px #B4AFAF;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    z-index:1;
    letter-spacing:0.2px;
    width: 228px;
    min-height: unset;
}

a#btn_header {
    display: none;
    margin: 0 auto;
    align-items: center;
    max-width: 300px;
    height: 46px;
    border-color: inherit;
    background: #41FFC5;
    --border-offset: none;
    color: black;
    font-size: 12px;
    font-weight: 700;
    line-height: 23px;
    box-shadow: 0px 3px 5px #B4AFAF;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    z-index:1;
  letter-spacing:0.2px;
}

@media screen and (min-width:1000px){
  a#btn_header_two:hover:after{
    display:none;
  }
  
  a#btn_header_two:hover {
      background:#FFFFFF;
      box-shadow: 0 2px 10px 2px #41ffc5ab;
      color:black;
  }

  a#btn_header:hover:after{
    display:none;
  }
  
  a#btn_header:hover {
      background:#FFFFFF;
      box-shadow: 0 2px 10px 2px #41ffc5ab;
      color:black;
  }
}

@media screen and (max-width:999px){
  .social-media{
    display: block !important;
  }

  .social-media-hover{
    display: none !important;
  }
}

@media screen and (max-width:1200px){
  a#btn_header_two{
    top:0%;
  }
}

@media screen and (max-width:900px){
  a#btn_header {
    display:grid;
    margin-top:40px !important;
  }

  a#btn_header_two{
    display:none;
  }
  .logo-container.fixed #btn_header_two{
    display:grid;
  }
}

h2.spec {
    font-size: 60px;
    color: black;
}

h2.spec span.vert {
    color: green;
}

h2.image-with-text__heading.h1 span{
    color: #157C58;
}

.image-with-text__text p {
    text-align: left;
    font: normal normal normal 15px/18px Lato;
  font-size: 12px;
    letter-spacing: 0.12px;
    color: #000000;
    line-height:1.5;
}


.password-header {
    background: #F7F6F4;
}

div#shopify-section-main-password-header hr {
    display: none;
}

.color-background-1.gradient {
    background: #F7F6F4;
}

body #MainContent{
  background: #F7F6F4;
  padding-top: 0;
}

.image-with-text.image-with-text--no-overlap.page-width.isolate.section-template--15798748086464__53601ff9-01aa-45bd-9251-9fc9f5c2431a-padding{
  padding-top: 0px;
}

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    background: transparent;
    border: 0;
}

.image-with-text__text.rte.body {
    width: 452px;
}

.section-template--15798748086464__c38493a8-e892-4714-8b91-abebc96baa99-padding {
    margin: 0 0 132.63px 0;
}

.section-template--15798748086464__147ac867-6e82-402f-95eb-4697a01262ff-padding {
    padding-bottom: 90px!important;
}

.image-with-text.image-with-text--no-overlap.page-width.isolate.section-template--15798748086464__53601ff9-01aa-45bd-9251-9fc9f5c2431a-padding{
  margin-top:-120px;
   padding : 0 70px;
  max-height:624px;
}

.image-with-text.image-with-text--no-overlap.page-width.isolate.section-template--15798748086464__c38493a8-e892-4714-8b91-abebc96baa99-padding {
  padding : 0 70px;
}

.image-with-text.image-with-text--no-overlap.page-width.isolate.section-template--15798748086464__147ac867-6e82-402f-95eb-4697a01262ff-padding {
    padding : 0 70px;
}

.section-template--15798748086464__147ac867-6e82-402f-95eb-4697a01262ff-padding .image-with-text__content {
    padding: 6rem 0 7rem 142px;
}

.footer_color .footer__copyright {
    color: #fff;
  margin:10.43px 0 9.03px 0;
}

.footer_plus.footer_color {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.social-media{
  width: 30px;
  height: 30px;
  margin-right: 5px;
  vertical-align: middle;
}

.footer__copyright.text_copy.caption p {
  margin-bottom: 0;
  margin-top: 0;
}

a.button.btn_social{
  display: grid!important;
  grid-template-columns: auto auto;
  grid-gap: 0 5px;
  background: #FFFFFF!important;
  color:#000000!important;
  border-radius: 43px!important;
}

.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
    box-shadow: none;
}


.block {
    padding: 40px 0 0;
    margin: 0;
}


p.email-txt {
    text-align: left;
    font: normal normal normal 12px/15px Lato;
      color:black;
      margin: 0 0 11.53px 0;
  letter-spacing:0.1px;
  word-spacing:1px;
}

.reseaux-sociaux {
    position: relative;
    letter-spacing: 0.1px;
    font-weight: bold;
    font-size: 16px;
}
a.button.btn_social svg{
  width:30px;
  height:30px;
}
#social_block a.button{
  padding: 0 1.9rem;
  gap: 15px;
}
a.button.btn_social {
    font: normal normal normal 14px/18px Lato;
}

span#social-texte {
    font: normal normal normal 12px/16px Lato;
  letter-spacing:0.10px;
}

.footer__copyright.text_copy.caption {
    font: normal normal normal 12px/18px Lato;
}
@media (max-width: 768px) {
  #social_block {
      flex-wrap: wrap;
  }
  .reseaux-sociaux div#social_block a.button.btn_social svg{
    width:29px;
    height:29px;
  }
  #social_block a.button.btn_social {
    margin-bottom: 8px;
    padding: 0 1.8rem;
  }
  #social_block a.button{
    gap:14px;
  }
}
h1.success-msg {
    font: normal normal 900 56px/60px Lato;
    letter-spacing: 0px;
    color: #000000;
    margin:3.5px 0 21.85px 0;
}

p.titre-msg {
    font: normal normal 900 24px/46px Lato;
    letter-spacing: 0px;
    color: #000000;
    line-height: 1.3;
}

.parag-success{
  font: normal normal normal 16px/24px Lato;
  letter-spacing: 0px;
  color: #000000;
  padding-right: 25px;
  margin: 0 0 28.75px 0;
}

.newsletter-content h2{
  margin-top: 0;
}


svg#logo2 {
    margin: 0 155px 0 0;
}

#img-footer{
  margin-left: 0px !important;
}

.social-media-hover {
	display: none;
}

.social-media-hover {
	width: 30px;
	height: 30px;
	margin-right: 5px;
}


{% custom mobile css piximind %}

@media only screen and (max-width: 1200px) and (min-width: 1000px)  {
 
  .image-with-text__text.rte.body {
	width: 100%;
}
  
  .block {
    padding: 30px 0;
}

.footer__copyright.text_copy.caption {
	margin-right: 0;
} 
}

.footer_plus.footer_color {
	padding: 0 8rem;
}

@media only screen and (max-width: 1300px) {
  .footer_plus.footer_color {
    padding: 0 4.5rem;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 900px)  {
  
  h2.image-with-text__heading.h1 {
    font: normal normal 900 38px/60px Lato;
    width:100%!important;
}

.block {
    padding: 30px 0;
}

  .image-with-text__text.rte.body {
	width: 100%;
}
 .footer__copyright.text_copy.caption {
	margin-right: 0;
}
.footer_plus.footer_color {
	padding: 0 40px;
}

}

@media only screen and (max-width: 1026px) and (min-width: 680px)  {
  .newsletter-content{
    padding: 0 12.5rem 5rem !important;
  }
}


@media only screen and (max-width: 900px) and (min-width: 790px)  {

    .newsletter-image img{
      width: 85%;
      height: auto;
      margin: 0 auto;
      position: relative;
      top: 18px;
    }

   .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet.image-with-text__grid--reverse {
        flex-direction: column-reverse;
         margin-right:15px;
    }
    .grid--2-col-tablet .grid__item {
        width: 100%!important;
          padding-right:15px;
    }
      .image-with-text__text.rte.body {
    	width: 100%;
    }
    
    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet {
        flex-direction: column-reverse;
    }
    
      h2.image-with-text__heading.h1 {
    	width: 100%;
    }
    
      .image-with-text__content > * + * {
    	margin-bottom: 27px !important;
    }
    
      
    .block {
    	padding: 0 0 40px;
    }
        
    .image-with-text__text.rte.body {
    	width: 100%;
    }
     .footer__copyright.text_copy.caption {
    	margin-right: 0;
    }
    .footer_plus.footer_color {
    	padding: 0 30px;
    }
}

@media only screen and (max-width: 790px) {

  .footer_plus.footer_color {
    padding: 0 1.5rem;
  }
    
  .image-with-text__content--mobile-left .image-with-text__text.rte.body {
    width: 100%;
}

  .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet.image-with-text__grid--reverse {
        flex-direction: column-reverse;
  }

  .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet {
    flex-direction: column-reverse;
}
  
  .block {
    padding: 0px 28px;
    margin: 0;
}

  h2.image-with-text__heading.h1 {
    font: normal normal 900 34px/40px Lato;
    width:100% !important ;
}

  p.email-txt {
    margin: 0 0 11.53px 0;
}

.reseaux-sociaux {
    margin: 0;
}
  
  #suivez_nous {
    font: normal normal bold 18px/22px Lato;
    letter-spacing: 0px;
    margin: 0 0 30px 0 !important;

}

  a#btn_header {
   width: 300px;
    height:44px;
    font: normal normal bold 21px/25px Lato;
    font-size:14px;
    letter-spacing: 0px;
   /* margin: 0 36px 0 27.32px;*/
   line-height: 24px;
    margin: 0 auto;
    padding: 0 15px 0 15px !important;
    
  }
    .password-logo {
    width: 300px;
}
svg#Layer_1 {
    width: 290px !important;
    height: 120px;
}

  #huratips-custom-section {
  display: table;
  margin: 0 auto;
}

  .footer_plus.footer_color {
    flex-direction: column;
}

  .footer__copyright.text_copy.caption {
    font: normal normal normal 12px/18px Lato;
    letter-spacing: 0.12px;
    text-align: right;
}
  .footer__copyright.text_copy.caption {
  font: normal normal normal 12px/18px Lato;
}

  .grid--2-col-tablet .grid__item {
    width: 100%!important;
}

  .password-logo {
  margin-top: 23.1px !important;
  margin-bottom: 47.51px!important;
}


  h1.success-msg {
    font: normal normal 900 35px/60px Lato;
    margin-bottom: 15px;
}

}

@supports (-webkit-touch-callout: none) {
  @media only screen and (min-device-width: 350px) and (orientation: landscape) {
    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet.image-with-text__grid--reverse > div:first-child{
      transform: scale(0.6);
      margin-top: -20%;
      margin-bottom: -20%;
    }
  
    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet > div:first-child {
      transform: scale(0.6);
      margin-top: -20%;
      margin-bottom: -20%;
    }
  }
  
  @media only screen and (min-device-width: 420px) and (max-device-width: 980px) and (orientation: landscape) {
    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet.image-with-text__grid--reverse > div:first-child{
      transform: scale(1);
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet > div:first-child {
      transform: scale(1);
      margin-top: 0;
      margin-bottom: 0;
    }
  }
}

@supports not (-webkit-touch-callout: none) {

  @media only screen and (min-device-width: 350px) and (max-device-width: 914px) and (orientation: landscape) {
    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet.image-with-text__grid--reverse > div:first-child{
      transform: scale(0.6);
      margin-top: -20%;
      margin-bottom: -20%;
    }
  
    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet > div:first-child {
      transform: scale(0.6);
      margin-top: -20%;
      margin-bottom: -20%;
    }
  }

  
  
}