@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Volkhov:wght@700&display=swap'); 

.marginTop5{margin-top:5px;}
.marginTop10{margin-top:10px;}
.marginTop15{margin-top:15px;}
.marginTop20{margin-top:20px;}
.marginTop25{margin-top:25px;}

.rutinas-que-hacen-bien-2021-landing
{
	/*background:url('../images/bk.jpg') #fff;
	background-position:top center;
	background-repeat: no-repeat;
	background-size:contain;*/
	 /* background: url("../images/abajo-izq.png") left bottom no-repeat, url("../images/abajo-der.png") right bottom no-repeat;  */
	 background: url("../images/bk.jpg") no-repeat; 
	min-height:630px;
	position: relative;
	padding-bottom:10px;
	font-size: initial;
}

.rutinas-que-hacen-bien-2021-gracias
{
	/*background:url('../images/bk.jpg') #fff;
	background-position:top center;
	background-repeat: no-repeat;
	background-size:contain;*/
	 /* background: url("../images/abajo-izq.png") left bottom no-repeat, url("../images/abajo-der.png") right bottom no-repeat;  */
	 background: url("../images/bk-gracias.jpg") no-repeat; 
	min-height:630px;
	position: relative;
	padding-bottom:10px;
	font-size: initial;
}

.rutinas-que-hacen-bien-2021-izquierda
{
	/*background:url('../images/bk.jpg') #fff;
	background-position:top center;
	background-repeat: no-repeat;
	background-size:contain;
	background: url("../images/bk-izquierda.png")  top no-repeat;
	min-height:630px;*/
	position: relative;
	padding-bottom:10px;
	font-size: initial;
}


.rutinas-que-hacen-bien-2021-derecha
{
	/*background:url('../images/bk.jpg') #fff;
	background-position:top center;
	background-repeat: no-repeat;
	background-size:contain;*/
	background: url("../images/bk-derecha.png") top no-repeat;
	min-height:630px;
	position: relative;
	padding-bottom:10px;
	font-size: initial;
	background-size: 95%;
}

#dnn_ctr1972_signin_login_field{width:100%;}
#dnn_ctr1972_signin_login_password{width:100%;}

.seccionFacial .pieles-normales {
    background-color: #3076c0;
    color: #ffffff;
    border-color: #3076c0;
}

.seccionFacial .pieles-mixtas {
    background-color: #3b8b77;
    color: #ffffff;
    border-color: #3b8b77;
}

.rutinas-que-hacen-bien-2021-caja{
	/*background:url('../images/bk-login.png')no-repeat;*/
    background-color: #afd7d8;
    min-height: 425px;
}

.rutinas-que-hacen-bien-2021-caja-inner{
	padding:9% 5%;
	margin:0 -10px 0 -10px;
}

.rutinas-que-hacen-bien-2021-landing h1,
.rutinas-que-hacen-bien-2021-landing h2
{
	padding:0;
	margin:0;
}


.rutinas-que-hacen-bien-2021-landing h1{
	color:#3f6e6b;
	font-family:'Lato', sans-serif;
	font-size: 2.8em;
	line-height: 1.1em;
	font-weight: 900;
}

.no-gutter {
	margin-right: 0;
	margin-left: 0;
}
  
  .no-gutter > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

.rutinas-que-hacen-bien-2021-kit img
{
	width:120%;
	max-width:529px;
}

.rutinas-que-hacen-bien-2021-landing h2{
	color:#3f6e6b;
	font-family:'Volkhov', Volkhov bold;
	font-size: 2.1em;
	line-height: 1.1em;
	font-weight: 700;
}

.rutinas-que-hacen-bien-2021-landing h2{
	color:#3f6e6b;
	font-family:'Volkhov', Volkhov bold;
	font-size: 2.1em;
	line-height: 1.1em;
	font-weight: 700;
}

.rutinas-que-hacen-bien-2021-landing h7{
	color:#fff;
	font-family:'Volkhov', Volkhov bold;
	font-size: 2.1em;
	line-height: 1.1em;
	font-weight: 700;
}
.image-rutina{
	width:30%;
}

