/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.

 
    Created on : 06/01/2015, 15:34:51
    Author     : Proativos*/


/*---------------------- 
  ------- GLOBAL ------- 
  ---------------------- */

/*-------- PAGINAÇÃO -------- */

ul.pagination li a, ul.pagination li span{
    border-radius: 3px;
    transition: background-color 300ms ease-out;
    background: #ffc58b;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: inherit;
    padding: 8px 15px;
    border: none;
    margin: 3px;
}
.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
    color: #fff;
    cursor: not-allowed;
    background-color: #ffc58b;
    border-color: #ddd;
}

ul.pagination li.active span {
    background: #fd7f00;
    color: #FFFFFF;
    cursor: default;
    font-weight: bold;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #fd7f00;
}

.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #fd7f00;
}

/*-------- EDITOR DE TEXTO -------- */

/*.editor-texto{
    padding: 30px 0;
} */
.editor-texto, 
.editor-texto p, 
.editor-texto span, 
.editor-texto tr, 
.editor-texto td, 
.editor-texto ul, 
.editor-texto ol, 
.editor-texto ul li,
.editor-texto div{
    font-family: 'Montserrat', sans-serif!important;
    line-height: 1.2!important;
    font-size: 15px!important;
    color: #183b48!important;
}
.editor-texto a{
    font-family: 'Montserrat', sans-serif!important;
    line-height: 1.2!important;
    font-size: 15px!important;
    color: #183b48!important;
}
.editor-texto h1{
    font-size: 36px!important;
}
.editor-texto h2{
    font-size: 25px!important;
}
.editor-texto h3{
    font-size: 20px!important;
}
.editor-texto h4{
    font-size: 17px!important;
}
.editor-texto h5{
    font-size: 14px!important;
}
.editor-texto h6{
    font-size: 12px!important;
}
.editor-texto h1, .editor-texto h2, .editor-texto h3, .editor-texto h4, .editor-texto h5, .editor-texto h6 {
    font-family: 'Montserrat', sans-serif!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    color: #183b48!important;
}
.editor-texto ul{
    list-style-type: disc!important;
}
.editor-texto ol{
    list-style-type: decimal!important;
}
.editor-texto ul, .editor-texto ol{
    padding-left: 40px!important;
}
.editor-texto strong{
    font-weight: bold!important;
}
.editor-texto em{
    font-style: italic!important; 
}
.editor-texto table{
    width: 100%!important; 
}
.editor-texto img{
    /*display: block;*/
    max-width: 100%!important;
    height: auto!important;
}
.editor-texto iframe {
    max-width: 100%!important;
}

/*------- TIPOGRAFIA -------*/ 
body {
    font-family: 'Montserrat', sans-serif;
}
input, select, textArea, option{
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
}
::-webkit-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
}
:-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
}
::-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
}
:-ms-input-placeholder {  
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;
}


/*CAMPOS FORMULARIO*/
input:focus:invalid, textarea:focus:invalid { /* when a field is considered invalid by the browser */
    /*background: #fff url(../img/invalid.png) no-repeat 98% center;*/
    /*    box-shadow: 0 0 10px #d45252 ;
        border: 1px solid #b03535;*/
}

input[type="text"], input[type="password"], input[type="date"], 
input[type="datetime"], input[type="datetime-local"], input[type="month"], 
input[type="week"], input[type="email"], input[type="number"], input[type="search"], 
input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select, select option, .form-control {
    height: 40px;
    margin: 0;
    /*opacity: 0.7;*/
    background: #fff;
    border-radius: 0;
}
label {
    margin-bottom: 0px;
}
/*seta do select*/
select{
    background-image: url(../img/seta-select.png);
    background-repeat: no-repeat;
    background-position-x: 97%;
}

