/*---- Common for all page ----*/



body {

    background: #ede5d9 url(../images/body-bg.png) 0 0 repeat;

}

 

/*---- Common for all page ----*/

.site-wrapper {

    overflow: hidden;

}

.border-container {

    position: absolute;

    width: 100%;

    pointer-events: none;

    max-width: 1440px;

    height: 100%;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    z-index: 600;

}



.bottom-base {

    background: #000;

    position: relative;

}

.bottom-base_item {

    /*height: 23.61vw; 17.70*/

    height: 17.70vw;

    min-height: 180px;

    position: relative;

}



.bottom-base_background {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: 50% 50%;

    object-position: 50% 50%;

}



.bottom-base_item a {

    width: 100%;

    height: 100%;

    padding: 30px;

    position: absolute;

    top: 0;

    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;  

    -ms-flex-line-pack: center;  

    align-content: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;  

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    font-size: 22px;

    line-height: 1em;

    color: #fff;

    letter-spacing: .04em;

    transition: color 300ms;

    -webkit-transition: color 300ms;

    -ms-transition: color 300ms;

}

.bottom-base_item a span.block.full-width.text-center {

    color: #fff;

}

.bottom-base_item a .arrow {

    background: url(../images/double-arrow.svg) 6px center no-repeat;

    background-size: auto 10px;

    padding-right: 13px;

    display: inline-block;

    transition: background 100ms;

    -webkit-transition: background 100ms;

    -ms-transition: background 100ms;

}

.bottom-base .bottom-base_info {

    font-size: 16px;

    line-height: 1.5em;

    color: #e8e6e5;

    font-family: var(--copy);

    font-weight: 300;

    text-transform: none;

    margin-bottom: 10px;

    display: block;

    text-align: center;

    width: 100%;

}

.section-name {

    color: #fff;

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

}

.section-name.base-link,

.section-name {

    font-size: 30px;

    line-height: 30px;

}

.recipe-item .section-name {

    font-size: 28px;

    line-height: 26px;

}

.section-name.base-link span.arrow {

    background: url(../images/double-arrow.svg) 8px center no-repeat;

    padding-right: 18px;

    display: inline-block;

    transition: background 100ms;

    position: absolute;

    top: auto;

    left: auto;

    background-size: auto 13px;

}

.custom-dots {

    z-index: 100;

}

.home-hero_bottle {

    position: absolute;

    left: 0;

    top: 50%;

    height: 90%;

    transform: translate(-150%,-50%);

}



.mcsControl {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 36px;

    height: 68px;

    border: none;

    background-color: transparent;

    background-size: 0 0,contain;

    background-position: center center;

    background-repeat: no-repeat;

    transition-duration: 300ms;

    z-index: 120;

    cursor: pointer;

}

.mcsPrevBtn {

    background-image:url(../images/arrow-left_lt_hover.png), url(../images/arrow-left_lt.png);

    left: 72px;

}

.mcsNextBtn {

    background-image:url(../images/arrow-right_lt_hover.png), url(../images/arrow-right_lt.png);

    right: 72px;

}

