@charset "UTF-8";
/* CSS Document */

body {
	background: #fff;
	font-family: 'Lato', sans-serif !important;
	font-size: 14px;
	text-align: center;
	width: 100%;
	color: #000;
	box-sizing: border-box;
}

div,
ul,
li,
h1,
h2,
h3,
h4,
p,
a,
span,
strong,
form,
input,
label {
	position: relative;
}

body,
ul,
li,
h1,
h2,
h3,
h4,
p {
	margin: 0 !important;
	font-weight: normal;
}

h1,
h2,
h3 {
	display: block;
}

li {
	list-style: none;
}

a {
	outline: none;
	text-decoration: none !important;
	cursor: pointer;
	color: #000;
}

a,
input {
	-webkit-appearance: none;
}

a img {
	border: none;
}

header,
nav,
section,
footer,
hgroup,
article,
content {
	display: block;
	position: relative;
	width: 100%;
}

header {
	width: 100%;
	background: #fff;
	position: sticky;
	z-index: 9999;
	top: 0;
}

.headerContact {
	width: 100%;
	padding: 12px 5% 10px;
	color: #fff;
	text-align: right;
}

.headerContact p {
	padding: 0 10px 0 0;
}

.headerContact p a {
	color: #fff;
}

.headerContact p img {
	width: 20px;
	height: auto;
}

#showCart {
	width: 40px;
	height: auto;
	display: block;
}

#showCart img {
	width: 30px;
}

#showCart span {
	width: 20px;
	background: #468de7;
	z-index: 2;
	position: absolute;
	top: -8px;
	right: -8px;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
}

.headerHolder {
	width: 96%;
	max-width: 1024px;
	margin: 0 auto;
}

.mainLogo {
	width: 30%;
	display: block;
}

.mainLogo img {
	max-width: 100px;
	height: auto;
	width: 80%;
}

.phoneBox {
	width: 200px;
	border: 2px solid #e6b042;
	text-align: center;
	padding: 10px;
	color: #e6b042!important;
    line-height: 1em;
    font-weight: 400 !important;
}

.phoneBox p,
.phoneBox h2 {
	padding: 0;
}

.phoneBox h2 {
	font-size: 22px;
}

#showSubMenu {
	z-index: 1;
}

#showSubMenu img {
	width: 32px;
	height: auto;
	display: block;
}

.subMenu {
	width: 150px;
	background-color: #fff;
	position: absolute;
	top: 30px;
	left: -50px;
	z-index: 2;
	padding: 5px 0;
	overflow: hidden;
	display: none;
}

.subMenu li {
	width: 100%;
}

.gform_page_fields {
    background-color: #f6f6f6;
    padding: 10px 40px!important;
}

.subMenu li a {
	width: 100%;
	display: block;
	padding: 5px 10px;
	text-align: left;
	color: #777;
	font-size: 14px;
	border-bottom: 1px solid #dedede;
}

.subMenu li:last-child a {
	border: none;
}

.subMenu li a:hover,
.subMenu li a:active {
	text-decoration: underline !important;
	cursor: pointer;
}

.subMenu li a img {
	float: right;
	width: 24px;
	height: auto;
}

