.ft-text{
    font-size:19px;
    text-align: justify;
}
.ft-titulo{
    font-size:50px;
}
.top-10{
    margin-top:5%;
}

/*  -----------------------
          ENTIDADES
    -----------------------*/
.entidade-link {
  background: url(../img/entidades.png) no-repeat; 
  display: inline-block;
  width: 145px;
  height: 50px;
  text-indent: -2000em;
}
.entidade-casanprev {
  background-position: 21px -7px;
}
.entidade-datusprev {
  background-position: -126px -2px;
}
.entidade-celos {
  background-position: -280px -3px;
}
.entidade-prevunisul {
  background-position: -437px -9px;
}
.entidade-quanta {
  background-position: -604px -5px;
}
.entidade-previg {
  background-position: -752px 3px;
}
.entidade-previsc {
  background-position: 23px -63px;
}
.entidade-fumpresc {
  background-position: -119px -62px;
}
.entidade-elos {
  background-position: -255px -58px;
}
.entidade-fusesc {
  background-position: -419px -58px;
  width: 165px;
}
.entidade-oabprev {
  background-position: -609px -58px;
}
.entidade-brf {
  background-position: -756px -53px;
}
.entidade-scprev {
  background-position: 38px -122px;
}
.entidade-sulprevidencia {
  background-position: -120px -116px;
}
/*  -----------------------
        PATROCINADORES
    -----------------------*/
.patrocinador-link {
  background: url(../img/patricionadores.png) no-repeat; 
  display: inline-block;
  width: 145px;
  height: 50px;
  text-indent: -2000em;
}
.patrocinador-somma {
  background-position: 18px 4px;
}
.patrocinador-riviera {
  background-position: -128px 4px;
}
.patrocinador-fator {
  background-position: -267px 6px;
}
.patrocinador-bbm {
  background-position: -392px 4px;
}
.patrocinador-vinci {
  background-position: -530px 12px;
}
.patrocinador-bny-mellon {
  background-position: -678px 16px;
  width: 114px;
}
.patrocinador-arx {
  background-position: -776px 14px;
  width: 121px;
}

