ul#menu {
    margin-top: -22px !important;
}
.nav-menu li a {
    color: #212121;
    display: block;
    font-family: montserrat-regular;
    font-size: 13px;
    line-height: 1;
    padding: 15px 0 6px;
    text-decoration: none !important;
    letter-spacing: 0.31px;
    font-weight: 500;
}

.site-header #navbar ul {
    float: left;
}
.site-header #navbar ul {
  width: 100%;
}

ul.nav-menu,
div.nav-menu > ul {
    margin: 0;
    padding: 0;
}
ul.mob-top_right {

    list-style: none;

    display: inline-flex;

    width: 100%;

    margin: 0px;

    padding: 0px;

}

.mob-top_right li.pt_10 {

    padding: 10px 15px !important;

}

.mob-top_right li.support_li a{color:#333;font-weight:600 !important;}

.mob-top_right li.pt_10 a:hover, li.pt_10:hover>a, li.pt_10:hover {

    background: none!important;

    font-weight: 600!important;

    color: #6ab3f8 !important;

}

.mob-top_right li.pt_10:hover{background:none !important;}

.mob-top_right li.email_us_li a img {

    margin-bottom: -10px;

}

.mob-top_right li.support_li{display:flex;align-items:flex-end;}

#site-navigation li.menu-item span.mobilesubmenu {

	display:none;

}

.homepage-banner {

    width: 100%; 

    margin-top: 10px;

     padding: 40px 0 50px; 

    width: 100%;

    background: #6ab3f8;

}

.booking-box { background:#63bcd4;padding:25px 15px 20px}.booking-box h2{text-align:center;color:#fff;font-size:24px;font-family:montserrat-semibold;text-transform:uppercase;margin:0 0 15px}.booking-box ul{list-style:none;padding:0;margin:0;display:inline-block;width:100%}.booking-box ul li{float:left;width:33.33%;text-align:center;box-sizing:border-box;padding:0 5px}.booking-box ul li div{background:#0089cf;display:block;padding:7px 7px;opacity:.8}.booking-box ul li label{width:100%;cursor:pointer}.booking-box ul li img{height:35px;width:auto}.booking-box ul li span{text-transform:uppercase;font-size:11px;display:block;margin:5px 0 0;color:#fff;letter-spacing:.5px;word-break:break-all}.booking-box ul li:first-child img.hotel-img{margin-right:12px}.booking-box form{margin-top:10px}.booking-box form .form-group{position:relative}.booking-box form .form-group.dest-select select{width:100%;padding:20px 4px 7px;border:0;border-radius:0}.booking-box form input.form-control{width:100%;padding:20px 4px 7px 10px;border:0;border-radius:0}.booking-box form .form-group label{position:absolute;font-size:11px;color:#0089cf;top:6px;left:8px;text-transform:uppercase;font-weight:700}.booking-box form .col-md-6.left_col{padding-right:5px}.booking-box form .col-md-6.right_col{padding-left:6px}.booking-box form input.search_btn{background:#f53240;border:0;color:#fff;width:100%;padding:12px 20px;font-weight:500;letter-spacing:1px;cursor:pointer}.time-input i.fa.fa-calendar{position:absolute;top:24px;left:10px}.time-input input{padding-left:30px!important}.ui-datepicker-next span,.ui-datepicker-prev span{color:rgba(255,255,255,0)}a.ui-datepicker-next.ui-corner-all,a.ui-datepicker-prev.ui-corner-all{cursor:pointer;width:50px}.ui-datepicker-prev span:before{content:"\f100";font-family:FontAwesome;position:absolute;color:#333;left:20px}.ui-datepicker-next span:before{content:"\f101";font-family:FontAwesome;position:absolute;color:#333;right:20px}.page-template-homepage1-php .homepage-header .homepage-banner{padding:100px 15px 0 15px}.input-hidden{position:absolute;left:-9999px}input[type=radio]:checked+label>div{opacity:1}



@media screen and (max-width:1200px){.col-lg-3.col-md-3.col-sm-6.package_box{margin:0 7px}}@media screen and (max-width:1024px){#formsec .col-md-4{-ms-flex:0 0 40.666667%;flex:0 0 40.666667%;max-width:40.666667%}#formsec .col-md-8{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.page-template-homepage1-php .homepage-header .homepage-banner{padding:50px 15px 0 15px}}@media screen and (max-width:830px){#formsec .col-md-8{-ms-flex:0 0 48.666667%;flex:0 0 48.666667%;max-width:48.666667%}#formsec .col-md-4{-ms-flex:0 0 50.333333%;flex:0 0 50.333333%;max-width:50.333333%}.page-template-homepage1-php .homepage-header .homepage-banner{padding:50px 15px 0 15px}}@media screen and (max-width:768px){#formsec .col-md-8{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}#formsec .col-md-4{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}#formsec>.row{flex-direction:column-reverse}.page-template-homepage1-php .homepage-header .homepage-banner{padding:0 15px 0 15px}.page-template-homepage1-php .homepage-header .homepage-banner .homepage-search h1{padding-top:0}}@media screen and (max-width:740px){.booking-box form .col-md-6.left_col,.booking-box form .col-md-6.right_col{width:50%}.col-lg-3.col-md-3.col-sm-6.package_box{margin:0 auto 20px;-ms-flex:0 0 100%;flex:0 0 100%;max-width:95%}}@media screen and (max-width:420px){.booking-box ul li span{font-size:10px}}@media screen and (max-width:360px){.booking-box ul li span{font-size:8px}}

.header_blog_content {

    padding-top: 35px;

}

.site-header .headerbg-border {

    margin-top: 3px !important;

}

.home_heder_cls{

    background: white;

    padding: 0 50px;

    padding-bottom: 8px;

    padding-top: 8px;

}

.site-header .outerDivv .container:first-child .site-logo{ display:flex; }

.outerDivv{ background:#fff; }



/* top bar css */

.site-logo {

	display: flex;

    align-items: center;

}

.site-logo > a {

	max-width: 216px;

    width: 100%;

}

.site-logo img {

    width: 100%;

}

.site-header .headerbg-border {

	margin-top: 0;

}

.top-bar-menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: right;

}

.top-bar-menu ul .pt_10 {

    display: inline-block;

    margin-left: 0px;

	transition:all ease 0.5s;

	padding:10px 15px !important;

	position:relative;

}

ul.submenu {

    position: absolute;

    background: #fff;

    margin-top:10px;

    padding: 20px;

    box-shadow: 0px 5px 10px rgb(0 0 0 / 19%);

	display:none;

	z-index: 2;

}

.top-bar-menu ul li:first-child:hover .submenu1,.top-bar-menu ul li:last-child:hover .submenu3,.top-bar-menu ul li:nth-child(2):hover .submenu2{ display:block; }

.top-bar-menu ul li:first-child .submenu1 li:first-child img {

    display: inline-block;

    width: 24px;

    vertical-align: top;

}

.top-bar-menu ul li:first-child .header-phone {

    display: inline-block;

}

.top-bar-menu ul li:first-child .header-phone h5 {

    font-size: 14px;

    margin-bottom: 4px;

}

.top-bar-menu ul li:first-child .header-phone a {

    color: #000;

    font-weight: 600;

}

ul.submenu li {

    margin: 0;

}

ul.submenu1.submenu {

    width: 310px;

    text-align: center;

}

.top-bar-menu ul li:first-child .submenu1 li:last-child a {

    color: #000;

    font-weight: 500;

}

.top-bar-menu ul li:first-child .submenu1 li:first-child {

    margin-right: 20px;

}

.top-bar-menu ul li:first-child .submenu1 li:last-child a img{margin-right:5px;}

.top-bar-menu ul li:last-child:hover .submenu3 {

    display: block;

    width: 350px;

    right: 0;

    text-align: center;

}



ul.submenu3.submenu li {

    display: inline-block;

}

ul.submenu3.submenu li a {

    display: block;

    background: transparent;

    border-radius: 3px;

    color: #1493d0;

    text-decoration: underline !important;

    font-family: montserrat-medium;

	font-size:14px;

}

.top-bar-menu ul.submenu2.submenu {

    width: 452px;

    right: 0px;

}

.top-bar-menu ul.submenu2.submenu {

    font-family: montserrat-medium;

    margin-bottom: 13px !important;

}

.top-bar-menu ul.submenu2.submenu h4 {

    font-family: montserrat-medium;

    margin-bottom: 7px!important;

    font-weight: 700;

    font-size: 16px!important;

    text-align: left;

}

.top-bar-menu ul.submenu2.submenu h4 a {

    float: right;

    color: #0077b3;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 700;

    position: relative;

    top: 7px;

}

ul.submenu2.submenu p {

    text-align: left;

    font-size: 17px;

    padding: 0;

    margin: 0 0 30px 0;

    line-height: 1.3;

}

ul.submenu2.submenu p a {

    color: #333;

    text-align: left;

}

.top-bar-menu ul.submenu1.submenu {

    width: 400px;

    text-align: left;

    left: -104px;

	font-family: montserrat-medium;	

}

span.phone_icon_img a {

    font-weight: 400 !important;

}

ul.submenu2.submenu p a, .email_us span a {

    font-size: 15px !important;

}

ul.submenu2.submenu p a:hover {

    text-decoration: underline !important;

}

span.phone_icon_img a {

    font-weight: 400!important;

    font-size: 15px !important;

}

.top-bar-menu ul.submenu1.submenu h5 {

    font-size: 16px !important;

    font-weight: 700;

    font-family: montserrat-medium;

    margin-bottom: 13px !important;

	font-weight: 700;

}

ul#primary-menu li:last-child {

    margin-right: 0px;

}

ul#primary-menu li:last-child .sub-menu {

    left: -100px;

}

