.lubricante-moto {
		position: relative;
    	width: 100%;
    	margin: auto;
		line-height: normal;
	}

.lubricante-moto * {
	 font-family: 'repsol', sans-serif;
	 margin: 0;
	 padding: 0;
	 box-sizing: border-box;
	 font-weight: 100 !important;
	 outline: 0 !important;
	 transform: translateZ(0);
}
.lubricante-moto img {
    width: auto;
}
 .lubricante-moto h1 {
	 font-family: 'repsol', sans-serif;
}
 .lubricante-moto p {
	 font-family: 'Roboto-Regular', sans-serif;
	 font-weight: 100;
}
 .lubricante-moto section {
	 width: 100%;
	 left: 0;
	 overflow: hidden;
	 height: auto;
	 position: relative;
	 margin: auto;
}
 .lubricante-moto #cont {
	 transform-origin: 0 0;
}
 .lubricante-moto #cont {
	 margin: auto;
	 position: relative;
	 height: auto;
	 width: 1248px;
}
 .lubricante-moto #animaciones {
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
}
 .lubricante-moto #responsive {
	 display: none;
}
 .lubricante-moto #slide-container {
	 width: 1248px;
	 height: 550px;
	 top: 0;
	 left: 0;
}
 .lubricante-moto .slide-image {
	 position: absolute;
	 height: 550px;
	 margin-left: 175px;
}
 .lubricante-moto .capa {
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	 opacity: 0;
	 width: 100%;
	 height: 550px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: -10;
}
 .lubricante-moto .display {
	 z-index: 30;
}
 .lubricante-moto .capave {
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	 opacity: 1 !important;
	 z-index: 10;
}
 .lubricante-moto .blanco {
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	 opacity: 0;
	 width: 1248px;
	 height: 550px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 background-image: url("/content/dam/aplicaciones/lubricante-moto/img-folder/blanco.png");
	 pointer-events: none;
	 background-size: 100%;
}
 .lubricante-moto #sobre {
	 position: absolute;
	 left: 0;
	 top: 0;
}
 .lubricante-moto button {
	 position: absolute;
	 top: 0;
	 z-index: 11;
	 background-color: transparent;
}
 .lubricante-moto .cerrar {
	 pointer-events: all;
	 position: absolute;
	 float: right;
	 top: 87px;
	 right: 236px;
	 padding-right: 35px;
	 height: 32px;
	 overflow: hidden;
	 background-image: url("/content/dam/aplicaciones/lubricante-moto/img-folder/cerrar.png");
	 background-position: right top;
	 background-repeat: no-repeat;
	 background-size: 32px;
	 border: none;
	 background-color: transparent;
	 width: 90px;
	 font-size: 16px;
	 color: #fff;
}
 .lubricante-moto .cerrar:hover {
	 background-position: right bottom;
	 cursor: pointer;
}
 .lubricante-moto .ampliador {
	 width: 290px;
	 position: absolute;
	 padding-right: 55px;
	 font-size: 18px;
	 color: #6e6259;
	 border: none;
	 background-color: transparent;
	 text-align: right;
	 padding-top: 6px;
	 line-height: 20px;
	 padding-bottom: 2px;
	 font-family: 'Roboto-Regular';
	 font-weight: 100;
}
 .lubricante-moto .dosli {
	 line-height: 19px;
	 padding-top: 1px;
	 width: 220px;
}
 .lubricante-moto .plus {
	 width: 36px;
	 height: 36px;
	 background-image: url("/content/dam/aplicaciones/lubricante-moto/img-folder/mas.png");
	 background-position: right top;
	 background-repeat: no-repeat;
	 background-size: 36px;
	 position: absolute;
	 top: 0;
	 right: 0;
	 border-radius: 5px;
	 background-color: #c0ebf2;
}
 .lubricante-moto .plus:hover {
	 background-color: #92d9e2;
}
 .lubricante-moto .der {
	 padding-right: 20px;
	 padding-left: 10px;
	 background-position: left top;
	 background-color: #ffffffd1;
	 border-radius: 5px;
	 height: 35px;
	 padding-top: 0px;
	 width: auto;
}
 .lubricante-moto .izq {
	 padding-left: 20px;
	 padding-right: 10px;
	 background-position: left top;
	 background-color: #ffffffd1;
	 border-radius: 5px;
	 height: 35px;
	 padding-top: 0px;
	 width: auto;
}
 .lubricante-moto .der:hover {
	 background-position: left bottom;
	 transform: translateY(-3px);
	 transform: translateX(8px);
	 transition: transform 250ms linear;
	 transition-timing-function: linear;
	 background-color: #ffffffd1;
	 color: #757575;
	 width: auto;
	 padding-right: 20px;
	 height: 35px;
	 border-radius: 5px;
	 padding-top: 0px;
}
 .lubricante-moto .izq:hover {
	 background-position: right bottom;
	 transform: translateX(-6px);
	 transition: transform 250ms linear;
	 transition-timing-function: linear;
	 background-color: #ffffffd1;
	 color: #757575;
	 padding-left: 20px;
	 height: 35px;
	 border-radius: 5px;
	 padding-top: 0px;
}
 .lubricante-moto .ampliador:hover {
	 cursor: pointer;
}
 .lubricante-moto .ampliador:hover .plus {
	 background-position: right bottom;
	 cursor: pointer;
}
 .lubricante-moto #puntos {
	 display: none;
}
 .lubricante-moto #contenido {
	 position: absolute;
	 width: 18%;
	 left: 248px;
	 top: 140px;
}
 .lubricante-moto .der .plus {
	 left: -40px;
}
 .lubricante-moto .izq .plus {
	 right: -40px;
}
 .lubricante-moto h1 {
	 font-size: 32px;
	 color: #fff;
	 float: left;
	 width: 100%;
	 margin-bottom: 20px;
	 line-height: 32px;
}
 .lubricante-moto p {
	 font-size: 16px;
	 color: #fff;
}
 .lubricante-moto .cadena p {
	 font-size: 14px;
}
 .lubricante-moto .margen {
	 margin-bottom: 10px;
}
 .lubricante-moto .nudoscolores {
	 height: 76px;
}
 .lubricante-moto .nudoscolores1 {
	 display: none;
}
 .lubricante-moto .colorbotes {
	 position: relative;
	 margin-left: 325px;
	 margin-top: -100%;
}
 .lubricante-moto .colorbotes img {
	 height: 245px;
	 position: absolute;
	 margin-left: 122px;
	 margin-top: 65px;
}
 .lubricante-moto .canula img {
	 position: absolute;
	 -ms-transform: translate(153%, -38%) scale(0.4);
	 transform: translate(153%, -38%) scale(0.4);
}
 .lubricante-moto #ref {
	 left: 720px;
	 top: 87px;
}
 .lubricante-moto #qui {
	 left: 800px;
	 top: 150px;
}
 .lubricante-moto #glp {
	 left: 720px;
	 top: 240px;
}
 .lubricante-moto #gen {
	 left: 800px;
	 top: 410px;
}
 .lubricante-moto #sum {
	 left: 285px;
	 top: 430px;
}
 .lubricante-moto #lub {
	 left: 297px;
	 top: 310px;
}
 .lubricante-moto #tra {
	 left: 318px;
	 top: 140px;
}
 .lubricante-moto #pro {
	 left: 345px;
	 top: 38px;
}
 .lubricante-moto #des {
	 left: -52px;
	 top: 330px;
}
 .lubricante-moto #exp {
	 left: 278px;
	 top: 180px;
}
 .lubricante-moto #sum2 {
	 left: 298px;
	 top: 90px;
}
 .lubricante-moto #mov {
	 left: 468px;
	 top: 340px;
}
 .lubricante-moto #botns {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 z-index: 1;
}
 .lubricante-moto .cadena {
	 border-radius: 4px;
	 border: 1px solid #757575;
	 padding: 10px 15px;
}
 .lubricante-moto .punto1 {
	 -ms-transform: translate(11%, 0%) scale(0.6);
	 transform: translate(11%, 0%) scale(0.6);
	 -webkit-filter: blur(0px);
}
 .lubricante-moto .punto2 {
	 -ms-transform: translate(7.5%, 41%) scale(1.8);
	 transform: translate(7.5%, 41%) scale(1.8);
	 -webkit-filter: blur(0px);
}
 .lubricante-moto .punto3 {
	 -ms-transform: translate(-5%, 5%) scale(2.8);
	 transform: translate(-5%, 5%) scale(2.8);
	 -webkit-filter: blur(0px);
}
 .lubricante-moto .punto4 {
	 -ms-transform: translate(4.5%, 5%) scale(0.4);
	 transform: translate(4.5%, 5%) scale(0.4);
	 -webkit-filter: blur(0px);
}
 .lubricante-moto .punto5 {
	 -ms-transform: translate(15%, -81%) scale(2.5);
	 transform: translate(15%, -81%) scale(2.5);
	 -webkit-filter: blur(0px);
}
 .lubricante-moto .punto6 {
	 -ms-transform: translate(7.2%, -43%) scale(2.85);
	 transform: translate(7.2%, -43%) scale(2.85);
	 -webkit-filter: blur(0px);
}
 .lubricante-moto .punto7 {
	 -ms-transform: translate(11.5%, -1%) scale(0.71);
	 transform: translate(11%, -1%) scale(0.71);
	 -webkit-filter: blur(0px);
}
 .lubricante-moto .punto8 {
	 -ms-transform: translate(15%, 77%) scale(2.3);
	 transform: translate(15%, 77%) scale(2.3);
	 -webkit-filter: blur(0px);
}
 .lubricante-moto #mapares {
	 display: none;
}
 .lubricante-moto .centra {
	 display: none;
}
 .lubricante-moto #responsive_movil {
	 display: none;
}
 @media only screen and (max-width: 1500px) {
	 .lubricante-moto #cont {
		 /* zoom: 1;
		 -moz-transform: scale(1); */
			zoom: 0.98;
			-moz-transform: scale(0.98);
	}
}
 @media only screen and (max-width: 1380px) {

	.lubricante-moto #cont {
		/* zoom: 0.98;
		-moz-transform: scale(0.98); */
		zoom: 0.72;
		-moz-transform: scale(0.72);
   }

	 .lubricante-moto .blanco {
		 background-image: url("/content/dam/aplicaciones/lubricante-moto/img-folder/blanco.png");
	}
	 .lubricante-moto .cerrar {
		 top: 87px;
		 right: 234px;
	}
	 .lubricante-moto #contenido {
		 top: 120px;
	}
	 .lubricante-moto .cadena p {
		 font-size: 15.4px;
	}
	 .lubricante-moto h2 {
		 font-size: 19.8px;
	}
	 .lubricante-moto .colorbotes {
		 margin-top: -91.3%;
	}
}

 @media only screen and (max-width: 1260px) {

	 .lubricante-moto #cont {
		 /* zoom: 0.98;
		 -moz-transform: scale(0.98); */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
	 .lubricante-moto .blanco {
		 background-image: url("/content/dam/aplicaciones/lubricante-moto/img-folder/blanco.png");
	}
	 .lubricante-moto .cerrar {
		 top: 87px;
		 right: 236px;
	}
	 .lubricante-moto #contenido {
		 top: 120px;
	}
}
 @media only screen and (max-width: 1230px) {

	 .lubricante-moto #cont {
		 /* zoom: 0.95;
		 -moz-transform: scale(0.95); */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
	 .lubricante-moto p {
		 font-size: 18px;
	}
	 .lubricante-moto .cadena p {
		 font-size: 16.8px;
	}
	 .lubricante-moto h2 {
		 font-size: 21.6px;
	}
	 .lubricante-moto .colorbotes {
		 margin-top: -99.2%;
	}
}
 @media only screen and (max-width: 1200px) {
	 .lubricante-moto #cont {
		 /* zoom: 0.93;
		 -moz-transform: scale(0.93); */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
}
 @media only screen and (max-width: 1170px) {
	 .lubricante-moto #cont {
		 /* zoom: 0.9;
		 -moz-transform: scale(0.9); */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
}
 @media only screen and (max-width: 1140px) {
	 .lubricante-moto #cont {
		 /* zoom: 0.88;
		 -moz-transform: scale(0.88); */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
	 .lubricante-moto .colorbotes {
		 margin-top: -98%;
	}
}
 @media only screen and (max-width: 1110px) {
	 .lubricante-moto #cont {
		 /* zoom: 0.86;
		 -moz-transform: scale(0.86); */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
}
 @media only screen and (max-width: 1100px) {
	 .lubricante-moto #cont {
		 /* zoom: 0.85;
		 -moz-transform: scale(0.85); */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
	 .lubricante-moto .colorbotes {
		 margin-top: -99%;
	}
}
 @media only screen and (max-width: 1080px) {
	 .lubricante-moto #cont {
		 /* zoom: 0.83;
		 -moz-transform: scale(0.83); */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
	 .lubricante-moto h1 {
		 font-size: 34px;
	}
	 .lubricante-moto p {
		 font-size: 20px;
	}
	 .lubricante-moto .cadena p {
		 font-size: 18.2px;
	}
	 .lubricante-moto h2 {
		 font-size: 23.4px;
	}
	 .lubricante-moto .colorbotes {
		 margin-top: -118%;
	}
}
 @media only screen and (max-width: 1050px) {
	 .lubricante-moto #cont {
		 /* zoom: 0.81; */
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
	 .lubricante-moto .colorbotes {
		 margin-top: -115%;
	}
}
 @media only screen and (max-width: 1020px) {
	 .lubricante-moto #cont {
		 zoom: 0.79;
		 -moz-transform: scale(0.79);
	}
	 .lubricante-moto .colorbotes {
		 margin-top: -114%;
	}
}
 @media only screen and (max-width: 990px) {
	 .lubricante-moto #cont {
		 zoom: 0.76;
		 -moz-transform: scale(0.76);
	}
	 .lubricante-moto .colorbotes {
		 margin-top: -113%;
	}
}
 @media only screen and (max-width: 960px) {
	 .lubricante-moto #cont {
		 zoom: 0.72;
		 -moz-transform: scale(0.72);
	}
}
/* @media only screen and (max-width: 910px) */
@media only screen and (max-width: 1024px) { 
	 .lubricante-moto body {
		 position: relative;
		 width: 100%;
		 margin: auto;
	}
	 .lubricante-moto section {
		 width: 100% !important;
		 background-image: none !important;
		 position: relative;
	}
	 .lubricante-moto #cont {
		 zoom: 1;
		 -moz-transform: scale(1);
		 height: 100%;
		 width: 100%;
	}
	 .lubricante-moto h1 {
		 font-size: 28px;
		 color: #fff;
		 padding: 20px;
		 margin-bottom: 0px;
	}
	 .lubricante-moto p {
		 font-size: 18px;
		 line-height: unset;
		 color: #fff;
		 padding: 20px;
	}
	 .lubricante-moto .cadena p {
		 font-size: 14px;
	}
	 .lubricante-moto #animaciones {
		 -webkit-transition: all 0s;
		 transition: all 0s;
		 transform: translate(0%, 0%) scale(1) !important;
	}
	 .lubricante-moto #slide-container {
		 height: auto;
	}
	 .lubricante-moto #map {
		 display: none;
	}
	 .lubricante-moto .der {
		 text-align: left;
	}
	 .lubricante-moto .der:hover, .lubricante-moto .izq:hover {
		 width: calc(100% - 40px);
		 padding-left: 40px;
		 padding-top: 9px;
		 transform: translateY(0px);
		 transform: translateX(0px);
		 background-color: #f0f0f0;
	}
	 .lubricante-moto .plus {
		 width: 32px;
		 height: 32px;
		 background-size: 32px;
	}
	 .lubricante-moto .dosli {
		 line-height: inherit;
	}
	 .lubricante-moto .ampliador {
		 position: relative;
		 left: 20px !important;
		 padding-left: 40px;
		 width: calc(100% - 40px);
		 top: inherit !important;
		 margin-bottom: 2px;
		 z-index: 30;
		 background-color: #f8f8f8;
		 border-radius: 4px;
		 padding-bottom: 10px;
		 padding-top: 9px;
		 font-size: 14px;
		 line-height: inherit;
		 display: initial !important;
	}
	 .lubricante-moto #responsive {
		 display: inherit;
		 width: 100%;
		 text-align: center;
	}
	 .lubricante-moto #responsive img {
		 width: 100%;
	}
	 .lubricante-moto #botns {
		 position: relative;
		 left: 0;
		 top: 0;
		 margin-bottom: 40px;
	}
	 .lubricante-moto .izq {
		 text-align: left;
		 background-position: left top;
	}
	 .lubricante-moto .plus {
		 left: 2px !important;
		 top: 2px;
	}
	 .lubricante-moto .blanco {
		 display: none !important;
	}
	 .lubricante-moto .capa {
		 width: 100%;
		 background-image: none;
	}
	 .lubricante-moto .centra {
		 display: inherit;
		 text-align: center;
		 width: 100%;
		 background-color: #fff;
	}
	 .lubricante-moto .centra img {
		 height: 100%;
		 width: 100%;
		 margin-bottom: -4px;
	}
	 .lubricante-moto .franjanaranja {
		 background-image: url('/content/dam/aplicaciones/lubricante-moto/img-folder/naranja.jpg');
		 background-repeat: repeat;
		 height: 55px;
	}
	 .lubricante-moto #contenido {
		 width: 100%;
		 height: 100%;
		 left: 0px;
		 top: 0px;
		 background-color: #ff8100;
		 color: #fff;
	}
	 .lubricante-moto .cerrar {
		 z-index: 70;
		 zoom: 1 !important;
		 right: 10px !important;
		 top: 10px !important;
	}
	 .lubricante-moto .colorbotes {
		 display: none;
	}
	 .lubricante-moto .canula img {
		 display: none;
	}
	 .lubricante-moto .nudoscolores {
		 display: none;
	}
	 .lubricante-moto .nudoscolores1 {
		 position: absolute;
		 left: 0;
		 width: 100%;
		 top: 16%;
		 border-bottom: solid 18px #ff6000;
		 display: block;
	}
}
@media (min-width: 810px) and (max-width: 910px) {
	 .lubricante-moto .centra img {
		 max-width: 80%;
	}
	 .lubricante-moto .centra {
		 text-align: center !important;
	}
	 .lubricante-moto .sum, .lubricante-moto .lub, .lubricante-moto .pro {
		 text-align: right !important;
	}
	 .lubricante-moto .nudoscolores1 {
		 top: 4%;
	}
}
@media screen and (max-width: 700px) and (min-width: 641px) and (max-width: 651px) {
	 .lubricante-moto .dosli {
		 width: calc(50% - 17px);
	}
	 .lubricante-moto .dosli:hover {
		 width: calc(50% - 17px);
		 height: auto;
	}
}
@media only screen and (max-width: 700px) and (max-width: 640px) {
	 .lubricante-moto #contenido {
		 width: 100%;
	}
	 .lubricante-moto #cont {
		 height: 100%;
		 width: 100%;
	}
	 .lubricante-moto .ampliador {
		 width: calc(100% - 40px);
	}
	 .lubricante-moto .dosli:hover, .lubricante-moto .der:hover, .lubricante-moto .izq:hover {
		 width: calc(100% - 40px);
		 height: auto;
	}
}
@media only screen and (max-width: 700px) and (max-width: 400px) {
	 .lubricante-moto .dosli:hover, .lubricante-moto .der:hover, .lubricante-moto .izq:hover {
		 width: calc(100% - 20px);
	}
	 .lubricante-moto .ampliador {
		 width: calc(100% - 20px);
		 left: 10px !important;
		 font-size: 12px;
	}
	 .lubricante-moto #responsive_movil {
		 display: none;
	}
}
@media only screen and (max-width: 700px) and (max-width: 375px) {
	 .lubricante-moto #responsive img {
		 display: none;
	}
	 .lubricante-moto #responsive_movil {
		 display: inherit;
		 height: 250px;
	}
	 .lubricante-moto #responsive_movil img {
		 height: 285px;
		 margin-top: -15px;
		 max-width: 100%;
		 object-position: center;
		 object-fit: cover;
	}
}