/* var - colors
====================================================================*/

:root {
    --white-1-hsl: 0, 0%, 100%
        /* 1 */
    ;
    --yellow-1-hsl: 42, 99%, 59%
        /* 2 */
    ;
    --yellow-2-hsl: 42, 99%, 49%
        /* 3 */
    ;
    --orange-1-hsl: 22, 90%, 54%
        /* 4 */
    ;
    --green-1-hsl: 100, 60%, 49%
        /* 5 */
    ;
    --green-2-hsl: 100, 82%, 26%
        /* 6 */
    ;
    --green-3-hsl: 120, 5%, 37%
        /* 7 */
    ;
    --green-4-hsl: 100, 100%, 15%
        /* 8 */
    ;
    --green-5-hsl: 152, 97%, 23%
    /* 8 */
;
    --blue-1-hsl: 197, 88%, 53%
        /* 9 */
    ;
    --grey-1-hsl: 0, 0%, 96%
        /* 10 */
    ;
    --grey-2-hsl: 0, 0%, 94%
        /* 11 */
    ;
    --grey-3-hsl: 0, 0%, 92%
        /* 12 */
    ;
    --grey-4-hsl: 0, 0%, 88%
        /* 13 */
    ;
    --grey-5-hsl: 0, 0%, 84%
        /* 14 */
    ;
    --grey-6-hsl: 0, 0%, 77%
        /* 15 */
    ;
    --grey-7-hsl: 0, 0%, 71%
        /* 16 */
    ;
    --grey-8-hsl: 0, 0%, 57%
        /* 17 */
    ;
    --grey-9-hsl: 0, 0%, 44%
        /* 18 */
    ;
    --black-1-hsl: 0, 0%, 0%
        /* 19 */
    ;
    --red-1-hsl: 0, 100%, 50%
    /* 19 */
;
}

:root {
    --white-1: hsl(var(--white-1-hsl));
    --yellow-1: hsl(var(--yellow-1-hsl));
    --yellow-2: hsl(var(--yellow-2-hsl));
    --orange-1: hsl(var(--orange-1-hsl));
    --green-1: hsl(var(--green-1-hsl));
    --green-2: hsl(var(--green-2-hsl));
    --green-3: hsl(var(--green-3-hsl));
    --green-4: hsl(var(--green-4-hsl));
    --green-5: hsl(var(--green-5-hsl));
    --blue-1: hsl(var(--blue-1-hsl));
    --grey-1: hsl(var(--grey-1-hsl));
    --grey-2: hsl(var(--grey-2-hsl));
    --grey-3: hsl(var(--grey-3-hsl));
    --grey-4: hsl(var(--grey-4-hsl));
    --grey-5: hsl(var(--grey-5-hsl));
    --grey-6: hsl(var(--grey-6-hsl));
    --grey-7: hsl(var(--grey-7-hsl));
    --grey-8: hsl(var(--grey-8-hsl));
    --grey-9: hsl(var(--grey-9-hsl));
    --black-1: hsl(var(--black-1-hsl));
    --red-1: hsl(var(--red-1-hsl));
}


/* resets
 ====================================================================*/

body {
    font-family: 'Nunito', sans-serif;
    padding-top: 68px;
    color: var(--green-3);
    font-size: 14px;
}

p,
ul,
ol {
    line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Exo 2', sans-serif;
    color: var(--green-1);
}

a,
a:hover {
    color: var(--green-1);
}


/* md-up */

@media (min-width: 768px) {
    body {
        padding-top: 128px;
    }
}


/* c-font-family
 ====================================================================*/

.c-font-family-1 {
    font-family: 'Exo 2', sans-serif !important;
}

.c-font-family-2 {
    font-family: 'Nunito', sans-serif !important;
}


/* c-bg-color
 ====================================================================*/

.c-bg-color-1 {
    background-color: var(--white-1) !important;
}

.c-bg-color-2 {
    background-color: var(--yellow-1) !important;
}

.c-bg-color-3 {
    background-color: var(--yellow-2) !important;
}

.c-bg-color-4 {
    background-color: var(--orange-1) !important;
}

.c-bg-color-5 {
    background-color: var(--green-1) !important;
}

.c-bg-color-6 {
    background-color: var(--green-2) !important;
}

.c-bg-color-7 {
    background-color: var(--green-3) !important;
}

.c-bg-color-8 {
    background-color: var(--green-4) !important;
}

.c-bg-color-9 {
    background-color: var(--blue-1) !important;
}

.c-bg-color-10 {
    background-color: var(--grey-1) !important;
}

.c-bg-color-11 {
    background-color: var(--grey-2) !important;
}

.c-bg-color-12 {
    background-color: var(--grey-3) !important;
}

.c-bg-color-13 {
    background-color: var(--grey-4) !important;
}

.c-bg-color-14 {
    background-color: var(--grey-5) !important;
}

.c-bg-color-15 {
    background-color: var(--grey-6) !important;
}

.c-bg-color-16 {
    background-color: var(--grey-7) !important;
}

.c-bg-color-17 {
    background-color: var(--grey-8) !important;
}

.c-bg-color-18 {
    background-color: var(--grey-9) !important;
}

.c-bg-color-19 {
    background-color: var(--black-1) !important;
}


/* c-color
 ====================================================================*/

[class *=c-color-] {
    transition: color .4s ease !important;
}

.c-color-1,
.c-color-1-hover:hover,
.c-color-1-active {
    color: var(--white-1) !important;
}

.c-color-2,
.c-color-2-hover:hover,
.c-color-2-active {
    color: var(--yellow-1) !important;
}

.c-color-3,
.c-color-3-hover:hover,
.c-color-3-active {
    color: var(--yellow-2) !important;
}

.c-color-4,
.c-color-4-hover:hover,
.c-color-5-active {
    color: var(--orange-1) !important;
}

.c-color-5,
.c-color-5-hover:hover,
.c-color-5-active {
    color: var(--green-1) !important;
}

.c-color-6,
.c-color-6-hover:hover,
.c-color-6-active {
    color: var(--green-2) !important;
}

.c-color-7,
.c-color-7-hover:hover,
.c-color-7-active {
    color: var(--green-3) !important;
}

.c-color-8,
.c-color-8-hover:hover,
.c-color-8-active {
    color: var(--green-4) !important;
}

.c-color-9,
.c-color-9-hover:hover,
.c-color-9-active {
    color: var(--blue-1) !important;
}

.c-color-10,
.c-color-10-hover:hover,
.c-color-10-active {
    color: var(--grey-1) !important;
}

.c-color-11,
.c-color-11-hover:hover,
.c-color-11-active {
    color: var(--grey-2) !important;
}

.c-color-12,
.c-color-12-hover:hover,
.c-color-12-active {
    color: var(--grey-3) !important;
}

.c-color-13,
.c-color-13-hover:hover,
.c-color-13-active {
    color: var(--grey-4) !important;
}

