header {
    padding: 60px 0;
    display: block;
    position: fixed;
    z-index: 4;
    width: 100%;
    height: auto;
    top: 0;
    -webkit-transition: top 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.7s ease-in-out;
    -moz-transition: top 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.7s ease-in-out;
    -ms-transition: top 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.7s ease-in-out;
    -o-transition: top 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.7s ease-in-out;
    transition: top 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.7s ease-in-out;
}

header h3 {
    margin: 5px 0 0;
    cursor: default;
    text-transform: lowercase;
}

header h3 a {
    color: #c5e4cc;
}

header .line-top {
    margin: 20px 0 0;
    padding: 0;
}

footer {
    background-color: #150d6f;
    padding: 0 0 30px 0;
}

footer h2 {
    color: #414042;
}

footer h4,
footer h5 {
    color: #acaeb0;
    margin-bottom: 21px;
}

footer h4 {
    line-height: 43px;
    margin-bottom: 22px;
}

footer .space-footer {
    margin-bottom: 82px;
}

footer .separator {
    margin-left: -28px;
    padding-left: 26px;
    border-left: 1px solid #acaeb0;
}

footer .backtop {
    position: relative;
    top: -405px;
    left: 115px;
}

footer a {
    display: block;
    color: #acaeb0;
    margin: 10px 0 21px;
    font-family: "Merriweather", serif;
    font-size: 1.16em;
    transition: color 0.3s;
}

footer a:hover {
    color: #fff;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer li {
    display: block;
}

footer .footer-up {
    display: inline-block;
    transition: 0.4s;
    width: 20px;
    height: 43px;
    opacity: 0.3;
}
.sprite {
    background-image: url("../questtono_unius/img/arrow_up_sprite.png");
    background-repeat: no-repeat;
    display: block;
}
.sprite-arrow_up {
    width: 20px;
    height: 43px;
    background-position: 0 0;
}

footer .footer-up:hover {
    opacity: 0.6;
    margin-top: -5px;
}

.content_wrapper {
    margin-top: 120px;
}

.content_wrapper.new {
    margin-top: 190px;
}

.menu {
    position: fixed;
    z-index: 21;
    width: 100%;
    padding: 20px 0;
    -webkit-transition: top 0.2s ease-in-out, transform 0.7s ease-in-out, padding 0.7s ease-in-out;
    -moz-transition: top 0.2s ease-in-out, transform 0.7s ease-in-out, padding 0.7s ease-in-out;
    -ms-transition: top 0.2s ease-in-out, transform 0.7s ease-in-out, padding 0.7s ease-in-out;
    -o-transition: top 0.2s ease-in-out, transform 0.7s ease-in-out, padding 0.7s ease-in-out;
    transition: top 0.2s ease-in-out, transform 0.7s ease-in-out, padding 0.7s ease-in-out;
}

