:root {
    --bs-body-font-family: 'Verdana Pro Cond';
    --font-size: 12px;
    --bs-body-bg: var(--color-f2f2f2);

    --color-f2f2f2: #F2F2F2;
    --color-516a60: #516A60;
    --color-707070: #707070;
    --color-4b4b4b: #4B4B4B;
    --color-accbbe: #ACCBBE;

    --gradient-1: transparent linear-gradient(180deg, #000000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
    --gradient-2: transparent linear-gradient(180deg, var(--color-516a60) 0%, var(--color-accbbe) 100%) 0% 0% no-repeat padding-box;

    --header-height: 98px;
    --padding-x-big-container: 3rem;

    --bs-form-valid-color: #ffffff;
    --bs-form-valid-border-color: #ffffff;
    --bs-form-invalid-border-color: #BE778A;
    --bs-form-invalid-color: #BE778A;

    --sb-track-color: #F2F2F2;
    --sb-thumb-color: #516a60;
    --sb-size: 5px;
}

/* SM */

@media (min-width: 576px) {
    :root {
        --font-size: 13px
    }
}

/* MD */

@media (min-width: 768px) {
    :root {
        --font-size: 14px
    }
}

/* LG */

@media (min-width: 992px) {
    :root {
        --font-size: 15px;
        --header-height: 124px;
    }
}

/* XL */

@media (min-width: 1200px) {
}

/* XXL */

@media (min-width: 1400px) {

    :root {
        --padding-x-big-container: 4.25rem;
    }

}


@media (min-width: 1850px) {

    :root {
        --font-size: 16px;
        --padding-x-big-container: 8.75rem;
    }
}

@media (max-width: 992px) and (max-height: 600px) {

    :root {
        --font-size: 12px
    }
}html {
    font-size: var(--font-size);
}

body {
    overflow-x: hidden;
}

main {
    position: relative;
}

/* ===============================================================================
 * Shadows
 * =============================================================================*/

a:focus,
button:focus,
input:focus,
textarea:focus,
.form-control:focus,
.custom-control-input:focus,
a:checked,
button:checked,
input:checked,
textarea:checked,
.form-control:checked,
.custom-control-input:checked,
a:after,
button:after,
input:after,
textarea:after,
.form-control:after,
.custom-control-input:after,
a:before,
button:before,
input:before,
textarea:before,
.form-control:before,
.custom-control-input:before,
.custom-control-input:focus~.custom-control-label::before {
    outline: none !important;
    box-shadow: none !important;
}

/* ===============================================================================
 *	Scroll to Top
 * =============================================================================*/

#scrollup {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    display: none;
    z-index: 1020;
    padding: 0;
    width: 2.75rem;
    height: 2.75rem;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    --bs-btn-border-radius: 50%;

    --bs-btn-color: var(--color-516a60);
    --bs-btn-bg: var(--color-f2f2f2);
    --bs-btn-border-color: var(--color-516a60);

    --bs-btn-hover-color: var(--color-f2f2f2);
    --bs-btn-hover-bg: var(--color-516a60);
    --bs-btn-hover-border-color: var(--color-516a60);

    --bs-btn-active-color: var(--color-f2f2f2);
    --bs-btn-active-bg: var(--color-516a60);
    --bs-btn-active-border-color: var(--color-516a60);
}

#video-sphere-1 {
    position: absolute;
    mix-blend-mode: color-dodge;
    opacity: 0.75;

    top: -1%;
    right: 0;
    width: 25rem;
    height: 29rem;

    transform: matrix(0.28, -0.96, 0.96, 0.28, 0, 0) translateY(60%);
}

#video-sphere-2 {
    position: absolute;
    mix-blend-mode: color-dodge;
    opacity: 0.75;

    top: 128rem;
    left: 0;
    width: 25rem;
    height: 29rem;

    transform: matrix(-0.26, 0.97, -0.97, -0.26, 0, 0) translateY(50%);
}

#video-sphere-green-1 {
    position: absolute;
    mix-blend-mode: darken;
    opacity: 0.75;
    clip-path: inset(1px 1px);

    top: -1%;
    right: 0;
    width: 25rem;
    height: 29rem;

    transform: matrix(0.28, -0.96, 0.96, 0.28, 0, 0) translateY(60%);
}

#video-sphere-green-2 {
    position: absolute;
    mix-blend-mode: darken;
    opacity: 0.6;
    clip-path: inset(1px 1px);

    top: 50%;
    left: 0;
    width: 25rem;
    height: 29rem;

    transform: matrix(-0.26, 0.97, -0.97, -0.26, 0, 0) translateY(65%);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 6rem;
}

.link-file-pdf {
    display: inline-block;
    width: 25px;
}

.link-file-pdf .icon-pdf {
    max-width: 100%;
    height: auto;
}

.z-7 {
    z-index: 7 !important;
}

/*
============================================
=============== SCROLL BAR =================
============================================
*/

*::-webkit-scrollbar {
    width: var(--sb-size);
    height: var(--sb-size);
}

*::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 3px;
}

*::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 3px;
}

@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

/* SM */

@media (min-width: 576px) {

    #video-sphere-1 {
        transform: matrix(0.28, -0.96, 0.96, 0.28, 0, 0) translateY(50%);
    }

    #video-sphere-green-1 {
        transform: matrix(0.28, -0.96, 0.96, 0.28, 0, 0) translateY(50%);
    }

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 1.5rem;
    }
}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {

    #video-sphere-1 {
        top: -2%;
        width: 30rem;
        height: 34rem;
    }

    #video-sphere-2 {
        top: 62%;
        width: 32rem;
        height: 35rem;
    }

    #video-sphere-green-1 {
        top: 0%;
        width: 30rem;
        height: 34rem;
    }

    #video-sphere-green-2 {
        top: 50%;
        width: 25rem;
        height: 29rem;
    }
}.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-divider: '>';
    --bs-breadcrumb-font-size: 0.8rem;
    text-transform: uppercase;
}

.breadcrumb a {
    font-weight: 300;
    color: var(--color-707070);
    text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-weight: 300;
}.btn {
    --bs-btn-border-radius: 2px;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-line-height: 1;
    padding: 2.58rem 8.16rem 2.58rem 3rem;
    font-size: 1.25rem;
    position: relative;
}

.btn-sm {

}

/*
============================================
================= THEME 1 ==================
============================================
*/

.btn-theme-1 {
    --bs-btn-color: var(--color-516a60);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--color-516a60);

    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--color-516a60);

    --bs-btn-focus-shadow-rgb: 49,132,253;

    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--color-516a60);
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: var(--color-516a60);
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: var(--color-516a60);
}

