/*@import url("//hello.myfonts.net/count/371227");*/ /*This should be hidden on dev*/

@font-face {
    font-family: 'Kapra-Regular';src: url('webfonts/371227_6_0.eot');src: url('webfonts/371227_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371227_6_0.woff2') format('woff2'),url('webfonts/371227_6_0.woff') format('woff'),url('webfonts/371227_6_0.ttf') format('truetype');
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    font-size: 18px;
    color: #000;
    background: #1b1d36;
    font-family: "adobe-caslon-pro",serif; 
    font-weight: 400;
}

.hide-desktop {
    display: none !important;
}    
.hide-ipad {
    display: block !important;
}    
.pageLoading {   
    overflow: hidden;    
}
.pageLoading::after {
    position: fixed;
    width: 100%; 
    height: 100%;
    background: #0a0a0a;
    content: '';
    top: 0;
    left: 0;
    z-index: 99999;
}
.pageLoading::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;  
    -webkit-animation: sk-scaleout 1.2s infinite ease-in-out;
    animation: sk-scaleout 1.2s infinite ease-in-out;  
    z-index: 1000000;  
    
}
p {
    font-family: "adobe-caslon-pro",serif;
    font-weight: 400;
    font-style: normal;    
}

article,
aside,
footer,
header,
menu,
nav,
section{
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    vertical-align: baseline;
}
a {
    background-color: transparent;
    outline: none !important;
    text-decoration: none;
}
button,input{
    outline: none !important;
    box-shadow: none !important;
}
img {
    border: 0;
    width: auto;
    height: auto;
    display: block;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
    -webkit-appearance: button;
    cursor: pointer;
}
button,
select {
    text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
} 
input {
    line-height: normal; 
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: none;
    outline: none !important;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
ul, ol{
    padding: 0;
    margin: 0;
    list-style: none;
}
input::-moz-placeholder {
    color: #000;
    opacity: .85;
}
input::-ms-placeholder {
    color: #000;
    opacity: .85;
}
input::-webkit-input-placeholder {
    color: #000;
    opacity: .85;
}
.form-control::-moz-placeholder {
    color: #000;
    opacity: .85;
}
.form-control::-ms-placeholder {
    color: #000;
    opacity: .85;
}
.form-control::-webkit-input-placeholder {
    color: #000;
    opacity: .85;
}
.clearfix{
    clear: both;
}
hr {
    border : 0;
    height : 30px;
    background : #999;
    margin : 88px 0 82px;
    opacity: .30;
}
.block {
    display: block !important;
}
.visible-xs{
    display: none !important;
}
.visible-sm-xs{
    display: none !important;
}
.v-main{
  display: table;
  width: 100%;
  height: 100%;
}
.v-align-middle,
.v-align-top,
.v-align-bottom {
  display: table-cell;
}
.v-align-middle {
  vertical-align: middle !important;
}
.v-align-top {
  vertical-align: top !important;
}
.v-align-bottom {
  vertical-align: bottom !important;
}
.select-container {
    position: relative;
}
.xm-tooltip {
    background: #BA9856;
    color: #fff;
    display: block;
    font-size: 14px;
    left: 50%;
    line-height: 18px;
    padding: 8px 12px 6px;
    position: absolute;
    text-align: center;
    top: -50px;
    width: 100%;
    min-width: 280px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 5;
    font-family: "adobe-caslon-pro",serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.025em;
}
.xm-tooltip::after {
    border-top: 6px solid #BA9856;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -6px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: -1;
    margin-left: -3px;
}
.xm-tooltip .xm-tooltip {
  padding: 0;
  position: relative;
}
.xm-tooltip .xm-tooltip::after{
  display: none;
}
.for_textarea {
    position: relative;
}
.for_textarea .xm-tooltip {
    left: 0;
    top: -70px;
}
.loading {
    position: relative;
}
.loading::after {
  -webkit-animation-duration: 0.75s;
  -ms-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -ms-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 30px;
  width: 30px;
  border: 2px solid rgba(232, 212, 172, 0.8);
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  margin: -15px 0 0 -15px;
  content: '';
}

@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 30px;
    z-index: 10000;
    overflow: auto;
    pointer-events:none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, top .3s;
    -webkit-transition: opacity .3s, top .3s;
    -ms-transition: opacity .3s, top .3s;
}
.ticketFormOpen .sweepstakes,
.recipeDetailOpen .recipe-detail,
.videoDetailOpen .video-detail,
.igGalleryOpen .ig-gallery,
.has-agegate .age-gate ,
.tipsOverlay .tips-detail,
.articleOverlay .article-detail {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
main .page {
    transition: opacity .5s, visibility .5s;
    -webkit-transition: opacity .5s, visibility .5s;
    -ms-transition: opacity .5s, visibility .5s;

}
.ticketFormOpen main .page,
.recipeDetailOpen main .page,
.videoDetailOpen main .page,
.igGalleryOpen main .page ,
.tipsOverlay main .page,
.articleOverlay main .page{
    pointer-events:none;
    opacity: 0;
    visibility: hidden;
}
.overlay .page {
    padding-top: 50px;
}
.inner-container {
    min-height: 100vh;
    background: #fff;
    position: relative;
}
.has-overlay,
.overflow-hidden,
.has-agegate,
.ticketFormOpen,
.recipeDetailOpen ,
.videoDetailOpen,
.igGalleryOpen,
.tipsOverlay,
.articleOverlay {
    overflow: hidden;
}
.video-div {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/*------Reset v-1.1--------*/

/*------Form Elements-------*/
.alert {
    border: 1px solid transparent;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 20px;
}
.alert-danger {
    background-color: rgba(231,76,60,.05);
    border-color: rgba(231,76,60,.45);
    color: #e74c3c;
}
.alert-success {
    background-color: rgba(46,204,113,.05);
    border-color:  rgba(46,204,113,.45);
    color: #2ecc71;
}

.form-control{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
    width: 100%;
    height: 40px;
    border-radius: 0;
    border: none !important;
    padding-left:14px;
    padding-right:14px; 
    font-size: 20px;
    color: #000;
    font-family: "adobe-caslon-pro",serif;
    font-weight: 400;
    font-style: italic;
    position: relative;
    z-index: 1;
    background: none;
    /*
    transition: background .5s;
    -webkit-transition: background .5s;
    -ms-transition: background .5s;
    background: rgba(0,0,0,.40);
    */
}
.input-wrapper {
    display: block;
    position: relative;
    padding-right: 0px;
    width: 100%;
    z-index: 2;
    border-bottom: 3px solid #ccc;
    padding: 0 3px;
    border-radius: 1px;
}

.input-wrapper::after,
.input-wrapper::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 9px;
    content: '';
    background: #ccc;
}
.input-wrapper::before{
    right: 0;
    left: auto;
}

textarea.form-control{
    min-height: 135px;
    padding: 7px 14px;
}
input.customRC {
    opacity: 0;
    position: absolute;
}
label.customRC {
    font-size: 20px;
    line-height: 28px;
    padding-left: 30px;
    position: relative;
    display: block;
    cursor: pointer;
    color: #000;
    font-family: "adobe-caslon-pro",serif;
    font-weight: 400;  
}
label.customRC a {
    color: inherit;
    text-decoration: underline;
}
label.customRC span{
    cursor: pointer;
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../images/check2.png?ver=2) center center no-repeat; 
    background-size: 0 auto;
    border: 4px solid #ccc;
    transition:background-size .2s, border-color .2s, border-radius .2s;
    -webkit-transition:background-size .2s, border-color .2s, border-radius .2s;
    -ms-transition:background-size .2s, border-color .2s, border-radius .32s;
}
input.customRC:checked + label.customRC span{
    border-color: #BA9856;
    background-size: contain;
}
.alert.alert-success {
    display: none !important;
}

.asterisk {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-family: "adobe-caslon-pro",serif;
    font-weight: 400;  
    font-style: italic;
    color: rgba(0,0,0,.5);
}
.asterisk span{
    color: #BA9856;
}
.hide {
    display: none !important;
}
/*------Form Elements-------*/

/*------Common Styles-------*/

.media-body {
    width: 10000px;
}