.rutinas-que-hacen-bien-2021-textarea textarea{
	width: 623px;
	resize: none;
	height: 130px;
	border-top: 2px solid #3f6e6b;
	border-left: 2px solid #3f6e6b;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}
.rutinas-que-hacen-bien-2021-textarea-count
{
	color:#3f6e6b;
	font-family:'Lato', sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: 400;
	left: 294px;;
}

.rutinas-que-hacen-bien-2021-textarea-count-number
{
	font-weight: 700;
}

.rutinas-que-te-hacen-bien-2021 b{font-weight: 700;font-size:1.05em;}

.rutinas-que-te-hacen-bien-2021-label {
    color: #003772;
    font-family: 'Lato', sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 25px;
}

.col-lg-2.col-md-4.col-xs-12.text-left.rutinas-que-hacen-bien-2021-label {
    font-size: 0.95em;
    margin-top: 15px;
}

.rutinas-que-hacen-bien-2021-input input[type="text"],
.rutinas-que-hacen-bien-2021-input input[type="password"]
{
	background:#d2dcf2;
	border:solid 1px #d2dcf2;
	width:97%;
	height:35px;
	color:#003772;
	font-family:'Raleway', sans-serif;
	font-size: 1.1em;
	padding-left:3%;
}

.rutinas-que-te-hacen-bien-2021-btn img
{
	width:100%;
	max-width: 158px;
	cursor: hand;
	cursor: pointer;
	
}

.rutinas-que-te-hacen-bien-2021-subbajada,
.rutinas-que-te-hacen-bien-2021-subbajada a,
.rutinas-que-te-hacen-bien-2021-subbajada a:hover,
.rutinas-que-te-hacen-bien-2021-subbajada a:visited,
.rutinas-que-te-hacen-bien-2021-subbajada a:active
{
	color:#003772;
	font-family:'Raleway', sans-serif;
	font-size: 0.95em;
	font-weight: 400;
	margin-right: 10px;
}

.mensaje-error{
	color:#BC090C;
	font-size: 1.15em;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
}

.rutinas-que-te-hacen-bien-2021-bases a,.rutinas-que-te-hacen-bien-2021-bases a:hover,.rutinas-que-te-hacen-bien-2021-bases a:visited,.rutinas-que-te-hacen-bien-2021-bases a:active
{
	color:#38487c;
	font-size: 1.05em;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	
}

.rutinas-que-hacen-bien-2021-paso1{
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.rutinas-que-hacen-bien-2021-paso1.rutinas-que-hacen-bien-2021-paso-on,
.rutinas-que-hacen-bien-2021-paso2.rutinas-que-hacen-bien-2021-paso-on,
.rutinas-que-hacen-bien-2021-paso3.rutinas-que-hacen-bien-2021-paso-on,
.rutinas-que-hacen-bien-2021-paso4.rutinas-que-hacen-bien-2021-paso-on,
.rutinas-que-hacen-bien-2021-paso5.rutinas-que-hacen-bien-2021-paso-on{
	opacity: 0;
	visibility: visible;
	position: relative;
	-webkit-animation: slide-left 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) reverse both;
	animation: slide-left 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) reverse both;
}



.rutinas-que-hacen-bien-2021-paso2,.rutinas-que-hacen-bien-2021-paso3,.rutinas-que-hacen-bien-2021-paso4,.rutinas-que-hacen-bien-2021-paso5{
	opacity: 0;
	visibility: hidden;
	position: absolute;
}


.carrousel-productos {
    background: #fff;
}

.producto-item
{
	height: auto !important;

}

