.checkbox-text{
    font-weight : 500;
    color       : #ffffff;
}

.checkbox-text > a,
.checkbox-text > a:hover,
.checkbox-text > a:focus,
.checkbox-text > a:focus-visible,
.checkbox-text > a:focus-within,
.checkbox-text > a:visited{
    text-decoration : underline !important;
    font-weight     : bold;
    outline         : none;
    display         : inline;
}

.col-md-12.faq-section-body,
.col-md-12.faq-section-body > *{
    color : #0042A3;
}

.col-md-12.faq-section-body > h6 > *{
    color : #0042A3;
}

.footer-banner{
    display : none !important;
}

.footer-container{
    display : flex;
}

.sealife-landing-header-navbar{
    width              : 100%;
    display            : flex;
    height             : auto !important;
    overflow           : visible !important;
    max-height         : 100%;
    padding            : 0;
    margin-top         : 10px;
    position           : relative;
    border-top         : 0;
    -webkit-box-shadow : none;
    box-shadow         : none;

}

.user-information input::placeholder{
    color   : #fff;
    opacity : 0.8;
}

.landing-header-navbar{
    width              : 100%;
    display            : flex;
    justify-content    : space-between;
    height             : auto !important;
    overflow           : visible !important;
    max-height         : 100%;
    padding            : 0;
    margin-top         : 10px;
    position           : relative;
    border-top         : 0;
    -webkit-box-shadow : none;
    box-shadow         : none;

}

.desktop-navbar .landing-header-navbar{
    justify-content : start;
}

.home-container-row{
    margin : 0;
}

.payment-checkbox{
    width  : 16px;
    height : 16px;
}

.header-tab{
    width          : 20%;
    text-transform : uppercase;
    vertical-align : middle;
    padding        : 0;
    color          : #ffffff;
    font-family    : 'Lato', sans-serif;
    text-shadow    : 2px 2px rgba(0, 0, 0, 0.25);
    font-size      : 15px;
    height         : 45px;
    line-height    : 17px;
    text-align     : center;
}

.addform{
    display : flex;
}

.footer-info{
    margin-top : 10px;
}

.sealife-arrow{
    position   : relative;
    z-index    : 25;
    text-align : center;
    top        : -75px;
}


.arrow{
    position   : relative;
    z-index    : 25;
    text-align : center;
    top        : -75px;
}

.arrow img{
    width : 25px;
}

.landingcards{
    position       : relative;
    font-family    : Lato, sans-serif;
    text-align     : center;
    color          : #ffffff;
    font-size      : 12px;
    font-weight    : 400;
    line-height    : 17px;
    z-index        : 22;
    min-height     : 100px;
    padding-top    : 15px;
    padding-bottom : 15px;
}

.ismobile{
    display : none;
}

p > span.dateSelected{
    color     : #0042A3;
    font-size : 19px;
}

.isdesktop{
    display : block;
}

.eventbox{
    top              : 0;
    background-color : #F5F5F5;
    border-bottom    : none;
    cursor           : pointer;
    height           : 100%;
}

.landing-box{
    height : 120px;
}

.group-card.active .eventbox,
.group-card:focus .eventbox{
    background-color : #FFD826;
}

.group-card:not(.active) .fa-plus.box-icon:before{
    content          : "\f067";
    padding          : 12px;
    color            : #0042A3;
    border-radius    : 35px;
    background-color : #fff;
    border           : 2px solid;
    cursor           : pointer;
}

.group-card.active .fa-plus.box-icon:before{
    content          : "\f00c";
    padding          : 12px;
    background-color : #0042A3;
    border-radius    : 35px;
    color            : #FFD826;
    border           : 2px solid #0042A3;

}

.card.crossell.active{
    background-color : #FFD826;
}

.icon-container{
    padding-top     : 22px;
    padding-bottom  : 10px;
    justify-content : start;
    display         : flex;
}

.uppercase{
    text-transform : uppercase;
}


.eventtitle{
    z-index     : 22;
    display     : flex;
    font-family : 'Lato', sans-serif;
    color       : #0042A3;
    font-size   : 17px;
    line-height : 1;
    padding     : 12px 6px;
    text-align  : start;
}

.event-subtitle{
    z-index     : 22;
    display     : flex;
    font-family : 'Lato', sans-serif;
    color       : #0042A3;
    font-size   : 13px;
    line-height : 1;
    padding     : 4px 6px;
    text-align  : start;
}

.eventsubtitle{
    z-index     : 22;
    display     : flex;
    font-family : 'Lato', sans-serif;
    color       : #0042A3;
    font-size   : 15px;
    line-height : 1;
    padding     : 0px 6px;
    height      : 15px;
    text-align  : start;
}

.startingprice{
    text-align : start;
    padding    : 0px 6px;
    color      : #8E8E8E;
    height     : 40px;
}

.startingprice span{
    font-weight  : bold;
    color        : #0042A3 !important;
    padding-left : 3px;
}

.eventinfo, .ticketinfo{
    position    : relative;
    font-family : Lato, sans-serif;
    text-align  : center;
    color       : #0042A3;
    font-size   : 12px;
    font-weight : 400;
    line-height : 17px;
    padding     : 0 6px 0 6px;
    z-index     : 22;
    min-height  : 96px;
    text-align  : start;
}

.eventinfo{
    min-height : 96px;
}

.ticketinfo{
    min-height : auto;
}

.daterange{
    background : #0042A3;
    padding    : 10px 6px 10px 6px;
    text-align : start;
    color      : #fff;
    font-size  : 12px;
}

.b2b-button:before{
    display    : table;
    content    : " ";
    height     : 2px;
    position   : relative;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
}

.home-page-content:before, .home-page-content:after{
    display    : table;
    content    : " ";
    height     : 2px;
    position   : relative;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    width      : 100%;
}

.home-page-content{
    margin-top       : 30px;
    background-color : rgba(0, 62, 95, 0.15);
    border-left      : 2px solid rgba(255, 255, 255, 0.3);
    border-right     : 2px solid rgba(255, 255, 255, 0.3);
    margin-bottom    : 0;
    box-shadow       : 3px 3px 3px rgba(0, 0, 0, 0.2);
    position         : relative;
}

.home-title{
    text-align    : center;
    margin-bottom : 30px;
    font-family   : 'Lato', sans-serif;
    color         : #0042A3;
    font-size     : 27px;
    font-weight   : 600;
    line-height   : 60px;
}

.accepted-payments{
    padding-left : 25px !important;
    background   : url(/gdl_promo/resources/images/menu-divider-f0bdc9bc10e052fa872a5973b66721b4.png) no-repeat center left transparent;
}

.d-grid{
    display : grid;
}

.cursor-pointer{
    cursor : pointer;
}

.email-sent{
    color     : #0042A3;
    font-size : 22px;
}

.breadcrumb-container .step:before, .breadcrumb-container .step:after{
    background : transparent !important;
}

.breadcrumb-container .step.selected{
    color : #fded8f;
}

.breadcrumb-container .step.passed{
    color : #fff;
}

.breadcrumb-container .step.hasnext.passed:after{
    position   : absolute;
    content    : '';
    height     : 100%;
    top        : 33%;
    left       : calc(47% + (2.5em / 3));
    width      : calc(105% - 1.5em);
    border-top : 9px solid #FFD826;
    background : transparent;
}

.breadcrumb-container .step.selected .fa-stack .fa-stack-1x{
    display : inline-block;
}

.breadcrumb-container .step .fa-stack .fa-stack-1x{
    font-size : 25px;
    display   : none;
}

.breadcrumb-container .step{
    color     : #aaa;
    position  : relative;
    flex-wrap : wrap;
}

.breadcrumb-container .step.hasnext:after{
    position   : absolute;
    content    : '';
    height     : 100%;
    top        : 33%;
    left       : calc(48% + (2.5em / 3));
    border-top : 9px solid #CECECE;
}

.breadcrumb-container .step.hasnext:last-child:after{
    position   : initial;
    content    : '';
    height     : 0;
    top        : 0;
    left       : 0;
    border-top : 0;
}


.b2b-button{
    margin-left      : 10px;
    text-align       : center;
    color            : #ffffff;
    text-shadow      : 2px 2px rgba(0, 0, 0, 0.25);
    font-weight      : 700;
    text-transform   : uppercase;
    font-size        : 14px;
    float            : right;
    font-family      : 'Lato', serif;
    width            : 127px;
    padding          : 10px 0;
    line-height      : 20px;
    border-right     : 2px solid rgba(255, 255, 255, 0.3);
    border-left      : 2px solid rgba(255, 255, 255, 0.3);
    background-color : rgba(0, 135, 207, 0.5);
    border-radius    : 3px;
    display          : block;
}

header .topheader a.b2b-button{
    margin-left : 0;
    padding     : 5px 10px;
    float       : none;
    width       : auto;
    overflow    : auto;
    height      : auto;
}

.footer-links{
    display : flex;
}

.footer-links a, .footer-info a{
    list-style-type : none;
    font-weight     : bold;
    font-size       : 15px;
    text-shadow     : 2px 2px rgba(0, 0, 0, 0.25);
}

.footer-separator{
    padding : 0 13px;
}

.header-links-tab a{
    color : #ffffff !important;
}


.header-links-tab{
    background : url(/gdl_promo/resources/images/menu-divider-f0bdc9bc10e052fa872a5973b66721b4.png) no-repeat center left transparent;
    margin-top : 10px;
}


.header-navbar{
    width              : 100%;
    display            : flex;
    height             : auto !important;
    overflow           : visible !important;
    max-height         : 100%;
    padding            : 0;
    margin-top         : 10px;
    position           : relative;
    border-top         : 0;
    -webkit-box-shadow : none;
    box-shadow         : none;

}

.logo-link img{
    width : 10rem;
}

.logo-link{
    display        : table-cell;
    vertical-align : middle;
    padding        : 0;
    color          : #ffffff;
    font-family    : 'Lato', sans-serif;
    text-shadow    : 2px 2px rgba(0, 0, 0, 0.25);
    font-size      : 15px;
    text-transform : uppercase;
    height         : 45px;
    line-height    : 17px;
}

#infoData{
    font-size : 24px;
}

.table-header{
    text-transform : none;
    background     : #0042A3 none repeat scroll 0 0;
    line-height    : 61.6px;
    font-size      : 16px;
    padding        : 0;
}

.logo-tab{
    display     : table;
    text-align  : center;
    width       : 9%;
    height      : 45px;
    padding     : 0 5px;
    line-height : 45px;
    float       : left;
}

.navbar{
    margin-top       : 0;
    margin-bottom    : 20px;
    border           : 0;
    background-color : transparent;
}

.container{
    width         : 1170px;
    padding-right : 0;
    padding-left  : 0;
}

