﻿

     .MobileRateInfo {
        display:none;
      }
      

    #Menu
    {
      margin-right: 50px;
      padding: 10px 0;
    }

    #ApplyLoanButton
    {
      display: none !important;
    }

#UIDiv {
    padding-top: 130px;
    padding-bottom: 120px;
    background-color: #18326E;
    text-align: center;
    background-position-y: 100%;
    background-position-x: center;
    margin-bottom: 5px;
}


    @media (max-width: 1500px)
    {

        #UIDiv {
            background-size: 1500px;
        }
    }
      

    @media (max-width: 500px)
    {
      .MobileRateInfo {
        display:block;
        margin:40px auto 20px auto;
        line-height:18px;
        max-width:400px;
      }

      .footer
      {
        display: none;
      }
      
    }


    @media (max-width: 1000px)
    {
      #Menu
      {
        position: absolute;
        left: 20px;
        top: 85px;
      }

      #Header
      {
        height: 144px;
      }

        #UIDiv {
            padding-top: 100px;
        }
    }


    .landingProcess
    {
      max-width: 900px;
      margin: 50px auto;
      color: rgba(124, 124, 124, 1);
    }

      .landingProcess .landingProcessImage
      {
        width: 220px;
        display: inline-block;
      }


        .landingProcess .landingProcessImage .ProcessHeader
        {
          color: #27ae60;
        }

        .landingProcess .landingProcessImage .landingProcessTime
        {
          margin: 0px auto;
          padding: 3px 6px 2px 6px;
          border-radius: 6px;
          background-color: rgba(238, 238, 238, 1);
          width: 150px;
          font-weight: 600;
        }

      .landingProcess .landingProcessArrow
      {
        background-image: url(Images/arrow_next_green.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 300px;
        display: inline-block;
        height: 280px;
        background-size: 70px;
      }

    .landingProcess .eligibleList
    {
      width: 300px;
      margin: 0px auto;
      display: inline-block;
    }

      .landingProcess .eligibleList .eligibleListItem
      {
        margin-bottom: 10px;
      }

        .landingProcess .eligibleList .eligibleListItem .point
        {
          font-size: 22px;
          font-weight: 600;
          display: inline-block;
          vertical-align: top;
        }

        .landingProcess .eligibleList .eligibleListItem .content
        {
          display: inline-block;
          width: 260px;
          text-align: left;
          padding-left: 10px;
          vertical-align: bottom;
        }

        

    .UIContainer
    {
      opacity: 0;
      -webkit-transition: opacity ease-in-out 0.4s;
      -moz-transition: opacity ease-in-out 0.4s;
      -o-transition: opacity ease-in-out 0.4s;
      transition: opacity ease-in-out 0.4s;
    }

    .applyTable
    {
      border: none;
      width: 600px;
      margin: 50px auto;
    }
          .applyTable .even
      {
        text-align: left;
        vertical-align: middle;
        padding: 5px 10px 5px 10px;
        color: rgba(124, 124, 124, 1);
      }


      .applyTable .odd
      {
        font-size: 22px;
        padding: 5px;
      }


    .NonMobile
    {
      display: normal;
    }

    .OnlyMobile
    {
      display: none;
    }

    .heading {
      font-size:42px;
      color: #fff;
    }

    .toppg {
      font-size:19px;
      line-height:29px;
      color:#fff;
    }

    .repexample {
      font-size:19px;
      background:rgba(61, 61, 61, 0.4);
      padding: 10px 20px;
    }

    .StyleErrorText{

        margin-left: 20px !important;
        font-size: large !important;    
    }