.btn-theme-1:hover {
    background: transparent linear-gradient(336deg, #000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
}

.btn-theme-1.active:hover {
    background: transparent linear-gradient(336deg, #000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn.btn-theme-1::after {
    content: "";
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    height: 0.7rem;
    width: 3.1rem;
    background-image: url('./../Img/SETA.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.btn.btn-theme-1:hover::after {
    background-image: url('./../Img/SETA_HOVER_BRANCO.svg');
}

/*
============================================
================= THEME 2 ==================
============================================
*/

.btn-theme-2 {
    --bs-btn-color: #ffffff65;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #ffffff65;

    --bs-btn-hover-color: var(--color-516a60);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;

    --bs-btn-focus-shadow-rgb: 49,132,253;

    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffffff;
}

.btn-theme-2.active:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn.btn-theme-2::after {
    content: "";
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    height: 0.7rem;
    width: 3.1rem;
    background-image: url('./../Img/SETA_BRANCA.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.65;
}

.btn-theme-2.active::after {
    opacity: 1;
}

.btn.btn-theme-2:hover::after {
    background-image: url('./../Img/SETA_HOVER_VERDE.svg');
    opacity: 1;
}

/*
============================================
================= THEME 3 ==================
============================================
*/

.btn-theme-3 {
    --bs-btn-color: var(--color-516a60);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;

    --bs-btn-hover-color: var(--color-516a60);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;

    --bs-btn-focus-shadow-rgb: 49,132,253;

    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);

    --bs-btn-disabled-color: transparent;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
}

.btn.btn-theme-3:hover {
    --bs-btn-font-weight: 600;
}

.btn-theme-3.active:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn.btn-theme-3::after {
    content: "";
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    height: 0.7rem;
    width: 3.1rem;
    background-image: url('./../Img/SETA.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.btn.btn-theme-3:hover::after {
    background-image: url('./../Img/SETA_HOVER_VERDE.svg');
}

/*
============================================
================= THEME 4 ==================
============================================
*/

.btn-theme-4 {
    --bs-btn-color: #fff;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;

    --bs-btn-focus-shadow-rgb: 49,132,253;

    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);

    --bs-btn-disabled-color: transparent;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
}

.btn.btn-theme-4:hover {
    --bs-btn-font-weight: 600;
}

.btn-theme-4.active:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn.btn-theme-4::after {
    content: "";
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    height: 0.7rem;
    width: 3.1rem;
    background-image: url('./../Img/SETA_BRANCA.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.btn.btn-theme-4:hover::after {
    background-image: url('./../Img/SETA_HOVER_BRANCO.svg');
}


/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

    .btn {
        padding: 2rem 8.375rem 2rem 2.5rem;
        font-size: 1rem;
    }

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}.ck-editor {
    font-size: 1.25rem;
}

.ck-editor dl, ul, ol {
    padding-left: 1rem;
}

.ck-editor p {
    color: var(--color-707070);
}

.ck-editor a {
    color: var(--color-707070);
}

.ck-editor p:last-child {
    margin-bottom: 0;
}

/*
============================================
================= HEADERS ==================
============================================
*/

.ck-editor :where(h1, h2, h3, h4, h5, h6) {
    color: var(--color-516a60);
    font-size: 2rem;
    font-weight: bold;
    color: var(--color-516a60);
    margin-bottom: 2.25rem;
}

/**
 * IMAGES
 *
 * Setting the images with a max-width of 100% of the container.
 * Adding auto width and height only if the style property is empty, otherwise the user may have defined specific values to be used.
 */
.ck-editor img {
    max-width: 100%;
}
.ck-editor img[style=""] {
    width: auto !important;
    height: auto !important;
}

/*
============================================
================== TABLE ===================
============================================
*/

.ck-editor table {
    width: 100% !important;
    border: 0;
}

.ck-editor table thead {
    position: relative;
}

.ck-editor table thead:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: transparent linear-gradient(90deg, var(--color-516a60) 0%, #ACCBBE 100%) 0% 0% no-repeat padding-box;
    z-index: 4;
}

.ck-editor table thead:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: transparent linear-gradient(90deg, var(--color-516a60) 0%, #ACCBBE 100%) 0% 0% no-repeat padding-box;
    z-index: 4;
}

.ck-editor table th {
    color: var(--color-4b4b4b);
    font-weight: 900;
    white-space: nowrap;
}

.ck-editor table td {
    color: var(--color-707070);
}

.ck-editor table th,
.ck-editor table td {
    padding: 1.5rem 2.5rem;
}

.ck-editor table tbody tr {
    border-bottom: 1px solid #516A602E;
}

.ck-editor table tbody tr:first-child {
    border-top: 1px solid #516A602E;
}

/*
============================================
================== LIST ====================
============================================
*/

.ck-editor li {
    color: var(--color-707070);
}

.ck-editor li::marker {
    color: var(--color-516a60);
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {
}

/* LG */

@media (min-width: 992px) {

    .ck-editor {
        font-size: 1rem;
    }

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}.table.dataTable thead .sorting,
.table.dataTable thead .sorting_asc,
.table.dataTable thead .sorting_desc {
    background-image: none !important;
}

div.dataTables_wrapper div.dataTables_length label {
    font-size: 0.8rem;
}

.dataTables_wrapper .dataTables_length select {
    padding: .2rem 2rem .2rem .5rem;
    font-size: .8rem;
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-body-bg);
}

div.dataTables_wrapper div.dataTables_filter label {
    font-size: 0.8rem;
}

div.dataTables_wrapper div.dataTables_filter input {
    padding: .2rem 1rem .2rem 1rem;
    font-size: .8rem;
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-body-bg);
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 0.8rem;
    padding: .5rem 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    padding: .5rem 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 0;
    border-radius: 0;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: var(--bs-pagination-disabled-color) !important;
    border: none;
    background: var(--bs-pagination-disabled-bg);
    box-shadow: none;
}

.dataTables_wrapper tbody,
.dataTables_wrapper td,
.dataTables_wrapper tfoot,
.dataTables_wrapper th,
.dataTables_wrapper thead,
.dataTables_wrapper tr {
    border-color: var(--bs-table-border-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--bs-body-color);
}

.dataTables_wrapper .btn {
    min-width: unset;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-border-radius: var(--bs-border-radius);
}
.datepicker td,
.datepicker th {
	width: 2rem;
	height: 2rem;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
	background-color: var(--bs-primary);
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-image: none;
}
form .form-control {
    background-color: transparent;
    color: #ffffff;
    padding-bottom: 0.75rem;
    padding-left: 0;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-color: #ffffff65;
    font-weight: 300;
    font-size: 1.25rem;
}

form[data-theme="dark"] .form-control {
    color: var(--color-707070);
    border-color: var(--color-707070);
}

form .form-control::placeholder {
    font-weight: 300;
    color: #ffffff;
    opacity: 0.65;
    text-transform: uppercase;
}

form[data-theme="dark"] .form-control::placeholder {
    color: var(--color-707070);
}

form .form-control.is-invalid,
form .was-validated .form-control:invalid {
    background-image: none;
}

form .form-control.is-valid,
form .was-validated .form-control:valid {
    background-image: none;
}

form .form-control.is-invalid::placeholder,
form .was-validated .form-control:invalid::placeholder {
    color: var(--bs-form-invalid-color);
}

form select.form-control {
}

form .form-control:hover {
}

form .form-control:focus {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

form[data-theme="dark"]  .form-control:focus {
    border-color: var(--color-707070);
    color: var(--color-707070);
}

form .form-label {
}

form .mandatory {
    color: var(--bs-red);
    margin-left: 0.25rem;
}

form .mandatory-info {
    font-size: 0.8rem;
    margin-bottom: 1rem;
    color: var(--bs-secondary);
    line-height: 1rem;
    font-weight: 500;
}

form .form-check-label {
    font-weight: 300;
    color: #ffffff65
}

form[data-theme="dark"] .form-check-label {
    color: var(--color-707070);
}

form .form-check-label a {
    color: #ffffff65
}

form[data-theme="dark"] .form-check-label a {
    color: var(--color-707070);
}

form .form-check {
    display: flex;
    align-items: start;
    margin-bottom: 1rem;
    gap: 1rem;
}

form .form-check-input {
}

form .input-group-text {
}

form .form-check-input[type="checkbox"] {
    --bs-form-check-bg: transparent;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0;
    margin-right: 0;
    border-radius: 0;
    --bs-border-color: #ffffff65
}

form .form-check-input:checked,
form .form-check-input.is-valid:checked,
form .was-validated .form-check-input:valid:checked {
    background-color: transparent;
    border-color: #fff;
}

form[data-theme="dark"] .form-check-input:checked,
form[data-theme="dark"] .form-check-input.is-valid:checked,
form[data-theme="dark"] .was-validated .form-check-input:valid:checked {
    background-color: var(--color-707070);
    border-color: var(--color-707070);
}

.grecaptcha-badge {
    visibility: hidden;
}

form .google-recaptcha-text {
    color: #ffffff65;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25;
    display: inline-block;
}

form[data-theme="dark"] .google-recaptcha-text {
    color: var(--color-707070);
}

form .google-recaptcha-text a {
    color: #ffffff65;
}

form[data-theme="dark"] .google-recaptcha-text a {
    color: var(--color-707070);
}

form[data-theme="dark"] {
    --bs-form-valid-color: var(--color-707070);
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

    form .form-control {
        font-size: 1rem;
        padding: 0 0 1.4rem 0;
    }
}

/* LG */

@media (min-width: 992px) {

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}#tpl-loading {
    position: fixed;
    z-index: 20000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.8);
}

#tpl-loading  .lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

#tpl-loading  .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

#tpl-loading  .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}

#tpl-loading  .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

#tpl-loading  .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

#tpl-loading  .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

#tpl-loading  .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

#tpl-loading  .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

#tpl-loading  .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

#tpl-loading  .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

#tpl-loading  .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

#tpl-loading  .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

#tpl-loading  .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

#tpl-loading  .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

#tpl-loading  .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

#tpl-loading  .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

#tpl-loading  .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

#tpl-loading  .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

#tpl-loading  .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}.modal-content {
    --bs-modal-border-radius: 0;
    --bs-modal-header-border-color: transparent;
}

