/*
File Name - index.scss
Purpose - Styling for the index/home page, should only contain styling that is used on index page and no where else.
*/
/*Imports*/
/*
File Name - variables.scss
Purpose - All variables for fonts and colors are found here, this file is imported into all SASS style sheets for the site
*/
/*Color Variables*/
/*Font Variables*/
/*Font Setup*/
@font-face {
  font-family: 'ClearSans-Regular';
  src: url("../assets/fonts/ClearSans-Regular.woff") format("woff"), url("../assets/fonts/ClearSans-Regular.ttf") format("truetype"), url("../assets/fonts/ClearSans-Regular.eot") format("eot"), url("../assets/fonts/ClearSans-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ClearSans-Bold';
  src: url("../assets/fonts/ClearSans-Bold.woff") format("woff"), url("../assets/fonts/ClearSans-Bold.ttf") format("truetype"), url("../assets/fonts/ClearSans-Bold.eot") format("eot"), url("../assets/fonts/ClearSans-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ClearSans-Light';
  src: url("../assets/fonts/ClearSans-Light.woff") format("woff"), url("../assets/fonts/ClearSans-Light.ttf") format("truetype"), url("../assets/fonts/ClearSans-Light.eot") format("eot"), url("../assets/fonts/ClearSans-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ClearSans-Thin';
  src: url("../assets/fonts/ClearSans-Thin.woff") format("woff"), url("../assets/fonts/ClearSans-Thin.ttf") format("truetype"), url("../assets/fonts/ClearSans-Thin.eot") format("eot"), url("../assets/fonts/ClearSans-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/*Identifiers*/
#heroBanner {
  background-image: url("../assets/images/banners/LLUP_hero_banner.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 80px;
  min-height: 560px; }
  @media (max-width: 767px) {
    #heroBanner {
      background-size: auto 100%;
      background-position: 50% 100%;
      min-height: auto;
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    #heroBanner #bannerContent {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      min-height: 560px; } }
  #heroBanner #bannerContent #imageContainer #handImage {
    background-image: url("../assets/images/home/LLUP_hand.png");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -66px;
    height: 579px;
    position: absolute;
    right: 0;
    width: 488px; }
    #heroBanner #bannerContent #imageContainer #handImage:lang(ar) {
      background-image: url("../assets/images/home/LLUP_hand_ar.png");
      left: 0;
      right: auto; }
    #heroBanner #bannerContent #imageContainer #handImage:lang(he) {
      left: 0;
      right: auto; }
  #heroBanner #bannerContent #infoContainer {
    min-height: 560px; }
    @media (max-width: 767px) {
      #heroBanner #bannerContent #infoContainer {
        min-height: auto; } }
    #heroBanner #bannerContent #infoContainer #appLinks {
      bottom: 10px;
      position: absolute; }
      @media (max-width: 767px) {
        #heroBanner #bannerContent #infoContainer #appLinks {
          margin-top: 10px;
          position: relative;
          text-align: center; } }
      #heroBanner #bannerContent #infoContainer #appLinks [class*="-badge"]:not(:last-of-type) {
        margin-right: 5px; }
        #heroBanner #bannerContent #infoContainer #appLinks [class*="-badge"]:not(:last-of-type):lang(ar), #heroBanner #bannerContent #infoContainer #appLinks [class*="-badge"]:not(:last-of-type):lang(he) {
          margin-left: 5px;
          margin-right: 0px; }
    #heroBanner #bannerContent #infoContainer #textWrap {
      margin-top: 65px; }
      @media (max-width: 767px) {
        #heroBanner #bannerContent #infoContainer #textWrap {
          margin-top: 40px; } }
      @media (min-width: 1200px) {
        #heroBanner #bannerContent #infoContainer #textWrap {
          width: 75%; } }
      #heroBanner #bannerContent #infoContainer #textWrap .text1 {
        font-family: "ClearSans-Bold";
        font-size: 36px;
        line-height: 1.15;
        margin-bottom: 18px;
        width: 75%; }
        @media (max-width: 767px) {
          #heroBanner #bannerContent #infoContainer #textWrap .text1 {
            font-size: 30px;
            width: auto; } }
      #heroBanner #bannerContent #infoContainer #textWrap .text2 {
        font-size: 26px;
        line-height: 1.25; }
        @media (max-width: 767px) {
          #heroBanner #bannerContent #infoContainer #textWrap .text2 {
            font-size: 22px; } }
      #heroBanner #bannerContent #infoContainer #textWrap > ul {
        font-family: "ClearSans-Light";
        font-size: 16px;
        color: #666;
        margin-bottom: 60px;
        margin-top: 40px;
        position: relative;
        right: 20px; }
        #heroBanner #bannerContent #infoContainer #textWrap > ul:lang(ar), #heroBanner #bannerContent #infoContainer #textWrap > ul:lang(he) {
          left: 20px;
          right: auto; }
        @media (max-width: 767px) {
          #heroBanner #bannerContent #infoContainer #textWrap > ul {
            margin-top: 20px;
            margin-bottom: 10px; } }

