.font1B{
		font-family: "ivypresto-display", serif;
        font-weight: 400;
        font-style: normal;
	}
    .font2R{
        font-family: "ivypresto-display", serif;
        font-weight: 400;
        font-style: normal;
    }
    .font2I{
        font-family: "ivypresto-display", serif;
        font-weight: normal;
        font-style: normal;
    }

    /* 55 roman */
    .font1L{
		font-family: neue-haas-grotesk-display, sans-serif;
        font-weight: 500;
        font-style: normal;
	}

    /* 65 medium */
    .font1R{
		font-family: neue-haas-grotesk-display, sans-serif;
        font-weight: 600;
        font-style: normal;
	}


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

:root{
    --color1 : #8d5b41;
    --color2 : #cc9a7e;
}

::selection{
    background-color: var(--color2);
}

.loading-page{
    background-color: var(--color2);
}

/* FONTS  */
body a, body p, h1,h2,h3,h4,h5,.box-implementacao, .box-implementacao *{
    font-family: neue-haas-grotesk-display, sans-serif !important;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
}


header *{
    text-transform:none;
    font-family: neue-haas-grotesk-display, sans-serif !important;
    font-weight: 500 !important;
    font-style: normal;
}

header .wrap-menu-contato .wrap-btn-menu p{
    transform: translate(1px,1px);
}
header .wrap-menu-contato .wrap-btn-menu:hover p{
    transform: translate(2px,1px);
}

header .header-contato{
    transform: translateY(1px);
}

.ico-loading-duni{
    width: 100%;
    max-width: 200px;
    height: 90px;
    transition: all .5s ease;
    transform: translateY(-2px);
    pointer-events: none;
}
.ico-loading-duni.loadlink{
    pointer-events: all;
}

@media (min-width:1024px) {
    .wrapper-menu nav div a.open-modal{
        display: none;
    }
}

@keyframes endLoad {
    100%{
        top: 17px;
        z-index: 12;
        height: 90px;            
        z-index: 9;
        max-width: 200px !important;            
    }
}
@keyframes endLoad2 {
    to{
        max-width: 200px;
    }
}

