@media screen and (min-width: 1001px) and (max-width: 10000px) {
.shop-products {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
	list-style: none; 
	display: flex ;
	flex-direction: row ;
	flex-wrap: wrap ;
	justify-content: space-between ;
	align-items: center ;
	align-content: flex-end ;
}
.shop-products .shop-product {
	float:left;
	width:32%;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	position:relative;	
	background-color: #fff;
	border: 1px solid #eaeaea;
	overflow:hidden;
	
}
	.shop-products .shop-product .product-content {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;	
	}
	.shop-products .shop-product .product-content h3 {
		float:left;
		width:100%;
		margin:0px 0px 30px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 36px;
		text-transform: uppercase;
		font-size: 26px;
		font-weight: 300;
		text-align:center;
		background-color:#eaeaea;
	}
	.shop-products .shop-product .product-content .product-thumb { 
		float:left;
		width:90%;
		height:20vw;
		position:relative;
		margin:0px 0px 0px 5%;
		z-index:5;
		display:flex;
		justify-content:center;
		align-items:center;
	}
		.shop-products .shop-product .product-content .product-thumb .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			max-width:90%;
			max-height:90%;			
		}
		   
	.product-info {
		float:left;
		width:90%;
		margin:0px 0px 0px 5%;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset label {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset label span {
		float:left;
		margin:0px 0px 10px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 40px;
		font-size: 14px;
		font-weight: 300;
	}
	.product-info fieldset label select {
		float:right;
		width:70%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.product-info fieldset label input {
		float:right;
		width:70%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.product-info .product-price {
		float:left;
		margin:0px 0px 10px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 40px;
		font-size: 14px;
		font-weight: 300;
	}
	.product-info .add-to-cart {
		float:right;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		color:#fff;
		background-color:#000;
		font-size:13px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer;
	}
	
.cart-view-table-front {
	float:right;
	width:250px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:fixed;
	top:5%;
	right:-250px;
	z-index:50;
	background:#fff;
	border:1px solid #cccccc;
	border-top:0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cart-view-table-front h3 {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	position:relative;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	line-height: 46px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
	text-align:center;
	background-color:#000;
	
}	
.cart-view-table-front .ikon-add-in-basket {
	display:none;
	float:left;
	width:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	left:-46px;
	background:#ff0000;
	color:#fff;
	font-size:20px;
	line-height:46px;
	z-index:20;
}
.cart-view-table-front h3 .ikon-show-cart {
	float:left;
	width:46px;
	line-height:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	left:-46px;
	background:#000;
	cursor:pointer;
}
	.cart-view-table-front h3 .ikon-show-cart span {
		float:left;
		width:15px;
		position:absolute;
		top:0;
		left:0;
		margin:2px 0px 0px 2px;
		padding:0px 0px 0px 0px;
		font-family: 'Roboto', sans-serif;
		color:#000;
		font-size:10px;
		line-height:15px;
		background:#fff;
		border-radius:40em;
	}
.cart-view-table-front h3 .ikon-hide-cart {
	float:left;
	width:46px;
	line-height:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:0;
	background:#000;
	cursor:pointer;
}
.cart-view-table-front .products {
	float:left;
	width:100%;
	max-height:155px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
}
.cart-view-table-front .products .product {
	float:left;
	width:90%;
	margin:0px 0px 0px 0px;
	padding:5px 5% 10px 5%;
	position:relative;
}
	.cart-view-table-front .products .even {
		background:#f9f9f9;
	}
.cart-view-table-front .products .product .name {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 36px;
	font-size: 16px;
	font-weight: 300;
}
.cart-view-table-front .products .product .qtu {
	float:left;
	width:55%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 25px;
	font-size: 13px;
	font-weight: 300;
}
	.cart-view-table-front .products .product .qtu input {
		float:right;
		width:35px;
		height:25px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-align:center;
	}
.cart-view-table-front .products .product .remove {
	float:right;
	width:40%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 25px;
	font-size: 13px;
	font-weight: 300;
}
	.cart-view-table-front .products .product .remove input[type='checkbox'] {
		float:left;
		margin:6px 10px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
.cart-view-table-front .checkout {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.cart-view-table-front .checkout .reolad {
	float:left;
	width:49%;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
}
.cart-view-table-front .checkout a {
	float:right;
	width:49%;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:13px;
	line-height:40px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}

.cart-view-table-back {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
}
.cart-view-table-back table {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	border-spacing: 0;
    border: 0;
    border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
}
.cart-view-table-back table thead {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color:#000;
	background:#eaeaea;
	line-height:50px;
	text-align:left;
}
.cart-view-table-back table thead tr th {
	font-size:20px;
	padding:0px 2% 0px 2%;
	border:1px solid #f6f6f6;
}
.cart-view-table-back table tbody tr td {
	font-size:16px;
	line-height:60px;
	padding:0px 2% 0px 2%;
	border:1px solid #f6f6f6;
}
	.cart-view-table-back table tbody .odd td {
		background:#f9f9f9;
	}
	.cart-view-table-back table tbody tr td span {
		font-size:12px;
	}
		.cart-view-table-back table tbody .last td {
			line-height:20px;
			padding:20px 2% 20px 2%;
			text-align:right;
			
			
		}
		.cart-view-table-back table tbody .last td span {
			font-size:20px;
			line-height:30px;
		}
		.cart-view-table-back table tbody .last .small {
			font-size:16px;
		}
.cart-view-table-back input {
	float:left;
	width:100%;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#000;
	border:1px solid #e0e0e0;
	background:#ffffff;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
}
.cart-view-table-back .button {
	float:left;
	width:32%;
	height:50px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:18px;
	line-height:50px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}
.cart-view-table-back .reolad, .cart-view-table-back .button-pay {
	float:left;
	width:32%;
	height:50px;
	margin:10px 0px 10px 2%;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:18px;
	line-height:50px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}

.order-form {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.order-form  h2 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #000;
		font-family: 'Roboto', sans-serif;
		line-height: 66px;
		text-transform: uppercase;
		font-size: 26px;
		font-weight: 300;
		text-align:center;
		background-color:#f6f6f6;
	}
	.order-form form {
		float:left;
		width:100%;
		margin:30px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.order-form .order-box-all {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display: flex ;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.order-form .order-box {
		float:left;
		width:23%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.order-form .order-text {
		float:left;
		width:40%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #000;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		line-height: 40px;	
		font-weight: 300;
	}
	.order-form .order-input, .order-form .order-select {
		float:left;
		width:60%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.order-input-hidden {
			width:0;
			height:0;
			opacity:0;
		}
	.order-form .order-textarea {
		float:left;
		width:100%;
		height:250px;
		max-width:100%;
		max-height:250px;
		margin:0px 0px 0px 0px;
		padding:20px 0px 0px 2%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.order-form .order-submit {
		float:right;
		width:32%;
		height:50px;
		margin:20px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		background-color:#000;
		font-size:18px;
		line-height:50px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
	}
	
.login { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:50px 0px 50px 0px; 
} 
.login .wrap { 
	width:1165px;
	position:relative;
	margin:0 auto; 
}
	.login .wrap .left {
		float:left;
		width:45%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; 
	}
	.login .wrap .right {
		float:right;
		width:45%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; 
	}
		.login .wrap h2 {
			float:left;
			width:100%;
			margin:0px 0px 30px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 30px;
			font-weight: 300;
			line-height: 30px;
			border-bottom:1px solid #d9d9d9;
		}
		.login .wrap .text {
			float:left;
			width:100%;
			margin:0px 0px 30px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			line-height: 25px;
			color: #141317;
			font-weight: 400;
		}
			.login .wrap .text a {
				text-decoration:none;
				color: #141317;
			}
			.login .wrap .text a:hover {
				text-decoration:none;
				color: #ff003e;
			}
	.login-form .login-box {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.login-form .login-text {
		float:left;
		width:25%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #000;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		line-height: 40px;	
		font-weight: 300;
		text-align:right;
	}
	.login-form .login-input, .login-form .login-select {
		float:right;
		width:70%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.login-input-hidden {
			width:0;
			height:0;
			opacity:0;
		}
	.login-submit {
		float:right;
		width:70%;
		height:50px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		background-color:#000;
		font-size:18px;
		line-height:50px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
	}
	.recovery-link {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #141317;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		text-decoration:underline;
		text-align:right;
	}
	
.order-list {
	float:left;
	width:100%;
	margin:-10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.order-list .order-list-one {
		float:left;
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 10px 0px;
		position:relative;
		border-bottom: 1px solid #d9d9d9;
	}
		.order-list .order-list-one .number {
			float:left;
			width:25%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 1px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 15px;
		}
		.order-list .order-list-one .price {
			float:left;
			width:25%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 15px;
		}
		.order-list .order-list-one .date {
			float:left;
			width:30%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 15px;
		}
		.order-list .order-list-one .more {
			float:left;
			width:20%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 15px;
			text-align:right;
		}
		.order-list .order-list-one .more a {
			text-decoration:none;
			color: #ff0040;
		}
		.order-list .order-list-one .more a:hover {
			text-decoration:none;
			color: #000;
		}
		
.order-show {
	float:left;
	width:100%;
	position:relative;
	margin:-30px 0px 0px 0px;
	padding:50px 0px 100px 0px; 
}
.order-show .wrap {
	width:1165px;
	position:relative;
	margin:0 auto; 
}
	.order-show .wrap .order-data {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.order-show .wrap .order-data h3 {
			float:left;
			width:100%;
			margin:30px 0px 20px 0px;
			padding:0px 0px 20px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 25px;
			font-weight: 700;
			line-height: 25px;
			border-bottom: 2px solid #d9d9d9;
		}
		.order-show .wrap .order-data h4 {
			float:left;
			width:100%;
			margin:0px 0px 10px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 20px;
			font-weight: 500;
			line-height: 20px;
			border-bottom: 1px solid #000;
		}
		.order-show .wrap .order-data .box {
			float:left;
			width:25%;
			margin:0px 0px 10px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 25px;
			border-bottom: 1px solid #d9d9d9;
		}
		.order-show .wrap .order-data .box-product {
			float:left;
			width:50%;
			margin:0px 0px 10px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 25px;
			border-bottom: 1px solid #d9d9d9;
		}

/* START style search */
.search-record {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	position:relative;
	border-bottom:1px solid #b7b7b7;
}
	.search-record .name {
		float:left;
		width:80%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	.search-record .more {
		float:right;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	
	.search-input {
		float:left;
		width:100%;
		height:50px;
		margin:20px 0px 20px 0px;
		padding:0px 0px 0px 2%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:18px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.search .error {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	.search .error strong {
		color:#ff0000;
	}
/* END style search */	

}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.shop-products {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
	list-style: none; 
	display: flex ;
	flex-direction: row ;
	flex-wrap: wrap ;
	justify-content: space-between ;
	align-items: center ;
	align-content: flex-end ;
}
.shop-products .shop-product {
	float:left;
	width:50%;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	position:relative;	
	background-color: #fff;
	border: 1px solid #eaeaea;
	overflow:hidden;
	
}
	.shop-products .shop-product .product-content {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;	
	}
	.shop-products .shop-product .product-content h3 {
		float:left;
		width:100%;
		margin:0px 0px 30px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 36px;
		text-transform: uppercase;
		font-size: 26px;
		font-weight: 300;
		text-align:center;
		background-color:#eaeaea;
	}
	.shop-products .shop-product .product-content .product-thumb { 
		float:left;
		width:90%;
		height:20vw;
		position:relative;
		margin:0px 0px 0px 5%;
		z-index:5;
		display:flex;
		justify-content:center;
		align-items:center;
	}
		.shop-products .shop-product .product-content .product-thumb .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			max-width:90%;
			max-height:90%;			
		}
		   
	.product-info {
		float:left;
		width:90%;
		margin:0px 0px 0px 5%;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset label {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset label span {
		float:left;
		margin:0px 0px 10px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 40px;
		font-size: 14px;
		font-weight: 300;
	}
	.product-info fieldset label select {
		float:right;
		width:70%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.product-info fieldset label input {
		float:right;
		width:70%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.product-info .product-price {
		float:left;
		margin:0px 0px 10px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 40px;
		font-size: 14px;
		font-weight: 300;
	}
	.product-info .add-to-cart {
		float:right;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		color:#fff;
		background-color:#000;
		font-size:13px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer;
	}
	
.cart-view-table-front {
	float:right;
	width:250px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:fixed;
	top:5%;
	right:-250px;
	z-index:50;
	background:#fff;
	border:1px solid #cccccc;
	border-top:0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cart-view-table-front h3 {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	position:relative;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	line-height: 46px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
	text-align:center;
	background-color:#000;
	
}	
.cart-view-table-front .ikon-add-in-basket {
	display:none;
	float:left;
	width:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	left:-46px;
	background:#ff0000;
	color:#fff;
	font-size:20px;
	line-height:46px;
	z-index:20;
}
.cart-view-table-front h3 .ikon-show-cart {
	float:left;
	width:46px;
	line-height:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	left:-46px;
	background:#000;
	cursor:pointer;
}
	.cart-view-table-front h3 .ikon-show-cart span {
		float:left;
		width:15px;
		position:absolute;
		top:0;
		left:0;
		margin:2px 0px 0px 2px;
		padding:0px 0px 0px 0px;
		font-family: 'Roboto', sans-serif;
		color:#000;
		font-size:10px;
		line-height:15px;
		background:#fff;
		border-radius:40em;
	}
.cart-view-table-front h3 .ikon-hide-cart {
	float:left;
	width:46px;
	line-height:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:0;
	background:#000;
	cursor:pointer;
}
.cart-view-table-front .products {
	float:left;
	width:100%;
	max-height:155px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
}
.cart-view-table-front .products .product {
	float:left;
	width:90%;
	margin:0px 0px 0px 0px;
	padding:5px 5% 10px 5%;
	position:relative;
}
	.cart-view-table-front .products .even {
		background:#f9f9f9;
	}
.cart-view-table-front .products .product .name {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 36px;
	font-size: 16px;
	font-weight: 300;
}
.cart-view-table-front .products .product .qtu {
	float:left;
	width:55%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 25px;
	font-size: 13px;
	font-weight: 300;
}
	.cart-view-table-front .products .product .qtu input {
		float:right;
		width:35px;
		height:25px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-align:center;
	}
.cart-view-table-front .products .product .remove {
	float:right;
	width:40%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 25px;
	font-size: 13px;
	font-weight: 300;
}
	.cart-view-table-front .products .product .remove input[type='checkbox'] {
		float:left;
		margin:6px 10px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
.cart-view-table-front .checkout {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.cart-view-table-front .checkout .reolad {
	float:left;
	width:49%;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
}
.cart-view-table-front .checkout a {
	float:right;
	width:49%;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:13px;
	line-height:40px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}

.cart-view-table-back {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
}
.cart-view-table-back table {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	border-spacing: 0;
    border: 0;
    border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
}
.cart-view-table-back table thead {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color:#000;
	background:#eaeaea;
	line-height:50px;
	text-align:left;
}
.cart-view-table-back table thead tr th {
	font-size:20px;
	padding:0px 2% 0px 2%;
	border:1px solid #f6f6f6;
}
.cart-view-table-back table tbody tr td {
	font-size:16px;
	line-height:60px;
	padding:0px 2% 0px 2%;
	border:1px solid #f6f6f6;
}
	.cart-view-table-back table tbody .odd td {
		background:#f9f9f9;
	}
	.cart-view-table-back table tbody tr td span {
		font-size:12px;
	}
		.cart-view-table-back table tbody .last td {
			line-height:20px;
			padding:20px 2% 20px 2%;
			text-align:right;
			
			
		}
		.cart-view-table-back table tbody .last td span {
			font-size:20px;
			line-height:30px;
		}
		.cart-view-table-back table tbody .last .small {
			font-size:16px;
		}
.cart-view-table-back input {
	float:left;
	width:100%;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#000;
	border:1px solid #e0e0e0;
	background:#ffffff;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
}
.cart-view-table-back .button {
	float:left;
	width:100%;
	height:50px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:18px;
	line-height:50px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}
.cart-view-table-back .reolad, .cart-view-table-back .button-pay {
	float:left;
	width:96%;
	height:50px;
	margin:10px 0px 10px 2%;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:18px;
	line-height:50px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}

.order-form {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.order-form  h2 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #000;
		font-family: 'Roboto', sans-serif;
		line-height: 66px;
		text-transform: uppercase;
		font-size: 26px;
		font-weight: 300;
		text-align:center;
		background-color:#f6f6f6;
	}
	.order-form form {
		float:left;
		width:100%;
		margin:30px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.order-form .order-box-all {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display: flex ;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.order-form .order-box {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.order-form .order-text {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #000;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		line-height: 40px;	
		font-weight: 300;
	}
	.order-form .order-input, .order-form .order-select {
		float:left;
		width:90%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.order-input-hidden {
			width:0;
			height:0;
			opacity:0;
		}
	.order-form .order-textarea {
		float:left;
		width:100%;
		height:250px;
		max-width:100%;
		max-height:250px;
		margin:0px 0px 0px 0px;
		padding:20px 0px 0px 2%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.order-form .order-submit {
		float:right;
		width:100%;
		height:50px;
		margin:20px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		background-color:#000;
		font-size:18px;
		line-height:50px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
	}
	
.login { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:50px 0px 50px 0px; 
} 
.login .wrap { 
	width:1165px;
	position:relative;
	margin:0 auto; 
}
	.login .wrap .left {
		float:left;
		width:45%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; 
	}
	.login .wrap .right {
		float:right;
		width:45%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; 
	}
		.login .wrap h2 {
			float:left;
			width:100%;
			margin:0px 0px 30px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 30px;
			font-weight: 300;
			line-height: 30px;
			border-bottom:1px solid #d9d9d9;
		}
		.login .wrap .text {
			float:left;
			width:100%;
			margin:0px 0px 30px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			line-height: 25px;
			color: #141317;
			font-weight: 400;
		}
			.login .wrap .text a {
				text-decoration:none;
				color: #141317;
			}
			.login .wrap .text a:hover {
				text-decoration:none;
				color: #ff003e;
			}
	.login-form .login-box {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.login-form .login-text {
		float:left;
		width:25%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #000;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		line-height: 40px;	
		font-weight: 300;
		text-align:right;
	}
	.login-form .login-input, .login-form .login-select {
		float:right;
		width:70%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.login-input-hidden {
			width:0;
			height:0;
			opacity:0;
		}
	.login-submit {
		float:right;
		width:70%;
		height:50px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		background-color:#000;
		font-size:18px;
		line-height:50px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
	}
	.recovery-link {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #141317;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		text-decoration:underline;
		text-align:right;
	}
	
.order-list {
	float:left;
	width:100%;
	margin:-10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.order-list .order-list-one {
		float:left;
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 10px 0px;
		position:relative;
		border-bottom: 1px solid #d9d9d9;
	}
		.order-list .order-list-one .number {
			float:left;
			width:25%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 1px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 15px;
		}
		.order-list .order-list-one .price {
			float:left;
			width:25%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 15px;
		}
		.order-list .order-list-one .date {
			float:left;
			width:30%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 15px;
		}
		.order-list .order-list-one .more {
			float:left;
			width:20%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 15px;
			text-align:right;
		}
		.order-list .order-list-one .more a {
			text-decoration:none;
			color: #ff0040;
		}
		.order-list .order-list-one .more a:hover {
			text-decoration:none;
			color: #000;
		}
		
.order-show {
	float:left;
	width:100%;
	position:relative;
	margin:-30px 0px 0px 0px;
	padding:50px 0px 100px 0px; 
}
.order-show .wrap {
	width:1165px;
	position:relative;
	margin:0 auto; 
}
	.order-show .wrap .order-data {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.order-show .wrap .order-data h3 {
			float:left;
			width:100%;
			margin:30px 0px 20px 0px;
			padding:0px 0px 20px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 25px;
			font-weight: 700;
			line-height: 25px;
			border-bottom: 2px solid #d9d9d9;
		}
		.order-show .wrap .order-data h4 {
			float:left;
			width:100%;
			margin:0px 0px 10px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 20px;
			font-weight: 500;
			line-height: 20px;
			border-bottom: 1px solid #000;
		}
		.order-show .wrap .order-data .box {
			float:left;
			width:25%;
			margin:0px 0px 10px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 25px;
			border-bottom: 1px solid #d9d9d9;
		}
		.order-show .wrap .order-data .box-product {
			float:left;
			width:50%;
			margin:0px 0px 10px 0px;
			padding:0px 0px 10px 0px;
			position:relative;
			color: #141317;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 25px;
			border-bottom: 1px solid #d9d9d9;
		}

/* START style search */
.search-record {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	position:relative;
	border-bottom:1px solid #b7b7b7;
}
	.search-record .name {
		float:left;
		width:80%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	.search-record .more {
		float:right;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	
	.search-input {
		float:left;
		width:100%;
		height:50px;
		margin:20px 0px 20px 0px;
		padding:0px 0px 0px 2%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:18px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.search .error {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	.search .error strong {
		color:#ff0000;
	}
/* END style search */

}