/* Fonts */
@font-face {
    font-family: TheAntiquaB-W6SemiBold;
    src: url(../fonts/TheAntiquaB-C2sOT/TheAntiquaB-W6SemiBold.otf);
    font-display: swap;
}

@font-face {
    font-family: MarrSans-Medium;
    src: url(../fonts/marr-sans/MarrSans-Medium.otf);
    font-display: swap;
}

@font-face {
    font-family: MarrSans-Regular;
    src: url(../fonts/marr-sans/MarrSans-Regular.otf);
    font-display: swap;
}

@font-face {
    font-family: "FetteEngschrift";
    src: url("https://db.onlinewebfonts.com/t/06977663bb84f2c7fda76574a3589176.eot");
    src: url("https://db.onlinewebfonts.com/t/06977663bb84f2c7fda76574a3589176.eot?#iefix") format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/06977663bb84f2c7fda76574a3589176.woff2") format("woff2"),
    url("https://db.onlinewebfonts.com/t/06977663bb84f2c7fda76574a3589176.woff") format("woff"),
    url("https://db.onlinewebfonts.com/t/06977663bb84f2c7fda76574a3589176.ttf") format("truetype"),
    url("https://db.onlinewebfonts.com/t/06977663bb84f2c7fda76574a3589176.svg#Fette Engschrift") format("svg");
    font-display: swap; }


#firstPopUp .modal-footer button{
    background-color: #222449;
    color:white;
    margin:auto;
    font-family: FetteEngschrift;
    font-size: 20px;
}

body {
    overflow-x: hidden;
    font-family: Arial;
    -webkit-font-smoothing: antialiased;
    color: #2E3942;
    padding-right: 0 !important;
    /*padding-top: 3.3rem !important;*/

}

/*Cookies*/
#eucookielaw{font-size: 0.8rem;  z-index: 2031;  position: fixed;  left: 0;  right: 0;  top: -50px;  flex-direction: row;  margin-top: 50px!important;  opacity: 0.9; width: 100%;}

/* Moderation */
#moderation-notif-user .modal-body, .moderation-notif-user .modal-footer {
    font-size:85%!important;
}

/*ANNOUNCEMENT MODAL*/
#announcement-modal .modal-content{
    max-width: 1000px;
    float: none;
    font-size: small;
}
#announcement-modal .modal-footer{
    justify-content: center !important;
}
#announcement-modal{
    overflow-x: auto;
    overflow-y: auto;
    padding-right: 0px !important;
}

#announcement-modal li{
    list-style: none;
}
#announcement-modal .icon{
    height: 35px;
    padding-right: 1rem;
    float: left;
}


/*SSO NOT SUBSCRIBE*/
#no_subscriber_sso {
    background: rgb(255, 200, 0);
    border-radius: 0px;
    color: rgb(42, 48, 59);
    font-family:MarrSans-Regular;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 20px;
    padding: 0.5rem 0.5rem !important;
    margin-top: 6px;
}

#no_subscriber_sso_btn{
    font-size: 14px;
    color: #212529;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid rgb(42, 48, 59);
    height: 32px;
    width: 241px;
    font-weight: bold;
}

#no_subscriber_sso_msg_link a{
    color: rgb(42, 48, 59);
    text-decoration: underline;
}

#no_subscriber_sso_close{
    text-align: right;
    color: rgb(42, 48, 59);
    font-family:MarrSans-Regular;
    font-size: 14px;
    height: 14px;
    letter-spacing: 0px;
    width: 47px;
    font-weight: bold;
}
#no_subscriber_sso_close a{
    color: rgb(42, 48, 59);
    font-family:MarrSans-Regular;
}

/*SSO NO SUBSCRIPTION*/
#no_subscription_sso {
    background: rgb(255, 200, 0);
    border-radius: 0px;
    color: rgb(42, 48, 59);
    font-family:MarrSans-Regular;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 20px;
    padding: 0.5rem 0.5rem !important;
}

#no_subscription_sso_btn{
    font-weight: bold;
    font-size: 14px;
    color: #212529;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid rgb(42, 48, 59);
    height: 32px;
    width: 241px;
}

#no_subscription_sso_msg_link a{
    color: rgb(42, 48, 59);
    text-decoration: underline;
}

#no_subscription_sso_close{
    text-align: right;
    color: rgb(42, 48, 59);
    font-family: MarrSans-Regular;
    font-size: 14px;
    height: 14px;
    letter-spacing: 0px;
    width: 47px;
    font-weight:bold;
}
#no_subscription_sso_close a{
    color: rgb(42, 48, 59);
    font-weight: bold;
}

/*SSO NOT PREMIUM MODAL*/
#notPremium {
    padding: 0px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

#notPremium .modal-header{
    background-color: #ffffff;
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#notPremium .close{
    color: rgb(42, 48, 59);
    font-family: MarrSans-Medium;
    font-size: 14px;
    font-weight: 500;
    height: 14px;
    letter-spacing: 0px;
}

/*#notPremium .modal-sm{*/
/*width: 100% !important;*/
/*margin: 0px !important;*/
/*}*/

/*.modal-notPremium{*/
/*border-radius: 2px;*/
/*height: 413px !important;*/
/*width: 375px !important;*/
/*}*/

#notPremium .modal-content{
    height: 413px;
    /*width: 375px;*/
}

.notpremium_msg{
    border-radius: 2px;
    border: 1px solid rgb(226, 228, 233);
    height: 342px;
    padding-top: 16px;
    text-align: center;
}

.notpremium_msg #illustration{
    background-image: url("../../images/even_abo_illustration.png");
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0px;
    border: 1px solid rgb(151, 151, 151);
    height: 200px;
    width: 200px;
    margin: auto;
}

