/*body { font-family: 'Poppins'; font-size: 16px; line-height: 25px; color: #000;}*/
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;}
/*Header*/ 
.page-header{position: relative; float: left; background: #fff; z-index: 1;}
.logo{ width: auto;}
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:20px 0;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link { padding: 5px 15px; color: #FFFFFF; font-family: 'Montserrat'; font-weight: 600; font-size: 16px; display: flex; line-height: 21px; text-transform: inherit; margin: 0px 0px; position: relative; flex-grow: inherit;text-transform: capitalize; justify-content: center; }
.navbar-nav a.nav-link:hover { color: #FFC300 !important; }

.navbar-nav .nav-item .nav-link:before{ content: ''; width: 100%; height: 0px; display: block; transition: all 0.3s ease; opacity: 0; display: block !important;position: absolute;  bottom: 0px; left: 0px; background:rgb(0, 0, 0); }
.navbar-nav .nav-item .nav-link:after{ content: ''; width: 100%; height: 0px; display: block; transition: all 0.3s ease; opacity: 0; display: block !important;position: absolute;  top: 0px; left: 0px; background:rgb(0, 0, 0); }
.navbar-nav .nav-item .nav-link:hover:before, .navbar-nav .nav-item .nav-link:hover:after{ opacity: 1;}
.logo-nav{ display: flex; align-items: center; }
.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: 0 0px;}
.nav-item.dropdown .dropdown-menu{ background: #090c45;}
.navbar-nav a:hover{ color: #ccc;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px;}
.navbar-collapse { margin-left: 50px;}

.headSos{ position: absolute; top: 12px; right: 0px;}
.headSos li{ display: inline-block; margin-left: 5px;}
.headSos li a.linkbtn, #cartDropDown{ width: 47px; height: 47px; background: #ffc300; display: inline-block; border-radius: 0px !important; color: #fff;padding: 0px !important; font-size: 14px !important; display: flex; align-items: center; justify-content: center; box-shadow: none !important;color: #FFFFFF; border-style: solid; border-width: 4px; border-color: #FFFFFF; border-radius: 30px 30px 30px 30px !important;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: #f4f7fa; color: #003566 !important;}
.navbar{ background: #001d3d; border-radius: 60px 60px 60px 60px;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); border: 6px solid #fff;}
.logo-nav{     width: 132px; margin: 8.5px 0; padding-left: 2px;}
.logo-nav img{ max-width: 100%;}
.navbar-collapse { margin-right:0px; justify-content: center !important; }
.headSos { position: relative; top: 0; right: 10px; }
.resosBtn{background: #ffc300;  font-weight: 500 !important; color: #FFFFFF; border-style: solid; border-width: 4px 4px 4px 4px; border-color: #FFFFFF; border-radius: 30px 30px 30px 30px; padding:8.7px 20px !important;     font-family: 'Poppins'; font-size: 15px; line-height: 1; transition: all .3s;}
.resosBtn:hover{ background: #f4f7fa; color: #003566 !important; transition: all .3s;}
 
/*Header*/  
.container{ max-width: 1170px !important;}    
.page-footer{ width:100%; float: left; background: #003566; padding: 55px 0 0;}
.footTop li{ display: inline-block; color: #fff; padding: 0; line-height: 16px; margin-bottom:10px;}
.footTop li a{ color: #fff;}
.quckMenu{ display: flex; align-items: flex-end;flex-direction: column;}
.quckMenu ul{ display: flex; flex-direction: column; }
.footBtm{ width: 100%; padding: 30px 0; text-align: center; background: #ffc300;}
.powered-by a, .powered-by, .privacy li, .footBtm p{ color: #000814; font-size: 16px;font-weight: 600; font-family: "Poppins", sans-serif;}
.privacy li{ display: inline-block;}
.privacy li a{ color: #000814;}
.fotMenu li, .copyTxt p{ width: 100%; font-size: 15px;}
.fotMenu li a{ color: #F4F7FA;  font-family: 'Montserrat';font-size: 16px; text-transform: none; font-style: normal; text-decoration: none; line-height: 1.5em; letter-spacing: 0px;     font-weight: 600;}
.fotMenu li a:hover{ color: #C8D5DC; }
.copyTxt { display: flex; flex-wrap: wrap; align-items: flex-end; }
.copyTxt p{ color: #fff; text-align: center; font-style: italic; padding-bottom: 0px; margin: 0px;}
.footSos li{ display: inline-block;}
.footSos li img { max-width: 100%; filter: brightness(0) invert(1); width: 55px; }
.footSos li.sos3icn img{ width: 45px;}
.footSos li.sos4icn img{ width: 45px;}
.footRt{ text-align: right;}
.footSos li { margin-left: 6px; width: 54px; text-align: center; }
.footBtm { width: 100%; padding-top:40px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 55px; }
.loclTxt img{ max-width: 100%;}
.footTop h6{ font-family: 'Poppins'; font-size: 22px; font-weight: 600; text-transform: capitalize; font-style: normal; text-decoration: none; line-height: 1.2em; letter-spacing: 0px;padding-bottom: 22px; color: #FFFFFF; }
.footprom { padding-right: 40px; }
.footprom p{ color: #fff; font-weight: 600; font-family: 'Poppins'; font-size: 16px; line-height: 1.5;}
.logo-nava{ max-width: 300px; display: inline-block;}
.logo-nava img{ max-width:100%;}

/**/
.page-body .page-title-bar { background-color: #eee !important; }
.navbar-toggler { background-color: transparent !important; }
.mini-cart button.dropdown-toggle .cart-counter:hover{ color:#222 !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: #ffc300 !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{  color:#003566 !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: #ffc300 !important; color: #fff !important; }
.panel .panel-heading:after{ color:#fff !important;}
.team-list .panel .panel-heading{ background-color:#fff !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: #ffc300 !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 3px;}
}

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

@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;}
}

@media screen and (max-width:1199px)
{
	.cmspages p, .cmspages li, body{ font-size: 14px;}
	.footprom { padding-right: 20px; }
	.quckMenu{align-items: flex-start;}
	.footBtm{ padding-top: 20px; margin-top:20px;}
	.page-footer{ padding:20px 0 0;}
	.footTop h6{ padding-bottom:10px;}
	.footBtm p{ line-height:1.5;}
	
}

@media screen and (max-width:991px)
{
	/*Menu*/
	.navbar-toggler{ width: 40px; height: 40px; background: none;}
	.navbar-toggler .icon-bar{width:100%;height:3px;background:#ffc300;display:inline-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:5px 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; width: 100%; top: 100%; left: 0px; margin: 0px; border: none;}
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ color: #003566 !important; font-family: "Poppins", Sans-serif; font-size: 20px; font-weight: 500; font-style: normal; text-decoration: none;padding-top: 10px; padding-bottom: 10px; margin: 0px;}
	.navbar-collapse .navbar-nav .nav-item .nav-link:hover{ background-color: #F9FAFD !important; color: #001d3d !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;}

	.navbar-collapse .navbar-nav{ margin: 113px 0 0 !important;}
	.navbar-nav .nav-item .nav-link::before{ display: none !important;}
	.navbar-collapse .navbar-nav .nav-item .nav-link:hover{  color: #ff2c2c;}
	.navbar-nav .nav-item .nav-link::after { display: none !important;}
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-size: 21px; line-height: 37px;}
	.loclTxt{ font-size: 16px; line-height: 23px;}
	.headSos li a.linkbtn, #cartDropDown{ width: 40px; height: 40px; font-size: 14px !important;}
	.headSos{ top: 29px; right: 53px;}
	.navbar-toggler{ border: none !important;}
	.mobno{ padding: 100px 0px !important; display: block !important;}
	.mobno li{ font-size: 18px; margin: 19px auto 8px !important;}
	.navbar{ justify-content: inherit;}
	.navbar-toggler{ position: absolute; top: 25px; right: 0px;}
	.overlay.shows{ height: 100%; position: fixed; top: 0; left: 0;width: 100vw; background-color: rgba(0,0,0,.4); transition: opacity .3s ease-out; opacity: 1; pointer-events: none; z-index: 6; }
	.navbar-collapse .navbar-nav { margin: 20px 0 !important; }
	.headSos { top: 14px; right: 53px; position: absolute; }
	.navbar-toggler { position: absolute; top: 13px; right: 11px; }
	.logo-nav { width: 140px; margin: 5px; }
	.resosBtn{ padding: 5.2px 20px !important; }
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
	.dskcpy{ display: none !important;}
	.copyTxt.d-none{ display: block !important;}
	.footRt{ text-align: center; margin: 12px 0;}
	.navbar-collapse{ width: 100% !important;}
	.loclTxt { font-size: 16px; line-height: 23px; margin-top: 15px; }
	.footTop .row{ flex-direction: column-reverse;}
	.quckMenu { display: flex; align-items: inherit; flex-direction: column; margin-bottom: 33px; }
	.logo-nava{ max-width: 200px; display: inline-block;}
	.resosLi{ display: none !important;}
}

@media screen and (max-width:480px)
{
	.navbar-toggler.showactv .icon-bar { margin: 2px 0 !important; }
	.fotMenu li, .copyTxt p, .powered-by a, .powered-by, .privacy li, .powered-by a, .powered-by, .privacy li, .footBtm p{ font-size: 14px;}
}


@media screen and (max-width:400px)
{
	.navbar-toggler { width: 25px; height: 30px; background: none; padding: 5px 0; }
	.logo-nav { width: 124px; margin: 3px; }
	.headSos { top: 11px; right: 53px; position: absolute; }
	.navbar-toggler {right: 17px; }
}