@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9eafbf9b01c961644e_Rui%20Abreu%20-%20AzoSans-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9ee9db485927450734_Rui%20Abreu%20-%20AzoSans-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9eda59d680f7069090_Rui%20Abreu%20-%20AzoSans-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9ee8a11668c0554fca_Rui%20Abreu%20-%20AzoSans-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9e038b4250b47afc6d_Rui%20Abreu%20-%20AzoSans-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9e2ca5c963b9b214f7_Rui%20Abreu%20-%20AzoSans-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9e7968981d5bfeac30_Rui%20Abreu%20-%20AzoSans-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9ea1f2ee6bed19665c_Rui%20Abreu%20-%20AzoSans-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9ee61a9de13523c824_Rui%20Abreu%20-%20AzoSans-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9ef805072d972df796_Rui%20Abreu%20-%20AzoSans-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9ee60161cd70ab7629_Rui%20Abreu%20-%20AzoSans-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rui abreu azosans';
    src: url('https://cdn.prod.website-files.com/63977cb1ecc6e0c28d964384/63977d9f12cb157f6f3922ff_Rui%20Abreu%20-%20AzoSans-ThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Hide bullets pagination on apartment page */
.__page_apartment .imgGallery .swiper-pagination {
    display: none!important;
}

h2, h3 {
    font-family: 'Rui abreu azosans', sans-serif;
    color: #455463;
}

.coment h2{
    font-size: 30px;
}

@media (max-width: 767px) {
    .coment h2{
        font-size: 20px;
    }
}


.nav.navbar-nav{
    font-family: 'Rui abreu azosans', sans-serif;
    padding-bottom: 30px;
}

.nav.navbar-nav li a{
    color: #8796a4!important;
}

.nav.navbar-nav li a:hover{
    color: #0072ce!important;
}

/* Esconde os itens .menu-wish, .menu-prop e .menu-chat */
.menu-wish,
.menu-prop,
.menu-chat {
    display: none !important;
}

@media (min-width: 768px) {
    header > div.container-fluid {
        width: 750px;
    }
}

@media (min-width: 992px) {
    header > div.container-fluid {
        width: 970px;
    }

    .nav.navbar-nav{
        float:right;
    }
}

@media (min-width: 1200px) {
    header > div.container-fluid {
        width: 1170px;
    }
}

header > div.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#login-initial .btn-login-by-email{
    display:none;
}

#login-initial .btn-login-by-password{
    color: #fff;
    background-color: #448ce0;
    border-color: #2e7fdc;
}

#mobile-menu .btn-login.visible-xs{
    display:none!important;
}

#mobile-menu .navbar-nav li.visible-xs{
    /*display:block!important;*/
}

#mobile-menu .navbar-nav li.visible-xs a {
    transition: 0.5s;
}

#mobile-menu .navbar-nav li.visible-xs {
    background-color: #448ce0;
    border-color: #2e7fdc;
    margin-bottom: 10px;
    border-radius: 15px;
    margin-right: 8px;
}

#mobile-menu .navbar-nav li.visible-xs a{
    color: #fff!important;
}

#mobile-menu .navbar-nav li.visible-xs a:hover{
    color: #fff!important;
}

#mobile-menu .navbar-nav li.visible-xs .list-my-property-icon, #mobile-menu .navbar-nav li.visible-xs .list-my-property-text{
    color:#fff!important;
    /*font-weight:bold;*/
}

#loginContainer > .col:nth-child(2) {
    display: none !important;
}

#availability .input-group, #availability .form-group.frontSearchItem.px-2 > button[type='submit']{
    border-radius: 8px;
    overflow: hidden;
}

#availability input, #availability .filter-option-inner-inner{
    color: #8796a4!important;
    /*font-size: 18px;*/
    font-family: Arial, sans-serif;
}

#availability .input-group .input-group-addon{
    background-color:#fff!important;
}

#availability .input-group .input-group-addon .fa{
    color: #0072ce;
}

.swiper-container{
    padding: 10px;
}

.swiper-container.swiper-fade > .container.container-content {
    background-image: url("https://reservas.123quarto.com/media/68828eda67b6c4dc6e87dbb7");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    margin-bottom: 20px;
}

.swiper-slide.img-cover.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-next{
    background-image: none!important;
    background-color: #fff;
}

.swiper-wrapper .swiper-slide::after{
    background: none!important;
}

.swiper-container.swiper-fade > .container.container-content .nav.nav-tabs {
    display: none !important;
}

.swiper-container.swiper-fade > .container.container-content .tab-content{
    border-radius: 15px;
}

.swiper-container .container-content .search-box.col-md-10 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

@media (min-width: 992px) {
    .swiper-container .container-content .search-box.col-md-10 {
        width: 33.333333% !important;
        max-width: 33.333333% !important;
        flex: 0 0 33.333333% !important;
    }
}

