body { font-family: 'Inter';}
body::after, .page-wrapper::after {height: 0px;}


.PublicLayoutDesktop-module{ width: 100%; background-size: cover !important;}
.page-header{
  display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: center;
  align-items: center;
  gap: 30px;
  padding: 14px 30px;
  background-color: rgb(69, 229, 61);
}

.logo{ width: 150px; float: left;}
.logo img{ width: 150px;}
.headTop{ width: 100%; display: inline-block;position: relative;}
.logname{ width: 100%; float: left;}
.logname img{ max-width: 100%;}
.jss146 {
    display: flex;
    margin-top: 8px;
    word-break: break-word;
    margin-bottom: 16px;
    justify-content: flex-start;
}
.container {
    padding: 0 15px;
    max-width: 1280px !important;
}
.page-header .container{ padding: 0px;}


/*menu*/
.mainheader{ width: 100%;}
.navbar-nav a{ color: rgba(0, 0, 0, 0.87) !important; font: 700 18px/26px 'Roboto Condensed' !important; text-transform: uppercase;padding: 6px 8px;letter-spacing: 0.025rem;}

.nav-item.dropdown.magamenu.dropdown-toggle2 {
}
.nav-item.dropdown-toggle2 {
  padding-left: 9px;
  padding-right: 25px;
}
.nav-item.dropdown.dropdown-toggle2:first-child {
  padding-left: 8px;
}
.nav-item.dropdown{ position: relative;}
.navbar-nav{ flex-wrap: wrap;
justify-content: center;}
.dropdown-toggle{ position: absolute; top: 11px; right: -13px; color: rgba(0, 0, 0, 0.87) !important;}
.dropdown-toggle::after {border-top: 7px solid;
border-right: 6px solid transparent;
border-bottom: 0;
border-left: 6px solid transparent;}
.nav-item.dropdown a{ padding-right: 12px !important;}
.nav-item{ padding: 3px 2.9px;}

.navbar{ padding: 0px;}
.nav-item.dropdown .dropdown-menu{ border: none;}
.dropdown-menu{ margin: 0px; padding: 8px 0;}

