/*
    LARGE   NORMAL  MEDIUM  SMALL
    60     53       47      39
    52     45       40      34
    48     41       37      31
    40     35       31      26
    34     30       26      22
    30     26       23      19
    24     21       19      15
    22     19       17      14
    20     18       16      13
    18     16       14      12
    16     14       12      10
    14     12       11      9
    12     10       9       8
*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

@import url("https://fonts.googleapis.com/css?family=Chivo:900|Rubik:400,700,500|Karla:400,700");

:root {
    --alto: #d9d9d9;
    --black: #00000080;
    --blue-ribbon: #1758ff;
    --brand-color: #1ca74d;
    --concrete: #f3f3f3;
    --gray: #818181;
    --gray-nurse: #e9e9e9;
    --red: #ff0000;
    --red-2: #ff00004c;
    --slimy-green: #1ca74d;
    --slimy-green-2: #1ca74d;
    --text: #000000;
    --white: #ffffff;
    --green: #1da84e80;
    --green-chiaro: #1da84e4c;
    --mist-gray: #c4c4c466;
    --mist-gray-2: #c4c4c4cc;
    --sonic-silver: #757575;
    --font-family-karla: "Karla", Helvetica;
    --font-family-rubik: "Rubik", Helvetica;
    --font-family-rubik-medium: "Rubik-Medium", Helvetica;
    --text: #000000;
    --white: #ffffff;
    --white-2: #ffffff1a;
}

body {
    background: #f3f3f3;
}

.h2-headline {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-48px);
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 60px;
}

.h3-headline {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-30px);
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0;
}

.h4-headline {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.25px;
}

.h4-headline-white {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.25px;
    color: var(--white);
}


.h5-headline {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
}

.h5-headline-white {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--white);
}

.h5-headline-red {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--red);
}
.h5-headline-blue {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--blue-ribbon);
}

.h6-headline {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xl);
    font-style: normal;
    letter-spacing: 0;
}

.h7-headline {
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-l);
    font-style: normal;
    letter-spacing: 0;
}

.body-big {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
}

.body-1 {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
}

.body-1-red {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--red);
}
.req-validator {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--red);
}
.subtitle-2 {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1px;
}

.button {
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.75px;
}


.body-big-white {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--white);
}

.body-1-white {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--white);
}

.body-small-white {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--white);
}



.border-2px-black {
    border: 2px solid var(--black);
}

.karla-normal-black-12px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
}
.karla-bold-black-12px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 700;
}


.karla-normal-black-14px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.karla-bold-black-14px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}
.karla-bold-white-14px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

.karla-normal-white-14px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}


.karla-normal-black-16px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.karla-bold-black-16px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}


.karla-normal-white-16px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}


.karla-bold-white-16px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}



.karla-bold-gray-16px {
    color: var(--gray);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}



.karla-black-18px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
}

.karla-normal-black-18px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.karla-bold-black-18px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.karla-bold-blue-ribbon-18px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.karla-medium-blue-ribbon-18px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}

.karla-medium-red-18px {
    color: var(--red);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}
.karla-bold-white-18px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.karla-medium-white-18px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}

.karla-normal-white-18px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.karla-normal-green-18px {
    color: var(--brand-color);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.karla-bold-green-18px {
    color: var(--brand-color);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}


.karla-normal-black-20px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}


.karla-bold-black-20px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.karla-normal-white-20px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}


.karla-bold-white-20px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.karla-extrabold-white-20px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 900;
}
.karla-extrabold-blue-20px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 900;
}

.karla-normal-red-20px {
    color: var(--red);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}
.karla-bold-green-20px {
    color: var(--brand-color);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.karla-normal-black-24px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.karla-bold-black-24px {
    color: var(--text);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}

.karla-bold-white-24px {
    color: var(--white);
    font-family: var(--font-family-karla);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}

.rubik-medium-black-12px {
    color: var(--text);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}
.rubik-medium-white-12px {
    color: var(--white);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}
.rubik-medium-blue-12px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}
.rubik-medium-black-14px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 500;
}

.rubik-bold-black-14px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

.rubik-medium-blue-ribbon-14px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 500;
}

.rubik-medium-white-14px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 500;
}
.rubik-bold-white-14px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

.rubik-normal-black-16px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.rubik-medium-black-16px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
}

.rubik-bold-black-16px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}

.rubik-medium-blue-ribbon-16px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
}

.rubik-bold-withe-16px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}

.rubik-medium-white-16px {
    color: var(--white);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
}

.rubik-normal-white-16px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
}

.rubik-bold-black-18px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}


.rubik-blue-ribbon-18px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
}

.rubik-medium-blue-ribbon-18px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}


.rubik-bold-white-18px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}


.rubik-bold-slimy-green-18px {
    color: var(--slimy-green);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.rubik-medium-red-18px {
    color: var(--red);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
}

.rubik-normal-white-20px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.rubik-bold-white-20px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}


.rubik-bold-white-21px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
}

.rubik-normal-red-21px {
    color: var(--red);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
}

.rubik-bold-red-21px {
    color: var(--red);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
}

.rubik-bold-black-24px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}


.rubik-normal-black-24px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.rubik-regular-normal-black-24px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.rubik-bold-green-24px {
    color: var(--brand-color);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}

.rubik-bold-white-24px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}

.rubik-normal-white-24px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.rubik-normal-blue-ribbon-24px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.rubik-bold-blue-24px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
}
.rubik-bold-blue-24px-opac {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 700;
    opacity: 0.5;
}

.rubik-bold-white-26px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
}

.rubik-medium-black-34px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 500;
}

.rubik-medium-black-34px a {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 500;
}

.rubik-bold-34px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
}
.rubik-bold-white-34px {
    color: var(--white);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
}

.rubik-bold-blue-34px {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 700;
}

.rubik-bold-black-40px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-G1);
    font-style: normal;
    font-weight: 700;
}

.rubik-bold-black-52px {
    color: var(--text);
    font-family: var(--font-family-rubik);
    font-size: var(--font-size-G2);
    font-style: normal;
    font-weight: 700;
}

.font-white {
    color: var(--white);
}

.font-upper {
    text-transform: uppercase
}

a {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

p {
    display: block;
    margin-bottom: 15px;
}

strong {
    font-weight: 900;
}

b {
    font-weight: 900;
}


.span-bold {
    font-weight: 700;
}


.anchor-generic {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}
.anchor-small {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
}
.anchor-mini {
    color: var(--blue-ribbon);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
}
.anchor-white {
    color: var(--white);
    font-family: var(--font-family-rubik-medium);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase;
}



.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}


* {
    box-sizing: border-box;
}

table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}


th {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-l);
    color: #fff;
    line-height: 1.4;
    background-color: var(--brand-color);
    padding-top: 18px;
    padding-bottom: 18px;
}

td {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    border-bottom: 1px;
}

.disco {
    list-style-type: disc;
}

.logo {
    height: 47px;
}
.radioGloobobiz td {
    font-family: var(--font-family-karla);
    font-size: var(--font-size-m);
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    border-bottom: 1px;
}