#popup_msg{
    color: rgb(57, 63, 78);
    font-family: MarrSans-Medium;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    letter-spacing: 0px;
    line-height: 18px;
    text-align: center;
    width: 327px;
}

#notpremium_btn{
    height: 42px;
    width: 296px;
    background: rgb(255, 199, 0);
    border-radius: 3px;
    color: rgb(42, 48, 59);
    font-family: MarrSans-Medium;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
}


/*SSO NO SERVICES MODAL*/
#noServices {
    padding: 0px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

#noServices .modal-header{
    background-color: #ffffff;
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#noServices .close{
    color: rgb(42, 48, 59);
    font-family: MarrSans-Regular;
    font-size: 14px;
    height: 14px;
    letter-spacing: 0px;
}

#noServices .modal-content{
    height: 448px;
    width: 377px;
}

.noServices_msg{
    border-radius: 2px;
    border: 1px solid rgb(226, 228, 233);
    height: 377px;
    width: 100%;
    padding-top: 16px;
    text-align: center;
}

.noServices_msg #noServices_illustration{
    background-image: url("../../images/even_abo_illustration.png");
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center center;
    /*background: rgb(151, 151, 151);*/
    /*background-size: 150px;*/
    border-radius: 0px;
    border: 1px solid rgb(151, 151, 151);
    height: 200px;
    width: 200px;
    margin: auto;
}

#noServices_popup_msg{
    color: rgb(57, 63, 78);
    font-family: MarrSans-Medium;
    font-size: 14px;
    font-weight: 500;
    /*height: 36px;*/
    letter-spacing: 0px;
    line-height: 18px;
    text-align: center;
    padding-left: 8%;
    padding-right: 8%;
    margin-bottom: 8px;
}

#noServices_popup_msg_link{
    color: rgb(57, 63, 78);
    font-size: 14px;
    font-family: MarrSans-Regular;
    text-align: center;
    letter-spacing: 0px;
    line-height: 18px;
}

#noServices_btn{
    height: 42px;
    width: 80%;
    background: rgb(255, 199, 0);
    border-radius: 0px;
    color: rgb(42, 48, 59);
    font-family: MarrSans-Medium;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    border-radius: 3px;
}

/*SSO NOT CONNECTED MODAL*/
#notConnected {
    padding: 0px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

#notConnected .modal-header{
    background-color: #ffffff;
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#notConnected .close{
    color: rgb(42, 48, 59);
    font-family: MarrSans-Regular;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    letter-spacing: 0px;
}

#notConnected .modal-content{
    height: 440px;
    width: 375px;
}

#notConnected_case5 .modal-content {
    height: 415px;
    width: 375px;
}

.notConnected_msg{
    border-radius: 2px;
    border: 1px solid rgb(226, 228, 233);
    height: 370px;
    padding-top: 16px;
    text-align: center;
}



.notConnected_msg #notConnected_illustration{
    background-image: url("../../images/even_abo_illustration.png");
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0px;
    border: 1px solid rgb(151, 151, 151);
    height: 200px;
    width: 200px;
    margin: auto;
}

#notConnected_popup_msg{
    color: rgb(57, 63, 78);
    font-family: MarrSans-Medium;
    font-size: 14px;
    font-weight: 500;
    /*height: 36px;*/
    letter-spacing: 0px;
    line-height: 18px;
    text-align: center;
    padding-left: 6%;
    padding-right: 6%;
}

#notConnected_popup_msg_link{
    color: rgb(57, 63, 78);
    font-family: MarrSans-Regular;
    font-size: 14px;
    /*height: 36px;*/
    letter-spacing: 0px;
    line-height: 18px;
    text-align: center;
}

#notConnected_btn{
    height: 42px;
    width: 90%;
    background: rgb(255, 199, 0);
    border-radius: 3px;
    color: rgb(42, 48, 59);
    font-family: MarrSans-Medium;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

#close_sso_notsubscriber{
    font-weight: bold;
}


/*case 5*/
#notConnected_case5 {
    padding: 0px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

#notConnected_case5 .modal-header{
    background-color: #ffffff;
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#notConnected_case5 .close{
    color: rgb(42, 48, 59);
    font-family: MarrSans-Regular;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    letter-spacing: 0px;
}

#notConnected_case5 .modal-content {
    height: 423px;
    width: 375px;
}

.notConnected_msg_case5{
    border-radius: 2px;
    border: 1px solid rgb(226, 228, 233);
    height: 355px;
    padding-top: 16px;
    text-align: center;
}



.notConnected_msg_case5 #notConnected_illustration{
    background-image: url("../../images/even_abo_illustration.png");
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0px;
    border: 1px solid rgb(151, 151, 151);
    height: 200px;
    width: 200px;
    margin: auto;
}

#notConnected_popup_msg{
    color: rgb(57, 63, 78);
    font-family: MarrSans-Medium;
    font-size: 14px;
    font-weight: 500;
    /*height: 36px;*/
    letter-spacing: 0px;
    line-height: 18px;
    text-align: center;
    padding-left: 6%;
    padding-right: 6%;
}

#notConnected_popup_msg_link{
    color: rgb(57, 63, 78);
    font-family: MarrSans-Regular;
    font-size: 14px;
    /*height: 36px;*/
    letter-spacing: 0px;
    line-height: 18px;
    text-align: center;
}

#notConnected_btn{
    height: 42px;
    width: 90%;
    background: rgb(255, 199, 0);
    border-radius: 3px;
    color: rgb(42, 48, 59);
    font-family: MarrSans-Medium;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

#close_sso_notsubscriber{
    font-weight: bold;
}


/*new nav bar*/
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    border-left: 1px solid #464F57;
    border-right: 1px solid #464F57;
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-inverse .navbar-nav>li>a:hover{
    background-color:#219ff0;
}