.container.maincontent{
    background : #fff;
    color      : #0042A3;
}

.breadcrumbs-info{
    min-height     : 51.6px;
    text-align     : left;
    font-size      : 16px;
    line-height    : 1.3;
    font-weight    : 400;
    padding-bottom : 10px;
}

.arrowlanding, .landingcards{
    display : none;
}

.nopaddingleft{
    padding-left : 0 !important;
}

.breadcrumbs-step-container{
    margin-top : 10px;
    display    : flex;
}

.select-ticket-header{
    text-transform : uppercase;
    background     : rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    font           : 17px/1 "Lato";
    font-weight    : bold;
    color          : #fded8f;
    padding        : 25px 15px;
    line-height    : 25px;
}

.products-container-title{
    border-right : 2px solid rgba(0, 0, 0, 0.3);
    color        : #FFD826;
    font-weight  : bold;

}

.products-container{
    display : flex;
}

.step-info{
    font-size   : 16px;
    line-height : 24px;
    font-weight : bold;
}

.activecrumb:before, .activecrumb:after{
    display : contents !important;
}

.hide_price div span{
    display : none !important;
}

.calendar-info-container{
    padding   : 15px;
    font-size : 16px;
}

/*.calendar-col{*/
/*    border-left: 2px solid #e5ce43;*/
/*}*/

#loginTab a,
#loginTab a:hover,
#loginTab a:focus{
    color           : #0042A3;
    text-decoration : underline;
    font-size       : 14px;
}

.calendar-ticket-stepinfo{
    margin-bottom : 10px;
    font-size     : 19px;
    color         : #0042A3;
    font-weight   : 600;
}

.calendar-ticket-legend{
    margin-bottom : 5px;
}

.disclamer{
    padding     : 15px;
    opacity     : 3.1;
    background  : rgba(0, 0, 0, 0.1);
    margin-top  : 10px;
    font-weight : bold;
    color       : #0042A3;
}

.disclamer a{
    color : #0042A3;
}

.disclaimer-info{
    background-color : #01405c;
    font-weight      : 600;
    text-transform   : uppercase;
    color            : #fced8e;
}

.buy-row:before, .buy-row:after, .calendar-buy-row:before, .calendar-buy-row:after{
    display    : table;
    content    : " ";
    height     : 2px;
    position   : relative;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    width      : 100%;

}


.instructions{
    margin : 15px;
}

.userinformation{
    margin : 15px;
}

.userinformation .card{
    max-width        : 540px;
    background-color : transparent;
    border           : none;
    border-radius    : 0px;
    width            : 100%;
}

.or{
    color     : #ffffff;
    font-size : 1rem;
}

.tickets-container{
    padding : 30px 15px;
}

.tk-container-bg-color{
    background-color: #0042A3;
}

.extrapagecontainer, .aquariumcontainer, .form-body, .termsandconditions-section{
    border-left  : 1px solid rgba(255, 255, 255, 0.3);
    border-right : 1px solid rgba(255, 255, 255, 0.3);
    padding      : 0;
}

.aquarium-tickets-container-row{
    display   : flex;
    flex-wrap : wrap;
}

.tickets-container-row{
    display : flex;

}

.tickets-list{
    padding-bottom : 50px;
    border-right   : 2px solid rgba(255, 255, 255, 0.3);
    border-left    : 2px solid rgba(255, 255, 255, 0.3);
}

.step-info{
    padding      : 15px;
    border-right : 2px solid rgba(255, 255, 255, 0.3);
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
}


.step.visited{
    color   : #d8c203 !important;
    border  : 2px solid #e5ce43 !important;
    opacity : 0.5;

}

.confirmation-title{
    text-transform : uppercase;
    background     : #0042A3;
    font           : 17px/1 "Lato";
    font-weight    : bold;
    color          : #FFD826;
    padding        : 25px 15px;

}

.orderinfo{
    font-size   : 14px;
    line-height : 24px;
}

.confirmation-info-title{
    color       : #0042A3;
    font-size   : 20px;
    font-weight : 400;
}

.no-product-info{
    padding      : 15px;
    border-right : 2px solid rgba(255, 255, 255, 0.3);
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
    font-size    : 16px;
    line-height  : 24px;
    font-weight  : bold;
    color        : #fff;
}

.no-product-info-extras{
    padding      : 15px;
    border-right : 2px solid rgba(255, 255, 255, 0.3);
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
    font-size    : 16px;
    line-height  : 24px;
    font-weight  : bold;
}

.noproducts:before, .noproducts:after, .step:not(.visited):before, .step:not(.visited):after, .instructions:before,
.instructions:after, .tickets-container:before, .tickets-container:after, .confirmation-container:before, .confirmation-container:after{

    display    : table;
    content    : " ";
    height     : 2px;
    position   : relative;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    width      : 100%;
}

