.columns__3 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.institucional--codigoConduta {
    padding: 6rem 0 10rem 0;
}

#page-institucional .text-default {
    margin-bottom: 2rem;
}

@media (min-width:768px) {
    #page-institucional .text-default {
        margin-bottom: 0;
    }
    #page-institucional .text-default:not(:last-child) {
        margin-bottom: 2rem;
    }
    #timeline__item-2014 .text-default:not(:last-child) {
        margin-left: auto;
    }
}

.nossaHistoria .flex__img {
    /* margin-top: 14rem; */
    position: relative;
}

.float-codigoEtica-wrapper {
    position: relative;
    width: 100%;
    z-index: 3;
    margin-bottom: 6rem;
}

.float-codigoEtica {
    color: #fff;
    /* padding: 2.5rem 3.2rem; */
    font-size: 17px;
    margin: auto;
}

.float-codigoEtica h4 {
    letter-spacing: 0.03em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.float-codigoEtica ul {
    margin-top: 2.5rem;
}

.float-codigoEtica ul li {
    display: block;
    padding-bottom: 1rem;
    font-size: .8em;
}

.codigoEtica-btn {
    color: #484848;
    margin-top: 2.5rem;
    display: block;
    text-decoration: none;
}

.codigoEtica-btn:hover {
    color: #c3261f;
}

.codigoEtica-btn .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.codigoEtica-btn svg {
    height: 24px;
}

.nossaHistoria-timeline .text-default {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: auto;
}

@media (min-width:768px) {
    .columns__3>div {
        width: 27%;
        max-width: 280px;
    }
    .institucional--codigoConduta h3 {
        max-width: 225px;
    }
    .float-codigoEtica-wrapper {}
    .float-codigoEtica {
        /* position: absolute; */
        top: 0;
        left: 0;
        right: 0;
        /* margin: auto; */
        /* transform: translateY(-50%); */
    }
    .float-codigoEtica ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
    }
    .float-codigoEtica ul li {
        padding-bottom: 0;
    }
    .codigoEtica-btn {
        /* position: absolute; */
        left: 0;
        /* height: 40px; */
        /* bottom: -60px; */
        color: #484848;
        /* margin-top: 0; */
        display: flex;
        justify-content: center;
    }
}

@media (min-width:1024px) {
    #page-institucional .columns__3 {}
}

.timeline_ano {
    color: #d83533;
    font-size: 4rem;
    margin-bottom: .25em;
    width: 100%;
}

.timeline-item-content {
    text-align: center;
    margin-bottom: 24px;
}

.timeline-item-content img {
    display: block;
}

.timeline-sec {
    position: relative;
}

.timeline-item__text {
    margin: 16px auto;
}

.timeline__item {
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
}

.timeline__item-reverse {
    flex-flow: row-reverse wrap;
}

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

.timeline__item>div {
    width: 50%;
    padding: 0;
}

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

.timeline__item img {
    display: block;
    border: 1px solid #d83533;
}

.timeline__item img.no-border {
    border: 0;
}

.timeline__item .left img {
    margin-right: 0;
}

.timeline_content {
    max-width: 170px;
    display: inline-block;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.timeline_content .timeline_capacidade {
    margin-bottom: 0;
    margin-top: auto;
    color: #484848;
}

.timeline_capacidade h5 {
    font-size: 14px;
}

.timeline_capacidade .text-red {
    display: block;
    font-size: 21px;
    text-transform: uppercase;
    margin: 8px 0 3px 0;
}

.timeline-dec__line {
    content: '';
    height: 80px;
    background: #d83533;
    width: 1px;
    display: block;
    margin: auto;
    right: 0;
    left: 0;
    position: relative;
}

.timeline-dec__line-inner {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #d83533;
    position: relative;
    position: absolute;
    bottom: -15px;
    left: -15px;
}

.timeline-dec__line-inner::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d83533;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin: auto;
}

.timeline-dec__line-center {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}

#timeline-sec1 {
    background: #e7e7e7 url(../../img/timeline/mapa-apiai-v2.jpg) no-repeat left;
}

#timeline-sec2 {
    background: #fafafa;
}

#timeline-sec3 {
    background-image: url(../../img/cimento-listrado.png);
}

