@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('AvenirNextLTPro-Demi.woff2') format('woff2'),
        url('AvenirNextLTPro-Demi.woff') format('woff'),
        url('AvenirNextLTPro-Demi.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('AvenirNextLTPro-Bold.woff') format('woff'),
        url('AvenirNextLTPro-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('AvenirNextLTPro-Regular.woff') format('woff'),
        url('AvenirNextLTPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('bebas-neue-book-webfont.woff2') format('woff2'),
         url('bebas-neue-book-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'Bebas Neue';
    src: url('BebasNeue-webfont.woff2') format('woff2'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
:root {
  --color-one: 64, 64, 65;
  --color-two: 143, 22, 43;
  --color-three: 252, 252, 252;
  --color-four: 230, 231, 232;
  --color-five: 128,130,133;
  --shadow-one: 0 1px 2px rgba(64,64,65,0.2);
  --shadow-two: 0 0px 2px rgba(64,64,65,0.2);
}
body{font-family:"Avenir Next LT Pro"}
body:not(.logged) .header-top .right-content{margin-top: 0}
body:not(.logged) .header-top .logo img{max-width: inherit; width:256px; margin-top: 5px}
body:not(.logged) .header-top.cadastro .logo img{margin-top: 2px}
body:not(.logged) .header-top .links li{border: 0}
body:not(.logged) .header-top .links a{background: rgba(var(--color-one),0.87);/*background: rgba(var(--color-one),0.87);*/ text-transform: none; border-radius: 18px; font-size: 18px; padding: 11px 20px; display: block}
body:not(.logged) .header-top .login .close-login{border-color: rgba(var(--color-one), 0.87); margin-top: 10px; padding: 2px}
body:not(.logged) .header-top .login .button,
body:not(.logged) .header-top .login input{background: rgba(var(--color-one), 0.87); border-radius: 18px; padding: 11px 20px; text-transform: none; border: none; color: #ffffff}
body:not(.logged) .header-top .login .button{background: rgb(var(--color-two)); font-weight: normal; font-size: 18px}
.banner-header .banner-text .content{padding-top: 5vh}
body:not(.logged) .banner-header .banner-text .title{font-size: 46px; color: rgba(var(--color-one),0.87); font-weight: 200; text-align: right; text-shadow: 0 0 3px rgba(var(--color-three),0.87); font-family:'Bebas Neue'; margin-right: 57px}
body:not(.logged) .banner-header .banner-text .title strong{font-weight: 400}
body:not(.logged) .banner-header{margin-bottom: 0}
body:not(.logged) .banner-header img{height: 100vh; display: block; -o-object-position: top; object-position: top}
body:not(.logged) .banner-bottom{bottom: 25px}
body:not(.logged) .banner-bottom .items li{background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; max-width: 304px}
body:not(.logged) .banner-bottom .items .header-box{background: none; padding: 0; position: static; text-align: left; font-weight: 600; font-size: 43px; width: auto; text-shadow: 0 0 4px rgba(var(--color-one),0.87); text-transform: none}
body:not(.logged) .banner-bottom .items .text{color: #ffffff; text-align: left; font-size: 18px; text-shadow: 0 0 3px rgba(var(--color-one),0.87)}
.header-top{background: none}
.header-top.no-top{background: rgba(255,255,255,0.4)}
.header-top.cadastro,
.select-item option,
.logged .header-top{background: rgb(var(--color-three))}
.header-top .left-content .form{margin-left: 35px}
.select-item option[selected=selected]{background:#e6e7e8}
.left-content .form label{color: rgb(var(--color-one)); font-size: 11px; font-weight: 500}
.select-item{margin-left: 0}
.select-item select,
.left-content .form .name{font-family: 'Bebas Neue'; color: rgb(var(--color-one)); font-weight: normal!important; font-size: 20px}
.header-top .user:before,
.select-item:before{background: url(../images/Arrow-left_02.svg) no-repeat center center; background-size: 12px}
.select-item:before{top: calc(50% - 5px)}
.header-top.cadastro,
.logged .header-top {padding: 12px 0; -webkit-box-shadow: var(--shadow-one); box-shadow: var(--shadow-one)}
.header-top.cadastro{height: auto; position: relative}
.header-top.cadastro .login{display: none}
.nav-content.cadastro{margin-top: 0}
.cadastro .contact .bloco{margin-top: 0}
.cadastro .contact .bloco .title{margin-top: 5px; display: inline-block}
.logged .header-top .left-content{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;max-width: 34%;}
.logged .header-top .nav-header{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2}
.logged .header-top .right-content{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3}
.nav-header{-webkit-box-shadow: none;box-shadow: none; margin: 0; background: none}
.nav-header .menu {margin: 0 60px}
.nav-header .menu a{color: rgba(var(--color-one), 0.87)}
.header-top :not(.notification) a{font-size: 18px; text-transform: none; font-weight: 500; text-shadow: none; padding: 0 0 0 5px}
.header-top .user span{text-transform: none; font-weight: 500}
.header-top .user span,
.header-top .user a{padding: 5px 20px;display: block;position: static;white-space: nowrap;font-size: 18px; color: rgba(var(--color-one), 0.87)}
.header-top :not(.notification) .submenu a{padding: 5px}
.header-top .user span{padding: 10px}
.nav-header .menu > li{border: none; margin: 0 17px; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto}
.nav-header .menu > li:last-child,
.nav-header .menu > li:first-child{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; text-align: center}
.nav-header .menu li.has-submenu > a:after{width: 12px; height: 7px; margin: 0 0 0 4px}
.nav-header .menu li.active > a {color: rgb(var(--color-two)); opacity: 1}
.header-top .user{margin-right: 0; display: inline-block; vertical-align: middle; margin: 0 13px; position: relative; padding-right: 16px}
.header-top .user:before{content: ''; position: absolute; right: 0; top: calc(50% - 7px); width: 12px; height: 14px; pointer-events: none}
.header-top .submenu:not(.not){background: rgb(var(--color-three)); -webkit-box-shadow: var(--shadow-one); box-shadow: var(--shadow-one); left: calc(50% - 85px); width: 100%; top: calc(100% + 31px); min-width: 170px; -webkit-box-sizing: border-box; box-sizing: border-box}
.header-top .submenu:not(.not):after{top: -33px}
.header-top .submenu:not(.not):before{display: none}
.header-top .user .submenu{display: none;position: absolute;top:calc(100% + 17px);right: -45px; left: inherit;list-style: none;width: 100%; z-index: 2}
.header-top .user .submenu li{text-align: center}
.header-top .user-image{margin-right: 0}
.header-top .user-image,
.header-top .user-image img{width: 45px; height: 45px}
.header-top .user p{color:rgba(var(--color-one),0.87); font-size: 17px; white-space: nowrap}
.header-top .user a{color:rgba(var(--color-one),0.87); text-decoration: none; display: block}
.header-top .notification{display: inline-block; vertical-align: middle; margin: 0 13px}
.header-top .notification .icon svg{width:25px; height:auto}
.header-top .notification .icon .numbers{background: rgb(var(--color-two)); font-weight: normal; top: 2px; right: -5px}
.notification .submenu{display: none; position: absolute; right: 0; top:calc(100% + 21px); background: rgb(var(--color-three)); -webkit-box-shadow: var(--shadow-one); box-shadow: var(--shadow-one)}
.notification .submenu a{display: block; color: rgb(var(--color-one)); opacity: 0.87; text-decoration: none; position: relative}
.header-top .notification .submenu li {color: rgb(var(--color-one))}
.header-top .notification .submenu li.description{text-align: center; color: rgba(var(--color-one),0.87)}
.header-top .notification .submenu li.description strong{font-weight: 500}
.header-top .left-content .form label:last-child,
.header-top .left-content .form label:first-child{font-size: 13px; opacity: 0.73}
.infos-empreendimento .col:last-child{max-width: 600px; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto}
.payment-panel{background: none; padding: 0; margin-bottom: 20px}
.payment-panel .title{padding-left: 0; font-weight: normal; text-transform: none; font-size: 28px}
.payment-panel .title:after{top: 20px; right: 10px}
.payment-panel .flex-box{width:100%; margin-left: -10px}
.progress-pannel .two-itens .tem-data .date{top: 0}
.nav-content .progress-bar,
.progress-pannel .card,
.payment-panel .card{border-radius: 10px; overflow: hidden; -webkit-box-shadow: var(--shadow-one); box-shadow: var(--shadow-one)}
.nav-content .progress-bar{overflow: visible; height: 24px; margin-top: 3px}
.nav-content .extrato-financeiro .progress-bar{margin-top: 7px}
.nav-content .contruction-status p + p{margin-top: 3px; font-size: 20px}
.nav-content .progress-bar .progress{border-radius: 10px}
.nav-content .infos-empreendimento .card header,
.progress-pannel .card header,
.payment-panel .card header{background: rgb(var(--color-four)); color: rgb(var(--color-one)); text-transform: none; font-size: 18px; padding: 8px 0; font-weight: 500}
.progress-pannel a.card header{padding: 8px 0}
.nav-content .card .number{font-weight: normal; color:var(--color-one); font-family: 'Bebas Neue'; color: rgb(var(--color-one)); font-size: 70px}
.progress-pannel .card .day,
.payment-panel .card .day{font:100px/100px 'Bebas Neue'}
.progress-pannel .card .day{font-size: 120px; margin-top: 40px}
.progress-pannel .three-itens .tem-data .date{top: 0}
.progress-pannel .three-itens .card .day{font-size: 93px; line-height: 76px; margin-top: 10px; top: 0}
.progress-pannel .three-itens .card .month{margin: 0; font-size: 18px}
.payment-panel .card th{font-weight: normal; padding: 19px 0 4px}
.payment-panel .card td{font: 14px "Avenir Next LT Pro"; padding: 4px 0}
.nav-content .download-table .download-icon,
.payment-panel .card .download-icon{background-image: url(../images/download_2.svg)}
.nav-content .button.download{background-image: url(../images/download_2_white.svg)}
.progress-pannel .image{border-radius: 10px; overflow: hidden}
.payment-panel .card .download-icon{width: 20px; height: 20px}
.progress-pannel .image a span{border-radius: 20px; text-transform: none; font-size: 20px; padding: 9px 18px}
.progress-pannel .cards{min-width:220px}
.contact .big-icons li svg{display: block;max-width: 56px;max-height: 56px;width: auto;height:auto;}
.dashboard .status{-webkit-box-shadow: var(--shadow-one);box-shadow: var(--shadow-one); border-radius: 10px; overflow: hidden}
.solicitations-list.interna .box-comentario .col:first-child .file{font-size: 14px; padding: 5px 10px}
.solicitations-list.interna .box-comentario .col:last-child .button{font-size: 15px}
.dashboard .status header{background: rgb(var(--color-four)); padding: 19px 18px}
.dashboard .status header p{font-size: 14px; line-height: normal}
.timeline-overflow .timeline li{padding-top:20px; padding-bottom: 20px}
.timeline-overflow .timeline .title{font:normal 22px 'Bebas Neue'}
.timeline-overflow .timeline li.passada .title{font-size: 17px}
.timeline-overflow .timeline p{font-size: 14px}
.timeline-overflow .timeline li:after {top: 19px}
.timeline-overflow .timeline li.plaenge:after, 
.plaenge:before{background-image: url(../images/vanguard_logo.svg)}
.timeline-overflow .timeline li.voce:after, 
.voce:before{background-image: url(../images/voce2.svg)}

.dashboard .status .button{background: rgba(var(--color-one),0.87); font-weight: normal; text-transform: none; min-width: 166px; padding: 11px; border-radius: 18px; font-size: 20px}

.share-friends{background: rgb(var(--color-four))}
.share-friends p{color: rgb(var(--color-one)); margin: 0; text-align: left}
.share-friends .title{font-size: 35px; margin-bottom: 5px}
.share-friends .button{font-weight: normal; text-transform: none; border-radius: 18px; background: rgb(var(--color-two)); font-size: 20px; padding: 10px 18px}

.banner-slide .banner{background: none; padding: 0; margin: 0 100px 0 0; max-width: 574px}
.banner-slide .banner .image{position: relative; top: 0; left: 0; z-index: 1; margin-right: -20px}
.diary-empty .app-box,
.banner-slide .banner .banner-content{background: rgba(var(--color-four),0.3); -webkit-box-shadow: var(--shadow-two); box-shadow: var(--shadow-two); border-radius: 18px; padding: 17px 42px}
.diary-empty .app-box p,
.banner-slide .banner p{font-size: 18px; line-height: 30px; color: rgb(var(--color-one))}
.diary-empty .app-box span,
.banner-slide .banner p span{font-size: 28px; color: rgb(var(--color-two));font-weight: 500;}
.banner-slide .banner .links{margin-top: 27px}
.banner-slide .links li{margin-right: 9px}
.diary-empty .links img,
.banner-slide .links img{max-width: 135px}

.banner-slide .flex-item .title-section{font-weight: normal; text-transform: none; font-size: 35px}
.thumbs.slides > li{padding: 2px}
.nav-content .card,
.timeline-content header,
.thumbs.slides > li .image-box{border-radius: 18px; overflow: hidden; -webkit-box-shadow: var(--shadow-one); box-shadow: var(--shadow-one)}
.nav-content .card{-ms-flex-preferred-size: 184px;flex-basis: 184px}
.image-box > .text p{color: rgba(var(--color-one),0.54); text-transform: uppercase; font-size: 12px}
.banner-slide .links li{-ms-flex-preferred-size: auto;flex-basis: auto}
.image-box > .text{padding: 18px}
.image-box > .text .title{color: rgba(var(--color-one),0.87); text-transform: none; margin-bottom: 4px}
.image-box > .text .title:after{display: none}
.image-box > .text .subtitle{color: rgba(var(--color-one),0.87); font-weight: normal; font-size: 18px; margin-bottom: 3px}
.image-box .details li{margin-top: 18px}
.image-box .details img{display: block; height: 24px; width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; margin-right: 7px}
.image-box .details span{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.image-box > .text .button{margin:-38px 0 0 auto; display: table; background: rgba(var(--color-one),0.87); text-transform: none; border-radius: 18px; padding: 0 10px}
.main-footer{background: none; -webkit-box-shadow: 0 -1px 2px rgba(var(--color-one),0.2); box-shadow: 0 -1px 2px rgba(var(--color-one),0.2); padding: 15px 0}
.timeline-content .timeline-overflow .timeline p,
.calendar .ui-datepicker .ui-datepicker-title,
.calendar .ui-datepicker .ui-datepicker-prev, 
.calendar .ui-datepicker .ui-datepicker-next,
.status-content .hide-content p:not(.price),
.extrato-financeiro .status-content p span,
.solicitations-list li span.description,
.duvidas .table-content .collapse .text,
.solicitations-list .img-anexos tr td,
.status-content .progress-bar .label,
.nav-content .middle p:not(.title),
.header-top .login a:not(.button),
.solicitations-list .title-anexos,
.nav-content .select-item select,
.nav-content .download-table td,
.progress-bar .progress .value,
.header-article .title-article,
.calendar .ui-datepicker table,
.profile .profile-box textarea,
.profile .form label textarea,
.timeline-content .labels li,
.profile .profile-box input, 
.profile .profile-box .edit,
.table-content .collapse td,
.solicitation-form textarea,
.banner-bottom .items .text,
.profile .form label select,
.profile .form label input,
.table-content .topic .col,
.solicitation-list .date p,
.nav-content header .title,
.profile .form label span,
.solicitation-list .title,
.header-top .login input,
.contact .big-icons li a,
.solicitation-form label,
.nav-content label span,
.slider-obra figcaption,
.contact .form textarea, 
.status-content p span,
.diary-empty .message,
.nav-content header p,
.contact .form input,
.calendar .ui-widget,
.diary p:not(.title),
.non-solicitations p,
.nav-content nav a,
.header-article p,
.contact .form p,
.navigation li a,
.download-list a,
.history .text *,
.contact .title, 
.profile .title,
.history .text,
.diary .title,
.rate p{font-family: 'Avenir Next LT Pro'!important; text-transform: none; color: rgba(var(--color-one),0.87); letter-spacing: normal; font-weight: normal}
.nav-content .button,
.share-friends .button,
.dashboard .status .button,
.progress-pannel .image a span,
.cadastro .form .buttons .button,
.nav-content .select-item select,
.nav-content .nav-buttons .button,
.solicitation-list .inner-collapse .button,
.solicitations-list.interna .box-comentario .col:last-child .button{font-size: 18px; padding: 8px 18px}
.nav-content .select-item select{padding: 8px 62px 8px 18px}
.solicitation-list .inner-collapse .button { width: auto; display: inline-block; max-width: inherit; min-width: 216px}
.nav-content .button{background: rgb(var(--color-five))}
.select-duvidas{margin-top: 10px}
.history li{border-radius: 10px}
.solicitation-list .fade-toggle{white-space: nowrap}
.header-top .login a:not(.button),
.header-article .title-article,
.nav-content header .title,
.solicitation-list .title,
.contact .title,
.diary .title{font-weight: 500}
.olho{height: 1.9em}
.olho.ativo{background-image: url('../images/H9Sb2-line_dark.png')}
.header-top .links-acesso{color: rgb(var(--color-one)); margin-top: 1px}
.header-top .links-acesso a + a{border-left: 1px solid rgb(var(--color-one))}
.header-article p{margin: 2px 0}
.hasDatepicker{margin-top: 63px}
.table-content .collapse .text,
.table-content .collapse .text *{font-size: 18px;text-align: left;}
.solicitations-list.interna li span{font-size: 17px}
.slider-obra figcaption{color: #ffffff}
.nav-content .middle .title:not(.endereco){font-family: 'Bebas Neue'; font-size: 35px; font-weight: normal; color: rgb(var(--color-one)); margin-bottom: 10px}
.nav-content .address{margin-top: 3px}
.nav-content nav li.active a,
.calendar .ui-datepicker th{color: rgb(var(--color-two))}
.nav-content nav li.active a,
.date-label .available-date span,
.calendar .ui-datepicker td.event:before{border-color: rgb(var(--color-two))}
.header-top .notification .submenu a:not(.remove):not(.lida):before,
.options input:checked + .button{background-color: rgb(var(--color-two))}
.options input:checked + .button{color: #ffffff;border-color: rgb(var(--color-two))}
.diary .button{padding: 5px 13px; font-size: 19px}
.nav-content .button,
.diary .button{border-radius: 18px; font-weight: normal; text-transform: none}
.solicitation-list .inner-collapse .button,
.nav-content .button.download,
.nav-content .form .button,
.download-list a .category,
.nav-content .button.more,
.nav-content .card header{text-transform: none}
.download-list a .category{text-transform: uppercase; font-size: 16px}
.nav-content .button.download{font-size: 20px!important; display: table; width: auto; padding-right: 20px}
.calendar .ui-datepicker .ui-datepicker-header{margin-bottom: 0.2em}
.calendar .ui-datepicker-current-day::before{width: 34px; height: 34px; top: calc(50% - 16px); left: calc(50% - 17px)}

.nav-content .select-item option,
.nav-content .select-item{background: rgb(var(--color-four))}
.diary .button,
.nav-content .button.type-2{background: rgb(var(--color-one))}
.diary .button{display: table; margin-bottom: 10px; font-size: 18px; padding: 8px 18px}
.nav-content .progress-bar .progress{background: rgb(var(--color-two))}
.nav-content .download-table tr,
.contact .big-icons li a,
.download-list a{border-radius: 18px; -webkit-box-shadow: var(--shadow-one); box-shadow: var(--shadow-one)}
.big-icons li:first-child path{fill:rgba(var(--color-one),0.87); stroke:rgba(var(--color-one),0.87)}
.big-icons li:last-child path{fill:rgba(var(--color-one),0.87)}
.cadastro .form .select-item select,
.solicitation-form textarea,
.nav-content .select-item,
.contact .form textarea, 
.table-content .topic,
.contact .form input{border-radius: 18px; outline: none; font-weight: 500}
.nav-content nav a{font-size: 18px}
.slider-obra figcaption,
.timeline-content .timeline .type-2 .title{font-weight: normal}
.timeline-overflow .timeline .voce p, 
.timeline-content .labels li.voce,
.app-section p span{color: rgb(var(--color-two))}
.timeline-content .labels li{font-family: 'Bebas Neue'!important}
.progress-bar .progress .value{color: #96d0d6; mix-blend-mode: luminosity; padding: 0 9px}
.download-list{margin: 10px 0}
.timeline-content .timeline-overflow .timeline p.title{font-family: 'Bebas Neue'!important; font-weight: normal; font-size: 23px}
.timeline-content .timeline-overflow .timeline .active p.title{font-family: 'Bebas Neue'!important; font-weight: normal; font-size: 28px}
.contruction-status .tower{text-align: center; top: -8px}
.slider-obra figcaption{width: 180px; left: calc(50% - 90px); border-top-left-radius: 10px; border-top-right-radius: 10px}
.app-section{background: rgba(var(--color-four),0.3); -webkit-box-shadow: var(--shadow-two); box-shadow: var(--shadow-two); display: none}
.app-section .image{max-width: 112px}
.hasDatepicker .ui-datepicker td{padding: 3px}
.header-top .notification .submenu .description,
.solicitation-list a.anterior,
.solicitations-list .btVoltar,
.solicitation-list a.proximo,
.progress-pannel .card .day,
.app-section p{color: rgb(var(--color-one))}
.contruction-status .col:first-child::after,
.contruction-status .col:last-child::before{background-color: rgb(var(--color-two))}
.diary .month{top: -2px}
.nav-content .select-item select{text-transform: none}
.nav-content .middle .title{color: rgb(var(--color-one))}
.solicitations-list li a.act{background: #eeeeee; color: rgb(var(--color-one))}
.solicitations-list li{margin-bottom: 0}
.solicitation-list a.anterior::before,
.solicitations-list .btVoltar::before,
.solicitation-list a.proximo::after,
.solicitations-list li.act:after,
.solicitations-list li:after,
.profile .dropdown a{background: url(../images/Arrow-left_02.svg) no-repeat center center; background-size: 100%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.profile .dropdown.active a{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
.solicitations-list .btVoltar::before,
.solicitation-list a.anterior::before{-webkit-transform: rotate(90deg);transform: rotate(90deg)}
.solicitations-list li a{background: none;border-top: 1px solid #E6E7E8}
.solicitations-list li:last-child a{border-bottom: 1px solid #E6E7E8}
.solicitations-list li:hover + li a,
.solicitations-list li.act + li a{border-top: 0}
.solicitations-list li a:hover,
.solicitations-list li.act a{background: rgb(var(--color-five)); color: #ffffff; border-radius: 18px}
.solicitation-form textarea{margin-top: 10px}
.solicitations-list .btVoltar::before {top: 2px}
.header-top .notification .submenu{right: -165px; min-width: 352px}
.header-top .notification .submenu a:not(.remove):after{background-image: url(../images/Arrow-left_02.svg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}
.header-top .user .submenu li{position: relative}
.header-top .user .submenu li:first-child:after{content: ''; width: 95%; height: 1px; background: rgb(var(--color-one)); position: absolute; bottom: 0; left: 2.5%}
.table-content .topic .col{color: #ffffff}
.table-content .show-collapse:before, 
.table-content .show-collapse:after{background: #ffffff}
.nav-content.boletos .download-table tr:first-child td,
.table-content li:nth-child(even) .topic,
.solicitation-list li.aberto .topic{background: rgb(var(--color-five))}
.duvidas .table-content .topic.active,
.solicitation-list li.em-andamento .topic,
.extrato-financeiro.table-content .topic.active,
.table-content.extrato-financeiro li:nth-child(odd):not(:first-child) .topic.active{background: rgb(var(--color-two))}
.table-content.extrato-financeiro li:nth-child(odd):not(:first-child) .topic,
.duvidas .table-content .topic,
.solicitation-list li.encerrado .topic{background-color: rgb(var(--color-one))}/*concluido*/
.table-content.extrato-financeiro li:first-child .topic,
.solicitation-list li.Encerrado .topic{background-color: rgb(var(--color-four))}/*cancelado*/
.table-content.extrato-financeiro .accordion li:first-child .topic .col,
.solicitation-list li.Encerrado .topic .col{color: rgb(var(--color-one))}/*cancelado*/
.table-content li.Encerrado .show-collapse:before, 
.table-content li.Encerrado .show-collapse:after,
.table-content.extrato-financeiro li:first-child .show-collapse:before, 
.table-content.extrato-financeiro li:first-child .show-collapse:after{background: rgb(var(--color-one))}
.table-content.extrato-financeiro .collapse td:last-child,
.table-content.extrato-financeiro .topic .col:nth-last-child(2){text-transform:capitalize}
.nav-content .nav-buttons .button{max-width: 220px}
.solicitacoes .table-content .topic .col:nth-child(3){min-width: 250px}
.table-content div:not(.single-column) .topic .col:first-child{width: 220px;}
.nav-content .download-table td {font-size: 17px}
.table-content .topic .col strong{font-weight: 500}
.table-content.extrato-financeiro .topic .col:first-child{width: 259px; padding-left: 35px}
.contact .form .bloco:nth-child(3){top: 0; margin-top: 0}
.cadastro .form .phone-number input.ddd{width: 15%}
.profile .profile-box input, 
.profile .profile-box textarea{font-weight: 500}
.profile .photo .profile-image{width: 80px; height: 80px}
.profile .photo .camera-button input,
.profile .photo .camera-button{cursor: pointer}

.timeline-status p{font-family: 'Bebas Neue'!important; font-size: 18px; color: rgb(var(--color-five))}
.timeline-status .active p{font-weight: 500; color: rgb(var(--color-two))}
.status-content .progress-bar .value{line-height: 25px}

.contruction-status .col{padding: 20px 28px}
.timeline-status{margin-bottom: 26px; margin-top: 0}
.header-article p strong,
.nav-content label span{font-weight: 500}
.minha-agenda .diary .day{font-family: 'Bebas Neue'; font-size: 55px}

.progress-pannel .three-itens .card .prox-visita img{margin-top: 33px}

::-webkit-input-placeholder {font-weight:normal}

:-ms-input-placeholder {font-weight:normal}

::placeholder {font-weight:normal}
.slider-obra .slides li figure img,
.nav-content .image-column img{border-radius: 18px}
@media only screen and (min-width: 769px){
	.header-top .user:hover .submenu{display: block}
	.nav-header .has-submenu > a:hover:after{background-image: url(../images/Arrow-left_02_red.svg)}
    .nav-content nav li a:hover,
    .notification .submenu a:hover,
	.header-top ul:not(.submenu) > li a:hover{color: rgb(var(--color-two)); opacity: 1}
	.header-top .submenu:not(.not) a:not(.remove):hover{background: rgb(var(--color-one))}
	.header-top .user .submenu a:hover{color: #ffffff}
	.header-top .user-image:before,
	.header-top .notification .icon > a:before{content: ''; display: block; position: absolute; width: 100%; opacity: 0}
	.header-top .notification .icon > a:before{min-width: 352px; right: -165px}
	.header-top .user-image:before{min-width: 170px; left: inherit; right: -45px}
    .nav-header ul:not(.submenu) > li.active > a:before,
    .header-top .notification .icon > a:hover:before,
    .header-top .user-image:hover:before,
    .nav-header ul:not(.submenu) > li > a:hover:before{background: rgb(var(--color-two)); top:calc(100% + 14px); height: 2px; border-radius: 1px; opacity: 1}
	.header-top .notification .icon > a:hover:before{top: calc(100% + 18px)}
    .nav-header .submenu a:hover:before{background: rgb(var(--color-two)); width: 2px; opacity: 1}
    .header-top .notification:hover .submenu{display: block; z-index: 2}
    .header-top .user:hover:after,
    .header-top .notification:hover:after{content: ''; position: absolute; top: calc(100% - 5px); left: -40px; width: 100%; height: 100%}
    .header-top .user:hover:after{width: calc(100% + 40px);left: -15px;top: calc(100% + -2px)}
    .contact .big-icons li a:hover,
    .progress-pannel a.card:hover,
    .download-list a:hover{-webkit-box-shadow: inset var(--shadow-one);box-shadow: inset var(--shadow-one)}
    body:not(.logged) .header-top .links a:hover,
    .nav-content .button.type-2:hover,
    .image-box > .text .button:hover,
    .dashboard .status .button:hover,
    .dashboard .status .button:hover,
    .image-box > .text .button:hover,
    .share-friends .button:hover,
    .nav-content .button:hover{background-color: rgb(var(--color-two))}
	body:not(.logged) .header-top .links a:hover{color: #ffffff}
    .nav-content nav li a:hover{border-color: rgb(var(--color-two))}
}
@media only screen and (max-width: 1920px) and (min-width: 769px){
    .nav-header ul:not(.submenu) > li.active > a:before,
    .nav-header ul:not(.submenu) > li > a:hover:before{top:calc(100% + 27px); left: 0; width: 100%}
    .nav-header ul:not(.submenu) li.has-submenu > a:hover:before{left: calc(50% - 85px); width: 100%; min-width: 170px}
	.solicitations-list li.act:after,
	.solicitations-list li:hover:after{background-image: url(../images/Arrow-left_white.svg);}
}
@media only screen and (max-width: 1920px){
    .banner-slide .flex-item .title-section,
    .share-friends .title,
    .payment-panel .title{font-size: 24px}
    .profile .form label input{font-size: 18px}
	.header-top .user span,
	.nav-header .menu .submenu a,
	.header-top :not(.notification) a{font-size: 15px}
}
@media only screen and (max-width: 1650px){
	.cadastro .logo{margin-top: 9px}
	.solicitations-list.interna li span{font-size: 16px}
	body:not(.logged) .banner-bottom{bottom: 0}
	.nav-header .menu{margin: 0 20px}
    body:not(.logged) .header-top .logo img{width: 209px; margin-top: 8px}
	body:not(.logged) .header-top.cadastro .logo img{margin-top: -3px}
    body:not(.logged) .banner-bottom .items .header-box{font-size: 38px}
    .header-top .left-content .form{margin-left: 20px}
    .header-top .notification,
    .nav-header .menu > li,
    .header-top .user{margin: 0 5px}
    .nav-header .menu li.has-submenu > a:after{margin-left: 5px}
	.progress-pannel .two-itens .tem-data .date{top: 0}
	.progress-pannel .cards{min-width: 180px}
	.progress-pannel .card .day{font-size: 100px; margin-top: 10px}
	.header-top .left-content .form label:last-child,
	.header-top .left-content .form label:first-child{font-size: 13px}
	.progress-pannel .card .month, 
	.progress-pannel .card header{font-size: 16px}
	.nav-header .menu > li,
	.nav-header .menu > li:last-child,
	.nav-header .menu > li:first-child{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto}
	.progress-pannel .three-itens .card .day{font-size: 64px; line-height: 55px}
	.progress-pannel .three-itens .card .month{font-size: 15px}
	.progress-pannel .three-itens .card .prox-visita img{margin-top: 23px}
}
@media only screen and (max-width: 1360px){
    .diary-empty .app-box p, 
    .banner-slide .banner p{font-size: 16px; line-height: normal}
    .diary-empty .app-box span, 
    .banner-slide .banner p span,
    body:not(.logged) .banner-bottom .items .text{font-size: 18px}
    .logged .header-top {padding-bottom: 0}
    .logged .header-top .content{-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
    .logged .header-top .nav-header{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; width: 100%; margin-top: 10px}
    .nav-header ul:not(.submenu) > li.active > a:before, 
    .nav-header ul:not(.submenu) > li > a:hover:before{top: calc(100% + 7px)}
    .header-top .submenu:not(.not){top: calc(100% + 9px)}
    .header-top .submenu:not(.not):after{top: -10px}
    .banner-slide .banner{max-width: 454px}
	.header-top .notification{margin-right: 65px}
}
@media only screen and (max-width: 1200px){
	.progress-pannel .three-itens .card .icon,
	.progress-pannel .three-itens .tem-data .date,
	.progress-pannel .three-itens .card .prox-visita img{margin: 30px auto}
	.progress-pannel .three-itens .card .day{margin-top: 0}
}
@media only screen and (max-width: 1024px){
    body:not(.logged) .header-top .links li{padding: 0 5px}
    body:not(.logged) .header-top .links a{font-size: 16px}
    .header-top .login .button{margin-top: 0}
    .banner-slide .banner{margin: 0 auto 30px}
    .banner-slide .banner .image{margin-right: -40px}
    .payment-panel .title:after{top: 7px}
	.solicitacoes .table-content .topic .col:nth-child(1),
	.solicitation-list .fade-toggle{white-space: normal}
}
@media only screen and (max-width: 768px){
	.header-top.cadastro{margin-bottom: 30px}
    body:not(.logged) .header-top {background: rgba(var(--color-three),0.85); padding: 10px 0}
    .menu-opened.login-opened .header-top .login,
    body:not(.logged) .header-top .right-content{top: 56px; background: rgba(var(--color-three),0.85)}
    body:not(.logged) .header-top .links a{background: none; color: rgb(var(--color-one))}
    body:not(.logged) .header-top .login .close-login{margin-top: 0}
    body:not(.logged) .header-top .login .button{margin-top: 20px}
    body:not(.logged) .banner-header:before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(var(--color-one), 0.5)}
    body:not(.logged) .banner-header .banner-text .title{color: #ffffff;text-shadow: none;max-width: 270px;margin-right: 7vw;}
	body:not(.logged):not(.menu-opened) .menu-button span:nth-child(2):before{border-radius: 10px;color: rgb(var(--color-one));border-color: rgb(var(--color-one));padding: 4px 10px;margin-top: 7px}
    .logged .header-top{padding-bottom: 14px}
	.logged .header-top .content{padding-right: 60px}
    .menu-button{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3}
    .menu-button span, 
    .menu-button span:after,
    .menu-button span:before{background: rgb(var(--color-two)); -webkit-box-shadow: none; box-shadow: none}
    .menu-opened .nav-header,
    .login-opened .header-top .login{background: rgba(var(--color-four),1)}
    .menu-opened .header-top .left-content .form{margin-left:0}
    .nav-header .menu{margin:0}
    .logged .header-top .nav-header{margin-top: 0; width:90%}
    .header-top .notification .icon{position: relative; top: 0; left: 0; z-index: 1}
    .menu-opened .header-top .notification .icon{position:relative}
    .header-top .notification .hide{display: none}
    .header-top .user{float: right; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1}
    .nav-header .menu a{font-size: 20px; padding: 10px 0}
	.header-top :not(.notification) .submenu a{padding: 10px 0}
    .header-top .right-content .submenu{min-width: calc(100vw - 50px)}
    .notification{text-transform: none;}
    .header-top .notification{margin:0 3vw; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}
    .logged .header-top .right-content{position:static;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-items: right;}
    .header-top .right-content .user .submenu{position: fixed;width: 95%;left: 2.5%;top: 74px;}
    .header-top .right-content .user .submenu:before{right: 11px}
    .logged .menu-button{position:absolute; right:15px; top:28px; margin:0}
    .banner-slide .banner .image{margin: 0 auto -20px}
    .banner-slide .banner .banner-content{padding-top: 30px}
    .diary-empty .app-box p, 
    .banner-slide .banner p{text-align: center}
    .banner-slide .banner .links{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
	.table-content.extrato-financeiro .topic .col:first-child{width: 159px; padding-left: 5px}
	.solicitacoes .table-content .topic .col:first-child{width: 70px}
	.solicitacoes .table-content .topic .col:nth-child(3){min-width: 117px}
	.table-content .single-column.duvidas .col{font-size: 14px}
	.table-content .single-column.duvidas .topic .col:first-child{width: auto; padding: 8px 40px 8px 8px}
	.table-content .single-column.duvidas .col:last-child{padding: 0}
	.download-list a .name{font-size: 18px}
	.progress-pannel .image a span{font-size: 16px}
	.download-list a .date,
	.download-list a .category{font-size: 14px}
	.table-content .single-column .topic .col{font-size: 12px; line-height: 17px}
	.solicitation-list .inner-collapse .button{display: block}
	body:not(.logged) .banner-bottom{display:none}
	.header-top .links-acesso,
	.olho{margin-right: 0}
	.share-friends .content .icon{margin-right: 10px}
	.nav-content .middle .title:not(.endereco){font-size: 28px}
	.nav-content .card{-ms-flex-preferred-size: auto;flex-basis: auto}
	.timeline-content .labels li{font-size: 20px}
	.timeline-status li.active:before{width: 20px;height: 20px;top: 1px;left: calc(50% - 10px);}
	.table-content.extrato-financeiro .accordion li:first-child .topic .col{text-align: center}
}
@media only screen and (max-width: 570px){
    body:not(.logged) .banner-header .banner-text .title{font-size: 35px;max-width: 200px;}
    body:not(.logged) .banner-bottom .items .header-box{font-size: 25px}
    .diary-empty .app-box{padding: 20px}
    .diary-empty .links li{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto}
	.table-content.extrato-financeiro .topic .col:first-child{width: 99px}
	.nav-content ul li{margin: 0}
	.menu-opened .nav-header{max-height: calc(100vh - 205px)}
	.solicitations-list li.act:after{-webkit-transform: rotate(90deg);transform: rotate(90deg)}
}
@media only screen and (max-width: 425px){
    .payment-panel .title,
    .image-box > .text .title{font-size: 19px}
    .image-box > .text .subtitle{font-size: 16px}
    .progress-pannel .card{width: 100%}
    .image-box .details li{-ms-flex-wrap: nowrap;flex-wrap: nowrap}
    .nav-content .download-table table{min-width: 100%}
    .nav-content .download-table td,
    .nav-content .download-table td:nth-last-child(2){font-size: 12px}
	.table-content.extrato-financeiro .topic .col:first-child{width: 85px}
	.calendar .ui-datepicker th{font-size: 15px}
	.solicitacoes .table-content .topic .col:nth-child(3) {min-width: 95px}
}