.qty-area button.nav {
	display: block;
}

.cart-area {
	color: #fff;
	font-size: 23px;
	position: relative;
	height: 25px;
	width: 25px;
}
.cart-area .ballon {
	position: absolute;
	top : 100%;
	right: 0;
	background: #f9f9f9;
	color: #272727;
	padding: 5px 8px;	
	border-radius: 10px;
	font-size: 10px;
	transform: translate(-50%,-50%);
}
.cart-area .ballon.on {
	color: #fff;
	background: #ee3333;
}
.cart-area .cart-box-wrapper {
	position: absolute;
	top : 100%;
	left: 50%;
	width: 270px;
	transform: translate(-50%,0);	
	padding-top: 20px;
	display: none;
}
.cart-area:hover .cart-box-wrapper {
	display: block;
}
.cart-area .cart-box {
	width: 90%;
	padding: 5%;
	position: relative;
	background: #fff;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}
.cart-area .cart-box::before {
	width: 20px;
	height: 20px;
	position: absolute;
	content: ' ';
	top : 0;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	background: #fff;
}
.cart-area .cart-box-wrapper .section-icon {
	width: 100%;
	padding: 10px 0;
	border-bottom: solid 1px #f0f0f0;
}
.cart-area .cart-box-wrapper .section-icon .text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*font-family:'Gotham-Book';*/
	margin-bottom: 10px;
}
.cart-area .cart-box-wrapper .section-icon .text b {
	font-weight: bold;
	/*font-family:'Gotham-Medium';*/
	color: #777;
	font-size: 12px;
}
.cart-area .cart-box-wrapper .section-icon .text a {
	color: var(--green-wardah);
	text-decoration: underline;
	font-size: 12px;
}
.cart-area .cart-box-wrapper .section-icon .icons {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.cart-area .cart-box-wrapper .section-icon .icons a {
	width: 23%;
	margin: 1%;
	text-align: center;
	color: #888;
	/*font-family:'Gotham-Book';*/
	font-size: 9px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.cart-area .cart-box-wrapper .section-icon .icons a:hover {
	color: var(--green-wardah);
}
.cart-area .cart-box-wrapper .section-icon .icons a button {
	margin-bottom: 7px;
	margin-top: 8px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #f8f8f8;
	color: var(--green-wardah);
	position: relative;
	border:none;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.cart-area .cart-box-wrapper .section-icon .icons a:hover button {
	margin-bottom: 2px;
	margin-top: 3px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: #f0f0f0;
	cursor: pointer;
}
.cart-area .cart-box-wrapper .section-icon .icons a button i {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 23px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.cart-area .cart-box-wrapper .section-icon .icons a:hover button i {
	font-size: 26px;
}
.cart-area .cart-box .heading {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: var(--green-wardah);
	border-bottom: solid 1px #e0e0e0;
	font-size: 12px;
}
.cart-area .cart-box .summary {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	color: var(--green-wardah);
	border-top: solid 1px #e0e0e0;
	font-size: 12px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	color: #888;
}
.cart-area .cart-box .summary span.total {
	/*font-family:'Gotham-Medium';*/
	color: #555;
}
.cart-area .cart-box button.green {
	width: 100%;
}
.cart-area .cart-box .product-cart {
	width: 100%;
	max-height: 300px;
	overflow-y: scroll;
}
.cart-area .cart-box .product-cart span.empty {
	font-size: 11px;
	color: #aaa;
	/*font-family:'Gotham-Book';*/
}
.cart-area .cart-box .product-cart .item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 15px;
	position: relative;
}
.cart-area .cart-box .product-cart .item .disable {
	position: absolute;
	top : 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	display: none;
}
.cart-area .cart-box .product-cart .item .disable.on {
	display: block;
}
.cart-area .cart-box .product-cart .item .img-area {
	width: 35%;
}
.cart-area .cart-box .product-cart .item .img-area img {
	width: 100%;
}
.cart-area .cart-box .product-cart .item .attr-area {
	width: 58%;
}
.cart-area .cart-box .product-cart .item .attr-area h2 {
	color: #474747;
	/*font-family:'Gotham-Medium';*/
	font-size: 14px;
}
.cart-area .cart-box .product-cart .item .attr-area span {
	/*font-family:'Gotham-Book';*/
	color: #aaa;
	font-size: 11px;
}
.cart-area .cart-box .product-cart .item .attr-area .qty {
	width: 100px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	border: solid 1px #e0e0e0;
	padding: 2px;
	margin-top: 10px;
	border-radius: 5px;
}
.cart-area .cart-box .product-cart .item .attr-area .qty button {
	background: none;
	outline: none;
	border:none;
	height: 20px;
	width: 20px;
	border-radius: 3px;
	background: #f0f0f0;
}
.cart-area .cart-box .product-cart .item .attr-area .qty input {
	text-align: center;
	background: none;
	outline: none;
	border:none;
	width: 50%;
}
/*Override*/
/*.product-area .item {
	min-height: 450px;
	margin-bottom: 20px;
}
.product-area.slider .slick-list {
	height: 450px;
	width: 100%;
}
.product-area .item .commerce-area {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.product-area .item .commerce-area  .price {
	/*font-family:'Gotham-Medium';/
	color: #337ab7;
	margin-bottom: 10px;
	font-size: 14px;
}
.product-area .item .commerce-area  .price span.strike {
	position: relative;
	margin-right: 10px;
	/*font-family:'Gotham-Book';/
	color: #aaa;
}
.product-area .item .commerce-area  .price span.strike .line {
	position: absolute;
	top : 50%;
	left: 50%;
	width: 100%;
	height: 2px;
	background: #fe7071;
	border-radius: 2px;
	transform: translate(-55%,-50%);
}
.product-area .item .commerce-area button {
	/*font-family:'Gotham-Book';/
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 14px;
	color: var(--green-wardah);
	border: solid 2px var(--green-wardah);
	background: none;
}
.product-area .item .commerce-area button:hover {
	background: var(--green-wardah);
	color: #fff;
}
.product-area .item .commerce-area button:disabled {
	opacity: 0.5;
}
.product-area .item .commerce-area button:disabled:hover {
	background: none;
	color: var(--green-wardah);
}
.product-area .item .discount {
	width: 40px;
	height: 40px;
	background: #fe7071;
	color: #fff;
	/*font-family:'Gotham-Medium';/
	position: absolute;
	top : 0;
	left: 0;
	padding: 10px;
	border-radius: 30px;
	border:none;
	z-index: 99;
}
.product-area .item .discount b {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 11px;
}*/
.tag-box {
	flex-wrap: wrap;
}
.tag-box .green-separator {
	width: 100%;
	border:none;
	height: 2px;
	background: var(--green-wardah);
	margin-bottom: 20px;
}
.tag-box h3 {
	/*font-family:'Gotham-Medium';*/
	font-size: 14px;
	color: #337ab7;
	margin-bottom: 20px;
}
.tag-box .range-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.tag-box .sliderbar {
	width: 100%;
}
.tag-box .sliderbar .slider {
	width: 100%;
	-webkit-appearance: none;
	width: 100%;
	height: 7px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	margin-bottom: 10px;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background: var(--green-wardah);
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background: var(--green-wardah);
  cursor: pointer;
}
.tag-box .range {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: #337ab7;
	/*font-family:'Gotham-Medium';*/
	font-size: 13px;
	margin-top: 10px;
}
.tag-box button.green {
	width: 100%;
	margin-top: 20px;
}
.product-detail .product-content p.detail-price {
	/*font-family:'Gotham-Medium';*/
	color: #337ab7;
	margin-bottom: 20px;
	font-size: 18px;
}
.qty-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 150px;
	border: solid 1px var(--green-wardah);
	height: 46px;
	border-radius: 25px;
	background: #fff;
}
.product-detail .product-content .button-tab-area .qty-area button {
	border: none;
	color: #272727;
	font-size: 23px;
	background: none;
	padding: 5px 15px;
	margin-right:0;
}
.product-detail .product-content .button-tab-area .qty-area input {
	text-align: center;
	width: 50px;
	border: none;
	background: none;
	outline: none;
}
.checkout-container {
	width: 100%;
}
.checkout-container h1 {
	/*font-family:'Gotham-Medium';*/
	font-size: 23px;
	width: 100%;
	text-align: left;
	color: var(--green-wardah);
	margin-bottom: 20px;
}
.checkout-container .table-area {
	width: 100%;
	margin: 20px 0;
	border-bottom: solid 2px #e0e0e0;
}
.checkout-container .table-area .heading,
.checkout-container .table-area .body {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 20px 0;
}
.checkout-container .table-area .heading {
	border-bottom: solid 2px #e0e0e0;
}
.checkout-container .table-area .body {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #f0f0f0;
}
.checkout-container .table-area .heading .col {
	/*font-family:'Gotham-Medium';*/
	color: #555;
	font-size: 16px;
}
.checkout-container .table-area .body .col {
	/*font-family:'Gotham-Medium';*/
	color: #777;
	font-size: 16px;
}
.checkout-container .table-area .col:nth-child(1) {
	width: 50%;
}
.checkout-container .table-area .col:nth-child(2) {
	width: 10%;
}
.checkout-container .table-area .col:nth-child(3) {
	width: 20%;
}
.checkout-container .table-area .col:nth-child(4) {
	width: 20%;
	text-align: right;
}
.checkout-container .table-area .col .product-wrap {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.checkout-container .table-area .col .product-wrap img {
	width: 30%;
	margin-right: 20px;
}
.checkout-container .table-area .col .product-wrap .text {
	width: 65%;
	line-height: 1.2;
}
.checkout-container .table-area .col .product-wrap .text span {
	/*font-family:'Gotham-Book';*/
	font-size: 13px;
}
.checkout-container .button-area {
	width: 100%;
	text-align: right;
}
.checkout-container .summary-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: solid 1px var(--green-wardah);
}
.checkout-container .summary-area .segment {
	width: 40%;
	text-align: left;
	display: inline-block;
}
.checkout-container .summary-area .segment h2 {
	/*font-family:'Gotham-Medium';*/
	font-size: 23px;
	color: var(--green-wardah);
	margin-bottom: 10px;
}
.checkout-container .summary-area .segment.promo p {
	width: 100%;
	/*font-family:'Gotham-Book';*/
	color: #888;
	line-height: 1.2;
	font-size: 16px;
	margin-bottom: 10px;
}
.checkout-container .summary-area .segment.promo input {
	padding: 10px 20px;
	border: solid 1px #ccc;
	height: 20px;
	border-radius: 10px;
}
.checkout-container .summary-area .segment.summary .line {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
	/*font-family:'Gotham-Book';*/
	color: #888;
	line-height: 1.2;
	font-size: 16px;
}
.checkout-container .summary-area .segment.summary .line span {
	/*font-family:'Gotham-Medium';*/
	color: #333;
}
.checkout-container form {
	width: 100%;
}
.checkout-container .checkout-item-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.checkout-container .checkout-item-container.center {
	justify-content: center;
}
.checkout-container .checkout-item-container .main-section {
	width: 70%;
}
.checkout-container .checkout-item-container .main-section .main-heading {
	width: 95%;
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.checkout-container .checkout-item-container .main-section .main-heading .checkbox-area {
	width: 70%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
	/*font-family:'Gotham-Medium';*/
	color: #777;
}
.checkout-container .checkout-item-container .main-section .main-heading .checkbox-area input {
	margin-right: 10px;
}
.checkout-container .checkout-item-container .main-section a.delete {
	font-size: 12px;
	/*font-family:'Gotham-Book';*/
	color: #aaa;
}
.checkout-container .checkout-item-container .main-section a.delete:hover {
	color: #272727;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container {
	width: 100%;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item {
	width: 95%;
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .overlay-out-of-stock {
	display: none;
	width: 0;
	height: 0;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item.out-of-stock .overlay-out-of-stock {
	display: block;
	position: absolute;
	top : 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background: rgba(255,255,255,0.5);
	z-index: 9;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item:hover {
	box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
	-o-box-shadow: 0px 1px 6px rgba(0,0,0,0.4);
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item input[type=checkbox] {
	margin-right: 10px;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section {
	width: 98%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area {
	width: 35%;

}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area h3 {
	font-size: 14px;
	/*font-family:'Gotham-Medium';*/
	color: #777;
	margin-bottom: 10px;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area h3 .disc-box {
	background: #ee3333;
	padding: 5px;
	color: #fff;
	/*font-family:'Gotham-Book';*/
	font-size: 11px;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 10px;
	width: auto;
	border:none;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area span {
	/*font-family:'Gotham-Book';*/
	color: #888;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area .unit-price {
	margin-top: 10px;
	color: #337ab7;
	/*font-family:'Gotham-Book';*/
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area .unit-price span.strike {
	text-decoration: line-through;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .price-attr {
	width: 40%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .qty-area {
	width: 40%;
	border:solid 1px #ccc;
	border-radius: 5px;
	height: auto;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .qty-area input {
	width: 60%;
	text-align: center;
	border:none;
	outline: none;
	background: none;
	/*font-family:'Gotham-Medium';*/
	font-size: 16px;
	color: #777;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .qty-area button {
	border:none;
	outline: none;
	background: none;
	/*font-family:'Gotham-Medium';*/
	font-size: 16px;
	color: #777;
	height: 30px;
	background: #f8f8f8;
	padding: 0 10px;
	border-radius: 5px;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .qty-area button:hover {
	background: #e0e0e0;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .price {
	font-size: 16px;
	/*font-family:'Gotham-Medium';*/
	color: #777;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .bottom-attribute {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section a.wishlist {
	margin-right: 20px;
	color: var(--green-wardah);

}
.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section img {
	width: 20%;
}
.checkout-container .checkout-item-container .summary-section {
	width: 28%;
}
.checkout-container .checkout-item-container .summary-section.wider {
	width: 35%;
}
.checkout-container .checkout-item-container .summary-section .summary-box {
	/*width: 85%;*/
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);	
}
.checkout-container .checkout-item-container .summary-section.wider .summary-box {
	/*width: 90%;*/
}
.checkout-container .checkout-item-container .summary-section .summary-box h2 {
	font-size: 18px;
	/*font-family:'Gotham-Medium';*/
	color: #777;
}
.checkout-container .checkout-item-container .summary-section .summary-box h3 {
	font-size: 14px;
	/*font-family:'Gotham-Medium';*/
	color: #777;
	margin-bottom: 10px;
}
.checkout-container .checkout-item-container .summary-section .summary-box hr {
	border:none;
	background: #777;
	width: 100%;
	height: 1px;
	margin : 5px 0 20px 0;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
	font-size: 14px;
	/*font-family:'Gotham-Medium';*/
	color: #777;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item div.remove-area {
	font-size: 10px;
	margin-top: 5px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item div.remove-area a {
	color: #ee3333;
	opacity: 0.7;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item div.remove-area a:hover {
	opacity: 1;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item p.loader-animate {
	width: 35%;
	height: 20px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item .loader-group {
	width: 50%;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item .loader-group p {
	width: 100%;
	height: 15px;
	margin-bottom: 5px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item .loader-group p.half {
	width: 70%;
	height: 15px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item label {
	line-height: 1.2;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item label small {
	/*font-family:'Gotham-Book';*/
	color: #999;
	font-size: 11px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler {
	/*font-family:'Gotham-Book';*/
	color: #999;
	align-items: flex-start;
	line-height: 1.3;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler b {
	text-align: right;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler .strike {
	text-decoration: line-through;
	font-size: 12px;
	color: #bbb;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler.product-promo {
	/*font-family:'Gotham-Book';*/
	color: #555;
	align-items: flex-start;
	line-height: 1.3;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler.product-promo {
	background: #f0f0f0;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler.product-promo  label {
	padding: 5px;
	padding-left: 10px;
	border-left: solid 1px #ccc;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler.product-promo  b {
	padding: 5px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.heading {
	flex-wrap: wrap;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.heading p {
	width: 100%;
	/*font-family:'Gotham-Book';*/
	font-size: 11px;
	color: #aaa;
	text-align: center;
	margin-bottom: 10px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.heading p.blue {
	color: #337ab7;
	/*font-family:'Gotham-Medium';*/
	font-size: 14px;
	margin-bottom: 5px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler .smaller {
	font-size: 12px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.reguler span.price {
	font-size: 11px;
	color: #337ab7;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.center {
	justify-content: center;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item.bolder {
	color: var(--green-wardah);
	/*font-family:'Gotham-Medium';*/
	font-size: 16px;
}
.checkout-container .checkout-item-container .summary-section .summary-box .sum-item .blue {
	color:#337ab7;
	margin-bottom: 10px;
}
.checkout-container .checkout-item-container .summary-section .summary-box button {
	width: 100%;
	margin-top: 10px;
}
.checkout-container .checkout-item-container .summary-section .available-coupon {
	margin: 20px 0;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item {
	width: 90%;
	padding: 10px 5%;
	height: 80px;
	position: relative;
	background: #fff;
	margin-bottom: 15px;
	border-radius: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item:hover {
	background: #fafafa;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	cursor: pointer;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .circle-top {
	background: #fff;
	width: 14px;
	height: 14px;
	position: absolute;
	top : -7px;
	left: 30%;
	border-radius: 7px;
	transform: translate(-50%,0);
	z-index: 3;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset;
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .circle-top::after {
	content: ' ';
	position: absolute;
	width: 14px;
	height: 7px;
	top: 0;
	left: 0;
	background: #fff;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .circle-bottom {
	background: #fff;
	width: 14px;
	height: 14px;
	position: absolute;
	bottom : -7px;
	left: 30%;
	border-radius: 7px;
	transform: translate(-50%,0);
	z-index: 3;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset;
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2) inset;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .circle-bottom::after {
	content: ' ';
	position: absolute;
	width: 14px;
	height: 7px;
	top: 7px;
	left: 0;
	background: #fff;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .line {
	width:0;
	height: 100px;
	border-left: dashed 1px #f0f0f0;
	position: absolute;
	top : 0;
	left: 30%;
	z-index: 2;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .loading {
	width:100%;
	height: 100px;
	position: absolute;
	top : 0;
	left: 0;
	z-index: 1;
	border-radius: 10px;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item:hover .line {
	border-color: #e0e0e0;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .left-area {
	width: 20%;
	top : 50%;
	left: 5%;
	position: absolute;
	transform: translate(0,-50%);
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .left-area span {
	/*font-family:'Gotham-Book';*/
	color: #888;
	font-size: 10px;
	line-height: 1.5;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .left-area big {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	font-size: 26px;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .left-area p.loading {
	width: 50%;
	height: 20px;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .right-area {
	width: 60%;
	top : 50%;
	right: 5%;
	position: absolute;
	transform: translate(0,-50%);
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .right-area b {
	/*font-family:'Gotham-Medium';*/
	color: #555;
	font-size: 16px;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .right-area p {
	/*font-family:'Gotham-Book';*/
	font-size: 10px;
	line-height: 0.9;
	color: #888;
	margin: 5px 0;
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .right-area p.title {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
}
.checkout-container .checkout-item-container .summary-section .available-coupon .coupon-item .right-area span {
	font-size: 10px;
	/*font-family:'Gotham-Book';*/
	color: #aaa;
}
.checkout-container .checkout-item-container .sub-header {
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*font-family:'Gotham-Book';*/
	color: #777;
}
.checkout-container .checkout-item-container .sub-header a {
	/*font-family:'Gotham-Medium';*/
	color: #337ab7;
}
.checkout-container .checkout-item-container .address-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.checkout-container .checkout-item-container .address-box .address-attr {
	width: 70%;
}
.checkout-container .checkout-item-container .address-box button.change {
	padding: 6px 15px;
	/*font-family:'Gotham-Book';*/
	font-size: 10px;
	color: var(--green-wardah);
	border: solid 1px var(--green-wardah);
	border-radius: 5px;
	background: none;
}
.checkout-container .checkout-item-container .address-box .address-attr .item-attr {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	/*font-family:'Gotham-Medium';*/
	color: #777;
	margin-bottom: 10px;
	line-height: 1.2;
}
.checkout-container .checkout-item-container .address-box .address-attr .item-attr:last-child {
	margin-bottom: 0;
}
.checkout-container .checkout-item-container .address-box .address-attr .item-attr button.icon {
	width: 30px;
	height: 30px;
	background: none;
	outline: none;
	border:none;
	position: relative;
}
.checkout-container .checkout-item-container .address-box .address-attr .item-attr button.icon i {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 18px;
	color: #777;
}
.checkout-container .checkout-item-container .address-box select.currier {
	width: 100%;
	border-radius: 5px;
	height: 30px;
	border: solid 1px #aaa;
}
.checkout-container .checkout-item-container .address-box .address-attr .item-attr div {
	width: 80%;
	margin-left: 10px;
}
.checkout-container .checkout-item-container .summary-section.box {
	border: solid 1px #f0f0f0;
	padding: 20px;
	border-radius: 20px;
}
.checkout-container .checkout-item-container .summary-section.box button.green {
	width: 100%;
}
.checkout-container .checkout-item-container .summary-section.box h2 {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	font-size: 23px;
}
.checkout-container .checkout-item-container .summary-section.box hr {
	width: 100%;
	height: 1px;
	border: none;
	background: #f0f0f0;
	margin : 10px 0 20px 0;
}
.popup-address {
	border-radius: 5px;
}
.popup-address .heading {
	width: 90%;
	padding: 10px 5%;
	border-bottom: solid 1px #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup-address .heading.no-border {
	border:none;
}
.popup-address.wider .heading {
	width: 96%;
	padding: 20px 2%;
	border-bottom: solid 1px #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup-address.wider .body {
	width: 96%;
	padding: 20px 2%;
}
.popup-address .body.btn-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-grow: 1;
}
.popup-address .body.btn-area button {
	flex-grow: 1;
	margin:5px;
}
.popup-address .order-box {
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
}
.popup-address .order-box:hover {
	box-shadow: none;
}
.popup-address .order-box .address {
	width: 96%;
    padding: 10px 2%;
    color: #888;
    /*font-family:'Gotham-Book';*/
    font-size: 13px;
}
.popup-address .heading span {
	color: var(--green-wardah);
	/*font-family:'Gotham-Medium';*/
	font-size: 11px;
}
.popup-address .heading button {
	background: none;
	outline: none;
	border:none;
	color: #aaa;
	padding: 0;
}
.popup-address .heading button:hover {
	cursor: pointer;
	color: #666;
}
.popup-address .body {
	max-height: 400px;
	width: 90%;
	padding: 10px 5%;
	overflow-y: scroll;
}
.popup-address .address-item {
	width: 90%;
	padding: 5%;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	margin-bottom: 10px;
	border-radius: 10px;
}
.popup-address .address-item.on {
	border: solid 1px var(--green-wardah);
}
.popup-address .address-item:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.popup-address .address-item .item-attr {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	/*font-family:'Gotham-Book';*/
	color: #777;
	margin-bottom: 10px;
	line-height: 1.2;
}
.popup-address .address-item .item-attr div {
	width: 80%;
}
.popup-address .address-item .item-attr button.icon {
	width: 30px;
	height: 30px;
	background: none;
	border:none;
	outline: none;
	position: relative;
}
.popup-address .address-item .item-attr button.icon i {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.popup-address .address-item button.green {
	padding: 10px 20px;
	width: 100%;
	font-size: 10px;
}
.commerce-tab {
	width: 100%;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	background: #fff;
	border-radius: 10px;
	margin-bottom: 50px;
}
.commerce-tab .item {
	margin: 0 15px;
}
.commerce-tab .item a {
	/*font-family:'Gotham-Medium';*/
	color: #777;
}
.commerce-tab .item.active a {
	color: #337ab7;
}
.orders-container {
	width: 100%;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	background: #fff;
	border-radius: 10px;
}
.orders-container .heading {
	widows: 100%;
}
.orders-container .heading ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: solid 1px #337ab7;
	list-style: none;
}
.orders-container .heading ul a {
	margin-bottom: 0;
}
.orders-container .heading li {
	color: #777;
	/*font-family:'Gotham-Medium';*/
	font-size: 12px;
	padding: 25px 5px 20px 5px;
	text-align: center;
	border-bottom: solid 5px transparent;
}
.orders-container .heading li.active {
	border-bottom: solid 5px #337ab7;
	color: #337ab7;
}
.orders-container .body {
	widows: 96%;
	padding: 2%;
}
.order-box {
	width: 100%;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	background: #fff;
	border-radius: 10px;
	margin-bottom: 30px;
}
.order-box:hover {
	cursor: pointer;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}
.order-box .heading {
	/*width: 96%;*/
	padding: 20px 2% 10px 2%;
	border-bottom: solid 1px #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #777;
	/*font-family:'Gotham-Book';*/
	font-size: 11px;
}
.order-box .attr-info,
.order-box .notif-info {
	/*width: 96%;*/
	padding: 10px 2%;
	border-bottom: solid 1px #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.order-box .notif-info h2 {
	width: 100%;
	display: flex;
	/*font-family:'Gotham-Medium';*/
	font-size: 16px;
	margin-bottom: 10px;
	color: var(--green-wardah);
	align-items: center;
}
.order-box .notif-info h2 .bubble {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: var(--green-wardah);
	margin-right: 5px;
}
.order-box .notif-info h2 .bubble.read {
	background: #ccc;
}
.order-box .notif-info p {
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 1.2;
	/*font-family:'Gotham-Book';*/
	color: #777;
}
.order-box .attr-info .info {
	width: 32%;
}
.order-box .heading .view-detail {
	border: solid 1px #ccc;
	background: #f0f0f0;
	color: #777;
	padding: 5px 10px;
	border-radius: 5px;
}
.order-box .heading .view-detail:hover {
	color: #fff;
	border: solid 1px var(--green-wardah);
	background: var(--green-wardah);
}
.order-box .attr-info .separator {
	width: 1px;
	height: 50px;
	background: #f0f0f0;
}
.order-box .attr-info .info label {
	/*font-family:'Gotham-Book';*/
	color: #777;
	font-size: 14px;
}
.order-box .attr-info .info h2 {
	font-size: 14px;
	/*font-family:'Gotham-Medium';*/
	color: #444;
	margin-top: 5px;
}
.order-box .attr-info .info h2.blue {
	color: #337ab7;
	font-size: 16px;
}
.order-box .attr-info .info h2.green {
	color: var(--green-wardah);
}
.order-box .quote {
	/*width: 96%;*/
	padding: 10px 2%;
}
.order-box .quote h1 {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	font-size: 16px;
}
.order-box .quote .row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #f0f0f0;
	padding: 10px 0;
}
.order-box .quote .row .name {
	width:50%;
	/*font-family:'Gotham-Medium';*/
	color: #777;
	line-height: 1.3;
}
.order-box .quote .row .name span {
	/*font-family:'Gotham-Book';*/
	color: #888;
}
.order-box .quote .row .qty {
	width:20%;
	text-align: right;
	color: #777;
}
.order-box .quote .row .price {
	width:30%;
	text-align: right;
	color: #337ab7;
}
.order-box .footer {
	/*width: 96%;*/
	padding: 10px 2% 20px 2%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.order-box .footer a {
	margin: 5px;
}
.order-box .footer .blue {
	background: #337ab7;
	color: #fff;
	/*font-family:'Gotham-Medium';*/
	font-size: 14px;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	width: 100%;
	flex-grow: 1;
	opacity: 0.8;
}
.order-box .footer .blue.secondary {
	background: #f0f0f0;
	color: #333;
}
.order-box .footer .blue:hover {
	opacity: 1;
}
.wrapper.profile .wishlists a {
	width: 25%;
}
.product-detail .product-content .button-tab-area button.buy:disabled {
	opacity: 0.7;
}
.product-detail .product-content .button-tab-area button.buy:disabled:hover {
	background: none;
	color: var(--green-wardah);
}
.product-cart a {
	width: 100%;
}
.product-cart .item-notif {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: solid 1px #f0f0f0;
}

.product-cart .item-notif:hover {
	cursor: pointer;
	background: #fafafa;
}
.product-cart .item-notif .circle {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin: 5px;
}

.product-cart .item-notif .circle.green {
	background: var(--green-wardah);
}
.product-cart .item-notif.read .circle.green {
	background: #ccc;
} 
.product-cart .item-notif .text {
	width: 90%;
	text-align: left;
	/*font-family:'Gotham-Book';*/
}
.product-cart .item-notif .text h3 {
	/*font-family:'Gotham-Book';*/
	color: #333;
	margin-top: 5px;
}
.product-cart .item-notif .text label {
	width: 100%;
	font-size: 11px;
	color: #bbb;
}
.product-cart .item-notif .text p {
	width: 100%;
	margin-top: 5px;
	line-height: 1.2;
	color: #888;
	font-size: 11px;
}
.review-box {
	width: 100%;
	padding: 3%;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	background: #fff;
	border-radius: 10px;
	margin-bottom: 30px;
}
.review-box .attr-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.review-box .attr-area .product-info {
	width: 80%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	height: auto;
}
.review-box .attr-area .product-info img {
	width: 130px;
	height: 130px;
	border: solid 1px #f0f0f0;
	object-fit: contain;
	object-position: center;
	border-radius: 5px;
	margin-right: 20px;
}
.review-box .attr-area .product-info .text {
	/*font-family:'Gotham-Book';*/
}
.review-box .attr-area .product-info .text h3 {
	font-size: 18px;
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	margin-bottom: 5px;
}
.review-box .attr-area .product-info .text span {
	color: #888;
}
.review-box .attr-area .product-info .text p {
	margin-top: 5px;
	color: #337ab7;
}
.review-box .attr-area .product-info .text p.status {
	color: #999;
	margin-top: 10px;
}
.review-box .attr-area .product-info .text p.status b {
	/*font-family:'Gotham-Medium';*/
	color: #666;
}
.review-box .attr-area button.green-o {
	padding: 10px 20px;
	/*font-family:'Gotham-Book';*/
	color: var(--green-wardah);
	border: solid 1px var(--green-wardah);
	outline: none;
	background: none;
	border-radius: 20px;
}
.review-box .review-area {
	width: 100%;
	border-top: solid 1px #f0f0f0;
	padding-top: 20px;
	display: block;
}
.review-box .review-area form {
	width: 100%;
}
.review-box .star {
}
.review-box .star ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
}
.review-box .star ul li {
	margin-right: 5px;
	opacity: 0.8;
}
.review-box .star ul li i {
	font-size: 32px;
	color: var(--green-wardah);
}
.review-box .star ul li:hover {
	opacity: 1;
	cursor: pointer;
}
.review-box .review-area textarea {
	width: 100%;
	padding: 1%;
	border: solid 1px #e0e0e0;
	/*font-family:'Gotham-Book';*/
	height: 100px;
	margin-bottom: 20px;
}
.product-cart-confirm .alert {
	background: var(--light-blue-grey);
	text-decoration: none;
	color: #272727;
	width: 94%;
	padding: 3%;
	/*font-family:'Gotham-Book';*/
	border-radius: 5px;
}
.product-cart-confirm .box-product-cart {
	width: 94%;
	padding: 3%;
	border-radius: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	margin-top: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.product-cart-confirm .box-product-cart img {
	width: 100px;
	height: 100px;
	object-fit: contain;
	object-position: center;
	border-radius: 5px;
	border: solid 1px #f0f0f0;
	margin-right: 10px;
}
.product-cart-confirm .box-product-cart h3 {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	font-size: 16px;
	margin-bottom: 5px;
}
.product-cart-confirm .box-product-cart span {
	font-size: 11px;
	/*font-family:'Gotham-Book';*/
	color: #888;
}
.product-cart-confirm .box-product-cart p {
	font-size: 11px;
	/*font-family:'Gotham-Medium';*/
	color: #337ab7;
	margin-top: 10px;
}
.shipping-method-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.shipping-method-button {
	width: 49%;
	padding: 10px;
	background: #f0f0f0;
	border: solid 1px #e0e0e0;
	/*font-family:'Gotham-Book';*/
	text-align: left;
	border-radius: 5px;
	font-size: 14px;
	color: #666;
	position: relative;
}
.shipping-method-button:hover {
	background: #e0e0e0;
}
.shipping-method-button::after {
	display: inline-block;
  	font: normal normal normal 14px/1 FontAwesome;
  	font-size: inherit;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	content: "\f054";
  	position: absolute;
  	top : 50%;
  	right: 10px;
  	transform: translate(0,-50%);
}
.shipping-method-button .child {
	position: absolute;
	top : 100%;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	display: none;
	z-index: 99;
}
.shipping-method-button:hover .child {
	display: block;
}
.shipping-method-button .child .item {
	width: 96%;
	padding: 2%;
	border-bottom: solid 1px #f0f0f0;
}
.shipping-method-button .child .item.hide {
	display: none;
}
.shipping-method-button .child .item:hover {
	cursor: pointer;
	background: #f8f8f8;
}
.shipping-method-button .child .item .wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.shipping-method-button .child .item .wrap b {
	/*font-family:'Gotham-Medium';*/
	color: #337ab7;
}
.payment-method-box {
	width: 100%;
	padding: 5% 0;
}
.payment-method-box .segment {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #f0f0f0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.payment-method-box .segment .heading {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.payment-method-box .segment:hover {
	opacity: 0.8;
	cursor: pointer;
}
.payment-method-box .segment.on:hover {
	opacity: 1;
	cursor: default;
}
.payment-method-box .segment .heading h3 {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	font-size: 16px;
	width: 45%;
}
.payment-method-box .segment .heading button {
	background: none;
	outline: none;
	border:none;
	color: #888;
	font-size: 14px;
}
.payment-method-box .segment .heading button i.fa-chevron-down {
	display: block;
}
.payment-method-box .segment .heading button i.fa-chevron-up {
	display: none;
}
.payment-method-box .segment.on .heading button i.fa-chevron-up {
	display: block;
}
.payment-method-box .segment.on .heading button i.fa-chevron-down {
	display: none;
}
.payment-method-box .segment .heading button:hover {
	cursor: pointer;
	color: var(--green-wardah);
}
.payment-method-box .segment .heading .samples {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 10px;
	display: flex;
}
.payment-method-box .segment.on .heading .samples {
	display: none;
}
.payment-method-box .segment .heading .samples img {
	width: 50px;
	height: 30px;
	border: solid 1px #e0e0e0;
	border-radius: 3px;
	object-position: center;
	object-fit: cover;
	margin-right: 2px;
}
.payment-method-box .segment .body {
	width: 100%;
	margin: 10px 0;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	display: none;
}
.payment-method-box .segment.on .body {
	display: flex;
}
.payment-method-box .segment .body .item {
	width: 24%;
	border: solid 1px transparent;
	margin-bottom: 10px;
	position: relative;
	border-radius: 5px;
	opacity: 0.8;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.payment-method-box .segment .body .item.active {
	opacity: 1;
	border: solid 1px #337ab7;
}
.payment-method-box .segment .body .item:hover {
	cursor: pointer;
	opacity: 1;
	border: solid 1px #aaa;
}
.payment-method-box .segment .body .item.active:hover {
	border: solid 1px #337ab7;
}
.payment-method-box .segment .body .item button {
	display: none;
}
.payment-method-box .segment .body .item.active button {
	position: absolute;
	top : 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: none;
	outline: none;
	background: #337ab7;
	color: #fff;
	display: block;
}
.payment-method-box .segment .body .item.active button i {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.payment-method-box .segment .body .item.blank {
	border: none;
}
.payment-method-box .segment .body .item img {
	width: 100%;
	height: 80px;
	object-position: center;
	object-fit: contain;
	border-radius: 5px;
}
.payment-selected-box {
	width: 94%;
	padding: 3%;
	border: solid 1px #f0f0f0;
	border-radius: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
}
.payment-selected-box img {
	width: 150px;
	height: 100px;
	object-fit: contain;
	object-position: center;
}
.payment-selected-box p {
	margin-bottom: 10px;
	/*font-family:'Gotham-Book';*/
	font-size: 11px;
	color: #777;
}
.payment-selected-box button {
	/*font-family:'Gotham-Book';*/
	font-size: 11px;
	padding: 5px 10px;
	border: solid 1px #e0e0e0;
	background: #f8f8f8;
	border-radius: 5px;
	outline: none;
	box-shadow: none;
}
.payment-selected-box button:hover {
	background: #e0e0e0;
}
.disc-info-detail {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}
.disc-info-detail.off {
	display: none;
}
.disc-info-detail .badge {
	background: #fe7071;
	color: #fff;
	/*font-family:'Gotham-Medium';*/
	border:none;
	outline: none;
	font-size: 10px;
	margin-right: 10px;
	padding: 8px 10px 5px 10px;
	border-radius: 3px;
}
.disc-info-detail .real-price {
	position: relative;
	/*font-family:'Gotham-Book';*/
	font-size: 13px;
	color: #aaa;
}
.disc-info-detail .real-price .line {
	position: absolute;
	top : 50%;
	left: -1%;
	width: 102%;
	height: 1px;
	background: #888;
	transform: translate(0,-50%);
}
.product-detail .product-content p.detail-price.bigger {
	font-size: 23px;
}
.shopping-bag {
	width: 25px;
	height: 25px;
	background: url(../images/shoppingcart.png);
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.bell {
	width: 30px;
	height: 30px;
	background: url(../images/bell.png);
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.cart-box .search-area {
	width: 96%;
	padding: 2%;
	border: solid 1px #ccc;
	background: #f8f8f8;
	border-radius: 30px;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}
.cart-box .search-area input {
	background: none;
	outline: none;
	width: 80%;
	/*font-family:'Gotham-Book';*/
	color: #777;
	border: none;
}
.cart-box .search-area button {
	color: #fff;
	background: var(--green-wardah);
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: none;
	outline: none;
	position: relative;
}
.cart-area .cart-box .product-cart.empty {
	align-items: center;
	justify-content: center;
	text-align: center;
}
.cart-area .cart-box .product-cart.empty img {
	width: 100px;
	margin-bottom: 15px;
}
.cart-area .cart-box .product-cart.empty p {
	line-height: 1.3;
	/*font-family:'Gotham-Book';*/
	color: #888;
	font-size: 12px;
	margin-bottom: 20px;
}
.cart-area .cart-box .product-cart.empty b {
	line-height: 1.4;
	/*font-family:'Gotham-Medium';*/
	font-size: 14px;
}
.checkout-container .checkout-item-container .summary-section .summary-box hr.dashed {
	margin: 20px 0 20px 0;
	width: 100%;
	height: 0;
	border:none;
	background: none;
	border-bottom: dashed 1px #e0e0e0;
}
.checkout-container .checkout-item-container .summary-section .summary-box .coupon {
	/*width: 90%;*/
	padding: 5%;
	background: #fff;
	border: solid 1px #e0e0e0;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.checkout-container .checkout-item-container .summary-section .summary-box .coupon:hover {
	cursor: pointer;
	background: #f0f0f0;
}
.checkout-container .checkout-item-container .summary-section .summary-box .coupon span {
	width: 80%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.checkout-container .checkout-item-container .summary-section .summary-box .coupon span button {
	margin:0;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: none;
	outline: none;
	background: var(--green-wardah);
	color: #fff;
	position: relative;
	cursor: pointer;
}
.checkout-container .checkout-item-container .summary-section .summary-box .coupon span button i {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.checkout-container .checkout-item-container .summary-section .summary-box .coupon span label {
	/*font-family:'Gotham-Book';*/
	color: #777;
	cursor: pointer;
	font-size: .75rem;
}
.promo-code-form {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.promo-code-form input {
	padding: 13px 30px;
    border-radius: 30px;
    border: solid 1px #ccc;
    outline: none;
    width: 63%;
}
.coupon-area {
	width: 100%;
}
.coupon-area .coupon-item {
	width: 94%;
	padding: 3%;
	border: solid 1px #f0f0f0;
	margin-bottom: 10px;
	border-radius: 10px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.coupon-area .coupon-item.unlisted {
	display: none;
}
.coupon-area .coupon-item:hover {
	background: #fafafa;
	border: solid 1px var(--green-wardah);
	cursor: pointer;
}
.coupon-area .coupon-item.off {
	opacity: 0.6;
}
.coupon-area .coupon-item.off:hover {
	background: #fff;
	border: solid 1px #f0f0f0;
}
.coupon-area .coupon-item img {
	height: 50px;
	margin-bottom: 10px;
}
.coupon-area .coupon-item h3 {
	width: 100%;
	margin-bottom: 10px;
	/*font-family:'Gotham-Medium';*/
	color: #444;
	font-size: 16px;
}
.coupon-area .coupon-item h3.loading {
	width: 70%;
	height: 20px;
	margin-bottom: 10px;
}
.coupon-area .coupon-item p {
	/*font-family:'Gotham-Book';*/
	color: #777;
	margin-bottom: 20px;
}
.coupon-area .coupon-item p.loading {
	width: 100%;
	height: 10px;
	margin-bottom: 5px;
}
.coupon-area .coupon-item p.loading.half {
	width: 50%;
}
.coupon-area .coupon-item span {
	color: #aaa;
	/*font-family:'Gotham-Book';*/
	font-size: 11px;
}
.coupon-area .coupon-item span a {
	color: var(--green-wardah);
}
.bundles-area {
	width: 100%;
	background: #dff9fa;
	margin-bottom: 10px;
	border-radius: 10px;
}
.bundles-area .heading-bundle {
	width: 95%;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bundles-area .heading-bundle button {
	padding: 10px 20px;
	/*font-family:'Gotham-Book';*/
	font-size: 12px;
}
.bundles-area .heading-bundle button.hollow {
	color: var(--green-wardah);
	border: solid 1px var(--green-wardah);
	border-radius: 30px;
	outline: none;
	background: none;
}
.bundles-area .heading-bundle button.hollow:hover {
	opacity: 0.8;
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .bundles-area .item {
	background: none;
	box-shadow: none;	
	border-radius: 0;
	border-bottom: solid 1px var(--green-wardah);
}
.checkout-container .checkout-item-container .main-section .item-purchase-container .bundles-area .item:last-child {
	border-bottom: none;
}
.bundle-product-detail {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.bundle-product-detail img {
	width: 30%;
}
.bundle-product-detail .detail-product {
	width: 68%;
}
.bundle-product-detail .detail-product h2 {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	margin-bottom: 5px;
	font-size: 20px;
}
.bundle-product-detail .detail-product span {
	/*font-family:'Gotham-Book';*/
	color: #888;
	font-size: 11px;
}
.bundle-product-detail .detail-product p {
	/*font-family:'Gotham-Book';*/
	color: #888;
	font-size: 11px;
	line-height: 1.2;
}
.bundle-product-detail .detail-product .price {
	margin: 10px 0 20px 0;
}
.bundle-product-detail .detail-product .price span {
	color: #337ab7;
	/*font-family:'Gotham-Book';*/
	font-size: 14px;
}
.bundle-product-detail .detail-product .price span.strike {
	text-decoration: line-through;
	color: #888;
}
.coupon-area .bundle-item {
	width: 94%;
	padding: 3%;
	border: solid 1px #f0f0f0;
	margin-bottom: 10px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.coupon-area .bundle-item img {
	width: 20%;
}
.coupon-area .bundle-item .detail-product {
	width: 75%;
}
.coupon-area .bundle-item .detail-product h2 {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	font-size: 16px;
	margin-bottom: 10px;
}
.coupon-area .bundle-item .detail-product span {
	/*font-family:'Gotham-Book';*/
	color: #888;
	font-size: 11px;
	line-height: 1.2;
}
.promo-detail h2 {
	/*font-family:'Gotham-Book';*/
	font-size: 18px;
	color: var(--green-wardah);
	margin-bottom: 10px;
}
.promo-detail img.cover {
	width: 100%;
	max-height: 200px;
	object-position: center;
	object-fit: cover;
	margin-bottom: 10px;
}
.promo-detail .promo-segment {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
}
.promo-detail .promo-segment .attr {
	flex-grow: 1;
	line-height: 1.3;
}
.promo-detail .promo-segment .attr span {
	font-size: 11px;
	color: #999;
	/*font-family:'Gotham-Book';*/
}
.promo-detail .promo-segment .attr b {
	/*font-family:'Gotham-Medium';*/
	color: #666;
	font-size: 18px;
}
.promo-detail  p {
	/*font-family:'Gotham-Book';*/
	color: #888;
	line-height: 1.2;
	font-size: 12px;
}
.promo-detail .product-item {
	width: 94%;
	padding: 3%;
	margin : 20px 0 10px 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.promo-detail .product-item img {
	width: 30%;
}
.promo-detail .product-item .product-info {
	width: 65%;
	text-align: left;
	/*font-family:'Gotham-Book';*/
}
.promo-detail .product-item .product-info span {
	font-size: 12px;
	color: #aaa;
}
.promo-detail .product-item .product-info h3 {
	/*font-family:'Gotham-Medium';*/
	font-size: 18px;
	color: var(--green-wardah);
	margin: 5px 0;
}
.promo-detail button.green:disabled {
	background: #aaa;
	color: #666;
	opacity: 0.8;
	cursor: auto;
}
.loyalty-point-area {
	width: 220px;
	margin-top: 20px;
	text-align: center;
	color: var(--green-wardah);
	/*font-family:'Gotham-Book';*/
	font-size: 14px;
}
.loyalty-point-area span {
	/*font-family:'Gotham-Medium';*/
}

.print-action {
	width: 100%;
	padding: 10px 0;
	border-bottom: solid 1px #f0f0f0;
	align-items: right;
	display: flex;
	justify-content: flex-end;
}
.print-action button {
	display: inline-block;
	margin-right: 20px;
	border: solid 1px #ccc;
	background: #f0f0f0;
	padding: 5px 20px;
	color: #333;
	border-radius: 3px;
}
.print-action button:hover {
	background: #e0e0e0;
}
.print-container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 50px;
}
.print-container .table-wrapper {
	width: 800px;
}
.print-container .table-wrapper td {
	vertical-align: top;
}
.print-container .table-wrapper td p {
	/*font-family:'Gotham-Book';*/
	color: #777;
	line-height: 1.2;
}
.print-container .table-wrapper td h3 {
	/*font-family:'Gotham-Medium';*/
	color: var(--green-wardah);
	margin-bottom: 10px;
}
.print-container .table-wrapper td b {
	/*font-family:'Gotham-Medium';*/
	color: #666;
}
.print-container .table-wrapper td img {
	height: 35px;
	margin-bottom: 15px;
}
.print-container .table-wrapper td .inv {
	/*font-family:'Gotham-Medium';*/
	margin-bottom: 5px;
}
.print-container .table-wrapper td .inv span {
	color: var(--green-wardah);
}
.print-container .table-wrapper td.item-area {
	padding-top: 50px;
}
.print-container .table-wrapper table.product-lists td,
.print-container .table-wrapper table.product-lists th {
	border: solid 1px #f0f0f0;
	padding: 10px;
}
.print-container .table-wrapper table.product-lists th {
	background: #fafafa;
	/*font-family:'Gotham-Medium';*/
}
.print-container .table-wrapper table.product-lists tr.total td {
	background: #fafafa;
	/*font-family:'Gotham-Medium';*/
}
.print-container .table-wrapper table.product-lists tr.grandtotal td {
	background: var(--green-wardah);
	/*font-family:'Gotham-Medium';*/
	color: #fff;
}
.errpayment {
	width: 94%;
	padding: 3%;
	background: #fffafa;
	color: #ff3333;
	/*font-family:'Gotham-Book';*/
	font-size: 12px;
	margin-bottom: 20px;
	border: solid 1px #ffcccc;
	border-radius: 5px;
}
.review-product-detail {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.review-product-detail button.nav {
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: none;
	background: var(--green-wardah);
	color: #fff;
}
.review-product-detail button.nav i {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.review-product-detail button.nav.prev {
	left: 0;
}
.review-product-detail button.nav.next {
	right: -20px;
}
.review-product-detail .review-container {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	overflow-x: scroll;
	padding: 10px 5px;
	white-space: nowrap;
}
.review-product-detail .review-container .item-review {
	width: 300px;
	padding: 20px;
	margin-right: 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.review-product-detail .review-container .item-review .upper {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
}
.review-product-detail .review-container .item-review .upper img {
	width: 70px;
	height: 70px;
	border-radius: 35px;
	object-fit: cover;
	object-position: center;
	margin-right: 15px;
	border: none;
	outline: none;
}
.review-product-detail .review-container .item-review .upper .name-area {
	color: #666;
	/*font-family:'Gotham-Medium';*/
	font-size: 16px;
}
.review-product-detail .review-container .item-review .upper .name-area h2.loader-animate {
	width: 210px;
	height: 20px;
}
.review-product-detail .review-container .item-review .upper .star-area {
	width: 100%;
	margin-top:5px; 
}
.review-product-detail .review-container .item-review .upper .star-area.loader-animate {
	width: 100px;
}
.review-product-detail .review-container .item-review .upper .star-area ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.review-product-detail .review-container .item-review .upper .star-area ul li {
	margin-right: 3px;
}
.review-product-detail .review-container .item-review .upper .star-area ul i.fa {
	color: #fdcc0d;
}
.review-product-detail .review-container .item-review .content {
	/*font-family:'Gotham-Book';*/
	font-size: 12px;
	line-height: 1.2;
	color: #888;
	min-height: 150px;
	width:300px;
	white-space: pre-wrap;
}
.review-product-detail .review-container .item-review .content p.loader-animate {
	width: 100%;
	height: 10px;
	margin-bottom: 5px;
}
.review-product-detail .review-container .item-review .content p.loader-animate.half {
	width: 50%;
}
.review-product-detail .review-container .item-review .content .date {
	font-size: 11px;
	color: #aaa;
	margin-top: 10px;
}
.review-product-detail .review-container .item-review .content .date.loader-animate {
	width: 100px;
}
.coupon-code {
	margin-bottom: 20px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
.checkout-container .checkout-item-container .summary-section .summary-box .coupon-code button {
	margin: 0;
	/*padding: 10px 15px;*/
	border-radius: 20px;
	color: #fff;
	background: var(--green-wardah);
	border:none;
	outline: none;
	height: 40px;
	flex: 1;
}
.checkout-container .checkout-item-container .summary-section .summary-box .coupon-code button:hover {
	opacity: 0.8;
}
.coupon-code input {
	margin-right: 5px;
	background: #fff;
	/*font-family:'Gotham-Book';*/
	border-radius: 20px;
	border: solid 1px #f0f0f0;
	padding: 7px 20px;
	/*height: 27px;*/
	width: 65%;
}
.product-detail .product-content .title-segment-product h1 {
	margin-bottom: 10px;
}
.product-detail .product-content .sub-title-segment {
	margin-bottom: 20px;
	/*font-family:'Gotham-Book';*/
	color: var(--green-wardah);
	font-size: 18px;
}
.note-shipping {
	width: 96%;
	padding: 2%;
	border-radius: 5px;
	height: 100px;
	border: solid 1px #f0f0f0;
	background: #fff;
	outline: none;
	/*font-family:'Gotham-Book';*/
}

@media(max-width: 768px) {
	.checkout-container h1 {
		margin-top: 20px;
	}
	.cart-area {
		margin: 0 5px;
	}
	.cart-area .cart-box-wrapper {
		right: -20px;
		left: auto;
		transform: none;
	}
	.cart-area .cart-box::before {
		right: 10px;
		left: auto;
	}
	.cart-area .cart-box .product-cart .item .attr-area {
		text-align: left;
	}
	.checkout-container .checkout-item-container .main-section,
	.checkout-container .checkout-item-container .summary-section {
		width: 100%;
		margin-bottom: 20px;
	}

	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .qty-area {
		width: 40%;
	}
	.checkout-container .checkout-item-container .summary-section .summary-box,
	.checkout-container .checkout-item-container .main-section .main-heading,
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item {
		width: 90%;
		padding: 5%;
	}
	.checkout-container .checkout-item-container .main-section .main-heading .checkbox-area,
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .price,
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .qty-area input,
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .qty-area button {
		font-size: 14px;
	}
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area h3 {
		font-size: 13px;
	}
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area span {
		font-size: 11px;
	}
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section {
		width: 100%;
	}
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .name-area {
		width: 78%;
	}
	.checkout-container .checkout-item-container .main-section .item-purchase-container .item .content-section .price-attr {
		width: 78%;
		margin-left: 22%;
		margin-top: 10px;
	}
	.shipping-method-button {
		width: 100%;
		padding: 20px 15px;
		margin-bottom: 10px;
	}
	.shipping-method-button .child .item {
		padding: 15px 2%;
	}
	.cart-area .cart-box-wrapper.left {
	    right: auto;
	    left: -20px;
	    transform: none;
	    width: 300px;
	}
	.cart-area .cart-box-wrapper.left .cart-box::before {
		right: auto;
	    left: 30px;
	}
	.product-cart .item-notif .text h3 {
		font-size: 16px;
	}
	.commerce-tab .item {
	    margin: 0 10px;
	    text-align: center;
	}
	.order-box .attr-info {
		flex-wrap: wrap;
	}
	.order-box .attr-info .separator {
		width: 100%;
		height: 1px;
		margin: 10px 0;
	}
	.order-box .attr-info .info {
		width: 100%;
	}
	.popup.wider {
		width: 90%;
	}
	.orders-container .heading ul {
		overflow-x: scroll;
	}
	.orders-container .heading li {
		white-space: nowrap;
		padding: 25px 15px 20px 15px;
	} 
	.checkout-container .checkout-item-container .summary-section.wider {
		width: 90%;
	}
	.product-area .item .commerce-area button {
		font-size: 11px;
	}
	.product-area .item {
		min-height: 360px;
		margin-bottom: 20px;
	}
	.product-area.slider .slick-list {
		height: 360px;
		width: 100%;
	}
	.popup.medium {
	    width: 90%;
	}
	.cart-area .cart-box-wrapper {
		position: fixed;
		width: 100%;
		top:auto;
		left: auto;
		right: 0;
	}
	.cart-area .cart-box {
		width: 94%;
		padding: 3%;
	}
	.cart-area .cart-box::before {
		display: none;
	}
	.disc-info-detail {
		justify-content: center;
	}
	.product-detail .product-content p.detail-price.bigger {
		text-align: center;
	}
	.checkout-container .checkout-item-container .address-box button.change{
	    padding: 10px 0px;
	    /*font-family:'Gotham-Book';*/
	    font-size: 11px;
	    color: var(--green-wardah);
	    border: solid 1px var(--green-wardah);
	    border-radius: 5px;
	    background: none;
	    width: 100%;
	    margin-top: 10px;
	}
	.review-box .attr-area .product-info {
		width: 100%;
	}
	.review-box .attr-area .product-info img {
		width: 100px;
		height: 100px;
		margin-right: 10px;
	}
	.review-box .attr-area .product-info .text {
		width: 60%;
	}
	.review-box .star {
		margin-top: 20px;
	}
	.product-area .item .commerce-area  .price {
		/*font-family:'Gotham-Medium';*/
		color: #337ab7;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.product-area .item .commerce-area .price span.strike {
		margin-right: 5px;
	}
	.popup {
		width: 300px;
	}
	.product-detail .product-content .sub-title-segment {
		text-align: center;
	}
	.wrapper.profile .wishlists a {
		width: 50%;
	}
}