/*==============================================================================

version:  4.0
date:	  03/25/24
author:   Capisce Design Inc.
email:    capisce@capiscedesign.com
website:  http://www.capiscedesign.com/

==============================================================================*/


* {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}

body { /* Center layout */
    text-align: center;
    background-color:#000;
}

#wrapper {
    width: 100%;
    margin: 0; /* Center layout */
    text-align: left; /* Center layout */
}

@font-face {
    font-family: 'chivoregular';
    src: url('../fonts/chivo-regular-webfont.woff2') format('woff2'),
    url('../fonts/chivo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'chivobold';
    src: url('../fonts/chivo-bold-webfont.woff2') format('woff2'),
    url('../fonts/chivo-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'chivolight';
    src: url('../fonts/chivo-light-webfont.woff2') format('woff2'),
    url('../fonts/chivo-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/Lato-Bold-webfont.woff2') format('woff2'),
    url('../fonts/Lato-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin-light';
    src: url('../fonts/josefinsans-light-webfont.woff2') format('woff2'),
    url('../fonts/josefinsans-light-webfont') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin-regular';
    src: url('../fonts/josefinsans-regular-webfont.woff2') format('woff2'),
    url('../fonts/josefinsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin-semibold';
    src: url('../fonts/josefinsans-semibold-webfont.woff2') format('woff2'),
    url('../fonts/josefinsans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin-bold';
    src: url('../fonts/josefinsans-bold-webfont.woff2') format('woff2'),
    url('../fonts/josefinsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin-bolditalic';
    src: url('../fonts/josefinsans-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/josefinsans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'inter-bold';
    src: url('../fonts/inter-bold-webfont.woff2') format('woff2'),
    url('../fonts/inter-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'monstserrat-regular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'founders';
    src: url('../../../fonts/founders-grotesk-regular.woff2') format('opentype'),
    url('../../../fonts/founders-grotesk-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'foundersmono';
    src: url('../../../fonts/founders-grotesk-mono-regular.woff2') format('opentype'),
    url('../../../fonts/founders-grotesk-mono-regular.woff2') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'formulacond';
    src: url('../../../fonts/formulaCondensed.otf') format('opentype'),
    url('../../../fonts/formulaCondensed.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proximanovacond';
    src: url('../../../fonts/ProximaNovaCond-Regular.woff2') format('opentype'),
    url('../../../fonts/ProximaNovaCond-Regular.woff2') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proximanovacondbold';
    src: url('../../../fonts/ProximaNovaCond-Bold.woff2') format('opentype'),
    url('../../../fonts/ProximaNovaCond-Bold.woff2') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alternategothic';
    src: url('../../../fonts/AlternateGothic.woff2') format('opentype'),
    url('../../../fonts/AlternateGothic.woff2') format('opentype');
    font-weight: normal;
    font-style: normal;
}


:root {
    --gold-text: #cbaf14;
    --gray-text: #7b7d7e;
    --hover-text-color: #666;
    --main-text-color:#efefea;
    --border-lines: #363d44;
    --font-normal:'proximanovacond', Arial, san-serif;
    --font-text:'proximanovacond', Arial, san-serif;
    --font-boldcond:'alternategothic', Arial, san-serif;
    --font-bold:'proximanovacondbold', Arial, san-serif;
    --font-dash-header: 'monstserrat-regular', Arial, san-serif;
}

/*==============================================================================
 * Typography
==============================================================================*/

body {
    font-size: 12px;
    font-family: 'founders', Arial, san-serif;
    background-color:#000;
}

a {
    color: var(--main-text-color);
    /*font-family: 'chivobold', Arial, san-serif;*/
    text-decoration: none;
}

a:link {
    color: var(--main-text-color);
}

a:visited {
    color: var(--main-text-color);
}

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

a:active {
    color: var(--hover-text-color);
    outline:none;
}

h1 {
    font-family: 'alternategothic';
    text-transform: uppercase;
    font-size:60px;
    color:var(--main-text-color);
}

h2 {
    font-family: 'alternategothic';
    color: var(--main-text-color);
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding-bottom: 20px;
}

/*==============================================================================
 * ACCESSIBILITY
==============================================================================*/

a:focus,
.hamburger:focus,
#mobile_btn_cart a:focus,
.ls-v6 .ls-nav-prev:focus {
    outline: var(--gold-text) solid 1px !important;
    color: var(--hover-text);
    outline-offset: -1px;
}
.hamburger:active {
    outline:none;
}
#btn_signin a:focus {
    color:var(--gold-text);
}
* input:focus {
    outline: var(--gold-text) solid 1px;
}
select:focus {
    outline: var(--gold-text) solid 1px;
}
button:focus {
    outline: var(--gold-text) solid 1px;
}
.slick-next:focus {
    outline: var(--gold-text) solid 1px !important;
}
.slick-prev:focus {
    outline: var(--gold-text) solid 1px !important;
}
.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
    padding:10px 20px;
    display: block;
    background-color:#8D0002;
    color:#fff !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
    left: 0;
    top: 8px;
    width: auto;
    height: auto;
    overflow: visible;
    z-index: 9000;
}

.footer_nav li a:focus {
    color: var(--gold-text);
}
#newsletter_signup input:focus,
#newsletter_signup button:focus {
    outline-offset: 2px !important;
}

body:not(.accessible) *:focus{
    outline: none !important;
    -webkit-appearance: none !important;
}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }

/*==============================================================================
 * Header
==============================================================================*/

#header {
    width: 100%;
    margin: 0;
    height: 68px;
    /*background:url('https://cdn.bonjovi.com/images/header_bg.png') top center repeat-x;*/
    background-color:#000;
    position: fixed;
    z-index: 1000;
    text-align: center;
}

#header a {
    font-family: 'proximanovacondbold';
    font-size:14px;
    color: var(--main-text-color);
    line-height: 1em;
    letter-spacing: .05em;
}


#logo {
    width: 100%;
    height: auto;
    max-width:450px;
    max-height: 68px;
    /*zoom:0.75;*/
    /*transform: scale(0.75);*/
    /*-moz-transform:scale(0.75);*/
    -moz-transform-origin: center top;
    position: absolute;
    top:0;
    left:calc(50% - 225px);
    z-index: 5;
}
#tagline {
    float: right;
    width: 332px;
    height: 74px;
    margin: 0 15px 0 0;
}

#qtybubble {
    display: block;
    background: #000;
    padding: 4px 6px;
    position: absolute;
    right: 9%;
    border: 1px solid #cbaf14;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    top: 9%;
    min-width: 10px;
}
@media screen and (max-width: 992px) {
    #qtybubble {
        top: 1%;
        right:0;
    }
}

/*==============================================================================
 * Main Nav
==============================================================================*/


ul.right_nav {
    margin: 0 0 0 0;
    padding: 0 0px 0 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    width:auto;
    height: 68px;
    text-align: center;
    /*overflow: hidden;*/
    z-index: 10;
    position: relative;
}
ul.right_nav li {
    /*float: right;*/
    align-items: center;
    display: flex;
}
.right_nav a {
    color:var(--main-text-color);
    padding: 10px 20px;
    font-size:13px;
    text-transform: uppercase;
    letter-spacing: normal;
    display: block;
    box-sizing: border-box;
    align-items: center;
}
.right_nav a:hover {
    color: var(--gold-text);
}
#btn_signin a {
    padding: 24px 34px;
    box-sizing: border-box;
}
ul.right_nav #btn_cart a{
    padding: 60px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:60px; /* for IE5/Win only */
}

li#btn_cart a {
    background: url('https://cdn.bonjovi.com/images/icon_cart-bon-jovi.svg') no-repeat;
    width: 90px;
    height: 60px;
    border-left:1px solid #505356;
}
#bj_radio {
    display:none;
}

ul.mobile_shop_nav {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    float: right;
    width:50px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    z-index: 10;
    position: absolute;
    right: 10px;
}
ul.mobile_shop_nav li {
    float: left;
}

ul.mobile_shop_nav #mobile_btn_cart a {
    padding: 48px 0 0 0;
    width:48px;
    overflow: hidden;
    height: 0px !important;
    height /**/:48px; /* for IE5/Win only */
}

ul.mobile_shop_nav li#mobile_btn_cart a {
    background: url('https://cdn.bonjovi.com/images/icon_cart-bon-jovi-mobile.svg') no-repeat;
    width: 48px;
    height: 48px;
    display: block;
}

#header_shape {
    position: absolute;
    bottom:-35px;
    left:calc(50% - 140px);
    background:url('https://cdn.bonjovi.com/images/header_shape.jpg') center repeat-x;
    width:280px;
    height:35px;
    clip-path: polygon(20% 150%, 80% 150%, 100% 0%, 0% 0%);
    z-index: 2;
}
.gold_bar {
    display: block;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, #8d6918, #FCF6BA, #B38728, #FBF5B7, #8d6918);
    position: absolute;
    bottom: -8px;
    z-index: 1;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #fff;
    border-radius: 0;
}

/*[ Menu ]
-----------------------------------------------------------*/

.menu {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    background:url('https://cdn.bonjovi.com/images/header_bg_texture2.jpg') center center no-repeat;
}

.main_menu {
    padding:0 0 0 0px;
    list-style: none;
    width: auto;
    height: 68px;
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0px;
    /*  display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;*/
}

.main_menu > li {
    display: flex;
    /*position: relative;*/
    align-content: flex-start;
    align-items: center;
    /*  padding-top: 20px;
      padding-bottom: 14px;
      padding-left: 20px;
      padding-right: 20px;*/
}

.main_menu > li > a {
    color:var(--main-text-color);
    float: left;
    padding: 10px 20px;
    font-size:12px;
    text-transform: uppercase;
    letter-spacing: normal;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    text-align:left;
    background-color:#000;
    /*border:1px solid #333;*/
    /*margin:14px 6px;*/
    /*background: rgb(58,58,59);*/
    /*background: linear-gradient(0deg, rgba(58,58,59,1) 0%, rgba(0,0,0,1) 100%);*/
}

li.current > a {
    /*color: #000;*/
}

.main_menu > li:hover > a {
    cursor: pointer;
}
.main_menu > li:hover > a:hover {
    color:#fff;
    /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(58,58,59,1) 100%);*/
    /*background:none;*/
    /*background-color:#000;*/
    /*-webkit-animation: glow 1s ease-in-out infinite alternate;*/
    /*-moz-animation: glow 1s ease-in-out infinite alternate;*/
    /*animation: glow 1s ease-in-out infinite alternate;*/
}

.main_menu li {
    position: relative;
}

.main_menu > li:hover > .sub_menu,
.main_menu > li:hover > .sub_menu_tour {
    visibility: visible;
    opacity: 1;
}

.sub_menu,
.sub_menu_tour {
    list-style-type: none;
    position: absolute;
    z-index: 1100;
    top:0;
    /*left:100%;*/
    left:0;
    /*width: 400px;*/
    background-color: #101518;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    margin-top: -2px;
}
.sub_menu_tour {
    width: 150px;
}

.main_menu > li > .sub_menu,
.main_menu > li > .sub_menu_tour {
    top:100%;
    left: 0;
    position: absolute;
}

.sub_menu li:hover > .sub_menu,
.sub_menu li:hover > .sub_menu_tour {
    visibility: visible;
    opacity: 1;
}
.accessible_sub_menu,
.accessible_sub_menu_tour {
    visibility: visible;
    opacity: 1;
}

