@charset "UTF-8";

body {
	overflow-x: hidden;
}

.navbar-fixed {
	z-index: 2 !important;
}

	nav {
		border-bottom: 2px solid #6b17e9;
		height: 100px !important;
	}
		.nav-wrapper {
			background: #6b17e9;
		}
			.noticias, .clientes {
				background: #EC982F !important;
				position: absolute !important;
				left: 65px;
				margin: auto;
				right: 0;
				top: 100px;
				transition: all 0.5s;
			}
				.noticias:hover, .clientes:hover {
					box-shadow: 0px 0px 10px #EC982F !important;
					text-shadow: 1px 1px 3px #555;
				}
			.noticias i, .clientes i {
				transform: translateY(-13px);
			}
				.noticias:hover i, .clientes:hover i {
					transform: translateY(-13px) rotate(360deg);
				}
			.noticias {
				border-radius: 0px 0px 0px 10px !important;
				transform: translateX(-167px);
			}
			.clientes {
				border-radius: 0px 0px 10px 0px !important;
				transform: translateX(176px);
			}
			.brand-logo {
				background: white;
				border: 2px solid #6b17e9;
				border-top: 0;
				border-radius: 0px 0px 10px 10px;
				box-shadow: 0px 0px 15px white;
				height: 165px;
				padding: 10px !important;
				padding-bottom: 0px !important;
				width: 200px;
			}
				.brand-logo img:nth-child(1) {
					left: 0;
					margin: auto;
					right: 0;
					position: absolute;
					top: 25px;
					z-index: 1;
				}
				.brand-logo img:nth-child(2) {
					left: 0;
					margin: auto;
					margin-top: 8px;
					right: 0;
					position: absolute;
					animation-name: logo_flor;
					animation-duration: 15s;
					animation-iteration-count: infinite;
					animation-timing-function: linear;
				}
				/*.brand-logo:hover img:nth-child(2) {
					animation-name: logo_flor;
					animation-duration: 10s;
					animation-iteration-count: infinite;
					animation-timing-function: linear;
				}*/
					@keyframes logo_flor {
						0% {
							transform: rotate(0deg);
						}
						50% {
							transform: rotate(180deg);
						}
						100% {
							transform: rotate(360deg);
						}
					}
			#nav-mobile .waves-effect, #nav-mobile_b .waves-effect {
				padding-bottom: 18px;
				padding-top: 18px;
				vertical-align: baseline !important;
			}
				#nav-mobile .waves-effect .borde, #nav-mobile_b .waves-effect .borde {
					background: white;
					bottom: 0;
					height: 0px;
					left: 0;
					position: absolute;
					width: 100%;
					transition: all 0.2s;
				}
					#nav-mobile .waves-effect:hover .borde, #nav-mobile_b .waves-effect:hover .borde {
						height: 5px;
					}
.sidenav li:nth-child(1):not(.collapsible-item-sidenav, .collapsible-wrapper-sidenav), {
	border: 0;
	margin-bottom: 44px;
}
	.sidenav li:nth-child(1) i, .sidenav li:nth-child(1) i:not(.collapsible-item-sidenav, .collapsible-wrapper-sidenav), {
		background: #6b17e9;
		border-radius: 0px 0px 0px 10px;
		color: white;
		padding: 10px;
}
.sidenav li:not(.collapsible-wrapper-sidenav) {
	border-bottom: 1px dashed #6b17e9;
}
	.sidenav li a, .sidenav li a i {
		color: #6b17e9 !important;
	}
.ingreso_asociados_sidenav {
	border-bottom: 1px dashed #EC982F !important;
}
	.ingreso_asociados_sidenav, .ingreso_asociados_sidenav i {
		color: #EC982F !important;
	}
.sidenav-trigger {
	background: white;
	border: 2px solid white;
	border-radius: 5px;
	box-shadow: 0px 0px 5px white;
	color: #6b17e9;
	left: 50px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	position: fixed;
	top: 35px;
	z-index: 2;
}
.pop-up-wrapper video, .pop-up-wrapper img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: calc(100% - 46px);
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.carousel-main {
	height: 600px;
    margin-top: 36px;
	max-height: 600px;
}
	.carousel-main .carousel-item {
		min-height: 600px !important;
	}
	.carousel-main .carousel-item img {
		height: 600px;
		max-height: 600px;
	}
	.carousel-main .carousel-item video {
		height: 100%;
		width: 100%;
	}