.mcsControl:after {

    content: '';

    width: 200%;

    height: 200%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

.footer {

    padding: 32px 0;

    background: #000 url(../images/footer-bg.jpg) center center no-repeat;

    background-size: cover;

}

.footer .container {

    max-width: 1300px;

}

.footer-nav ul,

.footer-social ul{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

.footer-nav ul li {

    padding: 0 10px;

    border-right: 2px solid #fff;

}

.footer-nav ul li:first-child,

.footer-social ul li:first-child {

    padding-left: 0;

}

.footer-nav ul li:last-child {

    padding-right: 0;

    border-right: none;

}

.footer-nav a {

    display: block;

    text-transform: uppercase;

    color: #fff;

    font-size: 19px;

    line-height: 17px;

    letter-spacing: .05em;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    padding-top: 2px;

    transition: color 300ms;

}

.footer-social ul {

    margin-top: 20px;

}

.footer-social ul img {

    height: 22px;

}

.footer-social ul li {

    padding-left: 25px;

}

.footer-social ul li a {

    display: block;

    opacity: 1;

    transition: opacity 300ms;

}



.footer-bottom {

    margin-top: 35px;

}

.footer-left {

    width: 480px;

}

.footer-social {

    float: left;

}

.footer-copy {

    float: right;

    min-width: 300px;

}



.footer-owl {

    float: right;

    width: 83px;

    padding-left: 14px;

    margin-left: 14px;

    border-left: 2px solid #fff;

}

.footer-copy p {

    color: #fff;

    font-family: helvetica;

    letter-spacing: .05em;

    font-size: 13px;

    line-height: 22px;

    margin: 4px 0 0;

    float: right;

    text-align: right;

}

.owl-dot span {

    width: 120px;

    height: 70px;

    display: block;

    position: absolute;

    top: -90px;

    left: 50%;

    transform: translateX(-50%);

    background: #000;

    border: 2px solid #fff;

    opacity: 0;

    transition: opacity 300ms, top 300ms;



    display: none !important;

}

.owl-dot span::after {

    position: absolute;

    bottom: -7px;

    left: 50%;

    transform: translateX(-50%);

    content: '';

    border-top: 5px solid #fff;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

}

.owl-dot:hover span {

    opacity: 1;

    top: -80px;

}

.owl-dot span img,

.mcsControl span img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

}



.mcsControl.mcsPrevBtn span {

    left: 60px;

    transition: opacity 300ms, left 300ms;

}

.mcsControl.mcsNextBtn span {

    right: 60px;

    transition: opacity 300ms, right 300ms;

}

.mcsControl span {

    width: 120px;

    height: 70px;

    display: block;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: #000;

    border: 2px solid #fff;

    opacity: 0;

    pointer-events: none;

}

.mcsNextBtn span::after {

    position: absolute;

    right: -7px;

    top: 50%;

    transform: translateY(-50%);

    content: '';

    border-left: 5px solid #fff;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

}

.mcsPrevBtn span::after {

    position: absolute;

    left: -7px;

    top: 50%;

    transform: translateY(-50%);

    content: '';

    border-right: 5px solid #fff;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

}

.mcsControl:hover span {

    opacity: 1;

    pointer-events: all;

}

.mcsControl.mcsPrevBtn:hover span {

    left: 48px;

}

.mcsControl.mcsNextBtn:hover span {

    right: 48px;

}

/*---- Common for all page ----*/

.mlb-logo_tile {

    width: 109px;

    margin-bottom: 22px;

    display: block;

}

.mlb-logo_tile.v2 {

    width: 350px;

}

/*--------Recipes Page --------*/

.evan-sour_bg {

    background-image: url(../images/evan-sour_rf.jpg);

}

.recipes-section {

    padding: 42px 0 20px;

}

.recipe-filter {

    margin-bottom: 42px;

    position: relative;

}

.recipe-filter_title {

    font-size: 48px;

    line-height: 1em;

    color: #ba9958;

    text-transform: uppercase;

    margin: 0;

    position: absolute;

    left: 0;

    top: 7px;

}

.recipe-row {

    margin-left: -17px;

    margin-right: -17px;

}

.recipe-row [class^="col-"] {

    padding: 0 17px;

}

.recipe-item {

    margin-bottom: 34px;

    position: relative;

}

.recipe-item .section-name {

    position: absolute;

    width: 100%;

    height: 100%;

    text-align: center;  

    bottom: 0;

    left: 0;  

}

.recipe-item .section-name sup {

    font-size: .6em;

    position: relative;

    top: .1em;    

}

.recipe-item .section-name span {

    display: block;

    position: absolute;

    bottom: 15px;

    left: 0;  

    width: 100%;

    padding: 0 15px;

}

.recipe-filter h4{

    width: 115px;

    float: right;

    text-align: right;

    font-size: 26px;

    line-height: 1em;

    color: #262626;

    text-transform: uppercase;

    margin: 16px 0 0;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

}





.filter-wrap {

    width: 460px;

    float: right;

}

.filter-dropdown {

    width: 200px;

    float: left;

    margin-left: 30px;

}

.common-chosen .chosen-container-single a.chosen-single {

    height: 56px;

    line-height: 54px;

    padding: 0 35px 0 15px;

    font-size: 20px;

    color: #000;

    border: 1px solid #000;

    background: #ddd4c6;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

}

.common-chosen .chosen-container-single a.chosen-single span {

    padding-top: 1px;

}



.common-chosen .chosen-container-single .chosen-single div {

    width: 35px;

    background: url(../images/down-arrow.svg) center center no-repeat;

    background-size: 18px auto;

}

.form-control.fieldHasArrow {

    padding-right: 34px;

    background-image: url(../images/calender-icon-n.png);

    background-position: calc(100% - 9px) center;

    background-repeat: no-repeat;

    background-size: 16px auto;

}





.common-chosen .chosen-container-single.chosen-container-active  .chosen-single div  {

    transform: rotate(180deg);

}

.common-chosen .chosen-container .chosen-drop {

    border: 1px solid #fff;

    background: #000;

    border-top: none;

}

.common-chosen .chosen-container .chosen-results {

    margin-bottom: 10px;

}

.common-chosen .chosen-container .chosen-results li {

    padding: 5px 11px;

    color: #fff;

    font-size: 20px;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

}

.common-chosen .chosen-container .chosen-results li.highlighted  {

  background-color: transparent;

  color: var(--orange);

}

.common-chosen .chosen-container-single .chosen-search input[type="text"] {

    border: 1px solid #fff;

    font-size: 16px;

    font-family: var(--copy);

    font-weight: 300;

    font-style: normal;

    padding-left: 10px;

    padding-right: 10px;

    color: #fff;

}

/*--------Recipes Page --------*/



/*--------Recipes Detail Page --------*/

.white-top_fix {

    padding-top: 168px;    

}

.recipe-detail {

    margin-bottom: 130px;

}

.back-link {

    display: inline-block;

    padding-left: 18px;

    font-size: 18px;

    line-height: 1em;

    color: #000;

    background: url(../images/left-arrow.png) 0 1px no-repeat;

    background-size: auto 75%;

    text-transform: uppercase;

    margin-bottom: 25px;

    font-family: var(--title);

    font-style: normal;

    font-weight: normal;

    letter-spacing: .02em;

}

.back-link.floating-back {

    color: #fff;

    position: absolute;

    left: 0;

    top: 158px;

    z-index: 100;

}

.recipe-detail .card-group {

    align-items: center;

}

.recipe-detail .card {

    max-width: 50%;

}

.recipe-detail .card:first-child {

    padding-right: 20px;

    align-self: flex-start;

}

.recipe-detail .card:nth-child(2) {

    padding-left: 20px;

}

.recipe-detail_contents {

    padding-left: 40px;

}

.recipe-detail_contents h2 {

    line-height: .88em;

    color: #000;

    margin-bottom: 37px;

    margin-left: -2px;

}

.recipe-detail_contents h3 {

    font-size:24px;

    line-height: 1em;

    color: #ba9958;

    text-transform: uppercase;

    border-bottom: 1px solid #ba9958; 

    margin-bottom: 14px;

    padding-bottom: 5px;

    font-family: var(--title);

    letter-spacing: .025em;

}

.recipe-detail_contents p {

    font-size: 20px;

    line-height: 30px;

    color: #000;

    margin-bottom: 0;

}

.recipe-detail_contents p a {

    color: var(--orange);

    text-decoration: underline;

}

.recipe-detail_contents ul {

    margin-bottom: 40px;

}

.common-ul li {

    font-size: 20px;

    line-height: 28px;

    color: #000;

    font-family: var(--copy);

    font-weight: 300;

    margin-bottom: 11px;

    padding-left: 28px;

    background: url(../images/bullets.png) 1px 11px no-repeat;

}

.common-ul li:last-child {

    margin-bottom: 0;

}

.recipe-detail_contents ul li {

    text-transform: capitalize;

}

.recipe-detail_contents ul li span {

    font-style: normal;

    text-transform: none;

}

.recipe-detail .share-recipe {

    position: absolute;

    left: 0;

    bottom: -43px;

}

.share-recipe ul {

    display: flex;

    padding-left: 55px;

    position: relative;

}

.share-recipe ul::before {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 32px;

    height: 1px;

    background: #ba9958;

    content: '';

    margin-top: -1px;

}

.share-recipe ul li:first-child {

    padding-right: 24px

}

.share-recipe ul li:nth-child(2) {

    padding-right: 16px;

}

.share-recipe ul li.share-text {

    font-size: 24px;

    line-height: 21px;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    padding-top: 1px;

}

.share-recipe ul li a {

    display: block;

    width: 21px;

    height: 21px;

    background-size: 0 0;

    background-position: 0 0;

    background-repeat: no-repeat;

    text-indent: -9999px;

}

.share-recipe ul li a img {

    width: auto;

    height: 21px;

}

.share-facebook {

    background-image: url(../images/facebook-share_hover.png);

}

.share-twitter {

    background-image: url(../images/twitter-share_hover.png);

}



.may-also-like {

    margin-bottom: 36px;

}

.may-also-like h6 {

    font-size: 24px;

    line-height: 1em;

    color: #000;

    text-transform: uppercase;

    text-align: center;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    letter-spacing: .05em;

}

.may-also-like h6 span {

    display: inline-block;

    position: relative;

    padding-top: 2px;

}

.may-also-like h6 span::before,

.may-also-like h6 span::after {

    position: absolute;

    content: '';

    width: 116px;

    height: 1px;

    background: #ba9958;

    top: 50%;

    transform: translateY(-50%);

}

.may-also-like h6 span::before {

    left: -136px;

}

.may-also-like h6 span::after {

    right: -136px;

}

/*--------Recipes Detail Page --------*/



/*--------Bourbon Detail Page --------*/

.white-top_fix.bourbon-pages {

    padding-top: 138px;

}

.back-link.inDetail {

    margin: 28px 0 0;

}

.bourbon-detail_media.media {

    padding: 27px 0 60px;

}

.bourbon-detail_media .media-left {

    padding-right: 30px;

}

.bourbon-detail_media h1,

.bourbon-detail_media h2 {

    color: #000;

}

.bourbon-detail_img {

    width: 430px;

}

.bourbon-detail_img img {

    max-width: 100%;

    display: block;

    margin: 0 auto;

    max-height: 564px;

}

.bourbon-detail_media p {

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 19px;

}

.bourbon-detail_media h2 {

    color: #000;

    margin-bottom: 7px;

    line-height: .92em;

}

.bourbon-detail_media ul {

    -webkit-column-count: 2;

    -moz-column-count: 2;

    -ms-column-count: 2;

    column-count: 2;

}

.bourbon-detail_media ul li {

    font-size: 20px;

    line-height: 28px;

    color: #000;

    font-family: var(--copy);

    font-weight: 300;

    margin-bottom: 12px;

    padding-left: 28px;

    background: url(../images/bullets.png) 1px 11px no-repeat;

}

.bourbon-detail_media ul li span {

    font-style: italic;

}

.video-section p {

    margin-bottom: 25px;

}

.video-play {

    width: 110px;

    height: 110px;

    display: block;

    background: url(../images/play-icon-hover.png) 0 0 no-repeat, url(../images/play-icon.png) 0 0 no-repeat;

    background-size: 0 0, contain;

    margin: 0 auto;

    text-indent: -9999px;

}

.computer .video-play:hover {

    background-size: contain, 0 0;

}

/*--------Bourbon Detail Page --------*/



/*--------Plan your trip Page --------*/

#tripmap iframe {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.addresses {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    padding-top: 33px;

}