.navbar-collapse {
    margin-left: 0;
}
.mini-cart button.dropdown-toggle.adminbtn{
  margin: 0px;
  font-family: 'Roboto Condensed';
  line-height: 1.2;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  width: fit-content;
  color: rgb(255, 255, 255) !important;
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out 0s;
  cursor: pointer;
  padding: 8px 20px 11px !important;
  border-radius: 10px !important;
  font-weight: 700;
  text-decoration: none;
  background-color: rgb(34, 34, 34) !important;
  text-transform: uppercase;
  font-size: 18px !important;
}
.mini-cart button.dropdown-toggle.adminbtn span{ padding: 0px !important; color: #fff !important;}
.mini-cart button.dropdown-toggle.adminbtn:hover{ opacity: 0.9;}
.login_link{margin: 0px;font-family: Roboto Condensed, Helvetica, Arial, sans-serif;line-height: 1.2;display: flex;-moz-box-align: center;align-items: center;width: fit-content;color: rgb(255, 255, 255);border: 0px solid;transition: 0.2s ease-in-out;cursor: pointer;padding: 8px 20px;border-radius: 10px;font-weight: 700;text-decoration: none;text-align: center;background-color: rgb(0, 0, 0);text-transform: uppercase;font-size: 18px;}
.login_link:hover {
	opacity: 0.9;
	color:#FFF;

}
.page-footer{ width: 100%;}
.footertop{
  display: flex;
  flex-direction: row;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: justify;
  justify-content: space-between;
  padding: 24px 30px; background: #18262f;
}
.footertop .row{ align-items: center;}




.soslink a{ color: #3b5998;}
.parlink p{ font-family: 'Anton', sans-serif; text-transform: uppercase;line-height: 22px; font-size: 14px; margin: 0px !important;}
.parlink p a{ color: #fff !important;}

.footbotm p a, .footbotm li a{ color: rgb(211, 214, 233) !important;}
.footbotm p a:hover, .footbotm li a:hover{ color: rgb(211, 214, 233) !important;}
.footbotm li{ display: inline-block; position: relative;}
.footbotm ul{ display: inline-block;}

.botmpriv p{ display: inline-block;}
.jss7{ position: absolute; top: 31px; right: 30px; z-index: 1; padding-left: 10px;
  border-left: 1px solid rgb(34, 34, 34);}
.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 .cart-counter {
    position: absolute;
    top: 3px;
    left: inherit;
    padding: inherit;
    line-height: 1;
    font-size: 12px;
    border-radius: inherit; right: 13px;
}
.mini-cart button.dropdown-toggle .cart-counter {
    background: none !important;
    color: rgba(0, 0, 0, 0.87) !important;
}
.mini-cart button.dropdown-toggle a{ color: rgba(0, 0, 0, 0.87) !important;}
.mini-cart button.dropdown-toggle:active{ background: none !important;}
.mini-cart button.dropdown-toggle:active .cart-counter{ background: none !important;}
.adminbtn{ top: 0px !important; right: inherit !important;}
.mini-cart .dropdown-menu{ z-index: 11111111111;}
.mini-cart-wrapper .cart-total .total-price{ color: #45e53d !important;}
.header-action .mini-cart a.btn{ background: #45e53d !important;}
.header-action .mini-cart a.btn:hover{ background: #000 !important;}



/*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: #45e53d !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.showsa{
    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;
}

.close-mini-cart{ display: none;}
.powerbotm{ text-align: center; }

.privacy li{ display: inline-block;}
.page-footer, .page-header{ float: left; width: 100%;}
.page-footer .container{ padding: 0 15px;}
.powered-by{ color: #fff;}
.powered-by a{ color: #fff;}
.privacy li, .privacy li a{ color: #fff;}

.footbotm .row{ flex-direction: row-reverse;}
.footbotm p span em{ font-style: normal;}



.footLfts{ width: auto;display: flex;flex-direction: row;width: auto;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;gap: 50px;}
.footLogo{ max-width: 100%; display: inline-block; width: 48px;}
.foSos li{ display: inline-block;}
.foSos{ /*! display: inline-block; */ /*! margin-left: 38px; */}
.foSos li img{ max-width: 100%; width: 20px;}
.footrt li{ display: inline-block; font-size: 14px; font-weight: bold; line-height: 19px; letter-spacing: 0.00938em; font-family: 'Inter'; color: rgb(211, 214, 233); margin-left: 37px;}
.footrt li a{ color: rgb(211, 214, 233);}
.footrt li img {
	width: 22px;
	margin-right: 4px;
	top: -1px;
	position: relative;
}
.footbotm{
  display: flex;
  flex-direction: row;
  gap: 5px;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: justify;
  justify-content: space-between;
  padding: 18px 30px;
  width: 100%;
  background: rgb(36, 59, 74);
}

.footbotm p, .footbtmMenu li{
  margin: 0px;
  font-family: Inter;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.01071em;
  color: rgb(101, 113, 151);
  font-size: 12px;
}

.websites span{ color: rgb(211, 214, 233);}
.cupicon{ width: 32px; margin-left: 13px;}
.footbtmMenu li{ display: inline-block; border-left: rgb(101, 113, 151);}
.footbtmMenu li a, .footbtmMenu li a:hover {
	color: rgb(101, 113, 151) !important;
	padding: 8px;
	display: inline-block;
}
.footbtmMenu li:first-child:before{ display: none;}
.powered-by, .privacy li, .privacy li a{ font-size: 12px !important;}





.navbar-nav{
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 0px 4px;
  -moz-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  -moz-box-pack: start;
  justify-content: flex-start;
  -moz-box-flex: 1;
  flex-grow: 1; max-width: 90%; padding-left: 10px;
}
.navbar-collapse .navbar-nav .nav-item .nav-link{ position: relative;}
.navbar-collapse .navbar-nav .nav-item .nav-link:before{
  position: absolute;
  bottom: 0px;
  margin: auto;
  left: 0px;
  right: 0px;
  opacity: 0;
  width: 0px;
  transition: width 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; content: ""; height: 2px; background: #000;
}
.navbar-collapse .navbar-nav .nav-item:hover .nav-link:before{ width: 14px;
  opacity: 1;}
.dropdown-toggle{ top: 8px;}


.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  background: none !important;
}


.nav-item.dropdown .dropdown-menu a{ width: 100%; display: inline-block;}






@media(min-width:1200px){
  /*.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;opacity: 0;
  transform: scale(0.75, 0.5625);
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 133ms cubic-bezier(0.4, 0, 0.2, 1) 67ms;
  visibility: hidden;}
  .nav-item.dropdown:hover .dropdown-menu { display: block !important; opacity: 1;
transform: initial; transform: none;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 133ms cubic-bezier(0.4, 0, 0.2, 1) 67ms; visibility: visible; transform: translate3d(40px, 55px, 0px);}




.header-main .nav-item:first-child{margin-left: 54px;}
.kklogotxt{ margin-left: -22px;}



.nav-item.dropdown .dropdown-menu{
  background-color: rgb(69, 229, 61);
  border-radius: 8px;
  box-shadow: rgba(16, 71, 112, 0.15) 0px 0px 30px;
  padding: 12px 32px;
  max-width: initial;
  width: fit-content;
}
 .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: initial;
    left: 50%;
    transform: translateX(-50%) !important;
  }


.nav-item.dropdown.magamenu .dropdown-menu {
  box-sizing: border-box;
  display: flex;
  flex-flow: row;
  width: 100%;
  -moz-box-pack: start;
  justify-content: flex-start;
  align-items: flex-start; width: 1200px; left: 100%;
}


li.colm33{ width: auto; float: left; padding:0 5px;}
li.colm33 ul{ width: 100%; display: inline-block !important;}
.nav-item.dropdown .dropdown-menu a{ white-space: nowrap;}
.nav-item.dropdown.magamenu2 .dropdown-menu{ /*transform: translate3d(230px, 96px, 0px) !important;*/ width: 1036px; left: -38px;}

.cross{ display: none;}








}

@media(max-width:1200px) and (min-width:1400px) {
.navbar-nav a{ font-size: 17px;}  

}
@media(max-width:1249px) and (min-width:1200px) {
  .navbar-collapse .navbar-nav .nav-item .nav-link { font-size: 17px !important; }
  
  

  
  
}

@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;}
}

@media screen and (max-width:1199px){
.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:fixed;top:0px;bottom:0;width:320px;height:100%;overflow:auto;background:#45e53d;border:none;text-align:left !important;left:-320px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease; display:block !important; z-index: 111;}
.navbar-collapse.showsa{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 20px;background:none;border:none;width:32px;font-size:0px;line-height:0px;}
.navbar-toggler span{display:inline-block;width:100%;height:2px;background-color:#000;line-height:0px;margin:3px 0;border-radius:3px;}

.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;}
.kklogotxt{font-size:30px;padding:36px 0;display:inline-block;}

.navbrand{width:inherit !important;}

.kklogotxt{font-size:24px;padding:37px 24px;display:inline-block;}
.page-header{border:none;}

.dropdown-toggle{top:21px;right:15px;}

.d-desknone{display:inline-block;}
.d-mobnone{display:none;}
.logo{display:none;}
.jss7{top:5px;right:14px;box-shadow:none;}

.adminbtn:hover{text-decoration:none;background-color:rgba(64,64,64,0.04);}

.page-header::before{display:none;}
 .jss7{top:8px;right:18px;box-shadow:none;}

.mini-cart button.dropdown-toggle:hover{background-color:rgba(64,64,64,0.04) !important;}
.mini-cart button.dropdown-toggle{border-radius:4px !important;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-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;}
.adminbtn{padding:3px 12px !important;}
.navbar-light .navbar-toggler{transition:background-color 150ms cubic-bezier(0.4,0,0.2,1) 0ms;border-radius:50%;width:50px;height:50px;padding:12px;}
.navbar-light .navbar-toggler:hover{background-color:rgba(0,0,0,0.04);}
.navbar-nav a{font-size:16px !important;padding:11px 16px !important;}
/*.dropdown-toggle::after{border:none;content:"\f107";font-family:"Font Awesome 6 Pro";}*/
.navbar-nav .dropdown-toggle{top:0px;right:0;padding:0px;font-size:22px;cursor:pointer;width:24px;height:40px;display:flex; align-items: center;
    justify-content: center;}
.navbar-toggler{margin:7px 20px;}

.navbar-collapse .navbar-nav .nav-item .dropdown-wrap{position:relative;}
/*.navbar-nav .dropdown-toggle::after{display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
.navbar-collapse .navbar-nav .nav-item.show .dropdown-toggle::after{content:"\f106";}*/
.jss7{background:none;}

.navbar-collapse .navbar-nav .nav-item.show .nav-link{background-color:none !important;}

.footbotm p span em{display:block;font-size:18px;}
.footbotm p span em img{width:30px !important;height:30px !important;margin-left:4px;}

.footbotm{width:100%;text-align:center;display:inline-block;}
.footbotm p{margin:10px 0;}
.footLfts,.footrt{width:100%;display:inline-block;}
.footertop{display:inline-block;width:100%;}
.footrt li:first-child{margin-left:0px;}
.footrt{margin-top:30px;}
.footLfts{display:flex;justify-content:space-between;align-items:center;}

.footrt li{margin:10px 0;}



.navbar-light .navbar-toggler{ position: absolute; left: 0px; top: -4px; float: left; display: block; margin: 0px;}
.page-header{ padding: 12px 16px; min-height: 70px;}
.logos{ width: 40px; margin-left: 62px;}
.logos img{ max-width: 100%;}
 .jss7 {
    top: 14px;
    right: 14px;
    box-shadow: none;
  }

.mainheader .navbar-expand-lg .navbar-collapse{ display: block !important; 
  width: 360px;  left: -600px;}
.navbar-light .cross{
  display: inline-flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  overflow: visible;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  width: 30px;
  height: 30px;
  border-radius: 5px !important;
  color: rgb(34, 34, 34);
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.navbar-light .cross img{ filter:brightness(0);}
.navbar-light .cross:hover img{
  filter: inherit;
}
.navbar-light .cross:hover{background-color: rgb(244, 246, 253);
  color: rgb(4, 140, 221);}
.navbar-light .cross{ border-radius: 5px;}

.navbar-nav{ max-width: 100%;padding: 70px 16px 24px 8px !important;}
.mainheader .navbar-expand-lg .navbar-collapse.showsa{ left: 0px;}
.navbar-nav a{ padding: 8px !important;}
 .navbar-nav .dropdown-toggle {
    top: inherit;
    right: inherit;
    padding: 0px;
    font-size: 22px;
    cursor: pointer;
    width: 24px;
    height: 25px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
  }
.navbar-collapse .navbar-nav .nav-item .nav-link::before{ display: none;}


.nav-item.dropdown .dropdown-menu {
    background-color: transparent !important;
    position: inherit;
    left: inherit;
    top: inherit;
  }


  .navbar-collapse .navbar-nav .nav-item.show .nav-link {
    background-color: none;
  }
.navbar-expand-lg .navbar-nav .dropdown-menu{ padding: 0 15px;}






}

@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;
}


















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



.footbotm p span{ font-size: 14px;}



.footertop{ padding: 19px 15px;}
.footrt li a{ word-break: break-all; position: relative; padding-left: 30px; display: inline-block;}
.footrt li a img{ position: absolute; top: -2px; left: 0px;}








}