.sub_menu li,
.sub_menu_tour li {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.sub_menu li, .sub_menu a,
.sub_menu_tour li, .sub_menu_tour a{
    font-size: 12px;
    color: #666;
    display: block;
    padding: 0 !important;
    width: 100%;
    text-align: left;
}
.sub_menu a,
.sub_menu_tour a {
    padding:16px 34px !important;
    color: var(--gold-text);
}
.sub_menu_tour .submenu_items a {
    padding: 20px !important;
    box-sizing: border-box;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.sub_menu a:hover,
.sub_menu a:focus,
.sub_menu_tour a:hover,
.sub_menu_tour a:focus {
    color: #fff;
}

.sub_menu > li:hover > a,
.sub_menu_tour > li:hover > a{
    color: #000;
    text-decoration: none;
}
.submenu_items {
    float:left;
    padding: 0;
}
.sub_menu_tour .submenu_items {
    width:100%;
}
.submenu_head {
    letter-spacing: .2em !important;
    text-transform: uppercase;
    padding-bottom: 10px !important;
    color:#999 !important;
    font-size:9px !important;
}

@media screen and (max-width: 992px){
    .submenu_head {
        padding-top:20px;
    }
}

/* ------------------------------------ */
.header-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: absolute;
    right: 52px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-wrapicon1,
.header-wrapicon2 {
    height: 27px;
    position: relative;
}

.header-wrapicon1 img,
.header-wrapicon2 img {
    height: 100%;
}

.header-icon1:hover,
.header-icon2:hover {
    cursor: pointer;
}

.header-icons-noti {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #111111;
    color: white;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: -10px;
}

.linedivide1 {
    display: block;
    height: 20px;
    width: 1px;
    background-color: #e5e5e5;
    margin-left: 23px;
    margin-right: 23px;
    margin-top: 5px;
}

/*[ Header Mobile ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.wrap_header_mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: left;
    justify-content: space-between;
    max-height: 68px;
    /*background:url('https://cdn.bonjovi.com/images/header_bg.png') top center repeat-x;*/
    background-color:#000;
    display: none;
}

/*[ Logo mobile ]
-----------------------------------------------------------*/
.logo-mobile {
    width: 100%;
    height: auto;
    max-width:450px;
    max-height: 68px;
    /*zoom:0.6;*/
    /* transform: scale(0.6);*/
    /*-moz-transform:scale(0.6);*/
    -moz-transform-origin: center top;
    position: absolute;
    top:0;
    left: calc(50% - 225px);
    z-index: 15;
}

#mobile_header_shape {
    position: absolute;
    bottom:-24px;
    left:calc(50% - 100px);
    background:url('https://cdn.bonjovi.com/images/header_shape.jpg') center repeat-x;
    width:200px;
    height:25px;
    clip-path: polygon(20% 150%, 80% 150%, 100% 0%, 0% 0%);
    z-index: 2;
}
.mobile_gold_bar {
    display: block;
    width: 100%;
    height: 6px;
    background: linear-gradient(to right, #8d6918, #FCF6BA, #B38728, #FBF5B7, #8d6918);
    position: absolute;
    bottom: -6px;
    z-index: 1;
}

/*[ btn show menu ]
-----------------------------------------------------------*/
.btn-show-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.hamburger {
    /*-webkit-transform: scale(0.7);*/
    /*-moz-transform: scale(0.7);*/
    /*-ms-transform: scale(0.7);*/
    /*-o-transform: scale(0.7);*/
    /*transform: scale(0.7);*/
    /*margin-top: 0px;*/
    /*padding:24px 30px 24px 30px !important;*/

    color: #fff;
    font-size: 30px;
    padding-left: 0 !important;
    font-family: var(--font-boldcond);
    padding: 15px 20px 5px 10px !important;
    line-height: 48px !important;
    display:block;
    background-color:#000;
}
.hamburger-box {
    display:none !important;
}
.hamburger:hover {
    opacity: 1;
}
.is-active .hamburger-box {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    display:inline-block !important;
}
.btn_menu {
    display:block;
    color:#fff;
}
.is-active .btn_menu {
    display:none;
}
.is-active {
    padding: 0px 20px 0px 20px !important;
}
.btn_close {
    display:none;
}
.is-active .btn_close {
    font-family: var(--font-normal);
    font-size:16px;
    display:inline-block;
    color:#fff;
}

    /*[ Header icon mobile ]
    -----------------------------------------------------------*/
.header-icons-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.linedivide2 {
    display: block;
    height: 20px;
    width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.header-icons-mobile .header-cart {
    width: 300px;
    top: 190%;
    right: -80px;
    z-index: 1100;
    transform-origin: top right;
}

/*[ Menu mobile ]
-----------------------------------------------------------*/
.wrap-side-menu {
    width: 100%;
    /*background-color: white;*/
    display: none;
    /*border-top: 1px solid #ececec;*/
}

.side-menu {
    width: 100%;
}

.side-menu li {
    list-style-type: none;
}

.side-menu .main-menu {margin-bottom: 0;}

.item-menu-mobile {
    background-color: #000;
}

.side-menu .main-menu > li > a {
    padding: 0 20px;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 4.86;
    letter-spacing: .1em;
    text-align: left !important;
    width:100%;
    display: block;
    box-sizing: border-box;
}
.side-menu .main-menu > li:first-child {
    padding-top:10px;
}
.side-menu .main-menu > li:first-child > a:first-child {
    margin-top:0px;
}

.side-menu .main-menu > li {
    color: white;
    position: relative;
}


.side-menu .main-menu .arrow-main-menu {
    font-size: 28px;
    position: absolute;
    right: 20px;
    /*top: 11px;*/
    top:40px;
    padding: 10px;
    -webkit-transition: all 0.4s !important;
    -o-transition: all 0.4s !important;
    -moz-transition: all 0.4s !important;
    transition: all 0.4s !important;
}

.side-menu .main-menu .arrow-main-menu:hover {
    cursor: pointer;
}

.side-menu .main-menu .arrow-main-menu3 {
    font-size: 28px;
    position: absolute;
    right: 20px;
    /*top: 11px;*/
    top:0px;
    padding: 10px;
    -webkit-transition: all 0.4s !important;
    -o-transition: all 0.4s !important;
    -moz-transition: all 0.4s !important;
    transition: all 0.4s !important;
}

.side-menu .main-menu .arrow-main-menu3:hover {
    cursor: pointer;
}

.turn-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.side-menu .sub-menu a {
    padding-left: 20px;
    font-size: 12px;
    color: #7b7d7e;
    line-height: 58px;
    text-transform: uppercase;
    letter-spacing: .1em;
    border-top: 1px solid #000;
    text-align: left;
    display: block;
}

.side-menu .sub-menu > li {
    padding-left: 0px;
}

.side-menu .sub-menu a:hover,
.side-menu .sub-menu a:focus {
    text-decoration: none;
    padding-left: 20px;
    color: #fff !important;
}

.item-menu-mobile a {
    font-family: var(--font-boldcond) !important;
    font-size: 34px !important;
    letter-spacing: normal !important;
    padding: 15px 20px 8px !important;
    line-height: 48px !important;
    box-sizing: border-box !important;
}

@media screen and (max-width: 992px){
    .side-menu .sub-menu a  {
        /*line-height: 3.5;*/
        display: block;
    }
}
.side-menu .sub-menu {
    background-color: #1d2024;
    display: none;
}

@media screen and (min-width: 992px){
    .wrap-side-menu {
        display: none;
    }
}

/* ------------------------------------ */
.item-topbar-mobile {
    border-bottom: 1px solid #ececec;
}

.topbar-child2-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.topbar-social-moblie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}


/*[ Page sidebar ]
-----------------------------------------------------------
*/
.container1-page {
    margin-left: 320px;
}

@media screen and (max-width: 1400px){
    .wrap_header_mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex !important;
        height: 68px;
        position: relative;
        background:url('https://cdn.bonjovi.com/images/header_bg_texture.jpg') center center;
    }
    .wrap_header {display: none;}

    .container-menu-header-v3,
    .container-menu-header-v2,
    .container-menu-header
    {display: none;}

    .top-bar {display: none;}
    header {height: auto !important;}

    .container1-page {
        margin-left: 0px;
    }
    #content {
        padding:68px 0 0 0 !important;
    }
}


/*[ Dropdown content ]
///////////////////////////////////////////////////////////
*/
.show-dropdown-content .down-mark {
    display: block;
}

.show-dropdown-content .up-mark {
    display: none;
}


/*==============================================================================
 * Content
==============================================================================*/

#content {
    padding: 68px 0 0 0;
    /*min-height: calc(100vh - 156px);*/
}

@media screen and (max-width: 992px){
    #content {
        padding: 54px 0 0 0;
    }
}

/*==============================================================================
* Home
==============================================================================*/

#homeslider-mobile {
    display: none;
}
#homeslider {
    display: block;
}

#home_popup p {
    color:var(--gold-text);
    padding:0 0 20px 0;
    line-height: 1.75em;
    font-size:14px;
}
#home_popup p.title {
    font-family: 'josefin-light',Arial,san-serif;
    background: -webkit-linear-gradient(
            270deg, #fff -29.31%, #caab6f 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    color: #fff;
    line-height: 1.1em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
}
#home_popup p.normal {
    font-family: 'chivoregular', Arial, san-serif;
}
#homepage_news {
    width:100%;
    background:url('https://cdn.bonjovi.com/images/latest_news_bg.jpg') center center no-repeat;
    background-size:cover;
    overflow: hidden;
}
#homepage_news h1 {
    position: absolute;
}
.view_news {
    font-family: 'proximanovacondbold';
    text-transform: uppercase;
    color: var(--main-text-color);
    font-size: 14px;
    letter-spacing: .05em;
    text-align:center;
    width:100%;
    position: absolute;
    padding-top:100px;
}
#page_home h1 {
    padding-top:44px;
    line-height: 1em;
    letter-spacing: .01em;
    text-align:center;
    width:100%;
}
#page_home h1 a {
    font-family: 'foundersmono';
    font-size:13px;
    color:#666;
    padding:10px;
}
#page_home h1 a:hover {
    color: #fff;
}
.home_socials {
    width:90%;
    height: 800px;
    margin:130px auto 0;
    display:block;
}
#homepage_socials {
    overflow: hidden;
}
#homepage_socials .home_container {
    background:url('https://cdn.bonjovi.com/images/socials_bg.jpg') center center no-repeat;
    background-attachment: fixed;
    width:100%;
    position: relative;
    z-index: 1;
    padding:0 0 60px 0;
}
#homepage_socials h1 {
    color:#fff;
    padding-bottom:50px;
    position: absolute;
    z-index: 2;
}
.shadow_top {
    background: url('https://cdn.bonjovi.com/images/shadow_top.png') center center repeat-x;
    height: 140px;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    opacity: .9;
}
.home_container {
    border-top:1px solid #333;
    padding: 0 50px 60px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
#home_news_container {
    display: flex;
    flex-direction: row;
    align-items:stretch;
    justify-content:space-between;
    margin-top:175px;
    /*display: grid;*/
    /*grid-auto-rows: 1fr;*/
    /*grid-template-columns: repeat(4, 1fr);*/
    /*grid-auto-rows: 1fr;*/
    /*grid-column-gap: 30px;*/
    /*grid-row-gap: 30px;*/
    flex-wrap: wrap;
    position: relative;
}
.home_news_box {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*margin:30px 5px;*/
}
.home_news_img_container {
    width:250px;
    height:250px;
    overflow: hidden;
    border: 1px solid #333;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.home_news_img_container img {
    width:auto;
    height:100%;
    /*max-width:250px;*/
    max-height:250px;
}
.home_news_date {
    letter-spacing: .2em;
    text-transform: uppercase;
    color:#999;
}
.home_news_text {
    font-family: var(--font-text);
    color:#666;
    font-size:13px;
    width:250px;
    box-sizing: border-box;
    margin-top:10px;
    padding:20px 16px;
    border:1px solid #666;
    flex-grow: 1;
    background-color:#000;
    min-height:210px;
}
.home_news_text p {
    padding-bottom:10px;
}
.home_news_text a {
    font-family: var(--font-text);
    color:var(--main-text-color);
    letter-spacing: .2em;
}
.home_news_text a:hover {
    color:#fff;
}

