body{
  font-family: 'Raleway', sans-serif;
}



.slick-slide img{
  border: black solid 1px;
  border-radius:15px; 
  


}
.wrapper{
  max-width:1200px;
  margin:0 auto;
}

.section{
  
}
.section * {
  
}
.section--one {
  background: #35CE8D;
}

.branding{
  padding-top:1.5rem;
}
img{
  margin-inline:auto;
}

.popup{
  display: absolute;
  top:20px; left:20px;
  color:black;
}

.rentalCriteria{
  margin-top:3rem;
  padding-top:0rem;
  position: relative;  
}

.rentalCriteria .title{
text-align:center;
font-size:2rem;
font-weight: bold;
}


.rentalCriteria .intro p:first-of-type {
  margin-top:2rem;
}

.rentalCriteria .property{
  text-align:center;
  font-size:1.5rem;
  font-weight: bold;
}
.specialWrapper{
  text-align: center;
}

.specialWrapper .specialAd{
  display:inline-block;
  position:relative;
  margin:24px auto 0px auto;
  padding: 15px 45px;
  background-color: rgb(119, 13, 41);
  background-image: linear-gradient(to bottom, #770d29, #5a1124, #3d111c, #230d13, #000000);
  color:white;
  border-radius: 20px;
  border:solid rgb(0, 0, 0) 2px;
  
}

.specialWrapper .specialAd .title{
  text-transform:uppercase;
  font-size:1.5rem;
  font-weight:bold;
}

.specialWrapper .specialAd .price{
  font-family: 'Work Sans', sans-serif;
  font-size:1.6rem;
  font-weight: bold;

}
  .specialWrapper .specialAd .month{
font-size:.8rem;
text-transform:lowercase;

  }
.specialWrapper .specialAd .subtitle{
  font-size:.8rem;
  font-weight: 500;
  
}

.specialWrapper .specialAd .specialBtn{
  background:yellow;
  margin-top:17px;
  padding:2px 14px;
  border:white solid 1px;
  border-radius: 7px;
  font-family: 'Libre Caslon Text', serif;
  font-family: 'Work Sans', sans-serif;
  font-size:1.2rem;
  cursor: pointer;
}

.specialIcon{
  position:absolute;
  top:-8px; left:-9px;
  width:88px;
}

.specialDetails{
  display: none;
  margin:1% 25% 0% 25%;
  padding: 50px 25px 25px 25px;
  background-color: #feffcb;
  border: black 1px solid;
  border-radius: 11px;
  position: relative;

}

.specialDetails p{
  text-align: left;
  margin-bottom:10px;
  text-indent: 10px;
}

.specialDetails .active{
  display:block;
  }

  .specialWrapper.active .content{
    transition:all 800ms ease-in-out;
    transform:translate(-50%, -50%) scale(1);
  }


.specialWrapper .specialDetails .title{
  text-align: center;
  font-weight: bold;
  font-size:1.3rem;
}

.specialWrapper .specialDetails .close-btn{
  cursor:pointer;
  position:absolute;
  right:15px;
  top:10px;
  width:30px;
  height:30px;
  background:#222;
  color:#fff;
  font-size:25px;
  font-weight:600;
  line-height: 30px;
  text-align:center;
  border-radius:50%;
  cursor: pointer;
}

.appProcessWrapper{
  margin: 15px 20%;
  background-color:red;
}
.appProcessWrapper p{

}

.appProcessWrapper ul{

}

.appProcessWrapper ul li{

}



.rentalCriteria p.intro:first-of-type{
padding-top:2rem;
}

.rentalCriteria p.intro{
  padding-top: 1.3rem;
  margin-left:5%; margin-right:5%;
  }


.expediteAppWrapper{
margin:25px auto;
text-align: left;
}

.expediteApp{
position: relative;
display:inline-block;
}

.expediteApp button{
  padding:2px 14px;
  margin-left:55px;
  border-radius: 7px;
  font-family: 'Work Sans', sans-serif;
  font-size:.9rem;
 background-color:black;
 background-image: linear-gradient(to bottom, #d2ab67, #ffffff,#d2ab67);
 border:solid black 1px;
 color:#770d29;
 font-weight: bold;
 text-transform:uppercase;
 cursor: pointer;
 
}

.expediteAppIcon{
position:absolute;
top:-7px; left:0;
width:35px;

}

.expediteAppDetails{
display:none;
position: relative;
margin:1% 0 0% 0%;
 padding: 50px 25px 25px 25px;
  background-color: #feffcb;
  border: black 1px solid;
  border-radius: 11px;
}
.expediteAppDetails ul, .expediteAppDetails ol {
padding-left:10px;
}
.expediteAppDetails ol li, .expediteAppDetails ul li {
list-style:circle;
}

.expediteAppDetails .title{
  font-weight: 900;
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}

.expediteAppWrapper .expediteAppDetails .close-btn{
  cursor:pointer;
  position:absolute;
  right:15px;
  top:10px;
  width:30px;
  height:30px;
  background:#222;
  color:#fff;
  font-size:25px;
  font-weight:600;
  line-height: 30px;
  text-align:center;
  border-radius:50%;
  cursor: pointer;
}


.requirement{
  margin:2rem 20% 2rem 20%;
}

.requirementTitle{
  color: rgb(135, 31, 38);
  font-size:1.3rem;
  font-weight: bold;
  text-align:center;
}
ul.requirementSummary{
  padding: 0;
}
.requirementSummary li{
  list-style-type:none;
  margin-top:.9rem;
}


.requirementSummary .hotword{
color: #0099ff;
font-weight: 600;
font-size:1.1rem;
}

.calendar form{
  text-align:center;
}

.calendar label{
  color:green;
  font-weight:bold;
  font-size:1.3rem;
}

.button{
  border-radius: 5rem;
  padding: 1rem 1.5rem;
  margin: 2rem 0 2rem 0;
  font-size: 1.5rem;
}
.ca{
 z-index:4;
}


.box{
  width: 100%;
  max-width:850px;
  min-height: 760px;
  background-color: black;
  position: absolute;
  z-index: 9999;
  overflow-y: hidden;
  opacity: 0.6;
  border-radius: 5px;
}


.box2{
 display:flex;
 background-color: rgb(64, 144, 214);
 justify-content: center;    

}

.policy{
  margin:3rem 5% 4rem 5%;
  font-size:.8rem;
  font-style:italic;
}
.policy h5{
  font-weight:800;
  font-size:1rem;
}
.policy p.bodyText{
  font-weight:400;
}

@media screen and (max-width: 768px) {
  body {
    /*background-color: #e5c0c0;
    color: #3498db;*/
  }
  .box{
    min-height: 760px;
    }
    .calendar label{
      font-size:1.1rem;
    }

    .requirement{
      margin:1.5rem 5% 1.5rem 5%;
    }
  
  }