#j-template-modal .lead:empty {
    display: none;
}

#j-template-modal .modal-footer:empty {
    display: none;
}.pagination {
    --bs-pagination-font-size: 0.8rem;

    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;

    --bs-pagination-bg: var(--bs-gray-100);
    --bs-pagination-border-color: transparent;

    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #3cb4e6;
    --bs-pagination-active-border-color: #3cb4e6;

    --bs-pagination-disabled-color: var(--bs-gray-600);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-secondary-bg);
}

.page-item:not(:first-child) .page-link {
    margin-left: 0;
}.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}.swal2-container .swal2-popup {
    border-radius: 0;
    color: var(--bs-body-color);
}

.swal2-container .swal2-styled {
    margin: .3125em;
    font-weight: 400;
    padding: 1rem 1.25rem;
	min-width: 12.5rem;
}

.swal2-container .swal2-actions .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 40px;
    background-color: var(--bs-primary);
    color: #fff;
    font-size: 1rem;
}

.swal2-container .swal2-actions .swal2-styled.swal2-cancel {
    border: 0;
    border-radius: 40px;
    background-color: var(--bs-secondary);
    color: #fff;
    font-size: 1rem;
}

.swal2-container .swal2-icon.swal2-success {
    border-color: var(--bs-success);
    color: var(--bs-success);
}

.swal2-container .swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: var(--bs-success);
}

.swal2-container .swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--bs-success);
}

.swal2-container .swal2-icon.swal2-error {
    border-color: var(--bs-danger);
    color: var(--bs-danger);
}

.swal2-container .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: var(--bs-danger);
}


/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}/* ===============================================================================
 * Social network
 * =============================================================================*/

.fa-facebook,
.fa-facebook-square {
	color: #3b5998;
}

.fa-twitter,
.fa-twitter-square {
	color: #00aced;
}

.fa-google-plus,
.fa-google-plus-square {
	color: #dd4b39;
}

.fa-youtube,
.fa-youtube-play,
.fa-youtube-square {
	color: #bb0000;
}

.fa-tumblr,
.fa-tumblr-square {
	color: #32506d;
}

.fa-vine {
	color: #00bf8f;
}

.fa-flickr {
	color: #ff0084;
}

.fa-vimeo-square {
	color: #aad450;
}

.fa-pinterest,
.fa-pinterest-square {
	color: #cb2027;
}

.fa-linkedin,
.fa-linkedin-square {
	color: #007bb6;
}

.fa-instagram {
	color: #517fa4;
}

.fa-instagram-square {
	color: transparent;
	background: radial-gradient(
		circle at 30% 107%,
		#fdf497 0%,
		#fdf497 5%,
		#fd5949 45%,
		#d6249f 60%,
		#285aeb 90%
	);
	background: -webkit-radial-gradient(
		circle at 30% 107%,
		#fdf497 0%,
		#fdf497 5%,
		#fd5949 45%,
		#d6249f 60%,
		#285aeb 90%
	);
	background-clip: text;
	-webkit-background-clip: text;
}

.fa-spotify {
	color: #1ed760;
}
a.btn.disabled[data-disabled-title],
fieldset[disabled] a.btn[data-disabled-title],
.disabled[data-disabled-title] {
    pointer-events: auto;
    cursor: not-allowed;
    opacity: .30;
}

.tooltipster-sidetip.tooltipster-disabled .tooltipster-box {border:none;border-radius:3px;background:#333;box-shadow:none}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-bottom .tooltipster-box{margin-top:6px}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-left .tooltipster-box{margin-right:6px}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-right .tooltipster-box{margin-left:6px}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-top .tooltipster-box{margin-bottom:6px}
.tooltipster-sidetip.tooltipster-disabled .tooltipster-content{color:#fff;padding:8px;font-size:12px;line-height:16px}
.tooltipster-sidetip.tooltipster-disabled .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-disabled.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}
.tooltipster-sidetip.tooltipster-disabled .tooltipster-arrow-background{display:none}
.tooltipster-sidetip.tooltipster-disabled .tooltipster-arrow-border{border:6px solid transparent}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#333}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-left .tooltipster-arrow-border{border-left-color:#333}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-right .tooltipster-arrow-border{border-right-color:#333}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-top .tooltipster-arrow-border{border-top-color:#333}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}
.tooltipster-sidetip.tooltipster-disabled.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}

.tooltipster-sidetip.tooltipster-image-preview .tooltipster-box {border:none;border-radius:0;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-bottom .tooltipster-box{margin-top:6px}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-left .tooltipster-box{margin-right:6px}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-right .tooltipster-box{margin-left:6px}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-top .tooltipster-box{margin-bottom:6px}
.tooltipster-sidetip.tooltipster-image-preview .tooltipster-content{color:#8d8d8d;padding:0;}
.tooltipster-sidetip.tooltipster-image-preview .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-image-preview.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}
.tooltipster-sidetip.tooltipster-image-preview .tooltipster-arrow-background{display:none}
.tooltipster-sidetip.tooltipster-image-preview .tooltipster-arrow-border{border:6px solid transparent}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}
.tooltipster-sidetip.tooltipster-image-preview.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}


table.table {
    width: 100% !important;
    border: 0;
}

table.table thead {
    position: relative;
}

table.table thead:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: transparent linear-gradient(90deg, var(--color-516a60) 0%, #ACCBBE 100%) 0% 0% no-repeat padding-box;
}

table.table thead:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: transparent linear-gradient(90deg, var(--color-516a60) 0%, #ACCBBE 100%) 0% 0% no-repeat padding-box;
}

table.table th {
    color: var(--color-4b4b4b);
    font-weight: 900;
    white-space: nowrap;
}

table.table td {
    color: var(--color-707070);
}

table.table th,
table.table td {
    padding: 2.2rem 1.1rem;
}

table.table tbody tr {
    border-bottom: 1px solid #516A602E;
}