.top-bar-menu span.phone_icon_img img {

    width: 18px !important;

    position: relative;

    top: -3px;

    margin-right: 7px;

}

.top-bar-menu ul.submenu1.submenu li:first-child {

    border-right: 1px solid #ddd;

    padding-right: 34px;

}

header.site-header.homepage-header {

    overflow: hidden;

}

ul#primary-menu {

    width: 100%;

    text-align: right !important;

}

ul.submenu1.submenu h5 {

    text-align: center !important;

}

ul.submenu1.submenu li {

    display: inline-block;

    width: 46%;

}

.tex_right{ text-align:right; }

span.phone_icon_img a {

    font-size: 14px !important;

}

span.email_us a {

    font-size: 14px !important;

}

span.email_us img {

    width: 18px;

    position: relative;

    top: -5px;

}

li.call_us:before {

    position: absolute;

    left: 186px;

    width: 1px;

    height: 28px;

    background: #ddd;

    content: "";

    top: 1px;

}

li.call_us {

    position: relative;

}

.arrow_down {

	     width: 9px;

    position: relative;

    top: -7px;

    left: 2px;

}

li.pt_10 {

    padding: 10px 7px!important;

}

/* li.pt_10:hover>a {

    color: #ffcc33 !important;

} */

li.pt_10:hover {

background-color: #1e6297;

}

ul.submenu3.submenu {

    text-align: right !important;

}

ul.submenu2.submenu p a {

    text-decoration: underline !important;

	    font-size: 13px!important;

}

ul.submenu3.submenu {

    text-align: center !important;

    width: 190px !important;

}



img.mobile_view_img {

    display: none;

}

#primary-menu {

	display: flex;

}

#primary-menu li {
  list-style: none;
  text-align:center;
	margin: 0 auto;
	transition: 0.4s; 
  line-height: 1.2 !important;
  font-size: 14px;
}

#primary-menu > li:hover a {
	color: #6ab3f8;
}

#primary-menu li a {
	padding: 0;
}

#primary-menu .sub-menu li a {
    padding: 7px 15px 7px 15px;
    font-size: 13px !important;
    line-height: 18px;
}

.arrow_down {

	filter: brightness(2) contrast(2);

}

.pos-rel {

	position: relative;

}

