Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
59 kB
2
Indexable
Never
<style>
html body{
    padding-bottom: 70px;
}

html body #experience{
    background: #eee;
    padding: 70px 0;
}
/* faq section css */
html body .eg_faq {
    background: #fff;
    padding: 80px 15px;
}

html body .eg_faq .eg_faq__content {
    max-width: 690px;
    margin: auto;
}

/* html body .eg_faq .eg_faq-head{
    text-align: center;
} */

html body .eg_faq .eg_faq-head h3{
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin-top: 0;
}

/* html body .eg_faq .faq_question__content{
    border-bottom: 1px solid #eee;
} */

html body .eg_faq .faq_question__content .faq_question{
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

html body .eg_faq .faq_question__content .faq_question .fa{
    /* font-size: 28px; */
    margin-right: 8px;
}

html body .eg_faq .faq_question__content .faq_question h4{
    font-weight: 500;
    letter-spacing: -0.02em;
}

html body .eg_faq .faq_question__content .faq_answer{
    max-height: 0;
    overflow: hidden;
}
html body .eg_faq .faq_question__content.active .faq_answer{
    max-height: 999em;
    overflow: hidden;
    padding-left: 28px;
}

html body .eg_faq .faq_question__content.active .faq_answer p{
    margin-bottom: 20px;
}

html body .eg_faq .faq_question__content.active .faq_question .fa{
    transform: rotate(180deg);
}

html body .eg_faq .eg_faq_explore{
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
    margin: 30px 0 0;
    font-weight: 500;
    font-size: 18px;
}

html body .eg_faq .eg_faq_explore a:hover{
    color: #000;
}

/* contact us section css */

html body .contact-us{
    display: none;
}

html body .eg_contact-us {
    background: #eee;
    padding: 80px 15px;
}

html body .eg_contact-us .eg_contact__content {
    max-width: 768px;
    margin: auto;
}

html body .eg_contact-us .eg_link-holder,
html body .eg_contact-us .eg_contact-head{
    text-align: center;
}

html body .eg_contact-us .eg_link-holder{
    flex: 1;
}

html body .eg_contact-us .eg_contact-head h3{
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin-top: 0;
}

html body .eg_contact-us .eg_contact-head p{
    font-size: 20px;
}

html body .eg_contact-us .eg_contact-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

html body .eg_contact-us .eg_link-holder .contact-link:hover{
    color: inherit;
}

html body .eg_contact-us .eg_link-holder .contact-link h3,
html body .eg_contact-us .eg_link-holder .contact-link{
    letter-spacing: -0.02em;
    text-transform: inherit;
}

html body .eg_contact-us .eg_link-holder .contact-link h3{
    margin-bottom: 10px;
    font-weight: 500;
}

/* html body .eg_contact-us .eg_link-holder .contact-link p:not(.eg_number){
    text-decoration: underline;
} */

/* lock package css */

html body #experience .col-md-9{
    width: 100%;
}

html body #experience .title-holder h2{
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin-top: 0;
    margin-bottom: 20px;
}


html body #experience .title-holder{
    max-width: 768px;
    margin: auto;
}

html body #experience .title-holder p{
    margin-bottom: 20px;
}

html body #experience .title-holder br{
    display: none;
}

html body .guest-counter .title-holder p strong{
    font-weight: 400;
}

html body .guest-counter .title-holder p br,
html body .guests-with-date.guests-with-qty.full-set ul.table-accordion ul.table-row li.slide>ul li.count-holder{
    display: none !important;
}

html body #experience .eg-nav {
    display: none !important;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    margin-top: 20px;

}

html body #experience .eg-nav p {
    background: #cfcecc;
    font-weight: 400;
    letter-spacing: -0.02em;
    border-radius: 100px;
    margin: 0;
    padding: 5px 15px;
    cursor: pointer;
}

html body .guest-counter .table-accordion{
    display: none !important;
}

/* look around section css */

html body .package-tabholder .dyna-tab-pagination-wrapper{
    display: none;
}

html body .package-tabholder{
    background: #fff;
    padding: 80px 0;
}
html body .package-tabholder .tab-content.top{
    max-width: 1120px;
    margin: auto;
    background: #fff;
}

html body .package-tabholder .tab-content .tab-pane{
    display: none !important;
}


html body .package-tabholder .tab-content .tab-pane.active{
    display: block !important;
}

html body .package-tabholder .eg_look-around.mobile{
    display: none;
}


html body .package-tabholder .eg_look-around h3{
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

html body .package-tabholder .eg_look-around .eg_tab-panel {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    overflow: auto;
    white-space: nowrap;
}

html body .package-tabholder .eg_look-around .eg_tab-panel p{
    margin: 0;
    padding: 15px 15px 2px 15px;
    letter-spacing: -0.02em;
    font-weight: 400;
    font-size: 18px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

html body .package-tabholder .eg_look-around .eg_tab-panel p.active{
    border-color: #000;
}

html body .package-tabholder .eg_look-around .eg_tab-mobile p{
    display: none;
    text-align: center;
    position: relative;
    margin: 0;
    padding-bottom: 15px;
}

html body .package-tabholder .eg_look-around .eg_tab-mobile p:last-of-type .glyphicon-arrow-right,
html body .package-tabholder .eg_look-around .eg_tab-mobile p:first-of-type .glyphicon-arrow-left{
    opacity: 0.5;
}
html body .package-tabholder .eg_look-around .eg_tab-mobile p.active{
    display: block;
}

html body .package-tabholder .eg_look-around .eg_tab-mobile .glyphicon-arrow-left{
    position: absolute;
    left: 15px;
    top: 7px;
}

html body .package-tabholder .eg_look-around .eg_tab-mobile .glyphicon-arrow-right{
    position: absolute;
    right: 15px;
    top: 7px;
}

html body .eg_footer-sticky button.qty-enquire{
    color: #FFFFFF!important;
    background-color: #041e41!important;
}


@media screen and (max-width: 767px){
    html body .package-tabholder{
        padding: 50px 0 0;
    }
    html body .package-tabholder .eg_look-around h3{
        margin-bottom: 50px;
    }
    html body .package-tabholder .eg_look-around.mobile{
        display: block;
    }
    html body .package-tabholder .eg_look-around.desktop .eg_tab-panel{
        display: none;
    }
    html body .package-tabholder .tab-content .tab-pane.active{
        height: 400px !important;
        margin-bottom: 20px;
    }
    html body .package-tabholder .eg_look-around .eg_tab-panel{
        justify-content: flex-start;
    }

    html body .eg_contact-us .eg_contact-body{
        flex-direction: column;
    }

    html body #experience .eg-nav{
        flex-direction: column;
    }

    html body #experience .title-holder{
        padding: 0;
    }

    html body #experience{
        padding: 35px 0;
    }
}