table.table tbody tr:first-child {
    border-top: 1px solid #516A602E;
}

table.table tbody tr:hover td {
    font-weight: 600;
}

table.table .btn {
    padding: 1rem 3.33rem 1rem 1rem;
    font-size: 1rem;
}

/*
============================================
============ TABLE DATE ====================
============================================
*/

table.table.table-date .cell-date {
    display: none;
}

table.table.table-date .mobile-date-data {
    display: block;
    font-weight: 300;
}

/*
============================================
======== FIRST COLUMN STICKY ===============
============================================
*/

table.first-column-sticky tr th:first-child,
table.first-column-sticky tr td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    background-color: var(--bs-body-bg);
}
table.first-column-sticky tr td:first-child::after {
    content: '';
    border-bottom: 1px solid #516A602E;
    right: 0;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
}

/*
============================================
============== HEADER STICKY ===============
============================================
*/

table.header-sticky thead:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    background-color: var(--bs-body-bg);
    z-index: 3;
}

/*
============================================
============== SPACE SMALL ===============
============================================
*/

table.space-small th,
table.space-small td {
    padding: 0.75rem 1.25rem;
}


/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

    table.table th,
    table.table td {
        padding: 1.5rem 2.5rem;
    }

    table.table.table-date .cell-date {
        display: table-cell;
    }

    table.table.table-date .mobile-date-data {
        display: none;
    }

    table.table .btn {
        padding: 2.58rem 8.16rem 2.58rem 3rem;
        font-size: 1.25rem;
    }

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}header {
	background-color: var(--color-516a60);
	height: var(--header-height);
	z-index: 10000;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}

header .navbar {
	--bs-navbar-padding-y: 0;
    --bs-navbar-padding-x: var(--padding-x-big-container);
    --bs-navbar-brand-margin-end: 3rem;
    --bs-navbar-color: #c3ccc9;
    --bs-navbar-hover-color: #ffffff;
    --bs-navbar-active-color: #ffffff;
	--bs-navbar-toggler-icon-bg: url('data:image/svg+xml,<svg viewBox="0 0 47 25" xmlns="http://www.w3.org/2000/svg"> <defs></defs> <path stroke="rgb(255, 255, 255)" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" d="M 1 1 L 46 1 M 1 12.5 L 46 12.5 M 1 24 L 46 24" style=""></path> </svg>');
	height: 100%;
	--bs-navbar-toggler-padding-x: 0;
	--bs-nav-link-font-size: .9rem;
}

header .navbar-brand {
	width: 9.25rem;
}

header .navbar-brand img {
	max-width: 100%;
}

header .navbar-toggler {
	border: none;
}

header .navbar-toggler .navbar-toggler-icon {
	width: 40px;
	height: 26px;
}

header .navbar .navbar-nav {
	--bs-nav-link-font-weight: 400;
	gap: 1.5rem;
	align-items: stretch;
	height: 100%;
}

header .navbar .navbar-nav .nav-item {
	display: flex;
  	align-items: center;
}

header .navbar .navbar-nav .nav-item .nav-link {
	text-transform: uppercase;
}

header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	background-color: var(--color-516a60);
	width: 100%;
	z-index: 0;
	opacity: 0;
    transition: all .2s ease 0s;
	box-shadow: 0px 30px 61px -40px rgb(0, 0, 0);
	height: 0;
	overflow: hidden;
}

header .navbar .navbar-nav .nav-item:hover .sub-menu,
header.keep-submenu-visible  .navbar .navbar-nav .nav-item .sub-menu.search-sub-menu {
	opacity: 1;
	z-index: 1;
	height: auto;
	padding-top: 3px;
}

header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu .contain {
	width: 100%;
	padding: 1.5rem 0 3rem;
	display: flex;
  	flex-direction: column;
  	gap: 1.5rem;
}

header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu .contain.contain-search {
	padding: 1.5rem var(--padding-x-big-container) 3rem;
}

header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu > .border {
	--bs-border-width: 1px;
	--bs-border-color: #7c8f87;
	width: calc(100% - var(--padding-x-big-container) - var(--padding-x-big-container));
	display: inline-block;
	margin: 0 var(--padding-x-big-container);
	position: absolute;
	left: 0;
}

header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu > .border-highlight {
	position: absolute;
	width: 50px;
	height: 7px;
	background: transparent linear-gradient(297deg, #000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
	left: 193px;
	transform: translateY(-50%);
}

header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu .contain .dropdown-item a {
	text-decoration: none;
	color: #c3ccc9;
	font-size: 1rem;
	font-weight: 200;
	text-transform: uppercase;
}

header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu .contain .dropdown-item a:hover {
	color: #ffffff;
}

header .choose-language {
	display: flex;
	gap: .5rem;
}

header .choose-language a {
	text-decoration: none;
	font: 1.25rem;
	text-transform: uppercase;
	color: var(--color-f2f2f2);
}

header .choose-language a.active {
	font-weight: 600;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

header .choose-language a:hover {
	color: #ffffff;
}

#search-form {
	gap: 2rem;
}

/* Autocomplete styles for Webkit */
#search-term:autofill,
#search-term:-webkit-autofill,
#search-term:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
#search-term[data-autocompleted] {
    background-color: transparent !important;
}

/* SM */

@media (min-width: 576px) {
}

/* MD */

@media (min-width: 768px) {
}

/* LG */

@media (min-width: 992px) {

	header .navbar {
		--bs-navbar-toggler-padding-x: 0.75rem;
	}

	header .navbar-brand {
		width: 11rem;
	}

	header:hover,
	header.keep-submenu-visible {
		background-color: var(--color-516a60) !important;
	}

}

/* XL */

@media (min-width: 1200px) {

	header .navbar-brand {
		width: 9.25rem;
	}
}

/* XXL */

@media (min-width: 1400px) {

	header .navbar {
		--bs-navbar-brand-margin-end: 3.5rem;
		--bs-nav-link-font-size: 1rem;
	}

	header .navbar .navbar-nav {
		gap: 2.25rem;
	}

	header .navbar-brand {
		width: 9.5rem;
	}

	header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu .contain .dropdown-item a {
		font-size: 1rem;
	}

}


@media (min-width: 1850px) {

	header .navbar {
		--bs-navbar-brand-margin-end: 7rem;
		--bs-nav-link-font-size: 1rem;
	}

	header .navbar .navbar-nav {
		gap: 3.5rem;
	}

	header .navbar-brand {
		width: 11rem;
	}

	header .navbar .navbar-nav .nav-item .nav-link ~ .sub-menu .contain .dropdown-item a {
		font-size: 1.15rem;
	}
}
footer {
	position: relative;
	z-index: 6;
	padding-top: 7.5rem;
	background: linear-gradient(341deg, #000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
}

footer.contact {
	background: transparent linear-gradient(180deg, #000000 0%, #202b27 100%) 0% 0% no-repeat padding-box;
}

footer h1 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

#newsletter-footer-form {
	--bs-gutter-x: 3rem;
	margin-bottom: 7.5rem;
	align-items: baseline;
}

#newsletter-footer-form .info {
	color: #ffffff65;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.25;
	display: inline-block;
}

#newsletter-footer-form .info {
	margin-top: 2.5rem;
}

#newsletter-footer-form .info a {
	color: #ffffff65;
}

#newsletter-footer-form .btn {
	margin-top: 2.5rem;
}

footer .separator {
	width: calc(100% - var(--padding-x-big-container));
	margin: 2.5rem auto;
	border-bottom: 1px solid #7c8f87;
}

footer .contact-data {
	--bs-gutter-y: 3rem;
}

footer .contact-data h5 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 1rem;
}