/*Slider*/
.bx-wrapper,
.sliderHolder,
.sliderHolder li,
.sliderHolder li img,
.benefitsCoupons li a .prodLogo img,
.benefitsCoupons li a .productSnap img {
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.sliderHolder li img,
.benefitsCoupons li a .prodLogo img,
.benefitsCoupons li a .productSnap img {
	height: auto;
	display: block;
}

/*Beneficios Lobby*/
.lobbyBenefits,
.productP {
	max-width: 1200px;
	margin: 0 auto;
	width: 96%;
}

.menuList {
	width: 20%;
	padding: 0;
}

.benefitsCoupons {
	width: 79%;
	padding: 55px 0;

}

.benefitsCoupons li {
	width: 33%;
	padding: 0 15px 0 15px;
	padding-bottom: 100px;
}

.benefitsCoupons li a {
	width: 100%;
	display: block;
	padding: 30px 30px 110px;
	text-align: center;
	color: #fff;
	border-radius: 0 30px 30px 30px;
}

.benefitsCoupons li a .prodLogo {
	width: 80%;
	margin: 0 auto;
}

.benefitsCoupons li a h2 {
	font-size: 22px;
}

.benefitsCoupons li a h3 {
	color: #fdffc7;
	font-size: 77px;
	font-weight: bold;
}

.benefitsCoupons li a p {
	font-size: 18px;
	color: #fff;
}

.benefitsCoupons li a p.precioAnterior {
	font-size: 16px;
	opacity: .6;
	text-decoration: line-through;
	padding: 0;
}

.benefitsCoupons li a p.whiteCTA {
	background: #fff;
	width: 80%;
	font-size: 12px;
	padding: 10px;
	left: 10%;
}

.benefitsCoupons li a .productSnap {
	width: 50%;
	position: absolute;
	bottom: -50px;
	left: 25%;
}

.benefitsCoupons li.greenBG a {
	background-color: #639e9a;
}

.benefitsCoupons li.purpleBG a {
	background-color: #a083bb;
}

.benefitsCoupons li.skinBG a {
	background-color: #f2a18a;
}

.benefitsCoupons li.greenBG a .whiteCTA {
	color: #639e9a;
}

.benefitsCoupons li.purpleBG a .whiteCTA {
	color: #a083bb;
}

.benefitsCoupons li.skinBG a .whiteCTA {
	color: #f2a18a;
}

/*Menú lobby*/
.menuList li {
	width: 100%;
	padding-bottom: 10px;
}

.menuList li a {
	width: 100%;
	display: block;
	padding: 10px;
	background: #f7f7f7;
	font-size: 16px;
	color: #777;
}

.menuList li a h2,
.productDetail h3,
.productPrice {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 60%;
}

.menuList li a .imgHolder {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	background-color: #f1f1f1;
	text-align: center;
	padding: 10px;
}

.menuList li a .imgHolder img {
	width: 100%;
	height: auto;
}

.menuList li a:active,
.menuList li a:hover {
	background-color: #dedede;
}

.menuList li:first-child {
	padding: 10px 0 0;
}

.menuList li:first-child a {
	background: none;
}


/*Shopping Cart*/
.shopCart {
	position: fixed;
	right: -420px;
	top: 0;
	background: #fff;
	width: 90%;
	max-width: 420px;
	height: 100%;
	z-index: 999999;
}

#closeNavR {
	width: 20px;
	position: absolute;
	right: 14px;
	top: 17px;
	z-index: 2;
	cursor: pointer;
	opacity: .6;
}

#closeNavR img {
	width: 100%;
	height: auto;
	display: block;
}

#closeNavR:hover,
#closeNavR:active {
	opacity: 1;
}

.shopCart>h2 {
	font-size: 24px;
	text-align: left;
	padding: 10px 20px;
	background: #f7f7f7;
	font-weight: bold;
	z-index: 1;
}

.shopCart>p {
	padding: 10px 20px;
	font-size: 12px;
	text-align: center;
	color: #777;
}

.cartList {
	width: 100%;
	padding: 10px 20px;
}

.cartList li {
	width: 100%;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
	padding-top: 10px;
}

.productCounter,
.productDetail,
.productMisc {
	width: 20%;
	float: left;
}

.productCounter {
	height: 30px;
	color: #fff;
	line-height: 30px;
	overflow: hidden;
}

.productCounter>div {
	width: 33.33%;
	float: left;
	text-align: center;
	cursor: pointer;
}

.productCounter .more:hover,
.productCounter .more:active,
.productCounter .less:hover,
.productCounter .less:active {
	font-size: 22px;
}

