/*CSS*/

.c_banner{float: left; width: 100%; height: 216px; background: url(../img/web/banner.jpg) no-repeat center;}
.banner{float: left; width: 100%; height: 216px; text-align: center;}
.tit_banner{display: inline-block; background-color: #fff; margin: 158px 0 0 0; padding: 20px 52px 20px 52px; border-top: 6px solid #4c82f8;}
.tit_banner h1{font-family:'latoregular'; letter-spacing: 1px; font-weight: 700;}

.tit_atuacao{float: left; width: 100%;}
.tit_atuacao h1{margin: 70px 0 0 0; font-size: 26px; font-family:'latoregular'; line-height: 30px;}
.tit_atuacao h1 b{color: #4c82f8; font-family:'latoblack';}
.tit_atuacao h2{margin: 30px 0 25px 0; font-size: 14px; font-family:'latoregular';}
.tit_atuacao h2 b{font-family:'latobold';}
.tit_atuacao i{font-size: 16px; font-family:'latoitalic';}

.c_produtos{float: left; width: 100%;}
.produtos{float: left; width: 100%;}

.caixas_port{float: left; width: 100%; margin-top: 20px;}
.caixa_port{float: left; width: 33.3%; text-align: center; margin-bottom: 50px;}
.caixa_port img{cursor: pointer;}
.caixa_port img:hover{opacity: 0.8;}

.alternarPopUp{display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.popup {margin: 0 auto; width: 800px; position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: tranlslateY(-50%); transform: translateY(-50%);} 
.cancel{padding: 8px 19px 7px 19px; float: right; font-size: 50px; color: #fff; background-color: #000; position: relative; margin: 0 0 -65px 0; z-index: 99; cursor: pointer;}
.cancel i:hover {opacity: 0.8;}

@media(max-width: 990px){
    .tit_banner h1{font-size: 13px;}
    .tit_atuacao{text-align: center;}
    .tit_atuacao h1{margin: 70px 20px 0 20px;}
    .tit_atuacao h2{margin: 30px 20px 20px 20px; line-height: 25px;}

    .caixa_port{width: 50%;}

    .popup img{margin: 0 auto; max-width: 100%;}
    .popup{width: 100%;}
}

@media(max-width: 590px){
    .caixa_port{width: 100%;}
}

@media(max-width: 295px){
    .caixa_port img{width: 248px; background-size: 248px;}
}