.homepage-header {

    margin-bottom: 0;

    background: #6ab3f8;

    background: -moz-linear-gradient(top,#ffffff 16%,#6ab3f8 16%,#6ab3f8 50%,#6ab3f8 76%,#6ab3f8 97%) !important;

    background: -webkit-linear-gradient(top,#ffffff 16%,#6ab3f8 16%,#6ab3f8 50%,#6ab3f8 76%,#6ab3f8 97%) !important;

    background: linear-gradient(top,#ffffff 16%,#6ab3f8 16%,#6ab3f8 50%,#6ab3f8 76%,#6ab3f8 97%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#6ab3f8',GradientType=0);

}

ul.submenu3.submenu {

	min-width: 190px !important;

	width: auto !important;

}

.col-c {

	column-count: 2;

}

.col-c::before {

    position: absolute;

    top: 9px;

    left: 47%;

    width: 2px;

    height: 70%;

    background: #dddddd;

    content: '';

}

ul.submenu3.submenu li {

    display: block;

    width: max-content;

}

/* new header css */

.logo_img_li_cls .desk_view_img {

    max-width: 140px !important;

	width:100%;

    padding: 5px !important;

}

header .nav-bar {

    display: block;

    width: 100% !important;

    float: left;

    padding: 20px 0px !important;

}

li.submenu_li_cls {

    width: auto;

    min-width: 100px;

    text-align: left;

}

li.submenu_li_cls a {

    color: #333 !important;

}



ul.top_right {

    padding-top: 10px !important;

}

.header_blog_content_new {

    padding: 10px;

    background: #6ab3f8;

    color: #fff;

    margin-top: 2px;

}

.header_blog_content_new h1 {    
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin: 0px;
  line-height: 1.2;
}

.header_contentnew {
    padding: 20px 0px 0px 0px;
    color: #333;
}

.header_contentnew h1 {

    font-size: 26px;

    text-align: center;

}

.outerDivv.main_menu_cls {

    background: #6ab3f8;

}

#newnavbar-id #primary-menu li a {

	color: #fff;

}

.top-bar-menu {

    background: #fff;

}

.top-bar-menu ul.top_left {/* 

    float: left;

    text-align: left;

    display: flex;

    width: 20%; */

    list-style: none;

	margin: 0px;

	min-height: 80px !important;

}

.top-bar-menu ul.top_right {

    padding-top: 10px!important;

    /* display: flex;

    list-style: none;

	width:80%;

	justify-content:flex-end; */

	margin: 0px;

}

.top_cart img { width:20px; }

.top_cart .top_cart_a {

	font-size: 12px;

	position: relative;

}

span.cart_count_txt {

    position: absolute;

    top: 18px;

    right: -11px;

    background: #ffd202;

    border-radius: 100%;

    width: 16px;

    height: 16px;

    line-height: 15px;

    padding: 0;

    color: #005d92;

    left: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 12px;

}

.top-bar-menu ul li:hover .submenu {

	display: block !important;

}

.submenu {

	z-index: 100;

}

.submenu3 {

	right: 0 !important;

}



/* New Css Nov */

body{overflow-x:hidden;}

header.site-header.homepage-header .top-bar-menu .container {

    max-width: 100%!important;

    padding: 0;

}

.top-bar-div {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



@media only screen and (min-width:1680px) and (max-width:2600px){

	

	.top-bar-div {justify-content: space-around;}

	

}



.top-bar-menu ul .user_icon img {

    height: 20px;

    width: 22px;

}

.top_cart {

    position: relative;

    background-color: #005d92 ;

    width: 60px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-size: 28px;

}

.top-bar-menu ul .pt_10 {

    padding: 0 15px!important;

    position: relative;

}

.top-bar-menu ul .pt_10:last-child {

    padding: 0 !important;

}

.top-bar-menu ul.top_right {

    padding-top: 0px!important;

}

.top-bar-menu ul .pt_10 a {

    padding: 28px 0;

    display: inline-block;

}

.top_cart a.top_cart_a img {

    width: 28px;

}

span.cart_count_txt {

    position: absolute;

    top: 18px;

    right: -7px;

    background: #ffd202;

    border-radius: 100%;

    width: 16px;

    height: 16px;

    line-height: 15px;

    padding: 0;

    color: #005d92;

    left: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 12px;

}

.top-bar-menu ul.top_right li.pt_10:hover {

    background: transparent !important;

}

header.site-header.homepage-header div#newnavbar-id .container {

    max-width: 100% !important;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar {

    padding: 0 !important;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu{

	justify-content:center !important;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li {

    padding: 0;

    margin: 0;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {

    padding: 15px 7px;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:hover a {

    background: #005d92;

    position: relative;

    height: 100%;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu li a {text-align:left !important;

    padding: 10px 8px;

    background: transparent;

    min-width: 150px;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu {

    left: 0;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu li:hover a {

    color: #ffd202 !important;

}

.logo_img_li_cls .desk_view_img {

    max-width: 150px!important;

    padding: 12px 10px !important;

}

.top-bar-menu ul.top_right li a {

    color: #333;

    font-weight: 500;

}

.top-bar-menu ul .pt_10.email_us_li img {

    width: 32px;

    margin-right: 6px;

    display: inline-block;

    vertical-align: middle;

}

.top-bar-menu ul .pt_10.support_li img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 6px;

    width: 32px;

}

ul.top_right ul.submenu.submenu {

    padding: 12px 12px;

    width: 150px;

    margin: -15px 0 0;

}

ul.top_right ul.submenu.submenu.faq-submenu{width:320px;

padding: 20px 20px;}

ul.top_right ul.submenu.submenu li {

	min-width:inherit;

}

ul.top_right ul.submenu.submenu li a {

    padding: 6px 15px;

}

ul.top_right ul.submenu {

    margin: -20px 0 0;

    padding: 12px 12px 20px;

    z-index: 9;

    position: absolute;

    right: 0;

    width: 320px;

}

ul.top_right ul.submenu2.submenu h4 {

    font-size: 15px!important;

}

ul.top_right ul.submenu.faq-submenu a {

    padding: 8px 0;

}

.top-bar-menu ul.top_right li a:hover {

    color: #005d92 !important;

}

ul.top_right ul.submenu.faq-submenu a.view_all_faq {

    position: absolute;

    width: auto;

    bottom: 15px;

	color:#6ab3f8;

    top: auto;

    float: none;

    right: 10px;

    left: auto;

    font-size: 13px;

    letter-spacing: 0.5px;

    padding: 0;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:last-child {

    position: relative;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:last-child ul.sub-menu {

    position: absolute;

    right: 0;

    width: 170px;

    left: auto;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:last-child ul.sub-menu li a {

    text-align: right;

    width: 170px;

}

.mob-new-header{display:none;}

.homepage-header { background: #6ab3f8; }







/* media query start */

@media only screen and (max-width:1440px){

	header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {

	text-align:center;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul.nav-menu li a .sub-menu li a{text-align:left !important;}



}

@media screen and (max-width:1280px){

.top-bar-menu ul.submenu2.submenu {

    width: 452px;

    right: 0px;

}

.top-bar-menu ul.submenu1.submenu {

    right: -111px;

    left: auto;

}

ul#primary-menu li:last-child .sub-menu {

    left: auto;

    right: 2px;

}

.site-header .headerbg-border{

	margin-top:0px;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {

    padding: 15px 12px;

}

}

@media only screen and (max-width:1200px){

	header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {font-size:14px !important;

    padding: 15px 7px;

}



.top-bar-menu ul.top_left {

    width: 20%;

}	

}

@media screen and (max-width:1140px){

.nav-menu li {

    display: inline-block;

    margin: 0 10px 0 0;

    position: relative;

}

.nav-menu li a{font-size:14px;}

.site-header .headerbg-border{

	margin-top:0px;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {

    

    padding: 15px 7px;

}

}

@media only screen and (max-width:992px){	

	.top-bar-menu ul.top_left {

    width: 20%;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {

    padding: 15px 15px;

}	

}



@media only screen and (max-width: 991px){
  .nav-menu li a {
        color: #fff;
        float: left;
        padding: 15px 0;
    }

    ul.nav-menu li ul.sub-menu,

    ul.nav-menu li:hover ul.sub-menu {

        display: none !important;

    }

    ul.nav-menu li.open ul.sub-menu,

    ul.nav-menu li.open:hover ul.sub-menu {

        display: block !important;

    }

    ul.sub-menu.open-submenu {

        display: block !important;

        background-color: rgba(72, 72, 72, 0.85) !important;

        top: 0 !important;

    }

    .mobilesubmenu.open {

        background-color: rgba(72, 72, 72, 0.85) !important;

    }

    ul.sub-menu {

        display: none !important;

        position: relative !important;

        top: -100% !important;

    }

    ul.sub-menu a {

        font-size: 13px;

    }

    .site-logo {

        float: left;

    }

    .mobilesubmenu i {

        position: relative;

        top: 13px;

        right: 18px;

    }

    .nav-bar li {

        display: block;

        margin: 0;

        width: 100%;

        top: 0;

        border-bottom: 1px solid #717171;

        overflow: hidden;

        float: left;

    }

    .mobilesubmenu {

        display: block;

        position: absolute;

        top: 0;

        cursor: pointer;

        color: #fff;

        right: 0;

        z-index: 9999;

        border-left: 1px solid #717171;

        padding-left: 36px;

        height: 46px;

    }

    .nav-menu .sub-menu,

    .nav-menu .children {

        width: 100%;

    }

    ul.sub-menu li {

        display: block;

    }

    ul.sub-menu,

    .open-submenu {

        transition: all 1s;

    }

    .openmenu {

        display: inline-block;

        font-size: 30px;

        cursor: pointer;

        color: #333;

        float: right;

    }

    .nav-bar.open {
        right: 0;
    }

    ul.sub-menu li:last-child {
        border: 0 !important;
    }

    ul.sub-menu li a {
        color: #fff !important;
        font-weight: 600;
    }

    ul.sub-menu li {
        margin: 0;
    }

    ul.sub-menu li:last-child a {
        text-align: left;
        color: #fff !important;
        padding: 15px;
    }

    .nav-menu li:last-child {
        border: 0 !important;
    }

    .nav-menu li:last-child a,
    .nav-menu .sub-menu,
    .nav-menu .children {
        left: 0;
        width: 100% !important;
    }

    .nav-bar {
        background-color: #333;
        height: 100%;
        position: fixed;
        top: 0;
        right: -100%;
        padding: 15px;
        padding-top: 60px !important;
        transition: all 0.3s;
        width: 100%;
        text-align: left;
        z-index: 999;
    }

    .closebtn {
        display: block;
        position: absolute;
        top: -55px;
        font-size: 20px;
        right: 0;
        color: #fff;
        cursor: pointer;
        margin-bottom: 20px;
    }
	header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li a {

    text-align: left;

    font-size: 14px !important;

}

.mob-new-header .col-md-12{display:inline-block;}

	.mob-new-header{ display:block; }

.desktop-new-header{ display:none; }

.outerDivv.main_menu_cls {

    background: transparent;

}

.active_mob_menu a:hover {

    background: #005d92;

    color: #fff;

}

.mob-new-header .site-logo{ width:100%;align-items: inherit; }

.mob-new-header .site-logo img.mobile_view_img {

    width: 100%;

    max-width: 120px;

    padding: 0px 0px;

    margin: 0 auto;

	height:inherit !important;

}

.homepage-header {

    background: #fff!important;

    box-shadow: 0px 0px 20px rgb(0 0 0 / 13%);

}

.menuToggle.open_menu_sec {

    top: 25px !important;

}

.mob-new-header .site-logo .moblie_cart_cls a img{display:block;width:100%;height:100% !important;}

span.cart_count_txt {

    top: 10px;

    right: 18px;

}

ul#primary-menu {

    padding-top: 50px;

}

header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:hover a{ width:100%; text-align:left; }

.container.homepage-banner {

    margin-top: 0;padding:0px;

}

#menuToggle span {

    margin-bottom: 6px;

}

	.site-header #navbar ul{

		display: block;

	}

	.site-header #navbar ul li{

		padding: 15px;

	}

	div#menuToggle {

		top: 40%;

			margin-top:0px;

	}

	.nav-menu li a{

		color: #fff;

	}

	.site-header .headerbg-border{

	margin-top:0px;

}

img.mobile_view_img {

    display: block !important;

}

.site-logo img{display:none;}

.site-header .container:first-child .site-logo {

    height: auto!important;

}

.site-header.homepage-header .headerbg-border {

    margin-top: 0px!important;

	display:none;

}

#primary-menu .sub-menu li a {

    padding: 15px 15px;

	display: block;

    width: 100%;

}

#primary-menu .sub-menu li{padding:0 !important;}

.nav-menu li a{color:#fff !important;}

.nav-menu li a{max-width:100%;}

ul.sub-menu li:hover , ul.sub-menu li a:hover , ul.sub-menu li:hover a{

    background:#0089cf !important;

}

.header-account-list{width:100%;

display:inline-block;

border-top: 1px solid #717171;

}

.header-account-list a{font-size:14px;

color:#fff;

padding:15px 8px;

width:100%;

display:inline-block;}

}

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

	.woocommerce-account .woocommerce-MyAccount-navigation {

    float: left;

    width: 100%;

}

	.woocommerce-account .woocommerce-MyAccount-content {

    float: right;

    width: 100%;

    margin-top: 20px;

}

div#menuToggle {

    top: 40%;

}

header .nav-bar{width:100% !important; }



img.desk_view_img {

    display: none;

}

li#menu-item-960 {

    text-align: left !important;

}

ul.submenu3.submenu {

    z-index: 999999999;

}

.top-bar-menu ul.submenu2.submenu {

    width: 452px;

    right: 0px;

    z-index: 99999999;

}

.top-bar-menu ul.submenu1.submenu {

    right: -189px;

    left: auto;

    z-index: 9999999999999;

}

.site-header .headerbg-border{

	margin-top:0px;

}

ul.sub-menu li a:before {

    display: none;

}

li.menu-item-has-children a {

    position: relative;

    width: 100%;

    text-align: left;

}

li.menu-item-has-children a:before {

    position: absolute;

    content: "\f078";

    font-family: 'Font Awesome 5 Free';

    font-size: 16px;

    top: 12px;

    right: 15px;

    width: 16px;

    height: 16px;

    z-index: 1;

    color: #fff;

}

.top-bar-menu ul.top_right {

    flex-wrap: wrap;

    float: none !important;

    width: 100%;

	justify-content:center;

}

.top-bar-menu ul.top_right li.pt_10{text-align:left;}

.top-bar-menu ul.top_right li.pt_10 a {

    font-size: 14px;

	padding:10px 0;

}



}

@media only screen and (max-width:767px){	

	.menuToggle {

    right: 0px !important;

    align-items: flex-start;

    align-content: flex-start;

    justify-content: center;

    width: 100%;

}

.moblie_cart_cls {

    float: right;

}

#menuToggle span {

    width: 30px;

}

.menuToggle.open_menu_sec{width:auto;}	

.mob-new-header .site-logo .col-md-1 {

    padding-right: 0px !important;

}

.moblie_cart_cls .top_cart {

    right: -15px;

}

}



@media only screen and (max-width:500px){	

	span.cart_count_txt {

    top: 15px;

    right: 4px;

}

	.mob-new-header .site-logo .moblie_cart_cls a img{padding:20px 0 15px;}

}

@media screen and (max-width:480px){

.top-bar-menu ul.submenu1.submenu {

    right: -184px;

    width: 317px;

}

ul.submenu2.submenu h4{

	display:flex;

}

ul.submenu2.submenu h4 a{

	width: 38%;

}

li.call_us:before {

    left: 161px;

}

.top-bar-menu ul.submenu2.submenu {

    width: 303px;

    right: 0px;

    z-index: 99999999;

}

ul.submenu1.submenu li {

    display: inline-block;

    width: 49%;

}

.site-header .headerbg-border{

	margin-top:0px;

}

.col-c{

	column-count: 1;

}

.col-c::before{

	display: none;

}

.site-logo img.mobile_view_img {

    padding: 10px 0 !important;

    max-width: 100px !important;

}

.top-bar-menu ul .user_icon img {

    height: 20px;

}

.top-bar-menu ul .pt_10.email_us_li img {

    width: 28px;

    margin-right: 3px;

}

.top-bar-menu ul .pt_10.support_li img {

    margin-right: 3px;

    width: 28px;

}

.top-bar-menu ul.top_right li.pt_10.faq_li img {

    display: none;

}

span.cart_count_txt {

    top: 8px;

}

}



@media screen and (max-width:360px){

.top-bar-menu ul .pt_10 {

    margin-left: 0px;

}

.site-header .headerbg-border{

	margin-top:0px;

}

ul.submenu1.submenu li{

	width: 100%;

}

ul.submenu1.submenu li .tex_right{

	text-align: right;

}

li.call_us:before{

	display: none;

}

}



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

   FIX: Force hamburger vertically centered

   in mobile logo bar (override old top:40%)

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

@media only screen and (max-width: 991px) {

  .mob-new-header .site-logo .col-md-1:first-child div#menuToggle,

  .mob-new-header .site-logo .col-md-1:first-child .menuToggle,

  div#menuToggle,

  #menuToggle {

    position: relative !important;

    top: auto !important;

    left: auto !important;

    right: auto !important;

    bottom: auto !important;

    transform: none !important;

    margin: 0 auto !important;

  }

}

























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

   LAYER 1 — ANNOUNCEMENT BAR

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

.tpp-announce-bar {

  background: #2B7DC9;

  color: #ffffff;

  padding: 9px 40px 9px 16px;

  font-size: 13px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  position: relative;

  width: 100%;

  z-index: 9999;

}

.tpp-announce-inner {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  flex-wrap: wrap;

}

.tpp-announce-btn {
  display: inline-block;
  background: #F5A623;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 7px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-left: 6px;
  transition: background-color 0.2s ease;
}

.tpp-announce-btn:hover {

  background: #e0941a;

  color: #fff;

}

.tpp-announce-close {

  position: absolute;

  right: 14px;

  top: 50%;

  transform: translateY(-50%);

  color: rgba(255, 255, 255, 0.7);

  font-size: 16px;

  cursor: pointer;

  line-height: 1;

  padding: 4px;

  background: none;

  border: none;

}

.tpp-announce-close:hover {

  color: #fff;

}



@media (max-width: 768px) {

  .tpp-announce-bar {

    font-size: 14px;

    padding: 10px 44px 10px 12px;

  }

  .tpp-announce-inner {

    gap: 6px;

  }

}

@media (max-width: 480px) {

  .tpp-announce-bar {

    flex-direction: column;

    padding: 12px 44px 12px 12px;

  }

  .tpp-announce-inner {

    flex-direction: column;

    text-align: center;

  }

  .tpp-announce-close {

    top: 10px;

    transform: none;

  }

}



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

   LAYER 2 — UTILITY BAR (Desktop)

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

.tpp-utility-bar {

  background: #f8f9fa;

  border-bottom: 1px solid #e2e6ea;

  padding: 7px 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 12.5px;

  color: #444;

}

.tpp-util-left {

  display: flex;

  align-items: center;

  gap: 14px;

}

.tpp-util-left a {

  color: #555;

  text-decoration: none;

  font-size: 13px;

  transition: color 0.2s;

}

.tpp-util-left a:hover {

  color: #2B7DC9;

}

.tpp-util-divider {

  width: 1px;

  height: 14px;

  background: #ddd;

}

.tpp-util-trust {

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 12.5px;

  font-weight: bold;

  color: #2B7DC9;

  border-left: 1px solid #ddd;

  padding-left: 16px;

  margin-left: 4px;

  font-family: Tahoma, sans-serif;

}

.tpp-util-stars {

  color: #F5A623;

  font-size: 11px;

  letter-spacing: 1px;

}

.tpp-util-right {

  display: flex;

  align-items: center;

  gap: 14px;

}

.tpp-login-btn {

  display: inline-flex;

  align-items: center;

  gap: 5px;

  color: #2B7DC9;

  font-weight: bold;

  text-decoration: none;

  font-size: 12.5px;

  font-family: Tahoma, sans-serif;

  border: 1px solid #2B7DC9;

  padding: 3px 10px;

  border-radius: 4px;

  transition: background 0.2s, color 0.2s;

}

.tpp-login-btn:hover {

  background: #2B7DC9;

  color: #fff;

}

.tpp-login-btn:hover svg {

  stroke: #fff;

}

.tpp-login-btn svg {

  flex-shrink: 0;

}

.tpp-util-account {

  position: relative;

}

.tpp-account-dropdown {

  display: none;

  position: absolute;

  top: 100%;

  right: 0;

  background: #fff;

  border: 1px solid #e0e0e0;

  border-radius: 4px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

  list-style: none;

  padding: 4px 0;

  margin: 0;

  min-width: 150px;

  z-index: 1000;

  padding-top: 8px;

}

.tpp-account-dropdown::before {

  content: "";

  position: absolute;

  top: -8px;

  left: 0;

  right: 0;

  height: 8px;

  background: transparent;

}

.tpp-util-account:hover .tpp-account-dropdown {

  display: block;

}

.tpp-account-dropdown li a {

  display: block;

  padding: 8px 16px;

  color: #333;

  font-size: 12.5px;

  font-family: Tahoma, sans-serif;

  text-decoration: none;

  transition: background 0.2s;

}

.tpp-account-dropdown li a:hover {

  background: #f5f5f5;

  color: #2B7DC9;

}

/* Shopping Cart in desktop utility bar */

.tpp-util-cart {

  display: flex;

  align-items: center;

}

.tpp-util-cart .top_cart {

  background: #2B7DC9 !important;

  width: 44px !important;

  height: 44px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  border-radius: 8px !important;

  position: relative !important;

  transition: background 0.2s !important;

}

.tpp-util-cart .top_cart:hover {

  background: #1a5a94 !important;

}

.tpp-util-cart .top_cart a.top_cart_a {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 0 !important;

}

.tpp-util-cart .top_cart a.top_cart_a img {

  width: 22px !important;

  height: 22px !important;

  filter: brightness(0) invert(1) !important;

}

.tpp-util-cart .top_cart span.cart_count_txt {

  position: absolute !important;

  top: -4px !important;

  right: -4px !important;

  background: #F5A623 !important;

  color: #fff !important;

  font-size: 10px !important;

  font-weight: bold !important;

  width: 18px !important;

  height: 18px !important;

  border-radius: 50% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  line-height: 1 !important;

  border: 2px solid #fff !important;

}



/* ===================== LAYER 3 — NAV BAR (shared) ==================== */

.tpp-nav-logo {
  float: left;
  display: flex;
  align-items: center;
  padding: 5px 15px 5px 0;
}

.tpp-nav-logo img {
  height: 35px;
  width: auto;
}

/* Shop Tickets CTA — add CSS class "tpp-nav-shop-btn" to menu item in WP Admin */

.tpp-nav-shop-btn > a {

  background-color: #F5A623 !important;

  color: #ffffff !important;

  padding: 7px 15px !important;

  border-radius: 6px !important;

  font-family: Tahoma, sans-serif !important;

  font-weight: bold !important;

  font-size: 12px !important;

  text-transform: uppercase !important;

  letter-spacing: 0.4px !important;

  margin-left: 8px !important;

  transition: background-color 0.2s ease !important;

}

.tpp-nav-shop-btn > a:hover {

  background-color: #e0941a !important;

  color: #ffffff !important;

}



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

   DESKTOP ONLY (min-width: 992px)

   All dropdown/nav styles scoped to desktop

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

@media only screen and (min-width: 992px) {



  /* Nav bar background */

  .outerDivv.main_menu_cls,

  #newnavbar-id {

    background: #6AB3F8 !important;

  }



  /* When JS adds .tpp-nav-fixed, nav becomes fixed at top */

  .header_cls.tpp-nav-fixed {

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    z-index: 9999 !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;

  }



  /* Nav container — logo + menu side by side */

  #newnavbar-id .container {

    display: flex;

    align-items: center;

  }

  #newnavbar-id .nav-bar {

    flex: 1;

  }



  .nav-menu li a:hover,

  #primary-menu li a:hover {

    color: rgba(255, 255, 255, 0.75) !important;

  }



  /* Parent items need position for dropdown */

  .nav-menu > li,

  #primary-menu > li {

    position: relative !important;

  }



  /* Dropdown styling */

  .nav-menu li ul,

  #primary-menu li ul,

  .nav-menu .sub-menu,

  #primary-menu .sub-menu {

    background: #2B7DC9 !important;

    position: absolute !important;

    top: 100% !important;

    left: 0 !important;

    width: auto !important;

    min-width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    list-style: none !important;

    z-index: 9999 !important;

    border-radius: 0 0 6px 6px !important;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;

    border-top: 3px solid #F5A623 !important;

    display: none;

  }

  .nav-menu li:hover > ul,

  #primary-menu li:hover > ul,

  .nav-menu li:hover > .sub-menu,

  #primary-menu li:hover > .sub-menu {

    display: block !important;

  }



  /* Dropdown items */

  .nav-menu li ul li,

  #primary-menu li ul li,

  .nav-menu .sub-menu li,

  #primary-menu .sub-menu li {

    position: relative !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;

  }

  .nav-menu li ul li:last-child,

  #primary-menu li ul li:last-child,

  .nav-menu .sub-menu li:last-child,

  #primary-menu .sub-menu li:last-child {

    border-bottom: none !important;

  }

  .nav-menu li ul li a,

  #primary-menu li ul li a,

  .nav-menu .sub-menu li a,

  #primary-menu .sub-menu li a {

    color: #ffffff !important;

    font-weight: normal !important;

    font-size: 13px !important;

    padding: 10px 18px !important;

    display: block !important;

    white-space: normal !important;

    transition: background 0.2s !important;

  }

  .nav-menu li ul li a:hover,

  #primary-menu li ul li a:hover,

  .nav-menu .sub-menu li a:hover,

  #primary-menu .sub-menu li a:hover {

    background: rgba(255, 255, 255, 0.15) !important;

    color: #ffffff !important;

  }



  /* Third-level sub-menu flies out right */

  .nav-menu li ul li ul,

  #primary-menu li ul li ul,

  .nav-menu .sub-menu .sub-menu,

  #primary-menu .sub-menu .sub-menu {

    top: 0 !important;

    left: 100% !important;

    border-radius: 0 6px 6px 6px !important;

    border-top: none !important;

  }



  /* Active parent highlight */

  .nav-menu > li:hover > a,

  #primary-menu > li:hover > a {

    background: rgba(255, 255, 255, 0.15) !important;

    border-radius: 4px 4px 0 0 !important;

  }

}



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

   DESKTOP — Hide mobile-only drawer elements

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

