.pagamento{
  font-family: 'Montserrat', sans-serif;
  background: #3f4b4f;
  padding: 1rem;
  color: white;
  text-align: left;
  border: .1rem solid #313D43;
}
.card-header{color: white;}

.card-body{background:  #222222;}
.card-header{height: 3.6rem; background: #000000; border: none; border-bottom: .1rem solid #128aa3;}
.divisao{
  width: 50%; float: left;
  border-bottom: .1rem solid #313D43;
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
}
.card{border: .1rem #1e2326  solid ; border: none;}
a{
  text-decoration: none;
  color: white;
}
a:hover{
  text-decoration: none;
  color: white;
}
.divisao:hover{
  background: #0d0d0d;
}
.comum{
  cursor: default !important;
}
.comum:hover{
  background: #252c30 !important;
}
.geral{
  margin-top: .5rem;
  background: #252c30;
  border: .1rem solid #313D43;
  border-radius: .3rem;
}
.divisao > h3, .divisao > h5{
  text-align: center !important;
}
.button{
  margin-top: 2rem;
  text-align: center !important;
}
.left{
  float: left;
}
.right{
  float: right;
}
.risco{
  text-decoration: line-through;
}
.geral:nth-of-type(2){
  background: #0f5563;
  padding-top: 1rem !important;
  margin-top: -.5rem !important;
  border: .1rem solid #313D43;
}
.geral:nth-of-type(2) > .comum:hover{
  background: #0f5563 !important;
}
.geral:nth-of-type(2) > .divisao{
  border-bottom: .1rem solid #222 !important;
}
.geral:nth-of-type(2) > .divisao:nth-last-child(2){
  border-bottom: none !important;
}
.divisao:nth-last-child(2){
}
.popular{
  background: #FE1B21 !important;
  color: white;
  padding: .5rem;
  font-weight: bold;
  width:8rem;
  border-radius: .2rem;
  z-index: 999;
  height: 2.5rem;
  margin-top: -1.8rem;
  text-align: center;
}
.btn{
  margin-bottom: 2rem !important;
  width: 12rem;
}
.ciano{
  color: white;
  border: .1rem solid #00B4D9 !important;
  background: none;
}
.ciano:hover{
  color: white;
  background: #0db2d1 !important;
}
.btn-orange{
  background: #0d4374 ;
  border: .1rem solid #00B4D9 !important;
  background: #297e8c;
  color: white;
}
.btn-orange:hover{
  background: #0ca8c6 !important;
}
.inside{

}
.gray{
  color: #888;
  text-align: center;
}

.white{
  color: white !important;
  font-size: .8rem;
}


###################news####################

.newPlanes{}
.newPlanes > div{background: none; padding: 2rem; border: .1rem solid #828282;}
.newPlanes > div > h2{color: #16ceff;}
.moneyAtc{color: white; font-size: 2rem;}
.lowerText{color: #ddd;}
.href{color: #6cd9e0 !important;}
.standart{}
.full{}


  /* The Modal (background) */
 .modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 }

 /* Modal Content/Box */
 .modal-content {
   background-color: #fefefe;
   margin: 15% auto; /* 15% from the top and centered */
   padding: 20px;
   border: 1px solid #888;
   width: 80%; /* Could be more or less, depending on screen size */
 }

 /* The Close Button */
 .close {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
 }

 .close:hover,
 .close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
 }
###################news####################


###################Requisitos####################
.requisitos{
  margin-top: 5rem !important;
  padding: 2rem;
}

.quadro{
  border: none !important;
  border-radius: .3rem;
  color: white;
  padding: 2rem 2rem;
  font-size: .8rem;
  text-align: justify;
  background: #252C30;
}


.site-youtube-btn{
  text-align: center !important;
  font-size: 1.2rem;
  margin-top: 3rem;
}
.site-youtube-btn > a{
  border-radius: 1.8rem;
  border: .17rem solid #00B4D9 !important;
  padding: 1rem 1.5rem;
}
.site-youtube-btn > a:hover{
  background: #00B4D9 !important;
  transition: .2s;
  font-size: 1.25rem;
}


@media (max-width: 800px) {
  .botaocollapse{text-decoration: none !important; color: #fff !important; text-align: justify; font-size: .5rem !important;}
  .geral:nth-of-type(2){
    margin-top: 3rem !important;
    background: #0B2735;
    border: .1rem solid #313D43;
  }
  .pagamento{margin-top: -5rem !important;}
  .divisao{
    width: 100% !important; float: left;
    border-bottom: .1rem solid #313D43;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
  }
}

@media (min-width: 701px) {
  .botaocollapse{text-decoration: none !important; color: #fff !important; text-align: justify; font-size: 1rem;}

}