/* -------------------- Galeria Fullscreen -----------------*/
.fullscreen-box_gal { display: none; text-align: center; box-sizing: border-box; position: fixed; padding: 55px; z-index: 99999; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.8); }

.global-section {
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.content-gal    { height: 100%; z-index: 3; position: relative; display: inline-block; margin: 0 auto; }
.content-gal .slick-track   { height: 100% !important; }

.box-gal-slider { display: none; position: relative; width: 100%; height: 100%; }

.box-galeria    { margin-top: 80px; width: 100%; padding-left: 200px; padding-right: 200px; box-sizing: border-box; }
.box-galeria_imovel    { display: inline-block; width: 100%; box-sizing: border-box; }
.wrpp-gal_maior { width: 100%; height: 445px; }
.img-gal_maior  { outline: none !important; width: 100%; height: 100%; }
.img-gal_menor  { outline: none !important; float: left; width: 157px; height: 100px !important; margin-left: 7.5px; margin-right: 7.5px; }
.img_img-gal_maior { display: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; max-height: 100%; }
.slick-list, .box-gal_maior .slick-track { height: 100% !important;  }
.container-gal_maio     { width: 100%; height: 100%; position: relative; }
.box-gal_maior  { width: 100%; height: 100%; background: gray }
.box-gal_menor  { width: 100%; box-sizing: border-box; padding-left: 50px; padding-right: 50px; margin-top: 20px; height: 25%; float: left; }

.arrow-left { display: block; z-index: 4; text-align: center !important; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 50px; height: 50%; background: rgba(0,0,0,0.1); }
.arrow-left .fa { position: relative; color: white; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 36px; -webkit-transition: 0.2s; transition: 0.2s; }
.arrow-left:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

.arrow-right { display: block; z-index: 4; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: 50px; height: 50%; background: rgba(0,0,0,0.1); }
.arrow-right .fa { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; font-size: 36px; -webkit-transition: 0.2s; transition: 0.2s; }
.arrow-right:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

.close-gal  { display: block; z-index: 4; position: absolute; cursor: pointer; top: 20px; right: 20px; width: 25px; height: 25px; }
.close-gal .fa { position: relative; color: white; font-size: 28px; -webkit-transition: 0.2s; transition: 0.2s; }
.close-gal:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }
.voltar-gal  { display: block; z-index: 4; position: absolute; cursor: pointer; top: 20px; left: 20px; width: 25px; height: 25px; }
.voltar-gal .fa { position: relative; color: white; font-size: 28px; -webkit-transition: 0.2s; transition: 0.2s; }
.voltar-gal:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }
/*----------- galeria options ----------*/
.box-options_gal    { padding: 10px 16px 10px 8px; z-index: 4; border-radius: 4px; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); background: rgba(0,0,0,0.4); position: absolute; bottom: 50px; }
.text-options  { margin: 0 !important; color: white; font-size: 16px; text-align: center; }
.text-legenda   { padding-left: 10px; font-size: 12px; color: rgba(255,255,255,0.7); font-weight: 100; }
.btn-fullscreen_mode .fa { cursor: pointer; margin-left: 10px; padding-right: 12px; color: white; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; }
.btn-fullscreen_mode .fa:hover { opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; }


.box-gal-grid_images    { display: none; width: 100%; height: 100%; position: relative; }
.gal-grid_images    { display: none; width: 100%; display: inline-block; padding-bottom: 40px; position: relative; }
.gal-wrapp_box-image    { float: left; width: 20%; box-sizing: border-box; padding: 0 20px; margin: 20px 0; }
.gal-box-image  { padding: 20px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 6px; background: rgba(0,0,0,0.3); -webkit-transition: 0.3s; transition: 0.3s; }
.gal-box-image:hover  { cursor: pointer; transform: scale(1.1); -webkit-transition: 0.3s; transition: 0.3s; }
.gal-scroll-grid    { width: 100%; height: 100%; }
.gal-image  { min-width: 100%; max-width: 100%; min-height: 120px; max-height: 120px; background-repeat: no-repeat; margin-bottom: 15px; background-position: center center; background-size: cover; }
.gal-title  { font-family: candelabook; color: white; font-size: 38px; text-align: center; margin-top: 0; margin-bottom: 25px; }
.gal-legenda_image  { font-family: candelabook, Sans-Serif; color: white; font-size: 16px; }

.loading-box    { display: none; position: relative; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1080px) {
    .gal-wrapp_box-image    { width: 25%; }
}

@media (max-width: 940px) {
    .gal-wrapp_box-image    { width: 33.33333333333333%; }
}

@media (max-width: 760px) {
    .gal-image    { height: 90px; }
    .gal-wrapp_box-image    { padding: 0 10px; margin: 10px 0; }
}

@media (max-width: 680px) {
    .gal-legenda_image  { font-size: 14px; }
    .gal-box-image { padding: 10px; }
}

@media (max-width: 580px) {
    .fullscreen-box_gal { padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 520px){
    .gal-wrapp_box-image    { width: 50%; }
}

@media (max-width: 420px){
    .gal-title  { font-size: 30px; }
}

@media (max-width: 350px){
    .fullscreen-box_gal { padding-left: 5px; padding-right: 5px; }
    .gal-image    { height: 70px; }
}