/** Shopify CDN: Minification failed

Line 733:55 Expected ":"
Line 916:29 Expected identifier but found "!"
Line 930:29 Expected identifier but found "!"
Line 1123:0 Unexpected "}"

**/

body{
  font-family: "Termina W05 Bold";
	margin: 0px;
	padding: 0px;
	color: #caffef;
	font-size: 17px;
	line-height: 22px;
  background: #000000;	
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}
ul, li {
	margin: 0px;
	padding: 0px;
}

::-webkit-input-placeholder {
color: #ea7961 !important; opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 18- */
color: #ea7961 !important;opacity: 1 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #ea7961 !important;opacity: 1 !important;
}
:-ms-input-placeholder {
color: ea7961 !important;opacity: 1 !important;
}
a {
    color: #ea7961;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px; 
}

h1, h2 {
	font-size: 24px;
	line-height: 34px;	
	color: #caffef;
	margin-bottom: 15px;

	
}
h3 {
	color: #caffef;
	margin-bottom: 5px;
	font-size: 17px;
	line-height: 16px;
}
h4 {
	color: #caffef;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	margin-bottom: 5px;
}
p {
	margin: 0 0 20px;
  line-height: 2.6rem;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-bottom-30 {
	padding-bottom: 30px;
}
.margin-bottom-50  { margin-bottom: 50px; }
.clear {
	clear: both;
}
ul, menu, dir {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}



.btn-cooper {
	background: #ea7961;
	color: #fff !important;
	font-size: 17px;
	text-transform: uppercase;
	border-radius: 0px;
	display: inline-block;
	line-height: 30px;
	padding: 5px 25px;
	text-decoration: none !important;
	border: 0;
	transition:all 0.2s ease-out;	
	letter-spacing: 0px; 
}
.btn-cooper:hover {
	background: #f68a73;
	color: #fff !important;
}
.btn-cooper i { margin-left:10px;}



.btn-border {
  background: transparent;
  color: #caffef !important;
  font-size: 17px;
  text-transform: uppercase;
  border-radius: 0px;
  display: inline-block;
  line-height: 30px;
  padding: 5px 25px;
  text-decoration: none !important;
  border: 1px solid #caffef;
  transition:all 0.2s ease-out; 
  letter-spacing: 0px;
}
.btn-border:hover {
  color: #ea7961 !important;
  border: 1px solid #ea7961;
}
.btn-blue i { margin-left:10px;}

.craft-hustle {
  margin-top: 150px;
  margin-bottom: 150px;
      width: 100%;
}

.btn-arrow-small {
    position: absolute;
    bottom: 70px;
    margin-top: 40px!important;
    left: 50%; /* Adjusted to 50% for true center */
    transform: translateX(-50%); /* Added '%' - vital for centering */
    text-decoration: none;
    margin: 0;
    z-index: 1;
    padding: 10px 25px;
    font-weight: 200;
    
    text-align: center;
    text-transform: uppercase;
    color: #c8fff4;
    font-size: clamp(16px, 3vw, 26px);
    
    display: inline-flex; 
    align-items: center;
    transition: all 1s ease-out; 
    cursor: pointer;
}

/* 1. Create the line container */
.btn-arrow-small::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;             /* Start with no width */
    height: 2px;          /* Thickness of the line */
    background-color: #ea7961; /* Same color as your text */
    transition: width 1s ease-in-out; /* The animation speed */
 text-decoration: none;}

/* 2. Expand the line on hover */
.btn-arrow-small:hover::after {
    width: 100%;          /* Grow to full width */
 text-decoration: none;}


.btn-arrow-small:hover {color: #ea7961 !important; text-decoration: none;}

.btn-arrow-small a {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.padding-tb-80 { padding: 80px 0px; }
.padding-top-100 { padding-top: 100px; }
.padding-btm-100 { padding-bottom: 100px; }
.full-width { width: 100%; }
.padding-100 { padding: 100px 0px; }
.full-width { width: 100%;  }
.margin-btm-30 {margin-bottom: 30px; }

li { list-style: none; }


.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
        padding-bottom: 50px;
   
}
.padding-15 { padding: 15px; }
.padding-tb-160 { padding: 160px 0px 80px; }
.padding-tb-240 { padding: 180px 0px 80px; }
.padding-t-160-b-0 { padding: 160px 0px 0px; }
.padding-t-240-b-0 { padding: 180px 0px 0px; }
.padding-80 { padding: 80px 0px; }
.padding-40 { padding: 40px 0px; }
.padding-30 { padding: 30px 0px; }

/* Wobble Horizontal */
@keyframes wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.wobble-horizontal {
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.wobble-horizontal:hover {
  animation-name: wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}



/* top section */

.search-section{width:100%;margin:0 auto;height:350px;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0) 100%);
  position:fixed;top:-350px; z-index: 99;}
.close-search{ text-align:center; cursor:pointer; margin-top: 50px;}


