@import url('https://fonts.googleapis.com/css?family=Poppins:300,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700&display=swap');

html {
	font-size: 65%;
}

body{
	font-family: 'Nunito', sans-serif;
	font-size: 1.3rem;
	color: #555555;	
}

body.fix{
    overflow: hidden;
}

h1, h2, h3, h4, h5{
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: #0F0927;
}

h1{
	font-size: 3.75rem;
	margin-bottom: 1.5rem;
	line-height: 5.3125rem;
}

h2{
	font-size: 3.125rem;
}

h3{
	font-size: 2rem;
}

h4{
	font-size: 1.5rem;
}

mark {
    background: #FFFF18;
    margin: 0;
}

.logo{
	height: 40px;
	float: left;
}

.btn-prex {
	border-radius:10rem;
	padding: .75rem 1.5rem;
	color: #FFF;
	background-color: #5C19AE;
	border-color: #5C19AE;
	transition: all .3s;
	font-size: 1.375rem;
}

.btn-icon {
    font-size: 1.2rem !important;
}

.btn-prex.blanco {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #5C19AE;	
}

.btn-prex.blanco.borde {
	background-color: #FFFFFF;
	border: 2px solid #5C19AE;	
}

.btn-prex.azul {
	background-color: #5C19AE;
	border-color: #5C19AE;
	color: #FFFFFF;	
}

.btn-prex.fucsia {
	background-color: #CD1F96;
	border-color: #CD1F96;
	color: #FFFFFF;	
}

.btn-prex.verde{
	background-color: #00C4AA;
	border-color: #00C4AA;
	color: #FFFFFF;    
}

.btn-prex:hover, .btn-prex.borde:hover{
	background-color: #00C4AA;
	border-color: #00C4AA;
	color: #FFF;
}

.btn-prex.verde:hover {
	background-color: #5C19AE;
	border-color: #5C19AE;
	color: #FFFFFF;	
}

.btn-prex.outline {
    border:2px solid #FFFFFF !important;
	background-color: transparent !important;
	color: #FFFFFF !important;
}

.sub-title{
	font-size: 1.125rem;
	color:#5C19AE;
	font-weight: 700;
}

h3 strong{
	color: #CD1F96;
}

.pequeño{
	font-size: 1rem;
}

.circulo{
    border-radius: 50%;
    background: #5C19AE;
    width: 89px;
    height: 89px;
    display: inline-block;
    line-height: 89px;
    margin: 0 20px;
}

.circulo img{
	height:40%;
}

.circulo:hover{
	background:#00C4AA;
}

#main-menu{
	transition: all .3s;
	padding: 9px 0;
}

#main-menu.full-menu{
	width:100vw;
	height:100vh;
	background: rgba(62,5,146,1);
	background: -moz-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
	background: -webkit-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
	background: linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c80acf",endColorstr="#3e0592",GradientType=1);
    text-align:center;
    overflow-y: scroll;
    overflow-x: hidden;
}

#main-menu.full-menu .linea{
	background-color: #FFFFFF;
}

#main-menu.full-menu .logo{
	display:none;
}

#main-menu.full-menu .mr-5{
	margin-right:0 !important;
}

#slider{
    background-color: rgb(92,25,174);
    background-color: -moz-linear-gradient(-45deg, rgba(92,25,174,1) 0%, rgba(60,14,116,1) 100%);
    background-color: -webkit-linear-gradient(-45deg, rgba(92,25,174,1) 0%, rgba(60,14,116,1) 100%);
    background-color: linear-gradient(-45deg, rgba(92,25,174,1) 0%, rgba(60,14,116,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c19ae",endColorstr="#3c0e74",GradientType=1);    
	padding-top: 88px;
    position: relative;
}



#slider .main-box h1, #slider .main-box p{
	color: #FFFFFF;
}

#slider .main-box p{
    font-size: 1.5625rem;
}

