@charset "utf-8";
/* CSS Document */

/*=========== RESET =============*/
.bg-black{background-color:#000;}
.bg-cinza{background-color:#333;}
.bg-cinza-claro{background-color: rgba(252,252,252.8);}
.bg-vinho{background-color:#851719;}
.bgt-white{background-color:rgba(255,255,255,.5);}
.bgt-vinho{background-color:rgba(133,23,25,0.9);}
.radius{border-radius:7px;}
.right { float:right;}
.left { float:left;}
.clear { clear:both;}

/*** cores
vinho: #851719 - rgba(133,23,25,0.9)
background: rgba(255,255,255,.5);
cinza rodapé: #333;
vermelho menu - background-color: rgba(133,23,25,0.95);
***/

* {margin: 0; padding:0; font-size: 100%; border: none; outline: none; font-weight:300; box-sizing:border-box;  font-family: "Segoe UI", Arial, Helvetica, sans-serif;}

main {
/** FIXAR RODAPÉ NO FINAL DA PAGINA OU CONTEUDO **/	
  display: block;
  min-height: 90vh;
  min-height: -webkit-calc(90vh - 90px);
  min-height: -moz-calc(90vh - 90px);
  min-height: calc(90vh - 90px);
/** ATÉ AQUI **/
}

body {background-image:url(_imagens/bg-x.png);}

a {text-decoration:none; transition-duration:0.5s;}
ul {list-style:none;}
img {max-width: 100%}

/* CABEÇALHO */
header {margin-bottom:3px; box-shadow: 0px 5px 3px rgba(69,69,69,.5);}
.container {width: 100%; float: left; padding: 3% 4%; text-align:center;}
.logo {text-align:center; float:left; width: 300px;}
h1.logo a:hover {color: #999; }
h1 a{font-size:18px; color:#fff; }
h1 {font-family: 'Poppins', sans-serif; font-weight:400; color: #851719;  font-size: 24px;}

/* MENU */
.menu {display:none; width:85%; height:100%; position:fixed; background-color: rgba(133,23,25,0.95); top:0; right:0;}

.btn {float:right;cursor:pointer; color:#fff;}
.btn-menu {width:60px; height:60px;  text-align:center;  background-color:transparent; }
.btn-close {font-size:1.5em; margin: 3% 4% 0 0;}

.menu li{padding: 5%;}
.menu li a{font-size:18px; color:#fff;}
.menu li a:hover {color: #999;}
.menu li:nth-child(1){padding-top:90px;}

/* BANNER INDEX */
.banner {padding:0; height:500px; border-bottom:solid 8px #851719; background-image:url(_imagens/coliseu-2.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat;	background-size: cover;}

.banner-texto{ padding:15px; background-color: rgba(0,0,0,0.8); font-size:1.5em; color:#fff; height:100%; display: flex; align-items: center; }
.banner-texto span{text-transform:uppercase; color: #F00; font-size:1.2em; font-weight:500; line-height: 80px; display:inline-block; vertical-align:-3px;}
.banner-texto h2{line-height:80px; }


/* BANNER COM TITULO - PARENT */
.banner-parent{padding:0; height:250px; background-image:url(_imagens/coliseu-3.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }

.banner-texto-parent{ border-top:solid 8px #851719;  background-color: rgba(0,0,0,0.8);  height:100%; display: block;}

.banner-texto-parent h1{ font-size:2em; color:#fff;  line-height:250px; vertical-align: middle; font-family: 'Poppins', sans-serif; }


 
/* CONTEUDO */
.titulo{ height:20%; border-top:solid 8px #851719;}

.box {width: 100%; text-align: left; margin-bottom:3%;}
.box img {border-radius: 7px 7px 0 0;}
.inner {padding:7%;}
.inner a{color:#851719; font-size:1.2em; font-weight: bolder;}
.inner h4{font-size: 1.1em; margin-top: 2%;}
.inner p{margin-top: 20px; line-height:1.8em;}
.inner ul{margin-top:20px;}
.inner li{line-height:1.8em;}
.hide {display:block;}
.show {display:none;}

.construcao {padding:5%;}
.construcao p{font-size:1.2em; font-weight: bolder; padding:5%;}
.construcao i{font-size:4em;color:#851719;}


.boxtexto a{color:#851719; font-size:1.2em; font-weight: bolder;}
.boxtexto h1{color:#851719; font-size:1.5em; font-weight: bolder;}
.boxtexto h2{font-size: 1.1em; font-weight: bolder;}

.boxtexto ul{ list-style: circle; padding-left:20px; padding-right: 20px;}
.boxtexto li{ padding-top:10px;}

.boxtexto {width: 100%; min-height:150%; text-align:left;}

.boxtexto-atuacao { padding-bottom:5%;}
.atuacao { background-color:rgba(255,255,255,.96); width:100%;}
.atuacao h2{padding-top:7%;}


.sobre {padding:4%; background-color:rgba(255,255,255,.96);}
.sobre p{text-align:justify; padding-top:5%;}

.sobre h2{padding-top:0; font-size:1.7em !important; }

.boxtexto-sobre:nth-child(3){ padding-top:10%; }
.boxtexto-sobre h2{ font-size:50px;}

.faq {margin-left: 5%; text-align:left !important;}
.faq ul{list-style-type: decimal; }
.faq li{list-style:decimal;}
.faq a{font-size:1em; color: #000; font-weight:300;}
.faq a:hover{text-decoration:underline;}

.faq-page li{list-style:none; padding-top: 20px; }
.faq-page h2{ margin-bottom:5px;}
.ul-alpha li{ list-style:lower-alpha;}
.faq-page p { padding-top: 10px;}


/* RODAPE */

.social-icons p{font-size:.86em; color: rgba(255,255,255,.7)}
.social-icons a{font-size:1em; color: rgba(255,255,255,.7)}
.social-icons a:hover{color: rgb(255,255,255);}
.copyright{margin-top: 3%; font-size:.8em; color: rgba(255,255,255,.5)}
.rodape {position:relative; bottom:0;}


/************* FORMULARIO **************/

.textform {padding:10%;}
.textform a{font-size:1em; }
.textform img{height:1.2em; border-radius:2px; vertical-align: bottom;}  
.textform p{text-align:justify;}
.textform h1{margin-bottom:8%;}
.textform h2{padding-top:10%; margin-bottom:5%;}
.textform h3{padding-top:0; line-height:1.2em; vertical-align: central; margin-bottom:10px;}

.boxform {padding: 10%; margin:5% 0 2% 0;vertical-align: middle; height:100%; width:100%; float:left;}

.campo {width:100%; min-height:30px; display:block; margin-bottom:15px; margin-top:5px; outline: none; padding-left:10px;}

.msg {height:150px; padding:10px; resize:none;}

.btnform{padding: 10px 20px 10px 20px; border: #82191d solid thin; color:#333;  background-color: #fff; font-weight: bolder;}
.btnform:nth-child(1){float:left;}
.btnform:nth-child(2){float:right;}
.btnform:hover{color:#fff; border: white solid thin; background-color:#82191d;}


/****************** FIM DO FORMULARIO *****************/





/* MEDIA TYPES - screen */
@media screen and (min-width: 480px) {
/*.banner img{height:200px;}*/
.social-icons p{font-size:1em;}


}

/* SMALL DEVICES - TABLETS */
@media screen and (min-width: 700px) {
.menu {width:45%;}

.banner-texto{font-size:1.5em; height:100%; width:350px; padding:25px; float:right; display: flex; align-items: center;}
.banner-texto span{display:block; clear:both;}

.box {width:49%; float:left; margin-right:2%;}
.box:nth-child(2){margin-right:0;}
.box:nth-child(4){margin-right:0;}
.inner {height:380px;}
.boxform {width:49%; float:left; margin:0 2% 2% 0; padding:5%; height:650px;}
.boxform:nth-child(2){margin-right:0;}


.faq li{line-height: 1.5em !important;  font-size: 1em !important;}

.inner li{font-size:.85em; line-height: 1.4em; padding-bottom:2px;}
}

/* MEDIUM DEVICES - TABLETS & DESKTOPS */
@media screen and (min-width: 960px) {
.menu {width:30%;}
.rodape{padding: 2% 4%;}
.copyright{margin-top: 2%;}



.box {width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.box:nth-child(2){margin-right:2%;}
.box:nth-child(4){margin-right:0;}
.box:nth-child(1){width:100%; margin-right:0;  height:500px;}
.inner h4 a{font-size: 1.1em; margin-top: 5px;}
.inner {padding:30px; }
.inner p{margin-top: 6%; font-size:1em;}
.inner a{font-size:1.1em;}
.contato p{padding-top: 0;}
.contato img{height:100%; width:55%; float:right; border-radius: 0 7px 7px 0; margin-left:3%;}
.hide {display:none;}
.show {display: block;}
#btsaibamais{font-size:20px;}


.faq li{line-height: 1.5em !important;  font-size: .95em !important;}

.inner li{font-size:1em; line-height: 1.5em; padding-bottom:4px;}

.inner li:last-child {padding-bottom: 15px;}

.boxtexto {width: 70%; margin:0 auto;}
.boxtexto li, p{font-size:1.1em;}
.boxtexto h1{font-size:1.5em;}
.boxtexto h2{font-size:1.2em;}

.inneratuacao {padding:0;}
.atuacao {padding:0;}


.boxform {width:49%; float:left; margin:0 2% 2% 0; padding:5%; height:650px;}
.boxform:nth-child(2){margin-right:0;}


.boxtexto-sobre p, boxtexto-sobre ul{ padding:5% 0 5% 0;}
.boxtexto-sobre h2{ font-size:50px; text-align:left;}
.cell-vcenter{display:table-cell; vertical-align:middle;}

.roberta {height:160px;}
.restanio {height:200px;}
.nevesefazza {height:150px;}
.escritorio {height:260px;}

.sobre-titulo-direita h2{text-align:right; }
.sobre-titulo-direita{display:table; width: 25%; float:right; padding:0; text-align:right; }
.sobre-texto-direita { margin-right:25%;  border-right:#851719 solid 4px; }
.sobre-texto-direita p{ margin-right:5%; }

.sobre-titulo-esquerda{display:table; width: 30%; float:left; padding:0;  }
.sobre-texto-esquerda { margin-left:35%; border-left:#851719 solid 4px; height:100%;}
.sobre-texto-esquerda ul{ margin-left:5%; }
.sobre-texto-esquerda p{ margin-left:5%; }


}


@media screen and (min-width: 1280px) {
header {margin-bottom:3px; height:120px;}
.btn-menu {display:none;}
.btn-close {display:none;}
.menu {display: block !important; width:auto; background-color:transparent; position:static; margin-right:0; float:right; padding: 15px 0;}
.menu li{padding: 0; float:left;}
.menu li a{font-size:1.2em; padding:15px;}
.menu li:nth-child(1){padding-top:0;}


.inner p, .inner li{font-size:1.2em;}


.contato img{ width:45%;}

.construcao p{font-size:1.2em; font-weight: bolder; padding:35px;}
.construcao {padding:10%;}
 
.boxtexto li, p{font-size:1.1em;}
.boxtexto h2{font-size:1.2em;}

.atuacao h2{padding-bottom:1%;}
.colatuacao {margin-right:8%;}

.rodape{padding: 1% 4%; margin-top: 1%;}
.copyright{margin-top: 1%;}

.boxform {width:43%; height:700px;}
.boxform:nth-child(1){ float:left; margin-left:3%;}
.boxform:nth-child(2){ float:right;margin-right:3%;}

}