#mini_banner_grid_01 p{
    color: #8796a4;
    font-family: 'Rui abreu azosans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

#mini_banner_grid_01 h3{
    color: #455463;
    font-family: 'Rui abreu azosans', sans-serif;
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    #mini_banner_grid_01 p {
        font-size: 16px;
        line-height: 22px;
    }

    #mini_banner_grid_01 h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
}

#mini_banner_grid_01 .insta-handle-small.text-gray-2 {
    font-family: Rui abreu azosans, sans-serif;
}
#mini_banner_grid_01 .insta-handle-small {
    letter-spacing: .03em;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.3em;
}

#mini_banner_grid_01 .card-top {
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf;
    flex: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px;
    display: flex;
    position: relative;
    overflow: hidden;
}

#mini_banner_grid_01 .profile-image {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    overflow: hidden;
}

#mini_banner_grid_01 .profile-info.no-margin {
    flex: none;
    margin-bottom: 0;
}
#mini_banner_grid_01 .profile-info {
    align-items: center;
    display: flex;
}

#mini_banner_grid_01 .single-post-2 {
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    flex-direction: column;
    justify-content: space-between;
    width: 70%;
    height: auto;
    transition: box-shadow .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

#mini_banner_grid_01 .column-7 {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.div-block-19 {
    margin-right: 0;
    padding-right: 0;
    display: flex;
}

@media screen and (max-width: 767px) {
    .div-block-19 {
        flex-direction: row;
        justify-content: center;
        align-self: auto;
        align-items: center;
        display: flex;
    }
}

.div-block-62 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.button-1 {
    background-color: #0072ce;
    border-radius: 8px;
    padding: 16px;
    font-family: Rui abreu azosans, sans-serif;
    font-size: 18px;
    text-decoration: none;
}

.button-1:hover {
    background-color: #455463;
    color: #f7f9fb;
    text-decoration: none;
}

.image-30 {
    width: 36px;
    height: 36px;
}

@media screen and (max-width: 991px) {
    .image-30 {
        width: 30px;
        height: 30px;
    }
}

.text-block-22 {
    color: #fff;
    flex: 0 auto;
    margin-left: 12px;
    margin-right: 10px;
    font-family: Rui abreu azosans, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .text-block-22 {
        font-size: 16px;
    }

    #mini_banner_grid_01 .row{
        flex-direction: column-reverse;
    }

    #mini_banner_grid_01 .vcenter{
        text-align: center;
    }

    .div-block-19 {
        margin-bottom: 20px;
    }
}

.vcenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* CUSTOM GLOBAL BOOTSTRAP AND OTHERS SECTIONS */
.panel{
    border:1px solid #e7edf5;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(2,6,23,.06);
    background:#fff;
    margin-bottom:20px;
}

.panel-heading{
    padding:16px 20px;
    background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
    border-bottom:1px solid #e7edf5;
}

.panel-body{
    padding:20px;
}

.panel-heading h4,
.panel-heading h5,
.panel-body h4,
.panel-body h5{
    margin:0;
    color:#0f172a;
    font-weight:700;
}

.text-muted,
small.text-muted,
.control-label,
.help-block{
    color:#64748b !important;
}

.form-group{
    margin-bottom:16px;
}

.control-label{
    display:block;
    margin-bottom:8px;
    font-size:.84rem;
    font-weight:700;
}

.form-control{
    height:48px;
    border:1px solid #d8e1ec !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#0f172a !important;
}

.form-control:focus{
    border-color:rgba(37,99,235,.45) !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.10) !important;
}

.bootstrap-select{
    width:100% !important;
}

.bootstrap-select > .dropdown-toggle{
    height:48px;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    padding:10px 42px 10px 14px !important;
    border:1px solid #d8e1ec !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#0f172a !important;
}

.bootstrap-select.open > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle:focus{
    border-color:rgba(37,99,235,.45) !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.10) !important;
}

.bootstrap-select .filter-option{
}

.bootstrap-select .filter-option-inner{
}

.bootstrap-select .filter-option-inner-inner{
    display:flex;
    align-items:center;
    gap:6px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:600;
}

.bootstrap-select .bs-caret{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
}

.bootstrap-select .caret{
    border-top:6px solid #64748b;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
}

.bootstrap-select .dropdown-menu{
    border:1px solid #e7edf5;
    border-radius:14px;
    box-shadow:0 18px 36px rgba(2,6,23,.12);
    padding:8px;
}