.media-body, 
.media-left, 
.media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left{
    height: 47px;
    width: 47px;
    min-width: 47px;
    margin-right: 15px;
}
.media-right{
    padding-left: 15px;
}
.non-italic {
    font-style: normal !important;
}
.full-width {
    width: 100% !important;
}
.half-width {
    width: 50% !important;
}
.pull-left {
    float: left !important; 
}
.pull-right {
    float: right !important; 
}
.circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
button {
    transition:background .3s ease-out;
    -webkit-transition: background .3s ease-out;
    -ms-transition: background .3s ease-out;    
}
.btn {
    display: block; 
    color: #BA9856;
    text-align: center;
    border: 2px solid #fff;
    font-size: 26px;
    height: 46px;
    line-height: 32px;
    padding: 4px 25px 0 ;
    background: #fff;
    transition: background-color .3s ease-out, padding .2s ease-out;
    -webkit-transition: background-color .3s ease-out, padding .2s ease-out;
    -ms-transition: background-color .3s ease-out, padding .2s ease-out;  
    width: auto;
    font-family: 'Kapra-Regular';
    font-weight: normal;  
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.15) !important;
    margin: 0 auto;
    letter-spacing: 0.025em;
}
.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}
.input-group .form-control, 
.input-group-addon {
    display: table-cell;
}
.input-group-addon {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
/*------Common Styles-------*/



.header-bg {
    position: absolute;    
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background: url(../images/header-bg.png) 0 0 repeat-x;
    z-index: 9999;
}
.container {
    padding: 0 23px;
    position: relative;
    max-width: 1062px;
    margin: 0 auto;
}
.overlay .container {
    margin-bottom: 0;
}
.container::before,
.container::after,
.row::before,
.row::after,
.footer::after,
.footer::before{
    display: table;
    clear: both;
    content: '';
}


body {
    background:#000 url(../images/page-background.png) 0 0 no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;

}
/*--------Sidebar--------*/
.sidebar {
    width: 310px;
    min-height: 100%;
    height: 100%;
    height: 100vh;
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: 0;
    /*overflow: hidden; */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.15) 100%); 
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.15) 100%); 
    background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.15) 100%); 
}
.bottle-ball {
    width: 280px;
    height: 100vh;
    background: url(../images/evenWilliams-1783-bottle.png?ver=2) left bottom 5% no-repeat;
    background-size: 95% auto;
    position: fixed;
    bottom: 0;
    left: 13px;
    z-index: 1000;
}
.page {
    width: calc(100% - 310px);
    height: 100%;
    position: relative;
    margin-left: 310px;
}
.brand-logo {
    width: 145px;
    display: block;
    margin: 70px auto 0;
    position: relative;
    z-index: 2000;
}
.brand-logo img {
    width: 100%;
}

/*--------Sidebar End--------*/


/*--------page--------*/
.intro {
    max-width: none !important;
}
.intro h2 {
    font-size: 75px;
    color: #fff;
    font-family: 'Kapra-Regular';
    font-weight: 400;
    margin: 38px 0 5px;
    line-height: 1em;
}
.intro h1 {
    font-size: 0;
    color: #fff;
    margin-left: -4px;
    margin-bottom: 17px;
}
.intro h1 img {
    width: 311px;
    display: block;
    -webkit-user-select: none;       
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;  
}
.intro h3 {
    font-size: 52px;
    color: #fff;
    line-height: 1em;
    margin: 3px 0 19px;
    position: relative;
    letter-spacing: 0.025em;
    font-family: 'Kapra-Regular';
    font-weight: 400;    
}
/* .intro h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 60px;
    background: #BA9856;
    content: '';
} */

.vertical-share {
    position: absolute;
    top: 56px;
    right: 17px;
}
.vertical-share li {
    font-family: 'Kapra-Regular';
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #000;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1em;
}
.vertical-share li:first-child {
    margin-bottom: 11px;
}
.vertical-share.share_overlay {
    top: 47px;
    right: 57px;
}
.tips-detail .vertical-share.share_overlay {
    top: 84px;
}
.vertical-share.share_overlay li {
    color: #000;
}
.vertical-share li a {
    margin: 0 auto 5px;
}
.rotated-btn,
.slide-number {
    width: 44px;
    height: 44px;
    display: block;
    position: relative;
    text-indent: -99999px;
    color: #fff;
}
.slide-number {
    width: 33px;
    height: 33px;
}
.rotated-btn img {
    height: 100%;
    width: 100%;
}
.slide-number::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #BA9856;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    z-index: 1;
    transition: background .5s;
    -webkit-transition: background .5s;
    -ms-transition: background .5s;
}
.slide-number::before {
    background: #ba9958;
}
/* .fb-share::before {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: url(../images/facebook.png) center center no-repeat;
    background-size: 10px auto;
}
.twt-share::before {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: url(../images/twitter.png) center center no-repeat;
    background-size: 17px auto;
} */
.instagram-share::before {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: url(../images/instagram.png) center center no-repeat;
    background-size: 16px auto;
}
.grid-item .fb-share::after,
.grid-item .twt-share::after,
.grid-item .instagram-share::after,
.grid-item .yt-share::after {
    background: #ba9958;    
    box-shadow: -1px 2px 4px 0 rgba(0,0,0,.5);
}

.computer .grid-item .fb-share:hover::after,
.computer .grid-item .twt-share:hover::after,
.computer .grid-item .instagram-share:hover::after,
.computer .grid-item .yt-share:hover::after {
    background: #9a7835;
}



.xp-slide .slide-items .long-img {
    height: 331px;
    object-fit: cover;
}
.grid-sizer {
    width: 354px;
}
.grid-item {
    width: 354px;
    position: relative;
    float: left;
}
.grid-item.large {
    width: 708px;
}
.xp-grid_sizer {
    width: 100%;
}
.grid-content {
    position: absolute;
    top: 23px;
    left: 23px;
    right: 23px;
    bottom: 23px;
    overflow: hidden;
}
.grid-video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
}

.grid-video::after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    pointer-events: none;
    background: url(../images/video-shadow.png) 0 0 repeat-x;
    background-size: auto 100%; 
    z-index: 1;   
}
.grid-video img{
    width: 100%;
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 62px;
    height: 62px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    z-index: 3;
}

.play-icon::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: url(../images/play-icon.png) center center no-repeat;
    background-size: contain;
    z-index: 2;
    
} 
.play-icon::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0,0,0,.5);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    border: 5px solid #BA9856;
}
.grid-header.video-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 28px 25px;
    color: #fff;
    display: block;
    margin: 0;
    z-index: 3;
}
.non-italic {
    font-size: .7em;
    line-height: 1;
    position: relative;
    top: -.28em;    
}
.long-img {
    width: 100%;
}
.fake-arrow {
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    top: -20px;
}
.arrow-fake-left,
.arrow-fake-right {
    height: 20px;
    width: 79%;
    float: left;
    background-size: auto 20px;
    background-repeat: no-repeat;
    position: absolute;
}


.arrow-fake-left {
    background-image: url(../images/arrow-fake-left.png);
    background-position: right 0;
}
.arrow-fake-right {
    left: 79%;
    top: 0;
    background-image: url(../images/arrow-fake-right.png);
    background-position: 0 0;
}

.article-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - -1px);
    height: 50%;
    background: #fff;
    padding: 25px 15px 15px;
    z-index: 10;
}
.bordered-section {
    /*border: 5px solid #fff; */
    position: absolute;
    width: 100%;
    height: 100%;
}

.bordered-section::after {
    border: 5px solid #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    pointer-events: none;
}

.xp-recipe .long-img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: -1;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
}
.article-right .article-bottom {
    height: 100%;
    width: 50%;
    left: auto;
    right: 0;
    padding-left: 20px;
    padding-right: 22px;
    padding-top: 17px;
}

.grid-title {    
    padding-top: 2px;
    font-size: 16px;
    line-height: 1.2;
    color: #ba9958;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
}
.grid-header {    
    font-size: 30px;
    line-height: 37px;
    color: #353535;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 6px;
}
.grid-header.video-title::after {
    display: none;
}
.grid-header::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 37px;
    background: #BA9856;
    content: '';
}
.grid-texts {    
    font-size: 16px;
    line-height: 1.25em;
    color: #353535;
    font-weight: 600;
    margin: 0 0 13px;
}
.grid-texts a {
    color: #BA9856;
}
.xp-slide .grid-texts {
    max-height: 102px;
    overflow: hidden;
}
p sup {
    font-size: 11px;
    line-height: 1;
    font-family: arial;
}
.readmore {
    font-size: 24px;
    line-height: 30px;
    display: inline-block;
    padding-right: 16px;
    padding-top: 2px;
    color: #BA9856;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/owl-next.svg) right center no-repeat;
    background-size: auto 14px;
    transition: color .2s ease-in, padding .2s ease-in;
    -webkit-transition: color .2s ease-in, padding .2s ease-in;
    -ms-transition: color .2s ease-in, padding .2s ease-in;
}
.quotes {
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    padding: 36px 5px 0;
    background: url(../images/quote-icon-pale.svg) center top no-repeat;
    text-align: center;
}
.quotes.no-quote {
    padding-top: 0;
    background: none;
    margin-bottom: 14px;
}
.quotes span {
    font-size: 26px;
    display: block;
    font-family: "adobe-caslon-pro",serif;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    padding-top: 22px;
    margin-top: 15px;
    position: relative;
    color: #BA9856;
    line-height: 1em;
}
.quotes span::after {
    position: absolute;
    top: 0;
    left: 50%;
    height: 2px;
    width: 37px;
    background: #BA9856;
    content: '';
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
}
.grid-content .v-align-middle .quotes {
    padding-left: 12px;
    padding-right: 12px;
}

.type-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f5791e url(../images/ticket-bg.jpg) center center no-repeat;
    background-size: 100%;
    padding: 0 10px;
    text-align: center;
}
.type-banner.v2-tickets {
    background-image: url(../images/v2-tickets.jpg);
}
.type-banner {
    display: block;
}
.type-banner span {
    color: #fff;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.03em;
}
.type-banner span:first-child {
    font-size: 56px;
    line-height: 0.9em;
}
.type-banner span:nth-child(3) {
    font-size: 42px;
    line-height: 0.9em;
}
.type-banner span:nth-child(4) {
    font-size: 50px;
    line-height: 56px;
    margin-bottom: 5px;
}