/*----- CLASSES GERAIS -----*/

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.margem-auto{
    margin: auto;
}
.cor-branco{
    color: #fff;
}
.cor-preto{
    color: #000;
}
.cor-cinza{
    color: #43433f;
}
.cor-azul{
    color: #183b48;
}
.cor-laranja{
    color: #ff7a00;
}
.light{
    font-weight: 300;
}
.normal{
    font-weight: 400;
}
.negrito{
    font-weight: 600;
}
.negrito-black{
    font-weight: 700;
}
.font-size100{
    font-size: 100px;
}
.font-size80{
    font-size: 80px;
}
.font-size70{
    font-size: 70px;
}
.font-size60{
    font-size: 60px;
}
.font-size50{
    font-size: 50px;
}
.font-size40{
    font-size: 40px;
}
.font-size35{
    font-size: 35px;
}
.font-size30{
    font-size: 30px;
}
.font-size28{
    font-size: 28px;
}
.font-size25{
    font-size: 25px;
}
.font-size23{
    font-size: 23px;
}
.font-size20{
    font-size: 20px;
}
.font-size19{
    font-size: 19px;
}
.font-size18{
    font-size: 18px;
}
.font-size17{
    font-size: 17px;
}
.font-size16{
    font-size: 16px;
}
.font-size15{
    font-size: 15px;
}
.font-size14{
    font-size: 14px;
}
.font-size13{
    font-size: 13px;
}
.font-size12{
    font-size: 12px;
}
.font-size10{
    font-size: 10px;
}
.font-size8{
    font-size: 8px;
}
.margem-0{
    margin: 0px;
}
.margem-baixo0{
    margin-bottom: 0px;
}
.margem-baixo5{
    margin-bottom: 5px;
}
.margem-baixo10{
    margin-bottom: 10px;
}
.margem-baixo15{
    margin-bottom: 15px;
}
.margem-baixo20{
    margin-bottom: 20px;
}
.margem-baixo25{
    margin-bottom: 25px;
}
.margem-baixo30{
    margin-bottom: 30px;
}
.margem-baixo35{
    margin-bottom: 35px;
}
.margem-baixo40{
    margin-bottom: 40px;
}
.margem-baixo50{
    margin-bottom: 50px;
}
.margem-baixo60{
    margin-bottom: 60px;
}
.margem-baixo70{
    margin-bottom: 70px;
}
.margem-baixo80{
    margin-bottom: 80px;
}
.margem-baixo100{
    margin-bottom: 100px;
}
.margem-cima5{
    margin-top: 5px;
}
.margem-cima10{
    margin-top: 10px;
}
.margem-cima15{
    margin-top: 15px;
}
.margem-cima20{
    margin-top: 20px;
}
.margem-cima25{
    margin-top: 25px;
}
.margem-cima30{
    margin-top: 30px;
}
.margem-cima35{
    margin-top: 35px;
}
.margem-cima40{
    margin-top: 40px;
}
.margem-cima50{
    margin-top: 50px;
}
.margem-cima60{
    margin-top: 60px;
}
.margem-cima70{
    margin-top: 70px;
}
.margem-cima90{
    margin-top: 90px;
}
.padding-0{
    padding: 0;
}
.line-height08{
    line-height: 0.8;
}
.line-height12{
    line-height: 1.2;
}
.line-height13{
    line-height: 1.3;
}
.line-height14{
    line-height: 1.4;
}
.display-table{
    display: table;
}
.alinhar-vertical{
    display: table-cell;
    vertical-align: middle;
}
.alinhar-super{
    vertical-align: super;
}
.line-height-img{
    line-height: 0;
}

/*MENU*/
/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 28px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 28px;
        top: 15px;
        right: 35px;
    }
}