.home_news_title {
    font-size:18px;
    color:#999;
}
.popup_bullets {
    margin-left: 20px;
    color:var(--gold-text);
    padding:0 0 20px 0;
    line-height: 1.75em;
    font-size:14px;
}
.fancybox-button svg {
    color:#fff;
}
.box_inner_border {
    border:1px solid var(--gold-text);
    margin:0px;
    padding:30px;
    position: relative;
}
.border_icon {
    position: absolute;
    top: -14px;
    left: calc(50% - 25px);
    width:50px;
    height:28px;
}
.btn_gold_outline {
    font-family: 'latobold', Arial, san-serif !important;
    font-size:14px !important;
    color:#98804b !important;
    padding:10px 20px !important;
    border:1px solid #98804b !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    display: block !important;
    margin:0 auto !important;
    letter-spacing: .1em !important;
    width: 180px!important;
    height: 20px!important;

}
.btn_gold_outline:hover,
.btn_gold_outline:active {
    color:#fff !important;
    border:1px solid #fff !important;
}
.ls-v6 .ls-bottom-slidebuttons a,
.ls-outline .ls-bottom-slidebuttons a {
    box-shadow: 0px 0px 10px #000 !important;
}
.ls-v6 .ls-bottom-slidebuttons a.ls-nav-active {
    background-color: #cbaf14 !important;
}
.ls-outline .ls-nav-start:before {
    border-color: transparent transparent transparent rgba(200, 200, 200, 0.7) !important;
}
.ls-outline .ls-nav-stop:before {
    border: 2px solid rgba(200,200,200,0.7) !important;
    border-top:none !important;
    border-bottom:none !important;
}
.fancybox-content {
    width:95% !important;
    max-width:450px !important;
    padding: 10px !important;
    text-align: center !important;
}

/*==============================================================================
* Contact Page
==============================================================================*/

#contact_us_page #content p {
    font-size: 20px;
    line-height: normal;
    color: #fff;
    font-family: var(--font-text);
    padding-bottom: 20px;
}

#contact_us_page #content a {
    font-family: var(--font-text);
    color: #fff;
}

#help_page #content {
    width: 95%;
    max-width: 550px;
    display: flex;
    align-items: center;
    padding: 150px 0 40px;
    box-sizing: border-box;
    width: 85%;
    margin: 0 auto;
}

#help_page #content p {
    font-size: 20px;
    line-height: normal;
    color: #fff;
    font-family: var(--font-text);
    padding-bottom: 20px;
}

#help_page h1 {
    font-family: 'alternategothic';
    background: none;
    font-weight: normal;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: normal;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 50px;
}
#help_page h1:before, #help_page h1:after {
    position: absolute;
    top: 42%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #363d44;
}

#help_page h1:before {
    margin-left: -50%;
    text-align: right;
}

#help_page h1:after {
    position: absolute;
    top: 42%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #363d44;
}
#help_page h2 {
    font-size: 28px;
}
.help_container {
    min-height: 400px;
    padding-top: 100px;
    padding-bottom: 100px;
}

/*==============================================================================
* The JBJ Experience
==============================================================================*/

.features_section {
    width:100%;
    display: block;
}

.vid_msg {
    padding:20px;
    display: block;
    margin:20px auto;
    width:95%;
    text-align: center;
    border: 1px solid #ff4545;
    color: #ff4545;
    font-size: 14px;
    max-width: 1060px;
    box-sizing: border-box;
}

.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.hsContent {
    max-width: 960px;
    margin: -150px auto 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding: 0 8%;
    text-align: center
}
.about_panel2_box {
    background: rgba(226,56,62,1);
    background: -moz-linear-gradient(top, rgba(226,56,62,1) 0%, rgba(157,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,56,62,1)), color-stop(100%, rgba(157,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(226,56,62,1) 0%, rgba(157,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(226,56,62,1) 0%, rgba(157,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,56,62,1) 0%, rgba(157,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(226,56,62,1) 0%, rgba(157,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2383e', endColorstr='#9d0303', GradientType=0 );
}
section {
    /*float:left;*/
    /*width:100%;*/
    position: relative;
}
/* Slide 1 */
#slide-1 {
    position: relative;
    height: auto;
}
#slide-1 .bcg {

}
/* Slide 2 */
#slide-2 {
    z-index: 21;
    position: relative;
    background-color: #000;
}
#slide-2 .bcg {
    height:437px;background-image:url('https://cdn.bonjovi.com/images/bg_the-jbj-exp.jpg');
}

/* Slide 3 */
#slide-3 .bcg {background-image:url('https://cdn.bonjovi.com/images/bg_other_celebs.jpg');float:left;}

/* Slide 4 */
#slide-4 .bcg {background-color:#fe4869;float:left;}

.jbj_exp_video_section {
    width:100%;
    text-align: center;
    /*display: flex;*/
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
    max-height: 550px;
}
#jbj_exp_banner_bg {
    width:100%;
    height:auto;
    /*min-height: 550px;*/
}

#video_banner_content {
    position: absolute; top: 0; left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.jbj_exp_title {
    max-width: 684px;
    max-height: 118px;
    display: block;
    margin-top:10px;
}
.jbj_exp_video_poster {
    max-width: 680px;
    max-height: 380px;
    display: block;
}
.jbj_exp_video_poster a {
    display: block;
}

/* SECTION 2 -------------------------------*/