.calendar-buy-row{
    margin       : 0 15px;
    position     : relative;
    font-size    : 16px;
    line-height  : 24px;
    color        : #fff;
    border-right : 2px solid rgba(255, 255, 255, 0.3);
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
    box-shadow   : 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.buy-row{
    margin       : 0 15px;
    position     : relative;
    font-size    : 16px;
    line-height  : 24px;
    font-weight  : bold;
    color        : #fff;
    border-right : 2px solid rgba(255, 255, 255, 0.3);
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
    box-shadow   : 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.opendata-ticketsinfo{
    font-weight : 100;
}


.calendar-tickets-info{
    font-size   : 16px;
    line-height : 24px;
    color       : #fff;
    padding     : 15px;
}

.tickets-info{
    font-size   : 16px;
    line-height : 24px;
    font-weight : bold;
    color       : #fff;
    padding     : 15px;
}

.tickets-info a, .calendar-tickets-info a, .resendemail{
    color : rgba(226, 0, 26, 0.8);
}

.popover-content{
    font-size        : 16px;
    padding          : 10px 15px;
    color            : #F8E993;
    font-weight      : bold;
    width            : 25.4%;
    background-color : rgba(0, 0, 0, 0.3);
}

.breadcrumbs .step{
    text-align       : center;
    text-indent      : 0;
    color            : rgba(255, 255, 255, 0.7);
    text-shadow      : 2px 2px rgba(0, 0, 0, 0.25);
    font-weight      : 700;
    text-transform   : uppercase;
    font-size        : 19px;
    font-family      : 'Lato', sans-serif;
    background-color : rgba(0, 0, 0, 0.3);
    border-right     : 2px solid rgba(255, 255, 255, 0.3);
    border-left      : 2px solid rgba(255, 255, 255, 0.3);
    line-height      : 30px;
}

.paypal .additionalinfo-title,
.paypal .usefulinfo li,
.paypal .usefulinfo a{
    color : #0042A3;
}

.paypal .usefulinfo a{
    text-decoration : underline;
}

.additionalinfo-title{
    line-height : 50px;
    font-size   : 18px;
    font-weight : bold;
    color       : #0042A3;
}

.shoponline-title{
    padding : 5px 15px;
}

.shoponline-benefit{
    padding     : 0 5px 20px;
    box-shadow  : 0 10px 10px #054d6e inset;
    line-height : 60px;
    font-size   : 18px;
    font-weight : bold;
    text-align  : center;
    color       : #fded8f;
    text-shadow : 0 0 7px rgba(0, 0, 0, 0.75);
    font-family : 'Lato', sans-serif;
}

.shoponline ul{
    padding        : 0 15px 30px 30px;
    margin         : 0;
    list-style     : none;
    font-size      : 16px;
    line-height    : 18px;
    font-weight    : bold;
    text-transform : none;
    text-align     : left;
}

.shoponline li{
    background  : url(/gdl_promo/resources/images/yellow_bullet-a1de2629afff131882f3cb67cc715d4a.png) no-repeat 0 13px;
    padding     : 10px 0 12px 20px;
    color       : #ffffff;
    font-family : 'Lato', sans-serif;
}

.usefulinfo li{
    background  : url(/gdl_promo/resources/images/yellow_bullet-a1de2629afff131882f3cb67cc715d4a.png) no-repeat 0 13px;
    padding     : 12px 0 12px 40px;
    color       : #0042A3;
    font-family : 'Lato', sans-serif;
}

.shoponline{

    overflow : hidden;

    margin   : 0 0 75px;
}

.shoponline:before{
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
}

.usefulinfo a{
    color     : #0042A3;
    font-size : 14px;
}

.usefulinfo ul{
    padding       : 20px;
    margin-bottom : 0 !important;
}

.cart-box{
    padding       : 10px;
    border-top    : 2px solid rgb(191, 169, 34);
    border-bottom : 2px solid rgb(255, 242, 141);
    border-radius : 3px;
    background    : transparent linear-gradient(to bottom, rgb(255, 242, 141) 0%, rgb(255, 241, 144) 2%, rgb(254, 240, 141) 7%, rgb(241, 227, 122) 24%, rgb(241, 224, 118) 29%, rgb(219, 197, 75) 58%, rgb(215, 189, 66) 67%, rgb(207, 184, 54) 73%, rgb(199, 171, 38) 89%, rgb(196, 170, 31) 91%, rgb(196, 169, 40) 93%, rgb(195, 167, 34) 96%, rgb(193, 168, 24) 98%, rgb(191, 169, 34) 100%) repeat scroll 0% 0%;
}

.cart-totals{
    padding : 10px 0;
    color   : #000000;
}

.cart-box-title{
    padding-left : 15px;
    font-weight  : bold;
    color        : rgba(226, 0, 26, 0.8);
    text-shadow  : 0 0 0 rgba(226, 0, 26, 0.8), 0 0 0 #000;
}

.usefulinfo li{
    line-height : 15px;
    font-size   : 15px;
    text-align  : left;
    display     : block;
}

.add-button{
    cursor         : pointer;
    display        : inline-block;
    border-top     : 2px solid rgb(191, 169, 34);
    border-bottom  : 2px solid rgb(255, 242, 141);
    border-radius  : 3px;
    background     : transparent linear-gradient(to bottom, rgb(255, 242, 141) 0%, rgb(255, 241, 144) 2%, rgb(254, 240, 141) 7%, rgb(241, 227, 122) 24%, rgb(241, 224, 118) 29%, rgb(219, 197, 75) 58%, rgb(215, 189, 66) 67%, rgb(207, 184, 54) 73%, rgb(199, 171, 38) 89%, rgb(196, 170, 31) 91%, rgb(196, 169, 40) 93%, rgb(195, 167, 34) 96%, rgb(193, 168, 24) 98%, rgb(191, 169, 34) 100%) repeat scroll 0% 0%;
    font-size      : 13px;
    font-weight    : bold;
    text-transform : uppercase;
    color          : rgba(226, 0, 26, 0.8);
    text-shadow    : 0 0 0 rgba(226, 0, 26, 0.8), 0 0 0 rgb(0, 0, 0);
    letter-spacing : 0.3px;
    text-align     : center;
    height         : 31px;
    line-height    : 27px;
    padding        : 0 12px;
    width          : 100%;
}

a.btn.payment-retry-button,
a.btn.restart-button,
.next-button,
.back-btn{
    padding        : 10px 0 10px 0;
    height         : 50px;
    width          : 18%;
    cursor         : pointer;
    display        : inline-block;
    color          : #fff !important;
    font-size      : 15px;
    font-weight    : bold;
    letter-spacing : 0.3px;
    text-align     : center;
    line-height    : 27px;
    border-radius  : 0px;
}

.btn-confirm, .nxt-page, .js-trigger-add, .js-confirm-perf{
    cursor         : pointer;
    display        : inline-block;
    color          : #fff !important;
    font-size      : 15px;
    font-weight    : bold;
    letter-spacing : 0.3px;
    text-align     : center;
    line-height    : 27px;
    border-radius  : 0px;
    background     : #00a44e;
}

.js-trigger-add, .js-confirm-perf{
    border  : 0;
    padding : 5px 10px;
}

.modal-content.redeem-content{
    background : white;
}

.close-redeem{
    font-size : 30px;
}

.modal-link:hover{
    color : #007bff;
}

a.btn.payment-retry-button,
.next-button{
    background : #00a44e;
}

.js-save-userprofile,
#btn-confirm-cod{
    background : #00a44e!important;
}

.btn{
    color:unset;
    border:unset;
}

.btn.off{
    pointer-events     : none;
    opacity: .65;
}

a.btn.payment-retry-button:focus, a.btn.payment-retry-button:hover,
a.btn.restart-button:focus, a.btn.restart-button:hover,
.next-button:focus, .next-button:hover,
.back-btn:focus, .back-btn:hover{
    text-decoration : none;
    color           : #fff;
}

.row.products{
    padding : 0 15px;
}


.cartdropdown{
    position : relative;
    display  : inline-block;
}

.cartdropdown-content{
    background-color : #FFD826;
}

.breadcrumb-container .step .fa-stack{
    font-size : 18px;
}

.breadcrumb-container .step{
    color    : #fff;
    position : relative;
}

.breadcrumb-container .step p{
    font-size   : 14px;
    font-weight : 600;
    white-space : nowrap;
}

.cart-header{
    background-color : #FFD826;
    color            : #0042A3;
    float            : left;
    line-height      : 30px;
    font-size        : 16px;
    display          : flex;
    justify-content  : space-between;
    font-weight      : bold;
    margin-bottom    : 35px;
}

.closecart{
    width  : 10%;
    cursor : pointer;
}

.cartdropdown:hover .cartdropdown-content{
    display : block;
}

.productinfo-popup{
    color            : rgb(67, 67, 67);
    position         : absolute;
    background-color : #ffffff;
    border           : 2px solid rgb(194, 165, 44);
    top              : 40px;
    width            : 150px;
    padding          : 5px;
    font-size        : 12px;
    border-radius    : 3px;
    left             : -44px;
    text-align       : center;
}

.tooltip-arrow:before{
    content      : "";
    position     : absolute;
    top          : -30%;
    left         : 50%;
    margin-left  : -5px;
    border-width : 5px;
    border-style : solid;
    border-color : rgb(194, 165, 44) transparent transparent transparent;
    transform    : rotate(180deg);
}

.cart-titles{
    text-align : left;
}

.cart-titles div{
    color       : black;
    font-size   : 12px;
    line-height : 12px;
    font-weight : bold;
    margin      : 0;
}

.cart-info{
    color       : black;
    display     : block;
    padding     : 4px 0;
    font-size   : 12px;
    line-height : 12px;
    text-align  : left;
}

.cartempty{
    background-color : #FFD826;
}

.cartempty p{
    text-align     : center;
    text-transform : uppercase;
    font-size      : 10px;
    padding-bottom : 30px;
    margin-bottom  : 0;
    color          : #0042A3;
}

.value_tkt[disabled]{
    background : transparent;
    color      : #0042A2;
}

.checkout-cart-header{
    display          : flex;
    text-transform   : none;
    color            : #fff;
    line-height      : 61.6px;
    font-size        : 16px;
    padding          : 0;
    font-weight      : bold;
    background-color : #0042A2;
}

.consent-title{
    text-transform : uppercase;
    font-size      : 17px;
    font-weight    : bold;

}

.checkout-product-row{
    display       : flex;
    padding       : 10px 0;
    border-bottom : 2px solid rgba(255, 255, 255, 0.3);
    font-size     : 15px;
    color         : #0042A3;
}


.perfinfo{
    font-style : italic;
}


.activecrumb{
    color  : #d8c203 !important;
    border : 2px solid #e5ce43 !important;
}

.remove-item{
    cursor : pointer;
}


.checkout-cart-title{
    text-transform : uppercase;
    background     : rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    font-weight    : bold;
    color          : #fded8f;
    padding        : 20px 15px;
    font-size      : 17px;
    font-family    : "Lato", sans-serif;
}

.remove-item .modal{
    background : rgba(0, 0, 0, 0.45);
}

.remove-item .modal .modal-content{
    border-radius    : 15px;
    padding-bottom   : 10px;
    background-color : #ffffff;
}

.remove-item .modal .modal-header{
    border-bottom         : 0;
    -webkit-border-radius : 9px 9px 0 0;
    -moz-border-radius    : 9px 9px 0 0;
    -ms-border-radius     : 9px 9px 0 0;
    border-radius         : 9px 9px 0 0;
    background            : #d4051a;
    background            : -moz-linear-gradient(top, #d4051a 0%, #b70c1d 100%);
    background            : -webkit-linear-gradient(top, #d4051a 0%, #b70c1d 100%);
    background            : linear-gradient(to bottom, #d4051a 0%, #b70c1d 100%);
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4051a', endColorstr='#b70c1d', GradientType=0);
    font-family           : 'Lato', sans-serif;
    text-shadow           : 1px 1px 2px rgba(20, 20, 19, 0.8);
    color                 : #fded8f;
    font-size             : 22px;
    margin                : 0;
    line-height           : 1.42857143;
}


.remove-item .modal .modal-body{
    background-color : #ffffff;
}

.remove-item .modal .modal-body p{
    font-size      : 14px;
    color          : #434343;
    background     : #fff;
    margin-bottom  : 0;
    text-transform : none;
}

.remove-item .modal .modal-footer{
    background      : #ffffff;
    justify-content : left;
    border          : none;
}

.close-removeitempopup{
    text-transform : uppercase;
    background     : linear-gradient(to bottom, rgba(240, 237, 240, 1) 0%, rgba(219, 219, 216, 1) 1%, rgba(209, 209, 207, 1) 4%, rgba(199, 198, 197, 1) 8%, rgba(181, 181, 181, 1) 14%, rgba(166, 166, 166, 1) 21%, rgba(150, 148, 150, 1) 26%, rgba(112, 111, 105, 1) 41%, rgba(97, 95, 86, 1) 56%, rgba(92, 92, 91, 1) 58%, rgba(84, 82, 75, 1) 72%, rgba(77, 75, 69, 1) 80%, rgba(56, 55, 50, 1) 96%, rgba(56, 55, 50, 1) 100%) repeat scroll 0% 0%;
    color          : #fff;
    border-top     : 2px solid rgb(56, 55, 50);
    border-bottom  : 2px solid rgb(240, 237, 240);
    width          : 40%;
    font-weight    : bold;
}

.confirm-removeitempopup{
    width          : 40%;
    font-weight    : bold;
    text-transform : uppercase;
    border-top     : 2px solid rgb(191, 169, 34);
    border-bottom  : 2px solid rgb(255, 242, 141);
    background     : transparent linear-gradient(to bottom, rgb(255, 242, 141) 0%, rgb(255, 241, 144) 2%, rgb(254, 240, 141) 7%, rgb(241, 227, 122) 24%, rgb(241, 224, 118) 29%, rgb(219, 197, 75) 58%, rgb(215, 189, 66) 67%, rgb(207, 184, 54) 73%, rgb(199, 171, 38) 89%, rgb(196, 170, 31) 91%, rgb(196, 169, 40) 93%, rgb(195, 167, 34) 96%, rgb(193, 168, 24) 98%, rgb(191, 169, 34) 100%) repeat scroll 0% 0%;
    color          : rgba(226, 0, 26, 0.8);
    text-shadow    : 0 0 0 rgba(226, 0, 26, 0.8), 0 0 0 #000;

}


.checkout-payment-title{
    text-transform : uppercase;
    background     : transparent;
    font-weight    : bold;
    color          : #0042A3;
    padding        : 20px 15px;
    font-size      : 17px;
    font-family    : "Lato", sans-serif;
}

.product-info{
    text-transform : uppercase;
    font-weight    : bold;
}

.ticket-product-info{
    font-size : 15px;
}

.allproducts-list{
    border          : 1px solid white;
    justify-content : center;
}

.products-container{
    padding       : 15px 0;
    border-bottom : 2px solid rgba(255, 255, 255, 0.3);

}

.checkout-product-info{
    font-weight    : 700;
    text-transform : uppercase;
    font-size      : 15px;
    display        : block;
    margin-bottom  : .5rem;
}

.checkout-product-info.add-info{
    font-weight   : 400;
    font-size     : 12px;
    margin-bottom : 1.2rem;
}

.checkout-header-title-right{
    border-right : 2px solid rgba(0, 0, 0, 0.3);
}

.checkout-header-title-left{
    border-left : 2px solid rgba(0, 0, 0, 0.3);
}


.checkout-noproducts{
    padding        : 5px 15px;
    text-transform : uppercase;
    font-size      : 20px;
}


.printathome-title, .tac-title, .contacts-title, .ticketstype-title{
    text-align : left;
    padding    : 5px;

}

.tac-info{
    padding-right : 0;
}

.checkout-totals-container{
    text-transform : uppercase;
    background     : rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    font           : 14px/1 "Lato";
    font-weight    : bold;
    color          : #0042A2;
    padding        : 20px 29px;
    text-align     : right;
    font-size      : 17px;
    background     : transparent;
}

.cart-container{
    margin-bottom : 20px;
    margin-top    : 20px;
}

.empty-cart-checkout-info{
    padding-bottom : 10px;
}

.checkout-noproducts-info{
    font-size : 15px;
    padding   : 5px 15px;
    color     : #0042A3;
}

a.btn.restart-button,
.back-button{
    height         : 50px;
    border-radius  : 5px;
    width          : 18%;
    cursor         : pointer;
    display        : inline-block;
    border-right   : 2px solid rgb(191, 169, 34);
    border-bottom  : 2px solid rgb(255, 242, 141);
    border-top     : 2px solid rgb(255, 242, 141);
    border-left    : 2px solid rgb(255, 242, 141);

    font-weight    : bold;
    letter-spacing : 0.3px;
    text-transform : uppercase;
    float          : left;
    background     : rgba(255, 255, 255, 0.4);
    color          : rgba(255, 242, 141, 0.8);
    text-shadow    : 0 0 0 rgba(255, 242, 141, 0.8), 0 0 0 #000;
}

a.btn.restart-button,
a.back-button{
    display         : flex;
    justify-content : center;
    align-items     : center;
}

a.btn.restart-button:before,
.back-button:before{
    display     : inline-block;
    content     : "\f053";
    font-size   : 13px;
    position    : relative;
    right       : 10px;
    top         : 0;
    font-family : FontAwesome, sans-serif;
}

.back-button.cancel:before{
    content : "\f00d";
}

.checkout-cart-title, .checkout-form-title{
    text-transform : uppercase;
    font-weight    : bold;
    color          : #0042A2;
    padding        : 20px 15px;
    font-size      : 17px;
    font-family    : "Lato", sans-serif;
    padding-bottom : 42px;
    background     : transparent;

}

.checkout-form-label{
    font-weight : bold;
    color       : #0042A2;
}

.user-information input:not(.btn-confirm){
    background    : #0042A3;
    font-size     : 14px;
    font-family   : "Lato", sans-serif;
    padding       : 5px 10px;
    border        : none;
    border-radius : 3px;
    color         : #ffffff;
    width         : 100%;
    height        : 31px;
    font-weight   : normal;
    line-height   : 1;
}

.js-checkbox > input[type=checkbox]{
    width : 2%;
}

.user-information select{
    width         : 100%;
    height        : 31px;
    overflow      : hidden;
    background    : #0042A3;
    border        : none;
    padding       : 5px 10px;
    font-size     : 14px;
    border-radius : 3px;
    font-family   : "Lato", sans-serif;
    font-weight   : normal;
    color         : #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
    border             : none !important;
    background-color   : #0042A3 !important;
    -webkit-box-shadow : 0 0 0px 1000px #0042a3 inset !important;
}

.modal .code-dig{
    background    : rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    font-family   : "Lato", sans-serif;
    padding       : 5px 10px;
    border        : 2px solid #FFF28D;
    border-radius : 3px;
    color         : #ffffff;
    font-weight   : normal;
    line-height   : 55px;
    width         : 55px;
    height        : 55px;
    margin        : 7px;
    text-align    : center;
    font-size     : 30px;
}

.modal a.btn.payment-retry-button,
.modal a.btn.restart-button,
.modal .next-button,
.modal .back-button{
    padding : .375rem .75rem;
    width   : auto;
}

.modal a.btn.payment-retry-button::before,
.modal a.btn.restart-button::before,
.modal .back-button::before,
.modal .next-button::after{
    display : none;

}

.form-line{
    margin : 0 0 5px 0;
}


.checkboxes input{
    width    : 2%;
    position : absolute;
}

.checkbox-text{
    padding-left : 25px;
    margin-top   : 6px;
    color        : #0042A2;
}

.checkbox-label{
    color : #0042A2;
}

.checkbox-label a{
    color : #0042A2 !important;
}

.checkboxes a{
    color : #0042A2 !important;
}

.hometitle-container{
    display : table;
    content : " ";
    width   : 100%;
    height  : 2px;
    bottom  : 0;
    left    : 0;
}

.footer-payments img{
    width        : 15%;
    height       : 15%;
    margin-right : 10px;
}

.tab-info{
    margin          : 5px;
    border-radius   : 3px;
    height          : inherit;
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 97%;
}

.breadcrumbs-info-container{
    margin-top : 10px;
}

.tab-seleted{
    background-color : #0088ab;
}

.user-information select{
    appearance : none;
}

.user-information{
    margin-bottom : 30px;
}


.opendatacontainer, .form-body, .termsandconditions-section{
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
    border-right : 2px solid rgba(255, 255, 255, 0.3);
    padding      : 0;
}

.redirect-body, .complete-body, .paymenterror-body{
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
    border-right : 2px solid rgba(255, 255, 255, 0.3);
}

.error-buttons-container{
    display         : flex;
    justify-content : space-between;
}

.redirect-title, .complete-title, .paymenterror-title{
    text-transform : uppercase;
    font-weight    : bold;
    color          : #FFD826;
    padding        : 20px 15px;
    font-size      : 17px;
    font-family    : "Lato", sans-serif;
    background     : #0042A3 none repeat scroll 0 0;
}

.checkout-container, .redirect-container, .confirmationpage-container, .complete-container{
    /*border-left: 15px solid rgba(0, 66, 163);
    border-right: 15px solid rgba(0, 66, 163);*/
}

#checkbasket-body{
    /*border-left: 15px solid rgba(0, 66, 163);
    border-right: 15px solid rgba(0, 66, 163);*/
}

.form-container{
    padding : 15px;
}


.extrapagecontainer, .aquariumcontainer, .form-body, .termsandconditions-section{
    border-left  : 1px solid rgba(255, 255, 255, 0.3);
    border-right : 1px solid rgba(255, 255, 255, 0.3);
    padding      : 0;
}

.aquarium-ticketsinfo{
    font-weight : 100;
}

.bordered-faq{
    border-right : 2px solid rgba(255, 255, 255, 0.3);
    border-left  : 2px solid rgba(255, 255, 255, 0.3);

}

.form-body:before, .form-body:after,
.e-page-content:after, .e-page-content:before,
.extrapagecontainer:before, .extrapagecontainer:after,
.aquariumcontainer:before, .aquariumcontainer:after,
.bordered-faq:before, .bordered-faq:after,
.opendatacontainer:before, .opendatacontainer:after,
#checkbasket-body:before, #checkbasket-body:after,
.checkout-container:before, .checkout-container:after,
.redirect-container:before, .redirect-container:after,
.complete-container:before, .complete-container:after,
.usefulinfo:before, .usefulinfo:after,
.shoponline:before, .shoponline:after,
.paymentmethod-body:before, .paymentmethod-body:after,
.termscondition-container:before, .termscondition-container:after,
.redirect-body:before, .redirect-body:after,
.paymenterror-body:before, .paymenterror-body:after,
.termsandconditions-section:before, .termsandconditions-section:after,
.confirmationpage-container:before, .confirmationpage-container:after,
.complete-body:before, .complete-body:after{
    display    : table;
    content    : " ";
    height     : 2px;
    position   : relative;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    width      : 100%;
}

.e-page-content:after{
    display    : table;
    content    : " ";
    height     : 2px;
    position   : relative;
    background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    width      : 100%;
}


.e-page-content{
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
    border-right : 2px solid rgba(255, 255, 255, 0.3);

}

.perf-date{
    font-size : 14px;
}

.paypal-button{
    width  : 30%;
    margin : auto;
}

.redirect-info, .complete-info{
    font-size : 15px;
    color     : #0042A3;
}

.redirect-info span, .complete-info span{
    vertical-align : super;
}

.paymentmethod-container{
    padding : 15px;
}

.no-payment{
    padding : 15px;
}

.selectdatacontainer, .paymentmethod-body, .termscondition-container{
    border-left  : 2px solid rgba(255, 255, 255, 0.3);
    border-right : 2px solid rgba(255, 255, 255, 0.3);
    padding      : 0;
}

.tickets-next-btn,
.calendar-info-container div .next-button,
.checkout-next-button{
    background: #00a44e!important;
}

.legend_box.selected > i{
    color : #c99f25;
}

.legend_box.available > i{
    color : white;
}

.legend_box.unavailable > i{
    color : rgb(204 204 204);
}

.legend{
    display         : flex;
    width           : 100%;
    justify-content : center;
    color           : #0042A3;
}

.legend .legend_box span{
    width  : 20px;
    height : 20px;
    border : 1px solid #0042A3;
}

.legend .legend_box.selected span{
    background-color : #FFD826;
}

.legend .legend_box.no_availability span{
    background-color : #fff;
}

.place-content-center{
    place-content : center;
}

.termsandconditions-section{
    margin : 15px;
}

.faq-section-body{
    padding   : 15px;
    font-size : 13px;
}

.termscondition-container .buttons{
    padding          : 15px !important;
    background-color : transparent;
}

.termscondition-container .btn-back{
    border-top            : 2px solid #bfa922;
    border-bottom         : 2px solid #fff28d;
    border-radius         : 3px;
    border-right          : 2px solid #bfa922;
    border-left           : 2px solid #bfa922;
    background-attachment : initial;
    background-origin     : initial;
    background-clip       : initial;
    background-color      : rgba(255, 255, 255, 0.4);
    color                 : rgba(255, 242, 141, 0.8) !important;
    font-size             : 15px;
    line-height           : 46px;
    height                : 50px;
    font-weight           : bold;
    text-transform        : uppercase;
    font-family           : 'Lato', sans-serif;
}


.faq-section-body a{
    display         : inline;
    color           : #01419b;
    text-decoration : underline;
    font-weight     : bold;
}

.faq-section-body h6{
    vertical-align : middle;
    margin         : 5px 0 0;
    padding        : 10px 0;
    font-weight    : bold;
    font-size      : 14px;
    line-height    : 20px;
    text-transform : uppercase;
    color          : #FDED8F;
}

.faq-section-title{
    text-transform : uppercase;
    font           : bold 14px/1 "Lato";
    color          : #0042A3;
    font-size      : 17px;
    padding        : 15px;
}

.user-information .error{
    display        : inline-block;
    font-size      : 10px;
    font-weight    : bold;
    color          : #ff6161;
    text-shadow    : 0 0 0 #ff6161, 0 0 0 #ff6161;
    text-transform : uppercase;
}

#loader{
    position        : fixed;
    z-index         : 5000000;
    top             : 0px;
    left            : 0px;
    width           : 100%;
    height          : 100vh;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background      : rgba(0, 0, 0, .8);
}

#mycal-loader{
    position        : absolute;
    z-index         : 5000000;
    top             : 0px;
    bottom          : 0px;
    left            : 0px;
    right           : 0px;
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background      : rgba(0, 0, 0, .03);
}

.loader{
    position      : fixed;
    border-radius : 50%;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite
}

#mycal-loader .loader{
    position : absolute;
    top      : 50%;
}

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