.tpp-drawer-header {

  display: none;

}

.tpp-drawer-shop {

  display: none;

}

.tpp-drawer-utility {

  display: none;

}

.tpp-mob-utility-bar {

  display: none;

}



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

   MOBILE ONLY (max-width: 991px)

   Premium mobile menu UI — Full Rewrite

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

@media only screen and (max-width: 991px) {



  /* Hide desktop logo in nav bar */

  .tpp-nav-logo {

    display: none !important;

  }



  /* Hide Shop Tickets button next to nav on mobile */

  .header_cls .container > .tpp-announce-btn {

    display: none !important;

  }



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

     STICKY MOBILE HEADER

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

  header.site-header.homepage-header {

    position: sticky !important;

    top: 0 !important;

    z-index: 9999 !important;

    overflow: visible !important;

    background: #fff !important;

    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10) !important;

  }



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

     OLD MOBILE TOP BAR — Hide

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

  .mob-new-header .col-md-12 {

    display: none !important;

  }

  ul.mob-top_right {

    display: none !important;

  }



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

     NEW MOBILE UTILITY BAR — Above logo

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

  .tpp-mob-utility-bar {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 0 !important;

    background: linear-gradient(135deg, #1a5fa8 0%, #2B7DC9 100%) !important;

    padding: 8px 12px !important;

    width: 100% !important;

    flex-wrap: nowrap !important;

    overflow: hidden !important;

  }

  .tpp-mob-util-link {

    display: flex !important;

    align-items: center !important;

    gap: 5px !important;

    color: #fff !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    padding: 0 8px !important;

    transition: opacity 0.2s ease !important;

    letter-spacing: 0.2px !important;

  }

  .tpp-mob-util-link:hover,

  .tpp-mob-util-link:active {

    opacity: 0.85 !important;

    color: #fff !important;

  }

  .tpp-mob-util-link i {

    font-size: 11px !important;

    color: #F5A623 !important;

    flex-shrink: 0 !important;

  }

  .tpp-mob-util-sep {

    width: 1px !important;

    height: 14px !important;

    background: rgba(255,255,255,0.3) !important;

    flex-shrink: 0 !important;

  }

  .tpp-mob-util-stars {

    display: flex !important;

    align-items: center !important;

    gap: 4px !important;

    padding-left: 8px !important;

    margin-left: auto !important;

    white-space: nowrap !important;

    color: #fff !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: 0.3px !important;

  }

  .tpp-mob-stars-icons {

    color: #F5A623 !important;

    font-size: 10px !important;

    letter-spacing: 1px !important;

  }



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

     HAMBURGER ICON — Refined & Force Centered

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

  .mob-new-header .site-logo .col-md-1:first-child .menuToggle,

  .mob-new-header .site-logo .col-md-1:first-child div#menuToggle,

  .menuToggle,

  div#menuToggle,

  div.menuToggle #menuToggle,

  #menuToggle {

    display: flex !important;

    flex-direction: column !important;

    position: relative !important;

    top: auto !important;

    left: auto !important;

    right: auto !important;

    bottom: auto !important;

    transform: none !important;

    z-index: 100000 !important;

    cursor: pointer !important;

    padding: 6px !important;

    gap: 5px !important;

    margin: 0 auto !important;

    align-items: center !important;

    justify-content: center !important;

    width: auto !important;

  }

  #menuToggle span {

    display: block !important;

    width: 22px !important;

    height: 2px !important;

    background: #333 !important;

    border-radius: 2px !important;

    transition: all 0.35s cubic-bezier(0.77, 0.2, 0.05, 1) !important;

    transform-origin: center !important;

    margin-bottom: 0 !important;

    position: relative !important;

  }

  #menuToggle input {

    width: 36px !important;

    height: 36px !important;

    position: absolute !important;

    top: -4px !important;

    left: -4px !important;

    cursor: pointer !important;

    opacity: 0 !important;

    z-index: 2 !important;

  }



  /* Hamburger → X animation */

  #menuToggle input:checked ~ span:first-of-type {

    transform: rotate(45deg) translate(5px, 5px) !important;

    background: #fff !important;

  }

  #menuToggle input:checked ~ span:nth-of-type(2) {

    opacity: 0 !important;

    transform: scale(0) !important;

  }

  #menuToggle input:checked ~ span:nth-of-type(3) {

    transform: rotate(-45deg) translate(5px, -5px) !important;

    background: #fff !important;

  }



  /* When menu is open — fix hamburger/close icon position */

  .menuToggle.open_menu_sec {

    position: fixed !important;

    top: 20px !important;

    left: auto !important;

    right: 18px !important;

    transform: none !important;

    z-index: 1000001 !important;

    width: auto !important;

  }

  .menuToggle.open_menu_sec #menuToggle {

    background: rgba(255,255,255,0.15) !important;

    border-radius: 50% !important;

    width: 40px !important;

    height: 40px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 8px !important;

    backdrop-filter: blur(4px) !important;

    -webkit-backdrop-filter: blur(4px) !important;

  }



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

     MOBILE LOGO BAR — Hamburger | Logo | Cart

     All vertically centered with flexbox

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

  .mob-new-header {

    padding: 0 !important;

    background: #fff !important;

  }

  .mob-new-header .site-logo {

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: space-between !important;

    padding: 0 !important;

    min-height: 56px !important;

    height: 56px !important;

    width: 100% !important;

    position: relative !important;

  }



  /* Left — Hamburger column */

  .mob-new-header .site-logo .col-md-1:first-child {

    position: relative !important;

    width: 56px !important;

    min-width: 56px !important;

    height: 56px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    z-index: 100 !important;

    padding: 0 !important;

    flex-shrink: 0 !important;

  }



  /* Center — Logo column */

  .mob-new-header .site-logo .col-md-10 {

    flex: 1 !important;

    text-align: center !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    height: 56px !important;

    padding: 0 !important;

  }



  /* Right — Cart column */

  .mob-new-header .site-logo .col-md-1:last-child {

    position: relative !important;

    width: 56px !important;

    min-width: 56px !important;

    height: 56px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    z-index: 100 !important;

    padding: 0 !important;

    flex-shrink: 0 !important;

  }



  img.mobile_view_img {

    display: block !important;

    max-width: 130px !important;

    height: auto !important;

    width: auto !important;

    padding: 0 !important;

  }



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

     MOBILE CART ICON — Matches desktop style

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

  .moblie_cart_cls.tpp-mobile-cart {

    float: none !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    position: relative !important;

  }

  .moblie_cart_cls.tpp-mobile-cart .top_cart {

    background: #2B7DC9 !important;

    width: 40px !important;

    height: 40px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 8px !important;

    position: relative !important;

    right: auto !important;

    box-shadow: none !important;

    transition: background 0.2s ease !important;

  }

  .moblie_cart_cls.tpp-mobile-cart .top_cart:active {

    background: #1a5fa8 !important;

  }

  .moblie_cart_cls.tpp-mobile-cart .top_cart a.top_cart_a {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 0 !important;

    line-height: 1 !important;

  }

  .moblie_cart_cls.tpp-mobile-cart .top_cart a.top_cart_a img {

    width: 20px !important;

    height: 20px !important;

    padding: 0 !important;

    filter: brightness(0) invert(1) !important;

    opacity: 1 !important;

  }

  .moblie_cart_cls.tpp-mobile-cart .top_cart span.cart_count_txt {

    position: absolute !important;

    top: -5px !important;

    right: -5px !important;

    width: 20px !important;

    height: 20px !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    background: #F5A623 !important;

    color: #fff !important;

    border: 2px solid #fff !important;

    border-radius: 50% !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    line-height: 1 !important;

    left: auto !important;

    box-shadow: 0 1px 4px rgba(0,0,0,0.15) !important;

    padding: 0 !important;

  }



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

     NAV DRAWER — Full-screen overlay

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

  .nav-bar,

  div#navbar {

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    right: auto !important;

    width: 85% !important;

    max-width: 380px !important;

    height: 100vh !important;

    height: 100dvh !important;

    background: linear-gradient(180deg, #1a5fa8 0%, #2B7DC9 40%, #3a8fd4 100%) !important;

    z-index: 1000000 !important;

    overflow-y: auto !important;

    overflow-x: hidden !important;

    padding: 0 !important;

    padding-top: 0 !important;

    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;

    transform: translateX(-100%) !important;

    box-shadow: 8px 0 30px rgba(0, 0, 0, 0.3) !important;

    -webkit-overflow-scrolling: touch !important;

  }

  .nav-bar.open,

  .nav-bar.active_mob_menu,

  div#navbar.open,

  div#navbar.active_mob_menu {

    transform: translateX(0) !important;

    right: auto !important;

  }



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

     MENU LIST — Primary Menu

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

  ul#primary-menu,

  ul.nav-menu {

    padding: 0 !important;

    margin: 0 !important;

    list-style: none !important;

    display: block !important;

    width: 100% !important;

  }



  /* Remove the old "Menu" text pseudo-element */

  ul#primary-menu::before {

    display: none !important;

  }



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

     DRAWER HEADER — Close button

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

  .tpp-drawer-header {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;

    padding: 14px 16px !important;

    border-bottom: 1px solid rgba(255,255,255,0.12) !important;

    position: sticky !important;

    top: 0 !important;

    z-index: 10 !important;

    background: inherit !important;

  }

  .tpp-drawer-close {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 38px !important;

    height: 38px !important;

    border-radius: 50% !important;

    border: none !important;

    background: rgba(255,255,255,0.12) !important;

    color: #fff !important;

    cursor: pointer !important;

    transition: all 0.2s ease !important;

    padding: 0 !important;

    outline: none !important;

    backdrop-filter: blur(4px) !important;

    -webkit-backdrop-filter: blur(4px) !important;

  }

  .tpp-drawer-close:hover,

  .tpp-drawer-close:active {

    background: rgba(255,255,255,0.25) !important;

    transform: scale(1.05) !important;

  }

  .tpp-drawer-close svg {

    width: 20px !important;

    height: 20px !important;

    stroke: #fff !important;

  }



  /* (Desktop hide rule is outside this media query block) */



  /* ---- Top-level menu items ---- */

  #primary-menu > li,

  .nav-menu > li {

    border-bottom: 1px solid rgba(255,255,255,0.10) !important;

    margin: 0 !important;

    overflow: visible !important;

    float: none !important;

    width: 100% !important;

    position: relative !important;

  }

  #primary-menu > li:last-child,

  .nav-menu > li:last-child {

    border-bottom: 1px solid rgba(255,255,255,0.10) !important;

  }



  /* ---- Top-level links ---- */

  .nav-menu > li > a,

  #primary-menu > li > a,

  #newnavbar-id #primary-menu > li > a,

  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li > a {

    color: #fff !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    padding: 15px 20px !important;

    display: block !important;

    text-align: left !important;

    transition: all 0.25s ease !important;

    border-radius: 0 !important;

    background: transparent !important;

    line-height: 1.4 !important;

    width: 100% !important;

    float: none !important;

    position: relative !important;

  }

  #primary-menu > li > a:hover,

  .nav-menu > li > a:hover,

  #primary-menu > li > a:active,

  .nav-menu > li > a:active,

  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:hover > a {

    background: rgba(255,255,255,0.08) !important;

    color: #fff !important;

  }



  /* ---- Down arrow for parent items ---- */

  li.menu-item-has-children > a {

    padding-right: 50px !important;

    position: relative !important;

  }

  li.menu-item-has-children > a:before {

    font-family: 'Font Awesome 5 Free' !important;

    font-weight: 900 !important;

    content: "\f054" !important;

    position: absolute !important;

    right: 20px !important;

    font-size: 11px !important;

    color: rgba(255,255,255,0.5) !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: auto !important;

    height: auto !important;

    transition: transform 0.3s ease, color 0.3s ease !important;

  }

  li.menu-item-has-children.open > a:before {

    transform: translateY(-50%) rotate(90deg) !important;

    color: rgba(255,255,255,0.8) !important;

  }



  /* ---- Hide mobilesubmenu toggle spans (the ugly checkboxes) ---- */

  #site-navigation li.menu-item span.mobilesubmenu,

  .mobilesubmenu {

    display: none !important;

    visibility: hidden !important;

    width: 0 !important;

    height: 0 !important;

    overflow: hidden !important;

    position: absolute !important;

    pointer-events: none !important;

  }



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

     SUBMENU — Collapsible sections

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

  .site-header #navbar ul.sub-menu,

  #primary-menu .sub-menu,

  #primary-menu li ul,

  .nav-menu .sub-menu,

  .nav-menu li ul {

    display: none !important;

    position: static !important;

    width: 100% !important;

    box-shadow: none !important;

    border: none !important;

    border-radius: 0 !important;

    background: rgba(0,0,0,0.15) !important;

    margin: 0 !important;

    padding: 6px 0 !important;

    border-top: 1px solid rgba(255,255,255,0.08) !important;

    float: none !important;

    left: 0 !important;

    top: auto !important;

  }



  /* Show submenu when parent has .open class */

  ul.nav-menu li.open > ul.sub-menu,

  ul.nav-menu li.open:hover > ul.sub-menu,

  ul.sub-menu.open-submenu,

  #primary-menu li.open > .sub-menu {

    display: block !important;

    position: static !important;

    top: auto !important;

    background: rgba(0,0,0,0.15) !important;

  }



  /* ---- Submenu items ---- */

  #primary-menu .sub-menu li,

  .nav-menu .sub-menu li {

    padding: 0 !important;

    border-bottom: none !important;

    position: static !important;

    margin: 0 !important;

    overflow: visible !important;

    float: none !important;

    width: 100% !important;

  }



  /* ---- Submenu links ---- */

  #primary-menu .sub-menu li a,

  .nav-menu .sub-menu li a,

  #newnavbar-id #primary-menu .sub-menu li a,

  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu li a {

    padding: 13px 20px 13px 36px !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    color: rgba(255,255,255,0.85) !important;

    text-align: left !important;

    border-radius: 0 !important;

    transition: all 0.2s ease !important;

    line-height: 1.35 !important;

    border-bottom: 1px solid rgba(255,255,255,0.06) !important;

    background: transparent !important;

    min-width: auto !important;

    float: none !important;

  }

  #primary-menu .sub-menu li:last-child a,

  .nav-menu .sub-menu li:last-child a {

    border-bottom: none !important;

  }



  /* Bullet dot before submenu items */

  #primary-menu .sub-menu li a:before,

  .nav-menu .sub-menu li a:before {

    content: "" !important;

    display: inline-block !important;

    width: 6px !important;

    height: 6px !important;

    min-width: 6px !important;

    background: #F5A623 !important;

    border-radius: 50% !important;

    margin-right: 12px !important;

    flex-shrink: 0 !important;

    position: static !important;

    font-family: inherit !important;

    font-size: 0 !important;

  }



  /* Submenu hover */

  #primary-menu .sub-menu li a:hover,

  .nav-menu .sub-menu li a:hover,

  #primary-menu .sub-menu li a:active,

  .nav-menu .sub-menu li a:active,

  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li ul.sub-menu li:hover a {

    background: rgba(255,255,255,0.08) !important;

    color: #fff !important;

  }



  /* ---- Third-level submenu ---- */

  #primary-menu .sub-menu .sub-menu,

  .nav-menu .sub-menu .sub-menu {

    background: rgba(0,0,0,0.10) !important;

    margin-left: 0 !important;

    padding-left: 0 !important;

  }

  #primary-menu .sub-menu .sub-menu li a,

  .nav-menu .sub-menu .sub-menu li a {

    padding-left: 52px !important;

  }

  #primary-menu .sub-menu .sub-menu li a:before,

  .nav-menu .sub-menu .sub-menu li a:before {

    width: 5px !important;

    height: 5px !important;

    min-width: 5px !important;

    background: rgba(255,255,255,0.4) !important;

  }



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

     SHOP TICKETS CTA — In mobile drawer

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

  .tpp-drawer-shop {

    display: block !important;

    padding: 16px 20px 8px !important;

  }

  .tpp-drawer-shop-btn {
    display: block !important;
    background: #F5A623 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    box-shadow: 0 4px 15px rgba(245, 166, 35, 0.35) !important;
    width: 100% !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
  }

  .tpp-drawer-shop-btn:hover,
  .tpp-drawer-shop-btn:active {
    background: #e0941a !important;
    color: #fff !important;
    transform: scale(0.97) !important;
    box-shadow: 0 2px 8px rgba(245, 166, 35, 0.25) !important;
  }

  /* ============================ UTILITY BAR — Inside mobile drawer ========================== */

  .tpp-drawer-utility {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 0 !important;
    margin: 8px 20px 0 !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
  }

  .tpp-drawer-util-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 0 !important;
    color: rgba(255,255,255,0.8) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  }

  .tpp-drawer-util-item:last-child {
    border-bottom: none !important;
  }

  .tpp-drawer-util-item:hover,
  .tpp-drawer-util-item:active {
    color: #fff !important;
  }

  .tpp-drawer-util-item i {
    font-size: 15px !important;
    width: 20px !important;
    text-align: center !important;
    color: rgba(255,255,255,0.5) !important;
    flex-shrink: 0 !important;
  }

  .tpp-drawer-util-item:hover i {
    color: #F5A623 !important;
  }

  /* =========================== LOGIN / ACCOUNT — In mobile drawer ===================== */

  .header-account-list {
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
  }

  .header-account-list a {
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 0 !important;
    width: 100% !important;
  }

  .header-account-list a:before {
    content: "\f007" !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    font-size: 13px !important;
    color: rgba(255,255,255,0.5) !important;
    margin-right: 4px !important;
  }

  .header-account-list a:hover,
  .header-account-list a:active {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
  }

  /* =========================== OVERLAY — Behind the drawer  ======================= */

  .nav-bar.open::after,
  .nav-bar.active_mob_menu::after {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 100% !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.45) !important;
    z-index: -1 !important;
    pointer-events: auto !important;
  }

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

     NAV DRAWER FOOTER — Contact info

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

  #site-navigation::after {
    content: "" !important;
    display: block !important;
    padding: 18px 20px !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    margin-top: 10px !important;
  }

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

     OVERRIDES — Kill old conflicting styles

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

  /* Override old dark nav-bar from style.css */

  .nav-bar {
    background-color: transparent !important;
  }



  /* Override old all_header.css nav-bar styles */

  .outerDivv.main_menu_cls,
  #newnavbar-id {
    background: transparent !important;
    padding: 0 !important;
  }

  #newnavbar-id .container {
    padding: 0 !important;
  }

  /* Kill old sub-menu absolute positioning */

  ul.sub-menu {
    top: auto !important;
  }

  /* Remove old active/hover backgrounds */

  .active_mob_menu a:hover {
    background: transparent !important;
  }

  header.site-header.homepage-header div#newnavbar-id .container div#navbar ul#primary-menu li:hover a {
    width: auto !important;
  }

  /* Fix nav-bar list display */

  .site-header #navbar ul {
    display: block !important;
    width: 100% !important;
  }

  .site-header #navbar ul li {
    padding: 0 !important;
    float: none !important;
  }

  /* Remove old overflow hidden that clips dropdowns */

  header.site-header.homepage-header {
    overflow: visible !important;
  }



  /* Hide desktop nav features on mobile */

  .desktop-new-header {
    display: none !important;
  }



  /* Announcement bar adjustments for mobile */

  .tpp-announce-bar {
    font-size: 15px !important;
    padding: 8px 36px 8px 10px !important;
  }

  .tpp-announce-inner {
    gap: 4px !important;
  }

  .tpp-announce-btn {
    font-size: 15px !important;
    padding: 3px 10px !important;
    margin-left: 4px !important;
  }

}