@import url("https://use.typekit.net/jaw0rfw.css");

:root {
    --logo-width: 14.5vw;
    --container-padding: 4.5vw;
}
@media screen and (min-width: 680px) {
    :root {
        --logo-width: 7.7vw;
        --container-padding: 3.6vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    :root {
        --logo-width: 4.1vw;
        --container-padding: 1.9vw;
    }
}
@media screen and (min-width: 1366px) {
    :root {
        --logo-width: 4.1vw;
        --container-padding: 1.9vw;
    }
}
:focus {
    outline: none!important;
}
* {
    box-sizing: border-box;
}
body {
    font-family: effra, sans-serif;
    font-weight: 300;
    font-size: 4.3vw;
    font-style: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    color: #1a1818;
    height: 100%;
    background-color: #f2eded;
    overflow-x: hidden!important;
}
img {
    max-width: 100%;
    height: auto;
}
ul, ol {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5 {
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
}
p {
    margin: 0 0 1em;
}
p:last-child {
    margin-bottom: 0;
}
a {
    text-decoration: none;
    word-wrap: break-word;
}

strong {
    font-weight: 700;
}
i svg {
    display: block;
    width: 100%;
}

section, footer {
    position: relative;
    z-index: 2;
}


.pd-0 {
    padding: 0;
}
.pd-t-0 {
    padding-top: 0;
}
.pd-l-0 {
    padding-left: 0;
}
.pd-b-0 {
    padding-bottom: 0;
}
.pd-r-0 {
    padding-right: 0;
}
.pd-1 {
    padding: 4.5vw;
}
.pd-t-1 {
    padding-top: 4.5vw;
}
.pd-l-1 {
    padding-left: 4.5vw;
}
.pd-b-1 {
    padding-bottom: 4.5vw;
}
.pd-r-1 {
    padding-right: 4.5vw;
}

.rc-lr-0 {
    margin-left: 0;
    margin-right: 0;
}
.rc-r-0 {
    margin-right: 0;
}
.rc-l-0 {
    margin-left: 0;
}
.rc-lr-1 {
    margin-left: -4.5vw;
    margin-right: -4.5vw;
}
.rc-r-1 {
    margin-right: -4.5vw;
}
.rc-l-1 {
    margin-left: -4.5vw;
}

@media screen and (min-width: 680px) {
    body {
        font-size: 2.95vw;
    }
    .pd-tp-0 {
        padding: 0;
    }
    .pd-tp-t-0 {
        padding-top: 0;
    }
    .pd-tp-l-0 {
        padding-left: 0;
    }
    .pd-tp-b-0 {
        padding-bottom: 0;
    }
    .pd-tp-r-0 {
        padding-right: 0;
    }
    
    .pd-1 {
        padding: 3.6vw;
    }
    .pd-t-1 {
        padding-top: 3.6vw;
    }
    .pd-l-1 {
        padding-left: 3.6vw;
    }
    .pd-b-1 {
        padding-bottom: 3.6vw;
    }
    .pd-r-1 {
        padding-right: 3.6vw;
    }

    .pd-tp-1 {
        padding: 3.6vw;
    }
    .pd-tp-t-1 {
        padding-top: 3.6vw;
    }
    .pd-tp-l-1 {
        padding-left: 3.6vw;
    }
    .pd-tp-b-1 {
        padding-bottom: 3.6vw;
    }
    .pd-tp-r-1 {
        padding-right: 3.6vw;
    }

    .rc-lr-1 {
        margin-left: -3.6vw;
        margin-right: -3.6vw;
    }
    .rc-r-1 {
        margin-right: -3.6vw;
    }
    .rc-l-1 {
        margin-left: -3.6vw;
    }

    .rc-tp-lr-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .rc-tp-r-0 {
        margin-right: 0;
    }

    .rc-tp-l-0 {
        margin-left: 0;
    }
    .rc-tp-lr-1 {
        margin-left: -3.6vw;
        margin-right: -3.6vw;
    }
    .rc-tp-r-1 {
        margin-right: -3.6vw;
    }
    .rc-tp-l-1 {
        margin-left: -3.6vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    body {
        font-size: 1.4vw;
    }
    .pd-1 {
        padding: 1.9vw;
    }
    .pd-t-1 {
        padding-top: 1.9vw;
    }
    .pd-l-1 {
        padding-left: 1.9vw;
    }
    .pd-b-1 {
        padding-bottom: 1.9vw;
    }
    .pd-r-1 {
        padding-right: 1.9vw;
    }

    .pd-tl-0 {
        padding: 0;
    }
    .pd-tl-t-0 {
        padding-top: 0;
    }
    .pd-tl-l-0 {
        padding-left: 0;
    }
    .pd-tl-b-0 {
        padding-bottom: 0;
    }
    .pd-tl-r-0 {
        padding-right: 0;
    }

    .pd-tl-1 {
        padding: 1.9vw;
    }
    .pd-tl-t-1 {
        padding-top: 1.9vw;
    }
    .pd-tl-l-1 {
        padding-left: 1.9vw;
    }
    .pd-tl-b-1 {
        padding-bottom: 1.9vw;
    }
    .pd-tl-r-1 {
        padding-right: 1.9vw;
    }

    .rc-lr-1 {
        margin-left: -1.9vw;
        margin-right: -1.9vw;
    }
    .rc-r-1 {
        margin-right: -1.9vw;
    }
    .rc-l-1 {
        margin-left: -1.9vw;
    }

    .rc-tl-lr-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .rc-tl-r-0 {
        margin-right: 0;
    }
    .rc-tl-l-0 {
        margin-left: 0;
    }
    
    .rc-tl-lr-1 {
        margin-left: -1.9vw;
        margin-right: -1.9vw;
    }
    .rc-tl-r-1 {
        margin-right: -1.9vw;
    }
    .rc-tl-l-1 {
        margin-left: -1.9vw;
    }
}
@media screen and (min-width: 1366px) {

    .pd-lg-0 {
        padding: 0;
    }
    .pd-lg-t-0 {
        padding-top: 0;
    }
    .pd-lg-l-0 {
        padding-left: 0;
    }
    .pd-lg-b-0 {
        padding-bottom: 0;
    }
    .pd-lg-r-0 {
        padding-right: 0;
    }

    

    .pd-lg-1 {
        padding: 1.9vw;
    }
    .pd-lg-t-1 {
        padding-top: 1.9vw;
    }
    .pd-lg-l-1 {
        padding-left: 1.9vw;
    }
    .pd-lg-b-1 {
        padding-bottom: 1.9vw;
    }
    .pd-lg-r-1 {
        padding-right: 1.9vw;
    }
}


.bg-branco {
    background-color: #fff;
}
.bg-cinza {
    background-color: #f2eded;
}
.bg-cinza-escuro {
    background-color: #1a1818;
}
.bg-vermelho {
    background-color: #ee9d26;
}

.color-vermelho {
    color: #ee9d26;
}

.size-h2 {
    font-size: 12.3vw;
}

@media screen and (min-width: 680px) {
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .size-h2 {
        font-size: 3.6vw;
    }
}

.bg-linha {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    display: flex;
}
body > .bg-linha {
    position: fixed;
}
.btn {
    color: #fff;
    font-weight: 900;
    background-color: #1a1818;
    position: relative;
    display: inline-flex;
    align-items: baseline;
    padding: 1em 1.5em 0.8em;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.26em;
    font-size: 12px;
    font-size: 3.2vw;
    overflow: hidden;
    transition: background-color 0.3s ease-in-out,
        color 0.3s ease-in-out;
}
.bg-cinza-escuro .btn {
    background-color: #000;
}
.btn:hover {
    background-color: #ee9d26;
}
.btn::before {
    content: attr(title);
    position: absolute;
    top: -3em;
}
.btn-icon i {
    position: relative;
    /*vertical-align: text-top;*/
    display: block;
    width: 1.2em;
    margin-left: 0.5em;
}
.btn-icon.btn-icon-back i {
    margin-left: 0;
    margin-right: 1em;
}
.btn-icon i svg {
    display: block;
    fill: #fff;
    transition: all 0.3s ease-in-out;
}

/*
.btn-icon.btn-icon-back i::after {
    transform: rotate(180deg);
}

.btn-icon i::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.btn-icon i::before,
.btn i::before {
    top: -3em;
}
.btn-icon.btn-a i::before,
.btn-icon.btn-a i::after,
.s-eco .nav-eco li a.btn-icon i::after,
.s-eco .nav-eco li span.btn-icon i::after {
    background-image: url(../images/btn-arrow-b.png);
}*/

.btn.btn-sm {
    font-size: 10px;
    padding: 0.8em 1.2em;
    letter-spacing: 0.2em;
    font-size: 10px;
    font-size: 2.65vw;
    padding: 0.9em 1.2em 0.6em;
    letter-spacing: 0.23em;
}
.btn.btn-sm i {
    margin-left: 1em;
    margin-top: -0.2em;
}

.btn.btn-a {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    color: #1a1818;
}
.btn.btn-a:hover {
    color: #ee9d26;
}
.btn-icon.btn-a i svg {
    fill: #1a1818;
}
.btn-icon.btn-a:hover i svg {
    fill: #ee9d26;
}

.btn.btn-a.button-next,
.btn.btn-a.button-prev {
    cursor: pointer;
}
.btn.btn-a.button-next i,
.btn.btn-a.button-prev i {
    width: 3em;
    background: #f2eded;
    height: 2px;
}
.btn.btn-a.button-next i {
    margin-right: 1em;
    margin-left: 0;
}
.btn.btn-a.button-prev i {
    margin-left: 1em;
}
.btn-proximo {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    left: 2vw;
    z-index: 9;
    height: 2vw;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.75vw;
    letter-spacing: 0.3em;
    color: #1a1818;
    white-space: nowrap;
}
.btn-proximo::before {
    content: '';
    display: block;
    width: 5.6vw;
    height: 5.6vw;
    transform: rotate(-45deg);
    border: 1px solid #1a1818;
    border-right: none;
    border-bottom: none;
}
.btn-proximo::after {
    content: '';
    display: block;
    width: 5vw;
    height: 1px;
    margin-left: 1vw;
    background-color: #1a1818;
}
.btn-proximo {
    display: none;
}
.btn-politica {
	font-size: 12px!important;
	line-height: 1.4;
	background-color: #ee9d26;
}
.btn-politica:hover {
	background-color: #1a1818;
}
.bg-linha .linha {
    width: 100%;
    display: none;
    border-left: 1px solid rgba(33, 13, 22, 0.1);
}
.bg-linha .linha:nth-child(1),
.bg-linha .linha:nth-child(2) {
    display: block;
}
.bg-cinza-escuro .bg-linha .linha {
    border-color: #000;
}

.container {
    width: 100%;
    padding-left: 4.5vw;
    padding-right: 4.5vw;
    box-sizing: border-box;
}
.row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

[class*="col-"] {
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
}
.content p a:not(.btn) {
    line-height: 1em;
    color: #ee9d26;
    /*background-image: linear-gradient(to right, #ee9d26, #ee9d26);
    background-position: 0 .85em;
    background-repeat: repeat-x;
    background-size: 1px 1px;*/
    text-decoration: underline;
}
.content p a:not(.btn):hover {
    color: #000;
    /*background-image: linear-gradient(to right, #000, #000);
    background-position: 0 .85em;
    background-repeat: repeat-x;
    background-size: 1px 1px;*/
}

.col-1 {
    max-width: 16.6666667%;
}
.col-2 {
    max-width: 33.3333333%;
}
.col-3 {
    max-width: 50%;
}
.col-4 {
    max-width: 66.6666667%;
}
.col-5 {
    max-width: 83.3333333%;
}
.col-6 {
    max-width: 100%;
}

[class*="col-"] .content {
    position: relative;
    z-index: 3;
    padding: 0.1px;
    height: 100%;
}

[class*="col-"] .bg-linha .linha {
    display: none;
}
.bg-linha .linha:nth-child(1) {
    display: block;
}
.bg-linha .linha:nth-child(2) {
    display: block;
}

@media screen and (min-width: 680px) {
    .btn {
        font-size: 1.65vw;
    }
    .btn.btn-sm {
        font-size: 1.65vw;
        letter-spacing: 0.18em;
    }
    .btn.btn-a.button-next i {
        margin-right: 1em;
    }
    .btn.btn-a.button-prev i {
        margin-left: 1em;
    }

    .bg-linha .linha:nth-child(3) {
        display: block;
    }
    .container {
        padding-left: 3.6vw;
        padding-right: 3.6vw;
    }
    .container .row {
        /*margin-left: -3.6vw;
        margin-right: -3.6vw;*/
    }

    .col-tp-1 {
        max-width: 16.6666667%;
    }
    .col-tp-2 {
        max-width: 33.3333333%;
    }
    .col-tp-3 {
        max-width: 50%;
    }
    .col-tp-4 {
        max-width: 66.6666667%;
    }
    .col-tp-5 {
        max-width: 83.3333333%;
    }
    .col-tp-6 {
        max-width: 100%;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .btn {
        font-size: 0.85vw;
    }
    .btn.btn-sm {
        font-size: 0.8vw;
        letter-spacing: 0.18em;
    }
    .btn.btn-a.button-next i {
        margin-right: 1em;
    }
    .btn.btn-a.button-prev i {
        margin-left: 1em;
    }
    .btn-proximo {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        position: absolute;
        left: 2vw;
        z-index: 9;
        height: 2vw;
        transform: rotate(-90deg);
        transform-origin: 0 0;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 0.75vw;
        letter-spacing: 0.3em;
        color: #1a1818;
        white-space: nowrap;
    }
    .btn-proximo::before {
        width: 1.5vw;
        height: 1.5vw;
        border: 1px solid #1a1818;
        border-right: none;
        border-bottom: none;
    }
    .btn-proximo::after {
        width: 5vw;
        height: 1px;
        margin-left: 1vw;
    }
    .bg-linha .linha:nth-child(4),
    .bg-linha .linha:nth-child(5),
    .bg-linha .linha:nth-child(6) {
        display: block;
    }
    [class*="col-tl-"] .bg-linha .linha {
        display: none;
    }
    .col-tl-1 .bg-linha .linha:nth-child(1) {
        display: block;
    }
    .col-tl-2 .bg-linha .linha:nth-child(1),
    .col-tl-2 .bg-linha .linha:nth-child(2) {
        display: block;
    }
    .col-tl-3 .bg-linha .linha:nth-child(1),
    .col-tl-3 .bg-linha .linha:nth-child(2),
    .col-tl-3 .bg-linha .linha:nth-child(3) {
        display: block;
    }
    .col-tl-4 .bg-linha .linha:nth-child(1),
    .col-tl-4 .bg-linha .linha:nth-child(2),
    .col-tl-4 .bg-linha .linha:nth-child(3),
    .col-tl-4 .bg-linha .linha:nth-child(4) {
        display: block;
    }
    .col-tl-5 .bg-linha .linha:nth-child(1),
    .col-tl-5 .bg-linha .linha:nth-child(2),
    .col-tl-5 .bg-linha .linha:nth-child(3),
    .col-tl-5 .bg-linha .linha:nth-child(4),
    .col-tl-5 .bg-linha .linha:nth-child(5) {
        display: block;
    }
    .col-tl-6 .bg-linha .linha:nth-child(1),
    .col-tl-6 .bg-linha .linha:nth-child(2),
    .col-tl-6 .bg-linha .linha:nth-child(3),
    .col-tl-6 .bg-linha .linha:nth-child(4),
    .col-tl-6 .bg-linha .linha:nth-child(5),
    .col-tl-6 .bg-linha .linha:nth-child(6) {
        display: block;
    }
    .container {
        padding-left: 1.9vw;
        padding-right: 0;
    }
    .container .row {
        margin-left: 0;
        margin-right: 0;
    }

    .col-tl-1 {
        max-width: 16.6666667%;
    }
    .col-tl-2 {
        max-width: 33.3333333%;
    }
    .col-tl-3 {
        max-width: 50%;
    }
    .col-tl-4 {
        max-width: 66.6666667%;
    }
    .col-tl-5 {
        max-width: 83.3333333%;
    }
    .col-tl-6 {
        max-width: 100%;
    }

    .col-tl-5 .col-tl-1 {
        max-width: 20%;
    }
    .col-tl-5 .col-tl-4 {
        max-width: 80%;
    }
}
@media screen and (min-width: 1366px) {
    [class*="col-"] .bg-linha .linha {
        display: none;
    }
    .container {
        padding-left: 1.9vw;
    }

    .col-lg-1 {
        max-width: 16.6666667%;
    }
    .col-lg-2 {
        max-width: 33.3333333%;
    }
    .col-lg-3 {
        max-width: 50%;
    }
    .col-lg-4 {
        max-width: 66.6666667%;
    }
    .col-lg-5 {
        max-width: 83.3333333%;
    }
    .col-lg-6 {
        max-width: 100%;
    }
}



header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s ease-in-out;
    z-index: 9;
}
header .container {
    position: fixed;
    margin: 0;
    height: 14.5vw;
    display: flex;
    align-items: center;
    transition: transform 0.5s ease-in-out;
}
header.hide .container {
    transform: translateY(-100%);
}
header .container .bg-white-l,
header .container .bg-white-r {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
header.white .container .bg-white-l,
header.white .container .bg-white-r {
    transition: opacity 0.5s ease-in-out 0.5s;
    opacity: 1;
}
header .container .bg-white-l {
    left: 0;
    width: 4.5vw;
}
header .container .bg-white-r {
    left: 19vw;
    width: calc(100% - 19vw);
}
header a.marca {
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    left: 4.5vw;
    z-index: 2;
    width: 14.5vw;
    height: 14.5vw;
    font-size: 0;
}
header a.marca img {
    position: absolute;
    left: 0;
    top: 0;
    transition:
        opacity 0.3s ease-in-out,
        visibility 0.3s ease-in-out;
}
header a.marca img.logo-secundaria {
    visibility: hidden;
    opacity: 0;
}
header .tagline {
    margin-left: 14.5vw;
    padding-left: 2.2vw;
    font-size: 4.22vw;
    color: #1a1818;
    transition: color 0.3s ease-in-out;
    z-index: 2;
}
header .tagline a {
    color: #1a1818;
    transition: color 0.2s ease-in-out;
}
header .tagline a:hover {
    color: #ee9d26!important;
}
header .tagline strong {
    font-weight: 400;
}
header.white .tagline {
    color: #1a1818!important;
}
header .btns {
    margin-left: auto;
    display: flex;
    align-items: center;
}
header .btn-search {
    display: none;
}
header .lang {
	display: none;
}
.btn-menu {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    z-index: 2;
}
.btn-menu .linhas {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #1a1818;
    transition: all 0.3s ease-in-out;
}
.btn-menu .linhas::before,
.btn-menu .linhas::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #1a1818;
    transition: all 0.3s ease-in-out;
}

.btn-menu:hover .linhas,
.btn-menu:hover .linhas::before,
.btn-menu:hover .linhas::after {
    background-color: #ee9d26!important;
}
.btn-menu .linhas::before {
    top: -7px;
}
.btn-menu .linhas::after {
    width: 60%;
    top: 7px;
}

@media screen and (min-width: 680px) {
    header a.marca {
        left: 3.6vw;
        width: 7.7vw;
        height: 7.7vw;
    }
    header .container{
        height: 7.7vw;
    }
    header .container .bg-white-l {
        width: 3.6vw;
    }
    header .container .bg-white-r {
        left: 11.3vw;
        width: calc(100% - 11.3vw);
    }
    header .tagline {
        margin-left: 7.7vw;
        padding-left: 1.2vw;
        font-size: 17px;
        font-size: 2.6vw;
    }
    header .lang {
        display: flex;
        z-index: 3;
    }
	header .lang li {
		list-style: none;
		margin-top: 0.6vw;
	}
    header .lang li a {
		position: relative;
        display: inline-block;
        line-height: 1;
        margin-right: 3vw;
        font-size: 2.6vw;
        color: #1a1818;
        z-index: 2;
		transition: all 0.3s ease-in-out;
    }
	header .lang li a:hover {
		color: #ee9d26!important;
	}
    header .btn-search {
        width: 2.2vw;
        min-width: 20px;
        display: block;
        line-height: 1;
        font-size: 0;
        margin-right: 3vw;
        z-index: 2;
    }
    header .btn-search i svg {
        transition: all 0.3s ease-in-out;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    header a.marca {
        left: 1.9vw;
        width: 4.1vw;
        height: 4.1vw;
    }
    header .container {
        height: 4.1vw;
    }
    header .container .bg-white-l {
        left: 0;
        width: 1.9vw;
    }
    header .container .bg-white-r {
        left: 6vw;
        width: calc(100% - 6vw);
    }
    header .tagline {
        margin-left: 4.1vw;
        padding-left: 0.7vw;
        font-size: 12px;
        font-size: 1.18vw;
    }
    header .btns {
        margin-right: 1.9vw;
    }
	header .lang li {
        margin-top: 0.3vw;
	}
    header .lang li a {
        margin-right: 1.8vw;
        font-size: 1.3vw;
        color: #fff;
    }
    header.white .lang li a {
        color: #1a1818;
    }
    header .btn-search i svg {
        fill: #fff;
    }
    header .btn-search:hover i svg {
        fill: #ee9d26!important;
    }
    header.white .btn-search i svg {
        fill: #1a1818;
    }
    header .btn-search {
        width: 1.25vw;
        margin-right: 1.8vw;
    }
    header .btn-menu {
        width: 1.7vw;
        height: 1.7vw;
    }
    .btn-menu .linhas::before {
        top: -0.5vw;
    }
    .btn-menu .linhas::after {
        top: 0.5vw;
    }
    .btn-menu .linhas,
    .btn-menu .linhas::before,
    .btn-menu .linhas::after {
        background-color: #fff;
        height: 1px;
    }
    header.white .btn-menu .linhas::before,
    header.white .btn-menu .linhas,
    header.white .btn-menu .linhas::after {
        background-color: #1a1818;
    }
}
@media screen and (min-width: 1366px) {
    header .container .row {
        height: calc(4.1vw - 1px);
    }
    header .marca > img {
        left: 1.9vw;
        width: 4.1vw;
    }
    header .marca .tagline {
        margin-left: 4.1vw;
        padding-left: 0.7vw;
        font-size: 12px;
        font-size: 1.18vw;
    }
    header .btns {
        margin-right: 1.9vw;
    }
}
@media screen and (min-width: 1600px) {
    .btn-menu .linhas,
    .btn-menu .linhas::before,
    .btn-menu .linhas::after {
        height: 1.9px;
    }
}

nav.main-nav {
    position: fixed;
    left: 98.5%;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    display: flex;
    background-color: #ee9d26;
    overflow: hidden;
    
    transition: transform 0.6s ease-in-out;
    transition-delay: 0.3s;
}
nav.main-nav.open {
    transition-delay: 0s;
    transform: translateX(-98.5%);
}
nav.main-nav .col-l {
    width: 23.5vw;
    padding: 0 4.5vw;
    border-right: 1px solid #1a1818;
}
nav.main-nav .col-m {
    width: calc(100% - 23.5vw);
}
nav.main-nav .col-r {
    width: 0;
}
nav.main-nav .marca {
    display: block;
    font-size: 0;
    width: 14.5vw;
    transform: translateY(-100%);
    transition: transform 0.5s ease-in-out;
}
nav.main-nav.open .marca {
    transform: translateY(0);
    transition-delay: 0.4s;
}

.btn-close {
    position: relative;
    width: 14.5vw;
    height: 14.5vw;
    border: 1px solid #000
}
.btn-close::before,
.btn-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 2px;
    background-color: #000;
    border-radius: 2px;
    transition: all 0.4s ease-in-out;
}
.btn-close::before {
    transform: translateX(-50%) rotate(45deg);
}
.btn-close::after {
    transform: translateX(-50%) rotate(-45deg);
}
nav.main-nav .btn-close {
    position: absolute;
    top: 4.5vw;
    right: 4.5vw;
    width: 10vw;
    height: 10vw;
}

.btn-close:hover::before {
    transform: translateX(-50%) rotate(-45deg);
}
.btn-close:hover::after {
    transform: translateX(-50%) rotate(-135deg);
}


nav.main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
nav.main-nav ul.nav {
    padding-left: 3vw;
    margin-top: 25.4vw;
    position: relative;
    z-index: 2;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
}
nav.main-nav ul.nav li {
    position: relative;
    list-style: none;
    padding-top: 1vw;
    transform: translateX(-130%);
    transition: transform 0.7s ease-in-out;
}

nav.main-nav.open.menu ul.nav li {
    transform: translateX(0);
    transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
nav.main-nav.open.menu ul.nav li:nth-of-type(1) {
    transition-delay: 0.1s;
}
nav.main-nav.open.menu ul.nav li:nth-of-type(2) {
    transition-delay: 0.2s;
}
nav.main-nav.open.menu ul.nav li:nth-of-type(3) {
    transition-delay: 0.3s;
}
nav.main-nav.open.menu ul.nav li:nth-of-type(4) {
    transition-delay: 0.4s;
}
nav.main-nav.open.menu ul.nav li:nth-of-type(5) {
    transition-delay: 0.5s;
}

nav.main-nav ul.nav li:first-child {
    /*padding-top: 0;*/
}
nav.main-nav ul.nav li a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
    font-size: 12vw;
    margin-left: 1vw;
    padding-right: 3vw;
    color: #1a1818;
    text-indent: 5px;
    display: block;
    transition: color .4s cubic-bezier(0.2,.7,.3,1);
    letter-spacing: -0.05em;
    word-wrap: normal;
    white-space: nowrap;
}
nav.main-nav ul.nav li a:hover {
    transition: color .6s cubic-bezier(0.2,.7,.3,1) .2s;
    color: #fff;
}
nav.main-nav ul.nav li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    height: 1vw;
    background-color: #fff;
    left: 0;
    top: 50%;
    transition: width .6s cubic-bezier(0.2,.7,.3,1) 0.2s;
}
nav.main-nav ul.nav li a:hover::after {
    width: 100%;
}
nav.main-nav ul.nav li a .clip-wrap {
    left: 1vw;
    position: absolute;
    top: 1vw;
    color: #fff;
    display: block;
    width: 0%;
    opacity: 1;
    overflow: hidden;
    pointer-events: none;
    backface-visibility: hidden;
    transition: width .4s cubic-bezier(.52,.01,.16,1);
}
nav.main-nav ul.nav li:first-of-type a .clip-wrap {
    /*top: 0;*/
}
nav.main-nav ul.nav li a:hover .clip-wrap {
    width: calc(101% - 5vw);
}
nav.main-nav ul.nav li a .clip-wrap span {
    transition: transform .45s cubic-bezier(0.2,.7,.3,1);
    display: block;
    position: relative;
    word-break: normal;
    backface-visibility: hidden;
}

nav.main-nav .searchform {
    width: calc(100% - 9.5vw);
    position: absolute;
    left: 5vw;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
nav.main-nav ul.nav {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

nav.main-nav.open.menu .searchform {
    visibility: hidden;
    opacity: 0;
    transition:
        opacity 0.5s ease-in-out,
        visibility 0.5s ease-in-out,
        transform 0s ease-in-out 0.5s,
        top 0s ease-in-out 0.5s;
}
nav.main-nav.open.search .searchform {
    visibility: visible;
    opacity: 1;
    transition:
        opacity 0.5s ease-in-out 0.5s,
        visibility 0.5s ease-in-out 0.5s,
        transform 0.5s ease-in-out 0s,
        top 0.5s ease-in-out 0s;
}
nav.main-nav.menu ul.nav {
    visibility: visible;
    opacity: 1;
}
nav.main-nav.search ul.nav {
    visibility: hidden;
    opacity: 0;
}

nav.main-nav.open.menu ul.nav {
    transition-delay: 0.5s;
}

nav.main-nav .searchform.show {
    transition-delay: 0s;
    top: 23.5vw;
    transform: translateY(0);
}
nav.main-nav .searchform > i {
    position: absolute;
    width: 6vw;
    top: 3.5vw;
    right: 3.5vw;
}
nav.main-nav .searchform .is-form-style input.is-search-input::placeholder {
    opacity: 1;
    color: #1a1818
}
nav.main-nav .searchform .is-form-style input.is-search-input:-ms-input-placeholder {
    color: #1a1818
}
nav.main-nav .searchform .is-form-style input.is-search-input::-ms-input-placeholder {
    color: #1a1818
}
nav.main-nav .searchform .is-form-style input.is-search-input {
    width: 100%;
    font-family: effra, sans-serif;
    font-weight: 300;
    color: #000;
    border: 1px solid #000!important;
    border-radius: 0!important;
    background-color: transparent;
    height: 13vw;
    padding: 3vw 12vw 3vw 3vw;
    box-sizing: border-box;
    font-size: 5vw!important;
    -webkit-appearance: none!important;
}
nav.main-nav .searchform .is-form-style .is-search-submit {
    display: none!important;
}

div.is-ajax-search-result {
    position: fixed!important;
    width: calc(100% - 33vw)!important;
    padding: 0;
    left: 28.5vw!important;
    top: 36.5vw!important;
    display: block!important;
    background: none!important;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}
div.is-ajax-search-result.hide {
    opacity: 0;
    visibility: hidden;
}
.is-ajax-search-post, .is-ajax-search-post-details {
    background: none!important;
    padding: 5vw 0 0!important;
    border: none!important;
}
.is-search-sections .meta {
    display: none!important;
}
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a {
    color: #1a1818!important;
    font-size: 5vw!important;
    line-height: 1.1;
}
.mCustomScrollbar, .mCustomScrollBox {
    max-height: calc(100vh - 56vw)!important;
    min-height: 10vw;
}
.is-show-more-results {
    background: none!important;
    padding-top: 3vw;
    margin-top: 3vw;
    border-top: 1px solid #1a1818;
}
.is-show-more-results-text,
.is-show-more-results-text span,
.is-ajax-search-no-result {
    padding: 0!important;
    text-align: left;
    font-size: 5vw;
    color: #1a1818;
}
.is-ajax-search-no-result {
    background: none!important;
    padding-top: 4vw!important;
	line-height: 1!important;
}
.is-loader-image,
.is-load-more-image {
    width: 4vw!important;
    height: 4vw!important;
    background: none!important;
    right: 16vw!important;
    transform: translateY(-75%)!important;
}
.is-loader-image:before,
.is-load-more-image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 500rem;
    border: 2px solid rgba(26, 24, 24, 0.5);
}
.is-loader-image:after,
.is-load-more-image:after {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-animation: loader .6s linear;
    animation: loader .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #1a1818 transparent transparent;
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
}
@-webkit-keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

nav.main-nav .social {
    margin: 9vw -4.5vw 0;
    background-color: #1a1818;
    transform: translateX(-101%);
    transition: transform 0.4s ease-in-out;
}
nav.main-nav.open .social {
    transform: translateX(0);
}
nav.main-nav .social ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5vw 0;
}
nav.main-nav .social ul li {
    margin: 5vw 0;
    list-style: none;
}
nav.main-nav .social ul li a {
    display: block;
    width: 5.5vw;
    height: 5.5vw;
    box-shadow: 0 0 0 2px #ee9d26;
    transition: box-shadow 0.3s ease-in-out;
}
nav.main-nav .social ul li a:hover {
    box-shadow: 0 0 0 4px #fff;
}
nav.main-nav .social ul li a i svg path {
    fill: #ee9d26;
    transition: fill 0.3s ease-in-out;
}
nav.main-nav .social ul li a:hover i svg path {
    fill: #fff;
}
nav.main-nav .social ul li a.btn-instagram i svg {
    padding: 0.7vw;
}
nav.main-nav .menu-or-search {
    position: relative;
    box-sizing: content-box;
    transition: transform 0.4s ease-in-out;
}
nav.main-nav .col-l .menu-or-search {
    position: relative;
    margin: 0 -4.5vw;
    padding: 4.5vw;
    height: 30px;
    transform: translateX(-100%);
}
nav.main-nav.open .col-l .menu-or-search {
    transform: translateX(0);
}
nav.main-nav .menu-or-search .btn-search {
    display: block;
    width: 6vw;
    max-width: 30px;
}
nav.main-nav .menu-or-search .btn-search i svg {
    fill: #1a1818;
    transition: fill 0.3s ease-in-out;
}
nav.main-nav .menu-or-search .btn-search:hover i svg {
    fill: #fff;
}
nav.main-nav .menu-or-search .btn-search,
nav.main-nav .menu-or-search .btn-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.4s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

nav.main-nav.open.menu .menu-or-search .btn-search {
    visibility: visible;
    opacity: 1;
}
nav.main-nav.open.search .menu-or-search .btn-search {
    visibility: hidden;
    opacity: 0;
}

nav.main-nav.open.search .menu-or-search .btn-menu {
    visibility: visible;
    opacity: 1;
}
nav.main-nav.open.menu .menu-or-search .btn-menu {
    visibility: hidden;
    opacity: 0;
}
nav.main-nav.open.search .menu-or-search .btn-menu:hover .linhas,
nav.main-nav.open.search .menu-or-search .btn-menu:hover .linhas::before,
nav.main-nav.open.search .menu-or-search .btn-menu:hover .linhas::after {
    background-color: #fff!important;
}

nav.main-nav .col-r .btns-canvas {
    display: none;
}
nav.main-nav .lang {
    border-top: 1px solid #000;
}
nav.main-nav .col-l .lang {
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
    margin: 0 -4.5vw;
    display: block;
}
nav.main-nav.open .lang {
    transform: translateX(0);
}
nav.main-nav .lang a {
    display: block;
    border-bottom: 1px solid #1a1818;
    padding: 4.5vw;
    text-align: center;
    color: #1a1818;
    font-size: 6vw;
    line-height: 1;
	transition: color 0.4s ease-in-out;
}
nav.main-nav .lang a:hover {
	color: #fff;
}
.is-load-more-image {
    display: none!important;
}

@media screen and (min-width: 680px) {
    nav.main-nav .btn-close {
        top: 3.6vw;
        right: 3.6vw;
    }
    nav.main-nav .col-l .menu-or-search,
    nav.main-nav.open .lang {
        margin: 0 -3.6vw;
    }
    nav.main-nav .searchform {
        width: calc(100% - 8.6vw);
    }
    nav.main-nav .searchform.show {
        top: 13.5vw
    }
    nav.main-nav .searchform > i {
        width: 4vw;
        top: 3vw;
        right: 3vw;
    }
    nav.main-nav .searchform .is-form-style input.is-search-input {
        height: 10vw;
        font-size: 4vw!important;
    }
    .is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a,
    .is-show-more-results-text, .is-show-more-results-text span, .is-ajax-search-no-result {
        font-size: 4vw!important;
    }
    div.is-ajax-search-result {
        left: 19.9vw!important;
        top: 23.5vw!important;
    }
    .mCustomScrollbar, .mCustomScrollBox {
        max-height: calc(100vh - 42vw)!important;
    }
    div.is-ajax-search-result {
        width: calc(100% - 23.5vw)!important;
    }
    nav.main-nav .social ul li {
        margin: 4.5vw 0;
    }
    nav.main-nav .social ul li a {
        width: 4vw;
        height: 4vw;
    }
    nav.main-nav .social ul li a.btn-instagram i svg {
        padding: 0.15vw;
    }
    nav.main-nav .lang a {
        padding: 3.6vw;
        font-size: 4vw;
    }
    nav.main-nav {
        left: 99%;
        transition: transform 0.6s ease-in-out 0.4s;
    }
    nav.main-nav.open {
        transform: translateX(-99%);
    }
    nav.main-nav .col-l {
        width: 14.9vw;
        padding: 0 3.6vw;
    }
    nav.main-nav .col-m {
        width: calc(100% - 14.9vw);
    }
    nav.main-nav .marca {
        width: 7.7vw;
        height: 7.7vw;
    }
    nav.main-nav .social {
        margin: 6vw -3.6vw 0;
    }
    nav.main-nav .btn-close {
        width: 6.5vw;
        height: 6.5vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    nav.main-nav .menu-or-search .btn-search, nav.main-nav .menu-or-search .btn-menu, nav.main-nav .btn-close {
        cursor: pointer;
    }
    nav.main-nav .col-r .btn-menu .linhas, nav.main-nav .col-r .btn-menu .linhas::before, nav.main-nav .col-r .btn-menu .linhas::after {
        height: 2px;
        background-color: #1a1818;
    }
    nav.main-nav .col-r .btns-canvas {
        width: 100%;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        border-left: 4px solid #1a1818;
    }
    nav.main-nav .col-r .menu-or-search {
        height: 4.22vw;
    }
    nav.main-nav .lang {
        margin: 0!important;
        height: 4.2vw;
        align-items: center;
        opacity: 0;
        transition: all 0.4s ease-in-out;
    }
    nav.main-nav.open .lang {
        opacity: 1;
    }
    nav.main-nav .lang li {
        width: 100%;
    }
    nav.main-nav .lang a {
        padding: 0 1.9vw;
        font-size: 1.8vw;
        border-bottom: none;
    }
    nav.main-nav {
        left: 99.5%;
        transition: transform 0.8s ease-in-out 0.4s;
    }
    nav.main-nav.open {
        transform: translateX(-99.5%);
    }
    
    nav.main-nav .col-l,
    nav.main-nav .col-r {
        width: 7.9vw;
        padding: 0 1.9vw;
    }
    nav.main-nav .col-m {
        position: relative;
        width: 100%;
    }
    nav.main-nav .col-r {
        border-left: 1px solid #1a1818;
    }
    nav.main-nav .marca {
        width: 4.1vw;
        height: 4.1vw;
    }
    nav.main-nav .col-l .lang,
    nav.main-nav .col-l .menu-or-search{
        display: none;
    }
    nav.main-nav .col-l {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    nav.main-nav .social {
        padding: 0;
        margin: 0 -1.9vw;
    }
    nav.main-nav .social ul {
        height: 50vh;
        padding: 3vw 0;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        box-sizing: border-box;
    }
    nav.main-nav .social ul li {
        margin: 0;
    }
    nav.main-nav .social ul li a {
        width: 1.41vw;
        height: 1.41vw;
    }

    
    nav.main-nav ul.nav li a {
        font-size: 160px;
        font-size: 7vw;
        line-height: 1;
    }
    nav.main-nav ul.nav li a::after {
        height: 0.42vw;
        top: 45%;
    }

    nav.main-nav .btn-close {
        top: 1.3vw;
        right: 1.3vw;
        width: 4.43vw;
        height: 4.43vw;
    }
    nav.main-nav .searchform {
        width: 80%;
    }
    nav.main-nav .searchform.show {
        top: 5vw;
    }
    nav.main-nav .searchform > form {
        display: flex;
    }
    nav.main-nav .searchform > i {
        width: 2vw;
        top: 1.5vw;
        right: 2.5vw;
    }
     nav.main-nav .searchform .is-form-style input.is-search-input {
        height: 5vw!important;
        font-size: 2.5vw!important;
        padding: 0.5vw 1.5vw 0;
    }
    .is-loader-image {
        width: 1.5vw!important;
        height: 1.5vw!important;
        right: 7vw!important;
        transform: translateY(0)!important;
        top: 1.6vw!important;
    }
    .is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a, .is-show-more-results-text, .is-show-more-results-text span, .is-ajax-search-no-result {
        font-size: 2.5vw!important;
    }
    div.is-ajax-search-result {
        width: calc((100% - 15.8vw)*0.8)!important;
        left: calc(7.9vw + 5vw)!important;
        top: 10vw!important;
    }
    div.is-ajax-search-result.hide {
        transform: translateX(20%);
    }
    .is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a, .is-show-more-results-text, .is-show-more-results-text span, .is-ajax-search-no-result {
        font-size: 2vw!important;
    }
    .is-ajax-search-post, .is-ajax-search-post-details {
        padding: 2vw 0 0!important;
    }
    .is-show-more-results {
        padding-top: 2vw;
        margin-top: 2vw;
    }
    .mCustomScrollbar, .mCustomScrollBox {
        max-height: calc(100vh - 20vw)!important;
    }
}
@media screen and (min-width: 1366px) {
}


/* HOME */
.hero .title .content {
    padding-top: 29vw;
    padding-bottom: 15.2vw;
    padding-right: 14vw;
}
.hero .title .content h1 {
    font-size: 37px;
    font-size: 8vw;
    line-height: 1.1;
    margin: 0;
}
.hero .reel .content {
    height: 136vw;
    overflow: hidden;
    background-color: rgb(26, 24, 24, 1);
}
.hero .reel .content .noise,
.s-campaing .campaing-cell .noise {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/noise.png);
    opacity: 0.05;
    z-index: 1;
}
.reel-play {
    position: absolute;
    top: calc(50% - 10vw);
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    background: none;
    border: none;
    padding: 0;
    width: 20vw;
    height: 20vw;
    font-size: 0;
    outline: none!important;
    cursor: pointer;
}
.reel-play i {
    position: absolute;
    top: 50%;
    left: calc(50% + 0.5px);
    transform: translate(-50%,-50%);
    width: 5.5vw;
}
.reel-play i svg path {
    stroke-width: 3px;
}
.reel-play span {
    position: absolute;
    bottom: -1.1vw;
    left: calc(100% - 0.6vw);
    font-size: 5vw;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    font-family: effra, sans-serif;
    font-weight: 300;
    letter-spacing: 0.09em;
    cursor: default;
}
.reel-play span strong {
    font-size: 3.7vw;
    font-weight: 900;
}
.reel-play svg path {
    stroke-width: 3px;
}

.home .reel-play {
    transition: background-color 0.3s ease-in-out;
}
.home .reel-play:hover {
    background-color: #ee9d26;
}
.home .reel-play span {
    transition: transform 0.3s ease-in-out;
}
.home .reel-play:hover span {
    transform: translateX(15%);
}
.home .reel-play svg path {
    transition: all 0.3s ease-in-out;
}
.home .reel-play:hover svg path {
    stroke-opacity: 0;
}
.home .reel-play i svg path {
    fill: rgba(255,255,255,0);
}
.home .reel-play:hover i svg path {
    fill: rgba(255,255,255,1);
}
.home .reel-play i {
    transition: transform 0.3s ease-in-out 0.1s;
}
.home .reel-play:hover i {
    transform: translate(-50%,-50%) scale(0.8);
}

.home .hero .reel .content video {
    position: absolute;
    top: -8%;
    left: 50%;
    transform: translateX(-50%);
    height: 116%;
    opacity: 0.8;
}

.s-content-hero .btn-proximo {
    display: none;
}
.s-content-hero .col-tl-4 {
    margin-top: -15.53vw;
}
.home .s-content-hero .col-tl-4 {
    height: 76.85vw;
}
.s-content-hero .col-tl-4 .content {
    color: #f2eded;
    padding-top: 7vw;
}
.single-ecosystem .s-content-hero .col-tl-4 .content {
    color: #1a1818;
    padding: 7vw 17vw 7vw 3vw;
    height: auto;
}
.s-content-hero .col-tl-4 .content h2 {
    font-size: 5vw;
    display: inline-block;
}
.s-content-hero .col-tl-4 .content h2 a {
    color: #f2eded;
    transition: color 0.3s ease-in-out;
}
.s-content-hero .col-tl-4 .content h2 a:hover {
    color: #1a1818;
}
.s-content-hero .col-tl-4 .content h2 strong {
    text-transform: uppercase;
    display: block;
    font-size: 10.5vw;
    font-weight: 900;
    line-height: 1;
}
.s-content-hero .col-tl-4 .content h2 strong i {
    margin-left: 0.15em;
    width: 4.2vw;
    height: 4.2vw;
    display: inline-block;
    vertical-align: middle;
}
.s-content-hero .col-tl-4 .content h2 strong i svg {
    fill: #f2eded;
    transition: fill 0.3s ease-in-out;
}
.s-content-hero .col-tl-4 .content h2 a:hover strong i svg {
    fill: #1a1818;
}
.s-content-hero .col-tl-4 .bg-linha {
    z-index: 2;
}
.s-content-hero .col-tl-4 .bg-detalhe {
    position: absolute;
    top: 1px;
    left: -4.5vw;
    z-index: 1;
    width: calc(100% + 9vw);
    height: 100%;
    background-image: url(../images/detalhe-real-bg.png), url(../images/detalhe-real-bg.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
}
.single-ecosystem .s-content-hero .col-tl-4 .bg-detalhe {
    background-image: url(../images/detalhe-real-bg-branco.svg);
}
.s-content-hero .col-tl-4 .bg-detalhe h2 {
    text-transform: uppercase;
    font-size: 43vw;
    font-weight: 900;
    opacity: 0.2;
    margin: 14vw 0 0 -12.5vw;
    letter-spacing: -0.02em;
}
.home .s-sobre {
    padding-top: 12.35vw;
    padding-bottom: 23.79vw;
    text-align: center;
}
.home .s-sobre h2 {
    font-size: 33px;
    font-size: 8.8vw;
    margin-bottom: 0.7em;
}
.home .s-sobre h2 strong {
    font-weight: 300;
    color: #ee9d26;
}

@media screen and (min-width: 680px) {
    .reel-play {
        top: calc(50% - 4.5vw);
        width: 13vw;
        height: 13vw;
    }
    .reel-play i {
        width: 3.5vw;
    }
    .reel-play i svg path {
        stroke-width: 2px;
    }
    .reel-play span {
        bottom: -0.8vw;
        left: calc(100% - 0.4vw);
        font-size: 3.2vw;
        letter-spacing: 0.09em;
    }
    .reel-play span strong {
        font-size: 2.2vw;
    }
    .reel-play svg path {
        stroke-width: 2px;
    }
    .s-content-hero .col-tl-4 .content h2 strong i {
        width: 3vw;
        height: 3vw;
    }
}
@media screen and (min-width: 1024px) {
    .reel-play {
        top: calc(50% - 2.5vw);
        width: 5.35vw;
        height: 5.35vw;
    }
    .reel-play i {
        width: 1.5vw;
    }
    .reel-play i svg path {
        stroke-width: 2px;
    }
    .reel-play span {
        bottom: -0.25vw;
        left: calc(100% - 0.17vw);
        font-size: 1.27vw;
    }
    .reel-play span strong {
        font-size: 0.8vw;
    }
    .reel-play svg path {
        stroke-width: 2px;
    }
    .s-content-hero .col-tl-4 .content h2 strong i {
        margin-left: 0.25em;
        width: 1.7vw;
        height: 1.7vw;
    }
}


.s-update h2 {
    display: none;
}
.c-update {
    background-color: #fff;
}
.s-update .desc-nav {
    padding-top: 9vw;
    padding-bottom: 5vw;
    align-items: center;
}
.s-update .desc-nav p {
    font-size: 20px;
    font-size: 5.5vw;
}
.desc-nav ul {
    margin: 0;
    padding: 0;
}
.desc-nav ul li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-increment: update-cell;
    border-bottom: 1px solid #f2eded;
    cursor: pointer;
}
.desc-nav ul li::before {
    content: counter(update-cell);
    font-size: 0.7em;
    font-weight: 900;
}
.desc-nav ul li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background-color: #ee9d26;
    transition: all 0.4s ease-in-out;
}
.desc-nav ul li.is-selected::after {
    width: 25%;
}
.update-cell {
    transform-origin: 0 25%;
    width: 85vw;
    padding-left: 9.5vw;
    padding-right: 11.5vw;
    counter-increment: update-cell;
    box-sizing: border-box;
    transition:
        transform 0.6s ease-in-out,
        opacity 0.6s ease-in-out;
}
.update-cell::before,
.update-cell::after {
    position: absolute;
    top: 68vw;
    font-weight: 900;
    color: #f2eded;
}
.update-cell::before {
    content: '.';
    left: 2.8vw;
    line-height: 1.9;
    font-size: 10vw;
    z-index: 4;
}
.update-cell::after {
    content: counter(update-cell);
    left: 5vw;
    line-height: 1;
    font-size: 16vw;
}
.update-cell:not(.is-selected) {
    transform: scale(0.7);
    opacity: 0.5;
}
.update-cell > .inner {
    display: flex;
    flex-wrap: wrap;
    
}
.update-cell .imagem {
    position: relative;
    width: 100%;
    height: 83.59vw;
    margin-top: 1.1vw;
}
.update-cell .imagem::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: -1.1vw;
    left: 0;
    width: 50%;
    height: 2.28vw;
    background-color: #ee9d26;
    transition: width 0.6s ease-in-out 0.3s;
}
.update-cell:not(.is-selected) .imagem::before {
    width: 0;
}
.update-cell .imagem > .inner {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.update-cell .imagem > .inner > img,
.update-cell .imagem > .inner > picture img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-110%,-50%);
	max-width: none;
    width: 100%;
    height: 100%;
	object-fit: cover;
    transition: transform 0.6s ease-in-out;
}
.update-cell.is-selected .imagem > .inner > img,
.update-cell.is-selected .imagem > .inner > picture img {
    transform: translate(-50%,-50%);
}
.update-cell .texto h3 {
    font-size: 64px;
    font-size: 9.1vw;
    letter-spacing: -0.07em;
    margin-top: 0.15em;
    transition:
        transform 0.6s ease-in-out,
        opacity 0.6s ease-in-out;
}
.update-cell:not(.is-selected) .texto h3 {
    transform: translateX(50%);
    opacity: 0;
}
.update-cell .texto p {
    transition:
        transform 0.6s ease-in-out,
        opacity 0.6s ease-in-out;
    transition-delay: 0.2s;
}
.update-cell .texto p:nth-of-type(2) {
    transition-delay: 0.3s;
}
.update-cell .texto p:nth-of-type(3) {
    transition-delay: 0.4s;
}
.update-cell:not(.is-selected) .texto p {
    transform: translateX(50%);
    opacity: 0;
}
.s-update .conteudo {
    position: relative;
    padding-bottom: 10vw;
    margin-bottom: 7vw;
    z-index: 3;
}
.s-update .button-prev,
.s-update .button-next {
    position: absolute;
    bottom: 0;
}
.s-update .button-prev {
    left: 4.5vw
}
.s-update .button-next {
    right: 4.5vw
}