#slider .text-box{
	margin-top: 14.3%;
}

#slider .cotizacion{
	border-radius: 10px;
	box-shadow: 0px 3px 30px #0000003B;
	background-color: #FFFFFF;
	padding: 1rem 0 0 1rem;
    margin-top: 20vh;
}

#slider .cotizacion h2{
	font-size: 3.625rem;
}

#slider .cel{
	max-width:94%;
}

#funciones .carta{
	border-radius: 12px;
	transition: all .3s;
	padding-right: 0px;
    padding-left: 0px;
}

#funciones .carta h3{
	font-size:1.6rem;
}

#funciones .carta img{
	height: auto;
	max-width:120px;
}

#funciones h3.tip{
    position:relative;
}

#funciones h3.tip::before{
    content: '¡Nuevo!';
    font-size: 1.2rem;
    position:absolute;
    top: -3rem;
    right: 1.4rem;
    background-color:yellow;
    padding: 0.5rem;
    border-radius: 1.2rem 1.2rem 1.2rem 0;
}

#ruedapremiox{
	background-image: url('../img/bg_rueda_premiox.svg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;	
	color: #FFFFFF;
	padding-top:8rem;
	padding-bottom:14.5rem;
}

#ruedapremiox .video{
    min-height: 360px;
    margin-top: 6rem;
    background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#ruedapremiox .video video{
    width: 100%;
}

#ruedapremiox h2, #ruedapremiox h4, #ruedapremiox small, #ruedapremiox p{
	color: #FFF;
}

#ruedapremiox .cel-prextamo .img-fluid{
	max-width: 98%;
}

#ruedapremiox .text-box{
	margin-top: 15%;
}

#pre-footer h3{
	color:#CD1F96;
}
#pre-footer a{
    text-decoration: none;
}

#pre-footer a:hover p.social{
    color: #00C4AA;
}

#pre-footer p.social{
	color:#5C19AE;
    font-size:1.5625rem;
    font-family: 'Poppins', sans-serif;
}

#ayuda{
	background-color:#F7F7F7;	
	padding-bottom: 5rem;
}

#ayuda .curva{
	background-image: url('../img/bg_necesitas_ayuda.svg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;	
	padding-top:9.375rem;
	margin-bottom:5rem;

}

#footer{
	background-image: url('../img/bg_footer.svg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;	
	background-color: #F7F7F7;	
	color:#FFFFFF;
	padding-top: 10rem;
	padding-bottom: 3rem;
}

#footer h4{
	color: #FFFFFF;
}

#footer .link-footer {
    display:block;
    padding: 25px 0 25px 0;
	border-bottom:1px solid #FFFFFF;
	color: #FFFFFF;
	transition: all .3s;
}

#footer .link-footer:last-of-type{
	border-bottom:none;
}

#footer .link-footer i{
    float:right;
	margin-top: 5px;
}

#footer .link-footer:hover{
	text-decoration:none;
	color: #00C4AA;
}

#footer .circulo{
	max-height: 48px;
	max-width: 48px;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 2.2;
	background-color:#FFFFFF;
	margin:0 1rem 0 0;	
}

#footer .circulo:hover{
	background-color: #00C4AA;
}

#footer .circulo img{
	max-height: 23px;
	height: 100%;
	width: auto;
}

#footer.bg-blanco{
	background-color:#FFFFFF;
}

#faq{
	/*padding-top:93px;*/
}

#faq .preguntas h2 {
	color: #5C19AE;
}

#faq .link{
	color: inherit!important;
	text-decoration: none;
}

#faq .link.activo{
	color: #CD1F96!important;
}

#faq .box{
	display: none;
}

#faq .box.show{
	display: block;
}

#faq .acordeon{
	display:none;
}

#faq .acordeon.open{
	display:block;
}

#faq .ser-post_table{
    font-size: 1rem;
    width: 100%;
    table-layout: fixed;
}