.address-sections {

    max-width: 270px;

}

.address-sections h3 {

    font-size: 30px;

    line-height: 1em;

    margin-bottom: 18px;

    font-family: var(--title);

}

.faqs h3 {

    font-size: 30px;

    line-height: 1.2em;    

}



.faq-items h3 {

    margin-bottom: 17px;

}

.faq-items p {

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 45px;

}

.address-sections p {

    font-size: 19px;

    line-height: 28px;

    margin-bottom: 0;

}

.faq-filter {

    margin-bottom: 45px;

}

.faq-filter h3 {

    float: left;

    margin: 16px 26px 0 0;    

}

.faq-filter form {

    width: 200px;

    float: left;

}

.faq-items {    

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

.faq-card {

    width: 33.3333%;

}

.faq-card:nth-child(3n+1) {

    padding-right: 66px;

}

.faq-card:nth-child(3n+2) {

    padding-right: 33px;

    padding-left: 33px;

}

.faq-card:nth-child(3n+3) {

    padding-left: 66px;

}



.faq-columns {

    margin: 55px -30px 0;

}

.faq-columns .col-50 {

    padding-left: 30px;

    padding-right: 30px;

}



.faq-item h3 {

    cursor: pointer;  

    font-family: var(--title);

    position: relative;

    transition: color 300ms;

    -ms-transition: color 300ms;

    -webkit-transition: color 300ms;

}

.faq-item h3::after {

    content: '';

    display: inline-block;

    width: 10px;

    height: 10px;

    border: 2px solid #e4872e;

    border-top: none;

    border-left: none;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    top: -8px;

    position: relative;

    left: 8px;

    transition: margin 300ms;

    -webkit-transition: margin 300ms;

    -ms-transition: margin 300ms;

}

.faq-item.active h3::after {

    border-color: #e4872e !important;   

    transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    top: -3px;

}

.faq-item {

    margin-bottom: 42px;

}

.faq-item.active h3 {

    color: #e4872e;

}

.faq-item:last-child {

    margin-bottom: 0;

}

.faq-item p {

    margin-bottom: 0;  

    padding-top: 5px;

    display: none;

}

.faq-item p + p {

    margin-bottom: .3em;

}

/*--------Plan your trip Page --------*/



/*-------- Plan trip form --------*/

.plan-trip_overlay.overlay {

    background: #000;

}

.overlay .container {

    margin: 36px auto 38px;

    padding: 0 80px;

}

.plan-trip_overlay .container {

    max-width: 960px;

}

.close-overlay,

.closeVideo {

    width: 45px;

    height: 45px;

    display: block;

    position: absolute;

    top: 2px;

    right: 0;

    background: url(../images/video-close.png) 0 0 no-repeat;

    background-size: contain;

    text-indent: -9999px;

    transition: transform 500ms ease-out;

    -webkit-transition: transform 500ms ease-out;

    -ms-transition: transform 500ms ease-out;



    transform: rotate(0deg) perspective(1px);

    -webkit-transform: rotate(0deg) perspective(1px);

    -ms-transform: rotate(0deg) perspective(1px);  

    z-index: 200;  

}

.closeVideo {

    right: -55px;

    width: 40px;

    height: 40px;

    background-image: url(../images/video-close.png);

}

.privacy-overlay h3 {

    color: var(--orange);

    font-size: 36px;

    line-height: 1em;

    margin: 35px 0 8px;

}

.privacy-overlay h3:first-of-type {

    margin-top: 0;

}

.privacy-overlay p {

    color: #fff;

    margin-bottom: 8px;

    letter-spacing: 0.025em;

}

.privacy-overlay p a{

    color: var(--orange);

}

.plan-trip_overlay h2 {

    margin-bottom: 15px;

}

.plan-trip_overlay h4 {

    font-size: 18px;

    line-height: 1.4em;

    font-family: var(--copy);

    font-weight: 300;

    color: #fff;

    margin-bottom: 26px;

}

.common-form .row {

    margin-right: -14px;

    margin-left: -14px;

}

.common-form [class^="col-"] {

    padding-left: 14px;

    padding-right: 14px;

    margin-bottom: 22px;

    position: relative;

}

.row-margin0 {

    margin-left: 0 !important;

    margin-right: 0 !important;

}

.section-row,

.arrival-info {

    margin-bottom: 13px;    

}

.noteText {

    font-size: 13px;

    line-height: 14px;

    font-family: var(--copy);

    font-weight: 300;

    color: #fff;

}

.submit-section {

    margin-top: 13px;

}

.submit-section .btn {

    min-width: 200px;

}

.common-form .common-chosen .chosen-container-single a.chosen-single {

    font-size: 24px;

    color: #fff;

    border: 1px solid #252525;

    background: #252525;

}

.common-form .common-chosen .chosen-container .chosen-drop {

    border: 1px solid #252525;

    background: #252525;

}

.common-form .common-chosen .chosen-container .chosen-results li {

    color: #fff;

}

.common-form .common-chosen .chosen-container .chosen-results li.highlighted  {

  color: var(--orange);

}

.common-form .common-chosen .chosen-container-single .chosen-search input[type="text"] {

    border: 1px solid var(--orange);

    color: #fff;

    font-family: var(--copy);

    font-weight: 300;

}

.arrival-info h5 {

    font-size: 24px;

    line-height: normal;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    text-transform: uppercase;  

    color: #fff;  

    float: left;

    margin: 15px 38px 0 0;

}

.arrival-month {

    width: 31%;

    float: left;

}

.arrival-year {

    width: 31%;

    float: left;

}

.arrival-month + .arrival-month {

    margin: 0 3.5%;

}

/*-------- Plan trip form --------*/



/*-------- Flavored Bourbon --------*/

.seasonal {

    position: absolute;

    top: 16.44%;

    right: 38vw;

    width: 16vh;

    height: 16vh;

    border-radius: 50%;

    border: 4px solid var(--orange);

}

.seasonal > span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    width: calc(100% - 11px);

    height: calc(100% - 11px);

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    border: 2px solid var(--orange);

    border-radius: 50%;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    text-transform: uppercase;

    font-size: 160%;

    line-height: normal;

    color: var(--orange);

}

.seasonal > span > span {

    width: 100%;

    display: block;

    text-align: center;

}



.page-sub-menu.stickyReady {

    position: fixed;

    top: -100px;

    left: 0;

    width: 100%;

    background: #000;

    z-index: 99999;

    height: 100px;

    opacity: 0;

    transition: transform 300ms, opacity 300ms;

    -webkit-transition: transform 300ms, opacity 300ms;

    -ms-transition: transform 300ms, opacity 300ms;

}

