.snow-container {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100%;
  top: 0;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}

.snow {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-animation: snow linear infinite;
          animation: snow linear infinite;
}
.snow.foreground {
  background-image: url(/assets/images/snowForeground.png);
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
}
.snow.foreground.layered {
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s;
}
.snow.middleground {
  background-image: url(/assets/images/snowMiddleground.png);
  -webkit-animation-duration: 24s;
          animation-duration: 24s;
}
.snow.middleground.layered {
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
}
.snow.background {
  background-image: url(/assets/images/snowBackground.png);
  -webkit-animation-duration: 35s;
          animation-duration: 35s;
}
.snow.background.layered {
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
}

@-webkit-keyframes snow {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(15%, 100%, 0);
            transform: translate3d(15%, 100%, 0);
  }
}

@keyframes snow {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(15%, 100%, 0);
            transform: translate3d(15%, 100%, 0);
  }
}

.productAccolades {
  padding: 0rem !important; }

.accoladeBox {
  width: calc(99.9% * 1/2 - (1rem - 1rem * 1/2));
  padding-bottom: 1rem; }

.accoladeBox:nth-child(1n) {
  margin-right: 1rem;
  clear: none; }

.accoladeBox:last-child {
  margin-right: 0; }

.accoladeBox:nth-child(2n) {
  margin-right: 0;
  float: right; }