.productCounter .amount input {
	width: 100%;
	border: none;
	text-align: center;
	color: #fff;
	padding: 0;
}

.productCounter .amount input::placeholder {
	color: #fff;
	opacity: 1;
}

.productCounter .amount input:-ms-input-placeholder {
	color: #fff;
}

.productCounter .amount input::-ms-input-placeholder {
	color: #fff;
}

.productDetail {
	width: 47%;
	padding: 0 10px 10px;
}

.productDetail h3 {
	font-size: 14px;
	color: #777;
}

.productDetail p {
	color: #b0b0b0;
	font-size: 10px;
	padding: 0;
	line-height: inherit;
}

.productDetail p.productDisc {
	font-size: 12px;
}

.productMisc {
	width: 33%;
	overflow: hidden;
}

.productPrice,
.productRemove {
	width: 78%;
}

.productPrice {
	padding: 0;
	line-height: inherit;
	font-weight: bold;
}

.productRemove {
	width: 16%;
}

.productRemove a,
.productRemove a img {
	width: 100%;
	height: auto;
	display: block;
}

.shopCartTools,
.shopCartTotals {
	width: 100%;
	padding: 0 20px 10px;
}

.shopCartTools p {
	font-size: 10px;
	color: #777;
	padding: 5px 0;
}

.shopCartTools p a#eraseAll {
	background: #dedede;
	color: red;
	padding: 10px;
}

.shopCartTools p a#eraseAll img {
	width: 16px;
	height: auto;
}

.shopCartTools p a#eraseAll span {
	margin-left: 5px;
}

.shopCartTools p:last-child {
	float: right;
}

.shopCartTools p a#eraseAll:hover,
.shopCartTools p a#eraseAll:active {
	background: #f1f1f1;
}

.shopCartTotals p {
	width: 50%;
	left: 50%;
	color: #777;
	font-size: 14px;
	border-bottom: 1px solid #dedede;
	padding: 6px 0;
}

.shopCartTotals p span {
	font-weight: bold;
	font-size: 16px;
	float: right;
}

.shopCartTotals p:last-child {
	border: none;
}

.showMenu {
	right: 0;
}

/*----Toogle checkbox----*/
.switch {
	width: 60px;
	height: 28px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.shopCartTools p.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 0;
}

.shopCartTools p.slider span {
	color: #fff;
	top: 3px;
	left: 10px;
	font-size: 16px;
}

.shopCartTools p.slider span.colones {
	left: 29px;
}

.shopCartTools p.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/*---- Ends toggle check box----*/

#process {
	width: 80%;
	padding: 10px;
	color: #fff;
	position: relative;
	border: none;
	left: 10%;
	font-size: 20px;
	display: block;
	text-align: center;
}

.btn-process {
	width: 80%;
	padding: 10px;
	color: #fff;
	position: relative;
	border: none;
	left: 10%;
	font-size: 20px;
	display: block;
	text-align: center;
}

.process {
	width: 100%;
	padding: 10px;
	color: #fff;
	position: relative;
	border: none;
	
	font-size: 20px;
	display: block;
	text-align: center;
}


.btn-process {
	width: 100%;
	padding: 10px;
	color: #fff;
	position: relative;
	border: none;
	left: 10%;
	right: 10%;
	font-size: 20px;
	display: block;
	text-align: center;
}

/*Internas productos*/
.productP h1 {
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px solid #dedede;
	padding-bottom: 15px;
}

.productP h2 {
	color: #b1b1b1;
	padding: 10px 0 15px;
	font-size: 20px;
}

.productP p {
	color: #b1b1b1;
	font-size: 14px;
}

.prodcutCols {
	width: 100%;
	padding: 0 0 15px;
}

.prodcutCols li {
	width: 67%;
	padding-right: 2%;
}

.productIMG,
.productIMG img {
	width: 100%;
	height: auto;
	display: block;
}

.starList {
	width: 200px;
	margin: 10px auto !important;
	overflow: hidden;
	padding: 0;
}