.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #129AF0;
}

.nav > li > a > img {
    max-width: none;
    margin-right: 10px;
    margin-left: 5px;
}

.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: -1px;
    border: 1px solid #ccc;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 0px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    width: 100%;
}

.fittxt{
    font-size: 18px;
    float: left;
    width:89%;
    /*border: 1px solid black;*/
    overflow: hidden;
    text-overflow: ellipsis;
    /*will change this to hidden later to deny scolling to user*/
    white-space: nowrap;
    display: inline-block;
}

.tooltip{
    background: transparent !important;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.open>a:focus {
    color: #fff;
    background-color: #129AF0;
}

#contact_information input{
    text-transform: uppercase;
    font-weight: normal;
}

input.capitalize {
    text-transform: uppercase;
    font-weight: bold;
}

span.first-letter{
    text-transform: capitalize;
}




/* Footer ------------------------------------------------------------------------------------- */

.footer-text {
    color: #8B9299;
    font-size: 13px;
}

.footer-nav>ul {
    color: #8B9299;
}

/*Accordion Heading*/
.accordion-heading{
    padding-top: 10px;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

.accordion-inner button{
    margin-top: 0.87rem;
}

/*Accordion Heading*/
.accordion-heading{
    padding-top: 10px;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

.accordion-inner button,
#event-details-box .accordion-inner a.modify-reservation
{
    margin-top: 0.87rem;
}
#event-desc .accordion-inner button:not(.btn-cancel-wl-registration).not(.btn-cancel-registration),
#event-desc .accordion-inner a:not(.btn-cancel-wl-registration).not(.btn-cancel-registration)
{
    margin-top: 1rem;
}

/* Buttons ------------------------------------------------------------------------------------- */
.btn-default-style-small {
    font-family: FetteEngschrift;
    font-size: 12px;
    background-color: #222449;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 0px;
    white-space: normal;
    padding: 0px 20px;
}
.btn-default-style {
    font-family: FetteEngschrift;
    font-size: 20px;
    background-color: #222449;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 4px;
    border-radius: 0px;
    white-space: normal;
    line-height: 1.75rem;
}
.btn-default-style .disabled{
    background-color: #ccc;
    cursor: no-drop;
    cursor: not-allowed;
}

.event-btn:focus{
    outline: none!important;
    box-shadow: none!important;
}

.btn-default-style:hover, .btn-default-style-small:hover {
    color: #fff;
    background-color: #129AF0!important;
    border-color: #129AF0;
}

.btn-default-style2 {
    font-family: FetteEngschrift;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 26px;
    border-radius: 0px;
    white-space: normal;
    border: 2px solid #2E3942;
    background-color: #fff;
    color: #2E3942;
}

.btn-book, .btn-wait {
    background-color: #2E3942;
    border-color: #2E3942;
}

.btn-book:hover, .btn-wait:hover {
    color: #fff;
    background-color: #129AF0;
    border-color: #129AF0;
}

.btn-book:disabled:hover, .btn-wait:disabled:hover {
    color: #fff;
    background-color: #129AF0;
    border-color: #129AF0;
}

.btn-full {
    color: #fff;
    background-color: #8B9299;
    border-color: #8B9299;
}

.btn-full:disabled:hover {
    color: #fff;
    background-color: #8B9299;
    border-color: #8B9299;
    cursor: no-drop;
    cursor: not-allowed;
}
.modify-reservation{
    font-size: 18px;
    letter-spacing: 0px;
    padding-left: 1px;
    padding-right: 1px;
}

.modify-waitlistreservation {
    font-size: 14px;
    letter-spacing: 2px;
    /* padding: 7px 7px; */
    white-space: normal;
    line-height: 1;
}
.event-normal-registration-modal .modal-footer button.normal-ress { font-size: 14px;  letter-spacing: 2px;  /* padding: 7px 7px; */  line-height: 1;  white-space: normal; }
.modify-wlist{ font-size: 15px; }
/* .btn-cancel-registration { font-size: 20px; letter-spacing: 2px; padding-left: 1px; padding-right: 1px; } */
.btn-cancel-wl-registration, .btn-cancel-registration { font-size: 14px;  letter-spacing: 2px;  /* padding: 7px 7px; */  line-height: 1;  white-space: normal; }
.btn-cancel { line-height: 26px; }

.btn-cancel, .btn-wait-cancel, .btn-wait-cancel2 { border: 2px solid; border-color: #2E3942; background-color: #fff; color: #2E3942; }

.btn-cancel:hover, .btn-wait-cancel:hover, .btn-default-style2:hover {
    background-color: #fff;
    border-color: #129AF0;
    color: #129AF0;
}

.btn-cancel:disabled, .btn-wait-cancel:disabled {
    background-color: #fff;
    border-color: #129AF0;
    color: #129AF0;
}

.btn-default-style:focus {
    color : #fff;
}

.btn-book:focus, .btn-wait:focus {
    color: #fff;
    background-color: #129AF0;
}

.btn-cancel:focus {
    background-color: #fff;
    border-color: #129AF0;
    color: #129AF0;
}

.btn-filter-mobile {
    background-color: #F5F8F9;
    border: 1px solid #8B9299;
    vertical-align: middle;
}

.btn-filter-mobile:focus {
    text-decoration: none;
}

.btn-circle {
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 4px 0;
    font-size: 9px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}

.btn-preference-ok {
    background-color: #6FAA12;
    border-color: #6FAA12;
}

.btn-preference-cancel {
    background-color: #D50304;
    border-color: #D50304;
}

.btn-preference-ok, .btn-preference-cancel {
    width: 58px;
    height: 42px;
    color: #fff;
    border-radius: 0px;
}

.btn-preference-ok:hover, .btn-preference-cancel:hover {
    background-color: #219ff0;
    color: #fff;
}
.btn-disabled{
    background-color: #767e84 !important;
    cursor: no-drop !important;
    cursor: not-allowed !important;
}

.cancelled_event{
    opacity:1 !important;
    background-color: red !important;
    cursor: not-allowed !important;
    letter-spacing: 4px !important;
}
/* checkbox and radion button ------------------------------------------------------------------------------------- */

.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }

/* Links ----------------------------------------------------------------------------------------------------- */
#back_to_home {
    color: #fff;
    margin-left: 20px;
}

/* Pagination ------------------------------------------------------------------------------------------------ */

.pagination {
    margin: 10px 0px;
}

.pagination .pagination-active {
    text-decoration: underline;
    color: #000;
}

.pagination>li>a {
    border: none;
    font-family: FetteEngschrift;
    font-size: 24px;
    color: #8B9299;
}

.pagination>li>a:hover {
    background-color: #fff;
    color: #129AF0;
}

.return-action {
    font-family: Georgia;
    font-size: 16px;
    color: #2E3942;
}
.return-action a{
    text-decoration: none;
}

.footer-nav {
    margin: 25px 0px;
    font-family: helvetica, sans-serif;
}

.footer-nav>ul>li>a {
    font-size: 14px;
    font-family: Helvetica, sans-serif;
    color: #003366;
}

.list-inline>li {
    padding: 0px 15px;
    border-left: 1px solid #003366;
}

.list-inline>li:first-child {
    border-left: none;
}

.event-image {
    height: 187px;
    margin-bottom: 15px;
    overflow: hidden;
}
.event-image img{
    width: 100%;
    height: 100%;
}

.heart-stoke-event{
    position: absolute;
    top: 55px;
    left: 20px;
    padding: 2px;
    background: #fff;
    border-radius: 4px;
}
.heart-stoke-event img{
    /*width: 20px !important;*/
    height: 20px !important;
}
.heart-stoke{
    position: absolute;
    top: 8px;
    left: 20px;
    padding: 2px;
    background: #fff;
    border-radius: 4px;
}
.heart-stoke img{
    /*width: 20px !important;*/
    height: 20px !important;
}
.event-box-center .heart-stoke{
    position: absolute;
    top: 8px;
    left: 35px;
    padding: 2px;
    background: #fff;
    border-radius: 4px;
}
.event-box-right .heart-stoke{
    position: absolute;
    top: 8px;
    left: 50px;
    padding: 2px;
    background: #fff;
    border-radius: 4px;
}

.event-type {
    font-family: FetteEngschrift;
    font-size: 18px;
    font-size: 2vh;
    color: #747B83;
    letter-spacing: 0.5px;
}
/*.event-type:after{*/
/*content:"\a";*/
/*white-space: pre;*/
/*}*/
/*.event-title:before{*/
/*content:"\a";*/
/*white-space: pre;*/
/*}*/
.event-title {
    display:inline-block;
    font-family: TheAntiquaB-W6SemiBold;
    font-size: 24px;
    color: #16212C;
    line-height: 35px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eventdatemodal{font-size: 0.87rem;}

.event-title a{
    text-decoration: none;
    font-family: TheAntiquaB-W6SemiBold;
    font-size: 20px;
    color: #16212C;
    line-height: 21px;
    text-overflow: ellipsis;
}

.event-description {
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    color: #464F57;
    width: auto;
    height: 110px;
    margin-bottom: 20px;
}


.text-description {
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    color: #464F57;
    height: 70px;
}
.text-description a{
    text-decoration: underline;
}
/* Loader */
.loader {
    width: 30px;
    height: 30px;
    border-radius: 150px;
    border: 5px solid #D3D3D3;
    border-color: -webkit-gradient(linear, 0 0, 0 100%, from(#D3D3D3), to(#8B9299));
    border-top-color: #8B9299;
    box-sizing: border-box;
    position: absolute;
    top:5%; right:-13%;
    /*margin-top: 0px;*/
    margin-left: -0px;
    animation: loading 1.2s linear infinite;
    -webkit-animation: loading 1.2s linear infinite;
}

@keyframes loading {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

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

.loading {
    width: 100px;
    height: 100px;
}

.cancel-acord li{
    list-style: none;
}

/*Contact Page*/
#contact_information label{
    font-family: Arial !important;
    /*font-weight: bold;*/
    font-size: 14px;
}

#contact_information input{
    margin-bottom: 10px;
}

#contact_information span.select2{
    width:100% !important;
}

#contact_information .select2-container--default .select2-selection--single{
    border: 1px solid #d0d6db;
    height: 40.5px;
}

#contact_information label.nature{
    width: 100%;
    line-height: 0.8;
    font-family: Arial !important;
    cursor: pointer;
}

