html{
	background-color:#ffffff;
	padding:0;
	margin:0;
	top:0;
	left:0;
	border:none;
	font-size:100%;
	font-family: "Roboto", "Droid Sans", arial;
	scroll-behavior: smooth;
	/* background-image: url("../img/pattern.png"); */
	/* background-repeat: repeat-x-y; */
	/* background-size:80px 80px; */
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration:none;
}
/* START SCROLLBAR */
::-webkit-scrollbar {
    width: 0.2px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fefefe; 
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #fefefe; 
}
::-ms-scrollbar {
    width: 0.2px;
}
::-ms-scrollbar-track {
    -ms-box-shadow: inset 0 0 6px #fefefe; 
}
::-ms-scrollbar-thumb {
    -ms-box-shadow: inset 0 0 6px #fefefe; 
}
::-moz-scrollbar {
    width: 0.2px;
}
::-moz-scrollbar-track {
    -moz-box-shadow: inset 0 0 6px #fefefe; 
}
::-moz-scrollbar-thumb {
    -moz-box-shadow: inset 0 0 6px #fefefe;
}
::-o-scrollbar {
    width: 0.2px;
}
::-o-scrollbar-track {
    -o-box-shadow: inset 0 0 6px #fefefe;
}
::-o-scrollbar-thumb {
    -o-box-shadow: inset 0 0 6px #fefefe;
}
/* END SCROLLBAR */
/* START PLACEHOLDER */
::placeholder {
    color: #a0a0a0;
    opacity: 1;
}
/* END PLACEHOLDER */
/* START RIPPLE */
.ripple{
	position:relative;
	overflow:hidden;
	margin:0;
}
.ripple:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
	background-image:radial-gradient(circle,#cecece 15.5%,transparent 15.5%);
	background-repeat:no-repeat;
	background-position:50%;
	transform:scale(10,10);
	opacity:0;
	transition:transform 0.8s,opacity 0.8s;
}
.ripple:active:after{
	transform:scale(0,0);
	opacity:0.6;
	transition:0s;
}
/* END RIPPLE */
/* START LAZY */
.lazy{
	background-image: url('../image/page-loader.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:100px 100px;
	width:100%;
	display:block;
	border:0px solid #fefefe !important;
	box-shadow: 0px 0px #fefefe !important;
	opacity:0.9;
}
/* END LAZY */
.white{
	color:#fafafa;
}
.small{
	font-size:10.5px;
}
.normal{
	font-size:13.2px;
}
.medium{
	font-size:24px;
}
.big{
	font-size:32px;
}
.block{
	display:block;
	margin-bottom:-85%;
}
.half-width{
	width:50%;
}
.full-width{
	width:100%;
}
.center-text{
	text-align:center;
}
.left-text{
	text-align:left;
}
.right-text{
	text-align:right;
}
#page-one{
	overflow-y:scroll;
	display:block;
	height:calc(100% - 60px);
	width:100%;
}
/* START INDEX SLIDE */
.swiper-container-index{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	top:0;
	left:0;
	position:absolute;
	height:100%;
}
/* END INDEX SLIDE */
/* SLIDE-PAGE 1 STYLE */
#head-one{
	height:60px;
	width:100%;
	position:fixed;
	z-index:997;
	font-weight:300;
	font-style: normal;
	line-height:52px;
	background-color:#2f120e;
}
#content-one{
	display:inline-block;
	position:relative;
	width:100%;
	top:0;
	left:0;
	overflow-y: auto;
	margin-top:60px;
	padding-bottom:32px;
}
.bottom-shadow{
	box-shadow: 1px 2px 1px #f0f0f0;
	border-bottom:1px solid #e0e0e0;
}
.top-shadow{
	border-top:1px solid #f2f2f2;
}
#flash-one{
	display:inline-block;
	position:relative;
	width:100%;
	overflow-y: hidden;
	margin-top:12px;
	padding-bottom:10px;
	/* background-image: url("../img/sprite-background.png"); */
	/* background-repeat: repeat-x-y; */
	/* background-size:80px 80px; */
}
.new-pack{
	width:100%;
	height:382px;
	background: #f9f9f9;
	color:#181818;
	margin-top:5px;
	padding-top:8px;
	display:block;
	position:relative;
	z-index:992;
}
.frame-left{
	width:50%;
	line-height:50px;
	height:50px;
	display:block;
	float:left;
}
.frame-right{
	width:50%;
	line-height:50px;
	height:50px;
	display:block;
	float:right;
}
.float-right{
	display:block;
	position:absolute;
	right:17px;
}
.float-left{
	display:block;
	position:absolute;
	left:17px;
}
.title-text{
	font-weight:bold;
	font-size:15px;
}
.button-little{
	height:28px;
	line-height:29px;
	display:block;
	text-align:center;
	font-size:13px;
	border-radius:20px;
	width:90px;
	margin:10px auto 0 auto;
}
.background-red{
	background-color:#2f120e;
	color:#fafafa;
}
.background-white{
	background-color:#fafafa;
	color:#08af6d;
}
.product-load{
	width:100%;
	position:relative;
	z-index:12;
	margin:70px auto 0 auto;
	display:block;
}
.swiper-container-flash-a{
	overflow:hidden;
	padding-left:0;
}
.swiper-container-brand-a{
	overflow:hidden;
	padding:12px 0 0 5%;
}
.swiper-container-product-a{
	overflow:hidden;
	padding:20px 0 0 0;
}
.swiper-container-dta{
	overflow:hidden;
}
.loader-page{
	background-image: url('../img/loader-page.gif');
    background-repeat: no-repeat;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translate3d(0, 0, 0);
}
/* SLIDE-PAGE 1 STYLE */
/* RIGHT PLACE */
.right-place{
	position:absolute;
	float:right;
	right:19px;
	display:block;
}
/* RIGHT PLACE */
/* LEFT PLACE */
.left-place{
	position:absolute;
	float:left;
	left:4%;
	display:block;
}
/* LEFT PLACE */
/* HOME BANNER */
#home-banner{
	width:100%;
	height:auto;
	z-index:1;
	display:inline-block;
	line-height:240px;
	text-align:center;
	position:relative;
}
.banner-logo{
	width:70%;
	border:none;
	margin:80px auto;
	z-index:2;
	opacity:0.96;
}
.banner-x-logo{
	width:95%;
	border:none;
	margin:36px auto 0 auto;
	z-index:2;
	opacity:0.91;
}
/* HOME BANNER */
/* WAVE SHAPE */
.wave-shape{
	margin-top:-10px;
	transform: rotate(180deg) scaleX(1);
}
/* WAVE SHAPE */
/* HOME CONTENT */
.home-content{
	background-color:#ffffff;
	width:100%;
	display:block;
	margin-top:-30px;
	text-align:center;
}
/* HOME CONTENT */
/* LABEL WHITE */
.label-white{
	background-color:#fafafa;
	height:24px;
	width:80px;
	border-radius:11px;
	line-height:21px;
	text-align:center;
	color:#2f120e;
	display:block;
	position:relative;
	margin-top:19px;
}
/* LABEL WHITE */
/* SEARCH WHITE */
.search-white{
	background-color:#fafafa;
	height:35px;
	width:65vw;
	border-radius:10px;
	line-height:35px;
	text-align:left;
	padding:0px 12px;
	color:#999999;
	display:inline-table;
	margin-top:11.2px;
}
/* SEARCH WHITE */
/* SLIDE-PAGE 2 STYLE */
#head-two{
	height:60px;
	width:100%;
	position:relative;
	z-index:997;
	font-weight:300;
	font-style: normal;
	line-height:52px;
	background-color:#2f120e;
}
#content-two{
	display:inline-block;
	position:absolute;
	width:100%;
	height:100%;
	top:60px;
	left:0;
	overflow-y: auto;
}
/* SLIDE-PAGE 2 STYLE */
/* SLIDE-PAGE 3 STYLE */
#head-three{
	height:60px;
	width:100%;
	position:relative;
	z-index:997;
	font-weight:300;
	font-style: normal;
	line-height:52px;
	background-color:#2f120e;
}
#content-three{
	display:inline-block;
	position:absolute;
	width:100%;
	height:100%;
	top:60px;
	left:0;
	overflow-y: auto;
}
/* SLIDE-PAGE 4 STYLE */
#head-four{
	height:60px;
	width:100%;
	position:relative;
	z-index:997;
	font-weight:300;
	font-style: normal;
	line-height:52px;
	background-color:#2f120e;
}
#content-four{
	display:inline-block;
	position:absolute;
	width:100%;
	height:100%;
	top:60px;
	left:0;
	overflow-y: auto;
}
/* SLIDE-PAGE 4 STYLE */
.grey{
	color:#bababa;
}
.section-wrapper{
	width:100%;
	display:block;
	padding:20px 0px;
	margin:0 auto;
	text-align:center;
}
.cart-button-green{
	width:140px;
	height:27px;
	padding:8px;
	line-height:27px;
	display:block;
	background-color:#08af6d;
	border-radius:10px;
	text-align:center;
	font-size:12px;
	color:#fafafa;
	font-weight:400;
	margin:15px auto;
}
.cart-trash{
	width:40px;
	height:49px;
	line-height:49px;
	padding-top:15px;
	display:inline-block;
	float:right;
	text-align:center;
	font-size:28px;
	color:#e02f43;
}
.cart-card-product{
	width:90%;
	height:80px;
	border-radius: 2px;
    box-shadow: 1px 2px 1px #e9e9e9;
    border: 1px solid #f0f0f0;
	display:inline-block;
	line-height:80px;
	margin:0 auto 10px auto;
}
.history-card-product{
	width:82%;
	height:auto;
	border-radius: 2px;
    box-shadow: 1px 2px 1px #e9e9e9;
    border: 1px solid #f0f0f0;
	display:inline-block;
	line-height:auto;
	margin:0 auto 10px auto;
	padding:4%;
	opacity:0.7;
}
#history-bucket{
	padding-bottom:180px;
}
.cart-image-card{
	width:64px;
	height:64px;
	display:inline-block;
	border-right:1px solid #f0f0f0;
	position:relative;
	float:left;
	margin:8px 0 0 2px;
	/* background-color:#000; */
}
#cart-bucket{
	padding-bottom:180px;
}
#history-bucket{
	padding-bottom:203px;
}
.title-wrapper-card{
	line-height:24px;
	height:55px;
	margin:8px 0 0 8px;
	position:relative;
	float:left;
	text-align:left;
	padding-top:9px;
	font-size:10px;
}
/* START NAV */
#nav{
	width:100%;
	background-color:#ffffff;
	opacity:1;
	height:54px;
	margin-bottom:-10px;
	position:fixed;
	border-top:1px solid #eaeaea;
}
#nav table{
	width:100%;
	border:none;
	display:inline-table;
	background:transparent;
}
#nav table td{
	width:25%;
	height:50px;
	vertical-align:middle;
	line-height:10px;
	text-align:center;
	border:none;
}
.nav-icon{
	color:#707070;
	font-size:27.242px;
	margin:0 auto 2px auto;
	display:block;
}
.nav-text{
	color:#707070;
	font-size:10px;
	margin:0 auto;
	letter-spacing: 1.2px;
	display:block;
}
/* END NAV */
/* START BUTTON SQUARE */
#square-one{
	display:block;
	width:92%;
	position:relative;
	z-index:995;
	top:20px;
	padding-bottom:20px;
	text-align:left;
	margin:0 auto;
}
.square{
    float:left;
    position: relative;
    width: 27.1%;
    overflow:hidden;
	text-align:center;
	border-radius:25%;
	display:inline-block;
    margin-bottom:0.2%;
}
.square-right-a{
	margin-left:9.35%;
}
.square-right-b{
	margin-left:9.35%;
}
.content-menu{
    margin:0 auto;
	display:block;
	opacity:0.91;	
	position:relative;
	height:48px;
	width:45px;
	text-align:center;
	color:#000;
	z-index:999;
	line-height:48px;
	padding:6px;
	background-color:#ffffff;
	border-radius:28%;
	box-shadow: 1px 2px 1px #e5e5e5;
	border:1px solid #f0f0f0;
}
.icon-button-front{
	width:95%;
	padding-top:1px;
}
.text_menu_square{
	position:relative;
	bottom:5px;
	display:block;
	width:100%;
	text-align:center;
	font-size:11.4252px;
	color:#606060;
	height:32px;
	padding-top:14px;
	line-height:12px;
}
/* END BUTTON SQUARE */
.swiper-pagination-a{
	text-align:center;
	bottom:0 !important;
	position:absolute !important;
	line-height:90% !important;
	padding-bottom:12px;
}
.swiperA{
	margin-bottom:-31%;
	z-index:0;
}
.banner-index{
	object-fit:contain;
}
/* CARD */
#home-recomend{
	margin:0 auto;
	width:100%;
	display:inline-block;
	height:auto;
	position:relative;
}
.card-half{
	width:47%;
	height:auto;
	border:0;
	float:left;
	position:relative;
	margin:2% 0 1% 2%;
	display:block;
}
.card-half-image{
	width:100%;
	height:140px;
	object-fit:cover;
	border:0px solid #fefefe !important;
	box-shadow: 0px 0px #fefefe !important;
	opacity:0.9;
	background-color:#fefefe;
}
.card-half-details{
	padding:10px 12px 18px 12px;
	height:50px;
	background-color:#fefefe;
}
.card-half-details-title{
	font-size:13px;
	font-weight:600;
	height:29px;
	text-transform:capitalize;
	width:100%;
	display:block;
	color:#656565;
}
.card-half-details-price{
	font-size:13px;
	font-weight:500;
	width:100%;
	display:block;
	color:#ff5722;
	padding:8px 0 0 0;
}
.card-product{
	width:190px;
	height:auto;
	border-radius:11px;
	background-color:#f9f9f9;
	color:#606060;
	display:block;
	border:1px solid #eaeaea;
}
.card-image{
	width:100%;
	height:140px;
	object-fit:cover;
	border-top-left-radius:11px;
	border-top-right-radius:11px;
	background-color:#fefefe;
	border:0px solid #fefefe !important;
	box-shadow: 0px 0px #fefefe !important;
	opacity:0.9;
}
.card-details-badge{
	font-size:9px;
	font-weight:400;
	text-transform:uppercase;
	display:block;
	z-index:13;
	width:28px;
	height:14px;
	line-height:14px;
	text-align:center;
	background-color:#08af6d;
	color:#fafafa;
	padding:2px;
	margin-top:-28px;
	right:7px;
	border-radius:3px;
	position:relative;
	float:right;
}
.card-details{
	padding:10px 12px 18px 12px;
	height:110px;
	background-color:#ffffff;
}
.card-details-title{
	font-size:14px;
	font-weight:600;
	height:29px;
	text-transform:capitalize;
	width:100%;
	display:block;
}
.card-details-sub-title{
	font-size:10px;
	font-weight:200;
	text-transform:uppercase;
	width:100%;
	display:block;
	padding:12px 0 5px 0;
}
.card-details-rate{
	font-size:12px;
	font-weight:200;
	width:100%;
	display:block;
	padding:0 0 12px 0;
	color:#fcdb00;
}
.card-details-price{
	font-size:14px;
	font-weight:500;
	width:100%;
	display:block;
	color:#909090;
}
/* CARD */
/* MODAL-LOAD */
.modal{
	height:100%;
	width:100%;
	position:absolute;
	background:#fafafa;
	z-index:99999999997;
	top:0;
	left:0;
	display:none;
	overflow-x:hidden;
}
/* MODAL-LOAD */
/* MODAL-PART-X */
.title-header-white{
	color:#fafafa;
	height:35px;
	font-size:13.2px;
	font-weight:600;
	display:inline-block;
	line-height:35px;
	border-radius:10px;
	margin:12px 0 0 19px;
	padding:0;
}
#banner-type{
	width:100%;
	object-fit:contain;
}
.text-label{
	text-transform:uppercase;
}
.button-product{
	padding:15px;
	height:39px;
	line-height:39px;
	background-color:#080808;
	color:#ffffff;
	font-size:13px;
	margin:4px auto 15px auto;
	display:block;
	width:88%;
	border-radius:27px;
}
.left-label{
	font-weight:400;
	letter-spacing:0.8px;
	font-size:13px;
}
.right-label{
	display:block;
	color:#000000;
	text-align:center;
	width:70px;
	float:right;
	border-radius:16px;
	font-weight:500;
}
.modal-transaction{
	background-image: url('../img/black.png');
    background-repeat: repeat;
	height:100%;
	width:100%;
	position:absolute;
	z-index:99999999998;
	top:0;
	left:0;
	display:none;
}
#desc-bg{
	background-image: url('../img/black.png');
    background-repeat: repeat;
	height:100%;
	width:100%;
	position:fixed;
	z-index:99999999998;
	top:0;
	left:0;
	display:none;
}
#content-modal-transaction{
	width:80%;
	height:80%;
	background-color:#fafafa;
	border-radius:23px;
	padding:10px;
}
#descr{
	width:85%;
	height:90%;
	background-color:#fafafa;
	padding:10px;
	overflow-y:scroll;
}
#desc-btn{
	position:absolute;
	display:block;
	margin-top:-65px;
	right:7.5%;
	font-size:32px;
	text-align:center;
	width:48px;
	height:48px;
	line-height:50px;
	background-color:#121212;
	color:#ffffff;
	border-radius:50%;
	z-index:1;
}
.modal-pay{
	background-image: url('../img/black.png');
    background-repeat: repeat;
	height:130%;
	width:100%;
	position:fixed;
	z-index:99999999998;
	top:0;
	left:0;
	display:none;
}
.input-bank{
	width:calc(100%-10px);
	border:1px solid #dadada;
	border-radius:8px;
	height:32px;
	display:block;
	padding:0px 10px;
	line-height:32px;
	background-color:#fafafa;
	outline:none;
}
.top-bank{
	width:100%;
	display:block;
	height:28px;
	line-height:28px;
	color:#606060;
	font-size:13px;
}
#sel-bank{
	width:calc(100%);
	border:1px solid #dadada;
	border-radius:8px;
	height:32px;
	display:block;
	padding:0px 10px;
	line-height:32px;
	background-color:#fafafa;
	outline:none;
}
#btn-btl-bank{
	width:calc(50% - 10px);
	border:none;
	border-radius:10px;
	height:35px;
	display:block;
	text-align:center;
	color:#fafafa;
	float:left;
	background-color:#ff0000;
	outline:none;
	font-size:12px;
}
#btn-ok-bank{
	width:calc(50% - 10px);
	border:none;
	border-radius:10px;
	height:35px;
	display:block;
	text-align:center;
	color:#fafafa;
	float:right;
	background-color:#08af6d;
	outline:none;
	font-size:12px;
}
#btn-bank{
	width:calc(89px);
	border:none;
	border-radius:8px;
	height:32px;
	display:block;
	color:#fafafa;
	background-color:#57606f;
	outline:none;
	font-size:12px;
}
#transfer-trx{
	width:60%;
	position:absolute !important;
	display:inline-block;
	padding:10%;
	border-radius:23px;
	background-color:#fafafa;
}
#header-transaction{
	height:60px;
	line-height:60px;
	display:block;
	border-bottom:1px solid #d0d0d0;
}
#table-transaction{
	width:100%;
	display:inline-table;
}
#table-transaction td{
	vertical-align:middle;
	height:80px;
}
#transaction-qty{
	background:#eaeaea;
	border:none;
	height:32px;
	outline:none;
	font-size:14.2px;
	-moz-appearance: window;
    -webkit-appearance: none;
	width:50px;
	line-height:32px;
	border-radius:8px;
	text-align:center;
}
#name-product{
	font-size:13px;
	text-transform:capitalize;
}
#trx-price{
	width:100%;
	margin:30px auto 0 auto;
	display:inline-block;
}
.bottom-foot{
	position:absolute;
	height:60px;
	bottom:1px;
	line-height:60px;
	display:inline-block;
	width:93.5678%;
	margin:0 auto;
	border-bottom-right-radius:23px;
	border-bottom-left-radius:23px;
	background-color:#fafafa;
}
#table-price{
	width:100%;
	display:inline-table;
}
.mini-title{
	font-size:11px;
	color:#909090;
	display:block;
	width:100%;
	height:16px;
	line-height:16px;
}
.total-price{
	width:100%;
	font-size:14px;
	color:#08af6d;
	display:block;
	font-weight:600;
	height:23px;
	line-height:23px;
}
.submit-button-green{
	width:140px;
	height:27px;
	padding:8px;
	line-height:27px;
	display:block;
	background-color:#08af6d;
	border-radius:10px;
	text-align:center;
	font-size:12px;
	color:#fafafa;
	font-weight:400;
}
#checkout-button{
	position:fixed;
	bottom:55px;
	width:94%;
	padding:10px 3% 10px 3%;
	margin:0 auto;
	z-index:999999999;
	background-color:#f3f3f3;
}
.effect:hover{
	color:#404040;
}
.left-td{
	width:70%;
}
.right-td{
	width:30%;
}
.modal-header-x{
	width:100%;
	color:#fdfdfd;
	background-color:#ffffff;
	height:60px;
	display:inline-table;
}
.modal-close-x{
	width:15%;
	text-align:center;
	line-height:50px;
	vertical-align:middle;
	font-size:27.242px;
	color:#707070;
}
.modal-title-x{
	width:85%;
	line-height:50px;
	vertical-align:middle;
}
.modal-text-x{
	background-color:transparent;	
	text-align:left;
	font-size:16px;
	width:10%;
	height:49px;
	top:0;
	position:relative;
	line-height:50px;
	float:right;
	margin-right:19px;
	color: #afafaf;
}
.modal-text-xx{
	background-color:transparent;	
	text-align:center;
	font-size:16px;
	height:49px;
	top:0;
	margin-right:19px;
	position:relative;
	line-height:55px;
	float:right;
	margin-right:19px;
	color: #afafaf;
}
.modal-text-y{
	background-color:transparent;	
	text-align:left;
	font-size:13px;
	height:49px;
	top:0;
	position:relative;
	line-height:50px;
	float:left;
	margin-left:6px;
	color:#707070;
}
.modal-right-button{
	height:49px;
	line-height:49px;
	font-size:27.242px;
	float:right;
	width:15%;
	display:inline-block;
	color:#707070;
	text-align:left;
	position:relative;
}
.bubble-count{
	height:18px;
	line-height:18px;
	font-size:9.653px;
	right:19px;
	top:8px;
	width:18px;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	position:absolute;
	background-color:#ff0000;
	border-radius:50%;
	z-index:9999999999999;
	opacity:0.8;
}
#search-input{
	background:transparent;
	border:none;
	height:49px;
	position:absolute;
	margin:-2px 0 0 24px;
	outline:none;
	font-size:14.2px;
	-moz-appearance: window;
    -webkit-appearance: none;
}
/* START PLACEHOLDER */
#search-input::placeholder {
    color: #afafaf;
    opacity: 1;
	font-weight:300;
}
/* END PLACEHOLDER */
/* MODAL-PART-X */
/* MODAL-PART */
.modal-header{
	width:100%;
	color:#fdfdfd;
}
.fixed-header{
	position:fixed;
	width:100%;
	z-index:999999999999998;
}
.modal-content{
	margin-top:60px;
}
.list_product_page{
	padding-top:10px;
	padding-bottom:50px;
}
.list_product_search{
	padding-top:10px;
	padding-bottom:50px;
}
.modal-close{
	width:15%;
	text-align:center;
	line-height:50px;
	vertical-align:middle;
	font-size:27.242px;
}
.modal-title{
	width:85%;
	line-height:50px;
	vertical-align:middle;
}
.modal-text{
	background-color:transparent;	
	text-align:right;
	font-size:16px;
	width:10%;
	height:49px;
	top:0;
	position:relative;
	line-height:50px;
	float:right;
	margin-right:19px;
}
/* MODAL-PART */
/* LIST BUTTON */
.listbutton{
    width:100%;
    height:33px;
    padding:8px 0;
    font-family: "Roboto", "Droid Sans", sans-serif;
    display:block;
	margin:2px auto 1px auto;
	background-color: #ffffff;
	box-shadow: 1px 2px 1px #f0f0f0;
	border-bottom:1px solid #e0e0e0;
}
.invalue{
	float:left;
    font-size:13px;
    font-weight:normal;
    margin:8px 0 5px 14px;
}
#ti{
	font-size:17px;
	color:#aaaaaa;
	width:29px;
	display:block;
	float:left;
	margin-top:-1px;
}
.textlist{
	padding:0 0 0 7px;
	display:block;
	width:200px;
	float:left;
	color:#707070;
}
.chevronvalue:after{
	float:right;
    font-size:24px;
    content:"›";
    margin:0 18px 5px 0;
    color:#aaaaaa;
}
/* END LIST */
/* FIND PRODUCT */
#toast{
	width:187px;
	height:14px;
	border-radius:17px;
	color:#ffffff;
	padding:12px;
	background-image: url('../img/bg.png');
	background-size:100%;
	background-attachment: fixed;
   	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 99999999999999;
	display:none;
	font-size:13px;
	text-align:center;
	margin:0 auto;
}
/* NOTIFMESSAGE */
#notifmessage{
	position:fixed;
	width:100%;
	height:60px;
	background-color:#ee5253;
	top:0;
	left:0;
	font-size:13px;
	z-index:999999999999999999;
	color:#ffffff;
	display:none;
	line-height:60px;
}
#notmes{
	float:left;
	position:relative;
	margin:0 0 0 14px;
}
#notica{
	font-size:18px;
	float:left;
	position:relative;
}
#noticb{
	float:right;
	position:relative;
	margin:0 14px 0 0;
	font-size:18px;
}
#notval{
	float:left;
	position:relative;
	padding-left:8px;
	color:#ffffff;
}
/* NOTIFMESSAGE */
/* START WINDOW LOGIN */
#form_login{
	width:90%;
	display:block;
	margin:0 auto;
}
#form_forgot{
	width:90%;
	display:none;
	margin:0 auto;
}
#form_register{
	width:90%;
	display:block;
	margin:0 auto;
}
.login-window{
	width:100%;
	height:100%;
	margin:0;
	top:0;
	left:0;
	padding:0;
	position:absolute;
}
.login-form{
	margin:0 auto;
	width:90%;
}
.login-banner img{
	width:100%;
	margin:10% auto 50px auto;
	border:none;
	object-fit:contain;
}
.input-wrapper .button-form{
	width:80%;
	display:block;
	border-radius:20px;
	margin:30px auto 35px auto;
	border:none;
	background:#08af6d;
	color:#e0e0e0;
	padding:12px 12px;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:500;
}
.eye{
	position:relative;
	color:#a0a0a0;
	font-size:25px;
	float:right;
	display:inline-block;
	border-radius:50%;
	margin:-35px 10% 0 0;
}
.text-wrapper-forgot{
	width:81%;
	margin: 20px auto;
}
.text-forgot{
	position:relative;
	float:left;
	color:#e0e0e0;
	height:24px;
	line-height:24px;
	font-size:13px;
	margin-bottom:20px;
}
.link-forgot{
	position:relative;
	float:right;
	color:#08af6d;
	height:24px;
	line-height:24px;
	font-size:13px;
	font-weight:600;
	margin-bottom:20px;
}
.link-form{
	color:#e0e0e0;
	height:24px;
	line-height:24px;
	font-size:13px;
	text-align:center;
	margin:30px auto;
}
.title-forgot{
	width:80%;
	margin:0 auto;
	display:block;
	color:#e0e0e0;
	font-size:14px;
	text-align:center;
	margin:-30px auto 20px auto;
	text-transform:uppercase;
	
}
#forgot-form{
	margin:0 auto;
	width:90%;
	display:none;
}
#go-forgot{
	color:#08af6d;
}
#go-register{
	color:#08af6d;
}
/* END WINDOW LOGIN */
/* START REGISTER WINDOW */
.register-window{
	width:100%;
	height:100%;
	margin:0;
	top:0;
	left:0;
	padding:0;
	position:absolute;
}
.register-form{
	margin:0 auto;
	width:95.3%;
}
.text-form{
	display:block;
	width:95.3%;
	text-align:center;
	margin:20px auto 20px auto;
	font-size:16px;
	color:#ffffff;
	height:48px;
	line-height:48px;
	border-bottom:1px solid #101010;
}
.register-step{
	width:90%;
	margin:55px auto 20px auto;
	color:#e0e0e0;
}
.register-table{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.register-table td{
	text-align:center;
	vertical-align:center;
	display:inline-block;
	padding:0;
}
.col-number{
	height:39px;
	width:39px;
	line-height:39px;
	text-align:center;
	border-radius:50%;
	background-color:#fafafa;
	color:#181818;
}
.block-step{
	height:3px;
	width:60px;
	background-color:#fafafa;
}
.bg-red{
	background:#08af6d;
	color:#fafafa;
}
.contact-form{
	margin:0;
	padding:0;
	width:100%;
}
/* ACCOUNT LOGIN */
#head_title{
	width:100%;
	margin:78px 0 50px 0;
}
#main_title{
	font-size:21px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	width:90%;
	margin:0 auto;
	text-transform:uppercase;
}
#sub_title{
	font-size:12px;
	font-weight:normal;
	color:#f0f0f0;
	text-align:center;
	width:90%;
	margin:5px auto;
}
.login_frame{
	width:100%;
	margin:5px auto 200px auto;
	position:relative;
	text-align:center;
	display:inline-block;
}
.login_button{
	width:84.2%;
	height:27px;
	padding:8px;
	line-height:27px;
	display:block;
	background-color:#08af6d;
	border-radius:10px;
	text-align:center;
	font-size:12.8px;
	color:#fafafa;
	font-weight:400;
	margin:0 auto 20px auto;
}
.input-login{
	width:calc(85% - 10px);
	border:none;
	border-radius:8px;
	height:38px;
	display:block;
	padding:0px 10px;
	line-height:38px;
	background-color:#fafafa;
	outline:none;
	margin:20px auto;
}
.text-login{
	width:calc(85% - 10px);
	border:none;
	border-radius:8px;
	height:85px;
	display:block;
	padding:10px 10px;
	background-color:#fafafa;
	outline:none;
	margin:20px auto;
}
.modal-login{
	position:fixed;
	z-index:99999999999999999999;
	height:100%;
	width:100%;
	display:none;
	background-color:#2f120e!important;
}
.modal-register{
	position:fixed;
	z-index:99999999999999999999;
	height:100%;
	width:100%;
	display:none;
	background-color:#2f120e!important;
}
.eyes{
	font-size:26px;
	height:32px;
	line-height:32px;
	text-align:center;
	width:32px;
	background-color:#fafafa;
	display:block;
	position:absolute;
	right:11.8%;
	margin-top:-55px;
	color:#707070;
}
#sel-city{
	width:calc(91.1% - 10px);
	border:none;
	border-radius:8px;
	height:38px;
	display:block;
	padding:0px 10px;
	line-height:38px;
	background-color:#fafafa;
	outline:none;
	margin:20px auto;
}
#null-page{
	display:none;
}
.group{ 
	position:relative; 
	margin:0 auto 32px auto;
	width:90%;  
	/* background-color:#181818; */
}
.group input{
	font-size:13px;
	padding:10px 0 10px 0;
	display:block;
	width:98%;
	border:none;
	background-color:transparent;
	border-bottom:1px solid #ddd;
	outline:none;
	color:#dddddd;
}
.group textarea{
	border:1px solid #ddd;
	outline:none;
	font-size:13px;
	width:96.8578%;
	margin:0 auto;
	padding:5px 0 10px 4px;
	overflow-y: scroll;
	border-radius:3px;
	background-color:transparent;
	color:#dddddd;
}
.selg{
	border:1px solid #ddd;
	background-color:transparent;
	outline:none;
	border-radius:3px;
	color:#999;
	padding:10px 0 10px 5px;
	width:98%;
}
.selcat{
    padding: 8px 0 8px 8px;
    width: 93.5%;
    line-height: 14px;
    font-size: 12px;
    border-radius: 8px;
	background-color:#000000;
    border: 1px solid #484848;
    font-weight: normal;
    color: #ffffff;
	outline:none;
}
.group input:hover{
	outline:none;
	background-color:transparent;
	border-bottom:1px solid #ddd;
}
.group textarea:hover{
	outline:none;
	background-color:transparent;
	border:1px solid #ffffff;
}
.selg:hover{
	outline:none;
	background-color:transparent;
	border:1px solid #ffffff;
}
/* label{ */
	/* color:#999;  */
	/* font-size:14px; */
	/* font-weight:normal; */
	/* position:absolute; */
	/* pointer-events:none; */
	/* left:0; */
	/* top:13px; */
	/* transition:0.2s ease all;  */
	/* -moz-transition:0.2s ease all;  */
	/* -webkit-transition:0.2s ease all; */
