.ad-wrap {
width:100%;
  position: fixed;
  top:20%;
  right: -650px;
  transition: all 500ms;
  height: auto;
  max-width:300px;

}
.ads:hover{

  transform: scale(1.1);
transition: all .5s;
}
.darkness{
width:100%;
position: relative;
  height:100%;
  background-color: rgba(0,0,0,.5);
  z-index:1
}
.spacers{
width:100%;
position: relative;
  height:100%;
  
  z-index:1
}
.ads {
position: relative;
  border-bottom: 2px solid white;
  
}
.close-item {
position:absolute;
  top:5px;
  right:5px;
  z-index: 6;
  height:16px;
  width:16px;
}
.close-item:hover {
cursor: pointer;
}
.fa-close {
color:#fff
}

.cta-text p, .cta-text p.cta-words, .cta-words a {
text-align:left;
  color:#fff;
  font-size: 1em;
  
  line-height:1.4em;
  font-weight:500
}

a.special-ad-button {
background-color: #0b6fc5;
  border-radius: 16px;
  padding:7px 1em;
  color: #fff;
  border: 2px solid white;
  text-decoration: none;
  font-weight: 600;
  font-size .9;

  
}
.cta-logo img {width:100%; max-width:250px}
.cta-content-wrap {
position:absolute;
  right: 2em;
  top:50%;
  transform: translateY(-50%);
  width:80%;
  z-index:5
}

a.special-ad-button:hover {
color:#fff
}

.active {
right:0px
}

@media(max-width:1600px){
  .ad-wrap{
  display: none
  }

}