body {/* font-family: 'HK Grotesk'; font-size: 1em; */}
body::after, .page-wrapper::after {height: 0px;}


.PublicLayoutDesktop-module{ width: 100%; background-size: cover !important;}
.page-header{ position: relative; width: 100%;padding-top: 50px;}

.logo{ width: 150px; float: left;margin-top: 0;}
.logo img{ width: auto; max-width: 100%;}
.headTop{ width: 100%; display: inline-block;position: relative;padding: 9px 0;}
.logname{ width: 100%; float: left;text-align: center;position: absolute;
top: 15px;}
.logname img{ max-width: 100%;}
.logname a{ color: #231b58; font-size: 30px; font-weight: 700; max-width:56%; display: inline-block;position: relative;
z-index: 1;}


.container { padding: 0 15px; max-width: 1280px !important;}
.mainheader{ padding:8px 0;}
.headTopBtn .dropdown-toggle{ background: none !important;}
/*.navbar-nav a{ color: #000 !important; font:600 20px/30px 'Poppins', sans-serif !important; text-transform: uppercase !important;padding:6px 0px !important;letter-spacing: 0; position: relative;}*/
.navbar-nav a:before{width:100%; height: 2px; background: #021656; content: ""; position: absolute; bottom: 0px; left: 0px; -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;}

.navbar-nav a:before{content: '';
display: block;
position: absolute;
height: 2px;
transition: .1s cubic-bezier(0, .75, .43, 1);
bottom: 0;
left: 0;
right: 0;
opacity: 1;
transform: scale3d(0, 1, 1);}


.navbar-nav a:hover::before{ transform: scale3d(1, 1, 1);
opacity: 1;}


.navbar-nav a.dropdown-item:before{ display: none;}

.navbar-collapse .navbar-nav .nav-item.actv .nav-link::before {
  transform: scale3d(1, 1, 1);
  opacity: 1;}
.navbar-collapse .navbar-nav .nav-item.actv .nav-link{ color: #20195e !important;}



.navbar-nav a:hover{ color:#20195e !important;}
.navbar-collapse ul.navbar-nav li a{ width: 100%; text-align: center;}
.nav-item.dropdown{ position: relative;}
.dropdown-toggle{ position: absolute; top: 17px; right: 0px; color: #fff !important;}
.dropdown-toggle::after {border-top: 12px solid;border-right: 6px solid transparent;border-bottom: 0;border-left: 6px solid transparent;}
.nav-item:last-child{ border: none;}
.navbar-nav a:hover { text-decoration: none; background-color: none;}
.navbar{ padding: 0px;}
.nav-item.dropdown .dropdown-menu{ border-radius: 0px !important; background: #fff !important;padding: 0px !important; box-shadow:none; min-width: 205px; border: 1px solid #ccc; }
.dropdown-menu{ margin: 0px; padding: 8px 0;}
.nav-item.dropdown .dropdown-menu a { padding:6px 15px 7px !important;}
.navbar-collapse .nav-item{ padding:0 15px;}
.nav-item.dropdown .dropdown-menu a:last-child{ border: none;}
.navbar-collapse { margin-left: 0;}
.dropdown-toggle{ display: none;}
.page-footer{ width: 100%; float: left;}

.footertop .row{ align-items: center;}
.page-footer p{ font-size: 16px;}

.mini-cart button.dropdown-toggle{ width: auto !important; height: auto !important; background: none !important; border: none !important; border-radius:0px !important; box-shadow: none !important;margin: 0px !important;}

.mini-cart button.dropdown-toggle:active{ background: none !important;}
.mini-cart button.dropdown-toggle:active .cart-counter{ background: none !important;}
.adminbtn{ top: 3px !important; right: inherit !important;}
.mini-cart .dropdown-menu{ z-index: 11111111111;}
.mini-cart-wrapper .cart-total .total-price{ color: #b50022 !important;}
.header-action .mini-cart a.btn{ background: #b50022 !important;}
.header-action .mini-cart a.btn:hover{ background: #000 !important;}
.page-footer h4{ color: #fff; font: 400 17px/20px 'Ubuntu Condensed'; padding-bottom: 10px;}
.page-footer h4 strong{ font-weight: 700;}
.page-footer p{ color: #fff; font: 400 16px/26px 'Ubuntu Condensed';margin-bottom: 0px;}
.footlogo{ display: inline-block;}
.footlogo img{ max-width: 100%;}

/*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: #b50022 !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;}*/
.close-mini-cart { position: absolute; top: 0px; right: 0px; display: none;}

.headTopBtn > ul li{ display: inline-block; margin:0 5px; float: left;}
.headTopBtn > ul li a{ display: inline-block; background:none; padding:7px 7px; border-radius:0; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; border:none; font-style: normal; font-weight: 500;}
.headTopBtn .dropdown-toggle{ display: inline-block; position: inherit !important; top: inherit !important; padding: 0px !important;} 
.headTopBtn .dropdown-toggle span{ padding: 0px !important;}
.headTopBtn .dropdown-toggle:after{ display: none;}
.navbar-collapse{ padding:10px; padding-right: 140px;}
.navbar{ width: 100%; text-align: center; }
.navbar .justify-content-end{ justify-content: center !important;}
.desklogo .logo{ float: none; display: inline-block; width: 192px;}
.headsos { width: auto; position: absolute; top: -85px; right: 196px;}
.headsos li{ display: inline-block; font-size: 31px;}
.headsos li a{ color: #929292; display: inline-block; padding: 10px;}
.mainheader{ position: relative;}
.navbar{ position: relative;}
p, p span{ white-space: inherit !important;}
.headTopBtn{ z-index: 11;}
body.hide-scroll { overflow-y: inherit !important;}




/*.page-body{ background: #fff;}*/
.backTops{ position: fixed; bottom: 0px; right: 0px; width: 67px; height: 92px; background: url(../images/backtop.png) no-repeat center center; background-size: 100%; opacity: 0;}
.backTops:hover{ background: url(../images/backtoph.png) no-repeat center center;}
.backTops.visible{ opacity: 1;}

/*.page-body, section{ margin-bottom: 10px !important;}*/
.PublicLayoutDesktop-module{ position: relative;}

.headTopBtn > ul{ background:none;display: inline-block; width: 168px; text-align: right;}
.headTopBtn > ul li a .btn{ color: #9a9a9a !important;}
.headTopBtn > ul li a i{line-height: 27px;}
.headTopBtn li:nth-child(2) > .btn{ background: none !important;}


.badge{ white-space: inherit !important;}

.headTopBtn > ul li .mini-cart-footer a{ color: #fff !important; font-size: 16px;}
.mini-cart-item-list{ width: 100% !important; text-align: left !important;}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    display: inline-block;
    width: auto !important;
}
.page-body .page-title-bar .list-assets{ margin-top: 10px !important;}
.footTop{ width: 100%; padding: 35px 0; display: inline-block;}
.formBox{ width: 100%; display: inline-block; padding: 10px; background: #121212;}
.formBox input[type="email"]{ width: 50%; float: left; border: 1px solid #fff !important; padding: 0 10px; color:#ccc; background: none; -webkit-appearance: none; height: 40px; outline: none !important;}
.formBox input[type="submit"]{ width: 50%; float: left; border: 1px solid #fff; padding: 0 10px; background: #fff; -webkit-appearance: none; height: 40px; color: #000; font-size: 15px; cursor: pointer;}
input:focus{ outline: none !important;}

.footsos{ display: inline-block; width: 100%; text-align: left;padding: 12px 0; margin-left: -20px;}
.footsos li{ display: inline-block; padding: 0 4px;}
.footsos li a{ width: 36px; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 17px; background:#121212; display: inline-block;}
.footsos li i{ font-style: normal;}


.footmid{ width: 100%;}
.footmidInn{ width: 100%; padding:10px 15px 22px; position: relative; background: #111111;}
.footlogo{ width: 100%; text-align: center;}
.footlogo img{ max-width: 100%;}
.footmenu{ width: 100%;}
.footmenu strong{ width: 100%; display: inline-block; text-transform: uppercase; color: #fff; font-size: 22px; line-height: 30px; font-weight: 600; padding-bottom: 4px;}
.footmenu p, .footmenu li{ color: #fff; font-size: 15px; line-height: 27px; font-weight: 400;}
.footmenu p a, .footmenu li a{ color: #fff !important;}
.footmenu li a{ display: inline-block; padding: 5px 0;}
.footmenu li a:hover, .footmenu p a:hover{ color: #fff !important;}
.footbotm{ width: 100%; text-align: center; padding: 10px 0;}
.footbotm p{ color: #bbbbbb; font-size: 14px; line-height: 24px; font-weight: 400; margin: 5px 0;}
.footbotm p a{ color: #bbbbbb !important;}
.footbotm p a:hover{ color: #a40000 !important;}
.checkout-body{ width: 100%;}
.infomenu li{ text-transform: uppercase;}
.folowsos li{ display: inline-block;}
.folowsos li a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 10%;
  color: #fff !important;
  padding: 0px !important;
  font-size: 20px;
}
.folowsos li:first-child a{ background-color: #3b5998;}
.folowsos li a:hover{ color: #fff !important; opacity: 0.8;}
.folowsos strong{ display: inline-block; width: auto !important;}
.folowsos ul{ display: inline-block; width: auto !important; margin-left: 10px;}
.folowsos p{ margin-bottom: 20px;}
.folowsos li{ margin-left: 2px;}
.folowsos li:nth-child(2) a{ background-color:#1da1f2;}




.footbotm{ background: #000; margin-top: 0px;}

.privacy li{ display: inline-block; color: #ddd; font-family: 'Ubuntu Condensed'; font-size: 1em;}
.privacy li a, .footerWrap{ color: #ddd; font-size: 1em; font-family: 'Ubuntu Condensed';}
.footbotm p , .footerWrap a{ color: #bbbbbb; font-size: 1em;}
.footmenu strong{ font-family: "Ubuntu Condensed"; font-size: 1em; color: #e8e8e8; font-weight: normal; line-height: 1em;   text-transform: inherit;}
.contFoot li{ font-family: "Ubuntu Condensed"; font-size: 1em; font-weight: normal; line-height: 1em;} 
.contFoot li a{ color: #88ca55 !important;}
.contFoot li a:hover{ color: #88ca55 !important;}
.footmenu{ padding: 4px;}
.folowsos img{ max-width: 100%;}
.folowsos img, .folowsos a{ transition: all 0.5s ease; }
.folowsos a:hover img{transform: scale(0.9);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
 }
.footbotm p a:hover {
  color: #88ca55 !important;
}







body {
  background: url('../images/bgbody.png') !important;background-position: center top;
background-size: auto;
background-repeat: repeat;
background-attachment: fixed !important;
}


.headTopBtn{width: 100%;
  height: 54px;
  background: #100000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22001;
  padding: 0;
  border-bottom: 4px solid #9f9f9f; }
.logo {
  width: 200px;
  float: left;
  margin-top: 0;
  padding: 0 36px;
}

.mainheader {
  position: relative;
  width: 100%;
}

.headleft {
  width: auto !important;
  float: left;
  padding: 8px 0;
}
.headleft li{ display: inline-block; position: relative; border-right: 1px solid #ddd; padding: 4px 10px;}
.headleft li a{ color: #fff !important; font-size: 12px !important; font-weight: 600; font-family: 'Montserrat', sans-serif; padding: 0px 0px 0px 12px !important;}
.headleft li a i {
  position: absolute;
  top: 6px;
  left: 0px;
  font-size: 16px;
  line-height: 9px !important;
}
.headleft li:first-child i{ font-size: 20px; top: 6px;}
.headleft li:last-child{ border: none !important;}
.headRt{ width: auto !important; float: right;}
.headRt li a{ color: #fff !important;}
.mini-cart button.dropdown-toggle .cart-counter{ width: 16px; height: 16px; position: absolute; top: 6px; right: 0px; border-radius: 100%; text-align: center; font-size: 11px; color: #000 !important; background: #fff !important; line-height: 16px !important;}
.headRt li{ padding: 0px;}
i{ font-style: normal !important;}
.headRt li a:hover{ color: #e6e8ee !important;}





.page-box-container{ margin: 0px !important; background: #fff !important; padding: 20px !important;}
section{ margin-bottom: 0px !important;}
.page-tab-content {
    margin-top: 0 !important;
}
.page-body .page-title-bar {
    background: none !important;
}
.page-body .page-title-bar .page-bar-title{background: #ececec !important;}
.page-title-bar .list-container{background: #ececec !important;}
.page-tab-content {
    background: none !important;
}
.page-tab-content .nav-tabs{background: #e4e4e4 !important;}
.page-checkout{background: #fff !important; margin: 0px !important; padding: 20px !important;}
.event_listing_page_heading {
    border: 0;
    width: 100%;
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background: #fff !important;
    margin: 0px;
    border-radius: 0px !important;
    padding: 20px;
}
.seasons-buttons, .filter-bar{ margin: 0px !important; padding: 10px 20px !important;}
.list-wrapper{ background: #fff !important; margin: 0px !important;}
.pagination-wrapper{ margin: 0px !important;}
.pagination-wrapper{ margin: 0px !important;}
.page-body .page-title-bar .page-bar-title{ padding: 23px 20px !important;}
.pagination-wrapper .pagination {
    margin: 0 !important;
    background: #fff !important;
    border-radius: 0px !important;
    padding: 20px !important;width: 100%;
}
.seasons-buttons .row{ margin: 0px !important;}

.side-tabs {
    float: right;
    position: absolute;
    top: 45px;
    right: -35px;
    width: 35px;
}
.side-tabs li{ display: inline-block;}
.side-tabs li img{ max-width: 100%;}
.page-box-container .page-left-box{ margin-right: 0px !important;}
.page-form-container{background: #fff;
margin: 0px !important;
padding: 20px 5px;}

.membership-container{background: #fff;
padding: 0 25px;}

.premier-planbody .page-body .row.mt-5{background: #fff;
margin: 0px !important;
padding: 14px;}

.filter-bar{ border-top: none !important;}
.list-container{ padding: 37px 20px !important;}



.headleft li:first-child i {
  font-size: 15px;
  top: 9px;
  transform: rotate(90deg);
}
.contFoot li i.fa-phone{top: 9px;
  transform: rotate(90deg);}

/*new*/
.container{max-width: 1000px !important;}
.navbar-collapse{ padding: 10px;}
.logo{ padding: 10px;}
.mainheader{ padding: 0px;}

.logname a{ max-width: 100%;}
.headTopBtn > ul li a{font-size: 14px;}
.headTopBtn > ul li a{padding: 5px 7px;}
.headleft{padding: 6px 0;}
.headTopBtn{ padding: 8px 5px 3px;}
.headTopBtn > ul li a{ font-weight: 400;font-family: 'Ubuntu Condensed'; font-size: 14pt; color: #fff; text-transform: uppercase;}


.navbar-collapse .nav-item {
  padding: 0 12px;
}
.footlogo img {
  max-width: 79%;
}
.infomenu li i{color: #A50000; margin-right: 5px; }
.footmenu p{ line-height: 22px;}

.logLink a{ background: none; !important;}
.headTopBtn > ul li a {
  padding: 2px 7px;
}



.tapBanner{ width: 100%;}
.tapBanner img{ width: 100%;}

.mini-cart button.dropdown-toggle .cart-counter {
  width: auto;
  height: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  border-radius: 100%;
  text-align: center;
  font-size: inherit;
  color: #fff !important;
  background: #fff !important;
  line-height: 16px !important;
  left: inherit !important;
  background: none !important;
}


.menuLink{ position: absolute; top:0px; left: 0px; padding: 9px;}
.menuLink img{ max-width: 100%;}
.fixedMenu{ position: fixed; height: 100%;background-color: #F8F8F8;
    width: 250px;
    height: 100%;
    position: fixed;
    overflow: auto;
    border-right: 1px solid #bbb;left: 0px;
  top: 0px;}
.menu-header{ background: #444;
  height: 54px;
  padding: 0 0 0 5px;
  border-bottom: 4px solid #999;display: flex;
  justify-content: space-between;}
.menuLogo{ display: inline-block; padding: 8px;}
.menuLogo img{ max-width: 100%;}
.menuicn{ display: inline-block; padding: 10px;}
.menuicn img{ max-width: 100%;}

.form-control-xs {
  height: calc(.5rem + .9375rem * 1.2 + 2px);
  padding: .25rem .625rem;
  font-size: .9375rem;
}
.form-control {
  display: block;
  width: 100%;
  height: 37px;
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  color: #161c2d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e1e4e8;
  border-radius: .375rem;
  box-shadow: none;
  -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  font-family: sans-serif;
}

.side-menu{ padding: 10px 5px;}
.side-menu li {
  padding: 0 0 0 10px;
  border-bottom: 1px solid #dfdfdf;
}
.side-menu li a{ color: #0099CC;
  text-decoration: none;
  display: inline-block;
  height: auto;
  padding: 10px 5px 10px 5px;
  text-transform: uppercase; width: 100%;}


.ds-none{ display: none;}
#btnNameSearch{ background-color: #335eea !important; color: #fff !important;padding: .25rem .625rem;
  font-size: .9375rem; font-weight: 300 !important; display: none; float: right;}
.headSrch .form-control{ margin: 6px 0;}
.fixedMenu{ left: -250px;}

html{ transition: all 0.3s ease; }

.openhtml{ margin-left: 250px;}
.openhtml .fixedMenu{ left: 0px;}


.navbar{ background-color: #000066;}
.navbar-collapse ul.navbar-nav li a{ padding: 8px !important;font-family: Ubuntu Condensed !important;
    font-size: 13pt !important; font-weight: normal !important; letter-spacing: 0px !important; text-transform: capitalize !important;}
.collapse {
  width: 100%;
  padding: 0px;
}
.navbar-collapse .nav-item {
  padding: 5px 0;
}
.navbar .justify-content-end {
  justify-content: flex-start !important;
}


.navbar-collapse ul.navbar-nav li a:hover{
    color: #f7f7f7 !important;
  }
.navbar-nav{ padding:0 5px;}
.nav-item.dropdown .dropdown-menu{ 
  width: 180px;
  opacity: .95; background-color: #000066 !important; border: none; text-align: left;}
.nav-item.dropdown .dropdown-menu a{padding: 8px !important;
  text-align: left;}
.nav-item.dropdown .dropdown-menu a:hover{ background-color: #000070;color: #f7f7f7 !important;}

.fixedMenu{  transition: all 0.3s ease;}
.hlp{
  border-width: 0px;
  position: fixed;
  cursor: pointer;
  z-index: 600000;
  top: 184px;
  right: 0px;
  width: 23px;
  height: 120px;
}
.hlp img{ max-width: 100%;}








@media(max-width:1300px) and (min-width:9000px) {
.logname a{ margin-left: 50px;}




}


@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;}
  .nav-item.dropdown:hover .dropdown-menu { display: block !important; opacity: 1;
transform: initial;}
.header-main .nav-item:first-child{margin-left: 54px;}
.mainheader .nav-item:nth-child(2) .dropdown-menu{ left: -7px;}
.mainheader .nav-item:nth-child(3) .dropdown-menu{ left: -18px;}
.mainheader .nav-item:nth-child(4) .dropdown-menu{ left: -28px;}
.navbar-expand-lg .navbar-nav .dropdown-menu-right{ left: 0px;}
}


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








}

@media screen and (max-width:1300px){
.navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0 !important; left: inherit !important;}
.navbar-nav li.nav-item:nth-child(2) .dropdown-menu-right {left: 0 !important; right: inherit !important;}
}
@media(max-width:1249px) and (min-width:1200px) {

}

@media(max-width:1199px) and (min-width:992px) {
.page-header .header-top .navbrand { max-width: 80px;}
.navbar-collapse .navbar-nav .nav-item .dropdown-wrap { font-size: 17px;}
.page-header { min-height: 87px;}




.logo {
  width: 200px;
  float: left;
  margin-top: 0;
  padding: 0 20px;
}
.navbar-nav a{ font-size: 17px !important;}





.logname {
  width: 67.099%;top: 8px;
  right: 66px;
}



 
  
}

@media screen and (max-width:991px){
.page-header .header-top .navbar > .navbrand { display: block; margin: 0 auto;}
.dropdown-toggle::after { margin-left: auto; }
.page-header .header-top .navbrand {width: auto;}
.navbar-toggler { margin-left: 0; margin-right:15px;}
.page-header .header-top .navbrand a img { max-height: 45px; }
.navbar-collapse {  overflow: auto; position: absolute; top:-5px; bottom: inherit; width: 100% !important; overflow: auto; background:#fff; border: none;
text-align: left !important; left: 0px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1111;}
.headTopBtn {
    z-index: 1111;
}
.navbar-collapse.show{ left: 0px;}
.navbar-nav li.nav-item { border-bottom: 1px solid rgba(0,0,0,.03); }
.nav-item.dropdown .dropdown-menu { background-color: transparent !important;}
.nav-item.dropdown .dropdown-menu .dropdown-item { color: #fff; text-align: left;     padding: 11px 35px 7px;}
.navbar-collapse .navbar-nav .nav-item { padding-bottom: 0px !important;}
.navbar-collapse .navbar-nav .nav-item.show .dropdown-menu {display: block;}
.page-header { min-height: 92px;}
.page-header .header-top nav.navbar { padding-top: 5px; padding-bottom: 5px; }
.page-header .header-top .navbar-collapse .navbrand { display: none; }
.navbar-collapse .navbar-nav { justify-content: normal; width: 100%; align-items: normal; padding: 0px; }

.navbar-nav li.nav-item{ margin: 0px !important; border: none;}
.navbar-nav a{ padding: 8px 16px !important; font-size: 16px;}
.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: 4px;background-color:#b50022; line-height: 0px; margin: 2px 0; border-radius: 3px;}
.page-header .header-top .navbar > .navbrand{ padding: 12px 0; width: 155px;}
.navbar-light .navbar-toggler{ float: right;}
.header-action{ position: absolute;right: 85px;top: 40px;}
.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;}
.kklogotxt{ font-size: 30px; padding: 36px 0; display: inline-block;}
.header-action { top: 30px;}
.navbrand{ width: inherit !important;}
.kklogotxt { font-size: 24px;padding: 37px 24px;display: inline-block;}
.page-header{ border-width: 7px;}
.dropdown-toggle {top: 5px;right: 0;z-index: 1; padding: 15px 10px; cursor: pointer;}
.mainheader { padding: 3px 0;}
.navbar-collapse ul.navbar-nav li a{ text-align: left;}
.logo{ display: none;}


.header-action { top: 0;right: 0;}
.dropdown-item{ white-space: inherit;}
.navbar-toggler{ background: none !important;position: absolute; right: 0px; top: 18px;}
.container{ padding: 0 15px;;}
.layout-medium.list-container {  padding: 20px 15px;}
.list-container.featured .special, .list-container.live .special { left: 0;}
.logo { display: inline-block;width: 110px;}
.logo img{ max-width: 100%;}
.logo {  display: inline-block; width: 162px; position: inherit;top: inherit; left:inherit;}
.navbar-nav a{ padding:7px 16px 8px !important; font-size: 15px !important;}
.dropdown-toggle { display: inline-block;}
.headTopBtn > ul li a{ font-size: 14px; padding:9px 5px;}
.headTopBtn > ul li a .btn{ font-size: 14px !important; }
.headTopBtn > ul li a span{ font-size: 14px !important;}
.dropdown-toggle::after {color:#b50022;}
.page-header {  min-height: auto;}
.page-title-bar .list-container{ padding: 15px;}
.navbar-expand-lg .navbar-collapse { padding-right: 0;}


.headsos{top: 10px; right: 132px;}
.headsos li{ font-size: 23px;}

.headsos { top: 57px; right: 0;}
.logo{ margin: 0px;}
.navbar-collapse .navbar-nav{ margin: 0px; border: none; width: 100%;}

.logname{ display: none;}

.nav-item{ width: 100% !important;}
.navbar-nav a { font-size: 15px !important;}
.footsos li a {
    width: 32px;
    height: 32px; line-height: 32px;} 
.footsos{ padding: 15px 0;} 


.headleft li:first-child i {
  font-size: 16px;
  top: 9px;
}
.headleft li a{ font-size: 11px !important;}
.navbar-toggler {
  background: none !important;
  position: absolute;
  right: 6px;
  top: 6px;
}
.headTopBtn > ul li a {
  font-size: 16px;
}



.logo{width: 118px;}
.navbar-toggler {
  margin: 31px 0;}




.mainheader{ display: none;}
.ds-none {
  display: block;
}
.fixedMenu{ width: 60%; left:-60%;}
.openhtml .fixedMenu {
  left: 0px;
}
.side-menu {
  padding: 0 5px;
}
.headTopBtn .dropdown-toggle.droparw{ position: absolute !important; top: 0px; right: 0px; width: 37px; height: 37px; background: url(../images/pls.png) no-repeat center center !important;}
.side-menu .dropdown-menu.open{ display: block;}
.side-menu li.dropdown.show .dropdown-toggle.droparw{ background: url(../images/mins.png) no-repeat center center !important;}
.side-menu .dropdown-menu{ width: 100%; position: relative; background: none; border: none; transition: all 0.3s ease;}
.side-menu .dropdown-menu li a{ font-style: italic; color: #999; font-size: 80%;}
.openhtml {  margin-left: 0; }
.footmidInn{ background-color: #303030;}
.footmenu{ text-align: center;}
}

@media screen and (max-width:767px){
ul.bottom-nav { text-align: center; padding-bottom: 5px; }
.bottom-nav li { margin-bottom: 8px; }
ul.social-icons { width: 100%; order: 0 !important; margin-bottom: 10px; }
.header-top-bar ul.social-icons { margin-bottom: 0px; }
html.checkout { padding-bottom: 61px;}
.page-header .header-top .container { padding: 0 18px;}
.page-header .header-top .navbar > .navbrand { padding: 12px 0;}
.close-mini-cart{ display: block;}
.page-header::before {display: none;}
.list-container.featured .list-details, .list-container.live .list-details { padding: 0;}

.page-body .page-title-bar .list-assets{ -ms-flex-item-align: center;
align-self: center;}

.footmenu{ margin-top: 10px;}
.footmidInn::before, .footmidInn::after { display: none;}
.footsos{ margin-left: 0px; text-align: center;}


.nav-tabs .nav-link{ padding: 15px 9px;}



.headTopBtn > ul li{ float: none;}

.paylogo img{ max-width: 200px;}
.paylogo{ margin: 10px 0; text-align: center;}


.container {
  padding: 0;
}



.headTopBtn .headleft{ display: none;}
.headTopBtn ul{text-align: left;}
.headTopBtn {
  padding: 4px 5px 3px;
}
.navbar-toggler {
  background: none !important;
  position: absolute;
  right: 6px;
  top: -42px !important; margin: 0px !important;
}
.navbar-toggler span{ background: #fff;}
.logo {
  width: 100% !important;
}

.footbotm .container{ padding: 0 15px;}

.headTopBtn{ background: #000;}

.navbar-toggler span{margin: 2px 0;
border-radius: 0;height: 2px;}
.navbar-toggler {
  display: block;
  width: 30px;
}

.navbar-expand-lg .navbar-collapse{ padding: 0px !important;}
.navbar-collapse{ background: #000;}
.navbar-collapse .navbar-nav .nav-item.actv .nav-link {
  color: #fff !important;
}
.navbar-collapse .navbar-nav .nav-item .nav-link, .nav-item.dropdown .dropdown-menu .dropdown-item {
  color: #ffffff !important;
}
.navbar-nav a::before{ display: none !important;}


.paylogo {
  width: 88%;
  margin: 19px auto 0 !important;
}
.paylogo img {
  max-width: 253px;
}


.paylogo img {
  max-width: 100%;
}
.paylogo {
  width: 100%;
  margin: 19px auto 19px !important;
}


.folowsos a:hover img{ transform: inherit;}
.contFoot li a {
  color: #d6d6d6 !important;
}
.contFoot li a:hover {
  color: #d6d6d6 !important;
}
.footmenu strong{ color: #fff;}




}

@media only screen and (max-width: 640px) 
{
.headsos { top: 61px; right: 0;}
.headsos li a{ padding: 10px 0 10px 12px;}
}

@media only screen and (max-width: 575px) 
{
	.page-header .header-top .navbrand a { display: block;  width: 77px;}
	.page-header .header-top .navbar > .navbrand{ padding: 12px 0 10px;}

	/*.logo{width: 88px;}*/
	/*.headTopBtn > ul li a, .headTopBtn > ul li a span, .headTopBtn ul li a .btn{ font-size: 13px !important;}*/
	.headTopBtn ul li{ margin-left: 1px;}
	/*.headTopBtn ul li a{ padding:7px 6px !important;}*/
	.navbar-toggler {  margin: 16px 0px;}
	.page-footer .col-md-8 .col-md-7{ margin-top: 20px;}

	.headTopBtn ul li a i{ font-size: 17px;}
	.headTopBtn ul li{ margin: 0 2px;}
	.navbar-toggler{ top: 6px;}

	.headleft li a i { font-size: 14px !important; }
	.openhtml .fixedMenu { left: 0px; }
	.fixedMenu { width: 95%; left: -95%; z-index: 1;}
}

@media only screen and (max-width: 470px) 
{
	.headTopBtn ul{ background: none;}
	.nav-tabs .nav-link { padding: 10px 5px; font-size: 11px; }
}

@media only screen and (max-width: 400px) 
{
	.navbar-collapse{ width: 250px;}
	.logo { width: 129px; padding: 0 27px;}
	.mainheader { padding: 0;}
	.headTopBtn ul li a { padding: 8px 4px;}
	.headsos li a{ padding: 7px;}
	.navbar-toggler { top: -2px;}
	.formBox input[type="email"]{ width: 65%;}
	.formBox input[type="submit"]{ width: 35%;}
	.privacy li a, .footerWrap, .footbotm p, .footerWrap a{font-size: 14px;}
}
@media only screen and (max-width: 360px) 
{
	/*.headTopBtn ul li a { padding: 7px 8px !important;}*/
	.headsos li { font-size: 20px;}
	.nav-tabs .nav-link { padding: 10px 3px; font-size: 10px; }
}

/* new style */
.container { max-width: 1030px !important; }
.menuLink{ padding:8px 5px;}
.headTopBtn { padding: 9px 5px 3px; }
.headTopBtn > ul{ padding-right:23px;}

.footmidInn { padding: 10px 10px 32px;}
.footmenu.contFoot { padding-top: 14px; }
.footmenu li a { padding: 2px 0; }
.tapBanner img{ padding-top:4px;}
.navbar-collapse ul.navbar-nav li a{     border: 1px solid transparent; text-transform: inherit !important;}
.side-menu li a{ font-weight: 400; font-size: 16px; letter-spacing: -0.2px;     line-height: 1.1;}

.menuLink{ display:none;}
.menuicn{ position: absolute; right: 0;}
.nav-item.dropdown .dropdown-menu a{ color: #fff; display: block;}

body{ background-repeat: no-repeat !important; background-position: top center !important;  background-color: #787878 !important;}

/* new theme */
body{background: none !important;}
.page-header{ padding-top:0; min-height:auto; }
.container { max-width: 1230px !important; }
.PublicLayoutDesktop-module{     background: #000066;}
.page-body .page-title-bar { background: #ececec !important; }

.logo{  position:unset;  top: 0; left: 0;}
.headMid{ display:none;}
.desknone.menusrch { display: block !important; }
.desknone.menunames{ display:none;}

ul.hedRt li.loginslink { padding: 0 5px; }
ul.hedRt li a{ color:#fff;}
.theme-search-box { height: auto !important; flex: 1; text-align: right; }

.details-body .page-tab-content, .details-body .card.flat-card .card-header{ background-color:#000066 !important; color:#fff !important}
.nav-tabs .nav-link{ color:#fff !important; }
.nav-tabs .nav-link.active {color:#170750 !important;}

.navbar-expand-lg .navbar-nav{padding-left:20px;}
.navbar-nav a{  padding-right:50px;}
.mini-cart button.dropdown-toggle .cart-counter { position: absolute; top: -8px; left: 20px !important; padding: 1px 7px !important; background-color: #454545 !important; border-radius: 50%; color: #fff !important; font-size: 13px; }
.mini-cart .dropdown.show button.dropdown-toggle .cart-counter{ background-color: #25478c !important; color: #fff !important; }

.loginslink a i { font-size: 16px !important; }
.loginslink a i.fa.fa-instagram { font-size: 18px !important; }
.loginslink a i.fa-brands.fa-x-twitter{font-size: 18px !important;}

/* .mini-cart button.btn.dropdown-toggle { background-color: #25478c !important; line-height: 30px !important; border-radius: 50% !important; top: -2px; height: 30px !important; width: 30px !important; } */
li.cartslink { padding: 0 !important; }



.headTopBtn{     height: auto; background: #000066; position: unset; border-bottom: 0px solid #9f9f9f;}
.headTopBtn > ul{ position: absolute; top:25px; right: calc( 50% - 615px);}
a.logomenuLink{ display:none;}
.navbar-expand-lg .navbar-nav { padding-left: 0; }
.logo { padding: 0; width:auto;}
.logo img { width: 130px;}
.mini-cart .dropdown-menu { top: 38px !important; left: 5px !important; }
.headTopBtn { padding: 12px 0px; }
.headTopBtn > ul li a { padding: 2px 4px; }
.navbar-collapse ul.navbar-nav li a { padding: 13px 14px !important; font-family: Oxanium !important; font-size: 16px !important; font-weight: 600 !important;}
.navbar-collapse .nav-item { padding: 8px 0; }
a.nav-link.active, a.nav-link:hover { background: rgba(53, 53, 178, 1) !important; border-radius: 8px; }

.headTopBtn > ul li a i { line-height: 29px; }
.headTopBtn > ul li .mini-cart-footer a { font-size: 20px; padding: 5px; }
.mini-cart .dropdown-menu { top: -5px !important; left: 10px !important; }


button.btn.btn-warning.btn-warning-custom.btn-md, a.btn.btn-warning.btn-md, 
.addtocartbutton.add-to-cart, button.btn.btn-md.search-btn, a.badge.badge-info.season-badge.btn,
button.btn.btn-solid.addtocartbutton.add-to-cart,a.btn.btn-badge.btn-warning.d-inline-block,
.page-body .page-title-bar .list-container .list-assets .btn{     background-color: #000066 !important; color: #fff !important;}

.details-body .page-tab-content .nav-tabs{background-color:#000066 !important; }
.details-body .nav-tabs .nav-link.active { color: #000066 !important; background-color: #fff !important; border-radius: 0;}


.page-title-bar .list-container .list-image .list-image-wrapper,
.list-container .list-image .list-image-wrapper { border-color: #000066 !important; border: 0px !important; border-radius: 0; background-color: transparent; }
.footbotm { background: #000066;}
.privacy li a, .footerWrap, .page-footer p{font-size: 12px !important; font-family: 'Open Sans', Oswald, sans-serif; line-height: 1.5 !important; color: #fff !important;}
.footbotm p a { color: #fff !important; }
button.btn.filter-toggle{ background-color:#000066 !important; color:#fff !important;}

.footersocial { display: block; padding: 10px; }
.footersocial li { display: inline-block; padding: 0 10px; }
.footersocial a { color: #fff; font-size: 16px; }

.filter-bar .btn{ padding:7px 8px;}
@media screen and (max-width: 1250px)
{
	.filter-bar .btn{ padding:6px 8px;}
	.headTopBtn > ul{ right:5px;}
}

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

@media screen and (max-width: 991px)
{
	.menuLink{ display:block;}
	.headTopBtn > ul{top:12px; right:5px;}
	
	.headTopBtn { height: 54px; position: fixed;}
	.page-body .page-title-bar{ padding-top: 54px;}
	a.logomenuLink{ display:block;}
	a.logomenuLink img { width: 80px; margin-left: 110px;}
	.menuLink{ top:5px;}	
	
	.menu-header,.fixedMenu { background: #000066;}	
	.side-menu li a { color: #fff;}
	.details-body .nav-item { padding: 0px 0 !important; }	
}

@media screen and (max-width: 767px)
{
	.footmidInn .row { margin-left: 0px !important ; margin-right: 0px !important; }
	.mini-cart .dropdown-menu { top: 00px !important; left: 0px !important; } 
}
@media (max-width: 575px) 
{
    .filter-bar.active>button { top: 0; right: 0; }
}
@media screen and (max-width: 400px)
{
    .headTopBtn ul li { margin: 0; }
	.headTopBtn > ul li a { padding: 2px 1px; }
}