.type-banner span:nth-child(2) {
    font-size: 74px;
    line-height: 0.9em;
    display: inline-block;
}
.type-banner span:nth-child(2) i {
    position: absolute;
    font-style: normal;
    top: 0;
    right: -.3em;
}
.grid-item.xp-tickets .grid-content a {
    padding-bottom: 30px;
}
.grid-item.xp-tickets .sm-disclaimer {
    font-size: 10px;
    line-height: 1em;
    text-align: left;
    position: absolute;
    bottom: 5px;
    left: 0;
    padding: 0 10px;
    text-transform: none;
}

.detailFullText .slider-item .media-body {
    width: 100% !important;
}

.grid-social {
    display: block;
    position: relative;
}

.grid-social img{
    width: 100%;
    transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
}
.xp-common img {
    width: 100%;
    transform: scale(1,1) !important;
    -webkit-transform: scale(1,1) !important;
    -ms-transform: scale(1,1) !important;
}
.ew-quiz img,
.ew-bourbon img {
    margin-bottom: 5%;
}
.xp-recipe {
    cursor: pointer;
}


.grid-item.xp-common {
  text-align: center;
}
.grid-item.xp-common .btn {
    width: auto;
    max-width: none;
    background-color: #BA9856;
    border-color: #BA9856;
    color: #fff;
}
.ew-quiz {
  background: url(../images/ew-quiz-bg.jpg) center center no-repeat;
  background-size: 100%;
}
.ew-bourbon {
  background: url(../images/ew-bourbon-bg.jpg) center center no-repeat;
  background-size: 100%;
}
/* 
.ew-bourbon.ew-field-guide {
    background: url(../images/field-guide-image.png) center center no-repeat;
    background-size: 100%;
  } */
  





.grid-social .rotated-btn {
    position: absolute;
    top: 12px;
    right: 12px;
}
.plus-more {
    position: absolute;
    right: 0;
    bottom: 0;
}
.plus-more::before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    border-right: 50px solid #BA9856;
    border-top: 50px solid transparent;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
}
.plus-more::after {
    position: absolute;
    right: 7px;
    bottom: 7px;
    content: '';
    width: 14px;
    height: 14px;
    background: url(../images/plus-icon.png) 0 0 no-repeat;
    background-size: contain;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;


    transform: rotate(0deg) translateZ(0) perspective(1px);
    -webkit-transform: rotate(0deg) translateZ(0) perspective(1px);
    -ms-transform: rotate(0deg) translateZ(0) perspective(1px);
}
.xp-slide .grid-header,
.xp-slide .grid-title,
.xp-slide .readmore {
    margin-left: 6px;
}
.xp-slide .grid-header a {
    color: inherit;
}
.slide-number {
    margin: 8px 0 0 8px;
    text-indent: 0;
    text-align: center;
}
.slide-number span {
    z-index: 2;
    display: block;
    position: relative;
    top: 4px;
    font-size: 22px;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 27px;
}
.detail-slider .slider-item .media {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 6px;
}
.grid-item.xp-slide .slider-item .media-body {
    width: calc(100% - 63px);
}
.owl-nav {
    width: 45px;
    height: 22px;
    position: absolute;
    right: 0;
    top: -32px;
}
.owl-prev,
.owl-next {
    width: 14px;
    float: left;
    height: 22px;
    text-indent: -999999px;
    background: url(../images/owl-prev.svg) 0 center no-repeat;
    background-size: contain;
    transition: margin .2s ;
    -webkit-transition: margin .2s ;
    -ms-transition: margin .2s ;
    position: relative;
    cursor: pointer;
}
.owl-next::after,
.owl-prev::after {
    width: 200%;
    height: 150%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: '';    
}
.owl-next {
    float: right;
    background-image: url(../images/owl-next.svg);
}

.owl-dots {
    width: 100%;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); 
    overflow: hidden;  
    position: absolute; 
    display: block;
    text-align: center;

}
.owl-dot {
    width: 10px;
    height: 10px;
    background: #A5A5A5;
    border-radius: 50%;
    float: none;
    margin: 0 3px;
    display: inline-block;
}

.owl-dot.active {
    background: #BA9856;
}
.homebase {
    pointer-events: none;
    width: 60px;
    height: 60px;
    background: url(../images/homebase.png?ver=2) center bottom no-repeat;
    display: block;
}

.social-follow {
  width: 180px;
  height: 180px;
  display: block;
  margin: 11px auto 0;
  position: relative;
}
.social-follow .rotated-btn::after ,
.social-follow .rotated-btn {
  width: 64px;
  height: 64px;
}


.social-follow li:first-child ,
.social-follow li:nth-child(3) {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 0;
} 
.social-follow li:nth-child(3) {
    top: 49%;
} 
.social-follow li:nth-child(2),
.social-follow li:nth-child(4) {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 16px;
} 
.social-follow li:nth-child(4) {
    right: auto;
    left: 17px;
}
.social-follow .instagram-share::before,
.social-follow .twt-share::before {
    background-size: 26px auto;
}
.social-follow .fb-share::before {
    background-size: 15px auto;
}
.xp-follow .quotes.no-quote {
    margin-bottom: 0;
    margin-top: 12px;
    line-height: 37px;
}
.yt-share::before {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: url(../images/youtube.png) center center no-repeat;
    background-size: 30px auto;
}
.owl-item img{
    width: 100% !important;
}
.slide-items {
    position: relative;
}
.slide-items .slide-number {
    position: absolute;
    top: 17px;
    right: 17px;
    margin: 0 !important;
    width: 30px;
    height: 30px;
}
.slide-items .slide-number span {
    margin: 0 !important;
    font-size: 18px;
    line-height: 30px;
    top: auto;
}
.relativeFullWidth {
    position: relative;
    width: 100%;
}


/*--------Form--------*/
.grid-content form {
    padding: 0 11%;
    text-align: center
}

.overlay form .btn {
    background-color: transparent; 
    color: #fff;
    font-size: 30px;
    height: 56px;
    padding: 5px 40px 0 ;
    margin: 27px 0 36px;
    border-color: #BA9856;
    box-shadow: none !important;
    background:#BA9856;
    border-width: 3px;
    transition: all 500ms;
}
.computer .overlay form .btn:hover {
    background-color: transparent;
    color: #BA9856;
}
.grid-content form .btn {
    color: #fff;
    margin: 25px auto 0;
    background-color: #BA9856;   
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,.55) !important; 
    border-color: #BA9856;
}
.grid-content .form-control {
    color: #fff;
    text-align: center;
}
.grid-content .input-wrapper {
    border-color: #BA9856;
}
.grid-content .input-wrapper::after, 
.grid-content .input-wrapper::before {
    background: #BA9856;

}
.grid-content .form-control::-moz-placeholder{
    color: #fff;
}
.grid-content .form-control::-ms-placeholder{
    color: #fff;
}
.grid-content .form-control::-webkit-input-placeholder {
    color: #fff;
}
#subscribeEmail .grid-content .form-control::placeholder {
    color: #A5A5A5;
}
.plus-more.overlay-close {
    bottom: auto;
    top: 0;
    z-index: 100;
}
.plus-more.overlay-close::before {
    bottom: auto;
    top: 0;
    border-right: none;
    border-top: none;
    border-right: 100px solid #BA9856;
    border-bottom: 100px solid transparent;
}
.plus-more.overlay-close::after {
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    background-image: url(../images/cross-sign.png);
    bottom: auto;
    transform: rotate(0deg) translateZ(0) perspective(1px);
    -webkit-transform: rotate(0deg) translateZ(0) perspective(1px);
    -ms-transform: rotate(0deg) translateZ(0) perspective(1px);
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -ms-transition-duration: .2s;
}
form {
    padding-right: 40px ;
}
form .row {
    margin-left: -27px;
    margin-right: -27px;
    margin-bottom: 32px;
}
.row.custom-row {
    margin-left: 0;
    margin-right: 0;
}
.row .half-width {
    float: left;
    padding: 0 27px;
}
.form-fields {
    float: left;
    margin-right: 30px;
    width: 158px;
}
.form-fields:first-child {
    width: 214px;
}
.form-field-title {
    float: left;
    margin-right: 30px;
}
.form-field-title span {
    display: block;
    font-size: 20px;
    padding-top: 8px;
    font-style: italic;

}
.form-field-common {
    width: 75px;
    margin-right: 30px;
    float: left;
}
.form-field-year {
    width: 90px;
    float: left;
}
.input-block {
    margin: 9px 0 23px;
}