.starList li {
	width: 20%;
	float: left;
	min-height: 15px;
	text-align: center;
	font-size: 20px;
	color: #ffcc00;
}

.prodcutCols li.productOffer {
	width: 30%;
	background: #f7f7f7;
	padding: 30px;
	text-align: center;
}

.productOffer hgroup {
	width: 100%;
	border-bottom: 1px solid #dedede;
	padding-bottom: 10px;
}

.productOffer hgroup h2 {
	font-size: 36px;
	padding: 0;
}

.productOffer hgroup h3 {
	font-size: 25px;
	text-decoration: line-through;
	color: #b1b1b1;
	font-weight: lighter;
}

.productOffer p {
	padding: 15px 0;
}

.productOffer p.descuento {
	font-size: 20px;
	font-weight: bold;
	padding: 15px 0;
}

.productOffer p.vendidos {
	font-size: 18px;
	border-top: 1px solid #dedede;
}

.productOffer p.vendidos span {
	font-size: 12px;
	color: #b1b1b1;
	display: block;
	width: 100%;
}

.productOffer .cronoTitle {
	font-size: 14px;
	padding-bottom: 15px;
}

.productOffer .cronoTitle p {
	padding: 0 0 0 5px;
	text-align: left;
}

.productOffer .cronoTitle img {
	width: 14px;
	height: auto;
}

.productOffer .cronoHolder {
	width: 100%;
	border: 4px solid #e3e3e3;
}

/*Cronómetro*/
.productOffer .cronoHolder .timer {
	width: 100%;
	padding: 15px;
}

.productOffer .cronoHolder .timer li {
	width: 25%;
	text-align: center;
}

.productOffer .cronoHolder .timer li p {
	padding: 0;
	font-size: 26px;
	color: #b1b1b1;
	font-weight: bold;
}

.productOffer .cronoHolder .timer li p:last-child {
	font-size: 10px;
	font-weight: normal;
	line-height: inherit;
}

/*Detalle de orden*/
.orderDetail {
	padding: 20px 0;
}

.orderForm,
.pageDesc {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	padding: 30px;
}

.orderForm h1,
.orderForm h2 {
	padding: 10px 20px;
	font-size: 26px;
	background: #f7f7f7;
	font-weight: bold;
	text-align: center;
}

.orderForm .ctaHolder {
	width: 100%;
	text-align: center;
}

.orderForm a#process {
	width: 200px;
	left: 0;
	margin: 0 5px;
}

.orderForm a#process.secondCTA {
	background: #dedede;
	color: #777;
}

.orderForm a#process.secondCTA:hover,
.orderForm a#process.secondCTA:active {
	background: #f1f1f1;
}

.orderForm a.process {
	width: 200px;
	left: 0;
	margin: 0 5px;
}

.orderForm a.process.secondCTA {
	background: #dedede;
	color: #777;
}

.orderForm a.process.secondCTA:hover,
.orderForm a.process.secondCTA:active {
	background: #f1f1f1;
}

.ordenTotal {
	width: 100%;
	padding-top: 20px;
}

.ordenTotal .shopCartTools h3 {
	color: #777;
	font-size: 18px;
	padding-bottom: 20px;
}

.ordenTotal .shopCartTools>p:last-child {
	float: inherit;
	padding-left: 10px;
}

/*Formulario*/
.formList {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
}

.formList li {
	width: 100%;
	float: left;
	padding-bottom: 15px;
}

.formList li label {
	width: 100%;
	padding-bottom: 10px;
	color: #777;
}

.formList li input, 
.formList li select,
.formList li textarea,
.formList li .inputWrap {
	width: 96%;
	border: 1px solid #f1f1f1;
	padding: 6px 4%;
	left: 1%;
	color: #777;
	border-radius: 8px
}

.formList li input:focus,
.formList li textarea:focus {
	border: 1px solid #090;
}

