@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@charset "UTF-8";

:root {
	--primary: #8c8c8c;
	--secondary: #d10102;
	--black: #000;
	--white: #fff;
	--gray-one: #414042;
	--gray-two: #626163;
	--gray-three: #0e0e0e;
	--heading-font: 'Montserrat', sans-serif;
	--body-font: 'Poppins', sans-serif;
	 
}


* {box-sizing: border-box;}
/* html {scroll-behavior: smooth;} */

body {
	font-family: var(--body-font);
	background-color: #000;
	font-size: 1rem;
	line-height: 1.48;
	font-weight: 400;
	overflow-x: hidden;
	color: #8c8c8c;
	margin: 0;
	padding: 0;
	/* scroll-behavior: smooth; */
}

/* start Swal style 2023-12-22 */

.swal2-popup.swal2-modal.swal2-show {
    background: #202020 !important;
}
.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.90) !important;
}
.swal2-buttonswrapper button.swal2-confirm.swal2-styled {
    font-size: 14px !important;
    font-weight: 600;
    color: #fff !important;
    padding: 12px 20px !important;
    margin: 0 auto 30px;
    border-radius: 4px !important;
    border: 1px solid #d10102 !important;
    background-color: #d10102 !important;
    transition: all 0.3s ease-in-out !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif;
}
.swal2-buttonswrapper button.swal2-confirm.swal2-styled:focus{box-shadow: none;}
.swal2-buttonswrapper button.swal2-confirm.swal2-styled:hover{background-color: transparent !important;}
.swal2-icon.swal2-warning{
	color: #830102 !important;
    border-color: #d10102 !important;
}
.swal2-popup .swal2-content{color: #fff !important;}
.age-gate__buttons {margin-top: 15px;}
.age-gate__buttons button {
    color: #8c8c8c;
    text-decoration: none;
    padding: 2px 17px;
    transition: all 300ms ease-in-out;
    border: 2px solid #8c8c8c;
    margin: 0px 10px;
    background: transparent;
}
.modal1 {
    position: fixed;
    height: 100vh;
    clear: both;
    width: 100%;
    z-index: 99999;
    background: #000;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
}
.woocommerce-notices-wrapper {
    display: none;
}
.age-warn-inner .age-warning .btns_warning_list li {
    display: flex;
    clear: both;
}


/* end Swal style 2023-12-22 */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--heading-font);
	margin: 0;
	font-weight: 500;
    line-height: 1.2;
}
p{
	margin: 0;
}
a:focus,
a:active,
button:focus,
button:active {
	outline: 0;
}

a,
a:hover,
a:focus,
a:visited {
	outline: 0;
	text-decoration: none;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	-ms-transition: all .4s linear;
	transition: all .4s linear;
}

a:hover {
	color: var(--primary);
}

button::-moz-focus-inner {
	outline: 0;
}

button:focus {
	outline: 0px dotted;
	outline: 0px auto -webkit-focus-ring-color;
}

ul, ol {
	padding: 0;
	margin: 0;
}

::selection {
	color: var(--white);
	background: transparent;
}

::-moz-selection {
	color: var(--white);
	background: var(--primary);
}

.clearfix {clear: both;}

body.scrolldisable, body.nlpopupshow {overflow-y: hidden;}


/*Site Entry Wrap css start here*/


.site-entry-panel{
	display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    justify-content: center;
	background-color: var(--black);
	text-align: center;
	position: fixed;
	z-index: 1000;
}

.site-entry-box {
    width: 100%;
}

