body { font-family: 'Roboto'; font-size: 16px; line-height: 25px;}
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: 0 !important; right: inherit !important; }
body { background-size: auto; background-attachment: scroll; background-position: center 0px; background-repeat: no-repeat; background-color: #f3f3f3; }

/*Header*/ 
.page-header{position: relative; float: left; background: #090c45; z-index: 1;}
.logo{ width: 90px; float: left;}
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:10px 0;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 10px; color: #fff;font-family: 'Open Sans'; font-weight: 500; font-size: 16px; display: inline-block; line-height: 27px; text-transform: inherit;}
.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 10px;}
.nav-item.dropdown .dropdown-menu{ background: #e71737; margin: 0px; padding: 0px;}
.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: 10px;}

.headSos{ position: absolute; top: 0px; right: 0px;}
.headSos li{ display: inline-block; margin-left: 5px;}
.headSos li a.linkbtn, #cartDropDown{ width: auto; height: auto; background: #25478c; display: inline-block; border-radius: 0; color: #fff;padding: 0px !important; font-size: 14px !important; display: flex; align-items: center; justify-content: center; padding: 7px 17px !important; border-radius: 0 0 5px 5px; }
.mini-cart button.dropdown-toggle{ margin: 0px !important;font-family: 'Oswald';}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: #c20d25;}
.linkbtn{ font-family: 'Oswald';}

.page-header{ width: 100%; min-height: auto;}
.headTop{ width: 100%; background: url(../images/bg1.jpg) no-repeat center center; background-size: cover; float: left;}
.logo{ width: auto;}
.logo img{ max-width: 100%;}
.mainheader{ width: 100%; background: url(../images/menubg.jpg) no-repeat center center; background-size: cover; float: left; padding: 0px;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-family: 'Oswald'; color: #ffffff; font-size: 13px; padding: 9px 5px 10px 6px; line-height: 19px;}
.navbar-nav a:hover, .navbar-collapse .navbar-nav .nav-item .nav-link:hover{ background-color: #cc1632; color: #fff;}
.navbar-nav li.nav-item{ width: auto; margin: 0px;padding-right:0px; }
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ width: 100%; white-space: nowrap;padding-right: 31px; text-overflow: ellipsis;float: left; overflow: hidden;}
.drop-arw { top: 8px; position: absolute; right: 7px; font-size: 13px; }
.drop-arw:after{ display: none;}
.navbar-nav li.nav-item:hover .drop-arw{ color: #fff;}
.navbar-nav li.nav-item:hover > a{ background-color: #cc1632; color: #fff;}
/*Header*/  
    
.container{ max-width: 1000px !important;}
.page-footer{ width: 100%; float: left;}
.footTop{ width: 100%; padding: 15px;}
.footTop .container{ width: 100%; padding: 10px; background: #fff;}
.footTop p, .footTop li, .footTop p a, .footTop li a{ color: #888; font-size: 13px; margin-right: 0;margin-bottom: 0px; }
#site-login-button{ color: #ffffff; background-color: #006f00; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #007e00; background-image: -moz-linear-gradient(top, #008800, #006f00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008800), to(#006f00)); background-image: -webkit-linear-gradient(top, #008800, #006f00); background-image: -o-linear-gradient(top, #008800, #006f00); background-image: linear-gradient(to bottom, #008800, #006f00); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008800', endColorstr='#ff006f00', GradientType=0); border-color: #006f00 #006f00 #002200; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #006f00; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);margin-left: 1em; margin-right: 0;padding: 2px 6px; font-size: 9px;border-radius: 3px;line-height: 1.3em; }
.footTopIn{ display: flex; justify-content: space-between;}
.footerBottmInn{ text-align: center;}
.footerBottmInn li{ display: inline-block;}
.powered-by-container{ display: flex; justify-content: space-between;}
.powered-by, .privacy{ margin-top:10px;}

/* new style */
.container { width: 100%; max-width: 1030px !important; padding: 0 15px; }
.navbar-collapse { margin-left: 0; }
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-weight:390; }
.drop-arw { top: 6px;}
.nav-item.dropdown .dropdown-menu { background: #e71737 !important;}
.page-body .page-title-bar { background-color: #032c62 !important; }
.page-body .page-title-bar .page-bar-title { color: #fff !important; }
.details-body .page-body .page-title-bar { background-color: #eee !important; }
.powered-by-container { display: block;}
.privacy { margin-top: 0; }
.footTopIn{    display: block; text-align: center; }

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
{ background-color: #021449 !important; color: #fff !important; }

.nav-tabs .nav-item .nav-link { color: #fff !important; }
.nav-tabs .nav-item .nav-link.active { color: #36454f !important;}
.panel .panel-heading { background-color: #021449 !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;}
button.btn.btn-lg.btn-block { background-color: #021449 !important; color: #fff !important; }
.list-container .list-image .list-image-wrapper, 
.page-title-bar .list-container .list-image .list-image-wrapper { border-color: #021449 !important; }

.filter-bar .btn{ padding:7px 9px;}
@media screen and (max-width: 1250px)
{
	.filter-bar .btn{ padding:7px 9px;}
}

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

@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(max-width:992px) and (min-width:9000px) 
{
}

@media screen and (max-width:1360px)
{
}

@media screen and (max-width:1300px)
{
}

@media(max-width:1199px) and (min-width:992px) 
{
}

@media screen and (max-width:1199px)
{
	.cmspages p, .cmspages li, body{ font-size: 14px;}
}

@media screen and (max-width:991px)
{
	/*Menu*/
	.navbar-toggler{ width: 40px; height: 50px; background: none;}
	.navbar-toggler .icon-bar{width:100%;height:3px;background:#fff;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: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{position:absolute;top:100%;left:0;overflow:auto;background:#e71737; width:100%;border:none;margin:0px;z-index:111;border-top: 1px solid rgba(0, 0, 0, 0.2);}

	.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;}
	.headTop{ background: none;}
	.page-header{   background: url(../images/bg2.jpg) no-repeat center center; background-size: cover; padding-bottom: 31px;}
	/*.mainheader{ background: none;} */
	.navbar { background-color: #e71737; color: #ffffff; justify-content: flex-end; }
	.navbar-toggler{ border: none; margin: 0 10px;}
	.navbar-toggler .icon-bar{ height: 2px;}
	.navbar-toggler { width: 100%; height: 43px; background: none; color: #ffffff; }
	.navbar-toggler .icon-bar + .icon-bar { margin: 4px 0 0; }
	.navbar-toggler:before{ content:"Menu"; color: #fff; font-size: 12px; position: relative; top: -2px;}  
	.navbar-toggler i{  color: #ffffff; float: right;}
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ border-bottom: 1px solid rgba(0, 0, 0, 0.15);}   
	body.hide-scroll{ overflow: inherit !important;}  
	.drop-arw { width: 62px; height: 38px;color: #000549 !important;border-left: 1px solid rgba(0,0,0, 0.2); }
	.nav-item.dropdown .dropdown-menu li a{ padding-left: 25px;}
	.logo { width: auto; margin-top: 21px; }
	
	.navbar-toggler{ background: transparent !important;}
	.page-header{ padding-bottom:0px;         background-size: 120% 310px;}
	.dropdown-menu{ display:none;}	
	ul.dropdown-menu.open-dropdown { display: block !important; }
	.mainheader{ display:none;}
	
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
}

@media screen and (max-width:575px)
{
	.footTopIn, .powered-by-container { display: inline-block; justify-content: space-between; text-align: center; width: 100%; }
}

@media screen and (max-width:480px)
{
}

@media screen and (max-width:400px)
{
}