.features_box {
    width: 80%;
    max-width: 895px;
    margin:40px auto;
    background:#000;
    display: block;
    box-sizing: border-box;
    padding:28px;
}
.features_box_border {
    width:100%;
    display: block;
    border:1px solid #9a8514;
    padding:30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.box_left {
    /*float:left;*/
    width:100%;
    max-width:326px;
    display: block;
    margin:0 0 0 0;
}
.box_subhead {
    font-family: 'josefin-semibold',Arial,san-serif;
    color:#fff;
    text-align:center;
    font-size:20px;
}
.box_right {
    /*float:right;*/
    width:100%;
    max-width:340px;
    display: block;
    margin:0 0 0 50px;
}
.box_header {
    font-family: 'josefin-light',Arial,san-serif;
    font-size:38px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1em;
    background: -webkit-linear-gradient(270deg, #fff -29.31%, #caab6f 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.1em;
}
.line_divider {
    height: 1px;
    border-top:1px solid #4d4d4d;
    width:80%;
    max-width: 165px;
    margin:20px auto;
}
ul.features_list {
    padding-left:0px;
    list-style:none;
}
ul.features_list li {
    font-family: 'josefin-semibold',Arial,san-serif;
    color: #9c9262;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    padding: 5px 0 16px 0;
    border-bottom: 1px solid #4d4d4d;
    letter-spacing: .1em;
    margin-bottom:10px;
}
ul.features_list li:last-child {
    border-bottom:none;
    padding-bottom:0;
    margin-bottom: 0;
}
ul.features_list li:before {
    content: '\2B51';
    margin: 0 5px 0 -20px;
    background: -webkit-linear-gradient(270deg, #fff -29.31%, #caab6f 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    line-height: 20px;
}

.jbj_exp_heading {
    font-family: 'josefin-regular',Arial,san-serif;
    font-size:38px;
    text-transform: uppercase;
    letter-spacing: .1em;
    width:100%;
    padding:36px 10px;
    text-align: center;
    background: -webkit-linear-gradient(270deg, #fff 40%, #caab6f 60%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1em;
    box-sizing: border-box;
}
.wd_brk {
    white-space: nowrap;
}
.jbj_exp_heading_wrapper {
    width:100%;
    float:left;
    display: block;
    background-color:#1d2024;
}
.jbj_exp_prod_wrapper {
    display: block;
    width:100%;
    background: -webkit-linear-gradient(270deg, #040405 10%, #212529 60%,#212529 90%, #040405 120%);
    float:left;
}
@media screen and (max-width: 1000px ) {
    .jbj_exp_title {
        max-width: 684px;
        max-height: 118px;
        margin-top:0px;
    }
}
@media screen and (max-width: 845px ) {
    .jbj_exp_title {
        max-width: 684px;
        max-height: 118px;
        margin-top:10px;
    }
    .jbj_exp_video_poster {
        max-width: 600px;
        max-height: 380px;
    }
    .jbj_exp_video_section {
        height: 430px;
    }
    #jbj_exp_banner_bg {
        width:100%;
        left: 0;
        position: absolute;
    }
    .jbj_exp_heading {
        background:-webkit-linear-gradient(270deg, #fff 30%, #caab6f 40%,#fff 80%, #caab6f 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
@media screen and (max-width: 820px ) {
    .jbj_exp_video_section  {
        display: flex;
    }
    #jbj_exp_banner_bg {
        width:auto;
        left: 0;
        position: absolute;
    }
    .features_box_border {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .box_left {
        max-width: initial;
    }
    .box_right {
        width: 80%;
        margin: 20px 10px 0;
    }
}
@media screen and (max-width: 520px ) {
    .wd_brk {
        white-space: normal;
    }
    .jbj_exp_heading {
        width:90%;
        padding:20px 0;
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (max-width: 400px ) {
    .jbj_exp_video_section {
        height: 330px;
    }
}
@media screen and (max-width: 360px ) {
    .box_header {
        font-size:30px;
    }
}
@media screen and (max-width: 280px ) {
    .features_box_border {
        padding:10px;
    }
    .box_header {
        font-size:30px;
    }
    ul.features_list li {
        font-size: 12px;
    }
    .box_right {
        margin:20px 0 0 14px;
    }
}

/* SECTION 3 -------------------------------*/

.jbj_exp_prod_wrapper {
    display: flex;
}
.jbj_crest {
    max-width: 150px;
}
.features_left {
    width: 50%;
    text-align: center;
    padding-top:40px;
    border-right:1px solid #515559;
    position: relative;
}
.features_right {
    width: 50%;
    text-align: center;
    padding-top:40px;
    position: relative;
}
.silver_stars {
    font-size:16px;
    background: -webkit-linear-gradient(270deg, #fff 40%, #838383 60%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align:center;
    width:100%;
    padding:10px 0;
    letter-spacing: .4em;
}
.gold_stars {
    font-size:16px;
    background: -webkit-linear-gradient(270deg, #fff 40%, #a79f7d 60%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align:center;
    width:100%;
    padding:10px 0;
    letter-spacing: .4em;
}
.jbj_exp_name {
    font-family: 'josefin-semibold',Arial,san-serif;
    font-size:64px;
    text-align: center;
    background: -webkit-linear-gradient(270deg, #fff 40%, #838383 60%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align:center;
    width:100%;
    letter-spacing: .1em;
}
.gold_grad_txt {
    background: -webkit-linear-gradient(270deg, #fff 40%, #aea57e 60%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.jbj_exp_pricing {
    font-family: 'josefin-regular',Arial,san-serif;
    font-size:20px;
    text-align: center;
    color:#fff;
    text-align:center;
    width:100%;
    letter-spacing: .2em;
    line-height: 1em;
}
.join_btn_wrapper {
    width:80%;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 40px auto 10px;
}
.line {
    width:100%;
    display: block;
    height:1px;
    border-top:1px solid #515559;
}
.join_btn_wrapper .line {
    position: absolute;
    top:50%;
    z-index: 1;
}
a.btn_join_now_silver {
    font-family: 'inter-bold',Arial,san-serif;
    font-size:24px;
    text-align: center;
    display:block;
    padding:10px 50px;
    border-radius: 30px;
    background: -webkit-linear-gradient(270deg, #fff 10%, #a7a7a7 35%, #6d6d6d 50%, #585858 50%, #838383 100%, #a7a7a7 130%);
    text-transform: uppercase;
    color:#000;
    max-width: 250px;
    max-height: 60px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    line-height: calc(1em + 20px);
    letter-spacing: .1em;
}
a.btn_join_now_gold {
    font-family: 'inter-bold',Arial,san-serif;
    font-size:24px;
    text-align: center;
    display:block;
    padding:10px 50px;
    border-radius: 30px;
    background: -webkit-linear-gradient(270deg, #fff 10%, #c3bea1 35%, #8d8149 50%, #7a6e2e 50%, #c3bea1 130%);
    text-transform: uppercase;
    color:#000;
    max-width: 250px;
    max-height: 60px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    line-height: calc(1em + 20px);
    letter-spacing: .1em;
}
a.btn_join_now_gold:hover,
a.btn_join_now_silver:hover,
a.btn_join_now_gold:focus,
a.btn_join_now_silver:focus {
    text-shadow: 0 0 10px #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05) inset, 0px 0px 40px rgba(82, 168, 236, 0.6);
}
a.btn_join_now_gold:focus,
a.btn_join_now_silver:focus {
    outline-offset: 2px;
}
.btm_join_now {
    margin:0 auto 60px;
}
a.jbj_exp_terms_link {
    font-family: 'josefin-regular',Arial,san-serif;
    font-size: 14px;
    text-align: center;
    padding:0;
    color: #999999;
}
.jbj_exp_table {
    width:80%;
    margin: 40px auto;
    max-width: 400px;
}
.jbj_exp_table td {
    border-bottom: 1px solid #515559;
    font-family: 'chivoregular',Arial,san-serif;
    font-size:14px;
    color: #999999;
    line-height: 1.25em;
    text-align: left;
    padding:20px 0;
}
td.jbj_exp_icon {
    padding: 0 20px 0 0;
    color:#ad9b45;
    font-size:20px;
}
.extra_features {
    color:#ad9b45 !important;
}
.missing_features {
    color:#3e4247 !important;
}
.fa-times {
    color:#512a2a;
}

/*
.jbj_exp_bullets {
  width:100%;
  padding: 40px;
  box-sizing: border-box;
}
.jbj_exp_bullets li {
  font-family: 'chivoregular',Arial,san-serif;
  font-size:14px;
  color: #999999;
  line-height: 1.25em;
  list-style: none;
  border-bottom: 1px solid #515559;
  text-align: left;
  padding:20px 0;
}
.jbj_exp_bullets li:before {
  content: '\2B51';
  margin:0 8px 0 -30px;
}
.jbj_exp_bullets li:last-child {
  border-bottom: none;
}*/
@media screen and (max-width: 630px) {
    a.btn_join_now_gold,
    a.btn_join_now_silver {
        font-size: 20px;
        padding: 6px 30px;
    }
    .join_btn_wrapper .line {
        display: none;
    }
    a.btm_join_now,
    a.btm_join_now {
        width:80%;
    }
}
@media screen and (max-width: 500px) {
    .jbj_exp_name {
        font-size:44px;
    }
    .home_socials {
        margin-top: 200px;
    }
    .shadow_top {
        background: url('https://cdn.bonjovi.com/images/shadow_top.png') top center repeat-x;
        height: 250px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: .9;
        background-size: contain;
    }
    .home_socials {
        width:80%;
    }
    .skip {
        display:none;
    }
}
@media screen and (max-width: 470px) {
    a.btn_join_now_gold,
    a.btn_join_now_silver {
        font-size: 14px;
        padding: 6px 10px;
        width:100%;
    }
    a.btm_join_now,
    a.btm_join_now {
        width:80%;
    }
}
@media screen and (max-width: 365px) {
    .jbj_exp_name {
        font-size:34px;
    }
    .jbj_crest {
        max-width: 124px;
    }
}
@media screen and (max-width: 280px) {
    .jbj_exp_heading {
        font-size: 32px;
    }
}

/* SECTION 5 -------------------------------*/

#slide-5 .jbj_exp_heading_wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    background-color: #153245;
}
.gift_btn_silver,
.gift_btn_gold {
    display: block;
    padding: 20px;
    border: 1px solid var(--gold-text);
    width: 50%;
    text-align: center;
    font-size: 16px;
    font-family: 'chivoregular';
    text-transform: uppercase;
    letter-spacing: .1em;
    margin: 10px 20px;
    box-sizing: border-box;
    max-width: 400px;
}
.gift_btn_silver {
    border-color:#ccc;
    color:#ccc !important;
}
.gift_btn_silver:hover {
    color:#fff !important;
}
.gift_btn_silver:focus,
.gift_btn_gold:focus {
    outline-offset:2px;
}
@media screen and (max-width: 680px) {
    #slide-5 .jbj_exp_heading_wrapper {
        flex-direction: column;
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 400px) {
    .gift_btn_silver,
    .gift_btn_gold {
        width:90%;
    }
}

/*==============================================================================
* News
==============================================================================*/

#news_page #wrapper {
    /*background: -webkit-linear-gradient(270deg, #000000 0%, #0d151a 10%, #212529 40%,#212529 60%, #0d151a 90%, #000000 120%);*/
}
#news_page #content {
    padding-bottom:50px;
}
#news_page h1 {
    font-size:50px;
    color:#fff;
    text-transform: uppercase;
    width:100%;
    text-align: center;
    margin:80px auto;
    display: block;
    line-height: .65em;
    border-bottom:1px solid #474c4f;
}


.media-box-link {
    font-family: 'chivoregular', Arial, san-serif;
    font-size:12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color:#fff;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news_table {
    margin-bottom:10px;
    border-bottom:1px solid #333;
    width:100% !important;
}
.news_table td {
    padding:10px 20px 10px 0;
    border-top: 1px solid #333;
}
.news_table td:first-child {
    color:var(--gold-text);
}
.news_table td:nth-child(3) {
    text-align:right;
    padding-right:0;
}
.highlight {
    color:var(--gold-text);
}
.red_txt {
    color:#ff0;
}

@media screen and (max-width: 480px) {
    .article_txt img {
        width: 100%;
        height: auto;
        margin-left:0;
        margin-right:0;
    }
}

/*==============================================================================
* Tour
==============================================================================*/

body #tour_page {
    background-color:#000 !important;
}
#tour_page #wrapper {
    background-color:#000 !important;
    background:url('https://cdn.bonjovi.com/images/tour_bg.jpg') top center repeat;
    background-attachment: fixed;
}
#tour_page h1 {
    font-family: 'josefin-light',Arial,san-serif;
    font-size: 38px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1em;
    background: -webkit-linear-gradient(
            270deg, #fff -29.31%, #caab6f 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.1em;
}
.tour_logo {
    max-width:436px;
    max-height:564px;
    margin:0 auto;
    display:block;
}
.date_box {
    width:100%;
    margin:40px auto;
    max-width:1000px;
    background-color:#000;
    padding:30px;
    box-sizing: border-box;
    display: block;
}
.date_box_border {
    border:1px solid var(--gold-text);
    width:100%;
    display: block;
    padding:5%;
    box-sizing: border-box;
    font-family: 'josefin-bold',Arial,san-serif;
    font-size:18px;
    letter-spacing: .1em;
}
.date_box_border {
    display: flex;
    flex-direction: column;
}
.date_row {
    display: flex;
    min-height: 62px;
    border-top:1px solid #4a4a4a;
    align-items: center;
}
.date_row .col {
    flex:11;
    align-items: center;
}
.date_col {
    flex:1 25px !important;
    align-items: center;
    color:#fff;
}
.loc_col {
    flex:3 10px !important;
    align-items: center;
    color:#9c9262;
    text-transform: uppercase;
    padding-right:10px;

}
.ven_col {
    flex:3 !important;
    align-items: center;
    color:#9c9262;
    font-family: 'josefin-bolditalic',Arial,san-serif;
    letter-spacing: normal !important;
    /*padding-left:10px;*/
}
.ticket_col {
    flex:2 !important;
    align-items: center;
}
.vip_col {
    flex:2 !important;
    align-items: center;
}
#tour_page .fancy_button {
    /* width: 100%;
    height: 200px; */
    background: linear-gradient(to top, #3acfd5 0%, #3a4ed5 100%);
    border-radius: 100%;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    margin-left:20px;
    background: -webkit-linear-gradient(270deg, #2d333b 10%, #282d34 50%, #21262c 90%);
    border-radius: 50px;
    box-shadow: 0 0 2px #000;
    height: 28px;
}
#tour_page .fancy_button::before {
    border-radius: 50px;
    content: '';
    background-image: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);
    padding: 3px;
    width: 100%;
    height:100%;
    top: -3px;
    left: -3px;
    position:absolute;
    z-index:-1;
}
#tour_page .fancy_button a {
    font-family: "chivoregular", Arial, san-serif !important;
    text-transform: uppercase;
    color: var(--gold-text);
    padding: 12px 30px !important;
    margin: 0px;
    border-width: 0px;
    cursor: pointer;
    background-color: #b0584a;
    font-size: 14px !important;
    letter-spacing: .1em;
    background: -webkit-linear-gradient(270deg, #fff 40%, #aea57e 60%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    width:100%;
    /*-webkit-text-fill-color: transparent;*/ /* This breaks Safari */
    outline-offset: 10px;
}
#tour_page .fancy_button a:hover,
#tour_page .fancy_button a:focus {
    color:#fff;
}

#tour_page .gold_fancy_button {
    /*background: linear-gradient(to top, #3acfd5 0%, #3a4ed5 100%);*/
    border-radius: 100%;
    position: relative;
    text-align: center;
    /* padding: 10px 30px; */
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    /*background: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);*/
    /*border-radius: 50px;*/
    box-shadow: none;
    width: auto;
    background:none;
    /*height: 30px;*/
}
#tour_page .gold_fancy_button::before {
    border-radius: 50px;
    content: '';
    /*background-image: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);*/
    padding: 4px;
    width: 100%;
    height: 100%;
    top: -4px;
    left: -4px;
    position: absolute;
    z-index: -1;
    height: 25px;
}
#tour_page .gold_fancy_button a {
    font-family: "chivoregular", Arial, san-serif;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0px;
    border-width: 0px;
    cursor: pointer;
    font-size: 14px !important;
    letter-spacing: .1em;
    /*background-clip: border-box;*/
    /*background-clip: border-box;*/
    /*background-clip: border-box;*/
    /*background-clip: text;*/
    /*background: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);*/
    color: #000;
    border-radius: 50px;
    width: 100%;
    padding: 5px 14px !important;
    border: 1px solid #666;
    text-shadow: 1px 1px 1px #ccc;
}
#tour_page .gold_fancy_button a:focus {
    outline-offset: 10px;
}
#tour_page .gold_fancy_button a:hover,
#tour_page .gold_fancy_button a:focus {
    background: linear-gradient(to bottom, #8d6918 0%, #e0b656 80%, #FCF6BA 100%);
    color:#fff;
}

@media screen and (max-width:1080px) {
    .date_row {
        display: block;
        min-height: 62px;
        border-top: 1px solid #4a4a4a;
        align-items: center;
        text-align: center;
        padding: 20px 0;
    }
    .vip_col, .ticket_col {
        display: flex !important;
        flex: none !important;
        align-items: center;
        display: block;
        margin: 20px auto 10px !important;
        width: 168px;
    }
    .loc_col {
        padding-right:0;
        padding-top:10px;
    }
}
@media screen and (max-width: 800px) {
    #tour_page #wrapper {
        background-color:#000;
        background:url('https://cdn.bonjovi.com/images/tour_bg_mobile.jpg') top center repeat;
    }
}
@media screen and (max-width: 440px) {

    #tour_page .fancy_button {
        margin: 0 auto !important;
        float: none !important;
        width: auto !important;
        display: block !important;
    }
    .date_box {
        padding:10px;
    }
}

/*==============================================================================
* Gallery
==============================================================================*/

body #gallery_page {
    background-color:#000 !important;
}
#gallery_page #wrapper {
    background-color:#000 !important;
    background:url('https://cdn.bonjovi.com/images/gallery_bg.jpg') top center repeat;
    background-attachment: fixed;
}
.gallery_heading {
    font-family: 'josefin-regular',Arial,san-serif;
    font-size:38px;
    text-transform: uppercase;
    letter-spacing: .1em;
    width:100%;
    padding:0 10px;
    text-align: center;
    background: -webkit-linear-gradient(270deg, #fff 40%, #caab6f 60%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1em;
    box-sizing: border-box;
    margin-top:80px;
}
#TourGallery {
    width: 100%;
    max-width:1000px;
    margin:0 auto;
    padding:0 0 60px 0;
}