.s-eco {
    padding-top: 13vw;
    padding-bottom: 15vw;
}
.s-eco > .container > .row {
	/*align-items: flex-start;*/
}
.s-eco .info {
    display: flex;
    align-items: flex-end;
}
.s-eco .titulo {
    width: 52%;
}
.s-eco .titulo h3 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 23.0733vw;
    word-wrap: break-word;
    line-height: 0.75;
    opacity: 0.2;
    text-indent: -0.04em;
    margin-left: -0.01em;
}
.s-eco .desc {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 1.5vw;
}
.s-eco .desc h2 {
    margin-bottom: 0.5em;
}
.s-eco .desc p {
    line-height: 1.2;
}
.s-eco .desc p strong {
    font-size: 110%;
}

.s-eco .eco {
    margin-top: 5vw;
    position: relative;
}

.s-eco .nav-bg-eco {
    display: none;       
}

.s-eco .nav-eco {
    position: relative;
    z-index: 2;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.s-eco .nav-eco li {
    margin: 5vw 0;
    padding: 0;
    transition: all 0.5s ease-in-out;
}
.s-eco .nav-eco li a,
.s-eco .nav-eco li span {
    position: relative;
    display: block;
    color: #1a1818;
    font-size: 64px;
    font-size: 17.5vw;
    line-height: 0.5;
    text-transform: lowercase;
    padding: 5vw 0 5vw 2vw;
    transition: all 0.3s ease-in-out;
}
.s-eco .nav-eco li span {
    color: #c7c2c2;
    cursor: default;
}
.s-eco .nav-eco li a::before,
.s-eco .nav-eco li span::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5vw;
    width: 1px;
    height: 0.5em;
    background-color: #1a1818;
    opacity: 0.4;
    transition: all 0.2s ease-in-out;
}
.s-eco .nav-eco li a:hover::before {
    width: 1.3vw;
    background-color: #ee9d26;
    opacity: 1;
}
/*
.s-eco .nav-eco li a::after {
    bottom: -25%;
    background-color: #f2eded;
    width: 0;
    height: 170%;
    z-index: -1;
}
.s-eco .nav-eco li a:hover::after {
    width: calc(105% + 0.3em );
    
}
*/

