.custom-navbar {
    background:none;
    border : none;
    box-shadow: none ;
    -webkit-box-shadow: none ;   
}
body {
    background-image: url("/img/background.jpg");
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center;
    color : white;
    
}

.print-only {
    display: none;
}

.menu-wrapper {
    padding-top : 4.5%;
}

footer {
    margin-top : 20px;
}

footer p {
    text-align:center;
}

.logo {
    margin-left: 5%;
   
}
.menu {
    width : 550px !important;
    margin-right : 5%;
}
.menu li {
    padding-left : 7%;   
}
.menu li a {
     color : white !important;
    font-size: 14px;
}
#first-page {
    padding : 5%;
    height:80%;
    
    background-color : #63ae3b;
    text-align : center;
}
.field-box {
    text-align : left;
}
.value {
    margin-top : 20px;
}
.choice-plan-header {
    background-color: white;
    color : #0088db;
    text-align:center;
    padding : .5%;
}
.zero-deposit {
    background-image: url(/img/zerodeposit.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 20px;
    background-color : #0088db;    
    text-align : center;
    margin-right:20px;
    padding : 120px 10px 10px 10px;
    width :30%;
    float:left;
    height : 617px;
}

.zero-deposit-36 {
    background-image: url(/img/zerodeposit.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 20px;
    background-color : #33B5FF;    
    text-align : center;
    padding : 120px 10px 10px 10px;
    width :30%;
    float:left;
    height : 617px;
}
.interest-free {  
    background-image: url(/img/interestfree.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 20px;
    background-color : #63ae3b;
    text-align : center;
    padding : 120px 10px 10px 10px;
    width : 30%;     
     float:left;
     height : 617px;
     
}
.applyBtn {
    background-color: white;
    color : #0088db;
}
#third-page {
    text-align :left;
    padding : 2%;
}
h3, h4 {
    line-height:1.5;
}
#first-page, #second-page, #third-page, 
#fourth-page-success, #fourth-page-error, #main-error {
    display: none;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.btn {
    padding-left : 10%;
    padding-right: 10%;
}

.wrap {

    height : 620px;
    width : 100%;
}
#fourth-page-success, #fourth-page-error {
    padding : 5%;
    height: 80%;
    background-color: #63ae3b;
    text-align : center;
}
.navigation, .nav-under {
    text-align : center;
    
}

.navigation img {
    cursor: pointer;
   
}
.navigation {
    margin-bottom : 0px;
   
}
.nav-under {
    margin-left: 2%;
}

.nav-under span{
    margin-left : 10%;
    
}
#main-error {
    text-align : center;
    background-color: red;
}
#basedData {
  
    font-weight:normal;
}
.error-bg {
    background-color:  #ed461c;
    padding : 20px;
    height : 485px;
    text-align:center;
}

#treatmentVal {
    color : #0088DC;
}

.app-blue {   
    background-color:  #0088DC;
    color : #ffffff;
}

.disclaimer {
    font-size: 12px;
    text-align:left;
}
.disclaimer-box-zero {
    height :280px;
}
.disclaimer-box-free {
    height : 277px;
}

.pdf-link {
    color : #ffffff;
   
}
.footer-text {
   
    font-size: 10px;
}
.eligible {
    text-align :center;
}
#first-page, #third-page, #main-error {
    height : 500px;   
}
.nav-line {
   height :2%;
   padding-top : 49%;
   padding-bottom : 49%;
   background-color: white;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
      
      
    .zero-deposit {
        background-position-x: 28px;
        background-position-y: 47px;
        background-color : #0088db;
        text-align : left;   
        padding:0 0 0 160px;
        width :90%;    
        height : 420px;
        clear:left;
        margin-left :5% !important;
        margin-bottom: 10px;
    }

    .zero-deposit-36 {    
        background-position-x: 28px;
        background-position-y: 47px;
        background-color : #33B5FF;    
        text-align : left;   
        padding:0 0 0 160px;
        width :90%;    
        height : 420px;
        clear: left;
        margin-left :5% !important;
        margin-bottom: 10px;
    }
    
    .interest-free {  
        background-position-x: 28px;
        background-position-y: 47px;
        background-color : #63ae3b;
        text-align : left;   
        padding:0 0 0 160px;
        width :90%;    
        height : 350px;
        clear: left;
        margin-left :5% !important;
        margin-bottom: 10px;    

    }
    .interest-free p {
        text-align:left !important;
    }
    .h3, .h4 {
        line-height: 1;
        margin-top:0px
    }
     
    .wrap {
        height : 700px;
    }
    .disclaimer-box-zero {
      height :178px;
    }
    .disclaimer-box-free {
      height : 178px;
     
    }
    .pdf-link {
        float :left;
        margin-left: 5px;
    }
    .applyBtn {
        float:left;
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
      
     
      .wrap {
          height : 620px;
      }
      .disclaimer-box-zero {
        height :293px;
      }
      .disclaimer-box-free {
        height : 262px;
       
      }      
      .interest-free {
          padding-top:11.2%;
      }
}
.image {
    padding-bottom: 55px;
}
.error {
    display:none;
    color: #e0CB19;
}

.only-for-print {
    display: none !important;
}