#TourGallery .gold_bar {
    max-width:950px;
    margin:20px auto;
    position: relative;
    bottom: 0;
}

.mfp-arrow::before, .mfp-arrow .mfp-b {
    border:none !important;
}

.mfp-title {
    padding-right:0 !important;
}
.mfp-counter {
    font-family: 'chivoregular',Arial,san-serif !important;
    top: 10px !important;
    right: 10px !important;
    letter-spacing: .15em;
    text-transform: uppercase;
    color:#6b7079 !important;
}
.mfp-content {
    top:-40px;
}

.g_caption {
    background-color: #20252d;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 2px;
    width: 100%;
}
.g_date {
    width: 100%;
    border-bottom:1px solid #4d5157;
    font-size: 12px;
    letter-spacing: .33em;
    text-align: left;
    padding: 0px 0 10px;
    text-transform: uppercase;
}
.g_loc {
    font-family: 'chivoregular',Arial,san-serif;
    font-size:20px;
    letter-spacing: .12em;
    text-align: left;
    padding:10px 0 0 0;
    text-transform: uppercase;
}
.g_cred {
    font-family: 'chivoregular',Arial,san-serif;
    font-size:12px;
    letter-spacing: .15em;
    text-align: left;
    text-transform: uppercase;
    padding:5px 10px;
    color:#666;
}

.tour-images img:focus {
    outline: var(--gold-text) solid 2px;
}

@media screen and (max-width: 800px) {
    #gallery_page #wrapper {
        background-color:#000;
        background:url('https://cdn.bonjovi.com/images/gallery_bg_mobile.jpg') top center repeat;
    }
}

/*==============================================================================
* Radio
==============================================================================*/

body #radio_page {
    background-color:#000 !important;
}
#radio_page #wrapper {
    background-color:#000 !important;
    background:url('https://cdn.bonjovi.com/images/radio_bg.jpg') top center repeat;
    background-attachment: fixed;
}
#radio_page .content {
    padding: 20px 0;
}
#radio_page .date_box {
    max-width:800px;
}

#radio_page #content {
    padding: 150px 0 40px;
    box-sizing: border-box;
    width: 85%;
    margin: 0 auto;
}
#radio_page h1 {
    font-size: 26px;
    letter-spacing: .1em;
    padding: 20px 0;
    text-align: center;
}
#radio_page h2 {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding-bottom:20px;
    font-size: 20px;
    border-bottom: 1px dotted #555;
    margin-bottom: 20px;
}
.img_bj_radio {
    margin:0 auto;
    display:block;
    max-width:400px;
    max-height:220px;
}
#radio_page .date_box p {
    color:#fff;
    font-family: 'chivoregular', Arial, san-serif;
    padding: 0 0 40px 0;
    line-height: 1.5em;
    letter-spacing: normal;
    max-width: 600px;
    margin: 0 auto;
}
.gold_txt {
    color: var(--gold-text);
}
.img_radio_header {
    max-width: 600px;
    max-height: 400px;
    display: block;
    margin:20px auto 40px;
}
.radio_offer_container {
    background-color:#1d2024;
    width:100%;
    max-width: 600px;
    padding:20px 20px 20px 20px;
    box-sizing: border-box;
    margin:0 auto;
}
a.btn_outline {
    border:1px solid var(--gold-text);
    padding:10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
    color:var(--gold-text);
    margin:0 auto;
    font-size:14px !important;
}
#radio_page a.btn_outline {
    font-family: var(--font-normal);
    border: 1px solid #8d6918;
    text-align: center;
    width: 90%;
    max-width: 208px;
    height: auto;
    line-height: 1.25em;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
}
a.btn_outline:hover,
a.btn_outline:active,
a.btn_outline:focus {
    border:1px solid #fff;
    color:#fff;
}

@media screen and (max-width: 800px) {
    #radio_page #wrapper {
        background-color:#000;
        background:url('https://cdn.bonjovi.com/images/radio_bg_mobile.jpg') top center repeat;
    }
    #radio_page .content {
        padding:50px 0;
    }
    #radio_page .date_box p {
        font-size: 15px;
    }
}

/*==============================================================================
* VIP
==============================================================================*/

#vip_page .box_left {
    max-width: 288px;
}
#vip_page .box_right {
    max-width: 420px;
}
#vip_page .features_box_border {
    padding:30px 10px;
}
.vip_list a {
    font-family: 'chivoregular', Arial, san-serif;
}
.vip_list a:focus {
    outline-offset: 4px;
}

ul.vip_list {
    padding-left:0px;
    list-style:none;
}
ul.vip_list li {
    font-family: 'josefin-semibold',Arial,san-serif;
    color: #9c9262;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    padding: 5px 0 16px 0;
    border-bottom: 1px solid #4d4d4d;
    letter-spacing: .1em;
    margin-bottom:10px;
}
ul.vip_list li:last-child {
    border-bottom:none;
    padding-bottom:0;
    margin-bottom: 0;
}
ul.vip_list li#star_vip1:before {
    content: '\2B51';
    margin: 0 5px 0 -20px;
    background: -webkit-linear-gradient(270deg, #fff -29.31%, #caab6f 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    line-height: 20px;
}
ul.vip_list li#star_vip2:before {
    content: '\2B51';
    margin: 0 5px 0 -20px;
    background: -webkit-linear-gradient(270deg, #fff -29.31%, #ccc 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    line-height: 20px;
}
ul.vip_list li#star_vip3:before {
    content: '\2B51';
    margin: 0 5px 0 -20px;
    background: -webkit-linear-gradient(270deg, #fff -29.31%, #ba7e06 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    line-height: 20px;
}
ul.vip_list li#star_vip4:before {
    content: '\2B51';
    margin: 0 5px 0 -20px;
    background: -webkit-linear-gradient(270deg, #fff -29.31%, #293779 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    line-height: 20px;
}
ul.vip_list li#star_vip5:before {
    content: '\2B51';
    margin: 0 5px 0 -20px;
    background: -webkit-linear-gradient(270deg, #fff -29.31%, #275777 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    line-height: 20px;
}

#vip_containers,
#vip_containers2 {
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    width:100%;
    border-bottom:1px solid #515559;

}

.vip_column {
    align-items:flex-start;
    width:33%;
    flex-basis:auto;
    flex-grow: 1;
    flex-direction: column;
    padding:0 10px 20px 10px;
    border-right:1px solid #515559;
    box-sizing: border-box;
}
.vip_column:last-child {
    border-right:none;
}
.vip_badge {
    max-width:334px;
    max-height:170px;
    margin:20px auto;
    display: flex;
}
.vip_bullets {
    font-size:14px;
    margin-left:10px;
    padding-left:10px;
    font-weight:normal;
}
.vip_bullets li a {
    text-decoration: underline;
}
.vip_bullets li {
    font-family: 'chivoregular', Arial, san-serif;
    padding: 0 10px 10px 0;
    line-height: 1.5em;
    font-weight: normal;
}
#vip1_bullets,
#vip1_bullets a {
    color:#ffcc33;
}
#vip2_bullets,
#vip2_bullets a {
    color:#cccccc;
}
#vip3_bullets,
#vip3_bullets a {
    color:#ba7e06;
}
#vip4_bullets,
#vip4_bullets a {
    color:#9999ff;
}
#vip5_bullets,
#vip5_bullets a {
    color:#96c4e1;
}

.vip_bullets li a:hover,
.vip_bullets li a:focus {
    color:#fff !important;
    outline-offset: 4px;
}
#vip_table,
#vip_table2 {
    border-left:1px solid #515559;
}
#vip_table th,
#vip_table td,
#vip_table2 th,
#vip_table2 td {
    font-family: 'josefin-regular', Arial, san-serif;
    color:#fff;
    font-size:16px;
    letter-spacing: .1em;
    font-weight: normal;
}
#vip_table th,
#vip_table2 th {
    padding:10px;
}
#vip_table .th_compare
#vip_table2 .th_compare {
    background-color:#151a1e;
}
.th_compare .th_border {
    line-height: 4em;
}
#vip_table .tbl_border td,
#vip_table2 .tbl_border td {
    font-size:16px;
    letter-spacing: .1em;
}

