@charset "utf-8";

/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Raleway:700,400,300);

* {padding:0; margin:0; font-family:"Raleway";font-size:1em;font-weight:300; color:#777777; text-decoration: none}
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;}
hr {padding:0; margin:0;}
body {font-size:100%;}
form {padding:0; margin:0;}
ul {list-style:none;}
img {border:0;}
h1 {font-family: 'Raleway', sans-serif;font-weight:300;font-size:50px;margin:0 0 70px;text-transform:uppercase;text-align:center;}
h3 {margin:20px 0;}
p {margin-bottom:30px;line-height:24px;font-size:1em;}
/*ul {font-size:0;}*/
strong, b {font-weight:700;}

.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.sitepos {width:100%;}

#topo {
    width: 100%;
    position:fixed;
    top:0;
    z-index:99;
    height:46px;
    background:#054D7C;
    top: 0;
    right: 0;
    left: 0;
    height: 100px;
    padding-top: 27px;
}
.logo {position:absolute;left:50%;margin-left:-480px;}
nav {}
nav ul {width:auto;height:46px;left:50%;margin-left:-550px;text-align: right;position:relative;}
nav ul li {display:inline-block;width:auto;height:46px;padding:0 10px;}
nav ul li a {font-size:1em;text-transform:uppercase;line-height:46px;color:#fff;}
input#control-nav {visibility: hidden;position: absolute;left: -9999px;opacity: 0;}

/* lists */
.list-full, .list-full li,
.list-auto, .list-auto li { width: 100%; float: left; display: block; position: relative; }
.list-auto, .list-auto li { width: auto; }

/* floats */
.float-l { float: left; }
.float-r { float: right; }

#contato input, #contato textarea {width:278px;color:#333;font-size:1em;padding:0 10px;border-radius:5px;border:1px solid #9b9b9b; font-weight: 400; margin:0 0 10px;background:transparent;}
#contato input {height:45px;}
#contato input[type=submit] {background:#fff;color:#054D7C;width:106px;height:35px;float:right;font-weight:700;text-transform:uppercase;text-align: center;cursor:pointer;}
#contato textarea {height:158px;padding:10px;}

#home {width:100%;background:#999;position:relative;margin-top:46px;}

#quemsomos {max-width:1020px;margin: 0 auto;padding:70px 20px;position:relative;background:#fff;color:#1184b9;}
#quemsomos p {color:#999;}
#quemsomos h1, #quemsomos strong {color:#1184b9;}
#quemsomos .coluna {width: 48%;max-width:480px;margin-right:20px;display: inline-block}
#quemsomos .coluna:nth-child(even) {margin-right: 0;}

#atuacao {width:100%;position:relative;padding:70px 0;background:#1184b9;color:#fff;}
#atuacao h1, #atuacao p, #atuacao strong {color:#fff;}
/* apenas referência de como será o seletor de nível 4 #atuacao:matches(h1, p, strong) {color:#fff;} */
#atuacao .conteudo {max-width:980px;margin: 0 auto;position:relative;text-align: left;}
#atuacao .grafico {max-width:733px;margin:0 auto 70px;}

#produtos {max-width:1020px;margin: 0 auto;padding:70px 20px;position:relative;background:#fff;color:#1184b9;text-align: center;}
#produtos p {color:#424242;}
#produtos h1, #produtos h3, #produtos strong {color:#054D7C;}
#produtos h3 {font-size:1.8em;font-weight:300;vertical-align:top;margin-bottom:20px;}

/*  COLUMN SETUP  */
#produtos .produto {display: inline-block;margin: 1% 0 1% 2%;font-size:0.8em;vertical-align:top;line-height:1.6em;}
#produtos .produto:first-child { margin-left: 0; }
#produtos .produto:last-child {margin-right:0;}
#produtos .produto img {width: 58%;margin:20px auto 0;}
.group {vertical-align:top;}
/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.0%;}