footer .contact-data .data {
	color: #ffffff;
	font-weight: 300;
}

footer .corporation-information {
	margin-top: 8.125rem;
	margin-bottom: 6.25rem;
}

#logotype-footer {
	width: 9.25rem;
	margin-bottom: 5.2rem;
}

.link-list {
	margin-bottom: 2.5rem;
	display: flex;
	flex-direction: row;
	gap: 1.5rem;
}

.link-list a {
	font-size: 0.875rem;
	opacity: 0.6;
	color: #ffffffff;
	font-weight: 300;
}

.link-list a:hover {
	opacity: 1;
}

#copyright {
	font-size: 0.875rem;
	opacity: 0.6;
	color: #ffffffff;
	font-weight: 300;
	margin-bottom: 1.5rem;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

	#logotype-footer {
		width: 12.5rem;
	}

	#newsletter-footer-form .info {
		margin-top: 0;
	}

	#newsletter-footer-form .btn {
		margin-top: 0;
	}

	#copyright {
		text-align: right;
	}
}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}
#mobile-menu.offcanvas {
    --bs-offcanvas-transition: transform 0s ease-in-out;
    --bs-offcanvas-width: 100vw;
    --bs-offcanvas-height: 100vh;
    --bs-offcanvas-bg: var(--color-516a60);
    --bs-offcanvas-color: #fff;
    --bs-offcanvas-padding-x: var(--padding-x-big-container);
}

#mobile-menu .offcanvas-header {
    flex-basis: var(--header-height);
    flex-shrink: 0;
    --bs-offcanvas-padding-x: var(--padding-x-big-container);
    --bs-offcanvas-padding-y: 0;
}

#mobile-menu .offcanvas-header .d-flex {
    gap: 1rem;
}

#mobile-menu .offcanvas-header .btn {
    padding: 0;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    font-size: 2rem;
}

#mobile-menu .offcanvas-header .logotype {
    width: 9.25rem;
}

#mobile-menu .offcanvas-body {
    position: relative;
}

#mobile-menu .offcanvas-body .dot {
    height: 25px;
    width: 25px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
}

#mobile-menu #mobile-sub-menu > * {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transition: 0s;
    background-color: var(--bs-offcanvas-bg);
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    min-height: 100%;
}

#mobile-menu .list-group {
    --bs-list-group-bg: transparent;
    --bs-list-group-color: #fff;
    --bs-list-group-border-color: #BFD9CE2E;
    --bs-list-group-item-padding-x: 0;
    --bs-list-group-item-padding-y: 2.25rem;
    width: 100%;
}

#mobile-menu .list-group .list-group-item {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.65rem;
    border-right: 0;
    border-left: 0;
    display: flex;
    justify-content: space-between;
}

#mobile-menu .go-back {
    width: 100%;
    padding: 2.25rem 0;
    text-align: left;
    border-top: 1px solid #BFD9CE2E;
    border-bottom: 1px solid #BFD9CE2E;
    font-size: 1.65rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 1rem;
}

#mobile-menu .sub-menu-list {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    margin-top: 6.75rem;
    margin-bottom: 3rem;
}

#mobile-menu .sub-menu-list a {
    color: #fff;
    font-size: 1.65rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
}

#mobile-menu .choose-language {
    display: flex;
    justify-content: center;
    gap: 2rem;
    font-size: 1.25rem;
    margin-top: 5rem;
}

#mobile-menu .choose-language a {
    color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#mobile-menu .choose-language a.active{
	font-weight: 600;
	border-bottom: 1px solid #ffffff;
}

#search-form-mobile {
    gap: 5rem;
    margin-top: 7.5rem;
}

#search-form-mobile input {
    font-size: 1.4rem;
    padding-bottom: 1.9rem;
    border-color: #ffffff;
}

#mobile-menu .group-button {
    display: flex;
    gap: 4rem;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

    #mobile-menu .offcanvas-header .btn {
        font-size: 2rem;
    }

}

/* LG */

@media (min-width: 992px) {

    #mobile-menu .offcanvas-header .logotype {
        width: 11rem;
    }

    #mobile-menu .offcanvas-header .btn {
        font-size: 2rem;
    }

    #mobile-menu .list-group .list-group-item {
        font-size: 1.25rem;
    }

    #mobile-menu .sub-menu-list {
        gap: 3rem;
        margin-top: 3rem;
        margin-bottom: 1.5rem;
    }

    #mobile-menu .sub-menu-list a {
        font-size: 1.25rem;
    }

    #search-form-mobile input {
        font-size: 1.25rem;
    }
}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}/* Cookie bar definitions
 * ------------------------------ */

#cookie-bar {
	display: none;
}

.cc_container {
	background: #fff !important;
	-webkit-box-shadow: 0px -9px 11px -4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px -9px 11px -4px rgba(0, 0, 0, 0.25);
	box-shadow: 0px -9px 11px -4px rgba(0, 0, 0, 0.25);
	padding: 1.25rem 1rem !important;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.cc_container .cc_message {
	font-size: 1rem !important;
	color: var(--bs-body-color) !important;
	margin-top: 0 !important;
}

.cc_container a.cc_btn,
.cc_container a.cc_btn:visited {
	background: #fff !important;
	color: var(--color-516a60) !important;
	border: 1px solid var(--color-516a60) !important;
	margin-right: 0;
	border-radius: 0;
	font-size: 1rem !important;
    transition: all .2s ease 0s !important;
}

.cc_container a.cc_btn:hover {
	background: transparent linear-gradient(336deg, #000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box !important;
	color: #fff !important;
}

.cc_container a, .cc_container a:visited {
	text-decoration: none !important;
	color: var(--bs-link-color) !important;
}

.cc_container a:hover {
	color: var(--bs-link-hover-color) !important;
	text-decoration: none !important;
}[id^="homepage-section-"] > .container {
	margin: auto;
}

/*
============================================
=============== MAIN SLIDER ================
============================================
*/

[id^="splide-"][data-name="main-slider"] {
	height: 100vh;
	z-index: 5;
}

[id^="splide-"][data-name="main-slider"] video {
	object-fit: cover;
}

[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
	padding: 23rem var(--padding-x-big-container) 0 var(--padding-x-big-container);
}

[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="title"] {
	font-weight: 800;
	font-size: 4.1rem;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1;
}

[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="description"] {
	font-weight: 800;
	font-size: 4.1rem;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	display: block;
	margin-bottom: 4.16rem;
}

[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="link"] {
	text-transform: uppercase;
}

[id^="splide-"][data-name="main-slider"] .splide__pagination {
	bottom: 15.5rem;
	left: var(--padding-x-big-container);
	padding: 0;
	right: unset;
}

[id^="splide-"][data-name="main-slider"] .splide__pagination__page {
	background: #fff;
	border-radius: 0;
	height: 1px;
	margin: 0 35px 0 0;
	opacity: 1;
	width: 52px;
}

[id^="splide-"][data-name="main-slider"] .splide__pagination__page.is-active {
	transform: unset;
	width: 52px;
	height: 3px;
}

/*
============================================
============== COMUNICATION ================
============================================
*/

#homepage-section-comunication {
	padding-top: 18rem;
	padding-bottom: 14rem;
}

#homepage-section-comunication .title {
	color: var(--color-516a60);
	font-weight: bold;
	font-size: 2.8rem;
	margin-bottom: 5rem;
}

/*
============================================
============= KEY SHARE DATA ===============
============================================
*/

#homepage-section-key-share-data .container {
	--bs-gutter-x: 0;
    max-width: 100%;
}