#faq .ser-post_table thead{
    background: #5C19AE;
    color: #fff;
}

#faq .ser-post_table th, #faq .ser-post_table td{
    padding: .5rem 1rem;
}

#faq .ser-post_table td:nth-child(3){
    white-space: nowrap;
}

#faq .ser-post_table tr{
    border-bottom: solid .5px #555;
}

#faq .ser-post_table .ser-post-dpto,#faq  .ser-post_table .ser-post-prov{
    width: 90px;
}

#faq .ser-post_table .ser-post-dist{
    width: 150px;
}

#faq .ser-post_table .ser-post-hora{
    width: 250px;
}

#tyc{
	padding-right:0;
	padding-left:0;
}

#tyc .titulo{
	margin-top:93px;
	padding:93px 0 93px 0;
	background: rgba(62,5,146,1);
	background: -moz-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
	background: -webkit-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
	background: linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
	color:#FFFFFF;
}

#tyc .puntos h3{
	margin-bottom: 1rem;
}

#tyc a{
	overflow-wrap: break-word;
}

#tyc .linea-tabla{
	border-bottom: 1px solid #555555;
	padding: .7rem 0 .7rem 0;
}

#tyc .linea-tabla.cabezal{
	border-bottom: none;	
	background: #5C19AE!important;
}

#tyc .linea-tabla.linea-tabla.cabezal *{
	color: #FFFFFF !important;
}

#tyc .linea-tabla div:nth-child(1){
	color: #5C19AE;
	font-weight:700;
}

#tyc .linea-tabla div:nth-child(2){
	color:#0F0927;
	font-weight:700;
}

.on-scroll{
	display:none;
}

.no-scroll{
	display:block;
}

.scroll .no-scroll{
	display:none;
}

.scroll .on-scroll{
	display:block;
}

.scroll{
	background-color: #FFFFFF;
	box-shadow: 0px 0px 30px #0000003B;
}

.nav-link{
    outline:none;
}

.show .nav-link{
	color: #FFFFFF !important;
}

.scroll .show .nav-link{
	color: #0F0927 !important;
}

.full-menu.scroll .show .nav-link{
	color: #FFFFFF !important;
}

.show .nav-link:hover, .scroll .show .nav-link:hover, .nav-link:hover, .full-menu.scroll .show .nav-link:hover, .dropdown-item:hover,
.show .active .nav-link, .scroll .show .active .nav-link, .active .nav-link, .full-menu.scroll .show .active .nav-link{
	color: #00C4AA!important;
}

.navbar a{
	font-size:1.2rem;
}

.navbar-toggler .linea{
    display:block;
    height: 4px;
    width: 26px;
    background-color:#FFF;
	border-radius: 3px;
	transition: all .3s;
	padding:0;
}

.scroll .navbar-toggler .linea{
	background-color:#0F0927;
}

.navbar-toggler .linea.superior{
	transform: rotate(45deg);
	margin-top: 5px;
}

.navbar-toggler .linea.inferior{
	transform: rotate(-45deg);
	margin-top: -18px;
}

.navbar-toggler .linea.central{
	margin: 5px 0 5px;
	transform:scale(0,0);
}

.navbar-toggler.collapsed .linea.superior, .navbar-toggler.collapsed .linea.inferior{
	transform: rotate(0deg);
	margin-top: 0px;
}

.navbar-toggler.collapsed .linea.central{
	transform:scale(1,1);
}

.nav-link{
	color: #FFFFFF;
}

.nav-link.dropdown-toggle::after{
	display:none;
}

.nav-link.dropdown-toggle .fa{
	padding-left:10px;
}

.nav-item.active .nav-link{
	color: #00C4AA !important;
}