.formList li input.blueCTA {
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	border: none;
	font-weight: bold;
}

.formList li input::placeholder {
	color: #dedede;
}

.formList li input:-ms-input-placeholder {
	color: #dedede;
}

.formList li input::-ms-input-placeholder {
	color: #dedede;
}

.formList li a {
	font-size: 12px;
	color: #999;
	text-decoration: none;
	width: 100%;
	display: block;
}

.formList li a:first-child {
	padding-bottom: 5px;
}

.formList li .inputWrap select {
	width: 100%;
	border: none;
	color: #777;
}


.orderDetailList {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
}

.orderDetailList li {
	width: 50%;
	float: left;
	padding-bottom: 15px;
}

.orderDetailList li label {
	width: 100%;
	padding-bottom: 10px;
	color: #777;
}

.orderDetailList li input,
.orderDetailList li .inputWrap {
	width: 96%;
	border: 1px solid #f1f1f1;
	padding: 6px 4%;
	left: 1%;
	color: #777;
}

.orderDetailList li input:focus,
.orderDetailList li textarea:focus {
	border: 1px solid #090;
}

.orderDetailList li input.blueCTA {
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	border: none;
	font-weight: bold;
}

.orderDetailList li input::placeholder {
	color: #dedede;
}

.orderDetailList li input:-ms-input-placeholder {
	color: #dedede;
}

.orderDetailList li input::-ms-input-placeholder {
	color: #dedede;
}

.orderDetailList li a {
	font-size: 12px;
	color: #999;
	text-decoration: none;
	width: 100%;
	display: block;
}

.orderDetailList li a:first-child {
	padding-bottom: 5px;
}

.orderDetailList li .inputWrap select {
	width: 100%;
	border: none;
	color: #777;
}

.paymentInfo li .inputWrap,
.paymentInfo li .CCseguridad,
.paymentInfo li .cardLogos,
.ordenTotal>div {
	width: 49%;
}

.paymentInfo li .cardLogos {
	padding: 0 10px;
}

.paymentInfo li .cardLogos img {
	height: auto;
}

.orderList {
	width: 100%;
	padding: 0;
}

.orderList li {
	width: 100%;
	border-bottom: 1px solid #dedede;
	padding: 15px 20px 10px;
}

.orderList li .orderAmount {
	width: 50px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.orderList li .orderADetail {
	padding: 0 15px;
	width: 55%;
}

.orderList li .orderADetail h3 {
	font-size: 18px;
	color: #777;
}

.orderList li .orderADetail p {
	padding: 0;
	color: #b0b0b0;
	font-size: 12px;
	line-height: 20px;
}

.orderList li .orderADetail .orderDisc {
	font-size: 14px;
}

.orderList li .orderPrice {
	float: right;
}

.orderList li .orderPrice p {
	font-size: 12px;
	color: #b0b0b0;
	padding: 0;
}

.orderList li .orderPrice p.finalPrice {
	font-size: 18px;
	font-weight: bold;
}

.thanksP .orderForm p {
	color: #777;
	text-align: center;
}

.thanksP .orderForm p.orderCode {
	font-size: 40px;
	font-weight: bold;
	padding: 20px 0;
}

.thanksP .orderForm table {
	color: #777;
	text-align: left;
}

/*Internal Pages*/
.pageDesc p {
	color: #777;
}

.pageDesc h1 {
	font-size: 30px;
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
	font-weight: bold;
}

.footerWrapper {
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
	padding: 30px 0 10px;
}

.footerList {
	width: 24.5%;
	padding: 0;
}

.footerList li {
	width: 100%;
	padding-bottom: 10px;
}

.footerList li h2,
.footerList li,
.footerList li a {
	color: #fff;
	font-size: 18px;
}

.footerList li h2 {
	font-size: 22px;
}

.footerList li.footerTel {
	font-size: 25px;
}

.footerMedia {
	width: 18%;
}

.footerMedia li {
	width: 27%;
	float: left;
	text-align: center;
}

.footerMedia li:first-child {
	width: 100%;
	float: none;
	text-align: left;
}

.footerMedia li a img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 32px;
	margin: 0 auto;
}