#homepage-section-key-share-data .inner-container {
	background: transparent linear-gradient(168deg, var(--color-516a60) 0%, #000 100%) 0% 0% no-repeat padding-box;
	padding: 7.8rem 3rem;
	color: #fff;
}

#homepage-section-key-share-data .title {
	font-weight: normal;
	font-size: 3.75rem;
	margin-bottom: 0;
}

#homepage-section-key-share-data img {
	margin-bottom: 2.5rem;
}

/*
============================================
=============== TIDINGS ====================
============================================
*/

#homepage-section-tidings {
	padding-top: 10.5rem;
	padding-bottom: 7.5rem;
}

#homepage-section-tidings .title {
	font-weight: normal;
	font-size: 2.6rem;
	margin-bottom: 1rem;
	color: var(--color-516a60);
}

#homepage-section-tidings .summary {
	font-weight: 300;
	font-size: 1.25rem;
	color: var(--color-707070);
}

/*
============================================
========== FINANCIAL CALENDAR ==============
============================================
*/

#homepage-section-financial-calendar {
	background-color: var(--color-516a60);
	color: #fff;
	height: auto;
	padding: 7.8rem 0;

}

#homepage-section-financial-calendar .title {
	font-weight: bold;
	font-size: 2.6rem;
	margin-bottom: 3.75rem;
}

#homepage-section-financial-calendar .date {
	font-weight: 900;
	font-size: 3.75rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

#homepage-section-financial-calendar .description {
	margin-bottom: 4rem;
}

#homepage-section-financial-calendar .nav-tabs {
	--bs-nav-tabs-border-width: 0;
	--bs-nav-link-font-size: 1rem;
	--bs-nav-tabs-link-active-color: #fff;
	--bs-nav-tabs-link-active-bg: transparent;

	--bs-nav-link-color: #fff;
	--bs-nav-link-hover-color: #fff;
	--bs-nav-link-padding-x: 0;
	--bs-nav-link-padding-y: 0;

	gap: 5rem;
}

#homepage-section-financial-calendar .nav-tabs .nav-item:nth-child(n+5) {
	display: none;
}

#homepage-section-financial-calendar .nav-tabs .nav-link {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
  	gap: 0.5rem;
	font-weight: bold;
}

#homepage-section-financial-calendar .dot {
	height: 15px;
	width: 15px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
	display: inline-block;
}

#homepage-section-financial-calendar .nav-link.active .dot {
	background-color: #fff;
}

#homepage-section-financial-calendar .tab-content {
	margin-bottom: 6.25rem;
}

#homepage-section-financial-calendar [id^="splide-"][data-name^="calendar-"] .splide__pagination {
	display: flex;
	padding: 0;
	justify-content: start;
}

#homepage-section-financial-calendar [id^="splide-"][data-name^="calendar-"] .splide__pagination__page {
	background: #fff;
	border-radius: 0;
	height: 1px;
	margin: 0 35px 0 0;
	opacity: 1;
	width: 52px;
}

#homepage-section-financial-calendar [id^="splide-"][data-name^="calendar-"] .splide__pagination__page.is-active {
	transform: unset;
	width: 52px;
	height: 3px;
}

#homepage-section-financial-calendar .btn.btn-theme-4 {
	padding: 0 5rem 0 0;
	margin-top: 7rem;
	font: 0.9rem;
}

#homepage-section-financial-calendar .btn.btn-theme-4:after {
  	right: 0;
	transform: translateY(-56%);
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

	/*
	============================================
	============= KEY SHARE DATA ===============
	============================================
	*/

	#homepage-section-key-share-data .inner-container {
		padding: 7.5rem 7.25rem;
	}

	/*
	============================================
	=============== TIDINGS ====================
	============================================
	*/

	#homepage-section-tidings .title {
		font-size: 2.8rem;
		margin-bottom: 2.35rem;
	}

	#homepage-section-tidings .summary {
		font-size: 1rem;
		margin-bottom: 5.75rem;
	}

	/*
	============================================
	========== FINANCIAL CALENDAR ==============
	============================================
	*/

	#homepage-section-financial-calendar {
		padding: 9.5rem 0 9rem;
	}

	#homepage-section-financial-calendar .title {
		font-size: 2.8rem;
		margin-bottom: 5rem;
	}

	#homepage-section-financial-calendar .date {
		font-size: 4.875rem;
	}

	#homepage-section-financial-calendar .nav-tabs {
		gap: 10rem;
	}

	#homepage-section-financial-calendar .nav-tabs .nav-item:nth-child(n+5) {
		display: list-item;
	}

	#homepage-section-financial-calendar .btn.btn-theme-4 {
		padding: 2.58rem 8.16rem 2.58rem 3rem;
		margin-top: 0;
		font-size: 1rem;
	}

	#homepage-section-financial-calendar .btn.btn-theme-4:after {
		right: 3rem;
	}

}

/* XL */

@media (min-width: 1200px) {

	[id^="splide-"][data-name="main-slider"] {
		height: auto;
	}

	[id^="splide-"][data-name="main-slider"] .ratio {
		--bs-aspect-ratio: calc(9 / 16 * 100%);
	}

	[id^="splide-"][data-name="main-slider"] {
		margin-bottom: var(--section-space);
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] {
		padding: 12rem var(--padding-x-big-container) 0 var(--padding-x-big-container);
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="title"] {
		font-weight: 200;
		font-size: 3rem;
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="description"] {
		font-weight: 900;
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	[id^="splide-"][data-name="main-slider"] .splide__pagination {
		left: var(--padding-x-big-container);
	}

	/*
	============================================
	============= KEY SHARE DATA ===============
	============================================
	*/

	#homepage-section-key-share-data .container {
		max-width: 1140px;
		--bs-gutter-x: 1.5rem;
	}

	#homepage-section-key-share-data .inner-container {
		padding: 10rem 12.5rem;
	}

	#homepage-section-key-share-data .title {
		font-size: 4.875rem;
	}

}

/* XXL */

@media (min-width: 1400px) {

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] {
		padding: 18rem var(--padding-x-big-container);
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="title"] {
		font-weight: 200;
		font-size: 6rem;
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="description"] {
		font-weight: 900;
		font-size: 6rem;
		margin-bottom: 2rem;
	}

	[id^="splide-"][data-name="main-slider"] .splide__pagination {
		left: var(--padding-x-big-container);
	}

	/*
	============================================
	============= KEY SHARE DATA ===============
	============================================
	*/
	#homepage-section-key-share-data .container {
		max-width: 1320px;
	}

}


@media (min-width: 1600px) {

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] {
		padding: 22rem 26.5rem;
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="title"] {
		font-weight: 200;
		font-size: 6rem;
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="description"] {
		font-weight: 900;
		font-size: 6rem;
		margin-bottom: 2rem;
	}

	[id^="splide-"][data-name="main-slider"] .splide__pagination {
		left: 26.5rem;
	}

}



@media (max-width: 992px) and (max-height: 600px) {


	[id^="splide-"][data-name="main-slider"] {
		height: 100vh;
		margin-bottom: var(--section-space);
	}

	[id^="splide-"][data-name="main-slider"] .ratio {
		--bs-aspect-ratio: unset;
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] {
		padding: 12rem var(--padding-x-big-container) 0 var(--padding-x-big-container);
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="title"] {
		font-weight: 800;
		font-size: 4.1rem;
	}

	[id^="splide-"][data-name="main-slider"] [data-tpl="contain"] [data-tpl="description"] {
		font-weight: 800;
		font-size: 4.1rem;
		margin-bottom: 4.16rem;
	}

	[id^="splide-"][data-name="main-slider"] .splide__pagination {
		bottom: 0.5rem;
		left: var(--padding-x-big-container);
	}
}#contact-page {
    color: #ffffff;
    background: transparent linear-gradient(342deg, #000000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
    padding: calc(var(--header-height) + 6.5rem) 0;
    overflow: hidden;
    position: relative;
}