.dropdown-menu{
	border: none;
	border-radius: 0 0 .25rem .25rem;	
	padding: 1.2rem 0;
    transition: all .3s;
    -webkit-box-shadow: 10px 11px 20px -13px rgba(0,0,0,0.64);
    -moz-box-shadow: 10px 11px 20px -13px rgba(0,0,0,0.64);
    box-shadow: 10px 11px 20px -13px rgba(0,0,0,0.64);
}

.dropdown-menu::before {
    content: "";
    display: block;
    width: 90%;
    height: 4px;
    background-color: #00C4AA;
    position: absolute;
	top: -4px;
	left: 0;
}


.dropdown-menu .dropdown-item{
	padding: .75rem 2rem;
}

.full-menu .nav-link{
    font-size: 2rem;
}

#mobileD.show .dropdown-menu{
	background-color:rgba(0,0,0,.3);
	text-align:center;
} 

#mobileD.show .dropdown-menu .dropdown-item{
	color:#FFFFFF;
	padding: 1rem;
} 

#mobileD.show .dropdown-menu::before{
	display:none;
}

.scroll .nav-link{
	color: #0F0927;
}

.item{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 20px #00000029;	
	padding: 15px;
	border-radius: 12px;
	width: 100%;
    /*height: 374px;*/
} 

.carousel{
	position:relative;
}

.owl-stage {
	display: flex;
	padding: 25px;
}
.owl-item {
	display: flex;
	flex: 1 0 auto;
}

.owl-nav {
	width:100%;
	top:50%;
	position:absolute;
	z-index:99;
	display:none;
}
.owl-nav a{
    background-color: #5C19AE;
    border-radius: 50%;
	width: 48px;
	height: 48px;
	display:inline-block;
	line-height: 48px;
	text-align: center;
}

.owl-nav .owl-next{
	float:right;
}

.owl-nav .owl-next img{
	transform: rotate(180deg);
}

.item img{
	margin: 25px auto;
}
.item h4{
	color: #5C19AE;
}

.input{
	background-color:#FFFFFF;
	position: relative;
}

.input input{
	background-color:transparent;
	color: #0F0927;
	border:none;
	margin: 0;
	padding: 5px 0 5px 5px;
	width: 100%;
	border-bottom: 2px solid #0F0927;
	outline: none;
}

.input label{
	position:absolute;
	top:5px;
	left:0;
	margin:0;
	transition: all .2s;
	padding-left:5px;
}

.input input:focus{
	border-color:#CD1F96;
}

.input input:focus + label{
	font-size:0.9375rem;
	color:#CD1F96;
	top:-20px;
}

.input input:valid + label{
	font-size:0.9375rem;
	top:-20px;
}

.form{
	background-color: #FFFFFF;
	border-radius: 0.8rem;
}

.form h3{
	margin-bottom:2rem;
}

.form a{
	color:#00C4AA;
}

button.ojo {
    position:absolute;
    top:5px;
    right:0;
    border:none;
	background:#FFFFFF;
	color:#00C4AA;
	outline:none;
}


.on-on{
	display:none;
}

.on-off{
	display:inline-block;
}
.on .on-on{
	display:inline-block;
}

.on .on-off{
	display:none;
}

#login{
	margin-top: 140px;
}

#navbarDropdownM i::after {
    content: "+";
    display: inline-block;
    margin-left: 10px;
    font-style: normal;
}

.dropdown.show #navbarDropdownM i::after {
    content: "-";
}

.popup {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.5);
    display:none;
    color: #0F0927;
}

.popup a{
    color: #0F0927;
}

.popup strong{
    color:#DF0090;
    font-weight: 400;
}

.popup .body{
    margin-top:93px;
}

#solicitar{
	background-image:url('../img/bg_solicitar-tarjeta-gratis.svg');
	background-position: center -3.5rem;
	background-size: cover;
	background-repeat: no-repeat;
    padding-top: 88px;
    min-height: 100vh;
}

#solicitar .text-box {
    margin-top: 14.3%;
}

