@font-face {
     font-family: nunito;
     src: url('../fonts/Nunito-Regular.woff');
}

body { font-family: 'nunito'; }
h1, h2, h3 { font-size: 30px }
.col-logo { /*margin-left:30px;*/margin-top:20px; padding: 0px 0px; }
.col-logo img { width: 100px; }
.navigator-top ul { /*margin-right: 20px;*/text-align: center ;margin-top:50px;list-style: none; padding-left: 0px; }
.navigator-top ul li {display: inline-block; font-weight: bold; padding: 10px }
.navigator-top ul li a { transition: all 0.5s; color:black }
.navigator-top ul li a:hover { color:silver;text-decoration: none }

.btn-plataforma {
    width: 100px;
    font-size: 14px;
    color: white;
    margin-top: 50px;
    background: #489889;
    border: 0;
    white-space: normal;
}

.input-login { outline: none;font-size: 13px;float:right;width:95%;background: #eeeeee;padding:3px;border:0;border-radius: 5px;}
.input-login:last-child{ margin-right: 10px }
.btn-login { font-size: 10px;width:95%;margin-top:5px;color:white;background: #489889 }
.container-login { margin-top:10px;border-radius: 10px;height: 105px;padding:20px;}
.container-header { margin-top:10px;background-image: url('../images/header.png'); background-repeat: no-repeat; background-size: cover; background-position: center; height: 550px}
.section-center h1 { color:white;text-align: center; }
.section-center { opacity: 0;position: relative; top:-100px;border-radius: 10px;text-align: center;margin-top:200px;background:rgba(0,0,0,0.5);padding:20px }
.section-center ul { list-style: none;text-align: center }
.section-center ul li { text-align: center }
.section-center p { margin-top: -5px;text-align: center; color: white; }
.btn-nosso-cliente { width:200px;font-size: 13px;color:white;margin-top: 10px; background:  #489889; border:0}
.btn-nosso-cliente:hover { color:white }
.container-missao { color:white;background-image: url('../images/section.png'); background-repeat: no-repeat; background-size: cover; background-position: center; height: 750px }
.col-missao { opacity: 0;position: relative;left:-100px;margin-top:150px }
.col-missao p:first-child { font-weight: bold; }
.diferenciais { opacity: 0;position: relative; left:100px;margin-top: 150px;color:#1a6658; text-align: right }
.diferenciais p:first-child { font-weight: bold }
.diferencias ul { margin:0;padding:0 }
.diferencias ul li { margin:0 }
.container-solucoes { padding-bottom:125px;color:white;text-align: center;background-image: url('../images/solucoes.png'); background-repeat: no-repeat; background-size: cover; background-position: center; height: auto }
.container-solucoes h2 { margin-top:100px }
.icon-title { font-weight: bold }
.container-contato { margin-bottom: 70px }
.container-contato ul { margin-top:65px;padding:0; list-style: none }
.container-contato ul li { line-height: 40px }
.container-contato .redes-sociais li{ color:#489889;margin-right: 10px;font-size: 40px;display: inline;}
.redes-sociais-contato { padding-bottom: 100px;padding-left: 0;list-style: none; }
.redes-sociais-contato li { margin-right: 10px;font-size: 40px;display: inline;}
.redes-sociais-contato li i {  color:#489889 }
.redes-sociais a { color:#489889 }
.ul-endereco i { color:#489889 }
.container-form { width:80%;margin-top: 100px  }
.form-contato input { border:0;background:#eeeeee}
.form-contato input::placeholder { color:black }
.form-contato input:focus { outline: none; background:#eeeeee }
.form-contato textarea { border:0;resize: none; background:#eeeeee }
.form-contato textarea::placeholder { color:black }
.form-contato textarea:focus { background:#eeeeee }
.form-contato button  { margin:color:white;background:#489889 }
.container-box-button { width: 100%; text-align: center }
.container-box-button button { width:60%;color: white }
.col-endereco { opacity: 0;position: relative; left:-100px;margin-top:30px  }
.row-footer { padding-top:50px }
.container-footer { background: #7d7d7d; height: auto }
.container-footer p { color:white }
.col-footer-logo { text-align: center; }
.col-footer-logo img { width: 100px; }
.col-menu-footer ul { line-height: 22px;list-style: none; color:white; }
.col-menu-footer ul li a { color:white }
.footer { color:white }
.footer i { color:white }
.col-footer-redes { text-align: center }
.col-footer-redes ul { padding:0;list-style: none }
.col-footer-redes ul li { margin-right: 10px;font-size: 30px;display: inline }
.col-footer-redes ul li i:hover { transition: all 0.5s;color:silver }
.ul-endereco { font-size: 15px;list-style: none }
.ul-endereco li { line-height: 25px}
.col-credito { font-size: 14px;color:gray;background: #0d0d0d; text-align: center; padding: 10px }
.col-credito a { color:#f23cce }
.col-credito a:hover { text-decoration: none }
.label-cliente { font-weight: bold;font-size: 12px; padding:0 }
.input-left-login { margin:0;padding:0 }
.input-right-login { margin:0;padding:0 }
.last-end { font-size:13px; }
.modal-header { background:#489889;color:white;border-radius: 0px !important }
.modal-footer { border-radius: 0px !important }
.modal-body p { color:black;  }
.modal button { background:#489889; color:white }
.container-solution { line-height: 20px;text-align: center;padding-top: 80px; padding-bottom: 80px;background-image: url('../images/back-solution.png'); background-repeat: no-repeat; background-size: cover; background-position: center; height: auto }
.solution-title { text-align:left; font-size: 20px;font-weight: bold }
.solution-text { text-align: justify; }
.solution-side-text { padding-top: 130px }
.solution-img img { width:100% }
.row-solution-last { margin-bottom: 100px }
.container-seja-nosso-cliente { background-image: url('../images/back-solution.png'); background-repeat: no-repeat; background-size: cover; background-position: center; height: auto }
.seja-cliente-box-form { padding-top: 100px }
.seja-cliente-box-form h1 { font-size: 25px }
.seja-cliente-box-form .nosso-cliente-subtext { text-align: justify;padding-bottom: 50px }
.title-contato { font-weight: bold }
.btn-nosso-cliente-enviar { width: 200px;color:white;background: #489889 }
.form-seja-nosso-cliente button { margin-bottom: 200px }
.info-side { padding-bottom: 100px;padding-top: 100px;padding-left:0 }
.info-side p { text-align:justify;}
.info-side h1 { font-size: 25px; }
.info-side h2 { font-size: 25px;margin-top: 50px }
.pg-contato { margin-top:60px;padding:0 }
.img-contato { padding-bottom: 90px;padding-top: 90px;width:100% }
.img-contato img { margin-top: 50px;width:100% }
.container-pg-contato { background-image: url('../images/back-solution.png'); background-repeat: no-repeat; background-size: cover; background-position: center; height: auto }
#myModal { margin-top:100px }
#bt-responsive { display: none }
#alert{ display: none }
.msg-login { position: relative;right:-15px;display: none;font-size: 12px;text-align: right;color:red }
.footer-delay { transition: all 1.5s;opacity: 1; }
.ul-banner { padding:20px;margin:0 auto;width:500px; }
.ul-banner li { text-align: left;color:white }
.info-qm { margin-top: 60px }
.info-qm p { text-align: justify; }
/* responsive */
@media (max-width: 768px){
    #bt-responsive { display: block }
    .col-logo img { margin-left:10px;width: 65px; }
    .navigator-top { display: none }
    .navigator-top ul li { display: block }
    .navigator-top ul { text-align: left }
    .label-cliente { text-align: center }
    .input-left-login { float:none }
    .input-left-login input { width: 100% }
    .input-right-login { padding:0;float:left }
    .input-right-login input { width: 100% }
    .btn-login { width:100% }
    .input-login:last-child { margin-right:0; margin-bottom: 10px }
    .container-header { margin-top:50px }
    .container-contato { text-align: center }
    .container-form { width: 100% }
    .col-menu-footer ul { margin-top:20px;padding:0;text-align: center }
    .ul-endereco { padding:0;text-align: center }
    .responsive { display: block; }
    .msg-login { text-align: center }
    .solution-side-text { order:1 }
    .ul-banner { width:100% }
    .section-center { margin-top:100px }
    .info-qm { text-align: justify;margin-top:100px }
    .img-contato img { margin-top:-50px }
    .info-side { text-align: center }
    .info-side ul { margin-top:-30px }
    .redes-sociais-contato { margin-bottom: -100px !important;height: 100px;margin-top:10px !important }
}