body::after, .page-wrapper::after {height: 0px;}
.close-mini-cart{ display: none;}
.mini-cart button.dropdown-toggle .cart-counter { top: 0px; right: 0; left: inherit; background: #fff !important; padding: 0px !important; width: 14px; height: 14px; line-height: 14px; font-size: 10px;}
.mini-cart .dropdown-menu{ left: inherit !important; right: 0px !important;}
.page-header{position: relative; float: left;z-index: 1;  background-image: url(../images/banner.jpg); background-size: cover; background-repeat: no-repeat; padding-bottom:15px; }
.logo img{ width: auto; max-width: 100%; }
.mainheader{ padding:10px; }

.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 10px 16px; color: #fff; font-weight: 500; font-size: 14px; display: inline-block; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.071em;}
.drop-arw:after{  content: ""; position: absolute; right: -4px; top: calc(50% + 8px); transform: translateY(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; }
li.nav-item.dropdown:hover .drop-arw:after{ border-bottom: 6px solid #fff; border-top: 6px solid transparent; top: calc(50% + 4px);}
.drop-arw{ top: 14px; position: absolute; right: 4px;}
.navbar-nav li.nav-item{ margin: 0 0px;}
.navbar-nav a:hover{ color: #ccc;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px !important;}
.navbar-collapse { margin-left: 0px; margin-right: 50px;}
.headSos{ position: absolute;  right: 0px;  bottom: 8px;}
.headSos li{ display: inline-block; margin-left: 5px;}
.headSos li a.linkbtn, #cartDropDown{ width: 38px; height: 38px; background: transparent; display: inline-block; border-radius: 100%; color: #fff;padding: 0px !important; font-size: 20px !important; display: flex; align-items: center; justify-content: center;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.page-footer{ width: 100%; float: left; background: #000; padding: 0px 0 20px;}
.footTop{ width: 100%; text-align: center; background: #2C2A2B; padding: 30px 0;}
.footTop h4{ color: rgb(247, 247, 247); text-transform: uppercase; font-size: 22px; line-height: 34px; margin-bottom: 20px; letter-spacing: 1px; font-weight: 700;}
.footTop h6{  color: rgb(247, 247, 247); font-weight: 700; margin-bottom: 16px; font-family: 'Lato'; margin-top: 16px;}
.footTop p, .footerBottm p, .footerBottm li{ color: #fff; font-size: 16px; font-family: 'Lato';}
.footerBottm li{ display: inline-block;}
.footerBottm li a, .footerBottm p a{ display: inline-block; color: #fff; font-size: 16px;}
.footerBottm li a:hover, .footerBottm p a:hover{ color: #fe0398; transition: all ease 500ms; text-decoration: none;}

@media(min-width:992px)
{
	.nav-item.dropdown .dropdown-menu{ display: block !important; opacity: 0;text-shadow: none; transform: scaleY(0); transform-origin: top;transition: .24s; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }
	.nav-item.dropdown:hover .dropdown-menu {display: block !important; opacity: 1; transform: initial;pointer-events: all; transform: translateY(0px) !important;}
	.nav-item.dropdown .dropdown-menu { background: #000 !important; min-width: max-content; right: 0; left: auto; }
	.logo img{ position: relative; top: -15px;}
}

@media screen and (max-width:1199px)
{
	.cmspages p, .cmspages li, body{ font-size: 14px;}
}

@media screen and (max-width:991px)
{
	.navbar-toggler{ width: 40px; height: 50px; background: none;}
	.navbar-toggler .icon-bar{width:100%;height:3px;background:#fff;display:inline-block;border-radius:10px; -webkit-transform-origin:21px;-ms-transform-origin:21px;transform-origin:21px;-webkit-transition:-webkit-transform 0.2s,opacity 0.1s;transition:transform 0.2s,opacity 0.1s;}
	.navbar-toggler .icon-bar + .icon-bar{margin:7px 0 0;}
	.navbar-toggler.showactv .icon-bar:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
	.navbar-toggler.showactv .icon-bar:nth-child(2){opacity:0;}
	.navbar-toggler.showactv .icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
	.navbar-toggler.showactv .icon-bar{margin:1px 0 !important;}
	.navbar-collapse{position:fixed;top:0px;left:-240px;height:100%;overflow:auto;background:#000;display:block !important;width:240px;border:none;margin:0px;z-index:111; transition: all 0.3s ease;}
	.navbar-collapse.show{ left: 0px;}
	.navbar-collapse .navbar-nav{padding:0px;}
	.navbar-nav a,.navbar-collapse .navbar-nav .nav-item .nav-link{width:100%; text-transform: capitalize;}
	.drop-arw{top:-4px;position:absolute;right:15px; width:20px; height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
	.page-header{z-index:111; min-height: auto;}
	.logo { width: 110px; }
	.mainheader { padding: 10px 0; }
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
	.logo { width: 130px; }
}

@media screen and (max-width:575px)
{
	.logo { width: 110px; }
}

@media screen and (max-width:480px)
{
	.logo { width: 90px; }
}

.topbarnav{ display: block;}
.topbarnav li{ display: inline-block;}
.topbarnav li a{font-size: 17px; line-height: 1.5; color: #fff; text-transform: uppercase; font-family: "Poppins", sans-serif; padding: 0 12px; position: relative;}
.topbarnav li a:after{ position: absolute; content: ''; left: 12px;   bottom: 0px;   width: 0%;   height: 2px;   background: #fe0398;   transition: width 0.3s ease;}
.topbarnav li a:hover::after {   width: calc(100% - 24px); }
.right-menu-social{ display: block; margin-bottom: 30px;}
.right-menu-social li{ display: inline-block; margin: 5px 0;}
.right-menu-social li a {     font-size: 24px;     color: #000; width: 52px !important;     height: 45px !important;     display: flex;     align-items: center;     justify-content: center;     transition: all ease 500ms !important; 	background-image: url(../images/social-bg.png);     background-size: cover;     background-position: center; }
.right-menu-social li a:hover {     color: #fe0398;     transition: all ease 500ms !important; text-decoration:none;}
.right-menu-social li a i{ position: relative; left: -4px; top: 2px;}
ul.navbar-nav.menu_sec, .mobileshow{ display: none;}
.footerbottom{ display: flex; justify-content: space-between; padding-top: 20px; align-items: center;}
.footerbottom .foot-copyright a{ color: #fff; }
.footerbottom .foot-copyright a:hover{ color: #fe0398; transition: all ease 500ms;}
.foot-social{ margin-bottom: 0;}

.footernav { display: block; }
.footernav li {     display: inline-block;     margin-bottom: 20px; }
.footernav li a {     color: #fff;     text-transform: uppercase;     padding: 0 10px;     font-size: 15px;  position: relative;}
.footernav li a:after{ position: absolute; content: ''; left: 10px;   bottom: 0px;   width: 0%;   height: 3px;   background: #fe0398;   transition: width 0.3s ease;}
.footernav li a:hover::after {   width: calc(100% - 20px); }

.footercontact {     display: flex; justify-content: center;     align-items: center;     margin-bottom: 0px; }
.footercontact li {     display: inline-block;     padding: 0 10px; }
.footercontact li:hover i{ color: #fe0398;}
.footercontact li a {     color: #fff;     font-size: 16px; position: relative; line-height: 1.5;}
.footercontact li a:after{ position: absolute; content: ''; left: 4px;   bottom: 0px;   width: 0%;   height: 3px;   background: #fe0398;   transition: width 0.3s ease;}
.footercontact li a:hover::after {   width: calc(100% - 4px); }
.footercontact li {     color: #fff; }
.footercontact li i {     padding-right: 5px; font-size: 18px;}
.headSos li a{ background: transparent !important;}
.navbar-collapse li.nav-item.active, .navbar-collapse li.nav-item:hover{ background: #006469;}


.page-body .page-title-bar { background-color: #eae8e8 !important; }
.page-body .page-title-bar .page-bar-title { color: #000 !important; }
.details-body .page-body .page-title-bar { background-color: transparent !important; }

.filter-bar span.select2.select2-container.select2-container--default { width: 100% !important; }
#minicart_sidebar_btn, .adcartBtn, .intercom-lightweight-app-launcher{ background: #fe0398 !important;}
#minicart_sidebar_btn:hover, .inputForm .adcartBtn:hover{ background: #000 !important; color:#fff !important;}
.intercom-lightweight-app-launcher:hover{background: #000 !important;}
.minicart_sidebar img, .intercom-lightweight-app-launcher svg { filter: brightness(0) invert(1) !important; }
.popLogo{ background:#000 !important; padding: 15px !important;}


a.badge.badge-info.season-badge.btn,
button.btn.btn-solid.addtocartbutton.add-to-cart,
button.btn.btn-md.search-btn,
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md,
button.btn.filter-toggle,
a.btn.btn-danger.btn-block.btn-lg,
.card.flat-card .card-header, 
.page-tab-content,
a.btn.btn-badge.btn-warning.d-inline-block,
a.btn.btn-badge.btn-warning.d-inline-block.all--events,
button.btn.location-btn,
button.btn.btn-sm.ml-auto.close-mini-cart,
.page-checkout a.link.btn.btn-block.btn-warning,
a.btn.btn-warning.btn-md.upcoming-btn,
button.btn.btn-lg.btn-block
{ background-color: #fe0398 !important; color: #fff !important; }

/* hover bg change */
a.btn.btn-badge.btn-warning.d-inline-block:hover,
a.badge.badge-info.season-badge.btn:hover,
button.btn.btn-md.search-btn:hover, 
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md:hover, 
a.btn.btn-warning.btn-md.upcoming-btn:hover,
button.btn.btn-solid.addtocartbutton.add-to-cart:hover,
a.btn.btn-danger.btn-block.btn-lg:hover,
button.btn.location-btn:hover{ background-color:#000 !important;}
/* hover bg */

.nav-tabs .nav-item .nav-link { color: #fff !important; }
.nav-tabs .nav-item .nav-link.active { color: #36454f !important;}
.leaderboard .nav-tabs .nav-item .nav-link { color: #878787 !important; }
.leaderboard .nav-tabs .nav-item .nav-link.active { color: #36454f !important; }

.panel .panel-heading { background-color: #fe0398 !important; color: #fff !important; }
.panel .panel-heading:after{ color:#fff !important;}
.team-list .panel .panel-heading{ background-color:#fff !important; color:#000 !important;}
.team-list ul li a, .sub-panel .panel-heading small{ color:#000;}

.list-container .list-image .list-image-wrapper, 
.page-title-bar .list-container .list-image .list-image-wrapper { border-color: #fe0398 !important; }

@media (max-width:1280px)
{
	.topbarnav li a{ font-size:16px; padding: 0 8px;}
}

@media(max-width:1199px) and (min-width:992px) 
{
	.mainheader .container { max-width: 100%; }
	.topbarnav li a{ font-size: 14px; padding: 0 5px;}
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-size: 14px; padding: 10px 12px; letter-spacing: 0;}
	.drop-arw{ right: 0;}
	.drop-arw:after{ top: calc(50% + 6px);}
	.headSos{ bottom: 0;}
}

@media (max-width:991px)
{
	.navbar-collapse{ width: /*350px*/ 100%;  left: 100%; padding: 0px; background: #1d4354;}
	.navbar-toggler{ right: 40px; position: absolute; background: transparent !important;}
	.navbar-toggler i.fa-solid.fa-bars { color: #fff; }
	.navbar-toggler.menuclose { right: 10px; top:0; }
	.navbar-toggler.menuclose i.fa-solid.fa-xmark { color: #fff !important; font-size: 28px; }
	.nav-item.dropdown .dropdown-menu {     background-color: #000 !important; }
	ul.navbar-nav.menu_sec{ display: block;}
	.mobileshow{display: block; margin-bottom: 0; padding-right:90px; font-size: 17px;  padding: 8px;}
	button.navbar-toggler { background: #1d4354 !important;  height: 40px; width: 40px;}
	.navbar-toggler i.fa-solid.fa-bars{ font-size: 28px; line-height: 1;}
	.footerbottom{ display: block;}
	.headSos{top: 50%; transform: translateY(-50%); bottom: auto;}
}

@media (max-width:575px) 
{
    .details-body #leaderboard .nav-tabs .nav-item { width: 50% !important; }
}

@media (max-width:420px) 
{
	.mobileshow{ display: none;}
}

/* new design */
.custom-header{ width:100%; position:relative; z-index:999; }
.header-top{ background:#000; padding:18px 0; }
.header-flex{ display:flex; align-items:center; justify-content:space-between; position:relative; }
.header-logo img{ max-width:600px; width:100%; }
.header-right{ text-align:right; }
.event-btn-wrap{ margin-bottom:18px; }
.event-btn{ display:inline-block; padding:12px 24px; border:3px solid #fff; border-radius:50px; color:#fff; text-decoration:none; font-size:22px; font-family:'Permanent Marker',cursive; transition:0.4s; letter-spacing:1px;  background: #fe0398; line-height: 1.2;}
.event-btn:hover{ background:#7bbbf0; border-color:#fff; color:#fff; }
.event-btn span { font-size: 19px; }
.social-icons{ list-style:none; }
.social-icons li{ display:inline-block; margin-left:3px; }
.social-icons li a{ width:54px; height:48px; display:flex; align-items:center; justify-content:center; background-image:url('../images/social-bg.png'); background-size:cover; background-position:center; color:#000; font-size:20px; transition:0.4s; }
.social-icons li a i{position: relative; left: -4px; top: 2px;}
.social-icons li a:hover{ color:#fe0398; transform:translateY(0px); }
.main-menu{ list-style:none; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; background: rgba(0, 0, 0, 0.47); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(8.2px); padding: 0 6px;}
.main-menu li{ margin:0 12px; }
.main-menu li a{ display:block;   font-family: "Poppins"; font-size: 18px; text-decoration:none; text-transform:uppercase; font-weight:400; color:#fff;  padding:18px 0; position:relative;}
.main-menu li a::after{ content:''; position:absolute; left:0; bottom:15px; width:0; height:3px; background:#fe0398; transition:0.4s; }
.main-menu li a:hover::after{ width:100%; }
.mobile-toggle{ display:none; background:none; border:none; color:#fff; font-size:30px; cursor:pointer; }
.mobile-menu{ position:fixed; top:0; left:-360px; width:350px; height:100%; background:#1d4354; z-index:99999; padding:0px; transition:0.4s; overflow:auto; }
.mobile-menu.active{ left:0; }
.mobile-menu ul{ list-style:none; margin-top:0px; }
.mobile-menu ul li{ margin-bottom:0px; padding: 0 18px;}
.mobile-menu ul li.active{ background-color: #fe0398;}
.mobile-menu ul li a{ color:#fff; text-decoration:none; text-transform:capitalize; font-size:16px; line-height: 40px; height: 40px;}
.footer-logo{ display: block; text-align: center; margin-bottom: 35px;}
.footer-logo img{ width: 100%; max-width: 450px;}

@media(max-width:1250px)
{
	.header-logo img{ max-width: 500px;}
	.main-menu li a{ font-size: 16px;}
}

@media(max-width:1199px)
{
	.header-logo img{ max-width: 400px;}
	.main-menu li a{ font-size: 15px;}
	.main-menu li { margin: 0 7px; }
}

@media(max-width:991px)
{
	.header-right{ display:none; }
	.main-menu{ display:none; }
	.mobile-toggle{ display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); background: #fe0398; border-radius: 5px; width: 55px; height: 55px; line-height: 55px;}
	.header-logo img{ max-width:350px; }
	.page-header{ padding-bottom: 0;}
}

@media(max-width:575px)
{
	.header-logo img{ max-width:200px; }
	.mobile-menu{ width: 250px; left: -250px;}
}