#buscador{
    padding: 2rem 0 4rem 0;
    transition: all .3s;
}

#buscador h4{
    color: #FFFFFF;
}


#buscador .fa{
    color: #000000;
}

#buscador.show{
    background: rgba(62,5,146,1);
    background: -moz-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
    background: -webkit-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
    background: linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
    margin-bottom: 5rem;
}

#buscador .botonera .fa{
    font-size: 2.7rem;
}

#buscador .botonera .fa-times{
    transform: rotate(45deg);
}

#buscador .botonera .fa-times::before{
    content: "+";
    font-family: 'Nunito', sans-serif;
    font-size: 5rem;
}

#buscador.show .botonera .fa{
    color: #FFFFFF;
}

#buscador.show .botonera .fa-search{
    display:none;
}

#buscador.show .botonera .fa-times{
    display:inline-block;
}

#buscador .botonera .fa-search{
    display:inline-block;
}

#buscador .botonera .fa-times{
    display:none;
}
#buscador .caja-busqueda{
    display:none;
}

#buscador h2{
    color: #FFFFFF;
}
#buscador .caja-busqueda .input{
    background-color: #FFFFFF;
    border-radius: 3rem;
    padding:1rem;
}

#buscador .caja-busqueda .input .fa{
    color:#5C19AE;
}

#buscador .caja-busqueda .input input, #buscador .caja-busqueda .input button{
    border: none;
    outline: none;
    background-color: transparent;
}

#buscador .caja-busqueda .input button{
    margin-top: 5px;
}

#buscador .caja-busqueda .cerrar{
    display:none;
}

#resultados{
    display: none;
}

#no_resultados{
    color: #FFFFFF;
    margin-top: 2rem;
    padding: 1rem;
    background: rgba(0,0,0,.3);
    display: none;
}

#top_faq{
    display: none; 
}

#beneficio {
    margin-top: 79px;
    padding: 3rem 0;
    position: relative;
}

#beneficio .cabezal *{
    color: #FFFFFF;
}

#beneficio .cabezal h2{
    margin-top: 7rem;
    line-height: 1.6;
}

#beneficio .foto img{
    padding: 1rem;
    border-radius: 1rem !important;
    margin-top: 1rem;
    max-width: 80%;
}

#beneficio .frente{
    z-index:100;
}

#beneficio .fondo{
    z-index:99;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(62,5,146,1);
    background: -moz-linear-gradient(285deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
    background: -webkit-linear-gradient(285deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
    background: linear-gradient(285deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
    overflow:auto;
    padding-bottom: 7rem;
    height: 13%;
}

#beneficio .foto{
    margin-top: 2rem;
}

#beneficio .bullet{
    position:absolute;
    top: -3rem;
    right: 1rem;
}

#beneficio .cabezal .bullet{
    top: 0;
    left: 0;
    margin: 15px 0 0 15px;
}

#beneficio .cabezal .bullet .circulo{
    width: 8rem;
    height: 8rem;
}

#beneficio .bullet .circulo{
    background: #00C4AA 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px #00000052;
    width: 14rem;
    height: 14rem;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    display: table-cell;
    font-size: 4rem;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

#beneficio .bullet .circulo p{
    margin-bottom: 0;
    color: #FFFFFF;
}

#beneficio .cabezal .bullet .circulo p {
    font-size: 2.3rem !important;
}

#beneficio .cabezal .bullet .circulo.icon p{
    font-size:5rem !important;
}

#beneficio h2.titulo {
    margin-top: 5rem;
    color: #FFFFFF;
}

#beneficio .cuerpo {
    margin-top: 20%;
    color: #0F0927;
}


#beneficio .bullet .circulo.icon{
    font-size: 9rem;
}

#beneficio ul {
    margin-top: 1.5rem;
} 
#beneficio ul li{
    list-style-type: decimal;
    margin-bottom: 1.5rem;
}