/*header*/
.topo{
    position: absolute;
    padding-top: 20px;
    padding-bottom: 10px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: 300ms;
}
.topo.topo-fixo{
    position: fixed;
    top: 0px;
    padding: 5px;
    transition: 300ms;
    background-color: rgba(0,0,0,0.4);
}
.topo.topo-fixo .logo img{
    max-width: 120px;
    max-height: 60px;
}
.logo{
    padding-left: 80px;
}
.topo .menu{ 
    padding-top: 35px;
    padding-right: 80px;
}
.topo.topo-fixo .menu{ 
    padding-top: 13px;
}
.menu span{
    font-size: 23px;
    color: #fff;
    cursor: pointer;
    vertical-align: bottom;
    text-transform: uppercase;
}
.menu span i{
    font-size: 35px;
}

/*HOME*/

.banner-fixo{
    position: fixed;
    top: 0;
    left: 0; 
    right: 0;
    z-index: -1;
}
.banner-fixo-item{
    height: 100vh;
    background-position: center;
}
.banner-fixo-conteudo{
    position: absolute;
    bottom: 15%;
    left: 8%;
    right: 8%;
}
.banner-fixo-conteudo h2{
    color: #fff;
    font-size: 3.7vw;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0;
}
.banner-fixo-conteudo p{
    color: #fff;
    font-size: 1.5vw;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 45px;
}
.banner-fixo-conteudo a{
    color: #fff;
    font-size: 1.563vw;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    text-decoration: underline;
}
.banner-fixo-conteudo a:hover{
    color: #f27c12;
}
.section1{
    background: url(../img/bg-section1.png) no-repeat top center;
    /*margin-top: -50px;*/
    position: relative;
    margin-top: calc(100vh - 50px);
}
.section1 .parte1,
.section1 .parte2{
    width: 50%;
    float: left
}
.section1 .parte1{
    background: #eeeeee;
    padding: 55px 15px 110px;
}
.section1 .parte2{
    margin-top: 50px;
    background: #eeeeee;
    padding: 67px 15px 122px;
}
.section1 .parte2 .conteudo{
    max-width: 600px;
}
.section1 .parte2 .conteudo a:hover{
    text-decoration: none;
    color: #183b48;
}

.section2{
    background: url(../img/img-seta.png)no-repeat center 110px, url(../img/bg-section2.jpg)no-repeat center;
    padding: 150px 0;
    margin-top: -50px;
}
.section2 .parte1{
    padding-top: 160px;
}
.section2 .titulo1{
    background: url(../img/seta-branca.png)no-repeat 30px bottom;
}
.section2 .titulo2{
    background: url(../img/seta-laranja-pequena.png)no-repeat 290px bottom;
}
.section2 a{
    text-decoration: none;
    display: block;
}
.section2 .bt-servicos{
    font-size: 35px;
    letter-spacing: 5px;
    display: inline-block;
}
.section2 .parte1 .bt-servicos{
    text-align: right;
    color: #ff7a00;
}
.section2 .parte2 .bt-servicos{
    color: #fff;
}
.section2 a:hover > .bt-servicos{
    -webkit-animation-name:pulse;
    animation-name:pulse;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    animation-duration: 1s;
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
    }
    50%{
        -webkit-transform:scale3d(1.08,1.08,1.08);
        transform:scale3d(1.08,1.08,1.08);
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
    }
    50%{
        -webkit-transform:scale3d(1.08,1.08,1.08);
        transform:scale3d(1.08,1.08,1.08);
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse;
}

.section3{
    background: #eeeeee;
}
.section3 .case{
    position: relative;
    display: block;
    overflow: hidden;
}
.section3 .case .img-case img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: 300ms;
}
.section3 .case:hover > .img-case img{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: 300ms;
}
.section3 .case .img-hover{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(24, 59, 72, 0.8);
    opacity: 0;
}
.section3 .case:hover > .img-hover{
    transition: 300ms;
    opacity: 1;
}
.case .case-titulo{
    position: absolute;
    top: 50%;
    left: 45px;
    right: 45px;
    margin: 0;
    margin-top: -25px;
}
.section3 .info{
    padding: 60px 0;
}
.section3 .parte1{
    margin-top: -50px;
}
.section3 .parte2{
    margin-top: 0px;
}
.section3 .parte3{
    margin-top: -30px;
}
.section3 .bt-portfolio{
    display: inline-block;
    background: url(../img/bt-portifolio.png)no-repeat 0 0;
    background-size: cover;
    width: 100%;
    max-width: 468px;
    height: 170px;
    text-indent: -9999px;
    transition: 200ms;
}
.section3 .bt-portfolio:hover,
.section3 .bt-portfolio:focus{
    transition: 200ms;
    background: url(../img/bt-portifolio.png)no-repeat 0 -180px;
    background-size: cover;
}