body { 
  font-family: 'Catamaran', sans-serif;
  background: url(../img/back.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bg-circulo{
  background: url(../img/bolac.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;    
  height:500px;
    
}
.margin-10-tp{
    margin-top:10%;   
}
.bt-10{
    margin-bottom:10%;
}
.bt-5{
    margin-bottom: 5%;
}
.btn-simula { 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000000;
  font-size: 24px;
  background: #f58a1e;
  width: 100%;
  padding: 6%;
  text-decoration: none;
  cursor:pointer;
}

.btn-valor { 
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000000;
  font-size: 19px;
  background: #f58a1e;
  width: 100%;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn-index3 { 
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000000;
  font-size: 20px;
  background: #f58a1e;
  width: 100%;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn-index3:hover {
  background: #b0271e;
  color:white;
  text-decoration: none;
}
.margin-lp-10{
    margin-left:10%;
}
.btn-comparar { 
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000000;
  font-size: 19px;
  background: #7eb639;
  width: 100%;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn-altera { 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000000;
  font-size: 20px;
  background: #f58a1e;
  width: 100%;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn-altera:hover {
  background: #b0271e;
  color:white;
  text-decoration: none;
}
.margin-5-b{
    margin-bottom:5%;
}
.btn-comparar:hover {
  background: #b0271e;
  color:white;
  text-decoration: none;
}
.btn-valor:hover {
  background: #b0271e;
  color:white;
  text-decoration: none;
}
.btn-simula:hover {
  background: #b0271e;
  color:white;
  text-decoration: none;
}
.padding-0{
    padding:0px !important;
}
.input-forms{
    border-radius:0px !important;
    background:#cecece !important;
    color:black !important;
    height: 49px;
}
.control-label{
    font-size:17px!important;
}
.text-orange{
    color: #f58a1e;
}
.margin-5{
    margin-top:5px;
    margin-bottom:5px;
}
.margin-form{
    margin-top:10px;
    margin-bottom:5px;
}
.margin-l-10{
    margin-left:10px;
}
.margin-5-t{
    margin-top:5px;
}
.margin-5-tp{
    margin-top:5%;
}
.margin-200-tp{
    margin-top:200px;
}
.margin-30-tp{
    margin-top:30%;
}
.margin-50-tp{
    margin-top:50%;
}
.margin-70-tp{
    margin-top:30%;
}
.margin-80-tp{
    margin-top:40%;
}
.margin-3-tp{
    margin-top:3%;
}
.margin-1-tp{
    margin-top:1%;
}
.margin-lp-5{
    margin-left:5%;
}
.margin-lp-30{
    margin-left:70%;
}
.margin-lp-20{
    margin-left:50%;
}
.margin-lp-40{
    margin-left:40%;
}



.margin-rp-30{
    margin-left:-110px;
}

.margin-rp-40{
    margin-left:-40px;
}

.margin-rp-50{
    margin-left:-50px;
}



.box-red{
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: white;
  font-size: 14px;
  background: #af2724;
  width:200px;
  padding: 8px;
  text-decoration: none;      
}

.box-orange{
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: white; 
  font-size: 14px;
  background: #ea5822;
  width:200px;
  padding: 10px;
  text-decoration: none;      
}

.box-yellow{
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: white;
  font-size: 14px;
  background: #eaa637;
  width:200px;
  padding: 10px;
  text-decoration: none;      
}

.box-black{
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: white;
  font-size: 14px;
  background: #454a40;
  width:200px;
  padding: 10px;
  text-decoration: none;      
}

.box-gray{
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: white;
  font-size: 14px;
  background: #666666;
  width:200px;
  padding: 10px;
  text-decoration: none;      
}

.box-aqua{
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: white;
  font-size: 14px;
  background: #00a89b;
  width:200px;
  padding: 10px;
  text-decoration: none;      
}

.box-green{
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: white;
  font-size: 14px;
  background: #7eb639;
  width:200px;
  padding: 10px;
  text-decoration: none;      
}

.box-blue{
  position:relative;
  top:8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: white;
  font-size: 14px;
  background: #0070ab;
  width:200px;
  padding: 10px;
  text-decoration: none;      
}

.form-red{
    border-radius:0px !important;
    background:#af2724 !important;
    color:white !important;
}
.form-orange{
    border-radius:0px !important;
    background:#ed5923 !important;
    color:white !important;
}
.form-yellow{
    border-radius:0px !important;
    background:#e9a537 !important;
    color:white !important;
}
.form-gray{
    border-radius:0px !important;
    background:#6e6e6e !important;
    color:white !important;
}
.form-green{
    border-radius:0px !important;
    background:#80b83a !important;
    color:white !important;
}
.form-aqua{
    border-radius:0px !important;
    background:#00958c !important;
    color:white !important;
}
.form-blue{
    border-radius:0px !important;
    background:#005e9e !important;
    color:white !important;
}
.form-black{
    border-radius:0px !important;
    background:#3b3e3c !important;
    color:white !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    white!important ;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    white!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    white!important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    white!important;
}

.verde{
    color:#7eb338;    
}
.vermelho{
    color:#af2724;
}

.valor-red{
    border-radius:0px !important;
    background:#af2724 !important;
    color:white !important;
    text-align: center;
    padding: 10px;
}
.valor-orange{
    border-radius:0px !important;
    background:#ed5923 !important;
    color:white !important;
    text-align: center;
    padding: 10px;    
}
.valor-yellow{
    border-radius:0px !important;
    background:#e9a537 !important;
    color:white !important;
    text-align: center;
    padding: 10px;    
}
.valor-gray{
    border-radius:0px !important;
    background:#6e6e6e !important;
    color:white !important;
    text-align: center;
    padding: 10px;    
}
.valor-green{
    border-radius:0px !important;
    background:#80b83a !important;
    color:white !important;
    text-align: center;
    padding: 10px;    
}
.valor-aqua{
    border-radius:0px !important;
    background:#00958c !important;
    color:white !important;
    text-align: center;
    padding: 10px;    
}
.valor-blue{
    border-radius:0px !important;
    background:#005e9e !important;
    color:white !important;
    text-align: center;
    padding: 10px;    
}
.valor-black{
    border-radius:0px !important;
    background:#3b3e3c !important;
    color:white !important;
    text-align: center;
    padding: 10px;    
}
.col-form-label{
    margin-top:12px !important;
    font-size:15px;
}
.margin-2-tp{
    margin-top:2%;
}
.margin-lp-2{
    margin-left:2%;
}
.percentual {
  display: inline-block;
}
.green {
  color:green;
}
.red {
  color:red;
}
.box-percentual {
  background: antiquewhite;
  height: 40px;
}
.texto-destaques {
    color: #f58a1e;
    font-size: 25px;
}
.title-marginTop-20 {
  margin-top: 40px;
}
.bgcolor-previdencia {
  background: #a7d66e;
}
.input-previdencia {
    border: 0;
    box-shadow: 0px 0px 2px 0px rgb(0, 0, 0);
}
.input-custom {
    height: 54px;
    font-size: 16px;
}
.box-percent {
  position: absolute;
  z-index: 1;
  font-weight: bold;
  color: #fff;
  font-size: 15px;
  width: 52px;
  text-align: center;
}
.box-percent-position-1 {
  top: 21.5%;
  left: 37%;
}
.box-percent-position-2 {
  top: 34%;
  left: 26%;
}
.box-percent-position-3 {
  top: 51%;
  left: 26%;
}
.box-percent-position-4 {
  top: 64%;
  left: 37%;
}
.box-percent-position-5 {
  top: 64%;
  left: 52%;
}
.box-percent-position-6 {
  top: 50%;
  left: 63.7%;
}
.box-percent-position-7 {
  top: 34%;
  left: 63%;
}
.box-percent-position-8 {
  top: 21.5%;
  left: 52%;
}
/*  -----------------------
          SPRITES
    -----------------------*/
.sprite-hands {
  background: url(../img/hands.png) no-repeat;
}
.sprint-hands-like-32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0;
  background-size: 64px;
  background-position: -32px;
}
.sprint-hands-dislike-32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0;
  background-size: 64px;
  background-position: 0;
}
.sprint-hands-like-32-margin {
  margin-bottom: -5px;
}
.sprint-hands-dislike-32-margin {
  margin-bottom: -8px;
}
.sprite-hands-margin-adjust {
  margin-top: 3px;
  margin-bottom: -2px;
}

@media screen and (width: 768px) {

  .box-percent {
    position: absolute;
    z-index: 1;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    width: 52px;
    text-align: left;
  }
  .img-bola {
    margin-left: -5px;
  }
}
@media screen and (max-width: 767px) {

  .box-percent {
    font-size: 12px;
  }
}