.grid-sizer,
.grid-item {
	float: left;
	width: 100%; }
@media screen and (min-width: 700px) {
	.grid-sizer,
	.grid-item {
		width: 50%; } }
@media screen and (min-width: 1000px) {
	.grid-sizer,
	.grid-item {
		width: 33.33%; } }
.grid-sizer img,
.grid-item img {
	width: 100%;
	height: auto;
}
.grid{
	z-index: 0;
}
@font-face {
	font-family: letra;
	src: url('Corbel.ttf') format('truetype') ;
}
@font-face {
	font-family: letra2;
	src: url('HelveticaNeueLTStd-Cn.otf') format("opentype") ;

}
@font-face {
	font-family: letra3;
	src: url('MyriadPro-Regular.otf') format("opentype") ;

}
@font-face {
	font-family: letra4;
	src: url('HelveticaNeueLTStd-Roman.otf') format("opentype") ;

}
@font-face {
	font-family: negrita;
	src: url('HelveticaNeueLTStd-Blk.otf') format("opentype") ;
}
*::-moz-selection{
	background: #616d76;
	color: white;
}

*::selection {
	background: #616d76;
	color: white;
}
a:hover,a:focus{
	text-decoration: none;
	color: #8B507A;
}
a{
	color: #5EA4AF;
}
body{
	min-width:510px;
	font-family: letra2;
}
body,#menu{
}
/* ------------------------ MEnu ----*/
#menu{
	top: 0px;
	width: 100%;
	background-color:rgba(255, 255, 255, 0.95);
	z-index: 10;
	position: relative;
	min-width: 510px;
	padding-top: 20px;
}
#menu:after{
	content:"";
	clear:both;
	display:block;
}
#menu .cont{
	max-width:1200px;
	display: block;
	margin: auto;
	position: relative;
}
#logo_corazon {
	float: left;
	margin-right: 5px;
}
#logo_corazon img{
	max-width: 100%;
	max-height: 45px;
	padding-top: 2.5px;
  margin-bottom: -20px;
  position: relative;
  top:-10px;
}
#logo{
	float: left;
	font-size: 14px;
	position: relative;
	margin-right:5px;
	width:min-width;
	font-family: letra4;
	color: black;
	margin-bottom: -8px;
}
#logo img{
	width: 150px;
}
#logo.active{
	background-color: #009BB4 !important;
}
#logo.active:before{
	content:"";
	width: 0; 
	height: 0; 
	display: block;
	position: absolute;
	margin: auto;
	left:0px;
	right: 0px;
	bottom: -18px;
	border-top: 15px solid #009BB4;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent; 
}
.activo{
	background-color: #009BB4;
}
nav a{
	color:black;
	text-decoration: none;
}
nav{
	display: block;
	float: left;
	font-family: letra4;
	overflow: hidden;
	font-size: 14px;
	margin-right: -40px;
}

nav a{
	color: white;
	background-color: #B8B1BC;
	padding: 5px 10px;
	text-decoration: none;
	display: inline-block;
}
.submenu{
	display: block;
	float: right;
	max-width: 1016px;
	width:100%;
	padding-left: 20px;
	position: relative;
	text-align: left;
	margin-top: 5px;
}
.submenu a{
	border: 1px solid #009BB4;
	padding: 2px 6px;
	color: #009BB4;
	background-color: white;
	display: inline-block;
	margin-right: 3px;
	border-radius: 20px;
	font-family: negrita;
	font-size: 12px;
	margin-bottom: 5px;
}
.submenu:before{
	content:"";
	width: 0; 
	height: 0; 
	display: block;
	position: absolute;
	margin: auto;
	left:0px;
	#top:10px;
	border-left: 12px solid #009BB4;
	border-bottom: 12px solid transparent;
	border-top: 12px solid transparent; 

}
#menubar{
	display:none;
	margin-right: 10px;
}
.mostrar{
	display: none;
}
/*--*/
.social{
	display: block;
	width:max-content;
	width: -moz-max-content;
    width: -webkit-max-content;
	float: right;
	overflow: hidden;
}
.social img{
	width: 30px;
	height: 30px;
	margin-left: 10px;
	float: right;
	display: block;
}
.social .blog, .social .contacta{
	padding: 5px 10px;
	float: right;
	margin-left: 10px;
	color: white;
	background-color: #F29222;
	font-family: letra4;
}
.social .contacta{
	background-color: #009BB4;
	margin-left: 0px !important;
}
/*-------Cuerpo */

