.header-note {
  position: relative;
  height: 60px;
  border-top: 1px solid #b8e986;
  border-bottom: 0px solid #adcf64;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
}

.special-note {
  color: #b8e986;
  text-decoration: none;
}

.full-with-note {
  width: 100%;
  height: 60px;
  padding-left: 50px;
  background-image: url('http://stockdio.com/images/ads/stockdio-icon-white-green.png');
  background-position: 0px 50%;
  background-size: 40px;
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: none;
}

.close-note {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 26px;
  height: 26px;
  background-image: url('http://stockdio.com/images/ads/close-icon-thin.png');
  background-position: 50% 50%;
  background-size: 26px;
  background-repeat: no-repeat;
}


.toaster-ad {
  position: fixed;
  right: 0%;
  bottom: 0px;
  z-index: 9999;
  width: 400px;
  height: 200px;
  margin-left: -200px;
  border-top: 1px solid #b8e986;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-image: url('http://stockdio.com/images/ads/hero-mini-stockdio-1.png'), -webkit-linear-gradient(270deg, #556980, #556980);
  background-image: url('http://stockdio.com/images/ads/hero-mini-stockdio-1.png'), linear-gradient(180deg, #556980, #556980);
  background-position: 50% 0px, 0px 0px;
  background-size: 550px, auto;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .24);
}

.block-ad-fullw-cont {
  height: 500px;
  padding-top: 60px;
  padding-bottom: 50px;
  border-top: 2px solid #b8e986;
  border-bottom: 2px solid #b8e986;
  background-image: -webkit-linear-gradient(270deg, rgba(37, 45, 78, .78), rgba(37, 45, 78, .78)), url('http://stockdio.com/images/ads/stockdio-ui-bg.png'), -webkit-linear-gradient(270deg, #424e64, #424e64);
  background-image: linear-gradient(180deg, rgba(37, 45, 78, .78), rgba(37, 45, 78, .78)), url('http://stockdio.com/images/ads/stockdio-ui-bg.png'), linear-gradient(180deg, #424e64, #424e64);
  background-position: 0px 0px, 50% 27%, 0px 0px;
  background-size: auto, 90%, auto;
  background-repeat: repeat, no-repeat, repeat;
}

.white {
  color: #fff;
}

.white.center {
  font-family: Lato, sans-serif;
  font-weight: 300;
  text-align: center;
}

.center {
  text-align: center;
}


    .default-ghost {
    margin-top: 15px;
    margin-bottom: 0px;
    padding: 21px 40px;
    border: 2px solid #fff;
    border-radius: 80px;
    background-color: transparent;
    font-family: Questrial, sans-serif;
    color: #fff;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    text-decoration:none;
}



@media (max-width: 991px) {
  .header-note {
    height: 70px;
    padding-top: 15px;
  }
  .full-with {
    width: 95%;
    height: 40px;
    background-position: 0px 50%;
    line-height: 20px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .content {
    height: 40px;
  }
  .full-with-note {
    width: 80%;
    margin-right: auto;
    margin-left: 30px;
  }
  .close-note {
    top: 20px;
  }
}

@media (max-width: 479px) {
  .header-note {
    display: none;
    height: 110px;
  }
  .full-with-note {
    width: 90%;
    height: auto;
    margin-left: 20px;
    padding-left: 0px;
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
    text-align: center;
  }
}