@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

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

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

section {
	overflow: hidden !important;
}

div,
section,
header,
p,
ul,
li,
div {
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 500;
}

ul {
	list-style: none;
}

hr {
	padding: 0px;
	margin: 0px;
}

a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	cursor: pointer;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
	border: none;
}

.img-fluid {
	width: 100%;
	margin-bottom: 20px;
}

header {
	width: 100%;
	height: auto;
	background: #ffffff;
	margin: auto;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	align-items: center;
}

.logo-delegados {
	width: 100%;
	height: auto;
	padding: 5px 10px;
	text-align: center;
	position: fixed;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	background: #ffffff;
	z-index: 1;
}

.logo-delegadoss {
	width: 100%;
	height: auto;
	padding: 5px 10px;
	text-align: center;
	position: relative;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	background: #ffffff;
	z-index: 1;
}

.logo {
	width: 30%;
	height: auto;
	margin: 5px 0px 5px 40px;
	float: left;
}

.logo p {
	font-family: 'Quicksand', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #222F3E;
}

.nav {
	text-decoration: none;
}

.nav {
	width: 60%;
	max-width: 900px;
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	float: right;
	padding-top: 30px;
	padding-right: 20px;
}

.nav li {
	list-style: none;
}

.nav li a {
	text-decoration: none;
	color: #222F3E;
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Quicksand', sans-serif;
}

.nav li a:hover,
.nav li a.activo {
	color: #FF6B6B;
	background: none !important;
}

.nav li a.ingreso {
	background: #FF6B6B;
	border-radius: 5px;
	color: #ffffff;
}

