/* Index
- Shadows
- Gradients
*/
/************** Mixins ***************/
/* box-shadow Style - same for all usage */
/* Inner Shadow */
/* Gives text shadow to all browsers except IE*/
/* Gives linear gradient background with no stops on all browsers,
just one color at the top going to another color at the bottom,
assuming bottom color is the darker color the background color is
set for older browsers that can't handle it. */
/* linear gradient with 4 colors */
/* Transitions */
/* Site Color */
/* Breakpoints */
.unsupported_language {
  text-align: center;
  padding: 50px 0;
}

.unsupported_language .logo {
  width: 90%;
  max-width: 350px;
}

.unsupported_language p {
  font-size: 14px;
  margin: 10px 0 50px;
}

.unsupported_language .mobile_market_icons {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
}

.gradiented, .hero-banner {
  background: url("/devint/public/images/app/section_bg.ed2407d14f58.png") no-repeat bottom center;
  padding-top: 45px;
}

@media (max-width: 768px) {
  .lng-support-landing > header h1 {
    padding-top: 20px;
    height: auto;
  }
}

.hero-banner {
  padding: 40px 0 !important;
}

.hero-banner img {
  float: left;
  width: 369px;
  height: 395px;
}

@media (max-width: 768px) {
  .hero-banner img {
    float: none;
  }
}

@media (max-width: 380px) {
  .hero-banner img {
    width: 90%;
    height: auto;
  }
}

.hero-banner aside {
  float: left;
  padding-top: 60px;
  margin: 0 25px;
  max-width: 500px;
}

@media (max-width: 768px) {
  .hero-banner aside {
    float: none;
    margin: 0 auto;
  }
}

.hero-banner aside p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 10px;
}

@media (max-width: 380px) {
  .hero-banner aside p {
    padding: 0 25px;
  }
}

.hero-banner aside p.lg-bold {
  font-size: 16px;
  font-weight: 600;
}

.hero-banner aside section {
  margin-top: 10px;
}

@media (max-width: 768px) {
  .hero-banner aside section .button {
    margin: 5px 10px 15px;
  }
}

.hero-banner aside section a[data-link="other_apps"] {
  display: block;
  margin-top: 10px;
}

.mobile_market_icons {
  background: url("/devint/public/images/app/icons.2afe5615227b.png");
}

@media (max-width: 768px) {
  .mobile_market_icons {
    float: none;
  }
}

.mobile_market_icons.google {
  background-position: 0 -903px;
  width: 87px;
  height: 29px;
  margin: 0 5px;
}

.mobile_market_icons.apple {
  background-position: 0 0;
  width: 85px;
  height: 28px;
}