#beneficio ul li ul li{
    list-style-type: upper-alpha;
}

#cookie{
    background-color: #242B4A;
    color: #FFFFFF;
    font-size: 1rem;
    border-radius: 1.0625rem;
    padding: 2.4375rem;
    box-shadow: 0px 0px 12px #00000029;
}

#cookie .texto{
    font-size: 0.875rem;
}

#cookie .btn-prex{
    font-size: 1.0625rem;
}

#ayuda .sub-titulo{
    color: #5C19AE;
}

#sincontacto p, #ruedapremiox p{
    line-height: 1.8;
    font-size: 1.54rem;
}

.sub-footer{
    font-size:.94rem;
}

.invert .show .nav-link{
	color: inherit !important;
}

@media screen and (max-width: 510px){
	#footer{
		position: relative !important;
		display: none;
	}
	#login{
		height: 100vh;
	}

}

@media screen and (min-width: 600px){
	#footer .circulo{
		line-height: 3.4;
	}

}

@media screen and (min-width: 768px) { 
	
	.scrollFix{
		background-color: #FFFFFF;
	}
	
	.scrollFix .no-scroll{
		display:none;
	}
	
	.scrollFix .on-scroll{
		display:block;
	}
	
	.scrollFix .navbar-toggler .linea{
		background-color:#0F0927;
	}
	
	.scrollFix .nav-link{
		color: #0F0927;
	}
	#faq{
		margin-top: 80px;
	}
	#faq .preguntas{
		border-right: 1px solid #BCBCBC;
	}
	
	body.login{
		background: rgba(62,5,146,1);
		background: -moz-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
		background: -webkit-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
		background: linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

	#login{
		margin-top: 110px;
	}

	.form{
		box-shadow: 0px 3px 25px #00000047;
    }
    
}


@media screen and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left:2.5rem;
    }

    #slider .text-box{
        margin-top: 11%; 
    } 
}

@media screen and (min-width: 990.2px){

    #slider::before{
        content: '';
        background-image:url('/web_assets/img/slider_curve_bottom.svg');
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        margin: 0;
        left: 0;
        bottom: 0;
        height: 24vh;
        display: block;
        z-index: 0;   
        position: absolute;
    }    
	
	#slider .modulo-destaque{
		margin-top: -5%;
	}

	#tyc .puntos{
		padding-left: 5rem;
    }    
        
    #modulo1{
        margin-top:78px;
    }

    #main-menu.scroll {
        padding: 0!important;
    }
    
    #main-menu.scroll img{
        height:28px;
    }
    
    #main-menu.scroll .btn-prex{
        padding:6px 1.5rem !important;
    }    

}

@media screen and (min-width: 1200px){
    /*
    html{
		font-size:70%;
	}
    */

    .item{
        opacity: 0;
    }

	.circulo{
		width: 204px;
		height: 204px;
		line-height: 204px;
	}

	#slider .modulo-destaque{
		margin-top: -16rem;
	}

    #slider .cel{
        margin-top: 5.1rem;
    }

	#funciones .carta{
		padding-right: 15px;
    	padding-left: 15px;
	}

	#funciones .carta h3{
		font-size:2rem;
	}
	
	#funciones .carta:hover{
		transform: translateY(-40px);
		box-shadow: 0px 3px 30px #0000008B;
	}
	
	#funciones .carta:hover .btn-prex{
		background-color: #00C4AA;
		border-color: #00C4AA;
		color: #FFF;
	}
	
	#funciones .carta img{
		max-height: 135px;
        min-height: 93px;
	}

	#footer .circulo{
		max-height: 48px;
		max-width: 48px;
		line-height: 48px;
	}

	#footer .circulo img{
		max-height: 23px;
    }
    

}

@media screen and (min-width: 1399px){
	html{
		font-size:80%;
    }
    

}