#contact_information .nature_selected{
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px !important;
    color: #777;
}

#contact_information .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-top: 0.8rem;
    line-height: 22px !important;
}

/* ------------------------------------------------------Set Preferences Page-------------------------------------------------------- */

.set-preferences-box h4 {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #495057;
}

.set-preferences-box button {
    text-transform: uppercase;
}

#set_preferences_form label{
    font-family: Arial !important;
    /*font-weight: bold;*/
    font-size: 14px;
}

#set_preferences_form input{
    margin-bottom: 10px;
    font-weight: normal;
}
#set_preferences_form span.select2{
    width:100% !important;
}

#set_preferences_form .select2-container--default .select2-selection--single{
    border: 1px solid #d0d6db;
    height: 37.5px;
}

#set_preferences_form label.country{
    width: 100%;
    line-height: 0.8;
    font-family: Arial !important;
    cursor: pointer;
}

#set_preferences_form .country_selected{
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px !important;
    color: #777;
}

#set_preferences_form .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-top: 0.8rem;
    line-height: 22px !important;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
}

/*.help-block2 {*/
/*display: block;*/
/*margin-top: 5px;*/
/*margin-bottom: 10px;*/
/*color: #a94442;*/
/*}*/
/*.help-block{*/
/*float: right;*/
/*}*/
.error-msg{float: right; margin-top: 0px !important; margin-bottom: 0px !important; font-weight: 500; margin-left: 2px; font-size: 14px; }