.contact-banner {
    position: relative;
    z-index: 50;
}
.contact-banner img {
    display: block;
    width: 100%;
}
.overlay-main-container {
    position: relative;
    max-width: 1050px;
    padding: 50px 100px 120px;
    margin: 0 auto;
    z-index: 51;
}
.overlay-title {
    font-size: 50px;
    line-height: 46px;
    color: #333333;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 32px;
}
.formClosedState .overlay-title {
    font-size: 44px;
}
.overlay-title sup {
    font-size: 20px;
    line-height: 1em;
    position: relative;
    top: -3px;
}
.overlay-title span,
.date-with-bar {
    font-size: 20px;
    line-height: 1em;
    color: #BA9856;
    display: block;
    margin-bottom: 8px;
}
.date-with-bar {
    color: #808080;
    position: relative;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.date-with-bar::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 60px;
    background: #BA9856;
    content: '';
}
.overlay-subtitle,
.tips-detail h3 {
    font-size: 30px;
    line-height: 1em;
    color: #333333;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.overlay-subtitle  sup {
    font-size: .6em;
    line-height: 1em;
    top: 3px;
    position: relative;
}
.overlay-copyrighted {
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}
.overlay-copyrighted a{
    display: inline-block;
    text-decoration: underline;
    color: inherit;
}
.overlay .grid-texts,
.overlay .grid-texts.grid-texts-lg {
    margin-bottom: 35px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
}
.recipe-detail_main h3 ~ .grid-texts {
    margin-bottom: 8px;
}
.recipe-detail_main h3 ~ .grid-texts:last-child {
    margin-bottom: 22px;
}
.backtotop {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    padding-top: 28px;
    text-align: center;
    color: #333;
    background: url(../images/arrow-top.png) center top no-repeat;
    position: absolute;
    bottom: 135px;
    right: 0;
}
.backtotop span {
    display: block;
}
/*--------Form End--------*/
.recipe-detail_main {
    max-width: 780px;
    display: block;
    margin: 0 auto 54px;
}
.recipe-detail .also-like {
    max-width: 780px;
}
.recipe-image {
    width: calc(50% - 35px);
    float: left;
    position: relative;
    z-index: 51;
}
.recipe-detail_inner {
    width: calc(50% - 15px);
    float: right;
}
.recipeImg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.recipe-image img {
    width: 100%;
}
.recipe_img {
    position: absolute;
    left: 0;
    top: 4px;
}
.overlay-title.v2 {
    padding-bottom: 31px;
    position: relative;
}
.overlay-title.v2::before,
.overlay-subtitle.v3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 60px;
    background: #ba9958;
    content: '';
}
.ingredients {
    margin-bottom: 24px;
}
.ingredients .overlay-subtitle.v2 {
    margin-bottom: 10px;
}
.ingredients .grid-texts:last-child {
    margin-bottom: 0;
}
.overlay-subtitle.v2 {
    margin-bottom: 4px;
}
.grid-texts .units {
    font-weight: normal;
    font-family: 'Kapra-Regular';
    color: #404040;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top: 1px;
}


.overlay-subtitle.v3 {
    padding-left: 75px;
    position: relative;
    font-size: 25px;
    margin-bottom: 14px;
}
.overlay-subtitle.v3::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.also-like {
    max-width: 740px;
    margin: 0 auto;
}
.also-like .row {
    margin-right: -6px;
    margin-left: -6px;
}
.also-like .one-half {
    width: 50%;
    float: left;
    padding: 0 6px;
}
.also-like  a{
    display: block;
    position: relative;
}
.also-like  a img {
    width: 100%;
}

.related-img-ph {
    position: relative;
    display: block;
    overflow: hidden
}
.related-img-ph img {
    width: 100%;
}
.related-img-ph img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .2s ease-in;
    -webkit-transition: transform .2s ease-in;
    -ms-transition: transform .2s ease-in;
}
.like-title {
    display: block;
    font-size: 24px;
    line-height: 1em;
    font-weight: normal;
    font-family: 'Kapra-Regular';
    color: #333333;
    text-transform: uppercase;
    margin-top: 11px;
}
.like-title strong {
    display: block;
    font-size: 18px;
    line-height: 1em;
    color: #BA9856;
    font-weight: normal;
    margin-bottom: 6px;
}


.video-detail .vertical-share.share_overlay {
    top: 210px;
    right: -72px;
}
.video-detail .also-like ,
.tips-detail .also-like{
    max-width: 760px;
}

.video-detail .inner-container{
    padding: 57px 0 85px;
}
.overlay-video-container {
    max-width: 82%;
    position: relative;
    display: block;
    margin: 0 auto;
}

.ew-video-container {
    position: relative;
    margin: 0 auto 50px;
}
.ew-video-container.videoWithText {
    margin-bottom: 20px;
}
.ew-video-container.videoWithText + p {
    margin-bottom: 50px;
}
.ew-video-container img {
    width: 100%;
    position: relative;
}
.ew-video,
.video-div {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}
.video-div {
    display: none;
}
.ew-video a {
    display: block;
}
.ew-video-container .vertical-share.share_overlay {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: -78px;
}
.video-detail .overlay-title.v2 {
    padding-bottom: 0;
}
.video-detail .overlay-title.v2::before {
    display: none;
}
.footer {
    margin: 25px auto;
    max-width: 1134px;
}
.footer p {
    color: #f9fafa;
    font-size: 10px;
    line-height: 1.5em;
    padding: 0 0 0 2em !important;
    margin-left: 0 !important;
    font-family: Helvetica, sans-serif;
    text-transform: capitalize;

}
.footer a {
    display: block;
}
.footer a img {
    width: 64px;
}
.footer p a {
    display: inline-block;
    color: #fff;
    text-decoration: underline;
    margin-right: 5px;
}

.footer .v-main {
    max-width: 1030px;
}

.contactThanks_inner {
    background: #fff;
    margin: 0 auto 10px;
    display: block;
    position: relative;
    padding: 30px 0;
    text-align: center;
    /*
    max-width: 800px;
    margin: 0 auto 17px;
    padding: 30px 80px;
    */
}
.contactThanks_inner h2{
    font-size: 40px;
    line-height: 44px;
    color: #333;
    font-family: 'Kapra-Regular';
    font-weight: normal;  
    text-transform: uppercase;
    margin-bottom: 16px;
} 
.contactThanks_inner p {
    font-size: 20px;
    line-height: 27px;
    color: #404040;
    margin-bottom: 18px;
}

.contactThanks_inner p a{
    color: #BA9856;
}
.vertical-share.horizontal-version {
    top: auto;
    right: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-top: 19px;
}
.contactThanks_inner .vertical-share.horizontal-version {
    margin-top: 0;
    padding-top: 19px;
}
.contactThanks_inner .vertical-share.horizontal-version li a {
    margin-top: 4px;
}

.vertical-share.horizontal-version li {
    font-size: 16px;
    line-height: 42px;
    float: left;
    margin-right: 24px;
    margin-bottom: 0;
    color: #333333;
}

.vertical-share.horizontal-version .rotated-btn{
    width: 30px;
    height: 30px;
}
.vertical-share.horizontal-version li a {
    margin: 6px 6px 6px 0;
}
.vertical-share.horizontal-version li:last-child a{
    margin-right: 0;
}
.vertical-share.horizontal-version li:last-child {
    margin-right: 6px;
}
.owl-carousel .owl-stage {
    transition: all .6s !important;
    -ms-transition: all .6s !important;
    -webkit-transition: all .6s !important;
}
.stagedcarousel .owl-item {
    opacity: .2;
    transition: all .6s !important;
    -ms-transition: all .6s !important;
    -webkit-transition: all .6s !important;
}
.stagedcarousel .owl-item.center {
    opacity: 1;
}
.ig-gallery .overlay-video-container,
.tips-detail .overlay-video-container {
    padding: 0 40px 100px;
    max-width: 900px;
}
.stagedcarousel-outer {
    padding: 12px 0;
    /*
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;*/
    margin-bottom: 34px;
}
.stagedcarousel .owl-dots {
    bottom: -42px;
}
.stagedcarousel .owl-dot {
    background: #ccc;
}
.stagedcarousel .owl-dot.active {
    background: #BA9856;
}

.posts_carousel,
.grid-texts.social-fixed {
    max-width: 68%;
    display: block;
    margin: 0 auto 65px;
    text-align: center;
}
.posts_carousel .grid-texts {
    text-align: center;
    margin: 0;
}

.stagedcarousel .owl-nav {
    width: 100%;
    height: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.stagedcarousel .owl-prev {
    left: -45px !important;
    float: none;
    position: absolute;
}
.stagedcarousel .owl-next {
    right: -45px !important;
    float: none;
    position: absolute;
}


.gallery-header {
    position: relative;
    padding-top: 140px;
    text-align: center;
}
.gallery-header.v2 {
    padding-top: 100px;
}
.gallery-header h2 {
    font-size: 40px;
    line-height: 1em;
    text-transform: uppercase;
    color: #333333;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    margin-bottom: 18px;

}
.gallery-header h2 span {
    display: block;
    color: #BA9856;
    font-size: 20px;
    line-height: 1.1;
    margin-top: 6px;
}
.gallery-header .grid-texts span {
    color: #BA9856;
}
.overlay .gallery-header p {
    color: #333333;
    margin-bottom: 14px;

}
.gallery-header .instagram-share {
    top: 58px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 50px;
    height: 50px;
    position: absolute;
}
.gallery-header .instagram-share::before {
    background-size: 24px auto;
}





/*
.has-agegate .main-grid_container {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
*/



.age-gate.overlay {
    overflow: hidden !important;
    z-index: 99999 !important;
}
.age-gate.overlay .page {
    overflow: auto;
}
.agegate-bg {
    background: rgba(0,0,0,.85);
    position: fixed;
    left: 310px;
    top: 0;
    right: 0;
    bottom: 0;
}
.agegate-container {
    max-width: 510px;
    background: #fff;
    margin: 30px auto;
    padding: 40px 0 47px;
    text-align: center;
}
.agegate-container form {
    padding: 0 100px;
}
.agegate-container p {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin-bottom: 34px;
    letter-spacing: 1px;
}
.agegate-container h2 {
    font-size: 25px;
    line-height: 30px;
    color: #333;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 4px;
}
.agegate-container .remember-me {
    display: inline-block;
    margin: 32px auto 22px;
}
/*
.agegate-container label.customRC span {
    top: 2px;
}
*/
.overlay.age-gate .agegate-container .btn {
    height: 53px;
    font-size: 30px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    min-width: 80%;
}
.agegate-container .select-container {
    margin-bottom: 30px;
}
.agegate-container .row.custom-row {
    margin-bottom: 0;
}
.agegate-container .form-field-year {
    width: 100px;
    float: right;
}
.agegate-container .form-field-common {
    width: 85px;
    margin-right: 20px;
    float: left;
}
.agegate-container .form-field-common:nth-child(2) {
    margin-right: 0;
}
.agegate-container .form-control {
    text-align: center;
}
.has-agegate .vertical-share {
    z-index: 10001;
    display: none;
}
.age-gate .container {
    min-height: calc(100vh - 72px);
    margin-bottom: 0;
}

.age-gate .footer {
    margin-top: -42px;
    position: relative;
    max-width: 960px;
}
/*
.tips-detail h3:not(.v3) {
    margin-bottom: 4px !important;
}
.tips-detail .grid-texts {
    margin-bottom: 55px !important;
}
.tips-detail .overlay-title {
    margin-bottom: 10px;
}
.tips-detail .slide-items img {
    width: 100%;
}
.tips-detail .slide-items{
    margin-bottom: 10px;
}
.tips-detail .slide-items .slide-number {
    top: 0;
}*/
.row.essentials {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 18px;
}
.row.essentials:last-child {
    margin-bottom: 0;
}
.row.essentials .one-half {
    padding-left: 10px;
    padding-right: 10px;
}


/*for article*/

.text-with-img {
  position: relative;
}
.text-with-img::before,
.text-with-img::after {
  display: table;
  content: '';
  clear: both;
}
.text-with-img .grid-texts {
  float: left;
  width: 56%;
}
.boxed-img {
  float: right;
  width: 40%;
  padding: 13px;
  border: 6px solid #f47820;
}
.boxed-img img {
  width: 100%;
}

.gray-quote {
    font-size: 44px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.1;
    color: #adadad;
    margin-bottom: .65em;
    position: relative;
}
.gray-quote::before {
    width: 53px;
    height: 41px;
    content: '';
    position: absolute;
    top: -8px;
    left: -85px;
    background: url(../images/quote-orange.png) 0 0 no-repeat;
    background-size: contain;
}
.article-speical {
    float: left;
    background: #BA9856;
    text-align: center;
    width: 49px;
    height: 49px;
    line-height: 50px;
    font-weight: normal;
    color: #fff;
    font-size: 1.5em;
    margin-right: 10px;
    font-family: 'Kapra-Regular';
}
/*for article*/

.close-stateBox {
  margin: 65px auto 60px;
  padding: 40px;
  border: 6px solid #f47820;
  text-align: center;
  max-width: 90%;
}
.close-stateBox .overlay-subtitle {
  padding-bottom: 45px ;
  margin-bottom: 25px;
  background: url(../images/thanks-hr.png) center bottom no-repeat;
  
}
.close-stateBox .grid-texts {
  margin-bottom: 0 !important;
}
.sweepstakes .grid-texts a,
.sweepstakes .grid-texts a:visited{
  color: #BA9856;
  
}
.computer .sweepstakes .grid-texts a:hover {
  text-decoration: underline;
}
/*--------page End--------*/








/*-----------For Ipads------------*/
.tablet .visible-sm-xs.btn-fallback {
    display: block !important; 
}
.tablet .chosen-container {
    display: none !important;
}
.tablet .select-container select ,
.phone .select-container select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: none;
    z-index: 1;
    display: block !important;
}
.tablet .select-container,
.phone .select-container {
    position: relative;
}
.tablet .select-container .btn-fallback, 
.phone .select-container .btn-fallback {
    position: relative;
    height: 43px;
    line-height: 38px;
    padding: 1px 30px 6px 17px;
    font-size: 20px;
    color: #000;
    width: 100%;
    border: none;
    border-bottom: 3px solid #ccc;
    font-family: "adobe-caslon-pro",serif;
    font-weight: 400;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    background: none;
}

.select-container .btn-fallback span {
    top: 0;
    height: 100%;
    width: 30px;
    display: block;
    position: absolute;
    right: 0px;
}

.select-container .btn-fallback span::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 14px;
  height: 8px;
  content: '';
  border-top: 8px solid #BA9856;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;

}
.tablet .select-container .btn-fallback::after,
.tablet .select-container .btn-fallback::before,
.phone .select-container .btn-fallback::after,
.phone .select-container .btn-fallback::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 9px;
    content: '';
    background: #ccc;
}
.tablet .select-container .btn-fallback::before,
.phone .select-container .btn-fallback::before {
    right: 0;
    left: auto;
}
/*.chosen-select:focus + div + button {
    background: #000 !important;
}*/

.visible-ex-lg {
    display: none !important;
}
/*-----------For Ipads------------*/

/*---- 2021 trivia ----*/
.triple-play-quiz {
    width: 100%;
    max-width: 620px;
    margin: 0 auto 70px;
}
.trivia-quiz {
    display: flex;
    align-items: flex-start;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    width: 100%;
    margin-top: 60px;
}
.trivia-quiz-number {
    font-size: 72px;
    width: 48px;
    line-height: 1em;
    color: #BA9856;
}
.trivia-quiz-detail,
.triple-play-quiz-result {
    width: calc(100% - 48px);
}
.trivia-quiz-detail h2 {
    font-weight: normal;
    font-size: 40px;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #333333;
}
.trivia-quiz-option:first-of-type {
    margin-top: 20px;
}
.trivia-quiz-option,
.trivia-quiz-answer  {
    position: relative;
    margin-top: 24px;
}
.trivia-quiz-detail input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.trivia-quiz-answer,
.trivia-quiz-detail label {
    font-size: 24px;    
}
.trivia-quiz-detail label {
    font-weight: normal;
    line-height: 20px;
    text-transform: uppercase;
    color: #B69860;
    padding-left: 1.5em;
    display: block;
    cursor: pointer;
}
.trivia-quiz-detail label::before {
    content: '';
    font-size: 18px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: 2px solid #B69860;
    position: absolute;
    top: 0;
    left: 0;
}
.trivia-quiz-detail input:checked + label::before {
    background: #B69860;
}
.trivia-quiz-detail label:last-child {
    margin-bottom: 0;
}
.trivia-quiz-answer {
    line-height: 1.3em;
    text-transform: none;
    font-weight: normal;
}

.trivia-quiz-answer span {
    color: #BA9856;
    text-transform: uppercase;
}

