/** Shopify CDN: Minification failed

Line 172:1 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) {

  

  #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 translateX(-170px) 1000ms;
}

#logo_d {
  transition: transform .5s;
}

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

}

@media screen and (max-width: 767px) {
 
  #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 translateX(-170px) 500ms;
}

#logo_d {
  transition: transform .5s;
}

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

}

@media screen and (min-width: 600px) and (max-width: 1000px) {
  #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);
}
  
}