body {
    font-size:16px;
    font-family: 'OpenSans-Light', Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    background:#FFFFFF;
    line-height:24px;
    margin:0
}
h1,h2,h3,h4,h5,h6,pre,code {
    font-size:1em;
    line-height: 1.1em;
}
.clear {
    clear: both;
}

/*cores*/
.preto {
    color:#000000;
}
.branco {
    color:#FFFFFF;
}
.container-fluid {
    max-width: 1166px;
}
.vermelho {
    color: #EC1B23;
}

.container-fluid {
    max-width: 1166px;
}

.titulo {
    font-size: 35px;
    font-style: italic;
    font-family: 'Lato-Light';
    text-transform: uppercase;
    line-height: 1.4em;
    margin-top: 100px;
}
.titulo span {
    font-weight: bold;
    font-size: 60px;
    display: block;
}



/******************************************
TOPO
******************************************/

#home header#topo nav ul li.home,
#empresa header#topo nav ul li.empresa,
#produtos header#topo nav ul li.produtos,
#clientes header#topo nav ul li.clientes,
#obras header#topo nav ul li.obras,
#contatos header#topo nav ul li.contatos,
header#topo nav ul li:hover {
    display: block;
    background: #EC1B23;
    z-index: 1;
    position: relative;
}

header#topo {
    height: 50px;
}
header#topo h1{
    float: left;
}
header#topo .header {
    height: 50px;
    background-color: #F4F4F4;
    line-height: 50px;
    font-size: 14px;
    color: #777777;
}
header#topo .welcome{
    font-family: 'Lato-Light';
    float: left;
}
header#topo .horario {
    font-family: 'Lato-Light';
    float: right;
}
header#topo nav {
    float: left;
    margin: 20px 0 0 250px;
}
header#topo nav .navicon {
    float: right;
    padding: 12px;
    display: none;
    line-height: 12px;
    margin-top: 30px;
}
header#topo nav ul {
    list-style: none;
    margin: 35px 0 0 0;
    padding: 0;
}
header#topo nav ul li {
    float: left;
    font-size: 14px;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0 7px 0 7px;
    padding: 0 16px 0 16px;
    font-family: 'Raleway-Regular';
}
header#topo nav ul li a {
    display: block;
    border-bottom: 0;
    color: #FFFFFF;
}

/******************************************
Destaque
/******************************************/

article#destaque {
    background: url(../imagens/bg-layer-1.jpg) no-repeat;
    background-size: auto 100%;
    height: 856px;
}

article#destaque .tt_destaque {
    font-size: 22px;
    font-style: italic;
    line-height: 1.4em;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 300px;
}
article#destaque .titulo {
    font-size: 100px;
    line-height: 1.0em;
}
article#destaque .titulo span {
    font-weight: bold;
    font-size: 40px;
    display: block;
}

/******************************************
Empresa
/******************************************/

article#empresa {
    background: url(../imagens/bg-layer-2.jpg) center no-repeat;
    background-size: auto 100%;
    height: 782px;
}

article#empresa img {
    margin-top: 20px;
    margin-bottom: 50px;
}
article#empresa p{
    margin-right: 70px;
    margin-top: 20px;
}

/******************************************
Produtos
/******************************************/


article#produtos {
    background: url(../imagens/bg-layer-3.jpg) center no-repeat;
    background-size: auto 100%;
    height: 729px;
}
article#produtos h2{
    margin: 40px 0 0 0;
}
article#produtos h2 img{
    margin-left: 410px;
    margin-top: 20px;
    width: 30%;
    padding-bottom: 60px;
}
article#produtos img {
    
}
article#produtos .titulo {
    text-align: center;
}
article#produtos .box-produto h2, article#produtos .box-produto2 h2{
    background: url(../imagens/bg-desc-produto.png) center no-repeat;
    background-size: auto 100%;
    height: 144px;
    color: #FFFFFF;
    font-family: 'Lato-Light';
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 64px;
    padding-top: 16px;
    line-height: 1.1em;
}
article#produtos div .box-produto {
    margin-bottom: 30px;
}
article#produtos div .box-produto2 {
    margin-top: -80px;
}
/******************************************
PAgamento
/******************************************/

article#pagamento {
    background-color: #DADFE3;
    height: 120px;
}
article#pagamento .parcelamento{
    color: #444444;
    font-style: italic;
    font-size: 22px;
    margin: 20px 20px 0 0;
    float: left;
}
article#pagamento .parcelamento span{
    font-weight: bold;
    font-size: 24px;
}
article#pagamento .cartoes {
    margin-top: 20px;
    float: left;
}