.c-color-14,
.c-color-14-hover:hover,
.c-color-14-active {
    color: var(--grey-5) !important;
}

.c-color-15,
.c-color-15-hover:hover,
.c-color-15-active {
    color: var(--grey-6) !important;
}

.c-color-16,
.c-color-16-hover:hover,
.c-color-16-active {
    color: var(--grey-7) !important;
}

.c-color-17,
.c-color-17-hover:hover,
.c-color-17-active {
    color: var(--grey-8) !important;
}

.c-color-18,
.c-color-18-hover:hover,
.c-color-18-active {
    color: var(--grey-9) !important;
}

.c-color-19,
.c-color-19-hover:hover,
.c-color-19-active {
    color: var(--black-1) !important;
}


/* c-border-color
 ====================================================================*/

.c-border-color-1 {
    border-color: var(--white-1) !important;
}

.c-border-color-2 {
    border-color: var(--yellow-1) !important;
}

.c-border-color-3 {
    border-color: var(--yellow-2) !important;
}

.c-border-color-4 {
    border-color: var(--orange-1) !important;
}

.c-border-color-5 {
    border-color: var(--green-1) !important;
}

.c-border-color-6 {
    border-color: var(--green-2) !important;
}

.c-border-color-7 {
    border-color: var(--green-3) !important;
}

.c-border-color-8 {
    border-color: var(--green-4) !important;
}

.c-border-color-9 {
    border-color: var(--blue-1) !important;
}

.c-border-color-10 {
    border-color: var(--grey-1) !important;
}

.c-border-color-11 {
    border-color: var(--grey-2) !important;
}

.c-border-color-12 {
    border-color: var(--grey-3) !important;
}

.c-border-color-13 {
    border-color: var(--grey-4) !important;
}

.c-border-color-14 {
    border-color: var(--grey-5) !important;
}

.c-border-color-15 {
    border-color: var(--grey-6) !important;
}

.c-border-color-16 {
    border-color: var(--grey-7) !important;
}

.c-border-color-17 {
    border-color: var(--grey-8) !important;
}

.c-border-color-18 {
    border-color: var(--grey-9) !important;
}

.c-border-color-19 {
    border-color: var(--black-1) !important;
}


/* c-rounded
 ====================================================================*/

.c-rounded-1 {
    border-radius: 0 8px 8px 8px !important;
}


/* container
 ====================================================================*/

.container {
    max-width: 1140px;
}


/* animations
 ====================================================================*/

@keyframes c-fade-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.c-fade-up {
    opacity: 1;
    transform: translateY(0);
}

.c-fade-up.animated {
    opacity: 0;
    transform: translateY(20px);
    animation-name: c-fade-up;
    animation-duration: 1.5s;
}


/*=============*/

@keyframes c-fade-right {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

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

.c-fade-right {
    opacity: 1;
    transform: translateX(0);
}

.c-fade-right.animated {
    opacity: 0;
    transform: translateX(-20px);
    animation-name: c-fade-right;
    animation-duration: 1.5s;
}


/*=============*/

@keyframes c-fade-bottom {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

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

.c-fade-bottom {
    opacity: 1;
    transform: translateY(0);
}

.c-fade-bottom.animated {
    opacity: 0;
    transform: translateY(-20px);
    animation-name: c-fade-bottom;
    animation-duration: 1.5s;
}


/*=============*/

@keyframes c-fade-left {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

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

.c-fade-left {
    opacity: 1;
    transform: translateX(0);
}

.c-fade-left.animated {
    opacity: 0;
    transform: translateX(20px);
    animation-name: c-fade-left;
    animation-duration: 1.5s;
}


/*=============*/

@keyframes c-zoom-out {
    from {
        opacity: 0;
        transform: scale(1.1);
    }

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

.c-zoom-out {
    opacity: 1;
    transform: scale(1);
}

.c-zoom-out.animated {
    opacity: 0;
    transform: scale(1.1);
    animation-name: c-zoom-out;
    animation-duration: 1.5s;
}


/*=============*/

@keyframes c-zoom-in {
    from {
        opacity: 0;
        transform: scale(.9);
    }

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

.c-zoom-in {
    opacity: 1;
    transform: scale(1);
}

.c-zoom-in.animated {
    opacity: 0;
    transform: scale(.9);
    animation-name: c-zoom-in;
    animation-duration: 1.5s;
}


/* c-btn
 ====================================================================*/


/* c-btn base
 =================================*/

.c-btn {
    font-family: 'Exo 2', sans-serif;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1;
    border-radius: 0 8px 8px 8px;
    font-weight: 500;
    transition: all .4s ease;
}

.c-btn:hover {
    text-decoration: none;
}

.c-btn-square {
    flex-shrink: 0;
    padding: 0 !important;
}

.c-btn i {
    transition: color .4s ease;
}


/* c-btn sizes
 =================================*/

.c-btn-xs {
    min-height: 25px;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 300;
}

.c-btn-square.c-btn-xs {
    width: 35px;
}


/*=============*/

.c-btn-sm {
    min-height: 35px;
    padding: 5px 15px;
    font-size: 18px;
}

.c-btn-square.c-btn-sm {
    width: 35px;
}


/*=============*/

.c-btn-md {
    min-height: 45px;
    padding: 6px 30px;
    font-size: 24px;
}

.c-btn-square.c-btn-md {
    width: 45px;
}


/*=============*/

.c-btn-lg {
    min-height: 55px;
    padding: 8px 30px;
    font-size: 28px;
}

.c-btn-square.c-btn-lg {
    width: 55px;
}


/* c-btn styles
 =================================*/

.c-btn-style-1 {
    background-color: var(--green-1);
    color: var(--white-1);
}

.c-btn-style-1:hover,
.c-btn-style-1.c-active {
    background-color: var(--green-2);
    color: var(--white-1);
}

.c-btn-style-1:hover i,
.c-btn-style-1.c-active i {
    color: var(--green-1);
}


/*=============*/

.c-btn-style-2 {
    background-color: transparent;
    color: var(--green-1);
}

.c-btn-style-2:hover,
.c-btn-style-2.c-active {
    background-color: var(--green-1);
    color: var(--white-1);
}

.c-btn-style-2 i {
    color: var(--green-1);
}

.c-btn-style-2:hover i,
.c-btn-style-2.c-active i {
    color: var(--white-1);
}


/*=============*/

.c-btn-style-3 {
    background-color: var(--grey-5);
    color: var(--white-1);
}

.c-btn-style-3:hover,
.c-btn-style-3.c-active {
    background-color: var(--grey-9);
    color: var(--white-1);
}


/*=============*/

.c-btn-style-4 {
    background-color: var(--green-3);
    color: var(--white-1);
}

.c-btn-style-4:hover,
.c-btn-style-4.c-active {
    background-color: var(--green-2);
    color: var(--white-1);
}

.c-btn-style-4 i {
    color: var(--green-1);
}


/*=============*/

.c-btn-style-5 {
    background-color: var(--yellow-1);
    color: var(--white-1);
}

.c-btn-style-5:hover,
.c-btn-style-5.c-active {
    background-color: var(--yellow-2);
    color: var(--white-1);
}


/*=============*/

.c-btn-style-6 {
    background-color: transparent;
    color: var(--white-1);
}

.c-btn-style-6 i {
    color: var(--white-1);
}

.c-btn-style-6:hover,
.c-btn-style-6.c-active {
    background-color: var(--white-1);
    color: var(--green-1);
}

.c-btn-style-6:hover i,
.c-btn-style-6.c-active i {
    color: var(--green-1);
}

#Layer_1:hover path {
    fill: #64c731;
}

#Layer_1 path {
    fill: #fff;
}

#Layer_1 {
    width: 15px !important;
    height: 15px !important;
    margin-right: 2px !important;
}

#Layer_2 {
    width: 15px !important;
    height: 15px !important;
    margin-right: 2px !important;
}

/* c-btn-video
 ====================================================================*/

.c-btn-video {
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 0 8px 8px 8px;
}

.c-btn-video-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: var(--white-1);
    opacity: .7;
    transition: transform .4s ease;
}

