/** Shopify CDN: Minification failed

Line 207:0 Expected "}" to go with "{"

**/
.ccpops-trigger{
  visibility: inherit !important;
  opacity: 1 !important;
}
.ccpops-popup__content__powered-by{
  visibility: hidden;
  opacity: 0;
}

.ccpops-popup{
  color: #121212;
}

.shopify-payment-button__button{
  visibility: inherit !important;
  opacity: 1 !important;
}

#hamburgericon{
  scale: 120%;
 
}



#logo_d {
  transition: transform .5s;
}

#logo_d.animate {
  transform: translateX(-10px);
}

.logosvg{
  
  fill: ; 
  transition: fill 500ms ease;
}

@media screen and (min-width: 767px) {
  #logo_r2 {
    transform: translateX(-25px);
    }
  #logo_i {
    transform: translateX(-25px);
    }
  #logo_p {
    transform: translateX(-25px);
    }

  

  #storenamecolour{
    color: #121212;
  }

#logosvg {
scale: 57%;
position: absolute;
top: 37%;
left: 7%;
transform: translate(-50%,-50%);
}
.logosvg{
  fill: ;
  transition: fill 1000ms,;
}
.logo_d {
    position: relative;
    left: 50%;
    bottom: 5%;
    height: 30px;
    width: 30px;
    border-radius:5px;
    background: #d3d3d3;
    transition: transform 1000ms;
}

/* #logo_d {
  transition: transform .5s;
}

#logo_d.animate {
  transform: translateX(-10px);
} */

}

@media screen and (max-width: 767px) {
  #logo_r2 {
    transform: translateX(-25px);
    }
  #logo_i {
    transform: translateX(-25px);
    }
  #logo_p {
    transform: translateX(-25px);
    }
  #logo_d {
    transform: translateX(-25px);
    }
 
  #hamburgericon{
  scale: 120%;
  transform:translateX(-12px);
}

  #closeicon{
  transform:translateX(-15px);
}

  .ccpops-popup__content{
    width: 50%;
    height: 50%;
  }

  .product-popup-modal__content{
    height: 50%;
  }
   
  
  #storenamecolour{
    color: #121212;
  }
  
  #logosvg {
    scale: 55%;
    position: absolute;
    top: 34%;
    left: 16%;
    transform: translate(-50%,-50%);
  }
.logosvg{
  fill: ;
  transition: fill 1000ms;
.logo_d {
    position: relative;
    left: 50%;
    bottom: 5%;
    height: 30px;
    width: 30px;
    border-radius:5px;
    background: #d3d3d3;
    transition: transform 500ms;
}

/* #logo_d {
  transition: transform .5s;
}

#logo_d.animate {
  transform: translateX(-10px);
} */



@media screen and (min-width: 600px) and (max-width: 1000px) {
  #logo_r2 {
    transform: translateX(-25px);
    }
  #logo_i {
    transform: translateX(-25px);
    }
  #logo_p {
    transform: translateX(-25px);
    }
  #logo_d {
    transform: translateX(-25px) !important;
    }
  #logosvg {
    scale: 57%;
    position: absolute;
    top: 33%;
    left: 10%;
    transform: translate(-50%,-50%);
  }
.logosvg{
  fill: ;
  transition: fill 1000ms;
}
.logo_d {
    position: relative;
    left: 50%;
    bottom: 5%;
    height: 30px;
    width: 30px;
    border-radius:5px;
    background: #d3d3d3;
    transition: transform translateX(-170px) 1000ms;
}

/* #logo_d {
  transition: transform .5s;
}

#logo_d.animate {
  transform: translateX(-10px);
}
   */
}