/******************************************
Clientes
/******************************************/

article#clientes {
    background-color: #FFFFFF;
    background-size: auto 100%
    height: 666px;
}
article#clientes .titulo{
    color: #082C4B;
    font-size: 35px;
    text-align: center;
}
article#clientes .titulo span{
    color: #EB2D33;
    font-size: 60px;
    font-weight: bold;
}
article#clientes h2 img{
    margin-left: 410px;
    margin-top: 20px;
    width: 30%;
}
article#clientes p{
    margin-right: 70px;
    margin-top: 60px;
    color: #444444;
    font-family: 'Lato-Light';
    font-style: italic;
    font-size: 18px;
    text-align: center;
}
article#clientes h2 img{
    padding-bottom: 60px;
}
/******************************************
Obras
/******************************************/

article#obras{
    background: url(../imagens/bg-layer-4.jpg) center no-repeat;
    background-size: auto 100%;
    height: 1136px;
}
article#obras .titulo{
    margin: 200px 0 220px 0;
    display: block;
    text-align: center;
}
article#obras h2 img{
    margin: auto;
    padding-top: 10px;
}
article#obras div.descricao {
    background-color: #FFFFFF;
    color: #444444;
    padding: 20px;
}
article#obras div.descricao h3{
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}
article#obras div.descricao span{
    font-size: 18px;
}
article#obras button {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: 2px solid #092C4B;
    color: #092C4B;
    font-weight: bold;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    text-transform: uppercase;
    display: table;
    margin: auto;
}
article#obras div#owl-example2 div.fotos-obra{
    padding: 0 24px;
    margin-bottom: 20px;
}

/******************************************
Contato
/******************************************/

footer#rodape {
    background-color: #092A48;
    height: 676px;
}
footer#rodape .titulo{
    display: block;
    text-align: center;
}
footer#rodape h2 img{
    margin: auto;
    padding-top: 10px;
    margin-bottom: 50px;
}
footer#rodape p {
    margin: 4px 0 10px;
    font-family: 'Lato-Light';
    font-size: 18px;
}
footer#rodape .col-sm-4 span{
    font-weight: bold;
}
footer#rodape p.topico{
    font-family: 'Lato-Light';
    font-weight: bold;
    font-size: 20px;
}
footer#rodape .col-sm-4 img{
    float: left;
    padding-right: 10px;
}
footer#rodape img.whatsapp{
    float: right;
    margin-right: 124px;
    margin-top: -2px;
}
footer#rodape .form input,footer#rodape .form textarea{
    margin-bottom: 16px;
    border-radius: 0;
}
footer#rodape .form button{
    background-color: #EC1B23;
    color: #FFFFFF;
    font-family: 'Lato-light';
    font-size: 18px;
    border: none;
    padding: 5px 20px 5px 20px;
    display: block;
    float: right;
}
footer#rodape .mapa{
    margin-top: 90px;
    line-height: 0;
}
footer#rodape .corpiring {
    line-height: 100px;
    font-size: 16px;
    color: #545454;
}
footer#rodape .tacitus {
    float: right;
}


@media only screen and (max-width: 1155px) {
    header#topo nav {margin: 0 0 0 80px;}    
    article#produtos .titulo {font-size: 30px;}
    article#produtos .box-produto img{margin-top:58px;}
    article#pagamento .cartoes {float:none;}
    article#pagamento .parcelamento {font-size: 22px;}
    article#pagamento .cartoes img {width: 75%;}
    article#produtos h2 img{padding-bottom: 80px; margin-left: 354px;}
    article#clientes h2 img {padding-bottom: 0;margin-left: 354px;}
    article#clientes .titulo {margin-top: 54px;}
    article#obras {height: 940px;}
    article#obras .titulo{margin: 200px 0 200px 0;}
    footer#rodape img.whatsapp {margin-right: 74px;}
    footer#rodape .titulo {margin-top: 54px;}    
    footer#rodape .mapa{margin-top: 18px;}
    footer#rodape .corpiring{line-height: 60px;}
}

@media only screen and (max-width: 1023px) {
    header#topo .header{font-size: 12px;}
    header#topo nav {margin: 0 0 0 42px;}
    footer#rodape img.whatsapp {margin-right: 56px;}
}