.trivia-quiz-answer a,
.triple-play-quiz p a {
    color: #BA9856;
}
.trivia-quiz-answer a:hover,
.triple-play-quiz p a:hover {
    text-decoration: underline;
}
.triple-play-quiz .rbi-head p:not(.disclaimer ) {
  line-height: 1.3em;
  margin-bottom: 1em !important;
}
.triple-play-quiz p.disclaimer {
    font-size: 12px;
    line-height: 16px;
}
.triple-play-quiz .btn {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}
.triple-play-quiz-result {
    margin: 60px 0 80px 48px;
    width: 480px;
    text-align: center;
}
.triple-play-quiz sup {
    display: inline-block;
    font-size: .6em;
    line-height: .1em;
    top: .15em;
    position: relative;
}
.triple-play-quiz .progress-bar {
    width: 3%;
}
.sweepstake-image {
    max-width: 100%;
}
.sweepstake-section.triple-play-module {
    display: flex;
    padding: 30px 35px 30px;
    margin-bottom: 16px;
}
.sweepstake-section.triple-play-module .media-left {
    padding-right: 35px;
}
.triple-play-logo {
    width: 230px;
}
.triple-play-logo img {
    width: 100%;
}
.triple-play-logo a {
    width: 100%;
    text-align: center;
    margin-top: 1em;
}
.sweepstake-section.triple-play-module .sweepstake-content h2 {
    margin-bottom: 14px;
}
.sweepstake-section.triple-play-module .sweepstake-content p {
    color: #fff;
    font-size: 16px;
    line-height: 1.47em;
    margin-bottom: 14px;
}
.sweepstake-section.triple-play-module .sweepstake-content p.psmaller {
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: helvetica;
}
.xp-nl .grid-content,
.xp-follow .grid-content,
.xp-quotes .grid-content {
    background: rgba(0,0,0,.56);
}
.custom-row {
    display: flex;
    flex-wrap: wrap;
}
.sweepstake-image {
    width: 240px;
}
.sweepstake-text {
    width: calc(100% - 240px);
    padding-left: 44px;
}
.sweepstake-text h2 {
    font-size: 42px;
    line-height: 1em;
    color: #fff;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 44px;
    position: relative;
}
.sweepstake-text h2::before {
    content: '';
    position: absolute;
    bottom: -21px;
    left: 0;
    height: 4px;
    background: #BA9856;
    width: 131px;
}
.sweepstake-text p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.sweepstake-text .signup-popup {
    padding: 0;
    width: 60%;
}
.sidebar::before {
    content: '';
    position: absolute;
    right: 13px;
    top: 30px;
    width: 100%;
    height: 1px;
    background: rgb(249,226,193);
    background: linear-gradient(270deg, rgba(249,226,193,1) 0%, rgba(186,152,86,1) 34%, rgba(186,152,86,0.49763655462184875) 66%, rgba(186,152,86,0) 100%);
}
.sidebar::after {
    content: '';
    position: absolute;
    right: 13px;
    top: 30px;
    width: 1px;
    height: 310px;
    background: rgb(249,226,193);
    background: linear-gradient(180deg, rgba(249,226,193,1) 0%, rgba(186,152,86,1) 34%, rgba(186,152,86,0.49763655462184875) 66%, rgba(186,152,86,0) 100%);
}
.bottle-ball::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 100%;
    height: 1px;
    background: rgb(249,226,193);
    background: linear-gradient(90deg, rgba(249,226,193,1) 0%, rgba(186,152,86,1) 34%, rgba(186,152,86,0.49763655462184875) 66%, rgba(186,152,86,0) 100%);    
}
.bottle-ball::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 1px;
    height: 310px;
    background: rgb(249,226,193);
    background: linear-gradient(0deg, rgba(249,226,193,1) 0%, rgba(186,152,86,1) 34%, rgba(186,152,86,0.49763655462184875) 66%, rgba(186,152,86,0) 100%);
}
.container-with-loader {
    margin-left: -23px;
    margin-right: -23px;
    overflow: hidden;
}
.media .media-body .grid-texts {
    margin-bottom: 0;
}
/*---- 2021 trivia ----*/


.grid-item.pl .grid-content form {
    padding-left: 6px;
    padding-top: 20px;
}
.grid-item.pl .grid-content form .btn {
    margin-left: 0;
    margin-right: 0;
    box-shadow: none !important;
}
.grid-item.pl .grid-content form .btn:hover {
    color: #BA9856;
}
.grid-item.pl .form-control {
    padding: 7px 0 0;
    font-weight: 400;
    color: #000;
}
.grid-item.pl .form-control::-moz-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
.grid-item.pl .form-control::-ms-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
.grid-item.pl .form-control::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
/*** Design updates 14/09/2022 ***/
.sweepstake-text h2 span {
    color: #BA9856;
}
.ew-field-guide h2 {
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-align: center;
}
.ew-field-guide .btn {
    width: auto;
    max-width: none;
    background-color: #BA9856;
    border-color: #BA9856;
    color: #fff;
}
.ew-field-guide a:hover .btn { 
    background-color: transparent;
}
.tripleHit-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 620px;
    margin: 0 auto;
}
.trippleHitGifs .tripleHit-content {
    margin: 0 -10px;
}
.trippleHitGifs .rbp-border.center {
    margin-top: 50px;
    margin-bottom: 54px;
}
.tripleHit-content .col-50 {
    width: 50%;
    padding: 0 10px;
}
.tripleCol img {
    max-width: 100%;
}
.tripleCol h3 {
    color: #BA9855;
    font-size: 36px;
    margin: 18px 0 11px;
    line-height: 1em;
    text-align: center;
}
.tripleCol p {
    font-size: 16px;
    line-height: 1.5em;
    max-width: fit-content;
    margin: 0 auto;
}
.sweepstake-bottom-text {
    margin-top: 50px;
}

.sweepstake-bottom-text p {
    color: #f9f9f9;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 0;
}
.sweepstake-text h2 sup {
    vertical-align: top;
    position: relative;
    top: -0.2em;
    font-size: 34px;
}
.overlay-main-container.ew-fans-win .overlay-title.v2 sup {
    vertical-align: top;
    position: relative;
    top: 0;
    font-size: 32px;
}
.detail-slider.owl-carousel.carousel-bottom2 {
    position: unset;
}
.relativeFullWidth.smallBatch {
    position: unset;
}