.buy-button{
    padding        : 5px 15px 5px 15px;
    height         : 20px;
    border-radius  : 5px;
    width          : 40%;
    cursor         : pointer;
    /* display: inline-block; */
    border-top     : 2px solid rgb(191, 169, 34);
    border-bottom  : 2px solid rgb(255, 242, 141);
    background     : transparent linear-gradient(to bottom, rgb(255, 242, 141) 0%, rgb(255, 241, 144) 2%, rgb(254, 240, 141) 7%, rgb(241, 227, 122) 24%, rgb(241, 224, 118) 29%, rgb(219, 197, 75) 58%, rgb(215, 189, 66) 67%, rgb(207, 184, 54) 73%, rgb(199, 171, 38) 89%, rgb(196, 170, 31) 91%, rgb(196, 169, 40) 93%, rgb(195, 167, 34) 96%, rgb(193, 168, 24) 98%, rgb(191, 169, 34) 100%) repeat scroll 0% 0%;
    font-size      : 13px;
    font-weight    : bold;
    color          : rgba(226, 0, 26, 0.8);
    text-shadow    : 0 0 0 rgba(226, 0, 26, 0.8), 0 0 0 rgb(0, 0, 0);
    letter-spacing : 0.3px;
    text-align     : center;
    line-height    : 27px;
    text-transform : uppercase;
}