@media only screen and (max-width: 960px) {
    body{font-size: 14px;}
    header#topo img{width: 90%;}
    header#topo .header{font-size: 10px;}
    header#topo nav ul li {font-size: 12px; margin: 0; padding:0 12px 0 12px;}
    article#destaque{height: 600px;}
    article#destaque .titulo{font-size: 76px;}
    article#empresa {height: 658px;}
    article#empresa .titulo{margin-top:40px; font-size: 30px;}
    article#empresa .titulo span{font-size: 40px;}
    article#empresa img{width: 85%;margin-bottom: 20px;}
    article#empresa p{font-size: 14px;}
    article#produtos {height: 590px;}
    article#produtos .titulo{margin-top:40px; font-size: 30px;}
    article#produtos .titulo span{font-size: 40px;}
    article#produtos h2 img {margin-left: 272px;}
    article#produtos .box-produto h2.titulo{font-size: 20px;}
    article#produtos .box-produto2 h2.titulo{font-size: 20px;}
    article#produtos .box-produto, .box-produto2 h2{height: 100px;}
    article#produtos .box-produto img{width: 90%; margin: 0;}
    article#pagamento {height: 100px;}
    article#pagamento .parcelamento{font-size: 16px;}
    article#pagamento .cartoes img {width: 70%;}
    article#clientes .titulo {margin-top:40px; font-size: 30px;}
    article#clientes .titulo span{font-size: 40px;}
    article#clientes h2 img {margin-left: 272px;}
    article#clientes p {margin: 30px 0 20px 0;font-size: 14px;}
    article#obras{height: 720px;}
    article#obras .titulo {margin:140px 0 74px 0; font-size: 30px;}
    article#obras .titulo span{font-size: 40px;}
    article#obras h2 img {margin-left: 232px;width: 38%}
    article#obras div.descricao h3 {font-size: 15px;}
    article#obras div.descricao span {font-size: 13px;}
    article#obras div#owl-example2 div.fotos-obra {padding: 0 15px;}
    article#obras div.descricao {height: 100px;}
    article#obras button {border: 1px solid #092C4B;font-size: 12px;}
    footer#rodape .titulo {margin-top:40px; font-size: 30px;}
    footer#rodape .titulo span{font-size: 40px;}
    footer#rodape h2 img{width: 44%;}
    footer#rodape p {font-size: 14px;}
    footer#rodape p.topico {font-size: 16px;}
    footer#rodape img.whatsapp {margin-right: 32px;}
    footer#rodape .mapa iframe{height: 200px;}
}
@media only screen and (max-width: 767px) {
    body{line-height: 17px;font-size: 12px;}
    header#topo {height: 0;}
    header#topo .header {display: none;}
    header#topo nav { float: none;}
    header#topo nav .navicon { display: block;}
    header#topo nav ul { display: none; clear: both; padding-bottom: 20px}
    header#topo nav ul li { float: none; line-height: 24px; text-align: right; font-size: 13px}
    article#destaque {height: 500px;}
    article#destaque .titulo{font-size: 54px;}
    article#destaque .tt_destaque{margin-top: 150px;}
    article#empresa {height: 520px}
    article#empresa .titulo{font-size: 24px;}
    article#empresa  img{width: 100%;}
    article#empresa .titulo span{font-size: 35px;}
    article#empresa p {margin-right: 0;}
    article#produtos{height: 486px;}
    article#produtos .titulo{font-size: 24px;}
    article#produtos .titulo span {font-size: 35px;}
    article#produtos h2 img {margin:0 auto; width: 36%;}
    article#produtos .box-produto h2.titulo,
    article#produtos .box-produto2 h2.titulo{font-size: 12px;height: 86px;}
    article#produtos .box-produto h2,
    article#produtos .box-produto2 h2 {height: 74px;}
    article#pagamento .parcelamento {font-size: 14px;}
    article#pagamento .parcelamento span{font-size: 20px;}
    article#pagamento .cartoes img {width: 72%;}
    article#clientes .titulo{font-size: 24px;}
    article#clientes .titulo span {font-size: 35px;}
    article#clientes h2 img {margin: 0 auto; width: 30%}
    article#clientes p{font-size: 13px;}
    article#obras {height: 690px;}
    article#obras .titulo{font-size: 24px;}
    article#obras .titulo span {font-size: 35px;}
    article#obras h2 img {margin: 0 auto; width: 40%}
    article#obras div.descricao {padding: 10px 0px 0 20px;height: 108px;}
    article#obras div.descricao h3{font-size: 13px;}
    article#obras div.descricao span {line-height: 18px;font-size: 11px;}
    article#obras button {font-size: 11px;}
    footer#rodape .col-xs-4 {word-wrap: break-word;}
    footer#rodape {height: 574px;}
    footer#rodape .titulo {font-size: 24px;}
    footer#rodape .titulo span {font-size: 35px;}
    footer#rodape p.topico {font-size: 11px;}
    footer#rodape img {width: 16%;}
    footer#rodape p {margin: 0px 0px 10px;font-size: 12px;}
    footer#rodape img.whatsapp {margin-right: 0;}
    footer#rodape .form button {font-size: 12px;}
    footer#rodape .form-control {font-size: 11px;}
    footer#rodape .form-control[type="text"] {height: 22px;}
    footer#rodape .mapa iframe {height: 146px;}
    footer#rodape .corpiring {font-size: 14px;}
    footer#rodape .logo-tacitus {width: 50%;}
}
@media only screen and (max-width: 567px) {
    article#destaque {height: 320px;}
    article#destaque .titulo {font-size: 36px;}
    article#destaque .titulo span {font-size: 22px;}
    article#empresa {height: 380px;}
    article#empresa .col-xs-6 {width: 100%;}
    article#empresa {background: none; background-color: #ec2028}
    article#empresa .titulo {text-align: center;}
    article#empresa  img {width: 57%; margin-left: 95px;}
    article#produtos h2 img {width: 40%; margin-left: 150px;padding: 0;}
    article#produtos {height: 774px;}
    article#produtos .box-produto h2.titulo, article#produtos .box-produto2 h2.titulo {
        font-size: 14px;
        padding: 16px 26px 0 24px;
        margin-top: 44px;
    }
    article#produtos .box-produto h2, article#produtos .box-produto2 h2 {height: 88px;}
    article#produtos .col-xs-3 {width: 50%; margin-bottom: 20px;}
    article#produtos div .box-produto2 {margin: 0;}
    article#pagamento {height: 114px;}
    article#pagamento .parcelamento {font-size: 14px; float: none; text-align: center; margin:0;}
    article#pagamento .cartoes img {
        float: none;
        display: block;
        text-align: center;
        margin: auto;
    }
    article#clientes h2 img {width: 36%; margin-left: 150px;}
    article#obras {height: 612px;}
    article#obras .titulo {margin-bottom: 66px;}
    article#obras h2 img {margin-left: 120px; width: 48%;}
    article#obras div.descricao {padding: 10px 0 0 17px; height: 96px;}
    footer#rodape {height: 770px;}
    footer#rodape .col-xs-4 {width: 100%;}
    footer#rodape h2 img {width: 60%; margin-left: 90px;}
    footer#rodape img {width: 7%;}
    footer#rodape img.whatsapp {margin: 0px 265px 0 0;}
    footer#rodape .mapa iframe {height: 126px;}
}