@media screen and (max-width: 575.98px){
	html{
		font-size: 100%;
	}
	
	h1{
		font-size: 1.75rem !important;
		line-height: 3rem !important;
	}

	h2{
		font-size: 1.75rem !important;		
	}

	p{
		font-size: 1.125rem !important;		
	}

	#slider .text-box{
		margin-top: 25px;
	}

	#slider .main-box p{
		font-size: 1.125rem !important;
	}    

	.circulo{
		margin:0.3125rem;
    }
    
    #solicitar h1{
        font-size: 1.4rem !important;
        line-height: 2rem !important;
    }

    .item{
        padding: 23px;
    }

    #pre-footer p.social{
        font-size:.8rem !important;
    }
}

@media screen and (max-width: 767.98px){

    #slider{
        background-color: #FFFFFF;
        background-image:url('../img/bg-header_mobile.svg');
        background-position: center top;
        background-repeat: no-repeat;
    }    



	#slider .cotizacion{
		padding: 1rem;
	}

	#slider .cotizacion h2{
		font-size: 2.625rem;
	}

	#ruedapremiox .text-box{
		margin-top: 5rem;
	} 

	#ruedapremioxs h4{
		font-size:1.625rem;
	}

    #ruedapremiox .video{
        margin-top: 0;
    }

	#ayuda{
		background:#FFFFFF;
	}

	#ayuda .curva{
		display:none;
	}


    #sincontacto .img-fluid.iconos{
        max-width: 220px;
    }

	#footer{
		background-image: url('../img/bg_footer-prex-mobile.svg');	
		background-color:#FFFFFF;
		padding-top: 6rem;
	}
	
	.logo{
		height: 21px;
	}

	#footer .link-footer:last-of-type{
		border-bottom:1px solid #FFFFFF;
	}

	#faq{
		padding:0;
	}

	#faq .preguntas h2 {
		color: #FFFFFF;
	}
	
	#faq .preguntas h5, #faq .preguntas .acordeon{
		padding-right: 15px;
		padding-left: 15px;
	}

	#faq .preguntas .acordeon h5{
		padding-left:0;
		padding-right:0;
	}

	#faq .titulo{
		padding-top:93px;
		background: rgba(62,5,146,1);
		background: -moz-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
		background: -webkit-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
		background: linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
	}

	#faq .link{
		display: block;
		padding: 1rem 0 1rem 0;
	}

	#faq .link::after{
		content: '+';
		display: block;
		float:right;
		color: #00C4AA;
		font-weight: 700;
	}
	#faq .link.activo::after{
		content: '-';
    }

    #faq h4{
        font-size: 1.25rem;
    }

    #faq .ser-post{
        position: relative;
    }

    #faq .ser-post_content{
        width: 100%;
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    #faq .ser-post_table_light{
        background: #fff;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        width: 75px;
        height: calc(100% - 41px);
        position: absolute;
        right: 0;
        top: 41px;
        z-index: 10;
		pointer-events: none;
    }

    #faq .ser-post_table_light:before{
        background: #5C19AE;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(92,25,174,1) 100%);
        width: 100%;
        height: 41px;
        position: absolute;
        top: -41px;
        content: '';
    }

    #faq .ser-post_table{
        width: 1000px;
        position: relative;
    }

    #faq .ser-post_table .ser-post-dpto, #faq .ser-post_table .ser-post-prov{
        width: 120px;
    }

    #faq .ser-post_table .ser-post-dist{
        width: 195px;
    }

    #faq .ser-post_table .ser-post-hora{
        width: 320px;
    }
    
    #main-menu.invert .on-scroll{
        display:block;
    }    
    
    #main-menu.invert .navbar-toggler .linea {
        background-color: #0F0927;
    }

    #main-menu.invert{
        box-shadow: none;
    } 

    #funciones h3.tip::before{
        font-size: 1rem;
        right: 0.4rem;
    }
	
}

