.subscriptions-callout {
  border: 3px solid #17a665;
  border-radius: 4px;
  background-color: #faf1e4;
  padding: 30px;
  margin: 10px 0 10px 25px;
}

.subscriptions-callout h2 {
  font-family: 'Roboto';
  font-weight: lighter;
  color: black;
  font-size: 3em;
}

.subscriptions-callout .large-text {
  font-size: 1.5em;
}

.subscriptions-callout .green {
  color: #17a665;
}

.subscriptions-callout .btn-lg {
 padding: 10px 16px;
 font-size: 18px;
 line-height: 1.33;
 border-radius: 6px;
}

.subscriptions-bts-special {
  background-color: #e4f1fa;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px 45px;
}

.subscriptions-bts-special .span4 {
  position: relative;
  background-color: white;
  padding: 20px;
  box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.32);
  height: 210px;
}

.subscriptions-bts-special .subscribe-btn {
  margin-top: 20px;
}

.subscriptions-bts-special .cents {
  font-size: 20px;
  position: relative;
  top: -17px;
}

.subscriptions-bts-special .duration-text {
  position: relative;
  top: -30px;
  right: -50px;
}

.subscriptions-bts-special .splat-bg {
  position: absolute;
  background-image: url("https://media1.shmoop.com/images/landing_images/subscriptions-premium-panel-splat.png");
  background-repeat: no-repeat;
  width: 100px;
  height: 150px;
  top: 0;
  right: 0;
}

.subscriptions-bts-special h2 {
  font-family: 'Roboto';
  font-size: 2.8em;
  font-weight: 300;
  color: black;
}

.subscriptions-bts-special h2.sub-title {
  font-size: 2.2em;
  color: #f05a22;
}

.subscriptions-bts-special p.lead {
  font-weight: 400;
}

.subscriptions-bts-special p.lead.specifics {
  margin-left: 20px;
}

.bts-modal.fade.in {
  top: 10%;
}

.bts-modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.fade.in {
  opacity: 1;
}

.hide {
  display: none;
}

.bts-modal {
  display: block;
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;

}