/*----------geral info----------*/
strong {
	font-weight: bold;
}


.info-foto{

    /* The image used */
    position:absolute;
    background-image: url("../images/home/work.jpg");

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;    
}


#info .wrapper-hero{
    width:100%;
    min-height:100%;
    height:100vh;
    margin:0;
    padding:0;
    position:relative;
    display: grid;
    grid-template-columns:1fr;
    overflow-x:hidden;
}

.seta-scroll{
    position:absolute;
}


.info-titulo{
    display:flex;
    height:100%;
    align-items:center;
    width:100%;
    overflow:hidden;
}

.mini-texto{
    color: #9a9a9a !important;
}

.info-titulo .h1{
    font-weight: 500;
    letter-spacing:0;
}

#info .intro-text-titulo{
    font-weight: 500;
    line-height:1;
}

.driver-item{
    line-height: 2;
}

.wrapper-por-que{
    background:#080808;
}

#info .carrossel{
    display:flex;
}

.area-texto{
    line-height: 2;
    position:relative;
}

#info .carrossel .carrossel-foto{
    overflow-x:hidden;
    background:#000;
}

#info .carrossel .area-texto .item{
    position:absolute;
}

#info .carrossel .carrossel-lista-fotos .item img{
    height:auto;
}

.carrossel-lista-fotos{
    display:-webkit-inline-box;
    position:relative;
}

.carrossel-lista-fotos .item{
    position:relative;
    padding-top: 6px;
}

.navegacao{
    display:flex;
    justify-content: flex-end;
    position:absolute;
}

.nav{
    height:auto;
}

.wrapper-clientes{
    background:#0a0a0a;
    padding-left: 18px;
    padding-bottom: 300px;
}

.clientes-conteudo{
    display:grid;
}

.clientes-conteudo .clientes-texto{
    line-height:2;
}


.clientes-lista{
    display:grid;
    grid-template-rows:1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}


.bio-item.item-2 .bio-foto{
	padding-top: 30px;
}

/*----------base para media queries----------*/

/*geral info*/
#seis i,#nove i{
    font-size:2.4rem;
}
.bt-voltar-vertical{
    height:80px;
}

#info .titulo{
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    font-weight:500;
}


/*hero*/
.bt-voltar-vertical img{
    min-height: 75px;
    height:75px;
    position:fixed;
    right:115px;
    bottom:20px;
    z-index:31;
}

.info-foto{
    width:calc(100% - 226px);
    height:calc(100% - 183px);
    margin-right: 180px;
    margin-top:183px;
}

#info .wrapper-hero{
    grid-template-rows:183px auto 190px;
}

img.seta-scroll{
    width:42px;
    bottom:10px;
    margin-left:55px;
}

img.seta-scroll:hover{
    width:38px;
    bottom:8px;
    transition:width 0.3,bottom 0.3;
}

.info-titulo{
    margin-top:35px; 
}

.info-titulo .h1{
    margin-top:-10px;
    padding:0 30px;
    margin-left:417px;
    font-size:8rem;
}

.mini-texto{
    margin-left: 180px;
    margin-top:13px;
    font-size: 16px;
}

/*intro*/

#info .titulo .linha-esquerda{
    width:195px;
    height:7px;
}

#info .wrapper-clientes .titulo .linha-esquerda {
    width: 230px;
}

#info .wrapper-bio .titulo .linha-esquerda {
    width: 230px;
}

.wrapper-intro{
    width:100%;
    padding: 63px 227px 0 227px;
}

#info .intro-text-titulo{
    font-size:4rem;
}

#info .wrapper-intro hr{
    margin-top:20px;
    height:2px;
    border-color: #e8f3ea;
}

#info .intro-text-texto{
    padding-top:20px;
    margin-right:650px;
    font-size:1.9rem;
    line-height:1.5;
}

/*drivers*/
#info .titulo{
    margin-top:130px; 
    font-size:5.5rem;
}

#info .titulo .h3{
    padding: 0 30px;
}

.wrapper-drivers{
    width:100%;
}

.drivers-items{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 65px 226px 0 226px;
}

.driver-item{
    flex:1;
    padding-left:86px;
    padding-top:50px;
	padding-right: 26px;
}
    
.driver-item.item-2,.driver-item.item-5{
    padding-left:140px;
    padding-right:66px;
}

.driver-item.item-3,.driver-item.item-6{
    padding-left:96px;
    padding-right: 36px;
}

.driver-item .h5{
    font-size:2rem;
	line-height: 1;
	font-weight: 500;
}

.driver-item p{
    font-size:1.28rem;
}

.driver-item.item-4{
    padding-right: 18px;
}

/*por que*/
#info .wrapper-por-que .titulo{
    padding-top:170px;
}

