@import url(reset.css);
@import url(fonts.css);
@import url(padrao.css);
@import url(responsivo.css);

/* Header */

header {  width: 100%; height: auto; float: left; position: fixed; background-color: #FAFAFF; padding: 29px 0px 25px 0px; z-index: 2; }

header #logo { width: 23%; position: relative; float: left; height: auto; }

header #menu { width: 53%; height: auto; float: right; position: relative; padding-top: 30px; }
header #menu ul { float: right; width:100%; height: auto; position: relative; margin: 0px; list-style:none; }
header #menu ul li { float: left; width:auto; height: auto; padding:0px; margin:0px 0px; }
header #menu ul li a { color: #3366FF; margin: 0px 25px; font-size:16px; margin-top: -12px; font-family: 'Righteous'; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
header #menu ul li a:hover { color: #42BC39; }
header #menu ul li a.sel { color: #42BC39; }


/* Main */
#main section#conteudo { width: 100%; height: auto; float: left; position: relative; background-color: #FAFAFF; padding-top: 140px; }

#main section#conteudo #funcionalidades { width: 100%; height: auto; float: left; position: relative; padding: 79px 0px 57px 0px; background-color: #ECF3FF; }
#main section#conteudo #funcionalidades .coluna_32 img { margin-top: 55px; }
#main section#conteudo .cards_funcionalidades { width: 17.6%; height: auto; float: left; position: relative; margin: 2% 3.7%; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
#main section#conteudo .cards_funcionalidades img { background-color: #FFF; padding: 35px; -webkit-border-radius: 16px 16px 16px 16px; border-radius: 16px 16px 16px 16px; box-shadow: 0px 0px 16px #CFDEF5; }
#main section#conteudo .cards_funcionalidades p { min-height: 50px; padding: 5px 7px 0px 7px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
#main section#conteudo .cards_funcionalidades:hover p { color: #3366FF; }

#main section#conteudo #orcamento { width: 100%; height: auto; float: left; position: relative; background: url(../image/fundo_integrado.jpg) repeat center top; padding: 63px 0px 57px; }

#main section#conteudo #vantagens { width: 100%; height: auto; float: left; position: relative; background: url(../image/fundo_vantagens.jpg) no-repeat #F5F8FF center top; padding: 79px 0px 78px; }
#main section#conteudo .cards_vantagens { width: 24.6%; height: auto; float: left; position: relative; margin: 1% 0.2%; }
#main section#conteudo .cards_vantagens img { background-color: #FFF; padding: 35px; -webkit-border-radius: 16px 16px 16px 16px; border-radius: 16px 16px 16px 16px; box-shadow: 0px 0px 16px #CFDEF5; }
#main section#conteudo .cards_vantagens p { min-height: 50px; padding: 5px 7px 0px 7px; }

#main section#conteudo #contato { width: 100%; height: auto; float: left; position: relative; background: url(../image/fundo_fale-conosco.jpg) no-repeat #F5F9FF center top; background-size: auto 100%; padding: 79px 0px 78px; }
#main section#conteudo #contato .atendimento { padding: 31px 0px 37px 110px; background-color: #1C169A; -webkit-border-radius: 16px 16px 16px 16px; border-radius: 16px 16px 16px 16px; }
#main section#conteudo #contato .atendimento h2 { padding: 0px 0px 19px; }
#main section#conteudo #contato .atendimento svg { fill: #FFFFFF; margin: 0px 17px -3px 0px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#main section#conteudo #contato .atendimento a { transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#main section#conteudo #contato .atendimento a:hover { color: #42BC39; }
#main section#conteudo #contato .atendimento a:hover svg { fill: #42BC39; }

#main section#conteudo #sobre_nos { width: 100%; height: auto; float: left; position: relative; padding: 79px 0px 74px 0px; background-color: #F5F9FF; }
#main section#conteudo #sobre_nos .coluna_50 p {  padding-top: 50px; }
#main section#conteudo #sobre_nos h2 { padding: 0px 0px 10px; }

footer { width: 100%; height: auto; float: left; position: relative; background: url(../image/fundo_rodape.jpg) #1B1599 no-repeat center top; padding: 78px 0px 58px 0px; }
footer p { color: #FFFFFF; font-size: 14px; }
footer a { font-family: 'Work Sans'; font-size: 16px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
footer svg { fill:#fafafa; margin: 0px 16px -1px 0px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
footer a:hover svg { fill:#43FF68; }

.cor_branco { color: #FFFFFF; }
.cor_azul { color: #3366FF; }

.banner_desktop { display: block; }
.banner_mobile { display: none; }

#avatar-whats { display: none; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; box-shadow: 0 0 0 #f18a3d; animation: pulse 2s infinite; background: url("../image/bg_ico_whatsapp.png") no-repeat scroll 0 0 transparent; bottom: 30px; display: block; height: 65px; position: fixed; right: 2%; width: 65px; z-index: 9400; }
@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgb(154, 35, 130, 1); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(154, 35, 130, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(154, 35, 130, 0);  }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(154, 35, 130, 0.6); box-shadow: 0 0 0 0 rgba(154, 35, 130, 0.6);  }
  70% { -moz-box-shadow: 0 0 0 10px rgba(154, 35, 130, 99, 0); box-shadow: 0 0 0 10px rgba(154, 35, 130, 0);  }
  100% { moz-box-shadow: 0 0 0 0 rgba(154, 35, 130, 0); box-shadow: 0 0 0 0 rgba(154, 35, 130, 0);  }
}