.btn-main-menu{
    padding          : 5px 5px;
    background-color : transparent;
    border           : 1px solid #e9cc4c;
}

.btn-main-menu{
    display : none;
}

.icon-bar{
    background-color : #e9cc4c;
    width            : 22px;
    height           : 3px;
    border-radius    : 0;
    display          : block;
    margin           : 5px;
}

.mobile-navbar{
    display : none;
}

.sealife-eventbox{
    top              : 0;
    background-color : transparent;
    border-bottom    : none;
}

.sealifeaquarium-img{
    width : 100%;
}

.sealife-arrow img{
    width : 25px;
}


.sealife-home-title{
    text-align     : center;
    font-family    : 'Lato', sans-serif;
    color          : rgb(255, 255, 255);
    font-size      : 27px;
    font-weight    : 400;
    line-height    : 60px;
    text-shadow    : 1px 2px 4px rgba(27, 27, 25, 0.5);
    text-transform : uppercase;
}

.home-title{
    line-height : 30px;
    font-size   : 25px;
}


.specialevent-img{
    width : 100%;
}

.img-box > img{
    width : 100%;
}

.footer-payments{
    margin-top : 10px;
}

.payments-img-container{
    text-align : right;
}

.accepted-payments{
    display : block;
}

.flow-step{
    padding-left : 0;
}

.table-header{
    display : flex;
}

.next-btn-container{
    text-align : right;
}

.cart-qty-container{
    text-align : right;
}

.opendata-box{
    display : flex;
}

.popup-product-info{
    text-align : center;
}

.mobile-layout{
    display : none;
}

.desktop-layout{
    display : block;
}

.single-price{
    text-align : center;
}


.single-quantity{
    text-align : center;
}

.sealife-home-img{
    width   : 100%;
    padding : 15px;
    display : none;
}

.home-img, .landing-img{
    width   : 100%;
    display : none;
}

.total{
    text-align : center;
}

.total-price-title{
    display : none;
}

.productinfo-popup{
    z-index : 999999;
}

/* start dashboard */

.pagination .page-item{
    padding : 0 2px;
}

.pagination .page-link{
    border        : 0 none;
    border-radius : 0;
    color         : #000000;
}

.pagination .page-item.disabled .page-link{
    color   : #000000;
    opacity : .5;
}

.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item .page-link:hover{
    color            : rgba(226, 0, 26, 0.8);
    background-color : #FFA300;
}

.dowloadpdf img{
    width : 24px;
}

.dowloadpdf:hover{
    -webkit-transform : scale(1.1);
    -ms-transform     : scale(1.1);
    transform         : scale(1.1);
}

.font-size-7{
    font-size : .7rem;
}

.font-size-9rem{
    font-size : .9rem !important;
}

.border-top-bottom{
    border-bottom : 2px solid rgba(255, 255, 255, 0.3);
    border-top    : 2px solid rgba(255, 255, 255, 0.3);
}

#userprofile .js-formuser input.disabled, #userprofile .js-formuser select.disabled, #userprofile .js-formuser input[readonly]{
    border             : none;
    pointer-events     : none;
    outline            : none;
    appearence         : none;
    -moz-appearance    : none;
    -webkit-appearance : none;
    background         : rgba(0, 0, 0, 0.3);
}

span.checkmark.disabled,
input[type=checkbox].disabled:checked ~ span.checkmark.disabled:after,
input[type=radio].disabled:checked ~ span.radiomark.disabled:after{
    border           : none;
    pointer-events   : none;
    outline          : none;
    display          : none;
    background-color : transparent !important;
}

input[type=checkbox].disabled:checked ~ span.checkmark.disabled:after, input[type=radio].disabled:checked ~ span.radiomark.disabled:after{
    display : none;
}

.js-close-userprofile{
    color : #01577e !important;
}

.confirmation-button{
    width : 50%;
}

.home-categories{
    background-color : #fff;
    padding-top      : 15px;
}

.jumbotron-image{
    background      : linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
    url("/gdl_promo/resources/images/jumbotron-bg-e47fb2fd8ade41a5a2200e20ee7d87ab.jpg") no-repeat center;
    background-size : cover;
}

.dropdown-toggle.lang{
    color : #fff;
}

.languages-panel.dropdown-menu{
    top : 5px;
}

.step-text{
    font-size   : 12px;
    font-weight : 600;
    white-space : nowrap;
    width       : 100%;
    color       : #0042A3;
}

.languages-panel.dropdown-menu{
    top : 6px;
}

.languages-panel.dropdown-menu{
    top : 6px;
}

.selected .step-text{
    text-decoration : underline;
}

.breadcrumb-container .selected.step.passed:after{
    border-top : 9px solid #FFD826;
}

.breadcrumb-container .step.selected{
    color : rgba(23, 23, 23, .75);
}

.breadcrumb-container .step p{
    font-size   : 12px;
    font-weight : 600;
    white-space : nowrap;
    width       : 100%;
    color       : #0042A3;
}

.breadcrumb-container .step .fa-stack{
    font-size     : 8px;
    border-radius : 100%;
    display       : flex;
    align-self    : center;
    z-index       : 1;
    align-items   : center;
    background    : #FFD826;
    color         : #fff;
    width         : 2em;
    height        : 2em;
}

.breadcrumb-container .step.selected .fa-stack{
    background : #0042A3;
}

.breadcrumb-container .step .fa-stack .fa-stack-1x{
    font-size : 25px;
    display   : none;
}

.breadcrumb-container .step.selected .fa-stack .fa-stack-1x{
    display : inline-block;
}

.breadcrumb-container .eventtitle{
    background-color : #faf8f6;
}

.card.crossell{
    color            : #0042A3;
    background-color : #F5F5F5;
    border           : 0px;
}
.card.crossell.deeplink {
    border: 4px solid #FFD826;
}

.card.crossell .card-body .card-title{
    font-weight : 600;
}

.suggestive-title{
    font-weight : 600;
    font-size   : 19px !important;
}

.crossell-input{
    background-color : transparent !important;
    color            : #0042A3 !important;
    border           : transparent !important;
    font-weight      : 600;
}

.tickets-price{
    font-weight : 600;
    align-self  : center;
}

.suggestive-price{
    font-weight : 600;
    font-size   : 16px;
    align-self  : center;
}

.fa-minus.suggestive:before{
    content       : "\f068";
    padding       : 7px;
    background    : transparent;
    border-radius : 20px;
    border        : 2px solid;
}

.tickets-price{
    font-weight : 600;
    align-self  : center;
}

.suggestive-price{
    font-weight : 600;
    font-size   : 16px;
    align-self  : center;
}

.fa-minus.suggestive:before{
    content       : "\f068";
    padding       : 7px;
    background    : transparent;
    border-radius : 20px;
    border        : 2px solid;
}

.fa-plus.suggestive:before{
    content       : "\f067";
    padding       : 7px;
    background    : transparent;
    border-radius : 20px;
    border        : 2px solid;
}

.cart-totals .cart-info{
    font-weight    : 600;
    font-size      : 15px;
    text-transform : uppercase;
}

hr{
    width      : 90%;
    border-top : 1px solid #0042A3;
}

.remove-item button{
    text-decoration : underline;
    color           : black;
    background      : transparent;
    font-size       : 12px;
    border          : none;
    padding         : 0px;
}

.remove-item button:hover,
.remove-item button:focus,
.remove-item button:active{
    color           : black;
    background      : transparent;
    border          : transparent;
    box-shadow      : none;
    text-decoration : underline;
    box-shadow      : none;
}

.remove-item button:not(:disabled):not(.disabled).active,
.remove-item button:not(:disabled):not(.disabled):active,
.show > .remove-item button.dropdown-toggle{
    color        : black;
    background   : transparent;
    border-color : transparent;
    box-shadow   : none;
}

.remove-item button:not(:disabled):not(.disabled).active:focus,
.remove-item button:not(:disabled):not(.disabled):active:focus,
.show > .remove-item button.dropdown-toggle:focus{
    box-shadow : none;
}

.cart-dropdown{
    list-style : none;
}

.cart-dropdown{
    list-style : none;
}

.cart-top.fa-shopping-cart{
    color            : #0042A3;
    background-color : #FFD826;
    padding          : 17px;
    border-radius    : 40px;
    cursor           : pointer;
}

.btn-coupon{
    color            : white;
    background-color : #0042A3;
    padding          : 5px 10px;
    cursor           : pointer;
}

.fa-shopping-cart:before{
    content   : "\f07a";
    font-size : 17px;
}

.dropdown-menu.shoppingcart_container{
    top         : -2px !important;
    border      : transparent;
    width       : 23rem;
    transform   : initial !important;
    will-change : auto !important;
    left        : auto !important;
}

.dropdown-menu-right{
    right : 0 !important;
}

.upsell-container{
    position  : fixed;
    left      : 50%;
    transform : translate(-50%, 0);
    z-index   : 1000;
}

#upsellModal{
    position : initial !important;
}

#upsellModal.position-fixed{
    position : fixed !important;
}

.autocomplete-active{
    background-color : #0042a3;
    color            : #FFFFFF;
}

.single-item{
    padding       : 2px;
    border-bottom : 1px solid #0042a3;
}

.modal-backdrop{
    z-index : 1 !important;
}

.dropdown-menu.shoppingcart_container{
    top    : 45px !important;
    border : transparent;
    width  : 23rem;
}

.fa-shopping-cart[data-count].active:after{
    position      : absolute;
    bottom        : 49%;
    content       : attr(data-count);
    font-size     : 10px;
    padding       : 0.3em;
    border-radius : 999px;
    line-height   : .75em;
    color         : #FFD826;
    background    : #0042A3;
    text-align    : center;
    min-width     : 1.5em;
    font-weight   : bold;
}

#dropdownShoppingCart[aria-expanded=true] .cart-top{
    border-bottom-right-radius : 0;
    border-bottom-left-radius  : 0;
}