.ruta {
	margin-bottom: 40px;
}
	.ruta a {
		background: #300A69;
		border: 1px solid #300A69;
		border-radius: 10px;
		color: white;
		padding: 7px;
		padding-left: 13px;
		padding-right: 13px;
	}
		.ruta a:hover {
			background: white;
			box-shadow: 0px 0px 5px #300A69;
			color: #300A69;
			animation-name: rebote;
			animation-duration: 0.5s;
			animation-iteration-count: 1;
		}
			@keyframes rebote {
				0% {
					transform: scale(1);
				}
				30% {
					transform: scale(1.2);
				}
				50% {
					transform: scale(1);
				}
				70% {
					transform: scale(1.1);
				}
				100% {
					transform: scale(1);
				}
			}
	.ruta i {
		color: #300A69;
		transform: translateY(7px);
	}
.items {
	margin-top: 40px;
}
	.items div .item {
		border-radius: 30px;
		color: white;
		margin-top: 40px;
		padding: 20px;
		transition: all 0.2s;
	}
		@keyframes item_hover {
			0% {
				transform: scale(1);
			}
			50% {
				transform: scale(1.08);
			}
			100% {
				transform: scale(1);
			}
		}
		.item-1, .item-5 {
			background: #eb4435 !important;
		}			
		.item-2, .item-6 {
			background: #0db9e8 !important;
		}
		.item-3, .item-7 {
			background: #ffb040 !important;
		}
		.item-4, .item-8 {
			background: #a120fe !important;
		}
			.items div .item:hover {
				border-radius: 10px;
				box-shadow: 0px 3px 5px #999;
				animation-name: item_hover;
				animation-iteration-count: 1;
				animation-duration: 0.3s;
			}
			.item .titulo {
				text-align: center;
			}
				.item .titulo i {
					transform: scale(1.5);
				}
			.item .divisor {
				background: white;
				border-radius: 5px;
				height: 3px;
			}
.mensaje {
	margin-top: 40px;
}
	.mensaje div {
		color: #6b17e9;
		text-align: center;
	}
.footer {
	background: #6b17e9;
	margin-bottom: 0 !important;
	margin-top: 40px;
	padding-bottom: 40px !important;
	padding-top: 40px !important;
}
	.footer div {
		color: white;
	}
	.footer div:nth-child(1) {
		text-align: center;
	}
		.footer div:nth-child(1) div {
			background: white;
			border-radius: 10px;
			height: 188px;
			margin: auto;
			padding-top: 0px;
			width: 264px;
		}
			.footer div:nth-child(1) div img {
				max-width: 100%;
			}
	.footer .menu {
		border-left: 2px dashed white;
		border-right: 2px dashed white;
		min-height: 188px !important;
		max-height: 188px !important;
	}
		.footer .menu a {
			background: #6b17e9;
			color: white;
			text-align: center;
			text-decoration: underline;
		}
			.footer .menu a:hover {
				background: white;
				color: #6b17e9;
				text-decoration: none;
			}
	.footer .contacto {
		min-height: 188px !important;
		max-height: 188px !important;
	}
	.footer div:nth-child(3) div {
		padding-bottom: 5px;
		padding-top: 5px;
	}
.marca {
	background: #300A69;
	margin-bottom: 0 !important;
	padding-bottom: 15px;
	padding-top: 15px;
}
	.marca div {
		color: white;
		text-align: center;
	}
		.marca div i {
			transform: translateY(5px);
		}
		.marca div a {
			color: white;
			font-style: italic;
			text-decoration: underline;
		}