/* hero section css */

html body .continer-fluid{
    display: none;
}

html body .eg_hero {
    background: #69dee1;
    padding: 80px 20px 30px 60px;
}

html body .eg_hero p{
    margin: 0;
    font-weight: 400;
    font-size: 18px;
}

html body .eg_hero h1{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin: 10px 0;
}

html body .eg_mobile-img{
    background: #000;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 300px;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
}

html body .eg_mobile-img img{
    max-width: 300px;
    z-index: 9;
}

html body .eg_mobile-img::after{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
}

html body .eg_desktop-img{
    display: flex;
    position: relative;
}
html body .eg_desktop-img img{
    width: 100%;
    height: 100%;
}
html body .eg_desktop-img .left, 
html body .eg_desktop-img .right {
    min-height: 340px;
}
html body .eg_desktop-img .left {
    float: left;
    background: #353535;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}

html body .eg_desktop-img .left img{
    max-width: 670px;
    max-height: 200px;
}
html body .eg_desktop-img .right {
    float: right;
    background: #000;
    width: 40%;
}
html body .eg_desktop-img .left:after, 
html body .eg_desktop-img .right:before {
    content:'';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
}
html body .eg_desktop-img .left:after {
    left: 60%;
    border-top: 340px solid transparent;
    border-left: 160px solid #353535;
}




@media screen and (max-width: 767px){
    html body .eg_mobile-img{
        display: flex;
    }
    html body .eg_hero{
        padding: 110px 20px 30px 15px;
    }

    html body .eg_included p br{
        display: none;
    }

    html body .eg_hero h1{
        text-align: center;
        font-size: 28px;
    }

    html body .eg_hero p{
        text-align: center;
    }

    html body .scroll-block-holder .pack-feat-block > .row:nth-of-type(2) > div{
        width: 100%;
    }
}

/* what's included section css */

html body .mobile-cart,
html body .scroll-block-holder .cart-holder{
    display: none;
}

html body .scroll-block-holder{
    background: #dcf7f7;
    padding-bottom: 1px;
}

html body .package-description-wrapper .package-description{
    margin: 0;
}

html body .eg_included h3{
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin-top: 0;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center;
}

html body .eg_included p{
    font-size: 16px !important;
    letter-spacing: -0.02em !important;
    font-weight: 400 !important;
    margin: 0;
}

/* footer sticky */

html body .eg_footer-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #252525;
    width: 100%;
    padding: 20px 40px;
    z-index: 9999;
}

html body .eg_footer-sticky > div{
    max-height: 40px;
}

html body .eg_footer-sticky.eg_active > div{
    max-height: 600px;
    overflow-x: hidden;
    transition: max-height .5s ease-in-out;
}

html body .eg_footer-sticky.eg_active{
    padding: 0 40px 40px;
}


html body .eg_footer__content {
    display: flex;
    max-width: 1140px;
    margin: auto;
    justify-content: space-between;
    flex-wrap: wrap;
}

html body .eg_footer-sticky .eg_view--options{
    margin-bottom: 20px;
    position: sticky;
    top: 0;
    background: #252525;
    z-index: 9999;
}

html body .eg_footer-sticky.eg_active .eg_view--options{
    padding: 20px 0;
}

html body .eg_footer-sticky.eg_active .eg_view--options p{
    display: none;
}

html body .eg_footer-sticky .eg_view--options button{
    width: 50px;
    height: 6px;
    border-radius: 100px;
    background: #313030;
    border: none;
    position: absolute;
    left: calc(50% - 25px);
    top: 0;
    display: none;
}

html body .eg_footer-sticky.eg_active .eg_view--options button{
    margin: auto;
    margin-top: 20px;
    transition: bottom 0.5s ease-in-out;
    display: block;
}

html body .eg_footer-sticky .eg_view--options p {
    margin: auto;
    text-align: center;
    color: #fff;
    background: #353535;
    width: max-content;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 16px;
  border: 1px solid #69dee1 !important;
    color: #fff !important;
}

html body .eg_footer-sticky h3{
    color: #fff;
    max-width: 1140px;
    margin: auto;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 22px;
}