#infoSection1 {
  background: #f9e477;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZTQ3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(bottom, #f9e477 0%, #ffffff 62%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9e477), color-stop(62%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(bottom, #f9e477 0%, #ffffff 62%, #ffffff 100%);
  background: -o-linear-gradient(bottom, #f9e477 0%, #ffffff 62%, #ffffff 100%);
  background: -ms-linear-gradient(bottom, #f9e477 0%, #ffffff 62%, #ffffff 100%);
  background: linear-gradient(to top, #f9e477 0%, #ffffff 62%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e477', endColorstr='#ffffff',GradientType=0 );
  padding-bottom: 15px;
  text-align: center; }
  #infoSection1 #step1 {
    background-image: url(../assets/images/home/LLUP_step1.png); }
    #infoSection1 #step1:lang(ar) {
      background-image: url(../assets/images/home/LLUP_Step1_arabic.png); }
  #infoSection1 #step2 {
    background-image: url(../assets/images/home/LLUP_step2.png); }
    #infoSection1 #step2:lang(ar) {
      background-image: url(../assets/images/home/LLUP_Step2_arabic.png); }
  #infoSection1 #step3 {
    background-image: url(../assets/images/home/LLUP_step3.png); }
    #infoSection1 #step3:lang(ar) {
      background-image: url(../assets/images/home/LLUP_Step3_arabic.png); }
  #infoSection1 .steps {
    display: inline-block;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 645px;
    margin-top: 30px;
    width: 320px; }
  #infoSection1 .steps-content-wrap {
    margin-top: 142.3%; }
    #infoSection1 .steps-content-wrap p {
      font-size: 18px;
      font-family: "ClearSans-Light";
      margin: 0 auto 10px;
      text-align: initial;
      width: 85%; }

#llBanner {
  background-image: url(../assets/images/banners/LL_banner.png);
  background-position: 55%;
  background-repeat: no-repeat;
  height: 417px; }
  #llBanner:lang(ar) {
    background-image: url(../assets/images/banners/LL_banner_arabic.png);
    background-position: 45%; }
  #llBanner:lang(he) {
    background-image: url(../assets/images/banners/LL_banner_RTL.png);
    background-position: 45%; }
  @media (max-width: 767px) {
    #llBanner {
      background-image: url(../assets/images/home/LL_background_mobile.png);
      background-size: 100%;
      background-position: 50%; }
      #llBanner:lang(ar) {
        background-image: url(../assets/images/home/LL_background_mobile.png); } }
  @media (max-width: 415px) {
    #llBanner {
      background-size: auto 150%;
      background-position: 50% 30%; } }
  #llBanner #contentWrap {
    height: 274px;
    margin-top: 40px;
    max-width: 635px; }
    @media (max-width: 1000px) {
      #llBanner #contentWrap {
        height: 377px; } }
    @media (max-width: 767px) {
      #llBanner #contentWrap {
        height: 397px;
        max-width: none;
        margin-top: 20px;
        text-align: center; } }
    @media (min-width: 768px) {
      #llBanner #contentWrap {
        /*&:lang(he) {
                margin-right: 10%;
            }*/ } }
    #llBanner #contentWrap .text1 {
      color: #ffffff;
      font-family: "ClearSans-Bold";
      font-size: 32px;
      line-height: 1.25; }
      @media (max-width: 767px) {
        #llBanner #contentWrap .text1 {
          font-size: 22px; } }
    #llBanner #contentWrap .text2 {
      color: #ffffff;
      font-family: "ClearSans-Light";
      font-size: 22px;
      margin-top: 15px;
      position: relative; }
      @media (max-width: 767px) {
        #llBanner #contentWrap .text2 {
          font-size: 16px; } }
  @media (min-width: 1001px) {
    #llBanner .link-button {
      height: 103px;
      margin: 0 auto;
      max-width: 300px;
      padding: 20px 0; } }
  @media (max-width: 1000px) {
    #llBanner .link-button {
      text-align: center; } }
  #llBanner .link-button #llBtn {
    background: #e85022;
    color: #ffffff;
    display: table;
    font-size: 22px;
    height: 100%;
    line-height: 1;
    padding: 0 30px;
    text-align: center;
    position: relative; }
    #llBanner .link-button #llBtn:lang(ar), #llBanner .link-button #llBtn:lang(he) {
      float: left; }
    #llBanner .link-button #llBtn:lang(tr) {
      left: 35px; }
    @media (max-width: 1099px) {
      #llBanner .link-button #llBtn {
        margin: 0 10px 0 10px; } }
    @media (max-width: 1000px) {
      #llBanner .link-button #llBtn {
        font-size: 18px;
        padding: 15px 30px;
        display: inline-block;
        float: none !important;
        margin: -25px 0 20px; } }
    #llBanner .link-button #llBtn span {
      display: table-cell;
      vertical-align: middle; }

#supTextSection {
  margin: 40px auto 60px; }
  #supTextSection .sub-text {
    font-size: 12px; }

/*Classes*/
.title-section .title {
  text-align: center;
  font-size: 48px;
  color: #e85022;
  font-family: "ClearSans-Light"; }
  @media (max-width: 767px) {
    .title-section .title {
      font-size: 32px; } }

.store-badge-cn.android {
  pointer-events: none; }
  .store-badge-cn.android img {
    height: 70px; }

/*Elements*/
p {
  color: #e85022; }