body::after, .page-wrapper::after {height: 0px;}
.logo img{ max-width: 100%; width: 147px;}
.mainheader{ width: 100%; background:#21262c;padding:0px;}
.navbar{ padding: 0px !important;}
.navbar-collapse { margin-left: 0 !important; }
/*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%); }
.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;}
.navbar-nav{ position: relative; display: inline-block; text-align: center;}
.header-action{ position: relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu-right { left: 14px !important;top: 48px; }
.page-footer{ width: 100%; float: left; background: #000; padding: 50px 0;}
.navbar-toggler{ background: none !important;}

.powered-by-container p, .privacy li, .textPara p, .footerBottmInn p{ text-align: center; line-height: 1.875em; font-size: 14px; color: #fff; margin-bottom: 10px !important; }
.powered-by-container p a, .privacy li a, .footerBottmInn p a{ color: #fff;}
.privacy li{ display: inline-block;}
.footerBottmInn{ width: 100%; text-align: center;}
.headSos li{ display: inline-block;}
.headSos li.iconsos > a, .mini-cart button.dropdown-toggle, .headSos li.iconlogin > a, .headSos li.iconphone > a { width: 35px !important; height: 35px !important; display: flex; align-items: center; justify-content: center; }
.headSos li.iconsos > a img, .headSos li.iconcart img, .headSos li.iconlogin img, .headSos li.iconphone img{ width: 23px;}
.footTop{ width: 100%; padding-bottom: 10px;}
.footLogo{ display: inline-block; width: 180px; margin-bottom: 20px;}
.footLogo img{ max-width: 100%;}
.footTop p{ color: #fff; font-size: 16px; line-height: 1.2; font-family: "Epilogue", sans-serif;     padding: 0 15px; word-wrap: break-word;}
body.hide-scroll { overflow-y: inherit !important; }

.mainheader { background: #000; padding: 16px 0;}
li.iconsos a { color: #ddd; font-size: 20px; }
.headSos li.iconsos > a img, .headSos li.iconcart img, .headSos li.iconlogin img, .headSos li.iconphone img { width:28px; }
.headSos li{vertical-align: bottom;}
.page-header{ min-height:auto;}
.footLogo{ width:100%; max-width:37px; margin-bottom:30px;}
.footsos li { display: inline-block;   margin:0 8px;}
.footsos li a{ background: #fff; border-radius: 50%; color: #c8102e; font-size: 20px; width: 35px; height: 35px;}
.footer-wrapper { display: block; width: 100%; text-align: center; margin-bottom: 10px;}
.navbar-nav li { padding:12px 18px; position:relative; display: inline-block; margin:0 2px;}
.navbar-nav li:after { content: ''; position: absolute; right: 20px; bottom: 9px; height: 1px; width: calc( 100% - 40px); left: 20px;  background: #fff;  transform: scaleX(0); transform-origin: left center; transition: transform 0.25s ease;}
.navbar-nav li.active::after, .navbar-nav li:hover:after{ transform: scaleX(1);}
.navbar-nav .dropdown-menu li:after{ width:0;}
.powered-by-container, .powered-by-container a, .powered-by-container a:hover { color: #fff !important; }
.powered-by-container p, .privacy li, .textPara p, .footerBottmInn p{ margin-bottom:0 !important;}
.navbar-nav li a{ padding: 0; letter-spacing: 0.03em !important; font-weight: 400 !important; font-size: 16px !important; font-family: "Epilogue", sans-serif; text-transform: uppercase; color: #fff !important; transition: 0.2s ease-in;}
.footer-social { display: block; float: left; width: 100%; text-align: center; margin-bottom: 10px;}
.footer-social li{ display: inline-block; vertical-align: middle; padding: 0 10px;}
.footer-social li a{ color:#cbb57a; font-size: 20px;}

a.badge.badge-info.season-badge.btn,
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,
#minicart_sidebar_btn
{ background-color: #CBB57A !important; color: #000 !important; }

.minicart_sidebar:hover img, .intercom-lightweight-app-launcher:hover svg { filter: brightness(0) invert(1) !important; }

/* hover bg change */
button.btn.btn-solid.addtocartbutton.add-to-cart,
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,
.btn.btn-warning:hover,
a.btn.btn-danger.btn-block.btn-lg:hover,
button.btn.btn-sm.ml-auto.close-mini-cart:hover,
#minicart_sidebar_btn:hover,
button.btn.location-btn:hover{ background-color:#D61F2C !important; color: #fff !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; }
.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: #D61F2C !important; }

.filter-bar span.select2.select2-container.select2-container--default { width: 100% !important; }
.inputForm .adcartBtn, .intercom-lightweight-app-launcher{ background: #cbb57a !important; color: #000 !important;}
.inputForm .adcartBtn:hover{ background: #222 !important; color:#fff !important;}
.intercom-lightweight-app-launcher:hover{background: #D61F2C !important; color: #fff !important;}
.popLogo{ background:#000 !important; padding:15px !important;}

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

@media (min-width: 1200px) and (max-width: 9000px) 
{
	.navbar-expand-lg .navbar-collapse{width: 65%; margin: 15px 0; padding:10px 15px 10px;}
	ul.navbar-nav.menu_sec{ padding:0 0px !important;}
}

@media only screen and (max-width:1250px)
{
	.logo { max-width: 100px; }
	.navbar-nav li a{ letter-spacing: 0.5px !important;}	
    .navbar-nav li { padding: 10px; }
    .navbar-nav li:after{ left: 10px; right: 10px; bottom: 6px; width: calc( 100% - 20px ); }
}

@media (min-width: 992px) and (max-width: 1199px) 
{
	.headSos{ min-width:160px;}
	.navbar-expand-lg .navbar-collapse{ padding: 30px 15px;}
	.page-header .container { padding: 0 15px; }
}

@media (min-width: 992px) and (max-width: 1140px) 
{
	.navbar-expand-lg .navbar-collapse { padding: 30px 0px; }
	.navbar-nav li a { font-size: 15px !important;}
}

@media only screen and (max-width: 991px) 
{
	.navbar-toggler{ margin: 21px 15px; background: none; border: none; width: 40px; font-size: 0px; line-height: 0px; }
	.checkout .navbar-toggler{position: relative; left: calc( 100% - 70px);}
	.navbar-toggler span{ display: inline-block; width: 100%; height: 2px; background-color: #fff; line-height: 0px; margin: 4px 0; border-radius: 3px;}
	.navbar-nav li a, .navbar-nav li{ color: #33373d !important;}
	.navbar-nav li a:hover{color: #b89f83 !important;}
	.navbar-collapse{ border: none; text-align: left;}
	.navbar-nav li { position: relative; color: #fff; width: 100% !important; text-align: left !important; }
	.page-header { min-height: auto; float: left; width: 100%; }
	.page-header .container{ padding: 0px;}
	.headSos { position: absolute; top:calc(50% - 18px); left: 0px; }
	.logo{ max-width:40px !important; display: inline-block; transition:all .2s ease-out !important; position: absolute; left: 50%; transform: translateX(-50%); }
	.navbar { padding:0px; justify-content: flex-end; }
	.headSos li.iconsos > a img, .headSos li.iconcart img, .headSos li.iconlogin img, .headSos li.iconphone img { width: 23px; }
	.navbar-collapse .navbar-nav{ width:100%;background: #cbb57a; padding: 20px 15px;}
	.dropdown-toggle::after, .nav-item.dropdown:hover .dropdown-toggle::after { /*color: #0061a8 !important; */ transform: rotate(0deg);}	
	li.iconlogin { padding-left: 5px; }
	.navbar-nav li a { padding:10px 15px !important; width: 100%; border:none !important; line-height: 1; font-size: 18px !important; letter-spacing: 0px !important; color: #222 !important; text-transform: capitalize;}		
	.navbar-nav li:after{ height:0 !important;}
    .mainheader{ padding: 0;}
	body.hide-scroll .navbar-toggler .icon-bar:nth-child(1){ transform: translate(0, 10px) rotate(-45deg);}
	body.hide-scroll .navbar-toggler .icon-bar:nth-child(2){ opacity:0;}
	body.hide-scroll .navbar-toggler .icon-bar:nth-child(3){ transform: translate(0, -10px) rotate(45deg);}	
}

@media screen and (max-width:767px)
{
	.page-footer{ padding:20px 0; }
}

@media only screen and (max-width: 400px) 
{
	.headSos li.iconsos > a, .mini-cart button.dropdown-toggle, .headSos li.iconlogin > a, .headSos li.iconphone > a{ width: 28px !important; height: 35px !important;}
    .footTop p{ font-size: 14px;}
}