.page-sub-menu.stickyReady.sticky {

    transform: translateY(100px);

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    opacity: 1;

}

.stickyReady .subnav-container {

    width: 1150px;

    margin: 0 auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

}

.page-sub-menu.stickyReady h3 {

    float: left;

    font-size: 24px;

    margin: 2px 0 0;

}

.page-sub-menu.stickyReady ul {

    float: right;

    width: 56%;

    margin-top: 5px;

}

/*-------- Flavored Bourbon --------*/



/*-------- News page --------*/

.news-page h3 {

    font-size: 36px;

    line-height: 1em;

    margin-bottom: 22px;

}

.news-page .back-link {

    margin-bottom: 40px;

}

.news-items {    

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: 32px;

}

.news-card {

    width: 33.3333%;

    margin-bottom: 28px;

}

.news-card:nth-child(3n+1) {

    padding-right: 76px;

}

.news-card:nth-child(3n+2) {

    padding-right: 38px;

    padding-left: 38px;

}

.news-card:nth-child(3n+3) {

    padding-left: 76px;

}

.news-card a {

    display: block;

    color: inherit;

}

.news-page h4 {

    font-size: 24px;

    line-height: 1em;

    margin-bottom: 6px;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    color: #000000;

    text-transform: uppercase;

}

.news-card img {

    margin-bottom: 10px;

}

.news-card p {

    margin-bottom: 10px;

    font-size: 16px;

    line-height: 26px;

}

.newsLoadMore {

    margin-bottom: 74px;

}

.newsLoadMore .btn {

    min-width: 307px;

}

.newsLoadMore .btn span {

    line-height: 1em;

    font-size: 32px;

}

/*-------- News page --------*/



/*-------- Private Events page --------*/

.customSection {

    padding: 125px 0;

    position: relative;

}

.customSection h2 {

    color: #000;

}

/*.events-media:first-of-type {

    margin-top: 85px;

}*/

.events-media {

    margin-bottom: 80px;

}

.events-media:last-child ,

.events-media:last-child .media-body {

    margin-bottom: 0;

}

.events-media .media-right {

    padding-left: 56px;

}

.events-media .media-left {

    padding-right: 56px;

}

.events-media h2 {

    margin-bottom: 3px;

}

.events-media p {

    margin-bottom: 5px;

    font-size: 20px;

    line-height: 30px;

}

.events-media .common-ul li {

    margin-bottom: 4px;

}

.events-media .common-ul {

    margin-bottom: 20px;

}

.pEvents-carousel {

    width: 600px;

}

.plain-carousel .owl-dot span {

    display: none;

}

.plain-carousel .owl-next {

    right: 25px;

}

.plain-carousel .owl-prev {

    left: 25px;

}

.plain-carousel .owl-dots {

    bottom: 25px;

}



.reserve_overlay {

    background: #000;

    padding: 85px 0;

}

.reserve_overlay .container {

    padding: 0 80px;

}

.reserve_overlay h3 {

    font-size: 36px;

    line-height: 1em;

    color: #fff;

    margin-bottom: 20px;

}

.reserve_overlay .asterisk {

    color: #ba9958;

    margin-top: 10px;

}

.reserve_overlay .checkboxes {

    margin-top: 28px;

}

.reserve_overlay .checkboxes label.customRC {

    color: #fff;

}





.common-form .picker__input.picker__input--active {

    border-color: #252525;

}

.common-form .picker__day--outfocus {

    color: #777;

}

.common-form .picker__holder {

    max-width: calc(100% - 28px);

    background: #252525;

    border: 1px solid #252525 !important;

    font-family: var(--copy);

    font-weight: 300;

    color: #fff;

    outline: none;

    min-width: 174px;

}

.common-form .picker__year {

    color: #fff;

    font-size: 1em;

    font-style: normal;

}

.common-form .picker__nav--next, 

.common-form .picker__nav--prev {

    background: none !important;

}

.common-form .picker__header {

    position: relative;

    margin-top: 4px;

}

.common-form .picker__weekday {

    font-size: .8em;

    color: #fff;

    font-weight: 400;

}

.common-form .picker__day {

    font-size: .9em;

}

.common-form .picker--focused .picker__day--highlighted, 

.common-form .picker__day--highlighted:hover, 

.common-form .picker__day--infocus:hover, 

.common-form .picker__day--outfocus:hover {

    background: #999;

}

.common-form .picker__button--clear, 

.common-form .picker__button--close, 

.common-form .picker__button--today {

    background: #999;

    font-size: 13px;

    font-weight: 400;

    width: 33.3333%;

    float: left;

    color: #fff;

    border: none;

} 

.common-form .picker__button--close,

.common-form .picker__button--clear {

    border-left: 1px solid #252525 !important; 

}

.common-form .picker__button--clear:hover, 

.common-form .picker__button--close:hover, 

.common-form .picker__button--today:hover {

    color: #000;

    background: var(--orange);

}

.common-form .picker__box {

    padding: 0 5px;

    overflow: hidden;

}

/*-------- Private Events page --------*/



/*-------- Insider page --------*/

.winner-section {

    position: relative;

}

.winner-section_info {

    width: 228px;

    position: absolute;

    bottom: -35px;

    left: -45px;

}

.winner-section_info h5 {

    font-size: 17px;

    line-height: 28px;

    font-family: var(--copy);

    font-weight: 300;

    color: #fff;

    text-align: center;

    margin: 10px 0 0;

}

.winner-section_info h5 span {

    display: block;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    letter-spacing: .05em;

}

.has-quiz .quiz-overlay {

    padding: 0;

}

.overlay.quiz-overlay .container {

    margin-top: 0;

    margin-bottom: 0;

}

.quiz-overlay {

    background-color: #000;

}

.quiz-overlayWrap {

    background-image: url(../images/bourbon-quiz_bg.png);

    background-position: center bottom;

    background-size: 100% auto;

    background-repeat: no-repeat;

    padding: 40px 0 30px;

}

.db-stepCommon {

    margin-bottom: 60px;

}

.close-overlay.closeQuiz {

    background-image: url(../images/video-close.png);

}

.quiz-overlay h4 {

    font-size: 24px;

    line-height: 1em;

    color: #fff;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    text-align: center;

}

.quiz-overlay h4 span {

    position: relative;

    display: inline-block;

    padding-bottom: 16px;

}

.quiz-overlay h4 span::after{

    content: '';

    position: absolute;

    left:50%;

    bottom: 0;

    height: 1px;

    background: #ba9958;

    width: 250%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

}