#timeline-sec5 {
    background: #f1f1f1;
}

#timeline-sec7 {
    background: #f1f1f1;
}

#timeline-sec9 {
    background: #f7f7f7 url(../../img/cimento-listrado.png);
}

#timeline-sec10 {
    background: #f1f1f1;
}

@media (min-width:1024px) {
    #timeline-sec1 {
        padding: 60px 0 90px 0;
    }
    .timeline__item-1967-inner {
        position: relative;
        width: 100% !important;
        margin-top: 70px;
    }
    #timeline__item-1967 .timeline_ano {
        font-size: 6rem;
        position: relative;
        left: -1.5em;
    }
    #timeline__item-1967 .left {
        position: absolute;
        left: -180px;
        width: 150px;
        top: 40px;
        float: left;
        padding-left: 40px;
    }
    #timeline__item-1967 .right {
        width: 100%;
    }
    #timeline__item-1967 .timeline-dec__line {
        position: absolute;
        top: 20px;
        height: 0;
        left: -20px;
        right: auto;
    }
    #timeline__item-1967 .timeline-dec__line-inner {
        width: 80px;
        height: 80px;
    }
    #timeline__item-1967 .timeline-dec__line-inner::after {
        width: 40px;
        height: 40px;
    }
    #timeline__item-1974 {
        padding-top: 90px;
    }
    #timeline__item-1974 .timeline-dec__line {
        position: absolute;
        top: 0px;
        left: 90px;
        height: 90px;
    }
    #timeline__item-1991 {
        padding-top: 160px;
    }
    #timeline__item-1991.timeline__item .timeline_content {
        text-align: right;
        padding-left: 40px;
    }
    #timeline__item-1991.timeline__item>div.left {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        position: relative;
    }
    .time__item-small {
        width: 550px;
    }
    #timeline__item-1991 .timeline-dec__line {
        position: absolute;
        top: 0;
        left: 206px;
        right: auto;
        height: 160px;
    }
    #timeline__item-1974>div,
    #timeline__item-1991>div {
        width: auto;
    }
    #timeline__item-1974 img {
        max-width: 322px;
    }
    #timeline__item-1991 img {
        max-width: 347px;
    }
    #timeline__item-1974 img,
    #timeline__item-1991 img {
        width: 100%;
        flex-shrink: 1;
    }
    #timeline-sec2 {
        padding: 0;
        position: relative;
    }
    #timeline-sec2 .timeline-dec__line,
    #timeline-sec3 .timeline-dec__line {
        height: calc(100% + 90px);
        position: absolute;
        top: -90px;
        left: 0;
        right: 0;
    }
    #timeline-sec2 .timeline-dec__line-inner {
        bottom: auto;
        top: 180px;
    }
    #timeline__item-1993 {
        padding: 90px 0;
        position: relative;
        justify-content: flex-start;
        width: 400px;
    }
    #timeline__item-1993 .left {
        width: 50%;
    }
    #timeline__item-1993 .right {
        padding-left: 40px;
    }
    #timeline-sec3 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    #timeline-sec3 .timeline-dec__line {
        left: 0;
        right: 0;
    }
    #timeline-sec3 .timeline-dec__line-inner {
        bottom: auto;
        top: 70px;
    }
    #timeline__item-1997.timeline__item {
        width: 940px;
    }
    #timeline__item-1997 .left {
        text-align: left;
    }
    #timeline__item-1997 .right {
        position: relative;
        padding-left: 40px;
    }
    #timeline__item-1997 .right .timeline_content {
        position: relative;
    }
    #timeline__item-1997 .right img {
        position: absolute;
        bottom: 0;
        left: 100%;
    }
    #timeline-sec4 {
        padding: 0;
    }
    #timeline__item-2000.timeline__item {
        width: 940px;
        padding-top: 85px;
        justify-content: flex-end;
    }
    #timeline__item-2000.timeline__item .left {
        width: 30%;
        padding-left: 8%;
    }
    #timeline__item-2000 .left .text-default {
        margin-top: 0;
        margin-bottom: 0;
    }
    #timeline__item-2000.timeline__item .left img {
        margin-top: 16px;
        margin-bottom: auto;
    }
    #timeline__item-2000.timeline__item .right {
        top: 0;
        position: relative;
        width: 70%;
    }
    #timeline__item-2000 .timeline-dec__line {
        top: -95px;
        left: 30%;
        right: auto;
        height: 180px;
        position: absolute;
    }
    #timeline__item-2003 {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 400px;
    }
    #timeline__item-2003 .right .timeline_content {
        margin-right: 0;
        margin-left: auto;
    }
    #timeline__item-2003 .timeline-dec__line {
        position: absolute;
        top: 0;
        height: 100%;
    }
    #timeline__item-2003 .timeline-dec__line-inner {
        top: 30px;
    }
    #timeline__item-2005 {
        padding: 40px 0 60px 0;
        width: 400px;
    }
    #timeline__item-2005 .right .timeline_content {
        margin-right: 0;
        margin-left: auto;
        max-width: 168px;
    }
    #timeline__item-2005 .left,
    .line-center .left {
        position: relative;
    }
    #timeline__item-2005 .left {
        position: relative;
        margin-top: 45px;
    }
    #timeline__item-2005 .left img {
        position: absolute;
        left: -80px;
        bottom: 0;
    }
    #timeline__item-2005 .timeline-dec__line,
    .line-center .timeline-dec__line {
        position: absolute;
        top: 0;
        height: 100%;
    }
    #timeline__item-2005 .timeline-dec__line-inner {
        top: 40px;
    }
    #timeline__item-2005 .timeline_capacidade {
        width: 140px;
        margin-right: 30px;
        margin-left: auto;
        padding-top: 20px;
    }
    #timeline__item-2007 {
        width: 100%;
    }
    #timeline__item-2007 .left img {
        width: 100%;
    }
    #timeline__item-2007 .right {
        padding: 52px 0 52px 40px;
        background: #f7f7f7 url(../../img/timeline/bg-2007.jpg);
        background-size: cover;
    }
    #timeline__item-2007 .timeline-dec__line-inner {
        top: -15px;
    }
    #timeline__item-2008 {
        padding: 40px 0 60px 0;
        width: 800px;
    }
    #timeline__item-2008>div {
        width: 45%;
    }
    #timeline__item-2008 .timeline-dec__line-inner {
        top: 40px;
    }
    #timeline__item-2009 {
        padding-top: 78px;
        width: 940px;
    }
    #timeline__item-2009 .right {
        padding-left: 30px;
    }
    #timeline__item-2009 .timeline_content {
        max-width: 200px;
    }
    #timeline__item-2009 .timeline-dec__line {
        height: 60px;
    }
    #timeline__item-2009 .timeline-dec__line-inner {
        top: 60px;
    }
    #timeline__item-2010 {
        padding: 100px 0 80px 0;
        width: 940px;
        justify-content: flex-end;
    }
    #timeline__item-2010 .timeline_content {
        max-width: none;
    }
    #timeline__item-2010 .right {
        width: 630px;
    }
    #timeline__item-2010 .left {
        width: 260px;
        padding-right: 36px;
        margin-top: -16px;
    }
    #timeline__item-2010 .timeline-dec__line {
        top: 0;
        position: absolute;
        left: 315px;
        right: auto;
        height: 100px;
    }
    #timeline__item-2011 {
        padding: 60px 0;
        width: 630px;
        justify-content: flex-end;
    }
    #timeline__item-2011 .left {
        width: 40%;
        padding-right: 30px;
    }
    #timeline__item-2011 .right {
        width: 50%;
    }
    #timeline__item-2011 .timeline-dec__line {
        height: 140px;
        top: -80px;
    }
    #timeline__item-2012 {
        padding: 60px 0;
        justify-content: flex-start
    }
    #timeline__item-2012 .left {
        width: 18%;
    }
    #timeline__item-2012 .right {
        text-align: right;
    }
    #timeline__item-2012 .timeline-dec__line {
        top: -60px;
        height: calc(100% + 60px);
        left: 280px;
    }
    #timeline__item-2012 .timeline-dec__line-inner {
        top: 120px;
    }
    #timeline__item-2013 {
        width: 980px;
    }
    #timeline__item-2013 .left {
        width: 657px;
        background: #000;
    }
    #timeline__item-2013 .right {
        width: 310px;
        padding-right: 26px;
    }
    #timeline__item-2013 .timeline_content .text-default {
        padding-right: 30px;
    }
    #timeline__item-2013 .timeline-dec__line {
        position: absolute;
        top: 0;
        right: 0;
        left: 630px;
        height: 0;
        margin: 0;
    }
    #timeline__item-2013 .timeline-blocoRed {
        margin-left: -40px;
        margin-top: auto;
        margin-bottom: 0;
    }
    #timeline__item-2013 .timeline_content {
        max-width: none;
    }
    #timeline__item-2014 {
        padding: 60px 0;
        width: 860px;
    }
    #timeline__item-2014 .timeline-dec__line {
        height: 60px;
    }
    #timeline__item-2014 .left {
        padding-right: 40px;
        margin-top: -15px;
    }
    #timeline__item-2014 .right {
        position: relative;
    }
    #timeline__item-2014 .right .selo {
        position: absolute;
        top: 0;
        right: -10px;
        width: 104px;
    }
    #timeline__item-2014 .timeline_content {
        max-width: none;
    }
    .timeline_content .align-bottom {
        margin-bottom: 0;
        margin-top: auto;
    }
    #timeline__item-2015 {
        width: 100%;
        background: #f7f7f7 url(../../img/cimento-listrado.png);
    }
    #timeline__item-2015 .left {
        width: 56%;
        overflow: hidden;
        height: 400px;
    }
    #timeline__item-2015 .left img {
        min-width: 100%;
        min-height: 100%;
    }
    #timeline__item-2015 .right {
        width: 44%;
        padding: 42px 0 0;
        max-width: 250px;
        margin-right: auto;
        margin-left: 0;
    }
    #timeline__item-2015 .timeline_content {
        max-width: none;
        padding-right: 0;
    }
    #timeline__item-2015 .timeline_content>* {
        padding-left: 30px !important;
    }
    #timeline__item-2015 .timeline-blocoRed {
        position: relative;
        padding: 20px;
    }
    #timeline__item-2015 .timeline-dec__line {
        top: -61px;
        left: calc(56.6% - 11px);
        right: auto;
        height: 65px;
    }
    #timeline__item-2017 {
        padding-top: 60px;
        width: 870px;
    }
    #timeline__item-2017 .left {
        width: 630px;
        position: relative;
    }
    #timeline__item-2017 .left .selo {
        position: absolute;
        top: 0;
        left: -120px;
    }
    #timeline__item-2017 .right {
        width: 220px;
        margin-top: -15px;
    }
    #timeline__item-2017 .timeline-dec__line {
        top: 0;
        left: 520px;
        right: auto;
        height: 60px;
    }
    #timeline__item-2018 {
        padding: 60px 0;
    }
    #timeline__item-2018 .left {
        width: 45%;
        padding-left: 0;
    }
    #timeline__item-2018 .timeline-dec__line-inner {
        top: 60px;
    }
    #timeline__item-2019 {
        padding: 60px 0;
        width: 678px;
    }
    #timeline__item-2019 .right {
        padding-left: 30px;
        margin-top: -15px;
        padding-right: 13%;
    }
    #timeline__item-2019 .timeline-dec__line {
        /* height: 60px; */
    }
    #timeline__item-2019 .timeline-dec__line-inner {
        top: 45px;
    }
    #timeline__item-2008 .timeline_content,
    #timeline__item-2011 .timeline_content,
    #timeline__item-2012 .timeline_content,
    #timeline__item-2014 .timeline_content,
    #timeline__item-2018 .timeline_content {
        max-width: none;
        padding-right: 0;
    }
}

