.pantalla {width: 100%; height:100%; margin: 0; display: block; position:relative;}
.buscar1 {position: fixed; top: 394px; right: 0px; z-index:23; opacity: 0.6;}
.volver1 {position: fixed; top: 394px; left: 0px; z-index:23; opacity: 0.6;}
.pie-caja {width:100%; background-color: black; height:70px; position:fixed; float: left; bottom:0px; left:0px;}
.pie-caja-edicion {width:100%; background-color: grey; height:70px; position:fixed; float: left; bottom:0px; left:0px;}
.icono-home {float: left; margin-top:5px; margin-right: 20px; margin-left: 20px;}
.pie-logo {float: left; margin-top:5px; margin-left: 40%; position:absolute;}
.icono-buscar {float: right; margin-top:5px; margin-right: 20px;}
.icono-menu {float: right; margin-top:5px; margin-right: 20px;} /*margin-top: 9px; left: 1840px; position: fixed;*/

.sidenav-menu {height: 94%; width: 100px; position: fixed; z-index: 1; top: 0; left: 100%; background-color: black; overflow-x: hidden; overflow-y: hidden; transition: 0.5s; padding-top: 60px;}

.sidenav-menu a {padding: inherit; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}

.sidenav-menu a:hover {color: #f1f1f1;}

.sidenav-menu .closebtn {position: absolute; top: 95%; right: 50px; font-size: 36px; margin-left: 50px;}

@media screen and (max-height: 450px) {.sidenav-menu {padding-top: 15px;} .sidenav-menu a {font-size: 18px;}}

.sidenav-vert {height: 88%; width: 100px; position: fixed; z-index: 1; top: 0; left: 100%; background-color: black; overflow-x: hidden; overflow-y: hidden; transition: 0.5s; padding-top: 60px;}

.sidenav-vert a {padding: inherit; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}

.sidenav-vert a:hover {color: #f1f1f1;}

.sidenav-vert .closebtn {position: absolute; top: 95%; right: 50px; font-size: 36px; margin-left: 50px;}

.listado-promociones {width: 60px; height:280px; float:right; position:absolute; bottom:0px; right:0px; top:60px;}
.listado-2x1 {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/icono-2x1.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-10ff {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/icono-10off.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-20ff {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/icono-20off.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-30ff {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/icono-30off.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-40ff {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/icono-40off.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-50ff {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/icono-50off.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-50ff2 {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/icono-50off2.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-hotsale {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/icono-hotsale.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-estrella {width: 60px; height:60px; position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/estrella.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-regalo {width: 60px; height:60px;position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/regalo.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-descuento {width: 60px; height:60px;position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/descuento.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-newin {width: 60px; height:60px;position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/newin.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-nuevo {width: 60px; height:60px;position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/nuevo.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-bestseller {width: 60px; height:60px;position:relative; background: transparent url("https://beautypointstore.com/BP/images/default/bestseller.png") no-repeat top right; clear:none; vertical-align:bottom}
.listado-rayas {background-color:rgba(241,21,25,0.3); }

.button-aplicar-precio {
	background-color: black;
	border: 2px solid white;
	border-radius: 4px;
	color: white;
	padding: 16px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	/*cursor: pointer;*/
}

::-webkit-scrollbar {
	display: none; 
}

.animate-in {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeIn;
}

.animate-out {
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}