.footerList li a:hover,
.footerList li a:active {
	text-decoration: underline !important;
}

.footerLogos {
	padding: 0;
	width: 100%;
	text-align: center;
}

.footerLogos li {
	padding: 0 10px;
	width: 13%;
}

.footerLogos li img {
	width: 100%;
	height: auto;
	display: block;
}

/*-------------------- General ---------------------*/
/*Green CTA*/
.greenCTA {
	width: 80%;
	color: #fff;
	display: block;
	padding: 5px;
	max-width: 150px;
	margin: 0 auto;
	text-transform: uppercase;
}

.greenCTA:hover,
.greenCTA:active {
	background: #fff;
}


/*Display inline block*/
.menuList,
.benefitsCoupons,
.benefitsCoupons li,
.headerContact p,
.headerContact p img,
.menuList li a .imgHolder,
.menuList li a h2,
.productPrice,
.productRemove,
.switch,
.shopCartTools p,
.prodcutCols li,
.productOffer .cronoTitle p,
.productOffer .cronoTitle img,
.productOffer .cronoHolder .timer li,
.paymentInfo li .inputWrap,
.paymentInfo li .CCseguridad,
.paymentInfo li .cardLogos,
.ordenTotal>div,
.orderList li>div,
.profileHolder,
.orderForm a#process,
.footerList,
.footerLogos li {
	display: inline-block;
	vertical-align: top;
}

.mainLogo,
.nav-pills,
.phoneBox,
.headerContact p img,
.menuList li a .imgHolder,
.menuList li a h2,
.productPrice,
.productRemove,
.shopCartTools p a#eraseAll img,
.shopCartTools p a#eraseAll span,
.productOffer .cronoTitle p,
.productOffer .cronoTitle img {
	vertical-align: middle;
}

/*Lavanda color*/
.phoneBox,
.productOffer .cronoHolder .timer li p:first-child,
.subMenu li a:hover,
.subMenu li a:active {
	color: #a084bb;
}

a#process,
input:checked+.slider {
	background-color: #a084bb;
}

a.process,
input:checked+.slider {
	background-color: #a084bb;
}


/*Blue color*/
.menuList li:first-child a {
	color: #183546;
}

.headerContact,
footer {
	background: #e6b042;
}

/*Green color*/
.menuList li:first-child a:active,
.menuList li:first-child a:hover,
.greenCTA:hover,
.greenCTA:active {
	color: #609e9a;
}

.productCounter,
.greenCTA {
	background: #609e9a;
}

/*Turquois color*/
.productPrice,
.shopCartTotals p span,
.productOffer hgroup h2,
.productOffer p.vendidos,
.orderList li .orderPrice p.finalPrice,
.thanksP .orderForm p.orderCode {
	color: #6bbab5;
}

.productCounter .amount input,
.productCounter .more:hover,
.productCounter .more:active,
.productCounter .less:hover,
.productCounter .less:active,
.currency,
.slider,
a#process:active,
#process:hover,
.orderList li .orderAmount {
	background: #6bbab5;
}

a.process:active,
.process:hover,
.orderList li .orderAmount {
	background: #6bbab5;
	color: white;
}


.btn-process:active,
.btn-process:hover,
.orderList li .orderAmount {
	background: #6bbab5;
	color: white;
}


/*Light turquois color*/
.menuList li#cuido a .imgHolder {
	background: #8bd5d1;
}

/*Skin color*/
.shopCart>h2,
.productDetail p.productDisc,
.productP h1,
.productOffer p.descuento,
.productOffer .cronoTitle p,
.orderForm h1,
.orderForm h2,
.orderList li .orderADetail .orderDisc,
.pageDesc h1 {
	color: #f2a18a;
}