#parceiros {background:#f5f5f4;width:100%;position:relative;padding:70px 0;color:#fff;}
#parceiros .conteudo {max-width:276px;margin: 0 auto;position:relative;text-align: left;}
#parceiros dl {float: left;margin: 0 4px 4px 0;overflow: hidden;position: relative;}

#contato {width:100%;position:relative;padding:70px 0;background:#e1e1e1;color:#fff;}
#contato h1, #contato p, #contato strong {color:#333;}
#contato .conteudo {max-width:980px;margin: 0 auto;position:relative;}
#contato .logo {position:relative;display:inline-block;left:0;margin:0;float:left;}
#contato .formulario {width:60%;display:inline-block;right:0;position:relative;display:inline-block;float:right;}
#contato .formulario {
	column-count: 2;
	column-gap: 2em;
	/*	column-rule: 1px solid #ccf;*/
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	/*	-moz-column-rule: 1px solid #ccf;*/
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	/*	-webkit-column-rule: 1px solid #ccf;*/
}

#footer {width:100%;position:relative;background:#404040;color:#fff;}
#footer .infos {width:100%;color:#fff;display:block;clear:both;max-width:1020px;margin: 0 auto;padding:20px 20px;position:relative;}
#footer .infos .telefone, #footer .infos .telefone * {display:inline-block;font-family: 'Open Sans';color:#fff;}
#footer .infos .telefone {font-size:2.5em;}
#footer .infos .ddd {font-size:0.8em;}
#footer .infos .endereco {display:inline-block;font-size:0.8em;color:#fff;margin-left:20px;}
#footer .infos .links {width:405px;display:inline-block;text-align: right; float: right;}
#footer .infos .links ul li {display:inline-block;background:#569f00;margin:0 5px;border-radius:3px;}
#footer .infos .links ul li a {color:#fff;padding:20px 15px;display: block;}
/* #footer .infos .links ul li:hover {background:#4d8e00;} */

#footer .assinatura {width:50px;position:absolute;right:20px;bottom:20px;}
#footer .assinatura img {width:40px;}


/*  GO FULL WIDTH BELOW 768/1000 PIXELS */

