section.top{
    height: 945px;
}
section.top .conteudo .top {
    height: 580px;
}


section.top .conteudo .top .txt.t_baixo {
    margin-top: 150px;
}


section.top .conteudo .top .txt.t_baixo h2 {
    text-align: right;
    font-size: 56px;
    line-height: 56px;
    padding-left: 0px;
    left: 0px;
    width: 40%!important;
    float: left;
}

section.top .conteudo .top .txt.t_baixo span.esq:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: -70px;
    width: 5px;
    height: 100%;
    background: #c40808;
}
section.top .conteudo .top .txt.t_baixo div.dir span.more{
    opacity: 1;
    text-align: left;
}

section.top .conteudo .top .txt.t_baixo div.dir span.more h1{
    font-size: initial;
    line-height: inherit;
    text-align: left;
    width: inherit!important;
    
}

section.top .conteudo .top .txt.t_baixo span.esq{
    text-align: right;
    font-size: 56px;
    line-height: 56px;
    padding-left: 0px;
    left: 0px;
    width: 40%!important;
    float: left;
    position: relative;
    font-family: 'exolight';
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    padding-top: 10px;
    text-transform: uppercase;
    font-family: 'chinese-rock';
}

section.top div.imgB{
    top: 100px;
    height: 350px;
}
section.portfolio .bt-o-que-fazemos{
    background: url(../images/bg-bt-portfolio2.png) no-repeat top center;
}
section.portfolio .bt-o-que-fazemos:before,
section.portfolio .bt-o-que-fazemos:after{
    background: #2a292a;
}
section.top{
    background: #252525;
    background-size: cover;
}

section.top .banner-top span.icoP{
    background: url(../images/web.svg) repeat-x top center;
}


section.top .conteudo .top .txt div.dir {
    width: calc(50% - 50px);
    padding: 10px 0px 0 80px;
}
section.top:before {
    bottom: 250px;
}
section.top .conteudo .top .txt h2 {
    /* font-size: 80px; */
    /* line-height: 80px; */
}

section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(1), 
section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(3), 
section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(5) {
    background-color: #272727;
}

section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(1){
    background-image: url(../images/assets/websites/bt-menu-1.png);
    background-position: center center;
    background-repeat: no-repeat;
} 
section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(2){
    background-image: url(../images/assets/websites/bt-menu-2.png);
    background-position: center center;
    background-repeat: no-repeat;
} 
section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(3){
    background-image: url(../images/assets/websites/bt-menu-3.png);
    background-position: center center;
    background-repeat: no-repeat;
} 
section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(4){
    background-image: url(../images/assets/websites/bt-menu-4.png);
    background-position: center center;
    background-repeat: no-repeat;
} 
section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(5){
    background-image: url(../images/assets/websites/bt-menu-5.png);
    background-position: center center;
    background-repeat: no-repeat;
} 
section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page:nth-child(6){
    background-image: url(../images/assets/websites/bt-menu-6.png);
    background-position: center center;
    background-repeat: no-repeat;
} 

section.banner-interna ul.banner-slider .owl-controls .owl-pagination .owl-page.active{
    background-color: #691111;
}

/*section.top .conteudo .bottom.websites .box p{
    font-family: 'exolight';
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    position: relative;
    float: left;
    display: block;
    width: auto;
    text-align: left;
    text-transform: uppercase;
    margin-left: 15px;
    padding-top: 5px;
}
section.top .conteudo .bottom.websites .box p strong{
    font-family: 'exoblack';
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    position: relative;
    display: block;
    float: right;
    width: auto;
    text-align: left;
    margin-left: 0px;
    text-transform: uppercase;
}*/
section.top .conteudo .bottom .box p {
    font-size: 14px;
    width: auto;
}
section.top .conteudo .bottom .box p b {
    font-family: 'exoblack';
}

section.top .conteudo .bottom {
    margin-left: 95px;
}
section.top .conteudo .bottom div.solicite {
    margin-left: -95px;
}


@media only screen 
and (min-width : 0) 
and (max-width : 414px) {

    section.top {
        height: 740px;
    }
    section.top .conteudo .top {
        height: 290px;
    }
    section.top .conteudo .top .txt.t_baixo {
        display: none;
    }
    section.banner-interna {
        height: 635px;
    }
    section.top .conteudo .bottom.websites .box p{
        margin-left: 25px;
    }
    section.top:before {
        bottom: 402px;
    }
    section.top .conteudo .bottom{
        height: auto!important;
        display: inline-block;
        margin: 0 auto;
        max-height: 600px!important
    }
    section.top .conteudo .bottom .box{
        margin: 10px auto!important;
        height: 40px;
        float: none!important;
        display: block!important;
        width: calc(100% - 210px)!important;

    }
    section.top .conteudo .bottom div.solicite span {
        height: auto;
    }
    section.top .conteudo .bottom div.solicite{
        height: auto;
        width: 100%!important;
        margin: 40px auto!important;
    }
    section.top .conteudo .bottom div.solicite span a {
        width: calc(100vw - 90px)!important;
        margin-top: 10px;
    }
    section.banner-interna ul.banner-slider li img.img-1{
        width: auto;
        height: 350px;
        display: inline-block;
    }
    section.banner-interna ul.banner-slider li{
        height: 340px;
    }
    section.banner-interna ul.banner-slider li img.img-2{
        left: 0px;
        bottom: 0px;
    }
    section.banner-interna ul.banner-slider{
        height: 300px;
    }
}

@media only screen 
and (min-width : 415px) 
and (max-width : 768px) {
    section.top .conteudo .top .txt h2 {
        text-align: left;
        width: calc(100% - 0px)!important;
        padding: 0px;
        margin-left: 0%;
        text-align: center!important;
    }
   
    section.top {
        height: 820px;
    }
    section.top .conteudo .top .txt.t_baixo {
        display: none;
    }
    section.top .conteudo .top {
        height: 420px;
    }
    section.top.anima div.imgB{
        top: 130px;
    }
    section.banner-interna {
        height: 610px;
    }
    section.top .conteudo .bottom .box{
        width: 30%;
        margin: 0 auto!important;
        height: 60px;
    }
    section.banner-interna ul.banner-slider{
        height: 250px;
    }
    section.info span{
        
    }
}