/* } */
#des_label{
	color:#999; 
	font-size:14px;
	font-weight:normal;
	margin-left:0;
	margin-bottom:6px;
	text-align:left;
}
.es_label{
	color:#999; 
	font-size:14px;
	font-weight:bold;
	margin-bottom:6px;
	border-radius:1px;
	padding:24px 4px 6px 4px;
	color:#08af6d;
	text-transform:uppercase;
	border-bottom:1px dotted #606060;
}
/* .group input:hover ~ label, input:valid ~ label{ */
	/* top:-10px; */
	/* font-size:12px; */
	/* color:#ffffff; */
	/* background-color:transparent; */
	/* outline:none; */
/* } */
/* .group input:disabled ~ label, input:valid ~ label{ */
	/* top:-10px; */
	/* font-size:12px; */
	/* color:#ffffff; */
	/* background-color:transparent; */
	/* outline:none; */
/* } */
.bar{
	position:relative;
	display:block;
	width:98.3645%;
}
.bar:before, .bar:after{
	content:'';
	height:2px; 
	width:0;
	bottom:0; 
	position:absolute;
	background:#ffffff;
	transition:0.3s ease all; 
	-moz-transition:0.3s ease all; 
	-webkit-transition:0.3s ease all;
}
.bar:before{
	left:0.1%;
}
.bar:after{
	right:0.1%;
}
.group input:hover ~ .bar:before, input:hover ~ .bar:after {
	width:50%;
	outline:none;
	border-bottom:none;
}
.group input:disabled ~ .bar:before, input:disabled ~ .bar:after {
	width:50%;
	outline:none;
	border-bottom:none;
}
.highlight{
	position:absolute;
	height:60%; 
	width:80%; 
	top:25%; 
	left:0;
	pointer-events:none;
	opacity:0.5;
}
.group input:hover ~ .highlight{
	-webkit-animation:inputHighlighter 0.3s ease;
	-moz-animation:inputHighlighter 0.3s ease;
	animation:inputHighlighter 0.3s ease;
	outline:none;
}
@-webkit-keyframes inputHighlighter{
	from {background:#ffffff;}
	to {width:0; background:transparent;}
}
@-moz-keyframes inputHighlighter {
	from {background:#ffffff;}
	to {width:0; background:transparent;}
}
@keyframes inputHighlighter{
	from{background:#ffffff;}
	to {width:0; background:transparent;}
}
.group input[type="file"]{
	height:64px;
	padding-top:20px;
	padding-bottom:20px;
	line-height:64px;
	color:#0075ec;
}
#button_upload{
	background-color:#026fde;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:4px;
	color:#ffffff;
}
/* END REGISTER WINDOW */
/* RADIO OUT NEW */
input[type=radio]{
	display:none;
}
input[type=radio] + label{
	display:inline-block;
	margin:-2px;
	padding: 0px 12px;
	width:36%;
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	margin-bottom:25px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	}
input[type=radio]:checked + label{
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color:#e0e0e0;
}
.right-radius{
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}
.left-radius{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
/* USER PROFILE */
#set-member{
	width:90%;
	margin:80px auto 80px auto;
	display:block;
}
#page-privacy{
	width:92%;
	display:block;
	margin:80px auto 0 auto;
	line-height:18px;
	font-size:13px;
}
#table-usr{
	display:inline-table;
	width:100%;
	margin:0 auto;
}
.content-usr{
	font-size:12px;
}
.val-data-usr{
	vertical-align:middle;
	width:calc(80% - 20px);
	text-align:left;
	height:50px;
	padding:10px;
	margin-bottom:5px;
	display:inline-block;
	background-color:#ffffff;
}
.btn-edit-usr{
	font-size:24px;
	vertical-align:middle;
	width:calc(20% - 21px);
	text-align:center;
	z-index:1;
	height:50px;
	padding:10px;
	line-height:50px;
	background-color:#ffffff;
	border-left:1px solid #f3f3f3;
	margin-bottom:5px;
	display:inline-block;
}
.in-usr-box{
	width:calc(95% - 10px);
	border:none;
	border-radius:8px;
	height:44px;
	display:block;
	padding:0px 10px;
	line-height:38px;
	background-color:#fafafa;
	outline:none;
	margin:0 auto;
}