.c-btn-video:hover .c-btn-video-icon {
    transform: translate(-50%, -50%) scale(1.2);
}


/* sm-up */

@media (min-width: 576px) {
    .c-btn-video-icon {
        font-size: 80px;
    }
}


/* c-form-control
 ====================================================================*/


/* c-form-control base
 =================================*/

.c-form-control {
    display: block;
    width: 100%;
    border-radius: 0 8px 8px 8px;
    transition: border-color .4s ease;
}
.c-form-control-date-dia {
    display: block;
    width: 100%;
    border-radius: 0 0 0 8px;
    transition: border-color .4s ease;
}
.c-form-control-date-mes {
    display: block;
    width: 100%;
    border-radius: 0;
    transition: border-color .4s ease;
}
.c-form-control-date-ano {
    display: block;
    width: 100%;
    border-radius: 0 8px 8px 0;
    transition: border-color .4s ease;
}
textarea.c-form-control {
    height: auto;
}


/* c-form-control sizes
 =================================*/

.c-form-control-sm {
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}

textarea.c-form-control-sm {
    min-height: 100px;
    padding-top: 8px;
    padding-bottom: 8px;
}


/*=============*/

.c-form-control-md {
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
}

textarea.c-form-control-md {
    min-height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*=============*/

.c-form-control-lg {
    height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
}

textarea.c-form-control-lg {
    min-height: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
}


/* c-form-control styles
 =================================*/

.c-form-control-style-1 {
    background-color: var(--white-1);
    color: var(--green-3);
    border: 2px solid var(--grey-3);
}

.c-form-control-style-1:focus {
    border-color: var(--green-1);
}

.c-form-control-style-1::placeholder {
    color: var(--green-3);
}


/*=============*/

.c-form-control-style-2 {
    background-color: var(--grey-1);
    color: var(--green-3);
    border: 2px solid var(--grey-1);
}

.c-form-control-style-2:focus {
    border-color: var(--green-1);
}

.c-form-control-style-2::placeholder {
    color: var(--green-3);
}


/*=============*/

.c-form-control-style-3 {
    background-color: var(--green-1);
    color: var(--white-1);
}

.c-form-control-style-3::placeholder {
    color: var(--white-1);
}


/*=============*/

.c-form-control-style-4 {
    background-color: var(--white-1);
    color: var(--green-3);
    border: 2px solid transparent;
}

.c-form-control-style-4:focus {
    border-color: var(--green-1);
}

.c-form-control-style-4::placeholder {
    color: var(--green-3);
    font-style: italic;
}


/*=============*/

.c-form-control-style-5 {
    font-family: 'Exo 2', sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background-color: var(--white-1);
    color: var(--green-3);
    border: 2px solid var(--grey-3);
}

.c-form-control-style-5:focus {
    border-color: var(--green-1);
}

.c-form-control-style-5::placeholder {
    font-style: italic;
    color: var(--grey-6);
}


/* c-custom-select
 ====================================================================*/


/* c-custom-select base
 =================================*/

.c-custom-select {
    background-repeat: no-repeat;
    background-position-y: center;
}


/* c-custom-select sizes
 =================================*/

.c-custom-select-sm {
    background-position-x: calc(100% - 10px);
    background-size: 10px;
}

.c-custom-select-md {
    background-position-x: calc(100% - 15px);
    background-size: 13px;
}

.c-custom-select-lg {
    background-position-x: calc(100% - 20px);
    background-size: 16px;
}


/* c-custom-select styles
 =================================*/

.c-custom-select-style-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 490'%3E%3Cpath fill='hsl(0, 0%, 71%)' d='M0 15.541h490L244.991 474.459 0 15.541z'/%3E%3C/svg%3E");
}

.c-custom-select-style-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 490'%3E%3Cpath fill='hsl(100, 60%, 49%)' d='M0 15.541h490L244.991 474.459 0 15.541z'/%3E%3C/svg%3E");
}

.c-custom-select-style-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 490'%3E%3Cpath fill='hsl(0, 0%, 100%)' d='M0 15.541h490L244.991 474.459 0 15.541z'/%3E%3C/svg%3E");
}

/* c-custom-control
 ====================================================================*/


/* c-custom-control base
 =================================*/

.c-custom-control {
    flex-shrink: 0;
    border-radius: 0 4px 4px 4px;
    transition: all .4s ease;
}

.c-custom-control:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}


/* c-custom-control sizes
 =================================*/

.c-custom-control-sm {
    width: 17px;
    height: 17px;
}

.c-custom-control-md {
    width: 20px;
    height: 20px;
}

.c-custom-control-lg {
    width: 25px;
    height: 25px;
}


/* c-custom-control styles
 =================================*/

.c-custom-control-style-1 {
    border: 2px solid var(--grey-5);
}

.c-custom-control-style-1:hover {
    border-color: var(--grey-8);
}

.c-custom-control-style-1:checked {
    border-color: var(--green-1);
    background-color: var(--green-1);
}


/* swipers
 ====================================================================*/


/* swiper resets
 =================================*/

.swiper-slide {
    height: auto;
}

.swiper-button-disabled {
    pointer-events: none;
    opacity: .2;
}

.swiper-pagination {
    pointer-events: auto;
}

.swiper-pagination-bullet {
    opacity: 1;
}


/* swiper paginations
 =================================*/

.c-swiper-pagination-style-1 .swiper-pagination-bullet {
    position: relative;
    width: 13px;
    height: 13px;
    margin: 10px;
    background-color: var(--white-1);
}

.c-swiper-pagination-style-1 .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    width: 250%;
    height: 250%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 2px solid var(--white-1);
    transition: opacity .4s ease;
    opacity: 0;
}

