/*=========== RESET ==========*/
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box;
font-family: 'Lato', sans-serif;}
body {background-color: #fff;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}
/* Desativar Elementos */
#lemailr {display: none;}
/*=========== botao scroll =======*/
p{display: block; height: 2500px;}
#myBtn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 9999;border: none;outline: none;background-color: #050659;color: white;cursor: pointer;padding: 15px;border-radius: 10px;}    
#myBtn:hover {background-color: #555;}
/*=========== CONTAINER ==========*/
.container {width: 100%; float: left; padding: .5% .5%; text-align: center; background-color: rgb(157, 185, 222);}
.containertopo {width: 100%; float: left; position: fixed; padding: .5% .5%; text-align: center; background-color: rgb(157, 185, 222);}
.containerrodape {width: 100%; float: left; padding: .5% .5%; text-align: center; background-color: rgb(157, 185, 222); vertical-align: middle;}
.imagem {padding: 1em 3em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.5); float: left; text-align: center; vertical-align: middle; }
/*=========== BG COLORS ==========*/
.bg-gradient {background: linear-gradient(to right,#050659,#050659);}
.bg-black {background-color: #130400; }
.bg-white {background-color: #fff;}
.bg-blue {background-color: #050659;}
.bg-gren {background-color: #050659;}
.bg-cinza {background-color: #808080;}
.bg-tomato {background-color: tomato;}
/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}
/* CABEÇALHO */
.logo {width: 113px; height: 87px; float: left; background: url(img/logo-novo-samtecnologia.jpg) center center/113px no-repeat;font-size: 0; background-color: #fff;}
.btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius:56px; cursor: pointer;}
/* Recaptcha */
.g-recaptcha {width: 100%; margin-left: 25%;}
/* MENU */
.menu {display:none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,102,0.9); top: 0; left: 0;}
.btn-close {font-size: 1.5em; color: #fff; float: right; cursor: pointer; margin: 2% 3% 0 0;}
.menu ul {width: 100%; float: left; text-align: center;}
.menu li {padding: 1%;}
.menu li a {font-size: 2em; color: #fff; padding: 1% 2%;}
.menu li a:hover {border:1px solid #000;}
/* BANNER */
.banner {background: url(img/topologia-rede.png); background-size: cover;}

/* Label de Aviso */
.aviso1 {width: 100%; padding: 15px; color: white; text-align: left; border: 1px solid rgba(25,0,0,1);  margin: 5px; border-radius: 10px; float: right; vertical-align: top;}
/* fim label de aviso */

/* DIV padrão */
.fnt-bold { font-weight: bold; font-weight: bold; }
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.pad-left20 {padding-left: 20%;}
.mrg-left { padding-left: 2%;}
.title {width: 90%; margin: 0 auto; }
.title h2 {font-size: 2em; color: #050659; font-weight: 600; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title h4 {font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title ul {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title ol {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title li {padding-left: 2em; text-align: left; margin-left: 5%;}
/*.title img {width: 80%; height: 80%; text-align: center; float:center;}*/
.title a {float: center; text-align: center;}
/* IMG MACMOBILE */
/*.macmobile {width: 55%; height: 55%; text-align: center; float:center;}*/
/* FIM IMG MACMOBILE */
/* DIV Formulários */
.title1 {width: 95%; margin: 0 auto; }
.title1 h2 {font-size: 2em; color: #050659; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title1 h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 h4 {font-size: 1em; color: #f70707; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 ul {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 ol {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 li {padding-left: 2em; text-align: left;}
.title1 a {float: center; text-align: center;}
.title2 {width: 90%; margin: 0 auto;}
.title2 h2 {font-size: 2em; color: #050659; font-weight: 600; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title2 h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title2 h4 {font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title2 ul {padding: 1em; width: 50%; font-size: 1.5em; color: #000000; background-color: rgba(157,185,222,1); float: center; }
.title2 ol {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title2 li {padding-left: 2em; text-align: left;}
.title2 a {float: center; text-align: center;}
.buttons {width: 100%; margin-top: 2%;}
.buttons i {float: right;}
.btn {width: 100%; font-size: 1.5em; text-align: left; cursor: pointer; padding: 5%; }
.btn-cadastrar { color: #130400;}
.btn-sobre {color:#fff ; margin-top: 2%;}
/* SERVIÇOS */
.maparede {background: url(img/topologia-rede.png) no-repeat fixed; background-size: cover;}
.servico {width: 100%;  text-align: left;  margin-bottom: 3%;}
.produtos {background: url(img/patio-fabrica1.jpg) no-repeat fixed; background-size: cover;}
.servicos {background: url(img/servicos.jpg) no-repeat fixed; background-size: cover;}
.financiamento {background: url(img/financiamento.jpg) no-repeat fixed; background-size: cover;}
.clientes {background: url(img/clientes.jpg) no-repeat fixed; background-size: cover;}
.institucional {background: url(img/empresa.jpg) no-repeat fixed; background-size: cover;}
.missao {background: url(img/img_somos.jpg) no-repeat fixed; background-size: cover;}
.contatos {background: url(img/contatos.jpg) no-repeat fixed; background-size: cover;}
.downloads {background: url(img/download.png) no-repeat fixed; background-size: cover;}
.servico img {border-radius: 7px 7px 0 0;}
.inner {padding: 7%;}
.inner a {font-size: 1.5em; color: #130400; font-weight: 700; }
.inner h4 {font-size: 1.2em; color: #130400; font-weight: 500; }
.inner p {margin-top: 6%; color: #130400; line-height: 1.5em;}
.inner input {width: 100%;  color: #000000; border: 1px solid rgba(0,0,255,0.3); padding: 5%; }
.inner button {width: 80%;  color:#fff; padding: 5%; cursor: pointer; margin-top: 2%; }
/*AGENDA TELEFONES*/
.agendatel img {width:250px; height: 250;}
/* NEWSLETTER */
.newsletter h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
.newsletter h3 {color: #fff;}
.newsletter form {margin-top: 2%;}
.newsletter input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.newsletter button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }
/* RODAPÉ */
.social-icons a {font-size: 1em; color: rgba(157,185,222,1); margin-right: 3%; font-weight: bold;}
.social-icons a:last-child {margin-right: 0;}
.social-icons a:hover {color: rgb(255,255,255);}
.copyright {color: rgba(255, 255, 255, 1); margin-top:0%;}
/* CAMPOS FORMULARIO */
.campo1 {width: 100%; padding: 15px; color: #050659; text-align: left; border: 1px solid rgba(25,25,112,1);  float: center; margin-top:1%;}
.botao1 {width: 100%; padding: 15px; color: #fff; text-align: center; border: 1px solid rgba(25,25,25,0.3); float: center; margin-top:1%; margin-bottom:1%;}
.campo2 {width: 100%; padding: 0px; color: #050659; text-align: left; border: 0px solid rgba(25,25,25,1);  float: center; margin-top:0.2%;}
.campo11 {width: 100%; padding: 15px; color: #050659; text-align: left; border: 1px solid rgb(255, 3, 3,1);  float: center; margin-top:1%;}
.borda-vermelha {border: 1px solid red;}
.ph-vermelho::placeholder { color:#f70707;}
.ph-cinza::placeholder { color:#f70707;}
/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
.btn {font-size: 2em;}
/* DIV Formulários */
.title1 {width: 95%; margin: 0 auto; }
.title1 h2 {font-size: 2em; color: #050659; font-weight: 400; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title1 h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 h4 {font-size: 1em; color: #f70707; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 ul {padding: 1em; width: 100%; font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 ol {padding: 1em; width: 100%; font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); float: center;}
.title1 li {padding-left: 2em; text-align: left;}
.title1 a {float: center; text-align: center;}
/* DIV padrão */
.title {width: 90%; margin: 0 auto; }
.title h2 {font-size: 2em; color: #050659; font-weight: 600; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title h4 {font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title ul {padding: 1em; width: 100%; font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title ol {padding: 1em; width: 100%; font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title li {padding-left: 2em; text-align: left;}
.title a {float: center; text-align: center;}
.macmobile {width: 45%; height: 55%; text-align: center; float:center;}
.g-recaptcha {width: 100%; margin-left: 15%;}
}
/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
.servico {width: 49%; float: left; margin-right: 2%;}
.servico:nth-child(2){margin-right: 0;}
.newsletter h2 {font-size: 2em;}
.newsletter h3 {font-size: 1.5em;}
.newsletter input {width: 70%; padding: 2%; float: left; margin-right: 1%;}
.newsletter button {width: 29%; padding: 2%; float: right; margin-top: 0;}
/* DIV Formulários */
.title1 {width: 95%; margin: 0 auto; }
.title1 h2 {font-size: 2em; color: #050659; font-weight: 500; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title1 h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 h4 {font-size: 1em; color: #f70707; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 ul {padding: 1em; width: 100%; font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 ol {padding: 1em; width: 100%; font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 li {padding-left: 2em; text-align: left;}
.title1 a {float: center; text-align: center;}
/* DIV padrão */
.title {width: 90%; margin: 0 auto; }
.title h2 {font-size: 2em; color: #050659; font-weight: 600; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title h4 {font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title ul {padding: 1em; width: 100%; font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title ol {padding: 1em; width: 100%; font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title li {padding-left: 2em; text-align: left;}
.title a {float: center; text-align: center;}
.macmobile {width: 45%; height: 55%; text-align: center; float:center;}
.g-recaptcha {width: 100%; margin-left: 25%;}
}
/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.buttons {width: 30%; float: right; margin-top: 0; }
.servico {width: 32%; }
.servico:nth-child(2){margin-right: 2%;}
.servico:nth-child(3){margin-right: 0;}
.newsletter input {width: 60%; float: none;}
.newsletter button {width: 20%; float: none;}
/* DIV Formulários */
.title1 {width: 70%; margin: 0 auto; }
.title1 h2 {font-size: 2em; color: #050659; font-weight: 600; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title1 h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 h4 {font-size: 1em; color: #f70707; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 ul {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 ol {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 li {padding-left: 2em; text-align: left;}
.title1 a {float: center; text-align: center;}
/* DIV padrão */
.title {width: 90%; margin: 0 auto; }
.title h2 {font-size: 2em; color: #050659; font-weight: 600; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title h3 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title h4 {font-size: 1em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title ul {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title ol {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title li {padding-left: 2em; text-align: left;}
.title a {float: center; text-align: center;}
.macmobile {width: 30%; height: 40%; text-align: center; float:center;}
.g-recaptcha {width: 100%; margin-left: 25%;}
}
/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
.cadastro {padding-left:50px; padding-right:50px;padding-top:50px;}
.formulario {width: 100%;}
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto; height: 120px; line-height: 120px; float: right; background-color: #9db9de; display: block !important; position: static;}
.menu li {padding: 0; float: left;}
.menu li a {color:#130400; font-size: 1em; padding: 15px; }
.menu li a:hover {border: none; color:#fff; }
/* DIV Formulários */
.title1 {width: 50%; margin: 0 auto; }
.title1 h2 {font-size: 3em; color: #050659; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title1 h3 {font-size: 2em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 h4 {font-size: 1.5em; color: #f70707; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title1 ul {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 ol {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title1 li {padding-left: 2em; text-align: left;}
.title1 a {float: center; text-align: center;}
/* DIV padrão */
.title {width: 90%; margin: 0 auto; }
.title h2 {font-size: 3em; color: #050659; font-weight: 600; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.title h3 {font-size: 2em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title h4 {font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); text-align: center; padding: 2px; font-weight: bold;}
.title ul {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title ol {padding: 1em; width: 100%; font-size: 1.5em; color: #000000; background-color: rgba(255,255,255,0.8); float: center; }
.title li {padding-left: 2em; text-align: left;}
.title a {float: center; text-align: center;}
.macmobile {width: 30%; height: 30%; text-align: center; float:center;}
.g-recaptcha {width: 100%; margin-left: 25%;}
}