@charset "utf-8";

@font-face {
    font-family: "Blinker";
    src: url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-extralight.woff2") format("woff2"),
        url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-extralight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Blinker";
    src: url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-extralight.woff2") format("woff2"),
        url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-extralight.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Blinker";
    src: url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-regular.woff2") format("woff2"),
        url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Blinker";
    src: url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-semibold.woff2") format("woff2"),
        url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Blinker";
    src: url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-bold.woff2") format("woff2"),
        url("https://lightskyblue-fox-177437.hostingersite.com/css/fonts/blinker-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    vertical-align: baseline;
}

html {
    height: 100%;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    height: 100%;
    background-color: #FFFFFF;
    font-family: "Blinker", sans-serif;
    color: #3B3939;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    cursor: default;
}

input,
textarea,
select,
button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: none;
    outline: none;
    background: none;
}

div:focus,
span:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none;
    background-image: none;
}

div,
span,
a,
input,
textarea,
select,
button {
    -webkit-tap-highlight-color: transparent;
}

div::-moz-focus-inner,
span::-moz-focus-inner,
input::-moz-focus-inner,
textarea::-moz-focus-inner,
select::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
form {
    display: block;
}

.touch {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* BAR */

.bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 96px;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(16px);
    transition: 0.25s;
    z-index: 99;
}

.bar-fill {
    height: 96px;
}

.bar-compact {
    height: 72px;
}

.bar-layout {
    display: flex;
    width: 100%;
    max-width: 1280px;
    height: 100%;
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto;
    transition: 0.3s;
}

.bar-brand {
    flex: auto;
    display: flex;
    align-items: center;
}

.bar-brand-link {
    display: inline-block;
}

.bar-brand-link img {
    width: auto;
    height: 32px;
}

.bar-menu {
    flex: none;
    display: flex;
    align-items: center;
    padding-bottom: 1px;
}

.bar-menu-btn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32px;
    height: 29px;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
}

.bar-menu-line {
    width: 100%;
    height: 1px;
    background-color: #FFFFFF;
    transition: 0.25s;
}

.bar-menu-btn:hover .bar-menu-line {
    transform: scaleX(0.7);
}

.touch .bar-menu-btn:hover .bar-menu-line {
    transform: scaleX(1);
}

.bar-menu-btn:active .bar-menu-line,
.touch .bar-menu-btn:active .bar-menu-line {
    transform: scaleX(0.7);
}

/* PANEL */

.panel {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 640px;
    height: 100%;
    background-color: #FFFFFF;
    animation: panel-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    overflow: auto;
    z-index: 120;
}

@keyframes panel-anima {
    0% {
        transform: translate(-10%);
        opacity: 0;
    }

    100% {
        transform: translate(0);
        opacity: 1;
    }
}

.panel-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    animation: panel-bg-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    z-index: 119;
}

@keyframes panel-bg-anima {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.panel-frame {
    position: relative;
    width: 100%;
    height: 100%;
}

.panel-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-top: 72px;
    padding-left: 90px;
    padding-right: 90px;
}

.panel-header {
    display: flex;
    column-gap: 24px;
    padding-bottom: 20px;
}

.panel-brand {
    flex: auto;
}

.panel-close {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
    cursor: pointer;
}

.panel-close img {
    display: block;
    width: 25px;
    height: 25px;
    transition: 0.5s;
}

.panel-close:hover img {
    transform: rotate(180deg);
}

.touch .panel-close:hover img {
    transform: rotate(0deg);
}

.panel-close:active img,
.touch .panel-close:active img {
    transform: rotate(180deg);
}

.panel-langs {
    display: flex;
    column-gap: 16px;
    padding-bottom: 40px;
}

.panel-lang {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #EFEFEF;
    color: #616161;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    cursor: pointer;
    transition: 0.25s;
}

.panel-lang:hover {
    color: #CD1719;
}

.touch .panel-lang:hover {
    color: #616161;
}

.panel-lang:active,
.touch .panel-lang:active {
    color: #CD1719;
}

.panel-lang-on {
    font-weight: 400;
    color: #CD1719;
}

.panel-lang-on:hover {
    color: #CD1719;
}

.touch .panel-lang-on:hover {
    color: #CD1719;
}

.panel-lang-on:active,
.touch .panel-lang-on:active {
    color: #CD1719;
}

.panel-buttons {
    flex: auto;
    display: flex;
    align-items: flex-start;
    padding-bottom: 72px;
}

.panel-buttons-layout {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 100%;
}

.panel-link-block {
    opacity: 0;
    transform: translateY(-32px);
    animation-name: panel-link-anima;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    transition: 0.25s;
}

.panel-link {
    display: inline-block;
    color: #616161;
    font-size: 20px;
    line-height: 24px;
    font-weight: 200;
    cursor: pointer;
    transition: 0.25s;
}

.panel-link-name {
    font-weight: 300;
    text-transform: uppercase;
}

.panel-link-name strong {
    font-weight: 600;
}

.panel-link:hover {
    color: #CD1719;
}

.touch .panel-link:hover {
    color: #616161;
}

.panel-link:active,
.touch .panel-link:active {
    color: #CD1719;
}

.panel-link-on {
    color: #CD1719;
}

.panel-link-on:hover {
    color: #CD1719;
}

.touch .panel-link-on:hover {
    color: #CD1719;
}

.panel-link-on:active,
.touch .panel-link-on:active {
    color: #CD1719;
}

.panel-link-block:nth-child(1) {
    animation-delay: 0.2s;
}

.panel-link-block:nth-child(2) {
    animation-delay: 0.3s;
}

