/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


.fade-in-mgmt {
      animation: fadeIn 10s;
      -webkit-animation: fadeIn 10s;
      -moz-animation: fadeIn 10s;
      -o-animation: fadeIn 10s;
      -ms-animation: fadeIn 10s;
      height: 65vh;
    }

    .fade-in-mgmt-header{
      animation: fadeIn 10s;
      -webkit-animation: fadeIn 10s;
      -moz-animation: fadeIn 10s;
      -o-animation: fadeIn 10s;
      -ms-animation: fadeIn 10s;
    }


    
    @keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    @-moz-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    @-webkit-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    @-o-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    
    @-ms-keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }


.contact-form-custom{
      margin-top: 2rem;
}

.btn-login-tenants{
      font-weight: bold !important;
      font-family: "Lato" !important;
}

.btn-login-owners{
      font-weight: bold !important;
      font-family: "Lato" !important;
}

.realtorlogos {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.realtorlogos img{
  max-width: 4em;
  margin-right: 2em;
}

/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid rgb(65, 67, 75);
  transform: scale(1.1);
}

label img {
  padding: 5px;
  border: solid 0.2px rgb(156, 156, 156);
  border-radius: 10px;
  max-width: 12em;
}

#wizard7 .actions {
  display: flex;
  justify-content: center;
}

#wizard7 > div.actions.clearfix > ul > li:nth-child(3) {
  display: none !important;
}

#wizard7 > div.actions.clearfix > ul {
  padding-left: 0;
}

#wizard7 > div.actions.clearfix > ul > li:nth-child(1) {
  margin-left: -10px;
}

@media (max-width: 991px) {
  label img {
    max-width: 8em
  }
}