#cuerpo{
	max-width: 1200px;
	margin: auto;
	min-height: 400px;
	text-align: justify;
}
#aviso{
	max-width:1000px;
	margin: auto;
	padding: 30px 5px
}
.fondo{
	max-width: 1200px;
	margin: auto;
	background-image: url(../img/fondo.jpg);
	/*background-position: center;
	background-size: cover;*/
    background-position-y: top;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: contain;
}
#contacto{
	max-width: 800px;
	margin: auto;
	padding: 20px 5px;
	margin-bottom: 30px;
}
#contacto input{
	max-width: 300px;
	display: block;
	width:100%;
	margin-bottom: 20px;
	padding: 5px 10px;
	border: 1px solid #009BB4;
}
#contacto textarea{
	max-width: 600px;
	display: block;
	width:100%;
	margin-bottom: 20px;
	min-height: 100px;
	padding: 5px 10px;
	border: 1px solid #009BB4;
}
#contacto button{
	display: block;
	width: min-content;
	width: -moz-min-content;
    width: -webkit-min-content;
	padding: 5px 20px;
	border: 3px solid #B8B1BC;
	background-color: #B8B1BC;
	color: white;
	font-size: 20px;
}
#contacto button:hover{
	color: #B8B1BC;
	background-color:white;
}
.titulo3{
	background-color: #009BB4;
	color:white;
	width: min-content;
	width: -moz-min-content;
    width: -webkit-min-content;
	padding: 3px 5px;
	margin-bottom: 0px;
	font-family: negrita;
	
}
.titulo{
	font-size: 80px;
	font-family: letra3;
	margin-top: 0px;
}
.titulo span{
	color: #888;
	font-size: 18px;
	display: block;
}
.intro_metodo{
	width: calc(100% - 230px);
	float: left;
	padding: 25px 5px 50px 5px;
}
.fondo2{
	overflow: hidden;
	background-image: url(../img/marte_meo.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 700px;
}
.fondo3{
	overflow: hidden;
	background-image: url(../img/vojta.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 700px;
}


/*
.steps{
max-width: 600px;
position:relative;
overflow: hidden;
text-align: right;
padding-top: 100px;
}
.steps img{
max-width: 70%;
position: absolute;
left: 0px;
top:0px;
}
.uno{
color: #6A5753;
font-size: 16px;
max-width: 260px;
display:inline-block;
text-align: left;
padding-left: 0px;
width: 100%;
z-index: 1;
position: relative;
}
*/
.dos{
	font-size: 16px;
	max-width: 255px;
	display: inline-block;
	text-align: left;
	//padding-left: 0px;
	width: 100%;
	color: #F29222;
}
.dos span{
	color:#6A5753 !important;
}
.steps p{
	max-width: 275px;
	display: inline-block;
	text-align: left;
	padding-left: 0px;
	width: 100%;
	border-bottom: 1px solid #009BB4;
	padding-bottom: 10px;
}

.steps{
	max-width: 1200px;
	position:relative;
	overflow: hidden;
	#text-align: right;
	padding-top: 40px;
	padding-bottom: 40px;
}
.cursos{
	width: 180px;
	margin-right: 267px;
	float: left;
	border: 1px solid #6b5854;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 7px 8px 0px 0px #ccc;
	overflow: hidden;
	max-height: 190px;
	background-color: white;
}
.cursos div{
	width: calc(100% - 40px);
	float: left;
}
.cursos .head{
	display:block;
	width:40px;
	background-color: #6b5854;
	color: white !important;
	font-size: 16px;
	#height: -webkit-fill-available;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
	padding-top:25px;
	padding-bottom: 40px;
}
.cursos .head b{
	font-family:negrita;
	color: white !important;
	display: block;
	font-size: 30px;
	display: block;
	margin: auto;
	text-align: center;
	-ms-transform: rotate(-90deg); 
	-webkit-transform: rotate(-90deg); 
	transform: rotate(-90deg);
	margin-bottom: -12px;
}
.cursos div h2{
	display:block;
	background-color: #009BB4;
	color: white;
	font-size: 13px;
    text-align: left;
	padding: 10px 5px;
	margin: 15px 0px;
  margin-bottom: 0px;
	font-family: letra2;
}
.cursos .pie{
	width: 90%;
	float: right;
}
.cursos .logo{
	width: 100%;
	margin: auto;
	display: block;
	text-align: center;
	#box-shadow: 15px 8px 3px 3px #999,12px 7px 10px 3px #bbb,18px 10px 10px 3px #ccc, 3px 2px 2px 3px #eee;

}
.steps img.logo_text{
	max-width: 300px;
	left: 200px;
	top:40px;
	position: absolute;
}
.uno{
	color: #6A5753;
	font-size: 14px;
	max-width: 260px;
	display:inline-block;
	text-align: left;
	padding-left: 0px;
	width: 100%;
	z-index: 1;
	position: relative;
	top:70px;
	line-height: 18px;
}
.curriculum{
	overflow: hidden;
	background-image: url(../img/angela2.jpg);
	background-repeat: no-repeat;
	#background-size: 1050px;
	#background-position:  -200px 0px;
	font-family: letra4;
	position: relative

}
.curriculum:after{

}
.curriculum>div{
	width: 50%;
	float: left;
}
.curriculum .der{
	padding: 0px 5px;
}
.curriculum img{
	width: 100%;
}
.curriculum a{
	color:#009BB4;
	text-align: right;
	display: block;
}
.introduccion{
	width: max-content;
	width: -moz-max-content;
    width: -webkit-max-content;
	#margin: auto;
	margin-top: -30px;
}
#cookie{
	overflow: hidden;
	width: 100%;
	text-align: center;
	display: block;
	bottom: 0px;
	font-size:10px;
	position:fixed;
	background-color: rgba(0,0,0,0.7);
	color:white;
	padding: 11px;
	z-index: 2000;
}
#cookie-cerrar{
	font-size: 12px;
	border: 1px solid #00669c; 
	border-radius: 4px;
	color:#3F1B00;
	font-size: 13px;

	background-color: white;
	margin-left: 10px;
	float: right;
	margin-top: -6px;
	margin-bottom: -6px;

	height: 30px;
}
.introduccion{
	max-width: 600px;
	padding-bottom:  5px;
}
.introduccion p{
	color:#555;
	font-size: 16px;
}
.introduccion h1{
	font-family: letra4;
	font-size: 26px;
	margin-bottom: 20px;
}
.introduccion b{
	font-family: negrita;
}
.seccion{
	width: 100%;
	padding-left: 100px;
	font-family: letra4;
	font-size: 16px;
	padding-right: 100px;
	text-align: left;
	margin-bottom: 60px;
	position: relative;
	padding-top: 80px;
	margin-top: -80px;
}
.seccion h2{
	font-family: negrita;
	color:#009BB4;
	font-size: 22px;
	z-index: 2;
	position: relative;
	background-color: white;
	border:1px solid #009BB4;
	padding: 5px 17px;
	width: max-content;
	width: -moz-max-content;
    width: -webkit-max-content;
	border-radius:30px;
	margin-top: -20px;
	max-width: 100%;
}
.seccion h3{
	font-family: negrita;
	color:#009BB4;
	font-size: 18px;
	z-index: 2;
  padding-left: 35px;
}
.seccion b, .curriculum b{
	font-family: negrita;
	color:#009BB4;
}
.seccion p{
	padding-left: 35px;
	z-index: 2;
	position: relative;
}
.seccion:before{
	content:"";
	height: 1px;
	background-color: #009BB4;
	top: 0px;
	bottom: 0px;
	z-index: 1;
	width: calc(100% + 100px);
	display: block;
	right: 0px;
}
.dirigido>div{
	float: left;
	position: relative;
}
.dirigido .izq{
	width: 350px;
}
.img_dirigido{
	width:140px;
	position: absolute;
	top:55px;
	left: -90px;
	z-index: 1;
}
.img_dirigido2{
	width:230px;
	position: absolute;
	top:40px;
	left: 20px;
	z-index: 1;
}
.dirigido .der{
	width: calc(100% - 350px);
	padding-left: 17%;
	padding-right: 30px;
}
.dirigido:after{
	content: "";
	clear: both;
	display: block;
}