.accoladeBox:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 64.0625rem) {
    .accoladeBox {
      width: calc(99.9% * 1/1 - (1rem - 1rem * 1/1)); }
    .accoladeBox:nth-child(1n) {
      margin-right: 1rem;
      clear: none; }
    .accoladeBox:last-child {
      margin-right: 0; }
    .accoladeBox:nth-child(1n) {
      margin-right: 0;
 }
    .accoladeBox:nth-child(1n + 1) {
      clear: both; } }
  .accoladeBox .accoladeTop {
    height: 6.25rem; }
  .accoladeBox .score {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 6.25rem;
    background-color: #F7F6F2;
    color: #715A5A;
    font-size: 0rem;
    opacity: 0;
    font-weight: bold;
    -webkit-transition: 500ms ease-in-out all;
    -o-transition: 500ms ease-in-out all;
    transition: 500ms ease-in-out all;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
    line-height: 6.25rem;
    font-family: "soleil", arial, sans-serif;
    display: inline-block;
    text-align: center; }
  .accoladeBox .publication {
    line-height: 6.25rem;
    font-size: 1.5rem;
    font-style: italic;
    color: #715A5A;
    margin-left: 1.5625rem;
    opacity: 0;
    font-family:  "republic-web-condensed",serif;
    -webkit-transition: 450ms ease-in-out all;
    -o-transition: 450ms ease-in-out all;
    transition: 450ms ease-in-out all;
    -webkit-transition-delay: 1.45s;
         -o-transition-delay: 1.45s;
            transition-delay: 1.45s;
    display: inline-block; }
  .accoladeBox .quote {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    color: #5A5858;
    padding: .25rem .675rem;
    opacity: 0;
    -webkit-transition: 450ms ease-in-out all;
    -o-transition: 450ms ease-in-out all;
    transition: 450ms ease-in-out all;
    -webkit-transition-delay: 1.75s;
         -o-transition-delay: 1.75s;
            transition-delay: 1.75s;
    position: relative; }
    .accoladeBox .quote:before, .accoladeBox .quote:after {
      content: '"';
      color: #715A5A; }

.caseQtyBox {
  width: calc(99.9% * 1/2 - (1rem - 1rem * 1/2)); }

.caseQtyBox:nth-child(1n) {
  margin-right: 1rem;
  clear: none; }

.caseQtyBox:last-child {
  margin-right: 0; }

.caseQtyBox:nth-child(2n) {
  margin-right: 0;
 }

.caseQtyBox:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 64.0625rem) {
    .caseQtyBox {
      width: calc(99.9% * 1/1 - (1rem - 1rem * 1/1)); }
    .caseQtyBox:nth-child(1n) {
      float: left;
      margin-right: 1rem;
      clear: none; }
    .caseQtyBox:last-child {
      margin-right: 0; }
    .caseQtyBox:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .caseQtyBox:nth-child(1n + 1) {
      clear: both; } }
  .caseQtyBox .caseImage, .caseQtyBox .qtyText {
    display: inline-block; }
  .caseQtyBox .caseImage {
    padding-top: 0.5rem;
    opacity: 0;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
    -webkit-transition: 450ms ease-in all;
    -o-transition: 450ms ease-in all;
    transition: 450ms ease-in all; }
    .caseQtyBox .caseImage #Wine {
      -webkit-transition: 450ms ease-in all;
      -o-transition: 450ms ease-in all;
      transition: 450ms ease-in all; }
  .caseQtyBox .qtyText {
    line-height: 6.25rem;
    vertical-align: top;
    opacity: 0;
    margin-left: 1.5rem;
    -webkit-transition-delay: 1.75s;
         -o-transition-delay: 1.75s;
            transition-delay: 1.75s;
    -webkit-transition: 450ms ease-in all;
    -o-transition: 450ms ease-in all;
    transition: 450ms ease-in all; }
    .caseQtyBox .qtyText .score {
      color: #715A5A;
      font-size: 1.5rem;
      font-family: "soleil",sans-serif;
      font-weight: bold;
      margin-left: .25rem;
      margin-right: .25rem; }
    .caseQtyBox .qtyText .description {
      font-size: 1.5rem;
      font-style: italic;
      color: #715A5A; }
  .caseQtyBox.active .caseImage {
    opacity: 1; }
  .caseQtyBox.active .qtyText {
    opacity: 1;
    margin-left: 0; }

.productAccolades.already-visible .score, .productAccolades.come-in .score {
  font-size: 1.5rem;
  opacity: 1; }

.productAccolades.already-visible .publication, .productAccolades.come-in .publication {
  opacity: 1;
  margin-left: -1.5625rem; }

.productAccolades.already-visible .quote, .productAccolades.come-in .quote {
  opacity: 1; }

.productAccolades.already-visible .score, .productAccolades.come-in .score {
  font-size: 1.5rem;
  opacity: 1; }

.productAccolades.already-visible .publication, .productAccolades.come-in .publication {
  opacity: 1;
  margin-left: -1.5625rem; }

.productAccolades.already-visible .quote, .productAccolades.come-in .quote {
  opacity: 1; }

.productAccolades.already-visible .staffText, .productAccolades.come-in .staffText {
  margin-left: 10px;
  opacity: 1; }

.productAccolades.already-visible .staffImage, .productAccolades.come-in .staffImage {
  opacity: 1; }


.staffPicksBox {
  width: calc(99.9% * 1/2 - (1rem - 1rem * 1/2));
  padding-bottom: 1rem; }

.staffPicksBox:nth-child(1n) {
	display: inline-block;
  margin-right: 1rem;
  clear: none; }

.staffPicksBox:last-child {
  margin-right: 0; }

.staffPicksBox:nth-child(2n) {
  margin-right: 0;
  display: inline-block; }

.staffPicksBox:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 64.0625rem) {
    .staffPicksBox {
      width: calc(99.9% * 1/1 - (1rem - 1rem * 1/1)); }
    .staffPicksBox:nth-child(1n) {
      display: inline-block;
      margin-right: 1rem;
      clear: none; }
    .staffPicksBox:last-child {
      margin-right: 0; }
    .staffPicksBox:nth-child(1n) {
      margin-right: 0;
      display: inline-block; }
    .staffPicksBox:nth-child(1n + 1) {
      clear: both; } }
  .staffPicksBox .staffPickTop {
    height: 6.25rem; }
  .staffPicksBox .staffImage {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 6.25rem;
    background-color: #F7F6F2;
    opacity: 0;
    -webkit-transition: 500ms ease-in-out all;
    -o-transition: 500ms ease-in-out all;
    transition: 500ms ease-in-out all;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
    background-size: cover;
    display: inline-block;
    vertical-align: middle; }
    .staffPicksBox .staffImage.Jeff {
      background-image: url("../images/staffPhotos/jeff2.jpg"); }
    .staffPicksBox .staffImage.Miguel {
      background-image: url("../images/staffPhotos/miguel.jpg"); }
    .staffPicksBox .staffImage.JoshH {
      background-image: url("../images/staffPhotos/josh.jpg"); }
    .staffPicksBox .staffImage.Amanda {
      background-image: url("../images/staffPhotos/manders.jpg"); }
    .staffPicksBox .staffImage.Brady {
      background-image: url("../images/staffPhotos/brady.jpg"); }
    .staffPicksBox .staffImage.Eric {
      background-image: url("../images/staffPhotos/eric.jpg"); }
    .staffPicksBox .staffImage.Oscar {
      background-image: url("../images/staffPhotos/oscar2.jpg"); }
    .staffPicksBox .staffImage.Doug {
      background-image: url("../images/staffPhotos/doug.jpg"); }
    .staffPicksBox .staffImage.Alexis {
      background-image: url("../images/staffPhotos/alexis.jpg"); }
    .staffPicksBox .staffImage.Monica {
      background-image: url("../images/staffPhotos/monica.jpg"); }
    .staffPicksBox .staffImage.Geordy {
      background-image: url("../images/staffPhotos/geordy.jpg"); }
  .staffPicksBox .staffText {
    margin-left: 3.125rem;
    opacity: 0;
    -webkit-transition: 450ms ease-in-out all;
    -o-transition: 450ms ease-in-out all;
    transition: 450ms ease-in-out all;
    -webkit-transition-delay: 1.45s;
         -o-transition-delay: 1.45s;
            transition-delay: 1.45s;
    display: inline-block;
    vertical-align: middle; }
  .staffPicksBox .pickText {
    color: #715A5A;
    text-transform: uppercase;
    font-size: 0.875rem; }
  .staffPicksBox .nameText {
    font-size: 1.5rem;
    font-style: italic;
    color: #715A5A; }
  .staffPicksBox .quote {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    color: #5A5858;
    padding: .25rem 0rem;
    opacity: 0;
    -webkit-transition: 450ms ease-in-out all;
    -o-transition: 450ms ease-in-out all;
    transition: 450ms ease-in-out all;
    -webkit-transition-delay: 1.75s;
         -o-transition-delay: 1.75s;
            transition-delay: 1.75s;
    position: relative; }



.homepageBannerVideo {
  max-height: 80vh;
  height: 900px;
  width: 100%;
  z-index: 10;
  opacity: 1;
  background-color: black;
  display: block;
  position: relative;
}

.homepageBannerVideo .overlayBanner {
  opacity: 0;
  text-align: center;
  position: absolute;
  z-index: 30;
  transition: 300ms ease-in all;
  width: 100%;
  top: 40%;
}

.homepageBannerVideo .overlayBanner.active {
  opacity: 1;
}

.overlayBanner h2, .overlayBanner h3 {
  color: white;
  margin-bottom: 0;
  line-height: 135%;
}

.videoWrapperHome {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
z-index: 10;
opacity: 1;
margin: 0 auto;
}

.bgVideo {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  -webkit-transform: inherit ;
  -moz-transform: inherit;
  -ms-transform: inherit;
  transform: translateY(-50%);
  }

.bgVideo.homepage {
min-height: 100%;
min-width: 100%;
}

@media (max-width:1600px) {
  .homepageBannerVideo {
  height: auto;
  max-height: 100vh;
  overflow: hidden;
  }
    .bgVideo.homepage {
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  -webkit-transform: inherit ;
  -moz-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
  }

}



.videoBlock {
  width: 31%;
  margin: 0 1%;
  display: inline-block;
}

@media (max-width:768px) {
.videoBlock {
  width: 100%;
  margin: 10px 0;
  display: block;
}

.mediaWrap {
  margin: 0 10px;
}
}

.mediaWrap {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.mediaWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cookieFooter {
	background-color: rgba(221,217,206,0.94);
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0;
  color: #3f372c;
  z-index: 100;
  opacity: 1;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out; }
  #cookieFooter.accepted {
    opacity: 0;
    bottom: -10rem; }
  @media (max-width: 64.0625rem) {
    #cookieFooter {
      padding: .375rem 0; } }
  #cookieFooter .wrap {
    max-width: none;
    position: relative; }
  #cookieFooter .text {
    display: block;
    padding: .5rem;
    text-align: center;
    margin: 0 auto; }
    @media (max-width: 64.0625rem) {
      #cookieFooter .text {
        font-size: .875rem;
        padding: 0 .375rem 0 0;
        width: calc(100% - 45px);
        margin-right: 30px;
        margin-left: 15px;
        text-align: left; }
        #cookieFooter .text br {
          display: inline;
          content: ' ';
          clear: none; }
          #cookieFooter .text br:after {
            content: ' '; } }
  #cookieFooter .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    right: .5rem;
    top: 0; }
    @media (max-width: 64.0625rem) {
      #cookieFooter .button {
        font-size: .875rem;
        padding: 0 0 0 .375rem; } }
    #cookieFooter .button a {
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      display: inline-block;
      background-color: #000000;
      font-size: .6rem;
      font-weight: bold;
      border: 1px solid #000000;
      height: 26px;
      width: 25px;
      border-radius: 25px;
      border-radius: 25px;
      line-height: 25px;
      text-align: center;
      color: #ddd9ce;
      font-family: "soleil", arial, sans-serif;
      text-transform: uppercase; }
      @media (max-width: 64.0625rem) {
        #cookieFooter .button a {
          font-size: .6rem; } }
      #cookieFooter .button a:hover {
        color: #000000;
        background-color: transparent;
        text-decoration: none; }


