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


/** {
	font-family: "sauna-new",sans-serif;
}*/
@font-face {
    font-family: 'omnesregular';
    src: url('omnes_regular-webfont.woff2') format('woff2'),
         url('omnes_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'omnesmedium';
    src: url('omnes_medium-webfont.woff2') format('woff2'),
         url('omnes_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'omnesbold';
    src: url('omnes_bold-webfont.woff2') format('woff2'),
         url('omnes_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	padding:0 !important;
}

.ancho-maximo {
	max-width:1440px;
	width:100%;
	margin:0 auto;
	padding:0;
}

header.header {
	background-color:#1e1e61;
	border-bottom: 3px solid #fff;
}
footer.footer {
	background-color:#060E52;
}
footer.footer .ancho-maximo {
	padding:30px 70px;
}
footer.footer h5 {
	color:#fff;
	margin:5px 0 0px;
}
footer.footer p {
	color:#fff;
	font-size: 17px;
	line-height: 20px;
}
footer.footer p a {
	color:#fff;
}
footer.footer img.logo {
	margin-bottom:30px;
    margin-top: 10px;
}
footer.footer .col-md-3 {
	float:left;
}
footer.footer h4 {
	color:#FFF;
	background-image: url(../images/bg-titulo-footer.png) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
	padding-bottom:15px;
	font-weight: 600;
	font-size:27px;
	margin-bottom: 18px;
}
.loading {
	background-image: url(../images/loading.gif) !important;
	background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 35px;
}
footer.footer a.btn {
	color:#FFF;
	border:1px solid #FFF;
    margin: 20px 0 0 0;
    width: 97%;
    font-size: 18px;
    border-radius: 20px;
}
footer.footer a.btn:hover {
    background-color: #051b98;
}
footer.footer a.btn span {
	font-weight:600;
}
footer.footer .clear {
	margin-bottom:10px;
}
.navbar-nav a.nav-link {
    font-size: 17.5px;
    font-weight: 400;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	font-weight: 600;
}
/*.navbar-nav {
    margin: 0 auto;
}*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #050D9E;
	/*
	background-image: url(../images/bg-nav-active.png) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
	*/
}
.navbar-nav a.nav-link {
    font-size: 20px;
    font-weight: 400;
    color: #fff !important;
	font-family: 'omnesmedium';
}
.footer-final {
	background-color:#050D9E;
	padding:15px 10px;
}
.footer-final .col-md-9, .footer-final .col-md-3 {
	float:left;
	
}
.footer-final nav a {
	float:left;
	color:#FFF;
	padding: 0px 15px;
    font-size: 18px;
    text-transform: uppercase;
	font-weight: 400 !important;
}
.footer-final nav a.active {
	background-image: url(../images/bg-nav-footer.png) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}
.footer-final .ancho-maximo {
	max-width:1320px;
}
.footer-final .pcd {
	float:right;
	color:#FFF;
}
.footer-final .pcd a {
	color:#FFF;
}
.footer-final .pcd a span {
	text-decoration:underline;
}
.footer-final a:hover {
	text-decoration:none;
}
.view-mobile {
	display:none !important;
}
.hidden-mobile {
	display: inherit;
}
.navbar-nav a {
	text-transform:uppercase;
}

.col-md-6, .col-md-4 {
    float: left;
}
.first-module {
}
.first-module .ancho-maximo {
	background-color:#2b3787;
	padding:40px 50px;
}
.first-module h3 {
	color:#ffed00;
	font-family: 'omnesbold';
	font-size: 54.5px;
}
.first-module h4 {
	color:#fff;
	font-family: 'omnesregular';
	font-size: 54.5px;
}
.first-module h4 strong {
	font-family: 'omnesbold';
	font-size: 54.5px;
}
.first-module a {
	background-color:#ffed00;
	color:#2b3787;
	border-radius:25px;
	font-family: 'omnesbold';
	font-size: 22.5px;
    margin-top: 15px;
}
#novedades {
	/*background-color:#fe3b02;*/
}
#novedades .col-md-12 {
	padding:0;
}
#beneficios {
	background-color:#FFF;
	padding:40px 0 60px;
	background-repeat: no-repeat !important;
	background-position: center -4vh !important;
	/*background-size: 100%;*/
}
.round-border {
	background-color:#2868b2;
	padding:0px;
	background-repeat: no-repeat !important;
	background-position: center -4vh !important;
	background-image: url(../images/borde-curvo-fucsia.png);
}
#beneficios .ancho-maximo {
    padding: 0 50px;
}
#beneficios .col-md-12 {
    min-height: 260px;
}
#beneficios .col-md-4 {
	padding:0 25px;
}
#beneficios h3 {
	color:#2b3787;
	font-family: 'omnesmedium';
	font-size: 54.5px;
	margin-top: 10px;
	max-width: 670px;
}
#beneficios h4 {
	color:#E6E86F;
	font-family: 'omnesbold';
	font-size: 36px;
	margin-top: 25px;
}
#beneficios p {
	color:#fff;
	font-family: 'omnesmedium';
	font-size: 22px;
    /*padding: 0px 65px;*/
	max-width: 300px;
}
#beneficios img {
    max-height: 120px;
}
#registro .ancho-maximo {
	background-color:#ffed00;
	padding:60px 50px
}
#registro fieldset {
	float:left;
	width:100%;
	margin-bottom:10px;
}
#registro label {
	float:left;
	width:100%;
	font-family: 'omnesmedium';
	font-size: 20px;
	color:#2b3787;
}
#registro label strong a {
	color: #2b3787;
	text-decoration:none;
}
#finalizar_registro{
	background-color:#2b3787;
	border-radius:25px;
	padding:8px 25px;
	color:#FFF;
	font-family: 'omnesbold';
	font-size: 22px;
    margin-top: 20px;
}
#registro h2 {
	color:#2b3787;
	font-family: 'omnesbold';
	font-size: 69.5px;
}
#registro p {
	color:#2b3787;
	font-family: 'omnesmedium';
	font-size: 40px;
	padding-right: 180px;
}
.ofertas-promociones .ancho-maximo {
	background-color: #1a4177;
}
.ofertas-promociones .col-md-6 {
	padding:0;
}
.ofertas-promociones .padding {
	/*padding: 2vh 0 0 10vh;*/
	padding: 30px 35px 0 35px;
}
.ofertas-promociones h3 {
    color: #2b3787;
	font-family: 'omnesregular';
	font-size: 58.5px;
    margin-top: 35px;
	    max-width: 500px;
}
.ofertas-promociones h3 strong {
	font-family: 'omnesbold';
}
.ofertas-promociones a {
    background-color: transparent;
    border-radius: 35px;
    color: #FFF;
	font-family: 'omnesbold';
	font-size: 33.5px;
}
.ofertas-promociones a:hover {
	color:#FFF !important;
}
.view-mobile {
	display:none !important;
}
.hidden-mobile {
	display: inherit;
}
.navbar-light .navbar-toggler-icon {
	background-image: url(../images/ico-menu-mobile.png);
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.navbar-light .navbar-toggler:focus {
	box-shadow:none;
}
.hidden {
	display:none;
}
.nav-item {
	padding:0 20px;
}
.modal {
	opacity:1 !important;
    background-color: rgba(0,0,0,0.6);
}
.modal .modal-header {
	border:none;
}
.modal .modal-footer {
	border:none;
}
.modal .modal-content {
    background-color: #2b3787;
}
.modal .modal-body img {
	max-width: 30%;
}
.modal .modal-body {
	max-width: 380px;
    margin: 0 auto;
}
.modal .modal-body h3 {
	color: #ffed00;
	font-family: 'omnesbold';
}
.modal .modal-body h4 {
	color: #fff;
	font-family: 'omnesmedium';
}
.modal .modal-body span {
	color: #fff;
    font-family: 'omnesregular';
}
.modal .btn-secondary {
	background-color: #ffed00;
	color: #2b3787;
	font-weight: 700;
    border-radius: 25px;
	margin: 0 auto;
    margin-bottom: 20px;
	font-family: 'omnesbold';
}
.modal-header .btn-close {
    border: 1px solid #000 !important;
    font-size: 9px;
    border-radius: 15px;
    padding: 5px;
}

svg {
  color : #fff !important;
}
svg path{
  fill:white !important;
}
.alert-danger {
	float:left;
	width:100%;
}
.first-module-validar img {
    max-width: 230px;
	margin-bottom: 40px;
}
.first-module-validar h3 {
    margin-bottom: 30px;
}
.first-module-validar h4 {
    margin-bottom: 30px;
}
.first-module-validar span {
    color: #fff;
    font-size: 25px;
	font-family: 'omnesregular';
}
.first-module-validar h5 {
    color: #fff;
    font-size: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
	font-family: 'omnesmedium';
}
.ui-datepicker {
	z-index:9999 !important;
}
.pagination li {
    background-color: #fff;
    color: #333;
    padding: 0px 8px;
    border-radius: 3px;
	margin-right:3px;
	border:1px solid #333;
}
.pagination li.disabled {
	opacity:0.5;
}
.pagination li a{
    color: #333;
	text-decoration:none;
}
.pagination li.active {
    background-color: #333;
    color: #fff;
}
.pagination li.active a{
    color: #fff;
	text-decoration:none;
}
.form-filtros {
	margin-bottom: 25px;
    float: right;
}
.modal-dialog fieldset {
    margin-bottom: 10px;
}
.modal-dialog label {
    font-weight: 500;
}
.absolute-position h3 {
    color: #ffed00;
    font-family: 'omnesbold';
    font-size: 62px;
}
.absolute-position h4 {
    color: #fff;
    font-family: 'omnesregular';
    font-size: 67px;
}
.absolute-position h4 strong {
    font-family: 'omnesbold';
    font-size: 54.5px;
}
.absolute-position  strong.amarillo {
    color: #ffed00;
}
.absolute-position a {
    background-color: #ffed00;
    color: #2b3787;
    border-radius: 30px;
    font-family: 'omnesbold';
    font-size: 30px;
    margin-top: 20px;
    padding: 4px 42px 10px;
}
.absolute-position a:hover {
    background-color: #ffed00;
    color: #2b3787;
}
._first-module .ancho-maximo {
	position: relative;
}
.texto.absolute-position {
    position: absolute;
    z-index: 2;
    top: 90px;
    left: 13%;
}
@media (min-width: 1200px) and (max-width: 1320px) {
	.absolute-position {
		top: 12% !important;
	}
}
@media (min-width: 960px) and (max-width: 1200px) {
	.absolute-position {
		top: 9% !important;
	}
	.absolute-position h3 {
		font-size: 50px !important;
	}
	.absolute-position h4 {
		font-size: 50px !important;
	}
	.absolute-position h4 strong {
		font-size: 50px !important;
	}
	.absolute-position a {
		font-size: 22px !important;
	}
}
@media (min-width: 768px) and (max-width: 960px) {
	.absolute-position {
		top: 8% !important;
	}
	.absolute-position h3 {
		font-size: 40px !important;
	}
	.absolute-position h4 {
		font-size: 40px !important;
	}
	.absolute-position h4 strong {
		font-size: 40px !important;
	}
	.absolute-position a {
		font-size: 15px !important;
		margin-top: 20px !important;
		padding: 4px 25px 6px !important;
	}
}


/*@media (min-width: 992px) {
	.navbar-expand-lg .navbar-toggler {
		display: block;
		margin-right: 0%;
		right: 0;
		position: absolute;
	}
	.collapse:not(.show) {
		display: none !important;
	}
	.navbar-collapse {
		flex-basis: 100%;
		flex-grow: 1;
		align-items: center;
		
		/*width: 100%;
		position: absolute;
		margin-top: 130px;
		background-color: #1e1e61;
		text-align: center;*/
		
		
		/*
	}
}*/
@media (min-width: 769px) {
	.navbar-collapse {
		justify-content: flex-end!important;
	}
	header.header .ancho-maximo {
    	padding: 0 50px;
	}
}
@media (min-width: 1280px) and (max-width: 1440px) {
	.first-module h4 {
		font-size: 50px;
	}
	#beneficios p {
		font-size: 22px;
		padding: 0px;
		max-width: 300px;
	}
	.ofertas-promociones h3 {
		font-size: 50px;
		margin-top: 35px;
		max-width: 480px;
	}
}
@media (min-width: 1080px) and (max-width: 1280px) {
	#beneficios p {
		padding: 0px 0px;
	}
	.first-module h4 {
		font-size: 48px;
	}
	#beneficios h4 {
		font-size: 34px;
	}
	.ofertas-promociones h3 {
		font-size: 50px;
		margin-top: 25px;
		max-width: 480px;
	}
}
@media (min-width: 1020px) and (max-width: 1180px) {
	first-module h4 {
		font-size: 35px;
	}
	#beneficios h3 {
		font-size: 42px;
	}
	#beneficios p {
		padding: 0px 0px;
	}
	#registro h2 {
		font-size: 60px;
	}
	#registro p {
		padding-right: 100px;
	}
	.ofertas-promociones h3 {
		font-size: 45px;
		margin-top: 15px;
	}
	.ofertas-promociones a {
		font-size: 30px;
		margin-top: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1020px) {
	.col-md-6, .col-md-4 {
		width: 100%;
	}
	.ofertas-promociones .col-md-6, .ofertas-promociones .col-md-4 {
		width: 50%;
	}
	.round-border .col-md-6, .round-border .col-md-4 {
		width: 100%;
	}
	.first-module {
		text-align: center;
	}
	/*.view-mobile {
		display: inherit !important;
	}
	.hidden-mobile {
		display:none !important;
	}*/
	#beneficios h3 {
		color: #2b3787;
		font-family: 'omnesmedium';
		font-size: 46px;
		margin-top: 10px;
	}
	.ofertas-promociones {
		text-align:center;
	}
	.ofertas-promociones img {
		width:100%;
	}
	.ofertas-promociones h3 {
		max-width: 100%;
	}
	.ofertas-promociones .padding {
		padding: 2vh 10vh 0 10vh;
	}
	.ofertas-promociones .padding img.hidden-mobile {
		display: none;
	}
	.ofertas-promociones .padding img.view-mobile {
		display: block !important;
	}
	#beneficios img {
        max-height: 50px;
    }
	#beneficios h4 {
        font-size: 25px;
        margin-top: 10px;
    }
	#beneficios p {
        font-size: 16px;
        line-height: 20px;
        padding: 0px 0px;
        margin-bottom: 30px;
        max-width: 360px;
        color: #fff !important;
    }
	.ofertas-promociones .padding {
        padding: 0px;
        text-align: center;
    }
	#beneficios {
		padding: 40px 0 40px;
	}
}
@media (max-width: 768px) {
	.round-border {
		background-image: url(../images/borde-curvo-fucsia-mobile.jpg) !important;
	}
	.col-md-6, .col-md-4 {
		width: 100%;
	}
	.view-mobile {
		display: inherit !important;
	}
	.hidden-mobile {
		display:none !important;
	}
	.first-module {
		text-align:center;
	}
	.first-module h3 {
		font-size: 30px;
		margin-top:25px;
	}
	.first-module h4, .first-module h4 strong {
		font-size: 28px;
	}
	.first-module img {
		/*max-width:50%;*/
		max-width: 100px;
		/*margin-left:25%;*/
		margin:0 auto;
	}
	#beneficios {
		background-image: url(../images/borde-curvo-mobile.png);
		background-size: auto;
		background-position: center -50px !important;
	}
	#beneficios .col-md-12 {
		min-height: 160px;
	}
	#beneficios h3 {
		font-size: 30px;
	    margin-top: -15px;
        padding-bottom: 55px;
	}
	#beneficios img {
		max-height: 50px;
	}
	#beneficios h4 {
		font-size: 25px;
		margin-top: 10px;
	}
	#beneficios p {
		font-size: 16px;
	    line-height: 20px;
		padding: 0px 0px;
		margin-bottom: 30px;
		max-width: 360px;
		color: #fff !important;
	}
	.ofertas-promociones .col-md-6 {
		width: 50%;
	}
	#registro .ancho-maximo {
		padding: 60px 30px;
	}
	#registro h2 {
		font-size: 28px;
		text-align: center;
	}
	#registro p {
	    /*font-size: 18px;*/
		font-size:14px;
		line-height: 25px;
		padding: 0 0px;
		text-align: center;
		margin-bottom: 40px
	}
	label.acepto {
		width: 90% !important;
	}
	#finalizar_registro {
		margin-top: 20px;
		font-size: 18px;
	}
	.ofertas-promociones .padding {
		padding: 0px;
		text-align: center;
	}
	.ofertas-promociones h3 {
		font-size: 28px;
		margin-top: 25px;
		text-align: center;
	}
	.ofertas-promociones a {
		border-radius: 0;
		padding: 0;
	    margin-top: 0;
		margin-bottom: 0;
	}
	.navbar-nav {
		margin: 0 auto;
	}
	.navbar-nav a.nav-link {
		font-size: 17.5px;
	}
	#beneficios .ancho-maximo {
		padding: 0 20px;
	}
	.navbar-brand {
		margin-left: 30px;
	}
	.navbar-brand img {
		max-width: 140px;
	}
	.navbar-toggler {
		margin-right: 20px;
	}
	.first-module a {
		font-size: 16px;
	}
	#beneficios .col-md-4 {
		padding: 0 0;
	}
	#registro label {
		font-size: 17px;
	}
	.first-module-validar img {
		max-width: 100px !important;
	}
	.first-module-validar span {
		font-size: 20px;
	}
	.first-module-validar h5 {
		font-size: 30px;
	}
	
	.ofertas-promociones {
		background-color: transparent !important;
	}
	.texto.absolute-position {
		top: 13% !important;
		left: 5% !important;
		width: 37% !important;
	}
	.absolute-position a {
		font-size: 20px !important;
		margin-top: 20px !important;
		padding: 4px 30px 6px !important;
	}
	.absolute-position h3 {
		font-size: 45px !important;
	}
	.absolute-position h4 {
		font-size: 45px !important;
	}
	.absolute-position h4 strong {
		font-size: 45px !important;
	}
}
@media (max-width: 650px) {
	.texto.absolute-position {
        top: 12% !important;
        left: 5% !important;
        width: 37% !important;
    }
	.absolute-position a {
		font-size: 15px !important;
		margin-top: 20px !important;
		padding: 4px 30px 6px !important;
	}
	.absolute-position h3 {
		font-size: 35px !important;
	}
	.absolute-position h4 {
		font-size: 35px !important;
	}
	.absolute-position h4 strong {
		font-size: 35px !important;
	}
}

@media (max-width: 530px) {
	.texto.absolute-position {
        top: 35px !important;
        left: 5% !important;
        width: 37% !important;
    }
	.absolute-position a {
		font-size: 15px !important;
		margin-top: 20px !important;
		padding: 4px 20px 6px !important;
	}
	.absolute-position h3 {
		font-size: 30px !important;
	}
	.absolute-position h4 {
		font-size: 30px !important;
	}
	.absolute-position h4 strong {
		font-size: 30px !important;
	}
}

@media (max-width: 470px) {
	.texto.absolute-position {
        top: 20px !important;
        left: 5% !important;
        width: 37% !important;
    }
	.absolute-position a {
		font-size: 13px !important;
		margin-top: 20px !important;
		padding: 4px 20px 6px !important;
	}
	.absolute-position h3 {
		font-size: 25px !important;
	}
	.absolute-position h4 {
		font-size: 25px !important;
	}
	.absolute-position h4 strong {
		font-size: 25px !important;
	}
}
@media (max-width: 380px) {
	.absolute-position a {
        font-size: 12px !important;
        margin-top: 15px !important;
        padding: 4px 20px 6px !important;
    }
}

@media (max-width: 490px) {
	.first-module .ancho-maximo {
		padding: 40px 25px;
	}
}