/*******************Common CSS***************************************/

body {
    font-family: "Poppins", sans-serif;
    background: #040404;

}
.whitecolor { color: #ffffff;}
.relative { position: relative;}
.m-text-right { text-align: right;}
    .m-text-left { text-align: left;}
/*******************Common CSS***************************************/


/*******************Banner Section Start***************************************/

.bannerbackground{display:flex;justify-content:center;align-items:flex-end;width:100%;height:100vh;background-image:url(../images/blackfriday/Desktop/HeroBanner-Desktop.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}
.bottom-content{color:#fff;text-align:center;width:40%}
.btopheight { height: 80px; width: 100%;  position: absolute; top:0px;}

.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1}
.hero-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/blackfriday/banner-background-image.jpg);background-size:cover;background-position: center 150%; background-repeat: no-repeat;}
.bannercontainer{position:relative;z-index:2;text-align:center; max-width: 465px; margin: 0 auto;}
.banner-title{font-weight:700;font-size:21px}
.banner-whiteborder{border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:55px}
.border-right{border-right:1px solid #fff}
.timerbox{display:flex;justify-content:center;align-items:center;background:#252525;width:74px;height:74px;border-radius:10px;font-weight:600;color:#fff;padding:5px}
.timevalue{font-size:32px;text-align:center;line-height:30px; margin-top: 8px; font-weight: 600; }
.timelabel { font-size: 12px; text-align: center;text-transform: uppercase; line-height: 12px; font-weight: 500;}
.topbannerimagelabel { position: absolute; top: 15px; right:13%;}
.banner_bottom_gradient {background-image: url(../images/blackfriday/topbannerbottombg.png); position: absolute;  width: 100%; bottom: 0px; height: 536px;}
#tourdemo { max-width: 350px;margin: 0 auto}
.bannerbackgroundgradient {background-color:linear-gradient(to top, #040404 14%, #040404 0%, transparent 100%); position: absolute; width: 100%; bottom: 0px;}


.centeredblockdiv {position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);color:#fff}

/*******************Banner Section End***************************************/

/*******************Banner Card***************************************/
.negativecontainer {  position: relative; z-index: 99; max-width: 1100px; margin: 0 auto;}
.card-type-one {background: #252525;border-radius: 20px;}
.card-type-one .card-image img { border-top-left-radius: 20px; border-top-right-radius: 20px; max-height: 360px; width: 100%;}
.card-content {background: linear-gradient(180deg, #252525 66.91%, rgba(37, 37, 37, 0.8) 71.4%, rgba(37, 37, 37, 0) 81.61%); padding: 30px 36px; position: relative; z-index: 9; padding-top: 10px;}
.card-heading { font-size: 35px; font-weight: 700; color: #fff; max-width: 413px;}
.card-summary { font-size: 18px; font-weight: 400; color: #BCBCBC; }
.card-summary a { color: #ffffff; text-decoration: underline;}
.card-summary a:hover { color: #ffffff;}
.discount-price { font-size: 36px; font-weight: 700; color: #fff;}
.regular-price { font-size: 20px; font-weight: 600; color: #BCBCBC;text-decoration: line-through;} 
.card-save-percent { background: #FFE578; color: #040404; font-size: 20px; font-weight: 700; border-radius:10px; line-height: 30px; text-align: center;padding: 4px 8px;}
.card-button-layout { background: #2ED1CF; width: 228px; height: 48px; font-size: 16px; font-weight: 600;color: #040404!important; display: block; border-radius: 10px; text-align: center;transition:unset!important;}
.card-button-layout:focus { box-shadow: none;}
.card-button-layout:hover { box-shadow: none;background: #2ED1CF!important;font-size: 16px; font-weight: 600;color: #040404!important;}
.cardcta-bottom-bg {background-image:url(../images/blackfriday/card-below.png);position:absolute;width:100%;bottom:-122px; height: 210px;z-index: 1}
.card-tour-count { position: absolute; right: 15px; top:20px;}
.card-tour-count-content { background: #fff; width: 152px; height: 42px; border-radius: 100px; line-height: 42px; text-align: center; color:#173954; font-size: 25px; font-weight: 700; }
.font-weight-lg { font-weight: 700!important;}
.threedots{position:absolute;bottom:-6px;left:7%;width:66px!important;z-index:99;border-radius:unset!important; display: none;}

/*******************Banner Card***************************************/



/********************Limited Deal********************************************/
.limiteddealblock { line-height: 43px; width: 236px; border: 2px solid #BCBCBC; height: 43px; border-radius: 100px; text-align: center; font-size: 20px; color: #BCBCBC; font-weight: 700;}

.centered-items { align-items: center; justify-content: center;}
.limited-deal-text { color: #BCBCBC; font-weight: 500; font-size: 20px;}
.limited-section { max-width: 1000px; margin: 0 auto;}
.border-right-dashed { border-right: 3px dashed #BCBCBC; }
.limiteddealoffertext { font-size: 16px; color:#BCBCBC; font-weight: 400;}

/**********************Limited Deal******************************************/

/***********CTA section********************************************/


.cta-card-heading { font-size: 55px; font-weight: 600; color: #fff; max-width: 560px;}
.cta-hero-section { position: relative;color: white; z-index: 1; display: block; padding-bottom: 80px;}
.cta-hero-section-without-bg-cover {}
.cta-hero-section-absolute { position: absolute;top:50%;}



.cta-hero-section-hawaii { position: relative;color: white; z-index: 1; display: block; padding-bottom: 20px;}
.cta-hero-section-hawaii-without-bg-cover {}
.cta-hero-section-hawaii-absolute { position: absolute;top:50%;}

/***********CTA section********************************************/


/***********Tour include section********************************************/

.tour-grey-bg { background:#252525; padding: 40px; border-radius: 20px; padding-bottom: 10px; }
.tour-grey-bg h3 { font-size: 16px; font-weight: 700;color: #ffffff; text-transform: uppercase;}
.tour-grey-bg h3 span { font-size: 14px; font-weight: 700; color: #BCBCBC;}
.tour-list-style { padding-left: 10px;}
.tour-list-style li { list-style-type: none; font-size: 14px; font-weight: 500; color: #BCBCBC; padding-bottom: 20px;}
.tour-list-style li a { list-style-type: none; font-size: 14px; font-weight: 500; color: #BCBCBC; padding-bottom: 20px;}
.tour-list-style li a:last-child { padding-bottom: 0px;}
.tour-list-style li a:hover { color: #fff;opacity: 1;}
.scrollable-container{overflow-x:auto;white-space:nowrap}
.scrollable-container::-webkit-scrollbar{display:none}
.scrollable-container{-ms-overflow-style:none;scrollbar-width:none}
.hidethis{ visibility: hidden;}

 a.tourinclude { font-weight: 700;}
.tourinclude-slider .slick-slide{ margin-left:  15px; margin-right:  15px;}
.tourinclude-slider .slick-list { margin-left: -15px; margin-right: -15px;}
/***********Tour include section********************************************/


/***********Listen  section********************************************/
.listen-bg { background: #173954; border-radius: 20px; padding: 18px 22px;}
.listen-bg h4 { font-weight: 700;font-size: 16px; color: #ffffff;}



.tourapp-audio-slider p.review-star img { display:inline-block}
.tourapp-audio-slider .tour-subdropdown-menu img { display:inline-block}
.tourapp-audio-slider .slick-slide{ margin-left:  15px; margin-right:  15px;}
.tourapp-audio-slider .slick-list { margin-left: -15px; margin-right: -15px;}

.listen-bg-height { min-height: 150px;}
.listen-heding-bg-height { min-height: 54px;}
/***********Listen include section********************************************/



/***********Gift section********************************************/

.gift-hero-section{background-image:url(../images/blackfriday/Desktop/Reviews-BG-Desktop.webp); width:100%;height:1000px;display:flex;justify-content:flex-start;align-items:flex-start;position:relative;background-size:cover;background-repeat:no-repeat; background-position: center;}
.giftctaabsolute { position: absolute; top:0px; width: 100%; }
.giftctacontainer { box-shadow: -5px 11px 5.7px 0px #00000080;background: linear-gradient(278.59deg, #173954 66.31%, #ABC8D1 207.75%); border-radius: 20px; padding: 20px; height: 410px; position: relative;}
.giftctacontainer img.giftleft { position: absolute; left:-10px; bottom: -15px;}
.giftctabutton { background: #ffffff; border-radius: 100px; text-align: center; font-size: 20px; color: #BCBCBC; font-weight: 700; color: #173954; width: 230px; height: 43px; line-height: 43px;}
.gift-card-heading{font-size:45px;font-weight:600;color:#fff;text-align:center;max-width:350px}
.gift-hero-section .learn-more { font-size: 16px; font-weight: 600; line-height: 24px; color: #fff; text-decoration: underline;}
.gift-hero-section .learn-more:hover { color: #fff; opacity: 1;text-decoration: underline;}
/***********Gift section ********************************************/


/**************REView Section****************************************************/

.rewview-grey-bg { background:#252525; padding: 30px; border-radius: 20px; min-height: 354px;}
.tour-subdropdown-menu {box-shadow: 0px 4px 44px 0px #0000001A; border-radius: 20px; padding: 0px;}
.tour-subdropdown-menu .dropdown-item { font-weight: 400; font-size: 14px; color: #000000; line-height: 50px;}
.block-tour-subdropdown-menu { padding: 15px; width: 200px;}
.brbm { border-bottom:1px solid #2C4359; }

.review-person { font-weight: 700; font-size: 18px; color: #ffffff; height: 22px; overflow: hidden;}
.review-date {font-weight: 500; font-size: 14px; color: #BCBCBC; display: none;}
.review-content { font-weight: 400; font-size: 16px;color: #BCBCBC; margin-bottom: 0px;}
.review-read-more { font-weight: 600; font-size: 16px; display: block; text-decoration: underline; color: #BCBCBC;}
.review-read-more:hover{color: #BCBCBC;}

.review-view-all {border: 2px solid #DEDEDE;backdrop-filter: blur(6px); font-weight: 600;font-size: 14px; border-radius: 10px; line-height: 32px; color:#DEDEDE; padding: 8px 40px; width: 312px; text-align: center;}
.review-view-all a{color:#DEDEDE; }
.review-view-all a:hover {color:#DEDEDE;  opacity: 1;}
.happy-traveller-heading { font-weight: 700; font-size: 24px; color: #fff;}
.review-star-count { font-weight: 600; font-size: 14px; color: #BCBCBC;}
.tourapp-review-slider p.review-star img { display:inline-block}
.tourapp-review-slider .tour-subdropdown-menu img { display:inline-block}
.tourapp-review-slider .slick-slide{ margin-left:  15px; margin-right:  15px;}
.tourapp-review-slider .slick-list { margin-left: -15px; margin-right: -15px;}
/***************Review Section**************************************************/



/***********CTA section2********************************************/

.mobile-hero-section { background-position:center;background-size:cover;}

/***********CTA section2********************************************/


/***********FAQ section Start********************************************/
.faqblock { max-width: 734px; margin: 0 auto;}
.faq-grey-bg { background:#252525; padding: 10px; border-radius: 20px;}

.faq-btn{width:100%;text-align:left;padding:1rem;font-size:1rem;border:0;background:#fff0;display:flex;justify-content:space-between;align-items:center}
.faq-btn .chev{transition:transform 0.25s ease;margin-left:1rem;font-size:.95rem;pointer-events:none}
.faq-btn:not(.collapsed) 
.chev{transform:rotate(180deg)}
.faq-card+.faq-card{margin-top:.5rem}
.faqquestion button:focus{ outline: unset;}
.faqquestion h5 span { font-weight: 600; font-size: 18px; color: #fff;}
.faqanswer{ padding: 0px 15px 10px;}
.faqanswer p { font-weight: 400; font-size: 18px; color:#BCBCBC; margin-bottom: 10px;}
.faqanswer ul li { font-weight: 400; font-size: 18px; color:#BCBCBC; margin-bottom: 10px; list-style: decimal; }
.faqanswer a.mailreachout { font-weight: 400; font-size: 18px; color:#BCBCBC; text-decoration: underline;}
.faqanswer a.mailreachout:hover { color:#BCBCBC; opacity: 1;}
.faqquestion h5 i { color:#BCBCBC}

/***********FAQ section End********************************************/

/***********Modal Content Start************************************************************/
.gift-modal-dialog { max-width: 512px;}
.giftmodalclose { position: absolute; right: 45px; top:30px; z-index: 99; cursor: pointer;}
.gift-modal-content { padding: 10px; border-radius: 20px; position: relative; }
.giftpopupheading { color:#173954; font-size: 16px; font-weight: 600;}
.giftpopupcontent ul { list-style: decimal; padding-left: 28px; margin-bottom: 10px;}
.giftpopupcontent li {color: #173954;font-size: 14px; font-weight: 500; line-height: 30px;}
.giftpopupcontent a.popupanchor {color: #173954;font-size: 14px; font-weight: 700; line-height: 30px; text-decoration: underline;}
.giftpopupcontent p {color: #173954;font-size: 14px; font-weight: 500; line-height: 30px; margin-bottom: 8px;}
.giftpopupcontent span {color: #173954;font-size: 14px; font-weight: 500; line-height: 30px;}
.giftpopupcontent span.boldtext { font-weight: 700;}
.no-border-bottom { border-bottom: none;}
.gifttourselectheading { font-weight: 700; font-size: 14px; color: #173954;}
.popupgiftcard { width: 172px; height: 198px;border: 0.5px solid #9C9C9C; border-radius: 10px; margin-bottom: 20px; cursor: pointer;}
.popupgiftcardselected {border: 1.75px solid #173954;}
.popupgiftcontent { padding: 8px 8px;}
a.popuptourtitle {color: #173954!important; font-weight: 600; font-size: 13px; height: 35px; display: block; margin-bottom: 10px;}
.popuptourprice { font-size: 13px; font-weight: 500;}
.initialbuttonishidden { display: none; cursor: pointer;}
.popupactivebtn { display: block;}

.greydisabledbtn { background: #DEDEDE!important; color: #9C9C9C!important; opacity: 1!important;}
.greydisabledbtn:hover {background: #DEDEDE!important; color: #9C9C9C!important; opacity: 1!important;}

.mx-imgwdt { max-width: 260px;}
/**********************************************************************/



@media (max-width: 768px) { 
    
    
    /**********************************************************/
    .giftmodalclose { right: 20px; top:15px;}
    .gift-modal-content { padding: 8px;}
    .mob-pad-none { padding: 0px;}
    /****************************************************
    
    /*******************Banner Section***************************************/
    .bottom-content { width: 100%;}
    .bannerbackground { height: 500px;background-image: url(../images/blackfriday/Mobile/HeroBanner-Mobile.webp); background-position: right;}
    .banner-title { font-size: 15px;}
    .bannercontainer { width: 100%;padding-top: 20%;}
    .bannercontainer img.centerimg { width: 200px;}
    .timelabel { font-size: 10px;}
    .desktop-flex { display: flex;}
    /*******************Banner Section End***************************************/

    .border-right-dashed { border-right:none;}
    #tourdemo { max-width: 283px;}
     
    .timerbox { width: 62px; height: 62px;        padding-left: 2px;}
    
    /******************Banner Card Start******************************************/
      
      .card-content { padding: 30px 28px;}
      .card-heading { font-size: 28px; max-width: 310px;}
      .discount-price { font-size: 32px;}
      .mobile-padding-zero { padding: 0px;}
      .mobile-row-zero { margin: 0px;}
      .mobile-float-right { float:right;}
      .card-tour-count-content { font-size: 20px;}
      .cta-card-heading{ font-size: 32px; max-width: 308px;}
      .tour-grey-bg h3 {border-top: 1.5px solid #BCBCBC; padding-top: 17px;}
      .tour-grey-bg h3.first-child { border-top:none!important;}
    /******************Banner Card Start******************************************/
    
    
    /********************Limited Deal Start********************************************/
    .limited-section { max-width:350px; }
    .limited-section .row.centered-items { margin-bottom: 20px;}
    .limiteddealoffertext { text-align: center;}
    .top-border-dotted {border-top: 2px dashed #fff; padding-bottom: 30px;}
    .bottom-border-dotted {border-bottom: 2px dashed #fff; padding-bottom: 22px;}
    .limiteddealblock { font-size: 18px;}
    .limited-deal-text { font-size: 18px;}
    .limitedctablock { height: 682px;}
     
     /********************Limited Deal End********************************************/
    
    
    /*********************Tour Includes Section************************************************************/
    .tour-grey-bg {padding-left: 15px; padding-right: 10px; padding-top: 15px;}
    .ctaabsolute { left: 30px;}
    .card-button { padding-top: 20px;}
     
    .bottom-scrollable-container { max-height: 504px;}
    .bottom-scrollable-container{overflow-x:auto;white-space:nowrap}
    .bottom-scrollable-container::-webkit-scrollbar{display:none}
    .bottom-scrollable-container{-ms-overflow-style:none;scrollbar-width:none}
    /**********************Tour Includes End************************************************************/
    
    
    
    /************************Gift Section Start****************************************************/
    .gift-hero-section {background-image: url(../images/blackfriday/Mobile/Reviews-BG-Mobile.webp);background-position-y: 70px;}
    .giftctaabsolute { position: relative;}
    .giftctacontainer { height: 550px;}
    .giftctacontainer img.giftleft { left: 0px; bottom: -10px;}
    .giftctabutton { font-size: 18px;}
    .gift-card-heading { font-size: 38px; max-width: 272px;}
    
    /**************************Gift Section End************************************************/
    
    /*****************************************************************************************/
    .review-view-all { width: 100%; text-align: center;}
    
    /***************************************************************************************/
    
    
    /*****************************CTA TOur 2*****************************************************/
    .cta-hero-section { height: 500px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 100%),url(../images/blackfriday/Mobile/UltimateNP-Band-Mobile.webp); background-position: right;background-size: cover;}
    .cta-hero-section-without-bg-cover img { display: none;}
    .cta-hero-section-hawaii { height: 500px;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 80%),url(../images/blackfriday/Mobile/HawaiiCollection-Band-Mobile.webp);background-position: right;background-size: cover;}
    .limitedcta2block { height: 520px;}
    .ctabannerimagelabel {width: 150px; height: 150px;}
    .cta-hero-section-absolute { position: relative; padding-top: 40%;}
    .cta-hero-section-hawaii-without-bg-cover img { display: none;}
    /*****************************CTA Tour 2****************************************************/
    
    
    /********************************Mobile CTA *********************************************************/
    .mobilectalabel { left: 0px; right: unset;}
    .mobile-hero-section { height: 523px; background-image: url(../images/blackfriday/Mobile/FAQs-BG-Mobile.webp);}
    .mobile-hero-section-without-bg-cover img { display: none;}
    /********************************Mobile Cta ******************************************************/
    
    
    /************************************Faq*****************************************************/
    .faqblock { max-width: 350px;}
    .faqanswer { font-size: 16px;}
    .faqanswer ul li { font-size: 16px;}
    .faqanswer p { font-size: 16px;}
    .faqanswer a { font-size: 16px;}
    .faqquestion h5 span { font-size: 16px;}
    .mobilefaqmargin { margin-top: -90px; z-index: 99; position: relative;}
    .zindex { z-index: 99;}
    /******************************************************************************************/
    
    
    /****************************************************************************************/
    
    .card-button-layout-new { width: 100%;}
    .mob-card-heading { font-size: 26px;}
    .mob-left-content {justify-content: left !important;}
    .cta-hero-section .card-button { padding-top: 0px;}
    .listen-bg-height { min-height: unset;}
    .tour-list-style { overflow: hidden; margin-bottom: 0px;}
    .mob-no-flex { display: block!important;}
    .scrollable-container { max-height: 504px;}
    .mobile-hide { display: none;}
    .hidethis { display: none; padding-bottom: 0px!important;}
    
    .timevalue { font-size: 26px; line-height: 22px;}
    .popupgiftcard { width: auto;}
    a.popuptourtitle { font-size: 12px; margin-bottom: 3px; height: auto;}
    .popupgiftcard img { width: 100%;}
    .m-hide { display: none;}
    .initialbuttonishidden { padding-top: 0px!important;}
    .showbtnintialwithnotselected {padding-top: 0px!important;}
    /******************************************************************************/

}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .bannerbackground { background-position: right;background-image:url(../images/blackfriday/Desktop/HeroBanner-Desktop.webp);}
    .cta-hero-section { background-position-y: top;}
    .cta-hero-section-hawaii {background-position-y: top;background-image: url(../images/blackfriday/Desktop/HawaiiCollection-Band-Desktop.webp);}
    .limited-section { max-width: 100%;}
    .giftctacontainer { height: 660px; }
    .listen-bg { width: 100%!important;}
     .mob-max-audio-width { width: 100%!important;} 
    .gift-hero-section { background-position: center;}
    .mobile-hero-section {  background-position: right;background-image: url(../images/blackfriday/Desktop/FAQs-BG-Desktop.webp);}
}

@media only screen and (min-width: 1350px) and (max-width:2200px) {
    
    
}

@media only screen and (min-width: 1250px) and (max-width:1450px) {
/*.topbannerimagelabel {top:-22%;}*/
}
@media (min-width: 1700px) { 
    .cta-hero-section { padding-bottom: 60px;}
        /*.topbannerimagelabel {top:-18%;}*/
       
       .cta-hero-section-hawaii { height: 728px;}
    .centeredblockdiv { top:50%;}
 
}
@media (min-width: 1900px) { 
         .cta-hero-section { padding-bottom: 30px;}
        .centeredblockdiv { top:50%;}
       .cta-hero-section2 { height: 808px;}
}