.has-error2 .form-control{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.has-error .select2-selection{
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

#preferences_box label{
    font-weight: normal !important;
    font-family: Arial !important;
}

.profile-height>td{
    padding-top: 10px;
}

.preference-col {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    list-style: none;
    /*padding: 3;*/
}

#preferences-error {
    display: none;
    color: #D50304;
}

#preference-options {
    display: none;
}

#profile-error {
    display: none;
}

/* Settings Page */
.settings-row>td {
    padding-top: 15px;
}

.settings-row-preference {
    vertical-align: top;
}

.settings-col-label {
    width: 250px;
}

.textboxes {
    margin-right: 10px;
}

.col-center {
    float: none;
    margin: 0 auto;
}

.incomplete-form{color:#a94442}

/**************************************************CUSTOM CSS - CHAN********************************************/
.intro-text{
    padding: 0.87rem 0;
}

.intro-text>p {
    font-family: Georgia;
    font-size: 16px;
    /*margin: 0px;*/
    color: #2E3942;
}

.cover-header{
    margin-top: 50px;
    /*background-image: url("$this->data['page_banner_bg'] = images_bundle().'frontoffice/event_details/banner.jpg';");
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 200px;*/
}

.cover-header img {
    margin: 0px auto;
}

/*#events_list {
height: 1240px;
}*/

/*#events_list img{
width: 100%;
margin: 0px auto;
}*/



#banner2 img{
    height:200px;
}

.bread-crumbs a{
    margin:20px 0;
    padding: 20px 0;
    display: inline-block;
}

.btn-wait {
    font-size: 13px;
    line-height: 1.428571429;
}
.btn-wait-cancel2 {
    font-size: 18px;
    line-height: 26px;
}
.btn-reg-waitlist{
    font-size: 15px;
    letter-spacing: 2px;
    /* line-height: 1rem;*/
    height: 42px;
}
.btn-reg-waitlist_detailsp{
    font-size: 15px !important;
    letter-spacing: 2px !important;
    /* line-height: 1rem;*/
}

a.btn.disabled, fieldset:disabled a.btn{
    pointer-events: auto !important;
    cursor: no-drop !important;
    cursor: not-allowed !important;
}

.moderationWL-btn{
    font-size: 0.86rem !important;
    letter-spacing: 1.8px !important;
    padding: 0.8rem;
}

.myreservation-btn{
    font-size: 0.86rem !important;
    line-height: 1rem !important;
    letter-spacing: 4px !important;
    padding: 18px !important;
}

.myreservation-btn2{
    font-size: 0.86rem !important;
    line-height: 1rem !important;
    letter-spacing: 4px !important;
    padding: 18px !important;
}

.moderation-btn{
    font-size: 0.86rem !important;
    line-height: 1rem !important;
    letter-spacing: 0px !important;
    padding: 12px !important;
}

.disabled{
    background-color: #2E3942;
    cursor: no-drop !important;
    cursor: not-allowed !important;
}

#events_list {
    height: 1240px;
}
#event-pagination {
    height: 77px;
}

#event-details-box a{
    margin:0px 0px 10px 0px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    /*color:#000000;*/
}
.info-box strong{
    font-size: 0.87rem;
}
.event-address-inf{
    font-size: 0.87rem;
}
.info-box strong{
    font-size: 0.87rem;
}
.event-address-inf{
    font-size: 0.87rem;
}

#event-details-box .h2, h2{
    margin-top: 0;
    font-size: 21px;
}

.accordion-heading a{
    color:#000000;
    font-size: 0.87rem;
}
#ad-box img{
    width: 100%;
}
.modal{
    overflow-y: auto;
}

.modal .modal-dialog{
    direction:ltr;
}

.modal-content {
    max-width: 500px;
    float: none;
    margin: 5rem auto;
}

.modal-header{
    background-color: #303030;
    padding: 15px 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    flex-direction: column-reverse;
    display: inline-block
}
.modal-header .close {
    padding: 0px;
    margin: 0px;
}

.modal-footer button {
    width: 50%;
    margin: 0.3rem;
}

.closeModal_btn{
    width: auto !important;
}

@media (max-width: 480px) {
    .modal-footer {
        flex-wrap: wrap;
        justify-content: center;
    }
    .modal-footer button {
        width: 70%;
    }
}

.modal-title{
    color : #fff;
    font-family : FetteEngschrift ;
    font-size : 20px ;
    text-transform : uppercase ;
    letter-spacing : 2px;
}

.modal-open{
    overflow: auto;
}

.form-group {
    margin-bottom: 0px;
}
.invite-checkbox {
    margin-top: 10px;
    margin-left: 30px;
}

.invite-checkbox input{
    box-shadow: none;
}

.form-control {
    padding-right: 12px !important;
}

.remove-guest {
    background-color: #D50304;
    color: #fff;
}

.panel-default-style {
    border-radius: 0px;
    background-color: #F5F8F9;
    margin-bottom: 30px;
}

.panel-heading {
    padding: 15px 28px;
}