#vip_table .th_vip1 {
    background-color:#6c6108;
}
#vip_table .th_vip2 {
    background-color:#7d7d7d;
}
#vip_table .th_vip3 {
    background-color:#7e5a1f;
}
#vip_table2 .th_vip4 {
    background-color:#5366c2;
}
#vip_table2 .th_vip5 {
    background-color:#3b7aa3;
}
#vip_table .fa-check,
#vip_table2 .fa-check {
    font-size:20px;
}
.vip1_checks .fa-check {
    color:#ad9b45;
}
.vip2_checks .fa-check {
    color:#999999;
}
.vip3_checks .fa-check {
    color:#7e5a1f;
}
.vip4_checks .fa-check {
    color:#5366c2;
}
.vip5_checks .fa-check {
    color:#3b7aa3;
}
#vip_table td,
#vip_table2 td {
    background-color:#212529;
    padding:20px;
    font-size:14px;
    letter-spacing: normal;
    border-right:1px solid #515559;
    border-bottom:1px solid #515559;
}
.th_border {
    width:100%;
    height:100%;
    border:1px solid #fff;
    display: table;
    text-align:center;
    padding: 10px;
    box-sizing: border-box;
}
#vip_table .th_compare .tbl_border td,
#vip_table2 .th_compare .tbl_border td {
    border:1px solid #232c33;
    background-color:#000 !important;
}
#vip_table .th_vip1 .tbl_border td {
    border:1px solid #3f3c1d;
    background-color:#6c6108 !important;
}
#vip_table .th_vip2 .tbl_border td {
    border:1px solid #555555;
    background-color:#7d7d7d !important;
}
#vip_table .th_vip3 .tbl_border td {
    border:1px solid #4e3a19;
    background-color:#7e5a1f !important;
}
#vip_table2 .th_vip4 .tbl_border td {
    border:1px solid #1a2145;
    background-color:#5366c2 !important;
}
#vip_table2 .th_vip5 .tbl_border td {
    border:1px solid #16384e;
    background-color:#3b7aa3 !important;
}
.label_col a {
    font-family: 'josefin-regular', Arial, san-serif;
    text-decoration:underline;
    font-weight:normal;
    color:#fff;
}
#slide-7 {
    z-index: 21;
    position: relative;
    background-color: #000;
}
#slide-7 .bcg {
    height:437px;background-image:url('https://cdn.bonjovi.com/images/bg_vip.jpg');
}
#slide-8 {
    position: relative;
    background-color: #000;
    float:left;
}
#slide-8 p {
    color:#666666;
    font-size:13px;
    font-family: 'chivoregular', Arial, san-serif;
    text-align: left;
    max-width: 1000px;
    width: 100%;
    margin:20px auto;
    padding:20px;
    line-height: 1.4em;
    box-sizing: border-box;
}
#slide-8 p a {
    font-family: 'chivoregular', Arial, san-serif;
    color:#666;
    font-weight: normal;
}
#features_section2 .box_left {
    display: flex;
    align-self: center;
}
.logo_jbjexp {
    max-width:256px;
    max-height:126px;
    display:block;
}
.jbjexp_intro {
    font-family: 'josefin-bolditalic', Arial, san-serif;
    color:#fff;
    font-size:15px;
    text-align: left;
    padding-bottom:20px;
}
.box_right .bullets li {
    font-family: 'josefin-semibold', Arial, san-serif;
    font-size:14px;
    margin-left:10px;
    color:#c29f55;
    text-align: left;
    line-height: 1.5em;
}
.large_btn {
    width:100%;
    text-align: center;
    display: block;
    display: flex;
    height: 100px;
    justify-content: center;
}
#vip_page .fancy_button {
    /* width: 100%;
    height: 200px; */
    background: linear-gradient(to top, #3acfd5 0%, #3a4ed5 100%);
    border-radius: 100%;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    float: left;
    margin: 0 auto;
    background: -webkit-linear-gradient(270deg, #2d333b 10%, #282d34 50%, #21262c 90%);
    border-radius: 50px;
    box-shadow: 0 0 2px #000;
    /*height: 28px;*/
}
#vip_page .fancy_button::before {
    border-radius: 50px;
    content: '';
    background-image: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);
    padding: 3px;
    width: 100%;
    height:100%;
    top: -3px;
    left: -3px;
    position:absolute;
    z-index:-1;
}
#vip_page .fancy_button a {
    font-family: "chivoregular", Arial, san-serif !important;
    text-transform: uppercase;
    color: var(--gold-text);
    padding: 12px 30px !important;
    margin: 0px;
    border-width: 0px;
    cursor: pointer;
    background-color: #b0584a;
    font-size: 14px !important;
    letter-spacing: .1em;
    background: -webkit-linear-gradient(270deg, #fff 40%, #aea57e 60%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    width:100%;
    /*-webkit-text-fill-color: transparent;*/ /* This breaks Safari */
    outline-offset: 10px;
}
#vip_page .fancy_button a:hover,
#vip_page .fancy_button a:focus {
    color:#fff;
}

#vip_page .gold_fancy_button {
    /*background: linear-gradient(to top, #3acfd5 0%, #3a4ed5 100%);*/
    border-radius: 100%;
    position: relative;
    text-align: center;
    /* padding: 10px 30px; */
    box-sizing: border-box;
    /*float: left;*/
    margin: 0 auto;
    /*background: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);*/
    /*border-radius: 50px;*/
    box-shadow: none;
    width: auto;
    background:none;
    /*height: 30px;*/
}
#vip_page .gold_fancy_button::before {
    border-radius: 50px;
    content: '';
    background-image: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);
    padding: 4px;
    width: 100%;
    height: 100%;
    top: -4px;
    left: -4px;
    position: absolute;
    z-index: -1;
    max-width: 600px;
}
#vip_page .gold_fancy_button a {
    font-family: "chivoregular", Arial, san-serif;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0px;
    border-width: 0px;
    cursor: pointer;
    font-size: 24px !important;
    letter-spacing: .1em;
    /*background-clip: border-box;*/
    /*background-clip: border-box;*/
    /*background-clip: border-box;*/
    /*background-clip: text;*/
    background: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);
    color: #000;
    border-radius: 50px;
    border: 1px solid #666;
    text-shadow: 1px 1px 1px #ccc;
    width: 100% !important;
    display: block;
    max-width: 600px;
    padding: 10px;
    box-sizing: border-box;
}
#vip_page .gold_fancy_button a:focus {
    outline-offset: 10px;
}
#vip_page .gold_fancy_button a:hover,
#vip_page .gold_fancy_button a:focus {
    background: linear-gradient(to bottom, #8d6918 0%, #e0b656 80%, #FCF6BA 100%);
    color:#fff;
}
@media screen and (max-width:600px) {
    .tbl_border {
        display: none;
    }
    #vip_table th, #vip_table2 th {
        padding: 30px;
    }
}
.promo_spacing {
    top:36px;
}
.promo_spacer {
    display: block;
    height:50px;
    width:100%;
    background:none;
    flex-basis: fit-content;
}
.promo_bar {
    width:100%;
    padding:10px !important;
    background-color:#9b0000;
    color:#fff;
    text-align: center;
    font-size:14px;
    text-text-replace: uppercase;
    letter-spacing: .1em;
    display: block;
    min-height:36px;
    z-index:2000;
    box-sizing: border-box;
    position:fixed;
}
#ls-global .promo_spacer {
    display:none;
}
@media screen and (max-width: 1370px) {
    #dashboard_page .promo_spacer {
        display:none;
    }
}
@media screen and (max-width: 1260px) {
    .promo_spacing {
        top: 54px !important;
    }
}
}@media screen and (max-width: 530px) {
    .promo_bar {
        font-size: 12px;
    }
}
@media screen and (max-width: 518px) {
    .promo_spacing {
        top: 71px;
    }
}
@media screen and (max-width: 461px) {
    .promo_spacing {
        top:71px;
    }
}
@media screen and (max-width: 445px) {
    .promo_spacing {
        top:45px;
    }
}
@media screen and (max-width: 380px) {
    .promo_bar {
        font-size: 11px;
    }
    .promo_spacing {
        top:43px;
    }
}
@media screen and (max-width: 300px) {
    .promo_bar {
        font-size:10px;
    }
    .promo_spacing {
        top:41px;
    }
}


/*==============================================================================
* Halloween
==============================================================================*/

#halloween_page #wrapper {
    background-color:#000 !important;
    background:url('https://cdn.bonjovi.com/images/bg_halloween.jpg') top center no-repeat;
    background-size: cover;
}
#halloween_page .content {
    min-height:680px;
}
#halloween_page .features_box {
    margin-top: 100px;
}
#halloween_page .features_box_border {
    display: block;
}
#halloween_page .box_header {
    padding-top:40px;
}
#halloween_page .box_subhead {
    padding-bottom: 40px;
}

#halloween_page .gold_fancy_button {
    /*background: linear-gradient(to top, #3acfd5 0%, #3a4ed5 100%);*/
    border-radius: 100%;
    position: relative;
    text-align: center;
    /* padding: 10px 30px; */
    box-sizing: border-box;
    /*float: left;*/
    margin: 0 auto;
    /*background: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);*/
    /*border-radius: 50px;*/
    box-shadow: none;
    width: auto;
    background:none;
    /*height: 30px;*/
}
#halloween_page .gold_fancy_button::before {
    border-radius: 50px;
    content: '';
    background-image: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);
    padding: 4px;
    width: 100%;
    height: 100%;
    top: -4px;
    left: -4px;
    position: absolute;
    z-index: -1;
    max-width: 600px;
}
#halloween_page .gold_fancy_button a {
    font-family: "chivoregular", Arial, san-serif;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0px;
    border-width: 0px;
    cursor: pointer;
    font-size: 24px !important;
    letter-spacing: .1em;
    /*background-clip: border-box;*/
    /*background-clip: border-box;*/
    /*background-clip: border-box;*/
    /*background-clip: text;*/
    background: linear-gradient(to bottom, #e0b656 0%, #fff 50%, #e0b656 100%);
    color: #000;
    border-radius: 50px;
    border: 1px solid #666;
    text-shadow: 1px 1px 1px #ccc;
    width: 100% !important;
    display: block;
    max-width: 600px;
    padding: 10px;
    box-sizing: border-box;
}
#halloween_page .gold_fancy_button a:focus {
    outline-offset: 10px;
}
#halloween_page .gold_fancy_button a:hover,
#halloween_page .gold_fancy_button a:focus {
    background: linear-gradient(to bottom, #8d6918 0%, #e0b656 80%, #FCF6BA 100%);
    color:#fff;
}
@media screen and (max-width: 1370px) {
    #halloween_page .features_box {
        margin-top: 60px;
    }
}
@media screen and (max-width: 800px) {
    #halloween_page #wrapper {
        background-color:#000;
        background:url('https://cdn.bonjovi.com/images/bg_halloween_mobile.jpg') top center no-repeat;
        background-attachment: fixed;
    }
    #halloween_page .content {
        min-height:600px;
    }
    #halloween_page .large_btn {
        height: auto !important;
        margin-bottom: 10px;
    }
    #halloween_page .box_header {
        padding-top:20px;
    }
}
@media screen and (max-width:480px) {
    #halloween_page .box_header {
        font-size: 2.25em;
    }
    #halloween_page .gold_fancy_button a {
        font-size: 1.5em !important;
    }
}

/*==============================================================================
* Opening Act
==============================================================================*/

#openingact_page #content {
    width: 100%;
    height:100%;
    margin:0;
    min-height: 1000px;
}
#openingact_page iframe {
    min-height:1000px;
    border:none;
}

/*==============================================================================
* Privacy Policy
==============================================================================*/

#privacy_policy_page strong,
#privacy_policy_page .bold{
    font-family: var(--font-bold);
}

/*==============================================================================
* Footer
==============================================================================*/