.discover-bourbon_steps {

    width: 168px;

    margin: 48px auto 45px;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.discover-bourbon_steps::before{

    content: '';

    position: absolute;

    left:0;

    top: 50%;

    height: 2px;

    background: #ba9958;

    width: 100%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.db_steps {

    width: 35px;

    height: 35px;

    border: 2px solid #ba9958;

    background: #ba9958;

    color: #fff;

    border-radius: 50%;

    font-family: var(--copy);

    font-weight: 300;

    line-height: 31px;

    text-align: center;

    text-indent: -9999px;

    position: relative;

}

.db_steps.active {

    background: #000;

    text-indent: 0;

}

.quiz-overlay h2 {

    font-size: 54px;

    font-family: var(--title);

}

.quiz-options {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 45px 0 70px;

}

.quiz-option {

    width: 180px;

    position: relative;

}

.quiz-option input {

    position: absolute;

    opacity: 0;

}

.quiz-option img {

    width: 100%;

    margin-bottom: 26px;

}

.quiz-option label {

    display: block;

    cursor: pointer;

    position: relative;

    -webkit-filter: brightness(100%);

    filter: brightness(100%);

    transition: filter 200ms ease-in-out;

    -webkit-transition: filter 200ms ease-in-out;

    -ms-transition: filter 200ms ease-in-out;

}

.quiz-options:hover label:not(:hover) {

    -webkit-filter: brightness(30%);

    filter: brightness(30%);    

}

.quiz-option:hover label:hover {

    -webkit-filter: brightness(100%);

    filter: brightness(100%);    

}

.checked input:not(:checked) + label{

    -webkit-filter: brightness(25%);

    filter: brightness(25%);

}

.quiz-option label span {

    display: block;

    text-align: center;

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    font-size: 30px;

    line-height: 1em;

    color: #fff;

}

.img-wrapper {

    margin: 0 !important;

    position: relative;

}

.img-wrapper::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border: 1px solid rgba(232, 137, 47, 0);

    transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    -ms-transition-duration: 300ms;

}

input:checked + label .img-wrapper::after {

    border: 1px solid rgba(232, 137, 47, 1);

}

button:disabled {

    opacity: .75;

    pointer-events: none;

}

.db-results {

    padding: 65px 75px 0;

}

.db-results_img {

    padding: 0 15px;

    width: 330px;

}

.db-results_img img {

    width: auto;

    max-width: 100%;

    max-height: 540px;

}

.db-results .media-left {

    padding-right: 0;

    vertical-align: bottom;

}

.db-results .media-body {

    padding-left: 0;

}

.db-results h2 {

    margin-bottom: 10px;

}

.db-results h2,

.db-results p {

    color: #fff;

}

.db-results h4 {

    padding-bottom: 5px;

    border-bottom: 1px solid #ba9958;

    margin-bottom: 25px;

    text-align: left;

    color: #ba9958;

    text-transform: uppercase;

}

.btn-groups .btn {

    margin-right: 25px;

}

.btn-groups .btn:last-child {

    margin-right: 0;

}

.db-results .btn-groups {

    padding-bottom: 25px;

}

/*-------- Video Overlay --------*/

.video-overlay {

    position: absolute;

    z-index: 9999;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: rgba(0,0,0,.85);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition: opacity 300ms, visibility 300ms;

    -webkit-transition: opacity 300ms, visibility 300ms;

    -ms-transition: opacity 300ms, visibility 300ms;

}

.video-overlay.on {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

}

.overlay-video_container {

    position: absolute;

    max-width: 1150px;

    max-height: calc(100% - 80px);

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    width:  100%;

}

.overlay-video_container img {

    width: 100%;

}

.video-overlay iframe {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

/*-------- Video Overlay --------*/



/*----Fan UGC----*/

.ugc-section {

    background: #000;

}

.ugc-section h3,

.ugc-section h4 {

    color: #fff;

    line-height: 1em;

    text-align: center;

}

.ugc-section h4 {

    font-size: 24px;

    font-family: var(--copy);

    font-weight: 300;

}

.ugc-section h3 {

    font-size: 48px;

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

}

.time-counter { 

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 60px 0 65px;

}

.time-counter > div {

    width: 33.3333%;

    text-align: center;

    position: relative;

}

.time-counter span {

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    font-size: 300px;

    line-height: 200px;

    color: #fff;

    display: block;

    padding-top: 35px;

    letter-spacing: .075em;

}

.time-counter > div span:after {

    position: absolute;

    right: -28px;

    content: ':';

}

.time-counter > div:last-child span:after {

    display: none;

}

.time-counter h5 {

    color: #ba9958;

    font-size: 36px;

    font-family: var(--copy);

    font-weight: 300;

    line-height: 1em;   

    margin: 26px 0 0;

}



.campaignSection,

.paddingTB60 {

    padding: 60px 0;

}

.ugc_form {

    max-width: 990px;

    position: relative;

    margin: 0 auto;

}

.col-55 {

    width: 55%;

}

.col-37 {

    width: 37%;

}

.padding0 {

    padding: 0 !important;

}

.common-form.campaign-form .row {

    margin-left: 0;

    margin-right: 0; 

}

.common-form.campaign-form [class^="col-"] {

    padding-left: 0;

    padding-right: 0;

    margin-bottom: 0;

}

.campaign-form h2 {

    margin-bottom: 4px;

    margin-top: -4px;

}

.campaign-form p {

    font-size: 24px;

    line-height: 35px;

    margin-bottom: 17px;

}

.campaign-form p a {

    color: var(--orange);

    text-decoration: underline;

}

.campaign-form p a:hover {

    text-decoration: none;

}

.campaign-form .relative ,

.campaign-form .dobs {

    margin-bottom: 18px;

}

.dobs h5{

    font-size: 24px;

    line-height: 1em;

    color: #ba9958;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    text-transform: uppercase;

    width: 113px;

    float: left;

    margin: 17px 0 0;

}



.dobs .select-container {

    float: left;

    margin-right: 10px;

    width: 82px;

}

.dobs .select-container.dob-year {

    width: 96px;

}

.photo-dropzone {

    width: 100%;

    padding-top: 100%;

    background: rgba(172,172,172,.36) ;

    border: 1px solid rgba(0,0,0,.36);

    position: relative;

    margin-bottom: 18px;

}

.dragPhotoBg {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    text-transform: uppercase;

    color: #000;

    font-size: 33px;

    line-height: 1em;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    padding-top: 112px;

    background: url(../images/camera.png) center top no-repeat;

    background-size: 112px auto;

    text-align: center;

}

.photo-section .btn {

    display: block;

    margin-bottom: 18px;

}

.clearPhoto {

    display: block;

    background: none;

    border: none;

    font-size: 24px;

    line-height: 1em;

    text-align: center;

    width: 100%;

}

.clearPhoto span {

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    text-transform: uppercase;

    display: inline-block;

    padding-left: 28px;

    background: url(../images/clear-icon.png) 0 2px no-repeat;

}

.campaign-form .common-chosen .chosen-container-single a.chosen-single span {

    padding-top: 0 !important;

}

.campaign-form textarea.form-control {

    min-height: 85px;

}



.campaign-form .common-chosen .chosen-container-single .chosen-single div {

    width: 36px;

    background: url(../images/down-arrow.png) center center no-repeat;

    background-size: 15px auto;

}

.campaign-form .form-control {

    background: none;

    border: none;

    border-bottom: 2px solid #ba9958;

    font-family: var(--copy);

    font-weight: 300;

    text-transform: none;

    color: #000;

    padding-top: 0 !important;

    padding-left: 0 !important;

    font-size: 22px;

}

.campaign-form .form-control.borderedArea {

    border: 2px solid #ba9958;

    padding: 7px 10px !important;

    min-height: 6em;

}

.campaign-form .common-chosen .chosen-container .chosen-drop,

.campaign-form .common-chosen .chosen-container .chosen-results li {

    color: #000;

    background: #c1b5a5;

    border-color: #c1b5a5;

    font-family: var(--copy);

    font-weight: 300;

    text-transform: capitalize;

}

.campaign-form .common-chosen .chosen-container-single a.chosen-single {

    color: #000;

    background: none;

    border: none;

    border-bottom: 2px solid #ba9958;

    font-family: var(--copy);

    font-weight: 300;

    text-transform: capitalize;

    padding-left: 0 !important;

    padding-top: 0 !important;

    padding-left: 0 !important;

    font-size: 22px;

}

.campaign-form .common-chosen .chosen-container-single a.chosen-single.chosen-default {

    color: #a69784;

}

.campaign-form .form-control:focus,

.campaign-form .common-chosen .chosen-container-active.chosen-container-single a.chosen-single {

    color: #000 !important;

}

.campaign-form .common-chosen .chosen-container-single .chosen-search input[type="text"] {

    color: #000;

    border-color: #a69784;

}

.campaign-form .form-control::-moz-placeholder {

    color: #a69784 !important;

}

.campaign-form .form-control::-ms-placeholder{

    color: #a69784 !important;

}

.campaign-form .form-control::-webkit-input-placeholder {

    color: #a69784 !important;

}

.checkboxes {

    margin: 45px 0;

}

.checkboxes label.customRC {

    font-size: 19px;

    line-height: 28px;

    padding-right: 0;

    padding-left: 40px;

    color: #000;

    font-family: var(--copy);

    font-weight: 300;

    text-transform: none;

}

.checkboxes label.customRC:nth-child(2),

.checkboxes .customRC.isMultipleChecks {

    margin-bottom: 16px;

}

.checkboxes label.customRC span {

    top: 3px;

    right: auto;

    width: 22px;

    height: 22px;

    background-color: #c1b5a5;

    border: none;

    left: 0;

}



.tablet .campaign-form.common-form .select-container .btn-fallback, 

.phone .campaign-form.common-form .select-container .btn-fallback {

    color: #a69784;

    background: none;

    border: none;

    border-bottom: 2px solid #ba9958;

    font-family: var(--copy);

    font-weight: 300;

    text-transform: none;

    padding: 0;

}

.tablet .campaign-form.common-form .select-container .btn-fallback.active, 

.phone .campaign-form.common-form .select-container .btn-fallback.active {

    color: #000;

}







.dz-default.dz-message {

    display: none !important;

}

.dropzone .dz-preview {

    position: relative;

    display: block;

    min-height: 100px;

    width: 120px;

    margin: 60px auto 0;

}

.ig-fb-photocontainer {

    width: 120px;

    position: absolute;

    top: 60px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    z-index: 1;

}

.ig-fb-photocontainer img {

    width: 100%;

}

.dz-image {

    overflow: hidden;

    pointer-events: auto;

}

.dz-image img {

    width: 100%;

}

.dz-max-files-reached {

    pointer-events: none;

}

.dropzone .dz-preview:hover .dz-image img {

    -webkit-transform: scale(1.05, 1.05);

    -ms-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

    -webkit-filter: blur(8px);

    filter: blur(8px);

}

.dropzone .dz-preview .dz-details {

    z-index: 20;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    font-size: 13px;

    width: 100%;

    padding: 0;

    text-align: center;

    color: var(--orange);

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}

.dropzone .dz-preview:hover .dz-details {

    opacity: 1;

}

.dropzone .dz-preview .dz-progress {

    opacity: 1;

    z-index: 1000;

    pointer-events: none;

    position: absolute;

    height: 16px;

    left: 50%;

    top: 50%;

    margin-top: -8px;

    width: 80px;

    margin-left: -40px;

    background: rgba(255, 255, 255, 0.9);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    border-radius: 8px;

    overflow: hidden;

}

.dropzone .dz-preview.dz-processing .dz-progress {

    opacity: 1;

    -webkit-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.dropzone .dz-preview.dz-complete .dz-progress {

    opacity: 0;

    -webkit-transition: opacity 0.4s ease-in;

    -ms-transition: opacity 0.4s ease-in;

    transition: opacity 0.4s ease-in;

}



.dropzone .dz-preview .dz-progress .dz-upload {

    background: #333;

    background: linear-gradient(to bottom, #666, #444);

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 0;

    -webkit-transition: width 300ms ease-in-out;

    -ms-transition: width 300ms ease-in-out;

    transition: width 300ms ease-in-out;

}

.dropzone .dz-preview .dz-error-message {

    pointer-events: none;

    z-index: 1000;

    position: absolute;

    display: block;

    display: none;

    opacity: 0;

    -webkit-transition: opacity 0.3s ease;

    -moz-transition: opacity 0.3s ease;

    -ms-transition: opacity 0.3s ease;

    -o-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    border-radius: 8px;

    font-size: 13px;

    top: 130px;

    left: -10px;

    width: 140px;

    background: #be2626;

    background: linear-gradient(to bottom, #be2626, #a92222);

    padding: 0.5em 1.2em;

    color: white;

}

.dropzone .dz-preview .dz-success-mark, 

.dropzone .dz-preview .dz-error-mark {

    pointer-events: none;

    opacity: 0;

    z-index: 500;

    position: absolute;

    display: block;

    top: 50%;

    left: 50%;

    margin-left: -27px;

    margin-top: -27px;

}



.dropzone {

    height: 366px;

    padding: 0;

    position: absolute;

    top: 0;

    width: 37%;

    z-index: 2;

    text-align: center;

}

.dropzone.dz-clickable {

    cursor: pointer;

}

#hideUGCtext {

    display: none;

}

p.abbr-rules {

    font-size: 14px;

    line-height: 1.3em;

    margin: 0 0 -10px !important;

}

/*----Fan UGC----*/



/*---- SEM ----*/

.sem-top_section {

    height: 700px;

    padding-top: 103px;

    background: #000 url(../images/sem/sem-topBg.jpg) center bottom no-repeat;

    background-size: auto 100%;

}

.sem-top_section .container {

    max-width: 1000px;

}

.sem-top_section .owl-next {

    right: 40px;

}

.sem-top_section .owl-prev {

    left: 40px;

}

.center .bottle-item {

    -webkit-filter: brightness(100%);

    filter: brightness(100%);

}



.bottle-item {

    transition: all 400ms;

    -webkit-transition: all 400ms;

    -ms-transition: all 400ms;

    -webkit-filter: brightness(15%);

    filter: brightness(15%);

    /*opacity: 0;*/

}

.bottle-item img {

    display: block;

    margin: 0 auto;

    width: 168px;

}

.bottle-item .ew1783Img {

    width: 195px;

}

.blackSection {

    background: #000;

}

.mainBottleSliderInfos .container,

.bottleSliderNav .container,

.blackSection .container {

    max-width: 875px;

}

.bottleSliderNav,

.bottleSliderNavMain {

    height: 76px;

    background: #000;

}

.bottleSliderNav ul {

    height: 76px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.bottleSliderNav li a {

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    font-size: 22px;

    line-height: 0.91em;

    color: #fff;

    letter-spacing: .05em;

    padding-top: 4px;

    display: block;

    transition: color 300ms;

    -webkit-transition: color 300ms;

    -ms-transition: color 300ms;

}

.bottleSliderNav li.active a {

    color: var(--orange);

}

.info-item_top,

.blackSection .container {

    padding: 0 27px;

}

.mainBottleSliderInfos h2 {

    color: #000;

    margin-bottom: 8px;

}

.recipeDetailRight h2{

    margin-bottom: 15px;

}

.mainBottleSliderInfos p,

.mainBottleSliderInfos .common-ul li,

.blackSection p {

    font-size: 22px;

    line-height: 30px;

}

.short-description {

    margin-bottom: 38px;

}

.mainBottleSliderInfos .common-ul li {

    -ms-background-position-y: 12px;

     background-position-y: 12px; 

}

.mainBottleSliderInfos .recipe-detail_contents {

    padding: 0;

}

.tastingNotes .common-ul {

    margin-bottom: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-bottom: 1px solid #ba9958;

    padding-bottom: 10px;



}

h4.bottom-bordered {

    font-size: 30px;

    line-height: 1em;

    color: #ba9958;

    text-transform: uppercase;

    border-bottom: 1px solid #ba9958;

    margin-bottom: 10px;

    padding-bottom: 5px;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    letter-spacing: .025em;

}

.tastingNotes .common-ul li {

    width: 30%;

    margin-bottom: 0;

}

.tastingNotes .common-ul li:nth-child(2) {

    width: 35%;

}

.tastingNotes .common-ul li:last-child {

    width: 24%;

}

.featrecipes-link {

    width: 230px;

    float: left;

}

.featrecipes-link .btn {

    min-width: 1px;

    width: 100%;

}

.featrecipes-link h4,

.blackSection h4 {

    font-size: 36px;

    line-height: 1em;

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    margin:  0 0 10px;

}



.recipe-rowContainer {

    width: 536px;

    float: right;

}

.recipe-rowContainer .row {

    margin-left: -9px;

    margin-right: -9px;

}

.recipe-circle {

    width: 33.3333%;

    float: left;

    padding-left: 9px;

    padding-right: 9px;

    position: relative;

}

.recipe-circle::before {

    position: absolute;

    left: 50%;

    bottom: -57px;

    content: '';

    border-left: 14px solid transparent;

    border-right: 14px solid transparent;

    border-bottom: 14px solid #000;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    display: none;

}

.recipe-image a::after {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    content: '';

    border: 2px solid var(--orange);

    display: none;    

}

.recipe-circle.active::before,

.recipe-circle.active a::after {

    display: block;

}

.recipe-image {

    position: relative;

    margin-bottom: 12px;

}

.recipe-circle a {

    display: block;

    position: relative;

}

.recipe-image a img {

    width: 100%;

}

.recipe-circle a span {

    display: block;

    text-align: center;

    font-size: 22px;

    line-height: 1em;

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    color: #000;

}

.recipe-circle.active a span {

    color: var(--orange);

}

.recipe-circle.active a span  sup{

    font-size: .6em;

    position: relative;

    top: 3px;

    line-height: .4em;

}

.recipeDetailRight {

    margin-top: 38px;

    border: 1px solid #000;

    padding: 26px;

    position: relative;

    margin-bottom: 40px;

}

.recipe-detail_item .row .col-50:first-child{

    padding-right: 30px;

}

.recipe-detail_item .row .col-50:last-child{

    padding-left: 30px;

}

.recipeDetailRight .share-recipe ul {

    padding-left: 0;

    position: relative;

}

.recipeDetailRight .share-recipe ul::before {

    display: none;

}

.recipeDetailRight .share-recipe {

    position: absolute;

    right: 27px;

    bottom: -35px;

}

.blackSection p {

    color: #fff;

    margin-bottom: 32px;

}

.blackSection h4 {

    color: #fff;

}

.video-container {

    position: relative;

    margin-bottom: 60px;

}

.video-container img {

    width: 100%;

}

.ew-video {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 0;

}

/*---- SEM ----*/



/*---- Contact ----*/

.contact_form h4 {

    font-size: 30px;

    line-height: 1em;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    color: #000000;

    text-transform: uppercase;

    margin: 40px 0 16px;

}

.contact_form .inMidRow {

    margin-top: 0;

}

.contact_form .campaign-form.common-form .row {

    margin-left: -13px;

    margin-right: -13px;

}

.contact_form .common-form.campaign-form [class^="col-"] {

    padding-left: 13px;

    padding-right: 13px;

    margin-bottom: 24px;

}

.contact_form .asterisk {

    color: #a69784 !important;

    margin: 8px 0 0;

}

.contact_form .checkboxes {

    margin: 25px 0 35px;

}

.newsletter-overlay.overlay .container {

    padding: 80px;

    background: #ede5d9 url(../images/body-bg.png) 0 0 repeat;

}

.contact_form .asterisk span {

    display: block;

    margin-top: 14px;

}

.contact_form .asterisk span a{

    color: var(--orange);

    text-decoration: underline;

}

.newsletter-overlay .contact_form .asterisk {

    margin: 0 0 5px;

}

.closeNewsletter {

    right: 35px;

    width: 40px;

    height: 40px;

    background-image: url(../images/video-close.png);

    top: 35px;

}

/*---- Contact ----*/





/*Facebook window*/

#lightwindow_fb {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999999;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

#overlay {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999998;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0.90;

}

.fb-glam-lightwindow-gallery {

    width: 100%;

    max-width: 713px;

    height: 620px;

    background: #16171a;

    position: relative;

    padding: 1px 10px;

    margin: 30px auto;

    border-top: 1px solid #333438;

}



.fb-glam-lightwindow-gallery a.glam-close-btn {

    background-image: url(/images/closeBtnNimg.png);

    width: 39px;

    height: 39px;

    position: absolute;

    right: -12px;

    top: -13px;

}



h1.fb-gallerytitle {

    text-transform: uppercase;

    font-family: var(--title);

    font-size: 30px;

    line-height: 1em;

    font-weight: normal;

    display: block;

    color: #fff;

    margin: 20px 0 20px 0;

    text-align: center;

}



.fb-glam-thumb {

    float: left;

    height: 155px;

    margin: 0 9px 20px;

    position: relative;

    width: 155px;

}



.fb-glam-thumb a {

    width: 155px;

    height: 155px;

    display: block;

}



.fb-glam-thumb a.fb-glam-thumb-image {

    background-position: 50% 25%;

    background-repeat: no-repeat;

}



.fb-glam-thumb a.fb-thumb-title {

    width: 141px;

    height: auto;

    font-family: var(--title);

    font-weight: normal;

    font-size: 18px;

    color: #fff;

    margin: 0;

    text-align: left;

    padding: 7px;

    background: rgba(0, 0, 0, 0.7);

    text-decoration: none;

    font-weight: bold;

    position: absolute;

    bottom: 0;

}



.fb-glam-thumb a.fb-thumb-title span {

    display: block;

    font-size: 11px;

    color: #8e8e8f;

    margin-top: 3px;

}



.glam-congrats-lw {

    text-align: center;

    position: relative;

}



.glam-congrats-lw a.gallery-back-button {

    width: 43px;

    height: 29px;

    background-image: url(/images/ngalBackBtn.png);

    display: block;

    position: absolute;

    top: -7px;

    left: 20px;

}



.glam-congrats-lw h1 {

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-size: 24px;

    font-weight: normal;

    display: block;

    color: #fff;

    margin: 25px 0 26px 0;

}



.fb-glam-images-wrapper {

    height: 510px;

    overflow-x: hidden;

    overflow-y: auto;

}



.fanCheckBlock .icheckbox_square_contact {

    background-position: 0 0;

}



.fb-glam-lightwindow-gallery.instagramLightBox {

    margin-left: auto;

    margin-right: auto;

}

/*Facebook window*/



/*---- Thanks States ----*/

.common-thanksState {

    display: block;

    height: calc(100vh - 120px);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

}

.opPageThanks.common-thanksState {

    height: 400px;

    position: relative;

    top: auto;

    left: auto;

}

.common-thanksState h2 {

    margin-bottom: 20px;

}

.borderedThanks {

    width: 60%;

    padding: 86px 40px 80px;

    border: 2px solid var(--orange);

    position: relative;

}

.borderedThanks::before {

    content: '';

    position: absolute;

    top: 5px;

    left: 5px;

    bottom: 5px;

    right: 5px;

    border: 1px solid var(--orange);

}

.common-thanksState.blackversion h2,

.common-thanksState.blackversion h3 {

    color: #000 !important;

}

.common-thanksState h2,

.common-thanksState h3 {

    text-align: center;

}

.common-thanksState h3 {

    font-size: 24px;

    line-height: 1.4em;

    color: #fff;

    font-family: var(--copy);

    font-weight: 300;

    text-transform: none;

    margin-bottom: 0 !important; 

}

/*---- Thanks States ----*/

.inputField {

    position: relative;

}

.inputField .dateField {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    width: 100%;

    height: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;  

    z-index: 2;

}

.fallbackIphone {

    position: relative;

    z-index: 1;

}





.locator-option {

    border-top: 3px solid #bb9959;

    padding-top: 35px;

    padding-bottom: 8px;

    margin-top: 6px;

}

.locator-option h2 span {

    display: block;

    font-size: .45em;

    line-height: 1em;

    padding-bottom: .2em;

}

.locator-option_fields {

    display: flex;

    position: relative;

}

.locator-option_fields .xm-tooltip {

    left: 0;

    width: 180px;

    transform: translateX(0);

    min-width: 150px;

}

.locator-option_fields input {

    height: 53px;

    background: #c1b5a5;

    border-color: #c1b5a5;

    color: #000;

    width: 240px;

    margin-right: 10px;

}

.locator-option_fields input::placeholder {

    color: #a79885;

    opacity: 1;

}

.locator-option_fields .btn {

    min-width: 150px;

}

.locator-option_fields .btn span {

    padding: 10px 20px 7px;

}

/*--------page End--------*/







































/*-----------CSS animations------------*/

[class^="contentSlide-"] {

    opacity: 0;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

    -webkit-transition: opacity 1000ms ease-in-out, transform 1000ms ease-in-out;

    -ms-transition: opacity 1000ms ease-in-out, transform 1000ms ease-in-out;

    transition: opacity 1000ms ease-in-out, transform 1000ms ease-in-out;

}

.onView {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}

@keyframes fadeOutDown {

    0% {

        opacity: 1;

    }

    25% {

        opacity: 0;

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -10%, 0);

        transform: translate3d(0, -10%, 0);

    }

}

@-webkit-keyframes fadeOutDown {

    0% {

        opacity: 1;

    }

    25% {

        opacity: 0;

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -10%, 0);

        transform: translate3d(0, -10%, 0);

    }

}

.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 15%, 0);

        transform: translate3d(0, 15%, 0);

    }

    60% {

        opacity: 1;

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 15%, 0);

        transform: translate3d(0, 15%, 0);

    }

    60% {

        opacity: 1;

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.owl-carousel .fadeIn {

   animation-name:fadeIn;

   -webkit-animation-name:fadeIn;

}

@keyframes fadeIn {

    0% {

        opacity:0

    }

    100% {

        opacity:1

    }

}

@-webkit-keyframes fadeIn {

    0% {

        opacity:0

    }

    100% {

        opacity:1

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    -webkit-animation-delay: 150ms;

    -ms-animation-delay: 150ms;

    animation-delay: 150ms;

}

.footer-right.flex {

    display: none !important;

}

/*-----------For Mouse over------------*/

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

    .footer-nav {

        float: left;

    }

    #ContactThanks .borderedThanks{

        width: 80%;

    }

    #ugcThanks .borderedThanks{

        width: 100%;

    }

    .overlay-close:hover {

        transform: rotate(180deg) perspective(1px);

        -webkit-transform: rotate(180deg) perspective(1px);

        -ms-transform: rotate(180deg) perspective(1px);

    }

    .page-sub-menu ul li:hover a,

    .site-navigation ul li:hover > a {

        color: var(--orange) !important;

    }



    .footer-social ul li a:hover img {

        opacity: .85;

    }



    .share-recipe ul li a:hover img {

        opacity: 0;

    }

    .share-recipe ul li a:hover {

        background-size: contain;

    }



    .mcsPrevBtn:hover ,

    .mcsNextBtn:hover {

        background-size: contain, 0 0;

    }

    .faq-card:nth-last-of-type(1) p,

    .faq-card:nth-last-of-type(2) p,

    .faq-card:nth-last-of-type(3) p{

        margin-bottom: 0;

    }



    .close-overlay:hover,

    .closeVideo:hover {

        transform: rotate(180deg) perspective(1px);

        -webkit-transform: rotate(180deg) perspective(1px);

        -ms-transform: rotate(180deg) perspective(1px);    

    }



    .bottleSliderNav li a:hover {

        color: var(--orange);

    }

    .recipe-item .section-name,

    .bottom-base_item a span.block.full-width.text-center  {

         transition: color 300ms;

        -webkit-transition: color 300ms;

        -ms-transition: color 300ms;        

    }

    .bottom-base_item a:hover,

    .recipe-item .section-name:hover,

    .bottom-base_item a:hover span.block.full-width.text-center {

        color: var(--orange);

    }

    .back-link:hover,

    .faqs h3:hover {

        color: var(--orange);

    }

    .faq-item h3:hover::after {

        border-color: var(--orange);

        margin-bottom: -3px;

    }    

    .footer-nav a:hover {

        color: var(--orange);

    }

}