.nav li a.ingreso:hover {
	background: #ee5253 !important;
	color: #ffffff;
	transform: scale(1.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.contenedor-slider {
	width: 100%;
	height: auto;
	margin: auto;
	position: relative;
	overflow: hidden;
}

.contenedor-slider img,
.item a img {
	width: 100% !important;
	max-width: 100%;
	display: block;
}

.img-50 {
	position: absolute;
	right: 2%;
	z-index: 9;
}

.img-50-b {
	position: fixed;
	right: 2%;
	top: 92px;
	z-index: 9;
}

.banner-mobile {
	display: none !important;
}

.carousel-indicators {
	bottom: 5px !important;
}

.carousel-indicators li {
	background-color: #576574;
	border: none;
}

.box-banner {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	padding: 20px;
	background: #1DD1A1;
	opacity: 0.9;
	margin-right: 5%;
}

.box-banner h4 {
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 40px;
	opacity: 1;
}

.box-banner p {
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 20px;
	opacity: 1;
}

.espacio {
	margin: 0px;
	padding: 40px 0px;
}

.espacio-bottom {
	margin-bottom: 40px;
}

.espacio-top {
	margin-top: 40px;
}

.flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flexboxx {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flexboxxx {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.flexboxxxx {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.cantidad {
	width: 30%;
	height: auto;
	padding: 20px;
	text-align: center;
}

.count-number {
	font-family: 'Quicksand', sans-serif;
	color: #222F3E;
	font-size: 50px;
	font-weight: 900;
}

.cantidad h3 {
	font-family: 'Quicksand', sans-serif;
	color: #576574;
	font-size: 20px;
	font-weight: 700;
}

.bordes {
	border-left: 2px solid #222F3E;
	border-right: 2px solid #222F3E;
}

.cards-pilares {
	width: 20%;
	height: auto;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	padding-top: 20px;
	margin: 2%;
	border-radius: 5px;
	overflow: hidden;
}

.cards-pilares img {
	margin: auto;
}

.cards-pilares h2 {
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0px;
}

.title-color1 {
	color: #54a0ff;
}

.title-color2 {
	color: #ff9f43;
}

.title-color3 {
	color: #1dd1a1;
}

.title-color4 {
	color: #ee5253;
}

.card-txt {
	widows: 100%;
	height: 230px;
}

.cards-pilares p {
	font-family: 'Quicksand', sans-serif;
	color: #576574;
	font-size: 15px;
	font-weight: 500;
	text-align: left;
	padding: 0px 10px;
}

.cards-pilares ul {
	padding: 0px 10px;
}

.cards-pilares li {
	padding-left: 1.3em;
	margin-bottom: 5px;
	font-family: 'Quicksand', sans-serif;
	color: #576574;
	font-size: 15px;
	font-weight: 400;
	text-align: left
}

.cards-pilares li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
	font-size: 12px;
	color: #FF6B6B;
}

.btn-mas-info {
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	display: block;
	padding: 10px 2px;
	margin-top: 20px;
}

.btn-reserva-hora {
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	display: block;
	padding: 10px 2px;
	background: #FB9238;
}

.btn-reserva-hora:hover {
	color: #ffffff;
	background: #F48A3B;
}

.color1 {
	background: #54a0ff;
}

.color2 {
	background: #ff9f43;
}

.color3 {
	background: #1dd1a1 !important;
}

.color4 {
	background: #ee5253;
}

.btn-accion {
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	background: #FF6B6B;
	display: inline-block;
	padding: 5px 5px;
	margin-top: 10px;
	border-radius: 5px;
	width:
}

.btn-accion:hover,
.btn-mas-info:hover,
.btn-info:hover,
.btn-pdf:hover {
	color: #ffffff;
}

.btn-pdf {
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	background: #48b122;
	display: inline-block;
	padding: 5px 30px;
	margin-top: 10px;
	border-radius: 5px;
	cursor: pointer
}

.box-slider {
	width: 100%;
	height: 500px;
	position: relative;
	background: #222F3E;
	overflow: hidden;
}

.box-slider img {
	width: 1920px;
}

.box-accion {
	position: absolute;
	width: 100%;
	max-width: 450px;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	padding: 10px;
	font-family: 'Quicksand', sans-serif;
}

.box-accion h1 {
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 40px;
	font-weight: 700;
	text-align: left;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.btn-info {
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	background: #1DD1A1;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 5px;
	text-transform: uppercase;
}

.box-accion ul {
	margin-top: 20px;
}

.box-accion li {
	padding-left: 1.3em;
	margin-bottom: 10px;
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	text-align: left
}

.box-accion li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f058";
	display: inline-block;
	margin-left: -2.8em;
	width: 3em;
	font-size: 7px;
	color: #ffffff;
}

.box-title {
	width: 30%;
	height: auto;
	float: left;
}

.box-title h5 {
	width: 30%;
	font-family: 'Quicksand', sans-serif;
	color: #222F3E;
	font-size: 7em;
	font-weight: 700;
	text-align: left;
	margin: 0px;
	line-height: 1em;
}

.box-title p {
	font-family: 'Quicksand', sans-serif;
	color: #ff6b6b;
	font-size: 1.4em;
	text-align: left;
	margin: 0px;
	line-height: 1em;
}

.box-documentacion {
	width: 70%;
	height: auto;
	float: right;
}

.box1 {
	width: 30%;
	height: auto;
	padding: 10px;
	margin: 1%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	background: #ffffff;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.box1:hover {
	transform: scale(1.2);
}

.box1 a {
	display: flex;
	align-items: center;
}

.box1 p {
	font-family: 'Quicksand', sans-serif;
	color: #222F3E;
	font-size: 15px;
	padding-left: 10px;
}

.box2 {
	width: 62%;
	height: auto;
	padding: 10px;
	margin: 1%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
}

.box2 p {
	font-family: 'Quicksand', sans-serif;
	color: #222F3E;
	font-size: 15px;
	padding-left: 10px;
}

.titulos {
	font-family: 'Quicksand', sans-serif;
	color: #222F3E;
	font-size: 25px;
	text-transform: uppercase;
	padding-bottom: 30px;
	text-align: center;
}

.tituloss {
	font-family: 'Quicksand', sans-serif;
	color: #222F3E;
	font-size: 25px;
	text-transform: uppercase;
	padding-bottom: 10px;
	text-align: center;
}

.card-noticias {
	width: 30%;
	height: auto;
	margin: 1%;
	background: #ffffff;
	text-align: center;
}

.card-noticias img {
	width: 100%;
}

.title-news {
	font-family: 'Quicksand', sans-serif;
	color: #222F3E;
	font-size: 20px;
	padding-left: 10px;
	padding: 20px 10px;
	font-weight: 900;
	text-align: left;
}

.txt-news {
	font-family: 'Quicksand', sans-serif;
	color: #222F3E;
	font-size: 15px;
	padding-left: 10px;
	padding: 0px 10px;
	text-align: left;
}

.btn-news {
	display: inline-block;
	font-family: 'Quicksand', sans-serif;
	padding: 10px 30px;
	background: #48b122;
	color: #ffffff;
	margin: 20px 10px;
	border-radius: 5px;
	text-transform: capitalize;
	font-weight: 600;
}

.btn-news:hover {
	color: #ffffff;
}

.img-noticia {
	position: relative;
	background: #333333;
	margin-bottom: 30px;
}

.img-noticia img {
	opacity: 0.5;
	margin: 0;
}

.img-noticia p {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #ffffff;
	font-weight: 700;
	font-family: 'Quicksand', sans-serif;
	font-size: 25px;

}

.align {
	text-align: center !important;
}

footer {
	background: #3aaf10;
	padding: 40px 0px 0px 0px;
}

.txt-footer {
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
	color: #ffffff;
	padding-bottom: 30px;
	text-transform: uppercase;
}

.txt-direccion {
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	color: #ffffff;
	padding-bottom: 20px;
	height: 110px;
	line-height: 25px;
}

.txt-direccion img {
	width: 12px;
}

.btn-footer {
	display: inline-block;
	padding: 10px;
	border: solid 2px #ffffff;
	font-family: 'Quicksand', sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 5px 5px 5px 0px;
	font-weight: 600;
	letter-spacing: 2px;
}

.btn-footer:hover {
	background: #2E86DE;
	color: #ffffff;
	border: solid 2px #ffffff;
}

.legal {
	background: #297f0a;
	padding: 10px 0px;
	margin-top: 30px;
	color: #ffffff;
}

.txt-legal {
	text-align: right;
	font-family: 'Quicksand', sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: right;
	padding-top: 2%;
}

.txt-legal a {
	color: #ffffff;
}

.btn-rrss {
	color: #ffffff;
}

.btn-rrss:hover {
	color: #ffffff;
}

.box-directorio {
	width: 100%;
	max-width: 200px;
	height: auto;
	text-align: center;
	margin: 15px;
}

.box-directorio img {
	width: 150px;
	height: 150px;
	border-radius: 100px;
	margin-bottom: 30px;
	border: solid 2px #ffffff;
}

.box-directorio h3 {
	font-size: 15px;
}

.box-directorio2 {
	width: 100%;
	max-width: 150px;
	height: auto;
	text-align: center;
	margin: 15px;
}

.box-directorio2 img {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	margin-bottom: 30px;
	border: solid 2px #ffffff;
}

.box-directorio2 h3 {
	font-size: 15px;
}

.contenedor-ingreso {
	width: 100%;
	height: 100vh;
	background: #eaeaea;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../images/bg-login.jpg);
	background-size: cover;
}

.box-ingreso {
	width: 100%;
	max-width: 500px;
	padding: 10px;
}

form input {
	margin: 10px 0px;
}

form label {
	color: #333333;
	margin: 0px;
}

.btn-form {
	display: inline-block;
	background: #48b122;
	color: #ffffff;
	padding: 10px;
	margin: 10px 0px;
	border-radius: 5px;
	font-weight: 700;
	border: none;
}

.btn-form:hover {
	color: #ffffff;
	font-weight: 700;
}

.olvido-clave {
	display: inline-block;
	margin: 10px;
	font-weight: 700;
	color: #ff9f43;
	font-size: 12px;
}

.olvido-clave:hover {
	color: #feca57;
}

.user {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background: #1dd1a1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px;
	border: solid 5px #ffffff;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
}

.user i {
	color: #ffffff;
	font-size: 50px;
}

.nombre {
	color: #333333;
	padding: 10px;
}

.nombre a {
	font-size: 12px;
	color: #ffffff;
	display: inline-block;
	padding: 5px 20px;
	background: #ee5253;
	border-radius: 5px;
}

.nombre a:hover {
	color: #ffffff;
	background: #ff6b6b;
	border-radius: 10px;
}

.cards-pilares2 {
	width: 20%;
	height: auto;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	padding-top: 20px;
	margin: 2%;
	border-radius: 5px;
	overflow: hidden;
}

.cards-pilares2 a {
	display: block;
}

.cards-pilares2 img {
	margin: auto;
	width: 50%;
}

.cards-pilares2 h2 {
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0px;
}

.well {
	background: none !important;
	border: none !important;
}

.calendario {
	width: 20%;
	height: auto;
	background: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	margin: 1%;
}

.fecha {
	width: 100%;
	height: auto;
	padding: 10px;
	background: #ff9f43;
}

.fecha p {
	font-weight: 700;
	color: #ffffff;
	font-size: 30px;
}

.tema {
	width: 100%;
	padding: 10px 5px;
}

.tema p {
	font-size: 20px;
	color: #576574;
	font-weight: 700;
}

.lugar,
.hora {
	padding: 10px;
}

.lugar p,
.hora p {
	font-size: 15px;
	color: #333333;
	font-weight: 400;

}

.box-servicios {
	width: 15%;
	padding: 10px;
	border-radius: 10px;
	margin: 5px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.box-servicios a {
	color: #ffffff;
	font-size: 13px;
	font-family: 'Quicksand', sans-serif;
	display: block;
}

.box-servicios a img {
	width: 50%;
	margin-bottom: 10px;
}

.box-servicios:hover {
	transform: scale(1.2);
}

.card-beneficios {
	width: 23%;
	height: auto;
	margin: 1%;
	background: #ffffff;
	text-align: center;
	padding-bottom: 10px;
	position: relative;
}

.card-beneficios .title-news {
	margin-top: 20px;
}

.icon-bene {
	width: 50px;
	height: 50px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #ffffff;
	border-radius: 100px;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 50%;
	top: -25px;
	transform: translateX(-50%)
}

.icon-bene i {
	color: #2e86de;
	font-size: 20px;
}

.card-beneficioss {
	width: 31%;
	height: auto;
	margin: 1%;
	background: #ffffff;
	text-align: center;
	padding-bottom: 10px;
	position: relative;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.card-beneficioss .title-news {
	margin-top: 20px;
}

.card-beneficioss .icon-bene i {
	color: #ff9f43;
	font-size: 20px;
}

.gallery-img {
	width: 25%
}

.box-recre {
	width: 100%;
	height: auto;
	text-align: left;
	margin: 10px 0px;
}

.box-recre img {
	width: 20px;
	height: 20px;
	border-radius: 100px;
	float: left;
	margin-right: 10px;
}

.box-recre h3 {
	font-size: 13px;
}

.box-instituto {
	width: 100%;
	max-width: 150px;
	height: auto;
	text-align: center;
	margin: 15px;
}

.box-instituto img {
	width: 100%;
	margin-bottom: 30px;
}

.box-instituto h3 {
	font-size: 13px;
}

.img-pilar {
	width: 45%;
	margin: 1%;
	text-align: center;
}

.txt-pilar {
	width: 45%;
	padding: 10px;
	margin: 1%;
}

.txt-pilar ul {
	list-style: none;
	padding: 0;
	margin: 10px 10px;
}

.txt-pilar ul li {
	padding-left: 1.3em;
	padding-bottom: 0.5em;
}

.txt-pilar ul li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
}

.list-socios {
	list-style: none;
	padding: 0;
	margin: 0px 10px;
	text-align: left;
}

.list-socios li {
	padding-left: 1.3em;
	padding-bottom: 1em;
}

.list-socios li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
}

.list-number {
	padding-left: 30px;
}

.list-number li {
	padding-bottom: 1em;
	font-weight: 700;
}

@media (max-width: 1200px) {
	.box-title h5 {
		font-size: 5em;
	}

	.box-slider img {
		opacity: 0.5;
	}
}

@media (max-width: 970px) {
	.cards-pilares {
		width: 45%;
		margin: 2%;
	}

	.card-txt {
		height: 200px;
	}

	.box-accion {
		right: 0%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.box-title {
		width: 100%;
		margin-left: 20px;
		margin-bottom: 30px;
	}

	.box-documentacion {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 900px) {
	.logo {
		width: 70%;
		top: 40px;
		left: 40px;
		animation: fade-in 0.5s ease-in forwards;
		animation-delay: 0s;
	}

	.menuicon {
		position: absolute;
		top: 40px;
		right: 40px;
		width: 30px;
		height: 30px;
		display: block;
		background: url(../images/menu.svg) no-repeat;
		background-size: 30px;
		cursor: pointer;
		z-index: 999999999;
	}

	.menuicon.active {
		width: 30px;
		height: 30px;
		display: block;
		background: url(../images/close.svg) no-repeat;
		background-size: 30px;
		cursor: pointer;
		z-index: 1000;
	}

	.nav {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.nav {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: rgba(225, 225, 225, .95);
		flex-direction: column;
		z-index: 111;
		border: none;
		padding: 0px;
		margin: 0px;
		transition: 500ms;
	}

	.nav.active {
		left: 0;
		transition: 500ms;
	}

	.nav li {
		margin: 10px 0;
	}

	.nav li a {
		margin-right: 0;
		font-size: 15px;
	}

	.box1 {
		width: 48%;
	}

	.box2 {
		width: 98%;
	}

}

@media (max-width: 750px) {
	.count-number {
		font-size: 30px;
	}

	.cantidad h3 {
		font-size: 15px;
	}

	.txt-direccion {
		padding-top: 20px;
		height: auto;
	}

	.btn-rrss {
		display: block;
		text-align: center;
	}

	.txt-legal {
		text-align: center !important;
	}
}

@media (max-width: 600px) {

	.banner-desktop {
		display: none !important;
	}

	.banner-mobile {
		display: block !important;
	}

	.img-50 img,
	.img-50-b img {
		width: 80px !important;
	}

	.card-noticias,
	.card-beneficios,
	.card-beneficioss,
	.img-pilar,
	.txt-pilar {
		width: 100%;
	}

	.img-pilar .img-fluid {
		width: 70%;
	}

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

	.card-beneficios,
	.card-beneficioss {
		margin: 3% 1%;
	}

	.cards-pilares2 {
		width: 100%;
		padding: 10px;
	}

	.cards-pilares2 a {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.cards-pilares2 h2 {
		padding: 10px;
		margin: 0px;
	}

	.cards-pilares2 img {
		width: 50px;
		margin: 0;
	}

	.calendario {
		width: 45%;
	}

	.box-servicios {
		width: 30%;
	}
}

@media (max-width: 450px) {
	.cantidad {
		width: 80%;
	}

	.bordes {
		border-left: none;
		border-right: none;
		border-top: 2px solid #222F3E;
		border-bottom: 2px solid #222F3E;
	}

	.cards-pilares {
		width: 90%;
	}

	.card-txt {
		height: auto;
	}

	.box-accion h1 {
		font-size: 30px;
	}

	.logo {
		margin: 5px 0px 5px 10px;
	}

	.box-servicios {
		width: 33%;
	}

	.gallery-img {
		width: 50%
	}
}

@media (max-width: 375px) {
	.box1 {
		width: 100%;
	}

	.box2 {
		width: 100%;
	}

	.box-servicios {
		width: 45%;
	}
}

/* Modal */
.alertable {
  position: fixed;
  z-index: 9999;
  top: 38vh;
  left: calc(50% - 150px);
  width: 320px;
  background: white;
  border-radius: 4px;
  padding: 20px;
  margin: 0 auto;
}

/* Overlay */
.alertable-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
}

/* Message */
.alertable-message {
  margin-bottom: 20px;
}

/* Prompt */
.alertable-prompt {
  margin-bottom: 20px;
}

.alertable-input {
  width: 100%;
  border-radius: 4px;
  box-shadow: none;
  border: solid 1px #ccc;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding: 6px 12px;
  display: block;
  box-sizing: border-box;
  margin-bottom: 10px;
}

/* Button group */
.alertable-buttons {
  text-align: right;
}

/* OK button */
.alertable-ok {
  /*background: #09d;*/
  background: #00d2d3;
  border: solid 1px #00d2d3;
  font-family: inherit;
  font-size: inherit;
  color: white;
  border-radius: 4px;
  padding: 6px 12px;
  margin-left: 4px;
  cursor: pointer;
}

.alertable-ok:hover,
/*.alertable-ok:focus,*/
.alertable-ok:active {
  background-color: #01a3a4;
  border: solid 1px #01a3a4;
}

/* Cancel button */
.alertable-cancel {
  border: solid 1px #ddd;
  background: white;
  font-family: inherit;
  font-size: inherit;
  color: #888;
  border-radius: 4px;
  padding: 6px 12px;
  margin-left: 4px;
  cursor: pointer;
}

.alertable-cancel:hover,
.alertable-cancel:focus,
.alertable-cancel:active {
  background-color: #f2f2f2;
}