.timeline-blocoRed {
    color: #fff;
    background: #c3261f;
    padding: 30px 50px;
    line-height: 1.7;
    font-size: 1.6rem;
}

#timeline-sec1,
#timeline-sec2,
#timeline-sec3,
#timeline-sec4,
#timeline-sec5,
#timeline-sec6,
#timeline-sec7,
#timeline-sec8,
#timeline-sec9,
#timeline-sec10 {
    display: no ne;
}

@media (max-width:1023px) {
    #timeline__item-2014 .right .selo {
        width: 104px;
    }
    .timeline__item>div {
        margin: auto;
        text-align: center;
        width: 100%;
    }
    .timeline_content {
        max-width: none;
        text-align: center;
        padding: 20px 0 0 0;
        max-width: 550px;
        width: 80%;
        margin: auto;
        display: block;
    }
    .timeline__item .left img,
    .timeline__item img {
        margin: auto !important;
    }
    .timeline-dec__line {
        z-index: 2;
    }
    .timeline__item .left {
        text-align: center;
    }
    #timeline__item-2005 {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
    }
    #timeline__item-2005 .left {
        order: 2;
    }
    #timeline__item-2005 .timeline-dec__line {
        position: absolute;
        bottom: -80px;
        top: auto;
    }
    .timeline-blocoRed {
        margin-top: 1em;
        padding: 10px 20px;
    }
    #timeline-sec1 {
        background: #f5f5f5;
    }
    .timeline-sec>div:first-child .timline_ano {
        padding-top: 30px;
    }
    .timeline__item>div:last-of-type img {
        margin-top: 40px !important;
    }
    #timeline__item-1967 .timeline_ano {
        text-align: center;
        margin-top: 40px;
    }
    #timeline__item-2019 .timeline-dec__line {
        display: none;
    }
    #timeline__item-2019 {
        padding-bottom: 40px;
    }
    .nossaHistoria-timeline .text-default {
        padding-right: 0;
        padding-left: 0;
    }
    .codigoEtica-btn {
        text-align: center;
    }
    .codigoEtica-btn .icon {
        display: block;
        margin: auto;
    }
}

