/*
    v-01-03-21
    ---GUIA---
    0 - WRAP | CONTAINER
    1 - PAGE
        |- 1.2 - PAGE-HEADER
            |- 1.2.1 - HEADER-CONTENT
        |- 1.3 - PAGE-MAIN


    2 - PAGE-VIEW
        2 - 1 IMOVEL-VIEWER

    3 - FORM-INPUTS
*/

/*IMPORTS*/
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');

*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    overflow-wrap: normal;
    word-wrap: normal !important;
    word-break: keep-all;
    white-space:normal;
}


::placeholder,
::-ms-input-placeholder,
:-ms-input-placeholder{
    color:#bdbdbd;
    opacity: 0.8;
}

/*Lists*/
ul{
    padding: 0px;
    margin: 0px;
}
ul li{
    margin: 6px 0px;
}
.list{
    padding: 0px;
    margin: 0px;
}

.list .item{
    position: relative;
    margin: 6px 0px;
    list-style-type: none;
}

.list .item.checked::before{
    position: absolute;
    width: 12px;
    height: 12px;
    left: -18px;
    top:50%;
    transform: translateY(-50%);
    background: rgb(61,112,152);
    content: '';
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
}

.box-item{
    padding: 12px;
}

/*Fonts*/
@font-face {
    font-family: BENTONSANSBLACK;
    src:  url("../fonts/bentonsans-black.otf") format("opentype"),
    url('../fonts/bentonsans-black.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/bentonsans-black.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/bentonsans-black.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/bentonsans-black.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: HelveticaNeue;
    src:  url("../fonts/helvetica-neue.ttf") format("truetype"),
    url('../fonts/helvetica-neue.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/helvetica-neue.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/helvetica-neue.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/helvetica-neue.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.highlight{
    color: #00a2ff;
}

.f-blue{
    color:#3d7198 !important;
}

.f-green{
    color:#007b76 !important;
}

.f-dark{
    color:#434343 !important;
}

.f-dark-2{
    color:#cecece !important;
}

.f-dark-3{
    color:#6c6c6c !important;
}

.f-dark-4{
    color:#a9a9a9 !important;
}

.f-white{
    color: #FFFFFF;
}

.fs-small{
    font-size: 0.75em;
}

.fs-1{
    font-size: 2rem;
}

.fs-2{
    font-size: 1.5rem;
}

.fs-3{
    font-size: 1.2rem;
}

.fw-bold{
    font-weight: bold;
}

.fw-no-bold{
    font-weight: normal;
}

.fw-italic{
    font-style: italic;
}
/*Margins*/
.margin-top-auto{
    margin-top: auto;
}

.margin-bottom-auto{
    margin-bottom: auto;
}

.margin-left-auto{
    margin-left: auto;
}

.margin-right-auto{
    margin-right: auto;
}

/*width*/
.width-auto{
    min-width: auto !important;
    width:auto !important;
}

.width-100{
    width:100% !important;
}

.width-50{
    width:50% !important;
}

.width-25{
    width:25% !important;
}

.width-20{
    width:20% !important;
}

.width-100-margin{
    width:100% !important;
    max-width: calc(100% - 12px) !important;
}

.width-50-margin{
    width:50% !important;
    max-width: calc(50% - 12px) !important;
}

.width-25-margin{
    width:25% !important;
    max-width: calc(25% - 12px) !important;
}

.width-20-margin{
    width:20% !important;
    max-width: calc(20% - 12px)!important;
}

/*Buttons Colors*/
.b-green{
    background:#00A89D !important;
}

.b-white{
    background: #FFFFFF;
}

/*borders*/
.no-border{
    border:none !important;
}

.border-1{
    border:1px solid #d8d8d8;
}

.border-2{
    border: 1px solid #B7DBDE;
}
/**/
h1{
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin: 12px 0px 18px 0px;
    font-weight: bold;
    font-kerning: normal;
}

h2{
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin: 12px 0px 18px 0px;
    font-weight: bold;
    font-kerning: normal;
}

h3{
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 6px 0px 12px 0px;
    font-weight: bold;
    font-kerning: normal;
}

a:link{
    text-decoration: none !important;
    font-size: inherit;
    color: #00A89D;
}

/*Text*/
.text-left{
    text-align: left;
}

.text-right{
    text-align: right;
}

.text-center{
    text-align: center;
}

/*Display*/
.display-flex{
    display: flex;
    width:100%;
    align-items: center;
}

.display-flex.flex-wrap{
    flex-wrap:wrap;
}

/*=== btn ===*/
.btn{
    display: inline-block;
    font-weight: bold;
    color:#434343;
    font-size: 14px;
    padding: 12px 18px;
    border-radius: 6px;
    cursor: pointer;
}

a.btn{
    text-align: center;
}

/*Radio-button*/
.radio-button{
    text-align: center;
}

.radio-button.selected{
    background: #84B6B4;
    color:#FFFFFF;
}

.btn.multi-btn[type="radio"]{
    display: none;
}

/*Checkbox*/
.group-buttons .btn.multi-btn[type="checkbox"]{
    display: none;
}

/*btn_SWITCH*/
.btn-switch{
    position: relative;
    display: flex;
    align-items: center;
    color: #2c2c2c;
}

.btn.btn-switch{
    position: relative;
    display: inline-block;
    width: 50px !important;
    height:12px;
    border-radius: 12px;
    margin-right: 12px;
    padding: 0px;
    border: none !important;
    background: #ccc;
}

.btn-switch input{
    display: none;
}

.btn.btn-switch::after{
    position: absolute;
    top:-5px;
    left: -6px;
    width:20px;
    height: 20px;
    border-radius: 22px;
    content: "";
    transition: 0.5s;
    background: #b0b0b0;
}

.btn.btn-switch.actived::after{
    left:34px;
    transition: 0.5s;
    background: #00A89D;
}

.btn.btn-favorite{
    display: inline-block;
    background: transparent;
    border:none;
    padding: 6px;
    min-width:auto;
}

.btn.btn-pop-up{
    background: #00A2FF;
    color:#FFFFFF;
    border: transparent;
}

.btn.btn-blue{
    color:#FFFFFF;
    background: #00A2FF;
    border: 2px solid transparent;
}


.btn.btn-blue-2{
    background:#FFFFFF;
    color: #00A2FF;
    border: 2px solid #00A2FF;
}

.btn.btn-green{
    background: #00A89D;
    color: #FFFFFF;
    border: 2px solid transparent;
}

.btn.btn-green-2{
    color: #00A89D;
    background: #FFFFFF;
    border: 2px solid #00A89D;
}

/*Border*/
.border-radius{
    border-radius: 6px;
}

.no-border-radius{
    border-radius: 0px;
}

.border-2{
    border-width: 2px !important;
}

.no-radius-right{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius:0px !important;
}

.no-radius-left{
    border-left: none !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius:0px !important;
}

/*FORM TYPES (Buttons, custom-input...)*/
form{
    position: relative;
    display: inline-block;
    width: 100%;
}

textarea,
input,
button,
.radio-button,
select{
    font-family:HelveticaNeue,Helvetica,Arial,sans-serif;
    position: relative;
    display: inline-block;
    padding:12px 8px;
    margin: 6px 0px;
    color:#585858;
    background: #FFFFFF;
    border:1px solid #84B6B4;
    cursor:auto;
    font-size: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 6px;
    font-kerning: normal;
}

input:disabled, input[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

input.no-number[type="number"]::-webkit-outer-spin-button,
input.no-number[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.no-number[type="number"] {
    -moz-appearance: textfield;
}

input[type="date"]{
    color:#bdbdbd;
}

input[type="checkbox"]{
    margin-left:6px !important;
}

input.small{
    width: auto;
    padding: 3px;
    height: auto;
}

select{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select optgroup[label]{
    color: #585858;
}

.type-select{
    position: relative;
    background: #FFFFFF;
    height: auto;
    padding-left: 0 !important;
    padding-right:0 !important;
    border-radius: 6px;
}

.type-select.multiple{
    z-index: 10;
}

.type-select.multiple select,
.type-select.multiple{
    display: none;
}

.type-select select,
.type-select input{
    z-index: 1;
    margin: 0px !important;
    background: transparent;
    border: none !important;
    padding-right: 40px;
    cursor: pointer;
}

.type-select::after{
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    top:50%;
    right:0px;
    content: "\f078";
    max-width:38px;
    margin-right: 12px;
    font-weight: 900;
    height: auto;
    font-size: 16px;
    background: transparent;
    color: #84B6B4;
    transform: translateY(-50%);
}

/*MultiSelect*/
.input-multiselect{
    display: inline-block;
    position: absolute;
    z-index: 100;
    top:100%;
    width:100%;
    height: 400px;
    overflow-y: auto;
    background: #FFFFFF;
}

.input-multiselect:not(.actived){
    display: none;
}

.input-multiselect .group,
.input-multiselect .group label{
    display: inline-block;
    width:100%;
}

.input-multiselect .group .item{
    padding:9px 12px;
    margin: 0px;
    color:#2c2c2c;
}

.input-multiselect .sub-group .title{
    padding:9px 12px;
}

.input-multiselect .sub-group .item{
    padding-left: 20px;
}

.input-multiselect .group .item:hover{
    font-weight: bold;
}

.input-multiselect .group .item:not(:last-child){
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

.input-multiselect .group .item.selected{
    background: #84b6b4;
    color:#FFFFFF;
}

.input-multiselect .group > .title{
    padding: 12px 6px;
    background: #b9b9b9;
    color:#404040;
}

.input-multiselect .group .item input{
    display: none;
}

input[type=checkbox]{
    border:1px solid #84B6B4;
    color:#84B6B4;
    border: 0;
    vertical-align: middle;
    background: transparent;
}


button{
    width:auto;
    min-width: auto;
    margin: 0px;
}


/*RADIO ITEM*/
.mini-switch{
    margin: 0px;
}

.mini-switch .radio-item{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 12px 8px;
    flex-grow: 1;
    text-align: center;
    font-weight: normal;
    border-radius: 6px;
    margin: 0px;
    background: #FFFFFF;
    width:auto;
    font-size: 14px;
    border: 1px solid #B7DBDE;
}

.mini-switch .radio-item.selected{
    background: #84b6b4;
    color:#FFFFFF;
}

.mini-switch input[type="radio"]{
    display: none !important;
}

/*INPUT GROUP*/
.input-group{
    position: relative;
    display: flex;
    align-items: center;
    width:100%;
    padding:0px;
    overflow: hidden;
    border-radius: 6px;
    margin: 6px 0px 18px 0px;
    border: 1px solid rgba(132, 182, 180,0.5);
}

.input-group p{
    padding:12px;
    color: inherit;
}

.input-group .icon{
    padding:0px 12px;
}

.input-group input,
.input-group select,
.input-group button{
    width:100%;
    border: none;
}
/*MENU JQUERY*/
.ui-menu{
    border-top: none;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
}

.ui-menu .ui-menu-item{
    margin: 3px 0px;
    padding: 3px;
    font-size: 13px;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper{
    padding: 6px;
}

.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper{
    background: #B7DBDE;
    color:#434343;
    border-color: transparent;
}


/*Slider Ranger*/
.slider-filter .slider-range{
    position: relative;
    background: #FAFAFA;
    height: 8px;
    width: 60%;
    min-width: 60%;
    margin: 12px auto 0px auto;
    border-radius: 12px;
}

.slider-filter .ui-widget.ui-widget-content{
    border:1px solid #dedede;
}

.slider-filter .slider-range .ui-slider-range{
    background: #84B6B4;
}

.slider-filter .slider-range .ui-slider-handle{
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background: #eaeaea;
    border-color: #e4e4e4;
    cursor: pointer;
}

.slider-filter .slider-range .ui-state-active{
    background: #FAFAFA;
    color: #FAFAFA;
}

/* 0 - WRAP */

.page-view.cadastro,
.wrap,
.container{
    max-width: 1280px;
    width:100%;
    padding:18px 12px;
    margin: 24px 0px;
    margin: 0px auto;
}

/*1 - PAGE*/
.page{
    font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    min-height: 100%;
    background: #FFFFFF;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-kerning: normal;
}

/*1.2 - PAGE HEADER*/
.page .page-header{
    font-family: HelveticaNeue;
    position: relative;
    width:100%;
    padding: 0px;
    font-kerning: normal;
    background: #FFFFFF;
}

/*1.2.1 - HEADER-CONTENT*/
.page .page-header .header-content{
    display: flex;
    flex-wrap: wrap;
    padding: 18px 12px;
    align-items: center;
    border-bottom:2px solid #B7DBDE;
}

/*LOGO*/
.page .page-header .header-content .logo{
    display: inline-block;
    position: relative;
    width:auto;
    vertical-align: middle;
}

.page .page-header .header-content .logo img{
    width:240px;
}

.page .page-header .header-content .logo a,
.page .page-header .header-content .logo a:visited{
    color: #00A89D;
}

.page .page-header .header-content .logo .logo-name{
    font-size: 34px;
    font-weight: bold;
    color:inherit;
}

/*MENU LIST*/
.page .page-header .header-content .menu-list{
    display: inline-block;
    width:100%;
    list-style-type: none;
    margin: 6px auto;
    padding: 0px;
}

.page .page-header .header-content  .menu-list .item{
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 9px;
}

.page .page-header .header-content  .menu-list .item:not(:first-child){
    border-left: 2px solid;
    border-color: #43434380;
}

.page .page-header .header-content  .menu-list .item a,
.page .page-header .header-content  .menu-list .item{
    display: inline-block;
    padding:0px 6px;
    line-height: normal;
    text-decoration: none;
    color:#434343;
}

.page .page-header .header-content .menu-list .item.link:hover a,
.page .page-header .header-content .header-content-nav .menu-list .item:hover a{
    color: #00A89D;
}

.page .page-header .header-content  .menu-list .item i{
    padding-right: 6px;
}

.page .page-header .header-content .sub-menu-btn{
    display: none;
    margin-left: auto;
    font-size: 22px;
    list-style-type: none;
}

/*NAV MENU*/
.page .page-header .header-content  .nav-menu .menu-list{
    display: flex;
    align-items: stretch;
}

.page .page-header .header-content  .nav-menu .menu-list .item{
    display: flex;
    align-items: center;
    border-color:#00a89d83;
}

.page .page-header .header-content .nav-menu .menu-list .item a{
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
}

.page .page-header .header-content .nav-menu .menu-list .item.span a{
    color:#4fa99f ;
}

.page .page-header .header-content .nav-menu .menu-list .item.login{
    padding-left: 18px;
}

/*HEADER-CONTENT-NAV*/
.page .page-header .header-content  .header-content-nav{
    display: inline-block;
    margin-left: auto;
}

/*HEADER-CONTENT-SUPERIOR*/
.page .page-header .header-content.superior{
    padding-top:12px;
    padding-bottom: 12px;
}

.page .page-header .header-content  .menu-list .item:not(:first-child)::before{
    color:#B7DBDE;
}

.page .page-header .header-content.superior .login{
    margin-left: auto;
    font-weight: bold;
}
/*FIM DO HEADER-CONTENT-SUPERIOR*/

/*1.3 PAGE-MAIN*/
.page .page-main{
    position: relative;
    margin: 0px auto;
    background: #FFFFFF;
}

/*border*/
.page .page-main.page-search-advanced .section.search-advanced .search-field,
.page .page-main .section{
    border-bottom:2px solid #B0FDFF;
}

.page .page-main .announce .section{
    border-top:2px solid #B0FDFF;
}

.page .page-main #construtoras-parceiras .section,
.page .page-main .page-view.cadastro.section,
.page .page-main .planos .section,
.page .page-main .page-view.imovel.section,
.page .page-main.page-search-advanced > .section:last-child,
.page .page-main .section.search-advanced,
.page .page-main .section.section-painel{
    border:none;
}
/*end border*/

.page .page-main .section,
.page .page-main .section h2,
.page .page-main .section h3,
.page .page-main .section h4,
.page .page-main .section p{
    color:#434343;
}

.page .page-main .section p{
    margin: 15px 0px;
}

.page .page-main .section .section-header .title{
    margin: 0px 0px 30px 0px;
}

/*Maps*/
.page .page-main .section .map{
    display:flex !important;
    width:100%;
    margin: 0px  auto;
    min-height: 320px;
}
.page .page-main .results-map iframe,
.page .page-main .section .map iframe{
    width:1px;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 380px;
}

/*HOME SEARCH FIELD*/
.page .page-main .home-search-field{
    position: relative;
    background-repeat: no-repeat;
    background-position: 75% 75%;
    background-size:100% auto;
    background-image: url('../images/imagem_1.jpg');
    padding-top: 72px;
    padding-bottom: 72px;
}

.page .page-main .home-search-field .switch-map{
    margin-top: -12px !important;
}

.page .page-main .home-search-field .search-field{
    position: relative;
    padding: 0px;
}

.page .page-main .home-search-field .search-field .search-field-form::before{
    position: absolute;
    top:-36px;
    left:-36px;
    width:100%;
    height: 100%;
    padding:36px;
    content: '';
    border-radius: 24px;
    background: rgba(255,255,255,0.45);
}

.page .page-main .home-search-field .search-field .search-field-form form{
    padding: 36px 24px;
    border-radius: 24px;
    background: #FFFFFF;
}

.page .page-main .home-search-field .fields{
    min-height: auto;
}

.page .page-main .search-advanced{
    background: #F8FBFB;
}

.page .page-main .search-field{
    padding: 0px;
}

/*ANNOUNCE*/
.page .page-main .announce{
    font-size: 1.8rem;
    line-height: 2.0rem;
    color:#1E4341;
}

.page .page-main .announce a:link{
    width:100%;
    padding: 0px;
}

.page .page-main .announce h2{
    color: #1E4341;
}

.page .page-main .announce .items{
    padding: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    background: #d1fffb;
}

.page .page-main .announce .left-item{
    padding: 24px;
    order:0;
    max-width: 66.33%;
    justify-content: center;
}

.page .page-main .announce .right-item{
    padding: 24px;
    order:1;
    max-width: 33.33%;
    justify-content: center;
    border-left: 2px solid;
}

.page .page-main .announce .right-item a{
    color: #1E4341;
}

/*BOX INFO*/
.page .page-main .box-info{
    letter-spacing: 2px;
    background: #F8FBFB;
}

.page .page-main .box-info h2{
    font-family: BENTONSANSBLACK;
    font-size: 4.53rem;
    margin: 0px;
    padding: 0px;
    color:#57A4B0;
    font-kerning: normal;
    line-height: 4rem;
}

.page .page-main .box-info .items{
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 12px;
}

.page .page-main .box-info .left-item{
    max-width: 40%;
    padding: 12px;
    padding-right:18px;
    text-align: right;
}

.page .page-main .box-info .right-item{
    max-width: 60%;
    padding: 12px;
    padding-left: 18px;
}

.page .page-main .box-info .right-item p{
    margin-top: 48px;
}

.page .page-main .box-info .image{
    max-width: 100%;
    width:100%;
}
/*how-it-works*/
.page .page-main .how-it-works{
    letter-spacing: 0px;
}

.page .page-main .how-it-works .mini-carousel{
    display: inline-block;
    list-style-type: none;
    list-style: none;
    width:100%;
    margin: 0px;
    padding: 0px;
    overflow:hidden;
}
.page .page-main .how-it-works .mini-carousel .carousel-item{
    float: left;
}
.page .page-main .how-it-works .mini-carousel .carousel-item:not(.current){
    display: none;
}

.page .page-main .box-info .progress-bar{
    position: relative;
    width:auto;
    margin-left: auto;
}

.page .page-main .box-info .progress-bar ul{
    list-style-type: none;
    margin: 12px 0px;
}

.page .page-main .box-info .progress-bar ul li{
    float: left;
    margin: 6px 3px;
    color:#dcdcdc;
    cursor: pointer;
}
.page .page-main .box-info .progress-bar ul li:hover,
.page .page-main .box-info .progress-bar ul li.current{
    color:#b2b2b2;
}

/*TABS*/
.page-main .carousel{
    align-items: unset;
}
.page-main .carousel .carousel-menu-left,
.page-main .carousel .carousel-menu-right{
    align-items: center;
    justify-content:center;
    padding: 36px;
    width:24px !important;
}

.page-main .carousel .carousel-menu-left a,
.page-main .carousel .carousel-menu-right a{
    padding: 6px 12px;
}

.page-main .carousel .tabs-menu-left a:hover,
.page-main .carousel .tabs-menu-right a:hover{
    transform: scale(1.25);
    cursor: pointer;
}

.page-main .carousel .carousel-content{
    position: relative;
    max-width: 1280px;
    overflow-x: auto;
    scroll-snap-type:x mandatory;
    scroll-behavior: smooth;
    scrollbar-width:none;
    -ms-overflow-style: none;
    appearance:none;
}

.page-main .carousel .carousel-content::-webkit-scrollbar{
    width: 0px !important;
    display: none;
}

.page-main .carousel .carousel-items{
    display: flex;
    flex-direction: row;
    align-items: center;
    width:auto;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.page-main .carousel .carousel-list{
    display: inline-block;
    position: relative;
    width:100%;
}

.page-main .carousel .carousel-items .carousel-item::marker{
    display: none;
}

.page-main .carousel .carousel-items .carousel-item .image,
.page-main .carousel .carousel-items .carousel-item img{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.page-main .carousel .carousel-items .carousel-item .width-fixed{
    max-width: 230px;
}

.page-main .carousel-item .carousel-item-slider{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
}

.page-main  .carousel-item .carousel-item-slider .slider-content{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    appearance: none;
}

.page-main  .carousel-item .carousel-item-slider .slider-content::-webkit-scrollbar{
    width: 0px !important;
    display: none;
}

.page-main  .carousel-item .carousel-item-slider .slider-navigation{
    position: absolute;
    top:0px;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.15);
}

.page-main  .carousel-item .carousel-item-slider .left-side,
.page-main  .carousel-item .carousel-item-slider .right-side{
    display: flex;
    align-items: center;
    position: absolute;
    top:0px;
    height: 100%;
    padding: 0px;
    z-index: 1;
    color: #ffffff;
    cursor: pointer;
    transition: .35s ease-in-out;;
}

.page-main  .carousel-item .carousel-item-slider  .left-side{
    left:0px;
    justify-content: start;
}

.page-main  .carousel-item .carousel-item-slider  .left-side:hover{
    left:-12px;
}

.page-main  .carousel-item .carousel-item-slider  .right-side{
    right:0px;
    justify-content: end;
}

.page-main  .carousel-item .carousel-item-slider  .right-side:hover{
    right:-12px;
}

.page-main  .carousel-item  .carousel-item-slider  .left-side i,
.page-main  .carousel-item  .carousel-item-slider .right-side i{
    padding:12px 18px;
    text-shadow: 0px 0px 6px rgba(0,0,0,0.8);
}

.page-main  .carousel-item .carousel-item-slider .slider-items{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: 0px;
    margin: 0px;
    list-style: none;
    height: 100%;
    transition: transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    -o-transition: -o-transform 1s ease;
}

.page-main  .carousel-item .carousel-item-slider .slider-item{
    min-width: 100%;
    height: 100%;
    overflow: hidden;
}

.page-main  .carousel-item .carousel-item-slider .bullets{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    left: 0px;
    bottom: 6px;
    border-radius: 6px;
}

.page-main  .carousel-item .carousel-item-slider .bullets .bullet-item{
    font-size: 12px;
    margin: 5px;
    color: #ffffff;
    opacity: 0.5;
}

.page-main  .carousel-item .carousel-item-slider .bullets .bullet-item.current{
    opacity: 1;
}

/*TABS Imoveis*/
.page .page-main  .carousel .carousel-items.display-flex{
    flex-wrap: wrap;
    justify-content: flex-start;
}

.page .page-main  .carousel .carousel-items .carousel-item{
    position: relative;
    width: calc(33.33% - 24px);
    min-width:  calc(33.33% - 24px);
    margin: 12px;
    overflow: hidden;
    padding: 0;
    scroll-snap-align:start;
}

.page .page-main  .carousel .carousel-items .carousel-item:last-child{
    margin-right: 0px !important;
}

.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-image{
    line-height: 0;
    text-align: center;
}

.page .page-main  .carousel .carousel-items .carousel-item  h4{
    margin:3px 0px;
    color:#141414;
    font-size: 1.2rem;
}

.page .page-main  .carousel .carousel-items .carousel-item  .carousel-item-summary{
    padding:6px 12px;
    border-bottom: 1px solid #c2c2c2;
}

.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-summary .price{
    display: block;
    color:#6c6c6c;
    font-size: 1.1rem;
}
/*Header*/

.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-summary .carousel-item-header{
    position: relative;
}
/*Title*/
.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-summary .carousel-item-header-title{
    position: relative;
    display: block;
    padding-right: 50px;
}

/*Features*/
.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-features{
    margin-top: 6px;
    opacity: 0.5;
}

.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-features ul{
    display: flex;
    list-style-type: none;
    width: 100%;
    padding: 6px;
    margin: 0px;
    align-items: center;
    justify-content: center;
    height: 50px;
}

.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-features li{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    flex:1 1 auto;
    margin: 0px;
    padding: 6px;
}

.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-features li a{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-features li i{
    padding:0px 12px;
    font-size: 20px;
    color:#00A2FF;
}

.page .page-main  .carousel .carousel-items .carousel-item .carousel-item-description{
    margin-top: 18px;
}

/*Announce Credit*/
.page .page-main .box-info.credit-offer {
    background: transparent;
    cursor: pointer;
}

.page .page-main .box-info.credit-offer h2{
    font-size:4.2rem;
    line-height: 4.3rem;
    text-align: right;
}

.page .page-main .box-info.credit-offer .section-content{
    position: relative;
    overflow: hidden;
    align-items:center;
    flex-wrap:  wrap;
    letter-spacing: 0px;
    padding-bottom: 0px;
}

.page .page-main .box-info.credit-offer .left-item{
    width:35%;
    padding-bottom: 0px;
    line-height: 0px;
    object-fit: cover;
}

.page .page-main .box-info.credit-offer .left-item .image{
    width:100%;
    object-fit: cover;
}

.page .page-main .box-info.credit-offer .right-item{
    width:65%;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: right;
    padding-bottom: 0px;
}

.page .page-main .box-info.credit-offer .right-item p{
    margin-top: 12px;
}

/*PARTNER COMPANIES*/
.page .page-main  .partner-companies  .tabs{
    grid-template-columns: 40px auto 40px;
    margin-top:72px;
    margin-bottom: 72px;
}

.page .page-main  .partner-companies  .tabs .tabs-items .tab {
    justify-content: center;
}

.page .page-main  .partner-companies  .tabs .tabs-items .tab .tab-image{
    height: auto;
    vertical-align: middle;
    text-align: center;
}

.page .page-main  .partner-companies  .tabs .tabs-items .tab .tab-image img{
    height: auto;
    width:220px;
}

/*Planos*/
.page .page-main .planos {
    background: #F8FBFB;
}

.page .page-main .planos .list-items{
    padding: 0px;
    margin:0px 0px 24px 0px;
    align-items: stretch;
    flex-wrap: wrap;
    list-style-type: none;
}

.page .page-main .planos .mais-informacoes{
    padding: 24px;
    border-top: 1px solid #B7DBDE;
}

.page .page-main .planos .list-items .plano{
    display: inline-block;
    text-align: center;
    width: calc(50% - 48px);
    max-width: 360px;
    margin: 0px;
    margin-left:24px;
    margin-right: 24px;
    overflow: hidden;
    border-radius: 24px;
    background: #FFFFFF;
}

.page .page-main .planos .list-items .item-body{
    min-height: 100%;
    flex-wrap: wrap;
}

.page .page-main .planos .list-items .item.info{
    display: inline-block;
    width:100%;
    padding: 15px 0px;
    border-radius: 0px;
    margin: 0px;
    border-bottom: 1px solid rgb(176, 222, 224);
}

.page .page-main .planos .list-items .item h4,
.page .page-main .planos .list-items .item .price{
    font-size: 1.5rem;
    color:#FFFFFF;
    padding: 0px;
    margin: 0px;
}

.page .page-main .planos .list-items .item .price{
    font-size: 1.8rem;
}

.page .page-main .planos .list-items .item .price small{
    font-size: 1.2rem;
    font-weight: normal;
}

.page .page-main .planos .list-items .item .item-header-title{
    position: relative;
    padding: 15px 0px;
    margin: 15px;
}

.page .page-main .planos .list-items .item .item-header-title::after{
    position: absolute;
    right:0px;
    z-index: 1;
    border: 1px solid #FFFFFF;
    opacity: 0.5;
    content: '';
    width: 100%;
    bottom: 0px;
}

.page .page-main .planos .list-items .item .item-header{
    width: 100%;
    background:  #00A2FF;
    color: #FFFFFF;
    padding: 24px;
}

.page .page-main .planos .list-items .item .item-content{
    width: 100%;
    padding:24px;
    margin-bottom: 12px;
}

.page .page-main .planos .list-items .item .item-button{
    width:100%;
    padding:24px;
    margin-top: auto;
    margin-bottom: 12px;
}

.page .page-main .planos .list-items .item .item-button a,
.page .page-main .planos .list-items .item .item-button button{
    width:100%;
    font-size: 1.15rem;
}

/*FOOTER*/
.page .page-footer{
    background: #3D7098;
    padding:24px;
}

.page .page-footer .display-flex{
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page .page-footer .widget{
    padding: 12px 0px;
    margin: 12px 0px;
    color:#FFFFFF;
}

.page .page-footer .widget.details{
    max-width: 20%;
}

.page .page-footer .widget .box-logo img{
    width: 160px;
}

.page .page-footer .widget .text{
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    font-family: 'Hammersmith One', sans-serif;
}

.page .page-footer h2{
    font-size: 1.35rem;
    line-height: 1.55rem;
}

.page .page-footer .fw-bold{
    color: #FFFFFF;
}

.page .page-footer .widget ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.page .page-footer .widget ul li{
    margin: 6px 0px;
}

.page .page-footer .widget ul a{
    padding: 6px 0px;
    color:#FFF;
    cursor: pointer;
}

.page .page-footer .social-media{
    margin: 0px;
    float: left;
}

.page .page-footer .social-media .links{
    padding: 12px 0px;
}

.page .page-footer .social-media a{
    color:#FFFFFF;
}

.page .page-footer .social-media a i{
    font-size: 36px;
    margin: 6px;
}

.page .page-footer .copyright{
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: max-content;
    margin-left: auto;
}

.page .page-footer .copyright p{
    padding: 6px 0px;
    margin: 6px 0px;
    color:#FFFFFF;
    text-align: right;
    font-style: 0.6rem;
}

.page .page-footer .copyright img{
    margin-right: 0px !important;
    margin-left: 0px !important;
    max-width: 180px;
}

.page .page-aside{
    width: 320px;
    height: 100%;
    margin-right: auto;
}
/* =>  WINDOW */
/*POP-UP-SCREEN*/
.window{
    word-break: break-all;
    display: none;
    position: fixed;
    overflow: auto;
    top:0px;
    right:0px;
    padding: 12px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background:rgba(0,0,0,0.1);
}

.window.actived{
    display: flex !important;
}

.window .pop-up{
    position: relative;
    width: 100%;
    margin: auto;
    background: #FFFFFF;
    padding: 36px;
    border-radius: 24px;
}

.window .pop-up .pop-up-header{
    position: relative;
    padding-top: 12px;
    padding-bottom: 6px;
    width:100%;
    text-align: center;
}

.window .pop-up .pop-up-header h2{
    margin: 0px;
}

.window .pop-up .pop-up-header::after{
    position: absolute;
    right:0px;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
    content: '';
    border-bottom: 1px solid;
}

.window .pop-up .pop-up-header .box-logo {
    float: left;
    margin-right: auto;
}

.window .pop-up .pop-up-header .box-logo .logo{
    width:180px;
    object-fit: cover;
}

.window .pop-up .pop-up-content{
    padding: 12px;
}

.window .pop-up .pop-up-content .display-flex{
    align-items: center;
}

.window .pop-up .pop-up-content .checkboxes,
.window .pop-up .pop-up-content .buttons{
    justify-content: space-between;
    margin:12px 0px 24px 0px;
}

.window .pop-up .pop-up-content .checkboxes label,
.window .pop-up .pop-up-content .checkboxes input[type="checkbox"]{
    font-size: 1.25rem;
}

.window .pop-up .radio-button.selected{
    background: #00A89D;
    color: #FFFFFF;
    border: 2px solid #00A89D;
}

.window .pop-up .pop-up-content .fields .custom-input{
    margin:12px 0px 0px 0px;
    padding:3px 12px;
    border-radius: 6px;
}

.window .pop-up .pop-up-content .fields .custom-input input,
.window .pop-up .pop-up-content .fields .custom-input button{
    margin-top: 0px;
    margin-bottom: 0px;
}

.window .pop-up .pop-up-content .fields .custom-input label{
    display: inline-block;
    font-size: 15px;
    margin-bottom: 6px;
}

.window .pop-up .pop-up-content .fields input,
.window .pop-up .pop-up-content .fields button{
    width:100%;
}

.window .pop-up .pop-up-content .fields textarea{
    width: 100%;
    margin: 0px;
    min-height: 120px;
    resize: none;
}

.window .pop-up .pop-up-content .fields button.submit{
    margin: 12px 0px;
}

.window .pop-up .margin-top{
    margin-top: 24px !important;
}

.window .pop-up .pop-up-content .fields span{
    padding-right: 6px;
}

.window .pop-up .pop-up-content .description{
    font-size: 14px;
}

.window .pop-up .pop-up-close{
    position: absolute;
    right:12px;
    top:12px;
    width:35px;
    height: 0px;
    font-size: 18px !important;
    border:none !important;
    background: transparent;
}

.window .pop-up .pop-up-close a{
    text-decoration: none;
    font-size: 18px !important;
    border:none !important;
    color:inherit;
}

/*Credito*/
.window.windows-credit-offer .pop-up{
    max-width: 520px;
}

.window.windows-credit-offer .pop-up .radio-button.selected{
    color:#FFFFFF;
    background: #00A2FF;
    border:2px solid #00A2FF;
}

.window.windows-credit-offer .pop-up .radio-button{
    background:#FFFFFF;
    color: #00A2FF;
    border:2px solid #00A2FF;
}

/*Avançados*/
.window.advanced-filters .pop-up{
    width:1200px;
    z-index: 999999;
}

/*Login*/
.window.login-form .pop-up{
    max-width:500px;
}

/*Propostas*/
.window.proposta .pop-up{
    max-width:480px;
}

/* 2=> PAGE-VIEW*/
.page .page-main .page-view{
    flex-wrap: wrap;
    align-items: flex-start;
}

.page .page-view .user-form{
    background: #F8FBFB;
}

.page .page-main .page-view.cadastro  .carousel .carousel-items .carousel-item{
    position: relative;
    width:25%;
    min-width: 25%;
    margin: 0px;
    height: 180px;
    object-fit: cover;
    border-radius: 0px;
    padding: 12px;
}

.page .page-main .page-view.cadastro  .carousel .carousel-items .carousel-item .image{
    width:100%;
    height: 100%;
    object-fit: cover;
}

.page .page-main .page-view.cadastro  .carousel .carousel-items .carousel-item .remove-item{
    display: inline-block;
    position: absolute;
    width: auto;
    min-width: auto;
    height: auto;
    top:6px;
    right:6px;
    font-size: 16px;
    padding: 2px 6px;
    font-weight: normal;
}

.page .page-main .page-view.cadastro{
    max-width: 100%;
    width:100%;
    padding: 0px;
}

.page .page-main .page-view .box-left{
    width: 40%;
    padding:0px 48px;
}

.page .page-main .page-view .box-left h2{
    margin-top: 0px;
}

.page .page-main .page-view .box-right{
    width: 60%;
    flex-wrap: wrap;
    justify-content: center;
    padding:0px 48px;
    border-left: 1px solid #B7DBDE;
}

.page .page-main .page-view .box-right .buttons{
    margin-bottom: 24px;
}

.page .page-main .page-view .box-right .btn{
    width:calc(50% - 12px);
}

.page .page-main .page-view .box-right .btn:first-child{
    margin-right: auto;
}

.page .page-main .page-view .box-right .btn:last-child{
    margin-left: auto;
}

.page .page-main .page-view .box-right .map{
    display: inline-block;
    width:100%;
    min-height: 320px;
    padding: 12px 0px;
    margin: 0px;
    border-bottom:1px solid #B7DBDE;
}

.page .page-main .page-view .box-right .description{
    width:100%;
}

.page .page-main .page-view .box-right .description p{
    padding: 0px;
    margin: 0px;
}

.page .page-main .page-view .box-details{
    position: relative;
    width:100%;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 48px;
    padding:24px;
    border-top: 1px solid #B7DBDE;
}

.page .page-main .page-view .box-details .box-item{
    padding:3px 24px;
}

.page .page-main .page-view .box-details .box-item div{
    display: inline-block;
    margin-bottom:24px;
}



/* 2.2 PAGE-SEARCH-ADVANCED*/
.page-main.page-search-advanced .section-content{
    align-items: stretch;
    height: 100%;
}

.page-main.page-search-advanced .box-left{
    width:100%;
}

.page-main .section-content.is-map:not(.actived) .box-right{
    display: none;
}

.page-main.page-search-advanced .is-map .box-left{
    height: 100%;
}

.page-main.page-search-advanced .is-map .box-left::-webkit-scrollbar{
    width: 0px;
    background: transparent; /* Chrome/Safari/Webkit */
}

.page-main.page-search-advanced .is-map .box-left,
.page-main.page-search-advanced .is-map .box-right{
    width:50%;
    flex-grow: 1;
    padding:6px 0px;
}

.page-main.page-search-advanced .is-map .box-right{
    padding-right: 24px;
    padding-left: 12px;
}

.page-main.page-search-advanced .is-map .box-left{
    padding-left: 24px;
    padding-right: 12px;
}

.page-main.page-search-advanced .carousel .carousel-menu-right,
.page-main.page-search-advanced .carousel .carousel-menu-left{
    display: none;
}

.page-main.page-search-advanced .is-map .box-left .carousel-content{
    height: 100vh;
    scroll-behavior:smooth;
    appearance:none;
    -ms-overflow-style:none;
    overflow-y:auto;
    overflow-x:hidden;
    scroll-snap-type:none;
    scroll-behavior:none;
    scrollbar-width: none; /* Firefox */
}

.page-main.page-search-advanced .is-map .box-left .carousel-list{
    height: 100%;
}

.page-main.page-search-advanced .carousel .carousel-content .carousel-items{
    flex-wrap: wrap;
}

.page-main.page-search-advanced .is-map.actived .carousel .carousel-items .carousel-item{
    width: calc(50% - 24px);
    max-width: calc(50% - 24px);
}

/* 3 - FORM-INPUTS */
.form-container{
    position: relative;
    width:100%;
}

.form-container .form-header{
    position: relative;
    justify-content: space-between;
    padding:0px 0px 12px 0px;
    width:100%;
}

.form-container  .form-title{
    display: inline-block;
    border: none;
    width: 100%;
}

.form-container .form-title h2{
    margin-bottom: 6px;
}

.form-container .form-header p{
    margin: 3px;
}

.form-container .form-container-fields{
    display: grid;
    grid-auto-rows: auto;
    align-items: flex-start;
    grid-column-gap:18px;
    grid-row-gap:18px;
    row-gap:18px;
    column-gap: 18px;
}

.form-container-fields .details-content {
    flex-wrap: wrap;
}

.form-container .fields{
    display: grid;
    grid-column-gap:18px;
    grid-row-gap:18px;
    row-gap:18px;
    column-gap: 18px;
    grid-template-rows: auto;
}

.form-container .fields.no-gap-column{
    grid-column-gap:0px !important;
    column-gap:0px !important;
}


.form-container .fields.no-row-gap{
    grid-row-gap:0px !important;
    row-gap:0px !important;
}

.form-container .fields.buttons-right{
    margin-left: auto;
    text-align: right;
}

.form-container .fields.align-center{
    align-items: center;
}

.form-container .fields.flex-end{
    align-items: flex-end;
    min-height: auto;
}

.form-container .fields.flex-start{
    align-items: flex-start;
}

.form-container .fields.flex-center{
    align-items: center;
}

.form-container .fields.flex-stretch{
    align-items: stretch;
}

.form-container .fields.justify-end{
    justify-content: end;
}


/*Fields Filters*/
.form-container .fields.filter-1{
    grid-template-columns:1fr;
}

.form-container .fields.filter-1-1{
    grid-template-columns: auto auto;
}

.form-container .fields.filter-1-1.readjust{
    grid-template-columns: 1fr 0.95fr;
}

.form-container .fields.filter-1-1-fixed{
    grid-template-columns: 1fr 1fr;
}

.form-container .fields.filter-1-2{
    grid-template-columns: 1fr 2fr;
}

.form-container .fields.filter-1-1-1{
    grid-template-columns: auto auto auto;
}

.form-container .fields.filter-1-1-1-1{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.form-container .fields.filter-1-1-1-1-1{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.form-container .fields.filter-2-1{
    grid-template-columns: 2fr 1fr;
}

.form-container .fields.filter-7-3{
    grid-template-columns: 7fr 3fr;
}

.form-container .fields.filter-6-4{
    grid-template-columns: 6fr 4fr;
}

.form-container .fields.filter-4-7{
    grid-template-columns: 4fr auto;
}

/*End Fields Filters*/
.form-container .fields .custom-input-{
    padding: 6px 0px;
}

.form-container .fields .custom-input .custom-input{
    min-height: auto;
}

.form-container .fields .custom-input .custom-input-slide{
    position: relative;
}

.form-container .fields .custom-input .custom-input-slide.superior::after{
    font-family: 'Font Awesome\ 5 Free';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:50%;
    content:"\f532";
    font-size: 12px;
    left:8px;
    background: #FFF;
    font-weight: 700;
    transform:translateY(-50%);
}

.form-container .fields .custom-input .custom-input-slide.superior input{
    padding-left: 22px;
}

.form-container .fields .custom-input .input-check{
    margin-top:20px;
    margin-bottom: 20px;
}

.form-container .fields .custom-input.checks-inputs{
    padding: 12px 0px;
}

.form-container .fields .custom-input.submit{
    text-align:  right;
}

.form-container .fields .custom-input.submit button{
    float: initial;
    max-width: 220px;
}

.form-container .fields .custom-input .mini-switch{
    grid-column-gap:0px;
    column-gap:0px;
}

.form-container .fields .custom-input .btn-switch{
    margin-left: auto;
    margin-right: 12px;
}

.form-container .fields .custom-input.date{
    position: relative;
}

.form-container .fields .custom-input.date .input-button button{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.form-container .fields .custom-input.cq input{
    flex: 1 1 90px;
    width:90px !important;
    max-width: 90px !important;
    margin: 0px 8px;
    font-size: 14px;
}

.form-container .fields .custom-input.cq{
    font-size: 14px;
}

.form-container .fields .custom-input.date .input-button button i{
    margin-left: 5px;
}
.form-container .fields .custom-input.date:not(.actived) .date-box{
    display: none;
}

.form-container .fields .custom-input.date.actived button{
    -webkit-box-shadow: inset 0px 0px 5px 0px #B7DBDE;
    -moz-box-shadow: inset 0px 0px 5px 0px #B7DBDE;
    box-shadow: inset 0px 0px 5px 0px #B7DBDE;
}

.form-container .fields .custom-input.date.actived .date-box{
    display: inline-block;
    position: absolute;
    width: 180px;
    z-index: 10;
    top:100%;
    padding: 12px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    border:1px solid #edeaea;
    background: #FFFFFF;
}

.form-container .fields .custom-input.date.actived .date-box label:not(:first-child){
    margin-top: 15px;
}

.form-container .fields .custom-input.date.actived .date-box label{
    margin-bottom: 3px;
    font-weight: normal;
}

.form-container .fields .custom-input.date .custom-input-date{
    display: flex;
    align-items: stretch;
}

.form-container .fields .custom-input.date.actived .date-box input{
    flex-grow: 1;
}

.form-container .fields .custom-input.date.actived .date-box i{
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 12px;
}

.form-container .fields .custom-input .input-select{
    position: relative;
}

.form-container .fields .custom-input .input-select input{
    padding-right: 24px;
    margin: 0px;
}

.form-container .fields .custom-input .input-select .items-box{
    display: none;
    position: absolute;
    max-height: 320px;
    overflow-y: scroll;
    z-index: 10;
    width:100%;
    top:100%;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
}

.form-container .fields .custom-input .input-select .items-box .item{
    display: inline-block;
    width:100%;
    padding:12px 8px;
    margin:0px;
    background: #FFFFFF;
}

.form-container .fields .custom-input .input-select .items-box .item:not(:first-child){
    border-top:1px solid rgba(0,0,0,0.1);
}

.form-container .fields .custom-input .input-select .items-box .item[selected]{
    background: #B7DBDE;
}

.form-container .fields .custom-input .input-select .tags-box{
    display: none;
    position: absolute;
    width:100%;
    padding:12px 6px 6px 6px;
    top: 100%;
    background: #F8F8F8;
    border-radius: 6px;
    overflow: hidden;
    z-index: 10;
    border: 1px solid #CDCDCD;
    border-top: none;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
}

.form-container .fields .custom-input .input-select .tags-box.actived{
    display: inline-block;
}

.form-container .fields .custom-input .input-select .tags-box .tag{
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding:6px;
    margin: 3px 0px;
    background: #B7DBDE;
}

.form-container .fields .custom-input .input-select .tags-box .tag p{
    display: block;
    padding: 0px;
    margin: 0px;
    text-overflow: ellipsis;
}

.form-container .fields .custom-input .input-select .tags-box .tag .close{
    position: relative;
    font-size: 12px;
    margin-left: auto;
    padding: 3px;
    cursor: pointer;
    border-radius: 3px;
}

.form-container .fields .custom-input .input-select .tags-box .tag .close:hover{
    background: #151515;
    color:#FFFFFF;
}

.form-container .fields .custom-input .input-select .tag-count{
    display: none;
    position: absolute;
    top:50%;
    right:6px;
    font-weight: bold;
    color: rgba(0,0,0,0.6);
    background:#B7DBDE;
    padding: 6px 9px ;
    margin: 0px;
    font-size: 16px;
    transform: translateY(-50%);
}

.form-container .fields .custom-input .side-by-side{
    padding: 6px;
}

.form-container .fields .custom-input .same-line .radio-button{
    min-width: 100%;
    border-radius: 0px !important;
}

.form-container .fields .custom-input .same-line .radio-button:not(:first-child){
    border-left:none;
}

.form-container  button[type=button],
.form-container  button[type=submit]{
    width: 100%;
    padding: 12px 18px;
    min-width: 120px;
    float: right;
}

.form-container .fields .custom-input.right input,
.form-container .fields .custom-input.right button{
    float: right;
}

.form-container .fields .custom-input input:not([type="checkbox"]):not(.date),
.form-container .fields .custom-input button,
.form-container .fields .custom-input .btn,
.form-container .fields .custom-input .radio-button,
.form-container .fields .custom-input textarea,
.form-container .fields .custom-input select,
.form-container .fields .custom-input .custom-input-date,
.form-container .fields .custom-input .radio-item,
.form-container .fields .custom-input .type-select{
    width:100% ;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #B7DBDE;
}

.form-container .fields .custom-input input.date{
    border:none;
}

.form-container .fields .custom-input .radio-item{
    width:auto;
}

.form-container .fields .custom-input button{
    margin-left:auto;
    margin-right: auto;
}

.form-container .fields .custom-input #label-select-file{
    display: flex;
    align-items: center;
    padding:12px 8px;
    margin: 0px;
    border: 1px solid #B7DBDE;
    border-radius: 6px;
    cursor: pointer;
    color: #bdbdbd;
}
.form-container .fields .custom-input input[type="file"]{
    display: none;
}

.form-container .fields .custom-input textarea{
    resize: none;
    min-height: 120px;
}


.form-container .fields .custom-input input,
.form-container .fields .custom-input .radio-button,
.form-container .fields .custom-input select,
.form-container .fields .custom-input textarea,
.form-container .fields .custom-input button,
.form-container .fields .custom-input .input-select,
.form-container .fields .custom-input .type-select{
    margin:0px;
}

.form-container .fields .custom-input.checkbox-confirm{
    padding-right: 222px !important;
}

.form-container .fields .custom-input-label-des{
    display: inline-block;
    margin:0px 9px 6px 0px;
    font-size: 0.95rem;
    color:#464646;
}

.form-container .fields .custom-input-label-des input[type="checkbox"],
.form-container .fields .custom-input-label input[type="checkbox"]{
    margin: 0px 6px !important;
}

.form-container .fields .custom-input-label{
    display: flex;
    float: left;
    width:auto;
    padding:0px;
    font-size: 0.85rem;
    margin:8px 6px 8px 0px;
}

.form-container .fields .custom-input-label.check{
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.form-container .fields .input-description{
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
}

.form-container .fields .custom-input .label-description{
    margin-top: 4px;
    font-size: 0.95rem;
    padding-right: 96px;
    color:#464646;
}

/*INFO-BLOCK*/
.infos{
    position: relative;
    width: 100%;
}

.info-block{
    display: flex;
    align-items: center;
    float: left;
    font-size: 0.95rem;
    margin-left:12px;
}

.info-block .todas-fichas,
.info-block .minhas-fichas{
    margin-right: 6px;
    width:20px;
    height: 20px;
    background:#53a548;
}

.info-block .minhas-fichas{
    background:#00a2ff;
}


/*END CUSTOM-INPUTS*/

.form-container .gallery{
    display: grid;
    grid-template-columns:auto 1fr auto;
    grid-column-gap: 18px;
    column-gap: 18px;
    align-items: stretch;
    margin-top:24px;
    margin-bottom: 24px;
}

.form-container .gallery .carousel-content{
    width: 100%;
    overflow: hidden;
    padding:0px 12px;
}

.form-container .gallery .list .item{
    position: relative;
}

.form-container .gallery .list .select-item{
    position: absolute;
    right:18px;
    top:0px;
    transform: scale(1.15);
    padding: 10px;
}

.form-container .gallery .list .item .photo{
    width:180px;
    margin-right: 12px;
}

.form-container .gallery .gallery-menu-right,
.form-container .gallery .gallery-menu-left{
    align-items: center;
    font-size: 22px;
    cursor: pointer;
}

.form-container .detalhes-form{
    margin-top:48px;
    padding: 0px;
    background: #F8FBFB;
}

.form-container .box-details{
    flex-wrap: wrap;
    align-items: flex-start;
}

.form-container .box-details .box-item{
    width:20%;
}

/* SECTION-PAINEL */
.section-painel{
    background: #F8FBFB;
}
.section-painel .painel{
    border: none !important;
    align-items: stretch;
    padding: 0px;
}

.section-painel .painel .dados-pessoais-imoveis{
    width: 70%;
    padding: 24px;
}

.section-painel .painel .dicas{
    width: 30%;
}

.section-painel .painel .dados-pessoais-imoveis .info{
    width: 40%;
    text-align: left;
    padding: 6px;
}

.section-painel .painel .dados-pessoais-imoveis .buttons{
    width: 60%;
    padding: 6px;
}

.section-painel .painel .dados-pessoais-imoveis .box-buttons{
    width:60%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section-painel .painel .dados-pessoais-imoveis .box-buttons .btn{
    margin: 6px 0px;
}

.section-painel .painel .dados-pessoais-imoveis .box-buttons .btn.left{
    width:calc(50% - 6px);
    margin-right: 6px;
}

.section-painel .painel .dados-pessoais-imoveis .box-buttons .btn.right{
    width:calc(50% - 6px);
    margin-left: 6px;
}

.section-painel .painel .dados-pessoais-imoveis .box-buttons .btn.center{
    width:100%;
}


.section-painel .painel .dados-pessoais-imoveis .photo{
    width:180px;
    padding: 12px;
    object-fit: cover;
}

.section-painel .painel .dados-pessoais-imoveis .section{
    border-bottom: 2px solid #b0fdff;
    padding: 12px;
}

.section-painel .painel .dicas{
    padding: 24px;
    text-align: right;
    z-index: 1;
}

.section-painel .painel .dicas .dicas-item{
    margin-bottom: 48px;
}

.section-painel .painel .dicas .dicas-item-header{
    text-align: right;
    color:#57a4a4;
}

.section-painel .painel .dicas .dicas-item-header h2{
    font-family: BENTONSANSBLACK;
    color:#57a4a4;
    font-size: 2.4rem;
    font-kerning: normal;
    line-height: 2.6rem;
}

.section-painel .painel .dicas .dicas-item .photo{
    width: 80%;
    max-width: 400px;
}

/*Nav-search*/
.page-main  .navbar-search{
    background: #FFFFFF;
    color: #9e9e9e;
}

.page-main  .navbar-search {
    font-size: 14px;
    width: 60%;
    max-width: 600px;
}

.page-main  .navbar-search input.small{
    position: relative;
    width: 55px;
    height: 30px;
    cursor: pointer;
}

.page-main  .navbar-search input.small::-webkit-outer-spin-button,
.page-main  .navbar-search input.small::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.page-main  .navbar-search input.small[type=number] {
    -moz-appearance: textfield;
}

.page-main  .navbar-search .search input{
    width:100%;
    min-width: 100px;
    color: #151515;
    margin: 0px;
    border-color: #d9d9d9;
}

.page-main  .navbar-search .search button{
    width:auto;
    min-width: auto;
    color: #6c6c6c;
    border-color: #d9d9d9;
    padding: 12px;
}

.page-main  .navbar-search .search{
    position: relative;
}

.page-main  .navbar-search .search .search-results-box:not(.actived){
    display: none;
}

.page-main  .navbar-search .search .search-results-box{
    position: absolute;
    width:100%;
    padding: 12px;
    top:100%;
    z-index: 100;
    background:#FFF;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
}

.page-main  .navbar-search .search .search-results-box .result{
    display: inline-block;
    width: 100%;
    padding: 6px;
    color:#585858;
    font-size: 16px;
    margin: 3px 0px;
}

.page-main  .navbar-search .search .search-results-box .result:hover{
    color:#84b6b4;
}

.page-main  .navbar-search .search .search-results-box .result p{
    padding: 0px;
    margin: 0px;
}

/*Nav-links*/
.page-main .nav-links{
    max-width: auto;
}

.page-main .nav-links .list-items{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.page-main .nav-links .list-items .item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
    height: 35px;
    font-size: 14px;
    margin: 0px;
    color:#00A89D;
    border:1px solid #d9d9d9;
}

.page-main .nav-links .list-items .item.current{
    background: #00A89D;
    color: #FFFFFF;
}

.page-main .nav-links .list-items .item.no-previous{
    color: #6c6c6c;
}

.page-main .nav-links .list-items .item:first-child{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.page-main .nav-links .list-items .item:last-child{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
}

.page-main .nav-links .list-items .item:nth-child(2n){
    border-left: none;
}

.page-main .nav-links .list-items .item:nth-child(1n):not(:first-child){
    border-left: none;
}

/*PAINEL RESULTS*/
.page  .page-main .search-advanced.results{
    background: #FFFFFF;
}
.page  .page-main .search-advanced.results .results-header{
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px 0px;
}

.page  .page-main .search-advanced.results .results-content{
    margin-top: 72px;
    margin-bottom: 24px;
}

.page  .page-main .search-advanced.results .results-content.is-map:not(.actived) .results-map{
    display: none;
}

.page  .page-main .search-advanced.results .results-map{
    width: 100%;
    min-height: 480px;
    margin: 24px 0px;
}

.page  .page-main .search-advanced.results .results-map iframe{
    min-height: 480px;
}

.page  .page-main .search-advanced.results .results-table{
    background: #FFFFFF;
    width: 100%;
    overflow: auto;
    padding: 12px 0px;
}

.page  .page-main .search-advanced.results .results-table .image{
    width:100px;
    height: 100px;
    object-fit: cover;
}

.page  .page-main .search-advanced.results .results-table tr th{
    color:#5a5a5a;
    cursor: pointer;
}

.page  .page-main .search-advanced.results .results-table table,
.page  .page-main .search-advanced.results .results-table th,
.page  .page-main .search-advanced.results .results-table td {
    position: relative;
    border: 1px solid #aaaaaa;
    border-collapse: collapse;
}

.page  .page-main .search-advanced.results .results-table i{
    position: absolute;
    top:3px;
    right:6px;
    font-size: 20px;
    float: right;
}

.page  .page-main .search-advanced.results .results-table th,
.page  .page-main .search-advanced.results .results-table td {
    padding: 6px;
    color:#6c6c6c;
}

.page  .page-main .search-advanced.results .results-table tr:hover{
    background: #e7e7e7;
}

/*
    Páginas extras
*/
.page.extra .page-main{
    margin-top: 30px;
    margin-bottom: 30px;
}

.page.extra .page-main .section .section-header .title{
    padding: 0px;
    margin: 0px;
    margin-bottom: 12px;
}

.page.extra .page-main .section .section-content{
    font-size: 1.1rem;
    line-height: 2rem;
}

/*páginas extras forms*/
.page.extra .form-credit-offer{
    max-width: 500px;
    margin-right: auto;
}

.page.extra .form-credit-offer .checkboxes{
    justify-content: space-between;
    margin: 12px 0px 24px 0px;
}

.page.extra .form-credit-offer .checkboxes label{
    padding: 12px 0px;
}

.page.extra .form-credit-offer .checkboxes .radio-item{
    background: #FFFFFF;
    color: #00A2FF;
    border: 2px solid #00A2FF;
    max-width: calc(50% - 12px) !important;
}

.page.extra .form-credit-offer .checkboxes .radio-item.selected{
    color: #FFFFFF;
    background: #00A2FF;
    border: 2px solid #00A2FF;
}

.page.extra .form-credit-offer .checkboxes .radio-item:nth-child(1){
    margin-right: 12px;
}

.page.extra .form-credit-offer .checkboxes .radio-item:nth-child(2){
    margin-left: 12px;
}

.page.extra .form-credit-offer .custom-input{
    margin: 12px 0px 0px 0px;
    padding: 3px 12px;
    border-radius: 6px;
}

.page.extra .form-credit-offer .custom-input input{
    margin-top: 0px;
    margin-bottom: 0px;
}

.page.extra .form-credit-offer button{
    width: 100%;
}


/*Responsivo*/
@media only screen and (max-width: 1360px){
    .form-container .form-container-fields{
        width:100%;
        margin: 0px auto;
    }

    .form-container .form-container-fields .fields.in-mobile-first{
        grid-row-start: 1;
    }

    .form-container .form-container-fields > .fields.filter-1-1:not(.same-line):not(.readjust){
        grid-template-columns: 1fr;
    }

    .form-container .form-container-fields > .fields.filter-1-1-1:not(.same-line){
        grid-template-columns: 1fr 1fr;
    }

    .form-container .form-container-fields > .fields.filter-1-1-1 :not(.same-line)> div:last-child{
        grid-column: span 2;
    }

    .form-container .form-container-fields > .fields.filter-1-1-1-1{
        grid-template-columns: 1fr 1fr;
    }

    .form-container .form-container-fields > .fields.filter-1-1-1-1-1{
        grid-template-columns: 1fr 1fr;
    }

    .form-container .form-container-fields > .fields.filter-1-1-1-1-1 > div:last-child{
        grid-column: span 2;
    }

    .form-container .fields.filter-7-3{
        grid-template-columns: 1fr;
    }

    .form-container .fields.filter-6-4{
        grid-template-columns: 1fr;
    }

    .form-container .fields.filter-4-7{
        grid-template-columns: 1fr;
    }

    .form-container .fields .custom-input.checkbox-confirm{
        padding: 0px !important;
    }

    .form-container .fields .custom-input.infos{
        padding-top:24px;
        padding-bottom: 24px;
    }

    .form-container .fields .custom-input .info-block:not(:last-child){
        margin-bottom: 12px;
    }

    .form-container .fields .custom-input.submit{
        margin-top: 24px;
    }

    /*END FORM-CONTAINER*/
    .container,
    .wrap{
        max-width: 1100px;
    }

    .page .page-main .box-info.credit-offer .right-item{
        font-size: 1.3rem;
    }

    /*Editar Dados*/
    .section-painel .painel{
        flex-wrap: wrap;
    }
    .section-painel .painel .dados-pessoais-imoveis,
    .section-painel .painel .dicas{
        width: 100%;
    }

    .section-painel .painel .dicas,
    .section-painel .painel .dicas .dicas-item-header{
        text-align: center;
    }

    /*Página do Imóvel*/
    .page .page-main .page-view .box-left,
    .page .page-main .page-view .box-right{
        width: 50%;
    }

    .page .page-main .home-search-field .switch-map{
        margin-top: 18px !important;
    }

}

@media only screen and (max-width: 1100px){
    /**/
    h1,
    h2{
        font-size: 1.5rem;
        line-height: 1.8rem;
        margin: 12px 0px 18px 0px;
    }

    h1 span{
        display: initial !important;
    }

    /*SUB-MENU*/
    .page .page-header .header-content .sub-menu-btn{
        display: inline-block;
        order:10;
        margin-left: auto;
    }

    /*HEADER SUPERIOR*/
    .page .page-header .header-content.superior{
        padding: 0px !important;
        border: none;
    }

    .page .page-header .header-content.superior .contact,
    .page .page-header .header-content.superior .login li.span{
        display: none;
    }

    .page .page-header .header-content.superior{
        padding-top: 6px;
        padding-bottom: 6px;
    }

    /*HEADER-CONTENT-NAV*/
    .page .page-header .header-content  .header-content-nav{
        display: none;
        position: absolute;
        top:100%;
        left: 0px;
        width: 100%;
        background: #B7DBDE;
        -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.25);
        padding:6px 12px;
        z-index: 10;
    }

    .page .page-header .header-content  .header-content-nav .menu-list li{
        display: inline-block;
        width:100%;
        margin: 0px;
        padding:6px 12px;
    }

    .page .page-header .header-content  .header-content-nav .menu-list li a{
        display: inline-block;
        width: 100%;
        padding: 12px 0px;
    }

    .page .page-header .header-content  .header-content-nav .menu-list li:not(:last-child){
        border-bottom: 1px solid  rgba(0,0,0,0.15);
    }

    .page .page-header .header-content  .header-content-nav .menu-list .item:not(:first-child){
        border-left: none;
    }

    /*Nav Menu*/
    .page .page-header .header-content  .nav-menu{
        display: flex;
        order:1;
        justify-content:flex-end;
    }

    .page .page-header .header-content  .nav-menu .menu-list{
        width:auto;
        margin: initial;
    }

    /*HEADER LOGO*/
    .page .page-header .header-content .logo img{
        width:180px;
    }

    /*Container*/
    .container,
    .wrap{
        max-width: 800px;
    }

    /*widts*/
    .width-20-margin,
    .width-25-margin{
        width:calc(50% - 24px)!important;
        max-width:calc(50% - 24px)!important;
    }

    .width-20,
    .width-25{
        width:50% !important;
        max-width:50% !important;
    }

    /*Carousel-item*/
    .page .page-main  .carousel .carousel-items .carousel-item{
        position: relative;
        width: calc(50% - 24px);
        min-width:  calc(50% - 24px);
    }

    .page .page-main .box-info .right-item,
    .page .page-main .box-info .left-item{
        max-width: 100%;
        padding:24px 12px;
        text-align: center;
    }

    /*Carousel Imóvel*/
    .page .page-main .page-view.imovel .carousel .carousel-items{
        height: 380px;
    }

    /*PAGE-FILTER-ADVANCED*/
    .page-main.page-search-advanced .section-content{
        flex-wrap: wrap;
    }

    .page-main.page-search-advanced .box-left.is-map,
    .page-main.page-search-advanced .box-right{
        order:1;
        width:100%;
    }

    .page-main.page-search-advanced .is-map .box-right,
    .page-main.page-search-advanced .is-map .box-left{
        padding-right: 0px;
        padding-left: 0px;
    }

    .page-main.page-search-advanced .box-right{
        order:0;
    }

    /*Fields*/
    .form-container .form-container-fields .fields.filter-1-1.readjust{
        grid-template-columns: 1.5fr 0.75fr;
        align-items: flex-start;
    }

    .form-container .form-container-fields .fields.filter-1-1.readjust .last-item{
        order: 10;
        margin-top: 18px;
        text-align: right;
    }

    /*Painel*/
    .page .page-main .page-content .search-advanced.results{
        margin-top: 48px;
    }

    .page .page-main .search-advanced.results .results-header{
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .page-main  .navbar-search{
        max-width: 100%;
        width: 100%;
        order:1;
    }

    .page-main .nav-links{
        max-width:100%;
        margin: 24px 0px;
        order:4;
    }

    /*Página do Imóvel*/
    .page .page-main .page-view.imovel .carousel{
        margin-bottom: 0px;
    }

    .page .page-main .page-view.imovel .carousel .carousel-items{
        height: 400px;
    }

    .page .page-main .page-view .box-left,
    .page .page-main .page-view .box-right{
        width: 100%;
        border: 0px;
        padding:12px 48px;
    }

    .page .page-main .page-view .box-right{
        padding-top: 24px;
    }

    .page .page-main .box-info.credit-offer h2{
        font-size: 2.7rem;
        line-height:2.8rem;
    }

    .page-main.page-search-advanced .section-content{
        flex-wrap: wrap;
    }

    .page-main.page-search-advanced .section-content .box-left,
    .page-main.page-search-advanced .section-content .box-right{
        width:100%;
        order: 1;
    }

    .page-main.page-search-advanced .is-map .box-left{
        max-height: initial;
        height: auto;
    }

    .page-main.page-search-advanced .is-map .box-left{
        overflow-y: visible;
    }

    .page-main.page-search-advanced .section-content .box-right{
        order:  0;
    }

    /*Announce Credit*/
    .page .page-main .box-info.credit-offer .left-item{
        width:260px;
        padding-right: 0px;
    }

    .page .page-main .box-info.credit-offer .right-item{
        flex:1 1 0;
    }

    /*Página cadastro Imóvel*/
    .page .page-main .page-view.cadastro  .carousel .carousel-items .carousel-item{
        width:33.333%;
        min-width: 33.333%;
    }

    /*Footer*/
    .page .page-footer .widget.details,
    .page .page-footer .widget{
        width: calc(33.33% - 24px);
        max-width: calc(33.33% - 24px);
        margin: 12px;
    }
}

@media only screen and (max-width: 900px){
    .page{
        font-size: 1rem;
    }

    .page .page-main .home-search-field .search-field,
    .container,
    .page .page-header .wrap{
        padding:12px;
    }

    .page .page-main .home-search-field .search-field .search-field-form::before{
        padding: 0px;
        top:0px;
        left: 0px;
    }

    /*fields*/
    .form-container .fields{
        width:100%;
    }

    .form-container .form-container-fields .fields .fields.filter-1-1:not(.same-line),
    .form-container .form-container-fields .fields.filter-1-1-fixed:not(.same-line){
        grid-template-columns: 1fr;
    }

    .form-container .fields.filter-2-1{
        grid-template-columns: auto;
    }

    .form-container .form-container-fields .fields.filter-1-1-1-1:not(.same-line),
    .form-container .form-container-fields .fields.fields.filter-1-1-1:not(.same-line){
        grid-template-columns: 1fr 1fr;
    }

    .form-container .fields.filter-1-2{
        grid-template-columns: 1fr;
    }

    .form-container .form-container-fields > .fields .fields.filter-1-1-1:not(.same-line) > div:last-child{
        grid-column: span 2;
    }

    .form-container .fields .custom-input.submit button{
        width: 100%;
        max-width: 100%;
    }

    /*widts*/
    .width-20-margin,
    .width-25-margin,
    .width-50-margin{
        width:calc(50% - 24px)!important;
        max-width:calc(50% - 24px)!important;
        margin: 0px 12px;
    }
    .width-20,
    .width-25,
    .width-50{
        width:50% !important;
        max-width:50% !important;
    }

    /*Search-Field-Form*/
    .page .page-main .home-search-field{
        background-size: cover;
    }

    .page .page-main .home-search-field .search-field .search-field-form{
        padding: 0px;
    }

    /*Footer*/
    .page .page-footer .social-media{
        text-align: center;
    }
    .page .page-footer .copyright{
        text-align: center;
    }
    .page .page-footer .copyright img{
        margin: 12px auto;
    }

    /*Carousel-item*/
    .page .page-main  .carousel .carousel-items .carousel-item{
        position: relative;
        width: calc(50% - 12px);
        margin: 24px 6px;
        min-width: calc(50% - 12px);
    }

    /*Planos*/
    .page .page-main .planos .list-items{
        justify-content: space-around;
    }

    .page .page-main .planos .list-items .plano{
        width: calc(100% - 24px);
        margin: 0px 12px 24px 12px;
        max-width: 400px;
    }

    /*Editar Dados*/
    .section-painel .painel .dados-pessoais-imoveis .section{
        flex-wrap: wrap;
    }
    .section-painel .painel .dados-pessoais-imoveis .info,
    .section-painel .painel .dados-pessoais-imoveis .buttons,
    .section-painel .painel .dados-pessoais-imoveis .box-buttons{
        text-align: center;
        width:100%;
    }

    .section-painel .painel .dados-pessoais-imoveis .box-buttons{
        max-width: 320px;
        margin: 0px auto;
    }

    /*Window Pop-up*/
    .window .pop-up{
        padding: 48px 12px;
    }

    .window .pop-up .fields.checkboxes label{
        padding: 12px 0px;
    }

    .page .page-main .box-info h2{
        font-size: 3rem;
        line-height: 2.47rem;
    }

    .page .page-main .box-info.credit-offer h2{
        font-size: 2.8rem;
        line-height:2.9rem;
    }

    .page .page-main .box-info.credit-offer .right-item p{
        font-size:1.15rem;
        line-height: 1.25rem;
    }

    .form-container .fields .custom-input .mini-switch{
        align-items: stretch;
    }
    .mini-switch .radio-item{
        align-items: center;
    }

    /*Footer*/
    .page .page-footer{
        padding-left:0px;
        padding-right: 0px;
    }

    .page .page-footer .social-media{
        padding: 0px;
        margin-top: 12px;
        margin-left: auto;
        margin-right: auto;
    }

    .page .page-footer .copyright,
    .page .page-footer .social-media{
        width: 100%;
    }

    .page .page-footer .copyright p{
        text-align: center;
    }

    /*slider*/
    .slider-filter .slider-range{
        display: none;
    }

    /*Page View*/
    .page .page-main .page-view.imovel .carousel .carousel-items .carousel-item{
        width:100% !important;
        flex:0 0 100% !important;
        height: 100% !important;
        max-width: 100% !important;
    }

    /*Página cadastro Imóvel*/
    .page .page-main .page-view.cadastro  .carousel .carousel-items .carousel-item{
        width:50%;
        min-width: 50%;
        height: 190px;
        padding: 0px;
    }

    /*Footer*/
    .page .page-footer .widget.details,
    .page .page-footer .widget{
        width: calc(50% - 24px);
        max-width: calc(50% - 24px);
        margin: 12px;
    }

}

@media only screen and (max-width:760px){
    /*Announce Credit*/
    .page .page-main .box-info.credit-offer .left-item{
        width:227px;
    }

    /*Carousel*/
    .page .page-main .carousel .carousel-items .carousel-item .carousel-item-features li{
        padding-left:3px;
        padding-right: 3px;
    }

    .page .page-main .carousel .carousel-items .carousel-item .carousel-item-features li i{
        font-size: 18px;
        padding: 0px 3px;
    }
    /*Carousel Imóvel*/
    .page .page-main .page-view.imovel .carousel .carousel-items{
        height: 300px;
    }

    /*PAGE HEADER*/
    .page .page-header .header-content .sub-menu-btn{
        margin-left: auto;
    }
    /*Nav Menu*/
    .page .page-header .header-content  .nav-menu{
        width:100%;
        order:100;
        margin-top: 24px;
    }

    /*Fields*/
    .form-container .form-container-fields .fields.filter-1-1.readjust{
        grid-template-columns: 1fr;

    }

    /*Footer*/
    .page .page-footer .widget.details,
    .page .page-footer .widget{
        width: 100%;
        max-width: 100%;
        margin-top:12px;
        margin-bottom: 12px;;
    }

    .page .page-footer .copyright{
        align-items: center;
    }
}

@media only screen and (max-width: 725px){
    .page{
        font-size: 14px;
    }

    .container,
    .wrap{
        max-width: 580px;
    }

    /*widts*/
    .width-20-margin,
    .width-25-margin,
    .width-50-margin{
        width:calc(100% - 24px)!important;
        max-width:calc(100% - 24px)!important;
        margin: 0px 12px;
    }
    .width-20,
    .width-25,
    .width-50{
        width:100% !important;
        max-width:100% !important;
    }

    /*Search-Form*/
    .page .page-main .home-search-field .search-field .search-field-form form{
        padding: 24px;
    }

    /*fields*/
    .form-container .form-container-fields .fields .fields.filter-1-1-1:not(.same-line),
    .form-container .form-container-fields .fields .fields.filter-1-1-1-1:not(.same-line),
    .form-container .form-container-fields .fields.filter-1-1-1-1-1{
        grid-template-columns: 1fr;
    }

    .form-container .form-container-fields > .fields.filter-1-1-1-1-1 > div:last-child,
    .form-container .form-container-fields > .fields .fields.filter-1-1-1:not(.same-line) > div:last-child{
        grid-column: span 1;
    }

    /*Carousel-item*/
    .page .page-main .page-view.imovel .carousel .tag{
        left:-2px;
        width: 34px;
    }

    .page-main .page-view.imovel .carousel .carousel-menu-left,
    .page-main .page-view.imovel .carousel .carousel-menu-right{
        padding: 16px !important;
    }

    .page .page-main  .carousel .carousel-items {
        padding: 0px;
    }

    .page-main .carousel .carousel-menu-left,
    .page-main .carousel .carousel-menu-right{
        padding: 6px !important;
    }

    /*Page View*/
    .page .page-main .page-view .box-left,
    .page .page-main .page-view .box-right,
    .page .page-main .page-view .box-details{
        padding: 12px 0px;
    }

    .page .page-main .page-view .box-details{
        margin-top: 12px;
        border: 0px;
    }

    .page .page-main .page-view .box-details .box-item,
    .page .page-main .page-view .box-item{
        width:100% !important;
        max-width: 100% !important;
        padding:6px 0px;
        margin-left:0px;
        margin-right: 0px;
    }

    /*Editar Dados*/
    .section-painel .painel .dicas,
    .section-painel .painel .dados-pessoais-imoveis,
    .section-painel .painel .dados-pessoais-imoveis .info,
    .section-painel .painel .dados-pessoais-imoveis .buttons,
    .section-painel .painel .dados-pessoais-imoveis .box-buttons{
        padding-left: 0px;
        padding-right: 0px;
    }

    /*announce*/
    .page .page-main .announce .items{
        flex-wrap: wrap;
        padding: 24px;
        justify-content: center;
        text-align: center;
    }
    .page .page-main .announce .left-item,
    .page .page-main .announce .right-item{
        padding: 12px 24px;
        max-width: 100%;
        justify-content: center;
    }

    .page .page-main .announce .right-item{
        border-top: 2px solid;
        border-left:none;
    }

    /*Window Pop-up*/
    .window .pop-up .pop-up-content .checkboxes,
    .window .pop-up .pop-up-content .buttons{
        flex-wrap: wrap;
    }

    .window .pop-up .pop-up-content .checkboxes label,
    .window .pop-up .pop-up-content .checkboxes input[type="checkbox"],
    .window .pop-up .pop-up-content .buttons input[type="checkbox"],
    .window .pop-up .pop-up-content .buttons label{
        width:100% !important;
        max-width: 100% !important;
        margin: 6px 0px;
    }

    .page .page-main .box-info h2{
        font-size: 2.7rem;
        line-height: 2.17rem;
    }

    .page .page-main .box-info.credit-offer h2{
        font-size: 2.7rem;
        line-height:2.8rem;
    }

    /*Filtro Avancado*/
    .page-main.page-search-advanced .is-map .box-right,
    .page-main.page-search-advanced .is-map .box-left{
        padding-right: 0px;
        padding-left: 0px;
    }

    /*credit-offer*/
    .page .page-main .box-info.credit-offer,
    .page .page-main .box-info.credit-offer .left-item,
    .page .page-main .box-info.credit-offer .container{
        padding: 0px;
    }

    .page .page-main .box-info.credit-offer .left-item{
        position: relative;
        width:100%;
        text-align: center;
    }

    .page .page-main .box-info.credit-offer .right-item{
        display: flex;
        flex-direction: column;
        justify-items: center;
        position: absolute;
        width: 400px;
        height: 100%;
        padding:0px 12px;
        top:139px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        text-align: center;
        background: #f8f8f8;
    }

    .page .page-main .box-info.credit-offer .right-item h2{
        text-align: center;
        margin-top: 86px;
        font-size: 2.35rem;
    }

    .page .page-main .box-info.credit-offer .right-item p{
        font-size: 1.48rem;
        line-height: 1.58rem;
        margin-top: 12px;
        margin-bottom: 86px;
    }

    .page .page-main .box-info.credit-offer .left-item .image{
        width: 500px;
        max-width: initial;
    }
}

@media only screen and (max-width: 580px){
    .container,
    .wrap{
        max-width: 460px;
    }

    /*Carousel-item*/
    .page .page-main  .carousel .carousel-items .carousel-item{
        position: relative;
        width: calc(100% - 10px);
        margin: 24px 5px;
        min-width: calc(100% - 10px);
    }

    /*Buttons*/
    .page .page-main .page-view .box-right .buttons{
        align-items: stretch;
    }

    /*Credit offer*/
    .page .page-main .box-info.credit-offer .right-item{
        top:118px;
        width: 335px;
    }

    .page .page-main .box-info.credit-offer .right-item h2{
        margin-top: 72px;
        font-size: 1.95rem;
        line-height: 2.1rem;
    }

    .page .page-main .box-info.credit-offer .right-item p{
        font-size: 1.28rem;
        line-height: 1.38rem;
        margin-top: 20px;
        margin-bottom: 72px;
    }

    .page .page-main .box-info.credit-offer .left-item .image{
        width:420px;
    }

    /*Página cadastro Imóvel*/
    .page .page-main .page-view.cadastro  .carousel .carousel-items .carousel-item{
        width:100%;
        min-width: 100%;
        height: 220px;
    }

    /*Homer-Search-Field*/
    .page .page-main .home-search-field .search-field.container{
        padding-top: 36px;
        padding-bottom: 36px;
    }
}

@media only screen and (max-width: 460px){
    /*Credit offer*/
    .page .page-main .box-info.credit-offer .right-item{
        top:89px;
        width: 224px;
    }

    .page .page-main .box-info.credit-offer .left-item .image{
        width:280px;
    }

    .page .page-main .box-info.credit-offer .right-item h2{
        margin-top: 24px;
        font-size: 1.22rem;
        line-height: 1.32rem;
    }

    .page .page-main .box-info.credit-offer .right-item p{
        font-size: 0.82rem;
        line-height: 0.92rem;
        margin-top: 18px;
        margin-bottom: 22px;
    }


    .page .page-main .box-info.credit-offer .section-content{
        min-width: 280px;
    }
}