/*------------------------------------------------------------------
[Table of contents]

1. Container / .ks-pricing-subscriptions-page
2. Header / .ks-pricing-subscriptions-page > .ks-header
3. Subscriptions plans / .ks-pricing-subscriptions-page > .ks-subscriptions
-------------------------------------------------------------------*/
.ks-pricing-subscriptions-page {
  
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto; }
  .ks-pricing-subscriptions-page > .ks-header {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    position: relative; }
    .ks-pricing-subscriptions-page > .ks-header > .ks-name {
      font-size: 36px;
      font-weight: normal;
      margin-bottom: 10px; }
    .ks-pricing-subscriptions-page > .ks-header > .ks-description {
      font-size: 14px;
      color: #858585; }
  .ks-pricing-subscriptions-page > .ks-subscriptions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .subscription-toggle {
      position: absolute;
      right: 0;
      top: -100px; }
      .subscription-toggle > .ks-checkbox-text-slider {
        text-align: right; }
      .subscription-toggle > .ks-description {
        -webkit-border-radius: 2px;
                border-radius: 2px;
        background-color: rgba(46, 204, 113, 0.1);
        font-size: 10px;
        font-weight: 500;
        text-align: center;
        color: #4caf50;
        padding: 7px 15px;
        margin-top: 10px;
        text-transform: uppercase; }
    .ks-subscription {
      margin-top: 30px;
      width: 100%;
      -webkit-border-radius: 2px;
              border-radius: 2px;
      background: rgba(46, 204, 113, 0.1);
      border: solid 1px rgba(57, 81, 155, 0.1);
      margin-right: 30px; }
      .ks-subscription:last-child {
        margin-right: 0; }
      .ks-subscription > .ks-header {
        padding: 30px 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        border-bottom: 1px solid rgba(57, 80, 155, 0.1);
        text-align: center; }
        .ks-subscription > .ks-header > .ks-name {
          font-size: 14px;
          font-weight: 500;
          color: #efefef;
          margin-bottom: 10px; }
        .ks-subscription > .ks-header > .ks-price {
          font-size: 24px;
          color: #efefef; }
          .ks-subscription > .ks-header > .ks-price > .ks-amount {
            display: inline-block;
            color: #4caf50;
            margin-right: 5px; }
      .ks-subscription > .ks-body {
        padding: 30px 50px; }
        .ks-subscription > .ks-body > ul {
          margin: 0;
          list-style: none;
          padding: 0;
          margin-bottom: 30px; }
          .ks-subscription > .ks-body > ul > .ks-item {
            font-size: 12px;
            margin-bottom: 11px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -js-display: flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
            .ks-subscription > .ks-body > ul > .ks-item:last-child {
              margin-bottom: 0; }
            .ks-subscription > .ks-body > ul > .ks-item > .ks-icon {
              font-size: 20px;
              line-height: 20px;
              color: rgba(51, 51, 51, 0.3);
              width: 28px; }
            .ks-subscription > .ks-body > ul > .ks-item > .ks-text {
              -webkit-box-flex: 1;
              -webkit-flex-grow: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1; }
            .ks-subscription > .ks-body > ul > .ks-item > .ks-amount {
              font-weight: 500;
              color: #4caf50; }
      .ks-subscription.ks-active {
        background-color: #fff;
        border: #000;
        color: #000;
        }

        .ks-subscription.ks-active > .ks-header > .ks-name {
          color: #000;
        }
        .ks-subscription.ks-active > .ks-header > .ks-price {
          color: #000;
        }
        
        
        .ks-subscription.ks-active > .ks-body > ul > .ks-item > .ks-icon {
          color: #42a5f5; }

@media only screen and (max-width: 862px) {
  .ks-pricing-subscriptions-page > .ks-subscriptions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .subscription-toggle {
      position: static; }
      .subscription-toggle > .ks-checkbox-text-slider {
        text-align: center; } }

        
.ks-header .ks-name small {
    text-decoration: line-through;
    color: #cecece;
}