@font-face{
        font-family:  "nexa";
        src: url('../font/nexa-light.otf');
}

/* Default setting */
.no-border{
        border-right: none;
}

a.nav-link-de{
        margin: 0px 5px;
        text-decoration: none;
        color: #707070;
}
a.nav-link-de:hover{
        color: #707070;
}

.mr-30{
        margin-left: 50px;
        margin-right: 10px;
}

.btn-custom{
        width: 40%;
        height: 77px;
        font-size: 27px;
        border: none;
        background-color: #34B3C3;
        color: #fff; 
        cursor: pointer;
        transition: all 0.5s ease;
        box-shadow: 14px 14px rgba(52, 179, 195, 0.68);
}
.btn-custom:hover{
        background-color: #278996;
}



.title{
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: left;
}

.color-1{
        color: #7AB1B8;
}
.color-2{
        color: #393939;
}

.color-3{
        color: #737373;
}
.color-border{
        border-color: rgba(255, 255, 255, 0.18);
}
.color-border-1{
        border-color: rgba(57, 57, 57, 0.18);
}
.title-text{
        font-size: 30px;
}


p.text-p{
        color: #414141;
        font-size: 30px ;
        line-height: 45px ;
}

p.text-p-1{
        color: #414141;
        font-size: 30px ;
        line-height: 45px ;
        padding:10px 10px;
}

p.text-p-3{
        color: #313131;
        font-size: 30px ;
        line-height: 45px ;
}

p.text-p-2{         
        color: #484848;
        font-size: 30px ;
        font-weight: 400;
        line-height: 45px ;
}

.line-1{
        border-bottom: 30px solid rgba(122, 177, 184, 0.5);
        top: -40px;
        position: relative;
        width: 54%;
}

.line-2{
        border-bottom: 30px solid rgba(115, 115, 115,0.18);
        top: -40px;
        position: relative;
        width: 79%;
}

.line{
        border-bottom: 15px solid rgba(122, 177, 184, 0.5);
        position: relative;
        top: -24px;
        width: 105%;
}

.mt-6{
        margin-top: 60px;
}
.mt-7{
        margin-top: 90px;
}

/* Nav Bar */
.navbar{
        height: 100px;
        width: 100%;
}
.bg-color-white{
        background-color: #fff;
}

/* Container */
.container-de{
        display: flex;
        flex-direction: column;
        margin-top: 100px;
        padding: 0px 0px;
        width: 100%;
}

.language-menu{
        list-style: none;
        padding: 0;
        margin: 0;
        margin-left: 400px;
}
.language-menu li{
        display: inline;
        font-size: 24px;
}

.mobile{
        display: none;
}

/* home */

.home-content{
        position: relative;
        /* z-index: -1; */
}

.bg-effect{
        position: relative;
        /* background: url('../img/Caminho_3.svg') center; */
        background-size: cover;
        /* height: 90px; */
        z-index: 1; 
        width: 100%;       
        margin-top: -88px;
}

.background-home {
        position: relative;
}

.background-home .img {
        position: absolute;
        bottom: -8px;
        left: -10px;
        width: 100%;
}

.home p{
        font-size: 40px;
        display: block;
        background-color: rgba(20, 167, 186, 0.7);
        padding: 0 15px;
}

.text-slide{
        display: flex;
        flex-direction: column;
        width: 100%;
        color: #fff;
        justify-content: center;
        align-items: center;
}
.space-p{
        margin-bottom: 5px;
}

/* Quem somos */

.who-we-are{
        height: auto;
        padding: 60px;
        padding-bottom: 100px;
        width: 100%;
}

.who-we-are .content{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
}
.who-we-are .content .left{
        display: flex;
        flex-direction: row;
        width: 40%;
}
.img-left{
        width: 100%;
        margin: 10px 5px;
        height: 100px;
        
        
}
.img-right{
        width: 100%;
        display: flex;
        flex-direction: column;
}
.img{
        width: 100%;
        margin: 5px 10px;
}
.who-we-are .content .right{
        display: flex;
        flex-direction: column;
        width: 60%;
        align-items: center;
}

/* O que fazemos */
.what-we-do {
    background: url(../img/o-que-fazemos.jpg)no-repeat top;
    background-size: cover;
}
.what-we-do .content{
        padding-top: 120px;
        padding-bottom: 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
}

.what-we-do .content .text-block{
        width: 60%;
}

.what-we-do .content .text-block div.bg{
    background-color: rgba(20, 167, 186, 0.3);
    padding: 10px;
}

/* Como Fazemos */

