@font-face {
    font-family: 'gothamlight';
    src: url('fonts/gothamlight-webfont.eot');
    src: url('fonts/gothamlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamlight-webfont.woff2') format('woff2'),
         url('fonts/gothamlight-webfont.woff') format('woff'),
         url('fonts/gothamlight.ttf') format('truetype'),
         url('fonts/gothamlight-webfont.svg#gothamlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/gothammedium-webfont.eot');
    src: url('fonts/gothammedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothammedium-webfont.woff2') format('woff2'),
         url('fonts/gothammedium-webfont.woff') format('woff'),
		 url('fonts/gothammedium.ttf') format('truetype'),
         url('fonts/gothammedium-webfont.svg#gothammedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	margin: 0px;
	padding: 0px;
}


* { box-sizing: border-box; }

/* LANDING CLASSES  */

.landing_container{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	/*border: 1px solid #F00;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.landing_logo{
	min-width: 10%;
	min-height: 10%;
	/*border: 1px solid #0F0;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.landing_redes{
	width: 100%;
	min-height: 10%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;

}
.landing_text{
	font-family: gothamlight,GothamMedium,sans-serif;
	font-size: 22px;
	color: #888;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 30px;
}

/*  HEADER  */
.header-cont{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 100%;
	/*border: 1px solid #0F0;*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 20px;
}
.header-mainitems{
	display: flex;
	/*justify-content: center;*/
	/*align-items: flex-start;*/
	/*border: 1px solid #0F0;*/
	width: 30%;
	min-width: 230px;
	}
.header-cart-link{
	font-family: GothamLight,GothamMedium,sans-serif;
	color: #888;
	text-align: center;
	text-decoration: none;
}
.header-cart-link:hover{
	text-decoration: underline;
}
.header-menu{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-align: center;
	width: calc(100%-20px);
	max-width: 1400px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: auto;
	padding-bottom: 15px;
}
.header-menu-line{
	width: 100%;
	max-width: 1500px;
	border-bottom: 1px solid #ccc;
	margin: auto;
}
.header-menu-item{
	justify-content: space-between;
	font-family: GothamLight,Arial;
	color: #18442B;
	font-size: 13pt;
	text-decoration: none;
	margin: 0px 10px;
}
.header-menu-item:hover{
	text-decoration: underline;
}


#header-plastics{
	display: flex;
	justify-content: flex-start;
	
}
#header-logo{
	justify-content: center;
}

#align-right{
	justify-content: flex-end;
}

/* BANNER */

.banner-cont{
	/*min-width:1500px;*/
	display: flex;
	text-align: center;
	width: 100%;
	justify-content: center;
	margin-bottom: 15px;

}

.carousel {
	
	min-height: 300px;
	top: 0px;
	z-index: 2;
	padding: 0px;
	height: 340px;
	max-width: 1500px;
	width: 100%;
	max-height: 340px;
	  overflow: hidden;
	    margin:0;

}
.carousel-cell {
	height: 340px;
	width: 1500px;
  overflow: hidden;
  background-color: #eee;
  margin:0;
  max-width: 1500px;
}




.flickity-page-dots {
	bottom: 15px;
}
.flickity-page-dots .dot{
	background:#fff;
}
.carousel-cell img {
    width:auto; /* you can use % */
    height: 340px;

}