.section4{
    padding: 100px 0;
    background: url(../img/divisao-section4.png)no-repeat center bottom, #eeeeee;
}
.section5{

}
.section5 .bx-wrapper {
    background: #d1d1d1;
}
.section5 [class*="block-grid-"] {
    margin: 0px; 
    padding: 0;
}
.section5 [class*="block-grid-"] > li, 
.section5 [class*="block-grid-"] .block-grid-li, 
.section5 [class*="block-grid-"] div[class*="block-grid-"] > ul > li, 
.section5 div[class*="block-grid-"] > ul > [class*="block-grid-"] li {
    margin: 0;
    padding: 0;
}
.section5 .parte1{
    margin-top: -60px
}
.section5 .parte2{
    width: 33.3%
}
.section5 .parte3{
    margin-top: -30px;
}
/*PORTIFOLIO LIST*/

.case .info-case{
    position: absolute;
    top: 50%;
    left: 8%;
    right: 8%;
    margin: 0;
    margin-top: -60px;
}
.banner-servicos{
    position: relative;
}
.categorias-list{
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
}
.item-menu-categoria{
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
}
.item-menu-categoria:hover,
.item-menu-categoria.active{
    text-decoration: none;
    color: #ff7a19;
}

.portifolio-section1{
    padding-bottom: 70px;
    background: url(../img/seta-laranja-pequena.png) no-repeat 15% bottom, url(../img/seta-laranja-pequena.png) no-repeat center bottom, url(../img/seta-laranja-pequena.png) no-repeat 85% bottom, transparent;
    margin-top: -30px;
    position: relative;
}
.portifolio-section1 .parte1,
.portifolio-section1 .parte2{
    width: 50%;
    float: left
}
.portifolio-section1 .parte1{
    margin-top: 30px;
    background: #eeeeee;
    padding: 25px 15px 0;
}
.portifolio-section1 .parte2{
    background: #eeeeee;
    padding: 60px 15px 0;
}
.portifolio-section1 .parte2 .conteudo{
    max-width: 600px;
}
body{
    background: #eeeeee;
}

/*SERVICOS LIST*/
.servicos-section1{
    padding-bottom: 0px;
    background: transparent;
    margin-top: -30px;
    position: relative;
}
.servicos-section1 .parte1,
.servicos-section1 .parte2{
    width: 50%;
    float: left
}
.servicos-section1 .parte1{
    margin-top: 30px;
    background: #c3c3c3;
    padding: 25px 15px 0;
    min-height: 250px;
}
.servicos-section1 .parte2{
    background: #c3c3c3;
    padding: 60px 15px 0;
    min-height: 280px;
}
.servicos-section1 .parte2 .conteudo{
    max-width: 600px;
}
.list-servico .servico{
    display: block;
    padding: 40px 65px;
    height: 430px;
}
.servico .servico-titulo{
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    margin-top: 15px;
    height: 70px;
    overflow: hidden;
}
.servico .servico-descricao{
    font-size: 16px;
    height: 175px;
    overflow: hidden;
    margin: 0;
}
.servico .saiba-mais{
    display: inline-block;
    font-size: 35px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    border: 3px solid transparent;
    color: #000;
    transition: 300ms;
    margin: 0;
}
.list-servico .cor1,
.list-servico .cor5{
    background: #fff;
}
.cor1 .servico .servico-titulo,
.cor1 .servico .servico-descricao,
.cor5 .servico .servico-titulo,
.cor5 .servico .servico-descricao{
    color: #ff7a00;
}
.list-servico .cor2,
.list-servico .cor6{
    background: #b5b5b5;
}
.cor2 .servico .servico-titulo,
.cor2 .servico .servico-descricao,
.cor6 .servico .servico-titulo,
.cor6 .servico .servico-descricao{
    color: #000;
}
.list-servico .cor3,
.list-servico .cor4{
    background: #929292;
}
.cor3 .servico .servico-titulo,
.cor3 .servico .servico-descricao,
.cor4 .servico .servico-titulo,
.cor4 .servico .servico-descricao{
    color: #fff;
}
.list-servico .servico:hover,
.list-servico .servico:focus{
    text-decoration: none;
}
.servico:hover > .saiba-mais{
    border: 3px solid #ff7a00;
    color: #ff7a00;
    transition: 300ms;
}

