@font-face {
    font-family: "HR";
    src: url("../fonts/HR.svg") format("svg"), url("../fonts/HR.ttf") format("truetype"), url("../fonts/HR.woff") format("woff"), url("../fonts/HR.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "HB";
    src: url("../fonts/HB.svg") format("svg"), url("../fonts/HB.ttf") format("truetype"), url("../fonts/HB.woff") format("woff"), url("../fonts/HB.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SR";
    src: url("../fonts/SR.svg") format("svg"), url("../fonts/SR.ttf") format("truetype"), url("../fonts/SR.woff") format("woff"), url("../fonts/SR.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SRI";
    src: url("../fonts/SRI.svg") format("svg"), url("../fonts/SRI.ttf") format("truetype"), url("../fonts/SRI.woff") format("woff"), url("../fonts/SRI.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SB";
    src: url("../fonts/SB.svg") format("svg"), url("../fonts/SB.ttf") format("truetype"), url("../fonts/SB.woff") format("woff"), url("../fonts/SB.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

body {
    font-family: "SR", Arial, Helvetica, sans-serif;
    background-color: #F5F5F5;
    margin: 0;
    padding: 0;
}

.img-responsive {
    width: 100%;
}


/* SCROLL BAR STYLE */

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background: #000;
}

::-webkit-scrollbar-thumb:hover {
    background: #000;
}


/* Animations */

@keyframes dissolve {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes dissolve-pins-arquivo {
    from {
        opacity: 0;
        transform: translateY(80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Reveal and Hide Styles */

.toggle-btn {
    display: none;
}

.toggle-btn-visible {
    display: block;
}

.toggle-target-hidden {
    display: none;
}

.toggle-target-expanded {
    display: block;
}


/* ARQUIVO */

span.frame-line-left {
    width: 2px;
    height: 100%;
    background: #000;
    position: fixed;
    z-index: 2;
}

span.frame-line-bottom {
    width: 100%;
    height: 2px;
    bottom: 0;
    background: #000;
    position: fixed;
    z-index: 2;
}

span.frame-line-right {
    width: 2px;
    height: 100%;
    background: #000;
    position: fixed;
    right: 0;
    z-index: 2;
}

.modal-cena {
    width: 100%;
    display: block;
}

.modal-top {
    width: 100%;
    height: 51px;
    position: fixed;
    background: #F5F5F5;
    border: 2px solid #000;
    border-bottom: 6px solid #000;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 2;
}

.modal-top h2 {
    font-family: "HR", Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    height: 28px;
    margin-bottom: 0;
    margin: auto;
}

span.line_close_button {
    width: 2px;
    height: 51px;
    background: #000;
    position: relative;
    right: 15px;
}

.modal-top a img {
    width: 37.25px;
    height: 37.25px;
    right: 7px;
    position: relative;
}

.arquivo-button-permanente img {
    width: 190.5px;
    padding: 120px 0 25px 20px;
    animation: dissolve-pins-arquivo .4s ease-out backwards;
}

.arquivo-button-permanente img:hover {
    content: url("../images/index/buttons/Button_empermanencia_black.png");
    position: relative;
}

.arquivo-button-19 img {
    width: 116.83px;
    padding: 0 0 25px 20px;
    animation: dissolve-pins-arquivo .4s ease-out .2s backwards;
}

.arquivo-button-19 img:hover {
    content: url("../images/index/buttons/Button_19OUT_black.png");
    position: relative;
}

.arquivo-button-20 img {
    width: 119.96px;
    padding: 0 0 25px 20px;
    animation: dissolve-pins-arquivo .4s ease-out .4s backwards;
}

.arquivo-button-20 img:hover {
    content: url("../images/index/buttons/Button_20OUT_black.png");
    position: relative;
}

.arquivo-button-21 img {
    width: 118.78px;
    padding: 0 0 25px 20px;
    animation: dissolve-pins-arquivo .4s ease-out .6s backwards;
}

.arquivo-button-21 img:hover {
    content: url("../images/index/buttons/Button_21OUT_black.png");
    position: relative;
}

.arquivo-button-22 img {
    width: 113.11px;
    padding: 0 0 25px 20px;
    animation: dissolve-pins-arquivo .4s ease-out .8s backwards;
}

.arquivo-button-22 img:hover {
    content: url("../images/index/buttons/Button_22OUT_black.png");
    position: relative;
}

.arquivo-button-23 img {
    width: 116px;
    padding: 0 0 25px 20px;
    animation: dissolve-pins-arquivo .4s ease-out 1.2s backwards;
}

.arquivo-button-23 img:hover {
    content: url("../images/index/buttons/Button_23OUT_black.png");
    position: relative;
}

.arquivo-button-24 img {
    width: 115.34px;
    padding: 0 0 25px 20px;
    animation: dissolve-pins-arquivo .4s ease-out 1.4s backwards;
}

.arquivo-button-24 img:hover {
    content: url("../images/index/buttons/Button_24OUT_black.png");
    position: relative;
}

.arquivo-button-25 img {
    width: 116px;
    display: flex;
    padding: 0 0 25px 20px;
    animation: dissolve-pins-arquivo .4s ease-out 1.6s backwards;
}

.arquivo-button-25 img:hover {
    content: url("../images/index/buttons/Button_25OUT_black.png");
    position: relative;
}

.col-xl-2,
.col-lg-3,
.col-6 {
    padding: 0 10px;
}

.arquivo-section-permanente,
.arquivo-section-19,
.arquivo-section-20,
.arquivo-section-21,
.arquivo-section-22,
.arquivo-section-23,
.arquivo-section-24,
.arquivo-section-25 {
    padding: 0 10px 50px 10px;
}

.grid-items-permanente,
.grid-items-19,
.grid-items-20,
.grid-items-21,
.grid-items-22,
.grid-items-23,
.grid-items-24,
.grid-items-25 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    animation: dissolve 2s ease;
}

.img-1_2_6 {
    margin-top: -131%;
}

.img-1_2_7 {
    margin-top: -72%;
}

.img-1_2_8 {
    margin-top: -135%;
}

.img-1_2_9 {
    margin-top: 8%;
}

.img-1_2_10 {
    margin-top: -56%;
}

.img-1_2_11 {
    margin-top: -150%;
}

.img-1_2_12 {
    margin-top: -123%;
}

.img-1_3_1 {
    margin-top: 10%;
}

.img-1_3_2 {
    margin-top: -179%;
}

.img-1_3_3 {
    margin-top: 8%;
}

.img-1_3_4 {
    margin-top: -42%;
}

.img-1_3_5 {
    margin-top: -179%;
}

.img-1_3_6 {
    margin-top: -233%;
}

.img-1_3_7 {
    margin-top: 10%;
}

.img-1_3_8 {
    margin-top: -380%;
}

.img-1_3_9 {
    margin-top: -66%;
}

.img-1_3_10 {
    margin-top: -245%;
}

.img-1_3_11 {
    margin-top: -351%;
}

.img-1_3_12 {
    margin-top: -236%;
}

.img-1_4_1 {
    margin-top: -426%;
}

.img-2_3_2 {
    margin-top: -138%;
}

.img-2_4_1 {
    margin-top: -168%;
}

.img-2_4_2 {
    margin-top: 9%;
}

.img-2_5_1 {
    margin-top: -95%;
}

.img-2_5_2 {
    margin-top: -138%;
}

.img-4_5_1 {
    margin-top: -68%;
}

.img-4_6_1 {
    margin-top: -77%;
}

.img-5_6_2 {
    margin-top: 8%;
}

.img-5_7_1 {
    margin-top: 8%;
}

.img-5_7_2 {
    margin-top: 8%;
}

.img-5_8_1 {
    margin-top: 8%;
}

.img-5_8_2 {
    margin-top: 4%;
}

.img-6_7_2 {
    margin-top: -55%;
}

.img-7_4_1 {
    margin-top: 5%;
}

.img-7_5_1 {
    margin-top: -14%;
}

.img-7_7_1 {
    margin-top: -33%;
}

.img-7_8_1 {
    margin-top: 9%;
}

.img-7_8_2 {
    margin-top: -40%;
}

@media (max-width: 1200px) {
    .modal-cena {
        width: 100%;
    }
    .img-1_2_4 {
        margin-top: -88%;
    }
    .img-1_2_5 {
        margin-top: -118%;
    }
    .img-1_2_6 {
        margin-top: -125%;
    }
    .img-1_2_7 {
        margin-top: 9%;
    }
    .img-1_2_8 {
        margin-top: -260%;
    }
    .img-1_2_9 {
        margin-top: -296%;
    }
    .img-1_2_10 {
        margin-top: -286%;
    }
    .img-1_2_11 {
        margin-top: 9%;
    }
    .img-1_2_12 {
        margin-top: -244%;
    }
    .img-1_3_1 {
        margin-top: -200%;
    }
    .img-1_3_2 {
        margin-top: -262%;
    }
    .img-1_3_3 {
        margin-top: 9%;
    }
    .img-1_3_4 {
        margin-top: -283%;
    }
    .img-1_3_5 {
        margin-top: -197%;
    }
    .img-1_3_6 {
        margin-top: -308%;
    }
    .img-1_3_7 {
        margin-top: -96%;
    }
    .img-1_3_8 {
        margin-top: -217%;
    }
    .img-1_3_9 {
        margin-top: -130%;
    }
    .img-1_3_10 {
        margin-top: -206%;
    }
    .img-1_3_11 {
        margin-top: -1%;
    }
    .img-1_3_12 {
        margin-top: -224%;
    }
    .img-1_4_1 {
        margin-top: -128%;
    }
    .img-2_2_4 {
        margin-top: -115%;
    }
    .img-2_3_1 {
        margin-top: -126%;
    }
    .img-2_3_2 {
        margin-top: 8%;
    }
    .img-2_4_1 {
        margin-top: -85%;
    }
    .img-2_4_2 {
        margin-top: -75%;
    }
    .img-2_5_1 {
        margin-top: -32%;
    }
    .img-2_5_2 {
        margin-top: 8%;
    }
    .img-3_4_1 {
        margin-top: 1%;
    }
    .img-4_3_1 {
        margin-top: -94%;
    }
    .img-4_4_1 {
        margin-top: -78%;
    }
    .img-4_5_1 {
        margin-top: -80%;
    }
    .img-4_6_1 {
        margin-top: 8%;
    }
    .img-5_5_2 {
        margin-top: 7%;
    }
    .img-5_6_1 {
        margin-top: 7%;
    }
    .img-5_6_2 {
        margin-top: 7%;
    }
    .img-5_7_1 {
        margin-top: 8%;
    }
    .img-5_7_2 {
        margin-top: 4%;
    }
    .img-5_8_1 {
        margin-top: 8%;
    }
    .img-5_8_2 {
        margin-top: -11%;
    }
    .img-6_4_1 {
        margin-top: 8%;
    }
    .img-6_7_1 {
        margin-top: -41%;
    }
    .img-6_7_2 {
        margin-top: -16%;
    }
    .img-7_3_2 {
        margin-top: 5%;
    }
    .img-7_3_3 {
        margin-top: -15%;
    }
    .img-7_4_1 {
        margin-top: -34%;
    }
    .img-7_5_1 {
        margin-top: 8%;
    }
    .img-7_7_1 {
        margin-top: -14%;
    }
    .img-7_8_1 {
        margin-top: -26%;
    }
    .img-7_8_2 {
        margin-top: -41%;
    }
}

@media (max-width: 768px) {
    .img-1_2_2 {
        margin-top: 2%;
    }
    .img-1_2_3 {
        margin-top: 5%;
    }
    .img-1_2_4 {
        margin-top: -93%;
    }
    .img-1_2_5 {
        margin-top: 5%;
    }
    .img-1_2_6 {
        margin-top: -64%;
    }
    .img-1_2_7 {
        margin-top: 5%;
    }
    .img-1_2_8 {
        margin-top: -280%;
    }
    .img-1_2_9 {
        margin-top: 6%;
    }
    .img-1_2_10 {
        margin-top: -290%;
    }
    .img-1_2_11 {
        margin-top: 5%;
    }
    .img-1_2_12 {
        margin-top: -222%;
    }
    .img-1_3_1 {
        margin-top: 5%;
    }
    .img-1_3_2 {
        margin-top: -368%;
    }
    .img-1_3_3 {
        margin-top: 5%;
    }
    .img-1_3_4 {
        margin-top: -452%;
    }
    .img-1_3_5 {
        margin-top: 5%;
    }
    .img-1_3_6 {
        margin-top: -398%;
    }
    .img-1_3_7 {
        margin-top: 5%;
    }
    .img-1_3_8 {
        margin-top: -444%;
    }
    .img-1_3_9 {
        margin-top: 5%;
    }
    .img-1_3_10 {
        margin-top: -461%;
    }
    .img-1_3_11 {
        margin-top: 5%;
    }
    .img-1_3_12 {
        margin-top: -491%;
    }
    .img-1_4_1 {
        margin-top: 5%;
    }
    .img-2_2_2 {
        margin-top: 5%;
    }
    .img-2_2_3 {
        margin-top: -29%;
    }
    .img-2_2_4 {
        margin-top: 5%;
    }
    .img-2_3_1 {
        margin-top: -112%;
    }
    .img-2_3_2 {
        margin-top: 5%;
    }
    .img-2_4_1 {
        margin-top: -50%;
    }
    .img-2_4_2 {
        margin-top: 5%;
    }
    .img-2_5_1 {
        margin-top: -12%;
    }
    .img-2_5_2 {
        margin-top: 5%;
    }
    .img-3_2_1 {
        margin-top: 5%;
    }
    .img-3_3_1 {
        margin-top: -169%;
    }
    .img-3_4_1 {
        margin-top: 5%;
    }
    .img-4_2_2 {
        margin-top: -3%;
    }
    .img-4_2_3 {
        margin-top: 5%;
    }
    .img-4_3_1 {
        margin-top: -133%;
    }
    .img-4_4_1 {
        margin-top: 5%;
    }
    .img-4_5_1 {
        margin-top: -91%;
    }
    .img-4_6_1 {
        margin-top: 5%;
    }
    .img-5_4_1 {
        margin-top: 5%;
    }
    .img-5_5_1 {
        margin-top: 5%;
    }
    .img-5_5_2 {
        margin-top: 5%;
    }
    .img-5_6_1 {
        margin-top: 5%;
    }
    .img-5_6_2 {
        margin-top: 1%;
    }
    .img-5_7_1 {
        margin-top: 5%;
    }
    .img-5_7_2 {
        margin-top: -14%;
    }
    .img-5_8_1 {
        margin-top: 5%;
    }
    .img-5_8_2 {
        margin-top: -24%;
    }
    .img-6_2_1 {
        margin-top: 5%;
    }
    .img-6_2_2 {
        margin-top: -44%;
    }
    .img-6_4_1 {
        margin-top: 5%;
    }
    .img-6_7_1 {
        margin-top: -39%;
    }
    .img-6_7_2 {
        margin-top: -46%;
    }
    .img-7_2_2 {
        margin-top: 5%;
    }
    .img-7_3_1 {
        margin-top: -15%;
    }
    .img-7_3_2 {
        margin-top: -17%;
    }
    .img-7_3_3 {
        margin-top: 5%;
    }
    .img-7_4_1 {
        margin-top: -25%;
    }
    .img-7_5_1 {
        margin-top: 5%;
    }
    .img-7_7_1 {
        margin-top: -25%;
    }
    .img-7_8_1 {
        margin-top: 6%;
    }
    .img-7_8_2 {
        margin-top: -26%;
    }
}

@media (max-width: 576px) {
    .img-1_2_2 {
        margin-top: 9%;
    }
    .img-1_2_3 {
        margin-top: 11%;
    }
    .img-1_2_4 {
        margin-top: -87%;
    }
    .img-1_2_5 {
        margin-top: 11%;
    }
    .img-1_2_6 {
        margin-top: -57%;
    }
    .img-1_2_7 {
        margin-top: 11%;
    }
    .img-1_2_8 {
        margin-top: -270%;
    }
    .img-1_2_9 {
        margin-top: 12%;
    }
    .img-1_2_10 {
        margin-top: -278%;
    }
    .img-1_2_11 {
        margin-top: 11%;
    }
    .img-1_2_12 {
        margin-top: -208%;
    }
    .img-1_3_1 {
        margin-top: 12%;
    }
    .img-1_3_2 {
        margin-top: -354%;
    }
    .img-1_3_3 {
        margin-top: 13%;
    }
    .img-1_3_4 {
        margin-top: -439%;
    }
    .img-1_3_5 {
        margin-top: 12%;
    }
    .img-1_3_6 {
        margin-top: -385%;
    }
    .img-1_3_7 {
        margin-top: 11%;
    }
    .img-1_3_8 {
        margin-top: -429%;
    }
    .img-1_3_9 {
        margin-top: 12%;
    }
    .img-1_3_10 {
        margin-top: -447%;
    }
    .img-1_3_11 {
        margin-top: 12%;
    }
    .img-1_3_12 {
        margin-top: -477%;
    }
    .img-1_4_1 {
        margin-top: 12%;
    }
    .img-2_2_2 {
        margin-top: 11%;
    }
    .img-2_2_3 {
        margin-top: -23%;
    }
    .img-2_2_4 {
        margin-top: 11%;
    }
    .img-2_3_1 {
        margin-top: -108%;
    }
    .img-2_3_2 {
        margin-top: 12%;
    }
    .img-2_4_1 {
        margin-top: -43%;
    }
    .img-2_4_2 {
        margin-top: 12%;
    }
    .img-2_5_1 {
        margin-top: -6%;
    }
    .img-2_5_2 {
        margin-top: 12%;
    }
    .img-3_2_1 {
        margin-top: 13%;
    }
    .img-3_3_1 {
        margin-top: -164%;
    }
    .img-3_4_1 {
        margin-top: 13%;
    }
    .img-4_2_2 {
        margin-top: 3%;
    }
    .img-4_2_3 {
        margin-top: 11%;
    }
    .img-4_3_1 {
        margin-top: -131%;
    }
    .img-4_4_1 {
        margin-top: 12%;
    }
    .img-4_5_1 {
        margin-top: -85%;
    }
    .img-4_6_1 {
        margin-top: 12%;
    }
    .img-5_4_1 {
        margin-top: 11%;
    }
    .img-5_5_1 {
        margin-top: 11%;
    }
    .img-5_5_2 {
        margin-top: 11%;
    }
    .img-5_6_1 {
        margin-top: 11%;
    }
    .img-5_6_2 {
        margin-top: 7%;
    }
    .img-5_7_1 {
        margin-top: 12%;
    }
    .img-5_7_2 {
        margin-top: -9%;
    }
    .img-5_8_1 {
        margin-top: 12%;
    }
    .img-5_8_2 {
        margin-top: -19%;
    }
    .img-6_2_1 {
        margin-top: 12%;
    }
    .img-6_2_2 {
        margin-top: -38%;
    }
    .img-6_4_1 {
        margin-top: 11%;
    }
    .img-6_7_1 {
        margin-top: -34%;
    }
    .img-6_7_2 {
        margin-top: -38%;
    }
    .img-7_2_2 {
        margin-top: 12%;
    }
    .img-7_3_1 {
        margin-top: -8%;
    }
    .img-7_3_2 {
        margin-top: -10%;
    }
    .img-7_3_3 {
        margin-top: 12%;
    }
    .img-7_4_1 {
        margin-top: -18%;
    }
    .img-7_5_1 {
        margin-top: 12%;
    }
    .img-7_7_1 {
        margin-top: -17%;
    }
    .img-7_8_1 {
        margin-top: 12%;
    }
    .img-7_8_2 {
        margin-top: -16%;
    }
}

@media (max-width: 480px) {
    .modal-top h2 {
        font-size: 22px;
        height: 22px;
    }
    .arquivo-button-permanente img {
        width: 190.5px;
        padding: 80px 0 20px 20px;
        animation: dissolve-pins-arquivo .4s ease-out backwards;
    }
    .arquivo-button-19 img,
    .arquivo-button-20 img,
    .arquivo-button-21 img,
    .arquivo-button-22 img,
    .arquivo-button-23 img,
    .arquivo-button-24 img,
    .arquivo-button-25 img {
        padding: 0 0 20px 20px;
    }
}