/*  CONTENIDOS  */
.content-section{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: calc(100%-20px);
	max-width:1500px;
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	margin: 15px auto;
	align-content: flex-start;
	gap: 30px 60px;
}
.content-title{
	justify-content: space-between;
	font-family: GothamLight,GothamMedium,sans-serif;
	color: #18442B;
	font-size: 15pt;
	margin: 30px auto;
	text-align: left;
	max-width: 1500px;

}
.product-enclosure{
	font-family: GothamLight,GothamMedium,sans-serif;
	color: #7a7a7a;
	width: 250px;
	height: 360px;
	position: relative;
	/*background-color: #eee;*/
}
.product-image{
	width: 250px;
	height: 280px;
	background-color: #ddd;
}
.product-title{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 13pt;
	margin: 13px 0px 0px 0px;
	font-weight: 600;
	text-decoration: none;
	color: #7a7a7a;
}
.product-title:hover{
	text-decoration: underline;
	color: #7a7a7a;
}
.product-price{
	margin: 5px 0px;
	font-size: 12pt;
}
#product-price-sale{
	text-decoration: line-through;
}
#product-price-salered{
	color: #FF0000;
}
.product-colors{
	display: flex;
	flex-direction: row;
}
.product-color-ball{
	width:22px;
	height:22px;
	border-radius: 13px;
	background-color: #333;
	margin: 0px 5px 0px 0px;
	overflow: hidden;
	border: 1px #eee solid;
}
.product-colors-avail{
	/*border: 1px solid;*/
	display:flex;
	flex-direction: row;
	align-items: baseline;
	
}
.product-tooltip{
	position: relative;
	display: flex;
	align-items: center;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #18442B;
	left:10px;
	bottom: 10px;
	animation-name: colortooltip;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.products-banner-cont{
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0px auto 40px auto;
}
.products-banner{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	max-width: 1500px;
	height: 160px;
	background-color: #93d6e7;
}
.products-banner-title{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 50pt;
	right: 100px;
	width: calc(100%-100px);
	color: white;
	text-align: right;
	margin-right: 60px;
	vertical-align: center;
}
.products-banner-bar{
	width: 100%;
}
.products-banner-text{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 18px;
	color: #18442B;
	max-width: 1350px;
	text-align: left;
	margin: auto;
	padding: 40px 0px 0px 0px;
}
.product-content{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: calc(100% - 20px);
	max-width:1350px;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin: 15px auto;
	align-content: center;
	/*border: solid 1px #F00;*/
}
.product-gallery{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 50%;
	min-width: 500px;
	/*border: solid 1px #00F;*/
	min-height: 500px;
	display: flex;
	flex-direction: column;
}
.product-info{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: calc(50% - 100px);
	min-width: 600px;
	/*border: solid 1px #0F0;*/
	min-height: 500px;
	display: flex;
	flex-direction: column;
	
}
.product-info-title{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 24px;
	color: #18442B;
}
.product-info-descrip{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 15px;
	color: #18442B;
	text-align: justify;
}
/*
.gallery-images{
	display: flex;
	flex-direction: row;
	gap: 10px;
	height: 100px;
	margin: 30px 0px;
	justify-content: flex-start;
	overflow: hidden hidden;
	/*position: relative;
}
*/
.gallery-main{
	width: 100%;
	height: auto;
	max-height: 1200px;
}
.gallery-main img{
	width: 100%;
	height: auto;
	max-height: 1200px;
	overflow:hidden;
}

.gallery-images-new{
		height: auto;
		display: flex;
		flex-flow: row;
		transition: margin 1s;
		
	}
	
	.gallery-images-cont{
		position: relative;
		width: 100%;
		height: 96px;
		overflow: hidden;
		margin: 30px 0px;
	}
	.gallery-buttons-prev{
		position: absolute;
		width: 100%;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 35px;
		background-color: rgb(255 255 255 / 0.4); /* 50% transparent */
		background-image: url("images/icon_scroll_arrow.svg");
		background-position: center; /* Center the image */
		 background-repeat: no-repeat; /* Do not repeat the image */
		background-size: 35%; /* Resize the background image to cover the entire container */
		opacity: 0.8;
	}
	.gallery-buttons-next{
		position: absolute;
		top: 0px;
		right: 0px;
		height: 100%;
		width: 35px;
		background-color: rgb(255 255 255 / 0.4); /* 50% transparent */
		background-image: url("images/icon_scroll_arrow.svg");
		background-position: center; /* Center the image */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: 35%; /* Resize the background image to cover the entire container */
		transform: rotate(180deg);
		opacity: 0.8;
	}
	.gallery-buttons-next:hover{
		cursor:pointer;
		opacity: 1;
	}
	.gallery-buttons-prev:hover{
		cursor:pointer;
		opacity: 1;
	}
	.gallery-images-newcell {
	height: 96px;
	width: 120px;
	background-color: #eee;
	margin-right:10px;
	}
	.gallery-images-newcell img{
	width: 120px;
	height: 96px;
}
.gallery-images-newcell:hover {
	cursor:pointer;
}
/*
.gallery-images-cell {
	height: 96px;
	width: 120px;
	background-color: #eee;
	margin-right:10px;
}
.gallery-images-cell img{
	width: 120px;
	height: 96px;
}
.gallery-images-cell:hover {
	cursor:pointer;
}

.gallery-images {
	height: 100px;
	z-index: 2;
	padding: 0px;
	overflow: hidden;
	margin: 30px 0px;
	gap: 10px;
	justify-content: flex-start;

}



*/
.product-info-colors{
	display: flex;
	flex-direction: row;
	margin-top: 25px;
	gap: 4px;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 15px;
	color: #333;
	justify-content: flex-start;
	align-items: center;
}
.product-info-color-select{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:47px;
	height:47px;
	border-radius: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-info-color-selected{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:47px;
	height:47px;
	border-radius: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px #666 solid;
}

.product-info-color-select:hover{
	border: 1px #666 solid;
}
.product-info-color-ball{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:40px;
	height:40px;
	border-radius: 22px;
	overflow: hidden;
}
.product-info-custom{
	margin-top: 40px;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	justify-content: flex-start;
	align-items: center;
}
.product-info-bottles{
	margin-top: 40px;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	display: block;
}
.product-info-custom-link{
	text-decoration: underline;
	color: #333;
}
.product-info-price{
	margin-top: 60px;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 24px;
	color: #18442B;
}
.product-talla-container{
	display: flex;
	flex-direction: row;
	margin-top: 25px;
	gap:12px;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 20px;
	color: #333;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
}
.product-talla-avail{
	border: solid #666 1px;
	width: 43px;
	height: 23px;
	text-align:center;
	color: #666;
	text-decoration: none;
}
.product-talla-avail:hover{
	background-color:#666 ;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}
.product-talla-noavail{
	border: solid #bbb 1px;
	width: 43px;
	height: 23px;
	text-align:center;
	color: #bbb;
	text-decoration: none;
}
.product-talla-selected{
	border: solid #666 1px;
	width: 43px;
	height: 23px;
	text-align:center;
	background-color:#666 ;
	color: #FFF;
	text-decoration: none;
}
.tallas-tablamedidas{
	margin-top: 10px;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: underline;
}
.tallas-tablamedidas:hover{
	text-decoration: underline;
	cursor: pointer;
}
.bottles-cont{
	margin-top: 4px;
	display:flex;
	flex-direction: row;
	gap: 5px;
}
.button-cont{
	margin-top: 40px;
}
.button-add{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: GothamLight,GothamMedium,sans-serif;
	width: 380px;
	height: 50px;
	border: solid #18442B 1px;
	text-align:center;
	color: #18442B;
	font-size: 20px;
background-color: #FFF;	
}
.button-add:hover{
	border: solid #666 1px;
	text-align:center;
	color: #fff;
	background-color: #18442B;
	cursor: pointer;
}
.button-add-disabled{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-family: GothamLight,GothamMedium,sans-serif;
	width: 380px;
	height: 50px;
	border: solid #18442B 1px;
	text-align:center;
	color: #18442B;
	font-size: 20px;
	padding: 13px 0;
}
.button-add-disabled{
	cursor: pointer;
}
.button-warning-text{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 14px;
	color: #333;
}
.cart-table{
	width: 100%;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	border-collapse: collapse;
	text-align: center;	
}
.cart-table tr{

}
.cart-table td{
	border-top: 0.5px solid #000;
	/*border: 0.5px solid #000;*/
	height: 80px;
	border-collapse: collapse;
	text-align: center;
	justify-content: center;
}
.cart-item{
	height: 60px;
}
.cart-color-cont{
	display: flex;
	justify-content: center;
}

.cart-colors-ball{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:30px;
	height:30px;
	border-radius: 22px;
	overflow: hidden;
	justify-content: center;
}
.cart-price{
	font-size: 24px;
}
.select-dropdown {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    overflow:hidden;
    min-width:220px;
    /*margin-left:35px;*/
    
    /* dropdown_arrow.png is a 31x28 image */
	margin-top:15px;
	
	
}
.select-dropdown select {
    border:0;
    background:transparent;
    height:32px;
    border:1px solid #d8d8d8;
    min-width:220px;
	padding:0px 5px;
    -webkit-appearance: none;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 13px;
	color: #333;
	
	
	background-image: url("images/icon_arrow.svg");
	background-repeat: no-repeat;
	/*background-position: calc(100% - 17px) 1px;*/
	background-position: right;
}


.cart-data{
	width: 100%;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	/*margin-bottom: 40px;*/
}
.cart-data-div{
	width:33.33%;
	min-width: 350px;
	flex-grow: 1;
	text-align: justify;
	flex-basis: auto;
	margin-top: 5px;

	/*border: solid #f00 1px;*/
	
}
.cart-data input[type=text], .cart-data input[type=email]{
	border: 0.5px solid #333;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	-webkit-appearance: none;
	padding: 8px;
	margin-top: 5px;
	width:350px;
}
.cart-data input[type=checkbox]{
	/*border: 0.5px solid #333;*/
	/*-webkit-appearance: none;*/
	height: 23px;
	width: 23px;
}
.cart-data-accept{
	display: flex;
	align-items:center;
	/*border: solid #f00 1px;*/
	justify-content: flex-start;
}
.cart-data-accept-cont{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	width: 100%;
	display: flex;
	justify-content:flex-start;
	flex-flow:column;
}
.cart-data-accept-cont input[type=checkbox]{
	/*border: 0.5px solid #333;*/
	/*-webkit-appearance: none;*/
	height: 23px;
	width: 23px;
	margin: auto;
	margin-top: 5px;
}
.checkout-data{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 18px;
	color: #333;
	display: flex;
	flex-direction: column;
	width: 50%;
	min-width: 400px;
}
.checkout-data div{
	margin: auto;
	height: 30px;
}


/* POP UP PARA LOGIN Y MEDIDAS */

.popup-back{
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	margin: 0px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	/*visibility: hidden;*/
	z-index: 3;
}

.popup-main{
	position: absolute;
	margin: auto;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 18px;
	color: #333;
	width: 350px;
	background-color: #FFF;
	padding: 90px 15px 60px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 4;
	border-radius: 5px;
}
.popup-close{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 16px;
	text-align: center;
	width: 20px;
	color:#333;
	text-decoration: none;
}
.popup-close:hover{
	text-decoration: underline;
}

.login-cont{
	display: flex;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.login-cont input{
	margin-bottom: 20;
	padding: 5px;
	width: 200px;
	
}
.login-button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: GothamLight,GothamMedium,sans-serif;
	height: 40px;
	border: solid #18442B 1px;
	text-align:center;
	color: #18442B;
	font-size: 16px;
	background-color: #FFF;	
}
.login-button:hover{
	border: solid #666 1px;
	text-align:center;
	color: #fff;
	background-color: #18442B;
	cursor: pointer;
}
.login-error{
	margin-bottom: 20;
	color: #F00;
}
.login-link{
	margin-bottom: 20;
}
.login-link:hover{
	margin-bottom: 20;
	cursor: pointer;
	text-decoration: underline;
}


.user-section{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: calc(100%-20px);
	max-width:1500px;
	display: flex;
	justify-content: space-around;
	flex-flow: column;
	margin: 15px auto;
	align-content: flex-start;
	gap: 30px 60px;
	font-family: GothamLight,GothamMedium,sans-serif;
}
.orders-table{
	width: calc(100% - 80px);
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 14px;
	color: #333;
	border-collapse: collapse;
	text-align: center;	
	margin: auto;
}
.orders-table th{
	font-style: bold;
	height: 50px;
}
.orders-table tr:hover{
	background-color: #eee;

}
.orders-table td{
	border-top: 0.5px solid #ccc;
	/*border: 0.5px solid #000;*/
	height: 50px;
	border-collapse: collapse;
	text-align: center;
	justify-content: center;
}
.users-title{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 24px;
	color: #333;
	width: 100%;
	padding: 5px;
	text-align: center;
}
.users-pass{
	width: calc(100% - 80px);
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	display: flex;
	justify-content: space-around;
	flex-flow: row;
	flex-wrap: wrap;
	margin: auto;
	
}
.users-pass input{
	border: 0.5px solid #333;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	-webkit-appearance: none;
	padding: 8px;
	margin-top: 5px;
	width: 100%;
}
.popup-politica{
	position: absolute;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 13px;
	color: #333;
	width: 90%;
	max-height: 90%;
	background-color: #FFF;
	padding: 90px 15px 60px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 4;
	border-radius: 5px;
	overflow: auto;
}
.politicas-cont{
	position: absolute;
	display: flex;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 100px;
	
}
.footer-cont{

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
	position: fixed;
	/*background-color: rgba(255,0,0,0.1); */
	background-color: white; 
	width: 100%;
	height: 65px;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	display: flex;
	justify-content: center;

}

.footer_redes{
	position: absolute;
	right: 0px;
	bottom: 0px;
	flex-direction: row;
	justify-content: center;
	margin-right: 10px;
}
.footer_logos{
	position: absolute;
	left: 15px;
	bottom: 15px;
	flex-direction: row;
	justify-content: center;
	
}
.footer_copy{
	flex-direction: row;
	justify-content: center;
	margin-top: 40px;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 13px;
	color: #333;
	text-align: center;
}
.footer_spacing{
	
	height: 100px;
	width: 100%;
}

.material-cont{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 100%;
}
.flag-red{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 14px;
	color: #fff;
	background-color: red;
	padding: 5px 20px ;
	top: 5px;
	left: 0px;
	position: absolute;

}
.forgot-cont{
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 18px;
	max-width: 800px;
	margin: 200px auto;	
}
#forgot-ok{
	color:green;
}
#forgot-error{
	color:red;
}

.about-fondo{
	background-image: url("images/about-fondo.jpg");
	background-color: #fff;
	width: 100%;
	min-height: 684px;
	background-repeat: no-repeat;
	background-position: center;
}
.about-main{
	margin: 60px auto;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 48px;
	color: #fff;
	width: 100%;
	text-align: center;
}
.about-text{
	margin: auto;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 20px;
	color: #fff;
	width: 75%;
	text-align: center;
}
.about-bullets{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
	align-content: center;
}
.about-bullet{
	background-color: #E8E2D4;
	width: 320px;
	height: 345px;
	border-radius: 10px;
	padding: 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
	box-shadow: inset 0px 0px 20px 20px #E8E2D4;
}
.about-bullet-title{
	color: #68645B;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 25px;
		width: 100%;
	text-align: center;
}
.about-bullet-text{
	color: #68645B;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 18px;
	width: 100%;
	text-align: center;
	margin-top:10px;
}
.order-hor-cont{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 50px;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 15px;
}
.order-data, .order-data div{
	margin: 10px;
	text-align: center;
	font-size: 18px;
}
#order-ok{
	background-color: green;
	color: #FFF;
}
#order-pending{
	background-color: orange;
	color: #FFF;
}
#order-bad{
	background-color: red;
	color: #FFF;
}


@keyframes colortooltip {
   0%   {left:10px;}
  50%  {left:35px;}
  100%  {left:10px;}

}

@media (max-width: 1300px){
	.product-content{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: calc(100% - 20px);
	max-width:1350px;
	display: flex;
	justify-content: center;
	flex-flow: column wrap;
	margin: 15px auto;

	align-content: center;
	/*border: solid 1px #F00;*/
	}
	#header-plastics{
	display: none;
	justify-content: flex-start;
	
	}
	#header-logo{
		justify-content: flex-start;
	}

}

@media (max-width: 900px){
	#header-logo img{
		width: 200px;
	}
}

@media (max-width: 1500px){
	.content-section, .content-title{
		padding: 0px 50px;
	}
	
	.header-menu{
		padding: 0px 30px 15px 30px;
	}
.about-bullets{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 15px;
	align-items: center;
	align-content: center;

}
.cart-data{
	width: 100%;
	font-family: GothamLight,GothamMedium,sans-serif;
	font-size: 16px;
	color: #333;
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	/*margin-bottom: 40px;*/
}
}