/*SERVICOS VIEW*/
.atividades{
    background: transparent;
    position: relative;
}
.atividades .parte1,
.atividades .parte2{
    position: relative;
    width: 50%;
    float: left;
    /*height: 600px;*/
    padding: 60px 40px;
}
.atividades .parte1 img{
    position: absolute;
    bottom: 20px;
    right: 40px;
}
.atividades .parte2 img{
    position: absolute;
    top: 20px;
    left: 40px;
}
.atividades.atividade1 .parte1{
    background: #000;
}
.atividades.atividade1 .parte2{
    background: #b5b5b5;
}
.atividades.atividade2 .parte1{
    background: #4c4c4c;
}
.atividades.atividade2 .parte2{
    background: #dddddd;
}
.atividades .titulo{
    color: #bfbfbf;
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.case-relacionado img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: 300ms;
}
.case-relacionado:hover > img{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    transition: 300ms;
}


/*botao dropdow categorias responsivo*/
/* Dropdown Button */
.dropbtn {
    background-color: #ff7a00;
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #d86a04;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 255px;
    left: -45px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #183b48;
    padding: 8px 10px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}



/*SERVICOS VIEW*/
.topo-servicos-view{
    padding: 70px 0 115px;
    min-height: 550px;
    background: url(../img/divisao-rodape.png) no-repeat center bottom, url(../img/chave-topo-cliente.png) no-repeat right center, #eeeeee;
}
.banner-servicos-view .bx-wrapper .bx-pager, 
.banner-servicos-view .bx-wrapper .bx-controls-auto {
    bottom: -35px;
}
.topo-servicos-view .parte1{
    padding-right: 30px;
}
.topo-servicos-view .parte2{
    padding-left: 30px;
}
.conteudo-servicos-view{
    padding: 100px 0;
    background: #eeeeee;
}
.bt-voltar {
    display: inline-block;
    border: 3px solid transparent;
    padding: 0px 25px;
}
.bt-voltar:hover,
.bt-voltar:focus{
    text-decoration: none;
    color: #ff7a00;
    border: 3px solid #ff7a00;
    transition: 300ms;
}

/*NOTICIAS*/
.noticias{
    padding: 70px 0 115px;
    background: #eeeeee; 
}
.bt-blog{
    color: #fff;
    background: #ff7b00;
    font-size: 16px;
    padding: 10px 30px;
    font-weight: 600;
}
.bt-blog:hover,
.bt-blog:focus{
    color: #fff;
    background: #e87204;
    text-decoration: none;
    transition: 300ms;
}


/*QUEM SOMOS*/
.quem-somos{
    padding: 100px 0 115px;
    background: url(../img/chave-topo-cliente.png) no-repeat right top, #eeeeee;
    min-height: 600px;
}