.panel-link-block:nth-child(3) {
    animation-delay: 0.4s;
}

.panel-link-block:nth-child(4) {
    animation-delay: 0.5s;
}

.panel-link-block:nth-child(5) {
    animation-delay: 0.6s;
}

.panel-link-block:nth-child(6) {
    animation-delay: 0.7s;
}

.panel-link-block:nth-child(7) {
    animation-delay: 0.8s;
}

.panel-link-block:nth-child(8) {
    animation-delay: 0.9s;
}

.panel-link-block:nth-child(9) {
    animation-delay: 1s;
}

@keyframes panel-link-anima {
    from {
        opacity: 0;
        transform: translateY(-32px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* DISPLAY */

.display {
    position: relative;
    width: 100%;
    height: calc(100% - 18px);
    background-color: #575756;
    overflow: hidden;
}

.display-alt {
    height: 80%;
}

.display-alt-2 {
    height: 50%;
}

.display-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #CD1719;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation-name: display-picture-anima;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes display-picture-anima {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

.display-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #CD1719;
    mix-blend-mode: multiply;
}

.display-overlay-alt {
    background-color: #575756;
    opacity: 0.6;
}

.display-overlay-alt-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(205, 23, 25, 0) 0%, rgba(205, 23, 25, 1) 100%);
    mix-blend-mode: multiply;
}

.display-overlay-alt-3 {
    background-color: #00BAFF;
}

.display-swiper {
    width: 100%;
    height: 100%;
    background-color: #575756;
    --swiper-theme-color: #FFFFFF;
    --swiper-pagination-bottom: 18px;
    --swiper-pagination-bullet-size: 7px;
    --swiper-pagination-bullet-width: 7px;
    --swiper-pagination-bullet-height: 7px;
    --swiper-pagination-bullet-inactive-color: rgb(255, 255, 255);
    --swiper-pagination-bullet-inactive-opacity: 0.3;
}

.display-slide {
    position: relative !important;
    width: 100% !important;
    background-color: var(--bg-color);
    overflow: hidden;
}

.slide-picture {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation-name: display-picture-anima;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    overflow: hidden;
}

.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--overlay-color);
    opacity: 0.5;
}

.slide-overlay-multiply {
    mix-blend-mode: multiply;
    opacity: 1;
}

.slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    color: #FFFFFF;
    font-size: 48px;
    line-height: 48px;
}

.slide-content-inverse {
    color: #000000;
}

.slide-content-frame {
    width: 100%;
    max-width: 1280px;
    padding-top: 12%;
    padding-bottom: 7%;
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto;
}

.slide-content-centered .slide-content-frame {
    max-width: 900px;
}

.display-alt .slide-content-frame {
    padding-bottom: 4%;
}

.display-alt-2 .slide-content-frame {
    padding-bottom: 4%;
}

.slide-title {
    width: 100%;
    max-width: 640px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0;
}