.rapido{
	overflow: hidden;
}
.rapido div{
	width: 25%;
	float:left;
	padding-left: 20px;
	padding-top: 3%;
}
.rapido img{
	width:100%;
	display: block;
	margin-bottom: 20px;
}
.rapido .lista{
	display: block;
	width:75%;
	padding-left: 80px;
	color:#009BB4;
	position: relative;
	z-index: 2;
	float:left;
}
.lista{
	padding-left: 100px;
	color:#009BB4;
	position: relative;
	z-index: 2;
}
.lista li span{
	color:#333;
}
.lista2{
	list-style: none; 
	color:black;
}
.lista li{
	position: relative;
}
.lista2 li::before {
  color: #009BB4;  
  content: ">"; 
  font-size: 1em; 
  padding-right: 1.1225em; 
  position: absolute;
	font-weight: 700;
  top: 0em; 
	left:-20px;

}
.consiste img{
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.consiste:after{
	content: "";
	clear: both;
	display: block;
}
.participar{
	max-width: 700px;
	width:100%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: #009BB4;
	padding: 10px 10px 10px 40px;
	position: relative; 
	left:-40px;
}
.participar:after{
	clear: both;
	content:'';
	display: block;
}
.participar img{
	display: block;
	width:200px;
	float:left;
	margin-top: -40px;
	margin-bottom: -10px;
	border-radius: 0px;
}
.participar div{
	display: block;
	width:calc(100% - 200px);
	padding-left: 20px;
	float:left;
	color:white;
}
.participar div b{
	color:white;
}
.paso1{
	width: 71%;
	float: left;
}
.paso1:after{
	content: "";
	clear: both;
	display: block;
}
.paso3{
	width:29%;
	float: left;
}
.paso4{
	max-width: 400px;
	position: relative;
}
.img_paso1{
	width: 110%;
	text-align: right;
	margin-bottom: 15px;
	display:block;
	position: relative;
	left:-80px;
}
.img_paso2{
	width: 100%;
	margin-bottom: 15px;
	display:block;
}
.div_paso1 span,.div_paso2 span,.div_paso3 span,.div_paso4 span{
	background-color: #009BB4;
	color: white;
	font-family: negrita;
	font-size: 35px;
	padding: 0px 10px 0px 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	position: absolute;
	left:-20px;
	display: block;
	#width: min-content;
	#width: -moz-min-content;
    #width: -webkit-min-content;
}
.div_paso3 span{
	left:0px;
}
.div_paso1{
	width: 55%;
	float:left;
	position:relative;
	padding-right: 60px;
	margin-bottom:25px;
}
.div_paso2{
	width: 45%;
	float:left;
	position:relative;
	padding-right: 30px;
	margin-bottom:25px;
}
.div_paso3{
	position:relative;
	padding-left: 20px;
	margin-bottom:40px;
	text-align: left;
}
.div_paso4{
	position: relative;
	margin-bottom:25px;
	float: left;
}
.aplicacion{
	overflow: hidden;
}
.aplicacion .izq{
	width: 42%;
	float: left;
	padding-right: 30px;
	padding-top: 10px;
}
.aplicacion .der{
	width: 58%;
	float: left;
	overflow: hidden;
}
.aplicacion .der img{
	width: calc(50% - 10px);
	float: left;
}
.aplicacion .der img:last-child{
	margin-left: 20px;
}
.beneficios{
	padding-bottom: 50px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.pagina{
	position: absolute;
	top: 81px;
	right: 0px;
	width: 200px;
}
.pie_colores{
	bottom: 0px;
	right: 0px;
	max-width:50%; 
	position: absolute;
	z-index: 1;
}
.beneficios p{
	padding-right: 40px;
}
.beneficios .izq{
	float: left;
	width: 60%;
	color: #009BB4;
	position: relative;
	z-index: 2;
	padding:10px 20px;
	padding-left: 35px;
}
.beneficios .izq img{
	max-width:580px
}
.beneficios .der{
	float: left;
	width: 40%;
	color: #009BB4;
	position: relative;
	z-index: 3;
	padding:10px 20px;
	padding-right: 0px;
	font-size:14px;
}
.comillas1{
	position: absolute;
	top: 0px;
	left: -30px;
}
.comillas2{
	position: absolute;
	bottom: 15px;
	right:-70px;
	width: 75px;
}
.beneficios h3{
	margin-top:0px;
}
.tratamiento{
	overflow: hidden;
	position: relative;
	top:-26px;
}
.tratamiento .izq{
	width: 60%;
	float: left;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 50px;
}
.tratamiento .der{
	width: 40%;
	float: left;
}
.tratamiento .der img{
	width: 100%;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.conttratamiento{
	background-color: #d5eef2;
	border-radius: 10px;
	padding: 15px;
}
.conttratamiento h3{
	margin-top: 0px;
	padding-left: 0px;
}
.beneficios2{
	overflow: hidden;
	padding-bottom: 20px;
}
.beneficios2 img{
	display: block;
	margin: auto;
}
.beneficios2 h3{
	font-family:letra2;
	margin-top:20px;
	display: block;
}
.beneficios2 .izq{
	width: 30%;
	float: left;
}
.beneficios2 .izq img{
	max-width:100%;
	margin-top: 40px;
	margin-bottom: 30px;
}
.beneficios2 .der{
	width: 70%;
	float: left;
}
.beneficios2 .der img{
	max-width:90%;
	width:100%;
}

#pregistro{
	position: relative;
	width: 100%;
	background-color: white;
	max-width: 1200px;
	margin: auto;
	margin-top: -5px;
	border-top: 2px solid #0066B1;
}
#pregistro .sli{
	display: none;
	position: absolute;
	height: 275px;
	width: 100%;
	background-size: cover;
	background-position: center;

	-webkit-transition:  height 0.5s ease-in-out;
	-moz-transition:  height 0.5s ease-in-out;
	-ms-transition:  height 0.5s ease-in-out;
	-o-transition:  height 0.5s ease-in-out;
	transition:  height 0.5s ease-in-out;
}
#pregistro img{
	width: 100%;
}
.sli a{
	display: block;
	width: 100%;
	height: 100%;
}
.cinicio{
	height: 277px;
	-webkit-transition:  height 0.5s ease-in-out;
	-moz-transition:  height 0.5s ease-in-out;
	-ms-transition:  height 0.5s ease-in-out;
	-o-transition:  height 0.5s ease-in-out;
	transition:  height 0.5s ease-in-out;
}
.cinicio2, .cinicio2 .sli{
	height:195px !important;
}
#pregistro .sli:first-child{
	display: block;
}
#pregistro .iz{
	padding: 10px;
	font-size: 100px;
	text-shadow: 1px 1px 3px black;
	display: block;
	position: relative;
	color: white;
	width: 60px;
	top:calc(40% - 30px);
	cursor:pointer;
	float: left;

}
#pregistro .dere{
	padding: 10px;
	font-size: 100px;
	text-shadow: 1px 1px 3px black;
	display: block;
	position: relative;
	color: white;
	width: 60px;
	top:calc(38% - 30px);
	float: right;
	cursor:pointer;

}