.producto-item img
{
	width: 140px;
    display: initial !important;
	cursor: hand;
	cursor: pointer;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:before, .slick-next:before {
    font: 900 20px/1 "Font Awesome 5 Free";
	content: '\f0a8';
    opacity: .75;
    color: #213a70;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -10px;
}

.slick-next {
    right: -10px;
	transform: rotate(180deg);
}

.nombre-producto {
    font-family: 'Lato',sans-serif;
    font-size: 0.8em;
	/*min-height: 55px;*/
}

.boton-accion,
.mas-informacion {
    font-size: 0.7em;
    font-weight: 700;
    font-family: 'Lato',sans-serif;
}

.caja-mas-info-bk
{	
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	background: #000;
	opacity: 0.2;
}

.caja-mas-info {
    position: fixed;
    top: 12%;
    left: 22%;
    width: 60%;
    height: 480px;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: 5px 5px 5px -2px rgba(190,190,190,1);
    -moz-box-shadow: 5px 5px 5px -2px rgba(190,190,190,1);
    box-shadow: 5px 5px 5px -2px rgba(190,190,190,1);
}

.caja-mas-info .contenido
{
	height:65vh;
	overflow-y:scroll;
	overflow-x:hidden;
}

.caja-confirmacion-seleccion{
	height: 200px;
}

.btn-cerrar-ficha
{
	z-index: 10;
}

.btn-cerrar-ficha img
{
	cursor: hand;
	cursor: pointer;
}

.caja-mas-info{
	opacity:0;
  animation: zoom ease-in-out 0.4s;
  animation-iteration-count: 1;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: zoom ease-in-out 0.4s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: zoom ease-in-out 0.4s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: zoom ease-in-out 0.4s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: zoom ease-in-out 0.4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}




.boton-share{
	width:100%;
}

.boton-share img{
	width: 15%;
    margin: auto 1%;
    max-width: 64px;
	text-align: center;
}

.rutinas-que-hacen-bien-2021-landing h4 {
    color: #3f6e6b;
    font-family: 'Lato', sans-serif;
    font-size: 1.8em;
    line-height: 1.3em;
    font-weight: 900;
}
.rutinas-que-hacen-bien-2021-landing h5 {
    color: #3f6e6b;
    font-family: 'Lato', sans-serif;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 700;
	cursor: hand;
	cursor: pointer;
}


.rutinas-que-hacen-bien-2021-landing h6 {
    color: #255488;
    font-family: 'Lato', sans-serif;
    font-size: 1.3em;
    line-height: 0.7em;
    font-weight: 800;
}
.rutinas-que-hacen-bien-2021-gracias-caja {
	/*background: url(../images/bk_caja.png) ;
	background-repeat: repeat;
	background-size: 100%;*/
	background-color: #cceaec;
    background-blend-mode: color;
	min-height: auto;
	padding: 3%;
	position: relative;
	float:left;
	width:100%;
	border-radius: 10px 10px;
}
.rutinas-que-hacen-bien-2021-btn{
	left:129px
}

.rutinas-que-hacen-bien-2021-gracias-caja h6 {
	font-size: 18px;
    font-weight: bold;
    color: #5d8f8a;
}
    


.rutinas-que-hacen-bien-2021-btn-productos{
	/*top: 35px;*/
	top:-20px;
    left: 1px;
}
.franja-azul{
background-color: #5890cc;
    padding: 11px;
    width: 100%;
}
.rutinas-que-hacen-bien-2021-btn-2 {
    left: 1px;
    top: 20px;
}
.rutinas-que-hacen-bien-2021-btn-3 {
    left: 1px;
    top: 11px;
}
.carrousel-productos {
    background: #fff;
    /* width: 100%; */
}

.rutinas-que-hacen-bien-2021-bk-dinamico{
	 background: url("../images/bk-productos.jpg") no-repeat !important; 
	min-height:630px;
	position: relative;
	padding-bottom:10px;
	font-size: initial;
	width:1060px !important; 
}
@media (max-width: 800px) {
	
	.image-rutina{
		width:100%;
	}
	
	
.rutinas-que-hacen-bien-2021-derecha
{
	min-height:450px;
}
	.rutinas-que-hacen-bien-2021-btn-productos{
	/*top: 35px;*/
	top:20px;
    
	}
	.rutinas-que-hacen-bien-2021-landing h7 {
    font-size: 1.5em;
}
	.rutinas-que-hacen-bien-2021-landing {
		background: url("../images/abajo-izq.jpg") left bottom  no-repeat;
		min-height: auto;
		/*padding-top: 30%;*/
		padding-bottom: 50%;
	}
	.rutinas-que-hacen-bien-2021-bk-dinamico{
	width:100% !important; 
	background: url("../images/bk-productos.jpg")left bottom no-repeat !important; 
	}
	.carrousel-productos {
		
		left: 0px;
	}

	.rutinas-que-hacen-bien-2021-btn{
		left:0px
	}
	.rutinas-que-hacen-bien-2021-textarea textarea{
		width: 100%;
	}
	.rutinas-que-hacen-bien-2021-textarea-count
	{
		
		left: 0px;
	}
	.imagen-rutina {
	width:100%;
	}
	
	.rutinas-que-hacen-bien-2021-caja{
		min-height:485px;
	}
	
	.rutinas-que-hacen-bien-2021-caja-inner{
		padding:5%;
		margin:0 -10px 0 -10px;
	}

	.rutinas-que-hacen-bien-2021-caja-redes{
		/*margin:0 -20px 0 -20px;*/
		
	}
	
	.rutinas-que-hacen-bien-2021-kit img
	{
		width:100%;
		max-width:529px;
	}
	.caja-mas-info
	{
		width:100%;
		height: 100%;
		margin-top:0;
		margin-left:0;
		top:0;
		left:0;
	}
	
	.caja-mas-info .contenido
	{
		height:72vh;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	


}


/*ANIMACION*/


@keyframes zoom{
  0% {
    opacity:0;
    transform:  translate(0%, 0%) scaleX(0.40) scaleY(0.40) skewX(5deg) skewY(5deg) ;
  }
  100% {
    opacity:1;
    transform:  translate(0%, 0%) scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes zoom{
  0% {
    opacity:0;
    -moz-transform: translate(0%, 0%)  scaleX(0.40) scaleY(0.40) skewX(5deg) skewY(5deg) ;
  }
  100% {
    opacity:1;
    -moz-transform: translate(0%, 0%)  scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes zoom {
  0% {
    opacity:0;
    -webkit-transform: translate(0%, 0%)  scaleX(0.40) scaleY(0.40) skewX(5deg) skewY(5deg) ;
  }
  100% {
    opacity:1;
    -webkit-transform: translate(0%, 0%)  scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes zoom {
  0% {
    opacity:0;
    -o-transform:  translate(0%, 0%) scaleX(0.40) scaleY(0.40) skewX(5deg) skewY(5deg) ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0%, 0%) scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes zoom {
  0% {
    opacity:0;
    -ms-transform: translate(0%, 0%) scaleX(0.40) scaleY(0.40) skewX(5deg) skewY(5deg) ;
  }
  100% {
    opacity:1;
    -ms-transform: translate(0%, 0%) scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes slide-left {
  0% {
	opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
	opacity: 0;
    -webkit-transform: translateX(-100px);
   transform: translateX(-100px);
  }
}
@keyframes slide-left {
  0% {
	opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
	opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}