.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-item{
    border-radius:10px;
    padding:10px 12px;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-item:hover,
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.active a{
    background:#eff6ff !important;
    color:#2563eb !important;
}

.bootstrap-select .bs-searchbox{
    padding:0 0 8px;
}

.bootstrap-select .bs-searchbox input{
    height:40px;
    border:1px solid #e7edf5;
    border-radius:10px;
    box-shadow:none;
}

.label{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:6px 10px;
    font-size:.72rem;
    font-weight:700;
    line-height:1;
    max-width:100%;
}

.label-default{
    background:#eff6ff !important;
    color:#2563eb !important;
    border:1px solid #bfdbfe;
}

.btn{
    border-radius:12px !important;
    font-weight:700;
}

.btn-primary{
    border:none !important;
    background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;
    box-shadow:0 10px 24px rgba(37,99,235,.18);
}

.btn-primary:hover,
.btn-primary:focus{
    box-shadow:0 14px 28px rgba(37,99,235,.24) !important;
}

.btn-default{
    border:1px solid #e7edf5 !important;
    background:#fff !important;
    color:#0f172a !important;
}

.btn-default:hover,
.btn-default:focus{
    background:#f8fafc !important;
    border-color:#d8e1ec !important;
}

.text-info{
    color:#2563eb !important;
}

@media (max-width:991.98px){
    .panel-heading,
    .panel-body{
        padding:16px;
    }

    .panel-body h5{
        font-size:1.35rem;
    }
}

@media (max-width:767.98px){
    .panel{
        border-radius:14px;
        margin-bottom:16px;
    }

    .form-control,
    .bootstrap-select > .dropdown-toggle,
    .btn{
        height:46px;
    }

    .label{
        padding:5px 8px;
        font-size:.68rem;
    }
}

#pays{
    color:#0f172a;
}

#pays .acc-tables:hover{
    box-shadow:0 12px 28px rgba(2,6,23,.08);
}

#pays .panel-body > p.text-uppercase{
    font-size:.72rem;
    letter-spacing:.12em;
    font-weight:700;
    margin-bottom:8px;
}

#pays .panel-body h5{
    font-size:1.6rem;
    font-weight:800;
    letter-spacing:-.02em;
}

#pays .showLifetimeBalance .acc-tables .panel-body h5,
#pays .col-lg-9 > .row.hidden-xs .acc-tables .panel-body h5{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

#pays .showLifetimeBalance .col:nth-child(1) .acc-tables .panel-body h5,
#pays .showLifetimeBalance .col:nth-child(1) .acc-tables .panel-body h5.text-info,
#pays .col-lg-9 > .row.hidden-xs .col:nth-child(1) .acc-tables .panel-body h5,
#pays .col-lg-9 > .row.hidden-xs .col:nth-child(1) .acc-tables .panel-body h5.text-info{
    color:#dc2626 !important;
}

#pays .showLifetimeBalance .col:nth-child(1) .acc-tables .panel-body h5:before,
#pays .col-lg-9 > .row.hidden-xs .col:nth-child(1) .acc-tables .panel-body h5:before{
    content:"-";
    color:#dc2626;
    font-weight:900;
}

#pays .showLifetimeBalance .col:nth-child(2) .acc-tables .panel-body h5,
#pays .showLifetimeBalance .col:nth-child(2) .acc-tables .panel-body h5.text-info,
#pays .col-lg-9 > .row.hidden-xs .col:nth-child(2) .acc-tables .panel-body h5,
#pays .col-lg-9 > .row.hidden-xs .col:nth-child(2) .acc-tables .panel-body h5.text-info{
    color:#16a34a !important;
}

#pays .showLifetimeBalance .col:nth-child(2) .acc-tables .panel-body h5:before,
#pays .col-lg-9 > .row.hidden-xs .col:nth-child(2) .acc-tables .panel-body h5:before{
    content:"+";
    color:#16a34a;
    font-weight:900;
}

#pays .showLifetimeBalance .col:nth-child(3) .acc-tables .panel-body h5,
#pays .showLifetimeBalance .col:nth-child(3) .acc-tables .panel-body h5.text-info,
#pays .col-lg-9 > .row.hidden-xs .col:nth-child(3) .acc-tables .panel-body h5,
#pays .col-lg-9 > .row.hidden-xs .col:nth-child(3) .acc-tables .panel-body h5.text-info{
    color:#2563eb !important;
}

#pays .bootstrap-select.show-tick.form-control.type .filter-option-inner-inner{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    padding-bottom:2px;
}

#pays .bootstrap-select.show-tick.form-control.type .filter-option-inner-inner .label-default{
    padding:6px 10px;
    font-size:.68rem;
    border-width:1px;
}

#pays .bootstrap-select.show-tick.form-control.type .filter-option-inner-inner .label-default:nth-of-type(1){
    background:#fef2f2 !important;
    border-color:#fecaca;
    color:#dc2626 !important;
}

