body {  font-size: 15px; line-height: 25px;}
body::after, .page-wrapper::after {height: 0px;}

.container{ max-width: 1120px !important;}
.drop-arw{ display: none;}
.close-mini-cart{ display: none;}
.mini-cart button.dropdown-toggle .cart-counter { top: -9px; 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;}
.mini-cart button.dropdown-toggle:active{ background: none !important;}

/*Header*/ 
.page-header{position: relative; float: left; background: #fff; /*box-shadow: 0 0 45px 10px rgba(9,12,69,0.4);*/ z-index: 1;}
.logo{ width: auto; float: left;min-width: 100px;}
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:10px 0;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 4px 0; color: #000;font-family: 'Courier Prime'; font-weight: normal; font-size: 15px; display: inline-block; line-height: 27px; text-transform: inherit; position: relative;}
.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{ padding: 13px 16px;}
.nav-item.dropdown .dropdown-menu{ background: #fff;max-width: 300px;
  min-width: 240px;}
.navbar-nav a:hover{ color: #000;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px;}
.navbar-collapse { margin-left: 10px;}
.navbar-nav a:after{ border-bottom: 2px solid #000;
  content: "";
  display: block;
  height: 0;
  left: 0;
  opacity: 1;
  position: relative;
  bottom: 0px;
  transform: scaleY(.8) scaleX(0) translateZ(0);
  transform-origin: top left;
  transition: transform .2s ease-in-out;}
.navbar-nav a:hover:after{ transform: scaleY(.8) scaleX(1) translateZ(0);
  transition: transform .2s ease-in-out 50ms;}
.nav-item.dropdown .dropdown-menu li{ padding: 0 16px;}   

.logo{ font-size: 18px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-family: "Rock Salt";
  font-weight: 400;
  color: rgb(0, 0, 0) !important;
  text-align: inherit; min-width: 100px;position: absolute;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);}




.headSos{ position: absolute; top: 11px; right: 0px;}
.headSos li{ display: inline-block; margin-left: 5px;}
/*.headSos li a, .headSos li a.linkbtn, #cartDropDown{ width: 30px; height: 30px; background: #25478c; display: inline-block; border-radius: 100%; color: #fff;padding: 0px !important; font-size: 14px !important; display: flex; align-items: center; justify-content: center;}*/
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: none;}

.headSos li a, .headSos li a.linkbtn, #cartDropDown{ border: none !important; border-radius: 0px;border: none !important;
  border-radius: 0px;
  outline: none !important;
  box-shadow: none !important;
}
.mini-cart button.dropdown-toggle, .hedSrch a, .userlink a{ width: 27px; height: 27px; display: inline-block; background: none !important; padding: 0px !important;}
.mini-cart button.dropdown-toggle img{ max-width: 100%;}
.hedSrch a img{ max-width: 100%;}