.search-new-box {   margin-top: 80px; }
.search-new-box-left { width:65%; float: left;  }
.search-new-box-right { width:35%; float: right;  }
.search-envelop-icon {
    background: transparent !important; border: 0px; outline: none; padding: 14px 0px; width: 100%;
    border-bottom: 2px solid #ea7961; font-size: 20px;
}
.btn-search-news { background: transparent; 
  width: 100%; padding: 14px; border: 0px; 
  display: block; text-align: center;  color:#ea7961; letter-spacing:2px; text-transform:uppercase;  }
.btn-search-news img { width: 50px !important; margin-right: 15px; }





header {  width: 100%;  }
.top-section { padding: 25px 10px; padding-right: 20px; color: #fff;  width: 100%;  position: absolute; top: 0px; left: 0px; z-index: 9; }
.logo {  text-align: center; }


.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  background: #000;
  /*padding: 10px 0px !important;*/
}

.sticky + .content {
  padding-top: 0px;
}



/* menu animation */
.logo img{ transition: all 1s ease-in-out; width: 100px; margin-top: 1rem; }
.sticky .logo img { width: auto; }
.top-menu-left, .top-menu-right, .cart-box, .top-right-section { transition: 0.3s;}
.sticky .top-menu-left, .sticky .top-menu-right { padding-top: 15px }
 .sticky .top-right-section { margin-top: 25px; padding-right: 10px!important; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mobile-menu {
      width: 120%!important;
        margin-top: 3.6rem!important;
        padding-left: 10px!important;
    }
}

@media (max-width: :767px) {
    .mobile-menu {
      width: 120%!important;
        margin-top: 3.6rem!important;
        margin-left: -25px!important;
    }
}

/* menu */
.top-menu-left { padding-top: 20px; }
.top-menu-left ul {
  text-align: left;
}
.top-menu-left li {
  display: block; position: relative;
}
.top-menu-left a {
  padding: 3px 6px 6px 10px; 
  color: #caffef;
  margin-left: -10px;
  font-weight: 400;
  font-size: 17px;
  text-transform: capitalize;  
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  display: inline-block;   
}
.top-menu-left li a:hover:after { content: ""; position: absolute;  width: 12px; height: 9px;
background: url("/cdn/shop/files/hover-line-right.svg?v=1656011580") no-repeat right top; top: 12px; }
.top-menu-left a:hover { color: #caffef; background: url("/cdn/shop/files/hover-line.svg?v=1656011603") no-repeat center left;
background-size: auto;
  }


.top-menu-left  ul li ul:hover .top-menu-left  ul li a {  background: url("/cdn/shop/files/hover-line.svg?v=1656011603") no-repeat center left;
  }

.current-menu-item a { color: #ea7961;   }

/* Drop Down */
.top-menu-left ul li:hover ul {display: block; text-align: left; /*animation: transitionIn 0.75s;*/  }
.top-menu-left ul li ul {  position: absolute;   display: none;  left:180px;  top: 0px;
  animation: transitionOut 0.75s; z-index: 99; } /* ul width */
.top-menu-left ul li ul li {   display: block; padding: 0px; }
.top-menu-left ul li ul li a { color: #caffef;     padding: 3px 11px 6px 12px!important;
  margin: 0px; border: 0px !important; display: inline-block !important; } 
.top-menu-left ul li ul li:hover {color: #ea7961 !important;}

/*.top-menu-left ul li ul:before {
    content: "";
    width: 30px;
    height: 1px;
    background: #ea7961;
    left: -22px;
    top: 40px;
    position: absolute;
}
*/

/* menu */




.top-right-section { display: flex; justify-content: flex-end; -webkit-justify-content: flex-end; margin-top: 30px;
margin-right: -25px;}



/* menu */


.cart-box { margin-left: 20px; position: relative;  }
.cart-item-box {
    width: 15px;
    background: #caffef;
    border-radius: 50%;
    color: #000;
    top: -6px;
    position: absolute;
    right: -7px;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
}



.view-btn { padding: 30px 0px; }
.view-btn a:hover img {animation-name: wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;  
}
.view-btn a:hover {color: #c8fff4;}

.btn-green-news:hover img {animation-name: wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;  
}
.btn-green-news:hover {color: #c8fff4 !important;}


.banner { height: 100vh; position: relative; overflow:hidden; }
.banner img { width: 100%; }

.banner-btn3 {
    position: absolute;   /* This is the missing piece */
    left: 50%;
    transform: translateX(-50%);
    bottom: 30vh;         /* Position it near the bottom */
    height: 20px;
    font-size: 12px;
}

@media (max-width: 767px)
{

  .banner-btn3 {padding-bottom: 35px!important; padding-top: 35px!important;}
  
  #shopify-section-template--27311534539135__featured_collection_HDeNJX > div > div {display: none!important;}
    /* 1. Target both buttons to stack them */
    .banner-btn {
      left: 50% !important;           /* Move the left edge to the middle */
    transform: translateX(-50%)!important; /* Pull it back by half its own width */
       display: inline-flex; 
       height: 20px !important;
       padding: 15px !important;
       font-size: 21px !important;
       bottom: 65px !important;
    }
.banner-btn1 {
      left: 50% !important;           /* Move the left edge to the middle */
    transform: translateX(-50%)!important; /* Pull it back by half its own width */
       display: inline-flex; 
       height: 20px !important;
       padding: 30px !important;
       font-size: 16px !important;
       bottom: 10px !important;
    }

}

.banner-btn3 {
       position: absolute;
    bottom: 70px;
    left: 50%;           /* Move the left edge to the middle */
    transform: translateX(-50%); /* Pull it back by half its own width */
    
    margin: 0;
    z-index: 1;
    padding: 25px 25px;  /* Add some space around the text */
    
    text-align: center;
    text-transform: uppercase;
    color: #c8fff4;
    border: 1px solid #c8fff4; /* Added the color to the border */
    font-size: 21px;
    
    /* Display: inline-flex ensures it only takes up as much space as the content */
    display: inline-flex; 
    align-items: center;
    gap: 10px;           /* Space between arrow and text */
    
    transition: all 1s ease-out; 
    cursor: pointer;
    }

.banner-btn3:hover {color: #000000 !important;
border: 1px solid #c8fff4; /* Added the color to the border */
background-color: #c8fff4;
}
@media (max-width: 760px){
.banner-subheading {
    color: #c8fff4;
    font-size: 14px;}}

.banner-subheading {
    color: #c8fff4;                   /* White text to stand out against video */
    font-size: 18px;
    letter-spacing: 2px;              /* Makes it look premium */
 position: absolute;
    bottom: 120px;
    left: 50%;           /* Move the left edge to the middle */
    transform: translateX(-50%); /* Pull it back by half its own width */
    
    margin: 0;
    z-index: 1;
    text-transform: uppercase;
}

.banner-subheading1 {
    color: #c8fff4;                   /* White text to stand out against video */
   font-size: clamp(1.2rem, 1.6vw, 3rem);
    letter-spacing: 2px;              /* Makes it look premium */
 position: absolute;
    bottom: 20px;
    left: 50%;           /* Move the left edge to the middle */
    transform: translateX(-50%); /* Pull it back by half its own width */
    
    margin: 0;
    z-index: 1;
    text-transform: uppercase;
}

/* Tablet Portrait (761px - 1024px) */
@media only screen and (min-width: 761px) and (max-width: 1024px) {
  body .banner-btn.banner-btn {
    left: 41% !important;
    font-size: 21px !important;
  }
  body .banner-btn1.banner-btn1 {
    left: 63% !important;
  }
}

/* Landscape Specific */
@media screen and (max-width: 1024px) and (orientation: landscape) {
  
    
    .banner-btn {
      min-height: 35px !important;
      padding: 5px 20px !important;
      bottom: 20px !important;
      left: 43% !important;           /* Move the left edge to the middle */
    transform: translateX(-70%) !important; /* Pull it back by half its own width */
    font-size: clamp(18px, 5vw, 21px) !important;
    }

    .banner-btn1 {
      bottom: 20px !important;
          min-height: 35px !important;
      padding: 5px 20px !important;
      left: 60% !important; /* Adjusted to 50% for true center */
    transform: translateX(-50%) !important; /* Added '%' - vital for centering */
    font-size: clamp(8px, 2vw, 16px) !important;
    }
}




.banner-btn {
    position: absolute;
    bottom: 70px;
    left: 45.5%;           /* Move the left edge to the middle */
    transform: translateX(-70%); /* Pull it back by half its own width */
    
    margin: 0;
    z-index: 1;
    padding: 10px 25px;  /* Add some space around the text */
    
    text-align: center;
    text-transform: uppercase;
    color: #c8fff4;
    border: 1px solid #c8fff4; /* Added the color to the border */
    font-size: 21px;
    
    /* Display: inline-flex ensures it only takes up as much space as the content */
    display: inline-flex; 
    align-items: center;
    gap: 10px;           /* Space between arrow and text */
    
    transition: all 1s ease-out; 
    cursor: pointer;
}

.banner-btn1 {
    position: absolute;
    bottom: 70px;
    left: 58%; /* Adjusted to 50% for true center */
    transform: translateX(-50%); /* Added '%' - vital for centering */
    
    margin: 0;
    z-index: 1;
    padding: 10px 25px;
    font-weight: 200;
    
    text-align: center;
    text-transform: uppercase;
    color: #c8fff4;
    font-size: clamp(8px, 2vw, 16px);
    
    display: inline-flex; 
    align-items: center;
    transition: all 1s ease-out; 
    cursor: pointer;
}

/* 1. Create the line container */
.banner-btn1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;             /* Start with no width */
    height: 2px;          /* Thickness of the line */
    background-color: #ea7961; /* Same color as your text */
    transition: width 1s ease-in-out; /* The animation speed */
}

/* 2. Expand the line on hover */
.banner-btn1:hover::after {
    width: 100%;          /* Grow to full width */
}


.banner-btn1:hover {color: #ea7961 !important;}

/*.banner-btn:hover { color: #ea7961; }*/
.banner-btn img { width: 48px !important; height: 15px !important; margin-right: 10px; margin-top: 3px;}

.banner-btn:hover img {animation-name: wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;  
}

.banner-btn:hover {color: #000000 !important;
border: 1px solid #c8fff4; /* Added the color to the border */
background-color: #c8fff4;
}
.light-green .view-btn:hover a {color: #000 !important;}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 5;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .3s ease-in;
}
.marquee-spacing {

  margin-top: 120px;
  margin-bottom: 120px;

}
.product-details h1 { font-size: 32px; line-height: 50px; }
.product-details .price-box  { font-size: 21px; }
.detail-others h2 { font-size: 22px; }

.relative { position: relative; }

.product-section-cocktails { padding: 80px 0px 40px; position: relative; }
.black-header h2 { color: #000; }
.product-section-spirits { padding: 80px 0px 40px; position: relative; }
.product-header { padding: 100px 0px 30px; }

.product-box { margin-bottom: 30px; }
.a .product-box { margin-bottom: 0px;  }
.product-img img { width: 100%; }
.product-body { padding-top: 30px; text-align: center; }
.product-body a { text-decoration: none; }
.product-body h2 { font-size: 22px; }


.price-box { font-size: 16px; margin-bottom: 20px; color: #ea7961; }
.price-box img { margin-left: 10px; }
.price-box span { color: #555555; text-decoration: line-through; padding: 0px 0px 0px 5px; }

.arrow-hover-effect img { display: none; transition:all 0.2s ease-out;  width: 50px; }
.product-box:hover .arrow-hover-effect img { display: inline-block; }

/* .product-section { padding-bottom: 100px; } */

.product-body h2 br { content: ""; }
.product-body h2 { line-height: 1.05; }
.product-body h2 { text-wrap: balance; }

.buynow-btn-prd img { display: none; }
.buynow-btn-hover:hover .buynow-btn-prd { display: block; }
.buynow-btn-hover:hover .price-box { display: none; }
.buynow-btn-prd { font-size: 18px; margin-bottom: 20px; color: #ea7961; display: none; }


.middle-banner-section { 
  background: url(/cdn/shop/files/CURIOUS-CREATORS.jpg?v=1656957719);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  padding: 80px 0px 50px; position: relative; }

.middle-banner-section p { font-size: 36px; line-height: 52px; margin-bottom: 80px; }
.middle-banner-section p span { color: #ea7961; }

.middle-banner-section-distillery-bar { padding: 80px 0px 50px; background: url(/cdn/shop/files/LOREM-IPSUM.jpg?v=1656958732); background-repeat: no-repeat;
 background-size: cover; background-position: right center; position: relative; }
.middle-banner-section-distillery-bar p { font-size: 36px; line-height: 52px; margin-bottom: 40px; }
.middle-banner-section-distillery-bar p span { color: #ea7961; }

.middle-banner-padding { padding: 400px 0px;  }

.middle-banner-section-two { position: relative; background-position: left top; margin-top: 50px; margin-bottom: 25px;}
.middle-banner-section-two img { width: 100%; }
.middle-banner-section-two-text { position: absolute; left: 60px; bottom: 60px; z-index: 9; }
.middle-banner-section-two-text img {
    width: 47px !important;
    margin-right: 10px;
}
.middle-banner-section-two-text .view-btn {
    padding: 10px 0px;
}

.testimonial-box { padding: 0px 50px; }

.testimonial-section { background: #282828; padding: 80px 0px; color: #cdfff8; }
.testimonial-section p {font-size: 30px;
    line-height: 52px;
    margin-bottom: 0px;}
 .testimonial-section h3 { font-size: 22px;  line-height: 36px; color: #ea7961; }
    .testimonial-section span { font-size: 22px; text-t  line-height: 36px; color: #ea7961; display:block; text-transform: uppercase;
    margin-top: 20px;  font-weight: 500; }
/* owl-theme arrow */

.testimonial-scroll  .owl-controls {
    margin-top: 0px !important;
    text-align: center;
}
.testimonial-scroll .owl-theme .owl-controls .owl-buttons div {   
    
    border-radius: 2px !important;
    margin: 0px !important;
}
.testimonial-scroll .owl-prev {
    background: none !important;
    filter: Alpha(Opacity=100);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    left: -140px !important;
    top: 32%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.testimonial-scroll .owl-next  {
    background: none !important;
    filter: Alpha(Opacity=100);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    right: -140px !important;
    top: 32%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.testimonial-scroll .owl-prev:hover {opacity: 1!important;}
.testimonial-scroll .owl-next:hover {opacity: 1!important;}


/*.testimonial-scroll .owl-buttons { display: none; }
.testimonial-scroll:hover .owl-buttons { display: block; }*/

/* owl-theme arrow */

.footer-gallery-box li {width: 100%;/* margin-right: 6px; */list-style: none;float: left;}
.footer-gallery-box li:last-child { margin-right: 0px; }
.footer-gallery-box li img { width: 100%; }


.newsletter-new-box {   padding-top: 160px; }
.newsletter-new-box-left { width:65%; float: left;  }
.newsletter-new-box-left input { border-radius: 0px; }
.newsletter-new-box-right { width:35%; float: right;  }
.envelop-icon {
    background: #282828 !important; border: 0px; outline: none; padding: 14px 0px; width: 100%;
    border-bottom: 2px solid #ea7961; font-size: 20px;
}
.btn-green-news { background: #282828; 
  width: 100%; padding: 14px; border: 0px; 
  display: block; text-align: center;  color:#ea7961; letter-spacing:2px; text-transform:uppercase;  }
.btn-green-news img { width: 50px !important; margin-right: 15px; }


footer { position: relative; z-index: 2;  background: #000000; }

.footer-top-section { padding: 80px 0px; position: relative;}
.footer-top-section img { width: 100%; }
.footer-body a {color: #caffef; text-decoration: none;}
.footer-body a:hover { color: #ea7961; }
.footer-copyright { color: #6f6f6e; text-align: left; font-size: 12px; padding-top: 30px; }
.footer-copyright p { margin-bottom: 0px; }
.footer-copyright a {color: #6f6f6e; text-decoration: none;}
.footer-copyright a:hover { color: #ea7961; }



.footer-body li { position: relative; }
.footer-body li a { margin-bottom: 10px; display: inline-block; padding-left: 10px; }
.footer-body li a:hover { color: #caffef; background: url("/cdn/shop/files/hover-line.svg?v=1656011603") no-repeat center left;
 }
.footer-body li a:hover:after { content: ""; position: absolute;  width: 12px; height: 9px;
background: url("/cdn/shop/files/hover-line-right.svg?v=1656011580") no-repeat right top; top: 7px; }


.footer-social { padding-top: 0px; margin-left: -19px; text-align: left; }
.footer-social li { display: inline-block !important; margin-left: 18px; }
.footer-social a { font-size: 32px; color: #caffef; }

/*.footer-social a:hover { color: #ea7961; }*/

.footer-address{ text-align: left; padding-top: 30px; font-size: 12px; }

.footer-bottom-section { padding-bottom: 100px;
padding-top: 80px; }

@media (max-width: 830px) {
.footer-bottom-section {
    padding-bottom: 10px;
    padding-top: 5px;
}
.footer-address {text-align: center!important;}

}


/* Client */
.tick-list ul { width: 100%; }
.tick-list li { list-style: none; padding-left: 30px; 
	background: url(/cdn/shop/files/tick.png?v=1656011727) 0px 7px no-repeat; line-height: 30px; color: #666;  }
.tick-list a { color: #666; text-decoration: none; display: block; }
.tick-list a:hover {color: #666;	}
.padding-top-77 {
    padding-top: 97px;
}


/* owl-theme arrow */
.spirits-scroll { margin-top: 30px; }
.spirits-scroll  .owl-controls {
    margin-top: 0px !important;
    text-align: center;
}
.spirits-scroll .owl-theme .owl-controls .owl-buttons div {   
    
    border-radius: 2px !important;
    margin: 0px !important;
}
.spirits-scroll .owl-prev {
    background: transparent !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    left: 15px !important;
    top: 32%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.spirits-scroll .owl-next  {
    background: transparent !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    right: 15px !important;
    top: 32%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.spirits-scroll .owl-prev:hover {opacity: 1!important;}
.spirits-scroll .owl-next:hover {opacity: 1!important;}


.spirits-scroll .owl-buttons { display: none; }
.spirits-scroll:hover .owl-buttons { display: block; }

/* owl-theme arrow */


/* owl-theme arrow */
.cocktails-scroll { margin-top: 30px; }
.cocktails-scroll  .owl-controls {
    margin-top: 0px !important;
    text-align: center;
}
.cocktails-scroll .owl-theme .owl-controls .owl-buttons div {   
    
    border-radius: 2px !important;
    margin: 0px !important;
}
.cocktails-scroll .owl-prev {
    background: transparent; !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    left: 15px !important;
    top: 32%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.cocktails-scroll .owl-next  {
    background: transparent; !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    right: 15px !important;
    top: 32%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.cocktails-scroll .owl-prev:hover {opacity: 1!important;}
.cocktails-scroll .owl-next:hover {opacity: 1!important;}


.cocktails-scroll .owl-buttons { display: none; }
.cocktails-scroll:hover .owl-buttons { display: block; }

/* owl-theme arrow */

/* owl-theme arrow */
.middle-banner-scroll { margin-top: 0px;
padding: 100px; }

@media only screen and (max-width: 767px) {
 .middle-banner-scroll { margin-top: 0px;
padding: 10px; }

}

/* Tablet Portrait (761px - 1024px) */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
 .middle-banner-scroll { margin-top: 0px;
padding: 20px; }

}




.middle-banner-scroll  .owl-controls {
    margin-top: 0px !important;
    text-align: center;
}
.middle-banner-scroll .owl-theme .owl-controls .owl-buttons div {   
    
    border-radius: 2px !important;
    margin: 0px !important;
}
.middle-banner-scroll .owl-prev {
    background: transparent !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    left: 15px !important;
    bottom: 10%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.middle-banner-scroll .owl-next  {
    background: transparent !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    right: 15px !important;
    bottom: 10%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.middle-banner-scroll .owl-prev:hover {opacity: 1!important;}
.middle-banner-scroll .owl-next:hover {opacity: 1!important;}


/*.middle-banner-scroll .owl-buttons { display: none; }
.middle-banner-scroll:hover .owl-buttons { display: block; }*/

/* owl-theme arrow */

/* owl-theme arrow */

.footer-gallery-scroll  .owl-controls {
    margin-top: 0px !important;
    text-align: center;
}
.footer-gallery-scroll .owl-theme .owl-controls .owl-buttons div {   
    
    border-radius: 2px !important;
    margin: 0px !important;
}
.footer-gallery-scroll .owl-prev {
    background: transparent !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    left: 15px !important;
    top: 45%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.footer-gallery-scroll .owl-next  {
    background: transparent !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    right: 15px !important;
    top: 45%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.footer-gallery-scroll .owl-prev:hover {opacity: 1!important;}
.footer-gallery-scroll .owl-next:hover {opacity: 1!important;}


.footer-gallery-scroll .owl-buttons { display: none; }
.footer-gallery-scroll:hover .owl-buttons { display: block; }

/* owl-theme arrow */

.content-section { padding-bottom: 50px;
padding-top: 350px; }

content-section-alt  { padding-bottom: 50px;
padding-top: 150px; }


  @media (max-width: 820px)
  {
   .content-section { padding-bottom: 50px;
padding-top: 150px; }
    }

/* sidenav */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background: #000000;
    overflow-x: hidden;
    transition: .3s;
    padding-top: 60px;
}
.sidenav ul { padding: 30px; }
.sidenav li { list-style: none; position: relative; }
.sidenav li:last-child { border-bottom: 0px; }
.sidenav  a {
  font-size: 24px;
  line-height: 25px;
  padding: 8px;
  color: #caffef; 
  text-decoration: none;
  /*transition: 0.3s;*/
  text-transform: capitalize;
  display: inline-block;
}

.sidenav li a:hover { color: #caffef; background: url("/cdn/shop/files/hover-line.svg?v=1656011603") no-repeat center left;
 }
.sidenav li a:hover:after { content: ""; position: absolute;  width: 12px; height: 9px;
background: url("/cdn/shop/files/hover-line-right.svg?v=1656011580") no-repeat right top; top: 17px; }



.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 26px;
  margin-top: 25px;
  transition: 0.3s;
}
.rte {
  margin-top: 50px;}
}
@media (max-width: 767px;) {

  .about-text {
    display: inline-flex!important;
    flex-direction: column!important;
}

  .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 26px;
  margin-top: 25px;
  transition: 0.3s;
}
}
/* Add an active class to the active dropdown button */
.dropdown-container { padding: 0px !important; }
.dropdown-container a { font-size: 17px !important; }
.dropdown-btn i { margin-top: 4px; }
.activemobile-menu {
  color: white; color: #ea7961;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;  
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}
/* sidenav */

.mobile-menu { display: none; margin-top: 35px;transform: scale(1.15);}


/* new */

.inner-banner { height: 0; }
.product-gallery { margin-bottom: 100px; }
.product-gallery img { width: 100%; }
.padding-bottom-70 { padding-bottom: 70px;
padding-top: 350px;  } /* added new padding-top*/
.margin-top-btn { margin-top: 27px; }
.detail-others { margin-top: 30px; }



.banner .callbacks_nav { display: none; }
/*.banner:hover .callbacks_nav { display: block; }*/

.light-green { background: #c8fff4; }
.dark-bg { background: #000000; }

.black-text-header .top-menu-left a { color: #000; }
.black-text-header .sticky {  background: #c8fff4 !important; }
.black-text-header .cart-item-box { background: #000; color: #caffef; }

/* owl-theme arrow */

.product-gallery  .owl-controls {
    margin-top: 0px !important;
    text-align: center;
}
.product-gallery .owl-theme .owl-controls .owl-buttons div {   
    
    border-radius: 2px !important;
    margin: 0px !important;
}
.product-gallery .owl-prev {
    background: none !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    left: 15px !important;
    top: 47%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.product-gallery .owl-next  {
    background: none !important;
    filter: Alpha(Opacity=50);
    opacity: 1 !important;  
    text-transform: uppercase;
    border-radius: 3px !important;
    position: absolute;
    right: 15px !important;
    top: 47%;
    padding: 10px 18px !important;
    font-size: 20px !important;
    color: #fff !important;
    border: 0px;
}
.product-gallery .owl-prev:hover {opacity: 1!important;}
.product-gallery .owl-next:hover {opacity: 1!important;}


/*.product-gallery .owl-buttons { display: none; }
.product-gallery:hover .owl-buttons { display: block; }*/

/* owl-theme arrow */

.select-item-weight { margin-bottom: 15px; display: flex; align-items: center;}
   .select-item-weight h2 { color: #caffef; font-size: 20px; text-transform: capitalize; line-height: 26px;
   margin-bottom: 10px; font-weight: 500;}
.add-class-active{display: flex;flex-wrap: wrap;}
   .select-item-weight .sizebox label {
    text-transform: capitalize;
    border: 2px solid #caffef !important;
         border-radius: 0px !important;
    background: #000000;}
      .select-item-weight li a {color: #caffef; text-decoration: none;}
      .select-item-weight li:hover { background: #caffef; border: 1px solid #caffef; color: #282828 !important;}
      .select-item-weight li:hover a { color: #282828 !important;}
      .select-item-weight .active { background: #caffef !important; border: 1px solid #caffef; color: #282828 !important;}
.product-form__input input[type=radio]:checked+label {background: #caffef !important; border: 1px solid #caffef; color: #282828 !important;}
      .select-item-weight .active a {color: #282828 !important;}
      .weight-left { width: 170px; }

/* */
.giftbox { margin-bottom: 0px; display: flex; align-items: center;}
   .giftbox h2 { color: #caffef; font-size: 20px; text-transform: capitalize; line-height: 26px;
   margin-bottom: 10px; font-weight: 500;}
   .giftbox li {     margin-bottom: 5px; color: #1A1A1F; text-transform: capitalize;
    border: 1px solid #caffef;
      background: #000000; padding: 8px 42px;  display: inline-block; 
      margin-right: 5px; color:#caffef;  }
      .giftbox-left { width: 26%; }

      .max-size { padding: 5px 43px; }
     

.video-section {
    padding: 0;
    position: relative;
    margin-top: 100px;
}
.video-img a { display: flex; justify-content: center; align-items: center; position: relative; }
.video-img img { width: 100%; }
.play-icon { width: 106px;  }

.play-icon {
    width: 106px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 40%;
}
.blur-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05); /* Tint */
}

.product-how-about { padding: 200px 0px 80px;  }

.map { padding-bottom: 30px; }
.map iframe { width: 100%; /*-webkit-filter: grayscale(100%);
filter: grayscale(100%);*/ }

.about-wrapper { display: flex; }
.about-left { width: 46%; position: relative;
  display: inline-block; }
.about-right { width: 60%; 
position: relative;
  display: inline-block;}


.about-img img { width: 100%; }
.about-text { position: absolute; z-index:3; left: 150px; width: 100%; height: 100%; display: flex; 
  align-items: center; }
.about-text h2 { font-size: 46px; line-height: 62px; margin-bottom: 0px; }
.about-text h2 span { color: #ea7961; display: block; }
.about-text small { font-size:20px; line-height: 32px; color:#caffef; display:block; margin-top: 5px; }


.about-text-right { position: absolute; right: 100px; width: 100%; height: 100%; display: flex; align-items: center; }
.about-text-right h2 { font-size: 46px; line-height: 62px; margin-bottom: 0px; }
.about-text-right h2 span { color: #ea7961; }

.middle-banner-full-img  img { width: 100%; }
.middle-banner-full-img-about img { width: 100%; }
.middle-banner-full-img-about {
    margin-top: 50px ;
    margin-bottom: 50px;
}




.parallax-bg {
  /*  background-repeat: no-repeat; */
  background-attachment: fixed;
  background-position: center; 
  background-size: cover;
}


 /*  slick custom */
 *:focus {
  outline: 0;
  outline: none;
}
.slick-slide div {
    outline: none;
}
.slick-slide, .slick-slide:focus *{outline:none!important;}
 .slick-slide {  outline: none !important;  }
 .slick-list:focus {   outline: none !important;  border: 0px;  }
.left-arrow { position: absolute; top: 45%; left: -125px; cursor: pointer; }
.right-arrow { position: absolute; top: 45%; right: -125px; cursor: pointer; }

.left-arrow-gallery {
    position: absolute;
    top: auto;
    bottom: -50px;
    left: 36%;
    cursor: pointer;
    width: 106px !important;
    z-index: 2;
    width: 70px !important;
}
.right-arrow-gallery {
    position: absolute;
    top: auto;
    bottom: -50px;
    right: 36%;
    cursor: pointer;
    width: 106px !important;
    z-index: 2;
    width: 70px !important;
}

/* text scroll */




.text-scroll-animation-50 {top: 45%; left: 0px; width: 100%; z-index: 2 !important; }
.text-scroll-animation-0 { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9; }
.text-scroll-animation-80 { position: absolute; top: 80px; left: 0px; width: 100%; z-index: 9; }
.text-scroll-animation-250 { position: absolute; top: 250px; left: 0px; width: 100%; z-index: 9; }
.text-scroll-animation-newsletter { position: absolute; top: 80px; left: 0px; width: 100%; z-index: 9; }
.text-scroll-animation-40 {  position: absolute; top: 40%;  left: 0px;  width: 100%; z-index: 9; }

/* marquee-left-right */

.marquee-left-right {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  margin: 5px 0px;
 
}
.marquee-left-right > svg {
  width: auto;
  height: 45px;
  animation: 30s linear infinite horrizontal-slide;
  -webkit-animation: 30s linear infinite horrizontal-slide;
}
@media (prefers-reduced-motion) {
  .marquee-left-right {
    height: auto !important;
  }
  .marquee-left-right > svg {     
    animation-play-state: paused;
    transform: translateX(-55%) !important;
  }
}
@keyframes horrizontal-slide {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}


/* marquee-left-right */

/*  marquee-right-left */
.marquee-right-left {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  margin: 5px 0px;
  
}
.marquee-right-left > svg {
  width: auto;
  height: 45px;
  animation: 30s linear infinite horrizontal-slide-right;
  -webkit-animation: 30s linear infinite horrizontal-slide-right;
}
@media (prefers-reduced-motion) {
  .marquee-right-left {
    height: auto !important;
  }
  .marquee-right-left > svg {    
    animation-play-state: paused;
    transform: translateX(-55%) !important;
  }
}


@keyframes horrizontal-slide-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(-0%);
  }
}
/*  marquee-right-left */

.no-text-scroll > img {
  animation: 30s linear infinite horrizontal-slide-right-0;
}
@keyframes horrizontal-slide-right-0 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(0%);
  }
}


/* */

.banner-top-scroll {
  width: 100%;  
  margin: 10px 0px;
  
}
.banner-top-scroll > img {
  width: auto;
  height: 45px;  
}

/*.cocktails-outline-fixed { background: #c8fff4 url(../images/outline/cocktails-outline-bg.svg);
  background-attachment: fixed;  
  background-position: center;  
  background-repeat: no-repeat; 
  background-size: contain; }*/

.cocktails-outline-fixed { position: fixed; top: 440px; width: 100%; left: 0px; display: none;}


/* middle slide arrow */
.left-arrow-middle {
    position: absolute;
    top: auto;
    bottom: 50px;
    left: 50px;
    cursor: pointer;
    width: 106px !important;
    z-index: 2;
    width: 70px !important;
}
.right-arrow-middle {
    position: absolute;
    top: auto;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    width: 106px !important;
    z-index: 2;
    width: 70px !important;
}

/* hoverlay */

.middle-banner-scroll { position: relative; }
.middle-banner-scroll img {width: 100%;}
.middle-banner-scroll .slick-list:after { content: ""; width: 100%; height: 100%; position: absolute;
background: url(/cdn/shop/files/black-transparent-bg.png?v=1656011776) repeat-x bottom left; left: 0px; bottom: 0px; }

.banner .callbacks_container .rslides li:after { content: ""; width: 100%; height: 100%; position: absolute;
background: rgba(30,0,0,0.4); left: 0px; bottom: 0px; z-index: 1; }

.middle-banner-full-img-about:before { content: ""; width: 100%; height: 100%; position: absolute;}

.middle-banner-section-two:before { content: ""; width: 100%; height: 100%; position: absolute;}


/* hoverlay end */

.product-slide { position: relative; z-index: 10; }
.product-box  { position: relative; z-index: 1; }

.font-small-24 { font-size: 24px !important; }

.product-slide .right-arrow-gallery {
    position: absolute;
    top: auto;
    top: 45%;
    right: 36px;
    cursor: pointer;
    width: 106px !important;
    z-index: 2;
    width: 70px !important;
}
.product-slide .left-arrow-gallery {
    position: absolute;
    top: auto;
    top: 45%;
    left: 36px;
    cursor: pointer;
    width: 106px !important;
    z-index: 2;
    width: 70px !important;
}


.about-wrapper .thumbnail {
    padding: 0px!important;
    margin-bottom: 0px!important;  
    background-color: none!important;
    border: 0px!important;
    border-radius: 0px!important;   
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent color */
  backdrop-filter: blur(8px); /* The magic line */
  -webkit-backdrop-filter: blur(8px); /* For Safari support */
}


.desktop-view { display: block; }
.mobile-view { display: none; }


.featured-col { padding-bottom: 0;
padding-top: 0; }

@media screen and (max-width: 768px) {
#shopify-section-template--27311534539135__featured_collection_dieeJQ > div > div.title-wrapper-with-link.title-wrapper-with-link--no-heading.title-wrapper--self-padded-tablet-down
{display: none!important;}
}

.testimonial-data-center {display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; height:400px; }

.collection-grid-section{margin: 0px !important;}
.shopify-payment-button__button {
    text-transform: uppercase;
}
.over-modal .modal-content {
    background-color: #caffef!important;
    border-radius: 0!important;
    border: 1px solid #caffef!important;
}
.over-modal .modal-body {
    padding: 30px;
}
.over-modal .modal-body h2 {
    color: #000;
    text-align: center;
}
.age-checker-actions {
    padding-top: 20px;
}
.over-modal .btn-black {
    background: #000;
    color: #caffef!important;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 0;
    display: inline-block;
    line-height: 30px;
    padding: 8px 25px;
    text-decoration: none!important;
    border: 2px solid #000;
    transition: all .2s ease-out;
    letter-spacing: 0px;
    width: 100%;
    margin-bottom: 10px;
}
.over-modal .btn-border {
    background: transparent;
    color: #000!important;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 0;
    display: inline-block;
    line-height: 30px;
    padding: 8px 25px;
    text-decoration: none!important;
    border: 2px solid #000;
    transition: all .2s ease-out;
    letter-spacing: 0px;
    width: 100%;
}
.over-modal {
    text-align: center;
    top: 30%;
}
._3yzgbUSnoM0g12QES3gF19{display:none;}
#cart-icon-bubble svg {
    display: none;
}
.gift-box{background: transparent;
    border-color: #caffef;
    padding: 1rem 14px;
    font-size: 15px;
    letter-spacing: .1rem;}
.colour-2 {
    background: #caffef!important;
    border: 1px solid #caffef;
    color: #282828!important;
}



/* 25-07-2022 */
.middle-banner-section-gin { 
  background: url(/cdn/shop/files/slider-gin2.jpg?v=1659700893);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  margin: 85px;
  padding: 80px 0px 50px; position: relative; }


/* Tablet Portrait (761px - 1024px) */
@media only screen and (min-width: 761px) and (max-width: 1024px) {
  .middle-banner-section-gin {
   margin: 20px;
  }
}

@media (max-width: 761px) {.middle-banner-section-gin {
  margin: 20px;
}}

.middle-banner-section-gin p { font-size: 24px; line-height: 52px; margin-bottom: 80px; }
.middle-banner-section-gin p span { color: #ea7961; }

/* faq */
.faq-box { color:#000;  }

.accordion {
  background-color: #c8fff4;
  color: #000;
  cursor: pointer;
  padding: 0px 0px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  transition: 0.4s;
  position: relative;
  padding-left: 30px;
  
}

.active, .accordion:hover {
  background-color: #c8fff4;
}

.accordion:after {
  content: '\002B';
  color: #000;
  font-weight: bold;
  float: left;
  margin-right: 15px;
  left: 0px;
    position: absolute;
    top: 0px;
}

.active:after {
  content: "\2212";
}

.panel {
  border-bottom: 1px solid #000;
  padding: 0px 0px 0px 30px;
  font-size: 16px;
  background-color: #c8fff4;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
      border-radius: 0px;
}
.panel p { padding-top: 10px; }

/*Banner*/
.banner-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    left: 0px;
    right: 0px;
    z-index: 1;
}

#video-bg-old {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

.template-search__header 
{visibility: hidden;
margin-top: -120px;
}


@media only screen and (max-width : 870px) {.facets-container {
visibility: hidden;}}


#video-bg {
    height: 56.25vw !important;
    left: 50%!important;
    min-height: 100%!important;
    min-width: 100%!important;
    position: absolute!important;
    top: 50%!important;
    transform: translate(-50%, -50%)!important;
    width: 177.7777777778vh!important;
}


/* 25-07-2022 end */
.inner-data-section h2 {
    color: #ea7961;
}
.inner-data-section a {
    color: #ea7961;
}

.product-play-icon{width: 64px;
    position: absolute;margin: 0 auto;
    left: 0px;
    right: 0px;
        top: 30%;}
.font-small-24 span{text-transform: uppercase;}
.line-height-36{line-height: 36px !important;}
button:hover, button:focus {
  outline: none;
}
textarea:focus, input:focus{
    outline: none;
}
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
.product-gallery img { 
    object-fit: contain;
}
#cart-notification{    position: fixed;
    background: #181818;
    z-index: 9;
    border: 1px;}
#cart-notification .button-label{    color: #ea7961;}
#cart-notification:after,#cart-icon-bubble{display:none;}
.inner-data-section{margin: 60px 0px;}


.details-btn-box {
    margin-bottom: 15px;
    display: flex;  
    max-width: 43rem; }

@media only screen and (max-width : 761px){
 .details-btn-box {
    margin-bottom: 15px;
    display: flex;
    max-width: 43rem;
    align-content: space-between;
    align-items: center!important;
    flex-direction: column!important;}
  
  .add-class-active{display: flex;flex-wrap: wrap; flex-direction: column;}

.padding-bottom-70 { padding-bottom: 70px;
padding-top: 0 !important;  }
  }


.details-btn-left {
    width: 40%;
}
.details-btn-right {
    display: flex;
    flex-wrap: wrap;
}
.padding-30-60{padding-top:30;padding-bottom:60px;}
pickup-availability-drawer[open]{    background: #181818;
    z-index: 9;
    border: 1px;
}
.video-img iframe{width:100%;}
.template-search #ProductGridContainer{padding-bottom: 50px;}
.template-search li:empty {
    display:none;
}
.template-search .search__input.field__input {
    padding: 0px 5px 0px 10px !important;
}
.newsletter-form__message--success {
    bottom: unset !important;
}
.gift-up-target{margin-bottom: 60px;}

/* modal */
.subscribe-data-footer2 .btn-green-news {
    font-size: 16px;
    background: #caffef;
    width: 100%;
    padding: 30px;
    color: #000000;
    text-decoration: none !important;
    text-align: center;
    transition: all 1s ease-in-out;
}
.subscribe-data-footer2 .btn-green-news:hover {  
    color:  #caffef !important;  
    border-top: solid 1px;
    background: #000000;

}
.subscribe-modal2 .subscribe-box { background: #caffef; padding: 1px; }

.subscribe-data-footer2 .newsletter-new-box {  padding-top: 0px; }
.subscribe-modal2 { position: fixed; background: rgba(0, 0, 0, 0); width: 100%; height: 100%; z-index: 99999;
left:0px; top: 0px;  display: none; }
.subscribe-modal2 .newsletter-new-box-right {  width: 100%;  float: none; }
.subscribe-modal-close2 { position: absolute; color: #222; cursor: pointer; 
  width: 30px; height: 30px; right: 15px; top: 15px;
  text-align: center; border-radius: 50px; }

.subscribe-modal { position: fixed; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 99999;
left:0px; top: 0px;  display: none; }
.subscribe-box { max-width: 400px; background: #caffef; 
  padding: 1px; border-radius: 0px; margin: 0 auto; 
  position: relative; margin-top:10% }
.subscribe-modal-close { position: absolute; color: #222; cursor: pointer; 
  width: 30px; height: 30px; right: 15px; top: 15px;
  text-align: center; border-radius: 50px; }

  .subscribe-data-img img { width: 100%; }
  .subscribe-data-des { padding: 30px; background: #000000;  }
  .subscribe-data-des h3 { text-transform: uppercase;  margin-bottom: 15px; font-size: 20px; line-height: 30px; }
  .subscribe-data-des p { margin-bottom: 0px !important; font-size: 17px; line-height: 27px; }
  .subscribe-data-des span { color: #ea7961;  }
  .subscribe-data-footer { background: #caffef; padding: 10px 30px; }
  .subscribe-data-footer .newsletter-new-box {  padding-top: 0px; }
  .subscribe-data-footer .newsletter-new-box-left {  width: 100%;  float: none; }
  .subscribe-data-footer .newsletter-new-box-right {  width: 100%;  float: none; }

  .subscribe-data-footer .envelop-icon { background: #caffef !important; border-bottom: 1px solid #000000;  color: #000000;}
  .subscribe-data-footer .btn-green-news {  background: #caffef !important; border-bottom: 0px;  font-size:15px;
  	color: #000000;}
  	.subscribe-data-footer .btn-green-news:hover { color: #000000!important;  }

  	.subscribe-data-footer .envelop-icon::-webkit-input-placeholder {
color: #282828 !important; opacity: 1 !important;
}
.subscribe-data-footer .envelop-icon:-moz-placeholder { /* Firefox 18- */
color: #282828 !important;opacity: 1 !important;
}
.subscribe-data-footer .envelop-icon::-moz-placeholder {  /* Firefox 19+ */
color: #282828 !important;opacity: 1 !important;
}
.subscribe-data-footer .envelop-icon:-ms-input-placeholder {
color: #282828 !important;opacity: 1 !important;
}

.product-form__buttons .btn-border:hover {
    color: inherit !important;
    border: 1px solid #caffef !important;
}


/* ================= Responsive ====================== */

@media only screen and (max-width : 1440px) {
.about-left { width: 39%; }
.about-text h2 {   font-size: 38px;   line-height: 55px;  }
.about-text-right h2  {   font-size: 38px;   line-height: 55px;  }
.testimonial-data-center { height:530px; }

} /* end */  


@media only screen and (max-width : 1300px) {
.about-left { width: 46%; }
.about-text h2 {   font-size: 38px;   line-height: 55px;  }
.about-text-right h2  {   font-size: 38px;   line-height: 55px;  }
.testimonial-data-center { height:600px; }
  .testimonial-section p { font-size: 28px;  line-height: 45px; }

} /* end */  






@media only screen and (min-width:992px) and (max-width:1024px) {

/* .video-img iframe {  height: 507px !important;  } */
.banner {  height: 100vh !important; /* Forces it to fill the screen */
      min-height: 600px;        /* Safety fallback */
    position: relative; 
      display: block !important;}
.callbacks_nav {   
    height: 45px !important;
    width: 45px !important; 
    background-size: cover !important;
}
.top-menu-right a {  font-size: 11px; }
.top-menu-left a {  font-size: 11px; }
.home-about-text {  width: 70%;  margin-left: 10%; }
.left-arrow { left: -75px; width: 60px; }
.right-arrow { right: -75px;  width: 60px; }
.video-section {  padding: 100px 0px 80px; }
 .product-how-about { padding: 180px 0px 80px; } 
	
} /* end */


@media only screen and (max-width : 990px) { 
.middle-banner-section-gin {
    background: url(/cdn/shop/files/slider-gin2-mobile.jpg?v=1660646549) !important;
 
    background-position: center !important;
    background-repeat: no-repeat !important;
  background-size: cover !important;
}
  .middle-banner-section-gin::before { content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background: rgba(0,0,0,0.4);}
/* .video-img iframe {  height: 367px !important;  } */
  
.testimonial-data-center {display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; height:auto; }

  
  .middle-banner-full-img-about {   height: 15vh;  }
 .middle-banner-section-two {  height: 15vh ; }
 .btn-arrow-small { padding: 5px 0px;}

.desktop-view { display: none; }
.mobile-view { display: block; }

.text-scroll-animation-250 {  top: 435px; }
  .mopile-pad-0 { padding: 0px; }

  .middle-banner-section-distillery-bar {    padding: 60px 0px 30px;}

 .middle-banner-section-distillery-bar:before { content: ""; position: absolute; width: 100%; height: 100%;
 left: 0px; top: 0px; background: rgba(30,0,0,0.7); } 

 .middle-banner-section:before { content: ""; position: absolute; width: 100%; height: 100%;
 left: 0px; top: 0px; background: rgba(30,0,0,0.7); } 


.marquee-left-right > svg { height: 36px; }
.marquee-right-left > svg { height: 36px; }


.buynow-btn-hover:hover .buynow-btn-prd { display: none; }
.buynow-btn-hover:hover .price-box { display: block; }

.middle-gallery-slider .slick-arrow { display: none !important; }
.middle-banner-scroll .slick-list:after { background: none !important; }

.map-section .view-btn {
    padding: 0px;
}
 .product-how-about { padding: 180px 0px 80px; } 
.video-section {  padding: 100px 0px 80px; }

.font-small-24 { font-size: 20px !important; }
.middle-banner-section-distillery-bar { background: url(/cdn/shop/files/mobile-bg1_e6ff97b3-2fba-48e9-91bd-6682fc83f01c.jpg?v=1656958368);
  background-position: center center; }
.middle-banner-section { background: url(/cdn/shop/files/mobile-bg1_e6ff97b3-2fba-48e9-91bd-6682fc83f01c.jpg?v=1656958368);
  background-position: center center; }

.middle-banner-section-distillery-bar p {  font-size: 26px; line-height: 38px;}
.about-text h2, .about-text-right h2 {  font-size: 26px; line-height: 38px;}

.middle-banner-section p {  font-size: 30px; line-height: 38px;}


.footer-social li {  margin-left: 9px; margin-right: 9px; }

.about-wrapper { flex-wrap: wrap; }
.about-text {  position: static;  padding:30px 0px; }
.about-text-right  {  position: static;  padding:30px 0px; }
.column-reverse {  flex-direction: row-reverse; }
.about-right, .about-left { width: 100%; }




  .left-arrow-gallery {   bottom: -35px;  left: 33%;  }

.right-arrow-gallery {   bottom: -35px;  right: 33%;  }

.product-gallery { margin-bottom: 70px; }

  .product-details { padding-top: 30px; }

  .parallax-bg {   background-attachment: inherit; }
  .middle-banner-section {   background-attachment: inherit; }
/*  .cocktails-outline-fixed { background: #c8fff4 url(../images/outline/cocktails-outline-bg2.svg) no-repeat;
    background-attachment: inherit !important;
    background-size: contain;
    background-position: 0px 8%; }*/
  
  .left-arrow { left: -75px; width: 60px; }
.right-arrow { right: -75px;  width: 60px; }

.testimonial-box { padding: 0px 15px; }
  .column-reverse { flex-flow: column-reverse; display: flex; }

	@media only (max-width : 767px) {
    .mobile-menu {
        display: block !important;
        padding-left: 0px!important;}}

.mobile-menu { display: block; margin-left: -20px;}
.top-menu-left, .top-menu-right { display: none; } 

.callbacks li{ height: calc(100vh - 80px) !important;  }
.rslides img {  height: calc(100vh - 80px) !important; }
.banner {  height: calc(100vh - 80px);  position: relative; }

.home-about-section {  display: block; }
.home-about-left { width: 100%; }
.home-about-right { width: 100%; }
.home-about-left .vertical-center {  position: static;   -ms-transform: inherit;  transform: inherit; }
.home-about-text {
    width: 80%;
    margin-left: 0px;
    text-align: center;
    margin: 0 auto;
    padding: 100px 0px;
}
.middle-banner-section {  padding: 60px 0px 30px; }
.footer-bottom-section {  text-align: center; }

.footer-social { text-align: left; margin-top: 50px; }
.footer-copyright { text-align: left; }


.callbacks_nav {   
    height: 35px !important;
    width: 35px !important; 
    background-size: cover !important;
}

.top-right-section {  margin-top: 25px; padding-right: 10px; }	
.rslides img { object-fit: cover !important; }
.sticky .logo img { width: 110px; }

.newsletter-new-box-left, .search-new-box-left { width: 60%;}
.newsletter-new-box-right, .search-new-box-right { width: 40%; }

.footer-address { text-align: left; }


.testimonial-scroll .owl-prev {    
    left: -110px !important;
   
}
.testimonial-scroll .owl-next  {   
    right: -110px !important;   
}
.play-icon {  width: 60px;}


	 
} /* end */

@media only screen and (max-width : 760px) { 
/*   .subscribe-modal2 { display: block; }
  .subscribe-modal { display: block; } */
  .subscribe-modal2 .subscribe-box { margin-top: 22%; }
.subscribe-box {  margin-top: 22%; }
  
/*.top-section { position: relative; }*/
.logo img{ width: 99px; }
.inner-banner {  height: 100px;}
.testimonial-section{ padding: 80px 0px; }
.sticky .logo img {  width: 99px; }

.left-arrow { left: 0px; width: 60px;  }
.right-arrow { right: 0px;  width: 60px; }
.product-details h1 {  font-size: 28px;  line-height: 35px; }



.left-arrow-gallery {   
    width: 50px !important;
}
.right-arrow-gallery {   
    width: 50px !important;
}

.play-icon {  width: 32px;}
  .left-arrow-gallery {   bottom: -35px;  left: 28%;  }
.right-arrow-gallery {   bottom: -35px;  right: 28%;  }




 }

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

  
/* .video-img iframe {  height: 315px !important; } */
.text-scroll-animation-250 {  top: 225px; }
.marquee-right-left {  margin: 1px 0px; }
.marquee-left-right { margin: 1px 0px; }

.search-new-box {  margin-top: 30px;  }
.newsletter-new-box-left, .search-new-box-left { width: 100%;}
.newsletter-new-box-right, .search-new-box-right { width: 100%; }
.container-fluid { padding-right: 20px;  padding-left: 20px; }
.middle-banner-section p {   margin-bottom: 30px; }
.testimonial-section p{  font-size: 22px;  line-height: 38px;  }
.testimonial-section h3 { font-size: 15px; }
.search-envelop-icon, .envelop-icon { text-align: center; }
.middle-banner-padding { padding: 276px 0px; }
.middle-banner-full-img-about { padding: 0px 0px; }
.middle-banner-section-two {  background-position: 35% 0% !important; }

.testimonial-scroll .owl-controls {  display: none !important; }



.banner-btn { height: 16px!important; }

.select-item-weight, .giftbox, .giftbox-left, .weight-left {   display: block; width: 100%; }

/*.product-gallery .owl-prev { left: -15px !important; }
.product-gallery .owl-next  {  right: -15px !important; }*/

.left-arrow { display: none !important;  }
.right-arrow { display: none !important; }
.cocktails-outline-fixed { position: fixed; top: 320px; width: 100%; left: 0px; }
.text-scroll-animation-50 {  top: 40%; }

} /* end */

@media only screen and (max-width : 575px) {
/* .video-img iframe {  height: 180px !important; } */

	}

.font-12{font-size: 12px;}