.panel-body {
    padding: 15px 10px 10px 10px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

/*.modal-header .close {
  margin-top: 2px;
}*/

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a.lm-menu-hovered {
    color: #219ff0;
}

#cancel-modal table{
    text-align: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
}
#cancel-msg{
    padding-bottom: 3px;
}
.bootbox-body{
    font-size: 85%;
}

.favorites{color: #ffc600;  margin-bottom: 0px !important;  font-family: 'Arial'; display: initial; height:2.5rem; line-height: 1.3; }

#favorite-img{
    margin: .2rem .5rem 0 0;
    float: left;
}

.event-card-title{
    height: 50px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: TheAntiquaB-W6SemiBold;
    margin-bottom:0;
    color: #222449;
}

.card.favlink {
    /*box-shadow:0 0.25rem 0.75rem rgba(0, 0, 0, .20);*/
    background-color: rgba(202, 202, 214, 0.22);
}

.card-footer.favlink {
    /*background-color: transparent !important;*/
    background-color: #ffffff;
}


.favlink{
    background-color: rgba(202, 202, 214, 0.22);
}


.backtohome a {    color: #0f2c41 !important;  }

.backtohome{    margin-top: 1rem;  }


/* necessary plugin styles */
.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.select2-dropdown{
    z-index: 1000 !important;
}

.select2-dropdown{
    z-index: 1000 !important;
}

.res_period2, .res_period3{
    text-transform: lowercase;
}

.hide_wrd {
    display: none;
}

/******************************************************* Media Queries **********************************************************************/

/* Custom, iPhone Retina */
@media (min-width : 320px) {

    .footer a{font-size: 13px !important;}

    .nowhitespace { padding-top: 0; }
    /******************* HOMEPAGE ***********************/
    .logo {
        margin-left:15px;
    }

    .navbar .container{
        padding:0;
    }
    .container>.navbar-header{
        margin: 0 10px;
    }
    .navbar-inverse .navbar-nav>li>a {
        border:none;
        padding-left: 35px;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 8px;
        padding: 9px 10px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .navbar-inverse .navbar-toggle {
        border: none;
        border-left: 1px solid #435f75;
        border-radius: 0;
        height: 50px;
        padding-left: 20px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
        background:none;
    }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
        padding-left: 20px;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
        background: #219ff0;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        padding-left: 35px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #2c4c64;
        margin: 10px 30px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a.lm-menu-hovered {
        color: #fff;
    }
    /*  .glyphicon {
        margin-left: 10px;
    }
    */
    .dropdown-menu .glyphicon{
        margin-left:0;
        margin-right: 10px;
    }
    .btn-wait {
        font-size: 20px;
        line-height: 1.4;
    }

    .event-box {
        height: auto;
        margin: 0px 0px 20px;
    }

    .panel {
        margin-bottom: 0;
    }
    .modal-dialog {
        width: 80%;
        margin: 5% auto 0;
    }
    .btn-wait-cancel, .btn-wait-cancel2 {
        font-size:13px;
        line-height: 2.2;
        margin-bottom: 20px;
    }

    #register-event-title {
        font-family: TheAntiquaB-W6SemiBold;
        font-size: 24px;
        line-height: 35px;
        margin-top: 10px;
        color: #16212C;
        /*text-transform: capitalize;*/
    }

    #cancel-event-message {
        padding:0;
    }
    .none-display{
        display: none;
    }


}
/*start date style frontoffice*/

/*---------------------------------------------------------- Tiny Mce Editor custom css for mentions legales ---------------------------*/
:target{
    display: block;
    position: relative;
    top: -50px;
}
/* --------------------------------------------------------- Mention Legales -----------------------------------------------------------*/
a#return_action_link{
    color: #FFF;
    text-decoration: none;
}

/* ---------------------------------------------------------- Set Preferneces  -------------------------------------------------------- */
ul#preferences_box {
    padding-left: 0;
    width: 100%;
}

#set-preferences-form-container {
    padding: 0% 0%;
}

.set-preferences-box {margin-top: 50px; padding: 10px 0px;}

#preferences_box button {
    margin-bottom: 20px;
}
span.name{
    margin-right:10px;
    text-transform: capitalize;
}

span.first_name{
    text-transform: capitalize;
}

/*  .bootbox-body .event-title {
  background: red;
}*/

.responsive_banner{
    min-height: 50vh !important;
}

/* iPhone eXpensive portrait*/
@media (min-width : 375px) {
    .footer a {
        padding: 0 0.5rem 0 0.5rem !important;
    }
    .nowhitespace { padding-top: 0; }

}

/* iPhoneX landscape*/
@media (height : 375px) {
    .masthead {
        height: 50vh !important;
        min-height: 20vh !important;
    }
    .all_access {
        height: 0vh !important;
        min-height: 50vh !important;
    }

}

/* Extra Small Devices, Phones */
@media (min-width : 480px) {
    .container{
        padding: 0 20px
    }

}

@media (min-width: 731px){
    .all_access{
        margin-top: 0rem;
        height: 0vh !important;
        min-height: 50vh !important;
    }
    .masthead {
        height: 50vh !important;
        min-height: 0vh !important;
    }

    /*SSO*/
    #no_subscriber_sso_btn{
        /*display: none;*/
    }
    /*SSO NOT NO SUBSCRIPTION*/
    #no_subscription_sso_btn{
        /*display: none;*/
    }
}