@media screen and (min-width: 1200px) {
    .long-form-interaction .stagedcarousel-outer {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}


@media screen and (min-width: 768px) {

.loadFix .grid-item::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.loadFix .grid-item.large::after {
  padding-bottom: 50%;
}
.loadFix .grid-item.xp-slide::after,
.loadFix .grid-item.xp-article::after {
  padding-bottom: 200%;
}
.loadFix .grid-social {
    height: 100%;
    background: #2F3F61;
}
.loadFix .xp-grid_sizer {
    display: none;
}
.computer .grid-content form .btn:hover ,
.computer .grid-item.xp-common:hover  .btn{
    background-color: transparent;   
}
.article-right .fake-arrow {
    top: 0;
    left: -20px;
    width: 20px;
    height: 100%;
}
.article-right .arrow-fake-left,
.article-right .arrow-fake-right {
    height: 21%;
    width: 100%;
    background-size:20px auto ;
    float: none;
    left: 0 !important;
    top: 0;
    background-image: url(../images/arrow-fake-top.png);
    background-position: 0 bottom;
}
.article-right .arrow-fake-right {
    top: auto;
    bottom: 0;
    height: 79%;
    background-image: url(../images/arrow-fake-bottom.png);
    background-position: 0 top;
}

.agegate {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    padding-bottom: 70px;
}

.computer .grid-item.xp-tickets:hover .btn {
    background-color: transparent;
    color: #fff;
}

.computer .rotated-btn:hover::after {
    background: #f06215;
}

.computer .xp-tickets  .type-banner,
.computer .ew-quiz,
.computer .ew-bourbon{
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s  ease-in-out;
    -ms-transition: all .5s  ease-in-out;    
}
.computer .xp-tickets:hover  .type-banner,
.computer .ew-quiz:hover ,
.computer .ew-bourbon:hover{
    background-size: 115%;
}


/*
.computer .xp-social .grid-content,
.computer .xp-video .grid-content,
.computer .xp-recipe .grid-content,
.computer .xp-slide  .grid-content,
.computer .xp-tickets  .grid-content{
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;    
}
.computer .xp-social:hover .grid-content,
.computer .xp-video:hover .grid-content,
.computer .xp-recipe:hover .grid-content,
.computer .xp-slide:hover  .grid-content,
.computer .xp-tickets:hover  .grid-content{
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
}
.computer .grid-item:hover .bordered-section::after{
    opacity: 0;
}
*/

.computer .xp-video:hover .play-icon {
    width: 70px;
    height: 70px;
}
.computer .xp-video:hover .play-icon::after {
    background: #BA9856;    
}
/*
.computer .xp-recipe:hover .long-img {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
}
*/
.computer .readmore:hover {
    color: #BA9856;
    padding-right: 22px;
}
.computer .owl-prev:hover {
	color: #BA9856;
    background-image: url(../images/owl-prev.svg);
    margin-left: -6px;
}
.computer .owl-next:hover {
	color: #BA9856;
    background-image: url(../images/owl-next.svg);
    margin-right: -6px;
}

.computer .grid-social img:hover {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
}
.computer .grid-item:hover .plus-more::before {
    border-right-width: 70px;
    border-top-width: 70px;
}
.computer .plus-more:hover::before {
    border-right-color: #BA9856;    
}

/*.computer .plus-more:hover::after {
    transform: rotate(180deg) translateZ(0) perspective(1px);
    -webkit-transform: rotate(180deg) translateZ(0) perspective(1px);
    -ms-transform: rotate(180deg) translateZ(0) perspective(1px); 
} */  
.computer .grid-item:hover .plus-more::after {
    right: 9px;
    bottom: 9px;
    width: 20px;
    height: 20px;
}
/*
.computer .social-follow .fb-share:hover::before {
    background-size: 18px auto;
}
.computer .social-follow .yt-share:hover::before {
    background-size: 34px auto;
}
.computer .social-follow .instagram-share:hover::before,
.computer .social-follow .twt-share:hover::before {
    background-size: 30px auto;
}
*/
.computer a.rotated-btn:hover,
.computer a.slide-number:hover{
    transform: scale(1.1, 1.1) translate3d(0,0,1px) perspective(1px);   
    -webkit-transform: scale(1.1, 1.1) translate3d(0,0,1px) perspective(1px);   
    -ms-transform: scale(1.1, 1.1) translate3d(0,0,1px) perspective(1px);  
}
.computer .related-img-ph img:hover {
    transform: scale(1.06, 1.06) translate3d(0,0,1px) perspective(1px);   
    -webkit-transform: scale(1.06, 1.06) translate3d(0,0,1px) perspective(1px);   
    -ms-transform: scale(1.06, 1.06) translate3d(0,0,1px) perspective(1px);  
}

.computer a.rotated-btn,
.computer a.slide-number {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s  ease-in-out;
    -ms-transition: all .3s  ease-in-out;
}
/*
.computer  .owl-stage-outer {
    transition: all .2s ease-in;
    -webkit-transition: all .2s  ease-in;
    -ms-transition: all .2s  ease-in;
}
.computer .grid-item:hover .bordered-section > .relativeFullWidth .owl-stage-outer{
    transform: scale(1.06);
    transform-origin: 50% 50% ;
    -webkit-transform: scale(1.06);
    -ms-transform-origin: 50% 50% ;
    -webkit-transform: scale(1.06);
    -ms-transform-origin: 50% 50% ;
}
*/
.computer .plus-more.overlay-close:hover::after {
    transform: rotate(180deg) translateZ(0) perspective(1px);
    -webkit-transform: rotate(180deg) translateZ(0) perspective(1px);
    -ms-transform: rotate(180deg) translateZ(0) perspective(1px);    
}
/*New*/

/*.computer  .grid-item .xp-grid_sizer {
    transition: all 0s;
    -webkit-transition: all 0s;
    -ms-transition: all 0s;
}*/
.computer  .grid-item img {
    transition: all .2s ease-in;
    -webkit-transition: all .2s  ease-in;
    -ms-transition: all .2s  ease-in;
}
.computer .grid-item:hover img{
    transform: scale(1.06, 1.06) translate3d(0,0,1px) perspective(1px); 
    transform-origin: 50% 50% ;
    -webkit-transform: scale(1.06, 1.06) translate3d(0,0,1px) perspective(1px); 
    -ms-transform-origin: 50% 50% ;
    -webkit-transform: scale(1.06, 1.06) translate3d(0,0,1px) perspective(1px);  
    -ms-transform-origin: 50% 50% ;
}
}

/*.xm-tooltip .xm-tooltip {
    padding: 0;
    position: relative;
    left: auto;
    transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
    top: auto;
    background: none;
    min-width: 1px;
}*/
.input-wrapper.check::after, .input-wrapper.check::before{ background-color:transparent;}
.input-wrapper.check{border-bottom: none;}



/* Manual Navingation */
.carousel-bottom .owl-nav, 
.carousel-bottom2 .owl-nav, 
.carousel-bottom3 .owl-nav, 
.carousel-bottom4 .owl-nav, 
.carousel-bottom5 .owl-nav,
.carousel-bottom8 .owl-nav,
.carousel-bottom13 .owl-nav{
    display: none;
}
.owl-nav.nav-manual{
    right: 20px; 
    top: 22px;
}
.sweepstake-image img {
    max-width: 100%;
}
p.grid-texts.celebrate-txt{
    margin-bottom: 15px;
}
p.grid-texts.watch-txt {
    color: #BA9856; 
    text-align:center; 
    font-size:20px; 
    font-family: "Kapra-Regular"; 
    text-transform: uppercase;
}

.grid-texts.recipe-bullet{ 
	background-image: url(../images/bullet-new.png); 
	background-position: left 11px;
	background-repeat: no-repeat;
	background-size: 7px auto;
	padding: 0px 20px;
}

.grid-texts.recipe-bullet.nospan{ 
	background-position: left 7px;
}

/*CSS FOR Preloader BY MH*/
.loadingSection {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.main-grid_container {
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -ms-transition: opacity .5s;
}

.loadingSection .main-grid_container {
    opacity: 0;
}

.timeline-wrapper {
    width: 100%;
}
.timeline-item {
    background: #fff;
    border-radius: 0;
    padding: 12px;

    margin: 9px;
    width: calc(25% - 18px);
    float: left;
}
.categoryTwo.timeline-item {
    width: calc(50% - 18px);
}
.timeline-item::after {

  content: "";
  display: block;
  padding-bottom: calc(100% - 96px);
}
.categoryTwo.timeline-item::after {
  padding-bottom: calc(50% - 118px);
}
@-webkit-keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
@-ms-keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background {

    -webkit-animation-duration: 1s;
        -ms-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
        -ms-animation-name: placeHolderShimmer;
            animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
            animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
}

/* Every thing below this is just positioning */

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
    top: 0;
    left: 40px;
    right: 0;
    height: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 10px;
}

.background-masker.header-bottom {
    top: 18px;
    height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
    top: 24px;
    height: 6px;
}


.background-masker.header-right,
.background-masker.subheader-right {
    width: auto;
    left: 300px;
    right: 0;
}

.background-masker.subheader-right {
    left: 230px;
}

.background-masker.subheader-bottom {
    top: 30px;
    height: 10px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px;
}

.background-masker.content-top {
    height:20px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end{
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px;
}

.background-masker.content-second-line  {
    top: 68px;
}

.background-masker.content-second-end {
    left: 420px;
    top: 74px;
}

.background-masker.content-third-line {
    top: 82px;
}

.background-masker.content-third-end {
    left: 300px;
    top: 88px;
}
/*CSS FOR Preloader BY MH*/


/* Sweepstake Css by FA */

.sweepstake-section{
    border: 1px solid rgba(255,255,255,0.25);
    background: rgba(0,0,0,.6);
	padding: 52px 52px 15px;
    margin-top: 38px;
    align-items: center;
}
.sweepstake-section .sweepstake-logo {
	border-right: 6px solid #ba9958;
    padding-right: 33px;
    vertical-align: middle;
}
.sweepstake-logo img {
    width: 220px;
}
.sweepstake-section .sweepstake-content{
	padding-left: 35px;
}
.sweepstake-section .sweepstake-content h2{
    font-size: 56px;
    line-height: 50px;
    color: #fff;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 21px;
}
.sweepstake-section .sweepstake-content p {
    color: #fff;
    font-size: 19px;
    line-height: 1.47em;
    margin-bottom: 22px;
}
.sweepstake-section .sweepstake-content h2 sup{
	font-size: 32px;
	position: relative;
	top: -3px;
}

.sweepstake-section a {
    font-size: 26px;
    line-height: 1em;
    display: inline-block;
    padding: 8px 30px 5px;
    color: #fff;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    border: 2px solid #BA9856;
    background-color: #BA9856;
    margin-top: 20px;
    transition: background 300ms;
    -webkit-transition: background 300ms;
    -ms-transition: background 300ms;
    letter-spacing: 0.05em;
}
.computer .sweepstake-section a:hover {
  background: transparent;
}
.overlay form .btn.sweepstake {
    color: #fff;
    background-color: #BA9856;
}
h3.overlay-subtitle span{
	color: #BA9856;
}
.hasThanksState .inner-container {
    min-height: 1px;
}
.hasThanksState .container {
    max-width: 940px;
}
.hasThanksState .contactThanks_inner {
    margin: 0 auto;
    padding: 150px 40px 40px;
}

@media screen and (min-width: 768px) {

    .apple .sweepstake-section a {
        padding-top: 10px;
        padding-bottom: 3px;
    }
    .apple .overlay.age-gate .agegate-container .btn {
        padding-top: 10px;
    }
    .apple .readmore {
        padding-top: 0;
        background-position-y: 4px;
    }
    .apple .btn {
        padding-top: 6px;
    }
    .apple .overlay form .btn {
        padding-top: 11px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .apple .readmore {
        background-position-y: 2px;
    }
    .apple .btn {
        padding-top: 4px;
    }
    .apple .overlay form .btn {
        padding-top: 7px;
    }
    .grid-header {
        padding-bottom: 12px;
        margin-bottom: 14px;
    }
    
}


/*Privacy Policy Update*/

a.privacy {
    display: inline !important;
    color: #ffffff;
}





/*BiB Page Updates */


.recipe-image.bib-panel-right {
    float: right;
    width: calc(61% - 38px);
}
.recipe-detail_inner.bib-panel-left {
    float: left;
    width: calc(44% - 15px);
}
.recipe-detail_inner.bib-panel-left .overlay-title.v2::before{
    height: 0px;
    width: 0px;
}
.recipe-detail_inner.bib-panel-left .overlay-title.v2 {
    padding-bottom: 0px;
}
.recipe-detail_inner.bib-panel-left hr {
    border: 0;
    height: 1px;
    background: #af9460;
    margin: 20px 0 20px;
    opacity: 1;
}
.recipe-detail_inner.bib-panel-left .ingredients {
    margin-bottom: 0px;
}
.recipe-detail_inner.bib-panel-left .overlay-title.v3 {
    font-size: 40px;
    line-height: 46px;
    color: #BA9856;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.detailpanel{
    position: relative;
}
.detailpanel h3.baseHead{
    font-size: 40px;
line-height: 46px;
color: #333333;
font-family: 'Kapra-Regular';
font-weight: normal;
text-transform: uppercase;
margin-bottom: 32px;
position: relative;
}
.detailpanel h3.baseHead::before{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 60px;
    background: #BA9856;
    content: '';
}

.bibBasecard{
    width: 433px;
    height: 547px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: relative;
    background-image: url("../images/bib/bib-detailhero.png");
}
.bibBasecard a{
    position: absolute;
    width: 50px;
    height: 50px;
    max-width: 100%;
}
.bibBasecard a.fbtn {
    top: 52px;
    left: 65px;
}
.bibBasecard a.sbtn {
    top: 204px;
    left: 65px;
}
.bibBasecard a.tbtn {
    top: 200px;
    left: 220px;
}
.bibBasecard a.forbtn {
    top: 50px;
    left: 220px;
}
#firstBase, #secondBase, #thirdBase, #forthBase{
   display: none;
}
.vertical-share.share_overlay.bibsocial {
    top: 170px;
}
.bibBasecard a.fbtn{
    background-image: url("../images/bib/firstbtn.png");
    background-position: top center;
    background-size: contain;
    
}
.bibBasecard a.fbtn.active, .bibBasecard a.fbtn:hover{
    background-image: url("../images/bib/firstbtn-hov.png");
}
.bibBasecard a.sbtn{
    background-image: url("../images/bib/secondbtn.png");
    background-position: top center;
    background-size: contain;
}
.bibBasecard a.sbtn.active, .bibBasecard a.sbtn:hover{
    background-image: url("../images/bib/secondbtn-hov.png");
}
.bibBasecard a.tbtn{
    background-image: url("../images/bib/thirdbtn.png");
    background-position: top center;
    background-size: contain;
}
.bibBasecard a.tbtn.active, .bibBasecard a.tbtn:hover{
    background-image: url("../images/bib/thirdbtn-hov.png");
}
.bibBasecard a.forbtn{
    background-image: url("../images/bib/forthbtn.png");
    background-position: top center;
    background-size: contain;
}

.bibBasecard a.forbtn.active, .bibBasecard a.forbtn:hover{
    background-image: url("../images/bib/forthbtn-hov.png");
}
/* --Home page new css-- */
.color-orange {
    color: #BA9856;
}
.color-yellow {
    color: #ba9958;
}
.color-white {
    color: #fff;
}
.inline-block{
    display: inline-block;
}
.underline-none{
    text-decoration: none !important; 
}
.underline-none:hover{
    text-decoration: underline !important;  
}
.sweepstake-section .sweepstake-content-n {
    padding-left: 0 !important;
}
.overlay-fluid .container {
    max-width: 100%;
    padding: 0;
}
.ew-fans-win .grid-texts {
    margin-bottom: 20px;
}
.contactThanks.thanks-related {
    padding-bottom: 60px;
    height: 100vh;
}
.sweepstakes .one-half {
    width: 50%;
}
.thanks-related-topic .row {
    display: flex;
}
.thanks-related-topic {
    padding: 0 5%;
}
.thanks-related-topic .row > div {
    margin: 0 20px;
}
.thanks-related-topic h3 {
    margin-left: 20px;
}
.mlb-fan-big {
    position: relative;
}
.mlb-fan-big sup {
    font-size: 13px;
    position: relative;
    top: -20px;
}
.sweepstake-section .sweepstake-content p.psmaller {
    font-size: 12px;
    margin-top: 25px;
    margin-bottom: -15px !important;
}
.psmaller > a {
    padding: 0 !important;
    background: none;
    border: 0;
    font-weight: normal !important;
    font-size: inherit !important;
    text-transform: none;
    font-family: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
}

/*--Recipe block --*/
.rbp-border {
    height: 5px;
    width: 60px;
    background: #ba9856;
    overflow: hidden;
}
.rbp-border.center {
    margin: 0 auto 10px;
}
.recipe-book-info.gallery-header {
    padding-top: 0;
}
.rbi-instructions p.grid-texts {
    margin-bottom: 5px;
}
.rbi-instructions {
    padding-top: 20px;
    padding-bottom: 15px;
}
.rbi-pro-pair {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}
.rbi-pro-pair .col-50 {
    flex: 0 0 50%;
    max-width: 50%;
}
.rbi-pro-pair .col-50:not(:first-child) {
    padding-left: 50px;
}
.rbi-pro-pair p a {
    text-decoration: underline;
}
.rbi-pro-pair h2 {
    color: #BA9856;
}
.hg-img {
    position: relative;
    margin-bottom: 1px;
}
.hg-img::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
}
.hg-img img {
    width: 100%;
}
.hg-img h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    z-index: 9;
    color: #fff;
}
.perfect-game-listing.gallery-header {
    padding: 30px 0 0;
}
.perfect-home-game {
    max-width: 490px;
    margin: 0 auto 50px;
}
.hg-buttons {
    display: flex;
    position: relative;
}
.hg-buttons a {
    flex: 0 0 50%;
    background: #BA9856;
    color: #fff;
    border: 0;
    box-shadow: none;
    padding: 2px 0px 0px 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.hg-buttons a span {
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -2px;
}
.hg-buttons a.active {
    background-color: #94712c;
    color: #aaa;
}
.hg-buttons a:first-child {
    border-right: 1px solid #fff;
}
.hg-buttons a:last-child {
    border-left: 1px solid #fff;
}
span.or-box {
    position: absolute;
    left: 50%;
    background: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    color: #BA9856;
    font-family: 'Kapra-Regular';
    line-height: 32px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.progress-bar-container {
    border: 2px solid #ba9856;
    margin-top: 10px;
    position: relative;
    padding-top: 4px;
}
.progress-bar-container p {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    z-index: 9;
}
.progress-bar-container p span {
    font-size: 22px;
}
.progress-bar {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #ba9856;
    transition: width .5s;
}
.recipe-book-info.rbi-bottom.gallery-header {
    margin-bottom: 45px;
    padding-top: 30px;
}
.hg-img h2 sup {
    font-size: 20px;
}
.quiz-card-home .slider-item p.grid-texts {
    padding-left: 6px;
}
.rbi-ingredients {
    padding-top: 20px;
}
.hg-img h2 {
    margin: 5px 0 0;
}
.rbi-head > span {
    text-transform: uppercase;
    font-family: 'Kapra-Regular';
    font-size: 20px;
    padding-bottom: 10px;
    display: block;
    color: #BA9856;
}
.recipe-overly-slider-waper {
    margin-bottom: 12px;
}
/*--Recipe block end --*/

form.signup-form{
    padding-right: 0;
}


.signup-popup {
    position: relative;
    width: 50%;
    bottom: 0;
    left: 0;
    background: rgba(237, 229, 217, 0);
    color: #000;
    text-align: left;
    opacity: 1;
    padding: 20px 0;
}

.signup-popup .signup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    border: none;
    background: none;
    width: 36px;
    opacity: .75;
    padding: 0;
}

.computer .signup-popup .signup-close:hover {
    opacity: 1;
}
.signup-popup .signup-close img {
    width: 100%;
    display: block;
}
.signup-popup h3 {
    font-weight: 400;
    text-transform: none;
    margin-bottom: .125em;
    color: #000;
    font-size: 40px;
    line-height: 47px;
    font-family: 'Kapra-Regular';
    text-transform: uppercase;
}
.signup-popup p, .signup-thanks {    
    font-size: 32px;
    line-height: 1.3em;
    padding: 0;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    font-style: normal;
    color: #f06215;
    text-align: left;
}
.signup-popup .nlSectionUpdate .newsletter-signup {
    float: none;
    max-width: 620px;
    margin: 0 auto;
    border: none;
    font-family: arial;
    font-weight: normal;
    font-size: 18px;
    font-variant: small-caps;  
    color: #666666;  
    text-transform: uppercase;
    padding-top: 0;
}

.signup-form .input-group .form-control{
    height: 48px;
    border: 1px solid #ffffff;
    color: #252525;
    font-family: 'Kapra-Regular';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    padding-top: 4px;
    font-size: 24px;
    background: #ffffff;
}
.signup-form .input-group .form-control::placeholder{
    color: #252525;
}
.signup-popup .newsletter-signup .input-group {
    margin: 0;
}
.signup-popup .newsletter-signup .form-control {
    background-image: url(../images/envelope-blue.png?ver=3);
}


.signup-popup .newsletter-signup .input-group::-moz-placeholder {
    color: #252525;
}
.signup-popup .newsletter-signup .input-group::-ms-placeholder {
    color: #252525;
}
.signup-popup .newsletter-signup .input-group::-webkit-input-placeholder {
    color: #252525;
}
.signup-popup .newsletter-signup button{
    background: #BA9856;
    color: #fff;
    padding: 4px 15px 0;
    width: 100%;
    text-align: center;
    border: none;
    font-family: 'Kapra-Regular';
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 1px;
    height: 48px;
}

.apple .signup-popup .newsletter-signup button {
    padding-top: 12px;
    padding-bottom: 6px;
}


.ugc-v2.signup .ugc-form_contents {
    margin: 0 10px;
}
.signup-popup .newsletter-signup .form-control {
    background-image: url(/images/envelope-gold.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 60px;
    background-size: 30px auto;
}
.recipe-detail ul li a{
    color: #e8892f;
    text-decoration: underline;
}
.recipe-detail ul li a:hover{
    text-decoration: none;
}

.btn.red{
    border: 2px solid #c00922;
    color: #ffffff;
}
.btn.red span {
    border: 1px solid rgba(192, 9, 34, 1);
}
.btn.red:hover span {
    border-color: rgba(192, 9, 34, 0);
}
.marginTop {
    margin-top: 12px;
}