.s-eco .nav-eco li a i,
.s-eco .nav-eco li span i {
    position: absolute;
    top: 60%;
    left: 108%;
    margin-left: 0;
    width: 0.3em;
    opacity: 0.3;
    transition: all 0.2s ease-in-out;
}

.s-eco .nav-eco li a i svg,
.s-eco .nav-eco li span i svg {
    fill: #1a1818;
}
.s-eco .nav-eco li a:hover i {
    opacity: 1;
}
.s-eco .nav-eco li a:hover i svg {
    fill: #ee9d26;
}

footer {
    margin-top: 23.5vw;
    background-color: #fff;
}
.single footer {
    margin-top: 0;
}
footer .container > .row {
    align-items: flex-start;
    justify-content: flex-end;
}
footer .msg {
    position: relative;
    background-color: #000;
    color: #f2eded;
    margin-top: -5.3vw;
    margin-bottom: 10vw;
    margin-right: -4.5vw;
}
footer .msg .bg-detalhe {
    position: absolute;
    top: 1px;
    right: 0;
    transform: translateY(-99%);
    width: 20vw;
    height: 11vw;
    background: url(../images/footer-msg-detalhe.svg) no-repeat right bottom;
    background-size: contain;
}

footer .msg h2 {
    color: #a69c9c;
    font-size: 8.2vw;
}
footer .msg a {
    font-size: 8.2vw;
    display: flex;
    align-items: baseline;
    position: relative;
    overflow: hidden;
    color: rgba(255,255,255,1);
    padding: 6vw 9vw 4vw 7vw;
    line-height: 1;
    transition: all 0.3s ease-in-out;
}
footer .msg:hover a {
    color: #ee9d26;
}