/*CONTATO*/
.contato{
    padding: 50px 0;
    background: #e4e4e4;
}
.lista-contato{
    padding-top: 35px;
}


/*FORM CONTATO*/
.form-contato{
    background: #fff;
    padding: 100px 0;
}
.bt-contato{
    color: #fff;
    font-size: 20px;
    border: none;
    display: inline-block;
    padding: 15px 50px;
    background: #f08118;
    border-radius: 3px;
}
.bt-contato:hover{
    background: #d66b07;
    transition: 300ms;
}

/* RODAPE */
.rodape{
    background: url(../img/bg-rodape.jpg)no-repeat center;
    margin-top: -60px;
    padding-top: 100px;
    padding-bottom: 30px;
}
.rodape-interno{
    margin-top: 0;
    padding-top: 40px;
}
.bt-rodape{
    border: 2px solid #a9babe;
    display: block;
    font-size: 12px;
    padding: 8px 5px;
    text-align: center;
    font-weight: 500;
}
.bt-rodape:hover,
.bt-rodape:focus{
    border: 2px solid #ff7a00;
    color: #ff7a00;
    text-decoration: none;
}
.bt-rodape.email{
    text-align: left;
    padding-left: 40px;
    background: url(../img/icone-email.png) no-repeat 10px center;
}
.bt-rodape.whatsapp{
    text-align: left;
    padding-left: 40px;
    background: url(../img/icone-whatsapp.png) no-repeat 10px center;
}
.bt-rodape.messenger{
    text-align: left;
    padding-left: 40px;
    background: url(../img/icone-messenger.png) no-repeat 10px center;
}
.icone-rede-social:hover,
.icone-rede-social:focus{
    color: #ff7a00;
}

/*----- AJUSTES RESPONSIVO -----*/

@media only screen and (max-width: 1400px){
    .section2 .titulo1{
        font-size: 90px;
    }
    .section2 .titulo2{
        font-size: 90px;
    }
    .topo .menu{ 
        padding-top: 30px;
    }
    .list-servico .servico {
        padding: 40px 50px;
    }
}
@media only screen and (max-width: 1200px){
    .section2 .titulo1{
        font-size: 60px;
        background: url(../img/seta-branca.png)no-repeat -10px bottom;
    }
    .section2 .titulo2{
        font-size: 60px;
        background: url(../img/seta-laranja-pequena.png)no-repeat 230px bottom;
    }
    .section1 .parte1 .titulo{
        font-size: 48px;
    }
    .section3 .info .titulo{
        font-size: 30px;
        margin: 40px 0; 
    }
    .section3 .info{
        padding: 30px 0;
    }
    .portifolio-section1 .parte1 .titulo,
    .servicos-section1 .parte1 .titulo{
        font-size: 40px;
    }
    .topo-servicos-view .titulo{
        font-size: 35px;
        text-align: left;
    }
    .topo-servicos-view .descricao{
        font-size: 15px;
    }
    .topo .menu{ 
        padding-top: 13px;
    }
    .list-servico .servico {
        padding: 40px 20px;
    }
    .atividades .parte1 img{
        display: none;
    }
    .atividades .parte2 img{
        position: absolute;
        top: auto;
        left: auto;
        bottom: 20px;
        right: 40px;
    }

}
@media only screen and (max-width: 992px){
    .logo{
        padding-left: 15px;
    }
    .topo .menu{
        padding-right: 15px;
    }
    .topo-servicos-view{
        padding-top: 90px;
        min-height: 650px;
        background: url(../img/chave-topo-cliente.png) no-repeat right top, #eeeeee;
    }
    .topo-servicos-view .parte1{
        padding: 100px 15px 0;
    }
    .topo-servicos-view .parte2{
        padding: 0 15px ;
    }
    .topo-servicos-view .titulo{
        font-size: 25px;
    }
    .list-servico .cor4{
        background: #fff;
    }
    .cor4 .servico .servico-titulo,
    .cor4 .servico .servico-descricao{
        color: #ff7a00;
    }
    .list-servico .cor5{
        background: #b5b5b5;
    }
    .cor5 .servico .servico-titulo,
    .cor5 .servico .servico-descricao{
        color: #000;
    }
    .list-servico .cor6{
        background: #929292;
    }
    .cor6 .servico .servico-titulo,
    .cor6 .servico .servico-descricao{
        color: #fff;
    }
    .atividades .parte1,
    .atividades .parte2{
        width: 100%;
        float: none;
        height: auto;
    }
    .atividades.atividade2 .parte1{
        background: #000;
    }
    .atividades.atividade2 .parte2{
        background: #b5b5b5;
    }
    .atividades .titulo {
        font-size: 35px;
    }
    .row-eq-height {
        display: block;
        display: block;
        display: block;
        display: block;
    }
    .banner-fixo-conteudo h2{
        font-size: 32px;
    }
    .banner-fixo-conteudo p{
        font-size: 22px;
    }
    .banner-fixo-conteudo a{
        font-size: 20px;
    }
}

