/**
 * Theme Name: geek1
 * Theme URI: geek1
 * Description:geek1
 * Version: 1.0.0
 * Author: Julian
 * Author URI: geek1
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: genesis
**/
@font-face { 
font-family: montserrat; 
src: url(/wp-content/themes/startergeek/fonts/montserrat/Montserrat-Regular.woff2); 
font-style:normal;
	font-weight:400
}

@font-face { 
font-family: montserrat; 
src: url(/wp-content/themes/startergeek/fonts/montserrat/Montserrat-ExtraBold.woff2); 
font-style:normal;
	font-weight:800
}


@font-face { 
font-family: montserrat; 
src: url(/wp-content/themes/startergeek/fonts/montserrat/Montserrat-Black.woff2); 
font-style:normal;
	font-weight:900
}


html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body {background-color: #fff;color: #707070;font-family: "montserrat";font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;overflow-x: hidden;}
button,input:focus,input[type="button"],input[type="reset"],input[type="submit"],.button,.gallery img {transition: all 0.2s ease-in-out;border: 0;padding: 0.7em;font-size: 1rem;font-family: inherit; }
input[type="submit"],.button{cursor: pointer;}

button, input, select, textarea { font-size: 1rem;font-family: inherit;     line-height: 1.5;width:100%;padding: 0.7em;border:solid 1px #E5E5E5;box-sizing:border-box; background: #fff;}
textarea{max-height:169px}
a {color: #777;text-decoration: underline;	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;}
a:focus,a:hover {color: #333;text-decoration: none;}
p {	margin: 0 0 20px;	padding: 0;}
ol,ul {	margin: 0;	padding: 0;}
article ol, article ul{padding-left:20px;margin-bottom:20px}

li {list-style-type: none;}
article li {padding-left: 10px;list-style:initial}
hr {border: none;	border-collapse: collapse;	border-top: 1px solid #eee;	clear: both;	margin: 30px 0;}
b,strong {font-weight: 800;}
blockquote,cite,em,i {font-style: italic;}
mark {background: #ddd;	color: #333;}
blockquote {margin: 30px;}
h1 {font-family: "montserrat";	font-weight: 800;	line-height: 1.2;	margin: 0 0 20px;}
h2,h3, h4,h5,h6{font-family: "montserrat";	font-weight: 800;	line-height: 1.2;	margin: 0 0 20px;}
h1 {font-size: 30px;}
h2 {font-size: 27px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
.entry-content h3,.entry-content h4 {font-weight: 800;}
.entry-content h4 {	margin-top: 40px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
embed,iframe,img,object,video,.wp-caption {	max-width: 100%;}
img {height: auto;	vertical-align: top;}
figure {margin: 0;}
*, ::before, ::after{-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
/*-------- constantes*/
.site-inner{width:100%;margin:0 auto;}


article h2{color:#A873AB}
/*------------------------------------------------------------------------------------------------------------------------*/




#totalhead{margin-bottom:171px}






.totalhead{padding: 0;background: #fff;overflow-x: visible;overflow-y: visible;width: 100%;position: fixed !important;
top: 0px;bottom: auto;left: 0px;right: auto;z-index: 9999;display:flex;flex-direction:column}	







/*-------- general*/
a {color:#707070;text-decoration:none;font-weight:bold}

.site-container{max-width:100%;box-sizing:border-box}

/*logo*/
.site-header{background:#fff;}
.title-area img{padding:3% 0;max-width:100%;;margin:0 auto;display:block;max-width:90%}
.site-description{display:none}

/*menu*/

.mobmenu img{margin: 0 auto;	display: block;height:24px}
.mobmenu {  cursor: pointer; color:#fff;font-weight:bold;font-size:2em;padding: 10px; }
.active, .mobmenu:hover { background: #61A4B8;color:#fff}

#social-container{background:#00B3A0}
#social-container a{color:#fff}
#social-container img{margin:0 5px}
#social-container .telefono{min-width:210px;display:flex;justify-content:center;align-items:center;height: 63px;}
#social-container .redes{min-width:210px;display:flex;justify-content:center;align-items:center;height: 63px;}

.redes a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}
.formulariofull a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}
.telefono a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}

#menumobile{display:flex;background:#A873AB;align-items:center;justify-content:space-around;height:55px}

#menumobile a{color:#fff; font-size:5vw}

.site-header > .wrap{display:flex;flex-direction:column-reverse}


/*menu*/
.site-header{width:100%;position:relative;z-index:2 }
.site-header > .wrap{max-width:1200px;margin:0 auto;}


.nav-primary {    max-height: 0;    overflow: hidden;    transition: max-height .2s ease-out;}

.nav-primary wrap{position:relative}
.nav-primary ul{text-align:center;list-style:none;padding-left: 0; background:#fff;}
.nav-primary li, .nav-primary li a{color: #707070;padding: 1em .666em;text-decoration: none;font-size: 1em;font-weight: 800; text-transform:uppercase;font-weight:normal}
.nav-primary li:hover { background:#A873AB;color:#fff;overflow:hidden}
.nav-primary li:hover > a{color:#fff}
.nav-primary li ul {display:none;position:absolute;	min-width:140px;top:67px;background:#ed1f41}
.nav-primary li ul li, .nav-primary li ul li a{color:#fff}

/*slideshow*/
.featured-slides{margin:0 auto;background:#fff;position: relative;z-index: 1;right:0; left:0;}

.mySlides img {margin:0 auto;display: block;background:#fff}
/*.fadingslide{animation:fading 6s infinite}@keyframes fading{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}*/

.featured-image-class img{margin:0 auto;display:block}


  @keyframes anim {  0% {    display: none;    opacity: 0;  }  1% {    display: block;    opacity: 0;    transform: scale(1.2);  }    100% {    opacity: 1;    transform: scale(1);  }}

.featured-slides picture { animation: anim .8s ease-in-out; overflow:hidden}

.mySlides{overflow:hidden;position:relative;transition: opacity 0.8s ease-in-out;}

.featured-slides {
    position: relative;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.mySlides {
    width: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
	 z-index: 0; 
}

.mySlides.active {
    opacity: 1; z-index: 1; 
}

/* Todos los slides excepto el primero serán absolutos */
.mySlides:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}
#topicons{display:none}

	
.totalhead{display: flex;
    flex-direction: column-reverse;}
	

.bottonessliders {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  margin-top: -30px;    color: #fff;  font-weight: bold;  font-size: 20px;
  border-radius: 0 3px 3px 0;  user-select: none; z-index: 4;}	
	
/* Position the "next button" to the right */
.previous_btn {  position: absolute;  left: 1%;  border-radius: 3px 0 0 3px; width: 0;   height: 0;   border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-right: 18px solid #00B3A0;}
.next_btn {  position: absolute;  right: 1%;  border-radius: 3px 0 0 3px; width: 0;   height: 0;   border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-left: 18px solid #00B3A0;}

/* On hover, add a black background color with a little bit see-through */
.previous_btn:hover, .next_btn:hover {  background-color: rgba(0,0,0,0.8);  color: white;}	



#contslider{position:relative; overflow:hidden;height: 49vw}


#home-block1 .custom-html{position: absolute;padding:5px;box-sizing:border-box;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  left: 0;
  right: 0;
  text-align: center;max-width:855px;margin:0 auto}
#home-block1 .custom-html h2{text-transform:uppercase;font-size:32px}
#home-block1 .custom-html p{color:#fff;font-size:18px}

#home-block1 .custom-html a{display: flex;
  justify-content: center;
  max-width: 279px;
  height: 61px;
  background: #fff;
  border-radius: 16px;
  align-items: center;
  padding: 20px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: normal;
  color: #61A4B8;box-sizing: border-box;}
#home-block1 .custom-html a img{margin: 0;margin-left:10px;background:none !important}
#home-block1 .custom-html a:hover img{filter:brightness(0) invert(1)}
#home-block1 .custom-html a:hover{background:#61A4B8;color:#fff}




#serivicostitulo{margin:20px auto; color:#61A4B8;display:flex;justify-content: center;  text-transform: uppercase;  align-items: center;}
#serivicostitulo img{margin: 0 10px }
#serivicostitulo > div{text-align:center}
#serivicostitulo > div h2{font-size:30px;margin-bottom: 3px;}
#serivicostitulo > div p{font-size:20px;margin:0}

#servicios{max-width:1250px;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center}

#servicios > div{max-width: 275px;  display: flex;  flex-direction: column;  margin: 18px;  text-align: center;}
#servicios > div h4{text-transform:uppercase;margin:10px auto;margin-top:30px}
#servicios > div p{color:#AFAFAF}
#servicios > div  a{background:#61A4B8;color:#fff;border-radius:5px;width:111px;height:37px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-weight:normal}

#servicios > div  a:hover{background:#A873AB}



#especialidades{background:#A873AB;padding:10px;box-sizing:border-box;position: relative;margin-top: 100px;padding-bottom: 90px;}


#especialidades::before {
 content: '';
  position: absolute;
  top: -50px; /* Ajusta este valor para subir o bajar la curva */
  left: -7.5%; /* (100% - 115%) / 2 = -15% / 2 = -7.5% */
  width: 115%; /* El nuevo ancho del óvalo */
  height: 160px; /* La altura de tu óvalo, ajusta según qué tan 'pronunciada' quieras la curva */
  background: #A873AB;
  border-radius: 50% / 80px; /* El segundo valor (80px) controla la pronunciación de la curva */

z-index:-1
 
}



#especialidades::after {
 content: '';
  position: absolute;
  bottom: -50px; /* Ajusta este valor para subir o bajar la curva */
  left: -7.5%; /* (100% - 115%) / 2 = -15% / 2 = -7.5% */
  width: 115%; /* El nuevo ancho del óvalo */
  height: 120px; /* La altura de tu óvalo, ajusta según qué tan 'pronunciada' quieras la curva */
  background: #fff;
  border-radius: 50% / 80px; /* El segundo valor (80px) controla la pronunciación de la curva */

 
 
}






#especialidadestit{margin:20px auto; color:#fff;display:flex;justify-content: center;  text-transform: uppercase;  align-items: center;position: relative;  z-index: 1;}
#especialidadestit img{margin: 0 10px }
#especialidadestit > div{text-align:center}
#especialidadestit > div h2{font-size:26px;margin-bottom: 3px;}
#especialidadestit > div p{font-size:20px;margin:0}


#especialidadesint{max-width:1250px;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;color:#fff}

#especialidadesint > div{max-width: 275px;  display: flex;  flex-direction: column;  margin: 18px;  text-align: center;}
#especialidadesint > div h4{text-transform:uppercase;margin:10px auto;margin-top:30px}

#especialidadesint > div  a{background:#fff;color:#A873AB;border-radius:5px;width:111px;height:37px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-weight:normal}

#especialidadesint > div  a:hover{background:#61A4B8;color:#fff}


.mySlides picture img{width:100%}

/*image*/
.featuredpost article{overflow:hidden}
.featuredpost a img{transition: .75s ease;margin:0 auto;display:block;width:530px;max-width:100%;padding:10px;box-sizing:border-box}
.featuredpost a:hover img {	opacity: 1;	-webkit-animation: flash 1s;	animation: flash 1s; transform: scale(1.1)}

@-webkit-keyframes flash {	0% {		opacity: .4;	}	100% {		opacity: 1;	}}
@keyframes flash {	0% {		opacity: .4;	}	100% {		opacity: 1;	}}


#mapa{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}
#mapa img{max-width:250px;margin:10px}
/*pages*//*posts*//*archive category*/


.archive .content,.error404 article .entry-content, .single article .entry-content, .page article .entry-content{max-width:1200px;margin:0 auto;padding:1em;width:100%;box-sizing:border-box}

.entry-title{text-align:center;color:#61A4B8;font-size:30px;margin:10px auto;text-transform:uppercase}



#featured-post-2{ position: relative;
  z-index: 2;
  width: 1270px;
  margin: 0 auto;
  max-width: 100%;
  padding: 10px;
  box-sizing: border-box;}

#featured-post-2 article {
  display: grid;
  /* Define las columnas: la primera para la imagen (automática) y la segunda para el texto (1fr = ocupa el resto del espacio disponible) */
  grid-template-columns: auto 1fr;
  /* Espacio entre las columnas */
  grid-gap: 20px; /* Ajusta este valor para más o menos espacio */
  /* Alinea el contenido verticalmente al centro dentro de las celdas de la rejilla */
  align-items: center; 
  /* Asegura que no haya padding extra que rompa el layout de grid */
  padding: 0; 
  /* Opcional: Si el tema añade un margen inferior al artículo, puedes eliminarlo */
  margin-bottom: 0; 
}

/* Coloca la imagen en la primera columna */
#featured-post-2 article .alignnone {
  grid-column: 1; /* La imagen va en la primera columna */
  grid-row: 1;    /* Y en la primera fila */
  margin: 0;     /* Elimina cualquier margen predeterminado que pueda tener */
  padding: 0;    /* Elimina cualquier padding predeterminado */
  max-width: 100%; /* Asegura que la imagen sea responsiva */
  height: auto;
	grid-row-start: 1;
  grid-row-end: 3;
}

/* Coloca el header (título) y el contenido en la segunda columna */
#featured-post-2 article .entry-header {
  grid-column: 2; /* Estos elementos van en la segunda columna */
  grid-row: 1;    /* Y también en la primera fila */
  margin: 0;     /* Elimina márgenes para un control total */
  padding: 0;    /* Elimina padding */
	
}
#featured-post-2 article .entry-header h2{font-size:35px}
#featured-post-2 article .entry-content {
  grid-column: 2; /* Estos elementos van en la segunda columna */
  grid-row: 2;    /* Y también en la primera fila */
  margin: 0;     /* Elimina márgenes para un control total */
  padding: 0;    /* Elimina padding */
}

#featured-post-2 article .entry-content a{display:block}

/* Opcional: Asegura que el título del post dentro del widget no tenga márgenes que puedan desalinear */
#featured-post-2   article  .entry-header .entry-title {
  margin-top: 0;
  margin-bottom: 10px; /* Un poco de espacio debajo del título */
}

/* Opcional: Estilo para el botón "Leer Más" */
#featured-post-2   article  .leermas {
  display: inline-block;
  margin-top: 15px; /* Espacio arriba del botón */
  padding: 8px 15px;
  background-color: #A873AB; /* Color a juego con tu tema */
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
 
  width: 94px;
  margin-left: auto;
}

/* ==================================== */
/* Media Queries para Responsividad Móvil (aplicadas al widget específico) */
/* ==================================== */
@media (max-width: 768px) { /* Ajusta el breakpoint según necesites */
  #featured-post-2 article {
    grid-template-columns: 1fr; /* Una sola columna en dispositivos pequeños */
    grid-gap: 15px; /* Menos espacio en pantallas pequeñas */
  }

  /* Asegura que todos los elementos vuelvan a la primera columna en móvil */
  #featured-post-2 article .alignnone,
  #featured-post-2 article .entry-header,
  #featured-post-2 article .entry-content {
    grid-column: 1;
    grid-row: auto; /* Permite que el flujo normal de filas se reactive */
  }

  /* Centra la imagen en móvil si es necesario */
  #featured-post-2 article .alignnone {
    text-align: center; /* Centra el contenido inline/inline-block */
  }

  #featured-post-2 article .alignnone img {
    display: block; /* Para que margin: 0 auto funcione */
    margin: 0 auto; /* Centra la imagen misma */
  }
}



.footer-widgets:before {
  content: '';

  position: absolute;

  top: -50px;

  left: -7.5%;

  width: 115%;

  height: 160px;

  background:#F5F5F5;

  border-radius: 50% / 80px;

  z-index: -1;

}


.footer-widgets{background: #F5F5F5;     box-sizing: border-box;position: relative;margin-top:100px}
.footer-widgets-1{width:1374px;max-width:100%;padding:30px 10px;box-sizing:border-box;display:flex;flex-wrap:wrap;margin: 0 auto;justify-content: space-around;}
#text-2{max-width:100%;padding:10px;box-sizing:border-box;width:780px;text-align: center;}
#text-2 h2{font-size:37px}
.halfform{display:flex;justify-content:space-between}
.halfform > div{max-width:48%}

.wpcf7 form.invalid .wpcf7-response-output{background:#ffb900}
.wpcf7 form.sent .wpcf7-response-output {background:#46b450}

.wpcf7-submit{background: #A873AB;  width: 284px;  height: 61px;  margin-left: auto;  display: block;  color: #fff;  box-sizing: border-box;    text-transform: uppercase;border-radius:6px}

.wpcf7-submit:hover{background:#61A4B8}

.footer-widgets-2{background:#61A4B8;color:#fff;padding:30px 10px;box-sizing:border-box}
.footer-widgets-2 a{color:#fff}

#bottomcontact{width:1200px;max-width:100%;padding:10px;box-sizing:border-box;margin:0 auto;display:flex;  align-items: center;  justify-content: space-around;flex-wrap:wrap}

#bottomcontact > div{padding:20px 10px;box-sizing:border-box;padding:10px;box-sizing:border-box;}
#bottominfo > div{display:flex;align-items: center;}
#bottominfo > div img{margin:10px}
#bottominfo{padding:10px 20px;box-sizing:border-box; border-top:solid 1px #fff;border-bottom:solid 1px #fff}

#redesbottom{display:flex;flex-direction:column;align-items:center;justify-content:center}
#redesbottom > div img{margin:10px}

.footer-widgets-3 .bootomfooterinfo {
  background: #333;
  height: 65px;
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

 #hechopor {
  background-color: #191919;
  width: 248px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  position: relative;
}


.rowblack {
  align-items: center;
  background: #62A6B4;
  color: #fff;margin-top: 100px;position: relative;
}
.rowblackint {
  padding: 20px;
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.rowblackcontent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.rowblackcontent img {
  margin: 10px; display:block
}

.rowblackint h2 {
  text-align: center;
}




.rowblack:before {
  content: '';
  position: absolute;
  top: -50px;
  left: -7.5%;
  width: 115%;
  height: 160px;
  background: #62A6B4;
  border-radius: 50% / 80px;
  z-index: -1;
}




header{transition: all 0.5s ease-out}
header.sticky{position: fixed;top: 0;left: 0;right: 0;padding: 0;z-index:98;}	
/*full site*/
@media screen and (min-width: 1024px) {
	
	
	
  #totalhead {margin-bottom:213px}
	#totalhead{flex-direction:column}
	.totalhead{flex-direction:column;height:129px;justify-content: space-between;}
	
	#menumobile{display:none}
	
.previous_btn {    border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-right: 25px solid #00B3A0;}
.next_btn {  border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-left: 25px solid #00B3A0;}	
	
	/*header*/
.headerdeart .radial-progress{top:15%;right:10%}	
	.site-header{background: rgba(255,255,255,0.8)}
	.site-header>.wrap{display:flex;align-items: flex-end;justify-content:center;height:114px}
	.header-widget-area{max-width:75%;width:100%}
.whatscel{margin-left:1em}
	.headermail img{margin-top:5px}
	/*logo*/
	.title-area {margin:0;background:transparent;max-width:25%;display: flex;
    align-items: center;
    height: 114px;}

	/*menu*/
	.mobmenu{display:none}
	.nav-primary { max-height: 100%;overflow:visible }
	/*nav*/
	.nav-primary > ul{display:flex;flex-wrap:wrap;align-items: center;justify-content:space-around; }
	.nav-primary .wrap{display:flex;justify-content:space-around;align-items:center;height:112px}
	.nav-primary .wrap>ul{display:flex;flex-wrap:wrap;justify-content:space-around;align-items: center;position:relative;z-index:10;background: none; }
	
	
	
	
	.nav-primary .wrap>ul>li{display:inline-block;padding:0.7em 0.5em;}
	
				
	
				.nav-primary li:hover > ul {display:block;}
			
			.nav-primary li ul li {	position:relative;}
			
			.nav-primary li ul li ul {right:-140px;	top:0px;}
	
.site-header > .wrap{display:flex;flex-direction:row}
	
#topicons{background:#F8F8F8;display:flex;justify-content:center;align-items:center;height:101px;font-size:13px}
	
#topicons > div{background:#F8F8F8;display:flex;justify-content:center;margin-right:40px;align-items: center;}
	#topicons > div .icontop{width: 56px;height:56px; display:flex;align-items:center;justify-content:center;border:solid 1px #D3D3D3;margin-right:20px}
	
	
	
	
	#home-block1 .custom-html h2{text-transform:uppercase;font-size:40px}
	
	
	#serivicostitulo > div h2{font-size:45px; }
	#especialidadestit > div h2{font-size:45px}
	
	
	#bottominfo {padding:10px 7% !important; border:none; border-right:solid 1px #fff; border-left:solid 1px #fff}
	
.entry-title{ font-size:45px; }
	 #hechopor {
    margin-right: -10px;
  }
		  #hechopor::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 64px 21px;
    border-color: transparent transparent transparent #333;
    left: 0;
    bottom: 0;
  }
	
	
	
	
	
	rowblack {
    display: flex;
  }
	  .rowblackcontent {
    flex-wrap: nowrap;
  }
	
	
	
	@media screen and (min-width: 1920px) {	
	
	
	

	}

	
	
}


.radial-progress {
  float: left;
  margin: 25px;
  width: 120px;
  height: 120px;
  position: relative;
  background-color: #d7d7d7;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .radial-progress {
    width: 85px;
    height: 85px;
  }
}
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .radial-progress .circle .mask,
  .radial-progress .circle .fill,
  .radial-progress .circle .shadow {
    width: 85px;
    height: 85px;
  }
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
.radial-progress .circle .mask.reanimate,
.radial-progress .circle .fill.reanimate {
  transition: -webkit-transform 0s;
  transition: -ms-transform 0s;
  transition: transform 0s;
}
.radial-progress .circle .mask.reset,
.radial-progress .circle .fill.reset {
  -webkit-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.radial-progress .circle .mask {
  clip: rect(0px, 120px, 120px, 60px);
}
@media (max-width: 480px) {
  .radial-progress .circle .mask {
    clip: rect(0px, 85px, 85px, 42.5px);
  }
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 60px, 120px, 0px);
  background-color: #ed1f41;
}
@media (max-width: 480px) {
  .radial-progress .circle .mask .fill {
    clip: rect(0px, 42.5px, 85px, 0px);
  }
}
.radial-progress .inset {
  width: 100px !important;
  height: 100px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px !important;
  background-color: #fbfbfb;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
	display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
  .radial-progress .inset {
    width: 66px !important;
    height: 66px !important;
    margin: -33px 0 0 -33px !important;
    line-height: 90px;
  }
}
.radial-progress .little {
  font-size: 22px;
  color: #d7d7d7;
}
@media (max-width: 480px) {
  .radial-progress .little {
    font-size: 12px;
  }
}
.radial-progress .big {
  font-size: 37px;
}
@media (max-width: 480px) {
  .radial-progress .big {
    font-size: 27px;
  }
}

.radial-progress{position:absolute}


/*animaciones*/



.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

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

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}