.menu .section.group {
    width: 100%;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.menu .button {
    margin: 0 40%;
}

.menu .logo {
    margin-top: 5px;
}

.nav-up {
    top: -110px;
    padding-bottom: 0;
}

header.nav-down {
    position: fixed;
    background: #fff;
    padding: 30px 0;
    margin: 0;
}

.menu.nav-down {
    position: fixed;
    background: #fff;
    padding: 20px 0;
    margin: 0;
    top: 0;
}

.absolute-content {
    margin-top: 80px;
    margin-left: -30px;
    position: absolute;
    width: 100%;
    color: #abadaf;
    -webkit-transition: transform 0.7s ease-in-out;
    -moz-transition: transform 0.7s ease-in-out;
    -ms-transition: transform 0.7s ease-in-out;
    -o-transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    top: 0;
}

.absolute-content .header_intro {
    line-height: 25px;
    border-color: #acaeb0;
    margin-left: -111px;
    padding-top: 20px;
    margin-top: 0;
    width: 218px;
}

.header_info {
    position: relative;
    z-index: 20;
    margin-top: -13px;
}
.header_info h6 {
    line-height: 1.4em;
}

/* navbar */
.content_wrapper {
    z-index: 2;
    position: relative;
    -webkit-transition: transform 0.7s ease-in-out;
    -moz-transition: transform 0.7s ease-in-out;
    -ms-transition: transform 0.7s ease-in-out;
    -o-transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
}

.sidebar {
    height: 100%;
    width: 50vw;
    position: fixed;
    top: 0;
    z-index: 50;
    left: 0;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    background: #231f20;
    -webkit-transform: translateX(-50vw);
    -moz-transform: translateX(-50vw);
    -ms-transform: translateX(-50vw);
    -o-transform: translateX(-50vw);
    transform: translateX(-50vw);
}
.sidebar button {
    background-color: transparent;
    border: none;
    margin-top: 65px;
    margin-left: 30px;
    opacity: 1;
}
.sidebar .logo-side {
    margin-left: 9%;
    margin-top: 65px;
    max-width: 220px;
    opacity: 0.3;
}
.sidebar .wrapper-lang {
    position: absolute;
    bottom: 160px;
}
.sidebar .wrapper-lang ul {
    margin: 0;
    padding: 0;
}
.sidebar .wrapper-lang li {
    display: inline-block;
}
.sidebar .wrapper-lang li a {
    font-family: "sofiapro", sans-serif;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    line-height: 40px;
    color: #414042;
}
.sidebar .wrapper-lang li.active a {
    color: #c5e4cc;
}
.sidebar .wrapper-lang li:first-child {
    border-right: 1px solid #414042;
    padding-right: 20px;
    margin-right: 20px;
}
.sidebar .text {
    display: block;
    vertical-align: top;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    color: #414042;
}
.sidebar .text:before {
    transition: height 0.6s ease;
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    height: 0;
    color: #c5e4cc;
    left: 0;
    top: 0;
}
.sidebar .text:hover:before {
    height: 50px;
}

.sidebar.active {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.bar {
    display: block;
    height: 2px;
    width: 20px;
    background-color: #000;
    margin: 5px auto;
}

.qtn-parallax {
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 768px) {
    .wrapper-lang {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .bar {
        background-color: #000;
    }
}
.bar.active {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    background: #414042;
}

.button {
    cursor: pointer;
    display: inline-block;
    width: auto;
    margin: 0 auto;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.nav-left {
    position: relative;
    left: 40px;
    top: 20px;
}

.nav-right.visible-xs {
    z-index: 3;
}

.hidden-xs {
    display: none;
}

.middle {
    margin: 0 auto;
}

.bar {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.nav-right.visible-xs .active .bar {
    background-color: #000;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.button.active .top {
    -webkit-transform: translateY(7px) rotateZ(45deg);
    -moz-transform: translateY(7px) rotateZ(45deg);
    -ms-transform: translateY(7px) rotateZ(45deg);
    -o-transform: translateY(7px) rotateZ(45deg);
    transform: translateY(7px) rotateZ(45deg);
}

.button.active .bottom {
    -webkit-transform: translateY(-7px) rotateZ(-45deg);
    -moz-transform: translateY(-7px) rotateZ(-45deg);
    -ms-transform: translateY(-7px) rotateZ(-45deg);
    -o-transform: translateY(-7px) rotateZ(-45deg);
    transform: translateY(-7px) rotateZ(-45deg);
}

.button.active .middle {
    width: 0;
}

.nav-padding {
    padding-left: 5px;
}

.move-to-right {
    -webkit-transform: translateX(50vw);
    -moz-transform: translateX(50vw);
    -ms-transform: translateX(50vw);
    -o-transform: translateX(50vw);
    transform: translateX(50vw);
}

nav {
    padding-top: 30px;
}

.sidebar .info {
    margin-top: 60px;
    color: #444;
    margin-right: -50px;
    word-break: break-word;
    width: 100%;
}

.sidebar-list {
    padding: 0;
    margin: 0 0 0 9%;
    list-style: none;
    position: relative;
    margin-top: 65px;
    text-align: left;
}

.sidebar-item {
    margin: 30px 0;
    opacity: 0;
    font-family: "sofiapro", sans-serif;
    font-weight: bold;
    font-size: 40px;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);
}

.sidebar-item:first-child {
    -webkit-transition: all 0.7s 0.1s ease-in-out;
    -moz-transition: all 0.7s 0.1s ease-in-out;
    -ms-transition: all 0.7s 0.1s ease-in-out;
    -o-transition: all 0.7s 0.1s ease-in-out;
    transition: all 0.7s 0.1s ease-in-out;
}

.sidebar-item:nth-child(2) {
    -webkit-transition: all 0.7s 0.2s ease-in-out;
    -moz-transition: all 0.7s 0.2s ease-in-out;
    -ms-transition: all 0.7s 0.2s ease-in-out;
    -o-transition: all 0.7s 0.2s ease-in-out;
    transition: all 0.7s 0.2s ease-in-out;
}

.sidebar-item:nth-child(3) {
    -webkit-transition: all 0.7s 0.3s ease-in-out;
    -moz-transition: all 0.7s 0.3s ease-in-out;
    -ms-transition: all 0.7s 0.3s ease-in-out;
    -o-transition: all 0.7s 0.3s ease-in-out;
    transition: all 0.7s 0.3s ease-in-out;
}

.sidebar-item:nth-child(4) {
    -webkit-transition: all 0.7s 0.4s ease-in-out;
    -moz-transition: all 0.7s 0.4s ease-in-out;
    -ms-transition: all 0.7s 0.4s ease-in-out;
    -o-transition: all 0.7s 0.4s ease-in-out;
    transition: all 0.7s 0.4s ease-in-out;
}

.sidebar-item:nth-child(5) {
    -webkit-transition: all 0.7s 0.5s ease-in-out;
    -moz-transition: all 0.7s 0.5s ease-in-out;
    -ms-transition: all 0.7s 0.5s ease-in-out;
    -o-transition: all 0.7s 0.5s ease-in-out;
    transition: all 0.7s 0.5s ease-in-out;
}

.sidebar-item:nth-child(6) {
    -webkit-transition: all 0.7s 0.6s ease-in-out;
    -moz-transition: all 0.7s 0.6s ease-in-out;
    -ms-transition: all 0.7s 0.6s ease-in-out;
    -o-transition: all 0.7s 0.6s ease-in-out;
    transition: all 0.7s 0.6s ease-in-out;
}

.sidebar-item:last-child {
    -webkit-transition: all 0.7s 0.7s ease-in-out;
    -moz-transition: all 0.7s 0.7s ease-in-out;
    -ms-transition: all 0.7s 0.7s ease-in-out;
    -o-transition: all 0.7s 0.7s ease-in-out;
    transition: all 0.7s 0.7s ease-in-out;
}

.sidebar-item.active {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.sidebar-anchor {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-bottom: 7px;
}

.sidebar-anchor:before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.sidebar-anchor:hover:before {
    width: 100%;
}

.post-type-archive-discussions .menu .logo,
.about .menu .logo {
    width: 300px;
    background: url(img/logos/qn-logo-rgb-positivo.png) no-repeat left bottom/contain;
    height: 36px;
}
.post-type-archive-discussions .menu .nav-right .button .bar,
.about .menu .nav-right .button .bar {
    background-color: #fff;
}
.post-type-archive-discussions .menu.nav-down .logo,
.about .menu.nav-down .logo {
    width: 300px;
    background: url(img/logos/qn-logo-rgb-positivo.png) no-repeat left bottom/contain;
    height: 36px;
}
.post-type-archive-discussions .menu.nav-down .nav-right .button .bar,
.about .menu.nav-down .nav-right .button .bar {
    background-color: #000;
}

/* construction page */
.construction {
    background-color: #231f20;
    height: 100vh;
}
.construction .container {
    margin-top: 22%;
}
.construction .container .logo-qn {
    width: 300px;
    height: auto;
    margin-top: 23px;
}
.construction h1 {
    color: white;
}
.single-case {
    overflow-y: hidden;
}

/* work case */
.single-case .category_post {
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    margin-top: 50px;
}
.single-case .category_post h4 {
    letter-spacing: 0.3em;
}
.single-case .category_post .line-bottom {
    padding-top: 8px;
    line-height: 2em;
}

@media (min-width: 480px) {
    .nav-list {
        display: block;
    }
    .qtn-titulo h2 {
        font-size: 4em !important;
    }
}

@media (min-width: 768px) {
    .qtn-titulo h2 {
        font-size: 6.5em !important;
    }
    .hidden-xs {
        display: block;
    }
    .visible-xs {
        display: none;
    }
}

.main-nav {
    height: 50px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    padding: 5px 0;
    background: #fff;
    height: auto;
}

/*homepage*/
.home .hero {
    top: 0;
}
.home .read-more {
    display: none;
}

/*hero hp*/
.nav_dot_slider {
    display: inline-block;
    margin-top: 15px;
}
.nav_dot_slider .nav_dot {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background-color: #e1e2e2;
    border-radius: 100%;
    display: inline-block;
}
.nav_dot_slider .nav_dot.nomargin {
    margin-left: 0;
}

.nav > li > a {
    padding: 0;
    border-radius: 0;
}

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
    background-color: transparent;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: transparent;
}
.nav-pills > li.active > a .nav_dot,
.nav-pills > li.active > a:focus .nav_dot,
.nav-pills > li.active > a:hover .nav_dot {
    background-color: #c5e4cc;
}

.nav_dot:hover,
.nav_dot:active {
    background-color: #c5e4cc;
}

.wrapper-text-slider {
    margin: 100px 0 270px 0;
}

.text-slider {
    overflow: hidden;
    padding-bottom: 30px;
}
.text-slider .text-slide {
    width: 100%;
    margin-right: 30px;
}
.text-slider .flickity-page-dots {
    bottom: 0;
}

.arrow_approach {
    position: relative;
    top: -8px;
    float: right;
    cursor: pointer;
}

.hero {
    position: relative;
    top: 45px;
}
.hero .space-hero {
    margin-top: 0;
    margin-bottom: 40px;
}
.hero h1 {
    margin-top: -10px;
    margin-bottom: 25px;
}

.manifesto-wrapper {
    margin-top: -110px;
}
.manifesto-wrapper .manifesto {
    float: right;
    max-width: 220px;
    margin-right: 60px;
    border-top: 1px solid #414042;
    border-color: rgba(51, 51, 51, 0.5);
    padding-top: 22px;
    color: #abadaf;
}
.manifesto-wrapper .manifesto p {
    font-family: "sofiapro";
    font-size: 14px;
    line-height: 1.3em;
}
.hero.about {
    top: 0;
}

/*slider hp*/
.hero .timer {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: #c5e4cc;
    z-index: 99;
}
.hero .home-hero-title {
    position: relative;
    height: 34em;
}

@media (max-width: 1480px) {
    .hero .home-hero-title {
        height: 42em;
    }
}

.hero .home-hero-title .wrap {
    position: absolute;
    bottom: 0;
}
.hero .nav_dot_slider {
    margin-top: -30px;
    border: none;
}
.hero .nav_dot_slider .nav_dot {
    background-color: #acaeb0;
    padding: 0;
}
.hero .nav_dot_slider .nav_dot:hover,
.hero .nav_dot_slider .nav_dot:active,
.hero .nav_dot_slider .active .nav_dot {
    background-color: #c5e4cc;
}
.hero .main-carousel .carousel-cell {
    width: 100%;
    float: left;
    display: none;
}
.hero .main-carousel .carousel-cell.active {
    display: block;
}

.slider {
    width: 100%;
    height: 228px;
    position: relative;
}
.slider .tab-pane {
    /*height: 232px;*/
    height: 455px;
    width: 100%;
    display: block;
    position: absolute;
}
.slider .mask {
    animation: sliderout 0.6s ease-in-out;
    overflow: hidden;
    width: 0%;
    height: 100%;
}
.slider .active .mask {
    animation: sliderin 0.6s ease-in-out;
    width: 100%;
}
.slider .mask a {
    background-position: 20% 300px;
}
.slider .mask .slide {
    background-position: 20% 300px;
}
.slider .slide {
    display: block;
    position: relative;
    z-index: 1;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider .active .slide {
    z-index: 9;
}
.slider .slide.novideo {
    transition: filter 0.2s, transform 4s linear;
    filter: grayscale(100%) brightness(110%);
}
.slider .slide:hover .videoscut,
.slider .slide.novideo:hover {
    filter: grayscale(0%) brightness(100%);
}
.slider .videoscut {
    transition: filter 0.2s, transform 4s ease;
    filter: grayscale(100%) brightness(110%);
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slider .video {
    height: 0;
    padding-bottom: 56.25%;
    width: 100%;
    position: relative;
    transition: height 0.6s ease;
}
.control {
    position: absolute;
    z-index: 20;
    bottom: 60px;
    left: 15%;
    height: 80px;
    width: 80px;
    cursor: pointer;

    &.large {
        width: 180px !important;
        display: flex;
        gap: 8px;

        .item {
            width: 80px !important;
            position: relative !important;

            @media (max-width: 767.98px) {
                width: 50px !important;
            }
        }
    }
}
.control .play,
.control .pause {
    display: block;
    height: 100%;
    width: 100%;
    border: 2px solid #c5e2d3;
    display: none;
    background: url(../questtono_unius/img/pause.png) no-repeat center;
}
.control .play {
    background-color: #c5e2d3;
    display: block;
    background-image: url(../questtono_unius/img/play.png);
}

.control {
    .mute,
    .volume {
        height: 100%;
        width: 100%;
        border: 2px solid #c5e2d3;
        display: none;
        background-size: 60%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .mute {
        display: block;
        background-image: url(../questtono_unius/img/volume-x.svg);
    }
    .volume {
        background-image: url(../questtono_unius/img/volume-2.svg);
    }
}

video::-webkit-media-controls {
    display: none !important;
}
.bg .control {
    bottom: 63%;
    left: 30px;
}
@media (max-width: 767px) {
    .bg .control {
        bottom: 63%;
        left: 30px;
        height: 50px;
        width: 50px;
    }
}
@keyframes sliderin {
    0% {
        width: 0%;
    }
    50% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes sliderout {
    0% {
        float: right;
        width: 100%;
    }
    50% {
        float: right;
        width: 0%;
    }
    100% {
        float: right;
        width: 0%;
    }
}
.grid {
    margin-top: -105px;
    padding-top: 200px;
    background-color: #e1e2e2;
}

@media (min-width: 1440px) {
    .grid {
        margin-top: 155px;
        padding-top: 60px;
    }
}

.grid .wrapper_grid {
    margin-top: 40px;
}
.grid .photo_grid {
    overflow: hidden;
    position: relative;
    /* regras para quando o box da home for uma página como approach */
    /* regras para quando o box da home for um post, de press */
}
.grid .photo_grid .title {
    font-size: 4em;
    line-height: 1em;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .grid .photo_grid .title {
        font-size: 2em;
    }
}

.grid .photo_grid .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: filter 0.3s;
}
.grid .photo_grid a.home-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.grid .photo_grid.custom .bg {
    transition: background-color 0.4s;
    opacity: 1;
}
.grid .photo_grid.custom .categorie,
.grid .photo_grid.custom .title {
    opacity: 1;
    color: black;
}
.grid .photo_grid.custom .categorie {
    transition: 0.4s;
    transform: translateX(0px);
}
.grid .photo_grid.custom .title {
    transition: 0.4s;
    transform: translateY(0px);
}
.grid .photo_grid.type-page .bg {
    background-color: #c5e2d3;
}
.grid .photo_grid.type-page .bg .video {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid .photo_grid.type-page .bg .video video {
    width: 100%;
}

.bg .video {
    width: 100%;
    height: 100%;
}
.bg .video video {
    width: 100%;
    height: 100%;
}
.grid .photo_grid.type-page .categorie {
    transition: background-position 0.4s;
    text-indent: -999px;
    /*background: url("../questtono_unius/img/arrow_right.png") center right 20px no-repeat;*/
}
.grid .photo_grid.type-page:hover .bg {
    background-color: #231f20;
}
.grid .photo_grid.type-page:hover .categorie {
    filter: invert(100%) hue-rotate(20deg) saturate(15);
}
.grid .photo_grid.type-page:hover .title {
    color: #c5e4cc;
}
.grid .photo_grid.type-post .bg {
    background-color: white;
}
.grid .photo_grid.type-post .categorie,
.grid .photo_grid.type-post .title {
    color: black;
}
.grid .photo_grid.type-post .read-more {
    transition: opacity 0.3s;
    display: block;
    position: absolute;
    margin: 0;
    opacity: 0;
    bottom: 30px;
    left: 30px;
}
.grid .photo_grid.type-post:hover .bg {
    background-color: #231f20;
}
.grid .photo_grid.type-post:hover .categorie {
    color: white;
}
.grid .photo_grid.type-post:hover .title {
    color: white;
    bottom: 60px;
}
.grid .photo_grid.type-post:hover .read-more {
    opacity: 1;
}
.grid .photo_grid:hover .bg {
    filter: grayscale(100%) brightness(50%);
}
.grid .photo_grid:hover.custom .bg {
    filter: none;
}
.grid .photo_grid:hover .categorie,
.grid .photo_grid:hover .title {
    opacity: 1;
}
.grid .photo_grid:hover .categorie {
    transform: translateX(0px);
}
.grid .photo_grid:hover .title {
    transform: translateY(0px);
}
.grid .grid_a {
    background-image: url("../img/ciclovia-em-sao-paulo.jpg");
}
.grid .grid_b {
    background-image: url("../img/terminator-exoskeleton_00274632.jpg");
}
.grid .grid_c {
    background-image: url("../img/jump-post-site.gif");
}
.grid .back-green {
    background-color: #c5e4cc;
}
.categorie,
.title {
    left: 30px;
    right: 30px;
    margin: 0;
    opacity: 0;
    color: #231f20;
    position: absolute;
    -webkit-transition: transform 0.4s, opacity 0.2s ease-in-out;
    -moz-transition: transform 0.4s, opacity 0.2s ease-in-out;
    -ms-transition: transform 0.4s, opacity 0.2s ease-in-out;
    -o-transition: transform 0.4s, opacity 0.2s ease-in-out;
    transition: transform 0.4s, opacity 0.2s ease-in-out;
}
.related .categorie,
.related .title {
    color: #fff;
}
.categorie {
    top: 30px;
    transform: translateX(-30px);
}
.title {
    bottom: 30px;
    transform: translateY(40px);
}
.view-more {
    margin: 40px 0;
}
.view-more .arrow-down {
    transition: 0.3s;
    margin: 0 10px;
    opacity: 0.4;
}
.view-more:hover h4 {
    color: black;
}
.view-more:hover .arrow-down {
    margin: 5px 10px -5px;
    opacity: 1;
}

/*WORK PAGE*/
.content_wrapper.work {
    margin-top: 250px;
}
.hero_work .work-recent-arrow {
    opacity: 0.5;
}
.hero_work .slider_work {
    width: 100%;
    padding-bottom: 57%;
    margin-bottom: 60px;
    position: relative;
}
.hero_work .slider_work h2 {
    left: 20%;
}
.hero_work .slider_work .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero_work .slider_work .video {
    position: absolute;
    width: 100%;
    height: 100%;
}
.hero_work .slider_work .video video {
    display: block;
    width: 100%;
    height: 100%;
}
.hero_work .title_align {
    position: absolute;
    left: 235px;
    /* top: 55px; */
    top: calc(50% - 1em);
    max-width: 300px;
}
.hero_work .text-work {
    letter-spacing: 0.05em;
}
.hero_work .control {
    width: 68px;
    height: 68px;
    position: absolute;
    left: 20%;
    /* bottom: 40%; */
    bottom: 12%;
    cursor: pointer;
}
/* Video Controle */
.hero_work .control .play,
.hero_work .control .pause {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: red;
    display: none;
    background: url(../questtono_unius/img/pause.png) no-repeat center;
}
.hero_work .control .play {
    display: block;
    background-image: url(../questtono_unius/img/play.png);
    background-color: #c5e2d3;
}

.dropwork {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
}

.work_categories {
    background-color: #c5e4cc;
    padding: 25px;
    position: absolute;
    z-index: 1;
    max-width: 280px;
    display: none;
}
.work_categories h4 {
    margin-bottom: 25px;
    margin-left: 18px;
    color: #acaeb0;
    line-height: 20px;
    cursor: pointer;
}
.work_categories h4:hover,
.work_categories h4:active {
    color: #fff;
}

.grid.workpage {
    background-color: #ffffff;
    margin-top: 50px;
    padding-top: 0;
}
.grid.workpage .wrapper_grid {
    margin-top: 0;
}
.grid_work {
    -webkit-transition: filter 0.4s ease-in-out;
    -moz-transition: filter 0.4s ease-in-out;
    -ms-transition: filter 0.4s ease-in-out;
    -o-transition: filter 0.4s ease-in-out;
    transition: filter 0.4s ease-in-out;
}
.client,
.title_work {
    opacity: 0;
    color: white;
    position: absolute;
    -webkit-transition: transform 0.4s ease-in-out, opacity 0.25s ease-in-out;
    -moz-transition: transform 0.4s ease-in-out, opacity 0.25s ease-in-out;
    -ms-transition: transform 0.4s ease-in-out, opacity 0.25s ease-in-out;
    -o-transition: transform 0.4s ease-in-out, opacity 0.25s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.25s ease-in-out;
}

.client {
    top: 30px;
    left: 30px;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
}

@media (max-width: 991px) {
    .client {
        opacity: 1;
        transform: translateY(0px);
    }
}

.title_work {
    font-size: 3.8em;
    left: 28px;
    bottom: 30px;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}
.grid_work:hover,
.grid_work:active {
    /*background-image: linear-gradient(rgba(32, 32, 32, 0.7), rgba(32, 32, 32, 0.7));*/
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.grid_work:hover .client,
.grid_work:hover .title_work,
.grid_work:active .client,
.grid_work:active .title_work {
    opacity: 1;
}
.grid_work:hover .client,
.grid_work:active .client {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
.grid_work:hover .title_work,
.grid_work:active .title_work {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/*work cases*/
.special .columns {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-bottom: 100px;
}
@media only screen and (min-width: 1400px) {
    .special .columns {
        margin-bottom: 0;
    }
}
.special .columns .highlight_post {
    margin-bottom: -13px;
    margin-left: -28%;
}
@media only screen and (min-width: 1400px) {
    .special .columns .highlight_post {
        margin-bottom: 0;
        padding-bottom: 18%;
    }
}
.hero_post {
    position: relative;
}
.content_wrapper.work_case {
    margin-top: 180px;
}
@media only screen and (min-width: 1400px) {
    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        width: 100%;
        height: 82%;
    }
}

.wrapper_img_text {
    text-align: center;
    margin: 70px 0;
    height: auto;
    overflow: hidden;
}

.wrapper_img_post {
    margin: 11px 0;
    height: auto;
    overflow: hidden;
}
.wrapper_img_post img {
    width: 100%;
}

.wrapper_img_post video {
    width: 100%;
}

.video_row {
    align-items: baseline;
}

.img_header_post {
    /*background-position: top left !important;*/
    background-position: center center !important;
    background-repeat: no-repeat;
    /*background-size: 118%;*/
    background-size: 100%;
    margin-top: 46px;
    height: 757px;
    -webkit-transition: width 0.15s;
    -moz-transition: width 0.15s;
    -ms-transition: width 0.15s;
    -o-transition: width 0.15s;
    transition: width 0.15s;
}

.bigger {
    height: 900px;
    width: 100% !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

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

.smaller {
    height: 466px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.smaller-container {
    width: 74.57142857%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.post_text {
    background-color: #f1f2f2;
    padding-top: 85px;
    padding-bottom: 90px;

    h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 3.5rem;
    }
    h3 {
        font-size: 3rem;
    }
    h4 {
        font-size: 2.5rem;
    }
    h5 {
        font-size: 2rem;
    }
}

.post_subtitle h2 {
    margin-top: 0;
    margin-bottom: 50px !important;
}

.wrapper_latest_post {
    margin-bottom: 90px;
    margin-top: 50px;
}

.latest_post_item {
    padding: 30px 0 45px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: none;
}
.latest_post_item:hover {
    background: #c5e4cc;
}
.latest_post_item .latest_info .legend-h4 {
    color: #231f20;
}
.latest_post_item .latest_info .title-related {
    max-width: 600px;
}
.arrow-post {
    position: relative;
    top: 170px;
    right: 40px;
}
.menu-icon {
    width: 20px;
}
.line-top-post {
    border-top: 1px solid #acaeb0;
    margin-top: -30px;
    width: 83%;
}
.wrapper_latest_post .section:first-child .line-top-post {
    border: none;
}

.bc h3 {
    text-transform: lowercase;
    margin-top: 10px;
    color: #c5e4cc;
}
.bc h3 a {
    color: #c5e4cc;
}
.bc h3 .divisor {
    display: none;
}
.bc h3 .internal-2,
.bc h3 .internal-3 {
    display: none;
}
.single-case .bc h3 {
    color: white;
}
.single-case .bc .case-root {
    color: #c5e4cc;
}

.text-end-post {
    margin: 60px 0;
}

/*approach page*/
.hero_approach {
    position: relative;
    top: 0;
    bottom: 190px;
}

.section.group.single_challenge {
    position: relative;
    margin: 80px 0;
    min-height: 430px;
}

.image_wrapper {
    position: relative;
}

.challenges_img {
    width: auto;
    height: 450px;
    position: absolute;
    top: 50%;
    z-index: -1;
}
.challenges_img.right {
    left: 0;
    margin-left: -110px;
}
.challenges_img.left {
    right: 0;
    margin-right: -90px;
}

.challenges_text {
    margin-bottom: 100px;
}
.challenges_text h4 {
    margin-bottom: 25px;
}

.section_beliefs {
    padding-bottom: 90px;
}
.section_beliefs h2 {
    margin-bottom: 40px;
}
.section_beliefs h2.fix {
    margin-left: -4px;
}
.section_beliefs .beliefs-block {
    margin-bottom: 15px;
}
.section_beliefs .beliefs-title {
    margin-bottom: 25px;
}
.section_beliefs p {
    margin-bottom: 45px;
}
.section_beliefs .subtitle-beliefs {
    margin-top: 20px;
    line-height: 20px;
}
.section_beliefs .inner {
    margin-bottom: 30px;
    padding: 20px 40px 20px 0;
    /*height: 420px; */
}
.section_beliefs .inner.line-left {
    padding-left: 20px;
}
.text_dark {
    color: #828487;
}
.skills {
    background-color: #e1e2e2;
    margin: 100px 0 0 0;
    padding: 100px 0 100px 0;
}
.skills p,
.skills h2 {
    margin-bottom: 60px;
}
.skills table {
    width: 100%;
}
.skills .skill {
    vertical-align: top;
    border: solid #828487;
    border-width: 0 1px 0 0;
    padding: 0 8%;
}
.skills .skill:first-child {
    padding-left: 0;
}
.skills .skill:last-child {
    border: none;
}
.skills .section.group .one {
    border: solid #828487;
    border-width: 0 1px 0 0;
}
.skills .section.group .one:nth-child(4) {
    border-width: 0;
}

.phases_number {
    margin-bottom: -65px;
    color: #e1e2e2;
}

.phases_title {
    margin-bottom: 45px;
    margin-top: 17px;
}

.wrapper_offers {
    margin-top: 158px;
}
.wrapper_offers .margin_title {
    margin: 26px 0 32px 0;
}

/* phases flickity presets */
.phases-slider {
    height: 100%;
}
.phases-slider .arrows {
    position: absolute;
    bottom: 17%;
    width: 110px;
    height: 19px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}
.phases-slider .arrows.previous {
    left: -87px;
    background-image: url("../img/phases-previous.svg");
}
.phases-slider .arrows.previous:hover {
    background-image: url("../img/phases-previous-hover.svg");
}
.phases-slider .arrows.next {
    right: -3%;
    background-image: url("../img/phases-next.svg");
}
.phases-slider .arrows.next:hover {
    background-image: url("../img/phases-next-hover.svg");
}
.phases-slider .phases-slide {
    width: 90%;
    margin: auto 200px;
}
.phases-slider .wrapper_phases {
    padding: 1px 30px 120px 0px;
}
.phases-slider .flickity-page-dots {
    bottom: 50px;
    left: -5px;
}
.line-left {
    border-left: 1px solid #e1e2e2;
    padding-left: 15px;
}

/* discussion */
.content_wrapper.disc {
    margin-top: 0;
}
.disc_hero .hero-read {
    transition: 0.4s ease;
    display: block;
    overflow: hidden;
    opacity: 0;
    height: 0;
}

.banner-content {
    -webkit-transition: margin-top ease-in-out 0.4s;
    -moz-transition: margin-top ease-in-out 0.4s;
    -ms-transition: margin-top ease-in-out 0.4s;
    -o-transition: margin-top ease-in-out 0.4s;
    transition: margin-top ease-in-out 0.4s;
}

.banner-content:hover .hero-read {
    opacity: 1;
    height: auto;
}
.banner-content:hover {
    margin-top: -20px;
}
.hero_img_disc {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(0%) brightness(0.7) opacity(1) !important;
    padding-bottom: 200px;
    padding-top: 650px;
    z-index: -10;
    transition: filter 0.4s ease;
}

.hero_img_disc:hover {
    filter: grayscale(100%) brightness(0.3) opacity(80%) !important;
}

.wrapper_hero_disc {
    transition: margin-top 0.4s;
    position: relative;
    margin-top: -590px;
}
.post-type-archive-discussions .content_wrapper {
    margin-top: 0;
}
.post-type-archive-discussions .grid {
    margin-top: 0;
    padding-top: 0;
    background-color: transparent;
}
.post-type-archive-discussions .wrapper_grid_discussions {
    margin-top: 0px;
    position: relative;
    z-index: 2;
}
.post-type-archive-discussions .wrapper_grid_discussions .main_photo {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: filter 0.3s;
    background-position: center center;
    background-size: cover;
}
.post-type-archive-discussions .wrapper_grid_discussions .main_photo:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color: #dadada; */
    opacity: 0.9;
    transition: opacity 0.3s;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
}
.post-type-archive-discussions .wrapper_grid_discussions .main_photo:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.post-type-archive-discussions .wrapper_grid_discussions .main_photo:hover .read-more {
    margin: 10px 0 0 0;
    height: 30px;
}
.post-type-archive-discussions .wrapper_grid_discussions .main_photo:hover .title_bottom {
    color: white;
    text-decoration: underline;
}
.post-type-archive-discussions .wrapper_grid_discussions .main_photo a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.post-type-archive-discussions .discussions_info {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
}
.post-type-archive-discussions .discussions_info .categorie_bottom {
    color: white;
    visibility: visible;
    line-height: 15px;
}
.post-type-archive-discussions .discussions_info .title_bottom {
    color: #fff;
    visibility: visible;
    margin: 0;
    transition: color 0.3s;
}
.post-type-archive-discussions .discussions_info .read-more {
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: margin 0.3s, height 0.3s;
}
.post-type-archive-discussions .desk.menu_discussions {
    margin-top: 0;
    position: relative;
    z-index: 20;
}
.post-type-archive-discussions .desk.menu_discussions h4 {
    line-height: 35px;
    margin: 0;
    color: #acaeb0;
    cursor: pointer;
}
.post-type-archive-discussions .desk.menu_discussions h4:hover,
.post-type-archive-discussions .desk.menu_discussions h4:active {
    color: #414042;
}
.post-type-archive-discussions .menu_discussions {
    margin-top: -130px;
    position: relative;
}

/* discussions case */
.single-discussions .text_disc {
    margin-bottom: 120px;
}
.single-discussions .text_disc p {
    margin-top: 30px;
    margin-right: 20%;
}
.single-discussions .text_disc h2,
.single-discussions .text_disc h4,
.single-discussions .text_disc h3 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.single-discussions .content {
    overflow: visible;
}
.single-discussions .content h4,
.single-discussions .content h3 {
    color: #231f20;
}
.single-discussions .header_image {
    width: 100%;
}

.img_post_disc {
    align-content: center;
    margin-top: 46px;
    width: 100%;
}

.subtitle_img {
    text-align: center;
    color: #acaeb0;
    margin-bottom: 20px;
}

.text_end {
    margin-top: 60px;
    margin-bottom: 120px;
}

/* press */
.hero_press {
    position: relative;
}
.hero_press .mobile-margin {
    position: relative;
}
.hero_press .mobile-margin a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.background_press {
    background-color: #414042;
    padding-top: 120px;
    padding-bottom: 40px;
    margin-top: -190px;
    margin-bottom: 4%;
}

.green_press:hover {
    background-color: #c5e4cc;
}

.subtitle_press {
    color: #acaeb0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.seven.line_press {
    border-bottom: 1px solid #acaeb0;
    width: 60%;
}

.arrow_press {
    position: relative;
    color: #acaeb0;
    font-size: 12px;
    margin-top: 10%;
    margin-left: 45%;
    margin-bottom: 10%;
}

.arrow_press_r {
    margin-top: -80px;
    margin-left: 90%;
}

/*about*/
.page.about .content_wrapper {
    margin-top: 0;
}
.page.about .seta {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: rotate(90deg) translateY(50%);
    transform-origin: 20px 50%;
    cursor: pointer;
}
.page.about section.hero {
    height: 97vh;
    overflow: hidden;
}
.page.about section.hero .bg,
.page.about section.hero .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.page.about section.hero .bg {
    filter: grayscale(100%) brightness(0.3) opacity(80%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page.about section.hero .title_about {
    position: absolute;
    bottom: 30%;
    left: 0;
    color: white;
}
.page.about section.hero .video {
    position: relative;
    width: 100%;
    height: 100%;
}
.page.about section.hero .video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page.about section.hero .control {
    width: 68px;
    height: 68px;
    position: absolute;
    left: 12.71428571%;
    bottom: 120px;
    cursor: pointer;
    z-index: 10;
}
.page.about section.hero .control .play,
.page.about section.hero .control .pause {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: red;
    display: none;
    background: url(../questtono_unius/img/pause.png) no-repeat center;
}
.page.about section.hero .control .play {
    display: block;
    background: url(../questtono_unius/img/play.png) no-repeat center;
    background-color: #c5e2d3;
}
.page.about .subtitle {
    margin-top: 1.4em;
    margin-bottom: 1.4em;
}

.hero_img_about {
    background-image: url("../img/DSC03835.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(100%) brightness(0.3) opacity(80%);
    margin-bottom: 0px;
    padding-bottom: 370px;
    padding-top: 460px;
    z-index: -10;
    margin-top: -121px;
}

.arrow_more {
    position: relative;
    height: 0;
}

.wrapper_box_about {
    display: inline-block;
    margin-bottom: 44px;
}
.wrapper_box_about:first-child {
    margin-right: 40px;
}

.box_about {
    float: left;
    background-color: transparent;
    width: 265px;
    height: 212px;
    margin-right: 40px;
    padding: 15px 22px 35px 0;
}
.box_about h1,
.box_about h3,
.box_about h4 {
    margin: 0;
}
.box_about h1 {
    margin-top: -20px;
    margin-bottom: 20px;
}
.box_about h3 {
    line-height: 23px;
    margin-top: 0px;
    padding-top: 10px;
}
.box_about:last-child {
    margin-right: 0;
}
@media only screen and (max-width: 1600px) {
    .box_about:nth-child(3) {
        clear: left;
    }
}

.back-color-about {
    padding-top: 8vh;
    padding-bottom: 8vh;
    margin-top: -58px;
    background-color: #e1e2e2;
}

.back-color-about div div div p {
    padding: 0 0 20px;
}

.team.grid {
    margin-top: 0;
    padding-top: 0;
}
.team.grid .photo_grid {
    overflow: visible;
}
@media only screen and (max-width: 1680px) {
    .team.grid .photo_grid {
        width: 50%;
        padding-bottom: 50%;
    }
}
.team.grid .photo_grid:after {
    content: " ";
    width: 1px;
    height: 26%;
    position: absolute;
    top: -9%;
    right: 15%;
    background-color: #c5e4cc;
    z-index: 3;
    opacity: 0;
}
.team.grid .photo_grid:hover:after {
    opacity: 1;
}

.team_photo {
    background-size: cover;
    background-repeat: no-repeat;
}

.team-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(247, 247, 247, 0);
    transition: background 0.6s;
}

.team_profile {
    opacity: 0;
    color: #acaeb0;
    padding: 40px 35px 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    overflow: auto;
    transition: opacity 0.3s;
}
.team_profile h2 {
    margin-top: 0;
    line-height: 1.1em;
    font-size: 40px;
}
.team_profile h3 {
    line-height: 25px;
    font-size: 18px;
}
.team_profile .bio p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.team_photo:hover .team_profile {
    opacity: 1;
    transition: opacity 0.6s;
}
.team_photo:hover .team-mask {
    background-color: rgba(247, 247, 247, 0.95);
    transition: background 0.3s;
}

.timeline-title {
    margin-top: 200px;
}

.timeline {
    white-space: nowrap;
    overflow: hidden;
    margin: 60px 0 200px 0;
}

.flickity-viewport {
    overflow: inherit;
    height: auto;
}

.timeline .tl-wrapper {
    font-size: 0;
    width: 100vw;
    transition: all 1s;
    margin: 300px 0 0 0;
    padding-left: calc(25% + 110px);
    z-index: 0;
    position: relative;
    height: 390px;
}

.tl-slider .flickity-page-dots {
    width: auto;
    padding: 0;
    margin: -300px 0 0 0;
    list-style: none;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    left: 12.714%;
    top: 0;
}
.tl-slider .flickity-page-dots .dot {
    margin: 8px 0;
}

.tl-slider-item {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 768px;
    height: 3px;
    background: #aeb0b2;
}

/*.timeline .tl-wrapper li .square_tl,*/
.tl-slider-item .square_tl {
    width: 382px;
    height: 382px;
    position: absolute;
    left: 0;
    top: -191px;
    background: #e1e2e2;
    z-index: -1;
}

.tl-slider-item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    width: 6px;
    height: 6px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #000;
}

/*.timeline .tl-wrapper li .text,*/
.tl-slider-item .text {
    position: absolute;
    left: -100px;
    width: 280px;
    padding: 35px 0;
    font-size: 1rem;
    white-space: normal;
}

.timeline time,
.tl-slider-item time {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
    bottom: 0;
    left: -100px;
    position: absolute;
}
.timeline time h1,
.tl-slider-item time h1 {
    margin-bottom: 30px;
}

.arrow-back {
    transition: 0.4s;
    float: left;
    cursor: pointer;
    opacity: 0.3;
}
.arrow-back:hover {
    margin: 0 10px 0 -10px;
    opacity: 1;
}

.arrow-next {
    transition: 0.4s;
    float: left;
    margin-left: 30px;
    cursor: pointer;
    opacity: 0.3;
}
.arrow-next:hover {
    margin-left: 40px;
    opacity: 1;
}

.space-arrows {
    display: flex;
    justify-content: end;
    padding-top: 32px;

    @media (max-width: 767.98px) {
        justify-content: start;
        margin-bottom: 42px;
        padding-left: 20px;
    }
}

.arrow-group-space {
    border: 2px solid #c5e2d3;
    display: flex;
    align-items: center;
    max-width: max-content;
    .arrow-space {
        opacity: 1 !important;
        margin: 0 !important;
        padding: 20px;

        &:last-child {
            border-left: 2px solid #c5e2d3;
        }
    }
    img {
        margin: 0 !important;
        width: 80px;
        height: auto;
    }
}

/*contact*/
.contact .header_info {
    display: none;
}

.content_wrapper.work {
    margin-top: 200px;
}

.content_wrapper.contact {
    margin-top: 190px;
}

.location-background {
    position: absolute;
    top: 600px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #414042;
    z-index: -1;
}

.location_map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s;
}

.location_img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #414042;
    overflow: hidden;
    position: relative;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    padding-bottom: 65%;
}
.location_img:hover {
    transition: filter 0.5s;
    filter: none;
}
.location_img:hover .location_map {
    opacity: 1;
}
.location_img:hover .location_text {
    display: none;
}
.location_img:hover + .locations_info .white {
    height: 61px;
    opacity: 1;
}
.location_img:hover + .locations_info .line-top {
    border-color: #c5e4cc;
}
.section.emails {
    margin-bottom: 95px;
}
.section.emails .line-top {
    border-color: #58595b;
}
.section.emails .two.carrers-mail {
    margin-left: 0;
}
.section.emails .two.media-mail {
    margin-left: 16.4143%;
}
.location_rj {
    background-image: url("../IMAGES/rj.jpg");
}

.location_ny {
    background-image: url("../IMAGES/shutterstock_615343.jpg");
}

.location_sp {
    background-image: url("../IMAGES/ciclovia-em-sao-paulo.jpg");
}

.location_text {
    position: absolute;
    color: white;
    left: 0;
    top: 33%;
    width: 100%;
    text-align: center;
}
.location_text.city {
    display: none;
}

.contact_background {
    background-color: #414042;
    margin-top: -220px;
    padding-bottom: 90px;
}

.contact_text {
    color: #58595b;
}

.line-top.line-contact {
    border-color: #58595b;
}

.locations_info .white {
    height: 0;
    opacity: 0;
    transition: opacity 0.4s, height 0.3s;
    pointer-events: none;
}
.locations_info .line-top {
    border-color: #58595b;
    transition: border-color 0.4s;
}

.hero_contact {
    margin-top: 75px;
    margin-bottom: 60px;
}

.curtain {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 49;
    background-color: transparent;
    display: none;
}
.curtain.on {
    display: block;
}

.one.column.search_mobile {
    display: none;
}

/* medias */
@media only screen and (max-width: 768px) {
    .desk {
        display: none;
    }
    .mobile {
        display: block;
    }
    .mobile-margin {
        margin: 0 8%;
    }
    .mobile-margin2 {
        margin: 0 15px;
    }
    .arrow_sm_down_mobile {
        width: 10px;
        margin-top: -20px;
    }
    .arrow_md {
        width: 120px;
        margin-top: 35px;
    }
    .mobile-center {
        text-align: center;
    }
    .padding_grid,
    .padding_grid-double,
    .padding_grid-single {
        padding-bottom: 50%;
    }
    .mobile_align {
        float: right;
        margin: -35px 20px 0 0;
    }
    .line-mobile {
        width: 20%;
        float: right;
        margin: -10px 70px 0 0;
    }
    h1 {
        font-size: 3.9em;
        line-height: 1;
    }
    h4 {
        font-size: 0.9em;
        line-height: 2;
    }
    h2 {
        font-size: 2.8em;
        line-height: 1;
    }
    .qtn-titulo h2 {
        font-size: 4.8em !important;
    }
    p {
        font-size: 1.2em;
        line-height: 30px;
    }
    .menu {
        padding: 20px 0;
        margin: 0;
        background-color: #fff;
    }
    .content_wrapper {
        margin-top: 60px;
    }
    .one.column.menu_mobile {
        width: 20%;
    }
    .one.column.logo_mobile {
        display: inline-block;
        width: 40%;
        text-align: center;
        margin: 0;
        display: none;
    }
    .one.column.search_mobile {
        display: inline-block;
        width: 40%;
        text-align: left;
        margin: 0;
    }
    header .logo {
        margin: -20px auto 0;
        text-align: center;
    }
    header .align {
        margin-top: -35px;
    }
    header .line-top {
        margin: -20px 70px 20px;
    }
    .menu .logo.q {
        background: url("/wp-content/themes/questtono_unius/img/logos/qn.svg") no-repeat center/contain;
    }
    .menu .line-top {
        width: 20px;
        margin: 0px 0;
        display: inline-block;
        height: 1px;
        padding: 0;
    }
    .menu .bc {
        font-size: 10px;
        position: absolute;
        right: 15px;
        top: 0px;
    }
    .menu .bc h3 {
        margin: 5px 0 0;
        color: transparent;
        display: inline-block;
    }
    .menu .bc h3 span {
        display: none;
        color: #c5e4cc;
    }
    .menu .bc h3 span:first-child {
        display: block;
    }
    .post-type-archive-discussions .menu.nav-down .nav-right .button .bar,
    .about .menu.nav-down .nav-right .button .bar {
        background-color: #000;
    }

    footer {
        padding: 0;
    }
    footer .social_icon {
        margin: 0;
        padding: 0;
    }
    footer .social_icon li,
    footer .social_icon ul {
        display: inline-block;
        width: 15.8%;
        margin: 0;
        border-right: 1px solid #231f20;
    }
    footer .social_icon li:last-child {
        border: none;
    }
    footer .footer_mobile {
        background-color: transparent;
        padding: 0px;
        text-align: center;
    }
    footer .footer_mobile .logo_footer_mobile {
        margin: 50px auto;
        width: 300px;
    }
    footer .footer_mobile .border-top {
        border-top: 1px solid #c5e4cc;
    }
    footer .footer_mobile h4 {
        font-size: 0.4em;
        padding-top: 7px;
        margin-bottom: 0;
    }
    .sidebar {
        padding-left: 10px;
    }
    .sidebar.active {
        width: 100%;
    }
    .sidebar .wrapper-lang {
        position: relative;
        bottom: auto;
        margin: 40px 0 0 20px;
    }
    .sidebar button {
        margin: 10px 0 0 20px;
        float: left;
    }
    .sidebar .logo-side {
        margin: 20px 0 10px 20px;
    }
    .sidebar-list {
        margin: 15px 0 0 20px;
    }
    .sidebar-item {
        margin: 15px 0;
        font-size: 30px;
    }
    .hero {
        margin-top: 0px;
    }
    .slider {
        height: 400px;
        margin-bottom: -19em;
        /*video da home*/
        /*z-index: -1;*/
    }
    .slider .tab-pane {
        height: 176px;
    }
    .slider .control {
        width: 50px;
        height: 50px;
        bottom: 20px;
        left: 10%;
    }
    .slider .control .play,
    .slider .control .pause {
        background-size: 18px;
    }
    .slider .slide {
        background-size: auto 100vh;
    }
    .grid {
        margin-top: -66px;
        padding-top: 210px;
        background-color: #414042;
    }
    .grid .wrapper_grid {
        margin-top: -110px;
    }
    .grid .padding_grid {
        padding-bottom: 50%;
    }
    .grid .photo_grid .categorie,
    .grid .photo_grid .title {
        left: 10px;
        right: 10px;
    }
    .grid .photo_grid .categorie {
        top: 10px;
    }
    .grid .photo_grid .title {
        font-size: 1.8em;
        bottom: 10px;
    }
    .title_work {
        font-size: 2em;
    }
    .arrow_slider {
        margin-top: -135px;
    }

    /*works*/
    .content_wrapper.work {
        margin-top: 0;
    }
    .hero_work {
        top: -120px;
    }
    .hero_work .slider_work {
        height: 70vh;
        padding-bottom: 0;
        margin-bottom: 40px;
    }
    .hero_work .slider_work .video video {
        object-fit: cover;
    }
    .hero_work .control {
        width: 50px;
        height: 50px;
        top: auto;
        right: auto;
        left: 20px;
        bottom: 20px;
    }
    .hero_work .control .play,
    .hero_work .control .pause {
        background-size: 20px;
    }
    .hero_work .title_align {
        left: 20px !important;
        font-size: 70px;
    }
    .wrapper_img_post {
        margin: 0;
    }
    .grid.workpage {
        margin: 0;
        background-color: #fff;
        position: relative;
        top: 0px;
        padding-top: 0;
    }
    .grid.workpage .wrapper_grid {
        margin-top: 0px;
    }
    .work_categories {
        max-width: 100%;
        width: 100%;
        text-align: left;
    }

    /*case*/
    .content_wrapper.work_case {
        margin-top: 45px;
    }
    .wrapper_latest_post {
        margin-bottom: 40px;
    }
    .wrapper_latest_post .mobile-margin {
        margin: 0 35px;
    }
    .line-top-post {
        width: 78%;
        margin: -30px auto 0;
    }
    .hero_post {
        position: relative;
        top: 0;
        padding-top: 50px;
    }
    .hero_post .mobile_header {
        font-family: "sofiapro", sans-serif;
        font-weight: bold;
        font-size: 3.4em;
        letter-spacing: normal;
        text-transform: none;
        line-height: 1em;
    }
    .post_subtitle {
        margin-top: -130px;
    }
    .img_header_post {
        margin-top: 46px;
        height: 350px;
        width: 100%;
        background-size: cover;
        background-position: center center !important;
    }
    .post_text {
        background-color: #fff;
        margin-top: 115px;
    }
    .wrapper_img_text {
        height: auto;
        margin: 20px 0;
    }
    .wrapper_img_post img {
        margin-bottom: 10px;
    }
    .text-end-post.mobile-margin {
        margin: 0 35px;
    }
    .latest_post_item {
        padding: 30px 0 25px;
    }
    .latest_post_item .latest_info h4 {
        color: #acaeb0;
    }
    .latest_post {
        margin: 0 25px;
        border-top: 1px solid #e1e2e2;
    }

    .highlight_post {
        margin-top: -20px;
        margin-bottom: 30px;
    }
    .single-case .post_text,
    .single-discussions .post_text {
        margin-top: 0;
        padding: 0;
    }
    .single-case .post_subtitle,
    .single-discussions .post_subtitle {
        margin-top: 0;
    }
    .single-case .post_subtitle h2,
    .single-discussions .post_subtitle h2 {
        margin-top: 40px;
    }
    .single-case .category_post,
    .single-discussions .category_post {
        margin: 30px 25px 10px;
        padding: 4px;
        border-top: 1px solid #acaeb0;
        border-bottom: 1px solid #acaeb0;
        position: static;
    }
    .single-case .category_post h4,
    .single-discussions .category_post h4 {
        font-size: 0.8em;
    }
    .single-case .category_post .line-bottom,
    .single-discussions .category_post .line-bottom {
        margin: 0;
        padding: 0 8px;
        border: none;
        display: inline-block;
        border-right: 1px solid #acaeb0;
    }
    .single-case .category_post .category-line,
    .single-discussions .category_post .category-line {
        border: 0;
        border-top: 1px solid #acaeb0;
        margin: 4px 0;
    }

    .bigger-container {
        height: auto;
    }

    .work_case .category_post .line-bottom:first-child {
        padding-top: 0;
    }

    .hidden_line .line-top {
        border: none;
        margin: 0;
    }

    .wrapper_video {
        margin-top: 0;
    }

    .special .columns {
        margin-bottom: 25px;
    }
    .special .columns .highlight_post {
        margin: 0 8% -13px;
    }
    .special .columns .highlight_post h2 {
        margin-top: 0;
    }
    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        width: 100%;
    }

    /*discussions*/
    .hero_img_disc {
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .disc_hero:hover .wrapper_hero_disc {
        margin-top: 0;
    }

    .wrapper_hero_disc {
        margin-top: 0;
        bottom: 0;
        overflow: hidden;
        padding: 120px 0 30px;
    }
    .wrapper_hero_disc .arrow_right {
        margin-top: -25px;
        width: 100px;
    }
    .wrapper_hero_disc .arrow_right.mobile {
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        right: 12%;
    }

    .menu_discussions .dropdisc {
        background: none;
        border: none;
        cursor: pointer;
        display: inline-block;
        background-color: #414042;
        text-align: center;
        z-index: 4;
        width: 100%;
        position: relative;
    }
    .menu_discussions .menu_categories {
        display: block;
    }
    .menu_discussions .menu_categories h4 {
        color: #e1e2e2;
        transition: color 0.3s;
    }
    .menu_discussions .menu_categories img {
        transition: transform 0.3s;
    }
    .menu_discussions .menu_categories.active h4 {
        color: #c5e4cc;
    }
    .menu_discussions .menu_categories.active img {
        transform: scale(1, -1);
    }
    .menu_discussions .categories {
        display: none;
        background-color: #c5e4cc;
        padding: 0;
        width: 100%;
        text-align: center;
        z-index: 4;
        top: 40px;
        position: absolute;
    }
    .menu_discussions .categories hr {
        border-color: #414042;
        width: 50%;
    }
    .menu_discussions .categories h4 {
        width: 60%;
        margin: 10px auto;
        padding: 10px 0;
        color: #414042;
    }
    .menu_discussions .categories h4:last-child {
        border: 0;
    }
    .post-type-archive-discussions .menu_discussions {
        margin-top: 0;
    }
    .post-type-archive-discussions .content_wrapper > section {
        position: relative;
    }
    .discussions .discussions_info {
        bottom: 10px;
    }
    .discussions .discussions_info .title_bottom {
        line-height: 1.4em;
    }
    .discussions .grid {
        margin-top: 0;
        padding-top: 0;
    }
    .discussions .wrapper_grid_discussions {
        margin-top: 0;
        z-index: 2;
    }
    .post-type-archive-discussions .menu .nav-right .button .bar,
    .about .menu .nav-right .button .bar {
        background-color: #000;
    }
    .post-type-archive-discussions .menu .logo,
    .about .menu.nav-down .logo {
        background: url("/wp-content/themes/questtono_unius/img/logos/qn.svg") no-repeat left bottom/contain;
    }
    .post-type-archive-discussions .wrapper_grid_discussions {
        margin-bottom: 0;
    }

    /*discussions case*/
    .header_image {
        width: 100%;
    }
    .img_header_disc {
        margin-top: 46px;
        width: 100%;
    }

    .disc_subtitle {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .single-discussions .text_disc p {
        margin-right: 0px;
        margin-top: 0px;
    }

    /* press */
    .hero_press {
        position: relative;
        padding-top: 160px;
        padding-bottom: 10px;
    }
    .hero_press .mobile_header {
        font-family: "sofiapro", sans-serif;
        font-weight: bold;
        font-size: 3.4em;
        letter-spacing: normal;
        text-transform: none;
        line-height: 1em;
    }

    .seven.line_press {
        width: 83%;
        margin: 0 8%;
    }

    .subtitle_press {
        color: #acaeb0;
        padding: 0px;
    }

    .arrow_press {
        margin-left: 30%;
    }

    .arrow_press_r {
        width: 0;
    }

    /*offers*/
    .hero_offers {
        margin-top: 40px;
        margin-bottom: 70px;
    }

    .header-mobile {
        font-size: 3.4em;
    }

    .wrapper_offers {
        margin: 0;
    }
    .wrapper_offers .margin_title {
        margin-bottom: 0;
    }

    .offers_div {
        border-bottom: 1px solid #abadaf;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .offers section .section:last-child {
        width: 100%;
    }

    .offer-blocks .section:last-child .offers_div {
        border: none;
    }

    .margin_title {
        margin-bottom: 60px;
    }

    /*approach*/
    .hero_approach {
        top: 0;
        bottom: 0;
        margin-top: 10em;
    }
    .hero_approach .text-slider {
        overflow: visible;
    }

    .approach-intro {
        background-image: url("../../img/systemic design.png");
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 87%;
        padding-bottom: 280px;
        margin-bottom: -270px;
        margin-top: -77px;
    }
    .approach-intro p {
        margin-right: 40px;
    }

    .wrapper-text-slider {
        margin: 10px 0 20px;
    }

    .text-slide {
        position: relative;
        padding-right: 20px;
    }
    .text-slide h4 {
        margin: 20px 0 0;
        padding: 0 10px 0 0;
        display: inline-block;
        background-color: #fff;
    }
    .text-slide h4:before,
    .text-slide h4:after {
        content: "";
        position: absolute;
        top: 33px;
        right: 0;
        left: 0;
        background-color: #d6d6d6;
        height: 1px;
        z-index: -1;
    }
    .text-slide h4:after {
        border-radius: 50%;
        width: 10px;
        height: 10px;
        margin: -4px -4px 0 0;
        left: auto;
    }
    .text-slide:after {
        position: absolute;
        content: "";
        width: 1px;
        background-color: #d6d6d6;
        right: 0;
        top: -20px;
        bottom: 0;
    }

    .challanges-slider .flickity-page-dots {
        bottom: initial;
        top: -15px;
        z-index: -1;
    }
    .challanges-slider .flickity-page-dots .dot {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }

    .section_beliefs {
        padding-top: 30px;
        padding-bottom: 0;
        background-color: #414042;
        margin-top: 0px;
    }
    .section_beliefs h2,
    .section_beliefs h4 {
        color: white;
    }
    .section_beliefs h2 {
        margin: 10px 0 0;
    }
    .section_beliefs h4 {
        font-size: 0.8em;
        margin-bottom: 0;
    }
    .section_beliefs p {
        color: #acaeb0;
        margin-bottom: 20px;
    }
    .section_beliefs .inner,
    .section_beliefs .inner.line-left {
        height: auto;
        padding: 10px 0 0;
        border: 0;
    }

    .challenges_text {
        margin-bottom: 0px;
        margin-top: -60px;
    }

    .section.group.single_challenge {
        width: 100%;
        margin-right: 15px;
    }

    .nav_dot_slider .nav_dot {
        width: 6px;
        height: 6px;
        margin: 0 5px;
        background-color: #e1e2e2;
        border-radius: 100%;
        display: inline-block;
    }
    .nav_dot_slider .nav_dot:active {
        background-color: #c5e4cc;
    }

    .arrow_sm_right {
        margin-top: 15px;
        width: 60px;
    }

    .phases_wrapper {
        position: relative;
    }
    .phases_wrapper .arrow_md {
        position: absolute;
        z-index: 20;
        right: 40px;
        top: 75px;
    }

    .phases-slider {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .phases-slider .wrapper_phases {
        margin: 20px 30px 20px 0;
        padding: 20px 30px 20px 20px;
        border: solid 1px #e1e2e2;
    }
    .phases-slider .wrapper_phases .text_dark {
        color: #acaeb0;
    }
    .phases-slider .phases-slide {
        width: 100%;
    }

    .phases-slider .flickity-page-dots {
        bottom: auto;
        top: -30px;
        left: -8px;
    }
    .phases-slider .flickity-page-dots .dot {
        width: 8px;
        height: 8px;
    }

    .phases_title {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .phases_number {
        margin-top: 5px;
        margin-bottom: -50px;
    }

    .skills {
        background-color: #414042;
        padding: 20px 0;
        margin: 0;
        font-size: 0.8em;
    }
    .skills .text_dark {
        color: #acaeb0;
    }
    .skills .skill {
        padding: 0 6%;
    }
    .skills h2 {
        color: white;
        margin-bottom: 15px;
    }
    .skills p {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .skills .section.group .one {
        border: 0;
    }

    /*about*/
    .page.about section.hero .title_about {
        left: 20px;
        bottom: 100px;
        height: auto;
    }

    .page.about section.hero {
        height: 300px;
        height: 60vh;
    }

    .page.about section.hero .control {
        width: 45px;
        height: 45px;
        left: 30px;
        bottom: 30px;
    }
    .page.about section.hero .control .play,
    .page.about section.hero .control .pause {
        background-size: 15px;
    }

    .hero_img_about {
        padding-bottom: 40px;
        margin-top: -60px;
    }

    .about .player {
        width: 45px;
        left: 30px;
        top: 390px;
    }

    .title_about {
        left: 20px;
        bottom: 230px;
        top: auto;
        height: 0;
        margin-bottom: 0;
    }

    .timeline-title {
        margin-top: 0px;
    }

    .about_numbers {
        display: block;
    }
    .about_numbers .subtitle {
        font-family: "Merriweather", seriif;
        font-size: 1.4em;
        line-height: 30px;
        color: #acaeb0;
        border-bottom: 1px solid #acaeb0;
        padding-bottom: 20px;
    }

    .page.about .subtitle {
        margin: 40px 0;
    }

    .wrapper_box_about {
        width: 100%;
        margin: 0;
    }

    .box_about {
        float: left;
        width: 45%;
        height: auto;
        margin: 0px 7px 40px;
        padding: 0px;
    }
    .box_about h3 {
        font-size: 1.2em;
        line-height: 23px;
        margin-top: 0px;
        padding-top: 10px;
    }
    .box_about h3.line-top {
        border-top: solid 0;
    }
    .box_about h4 {
        font-family: "sofiapro", serif;
        font-weight: bold;
        font-size: 0.75em;
        letter-spacing: 5px;
    }
    .box_about h1 {
        margin-top: 0;
    }

    .box_about:first-child {
        margin-left: 0;
    }

    .box_about:last-child {
        margin-right: 0;
    }

    .back-color-about {
        padding-top: 35px;
        margin-top: 0;
        padding-bottom: 40px;
    }

    .about_mobile_heading {
        font-family: "sofiapro", sans-serif;
        font-weight: bold;
        font-size: 2em;
        line-height: 25px;
    }

    .team.grid {
        padding-top: 0;
    }

    .team_photo:hover {
        filter: grayscale(0%);
        background-image: linear-gradient(rgba(197, 226, 211, 0.95), rgba(197, 226, 211, 0.95)),
            url("../IMAGES/team/QUES_equipe_grd.jpg");
    }

    .team_profile.mobile {
        bottom: 0%;
        color: #fff;
        left: -15px;
    }
    .team_profile.mobile h2 {
        font-size: 30px;
    }

    .team_mobile {
        margin-bottom: 20px;
    }

    .timeline {
        margin: 0;
    }
    .timeline ol {
        left: -50px;
        margin: 160px 0;
        height: auto;
    }
    .timeline ol li {
        width: 360px;
    }
    .timeline ol li .square_tl {
        width: 200px;
        height: 200px;
        top: -100px;
    }
    .timeline ol li .text {
        padding: 20px 0;
    }
    .timeline ol li h1 {
        margin-bottom: 20px;
        left: 55px;
        position: relative;
    }

    .timeline .tl-wrapper {
        margin: 130px 0 0;
        height: 175px;
    }

    .tl-arrows {
        text-align: center;
        margin-bottom: 50px;
        margin-top: 110px;
    }

    .tl-arrow-back,
    .tl-arrow-next {
        float: none;
        display: inline-block;
    }

    /*contact*/
    .content_wrapper.contact {
        margin-top: 80px;
    }

    .location-background {
        background-color: #e1e2e2;
        height: 77%;
    }

    .location_text {
        left: 5%;
        top: 60%;
    }

    .location_img {
        height: 210px;
        padding: 0;
    }
    .location_img:hover {
        filter: grayscale(100%);
    }
    .location_img:hover .location_text {
        display: inline-block;
    }
    .location_img.active .location_text {
        display: inline-block;
    }
    .location_img.active + .locations_info {
        transition: height 0.4s ease;
        visibility: visible;
        height: auto;
        background-color: #231f20;
        padding: 15px;
    }
    .location_img.active + .locations_info .white {
        height: auto;
        opacity: 1;
    }
    .location_img.active + .locations_info .line-top {
        border-color: #c5e4cc;
    }

    .locations_info {
        visibility: hidden;
        height: 0;
    }

    .contact_mobile {
        margin-top: -20px;
    }

    .contact_background {
        background-color: #e1e2e2;
        padding-bottom: 20px;
    }

    .line-contact {
        position: relative;
        top: 10px;
        width: 92%;
        margin: 0 auto;
    }

    .carrers p.light-gray,
    .media p.light-gray {
        color: #414042;
    }

    .section.emails .two.carrers-mail,
    .section.emails .two.media-mail {
        margin: 0 15px;
    }

    footer a {
        margin: 0;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    h1 {
        font-size: 6.3em;
        line-height: 1;
    }

    .line-top.light-gray {
        margin-left: -180px;
    }

    .logo {
        margin-left: 30px;
    }

    .hero {
        position: relative;
        top: -200px;
    }

    .grid .wrapper_grid {
        margin-top: -115px;
    }
    .grid .padding_grid,
    .grid .padding_grid-double,
    .grid .padding_grid-single {
        padding-bottom: 50%;
    }

    .img_header_post {
        height: 578px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1400px) {
    /* single case */

    .special .columns .highlight_post {
        margin-left: 0;
    }
}

@media only screen and (min-width: 769px) {
    .phases-slider .border {
        position: absolute;
        top: 0;
        left: -30px;
        bottom: 23px;
        border: solid 1px #e1e2e2;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 1160px) and (min-width: 1025px) {
    .title {
        font-size: 3em;
    }
}

@media (min-width: 1680px) {
    .locations .location_text.city {
        display: block;
    }
    .locations .location_text.initials {
        display: none;
    }
}

@media (max-width: 1680px) and (min-width: 1280px) {
    h1 {
        font-size: 6.9em;
        line-height: 1.1em;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1160px) {
    .title {
        font-size: 3.2em;
    }

    .grid .photo_grid .title {
        font-size: 3.2em;
    }
}
.seta-para-baixo {
    position: absolute;
    bottom: -65px;
    right: 0;
}

.seta-para-baixo .seta-e,
.seta-para-baixo .seta-c,
.seta-para-baixo .seta-d {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #d6d6d6;
}

.seta-para-baixo .seta-e {
    transform: rotate(-45deg) translate(-4px, -1px);
}
.seta-para-baixo .seta-c {
    height: 150px;
}
.seta-para-baixo .seta-d {
    transform: rotate(45deg) translate(4px, -1px);
}

@document url("https://www.questtono.com/wp-admin/post.php?post=14&action=edit")
{
    #postdivrich {
        visibility: hidden;
        position: absolute;
    }
}

@media only screen and (max-width: 1199px) {
    .title_work {
        display: block;
        opacity: 1;
        transform: translateY(0px);
    }
}

@media only screen and (max-width: 991px) {
    .title_work {
        /*font-size: 2.5em;*/
        font-size: 1.5em !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .title_work {
        font-size: 2em;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    .title_work {
        font-size: 2.5em;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
    .title_work {
        font-size: 3em;
    }
}

@media only screen and (max-width: 425px) {
    .img_header_disc {
        height: 240px;
    }
    .qtn-titulo h2 {
        font-size: 3.9em !important;
    }
    .qtn-video-responsive {
        margin-bottom: 10em !important;
    }

    .clm-contatos-links a {
        font-size: 1.5em !important;
        line-height: 1.9em !important;
    }
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    .img_header_disc {
        height: 480px;
    }
}

@media only screen and (max-width: 1199px) {
    .grid .photo_grid .bg {
        filter: brightness(80%);
    }

    .grid .photo_grid .categorie {
        transform: translateX(0px);
        opacity: 1;
    }

    .grid .photo_grid .title {
        transform: translateY(0px);
        opacity: 1;
    }
}

.our-space .space-title {
    /* margin-top: 90px; */
    margin-bottom: 100px;
}

.our-space .space-item {
    height: 500px;
    background-size: cover;
    width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 200px 10px 50px;
    position: relative;
}

@media (max-width: 767px) {
    .our-space .space-item {
        width: 100vw;
        padding: 10px 50px 10px 50px;
    }
}

.our-space .space-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.our-space .space-item:hover:before {
    /*background: linear-gradient(to bottom, transparent 0%, black 100%);*/
    background-color: rgba(22, 21, 21, 0.6);
}

.our-space .space-name {
    color: #fff;
    z-index: 1;
    display: none;
}

.our-space .space-description {
    color: #fff;
    z-index: 1;
    display: none;
}

.our-space .space-item:hover .space-name {
    display: block;
}

.our-space .space-item:hover .space-description {
    display: block;
}

.our-space .tl-arrows {
    margin-top: 3em;
}

.video-case video {
    width: 100%;
    height: 800px;
}

@media (max-width: 575px) {
    .video-case video {
        height: 300px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .video-case video {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .our-space .tl-arrows {
        margin-top: 50px;
    }
}

.wpml-ls-display {
    display: none !important;
}

.wpml-ls-legacy-list-horizontal ul {
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.wpml-ls-legacy-list-horizontal ul li a span {
    color: #c5e2d3;
}

.one.column.lang {
    width: 100px;
    position: absolute;
    right: 50px;
    top: -4px;
}

@media screen and (min-width: 1200px) {
    .one.column.lang {
        right: 170px;
        top: 0px;
    }
}

.wpml-ls-current-language a span {
    color: #abadaf !important;
}

@media only screen and (min-width: 769px) {
    .team_margin_group {
        margin-bottom: 95px;
        margin-top: 35px;
    }
}

@media only screen and (max-width: 768px) {
    .our-space .space-title {
        margin-top: 90px;
        margin-bottom: 100px;
        padding: 0 20px;
    }
    .team_margin_group {
        margin-top: 10px;
        margin-bottom: 100px;
        padding: 0;
        margin-left: 0;
    }
}

.mailchimp-form .mc_signup_submit input {
    transform: initial;
    width: 100%;
    background: #c5e4cc;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
    line-height: normal;
    padding: 5px 0;
    height: auto;
}
.post_text a,
.post_text a:visited {
    text-decoration: underline;
    font-weight: bold;
    color: #fb92b4;
}
@media (max-width: 767px) {
    .flex-footer-mobile {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: justify;
        justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .social_icon {
        width: 230px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: justify;
        justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .social_icon li {
        width: 100% !important;
    }

    .mailchimp-form {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: justify;
        justify-content: space-around;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mailchimp-form .mc_custom_border_hdr {
        text-transform: initial;
        letter-spacing: normal;
        font-size: 12px;
        line-height: normal;
        border-right: 1px solid #acaeb0;
        margin: 0;
        margin-left: 10px;
    }

    footer .social_icon li:last-child {
        border-right: 1px solid #231f20 !important;
    }

    .mailchimp-form .mc_custom_border_hdr {
        margin-left: 0px;
        padding-right: 5px;
        width: 28%;
    }

    #mc_signup {
        width: 63%;
    }

    .mc_merge_var {
        width: 60%;
        float: left;
    }

    .mc_signup_submit {
        float: left;
        margin-top: 0 !important;
        margin-left: 6px;
    }

    input[type="submit"] {
        padding: 5px !important;
        font-size: 12px !important;
    }

    .footer_mobile_block_touch {
        background-color: #231f20;
        padding: 5px 5px 15px 5px;
        text-align: center;
        border-bottom: 1px solid #414042;
    }

    .title-footer-get h2 {
        font-size: 25px;
    }

    .state-footer-get {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 15px;
    }
    .state-footer-get .state {
        margin-right: 30px;
    }
    .state-footer-get .state:last-child {
        margin-right: 0px;
    }
    .state-footer-get a,
    .state-footer-get a:visited {
        color: #acaeb0;
        font-family: "sofiapro", sans-serif;
        font-weight: bold;
        font-size: 25px;
    }
}
@media (max-width: 479px) {
    .social_icon li {
        padding-top: 7px;
        min-height: 56px;
    }
    .mailchimp-form {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 60%;
    }

    .mailchimp-form .mc_custom_border_hdr {
        margin-top: 5px;
        margin-left: 10px;
        padding-right: 0;
        width: 100%;
        border: none;
        font-size: 11px;
    }
    #mc_signup {
        width: 100%;
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 8px;
    }
    .social_icon {
        /*width: 353px;*/
        width: 40%;
    }
}

body.home .hero .control {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    cursor: pointer;
}
body.home .hero .control .play,
body.home .hero .control .pause {
    background-color: transparent;
    display: block;
    border: 0;
    width: 94px;
    height: 64px;
    position: absolute;
    background: url("img/icon-youtube.png") no-repeat;
    background-position: 50% 50%;
    left: 50%;
    margin-left: -47px;
    margin-top: -32px;
    background-size: 100%;
}
body.home .hero .control .pause {
    top: 37%;
    opacity: 0;
    background: url("img/icon-youtube-pause.png") no-repeat;
    background-size: 100% !important;
}
body.home .hero .control .pause:hover {
    opacity: 1;
}
body.home .hero .mask:hover .control .pause {
    opacity: 1;
}
body.home .hero .control .play {
    top: 58%;
}

.about-title {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    font-family: "Merriweather", serif;
}

@media (max-width: 768px) {
    .hero .home-hero-title .wrap {
        top: 0;
    }
    .hero .space-hero {
        margin-bottom: 0;
    }
}
.wpcf7-response-output {
    color: #acaeb0;
}
@media only screen and (max-width: 768px) {
    div.wpcf7 .ajax-loader {
        position: absolute;
        right: 0;
    }
}

body.single-case .post_subtitle > p > img.size-full,
body.single-case .post_subtitle img.size-full {
    position: relative;
    left: -52%;
    max-height: initial;
    margin: 30px 0;
    height: auto !important;
    max-width: initial !important;
    width: 100vw !important;
}
body.single-case .post_subtitle > p > img.aligncenter,
body.single-case .post_subtitle img.aligncenter {
    max-width: 100%;
    width: 100%;
    height: auto;
}
body.single-case .post_subtitle .wp-caption.aligncenter > img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
body.single-case .post_subtitle .wp-caption {
    width: auto !important;
}
body.single-discussions .text_disc img.size-full {
    position: relative;
    left: -52%;
    max-height: initial;
    margin: 30px 0;
    height: auto !important;
    max-width: initial !important;
}
body.single-discussions .post_subtitle > p > img.aligncenter {
    max-width: 100%;
    width: 100%;
    height: auto;
}
body.single-case h1 {
    font-family: "sofiapro", sans-serif;
    font-weight: bold;
    font-size: 55px;
    letter-spacing: -0.04em;
    line-height: 1em;
    color: #231f20;
}
body.single-case h2,
body.single-case .title-related,
body.single-discussions .title-related {
    font-family: "sofiapro", sans-serif;
    font-weight: bold;
    font-size: 5.4em;
    letter-spacing: -0.04em;
    line-height: 1em;
    color: #231f20;
    margin-top: 50px;
    margin-bottom: 10px;
}
body.single-case .legend-h4,
body.single-discussions .legend-h4 {
    font-family: "sofiapro", sans-serif;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    line-height: 1.3em;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    body.single-case .post_subtitle > p > img.size-full,
    body.single-case .post_subtitle img.size-full {
        left: 0;
        max-height: initial;
        margin: 20px 0;
        width: 100% !important;
        height: auto !important;
        max-width: initial !important;
    }

    body.single-discussions .text_disc img.size-full {
        left: 0;
        max-height: initial;
        margin: 20px 0;
        width: 100% !important;
        height: auto !important;
        max-width: initial !important;
    }

    body.home .hero .home-hero-title {
        position: relative;
        height: auto;
        width: 100%;
        padding-top: 50px;
    }

    body.home .hero .home-hero-title .wrap {
        position: relative;
    }

    body.single-case h1 {
        font-family: "sofiapro", sans-serif;
        font-weight: bold;
        font-size: 3.4em;
        letter-spacing: normal;
        text-transform: none;
        line-height: 1em;
    }
    body.single-case h2,
    body.single-case .title-related,
    body.single-discussions .title-related {
        font-size: 2.8em;
        line-height: 1;
    }
}
@media only screen and (max-width: 320px) {
    .mobile-margin {
        margin: 0 15px;
    }
    .qtn-titulo h2 {
        font-size: 3.7em !important;
    }
}

@media (max-width: 767px) {
    .logo_mobile {
        display: none;
    }
}

body.single-case video {
    width: 100% !important;
    height: auto !important;
}

body.single-case img.alignleft {
    margin-left: 0% !important;
}

body.single-case img.alignright {
    margin-right: 0% !important;
}

.logo {
    background: url(img/logos/qn-logo-rgb-positivo.png) no-repeat left bottom/contain !important;
}

/* ajustes */

.footer-new {
    padding-top: 80px;
    .get-text-footer {
        font-family: "sofiapro", sans-serif;
        font-weight: 700;
        font-size: 50px;
        letter-spacing: 2px;
        line-height: 1em;
        color: #ffffff;
        padding: 0;
        margin: 0 0 40px 0;
    }

    .cities-text-footer {
        width: 100%;
        border-top: 2px solid #ffffff;
        padding-top: 40px;
        a {
            font-family: "sofiapro", sans-serif !important;
            text-transform: uppercase;
        }
    }

    .nav-social-text-footer {
        ul {
            display: flex;
            gap: 12px;
        }
    }
}

.mobile {
    .container-footer-middle {
        .row {
            padding-top: 16px;
            padding-bottom: 16px;
        }

        .newsletter-texto {
            margin-bottom: 16px !important;
        }

        input[type="text"] {
            margin-bottom: 16px;
        }
    }
}

.desc-block-content {
    img {
        display: block;
        margin: 30px 0;
    }
}

.newsletter-footer {
    background-color: #7b75e9;
    padding: 20px 13%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

h3.newsletter-texto {
    color: #1a0174;
    font-weight: bold;
}

.glightbox-space {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.footer-none {
    display: none !important;
}

.sec-contact {
    color: #ffffff;
    min-height: 100vh;
    padding: 20px 0 80px;
    font-family: "sofiapro", sans-serif !important;

    h1 {
        font-family: "sofiapro", sans-serif;
        color: #ffffff !important;
        font-weight: bold;
        font-size: 44px !important;
        margin-bottom: 20px;
        text-align: center;
    }

    .campos-obrigatorios {
        font-family: "sofiapro", sans-serif;
        color: #ffffff;
        text-align: center;
        font-size: 14px;
    }

    form {
        label {
            display: block;
            font-size: 12px;
            font-family: "sofiapro", sans-serif !important;
        }

        input:not([type="submit"]) {
            outline: none;
            border: 0;
            height: 44px;
            color: #000;
            width: 100%;
            font-family: "sofiapro", sans-serif !important;
        }

        input[type="checkbox"] {
            width: 14px;
            height: 14px;
        }

        input[type="file"] {
            color: #fff;
        }

        input[type="submit"] {
            background-color: #fff;
            outline: none;
            color: #1a0174;
            font-family: "sofiapro", sans-serif !important;
            padding: 6px 24px;
            border: 0;
        }

        select {
            outline: none;
            border: 0;
            height: 44px;
            color: #000;
            width: 100%;
            font-family: "sofiapro", sans-serif !important;
        }

        textarea {
            outline: none;
            border: 0;
            height: 100px;
            color: #000;
            width: 100%;
            font-family: "sofiapro", sans-serif !important;
        }

        .form-row {
            display: flex;
            gap: 10px;
            justify-content: space-between;

            .column-full {
                width: 100%;
            }

            .column-half {
                width: calc(50% - 5px);
            }

            .fake-select {
                margin-top: -10px;
            }
        }
    }
}

.header-contact,
.body-blue,
.sec-contact {
    background-color: #1a0174 !important;
}

.header-contact {
    .logo {
        background: url(img/logos/qn-logo-rgb-negativo.png) no-repeat left bottom/contain !important;
    }

    .bar {
        background-color: #ffffff !important;
    }
}

.politica-de-privacidade {
    h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 3rem;
    }
    h3 {
        font-size: 2.4rem;
    }
    h4 {
        font-size: 2rem;
    }
    h5 {
        font-size: 1.5rem;
    }
    h6 {
        font-size: 1rem;
    }

    .politica {
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-bottom: 24px;
        }

        p {
            font-family: "sofiapro", sans-serif !important;
        }
    }
}

.list-about-approach {
    max-width: inherit !important;
    width: 100% !important;

    .image-about-approach {
        width: 100% !important;

        img {
            max-width: inherit !important;
            width: 100% !important;
        }
    }
}

.block-content-services-approach {
    h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 3rem;
    }
    h3 {
        font-size: 2.4rem;
    }
    h4 {
        font-size: 2rem;
    }
    h5 {
        font-size: 1.5rem;
    }
    h6 {
        font-size: 1rem;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .block-content-services-approach {
        h1 {
            font-size: 3rem;
        }
        h2 {
            font-size: 2.4rem;
        }
        h3 {
            font-size: 2rem;
        }
        h4 {
            font-size: 1.5rem;
        }
        h5 {
            font-size: 1.2rem;
        }
        h6 {
            font-size: 1rem;
        }
    }
}