.satryna-skull-logo, .satryna-skull-logo .skull-hover{
	max-width: 295px;
    height: 290px;
    background-image: url(../images/skull-combined-gray.png);
    background-size: 350px auto;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto 50px;
}
.satryna-text-logo, .satryna-text-logo .text-hover{
	max-width: 180px;
    height: 38px;
    background-image: url(../images/satryna-txt-gray.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
}
.satryna-skull-logo .skull-hover{background-image: url(../images/skull-combined.png);}
.satryna-text-logo .text-hover{background-image: url(../images/satryna-txt-hover.png);}

.satryna-skull-logo .skull-hover, .satryna-text-logo .text-hover{
	 -webkit-clip-path: inset(100% 0px 0px 0px);
    clip-path: inset(100% 0px 0px 0px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	    filter: grayscale(1);
}

.site-entry-box.yeshover .satryna-skull-logo .skull-hover, 
.site-entry-box.yeshover .satryna-text-logo .text-hover{
	-webkit-clip-path: inset(0% 0px 0px 0px);
    clip-path: inset(0% 0px 0px 0px);
}

.site-entry-box p{
	font-size: 12px;
	font-weight: 600;
	color: var(--gray-one);
	margin-top: 50px;
}
.button-list{
	margin: 14px 0 18px;
	display: flex;
    justify-content: center;
}


.button-list a{
	color: var(--gray-one);
    text-decoration: none;
    padding: 2px 17px;
    border: 3px solid var(--gray-one);
    margin: 0px 10px;
	font-size: 12px;
}
.button-list a:hover {
    background: var(--gray-one);
    color: var(--black);
}

label.remeber-me-wrapper span{
	font-size: 12px;
    font-weight: 600;
    color: var(--gray-one);
    display: flex;
    align-items: center;
}
.remeber-me-wrapper {    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;}
.remeber-me-wrapper .remember-me {
    opacity: 0;
    height: 0;
    width: 0;
    margin: 0;
}
.remeber-me-wrapper .remember-me ~ span:before {
	    content: '';
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    border: 2px solid;
    box-sizing: border-box;
    margin-right: 15px;
}

/*.remeber-me-wrapper span { position: relative; padding-left: 30px; display: block; font-size: 13px; font-weight: 600; font-size: 0.75rem;}*/
.remeber-me-wrapper .remember-me:checked ~ span:before {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MCA2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8cGF0aCBkPSJNMCwwdjYwaDYwVjBIMHogTTQ0LjQ5NSwyMi4zMjlsLTE2LDE4QzI4LjEwMSw0MC43NzIsMjcuNTUyLDQxLDI2Ljk5OSw0MWMtMC40MzksMC0wLjg4LTAuMTQ0LTEuMjQ5LTAuNDM4bC0xMC04ICBjLTAuODYyLTAuNjg5LTEuMDAyLTEuOTQ4LTAuMzEyLTIuODExYzAuNjg5LTAuODYyLDEuOTQ5LTEuMDAzLDIuODExLTAuMzEzbDguNTE3LDYuODEzbDE0LjczOS0xNi41ODEgIGMwLjczMi0wLjgyNiwxLjk5OC0wLjkwMSwyLjgyMy0wLjE2NkM0NS4xNTQsMjAuMjM5LDQ1LjIyOSwyMS41MDMsNDQuNDk1LDIyLjMyOXoiIGZpbGw9IiM0MTQwNDIiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
	border: 0;
}


.cookie-bar{
	max-width: 1105px;
    width: 90%;
    margin: auto;
	color: var(--gray-two);
	margin-top: 30px;
}
.cookie-bar h3 {
    font-size: 18px;
	margin-bottom: 0.5rem;
}
.cookie-bar p {font-size: 11px;}


/*----  drink-beautiful page loader style starts here ----*/

.blackpreloader {
	position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 997; background-color: rgba(0, 0, 0, 1);
}
.textpreloader {
	position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 995; background-color: rgba(0, 0, 0, 1);
}
.db-loader {
	margin: 0 auto;
	width: 82vw;
	height: auto;
	text-align: center;
	position: absolute;
	top: 47%;
	left: 0;
	right: 0;
	z-index: 992;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.loader-mask-bg{
	width: 100%; margin: auto; background-color: #000; position: relative;
}
.loader-mask-bg svg {
    width: 100%; height: auto; position: relative; top: -3px; z-index: 12; margin-bottom: -8px; padding: 0px;
}
.write-animate{	
	stroke-dasharray: 1200;
	stroke-dashoffset: 1200;
	animation: strokeOffset 2s cubic-bezier(0.94,  0.95, 0.74, 0.82) forwards;
	animation-direction: reverse;
}
@keyframes strokeOffset {
	from {stroke-dashoffset: 1200;}
	to {stroke-dashoffset: 2400;}
}

/*----  drink-beautiful page loader style ends here ----*/



/*menu style starts here*/
header {
    position: fixed;
    top: 0;
	width: 100%;
	z-index: 999;
	display: flex;
    align-items: center;
    padding: 26px 25px;
	justify-content: center;
    background: rgba(0, 0, 0, 0);
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	-ms-transition: all .4s linear;
	transition: all .4s linear;
    /*background: rgba(0, 0, 0, 0.65);*/
}
/* header.sticky {
    background: rgba(0, 0, 0, 0.75);
	
} */
.logo-wrapper { position: relative; max-width: 200px; filter: grayscale(1);}
.logo-wrapper img { width: 100%;}
.menu-icon-box {
	/*position: fixed;*/
	position: absolute;
	top: 25px;
	right: 25px;
	height: 47px;
	width: 55px;
	cursor: pointer;
	z-index: 986;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
	border: 1px solid #d10102;
	background-color: rgba(0, 0, 0, 0.35);
}
.menu-icon-box:hover span{ background: #d10102;}
.menu-icon-box:before{
	content: "";
	position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #360808;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;	
}
.menu-icon-box:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.menu-icon-box.active .menu-line-top {
	top: 11px;
	-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
	transform: translateY(11px) translateX(0) rotate(45deg);
	background: #d10102;
}
.menu-icon-box.active .menu-line-middle {
	opacity: 0;
	background: #d10102;
}
.menu-icon-box.active .menu-line-bottom {
	top: 33px;
	-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
	transform: translateY(-11px) translateX(0) rotate(-45deg);
	background: #d10102;
}
.menu-icon-box span {
	background: #d10102;
	border: none;
	height: 1px;
	width: 40%;
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}
.menu-icon-box span:nth-of-type(2) {top: 22px;}
.menu-icon-box span:nth-of-type(3) {top: 30px;}
.menu-overlay-wrap nav{ background: none;}
.menu-overlay-wrap {
	position: fixed;
	background: #3d3d3d;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s, height .35s;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
	z-index: 984;
}
.menu-overlay-wrap:before {
	content: '';
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 990;
}

#menubgimg {
	content: '';
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 988;
}
.menubg, #menubgimg{background-color: #3d3d3d;}

.collection-hover-bg {background: url(../images/section-bg/collections.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards;animation: fadeInmenubg .4s ease-in-out forwards;}
.story-hover-bg {background: url(../images/section-bg/story-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}
.inspiration-hover-bg {background: url(../images/section-bg/inspiration-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}
.craftsmanship-hover-bg {background: url(../images/section-bg/craftsmanship-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}
.design-hover-bg {background: url(../images/section-bg/design-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}
.healthy-tequila-hover-bg {background: url(../images/section-bg/healthytequila-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}
.personalization-hover-bg {background: url(../images/section-bg/personalisation-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}
.buynow-hover-bg {background: url(../images/section-bg/buynow-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.award-hover-bg {background: url(../images/section-bg/awards-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.press-hover-bg {background: url(../images/section-bg/press-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.review-hover-bg {background: url(../images/section-bg/reviews-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.followus-hover-bg {background: url(../images/section-bg/followus-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.stockists-hover-bg {background: url(../images/section-bg/stockists-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.clientsay-hover-bg {background: url(../images/section-bg/clientsays-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.satrynasounds-hover-bg {background: url(../images/section-bg/satrynasounds-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.satrynacloud-hover-bg {background: url(../images/section-bg/satrynasounds-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.recommend-hover-bg {background: url(../images/section-bg/blog-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}

.cocktails-hover-bg {background: url(../images/section-bg/cocktails-bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: fadeInmenubg .4s ease-in-out forwards; animation: fadeInmenubg .4s ease-in-out forwards;}


.menu-overlay-wrap.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.menu-overlay-wrap.open li {
  -webkit-animation: fadeInRight .8s ease forwards;
          animation: fadeInRight .8s ease forwards;
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.menu-overlay-wrap.open li:nth-of-type(2) {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
.menu-overlay-wrap.open li:nth-of-type(3) {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}
.menu-overlay-wrap.open li:nth-of-type(4) {
  -webkit-animation-delay: .7s;
          animation-delay: .7s;
}
.menu-overlay-wrap.open li:nth-of-type(5) {
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
}
.menu-overlay-wrap.open li:nth-of-type(6) {
  -webkit-animation-delay: .9s;
          animation-delay: .9s;
}
.menu-overlay-wrap.open li:nth-of-type(7) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.menu-overlay-wrap.open li:nth-of-type(8) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.menu-overlay-wrap.open li:nth-of-type(9) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.menu-overlay-wrap.open li:nth-of-type(10) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.menu-overlay-wrap.open li:nth-of-type(11) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.menu-overlay-wrap.open li:nth-of-type(12) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.menu-overlay-wrap.open li:nth-of-type(13) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.menu-overlay-wrap.open li:nth-of-type(14) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.menu-overlay-wrap.open li:nth-of-type(15) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.menu-overlay-wrap.open li:nth-of-type(16) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.menu-overlay-wrap.open li:nth-of-type(17) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.menu-overlay-wrap.open li:nth-of-type(18) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.menu-overlay-wrap.open li:nth-of-type(19) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.menu-overlay-wrap.open li:nth-of-type(20) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}
.menu-overlay-wrap.open li:nth-of-type(21) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.menu-overlay-wrap.open li:nth-of-type(22) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.menu-overlay-wrap.open li:nth-of-type(23) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.menu-overlay-wrap nav {
	position: relative;
	width: 100%;
	padding-left: 15%;
	padding-right: 15%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10006;
}
.menu-overlay-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	height: 100%;
	width: 100%
}
.menu-overlay-wrap ul li {
	width: 49%;
	/*height: 25%;
  	height: calc(100% / 4);
  	min-height: 50px;*/
	position: relative;
	opacity: 0;
}

.menu-overlay-wrap ul li a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	font-weight: 400;
	text-align: left;
	color: var(--secondary);
	text-decoration: none;
	font-size: 1.5em;
	letter-spacing: 3px;
	/*font-family: 'K2D';*/
	text-transform: uppercase;
	padding: 7px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
  	transition: all .3s ease-in-out;
}
.menu-overlay-wrap ul li a:hover, .menu-overlay-wrap ul li a:focus, .menu-overlay-wrap ul li a:active {color: #fff;}
.menu-overlay-wrap ul li a:hover:after, .menu-overlay-wrap ul li a:focus:after, .menu-overlay-wrap ul li a:active:after {width: 100%;}
.menu-overlay-wrap ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  /*-webkit-transform: translateX(-50%);
          transform: translateX(-50%);*/
  height: 1px;
  background: #757575;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.menu-social-block{padding: 0!important;}
.menu-social-block li{width: 25px !important;}

@-webkit-keyframes fadeInRight {
  0% {opacity: 0; left: 8%;}
  100% {opacity: 1; left: 0;}
}

@keyframes fadeInRight {
  0% {opacity: 0; left: 8%;}
  100% {opacity: 1; left: 0;}
}

@-webkit-keyframes fadeInmenubg {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeInmenubg {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.social_share_icons._menu { display: flex; width: 100%; flex-direction: row; padding: 10px 14px; opacity: 1; margin-top: 30px; align-items: center; }
.social_share_icons._menu li { padding-left: 5px; margin-right: 20px; }
.social_share_icons._menu li a { padding: 0; display: block; width: auto; }


.social_share_icons li img { height: 30px; width: 20px; display: table; }
.social_share_icons._menu li a:hover { background: transparent; opacity: 0.7 }

.social_share_icons._menu a { opacity: 1 }
/*menu style ends here*/

/* flags css */
.flagsrow{
    position: absolute;
    top: 30px;
    left: 25px;
    z-index: 99;
    width: 100px;
    display: inline-block;
}
.flagsblock{  display: inline;}
.flagbox{
    width: 48px;
    float: left;
    padding-right: 10px;
} 
.flagbox p {
    text-align: center;
    font-size: 15px;
    color: var(--primary);
	margin: 5px 0;
}
.flagbox:hover a {
   text-decoration: none;
}


/*----  buy now button sticky style   ------*/

.buynow-btn{
	/*position: fixed;*/
	position: absolute;
	top: 25px;
    right: 100px;	
	z-index: 980;
}
.blog-link-btn{
	position: fixed;
	top: 25px;
    right: 100px;	
	z-index: 982;
}
.blog-link-btn br{display: none;}
 .buynow-btn a, .blog-link-btn a{
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-size: 13px;
    letter-spacing: 0.7px;
    text-align: center;
	color: #000;
	background-color: var(--primary);
	font-weight: 500;
	/*background: -webkit-linear-gradient(145deg, #6d3328 0%, #c48d4c 35%, #e5c8a5 47%, #e5c8a5 53%, #c48d4c 82%, #6d3328 100%);
	background: linear-gradient(145deg, #6d3328 0%, #c48d4c 35%, #e5c8a5 47%, #e5c8a5 53%, #c48d4c 82%, #6d3328 100%);*/
	padding: 14px 20px;
	height: 47px;
	text-decoration: none;
	border: 1px solid var(--primary);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	 position: relative;
	 text-transform: uppercase;
}
.buynow-btn a span, .blog-link-btn a span{position: relative;}
.buynow-btn a:hover, .blog-link-btn a:hover{
	color: var(--primary);
	
}
.buynow-btn a:before, .blog-link-btn a:before{
	content: "";
	position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;	
}
.buynow-btn a:hover:before, .blog-link-btn a:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.buynow-btn a {
    border: 1px solid var(--secondary);
    color: #fff;
    background-color: var(--secondary);
}


/* .revletter{opacity: 0; transition: all 300ms cubic-bezier(.14,.99,.43,.99); display: inline-block;} */
.revword {display: inline-block; margin: 0 1.3vw;}
#about .section-title-block {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
}

/*----  Video style start here ----*/
.main-video-panel{
	background: var(--black);
}
.main-video-wrapper{
	overflow: hidden;
	transform-origin: top center;
	height: 100vh;
}
/* .main-video-wrapper video{
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
 */

.video-background {
	background: #000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;
  }
  .video-foreground,
  .video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
  }
  
  @media (min-aspect-ratio: 16/9) {
	.video-foreground {
	  height: 300%;
	  top: -100%;
	}
  }
  @media (max-aspect-ratio: 16/9) {
	.video-foreground {
	  width: 300%;
	  left: -100%;
	}
  }
  @media all and (max-width: 600px) {
	.vid-info {
	  width: 50%;
	  padding: 0.5rem;
	}
	.vid-info h1 {
	  margin-bottom: 0.2rem;
	}
  }
  @media all and (max-width: 500px) {
	.vid-info .acronym {
	  display: none;
	}
  }
  

/*----  Video style end here ----*/


/*----  Bottle style start here ----*/
/* bottle animations */
.scrollsections {position: relative;}
.parts { display: flex; position: relative; height: 100vh; align-items: center; background: #000; color: #fff; }
.parts>div { position: absolute; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.part1 { z-index: 3; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; }
.part1 h1 { -webkit-text-fill-color: transparent; }
.part2 { z-index: 2; }
.part2 img { max-width: 17vw; }
.part3 { z-index: 1; }
.part3 h1 { }
.parts h1 { font-size: 6.2vw; text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; margin-bottom: 1.5em; }
.parts h1 span { margin-right: .2em; margin-left: .2em }
.navigation_carousel { }
.navigation_carousel li:first-child { left: 2%; }
.navigation_carousel li:last-child { right: 2%; }
.navigation_carousel li { top: calc(50% - 30px); position: absolute; display: flex; z-index: 5; }
.navigation_carousel li a { cursor: pointer; display: block; width: 60px; height: 60px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyLjYzNSAzMi42MzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyLjYzNSAzMi42MzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMzIuMTM1LDE2LjgxN0gwLjVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVzMC4yMjQtMC41LDAuNS0wLjVoMzEuNjM1YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjUgICBTMzIuNDExLDE2LjgxNywzMi4xMzUsMTYuODE3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTEzLjAzNywyOS4zNTNjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDZMMC4xNDYsMTYuNjY5QzAuMDUzLDE2LjU3NSwwLDE2LjQ0OCwwLDE2LjMxNXMwLjA1My0wLjI2LDAuMTQ2LTAuMzU0ICAgTDEyLjY4NCwzLjQyOWMwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwczAuMTk1LDAuNTEyLDAsMC43MDdMMS4yMDcsMTYuMzE1bDEyLjE4NCwxMi4xODRjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwNyAgIEMxMy4yOTMsMjkuMzA0LDEzLjE2NSwyOS4zNTMsMTMuMDM3LDI5LjM1M3oiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat center/30px; z-index: 222; }
.navigation_carousel .next { -webkit-transform: scaleX(-1); }
.navigation_carousel .prev { }

/* Ends bottle animations */
.parts_carousel .parts { opacity: 0; position: absolute; top: 0; width: 100%; left: 0; bottom: 0; transition: opacity 0.5s ease-out; }
.parts_carousel .parts.active { opacity: 1 }
.parts>div.before_bottle, .parts>div.after_bottle { position: absolute; height: 24vh; width: 11vw; opacity: 0.2; }
.parts>div.before_bottle { left: 0; top: initial; bottom: 0; transform: rotate(20deg); }
.parts>div.after_bottle { right: 0; bottom: initial; top: 0; height: 37vh; width: 13vw; transform: rotate(-20deg); }
.parts>div.before_bottle img, .parts>div.after_bottle img { height: 100%; width: auto; min-height: 22vw; }
.parts>div.before_bottle img {    /* transform: rotate(20deg); */ }
.parts>div.after_bottle img { transform: rotate(-20deg);    /* object-position: top; */ }
.parts .text_box { position: absolute; top: 58% !important; left: 62vw; width: 28vw; height: 250px; color: var(--primary); line-height: 25px; word-spacing: 2px; font-size: 12.8px; font-family: 'Poppins', sans-serif; font-weight: 400; text-align: justify; display: block; flex-direction: column; z-index: 20; }
@-moz-document url-prefix() {
    .parts .text_box { overflow: hidden !important; }
}
.parts .text_box::-webkit-scrollbar { width: 0 !important }

.parts h1 span {display: inline-block;}
.title_1 .letter, .title_2 .letter { opacity: 0; }
/*----  Bottle style ends here ----*/




/*----  Common style start here ----*/

.custom-container{
	margin: 60px auto 0;
	max-width: 1000px;
	width: 90%;
}
.section-panel{
	padding: 30px 0 120px;
	position: relative;
}
.full-screen-section{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.section-title-block h2 {
	font-weight: 400;
	font-size: 4.5vw;
	letter-spacing: 20px;
	padding-top: 22px;
	text-transform: uppercase;
	color: var(--white);
	text-align: center;
}
#clientsay .section-title-block h2 {
	width: 60vw;
    margin: auto;
}
#learnmore .section-title-block h2 {margin-bottom: 2rem;}
.section-bg{
	/*position: sticky;
    position: -webkit-sticky;
	background-color: #eee;
	background-size: cover;
	height: 100vh;
	width: 100%;
	background-position: center top;*/
	/* position: fixed;*/
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
    background-color: #eee;
    background-size: cover;
   /* height: 100vh;
    width: 100%;*/
    background-position: center top;
    top: 0;
    z-index: -2;
	overflow: hidden;
}
#awards .section-bg{background-image: url(../images/section-bg/awards-bg.jpg);}
#press .section-bg{background-image: url(../images/section-bg/press-bg.jpg);}
#stockists .section-bg{background-image: url(../images/section-bg/stockists-bg.jpg);}
#reviews .section-bg, #events .section-bg, #film .section-bg{background-image: url(../images/section-bg/reviews-bg.jpg);}
#collection .section-bg{background-image: url(../images/section-bg/collections.jpg);}
#cocktails .section-bg{background-image: url(../images/section-bg/cocktails-bg-new.jpg);}
#story .section-bg{background-image: url(../images/section-bg/story-bg.jpg);}
#inspiration .section-bg{background-image: url(../images/section-bg/inspiration-bg.jpg);}
#craftsmanship .section-bg{background-image: url(../images/section-bg/craftsmanship-bg.jpg);}
#design .section-bg{background-image: url(../images/section-bg/design-bg.jpg);}
#healthytequila .section-bg{background-image: url(../images/section-bg/healthytequila-bg.jpg);}
#personalization .section-bg{background-image: url(../images/section-bg/personalisation-bg.jpg);}
#social .section-bg{background-image: url(../images/section-bg/followus-bg.jpg);}
#satrynasounds .section-bg{background-image: url(../images/section-bg/satrynasounds-bg.jpg);}
#satrynacloudtwo .section-bg{background-image: url(../images/section-bg/satrynasounds-bg.jpg);}
#clientsay .section-bg{background-image: url(../images/section-bg/clientsays-bg.jpg);}
#blog .section-bg{background-image: url(../images/section-bg/blog-bg.jpg);}
#buynow .section-bg{background-image: url(../images/section-bg/buynow-bg-new.jpg);}

.navigator {margin-top: 20px; width: 100%; position: relative; z-index: 11; padding: 0; display: flex; justify-content: flex-end; }
.read_more, .read_less { display: none }
.read_more, .read_less { display: none; text-decoration: none; color: #fff; font-size: 13px; letter-spacing: 1px; transition: all 0.5s ease-out; cursor: pointer !important; }

.downloads-section {
    padding: 3% 0;
}
.insideheader{
	background-color: #1a1a1a;
	padding: 15px 0;
	text-align: center;
}
.insidelogo{
	width: 200px;
	margin: 0 auto;
	filter: grayscale(1);
}
.insidelogo img, .productsimg img{ width: 100%;}
.show { visibility: visible !important; opacity: 1 !important; transition: all 0.5s ease; }

/*----  Common style ends here ----*/


/*----  Triangle section style start here ----*/
.triangle-content-wrap{
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/*background-color: var(--black);*/
	position: absolute;
    width: 30vw;
    max-width: 600px;
    top: 0;
    left: 0;
}
.triangle-content-wrap:before{
	content: "";
    position: absolute;
    left: -27.5vw;
    width: 55vw;
    height: 55vw;
    background-color: var(--black);
    transform: rotate(45deg);
    z-index: -1;
}

.right-info-section .triangle-content-wrap{
	    left: auto;
    right: 0;
}
.right-info-section .triangle-content-wrap:before{
	    left: auto;
    right: -27.5vw;
}

.description-box {
    padding: 0 calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
}
.description-box p{
    font-weight: 400;
    font-size: 11.2px; /* calc(11.2px + (13 - 11.2) * ((100vw - 320px) / (1920 - 320))) 0*/
    padding: 0em 0;
    line-height: 1.5em;
    text-align: justify;
    margin: 0;
   /* display: flex;
    flex-wrap: wrap;*/
}
.description-txt p{	
   opacity: 0;
   height: 0;
}
.description-txt p.active{
	opacity: 1;
	height: auto;
}
.desktop-txt {
    display: block;
}
.mobile-txt {
    display: none;
}
.desc-wrap{overflow: hidden;}
.collection-btm-block{
	text-align: center;
	font-size: 12px;
	padding: 5px 0 0;
}
.collection-btm-block p{
	font-size: 12px;
	text-align: center;
}
.collection-btm-block a{
	color: var(--primary);
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

a.section-btn{
	display: inline-block;
	border: 1px solid var(--primary);
    color: var(--primary);
    text-decoration: none;
    padding: 8px 15px;
    position: relative;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 11px;	
	margin: 15px 0 0;
}
a.section-btn.center-btn{
	margin: 15px auto 0;
	display: table;
}

a.section-btn span.btnmask {
    position: absolute;
    background-color: var(--primary);
    width: 100%;
    left: 0;
    top: 100%;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
@media (pointer: fine) {
	.collection-btm-block a:hover{color: var(--white);}
	a.section-btn:hover {color: #000;}
	a.section-btn:hover span.btnmask{top: 0;}
}


/*----  Triangle section style ends here ----*/



/*----  Awards section style start here ----*/
.awards-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto;
	text-align: center;
	align-items: center;
	width: 100%;
	gap: 45px;
}
.award-block{width: 275px;}
.awards-wrapper .award-block:not(.red-award-block) {filter: grayscale(1);}
.award-title{position: relative; padding: 20px 0 5px;}
.second-winner .award-title{padding: 38px 0;}
.third-winner .award-title{padding: 15px 0;}
.award-title:before{
	content: "";
	position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;
	background: url(../images/winner-1-left.svg) no-repeat 0% 36%; background-size: 28%;
}
.award-title:after{
	content: "";
	position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;
	background: url(../images/winner-1-right.svg) no-repeat 100% 36%; background-size: 28%;
}
.second-winner .award-title:before{
	background: url(../images/winner-2-left.svg) no-repeat 22% 42%; background-size: 28%;
}
.second-winner .award-title:after{
	background: url(../images/winner-2-right.svg) no-repeat 78% 42%; background-size: 28%;
}
.third-winner .award-title:before{
	background: url(../images/winner-3-left.svg) no-repeat 4% 53%; background-size: 22%;
}
.third-winner .award-title:after{
	background: url(../images/winner-3-right.svg) no-repeat 96% 53%; background-size: 22%;
}
.red-award-block.third-winner .award-title:before{
	background: url(../images/winner-3-left-red.svg) no-repeat 4% 53%; background-size: 22%;
}
.red-award-block.third-winner .award-title:after{
	background: url(../images/winner-3-right-red.svg) no-repeat 96% 53%; background-size: 22%;
}
.award-title h3{	
	font-family: 'Montserrat', sans-serif;
    font-weight: 700 !important;
	font-size: 20px;
	line-height: 1.1;
	text-align: center;
    display: inline-block;
	margin: 0;
	color: #c09f5c;
    background: -webkit-linear-gradient(to right, #74471c 0%, #a36a27 12%, #ba802f 30%, #f4e590 50%, #eacd71 70%, #a36a27 88%, #74471c 100%);
    background: linear-gradient(to right, #74471c 0%, #a36a27 12%, #ba802f 30%, #f4e590 50%, #eacd71 70%, #a36a27 88%, #74471c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.second-winner .award-title h3{font-size: 20px;}
.third-winner .award-title h3{font-size: 18px;}
.red-award-block.third-winner .award-title h3 {
	filter: grayscale(1);
}
.award-block h5{	
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 10px;
	margin: 0;
	color: #c09f5c;
    background: -webkit-linear-gradient(to right, #74471c 0%, #a36a27 12%, #ba802f 30%, #f4e590 50%, #eacd71 70%, #a36a27 88%, #74471c 100%);
    background: linear-gradient(to right, #74471c 0%, #a36a27 12%, #ba802f 30%, #f4e590 50%, #eacd71 70%, #a36a27 88%, #74471c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	display: inline-block;
}

.first-winner-three .award-title {padding: 29px 0 12px;}

/*----  Awards section style ends here ----*/

/*----  Press section style start here ----*/
	.owl-carousel.press-quote-slider .item {width: 100% !important;}
.press-quote-wrapper{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
.press-quote-slider h4 {
	font-size: 50px;
    line-height: 1.12;
    color: #fff;
    margin: 0 auto 30px;
	text-align: center;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

.press-logo-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	align-items: center;
}
.last-center-row{justify-content: center;}

.logo-block {
    height: 47px;
	margin: 20px 16px;
	
}
.logo-block {filter: grayscale(1);}
.logo-block img{height: 100%; width: auto; position: relative; transform: rotate(0deg); right: 0;}

.logo-block.drinks-business {height: 23px;}
.logo-block.hello {height: 30px;}
.logo-block.flipboard {height: 30px;}
.logo-block.highlife, .logo-block.spirits-business, .logo-block.bar-magazine {height: 49px;}
.logo-block.wonderland {height: 21px;}
.logo-block.luxuriate, .logo-block.evening-standard {height: 27px;}
.logo-block.rutage, .logo-block.countrytown {height: 35px;}
.logo-block.luxury-londan {height: 58px;}
.logo-block.the-handbook {height: 21px;}


.last-center-row .logo-block{margin: 20px 30px;}
/*----  Press section style ends here ----*/

/*----  Listed At section style start here ----*/

.Stockists-main-wrapper{width: 100%; margin: 0 auto;}
.stockists-logo-slider-wrapper{margin: 0 auto 50px; display: block; width: 100%;}
.stockists-title-wrapper{ max-width: 1000px; width: 90%; margin: 25px auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-transform: uppercase;}
.stockist-block{width: 24%;}
 .stockist-block.end-block{width: 100%; margin-top: 10px;}
.stockist-block h4{text-align: center; font-size: 22px; line-height: 1.4; color: #a2a2a2; margin: 20px auto; display: none;}
.stockist-block h6, .stockists-logo-slider h6 {display: block; font-size: 16px; text-align: center; padding: 8px 0 0 !important; text-transform: capitalize;}
.stockist-block.end-block h4{ display: block; margin: 30px auto 0; color: var(--primary); font-size: 32px; font-style: normal; text-transform: uppercase; font-weight: 400; letter-spacing: -0.035em;}
.stockists-logo-slider .item img, .stockist-main-img img{width: 100%; height: 100%; position: relative; transform: rotate(0deg); right: 0;}
.stockists-logo-slider .item{padding: 0 5px; filter: grayscale(1);}
.stockist-main-img {max-width: 300px; margin: 0 auto; width: 100%; filter: brightness(8);}
.stockist-main-img h6{color: #fff;}
#stockists .description .data{display: block;}
#stockists .triangle_h .description .data{margin: 0 auto;}
.owl-carousel.stockists-logo-slider .owl-stage {
    transition-timing-function: linear !important;
}

/*----  Listed At section style ends here ----*/

/*----  Reviews section style start here ----*/

.review-wrapper{/*max-width: 1000px; width: 90%;*/ margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px;}
.review-block{width: calc(50% - 25px);}
.review-block img{width: 100%; height: 100%; position: relative; transform: rotate(0deg); right: 0;}
.review-block img{ filter: grayscale(1);}

/*----  Reviews section style ends here ----*/

/*----  Events section style start here ----*/
.events-section{margin: 120px 0 0;}
.event-wrarpper{width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 50px 30px;}
.event-block{width: calc(50% - 15px);}
.event-block h4 {text-align: center; font-size: 25px; margin: 0 auto 25px;}
.event-block h4 span{display: block; font-size: 75%; margin: 7px auto 0;}

/*----  Events section style ends here ----*/

/*----  Film section style start here ----*/
.film-section{max-width: 700px;width: 90%; margin: 100px auto 50px; display: block;}
.film-wrapper {width: 900px; width: 100%; margin: 0 auto; text-align: center;}
.yottie-widget-inner{border-radius: 0px !important; filter: grayscale(1);}
.yottie-widget-feed-section-slide {background: #000 !important;}
/*----  Film section style ends here ----*/



/*----  Follow Us section style start here ----*/

.facebook-feed-container{width: 100%; text-align: center;}
.instagram-feed-container{max-width: 1000px; width: 90%; margin: 0 auto 60px; text-align: center;}
a.follow-btn{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 22px;
    font-weight: 500;
	text-transform: uppercase;
    background-color: #d10102;
    padding: 10px 20px;
    border-radius: 0;
    margin: 0 auto 40px;
    color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	border: 1px solid #d10102; 
	text-decoration: none; 
	display: inline-block; 
	text-align: center; 
	letter-spacing: 1px;}
a.follow-btn:hover{background-color: transparent; color: var(--primary); text-decoration: none;}
.followus-wrapper .eui-slider-inner{width: 100% !important;}
#social .fill.ml7 h1{text-align: center; margin-top: 40px;}

/*----  Follow Us section style ends here ----*/



/*----  satryna anthems spotify section style start here ----*/
.anthems-wrapper{
	/*margin: 0 auto 60px;
	max-width: 1000px;
	width: 100%;*/
	text-align: center;
}
.anthems-wrapper iframe{
	filter: grayscale();
}
.anthem-description{max-width: 800px; width: 98%; margin: 0 auto 40px;}
.anthem-description h6{
	font-size: 16px;
    line-height: 1.4;
	color: var(--primary);
	margin-bottom: 18px;
}

.soundcloud-block .sc-iframe-block{
	position: relative;
}
.soundcloud-block .sc-iframe-block:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	background: var(--white);
}
.soundcloud-block.sound-redbox .sc-iframe-block:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #d10102;
    background-blend-mode: difference;
    mix-blend-mode: overlay;
}
.soundcloud-block iframe{filter: grayscale(1);}

.soundcloud-block h5{
	font-size: 32px;
	color: var(--primary);
	margin-bottom: 10px;
}

.soundcloud-block h6{font-size: 18px; line-height: 1.4; color: var(--primary); max-width: 800px;/* width: 95%;*/ margin: 0 auto 40px; }
.soundcloud-block h6 a{text-decoration: none; color: var(--primary); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.soundcloud-block h6 a:hover{text-decoration: none; color: var(--primary);}

.sc-container{
	width: 100%;
    max-width: 1200px;
	margin: 60px auto 0;
}
.sc-wrapper{
	display: flex;
    justify-content: space-between;
    gap: 50px;
	width: 90%;
    margin: auto;
}
.sc-wrapper .soundcloud-block {
    width: 30%;
}
.sc-wrapper .soundcloud-block h4{	
	margin: 30px 0 10px;
	color: var(--white);
	font-size: 22px;
}
.sc-wrapper .soundcloud-block h6 {
	font-size: 14px; margin-bottom: 30px;}


/*----  satryna anthems spotify section style ends here ----*/



/*----  Client Says section style start here ----*/

.clientsays-wrapper{margin: 0 auto; max-width: 1000px; width: 90%; min-height: 400px;}
.clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-rating-item-colored svg {fill: var(--white);}
#clientsay img.eapps-testimonials-slider-page-item-author-picture{width: 100%!important; top: 50%!important;}
.clientsays-wrapper .eapps-testimonials-slider-slider-container {margin: 0 38px !important;}

.clientsays-wrapper  .eui-slider-arrow{ opacity: 0.6 !important; visibility: visible !important; pointer-events: all !important; }
.clientsays-wrapper  .eapps-testimonials-slider-slider .eui-slider-arrow-next{right: 0 !important;}
.clientsays-wrapper  .eapps-testimonials-slider-slider .eui-slider-arrow-prev{left: 0 !important;}

.clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-text-shorter, .clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-author .eapps-testimonials-slider-page-item-author-info-name, .clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-author .eapps-testimonials-slider-page-item-author-info-caption {
	font-family: 'Poppins', sans-serif; font-style: normal; color: var(--primary);
}
.clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-text-shorter {	
	font-weight: 400; font-size: 17px; line-height: 1.55;}
.clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-author .eapps-testimonials-slider-page-item-author-info-name{
	font-weight: 600; font-size: 16px; line-height: 1.55;} 
.clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-author .eapps-testimonials-slider-page-item-author-info-caption {font-weight: 300; font-size: 16px; line-height: 1.55; text-transform: uppercase;}
.clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-author-info-name-link {text-decoration: none;}
.clientsays-wrapper #eapps-testimonials-slider-1 .eapps-testimonials-slider-page-item-text-read-more {font-family: 'Poppins', sans-serif; font-size: 16px; color: var(--white);}


/*----  Client Says section style ends here ----*/



/*----  Blog section style start here ----*/

.recommend-wrapper {
	margin: 0 auto;
    max-width: 700px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.category-block {display: inline-flex; justify-content: center; align-items: center; margin: 15px; width: 300px; padding: 40px 25px; border: 1px solid #414141; background-color: rgba(0, 0, 0, 0); -webkit-transition: all 300ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;}
.category-block:hover{background-color: rgba(0, 0, 0, 0.4);}
.category-block a{display: block;}

.category-block h4{	
    font-size: 24px;
    line-height: 1.1;
    text-align: center;
    display: inline-block;
    margin: 0;
    color: var(--white); 
	font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
.category-block:last-child h4{
	color: #d10102;
}
/*----  Blog section style ends here ----*/



/*----  Buy Now section style start here ----*/
.buy-now-wrapper > p{
	font-size: 12px;
	margin-bottom: 5%;
}
.buy-now-block {
    display: grid;
    align-items: center;
    grid-template-columns: calc(100% - 90px) 82px;
    grid-gap: 10px 8px;
}

.bn-box p{
	color: var(--white);
    font-size: 11.5px;
    line-height: 1;
	text-align: left;
}
.buy_now_btn {
	display: flex;
	align-items: center;
	padding: 4px 6px;
	line-height: 1;
	text-align: center;
	min-width: 82px;
	/*height: 36px;*/
	justify-content: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 500;
	border: 1px solid var(--secondary);
    color: #fff;
    text-decoration: none;
    background-color: var(--secondary);
}
.buy_now_btn:hover{
	background-color: #000;
}
/*----  Buy Now section style ends here ----*/



/*----  Cocktails style starts here ----*/


.cocktails-section{padding: 100px 0 50px; border-bottom: 1px solid #393939;}
.cocktails-info-section{padding: 100px 0;}
.cocktail-search-field input {
	width: 100%;
	padding: 20px 55px 20px 15px;
	border: 1px solid #513e20;
	display: block;
	background: transparent;
	color: var(--primary);
	border-radius: 0;
}
.cocktail-search-field{
	position: relative;
	width: 100%;
	max-width: 700px;
	margin: 0 auto 80px;
}
.cocktail-search-field:after{
	content: "";
	position: absolute;
	top: 24px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/search.svg) no-repeat;
	background-size: 20px;
}

.cocktail-search-field input:focus {outline: 0;}
#cocktailist {
	display: flex;
    flex-wrap: wrap;
    margin: 0 -30px 0 0;
    padding: 0;
}
#cocktailist li{
	width: 33.33%;
    margin-bottom: 50px;
    border-right: 30px solid transparent;
	list-style: none;
}
#cocktailist li a{
	text-decoration: none;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	display: block;
	cursor: pointer;
}
#cocktailist li a:after{	
	content: "";
	position: absolute;
	bottom: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 1px;
	background-color: var(--primary);
	margin: auto;
}
#cocktailist li a:hover:after{
	width: 100%;
}
#cocktailist li a h4{
	color: var(--primary);
	margin: 24px 0 4px;
	font-size: 22px;
}
.cocktail-thumb img{
	width: 100%;
	opacity: 1;
	margin-bottom: 3px;
	border: 1px solid rgb(251 251 251 / 20%);
}
#cocktailist li a:hover .cocktail-thumb img{
	opacity: 0.7;
}
.cocktail-credit{
	font-size: 13px;
	line-height: 1.2;
	color: var(--primary);	
	margin-bottom: 1rem;
}

.cocktail-thumb img, #cocktailist li a:after, .cocktails-btn, .cocktail-popup .close{	
	-webkit-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}
.overflow-panel {overflow: hidden;}

.cocktail-img img{ width: 100%;
	border: 1px solid rgb(251 251 251 / 20%); margin-bottom: 15px}
.cocktail-discription{
	padding: 0 0 0 50px;
	color: var(--primary);	
}
.cocktail-discription h2{
	color: #fff;
	font-size: 36px;
	margin-bottom: 50px;
	/*background: -webkit-linear-gradient(to right, #6d3328 0%, #c48d4c 12%, #b67e42 30%, #e5c8a5 50%, #e5c8a5 70%, #c48d4c 88%, #6d3328 100%);
    background: linear-gradient(to right, #6d3328 0%, #c48d4c 12%, #b67e42 30%, #e5c8a5 50%, #e5c8a5 70%, #c48d4c 88%, #6d3328 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
	display: inline-block;
}
.cocktail-discription h4{
	margin-bottom: 35px;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
}
.cocktail-discription h5 {color: var(--primary); margin-bottom: 15px; font-size: 19px;}
.cocktail-discription ul {margin-bottom: 35px; padding: 0 0 0 20px;}
.cocktail-discription ul li{	
	font-size: 13.5px;
	line-height: 1.1;
    margin-bottom: 8px;
}
.cocktail-discription p{	
	font-size: 14px;
	    font-weight: 400;
}

.cocktail-page-link{
	background-color: #1a1a1a;
    padding: 45px 0;
    text-align: center;
}
.cocktails-btn{
	border: 1px solid var(--primary);
    padding: 12px 45px;
    text-transform: uppercase;
    color: #000;
    background-color: var(--primary);
    font-weight: 700;
    display: inline-block;
	text-decoration: none;
	
}
.cocktails-btn:hover{
	background-color: transparent;
	color: var(--primary);
	text-decoration: none;
}
.mb-35{margin-bottom: 35px;}



.cocktails-page .modal-backdrop{background-color: rgb(0 0 0 / 80%);}
.cocktail-popup .modal-content {
	background: #212121;
}
.cocktail-popup .modal-header{border: 0;}
.cocktail-popup .modal-body{padding: 0 30px 30px;}
.cocktail-popup .close{text-shadow: none; color: #8d8d8d;}
.cocktail-popup .close:hover {color: #eee !important;}
.cocktail-popup .close:focus {outline: 0;}
.cocktail-popup .modal-lg {max-width: 1000px; width: 90%; margin: 1.75rem auto;}
.cocktail-popup .cocktail-discription h2 {font-size: 30px; margin-bottom: 30px; font-weight: 400;}
.cocktail-popup .cocktail-discription{padding: 0 0 0 20px;}
.cocktail-popup .cocktail-img img{border: 0;}
.cocktail-popup .modal-body .container {max-width: 100%;}


/*----  Cocktails style ends here ----*/

/*----  Downloads style ends here ----*/
.productsimg a{
	width: 100%;
    display: block;
    padding: 8px 15px;
    text-align: center;
    background-color: #0d0d0d;
    border: 1px solid #0d0d0d;
    margin: 20px auto;
    color: #e1e0e0;
	text-decoration: none;
	transition: all 0.4s linear;
	font-size: 14px;
}
.productsimg a:hover{
	border: 1px solid #ddd;
	color: #6e6d6e;
}
.productcol{margin-bottom: 30px; }
.brochureimg{ width: 200px; padding-bottom: 20px;}
.brochureimg img{ width: 100%;}
.productwrap{border: 1px solid #575555;  padding: 25px 25px 15px;}
.producttitle{
	text-align: center;
	padding: 18px 0;
}
.producttitle h3{
	font-size: 20px;
	line-height: 26px;
	color: #575555;
}
.download-btn-row {margin: 5% auto; text-align: center; width: 200px;}
.download-btn-row a{
	color: #8B8B8B;
    display: block;
    width: 100%;
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #575555;
    text-align: center;
    text-decoration: none;
	transition: all 0.4s linear;
	font-size: 15px;
}
.download-btn-row a:hover{
	background-color: #1a1a1a;
	color: #fff;
}
/*----  Downloads style ends here ----*/

/*----  Tequila info slider style start here ----*/
#learnmore.section-panel {padding-bottom: 0; padding-top: 0 !important;}
.tequila-info-section{
	width: 100%; margin: 0 auto; /* margin: 60px auto 0; */
}
.owl-carousel.tequila-info-slider{width: 100%; position: relative; }/* filter: grayscale(1); */

.tequila-info-section h2, .tequila-info-section h4, .tequila-info-section p, .tequila-info-section h5{
	font-style: normal;
}

.tequila-info-slider .item{background: url(../images/tequila-info/tequila-info-collection-new.jpg) no-repeat  70% 50%; background-size: cover; min-height: 728px; height: 100vh; width: 100%;}
.tequila-info-slider .item.slide-2{background: url(../images/tequila-info/tequila-info-collection-2.jpg) no-repeat  54% 50%; background-size: cover;}
.tequila-info-slider .item.slide-3, .tequila-info-slider .item.slide-4{background: url(../images/tequila-info/tequila-info-story-2.jpg) no-repeat  35% 50%; background-size: cover;}
.tequila-info-slider .item.slide-5{background: url(../images/tequila-info/tequila-info-inspiration.jpg) no-repeat  70% 50%; background-size: cover;}
.tequila-info-slider .item.slide-6{background: url(../images/tequila-info/tequila-info-bottle.jpg) no-repeat  26% 50%; background-size: cover;}
.tequila-info-slider .item.slide-7{background: url(../images/tequila-info/tequila-info-bottle-2.jpg) no-repeat  70% 50%; background-size: cover;}
.tequila-info-slider .item.slide-8, .tequila-info-slider .item.slide-9{background: url(../images/tequila-info/tequila-info-method-2.jpg) no-repeat  50% 50%; background-size: cover;}


.slide-content{position: absolute; top: 50%; left: 12vw; right: 0; -webkit-transform:translateY(-50%);transform:translateY(-50%); width: 330px;
    padding: 0;}
.right-slide-content{ left: auto; right: 12vw;}


.tequila-info-section h2{font-size: 32px; line-height: 32px; color: #fff; font-weight: 400; line-height: 1.1;     margin-bottom: 16px; text-align: left; text-transform:uppercase;}
.tequila-info-section h4{font-size: 40px; line-height: 1.3; margin:0 0 30px; text-align: left; text-transform:uppercase;}
.tequila-info-section p{font-size: 16px; font-weight: 300; line-height: 1.3; margin:0 0 12px; text-align: left; letter-spacing: 0; color: #8c8c8c;}
.tequila-info-section p:last-of-type {margin:0px;}
.tequila-info-section h2 br{ display: none;}

.owl-theme.tequila-info-slider .owl-dots {position: absolute; bottom: 30px; left: 0; right: 0;}
.owl-theme.tequila-info-slider .owl-dots .owl-dot span {background: #828282;}
.owl-theme.tequila-info-slider .owl-dots .owl-dot.active span, .owl-theme.tequila-info-slider .owl-dots .owl-dot:hover span {background: #fff;}

.owl-theme.tequila-info-slider .owl-nav{margin: 0; height: 0px;}
.owl-theme.tequila-info-slider .owl-nav button.owl-next, .owl-theme.tequila-info-slider .owl-nav button.owl-prev {
	color: transparent !important;
}
.owl-theme.tequila-info-slider .owl-nav button.owl-next span,
.owl-theme.tequila-info-slider .owl-nav button.owl-prev span{
	width: 38px;
	height: 38px;
	position: absolute;
	top: calc(45% - 17px);
	background-color: rgb(52 52 52 / 40%) !important;
	-webkit-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}
.owl-theme.tequila-info-slider .owl-nav button.owl-next:hover span,
.owl-theme.tequila-info-slider .owl-nav button.owl-prev:hover span{
	background-color: rgb(78, 78, 78) !important;
}
.owl-theme.tequila-info-slider .owl-nav button.owl-next span{	
	left: auto;
	right: 20px;	
	background: url("../images/right-white-arrow.svg") no-repeat center center;
	background-size: 24px;
}
.owl-theme.tequila-info-slider .owl-nav button.owl-prev span{	
	left: 20px;
	right: auto;	
	background: url("../images/left-white-arrow.svg") no-repeat center center;
	background-size: 24px;
}
/*----  Tequila info slider style end here ----*/



/*----  footer style start here ----*/

footer{ background-color: var(--gray-three); padding: 60px 0; }
.social-media-links, .footer-copyright, footer .policy-block { max-width: 1000px; width: 85%; margin: 0 auto; text-align: center; }
ul.sm-link-list { list-style: none;	margin: 0; padding: 0; }
ul.sm-link-list li { display: inline-block;	margin: 3px; filter: grayscale(1);}
ul.sm-link-list li a { border-radius: 100%;	line-height: 40px; background: #a2713f; border: 1px solid #a2713f; width: 40px;	height: 40px; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; display: block;}

ul.sm-link-list li a.soci-twitter {background-color: #5aa7ed; border-color: #5aa7ed;}
ul.sm-link-list li a.soci-facebook {background-color: #435690; border-color: #435690;}
ul.sm-link-list li a.soci-instagram {background-color: #da3176; border-color: #da3176;}
ul.sm-link-list li a.soci-linkedin {background-color: #1f74b4; border-color: #1f74b4;}
ul.sm-link-list li a.soci-youtube-play {background-color: #ca2a2a; border-color: #ca2a2a;}
ul.sm-link-list li a.soci-blog {background-color: #a2713f; border-color: #a2713f;}

ul.sm-link-list li a:hover { background: var(--gray-three); }
ul.sm-link-list li a span {	display: none; }
ul.sm-link-list li a svg { width: 15px; }
.socicon { fill: var(--white); }
.social-media-links h3 {font-size: 20px; color: var(--white); text-transform: uppercase; margin: 0 0 20px; letter-spacing: 1px; }
.social-media-links p{ font-size: 15px; color: var(--primary); margin: 0 auto 17px; }
.footer-copyright p{ font-size: 13px; text-align: center; margin: 27px auto 0; color: var(--primary); }

/*----  footer style ends here ----*/

/*----  newsletter popup style starts here ----*/

.nletter-popup{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 10006;
}
.nletter-popup-wrapper{
	background-color: #000;
	border-radius: 10px;
	position: fixed;
	top: 45%;
	left: 0;
	right: 0;
	margin: 55px auto;
	max-width: 750px;
	width: 90%;
	padding: 55px 80px;
	transform: translateY(-56%);
	text-align: center;
	z-index: 10005;
}
.nletter-popup h3{
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	font-size: 30px;
	line-height: 1.1;
	margin: 20px 0;
	color: #d10102;
}
.nletter-popup h5{
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	font-size: 15px;
    color: #fff;
    position: relative;
    padding: 22px 0 25px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 2px;
}
.nletter-popup h5:before{
	content: "";
	position: absolute;
	width: 50px;
	height: 3px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: var(--primary);
}
.nletter-popup p{
	font-size: 15px;
    line-height: 1.3;
    margin-bottom: 25px;
    color: var(--primary);
	font-weight: 400;
}
.nl-popup-form input {
	font-size: 14px;
	width: 100%;
    border-radius: 4px;
    padding: 9px 10px;
    outline: 0;
    background: transparent;
    border: 1px solid #474849;
    color: #fff;
}
.nl-popup-form input:focus {border: 1px solid var(--primary);}
.nl-popup-form input::placeholder {font-weight: 500;}
.nl-popup-form .news-pop-btn {
	background-color: #fff;
	border: 1px solid #fff;
    color: #000;
    text-transform: uppercase;
    width: 170px;
    font-weight: 600;
    padding: 14px 12px;
    font-size: 13px;
    line-height: 13px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin-top: 5px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.7px;
}
.nletter-popup button.close{
	font-family: var(--body-font);
	position: absolute;
    top: 25px;
    right: 30px;
    color: var(--primary);
    opacity: 1;
    font-weight: 100;
    text-shadow: none;
    font-size: 30px;
	outline: 0;
	padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
	line-height: 1;
}
.nl-popup-form .news-pop-btn:hover{
	background: transparent;
    color: var(--primary);
}
.nletter-popup button.close:hover{color: var(--primary) !important;}
.nl-popup-form .col-sm-4{
	padding-right: 7px;
    padding-left: 7px;
}
#nl-popup-overlay {
position: fixed;
top: 0;
    left: 0;
    bottom: 0;
    right: 0;
background-color: rgba(58, 58, 58, 0.74);
z-index: 10004;
display: none;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.newslettermsg { color: #acb6c1; padding: 15px 10px; }
/*----  newsletter popup style ends here ----*/ 


/* popup styles */
.popup { display: none; position: absolute; left: 50%; top: 65%;  /* transform: translate(-50%,-50%); */ background: #fff; width: 50%; height: auto; z-index: 200; }
.popupclose { float: right; padding: 2px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIxLjkgMjEuOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEuOSAyMS45IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8cGF0aCBkPSJNMTQuMSwxMS4zYy0wLjItMC4yLTAuMi0wLjUsMC0wLjdsNy41LTcuNWMwLjItMC4yLDAuMy0wLjUsMC4zLTAuN3MtMC4xLTAuNS0wLjMtMC43bC0xLjQtMS40QzIwLDAuMSwxOS43LDAsMTkuNSwwICBjLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtNy41LDcuNWMtMC4yLDAuMi0wLjUsMC4yLTAuNywwTDMuMSwwLjNDMi45LDAuMSwyLjYsMCwyLjQsMFMxLjksMC4xLDEuNywwLjNMMC4zLDEuN0MwLjEsMS45LDAsMi4yLDAsMi40ICBzMC4xLDAuNSwwLjMsMC43bDcuNSw3LjVjMC4yLDAuMiwwLjIsMC41LDAsMC43bC03LjUsNy41QzAuMSwxOSwwLDE5LjMsMCwxOS41czAuMSwwLjUsMC4zLDAuN2wxLjQsMS40YzAuMiwwLjIsMC41LDAuMywwLjcsMC4zICBzMC41LTAuMSwwLjctMC4zbDcuNS03LjVjMC4yLTAuMiwwLjUtMC4yLDAuNywwbDcuNSw3LjVjMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNzMC41LTAuMSwwLjctMC4zbDEuNC0xLjRjMC4yLTAuMiwwLjMtMC41LDAuMy0wLjcgIHMtMC4xLTAuNS0wLjMtMC43TDE0LjEsMTEuM3oiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+Cg=="); color: transparent; margin-right: 7px; }
.popupcontent { padding: 10px; display: block; }
#regpopup { background-color: #00000087; }
#regpopup .popupcontent { color: #fff; }
#regpopup .popupcontent .frmtitle { text-align: right; padding-right: 20px; font-size: 14px; color: #8B8B8B;}
#regpopup .popupcontent .col { width: 33.33%; display: inline-block; margin-right: 5px; }
#regpopup .popupcontent .col3 { width: 25%; margin-right: 3px; display: inline-block; }
#regpopup .popupcontent .col6 { width: 50%; display: inline-flex; }
#regpopup .popupcontent .col12 { width: 100%; float: left; }
#regpopup .popupcontent .row { clear: both; padding: 10px; }
#regpopup .popupcontent h2 { clear: both; padding: 10px; font-weight: 400; text-transform: uppercase; text-align: center; font-size: 24px;}
#regpopup .popupcontent input { border: 1px solid var(--primary); color: var(--primary); padding: 10px; height: 30px; width: 100%; background-color: white; font-size: 14px;}
#regpopup .popupcontent select { border: 1px solid var(--primary); color: var(--primary);  /* padding: 10px; */ height: 30px; width: 100%; background-color: white; font-size: 14px;}
.regblocks { padding: 20px; border: 1px solid var(--primary); margin: 10px; clear: both; }
.checkbox-container input[type="checkbox"] { position: absolute; top: 0; left: 0; width: auto !important; height: auto !important; display: inline-block !important; }
.checkbox-container label { display: block; position: relative; padding-left: 30px; font-size: 14px; color: #8B8B8B; line-height: 1.2;}
.btn-register { display: block; width: 100%; height: 50px; margin-top: 20px; margin-bottom: 20px; font-size: 15px; text-transform: uppercase; letter-spacing: .05em; }
.triangle_right .description .data {    /* max-height: 420px; */ }
.triangle_right .description .description { height: auto; align-self: center; }
.testing_nodes { }
.testing_nodes a { }
.nodes_popup_wrapper { position: fixed; top: 0; z-index: 1000; background: #000000a3; left: 0; width: 100%; height: 100%; display: none; }
.nodes_popup { height: 100%; }
.nodes_popup .nodes_box { position: relative; height: 100%; }
.nodes_popup .nodes_box .content_wrapper { position: relative; display: none; height: 100%; }
.nodes_popup .nodes_box .content_wrapper .img_wrapp { width: auto; padding: 0px 40px; padding-left: 20px; filter: grayscale(1);}
.nodes_popup .nodes_box .content_wrapper .img_wrapp img { width: 400px; }
.nodes_popup .nodes_box .content_wrapper .text_wrap { color: var(--primary); }
.nodes_popup .nodes_box .content_wrapper.active { display: block; height: 100%; }
.nodes_popup .nodes_box .content_wrapper .flex_box { display: flex; height: 100%; justify-content: center; align-items: center; width: 100%; max-width: 1150px; margin: 0 auto; flex-direction: row; align-self: center; }
.nodes_popup .nodes_box .content_wrapper .text_wrap .bottle_info { display: block; font-size: 12px;}
.nodes_popup .nodes_box .content_wrapper .flex_box .inner_box { display: flex; align-items: center; background: #000; padding: 35px 25px; border: 2px solid #a4adb863; position: relative; }
.nodes_popup .nodes_box .content_wrapper .text_wrap .bottle_info h3 {font-size: 13px; margin-bottom: 10px;}
.nodes_popup .nodes_box .content_wrapper .text_wrap .bottle_info ul { list-style: none; padding: 0; margin: 0; margin-top: 20px; }
.nodes_popup .nodes_box .content_wrapper .text_wrap .bottle_info ul li { }
.nodes_popup .nodes_box .content_wrapper .text_wrap .bottle_info ul li .unline { }
.nodes_popup .nodes_box .content_wrapper .text_wrap .bottle_info ul li .unline:after { content: ' :' }
.close_nodes { position: absolute; top: 5%; right: 3%; font-size: 18px; color: #a2a2a2; }
.regpopup_wrap { position: relative;    /* transform: translate(-50%,-50%); */ width: 100%; height: auto; z-index: 200; background: #000; max-width: 760px; margin: 0 auto; }
#regpopup { position: fixed; width: 100%; left: 0; right: 0; top: 0; z-index: 22222; height: 100%; overflow: auto; padding: 30px 0; }
.popupcontent .row .col6 .col { padding: 0 }
.skull_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000; }
.scroll_to_explore { cursor: pointer; }
.share_hover_social_wrap { position: absolute; bottom: 13%; left: 14%; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.share_hover_social { transform: rotate(270deg); display: inline-block; color: #b68647; font-size: 13px; margin-top: 15px; margin-right: 5px; }

.social_share_icons._menu { display: flex; width: 100%; flex-direction: row; padding: 10px 14px; opacity: 1; margin-top: 30px; align-items: center; }
.social_share_icons._menu li { padding-left: 5px; margin-right: 20px; }
.social_share_icons._menu li a { padding: 0; display: block; width: auto; }
.social_share_icons._menu li img { }
.social_share_icons._menu li a:hover { background: transparent; opacity: 0.7 }
.triangle_h { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.cookie_bar {position: relative; bottom: 0px; padding:1% 2% 2%; color: #626163; display: block; z-index: 9999; font-size: small; text-align: center; margin-top: 16px;}
.cookie_bar h3{font-size: 18px;}
.cookie_contents { display: flex; flex: 1;}
.cookie_text { font-size: 11px; max-width: 1150px; width: 90%; margin: auto;}
.cookie_button { flex: 0.1; color: #414042; text-decoration: none; padding: 0px 0px; margin: 18px 30px; border: 3px solid #414042; background-color: transparent; cursor: pointer; }
.sound { display: block;    /* flex-direction: column; */ position: absolute; bottom: 18%; right: 3%; cursor: pointer; transform: rotate(270deg); z-index: 100 }
.sound_on, .sound_off {    /* transform: rotate(270deg); */
color: #b68647; font-size: 13px; line-height: 12px; display: none; }
.sound_on.active, .sound_off.active { display: inline-flex; align-self: flex-start; }

.red-box {
    background-color: #d10102; width: 220px; height: 110px; position: absolute;
    right: 0%; left: 0; top: 15vh; z-index: 8; mix-blend-mode: hard-light;	
}
.anthems-section {
    position: relative;
    z-index: 9;
}
#clientsay .red-box {margin: auto; left: auto; right: 0; height: 320px; width: 150px; top: 6%;}
#events .red-box {width: 90px; height: 280px; right: 35%; top: 4%;}
#reviews .red-box {width: 260px; height: 120px; right: 0%; top: 2%;left: auto;}
#press .red-box {width:200px; height:120px; right:10%; top:8vh;left:0%;right:auto;}
#awards .red-box {width:270px; height:150px; right:0%; top:3%;left: auto;}
#learnmore .slide-1 .red-box {width:90px; height:220px; right:10%; top:55%; left:0%; z-index:1;}
#learnmore .slide-6 .red-box {width:90px; height:220px; right:0%; top:55%; left:auto; z-index:1;}
#learnmore .slide-7 .red-box {width:190px; height:90px; right:0; top:20%; left:0%; z-index:1;}
#satrynasounds .red-box {width: 220px;height: 140px;top: 18%; left:auto; right:0;}

#yottie_1 .yottie-widget-video, #yottie_2 .yottie-widget-video, #yottie_3 .yottie-widget-video, #yottie_4 .yottie-widget-video,
#yottie_1 .yottie-widget-nav, #yottie_2 .yottie-widget-nav, #yottie_3 .yottie-widget-nav, #yottie_4 .yottie-widget-nav,
#yottie_1 .yottie-widget-header, #yottie_2 .yottie-widget-header, #yottie_3 .yottie-widget-header, #yottie_4 .yottie-widget-header,
#yottie_1 .yottie-widget-feed, #yottie_2 .yottie-widget-feed, #yottie_3 .yottie-widget-feed, #yottie_4 .yottie-widget-feed{background: #000 !important;}
.footer-copyright p br{display: none;}
.satryna-videoblock-mob {display: none;}
.satryna-videoblock-desktop {display: block;}


.scroll-to-explore {display: inline-block; width: 100%; position: absolute; bottom: 25px; text-align: center; cursor: pointer; margin: auto; left: 0; right: 0; max-width: 140px;}
.scroll-to-explore img {width: 35px;}
.scroll-to-explore span {display: block; margin-top: 9px; color: #fff; font-size: 13px;}


/* -------------------- policy start ------------------------------- */
.policy-section {
	margin: 100px 0;
}
.policy-section h3 {
	color: var(--white);
	margin: 0 auto 40px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
}

.policy-section p {
	margin: 15px 0;	
	font-weight: 400;
	font-size: 15px;
}
.term-block {
	padding: 10px 0 0;
}

.term-block h2 {
	color: var(--white);
	font-size: 18px;
	font-weight: 500;
}

.term-block p {
	font-size: 15px;
    letter-spacing: -0.16px;
	margin: 10px 0;
	font-weight: 400;
}

.policy-section .number-list {
    list-style-type: decimal;
	
}

.policy-section .number-list li {
	font-size: 15px;
    letter-spacing: -0.16px;
	margin: 10px 0;
	font-weight: 400;
	counter-increment: list;
	list-style-type: none;
	position: relative;
	padding-left: 20px;
}

.policy-section .number-list li:before {
	color: #ebebeb;
	content: counter(list) ".";
	position: absolute;
	left: 0;
  }

.number-list li span {
	color: #ebebeb;
}

.white-color {
	color: #ebebeb;
}

.policy-block {
	margin: 0 0 40px 0;
    padding-bottom: 30px;
}

footer .policy-block {
	margin: 20px auto 0;
}

.policy-block ul {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

footer .policy-block ul li {
    padding-right: 12px;
    border-right: 1px solid #8c8c8c;
    font-size: 11px;
    line-height: 1.2; 
}

.policy-block ul li:last-child {
	border-right: none;
}

.policy-block ul li a {
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
footer .policy-block ul li a {color: #8c8c8c;}

.policy-block ul li a:hover{
	color: var(--white);
}

.menu-policy {
	border-bottom: 1px solid #4b4b4b;
}

.menu-policy ul {
    justify-content: flex-start;
}

.menu-policy ul li {
	/* width: auto; */
	line-height: 0.5;
}

.menu-policy ul li a {
	font-size: 15px !important;
    line-height: 1.1 !important;
    /* padding: 5px 0 !important; */
	letter-spacing: 1px !important;
}
 
.menu-policy ul li span {
          position: relative;
		  line-height: 1;
          opacity: 0;
          width: auto;
          display: inline-block;
          margin-top: 25px;
          margin-bottom: 15px;
          font-size: 18px;
          font-weight: 600;
          -webkit-animation: fadeInRight  .8s ease forwards;
          animation: fadeInRight  .8s ease forwards;
          -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

/* -------------------- policy End --------------------------------- */



/* Captcha styles */


.capt{
	background-color: #2b2b2b;
	width: 100%;
	height: 100px;
	position: relative;
	padding: 0px 15px;
	border-radius: 3px;
}

#mainCaptcha{
	position: relative;
	left: 0;
	top: 0;
	font-size: 20px;
	margin-bottom: 0;
	
    text-transform: initial!important;
}

#refresh{
	position:absolute;
	width: 23px!important;
	height: 23px!important;
	color: #fff!important;
	border: 0!important;
	top: 15px;
	right: 15px;
	cursor: pointer;
	background: url(https://img.icons8.com/ios-glyphs/30/000000/recurring-appointment.png) no-repeat center /20px!important;
	background-color: #bfbfbf!important;
	border-radius: 100%;
}


#txtInput, #Button1{
	height: 30px!important;
	line-height: 20px!important;
}
#txtInput{
	    width: calc(100% - 108px)!important;
	    display: inline-block;
	    border: 0!important;
	    color: #000!important;
	    padding-left: 30px!important;
}


.capt p{
	margin-bottom: 8px!important;
}

#Button1{
	width: 100px!important;
	display: inline-block;
	border: 0!important;
	background: #000!important;
	padding: 0!important;
	color: #fff!important;
	outline: none
}



.captcha_wrap{display: flex;padding-top: 16px;}
.captcha_wrap span{
    color: #969696;
    font-size: 14px;
    letter-spacing: 0px;
}
.captcha_wrap h2{
    padding: 0px 10px !important;
    cursor: none;
}

.captcha_status{
	width: 30px;
	height: 30px;
	margin-bottom: 0;
	vertical-align: middle;
	position: absolute;
	left: 15px;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}
.captcha_status.true{
	background-image: url(../images/correct.png)
}
.captcha_status.false{
	background-image: url(../images/cancel.png)
}
.mail_success { display: none; }

/* popup start */

.swal2-icon.swal2-warning {
    display: none !important;
}
.swal2-buttonswrapper {
    flex-direction: row-reverse;
}
button.swal2-cancel.swal2-styled {
    font-size: 14px !important;
    font-weight: 600;
    color: #fff !important;
    padding: 12px 20px !important;
    margin: 0 auto 30px;
    margin-right: 10px;
    border-radius: 4px !important;
    border: 1px solid #8c8c8c !important;
    background-color: #8c8c8c !important;
    transition: all 0.3s ease-in-out !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif;
}

button.swal2-cancel.swal2-styled:hover {
    background-color: transparent !important;
}

.swal2-contentwrapper h2#swal2-title {
    padding: 30px 0;
    filter: grayscale(1);
}

.swal2-buttonswrapper button.swal2-confirm.swal2-styled{margin-left: 10px;}

@media(max-width: 500px){
	.swal2-buttonswrapper button.swal2-confirm.swal2-styled{margin-left: 4px;}
	button.swal2-cancel.swal2-styled {margin-right: 4px;}
}
/* popup end */

.menu-social-block li.menu-contact-link {
    width: 139px !important;
    margin-right: 40px !important;
}