.how-we-do {
    display: flex;
    flex-direction: column;
    background-color: #EEEEEE;
    justify-content: center;
    align-items: center;
    padding: 120px 80px;
}
.how-we-do .content{
        display: flex;
        width: 100%;
        height: 100%;
        padding: 10px;
        align-items: center;
}
.how-we-do .content .left{
        width: 40%;
}

.how-we-do .content .left img{
        width: 100%;
}

.how-we-do .content .right{
        width: 70%;
        padding-left: 70px;
}


/*  Diferencias */
.differentials{
        display: flex;
        flex-direction: column;
        padding: 86px 30px 30px;
        justify-content: center;
        width: 100%;
        padding-bottom: 64px;
}

.itens{
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center;
    margin: 0 auto;
    
}
.itens .iten{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 15px;   
}
.itens .iten .img-iten-display{
    width: 30%;
}
.itens .iten .iten-nfo{
    display: flex;
    flex-direction: column;
    width: 70%;
    justify-content: center;
    padding: 15px;
    margin-left: 40px;
}

.itens .iten .img-iten{
        width: 100%;
}

.itens .iten  .iten-title{
        width: 100%;
        border-left: 16px solid rgba(20, 167, 186, 0.18);
}

p.text-p-4{
        font-size: 30px;
        color: #313131;
        line-height: 33px;
}
.itens .iten  .iten-title h1{
        font-size: 26px;
        color: #313131;
        line-height: 33px;
}
.itens .iten .text-iten{
        width: 100%;
}
.itens .iten .text-iten p{
        font-size: 20px;
        line-height: 24px;
        color: #313131;
}

.img-iten img{
        transition: all 0.5s ease;
}

.img-iten img:hover{
        transform: scale(1.03);
}

/* Contact */
.contact{
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: #EEEEEE;
        padding: 96px 0 60px; 
}
.contact .content{
        display: flex;
        flex-direction: row;
}
.contact .content .left{
        display: flex;
        flex-direction: column;
        width: 50%;
        padding: 30px;
}

.contact .content .left h4{
        font-size: 36px;
        line-height: 46px;
        color: #313131;
}
.contact .content .left p{
        font-size: 24px;
        line-height: 34px;
        color: #313131;
}

.contact .content .right{
        display: flex;
        flex-direction: column;
        width: 50%;
        padding: 0 50px;
}

.contact .content .right label{
        font-size: 24px;
        color: #737373;
}

.contact .content .right textarea{
    font-size: 20px;
}
.contact .content .right input{
        height: 50px;
        font-size: 20px;
}

.contact .content .left .map{
        width: 100%;
}
.contact .content .left .info-contact{
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 50px;
}
.contact .content .left .info-contact .title{
        display: flex;
        flex-direction: column;
        width: 100%;    
}
.contact .content .left .info-contact .title h4{
        font-size: 30px;
        color: #737373;        
}
.contact .content .left .info-contact .title p{
        font-size: 24px;
        color: #737373;
        line-height: 24px;        
}
.contact .content .left .info-contact .title a{
        color: #737373;
        text-decoration: none;
}
.contact .content .left .info-contact .social{
        display: flex;
        flex-direction: column;
        width: 40%;
        justify-content: center;
        align-items: flex-end;
        
}

.contact .content .left .info-contact .social a{
        font-size: 32px;
        text-decoration: none;
        color: #737373;
}




.foot{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.foot .content{
   width: 50%;
   margin: 0 auto;
   /* border: 1px solid #fff; */
   justify-content: center;
   align-items: center;
}
.foot .content .divisior{
    /* border-bottom: 1px solid #fff; */
    padding: 10px;
    width: 50%;
    margin: 0 auto;
}
.foot .content .text-foot{
    text-align: center;
    font-style: 15px;
    color: #fff;
    padding: 10px;
    margin-top: 0px;
}
.foot .content .social-links{
    display: flex;
    margin: 0 auto;
    width: 50%;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
}
.foot .content .social-links a{
    color: #fff;
}
.foot .content .social-links a i.din{
    color: #0A66C2;
}
.foot .content .social-links a i{
    transition: all 0.3s ease;
}
.foot .content .social-links a i:hover{
    transform: scale(1.1);
}

/* error */
#nome-msg{
        display: none;
}

/* Animations */
@keyframes bounce{
        0%, 20%, 50%, 80%, 100%{
                transform: translateY(0);
        }

        40%{
                transform: translateY(-0px);
        }

        59%{
                transform: translateY(-10px);
        }
}

.background-home {
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: calc(100vh - 120px);
        width: 100%;
        display: flex;
        align-items: flex-end;
        padding: 48px;
        text-align: center;
        padding-bottom: 10vw;
}

.home-content,
section#home {
        min-height: calc(100vh - 120px);
        position: relative;
        overflow: hidden;
}