/*-----------For Mouse over------------*/



/*---- SOS ----*/

.renovation-msg {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    background: rgba(234, 229, 220, 0.95);

    z-index: 10000;

    text-align: center;

    line-height: 35px;

    font-family: var(--copy);

    font-weight: 300;

    font-size: 17px;

    line-height: 1.5em;

    padding: 20px 45px;

    color: #000;

    box-shadow: 0 0 10px rgba(0,0,0,.15);

    overflow: auto;

}

.renovation-msg span {

    position: relative;

    display: block;

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

}

.renovation-msg span a {

    color: var(--orange);

    text-decoration: underline;

}

.renovation-msg span:not(:first-child) {

    margin-top: .5em;    

}

.renovation-msg .closeRenovation {

    background: rgb(0, 0, 0) url(../images/overlay-close.png) center center no-repeat;

    background-size: 40px auto;

    border: 4px solid #000;

    width: 30px;

    height: 30px;

    display: block;

    text-indent: -9999px;

    border-radius: 50%;

    position: absolute;

    top: 10px;

    right: 10px;

}



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

.renovation-msg {

    font-size: 14px;

    line-height: 18px;

    padding: 40px 10px 10px;

    color: #000;

    box-shadow: 0 0 10px rgba(0,0,0,.15);

}    

.renovation-msg .closeRenovation {

    background-size: 30px auto;

    border: 3px solid #000;

    width: 24px;

    height: 24px;

}

}

/*---- SOS ----*/



.dugout-logo {

    width: 350px;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 40px;

}

.dugout-logo img {

    width: 100%;

}

.dugout-logo_section .btn {

    border-color: #fff;

    color: #fff;

}

.dugout-logo_section .btn span {

    border-color: #fff;

}

.dugout-logo_section .btn:hover  {

    border-color: rgba(232, 137, 47, 1);

}

.dugout-logo_section .btn:hover span {

    border-color: rgba(255,255,255,0);

    color: rgba(232, 137, 47, 1)

}