.footer-payments img:last-child{
    margin-right : 0;
}

/* end dashboard */


.table-condensed{
    border-collapse : separate;
    border-spacing  : 3px;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover{
    background : transparent;
}

.datepicker table tr td:not(.disabled), .datepicker table tr td:not(.disabled):hover{
    background-color : #CDDFF4;
    color            : #0042A3;
    cursor           : pointer;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover{
    color            : #0042A3;
    background-color : #FFD826;
    border-color     : #FFD826;
    cursor           : pointer;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active{
    color            : #0042A3;
    background-color : #FFD826;
    border-color     : #FFD826;
    cursor           : pointer;
}

.datepicker table tr td span{
    font-size   : 12px;
    line-height : 12px !important;
    width       : 100% !important;
    height      : auto;
}

.datepicker table tr td span em{
    font-size : 15px;
}

.datepicker table tr td, .datepicker table tr th{
    text-align    : center;
    width         : 50px;
    height        : 30px;
    border-radius : 4px;
    border        : none;
    padding       : 8px;
    color         : #7D7D7D;
}

.datepicker table tr td.no_availability{
    cursor         : default;
    pointer-events : none;
    background     : 0 0;
    color          : #777;
}

.datepicker table tr td.day.no_availability.soldout{
    color          : white;
    pointer-events : none;
}

.datepicker .datepicker-switch,
.datepicker .next, .datepicker .prev,
.datepicker tfoot tr th{
    cursor : pointer;
    color  : #0042A3;
}

.group-card.active .shadow-container{
    box-shadow : rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.landing-card.active .shadow-container{
    box-shadow : rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.card.crossell .card-body{
    min-height : 85px;
}

.ticketstype{
    overflow : hidden;
}

.landing-box .icon-container{
    padding-top     : 22px;
    padding-bottom  : 10px;
    justify-content : start;
    display         : flex;
    position        : absolute;
    bottom          : 50%;
    cursor          : pointer;
}

.landing-card:not(.active) .fa-plus.box-icon:before{
    content          : "\f067";
    padding          : 12px;
    color            : #0042A3;
    border-radius    : 35px;
    background-color : #fff;
}

.landing-card.active .fa-plus.box-icon:before{
    content          : "\f00c";
    padding          : 12px;
    color            : #FFD826;
    border-radius    : 35px;
    background-color : #0042A3;
}

.landing-card.active .eventboxlanding{
    background-color : #FFD826;
}

.back-button-container{
    z-index : 3 !important;
}

a.btn.restart-button,
.back-button{
    background : #0042A3;
    color      : #fff!important;
    border     : 1px solid #FFD826!important;
}

a.btn.restart-button:hover,
.back-button:hover{
    color : #FFD826;
}

.modal-content{
    background-color : #0042A3;
    border-top       : 3px solid #FFD826;
    border-bottom    : 3px solid #FFD826;
    border-left      : 3px solid #FFD826;
    border-right     : 3px solid #FFD826;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#scroller-wrapper::-webkit-scrollbar{
    display : none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#scroller-wrapper{
    -ms-overflow-style : none; /* IE and Edge */
    scrollbar-width    : none; /* Firefox */
}

#slide, #slideBack{
    background : transparent;
    border     : none;
    color      : #0042A3;
    position   : absolute;
    cursor     : pointer;
}

#slide:focus, #slideBack:focus{
}

#slide{
    bottom : 58%;
    right  : 0;
}

#slideBack{
    bottom : 58%;
    left   : 0%;
}

.sld.choose-ticket{
    bottom : 53% !important;
    right  : 0 !important;
}

.slideBk.choose-ticket{
    bottom : 53% !important;
    left   : 0% !important;
}

.ticketstype{
    position : relative;
}

.ticketstype{
    position : relative;
}

.lang{
    color : #0042A3;
}

.lang-toggle{
    color : #fff;
}

.lang-toggle::after{
    content     : "\f107";
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    display     : inline-block;
}

.lang-toggle[aria-expanded=true]::after{
    content     : "\f106";
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    display     : inline-block;
}

.not-interested{
    border           : none;
    color            : white;
    font-weight      : 600;
    cursor           : pointer;
    background-color : red;
    padding          : .5rem;
    text-transform   : uppercase;
}

.upsell-title{
    font-size   : 1.2rem;
    font-weight : 600;
    color       : #0042A3;
}

.upsell-title{
    font-size   : 1.2rem;
    font-weight : 600;
    color       : #0042A3;
}

.accept.upsell{
    border     : none;
    color      : #fff;
    padding    : 8px;
    background : #0042A3;
    cursor     : pointer;
}

.decline.upsell{
    height         : 100%;
    border         : none;
    color          : white;
    background     : red;
    text-transform : uppercase;
    font-weight    : 600;
    cursor         : pointer;
}

.upsell-arrow{
    color : #0042A3;
}

.price-block{
    background-color : #FED827;
    width            : 165px;
    font-weight      : bold;
    padding          : 10px;
    color            : #0042A3;
    text-transform   : uppercase;
}


#scroller-wrapper.scroll-tickets{
    width      : 100%;
    height     : 100%;
    overflow-x : scroll;
    display    : flex;
}

.ticketspage-header{
    font-size : 13px;
}

.header-link,
.header-link:hover,
.header-link:focus{
    color           : #fff !important;
    text-decoration : none !important;
}

#mycal{
    position : relative;
}

#mycal.b2c{
    padding-right : 0px;
}

#mycal.b2c .table-condensed thead, #mycal.b2c .table-condensed tbody,
.js-mycal .table-condensed thead, .js-mycal .table-condensed tbody{
    font-size : 25px;
}

#slideBack i, #slide i{
    font-size : 18px;
}

#slideBack i, #slide i{
    font-size : 18px;
}

.suggestive-details a{
    text-decoration : underline !important;
    font-weight     : bold;
    cursor          : pointer;
    color           : #0042A3 !important;
}

.suggestive-details{
    align-self : center;
}

.suggestive-details{
    align-self : center;
}

.suggestive-modal .modal-content{
    background-color : #fff;
    border           : transparent;
    border-radius    : 0;
}

.suggestive-modal .modal-title{
    font-size : 23px;
}

.suggestive-modal .close{
    color     : #0042A3;
    opacity   : 1 !important;
    font-size : 25px;
}

.row-buttons .btn{
    width : 45%;
}

.row-buttons .btn{
    width : 45%;
}

.footer-payments img:last-child{
    margin-right : 0;
}

.cart-items{
    list-style : unset;
    padding    : 0;
}

.eventtitle.tickets{
    min-height : 64px;
}

.proposed-bg{
    background-color : #F5F5F5;
}

.proposed-title, .mychoice-title{
    color          : red;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 17px;
}

.block-description{
    color       : #0042A3;
    font-size   : 17px;
    font-weight : bold;
}

.color-blue{
    color : #0042A3;
}

.dash-button-margin{
    margin-right : 10px;
}

.select-container::after{
    content          : '\25BC';
    position         : absolute;
    top              : 0;
    right            : 15px;
    padding          : 0.4em;
    color            : #FFFFFF;
    background-color : #0042A3;
    pointer-events   : none;
}

