.social-icons-sprite, .social-icons-fb, .social-icons-pinterest, .social-icons-plus, .social-icons-tumblr, .social-icons-twitter, .quote-generator .share-quote ul li i.fb, .quote-generator .share-quote ul li i.pin, .quote-generator .share-quote ul li i.twitter, .quote-generator .share-quote ul li i.tumblr, .quote-generator .share-quote ul li i.plus {
    background: url(/scripts/hp-apps/content/images/social-icons-sc70dbd9af8.png) no-repeat;
} 

.quote-generator {
    /*margin-bottom: 30px;*/
    position: relative;
    border: 2px solid #b7993e;
}
@-webkit-keyframes play {
      from {
        background-position: 0px;
      }
  
      to {
        background-position: -4130px;
      }
  }
  
    @-moz-keyframes play {

      from {
        background-position: 0px;
      }
  

      to {
        background-position: -4130px;
      }
  }
  
    @-ms-keyframes play {

      from {
        background-position: 0px;
      }
  

      to {
        background-position: -4130px;
      }
  }
  
    @-o-keyframes play {

      from {
        background-position: 0px;
      }
  

      to {
        background-position: -4130px;
      }
  }
  
    @keyframes play {
      
      from {
        background-position: 0px;
      }
  
      
      to {
        background-position: -4130px;
      }
  }
  
  
  
  .quote-generator .wrap {
    width: 100%;
    min-height: 570px;
    background-repeat: no-repeat;
    background-color: black;
    position: relative;
    background-size: cover;
  }
  
  .quote-generator .btn-primary.get {
    font-size: 18px;
    padding: 6px 20px;
  }
  
  .quote-generator .btn-sm, .quote-generator .btn-group-sm > .btn {
    padding: 3px 25px;
    font-size: 12px;
  }
  
  .quote-generator figure {
    position: relative;
  }
  
  .quote-generator figure .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  
  .quote-generator .quote-header {
    /* padding-top: 5%; */
    text-align: center;
    margin: 0 auto;
  }
    .quote-generator .quote-header img {
        margin-bottom: 15px !important;
    }

    .quote-generator .quote {
        min-height: 200px;
        text-align: center;
        color: white;
        font-size: 30px;
        font-family: Imfell, 'GillSansStd';
        padding: 0 10% 20px 10%;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 100%;
        font-weight: 400;
    }
  
  .quote-generator .book {
    margin: 0;
    text-align: center;
    color: #b7993e;
    padding: 0 10%;
    font-size: 20px;
    font-family: Imfell, 'GillSansStd';
    margin-top: 10px;
    text-shadow: 0 2px 5px #000;
  }
  
  .quote-generator .book span:first-child {
    display: block;
  }
  
  .quote-generator .quote-btn-wrap {
    text-align: center;
    /* margin-bottom: 20px;
    margin-top: 30px; */
  }
  
  .quote-generator .quote-btn-wrap.share {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  
  .quote-generator .share-quote {
    text-align: center;
    margin-top: 20px;
  }
  
  .quote-generator .share-quote ul {
    display: inline-block;
    padding: 0;
  }
  
  .quote-generator .share-quote ul li {
    float: left;
    list-style: none;
    margin-right: 12px;
  }
  
  .quote-generator .share-quote ul li i {
    display: inline-block;
    height: 46px;
    width: 46px;
  }
  
  .quote-generator .share-quote ul li i.fb {
    background-position: 0 -184px;
  }
  
  .quote-generator .share-quote ul li i.pin {
    background-position: 0 -46px;
  }
  
  .quote-generator .share-quote ul li i.twitter {
    background-position: 0 -138px;
  }
  
  .quote-generator .share-quote ul li i.tumblr {
    background-position: 0 -92px;
  }
  
  .quote-generator .share-quote ul li i.plus {
    background-position: 0 0;
  }
  
  .quote-generator .share-quote ul li:last-child {
    margin: 0;
  }
  
  .quote-generator .sparkle {
    position: absolute;
    top: 2%;
    display: none;
    width: 100%;
  }
  
  .quote-generator .sparkle-hi {
    top: 18%;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .quote-wrap {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      padding-top: 15px;
    padding-bottom: 30px;
  }

  
  .btn.btn.btn-primary.btn-hp {  
    border: 3px solid transparent !important;
    margin-right: 15px;
    line-height: 14px;
    background-color: #e0c87a;
    padding: 7px 35px 4px;    
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #01085d;
    letter-spacing: 2px;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.01, #ceac46), color-stop(0.2, #e6d28b), color-stop(0.6, #cdab46), color-stop(1, #e6d28b));
    background-image: -o-linear-gradient(right bottom, #ceac46 1%, #e6d28b 20%, #cdab46 60%, #e6d28b 100%);
    background-image: -moz-linear-gradient(right bottom, #ceac46 1%, #e6d28b 20%, #cdab46 60%, #e6d28b 100%);
    background-image: -webkit-linear-gradient(right bottom, #ceac46 1%, #e6d28b 20%, #cdab46 60%, #e6d28b 100%);
    background-image: -ms-linear-gradient(right bottom, #ceac46 1%, #e6d28b 20%, #cdab46 60%, #e6d28b 100%);
    background-image: linear-gradient(135deg, #ceac46 1%, #e6d28b 20%, #cdab46 60%, #e6d28b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .btn.btn.btn-primary.btn-hp:hover {
    background: rgb(184,155,69);
    background: -moz-linear-gradient(135deg, rgba(184,155,69,1) 0%, rgba(209,191,129,1) 30%, rgba(184,155,69,1) 70%, rgba(209,191,129,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(184,155,69,1) 0%, rgba(209,191,129,1) 30%, rgba(184,155,69,1) 70%, rgba(209,191,129,1) 100%);
    background: linear-gradient(135deg, rgba(184,155,69,1) 0%, rgba(209,191,129,1) 30%, rgba(184,155,69,1) 70%, rgba(209,191,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b89b45",endColorstr="#d1bf81",GradientType=1);
      color: #FFF;
  }

  .btn.btn.btn-primary.btn-hp {
    padding: 15px 60px;
    font-size: 18px;
    cursor: pointer;
  }
  @media all and (max-width: 767px) {
    .btn.btn.btn-primary.btn-hp {
        padding: 6px 40px;
        font-size: 15px;        
    }
    .quote-generator .quote {
        font-size: 26px;
    }
    .quote-generator .book {
        font-size: 16px;
        padding: 0;
    }
}