html body .eg_footer-sticky .eg_header,
html body .eg_footer-sticky .eg_list {
    display: flex;
    min-width: 688px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

html body .eg_footer-sticky .eg_left{
    min-height: 271px;
    width: 70%;
}

html body .eg_footer-sticky .eg_header{
    color: #5d5d5d;
     background: transparent;
}

html body .eg_footer-sticky .eg_list{
    background: #313030;
    color: #fff;
    margin-bottom: 20px;
}

html body .eg_footer-sticky .eg_header div,
html body .eg_footer-sticky .eg_list div{
    flex: 1;
    text-align: center;
}

html body .eg_footer-sticky .btn-transparent{
    border: 1px solid #69dee1 !important;
    color: #fff !important;
}

html body .eg_footer-sticky .btn-transparent:hover{
    background: transparent !important;
}

html body .eg_footer-sticky .btn-transparent + span{
    padding: 0 15px;
}

html body .eg_footer-sticky .eg_list .eg_price{
    display: flex;
    flex-direction: column;
}

html body .eg_footer-sticky .eg_right{
    color: #fff !important;
}

html body .eg_footer-sticky .eg_right p{
    margin: 0;
}


html body .eg_footer-sticky .eg_list .eg_price p,
html body .eg_footer-sticky .eg_right #copyButton,
html body .eg_footer-sticky .eg_right .compare-basket{
    display: none !important;
}

html body .eg_footer-sticky .eg_right div{
    text-align: left !important;
    margin-bottom: 30px;
}

html body .eg_footer__content .view-basket.btn.disabled{
    background: #858585 !important;
    color: #fff;
}

@media screen and (min-width: 991px){
    html body .eg_footer-sticky .eg_right{
        position: fixed;
        left: 77%;
    }
}

@media (min-width: 1024px){
    html body .scroll-block-holder .package-description-wrapper .col-md-9 {
        width: 100% !important;
    }

    html body .scroll-block-holder .pack-feat-block > .row{
        justify-content: center;
    }

    html body .guest-counter .table-accordion>li:nth-child(odd){
        padding-bottom: 0;
    }
}

@media screen and (max-width: 990px){
    html body .eg_footer__content{
        flex-direction: column;
        position: relative;
        padding-bottom: 90px;
    }
    html body .eg_footer-sticky.eg_active .eg_right{
        position: fixed;
        bottom: 0;
        padding-right: 80px;
        padding-top: 12px;
        background: #252525;
    }

    html body .eg_footer__content .view-basket.btn,
    html body .eg_footer-sticky .eg_header,
    html body .eg_footer-sticky .eg_list,
    html body .eg_footer__content > div{
        width: 100%;
        min-width: 100%;
    }

    html body .eg_footer-sticky .eg_left{
        min-height: 100%;
        margin-bottom: 40px;
    }

    html body .eg_footer-sticky .eg_right .total{
        display: flex;
    }

    html body .eg_footer-sticky .eg_right .basket-title{
        display: none !important;
    }

    html body .eg_footer-sticky .eg_right .total strong{
        margin-left: auto;
        margin-right: 20px;
    }

    html body .eg_desktop-img .left{
        width: 50%;
        justify-content: flex-end;
    }

    html body .eg_desktop-img .left, 
    html body .eg_desktop-img .right{
        min-height: 235px;
    }

    html body .eg_desktop-img .right{
        width: 50%;
    }

    html body .eg_desktop-img .left:after{
        left: 50%;
        border-top: 235px solid transparent;

    }

    html body .eg_desktop-img .left img{
        max-width: 360px;
        max-height: 150px;
    }
}



@media screen and (max-width: 767px){
    html body .eg_footer-sticky.eg_active > div{
        max-height: 500px;
    }
    html body .eg_footer-sticky{
        padding: 20px 10px;
    }
    html body .eg_footer__content{
        padding-bottom: 30px;
    }
    html body .eg_footer-sticky.eg_active .eg_right{
        padding-right: 20px;
    }
    html body .eg_footer-sticky.eg_active{
        padding: 0 10px 40px;
    }

    html body .eg_footer-sticky .eg_list{
        padding: 10px;
    }

    html body .eg_footer-sticky .eg_right,
    html body .eg_footer-sticky .eg_header div, 
    html body .eg_footer-sticky .eg_list div{
        font-size: 15px;
    }

    html body .eg_footer-sticky .btn-transparent + span{
        padding: 0;
    }
    html body .eg_footer-sticky .eg_right div{
        margin-bottom: 10px;
    }

    html body .eg_footer-sticky .btn-transparent{
        padding: 8px 14px;
    }
    
    html body .eg_desktop-img{
        display: none !important;
    }
}

@media screen and (max-width: 330px){
    html body .eg_footer-sticky .eg_right,
    html body .eg_footer-sticky .eg_header div, 
    html body .eg_footer-sticky .eg_list div{
        font-size: 13px;
    }

    html body .eg_footer-sticky .btn-transparent{
        padding: 6px 12px;
    }
}
</style>


window.eg_faqTwickenham = ''+
'<div class="eg_faq">'+
'   <div class="eg_faq__content">'+
'      <div class="eg_faq-head">'+
'            <h3>More Information</h3>'+
// '            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>'+
'      </div>'+
'      <div class="eg_faq-body">'+
'                  <div class="faq_question__content active">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>When will I receive my documentation?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>All event documentation and match tickets will be sent to you approximately two weeks prior to the event once payment has been made. Please ensure you bring these items with you, as you will be unable to gain entry into the stadium without these.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>How do I inform you about any dietary requirements of my guests?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>You can complete guest dietary requirements via \'Manage guests & tickets\' in your online account. If you have not yet registered on keithprowse.co.uk, please follow <u><a href="https://www.keithprowse.co.uk/kp/my-account-instructions/">these instructions.</a></u> We also send out a reminder around six weeks prior to the event. Every effort will be made to accommodate any late requests.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>What is the dress code?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>There are no strict dress codes within the hospitality areas, team shirts are allowed. We advise smart casual appearance and please dress according to the weather conditions as your match seats are outside.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Do I need to do anything before the event?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>We will notify you a six weeks prior to the event requesting a host name for your party and any dietary requirements.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Accessibility</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>As well as being the Home of England Rugby, Twickenham Stadium is dedicated to providing a great environment and an enjoyable, accessible experience for every individual. We\’re proud our attention to detail recognises and reflects the differing needs of our disabled visitors. The design of the majority of facilities allows for easy wheelchair access and there are disabled toilets across the venue. Please ask at the time og booking if accessible tickets are required.'+ 
'                                   <br><br> We will endeavour to get guests as close to the facility as possible. Accessible tickets come in pairs, including one for the carer.'+
'                                   <br><br> British Airways Rose Garden: Due to building restrictions in this area of the venue, the British Airways Rose Garden is not suitable for wheelchair users.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
// extedend FAQ Link
'                  <p class="eg_faq_explore"><a href="https://www.keithprowse.co.uk/twickenham-faqs">See all FAQs</a></p>'+
'      </div>'+
'   </div>'+
'</div>';

window.eg_faqEdgbaston = ''+
'<div class="eg_faq">'+
'   <div class="eg_faq__content">'+
'      <div class="eg_faq-head">'+
'            <h3>More Information</h3>'+
// '            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>'+
'      </div>'+
'      <div class="eg_faq-body">'+
'                  <div class="faq_question__content active">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>When will I receive my documentation?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>E-tickets will be issued for each hospitality guest at Edgbaston 2022 through the Edgbaston App. Instructions of how to access e-tickets will be emailed to the lead booker.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>How do I inform you about any dietary requirements of my guests?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>You can complete guest dietary requirements via \'Manage guests & tickets\' in your online account. If you have not yet registered on keithprowse.co.uk, please follow <u><a href="https://www.keithprowse.co.uk/kp/my-account-instructions/">these instructions.</a></u>'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>What is the dress code?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>The Warwickshire Suite is our most premium hospitality lounge and guests are therefore asked to dress accordingly. For men, jackets and ties are not obligatory, however collared shirts are compulsory. Women\’s dresses, blouses or smart tops may be sleeveless and smart sandals may be worn. No trainers, flip-flops, plimsolls, ripped jeans, shorts or team colors are permitted within this facility.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Do I need to do anything before the event?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>Prior to your attendance you will need to assign e-vent documentation to each attending guest. Detailed instructions of how to do this will be emailed to yourself. please note, for security reasons all guests\' names must be added before the event, otherwise it could result in guests being refused entry.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Accessibility</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>All of our facilities are accessible, except for the Aylesford boxes. See the accessibility table here to understand which facilities offer a disabled match seat'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
// extedend FAQ Link
'                  <p class="eg_faq_explore"><a href="https://www.keithprowse.co.uk/edgbaston-faqs/">See all FAQs</a></p>'+
'      </div>'+
'   </div>'+
'</div>';


window.eg_faqQueensClub = ''+
'<div class="eg_faq">'+
'   <div class="eg_faq__content">'+
'      <div class="eg_faq-head">'+
'            <h3>More Information</h3>'+
// '            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>'+
'      </div>'+
'      <div class="eg_faq-body">'+
'                  <div class="faq_question__content active">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>When will I receive my documentation?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>We will be issuing e-tickets for each hospitality guest at the cinch Championships 2022. Detailed instructions of how to download the e-tickets will be emailed to the booker.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>How do I inform you about any dietary requirements of my guests?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>You can complete guest dietary requirements via \'Manage guests & tickets\' in your online account if you are the booker. Any allergies, severe intolerances or kosher requests need to be made no later than one week before the event. We always do our best to accommodate all dietary requirements, but requests made less than 5 days before the event cannot be guaranteed.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>What is the dress code?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>In the President\’s Room we recommend that gentlemen wear suits with ties, or blazers with ties, and ladies, day dress or trouser suit.'+ 
'                                 <br><br>For all other areas we suggest smart/casual; no ripped jeans or trainers. As the cinch Championships is an outdoor event you are advised to dress appropriately for the elements.'+
'                                 <br><br>Read our blog on what to wear to Queens here'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Do I need to do anything before the event?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>Prior to your attendance, if you are the booker, you will need to assign each e-ticket to each attending guest. Detailed instructions of how to do this will be emailed to the main booker. Please note, for security reasons all guests\’ names must be added before the event, otherwise guests could be refused entry.'+
'                                   <br><br>All guests must bring valid photo ID (for example a driving licence or passport) with them on day, and have their e-tickets ready for scanning from a mobile device.'+
'                                   <br><br>You should submit any access and dietary requirements at least 2 weeks before attending.'+
'                                   <br><br>Ensure all guests have read our FAQs and planned their travel to the event, as road closures may affect plans.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Accessibility</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>The majority of our facilities are accessible, with the exception of the Real Tennis Museum and Real Tennis Dedans (which does not offer step-free access).'+ 
'                                  <br><br>Love Fifteen is located on the ground floor of the hospitality village and is fully accessible via a lift.'+
'                                  <br><br>Roof Garden and Club Lounge are located on the first floor of the hospitality village and are fully accessible via a lift.'+
'                                  <br><br>The President\’s Room is located on the second floor of the Club House and is accessible via a service lift, which is in use throughout the event. Please note that we do not have accessible seating on the balcony of The Presidents Room, and accessible seating will be allocated courtside in the accessible seating locations.'+
'                                  <br><br>For a more comfortable experience, guests with limited mobility are recommended to book hospitality in Love Fifteen, Roof Garden or Club Lounge.'+
'                                  <br><br>We also offer accessible courtside seats, available on request and subject to availability. Please request more information at time of booking.'+
'                                  <br><br>Unfortunately, there is no disabled parking on-site, but there are car parks in the local area that can offer disabled parking. The nearest underground stations with step-free access are Earls Court station and Hammersmith station.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
// extedend FAQ Link
'                  <p class="eg_faq_explore"><a href="https://www.keithprowse.co.uk/queens-club-faqs/">See all FAQs</a></p>'+
'      </div>'+
'   </div>'+
'</div>';




window.eg_faqEastbourne = ''+
'<div class="eg_faq">'+
'   <div class="eg_faq__content">'+
'      <div class="eg_faq-head">'+
'            <h3>More Information</h3>'+
// '            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>'+
'      </div>'+
'      <div class="eg_faq-body">'+
'                  <div class="faq_question__content active">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>When will I receive my documentation?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>We will be issuing e-tickets for each hospitality guest at the Rothesay International Eastbourne 2023. Detailed instructions of how to download the e-tickets will be emailed to the booker.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>How do I inform you about any dietary requirements of my guests?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>You can complete guest dietary requirements via \'Manage guests & tickets\' in your online account if you are the booker. Any allergies, severe intolerances or kosher requests need to be made no later than one week before the event. We always do our best to accommodate all dietary requirements, but requests made less than 5 days before the event cannot be guaranteed.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>What is the dress code?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>The dress code is smart casual in all areas of hospitality, with a recommendation to avoid wearing ripped jeans or trainers. Seating on Centre Court is not covered, we recommend you bring a hat.'+
'                                   <br><br>As Eastbourne International is an outdoor event, you are advised to dress appropriately for the elements.'+ 
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Do I need to do anything before the event?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>Prior to your attendance, if you are the booker, you will need to assign each e-ticket to each attending guest. Detailed instructions of how to do this will be emailed in advance.  Please note, for security reasons all guests\’ names must be added before the event, otherwise guests could be refused entry.'+
'                                   <br><br>All guests must bring valid photo ID (for example a driving licence or passport) with them on day, and have their e-tickets ready for scanning from a mobile device.'+
'                                   <br><br>You should submit any access and dietary requirements at least 2 weeks before attending.'+
'                                   <br><br>Ensure all guests have read our FAQs and planned their travel to the event.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Accessibility</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>All of our facilities are accessible. Baseline First Serve, Baseline Second Serve and Love Fifteen are located in the Winter Garden, which are fully accessible on the ground floor. The Sky Lounge is located on the second floor of The Centre Court building, and is accessible via lift.'+  
'                                 <br><br>Whilst The Sky Lounge is fully accessible, spacing between tables is restricted due to the nature of the building structure.  Therefore, for those  needing wheelchair access, we would strongly recommend you  considering our other hospitality facilities.'+
'                                 <br><br>Please contact us at least 2 weeks prior to the event, to ensure you are allocated an accessible seat location on Centre Court.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
// extedend FAQ Link
'                  <p class="eg_faq_explore"><a href="https://www.keithprowse.co.uk/eastbourne-faqs/">See all FAQs</a></p>'+
'      </div>'+
'   </div>'+
'</div>';

window.eg_faqOval = ''+
'<div class="eg_faq">'+
'   <div class="eg_faq__content">'+
'      <div class="eg_faq-head">'+
'            <h3>More Information</h3>'+
// '            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>'+
'      </div>'+
'      <div class="eg_faq-body">'+
'                  <div class="faq_question__content active">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>When will I receive my documentation?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>Your e-tickets will be emailed to you 7-10 days before the date of your hospitality package.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>How do I inform you about any dietary requirements of my guests?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>You can complete guest dietary requirements via \'Manage guests & tickets\' in your online account. If you have not yet registered on keithprowse.co.uk, please follow <u><a href="https://www.keithprowse.co.uk/kp/my-account-instructions/">these instructions.</a></u> Every effort will be made to accommodate any late requests.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>What is the dress code?</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>We request that guests dress on the smarter side of casual i.e. no ripped jeans or trainers. Jackets and ties are not obligatory.'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
'                  <div class="faq_question__content">'+
'                        <div class="faq_question">'+
'                              <i class="fa fa-arrow-down" aria-hidden="true"></i>'+
'                              <h4>Accessibility</h4>'+
'                        </div>'+
'                        <div class="faq_answer">'+
'                              <p>Accessibility varies on the hospitality package chosen. For more information <u><a href="https://www.keithprowse.co.uk/oval-faqs/#Accessibility">see the accessibility table here.</a></u>'+
'                              </p>'+
'                        </div>'+
'                  </div>'+
// extedend FAQ Link
'                  <p class="eg_faq_explore"><a href="https://www.keithprowse.co.uk/oval-faqs/">See all FAQs</a></p>'+
'      </div>'+
'   </div>'+
'</div>';


(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";
    var $;
    /* all Pure helper functions */

    function waitForElement(selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0 &&
          window.eg_faqTwickenham && window.eg_faqEdgbaston && window.eg_faqQueensClub 
          && window.eg_faqEastbourne
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }

    function live(selector, event, callback, context) {
      /****Helper Functions****/
      // helper for enabling IE 8 event bindings
      function addEvent(el, type, handler) {
        if (el.attachEvent) el.attachEvent('on' + type, handler);
        else el.addEventListener(type, handler);
      }
      // matches polyfill
      this.Element && function (ElementPrototype) {
        ElementPrototype.matches = ElementPrototype.matches ||
          ElementPrototype.matchesSelector ||
          ElementPrototype.webkitMatchesSelector ||
          ElementPrototype.msMatchesSelector ||
          function (selector) {
            var node = this,
              nodes = (node.parentNode || node.document).querySelectorAll(selector),
              i = -1;
            while (nodes[++i] && nodes[i] != node);
            return !!nodes[i];
          };
      }(Element.prototype);
      // live binding helper using matchesSelector
      function live(selector, event, callback, context) {
        addEvent(context || document, event, function (e) {
          var found, el = e.target || e.srcElement;
          while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
          if (found) callback.call(el, e);
        });
      }
      live(selector, event, callback, context);
    }

    function changeText(selector , text){
      if(document.querySelector(selector)) document.querySelector(selector).innerHTML = text;
    }

    /* Variation functions */


    var eg_contact_us = ''+
    '<div class="eg_contact-us">'+
    '       <div class="eg_contact__content">'+
    '           <div class="eg_contact-head">'+
    '               <h3>Contact us</h3>'+
    '               <p>We have a team of highly knowledgeable members who <br>are happy to advise you on all aspects of our events</p>'+
    '           </div>'+
    '           <div class="eg_contact-body">'+
    '               <div class="eg_link-holder">'+ 
    '                   <a href="tel:02088437699" class="contact-link">'+ 
    '                       <h3 class="text-uppercase">Call us</h3>'+ 
    '                       <p class="eg_number" style="visibility: visible;">+442080 235197</p>'+
    '                   </a>'+ 
    '               </div>'+
    '               <div class="eg_link-holder">'+ 
    '                   <a href="/emailus/" class="contact-link">'+ 
    '                       <h3 class="text-uppercase">Message us</h3>'+ 
    '                       <p>Send us a question <i class="fa fa-angle-right" aria-hidden="true"></i></p>'+ 
    '                   </a>'+ 
    '               </div>'+
    '               <div class="eg_link-holder">'+ 
    '                   <a href="https://www.keithprowse.co.uk/call-back-form-new" class="contact-link">'+ 
    '                       <h3 class="text-uppercase">Request a call back</h3>'+ 
    '                       <p>We\'ll call you  <i class="fa fa-angle-right" aria-hidden="true"></i></p>'+ 
    '                   </a>'+ 
    '               </div>'+
    '           </div>'+
    '       </div>'+
    '</div>';

    var eg_lookAround = ''+
    '<div class="eg_look-around desktop">'+
    '      <h3>Take a look around</h3>'+
    '      <div class="eg_tab-panel">'+ 
    '             <p data-id="IMAGE GALLERY" class="active">Image Gallery</p>'+
    '             <p data-id="STATIC VIEW FROM SEATS">Static View From Seats</p>'+
    '             <p data-id="SEATING GUIDE">Seating Guide</p>'+
    '             <p data-id="VIDEO">Video</p>'+
    '             <p data-id="VIRTUAL TOUR">Virtual Tour</p>'+
    '      </div>'+
    '</div>';

    var eg_lookAround_mobile = ''+
    '<div class="eg_look-around mobile">'+
    '      <div class="eg_tab-mobile">'+ 
    '             <p id="IMAGE GALLERY" class="active"><span class="glyphicon glyphicon-arrow-left"></span> Image Gallery <span class="glyphicon glyphicon-arrow-right"></span></p>'+
    '             <p id="STATIC VIEW FROM SEATS"><span class="glyphicon glyphicon-arrow-left"> </span>Static View From Seats <span class="glyphicon glyphicon-arrow-right"></span></p>'+
    '             <p id="SEATING GUIDE"><span class="glyphicon glyphicon-arrow-left"> </span>Seating Guide <span class="glyphicon glyphicon-arrow-right"></span></p>'+
    '             <p id="VIDEO"><span class="glyphicon glyphicon-arrow-left"> </span>Video <span class="glyphicon glyphicon-arrow-right"></span></p>'+
    '             <p id="VIRTUAL TOUR"><span class="glyphicon glyphicon-arrow-left"> </span>Virtual Tour <span class="glyphicon glyphicon-arrow-right"></span></p>'+
    '      </div>'+
    '</div>';

    var eg_section_nav = ''+
    '<div class="eg-nav">'+
    '      <p class="look_around-link">Take a look around</p>'+
    '      <p class="what_included-link">What\'s included</p>'+
    '      <p class="more_information-link">More information</p>'+
    '      <p class="contact_us-link">Contact us</p>'+
    '</div>';

    var eg_hero = ''+
    '<div class="eg_hero">'+
    '      <div class="eg_hero__content">'+
    '            <p class="eg_event">England v Argentina</p>'+
    '            <h1>The Lock No. 4 Pitch View Private Table of 4</h1>'+
    '            <p class="eg_where">British airways rose garden</p>'+
    '            <p class="eg_time">Sunday 6 November</p>'+
    '      </div>'+
    '</div>'+
    '<div class="eg_desktop-img">'+
    '     <div class="left"></div>'+
    '     <div class="right"><img src="https://www.keithprowse.co.uk/-/media/homepage/hero-image/hero-image---twick-v3.jpg"></div>'+
    '</div>'+
    '<div class="eg_mobile-img">'+
    '</div>';

    var eg_included = ''+
    '<div class="eg_included">'+
    '      <h3>What\'s included</h3>'+
    '</div>';

    var eg_footerSticky = ''+
    '<div class="eg_footer-sticky">'+
    '   <div>'+
    '      <div class="eg_view--options">'+
    '            <button class="eg_close"></button>'+
    '            <p>SEE PRICING AND BOOK</p>'+
    '      </div>'+
    '      <h3></h3>'+
    '      <div class="eg_footer__content">'+
    '           <div class="eg_left">'+
    '                 <div class="eg_header">'+
    '                     <div>DATE</div>'+
    '                     <div>£ PER PERSON</div>'+
    '                     <div>QUANTITY</div>'+
    '                 </div>'+
    '           </div>'+
    '           <div class="eg_right">'+
    '           </div>'+
    '      </div>'+
    '   </div>'+
    '</div>';

    /* Variation Init */
    function init() {
      /* start your code here */

      // insert header 
      document.querySelector('#wrapper header#header').insertAdjacentHTML('afterend',eg_hero);

      // get header copy
      var get_event = document.querySelector('.event-tree li:nth-of-type(2) a').innerHTML;
      var get_where = document.querySelector('.event-tree li:nth-of-type(1) a').innerHTML;
      var get_heading = document.querySelector('.event-tree li:nth-of-type(3) a').innerHTML;
      var get_time = document.querySelector('.details-list li:first-of-type p').innerHTML.replace('FROM: ','');

      // inserted FAQ section && contact us section
      if(window.location.href.indexOf('/twickenham-stadium/') > 1){
        document.querySelector('.contact-us').insertAdjacentHTML('beforebegin',window.eg_faqTwickenham + eg_contact_us);
        document.querySelector('.eg_desktop-img .right').innerHTML = '<img src="https://www.keithprowse.co.uk/-/media/homepage/hero-image/hero-image---twick-v3.jpg">';
        document.querySelector('.eg_mobile-img').style.cssText = 'background: url(https://www.keithprowse.co.uk/-/media/homepage/hero-image/hero-image---twick-v3.jpg)';
        document.querySelector('.eg_hero').style.cssText = 'background: #a71930 !important; color: #fff';
      } 
      if(window.location.href.indexOf('/edgbaston/') > 1){
        document.querySelector('.contact-us').insertAdjacentHTML('beforebegin',window.eg_faqEdgbaston + eg_contact_us);
        document.querySelector('.eg_desktop-img .right').innerHTML = '<img src="https://www.keithprowse.co.uk/-/media/venue/edgbaston/edgbaston.jpg">';
        document.querySelector('.eg_mobile-img').style.cssText = 'background: url(https://www.keithprowse.co.uk/-/media/venue/edgbaston/edgbaston.jpg)';
        document.querySelector('.eg_hero').style.cssText = 'background: rgb(34, 49, 99) !important; color: #fff;';
      }
      if(window.location.href.indexOf('/queens-club/') > 1){
        document.querySelector('.contact-us').insertAdjacentHTML('beforebegin',window.eg_faqQueensClub + eg_contact_us);
        document.querySelector('.eg_desktop-img .right').innerHTML = '<img src="https://www.keithprowse.co.uk/-/media/venue/queens/2023/general/the-queens-club.png">';
        document.querySelector('.eg_mobile-img').style.cssText = 'background: url(https://www.keithprowse.co.uk/-/media/venue/queens/2023/general/the-queens-club.png)';
      } 
      if(window.location.href.indexOf('/devonshire park/') > 1){
        document.querySelector('.contact-us').insertAdjacentHTML('beforebegin',window.eg_faqEastbourne + eg_contact_us);
        document.querySelector('.eg_desktop-img .right').innerHTML = '<img src="https://www.keithprowse.co.uk/-/media/venue/devonshire-park/2023/eastbourne/general/eastbourne-international-banner.png">';
        document.querySelector('.eg_mobile-img').style.cssText = 'background: url(https://www.keithprowse.co.uk/-/media/venue/devonshire-park/2023/eastbourne/general/eastbourne-international-banner.png)';
      } 
      if(window.location.href.indexOf('/the-kia-oval/') > 1 || window.location.href.indexOf('/the-kia-oval/') > 1){
        document.querySelector('.contact-us').insertAdjacentHTML('beforebegin',window.eg_faqOval + eg_contact_us);
        document.querySelector('.eg_desktop-img .right').innerHTML = '<img src="https://www.keithprowse.co.uk/-/media/venue/kia-oval/2017/images/venue/kia-oval.jpg">';
        document.querySelector('.eg_mobile-img').style.cssText = 'background: url(https://www.keithprowse.co.uk/-/media/venue/kia-oval/2017/images/venue/kia-oval.jpg)';
        document.querySelector('.eg_hero').style.background = '#88DBDF';
        document.querySelector('.eg_hero').style.cssText = 'background: #88DBDF; color: #fff;';
      }  

      faqToggle();

      // lock package
      var experience = document.querySelector('#experience');
      document.querySelector('.package-tabholder').insertAdjacentElement('beforebegin', experience);

      var getDescription = document.querySelector('.package-description-wrapper .package-description').innerHTML;

      document.querySelector('.guest-counter h2').parentElement.innerHTML = getDescription

      document.querySelector('.guest-counter .table-accordion').insertAdjacentHTML('afterend',eg_section_nav);


      // look around 
      document.querySelector('.package-tabholder .tab-content.top').insertAdjacentHTML('afterbegin', eg_lookAround);
      document.querySelector('.package-tabholder .tab-content.top').insertAdjacentHTML('beforeend', eg_lookAround_mobile);
      var tabInr = '';
      var tabMobInr = '';
      document.querySelectorAll('#events-tabs li a').forEach(function(el,i){
          tabInr+='<p data-id="'+el.getAttribute('data-ga-tab')+'" class='+(i==0 ? "active": "")+'>'+el.textContent+'</p>';
          tabMobInr+=' <p id="'+el.getAttribute('data-ga-tab')+'" class='+(i==0 ? "active": "")+'><span class="glyphicon glyphicon-arrow-left"></span>'+el.textContent+'<span class="glyphicon glyphicon-arrow-right"></span></p>';
      });
      document.querySelector('div.eg_look-around.desktop .eg_tab-panel').innerHTML = tabInr;
      document.querySelector('div.eg_look-around.mobile .eg_tab-mobile').innerHTML = tabMobInr;
      live('.eg_tab-panel p','click',function(){
        var getDataId = this.getAttribute('data-id');
        document.querySelector('.eg_tab-panel p.active').classList.remove('active');
        this.classList.add('active');
        document.querySelector('[data-ga-tab="'+getDataId+'"]').click();
      })

      // mobile next 
      live('.eg_tab-mobile p .glyphicon-arrow-right','click',function(){
        var nextElement = this.parentElement.nextElementSibling;
        if(nextElement){
          var getId = nextElement.getAttribute('id');
          document.querySelector('.eg_tab-mobile p.active').classList.remove('active');
          nextElement.classList.add('active');
          document.querySelector('[data-id="'+getId+'"]').click();
        }else{
          this.style.opacity = '0.5';
        }
      })

      // mobile previous
      live('.eg_tab-mobile p .glyphicon-arrow-left','click',function(){
        var prevElement = this.parentElement.previousElementSibling
        if(prevElement){
          var getId = prevElement.getAttribute('id');
          document.querySelector('.eg_tab-mobile p.active').classList.remove('active');
          prevElement.classList.add('active');
          document.querySelector('[data-id="'+getId+'"]').click();
        }
      })

      var getTabLength = document.querySelectorAll('#events-tabs li').length;

      for(var i = 0; i < document.querySelectorAll('.eg_tab-panel p').length; i++){
        if(i >= getTabLength){
          document.querySelectorAll('.eg_tab-panel p')[i].remove();
          document.querySelectorAll('.eg_tab-mobile p')[i].remove();
        }
      }

      // insert image section
      var getImg = document.querySelector('.navbar-brand img').getAttribute('src');
      document.querySelector('.eg_mobile-img').innerHTML = '<img src='+getImg+'>';
      document.querySelector('.eg_desktop-img .left').innerHTML = '<img src='+getImg+'>';


      changeText('.eg_event',get_event);
      changeText('.eg_where',get_where);
      changeText('.eg_hero__content h1',get_heading);


      const words = get_time.toLowerCase();
      const finalSentence = words.replace(/(^\w{1})|(\s+\w{1})/g, letter => letter.toUpperCase());
      changeText('.eg_time',finalSentence);

      // what's included 
      document.querySelector('.package-description-wrapper .package-description').innerHTML = eg_included;


      // eg nav scroll into view 
      live('.eg-nav .look_around-link','click',function(){
        document.querySelector('.package-tabholder .eg_look-around h3').scrollIntoView({
          'behavior': "smooth", 
          'block':'center',
          'inline': 'start',
        })
      })

      live('.eg-nav .what_included-link','click',function(){
        document.querySelector('.eg_included h3').scrollIntoView({
          'behavior': "smooth", 
          'block':'center',
          'inline': 'start',
        })
      })


      live('.eg-nav .more_information-link','click',function(){
        document.querySelector('.eg_faq .eg_faq-head h3').scrollIntoView({
          'behavior': "smooth", 
          'block':'center',
          'inline': 'start',
        })
      })

     
      live('.eg-nav .contact_us-link','click',function(){
        document.querySelector(' .eg_contact-us .eg_contact-head h3').scrollIntoView({
          'behavior': "smooth", 
          'block':'center',
          'inline': 'start',
        })
      })


      // footer sticky
      document.querySelector('body').insertAdjacentHTML('beforeend',eg_footerSticky);

      changeText('.eg_footer-sticky h3',get_heading);

      var getStickyContent = document.querySelectorAll('.guest-counter .table-accordion > li:not(:first-of-type)');
      
      getStickyContent.forEach(function(el){
        var getDate = el.querySelector('.date.date-value').innerText;
        var getPrice = el.querySelector('.price.per-person').innerHTML;
        var getQuantity = el.querySelector('.counter-inner-wrapper').innerHTML;

        document.querySelector('.eg_footer__content .eg_left').insertAdjacentHTML('beforeend',
        '      <div class="eg_list">'+
        '            <div class="eg_date">'+getDate+'</div>'+
        '            <div class="eg_price">'+getPrice+'</div>'+
        '            <div class="eg_quantity">'+getQuantity+'</div>'+
        '      </div>'
        )
      })

      var getBasket = document.querySelector('.cart.float-cart');
      document.querySelector('.eg_footer__content .eg_right').innerHTML = getBasket.innerHTML;

      live('.eg_view--options, .eg_view--options button','mousedown',function(){
        document.querySelector('.eg_footer-sticky').classList.toggle('eg_active');
      })

    }


    /*==================== Toggle  ====================*/
    function faqToggle(){
      var question_content = document.getElementsByClassName("faq_question__content");
      var btns = document.querySelectorAll(".faq_question");

      function toggleSkills() {
        let itemClass = this.parentNode.className;

        for (i = 0; i < question_content.length; i++) {
          question_content[i].className = "faq_question__content";
        }
        if (itemClass === "faq_question__content") {
          this.parentNode.className = "faq_question__content active";
        }
      }
      btns.forEach(function(el){
        el.addEventListener("click", toggleSkills);
      });
    }

    /* Initialize variation */
    waitForElement(".contact-us", init, 50, 15000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();