@font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hrIqY.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 600;
        src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhrIqY.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');
    }
    
    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
    }
    
    body {
        margin-top: 60px;
        margin-top: 0;
        scroll-snap-type: y mandatory;
        /* overflow:hidden; */
        overflow: auto;
        font-family: 'Open Sans', sans-serif;
        background-color: #060b2a;
    }
    
    section {
        scroll-margin-top: 60px;
    }
    
    b,
    strong {
        font-weight: 600;
        color: #586fa5;
    }
    
    .wrap {
        flex-wrap: wrap;
    }
    
    .w-70 {
        width: 70%;
        margin: auto;
    }
    
    .w-30 {
        width: 30%;
    }
    
    .w-h-100-px {
        width: auto;
        height: 100px;
    }
    
    .w-h-200-px {
        width: auto;
        height: 200px;
    }
    
    .w-h-60-px {
        width: auto;
        height: 60px;
    }
    
    #v2\.0-portada-experience h1 {
        line-height: normal;
    }
    
    #v2\.0-portada-logos,
    #v2\.0-portada-adhoc,
    #v2\.0-industries-descripcion,
    #logos {
        background-color: white;
        overflow-x: hidden;
    }
    
    logo-slider {
        --image-size: 200px;
        /*border: 1px solid #575757;*/
        /*padding: 20px;*/
        overflow: hidden;
        /*max-width: 900px;*/
        width: 70%;
        margin: 0 auto;
        position: relative;
        display: flex;
        max-height: 10vw;
    }
    /*logo-slider:hover div {
    animation-play-state: paused;
}*/
    
    logo-slider div {
        display: flex;
        position: relative;
        animation: marquee linear infinite;
        justify-content: space-around;
    }
    
    logo-slider img {
        display: block;
        min-width: var(--image-size);
        height: auto;
        margin: 0 1vw;
    }
    
    @keyframes marquee {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-100%);
        }
    }
    
    @media screen and (min-width: 500px) and (max-width: 992px) {
        .industry-phone {
            flex: 0 0 auto;
            height: 40vw;
            width: 40vw;
            background-repeat: no-repeat;
            margin-right: 2vw;
            background-size: cover;
        }
    }
    
    @media screen and (min-width: 500px) and (max-width: 767.8px) {
        .col-xmd-2 {
            webkit-box-flex: 0;
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .d-xmd-flex {
            display: -webkit-box!important;
            display: -ms-flexbox!important;
            display: flex!important;
        }
    }
    
    .w-20-px {
        width: 20px;
    }
    
    .demo-background {
        background-size: 100% 360px;
        background-repeat: no-repeat;
    }
    
    .index {
        font-size: 90px;
        color: #616ac7;
        font-weight: 300;
    }
    
    .image-col {
        height: fit-content;
    }
    
    .boton-dark {
        background-color: #262a5c;
        border-radius: 3em;
        height: 30px;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 35px;
        text-align: center;
    }
    
    .boton-azul {
        background-color: #616ac7;
        border-radius: 3em;
        height: 30px;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 35px;
        text-align: center;
    }
    
    .boton-lila {
        background-color: #d5d7ff;
        border-radius: 3em;
        height: 30px;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 35px;
        text-align: center;
        min-width: 170px;
    }
    
    .boton-azul-verde {
        background-color: #31d5db;
        color: #060b2a;
        border-radius: 3em;
        height: 30px;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 35px;
        text-align: center;
        min-width: 170px;
    }
    
    .boton-lila>p,
    .boton-azul-verde>p {
        margin: 0;
        color: #060b2a;
        font-weight: 600;
    }
    
    .boton-dark>p,
    .boton-azul p {
        margin: 0;
        color: white;
    }
    
    .opening>p::after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #262a5c;
        margin: 0;
        content: '';
        top: 16px;
        left: 10px;
        position: relative;
    }
    
    .closing>p::after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #262a5c;
        margin: 0;
        content: '';
        bottom: 16px;
        left: 8px;
        position: relative;
    }
    
    .modal {
        background-color: rgba(0, 0, 0, 0.4);
    }
    
    .pt-15 {
        padding-top: 15vw;
    }
    
    .py-5v {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    
    .opening,
    .closing {
        cursor: pointer;
        border: none;
        outline: none;
        /*font-size: 25px;*/
    }
    
    .content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    
    #v2\.0-portada-industries,
    #v2\.0-industries-project,
    #v2\.0-industries-otros,
    #v2\.0-portada-industries-industry,
    #v2\.0-portada-team,
    .contacto-furow {
        /*background-color: #BDD2F0;*/
        background-color: #a9addc;
        overflow-x: hidden;
    }
    
    .space-between {
        justify-content: space-between;
    }
    
    .botones-descripcion-furow {
        top: 95%;
        position: absolute;
        background-color: rgba(86, 90, 139, 1);
        width: 50%;
        padding: 5%;
    }
    
    .descripcion-furow {
        background-color: rgba(86, 90, 139, 0.6);
        margin-top: 3em;
    }
    
    .fase {
        padding-top: 30%;
    }
    
    .bg-centered {
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .light-blue * {
        color: #6787c0;
        text-emphasis: none;
        text-decoration: none;
    }
    
    .light-blue {
        color: #6787c0;
        text-emphasis: none;
        text-decoration: none;
    }
    
    .scroll-hidden {
        /*flex-wrap: nowrap;
        display: flex;*/
        overflow-x: auto;
        /*justify-content: space-around;*/
        -ms-overflow-style: none;
        scrollbar-width: none;
        /* Firefox */
    }
    
    .scroll-hidden::-webkit-scrollbar {
        display: none;
    }
    
    @media (max-width:499.99px) {
        .industry-phone {
            flex: 0 0 auto;
            height: 70vw;
            width: 70vw;
            background-repeat: no-repeat;
            margin-right: 2vw;
            background-size: cover;
        }
        logo-slider {
            max-height: 20vw;
        }
    }
    
    .card-carousel {
        display: flex;
        justify-content: center;
        position: relative;
        /*width: 100%;*/
        display: flex;
        justify-content: center;
        flex-direction: row;
        font-family: 'Quicksand', sans-serif;
        overflow-x: hidden;
        position: relative;
        /*top: -2.5rem;*/
    }
    
    .card-carousel .my-card {
        /*height: 18rem;*/
        /*width: 12rem;*/
        width: 24rem;
        /*controlo el ancho de las tarjetas, se extienden por la pantalla*/
        position: relative;
        z-index: 1;
        -webkit-transform: scale(0.6) translateY(-2rem);
        transform: scale(0.6) translateY(-2rem);
        opacity: 0;
        cursor: pointer;
        pointer-events: none;
        /*background: #2e5266;
        background: linear-gradient(to top, #2e5266, #6e8898);*/
        transition: 1s;
    }
    
    .pb-5 {
        padding-bottom: 5vw;
    }
    
    .section-cover {
        /*background-color: #060b2a;*/
        color: white;
        display: flex;
        flex-direction: column;
        padding-top: 5vw;
        margin-top: 5vw;
        /*min-height: calc(70vh - 120px);*/
        width: 70%;
        margin: auto;
        padding-bottom: 5vw;
    }
    
    .section-cover-small {
        /*background-color: #060b2a;*/
        color: white;
        display: flex;
        flex-direction: column;
        padding-top: 2vw;
        margin-top: 5vw;
        /*min-height: calc(70vh - 120px);*/
        width: 70%;
        margin: auto;
        padding-bottom: 2vw;
        background-size: cover;
    }
    
    .section-cover-large {
        /*background-color: #060b2a;*/
        color: white;
        display: flex;
        flex-direction: column;
        padding-top: 5vw;
        margin-top: 5vw;
        /*min-height: calc(70vh - 120px);*/
        margin: auto;
        padding-bottom: 10vw;
        background-size: cover;
    }
    
    .card-carousel .my-card.active {
        z-index: 3;
        -webkit-transform: scale(1) translateY(0) translateX(0);
        transform: scale(1) translateY(0) translateX(0);
        opacity: 1;
        display: block;
        pointer-events: auto;
        transition: 1s;
    }
    
    .card-carousel .my-card.prev,
    .card-carousel .my-card.next {
        z-index: 2;
        -webkit-transform: scale(0.8) translateY(-1rem) translateX(0);
        transform: scale(0.8) translateY(-1rem) translateX(0);
        opacity: 0.6;
        display: block;
        pointer-events: auto;
        transition: 1s;
    }
    
    .container {
        position: relative;
        width: 50%;
    }
    
    .image {
        /*display: block;*/
        width: 100%;
        height: 100%;
    }
    
    .overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient( rgba(255, 255, 255, 1), rgba(150, 150, 150, 0.5));
        overflow: hidden;
        width: 100%;
        height: 0;
        transition: .5s ease;
    }
    
    .active.container:hover .overlay {
        height: 100%;
    }
    
    .section-cover-large>* {
        margin: 2vw;
    }
    
    .bg-dark {
        background-color: #060b2a;
    }
    
    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }
    
    .navbar.header {
        /*height: 60px;*/
    }
    
    .navbar.header .navbar-toggler {
        border: none;
    }
    
    .navbar.header .navbar-toggler:focus {
        outline: none;
    }
    
    .navbar.header .dropdown-toggle:after {
        content: none;
    }
    
    .navbar.header .navbar-nav .dropdown img {
        margin-left: 0.5rem;
        margin-bottom: 0.1rem;
    }
    
    .navbar.footer {
        min-height: 60px;
    }
    
    .navbar-dark .nav-item,
    .navbar-dark .navbar-nav .nav-link {
        font-weight: 300;
        color: white;
    }
    
    .italic {
        font-style: italic;
    }
    /*.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }*/
    
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-top: 1rem;
    }
    
    .navbar-expand-lg.footer .navbar-nav .nav-link {
        margin-top: 0;
    }
    
    @media screen and (max-width: 891px) {
        .grid-same-height {
            display: grid;
            grid-auto-rows: 1fr;
        }
        .navbar-collapse {
            /*background: #060b2a;*/
            /*border: solid 1px;*/
            border-radius: 0.25rem;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 0.75rem;
            padding-left: 1rem;
            margin-top: 0;
        }
    }
    
    .project .btn-primary {
        background: url('../../../../img/button-bg-blue.png');
        background-position: right bottom;
        border-color: rgba(255, 255, 255, 0.5);
        color: white;
    }
    
    .project .btn-primary:hover {
        filter: opacity(65%);
    }
    
    .btn-primary {
        background: url('../../../../img/button-bg.png');
        background-position: right bottom;
        border-color: rgba(255, 255, 255, 0.5);
        padding-right: 50px;
        font-family: 'Open Sans', sans-serif;
        font-style: normal;
        font-size: 16px;
        color: black;
        font-weight: bold;
    }
    
    .btn {
        border: none;
        border-radius: 0;
    }
    
    .jumbotron {
        margin-bottom: 0;
        border-radius: 0;
        padding: 0;
    }
    
    .front-section {
        /* padding: 25vh 15vw 75vh 15vw; */
        display: flex;
        flex-direction: column;
        padding: 0 10vw;
        height: calc(100vh - 60px);
    }
    
    .front-section.last {
        height: calc(100vh - 120px);
    }
    
    @media screen and (max-width: 800px) {
        .front-section.last {
            height: calc(100vh - 60px);
        }
    }
    /*.header {
        padding: 0;
        margin: 0;
        background: red;
        position: relative;
        height: 40vw;
        overflow: hidden;
    }*/
    
    .header>div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /*background: none;*/
    }
    
    .stacker {
        padding: 0;
        margin: 0;
        /*background: red;*/
        position: relative;
        height: calc(100vh - 60px);
        overflow: hidden;
    }
    
    .stacker>div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: none;
    }
    
    .stacker>video {
        position: absolute;
        top: -200px;
        left: 0;
        width: 100%;
    }
    
    .front-section p {
        font-weight: 400;
        /*font-style: italic;*/
        font-size: 20px;
        color: white;
        line-height: 1.3;
        margin-bottom: 1rem;
    }
    
    .front-section h2 {
        font-weight: 700;
        font-size: 52px;
        color: white;
        line-height: 1;
        margin-bottom: 1.75rem;
    }
    
    .front-section.dark h2 {
        color: #060b2a;
    }
    
    .front-section.top {
        padding-top: 25vh;
        padding-down: 75vh;
    }
    
    .front-section.bottom {
        padding-top: 75vh;
        padding-down: 25vh;
    }
    
    .img-fit {
        object-fit: cover;
    }
    
    .only-phone.industries-phone div:not(:first-child):not(:last-child) {
        /*scroll-snap-align: center;*/
    }
    
    .parallax {
        background-color: #060b2a;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .header-padding {
        padding-top: 25vh;
    }
    
    #v2\.0-portada-industries-industry {
        overflow-x: hidden;
    }
    
    .disciplina {
        margin-top: 5vw;
        background: rgb(6, 11, 42, 0.7);
        color: white;
        grid-auto-rows: 1fr;
        display: grid;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    
    .disciplina:hover {
        box-shadow: 0 0 40px #060b2a;
        transform: scale(1.05);
    }
    
    .disciplina-click {
        margin-top: 5vw;
        background-color: #060b2a;
        color: white;
        width: 60vw;
        height: 50vw;
        display: flex;
        justify-content: space-around;
        background-repeat: no-repeat;
        background-size: contain;
        grid: none;
    }
    
    .link-inside-image {
        z-index: 2;
        position: absolute;
        bottom: 35%;
        right: 5%;
    }
    
    .text-up {
        -webkit-animation-duration: .7s;
        animation-duration: .7s;
        -webkit-animation-delay: .9s;
        animation-delay: .9s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeBottom;
        animation-name: fadeBottom;
    }
    
    @keyframes fadeBottom {
        0% {
            opacity: 0;
            -webkit-transform: translateY(10%);
            transform: translateY(10%);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    
    .js-scroll {
        opacity: 0;
        transition: opacity 500ms;
    }
    
    .js-scroll.scrolled {
        opacity: 1;
    }
    
    .scrolled.fade-in {
        animation: fade-in 1s ease-in-out both;
    }
    
    .scrolled.fade-in-bottom {
        animation: fade-in-bottom 1s ease-in-out both;
    }
    
    .scrolled.fade-in-top {
        animation: fade-in-top 1s ease-in-out both;
    }
    
    .scrolled.slide-left {
        animation: slide-in-left 1s ease-in-out both;
    }
    
    .scrolled.slide-right {
        animation: slide-in-right 1s ease-in-out both;
    }
    
    .disciplina-click.slide-background-bottom {
        animation: slide-background-bottom 3s;
    }
    
    .disciplina-click.slide-background-top {
        animation: slide-background-top 3s;
    }
    
    @keyframes slide-background-top {
        0% {
            background-position-y: -200%;
        }
        100% {
            background-position: top;
        }
    }
    
    @keyframes slide-background-bottom {
        0% {
            background-position-y: 200%;
        }
        100% {
            background-position: bottom;
        }
    }
    
    @keyframes slide-in-left {
        0% {
            -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @keyframes slide-in-right {
        0% {
            -webkit-transform: translateX(100px);
            transform: translateX(100px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @keyframes fade-in-bottom {
        0% {
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    @keyframes fade-in-top {
        0% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    @keyframes fade-in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @media (max-width:575.98px) {
        .m-h-auto {
            height: auto;
            margin: auto;
        }
        .tuv-logo {
            max-width: 45%;
            height: auto;
            align-self: center;
        }
        logo-slider div {
            width: 450vw;
        }
    }
    
    @media (min-width:575.98px) {
        logo-slider div {
            width: 300vw;
        }
    }
    
    @media (max-width:991.98px) {
        h1 {
            font-size: 1.8rem;
            font-weight: bolder;
            line-height: 1;
            color: white;
            margin: 0;
        }
        .demo-background {
            background-size: 130% 260px;
            background-repeat: no-repeat;
        }
        .botones-descripcion-furow {
            padding-top: 10%;
        }
        .bg-fixed {
            background-attachment: fixed;
        }
        .only-computer {
            display: none!important;
        }
        .mb-m-h-15 {
            margin: 0 15%;
        }
        /*.product-max-height {
            max-height: 80vw;
        }*/
        .main-project {
            padding: 10% 0 60% 0;
        }
        /*.navbar-collapse {
            margin-top: 60px;
            background-color: #060b2a;
            background-color: rgb(6, 11, 42, 0.7);
        }*/
        .disciplinas {
            /*display: grid;*/
            grid-template-columns: 45% 45%;
            justify-content: space-between;
            /*padding-bottom: 5vw;*/
            min-height: 75vw;
        }
        .disciplina {
            height: 31.5vw;
        }
        .disciplina-click {
            height: auto;
        }
        .w-h-30-px {
            width: auto;
            height: 30px;
            max-width: 150px;
        }
        .mw-45 {
            width: 45%;
        }
        .mw-90 {
            width: 90%;
            margin: auto;
        }
        .m-left-5vw {
            left: 5vw;
        }
        .px-30 {
            width: 30px;
            height: 30px;
        }
    }
    
    @media (min-width:1400px) {
        .col-xxl-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 12.666667%;
            flex: 0 0 12.666667%;
            max-width: 12.666667%;
        }
    }
    
    @media (min-width:1200px) {
        .fase_columna_1 {
            grid-area: fase_columna_1;
        }
        .fase_columna_2 {
            grid-area: fase_columna_2;
        }
        .fase_columna_3 {
            grid-area: fase_columna_3;
        }
        .fase_columna_4 {
            grid-area: fase_columna_4;
            margin: auto;
        }
        .fase_columna_5 {
            grid-area: fase_columna_5;
        }
        .grid-container {
            display: grid;
            grid-template-areas: 'fase_columna_1 fase_columna_2 fase_columna_3';
            grid-template-columns: 22% 55% 22%;
            grid-gap: 10px;
            padding: 10px;
        }
    }
    
    @media (max-width:1199.8px) {
        .fase_columna_1 {
            grid-area: fase_columna_1;
        }
        .fase_columna_2 {
            grid-area: fase_columna_2;
        }
        .fase_columna_3 {
            grid-area: fase_columna_3;
        }
        .fase_columna_4 {
            grid-area: fase_columna_4;
            margin-left: -5vw;
        }
        .fase_columna_5 {
            grid-area: fase_columna_5;
        }
        .grid-container {
            display: grid;
            grid-template-areas: 'fase_columna_1' 'fase_columna_2' 'fase_columna_3';
            grid-gap: 10px;
            padding: 10px;
        }
    }
    
    @media (min-width:992px) {
        @keyframes zoom {
            0% {
                background-size: 100% 100%;
            }
            50% {
                background-size: 110% 110%;
            }
            100% {
                background-size: 100% 100%;
            }
        }
        .bottom-0 {
            bottom: 0;
        }
        .botones-descripcion-furow {
            margin-left: 34.6vw;
        }
        .p-x-15 {
            padding: 0 15vw !important;
        }
        .project-img:hover {
            /*animation: zoom 3s linear 1;*/
            /*transform: scale(1.05);*/
            transform: scale(1.05);
        }
        .project-img {
            width: 100%;
            background-position: center;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            overflow: hidden;
            transition: all ease 1.5s;
        }
        .project-container {
            overflow: hidden;
        }
        h1 {
            font-size: 3rem;
            font-weight: bolder;
            line-height: 1;
            color: white;
            margin: 0;
        }
        .only-phone {
            display: none!important;
        }
        .computer-ml-5 {
            margin-left: 5rem;
        }
        .m-15 {
            margin: 0 15%;
        }
        .ml-50 {
            margin-left: 50%;
        }
        .team-divs {
            padding-top: 4vw;
            justify-content: space-between;
        }
        .w-50-px {
            width: 50px;
        }
        .h-50-px {
            height: 50px;
        }
        .w-90 {
            width: 90%;
            margin: auto;
        }
        .disciplinas {
            display: grid;
            grid-template-columns: 33% 33% 33%;
            /*padding-bottom: 5vw;*/
            align-items: start;
            grid-template-rows: min-content;
            margin-top: 5vw;
            /*justify-content: space-between;*/
        }
        .disciplina {
            height: 10vw;
            margin: 5vw 0;
        }
        .f-height {
            height: calc(100vh - 60px);
            overflow: hidden;
        }
    }
    
    h1.dark {
        color: #060b2a;
    }
    
    .dark * {
        color: #060b2a;
    }
    
    .dark {
        color: #060b2a;
    }
    
    .light * {
        color: #ffffff;
        text-decoration: none;
    }
    
    .light {
        color: #ffffff;
        text-decoration: none;
    }
    
    h3 {
        font-size: 1.2rem;
        font-weight: bolder;
        line-height: 1;
        margin-top: 2rem;
        margin-bottom: 1.25rem;
        color: #586fa5;
    }
    
    h4 {
        font-size: 1.2rem;
        font-weight: bolder;
        font-style: italic;
        line-height: 1.5;
        margin-bottom: 1.25rem;
        color: #586fa5;
    }
    
    #header {
        background-color: #060b2a;
        color: white;
        padding: 0;
        height: calc(100vh - 60px);
        overflow: hidden;
    }
    
    #header .top {
        background-color: #060b2a;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding: 2rem 2rem 2rem 15vw;
        flex-grow: 1;
    }
    
    #header .topvideo {
        background-color: #060b2a;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding: 2rem 2rem 2rem 0;
        flex-grow: 1;
    }
    
    #header .stacker {
        /* padding: 25vh 15vw 75vh 15vw; */
        display: flex;
        flex-direction: column;
        height: calc(100vh - 60px);
    }
    
    #header p {
        /*
		font-style: italic;
		font-size: 1.25rem;
		line-height: 1.5rem;
		width: 400px; */
        /* border: solid 1px; */
    }
    
    #header .flex-fill {
        flex-grow: 1;
    }
    
    #header .bottom {
        background-color: #060b2a;
        padding: 1.75rem 2rem 1rem 15vw;
    }
    
    #header .bottom p {
        font-style: italic;
        font-size: 1.25rem;
        line-height: 1.5rem;
        width: 400px;
    }
    
    #header .bottom-alpha {
        padding: 1.75rem 2rem 1rem 15vw;
    }
    
    @media screen and (max-width: 800px) {
        #header h1 {
            font-size: 2rem;
        }
        #header p {
            font-size: 1.12rem;
            width: unset;
        }
        #header .top {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        #header .bottom {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
    }
    
    .section {
        background-color: #090e34;
        color: white;
        display: flex;
        flex-direction: column;
        padding: 0 10vw;
        min-height: calc(100vh - 120px);
    }
    
    .contact {
        margin: 4rem 1rem 2rem 2rem;
        width: 400px;
        max-width: calc(85vw - 1.5rem);
    }
    
    .contact a,
    .address a,
    .careers a,
    .policy a {
        color: white;
    }
    
    .contact img,
    .location img,
    .address img,
    .careers img {
        margin: 0 0.5rem 0.2rem 0;
        width: 1.5rem;
        vertical-align: middle;
    }
    
    .address,
    .careers,
    .policy {
        background: #21274bd0;
        padding: 1.5rem 2rem 0.5rem 2rem;
        margin: 0 2rem 2rem 0;
    }
    
    .address {
        width: 400px;
        max-width: 85vw;
    }
    
    .careers {
        width: 700px;
    }
    
    .contact-container h1 {
        margin: 5rem 0 0 0;
    }
    
    .policy-container h1 {
        margin: 5rem 0 9rem 0;
    }
    
    .policy {
        width: 85vw;
    }
    
    .policy p,
    .policy ul {
        margin-bottom: 1.5rem;
    }
    
    .policy p:last-child {
        margin-bottom: 1rem;
    }
    
    .policy h2 {
        font-size: 1.5rem;
        margin: 2.5rem 0 1.5rem 0;
    }
    
    .policy h2:first-child {
        margin-top: 0;
    }
    
    @media screen and (max-width: 800px) {
        .careers {
            width: 80vw;
        }
    }
    
    .address h2,
    .careers h2 {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
    
    #content {
        padding: 3rem 10vw 2rem 50vw;
        width: auto;
        float: left;
        /*text-align: justify;*/
        /*hyphens: auto;*/
    }
    
    #content.project {
        padding: 3rem 10vw 2rem 15vw;
    }
    
    #content.box {
        padding: 0 10vw 2rem 15vw;
    }
    
    #content aside {
        float: left;
        width: 28vw;
        margin: 0 0 1rem -35vw;
        padding: 5rem 2rem 2rem 4rem;
        background: url('../../../../img/open-quote.svg');
        background-color: #ececec;
        background-position: 2rem top;
        background-repeat: no-repeat;
        background-size: 3.5rem;
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    
    #content img,
    #content video {
        float: left;
        width: 100%;
        margin: 0.5rem 0 1rem 0;
        padding: 0;
        background: none;
    }
    
    #content img.left,
    #content video.left {
        width: 28vw;
        margin: 0 0 1rem -35vw;
    }
    
    #content.project video {
        width: 100%;
        margin: 0;
        padding: 0;
        background: none;
    }
    
    #content div.separator {
        background-color: #060b2a;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        color: black;
        margin: 2rem -10vw 2rem -50vw;
        height: 40vh;
        /* 10rem; */
        width: auto;
        padding: 1.75rem 0 1rem 15vw;
    }
    
    #content div.separator p {
        font-size: 1.5rem;
        line-height: 1.5rem;
        width: 400px;
    }
    
    #content img.separator {
        float: none;
        margin: 1rem -10vw 2rem -50vw;
        width: 100vw;
    }
    
    .flexv {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }
    
    .flexh {
        display: flex;
        align-items: stretch;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .flex-end {
        align-items: flex-end !important;
    }
    /*.flex > div {
  background-color: DodgerBlue;
  color: white;
  width: 100px;
  margin: 10px;
}*/
    
    .flex>.left {
        flex-basis: 15%;
    }
    
    .flex>.center {
        flex-basis: 400px;
        flex-shrink: 0;
    }
    
    .flex>.right {
        flex-grow: 1;
    }
    
    .slider {
        position: relative;
        margin: 0 auto 3rem auto;
        font-size: 1rem;
        max-width: 1366px;
    }
    
    .slider img {
        position: relative;
        margin: 0 !important;
        width: auto !important;
    }
    
    .slider .slide-container {
        position: relative;
        width: 100%;
        padding-bottom: 56%;
    }
    
    .slider .button-left,
    .slider .button-right {
        position: absolute;
        top: calc(50% - 3em);
    }
    
    .slider .button-left>a>img,
    .slider .button-right>a>img {
        height: 3em;
    }
    
    .slider .button-left {
        left: 1em;
    }
    
    .slider .button-right {
        right: 17em;
    }
    
    .slider .slider-bullets {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        padding: 1em 0 1em 0;
    }
    
    .slider .slider-bullets img {
        width: 1em !important;
    }
    
    .slider .bullet {
        float: left;
        clear: none;
        margin-right: 0.25em !important;
        margin-left: 0.25em !important;
    }
    
    .slider .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /*display: none;*/
        height: 100%;
        display: block;
    }
    
    .carousel {
        height: 100%;
    }
    
    .slide *:not(.only-phone) {
        height: inherit;
    }
    
    .slide-bg {
        height: 100%;
    }
    
    .slider .slide img {
        width: 100% !important;
    }
    
    .slider .slide-box {
        position: absolute;
        width: 15em;
        top: 1em;
        right: 1em;
        color: white;
        background: #000733bd;
        padding: 1em 1em 0 1em;
        height: calc(100% - 2em);
        overflow-y: auto;
    }
    
    .img-cover {
        background-size: cover;
    }
    
    .project-link {
        margin-left: 75%;
        padding-top: 48%;
    }
    
    .project-box {
        background: #e8e9eb;
        padding: 1.5rem 6vw 1.5rem 11vw;
        margin: 0 -10vw -2rem -15vw;
        float: left;
        width: auto;
    }
    
    .project-box .project {
        padding: 0 4vw 0 4vw;
        float: left;
        width: 50%;
    }
    
    .project-box .project .title0 {
        color: #4d71ab;
        font-weight: 600;
    }
    
    .project-box .project .title {
        color: #4d71ab;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
    }
    
    .project-box .project p {
        margin-top: 0.5rem;
        font-style: italic;
        line-height: 1.4;
    }
    
    .project-box .project-thumb img {
        margin: 0.5rem 0 !important;
    }
    
    @media screen and (max-width: 800px) {
        .slider {
            margin-left: -1.5rem;
            margin-right: -1.5rem;
            font-size: 0.6rem;
        }
        .slider .slide-box {
            width: 10em;
        }
        .slider .button-right {
            right: 12em;
        }
        .slider .slider-bullets img {
            font-size: 0.75rem;
        }
        .slider .bullet {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }
        #content {
            float: none;
            padding: 3rem 1.5rem 2rem 1.5rem;
        }
        #content.box {
            float: none;
            padding: 3rem 1.5rem 2rem 1.5rem;
        }
        #content.project {
            padding: 1.5rem 1.5rem 2rem 1.5rem;
        }
        #content aside {
            float: none;
            width: auto;
            margin: 2rem -1.5rem 2rem -1.5rem;
        }
        #content img,
        #content #content video,
        #content #content video.left {
            float: none;
            width: 100%;
            margin: 1rem 0 2rem 0;
        }
        #content div.separator {
            float: none;
            width: auto;
            margin: 2rem -1.5rem 2rem -1.5rem;
            padding: 1.75rem 1.5rem 1rem 1.5rem;
        }
        #content img.separator {
            float: none;
            width: calc(100vw - 1rem);
            margin: 1rem -1.5rem 2rem -1.5rem;
        }
        .project-box {
            margin: 0 -10vw 0 -15vw;
        }
    }
    
    hr {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }