@font-face {
  font-family: 'Convergence Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Convergence Regular'), url('../fonts/Convergence-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Copperplate Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Copperplate Bold'), url('../fonts/Copperplate-gothic-bold-v2.woff') format('woff');
}
@font-face {
  font-family: 'Northead';@
  font-style: normal;
  font-weight: normal;
  src: local('Northead'), url('../fonts/Northead.woff2') format('woff2');
}
@font-face {
  font-family: 'PP Woodland light';
  font-style: normal;
  font-weight: normal;
  src: local('PP Woodland light'), url('../fonts/PP-Woodland-Ultralight.woff2') format('woff2');
}
@font-face {
  font-family: 'PP Woodland Bold';
  font-style: normal;
  font-weight: normal;
  src: local('PP Woodland Bold'), url('../fonts/PP-Woodland-bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Northead';
  font-style: normal;
  font-weight: normal;
  src: local('Northead'), url('../fonts/Northead.woff2') format('woff2');
}
:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
html{
scroll-behavior:smooth;
}
html.no-scroll,
body.no-scroll{
    overflow:hidden;
}
body{
  font-family: 'Northead';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  color: #000000;
}
h2{font-size: 145px;line-height: 94px;text-transform: uppercase;}
li{list-style-type: none;}
a, a:hover{text-decoration: none;}
ul, figure{margin: 0;padding: 0}
.w-100 {width: 100% !important;}
.img-fluid {max-width: 100%;height: auto;}
.flex{display: flex;}
.flexCenter{display: flex;align-items: center;justify-content: center;}
.primeryBtn{font-family: 'Copperplate Bold';font-size: 16px;color: #000;border: 1px solid #000;text-transform: uppercase;padding: 18px 27px;background: #FFF7DD;position: relative;transition: 0.3s ease;margin: 5px;}
.primeryBtn img{margin-left: 8px}
.primeryBtn:hover{color: #000}
.primeryBtn:after {position: absolute;top: -6px;left: -6px;content: "";width: 11px;height: 9px;border-top: 2px solid #C9812A;border-left: 2px solid #C9812A;transition: 0.3s ease;}
.primeryBtn:before {position: absolute;bottom: -6px;right: -6px;content: "";width: 11px;height: 9px;border-bottom: 2px solid #C9812A;border-right: 2px solid #C9812A;transition: 0.3s ease;}
.primeryBtn:hover:before, .primeryBtn:hover:after {width: calc(100% + 12px);height: calc(100% + 12px);}
.primeryBtn.norBg{background: transparent;color: #ffffff;border-color: #fff}
.primeryBtn.norBg img{filter: brightness(0) invert(1);}
.drinkAgePop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/age_bg.webp) no-repeat;display: flex;flex-direction: column;align-items: center;justify-content: center;transition:opacity .6s;z-index:999;}
.drinkAgePop.hide{opacity:0;pointer-events:none;}
.drinkAgePop:before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: #000}
.drinkAgePop .box{position: relative;z-index: 1;text-align: center;}
.drinkAgePop .box img{width: 270px;height: auto}
.drinkAgePop .box .btn{position: relative;margin-top: 15px}
.drinkAgePop .box .btn a{width: 180px;font-family: 'Copperplate Bold';font-size: 24px;text-transform: uppercase;padding: 14px;color: #ffffff;border: 1px solid #ffffff;margin: 0 15px;line-height: normal;}

.drinkAgePop .box h6{font-size: 65px;line-height: 60px;color: #fff}
.drinkAgePop .box h6 span{display: block;}
.whistlerHead{position: fixed;height: 100vh;width: 100%;background: #000;overflow:hidden;top: 0;left: 0;z-index: 8;transition:transform 1s ease;}
.whistlerHead.hideHero{
    transform:translateY(-100%);
}
.scrollDown{
    position:absolute;
    left:50%;
    bottom:40px;
    transform:translateX(-50%);
    opacity:0;
    visibility:hidden;
    transition:.5s;
}
.scrollDown.show{
    opacity:1;
    visibility:visible;
}
.whistlerHead video{    width: 100%;
    height: 100%;object-fit: contain;}
.lockUpScroll .whistlerHead{top: -100%;transition: all 0.2s linear;}
/*.whistlerHead::before,
.whistlerHead::after{content:"";position:absolute;width:600px;height:300px;background:url(../images/cloud_bg.webp) no-repeat center/contain;opacity:.35;}
.whistlerHead::before{top:80px;left:-200px;animation:cloudMove 80s linear infinite;}
.whistlerHead::after{bottom:60px;right:-200px;animation:cloudMoveReverse 90s linear infinite;}*/
@keyframes cloudMove{ 
  from{ transform:translateX(0); } to{ transform:translateX(120vw); }
}

@keyframes cloudMoveReverse{  
    
  from{ transform:translateX(0); }  
  to{ transform:translateX(-120vw); }
}
.leaves{position: relative;}
.leaves img{position: absolute;top: -20px;width: auto;}
.leaves img.leaves-l{left: 0;animation:leafLeft 6s ease-in-out infinite;}
.leaves img.leaves-r{right: 0;transform:scaleX(-1);animation:leafRight 7s ease-in-out infinite;}
.aaaa {
  animation: breeze 8s ease-in-out infinite;
  transform-origin: center;
}

@keyframes breeze {
  0%,100% {
    transform: translateX(0) rotate(0deg);
  }
  25% {
    transform: translateX(5px) rotate(2deg);
  }
  50% {
    transform: translateX(12px) rotate(-3deg);
  }
  75% {
    transform: translateX(6px) rotate(2deg);
  }
}
@keyframes leafLeft{
  0%,100%{ transform:rotate(0deg) translateY(0); }
  50%{ transform:rotate(-6deg) translateY(10px); }
}
@keyframes leafRight{
  0%,100%{ transform:rotate(0deg) translateY(0); }
  50%{ transform:rotate(6deg) translateY(10px); }
}
.whistlerHead .content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;z-index: 1;}
.whistlerHead .content p{font-family: 'Copperplate Bold';margin: 0;font-size: 25px;letter-spacing:3px;opacity:.7;animation:fadeScroll 2s ease-in-out infinite;}
.whistlerHead .content .onScroll{margin: -40px 0 15px 0;cursor: pointer;width: 36px;border-radius: 24px;}
.whistlerHead .content .heroLogo{opacity:0;transform:scale(.6) translateY(40px);transition:all 1.2s cubic-bezier(.17,.67,.35,1.2);transition:transform .3s;
will-change:transform;}
body.heroStart .whistlerHead .content .heroLogo{opacity:1;transform:scale(1) translateY(0);}
/* .onScroll{animation:mouseBounce 2s infinite;} */
@keyframes mouseBounce{
  0%,100%{transform:translateY(0);opacity:.8;}
  50%{transform:translateY(12px);opacity:1;}
@keyframes fadeScroll{
}
  0%,100%{opacity:.5}
  50%{opacity:1}
}
body.scrolled .onScroll{opacity:0;transform:translateY(20px);transition:.5s;}
.nextSection{height: 100vh;width: 100%}
/*header*/
header{position: fixed;padding: 50px 0;top: 0;left: 0;width: 100%;z-index: 999;transform:translateY(0);transition:all .5s ease;opacity:1;}
header *{transition:all .5s ease;}
/*body.showHeader header{opacity:1;transform:translateY(0);}*/
header.active{background: #F9EEC5;padding: 15px 0;box-shadow: 2px 3px 17px 0px #0000002b;}
header .logo img{width: 286px}
.mainLogo{display: none;}
header.active .logo img{width: 150px}
header.innerHeader, header.innerHead{background: #FFF7DD;padding: 35px 0 42px;opacity: 1;    transform: translateY(0);}
header.innerHead.active{padding: 15px 0 10px}
.menu{display: flex;align-items: center;justify-content: space-between;width: 1140px;max-width: 100%;margin: 0 auto;position: relative;    padding-left: 0;padding-right: 40px;}
.menu .logo{    position: absolute;left: 50%;transform: translate(-50%);}
.menu ul{display: flex;    align-items: center;}
.menu ul li a{font-family: 'Northead';color: #000000;font-size: 34px}
.menu ul li button{margin: ;padding: 0;width: 29px;height: 29px;background:#E40000;border: none;border-radius: 50%}
.menu ul li button span, .menu ul li button.active img{display: none;}
.menu ul li button.active span{display: block;font-size: 17px;color: #fff;font-family: 'PP Woodland Bold';}

.menu ul:first-child li{margin-right: 55px}
.menu ul:last-child li{margin-left: 55px}
header .mobLogo, header .mobAction, header .mobMenu {display: none;}
.whistlerSpirit {position: relative;height: auto;padding: 130px 0;}
.whistlerSpirit .natureBg{background: url(../images/whistler_banner_bg.webp) center/cover no-repeat;top: 0;left: 0;    animation: zoomEffect 20s ease-in-out infinite alternate;position: absolute;width: 100%;height: 100%;filter:blur(10px);transition:all 5s ease;}
.whistlerSpirit.active .natureBg{filter:blur(0px);}
.menu ul li.search-block{position: relative;}
.search-block-form{  display:none;  position: absolute;    top: 30px;    right: 0;    width: 300px;    background: #f9eec5;    border-radius: 4px;    overflow: hidden;    padding: 10px;    box-shadow: 1px 1px 6px 0px #00000029;}
.search-block-form.active{display: block;}
.search-block-form form{position: relative;}
.search-block-form form .js-form-item{margin:0;}
.search-block-form form .form-search{width: 100%;font-size: 14px;font-family: 'PP Woodland Bold';padding: 6px 10px;}
.search-block-form form .form-actions{    position: absolute;top: 0;right: 0;}
.search-block-form form .form-actions input{font-family: 'PP Woodland Bold';border: none;padding: 6px 10px;background: #000;color: #fff;}

/*@keyframes zoomEffect {
  from { transform: scale(1); } 
  to { transform: scale(1.08); }
} */ 
.whistlerSpirit .content {width: 1050px;margin: 0 auto;display: flex;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;left: 5px;max-width: 100%;justify-content: center;}
.whistlerSpirit .birdImg{
    position: absolute;
    top: 210px;
    right: 74px;

    opacity: 0;
    filter: blur(10px);
    transform: translateX(200px) scale(0.5);

    transition: transform 1.2s ease, opacity 1.2s ease, filter 1.2s ease;
}

.whistlerSpirit.active .birdImg{
    opacity: 1;
    filter: blur(0);
    transform: translateX(0) scale(1);

    transition-delay: 1.4s;
  
}

@keyframes birdFloat{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
}
.whistlerSpirit .content .l-side {width: 340px;text-align: right;position: relative;left: 60px;max-width: 100%;}
.whistlerSpirit .content .r-side {width: 340px;text-align: left;position: relative;left: -50px;top: 100px;max-width: 100%;}
.whistlerSpirit .content h2{font-size: 127px;color: #ffffff;line-height: 86px}
.whistlerSpirit .content .l-side h2, .whistlerSpirit .content .r-side h2{opacity:0;transform:translateX(60px);transition:all 1s ease;filter:blur(10px);}
.whistlerSpirit .content .l-side h2{transform:translateX(-60px);}
.whistlerSpirit.active .l-side h2{opacity:1;transform:translateX(0);transition-delay:0.8s;filter:blur(0px);}
.whistlerSpirit.active .r-side h2{opacity:1;transform:translateX(0);transition-delay:1.2s;filter:blur(0px);}
.img-side img{transform:scale(0.5);opacity:0;transition:all 2s cubic-bezier(.17,.67,.35,1.2);}
.whistlerSpirit.active .img-side img{transform:scale(1);opacity:1;}
.whistlerSpirit  .btn-action {width: 100%;position: relative;text-align: center;margin: 15px 0;}
.whistlerSpirit .btn-action a {font-family: 'Copperplate Bold';font-size: 16px;color: #FFFFFF;border: 1px solid #FFFFFF;text-transform: uppercase;padding: 16px 25px;background: transparent;position: relative;border-radius: 6px;display: inline-block;transition: 0.3s ease;}
.whistlerSpirit .btn-action a:hover {background: #ffffff;color: #000000;}
.whistlerSpirit .btn-action :hover img {filter: invert(1);}
.primeryBtn img, .whistlerSpirit .btn-action a img {margin-left: 8px;}
.birdAnimi{transform:translateX(0);animation:birdFloat 3s ease-in-out infinite;}
@keyframes birdFloat{
	0%,100%{ transform:translateY(0);}
	50%{ transform:translateY(-10px);}
}
.maltSpirit{position: relative;width: 100%;background:#FBF4D7;overflow: hidden;}
.maltSpirit::before {
    top: 80px;
    left: -200px;
    animation: cloudMove 80s linear infinite;
}
.maltSpirit::after {
    bottom: 60px;
    right: -200px;
    animation: cloudMoveReverse 90s linear infinite;
}
.maltSpirit::before, .maltSpirit::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 300px;
    background: url(../images/cloud-n2.png) no-repeat center / contain;
    opacity: .4;
}
.maltIcon{position: absolute;width: 195px;height: 195px;bottom: -100px;left: 50%;transform: translate(-50%);padding: 14px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 1;}
.maltIcon:before {position: absolute;width: 195px;height: 195px;left: 0;right: 0;bottom: 0;border-radius: 50%;border: 4px dotted #000000;animation: Rotate 20s linear infinite;-webkit-animation: Rotate 20s linear infinite;
}
@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
img {max-width: 100%;}
.maltSpirit .maltBg{margin-top: -50px;text-align: center;width: 100%;margin-bottom: -1px;position: relative;z-index: 1;max-width: 760px;margin: -70px auto 0;left: 35px}
.maltSpirit .maltBg .waterfall {
    position: absolute;
    bottom: 10px;
    right: 235px;
    width: 140px;
    height: 70px;display: none;
}
.maltSpirit .maltBg  .waterfall img{
    position:absolute;
    inset:0;
    width:100%;
    opacity:0;
    margin: 0;
}
.waterfallOne{
    animation: frame1 0.6s infinite;
}

.waterfallTwo{
    animation: frame2 0.6s infinite;
}

.waterfallThree{
    animation: frame3 0.6s infinite;
}

@keyframes frame1{
    0%,33.33%{
        opacity:1;
    }
    33.34%,100%{
        opacity:0;
    }
}

@keyframes frame2{
    0%,33.33%{
        opacity:0;
    }
    33.34%,66.66%{
        opacity:1;
    }
    66.67%,100%{
        opacity:0;
    }
}

@keyframes frame3{
    0%,66.66%{
        opacity:0;
    }
    66.67%,100%{
        opacity:1;
    }
}

.maltSpirit .maltBg img{width: 100%;max-width: 100%;margin-left: -220px;}
.maltSpirit .leaves {position: relative;width: 100%;overflow: hidden;height: 210px;}
.maltSpirit .content {position: absolute;top: 58%;left: 53%;transform: translate(-50%, -50%);width: 950px;display: flex;justify-content: space-between;max-width: 100%;z-index: 2;}
.maltSpirit .content .l-side {width: 270px;text-align: right;position: relative;top: 60px;max-width: 100%;padding-left: 100px;left: 70px}
.maltSpirit .content .r-side{width: 400px;text-align: center;display: flex;flex-direction: column;align-items: center;max-width: 100%;}
.maltSpirit .content p{font-family: 'PP Woodland Bold';font-size: 18px;line-height: 30px;color: #344128}
.maltSpirit .content h2{background: linear-gradient(108.93deg, #C84215 27.32%, #301002 90.51%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-size: 125px;line-height: 74px;}
.maltSpirit .content h2 span{display: block;}
.whistlerVideo{position: relative;padding: 0 0;background: #000000}
.whistlerVideo .video{text-align: center;}
.whistlerVideo .video img, .whistlerVideo .video video {width: 100%;}
.whistlerVideo .story-video {width: 100%;height: 100%;margin: 0 auto;}
.whistlerAward{position: relative;background: radial-gradient(50% 50% at 50% 50%, #303034 0%, #101011 100%);padding: 55px 0}
.whistlerAward .testing, .whistlerAward .awardBox{width: 840px;max-width: 100%;margin: 0 auto;background-size: contain;}
.whistlerAward .testing ul{display: flex;justify-content: center;}
.whistlerAward .testing ul li{display: flex;flex-direction: column;align-items: center;margin: 0 50px}
.whistlerAward .testing ul li figure{width: 108px;height: 108px;border: 2px dotted #ffffff;padding: 8px;border-radius: 50%;margin-bottom: 15px}
.whistlerAward .testing ul li figure span{width: 100%;height: 100%;background: #FFF7DD;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.whistlerAward .testing ul li p{margin: 0;font-family: 'PP Woodland Bold';font-size: 18px;margin: 0;color: #fff}
.whistlerAward .awardBox{background: url(../images/award_bg.webp) no-repeat center center;padding: 75px 60px;color: #ffffff;display: flex;flex-direction: column;align-items: center;margin-top: 50px}
.whistlerAward .awardBox h2{text-align: center;margin-bottom: 40px}
.whistlerAward .awardBox .box {width: 310px;border-bottom: 6px solid #c58a2c;position: relative;padding: 45px 30px;text-align: center;max-width: 100%;}
.whistlerAward .awardBox .box::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);clip-path: polygon(0 0, 100% 26px, 100% 100%, 0 100%);z-index: 1;}
.whistlerAward .awardBox .box:after {content: "";position: absolute;top: -5px;left: 0;width: 100%;height: 10px;background: #c58a2c;transform: skewY(4deg);transform-origin: left;z-index: 0;}
.whistlerAward .awardBox .box *{position: relative;z-index: 2}
.whistlerAward .awardBox .box h3{color: #C9812A;font-size: 38px;text-transform: uppercase;position: relative;font-family: 'Copperplate Bold';margin-bottom: 20px}
.whistlerAward .awardBox .box h3:after{position: absolute;bottom: -8px;left: 50%;transform: translate(-50%);width: 84px;background: linear-gradient(180deg, #FFF7DD 0%, #C9812A 100%);border-radius: 86.5653px;content: "";height: 1px}
.whistlerAward .awardBox .box h3.silver{color: #FFFFFF;}
.whistlerAward .awardBox .box h3.silver:after{background: linear-gradient(180deg, #FFF7DD 0%, #B2ABAB 100%);}
.whistlerAward .awardBox .box p{ font-family: 'PP Woodland Bold';font-size: 14px;text-transform: uppercase;margin: 0}
.whistlerAward .awardBox .box p strong{font-size: 19px}

.whistlerSocial{position: relative;background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FCF5D9 100%);padding-bottom: 60px;overflow: hidden;display: none;}
.whistlerSocial .leaves {position: relative;width: 100%;overflow: hidden;height: 210px;}
.whistlerSocial h2{    display: flex;
    align-items: flex-start;
    justify-content: center;}
.whistlerSocial h2 span{display: block;position: relative;left: 0}
.whistlerSocial h2 img{margin: 8px 20px 0 0}
.wheel-wrap {width: 100%;display:flex;justify-content:center;align-items:center;margin-top: 30px;}
.whistlerSocial .container{background: url(../images/social_bg.webp) no-repeat center center;background-size: contain;}
.whelOver{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 380px;}
.whelOver img{width: 100%}
/* Outer circle */
.wheel { width: 700px;height: 700px;position:relative;border-radius:50%;overflow:hidden;border:10px solid #fff;box-shadow:0 0 30px rgba(0,0,0,.08);animation: spinWheel 30s infinite;}
@keyframes spinWheel{
from{ transform:rotate(0deg);}
to{ transform:rotate(360deg);}
}
/* Each slice */
.slice{
    position:absolute;
    width:50%;
    height: 85%;
    left:50%;
    top:50%;
    transform-origin:0 0;
    overflow:hidden;
}
.slice img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.slice video{width: 100%}
/* 6 equal slices */
.slice:nth-child(1) {
    transform:rotate(0deg);
    clip-path: polygon(0 0,105% 0,70% 70%);
}
.slice:nth-child(2) {
    transform:rotate(60deg);
    clip-path: polygon(0 0,105% 0,70% 70%);
}
.slice:nth-child(3) {
    transform:rotate(120deg);
    clip-path: polygon(0 0,105% 0,70% 70%);
}
.slice:nth-child(4) {
    transform:rotate(180deg);
    clip-path: polygon(0 0,105% 0,70% 70%);
}
.slice:nth-child(5) {
    transform:rotate(240deg);
    clip-path: polygon(0 0,105% 0,70% 70%);
}
.slice:nth-child(5) img{width: 100%;height: 300px}
.slice:nth-child(6) {
    transform:rotate(300deg);
    clip-path: polygon(0 0,105% 0,70% 70%);
}
.slice:nth-child(1) img {
    object-position: left -106px;
}
.slice:nth-child(3) img {
    object-position: -40px 126px;
    transform: rotate(181deg);
    height: 430px;
}
.gallery{position: relative;background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FCF5D9 100%);padding: 70px 0}
.gallery h2{text-align: center;font-size: 110px}
.galleyBox{display: flex;flex-wrap: wrap;padding: 0 30px;margin-top: 60px}
.galleyBox .box{width: 29.1%;padding: 0 8px}
.galleyBox .box a{display: block;}
.galleyBox .box:nth-child(2){width: 41.1%}
.galleyBox .box img{width: 100%;margin-bottom: 15px;height: 300px;object-fit: cover;}
.gallery .btn{text-align: center;margin-top: 30px;display: flex;justify-content: center;}

footer{position: relative;background: url(../images/footer_bg-n.webp) center/cover no-repeat;padding: 110px 0 0;overflow: hidden;}
.footerBox{display: grid;grid-template-columns: repeat(3, 1fr);}
.footerBox h5{font-size: 45px;color: #ffffff;margin: 0 0 5px}
.footerBox ul li{margin-bottom: 20px}
.footerBox ul li a{font-family: 'PP Woodland Bold';font-size: 16px;color: #fff}
.footerBox .linkBox p{color: #ffffff; font-family: 'PP Woodland Bold';font-size: 18px;color: #ffffff;display: flex;}
.footerBox .linkBox p strong{font-family: 'Northead';font-size: 35px;display: block;line-height: 26px;margin-bottom: 10px}
.footerBox .linkBox .icon{margin-right: 15px} 
.footerBox .linkBox p a{color: #fff}
.newsletter form{position: relative;}
.newsletter input{width: 100%;border: 1px solid #ffffff;padding: 18px 22px;font-family: 'PP Woodland light';background: transparent;}
.newsletter input::placeholder{color: #ffffff;}
.newsletter button{position: absolute;top: 12px;right: 15px;width: 36px;height: 36px;background: #3A3434;border: none;border-radius: 50%}
.footerInfo{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 50px}
.footerInfo ul{display: flex;}
.footerInfo ul li{margin: 0 5px}
.footerInfo h6{font-size: 45px;color: #ffffff;}
.footerInfo p{font-family: 'PP Woodland Bold';font-size: 20px;color: #ffffff;margin: 20px 0 0}
.footerInfo p a{color: #ffffff;}
.copyRight{position: relative;border-top: 1px solid #FFFFFF;padding: 20px 0;font-family: 'PP Woodland Bold';margin-top: 50px}
.copyRight .rightBox{display: flex;align-items: center;justify-content: space-between;}
.copyRight .rightBox ul{display: flex;}
.copyRight .rightBox ul li{margin-right: 20px;color: #ffffff;font-size: 16px;line-height: normal;}
.copyRight .rightBox ul li a{color: #ffffff;}
.copyRight p{margin: 0;color: #ffffff;font-size: 16px;line-height: normal}

/*About Page*/
.headeSPace{margin-top: 130px;}
.innerBanner{position: relative;}
.innerBanner img{width: 100%}
.aboutWhistler{position: relative;overflow: hidden;    background: #FBF4D7;}
.aboutWhistler::before {
    top: 80px;
    left: -200px;
    animation: cloudMove 80s linear infinite;
}
.aboutWhistler::after {
    bottom: 60px;
    right: -200px;
    animation: cloudMoveReverse 90s linear infinite;
}
.aboutWhistler::before, .aboutWhistler::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 300px;
    background: url(../images/cloud-n2.png) no-repeat center / contain;
    opacity: .4;
}
.aboutBox{width: 868px;max-width: 100%;margin: 0 auto;text-align: center;position: relative;padding: 110px 0;position: relative;z-index: 9}
.aboutBox .birdImg{  position: absolute;right: -130px;top: 44%;transform: translate(0%, 50%);}
.aboutBox h2{margin-bottom: 30px}
.aboutBox p{font-family: 'PP Woodland Bold';font-size: 18px;line-height: 30px;color: #344128;margin-bottom: 25px}
.aboutBox p:last-child{margin: 0}
.ourDistilleries{position: relative;background: #FFF7DD;    padding-bottom: 230px;}
.ourDistilleries .bgistilleriesBg{width: 100%}
.ourDistilleries h2{font-size: 140px;margin-bottom: 30px}
.ourDistilleries .distilleriesElem{width:1220px;margin:-410px auto 0;background: #f8ebc3;padding:40px 90px 150px;text-align: center;position: relative;max-width: 100%;}
.distilleriesElem p{font-family: 'PP Woodland Bold';font-size: 20px;line-height: 35px;color: #000000;margin: 0}
.distilleriesElem ul{display: flex;align-items: center;justify-content: space-between;margin: 25px 0}
.distilleriesElem ul li{text-align: center;color: #000000;}
.distilleriesElem ul li h3{font-family: 'Copperplate Bold';font-size: 40px;line-height: normal;margin: 15px 0 10px}
.distilleriesElem ul li h3 span{font-size: 64px;}

.distilleriesElem ul li p{font-family: 'PP Woodland Bold';font-size: 18px;margin: 0;font-style: italic;}
.distilleriesLogo {border-radius: 50%;background: #F8EBC3;display: flex;position: absolute;transform: translate(-50%);left: 50%;bottom: -180px;}
.distilleriesLogo img{width: 320px;max-width: 100%}
/* .distilleriesLogo:after {animation: pulso 1.2s infinite;content: "";width: 200px;height: 200px;position: absolute; 
border-radius: 50%;top: 0;bottom: 0;margin: auto;transition: .3s;transform: translate(-50%);left: 50%;}*/
@keyframes pulso {
    0% {
		-moz-box-shadow: 0 0 0 0px rgba(67, 198, 60, 0.56);
		box-shadow: 0 0 0 0px rgba(67, 198, 60, 0.56);
	}
	70% {
		-moz-box-shadow: 0 0 0 30px rgba(67, 198, 60, 0);
		box-shadow: 0 0 0 30px rgba(67, 198, 60, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(67, 198, 60, 0);
		box-shadow: 0 0 0 0 rgba(67, 198, 60, 0);
	}
   
}
@keyframes zoomLogo{
0%,100%{ transform: scale(1);}
50%{ transform: scale(.8);}
}
/*contact Page start*/
.contactUs{position: relative;background: radial-gradient(50% 50% at 50% 50%, #303034 0%, #101011 100%);padding: 90px 0}
.contactUs:after{
  position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: url(../images/contactBg.webp) no-repeat center center
}
.contactElem{position: relative;z-index: 1}
.contactUs h2{text-align: center;color: #fff}
.contactUs h2 span{display: block;}
.address{margin-top: 100px;background: #FFF7DD;padding: 0 25px 50px;text-align: center;}
.birdLogo{margin: 0 auto;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;top: -70px;z-index: 9}
.barrelsWrap{padding: 0 15px;text-align: center;}
.barrelsBlock .container{position: relative;z-index: 9}
/*.birdLogo:after {animation: pulso 1.2s infinite;content: "";width: 105px;height: 105px;position: absolute;
border-radius: 50%;top: 0;bottom: 0;margin: auto;transition: .3s;transform: translate(-50%);left: 50%;}*/
.infoBox{padding: 0 130px 50px;display: flex;align-items: center;justify-content: space-between;color: #000000;flex-wrap: wrap;    border-bottom: 1px dotted #9E9696; margin-bottom: 30px;position: relative;}
.infoBox .birdImg{    position: absolute;top: -90px;right: 50px;display: none;}
.infoBox .infoLeft{text-align: left;width: 50%}
.infoBox .infoImg{width: 50%;text-align: right;}
.infoBox .infoImg img{border-radius: 20px}
.address h3{font-family: 'Copperplate Bold';font-size: 40px;}
.address h4{font-family: 'Copperplate Bold';font-size: 24px;}
.infoBox ul li{display: flex;font-family: 'PP Woodland Bold';font-size: 16px;line-height: 30px;margin-bottom: 14px}
.infoBox ul li a{color: #000}
.infoBox ul li span{position: relative;top: 5px;padding-right: 10px;width: 30px;}
.infoBox ul li p{margin: 0;max-width: calc(100% - 30px);}
.enquiries ul{width: 950px;max-width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 30px auto 0;}
.enquiries ul li h5{color:#B15B1C;font-family: 'Copperplate Bold';font-size: 26px;margin-bottom: 15px}
.enquiries ul li h6{color:#000;font-family: 'Copperplate Bold';font-size: 20px;margin: 0}
.enquiries ul li p{margin: 0;font-family: 'PP Woodland Bold';font-size: 16px}
.enquiries ul li p a{color: #000}
.enquiries ul li p span{margin-right: 10px}
.blockF1{position: relative;}
.blockBg{width: 100%}
.birdBlock{position: absolute;top: 5%;left: 5%;transform: rotateY(170deg);}
/*contact Page close*/

/*Product Page Start*/
.productBanner{width:100%;position:relative;}
.productBanner .birdImg{position:absolute;top:95px;left:5%;display: none;}
.productBanner .productBg{position:relative;}
.productBanner .content{width:100%;position:absolute;top:0;margin:auto;left:0;right:0;padding:0 50px 30px;height:100%;display:flex;align-items:end;}
.productBanner .content .bottleContent{width:100%;position:relative;display:flex;justify-content:flex-end;align-items:center;padding-right:100px;}
.productBanner .content .bottleContent h2{color: #fff;
    max-width: 410px;
    text-align: right;
    padding-right: 20px;
    font-size: 100px;
    line-height: 70px;
    position: relative;
    top: 125px;}
.whistlerCrop{width:100%;position:relative;background:url(../images/product-banner2bg.webp) center / cover no-repeat;padding:50px 0 100px;overflow:hidden;}
.whistlerCrop .cropBottom{width:100%;}
.whistlerCrop .cropBottom .cropDhol{position:absolute;bottom:-10px;left:0;width:auto;display: none;}
.whistlerCrop .cropBottom .crop{position:absolute;bottom:0;right:0;width:auto;}
.whistlerCrop .content{width:100%;display:flex;align-items:center;justify-content:center;}
.whistlerCrop .content p{font-family:'PP Woodland Bold';font-size:21px;line-height:30px;color:#344128;max-width:504px;}
.whistlerCrop .content .imgBlock{position:relative;width:auto;padding-top:80px;}
/*.whistlerCrop .content .imgBlock img{transform: rotate(48deg);}*/
.whistlerCrop .content .imgBlock .birdImg{position:absolute;top:0;margin-left:18px;}
.barrelsBlock{width:100%;position:relative;background:url(../images/product_bg_img.jpg) center / cover no-repeat;padding:0 0 10px;position: relative;}
.barrelsBlock:after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(50% 50% at 50% 50%, rgba(102, 102, 102, 0) 46.15%, rgba(0, 0, 0, 0.5) 100%);}
.barrelsBlock .content{width:100%;position:relative;text-align:center;}
.barrelsBlock .birdLogo:before{    position: absolute;
    content: ' ';
    top: -35%;
    width: 2px;
    height: 250px;
    border-left: 1px dotted #ACA695;
    transform: translate(-50%);
    left: 50%;}
.barrelsBlock .birdLogo .contactBird{z-index:1;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;}
.barrelsBlock .birdLogo .contactBird img{width: 150px}
.barrelsBlock .content p{font-family:'PP Woodland Bold';font-size:18px;line-height:30px;color:#ffffff;max-width:1000px;margin:0 auto;}
.barrelsBlock .content .imgBlock{width:100%;position:relative;text-align:center;padding-top:30px;max-width:350px;margin: 0 auto;}
.barrelsBlock .content .imgBlock .birdImg{position:absolute;top:50px;right:0;}
.whistlerInspired{width:100%;position:relative;background:url(../images/product_banner02.png) center / cover no-repeat;padding:50px 0 200px;}
.whistlerInspired .content .birdImg{position:absolute;top:0;left:18px;}
.whistlerInspired .content{width:100%;position:relative;text-align:left;color:#ffffff;max-width:540px;padding:160px 0 0 130px;}
.whistlerInspired .content p{font-family:'PP Woodland Bold';font-size:18px;line-height:30px;color:#ffffff;}
.tastingnotes{width:100%;position:relative;background:url(../images/productBanner5.webp) center / cover no-repeat;padding:130px 0;}
.tastingnotes .content{width:100%;position:relative;text-align:left;color:#ffffff;}
.tastingnotes .content ul{width:100%;position:relative;margin-top:30px;max-width:400px;}
.tastingnotes .content ul li{width:100%;position:relative;padding:10px 0 10px 40px;}
.tastingnotes .content ul li h3{font-family:'Copperplate Bold';font-size:35px;color:#ffffff;margin-bottom:0;position:relative;}
.tastingnotes .content ul li h3:after{position:absolute;content:'';width:139px;height:2px;background:url(../images/listLine.png) center / contain no-repeat;top:50%;margin-left:10px;}
.tastingnotes .content ul li p{font-family:'PP Woodland Bold';font-size:16px;line-height:25px;color:#ffffff;margin-bottom:0;}
.tastingnotes .content ul li:after{position:absolute;content:'';left:0;top:14px;margin:auto;width:22px;height:22px;background:url(../images/listIcon.png) center / contain no-repeat;}
.tastingnotes .content ul li:before{position:absolute;content:' ';top:20px;left:11px;width:2px;height:90%;border-left:1px dotted #ffffff;}
.tastingnotes .content ul li:last-child:before{display:none;}
.whistlerProductAward{background:#F8F8F8;}
.whistlerProductAward h2{color:#000000;}
.whistlerProductAward .awardBox{margin-top:0;padding:60px 0;background-size:contain;}
.whistlerProductAward .awardBox .box::before{background:#000000;}
/*Product Page Close*/
.mediaPage{margin-top: 130px;    padding: 50px 0;}
.mediaPage{position: relative;    background: url(../images/whistler_banner_bg.webp) center/cover no-repeat;background-size: cover;background-attachment: fixed;padding: 90px 0;background-position: 0 -220px}
.mediaPage .container{position: relative;z-index: 9}
.mediaPage:before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: #000000e0;}
.mediaPage h2{    font-family: "Tekst Roman";font-size: 74px;text-transform: uppercase;text-align: center;margin: 0 0 40px;color: #C2976C}
.mediaContainer {
    background: rgba(0, 0, 0, 0.85);
    border-radius: 5px;
    padding: 140px 0 100px;
    width: 100%;
    max-width: 985px;
    margin: auto;
}
.mediaBox{position: relative;display: flex;flex-wrap: wrap;}

.mediaBox:not(:last-child) {margin-bottom: 50px;}
.mediaBox .mediaImg{width: 40%}
.mediaBox .mediaImg figure {margin-left: -80px;}
.mediaBox .mediaImg figure img{width: 100%}
.mediaBox .mediaContent{width: 60%;color: #C2976C;padding: 0 40px;display: flex;flex-direction: column;justify-content: center;}
.mediaPage .mediaContent h2 {font-size: 35px;line-height: 45px;text-transform: capitalize;text-align: left;margin: 0 0 20px;}
.mediaContent h2 a, .mediaContent h2 a:hover{color: #C2976C;border: none;padding: 0}
.mediaContent ul{display: flex;align-items: center;margin: 0 0 20px}
.mediaContent ul li{font-size: 18px;line-height: 134%;text-transform: capitalize;color: #C2976C;position: relative;font-family: "Tekst Roman";margin-right: 10px}
.mediaContent ul li:not(:last-child)::after {content: "|";padding-left: 7px;}
.mediaContent a{color: #fff;    border-bottom: 1px dashed #5B5B5B;    padding-bottom: 50px;font-family: "Tekst Roman";}
.mediaContent a img {margin-left: 5px;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.mediaContent a:hover img{filter: none;-webkit-filter: none;}
.mediaContent a:hover{color: #C2976C}
.mediaBox:nth-child(even) .mediaImg{order: 2}
.mediaBox:nth-child(even) .mediaContent{order: 1;align-items: flex-end;}
.mediaBox:nth-child(even) .mediaImg figure{margin-left: 0;margin-right: -80px}
.mediaBox:nth-child(even) .mediaContent a{width: 100%;text-align: right;}
.mediaBox:nth-child(even) .mediaContent h2{text-align: right;}
/*Responsive start*/
.user-login-form{    position: relative;
    padding: 140px 0;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;}
.js-form-item{display: flex;flex-direction: column;margin-bottom: 20px}
.js-form-item label{font-size: 24px}
.address .birdLogo img{width: 170px}
.webform-submission-form .form-control{background: transparent;color: #fff!important}
.webform-submission-form .webform-button--submit{    text-indent: -999px;
    background: #3A3434 url(../images/btn_white_icon.svg) no-repeat center center !important;
    position: absolute;
    top: 12px;
    right: 15px;
    width: 36px !important;
    height: 36px;
    border: none!important;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 50%;
    padding: 0 !important;
}
.search-page{      width: 1140px;
    margin: 120px auto 0;
    max-width: 100%;
    padding: 0 0 !important;}
.search-page a{color: #B15B1C;
    font-family: 'Copperplate Bold';
    font-size: 26px;
    margin-bottom: 15px;
}
.search-page ol, .search-page ul{padding:0;}
.search-page .search-result__snippet{font-size:24px}
.search-page .search-form .container-inline{width: 400px;margin: 0 auto;   max-width: 100%; display: flex;
    flex-direction: column;
    align-items: center;}
.search-page .search-form .js-form-item{    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    }    
.search-page .search-form .form-search{width: 100%;
    border: 1px solid #000;
    padding: 8px 15px;
    font-size: 22px;
    border-radius: 4px;}    
.search-page .search-form .form-submit{    font-family: "Copperplate Bold";
    font-size: 16px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: none;
    padding: 3px 27px;
    background: rgb(255, 247, 221);
    transition: 0.3s;
    margin: 5px;}   
.js-pager__items{    text-align: center;display: flex;justify-content: center;    color: #fff;font-size: 19px;text-transform: none;font-family: 'PP Woodland Bold';gap: 20px;}    
.js-pager__items li, .js-pager__items li a{    font-family: 'PP Woodland Bold';    color: #fff;}
@media only screen and (max-width: 1600px) {
	.whistlerSpirit .content h2, .ourDistilleries h2 {
		font-size: 115px;
        line-height: 82px;
	}
	.maltSpirit .content h2 {
		font-size: 115px;
		line-height: 70px;
	}
	.whistlerSpirit .birdImg {
		top: 260px;
		right: 100px;
	}
}
@media only screen and (max-width: 1399px) {
	.drinkAgePop .box h6 {
	    font-size: 65px;
		line-height: 55px;	
	}
	.drinkAgePop .box .btn a {
		width: 150px;
		font-size: 18px;
		padding: 12px;
	}
	.drinkAgePop .box img {
		width: 250px;
	}
	header {
	    padding: 40px 0;	
	}
	header .logo img {
		width: 250px;
	}
	.headeSPace, .mediaPage {
		margin-top: 128px;
	}
	.whistlerSpirit .content h2, h2, .ourDistilleries h2 {
		font-size: 95px;
		line-height: 75px;
	}
    .whistlerAward .awardBox .box img{width: 130px}
    .whistlerSocial .leaves{height: 150px}
    .whistlerAward .awardBox{padding: 0 60px}
	.whistlerSpirit .birdImg {
		        top: 166px;
        right: 120px;
	}
	.maltSpirit .content p, .barrelsBlock .content p, .whistlerInspired .content p, .aboutBox p, .footerBox .linkBox p, .infoBox ul li {
		font-size: 15px;
		line-height: 26px;	
	}
	.tastingnotes .content ul li p {
		font-size: 15px;
		line-height: 24px;	
	}
	.whistlerCrop .content p, .distilleriesElem p, .footerInfo p {
		font-size: 19px;
		line-height: 28px;
	}
	.whistlerSpirit.active .img-side img {
		max-width: 310px;
	}
	.whistlerSpirit .content {
		width: 980px;
	}
    .maltSpirit .maltBg .waterfall{    bottom: -10px;    right: 211px;    width: 110px;display: none;}
	.whistlerSpirit .content .l-side {
		width: 260px;
        left: 70px;
	}
	.whistlerSpirit .content .r-side {
		        width: 270px;
        left: -65px;
        top: 60px;

	}
	.whistlerSpirit .content .img-side {
		width: 360px;
		max-width: 100%;
		text-align: center;
	}
	.whistlerAward .awardBox h2 {
		max-width: 400px;
	}
	.aboutBox {
		padding-bottom: 90px;
	}
	footer {
		padding: 90px 0 0;
	}
	.distilleriesElem ul li h3 {
		font-size: 55px;	
	}
    .mediaPage {margin-top: 128px;}
    .whistlerAward .testing ul li figure{width: 88px;height: 88px}
    .whistlerAward .testing ul li p{font-size: 16px}
    .whistlerAward .awardBox{background-size:contain}
    .maltSpirit .leaves{height: 150px}
    .leaves img{width: 200px;height: 150px;object-fit: contain;}
    .wheel{width: 500px;height: 500px}
    .whelOver{width: 250px}
    .whistlerCrop .content .imgBlock img{width: 380px}
    .maltSpirit .content .l-side{    top: 30px;left: 100px;}
    .maltSpirit .content{padding-right: 40px}
    .primeryBtn{font-size: 14px;padding: 12px 15px;}
    .maltSpirit .maltBg{margin: 0 auto;max-width: 630px}
    .maltSpirit .maltBg{left: 55px}
    .whistlerCrop .content .imgBlock{margin: 0}
    .whistlerCrop .content .imgBlock img{width: 260px}
    .barrelsWrap .imgBlock img{width: 250px;}
    .whistlerInspired{}
    .whistlerInspired .content{padding: 70px 0 0 130px}
    header.innerHeader, header.innerHead{padding: 35px 0 42px}
}
@media only screen and (max-width: 1199px) {
	.drinkAgePop .box h6 {
	    font-size: 50px;
		line-height: 40px;	
	}
	.drinkAgePop .box .btn a {
		width: 120px;
		font-size: 18px;
		padding: 12px;
	}
	.drinkAgePop .box img {
		width: 150px;
	}
	header {
	    padding: 30px 0;	
	}
	header .logo img {
		width: 200px;
	}
	.headeSPace, .mediaPage {
		margin-top: 110px;
	}
	.maltSpirit .content p, .barrelsBlock .content p, .whistlerInspired .content p, .aboutBox p, .footerBox .linkBox p, .infoBox ul li {
		font-size: 16px;
		line-height: 24px;	
	}
	.whistlerCrop .content p, .distilleriesElem p, .footerInfo p {
		font-size: 18px;
		line-height: 26px;
	}
	.gallery, .contactUs {
		padding: 60px 0;
	}
	footer {
		padding: 60px 0 0;
	}
	.aboutBox {
		padding-bottom: 60px;
		width: 700px;
	}
	.whistlerAward .awardBox {
	    background-size: contain;
	    margin-top: 20px;
	    padding: 60px 0px 0;
	}
	.whistlerSpirit .birdImg {
        top: 200px;
    }
	.primeryBtn, .whistlerSpirit .btn-action a {
		padding: 14px 18px;
		font-size: 15px;
	}
	.wheel-wrap {
	    margin: 30px auto 0;
	}
	.wheel {
		width: 600px;
		height: 600px;
	}
	.whelOver {
		width: 420px;
	}
	.whistlerSpirit .content {
        width: 900px;
    }
	.whistlerSpirit .content .l-side {
        width: 250px;
    }
	.whistlerSpirit .content .img-side {
        width: 400px;
    }
	.whistlerSpirit .content .r-side {
        width: 250px;
    }
	.whistlerSpirit .birdImg {
        top: 220px;
	    right: 46px;
    }
	.whistlerSpirit .content h2, h2, .ourDistilleries h2 {
		font-size: 90px;
		line-height: 70px;
	}
	.maltSpirit .content h2 {
		font-size: 75px;
		line-height: 60px;
	}
	.maltSpirit .maltBg img {
		max-width: 600px;
		margin-left: -150px;
	}
	.maltSpirit .content .r-side {
	    width: 300px;
	}
	.maltSpirit .content {
        padding-left: 0;
        width: 800px;
        left: 50%;
    }
	.galleyBox {
		margin-top: 20px;
	}
	.footerBox h5, .footerInfo h6 {
		font-size: 35px;	
	}
	.footerBox .linkBox p strong, .address h4, .enquiries ul li h5, .tastingnotes .content ul li h3 {
		font-size: 28px;	
	}
	.enquiries ul li h6 {
		font-size: 20px;	
	}
	.enquiries ul li p {
		font-size: 16px;		
	}
	.distilleriesElem ul li h3, .address h3 {
		font-size: 45px;	
	}
	.ourDistilleries h2 {
		margin-bottom: 15px;
	}
	.ourDistilleries .distilleriesElem {
		padding: 25px 40px 140px;
		margin: -370px auto 0;
	}
	.infoBox {
		padding: 0 30px 30px;
	}
	.infoBox .birdImg {
		top: -92px;
		right: 20px;
		max-width: 80px;
	}
	.productBanner .content .bottleContent h2 {
		max-width: 330px;
	}
	.productBanner .birdImg, .whistlerInspired .content .birdImg {
		max-width: 140px;
	}
	.whistlerCrop .cropBottom .cropDhol {
		max-width: 400px;
	}
	.whistlerCrop .cropBottom .crop {
		max-width: 400px;
	}
	.whistlerInspired .content {
		padding: 160px 0 0 70px;
	}
	.productBanner .content .bottleContent img {
		max-width: 170px;
	}
    .mediaPage h2{font-size: 50px}
    .mediaPage .mediaContent h2{font-size: 30px}
    .mediaBox .mediaImg figure, .mediaBox:nth-child(even) .mediaImg figure {
        margin: 0;
    }
    .mediaPage {margin-top: 110px;}
}
@media only screen and (max-width: 991px) {
	header .container {
		max-width: 100%;
        display: flex;
	}
	.headeSPace, .mediaPage {
        margin-top: 60px;
    }
	header .mobLogo, header .mobAction, header .mobMenu {
		display: block;
	} 
    .mobAction button.searchIcon span, .mobAction button.searchIcon.active img{display: none;}
    .mobAction button.searchIcon.active span{display: block;font-size: 17px;color: #fff;font-family: 'PP Woodland Bold';}
	header .menu {
		display: none;
	}
	header .mobLogo {
		display: inline-block;
	}
	header .mobLogo a {
		display: inline-block;
	}
	header .mobLogo a img {
		width: 150px;
	}
	header, header.innerHeader {
		padding: 20px 0;
	}
	header .mobAction {
		position: absolute;
		right: 15px;
		top: 20px;
		display: flex;
		align-items: center;
	}
	header .mobAction button {
		background-color: transparent;
		border: 0;
		box-shadow: none;
		outline: none;
		padding: 0;
	}
	header .mobAction button.searchIcon {
		padding: 0;
		width: 29px;
		height: 29px;
		background: #E40000;
		border: none;
		border-radius: 50%;
		margin-right: 20px;
	}
	header .mobAction button.menuBtn {
		background-image: url(../images/mob-menu.png);
		background-size: 18px 18px;
		background-repeat: no-repeat;
		display: inline-block;
		width: 18px;
		height: 18px;
	}
	header .mobAction button.menuBtn.active {
		background-image: url(../images/close.svg);
		filter: brightness(0) invert(1);
		z-index: 9;
	}
	header .mobAction button.active {
		z-index: 1;
		display: inline-block;
		position: relative;
	}
	header .mobMenu {
		position: fixed;
        top: 0;
        padding-top: 70px;
        right: -310px;
        background: #000;
        bottom: 0;
        width: 310px;
        height: 100%;
        z-index: 1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-left: 1px solid #000;
	}
	header.active {
		padding: 10px 0;
	}
	header.active .mobLogo a img {
        width: 120px;
    }
	header.active .mobAction {
		position: absolute;
		top: 16px;
	}
	header .mobMenu.active {
		right: 0;
		width: 310px;
	}
	header .mobMenu ul {
		width: 100%;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		display: block;
	}
	header .mobMenu ul li {
		border-bottom: 1px solid #fff7dd;
	}
	header .mobMenu ul li a {
		color: #ffffff;
		padding: 10px 15px !important;
		width: 100%;
		display: block;
	}
	body.showHeader header {
		transform: inherit;	
	}
	.tastingnotes .content ul li p {
		font-size: 14px;
		line-height: 22px;	
	}
	.maltSpirit .content p, .barrelsBlock .content p, .whistlerInspired .content p, .aboutBox p {
		font-size: 15px;
		line-height: 24px;	
	}
	.whistlerCrop .content p, .distilleriesElem p {
		font-size: 17px;
		line-height: 26px;
	}
	.wheel {
		width: 500px;
		height: 500px;
	}
	.whelOver {
		width: 280px;
	}
	.whistlerSpirit .content h2, h2, .ourDistilleries h2 {
		font-size: 70px;
		line-height: 50px;
	}
	.maltSpirit .content h2 {
		font-size: 60px;
		line-height: 50px;
	}
	.whistlerSpirit .content .l-side {
        width: 200px;
    }
	.whistlerSpirit .content .img-side {
		width: 290px;
	}
	.whistlerSpirit .content .r-side {
        width: 200px;
    }
	.whistlerSpirit.active .img-side img {
        max-width: 200px;
    }
	    .whistlerSpirit .birdImg {
        top: 118px;
        width: 100px;
        right: 80px;
    }
	.maltSpirit .leaves {
		height: 120px;
	}
	.whistlerSocial .leaves {
		height: 160px;
	}
	.leaves img {
		max-width: 200px;
	}
	.maltSpirit .maltBg {
		margin-top: 25px;
	}
	.maltIcon {
		width: 140px;
		height: 140px;
		bottom: -70px;
	}
	.maltIcon:before {
		width: 130px;
		height: 130px;
		border: 2px dotted #000000;
	}
	.whistlerSpirit {
		padding: 90px 0;
	}
	.galleyBox {
		padding: 0;
	}
	.gallery .btn {
		margin-top: 10px;
	}
	.footerBox .linkBox p strong, .address h4, .enquiries ul li h5, .tastingnotes .content ul li h3 {
		font-size: 24px;
	}
	.footerInfo {
		margin-top: 30px;
	}
	.footerInfo .logo {
		max-width: 200px;
	}
	.maltSpirit .content {
		position: static;
		max-width: 100%;
		transform: inherit;
		flex-direction: column;
	}
	.maltSpirit .content .l-side, .maltSpirit .content .r-side {
		width: 100%;
		text-align: center;
		position: static;
	}
	.maltSpirit .content h2 span {
		display: inline-block;
	}
	.whistlerAward .awardBox .box {
		padding: 25px 20px;
	}
	.whistlerAward .awardBox .box img {
		max-width: 150px;
		margin-bottom: 10px;
	}
	.footerBox .linkBox {
		padding: 0 5px;
	}
	.footerBox {
		display: flex;
		flex-wrap: wrap;
	}
	.footerBox .linkBox:nth-child(1) {
		width: 35%;
	}
	.footerBox .linkBox:nth-child(2) {
		width: 65%;
	}
	.footerBox .linkBox.newsletterBox {
		width: 100%;
	}
	.footerBox ul li {
		margin-bottom: 10px;
	}
	.footerBox ul li a {
		font-size: 14px;
	}
	.footerBox .linkBox p {
		font-size: 14px;
		line-height: 20px;
	}
	.newsletter input {
		padding: 10px 60px 10px 14px;
	}
	.newsletter button {
		top: 10px;
		right: 14px;
		width: 25px;
		height: 25px;
	}
	.newsletter button img {
		width: 10px;
	}
	.whistlerAward .testing ul li {
		margin: 0 15px;
	}
	.whistlerAward .testing ul li p {
		font-size: 15px;
		text-align: center;
	}
	.footerInfo p {
		text-align: center;
	}
	.distilleriesElem ul li h3, .address h3 {
        font-size: 34px;
        margin: 10px 0 0;
    }
	.ourDistilleries {
		padding-bottom: 170px;
	}
	.aboutBox .birdImg {
		right: 0;
		top: 70px;
		max-width: 80px;
	}
	.infoBox {
        padding: 0 0px 30px;
                margin-top: -50px;

    }
	.address h3 {
		margin-bottom: 10px;
	}
	.whistlerAward {
		padding-top: 30px;
	}
	.whistlerProductAward .awardBox {
		padding: 0;
		margin: 0;
	}
	.tastingnotes {
		padding: 100px 0;
	}
	.productBanner .birdImg, .whistlerInspired .content .birdImg {
		max-width: 100px;
	}
	.whistlerCrop .content .imgBlock .birdImg {
		max-width: 90px;
	}
	.whistlerCrop .cropBottom .cropDhol {
		max-width: 250px;
	}
	.whistlerCrop .cropBottom .crop {
		max-width: 250px;
	}
	.whistlerInspired .content {
        padding: 100px 0 0 30px;
    }
	.whistlerCrop .content .imgBlock {
		width: 50%;
	}
	.whistlerCrop .content p {
		width: 50%;
	}
	.productBanner .content .bottleContent {
		padding-right: 0;
	}
	.drinkAgePop .box h6 {
        font-size: 36px;
        line-height: 28px;
    }
	.drinkAgePop .box .btn a {
        width: 115px;
        font-size: 16px;
        padding: 8px;
	    margin: 0 5px;
    }
	.drinkAgePop .box {
		padding: 20px;
	}
	.whistlerVideo .story-mob {
		display: block;
	}
	.whistlerVideo .story-web {
		display: none;
	}
    .mediaBox .mediaContent{padding: 0 10px}
.mediaPage .mediaContent h2, .mediaPage .mediaContent h2 a{font-size: 18px;line-height: 26px;}
.mediaContent ul{margin: 0 0 10px}
.mediaContent ul li, .mediaContent a{font-size: 13px}
.mediaContent a{padding-bottom: 30px}
.mediaContainer{padding: 30px 0}
.mediaBox:nth-child(even) .mediaImg{order: 1}
.mediaBox:nth-child(even) .mediaContent{order: 2;align-items: flex-start;}
.mediaBox:nth-child(even) .mediaContent h2, .mediaBox:nth-child(even) .mediaContent a{text-align: left;}
.mediaPage{    background-position: 0 0;}
.search-block-form{    top: 60px;    right: 10px;}
header .mobMenu.active .menu{display: block;padding: 0}
header .mobMenu.active .menu .logo{display: none;}
header .mobMenu.active .menu ul:last-child li, header .mobMenu.active .menu ul:first-child li{margin: 0}
header .mobMenu.active .menu ul .search-block{display: none;}
.mainLogo{display: block;}
header .mainLogo.logo img {width: 110px;}
header, header.innerHeader {        padding: 10px 0;    }
header .mobMenu.active .mainLogo{display: none;}
.maltSpirit .maltBg .waterfall img{width: 100px}
.maltSpirit .maltBg .waterfall {
    bottom: -10px;
    right: 265px;
    width: 100px;
    height: 70px;
}
.whistlerCrop .content p{width: 100%}
header.innerHeader, header.innerHead{padding: 15px 0}
.whistlerCrop .content .imgBlock{padding: 0}
.productBanner .content .bottleContent h2{    top: 40px;}
.webform-submission-form .webform-button--submit{top: 5px}
.search-page{    margin: 50px auto 0;}
}
@media only screen and (max-width: 767px) {
.search-page .search-result__snippet {
    font-size: 22px;
    line-height: normal;
}    
    .whistlerCrop .content .imgBlock{padding: 0;text-align: center;}
    .barrelsWrap .imgBlock img {width: 170px;    }
    .maltSpirit .maltBg .waterfall{          bottom: -3px;
        right: 22%;
        width: 96px;
        height: 60px;}

	.whistlerSpirit .content {
		width: 520px;
	}
	.whistlerSpirit .content .l-side {
		width: 165px;
		padding-right: 15px;
	}
	.whistlerSpirit .content .r-side {
		width: 170px;
	}
	.whistlerSpirit .content .img-side {
		width: 180px;
	}
	.whistlerSpirit.active .img-side img {
		max-width: 150px;
	}
	.whistlerSpirit .content h2, h2, .ourDistilleries h2 {
		font-size: 60px;
		line-height: 50px;
	}
	.maltSpirit .content h2 {
		font-size: 50px;
		line-height: 40px;
	}
	.whistlerSpirit .content .r-side {
		left: -35px;
		top: 50px;
	}
    .whistlerSpirit .birdImg {
        top: 70px;
        max-width: 80px;
        right: 50px;
    }
    .whistlerSpirit .content .l-side{left: 47px;}
	.maltSpirit .leaves {
        height: 90px;
    }
	.leaves img {
        max-width: 130px;
    }
	.whistlerSocial .leaves {
        height: 80px;
    }
	.whistlerSocial h2 img {
		max-width: 40px;
	}
	.whistlerAward .awardBox {
        padding: 30px 0px 0;
    }
	.gallery, .contactUs {
        padding: 40px 0;
    }
	.aboutBox, .whistlerSocial {
		padding-bottom: 40px;
	}
	.whistlerCrop {
		padding-top: 40px;	
	}
	footer {
        padding: 40px 0 0;
    }
	.galleyBox .box img {
		height: 200px;
	}
	.maltSpirit .maltBg img {
		margin-left:0;
	}
	.copyRight {
		margin-top: 20px;
	}
	.copyRight .rightBox {
		flex-wrap: wrap;
		justify-content: center;
	}
	.copyRight .rightBox ul {
		margin-bottom: 10px;
	}
	.distilleriesLogo, .distilleriesLogo:after {
		width: 150px;
		height: 150px;
	}
	.distilleriesLogo {
		bottom: -75px;
	}
	.ourDistilleries .distilleriesElem {
        padding: 15px 20px 100px;
        margin: -270px auto 0;
    }
	.distilleriesElem ul {
		width: 100%;
		flex-wrap: wrap;
		margin: 20px 0;
	}
	.distilleriesElem ul li {
		width: 50%;
		padding: 15px 0;
	}
	.ourDistilleries {
        padding-bottom: 140px;
    }
	.infoBox {
		flex-direction: column;
	}
	.infoBox .infoLeft {
		width: 100%;
	}
	.infoBox .infoImg {
		width: 100%;
		text-align: center;
		padding-top: 20px;
	}
	.enquiries ul {
		flex-direction: column;
		margin: 0;
	}
	.enquiries ul li {
		margin-top: 15px;
	}
	.enquiries ul li h5 {
		margin-bottom: 10px;
	}
	.address {
		padding: 0 15px 25px;
	}
	.productBanner .birdImg, .whistlerInspired .content .birdImg, .barrelsBlock .content .imgBlock .birdImg {
        max-width: 90px;
    }
	.barrelsBlock .content .imgBlock .birdImg {
		right: 20%;
	}
	.whistlerInspired .content {
        padding: 105px 0 0 0px;
    }
	.whistlerInspired, .tastingnotes {
		background-position: right;
	}
	.tastingnotes {
		padding: 80px 0;
	}
	.productBanner .content .bottleContent img {
        max-width: 120px;
    }
	.productBanner .content {
		padding: 0 20px 30px;
	}
	.productBanner .birdImg {
		top: 22px;
	}
	.productBanner .content .bottleContent h2 {
        max-width: 250px;
    }
	header .mobLogo a img {
        width: 100px;
    }
	header.active .mobLogo a img {
        width: 85px;
    }
	.headeSPace {
        margin-top: 65px;
    }
	header .mobAction {
		top: 24px;
	}
	.galleyBox .box, .galleyBox .box:nth-child(2), .galleyBox .box:nth-child(3) {
		width: 100%;
		padding: 5px;
	}
.mediaPage h2 {font-size: 35px;    }    
.mediaBox .mediaContent{padding: 0 10px}
.mediaPage .mediaContent h2, .mediaPage .mediaContent h2 a{font-size: 18px;line-height: 26px;}
.mediaContent ul{margin: 0 0 10px}
.mediaContent ul li, .mediaContent a{font-size: 13px}
.mediaContent a{padding-bottom: 30px}
.mediaContainer{padding: 30px 0}
.mediaBox:nth-child(even) .mediaImg{order: 1}
.mediaBox:nth-child(even) .mediaContent{order: 2;align-items: flex-start;}
.mediaBox:nth-child(even) .mediaContent h2, .mediaBox:nth-child(even) .mediaContent a{text-align: left;}
.maltSpirit .content .l-side, .maltSpirit .content{padding: 0} 
.leaves img{    top: -50px;}  
.whistlerCrop .content p, .distilleriesElem p{font-size: 14px;line-height: 23px} 
.distilleriesElem ul li h3 span{font-size: 34px}
.distilleriesElem ul li h3{font-size: 26px}
}
@media only screen and (max-width: 575px) {
    .distilleriesElem ul li{width: 100%}
.maltSpirit .maltBg .waterfall {
    position: absolute;
        bottom: 0;
        right: 19%;
        width: 56px;
        height: 35px;
    }  
	.whistlerSpirit .content {
		position: static;
		width: 100%;
	}
	.whistlerSpirit .content .l-side {
		width: 100%;
		padding: 20px 0 0px;
		position: static;
		text-align: center;
	}
	.whistlerSpirit .content .img-side {
		width: 100%;
	}
	.whistlerSpirit .content .r-side {
		position: static;
		width: 100%;
		text-align: center;
	}
	.whistlerSpirit .birdImg {
		right: 5%;
        top: 28%;
	}
	.wheel {
		width: 280px;
		height: 280px;
		border: 2px solid #ffffff;
	}
	.slice:nth-child(1) img {
		object-position: left -75px;
	}
	.slice:nth-child(3) img {
		object-position: left 50px;
		transform: rotate(181deg);
	}
	.whelOver {
		width: 150px;
	}
	.slice {
		border-top: 3px solid #ffffff;	
	}
	.distilleriesLogo {
        bottom: -100px;
    }
	.ourDistilleries {
        padding-bottom: 120px;
    }
	.ourDistilleries .distilleriesElem {
	    margin: -140px auto 0;
        padding: 15px 15px 70px;
	}
	.whistlerCrop .content {
		flex-direction: column;
	}
	.whistlerCrop .content p {
		width: 100%;
		text-align: center;
	}
	.whistlerCrop .content .imgBlock {
		width: 100%;
	}
	.productBanner .content .bottleContent img {
        max-width: 110px;
    }
    .productBanner .content .bottleContent h2{font-size: 60px;    line-height: 40px;}
	.productBanner .productBg img {
		min-height: 330px;
		object-fit: cover;
	}
	.productBanner .birdImg {
        top: 68%;
	    max-width: 70px;
    }
	.whistlerCrop .content .imgBlock .birdImg, .barrelsBlock .content .imgBlock .birdImg {
	    max-width: 70px;	
	}
	.leaves img {
        max-width: 100px;
    }
	.primeryBtn, .whistlerSpirit .btn-action a {
        padding: 10px 15px;
        font-size: 12px;
    }
}

/*Responsive close*/