body { font-family: 'Poppins', sans-serif;  }
h1, h2, h3, h4 { color:#093c5f;font-size: 38px }
.container-menutop { transition: all 0.5s;box-shadow: 4px 8px 36px -8px rgba(0,0,0,0.75);background: white }
.header-left { padding:300px 70px 200px 80px }
.container-initial-form { padding-left: 50px }
.navmenu ul { margin:0;text-align: center;padding:20px;list-style: none;font-weight: bold;font-family: 'Poppins', sans-serif; }
.navmenu ul li { font-size: 13px;padding:15px;display: inline }
.navmenu ul li a { transition: all 0.5s;color:black }
.navmenu ul li a:hover { color:#21b0b1;text-decoration: none }
.logo { text-align: right }
.text-header { text-align: justify;width:500px;margin:0 auto }
.form-side { padding-left: 50px }
.container-header { padding-bottom: 100px;height: auto;background-image: url('../images/back.png'); background-repeat: no-repeat; background-position: left; background-size: cover;}
.form-style { margin-bottom: 10px;border:0; width: 100%; padding: 12px }
.form-initial textarea { resize: none; height:200px }
.form-initial button { margin-bottom: 20px;color:white;background:#21b0b1; border-radius: 0;font-weight: bold }
.vantagens h1 {color:#313971; }
.vantagens ul { position: relative;top:30px;padding: 0;list-style:none }
.vantagens ul li { padding:10px;line-height: 25px;margin: 0 }
.vantagens-title { font-size: 20px }
.vantagens { margin:0;width: 100%  }
.text-vantagens { margin-bottom: 30px;text-align: justify;font-size: 14px;width: 500px }
.vantagens-right { padding:0 }
.vantagens-right img {width: 100%  }
.dep { margin-top:-5px;background-color: #ededed}
.img-vantagens { margin-bottom: 30px;margin-right:5px;float:left }
.content-dep { padding:100px 300px 100px 100px }
.dep-author { margin-top: 50px;font-weight: bold }
.dep-content { width: 600px; text-align: justify;}
.nossos-planos { text-align: center }
.nossos-planos h3 { margin-top: 60px }
.box-7-dias { margin-bottom: 60px;border-radius: 10px; margin-top: 50px;padding: 30px; border:1px solid #d5d5d5; width: 100% }
.box-7-dias span  { position: relative; left: 20px }
.nossos-planos .btn { color:white;width: 150px;border:0;background: #21b0b1;padding:10px;font-weight: bold }
.box-planos { border-radius: 10px;text-align: center;border:1px solid #d5d5d5; height: 400px }
.plano-valor { font-weight: ;font-size: 40px }
.box-planos .first { margin:0;border-bottom: 1px solid #d5d5d5;padding:25px;font-size:20px }
.box-planos .second { line-height: 25px;border-bottom:1px solid #d5d5d5; padding:25px;margin:0;background: #f3f3f3;}
.box-planos .third { border-bottom: 1px solid #d5d5d5; font-size: 30px;padding:25px }
.box-planos input { outline: none;margin-top:70px }
.box-planos { margin-bottom: 50px }
.input-form-home { width:100%; }
.container-home-contact input { border:1px solid #ddd;padding:10px }
.container-home-contact { margin-bottom:80px;padding:10px;text-align: center;background: #f3f3f3 }
.container-home-contact button { margin-bottom: 50px;background: #21b0b1;color:white;font-weight: bold }
.title-form-contact { margin-bottom: 30px;margin-top:30px;font-size: 25px }
.container-clientes { padding-bottom: 80px;padding-top: 80px;border-top:1px solid #d5d5d5 }
.container-clientes p { margin-bottom: 70px }
.ul-clientes { margin-top:-40px;padding:0;list-style: none }
.ul-clientes li { display: inline; margin-right: 30px }
.container-footer { padding-top: 100px;text-align: center !important;padding-bottom: 100px;height: auto;background-image: url('../images/back-lawyer.jpg'); background-repeat: no-repeat; background-position: ; background-size: cover; }
.container-footer .btn { color:white;width: 150px;border:0;background: #21b0b1;padding:10px;font-weight: bold }
.container-footer h5 { margin-bottom: 20px;color:white; font-size: 40px }
.container-footer p { font-size: 18px;color:white;margin:0 auto;width:900px  }
.container-footer a { margin-top: 30px }
.container-redes { padding-top: 60px;color:white;height: auto; background: #262a41 }
.container-redes ul { font-size: 13px;margin-top:20px;padding:0;list-style: none }
.container-redes ul:not(:first){ margin-top:50px }
.container-redes ul li a { color:white }
.container-redes p { font-size: 15px;font-weight: bold }
.footer-middle { margin-top:-20px;text-align: center }
.footer-middle li { font-size: 35px;padding:10px;display: inline; }
.footer-middle li a { transition: all 0.3s;color:white }
.footer-middle li a:hover { color:#21b0b1 }
.footer-middle p { font-weight:normal; }
.container-news { padding:3px;text-align: left!important;width: 320px; background: white }
.container-news input { width:204px;margin:0 !important;outline: none; padding:1px;border:0; }
.container-news button { cursor: pointer;float:right;margin:0px 0 1px 1px;padding:5px;border:0;font-size: 11px;color:white;font-weight: bold; background: #21b0b1 }
.footer-news { padding:10px }
.container-footer-right { width:320px;text-align: left }
.footer-news p{ margin-top:20px;width:100%;font-size: 13px;text-align: right; font-weight: normal }
.credit { color:silver;font-size:13px;background: #1a1e23; padding:15px; text-align: center }
.credit a { color: #cc2228 }
.credit a:hover { text-decoration: none }
#contatoModal { border:0;margin-top: 100px; }
.modal-content { border-radius: 0 !important}
.container-page-contato { margin-top:150px; }
.container-left-side p { font-size: 19px }
.form-page-contato input { border:1px solid silver;background: #eeeeee }
.form-page-contato textarea { border:1px solid silver;background: #eeeeee; resize: none }
.form-page-contato button { margin-bottom: 200px;border-radius: 0;color:white;font-weight: bold; background:#21b0b1  }
.contato-end { list-style: none;padding:0 }
.responsivo { display: none !important }
.header-content { line-height: 27px;font-size: 20px;width: 510px;color:white;text-shadow: 1px 1px 2px black }
.container-vantagens { padding:0px 10px 0 100px; }
.title-header { text-shadow: 1px 1px 2px black;font-size: 40px;font-weight: bold;color:white }
.modal-backdrop { opacity: 0.8 !important }
.side-prod-text { padding:10px 50px 20px 40px; }
.side-prod-text p { text-align: justify;margin-top: 30px }
.title-prod { margin-top: 30px }
.side-prod-img { padding:0; }
.side-prod-img img {width: 100% }
.container-prod { margin-top:150px }
.container-prod .row { margin-bottom: 70px }
.btn-prod { color:white;background: #21b0b1; font-weight: bold }
.btn-prod:hover { color:white }
.prod-header p { font-size: 20px }
.container-qs { margin-bottom: 100px;margin-top:150px }
.container-qs h1 { margin-top: 100px }
.container-qs p { text-align: justify; }
.container-qs .row { margin-bottom: 60px }
.form-page-trabalhe-conosco input { border:1px solid silver;background: #eeeeee }
.form-page-trabalhe-conosco button  { margin-top:10px;margin-bottom: 200px;border-radius: 0;color:white;font-weight: bold; background:#21b0b1  }
.ui-progressbar { position: relative; }
.progress-label { position: absolute;left: 50%;top: 4px;font-weight: bold;text-shadow: 1px 1px 0 #fff;}
.bar-child-container { color:silver;background: #363c72;position: relative;height: 100% ;width:0% }
.bar-parent-container {height: 10px;border:1px solid silver}
#box-alert-cv { text-align: center; display: none }
.denuncia-foto img { width:100% }
.canal-denuncia-text p { text-align: justify; }

/* responsive */
@media (max-width: 768px){
    .container-header { background-position: center 0; }
    .logo-responsivo img { width:170px }
    .logo-responsivo { text-align: left !important;margin:10px;text-align:center }
    .logo-responsivo i { color: #262a41;float: right;font-size: 25px;cursor: pointer;margin-right: 10px;margin-top: 10px}
    .container-menutop { display: none }
    .responsivo { border-bottom: 1px solid #e0e0e0;background: white;display: block !important }
    .navmenu-responsivo{ display: none }
    .navmenu-responsivo { margin:0;text-align: left;padding:20px;list-style: none;font-weight: bold;font-family: 'Poppins', sans-serif; }
    .navmenu-responsivo ul { padding:0;list-style: none }
    .navmenu-responsivo ul li a { padding-left: 10px;border-left:4px solid #21b0b1;line-height: 40px;color:black }
    .navmenu-responsivo ul li a:hover { text-decoration: none }
    .text-header { padding:20px;width:100% !important }
    .header-left { padding:100px 0 0 0;width: 100% !important;}
    .header-content { text-align: justify;padding:10px 0 0 0;width:100% !important }
    .container-initial-form { margin-top:-100px !important;width: 100% !important }
    .form-side { padding:0 }
    .container-header { padding-bottom: 200px }
    .vantagens { order:1 }
    .container-vantagens { ;padding:20px }
    .container-vantagens ul { width: 100% }
    .text-vantagens { text-align:justify;font-size: 13px;width:100% }
    .content-dep { padding:20px }
    .content-dep h2 {margin-top:50px }
    .dep-content { width:100%; }
    .container-footer p { width: 100% }
    .container-footer-right { margin:0 auto !important }
    .title-header { margin:0;width:100% !important }
    .vantagens-title { float:none!important }
    .container-left-side { width: 100% !important }
    .container-left-side button { margin-bottom: 50px }
    .side-qs-text { order:1 }
    .side-prod-text { order:1 }
}