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




.logo{ max-width: 202px; display: inline-block;transition: all .2s ease-out !important;}
.logo:hover{ transform: scale(1.06);}
.logo img{ max-width: 100%;}
.headTop{ width: 100%; display: inline-block;padding: 10px 0 !important;text-align: center;}

.jss146 {padding: 30px 0 20px;display: inline-block;
vertical-align: top;
}


/*menu*/
.mainheader{ width: 100%; background: #141414;padding: 12px 0;}
.navbar{ padding: 0px;}
.navbar-nav li{
    display: inline-block;
    font: 400 18px/25px 'Anton', sans-serif !important; 
    margin-right: 0px; padding: 0 15px;
}
.navbar-nav li a{ letter-spacing: 0.03em !important;color: #fff !important;font-weight: 400 !important;font-size: 18px !important;
transition: 0.2s ease-in border-bottom;padding: 10px 0px !important; position: relative;}


.navbar-nav > li:after{ content: '|';color: rgba(88,89,91,.88) !important;top: 11px;font-weight: 700;
right: 0px;position: absolute;}
.navbar-nav li{ position: relative;}
.navbar-nav li a:before{ content: '';
width: 100%;
height: 0;
border: 0 solid transparent;border-top-width: 2px;
border-top-color: currentColor;
display: block;transform: translate3d(0,-8px,0);
transition: transform .2s ease-out,opacity .2s ease-out; position: absolute; top:0px; left:0px;
opacity: 0;}

.navbar-nav li a:after{ content: '';
width: 100%;
height: 0;
border: 0 solid transparent;border-top-width: 2px;
border-top-color: currentColor;
display: block;transform: translate3d(0,8px,0);
transition: transform .2s ease-out,opacity .2s ease-out;position: absolute; bottom:0px; left:0px;
opacity: 0;}
.navbar-nav > li:hover a:after, .navbar-nav > li:hover a:before{ transform: translate3d(0,0,0);opacity: 1;}
.dropdown-toggle{ background: url(../images/arw.png) no-repeat center center; width: 23px;
height: 27px; background-size: 10px;padding-left: 10px;display: inline-block; transition: transform .3s ease-out;}
.dropdown-toggle:after{ border: none; }

.navbar-nav li:hover span.dropdown-toggle{ transform: rotate(180deg);}



.navbar-collapse {
    margin-left: 0 !important;
}
.navbar-expand-lg .navbar-collapse{ width: 50%;}

.navbar-nav .dropdown-menu a {
    padding: 10px 10px !important;
    width: 100%;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    border: none !important;
    font-size: 12px !important;
}
.navbar-nav .dropdown-menu, .subsummenu{ background:#fff !important; border:none;min-width: 162px; margin: 0px; padding: 0px;}
.navbar-expand-lg .navbar-nav .dropdown-menu-right{ left: 0px;}
.navbar-nav .dropdown-menu li{ width: 100%;  margin: 0px !important;}
.navbar-nav .dropdown-menu li a, .subsummenu li a{ width: 100%;display: inline-block;font-size: 14px !important;padding: 15px !important;color: #58595b !important;line-height: 30px;}
.navbar-nav .dropdown-menu a:hover, .subsummenu li a:hover{ background: #000 !important; color: #fff !important;}
.navbar-nav .dropdown-menu li{ margin: 0px; padding: 0px !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu-right{border: none !important;}
.navbar-nav .dropdown-menu a:before, .navbar-nav .dropdown-menu a:after{ display: none !important;}
.navbar-expand-lg .navbar-nav .mini-cart .dropdown-menu {
    right: 14px !important;
    top: 48px;
    left: inherit !important;
}

.dropdown-menu .dropdown .dropdown-toggle.test{ position: absolute; top: 17px; right: 0px; background: none !important; transform: rotate(0deg) !important;}
.navbar-nav .dropdown-menu li.dropdown-submenu:hover span{ color: #fff !important;}
.navbar-nav .dropdown-menu li.dropdown-submenu:hover .dropdown-toggle.test{ transform: rotate(-180deg) !important;}







.dropdown-menu .dropdown .dropdown-toggle{top: 12px;
right: 17px;}
.dropdown-item{ white-space: inherit !important;}
.mainheader .container{max-width: 100% !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: #56575b;}
.add-to-cart:hover{ background:#000;}



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




.navbar-nav{ position: relative; display: inline-block;}
.mini-cart button.dropdown-toggle{ margin-top: -13px;}
.header-action{ position: relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
    left: 14px !important;top: 48px;
}
.mini-cart-wrapper{ background: #fff;}


.mini-cart .dropdown-menu{ min-width: 350px !important;left: inherit !important;
right: 0px;margin-top: 0;}
.mini-cart button.dropdown-toggle{ background: none !important; border: none !important; box-shadow: none !important; border-radius: 0px; margin: 0px; width: auto !important; height: auto !important; top: inherit !important; position: inherit; }
.navbar-nav li a{ display: inline-block; text-transform: inherit !important;}
.mini-cart button.dropdown-toggle .cart-counter {
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    padding: inherit !important;
    line-height: 1;
    font-size: inherit;
    border-radius: inherit; background: none !important;color: #fff !important;
}
#cartDropDown:focus, #cartDropDown a:focus, #cartDropDown:active, #cartDropDown a:active, .mini-cart button.dropdown-toggle .cart-counter:active{ background: none !important;}
.topcrt{ width: 100%; padding: 25px 10px; border-bottom: 1px solid #ced0d2; text-align: center;}
.topcrt p{ margin: 0px; padding: 0px; color: #666666;}
.wsite-cart-bottom {
    padding: 10px 15px;
    color: #363b3e;
}
.wsite-vertical-align {
    display: table-cell;
    vertical-align: middle;
}
.wsite-subtotal-wrapper{font-size: 16px;
line-height: 18px;font-weight: 700;color: #363b3e;width: 100%;}
.navbar-nav li a.wsite-button-highlight {
    background: #c1a367;
    color: #fff !important;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    padding: 10px 16px !important;
    border: 2px solid #c1a367;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.5em;
    float: right;
    letter-spacing: 4px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 23px !important;
}
.navbar-nav li a.wsite-button-highlight:hover{ background: #5e0004 !important;}
.mini-cart-wrapper .mini-cart-item-list { text-align: left;}
.mini-cart-footer .btn{ color: #fff !important;}
.mini-cart-footer .btn:hover{ background: #222 !important;}
.navbar-nav .dropdown-menu .mini-cart-footer a:hover{ background: #222 !important;}

.navbar-nav > li:last-child::after {display: none;}
.colm5{ width: 50%;}



.page-footer{ width: 100%;display: inline-block; background: #000; padding: 30px 40px;}
.footbox{ width: 100%;}
.footbox h4{ font-size: 20px !important; color: #fff; line-height: 30px;margin: 2px 0 8px !important; font-family: 'Anton', sans-serif;}
.footbox p, .footbox li{ font-size: 15px; line-height: 35px; color: #fff; font-family: 'Anton', sans-serif;}
.footbox li a{ color: #fff; width: 100% !important; display: inline-block; font-size: 18px !important;}
.footbox li{ width: 100% !important; display: inline-block;} 
.footsos li{ width: auto !important; padding: 4px;transition: all .2s ease-out !important;}
.footsos li a{ width: 80px !important; height: 80px !important; text-align: center; line-height: 70px;border: 3px solid #fff;border-radius: 50%;font-size: 53.333333333333336px !important;}
.footsos li:hover{ transform: scale(1.06);}
.footsos{max-width: 248px;}
.footlogos{ margin: 40px 0 0 0 !important; text-align: center; width: 100%;justify-content: center;}
.footlogos ul li{ display: inline-block; padding: 10px 20px;}
.footlogos ul li img {
    max-width: 255px;
}
.footlogos ul li:first-child img{ max-width: 112px;}
.footbotm p{ text-align: center; font-size: 12px; color: #fff;font-family: Arial;}
.footbotm{ margin-top: 40px;}
.footbotm p a{ text-decoration: underline !important;}
.mini-cart-item-list li{ font-family: 'Montserrat', sans-serif;}
.colm5 {
    width: 50%;
    text-align: center;
}
.navbar-toggler{ background: none !important;}

/*.mobcart{ display: none;}*/



.mobcart {
    display: inline-block;
    position: absolute;
    top: 35px;
    right: 0px;
}
.nav-item.menucartopn{ display: none;}
.mini-cart button.dropdown-toggle {
    width: 40px !important;
    height: 40px !important;
    background: none !important;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    padding: 0px !important;
    display: inline-block !important;
}
.mobcart .btn a{ color: #fff; font-size: 20px;}
.mini-cart button.dropdown-toggle .cart-counter {
    position: absolute !important;
    top: -5px !important;
    right: 0px !important;
    width: 20px;
    height: 20px;
    background: #56585b !important;
    font-size: 12px !important;
    line-height: 20px;
    border-radius: 30px;
}



#cartDropDown:focus, #cartDropDown a:focus, #cartDropDown:active, #cartDropDown a:active, .mini-cart button.dropdown-toggle .cart-counter:active{background: none !important;}

@media (min-width: 2500px) and (max-width: 9000px) 
{
.mobcart{top: 56px;}



}
@media (min-width: 1200px) and (max-width: 9000px) 
{
.navbar-expand-lg .navbar-collapse{padding: 6.8px 15px !important; padding-right: 40px !important;}


}
@media(min-width:992px){
  /*.nav-item.dropdown .dropdown-menu { display: none !important; }*/
 
 .subsummenu{ /*display: none;*/ position: absolute; top: 0px; left: 189px; background: #fff;}
 .nav-item.dropdown .dropdown-menu, .navbar-nav .dropdown-menu li.dropdown .subsummenu{ display: block !important; opacity: 0;text-shadow: none;
transform: scaleY(0);
transform-origin: top;transition: .24s;}
  .nav-item.dropdown:hover .dropdown-menu, .navbar-nav .dropdown-menu li.dropdown:hover .subsummenu { display: block !important; opacity: 1;
transform: initial;}

.dropdown-menu .dropdown .dropdown-toggle:after{ border:none;content: ">"; font-family: 'Lato', sans-serif !important; font-weight: 700;}


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

.mini-cart .dropdown:hover .dropdown-menu{ display: block;}





}





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

@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;}
  
  .colm5{width:33%;}
  .navbar-expand-lg .navbar-collapse{padding-right: 30px;}
  
}

@media screen and (max-width:991px){
	.navbar-nav > li::after {display: none;}
  .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: 104px; bottom: 0; background: #000;}
  .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; }

.page-footer .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; margin-top: 10px;
}
.page-footer .navbar-nav {
    padding-left: 0;
}
.navbar-collapse .navbar-nav .nav-item .dropdown-wrap .nav-link {
    position: inherit;
    text-overflow: inherit;
    white-space: inherit;
    max-width: 100%;
    overflow: inherit;
    line-height: 24px;
    text-align: left;
}
.navbar-collapse .navbar-nav .nav-item {
    padding: 0;
}

#navbarNavDropdown .dropdown-toggle{
    display: inline-block;
    padding: 19px;
    position: absolute;
    right: 15px;
    top: 0px;
    cursor: pointer;
    z-index: 1;
}

.nav-item.dropdown .dropdown-menu {
    background-color: #fff;
    position: inherit;
    left: inherit;
    top: inherit;
    padding: 0px;
    transform: inherit;
    z-index: 123;
    border: none;
    opacity: 1;
    width: 100%;
}

.nav-item.dropdown .dropdown-menu .dropdown-item {
    color: #000;
    text-align: left;
    padding: 10px 15px;
    width: 100%;
    max-width: 100%;
}


.navbar-nav li.nav-item{ width: 100%;}
.navbar-nav .nav-link, .navbar-nav .dropdown-menu li a, .subsummenu li a{ padding: 12px 15px !important;}
#navbarNavDropdown .dropdown-toggle{ right: 0;
top: 0px;
cursor: pointer;
z-index: 1;
padding: 22px;}

.navbar-nav li a::before, .navbar-nav li a::after{ display: none;}

.mini-cart button.dropdown-toggle {
    margin-top: 0;
    position: inherit !important;
    right: inherit !important;
    top: inherit !important;
    padding: 0 15px !important;
}
.navbar-nav li {
    display: inline-block;
    margin-right: 0;
}
.header-action{ display: inline-block;position: inherit !important; top: inherit; right: inherit;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.navbar-nav li{ text-align: left;}
.menucartopn{ padding: 0px !important;}

.jss146{ padding: 5px 0;}
.header-action{ width: 100% !important;}
.mini-cart .dropdown-menu {
    min-width: 100% !important;
    width: 100% !important; border-radius: 0px;position: absolute;
}
.mini-cart .dropdown-menu::before, .mini-cart .dropdown-menu::after { right: inherit;left: 10px;}
.mini-cart .dropdown-menu::after{ left: 12px;}
.mini-cart .dropdown-menu{ position: relative !important;}



.colm5 {
    width: auto;
}

.footsos li a {
    width: 40px !important;
    height: 40px !important;
    line-height: 31px !important;
    font-size: 21px !important;
}

.navbar-expand-lg .navbar-collapse {
    width: auto;
}
.mainheader{ padding: 0px;}

.mini-cart .mini-cart-wrapper {
    padding-bottom: 108px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 111px;
}
.mini-cart .dropdown-menu{ border: none;}
.mini-cart .dropdown-menu::before, .mini-cart .dropdown-menu::after {
    right: 10px;
    left: inherit; display: none;
}
.mini-cart .dropdown-menu::after {
    left: inherit;
    right: 10px; display: none;
}




}

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


.footlogos ul li img {
    max-width: 195px;
}


}











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




}




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








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

.logo{ max-width: 135px;}
.navbar-toggler{ margin: 16px 0; background: none; border: none; width: 40px; font-size: 0px; line-height: 0px;}
.navbar-toggler span{ display: inline-block; width: 100%; height: 4px; background-color: #fff; 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;
}
.navbar-light .navbar-toggler {
    float: right;
    position: absolute;
    top: 34px;
    right: 15px;
    margin: 0px;
}

.navbrand{ width: inherit !important;}

.kklogotxt {
    font-size: 24px;
    padding: 37px 24px;
    display: inline-block;
}
.subsummenu{ display: none !important;}
.dropdown-menu.dropdown-menuact{ display: block;}
.dropdown-submenu.show .subsummenu {
    display: block !important;
}

.page-footer{ padding: 30px 15px;}
.footlogos ul li img {
    max-width: 100% !important;
}

.mobcart{ top: 5px; right: 30px;}


}

@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;
}
.header-action {
    top: 19px;right: 63px;
}

.page-header .header-top .navbar > .navbrand{ padding: 12px 0 10px;}


.mobcart{ top: 13px !important;
right: 47px;}


}

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

.footlogo img {
    max-width: 192px;
}



}