.carousel-item {
        margin-right: 0;
}

.container-de {
        overflow: hidden;
}

.title-text {
        font-weight: 300;
}

.language-menu{
        margin-left: unset;
}

.active-link{
        border-bottom: 3px solid #707070;
}

a.nav-link-de{
        position: relative;
}

a.nav-link-de:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: -3px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        background-color: #707070;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
}
a.nav-link-de:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
}

.navbar-nav li{
        color: #707070;
        line-height: 16px;
        border-right: 1px solid #707070 ;
        padding: 0px 8px;
}

.navbar-nav a{
        font-size: 24px;
}
.navbar-nav li{
        line-height: 24px ;
}

.home p{
        font-size: 50px;
}

.title-text{
        font-size: 90px;
}

.line {
border-bottom: 50px solid rgba(122, 177, 184, 0.5);
top: -55px;
position: relative;
z-index: -1;
}

.who-we-are .content .right{
        padding-left: 68px;
}

p.ft-1{
        font-size: 40px;
}

.line-1{
        border-bottom: 50px solid rgba(122, 177, 184, 0.5);
        margin-top: -35px;
        top: -20px;
}

.line-2{
        border-bottom: 50px solid rgba(115, 115, 115,0.18);
        top: -55px;
}

p.text-p-4 {
font-size: 30px;
color: #313131;
line-height: 33px;
margin-bottom: 48px;
}

.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: -26px;
        z-index: 9;
        position: relative;
        top: -85px;
}

.owl-theme .owl-dots .owl-dot span {
        width: 35px;
        height: 4px;
        margin: 5px 4px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 0;
    }

    .contact .content .right label {
            font-size: 16px;
            margin-bottom: 4px;
    }
    .contact .content .right input {
            height: 40px;
            font-size: 16px;
    }
    .contact .content .left .info-contact .title p {
        font-size: 18px;
        color: #737373;
        line-height: 28px;
    }
    
    h2.title-text.color-3 {
            margin-top: -48px;
    }

    h2.title-text.color-1 {
            margin-top: -64px;
    }

@media (max-width: 1440px) {
        .navbar-nav li a {
                font-size: 16px;
        }
        .language-menu li {
                font-size: 16px;
        }
        p.ft-1, .home p {
                font-size: 32px;
        }
        .title-text {
                font-size: 60px;
        }
        .line {
        border-bottom: 28px solid rgba(122, 177, 184, 0.5);
        top: -36px;
        position: relative;
        z-index: -1;
        width: 85%;
        }
        p.text-p {
        color: #414141;
        font-size: 24px;
        line-height: 36px;
        }
        p.text-p-2 {
                color: #484848;
                font-size: 24px;
                font-weight: 400;
                line-height: 36px;
            }
                        
}

@media (max-width: 991px) {
        .itens {
                width: 100%;
        }
        .how-we-do {
                padding: 64px 0;
        } 
        .what-we-do .content .text-block {
                width: calc(100% - 30px);
        }
        .desktop {
                display: none;
        }
        .mobile {
                display: block;
        }
        .who-we-are .content {
                flex-direction: column-reverse;
        }
        .who-we-are .content .left {
                width: 100%; 
        }
        .who-we-are {
                padding: 60px 15px;
        }
        .who-we-are .content .right {
                width: 100%;
                padding-left: 0;
        }
        .contact .content {
                flex-direction: column-reverse;
        }
        .contact .content .right,
        .btn-custom,
        .contact .content .left {
                width: 100%;
        }
}

@media (max-width: 540px) {
        a.nav-link-de {
                font-size: 16px;
        }
        img.ml-3.logo {
        height: 40px;
        width: auto;
        margin-left: 0 !important;
        }
        .navbar {
                display: flex;
                align-items: center;
        }
        .title-text {
        font-size: 50px;
        }
        p.text-p {
        color: #414141;
        font-size: 20px;
        line-height: 35px;
        }
        p.text-p-1 {
        font-size: 24px;
        line-height: 36px;
        padding: 10px 10px;
        }
        .how-we-do .content .right {
                width: 100%;
                padding: 0;
        }
        .how-we-do .content {
                flex-direction: column;
        }
        .how-we-do .content .left {
                width: 100%; 
        }
        p.text-p-2 {
                font-size: 24px;
        }
        .itens .iten .iten-nfo {
                width: 100%;
                padding-left: 0;
                margin-left: 0;
        }
        .itens .iten .img-iten-display {
                display: none;
        }
        .contact .content .right,
        .contact .content .left {
                padding: 50px 15px;
        }
        .home p {
                font-size: 40px;
            }
}