.c-swiper-pagination-style-1 .swiper-pagination-bullet-active::before {
    opacity: 1;
}


/* swiper thumbs
 =================================*/

.c-swiper-thumbs-style-1 img {
    cursor: pointer;
    width: 100%;
    border-radius: 0 8px 8px 8px;
    border: 4px solid transparent;
    transition: border-color .4s ease;
}

.c-swiper-thumbs-style-1 .swiper-slide-active img {
    border-color: var(--green-1);
}


/*=============*/

.c-swiper-thumbs-style-2-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    color: var(--green-2);
    transition: color .4s ease;
}

.c-swiper-thumbs-style-2-icon {
    width: 50px;
    height: 50px;
}

.c-swiper-thumbs-style-2-title {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    color: inherit;
}


/* md-up */

@media (min-width: 768px) {
    .c-swiper-thumbs-style-2-icon {
        width: 60px;
        height: 60px;
    }

    .c-swiper-thumbs-style-2-title {
        font-size: 15px;
    }
}


/* xl */

@media (min-width: 1200px) {
    .c-swiper-thumbs-style-2-icon {
        width: 70px;
        height: 70px;
    }

    .c-swiper-thumbs-style-2-title {
        font-size: 16px;
    }
}


/* fancybox
 ====================================================================*/

.fancybox-container.fancybox-is-open {
    backdrop-filter: blur(10px);
}

.fancybox-is-open .fancybox-bg {
    background-color: var(--white-1);
    opacity: .5;
}

.fancybox-slide--video .fancybox-content {
    overflow: hidden;
    border-radius: 0 8px 8px 8px;
}

.fancybox-thumbs__list a {
    border-radius: 0 8px 8px 8px;
}

.fancybox-thumbs__list a:before,
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    border-color: var(--green-1);
}

.fancybox-progress {
    background-color: var(--green-1);
}


/* sm-up */

@media (min-width: 576px) {
    .fancybox-slide--video .fancybox-content {
        border-radius: 0 15px 15px 15px;
    }
}


/* table
 ====================================================================*/

.table th,
.table td,
.table thead th {
    border: none;
}


/* modal
 ====================================================================*/

.modal-backdrop {
    background-color: var(--white-1);
}

.modal {
    backdrop-filter: blur(10px);
}

.modal-content {
    border-radius: 40px;
    border: none;
    box-shadow: 0 8px 8px hsla(var(--black-1-hsl), .2);
}


/* c-list-1
 ====================================================================*/

.c-list-1 a,
.c-list-1 button {
    transition: color .4s ease;
}

.c-list-1 a:hover,
.c-list-1 button:hover {
    text-decoration: none;
    color: var(--green-1);
}

.c-list-1>li:not(:first-child) {
    margin-top: 7px;
}

.c-list-1 li a,
.c-list-1 li button {
    font-size: 13px;
    color: var(--green-3);
}

.c-list-1 li a span,
.c-list-1 li button span {
    color: var(--green-1);
}

.c-list-1-sub-list {
    display: none;
    padding-left: 15px;
}

.c-list-1-sub-list a {
    color: var(--grey-8);
}


/* c-card-1
 ====================================================================*/


/* c-card-1 base
 =================================*/

.c-card-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    color: var(--white-1);
    transition: transform .4s ease;
}

.c-card-1:hover {
    transform: scale(1.05);
}


/* c-card-1 styles
 =================================*/

.c-card-1-style-1 {
    background-color: #D03A42;
}

.c-card-1-style-2 {
    background-color: #D4AA4F;
}

.c-card-1-style-3 {
    background-color: #649D46;
}

.c-card-1-style-4 {
    background-color: #B32E34;
}

.c-card-1-style-5 {
    background-color: #E84D34;
}

.c-card-1-style-6 {
    background-color: #60BBDE;
}

.c-card-1-style-7 {
    background-color: #F2C444;
}

.c-card-1-style-8 {
    background-color: #932843;
}

.c-card-1-style-9 {
    background-color: #E9723B;
}

.c-card-1-style-10 {
    background-color: #C83167;
}

.c-card-1-style-11 {
    background-color: #EEA143;
}

.c-card-1-style-12 {
    background-color: #B68D41;
}

.c-card-1-style-13 {
    background-color: #517C4A
}

.c-card-1-style-14 {
    background-color: #4895D4;
}

.c-card-1-style-15 {
    background-color: #76BD46;
}

.c-card-1-style-16 {
    background-color: #2E6799;
}

.c-card-1-style-17 {
    background-color: #284767;
}


/* c-tabs
 ====================================================================*/

.c-tabs {
    position: relative;
}

.c-tabs-pane {
    overflow: hidden;
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease;
}

.c-tabs-pane.c-active {
    overflow: visible;
    position: relative;
    height: auto;
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
}


/* c-header-site
 ====================================================================*/


/* c-header-site base
 =================================*/

.c-header-site {
    position: fixed;
    z-index: 103000;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--white-1);
    box-shadow: 0px 5px 29px 0px hsla(var(--green-3-hsl), .11);
}


/* c-header-site-logo
 =================================*/


/* xs */

@media (max-width: 575px) {
    .c-header-site-logo {
        max-width: 150px;
    }
}


/* sm */

@media (min-width: 576px) and (max-width: 767px) {
    .c-header-site-logo {
        max-width: 180px;
    }
}


/* c-header-site-nav
 =================================*/

.c-header-site-nav {
    margin: auto;
}

.c-header-site-nav-list {
    display: flex;
}

.c-header-site-nav a,
.c-header-site-nav button {
    transition: color .4s ease;
}

.c-header-site-nav a:hover,
.c-header-site-nav button:hover {
    text-decoration: none;
    color: var(--green-1);
}

.c-header-site-nav-list-item {
    position: relative;
    margin: 0 10px;
}

.c-header-site-nav-link,
.c-header-site-nav-btn {
    display: block;
    padding: 27px 0;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    color: var(--grey-9);
}

.c-header-site-nav-link-icon {
    color: var(--green-1);
}

.c-header-site-nav-sub-nav {
    pointer-events: none;
    position: absolute;
    width: 175px;
    left: 0;
    bottom: 30px;
    transform: translateY(100%);
    padding: 15px;
    background-color: var(--white-1);
    border-radius: 15px;
    opacity: 0;
    box-shadow: 0 20px 29px 0px hsla(var(--green-3-hsl), .2);
    transition: opacity .4s ease;
    z-index: 9999999;
}

.c-header-site-nav-list-item:hover .c-header-site-nav-sub-nav {
    pointer-events: auto;
    opacity: 1;
}


/* lg-down */

@media (max-width: 1199px) {
    .c-header-site-nav {
        display: none;
    }
}

@media (min-width: 1250px) {

    .c-header-site-nav-link,
    .c-header-site-nav-btn {
        font-size: 14px;
    }
}

@media (min-width: 1400px) {

    .c-header-site-nav-link,
    .c-header-site-nav-btn {
        font-size: 16px;
    }
}


/* c-header-site-btn-menu
 =================================*/

.c-header-site-btn-menu {
    position: relative;
    display: flex;
    align-items: center;
    padding: 25px 15px 20px 12px;
    background-color: var(--green-1);
}

.c-header-site-btn-menu-ctn-bars {
    position: relative;
    width: 30px;
    height: 23px;
}

.c-header-site-btn-menu-ctn-bars span {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    left: 0;
    border-radius: 10000px;
    background-color: var(--white-1);
    transition: all .1s ease;
}

.c-header-site-btn-menu-ctn-bars span:nth-child(1) {
    top: 0;
    left: 4px
}

.c-header-site-btn-menu-ctn-bars span:nth-child(2) {
    top: calc(50% - 1.5px);
    left: 2px;
}

.c-header-site-btn-menu-ctn-bars span:nth-child(3) {
    bottom: 0;
}

.c-header-site-btn-menu-active .c-header-site-btn-menu-ctn-bars span:nth-child(1) {
    top: calc(50% - 1.5px);
    left: 1px;
    transform: rotate(45deg);
}

.c-header-site-btn-menu-active .c-header-site-btn-menu-ctn-bars span:nth-child(2) {
    opacity: 0;
}

.c-header-site-btn-menu-active .c-header-site-btn-menu-ctn-bars span:nth-child(3) {
    bottom: calc(50% - 1.5px);
    transform: rotate(-45deg);
}

.c-header-site-btn-menu-text {
    margin-left: 10px;
    color: var(--white-1);
    font-weight: 700;
}


/* sm-down */

@media (max-width: 767px) {
    .c-header-site-btn-menu-text {
        display: none;
    }
}


/* md-up */

@media (min-width: 768px) {
    .c-header-site-btn-menu {
        padding: 30px 15px;
    }
}


/* xl */

@media (min-width: 1200px) {
    .c-header-site-btn-menu {
        display: none;
    }
}


/* c-header-site-menu
 =================================*/

.c-header-site-menu {
    position: absolute;
    overflow: auto;
    min-width: 90%;
    height: 70vh;
    right: 0;
    bottom: 1px;
    padding: 30px 30px 70px;
    border-radius: 0 0 0 7px;
    transform: translate(100%, 100%);
    background-color: var(--white-1);
    box-shadow: -10px 20px 29px 0px hsla(var(--green-3-hsl), .11);
    transition: transform .3s ease;
}


/* sm-up */

@media (min-width: 576px) {
    .c-header-site-menu {
        min-width: 70%;
        padding: 30px 50px 70px;
    }
}


/* md */

@media (min-width: 768px) and (max-width: 991px) {
    .c-header-site-menu {
        min-width: 65%;
    }
}


/* lg-down */

@media (max-width: 1199px) {
    .c-header-site-menu-active {
        transform: translate(0, 100%);
    }
}


/* lg */

@media (min-width: 992px) and (max-width: 1199px) {
    .c-header-site-menu {
        min-width: 50%;
    }
}


/* xl */

@media (min-width: 1200px) {
    .c-header-site-menu {
        min-width: 40%;
    }
}


/* c-header-site-search
 =================================*/

.c-header-site-search {
    pointer-events: none;
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 15px;
    background-color: var(--white-1);
    opacity: 0;
    transition: opacity .4s ease;
}

.c-header-site-search.c-active {
    pointer-events: auto;
    opacity: 1;
}


/* c-map-agencies
====================================================================*/

.c-map-agencies-img,
.c-map-agencies-img-main {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.c-map-agencies-img {
    pointer-events: none;
}

.c-map-agencies-img.c-active-hover,
.c-map-agencies-img.c-active-click {
    z-index: 2;
}

.c-map-agencies-area {
    cursor: pointer;
}


/* c-map-popup
====================================================================*/

.c-map-popup-area {
    cursor: pointer;
    display: block;
}

.c-map-popup-area-popup {
    pointer-events: none;
    z-index: 1;
    position: absolute;
    width: 200px;
    padding: 15px;
    background-color: var(--grey-9);
    box-shadow: 0 20px 29px 0px hsla(var(--green-3-hsl), .5);
    border-radius: 25px;
    opacity: 0;
    transition: opacity .4s ease;
}

.c-map-popup-area:hover+.c-map-popup-area-popup {
    opacity: 1;
}

.opacityMap {
    opacity: 0 !important;
}

/* sm-up */

@media (min-width: 576px) {
    .c-map-popup-area-popup {
        width: 250px;
        padding: 20px;
    }
}


/* c-pie-charts
 ====================================================================*/

.ct-chart-pie path {
    stroke-width: 3px;
    stroke: var(--white-1);
}

.ct-chart-pie text {
    font-size: 20px;
    fill: var(--white-1);
}

.ct-chart-pie g:nth-child(1) path {
    fill: #4471c4;
}

.ct-chart-pie g:nth-child(2) path {
    fill: #ed7d31;
}

.ct-chart-pie g:nth-child(3) path {
    fill: #a4a4a4;
}

.ct-chart-pie g:nth-child(4) path {
    fill: #ffc000;
}


/* c-wheel-chart
 ====================================================================*/

.c-wheel-chart {
    font-family: 'Exo 2', sans-serif;
    margin-top: 30px;
}

.c-wheel-chart-slice {
    transform-origin: center;
    transition: transform .4s ease;
}

.c-wheel-chart-slice:hover {
    transform: scale(1.1);
}

.c-wheel-chart-text {
    opacity: 0;
    transform-origin: center;
    transform: scale(.9);
    transition: all .4s ease;
}


/* xs */

@media (max-width: 575px) {
    .c-wheel-chart {
        transform: scale(2);
        margin-top: 110px;
    }
}


/* sm */

@media (min-width: 576px) and (max-width: 767px) {
    .c-wheel-chart {
        transform: scale(1.5);
        margin-top: 70px;
    }
}


/* sm-down */

@media (max-width: 767px) {
    .c-wheel-chart-slice {
        cursor: pointer;
    }
}


/* md-up */

@media (min-width: 768px) {
    .c-wheel-chart {
        margin-top: 20px;
    }

    .c-wheel-chart-slice:hover+.c-wheel-chart-text {
        opacity: 1;
        transform: scale(1);
    }
}


/* lg-up */

@media (min-width: 992px) {
    .c-wheel-chart {
        margin-top: 50px;
    }
}


/* c-web-chart
 ====================================================================*/

.c-web-chart-group-img {
    z-index: 1;
    transform-origin: 75px 75px;
    transition: all .4s ease;
}

.c-web-chart-group-text {
    opacity: 0;
    transition: all .4s ease;
}

.c-web-chart-group-1-img {
    transform: translate(847.47px, 2038.24px);
}

.c-web-chart-group-1-img:hover {
    transform: translate(847.47px, 2038.24px) scale(1.2);
}

.c-web-chart-group-2-img {
    transform: translate(1096.38px, 2095.39px);
}

.c-web-chart-group-2-img:hover {
    transform: translate(1096.38px, 2095.39px) scale(1.2);
}

.c-web-chart-group-3-img {
    transform: translate(1133.81px, 2351.69px);
}

.c-web-chart-group-3-img:hover {
    transform: translate(1133.81px, 2351.69px) scale(1.2);
}

.c-web-chart-group-4-img {
    transform: translate(884.2px, 2476.55px);
}

.c-web-chart-group-4-img:hover {
    transform: translate(884.2px, 2476.55px) scale(1.2);
}

.c-web-chart-group-5-img {
    transform: translate(689.86px, 2251.11px);
}

.c-web-chart-group-5-img:hover {
    transform: translate(689.86px, 2251.11px) scale(1.2);
}


/* xs */

@media (max-width: 575px) {
    .c-web-chart {
        transform: scale(1.8) translateX(-3%);
        margin-top: 140px;
    }
}


/* sm */

@media (min-width: 576px) and (max-width: 767px) {
    .c-web-chart {
        transform: scale(1.5) translateX(-3%);
        margin-top: 120px;
    }
}


/* md-down */

@media (max-width: 991px) {
    .c-web-chart-group-img {
        cursor: pointer;
    }
}


/* md */

@media (min-width: 768px) and (max-width: 991px) {
    .c-web-chart {
        transform: scale(1.2) translateX(-3%);
        margin-top: 100px;
    }
}


/* lg-up */

@media (min-width: 992px) {
    .c-web-chart {
        margin-top: 70px;
    }

    .c-web-chart-group-img:hover+.c-web-chart-group-text {
        opacity: 1;
    }
}


/* jsCalendar
 ====================================================================*/

.jsCalendar {
    display: table;
    padding: 15px;
    border-radius: 30px;
    background-color: var(--white-1);
}

.jsCalendar table {
    box-shadow: none;
    border-radius: 0;
}

.jsCalendar thead .jsCalendar-title {
    display: flex;
    height: 78px;
}

.jsCalendar thead .jsCalendar-title-left,
.jsCalendar thead .jsCalendar-title-right {
    display: flex;
    align-items: center;
}

.jsCalendar thead .jsCalendar-nav-left,
.jsCalendar thead .jsCalendar-nav-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0;
    transition: all .4s ease;
}

.jsCalendar thead .jsCalendar-nav-left:hover,
.jsCalendar thead .jsCalendar-nav-right:hover {
    color: var(--green-1);
    background-color: var(--grey-2);
}

.jsCalendar-nav-left::after,
.jsCalendar-nav-right::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 20px;
}

.jsCalendar thead .jsCalendar-nav-left::after {
    content: '\f104';
}

.jsCalendar thead .jsCalendar-nav-right::after {
    content: '\f105';
}

.jsCalendar thead .jsCalendar-title-name {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    text-align: center;
    /* color: var(--white-1); */
}

.jsCalendar thead .jsCalendar-title-name span {
    color: var(--white-1);
    transition: color .2s ease;
}

.jsCalendar-title-name span:nth-child(1) {
    order: 1;
    font-size: 25px;
}

.jsCalendar-title-name.c-show span:nth-child(1) {
    color: var(--green-3);
}

.jsCalendar-title-name span:nth-child(2) {
    font-size: 40px;
    color: var(--green-1);
}

.jsCalendar-title-name.c-show span:nth-child(2) {
    color: var(--green-1);
}

.jsCalendar tbody td.jsCalendar-selected {
    cursor: pointer;
    background-color: var(--green-1);
    border-color: var(--green-1);
    color: var(--white-1);
    transition: opacity .4s ease;
}

.jsCalendar tbody td.jsCalendar-selected:hover {
    opacity: .8;
}

.jsCalendar tbody td.jsCalendar-current {
    background-color: var(--green-2);
    border-color: var(--green-2);
    color: var(--white-1);
}

.jsCalendar tbody td:not(.jsCalendar-selected) {
    pointer-events: none;
}


/* ================================================================= */


/*----------INICIO FORMULARIO----------*/

.response.bg-success {
    background-color: #8CCE70;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
}

.response.bg-danger {
    background-color: #D65D5D;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
}

.btn-submit {
    opacity: 1;
    visibility: visible;
}

.btn-submit.off {
    opacity: 0;
    visibility: hidden;
}

.loader {
    width: 45px;
    opacity: 0;
    visibility: hidden;
    position: relative;
    z-index: 2000;
    color: #64c832;
    position: absolute;
    right: 6%;
    bottom: 1%;
}

.loader.on {
    opacity: 1;
    visibility: visible;
}

.response {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}


/*----------FIM FORMULARIO----------*/

.c-swiper-thumbs-style-2-btn:hover,
.swiper-slide-thumb-active .c-swiper-thumbs-style-2-btn {
    color: var(--white-1);
    filter: brightness(0) invert(1);
}

.introducao-banner-home p:nth-child(1) {
    font-weight: 800;
}

.introducao-banner-home p:nth-child(n+2) {
    line-height: initial;
}

.sobre-home p:nth-child(1) {
    line-height: initial;
}

.sobre-home p:nth-child(n+2) {
    font-weight: 700;
    color: var(--green-1) !important;
    line-height: initial;
}

.p-mt p:nth-child(n+2) {
    margin-top: 20px;
}

html {
    scroll-behavior: smooth;
}

.modelo p:nth-child(n+2) {
    margin-top: 10px;
    line-height: 1.2;
}

.li-mt-evento:nth-child(n+2) {
    margin-top: 20px;
}

.introducao-blog p {
    margin-top: 20px;
    line-height: 1.4;
}

button,
a {
    -webkit-appearance: none !important;
}

.swiper-pagination-bullet {
    outline: none;
}

.tabs-color h4 {
    color: var(--green-3) !important;
    border-color: var(--grey-5) !important;
}

.tabs-color h3 {
    color: var(--green-3) !important;
}

.contorno {
    paint-order: stroke;
    stroke: #000000;
    stroke-width: 1px;
    stroke-linecap: butt;
    stroke-linejoin: miter;
}

.agenda footer div {
    background-color: var(--grey-1) !important;
}

.whatsapp {
    text-align: center;
    background-color: #18d076;
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 9999;
    border-radius: 50%;
}

.whatsapp p {
    color: white;
    font-size: 20px;
}

.whatsapp a {
    float: left;
    padding-top: 7px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 7px;
    text-decoration: none;
}

.whatsapp span {
    font-size: 16px;
    color: #fff;
}

.whatsapp i {
    color: #fff;
}

.representante-img {
    width: 125px !important;
    height: 125px !important;
    margin-left: 100px !important;
}


.gestao-img {
    width: 200px !important;
    height: 200px !important;
}

.gestao-adm {
    float: left !important;
}

.lista-conselho-administracao {
    float: left !important;
}

/* .texto-banner{
    margin-top: -155px !important;
} */

.banner-img {
    /* min-width: 900px !important;
    max-width: 900px !important;
    min-height: 572 !important;
    max-height: 572 !important; */
    /* background-image: 100% !important;  */
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    overflow: hidden;
    background-size: cover;
    background-position: center !important;
}

.bg-size-contain-img {
    background-size: initial;
}

.row-banner {
    width: auto !important;
    height: auto !important;
}

.sobre-home {
    /* width: 600px !important; */
    height: 600px !important;
}

.swiper-color {
    background-color: #4471c4 !important;
}

.section-video {
    margin-top: 87px !important;
}

.filtro1-banner {

    align-items: center !important;
    max-height: 618px !important;

}


/* mobile tamanho banner
    .section-banner-fundo {
    width: 360px !important;
    height: 190px !important;
} */

.introducao-banner {
    max-height: 420px !important;
}

.container-banner-home {
    width: 100% !important;
    height: 100% !important;
    /* max-height: 618px !important; */

}

.section-banner-fundo {
    width: 100% !important;
    height: 100% !important;
}

.introducao {

    width: 100% !important;
    height: 540px !important;
    max-height: 540px !important;
}

.container-img-introducao {
    width: 100% !important;
    height: 100% !important;
}

.banner-img-introducao {
    width: 100% !important;
    max-height: 540px !important;
}

.linkAssembleia {
    font-size: 15px !important;
}

.color-associados-quantidade {
    border-radius: 50%;
}

.color-grafico-idade {
    border-radius: 50%;

}

.color-grafico-genero {
    border-radius: 50%;

}

.btn-sub-comunidade {
    float: left;
    margin-left: -3px;
}

/* .img-banner-home{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  } */

/* .banner-total{
    width: 100%;
    height: 618px;
} */
@media (min-width: 767px) {
    .numeros-cooperativa-foto-grande {
        width: 50% !important;
    }
}

.fa-play-circle {
    color: #64c832 !important;
}

div .calendari {
    width: 100% !important;
    height: 300px !important;
    background-color: gray !important;
}

.calendar {
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    text-align: center;
}

.calendar #actualDate {
    display: inline-block;
    width: 80%;
    font-weight: 700;
}

.calendar .arrow {
    cursor: pointer;
    width: 8%;
    border: none;
    background: none;
    font-weight: 700;
    line-height: 3em;
}

.calendar .arrow:focus {
    outline: none !important;
}

.calendar tr {
    text-align: center;
}

.calendar tr:first-child td {
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

.calendar td,
.calendar th {
    height: 34px;
    width: 34px;
    font-weight: 500;
}

.calendar .today {
    background-color: #0097a7;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
}

.calendar .freeDate {
    background-color: rgb(5, 150, 5);
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
}
.calendar .busyDate {
    background-color: rgb(230, 7, 7);
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
}

/*style or input checkbox2*/
.form {
    --rch-c-input-bg: #ffffff;
    --rch-c-input-text: #000000;
    --rch-c-input-border: #000000;
    --rch-c-input-border-active: #ff7f05;
    --rch-input-border-radius: 3px;
    --rch-input-border-width: 2px;
    --rch-cb-size: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--rch-cb-size);
    margin-bottom: var(--rch-cb-size);
}

.form input[type=checkbox2],
.form input[type=checkbox] {
    appearance: none;
    border: var(--rch-input-border-width) solid var(--rch-c-input-border);
    background-color: var(--rch-c-input-bg);
    width: var(--rch-cb-size);
    height: var(--rch-cb-size);
    margin: 0;
    padding: 7px;
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    z-index: 5;
}

.form input[type=checkbox2]:checked,
.form input[type=checkbox2]:focus,
.form input[type=checkbox]:checked,
.form input[type=checkbox]:focus {
    border-color: var(--rch-c-input-border-active);
}

.form input[type=checkbox2]:after,
.form input[type=checkbox]:after {
    content: "";
    position: absolute;
    opacity: 0;
    margin: 0;
    border-radius: 100%;
    appearance: none;
    display: block;
    width: calc(var(--rch-cb-size) - var(--rch-input-border-width));
    height: calc(var(--rch-cb-size) - var(--rch-input-border-width));
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    outline: none;
    transform: scale(2);
    transition: opacity 0.3s, transform 0.3s;
    z-index: 0;
}

.form input[type=checkbox2]:active:not(:checked):after,
.form input[type=checkbox]:active:not(:checked):after {
    transform: scale(0);
    opacity: 1;
    transition: opacity 0s, transform 0s;
}

.form input[type=checkbox2] {
    border-radius: var(--rch-input-border-radius);
}

.form input[type=checkbox2]:checked:before {
    content: "";
    position: absolute;
    background-color: var(--rch-c-input-border-active);
    width: calc(var(--rch-cb-size) - (4 * var(--rch-input-border-width)));
    height: calc(var(--rch-cb-size) - (4 * var(--rch-input-border-width)));
    top: var(--rch-input-border-width);
    left: var(--rch-input-border-width);
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.form input[type=checkbox] {
    --rch-c-input-border-active: #5f9e0a;
    border-radius: 100%;
}

.form input[type=checkbox]:checked:before {
    content: "";
    position: absolute;
    width: calc(var(--rch-cb-size) - (4 * var(--rch-input-border-width)));
    height: calc(var(--rch-cb-size) - (4 * var(--rch-input-border-width)));
    background-color: var(--rch-c-input-border-active);
    top: var(--rch-input-border-width);
    left: var(--rch-input-border-width);
    border-radius: 100%;
}

.form__label {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    line-height: 1rem;
}
#freeDate{
    appearance: none;
    background-color: var(--green-1);
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 7px;
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    z-index: 5;
    border-radius: 100%;
}
#busyDate{
    appearance: none;
    background-color: var(--green-5) !important;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 7px;
    position: relative;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    z-index: 5;
    border-radius: 100%;
}
.div-box{
    /* position: absolute; */
}
.box-date{
    /* border: 3px rgb(212, 212, 212) solid; */
    width: 100%;
    height: 35px;
    border-radius: 20px;
    background-color: white;
    padding: 4px;
    position: relative;
    
}
.date__label{
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    line-height: 1rem;
}
.box-text-terms{
    /* max-height: calc(100vh - 400px); */
    overflow: auto;
    border: 3px rgb(212, 212, 212) solid;
    width: 100%;
    height: 420px;
    border-radius: 20px;
    border-width: 3px;
    background-color: white;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
}

.txt-modal-termos{
    line-height:1.2;
    font-size: 14px;
}
.c-mr-5{
    padding-right: 5px !important;
}
.c-ml-5{
    padding-left: 5px !important;
}
#qtdPoltronas{
    border-bottom:1px solid black;
    max-width: 30px;
    height: 14px;
}