#pays .bootstrap-select.show-tick.form-control.type .filter-option-inner-inner .label-default:nth-of-type(2){
    background:#f0fdf4 !important;
    border-color:#bbf7d0;
    color:#16a34a !important;
}

#pays .bootstrap-select.show-tick.form-control.type .filter-option-inner-inner .label-default:nth-of-type(3){
    background:#eff6ff !important;
    border-color:#bfdbfe;
    color:#2563eb !important;
}

#pays .bootstrap-select.show-tick.form-control.type .filter-option-inner-inner::-webkit-scrollbar{
    height:4px;
}

#pays .bootstrap-select.show-tick.form-control.type .filter-option-inner-inner::-webkit-scrollbar-thumb{
    background:#cbd5e1;
    border-radius:999px;
}

#pays .panel-heading > .row{
    display:flex;
    align-items:center;
    row-gap:12px;
}

#pays .panel-heading .col-auto.text-right{
    display:flex;
    justify-content:flex-end;
}

#pays .panel-heading .col-auto.text-right form{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

#pays .panel-heading .col-auto.text-right .btn{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

#pays .panel-heading .label.label-default.text-white{
    background:linear-gradient(135deg,#2563eb,#60a5fa) !important;
    color:#fff !important;
    border:none;
}

#pays .hotel-datepicker{
    border:1px solid #e7edf5;
    border-radius:16px;
    box-shadow:0 20px 40px rgba(2,6,23,.12);
}

#pays .hotel-datepicker__month-day{
    border-radius:0;
}

#pays .hotel-datepicker__month-day:hover{
    background:#eff6ff;
    color:#2563eb;
}

#pays .hotel-datepicker__month-day--selected{
    background:rgba(37,99,235,.12) !important;
    color:#2563eb !important;
    border-radius:0 !important;
}

#pays .hotel-datepicker__month-day--first-day-selected,
#pays .hotel-datepicker__month-day--last-day-selected{
    background:#2563eb !important;
    color:#fff !important;
}

#pays .hotel-datepicker__month-day--first-day-selected{
    border-top-left-radius:10px !important;
    border-bottom-left-radius:10px !important;
}

#pays .hotel-datepicker__month-day--last-day-selected{
    border-top-right-radius:10px !important;
    border-bottom-right-radius:10px !important;
}

#pays .hotel-datepicker__footer{
    background:#f8fafc;
    border-top:1px solid #e7edf5;
}

@media (max-width:991.98px){
    #pays .panel-heading .col-auto.text-right{
        width:100%;
        justify-content:flex-start;
    }
}

@media (max-width:767.98px){
    #pays .panel-heading .col-auto.text-right form{
        width:100%;
    }

    #pays .panel-heading .col-auto.text-right .btn{
        flex:1 1 calc(50% - 5px);
    }

    #pays .bootstrap-select.show-tick.form-control.type .filter-option-inner-inner{
        gap:4px;
    }
}

#maincontent .nav.nav-pills{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:0 0 24px;
    padding:14px;
    list-style:none;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
    border:1px solid #e7edf5;
    border-radius:18px;
    box-shadow:0 16px 34px rgba(2,6,23,.06);
}

#maincontent .nav.nav-pills > li{
    float:none;
    margin:0;
}

#maincontent .nav.nav-pills > li > a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:11px 18px;
    border:1px solid #dbe5f0;
    border-radius:999px;
    background:#fff;
    color:#2563eb;
    font-weight:700;
    line-height:1.25;
    text-decoration:none;
    box-shadow:0 6px 16px rgba(37,99,235,.08);
}

#maincontent .nav.nav-pills > li > a:hover,
#maincontent .nav.nav-pills > li > a:focus{
    background:#eff6ff;
    border-color:#93c5fd;
    color:#1d4ed8;
    box-shadow:0 10px 22px rgba(37,99,235,.14);
}

#maincontent .nav.nav-pills > li.active > a,
#maincontent .nav.nav-pills > li.active > a:hover,
#maincontent .nav.nav-pills > li.active > a:focus{
    background:linear-gradient(135deg,#2563eb,#60a5fa);
    border-color:transparent;
    color:#fff;
    box-shadow:0 14px 24px rgba(37,99,235,.22);
}

@media (max-width:991.98px){
    #maincontent .nav.nav-pills{
        gap:10px;
        padding:12px;
    }

    #maincontent .nav.nav-pills > li > a{
        padding:10px 16px;
    }
}

@media (max-width:767.98px){
    #maincontent .nav.nav-pills{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        padding:10px;
        border-radius:16px;
    }

    #maincontent .nav.nav-pills > li{
        width:100%;
    }

    #maincontent .nav.nav-pills > li > a{
        width:100%;
        justify-content:flex-start;
        border-radius:14px;
        box-shadow:none;
    }
}