#posicion{
	padding: 10px;
	display: block;
	position: relative;
	color: red;
	width: auto;
	cursor:pointer;
	top:0px;
	overflow: hidden;
	float: left;
	z-index: 200;
	left: 30px;
}
#posicion li{
	list-style: none;
	float: left;
	width: 15px;
	height: 15px;
	background-color: lightgray;
	margin-right: 5px;
	border-radius: 50%;
	border:1px solid #777;

}
#posicion .viendo{
	background-color: #aaa !important;
	border:1px solid #444;
}
.solo{
	overflow:hidden;
	margin-bottom: 40px;
	
}
.solo .steps{
	padding-top: 10px;
	padding-bottom: 8px;
}
.solo h1{
	width: calc(100% - 230px);
	float: left;
	font-size: 60px;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 80px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #009BB4 url(../img/angle-up-solid.svg) no-repeat center 50%;
	background-size: 20px ;
	stroke:red;
	fill: none;
	color:white;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
	z-index: 100;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 70px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 50px;
    width: 50px;
    right: 30px;
    bottom: 70px;
  }
}
footer{
	display: block;
	padding: 10px;
	border-top:2px solid #777;
	text-align: center;
	color: black;
	font-family: letra4;
}
footer a{
	margin-left:15px;
	color: black;
}
footer i{
	margin-right:5px;
}

