header.header-page { box-shadow: 0 2px 15px rgb(0 0 0 / 10%); }

/*--------------------------------------------------------------
  Pages
--------------------------------------------------------------*/
.pages ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 14px; }
.pages ol li + li { padding-left: 10px; }
.pages ol li + li::before { display: inline-block; padding-right: 10px; color: #4f4c55; content: "/"; }
.pages h3:after { margin: unset; }
.pages .fa-facebook-square { color: #4267b2; }
.pages .fa-whatsapp { color: #07bc4c; }
.pages figure.advertiser { width: 95px !important; }
.pages .view-password { width: 25px; right: 10px; bottom: 10px; cursor: pointer; }
.pages .card-header { top: -19px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg');
}

.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicon-trash:before { content: "\e020"; }
.glyphicon-move:before { content: "\e068"; display: none; }

.toggle.btn-sm { width: 100% !important }
.i-16 { width: 16px; }

@media (max-width: 768px) {
    .pages .d-flex { display: block !important; }
    .pages ol { display: block; }
    .pages ol li { display: inline-block; }
} 

@media (max-width: 576px) {
    .pages { margin-top: 78px; }
}

/*--------------------------------------------------------------
  Imobiliárias
--------------------------------------------------------------*/

section#real-estate img { height: 200px !important; object-fit: contain; }
img.real-estate { height: 150px !important; object-fit: contain; }
section#real-estate h2 { height: 40px; }

@media (max-width: 576px) {
    section#real-estate h2 { height: auto !important; }
}

section#real-estate-properties img { height: 175px !important; object-fit: contain; }

/*--------------------------------------------------------------
  Cadastro
--------------------------------------------------------------*/

section#register div#logo-imobiliaria-corretor { height: 152px; }

/*--------------------------------------------------------------
  Swiper
--------------------------------------------------------------*/

.swiper-button-next,
.swiper-button-prev { width: 46px; height: 46px; background-image: none; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #042757; }
.swiper-button-next::before { content: "\f054"; }
.swiper-button-prev::before { content: "\f053"; }
.swiper-button-next::after { content: none; }
.swiper-button-prev::after { content: none; }
.swiper-pagination { bottom: 20px !important; }
.swiper-pagination-bullet { width: 10px; height: 10px; }
.swiper-pagination-bullet-active { background: #FFFFFF; }

/*--------------------------------------------------------------
  BaguetteBox
--------------------------------------------------------------*/

.full-image { padding: 15px; }
.baguetteBox-button { background-color: transparent !important; }
.baguetteBox-button#previous-button { left: 4%; }  
.baguetteBox-button#next-button { right: 4%; }  

/*--------------------------------------------------------------
  OWL Carousel
--------------------------------------------------------------*/

.owl-carousel .owl-dots { text-align: center; padding-top: 15px; }
.owl-carousel .owl-dots button { width: 14px; height: 14px; border: 1px solid #009970; margin-right: 10px; border-radius: 0.25rem; }
.owl-carousel .owl-dots button.owl-dot.active { background: #009970; border-color: #009970; }
.owl-carousel .owl-dots button:last-child { margin-right: 0; }  

/*--------------------------------------------------------------
  Progressbar
--------------------------------------------------------------*/

#progressbar { overflow: hidden; counter-reset: step; }
#progressbar li { list-style-type: none; width: 50%; float: left; position: relative; }
#progressbar li:before { content: counter(step); counter-increment: step; width: 30px; height: 30px; line-height: 30px; display: block; color: #FFFFFF; background: #b2b1b1; border-radius: 25px; margin: 0 auto 10px auto; }
#progressbar li:after { content: ''; width: 100%; height: 2px; background: #b2b1b1; position: absolute; left: -50%; top: 14px; z-index: -1; }
#progressbar li:first-child:after { content: none; }
#progressbar li.active:before, #progressbar li.active:after { background: #042757; color: #FFFFFF; }
#progressbar li.page:before { background: #042757; color: #FFFFFF; outline: 1px solid #042757; border: 2px solid #FFF; line-height: 25px; }

/*--------------------------------------------------------------
  Fileinput
--------------------------------------------------------------*/

.file-preview,
.file-drop-zone { width: auto !important; position: relative; background: #FFF; padding: 0px !important; margin: 4px !important; text-align: left !important; }
.file-preview .fileinput-remove { display: none; }    
.file-drop-zone-title { font-size: 1.1em; }
.file-footer-caption { display: none !important; }
.file-thumbnail-footer { height: 30px !important; }
.file-preview-image { width: 150px !important; height: 150px !important; object-fit: cover; }    
.file-drag-handle, 
.file-upload-indicator { margin: 0px !important; width: 150px !important; height: 150px !important; top: -160px; left: 0px; position: absolute; }
.file-preview-frame { border-radius: 5px; }
.file-preview-frame:first-child { border: 1px solid #042757 !important; }
.file-preview-frame:first-child::before { content: 'Foto Principal'; background-color: #042757 !important; color: #FFF; position: absolute; width: 100%; left: 0; top: -1px; font-size: .875em; border-start-end-radius: 5px; border-start-start-radius: 5px; }
.file-error-message ul { list-style: none; padding: 0; }
.file-preview-thumbnails { display: inline-block !important; }
.kv-file-content { width: 150px !important; }    
.kv-file-upload { display: none; }

@media (max-width: 576px) {
    .krajee-default.file-preview-frame { margin: 4px 2px 4px 3px !important; }
}

/*--------------------------------------------------------------
  Paginação
--------------------------------------------------------------*/
.pagination { flex-wrap: wrap; justify-content: center!important; }
.pagination li { padding-left: 3px; padding-right: 3px; }
.pagination li .page-link { width: 38px; height: 38px; text-align: center; color: #042757; padding-left: 0; padding-right: 0; border-radius: .25rem; }
.pagination li .page-link:hover { background-color: #FFFFFF; border-color: #042757; }
.pagination li.active .page-link { background-color: #042757; border-color: #042757; }