@media (min-width : 320px) and (max-width : 575px){

    .shadow-container{
        height : 350px;
    }

    .daterange{
        position : absolute;
        bottom   : -60px;
        width    : 100%;
    }

    .footer-main{
        display : none !important;
    }

    .footer-main.b2c-footer{
        display : initial !important;
    }

    .wrapper{
        padding-bottom : 0;
    }

    .footer-banner{
        display : block !important;
    }

    .row-buttons .btn{
        width : 100%;
    }

    .landing-card:not(.active) .fa-plus.box-icon:before{
        content          : "\f067";
        padding          : 5px;
        font-size        : 10px;
        color            : #0042A3;
        border-radius    : 35px;
        background-color : #fff;
    }

    .landing-card.active .fa-plus.box-icon:before{
        content          : "\f00c";
        padding          : 5px;
        font-size        : 10px;
        color            : #FFD826;
        border-radius    : 35px;
        background-color : #0042A3;
    }

    .landing-box .icon-container{
        padding-top     : 22px;
        padding-bottom  : 10px;
        justify-content : start;
        display         : flex;
        position        : absolute;
        bottom          : 64%;
    }


    .dropdown-menu.shoppingcart_container{
        top    : 45px !important;
        border : transparent;
        width  : 19rem;
    }

    .breadcrumb-container .step{
        flex-direction : column !important;
    }

    .breadcrumb-container .step.selected{
        width   : 100%;
        padding : 0px 0;
    }

    .breadcrumb-container .step.hasnext:last-child:after{
        position   : absolute;
        content    : '';
        height     : 100%;
        top        : 33%;
        width      : 50%;
        left       : 0;
        border-top : 9px solid #CECECE;
    }

    .d-md-grid{
        display : grid;
    }

    .footer-payments{
        font-size : 76%;
    }

    .landingcards, .isdesktop, .arrowlanding{
        display : none;
    }

    .ismobile{
        display : block;
    }

    .footer-payments img{
        width : 8%;
    }

    .form-check{
        width : 100%;
    }

    .error-buttons-container{
        display : block;
    }

    .redirect-title{
        font-size : 15px;
    }

    .modal .code-dig{
        margin : -1px;
    }

    .login-btn{
        padding      : 10px;
        width        : 40%;
        margin-right : 10px;
    }

    .sealifeaquarium-img{
        width   : 100%;
        padding : 15px;
    }

    .sealife-home-title{
        font-size : 15px;
    }

    .sealife-arrow img{
        width : 8%;
    }

    .sealife-arrow{
        top : -75px;
    }

    .sealife-eventbox{
        max-width : 100%;
    }

    .aquarium-home-img{
        width : 100%;
    }

    .checkout-mark{
        text-align : end;
    }

    .shoponline ul{
        font-size : 15px;
    }

    .cart-box-container{
        padding : 0;
    }

    .tooltip-arrow:before{
        left : 116px;
    }

    .checkout-rights-info{
        padding : 0;
    }


    .sealife-home-img{
        width   : 100%;
        padding : 15px;
    }

    .total-price-title{
        display : flex;
    }

    .user-information .error{
        line-height : 5px;
    }

    .checkout-next-button{
        width         : 100%;
        margin-bottom : 10px;
    }

    .confirmation-button{
        width : 100%;
    }

    a.btn.restart-button,
    .back-button{
        width         : 100%;
        margin-bottom : 10px;
    }

    .checkboxes input{
        width : 15px;
    }

    .checkbox-text{
        padding-left : 18px;
    }

    .consent-title{
        margin-top : 20px;
    }

    .checkout-input-container{
        padding       : 0;
        margin-bottom : 10px;
    }

    .checkout-totals-container{
        padding : 15px;
    }

    .remove-item{
        padding         : 0;
        justify-content : flex-end;
        display         : block;
    }

    .single-price{
        text-align  : left;
        white-space : nowrap;
    }

    .cart-info-container{
        margin-top : 20px;
    }

    .price-padding{
        padding : 0;
    }

    .total-price{
        padding     : 0;
        text-align  : left;
        white-space : nowrap;
    }


    .single-quantity{
        padding : 0;
    }

    .checkcart-price-info{
        margin-top : 20px;
    }

    .checkout-cart-header{
        display : none;
    }

    .checkout-product-row{
        display : block;
    }

    .addform{
        display : flex;
    }

    .shoponline-benefit{
        padding : 0 5px;
    }

    .shoponline ul{
        padding : 0 15px 15px 15px;
    }

    .usefulinfo li{
        padding : 12px 0 12px 20px;
    }

    .usefulinfo ul{
        padding : 0px 20px 20px 20px;
    }

    .shoponline{
        margin-top : 20px;
    }

    .mobile-layout{
        display : block;
    }

    .desktop-layout{
        display : none;
    }

    .calendar-container:before, .calendar-container:after{
        background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    }

    .calendar-col{
        border-left : none;
    }

    #loginTab{
        border-top : 2px solid rgba(255, 255, 255, 0.3);
    }

    .opendata-box{
        display : block;
    }

    .cart-qty-container{
        text-align : center;
    }

    .remove-item .modal .modal-footer{
        justify-content : space-between;
    }

    .modal-body p{
        margin-bottom : 0;
    }

    .productinfo-popup{
        left : -98px;
    }

    .right-infos{
        margin-top : 30px;
        padding    : 0;
    }

    .tickets-next-btn{
        width      : 100%;
        margin-top : 20px;
    }

    .next-btn-container{
        text-align : center;
    }

    .ticket-product-info{
        margin-top : 10px;
    }

    .price-container{
        margin-top : 10px;
    }

    .qty-container{
        padding-left : 7px;
    }

    .select-qty{
        height : 30px;
    }

    .add-button{
        font-size    : 10px;
        padding      : 0;
        margin-right : 0;
        width        : 100%;
    }

    .add-btn-container{
        padding : 0 0 0 7px;
    }

    .table-header{
        display : none;
    }

    .cart-dropdownbtn{
        display : none;
    }

    .products-container{
        display : block;
    }

    .closecart{
        display : none;
    }

    .cart-header{
        padding : 0 5px;
    }

    .cartdropdown-content{
        display          : block;
        background-color : #FFD826;
        width            : 100%;
        min-width        : 100%;
        right            : 0;
        z-index          : 1;
        border-radius    : 5px;
        position         : relative;
        top              : 0;
    }


    .flow-step{
        padding-left  : 15px;
        margin-bottom : 10px;
    }

    .tickets-container{
        padding : 0 15px;
    }

    .popover-content{
        width : 100%;
    }

    .prezzemolo-container{
        display : none;
    }

    .breadcrumbs-step-container{
        display : block;
    }

    .breadcrumbs-info{
        display : none;
    }

    .tickets-container-row{
        display : block;
        padding : 15px;
    }

    .payments-img-container{
        text-align : center;
    }

    .footer-separator{
        display : none;
    }

    .footer-btn-container{
        display         : flex;
        justify-content : center;
        margin-top      : 15px;
        margin-bottom   : 15px;
    }

    .container{
        width : auto;
    }

    .footer-links{
        display : block;
    }

    .footer-info{
        text-align : center;
    }

    .hometitle-container{
        margin-bottom : 10px;
        padding       : 10px;
    }

    #mobileNavbar{
        width : 100%
    }

    .header-tab{
        width      : 100%;
        background : none;
    }

    .logo-link img{
        width : 9rem;
    }

    .logo-tab{
        width : 100%;
    }


    .tab-info{
        min-height : 35px;
    }

    .sealife-home-img{
        width   : 100%;
        padding : 15px;
    }

    .desktop-navbar{
        display : none;

    }


    .header-tab:after, .header-tab:first-of-type:before{
        display    : table;
        content    : " ";
        height     : 2px;
        position   : relative;
        background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
        background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
        background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
        filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
        width      : 100%;

    }

    .navbar-btn-container{
        display         : flex;
        justify-content : flex-end;
    }


    .mobile-navbar{
        margin          : 10px;
        justify-content : end;
        display         : block;
    }

    .btn-main-menu{
        display : block;
        height  : 40px;
    }

    .accepted-payments{
        padding    : 0 !important;
        margin-top : 20px
    }

    .popup-product-info{
        padding    : 0;
        text-align : end;
    }

    .shoponline li{
        text-align : left;
    }

    .specialevent-img{
        width   : 100%;
        padding : 15px;
    }

    .home-img, .landing-img{
        width   : 100%;
        padding : 15px;
        display : none;
    }

}

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

    .footer-main{
        display : block !important;
    }

    .footer-banner{
        display : none !important;
    }

    .row-buttons .btn{
        width : 100%;
    }

    .landing-box .icon-container{
        padding-top     : 22px;
        padding-bottom  : 10px;
        justify-content : start;
        display         : flex;
        position        : absolute;
        bottom          : 31%;
    }

    .breadcrumb-container .step.hasnext:last-child:after{
        position   : absolute;
        content    : '';
        height     : 100%;
        top        : 33%;
        border-top : 9px solid #CECECE;
    }

    .landing-card:not(.active) .fa-plus.box-icon:before{
        content          : "\f067";
        padding          : 7px;
        font-size        : 12px;
        color            : #0042A3;
        border-radius    : 35px;
        background-color : #fff;
    }

    .landing-card.active .fa-plus.box-icon:before{
        content          : "\f00c";
        padding          : 7px;
        font-size        : 12px;
        color            : #FFD826;
        border-radius    : 35px;
        background-color : #0042A3;
    }

    .landingcards, .isdesktop, .arrowlanding{
        display : none;
    }

    .footer-payments{
        font-size : 76%;
    }

    .d-md-grid{
        display : grid;
    }

    .ismobile{
        display : block;
    }

    .accepted-payments{
        padding    : 0 !important;
        margin-top : 20px
    }

    .tickets-container-row{
        display : block;
    }

    .sealifeaquarium-img{
        width   : 100%;
        padding : 15px;

    }

    .sealife-home-title{
        font-size : 15px;
    }

    .sealife-arrow{
        top : -75px;
    }

    .sealife-eventbox{
        max-width : 100%;
    }

    .aquarium-home-img{
        width : 100%;
    }

    .checkout-mark{
        text-align : right;
    }

    .usefulinfo li{
        padding : 10px 0 12px 20px;
    }

    .tooltip-arrow:before{
        top  : -30%;
        left : 87%;
    }


    .sealife-home-img{
        width   : 100%;
        padding : 15px;
    }

    .checkout-rights-info{
        padding : 0;
    }

    .total-price-title{
        display : flex;
    }

    .user-information .error{
        line-height : 5px;
    }

    a.btn.restart-button,
    .back-button{
        width : 30%;
    }

    .checkout-next-button{
        width : 30%;
    }

    .checkboxes input{
        width : 15px;
    }

    .checkbox-text{
        padding-left : 18px;
    }

    .consent-title{
        margin-top : 20px;
    }

    .checkout-input-container{
        padding       : 0;
        margin-bottom : 10px;
    }

    .checkout-totals-container{
        padding : 15px;
    }

    .remove-item{
        padding         : 0;
        display         : flex;
        justify-content : center;
    }

    .single-price{
        text-align : left;
        padding    : 0;
    }

    .cart-info-container{
        margin-top : 20px;
    }

    .total-price{
        padding    : 0;
        text-align : left;
    }


    .single-quantity{
        text-align : right;
        padding    : 0;
    }

    .checkcart-price-info{
        margin-top : 20px;
    }

    .checkout-cart-header{
        display : none;
    }

    .checkout-product-row{
        display : block;
    }