.menuList li#viajes a .imgHolder {
	background: #f2a18a;
}

/*Pink color*/
.menuList li#hoteles a .imgHolder {
	background: #e7b7e1;
}

/*Light Blue color*/
.menuList li#restaurantes a .imgHolder {
	background: #bbe3ff;
}

/*Border Radius*/
.slider,
.slider:before,
.shopCartTools p a#eraseAll {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.phoneBox,
.menuList li a,
a#process,
.productOffer,
.productOffer .cronoHolder,
.orderDetailList li input,
.orderDetailList li .inputWrap,
.subMenu {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

a.process,
.productOffer,
.productOffer .cronoHolder,
.orderDetailList li input,
.orderDetailList li .inputWrap,
.subMenu {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.btn-process,
.productOffer,
.productOffer .cronoHolder,
.orderDetailList li input,
.orderDetailList li .inputWrap,
.subMenu {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


#showCart span,
.productCounter,
.greenCTA,
.orderForm,
.benefitsCoupons li a .whiteCTA {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.menuList li a .imgHolder {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.imgCircle {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	background-color: #f1f1f1;
	text-align: center;
	padding: 10px;
}


/*Lato Font*/
h1,
content h2 {
	font-family: 'lato';
}

p {
	padding-bottom: 10px;
	line-height: 24px;
}

/*Transfor & transition*/
.benefitsCoupons li a,
.benefitsCoupons li a,
.productRemove a {
	transition: .2s all linear;
}

.benefitsCoupons li a:hover,
.benefitsCoupons li a:active,
.productRemove a:hover,
.productRemove a:active {
	transform: scale(1.1);
	transition: .2s all linear;
}

.showMenu,
.shopCart,
.shopCartTools p.slider {
	-webkit-transition: .4s;
	transition: .4s;
}

.medium {
	box-shadow: 0 0 10px rgb(0 0 0 / 0.5);
}

/*Bos shadow*/
.shopCart {
	box-shadow: 0 0 10px rgb(0 0 0 / 0.5);
}

.orderForm,
.orderDetailList li input,
.orderDetailList li .inputWrap,
.subMenu {
	box-shadow: 0 0 6px rgb(0 0 0 / 0.1);
}

.search {
	width: 100%;
	position: relative;
	display: flex;
}

.searchTerm {
	width: 100%;
	border: 3px solid #8bd5d1;
	border-right: none;
	padding: 5px;
	height: 20px;
	border-radius: 5px 0 0 5px;
	outline: none;
	color: #8bd5d1;
}

.imgRouned {
	border-radius: 25px;
	max-height: 490px;
	min-height: 490px;
}

.searchTerm:focus {
	color: #8bd5d1;
}

.searchButton {
	width: 40px;
	height: 36px;
	border: 1px solid #8bd5d1;
	background: #8bd5d1;
	text-align: center;
	color: #fff;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap {
	width: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*------------------- Ends General --------------------*/

@media screen and (max-width:1100px) {
	.menuList li a h2 {
		font-size: 14px;
	}

	.benefitsCoupons li a h2 {
		font-size: 18px;
	}

	.benefitsCoupons li a h3 {
		font-size: 60px;
	}

	.benefitsCoupons li a {
		padding: 30px 30px 90px;
	}

	.menuList {
		width: 30%;
	}

	.benefitsCoupons {
		width: 69%;
	}

	.benefitsCoupons li {
		width: 49%;
	}
}

@media screen and (max-width:990px) {
	.benefitsCoupons li {
		padding: 0 6px 60px;
	}

	.benefitsCoupons li a {
		padding: 30px 30px 90px;
	}

	.footerMedia {
		width: 24%;
		padding: 0;
	}

	.footerList li,
	.footerList li a,
	.footerList li.footerTel {
		font-size: 16px;
	}

	.footerList li h2 {
		font-size: 20px;
	}


}

@media screen and (max-width:767px) {
	.mainLogo img {
		max-width: 100px;
	}

	.nav {
		display: none !important;
	}

	.phoneBox {
		position: absolute;
		right: 0;
		width: 230px;
	}

	.phoneBox p,
	.phoneBox h2 {
		font-size: 14px;
		display: inline-block;
		vertical-align: middle;
	}

	.productP {
		padding-top: 20px;
	}

	.productP h1 {
		font-size: 22px;
	}

	.productP h2 {
		font-size: 18px;
	}

	.prodcutCols li.productOffer {
		padding: 20px;
	}

	.menuList li a .imgHolder {
		width: 30px;
		height: 30px;
		padding: 5px;
	}

	.footerList {
		width: 49%;
	}

}

@media screen and (max-width:650px) {
	.phoneBox {
		width: 180px;
		padding: 5px;
	}

	.phoneBox p,
	.phoneBox h2 {
		font-size: 12px;
	}

	.headerContact p {
		font-size: 10px;
	}

	.prodcutCols>li,
	.prodcutCols li.productOffer {
		width: 100%;
	}

	.orderForm {
		padding: 20px;
	}

	.orderForm h1,
	.orderForm h2 {
		font-size: 18px;
	}

	.orderDetailList li {
		width: 100%;
	}

	.ordenTotal>div {
		width: 100%;
		padding: 0 0 15px;
	}

	.orderForm a#process {
		width: 170px;
		font-size: 18px;
	}

	.orderForm a.process {
		width: 170px;
		font-size: 18px;
	}

	.menuList {
		width: 100%;
		display: flex;
		overflow: auto;
		padding: 10px 0 0;
	}

	.menuList li {
		padding: 0 10px 0 0;
	}

	.menuList li a {
		width: 150px;
		padding: 5px 10px;
	}

	.menuList li:first-child {
		padding: 0;
	}

	.menuList li:first-child a {
		width: 100px;
	}

	.benefitsCoupons {
		width: 100%;
	}

	.benefitsCoupons li {
		width: 49%;
	}

	.menuList,
	.benefitsCoupons {
		width: 100%;
	}

	.benefitsCoupons {
		padding: 15px 0;
	}

	.benefitsCoupons li a {
		padding: 30px 30px 110px;
	}

}

@media screen and (max-width:575px) {
	.orderList li {
		padding: 15px 10px 10px;
	}

	.orderList li .orderADetail {
		width: 60%;
	}

	.orderForm a#process {
		width: 130px;
		font-size: 14px;
	}

	.orderForm a.process {
		width: 130px;
		font-size: 14px;
	}

	.headerContact {
		padding: 16px 8px 10px;
	}

	.orderList li .orderAmount {
		width: 40px;
	}

	.orderList li .orderADetail h3 {
		font-size: 14px;
	}

	.orderList li .orderADetail .orderDisc {
		font-size: 10px;
	}

	.orderList li .orderADetail p {
		font-size: 7px;
	}


	.benefitsCoupons li a {
		padding: 12px 12px 50px;
	}

	.benefitsCoupons li a h2 {
		font-size: 14px;
	}

	.benefitsCoupons li a h3 {
		font-size: 40px;
	}

	.benefitsCoupons li a p.whiteCTA {
		width: 90%;
		left: 5%;
	}

	.footerLogos li {
		width: 24%;
	}
}

@media screen and (max-width:370px) {
	.headerContact p img {
		width: 14px;
	}

	.phoneBox {
		width: 150px;
	}

	.phoneBox p,
	.phoneBox h2 {
		font-size: 10px;
	}

	#showCart img {
		width: 25px;
	}

	.orderForm a#process {
		width: 110px;
		font-size: 12px;
	}

	.orderForm a.process {
		width: 110px;
		font-size: 12px;
	}

	.orderList li .orderADetail {
		width: 56%;
		padding: 0 5px;
	}

}