/* ============== */
/* Estilo do Site */
/* ============== */

body{font-family: 'Ubuntu', sans-serif;}

h1,h2,h3,h4,h5,h6{font-weight:400}
iframe{margin:0;padding:0;border:0}
a{color:#0063e2}

.div100{width:100%}
.space{height:20px}
.center{text-align:center}
.bg_b{background-color:#0063e2}
.bg_o{background-color:#fe5900}
.blue{color:#0063e2}
.orange{color:#fe5900}

.btn_b{background-color:#0063e2;color:#fff;padding:1em;margin:0.1em;text-decoration:none;border-radius:5px; box-shadow: 0.1em 0.1em 0.1em black;}
.btn_b:hover{text-decoration:underline}
.btn_o{background-color:#fe5900;color:#fff;padding:1em;margin:0.1em;text-decoration:none;border-radius:5px; box-shadow: 0.1em 0.1em 0.1em black;}
.btn_o:hover{text-decoration:underline}

#mobileMenuContent{font-size:1em; line-height: 2em; text-align: center; background-color: #ddd; margin-bottom: 1em; border-radius: 1em}
#mobileMenuContent a{color:black;text-decoration:none}

.menuBarra .grid-80 {line-height:120px}
.menuBarra ul{margin:0;padding:0;float:right}
.menuBarra li{display:inline-block;width:120px;text-align:center}
.menuBarra .link a{color:gray;text-decoration:none;font-size:1em}
.menuBarra .link a:hover{color:#fe5900}
.menuBarra .btn a {padding:1em;color:#fff;text-decoration:none;border-radius:5px;font-size:1em}
.menuBarra .btn a:hover {text-decoration:underline}

.rodape{background-color:#0063e2;color:#fff}

/* Home */

.conteudoBarra{text-align:center}
.conteudoBarra h1{font-weight:400;color:#333;text-align:center}

.plano{border:solid 1px silver;border-radius:20px;padding:0;}
.plano_titulo{background-color:#fe5900;border-radius:20px 20px 0 0;padding:10px;text-shadow:1px 1px 2px black;}
.plano_titulo .b{font-size:36px;font-weight:300;margin:8px 0;color:#fff}
.plano_titulo .b b{letter-spacing:2px;color:#fff}
.plano .b p i{color:#0063e2}

/* .demoBarra{background-color:#fe5900;color:#fff;text-align:center}
.demoBarra a{color:#fff}
.demoBarra h2{font-weight:400}
*/

.itensBarra h3{font-weight:400; margin: 0.5em 0}
.itensBarra i{color:gray}
.itensBarra .grid-20{height:12em;padding:1em; border: solid 1px silver}

.clientesContainer{position:relative;width:100%;margin-bottom:50px;border-bottom:solid 2px #fe5900}
.clientesImage{display:block;width:100%;height:auto;}
.clientesOverlay{position:absolute;bottom:100%;left:0;right:0;background-color:#fe5900;overflow:hidden;width:100%;height:0;transition: .5s ease;opacity:0.9;}
.clientesContainer:hover .clientesOverlay{bottom:0;height:100%;}
.clientesText{white-space:nowrap;color:white;font-size:20px;position:absolute;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;}
.clientesText a{color:#fff}

/* Home */

/* Contato */
label{display:block;margin:8px 0;font-weight:bold}
input[type=text], input[type=email], textarea{width:100%;padding:10px;color:#fe5900}
input[type=submit]{padding:10px}
/* Contato */

#suporteWhatsApp{float:left;position:fixed;top:50%;left:-150px}
#suporteWhatsApp:hover{left:0}