#contact-page .google-recaptcha-text {
    margin-bottom: 1rem;
}

#contact-page form .btn[type="submit"] {
    margin-top: 4rem;
    margin-bottom: 9.5rem;
}

#contact-page h1 {
    font-weight: bold;
    margin-bottom: 3.25rem;
    font-size: 2.66rem;
}

#contact-page h1.subtitle {
    font-weight: 300;
    max-width: 33rem;
    margin-bottom: 5.25rem;
}

#contact-page .wrapper-input {
    margin-bottom: 3.5rem;
}

#contact-page .separator {
	width: calc(100% - var(--padding-x-big-container));
	margin: 13rem auto;
	border-bottom: 1px solid #7c8f87;
}

#contact-data .info {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 3.33rem;
    max-width: 23rem;
}

#contact-data .row {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
}

#contact-data .row label {
    font-weight: 900;
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

#contact-data .row .value {
    display: block;
    font-size: 1.25rem;
}

#contact-text .ck-editor {
    font-size: 1.25rem;
}

#contact-text .ck-editor p {
    color: #fff;
    font-weight: 300;
}

#contact-text .ck-editor p strong {
    font-weight: bold;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

    #contact-page form .btn[type="submit"] {
        margin-bottom: 0;
    }

}

/* LG */

@media (min-width: 992px) {

    #contact-page h1 {
        font-size: 2.5rem;
        margin-bottom: 1.6rem;
    }

    #contact-page h1.subtitle {
        font-size: 2.8rem;
    }

    #contact-page form .btn[type="submit"] {
        margin-top: 3.3rem;
    }

    #contact-data .info {
        font-size: 1.25rem;
        margin-bottom: 2rem;
    }

    #contact-data .row label {
        margin-bottom: 1.5rem;
    }

    #contact-data .row .value {
        font-weight: 300;
    }

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {

    #contact-page {
        padding: calc(var(--header-height) + 10.5rem) 0 11.5rem;
    }
}
#webpage-content {
    padding-top: calc(var(--header-height) + 4.25rem);
    padding-bottom: 4.25rem;
    display: flex;
    flex-direction: column;
    gap: 3.25rem; /* Minus 1rem due to the heading line-height gap. */
    position: relative;
}

#webpage-content .title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 4rem;
    color: var(--color-516a60);
    margin: 0;
}

/*
============================================
================ SCROLSPY ==================
============================================
*/

#webpage-content .webpage-scrollspy-anchor {
    display: flex;
    flex-direction: column;
    gap: 1.9rem;
    margin-bottom: 5rem;
}

#webpage-content .webpage-scrollspy-anchor a {
    text-decoration: none;
    color: var(--color-707070);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 0.9rem;
    display: flex;
    align-content: center;
}

#webpage-content .webpage-scrollspy-anchor a .icon {
    width: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

#webpage-content .webpage-scrollspy-anchor a.active {
    font-weight: 600;
    color: var(--color-516a60);
}

#webpage-content .webpage-scrollspy-anchor a.active .icon {
    width: 15px;
    opacity: 1;
    margin-right: 0.25rem;
}

#webpage-content .webpage-scrollspy-anchor a:hover:not(.active) {
    color: var(--color-516a60);
}

#webpage-content .webpage-scrollspy-anchor-wrapper {
    position: sticky;
    top: calc(var(--header-height) + 6.5rem);
}

#webpage-content .webpage-scrollspy-scroller {
    display: flex;
    flex-direction: column;
    gap: 5.5rem;
    /*
    max-height: 50rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    */
}
#webpage-content .webpage-scrollspy-scroller > div {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
    scroll-margin-top: calc(var(--header-height) + 6.5rem);
}

#webpage-content .text-scrollspy-title {
    font-size: 2rem;
    font-weight: bold;
    color: var(--color-516a60);
}

/*
#webpage-content .webpage-scrollspy-scroller::-webkit-scrollbar {
    display: none;
}
*/

#webpage-content [id^="text-scrollspy-item-"]:not(:last-child) {
    margin-bottom: 5rem;
}

#webpage-content .progress {
    margin-bottom: 3.41rem;
    --bs-progress-height: 2px;
}

#webpage-content .progress-bar {
	background: linear-gradient(270deg, var(--color-516a60) 0%, var(--color-accbbe) 100%) 0% 0% no-repeat padding-box;
}

/*
============================================
================ ACCORDION =================
============================================
*/

#webpage-content .accordion[id^="webpage-accordion-"] {
    --bs-accordion-btn-padding-y: 2.25rem;
    --bs-accordion-btn-padding-x: 1rem;
    --bs-accordion-body-padding-y: 0rem;
    --bs-accordion-body-padding-x: 0rem;
    --bs-accordion-btn-color: var(--color-516a60);
    --bs-accordion-active-color: var(--color-516a60);
    --bs-accordion-active-bg: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 1.3rem;
    position: relative;
}

#webpage-content [id^="webpage-accordion-"] .accordion-header {
    position: relative;
}

#webpage-content [id^="webpage-accordion-"] .accordion-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: transparent linear-gradient(90deg, var(--color-516a60) 0%, var(--color-accbbe) 100%) 0% 0% no-repeat padding-box;
    z-index: 4;
}

#webpage-content .accordion[id^="webpage-accordion-"]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: transparent linear-gradient(90deg, var(--color-516a60) 0%, var(--color-accbbe) 100%) 0% 0% no-repeat padding-box;
    z-index: 4;
}

#webpage-content [id^="webpage-accordion-"] .accordion-button {
    font-size: 2.25rem;
    font-weight: 300;
}

#webpage-content [id^="webpage-accordion-"] .accordion-button::after {
    background-color: var(--bs-accordion-btn-color);
    mask: var(--bs-accordion-btn-icon);
    -webkit-mask: var(--bs-accordion-btn-icon);
    mask-repeat: no-repeat;
    mask-size: contain;
    background-image: none;
}

#webpage-content [id^="webpage-accordion-"] .accordion-button:not(.collapsed)::after {
    background-color: var(--bs-accordion-btn-color);
    mask: var(--bs-accordion-btn-active-icon);
    -webkit-mask: var(--bs-accordion-btn-active-icon);
    mask-repeat: no-repeat;
    mask-size: contain;
    background-image: none;
}

#webpage-content [id^="webpage-accordion-"] .accordion-body > table:last-child {
    margin-bottom: 0;
}

/*
============================================
============= MINI ACCORDION ===============
============================================
*/

#webpage-content .accordion[id^="webpage-accordion-"].mini-acordion {
    --bs-accordion-body-padding-x: 1rem;
}

#webpage-content [id^="webpage-accordion-"].mini-acordion .accordion-button {
    font-size: 1rem;
    font-weight: normal;
}

#webpage-content [id^="webpage-accordion-"].mini-acordion .accordion-body {
    padding: 1.25rem var(--bs-accordion-body-padding-x) 3rem;
}

/*
============================================
============== TABLE - FILE ================
============================================
*/

#webpage-content [id^="webpage-table-"] td {
    color: var(--color-707070);
    vertical-align: middle;
}

#webpage-content [id^="webpage-table-"] tr {
    border-bottom: 1px solid #516A602E;
}

#webpage-content [id^="webpage-table-text-link-"] tr td:last-child {
    text-align: right;
}

