:root {
	--red: #E74C3C;
	--purple: #8E44AD;
	--blue: #3498DB;
	--green: #2ECC71;
	--gold: #F4D03F;
	--orange: #F39C12;
	--lightgray: #EAECEE;
	--gray: #898181;
	--darkgray: #515A5A;
	--white: #ffffff;
	--black: #273746;

	--success: #2ECC71;
	//--primary: #F5B041;
	--primary: #84d6da;
	--danger: #E74C3C;
	--warning: #F39C12;
	--info: #3498DB;
}

#product-page-wrapper .product-page {
	margin-right: 0.3rem;
	width: 2.4rem;
	height: 2.4rem;
	display: inline-block;
	box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.12);
	text-align: center;
	line-height: 2.4rem;
	border-radius: 50%;
	font-weight: bold;
}

#product-page-wrapper .product-page.active, .page-start, .page-end {
	background: var(--primary);
	color: var(--white);
}

#w-100 {
	width: 100%!important;
}

/* ---------------------------------------------------- Product Detail ---------------------------------------------------- */

#product-page-wrapper {
	position: relative;
}

#product-page-img {
	float: left;
	border-radius: 1rem;
	width: 100%;
	height: auto;
}

#product-small-img {
	float: left;
	padding: 0 0.6rem;
	width: 12%;
	display: inline-block;
}

#product-main-img {
	position: relative;
	width: 88%;
	display: inline-block;
	border-radius: 1rem;
	border: 1px solid var(--lightgray);
}

.product-page-img-small {
	cursor: pointer;
	border-radius: 0.6rem;
	width: 100%;
	height: auto;	
	margin-bottom: 0.5rem;
	border: 1px solid var(--lightgray);
}

#img-zoom-lens {
	border-radius: 1rem;
	cursor: zoom-in;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  width: 200px;
  height: 200px;
  opacity: 0%;
}

#product-page-img-zoom {
	border-radius: 1rem;
	box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.12);
	position: absolute;
	opacity: 0%;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
}

#product-floating-bar {
	width: inherit;
	max-width: inherit;
	
	border-radius: 1rem;
	box-shadow: 0 0 0.4rem 0.2rem rgba(0, 0, 0, 0.1);
	border: 1px solid var(--lightgray);
	background: var(--white);
	position: fixed;
	bottom: 1rem;
	z-index: 1000;
  	padding: 1rem 0.4rem;
}

#product-floating-bar #btn_add_to_cart {
	position: relative;
}

#product-floating-bar #btn_add_to_cart #cart-package {
    position: absolute;
    font-size: 0.65rem;
	top: -0.75rem;
}

#btn_go_to_cart {
	position: relative;
}

.menu-image-text {
	margin-top: 1rem;
	text-transform: ;
	padding-right: 1rem;
	padding-bottom: 1rem;
}

.header-logo a {
	display: block;
}

.header-logo img {
	width: 40%!important;
}