.meta-nav__brands__tab svg.calera-logo {
	padding: 0.39rem .5rem;
}

.holiday-overlay-icon {
    position: absolute;
    left: 3rem;
    z-index: 5;
    top: 0%;
    display: block;
    width: 33%;
}

.holiday-overlay-bottom {
	position: absolute; 
	z-index: 3; 
	opacity: 0; 
	right: 2.5rem; 
	bottom: 2.5rem; 
	color: white; 
	font-size: 3rem; 
	line-height: 1.15; 
	text-align: right; 
	animation: 1s bump-in-side ease-out forwards; 
	animation-delay: 2s;
}

.homepage-banner:hover {
	cursor: pointer;
}

@keyframes bump-in-side {
  0% {
    opacity: 0;
    transform: translateY(0) translateX(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}
  
@keyframes bump-in {
  0% {
    opacity: 0;
    transform: translateY(3rem) translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
  }
} 
  
@media (max-width: 48.25rem) {
	.holiday-overlay-icon {
		width: 100%;
		max-width: 350px;
		top: 2rem;
		left: 50%;
    transform: translateX(-50%) translateY(0);
	}
	.holiday-overlay-bottom {
		position: absolute; z-index: 3; opacity: 0; bottom:2rem;  top: inherit; left: 50%; transform: translateX(-50%);  color: white; line-height: 1.1; text-align: center; animation: 1s bump-in ease-out forwards; animation-delay: 2s;
	}
	.holiday-overlay-bottom {
		font-size: 2rem;
	}
}


.holiday-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	z-index: 5;
	width: calc(100% - 4rem);
}

.holiday-overlay span {
	font-size: 48px;
	line-height: 1;
	color: white;
	text-align: center;
	opacity: 0;
	transform: translateY(0.5rem);
	transition: 1.2s ease-out;
}

.holiday-overlay.active span {
	opacity: 1;
	transform: translateY(0);
	display: block;
}

.holiday-overlay span.first {
	transition-delay: 1s;
		font-size: 60px;
}

.holiday-overlay span.second {
	transition-delay: 2s;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 26px;
}

  @media (max-width: 64.0625rem) {
.holiday-overlay span.second {
	font-size: 22px;
}
.holiday-overlay span.first {
	font-size: 32px;
}
	}

	
	.homepage-banner {
				overflow: hidden;
				background: black;
			}
			.homepage-banner video {
				position: absolute;
				top: 50%;
				left: 50%;
				opacity: 0.85;
				z-index: 1;
				transform: translateX(-50%) translateY(-50%);
			}
			.homepage-banner video.ended {
				animation: videmove 10s 1;
			}
			
@keyframes videmove {
	0% {
	}
	40% { 
		transform: translateX(-52%) translateY(-50%) scale(1.04);
		animation-timing-function: ease-out;
	}
	100% {
				transform: translateX(-50%) translateY(-50%) scale(1);
				animation-timing-function:  ease-in-out;

	}
}

:root{--vh:1vh}.overlayBg{position:fixed;width:100%;height:100vh;height:calc(var(--vh)*100);top:0;left:0;background-color:rgba(217,213,210,.92);z-index:9999}.overlayBg.ageVerifiedOut{-webkit-animation:fadeOut .6s;animation:fadeOut .6s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.overlayBg.ageVerified{display:none}.overlayContent{width:30%;background-color:#fff;box-shadow:0 .5rem 1.125rem rgba(0,0,0,.28);padding:2rem;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);text-align:center;position:fixed}.overlayContent .logo{width:100%;display:flex;text-align:center;margin-bottom:.5rem;justify-content:center;align-content:center;align-items:center;height:auto}.overlayContent .logo svg{fill:#222;opacity:.5;max-width:12.5rem;height:3rem;width:auto}.overlayContent .buttons{margin-top:1rem}.overlayContent .buttons a{transition:.4s ease-out;text-decoration:none}.overlayContent .no{color:#9a371f;border:.0625rem solid #9a371f;background-color:transparent}.overlayContent .no:active,.overlayContent .no:hover{background-color:#9a371f;color:#fff;text-decoration:none;border:.0625rem solid #9a371f}.overlayContent .yes{color:#fff;border:.0625rem solid #9a371f;background-color:#9A371F}.overlayContent .yes:active,.overlayContent .yes:hover{background-color:#661c0a;border:.0625rem solid #661c0a;text-decoration:none}.overlayContent h2{font-size:2rem;line-height:2.25rem;font-weight:700;margin-top:1rem}.overlayContent a{display:inline-block;text-transform:uppercase;font-size:1rem;padding:.8375rem 2rem;margin:.5rem;line-height:100%}@media (max-width:64rem) and (min-width:48rem){.overlayContent{width:50%}}@media (max-width:47.9375rem){.overlayContent{width:80%}.overlayContent a{display:block}}.notAgeVerified{background-color:#fff4d4;text-align:center}.notAgeVerified .container{max-width:40.625rem;min-height:100vh;justify-content:center;align-items:center;display:flex;flex-direction:column;margin:0 auto}.notAgeVerified .logo{text-align:center}@media (max-width:64rem) and (min-width:48rem){.notAgeVerified main{margin-top:0}}@media (max-width:47.9375rem){.notAgeVerified main{margin-top:0}}.notAgeVerified svg{fill:#222;height:3.5rem;width:8rem;margin-bottom:2rem}.notAgeVerified .content p{color:#222;font-size:1.5rem;line-height:130%;text-align:center}.notAgeVerified .content a{color:#222;text-decoration:underline}.notAgeVerified .content a:hover{color:#661c0a}@-webkit-keyframes fadeOut{0%{opacity:1;z-index:9999;visibility:visible;display:block}90%{opacity:0;z-index:9999;visibility:visible;display:block}to{visibility:hidden;z-index:-999;opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;z-index:9999;visibility:visible;display:block}90%{opacity:0;z-index:9999;visibility:visible;display:block}to{visibility:hidden;z-index:-999;opacity:0;display:none}}