footer .msg a i {
    margin-left: 0.5em;
    width: 0.5em;
    margin-top: 0;
    vertical-align: middle;
}
footer .msg:hover a i svg {
    fill: #ee9d26;
}
footer .grupos h3 {
    position: relative;
    padding-top: 1vw ;
    padding-bottom: 1vw ;
    margin-bottom: 3vw;
    font-size: 4.3vw;
}
footer .grupos h3 strong {
    font-weight: 400;
}
footer .grupos h3 strong a {
    color: #1a1818;
    transition: color 0.2s ease-in-out;
}
footer .grupos h3 strong a:hover {
    color: #ee9d26;
}
footer .grupos h3::before,
footer .grupos h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
}
footer .grupos h3::before {
    width: 100%;
    background-color: #a69c9c;
    z-index: 1;
}
footer .grupos h3::after {
    background-color: #ee9d26;
    width: 67%;
    z-index: 2;
}
footer .grupos ul {
    display: flex;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -4vw;
    justify-content: space-between;
}
.home footer .grupos ul {
    display: flex;
}
footer .grupos ul li {
    position: relative;
    list-style: none;
    max-width: calc(33.33% - 8vw);
    margin: 4vw;
}
footer .grupos ul li:hover {
    z-index: 3;
}
footer .grupos ul li a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition-property: visibility;
    transition-delay: 0.5s;
}
footer .grupos ul li:hover a {
    visibility: visible;
}

footer .grupos ul li img {
    max-width: 100%;
    max-height: 14vw;
    width: auto;
    height: auto;
    height: auto;
    display: block;
    opacity: 0.7;
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
}
footer .grupos ul li:hover img {
    filter: grayscale(0%);
    opacity: 1;
}
footer .grupos ul li .tooltip {
    position: absolute;
    top: calc(100% + 0.5em);
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3.5vw;
    min-width: 50vw;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}