@media screen and (max-width: 991.98px){
	.owl-nav {
		display:block;
	}

	#slider .modulo-destaque{
		margin-top: 10px;
	}	

	#ruedapremiox{		
		background-image: url('../img/bg_rueda_premiox_mobile.svg');
		padding-left:0;
		padding-right:0;
	}

	#tyc .titulo{
		margin-top:0;
	}

	#tyc .intro, #tyc .puntos{
		padding-right: 15px;
		padding-left: 15px;
	}

	#tyc .linea-tabla{
		border-bottom: none;
		margin-bottom: 2rem;
	}

	#tyc .linea-tabla div:nth-child(2){
		font-size:1.35rem;
	}

	#tyc .linea-tabla div:nth-child(3){
		color:#001520;
		padding-top:1rem;
		padding-bottom:1rem;
	}

	#tyc h3, #tyc h4{
		font-size: 1.125rem;
	}

	#tyc .linea-tabla::nth-child(1){
		display:none;
	}
    /*
	.navbar-expand-lg{
		padding-left:0;
		padding-right:0;
    }
    */

	#faq .ver-sucursales {
		font-size: 1.125rem;
	}
    
    .popup {
        background:#FFFFFF;
    }    

    .popup .body{
        margin-top: 40px;
    }

    #main-menu.invert .no-scroll{
        display:none!important;
    }

    #main-menu.invert.full-menu .navbar-toggler .linea{
        background: #FFFFFF;
    }

    #main-menu.invert.full-menu .logo{
        display:none;
    }

    #solicitar{
        background: #5C19AE;
    }

    #solicitar *{
        color: #FFFFFF;
    }

    #solicitar .curva{
        background: url('../img/bg_solicitar-tarjeta-gratis-mobile.svg') no-repeat center bottom;
        background-size: 110%;
    }
   
    #modulo1{
        margin-top:66px;
    }

    #buscador .botonera{
        display: none;
    }

    #buscador{
        background: rgba(62,5,146,1);
        background: -moz-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
        background: -webkit-linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
        background: linear-gradient(331deg, rgba(200,10,207,1) 0%, rgba(62,5,146,1) 100%);
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 2rem;
    }

    #buscador h4{
        font-size: 1.1rem;
        margin-top: 1.5rem;        
    }

    #buscador .caja-busqueda{
        display:block;
    }

    #buscador .caja-busqueda .input{
        padding: 0;
    }

    #buscador .caja-busqueda .input input{
        font-size: 0.9rem;
        padding-top: 0.6rem;
        padding-left: 1rem;
        font-weight: 700;
    }   
    
    #buscador .caja-busqueda .input button{
        margin-top: 0;
        margin-right: 5px;
    }    

    #resultados{
        margin-right: 0;
        margin-left: 0;
    }
 
    
    #beneficio{
        padding-top:0;
        margin-top: 66px;
    }

    #beneficio .frente{
        padding:0 15px;
    }

    #beneficio h2.titulo{
        margin-top: 4rem;
        color: #5C19AE;
        font-size: 2rem !important;
        line-height: 1.5;
    }

    #beneficio .cuerpo{
        margin-top: 15%;
        color: #0F0927 !important;
    }

    #beneficio .cuerpo h3{
        font-size: 1.5rem;
    }
    
}




@-webkit-keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: translate3d(-3000px, 0, 0);
	  transform: translate3d(-100px, 0, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(25px, 0, 0);
	  transform: translate3d(25px, 0, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(-10px, 0, 0);
	  transform: translate3d(-10px, 0, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(5px, 0, 0);
	  transform: translate3d(5px, 0, 0);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: translate3d(-3000px, 0, 0);
	  transform: translate3d(-100px, 0, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(25px, 0, 0);
	  transform: translate3d(25px, 0, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(-10px, 0, 0);
	  transform: translate3d(-10px, 0, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(5px, 0, 0);
	  transform: translate3d(5px, 0, 0);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }