.gallery-area
{
    background-color: var(--marrom-claro);
    min-height: 936px;
    width: var(--width-full);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    position: relative;
}
.gallery-area .gallery-wrapper
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-area .gallery-wrapper ul
{
    list-style: none;
    display: flex;
    justify-content: center;
    max-width: 1261px;
    flex-wrap: wrap;
}

.gallery-area .gallery-wrapper ul li,
.gallery-area .gallery-wrapper ul li .image-area
{
    max-width: 413px;
    max-height: 274px;
    width: var(--width-full);
}

.gallery-area .gallery-wrapper ul li .image-area
{
    display: flex;
    justify-content: center;
}

.gallery-area .gallery-wrapper ul li .image-area figure
{
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.gallery-area .gallery-wrapper ul li .image-area img{
    max-width: var(--width-full);
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    cursor: pointer;
}

.gallery-area .gallery-wrapper ul li .image-area figure .img-wrapper{
    position: relative;
    width: fit-content;
    height: fit-content;
}

.gallery-area .gallery-wrapper ul li .image-area figure .img-wrapper::before{
    content: "";
    position: absolute;
    top: 4px;
    left: 3px;
    width: 98.4%;
    height: 93%;
    cursor: pointer;
    background-color: var(--texto-marrom);
    opacity: 0;
}

.gallery-area .gallery-wrapper ul li .image-area figure .img-wrapper::after{
    content: "";
    position: absolute;
    top: calc(4px + 12px);
    left: calc(3px + 12px);
    width: calc(97.4% - (12px + 12px));
    height: calc(92% - (13px + 13px));
    cursor: pointer;
    border: 3px solid var(--texto-marrom);
}

.gallery-area .gallery-wrapper ul li .image-area figure .img-wrapper:hover::before{
    opacity: 0.6;   
    transition: all 0.3s ease-in-out;
}

.gallery-area .gallery-wrapper ul li:nth-child(4),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(4),
.gallery-area .gallery-wrapper ul li:nth-child(5),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(5),
.gallery-area .gallery-wrapper ul li:nth-child(6),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(6),
.gallery-area .gallery-wrapper ul li:nth-child(7),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(7){
    max-width: 310px;
    max-height: 204px;
    width: var(--width-full);
}

.gallery-area .gallery-wrapper ul li:nth-child(4) .image-area figure .img-wrapper::before,
.gallery-area .gallery-wrapper ul li .image-area:nth-child(4) .image-area figure .img-wrapper::before,
.gallery-area .gallery-wrapper ul li:nth-child(5) .image-area figure .img-wrapper::before,
.gallery-area .gallery-wrapper ul li .image-area:nth-child(5) .image-area figure .img-wrapper::before,
.gallery-area .gallery-wrapper ul li:nth-child(6) .image-area figure .img-wrapper::before,
.gallery-area .gallery-wrapper ul li .image-area:nth-child(6) .image-area figure .img-wrapper::before,
.gallery-area .gallery-wrapper ul li:nth-child(7),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(7) .image-area figure .img-wrapper::before
{
    top: 4px;
    left: 3px;
    width: 97.7%;
    height: 91.5%;
}

.gallery-area .gallery-wrapper ul li:nth-child(4) .image-area figure .img-wrapper::after,
.gallery-area .gallery-wrapper ul li .image-area:nth-child(4) .image-area figure .img-wrapper::after,
.gallery-area .gallery-wrapper ul li:nth-child(5) .image-area figure .img-wrapper::after,
.gallery-area .gallery-wrapper ul li .image-area:nth-child(5) .image-area figure .img-wrapper::after,
.gallery-area .gallery-wrapper ul li:nth-child(6) .image-area figure .img-wrapper::after,
.gallery-area .gallery-wrapper ul li .image-area:nth-child(6) .image-area figure .img-wrapper::after,
.gallery-area .gallery-wrapper ul li:nth-child(7),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(7) .image-area figure .img-wrapper::after
{
    top: calc(4px + 10px);
}

.gallery-area .gallery-wrapper ul li:nth-child(8),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(8),
.gallery-area .gallery-wrapper ul li:nth-child(9),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(9),
.gallery-area .gallery-wrapper ul li:nth-child(10),
.gallery-area .gallery-wrapper ul li .image-area:nth-child(10){
    padding-top: 4px;
}

.holder
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px 0;
}

.holder a {
    font-family: var(--roboto) !important;
    color: var(--sepia) !important;
    text-decoration: none;
    font-size: 18px !important;
    margin: 0 12px !important;
}

.holder a:hover{
    background-color: transparent !important;
    text-decoration: underline;
}

.holder a.jp-current,
a.jp-current:hover {
    color: var(--sepia) !important;
    font-weight: bold;
}

.holder .jp-previous:before {
    color: var(--sepia);
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 100%;
    height: 100%;
    font-size: 10px;
}

.holder .jp-next:before {
    color: var(--sepia);
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 100%;
    height: 100%;
    font-size: 10px
}

.modal-sorrisos{
    position: fixed;
    top: 10%;
    left: 0;
    width: var(--width-full);
    height: 100%;
    display: none;
    z-index: 1;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    padding: 0 15px;
}

.modal-sorrisos .modal-sorrisos-wrapper
{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 776px;
    width: var(--width-full);
    min-height: 447px;
    background-color: rgba(163, 151, 134, 0.95);
    position: relative;
    padding: 10px;
}

.modal-sorrisos .modal-sorrisos-wrapper .modal-sorrisos-items
{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 757px;
    width: var(--width-full);
    min-height: 428.99px;
    border: 1px solid #fff;
    position: relative;
    padding: 15px;
}
.modal-sorrisos .modal-sorrisos-wrapper .modal-sorrisos-items h2
{
    max-width: 641px;
    color: #fff;
    font-weight: normal;
}

.modal-sorrisos-mobile{
    position: fixed;
    top: 10%;
    left: 0;
    width: var(--width-full);
    height: 100%;
    display: none;
    z-index: 1;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    padding: 0 15px;
}

.modal-sorrisos-mobile .modal-sorrisos-wrapper
{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 776px;
    width: var(--width-full);
    min-height: 447px;
    background-color: rgba(163, 151, 134, 0.95);
    position: relative;
    padding: 10px;
}

.modal-sorrisos-mobile .modal-sorrisos-wrapper .modal-sorrisos-items
{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 757px;
    width: var(--width-full);
    min-height: 428.99px;
    border: 1px solid #fff;
    position: relative;
    padding: 15px;
}
.modal-sorrisos-mobile .modal-sorrisos-wrapper .modal-sorrisos-items h2
{
    max-width: 641px;
    color: #fff;
    font-weight: normal;
}
#modalClose{
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
    cursor: pointer;
    padding: 10px;
}
#modalClose i{
    color: #fff;
}

.gallery-mobile
{
    display: none;
    background-color: var(--marrom-claro);
    width: var(--width-full);
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    position: relative;
}

.gallery-mobile .splide .splide__slide .image-area .img-wrapper{
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.gallery-mobile .splide .splide__slide .image-area .img-wrapper::before
{
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 13px;
    left: 12px;
    border: 4px solid var(--marrom-escuro);
}

@media(max-width: 1279px)
{
    .gallery-area .gallery-wrapper ul li:nth-child(4),
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(4),
    .gallery-area .gallery-wrapper ul li:nth-child(5),
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(5),
    .gallery-area .gallery-wrapper ul li:nth-child(6),
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(6),
    .gallery-area .gallery-wrapper ul li:nth-child(7),
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(7){
        max-width: 413px;
        max-height: 274px;
    }

    .gallery-area .gallery-wrapper ul li:nth-child(4) .image-area figure .img-wrapper::before,
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(4) .image-area figure .img-wrapper::before,
    .gallery-area .gallery-wrapper ul li:nth-child(5) .image-area figure .img-wrapper::before,
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(5) .image-area figure .img-wrapper::before,
    .gallery-area .gallery-wrapper ul li:nth-child(6) .image-area figure .img-wrapper::before,
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(6) .image-area figure .img-wrapper::before,
    .gallery-area .gallery-wrapper ul li:nth-child(7),
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(7) .image-area figure .img-wrapper::before
    {
        top: 4px;
        left: 3px;
        width: 98.4%;
        height: 93%;
    }

    .gallery-area .gallery-wrapper ul li:nth-child(4) .image-area figure .img-wrapper::after,
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(4) .image-area figure .img-wrapper::after,
    .gallery-area .gallery-wrapper ul li:nth-child(5) .image-area figure .img-wrapper::after,
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(5) .image-area figure .img-wrapper::after,
    .gallery-area .gallery-wrapper ul li:nth-child(6) .image-area figure .img-wrapper::after,
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(6) .image-area figure .img-wrapper::after,
    .gallery-area .gallery-wrapper ul li:nth-child(7),
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(7) .image-area figure .img-wrapper::after
    {
        top: calc(4px + 12px);
    }

    .gallery-area .gallery-wrapper ul li:nth-child(7),
    .gallery-area .gallery-wrapper ul li .image-area:nth-child(7) .image-area figure .img-wrapper::after
    {
        top: calc(4px + 11px) !important;
    }
}

@media(max-width: 764px)
{
    .gallery-mobile
    {
        display: flex;
    }

    .gallery-area
    {
        display: none;
    }
}

@media(max-width: 480px)
{
    .gallery-area .gallery-wrapper ul li .image-area figure .img-wrapper::after {
        content: "";
        position: absolute;
        top: calc(4px + 10px);
        left: calc(3px + 10px);
        width: calc(97.4% - (12px + 12px));
        height: calc(92% - (13px + 13px));
        cursor: pointer;
        border: 3px solid var(--texto-marrom);
    }
}