body { background:#F6F5F5; }

.landing .black-friday-bg {
  margin-top:50px;
  padding-left:25px;
  padding-right:25px;
  text-align:center;
  background:white;
  display:flex;
  justify-content:center;
  align-items:center;
}

.landing .reddit-promo {
  background:rgba(255,68,0,1);
  background:-moz-linear-gradient(-45deg,rgba(255,68,0,1) 0%,rgba(105,99,159,1) 70%);
  background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(255,68,0,1)),color-stop(70%,rgba(105,99,159,1)));
  background:-webkit-linear-gradient(-45deg,rgba(255,68,0,1) 0%,rgba(105,99,159,1) 70%);
  background:-o-linear-gradient(-45deg,rgba(255,68,0,1) 0%,rgba(105,99,159,1) 70%);
  background:-ms-linear-gradient(-45deg,rgba(255,68,0,1) 0%,rgba(105,99,159,1) 70%);
  background:linear-gradient(135deg,rgba(255,68,0,1) 0%,rgba(105,99,159,1) 70%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4400',endColorstr='#69639f',GradientType=1);
  cursor:pointer;
  padding-bottom:20px;
  text-align:center;
}

.landing .reddit-promo .features-wrapper {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}

.landing .reddit-promo .features-wrapper .features-item {
  max-width:390px;
  min-height:225px;
  padding:30px 25px 10px;
  border-radius:10px;
  background-color:rgba(0,0,0,0.2);
  color:#ffffff;
  font-family:"Helvetica",sans-serif;
  text-align:center;
  margin:10px;
  box-sizing:border-box;
}

.landing .reddit-promo .features-wrapper .features-item .icon-container {
  height:45px;
  width:30px;
  margin:0 auto 10px;
}

.landing .reddit-promo .features-wrapper .features-item .icon-container.rocket { width:35px; }

.landing .reddit-promo .features-wrapper .features-item .icon-container img { max-width:100%; }

.landing .reddit-promo .features-wrapper .features-item .title {
  color:#ffffff;
  font-size:18px;
  line-height:20px;
  font-weight:bold;
}

.landing .reddit-promo .features-wrapper .features-item .description {
  font-size:14px;
  line-height:16px;
  margin:0;
}

.landing .reddit-promo .action-button {
  max-width:350px;
  cursor:pointer;
  box-shadow:0px 12px 15px rgba(0,0,0,0.35);
  margin:10px auto;
  text-transform:uppercase;
}

.landing .reddit-promo .money-back {
  font-size:20px;
  line-height:25px;
  color:#ffffff;
  font-weight:bold;
  font-family:"Helvetica",sans-serif;
  text-align:center;
  margin:25px auto 10px;
}

.package-bottom.no-action-button { height:303px !important; }

.package-bottom.no-subscription { height:390px !important; }