.display-slide-anima .slide-title {
    transform: translateY(-10px);
    animation-name: slide-title-anima;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes slide-title-anima {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide-subtitle {
    width: 100%;
    max-width: 640px;
    font-weight: 400;
    opacity: 0;
    transform: translateY(-10px);
    animation-fill-mode: forwards;
}

.slide-subtitle-alt {
    font-weight: 200;
}

.slide-subtitle-alt-2 {
    padding-top: 8px;
    font-size: 32px;
    line-height: 32px;
    font-weight: 200;
}

.display-slide-anima .slide-subtitle {
    animation-name: slide-subtitle-anima;
    animation-duration: 2s;
    animation-delay: 0.5s;
}

@keyframes slide-subtitle-anima {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide-caption {
    width: 100%;
    max-width: 640px;
    font-weight: 200;
    opacity: 0;
    transform: translateY(-10px);
}

.display-slide-anima .slide-caption {
    animation-name: slide-caption-anima;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

@keyframes slide-caption-anima {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 24px;
    border-radius: 2px;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 0;
    transition: 0.25s;
}

.slide-button:hover {
    color: #CD1719;
}

.touch .slide-button:hover {
    color: #000000;
}

.slide-button:active,
.touch .slide-button:active {
    color: #CD1719;
}

.display-slide-anima .slide-button {
    animation-name: slide-button-anima;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}

@keyframes slide-button-anima {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.slide-content-inverse .slide-button {
    background-color: #000000;
    color: #FFFFFF;
}

.slide-content-inverse .slide-button:hover {
    color: #CD1719;
}

.touch .slide-content-inverse .slide-button:hover {
    color: #FFFFFF;
}

.slide-content-inverse .slide-button:active,
.touch .slide-content-inverse .slide-button:active {
    color: #CD1719;
}

/* GLOBALS */

.margin {
    position: relative;
    padding-left: 24px;
    padding-right: 24px;
}

.frame {
    position: relative;
    width: 100%;
    max-width: 1232px;
    margin: 0 auto;
}

.bg-red {
    background-color: #CD1719;
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 24px;
    border-radius: 2px;
    border: solid 2px #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.25s;
}

.button:hover {
    border-color: transparent;
    background-color: #FFFFFF;
    color: #CD1719;
}

.touch .button:hover {
    border-color: #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;
}

.button:active,
.touch .button:active {
    border-color: transparent;
    background-color: #FFFFFF;
    color: #CD1719;
}

.button-alt {
    border: solid 2px #575756;
    background-color: transparent;
    color: #575756;
}

.button-alt:hover {
    border-color: transparent;
    background-color: #CD1719;
    color: #FFFFFF;
}

.touch .button-alt:hover {
    border-color: #575756;
    background-color: transparent;
    color: #575756;
}

.button-alt:active,
.touch .button-alt:active {
    border-color: transparent;
    background-color: #CD1719;
    color: #FFFFFF;
}

.columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

.columns-services {
    padding-top: 120px;
    padding-bottom: 120px;
}

.columns-activities {
    row-gap: 64px;
    padding-top: 140px;
}

.columns-activities-button {
    padding-top: 56px;
    padding-bottom: 120px;
    text-align: center;
}

.columns-steps {
    row-gap: 32px;
    padding-top: 100px;
}

.columns-steps-button {
    padding-top: 32px;
    padding-bottom: 100px;
    text-align: center;
}

.column {
    width: calc((100% - 48px) / 3);
}

.column-services {
    display: flex;
    flex-direction: column;
}

.column-header {
    width: 100%;
    max-width: 280px;
    font-size: 26px;
    line-height: 28px;
}

.column-activities .column-header {
    max-width: 320px;
    margin: 0 auto;
}

.column-steps .column-header {
    max-width: 320px;
    margin: 0 auto;
}

.column-step-number {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-radius: 8px;
    border: solid 2px #CD1719;
    color: #CD1719;
    text-align: center;
    font-size: 56px;
    line-height: 56px;
    font-weight: 300;
}

.column-title {
    color: #CD1719;
    font-weight: 600;
    text-transform: uppercase;
}

.column-subtitle {
    color: #616161;
    font-weight: 400;
}

.column-activities-title {
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.column-activities:nth-of-type(even) .column-activities-title {
    color: #1F1F1F;
}

.column-activities-subtitle {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 26px;
    font-weight: 200;
    text-align: center;
}

.column-activities:nth-of-type(even) .column-activities-subtitle {
    color: #1F1F1F;
}

.column-steps-title {
    color: #616161;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.column-steps-subtitle {
    color: #616161;
    font-size: 24px;
    line-height: 26px;
    font-weight: 200;
    text-align: center;
}

.column-intro {
    color: #616161;
    font-weight: 200;
}

.column-paragraph {
    padding-top: 14px;
    color: #616161;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.column-paragraph-alt {
    color: #CD1719;
}

.column-paragraph strong {
    font-weight: 600;
}

.block {
    position: relative;
    padding-top: 64px;
    padding-bottom: 72px;
    color: #575756;
    font-size: 44px;
    line-height: 46px;
    overflow: hidden;
}

.block-columns {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.block-columns .frame {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.block-columns .frame>div:nth-child(1) {
    padding-top: 64px;
    padding-bottom: 72px;
}

.block-columns-picture {
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.block-columns-picture-alt {
    background-position: center;
    background-size: cover;
}

.block-columns-picture-alt-2 {
    background-position: center;
}

.block-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.red-picture {
    background-color: #CD1719;
    color: #FFFFFF;
}

.red-picture .display-overlay {
    background-color: #CD1719;
}

.blue-picture {
    background-color: #00BAFF;
    color: #FFFFFF;
}

.blue-picture .display-overlay {
    background-color: #00BAFF;
}

.dark-picture {
    background-color: #575756;
    color: #FFFFFF;
}

.dark-picture .display-overlay {
    background-color: #575756;
    opacity: 0.6;
}

.original-picture .display-overlay {
    display: none;
}

.two-columns {
    padding-top: 0px;
    padding-bottom: 0px;
}

.two-columns .frame {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.two-columns .frame>div:nth-child(1) {
    padding-top: 64px;
    padding-bottom: 72px;
}

.two-column-picture {
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.two-column-picture-alt {
    background-position: center;
    background-size: cover;
}

.two-column-picture-alt-2 {
    background-position: center;
}

.red-bg {
    background-color: #CD1719;
    color: #FFFFFF;
}

.blue-bg {
    background-color: #00BAFF;
    color: #FFFFFF;
}

.gray-bg {
    background-color: #575756;
    color: #FFFFFF;
}

.block-gray {
    background-color: #575756;
    color: #FFFFFF;
}

.block-red {
    background-color: #CD1719;
    color: #FFFFFF;
    font-size: 54px;
    line-height: 56px;
}

.block-plate {
    background-color: #EEEEEE;
}

.block-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation-name: display-picture-anima;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.block-centered {
    text-align: center;
}

.block-centered .block-title,
.block-centered .block-subtitle,
.block-centered .block-intro,
.block-centered .block-paragraph {
    margin: 0 auto;
}

.block-title {
    max-width: 640px;
    font-weight: 600;
    text-transform: uppercase;
}

.block-white .block-title {
    color: #CD1719;
}

.white-bg .block-title {
    color: #CD1719;
}

.block-subtitle {
    max-width: 640px;
    padding-bottom: 24px;
    font-weight: 200;
    text-transform: uppercase;
}

.block-subtitle-alt {
    font-weight: 400;
    padding-bottom: 0px;
}

.block-red .block-subtitle {
    font-weight: 400;
    text-transform: none;
}

.block-intro {
    max-width: 840px;
    font-weight: 200;
}

.block-intro-alt {
    font-size: 40px;
    line-height: 42px;
}

.block-intro strong {
    font-weight: 400;
    opacity: 0.5;
}

.block-white .block-intro strong,
.block-plate .block-intro strong {
    opacity: 1;
}

.block-paragraph {
    max-width: 640px;
    padding-top: 16px;
    color: #575756;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
}

.block-paragraph:first-of-type {
    padding-top: 32px;
    color: #575756 !important;
}

.block-paragraph:last-of-type {
    color: #CD1719;
}

.red-picture .block-paragraph,
.blue-picture .block-paragraph,
.dark-picture .block-paragraph,
.red-bg .block-paragraph,
.blue-bg .block-paragraph,
.gray-bg .block-paragraph {
    color: #FFFFFF;
}

.block-gray .block-paragraph:first-of-type,
.block-red .block-paragraph:first-of-type,
.red-picture .block-paragraph:first-of-type,
.blue-picture .block-paragraph:first-of-type,
.dark-picture .block-paragraph:first-of-type,
.red-bg .block-paragraph:first-of-type,
.blue-bg .block-paragraph:first-of-type,
.gray-bg .block-paragraph:first-of-type {
    color: #FFFFFF !important;
}

.block-red .block-paragraph:last-of-type,
.red-picture .block-paragraph:last-of-type,
.blue-picture .block-paragraph:last-of-type,
.dark-picture .block-paragraph:last-of-type,
.red-bg .block-paragraph:last-of-type,
.blue-bg .block-paragraph:last-of-type,
.gray-bg .block-paragraph:last-of-type {
    color: #FFFFFF !important;
}

.block-paragraph strong {
    font-weight: 600;
}

.block-button {
    padding-top: 16px;
}

/* FORMS */

.form {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.form-double {
    display: flex;
    gap: 24px;
}

.form-checkbox {
    flex: auto;
    display: flex;
    align-items: center;
}

.form-button {
    flex: none;
}

.form-button-alt {
    padding-top: 10px;
}

.textbox {
    display: block;
    width: 100%;
    height: 52px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    background-color: #DEDEDE;
    color: #575756;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    transition: 0.25s;
}

.textbox::placeholder {
    opacity: 1;
    color: #999999;
    font-weight: 300;
}

.textbox:focus {
    background-color: #C5C5C5;
}

.textarea {
    display: block;
    width: 100%;
    height: 200px;
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    background-color: #DEDEDE;
    color: #575756;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    transition: 0.25s;
}

.textarea::placeholder {
    opacity: 1;
    color: #999999;
    font-weight: 300;
}

.textarea:focus {
    background-color: #C5C5C5;
}

.checkbox {
    position: relative;
    display: block;
    padding-top: 5px;
    padding-left: 42px;
    color: #575756;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.18s;
}

.checkbox input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    cursor: pointer;
}

.checkbox-checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    border: solid 1px #575756;
    transition: 0.25s;
}

.checkbox input:checked~.checkbox-checkmark {
    background-color: #CD1719;
    border-color: #CD1719;
}

.checkbox-checkmark:after {
    content: "";
    display: none;
    position: absolute;
}

.checkbox input:checked~.checkbox-checkmark:after {
    display: block;
}

.checkbox .checkbox-checkmark:after {
    top: 4px;
    left: 8px;
    width: 8px;
    height: 13px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-link,
.checkbox-link:link,
.checkbox-link:visited {
    color: #575756;
    font-weight: 400;
    cursor: pointer;
    transition: 0.25s;
}

.checkbox-link:hover {
    color: #CD1719;
}

.touch .checkbox-link:hover {
    color: #575756;
}

.checkbox-link:active,
.touch .checkbox-link:active {
    color: #CD1719;
}

.form-note {
    color: #999999;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.form-note strong {
    font-weight: 600;
}

.form-note p {
    padding-bottom: 10px;
}

.form-note p:last-of-type {
    padding-bottom: 0;
}

.submit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    padding-left: 48px;
    padding-right: 48px;
    border-radius: 4px;
    background-color: #CD1719;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.25s;
}

.submit:hover {
    background-color: #575756;
}

.touch .submit:hover {
    background-color: #CD1719;
}

.submit:active,
.touch .submit:active {
    background-color: #575756;
}

/* TEAM */

.team {
    position: relative;
    padding-top: 200px;
    padding-bottom: 120px;
}

.team-content {
    width: 25%;
    margin-left: 25%;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 32px;
    line-height: 34px;
}

.team-title {
    color: #CD1719;
    font-weight: 600;
    text-transform: uppercase;
}

.team-subtitle {
    color: #575756;
    font-weight: 400;
}

.team-intro {
    color: #575756;
    font-weight: 200;
}

.team-picture-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
}

.team-image-left {
    width: 100%;
    height: 100%;
    background-image: url(../assets/team-1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.team-picture-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-image: url(../assets/team-2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}

/* NEWSLETTER */

.newsletter {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #EEEEEE;
}

.newsletter-frame {
    max-width: 720px;
}

.newsletter-title {
    padding-bottom: 52px;
    color: #CD1719;
    font-size: 44px;
    line-height: 46px;
    font-weight: 600;
}

.newsletter-caption {
    padding-bottom: 26px;
    color: #616161;
    font-size: 22px;
    line-height: 26px;
    font-weight: 200;
}

.newsletter-caption-alt {
    padding-bottom: 16px;
}

/* CONTENT */

.content-display {
    width: 100%;
    max-width: unset;
    padding-top: 48px;
    padding-bottom: 96px;
    margin: 0 auto;
}

.content-summary {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 26px;
    padding-bottom: 30px;
    padding-left: 24px;
    padding-right: 24px;
    color: #CD1719;
    font-weight: 400;
    font-size: 32px;
    line-height: 36px;
}

.content-summary strong {
    font-weight: 600;
}

.content-summary>div {
    padding-top: 16px;
}

/* CONTACT */

.contact-layout {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    column-gap: 24px;
    row-gap: 48px;
    padding-top: 90px;
    padding-bottom: 120px;
}

.contact-data {
    flex: none;
    padding-top: 64px;
    padding-bottom: 64px;
    font-size: 26px;
    line-height: 28px;
    font-weight: 300;
}

.contact-data strong {
    font-weight: 600;
    text-transform: uppercase;
}

.contact-data-address {
    padding-bottom: 23px;
}

.contact-link {
    transition: 0.25s;
}

.contact-link strong {
    font-weight: 600;
}

.contact-link:hover {
    opacity: 0.5;
}

.touch .contact-link:hover {
    opacity: 1;
}

.contact-link:active,
.touch .contact-link:active {
    opacity: 0.5;
}

.contact-map {
    flex: auto;
    width: 100%;
    background-color: #F1F3F4;
}

.contact-title {
    padding-bottom: 24px;
    max-width: 640px;
    font-size: 28px;
    line-height: 32px;
}

/* TEAM */

.team-members {
    background-color: #F3F3F3;
    padding-left: 24px;
    padding-right: 24px;
}

.team-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-top: 100px;
    padding-bottom: 100px;
    column-gap: 32px;
    row-gap: 48px;
}

.team-item {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    line-height: 26px;
}

.team-item-data {
    display: flex;
    align-items: center;
    padding-top: 24px;
}

.team-item-description .block-paragraph {
    padding-top: 12px;
    font-size: 18px;
    line-height: 24px;
}

.team-item-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
}

.team-item-more {
    display: inline-block;
    color: #3B3939;
    font-size: 15px;
    cursor: pointer;
    transition: 0.25s;
}

.team-item-more:hover {
    color: #CD1719;
}

.touch .team-item-more:hover {
    color: #3B3939;
}

.team-item-more:active,
.touch .team-item-more:active {
    color: #CD1719;
}

.team-item-picture {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background-color: #E2E2E2;
}

.team-item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.team-item-email {
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
    margin-top: 15px;
    color: #575756;
    font-size: 18px;
    transition: 0.25s;
}

.team-item-email img {
    height: 14px;
    width: auto;
}

.team-item-email:hover {
    color: #CD1719;
}

.touch .team-item-email:hover {
    color: #575756;
}

.team-item-email:active,
.touch .team-item-email:active {
    color: #CD1719;
}

/* FAQS */

.faqs-layout {
    display: flex;
    column-gap: 5%;
    padding-top: 96px;
    padding-bottom: 96px;
}

.faqs-title {
    flex: none;
    color: #CD1719;
    font-size: 64px;
    line-height: 66px;
    font-weight: 600;
    text-transform: uppercase;
}

.faqs-title strong {
    color: #575756;
    font-weight: 600;
}

.faqs-list {
    flex: auto;
    display: flex;
    flex-direction: column;
}

.faqs-item {
    border-bottom: solid 1px #E2E2E2;
}

.faqs-item:last-of-type {
    border-bottom: none;
}

.faqs-header {
    display: flex;
    column-gap: 10px;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 22px;
    color: #616161;
    transition: 0.25s;
}

.faqs-header:hover {
    color: #999999;
}

.touch .faqs-header:hover {
    color: #616161;
}

.faqs-header:active,
.touch .faqs-header:active {
    color: #999999;
}

.faqs-item-on .faqs-header {
    color: #616161;
}

.faqs-item-on .faqs-header:hover {
    color: #616161;
}

.touch .faqs-item-on .faqs-header:hover {
    color: #616161;
}

.faqs-item-on .faqs-header:active,
.touch .faqs-item-on .faqs-header:active {
    color: #616161;
}

.faqs-question {
    flex: auto;
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
}

.faqs-item-on .faqs-question {
    font-weight: 600;
}

.faqs-arrow {
    flex: none;
    display: flex;
    align-items: flex-start;
    padding-right: 0px;
    padding-top: 6px;
}

.faqs-arrow svg {
    width: 18px;
    transition: 0.5s;
}

.faqs-item-on .faqs-arrow svg {
    transform: rotate(180deg);
}

.faqs-arrow path {
    fill: #616161;
    transition: 0.25s;
}

.faqs-header:hover .faqs-arrow path {
    fill: #999999;
}

.touch .faqs-header:hover .faqs-arrow path {
    fill: #616161;
}

.faqs-header:active .faqs-arrow path,
.touch .faqs-header:active .faqs-arrow path {
    fill: #999999;
}

.faqs-item-on .faqs-arrow path {
    fill: #999999;
    transition: 0.25s;
}

.faqs-item-on .faqs-header:hover .faqs-arrow path {
    fill: #999999;
}

.touch .faqs-item-on .faqs-header:hover .faqs-arrow path {
    fill: #999999;
}

.faqs-item-on .faqs-header:active .faqs-arrow path,
.touch .faqs-item-on .faqs-header:active .faqs-arrow path {
    fill: #999999;
}

.faqs-response {
    display: none;
    width: 100%;
    padding-bottom: 32px;
    font-size: 18px;
    line-height: 24px;
    opacity: 0;
    font-weight: 300;
    transform: scale(0.9);
    animation: faqs-response-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.faqs-item-on .faqs-response {
    display: block;
}

.faqs-response p {
    padding-bottom: 8px;
}

.faqs-response p:last-of-type {
    padding-bottom: 0px;
}

@keyframes faqs-response-anima {
    0% {
        transform: translateY(16px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

/* ARTICLES */

.articles-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    width: 100%;
    max-width: 1600px;
    padding-top: 24px;
    padding-bottom: 72px;
    margin: 0 auto;
}

.articles-box {
    display: flex;
    flex-direction: column;
    padding-bottom: 70px;
    background-color: #111111;
    color: #FFFFFF;
    transition: 0.35s;
}

.articles-box-alt {
    background-color: #CD1719;
}

.articles-box-alt-2 {
    background-color: #575756;
}

.articles-box:hover {
    filter: brightness(92%);
}

.touch .articles-box:hover {
    filter: brightness(100%);
}

.articles-box:active,
.touch .articles-box:active {
    filter: brightness(92%);
}

.articles-picture {
    flex: none;
    position: relative;
    width: 100%;
    padding-bottom: 66.66666666666667%;
    background-color: #E2E2E2;
    overflow: hidden;
}

.articles-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.articles-box:hover .articles-image {
    transform: scale(1.12);
}

.touch .articles-box:hover .articles-image {
    transform: scale(1);
}

.articles-box:active .articles-image,
.touch .articles-box:active .articles-image {
    transform: scale(1.12);
}

.articles-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(205, 23, 25, 0) 0%, rgba(205, 23, 25, 1) 100%);
    mix-blend-mode: multiply;
}

.articles-data {
    flex: auto;
    position: relative;
    padding: 34px;
}

.articles-title {
    padding-top: 24px;
    padding-bottom: 24px;
}

.articles-preheader {
    font-size: 28px;
    line-height: 32px;
    font-weight: 200;
}

.articles-date {
    font-size: 28px;
    line-height: 32px;
    font-weight: 200;
}

.articles-header {
    font-size: 32px;
    line-height: 34px;
    font-weight: 600;
    text-transform: uppercase;
}

.articles-intro {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
}

.articles-read {
    margin-top: 16px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.25s;
}

.articles-read:hover {
    opacity: 0.5;
}

.touch .articles-read:hover {
    opacity: 1;
}

.articles-read:active,
.touch .articles-read:active {
    opacity: 0.5;
}

.articles-share {
    display: flex;
    column-gap: 14px;
    padding-left: 24px;
    padding-right: 24px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    text-transform: uppercase;
}

.articles-share-alt {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 32px;
    padding-bottom: 56px;
}

.articles-share-buttons {
    display: flex;
}

.articles-share-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}

.articles-share-button svg {
    width: auto;
    height: 16px;
}

.articles-share path {
    fill: #999999;
    transition: 0.25s;
}

.articles-box-alt .articles-share path {
    fill: #CCCCCC;
}

.articles-share-button:hover path {
    opacity: 0.5;
}

.touch .articles-share-button:hover path {
    opacity: 1;
}

.articles-share-button:active path,
.touch .articles-share-button:active path {
    opacity: 0.5;
}

.article-content {
    display: block;
    width: 100%;
    overflow: hidden;
}

.article-content h2,
.article-content h3,
.article-content p,
.article-content ul,
.article-content ol,
.article-image,
.article-content-embed {
    display: block;
    width: 100%;
    max-width: 900px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto;
}

.article-content-alt h2,
.article-content-alt h3,
.article-content-alt p,
.article-content-alt ul,
.article-content-alt ol,
.article-image-alt,
.article-content-embed-alt {
    max-width: unset;
    margin: unset;
}

.article-content-embed {
    padding-top: 20px;
    padding-bottom: 20px;
}

.article-content-embed-frame {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.article-content-embed iframe {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.article-content-embed-frame iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.article-content strong,
.article-content b {
    font-weight: 600;
}

.article-content p,
.article-content ul,
.article-content ol {
    color: #616161;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

.article-content ul,
.article-content ol {
    padding-left: 64px;
    padding-right: 24px;
}

.article-content li {
    padding: 0;
    margin: 0;
}

.article-content h2 {
    padding-top: 22px;
    color: #616161;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
}

.article-content h3 {
    padding-top: 22px;
    color: #616161;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.article-content a,
.article-content a:link,
.article-content a:visited {
    color: #CD1719;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.article-content a:hover {
    text-decoration: underline;
}

.touch .article-content a:hover {
    text-decoration: none;
}

.article-content a:active,
.touch .article-content a:active {
    text-decoration: underline;
}

.article-image {
    padding-top: 22px;
    padding-bottom: 22px;
}

.article-content img {
    display: block;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
}

.article-image-full {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.article-image-full img {
    width: 100%;
    max-width: none;
    border-radius: 0;
}

.article-image-with-border img {
    border: solid 2px #F4F5F8;
}

.article-image-with-bg img {
    padding: 32px;
    background-color: #F4F5F8;
}

.article-content figcaption {
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
    color: #999999;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
}

.article-content-embed figcaption {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}

.articles-suggestions {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 32px;
    padding-bottom: 24px;
    padding-left: 34px;
    padding-right: 34px;
    background-color: #FFFFFF;
    border-top: solid 1px #EEEEEE;
    color: #575756;
    font-size: 32px;
    line-height: 34px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

/* DOCUMENTS */

.documents-list {
    flex: auto;
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 90px;
}

.documents-item {
    border-bottom: solid 1px #E2E2E2;
}

.documents-item:last-of-type {
    border-bottom: none;
}

.documents-header {
    display: flex;
    column-gap: 10px;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 22px;
    color: #616161;
    transition: 0.25s;
}

.documents-header:hover {
    color: #999999;
}

.touch .documents-header:hover {
    color: #616161;
}

.documents-header:active,
.touch .documents-header:active {
    color: #999999;
}

.documents-name {
    flex: auto;
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
}

.documents-arrow {
    flex: none;
    display: flex;
    align-items: flex-start;
    padding-right: 0px;
    padding-top: 6px;
}

.documents-arrow svg {
    width: 18px;
    transform: rotate(-90deg);
    transition: 0.5s;
}

.documents-arrow path {
    fill: #616161;
    transition: 0.25s;
}

.documents-header:hover .documents-arrow path {
    fill: #999999;
}

.touch .documents-header:hover .documents-arrow path {
    fill: #616161;
}

.documents-header:active .documents-arrow path,
.touch .documents-header:active .documents-arrow path {
    fill: #999999;
}

.document-content {
    padding-top: 17px;
    padding-bottom: 100px;
}

.document-content h2,
.document-content h3,
.document-content p,
.document-content ul,
.document-content ol,
.document-image {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 auto;
}

.document-content strong,
.document-content b {
    font-weight: 600;
}

.document-content p,
.document-content ul,
.document-content ol {
    font-size: 15px;
    line-height: 23px;
    font-weight: 300;
}

.document-content ul,
.document-content ol {
    padding-left: 38px;
    padding-right: 38px;
}

.document-content li {
    padding: 0;
    margin: 0;
}

.document-content h2 {
    padding-top: 18px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}

.document-content h3 {
    padding-top: 18px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.document-content a,
.document-content a:link,
.document-content a:visited {
    color: #999999;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.document-content a:hover {
    text-decoration: underline;
}

.touch .document-content a:hover {
    text-decoration: none;
}

.document-content a:active,
.touch .document-content a:active {
    text-decoration: underline;
}

.document-image {
    padding-top: 22px;
    padding-bottom: 22px;
}

.document-content img {
    display: block;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
}

.document-image-full {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.document-image-full img {
    width: 100%;
    max-width: none;
    border-radius: 0;
}

.document-image-with-border img {
    border: solid 2px #F4F5F8;
}

.document-image-with-bg img {
    padding: 32px;
    background-color: #F4F5F8;
}

.document-content figcaption {
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
    color: #999999;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
}

/* FOOTER */

.footer {
    padding-top: 120px;
    padding-bottom: 180px;
    background-color: #000000;
    text-align: center;
}

.footer-layout {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.footer-brand-link {
    display: inline-block;
}

.footer-brand-link img {
    width: auto;
    height: 96px;
}

.footer-caption {
    padding-top: 48px;
    padding-bottom: 48px;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 32px;
    font-weight: 200;
}

.footer-buttons {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

.footer-legals {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

.footer-link {
    display: inline-block;
    color: #FFFFFF;
    transition: 0.25s;
}

.footer-link:hover {
    color: #CD1719;
}

.touch .footer-link:hover {
    color: #FFFFFF;
}

.footer-link:active,
.touch .footer-link:active {
    color: #CD1719;
}

.footer-link-on {
    color: #CD1719;
}

.footer-link-on:hover {
    color: #CD1719;
}

.touch .footer-link-on:hover {
    color: #CD1719;
}

.footer-link-on:active,
.touch .footer-link-on:active {
    color: #CD1719;
}

.footer-networks {
    display: flex;
    justify-content: center;
    column-gap: 34px;
    padding-top: 48px;
    padding-bottom: 64px;
}

.footer-network {
    opacity: 1;
    transition: 0.25s;
}

.footer-network img {
    width: 24px;
    height: 24px;
}

.footer-network:hover {
    transform: scale(1.35);
}

.touch .footer-network:hover {
    transform: scale(1);
}

.footer-network:active,
.touch .footer-network:active {
    transform: scale(1.35);
}

.footer-copy {
    color: #CD1719;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

/* TOAST */

#toast {
    position: fixed;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    z-index: 110;
}

.toast-item {
    display: none;
    column-gap: 12px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 6px;
    background-color: #CD1719;
    opacity: 0;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
    transform: translateY(-100%);
}

.toast-show {
    opacity: 1;
    transform: translateY(0%);
    transition: 0.5s;
}

.toast-hide {
    opacity: 0;
    transform: scale(0.9);
    transition: 0.25s;
}

.toast-caption {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
}

.toast-inverse .toast-caption {
    color: #575756;
}

.toast-button {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.7;
    cursor: pointer;
    transition: 0.25s;
}

.toast-inverse .toast-button {
    color: #575756;
}

.toast-button:hover {
    opacity: 1;
}

.touch .toast-button:hover {
    opacity: 0.7;
}

.toast-button:active,
.touch .toast-button:active {
    opacity: 1;
}

/* ADVICE */

.advice {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 480px;
    height: 100%;
    background-color: #FFFFFF;
    animation: advice-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    overflow: auto;
    z-index: 120;
}

@keyframes advice-anima {
    0% {
        transform: translate(-10%);
        opacity: 0;
    }

    100% {
        transform: translate(0);
        opacity: 1;
    }
}

.advice-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    animation: panel-bg-anima 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    z-index: 119;
}

@keyframes advice-bg-anima {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.advice-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 10%;
    padding-right: 10%;
}

.advice-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.advice-actions {
    display: flex;
    justify-content: flex-end;
}

.advice-close {
    display: inline-flex;
    padding: 12px;
    padding-top: 11px;
    padding-bottom: 17px;
    cursor: pointer;
}

.advice-close img {
    display: block;
    width: 26px;
    height: 26px;
    transition: 0.5s;
}

.advice-close:hover img {
    transform: rotate(180deg);
}

.touch .advice-close:hover img {
    transform: rotate(0deg);
}

.advice-close:active img,
.touch .advice-close:active img {
    transform: rotate(180deg);
}

.advice-actions-buttons {
    flex: none;
    display: flex;
    column-gap: 22px;
    padding-bottom: 16px;
}

.advice-content {
    flex: auto;
    display: flex;
    align-items: center;
    padding-bottom: 48px;
}

.advice-main {
    color: #CD1719;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    opacity: 0;
    animation-name: advice-content-anima;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}

.advice-main strong {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
}

.advice-detail {
    padding-top: 16px;
    color: #575756;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    text-align: center;
    opacity: 0;
    animation-name: advice-content-anima;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.advice-detail strong {
    font-weight: 600;
}

.advice-main div,
.advice-detail div {
    padding-bottom: 10px;
}

@keyframes advice-content-anima {
    from {
        opacity: 0;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* RESPONSIVE */

@media (max-width: 1200px) {

    .articles-grid {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 1000px) {

    .two-columns .frame {
        grid-template-columns: 1fr;
    }

    .two-columns .frame>div:nth-child(1) {
        padding-bottom: 0px;
    }

    .two-column-picture {
        padding-bottom: 100%;
    }

    .two-column-picture-alt {
        width: calc(100% + 48px);
        margin-left: -24px;
    }

    .block-columns .frame {
        grid-template-columns: 1fr;
    }

    .block-columns .frame>div:nth-child(1) {
        padding-top: 64px;
        padding-bottom: 72px;
    }

    .block-columns-picture {
        padding-bottom: 100%;
    }

    .block-columns-picture-alt {
        width: calc(100% + 48px);
        margin-left: -24px;
    }

    .team {
        display: flex;
        flex-direction: column;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .team-content {
        order: 2;
        width: 100%;
        margin-left: 0%;
        padding-top: 18px;
    }

    .team-picture-left {
        order: 1;
        position: relative;
        width: 50%;
        height: unset;
    }

    .team-image-left {
        width: 100%;
        padding-bottom: 150.1272264631043%;
    }

    .team-picture-right {
        order: 3;
        position: relative;
        width: 100%;
        height: unset;
        padding-bottom: 71.95121951219512%;
    }

    .team-grid {
        grid-template-columns: 1fr 1fr;
    }

    .faqs-layout {
        flex-direction: column;
    }

    .faqs-title {
        padding-bottom: 48px;
    }

}

@media (max-width: 900px) {

    .articles-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 700px) {

    .columns {
        gap: 48px;
    }

    .column {
        width: 100%;
    }

    .team-grid {
        grid-template-columns: 1fr;
    }

    .contact-layout {
        grid-template-columns: 1fr;
        row-gap: 24px;
        padding-top: 0px;
    }

    .contact-data {
        padding-bottom: 24px;
    }

    .contact-map {
        height: 400px;
    }

}

@media (max-width: 680px) {

    .panel-layout {
        padding-top: 64px;
        padding-left: 32px;
        padding-right: 31px;
    }

    .panel-buttons {
        padding-bottom: 64px;
    }

    .slide-content {
        font-size: 32px;
        line-height: 32px;
    }

    .slide-content-frame {
        padding-top: 20%;
    }

    .slide-button {
        height: 44px;
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 18px;
    }

}

@media (max-width: 540px) {

    .bar {
        height: 90px;
    }

    .bar-fill {
        height: 90px;
    }

    .bar-compact {
        height: 70px;
    }

    .bar-brand-link img {
        height: 22px;
    }

    .bar-menu-btn {
        width: 24px;
        height: 21px;
    }

    .panel-layout {
        height: auto;
        min-height: 100%;
        padding-top: 48px;
    }

    .panel-close img {
        width: 19px;
        height: 19px;
    }

    .panel-link {
        font-size: 18px;
        line-height: 22px;
    }

}

@media (max-width: 480px) {

    .slide-content-frame {
        padding-top: 5%;
        padding-bottom: 22%;
    }

    .display-alt .slide-content-frame {
        padding-bottom: 12%;
    }

    .display-alt-2 .slide-content-frame {
        padding-bottom: 12%;
    }

    .columns-services {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .block {
        font-size: 32px;
        line-height: 34px;
    }

    .block-intro-alt {
        font-size: 30px;
        line-height: 32px;
    }

    .content-summary {
        font-size: 26px;
        line-height: 30px;
    }

    .columns-activities {
        padding-top: 120px;
    }

    .contact-data {
        font-size: 22px;
        line-height: 24px;
    }

    .articles-data {
        padding: 18px;
    }

    .articles-title {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .articles-preheader {
        font-size: 24px;
        line-height: 28px;
    }

    .articles-date {
        font-size: 24px;
        line-height: 28px;
    }

    .articles-header {
        font-size: 28px;
        line-height: 30px;
    }

    .articles-share {
        padding-left: 18px;
        padding-right: 18px;
    }

    .articles-suggestions {
        font-size: 28px;
        line-height: 30px;
    }

    .document-content h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .document-content h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .article-content h2 {
        padding-top: 22px;
        font-size: 24px;
        line-height: 32px;
    }

    .article-content h3 {
        padding-top: 22px;
        font-size: 18px;
        line-height: 26px;
    }

    .faqs-title {
        font-size: 44px;
        line-height: 46px;
    }

    .faqs-question {
        font-size: 20px;
        line-height: 24px;
    }

    .documents-name {
        font-size: 20px;
        line-height: 24px;
    }

    .form-double {
        flex-direction: column;
    }

    .footer {
        padding-top: 100px;
        padding-bottom: 140px;
    }

    .footer-brand-link img {
        height: 72px;
    }

    .footer-caption {
        padding-top: 32px;
        padding-bottom: 32px;
        font-size: 22px;
        line-height: 30px;
    }

    .footer-buttons {
        font-size: 18px;
        line-height: 26px;
    }

    .footer-legals {
        font-size: 18px;
        line-height: 26px;
    }

    .footer-copy {
        font-size: 18px;
        line-height: 26px;
    }

}