/*geral*/
body{overflow-x: hidden; padding:0; background-color: #F2F8FA}
.container-fluid{ padding: 0;}
.container{ padding: 0;}
header{ background-image: url("../imagens/fundo-topo.png"); background-repeat: no-repeat;}
.bartopo{background-image: url("../imagens/fundo-bartop.png"); background-repeat: no-repeat; height: 25px;}
.navbar{ background-color: transparent !important; }
.nav-item{text-transform: uppercase; font-weight: 600; }
.navbar-nav a:after{ content: " | "; padding-right: 20px; padding-left: 30px; font-size: 26px }
.nob:after{ content: "" !important;}
footer{height: 25px; background-color:#71B045;}
/* Preloader */
.pre-loader {
    background-color:#71B045;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000;
    z-index: 99999999;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.pre-loader div {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;


    top: 50%;
    height: 50px;
    width: 50px;
    position: relative;
    margin: -25px auto 0 auto;
    display: block;

    border-top: 2px solid rgba(0,0,0, 0.2);
    border-right: 2px solid rgba(0,0,0, 0.2);
    border-bottom: 2px solid rgba(0,0,0, 0.2);
    border-left: 2px solid #FFF;

    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform:  translateY(50%);
    -webkit-animation: load9 1.1s infinite linear;
    animation: load9 1.1s infinite linear;
}
.pre-loader div,
.pre-loader div:after {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
@-webkit-keyframes load9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**/
.box{ border-radius: 10px; border: 3px solid #54B947; padding: 15px; background-color: #fff }
.fundbox{ background-image: url("../imagens/fundo-box.png"); background-repeat: no-repeat; background-position: center bottom; }
.beneficios h1{text-transform: uppercase; font-size: 33px; }
.beneficios h2{text-transform: uppercase; font-size: 70px; color: #0D68A7; font-weight: 700;  }
.beneficios h3{text-transform: uppercase; font-size: 70px; color: #71B045; font-weight: 700;  }
.beneficios h4{text-transform: uppercase; font-size: 35px; color: #0D68A7; font-weight: 700;  }
.beneficios h5{ font-weight: 700; text-transform: uppercase; font-size: 13px; }
.beneficios h6{ text-transform: uppercase; font-weight: 700; font-size: 35px }
.beneficios span{ color: #71B045; font-weight: 700; }
.beneficios hr{ height: 0px; width: 55%; border-bottom:2px dotted #B6B5B6; border-top: 0 }
.btn-primary{ background-color: #0D68A7; border:0; border-radius: 25px; text-transform: uppercase; font-weight: 700; width:80%}
.btn-success{ background-color: #71B045; border:0; border-radius: 25px; text-transform: uppercase; font-weight: 700}
.btn1{ position: absolute; margin-top: 0px; letter-spacing: 2px; font-weight: 700; left: 46px; width: 75% }
.btn2{ margin-bottom: -24px; letter-spacing: 2px; font-weight: 700; width: 250px; }
.btn3{letter-spacing: 2px; font-weight: 700; font-size: 25px; width:38% }
.btn4{letter-spacing: 2px; font-weight: 700; font-size: 23px; width:48% }
.btn1-2{width:296px; letter-spacing: 2px; font-weight: 700}
.bdr{ border-right: 3px dotted #B6B5B6; }
.box1 h4{ color: #fff; background-color: #0D68A7; padding: 5px }
.box1 h5{color: #0D68A7; font-size: 45px}
.box1 p{ font-weight: 700; font-size: 18px }
.box2 h4{ color: #fff; background-color: #D62529; padding: 5px }
.box2 h5{color: #D62529; font-size: 45px}
.box2 p{ font-weight: 700; font-size: 18px }
.box3 h4{ color: #fff; background-color: #FECA0A; padding: 5px }
.box3 h5{color: #FECA0A; font-size: 45px}
.box3 p{ font-weight: 700; font-size: 18px }
.box4 h4{ color: #fff; background-color: #71B045; padding: 5px }
.box4 h5{color: #71B045; font-size: 45px}
.box4 p{ font-weight: 700; font-size: 18px }
.sep{ background-color:#0D68A7; height: 12px;  }
.sep2{ background-color:#71B045; height: 12px;  }
.mapa h1{ text-transform: uppercase; font-weight: 700; font-size: 35px }
.mapa h2{text-transform: uppercase; font-weight: 800; font-size: 19px}
.mapa ul{ list-style: none; padding: 0 }
.mapa li{font-weight: 700; font-size: 12px; text-transform: uppercase;}
.mapa hr{height: 0px; width: 55%; border-bottom:4px dotted #B6B5B6; border-top: 0; margin-top: 30px; margin-bottom: 25px;}
.barm{ border:4px solid #0D68A7 }
#canvas-holder {width: 100%; margin-top: 50px; text-align: center;}
#chartjs-tooltip {display: none;}
#chartjs-tooltip2 {display: none;}
.logos { background-color:white}
.logos .col-12 { background-color:#F2F8FA}
.logos h1{ text-transform: uppercase; font-weight: 700; font-size: 35px }
.logos h2{ text-transform: uppercase; font-weight: 700; font-size: 35px }
.logos h3{ text-transform: uppercase; font-weight: 700; font-size: 18px; color:#57585A; }
.logos hr{height: 0px; width: 55%; border-bottom:4px dotted #57585A; border-top: 0; margin-top: 30px; margin-bottom: 25px;}
.noca{ text-transform: none; }
.logos p { color: #57585A; font-weight: 700; font-size: 19px; }
.sociais h1{ text-transform: uppercase; font-weight: 700; font-size: 35px}
.sociais h2{ font-weight: 700; font-size: 30px; color:#57585A; }
.sociais h2:after{ content: " •••" }
.sociais h2:before{ content: "••• " }
.sociais h3{ font-size:30px; font-weight: 700; }
.sociais a{color: #9D9FA2 }
.detalhes{background-color:#0576B1; padding-top: 20px; padding-bottom: 20px; border-bottom: 2px solid #000 }
.detalhes{color: #fff; text-transform: uppercase;}
.detalhes a{ color: #fff; text-transform: uppercase; }
.mdetalhes h1{text-transform: uppercase; font-weight: 700; font-size: 40px}
.mdetalhes h1:after{content: " |"; font-weight: 400; font-size: 45px; padding-left: 15px;}
.mdetalhes h2{text-transform: uppercase; font-weight: 700; font-size: 28px}
.form-control{ margin-top: 15px; }
.select-css { text-transform: uppercase; display: block;    font-size: 16px;    font-family: sans-serif;    font-weight: 700;    color: #444;    line-height: 1.3;    padding: .6em 1.4em .5em .8em;
    width: 100%;    max-width: 100%;    box-sizing: border-box;    margin: 0;    border: 2px solid #000;   border-radius: 5em;
    -moz-appearance: none;    -webkit-appearance: none;    appearance: none;    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#fff 100%);    background-repeat: no-repeat, repeat;    background-position: right .7em top 50%, 0 0;    background-size: .65em auto, 100%;
}
.select-css::-ms-expand { display: none;}
.select-css:hover {border-color: #888;}
.select-css:focus {border-color: #aaa;    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);    box-shadow: 0 0 0 3px -moz-mac-focusring;    color: #222;     outline: none;
}
.select-css option {font-weight:normal;}
.cal{font-size: 35px; color: #0576B1 }
.color1{color: #0576B1;}.color2{color: #FECA0A!important}.color3{color: #8BC63E!important}.color4{color: #EE1D23!important}.color5{color: #808285!important}.color6{color: #999999!important}
.back1{background-color: #0576B1; height: 120px;}.back2{background-color: #FECA0A!important}.back3{background-color: #8BC63E!important}.back4{background-color: #EE1D23!important}.back5{background-color: #808285!important}.back6{background-color: #999999!important}
.recicla h2{color: #0576B1; font-size: 130px; font-weight: 700; }
.recicla h3{color: #0576B1; font-size: 50px; font-weight: 700; }
.recicla p{font-size: 22px; font-weight: 700;}
.rendimento h2{text-transform: uppercase; font-weight: 700; font-size: 28px}
.rendimento h3{text-transform: uppercase; font-weight: 700; font-size: 35px}
.rendimento ul{ list-style: none; }
.rendimento li{ font-weight: 700; text-transform: uppercase; padding-right: 15px; padding-left: 15px; }

/*medias*/
@media (max-width: 1366px) {
.btn1{letter-spacing: 0px;  left: 42px; }
}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
.navbar-nav a:after{padding-right: 5px; padding-left: 10px; font-size: 17px }
.beneficios h1{font-size: 25px;}
.beneficios h2{font-size: 40px;}
.beneficios h3{font-size: 40px;}
.beneficios h4{font-size: 20px;}
.btn1{letter-spacing: 0px;  left: 35px; }
.btn-success{font-size: 15px}
.mdetalhes h1{font-size: 32px;}
.mdetalhes h2{ font-size: 21px}
.recicla h3{font-size: 40px; }
.recicla p{font-size: 18px;}
}

@media (max-width: 768px) {
.nav-item{ text-align: center; }
.navbar-nav a:after{ content: ""; padding-right: 0px; padding-left: 0px; }
.btn1{letter-spacing: 0px;  left: 24px;  }
.btn1-2{width:250px;}
.btn-primary{ font-size: 13px}
.btn-success{ width:57%; font-size: 13px}
.beneficios h1{font-size: 20px;}
.beneficios h2{font-size: 40px;}
.beneficios h3{font-size: 40px;}
.beneficios h4{font-size: 20px;}
.box1 p{font-size: 11px }
.box2 p{font-size: 11px }
.box3 p{font-size: 11px }
.box4 p{font-size: 11px }
.logos h3{ font-size: 15px; }
.mdetalhes h1{font-size: 22px;}
.mdetalhes h1:after{padding-left: 10px;}
.mdetalhes h2{ font-size: 15px}
.recicla h2{color: #0576B1; font-size: 90px; }
.btn3{ font-size: 20px; width:50% }
.btn4{ font-size: 20px; width:70% }
.recicla h3{font-size: 30px; }
.rendimento h2{ font-size: 20px}
.box1 h5{font-size: 40px}
.box2 h5{font-size: 40px}
.box3 h5{font-size: 40px}
.box4 h5{font-size: 40px}
.mapa li{font-size:12px;}
.sociais h3{ text-align: center; font-size: 20px;  }
}

@media (max-width: 767px) {
.nav-item{ text-align: center; }
.navbar-nav a:after{ content: ""; padding-right: 0px; padding-left: 0px; }
.bdr{ border-right: 0; }
.logos h3{text-align: center; }
.mdetalhes h1:after{content: ""; padding-left: 0px;}
.mdetalhes h1{font-size: 35px; text-align: center;}
.mdetalhes h2{ font-size: 26px}
.recicla h2{color: #0576B1; font-size: 50px; }
.rendimento h3{font-size: 12px}
.sociais h3{ text-align: center; font-size: 20px;  }
.fundbox{ background-image: none; }
}

@media (max-width: 420px) {
.nav-item{ text-align: center; }
.navbar-nav a:after{ content: ""; padding-right: 0px; padding-left: 0px; }
.btn-success{ width:80%}
.btn1{letter-spacing: 0px; left: 34px; }
.btn1-2{width:100%;}
.bdr{ border-right: 0; }
.logos h3{text-align: center; }
.mdetalhes h1{font-size: 35px; text-align: center;}
.mdetalhes h2{ font-size: 26px}
.mdetalhes h1:after{content: ""; padding-left: 0px;}
.recicla h2{color: #0576B1; font-size: 50px; }
.rendimento h3{font-size: 12px}
.fundbox{ background-image: none; }
}