@media (min-width: 736px){
    .favorites{
        line-height: 1.3 !important;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
    body{
        padding-top: 3.3rem;
    }

    .eventdate{
        line-height: 19px !important;
    }
    .favorites{
        line-height: 1 !important;
        margin-top: 10px;
    }
    /* .container {
       width: 750px;
     }*/

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #153853;
        padding: 10px 0 10px 20px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color: #219ff0;
        color: #fff;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #e4e6e9;
        margin: 0;
        width: 100%;
    }
    .dropdown-menu .glyphicon{
        margin-left:0;
        margin-right: 10px;
    }

    .navbar-inverse .navbar-nav>li>a {
        border: none;
        padding-left: 15px;
        border-left: 1px solid #435f75;
        border-right: 1px solid #435f75;
        margin-right: -1px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a.lm-menu-hovered {
        color: #219ff0;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a.lm-menu-hovered:hover {
        color: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>:active a {
        color: #219ff0;
    }
    .btn-wait {
        font-size: 17px;
        line-height: 1.7;
    }
    .btn-wait-cancel, .btn-wait-cancel2 {
        font-size: 18px;
        line-height: 1.4;
    }

    #cancel-registration .event-title {
        height:auto;
    }
    #set-preferences-form-container {
        padding: 0% 0%;
    }
    ul#preferences_box {
        padding-left: 0;
        width: 75%;
    }

    .return-action{font-size: 14px!important;}
    .nav-link{font-size: 14px!important;}

    #back_to_home{margin-left: 10px!important}

}





/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /*SSO*/
    #no_subscriber_sso_btn{
        display: none;
    }
    /*SSO NOT NO SUBSCRIPTION*/
    #no_subscription_sso_btn{
        display: none;
    }

    .navbar-inverse .navbar-nav>li>a {
        border: none;
        padding-left: 15px;
        border-left: 1px solid #435f75;
        border-right: 1px solid #435f75;

    }
    .dropdown-menu i {
        display:none;
    }

    .container {
        width: 970px;
    }

    .event-box {
        height: 540px;
        margin: 0px 0px 80px;
    }
    .event-box-left {
        padding-right: 40px;
    }
    .event-box-center {
        padding: 0px 24px;
    }
    .event-box-right {
        padding-left: 40px;
    }

    .btn-wait {
        font-size: 13px;
        line-height: 1.2;
    }
    .btn-wait-cancel, .btn-wait-cancel2 {
        font-size: 13px;
        line-height: 1.1;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a.lm-menu-hovered {
        color: #219ff0;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a.lm-menu-hovered:hover {
        color: #fff;
    }
    ul#preferences_box {
        padding-left: 0;
        /*width: 50%;*/
    }
    #set-preferences-form-container {
        padding: 0% 0%;
    }

    .set-preferences-box h2 {
        font-family: TheAntiquaB-W6SemiBold;
        font-size: 40px;
    }

    /*accordion*/
    .accordion-heading{
        padding-top: 10px;
        border-top: solid 1px;
        border-bottom: solid 1px;
    }
    .return-action{font-size: 15px!important;}
    .nav-link {font-size: 15px!important;}
    #back_to_home{margin-left: 20px!important;}
}

@media (min-width: 670px) {
    .favorites{
        margin-top: 2rem;
    }
}

@media (min-width: 668px) {
    .favorites{
        margin-top: 2rem;
    }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .cover-header-image {
        padding-top: 12rem !important;
    }
}

@media (min-width: 1920px) {
    .cover-header-image {
        padding-top: 18rem !important;
    }
}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */

/* Portrait */
@media only screen
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

    .modal-content {
        max-width: 100%;
        float: none;
    }

    .modal-content {
        max-width: 100%;
        float: none;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        padding: 5px 0 5px 30px;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 220px;
    }

    .btn-wait {
        font-size: 20px;
    }

    .modal-dialog {
        width: 80%;
        margin: 4% auto 0;
    }

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
    /*SSO NOT SUBSCRIBER*/
    #close_sso_notsubscriber, #no_subscriber_sso_msg_link, #no_subscriber_sso_close{
        display: none;
    }
    #no_subscriber_sso{
        padding: 0.5rem 1.5rem !important;
        text-align: center;
        margin-top: 3.5rem;
    }

    /*SSO NO SUBSCRIPTION*/
    #close_sso_no_subscription, #no_subscription_sso_msg_link, #no_subscription_sso_close{
        display: none;
    }

    #no_subscription_sso{
        padding: 0.5rem 1.5rem !important;
        text-align: center;
        margin-top: 3rem;
        margin-right: 0px !important;
    }

    /*SSO NOT PREMIUM*/
    #notPremium .modal-dialog{
        margin: 0px !important;
        width: 100%;
    }

    #notPremium .modal-content{
        margin: 3rem auto !important;
    }

    #notPremium .modal-content {
        /*width: 320px !important;*/
    }
    #notPremium #popup_msg{
        width: 100% !important;
        margin: auto !important;
    }

    #notPremium #notpremium_btn{
        width: 250px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /*SSO NOT CONNECTED*/
    #notConnected .modal-dialog{
        margin: 0px !important;
        width: 100%;
    }

    #notConnected .modal-content{
        margin: 3rem auto !important;
        width: 100% !important;
    }

    #notConnected .modal-content {
        width: 100% !important;
    }
    #notConnected #popup_msg{
        width: 250px !important;
        margin: auto !important;
    }

    #notConnected #notConnected_btn{
        /*width: 250px !important;*/
        margin-left: auto !important;
        margin-right: auto !important;
        width: 90%;
    }

    #notConnected_popup_msg{
        padding-left: 10%;
        padding-right: 10%;
    }

    .notConnected_msg{
        height: 377px !important;
    }

    /*SSO NOT CASE 5*/
    #notConnected_case5 .modal-dialog{
        margin: 0px !important;
        width: 100%;
    }

    #notConnected_case5 .modal-content{
        margin: 3rem auto !important;
        width: 100% !important;
    }

    #notConnected_case5 .modal-content {
        width: 100% !important;
    }
    #notConnected_case5 #popup_msg{
        width: 250px !important;
        margin: auto !important;
    }

    #notConnected_case5 #notConnected_btn{
        /*width: 250px !important;*/
        margin-left: auto !important;
        margin-right: auto !important;
        width: 90%;
    }

    /*#notConnected_popup_msg{*/
    /*padding-left: 10%;*/
    /*padding-right: 10%;*/
    /*}*/

    /*SSO NO SERVICES*/
    #noServices .modal-dialog{
        margin: 0px !important;
        width: 100%;
    }

    #noServices .modal-content{
        margin: 3rem auto !important;
    }

    #noServices .modal-content {
        width: 100% !important;
    }
    #noServices #popup_msg{
        width: 250px !important;
        margin: auto !important;
    }

    #noServices #noServices_btn{
        /*width: 98% !important;*/
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 3px;
    }

    .btn-wait {
        font-size: 13px;
        line-height: 1.4;
    }

    .modal-dialog {
        width: 90%;
        margin: 15% auto 0;
    }

    .modal-footer {
        text-align: center;
    }
    .btn-wait {
        font-size: 20px;
        line-height: 1.4;
    }
}

