@charset "utf-8";
/* CSS Document */
/* mobile version */
@media (max-width: 1500px) {
.not-mobile { display:none;}
.product-item {
    width: 25%;
}
}
@media (max-width: 1300px) {
.not-mobile { display:none;}
.product-item {
    width: 25%;
}
.product-item-container {
    flex-wrap: wrap;
	width:100%;
	margin-left:0px;
}
.product-item-img {
    height: 250px;
}
.product-item-count {
    font-size: 14px;
}
.product-item-name {
    font-size: 22px;
}
.product-item-price span {
    font-size: 18px;
}
.product-item-cekout {
    width: 100%;
    height: 52px;
	padding: 0px 6px;
}
.product-item-price span:after {
    width: 20px;
    height: 14px;
}
.product-item-cart-button {
    height: 40px;
    width: 40px;
}
.product-item .cart-plus {
    margin-top: 15px;
}	
}
@media (max-width: 1080px) {
.vizible-menu a { display:none;}	
}
@media (max-width: 765px) {
	
#nav-panel-close { position:absolute; top:16px; right:20px; display:block; width:30px; height:30px; background: url(../icons/close-mob.svg) center center no-repeat; background-size: contain; cursor:pointer; opacity:0.6;}
#nav-panel-close:hover { opacity:1;}	
.nav-panel { 
padding:0px;
background:#371B56;
padding: 40px 0px;
}

.callback {
    background: rgba(255, 255, 255, 0.03);
    margin: 20px;
}
.callback p {
	color:#fff;
}
.callback .phone-number {
    color: #fff;
}
.callback .btn-dark {
    background: none;
	border:1px solid #fff;
}
.nav-panel .copy {
        color: #fff;
        margin-top: 15px;
        opacity: 0.5;
        font-size: 12px;
    }
	
.region-change {
    margin-top: 0px;
	position:absolute; top:20px; left:20px;
}
.region-change div {
	color:#fff;
    margin-right: 20px;
    font-size: 16px;
}
#region-select:before { content:''; display:block; background:url(../icons/map-pin-mob.svg) left center no-repeat; background-size:contain; height:20px; width:26px;}
#region-select:after { content:''; display:block; background:url(../icons/select-mob.svg) right center no-repeat; background-size:contain; height: 8px;
    width:14px;margin-top: 4px;}
#lang-select:before { content:''; display:block; background: url(../icons/settings-mob.svg) left center no-repeat; background-size:contain; height:20px; width:26px;}


.nav-item {border-top: 1px solid rgba(255,255,255,0.2);}
.nav-panel-item .nav-item a {
	color:#fff;
	padding: 8px 20px;
}	
#slik-one {height:100vh!important; width:100%;}	
#slik-one .slick-list { height:100vh!important;}
#slik-one .slick-track { height:100vh!important;}
#slik-one .slick-slide {
     height:95vh!important;
    border: none !important;
}
	
.not-mobile { display:none;}
.mobile-bar {background:rgba(0, 0, 0, 0.3); transition:0.3s; border-top: 1px solid  rgba(255,255,255,0.4);
        display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
        position: fixed;
        bottom: 0px;
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        height: 50px;
        text-transform: uppercase;
        font-size: 12px;
    }
.mobile-bar a { color:#fff;}	
.wite-header {background:#fff; }
.wite-header a { color:#42303E;}
.mobile-text { display:block;color: #fff;
        font-size: 30px;}
.nav-panel {
    width: 100%;
	max-width:480px;
	left:-490px;
}
.nav-panel-act {
    left: 0px;
}
.header-line {
height: 64px;
}	
.header-line-content {
    height: 64px;
}
.vizible-menu {
    width:auto;
    order: 2;
}
.header-logo-b {order: 1;width: 167px;
    height: 51px;}
.icons-menu {
	opacity:0;
	order: 0;
	width:42px;
}	
.vizible-menu a { display:none;}	

.item-banner-slide-text-desk {
    margin-top: 15px;
    font-size: 40px;
}

.spo-line { position:relative;}
.spo-img { width:100%; height:calc(100vh + 40px);}
#first-line-spo { background:url(../img/Rectangle%20240648969.jpg) center center no-repeat; background-size: cover;}
.spo-img img { display:none;}
.spo-category {color: #fff;
    opacity: 1;
    margin-bottom: 10px;
    font-size: 16px;}
.spo-link a {
    font-size: 16px;
    color: #fff;
	
}	
.spo-link a:after {
    width: 25px;
    height: 16px;
    background: url(../icons/left-angle-w.svg) center center no-repeat;
    background-size: contain;
}
.spo-text { position: absolute;
    bottom: 0px;
    top: 0px;
    width: 100%;
    display: flex;
    justify-content: flex-end; background: rgba(0,0,0,0.4);}	

.spo-link {
margin-bottom:150px;
}	
	
.product-item-container {
    flex-wrap: wrap;
	width:100%;
	margin-left:0px;
}	
.product-item {
    width: 50%;
}	
.product-item-img {
    height: 220px;
}
.product-item-count {
    font-size: 12px;
}
.product-item-name {
    font-size: 19px;
}
.product-item-price span {
    font-size: 14px;
}
.product-item-cekout {
    width: 100%;
    height: 40px;
	padding: 0px 6px;
}
.product-item-price span:after {
    width: 15px;
    height: 11px;
}
.product-item-cart-button {
    height: 31px;
    width: 32px;
}
.product-item .cart-plus {
    width: 100%;
    margin-top: 15px;
}

.footer-line {}
.footer-line-content {flex-direction: column;}
.footer-1-col {
    width: 100%;
    order: 0;
}
.first-footer .footer-2-col { order:2; width:100%;flex-wrap: wrap;}
.footer-menu-title { width:100%;}
.order-mob {order:2;margin-top: 20px;flex-wrap: wrap;
    width: 100%;
    flex-direction: row;}
.order-mob a { width:50%;}	
.footer-3-col { order:1;margin-bottom: 35px;}
.footer-callback {
    width: 100%;
}
.last-footer .footer-1-col { text-align:center; order:1;}
.last-footer {
        border-top: 1px solid #fff;
        margin-top: 0px;padding-top: 30px;
    }
.last-footer .footer-2-col {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.last-footer .footer-2-col a { width:45%;margin-bottom: 20px;}
.not-desk { display:block;}
.footer-copy { display:block; width:100%; text-align:center;margin-bottom: 20px;}
.logo-footer {width: 100%;
    margin-bottom: 30px; background: url(../icons/logo-m.svg) center center no-repeat; background-size:contain; }
}
@media (max-width: 380px) {
    .product-item-img {
        height: 200px;
    }	
	.product-item-img img {
    width: 90%;
}
    .product-item-price span {
        font-size: 12px;
    }
	.product-item-price span:after {
        width: 13px;
        height: 9px;
    }	
}