.sponsor_text_div {
    width:83.3333333%;
    /* height:25px; */
    /* float:left; */
    display:inline-block;
    margin-bottom:5px;
    clear:left;
}
.sponsor_image_div {
    width:16.6666667%;
    padding-right: 10px;
    /* height:125px; */
    margin-bottom:10px;
    float:left;
    display: inline-block;
}
@media screen and (max-width: 692px)   {
    .sponsor_text_div, .sponsor_image_div{
        width:100%;
        float:none;
    }
}

.ember-view {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px
}

.we-customer-review {
    padding: 1px 10px;
    opacity: 0
}

.we-modal__content__wrapper .we-customer-review {
    padding-left: 0;
    padding-right: 0
}

.we-customer-review__rating {
    margin-bottom: 3px
}

.we-star-rating {
    display: inline-block
}

.we-star-rating-stars, .we-star-rating-stars-outlines {
    display: inline-block;
    height: 14px;
    background-image: url(https://web-experience.itunes.apple.com/assets/images/stars-sm-694bf9e69349ac8b5130e737553f031a.svg);
    background-size: 13px 28px
}

.we-star-rating--large .we-star-rating-stars, .we-star-rating--large .we-star-rating-stars-outlines {
    height: 25px;
    background-image: url(https://web-experience.itunes.apple.com/assets/images/stars-lg-bc4f4bfdd931e007ab096dd1c209c689.svg);
    background-size: 24px 50px
}

.we-star-rating-stars-outlines {
    width: 65px;
    background-position: 0 14px;
    position: relative;
    line-height: 1;
    top: 3px;
    z-index: 1
}

.we-star-rating--large .we-star-rating-stars-outlines {
    width: 120px;
    background-position: 0 25px
}

.we-star-rating-stars {
    width: 0;
    background-position-x: 0
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-0,
.we-star-rating-stars.we-star-rating-stars-0 {
    width: 0
}

.we-star-rating-stars.we-star-rating-stars-0_5 {
    width: 6.5px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-0_5 {
    width: 12px
}

.we-star-rating-stars.we-star-rating-stars-1 {
    width: 13px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-1 {
    width: 24px
}

.we-star-rating-stars.we-star-rating-stars-1_5 {
    width: 19.5px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-1_5 {
    width: 36px
}

.we-star-rating-stars.we-star-rating-stars-2 {
    width: 26px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-2 {
    width: 48px
}

.we-star-rating-stars.we-star-rating-stars-2_5 {
    width: 32.5px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-2_5 {
    width: 60px
}

.we-star-rating-stars.we-star-rating-stars-3 {
    width: 39px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-3 {
    width: 72px
}

.we-star-rating-stars.we-star-rating-stars-3_5 {
    width: 45.5px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-3_5 {
    width: 84px
}

.we-star-rating-stars.we-star-rating-stars-4 {
    width: 52px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-4 {
    width: 96px
}

.we-star-rating-stars.we-star-rating-stars-4_5 {
    width: 58.5px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-4_5 {
    width: 108px
}

.we-star-rating-stars.we-star-rating-stars-5 {
    width: 65px
}

.we-star-rating--large .we-star-rating-stars.we-star-rating-stars-5 {
    width: 120px
}

.supporters-box {
  height: auto;
  position: relative;
}

.EmbeddedTweet-tweet {
  grid-column: 1;
  grid-row: 1;
}

.EmbeddedTweet-BoundingBox {
  display: grid;
}

blockquote.twitter-tweet {
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  background-color: #fff;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  padding: 0 16px 16px 16px;
  opacity: 0;
}

/* make keyframess that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  animation-duration:0.5s;
}

.fade-in.one {
  position: relative;
  z-index: 1;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.fade-in.two {
  position: relative;
  z-index: 2;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
}

.fade-in.three {
  position: relative;
  z-index: 3;
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  animation-delay: 20s;
}

.fade-in.four {
  position: relative;
  z-index: 4;
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  animation-delay: 30s;
}

.fade-in.five {
  position: relative;
  z-index: 5;
  -webkit-animation-delay: 40s;
  -moz-animation-delay: 40s;
  animation-delay: 40s;
}

.fade-in.six {
  position: relative;
  z-index: 6;
  -webkit-animation-delay: 50s;
  -moz-animation-delay: 50s;
  animation-delay: 50s;
}

.fade-in.seven {
  position: relative;
  z-index: 7;
  -webkit-animation-delay: 60s;
  -moz-animation-delay: 60s;
  animation-delay: 60s;
}

.fade-in.eight {
  position: relative;
  z-index: 8;
  -webkit-animation-delay: 70s;
  -moz-animation-delay: 70s;
  animation-delay: 70s;
}

.fade-in.nine {
  position: relative;
  z-index: 9;
  -webkit-animation-delay: 80s;
  -moz-animation-delay: 80s;
  animation-delay: 80s;
}

.fade-in.ten {
  position: relative;
  z-index: 10;
  -webkit-animation-delay: 90s;
  -moz-animation-delay: 90s;
  animation-delay: 90s;
}

.fade-in.eleven {
  position: relative;
  z-index: 11;
  -webkit-animation-delay: 100s;
  -moz-animation-delay: 100s;
  animation-delay: 100s;
}

.fade-in.twelve {
  position: relative;
  z-index: 12;
  -webkit-animation-delay: 110s;
  -moz-animation-delay: 110s;
  animation-delay: 110s;
}

.fade-in.thirteen {
  position: relative;
  z-index: 13;
  -webkit-animation-delay: 120s;
  -moz-animation-delay: 120s;
  animation-delay: 120s;
}

.fade-in.fourteen {
  position: relative;
  z-index: 14;
  -webkit-animation-delay: 130s;
  -moz-animation-delay: 130s;
  animation-delay: 130s;
}

.fade-in.fifteen {
  position: relative;
  z-index: 15;
  -webkit-animation-delay: 140s;
  -moz-animation-delay: 140s;
  animation-delay: 140s;
}

.fade-in.sixteen {
  position: relative;
  z-index: 16;
  -webkit-animation-delay: 150s;
  -moz-animation-delay: 150s;
  animation-delay: 150s;
}

.fade-in.seventeen {
  position: relative;
  z-index: 17;
  -webkit-animation-delay: 160s;
  -moz-animation-delay: 160s;
  animation-delay: 160s;
}

.fade-in.eighteen {
  position: relative;
  z-index: 18;
  -webkit-animation-delay: 170s;
  -moz-animation-delay: 170s;
  animation-delay: 170s;
}

.fade-in.nineteen {
  position: relative;
  z-index: 19;
  -webkit-animation-delay: 180s;
  -moz-animation-delay: 180s;
  animation-delay: 180s;
}

.fade-in.twenty {
  position: relative;
  z-index: 20;
  -webkit-animation-delay: 190s;
  -moz-animation-delay: 190s;
  animation-delay: 190s;
}

.fade-out {
  opacity:1;  /* make things visible upon start */
  -webkit-animation:fadeOut ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeOut ease-in 1;
  animation:fadeOut ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  animation-duration:0.5s;
}

.fade-out.one {
  position: relative;
  z-index: 1;
  -webkit-animation-delay: 9.5s;
  -moz-animation-delay: 9.5s;
  animation-delay: 9.5s;
}

.fade-out.two {
  position: relative;
  z-index: 2;
  -webkit-animation-delay: 19.5s;
  -moz-animation-delay: 19.5s;
  animation-delay: 19.5s;
}

.fade-out.three {
  position: relative;
  z-index: 3;
  -webkit-animation-delay: 29.5s;
  -moz-animation-delay: 29.5s;
  animation-delay: 29.5s;
}

.fade-out.four {
  position: relative;
  z-index: 4;
  -webkit-animation-delay: 39.5s;
  -moz-animation-delay: 39.5s;
  animation-delay: 39.5s;
}

.fade-out.five {
  position: relative;
  z-index: 5;
  -webkit-animation-delay: 49.5s;
  -moz-animation-delay: 49.5s;
  animation-delay: 49.5s;
}

.fade-out.six {
  position: relative;
  z-index: 6;
  -webkit-animation-delay: 59.5s;
  -moz-animation-delay: 59.5s;
  animation-delay: 59.5s;
}

.fade-out.seven {
  position: relative;
  z-index: 7;
  -webkit-animation-delay: 69.5s;
  -moz-animation-delay: 69.5s;
  animation-delay: 69.5s;
}

.fade-out.eight {
  position: relative;
  z-index: 8;
  -webkit-animation-delay: 79.5s;
  -moz-animation-delay: 79.5s;
  animation-delay: 79.5s;
}

.fade-out.nine {
  position: relative;
  z-index: 9;
  -webkit-animation-delay: 89.5s;
  -moz-animation-delay: 89.5s;
  animation-delay: 89.5s;
}

.fade-out.ten {
  position: relative;
  z-index: 10;
  -webkit-animation-delay: 99.5s;
  -moz-animation-delay: 99.5s;
  animation-delay: 99.5s;
}

.fade-out.eleven {
  position: relative;
  z-index: 11;
  -webkit-animation-delay: 109.5s;
  -moz-animation-delay: 109.5s;
  animation-delay: 109.5s;
}

.fade-out.twelve {
  position: relative;
  z-index: 12;
  -webkit-animation-delay: 119.5s;
  -moz-animation-delay: 119.5s;
  animation-delay: 119.5s;
}

.fade-out.thirteen {
  position: relative;
  z-index: 13;
  -webkit-animation-delay: 129.5s;
  -moz-animation-delay: 129.5s;
  animation-delay: 129.5s;
}

.fade-out.fourteen {
  position: relative;
  z-index: 14;
  -webkit-animation-delay: 139.5s;
  -moz-animation-delay: 139.5s;
  animation-delay: 139.5s;
}

.fade-out.fifteen {
  position: relative;
  z-index: 15;
  -webkit-animation-delay: 149.5s;
  -moz-animation-delay: 149.5s;
  animation-delay: 149.5s;
}

.fade-out.sixteen {
  position: relative;
  z-index: 16;
  -webkit-animation-delay: 109.5s;
  -moz-animation-delay: 109.5s;
  animation-delay: 109.5s;
}

.fade-out.seventeen {
  position: relative;
  z-index: 17;
  -webkit-animation-delay: 159.5s;
  -moz-animation-delay: 159.5s;
  animation-delay: 159.5s;
}

.fade-out.eighteen {
  position: relative;
  z-index: 18;
  -webkit-animation-delay: 109.5s;
  -moz-animation-delay: 109.5s;
  animation-delay: 109.5s;
}

.fade-out.nineteen {
  position: relative;
  z-index: 19;
  -webkit-animation-delay: 169.5s;
  -moz-animation-delay: 169.5s;
  animation-delay: 169.5s;
}

.fade-out.twenty {
  position: relative;
  z-index: 20;
  -webkit-animation-delay: 179.5s;
  -moz-animation-delay: 179.5s;
  animation-delay: 179.5s;
}

blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}

blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}

blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}

span.TweetAuthor-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 4px
}

span.TweetAuthor-screenName {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.Identity-name {
    font-weight: 700;
    font-size: 16px;
}

.Identity-screenName {
    color: #697882
}

.Identity:focus {
    text-decoration: none
}

.Identity:focus .Identity-name {
    text-decoration: underline
}

.Identity--blended:focus, .Identity--blended:hover {
    color: inherit
}

.Identity--blended .Identity-screenName {
    color: inherit
}

p.Tweet-text {
  margin-bottom: 0px
}

.Tweet-header {
  margin-top: 5px
}

span.rating-star {
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    margin-right: 2px;
    background: url("img/site/rating_star.png") 0 0 no-repeat;
    background-image: url("/img/site/rating_star.png");
    background-size: 100%
}

span.rating-star.half {
    width: 6px;
    height: 11px;
    background: url("/img/site/rating_star_half.png") 0 0 no-repeat;
    background-image: url("/img/site/rating_star_half.png");
    background-size: 100%
}

table.rating-stars {
  line-height: 0em;
}

.rating-star-bounding-box {
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: 6px;
    min-width: 240px;
}

.rating-bar-left {
    margin: 0px;
    border: 1px solid grey;
    display: block;
    float: left;
}

.rating-bar-right {
    margin: 0px;
    border: 1px solid lightgrey;
    display: block;
    float: left;
}

.rating-bar {
  width: 100px;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  margin-top: 0px;
  margin-bottom: 0px;
}

.rating-value {
  color: grey;
  font-size: 0.8em;
  padding-left: 3px;
}

h1.bonus_heading_title, h2.bonus_heading_title, h3.bonus_heading_title {
  padding: 0.25rem;
  margin-top: 0.125rem;
  background-color: gold;
  border-radius: 0.5rem;
}

div.bonus_heading_title {
  padding: 0.25rem;
  margin-top: 0.125rem;
  background-color: gold;
  border-radius: 0.5rem;
}

a.socialpersonbox {
   display:inline-block;
   font-size:18px;
   box-sizing: border-box;
   border: 2px solid;
   padding-left: 3px;
   padding-right: 3px;
   margin: 3px;
   border-radius: 6px;
}

a.socialpersonbox i.fab, .peopletablelinks i.far, .peopletablelinks i.fas, .peopletablelinks i.fal {
   font-size:18px;
}

a.pc20enhanced {
   display:inline-block;
   font-size:20px;
   box-sizing: border-box;
   border: 2px solid;
   padding-left: 2px;
   padding-right: 2px;
   margin: 2px;
   border-radius: 6px;
}