@media only screen and (max-width: 768px){
    .topo{
        position: fixed;
        top: 0px;
        padding: 5px;
        transition: 300ms;
        background-color: rgba(0,0,0,0.4);
    }
    .topo .logo img{
        max-width: 120px;
        max-height: 50px;
    }
    .logo-rodape{
        max-width: 250px;
    }
    .banner,
    .banner-video,
    .banner-servicos{
        margin-top: 58px;
    }
    .section1{
        background: #eeeeee;
        margin-top: calc(100vh);
    }
    .portifolio-section1,
    .servicos-section1{
        margin-top: 0px;
    }
    .section1 .parte1,
    .section1 .parte2,
    .portifolio-section1 .parte1,
    .portifolio-section1 .parte2,
    .servicos-section1 .parte1,
    .servicos-section1 .parte2{
        margin: 0;
        width: 100%;
        float: none;
        padding: 20px 15px;
    }
    .section2{
        background: url(../img/bg-section2.jpg)no-repeat center;
        padding: 35px 0;
        margin-top: 0px;
    }
    .section2 .parte1{
        padding-top: 0px;
        margin-bottom: 50px;
    }
    .section2 .bt-servicos {
        font-size: 25px;
        letter-spacing: 5px;
    }
    .section3 .parte1{
        margin-top: 0px;
    }
    .section3 .parte2{
        margin-top: 0px;
    }
    .section3 .parte3{
        margin-top: 0px;
    }
    .section3 .info-case h2{
        font-size: 20px;
    }
    .section3 .info-case p{
        font-size: 13px;
    }
    .section3 .case .img-hover {
        opacity: 1;
    }
    .section4 h2{
        text-align: center;
        margin-bottom: 15px;
    }
    .section4 p{
        text-align: center;
    }
    .case .case-titulo{
        font-size: 25px;
    }
    .section4 {
        background: #eeeeee;
    }
    .section5 .parte2 {
        width: auto;
    }
    .portifolio-section1{
        background: url(../img/seta-laranja-pequena.png) no-repeat center bottom, transparent;
    }
    .portifolio-section1 .parte1 .titulo,
    .servicos-section1 .parte1 .titulo{
        text-align: center;
    }
    .portifolio-section1 .parte2 .conteudo,
    .servicos-section1 .parte2 .conteudo{
        text-align: justify;
    }
    .topo-servicos-view{
        padding-top: 0px;
    }
    .rodape {
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .categorias-list {
        bottom: 0px;
    }
    .item-menu-categoria {
        font-size: 15px;
        padding: 5px 10px;
    }
    .overlay a {
        font-size: 25px;
    }
    .menu{ 
        padding-top: 0px;
    }

}
@media only screen and (max-width: 480px){
    .menu span {
        font-size: 18px;
    }
    .menu span i {
        font-size: 25px;
    }

}