.apps-index {
  .selected-app {
    color:@elem-positive-color;
    font-size:16px;
    position:absolute;
    left:50%;
    margin:-10px 0px 0px 28px;
    img {
      border:solid 1px white;
    }
  }

  .remark {
    .font(20px,300,white);
    text-align:center;
    img.check {
      background-color:black;
      padding:6px 4px;
      margin:0px 5px;
    }
  }

  .banners.promo.bundle h3 {
    .font(20px,500,@bg-inverse-color);
    text-align:left;
  }

  .banners.promo.dark.header  {

    h2,h3 {
    text-align:left;
    }

    img.app-logo {
      margin:8px 15px 0px 0px;
      .border-radius(5px);
    }

  }

  .price-presenter .body {
    background-color:@bg-inverse-color;
    .price,.title {
      color:white;
    }
  }

  .app-bundle-custom {
    .close-app {
      background-color:@text-inverse-color;
      border:solid 1px @bg-main-color;
      a, a.fluroblue {
        color:@bg-main-color;
      }
    }
    .app-description .title {
      color:@text-inverse-color;
    }
  }

  .app-presentation {
    .title {
      .font(20px,700,@bg-inverse-color);
    }

    .tagline {
      .font(16px,300,@text-inverse-color);
    }

    .media-heading {
      .font(12px,300,@decorator-inverse-color);
    }

    img.app-logo {
      width:75px;
      height:75px;
      .border-radius(5px);
    }

    .app-name {
      .font(14px,700,@text-inverse-color);
    }

  }
}

.apps-show {

  .app-feature {
    .font(12px,500,@decorator-inverse-color);
    margin-left:40px;
    display:inline-block;
    img {
      margin-right:5px;
    }
  }
  
  .trademark {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: -30px;
    margin-top: 20px;
    text-align: center;
  }

  .screenshots {
    h3 {
      font-weight:700;
      font-size:20px;
      color:@bg-inverse-color;
      margin-bottom: 50px;
    }
    
    // Regular
    .carousel .carousel-inner .item { height: 400px; }
    .carousel .carousel-inner .item img { max-height: 400px; width: auto; }
    
    // Tablets
    @media(max-width: @screen-sm-max) {
      .carousel .carousel-inner .item { height: 300px; }
      .carousel .carousel-inner .item img { max-height: 300px; width: auto; }
    }
    
    // Mobiles
    @media(max-width: @screen-xs-max) {
      .carousel .carousel-inner .item { height: 200px; }
      .carousel .carousel-inner .item img { max-height: 200px; width: auto; }
    }
  }

  .banners.promo.about {
    h3 {
      font-weight:700;
      text-align:left;
    }

    p {
      font-size: 16px;
      color:@text-inverse-color;
    }

    .usage {
      font-size:20px;
      color:@text-inverse-color;
      font-weight:300;
    }

    .number {
      font-size:45px;
      color:@elem-positive-color;
      font-weight:900;
    }

    .people {
      font-size:20px;
      color:@text-inverse-color;
      font-weight:300;
    }
  }

  ul.key_benefits {
    list-style-type: none;
    padding:0px;
    .fa {
      color:@elem-positive-color;
    }

    .title {
      color:white;
      font-size:16px;
      font-weight:300;
      margin-left:10px;
    }
  }

  .notice {
    .border-radius(5px);
    padding:8px 15px;
    color:white;
    background-color: #131f25;
    font-weight:300;
    width:206px;
  }

  .banners.promo.dark.header  {

    h2,h3 {
    text-align:left;
    }

    img.app-logo {
      margin:8px 15px 0px 0px;
      .border-radius(5px);
    }

  }

  //===============================
  // Pricing Section
  //===============================
  .pricing-section {

    .btn-shaded {
      background-color: @bg-inverse-intense-color;
      min-height: 42px;
    }

    .pricing-table-wrapper .pricing-table {
      font-size: 16px;
      color: @decorator-inverse-color;
      background-color: @bg-inverse-intense-color;

      .cell {
        padding: 20px 60px;
      }
      @media(max-width: @screen-sm) { .cell { text-align: center; } }
      
      .middle-cell {
        padding: 20px;
      }
      
      .pricing-name {
        color: @elem-cozy-color;
        font-size: 22px;
      }

      .pricing-price {
        color: white;
        font-size: 18px;
      }

      .pricing-price .pricing-price-factors {
        color: @decorator-inverse-color;
        font-size: 70%;
      }

      td.pricing-description {

      }
    }

  }
}