:root{
    --primary-color: #ff4200;
    --primary-border-color: #E0451B;
    --primary-dark-color: #BE3B17;
    --primary-dark-border-color: #9C3013;
    --primary-light-color: #FF6131;

    --secondary-color: #131F2A;
    --secondary-border-color: #122529;
    --secondary-dark-color: #06090C;
    --secondary-dark-border-color: #121729;
    --secondary-light-color: #20313F;

    --info-color: #126DFF;
    --info-border-color: #1169F6;
    --info-dark-color: #0F5BD4;
    --info-dark-border-color: #0C4CB3;
    --info-light-color: #69A4F9;

    --alt-color: #D0E7FF;
    --alt-border-color: #CAE0F6;
    --alt-dark-color: #AEC1D4;
    --alt-dark-border-color: #92A2B3;

    --success-color: #11D14E;
    --success-border-color: #10C94B;
    --success-dark-color: #0E9935;
    --success-dark-border-color: #0B8531;
    --success-light-color: #48FF7C;

    --warning-color: #E5A41E;
    --warning-border-color: #DD9D1D;
    --warning-dark-color: #BB8518;
    --warning-dark-border-color: #996D14;
    --warning-light-color: #F7F3D2;
    --warning-light-text-color: #8A6D3B;
    --warning-light-border-color: #FAEBCC;

    --danger-color: #E42120;
    --danger-border-color: #DA1F1F;
    --danger-dark-color: #B81A1A;
    --danger-dark-border-color: #961515;
    --danger-light-color: #F7D2D2;
    --danger-light-border-color: #F4BEBE;
}

/* Configurações de font-family ------------------------------------------------ */
/* Grupo Thin (Hairline) - 100 */
@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-Thin.ttf");
    font-weight: 100;
}

@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-ThinItalic.ttf");
    font-weight: 100;
    font-style: italic;
}

/* Grupo Extra Light (Ultra Light) - 200 */
@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-UltraLight.ttf");
    font-weight: 200;
}

@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-UltraLightItalic.ttf");
    font-weight: 200;
    font-style: italic;
}

/* Grupo Light - 300 */
@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-Normal.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-NormalItalic.ttf");
    font-weight: 300;
    font-style: italic;
}

/* Grupo Normal - 400 */
@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-Italic.ttf");
    font-weight: 400;
    font-style: italic;
}

/* Grupo Semi Bold (Demi Bold) - 600 */
@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-SemiBoldItalic.ttf");
    font-weight: 600;
    font-style: italic;
}

/* Grupo Extra Bold (Ultra Bold) - 800 */
@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-UltraBold.ttf");
    font-weight: 800;
}

@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-UltraBoldItalic.ttf");
    font-weight: 800;
    font-style: italic;
}

/* Grupo Black (Heavy) - 900 */
@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-Black.ttf");
    font-weight: 900;
}

@font-face {
    font-family: "Friends";
    src: url("../fonts/friends/Friends-BlackItalic.ttf");
    font-weight: 900;
    font-style: italic;
}

body {
    font-family: "Friends", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    /* line-height: 22px; */
    letter-spacing: 0.03em;
    background-color: var(--secondary-color);
}

.btn-lw-primary {
    background-color: var(--secondary-color);
    border: 1px solid var(--primary-border-color);
    color: var(--primary-color);
}

.btn-lw-primary:hover, .btn-lw-primary.active {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-border-color);
    color: #fff;
}

.btn-lw-primary-alt {
    background-color: var(--secondary-color);
    border: 1px solid var(--primary-border-color);
    color: #fff;
}

.btn-lw-primary-alt:hover, .btn-lw-primary-alt.active {
    background-color: var(--secondary-dark-color);
    border: 1px solid var(--primary-border-color);
    color: #fff;
}

.btn-lw-secondary {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-border-color);
    color: #fff;
}

.btn-lw-secondary:hover, .btn-lw-secondary.active {
    background-color: var(--primary-dark-color);
    border: 1px solid var(--primary-border-color);
    color: #fff;
}

/* style="background-color: #D0E5F8; color: #141f2a" */
.btn-lw-secondary-alt {
    background-color: var(--secondary-light-color);
    border: 1px solid var(--primary-border-color);
    color: #141f2a;
}

.btn-lw-secondary-alt:hover, .btn-lw-secondary-alt.active {
    background-color: var(--secondary-color);
    border: 1px solid var(--primary-border-color);
    color: #fff;
}

.nav-link{
    text-decoration: none;
    color: #D0E7FF;
    font-size: 15px;
    font-weight: 400;
}

.img-modal{
    cursor: pointer;
}

.img-grayscale {
    filter: grayscale(1);
}

.img-grayscale:hover {
    filter: grayscale(0);
}

/* #telefone:active, #mensagem:active, #portal:active {
    animation: fadeIn 0.5s;
} */

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

/*INICIO-SPLIDE*/
.carousel-caption {
    bottom: 35%;
    text-align: center;
}

.carousel-caption h5 {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.carousel-caption p {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.carousel-preview-card {
    opacity: 0.6;
    margin-bottom: 10px;
    cursor: pointer;
}

.carousel-preview-card.active {
    opacity: 1;
}

.carousel-preview-card .card-body {
    height: 100%;
}

.card-splide {
    margin: 2.5em 0;
}

li.splide__slide {
    opacity: 0.4;
    transition: all .4s ease-in-out;
}

li.is-prev {
    opacity: 0.8;
    transition: all .4s ease-in-out;

}

li.is-next {
    opacity: 0.8;
    transition: all .4s ease-in-out;

}

li.is-active {
    opacity: 1;
    transition: all .3s ease-in-out;
    transform: scale(1.1);
}
li.is-active > .card {
    border: 3px solid var(--primary-border-color);
    transition: all .3s ease-in-out;
}

.splide__track {
    padding-bottom: 3em;
}

.splide__progress__bar {
    height: 3px;
    background: #ccc;
}

.splide__pagination li{
    margin: 8px;
}
/*FIM-SPLIDE*/