#webpage-content [id^="webpage-table-text-link-"] tr td:last-child {
    text-align: right;
}

/*
============================================
================== FORM ====================
============================================
*/

#webpage-content form .wrapper-input {
    margin-bottom: 2.25rem;
}

#webpage-content form .form-check {
    margin-bottom: 2.25rem;
}

#webpage-content form .google-recaptcha-text {
    display: block;
    margin-bottom: 2.25rem;
}

/*
============================================
============== YEAR FILTER =================
============================================
*/

#webpage-content .wrapper-filter-list {
    --bs-gutter-y: 3.75rem;
}

#webpage-content .bootstrap-select.year-filter > .dropdown-toggle {
    font-weight: 300;
    font-size: 1rem;
    padding: 1.875rem 2.5rem;
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px solid var(--color-516a60);
    color: var(--color-516a60);
}

#webpage-content .bootstrap-select.year-filter > .dropdown-toggle.bs-placeholder,
#webpage-content .bootstrap-select.year-filter > .dropdown-toggle.bs-placeholder:active,
#webpage-content .bootstrap-select.year-filter > .dropdown-toggle.bs-placeholder:focus,
#webpage-content .bootstrap-select.year-filter > .dropdown-toggle.bs-placeholder:hover {
    color: var(--color-516a60);
}

#webpage-content .bootstrap-select.year-filter:hover > .dropdown-toggle,
#webpage-content .bootstrap-select.year-filter:hover > .dropdown-toggle.show {
    background: transparent linear-gradient(335deg, #000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}

#webpage-content .bootstrap-select.year-filter:hover > .dropdown-toggle.bs-placeholder,
#webpage-content .bootstrap-select.year-filter:hover > .dropdown-toggle.bs-placeholder:active,
#webpage-content .bootstrap-select.year-filter:hover > .dropdown-toggle.bs-placeholder:focus,
#webpage-content .bootstrap-select.year-filter:hover > .dropdown-toggle.bs-placeholder:hover {
    color: #fff;
}

#webpage-content .bootstrap-select.year-filter > .dropdown-toggle.bs-placeholder.btn.show {
    background: transparent linear-gradient(335deg, #000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}

#webpage-content .bootstrap-select.year-filter .dropdown-menu {
    --bs-dropdown-bg: transparent;
    background: transparent linear-gradient(335deg, #000 0%, var(--color-516a60) 100%) 0% 0% no-repeat padding-box;
    --bs-dropdown-border-color: var(--color-516a60);
    --bs-dropdown-border-radius: 2px;
    --bs-dropdown-link-color: #fff;
    --bs-dropdown-font-size: 1.25rem;
    --bs-dropdown-link-active-color: #000;
    --bs-dropdown-link-active-bg: #fff;
    --bs-dropdown-padding-y: 0;
}

#webpage-content .bootstrap-select.year-filter .dropdown-menu li a {
    font-weight: 300;
}

/*
============================================
============= LIST TO FILTER ===============
============================================
*/

#webpage-content .list-to-filter {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#webpage-content .list-to-filter .item-filter {
    padding: 16px 15px;
    background-color: #fff;
    color: var(--color-707070);
    align-items: center;
    --bs-gutter-x: 0;
}

#webpage-content .list-to-filter .item-filter:hover {
    font-weight: 600;
}

#webpage-content .list-to-filter .item-filter-title {
    font-weight: bold;
}

#webpage-content .list-to-filter .item-filter-date {
    color: var(--color-accbbe);
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

    #webpage-content .wrapper-filter-list {
        --bs-gutter-y: 0;
    }

}

/* LG */

@media (min-width: 992px) {

    #webpage-content .title {
        font-size: 5rem;
    }

    /*
    ============================================
    ================ SCROLSPY ==================
    ============================================
    */

    #webpage-content .webpage-scrollspy-anchor {
        gap: 1rem;
        margin-bottom: 5rem;
    }

    #webpage-content .progress {
        margin-bottom: 1rem;
    }

    /*
    ============================================
    ================ ACCORDION =================
    ============================================
    */

    #webpage-content .accordion[id^="webpage-accordion-"] {
        --bs-accordion-btn-padding-y: 1.9rem;
        --bs-accordion-btn-padding-x: 2.625rem;
        --bs-accordion-body-padding-y: 4rem;
        --bs-accordion-body-padding-x: 2.625rem;
        --bs-accordion-btn-icon-width: 1.3rem;
    }

    #webpage-content [id^="webpage-accordion-"] .accordion-button {
        font-size: 2.8rem;
        font-weight: 300;
    }

    #webpage-content [id^="webpage-accordion-"] .accordion-button:hover {
        font-weight: bold;
    }

    #webpage-content [id^="webpage-accordion-"] .accordion-button:not(.collapsed) {
        font-weight: bold;
    }

    /*
    ============================================
    ============= MINI ACCORDION ===============
    ============================================
    */

    #webpage-content .accordion[id^="webpage-accordion-"].mini-acordion {
        --bs-accordion-body-padding-x: 2.625rem;
    }

    #webpage-content [id^="webpage-accordion-"].mini-acordion .accordion-button:hover {
        font-weight: bold;
    }

    #webpage-content [id^="webpage-accordion-"].mini-acordion .accordion-button:not(.collapsed) {
        font-weight: bold;
    }

    /*
    ============================================
    ============== YEAR FILTER =================
    ============================================
    */

    #webpage-content .bootstrap-select.year-filter > .dropdown-toggle {
        font-size: 1.25rem;
    }

    /*
    ============================================
    ============= LIST TO FILTER ===============
    ============================================
    */

    #webpage-content .list-to-filter .item-filter {
        padding: 2.5rem 2.25rem;
    }

    #webpage-content .list-to-filter .item-filter-date {
        color: var(--color-707070)
    }

    #webpage-content .list-to-filter .item-filter-title {
        font-weight: normal;
    }

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}#search-page {
    padding-top: calc(var(--header-height) + 6.5rem);
	padding-bottom: 6.25rem;
}

#search-page .title {
	color: var(--color-516a60);
	font-weight: 300;
	font-size: 2.8rem;
	margin-bottom: 2.75rem;
}

#search-page .information {
	color: var(--color-707070);
	font-weight: bold;
	font-size: 1rem;
    margin-bottom: 6rem;
    text-transform: uppercase;
}

#search-page .result-item-list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

#search-page .result-item {
	padding: 2.75rem 2.3rem;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#search-page .result-item .breadcrumb {
    --bs-breadcrumb-margin-bottom: 1.625rem;
    --bs-breadcrumb-font-size: .8rem
}

#search-page .result-item p {
    color: var(--color-707070);
    font-size: 1.25rem;
    margin: 0;
}

#search-page .nav.nav-tabs {
    padding-top: 2.75rem;
    border-top: 1px solid #516A602E;
    margin-bottom: 6rem;
    --bs-nav-tabs-border-width: 0;
    --bs-nav-tabs-link-active-color: var(--color-516a60);
    --bs-nav-link-font-weight: 300;
    --bs-nav-link-color:  var(--color-707070);
    --bs-nav-link-hover-color: ;
    --bs-nav-link-padding-x: var(--color-707070);
    gap: 6.5rem;
}

#search-page .nav.nav-tabs .nav-link.active {
    position: relative;
    font-weight: 600;
}
#search-page .nav.nav-tabs .nav-link.active::after {
    content: '';
    display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	background: linear-gradient(270deg, var(--color-516a60) 0%, var(--color-accbbe) 100%) 0% 0% no-repeat padding-box;
	left: 0;
    right: 0;
    top: calc(calc(-3px / 2) + -2.75rem);
}