/* Portrait */
@media only screen
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .masthead {
        height: 0vh !important;
        min-height: 15vh !important;
    }
    .all_access{
        margin-top: 3rem !important;
        height: 0vh !important;
        min-height: 15vh !important;
    }

    .btn-wait {
        font-size: 16px;
        line-height: 1.4;
    }
}

/* Landscape */
@media only screen
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .masthead {
        height: 0vh !important;
        min-height: 42vh !important;
    }
    .modal-content {
        max-width: 100%;
        float: none;
    }
    .modal-dialog {
        width: 90%;
        margin: 0 auto;
    }
    .btn-wait-cancel, .btn-wait-cancel2 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
    #close_sso_notsubscriber, #no_subscriber_sso_msg_link, #no_subscriber_sso_close{
        display: none;
    }
    #no_subscriber_sso{
        padding: 0.5rem 1.5rem !important;
        text-align: center;
        margin-top: 3.5rem;
    }

    /*SSO NO SUBSCRIPTION*/
    #close_sso_no_subscription, #no_subscription_sso_msg_link, #no_subscription_sso_close{
        display: none;
    }
    #no_subscription_sso{
        padding: 0.5rem 1.5rem !important;
        text-align: center;
        margin-top: 3rem;
    }
}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #announcement-modal .modal-content{
        margin-top: 8rem;
    }
    .masthead {
        height: 0vh !important;
        min-height: 13vh !important;
    }
    .all_access{
        margin-top: 3rem !important;
        height: 0vh !important;
        min-height: 13vh !important;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .responsive_banner{
        margin-top: 3rem;
    }
    .masthead {
        height: 0vh !important;
        min-height: 42vh !important;
    }
    .all_access{
        height: 0vh !important;
        min-height: 42vh !important;
        margin-top: 3rem !important;
    }
    .modal-dialog {
        width: 80%;
        margin: 5% auto 0;
    }
    .btn-wait-cancel, .btn-wait-cancel2 {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .btn-reg-waitlist{
        font-size: 0.87rem;
    }
    .favorites{
        margin-top: 1.5rem;
    }
    .eventcontent{
        margin-top: 2.5rem !important;
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
    #close_sso_notsubscriber, #no_subscriber_sso_msg_link, #no_subscriber_sso_close{
        display: none;
    }
    #no_subscriber_sso{
        padding: 0.5rem 1.5rem !important;
        text-align: center;
        margin-top: 3.5rem;
    }

    /*SSO NO SUBSCRIPTION*/
    #close_sso_no_subscription, #no_subscription_sso_msg_link, #no_subscription_sso_close{
        display: none;
    }
    #no_subscription_sso{
        padding: 0.5rem 1.5rem !important;
        text-align: center;
        margin-top: 3rem;
    }



    .btn-wait {
        line-height: 1.6;
        font-size: 18px;
    }


}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
    .btn-wait-cancel, .btn-wait-cancel2 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
    .responsive_banner{
        margin-top: 3rem;
    }
    .masthead {
        height: 0vh !important;
        min-height: 42vh !important;
    }
    .all_access{
        margin-top: 3rem !important;
    }
    .btn-wait {
        line-height: 1.42857143;
        font-size: 20px;
    }
    .btn-wait-cancel, .btn-wait-cancel2 {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .modal-dialog {
        width: 80%;
        margin: 5% auto 0;
    }
    .btn-reg-waitlist{
        font-size: 0.87rem;
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
    #banner2{
        margin-top: 50px;
        background-position: center center;
        background-size:cover;
        width: 100%;
        text-align: center;
        /*padding-top:35%;*/
    }
}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}
/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
    #announcement-modal .modal-content{
        margin-top: 8rem;
    }
    #noServices .modal-content{
        width: 375px;
    }
    #notPremium .modal-content{
        width: 375px;
    }
    #no_subscriber_sso_btn{
        display: none;
    }

    #no_subscription_sso_btn{
        display: none;
    }
}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .favorites{
        margin-top: 1.5rem;
    }
    .all_access {
        margin-top: 0px !important;
        height: 0vh !important;
        min-height: 18vh !important;
    }

    .masthead {
        height: 50vh !important;
        min-height: 0px !important;
    }

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .masthead {
        height: 0vh !important;
        min-height: 50vh !important;
    }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media
(min-device-width: 800px)
and (max-device-width: 1280px) {

}

/* Portrait */
@media
(max-device-width: 800px)
and (orientation: portrait) {

}

/* Landscape */
@media
(max-device-width: 1280px)
and (orientation: landscape) {

}

/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {

}

/* ----------- Non-Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {
}

@media (max-width: 1024px){
    .btn-reg-waitlist{
        font-size: 1rem;
    }
}