/*.bloco-mobile-style{
    width: 100%;
  padding:2%;
  float: left;
  display: flex;
  background: #bad80a;
}*/
#tabsContainer{
margin-top:-5%;
}
    .cards-fatura{
        width:29%;
        margin-left:2%;
        margin-right:2%;
        float:left;
    }
    .cards-carregamento{
         width:29%;
        margin-left:2%;
        margin-right:2%;
        float:left;       
    }
.cards{
margin-top:20px;
margin-bottom:20px;
float:left;
width:100%;
}
    .cards-fatura-title{
text-align: center;
    font-size: 20px;
    color: #000;
    line-height: 22px;       
    }
    
    
    .cards-carregamento-content{

        margin-top:15px;
        margin-bottom:0px;
        float:left;
        width:100%;
        min-height: 193px;
        padding:15px;
        text-align:center;
    }    
    .green1{
        background:#BAD80A;
    }
    .green2{
        background:#6EA514;
    }
    .cards-fatura-content-newclients{
        border:solid 3px #6EA514;
        margin-top:15px;
        margin-bottom:0px;
        float:left;
        width:100%;
        min-height: 193px;
        background: #fff;
        padding:15px;
    }
    .green1 .cards-carregamento-content .cards-carregamento-content-info .cards-carregamento-price{
        font-size: 40px;
        color: #fff;
        font-weight:100;
        line-height: 27px;
        margin-bottom:25px;
        height: auto !important;
    }
    .green2 .cards-carregamento-content .cards-carregamento-content-info .cards-carregamento-price{
        font-size: 40px;
        color: #fff;
        font-weight:100;
        line-height: 27px;
        margin-bottom:25px;
    }
    .cards-carregamento-text{
            color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size:14px;
    }
    
    .green1 .cards-carregamento-content .cards-carregamento-content-info .cards-carregamento-GB{
        font-size: 40px;
        color: #6EA514;
        font-weight:100;
        line-height: 27px;
        font-weight:bold;
        height:auto !important;
    }
    .green2 .cards-carregamento-content .cards-carregamento-content-info .cards-carregamento-GB{
        font-size: 40px;
        color: #BAD80A;
        font-weight:100;
        line-height: 27px;
        font-weight:bold;
    }    
        
    .cards-fatura-content-newclients .cards-fatura-price{
        float: left;
        font-size: 34px;
        color: #6EA514;
        font-weight:100;
    }    
    
    .cards-fatura-content-clients{
        border:solid 3px #BAD80A;
        margin-top:15px;
        margin-bottom:15px;
        float:left;
        width:100%;
        background: #fff;
        min-height: 193px;
        padding:15px;
    }
    .cards-fatura-content-clients .cards-fatura-price{
        float: left;
        font-size: 34px;
        color: #BAD80A;
        font-weight:100;
         height: auto !important;
    }
    .cards-fatura-price small{
        font-size: 75%;
    }
    .cards-fatura-cta {
        float: right;
        margin-top: 8px;
        height: auto !important;
    }
    .cards-fatura-cta a{
        background:#000;
        width:auto;
        box-shadow:none;
    }
    .cards-fatura-cta a span{
        color:#fff;
    }
    
  .cards-carregamento-price small{
        font-size: 75%;
    }
    .cards-carregamento-cta {
        
        margin-top: 8px;
    }
    .cards-carregamento-cta a{
        background:#000;
        width:auto;
        box-shadow:none;
    }
    .cards-carregamento-cta a span{
        color:#fff;
    }    
    
.cards-fatura-content-info {
    float: left;
    width: 100%;
    position: relative;
    height: auto !important;
}
    .cards-fatura-content-clients .cards-fatura-GB{
        text-align: center;
        color: #6EA514;
        font-weight: bold;
        font-size: 50px;
    }
    .cards-fatura-content-clients .cards-fatura-GB-all{
        text-align: center;
        color: #6EA514;
        font-weight: bold;
        font-size: 27px;
        line-height: 30px;
        padding-bottom: 8px;
        padding-top: 6px;
    }
    
    .cards-fatura-content-newclients .cards-fatura-GB{
        text-align: center;
        color: #BAD80A;
        font-weight: bold;
        font-size: 50px;
    }
    .cards-fatura-content-newclients .cards-fatura-GB-all{
        text-align: center;
        color: #BAD80A;
        font-weight: bold;
        font-size: 27px;
        line-height: 30px;
        padding-bottom: 8px;
        padding-top: 6px;
    }    
    
    .cards-fatura-text{
        text-align: center;
        color: #000;
        font-size: 14px;
        font-weight: 500;
    }
    .margin-left-cards{
        margin-left:16.5%;
    }
    .duas-mais{
    background: #6EA514;
    width: 100%;
    color: #BAD80A;
    float: left;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    }

.com-fatura-mobile .slick-prev {
  left: 15px;
  transform: rotate(180deg);
}

.com-fatura-mobile .slick-next {
  right: 15px;
}

