body::after, .page-wrapper::after {height: 0px;}
.page-header{ position: relative; width: 100%; top:0px; left: 0px; z-index: 111; min-height: auto !important; background-size: cover !important; background: url(../images/header-bg.jpg);}
.mainheader{ padding:20px 40px}
.navbar-nav a{ font:400 16px/20px "Noto Sans",Arial, Helvetica, sans-serif !important; text-transform: uppercase !important;padding:10px 14px !important;letter-spacing: 0; position: relative;color: #fff !important; }
.mainheader .navbar-nav li{ padding:0 8px !important;}
.mainheader .navbar-nav li{ position: relative;}
.navbar-nav a:hover { text-decoration: none; background-color: none;}
.navbar{ padding: 0px !important;}
.navbar-collapse { margin-left: 0; justify-content: flex-end !important;}
.page-footer{ width: 100%; float: left; padding: 20px 0;}
/*common css*/
.page-body .page-title-bar .page-bar-title::after{ left:25px !important;}
.page-body .page-title-bar .page-bar-title::after{ display: none;}
.page-body .page-title-bar .page-bar-title b{ position: relative;}
.page-body .page-title-bar .page-bar-title b:after{ content: ''; display: block; border-width: 0 15px 15px 15px; border-color: transparent transparent #fff; border-style: solid; width: 0; height: 0; position: absolute; bottom: -22px; left: 50%;-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.add-to-cart{ color: #fff !important; padding: 10px 21px 10px !important; background: #a20106 !important;}
.add-to-cart:hover{ background: #000 !important;}
.page-body .page-title-bar { background-color: #eae8e8 !important; background-size: cover; background-position: top center; color: #000;  margin-top:0px; }
.page-body .page-title-bar .page-bar-title b { font-weight: normal;}
.overlay.shows{ top: 0; left: 0; right: 0; bottom: 0; display: flex; z-index: 11; position: fixed; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: transparent;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.navbar{ width: 100%; text-align: center; }
.mainheader{ position: relative;}
.navbar{ position: relative;}
p, p span{ white-space: inherit !important;}
body.hide-scroll { overflow-y: inherit !important;}
.page-body{ background: #fff;}
.nav-tabs .nav-item { margin-bottom: -1px; display: inline-block; width: auto !important; }
.page-body .page-title-bar .list-assets{ margin-top: 10px !important;}
.navbar-nav.float-right { margin-left: 187px; }
.navbar-nav.float-left { margin-left: -42px; }
.page-title-bar .list-container{ padding-top: 50px; padding-bottom: 50px;}
.loginBtn a:hover{ background: #fff !important;}
.page-footer {padding: 0; border-top: 1px solid #e5e5e5; background: #000;}
.navbar-nav a {  padding: 8px 14px !important; color: #fff !important; font-size: 16px !important;  text-transform: capitalize !important; letter-spacing: 0; }
.navbar-nav li:last-child a { padding-right: 0 !important; }
.navbar-nav a:hover{ color: #f25822 !important;}
.mainheader .navbar-nav li { padding: 0 0px !important; }
.navbar-expand-lg .navbar-nav { margin-right: 0; }
.mainheader { padding: 5px 0; background: rgba(0,0,0,0.14);}
.navbar-nav a.active { color: #f25822 !important;  }
.logo { width: 146.6px; }
.logo img{ width: 100%;}
.container { max-width: 1170px !important; }

.footertop { background: #1a1a1a; padding: 60px 0 30px; }
.footbotm{ background: #000; padding: 20px 15px; text-align: center; color: #ccc; font-size: 14px; font-family: "Noto Sans",Arial, Helvetica, sans-serif;}
.footbotm a{ color: #ccc !important; font-size: 14px; font-family: "Noto Sans",Arial, Helvetica, sans-serif; transition: .28s;}
.footbotm a:hover{ text-decoration: none; color: #fff !important;}
.powered-by-container p{ font-size: 14px !important; color:#ccc;}
.footerlogo-wrapper { display: block; width: 100%; max-width: 305px;}
.footerlogo { display: block; margin-bottom: 30px; }
.footerlogo-wrapper img { width: 100%; max-width: 300px; }
.footerlogo-wrapper p { font-size: 14px; color: #ccc; line-height: 1.5; font-family: "Noto Sans",Arial, Helvetica, sans-serif;}
.footeraddress-wrapper{ display: block;}
.footeraddress h4{ display: block; color: #fff; font-size: 22px; font-weight: 400; margin-bottom: 15px; font-family: 'Noto Sans'; font-weight: 700; text-transform: uppercase;}
.footeraddress ul li { display: block; margin-bottom: 5px; padding: 8px 0px;}
.footeraddress ul li i{ font-size: 22px; color: #f25822; min-width:40px; display: inline-block; vertical-align: middle; }
.footeraddress ul li a{ color: #ccc; font-size: 14px; line-height: 1.5; font-family: "Noto Sans",Arial, Helvetica, sans-serif; display: inline-block; vertical-align: middle; transition: .28s;}
.footeraddress ul li a:hover{ color: #fff;}
.footsos{ display: block;}
.footsos li{ display: inline-block;}
.footsos li a{ display: inline-block; font-size: 26px; width: 54px; height: 54px; line-height: 53px; border-radius: 50%; text-align: center; color: #fff !important; margin: 0 2px 4px; opacity: 1; transition: .28s;}
.footsos li a.facebook { background-color: #4267b2; }
.footsos li a.google { background-color: #db4437; }
.footsos li a.instagram { background-color: #5b51d8; }
.footsos li a:hover { opacity: .8; }


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


#minicart_sidebar_btn, .adcartBtn, .intercom-lightweight-app-launcher{ background: #f25822 !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; }
.list-container .list-image .list-image-wrapper{ border-color: #f25822 !important;}

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

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: #f25822 !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:#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: #f25822 !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;}

@media screen and (max-width:991px)
{
	.navbar-collapse .navbar-nav { justify-content: normal; width: 100%; align-items: normal; padding: 0px; }
	.navbar-nav li.nav-item{ margin: 0px !important; border: none;}
	.nav-item{ padding: 5px 0 !important;}
	.navbar-toggler{ margin:16px 0; background: none; border: none; width: 41px; font-size: 0px; line-height: 0px;}
	.navbar-toggler span { display: inline-block; width: 100%; height: 2px;background-color:#000; line-height: 0px; margin: 3px 0; border-radius: 0px;}
	.page-header .header-top nav.navbar{ padding: 0px;}
	.navbar-nav{ display: inline-block;}
	.navbar-collapse{ text-align: center;}
	.page-header .container{ max-width: 100%;}
	.page-header .header-top .navbar > .navbrand{ margin: 0px; float: left;}
	.header-top .navbar { justify-content: center; padding: 0px !important; display: inline-block;}
	.page-header .header-top .navbrand a { display: block;width: 104px;}
	.navbrand{ width: inherit !important;}
	.page-header{ border-width: 7px;}
	.mainheader { padding: 3px 0;}
	.navbar-collapse ul.navbar-nav li a{ text-align: left;}
	
	.header-action { top: 0;right: 0;}
	.dropdown-item{ white-space: inherit;}
	.navbar-toggler{ background: none !important;position: absolute; right: 0px; top: 28px;}
	.container{ padding: 0 15px;;}
	.layout-medium.list-container {  padding: 20px 15px;}
	.list-container.featured .special, .list-container.live .special { left: 0;}
	.logo img{ max-width: 100%;}
	.logo {  display: inline-block; position: inherit;top: inherit; left:10px;transform: inherit;}
	.page-title-bar .list-container{ padding: 15px;}
	.navbar-expand-lg .navbar-collapse { padding-right: 0;}
	.mainheader .navbar-nav li{ padding: 0px; border-bottom: 1px solid #3b3b3b;}
	/* .mainheader .navbar-nav li:last-child{ border-bottom: 0;} */
	.navbar-collapse .navbar-nav{ margin: 0px; border: none; width: 100%;}
	.nav-item{ width: 100% !important;}

	/*new menu*/
	.navbar-collapse{ position: absolute; width: 100%; top: 100%;  left: 0px; border: none !important; background: rgba(35,35,35,0.95);}
	.mainheader .container{ padding: 0px;}
	.navbar-collapse .navbar-nav{ width: 100%; float: left;}
	.navbar-toggler{ margin: 10px 15px;}
	.navbar-collapse .navbar-nav .nav-item .nav-link:hover{ background: #0a0a0a !important;}
	.navbar-collapse { position: fixed; width: 100%; top: -100%; left: 0px; border: none !important; background:#fff; height: 100%;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding: 60px 0; }
	.navbar-collapse.show{ top: 0px;}
	.navbar-nav a { padding: 15px 25px !important; color: #777 !important;}
	.navbar-nav a.active { color: #777 !important; }
	.mainheader .navbar-nav li { padding: 0 !important; }
}

@media only screen and (max-width: 575px) 
{
	.footertop{ text-align: center;}
	.footerlogo-wrapper{ max-width: 100%;}
}