@media (min-width:1200px){
	nav{
		display: block !important;
	}
}
@media (max-width:1200px){
	
	body{
		padding-top: 65px;
	}
	#cuerpo{
		#padding-left:10px; 
		#padding-right:10px; 
	}
	#menu .cont{
		height: 60px;
	}
	#menu{
		position: fixed;
		height: 60px;
		margin-bottom: 0px;
		padding:0px;
	}
	#logo{
		top:10px;
		padding: 5px;
	}
	#logo img{
		height: 32px;
		width: auto;
	}
	#logo_corazon{
		margin-top: 10px;
		margin-right: 10px;
		margin-left: 10px;
	}
	#logo_corazon img{
        max-height: 35px;
        top:0px;
	}
	nav{
		display: none;
		background-color: #009BB4;
		width: 100%;
		bottom: auto;
		left:0px;
		top:60px;
		margin-left: 0px;
		position: fixed;
	}
	nav a{
		width: 100%;
		margin: 0px;
		margin-bottom: 1px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#menubar{
		display: inline-block;
		background-color: #009BB4;
		height: 40px;
		width:45px;
		margin-top: 10px;
		border-radius: 0px;
	}
	#menubar span{
		background-color:white;
	}
	.social{
		margin-top:10px;
		margin-right: 10px;
	}
	#logo{
		display: inline-block;
	}
	.frase,.contacto{
		float: none !important;
		margin: auto;
		margin-bottom: 20px;
	}
	.contacto{
		margin-bottom: 0px;
	}
}
@media (max-width:1050px){
	
	.fondo{
		background-position:left; 
        background-size: auto;
	}
	.curriculum>div{
		width:100%;
		float: none;
	}
	
	.seccion{
		padding-left: 20px;
		padding-right: 20px;
	}
	.dirigido .izq,.dirigido .der{
		float: none;
		margin: auto;
		margin-top: 30px;
	}
	.dirigido .der{
		margin-top: 50px;
		padding: 0px;
		min-width: 425px;
	}
}
@media (max-width:950px){
	.beneficios .izq img{
		width: 100%;
	}
}
@media (max-width:900px){
	.beneficios2 .izq{
		width: 100%;
		float: none;
	}
	.beneficios2 .der{
		width: 100%;
		float: none;
	}
	.beneficios2 img{
		width: auto;
		max-width: 100%;
		display: block;
		margin: auto;
		margin-bottom: 10px;
	}
}
@media (max-width:740px){
	/*.steps span{
	display: block;
	float: right;
	width: 100%;
	position: relative;
	height: 250px;
}
	.steps>div{
	display: block;
	float: right;
	width: 100%;
}
	.steps .libro img{
	text-align: center;
	margin-right: 0px;
	position: relative;
	left:20px;
}
	.steps{
	text-align: center;
	padding-left: 0px;
	padding-top: 20px;
}*/
	#menu{
		font-size: 12px;
	}
	#logo{
		font-size: 12px;
	}
	.social img{
		height: 27px;
		width: 27px;
	}
	.blog, .contacta{
		padding: 5px;
	}
	.introduccion{
		margin-top:30px;
	padding: 0px 5px;
	width: 100%;
	text-align: left;
		padding-bottom: 40px;
	}
	.fondo{
		overflow: hidden;
		background-image: none;
	}
	.steps img.logo_text{
		position: relative;
		left:15px;
	}
	.uno{
		max-width: 160px;
		left:-40px;
	}
	.intro_metodo{
		width: 100%;
		float: none;
	}
	.fondo2 .steps{
		float: none !important;
	}
	.fondo2{
		background-position: bottom;
	}
	.fondo3 .steps{
		float: none !important;
	}
	.fondo3{
		background-position: bottom;
	}
	.paso1,.paso3{
		width: 100%;
		float: none;
		padding-left: 0px;
	}
	.div_paso3 span{
		left:-20px;
	}
	.div_paso3{
		padding-left: 0px;
	}
	.img_paso1{
		width: 100%;
		left: 0px;
	}
	.div_paso4, .paso4{
		width: 100%;
		float: none;
		max-width: none;
	}
	.aplicacion .izq{
		width: 70%;
	}
	.aplicacion .der{
		width: 30%;
	}
	.aplicacion .der img{
		width: 100%;
		float: none;
		display: block;
		margin-left: 0px !important;
		margin-top: 20px;
	}
	.beneficios .izq{
		width:100%;
		float: none;
		text-align: center;
	}
	 .beneficios .der{
		width:350px;
		float: none;
		 margin: auto;
		 #left:50px;
		 margin-top: 50px;
		 margin-bottom: 80px;
	}
	.tratamiento .izq{
		width: 100%;
		float: none;
	}
	.tratamiento .der{
		width: 100%;
		float: none;
	}
	.participar {
		width:calc(100% + 50px);
	}
	.participar img{
		margin-top: 0px;
		margin-bottom: 0px;
		border-radius: 10px;
	}
	.rapido .lista{
		float: none;
		width:100%;
	}
	.rapido div{
		float: none;
		width:100%;
		padding-left: 0px;
	}
	.rapido div img{
		max-width: 500px;
		margin:auto;
		margin-bottom: 20px;
	}
}
@media (max-width:630px){
	.uno{
		margin-top: 10px;
		float: none;
		width: 100%;
	}
	.dos{
		margin-top: 10px;
		float: none;
		width: 100%;
	}
	.pagina{
		width:140px;
	}
	.beneficios p{
		padding-right: 0px;
	}
}
i.fa{
	width: 30px;
	text-align: center;
}
.fa-mobile{
	font-size: 30px;
	position: relative;
	top: 5px;
}
.cuerpo-bottom{
	overflow: hidden;
	position: relative;
	max-width: 1100px;
	margin-top: 50px;
	font-family:helvetica, arial;
}
.frase{
	background-image: url(../img/marco.png);
	background-size: 100% 100%;
	font-size: 25.5px;
	text-align: center;
	max-width: 430px;
	width:100%;
	padding: 52px 10px 32px 10px;
	float: left;
}
.social a,.social img{
	margin-left: 5px !important;
}
#modal-dialog{
	width: 230px;
	padding: 20px;
	text-align: center;
	margin: auto;
	background-color: white;
	margin-top:10%;
}
.modal-cerrar{
	border: none;
	margin-left: 20px;

}