.com-fatura-mobile .slick-arrow {
  z-index: 5;
  top: 50%;
  height: 30px;
  width: 30px;
  margin-top: -13px;
  position: absolute;
  font-size: 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
  background-image: url("chevron.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.com-fatura-mobile .slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.com-fatura-mobile .slick-dots li {
  margin: 0 10px;
}

.com-fatura-mobile .slick-dots li button {
  background-color: transparent;
  border: none;
  content: none;
  outline: none;
  color: transparent;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  border: 1px solid black;
    min-width: auto;
    padding: 0;
}

.com-fatura-mobile .slick-dots li.slick-active button {
  background-color: black;
}

.com-fatura-mobile {
  position: relative;
  margin: 0;
  width: 100%;
  height: auto;
  padding: 0px 0;
}


 

.com-fatura-mobile-content {
 max-width: 400px;
  min-width: 300px;
}



.com-fatura-mobile div div div div div .cs_inner_slide{
      border: 0;
}
.com-fatura-mobile-content h2{
    font-size: 50px;
  color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.com-fatura-mobile-content p{
   text-align: center;
  color: #000;
      padding: 10px 20px;
}


.slick-track {
  display: flex !important;
  align-items: stretch;
}

.slick-slide {
  flex: 1;
  height: inherit !important;
}

.slick-track {
  display: flex !important;
}

.slick-slide div {
  height: 100%;
}

.cs_slide {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 15px;

}



.slick-active .cs_inner_slide,
.slick-current .cs_inner_slide {
  transform: scale3d(1, 1, 1);
  transition: 400ms;
}

.cs_inner_slide {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: inherit;
  max-width: 100%;
  transform: scale3d(1, 0.9, 1);
  transition: 400ms;
}
  .com-fatura-mobile{
    display: none
  }

.cads-mobile{
    display: none
}

@media (min-width: 37.5em) {
  .com-fatura-mobile {
    margin: 0 0%;
    width: 100%;
    padding: 20px 0;
  }
  .cs_slide {
    padding: 0px 5%;
  }
  .cs_inner_slide {

  }
}
@media (min-width: 90em) {
  .com-fatura-mobile {
    margin: 0%;
    width: 100%;
  }
 
  .cs_slide {
    padding: 0px 5%;
  }

}
@media only screen and (max-width: 900px){
  .cards-fatura-content-clients .cards-fatura-GB {
    text-align: center;
    color: #6EA514;
    font-weight: bold;
    font-size: 37px;
}
.cards-fatura-content-newclients .cards-fatura-GB {
    text-align: center;
    color: #BAD80A;
    font-weight: bold;
    font-size: 37px;
}
 .cards-fatura-content-clients .cards-fatura-GB-all {
    text-align: center;
    color: #6EA514;
    font-weight: bold;
    font-size: 21px;
    line-height: 30px;
    padding-bottom: 8px;
    padding-top: 6px;
}
.cards-fatura-content-clients .cards-fatura-price {
    float: left;
    font-size: 27px;
    color: #BAD80A;
    font-weight: 100;
    height: auto !important;
}
.cards-fatura-content-newclients .cards-fatura-price {
    float: left;
    font-size: 27px;
    color: #6EA514;
    font-weight: 100;
}
.cards-fatura-content-clients {
    border: solid 3px #BAD80A;
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    background: #fff;
    min-height: 173px;
    padding: 15px;
}
.cards-fatura-cta {
    float: right;
    margin-top: 2px;
    height: auto !important;
}
}
@media only screen and (max-width: 820px){
 
.hotspot h5 {
    color: #BAD80A;
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 15px;
    float: left;
    text-align: center;
}
.hotspot strong {
    font-size: 20px;
    width: 100%;
    float: left;
    text-align: center;
}
.hotspot p {
    font-size: 18px;
    font-weight: 300;
    color: #111;
    text-align: center;
    width: 100%;
    float: left;
}
.hotspot img {
    float: none !important;
    max-width: 300px;
    margin-right: 30px;
}
.hotspot{
 text-align: center;
}
.hotspot h6 {
    color: #BAD80A;
    font-size: 20px;
    font-weight: 300;
    float: left;
    margin: -3px 0;
    width: 100%;
    text-align: center;
}
 .cards-fatura-content-newclients .cards-fatura-GB {
    text-align: center;
    color: #BAD80A;
    font-weight: bold;
    font-size: 50px;
}
 .cards-fatura-content-newclients .cards-fatura-price {
    float: left;
    font-size: 29px;
    color: #6EA514;
    font-weight: 100;
}
 .cards-fatura-cta {
    float: right;
    margin-top: 8px;
    height: auto !important;
}
 .cards-fatura-content-clients {
    border: solid 3px #BAD80A;
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    background: #fff;
    min-height: 193px;
    padding: 15px;
}
 .cards-fatura-content-clients .cards-fatura-price {
    float: left;
    font-size: 29px;
    color: #BAD80A;
    font-weight: 100;
    height: auto !important;
}
 .cards-fatura-content-clients .cards-fatura-GB {
    text-align: center;
    color: #6EA514;
    font-weight: bold;
    font-size: 50px;
}
 .cards-fatura-content-clients .cards-fatura-GB-all {
    text-align: center;
    color: #6EA514;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 8px;
    padding-top: 6px;
}
 .cads-mobile{
  display: block;
 }
 #tabsContainer{
display: none;
}
.cards-carregamento {
    width: 100%;
    margin-left: 0;
    margin-right: 0%;
        min-width: 260px;
    }
.cards-carregamento-text {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    height: auto !important;
}
.slider3 .slick-list .slick-track .slick-slide div .cs_slide .cs_inner_slide{
 width: 100%;
}
.cards-carregamento-content{
  height: auto !important;
}
  .com-fatura-mobile{
    display: block
  }
}


@media only screen and (max-width: 600px){

  .com-fatura-mobile{
    display: block
  }
}

@media only screen and (max-width: 560px){
  .slick-slide{
    margin: 20px;
  }
}