@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;
}


.page-header .header-top .navbar > .navbrand{ padding: 12px 0 10px;}
.close-mini-cart{ position: absolute; top: 0px; right: 0px; z-index: 111; display: block;}




}

@media only screen and (max-width: 400px) 
{
.footlogo img { max-width: 192px; }
.navbar-collapse{ width: 250px;}
.mainheader .navbar-expand-lg .navbar-collapse{ width: 310px;}
}


/* new css */
.navbar-toggler { background-color: transparent !important; }
.navbar-nav{ padding-left:24px !important;}
.navbar-nav a{line-height: 1.2 !important;}
.logos img { width: 44px; height: auto; }
.nav-item.dropdown.magamenu { padding-right: 20px; }
.dropdown-toggle { margin-left: 10px; }
.mini-cart button.dropdown-toggle.adminbtn{ background-color: transparent !important; color: #000 !important;}
.mini-cart button.dropdown-toggle.adminbtn span{color: #000 !important;}

@media screen and (max-width: 1199px) 
{
	.page-header { padding: 12px 16px 12px 8px;}
	.navbar-light .navbar-toggler{ padding:8px;}
	.logos{margin-left: 55px;}
	.navbar-light .navbar-toggler{ width:40px;}
	.navbar-nav{ padding-left:8px !important;}
}

@media (min-width: 1309px) 
{
  .nav-item.dropdown.magamenu2 .dropdown-menu { left:100% !important; }
}