/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	margin-bottom: 60px;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslider {
	margin: 0;
	padding: 0;
}
ul.bxslider {
	list-style: none;
}
.bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	margin-left:  27px;
	padding-right: 27px;
}
/** THEME
===================================*/

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../img/bx_loader.gif') center center no-repeat #ffffff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('../img/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('../img/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
body:after {
	content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
	display: none;
}

body.lb-disable-scrolling {
	overflow: hidden;
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	border-radius: 3px;
}

.lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 4px;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-container {
	padding: 4px;
}

.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav {
	left: 0;
}

.lb-nav a {
	outline: none;
	background-image: url('data:img/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(../img/prev.png) left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(../img/next.png) right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-data {
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
@media (max-width:650px){
	#clorofila img{
		width:100% !important;
		float: none;
	}

}
/**
*
* slippry v1.4.0 - Responsive content slider for jQuery
* http://slippry.com
*
* Authors: Lukas Jakob Hafner - @saftsaak
*          Thomas Hurd - @SeenNotHurd
*
* Copyright 2016, booncon oy - http://booncon.com
*
*
* Released under the MIT license - http://opensource.org/licenses/MIT
*/
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
	0% {
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@-o-keyframes left-right {
	0% {
		-o-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-o-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
	0% {
		-webkit-transform: translateY(-20%) translateX(-10%);
		-o-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-webkit-transform: translateY(0%) translateX(10%);
		-o-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
	0% {
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
@-o-keyframes right-left {
	0% {
		-o-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-o-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
	0% {
		-webkit-transform: translateY(0%) translateX(10%);
		-o-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-webkit-transform: translateY(-20%) translateX(-10%);
		-o-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
	background: url("/images/sy-loader.gif") 50% 50% no-repeat;
	-webkit-background-size: 32px 32px;
	background-size: 32px;
	min-height: 40px; }
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
	visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
	position: relative;
	height: 100%;
	width: 100%; }
.sy-slides-wrap:hover .sy-controls {
	display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden; }

/* list containing the slides */
.sy-list {
	width: 100%;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute; }
.sy-list.horizontal {
	-webkit-transition: left ease;
	-o-transition: left ease;
	transition: left ease; }
.sy-list.vertical {
	-webkit-transition: top ease;
	-o-transition: top ease;
	transition: top ease; }

/* single slide */
.sy-slide {
	position: absolute;
	width: 100%;
	z-index: 2; }
.sy-slide.kenburns {
	width: 140%;
	left: -20%; }
.sy-slide.kenburns.useCSS {
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity; }
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
	-webkit-animation-name: left-right;
	-o-animation-name: left-right;
	animation-name: left-right;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards; }
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
	-webkit-animation-name: right-left;
	-o-animation-name: right-left;
	animation-name: right-left;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards; }
.sy-slide.sy-active {
	z-index: 3; }
.sy-slide > img {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	border: 0; }
.sy-slide > a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%; }
.sy-slide > a > img {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
	display: none;
	list-style: none;
	height: 100%;
	width: 100%;
	position: absolute;
	padding: 0;
	margin: 0; }
.sy-controls li {
	position: absolute;
	width: 10%;
	min-width: 4.2em;
	height: 100%;
	z-index: 33; }
.sy-controls li.sy-prev {
	left: 0;
	top: 0; }
.sy-controls li.sy-prev a:after {
	background-position: -5% 0; }
.sy-controls li.sy-next {
	right: 0;
	top: 0; }
.sy-controls li.sy-next a:after {
	background-position: 105% 0; }
.sy-controls li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px; }
.sy-controls li a:link, .sy-controls li a:visited {
}
.sy-controls li a:hover, .sy-controls li a:focus {
	outline: none; }
.sy-controls li a:after {
	content: "";
	background-image: url("../img/arrows.png");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	text-indent: 0;
	position: absolute;
	width: 3.5em;
	height: 3.5em;
	left: 50%;
	top: 50%;
	margin-top: -1.4em;
	margin-left: -1.4em;
}
@media only screen and (max-device-width: 600px) {
	.sy-controls {
		display: block; }
	.sy-controls li {
		min-width: 2.1em; }
	.sy-controls li a:after {
		width: 1.4em;
		height: 1.4em;
		margin-top: -0.7em;
		margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {
	position: absolute;
	bottom: 2em;
	z-index: 12;
	left: 50%; }
.sy-caption-wrap .sy-caption {
	position: relative;
	left: -50%;
	background-color: rgba(0, 0, 0, 0.54);
	color: #fff;
	padding: 0.4em 1em;
	border-radius: 1.2em; }
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
	color: #e24b70;
	font-weight: 600;
	text-decoration: none; }
.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
	text-decoration: underline; }
@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
	.sy-caption-wrap {
		left: 0;
		bottom: 0.4em; }
	.sy-caption-wrap .sy-caption {
		left: 0;
		padding: 0.2em 0.4em;
		font-size: 0.92em;
		border-radius: 0; } }

/* pager bubbles */
.sy-pager {
	clear: both;
	display: block;
	width: 100%;
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
	text-align: center; }
.sy-pager li {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin: 0 1em 0 0;
	border-radius: 50%; }
.sy-pager li.sy-active a {
	background-color: #e24b70; }
.sy-pager li a {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #ccc;
	text-indent: -9999px;
	-webkit-background-size: 2em 2em;
	background-size: 2em;
	border-radius: 50%; }
.sy-pager li a:link, .sy-pager li a:visited {
	opacity: 1.0; }
.sy-pager li a:hover, .sy-pager li a:focus {
	opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
	width: 100%; }
.sy-filler.ready {
	-webkit-transition: padding 600ms ease;
	-o-transition: padding 600ms ease;
	transition: padding 600ms ease; }
.thumbs{
	overflow:hidden;*zoom:1;list-style: none;
	height: 130px;
	padding-right: 30px;
	width:550px;
	float: right;
}
.thumb-box .thumbs li{float:left;
	max-width:150px;
	text-align:center;margin-left:10px;border:4px solid white;border-radius:5px;}
.thumb-box .thumbs li img{max-width:100%;opacity:1;-moz-transition:opacity 0.32s;-o-transition:opacity 0.32s;-webkit-transition:opacity 0.32s;transition:opacity 0.32s;height:94px;}
.thumb-box .thumbs li img.active{opacity:1}.thumb-box .thumbs li:hover img{opacity:1;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.newsletter{border:2px solid #e24b70;padding:10px 15px}.newsletter h3{margin:0}#mc-embedded-subscribe{float:right}#mc_embed_signup form{padding:8px 0 0 !important}#mc_embed_signup input.email,#mc_embed_signup #mc-embedded-subscribe{margin-bottom:0 !important;height:48px;font-size:18px;min-width:auto}.clear{overflow:hidden;*zoom:1}.carbonwrap{border:2px solid #ccc;padding-bottom:18px}@media only screen and (max-width: 768px){.carbonwrap{display:none}}#carbonads{margin:18px 10px}.carbon-poweredby{margin-top:5px !important;font-size:12px;text-decoration:none}@media only screen and (min-width: 840px){.carbon-poweredby{margin-left:15px !important}}.carbon-poweredby:before{content:' ';overflow:hidden;*zoom:1}.carbon-img{float:left}.carbon-text{font-size:13px;display:block !important;margin-bottom:2px !important;text-decoration:none;text-transform:none}@media only screen and (min-width: 840px){.carbon-text{padding-top:0 !important;float:none !important;width:auto !important;height:auto !important;margin-left:145px !important}}
.thumb-box{
	margin-top: -99px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.sy-controls{
	display: block;
}
.slippry_box{
	position: relative;
	z-index: 5;
}
$slick-font-path: "./fonts/" !default;
$slick-font-family: "slick" !default;
$slick-loader-path: "./" !default;
$slick-arrow-color: white !default;
$slick-dot-color: black !default;
$slick-dot-color-active: $slick-dot-color !default;
$slick-prev-character: "\2190" !default;
$slick-next-character: "\2192" !default;
$slick-dot-character: "\2022" !default;
$slick-dot-size: 6px !default;
$slick-opacity-default: 0.75 !default;
$slick-opacity-on-hover: 1 !default;
$slick-opacity-not-active: 0.25 !default;

@function slick-image-url($url) {
	@if function-exists(image-url) {
		@return image-url($url);
	}
	@else {
		@return url($slick-loader-path + $url);
	}
}

@function slick-font-url($url) {
	@if function-exists(font-url) {
		@return font-url($url);
	}
	@else {
		@return url($slick-font-path + $url);
	}
}

/* Slider */

.slick-list {
	.slick-loading & {
		background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
	}
}

/* Icons */
@if $slick-font-family == "slick" {
	@font-face {
		font-family: "slick";
		src: slick-font-url("slick.eot");
		src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
		font-weight: normal;
		font-style: normal;
	}
}

/* Arrows */

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
	&:hover, &:focus {
		outline: none;
		background: transparent;
		color: transparent;
		&:before {
			opacity: $slick-opacity-on-hover;
		}
	}
	&.slick-disabled:before {
		opacity: $slick-opacity-not-active;
	}
	&:before {
		font-family: $slick-font-family;
		font-size: 20px;
		line-height: 1;
		color: $slick-arrow-color;
		opacity: $slick-opacity-default;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

.slick-prev {
	left: -25px;
	[dir="rtl"] & {
		left: auto;
		right: -25px;
	}
	&:before {
		content: $slick-prev-character;
		[dir="rtl"] & {
			content: $slick-next-character;
		}
	}
}

.slick-next {
	right: -25px;
	[dir="rtl"] & {
		left: -25px;
		right: auto;
	}
	&:before {
		content: $slick-next-character;
		[dir="rtl"] & {
			content: $slick-prev-character;
		}
	}
}

/* Dots */

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
	li {
		position: relative;
		display: inline-block;
		height: 20px;
		width: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
		button {
			border: 0;
			background: transparent;
			display: block;
			height: 20px;
			width: 20px;
			outline: none;
			line-height: 0px;
			font-size: 0px;
			color: transparent;
			padding: 5px;
			cursor: pointer;
			&:hover, &:focus {
				outline: none;
				&:before {
					opacity: $slick-opacity-on-hover;
				}
			}
			&:before {
				position: absolute;
				top: 0;
				left: 0;
				content: $slick-dot-character;
				width: 20px;
				height: 20px;
				font-family: $slick-font-family;
				font-size: $slick-dot-size;
				line-height: 20px;
				text-align: center;
				color: $slick-dot-color;
				opacity: $slick-opacity-not-active;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
		}
		&.slick-active button:before {
			color: $slick-dot-color-active;
			opacity: $slick-opacity-default;
		}
	}
}