body::after, .page-wrapper::after {height: 0px;}
.headtop{  width: 100%; background:#8c0708; display: inline-block;}
.containerbox{ background: #fff;box-shadow: 0 1px 12px rgba(0, 0, 0, 0.7) !important;}
.PublicLayoutDesktop-module{ width: 100%;}
.page-header{ position: relative;}
.headrlFt{ width: auto; float: left;}
.headrlFt ul li{ display: inline-block; position: relative; padding: 6px 0;}
.headrlFt ul li a{ display: inline-block; padding: 10px; color: #bebdbd;font-size: 16px;}
.page-footer .headrlFt ul li a{ color: #fff;}
.screen-reader-text{ position: absolute; background: #000; padding:3px 10px 7px; border-radius: 4px; color: #bebdbd; top: 100%; font-size: 12px; z-index: 11; left: 50%; opacity: 0; -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; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);
transform: translateX(-50%);}
.screen-reader-text:before{ border: 7px solid transparent; border-bottom: 7px solid #000; position: absolute; top: -12px;left: 50%; content:""; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.headrlFt ul li:hover .screen-reader-text{ opacity: 1;}
.headrRt{ width: auto; float: right;}
.headrRt ul li{ display: inline-block; position: relative; color: #fff;font-size: 13px; line-height: 43px;}
.headrRt ul li:before{content: "|"; padding:0 6px 0 4px;}
.headrRt ul li:first-child:before{ display: none;}
.logo{ width: 195px; display: inline-block; }
.logo img{ max-width: 100%;}
.headersos{ width: auto; float: right;}
.headersos li{ display: inline-block;}
.headersos li a{ color: #71fa4d; display: inline-block; width: 31px; height: 51px; text-align: center; line-height: 51px;}
.headersos li a img{width: 20px;}
.headersos li a:hover {   -webkit-filter: brightness(0) invert(1);   filter: brightness(0) invert(1); }
.headtopInn{ width: 100%; display: inline-block;}
.headertagLine{ color: #fff; width: auto; position: absolute; top: 0px; left: 50%;-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 17px 0;}
.headertagLine p{ margin: 0px;}
.headtop{ float: left;}
.containerbox{ width: 100%; float: left; background: #fff;}
/*menu*/
.mainheader{ width: 100%;}
.navbar-brand{ padding: 0.7rem 1rem;}
.nav-item.dropdown{ position: relative;}
.nav-item.dropdown .dropdown-menu a{ border-bottom: 1px solid #ccc; font-size: 12px !important; padding: 10px !important;line-height: 15px !important;display: inline-block; width: 100%;}
.nav-item.dropdown .dropdown-menu{ padding: 0px !important; margin: 0px }
.nav-item.dropdown .dropdown-menu a:last-child{ border: none;}
.nav-item.dropdown .dropdown-menu a:hover{color: #1068a5 !important;background: #CCC !important;}
.navbar-nav a{ color: #333333 !important; font: normal 16px/25px 'OpenSans-CondensedBold' !important; padding:35px 11px !important;text-transform: uppercase;}
.navbar-nav a:hover { color: #6c6c6c !important; text-decoration: none; }
.mini-cart button.dropdown-toggle .cart-counter{ padding: 0px !important;}
.page-header{ min-height: auto;}
.navbar-nav { flex-wrap: wrap; justify-content: end; width: 100%; text-align: end; }
.nav-item{ position: relative;}
.mainheader .nav-item:hover a, .mainheader .nav-item.actv a{ background:#c83030 !important;color: #fff !important;}
ul.justify-content-start .nav-item:last-child:before{ display: none;}
.join-btn {   color: #6c6c6c !important; }
.dropdown-toggle{ position: absolute; top: 17px; right: 0px; color:#fff !important; display: none;}
.dropdown-toggle::after {border-top: 12px solid; border-right: 6px solid transparent; border-bottom: 0; border-left: 6px solid transparent;}
.mainheader .nav-item.dropdown a{ padding-right: 12px !important;}
.mainheader .nav-item{ padding:0;}
.navbar{ padding: 0px;}
.nav-item.dropdown .dropdown-menu{ border: 1px solid #cacaca; min-width: 250px;}
.dropdown-menu{ margin: 0px; padding: 8px 0;}
.navbar-collapse {     margin-left: 0; }
.adminbtn { padding: 6px 8px; color: #fff !important; padding: 6px 8px !important;height: 48px; font-size: 18px; min-width: 64px; box-sizing: border-box; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: 'Anton', sans-serif; font-weight: 500; line-height: 39px; border-radius: 4px; letter-spacing: 0.035rem; text-transform: uppercase;display: inline-block; }
.page-footer{ width: 100%;padding: 20px 0px;background: #8c0708;color: #fff; float: left; text-align: center;}
.page-footer li, .page-footer p { font-size: 14px !important; line-height: 1.5; margin-bottom: 10px !important;position: relative; }
.page-footer p a{ color: #fff !important;}
.page-footer li{ display: inline-block; }
.page-footer li:last-child:after{ display: none;}
.page-footer .headrlFt{ width: 100%; text-align: center;}
.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; padding: 0px !important;}
.mini-cart button.dropdown-toggle .cart-counter { position: absolute; top: inherit; left: inherit; padding: inherit; line-height: 1; font-size: 13px; border-radius: inherit;font-family: 'Open Sans', sans-serif; }
.mini-cart button.dropdown-toggle .cart-counter { background: none !important; color: #a6a8ac !important; }
.navbar-expand-lg .navbar-nav .nav-link.join-btn { color: #6c6c6c !important; }
.mini-cart button.dropdown-toggle:active{ background: none !important;}
.mini-cart button.dropdown-toggle:active .cart-counter{ background: none !important;}
.adminbtn{ top: 1px !important; right: inherit !important;}
.mini-cart .dropdown-menu { z-index: 11111111111; left: inherit; right: 0px; }
/*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: #8c0708 !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;}
.d-desknone{ display: none;}
.overlay.shows{ top: 0; left: 0; right: 0; bottom: 0; display: flex; z-index: 1; 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; }
.empty-cart-info{ color: #142c5d !important;}
.fotlogo{ display: inline-block;}
.fotlogo img{ max-width: 100%;}
.footbotm p{ font-size: 14px; color: #0a0a0a;line-height: 25px;}
.footbotm p a{ color: #1779ba !important;}
.socail-links a{ display: inline-block;margin-right: 11px;}
.socail-links a img{ max-width: 100%;}
.socail-links{ width: 100%; margin-top: 20px;}
.containerbox{ width: 100%; background: #fff;}
.rtmenu{ padding-right: 264px;}
.logoD{ display: none;}
.close-mini-cart { position: absolute; top: 0px; right: 0px; display: none; }
.navbar-nav .dropdown-menu{ background: #ca3232; width: 300px !important; border-radius: 0px !important; border: none !important; padding: 0px !important;}
.navbar-nav .dropdown-menu li a{padding: 7px 20px !important; border-bottom: 1px solid #fff; text-transform: inherit !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important;}
.navbar-nav .dropdown-menu li a:hover{ background: #e04747 !important;}
.headrRt ul li{ line-height: inherit;}
.headrRt ul li a{ color: #fff;}
.hedcart{ width: 41px;}
.hedcart button.btn { width: 100% !important; max-width: 100% !important; min-width: 100% !important; font-size: 13px !important; line-height: 20px !important; text-align: center !important; top: -3px !important; left: inherit !important; }
.hedcart div{ width: 100% !important;}
.hedcart:before{ position: relative; top: 14px;}
.backTops{right: 75px; background: #464646; position: fixed; bottom: 0px;height: 35px;width: 48px; text-align: center; color: #fff;z-index: 100000; line-height: 35px; font-size: 20px; color: #fff !important; border-radius: 5px 5px 0 0; display: none;}
.backTops:hover{ background: #c83030;}
.backTops{ border: none;}
button[data-back-top].visible { display: block; }

@media(min-width:1200px)
{
  .navbar-collapse .navbar-nav .nav-dropdown:hover > .dropdown-menu { display: block; }
  .navbar-toggler { display: none; }
  .navbar-collapse .navbar-nav .subsub-nav-item .dropdown-menu{ right: -250px !important; left: inherit ; top: 0px;}  
  .navbar-collapse .navbar-nav .subsub-nav-item:hover .dropdown-menu { display: block !important; }  
  .navbar-nav > .nav-item:hover > .dropdown-wrap, .nav-dropdown.open-dropdown > .dropdown-wrap {color: #EC1B23 !important;}
  .fusion-switched-side{ left: inherit; right: 0px;}
}

@media(min-width:992px)
{
  .nav-item.dropdown .dropdown-menu{   opacity: 0;text-shadow: none; transition: .24s;}
  .nav-item.dropdown:hover .dropdown-menu { display: block !important; opacity: 1; transform: initial;}
}

@media(max-width:1249px) and (min-width:1200px) 
{
  .navbar-collapse .navbar-nav .nav-item .nav-link { font-size: 20px; }
  .rtmenu {   padding-right: 236px; }
  .header-action{right: 175px;}  
}

@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;}
  .header-main .nav-item:first-child{margin-left: 54px;}
  .rtmenu {   padding-right: 183px; }
  .header-action {padding: 0; right: 124px;}
}

@media screen and (max-width:1199px)
{
  .navbar-nav a{ font-size: 15px !important; padding: 35px 7px !important;} 
}

@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; }
  .nav-item::before{ display: none !important;}
  .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 22px !important; font-size: 16px;}
  .nav-item{ padding: 5px 0 !important;}
  .navbar-toggler{ margin: 16px 6px; background: none; border: none; width: 54px; font-size: 0px; line-height: 0px;}
  .navbar-toggler span { display: inline-block; width: 100%; height:6px; background-color:#dadada; line-height: 0px; margin: 3px 0; border-radius: 0px; }
  .page-header .header-top .navbar > .navbrand{ padding: 12px 0; width: 155px;}
  .navbar-light .navbar-toggler{ float: right;}
  .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; }
  .navbrand{ width: inherit !important;}
  .page-header{ border: none;}
  .dropdown-toggle{ top: 21px; right: 15px;}
  .page-header::before {display: none;}
  .containerbox{ background: none;}
  .page-header {   min-height: auto; }
  .navbar-collapse .navbar-nav .nav-item{ text-align: left;}
  .navbar-nav a, .navbar-nav li{ font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; color: #ffffff !important;}
  .navbar-nav a:hover, .navbar-nav li:hover a{ color: #f1f1f1 !important;}
  .navbar-expand-lg .navbar-nav .nav-link.join-btn {   color: #fff !important; }
  .header-action{ padding: 0px !important;}
  .mini-cart button.dropdown-toggle{ text-align: center !important;}
  .nav-item {   padding: 0 !important; }
  .closebtn { position: absolute; top: 0; right: 16px; font-size: 36px; margin-left: 50px; display: block; color: #fff !important; padding: 8px 8px 8px 22px; line-height: 25px; }
  .nav-logo { width: 200px; padding: 20px 20px 10px; }
  .close-mini-cart{ display: inline-block !important;}
  .navbar-toggler {   background-color: none; }
  .mainheader{padding: 20px 0;}
  .navbar-collapse{ position: relative; border: none !important;margin-top: 22px;}
  .navbar-collapse .navbar-nav .nav-item .nav-link{ background: #f9f9f9 !important; color: #353535 !important; font-size: 15px !important; text-transform: inherit !important;}
  .navbar-collapse .navbar-nav .nav-item .nav-link:hover{ background: #f6f6f6 !important;}
  .navbar-collapse .navbar-nav .nav-item{ border-top: 1px solid #dbdbdb;}
  .navbar-collapse .dropdown-toggle { display: inline-block !important; background: url(../images/arw.png) no-repeat center center; width: 16px; height: 43px; top: 0px !important; font-size: 0px !important; background-size: 14px !important; opacity: 0.9; cursor: pointer; }
  .navbar-collapse .dropdown-toggle i{ display: none !important;}
  .navbar-collapse .dropdown-toggle:after{ display: none !important;}
  .navbar-collapse .nav-dropdown.open-dropdown .dropdown-menu{ display: block !important;}
  .navbar-nav .dropdown-menu{ width: 100% !important;}
  .navbar-nav .dropdown-menu li a:before{ content: "-";}
  .navbar-nav .dropdown-menu li a{ padding-left: 30px !important;}
  .navbar-nav .dropdown-menu li{border-top: 1px solid #dbdbdb;}
  .navbar-collapse .navbar-nav .nav-item .nav-link{border: none !important;}
  body.hide-scroll {   overflow-y: inherit !important; }
}

@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; }
  .kklogotxt {     font-size: 23px; padding: 37px 25px; display: inline-block; }
  .navbar-nav{ text-align: left;}
  .nav-item::before { display: none;}
  .dropdown-toggle{ display: block; color: #000 !important;}
  .navbar-brand{ padding: 10px 0;}
  .navbar-brand img{ max-width: 100%;}
  .headrlFt, .headrRt{ width: 100%; text-align: center;}
  .headrlFt{ border-bottom: 1px solid #7c0006;}
  .headtop .container{ padding: 0px;}
  .headrRt ul li{ line-height: 35px;}
  .hedcart { width: 41px; line-height: 0px !important; }
  .hedcart > .header-action{ display: inline-block;}
  .hedcart button.btn { top:0px !important;}
  .mini-cart #cartDropDown{ text-align: center !important;}
  .hedcart::before { position: relative; top: 11px; left: -13px; }
  .hedcart button.close-mini-cart { width: 30px !important; min-width: auto !important; top: 0px !important; height: 30px !important; }
}

@media only screen and (max-width: 767px) 
{
  .page-footer{ text-align: center;}
  .page-footer .col-md-6{ margin: 10px 0;}
}

@media only screen and (max-width: 575px) 
{
  .page-header .header-top .navbrand a { display: block; width: 77px; }
  .kklogotxt { font-size: 15px; padding: 18px 9px; display: inline-block; }
  .navbar-light .navbar-toggler{top: -66px;}
  .page-header .header-top .navbar > .navbrand{ padding: 12px 0 10px;}
  .navbar-brand { padding: 10px 0; width: 213px; }
}

@media only screen and (max-width: 400px) 
{
	.footlogo img { max-width: 192px; }
	.navbar-collapse{ width: 250px;}
	.logo { width: 146px;}
}

/* new style */
.navbar-collapse .navbar-nav .nav-item .nav-link{     font-family: 'Open Sans Condensed', Open Sans, Arial, Helvetica, sans-serif !important; font-weight: 700 !important; font-size: 16px !important;     line-height: 1 !important; letter-spacing: -0.25px;}
.navbar-collapse .navbar-nav .nav-item .sub-nav-item .nav-link{ font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-size: 14px !important;  letter-spacing: 0px;}	
.headrlFt ul li{ padding: 0px 0; vertical-align: middle;}
.headrlFt ul li a{ padding:14px 9.5px 13px}	
.headrlFt ul li:first-child a{ padding-left:3px;     padding-right: 10px;}	
.mini-cart button.dropdown-toggle .cart-counter{ color:#fff !important; }
.headrRt ul li:last-child{ margin-right:5px; }
.headrlFt ul li a i.fa-facebook-f{ font-size:16px;}
.headrlFt ul li a i.fa-instagram{ font-size:18px;}
.headrRt ul li i { padding-right: 5px; }
.headrRt ul li i.fa.fa-phone { transform: translate(0px, -3px) rotate(270deg); font-size: 14px; }
.headrRt ul li:before {padding: 0 5px 0 0px; }
.headrRt ul li a { z-index: 11111111; position: relative; line-height: 44px;}

.navbar-collapse .navbar-nav .nav-item .nav-link{ font-family: "Open Sans Condensed" !important; }
.navbar-nav a { padding: 39px 10px 40px !important; }
.logo { width: 105px;}
.navbar-nav .dropdown-menu li a { padding: 10.5px 20px !important;}
span.select2.select2-container.select2-container--default { width: 100% !important; }

button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md, a.btn.btn-warning.btn-md.upcoming-btn, .add-to-cart{background-color: #c83030 !important; color: #fff !important;}
.btn.btn-warning, 
.minicart_sidebar_content .close-mini-cart, 
#minicart_sidebar_btn,
.filter-bar.active > button,
.adcartBtn,
.filter-bar.active > button:hover,
button.btn.filter-toggle:hover{ background-color: #c83030 !important; color: #fff !important;}

.btn.btn-warning:hover, 
.minicart_sidebar_content .close-mini-cart:hover, 
#minicart_sidebar_btn:hover,
#checkout_login .adcartBtn:hover,
a.btn.btn-warning.btn-md.upcoming-btn:hover,
.inputForm .adcartBtn:hover,
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md:hover{ background-color: #000 !important; color: #fff !important;}
.minicart_sidebar img, .intercom-lightweight-app-launcher svg { filter: brightness(0) invert(1) !important; }
.navbar{ padding: 0 !important;}
li.hedcart { display: none !important; }
.layout-small.list-container .list-details .list-details-left { max-width: 100%;}
.col-6.division_range, .col-6.division_range_price { max-width: 100%; flex: 0 0 100%; }
.col-6.division_range_price .list-cost{ margin-top: 10px !important;}
.list-container .list-details .list-details-left .list-title{ line-height: 1.2; padding-bottom: 10px;}
.layout-small.list-container .list-details .list-details-right .list-links{ padding-top: 0px;}
@media(max-width:1099px)
{
	.navbar-nav a { padding: 39px 9px 41px !important; }
}

@media(max-width: 991px)
{
	.navbar-nav a { padding: 15px 10px !important; }
  .navbar-collapse .navbar-nav .nav-item .nav-link { font-size: 16px !important; font-weight: 400 !important; font-family: 'Open Sans' !important; }
}

@media screen and (max-width: 767px) 
{
  .headrlFt, .headrRt {padding:0 15px;}
  .layout-small.list-container .list-image { margin-right: 0px; margin-bottom: 10px; }
}

@media screen and (max-width: 400px) 
{
  .headrlFt, .headrRt {padding:0 5px;}
  .headrRt ul li a{ font-size: 12px;}
}