.headSos li.shpNow a{ display: inline-block; line-height: 36px; border: 2px solid #000 !important; padding: 0 20px; border-radius: 20px; color: #000;}
.headSos li.shpNow a:hover{ background: #ebebeb;}

.hedSrch:hover a img{ opacity: 0.5;}

/*Search*/

.search__bar{
  align-items: center;
  bottom: 0;
  display: flex;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;transition: transform .3s ease-in-out,opacity .3s ease-in-out;     transition: all 0.3s ease;
  width: 100%; left: calc (16px / 2);background: #fff;
}
.search-bar__wrap{ display: flex;
  margin: 0 auto;
  opacity: 0;
  position: relative;transform: translateX(45%);
  transition: transform .3s ease-in-out,opacity .3s ease-in-out;    transition: all 0.3s ease;
  width: 40%;
  z-index: 10;}
.search-bar{ width: 100%; position: relative;}
.search-bar input[type="text"]{ width: 100%; border: 1px solid #d3d3d3; height: 48px; font-size: 16px; padding: 0 16px; border-radius: 8px;padding-left: 40px; font-size:16px;}
.srchicn{ position: absolute; top: 0px; left: 10px; width: 25px; height: 100%;display: flex;
  align-items: center;
  justify-content: center; opacity: 0.6;}
.srchicn img{ max-width: 100%;}
 .search-bar input[type="text"]::placeholder{  opacity: 0.4 !important;}
.search-bar input[type="text"]:hover, .search-bar input[type="text"]:focus{ border-color: #707070 !important; }
.clos{ position: absolute; top: 0px; right: 10px; width: 25px; height: 100%;display: flex;
  align-items: center;
  justify-content: center; opacity: 0.6;}
.clos img{ max-width: 100%; width: 16px;} 
.search-bar_close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-bar_close img{ width: 24px;} 
 
.search__bar.show{ visibility: visible;} 
.search__bar.show .search-bar__wrap{ opacity: 1;
  transform: translateX(0);} 
 
.navbar-nav li.d-nav-none{ display: none;}
.closeicn{ display: none;}
.page-header{ min-height: auto;}



/*Header*/  
    
    

/*Footer*/
.powered-by{ color: #fff; font-family: 'Roboto'; font-size: 12px;}
.powered-by a, .privacy li a{ color: #fff;}
.privacy li{ display: inline-block; color: #fff; font-family: 'Roboto'; font-size: 12px; }



.page-footer{ width: 100%; float: left;}
.footerBottm{ background: #323b43; padding: 20px 0;}
.footLogo img{ max-width: 100%;filter:brightness(0) invert(1);}
.topf p{ color: #fff; font-family: 'Roboto'; font-size: 12px; margin-top: 10px;}
.footerTop{ width: 100%; background: #000000; padding: 50px 0;}
.footlogo{ color: #fff; font-family: 'Rock Salt';font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-family: "Rock Salt";
  font-weight: 400;
  color: rgb(255, 255, 255) !important;
  text-align: inherit;}
.footmenu li{ display: inline-block; margin-right: 17px;}
.footmenu li a{ padding: 8px 0; display: inline-block; color: #fff; font-size: 15px; line-height: 20px;}
.footmenu{ margin-top: 5px;}
.ftMenu{ padding-bottom: 30px;}
.ftNews{ padding-top: 30px; border-top: 1px solid #333333;}
.ftNews label{ color: #fff;}
.newsForm{ width: 100%; position: relative;}
.newsForm input[type="email"]{ width: 100%; padding: 0 16px;font-size: 16px;
  height: 48px; border-radius: 8px 30px 30px 8px; border: 1px solid #575757; background: none; color: #fff;}
.newsForm input[type="email"]:focus, .newsForm input[type="email"]:hover{ border: 1px solid #848484 !important;}
.newsForm input[type="email"]::placeholder{ opacity: 0.7;}
.newsForm button{ height: 48px; padding: 0 15px; background: #fff; position: absolute; top: 0px; right: 0px; border-radius: 0 30px 30px 0; color: #000; border: none; cursor: pointer; letter-spacing: 0.5px;transition: color .2s ease-in,background-color .2s ease-in,filter .2s ease-in,box-shadow .2s ease-in,border-radius .2s ease-in,font-size .2s ease-in; font-size: 16px;}
.newsForm button:hover{ border-radius: 30px;}
.recaptcha-terms{ color: #fff; opacity: .5; font-size: 12px; margin-top: 16px; line-height: 23px;}
.recaptcha-terms a{ color: #fff; text-decoration: underline;} 
.copytxt p{ color: #fff; text-align: right;}
.align-items-flex-end{ align-items: flex-end;}














@media(min-width:992px){
  /*.nav-item.dropdown .dropdown-menu { display: none !important; }*/
 .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;
/*transform: translateY(-10px) !important;top: calc(100% - 0px - 0px) !important;*/}

.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){

.navbar-nav li.nav-item {
  padding: 13px 8px;
}


}


@media screen and (max-width:991px){
/*Menu*/
.navbar-toggler{ border: none !important;}
.navbar-toggler{ width: 29px; 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:4px 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:2.5px 0 !important;}
.navbar-collapse{position:fixed;top:0px;right:-400px;height:100%;overflow:auto;background:#fff;display:block !important;width:400px;border:none;margin:0px;z-index:111; transition: all 0.3s ease; left: inherit;}
.navbar-collapse.show{ right: 0px;}
.navbar-collapse .navbar-nav{padding:0px;}
.navbar-nav li.nav-item a{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:hover{ opacity: 0.5;}
.navbar-nav li.nav-item{ text-align: center;}

.navbar-nav li.nav-item{ border-top: 1px solid #e5e5e5; padding: 0px;}
.navbar-nav a::after{ display: none;}
.navbar-nav a{ padding: 24px; font-size: 17px;}




.headSos li.shpNow{ display: none;}
.navbar-nav li.d-nav-none{ display: inline-block;}
.navbar-nav li.nav-item.m-nav-none{ display: none;}
.navbar-nav li.shpNow{ text-align: center;}
li.shpNow a {
  display: inline-block;
  line-height: 36px;
  border: 2px solid #000 !important;
  padding: 0 20px;
  border-radius: 20px;
  color: #000; font-size: 15px;
}
li.shpNow{ padding: 20px;border-top: 1px solid #e5e5e5;}
li.shpNow a:hover{ background: #ebebeb;}
.closeicn{ display: block; float: right; margin: 8px 50px;}
.navbar-collapse .navbar-nav{ width: 100%;}
.navbar-collapse{ display: block; transition: all 0.3s ease;}

.overlay{ width: 100%; position: fixed; top: 0px; left: 0px; height: 100%; background: rgba(0,0,0,0.3); transition: all 0.3s ease; right: -100%; display: none;}
.overlay.shows{ display: block; right: 0px;}

.search-bar__wrap{transform: translateY(-45%);}
.search__bar.show .search-bar__wrap {
  opacity: 1;
  transform: translateY(0);
}
.search-bar__wrap{ width: 86%;}

.logo{ text-align: center;}







}

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

.footerTop{ text-align: center;}
.copytxt p{ text-align: center; margin-top: 20px;}
.footerTop{ padding: 30px 0;}




}



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

.logo{ top: 8px;}





}

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

.navbar-collapse{ width: 100%; right: -100%;}
.navbar-collapse.show{ right: 0px;}





}


@media screen and (max-width:400px)
{
	.headSos li{ margin: 0px;}
	.logo { top: 8px; width: 133px; }
}

/* new style */
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md, a.btn.btn-warning.btn-md.upcoming-btn, a.btn.btn-badge.btn-warning.d-inline-block, a.btn.btn-badge.btn-warning.d-inline-block.all--events{background-color: #000 !important; color: #ffd900 !important;}

.navbar-collapse { margin-left: 17px; }
.mainheader { padding: 22px 0 22px; }
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-size: 14px; line-height: 1.1; letter-spacing: 0.01em; font-weight: 400;}
.logo{ top: 20px;}
li.nav-item.dropdown.m-nav-none { margin-left: 5px; }	
.headSos{ top:7px; right: 5px;}
.headSos li.shpNow a{ font-size:14px; padding:0 14.25px; border:2px solid #ffd900 !important; color:#ffd900; font-family: "Open Sans";     line-height: 36px; letter-spacing: 0.01em;}
.mini-cart button.dropdown-toggle img, .hedSrch a img, .userlink a img { width: 24px; }
.mini-cart button.dropdown-toggle .cart-counter { background-color: #090c45 !important; color: #fff !important;  font-size: 11px; padding: 0 2px !important;}

.nav-item.dropdown .dropdown-menu{ background-color: #000 !important;}
.empty-cart-info{color: #090c45 !important;}

.headSos li{margin-left:13px;}
.footmenu li a{ font-family: "Courier Prime"; font-size: 14px; line-height: 1.1;}
.footmenu { margin-top: 10px; }

.events-list .page-body .page-title-bar{ background-color: #ffd300 !important;}
.events-list .page-body .page-title-bar .page-bar-title b{ color:#fff;}

.card.flat-card .card-header, .page-tab-content, .panel .panel-heading { background-color: #ffd900 !important; color: #fff !important; }
.nav-tabs .nav-item .nav-link { color: #fff !important; }
.nav-tabs .nav-item .nav-link.active { color: #36454f !important;}

.page-header{background: #000;}
.mainheader .container { max-width: 1054px !important; }
.logo{ position: unset; transform: translateX(0px);}
.logo span { color: #ffd900; max-width: 200px; display: inline-block; font-size: 22px; line-height:1.1; font-family: 'Bungee'; text-align:left;}

.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-family: "Open Sans"; color:#ffd900 !important;}
.navbar-nav a:after { border-bottom: 2px solid #ffd900;}
.btn:not(.btn-bordered){ background:#000 !important; color:#ffd900 !important;}
.list-container .list-image .list-image-wrapper{ border-color:#000 !important;}
.footlogo{ font-family: 'Bungee'; color: #ffd900 !important;}
.footmenu li a{     font-family: "Open Sans"; color: #ffd900;}
.headSos li.shpNow a:hover { background: #ffd009; color: #000; }
.mini-cart button.dropdown-toggle .cart-counter:active, .mini-cart button.dropdown-toggle .cart-counter { background-color: #ffd009 !important; color: #000 !important; font-weight: 600; }
.dropdown-menu li a { padding: 8px 0; }
ul.navbar-nav.menu_sec { padding-left: 60px; }


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

@media screen and (max-width: 1099px)
{
	.navbar-collapse { margin-left: 10px; }
	.headSos{ right:10px;}
}

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

@media screen and (max-width: 991px)
{
	.headSos{ top:10px; right:50px;}
	.navbar-toggler { width: 35px; height: 35px;}
	.navbar-collapse.show { left: -10px; background-color:#000; }
	.navbar-collapse.collapse.show .navbar-toggler .icon-bar{}
	.navbar-toggler .icon-bar{ background:#ffd009;}
	.navbar-collapse.collapse.show .navbar-toggler .icon-bar:nth-child(1){ transform: translate(-3px, 1px) rotate(-45deg);}	
	.navbar-collapse.collapse.show .navbar-toggler .icon-bar:nth-child(2){ opacity:0; }
	.navbar-collapse.collapse.show .navbar-toggler .icon-bar:nth-child(3){ transform: translate(-3px, -1px) rotate(45deg);}
	ul.navbar-nav.menu_sec { padding-left: 0;}
	
	.closeicn { margin: 8px 10px; }
	.navbar-nav a, li.shpNow { padding: 10px;}
	li.shpNow a{ border: 2px solid #ffd009 !important;}
	
}

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

@media screen and (max-width: 767px)
{
	.logo { font-size: 16px;}
}

@media screen and (max-width: 575px) 
{
    .logo { font-size: 15px; width: 150px;}
	.headSos li { margin-left: 0; }
	.headSos { right: 50px; }
	.navbar-toggler{margin-left: -5px;}
}