#info .carrossel .area-texto{
    width:940px;
    font-size:1.28rem;
    padding-left:312px;
    padding-top:138px;
}

#info .carrossel .area-texto .item{
    padding-right:130px;
}

#info .carrossel .area-texto .item.item-3 {
    padding-right: 120px;
}

#info .carrossel .carrossel-foto{
    width:980px;
    margin-top:-290px;
}

#info .carrossel .carrossel-lista-fotos .item img{
    width:1124px;
}

.navegacao{
    right:50px;
    bottom:95px;
}

.nav{
    width:9px;
    margin:0 9px;
}


/*servicos*/
.servicos-lista{
    padding:0 230px;
}

.servicos-item{
    display:flex;
}

.servico-foto,.servico-descricao{
    width:50%;
}

.servico-descricao{
    padding-left:86px;
    padding-right:0;
    font-size:1.28rem;
    line-height:2.0;
}

.servico-descricao.primeiro-texto{
    margin-top:100px;
}

.servico-descricao h5{
    font-weight: 500;
    font-size: 2.3rem;
    margin-left:-80px;
}

.servico-descricao ul{
    list-style-type:none;
    margin-left:-50px;
}

.servico-descricao ul li .bullet{
    display:inline-block;
}

.servico-descricao .bullet{
    padding-right:10px;
}

.servico-foto img{
    width:100%;
    height:auto;
}

.servico-foto.img-texto div{
    border-bottom:1px solid #e8f3ea;
    margin-right:-240px;
    padding-bottom:10px;
    margin-left:240px;
}

.servico-descricao.item-2{
    margin-top:80px;
}

.servicos-item.culture{
    padding-left:200px;
}

.servicos-item.item-1{
    display:flex;
    padding-top:130px;
    padding-bottom:130px;
}

#info .servicos-item.item-2 .servico-descricao{
    padding-left:0;
    padding-right:0;
    font-size:1.28rem;
    line-height:2.0;
    padding-top: 30px;
}

.servico-foto.img-texto{
    padding-top: 20px;
    font-size:2.5rem;
    line-height:1;
    font-weight:200;
    width:50%
}

.servico-foto.img-texto div{
    border-bottom:1px solid #e8f3ea;
}


.servicos-item.item-2 .servico-foto{
    width:892px;
    padding-right:50px;
}

.servicos-item.item-2 .servico-descricao{
    margin-left:80px;    
}

#info .servicos-item.item-2 .servico-descricao h5{
    margin-left:-50px;
}
    
#info .servicos-item.item-2 .servico-descricao ul{
    padding-right:90px;
    padding-left:50px;
}


#info .servicos-item.item-3 {
    padding-top: 85px;
}

#info .servicos-item.item-3 .servico-descricao ul{
	margin-left: -67px;
	padding-right:30px;
}


.servico-descricao .bullet{
    padding-right:10px;
}

.servico-descricao ul li .bullet img{
    width:14px;
}

.servicos-item.item-3 .servico-foto{
    width:45%;
    padding-top: 86px;
}

#info .servicos-item.item-3 .servico-descricao{
    font-size:1.28rem;
    width:55%;
}

#info .servicos-item.item-3 .servico-descricao{
    padding-left:160px;
    padding-top:100px;
}


/*clientes*/

.wrapper-clientes .titulo{
    margin-left:-50px;
    padding-top: 130px;
}

.clientes-conteudo{
    grid-template-columns: 715px auto;
}

.clientes-conteudo .clientes-texto{
    padding-left:312px;
    padding-right:100px;
    padding-top:100px;
    font-size:1.28rem;
}

.clientes-lista{
    margin-top:-20px;
}

.clientes-lista div img{width:100%;}

.clientes-lista div{
    width:360px;
    height:400px;
}

/*bio*/

.wrapper-bio{
    margin-bottom:200px;
    padding-left: 18px;
}

.wrapper-bio .titulo{
    margin-left:-50px;
}

.conteudo-bio{
    padding:0 230px;
}

.bio-item{
    display:flex;
    margin-top:110px;
}

.bio-item .bio-texto{
    width:800px;
}

.bio-item .bio-foto img{
    width:668px;
}

.bio-texto p{
    padding-left:90px;
    font-size:1.28rem;
    line-height:2.0;
}

.bio-texto h6{
    font-size:2.5rem;
    font-weight: 500;
}

.bio-texto  h5 {
    font-size: 2.5rem;
}

.bio-texto  h5 {
    font-weight: 500;
    font-size:   2.3rem;
    margin-left: -20px;
}

.bio-item.item-1 .bio-foto img{
    margin-top:-190px;
}

.bio-item.item-1 .bio-texto p{
    padding-right:80px;
}

.bio-item.item-2 .bio-texto{
    padding-left:97px;
    padding-top:120px;
}