body::after, .page-wrapper::after { height: 0px; }
.close-mini-cart { display: none; }
.mini-cart button.dropdown-toggle .cart-counter { top: -12px; right: 0; left: inherit;   background: #d10000 !important;   padding: 0px !important;   width: 14px;   height: 14px;   line-height: 14px;   color: #fff !important;   font-size: 8px !important;   position: inherit; }
.mini-cart .dropdown-menu {   left: inherit !important;   right: 0px !important; }
.headLogo {    width: 100%;   display: inline-block;   text-align: center; }
.container {   max-width: 1468px !important;   padding: 0 20px; }
.page-header {   position: relative;   top: 0px;   left: 0px;   float: left;   background: none;   z-index: 11;   min-height: auto;   border-bottom: 1px solid #fff;   background-image: url('../images/banner.webp');   background-size: cover;   background-position: center;   background-repeat: no-repeat;   background: #0d1f2e; }
.page-header::after{ content: ''; position: absolute; }
.logo img {   width: 89.73px; height: 85px;   max-width: 100%; }
.mainheader {   padding: 20px 0; }
.navbar-nav a,
.navbar-collapse .navbar-nav .nav-item .nav-link {  font-size: 24px;   padding:5px;   color: #fff;     display: inline-block;   line-height:1.5;   text-transform: inherit;   text-transform: uppercase;   font-weight: 700; font-family: "Merriweather", serif;}
.navbar-collapse .navbar-nav .nav-item .nav-link:hover {   color: #fff; }
.navbar-nav li.nav-item.actv a {   color: #7abe43;   background: none; }
.drop-arw:after {   border-top: 5px solid;   border-right: 5px solid transparent;   border-bottom: 0;   border-left: 5px solid transparent; }
.drop-arw::after {   border: none !important;   content: '\f107';   font-family: 'Font Awesome 5 Free';   font-size: 0.7em;   z-index: 1;   font-weight: 900; }
.drop-arw {   position: relative;   top: 2px;   font-size: 21px; }
.navbar-nav {   padding-right: 0px;  padding-top: 4px;}
.navbar-nav li.nav-item {   margin: 0px 20px; }
.nav-item.dropdown .dropdown-menu {   background: #04af14 !important;   border: none;   min-width: auto; }
.navbar-nav a:hover {   color: #7abe43; }
.headTopBtn {   width: auto;   position: absolute;   top: 0px;   right: 0px;   z-index: 1; }
.navbar {   padding: 0px !important;   margin-top: 0px; }
.navbar-collapse {   margin-left: 0; }
.navbar-nav li.nav-item:hover>a {   color: #fff; text-decoration: underline; }
.headSos {   position: absolute;   top: 0px;   right: 15px;   z-index: 1; }
.headSos li {   display: inline-block;   margin-left: 5px; }
.headSos li a.linkbtn, #cartDropDown {   width: auto;   height: auto;   background: none !important;   display: inline-block;   border-radius: 0;   padding: 0px !important;   display: flex;   align-items: center;   justify-content: center;   border: none;   box-shadow: none !important; }
.mini-cart button.dropdown-toggle {   margin: 0px !important; }
.headSos li a:hover,
.headSos li a.linkbtn:hover,
.mini-cart .dropdown-menu {   left: inherit !important;   right: 0 !important; }
.headerTop {   width: 100%;   background: #fff;   padding: 4px 0; }
.headerTopIn {   display: inline-block; }
.socials-list li {   display: inline-block;   margin-left: 5px; }
.socials-list li a {   width: 24px;   display: inline-block; }
.socials-list li a img {   max-width: 100%; }
.headerTopIn {   display: flex;   width: 100%;   justify-content: space-between; }
.headSos {   position: relative;   top: 0px;   right: inherit;   z-index: 1;   display: flex;   align-items: center; }
.linkbtn img {   width: 28px; }
.navbar-nav li.nav-item.menu-none-d {   display: none; }
.headRt li .sos-item {   font-size: 21px;   color: #fff; }
.headRt li .sos-item:hover {   color: #001034 !important; }
.headRt li.list-lock .sos-item {   font-size: 18px; }
.headRt li.list-cart .sos-item {   font-size: 18px; }
.headRt li {   display: inline-block; color: #000000;   font-size: 13px;   margin: 0 3px; }
.headRt {   width: auto;   display: flex;   align-items: center; }
.headRt li a {   color: #000;   font-weight: bold; }
.mainheader .menu_sec .dropdown-menu li a {   text-decoration: inherit;   text-transform: uppercase;   width: 100%;   /*line-height: 21px;   padding: 15px;   font-size: 16px; */ text-align: center; }
.mainheader .menu_sec .dropdown-menu li {   border-bottom: 0px solid #7abe43;   margin: 0px !important;   line-height: 20px;   position: relative; }
.mainheader .menu_sec .dropdown-menu li:last-child {   border: none; }
.mainheader .menu_sec .dropdown-menu li a:hover { /*   background: #0f1c3a; */ text-decoration: underline;}
.navbar-nav li.nav-item:hover .dropdown-menu li a {   color: #fff !important; }
.page-header.fixed {   position: fixed;   background: #0f1c3a;   border-color: #7abe43; }
.drop-arw.test {   position: absolute;   top: 14px;   font-size: 21px;   right: 30px; }
.page-footer {   width: 100%;   float: left;   background: #000000;   padding: 0px;   color: #fff;   font-size: 14px;   line-height: 27px;   font-family: 'Montserrat'; }
.foot-priv li {   display: inline-block;   margin-right: 14px; }
.foot-priv li a {   color: #7abe43; }
.foot-priv li a:hover {   color: #fff; }
.footTopIn h2 {   color: #000;   text-align: center;   line-height: 1.35em;   font-size: 40px;   padding-bottom: 20px;   margin: 0px; }
.footTopIn {   padding: 15px 0; text-align: center;   display: flex;   justify-content: space-between; }
.footTopIn p {   text-align: center; line-height: 1.8;   font-size: 14px;   margin-bottom: 0px !important;   display: flex;   flex-wrap: wrap;   align-items: center;   justify-content: center; }
.footTopIn p a {   color: #7abe43;   text-decoration: underline !important; }
.footTopIn p a:hover {   color: #fff;   text-decoration: underline !important; }
.powered-by-container p,
.privacy li,
.textPara p {   text-align: center;   line-height: 1.875em;   font-size: 14px;   color: #fff;   margin-bottom: 0px !important; }
.powered-by-container p a, .privacy li a {  color: #fff; }
.privacy li {   display: inline-block; }
.footerBottmInn {   text-align: center;   padding: 12px 0;   border-top: 1px solid #666;   margin-top: 0px; }
.fontsos li {   display: inline-block;   margin-left: 10px; }
.fontsos li img {   max-width: 100%; }
.fontsos li a {   display: flex;   color: #666666;   width: 32px;   height: 32px;   text-align: center;   align-items: center;   justify-content: center; }
.fontsos ul {   width: auto; text-align: center;   margin-bottom: 0px; }
.linkBtns {   color: rgb(255, 0, 0); border: 1px solid rgb(255, 0, 0);   display: inline-block;   font-size: 15px;   padding: 9px 20px;   border-radius: 30px;   margin: 20px 0 0; }
.fontsos li a:hover {   opacity: 1; }
.linkBtns:hover {   background: rgb(255, 0, 0);   color: #666666; }
.footmobTop {   padding-bottom: 40px;   display: none; }
.footTopIn li {   display: inline-block; }
.fontsos li a {   width: 24px;   height: 24px;   color: rgba(255, 255, 255, 1);   display: flex;   justify-content: center;   font-size: 20px;   align-items: center;   position: relative; }
.powered-by-container p a:hover,
.privacy li a:hover {   color: #fff !important; }
.text-mob {   display: none; }
.logo-image {   margin-left: 16px !important; }
.backTops {   background: #170973 !important; border: none;   width: 30px;   height: 30px;   font-size: 18px;   border-radius: 100px;   color: #fff;   right: 75px;   bottom: 44px;   cursor: pointer;   position: fixed;   visibility: hidden; }
.bansec img {   width: 100%;   height: 635px;   object-fit: cover; }
.navbar-nav a em {   font-style: normal; }
.bansec {   width: 100%;   position: relative; }
.bansec img {   width: 100%; }
.bansec::before {   position: absolute;   top: 0;   width: 100%;   content: "";   height: 100%;   left: 0;   background: rgba(0, 0, 0, 0.43); }
.footLogo img {   max-width: 106px; }
.footMenu li a {   color: #fff;   font-size: 16px; }
.footMenu li a:hover {   color: #888 !important; }
.footMenu {   margin-top: 30px; }
.footMenu li {   display: inline-block;   margin: 5px; }
.headSos {   position: relative;   top: 0;   right: 0px; }
.headSos li {   display: inline-block;   margin-left: 5px; }
.headSos li.soslst a,
.headSos li a.linkbtn,
#cartDropDown {   width: 30px;   height: 30px;   background: none;   display: inline-block;   border-radius: 100%;   color: #fff;   padding: 0px !important;   font-size: 21px !important;   display: flex;   align-items: center;   justify-content: center;   box-shadow: none !important;  border: 3px solid #fff; }
.mini-cart button.dropdown-toggle {   margin: 0px !important; }
.headSos li a:hover,
.headSos li a.linkbtn:hover,
#cartDropDown:hover {   background: none; }
#cartDropDown {   position: relative;   top: 1px; }
.mini-cart button.dropdown-toggle .cart-counter {   color: #fff !important;   top: 0px;   right: 0;   left: inherit;   background: #7abe43 !important; padding: 0px !important;   width: 14px;   height: 14px;   line-height: 14px;   font-size: 10px;   position: absolute; }
.navbar-nav li.nav-item {   color: #fff; }
.navbar-nav li.nav-item:hover .drop-arw {   color: #fff; }
.navbar-nav li.nav-item:hover .dropdown span.dropdown-toggle.drop-arw {   color: #fff; }
.footTop {   padding: 20px;   padding-top: 32px; }
.page-footer {   background: #0d1f2e;   border-top: 0px solid #7abe43; }
.fologo {   max-width: 180px;   display:block; text-align: center; margin: auto; padding-top: 30px;}
.fologo img {   max-width: 100%; }
.footTop h5 {   font-weight: 900; font-size: 18px; font-family: "Merriweather", serif;   color: #ffffff;   position: relative;   text-transform: uppercase;   padding-bottom: 20px; margin-bottom: 24px;}
.footTop h5:before {   max-width: 43px;   content: "";   height: 2px;   position: absolute;   bottom: 0px;   left: 0px;   background: #04af14;   width: 100%; }
.footTop ul {   margin-top: 10px; }
.footTop p {   font-weight: 400; font-size: 16px;  font-family: "Merriweather", serif;    color: #fff;   line-height: 1.5;   margin-top: 20px; }
.footTop .footbox3 a, .footTop .footbox4 a, .footTop .footbox5 a{ display: block; text-decoration: none; font-weight: 400; font-size: 16px;  font-family: "Merriweather", serif; color: #fff;   line-height: 1.5;   margin-top: 0;}
.footTop a:hover{text-decoration: underline;}
.footTop p strong,
.footTop p a {   color: #fff; }
.footerBottm {   width: 100%;   border-top: 0px solid #7abe43;   padding: 22px 0; }
.privacy li, .textPara p, .copyright p {   font-weight: 300;   font-size: 14px;    font-family: open-sans-condensed, Verdana, Arial, sans-serif;   color: rgba(255, 255, 255, 0.8);   letter-spacing: 1px;   text-transform: uppercase; }
.copyright .powered-by-container p {   letter-spacing: 0px;   text-transform: capitalize; }
.powR img {   max-width: 150px; }
ul.footsos { display: block; margin-top: 20px;  }
.footsos li {   display: inline-block; margin:10px; vertical-align: middle;}
.footsos li a { /*  height: 36px;   width: 36px; background: #7abe43;   color: #ffffff; */   text-align: center;   display: flex;   align-items: center;   justify-content: center;      font-size: 48px; }
.footsos li a i.fa-brands.fa-square-facebook{ color:#148aff;}
.footsos li a i.fa-brands.fa-square-instagram { color: #f709ff; }
.footsos li a i.fa-brands.fa-youtube{ color: #ff0000;}
.footsos li a i.fa-brands.fa-square-twitter{ color: #148aff;}
.footsos li a i.fa-brands.fa-google-plus-g{ background-color: #ffb114; color: #000; font-size: 26px; border-radius: 4px; padding: 8px 7px;} 


@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;   padding: 10px 30px !important;}
  .nav-item.dropdown:hover .dropdown-menu {     display: block !important;     opacity: 1;     transform: initial;     pointer-events: all;     transform: translateY(0px) !important;   }
  .mainheader .menu_sec .dropdown-menu {     width: 380px;     background: #170973;     display: none;     font-size: 15px;     position: absolute;     z-index: 999;     left: 10px;     border: none;     margin: 0px;     padding: 0px !important;   }
  .nav-item.dropdown:hover .dropdown-menu .dropdown .sub-dropdown-menu {     left: inherit;     right: 320px;     top: -1px;     display: none !important;   }
  .nav-item.dropdown .dropdown-menu .dropdown:hover .sub-dropdown-menu {     display: block !important; }
  /* .navbar-nav li.nav-item:last-child .dropdown-menu {   right: 0px;   left: inherit; } */
  .navbar-nav li.nav-item:last-child .dropdown-menu{  width: 250px;}
}

@media(max-width:992px) and (min-width:9000px) 
{
  .menuclose {     display: none; }
}

/* theme */
.page-body .page-title-bar { background-color: #09365d !important; margin-top: 0;}
.page-body .page-title-bar .page-bar-title { color: #fff !important; }
.details-body .page-body .page-title-bar { background-color: #e2e2e2 !important; }

#minicart_sidebar_btn, .adcartBtn, .intercom-lightweight-app-launcher{ background: #0f1c3a !important;}
#minicart_sidebar_btn:hover, .inputForm .adcartBtn:hover{ background: #0f1c3a !important; color:#fff !important;}
.intercom-lightweight-app-launcher:hover{background: #0f1c3a !important;}
.minicart_sidebar img, .intercom-lightweight-app-launcher svg { filter: brightness(0) invert(1) !important; }
.popLogo{ background:#0f1c3a !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, .panel .panel-heading,
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: #0f1c3a !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,
button.btn.location-btn:hover{ background-color:#09365d !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: #0f1c3a !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: #0f1c3a !important; }


.filter-bar .btn{ padding:7px 11px;}

@media(max-width:1199px) and (min-width:992px) 
{
	.filter-bar .btn{ padding:7px;}
}
@media(max-width:991px) and (min-width:768px) 
{
	.filter-bar .btn{ padding:6px 2px;}
}

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


@media screen and (max-width:1199px) 
{
  .cmspages p,   .cmspages li,   body {     font-size: 14px;   }
  .navbar-nav li.nav-item {     font-size: 17px;   }
  .navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-size: 20px;}
  .navbar-nav li.nav-item { margin: 0px 15px; }
  .footTop p, .footTop .footbox3 a, .footTop .footbox4 a, .footTop .footbox5 a{ font-size: 14px;}
}

@media screen and (max-width:991px) 
{
  .navbar-toggler {     width: 40px;     height: 50px;     background: transparent !important;   }
  .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 .navbar-nav {     padding: 0px;   }
  .navbar-nav a,
  .navbar-collapse .navbar-nav .nav-item .nav-link {     width: 100%;   }
  .drop-arw {     top: 0;     position: absolute;     right: 0;     width: 20px;     height: 45px;     display: flex;     align-items: center;     justify-content: center;     cursor: pointer;   }
  .page-header {     z-index: 111;   }
  .page-header {     padding: 3vw;   }
  .footTop .col-md-2, .footTop .col-md-3 {     -webkit-box-flex: 0;     -ms-flex: 0 0 100% !important;     flex: 0 0 100% !important;     max-width: 100% !important;     text-align: center;   margin: 10px 0;}
  ul.footsos{ margin-top: 0;}
  .fologo, .footerBottm{ padding-top: 0;}
  .footTop{ padding-top: 20px;}
  .footTop h5::before {     transform: translateX(-50%);     left: 50%;   }
  .powered-by-container {     display: flex;     justify-content: center;     flex-direction: column;     text-align: center;   }
  .page-header {     padding: 0px;   }
  .headSos {     position: absolute;     top: calc(50% - 15px);     right: 124px;   }
  .navbar-light .navbar-toggler {     color: #fff;     border-color: rgba(0, 0, 0, .1);     border: none !important;     font-size: 31px !important;   }
  .navbar-toggler {     width: auto;     display: flex;     align-items: center;     flex-direction: row-reverse;     gap: 11px;   }
  .navbar-toggler span {     font-size: 21px;     font-weight: 900;   }
  .navbar-collapse {     position: fixed;     width: 100%;     height: 100%;     top: 0;     left: 0;     background: #0f1c3a;     z-index: 99999;     overflow-y: auto;     overflow-x: hidden;     visibility: hidden;     opacity: 0;     -webkit-transform: scale(0.9);     transform: scale(0.9);     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;     transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;     border: none;   }
  .navbar-collapse.show {     visibility: visible;     opacity: 1;     -webkit-transform: scale(1);     transform: scale(1);     -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;     transition: transform 0.4s, opacity 0.4s;     transition-duration: 0.4s, 0.4s;   }
  .menuclose {     position: absolute;     top: 20px;     right: 20px;     color: #7abe43 !important;   }
  .navbar-collapse .navbar-nav {     text-align: left;     position: relative;     top: 50%;     width: 80%;     height: 60%;     margin: 0 auto;     margin-top: 0px;     -webkit-transform: translateY(-50%);     transform: translateY(-50%);     margin-top: 40px;   }
  .navbar-nav li.nav-item {     position: relative;   }
  .drop-arw::after {     line-height: 0px;   }
  .nav-item.dropdown .dropdown-menu {     background: none !important;     border: none;     min-width: auto;     margin: 0px;     padding: 0px;   }
  .drop-arw.test {     position: absolute;     top: 2px;     font-size: 21px;     right: 13px;     color: #fff;   }
  .nav-item.dropdown .dropdown-menu {     display: none !important;   }
  .nav-item.dropdown .dropdown-menu.show {     display: block !important;   }
  .mainheader .menu_sec .dropdown-menu li a{ padding-left: 20px; text-align: left; font-size: 18px;}
}

@media screen and (max-width:767px) 
{
  .container {     max-width: 100%;   }
  .close-mini-cart {     display: block;     position: absolute;     top: 0px;     right: 0px;   }
  .copyright .col-md-4 {     text-align: center !important;   }
}

@media screen and (max-width:480px) 
{
  .fologo {     max-width: 143px;     display: inline-block;   }
  .navbar-collapse .navbar-nav {     width: 95%;   }
  .bansec img {     height: 400px;   }
}


