body { font-family: 'Roboto'; font-size: 14px; 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: inherit !important; right: 0px !important;}

/*Header*/ 
.page-header{position: relative; float: left; background: #1850a0; /*box-shadow: 0 0 45px 10px rgba(9,12,69,0.4);*/ z-index: 1; border-bottom: 1px solid rgba(255,255,255,.3);}
.logo{ width: 90px; float: left;}
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:6.9px 0;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 10px; color: #fff;font-family: 'Roboto'; font-weight: normal;
  line-height: 16px;
  text-transform: uppercase; display: inline-block; padding: 5px 16px; font-size: 14px;}
.drop-arw:after{ border: none; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #fff;}
.drop-arw {
  top: 1px;
  position: absolute;
  right: 9px;
  font-size: 10px;
}
.navbar-nav li.nav-item{ margin: 0px;}
.nav-item.dropdown .dropdown-menu{ background: #1850a0; box-shadow: 0 0 4px rgba(0,0,0,0.2); white-space: nowrap;}
.navbar-nav a:hover{ color: #fed600 !important; position: relative;}
.navbar-nav a{ position: relative;transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms;}
.navbar-nav a:before{ border-bottom: 2px solid #fed600; position: absolute; top: calc(50% + 14px); content: ""; visibility: hidden;
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;left: 0px;
  right: 100%;
  opacity: 0;
  visibility: hidden;}
.navbar-nav a:hover:before{ right: 16px;left: 16px;opacity: 1; visibility: visible;}

.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px;}
.navbar-collapse { margin-left: 10px;}

.headSos{ position: absolute; top: 17px; right: 0px;}
.headSos li{ display: inline-block; margin-left: 5px;}
.headSos li a.linkbtn, #cartDropDown{ width: auto; height: auto; background: none; display: inline-block; border-radius: 0px; color: #fff;padding: 0px !important; font-size: 14px !important; border: none !important; box-shadow: none !important;font-family: 'Roboto'; }
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: none;}
.mini-cart button.dropdown-toggle .cart-counter {
  top: inherit;
  right: inherit;
  left: inherit;
  background: none !important;
  padding: 0px !important;
  width: auto;
  height: auto;
  line-height: 16px;
  font-size: 14px;
  position: inherit !important;
  color: #fff !important;
}
#cartDropDown:active{ background: none !important; color: #fff !important;}

.nav-item.dropdown .dropdown-menu{ margin: 0px; padding: 0px; border: none !important;}
.page-header{ min-height: auto;}
.page-header .container{ max-width: 100% !important;}
.dropdown-menu li a{ width: 100%; padding: 0px 60px 0px 20px;line-height: 32px;-webkit-transition: all ease-in 200ms; transition: all ease-in 200ms; position: relative;}
.dropdown-menu li a:before{ display: none;}
.dropdown-menu li a em{ -webkit-transition: transform ease-in 200ms, color ease-in 0ms; transition: transform ease-in 200ms, color ease-in 0ms; font-style: normal;display: inline-block;}
.navbar-nav li.nav-item.dropdown{ margin-right: 16px;}
.navbar-nav li.nav-item:hover > a{ color: #fed600;}
.mm-title{ display: none;}
/*Header*/  

/*footer*/  
.page-footer .container{max-width: 1380px !important;}    
.footTop{padding: 65px 0 50px;background: rgba(30,30,30,1);}    
.footbox h5{color: #dddddd; font-weight: 500; font-size: 18px; line-height: 1.5;margin: 5px 0 25px 0;}
.footbox p{color: #fff;font-family: Roboto; font-size: 14px; line-height: 1.8; letter-spacing: 0;padding-bottom: 15px;margin: 0;}
.footbox p strong{font-size: 20px;color: #dddddd;font-weight: normal;}    
.footerBottm{background: rgba(18,18,18,1);padding: 25px 0;}
.ftTp .row{margin: 0;}
.ftTp .col-md-5, .ftTp .col-md-7{padding: 0;}
.ftTp li{display: inline-block;}
.ftTp li::before{content: "|";padding: 0 10px;}
.ftTp li:first-child::before{display: none;}
.ftTp li, .ftTp li a{color: #aaaaaa;font-size: 14px;letter-spacing: 0;font-family: 'Roboto';}
.ftTp li a:hover{color: #20a3f0;}
.rightCopy{text-align: right;}
.rightCopy li::before{margin: 0 5px;}
.backTops{position: fixed;right: 30px; bottom: 30px; width: 40px; height: 40px;padding: 0;margin: 0;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); backface-visibility: hidden;border-radius: 50%; text-align: center;background-color: #357ae0; color: #fff;border: none;outline: none; z-index: 1000; cursor: pointer;transition: background-color ease-in 300ms;}
.backTops::before { content: ""; font-family: "Font Awesome 5 Free"; font-size: 50px; position: absolute; top: 23px; left: 50%; line-height: 1; backface-visibility: visible; width: 11px; height: 11px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);transition: 0.5s all; }
.backTops::after { content: ""; width: 0; height: 0px; border-left: 5px solid; position: absolute; top: 14px; left: 50%; backface-visibility: visible; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-left-width: 2px;transition: 0.5s all; }
.backTops:hover{background-color: #e83e3e;}
.backTops:hover::before{top: 19px;}
.backTops:hover::after{height: 18px;}
.powered-by-container{display: flex;align-items:center;padding: 20px 0;}
.powered-by{flex: auto;width: 40%;}
.privacy{flex: auto;width: 60%;text-align: right;}
.privacy li{display: inline-block;}
.powered-by-container p, .powered-by-container a{margin: 0;color: #aaaaaa; font-size: 14px; letter-spacing: 0; font-family: 'Roboto';}
.powered-by-container a:hover{color: #20a3f0;}
.powered-by-container .seperator{color: #aaaaaa;}

@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;}
	.nav-item.dropdown .dropdown-menu .sub-dropdown-menu{ opacity: 0; visibility: hidden;left: 100%; right: auto; top: 0px;}
	.nav-item.dropdown .dropdown-menu .dropdown:hover .sub-dropdown-menu{display: block !important; opacity: 1; transform: initial;pointer-events: all; transform: translateY(0px) !important; visibility: visible;}
	.nav-item.dropdown .dropdown-menu .sub-dropdown-menu .dropdown .sub-dropdown-menu{ opacity: 0; visibility: hidden;left: 100%; right: auto; top: 0px;}
	.nav-item.dropdown .dropdown-menu .sub-dropdown-menu .dropdown:hover .sub-dropdown-menu{display: block !important; opacity: 1; transform: initial;pointer-events: all; transform: translateY(0px) !important; visibility: visible;}
	.navbar-expand-lg .navbar-collapse { display: inline-block !important; width: 78%; margin: 3px 0 0 77px; padding-right: 55px;}
	.navbar-nav{ display: inline-block;}
	.navbar{ display: inline-block;}
	.navbar-nav li.nav-item { margin: 0px; display: inline-block; }
	.dropdown-menu li a:hover{ background-color: #20a3f0; color: #fff !important;}
	.dropdown-menu li:hover > a em{ -webkit-transform: translate(4px, 0); transform: translate(4px, 0);}
	.drop-arwtx{ position: absolute; top: 3px; right: 19px;}
	span.drop-arwtx::after { border: none; content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #fff; border: none !important; }
	.navbar-nav li.nav-item.dropdown:hover a > .drop-arw::after{color: #fed600;}
	span.drop-arwtx::after { color: #ccc !important;}
	.dropdown-menu li:hover span.drop-arwtx::after { color: #fff !important;}
	
	/*
	.page-header .container{     text-align: center;}
	.navbar-expand-lg .navbar-collapse{ text-align:left;}
	.headSos{ right:-40px;}
	*/	
}

/* new style */
footer.page-footer { float: left; width: 100%; }
.logo { width: 85.73px;}
.page-title-bar { background-color: #eee !important; }

a.badge.badge-info.season-badge.btn,
button.btn.btn-md.search-btn,
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md,
a.btn.btn-warning.btn-md.upcoming-btn,
button.btn.btn-solid.addtocartbutton.add-to-cart,
a.btn.btn-badge.btn-warning.d-inline-block,
a.btn.btn-badge.btn-warning.d-inline-block.all--events,
button.btn.filter-toggle,
a.btn.btn-danger.btn-block.btn-lg,
button.btn.btn-sm.ml-auto.close-mini-cart { background-color: #1850a0 !important; color:#fff !important;}
.filter-bar .btn{ padding:7px 12px;}
.list-container .list-image .list-image-wrapper{ border-color:#1850a0 !important;} 
.powered-by-container{ padding:10px 0;} 
 
.card.flat-card .card-header, .page-tab-content, .panel .panel-heading { background-color: #1850a0 !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: #1850a0 !important; color: #fff !important; }
.panel .panel-heading:after{ color:#fff !important;}
.team-list .panel .panel-heading{ background-color:#fff !important;}


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

@media screen and (max-width:1599px)
{
	.page-footer .container { max-width: 1170px !important; }
	.footTop { padding: 50px 0 35px;}
}

@media screen and (max-width:1399px)
{
	.page-footer .container { max-width: 1170px !important; }
	
}

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

}

@media(max-width:992px) and (min-width:1300px) 
{
	.navbar-expand-lg .navbar-collapse { display: inline-block !important; width: 70%; margin: 3px 0 0 55px; }
}

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

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

@media screen and (max-width:1199px)
{
	.cmspages p, .cmspages li, body{ font-size: 14px;}
	.nav-item.dropdown .dropdown-menu .sub-dropdown-menu .dropdown .sub-dropdown-menu{ left: auto; right: 100%;}
	.page-footer .container { max-width: 970px; }
}

@media screen and (max-width:991px)
{
	/*Menu*/
	.navbar-toggler{ width: 40px; height: 50px; background: none; }
	.navbar-toggler .icon-bar{width:100%;height:3px;background:#000;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:translate(-2px, 4px) rotate(-45deg);-ms-transform:translate(-2px, 4px) rotate(-45deg);transform:translate(-2px, 4px) rotate(-45deg);}
	.navbar-toggler.showactv .icon-bar:nth-child(2){opacity:0;}
	.navbar-toggler.showactv .icon-bar:nth-child(3){-webkit-transform:translate(-2px, -1.5px) rotate(45deg);-ms-transform:translate(-2px, -1.5px) rotate(45deg);transform:translate(-2px, -1.5px) rotate(45deg);}
	.navbar-toggler.showactv .icon-bar{margin:1px 0 !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-toggler{ border: none !important;}
	.navbar-toggler .icon-bar{  border-radius: 0px !important;}
	.navbar-toggler { width: 40px; height: 50px; background: none; }
	.navbar-toggler .icon-bar + .icon-bar { margin: 5px 0 0; border-radius: 0px !important; }
	.headSos { position: absolute; top: 17px; right: 67px; }
	.navbar-toggler.showactv .icon-bar { margin: 2px 0 !important; }
	.navbar-collapse { margin-left: 0; border: none !important; }
	.page-header .container{ padding: 0px;}
	.logo{ margin-left: 15px;}
	.navbar-toggler{margin-right: 15px !important;}
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ color: rgba(51,51,51,1); font-size: 18px; text-transform: inherit !important; line-height: 25px; padding: 21px 10px 20px 0px !important;}
	.navbar-nav a::before { display: none;} 
	.navbar-nav li{ border-bottom: 1px solid rgba(134,134,134,0.2)}
	.navbar-collapse .navbar-nav{ padding: 0 44px 24px 50px;}
	.navbar-collapse{ display: block !important;left: 0; right: 0; top: 0; max-width: inherit; min-width: inherit; width: 100%; z-index: 1000; visibility: hidden; opacity: 0; position: fixed; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); display: block;top: 81px; overflow: auto; height: 100%; padding-bottom: 81px;}
	.navbar-collapse.show{ visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
	.navbar-nav a:hover { color: #20a3f0 !important; position: relative; }

	.drop-arw { top: 0; position: absolute; right: 0; width: 57px; height: 100%; display: flex; align-items: center; justify-content: flex-end; cursor: pointer; color: rgba(51,51,51,1); font-size: 18px; }
	.navbar-nav li.nav-item:hover > .drop-arw{ color: #20a3f0 !important;}

	.drop-arw::after { border: none; content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: inherit; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; }
	.navbar-nav li.nav-item.dropdown { margin-right: 0; }
	.mm-title { width: 100%; display: inline-block; border: none !important; position: sticky; top: 0px; background: #fff; z-index: 1;  }
	.mm-title a{color: rgba(51,51,51,1) !important; font-size: 20px !important; font-weight: 600;padding: 30px 0px 10px !important; cursor: inherit;}
	.mm-title a:hover{color: rgba(51,51,51,1) !important;}
	.navbar-nav li.nav-item:hover > a { color: #20a3f0; }

	.nav-item.dropdown .dropdown-menu{}
	.nav-item.dropdown .dropdown-menu {height: 100% !important; margin: 0px; padding: 0px; border: none !important; background: #fff !important; width: 100%; position: fixed; top: 0px; left: 0px;padding: 0 44px 24px 50px; box-shadow: none !important; }
	.navbar-nav li.dropdown{ position: relative;}
	.dropdown-menu li a{ line-height: 26px; font-size: 15px;}
	.mm-title i{ margin-right: 12px;}
	.dropdown-menu li a em{ padding-left: 30px;}

	.navbar-nav li.dropdown:hover .drop-arw{ color: #20a3f0 !important;}
	.nav-item.dropdown .dropdown-menu.open{ min-height: 900px;}
	.nav-item.dropdown .sub-dropdown-menu { display: none; }
	.navbar-nav .dropdown-menu.open { right: 0px !important; left: 0 !important; }

	/*
	.nav-item.dropdown .dropdown-menu.show { display: none; }
	*/
	.nav-item.dropdown .dropdown-menu.show { display: block; }
	.nav-item.dropdown .dropdown-menu.open{ display: block;}

	.page-footer .container { max-width: 750px; }
	.ftTp .col-md-5, .ftTp .col-md-7{max-width: 100%;width: 100%;flex: 0 0 auto;text-align: center;}
	.rightCopy{text-align: center;}

	.privacy, .powered-by { width: 100%; text-align: center;}
	.powered-by-container { flex-wrap: wrap; }
}

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

@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)
{
}

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


@media screen and (max-width:400px)
{
	.navbar-collapse .navbar-nav { padding: 0 21px 24px 33px; }
	.logo { margin-left: 8px; width: 69px; }
	.headSos { position: absolute; top: 12px; right: 60px; }
}