@media only screen and (max-width: 768px) {
	#quemsomos .coluna {width: 100%;margin-right: 0;}
	#produtos .produto {margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

@media only screen and (max-width: 1000px) {
	body {font-size:100%;}
	p {font-size:1em;}

	/*.conteudo, #atuacao .conteudo {margin:0 0;}*/
  #atuacao .conteudo {margin: 0 20px;}

	#quemsomos .coluna {width: 100%;max-width:100%;margin-right: 0;display:block;}

	#produtos .produto img {width: 40%;margin:40px auto 0;}
	#produtos .produto {  margin: 2% 0 2% 0; }
	#produtos h3 {font-size:1.8em;line-height:1.5em;}
	#produtos .produto {font-size:0.8em !important;}
	.span_1_of_4 {width: calc(100% - 1.8%); background:#f2f2f2;padding:3%;}

	#contato .logo {left:50%;margin:20px 0 0 -142px;float:none;}
	#contato .formulario {width:calc(100% - 3.6%);margin:0 1.8%;}
	#contato input, #contato textarea, #contato input[type=submit] {width:100%;}
	#contato .formulario {
	column-count: auto;
	column-gap: 0;
	-moz-column-count: auto;
	-moz-column-gap: 0;
	-webkit-column-count: auto;
	-webkit-column-gap: 0;
	}
	#contato .infos .endereco, #contato .infos .telefone {width:100%;text-align: center;margin:0;}
}







@media screen and (max-width: 1000px) {
  h1 {font-size:2.5em;margin:0 0 40px;}
  .logo {position:absolute;left:50%;margin-left:-81px;}
  #topo nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    border-left: 1px solid #ccc;
    background: #fff;
    overflow-x: auto;
    z-index: 2;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  #topo ul.list-auto {padding: 0;left:0;margin:0;width:100%;text-align: center}
  #topo ul.list-auto li {width: 100%;border: solid #ccc;border-width: 0 0 1px;padding:0;float:none;}
  #topo li a {padding: 0;color:#5fb000;font-weight: 700;width:100%;display:block;}
  #topo li a:hover {background-color: #5fb000;color:#fff;}

  .control-nav { /* label icon */position: absolute;right: 20px;top: 15px;display: block;width: 30px;padding: 5px 0;border: solid #fff;border-width: 3px 0;z-index: 2;cursor: pointer;}
  .control-nav:before {content: "";display: block;height: 3px;background: #fff;}
  .control-nav-close {position: fixed; /* label layer */right: 0;top: 0;bottom: 0;left: 0;display: block;z-index: 1;background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  /* checked nav */
  input#control-nav {visibility: visible;}
  input#control-nav:focus ~ .control-nav {border-color: #fff;/*box-shadow: 0px 0px 9px rgba(0,0,0,0.3);*/}
  input#control-nav:focus ~ .control-nav:before {background: #fff;}
  input#control-nav:checked ~ nav,
  input#control-nav:checked ~ .control-nav-close {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  #topo+section {padding-top: 80px;}
  section {padding: 30px 15px 10px;}
  .highlights-item {width: 100%;margin-left: 0;position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .highlights-item p {opacity: 0;
    -webkit-transition: opacity 500ms 500ms ease-in-out;
    transition: opacity 500ms 500ms ease-in-out;
  }
  .highlights-buttons {display: block;padding-top: 10px;}
  .highlights input {visibility: visible;}

  /*checked*/
  .highlights input:checked + div {position: relative; opacity: 1;visibility: visible;z-index: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .highlights input:checked + div p {opacity: 1;}
  .highlights input:nth-of-type(1):checked ~ .highlights-buttons label:nth-child(1),
  .highlights input:nth-of-type(2):checked ~ .highlights-buttons label:nth-child(2),
  .highlights input:nth-of-type(3):checked ~ .highlights-buttons label:nth-child(3) {background-color: #000}

  .modal-content {padding: 10px 5%;min-width: 88%;}
}

#floating * {font-family: 'Raleway'}
#floating {width:143px;position:fixed;right:0;z-index:99999;top:400px;top:70%;transform: translateY(-50%);}
#floating .bt-cadastro a, #floating .bt-investidor a, #floating .bt-whats a {width:143px;padding:0 20px;display:inline-block;vertical-align: top;-webkit-box-shadow: 1px 1px 2px 0 #152027;box-shadow: 1px 1px 2px 0 #152027;-webkit-transition: all 300ms; -moz-transition: all 300ms ; -ms-transition: all 300ms ; -o-transition: all 300ms ; transition: all 300ms ;}
#floating .bt-cadastro a:hover, #floating .bt-investidor a:hover, #floating .bt-whats a:hover {text-decoration:none;-webkit-transition: all 300ms; -moz-transition: all 300ms ; -ms-transition: all 300ms ; -o-transition: all 300ms ; transition: all 300ms ;}
#floating .bt-cadastro a:hover {background:#253743;}
#floating .bt-investidor a:hover {background:#253743;}
#floating .bt-whats a:hover {background:#34af23;}

#floating .bt-cadastro a {padding:0 15px 0 20px;height:53px;background:#f4ae01;margin-bottom:5px;text-align: center;}
#floating .bt-cadastro a svg {margin:30px 0 10px;width:56px;height:44px;left:50%;transform: translateX(-50%);position:relative;display: block}
#floating .bt-cadastro a .label, #floating .bt-investidor .label {font-family:'Raleway';font-size:18px;color:#fff;line-height:16px;margin:11px 0;display:block;}
#floating .bt-cadastro a .label b, #floating .bt-investidor .label b {font-size:18px;font-weight: 700;color:#fff;}
#floating .bt-cadastro a .label {line-height: 53px;margin:0;}

#floating .bt-investidor a {height:53px;background:#1184b9;}
#floating .bt-investidor a .label {font-size:16px;}
#floating .bt-investidor a svg {margin:10px 10px 10px 0;width:34px;height:34px;float:left;}
#floating .bt-investidor a svg path {fill:#1d91de;}

#floating .bt-whats a {padding:0 15px 0 20px;height:53px;background:#37bea6;margin-bottom:5px;text-align: center;}
#floating .bt-whats a svg {margin:30px 0 10px;width:56px;height:44px;left:50%;transform: translateX(-50%);position:relative;display: block}
#floating .bt-whats a .label, #floating .bt-investidor .label {font-family:'Raleway';font-size:18px;color:#fff;line-height:16px;margin:11px 0;display:block;}
#floating .bt-whats a .label b, #floating .bt-investidor .label b {font-size:18px;font-weight: 700;color:#fff;}
#floating .bt-whats a .label {line-height: 53px;margin:0;}

/*MODAL NOVO NÚMERO*/

h1 {
    font-size: 30px;
    margin-bottom: 40px;
}
p {
    margin-bottom: 20px;
}
.btn {
    background: #428bca;
    border: #357ebd solid 1px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
    transition: color .1s ease;
}
.btn:hover {
    background: #357ebd;
}
.btn.btn-big {
    font-size: 18px;
    padding: 15px 20px;
    min-width: 100px;
}
.btn-close {
    color: #aaaaaa;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.btn-close:hover {
    color: #919191;
}
.modal:target:before {
    display: none;
}
.modal:before {
    content:"";
    display: block;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.modal .modal-dialog {
    background: #1184b9;
    border: #333333 solid 1px;
    border-radius: 5px;
    margin-left: -200px;
    position: fixed;
    left: 50%;
    z-index: 11;
    width: 360px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    top: 20%;
}
.modal:target .modal-dialog {
    top: -100%;
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.modal-body {
    padding: 20px;    
}
.modal-body p {
    color: #fff !important;
    text-algin: center !important;
}

.modal-body p span {
    color: #fff !important;
    font-size: 20px !important;
}
.modal-header, .modal-footer {
    padding: 10px 20px;
}
.modal-header {
    border-bottom: #eeeeee solid 1px;
}
.modal-header h2 {
    font-size: 20px;
    color:#fff;
    text-align:center;
}
.modal-footer {
    border-top: #eeeeee solid 1px;
    text-align: right;
}

div#contato div.conteudo div.logo img {
  max-width: 42% !important;
  margin-top: -35% !important;
  margin-left: -12% !important;
}

input.wpcf7-form-control.wpcf7-submit {
  background-color: #054D7C !important;
  color: #fff !important;
}

div#footer div.infos div.links ul li {
  background-color: #5b5b5b;
}

div#footer div.infos div.links ul li:hover {
  background-color: #054D7C !important;
}

#end-footer {
  /*padding-top: 12%;*/
  margin-left: 12%;
  margin-top: 170px;
}

#end-footer h3 {
    font-weight: 600;
    color: #333;
    margin: 10px 0;
}

#end-footer p {
  font-weight: 400;
}

.endereco p {
    color: white;
    padding: 15px 18% 35px 18%;
    text-align: justify;
    font-size: 14px;
}

@media (max-width: 767px) {
  #end-footer {
    margin-left: 5%;
    margin-top: 70px;
  }

  div#contato div.conteudo div.logo img {
    margin-top: 0% !important;
    max-width: 50% !important;
    margin-left: 0 !important;
  }

  #footer .telefone {
    padding-bottom: 20px;
  }

  div.infos.clearfix { text-align: center; }
}

#ouvidoria {
  text-align: center;
}

#ouvidoria p {
  padding-top: 30px;
  color: #333;
  font-weight: 400;
}


.logo-box {
    padding-left: 5%;
}

.logo-box img {
    margin-top: -28px;
    max-height: 90px;
}