<!--/*>end checkout<*/
-->
    .addform{
        display : flex;
    }

    .shoponline-benefit{
        padding : 0 5px;
    }

    .shoponline ul{
        padding : 0 15px 15px 15px;
    }

    .usefulinfo ul{
        padding : 0 15px 15px 15px;
    }

    .tickets-container{
        padding : 0 15px 15px 15px;
    }

    .shoponline{
        margin-top : 20px;
    }

    .mobile-layout{
        display : block;
    }

    .desktop-layout{
        display : none;
    }

    .productinfo-popup{
        left : -65px;
        top  : 30px;
    }

    .buyinfo{
        margin-top : 20px;
    }

    .shoponline li{
        text-align : left;
    }

    .calendar-container:before, .calendar-container:after{
        background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);

    }

    .opendata-box{
        display : block;
    }

    .calendar-col{
        border-left : none;
    }

    #loginTab{
        border-top : 2px solid rgba(255, 255, 255, 0.3);
    }


    .cart-dropdownbtn{
        display : none;
    }

    .closecart{
        display : none;
    }

    .cart-header{
        padding : 0 5px;
    }

    .cartdropdown-content{
        width         : 100%;
        min-width     : 100%;
        right         : 0;
        z-index       : 1;
        border-radius : 5px;
        position      : relative;
        top           : 0;
        display       : block;
    }


    .right-infos{
        margin-top : 20px;
        padding    : 0;
    }

    a.btn.payment-retry-button,
    .next-button{
        width : 30%;
    }

    .cart-qty-container{
        text-align : left;
    }

    .add-btn-container{
        padding : 0;
    }

    .popup-product-info{
        padding    : 0;
        text-align : right;
    }

    .products-container{
        display : block;
    }

    .buy-info{
        margin-top : 20px;
    }

    .table-header{
        display : none;
    }

    .breadcrumbs-step-container{
        padding : 15px;
    }

    .flow-step{
        padding-left  : 0;
        padding-right : 0;
        margin-top    : 10px;
    }

    .popover-content{
        width : 50%;
    }

    .tickets-container-row{
        margin-right : 0;
        margin-left  : 0;
        padding      : 15px;
    }

    .breadcrumbs-info{
        display : none;
    }

    .prezzemolo-container{
        display : none;
    }

    .breadcrumbs-step-container{
        display : block;
    }

    .container{
        width : auto;
    }

    .hometitle-container{
        margin-bottom : 10px;
        padding       : 10px;
    }

    #mobileNavbar{
        width : 100%
    }

    .header-tab{
        width      : 100%;
        background : none;
    }

    .tab-info{
        min-height : 35px;
    }

    .desktop-navbar{
        display : none;

    }


    .header-tab:after, .header-tab:first-of-type:before{
        display    : table;
        content    : " ";
        height     : 2px;
        position   : relative;
        background : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
        background : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
        background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
        filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
        width      : 100%;

    }

    .navbar-btn-container{
        display         : flex;
        justify-content : flex-end;
    }


    .mobile-navbar{
        margin          : 10px;
        justify-content : end;
        display         : block;
    }

    .btn-main-menu{
        display : block;
        height  : 40px;
    }

    .logo-link img{
        width : 45%;
    }

    .logo-tab{
        width : 100%;
    }

    .specialevent-img{
        width   : 100%;
        padding : 15px;
    }

    .footer-separator{
        display : none;
    }

    .footer-payments img{
        width : 8%;
    }

    .footer-btn-container{
        display         : flex;
        justify-content : center;
        margin-top      : 15px;
        margin-bottom   : 15px;
    }

    .footer-links{
        display : block;
    }

    .footer-container{
        display : block;
    }

    .footer-info{
        text-align : center;
    }

    .payments-img-container{
        text-align : center;
    }

    .home-img, .landing-img{
        width   : 100%;
        padding : 15px;
        display : none;
    }

    .confirmation-button{
        width : 50%;
    }

}

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

    .footer-main{
        display : block !important;
    }

    .footer-banner{
        display : none !important;
    }

    .breadcrumb-container .step.hasnext:last-child:after{
        position   : absolute;
        content    : '';
        height     : 100%;
        top        : 33%;
        border-top : 9px solid #CECECE;
    }

    .landing-box .icon-container{
        padding-top     : 22px;
        padding-bottom  : 10px;
        justify-content : start;
        display         : flex;
        position        : absolute;
        bottom          : 56%;
    }

    .landing-card:not(.active) .fa-plus.box-icon:before{
        content          : "\f067";
        padding          : 6px;
        color            : #0042A3;
        border-radius    : 35px;
        background-color : #fff;
        font-size        : 10px;
    }

    .landing-card.active .fa-plus.box-icon:before{
        content          : "\f00c";
        padding          : 6px;
        font-size        : 10px;
        color            : #FFD826;
        border-radius    : 35px;
        background-color : #0042A3;
    }

    .landingcards, .arrowlanding{
        display : none;
    }

    .footer-payments{
        font-size : 76%;
    }

    .ismobile{
        display : none;
    }

    .accepted-payments{
        padding    : 0 !important;
        margin-top : 20px
    }

    .eventboxlanding{
        top              : 0;
        background-color : transparent;
        border-bottom    : none;
    }

    .specialevent-img{
        width   : 100%;
        padding : 15px;
    }

    .flow-step{
        padding-left  : 0;
        padding-right : 4px;
    }

    .sealifeaquarium-img{
        width   : 100%;
        padding : 15px;

    }

    .popup-product-info{
        padding : 0;
    }

    .cart-ico{
        display : none;
    }

    .shoponline li{
        text-align : left;
    }

    .usefulinfo ul{
        padding : 5px;
    }

    .calendar-container:before, .calendar-container:after{
        background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.7) 85%, rgba(255, 255, 255, 0) 100%);
    }

    .opendata-box{
        display : block;
    }

    .calendar-col{
        border-left : none;
    }

    #loginTab{
        border-top : 2px solid rgba(255, 255, 255, 0.3);
    }


<!--/*>checkout<*/
-->
    .checkout-rights-info{
        padding : 0;
    }

    .total-price-title{
        display : flex;
    }

    .user-information .error{
        line-height : 5px;
    }

    a.btn.restart-button,
    .back-button{
        width : 30%;
    }

    .checkout-next-button{
        width : 30%;
    }

    .checkboxes input{
        width : 15px;
    }

    .checkbox-text{
        padding-left : 18px;
    }

    .consent-title{
        margin-top : 20px;
    }

    .checkout-input-container{
        padding       : 0;
        margin-bottom : 10px;
    }

    .checkout-totals-container{
        padding : 15px;
    }

    .remove-item{
        padding : 0;
    }

    .single-price{
        text-align : left;
        padding    : 0;
    }

    .cart-info-container{
        margin-top : 20px;
    }

    .total-price{
        padding    : 0;
        text-align : left;
    }


    .single-quantity{
        text-align : right;
        padding    : 0;
    }

    .checkcart-price-info{
        margin-top : 20px;
    }

    .checkout-cart-header{
        display : none;
    }

    .checkout-product-row{
        display : block;
    }

    .checkout-product-popup{
        display      : flex;
        justify-self : right;
        margin       : 0 0 0 40px;
    }

<!--/*>end checkout<*/
-->
    .cart-ico{
        display : none;
    }

    .shoponline-benefit{
        padding : 0 5px;
    }

    .shoponline-title{
        font-size : 15px;
    }

    .shoponline ul{
        padding : 0 5px 0 5px;
    }

    .usefulinfo li{
        padding : 0 0 20px 20px;
    }

    a.btn.payment-retry-button,
    .next-button{
        width : 30%;
    }

    .shoponline-benefit{
        font-size : 15px;
    }

    .next-btn-container{
        margin-top : 30px;
    }

    .productinfo-popup{
        top : 55px;
    }

    .add-btn-container{
        padding    : 0;
        margin-top : 30px;
    }

    .addform{
        display : block;
    }

    .cart-dropdownbtn{
        display    : block;
        text-align : center;
    }

    .cart-box-title{
        padding : 0
    }

    .closecart{
        display : flex;
    }

    .shoponline{
        margin-top : 0;
    }

    .breadcrumbs-step-container{
        margin : 13px;
    }

    .prezzemolo-container{
        display : none;
    }

    .breadcrumbs .step{
        font-size : 15px;
    }

    .breadcrumbs-info{
        display : none;
    }

    .cart-qty-container{
        text-align : left;
    }

    .right-infos{
        padding    : 0;
        margin-top : 20px;
    }

    .cart-header{
        padding : 0 5px;
    }

    .additionalinfo-title{
        font-size : 15px;
    }


    .mobile-layout{
        display : none;
    }

    .desktop-layout{
        display : flex;
    }

    .datepicker.datepicker-inline{
        width : 95%;
    }

    .calendar-buy-row{
        margin-top : 20px;
    }

    .popover-content{
        width : 45%;
    }

    .qty-container{
        padding : 0;
    }

    .tickets-container{
        padding : 0 15px;
    }

    .prezzemolo-img{
        width : 100%;
    }

    .arrow{
        top : -75px;
    }

    .container{
        width : auto;
    }

    .tab-info{
        font-size : 13px;
    }

    .tickets-container-row{
        margin : 15px;
    }


    .footer-links{
        padding : 15px;
    }

    .footer-separator{
        display : none;
    }

    footer .footer-info{
        padding : 0 10px;
    }

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

    .footer-container{
        display : block;
    }

    .footer-payments img{
        width  : auto;
        height : auto;
    }

    .footer-payments{
        margin-right : 15px;
    }

    .payments-img-container{
        display : flex;
    }

    .sealife-home-img{
        width   : 100%;
        padding : 15px;
    }

    .home-img, .landing-img{
        width   : 100%;
        padding : 15px;
        display : none;
    }

    .confirmation-button{
        width : 50%;
    }

}

@media (min-width : 992px) and (max-width : 1199px){

    .footer-main{
        display : block;
    }

    .footer-banner{
        display : none !important;
    }

    .specialevent-img{
        width   : 100%;
        padding : 15px;
    }

    .footer-payments{
        font-size : 76%;
    }

    .accepted-payments{
        padding    : 0 !important;
        margin-top : 20px
    }

    .sealifeaquarium-img{
        padding : 15px;
    }

    .home-img, .landing-img{
        width   : 100%;
        padding : 15px;
        display : none;
    }

    .sealife-home-img{
        width   : 100%;
        padding : 15px;

    }

    .popup-product-info{
        padding : 0;
    }

    .cart-box-title{
        padding : 0;
    }

    .usefulinfo li{
        padding : 12px 0 12px 20px;
    }

    .shoponline li{
        text-align : initial;
    }

    .total-price{
        padding : 0;
    }

    .remove-item{
        padding : 0;
    }

    .breadcrumbs .step{
        font-size : 16px;
    }

    .breadcrumbs{
        margin-bottom : 15px;
    }

    .shoponline-benefit{
        padding : 0 5px;
    }

    .cart-box-ctitle{
        padding-left : 0;
    }

    .shoponline ul{
        padding : 0 15px 30px 15px;
    }

    .cartdropdown-content{
        right : 15px;
        top   : 370px;
    }

    .qty-container{
        padding : 0;
    }

    .add-btn-container{
        padding : 0;
    }

    .shoponline-title{
        font-size : 15px;
    }


    .prezzemolo-img{
        width : 95%;
    }


    .tickets-container-row{
        margin : 15px;
    }

    .container{
        width : auto;
    }

    .footer-links{
        padding         : 15px;
        justify-content : center;
    }

    .footer-separator{
        display : none;
    }

    footer .footer-info{
        padding : 0 10px;
    }

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

    .footer-container{
        display : block;
    }

    .footer-payments img{
        width  : auto;
        height : auto;
    }

    .footer-payments{
        margin-right : 15px;
    }

    .payments-img-container{
        display : flex;
    }

    .accepted-payments{
        justify-content : center;
        display         : flex;
    }

    .confirmation-button{
        width : 50%;
    }

}

@media (min-width : 320px) and (max-width : 395px){
    .shadow-container{
        height : 400px;
    }

    .daterange{
        bottom : -105px;
    }
}

@media (min-width : 320px) and (max-width : 991px){

    #scroller-wrapper{
        width      : 100%;
        height     : 100%;
        overflow-x : scroll;
        display    : flex;
    }
}


@media (min-width : 320px) and (max-width : 991px){

    .eventtitle.landing{
        z-index     : 22;
        display     : flex;
        font-family : 'Lato', sans-serif;
        color       : #0042A3;
        font-size   : 14px;
        line-height : 1;
        padding     : 12px 6px;
        height      : 61px;
        text-align  : start;
    }

    .upsell-container{
        position  : fixed;
        left      : 50%;
        bottom    : 50%;
        transform : translate(-50%, 50%);
        z-index   : 1000;
        width     : 100%;
    }

    /*.breadcrumb-container .step:not(.selected){*/
    /*    display : none !important;*/
    /*}*/
    .breadcrumb-container .step.selected.hasnext:after{
        position : absolute;
        content  : '';
        height   : 0;
        top      : 33%;
        width    : 100%;
    }

    .breadcrumb-container .step.hasnext:after{
        left : calc(40% + (2.5em / 3));
    }

    .breadcrumb-container .step.hasnext.passed:after{
        left  : calc(40% + (2.5em / 3));
        width : 100%;
    }

    .breadcrumb-container .step.selected .fa-stack{
        left : 10px;
    }

    .accepted-payments{
        background : none;
    }
}