#footer {
    display: block;
    width: 100%;
    background-color:#000;
    position: relative;
    clear: both;
    padding-bottom: 10px;
    float:left;
    /*margin-top:20px;*/
    background:url('https://cdn.bonjovi.com/images/bg_footer2.jpg') center top repeat;
}
#page_home #footer {
    margin-top:0;
}
#footer .gold_bar {
    bottom: inherit;
    top:0;
}
#footer_top a {
    font-family: 'proximanovacondbold';
    text-transform: uppercase;
    color: var(--main-text-color);
    font-size: 14px;
    letter-spacing: .05em;
    padding: 0;
    text-align: left;
    float: left;
    padding-bottom:6px;
}
#footer_top a:hover {
    color:#fff;
}
/*a.btn_contact {*/
/*    justify-content: right;*/
/*    position: absolute;*/
/*    right: 0;*/
/*}*/
#right_links_container {
    display: flex;
    flex-direction: row;
    margin-top:12px;
}
.footer_link_box {
    padding: 0 30px;
    text-align: left;
}
a#btn_newsletter {
    justify-content: right;
    position:relative;
}
a#btn_newsletter::before {
    content:url('https://cdn.bonjovi.com/images/icon_email.png');
    width:19px;
    height:13px;
    position: absolute;
    left: -10px;
}
#footer_top {
    width:100%;
    box-sizing: border-box;
    height: 54px;
    border-top:1px solid #333;
    display:flex;
    flex-direction: row;
    justify-content:space-between;
}
#footer_middle {
    height:65px;
    text-align:center;
    /*padding-left:50px;*/ /* 10% promo spacing */
}
#newsletter_signup {
    /*float:left;*/
    width:100%;
    max-width: 450px;
    display: block;
    /*height: 80px;*/
    margin-top:8px;
    padding:23px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.signup_txt {
    font-family: var(--font-normal);
    color: #fff !important;
    text-transform: uppercase !important;
    line-height: 1em !important;
    font-size:13px !important;
    letter-spacing: .1em !important;
    /*float:left !important;*/
    /*width:96px !important;*/
    width:100%;
    clear:both;
    padding:10px;
}
/*.klaviyo-form-P3RX9V {
  float:left;
  margin-left:10px;
}*/
#newsletter_signup form {
    /* Newsletter Sign Up Form */
    border:none !important;
    float:left !important;
    /*margin-left:10px !important;*/
}
#newsletter_signup .hjwNet.hjwNet {
    display:block !important;
}
#newsletter_signup .cWiFye.cWiFye.cWiFye.cWiFye.cWiFye.cWiFye,
#newsletter_signup input {
    /* Newsletter Sign Up Input */
    /*border:1px solid #a89111 !important;*/
    /*width:184px !important;*/
    /*height: 30px !important;*/
    /*box-sizing: border-box !important;*/
    /*line-height: 30px !important;*/
    /*padding:0 0 0 16px !important;*/
}
#newsletter_signup .cWiFye.cWiFye.cWiFye.cWiFye.cWiFye.cWiFye::placeholder,
#newsletter_signup input::placeholder {
    font-family: var(--font-normal) !important;
    text-transform: uppercase !important;
    line-height: 30px !important;
    /*letter-spacing: .1em !important;*/
}

#newsletter_signup button {
    /* Newsletter Sign Up Button */
    font-family: var(--font-normal) !important;
    text-transform: uppercase !important;
    color:#666 !important;
    text-transform: uppercase !important;
    font-size:13px !important;
    letter-spacing: .1em !important;
    /*clip-path: polygon(0% 0%, 100% 0, 100% 30%, 82% 50%, 0 50%);*/
    /*  background-color:#000;
      border:1px solid #666;
      margin-left: 10px;
      width:84px;
      height: 30px;
      line-height: 30px;
      box-sizing: border-box;
      padding:0;*/
}

#newsletter_signup button {
    position: relative !important;
    height: 40px !important;
    width:100% !important;
    max-width: 200px !important;
    border: 1px solid #666 !important;
    overflow: hidden !important;
    line-height: 27px !important;
    margin-left: 0px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #000 !important;
    z-index: 100 !important;
    margin: 50px auto 0 !important;
}
#newsletter_signup .cWiFye.cWiFye.cWiFye.cWiFye.cWiFye.cWiFye, #newsletter_signup input {
    /*border: 1px solid #a89111 !important;*/
    width: 100% !important;
    height: 40px !important;
    box-sizing: border-box !important;
    line-height: 40px !important;
    /*padding: 0 0 0 16px !important;*/
    max-width: 480px;
    font-size: 16px !important;
}
#newsletter_signup .needsclick {
    display:block !important;
    margin:0 auto;
}
.signup_txt {
    padding: 10px 0 40px;
    text-align: center;
}
/*#newsletter_signup button:before,*/
/*#newsletter_signup button:after {*/
/*    position: absolute !important;*/
/*    content: '' !important;*/
/*    bottom: 0px !important;*/
/*    height: 100% !important;*/
/*    z-index: -1 !important;*/
/*}*/
/*#newsletter_signup button:before {*/
/*    right: 0px !important;*/
/*    bottom: -1px !important;*/
/*    width: 12px !important;*/
/*    border: 1px solid #666 !important;*/
/*    border-width: 1px 2px 2px 0px !important;*/
/*    border-bottom-right-radius: 0px !important;*/
/*    transform-origin: left top !important;*/
/*    transform: skewY(-45deg) !important;*/
/*}*/
/*#newsletter_signup button:after {*/
/*    right: 14px !important;*/
/*    width: calc(100% - 15px) !important;*/
/*    border: 1px solid #666 !important;*/
/*    border-right: none !important;*/
/*}*/
/*#newsletter_signup button:after {*/
/*    background: #000 !important;*/
/*}*/

#newsletter_signup span {
    /* Newsletter Error Message */
    background:#000 !important;
}
#newsletter_signup .needsclick div:after {
    border-color: transparent transparent #000 !important;
    left: 8px !important;
}
#newsletter_signup span::after {
    border-width: 0 !important;

}
#footer_bottom {
    width:100%;
    display: block;
    float: left;
    clear: both;
    /*padding-left:100px;*/ /* 10% promo spacing */
    box-sizing: border-box;
}
.footer_nav {
    float:left;
    width:100%;
    list-style:none;
    max-width: 660px;
    padding: 0 0 0 10px;
    box-sizing:border-box;
}
.footer_nav li {
    float:left;
}
.footer_nav li a {
    font-family: 'chivoregular', Arial, san-serif;
    color:#fff;
    font-size:12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: block;
    padding:10px 10px;
}
.footer_nav li a:hover,
.footer_nav li a:active {
    color: var(--gold-text);
}
.footer_nav li a:first {
    padding-left:0;
}
.copyright {
    font-family: 'proximanovacond';
    font-size:13px;
    color:#666;
    letter-spacing: .05em;
    padding: 10px 20px 10px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    line-height: normal;
}
.copyright a {
    font-family: 'proximanovacond';
    font-size:13px;
    color:#666666;
    letter-spacing: .05em;
}
.copyright a:hover,
.copyright a:focus {
    color:#fff;
}
.copyright a:focus {
    outline-offset: 4px;
}
.forever_logo {
    float:right;
    margin-right:26px;
    margin-top: 20px;
}
.forever_logo a {
    display:block;
    width:92px;
    height:71px;
}

/* CMP Notice
----------------------------------------------------------------------------- */

.cky-notice-des div,
.cky-preference-content-wrapper,
.cky-accordion-wrapper p {
    text-align:left;
}
.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p {
    padding-bottom: 20px;
    font-size: 14px;
    font-family: sans-serif;
}
.cky-accordion-header .cky-accordion-btn,
.cky-preference-header .cky-preference-title,
.cky-notice .cky-title {
    font-family:Arial;
}


@media screen and (max-width: 1340px  ) {
    .copyright {
        /*float:left;*/
    }
}
ul#logo_family {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    width: 100%;
    max-width: 436px;
    height: 65px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    float:left;
    margin-top: 20px;
}

ul#logo_family li {
    float: left;
    padding:7px 15px;
}

ul#logo_family a {
    float: left;
    padding: 50px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:50px; /* for IE5/Win only */
    cursor: pointer;
    display: block;
}

/* Replace Text With Images
----------------------------------------------------------------------------- */

li#btn_jbj_soul_foundation a {
    background: url('https://cdn.bonjovi.com/images/logo-jbj-soul-foundation.svg') top left no-repeat;
    background-size: 66px 100px;
    width: 66px;
    height: 50px;
}

li#btn_jbj_soul_kitchen a {
    background: url('https://cdn.bonjovi.com/images/logo-jbj-soul-kitchen.svg') no-repeat;
    background-size: 103px 100px;
    width: 103px;
    height: 50px;
}

li#btn_runaway_tours a {
    background: url('https://cdn.bonjovi.com/images/logo-runaway-tours.svg') no-repeat;
    background-size: 58px 100px;
    width: 58px;
    height: 50px;
}

li#btn_jbjs_nashville a {
    background: url('https://cdn.bonjovi.com/images/logo-jbjs-nashville.png') no-repeat;
    background-size: 58px 100px;
    width: 58px;
    height: 50px;
}


li#btn_bongiovi_brand a {
    background: url('https://cdn.bonjovi.com/images/logo-bongiovi-brand.svg') no-repeat;
    background-size: 90px 100px;
    width: 90px;
    height: 50px;
}


/* Image Rollovers
----------------------------------------------------------------------------- */

li#btn_jbj_soul_foundation a:hover,
li#btn_jbj_soul_foundation a:focus {
    background-position: 0px -50px;
}

li#btn_jbj_soul_kitchen a:hover,
li#btn_jbj_soul_kitchen a:focus {
    background-position: 0px -50px;
}

li#btn_runaway_tours a:hover,
li#btn_runaway_tours a:focus {
    background-position: 0px -50px;
}

li#btn_jbjs_nashville a:hover,
li#btn_jbjs_nashville a:focus {
    background-position: 0px -50px;
}

li#btn_bongiovi_brand a:hover,
li#btn_bongiovi_brand a:focus {
    background-position: 0px -50px;
}



/*li#btn_jbj_soul_foundation a:focus,
li#btn_jbj_soul_kitchen a:focus,
li#btn_runaway_tours a:focus,
li#btn_bongiovi_brand a:focus  {
  outline-offset: 1px
  }*/

ul#social_btns {
    /*position:absolute;*/
    /*top:20px;*/
    left:calc(50% - 120px);
    /* margin: 20px 10px 0px 0;*/
    padding: 0;
    list-style: none;
    max-width: 240px;
    height: 34px;
    float: left;
    text-align: center;
    overflow: hidden;
    margin:12px 0 0 10px;
}

ul#social_btns li {
    float: left;
    width:44px;
    margin: 0 8px;
}

ul#social_btns a {
    float: left;
    padding: 34px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:34px; /* for IE5/Win only */
    cursor: pointer;
    display: block;
    background: url('https://cdn.bonjovi.com/images/btns_socials.jpg') top left no-repeat;
    /*zoom:0.5;*/
    /*-moz-transform:scale(0.50);*/
    /*-moz-transform-origin: 0 0;*/
}

/* Replace Text With Images
----------------------------------------------------------------------------- */

li#btn_facebook a {
    width: 44px;
    height: 34px;
    background-position: 0 0;
}

li#btn_instagram a {
    width: 44px;
    height: 34px;
    background-position: -44px 0;
}

li#btn_twitter a {
    width: 44px;
    height: 34px;
    background-position: -88px 0;
}

li#btn_youtube a {
    width: 44px;
    height: 34px;
    background-position: -132px 0;
}


/* Image Rollovers
----------------------------------------------------------------------------- */

li#btn_facebook a:hover,
li#btn_facebook a:focus {
    background-position: 0px -34px;
}

li#btn_instagram a:hover,
li#btn_instagram a:focus {
    background-position: -44px -34px;
}

li#btn_twitter a:hover,
li#btn_twitter a:focus {
    background-position: -88px -34px;
}

li#btn_youtube a:hover,
li#btn_youtube a:focus {
    background-position: -132px -34px;
}

