body::after, .page-wrapper::after {height: 0px;}
.logo-nav { display: inline-block; }
.logo-nav img { max-width: 100%; position: relative; }
.mainheader{ padding: 0px;}
.navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a { padding:  7px 0px; color: #1b1b1b !important; font-family: "Bitter", serif; font-weight: 700; font-size: 16px; line-height: 1.5; margin: 0px 10px; position: relative; text-transform: capitalize !important; letter-spacing: 1px;}
.nav-item.dropdown .dropdown-menu li a{ width: 100%; display: inline-block;padding:  0.25rem 1rem; margin: 0px !important; text-transform: uppercase;}
.nav-item.dropdown .dropdown-menu li a:hover{ color: rgb(1,0,254); }
.dropdown-toggle::after { border-top: 4px solid; border-right: 4px solid transparent; border-bottom: 0;   border-left: 4px solid transparent;   position: relative;   top: 2px; margin-left: 5px; }
.navbar-nav li.nav-item.show .dropdown-toggle::after{ transform: rotate(180deg);}
.navbar-collapse .navbar-nav .nav-item.nav-itemdsh .nav-link:before{ transform: translateY(-50%);background-color: rgb(247, 247, 247); width: 0.5em; height: 2px; margin-right: 0.5em; display: inline-block; content: ""; position: absolute; top: 50%; left: 0px;}
.arwnon:after{ display: none !important;}
.navbar-collapse .navbar-nav .nav-item .nav-link.arwnon{ color: rgba(0,0,0,1)}
.navbar-nav li.nav-item.moremenu .dropdown-menu li a{ color: #212529 !important;}
.navbar-nav li.nav-item.moremenu .dropdown-menu li a.dropdown-toggle{ background-color: #E9ECEF;}
.navbar-nav li.nav-item.moremenu .dropdown-menu li.dropMenu .dropdown-menu{ padding: 0px !important; margin: 0px !important; border: none !important; border-radius: 0px;max-height: inherit;   min-width: 100% !important;position: relative !important;   top: inherit !important;}
.drop-arw:after{ border: none; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #fff;}
.drop-arw{ top: 14px; position: absolute; right: 4px;}
.navbar-nav li.nav-item { margin: 0px; padding: 0px; }
.mainheader .navbar{ background:none; min-height: auto; padding: 0 !important;}
.navbar-nav a:hover{ color: #ccc;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar-collapse { margin-left: 30px; }
.menu_secRt{ padding-right: 102px;}
/*Header*/  
.page-footer{ width:100%; float: left; background:rgb(22, 22, 22); padding: 32px 0;}
.footBtm{ width: 100%; padding-top: 30px; text-align: center;}
.privacy li{ display: inline-block;}
.container{ max-width: 1280px !important;}
.footTop{ width: 100%;}
.footTop p a{ color: rgb(127, 128, 128); text-decoration: underline;}
.page-footer p, .page-footer li{ color: rgb(247, 247, 247); font-size:14px; line-height:20px; font-family: 'Helvetica'; }
.page-footer p a, .page-footer li a{ color: #fff; font-size: 14px; }
.privacy{ text-align: center;}
.footMenu li a{ display: inline-block; padding: 1px 0; color: #fff; font-size: 1rem;}
.footMenu li a:hover, .page-footer p a:hover, .page-footer li a:hover { color: rgb(191, 191, 191) !important; }
.me-2{ width: 23px !important; text-align: left !important;}
.footTop{ width: 100%;}
.footTop{ text-align: center; color: rgb(247, 247, 247);}
.page-footer .container{ width: 80%;}
.footBotm{ width: 100%; border-top:1px solid #2c2a60; padding: 15px 0 0;}
.termCon p{ color: #666;}
.termCon p a{ color: #FFFFFF !important; transition: color 300ms ease 0ms; font-size: 14px; font-weight: 400;}
.powered-by-container, .termCon{ text-align: center;}
.footLogo{ display: inline-block; max-width: 130px;}
.footLogo img{ max-width: 100%;}
.footBox{ padding-right: 5.5%;}
.banner{ width: 100%; position: relative;}
.banner img{ width: 100%; height: 470px; object-fit:cover;}
.banner:before{ width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; content: ""; background: rgba(0,0,0,0.4);}
.closMenu{ display: none;}
.overlay.shows{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.3;}
.navbar-collapse .navbar-nav .nav-item.active .nav-link, .navbar-collapse .navbar-nav .nav-item .nav-link:hover {   color: rgb(1,0,254); }
.et_pb_blurb_content{   display: flex;   flex-wrap: wrap; }
.et_pb_blurb_container{   padding-left: 15px;flex: 1; }
.et_pb_blurb_content p{ font-weight: 500;}
.blRow{ width: 100%;}
.goglLogo{ width: 100%; display: inline-block;}
.goglLogo img{ max-width: 100%; margin-bottom: 20px;}
.goglLogo p{ color: #666;   line-height: 1.7em;   font-weight: 500; padding: 0 10px;}
.followRow{ width: 100%;}
.followRow p{ color: #666;   line-height: 23px;   font-weight: 500; font-size: 1.25rem;}
.footSos li{ display: inline-block; margin: 4px;}
.footSos li a{ height: 32px; width: 32px; border: 1px solid #9d9d9d; border-radius: 100%; color: #2c2a60; font-size: 16px; background: none;display: flex;   justify-content: center;   align-items: center;}
.footmenu li a{ color: #9d9d9d !important; font-size: 1rem; line-height: 2.6em; font-weight: 500;}
.hedSos li{ display: inline-block; margin-right: 3px; position: relative;}
.hedSos{ width: 20.875%;}
.hedSos li a, .headSos li a.linkbtn, #cartDropDown {   height: 32px;   width: 32px;   border: 1px solid #fff !important;   border-radius: 3px;   display: flex;   align-items: center;   justify-content: center;   color: #fff; background: none !important; }
.hedSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ color: hsla(0,0%,100%,.7) !important; border-color: #fff !important;}

.hederTop{ background-image: linear-gradient(180deg,rgba(0,0,0,0.7) 16ex,rgba(255,255,255,0) 16ex) !important; padding: 10px 0;}
.mainheader{ padding: 3rem 2rem !important;}
.navbar-nav li.nav-item{ color: #FFFFFF !important; position: relative;}
.mainheader .container{ max-width: 100% !important; width: 100%;}
.droparw {   position: absolute;   right: 12px;   top: 17px; }
.nav-item.dropdown .dropdown-menu li a{ font-size: 1em; text-transform: capitalize; padding: 6px 20px; line-height: 27px;}
.nav-item.dropdown .dropdown-menu li{ text-align: left; padding: 0 20px;}
.menu_sec li a{ position: relative; color: #fff; font-size: 16px; font-family: "Bitter", serif; padding-left: 30px; font-weight: bold;} 
.menu_sec li a span::before {   content: "";   width: 0.5em;   height: 2px;   background: #1b1b11;   display: inline-block;   position: absolute;   top: 50%;   left: -15px;   transform: translateY(-50%); display: none }
.menu_sec li a:hover span::before{ opacity: 0.5;}
.menu_sec li a span{ position: relative; display: inline-block; padding-left: 0px;}
.navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a{ padding: 10px 12px !important;}
.navbar-nav li.nav-item.actv a span:before{ display: block;}
.navbar-collapse .navbar-nav .nav-item .nav-link:hover, .nav-item.dropdown .dropdown-menu li a:hover{ opacity: 0.5;}
.logo-nav{ max-width: 240px; width: 100%; margin: 0px auto;}
.navbar-collapse {   margin-left: 0;   justify-content: space-between !important; }
.hedSos {   width: auto; }
.navbar-collapse .navbar-nav .dropdown-toggle::after { content: ""; display: inline-block; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; border-top: 0 !important; border-left: 0 !important; background: none !important; transform: rotate(45deg); margin-left: 5px; vertical-align: 5px; transition: transform 0.25s ease; }
.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after { transform: rotate(225deg); vertical-align: 1px; }
.nav-item.dropdown .dropdown-menu {     min-width: 200px !important;     text-align: center;     padding: 0px;     border-radius: 0rem;     border: none;     border-top-width: medium;     border-top-style: none;     border-top-color: currentcolor;     background: rgb(36, 36, 36);     transform: 0px !important;     left: 0px;     border-top: none !important;     padding: 20px;   }

.hederTopIn .lftLogo{ width: 20.875%;}
.page-header.fixed .lftLogo.d-none{ display: block !important;}
.lftLogo { min-width: auto; display: flex;   align-items: center;   width: 300px;   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%); }
.lftLogo span{ font-size: 18px; margin-left: 46px;}
.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: #011c5b !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{ padding: 15px !important;}
span.select2.select2-container.select2-container--default { width: 100% !important; }
.layout-small.list-container .list-details .list-details-left { max-width: 100%;}
.col-6.division_range, .col-6.division_range_price { max-width: 100%; flex: 0 0 100%; }
.col-6.division_range_price .list-cost{ margin-top: 10px !important;}
.list-container .list-details .list-details-left .list-title{ line-height: 1.2; padding-bottom: 10px;}

.custom-select-wrap { position: relative; width: 100%; }
.custom-select-menu { position: absolute; left: 0; right: 0; top: 100%; z-index: 99999; background: #fff; border: 1px solid #999; max-height: 260px; overflow-y: auto; display: none; }
.custom-select-menu.open { display: block; }
.custom-select-item { padding: 6px 12px; white-space: normal; overflow-wrap: break-word; word-break: break-word; cursor: pointer; }
.custom-select-item:hover { background: #eee; }

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,
.btn.btn-warning
{ background-color: #011c5b !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,
.btn.btn-warning: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: #011c5b !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:#011c5b;}

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

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

@media(min-width:992px)
{
  .nav-item.dropdown .dropdown-menu { display: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity 0.2s ease, transform 0.2s ease; }
  .nav-item.dropdown.show .dropdown-menu { display: block !important; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
  .nav-item.dropdown .dropdown-menu{ min-width: max-content !important; text-align: center;  border: none; background: #fff !important; transform: 0px !important; left: auto; right: 0;  padding: 20px 0;}
  .nav-item.dropdown .dropdown-menu a{ padding: 0.25rem 1rem;}
  .dk-none, .m-block{ display: none !important;}
}

@media(max-width:992px) and (min-width:9000px) 
{
  .navbar-collapse .navbar-toggler{ display: none;}
  .desk-none{ display: none !important;}
}

@media (min-width: 1900px) and (max-width: 9000px) 
{
  .navbar-nav li.nav-item.dd-none{ display: none;}
}

@media (min-width: 1500px) and (max-width: 1899px) 
{
  .navbar-nav li.nav-item.mm-none{ display: none; }
}

@media (min-width: 1300px) and (max-width: 1499px) 
{
  .navbar-nav li.nav-item.mm-none{ display: none; }
}

@media (min-width: 992px) and (max-width: 1399px) 
{
  .navbar-nav li.nav-item.mm-none{ display: none; }
  .nav-item.dropdown .dropdown-menu{ right: 0px; left: inherit;}
}

@media screen and (max-width:1599px)
{
  .navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a{ font-size: 14px !important;}
  .navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a {   padding: 10px 6px 10px 10px !important; }
}

@media screen and (max-width:1400px)
{
  .navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a { padding: 5px  !important; font-size: 13px !important;}
}

@media screen and (max-width:1300px)
{
  .page-header .container {   width: 100%; }
  .navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a { padding: 5px  !important; font-size: 13px !important; margin: 0 5px !important; letter-spacing: 1px !important;}
}

@media screen and (max-width:1199px)
{
  .cmspages p, .cmspages li, body{ font-size: 14px;}
  .footTop .col-md-3{ -webkit-box-flex: 0;     -ms-flex: 0 0 50%;     flex: 0 0 50%;     max-width: 50%;}
}

@media screen and (max-width:1100px)
{
  .navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a { padding: 5px  !important; font-size: 12px !important; margin: 0 5px !important; letter-spacing: 0.8px !important;}
}

@media screen and (max-width:991px)
{
  .navbar-toggler{ width: 43px; height: 47px; background: none;}
  .navbar-toggler img{ max-width: 100%;}
  .tgl img{ opacity: 0.8;}
  .navbar-toggler .icon-bar{width:100%;height:2px;background:#1b1b1b; display:block;border-radius:10px;float:left;-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:6px 0 0;}
  .navbar-toggler .icon-bar:nth-child(1){ width: 100%;}
  .navbar-toggler.showactv .icon-bar:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); width: 100%;}
  .navbar-toggler.showactv .icon-bar:nth-child(2){opacity:0;}
  .navbar-toggler .icon-bar:nth-child(3){ width: 100%;}
  .navbar-toggler.showactv .icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); width: 100%;}
  .navbar-toggler.showactv .icon-bar{margin:1px 0 !important;}
  .navbar-collapse{ position:absolute;top:100%;right:0 !important; left:inherit; background:#fff; border:none;margin:0px;z-index:111; transition: all 0.3s ease; width: 100%;}
  .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; padding: 10px 0;}
  .container {   max-width:720px !important; }
  .navbar-toggler {     width: 35px;     height: 47px;     background: none;     border: none !important;    position: absolute;     right: 0px;     top: 1px;    }
  .mainheader .navbar {   background: #fff;   min-height: auto; }
  .cls { position: absolute; top: 8px; right: 8px;}
  .navbar-collapse .navbar-nav .nav-item .nav-link{ align-items: center;   justify-content: space-between; display: flex;}
  .nav-item.dropdown .dropdown-menu{ text-align: left; padding: 10px 0; border-radius: 0rem; border: 1px solid rgba(0,0,0,0,0.175); background: #fff !important;}
  .nav-item.dropdown .dropdown-menu a{ padding: 0.25rem 1rem;}
  .nav-item.dropdown .dropdown-menu{ overflow: auto;}
  .mainheader .navbar {     background: none;     min-height: auto;   }
  .navbar-toggler.showactv{ z-index: 2222;}
  .navbar-toggler.showactv .icon-bar {     margin: 2px 0 !important;   }
  .navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a{ margin: 0px;font-size: 16px;   line-height: 24px; padding: 12px 0; text-transform: uppercase;}
  .navbar-collapse .navbar-nav .nav-item .nav-link::after { display: none;}
  .navbar-collapse .navbar-nav {     padding: 0px;     width: 100%;   }
  .menu_sec.d-none{ display: block !important; }
  .navbar-toggler {     width: 39px;     height: 37px;     background: none;     border: none !important;     position: absolute;     right: 0px;     top: 5px;      background: none;     border-radius: 0px;     padding: 0 7px;   }
  .m-none{ display: none !important;}
  .navbar-toggler{position: relative;     right: 0px;     top: calc(50% - 5px); margin: 0; z-index: 1111; background-color: #fff !important;}
  .hedSos li.sos1con{ display: none !important;}
  .hedSos{ position: absolute; top: 0px; right: 0px;}
  .hederTop{ display: block !important; padding: 0px !important;}
  .hedSos {     position: absolute;     top: calc(50% - 6px);     right: 0px;     width: auto;     z-index: 1;   }
  .page-header .container {     width: 100%;     max-width: 100% !important;   }

  body.hide-scroll {   overflow-y: inherit !important; }
  .navbar-collapse {     position: fixed;     top: 0;     right: inherit !important;     left: -100%;     background: #fff;     border: none;     margin: 0px;     z-index: 111;     transition: all 0.3s ease;     width: 100%; display: block !important;  transition: all 0.3s ease; height: 100%; padding: 72px 40px !important;   }
  .navbar-collapse .navbar-nav {     padding: 0;   }
  .navbar-collapse.show{ left: 0px;}
  .navbar-collapse .navbar-nav .nav-item .nav-link {     background-color: none !important;   }
  .navbar-collapse .navbar-nav .nav-link, .nav-item.dropdown .dropdown-menu li a {     font-weight: 700;     font-size: 16px;     color: rgb(94, 94, 94) !important;     padding: 16px 24px;     border-bottom: none !important;     line-height: 36px; letter-spacing: 2px;   }
  .navbar-collapse .navbar-nav .nav-link:hover, .nav-item.dropdown .dropdown-menu li a:hover{ opacity: 0.5; color: rgb(171, 178, 178);}
  .navbar-collapse .navbar-nav .nav-item .nav-link, .navbar-nav li.nav-item a {   position: relative;  font-size: 19px !important;   line-height: 34px;   padding: 10px 20px !important; color: #1b1b11 !important; }
  .menu_sec li a span::before{ background-color: rgb(119, 119, 119); left: inherit; right: 0px;}
  .menu_sec li a span{ padding: 0 20px 0 0;}
  .lftLogo.d-none{ display: block !important;}
  body.hide-scroll .navbar-toggler{ padding: 0 8px 0 3px; position: absolute; right: -15px; top: -20px;}
	body.hide-scroll .navbar-toggler span:nth-child(1){ transform: translate(0, 2px) rotate(-45deg);}
	body.hide-scroll .navbar-toggler span:nth-child(2){ opacity:0;}
	body.hide-scroll .navbar-toggler span:nth-child(3){ transform: translate(0, -4px) rotate(45deg);}
  .logo-nav { max-width: 165px; }
  .mainheader { padding: 1rem 0 !important; }
}

@media screen and (max-width:767px)
{
  .container{ max-width: 100%;}
  .close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
  .footTop .col-md-3{ -webkit-box-flex: 0;     -ms-flex: 0 0 100%;     flex: 0 0 100%;     max-width: 100%;}
  .page-footer .container {   width: 90%; }
  .footBox {   padding-right: 0; }
  .footBox.text-left{text-align: center !important;}
  .et_pb_blurb_container{ text-align: left;}
  .footBox{ margin: 10px 0;}
  .goglLogo {   width: 100%;   display: inline-block;   max-width: 300px;   margin: 0px auto; }
  .footmenu{ text-align: center; margin-top: 20px;}
  .lftLogo { width: auto; }
  .layout-small.list-container .list-image { margin-right: 0px; margin-bottom: 10px; }
}

@media screen and (max-width:480px)
{
  .navbar-collapse{ padding: 72px 10px !important;}
}
@media screen and (max-width:400px)
{
    .hedSos{ top: calc(50% - 12px);}
    .mainheader { padding: 1rem 0 !important; }
}