.etica__abas {
    display: flex;
}

.etica__abas .aba-text {
    font-size: 1.6rem;
}

.etica__content {
    position: absolute;
    padding: 3rem;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    background-color: #f1f1f1;
}

.etica__content *:not(:last-child) {
    margin-bottom: 2rem;
    display: block;
}

.wrapp-etica {
    position: relative;
    width: 100%;
}

.etica__content.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.etica__header {
    width: 100%;
}

.section-etica {
    margin: 5rem 0;
}

.etica__container {
    background-image: url(../../img/cimento-listrado.png);
    background-size: contain;
}

.nossaHistoria-timeline {
    overflow: hidden;
}

.timeline-sec {
    transition: .7s ease-out;
}

.timeline-sec {
    transform: translateX(-30%);
    opacity: 0;
}

.timeline-sec:nth-child(2n) {
    transform: translateX(30%);
}

.timeline-sec.show {
    transform: translateX(0);
    opacity: 1;
}

@media (max-width:800px) {
    .etica__abas {
        flex-wrap: wrap;
    }
    .etica__abas>* {
        flex: 1 0 30% !important;
        margin: 10px !important;
    }
}


/* Alto contraste */

.high-contrast .institucional--codigoConduta,
.high-contrast #timeline-sec2,
.high-contrast #timeline-sec5,
.high-contrast #timeline-sec7,
.high-contrast #timeline-sec10,
.high-contrast #timeline-sec13 {
    background-color: #343434;
}