li#btn_facebook a:focus,
li#btn_instagram a:focus,
li#btn_twitter a:focus,
li#btn_youtube a:focus {
    outline-offset: -2px;
}
#credit {
    cursor: pointer;
}
#credit_bar {
    font-family: var(--font-normal) !important;
    position: fixed;
    left:0;
    bottom:0;
    background-color:#1a1a1a;
    width:100%;
    height:0px;
    line-height:50px;
    text-align: center;
    color:#fff;
    letter-spacing: .1em;
    font-size:10px;
    z-index: 50;
    text-transform: uppercase;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
}
#credit_bar a {
    font-family: var(--font-normal) !important;
}

.logo-mobile-alt {
    display:none;
    position: absolute;
    right:0;
    top:0;
}

/*==============================================================================
* MOBILE
==============================================================================*/



@media screen and (max-width: 1370px ) {
    #dashboard_page #content {
        padding:0 0 0 0 !important;
    }
}
@media screen and (max-width: 1120px ) {
    #footer_top {
        height: auto;
    }
    .forever_logo {
        margin:20px auto;
        width:100%;
        clear:both;
        text-align:center;
        height:72px;
    }
    .forever_logo a {
        margin:0 auto;
    }
    .copyright {
        float:none;
        clear:both;
        width: 100%;
        padding: 10px 20px 10px;
        text-align: center;
    }
    .footer_nav {
        float:none;
        width:100%;
        margin:0 auto;
    }
    ul#logo_family {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        width: 436px;
        height: 65px;
        float: none;
        clear:both;
        text-align: center;
        overflow: hidden;
    }
    ul#social_btns {
        position: initial;
        display: block;
        clear: both;
        float: none;
        right:0;
    }
    #newsletter_signup {
        float: none;
        width: 100%;
        max-width: 450px;
        /*height: 80px;*/
        margin: 8px auto 0;
    }
    #homepage_news {
        background:url('https://cdn.bonjovi.com/images/latest_news_bg_mobile.jpg') center center no-repeat;
        background-size:cover;
        position: relative;
    }
}
@media screen and (max-width:750px) {
    .copyright {
        text-align: center;
    }
    #footer_bottom {
        padding-left:0;
    }
    #footer_middle {
        padding-left:0;
    }
}
@media screen and (max-width: 650px ) {
    .logo-mobile {
        right:-50px;
        left: unset;
    }
    #homeslider-mobile {
        display: block;
    }
    #homeslider {
        display: none;
    }
}
@media screen and (max-width: 650px ) {
    .footer_nav {
        margin: 10px auto;
        padding: 0 10px 0 10px;
    }
    .footer_nav li {
        float: none;
        border-bottom: 1px solid #333;
    }
    .footer_nav li a {
        padding: 16px 10px;
    }
    .footer_nav li:nth-child(1) {
        border-top: 1px solid #333;
    }
}
@media screen and (max-width:640px) {
    #home_news_container {
        flex-direction: column;
        align-items: center;
    }
    #page_home h1 {
        text-align: center;
        padding-bottom: 20px;
    }
    .home_news_link {
        white-space: nowrap;
        clear:both;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 541px ) {
    .wrap_header_mobile {
        justify-content: normal;
    }
    #newsletter_signup input {
        width:150px;
    }
    ul#logo_family {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
        grid-gap: 10px;
    }
    ul#logo_family li {
        padding: 0 12px;
    }
    #footer_top {
        flex-direction: column;
    }
    #right_links_container {
        justify-content: center;
        margin: 20px 0;
    }
    .logo-mobile {
        order:1;
        top: 0;
        left:unset;
        right: -50px;
    }
    #bj_radio {
        display:block;
        line-height: 0em;
    }
    ul#social_btns {
        margin:10px auto;
    }
}
@media screen and (max-width: 500px ) {
    #footer_top {
        flex-direction: column;
    }
    a.btn_contact {
        justify-content: right;
        position: relative;
        right: 0;
        margin: 0 auto 10px;
    }
    ul#logo_family li {
        display: flex;
        align-items: center;
    }
    #footer {
        padding-bottom: 30px !important;
    }
}
@media screen and (max-width:480px) {
    .logo-mobile {
        display:none;
    }
    .logo-mobile-alt {
        display:inline-block;
    }
}
@media screen and (max-width: 460px ) {
    ul#logo_family li {
        padding: 0 8px;
    }
    li#btn_jbj_soul_foundation a {
        background: url('https://cdn.bonjovi.com/images/logo-jbj-soul-foundation.svg') top left no-repeat;
        background-size: 56px 100px;
        width: 56px;
        height: 50px;
    }

    li#btn_jbj_soul_kitchen a {
        background: url('https://cdn.bonjovi.com/images/logo-jbj-soul-kitchen.svg') no-repeat;
        background-size: 82px 100px;
        width: 82px;
        height: 50px;
    }

    li#btn_runaway_tours a {
        background: url('https://cdn.bonjovi.com/images/logo-runaway-tours.svg') no-repeat;
        background-size: 46px 100px;
        width: 46px;
        height: 50px;
    }

    li#btn_jbjs_nashville a {
        background: url('https://cdn.bonjovi.com/images/logo-jbjs-nashville.png') no-repeat;
        background-size: 46px 80px;
        width: 46px;
        height: 50px;
        background-position-y: 10px;
    }

    li#btn_bongiovi_brand a {
        background: url('https://cdn.bonjovi.com/images/logo-bongiovi-brand.svg') no-repeat;
        background-size: 72px 100px;
        width: 72px;
        height: 50px;
    }

    li#btn_jbj_soul_foundation a:hover,
    li#btn_jbj_soul_foundation a:focus,
    li#btn_jbj_soul_kitchen a:hover,
    li#btn_jbj_soul_kitchen a:focus,
    li#btn_runaway_tours a:hover,
    li#btn_runaway_tours a:focus {
        background-position: 0px 0px;
    }
    li#btn_jbjs_nashville a:hover,
    li#btn_jbjs_nashville a:focus {
        background-position: 0px 10px;
    }
    .signup_txt {
        font-size:13px !important;
    }
    .signup_txt {
        width:100% !important;
        padding-bottom:10px !important;
    }
    #newsletter_signup {
        display:block;
        float: left;
    }
    #newsletter_signup div {
        float:left;
        display:block;
    }
    #newsletter_signup input {
        width:240px;
        padding: 0 0 0 8px;
        float: left;
    }
    #newsletter_signup form {
        margin-left:0;
    }
    /*#newsletter_signup button {*/
    /*    width:78px;*/
    /*    margin-left:16px;*/
    /*    float: left;*/
    /*}*/
    .ValidationMessage__Container-sc-ja3t6w-0 {
        z-index:101 !important;
        left: -50% !important;
        top: 32px !important;
    }
    ul#social_btns {
        margin: 10px auto;
    }
    ul#logo_family {
        width: 100%;
        max-width: 320px;
    }
    ul#logo_family li {
        padding: 0 5px;
    }
    #newsletter_signup {
        text-align: center;
        height: auto;
        padding:20px 10px;
    }
    #newsletter_signup div {
        float: none;
    }
    /*.logo-mobile {*/
    /*    position:relative !important;*/
    /*}*/
    .main_menu > li > a {
        padding:10px 12px;
    }
    ul.right_nav,
    ul.right_nav li {
        flex-grow:1;
    }
}
@media screen and (max-width: 390px ) {
    .main_menu > li > a {
        padding:10px 10px;
    }
    ul.right_nav {
        padding: 0 0px 0 0;
    }
    .main_menu {
        padding: 0 0 0 0px;
    }
    #footer {
        padding-bottom: 50px !important;
    }
}
@media screen and (max-width: 360px ) {
    #newsletter_signup input {
        width:185px;
    }
    .home_container {
        padding: 0 10px 60px;
    }
}
@media screen and (max-width: 310px ) {
    #newsletter_signup input {
        width:165px;
    }
}
@media screen and (max-width: 280px ) {
    .footer_link_box {
        padding: 0 10px;
    }
    #newsletter_signup input {
        width: 150px;
    }
    li#btn_jbj_soul_foundation a {
        background: url('https://cdn.bonjovi.com/images/logo-jbj-soul-foundation.svg') top left no-repeat;
        background-size: 46px 100px;
        width: 46px;
        height: 50px;
    }
    #homepage_socials .home_container {
        padding: 0 30px 60px;
    }

    li#btn_jbj_soul_kitchen a {
        background: url('https://cdn.bonjovi.com/images/logo-jbj-soul-kitchen.svg') no-repeat;
        background-size: 72px 100px;
        width: 72px;
        height: 50px;
    }
    li#btn_runaway_tours a {
        background: url('https://cdn.bonjovi.com/images/logo-runaway-tours.svg') no-repeat;
        background-size: 36px 100px;
        width: 36px;
        height: 50px;
    }
    li#btn_jbjs_nashville a {
        background: url('https://cdn.bonjovi.com/images/logo-jbjs-nashville.png') no-repeat;
        background-size: 36px 62px;
        width: 36px;
        height: 31px;
        background-position-y: 19px !important;
    }
    li#btn_bongiovi_brand a {
        background: url('https://cdn.bonjovi.com/images/logo-bongiovi-brand.svg') no-repeat;
        background-size: 62px 100px;
        width: 62px;
        height: 50px;
    }
    ul#logo_family {
        grid-gap: 5px;
    }
    l#logo_family li {
        padding: 0;
    }
}




/*==============================================================================
* Popup
==============================================================================*/

.live_popup {
    background:#000 !important;
    color:#fff;
    font-size:18px;
}
/*==============================================================================
* Animate
==============================================================================*/

.fade_header_in {
    opacity:1 !important;
    top:0 !important;
}

.fade_footer_in {
    opacity:1 !important;
    bottom:0 !important;
}

.fade_header_in_with_promo {
    opacity:1 !important;
    top:36px !important;
}
@media screen and (max-width: 1260px) {
    .fade_header_in_with_promo, .promo_spacing {
        top:36px !important;
    }
}
/*@media screen and (max-width: 1566px) {*/
/*    .fade_header_in_with_promo, .promo_spacing {*/
/*        top: 49px !important;*/
/*    }*/
/*@media screen and (max-width: 450px) {*/
/*    .fade_header_in_with_promo, .promo_spacing {*/
/*        top:71px !important;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 440px) {*/
/*    .fade_header_in_with_promo, .promo_spacing {*/
/*        top:88px !important;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 430px) {*/
/*    .fade_header_in_with_promo, .promo_spacing {*/
/*        top:70px !important;*/
/*    }*/
/*}*/
@media screen and (max-width: 772px) {
    .fade_header_in_with_promo, .promo_spacing {
        top: 55px !important;
    }
}
/*@media screen and (max-width: 431px) {*/
/*    .fade_header_in_with_promo, .promo_spacing {*/
/*        top: 64px !important;*/
/*    }*/
/*}*/
@media screen and (max-width: 380px) {
    .fade_header_in_with_promo, .promo_spacing {
        top:43px !important;
    }
}
@media screen and (max-width: 346px) {
    .fade_header_in_with_promo, .promo_spacing {
        top:55px !important;
    }
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #333, 0 0 20px #333, 0 0 30px #333, 0 0 40px #333, 0 0 50px #333, 0 0 60px #333, 0 0 70px #333;
    }
    to {
        text-shadow: 0 0 4px #666, 0 0 5px #666, 0 0 6px #666, 0 0 7px #666, 0 0 8px #666, 0 0 9px #666, 0 0 10px #666;
    }
}