/*
* 77 - Black e Pink
* 132 - Branco - Black
* 189 - Black - Branco
*/


/* -----------------------------------------------
 * User Geral
 * ----------------------------------------------- */
 html{
  height: 100%;
  margin: 0;
  padding: 0;
}

body{
  height: 100%;
  margin: 0;
  padding: 0;
}

#container{
  min-height: 100%;
  position: relative;
}

#footer{
  width: 100%;
  left: 0;
  bottom: 0;
}

.img-user{
  display: table;
  margin: 10px auto 20px;
}

.img-user img{
  width: 110px;
  height: 110px;
  border-radius: 50%;
}

.box-btn{
  text-align: center;
}

.footer-user {
  padding: 20px 0 0;}
  @media (max-width: 768px) {
    .footer-user {
      padding: 20px 0 0;} }

footer a {
  padding: 0 0 0 0; }

.img-ninja{
  display: table;
  margin: 10px auto 20px;
}
      
.img-ninja img{
  width: 88px;
  height: auto;
}

.link-ninja {
  color: #ff00bf; }
  .link-ninja:hover {
    color: #F284DE;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; 
    text-decoration: none}

/* -----------------------------------------------
 * User Black - Pink [1123]
 * ----------------------------------------------- */
.theme-1 {
  background: #2a2e2f;
  color: #d4d6da; }

.user-1 {
  padding: 24px 0; }

.user-1-title{
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
  
.user-1-title a{
  color: #d4d6da;
  text-decoration: none;
}

.btn-user-1 {
   background: #ff00bf;
   border: 2px solid #ff00bf;
   color: #ffffff;
   border-radius: 11px;
   font-size: 20px;
   margin-top: 15px;
   padding: 15px 40px; }
  
   @media (max-width: 2992px) {
     .btn-user-1 {
      width: 70%; } }
  
   @media (max-width: 992px) {
     .btn-user-1 {
      font-size: 18px;
      width: 100%;
      margin-top: 15px;
      padding: 15px 16px; } }

   @media (max-width: 480px) {
     .btn-user-1 {
       width: 100%;
       margin-top: 15px; } }
 
 .btn-user-1:hover,
 .btn-user-1:focus {
   background-color: #ff00bf;
   border-color: #ff00bf;
   opacity: 0.9;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #ffffff; }

/* -----------------------------------------------
 * User Branco - Laranja [Rango]
 * ----------------------------------------------- */

.theme-2 {
  background: #ffffff;
  color: #2a2e2f; }

.user-2 {
  padding: 24px 0; }

.user-2-title{
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
  
.user-2-title a{
  color: #2a2e2f;
  text-decoration: none;
}

.btn-user-2 {
   background: #FF5800;
   border: 2px solid #FF5800;
   color: #ffffff;
   border-radius: 11px;
   font-size: 20px;
   margin-top: 15px;
   padding: 15px 40px; }
  
   @media (max-width: 2992px) {
     .btn-user-2 {
      width: 70%; } }
  
   @media (max-width: 992px) {
     .btn-user-2 {
      font-size: 18px;
      width: 100%;
      margin-top: 15px;
      padding: 15px 16px; } }

   @media (max-width: 480px) {
     .btn-user-2 {
       width: 100%;
       margin-top: 15px; } }
 
 .btn-user-2:hover,
 .btn-user-2:focus {
   background-color: #FF5800;
   border-color: #FF5800;
   opacity: 0.9;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #ffffff; }


/* -----------------------------------------------
 * User Off White - Verde [Vito's]
 * ----------------------------------------------- */

.theme-3 {
  background: #2a2e2f;
  color: #ffffff; }

.user-3 {
  padding: 24px 0; }

.user-3-title{
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
  
.user-3-title a{
  color: #ffffff;
  text-decoration: none;
}

.btn-user-3 {
   background: #ffffff;
   border: 2px solid #ffffff;
   color: #2a2e2f;
   border-radius: 11px;
   font-size: 20px;
   margin-top: 15px;
   padding: 15px 40px; }
  
   @media (max-width: 2992px) {
     .btn-user-3 {
      width: 70%; } }
  
   @media (max-width: 992px) {
     .btn-user-3 {
      font-size: 18px;
      width: 100%;
      margin-top: 15px;
      padding: 15px 16px; } }

   @media (max-width: 480px) {
     .btn-user-3 {
       width: 100%;
       margin-top: 15px; } }
 
 .btn-user-3:hover,
 .btn-user-3:focus {
   background-color: #ffffff;
   border-color: #ffffff;
   opacity: 0.9;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #2a2e2f; }