footer .grupos ul li .tooltip > span {
    display: inline-block;
    background-image: url(../images/btn-arrow-b.png);
    background-position: right 40%;
    background-size: auto 60%;
    background-repeat: no-repeat;
    padding-right: 1.7em;
}
footer .grupos ul li:nth-of-type(3n-2) .tooltip {
    left: 0;
}
footer .grupos ul li:nth-of-type(3n-1) .tooltip {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
footer .grupos ul li:nth-of-type(3n) .tooltip {
    right: 0;
    text-align: right;
}
footer .grupos ul li:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

footer .copy {
    padding: 10vw 0;
}
footer .copy p {
    width: 100%;
}
footer .copy strong {
    display: block;
}

@media screen and (min-width: 680px) {
    .hero .title .content {
        padding-top: 13.9vw;
        padding-bottom: 5.65vw;
        padding-right: 5vw;
    }
    .home .hero .title .content h1 {
        font-size: 67px;
        font-size: 6.6vw;
    }
    .hero .reel .content {
        height: 84.4vw;
    }
    .home .s-content-hero .col-tl-4 {
        height: 35vw;
    }
    .s-content-hero .col-tl-4 {
        margin-top: -9.91vw;
    }
    .s-content-hero .col-tl-4 .content {
        padding-top: 5vw;
    }
    .s-content-hero .col-tl-4 .content h2 {
        font-size: 4.2vw;
    }
    .s-content-hero .col-tl-4 .content h2 strong {
        font-size: 6.25vw;
    }
    .s-content-hero .col-tl-4 .bg-detalhe {
        left: -3.6vw;
        width: calc(100% + 7.2vw);
        background-image: url(../images/detalhe-real-bg-tp.png), url(../images/detalhe-real-bg-tp.svg);
    }
    .single-ecosystem .s-content-hero .col-tl-4 .bg-detalhe {
        background-image: url(../images/detalhe-real-bg-tp-branco.svg);
    }
    .s-content-hero .col-tl-4 .bg-detalhe h2 {
        font-size: 29vw;
        margin: 8vw 0 0 -7.5vw;
    }
    .home .s-sobre h2 {
        font-size: 49px;
        font-size: 6.4vw;
    }
    .s-update .desc-nav p {
        font-size: 4.1vw;
        padding-right: 25vw;
    }
    .update-cell {
        width: 91vw;
        padding-left: 7.4vw;
        padding-right: 0;
    }
    .update-cell::before,
    .update-cell::after {
        top: 46.5vw;
    }
    .update-cell::before {
        left: 2.5vw;
        line-height: 1.75;
        font-size: 8vw;
    }
    .update-cell::after {
        left: 4.5vw;
        font-size: 12vw;
    }
    .update-cell .imagem {
        width: 43.65vw;
        height: 58.2vw;
    }
    .update-cell .texto {
        width: 33.5vw;
        margin-left: 6vw;
    }
    .update-cell .texto h3 {
        font-size: 5.2vw;
    }

    .s-eco {
    padding-top: 13vw;
    padding-bottom: 9vw;
    }
    .s-eco .info {
        display: flex;
        /*align-items: flex-end;*/
		align-items: flex-start;
    }
    .s-eco .titulo {
        width: 42%;
    }
    .s-eco .titulo h2 {
        font-size: 4.4vw;
    }
    .s-eco .titulo h3 {
        font-size: 19.1733vw;
    }
    .s-eco .desc {
        width: 40%;
        margin-bottom: 0.45em;
        margin-left: 5%;
    }

    .s-eco .eco {
        margin-top: 5vw;
    }
    .s-eco .nav-eco {
        margin-left: 33.334%;
    }
    .s-eco .nav-eco li {
        margin: 3vw 0;
    }
    
    .s-eco .nav-eco li a,
    .s-eco .nav-eco li span {
        font-size: 10vw;
        padding: 4vw 0 4vw 0.7vw;
    }
    .s-eco .nav-eco li a::before,
    .s-eco .nav-eco li span::before {
        bottom: 4vw;
    }
    .s-eco .nav-eco li a:hover::before {
        width: 0.7vw;
    }

    footer {
        margin-top: 20vw;
    }
    footer .msg {
        margin-top: -5vw;
        margin-bottom: 10vw;
        margin-right: -3.6vw;
    }

    footer .msg a {
        font-size: 6vw;
        padding: 5vw 9vw 4vw 7vw;
    }
    
    footer .grupos h3 {
        font-size: 3.3vw;
    }
    footer .grupos h3::after {
        width: 50%;
    }
    footer .grupos ul {
        margin: 0 -3.6vw;
        overflow: hidden;
    }
    footer .grupos ul li {
        list-style: none;
        max-width: calc(25% - 8vw);
        margin: 4vw;
    }

    footer .grupos ul li .tooltip {
        font-size: 2vw;
    }

    footer .grupos ul li:nth-of-type(3n-2) .tooltip {
        left: 0;
    }
    footer .grupos ul li:nth-of-type(3n-1) .tooltip {
        left: 0;
        transform: none;
        text-align: left;
    }
    footer .grupos ul li:nth-of-type(3n) .tooltip {
        right: auto;
        text-align: left;
    }
    footer .grupos ul li:nth-of-type(4n) .tooltip {
        left: auto;
        right: 0;
        text-align: right;
    }

    footer .grupos img {
        max-height: 5.8vw;
    }
    footer .copy {
        padding: 10vw 0;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .hero .title .content {
        padding-top: 10.7vw;
        padding-bottom: 0;
        padding-right: 2.5vw;
        padding-left: 1.5vw;
    }
    .home .hero .title .content h1 {
        font-size: 67px;
        font-size: 2.65vw;
    }
    .hero .reel .content {
        height: 43.45vw;
    }
    .s-content-hero .btn-proximo {
        display: flex;
        color: #fff;
        top: 0;
        transform: rotate(-90deg) translateX(-100%);
        transition: color 0.3s ease-in-out;
    }
    .s-content-hero .btn-proximo::before {
        border-color: #fff;
        transition: border-color 0.3s ease-in-out;
    }
    .s-content-hero .btn-proximo::after {
        background-color: #fff;
        transition: background-color 0.3s ease-in-out;
    }
    .s-content-hero .btn-proximo:hover {
        color: #1a1818;
    }
    .s-content-hero .btn-proximo:hover::before {
        border-color: #1a1818;
    }
    .s-content-hero .btn-proximo:hover::after {
        background-color: #1a1818;
    }
    .s-content-hero .col-tl-2 {
        margin-top: -9.22vw;
        height: 28.44vw;
        z-index: 2;
    }
    .home .s-content-hero .col-tl-2 .detalhe-linha {
        position: absolute;
        top: 0;
        left: 3vw;
        width: 1px;
        height: 5vw;
        background-color: #ee9d26;
        transform: translateY(-100%);
    }
    .s-content-hero .col-tl-2 .bg-detalhe {
        position: absolute;
        top: 0;
        left: -1.9vw;
        width: calc(100% + 1.9vw);
        height: 100%;
        background-image: url(../images/detalhe-titulo-bg-tl.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .s-content-hero .col-tl-4 {
        margin-top: -9.22vw;
        padding-top: 3.88vw;
    }
    .home .s-content-hero .col-tl-4 {
        height: 28.44vw;
    }
    .s-content-hero .col-tl-4 .content {
        padding-top: 3.3vw;
        padding-left: 2.3vw;
    }
    .single-ecosystem .s-content-hero .col-tl-4 .content {
        padding: 3.6vw 19vw 3.6vw 3.6vw;
    }
    .s-content-hero .col-tl-4 .content h2 {
        max-width: 44%;
        font-size: 40px;
        font-size: 2.2vw;
        line-height: 0.7;
    }
    .s-content-hero .col-tl-4 .content h2 strong {
        font-size: 70px;
        font-size: 3.8vw;
    }
    .s-content-hero .col-tl-4 .bg-detalhe h2 {
        font-size: 15vw;
        margin: 8vw 0 0 -3vw;
    }

    .s-content-hero .col-tl-4 .bg-linha {
        top: 3.88vw;
        height: calc(100% - 3.88vw);
    }
    .s-content-hero .col-tl-4 .bg-detalhe {
        left: -0.5px;
        width: calc(100% + 0.5px);
        background-image: url(../images/detalhe-real-bg-tl.png), url(../images/detalhe-real-bg-tl.svg);
    }
    .single-ecosystem .s-content-hero .col-tl-4 .bg-detalhe {
        background-image: url(../images/detalhe-real-bg-tl-branco.svg);
    }
    .home .s-sobre {
        padding-top: 14vw;
        padding-bottom: 14vw;
    }
    .home .s-sobre h2 {
        font-size: 70px;
        font-size: 3.05vw;
        padding: 0 9vw;
    }
    .s-update {
        padding-top: 2.92vw;
        margin-bottom: 5vw;
    }
    .s-update h2 {
        display: block;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 278px;
        font-size: 14.4vw;
        letter-spacing: -0.05em;
        transform: translateY(100%) rotate(-90deg);
        transform-origin: 0 0;
        bottom: 0;
        position: absolute;
        left: 7.1vw;
        color: #c7c2c2;
    }
    .s-update .btn-proximo {
        top: auto;
        bottom: 0;
        transform: rotate(-90deg) translateX(0%);
        opacity: 0.4;
    }
    .s-update .btn-proximo:hover {
        opacity: 1!important;
    }
    .c-update {
        padding-bottom: 5.4vw;
        background-color: transparent;
        background-image: url(../images/c-update-bg-tl.svg);
        background-size: 100% auto;
        background-position: center bottom;
    }
    .c-update::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 12vw;
        background-color: #f2eded;
        bottom: 0;
        left: 80%;
        z-index: 1;
    }
    .s-update .desc-nav {
        z-index: 3;
        flex-direction: column;
        padding-top: 4.4vw;
        padding-bottom: 0;
    }
    .s-update .desc-nav > div:nth-child(1) {
        margin-bottom: 1vw;
    }
    .s-update .desc-nav p {
        font-size: 2.19vw;
        letter-spacing: -0.02em;
        line-height: 1.2;
        padding-right: 0;
    }
    .s-update .desc-nav ul {
        padding-right: 2vw;
    }
    .desc-nav ul li {
        border-bottom: 2px solid #f2eded;
    }
    .desc-nav ul li::before {
        font-size: 0.55em;
    }
    .desc-nav ul li:hover::before {
        color: #ee9d26;
    }
    .desc-nav ul li::after {
        bottom: -2px;
        height: 3px;
    }
    .s-update .conteudo {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .s-update .button-prev,
    .s-update .button-next {
        bottom: 6vw;
    }
    .s-update .button-prev {
        left: -3.9vw;
        transform: translateX(-100%);
    }
    .s-update .button-next {
        right: 27.1vw;
        transform: translateX(100%);
    }
    .update-main {
        margin-left: -4.97vw;
    }
    .update-main .flickity-viewport {
        margin-top: -2.92vw;
    }
    .update-cell {
        width: 92.5%;
        padding-left: 3.4vw;
        padding-right: 0;
    }
    .update-cell::before,
    .update-cell::after {
        top: 46.5vw;
    }
    .update-cell::after {
        left: 4.5vw;
        font-size: 10.4vw;
    }
    .update-cell:not(.is-selected) {
        transform-origin: 0 50%;
    }
    .update-cell::before,
    .update-cell::after {
        top: auto;
        bottom: 0;
    }
    .update-cell::before {
        left: -0.05em;
        line-height: 1.35;
        font-size: 6.3vw;
        z-index: 4;
    }
    .update-cell::after {
        left: 0.1em;
        font-size: 10.4vw;
    }
    .update-cell .imagem {
        width: 37vw;
        height: 49.27vw;
        margin-top: 0.35vw;
    }
    .update-cell .imagem::before {
        top: -0.3125vw;
        height: 0.625vw;
    }
    .update-cell .texto {
        width: 20.15vw;
        margin-top: 7.3vw;
        margin-left: 3.7%;
    }
    .update-cell .texto h3 {
        font-size: 3.2vw;
        margin-top: 0;
    }
    .update-cell .texto p {
        margin-bottom: 0;
    }
    .update-cell .texto p:nth-of-type(1) {
        margin-bottom: 2em;
    }
    .update-cell .texto p:nth-of-type(2) {
        margin-bottom: 1em;
    }

    .s-eco {
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
    .s-eco .info {
		padding-top: 2.0vw;
        /*padding-bottom: 2.0vw;*/
    }
	.single-ecosystem .s-eco .info {
		padding-top: 7vw;
    }
    .s-eco .titulo {
        margin-left: 1.7vw;
        width: 41.95%;
    }
    .s-eco .titulo h2 {
        font-size: 2.3vw;
    }
    .s-eco .titulo h3 {
        font-size: 10.03vw;
    }
    .s-eco .desc {
        width: 30%;
        margin-bottom: 0.55em;
        margin-left: 4%;
    }

    .s-eco .eco {
        margin-top: 0;
    }

    .s-eco .nav-bg-eco {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
    }
    .s-eco .nav-bg-eco .item {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-size: cover;
        background-position: center center;
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }
    .s-eco .nav-bg-eco .item.active {
        width: 100%;
        opacity: 1;
    }
    .s-eco .nav-bg-eco .item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(26, 24, 24, 0.6);
    }
    .s-eco .nav-bg-eco .item video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .s-eco .nav-bg-eco .item.active {
        opacity: 1;
    }
    .s-eco .nav-eco {
        margin-left: 0;
    }
    .s-eco .nav-eco li {
        margin: 0.5vw 0;
    }
    .s-eco .nav-eco li.remove {
        opacity: 0;
    }
    .s-eco .nav-eco li a,
    .s-eco .nav-eco li span {
        font-size: 5.3vw;
        padding: 2vw 0 2vw 0.4vw;
    }
    .s-eco .nav-eco li a:hover {
        color: #fff;
    }
    .s-eco .nav-eco li a::before,
    .s-eco .nav-eco li span::before {
        bottom: 2vw;
    }
    .s-eco .nav-eco li a:hover::before {
        width: 0.4vw;
    }
    .s-eco .nav-eco li a i,
    .s-eco .nav-eco li span i {
        left: 105%;
    }

    footer {
        margin-top: 8vw;
    }
    footer .msg {
        margin-top: 1px;
        margin-bottom: 0;
        margin-right: 0;
        position: absolute;
        top: 4.805vw;
        right: 0;
        transform: translateY(-100%);
        z-index: 3;
    }
    footer .msg .bg-detalhe {
        width: 8.35vw;
        height: 4.3vw;
    }
    footer .msg a {
        font-size: 3.2vw;
        padding: 2.4vw 4vw 1.9vw 3vw;
    }
    
    footer .grupos {
        padding: 2vw 3.8vw 1vw 1.9vw;
    }
    footer .grupos h3 {
        font-size: 1.25vw;
        padding-bottom: 0.5vw;
        margin-bottom: 1vw;
    }
    footer .grupos h3::after {
        width: 44%;
    }
    footer .grupos ul {
        margin: 0 -3.8vw 2vw;
        justify-content: space-between;
    }
	/*footer .grupos ul::after {
		content: '';
		width: auto;
		flex: auto;
	}*/
    footer .grupos ul li {
        list-style: none;
        max-width: calc(16.66% - 7.6vw);
        margin: 1vw 3.8vw 3vw;
        cursor: pointer;
    }
    footer .grupos ul li:nth-child(1) {
        margin-left: 3.8vw;
    }
    footer .grupos ul li:nth-child(6) {
        margin-right: 3.8vw;
    }
    footer .grupos ul li:nth-child(n+7) {
        margin: 1vw 3.8vw 3vw;
    }
    footer .grupos ul li:last-child {
        margin-right: auto;
    }
    footer .grupos ul li .tooltip {
        min-width: 13vw;
        max-width: 13vw;
        font-size: 0.83vw;
        letter-spacing: 0.05em;
    }
    footer .grupos ul li:nth-of-type(n) .tooltip {
        left: 0;
        transform: none;
        text-align: left;
    }
    footer .grupos ul li:nth-of-type(7) .tooltip,
    footer .grupos ul li:nth-of-type(14) .tooltip {
        left: auto;
        right: 0;
        text-align: right;
    }
    footer .grupos ul li a {
        visibility: visible;
    }
    
    footer .grupos ul li img {
        max-height: 3.6vw;
    }
	footer .grupos ul li:nth-of-type(7) img {
        max-height: 5vw;
    }
    footer .copy {
        font-size: 1.2vw;
        text-align: left;
        padding: 0 3.8vw 5vw 1.9vw;
    }
    footer .copy p strong {
        display: inline-block;
    }
    
}
@media screen and (min-width: 1366px) {
    .hero .title .content {
        padding-top: 10.7vw;
        padding-bottom: 0;
    }

    .hero .reel .content {
        height: 43.45vw;
    }
    footer .copy p {
        font-size: 1vw;
    }
}

.page-template-page-trabalhos header:not(.white) .btn-menu .linhas,
.page-template-page-trabalhos header:not(.white) .btn-menu .linhas::before,
.page-template-page-trabalhos header:not(.white) .btn-menu .linhas::after,
.tax-cliente header:not(.white) .btn-menu .linhas,
.tax-cliente header:not(.white) .btn-menu .linhas::before,
.tax-cliente header:not(.white) .btn-menu .linhas::after {
    background-color: #a69c9c;
}
.page-template-page-trabalhos header:not(.white) .btn-search i svg,
.tax-cliente header:not(.white) .btn-search i svg {
    fill: #a69c9c;
}
.page-template-page-trabalhos header:not(.white) .tagline,
.page-template-page-trabalhos header:not(.white) .tagline a,
.page-template-page-trabalhos header:not(.white) .lang li a,
.tax-cliente header:not(.white) .tagline,
.tax-cliente header:not(.white) .tagline a,
.tax-cliente header:not(.white) .lang li a {
    color: #a69c9c;
}
.page-template-page-trabalhos,
.tax-cliente {
    background-color: #1a1818;
}
.tax-cliente .heading-simple {
    color: #a69c9c;
}
.page-template-page-trabalhos .bg-linha .linha,
.tax-cliente .bg-linha .linha {
    border-color: #000;
}
.page-template-page-trabalhos .heading {
    margin-top: 27.2vw;
    margin-bottom: 9.4vw;
    z-index: 3;
}
.page-template-page-trabalhos .heading .title .inner {
    overflow: hidden;
    position: relative;
    margin-left: -4.5vw;
    height: 51.2vw;
}
.page-template-page-trabalhos .heading .title .inner .bg-detalhe {
    position: absolute;
    right: -65vw;
    bottom: 0;
    z-index: 1;
    width: 287vw;
    height: 287vw;
    border-radius: 300vw;
    background-color: #ee9d26;
}
.page-template-page-trabalhos .heading .title .inner h2,
.tax-cliente .heading .title .inner h2 {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #000;
    font-size: 12vw;
    margin-top: 10vw;
    letter-spacing: -0.05em;
}
.page-template-page-trabalhos .heading .filter {
    position: relative;
    order: 3;
}
.page-template-page-trabalhos .heading .filter .inner {
    width: calc(100% + 4.5vw);
    margin-right: -4.5vw;
}
.page-template-page-trabalhos .heading .filter .btn-filter {
    width: calc(50% - 2.25vw);
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 5vw;
    background-color: #000;
    color: #ee9d26;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.8vw;
    letter-spacing: 0.15em;
    box-sizing: border-box;
    transition: width 0.4s ease-in-out 0.2s,
        color 0.3s ease-in-out;
}
.page-template-page-trabalhos .heading .filter.open .btn-filter {
    width: calc(100%);
}
.page-template-page-trabalhos .heading .filter .btn-filter i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11vw;
    height: 11vw;
    border: 1px solid #ee9d26;
    transition: opacity 0.4s ease-in-out;
}
.page-template-page-trabalhos .heading .filter .btn-filter i svg {
    width: 45%;
    transition: opacity 0.4s ease-in-out;
}
.page-template-page-trabalhos .heading .filter .btn-filter i svg path {
    fill: #ee9d26;
}

.page-template-page-trabalhos .heading .filter.open .btn-filter i {
    opacity: 0;
}

.page-template-page-trabalhos .heading .filter .btn-close {
    cursor: pointer;
    position: absolute;
    top: 5vw;
    right: 2vw;
    border: 1px solid #ee9d26;
    display: block;
    width: 11vw;
    height: 11vw;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}
.page-template-page-trabalhos .heading .filter.open .btn-close {
    transition-delay: 0.4s;
    visibility: visible;
    opacity: 1;
}
.page-template-page-trabalhos .heading .filter .btn-close.hide {
    visibility: hidden;
}
.page-template-page-trabalhos .heading .filter .btn-close::before,
.page-template-page-trabalhos .heading .filter .btn-close::after {
    background-color: #ee9d26;
}
.page-template-page-trabalhos .heading .filter .filters {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #000;
    width: calc(100% + 4.5vw);
    padding: 0 5vw 5vw 5vw;
    z-index: 1;
}
.page-template-page-trabalhos .heading .filter .filters h4 {
    width: 100%;
    color: #ee9d26;
    font-size: 5.5vw;
    margin-bottom: 1vw;
    padding: 0 3vw;
}
.page-template-page-trabalhos .heading .filter .filters .button-group {
    margin: 0 -3vw 5vw;
    display: flex;
    flex-wrap: wrap;
}
.page-template-page-trabalhos .heading .filter .filters .button-group:last-child {
    margin-bottom: 0;
}
.page-template-page-trabalhos .heading .filter .filters .button-group a {
    color: #a69c9c;
    margin: 3vw;
    text-decoration: underline;
    line-height: 1;
}
.page-template-page-trabalhos .heading .filter .filters .button-group a.is-checked {
    color: #fff;
}

.page-template-page-trabalhos .heading .desc,
.tax-cliente .heading .desc {
    padding-top: 3vw;
    padding-bottom: 5vw;
}
.page-template-page-trabalhos .heading .desc h1,
.tax-cliente .heading .desc h1 {
    color: #a69c9c;
    font-size: 5.5vw;
}

.button-group {
    position: relative;
    z-index: 9;
}

.works-main {
    margin-right: -4.5vw;
    position: relative;
    transition: height 0.6s ease-in-out;
}
.s-related .works-main .divider {
    width: 100%;
    margin-bottom: 15vw;
}
.s-related .no-result {
    position: absolute;
    width: 100%;
    height: 40vw;
    padding-top: 10vw;
    display: flex;
    align-items: center;
}
.s-related .no-result h4 {
    color: #fff;
    font-size: 6vw;
}
.s-related .works-main {
    min-height: 40vw;
}
.s-related .works-main .related-cell .detalhe-linha {
    left: 0;
    width: 40%;
    transition: width 0.5s ease-in-out 0.2s;
}
.s-related .works-main .related-cell {
    margin-bottom: 15vw;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
}
.s-related .works-main .related-cell > a {
    width: 100%;
    left: 0;
}
.s-related .works-main .related-cell.feature {
    width: calc(100% + 4.5vw);
    margin-left: -4.5vw;
}
.s-related .works-main .related-cell.feature .texto {
    padding-left: 4.5vw;
}
.s-related .works-main .related-cell.feature .texto h3 {
    font-size: 16.2vw;
}
.s-related .works-main .related-cell .imagem {
    background-color: #1a1818;
    -webkit-mask-image: url(../images/mask-work-thumb.svg);
    -webkit-mask-position: 94% 100%;
    -webkit-mask-size: auto 100%;
    -webkit-mask-repeat: no-repeat;
}
.s-related .works-main .related-cell .imagem img {
    opacity: 0.6;
}

.s-related .works-main.is-showing-items .related-cell.one {
    transition:
        margin 0.4s ease-in-out,
        opacity 0.4s ease-in-out,
        transform 0.4s ease-in-out 0.4s!important;
}
.s-related .works-main.is-showing-items .related-cell .texto h3 {
    transition: all 0.4s ease-in-out;
}


@media screen and (min-width: 680px) {
    .page-template-page-trabalhos .heading .title .inner {
        margin-left: -3.6vw;
    }
    .page-template-page-trabalhos .heading .filter .inner {
        width: calc(100% + 3.6vw);
        margin-right: -3.6vw;
    }
    .works-main {
        margin-right: -3.6vw;
    }
    .s-related .works-main .related-cell .imagem {
        -webkit-mask-position: 93% 100%;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .page-template-page-trabalhos .heading {
        margin-top: 8vw;
        margin-bottom: 0;
        align-items: flex-end;
    }
    .page-template-page-trabalhos .heading > .container > .row {
        align-items: flex-end;
    }
    .page-template-page-trabalhos .heading .title .inner {
        margin-left: -1.9vw;
        height: 15vw;
    }
    .page-template-page-trabalhos .heading .title .inner .bg-detalhe {
        right: -29vw;
        width: 100vw;
        height: 100vw;
    }
    .page-template-page-trabalhos .heading .title .inner h2 {
        font-size: 4.5vw;
        margin-top: 3.2vw;
    }
    .page-template-page-trabalhos .heading .filter {
        order: 0;
    }
    .page-template-page-trabalhos .heading .filter .inner {
        width: 100%;
        margin-right: 0;
    }
    .page-template-page-trabalhos .heading .filter .btn-filter {
        width: 33.33%;
        padding: 1.6vw 1.6vw 1.6vw 2.8vw;
        font-size: 0.8vw;
        cursor: pointer;
    }
    .page-template-page-trabalhos .heading .filter .btn-filter:hover {
        color: #fff;
    }
    .page-template-page-trabalhos .heading .filter.open .btn-filter:hover {
        color: #ee9d26;
    }
    .page-template-page-trabalhos .heading .filter.open .btn-filter {
        cursor: default;
    }
    .page-template-page-trabalhos .heading .filter .btn-filter i {
        width: 3.5vw;
        height: 3.5vw;
    }
    .page-template-page-trabalhos .heading .filter .btn-filter i svg {
        width: 35%;
    }
    .page-template-page-trabalhos .heading .filter .btn-filter i svg path {
        fill: #ee9d26;
    }
    .page-template-page-trabalhos .heading .filter .filters {
        width: 100%;
        display: flex;
        align-items: flex-start;
        padding: 0 1.6vw 2.2vw 1.8vw;
    }
    .page-template-page-trabalhos .heading .filter .btn-close {
        top: 1.6vw;
        right: 1.6vw;
        width: 3.5vw;
        height: 3.5vw;
    }
    .page-template-page-trabalhos .heading .filter .filters .button-group {
        width: 50%;
        margin: 0!important;
        align-items: flex-start;
    }
    .page-template-page-trabalhos .heading .filter .filters .button-group:first-of-type {
        padding-right: 3vw;
        border-right: 1px solid #4d4949;
    }
    .page-template-page-trabalhos .heading .filter .filters .button-group:last-of-type {
        padding-left: 3vw;
        padding-right: 0;
    }
    .page-template-page-trabalhos .heading .filter .filters h4 {
        font-size: 1.4vw;
        padding: 0 1vw;
    }
    .page-template-page-trabalhos .heading .filter .filters .button-group a {
        font-size: 1.2vw;
        margin: 1vw;
        cursor: pointer;
    }
    .page-template-page-trabalhos .heading .filter .filters .button-group a:hover {
        color: #fff;
    }
    .s-related .no-result {
        height: 12.9vw;
        padding-top: 6vw;
        justify-content: center;
    }
    .s-related .no-result h4 {
        font-size: 4vw;
    }

    .page-template-page-trabalhos .heading .desc {
        align-self: flex-start;
        /*margin-left: -16.6666667%;*/
        margin-left: -33.3333333%;        
        padding-left: 5.5vw;
        padding-right: 3.6vw;
        padding-top: 3vw;
        padding-bottom: 0;
    }
    .page-template-page-trabalhos .heading .desc h1 {
        font-size: 2.03vw;
    }
    .s-related .works-main {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0;
        min-height: 12.9vw;
    }
    .works-main .btn-proximo {
        top: 27vw;
        color: #000;
    }
    .works-main .btn-proximo::before {
        border-color: #000;
    }
    .works-main .btn-proximo::after {
        width: 12vw;
        background-color: #000;
    }
    .s-related .works-main .divider {
        margin-bottom: 5vw;
    }
    .s-related .works-main .related-cell.feature {
        width: 62.966667%;
        margin-left: 33.33%;
        margin-top: 0;
        margin-bottom: 0;
    }
    .s-related .works-main .related-cell.feature .imagem {
        height: 35.7vw;
        -webkit-mask-position: 100% 100%;
    }
    .s-related .works-main .related-cell.feature .imagem img {
        opacity: 0.4;
    }
    .s-related .works-main .related-cell.feature .texto {
        width: 40%;
        position: absolute;
        top: 50%;
        left: -26.4%;
        transform: translateY(-50%);
        padding: 0;
    }
    .s-related .works-main .related-cell.feature .texto h3 {
        font-size: 5.1vw;
    }
    .s-related .works-main .related-cell {
        width: 29.63%;
        margin-right: 3.7%;
        margin-top: 5vw;
        margin-bottom: 0;
        margin-left: 0;
    }
    .s-related .works-main .related-cell .imagem {
        -webkit-mask-position: 100% 100%;
    }
    .s-related .works-main .related-cell .texto {
        padding-right: 4vw;
    }
}
@media screen and (min-width: 1366px) {
}


.single-trabalhos header:not(.white) .btn-menu .linhas,
.single-trabalhos header:not(.white) .btn-menu .linhas::before,
.single-trabalhos header:not(.white) .btn-menu .linhas::after {
    background-color: #a69c9c;
}

.single-trabalhos header:not(.white) .tagline,
.single-trabalhos header:not(.white) .tagline a,
.single-trabalhos header:not(.white) .lang li a {
    color: #a69c9c;
}
.single-trabalhos header:not(.white) .btn-search i svg {
    fill: #a69c9c;
}

.single-trabalhos .hero .content {
    height: 100vh;
    background-color: #1a1818;
}
.single-trabalhos .hero .container {
    padding-left: 0;
    padding-right: 0;
}
.reel-play.reel-play-fill {
    width: 18.4vw;
    height: 18.4vw;
    background-color: #ee9d26;
    top: calc(50% - 2.65vw);
    box-shadow: 0 0 0 0 #ee9d26;
    transition: box-shadow 0.3s ease-in-out;
}
.reel-play.reel-play-fill:hover {
    box-shadow: 0 0 0 5px #ee9d26;
}
.single-ecosystem .reel-play.reel-play-fill {
    top: calc(50% - 7.5vw);
}
.reel-play.reel-play-fill i {
    width: 25%;
    transition: transform 0.3s ease-in-out;
}
.reel-play.reel-play-fill:hover i {
    transform: translate(-50%,-50%) scale(0.9);
}
.reel-play.reel-play-fill i svg path {
    stroke-width: 0;
    fill: #fff;
}
.hero .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    opacity: 0.4;
}
.hero .bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: auto;
    max-width: none;
}

.single-trabalhos .s-content {
    background-color: #f2eded;
}
.single-trabalhos .s-content .col-tl-2 .content {
    width: calc(100% + 9vw);
    margin-left: -4.5vw;
    margin-right: -4.5vw;
    background-color: #1a1818;
    color: #fff;
}
.single-trabalhos .s-content .col-tl-2 .content .title {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 15vw 9vw 35vw 9vw;
    box-sizing: border-box;
}
.single-trabalhos .s-content .col-tl-2 .content .title h1 {
    font-size: 60px;
    font-size: 16vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.single-trabalhos .s-content .col-tl-2 .content .title .bg-detalhe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.single-trabalhos .s-content .col-tl-2 .content .title .bg-detalhe::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -150%;
    width: 300vw;
    height: 300vw;
    border-radius: 50% 50% 50% 0;
    background-color: #ee9d26;
}
.single-trabalhos .s-content .col-tl-2 .content .title .btn-proximo {
    top: 0;
    left: 1vw;
    transform: rotate(-90deg) translateX(-100%);
}
.single-trabalhos .s-content .col-tl-2 .content .title .btn-proximo::after {
    width: 3vw;
}


.single-trabalhos .s-content .col-tl-2 .content .bg-linha {
    width: calc(100% - 9vw);
    left: 4.5vw;
}
.single-trabalhos .s-content .col-tl-2 .content .bg-linha .linha {
    border-color: #000;
}

.single-trabalhos .s-content .col-tl-2 .content .details {
    position: relative;
    z-index: 1;
    margin-top: 0;
    padding: 9vw 9vw 12vw 9vw;
}
.single-trabalhos .s-content .col-tl-2 .content .details dl {
    margin: 0;
    line-height: 1;
}
.single-trabalhos .s-content .col-tl-2 .content .details dl dt {
    color: #ee9d26;
    font-size: 18px;
    font-size: 4.5vw;
    font-weight: 400;
}
.single-trabalhos .s-content .col-tl-2 .content .details dl dd {
    margin: 0 0 1em;
    font-size: 28px;
    font-size: 7.5vw;
    color: #a69c9c;
}
.single-trabalhos .s-content .col-tl-2 .content .details dl dd:last-child {
    margin-bottom: 0;
}
.single-trabalhos .s-content .col-tl-4 .content {
    height: auto;
    padding: 9vw 4.5vw 65vw 4.5vw;
    box-sizing: border-box;
}
.single-trabalhos .s-content .col-tl-4 .content h2 {
    font-size: 7.5vw;
    margin-bottom: 1em;
}
.work-share {
    position: absolute;
    bottom: 13vw;
    left: 4.5vw;
    transform-origin: 0 0;
    transform: translateY(100%) rotate(-90deg);
    z-index: 5;
}

.work-share h4 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.65vw;
    letter-spacing: 0.3em;
    white-space: nowrap;
    color: #a69c9c;
}
.work-share ul {
    display: flex;
    justify-content: space-between;
    padding: 0 3px;
    list-style: none;
    margin-top: 3vw;
}
.work-share ul li a {
    display: block;
    width: 4.7vw;
    height: 4.7vw;
    box-shadow: 0 0 0 2px #a69c9c;
    transform: rotate(90deg);
    transition: box-shadow 0.3s ease-in-out;
}
.work-share ul li a:hover {
    box-shadow: 0 0 0 4px #ee9d26;
}
.work-share ul li a i svg path {
    fill: #a69c9c;
    transition: fill 0.3s ease-in-out;
}
.work-share ul li a:hover i svg path {
    fill: #ee9d26;
}

.s-campaing {
    background-color: #1a1818;
    color: #fff;
}
.s-campaing.light {
    background-color: transparent;
    color: #1a1818;
}
.s-campaing .bg-linha .linha {
    border-color: #000;
}
.s-campaing .campaing-main {
    background-color: #1a1818;
}
.s-campaing .campaing-main .flickity-viewport {
    max-height: 73vw;
}
.s-campaing .campaing-cell {
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.s-campaing .campaing-cell::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 2.28vw;
    background-color: #ee9d26;
    transition: all 0.5s ease-in-out 0.3s;
}
.s-campaing .campaing-cell.is-selected::before {
    width: 60%;
}
.s-campaing .campaing-cell img {
    width: 130%;
    max-width: none;
    height: auto;
    opacity: 0.7;
}
.s-campaing .btn-campaing {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 7.5vw);
    z-index: 2;
    width: 15vw;
    height: 15vw;
    background-color: #000;
    transition: all 0.3s ease-in-out;
}
.s-campaing .btn-campaing i {
    width: 100%;
}
.s-campaing .btn-campaing.btn-nav i {
    width: 30%;
    height: 30%;
    border: 2px solid #ee9d26;
    transform: rotate(45deg);
}
.s-campaing .btn-campaing.btn-nav.button-prev i {
    border-top: none;
    border-right: none;
    transform: translateX(20%) rotate(45deg);
}
.s-campaing .btn-campaing.btn-nav.button-next i {
    border-bottom: none;
    border-left: none;
    transform: translateX(-20%) rotate(45deg);
}
.s-campaing .btn-campaing.button-next {
    right: 1.4%;
}
.s-campaing .btn-campaing.btn-fullscreen {
    top: 0;
    right: 1.4%;
}
.s-campaing .btn-campaing.btn-fullscreen i {
    width: 60%;
    height: 60%;
}
.s-campaing .btn-campaing.btn-fullscreen i svg path {
    fill: #ee9d26;
    transition: all 0.3s ease-in-out;
}
.s-campaing .btn-campaing .campaing-fullscreen {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.s-campaing .btn-campaing .campaing-fullscreen a {
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
}
.s-campaing .col-tl-4 {
    z-index: 2;
    width: calc(100% + 9vw);
    margin-left: -4.5vw;
    margin-right: -4.5vw;
}
.s-campaing .col-tl-2 {
    z-index: 2;
    padding: 9vw 0 9vw;
}
.s-campaing .col-tl-2 h2 {
    font-size: 28px;
    font-size: 7.5vw;
    color: #a69c9c;
    margin-bottom: 0.3em;
}
.s-campaing .col-tl-2 h2 ~ p {
    font-size: 46px;
    font-size: 12.3vw;
    line-height: 1;
    color: #ee9d26;
    margin-bottom: 0.3em;
}
.s-campaing .desc-nav {
    width: calc(100% + 4.5vw);
    margin-right: -4.5vw;
}
.s-campaing .desc-nav ul li {
    border-color: #a69c9c;
}
.s-campaing .desc-nav ul li::before {
    line-height: 2.5;
    color: #a69c9c;
    transition: all 0.3s ease-in-out;
}
.s-campaing .desc-nav ul li:hover::before,
.s-campaing .desc-nav ul li.is-selected::before {
    color: #fff;
}
.s-campaing.light .desc-nav ul li.is-selected::before {
    color: #1a1818;
}
.s-campaing .desc-nav ul li.is-selected::after {
    width: 10%;
}

.single .s-related .col-6 {
    padding: 8vw 0 25vw;
}
.s-related .col-6 .titulo-btn {
    margin-bottom: 0.5em;
}
.s-related .related-main {
    margin-left: -4.5vw; 
    margin-right: -4.5vw;
    margin-top: 10vw;
}
.related-cell {
    padding-top: 1px;
    position: relative;
    color: #fff;
}
.dark .related-cell {
    color: #1a1818;
}
.s-related .related-cell {
    width: 70.65%;
    padding-left: 4.8vw;
    padding-right: 3.2vw;
}
.s-related .related-main .related-cell {
    transition: opacity 0.5s ease-in-out;
    opacity: 0.3;
}
.s-related .related-cell.is-selected {
    opacity: 1;
}
.s-related .related-cell .detalhe-linha {
    position: absolute;
    z-index: 2;
    left: 4.8vw;
    top: 0;
    width: 0;
    height: 2.28vw;
    background-color: #ee9d26;
    transition: width 0.5s ease-in-out;
}
.s-related .related-cell.is-selected .detalhe-linha {
    width: 60%;
    transition: width 0.5s ease-in-out 0.2s;
}
.s-related .related-cell > a {
    position: absolute;
    z-index: 2;
    display: block;
    width: calc(100% - 8vw);
    height: 100%;
    top: 0;
    left: 4.8vw;
}
.s-related .related-cell .imagem {
    position: relative;
    margin-top: 1.14vw;
    height: 77.35vw;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    -webkit-mask-image: url(../images/mask-work-thumb.svg);
    -webkit-mask-position: bottom right;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    background-color: #1a1818;
}
.s-related.dark .related-cell .imagem {
    /*background-color: #f2eded;*/
}
.s-related .related-cell .imagem img {
    position: absolute;
    /*transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;*/
    max-width: none;
    width: 100%;
    height: 100%;
	object-fit: cover;
    opacity: 0.6;
    transition: all 0.5s ease-in-out;
}
.s-related .related-cell:hover .imagem img,
.s-related .related-cell.feature:hover .imagem img {
    transform: scale(1.2);
    /*transform: translate(-50%,-50%) scale(1.2);*/
    opacity: 1;
}
.s-related .related-cell:hover a.btn.btn-icon {
    background-color: #ee9d26;
}
.s-related .related-cell .texto {
    margin-top: -4.5vw;
    padding-right: 10vw;
}
.s-related .related-cell .texto h3 {
    line-height: 1;
    font-size: 8.5vw;
    letter-spacing: -0.05em;
}
.s-related .related-cell .texto h5 {
    color: #a69c9c;
    font-style: italic;
    font-size: 3.75vw;
}
.s-related .related-cell .texto h5.date {
    color: #ee9d26;
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: 0.3em;
    padding: 0.5em 0 1.25em;
}
.s-related .related-cell .texto p {
    margin-top: 0.75em;
}
@media screen and (min-width: 680px) {
    .reel-play.reel-play-fill {
        width: 12vw;
        height: 12vw;
    }
    .single-ecosystem .reel-play.reel-play-fill {
        top: calc(50% - 4.95vw);
    }
    .single-trabalhos .s-content .col-tl-2 .content,
    .s-campaing .col-tl-4 {
        width: calc(100% + 7.2vw);
        margin-left: -3.6vw;
        margin-right: -3.6vw;
    }
    .s-campaing .btn-campaing {
        width: 12vw;
        height: 12vw;
    }
    .s-campaing .btn-campaing.button-next,
    .s-campaing .btn-campaing.btn-fullscreen {
        right: 0.9%;
    }
    .s-campaing .campaing-cell::before {
        height: 1.5vw;
    }
    .s-campaing .desc-nav {
        width: calc(100% + 3.6vw);
        margin-right: -3.6vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .hero .bg img {
        width: 100%;
        height: auto;
    }
    .single-trabalhos .hero .content {
        height: calc(100vh + 5.29vw);
    }
    .reel-play.reel-play-fill {
        width: 5.3vw;
        height: 5.3vw;
        top: calc(50% - 2.65vw);
    }
    .single-ecosystem .reel-play.reel-play-fill {
        top: calc(50% - 2.6vw);
    }
    .single-trabalhos .s-content .col-tl-2 {
        margin-top: -5.1vw;
    }
    .single-trabalhos .s-content .col-tl-2 .content {
        width: calc(100% + 1.9vw + 1px);
        margin-left: -1.9vw;
    }
    .single-trabalhos .s-content .col-tl-2 .content .bg-linha {
        width: calc(100% - 1.9vw);
        left: 1.9vw;
    }
    .single-trabalhos .s-content .col-tl-2 .content .title {
        position: absolute;
        bottom: calc(100% - 14vw);
        z-index: 1;
        width: 100%;
        max-height: 40vw;
        padding: 5.6vw 5.4vw 13vw 6.3vw;
    }
    .single-trabalhos .s-content .col-tl-2 .content .title .detalhe-linha {
        position: absolute;
        top: 0;
        left: 2vw;
        width: 1px;
        height: 15vw;
        background-color: #ee9d26;
        transform: translateY(-100%);
    }
    .single-trabalhos .s-content .col-tl-2 .content .title .bg-detalhe::before {
        left: -135%;
        width: 100vw;
        height: 100vw;
    }
    .single-trabalhos .s-content .col-tl-2 .content .title h1 {
        font-size: 98px;
        font-size: 5vw;
    }
    .single-trabalhos .s-content .col-tl-2 .content .details {
        margin-top: 14vw;
        padding: 5.6vw 5.4vw 7.3vw 6.3vw;
    }
    .single-trabalhos .s-content .col-tl-2 .content .details dl dt {
        font-size: 26px;
        font-size: 1.35vw;
    }
    .single-trabalhos .s-content .col-tl-2 .content .details dl dd {
        margin: 0 0 2.5vw;
        font-size: 42px;
        font-size: 2.17vw;
    }
    .single-trabalhos .s-content .col-tl-4 {
        margin-top: -9vw;
        padding-top: 3.9vw;
        background-color: transparent;
        background-image: linear-gradient(to bottom, rgba(242, 237, 237, 0), rgba(242, 237, 237, 0) 9vw, #f2eded 9vw) ;
    }
    .single-trabalhos .s-content .col-tl-4 .bg-linha {
        top: 3.9vw;
        opacity: 1;
    }
    .single-trabalhos .s-content .col-tl-4 .bg-detalhe {
        position: absolute;
        top: 0;
        width: 100%;
        height: 9.22vw;
        background-image: url(../images/detalhe-real-bg-tl.svg);
        background-position: 0 0;
        background-size: 100% auto;
    }
    .single-trabalhos .s-content .col-tl-4 .content {
        padding: 4.5vw 20vw 7vw 3.9vw;
    }
    .single-trabalhos .s-content .col-tl-4 .content h2 {
        font-size: 2.15vw;
    }
    .work-share {
        position: absolute;
        top: 9vw;
        bottom: auto;
        left: 87%;
        transform-origin: 0 0;
        transform: rotate(-90deg) translateX(-100%);
        z-index: 5;
    }
    .work-share h4 {
        font-size: 0.75vw;
        letter-spacing: 0.3em;
    }
    .work-share ul {
        padding: 0 3px;
        margin-top: 1vw;
    }
    .work-share ul li a {
        width: 1.41vw;
        height: 1.41vw;
        transform: rotate(90deg);
    }
    .s-campaing .btn-campaing {
        width: 4.4vw;
        height: 4.4vw;
        cursor: pointer;
    }
    .s-campaing .btn-campaing.btn-nav i,
    .s-campaing .btn-campaing.btn-fullscreen i svg path {
        transition: all 0.3s ease-in-out;
    }
    .s-campaing .btn-campaing:hover {
        background-color: #ee9d26;
    }
    .s-campaing .btn-campaing.btn-nav:hover i {
        border-color: #1a1818;
    }
    .s-campaing .btn-campaing.btn-fullscreen:hover i svg path {
        fill: #1a1818;
    }
    .s-campaing .btn-campaing {
        top: calc(50% - 2.2vw);
    }
    .s-campaing .btn-campaing.button-next,
    .s-campaing .btn-campaing.btn-fullscreen {
        right: 0;
    }
    .s-campaing .btn-campaing.button-prev {
        left: -1.9vw;
    }
    .s-campaing .campaing-cell::before {
        height: 0.625vw;
    }
    .s-campaing .campaing-cell.is-selected::before {
        width: 40%;
    }
    .s-campaing .col-tl-4 {
        margin: 0;
    }
    .s-campaing .col-tl-4 .campaing-main {
        margin-left: -1.9vw;
    }
    .s-campaing .campaing-main .flickity-viewport {
        max-height: 37.4vw;
    }
    .s-campaing .desc-nav {
        width: 100%;
        margin-right: 0;
        padding: 7.2vw 0 0 3.65vw;
    }
    .s-campaing .col-tl-2 h2 {
        font-size: 42px;
        font-size: 2.2vw;
    }
    .s-campaing .col-tl-2 h2 ~ p {
        font-size: 70px;
        font-size: 3.6vw;
    }
    .single .s-related .col-6 {
        padding: 5vw 0 15vw;
    }
    .s-related .col-6 .titulo-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 3%;
        padding-left: 4.9vw;
        margin-bottom: 2.65vw;
    }
    .s-related .related-main {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .s-related .related-main .related-cell {
        width: 30.3333333%;
        padding-left: 0;
        padding-right: 0;
        margin-right: 3%;
    }
    .s-related .related-cell .detalhe-linha {
        height: 0.625vw;
        left: 0;
    }
    .s-related .related-cell.is-selected .detalhe-linha {
        width: 55%;
    }
    .s-related .related-cell > a {
        left: 0;
        width: 100%;
    }
    .s-related .related-cell .imagem {
        height: 35.7vw;
        height: 28vw;
        margin-top: 0.3125vw;
    }
    .s-related .related-cell .texto {
        padding-right: 5vw;
        margin-top: -2vw;
    }
    .s-related .related-cell .texto h3 {
        font-size: 3vw;
        margin-bottom: 0.3vw;
    }
    .s-related .related-cell .texto h5 {
        font-size: 1.1vw;
    }
    .s-related .related-cell .texto p {
        font-size: 1.3vw;
    }
}
@media screen and (min-width: 1366px) {

}


.single-ecosystem header:not(.white) .btn-menu .linhas,
.single-ecosystem header:not(.white) .btn-menu .linhas::before,
.single-ecosystem header:not(.white) .btn-menu .linhas::after {
    background-color: #a69c9c;
}
.single-ecosystem header:not(.white) .btn-search i svg {
    fill: #a69c9c;
}
.single-ecosystem header:not(.white) .tagline,
.single-ecosystem header:not(.white) .tagline a,
.single-ecosystem header:not(.white) .lang li a {
    color: #a69c9c;
}

.single-ecosystem .hero .title .content {
    background: #1a1818;
    color: #a69c9c;
    margin: 0 -4.5vw;
    height: auto;
    padding: 28vw 12vw 9vw 4.5vw;
}
.single-ecosystem .hero .title .content .bg-linha {
    width: calc(100% - 9vw);
    left: 4.5vw;
}
.single-ecosystem .hero .title .content .bg-linha .linha {
    border-color: #000;
}
.single-ecosystem .hero .title .content .inner {
    position: relative;
    z-index: 2;
    line-height: 1;
    font-size: 7.2vw;
}
.single-ecosystem .hero .title .content .inner h1 {
    margin: 0 0 4vw;
    font-size: 0;
}
.single-ecosystem .hero .title .content .inner h1 img {
    max-width: 100%;
    max-height: 30vw;

}
@media screen and (min-width: 680px) {
    .single-ecosystem .hero .title .content {
        margin: 0 -3.6vw;
        padding: 25vw 30vw 9vw 3.6vw;
    }
    .single-ecosystem .hero .title .content .bg-linha {
        width: calc(100% - 7.2vw);
        left: 3.6vw;
    }
    .single-ecosystem .hero .title .content .inner {
        font-size: 5vw;
    }
    .single-ecosystem .hero .title .content .inner h1 {
        margin-bottom: 4vw;
    }
    .single-ecosystem .hero .title .content .inner h1 img {
        max-width: 100%;
        max-height: 18vw;
    
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .single-ecosystem .hero .title .content {
        position: absolute;
        margin: 0 0 0 -1.9vw;
        padding: 12.5vw 5.6vw 14vw 5.6vw;
        width: calc(100% + 1.9vw);
        min-height: 47.4vw;
        -webkit-mask-image: url(../images/mask-eco-descricao-detalhe-tl.svg);
        -webkit-mask-position: 0 100%;
        -webkit-mask-size: 100.05% auto;
        -webkit-mask-repeat: no-repeat;
    }
    .single-ecosystem .hero .title .content .bg-linha {
        width: calc(100% - 1.9vw);
        left: 1.9vw;
    }
    .single-ecosystem .hero .title .content .inner {
        font-size: 2vw;
    }
    .single-ecosystem .hero .title .content .inner h1 {
        margin-bottom: 3vw;
    }
    .single-ecosystem .hero .title .content .inner h1 img {
        max-height: 10vw;
    }
    .single-ecosystem .s-eco {
        padding-top: 0;
    }
    .single-ecosystem .s-eco .eco {
        padding-top: 5vw;
    }
}
@media screen and (min-width: 1366px) {

}

.page-template-page-contatos header:not(.white) .btn-menu .linhas,
.page-template-page-contatos header:not(.white) .btn-menu .linhas::before,
.page-template-page-contatos header:not(.white) .btn-menu .linhas::after {
    background-color: #1a1818;
}
.page-template-page-contatos header:not(.white) .btn-search i svg {
    fill: #1a1818;
}
.page-template-page-contatos header:not(.white) .tagline,
.page-template-page-contatos header:not(.white) .tagline a,
.page-template-page-contatos header:not(.white) .lang li a {
    color: #1a1818;
}
.s-locais {
    margin-top: 20vw;
}
.s-locais .container {
    background-color: #fff;
}
.s-locais .container .content {
    margin-top: -13vw;
}
.s-locais .local {
    width: 95%;
    margin-bottom: 10vw;
}
.s-locais .local .imagem {
    position: relative;
    padding-bottom: 1.14vw;
    overflow: hidden;
}
.s-locais .local .imagem .detalhe-linha {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    width: 76.1%;
    height: 2.28vw;
    background-color: #ee9d26;
}
.s-locais .local .imagem .inner {
    position: relative;
    padding-top: 78%;
    overflow: hidden;
}
.s-locais .local .imagem .inner::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(farthest-corner at 10% 100%,rgba(24,17,38,0.9) 0%,rgba(24,17,38,0) 70%);
}
.s-locais .local .imagem .inner .bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}
.s-locais .local .imagem .inner h2 {
    position: absolute;
    left: 4.6%;
    bottom: 4.6%;
    z-index: 3;
    line-height: 1;
    font-size: 11vw;
    color: #fff;
}
.s-locais .local .infos {
    padding: 6% 4.6%;
    font-size: 6.3vw;
    line-height: 1.1;
}
.s-locais .local .infos p {
    margin-bottom: 1em;
}
.s-locais .local .infos p:last-child {
    margin-bottom: 0;
}
.s-locais .local .infos p.info-contato {
    font-size: 4.5vw;
    font-weight: 700;
}
.s-locais .local .infos p.info-contato a {
    color: #1a1818;
    background-image: none
}

.page-template-page-contatos footer .msg {
    display: none;
}
.page-template-page-contatos footer .grupos {
    padding-top: 6vw;
}

@media screen and (min-width: 680px) {
    .s-locais {
        margin-top: 15vw;
    }
    .s-locais .container .content {
        margin-top: -10vw;
    }
    .s-locais .local {
        width: 66.8%;
    }
    .s-locais .local .imagem .inner h2 {
        font-size: 7.5vw;
    }
    .s-locais .local .infos {
        font-size: 4.5vw;
    }
    .s-locais .local .infos p.info-contato {
        font-size: 3vw;
    }
    .page-template-page-contatos footer .grupos {
        padding-top: 4vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .s-locais {
        margin-top: 7vw;
    }
    .s-locais .container {
        width: calc(100% - 1.9vw);
        margin-left: 1.9vw;
        padding-left: 0;
    }
    .s-locais .container .content {
        display: flex;
        margin-top: -4.3vw;
    }
    .s-locais .local {
        width: calc(33.3333334% - 3.8vw - 0.95vw);
        margin-left: 1.9vw;
        margin-right: 0.95vw;
        margin-bottom: 5vw;
    }
    .s-locais .local .imagem .inner h2 {
        font-size: 3.3vw;
    }
    .s-locais .local .imagem {
        padding-bottom: 0.3125vw;
    }
    .s-locais .local .imagem .detalhe-linha {
        height: 0.625vw;
    }
    .s-locais .local .infos {
        font-size: 2vw;
    }
    .s-locais .local .infos p.info-contato {
        font-size: 1.3vw;
    }
    .page-template-page-contatos footer .grupos {
        padding-top: 2vw;
    }
}

.heading-simple {
    padding-top: 30vw;
}
.heading-simple.m-b {
    margin-bottom: 7vw;
}
.single .heading-simple .title {
    padding-left: 9vw;
}
.heading-simple h1 {
    font-size: 11vw;
}
.heading-simple .title h2 strong {
    font-weight: 300;
    color: #ee9d26;
}
.heading-simple .desc h2 {
    font-size: 6vw;
}
@media screen and (min-width: 680px) {
    .heading-simple {
        padding-top: 20vw;
    }
    .heading-simple.m-b {
        margin-bottom: 4vw;
    }
    .single .heading-simple .title {
        padding-left: 7.2vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .heading-simple.m-b {
        margin-bottom: 2vw;
    }
    .heading-simple {
        padding-top: 9.45vw;
    }
    .heading-simple .title {
        padding-left: 1.9vw;
    }
    .single .heading-simple .title {
        padding-left: 3.8vw;
    }
    .single .heading-simple .title h2 {
        font-size: 42px;
        font-size: 2.3vw;
    }
    .heading-simple h1 {
        font-size: 98px;
        font-size: 5vw;
        margin-top: 1vw;
    }
    .heading-simple .desc {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        padding-right: 3.6vw;
    }
    .heading-simple .desc h2 {
        font-size: 2.1vw;
        margin-bottom: 0.8vw;
    }
}


.page-template-page-update header:not(.white) .btn-menu .linhas,
.page-template-page-update header:not(.white) .btn-menu .linhas::before,
.page-template-page-update header:not(.white) .btn-menu .linhas::after,
.single-updates header:not(.white) .btn-menu .linhas,
.single-updates header:not(.white) .btn-menu .linhas::before,
.single-updates header:not(.white) .btn-menu .linhas::after {
    background-color: #1a1818;
}
.page-template-page-update header:not(.white) .btn-search i svg,
.single-updates header:not(.white) .btn-search i svg {
    fill: #1a1818;
}
.page-template-page-update header:not(.white) .tagline,
.page-template-page-update header:not(.white) .tagline a,
.page-template-page-update header:not(.white) .lang li a,
.single-updates header:not(.white) .tagline,
.single-updates header:not(.white) .tagline a,
.single-updates header:not(.white) .lang li a {
    color: #1a1818;
}

.single-updates .s-content {
    margin-bottom: 12vw;
}
.single-updates .s-content .container {
    padding-right: 0;
}
.single-updates .s-content .content {
    background-color: rgba(255,255,255,0.4);
    padding: 9vw 9vw 65vw 9vw;
}
.single-updates .s-content .content h1 {
    font-size: 10vw;
    margin-bottom: 0.5em;
    color: #000;
}
.single-updates .s-content .content h1 ~ h2 {
	margin: 0em 0 1em;
}
.single-updates .s-content .content .imagem {
    position: relative;
    margin: 7vw -9vw 0 -13.5vw;
    overflow: hidden;
}
.single-updates .s-content .content .imagem .detalhe-linha {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 50%;
    height: 0.625vw;
    height: 2.28vw;
    background-color: #ee9d26;
}
.single-updates .s-content .content .imagem .inner {
    margin-top: 1.14vw;
    padding-top: 100%;
    position: relative;
    -webkit-mask-image: url(../images/mask-work-thumb.svg);
    -webkit-mask-position: calc(100% + 5vw) 0;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: repeat-x;
}
.single-updates .s-content .content .imagem .inner img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: none;
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.single-updates .s-related .related-cell .texto h3 {
    font-size: 6.2vw;
}
.single-updates .work-share {
    left: 9vw;
}
.s-related .related-cell .texto.data {
    padding-right: 0;
    margin-top: 0;
}
.s-related .related-cell .texto.data h5.date {
    margin-top: -7.4vw;
    padding: 4.5vw 0;
    line-height: 1;
}
@media screen and (min-width: 680px) {
    .s-related .related-cell .texto.data h3 {
        font-size: 6.5vw;
    }
    .single-updates .s-content .content {
        padding: 9vw 7.2vw 65vw 7.2vw;
    }
    .single-updates .s-content .content h1 {
        font-size: 7.5vw;
    }
    .single-updates .s-content .content .imagem {
        margin: 7vw -7.2vw 0 -10.8vw;
    }
    .single-updates .work-share {
        left: 7.2vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .s-related .related-cell .texto.data h5.date {
        margin-top: -2.7vw;
        padding: 1.4vw 0 1.3vw;
    }
    .s-related .related-cell .texto.data h3,
    .single-updates .s-related .related-cell .texto h3 {
        font-size: 2.2vw;
    }
    .single-updates .s-content {
        margin-bottom: 0;
    }
    .single-updates .s-content .content {
        padding: 3.8vw calc(25% + 3.8vw) 3.8vw 3.8vw;
        min-height: 50vw;
    }
    .single-updates .s-content .content h1 {
        font-size: 4.3vw;
    }
	.single-updates .s-content .content h1 ~ h2 {
		margin: -1em 0 1em;
	}
    .single-updates .s-content .content .imagem {
        position: absolute;
        top: -6vw;
        right: -50%;
        width: 75%;
        margin: 0;
    }
    .single-updates .s-content .content .imagem .detalhe-linha {
        height: 0.625vw;
    }
    .single-updates .s-content .content .imagem .inner {
        margin-top: 0.3125vw;
        padding-top: 80%;
        -webkit-mask-image: url(../images/mask-img-update.svg);
        -webkit-mask-position: 100% 0;
        -webkit-mask-size: cover;
        -webkit-mask-repeat: no-repeat;
    }
    .single-updates .work-share {
        left: calc(75% + 1.9vw);
        bottom: auto;
        top: 33vw;
    }
}

.page-template-page-sobre header:not(.white) .btn-menu .linhas,
.page-template-page-sobre header:not(.white) .btn-menu .linhas::before,
.page-template-page-sobre header:not(.white) .btn-menu .linhas::after {
    background-color: #1a1818;
}
.page-template-page-sobre header:not(.white) .btn-search i svg {
    fill: #1a1818;
}
.page-template-page-sobre header:not(.white) .tagline,
.page-template-page-sobre header:not(.white) .tagline a,
.page-template-page-sobre header:not(.white) .lang li a {
    color: #1a1818;
}
.page-template-page-sobre header:not(.white) .btn-menu:hover .linhas,
.page-template-page-sobre header:not(.white) .btn-menu:hover .linhas::before,
.page-template-page-sobre header:not(.white) .btn-menu:hover .linhas::after {
    background-color: #fff!important;
}
.page-template-page-sobre header:not(.white) .btn-search:hover i svg {
    fill: #fff!important;
}
.page-template-page-sobre header:not(.white) .tagline a:hover {
    color: #fff!important;
}

.page-template-page-sobre header a.marca img.logo-secundaria,
.page-template-page-sobre header.marca-vermelha a.marca img.logo-primaria {
    visibility: visible;
    opacity: 1;
}
.page-template-page-sobre header a.marca img.logo-primaria,
.page-template-page-sobre header.marca-vermelha a.marca img.logo-secundaria {
    visibility: hidden;
    opacity: 0;
}


.heading-about {
    padding-top: 25vw;
    padding-bottom: 10vw;
    background-color: #ee9d26;
}
.heading-about .container {
    padding-left: 8.8vw;
}
.heading-about .title {
    margin-bottom: 5vw;
}
.heading-about h1 {
    font-size: 65px;
    font-size: 17vw;
    color: #fff;
    line-height: 0.9;
}
.heading-about h2 {
    font-size: 6.5vw;
}

.s-experiencias {
    margin-bottom: 14.2vw;
}
.s-experiencias .container {
    padding-left: 0;
    padding-right: 0;
}
.s-experiencias .chamada .btn-proximo {
    display: block;
}
.s-experiencias .chamada {
    background-color: #fff;
    padding: 10vw 30vw 10vw 4.5vw;
}
.s-experiencias .chamada h3 {
    position: relative;
    font-size: 6vw;
    line-height: 1.5;
    color: #4d4949;
}
.s-experiencias .chamada h3 .btn-proximo {
    top: 0;
    transform: rotate(0);
    height: 100%;
    left: calc(100% + 15vw);
}
.s-experiencias .chamada h3 .btn-proximo::before,
.s-experiencias .chamada h3 .btn-proximo::after {
    position: absolute;
    left: 50%;
    transform:  translateX(-50%);
    margin: 0;
}
.s-experiencias .chamada h3 .btn-proximo::before {
    transform:  translateX(-50%) rotate(-135deg);
    border-width: 1px;
    border-color: #a69c9c;
    bottom: 0;
}
.s-experiencias .chamada h3 .btn-proximo::after {
    top: 1vw;
    height: 100%;
    width: 1px;
    background-color: #a69c9c;
}
.s-experiencias .imagem {
    z-index: 2;
    position: relative;
    width: 100%;
    padding-top: 80%;
    margin-bottom: -11.7vw;
    display: flex;
    -webkit-mask-image: url(../images/about-imagem-mask.svg);
    -webkit-mask-position: 40.9% bottom;
    -webkit-mask-size: auto 150%;
    -webkit-mask-repeat: no-repeat;
    overflow: hidden;
}
.s-experiencias .imagem img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    width: auto;
    height: 102%;
    transform: translate(-50%,-50%);
}
.about-main {
    width: 100%;
    overflow: hidden;
    /*height: 120vw;*/
    box-sizing: content-box;
    padding-left: 15vw;
    margin-left: -15vw;
    border-radius: 0 0 0 50vw;
}
.about-main .flickity-viewport {
    /*height: 120vw!important;*/
}
.about-cell {
    width: 75%;
    /*height: 100%;*/
    /*min-height: 100%;*/
    margin-left: -5.07%;
    display: flex;
    transition: background-color 0.3s ease-in-out;
}
.flickity-enabled .about-cell,
.flickity-resize .about-cell {
    min-height: 100%;
}
.about-cell:first-of-type {
    margin-left: 0;
}
.about-cell .inner {
    font-size: 5vw;
    transition: background-color 0.3s ease-in-out;
    background-color: #fff;
    width: 100%;
    padding: 11.45vw 15.8vw 27.5vw 8.8vw;
    -webkit-mask-image: url(../images/about-carousel-mask.svg);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background-image: url(../images/about-carousel-shadow.png);
    background-position: 0 0;
    background-size: 100% auto;
}
.about-cell:first-of-type .inner {
    -webkit-mask-image: none;
}

.about-cell:nth-of-type(1),
.about-cell:nth-of-type(1) .inner
/*.about-cell.is-selected,
.about-cell.is-selected .inner,
.about-cell.is-previous .inner*/ {
    color: #fff;
    background-color: #141313;
}
.about-cell.last-cell .inner {
    display: flex;
    align-items: center;
    background-image: none;
    background-color: #ee9d26;
    color: #fff;
    padding: 11.45vw 11.8vw 15vw 8.8vw
}
.about-cell.last-cell .inner h3 {
    font-size: 7vw;
    font-weight: 300;
    line-height: 1.5;
}
.about-cell.last-cell.is-selected {
    background-color: #ee9d26;
}
.about-cell .inner i {
    display: block;
    height: 25.35vw;
    margin-bottom: 9vw;
}
.about-cell .inner i img {
    width: auto;
    height: 100%;
}
.about-cell .inner h3 {
    font-size: 1em;
    display: inline;
    font-weight: 500;
}
.about-cell .inner p {
    font-size: 1em;
    display: inline;
}
@media screen and (min-width: 680px) {
    .about-main {
        /*height: 67.85vw;*/
        padding-left: 15vw;
        margin-left: -15vw;
        border-radius: 0 0 0 50vw;
    }
    .about-main .flickity-viewport {
        /*height: 67.85vw!important;*/
    }
    .about-cell {
        width: 48.83%;
        margin-left: -2.86%;
    }
    .about-cell .inner {
        font-size: 3.2vw;
        padding: 6.65vw 8.4vw 15.6vw 5.2vw;
    }
    .about-cell .inner i {
        height: 17vw;
        margin-bottom: 5vw;
    }
    .about-cell.last-cell .inner {
        padding: 8vw 8.4vw 12vw 5.2vw;
    }
    .about-cell.last-cell .inner h3 {
        font-size: 4.5vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .heading-about,
    .heading-about .container {
        padding: 0;
    }
    .heading-about .container .row {
        padding-top: 10vw;
        padding-bottom: 26vw;
        margin-left: 3.5vw;
    }
    .heading-about .container .title {
        position: absolute;
        left: 0;
        top: calc(100% - 26vw);
        margin-bottom: 0;
        width: 22.9vw;
    }
    .heading-about .container .title h1 {
        font-size: 98px;
        font-size: 5vw;
    }
    .heading-about .container .sub-title {
        margin-left: 71.4vw;
    }
    .heading-about .container .sub-title h2 {
        font-size: 42px;
        font-size: 2.17vw;
        letter-spacing: -0.05em;
        line-height: 1.2;
    }
    .s-experiencias {
        margin-bottom: 10vw;
    }
    .s-experiencias .container .row {
        margin-left: 28.4vw;
    }
    .s-experiencias .imagem {
        padding-top: 0;
        height: 40vw;
        margin-top: -24vw;
        margin-bottom: -5.2vw;
        -webkit-mask-size: auto 134%;
    }
    .s-experiencias .chamada {
        position: absolute;
        top: 0;
        left: -28.4vw;
        width: 28.4vw;
        padding: 0;
        height: 100%;
        display: flex;
        align-items: flex-end;
    }
    .s-experiencias .chamada h3 {
        font-size: 1.85vw;
        margin: 3.5vw 3.5vw 7vw 3.5vw;
        padding-bottom: 5vw;
        line-height: 1.5;
    }
    .s-experiencias .chamada h3 .btn-proximo {
        height: auto;
        width: 95%;
        left: 0;
        top: 100%;
    }
    .s-experiencias .chamada h3 .btn-proximo::before {
        transform: translateY(0) rotate(135deg);
        left: auto;
        right: 0.3vw;
    }
    .s-experiencias .chamada h3 .btn-proximo::after {
        top: calc(-0.75vw - 1px);
        height: 1px;
        width: 100%;
    }
    .about-main {
        width: 71.77vw;
        /*height: 25.47vw;*/
        padding-left: 9vw;
        margin-left: -9vw;
    }
    .about-main .flickity-viewport {
        /*height: 25.47vw!important;*/
    }
    .about-cell {
        width: 26%;
        margin-left: -1.75vw;
    }
    .about-cell .inner {
        font-size: 24px;
        font-size: 1.25vw;
        padding: 2.7vw 4vw 5.2vw 1.9vw;
    }
    .about-cell .inner i {
        height: 6.1vw;
        margin-bottom: 2vw;
    }
    .about-cell.last-cell .inner {
        padding: 3vw 3.5vw 5vw 2.3vw;
    }
    .about-cell.last-cell .inner h3 {
        font-size: 1.6vw;
    }
}

.s-pessoas .title h2 {
    font-size: 12.3vw;
    margin-bottom: 3vw;
    color: #4d4949;
}
.s-pessoas .sub-title h4 {
    width: 80%;
    font-size: 4.5vw;
}
.s-pessoas .pessoas-lista {
    width: calc(100% + 4.5vw);
    margin-top: 13vw;
    margin-right: -4.5vw;
    padding: 9vw 9vw 9vw 4.5vw;
    background-color: #fff;
}
.s-pessoas .pessoas-lista.bg-cinza-escuro {
    background-color: #1a1818;
}
.s-pessoas .pessoas-lista h3 {
    font-size: 7.5vw;
    margin-bottom: 6vw;
    color: #ee9d26;
}
.s-pessoas .pessoas-lista ul {
    display: flex;
    flex-wrap: wrap;
}
.s-pessoas .pessoas-lista ul li {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #000;
    width: 100%;
    list-style: none;
    margin: 0 2.5vw 2.5vw 0;
}
.s-pessoas .pessoas-lista ul li .foto {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.s-pessoas .pessoas-lista ul li .foto img {
    transform: scale(1.02);
}
.s-pessoas .pessoas-lista ul li .inner {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff;
    padding: 5.5vw 6vw 6.45vw 4.35vw;
}
.s-pessoas .pessoas-lista ul li .inner::before {
    content: '';
    width: 50%;
    height: 1.5vw;
    position: absolute;
    left: 0;
    top: -0.75vw;
    background-color: #ee9d26;
}
.s-pessoas .pessoas-lista ul li .infos {
    width: calc(100% - 7vw);
}
.s-pessoas .pessoas-lista ul li h4 {
    font-size: 4.5vw;
    margin-bottom: 1vw;
}
.s-pessoas .pessoas-lista ul li h5 {
    font-size: 4.5vw;
    color: #a69c9c;
    font-size: 2.65vw;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.btn-social {
    display: block;
    width: 5vw;
    height: 5vw;
    box-shadow: 0 0 0 2px #a69c9c;
    font-size: 0;
    transition: box-shadow 0.3s ease-in-out;
}
.btn-social:hover {
    box-shadow: 0 0 0 4px #a69c9c;
}
.btn-social i {
    display: block;
}
.s-pessoas .pessoas-lista ul li .btn-social {
    margin-left: 2vw;
    margin-bottom: 1vw;
}
@media screen and (min-width: 680px) {
    .s-pessoas .pessoas-lista {
        width: calc(100% + 3.6vw);
        margin-top: 9vw;
        margin-right: -3.6vw;
        padding: 6vw 3.6vw 6vw 3.6vw;
    }
    .s-pessoas .pessoas-lista ul li {
        width: 48.5%;
        margin: 0 2vw 2vw 0;
		max-width:580px;
    }
    .s-pessoas .pessoas-lista ul li .inner {
		height:125px;
        padding: 4vw 4vw 4.45vw 3.35vw;
    }
    .s-pessoas .pessoas-lista ul li .inner::before {
        height: 1vw;
        top: -0.5vw;
    }
    .s-pessoas .pessoas-lista ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .s-pessoas .pessoas-lista ul li .infos {
        width: calc(100% - 6vw);
    }
    .s-pessoas .pessoas-lista ul li h4 {
        font-size: 2.5vw;
        margin-bottom: 0.5vw;
    }
    .s-pessoas .pessoas-lista ul li h5 {
        font-size: 1.5vw;
    }
    .btn-social {
        width: 4vw;
        height: 4vw;
    }
    .s-pessoas .pessoas-lista ul li .btn-social {
        margin-bottom: 0.5vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .s-pessoas .title h2 {
        font-size: 3.8vw;
        margin-bottom: 0;
        padding-left: 1.9vw;
    }
    .s-pessoas .sub-title {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        padding-right: 3.8vw;
    }
    .s-pessoas .sub-title h4 {
        width: 50%;
        font-size: 1.35vw;
        margin-bottom: 0.5vw;
    }
    .s-pessoas .pessoas-lista {
        width: 100%;
        margin-top: 3vw;
        margin-right: 0;
        padding: 3.4vw 3.75vw 4vw 1.9vw;
    }
    .s-pessoas .pessoas-lista ul li .inner::before {
        height: 0.5vw;
        top: -0.25vw;
    }
    .s-pessoas .pessoas-lista ul li:nth-of-type(n) {
        margin: 0 0.9vw 0.9vw 0;
        width: 24.25%;
    }
    .s-pessoas .pessoas-lista ul li:nth-of-type(n) .inner {
        padding: 1.8vw 1.4vw 1.85vw 1.3vw;
    }
    .s-pessoas .pessoas-lista ul li:nth-of-type(4n) {
        margin-right: 0;
    }
    .s-pessoas .pessoas-lista ul li .infos {
        width: calc(100% - 2.5vw);
    }
    .s-pessoas .pessoas-lista h3 {
        font-size: 2.17vw;
        margin-bottom: 2.5vw;
    }
    .s-pessoas .pessoas-lista ul li h4 {
        font-size: 26px;
        font-size: 1.4vw;
        margin-bottom: 0.3vw;
    }
    .s-pessoas .pessoas-lista ul li h5 {
        font-size: 14px;
        font-size: 0.75vw;
        letter-spacing: 0.3em;
    }
    .btn-social {
        width: 1.41vw;
        height: 1.41vw;
    }
    .s-pessoas .pessoas-lista ul li .btn-social {
        margin-bottom: 0.5vw;
        margin-left: 1vw;
    }
}

.s-cultura .title {
    margin-top: 26vw;
}
.s-cultura .title h2 {
    font-size: 12.3vw;
}
.s-cultura .title h2 ~ p {
    margin-top: 4vw;
    font-size: 24px;
    font-size: 6.5vw;
    line-height: 1.2;
    width: 75%;
}
.s-cultura .content {
    padding-right: 5vw;
}
.s-cultura .content h3 {
    color: #ee9d26;
    font-size: 28px;
    font-size: 8vw;
    margin-top: 1.4em;
}

@media screen and (min-width: 680px) {
    .s-cultura .title {
        margin-top: 18vw;
        padding-left: 3.6vw;
        padding-right: 3.6vw;
    }
    .s-cultura .title h2 {
        width: 80%;
        font-size: 10vw;
    }
    .s-cultura .title h2 ~ p {
        margin-top: 2vw;
        font-size: 5vw;
        width: 55%;
    }
    .s-cultura .content {
        padding-left: 3.6vw;
        padding-right: 7.2vw;
    }
    .s-cultura .content h3 {
        font-size: 6vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .s-cultura {
        margin-top: 8vw;
    }
    .s-cultura .title {
        margin-top: 0;
        padding-left: 1.9vw;
        padding-right: 4.2vw;
    }
    .s-cultura .title h2 {
        width: auto;
        font-size: 3.8vw;
        letter-spacing: -0.05em;
    }
    .s-cultura .title h2 ~ p {
        margin-top: 1vw;
        font-size: 52px;
        font-size: 2.5vw;
        width: 100%;
    }
    .s-cultura .content {
        padding-right: 16.3vw;
    }
    .s-cultura .content h3 {
        font-size: 2.3vw;
    }
    .s-cultura .content h3:first-child {
        margin-top: 0;
    }
}

.page-template-page-carreiras header:not(.white) .btn-menu .linhas,
.page-template-page-carreiras header:not(.white) .btn-menu .linhas::before,
.page-template-page-carreiras header:not(.white) .btn-menu .linhas::after {
    background-color: #a69c9c;
}
.page-template-page-carreiras header:not(.white) .btn-search i svg {
    fill: #a69c9c;
}
.page-template-page-carreiras header:not(.white) .tagline,
.page-template-page-carreiras header:not(.white) .tagline a,
.page-template-page-carreiras header:not(.white) .lang li a {
    color: #a69c9c;
}
.page-template-page-carreiras {
    background-color: #1a1818;
}
.page-template-page-carreiras > .bg-linha .linha {
    border-color: #000;
}
.page-template-page-carreiras h1 {
    color: #fff;
}
.s-carreiras {
    margin-top: 3vw;
}
.s-carreiras .bg {
    position: absolute;
    left: -4.5vw;
    width: calc(100% + 4.5vw);
    height: 100%;
}
.s-carreiras > .container > .row > .col-tl-3 {
    -webkit-mask-image: url(../images/carreiras-mask.svg);
    -webkit-mask-position: 0 100%;
    -webkit-mask-size: 100.05% auto;
    -webkit-mask-repeat: no-repeat;
}
.s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-4 h2 {
    line-height: 1.1;
    margin-bottom: 0.5em;
}
.s-carreiras > .container > .row {
    margin-left: -4.5vw;
}
.s-carreiras > .container > .row > .col-tl-3 .bg-linha {
    padding-left: 4.5vw;
}
.s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-4 {
    padding: 9vw 9vw 12vw 4.5vw;
}
.s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-2 {
    padding: 9vw 9vw 12vw 4.5vw;
}
.s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-2 .btn:hover {
    background-color: #fff;
    color: #1a1818;
}
.s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-2 .btn:hover i svg {
    fill: #1a1818;
}
@media screen and (min-width: 680px) {
    .s-carreiras {
        margin-top: 1vw;
    }
    .s-carreiras > .container > .row {
        margin-left: 0;
    }
    .s-carreiras > .container > .row > .col-6 {
        margin-left: -3.6vw;
        padding-left: 3.6vw;
        max-width: calc(100% + 3.6vw);
        width: calc(100% + 3.6vw);
    }
    .s-carreiras > .container > .row > .col-tl-3 .bg-linha {
        padding-left: 3.6vw;
    }
    .s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-4 {
        padding: 6vw 6vw 12vw 0;
    }
    .s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-2 {
        padding: 6vw 0 12vw;
        text-align: center;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .s-carreiras {
        margin-top: 1vw;
    }
    .s-carreiras > .container > .row > .col-tl-3 {
        margin-left: -1.9vw;
        padding-left: 1.9vw;
        max-width: calc(50% + 1.9vw);
    }
    .s-carreiras > .container > .row > .col-tl-3 .bg-linha {
        padding-left: 1.9vw;
    }
    .s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-4 {
        font-size: 1.3vw;
        padding: 3vw 3vw 5vw 1.9vw;
    }
    .s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-4 h2 {
        font-size: 2.17vw;
    }
    .s-carreiras > .container > .row > .col-tl-3 > .row > .col-tp-2 {
        padding: 3vw 0 5vw;
    }
}

.error404 header:not(.white) .btn-menu .linhas,
.error404 header:not(.white) .btn-menu .linhas::before,
.error404 header:not(.white) .btn-menu .linhas::after {
    background-color: #1a1818;
}
.error404 header:not(.white) .btn-search i svg {
    fill: #1a1818;
}
.error404 header:not(.white) .tagline,
.error404 header:not(.white) .tagline a,
.error404 header:not(.white) .lang li a {
    color: #1a1818;
}

.s-erro .col-6 {
    height: calc(100vh - 15vw);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -23.5vw;
}
.s-erro .inner {
    text-align: center;
}
.s-erro .inner h1 {
    text-align: center;
    position: relative;
}
.s-erro .inner h1 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 40vw;
    z-index: 3;
}
.s-erro .inner h1 i {
    display: block;
    margin: 0 auto;
    width: 35vw;
}
.s-erro .inner h2 {
    font-size: 8.5vw;
    margin: 2vw 0 3vw;
}
@media screen and (min-width: 680px) {
    .s-erro .col-6 {
        height: calc(100vh - 10vw);
        margin-bottom: -20vw;
    }
    .s-erro .inner h1 span {
        font-size: 30vw;
    }
    .s-erro .inner h1 i {
        width: 26vw;
    }
    .s-erro .inner h2 {
        font-size: 7vw;
    }
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .s-erro .col-6 {
        height: calc(100vh - 4.9vw);
        margin-bottom: -8vw;
    }
    .s-erro .inner h1 span {
        font-size: 256px;
        font-size: 13.5vw;
    }
    .s-erro .inner h1 i {
        width: 11.5vw;
    }
    .s-erro .inner h2 {
        font-size: 3.2vw;
        margin: 0 0 2vw;
    }
}

.compensate-for-scrollbar {
    margin-right: 0!important;
}
.fancybox-slide {
    /*padding: 0!important;*/
}
.fancybox-slide--video .fancybox-content {
    /*width: 100%!important;
    height: 100%!important;*/
}