.high-contrast .nossaHistoria .flex__img::before,
.high-contrast .nossaHistoria .flex__container.no-bg {
    background: #010101;
}

.high-contrast #timeline-sec3,
.high-contrast #timeline-sec6 .right,
.high-contrast #timeline-sec14 {
    background-color: #000;
    background-image: unset;
}

.high-contrast #timeline-sec4 {
    background-color: #585858;
}

.high-contrast #timeline-sec8,
.high-contrast #timeline-sec9,
.high-contrast #timeline-sec11,
.high-contrast #timeline__item-2015 {
    background-color: #000;
}

.high-contrast .timeline-dec__line-inner {
    border-color: #fff;
}

.high-contrast .timeline-dec__line-inner::after {
    background-color: #fff;
}

.high-contrast .timeline__item img {
    border-color: #fff;
}

.high-contrast .timeline-dec__line {
    background-color: #fff;
}

.high-contrast #timeline-sec10 .timeline-blocoRed {
    background-color: #585858;
}

.high-contrast .timeline-blocoRed {
    background-color: #000;
}

#timeline-sec14 {
    /* display: none !important; */
}





div#timeline__item-2020 {
    padding: 60px 0;
  
}



#timeline__item-2020 .left {
    width: 45%;
    padding-left: 0;
}

#timeline__item-2020 .timeline-dec__line {
    height: 80px;
}