.landing .black-friday-bg { background-color:#69639f; }

.reddit-logo {
  background-image:url(//cms-static.newsgroup.ninja/s1/p/QGWnkNxuiPMNoXHNvBSjkR/r/Brd9fpCYyLCEBgPeREL995/c/GVt1ZJ2nR3wu3B6y1jXNJ3/v/www.newsgroup.ninja/s/default/img/landing/redditlogo.png);
  background-repeat:no-repeat;
  width:105px;
  height:34px;
  display:inline-block;
}

.top-sub-title-container {
  margin-top:20px;
  display:inline-flex;
}

.top-sub-title.right { margin-left:2px; }

.top-sub-title.left { margin-right:12px; }

.top-sub-title {
  text-transform:uppercase;
  color:#fff;
  display:inline-block;
  padding-top:2px;
  font-size:20px;
}

.landing .header-info { margin-left:-40px; }

.landing .landing-header h1 {
  margin-top:20px;
  color:#756EA8;
  font-size:55px;
}

.landing .black-friday-bg h1 { color:#ffffff; }

.landing .bfcm li { color:#fff000 !important; }

.reddit-h1 {
  color:#fff !important;
  margin:0 !important;
  font-size:45px !important;
  margin-bottom:10px !important;
}

.landing .bfcm li:nth-child(2),
.landing .bfcm li:nth-child(3) { border-left:3px #fff000 solid !important; }

.landing .header-info li {
  display:inline;
  color:#888;
  font-weight:bold;
}

.landing .header-info li {
  margin-left:5px;
  font-size:30px;
}

.landing .header-info li:nth-child(2),
.landing .header-info li:nth-child(3) {
  border-left:3px #888 solid;
  padding-left:10px;
}

.landing .landing-header h3 { color:#FE7676; }

.landing .package-section { margin-top:60px; }

.landing .hide-plan { display:none; }

.landing .order-1 { order:1; }

.landing .order-2 { order:2; }

.landing .order-3 { order:3; }

.landing .multiple.order-1,
.landing .multiple.order-3 { margin-top:35px !important; }

.landing .package-box,
.landing .package-box-disabled {
  margin:20px;
  height:auto;
  max-width:380px;
}

.landing--usenet-sale .package-box,
.landing--usenet-sale .package-box-disabled { max-width:320px; }

.landing .package-save {
  text-align:center;
  font-size:18px;
  line-height:26px;
  letter-spacing:0px;
}

.landing .package-box:not(.active) .package-save,
.landing .package-box-disabled:not(.active) .package-save { background:#AFAFAF; }

.landing .package-box:not(.active) .package-percent,
.landing .package-box-disabled:not(.active) .package-percent { color:#AFAFAF; }

.landing .package-box.order-2:not(.active) .package-save,
.landing .package-box.order-2:not(.active) .package-save { background:#3BB279; }

.landing .package-box.order-2:not(.active) .package-percent { color:#3BB279; }

.landing .package-header {
  text-align:center;
  color:#fff !important;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:30px;
}

.landing .package-header.bfcm { margin-bottom:-10px; }

.landing .old-price {
  text-align:center;
  color:#fff !important;
  opacity:0.5;
  font-size:15px;
  padding-bottom:10px;
}

.landing .package-pricing {
  display:block;
  text-align:center;
  color:#fff !important;
}

.landing .package-dollar {
  display:inline;
  position:relative;
  top:-20px;
  left:-5px;
  color:#fff !important;
}

.landing .package-price,
.landing .package-month { color:#fff !important; }

.package-box { border:none; }

.package-box.active {
  border:none;
  box-shadow:none;
}

.package-box:not(.order-2) .top-box { padding-top:5px; }

.landing .package-box.active .top-box {
  background:#7F73AF;
  border:solid 4px #7F73AF;
  -webkit-box-shadow:-9px 10px 5px -7px rgba(204,204,204,1);
  -moz-box-shadow:-9px 10px 5px -7px rgba(204,204,204,1);
  box-shadow:-9px 10px 5px -7px rgba(204,204,204,1);
}

.landing .package-bottom.disabled { height:353px; }

.landing .package-box.active .package-bottom.disabled {
  border:solid 2px #cdcacb;
  border-top:none;
}

#disabled {
  margin-top:12px !important;
  cursor:default !important;
}

#disabled .top-box {
  background:#cdcacb;
  border:solid 4px #cdcacb;
}

.package-bottom.no-action-button.disabled-expanded { border:none !important; }

.landing .package-box .top-box {
  background:#CDCACB;
  border-radius:10px;
  border:solid 4px #CDCACB;
}

.landing .package-bottom {
  background:#fff;
  margin-top:-33px;
  margin-left:0.5px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.landing .package-box.active .package-bottom {
  -webkit-box-shadow:-9px 10px 5px -7px rgba(204,204,204,1);
  -moz-box-shadow:-9px 10px 5px -7px rgba(204,204,204,1);
  box-shadow:-9px 10px 5px -7px rgba(204,204,204,1);
  border:solid 2px #7F73AF;
  border-top:none;
}

.landing .package-bottom ul li {
  display:flex;
  line-height:1;
  border-bottom:2px solid #CDCACB;
  margin-left:20px;
  margin-right:20px;
  position:relative;
  padding-left:18px;
}

.landing .package-bottom ul li i:not(.fa-question-circle) {
  position:absolute;
  top:9px;
  left:2px;
}

.landing .package-bottom ul li .info-wrapper {
  position:relative;
  margin-left:5px;
  display:inline-block;
  height:18px;
}

.landing .package-bottom ul li .info-wrapper i { margin-right:0; }

.landing .package-bottom ul li .info-wrapper .info {
  display:none;
  position:absolute;
  bottom:20px;
  right:-4px;
  z-index:100;
  background:#ffffff;
  width:210px;
  padding:10px;
  border-radius:4px;
  margin:0;
  box-shadow:-5px -5px 14px rgba(0,0,0,0.35);
  font-size:12px;
  color:#999;
}

.landing .package-bottom ul li .info-wrapper i:hover+.info { display:block; }

.landing .package-box .package-bottom ul li span {
  width:17px;
  height:18px;
  background-image:url(//cms-static.newsgroup.ninja/s1/p/QGWnkNxuiPMNoXHNvBSjkR/r/Brd9fpCYyLCEBgPeREL995/c/GVt1ZJ2nR3wu3B6y1jXNJ3/v/www.newsgroup.ninja/s/default/img/landing/icon-globe-grey.png);
  background-repeat:no-repeat;
  background-size:100%;
  position:absolute;
  left:0;
  top:10px;
}

.landing .package-box.active .package-bottom ul li span { background-image:url(//cms-static.newsgroup.ninja/s1/p/QGWnkNxuiPMNoXHNvBSjkR/r/Brd9fpCYyLCEBgPeREL995/c/GVt1ZJ2nR3wu3B6y1jXNJ3/v/www.newsgroup.ninja/s/default/img/landing/icon-globe.png); }

.landing .package-bottom ul li:nth-last-child(1) { border-bottom:2px solid transparent; }

.landing .package-box.order-2 .package-bottom ul li { font-size:16px; }

.landing .package-box .package-bottom .get-now {
  font-size:20px;
  color:#fff;
  padding:10px 20px 10px 20px;
  background:#D0CECE;
  margin:0 20px 20px;
  text-align:center;
  border-radius:5px;
  font-weight:bold;
}

.action-button {
  max-width:350px;
  cursor:pointer;
}

.landing .package-box.active .package-bottom .get-now,
.action-button {
  font-size:20px;
  color:#fff;
  padding:10px 20px 10px 20px;
  background:#ff7800;
  margin:0 20px 20px;
  text-align:center;
  border-radius:5px;
  font-weight:bold;
}

.btn-confirm { background:#ff7800 !important; }

.pay-button.bfcm { background:#ed6e3c; }

.landing .package-box.active .package-bottom .see-details,
.landing .package-box:not(.active) .package-bottom .see-details {
  display:none;
  position:relative;
  font-size:20px;
  color:#cccacb;
  padding:0;
  background:transparent;
  width:90%;
  margin:0 auto;
  text-align:center;
  border-radius:5px;
}

.landing .package-box .package-bottom .see-details span {
  position:absolute;
  top:0;
  right:0;
  font-size:55px;
  line-height:25px;
  height:33px;
}

.star-plan {
  background:#FDEED3;
  padding:5px 15px 5px 15px;
  margin-top:10px;
  border-radius:20px;
  border:solid 2px #F8DAA4;
  color:#6A6A68;
  text-align:center;
}

.star-plan .fa-star { color:#FEAA28; }

.want-discount {
  margin-top:15px;
  padding:5px;
  background:#FEE4E4;
  border:2px solid #FE7676;
  border-radius:10px;
  color:#6A6A68;
  text-align:center;
}

.want-discount h2 {
  color:#FE7676;
  font-weight:bold;
  font-size:23px;
  text-align:center;
  margin-top:6px;
}

.signup-container {
  background:#fff;
  border:2px #8778B5 solid;
  margin:10px;
}

#form-container h3 {
  margin-left:20px;
  margin-right:20px;
}

.signup-container .input-frame,
.signup-container input,
.signup-container select { font-weight:normal; }

.required-star {}

.payment-terms {
  margin:0 auto;
  margin-bottom:20px;
  margin-top:20px;
}

.savings {
  color:#7C7C7C;
  font-weight:normal;
  font-size:16px;
  margin-top:20px;
}

.savings p:nth-child(2) { margin-top:-10px; }

.slashed { text-decoration:line-through; }

.total { color:#47BB85; }

.per-month {
  color:#bfbebe;
  font-size:15px;
  font-weight:normal;
  position:relative;
  margin-bottom:20px;
  margin-top:0px;
}

.per-month p:first-child { margin:0; }

.payment-info { margin-bottom:20px; }

.payment-info p {
  color:#a5a5a5;
  font-weight:300;
  font-size:12px;
  line-height:14px;
  margin:0;
  font-family:"Helvetica",sans-serif;
}

.payment-info p a {
  color:#a5a5a5;
  text-decoration:underline;
}

.landing-wrapper { text-align:center; }

@media screen and (max-width:638px) {
  .per-month { margin-top:-5px; }

  .per-month p:first-child {
    font-size:12px;
    left:57%;
  }

  .per-month p:last-child {
    font-size:12px;
    left:57%;
  }
}

.user-exists-error {
  color:red;
  text-align:left;
  font-weight:normal;
  margin-top:-10px;
}

.user-exists-error .get-started { color:#9D9D9D; }

.user-exists-error .get-started a {
  color:#8778B5;
  text-decoration:underline;
}

@media screen and (max-width:1199px) {
  .order-includes { display:none; }
}

.order-includes {
  position:absolute;
  top:1036px;
  left:75%;
}

.order-includes.reddit {
  position:absolute;
  top:1340px;
  left:79%;
}

.black-friday-bg .package-bottom ul { padding:10px 0 5px 40px; }

.order-includes .ribbon img {
  width:168px;
  margin-left:-10px;
}

.order-includes .ribbon {
  position:relative;
  display:block;
  padding:0.75em 0 0.75em 0.5em;
  background:#CBF9E4;
  width:250px;
  text-align:center;
  margin-bottom:8px;
  border:2px solid #45E39B;
  color:#47BB85;
  font-weight:bold;
  font-size:16px;
}

.order-includes .ribbon:before {
  content:"";
  display:inline-block;
  -webkit-transform:rotate(-135deg);
  -moz-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  -o-transform:rotate(-135deg);
  transform:rotate(-135deg);
  -webkit-transform-origin:0% 100%;
  -moz-transform-origin:0% 100%;
  -ms-transform-origin:0% 100%;
  -o-transform-origin:0% 100%;
  transform-origin:0% 100%;
  position:absolute;
  top:-24%;
  bottom:50%;
  left:31px;
  right:1.6em;
  background:#F6F5F5;
  width:44px;
  height:44px;
  border-left:2px solid #45E39B;
  border-bottom:2px solid #45E39B;
}

.order-includes .ribbon:after {
  content:"";
  display:inline-block;
  -webkit-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  -o-transform:rotate(135deg);
  transform:rotate(135deg);
  -webkit-transform-origin:100% 100%;
  -moz-transform-origin:100% 100%;
  -ms-transform-origin:100% 100%;
  -o-transform-origin:100% 100%;
  transform-origin:100% 100%;
  position:absolute;
  top:-14px;
  bottom:50%;
  left:172px;
  right:1.6em;
  background:#F6F5F5;
  width:44px;
  height:44px;
  border-right:2px solid #45E39B;
  border-bottom:2px solid #45E39B;
}

.order-includes .includes-box {
  width:250px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

.order-includes .includes-box .includes-title {
  text-align:center;
  background:#8778B5;
  color:#fff;
  padding:10px 5px 10px 5px;
  font-weight:bold;
  font-size:18px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

.order-includes .includes-box .includes-info {
  background:#fff;
  color:#646464;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

.order-includes .includes-box .includes-info ul {
  padding-top:15px;
  padding-bottom:15px;
  padding-left:19px;
  margin:0 auto;
}

.order-includes .includes-box .includes-info ul li {
  list-style-type:none;
  padding:3px;
  font-size:14px;
}

.order-includes .includes-box .includes-info ul li .fa-check { color:#3BB279; }

.package-bottom.monthly-deal {
  height:360px;
  margin-bottom:20px;
}

.testimonials-container {
  padding:50px;
  background:#ebe9f7;
}

.testimonials-container h2 {
  font-size:27px;
  line-height:27px;
  color:#333333;
  text-align:center;
  margin:0 0 20px;
}

.testimonials-container .carousel {
  max-width:600px;
  margin:0 auto;
}

.testimonials-container .carousel .item-container {
  font-size:14px;
  line-height:16px;
  font-family:"Helvetica",sans-serif;
  border-radius:8px;
  background-color:#ffffff;
  min-height:130px;
  margin:0 15px;
  padding:20px 35px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.testimonials-container .carousel .item-container p {
  color:#333333;
  font-weight:300;
  margin-bottom:10px;
}

.testimonials-container .carousel .item-container span {
  color:#757575;
  font-weight:bold;
}

.testimonials-container .carousel .carousel-control {
  width:30px;
  left:-30px;
  background-image:none;
}

.testimonials-container .carousel .carousel-control.right {
  left:auto;
  right:-30px;
  background-image:none;
}

.testimonials-container .carousel .carousel-control .glyphicon {
  font-size:16px;
  color:#afacb6;
  text-shadow:none;
}

.hero-wrapper { padding:10px 0; }

.hero-img { height:130px; }

.h5.hero-info {
  color:#fbe4d0;
  margin:0;
}

.landing .landing-header h1.h1.hero-h1 { margin:0; }

.package-bottom {
  height:auto;
  width:auto;
}

@media screen and (max-width:1199px) and (min-width:992px) {
  .package-box {
    width:300px;
    height:160px;
  }
}

@media screen and (max-width:974px) {
  .landing .package-section.triple { flex-direction:column; }

  .landing .package-section.triple .order-2 { order:1; }

  .landing .package-section.triple .order-1 { order:3; }

  .landing .package-section.triple .order-3 { order:2; }

  .landing .package-section.triple .package-box { margin:0 auto; }

  .landing .multiple.order-1,
  .landing .multiple.order-3 { margin-top:64px !important; }

  .landing .landing-header {
    flex-direction:column-reverse;
    padding:30px 15px;
  }
}

@media screen and (max-width:711px) {
  .landing .order-2 { order:1; }

  .landing .order-1 { order:2; }

  .landing .order-3 { order:3; }

  .package-bottom.no-subscription { height:80px !important; }

  .package-bottom.no-action-button.disabled-expanded { height:379px !important; }

  .landing .package-bottom.disabled { height:416px; }
}

@media screen and (max-width:711px) {
  .landing .package-bottom { width:100.2%; }

  .package-bottom.no-action-button { height:73px !important; }

  .landing .package-box .package-bottom ul li,
  .landing .package-box.active .package-bottom ul li { font-size:17px; }

  .landing .package-box.active .package-bottom.monthly-deal {
    height:initial;
    min-height:365px;
  }

  .landing .package-box.order-2 .package-bottom .see-details {}

  .landing .package-box.active .package-bottom .see-details { display:none; }

  .landing .package-box.active .package-bottom .get-now { display:block; }

  .star-plan,
  .want-discount { display:none; }

  .landing .multiple.order-1,
  .landing .multiple.order-3 { margin-top:64px !important; }
}

@media screen and (max-width:633px) {
  .landing .landing-header h1 { font-size:47px; }

  .landing .header-info li { font-size:19px; }

  .landing .landing-header h3 { font-size:22px; }

  #form-container h3 { font-size:25px; }

  .testimonials-container .carouse,
  .testimonials-container .carousel .item-container { min-height:180px; }
}

@media screen and (max-width:450px) {
  .landing .feature-header { display:flex; }

  .landing .reddit-promo .features-wrapper .features-item .icon-container { margin:0 10px 10px; }

  .landing .reddit-promo .features-wrapper .features-item .title {
    margin:0;
    text-align:left;
  }

  .payment-logos {
    justify-content:space-between;
    margin-top:-10px;
  }

  .payment-logos__text {
    display:block;
    font-size:15px;
  }

  .signup-container .payment-logos img { margin-right:5px; }

  .testimonials-container { padding:50px 30px; }

  .testimonials-container .carouse,
  .testimonials-container .carousel .item-container { min-height:200px; }

  .testimonials-container h2 {
    font-size:22px;
    line-height:22px;
  }
}

@media screen and (max-width:370px) {
  .landing .package-box.active .package-bottom { height:auto !important; }

  .landing .package-box.active .package-bottom .get-now { margin-bottom:18px !important; }

  .landing .package-box .package-bottom ul li,
  .landing .package-box.active .package-bottom ul li { font-size:17px; }

  .testimonials-container .carouse,
  .testimonials-container .carousel .item-container { min-height:245px; }
}

@media screen and (max-width:333px) {
  .landing .package-bottom ul { margin-top:25px; }
}

@media (min-width:975px) {
  .hero-img {
    margin-left:-200px;
    margin-right:20px;
  }
}