header{
    background: transparent;
}
header .logo a:hover {
    /*background: url(../images/logo.png) no-repeat bottom center;*/
}

/*COMEÇO BANNER*/

section.banner{
    width: 100%;
    height: 725px;
    display: block;

}
section.banner ul{
    width: 100%;
    height: 725px;
    display: block;
    margin: 0 auto; 
    position: relative;
}
section.banner ul li{
    list-style-type: none;
    width: 100%;
    height: 725px;
    padding-top: 115px;
    margin-top: -115px;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    /*opacity: .5;*/
}
section.banner ul.owl-carousel .owl-wrapper-outer{
    overflow: inherit;
}
section.banner ul li.active{
    /*display: block;*/
    opacity: 1;
    z-index: 1;
}
section.banner ul li .conteudo{
    width: 980px;
    height: 725px;
    display: block;
    margin: 0 auto; 
    position: relative;

}
section.banner ul li.active:after{
    content: "";
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 30px;
    display: block; 
}
section.banner .conteudo .txt{
    width: 410px;
    height: 725px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 60px;
    float: left;
    background: url(../images/assets/banner/bg_txt.png) no-repeat bottom center;
}
section.banner .conteudo .img{
    width: 500px;
    height: 725px;
    display: flex;
    align-items: center;
    float: left;
    position: relative;
    z-index: 1;
    background: url(../images/assets/banner/bg_img-1.png) no-repeat bottom center;
}
section.banner .owl-buttons{
    width: 980px;
    height: 80px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 10px;
    z-index: 3;
}
section.banner .owl-buttons .owl-prev{
    text-indent: -9999px;
    top: -355px;
    position: relative;
}
section.banner .owl-buttons .owl-next {
    text-indent: -9999px;
    top: -355px;
    position: relative;
}
section.banner .owl-buttons .owl-prev:hover,section.banner .owl-buttons .owl-next:hover{
    background: #fff;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
section.banner .owl-buttons .owl-prev{
    width: 42px;
    height: 42px;
    display: block;
    float: left;
    cursor: pointer;
    background: #54000b;
    border-radius: 30px;
    -webkit-transition: background 0.8s ease-in-out;
    -o-transition: background 0.8s ease-in-out;
    transition: background 0.8s ease-in-out;
}
section.banner .owl-buttons .owl-next{
    width: 42px;
    height: 42px;
    display: block;
    float: right;
    cursor: pointer;
    background: #54000b;
    border-radius: 30px;
    -webkit-transition: background 0.8s ease-in-out;
    -o-transition: background 0.8s ease-in-out;
    transition: background 0.8s ease-in-out;
}
section.banner .owl-buttons .owl-next::before,
section.banner .owl-buttons .owl-prev::before {
    width: 12px;
    height: 24px;
    content: "";
    float: left;
    background-image: url(../images/icon/seta.png)!important;
    margin: 10px 14px;
    background-size: 25px;
}
section.banner .owl-buttons .owl-next::before {
    background-position: 13px 0px;
    margin: 10px 18px;
}
section.banner .owl-buttons .owl-next:hover::before {
    background-position: 13px -22px;
    margin: 10px 18px;
}
section.banner .owl-buttons .owl-prev:hover::before {
    background-position: 0px -22px;
    margin: 10px 14px;
}
section.banner ul li.active .conteudo .txt h2,
section.banner ul li.active .conteudo .txt p,
section.banner ul li.active .conteudo .img{
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
    opacity: 1;
}
section.banner .conteudo .txt h2{
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -ms-transform: translate3d(-300px,0px,0px);
    -o-transform: translate3d(-300px,0px,0px);
    transform: translate3d(-300px,0px,0px);
    opacity: 0;
}
section.banner .conteudo .txt p{
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -ms-transform: translate3d(-300px,0px,0px);
    -o-transform: translate3d(-300px,0px,0px);
    transform: translate3d(-300px,0px,0px);
    opacity: 0;

    -webkit-transition-delay: 0.5s!important;
    -o-transition-delay: 0.5s!important;
    transition-delay: 0.5s!important;

}
section.banner .conteudo .img{
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -ms-transform: translate3d(300px,0px,0px);
    -o-transform: translate3d(300px,0px,0px);
    transform: translate3d(300px,0px,0px);
    opacity: 0;
}

section.banner .conteudo .img img{
    -webkit-animation: cima-baixo 3.5s ease-in-out infinite;
    -o-animation: cima-baixo 3.5s ease-in-out infinite;
    animation: cima-baixo 3.5s ease-in-out infinite;
}
section.banner .conteudo .img img:nth-child(2){
    -webkit-animation-delay: 0.5s!important;
    -o-animation-delay: 0.5s!important;
    animation-delay: 0.5s!important;

    -webkit-animation: cima-baixo 3.5s ease-in-out infinite;
    -o-animation: cima-baixo 3.5s ease-in-out infinite;
    animation: cima-baixo 3.5s ease-in-out infinite;
}
@keyframes cima-baixo {
    0%   {  transform: translate3d(0px,0px,0px);}
    50%   {  transform: translate3d(0px,-10px,0px);}
    100% {  transform: translate3d(0px,0px,0px);}
}
@-webkit-keyframes cima-baixo {
    0%   {  transform: translate3d(0px,0px,0px);}
    50%   {  transform: translate3d(0px,-10px,0px);}
    100% {  transform: translate3d(0px,0px,0px);}
}
@-o-keyframes cima-baixo {
    0%   {  transform: translate3d(0px,0px,0px);}
    50%   {  transform: translate3d(0px,-10px,0px);}
    100% {  transform: translate3d(0px,0px,0px);}
}
section.banner .conteudo .txt h2.thin{
    font-family: 'chinese-rock';
    /* font-weight: bold; */
    font-size: 100px;
    line-height: 72px;
    color: #fff;
    margin: 60px 0 0 10px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 8px;
    float: left;
    display: block;
    width: 100%;
}
section.banner .conteudo .txt h2.light{
    font-family: 'chinese-rock';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: #fff;
    margin: 0px 0 0 10px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    float: left;
    display: block;
    width: 100%
}
section.banner .conteudo .txt p{
    font-family: 'exoregular';
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    margin: 20px 0 0 10px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    float: left;
    display: block;
    width:70%;

}
section.banner .conteudo .txt p strong{
    font-family: 'exoblack';

}
section.banner .conteudo .img img{
    position: absolute;
}
section.banner .conteudo .img img:nth-child(1){
    margin: 40px 0 0 13px;
    z-index: 2;
}
section.banner .conteudo .img img:nth-child(2){
    margin: 100px 0 0 57px;
    z-index: 1;
}



section.banner ul li.sistemas{
    background: #1478c9;
}
section.banner ul li{
    cursor: pointer;
}
section.banner ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
section.banner ul li.web{
    background: #dc101a;
}
section.banner ul li.mkt{
    background: #2EB233;
}
section.banner ul li.apps{
    background: #c40c58;
}

section.banner .owl-prev.web,
section.banner .owl-next.web{
    background: #1e1e1e;
}

section.banner .owl-prev.mkt,
section.banner .owl-next.mkt{
    background: #156554;
}

section.banner .owl-prev.apps,
section.banner .owl-next.apps{
    background: #830639;
}

section.banner .owl-prev.sistemas,
section.banner .owl-next.sistemas{
    background: #074577;
}

section.banner ul li.apps .img img:nth-child(1){
    margin: 100px 0 0 0px;
}
section.banner ul li.apps .img img:nth-child(2){
    margin: 122px 0 0 207px;
}
section.banner ul li.apps .img,
section.banner ul li.mkt .img,
section.banner ul li.web .img{
    background: none;
}

section.banner ul li.sistemas.active:after{
    background: url(../images/assets/banner/bg-1478c9.png) no-repeat top center;
}
section.banner ul li.web.active:after{
    background: url(../images/assets/banner/bg-dc101a.png) no-repeat top center;
}
section.banner ul li.mkt.active:after{
    background: url(../images/assets/banner/bg-2EB233.png) no-repeat top center;
}
section.banner ul li.apps.active:after{
    background: url(../images/assets/banner/bg-c40c58.png) no-repeat top center;
}

img.two{
    height: 500px;
    margin-left: -45%!important;
    object-fit: contain;
}

/*FIM BANNER*/

.fonts{
    font-family: 'exomedium';
    font-family: 'exoregular';
    font-family: 'exolight';
    font-family: 'exobold';
    font-family: 'chinese-rock';
}
/*INICIO COMO IMPACTAMOS O MUNDO*/
.impact{
    margin-top: 10vh;
    width: 100%;
}

.impact .impact-container{
    max-width: 1200px;
    margin: 0px auto;
}

.impact .impact-container h2{
    text-align: center;
    font-size: 55px;
    background-image: url('../images/new/bg-impact.png');
    width: 610px;
    margin: 0px auto 40px;
    background-repeat: no-repeat;
    color: #c20000;
    font-family: 'chinese-rock';
    background-size: cover;
}

.impact-content{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.impact-items{
    position: relative;
    width: 24.5%;
    height: 600px;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition-delay: 0.5s!important;
    -o-transition-delay: 0.5s!important;
    transition-delay: 0.5s!important;
}

.impact-bg-back{
    position: absolute;
    z-index: -1;
    top: -10px;
    left: -30px;
    height: 100%;
}

.impact-bg-back2{
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 0;
    height: 100%;
}

.impact-bg-back3{
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 15px;
    height: 100%;
}

.impact-bg-back4{
    position: absolute;
    z-index: -1;
    top: -22px;
    left: 0px;
    height: 100%;
}

/* .impact-items2{
    margin-top: -4px;
}

.impact-items3{
    margin-top: -7px;
}

.impact-items4{
    height: 610px;
    margin-top: -15px;
}

.impact-items5{
    margin-top: -5px;
} */

.impact-bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 560px;
    overflow: hidden;
    border-radius: 15px;
}

.impact-bg img{
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.impact-items:hover .impact-bg img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.8s ease-in-out;
    z-index: 3;
}

.impact-items-img{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 30;
}

.impact-items-img img{
    margin-bottom: 20px;
}

.impact-items-img p{
    font-size: 30px;
    color: #fff;
    font-family: 'exoregular';
    font-weight: bold;
    text-align: center;
}

.impact-suporte{
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/new/suporte-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 786px;
    height: 40px;
    margin: 30px auto 35px;
}

.impact-suporte img{
    margin-right: 20px;
}

.impact-suporte a{
    font-size: 22px;
    font-family: 'exolight';
    color: #fff;
}

.impact-suporte p span{
    color: #fff;
    font-family: 'exobold';
}

.impact-orcamento-container{
    width: 786px;
    margin: 0px auto 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.impact-orcamento{
    width: 346px;
    height: 52px;
    border-radius: 10px;
    background-color: #282828;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.impact-orcamento p{
    font-size: 25px;
    color: #fff;
    font-family: 'chinese-rock';
    letter-spacing: 1.3px;
    cursor: pointer;
}

.impact-phone{
    width: 404px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/new/phone-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -10px;
}

.impact-phone span{
    color: #fff;
    font-size: 20px;
    margin: 0px 5px;
}

.impact-phone a{
    font-size: 20px;
    color: #fff;
    font-family: 'exobold';
}

.impact .bt-quem-somos{
    width: 100%;
    height: 30px;
    display: block;
    margin: -1px auto;
    background: url(../images/assets/quem-somos/bg-bt-quem-somos-branco.png) no-repeat bottom center;
    text-align: center;
    position: relative;
    float: left;
    z-index: 10;
    bottom: -28px;
}
.impact .bt-quem-somos span.active{
    height: 28px;
    padding-top: 2px;
}
.impact .bt-quem-somos span{
    height: 25px;
    padding-top: 4px;
    width: 30px;
    cursor: default;
    font-family: 'exothin';
    font-size: 50px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    background: #c20000;
    border-radius: 30px;
    margin: 0 auto;
    display: block;
    margin-top: -10px;

}
/*FIM COMO IMPACTAMOS O MUNDO*/

/*QUEM SOMOS*/
section.quem-somos.active{
    max-height: 750px;
}

section.quem-somos.active .conteudo{
    max-height: 750px;
}
section.quem-somos.active .conteudo .bottom{
    max-height: 300px;
    /*display: block;*/

}
section.quem-somos{
    width: 100%;
    /*min-height: 410px;*/
    /*max-height: 450px;*/
    max-height: 750px;
    display: block;
    background: url(../images/new/bg-quem-somos.png) no-repeat center center #3c3b39;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
}

section.quem-somos .conteudo{
    width: 980px;
    /*min-height: 410px;*/
    max-height: 750px;
    display: block;
    margin: 0 auto; 
    position: relative;
    padding-top: 100px;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;

}
section.quem-somos .conteudo .top{
    width: 980px;
    height: 360px;
    display: block;
    float: left;
}

section.quem-somos.anima .conteudo .top h2{
    opacity: 1;
    -webkit-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
    transform: rotate(
        -2deg);
}
section.quem-somos .conteudo .top h2{
    font-family: 'chinese-rock';
    top: -30px;
    font-size: 35px;
    line-height: 25px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    float: left;
    display: flex;
    justify-content: flex-end;
    width: 73.5%;
    text-align: center;
    margin: 0px 0px 15px;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: translate3d(0px,-100px,0px);
    -ms-transform: translate3d(0px,-100px,0px);
    -o-transform: translate3d(0px,-100px,0px);
    transform: translate3d(0px,-100px,0px);
    opacity: 0;

    
}
section.quem-somos .conteudo .top .txt{
    width: 650px;
    display: block;
    margin: 0 auto;
    height: 270px;
}
section.quem-somos.anima .conteudo .top .txt h1{
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
    opacity: 1;
}
section.quem-somos .conteudo .top .txt h1{
font-family: 'exolight';
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    float: left;
    display: block;
    width: 260px;
    height: 220px;
    margin-left: -12px;
    /* margin-right: 35px; */
    text-align: right;
    margin-top: 0px;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -ms-transform: translate3d(-300px,0px,0px);
    -o-transform: translate3d(-300px,0px,0px);
    transform: translate3d(-300px,0px,0px);
    opacity: 0;
    position: relative;
    bottom: 40px;
    background-size: contain !important;
    background: url(../images/new/quem-somos-logo.png) no-repeat;
}
section.quem-somos .conteudo .top .txt h1 strong{
    font-family: 'exoextrabold';
}
section.quem-somos.anima .conteudo .top .txt p{
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
    opacity: 1;
}
section.quem-somos .conteudo .top .txt p{
    font-family: 'exoregular';
    top: -35px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    position: relative;
    float: left;
    display: block;
    width: 390px;
    text-align: left;
    padding: 0 0px;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -ms-transform: translate3d(300px,0px,0px);
    -o-transform: translate3d(300px,0px,0px);
    transform: translate3d(300px,0px,0px);
    opacity: 0;
}
section.quem-somos .conteudo .bottom{
    width: 980px;
    /*max-height: 0px;*/
    min-height: 300px;
    overflow: hidden;
    /*display: none;*/
    float: left;
    padding-left: 40px;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
}
section.quem-somos.anima .conteudo .bottom .box {
    opacity: 1;
    -webkit-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
}
section.quem-somos .conteudo .bottom .box:nth-child(1){
    -webkit-transition-delay: 0.5s!important;
    -o-transition-delay: 0.5s!important;
    transition-delay: 0.5s!important;
}
section.quem-somos .conteudo .bottom .box:nth-child(2){
    -webkit-transition-delay: 0.7s!important;
    -o-transition-delay: 0.7s!important;
    transition-delay: 0.7s!important;
}
section.quem-somos .conteudo .bottom .box:nth-child(3){
    -webkit-transition-delay: 0.9s!important;
    -o-transition-delay: 0.9s!important;
    transition-delay: 0.9s!important;
}
section.quem-somos .conteudo .bottom .box:nth-child(4){
    -webkit-transition-delay: 1.1s!important;
    -o-transition-delay: 1.1s!important;
    transition-delay: 1.1s!important;
}
section.quem-somos .conteudo .bottom .box:nth-child(5){
    -webkit-transition-delay: 1.3s!important;
    -o-transition-delay: 1.3s!important;
    transition-delay: 1.3s!important;
}
section.quem-somos .conteudo .bottom .box:nth-child(6){
    -webkit-transition-delay: 1.5s!important;
    -o-transition-delay: 1.5s!important;
    transition-delay: 1.5s!important;
}
section.quem-somos .conteudo .bottom .box:nth-child(7){
    -webkit-transition-delay: 1.8s!important;
    -o-transition-delay: 1.8s!important;
    transition-delay: 1.8s!important;
}
section.quem-somos .conteudo .bottom .box:nth-child(8){
    -webkit-transition-delay: 2.1s!important;
    -o-transition-delay: 2.1s!important;
    transition-delay: 2.1s!important;
}
section.quem-somos .conteudo .bottom .box{
    width: 240px;
    height: 150px;
    display: block;
    float: left;
    -webkit-transform: translate3d(0px,-100px,0px);
    -ms-transform: translate3d(0px,-100px,0px);
    -o-transform: translate3d(0px,-100px,0px);
    transform: translate3d(0px,-100px,0px);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    opacity: 0;
}
section.quem-somos .conteudo .bottom .box img{
    width: auto;
    float: left;
}
section.quem-somos .conteudo .bottom .box strong{
    font-family: 'exoblack';
    font-size: 37px;
    line-height: 37px;
    color: #fff;
    position: relative;
    float: left;
    display: block;
    width: 140px;
    text-align: left;
    margin-left: 15px;
    text-transform: uppercase;
}
section.quem-somos .conteudo .bottom .box p{
    font-family: 'exolight';
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    position: relative;
    float: left;
    display: block;
    width: 140px;
    text-align: left;
    margin-left: 15px;
    text-transform: uppercase;
}
section.quem-somos .bt-quem-somos{
    width: 100%;
    height: 30px;
    display: block;
    margin: -1px auto;
    background: url(../images/assets/quem-somos/bg-bt-quem-somos.png) no-repeat bottom center;
    text-align: center;
    position: relative;
    float: left;
    z-index: 10;
    bottom: 9px;
}
section.quem-somos .bt-quem-somos span.active{
    height: 28px;
    padding-top: 2px;
}
section.quem-somos .bt-quem-somos span{
    height: 25px;
    padding-top: 4px;
    width: 30px;
    cursor: default;
    font-family: 'exothin';
    font-size: 50px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    background: #c20000;
    border-radius: 30px;
    margin: 0 auto;
    display: block;
    margin-top: -10px;

}

/*FIM QUEM SOMOS*/
/*O QUEM FAZEMOS*/
section.o-que-fazemos.active{
    max-height: 942px;
}

section.o-que-fazemos.active .conteudo{
    max-height: 870px;
}
section.o-que-fazemos.active .conteudo .bottom{
    max-height: 830px;
 
}
section.o-que-fazemos{
    width: 100%;
    /*min-height: 870px;*/
    /*max-height: 870px;*/
    max-height: 942px;
    /*margin-bottom: 100px;*/
    display: block;
    background: #f7f7f7;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
    float: left;
}

section.o-que-fazemos .conteudo{
    width: 980px;
    /*min-height: 799px;*/
    /*max-height: 799px;*/
    max-height: 870px;
    overflow: hidden;
    display: block;
    margin: 0 auto; 
    position: relative;
    padding-top: 70px;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;

}
section.o-que-fazemos .conteudo .top{
    width: 980px;
    height: 70px;
    display: block;
    float: left;
}

section.o-que-fazemos.anima .conteudo .top h2{
    opacity: 1;
    -webkit-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
}
section.o-que-fazemos .conteudo .top h2{
    font-family: 'exobold';
    font-size: 25px;
    line-height: 25px;
    color: #c00019;
    text-transform: uppercase;
    position: relative;
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px 0px 30px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: translate3d(0px,-100px,0px);
    -ms-transform: translate3d(0px,-100px,0px);
    -o-transform: translate3d(0px,-100px,0px);
    transform: translate3d(0px,-100px,0px);
    opacity: 0;
}
section.o-que-fazemos .conteudo .top h2 strong{
    font-family: 'exoextrabold';
}
section.o-que-fazemos .conteudo .top .txt{
    width: 600px;
    display: block;
    margin: 0 auto;
    height: 270px;
}
section.o-que-fazemos .conteudo .top .txt h1{
    font-family: 'exolight';
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    float: left;
    display: block;
    width: 260px;
    text-align: right;
}
section.o-que-fazemos .conteudo .top .txt p{
    font-family: 'exoregular';
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    position: relative;
    float: left;
    display: block;
    width: 280px;
    text-align: left;
    padding: 0 30px;
}
section.o-que-fazemos .conteudo .bottom{
    width: 980px;
    /*min-height: 719px;*/
    /*max-height: 719px;*/
    max-height: 830px;
    overflow: hidden;
    /*display: none;*/
    float: left;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
}
section.o-que-fazemos.anima .conteudo .bottom .box{
    opacity: 1;
    -webkit-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
}
section.o-que-fazemos .conteudo .bottom .box{
    width: auto;
    height: auto;
    margin: 4px;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,-100px,0px);
    -ms-transform: translate3d(0px,-100px,0px);
    -o-transform: translate3d(0px,-100px,0px);
    transform: translate3d(0px,-100px,0px);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    opacity: 0;
}

section.o-que-fazemos .conteudo .bottom .box:nth-child(1){
    width: 445px;
    height: 386px;
    -webkit-transition-delay: 0.5s!important;
    -o-transition-delay: 0.5s!important;
    transition-delay: 0.5s!important;
}
section.o-que-fazemos .conteudo .bottom .box:nth-child(2){
    width: 515px;
    height: 284px;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
section.o-que-fazemos .conteudo .bottom .box:nth-child(3){
    width: 445px;
    height: 252px;
    clear: left;
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
section.o-que-fazemos .conteudo .bottom .box:nth-child(4){
    width: 519px;
    height: 353px;
    float: right;
    margin-top: -97px;
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
section.o-que-fazemos .conteudo .bottom .box:hover img{
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}
section.o-que-fazemos .conteudo .bottom .box img{
    width: auto;
    height: auto;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); 
}
section.o-que-fazemos .conteudo .bottom .box i{
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    left: 0px;
    top:0px;

}
section.o-que-fazemos .conteudo .bottom .box:nth-child(1) i{
    background: url(../images/assets/o-que-fazemos/icon1.png) no-repeat bottom center;
}
section.o-que-fazemos .conteudo .bottom .box:nth-child(2) i{
    background: url(../images/assets/o-que-fazemos/icon2.png) no-repeat bottom center;
}
section.o-que-fazemos .conteudo .bottom .box:nth-child(3) i{
    background: url(../images/assets/o-que-fazemos/icon3.png) no-repeat bottom center;
    background-size: auto 80px!important;
}
section.o-que-fazemos .conteudo .bottom .box:nth-child(4) i{
    background: url(../images/assets/o-que-fazemos/icon4.png) no-repeat bottom center;
}
section.o-que-fazemos .conteudo .bottom .box h2 strong,
section.o-que-fazemos .conteudo .bottom .box-last strong{
    font-family: 'exobold';
}
section.o-que-fazemos .conteudo .bottom .box-last:hover{
    opacity: 0.8;
}
section.o-que-fazemos .conteudo .bottom .box-last{
    font-family: 'exoregular';
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    position: relative;
    display: block;
    width: calc(100% - 4px);
    height: 22px;
    padding: 15px 0px;
    text-align: center;
    text-transform: uppercase;
    float: right;
    background: #000;
    background: url(../images/assets/o-que-fazemos/bt-last.jpg) no-repeat center center;
}
section.o-que-fazemos .conteudo .bottom .box h2{
    font-family: 'exoregular';
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    display: block;
    width: 100%;
    height: 45%;
    text-align: center;
    text-transform: uppercase;
    bottom: 0px;
    left: 0px;
}
section.o-que-fazemos .conteudo .bottom div.solicite{
    display: block;
    width: 100%;
    float: left;
    margin: 25px auto;
}
section.o-que-fazemos .conteudo .bottom div.solicite div.cent{
    font-family: 'exobold';
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    position: relative;
    display: block;
    min-height: 15px;
    padding: 15px 0px;
    background: #c20000;
    width: 520px;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.26);
}
section.o-que-fazemos .conteudo .bottom div.solicite span.tels a{
    color: #c00019;
}
section.o-que-fazemos .conteudo .bottom div.solicite span.tels{
    font-family: 'exobold';
    font-size: 14px;
    line-height: 13px;
    color: #c00019;
    position: relative;
    display: block;
    padding: 17px 0px;
    background: #fff;
    width: 294px;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    float: right;
    margin-top: -34px;
    box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.26);
    left: 10px;
}

section.o-que-fazemos .bt-o-que-fazemos{
    width: 100%;
    height: 30px;
    display: block;
    margin: 0 auto;
    background: url(../images/assets/o-que-fazemos/bg-bt-o-que-fazemos.png) no-repeat bottom center;
    text-align: center;
    position: relative;
    float: left;
    z-index: 10;
}
section.o-que-fazemos .bt-o-que-fazemos span.active{
    height: 28px;
    padding-top: 2px;
}
section.o-que-fazemos .bt-o-que-fazemos span{
    height: 25px;
    padding-top: 4px;
    width: 30px;
    cursor: default;
    font-family: 'exothin';
    font-size: 50px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    background: #c20000;
    border-radius: 30px;
    margin: 0 auto;
    display: block;
    margin-top: -10px;
    z-index: 10;

}
/*FIM O QUEM FAZEMOS*/

/*INICIO EQUIPE MONSTRA*/
.equipe{
    width: 100%;
    height: 650px;
    background-image: url('../images/new/bg-equipe.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0px;
}

.equipe-container{
    max-width: 1500px;
    margin: 0px auto;
}

.equipe-container h2{
    width: 400px;
    height: 54px;
    margin: 0px auto;
    background-image: url('../images/new/bg-equipe-title.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c20000;
    font-size: 50px;
    font-family: 'chinese-rock';
}

.equipe-content{
    margin-top: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.equipe-cards{
    width: 19.6%;
    height: auto;
    margin: 0px 5px;
}

.equipe-cards img{
    width: 100%;
}

.equipe-nome{
    width: 100%;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #af041a;
    margin-top: -4px;
}

.equipe-nome h3{
    font-family: 'exobold';
    font-size: 30px;
    color: #fff;
    margin-bottom: 5px;
}

.equipe-nome p{
    font-family: 'exolight';
    font-size: 18px;
    color: #fff;
}
/*FIM EQUIPE MONSTRA*/

/*Inicio Remoção video caso de sucesso da Home*/
.caso-de-sucesso{
    display: none;
}

section.portfolio{
    padding-top: 20px;
}
section.portfolio div.info{
    height: 430px;
}

section.portfolio div.info div.conteudo div.caso-de-sucesso{
    display: none;
}
/*Fim Remoção video caso de sucesso da Home*/

/*FIM QUEM CONTRATA*/
/*CONTATO*/
section.contato.active{
    max-height: 750px;
}

section.contato.active .conteudo{
    max-height: 750px;
}
section.contato.active .conteudo .bottom{
    max-height: 300px;
    /*display: block;*/
}
section.contato{
    width: 100%;
    height: 540px;
    display: block;
    background: url(../images/new/bg-contato.png) no-repeat bottom center;
    background-size: cover;
    padding: 65px 0 75px;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
}

section.contato .conteudo{
    width: 980px;
    height: 434px;
    display: block;
    margin: 0 auto; 
    position: relative;
    padding-top: 40px;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;

}
section.contato .conteudo .esq{
    width: 560px;
    height: 350px;
    display: block;
    float: left;
}

section.contato .conteudo .esq h1{
    font-family: 'exoregular';
    font-size: 25px;
    line-height: 25px;
    margin-left: 5px;
    height: 50px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    float: left;
    display: block;
    width: 100%;
    text-align: left;
    /*margin: 0px 0px 30px;*/
}
section.contato .conteudo .esq h1 strong{
    font-family: 'exobold';
}


/*section.contato .conteudo .dir{
    width: 360px;
    height: 380px;
    float: left;
    padding-top: 40px;
    padding-left: 60px;
}

section.contato .conteudo .dir .box{
    width: 420px;
    height: 70px;
    float: left;
    font-family: 'exomedium';
    font-size: 20px;
    line-height: 20px;
    position: relative;
    color: #fff;
}
section.contato .conteudo .dir .box i{
    float: left;
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 30px;
}
section.contato .conteudo .dir .box a{
    color: #fff;
    font-family: 'exobold';
}*/


/*FIM CONTATO*/


/*RESPONSIVO*/

@media only screen 
and (min-width : 0px) 
and (max-width : 414px) {
    img.two{
        margin-left: -10%!important;
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    section.quem-somos{
        background-size: cover;
    }
    section.quem-somos .conteudo .top .txt h1{
        text-align: center;
        background-position: center;
        margin: 0px 0px 20px;
    }
    section.quem-somos.anima .conteudo .top .txt p{
        margin: 0px 10vw;
        width: 80vw!important; 
    }
    section.o-que-fazemos .conteudo .bottom div.solicite span.tels{
        margin: 25px auto 0!important;
    }
    section .conteudo .top .txt p{
        width: calc(100vw - 60px)!important;
        padding: 0 30px;
        
    }  
    section .conteudo .top .txt h1{
        width: calc(100vw - 110px)!important;
        padding: 0 55px;
        margin-bottom: 40px;
    }
    section.banner .conteudo .txt p{
        display: none!important;
    }
    section.banner .conteudo .txt{
        width: auto!important;
        margin: 35px auto 0!important;
        float: none!important;
        height: auto;
        display: block;
        padding: 10px 20px;
        overflow: hidden;
        background: none;
    }
    section.banner .conteudo .img{
        width: 100%;
    }
    section.banner ul li.apps .img img:nth-child(1){
        margin-top: 0px;
    }
    section.banner ul li.apps .img img:nth-child(2){
        margin-top: 20px;
    }
    section.banner .conteudo .txt h2{
        width: auto!important;
        padding: 0px;
        margin: 0px!important;
        float: left!important;
    }

    section.quem-somos .bt-quem-somos{
        display: none!important;
    }
    section.quem-somos .conteudo {
        height: auto!important;
        max-height: unset!important;
    }
    section.quem-somos{
        max-height: unset!important;
    }
    section.quem-somos .conteudo .bottom{
        max-height: 140px;
        width: calc(100vw - 0px)!important;
        padding: 30px 0px 0;
        display: block !important;
        margin: 0px auto;
        float: none;
    }
    section.quem-somos .conteudo .bottom .owl-wrapper-outer{
        overflow: hidden;
        position: relative;
        width: 80%;
        margin: 0 10%
        /*height: 100%;*/
    }
    section.banner ul li,section.banner{
        height: 590px;
    }
    
    section.banner .conteudo .img{
        background: none;
    }
    section.quem-somos .owl-carousel .owl-item {
        margin-right: 2px;
        width: 100%;
    }
    section.quem-somos .owl-carousel .owl-item div.box{
        margin-left: 60px;
        width: 80%;
    }
    section.quem-somos .conteudo .bottom .owl-buttons {
        width: 100%;
        height: 80px;
        display: block;
        margin: 0 auto;
        position: relative;
        left: 0%;
    }
    section.quem-somos .conteudo .bottom .owl-buttons .owl-prev {
        width: 42px;
        height: 42px;
        display: block;
        float: left;
        cursor: pointer;
        background: #54000b;
        border-radius: 30px;
        margin-top: -130px;

    }
    section.quem-somos .conteudo .bottom .owl-buttons .owl-prev {
        text-indent: -9999px;
        margin-left: 40px;
    }
    section.quem-somos .conteudo .bottom .owl-buttons .owl-next {
        width: 42px;
        height: 42px;
        display: block;
        float: right;
        cursor: pointer;
        background: #54000b;
        border-radius: 30px;
        margin-top: -130px;

    }
    section.quem-somos .conteudo .bottom .owl-buttons .owl-next {
        text-indent: -9999px;
        margin-right: 40px;
    }
    section.quem-somos .owl-buttons .owl-next::before, section.quem-somos .owl-buttons .owl-prev::before {
        width: 12px;
        height: 24px;
        content: "";
        float: left;
        background-image: url(../images/icon/seta.png)!important;
        margin: 10px 14px;
        background-size: 25px;
    }
    section.quem-somos .owl-buttons .owl-next::before {
        background-position: 13px 0px;
        margin: 10px 18px;
    }
    section.quem-somos .conteudo .top{
        height: auto;
    }
    section.o-que-fazemos .conteudo .bottom .box{
        width: calc(100vw - 30px)!important;
        margin: 0 auto 10px!important;
        height: 150px!important;
        float: none!important;
        overflow: hidden;
    }
    section.o-que-fazemos .conteudo .bottom .box i{
        width: 20%;
        height: 100%;
        float: left;
        margin-left: 30px;
        display: block;
        background-size: contain!important;
        background-position: center center!important;
    }
    section.o-que-fazemos .conteudo .bottom .box h2{
        width: 60%!important;
        float: right;
        margin-left: 100px;
        top: 60px;
    }
    section.o-que-fazemos .conteudo .bottom .box-last{
        height: auto;
        width: calc(100vw - 30px)!important;
        margin: 0 auto!important;
        float: none;
        padding: 10px 0!important;
        background-size: cover;
    }
    section.o-que-fazemos .conteudo .bottom div.solicite span{
        height: auto;
        width: calc(100vw - 90px)!important;
    }
    section.o-que-fazemos .conteudo .bottom,
    section.o-que-fazemos .conteudo{
        max-height: 1000px!important;
    }
    section.o-que-fazemos .bt-o-que-fazemos{
        display: none!important;
    }
    section.o-que-fazemos{
        max-height: 1200px!important;
    }
    section.o-que-fazemos .conteudo .bottom div.solicite span a{
        width: calc(100vw - 90px)!important;
        margin-top: 10px;
         float: none; 
         margin-left: 0px; 
    }
    
    section.contato .conteudo .esq form span a {
        width: 100%;
        display: block;
        position: absolute;
        left: 10px;
        top: 25px;
        float: left;
    }

}
@media screen and (max-width: 425px){
	section.portfolio div.info span{
		width: 100%;
	}
}
@media only screen 
and (min-width : 415px) 
and (max-width : 980px) {
    section.o-que-fazemos .conteudo .bottom div.solicite div.cent{
        width: 100%;
    }
    section.banner .conteudo .img img{
        max-height: 70%;
    }
    section.quem-somos .conteudo .top .txt h1{
        text-align: center;
        background-position: center;
        margin: 0px 0px 20px;
        width: 100%!important;
        padding: 0px;
    }
    section.banner .conteudo .txt p{
        display: none!important;
    }
    section.banner .conteudo .txt{
        width: auto!important;
        margin: 35px auto 0!important;
        float: none!important;
        height: auto;
        display: block;
        padding: 10px 20px;
        overflow: hidden;
        background: none;
    }
    section.banner .conteudo .img{
        width: 100%;
    }
    section.banner ul li.apps .img img:nth-child(1){
        margin-top: 0px;
    }
    section.banner ul li.apps .img img:nth-child(2){
        margin-top: 20px;
    }
    section.quem-somos .conteudo .top .txt h1{
        text-align: center;
    }
    section .conteudo .top .txt p{
        width: calc(100vw - 200px)!important;
        padding: 0 100px!important;
        margin-bottom: 40px;
        
    }  
    section .conteudo .top .txt h1{
        width: calc(100vw - 430px)!important;
        padding: 0 155px;
        margin-bottom: 40px;
    }
    section.banner .conteudo .txt h2{
        width: auto!important;
        padding: 0px;
        margin: 0px!important;
        float: left!important;
    }
    section.banner .conteudo .img {
        width: 70%!important;
        margin: 0 auto;
        float: none;
        background: none;
    }
    section.banner ul li.apps .img{
        width: 60%!important;
    }
    /*section.banner .conteudo .txt{
        display: none!important;
    }*/

    section.quem-somos .bt-quem-somos{
        display: none!important;
    }
    section.quem-somos .conteudo {
        height: 560px!important
    }
    section.quem-somos .conteudo .top .txt{
        width: 100%;
    }
    section.quem-somos{
        max-height: fit-content!important;
    }
    section.quem-somos .conteudo .bottom{
        max-height: 140px;
        width: calc(80vw - 120px)!important;
        padding: 30px 60px 0;
        display: block!important;
        margin: 0px auto;
        float: none;
        overflow: unset;
    }
    section.quem-somos .conteudo .bottom .owl-buttons {
        width: 100%;
        height: 80px;
        display: block;
        margin: 0 auto;
        position: relative;
        top: -130px;
        left: -100px;
    }
    section.quem-somos .conteudo .bottom .owl-buttons .owl-prev {
        width: 42px;
        height: 42px;
        display: block;
        float: left;
        cursor: pointer;
        background: #54000b;
        border-radius: 30px;
    }
    section.quem-somos .conteudo .bottom .owl-buttons .owl-prev {
        text-indent: -9999px;
        margin-left: 40px;
    }
    section.quem-somos .conteudo .bottom .owl-buttons .owl-next {
        width: 42px;
        height: 42px;
        display: block;
        float: right;
        cursor: pointer;
        background: #54000b;
        border-radius: 30px;
    }
    section.quem-somos .conteudo .bottom .owl-buttons .owl-next {
        text-indent: -9999px;
        margin-right: -150px;
    }
    section.quem-somos .owl-buttons .owl-next::before, section.quem-somos .owl-buttons .owl-prev::before {
        width: 12px;
        height: 24px;
        content: "";
        float: left;
        background-image: url(../images/icon/seta.png)!important;
        margin: 10px 14px;
        background-size: 25px;
    }
    section.quem-somos .owl-buttons .owl-next::before {
        background-position: 13px 0px;
        margin: 10px 18px;
    }
    section.quem-somos .conteudo .top{
        height: auto;
    }
    section.o-que-fazemos .conteudo .bottom .box{
        width: calc(100vw - 40px)!important;
        margin: 10px 20px!important;
        height: 150px!important;
        float: left!important;
        overflow: hidden;
        display: inline-block;
    }
    section.o-que-fazemos .conteudo .bottom .box i{
        width: 20%;
        height: 100%;
        float: left;
        margin-left: 30px;
        display: block;
        background-size: contain!important;
        background-position: center center!important;
    }
    section.o-que-fazemos .conteudo .bottom .box h2{
        width: 60%!important;
        float: right;
        margin-left: 100px;
        top: 60px;
    }
    section.o-que-fazemos .conteudo .bottom .box-last{
        height: auto;
        width: calc(100vw - 28px)!important;
        margin: 0 16px!important;
        float: left;
        padding: 10px 0!important;
        background-size: cover;
    }
    section.o-que-fazemos .conteudo .bottom div.solicite span{
        /*height: auto;*/
        /*width: calc(70vw - 90px)!important;*/
    }
    section.o-que-fazemos .conteudo .bottom,
    section.o-que-fazemos .conteudo{
        max-height: 1000px!important;
    }
    section.o-que-fazemos .bt-o-que-fazemos{
        display: none!important;
    }
    section.o-que-fazemos{
        max-height: 1020px!important;
    }
    section.o-que-fazemos .conteudo .bottom div.solicite span a{
        /*width: calc(70vw - 90px)!important;*/
        /*margin-top: 10px;*/
    }
   
    
}

@media only screen 
and (min-width : 600px) 
and (max-width : 980px) {

    section.o-que-fazemos .conteudo .bottom .box{
        width: calc(50vw - 20px)!important;
        margin: 10px 0px 10px 15px!important;
        height: 150px!important;
        float: left!important;
        overflow: hidden;
        display: inline-block;
    }
    /* .banner .owl-item{
        width
    }
    section.banner .conteudo .txt{
        width: 220px;
    }
    section.banner .conteudo .txt p{
        width: 100%;
    }
    section.banner .conteudo .img{
        width: 62%;
    }
    section.banner .conteudo img{
        width: 100%;
    }
    section.banner .conteudo img.two{
        margin-left: 0!important;
    }
    section.banner .conteudo .three{
        display: flex;
        justify-content: flex-end;
    }
    section.banner .conteudo .three img{
        width: 30%!important;
        position: relative;
        margin: 0;
    }
    section.banner ul li.apps .img img:nth-child(1){
        margin-right: 5%!important;
    }
    section.banner ul li.apps .img img:nth-child(1),
    section.banner ul li.apps .img img:nth-child(2){
        margin: 0;
    } */

}

@media screen and (max-width: 1100px){
    section.banner .owl-buttons{
        width: 95%!important;
    }
}


@media screen and (max-width: 1440px) {
    .impact-items-img p {
        font-size: 25px;
    }
    .equipe-nome p{
        font-size: 16px;
    }
}

@media screen and (max-width: 980px) {
    section.banner{
        height: 550px;
    }
    section.banner ul{
        height: 550px;
    }
    section.banner ul li{
        height: 550px;
    }
    section.banner ul li .conteudo {
        height: 550px;
    }
    section.banner .conteudo .img {
        height: 500px;
    }

    .impact-content{
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .impact-items{
        width: 31.5%;
        margin-bottom: 30px;
    }

    section.quem-somos .conteudo .top .txt h1{
        margin: 50px 0px 20px;
    }

    .vagas-abertas{
        justify-content: unset;
    }

    .equipe-nome p{
        font-size: 18px;
    }
}


@media screen and (max-width: 500px) {
    section.banner .conteudo .img {
        height: 350px;
    }

    .impact .impact-container h2{
        width: 100%;
    }

    .impact-items {
        width: 80.5%;
    }

    .impact-suporte{
        background-size: 100% 100%;
        height: 100px;
        padding-left: 20px;
        width: 100%;
    }

    .impact-orcamento-container {
        width: 100%;
        flex-direction: column;
    }

    .impact-phone{
        margin-left: 0px;
    }

    section.quem-somos .conteudo .top h2{
        width: 90.5%;
    }

    section.portfolio div.info h2{
        font-size: 45px;
    }

    section.quem-contrata .conteudo .top h2{
        font-size: 35px;
    }

    .equipe{
        height: auto;
        padding: 60px 0px 100px;
    }

    .equipe-cards{
        height: auto;
    }

    .endereco-img-curitiba, .endereco-img-curitiba-bg, .endereco-img-curitiba-bg img, .endereco-img-curitiba-bg2{
        width: 100%;
    }

    .endereco-img-saopaulo, .endereco-img-saopaulo-bg, .endereco-img-saopaulo-bg img, .endereco-img-saopaulo-bg2{
        width: 100%;
    }

    section.contato .conteudo .dir .box{
        flex-direction: column;
        justify-content: center;
    }

    section.contato .conteudo .dir .box span.top{
        text-align: center;
        width: 100%!important;
    }

    section.contato .conteudo .dir .box span.info{
        justify-content: center;
    }

    section.contato .conteudo .dir .box span.info:last-of-type i{
        width: 24px;
    }

    section.contato .conteudo .dir .box span.info:last-of-type a{
        width: auto;
    }

    .vagas-abertas {
        flex-direction: column-reverse;
        width: 100%;
    }
}

@media screen and (max-width: 375px){
    .vagas-abertas a{
        height: 100px;
        flex-wrap: wrap;
    }

    .vagas-abertas a strong{
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 320px) {
    section.quem-contrata .conteudo .top h2 {
        font-size: 30px;
    }

    .equipe-container h2{
        width: 100%;
        font-size: 34px;
        background-size: contain;
    }

    section.quem-somos .conteudo .top .txt h1{
        margin: 100px 0px 20px;
        float: none;
    }
}