@media only screen and (max-width: 415px) {
    article#empresa {height: 420px;}
    article#empresa .col-xs-6 {width: 100%}
    article#empresa  img {width: 68%; margin: 10px 0 0 60px;}
    article#produtos {height: 720px;}
    article#produtos h2 img {margin-left: 110px; width: 48%;}
    article#pagamento .parcelamento {margin: 10px;}
    article#clientes h2 img {margin-left: 110px; width: 44%;}
    article#obras {height: 604px;}
    article#obras h2 img {margin-left: 78px; width: 60%;}
    article#obras div.descricao {padding: 10px 6px 0px 6px; height: 100px;}
    footer#rodape {height: 768px;}
    footer#rodape h2 img {margin-left: 50px; width: 74%;}
    footer#rodape .col-xs-4 {width: 100%}
    footer#rodape p.topico {font-size: 15px;}
    footer#rodape img {width: 12%;}
    footer#rodape img.whatsapp {margin: -2px 100px 0 0;}
    footer#rodape .corpiring {font-size: 12px; text-align: center; line-height: 30px; padding: 14px;}
    footer#rodape .tacitus {float: none;}
    footer#rodape .logo-tacitus {width: 35%;}
    footer#rodape img {width: 8%; padding-right: 6px;}
    footer#rodape img.whatsapp {margin: -2px 200px 0 0;}

}
@media only screen and (max-width: 375px) {
    article#obras {height: 658px;}
    footer#rodape img.whatsapp {margin: 0 152px 0 0;}
    article#produtos {height: 686px;}
}
@media only screen and (max-width: 320px) {
    article#empresa  img {width: 86%; margin: 10px 0 0 16px;}
    article#empresa {height: 490px;}
    article#produtos h2 img, article#clientes h2 img {margin-left: 64px; width: 60%;}
    article#obras h2 img {margin-left: 38px; width: 76%;}
    footer#rodape h2 img {margin-left: 10px; width: 96%;}
    footer#rodape .col-sm-4 img {padding-right: 4px;}
    footer#rodape img.whatsapp {margin-right: 116px;}
}