.btn-redes {
	background: #EA3AD0 !important;
}
	.btn-facebook {
		background: #3358A1 !important;
	}
	.btn-instagram {
		background: linear-gradient(to top, #F3CA60, #F32E7E) !important;
	}
	.btn-youtube {
		background: #F70000 !important;
	}
	.btn-whatsapp {
		background: #1bd742 !important;
	}
/* Modales */

.titulo_modal {
	border-radius: 0px 0px 10px 10px;
	color: white;
	left: 0;
	padding-top: 10px !important;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.titulo_modal_v2 {
	background: #6b17e9;
	border-radius: 0px 0px 10px 10px;
	color: #FFF;
	left: 0 !important;
	position: fixed;
	top: 0;
	z-index: 2;
}
	.titulo_modal_v2 h6 {
		padding-bottom: 5px;
		text-transform: uppercase;
	}
.carousel-convenios {
	height: 425px;
    margin-top: 36px;
	max-height: 425px;
}
	.carousel-convenios .carousel-item {
		min-height: 425px !important;
	}
	.carousel-convenios .carousel-item img {
		height: 425px;
		max-height: 425px;
	}
	.carousel-convenios .carousel-item video {
		height: 100%;
		width: 100%;
	}
.btn_accion_modal {
	background: #0DB9E8 !important;
}
.btn-retroceder-convenio {
	margin-right: 10px !important;
}
.btn_cerrar_modal {
	background: #f44336 !important;
	border: 1px solid #f44336 !important;
}
	.btn_cerrar_modal i {
		transition: all 0.5s;
	}
		.btn_cerrar_modal:hover i {
			transform: rotate(360deg);
		}
	.btn_cerrar_modal:hover {
		background: white !important;
		color: #f44336;
	}
.btn_cerrar_modal_alterno {
	background: #ef9a9a !important;
	border: 1px solid #ef9a9a !important;
}
	.btn_cerrar_modal_alterno i {
		transition: all 0.5s;
	}
		.btn_cerrar_modal_alterno:hover i {
			transform: rotate(360deg);
		}
	.btn_cerrar_modal_alterno:hover {
		background: white !important;
		color: #ef9a9a;
	}
		
/* Start Media Queries */

	@media (max-width: 600px) {
		nav {
			height: 75px !important;
		}
			.brand-logo {
				height: 115px;
				padding: 10px !important;
				padding-bottom: 0px !important;
				width: 178px;
			}
				.brand-logo img:nth-child(1) {
					height: auto;
					top: 15px;
					width: 144px;
				}
				.brand-logo img:nth-child(2) {
					width: 42.5px;
				}
		.sidenav-trigger {
			left: 25px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 5px;
			top: 20px;
		}
		.carousel {
		    margin-top: 19px;
		}
		.items .item {
			margin-top: 20px;
		}
		.mensaje h3 {
			font-size: 2em;
		}
		.footer div:nth-child(1) div {
			height: 118px;
			padding-top: 30px;
			width: 224px;
		}
			.footer div:nth-child(1) div img {
				height: 98px;
				margin-top: -20px;
			}
		.footer .menu {
			border: 0 !important;
			border-bottom: 2px dashed white !important;
			margin-bottom: 10px;
			margin-top: 20px;
		}
	}

	@media (max-width: 375px) {
		.sidenav-trigger {
			left: 15px;
		}
	}
	@media (max-width: 320px) {
		.brand-logo {
			height: 115px;
			padding: 10px !important;
			padding-bottom: 0px !important;
			width: 178px;
		}
			.brand-logo img:nth-child(1) {
				height: auto;
				top: 10px;
				width: 144px;
			}
			.brand-logo img:nth-child(2) {
				width: 34.5px;
			}
		.sidenav-trigger {
			left: 10px;
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
		}
		.footer div:nth-child(1) div {
			height: 98px;
			padding-top: 30px;
			width: 198px;
		}
			.footer div:nth-child(1) div img {
				height: 75px;
				margin-top: -20px;
			}
	}

	/* Tablets */

	@media (max-width: 992px) {
		.items .item {
			margin-top: 20px;
			transform: scale(0.9);
		}
		.footer .menu {
			border: 0;
			border-right: 2px dashed white;
			margin-bottom: 10px;
			margin-top: 40px;
		}
		.footer .contacto {
			margin-top: 40px;
		}
	}

	/* Adicionales */

	@media (min-width: 993px) and (max-width: 1107px) {
		.brand-logo {
			height: 125px;
			padding: 10px !important;
			padding-bottom: 0px !important;
			width: 218px;
		}
			.brand-logo img:nth-child(1) {
				height: auto;
				top: 20px;
				width: 164px;
			}
			.brand-logo img:nth-child(2) {
				width: 54.5px;
			}
		.noticias {
			transform: translateX(-177px);
		}
		.clientes {
			transform: translateX(185px);
		}
	}

/* End Media Queries */