/* jsCalendar auditório
 ====================================================================*/

 div #calendarAudi .jsCalendar {
    display: table;
    padding: 15px;
    border-radius: 30px;
    background-color: var(--white-1);
}

div #calendarAudi .jsCalendar table {
    box-shadow: none;
    border-radius: 0;
}

div #calendarAudi .jsCalendar thead .jsCalendar-title {
    display: flex;
    height: 78px;
}

div #calendarAudi .jsCalendar thead .jsCalendar-title-left,
.jsCalendar thead .jsCalendar-title-right {
    display: flex;
    align-items: center;
}

div #calendarAudi .jsCalendar thead .jsCalendar-nav-left,
div #calendarAudi .jsCalendar thead .jsCalendar-nav-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0;
    transition: all .4s ease;
}

div #calendarAudi .jsCalendar thead .jsCalendar-nav-left:hover,
div #calendarAudi .jsCalendar thead .jsCalendar-nav-right:hover {
    color: var(--green-1);
    background-color: var(--grey-2);
}

div #calendarAudi .jsCalendar-nav-left::after,
div #calendarAudi .jsCalendar-nav-right::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 20px;
}

div #calendarAudi .jsCalendar thead .jsCalendar-nav-left::after {
    content: '\f104';
}

div #calendarAudi .jsCalendar thead .jsCalendar-nav-right::after {
    content: '\f105';
}

div #calendarAudi .jsCalendar thead .jsCalendar-title-name {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    text-align: center;
    color: var(--white-1);
}

div #calendarAudi .jsCalendar thead .jsCalendar-title-name span {
    color: var(--white-1);
    transition: color .2s ease;
}

div #calendarAudi .jsCalendar-title-name span:nth-child(1) {
    order: 1;
    font-size: 25px;
}

div #calendarAudi .jsCalendar-title-name.c-show span:nth-child(1) {
    color: var(--green-3);
}

div #calendarAudi .jsCalendar-title-name span:nth-child(2) {
    font-size: 40px;
    color: var(--green-1);
}

div #calendarAudi .jsCalendar-title-name.c-show span:nth-child(2) {
    color: var(--green-1);
}

#calendarAudi tbody td.jsCalendar-selected {
    cursor: pointer;
    background-color: var(--green-5) !important;
    border-color: var(--green-5) !important;
    color: var(--white-1);
    transition: opacity .4s ease;
}

#calendarAudi tbody td {
    cursor: pointer;
    background-color: var(--green-1) !important;
    border-color: var(--green-1) !important;
    color: var(--white-1);
    transition: opacity .4s ease;
}

div #calendarAudi .jsCalendar tbody td.jsCalendar-selected:hover {
    opacity: .8;
}

div #calendarAudi .jsCalendar tbody td.jsCalendar-current {
    background-color: var(--green-2);
    border-color: var(--green-2);
    color: var(--white-1);
}

div #calendarAudi .jsCalendar tbody td:not(.jsCalendar-selected) {
    pointer-events: none;
}
div #calendarAudi .jsCalendar-next, div #calendarAudi .jsCalendar-previous{
    background-color: white !important;
    border-color: white !important;
    color: #cacaca;
}

/* ================================================================= */
.d-none-btn{
    display: none !important;
}

.table-scroll {
    overflow-x: auto; /* Altere de auto para scroll */
    display: block;
    width: 100%;
    scrollbar-width: initial;
    scrollbar-color: #64C832 #64C832;
}

.table-scroll::-webkit-scrollbar {
    height: 12px;
}

.table-scroll::-webkit-scrollbar-thumb {
    background-color: #64C832;
    border-radius: 6px;
}

.table-scroll::-webkit-scrollbar-track {
    background: #f1f1f1; /* Cor do fundo da barra */
}

@media (min-width: 768px) {
    .mobile-message {
        display: none;
    }
}


/* Se você quiser adicionar uma borda para dar destaque ao contêiner de rolagem, use: */
/* .table-scroll { border: 1px solid #ccc; } */
.i21-wide-bg {
    width: 100000px;
}

.i21-wide-bg-sm {
    width: 10000px;
}

.i21-programa-juntos-desktop {
    background-size: contain;
    width: 100%;
    padding-bottom: 38.44%;
}

.i21-width-2 {
    width: 2px;
}

.i21-height-2 {
    height: 2px;
}

.i21-text-underline {
    text-decoration: underline;
}

.i21-overflow-wrap {
    overflow-wrap: break-word;
}

.i21-visible {
    visibility: visible;
}

.i21-color-red {
    color: #e73333;
}

.i21-color-white {
    color: #fff;
}

.i21-svg-fill-white {
    fill: #fff;
}

.i21-color-yellow {
    color: #ffc02e;
}

.i21-color-green-dark {
    color: #194b00;
}

.i21-color-green-medium {
    color: #31790c;
}

.i21-color-green-light {
    color: #64c832;
}

.i21-bg-green-light {
    background-color: #3baa34;
}

.i21-bg-green-dark {
    background-color: #0e6b29;
}

.i21-bg-green-pale {
    background-color: #ebf4d7;
}

.i21-width-20p {
    width: 20%;
}

.i21-width-35p {
    width: 35%;
}

.i21-width-60p {
    width: 60%;
}

.i21-width-65p {
    width: 65%;
}

#c-chart-pie-1 g:nth-child(1) path {
    fill: #146e37;
}

#c-chart-pie-1 g:nth-child(2) path {
    fill: #a0dc8c;
}

#c-chart-pie-1 g:nth-child(3) path {
    fill: #3fa110;
}

#c-chart-pie-1 g:nth-child(4) path {
    fill: #ffc000;
}

#c-chart-pie-1 g:nth-child(5) path {
    fill: lightcoral;
}

#c-chart-pie-2 g:nth-child(1) path {
    fill: #d7e6c8;
}

#c-chart-pie-2 g:nth-child(2) path {
    fill: #a0dc8c;
}

#c-chart-pie-2 g:nth-child(3) path {
    fill: #1e9b32;
}

#c-chart-pie-2 g:nth-child(4) path {
    fill: #146e37;
}

#c-chart-pie-2 g:nth-child(5) path {
    fill: #0a4b1e;
}

#c-chart-pie-2 g:nth-child(6) path {
    fill: green;
}

#c-chart-pie-2 g:nth-child(7) path {
    fill: greenyellow;
}

#c-chart-pie-3 g:nth-child(1) path {
    fill: #1e9b32;
}

#c-chart-pie-3 g:nth-child(2) path {
    fill: #a0dc8c;
}

#c-chart-pie-3 g:nth-child(3) path {
    fill: #1e9b32;
}

#c-chart-pie-2 .ct-label,
#c-chart-pie-3 .ct-label {
    display: none;
}

.i21-anchor-spacer {
    width: 100%;
    height: 50px;
}