/* padroes */
.caption--eye h2, 
.title-vertical p,
.select-items div, 
.select-selected{
    font-family: "ivypresto-display", serif !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.caption--eye p,
.wrap-gallery-single .wrap-area-nav>p,
.caption--eye h2, .title-vertical p,
.wrap-gallery-project .wrap-area-nav .caption{
    color: var(--color1);
}

.select-items, .select-items div{
    font-family: neue-haas-grotesk-display, sans-serif !important;
}

.wrapper-menu.motion-in .wrap-menu-top .menu-logo{
    height: 90px;
    width: 100%;
}

.loading-page.scrolling {
    top: 20px !important;
}
.loading-page.scrolling svg path, .loading-page.scrolling svg polygon, .loading-page.scrolling svg rect{
    fill: white !important;
}

.loading-page.scrolling .ico-loading-duni{
    max-width: 150px;
    transform: translateY(6px);
}

.loading-page .hide-in-scroll{
    transition: all .5s ease;
}

.loading-page.scrolling .hide-in-scroll{
    opacity: 0;
}

header.scrolling:not(svg){
    background-color: var(--color2);
}

header.header--black .wrap-menu-contato .wrap-btn-menu span,
header.header--black .wrap-menu-contato .wrap-btn-menu p,
header.header--black .header-contato{
    color: var(--color1);
}
header.header--black .wrap-menu-contato .wrap-btn-menu span{
    background-color: var(--color1);
}

header.header--black .wrap-menu-contato .wrap-btn-menu{
    border-color: var(--color1);
}

.wrapper-menu nav div{
    margin-bottom: 15px
}

.wrapper-menu.motion-in nav div:nth-child(5){
    transition-delay: 1.4s;
}
.wrapper-menu.motion-in nav div:nth-child(6){
    transition-delay: 1.5s;
}
/* contato mobile */
.wrapper-menu.motion-in nav div:nth-child(7){
    transition-delay: 1.6s;
}
        

.wrapper-menu{
    background-color: var(--color1);
}

.caption--webdoor p{
    text-transform:none;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.webdoor-drop-mob{
    display: none;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

.webdoor-drop-mob .select-items{
    top: auto;
    bottom: 100%;
}




.text-secondary{
    font-family: "ivypresto-display", serif !important;
    font-weight: normal !important;
    font-style: normal !important;
}

/* botoes */
.drop-filter{
    background-color: var(--color1);
}
.btn-square{
    border: 1px solid white;
}
.btn-square::after{
    background-color: var(--color1);
}
::-webkit-scrollbar-thumb {
	background-color: var(--color1);
	border-radius: 0px;
	border: 3px solid transparent;
}

.caption--legend{
    background-color: var(--color1);
    font-family: neue-haas-grotesk-display, sans-serif !important;
    letter-spacing: 1px;
}

.btn-square--black{
    background-color: var(--color2);
}

.caption--eye p{
    max-width: 900px;
}

.menu-close.btn-square .btn-square::after{
    background-color: var(--color2);
}

section.section-gallery-single{
    background-color: white;
}

.wrap-gallery-project .wrap-area-nav .caption,.caption--eye h2,section.section-contatos form input::placeholder{
    text-transform:none;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.wrap-gallery-project .wrap-area-nav .caption{
    font-size: 25px;
    line-height: 35px;
}

.wrap-gallery-single .wrap-area-nav div.nav-gal,.wrap-gallery-project .wrap-area-nav div.nav-gal,
.wrap-gallery-center .wrap-area-nav div.nav-gal,.wrap-gallery-implantacao .wrap-area-nav div.nav-gal.myprevImp,.wrap-gallery-implantacao .wrap-area-nav div.nav-gal,.wrap-gallery-profissionais .wrap-area-nav div.nav-gal{
    background-color: var(--color2);
    border: 1px solid var(--color1);
}
.wrap-gallery-single .wrap-area-nav div.nav-gal svg path,.wrap-gallery-project .wrap-area-nav div.nav-gal svg path,
.wrap-gallery-center .wrap-area-nav div.nav-gal svg path,.wrap-gallery-implantacao .wrap-area-nav div.nav-gal.myprevImp svg path,.wrap-gallery-implantacao .wrap-area-nav div.nav-gal svg path,.wrap-gallery-profissionais .wrap-area-nav div.nav-gal svg path{
    fill: white;
}

section.mosaico-grid .inner .elm{
    background-color: transparent;
}

section.mosaico-grid .inner .elm img{
    filter: grayscale(0%);
}
section.mosaico-grid .caption--legend{
    transform: translateY(110%);
    transition: all .5s ease;
}

section.mosaico-grid .inner .elm:hover .caption--legend{
    transform: translateY(0%);
}


section.section-contatos form input{
    border-bottom: 1px solid white;
}
.container-check.white a{color: white !important;}

.container-check:hover input~.checkmark,.container-check input:checked~.checkmark{
    background-color: var(--color1);
}

footer{
    background-color: var(--color1);
}

footer .credits{
    border: none;
    padding: 30px;
}

section.section-contatos{
    background-color: var(--color2);
    padding: 80px;
    min-height: auto;
}
section.section-realizacao{
    background: url(../images/duni/footer/home-patternrodape.png?v=2) var(--color1);  
    /* min-height: auto;   */
    /* padding: 0; */
    /* min-height: calc(70vh - 106px); */
}
section.section-realizacao .title-vertical{
    top: 85px;
    min-height: auto;
}


section.section-realizacao .title-vertical p{
    margin: 0 auto;
}

.section-realizacao .logos .wrap--logos-footer{
    display: flex;
    align-items: center;
    flex-direction: row;
}
.section-realizacao .logos .wrap--logos-footer.participacao{
    margin-left: 40px;
}

.section-realizacao .logos .title-logo{
    font-size: 12px;
    text-transform: uppercase;
}
.item-logo-coelho{
    max-width: 100px;
}
.section-realizacao .logos .list-logos .item-logo{
    display: flex;
    align-items: center;
}
.section-realizacao .logos .title-logo{
    margin-bottom: 0;
}
footer .plataforms{
    height: 18.6px;
    width: 152.6px;
    position: relative;
}
footer .plataforms svg{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

section.section--implantacao .caption{
    max-width: none;
}
section.section--implantacao .caption p{
    max-width: 90%;
}



.wrap-gallery-implantacao .galleryImplantacao{
    max-width: none;
}
section.section--implantacao{
    border-color: var(--color2);
}

section.section-gallery-profissionais{
    background-color: white;
}

.wrapper-filters-header{
    margin-top: 100px;
    position: static;
}

.select-items div, .select-selected{
    background-color: var(--color1);
    letter-spacing: 1px;
    border-bottom: none;
    white-space: nowrap;
}
.select-items div:first-child{
    border-top: 1px solid var(--color2);
}
.select-items div{
    border-bottom: 1px solid var(--color2);
}


.select-items div:hover{
    background-color: var(--color2);
}

section.predio-andares picture .camadas{
    position: absolute;
    bottom: auto;
    top: 10%;
    transform: translateY(-50%);
    pointer-events: none;
}
section.predio-andares picture .camadas.show{
    pointer-events: all;
}

section.predio-andares picture .camadas .box-info{
    background-color: var(--color1);
    padding-bottom: 58px;
}

section.section--implantacao-mezanino .box-implementacao{
    background-color: var(--color1);
}

.galleryImplantacao__thumb-no-gal{
    position: relative;
    max-width: 90%;
    margin: 0 0 0 auto;
    /* margin: 0 auto; */
}
.galleryImplantacao{
    overflow: hidden;
}


.galleryImplantacao__thumb img{
    display: block;
    margin: 0 auto;
}

.wrap-gallery-implantacao .caption.caption--legend, .galleryImplantacao__thumb .caption.caption--legend{
    background-color: transparent;
    position: static;
    padding: 10px 20px;
    max-width: 1200px;
    margin: 0 auto;
    color: black !important;
    text-transform: none !important;
}

/* select menu */
.custom-select-menu {
  position: relative;
  font-family: Arial;
}

.custom-select-menu select {
    display: none; /*hide original SELECT element:*/
    
}
.custom-select-menu select option{
    font-family: neue-haas-grotesk-display, sans-serif !important;
}

.custom-select-menu.custom-select-menu-require select{
  display: inline-block;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  cursor: default;
}

@media(max-width:1100px){
    .overflow-x-mob{
        overflow-x: auto;        
        position: relative;
    }
    .wrap-gallery-implantacao .galleryImplantacao__thumb-no-gal{
        width: fit-content;
        max-width: none;
        margin: 0;
    }
    .wrap-gallery-implantacao .galleryImplantacao__thumb-no-gal img{
        width: auto;
        max-width: none;
    }
}


.fslightboxb.fslightbox-toolbar-button{
    background-color: var(--color2);
}

/* tutorial mobiela drag lazer */

.tuto-drag{
    display: none;
    position: absolute; 
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    justify-content: center;
}

.tuto-drag svg{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* width: 100%;
    height: 100%; */
    display: inline-block;
    object-fit: contain;
}
#seta-drag-tuto{
    animation: setTutoDrag 1.2s ease infinite;
}

@keyframes setTutoDrag {
    50%{
        transform: translateX(2px);
    }
}


@media (max-width: 1100px) {
    .tuto-drag{
        display: flex;
    }
}

@media (max-width:1024px) {
    header{
        background-color: var(--color2) !important;
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    header .header-contato{
        display: none;
    }
    .loading-page{
        /* top: 20px !important; */
    }
    
    .ico-loading-duni{
        max-width: 150px;
        top: 8px !important;
        position: relative !important;
    }
    .select-items div, .select-selected{
        font-size: 11px;
    }
}

@media (max-height:950px) {
    section.section-realizacao .title-vertical{
        top: 135px;
    }
}

@media (max-width: 812px) {
    .min-h-auto{
        min-height: auto !important;
    }

    header.header--black .wrap-menu-contato .wrap-btn-menu span{
        background-color: white;
    }

    .wrapper-menu nav div a{
        font-size: 25px;
    }

    .loading-page.scrolling .ico-loading-duni{
        transition: none !important;
        transform: translateY(-4px) !important;
    }

    section.mosaico-grid .caption--legend{
        transform: translateY(0%); 
    }

    .topo-internas h1{
        font-size: 30px;
        margin-bottom: 30px !important;
    }

    section.full-bg:not(.full-bg--main){
        /* min-height: 100svh !important; */
    }

    .btn-square p{
        font-size: 9px;
    }

    .full-bg--movie{
        height: 100svh;
    }

    .wrap-filter-whishlist--desk{
        display: none !important;
    }
    .webdoor-drop-mob{
        display: block;
    }
    .btn-square.btn-square--bairro, .btn-square.btn-square--saber {
        bottom: 25px;
        left: auto !important;
    }
    .caption--legend{
        font-size: 9px !important;
    }

    .section-realizacao .logos .wrap--logos-footer.participacao{
        margin-left: auto;
        margin-right: auto;
    }
    .section-realizacao .logos .wrap--logos-footer .titles-logos .title-logo{
        margin-bottom: 10px;
    }
    .section-realizacao .logos .list-logos .item-logo img{
        margin: 0 auto 15px !important;
    }
    .section-realizacao .logos .list-logos .item-logo{
        flex-direction: column;
    }
    .section-realizacao .logos .list-logos .item-logo{
        flex-direction: column;
    }
    .section-realizacao .logos .wrap--logos-footer{
        flex-direction: column;
    }
    section.section-realizacao .logo-footer{
        width: 100%;
        max-width: 150px;
    }

    section.section-realizacao{
        padding-top: 30px;
    }
    .section-realizacao .logos{
        margin-top: 0;
    }

}