/* Revision
-------------
14-09-2023 jason    : MYS-2023-0225 Enhance TIE Thank You Page
24-10-2023 jason    : Fast Track Claim
05-08-2024 nuimei : MYS-2024-0786 rebate label for HLB partners
*/

/*MYS-2024-0786*/
.rebate-bg {
    background-color: #f7941f;
    padding:20px;
    font-size: 15px !important;
}
.justify-content-center {
    justify-content: center;
}

.w {
    color: #fff !important;
}
/*MYS-2024-0786 end*/

@media (max-width: 375px){
    .preScreenError-pb-30.preScreenError-small-pb-50{
        padding-bottom:50px;
    }
}

.preScreenError-parent .prescreen_error_footnote{
    font-family: pt_sansregular; 
    font-size: 12px; 
    font-weight: normal; 
    line-height: 1.5;
    letter-spacing: 0.24px; 
    color: #000000;
}
.preScreenError-parent .prescreen_error_footnote p{
    font-family: pt_sansregular; 
    font-size: 12px !important; 
    font-weight: normal; 
    letter-spacing: 0.24px; 
    color: #000000;
    display:inline;
}
.preScreenError-parent .prescreen_error_footnote a{
    text-decoration:underline;
    font-family: pt_sansregular; 
    font-size: 12px !important; 
    font-weight: normal; 
    line-height: 1.5;
    letter-spacing: 0.24px; 
    color: red;
}

.preScreenError-pb-30{
    padding-bottom:30px;
}

.newEnquiry {
    font-family: pt_sansregular !important;
}

.preScreenError-errorcode{
    font-size: 18px;
    color: #E11F27;
    font-weight: bold;
}

/* MYS-2023-0225 Enhance TIE Thank You Page */

.preScreenError-row{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.preScreenError-row .col{
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.preScreenError-errorcode-child{
    height: 40px;
    width: 175px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 10px auto 10px auto !important;
    padding: 8px;
    background-color: #f8f8f8;
}

.margin-bottom-none{
    margin-bottom: 0px !important;
}

.travel-insurance-new .prescreen-error-card{
    
}

.preScreenError-row .prescreen-error .card-container,
.travel-insurance-new .prescreen-error .card-container{
    height: 300px;
    padding: 10px;
    background-color: #f8f8f8;
    border: none;
    border-radius: 0.5rem;
    color: #1B1464;
}

.preScreenError-parent .preScreenError-child h4{
    font-size: 1.125rem;
    color: #1B1464;
    font-family: pt_sansbold;
    line-height: 1.3;
}

.d-flex{
    display:flex !important;
}
/* MYS-2023-0225 Enhance TIE Thank You Page end */
    
.preScreenError-container {
    max-width: 1110px;
    background: #FFF;
    min-height: calc(100vh - 110px - 78px - 48px);
    margin: 48px auto 48px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cross-sell-title{
    max-width: 1110px;
    margin: 0px auto 0px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #1B1464;
}

.preScreenError-child {
  margin-top: 48px;
  margin-bottom: 48px

}

.preScreenError-image {
  height: 100px;
  width: 100px;
  margin-bottom: 8px;
}

.thank-you-image {
    margin-bottom:8px;
}

.claim-image {
    width: 80px;
    margin-bottom:8px;
}

.payment-error-image {
    margin-bottom:8px;
}

.preScreenError-certNo {
    margin-bottom:24px;
    margin-top:24px;
    font-size:24px;
}

.preScreenError-margin-bottom-24 {
    margin-bottom:24px !important; 
}

.preScreenError-submit-copy{
  margin-top: 16px;
  margin-bottom: 32px;
  font-size:24px;
}

.preScreenError-submit-copy.preScreenError-margin-bottom{
  margin-bottom: 24px;
}

.preScreenError-container .btnContainer {
  margin-top: 32px !important;
  margin-bottom: 24px !important;
  /*padding: 1px 0px !important;*/

}

.preScreenError-container .shareFren {
  margin-top: 0px;
  margin-bottom: 0px;
}

.preScreenError-container li.textAlignCenter.newEnquiry {
    margin-left:0px;
    margin-right:0px;
    
}

.preScreenError-child h1{
    font-size: 40px;
    color: #1B1464;
    font-family: pt_sansbold;
    line-height: 1.3;
}

.preScreenError-child h3{
    font-size: 27px;
    color: #1B1464;
    font-family: pt_sansbold;
    line-height: 1.3;
}

.preScreenError-child .preScreenError-row h4{
    font-size: 1.125rem;
    color: #1B1464;
    font-family: pt_sansbold;
    line-height: 1.3;
    margin: 0;
}

.preScreenError-container .btnContainer .button {
    font-size: 18px;
    font-weight: bold;
}

.shareFren .newEnquiry a {
    text-decoration: underline;
    font-weight: bold;
    color: red;
}

.details-container .row{
    text-align: left;
}
.info-container h4, .details-container h4 {
    margin-top: 0px !important;
    font-size: 19px !important;
}
.ezmile-container h4 {
    margin-bottom: 0px !important;
    margin-top: 0.88em !important;
    font-size: 20px !important;
}
.info-container p, .details-container p {
    margin-bottom: 0px !important;
}

@media (min-width: 1200px){ 
  .preScreenError-container {
    max-width: 1110px;
  }
  
  .independent-preScreenError .preScreenError-width{
      max-width: 1200px !important;
  }
  
  .independent-preScreenError h3{
      margin-top: 0;
      margin-bottom: 0.5rem;
  }
  
  .preScreenError-child {
    padding-left:200px;
    padding-right:200px;
  }
  .preScreenError-thankYou-child {
    padding-left:0px; 
    padding-right:0px;
    width: 1100px;
  }
  .preScreenError-container .details-container{
      background-color: #fff;
      color: #1B1464;
      border: 2px #e7e7ef solid;
      border-radius: 10px;
      height: 320px;
      padding-left:0px;
      padding-right:10px;
  }
  .preScreenError-container .info-container{
      line-height: normal !important;
      background-color: #1B1464;
      color: #fff;
      border: 2px black solid;
      border-radius: 10px;
      height: 300px;
      padding:10px;
      font-size: 16px;
      text-align: left;
  }
  .pt-1{
      padding-top: 0.275rem;
  }
  .preScreenError-container .ezmile-container{
      background-color: #c0ee84;
      color: black;
      border: 1px #c0ee84 solid;
      border-radius: 10px;
      height: 300px;
      padding:10px;
      font-size: 16px;
      text-align: left;
  }
  .details-card-width{
      max-width: 75% !important;
  }
  .details-card-content-image{
      padding: 0px !important; 
      max-width: 40% !important;
  }
  .details-card-content-info{
      max-width: 60% !important; 
      margin-top: 30px;
  }
  .preScreenError-product-image {
      height: 320px;
      width: 100%;
      object-fit: cover;
      margin-bottom: 8px;
    }
    .crossSell-product-image {
      width: 100%;
      object-fit: cover;
    }
  .info-card-width{
      max-width: 25% !important;
  }
  .ezmile-hidden-note{
      color:#c0ee84;
  }
  .ez-mile-left-content{
      max-width: 20% !important;
      padding-left: 0px; 
      margin-top: 20px;
  }
  .ez-mile-right-content{
      max-width: 80% !important;
  }
  .ez-mile-qr{
      max-width: 15% !important;
      padding-left: 0px; 
      margin-top: 20px;
  }
  .ez-mile-details{
      max-width: 85% !important;
  }
  .download-app-context{
      margin-top: 1.33em; 
      font-weight: bold; 
      color:#28af61
  }
  .preScreenError-qr-image{
      height: 115px !important; 
      width: 115px !important;
  }
  .cross-sell-left-content{
      padding-left: 0 !important;
  }
  .cross-sell-right-content{
      max-width: 60% !important;
      text-align: left;
  }
  .cross-sell-right-content h3{
      margin-top: 3rem;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .preScreenError-container {
    max-width: 920px;
  }
  /* Fast Track Claim */  
  .preScreenError-child {
    padding-left:120px;
    padding-right:120px;
  }
  /* Fast Track Claim end */
  
  .preScreenError-thankYou-child {
    padding-left:0px;
    padding-right:0px;
    width: 900px;
  }
  .preScreenError-container .details-container{
      background-color: #fff;
      color: #1B1464;
      border: 2px #e7e7ef solid;
      border-radius: 10px;
      height: 300px;
      padding-left:0px;
      padding-right:10px;
  }
  .preScreenError-container .info-container{
      background-color: #1B1464;
      color: #fff;
      border: 2px black solid;
      border-radius: 10px;
      height: auto;
      padding:20px;
      font-size: 16px;
      text-align: center;
      margin-top: 1.33em;
  }
  .preScreenError-container .ezmile-container{
      background-color: #c0ee84;
      color: black;
      border: 1px #c0ee84 solid;
      border-radius: 10px;
      height: 320px;
      padding:10px;
      font-size: 16px;
      text-align: left;
  }
  .preScreenError-product-image {
      height: 320px;
      width: 100%;
      object-fit: cover;
      margin-bottom: 8px;
    }
    .crossSell-product-image {
      width: 100%;
      object-fit: cover;
    }
  .details-card-content-image{
      padding: 0px !important; 
      max-width: 40% !important;
  }
  .details-card-content-info{
      max-width: 60% !important; 
      margin-top: 30px;
  }
  .no-d-flex {
      display: inline !important;
  }
  .ezmile-hidden-note{
      color:#c0ee84;
      display:none;
  }
  .ez-mile-left-content{
      max-width: 25% !important;
      padding-left: 0px;
      margin-top: 20px;
  }
  .ez-mile-right-content{
      max-width: 75% !important;
      padding-right: 0 !important;
  }
  .ez-mile-qr{
      max-width: 25% !important;
      padding-left: 0px; 
      margin-top: 20px;
  }
  .ez-mile-details{
      max-width: 75% !important;
      padding-right: 0 !important;
  }
  .download-app-context{
      margin-top: 1.33em; 
      font-weight: bold; 
      color:#28af61
  }
  .preScreenError-qr-image{
      height: 135px !important; 
      width: 135px !important;
  }
  .cross-sell-left-content{
      padding-left: 0 !important;
  }
  .cross-sell-right-content{
      max-width: 60% !important;
      text-align: left;
  }
  .cross-sell-right-content h3{
      margin-top: 3rem;
    }
  
}

@media (max-width: 991px) and (min-width: 768px) {
  .preScreenError-container {
    max-width: 720px;
  }
  .preScreenError-child {
    padding-left:10px;
    padding-right:10px;
  }
  .preScreenError-thankYou-child {
    padding-left:0px;
    padding-right:0px;
    width: 700px;
  }
  .preScreenError-container .details-container{
      background-color: #fff;
      color: #1B1464;
      border: 2px #e7e7ef solid;
      border-radius: 10px;
      height: auto;
      padding-left:0px;
      padding-right:10px;
  }
  .preScreenError-container .info-container{
      background-color: #1B1464;
      color: #fff;
      border: 2px black solid;
      border-radius: 10px;
      height: auto;
      padding:20px;
      font-size: 16px;
      text-align: center;
      margin-top: 1.33em;
  }
  
  .preScreenError-container .ezmile-container{
      background-color: #c0ee84;
      color: black;
      border: 1px #c0ee84 solid;
      border-radius: 10px;
      height: 300px;
      padding:10px;
      font-size: 16px;
      text-align: left;
  }
  .details-card-content-image{
      padding: 0px !important; 
      max-width: 40% !important;
  }
  .details-card-content-info{
      max-width: 60% !important; 
      margin-top: 20px;
  }
  .details-card-content-info .date-margin{
      margin-bottom: 0;
  }
  .no-d-flex {
      display: inline !important;
  }
  .preScreenError-product-image {
      height: 320px;
      width: 100%;
      object-fit: cover;
    }
    .details-card-content-info .row h3{
        margin-top: 0;
    }
    .preScreenError-container .cross-sell-row{
        height: 310px !important;
    }
  .ez-mile-left-content{
      max-width: 30% !important;
      padding-left: 0px;
      margin-top: 20px;
  }
  .ez-mile-right-content{
      max-width: 70% !important;
      padding-right: 0 !important;
  }
  .ez-mile-qr{
      max-width: 30% !important;
      padding-left: 0px; 
      margin-top: 20px;
  }
  .ez-mile-details{
      max-width: 70% !important;
      padding-right: 0 !important;
  }
  .download-app-context{
      margin-top: 1.33em; 
      font-weight: bold; 
      color:#28af61
  }
  .preScreenError-qr-image{
      margin-top: 10px;
      height: 115px !important; 
      width: 115px !important;
  }
  a.appStore img, a.playStore img{
      height: 35px !important;
      width: 120px !important;
  }
    .crossSell-product-image {
      width: 100%;
      object-fit: cover;
    }
    .cross-sell-left-content{
      padding-left: 0 !important;
    }
    .cross-sell-right-content{
      max-width: 60% !important;
      text-align: left;
    }
    .cross-sell-right-content h3{
      margin-top: 1.5rem;
    }
}

@media (min-width:768px) and (max-height:780px){
    .tq-btnContainer{
        display: inline !important;
    }
}

@media (max-width: 767px) and (min-width: 576px){
  .preScreenError-container {
    max-width: 500px;
    min-height: calc(100vh - 100px - 78px - 48px);
  }
  .preScreenError-child {
    padding-left:30px;
    padding-right:30px;
  }
  .preScreenError-thankYou-child {
    padding-left:30px;
    padding-right:30px;
  }
  
  .preScreenError-container .btnContainer {
    width: 90%;
   
  }
  .preScreenError-container .details-container{
      background-color: #fff;
      color: #1B1464;
      border: 2px #e7e7ef solid;
      border-radius: 10px;
      height: auto;
      padding-left:0px;
      padding-right:0px;
  }
  .preScreenError-container .info-container{
      background-color: #1B1464;
      color: #fff;
      border: 2px black solid;
      border-radius: 10px;
      height: auto;
      padding:10px;
      font-size: 16px;
      text-align: center;
      margin-top: 1.33em;
      line-height: 1.3 !important;
  }
  .preScreenError-container .ezmile-container{
      background-color: #c0ee84;
      color: black;
      border: 1px #c0ee84 solid;
      border-radius: 10px;
      height: 300px;
      padding:10px;
      font-size: 16px;
      text-align: left;
  }
  .details-card-content-image{
      padding: 0px !important; 
      max-width: 100%
  }
  .details-card-content-info{
      max-width: 100%; 
      margin-top: 30px
  }
  .preScreenError-product-image {
      height: 250px;
      width: 100%;
      object-fit: cover;
      margin-bottom: 8px;
    }
    .preScreenError-mobile-image{
        width:50% !important;
        height: 385px !important;
    }   
    .ezmile-container{
        display: table;
        padding-top: 2rem !important;
    }
    .ez-mile-left-content{
      overflow: hidden;
      height: 260px;
      text-align: center;
  }
  .ez-mile-right-content{
      text-align: center;
  }
  .ez-mile-qr{
      display: none;
  }
  .download-app-context{
      margin-top: 0.5em; 
      font-weight: bold; 
      color:#28af61
  }
    .crossSell-product-image {
      width: 100%;
      object-fit: cover;
    }
  .no-d-flex {
      display: inline !important;
  }
  .dis-block{
      display: block !important;
  }
  .w-100{
      width: 100%;
  }
  .cross-sell-left-content{
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 100% !important;
  }
  .cross-sell-right-content{
      max-width: 100% !important;
      text-align: center;
  }
  .cross-sell-right-content h3{
      margin-top: 1rem;
      
  }
  
}

@media (max-width: 575px){
  .preScreenError-container {
    max-width: 90.5%;
    min-height: calc(100vh - 100px - 70px - 40px);
    margin: 40px auto 40px auto;
  }
  .preScreenError-child {
    padding-left:28px;
    padding-right:28px;
    margin-top: 40px;
    margin-bottom: 40px

  }

  .preScreenError-thankYou-child {
    padding-left:0px;
    padding-right:0px;
    margin-top: 40px;
    margin-bottom: 40px;

  }
  
  .preScreenError-container .details-container{
      background-color: #fff;
      color: #1B1464;
      border: 2px #e7e7ef solid;
      border-radius: 10px;
      height: auto;
      padding-left:0px;
      padding-right:0px;
  }
  .preScreenError-container .info-container{
      background-color: #1B1464;
      color: #fff;
      border: 2px black solid;
      border-radius: 10px;
      height: auto;
      padding:10px;
      font-size: 16px;
      text-align: center;
      margin-top: 1.33em;
  }
  .preScreenError-container .ezmile-container{
      background-color: #c0ee84;
      color: black;
      border: 1px #c0ee84 solid;
      border-radius: 10px;
      height: 300px;
      padding:10px;
      font-size: 16px;
      text-align: left;
  }
  .details-card-content-image{
      padding: 0px !important; 
      max-width: 100%
  }
  .details-card-content-info{
      max-width: 100%; 
      margin-top: 0px
  }
  .preScreenError-product-image {
      height: 250px;
      width: 100%;
      object-fit: cover;
      margin-bottom: 8px;
    }
  .preScreenError-mobile-image{
        width:55% !important;
        height: 365px !important;
    }   
    .ezmile-container{
        display: table;
        padding-top: 2rem !important;
    }
    .ez-mile-left-content{
      overflow: hidden;
      height: 240px;
      text-align: center;
  }
  .ez-mile-right-content{
      text-align: center;
  }
  .ez-mile-qr{
      display: none;
  }
  .download-app-context{
      margin-top: 0.5em; 
      font-weight: bold; 
      color:#28af61
  }   
  a.appStore img, a.playStore img{
      height: 30px !important;
      width: 100px !important;
  }
    .crossSell-product-image {
      width: 100%;
      object-fit: cover;
    }
  .no-d-flex {
      display: inline !important;
  }
  .dis-block{
      display: block !important;
  }
  .w-100{
      width: 100%;
  }

  .preScreenError-container .btnContainer {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 10px 0px !important;
    width: 90%;
  }
  .cross-sell-left-content{
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 100% !important;
  }
  .cross-sell-right-content{
      max-width: 100% !important;
      text-align: center;
  }
  .cross-sell-right-content h3{
      margin-top: 1rem;
      
  }

  .preScreenError-container .preScreenError-child h1{
    font-size: 26px !important; 
  }

  .preScreenError-image {
    height: 70px;
    width: 70px;
    margin-bottom: 12px;
  }
  
  .thank-you-image {
      height:auto;
      width:56.7px;
      margin-bottom: 12px;
  }
  .claim-image {
    height:auto;
    width:60px;
    margin-bottom: 12px;
  }
  
  .payment-error-image {
    height:auto; 
    width:95.2px;
    margin-bottom: 12px;
   }
  
  .preScreenError-submit-copy {
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 18px;
  }

}

@media (max-width: 374px){
  .preScreenError-container {
    max-width: 90.5%;
    min-height: calc(100vh - 100px - 70px - 40px);
    margin: 40px auto 40px auto;
  }
  .preScreenError-child {
    padding-left:28px;
    padding-right:28px;
    margin-top: 40px;
    margin-bottom: 40px

  }

  .preScreenError-thankYou-child {
    padding-left:0px;
    padding-right:0px;
    margin-top: 40px;
    margin-bottom: 40px;

  }
  
  .small-width-d-block{
      display: block !important;
  }
  
  .preScreenError-container .details-container{
      background-color: #fff;
      color: #1B1464;
      border: 2px #e7e7ef solid;
      border-radius: 10px;
      height: auto;
      padding-left:0px;
      padding-right:0px;
      display: table;
  }
  .preScreenError-container .info-container{
      background-color: #1B1464;
      color: #fff;
      border: 2px black solid;
      border-radius: 10px;
      height: auto;
      padding:10px;
      font-size: 16px;
      text-align: center;
      margin-top: 1.33em;
  }
  .preScreenError-container .ezmile-container{
      background-color: #c0ee84;
      color: black;
      border: 1px #c0ee84 solid;
      border-radius: 10px;
      height: 300px;
      padding:10px;
      font-size: 16px;
      text-align: left;
  }
  .details-card-content-image{
      padding: 0px !important; 
      max-width: 100%
  }
  .details-card-content-info{
      max-width: 100%; 
      margin-top: 0px
  }
  .preScreenError-product-image {
      height: 250px;
      width: 100%;
      object-fit: cover;
      margin-bottom: 8px;
    }
    .crossSell-product-image {
      width: 100%;
      object-fit: cover;
    }
  .no-d-flex {
      display: inline !important;
  }
  .dis-block{
      display: block !important;
  }
  .w-100{
      width: 100%;
  }

  .preScreenError-container .btnContainer {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    padding: 10px 0px !important;
    width: 90%;
  }

  .preScreenError-container .preScreenError-child h1{
    font-size: 26px !important; 
  }

  .preScreenError-image {
    height: 70px;
    width: 70px;
    margin-bottom: 12px;
  }
  
  .preScreenError-mobile-image{
        width:60% !important;
        height: 350px !important;
    }   
    .ezmile-container{
        display: table;
        padding-top: 2rem !important;
    }
    .ez-mile-left-content{
      overflow: hidden;
      height: 210px;
      text-align: center;
  }
  .ez-mile-right-content{
      text-align: center;
  }
  .ez-mile-qr{
      display: none;
  }
  .download-app-context{
      margin-top: 0.5em; 
      font-weight: bold; 
      color:#28af61
  }
  
  .thank-you-image {
      height:auto;
      width:56.7px;
      margin-bottom: 12px;
  }
  .claim-image {
    height:auto;
    width:60px;
    margin-bottom: 12px;
  }
  
  .payment-error-image {
    height:auto; 
    width:95.2px;
    margin-bottom: 12px;
   }
  
  .preScreenError-submit-copy {
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 18px;
  }

}


/* New flow*/

@media(min-width: 768px) {
    .bodyWrapper main#main-content {
        min-height: calc(100vh - 110px - 30px);
        background-color: #e7e7ef;
    }
}
@media(max-width: 767px) {
    .bodyWrapper main#main-content {
        min-height: calc(100vh - 100px - 30px);
        background-color: #e7e7ef;
    }
}

.preScreenError-parent {
	padding-top: 48px;
    padding-bottom: 78px;
}

.preScreenError-parent .preScreenError-image {
    height: 100px;
    width: 100px;
    margin-bottom: 8px;
    margin-top: 1px;
}

.preScreenError-parent .preScreenError-child {
	background: white;
	margin: 0px auto 0px auto;
	max-width: 1110px;
	min-height: calc(100vh - 110px - 48px - 48px - 30px);
	padding: 48px 240px;
	text-align: center;
	display: table;
	width: 100%;
}

.preScreenError-parent  .preScreenError-vertical-middle {
    display: table-cell;
    vertical-align: middle;
}

.preScreenError-parent .preScreenError-child h3 {
    font-size: 27px;
    color: #1B1464;
    font-family: pt_sansbold;
    line-height: 1.3;
}

.preScreenError-parent .preScreenError-submit-copy{
  margin-top: 16px;
  margin-bottom: 32px;
  color:#000000;
  line-height: 1.3;
}

.preScreenError-parent #backToHomeBtn  {
  margin-top: 32px !important;
  margin-bottom: 24px !important;
  font-size:18px;
}

.preScreenError-parent .prescreen_error_footnote a {
    font-weight:bold;
}

.preScreenError-parent .prescreen_error_footnote {
    font-family: pt_sansregular;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.24px;
    color: #000000;
}
    

@media (min-width: 1200px){
  .preScreenError-parent  .preScreenError-child {
    padding-left:240px;
    padding-right:240px;
    max-width: 1110px;
  }
  
  .preScreenError-parent  .prescreenError-width{
    padding-left:200px !important;
    padding-right:200px !important;
    max-width: 1200px !important;
  }
  .preScreenError-parent .preScreenError-submit-copy{
    /*font-size: 1.1em;*/
    font-size: 24px;
    
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .preScreenError-parent  .preScreenError-child {
    max-width: 920px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .preScreenError-parent  .prescreenError-width{
    padding-left:40px !important;
    padding-right:40px !important;
    max-width: 920px !important;
  }
  .travel-insurance-new .card-container,
  .preScreenError-row .prescreen-error .card-container {
      margin-bottom: 24px;
  }
  .preScreenError-row .col {
      padding-left: 0;
  }
  .preScreenError-parent .preScreenError-submit-copy{
    /*font-size: 1.1em;*/
    font-size: 24px;
    
  }
}


@media (max-width: 991px) and (min-width: 768px) {
  .preScreenError-parent .preScreenError-child {
    padding-left:10px;
    padding-right:10px;
    max-width: 690px;
  }
  
  .preScreenError-row .prescreen-error .card-container {
      margin-bottom: 24px;
  }
  
  .preScreenError-row .col {
      padding-left: 0;
  }
  
  .independent-preScreenError .prescreenError-width{
    padding-left:30px !important;
    padding-right:30px !important;
    max-width: 690px !important;
  }
  
  .preScreenError-parent  .prescreenError-width{
    padding-left:30px !important;
    padding-right:30px !important;
    max-width: 690px !important;
  }
  .preScreenError-parent .preScreenError-submit-copy{
    /*font-size: 1.1em;*/
    font-size:24px;
    
  }
  .preScreenError-parent .btnContainer {
    /* height:52px; */
    /* width: 162px; */
  }

  
}

@media (max-width: 767px) and (min-width: 576px){
  .preScreenError-parent .preScreenError-child {
    padding-left:30px;
    padding-right:30px;
    max-width: 500px;
    min-height: calc(100vh - 100px - 78px - 48px);
  }
  
  .preScreenError-row .prescreen-error .card-container {
      margin-bottom: 24px;
  }
  
  .preScreenError-row .col {
      padding-left: 0;
  }
    
  .no-d-flex{
      display: inline !important ;
  }  
  
  .preScreenError-row .prescreen-error .card-container,
  .travel-insurance-new .prescreen-error .card-container{
    height: 250px;
    padding: 10px;
    background-color: #f8f8f8;
    border: none;
    border-radius: 0.5rem;
    color: #1B1464;
  }  

  .preScreenError-parent .prescreen_error_footnote{
    padding-left :10px;
    padding-right :10px;
  }
  .preScreenError-parent .preScreenError-submit-copy{
    /* font-size: 1.1em; */
  }
  .preScreenError-parent #backToHomeBtn  {
    /* font-size:16px; */
    height: 52px;
    width: 90.5%;
    padding: 1px !important;
    /*font-size: 0.9em;*/
  }
  
  .preScreenError-parent .btnContainer a{
    font-size: 18px;
   }
}
@media (max-width: 575px){
  .preScreenError-parent {
    max-width: 90.5%;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 70px;
}

  .preScreenError-row .prescreen-error .card-container {
      margin-bottom: 24px;
  }
  
  .preScreenError-row .col {
      padding-left: 0;
  }

  .no-d-flex{
      display: inline !important ;
  }
  
  .preScreenError-row .prescreen-error .card-container,
  .travel-insurance-new .prescreen-error .card-container{
    height: 250px;
    padding: 10px;
    background-color: #f8f8f8;
    border: none;
    border-radius: 0.5rem;
    color: #1B1464;
  }
  
  .preScreenError-parent .preScreenError-child {
    padding-left:28px;
    padding-right:28px;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: calc(100vh - 100px - 40px - 40px - 30px);
  }

  .preScreenError-parent #backToHomeBtn  {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    height: 52px;
    /* font-size: 14.4px; */
    width: 90%;
  }
  
  .preScreenError-parent .btnContainer a{
    font-size: 18px;
   }

  .preScreenError-parent .preScreenError-child h3{
    font-size: 27px;
  }

  .preScreenError-parent .preScreenError-image {
    height: 70px;
    width: 70px;
    margin-bottom: 12px;
  }
  
  .preScreenError-parent .preScreenError-submit-copy {
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 24px;
  }


}





/*PA-BCB*/
.personalAccidentPlan-container{
    width:auto;
    margin:0 auto;
    background:#FFF;
    border-radius:5px;
}

/*FPX*/
span.email-note { display: inline-block; padding-left: 7px;}
select#bank {width: 100% !important;}
li.payment-tnc { padding-left: 0!important; text-align: center; }
li.payment-tnc a { color: red; text-decoration: underline;}
#msform fieldset ul li select:not(.motorAddPlan-input){ width:100%!important;}
#msform fieldset#paymentMethod ul li label.email-100 { width:100%!important;}
#msform fieldset ul li .not-ie~select.disabledInput { margin-bottom: 10px!important;}
.additional-plan-container { margin-top: 8px; margin-left:40px;}
#msform fieldset#paymentMethod .additional-plan { width: 35%;}
form#msform { margin-top: -3px;}
@media(max-width:768px){
    #msform fieldset#paymentMethod .additional-plan { width: 100%;}
    /*#msform .additional-plan label { width: 100%;}*/
}
@media(max-width:670px){

    .btnContainer.fpx-button button {
        padding: 8px 10px !important;
        width: unset !important;
    }

}
.fpx-table-container{
    position: relative;
    background-color: #FFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -ms-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -o-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    padding:20px;
}

@media (max-width: 480px){
    .payment-option{ float: left;}
    li.payment-tnc { padding-left: 10px!important; }
}
/* end FPX */

.additional-plan-container { margin-top: 8px;}

.navi-product-container ul li:nth-child(2) .discount-icon p{
    width:100%;
}

div.addBenefit-input div.not-ie{display:none;}

/*Pets*/
.pet-plan-selection{background:#FFF;}
.pet-plan-container { padding-bottom: 0px;}
.moreInfo .petBenefitTable.productTable thead th{text-align:center;}
#msform ul li.petLocation label[for="propertyAddressLine2"],#msform ul li.aboutPetState label[for="policyHolderLocation"],  {
    margin-top: 0 !important;
}
#msform ul li.aboutPetState #propertyState{margin-bottom:2% !important;}
#msform ul li.aboutPetState #propertyCity{margin-bottom: 0 !important;}

.no_picture { background-color: #fff;}
a.browse_btn_design, a.browse_btn_design:hover { color: #000;}
fieldset#risk ul li label.pets-photo-width { width: 30%;}

/*for more info margin trick*/
.moreInfoMargin{position:absolute;bottom:-1px;width:100%;height:1px;}
.bg-container>div{position:relative}
.mobile-table{display:none}
.mobile-table td{vertical-align:top}
.mobile-table td:last-child{text-align:left !important}
/*Font*/
@font-face {
    font-family: 'daxregular';
    src: url('../fonts/dax-webfont.eot');
    src: url('../fonts/dax-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dax-webfont.woff2') format('woff2'),
         url('../fonts/dax-webfont.woff') format('woff'),
         url('../fonts/dax-webfont.ttf') format('truetype'),
         url('../fonts/dax-webfont.svg#daxregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Promotion */
.default-starburst{display:block;width:100px;height:100px;position:absolute;right:-128px;top:20px;background:url('/img/starburst.png');background-size:100%;behavior: url(../js/backgroundsize.min.htc)}
.default-starburst p{width:100px;position:absolute;top:50%;margin:-25px 0 0 0;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;font-weight:bold;font-size:1.5em;color:white;text-align:center;line-height:27px;}
.uniqlo-discount-icon,.watson-discount-icon{width: 60px;height: 17px;position: absolute;top: 15px;margin-left: 10px;}
.discount-icon{background: url(/img/promo-label-red.png) no-repeat; background-size:100%;width: 60px;height: 15px;position: absolute;top: 15px;margin-left: 10px;}
.white .discount-icon{background: none;}
.logo-with-promotion{position:relative;width:128px;margin:0 auto;}
.promotion-icon{display:block;width:110px;height:110px;position:absolute;right:-128px;top:10px;}
.promotion-icon p{width:105px;position:absolute;top:48%;transform:translateY(-50%);font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;font-weight:bold;font-size:16px;color:white;text-align:center;line-height:16px;right:4px;}
.promotion-icon.gsc p{font-size:16px; line-height:18px;}
.ie8-behavior{behavior: url(../../js/backgroundsize.min.htc);}
.promotion-tnc-icon{float:right;width:75px;height:75px;background:url('/hlb/img/promotion-home-icon.png');background-size:100%;}
.promotion-tnc-container p.boldText{text-align:initial}
.promotion-tnc-container{
  display:block;
  position:relative;
   background:#FFF;
   border-radius:5px;
   padding:20px 30px 10px 30px;
   margin:30px 0;
   box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -ms-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -o-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
}
.promotion-tnc-icon p{width:75px;position:absolute;margin-top:22px;font-family:daxregular;font-weight:bold !important;font-size:1.3em;color:white !important;text-align:center !important;line-height:20px}
/*Navigation for mobile*/
.promotion{position:relative}
.promotion .discount-icon{background: url(/img/promo-label.png) no-repeat;background-size:100% 100%;left:50%;margin-left:-30px;}
.promotion .discount-icon p{color:#b72517;display:none;font-family:daxregular;font-weight:bold;font-size:12px;text-align:center;line-height:17px;}
/* Client Footer */
.navBottom-client{background:#3c3c3c;bottom:0px;left:0;right:0;height:30px;position:fixed;width:100%;margin:0;z-index:2001; display:block}
.navBottom-client ul{position:relative;width:100%;padding:0;margin:0;list-style:none;}
.navBottom-client li a span{cursor:pointer;}
.navBottom-client a{color:white}
.navBottom-divider{border-left:1px solid #1b1464; height:25px; margin:2px 30px; float:right}
 .sitePath-msig{color:#fff;}
 @media (min-width: 768px){
li.sitePath-msig-comm{float:right;line-height:30px;font-size:0.9em}
}
@media (max-width: 767px){
    li.sitePath-msig-comm{
        text-align:right;
        padding-left:0.5em;
        line-height:10px;
        padding-top:5px;
        padding-left:0px;
    }
}
.stickyMarginBottom{margin-bottom:60px;}
/*.col2, .col3{width:50%}*/
.personal-accident .col2, .personal-accident .col3{width:22%}
.width50{ width:50% !important}
/* Calendar Small Annual Pop out box */
.annualPopOut{position:absolute; margin:-135px 0 0 -50px;width:100px;left:50%;border-radius:5px;color:white !important;}
.annualPopOut h1{ font-size:0.6em; text-align:center; padding:10% 2%}
li.sitePath-msig{float:right;line-height:30px;font-size:0.9em}
@media (min-width: 768px){
li.sitePath-msig-comm{float:right;line-height:30px;font-size:0.9em}
}
@media (max-width: 767px){
    li.sitePath-msig-comm{
        text-align:right;
        padding-left:0.5em;
        line-height:10px;
        padding-top:5px;
        padding-left:0px;
    }
}
li.sitePath-to-client{float:right;line-height:30px;font-size:0.9em; margin-right:30px}
li.sitePath-no-client{margin-right:30px;}

/* To Hide ShareFren [Tell Your Friend] Button*/
.shareFren .button{display:none}
/* For Cert */
section.details .printSection.marginBottom20:nth-child(2) .row .content-left.floatLeft,section.details .printSection.marginBottom20:nth-child(2) .row .content-left.floatLeft strong span{ width:100%; }

/* For IE*/
.nominations .note,ul.accordianStack.accordian.bigContentBox li:last-child{ margin-bottom: 50px}
.accordianStack.accordian.bigContentBox .moreInfo li:last-child{margin-bottom:0;}
fieldset#personalDetails ul.formPersonal .fieldgroup input.required:-ms-input-placeholder{color:#b9b9b9 !important}
input:-ms-input-placeholder{color:#b9b9b9 !important}
.placeholder{color:#b9b9b9 !important}
/**/

/* For Firefox */
nav {float:none}
a{ outline :none;color:black}
/**/
.expandWidth{ width:180% !important; float:left }
.formPersonal .marginBottom{margin-top:-4% !important; padding-bottom:4% !important}
.pushIn{padding-left:15px !important}
.borderTop{ border-top:1px solid #FFF; padding-top:15px !important }
.noBorderBottom{border-bottom:none !important}
.noBorderBottom .priceLeft{vertical-align:initial}
tr.borderTopSolid.noBorderBottom td{padding-bottom:0 !important}
.textAlignLeft{text-align:left !important}
.priceLeft strong{font-size:0.9em}
.listStyleDisc{list-style-type:disc; margin:0}
.listStyleDisc li{list-style-image:none !important}
.listStyleRoman{list-style-type:lower-roman}
.noBorderBottom .listStyleRoman{margin:0 0 0 20px !important}
.fixed-productLabel{ position:fixed; z-index:9999; top:0; width:100%; }
.addressContainer div:first-child{float:left}
.addressContainer div:last-child{float:right; margin-right:45%}
.addBorderLeft{ border-left:1px solid #b7b7b7}

.productDescription-divider{
 border-top:1px solid #666666;
 margin-top:45px;
 padding-bottom:45px
}
.productDescription-marginBottom{ margin-bottom:45px }
.productDescription-marginTop{ margin-top:45px }


.proposalFormsTitle{ font-size:0.9em }
.proposalFormsContainer ul{ padding:0 }
.proposalFormsContainer ul li{ list-style-type:none }
.proposalFormsContainer ul li p{
  line-height:50px;
  float:left;
  font-weight:bold;
  padding:0 0 0 2em;
}

@media(max-width:767px){
    .proposalFormsContainer ul li p{
      line-height:1.3em;
      background: url(../img/icon-pdf-s.png) no-repeat;
    }
}
.proposalFormsContainer>div{
 background:#FFF;
 padding:20px;
 margin-top:20px;
 box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
  
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
/*continue in responsive*/
@media(min-width:1101px) and (max-width:1500px){
    .proposalFormsContainer{ padding:0 14%; padding-bottom: 60px;}
}
@media(min-width:1501px){
    .proposalFormsContainer{ padding:0 12%; padding-bottom: 60px;padding:0px;margin:auto;width:1079px; }
}

.proposalFormsDivider{ border-top:1px solid #cccccc; margin:10px 0 }
.proposalForms-downloadBtn{
 height:50px;
 width:160px;
 line-height:50px;
 text-align:center;
 color:white;
 float:right;

 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px  
}
/*About*/
.about-client{
  padding:0 1%;
  margin:auto;
  line-height:20px;
  width:100%;
          padding-bottom:129px;
}
@media (max-width:767px){
    .about-client{
        padding:0 5% 129px 5%;
        width:90%;
        max-width:500px;
    }
}
@media (min-width:768px) and (max-width:991px){
    .about-client{
        max-width:685px;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .about-client{
        max-width:925px;
    }
}
@media (min-width:1200px){
    .about-client{
        max-width:1100px;
    }
}

.faqContentBox>li .summaryContainer strong{width:90%;}
.planSummary li div h4{ color:#3699d4; font-weight:bold }
ul.accordianStack.accordian.planSummary li:first-child{margin: 4% 0 2% 0;}

.priceRight{ padding:1% 2em 1% 0.5em !important; text-align: center; }
article#motor th.col2{ text-align:center }
article#critical-illness .moreInfo .col2, article#critical-illness .moreInfo .col3 {width:35%}
.gapAfterText li{margin-bottom:25px }
.smallText{font-size:0.8em;font-weight:normal}
.moreInfo .productTable thead th{ text-align: center; }
th.textCenter{text-align:center !important}
.about-client .privacy-info{ margin-left:3% }
.about-client .pageIntro h1{ margin:15px 0 0 0; font-size:1.5em }
.about-client p{ text-align:justify !important; /*margin:0*/ }

.about-client-description{
  padding:0;
  width:100%;
  text-align: justify;
  line-height:20px
}

.about-client-description img{
    width:100%;
}
@media only screen and (max-width: 464px){
    .about-client-description a{
        word-break: break-all;
    }
}

.helpContent.whilePrompt.clearfix{text-align:justify}
.helpContent.whilePrompt.clearfix h1{text-align:initial}
/*Thanks Page*/

.shareFren~a{
  padding-bottom:50px;
  margin-bottom:50px  
}
/*.main-container.claimTQ ul.contactContent.clearfix a, .main-container.claimTQ .button.textAlignCenter,
.main-container.nominateTQ ul.contactContent.clearfix a, .main-container.nominateTQ .button.textAlignCenter*/

.main-container.claimTQ,.main-container.nominateTQ{
 width:50%;
 margin:40px auto 70px auto;
 background:#FFF;
 /*
 box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
  
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  */
}

.main-container.claimTQ .clearfix.pageIntro.wrapper,.main-container.nominateTQ .clearfix.pageIntro.wrapper{
 text-align:center;
}

input[type="checkbox"]+label{ height:32px }
/**/
.summaryContainer .btnMoreLess{color:transparent !important; cursor:pointer}
/* Error Pages */
.char-error{
  background:none;
  height:auto;
}
.error-container{
  width:50%;
  margin:150px auto 50px auto;
  text-align: center;
}
.char-error~.pageIntro{
 margin-bottom:100px !important;
 text-align:center !important;
 width:50% !important
}

.no-pageIntroStaffId{margin:20px 0}
.no-pageIntro{margin:20px 0}
.banca-content-container{margin-top:50px;}
.preScreen-container.no-pageIntro{ margin-top:50px}
.preScreen-container.no-pageIntro ol { padding:0 10px 0 20px }
.banca-fieldset,.main-container .main form#msform fieldset#prescreen1,.main-container .main form#msform fieldset#prescreen2,.main-container .main form#msform fieldset#prescreen3,.main-container .main form#msform fieldset#prescreen4{ width:50%}

form#msform[name=signupform] fieldset .pageIntro{ padding:5px 0 0 45px }

.preScreen-container{
 width:auto;
 background:#FFF;
  
 margin:0 auto;
 padding:25px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 
 box-shadow:0px 1px 1px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
}
.banca-content-container p,.preScreen-container p{margin-bottom:30px}

.banca-yesno-btn,.preScreen-btn{
  color:white;
  text-align:center;
  padding: 10px 50px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aac48', endColorstr='#11932f',GradientType=0 );*/
}
.banca-yesno-btn.yes{padding:10px 35px;}
.banca-yesno-btn:last-child,.preScreen-btn:last-child{margin-left:10px}
a.banca-yesno-btn:hover,a.preScreen-btn:hover{ color:white }
fieldset#prescreen input[name=prescreenYesNo]~h1{margin:2% 0}
.preScreen-container h2{font-size:1.5em; margin-bottom:20px}
.preScreen-container h2 span{color:#949494; font-size:20px}
/*Risk Data*/
.annual-cover{ display:none }
.area-selection h1:first-child, .plan-selection h1:first-child{ text-align:left; }
.clearFloat{ clear:both }
.planNArea-container,.homeContentPlan-container,.personalAccidentPlan-container,.criticalIllnessPlan-container{
  width:auto;
  margin:0 auto;
  background:#FFF;
  border-radius:5px;
  padding:2% 0;

  box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -ms-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -o-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.personalAccidentPlan-selection .planA,.homeContentPlan-selection .planA, .homeContentPlan-selection .plan1, .homeContentPlan-selection .plan5, .homeContentPlan-selection .planE{margin-left:0 !important}
.criticalIllnessPlan-selection{ text-align: left; padding:20px 2%}
.personalAccidentPlan-selection,.homeContentPlan-selection,.plan-selection{
  width:100%;
  text-align: left;
  margin-bottom:20px;
  padding:0 2%
}
.plan-selection{width:auto}
.plan-selection p{ font-size:1em; cursor:pointer }
.plan-selection .planA p{font-family:arial;line-height: 100px;}
.plan-selection .planB p{font-family:arial;line-height: 20px; padding-top:30px}
.criticalIllnessPlan-selection p{font-size:1.2em;font-weight:bold}
.criticalIllnessPlan-selection div,.homeContentPlan-selection div{cursor:pointer}
.plan-selection .planA,.plan-selection .planB,.plan.planDiamond,.plan.planEmerald{
  float:left;
  border:2px solid #d6d6d6;
  border-radius:5px;
  width:48%;
  height:100px;
  text-align:center;  
}
.plan.planDiamond,.plan.planEmerald {padding:20px 0px}
.plan-selection .planA,.plan-selection .planB,.plan.planEmerald~.plan.planDiamond{margin-left:2%;}
.plan-selection .planA{margin-left:0%}
.planNArea-note p:last-child{
 width:90%;
 text-align:left;
 font-size:0.8em;
 color:#0072AA    
}
.planNArea-note p:first-child{
 padding-left:2%;
 font-size:0.8em;
 color:#0072AA
}
.area-selection .area{
  background:#FFF;
  width:20%;
  /*height:250px;*/
  border-radius:5px;
  float:left;
  font-size:0.9em;
  margin-left:2%;
  padding:30px 1% 30px 1%;
  text-align:center;
  cursor:pointer;
  border:2px solid #d6d6d6
}
.area-selection .area.S1{ margin-left:2% }
.area-map{
  width:90%;
  height:450px;
  margin:0px auto 0 auto;
  padding: 0 0 50px 0;
  background-size:100%;
}

.area-selection h1:first-child{
  margin-left:2%;
  line-height:20px;
  font-size:1em;  
}

.area-selection p:first-child{font-size:1.5em}

.selectedPlan{
  border:2px solid transparent !important;
  box-shadow:0 2px 6px black;
  -webkit-box-shadow:0 2px 6px black;
  -moz-box-shadow:0 2px 6px black;
}
.selectedArea{
  color:white !important;
  border:2px solid transparent !important;
  box-shadow:0 2px 6px black;
  -webkit-box-shadow:0 2px 6px black;
  -moz-box-shadow:0 2px 6px black;
}
.personalAccidentPlan-selection .plan{
 width:45%;
 padding:45px 0;
 margin-left:4%;
 float:left;
 text-align:center;
 border-radius:5px;
 border:2px solid #d6d6d6  
}
.homeContentPlan-selection .plan{
 width:22%;
 padding:20px 0;
 margin:0 0 10px 1.5%;
 float:left;
 text-align:center;
 border-radius:5px;
 border:2px solid #d6d6d6
}

/*=*/
/*Progress (Payment-pending,thankyou)*/

.char-error~.snapCover~.pageIntro{
  width:50%;
  margin:100px auto 0 auto;
  text-align:center;
  
  background-position:center 50px;
  border-radius:5px;
  padding:15% 5% 2% 5%;
  /*
  box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -ms-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -o-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75)

  -webkit-border-radius:5px;
  -moz-border-radius:5px
  */
}
.logoThanks{ height:auto }

.logoThanks~.snapCover,.char-waiting~.snapCover{ display:none }
.char-waiting{ height:0 !important }
.char-waiting~.snapCover~.pageIntro,.pageIntro.wrapper.prescreenError{
  /*width:50%;*/
  /*margin:3rem auto 0 auto;*/
  /*zurick presscreen ori 78px 3rd*/
  margin:48px auto 48px auto;
  text-align:center;
  
  background-position:center 50px;
  /*border-radius:10px;*/
  padding:10% 0;
/*
  box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -ms-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
   -o-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75)

  -webkit-border-radius:5px;
  -moz-border-radius:5px
  */
}

/* prescreen error - mobile */
@media (max-width:767px){
    .pageIntro.wrapper.prescreenError{
        /*zurick prescreen ori 40px*/
        margin-top:48px;
        margin-bottom:40px;
        padding-left:5px !important;
        padding-right:5px !important;
        height:547px;
    }
    .main-container.claimTQ{
        height:547px;
    }
    .pageIntro.wrapper.paymentFail{
        height:547px;
    }
    .pageIntro.wrapper.prescreenError h1,.pageIntro.wrapper.claimTQ h1{
        font-size: 26px;
        color: #1B1464;
        font-family: pt_sansbold;
        line-height: 1.3;
        margin-bottom:16px;
        margin-top:-16px;
    }
    .pageIntro.wrapper.paymentFail h1{
        font-size: 26px;
        color: #1B1464;
        font-family: pt_sansbold;
        line-height: 1.3;
        margin-bottom:16px;
        margin-top:-2px;
    }
    .pageIntro.wrapper.claimTQ p{
        font-size:18px !important;
        margin-left:0px !important;
    }
    .pageIntro.wrapper.claimTQ h1{
        font-size: 26px !important;
        margin-top:170px !important;
        margin-left:0px !important;
    }
    .pageIntro.wrapper.prescreenError p,.pageIntro.wrapper.paymentFail p{
        font-size:18px;
    }
    .pageIntro.wrapper.prescreenError a,.pageIntro.wrapper.paymentFail a{
        font-size:16px;
    }
    .pageIntro.wrapper.prescreenError .btnContainer, .main-container.claimTQ .btnContainer{
        margin: 24px auto -5% auto !important;
    }
    .pageIntro.wrapper.paymentFail .btnContainer{
        margin: 16px auto 0 auto !important;
    }
}
@media (max-width:575px){
    .logoRegular{
        margin-top:30px;
        position:absolute;
        margin-left:-3%;
    }
}
@media (min-width:576px) and (max-width:767px){
    .logoRegular{
        margin-top:30px;
    }
}
    /*min width is 260px*/
@media (min-width:100px) and (max-width:272px){
    .pageIntro.wrapper.prescreenError{
        height:629px;
        /*zurick presscreen ori 70px*/
        margin-bottom:48px;
    }
}
@media (min-width:100px) and (max-width:274px){
    .pageIntro.wrapper.paymentFail{ height:609px; }
}
@media (min-width:275px) and (max-width:305px){
    .pageIntro.wrapper.paymentFail{ height:580px; }
}
@media (min-width:273px) and (max-width:329px){
    .pageIntro.wrapper.prescreenError{
        height:596px;
        /*zurick presscreen - ori 70px*/ 
        margin-bottom:48px;
    }
}
@media (min-width:306px) and (max-width:429px){
    .pageIntro.wrapper.paymentFail{ height:560px; }
}
@media (min-width:330px) and (max-width:386px){
    .pageIntro.wrapper.prescreenError{
        height:581px;
        margin-bottom:70px;
    }
}
@media (min-width:374px) and (max-width:437px){
    .logoRegular{ margin-top:42px; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:182px !important; }
}
@media (min-width:387px) and (max-width:432px){
    .pageIntro.wrapper.prescreenError{
        height:521px;
    }
}
@media (min-width:430px) and (max-width:445px){
    .pageIntro.wrapper.paymentFail{ height:540px; }
}
@media (min-width:433px) and (max-width:448px){
    .pageIntro.wrapper.prescreenError{
        height:517px;
    }
}
@media (min-width:438px) and (max-width:474px){
    .logoRegular{ margin-top:54px; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:194px !important; }
}
@media (min-width:446px) and (max-width:767px){
    .pageIntro.wrapper.paymentFail{ height:504px; }
}
@media (min-width:475px) and (max-width:514px){
    .logoRegular{ margin-top:68px; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:208px !important; }
}
@media (min-width:449px) and (max-width:767px){
    .pageIntro.wrapper.prescreenError{
        height:488px;
    }
}
@media (min-width:515px) and (max-width:576px){
    .logoRegular{ margin-top:80px; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:220px !important; }
}
@media (min-width:577px) and (max-width:767px){
    .logoRegular{ background-position:center 104px !important ; height:224px; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-15px !important; }
}
@media (min-height:800px) and (max-width:399px) and (min-width:350px){   /*iphone X*/
    .pageIntro.wrapper.prescreenError{
        height:75%;
        background-position: center 13%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:1.2%;
    }
    .pageIntro.wrapper.paymentFail{
        height:606px;
        background-position: center 75px;
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:15px;
    }
}
@media (min-height:800px) and (max-width:450px) and (min-width:400px){  /*pixel 2 XL*/
    .pageIntro.wrapper.prescreenError{
        height:75%;
        background-position: center 21%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:10.2%;
    }
    .main-container.claimTQ{ height:567px; }
    .logoRegular{ margin-top:55px; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:195px !important; }
    .pageIntro.wrapper.paymentFail{
        height:616px;
        background-position: center 82px;
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:27px;
    }
}


/* prescreen error - tablet & desktop */
@media (min-width:768px){
    .pageIntro.wrapper.prescreenError h1,.pageIntro.wrapper.paymentFail h1{
        font-size: 44px;
        color: #1B1464;
        font-family: pt_sansbold;
        line-height: 1.3;
        margin-bottom:16px;
    }
    .pageIntro.wrapper.claimTQ h1{
        font-size: 44px !important;
        margin-top:-33px !important;
        color: #1B1464 !important;
        font-family: pt_sansbold !important;
        line-height: 1.3 !important;
        margin-left:-17% !important; 
        margin-right:-17% !important;
    }
    .pageIntro.wrapper.claimTQ p{ margin-top:10px; }
    .pageIntro.wrapper.claimTQ{ width:100% !important; }
    .pageIntro.wrapper.prescreenError p{
        margin-top:19px;
        /*margin-top:8px;*/
    }
    .pageIntro.wrapper.prescreenError a{
        font-size:18px;
    }
    .pageIntro.wrapper.prescreenError .btnContainer{
        margin: 48px auto -5% auto !important;
    }
    .main-container.claimTQ .btnContainer{
        margin: 40px auto -5% auto !important;
    }
    /*
    .pageIntro.wrapper.paymentFail .btnContainer{
        margin: 24px auto 0 auto !important;
    }
    */
    .main-container.claimTQ{ margin-top:48px;}
    .pageIntro.wrapper.paymentFail{
        padding:160px 0 100px 0 !important;
    }
}
@media (min-width:768px) and (max-height:785px){
    .pageIntro.wrapper.prescreenError,.clearfix.pageIntro.wrapper.TYpage,.main-container.claimTQ,.pageIntro.wrapper.paymentFail{
        height:549px;
    }
    .pageIntro.wrapper.prescreenError{
        background-position:center 55px;
    }
    .clearfix.pageIntro.wrapper.TYpage{
        background-position:center 65px;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:-14px;
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:9px;
    }
    .claimTQ .logoRegular{ background-position:center 64px; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-44px !important; }
    .pageIntro.wrapper.paymentFail{
        background-position:center 88px;
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:22px;
    }
}
@media (min-width:768px) and (min-height:786px) and (max-height:820px){
    .pageIntro.wrapper.prescreenError{
        height:70vh;
        background-position:center 14.5%;
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:70vh;
        background-position:center 15.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(-0.2vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(0.7vh*3.3);
    }
    .main-container.claimTQ{ height:70vh; }
    .claimTQ .logoRegular{ background-position:center 8.8vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-4.5vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:70vh;
        background-position:center 19%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(1.0vh*3.3)
    }
}
@media (min-width:768px) and (min-height:821px) and (max-height:869px){
    .pageIntro.wrapper.prescreenError{
        height:71.5vh;
        background-position:center 16.5%;
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:71.5vh;
        background-position:center 17.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(0.3vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(1.5vh*3.3);
    }
    .main-container.claimTQ{ height:71.5vh; }
    .claimTQ .logoRegular{ background-position:center 11vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-1.5vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:71.5vh;
        background-position:center 22%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(1.8vh*3.3)
    }
}
@media (min-width:768px) and (min-height:870px) and (max-height:896px){
    .pageIntro.wrapper.prescreenError{
        height:74vh;
        background-position:center 18.5%;
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:74vh;
        background-position:center 20.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(1.1vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(2.3vh*3.3);
    }
    .main-container.claimTQ{ height:74vh; }
    .claimTQ .logoRegular{ background-position:center 12.5vh; height:26vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-1.1vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:74vh;
        background-position:center 24.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(2.5vh*3.3)
    }
}
@media (min-width:768px) and (min-height:897px) and (max-height:911px){
    .pageIntro.wrapper.prescreenError{
        height:74.5vh;
        background-position:center 20.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(1.6vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:74.5vh;
        background-position:center 22%;
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(2.6vh*3.3);
    }
    .main-container.claimTQ{ height:74.5vh; }
    .claimTQ .logoRegular{ background-position:center 14vh; height:27.5vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-2vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:74.5vh;
        background-position:center 25.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(2.9vh*3.3)
    }
}
@media (min-width:768px) and (min-height:912px) and (max-height:950px){
    .pageIntro.wrapper.prescreenError{
        height:75vh;
        background-position:center 21.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(1.9vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:75vh;
        background-position:center 22.5%;
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(2.9vh*3.3);
    }
    .main-container.claimTQ{ height:75vh; }
    .claimTQ .logoRegular{ background-position:center 15.5vh; height:29vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-2.8vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:75vh;
        background-position:center 26.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(3.1vh*3.3)
    }
}
@media (min-width:768px) and (min-height:951px) and (max-height:991px){
    .pageIntro.wrapper.prescreenError{
        height:75.5vh;
        background-position:center 22.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(2.3vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:75.5vh;
        background-position:center 23.5%;
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(3.3vh*3.3);
    }
    .main-container.claimTQ{ height:75.5vh; }
    .claimTQ .logoRegular{ background-position:center 16.3vh; height:29.8vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-3.2vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:75.5vh;
        background-position:center 27.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(3.5vh*3.3)
    }
}
@media (min-width:768px) and (min-height:991px) and (max-height:1039px){
    .pageIntro.wrapper.prescreenError{
        height:77vh;
        background-position:center 25.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(3.2vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:77vh;
        background-position:center 26.5%;      
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(3.8vh*3.3);
    }
    .main-container.claimTQ{ height:77vh; }
    .claimTQ .logoRegular{ background-position:center 17.5vh; height:31vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-3.6vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:77vh;
        background-position:center 29.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(4.2vh*3.3)
    }
}
@media (min-width:768px) and (min-height:1039px) and (max-height:1109px){
    .pageIntro.wrapper.prescreenError{
        height:78vh;
        background-position:center 26.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(3.7vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:78vh;
        background-position:center 27.5%;
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(4.4vh*3.3);
    }
    .main-container.claimTQ{ height:78vh; }
    .claimTQ .logoRegular{ background-position:center 19.5vh; height:33vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-4.1vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:78vh;
        background-position:center 30.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(4.8vh*3.3)
    }
}
@media (min-width:768px) and (min-height:1110px) and (max-height:1189px){
    .pageIntro.wrapper.prescreenError{
        height:79vh;
        background-position:center 28.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(4.6vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:79vh;
        background-position:center 29.5%;
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(5.1vh*3.3);
    }
    .main-container.claimTQ{ height:79vh; }
    .claimTQ .logoRegular{ background-position:center 21vh; height:34.5vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-4.4vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:79vh;
        background-position:center 32.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(5.4vh*3.3)
    }
}
@media (min-width:768px) and (min-height:1189px) and (max-height:1269px){
    .pageIntro.wrapper.prescreenError{
        height:81vh;
        background-position:center 30.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(5.1vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:81vh;
        background-position:center 31.5%;
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(5.9vh*3.3);
    }
    .main-container.claimTQ{ height:81vh; }
    .claimTQ .logoRegular{ background-position:center 24vh; height:37.5vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-5.9vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:81vh;
        background-position:center 33.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(5.9vh*3.3)
    }
}
@media (min-width:768px) and (min-height:1270px) and (max-height:1296px){
    .pageIntro.wrapper.prescreenError,.clearfix.pageIntro.wrapper.TYpage{
        height:82.5vh;
        background-position:center 32.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(5.6vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(6.3vh*3.3);
    }
    .main-container.claimTQ{ height:82.5vh; }
    .claimTQ .logoRegular{ background-position:center 25vh; height:38.5vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-6vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:82.5vh;
        background-position:center 34.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(6.6vh*3.3)
    }
}
@media (min-width:768px) and (min-height:1296px){
    .pageIntro.wrapper.prescreenError{
        height:82.5vh;
        background-position:center 34.5%;
    }
    .pageIntro.wrapper.prescreenError h1{
        margin-top:calc(6.1vh*3.3);
    }
    .clearfix.pageIntro.wrapper.TYpage{
        height:82.5vh;
        background-position:center 33%;
    }
    .clearfix.pageIntro.wrapper.TYpage h1{
        margin-top:calc(6.5vh*3.3);
    }
    .main-container.claimTQ{ height:82.5vh; }
    .claimTQ .logoRegular{ background-position:center 26vh; height:39.5vh; }
    .pageIntro.wrapper.claimTQ h1{ margin-top:-6vh !important; }
    .pageIntro.wrapper.paymentFail{
        height:82.5vh;
        background-position:center 39.5%
    }
    .pageIntro.wrapper.paymentFail h1{
        margin-top:calc(7.9vh*3.3)
    }
}
@media (min-width:992px) and (max-height:785px){
    .pageIntro.wrapper.paymentFail{ background-position:center 125px; }
    .pageIntro.wrapper.paymentFail h1{ margin-top:49px; }
}
@media (min-width:992px) and (min-height:786px) and (max-height:820px){
    .pageIntro.wrapper.paymentFail{ background-position:center 28% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(2.1vh*3.3)  }
}
@media (min-width:992px) and (min-height:821px) and (max-height:869px){
    .pageIntro.wrapper.paymentFail{ background-position:center 30% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(2.9vh*3.3)  }
}
@media (min-width:992px) and (min-height:870px) and (max-height:911px){
    .pageIntro.wrapper.paymentFail{ background-position:center 32% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(3.6vh*3.3)  }
}
@media (min-width:992px) and (min-height:912px) and (max-height:950px){
    .pageIntro.wrapper.paymentFail{ background-position:center 33% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(3.9vh*3.3)  }
}
@media (min-width:992px) and (min-height:951px) and (max-height:991px){
    .pageIntro.wrapper.paymentFail{ background-position:center 34% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(4.5vh*3.3)  }
}
@media (min-width:992px) and (min-height:991px) and (max-height:1039px){
    .pageIntro.wrapper.paymentFail{ background-position:center 35% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(5.2vh*3.3)  }
}
@media (min-width:992px) and (min-height:1039px) and (max-height:1109px){
    .pageIntro.wrapper.paymentFail{ background-position:center 36% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(5.7vh*3.3)  }
}
@media (min-width:992px) and (min-height:1110px) and (max-height:1189px){
    .pageIntro.wrapper.paymentFail{ background-position:center 37% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(6.1vh*3.3)  }
}   
@media (min-width:992px) and (min-height:1189px) and (max-height:1269px){
    .pageIntro.wrapper.paymentFail{ background-position:center 38% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(6.7vh*3.3)  }
}      
@media (min-width:992px) and (min-height:1270px) and (max-height:1296px){   
    .pageIntro.wrapper.paymentFail{ background-position:center 39.5% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(7.2vh*3.3)  }
}    
@media (min-width:992px) and (min-height:1296px){
    .pageIntro.wrapper.paymentFail{ background-position:center 40% }
    .pageIntro.wrapper.paymentFail h1{ margin-top:calc(7.5vh*3.3)  }
}


.pageIntro.wrapper.prescreenError{ padding:160px 0 100px 0; }
.payment-pending-container img{ margin-bottom:50px; }
.payment-pending-container h1{ font-size:2em;  font-weight:normal; }
.logoThanks{ background:none; }
.logoThanks~.snapCover~.pageIntro~.shareFren{
/*width:50% !important; commented by sinliang*/
 width:50%;
 margin:0 auto 100px auto;
 padding:0 0 100px 0;
 background:#FFF;
 
 box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  -webkit-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  -ms-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  -o-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  
 border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;  
  -moz-border-bottom-left-radius:5px;
  -moz-border-bottom-right-radius:5px;
}

.newLogoThanks~.snapCover~.pageIntro~.shareFren{
 width:70% !important;
 margin:0 auto 100px auto;
 padding:0 0 100px 0;
 background:#FFF;
 
 box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  -webkit-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  -ms-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  -o-box-shadow:0px 0px 0px rgba(50, 50, 50, 0.3);
  
 border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;  
  -moz-border-bottom-left-radius:5px;
  -moz-border-bottom-right-radius:5px;
}

.logoThanks~.snapCover~.pageIntro{
 /*width:50% !important; commented by sin liang*/
  width:50%;
  height:auto;
  text-align:center !important;  
  /*padding:10% 5% 0% 5%;*/
  padding:150px 5% 0% 5%;
  margin: 100px auto 0 auto;
  /*
  box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  -webkit-box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  -ms-box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  -o-box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  */
  /*
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;  
  -moz-border-top-left-radius:5px;
  -moz-border-top-right-radius:5px;  
  */
  border-radius:5px;
}

.newLogoThanks~.snapCover~.pageIntro{
  width:70% !important;
  height:auto;
  text-align:center !important;  
  padding:10% 5% 0% 5%;
  margin: 100px auto 0 auto;
  box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  -webkit-box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  -ms-box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  -o-box-shadow:0px -0.5px 0.5px rgba(50, 50, 50, 0.3);
  
   /*
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;  
  -moz-border-top-left-radius:5px;
  -moz-border-top-right-radius:5px;  
  */
  border-radius:5px;
}
/**/
.home .logo{
 width:128px;
 height:128px;
 background-size:100% 100%;
 margin:50px auto 0 auto;
 behavior: url(/js/backgroundsize.min.htc);
}
/*Promotion*/
/*.logo-with-promotion .logo{margin:25px auto}*/
/*Promotion End*/
.mp-drop-down-container{ display:none }
.formFamilyContainer .formFamily .roundBorderWrapper ul.formNonMalaysian.active li .inputDate,.formFamilyContainer .formFamily .roundBorderWrapper ul.formMalaysian.active li .inputNric,ul.formPersonal .fieldgroup input#policyHolderDateOfBirth{color:#000 !important}
ul.formPersonal .fieldgroup input[name=policyHolderDateOfBirth]:-ms-input-placeholder{color:#b9b9b9 !important}
nav.navigation.overflow #naviTrigger.clearfix.naviProduct img{ display:none !important}
p.snapCover{ width:auto;  display:none }
.product-writeup{
 height:150px;
 width:100%;
 font-size:1.2em;
 margin:0 auto;  
}
.main-container.home .pageIntro.wrapper>p,.main-container.home .pageIntro.wrapper>h1{color:white}
.moreInfo .productSmallPrint ul li/* Stylesheet for SCB */
* {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
html{ background-color:#f1f1f1 }
html { min-height: 100%; height: 100%; }
body { min-height: 100%; }
/*.wrapper{margin:0 0 100px 0}*/

.client-logo{
  margin-left:100px;
  margin-top:10px;
  float:left;
  width:300px;
}

.navi-product-container{display:block}
.navi-product-container ul li p{ display:none }
.navi-product-container ul li{cursor:pointer}
.naviContent,.naviContentAbout{
 height:110px !important;
 margin:0 !important
}

.moreProduct-container{
  position:relative;
  width:auto;
  display:block;
  float:left;
  margin-left:20%;
}

.mp-drop-down-container{
 display:none
}
.red{color:red !important}
.black{color:#000 !important}
.white{ color:#FFF !important }
.moreProduct-container ul{
 position:relative;
 z-index:2
}
.moreProduct-container ul li a{
 outline:none
}

.moreProduct-container ul li{
 text-align:center;
 display:inline-block;
 float:left;
 padding:0;
 margin:10px 0 0 60px;
 color:#000;
 font-weight:bold;
 width:80px;
}

.pointer{
 width:110px;
 height:80px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 position:absolute;
 top:9px;
 left:45px;
 z-index:1;
 box-shadow:0px 1px 6px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.4);
 -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.4);
 -ms-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.4);
 -o-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.4)
}
.promotion-pointer{height:90px;}
/* Except IE */
@media screen and (min-width:0) {
  .pointer:after{
     border-style:solid;
     border-width:8px;
     bottom:-0.9em;
     content:"";
     position:absolute;
     left:50%;
     margin-left:-8px;
  }
}





.moreProduct-container ul li p{ line-height:1em; margin: 2px 0 0 0; font-size:0.9em;}
.moreProduct-container ul li img{ margin-top:2px }
.moreProduct-container ul li a{ line-height:0; color:#000 } 
/* Promotion */
.moreProduct-container ul li .promotion-nav img{margin-top:15px  }
.promotion-nav .discount-icon p{font-family:daxregular;font-weight:bold;font-size:10px;color:#FFF;text-align:center;line-height:12px;}
.promotion-nav.white .discount-icon p{color:#FFF;}
/* Promotion End */
.owl-carousel{ position:static }
.owl-carousel .owl-stage-outer{width:100%;position:relative;z-index:2}
.owl-dots{position:static;}
.owl-dot.active span{background:#FFF; }
.owl-item.active .pageIntro.wrapper h1{font-size:2.5em}

.owl-controls{
 width:100%;
 height:40px;
 position:absolute;
 z-index:-3;
 text-align:center;
 top:320px;
}

ul#main-nav li{ padding-left:15px }

.main-container{
 margin:0;
 padding:0;
}

.bg-container{
 position:absolute;
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 top:0px;
 left:0;
 z-index:-1;
}
.bg-container ul{padding:0; margin:0;}
.bg-container ul li{list-style-type:none}
.pets-home-bg, .travel-home-bg,.motor-home-bg,.personal-home-bg,.critical-home-bg,.home-content-bg,.balikkampung-home-bg,.motorcycle-home-bg{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  z-index:-1;

}

.main-container.home{
 position:relative;
 width:100%;
 margin:0;
}


.bodyWrapper{
 height:100%;
 background:#f1f1f1
}
.logo.logoTravel.productLogo1{
 display:none
}

span.main-nav-item-right-arrow{
  display:none;
}
ul#main-nav li:nth-child(10) a{
 font-weight:bold
}
/**/
ul#main-nav li:nth-child(8),ul#main-nav li:nth-child(9),ul#main-nav li:nth-child(11),ul#main-nav li:nth-child(12), ul#main-nav li:nth-child(13){        
list-style:none		
}
nav ul#main-nav a.iconFb{ padding-left:25px }
nav ul#main-nav a.iconMail{ padding-left:25px }
nav ul#main-nav a.iconPhone{ padding-left:25px }
nav ul#main-nav{ margin-top:-45px }
.navi-product-container{
 height:10px;
 width:100%;
 overflow:hidden;
 position:relative;
 z-index:3
}
.close-drop-down-menu-btn{
 text-align:right;
 float:right;
 margin:10px 20px 0 0;
}

.navi-product-container ul{
 margin:50px auto 0 auto;
 text-align:center
}
 .navi-product-container ul li{
 width:46%;
 height:100px;
 margin:10px 20px 0 auto;
 float:left;
 list-style:none;
}
.navi-product-container ul li p{
 color:white;
 text-align:center;
 line-height:1em;
 font-size:0.9em;
 margin:0;
}
.navi-product-container ul li:nth-child(2) p{
 width:50%;
 margin:0px auto 0 auto
}
.navi-product-container ul li:last-child{
 margin-bottom:40px;
}
.navi-product-container ul li img{ margin: 5px auto 10px auto}
/*Promotion*/
.navi-product-container.promotion-mob-product ul li img{margin:26px auto 10px auto;}
/*Promotion End*/
.wrapper.home{
  text-align:center;
  margin-top:100px;
}
span.headline.home{
 font-size:3em;
  color:white
}
.wrapper.home p{
 padding-bottom:15px;
 font-size:1em;
 color:white;
 /*margin-bottom:45px;*/
 box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.learn-more{
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-50px
}
.learn-more p{
 font-size:0.8em;
 margin:0 !important;
 
}
.wrapper.home ul{
 padding:0;
  margin-top:80px;
}
.wrapper.home ul li{
  width:10px;
  height:10px;
  border-radius:5px;
  background-color:#89b6cf;
  display: inline-block
}

nav #naviTrigger{ height:110px }
#naviTrigger{ height:70px; background-color:#FFF; border-bottom:1px solid #d5d6d5}
nav #naviTrigger.naviProduct{background-color:#FFF;}
nav #naviTrigger a{
  font-size:2em;
  right:75px;
  margin-top:20px;
}
nav ul{
  text-align:left
}
nav ul a{
 display:inline
}
nav ul a,nav ul#main-nav p{
  color:#f9f9f9;
}
nav ul#main-nav li{ border-bottom:none;border-top:none;padding:0;margin-left:30px;}

.naviContent{
  background:url('/img/logo-takeItEasy-s.png') no-repeat 7em center #f3f3f3
}

.naviContentAbout{
  background:url('/img/logo-msig.png') no-repeat 7em center #f3f3f3
}


nav #naviBody{
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -ms-box-shadow:none;
  -o-box-shadow:none;
  filter:none;
}

.navBottom{
 background-color: #3c3c3c !important;
 height:30px;
 line-height:0;
 border-top:none
}

.navBottom .onlyLogo .sitePath{
 float:none;
  position:absolute;
  right:170px;
}
.navBottom li, .smallLogo, .sitePath{
  line-height:15px;
  margin:0 !important
}
.navBottom .onlyLogo .sitePath a:hover{
 color:white
}
.navBottom .onlyLogo li.smallLogo a.ir{
  left:auto !important;
  text-align:center;
}

.navBottom .onlyLogo .sitePath a{
  color:#FFF;
  padding-right:40px;
  border-right:1px solid #FFF
}

.ir:before{ content: normal }
.smallLogo a.ir{ line-height:35px }

.navBottom li.smallLogo a.ir{
 width:155px;
 height:35px;
 background:none;
 color:white;
 right: 10px !important;
 top:0px;
 margin-left:-77px
}
.navBottom .prevArrow~.smallLogo a.ir{
 top:-55px;
 color:transparent;
 background:transparent url(/img/logo-msig-l.png) no-repeat top right
}

.clearfix.pageIntro.wrapper p{
  font-size:1em;
  margin-left:-15px
}
.clearfix.pageIntro.wrapper h1{
  font-size:1.5em;
  margin-top:15px;
}
/*change to cater proposal form*/
.clearfix.pageIntro.wrapper p{
    width:100%;
}

@media(min-width:1651px){
    .clearfix.pageIntro.wrapper p{
      /*margin-left:-35%;*/
      text-align:center;
    }
    .clearfix.pageIntro.wrapper h1{
        /*margin-left:-903px;*/
        text-align:center;
    }
}
@media(min-width:1501px) and (max-width:1650px){
.clearfix.pageIntro.wrapper h1{
      /*margin-left:-915px; sin liang comment(thank you page)*/
      text-align:center;
    }
    .clearfix.pageIntro.wrapper p{
      /*margin-left:-37%;
      text-align:center;*/ /*pafix*/
    }
}
@media (min-width:1100px) and (max-width:1500px){
.clearfix.pageIntro.wrapper h1,.clearfix.pageIntro.wrapper p{
      /*margin-left:-23%;*/ /*pafix*/
    }
}
    @media (max-width:1099px){
    .clearfix.pageIntro.wrapper h1{
      margin-left:-3%
    }
}

.main.clearfix.paymentPage{
 margin-bottom:50px;
}
.main.clearfix.paymentPage .clearfix.pageIntro.wrapper p{
 padding:0 4%
}


form[name=claimform]#msform{ height:auto; padding-bottom:150px }
form#msform[name=claimform] .clearfix.pageIntro.wrapper h1{ margin-left:0; font-size:1em }
.tableCategoryTitle{ background-color:transparent !important }
.moreInfo p.boldText{ color:#000 }

.moreInfo .productTable,.productSmallPrint ul{
 background-color:#FFF !important;
 border-radius:5px;
}
.moreInfo .productTable,.moreInfo .productSmallPrint{
 border-top:none;
 border-bottom:none;
 border-radius:5px;
  box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75)
  
}

.btnContainer{
 height:50px;
 width:160px;

 border-radius:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 margin:80px auto 37px auto;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aac48', endColorstr='#129430',GradientType=0 );*/
}

.btnContainer a{
  color:white;
  line-height:50px;
  font-weight:normal;
  
}
#sc .btnMoreLess{
 float:none
}
.main-container.home .btnMoreLess{
 font-size:1.1em;
 font-weight:bold;
 width:250px;
 height:85px;
 background-position:center 10px;  
 margin:0 auto;
 padding:0 0 50px 0;
 color:white;
 outline:none;
 float:none;
}
.main-container.home .btnMoreLess:hover{
 text-decoration:none
}
.summaryContainer .btnMoreLess.openInfo{background-position:0px bottom}
.btnMoreLess.topBtnMoreLess.openInfo{ background-position:20px -50px }
.btnMoreLess.openInfo.insideTrigger{
 color:#000 !important;
 width:250px;
 height:85px;
 background-position:15px -50px;
}

.moreInfo .productTable, .moreInfo .productSmallPrint{
 padding:15px;
 background:#FFF;
}
.moreInfo .productSmallPrint ul li{
 padding-top:15px
}
.moreInfo .productTable th, .moreInfo .productTable td{ padding:0.6em 1.5em }

/* faq */
.travel-faq-container ol li,.motor-faq-container ol li{
  list-style-type:disc
 }
.travel-faq-container,.motor-faq-container,.critical-illness-faq-container,.home-content-faq-container,.personal-accident-faq-container, .pets-faq-container, .balik-kampung-faq-container, .mini-pa-faq-container {
 display:none
}
.client-faq-navContainer{
  display:table;
  table-layout:fixed;
  width:100%;
  font-weight:bold;
  padding:10px 0;
}
.client-faq-navContainer a{
  display: table-cell;
  vertical-align:middle;
  padding:10px 10px;
  text-align:center;
  font-size:0.7em;
  background-color:#FFF;
  border:1px solid #d6d6d6;
  border-right:none
}
.client-faq-navContainer a:first-child{
 border-top-left-radius:5px;
 border-bottom-left-radius:5px;
 -webkit-border-top-left-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -moz-border-top-left-radius:5px;
 -moz-border-bottom-left-radius:5px;
}
.client-faq-navContainer a:last-child{
 border-top-right-radius:5px;
 border-bottom-right-radius:5px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-right-radius:5px;
 -moz-border-top-right-radius:5px;
 -moz-border-bottom-right-radius:5px;
 border-right:1px solid #d6d6d6 !important;
}
.client-faq-navContainer a,.client-faq-navContainer a:hover{
 color:#000;
 outline:none;
 cursor:pointer;
}

.faqsSelected{
 color:white !important;
}
.faqsSelected{ color:white !important }

.pageIntro{
 text-align:left;
 font-size:1em;
 width:100%
}
.pageIntro>p{
 padding:0
}
.faqContentBox>li{
  border-radius:5px;
  -webkit-box-radius:5px;
  -moz-box-radius:5px;
  -ms-box-radius:5px;
  -o-box-radius:5px
}


.contentBox{
  box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
  -ms-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
  -o-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75)
}
ul.accordianStack li strong{
 font-size:1.2em;
 color:#000
}
.faqContentBox>li .furtherInfo{
  border-top:1px solid #959595;
  margin-top:30px
}

.pageIntroAlignLeft{
  font-size:1em;
  margin:35px 0px
}

.faqContentBox>li{
 background:#FFF;
}

/**/

/*About*/
.main-container .wrapper.aboutPage{
  padding:0 1%;
  margin:auto;
  width:100%;
  max-width:521px;
}
@media (min-width:768px) and (max-width:991px){
    .main-container .wrapper.aboutPage{
        max-width:709px;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .main-container .wrapper.aboutPage{
        max-width:950px;
    }
}
@media (min-width:1200px) and (max-width:1440px){
    .main-container .wrapper.aboutPage{
        max-width:1130px;
    }
}


.aboutPage h1{
 text-align:left;
 font-size:1.5em;
 font-family: 'pt_sansbold',Tahoma,Geneva,sans-serif;
}

.groupLogo{
  margin:85px 0 0 0px
}

.clearfix.pageIntroAlignLeft p:nth-child(3), .clearfix.pageIntroAlignLeft p:nth-child(4), .clearfix.pageIntroAlignLeft p:nth-child(5), .clearfix.pageIntroAlignLeft p:nth-child(6), .clearfix.pageIntroAlignLeft p:nth-child(7){
  width:450px;
  float:left;
  margin-right:90px;
  margin-left:20px
}
@media (max-width:568px){
    .clearfix.pageIntroAlignLeft p:nth-child(6), .clearfix.pageIntroAlignLeft p:nth-child(7){
        width:auto;
        margin-left:0px;
    }
}
@media (min-width:569px) and (max-width:960px){
    .clearfix.pageIntroAlignLeft p:nth-child(6), .clearfix.pageIntroAlignLeft p:nth-child(7){
        width:45%;
        margin-left:0px;
    }
}
.clearfix.pageIntroAlignLeft p:nth-child(4), .clearfix.pageIntroAlignLeft p:nth-child(5){
 width:450px;
  
}
.clearfix.pageIntroAlignLeft p:nth-child(8){
  clear:both;
  margin-top:150px
}

.clearfix.pageIntroAlignLeft p a{
 color:#e11f27;
 text-decoration:underline
}
/**/
/* Nomination */
form#msform[name=nominationform] fieldset .whilePrompt{
 top:-145px !important
}
.nominations .pageIntroAlign h1{
  font-size:1.5em;
  /*margin-bottom:50px*/
}
a.nominatePdfLink{
  padding-right:10px;
  border-radius:10px;
  color:white;
  font-size:0.8em;
  text-align:right;
  height:30px;
  width:160px;
  line-height:31px;
  /*position:absolute;*/
  top:auto;
  bottom:15px;  
  right:0  
}

a.nominateLink{
  padding-right:10px;
  border-radius:10px;
  color:white;
  font-size:0.9em;
  text-align:right;
  height:30px;
  width:160px;
  line-height:30px;
  top:25%;    
}

.bigContentBox>li{
  border-radius:5px;
  -webkit-box-radius:5px;
  -moz-box-radius:5px;
  -ms-box-radius:5px;
  -o-box-radius:5px;
    
  background: #FFF
}

.summaryContainer p{ width:95% }

.bigContentBox .moreInfo{
 border-top:1px solid #959595
}


.moreInfo p{ font-weight:normal; color:#666666; text-align:justify}
.moreInfo li{ color:#666666 }
.btnMoreLess{
 float:right;
 margin-top:-30px;
 width:17px;
 height:16px
}

.note p{
 float:left;
 width:45%;
 margin:2% 0 0 5%
}

.nominations .note p{
 float:left;
 width:45%;
 margin:0 0 0 5%
}

form#msform[name=nominationform] fieldset .clearfix ul{
 background:#FFF;
 border-radius:5px;
 padding:20px 15px 45px 15px;
 box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75)
}

/*Term of Use*/
.termOfUse .pageIntro h1{
  font-size:1.8em;
  /*margin-bottom:50px*/
}

@media(max-width:480px){
.termOfUse .pageIntro h1{
  font-size:1.5em;
  /*margin-bottom:50px*/
}
}

/* Make a Claims*/
form#msform{
 padding-bottom:150px;
}

ul.roundBorderWrapper.clearfix li.dateLoss, ul.roundBorderWrapper.clearfix li.lossDesc{
 padding:2% 0 0 0 !important
}



#formsClaim input{ color:#cccccc }

a#whatIsThis{
 margin-left:20px;
 font-size:0.8em;
 padding-right:20px
}
#formsClaim .minusPad{ padding-right:20px }

.pageIntro.wrapper{
  padding:0;
  width:70%;
  margin:0 auto;
  text-align:center
}

.clearfix.pageIntro.wrapper{ width:49.5%; text-align:left }
fieldset#formsClaim .clearfix.pageIntro.wrapper{ width:100%; padding:0 5.5% }
#msform fieldset{
 margin:0 auto;
 position:static;
 width: auto; /*450px*/
}
#msform fieldset ul li{
 padding:0 4%;
}
#msform fieldset ul li label{
  font-weight:bold
}



#msform fieldset ul li select{
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 background:transparent;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;   
 width:100%;
}
#msform select.inputRelationship{width:100%;margin:0;}
#msform fieldset ul li input, #msform fieldset ul li textarea{
 border-radius:5px;
 background:transparent;
 width:100%
}
input#certNumber{
 float:left;
  width:50%;
}
form#msform[name=claimform] fieldset input#certNumber~.assistTip{
 margin-left:30px;
 line-height:20px;
}
form#msform[name=nominationform] fieldset input#certNumber~.assistTip{
 float:none;
 line-height:20px;
 margin-bottom:10px
}
input#contact, input#nric,input#dateOfLossInjury{
 color:#000 !important
}
input#nric , input#contact , input#mobile, form#msform[name=paymentForm] input#cardExpire{ width:100% !important }
form#msform[name=paymentForm] label[for=cardCVC]{ width:100% }
form#msform[name=paymentForm] input#cardCVC{ width:50% !important }
form[name=paymentForm] fieldset ul li .cvc span.promptTail{ top:110px }
form[name=paymentForm] fieldset ul li .cvc{ top: -160px }
label[for=dateOfLossInjury]{ width:100% !important }
fieldset#formsClaim ul li label[for=certNumber],form#msform[name=nominationform] fieldset label[for=certNumber]{ width:100% }
fieldset#formsClaim ul:first-child~div h1{
 border-top:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 padding:15px 0% !important;
 margin:15px 30px 5px 30px;
 width:100% !important
}
fieldset#formsClaim ul:first-child{
 padding:20px 15px 0px 15px  
}
fieldset#formsClaim ul:last-child{
 padding:0px 15px 45px 15px
}
fieldset#formsClaim{
  border-radius:10px;
  background:#FFF;
  box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
  -ms-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75);
  -o-box-shadow:0px 0px 1px rgba(50, 50, 50, 0.75)
}
.checkBox.marginBottom100{
  width:auto;
  padding:20px 4% 20px 5%;
  margin:0 !important;
  border-top:1px solid #cccccc
}

.roundWrapperContent{
 margin:0 !important;
}
.roundWrapperContent .roundBorderWrapper{
  padding:0 !important;
  background:transparent;
  border:none
}
.roundWrapperContent .roundBorderWrapper input, .roundWrapperContent .roundBorderWrapper textarea{
 background: transparent !important
}

label[for=dateOfLossInjury].clearMargin{
 padding:0;
}

li.prevArrow{
 width:100%;
 height:80px;
 float:left;
 border-top:1px solid #d6d6d6;
 margin-top:-80px !important;
 background-color:#FFF;
}


.navBottom ul .prevArrow .ir .button{
 margin-left:90px;
 height:65px;
 line-height:70px;
 color:black
}
.navBottom ul .nextArrow .ir .button{
 margin-right:110px;
 width:110px;
 height:50px;
 text-align:left;
 padding:0;
 padding-left:20px;
 line-height:50px;
 color:white;
 border-radius:10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;  
 font-weight:normal;
}
.navBottom li.nextArrow{ margin: -60px 0 0 0 !important }
.navBottom li.prevArrow{ margin: -80px 0 0 0 !important }
fieldset#formsClaim .navBottom li.prevArrow{margin-left:-15px !important}
.navBottom li.nextArrow a.ir span{
 url("/img/submit-arrow.png") no-repeat scroll right rgba(0, 0, 0, 0)
}
.navBottom li.prevArrow a , .navBottom li.nextArrow a{
 height:0;
}


/* TNC */
.donFunction{margin:5px !important;}
.tnc-headline{ font-size:1.3em }
.tncContainer:after{
 border-style:none;
}
form[name=summaryForm] .tncContainer.whilePrompt>a{
 float:right;
 margin:-5px 0;
 color:transparent;
}
form[name=summaryForm] .tncContainer.whilePrompt{
 z-index:9999;
 overflow:auto;
 color:white;
 top:100px !important
}
form[name=summaryForm] .tncContainer.whilePrompt ul li{
 font-size:0.9em;
 color:white  
}
form[name=summaryForm] .tncContainer.whilePrompt p a{
 float:none;
 color:red!important;
 text-decoration:underline;
 display:inline;
}
form[name=summaryForm] .tncContainer .tncBox{ color:white }

/**/

/* Calender Page*/
.bodyWrapper .main-container.registration .main.clearfix form#msform fieldset#calendar{
 width:100% ;
 /*overflow:auto*/
}
fieldset#calendar .pageIntro{
 width:48%;
 margin:20px auto;
}
.banca-fieldset,.main-container .main form#msform fieldset#prescreen{width:50%}
div#planRange{
 width:50%;
 margin:0 auto;
}
.ui-datepicker th{
 font-weight:bold !important
}
.ui-datepicker-title{
 padding:1.8em 0 1em 0
}
.ui-datepicker-group.ui-datepicker-group-last{
 margin-bottom:150px
}
.ui-datepicker-group.ui-datepicker-group-first, .ui-datepicker-group.ui-datepicker-group-middle , .ui-datepicker-group.ui-datepicker-group-last{
 background:#FFF;
 padding: 5px 10px 5px 10px;
 margin-top:50px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
  
  box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.ui-datepicker-group.ui-datepicker-group-first{ margin-top:0px}
#planRange .ui-datepicker td a{ font-weight:bold }


.ui-datepicker td span, .ui-datepicker td a{
 color:#cccccc
}

 span.iconHelp{
 float:right;
 padding-right:65px
 }

li.form-title.clearfix{ padding:4% !important }
.noMarginNPadding{margin-bottom:0 !important; padding-bottom:0 !important}
.noMarginNPadding p{margin-bottom:0 !important}
ul.formPersonal>li.form-title.clearfix{padding-bottom:0 !important}
.form-title p,.add_coverage p{
 font-size:1.2em;
 color:white;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;  
}
.checkBoxDriver{
 padding-bottom:100px !important;
 margin-top:-50px !important;
 line-height:35px;
 display:none
}
#msform[name=signupform] fieldset#personalDetails{
 width:100% ;
 padding:0 25%;
 margin-bottom:50px;
}

fieldset#personalDetails ul.formPersonal, fieldset#risk ul.formPersonal{
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 -webkit-border-top-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -moz-border-top-left-radius:5px;  
 -moz-border-top-right-radius:5px;
}
fieldset#personalDetails ul.formPersonal, .main.clearfix.paymentPage #msform fieldset, fieldset#risk ul.formPersonal{
  position:relative;
  background-color:#FFF;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  
  box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.75);
}


fieldset#risk ul.formPersonal{ padding-top: 20px;}    	
li.aboutPetState select, .aboutPetBreed select {width: 100% !important;	}		
input#propertyAddressLine1 { margin-bottom: 2%!important;}		
fieldset#personalDetails ul.formPersonal {padding-bottom: 20px;}

ul.formPersonal.form-gst,.pageIntro.destination-title{
 display:none;
}

#msform fieldset a.triggerAddFamily{
  padding-right:10px;
  border-radius:10px;
  color:white;
  font-size:0.9em;
  font-weight:normal;
  text-align:center;
  height:30px;
  width:150px;
  line-height:30px;
  margin:20px 0 0 0;
}


/*.aboutULocation{ padding-bottom:4% !important }*/
.aboutULocation{ padding-bottom:25px !important}
.homeContentAddress .aboutULocation{ padding-bottom:0 !important }

.formFamily h3{
 text-align:left;
 font-size:1.2em;
 color:white;  
 padding:1% 0 1% 2%;
 margin:1em 0;
 font-weight:normal;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
}
fieldset#personalDetails ul li label{
  float:left;
  width:auto
}
.roundBorderWrapper.addFamilyTabs ul li{
 padding:0 !important
}
.formFamily a.deleteMember{
 margin:-40px -50px 0 0
}
.formFamilyContainer{
 background:#FFF;
 border-radius:5px;
 -webkit-radius:5px;
 -moz-radius:5px;
  
 box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75)
}

section.formFamily.clearfix.roundWrapperContent{
 padding:1% 4% 4% 4%;
}

.formFamilyContainer input.inputNric{
 width:100% !important
}

ul.formFamilyRadioBtns li:first-child label:last-child{ margin-left:17px}


ul.accordianStack.accordian.planSummary{
 padding:5px;
 margin:0 auto
}
.planSummary{
  background-color:white;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75)
}
.planSummary li{ background:none }
.totalCost ul li:first-child{padding:0 !important;margin:2% 0 !important}
.planSummary .totalCost{
  filter:none;
  border-radius:10px;
  margin: 0 15px 20px 15px  
}

.checkBox{
 margin:0 auto 250px auto;
 background-color:white;
 padding:15px;
 border-top:1px solid #cccccc;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
  
 box-shadow:0px 1px 1px 0px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 1px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 1px 0px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 1px 0px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 1px 0px rgba(50, 50, 50, 0.75)
}
li.clearfix.add_coverage div label ul li{padding:0 10px !important;}
label[for=boxCheck] a{
 text-decoration:underline
}
label[for=boxCheck] a, .iconPdf{
 color:red
}
.iconPdf{
 background:none;
 padding:0;
}

.summary-add-coverage ol{
 padding:0 0 0 20px;
 margin:0;
}
.summary-add-coverage ol li{
 font-weight:bold;
 padding:0
}
.summary-add-coverage ol li:first-child{padding:0 !important}
.pushTop span{margin-top:-30px}
li.summaryDiscount.pushIn.pushTop p{width:80%}
/*li.summaryDiscount{ padding-bottom:15px !important }*/
li.summaryTotal{
 border-top:1px solid #FFF;
 padding:15px 0 0 0 !important
}
.planSummary li div ul.summaryFamily{
 border-top:1px solid #999999
}

.productLabel{  background:#FFF }
.productLabel ul li:first-child{
 margin-left:40px;
}
.productLabel ul li{
 padding:0;
 min-width:initial
}
.productLabel ul .travelPlan{margin-left:0px !important}
.productLabel ul li span{color:#000; font-size:1em}
.productLabel ul .productArea,.productLabel ul .productPlanName{padding:0 0 0 1.2em}
.productLabel ul .productDays,.productLabel ul .productPeople{ padding:0 0 0 2.2em}
#msform fieldset .hasDatepicker{ overflow:visible }
.cvc{ width:330px }
.cvc p{
  width:180px;
  padding-bottom:20px;
  padding:5px;
  color:white;
  font-size:0.9em
}

form#msform[name=claimform] .assistPopUp.cvc.whilePrompt{ top:-140px !important }
.fixed-whilePrompt{
 position:fixed;
 top:60px !important;
}
.helpContent .pdfLink{float:none; color:#2aac48; display:inline; font-weight:bold}
.helpContent{z-index:9999}
.helpPayment.helpContent ul,.helpSummary.helpContent ul{padding:0 !important}
.helpContent p{font-size:0.8em;color:white;margin-left:10px}
.helpContent.whilePrompt.clearfix{
 top:auto;
 right:65px
}
.helpContent.whilePrompt.clearfix ul li{
 color:white;
 top:0;
}
.whilePrompt{
 filter:none;
 border:none;
 border-radius:5px;
 -webkit-border-radius:5px;
}

.whilePrompt>a{
 float:left;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 color:white;
 width:80px;
 font-weight:normal;
 font-size:0.9em;
 text-align:center;
 margin: 0 20px 10px 10px
}
.whilePrompt h1{ color:white; margin-left:10px;font-size:1.2em}
.assistPopUp{
 box-shadow:none;
 -webkit-box-shadow:none;
}
.paymentPage .clearfix.pageIntro.wrapper h1{
 position:absolute;
 margin-top:-90px;
 font-size:1.2em;
 margin-left:-25px;
 padding:10px 0
}
.paymentPage .clearfix.pageIntro.wrapper{
 width:50%;
 margin:70px auto 0 auto;
 background:#FFF;
 padding:30px 15px 10px 15px;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
  
 box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px 0px rgba(50, 50, 50, 0.75);
  
}
.iconLock{
 margin:0 10px 5px
}
form#msform[name=paymentForm] fieldset span.ir.cardType{
 right:3%;
 color:transparent
}

span.ir.cardType.visaCard{
 color:transparent;
 right:2%
}

a#whatIsThis{
 margin-left:0;
 color:#e11f27;
}

.clearfix.pageIntro.wrapper span{ color:#2aac48 }

#sc .pageIntro.wrapper{
 width:160px;
  padding-bottom:150px
}
.errorMsgContainer{
  background:#e22026;
  filter:none;
  bottom:6em;
  right:5em  
}
.errorMsgContainer a{
  width:120px;
  height:40px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  line-height:40px;
  text-align:center;
}
.errorMsgContainer:after{
  border-color:#e22026 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.promptMsg.promptMinDaysMsg{
  padding:2%
}

.promptMsg.promptMinDaysMsg,.promptMsg{
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  color:white
}
p#reminderSingleDay{margin-bottom:0px;}
.promptMsg.promptMinDaysMsg ol{padding:0 20px;margin-top:0 !important}
.promptMsg.promptMinDaysMsg ul{padding:0 0px;margin-top:0 !important}
a.cancel-btn{
 color:white !important;
 line-height:40px
}
.ok-noted-btn, .ok-btn, form[name=summaryForm] .promptMsg a{
 float:left;
 width:120px;
 height:40px;
 text-align:center !important;
 padding:0;
 line-height:40px;
 color:white !important;
 border-radius:10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 font-weight:normal;
}

#personalDetails .formFamilyRadioBtns li label[for=formFamilyRelationship],#personalDetails .formFamilyRadioBtns li label[for=formFamilyCitizenship]{
  display:block;
  width:100%;
}

label[for=policyHolderCitizenship]{
 margin:5px 0 0 0 !important;
 width:100% !important
}

fieldset#personalDetails .formPersonal h3{
  margin-left:2%;
  padding-top: 2%
}
ul.formFamilyRadioBtns li:last-child label:last-child{margin-left:-5px}
#personalDetails .formPersonal li input#Malaysian,ul.formFamilyRadioBtns li input~label{ margin:0 0 0 -1em }
#personalDetails .formPersonal li label[for=Malaysian],#personalDetails .formPersonal li label[for=Non-Malaysian],ul.formFamilyRadioBtns li label{
 line-height:25px
}
ul.formPersonal .fieldgroup input#policyHolderDateOfBirth, ul.formPersonal .fieldgroup label[for=policyHolderDateOfBirth]{
 width:70% !important;
 margin-top:0 !important
}
.aboutUGender{
 width:30% !important;
 float:left
}
li.fieldgroup.clearfix.aboutULocation label{
 width:100% !important
}
.aboutULocation select{
 width:49% !important;
 float:left;
 margin:0 !important
}
.aboutULocation select:last-child{
 margin:0 0 0 2% !important
}
/* MOTOR */
#msform select.inputExp{width:100%;}

/*This is the Disabled Input*/
ul.formVehicleDetail li input#motorRiskDataChassisNo,
fieldset#risk input#homeContentCountry{background-color:#b5d6e7}

.progress-checking{
 background:#FFF;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;  
 padding:20% 0%;
 width:100%;
  box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 text-align:center;
}
.progress-checking h1{
  margin-top:30px
}
.progress-loading-icon{
 width:64px;
 height:64px;
 margin:0 auto;
}
form#msform ul.bmi-container li input,form#msform ul.homeContentAddress li input{height:50px }
input#propertyAddressLine1{margin-bottom:4%}
.aboutUGender~.halfInput{width:65%; margin-left:5% !important}
.halfInput{width:50%; float:left; margin-bottom:15px;}

.bmi-result-display{height:150px; background:#f2f7fb; border-radius:5px; border:2px solid #d8e9f1}
.personalAccidentPlan-description{height:150px; background:#f2f7fb; border-radius:5px; border:2px solid #d8e9f1;margin:0 2%}
.personalAccidentPlan-description p,.ciPlan-sumInsured-result-display p,.ciPlan-cover-result-display p{font-weight:bold; color:#0070ae; margin:10px 20px}
.personalAccidentPlan-description span{font-weight:bold; margin:20px}

.bmi-result-display h1{font-size:1.5em; padding:2%}
.bmi-result-display p{font-weight:bold; font-size:1.2em; padding:2%}
fieldset#checkncd .formNCD,fieldset#risk .formVehicleDetail,fieldset#prescreen .bmi-container,fieldset#risk .homeContentAddress, fieldset#branch-code .formNCD{
 background:#FFF;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;  
 padding:4% 0%;
 margin-bottom:50px;
  box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -webkit-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -moz-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -ms-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
 -o-box-shadow:0px 1px 3px rgba(50, 50, 50, 0.75);
}
input#SumInsured{
 width:115px !important;
 margin:0px 0 0 20px;
 float:left
}
#msform[name=signupform] fieldset#risk,#msform[name=signupform] fieldset#checkncd,#msform[name=signupform] fieldset#criticalIllnessPlan,#msform[name=signupform] fieldset#branch-code{
  width:100%;
  padding:0 25%
}

fieldset#risk .formVehicleDetail li h4{font-size:0.8em;margin:0;color:#0173a9;}
fieldset#risk .formVehicleDetail li select{width:100%;}
fieldset#risk .formVehicleDetail li h2{
 margin:10px 0;
 font-size:0.9em;
  float:left
}
.checkBoxA input{
 margin-top:-5px  
}
input#boxCheckD{
 width:auto;
}
.checkBoxA,.checkBoxB,.checkBoxC,.checkBoxD{
 width:100%     
}
.checkBoxD ul li:last-child{padding-left:15px !important}
.AddCoverage-boxCheck li{
 margin-top:-5px !important;
 float:left;
 width:95%;
}
.AddCoverage-boxCheck li:first-child{
  width:2%;
  padding:0 !important
}
label[for=boxCheckA],label[for=boxCheckB],label[for=boxCheckC]{
 width:100% !important;
 line-height:15px;
 float:left
}
label[for=boxCheckD]{
 line-height:15px;
 float:left  
}
.windscreen-input{
  float:right;
  margin:0 -2% 0 0;
}
label[for=windscreenRMStrongSign]{
  width:4% !important;
  line-height:20px;
  float:left !important;
}
fieldset#checkncd ul li label{ width:100% }
fieldset#branch-code ul li label{ width:100% }
fieldset#prescreen ul li label { width: 50% }
fieldset#prescreen ul li.halfInput label{ width:100% }
fieldset#risk ul li label { width: 100% }
fieldset#risk ul li table.listOfVehicle td.vehicle-td-checkbox input{width:0}
label[for=motorLoanProvider].clearMargin~select#motorLoanProvider{margin-bottom:15px;}
ul.formVehicleDetail li:nth-child(5) label,ul.formVehicleDetail li:nth-child(8) label{
  width:100%
}
ul.formVehicleDetail li:nth-child(10),ul.formVehicleDetail li:nth-child(11),ul.formVehicleDetail li:nth-child(12), ul.formVehicleDetail li:nth-child(13){
 width:50% !important
}
ul.formVehicleDetail li:nth-child(5) {
 width:50%;
 float:left;
}
ul.formVehicleDetail li:nth-child(6){
 width:50%;
 float:left
}
ul.formVehicleDetail li:nth-child(7){
 width:50%;
 float:left
}
ul.formVehicleDetail li:nth-child(13){
 padding-left:0 !important;
 float:left
}
ul.formVehicleDetail li:nth-child(9){
 width:100%
}
ul.formVehicleDetail li:nth-child(4),ul.formVehicleDetail li:nth-child(13),ul.formVehicleDetail li:nth-child(12),ul.formVehicleDetail li:nth-child(11),ul.formVehicleDetail li:nth-child(10){
 width:50%;
 float:left;  
}
ul.formVehicleDetail li:last-child{
 position:relative;
 z-index:9;
}

label[for=YearOfMake]{
 width:100%  
}

.listOfVehicle{
 width:100%;
 background-color:#f2f7fb;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 
 box-shadow:2px 2px 1px rgba(230, 240, 245, 1);
 -webkit-box-shadow:2px 2px 1px rgba(230, 240, 245, 1);
 -moz-box-shadow:2px 2px 1px rgba(230, 240, 245, 1);
 -ms-box-shadow:2px 2px 1px rgba(230, 240, 245, 1);
 -o-box-shadow:2px 2px 1px rgba(230, 240, 245, 1);
}
.listOfVehicle tr td{
 padding:10px;
 text-align:center;
 border-bottom:1px solid #d5d8da;
 font-size:0.9em;
 cursor:pointer
}
table.listOfVehicle tr:first-child td{
 font-weight:bold;
 font-size:1em;
 cursor:default;
 pointer-events:none
}
table.listOfVehicle tr:last-child td{
 border-bottom:none;
}
.vehicleSelected{
  background-color:#cbe1ed !important
}
.vehicleSelected label{
 background-position:0% 74% !important
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*---------------RESPONSIVE CSS HERE----------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*  */
@media (max-width: 1640px){  
  .addressContainer div:last-child{margin-right:35%}
  .clearfix.pageIntroAlignLeft p:nth-child(3), .clearfix.pageIntroAlignLeft p:nth-child(4), .clearfix.pageIntroAlignLeft p:nth-child(5){margin-right:0px}
  .moreProduct-container{margin-left:10%}
}

@media (max-width: 1500px){
  form[name=summaryForm] .tncContainer.whilePrompt a{margin:-5px 0}
 .cancel-policy-container{margin:0 10%;}
  .area-selection .area{font-size:0.8em;}
  .area-map{height:300px}
  nav #naviTrigger a{right:60px}
  .clearfix.pageIntroAlignLeft p:nth-child(3), .clearfix.pageIntroAlignLeft p:nth-child(4), .clearfix.pageIntroAlignLeft p:nth-child(5){width:45%;margin-right:50px !important}
  .helpContent.whilePrompt.clearfix{right:50px;}
  .moreProduct-container{margin-left:5%}
  .moreProduct-container ul li{margin:10px 0 0 40px}
  .moreProduct-container ul li p{font-size:0.9em}
  .pointer{left:25px;}
  span.iconHelp{padding-right:45px;}
}

@media (min-width:1441px){
    .main-container .wrapper.aboutPage{
        padding:0 1% 0 1%;
        margin:auto;
        max-width:1140px;
    }   
    .about-client{
        padding:0;
        max-width:1106px;
    } 
    .about-client p{
        margin-right:0px;
    } 
}


@media (max-width:1440px){
   /*zuricktest .main-container .wrapper.aboutPage,*/ 
   nav.navigation.overflow~.main-container.client-faq .main.wrapper.clearfix{padding:0 15%}
  .btnContainer{margin:60px auto 37px auto}
  .client-faq-navContainer ul li{font-size:0.8em;font-weight:bold}
  .addressContainer div:last-child{margin-right:25%}
  .formFamily a.deleteMember{margin:-35px -45px 0 0}
  .logoThanks~.snapCover~.pageIntro{/*padding:15% 5% 0% 5%*/padding:150px 5% 0% 5%;}  
  .owl-nav{margin:30px 0 0}
  .product-writeup{font-size:1em}
  .AddCoverage-boxCheck li{width:80%;}
}
@media (max-width:1400px){
 .windscreen-input{ margin:0px -3% 0 0 }
  
}
@media (max-width:1350px){
 .client-faq-navContainer ul li{width:33%; font-size:0.8em}
 .client-faq-navContainer ul li:nth-child(3){border-top-right-radius:5px; border-bottom-right-radius:5px}
 .client-faq-navContainer ul li:nth-child(4){border-top-left-radius:5px; border-bottom-left-radius:5px}
 .windscreen-input{ margin:-45px -2% 0 0 }
 .product-writeup{ width:80% }
 .AddCoverage-boxCheck li{width:90%}
 .owl-controls{padding-top:25px}
 .summaryContainer p{width:88%} 
 .summaryContainer ul { width: 84%; text-align: justify;}
}
@media (max-width: 1200px){
  .moreProduct-container ul li{margin:10px 0 0 30px}
  .addressContainer div:last-child{margin-right:5%}
  .area.S4{margin-left:1.5%}
  .planNArea-container{padding:2% 0%}
  .navBottom ul .prevArrow .ir .button{ margin-left:45px; }
  .productLabel ul li:first-child{ margin-left:15px }
  .product-writeup{ width:100% }
  .helpContent.whilePrompt.clearfix{ right:35px; }
  .char-waiting~.snapCover~.pageIntro{ width:80%;padding:20% 0 10% 0 }
  .logoThanks~.snapCover~.pageIntro~.shareFren{ margin-bottom:100px }
  .logoThanks~.snapCover~.pageIntro,.char-error~.snapCover~.pageIntro{ /*padding:20% 5% 0% 5%*/padding:150px 5% 0% 5%; }
  .logoThanks~.snapCover~.pageIntro,.logoThanks~.snapCover~.pageIntro~.shareFren,.char-error~.snapCover~.pageIntro{ width:80% !important }  

  .area-map{ height:350px }
  .area-map{ background-size:95% }
  .productLabel ul .productDays{margin-left:0}
  .client-logo{ margin-left:65px }
  .moreProduct-container{ margin-left:2% }
  .note p{ margin:2% 0 0 3% }
  .navBottom ul .nextArrow .ir .button{margin-right:45px}
  nav #naviTrigger a{ right:45px}
  span.iconHelp{padding-right:30px}
}


@media only screen and (min-width: 992px){
 #msform fieldset{ width:50%; padding:0 }
 .wrapper{ padding: 0 25% }
 .pageIntro{ width:100% }
 .navBottom LI{ margin:0 !important }
 input.inputNric{ width:100% !important }
 #personalDetails .wrapper{ padding:0 }
}

@media (min-width:1351px){
    .pageIntro.wrapper.prescreenError{width:1090px}
}
@media (min-width:1201px) and (max-width:1350px){
    .pageIntro.wrapper.prescreenError{
        width:100%;
        max-width:1090px;
    }
}
@media (min-width:992px) and (max-width: 1100px){
  .pageIntro.wrapper.prescreenError{
      width:100%;
      max-width:912px;
  }
}
@media (max-width: 1100px){

  .client-faq-navContainer ul li{width:15%; font-size:0.7em}
  .client-faq-navContainer ul li:nth-child(3){border-top-right-radius:0; border-bottom-right-radius:0}
  .client-faq-navContainer ul li:nth-child(4){border-top-left-radius:0; border-bottom-left-radius:0}
  .product-writeup{font-size:0.9em;height:180px}
  .proposalFormsContainer{ padding: 0 10%;padding-bottom: 60px;}
  .windscreen-input{margin:0 -2% 0 0}
  /*zuricktest .main-container .wrapper.aboutPage,.about-client,*/
  nav.navigation.overflow~.main-container.client-faq .main.wrapper.clearfix{ padding:0 10% }
  .paymentPage .clearfix.pageIntro.wrapper,.main.clearfix.paymentPage #msform fieldset{
   width:80%  
  }
  form#msform[name="claimform"]{ padding:0 10% 150px 10% }
  form#msform[name="claimform"] fieldset#formsClaim{ width:100%; padding:0 }
  .clearfix.pageIntro.wrapper{ width:95%; padding:0 10% }
  .logoThanks~.snapCover~.pageIntro{ /*padding:15% 5% 0% 5%*/padding:150px 5% 0% 5%; }
  form#msform[name=nominationform] fieldset{ width:100%; padding:0 10% 150px 10% }
  .wrapper{ padding:0 10% }
  .banca-fieldset,.main-container .main form#msform fieldset#prescreen1,.main-container .main form#msform fieldset#prescreen2,.main-container .main form#msform fieldset#prescreen3,.main-container .main form#msform fieldset#prescreen4{width:80%}
 .bodyWrapper .main-container.registration .main.clearfix form#msform fieldset#calendar .pageIntro~div #planRange,.main-container .main form#msform fieldset#prescreen{ width:80% }
 fieldset#calendar .pageIntro{ width:78% }
 #msform[name=signupform] fieldset#personalDetails{ padding:0 10% }
 #msform[name=signupform] fieldset#risk,#msform[name=signupform] fieldset#checkncd,#msform[name=signupform] fieldset#criticalIllnessPlan,#msform[name=signupform] fieldset#branch-code{ padding:0 10% }
 
}
@media (max-width: 1000px){
  .moreProduct-container{ display:none }
 .mp-drop-down-container{ display:block }
 .mp-drop-down-container{
    height:40px;
    background:#FFF;
    float:left;
    width:100%;
    line-height:40px;
    text-align:center
  }
}
@media only screen and (min-width: 775px) and (max-width: 1022px){
  nav #naviTrigger a{
   right:50px
  }
 
  .main{
   margin-bottom:0 !important  
  }
  
  fieldset#personalDetails .pageIntro{
    width:auto;
    margin:20px 0px
  }
  fieldset#personalDetails ul.formPersonal, .formFamilyContainer{ width:auto }
  //.promptMsg{ margin:0 20% }
  #msform fieldset{ width:450px; padding:0 }
  .helpContent.whilePrompt.clearfix{ right:40px }
  .moreProduct-container{ margin-left:0% }
  .moreProduct-container ul li{ margin-left:30px }
  .moreProduct-container ul li p{ font-size:0.9em }
  .pointer{ left:20px }
}
@media (min-width:769px) and (max-width:863px){
  .windscreen-input{ margin:-45px -2% 0 0 }
}

@media (max-width: 960px){
   article#personal-accident .moreInfo .productTable td{text-align:center}
   article#personal-accident .moreInfo .productTable .tableCategoryTitle .col1,article#personal-accident .moreInfo .productTable .tableCategoryTitle .col2,article#personal-accident .moreInfo .productTable .tableCategoryTitle .col3,article#personal-accident .moreInfo .productTable .tableCategoryTitle .col4{font-size:0.8em;text-align:center !important;}
   article#personal-accident .moreInfo .productTable .tableCategoryTitle .col1{width:15%}
  .btnMoreLess.topBtnMoreLess.openInfo{ background-position:10px -50px }
  .client-faq-navContainer ul li{width:33%; font-size:0.8em}
  .client-faq-navContainer ul li:nth-child(3){border-top-right-radius:5px; border-bottom-right-radius:5px}
  .client-faq-navContainer ul li:nth-child(4){border-top-left-radius:5px; border-bottom-left-radius:5px}
  .addressContainer div:last-child{margin-right:0%; font-size:0.9em}
  .owl-controls{padding-top:0}
  .owl-nav{margin:0}
  .owl-item.active .pageIntro.wrapper h1{ font-size:1.9em }
  .main-container.home .btnMoreLess{
    width:200px;
    height:55px;  
    font-size:0.8em;
  }
  .product-writeup{ width:85% }  
  .listOfVehicle tr td{ padding:1% }
  form[name=summaryForm] .tncContainer.whilePrompt{ width:90%; margin-left:5% }  
  .clearfix.pageIntroAlignLeft p:nth-child(3), .clearfix.pageIntroAlignLeft p:nth-child(4), .clearfix.pageIntroAlignLeft p:nth-child(5){
   margin-left:0;
   margin-right:0;
  }
  .logoThanks~.snapCover~.pageIntro{ /*padding:18% 5% 0% 5%*/padding:150px 5% 0% 5%; }
  .btnMoreLess.openInfo.insideTrigger{ background-position: 10px -50px}

  .area-map{
    width:auto;
    height:350px;
    background-size:90%
  }
  
  .error-container,.char-error~.pageIntro{
   width:70%;
  }  
  .navBottom ul .prevArrow .ir .button{
  margin-left:50px;
  }
  .navBottom ul .nextArrow .ir .button{
    margin-right:45px  
  }
  span.iconHelp{
   padding-right:35px  
  }
  .productLabel ul .productDays{
   margin-left:0;  
  }
  nav #naviTrigger a{
   right:50px
  }
  .navi-product-container ul li{ width:46% }
}

@media only screen and (min-width: 774px){
 .logoThanks{ height:auto; background:none }
 .char-error{ height:auto }  
 .navBottom li.nextArrow a.ir span{ margin-top:0 !important }
 .navBottom{ height:30px }
 .main{ margin-bottom:0px }
 .navBottom LI{ margin:0 !important }
 form[name=summaryForm] .pageIntro{ margin:20px auto 10px auto }
 #msform fieldset .form-gst { width:auto !important }
 input#nric , input#contact , input#mobile{ width:100% !important }
 input.inputNric{ width:100% !important }
 #personalDetails .wrapper{ padding:0 }
 .registration #msform fieldset .hasDatepicker{ padding:0 }
}


@media (max-width:850px) {
  .addressContainer,.addressContainer~p{font-size:0.9em}
  .formFamily a.deleteMember{margin: -30px -40px 0 0}
  .productLabel ul li{
   font-size:0.8em  
  }
  #msform[name=signupform] fieldset#personalDetails,#msform[name=signupform] fieldset#risk,#msform[name=signupform] fieldset#checkncd,#msform[name=signupform] fieldset#criticalIllnessPlan,#msform[name=signupform] fieldset#branch-code{
   padding:0 15%   
  }
  .area-selection .area{
   width:44%;
   margin-left:2%;
   height:150px;  
   margin-top:2%
  }
 .clearfix.pageIntroAlignLeft p:nth-child(8){
   margin-top:50px   
 }
 .main-container.home{
  background-position:20%   
 }
 .main-container.home .pageIntro{
  width:100%;
  margin-bottom:20px
 }
 .main-container.home .moreInfo{
  background:#f1f1f1;
  padding:10px 5% 0 5%;
  margin: 35% auto 0 auto
 }
}
@media (min-width:744px) {
 #personalDetails .wrapper{padding:0}
 .registration #msform fieldset .hasDatepicker{padding:0}
 #msform fieldset ul li label[for=policyHolderCitizenship]{margin-top:20px !important}
}
@media (max-width:744px) {
  .btnMoreLess.openInfo.insideTrigger{ background-position: 8px -50px}
  strong.rmSign{ background-position:5px -2px }
  .productLabel ul li.productPrice{padding:5px 0}
  .clearfix.productLabel li{padding-top:5px;padding-bottom:5px }
  .productLabel ul .productArea,.productLabel ul .productPlanName,.productLabel ul .productDays{background-position:0px 3px}
  .annualPopOut{margin:-95px 0 0 -50px }
  .annualPopOut h1{font-size:0.9em}
  .iconHelp .ir{ background-size:100% }
  input#certNumber~span.assistTip .assistPopUp.cvc.whilePrompt span.promptTail{ top:118px }
  .cvc span.promptTail{ top:110px }
  form[name=paymentForm] fieldset ul li .cvc span.promptTail{ top:99px }
  #planRange .ui-datepicker td a, #planRange .date-range-selected a, #planRange .ui-datepicker-current-day a,#planRange .date-range-selected a, #planRange .ui-datepicker-current-day a{
   background-size: auto 100% !important
  }
  .char-waiting~.snapCover~.pageIntro{ padding:40% 0 10% 0; font-size:0.8em }
  input.inputNric{ width:100% !important }
  nav #naviTrigger a{ right:10px; }
  nav #naviTrigger{ background-position:110px 50%; background-size: 75px 31px }
  .navBottom .onlyLogo li.smallLogo a.ir{ margin-right:20px; font-size:0.8em }
  .navBottom .onlyLogo .sitePath a{ padding-right:20px }
  .navBottom LI{ margin:0 !important }
  .naviContent{ background:url('/img/logo-takeItEasy-s.png') no-repeat 0.2em center #f3f3f3 }
  .naviContentAbout{ background:url('/img/logo-msig.png') no-repeat 0.2em center #f3f3f3 }
  .pageIntro{ width:auto }
  #personalDetails .wrapper{ padding:0 }
  .assistTip{ margin:0; display:inline-block } 
}

@media(max-width:768px){
  .proposalFormsContainer{padding:0 5%;padding-bottom: 60px;}
  .pageIntro.wrapper.prescreenError{width:90%}
  .promptMsg.promptMinDaysMsg{ padding:5%}
  .owl-controls{ top:240px }
  .plan-selection{width:96%; padding:0 2.2%}
  .criticalIllnessPlan-selection div{padding:20px 0 !important}
  .navBottom .prevArrow~.smallLogo a.ir{ width:116px; height:41px; background-size:100% !important }
  form#msform[name="claimform"]{ padding:0 5% 150px 5% }
  ul.accordianStack.accordian.planSummary{ margin:0 5% 0 5% }
  .checkBox{ margin:0 5% 150px 5% }
  fieldset#calendar .pageIntro{ width:85% }
  .banca-fieldset,.bodyWrapper .main-container.registration .main.clearfix form#msform fieldset#calendar .pageIntro~div #planRange,.main-container .main form#msform fieldset#prescreen{ width:90% }  
  .product-writeup{ width:90%; }
  .about-client .pageIntro h1{ font-size:1.5em }
  nav #naviTrigger a{ right:40px }
  .client-logo{ margin-left:25px }
  .productLabel ul .productDays{margin-left:10px}
  .productLabel ul .productPeople{ background-position:5px 3px }
  .main-container.home .main{ margin-bottom:30px }
  .banca-fieldset,.main-container .main form#msform fieldset#prescreen1,.main-container .main form#msform fieldset#prescreen2,.main-container .main form#msform fieldset#prescreen3,.main-container .main form#msform fieldset#prescreen4{ width:90% !important; padding:0 }
  form#msform[name=paymentForm] fieldset{ width:90%; padding:0 }
  form#msform[name=nominationform] fieldset{ padding:0 5% }
  form[name=summaryForm] .pageIntro{ width:70%; margin:20px 5% }
  form[name=claimform]#msform{ padding:0 10% 150px 10%; margin:0 auto }
  form[name=summaryForm] .tncContainer.whilePrompt{ top:0 !important }
  form[name=summaryForm] .main.wrapper{ padding:0 }
  form#msform[name=claimform] #formsClaim .cvc span.promptTail{ top:41px }
  form#msform[name=nominationform]{ width:100%; margin:0 auto 150px 0 }
  fieldset#checkncd{ width:90% }
  fieldset#calendar{ width:auto  !important }
  fieldset#formsClaim{ padding:0 !important }
  .navBottom ul .nextArrow .ir .button{ margin-top:0 !important }
  .navBottom ul .prevArrow .ir .button{ margin-left:10px !important }
  .errorMsgContainer{ right:2em }
  .clearfix.pageIntro.wrapper{ padding:0 5% }
  .clearfix.pageIntro.wrapper h1,.clearfix.pageIntro.wrapper p{margin-left:0px}
  .logoThanks~.snapCover~.pageIntro{ /*padding:20% 5% 0% 5%*/padding:150px 5% 0% 5%; }
  .btnMoreLess{ margin-top:-45px }
  #msform[name=signupform] fieldset#personalDetails,#msform[name=signupform] fieldset#checkncd,#msform[name=signupform] fieldset#branch-code{ padding: 0 5% 150px 5%; }
  #msform[name=signupform] fieldset#risk,#msform[name=signupform] fieldset#criticalIllnessPlan{ padding: 0 2% 150px 2%; }
  .productLabel ul{  margin:0.2em 0 0 1em  }
}

@media(min-width:710px) and (max-width:770px){
  .windscreen-input{margin:0 -2% 0 0}
}

@media (max-width: 740px){
  .addressContainer div:first-child, .addressContainer div:last-child{float:none}
  .addressContainer div:last-child{margin:25px 0}
  form#msform[name=claimform] .assistPopUp.cvc.whilePrompt{ top:-120px !important }
  .logoThanks~.snapCover~.pageIntro,.char-error~.snapCover~.pageIntro{ /*padding:23% 5% 0% 5%*/padding:150px 5% 0% 5%; }
  .main-container.home .moreInfo{ margin:30% auto 0 auto }  
  .expandWidth{width:140% !Important}
}

@media (max-width:568px) {    
  .aboutULocation{ padding-bottom:10px !important}
  .client-faq-navContainer{ display:block }
  .client-faq-navContainer a{
    border-radius:5px;
    display:block;
    width:100%;
    padding:10px 0;
  }
  .btnMoreLess.topBtnMoreLess.openInfo{ background-position:10px -50px }
  .expandWidth{width:100% !Important}
  ul.formFamilyRadioBtns li label:last-child{margin-left:10px}
  .annualPopOut{margin:-95px 0 0 -50px}
  .formFamily a.deleteMember{margin:-27px -38px 0 0}
  .navBottom-divider{margin:2px 10px}
  li.sitePath-to-client{margin-right:10px}
  .checkBoxD ul li:last-child{ padding-left:10px !important }
  table.listOfVehicle{ font-size:0.8em }
  li.clearfix.add_coverage{ padding:0 !important }
  label[for=boxCheckD]{ width:90% !important }
  .windscreen-input{margin:0 -2% 0 0}
  .planNArea-note p:first-child{ padding-bottom:15px }
  .navBottom ul .nextArrow .ir .button{
   width:65px;  
   font-size:0.8em;
      padding-left:15px;
   background-position:60px center;
  }
  .navBottom .prevArrow~.smallLogo a.ir{
   width:87px;
   top:-50px;
   margin-left:-50px
  }
  .client-faq-navContainer ul li{
   width:100%;
   padding:10px 0;
   border-radius:5px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
  }
  .home .logo{ margin:30px auto 0 auto }
  /*Promotion*/
  .logo-with-promotion .logo{margin:25px auto}
  /*Promotion End*/
  fieldset#risk .formVehicleDetail li,ul.formVehicleDetail li:nth-child(8) select{ width:100% }
  fieldset#risk .formVehicleDetail{ padding:2% 2% }
  .listOfVehicle tr td{ padding:0 }
  .AddCoverage-boxCheck li:first-child{ width:2% !important }
  .AddCoverage-boxCheck li{ width:80% !important }
   #msform fieldset ul li select{ background-size:20px; }    
  .client-logo img{ width:250px; margin-top:2% }
  .banca-fieldset,.main-container .main form#msform fieldset#prescreen1,.main-container .main form#msform fieldset#prescreen2,.main-container .main form#msform fieldset#prescreen3,.main-container .main form#msform fieldset#prescreen4{ width:90% }  
  .logoThanks~.snapCover~.pageIntro,.char-error~.snapCover~.pageIntro{
   width:90% !important;
   /*padding:40% 5% 0% 5%  */
   padding:150px 5% 0% 5%;
  }
   .newLogoThanks~.snapCover~.pageIntro,.char-error~.snapCover~.pageIntro{
   width:90% !important;
   /*padding:40% 5% 5% 5%  */
   padding:150px 5% 0% 5%;
  }
  .logoThanks~.snapCover~.pageIntro~.shareFren{ width:90% !important; }
  .main-container.claimTQ, .main-container.nominateTQ{ width:90% }
  
  .preScreen-container{padding:20px 10px 40px 10px}
  
  .area-map{
   margin-top:0px;
   height:185px;
   background-size:95%  
  }
  .error-container,.char-error~.pageIntro{ width:80% !important }
  strong.rmSign{ background-position:5px -2px }
  .productLabel ul .productDays{ background-position:5px 3px }
  .navi-product-container ul li{ width:40% }
  .client-logo{ margin-left:30px }
  .moreProduct-container{ display:none }
  .mp-drop-down-container{ display:block }
  .mp-drop-down-container{
    height:40px;
    background:#FFF;
    float:left;
    width:100%;
    line-height:40px;
    text-align:center
  }
   
  span.headline.home, .wrapper.home p{ color:#000 !important }
  .errorMsgContainer{ right:1em }
  form#msform[name=claimform] #formsClaim .cvc span.promptTail{ top:43px }
  .helpContent.whilePrompt.clearfix{ right:16px }
  .btnContainer{ padding:1px }
  .learn-more{ bottom:5% }
  .home .pageIntro.wrapper{ width:100% }
  .wrapper.home{ margin-top:0px }
  .owl-item .foodie-cover .learn-more{ bottom:-5% }
  .main-container.home .foodie-cover .btnMoreLess{ top:90% }
  ul.accordianStack.accordian.faqContentBox li:nth-child(4) .summaryContainer strong{ font-size:1.1em }
  .navBottom ul .prevArrow .ir .button{ margin-left:10px !important }
  .navBottom ul .nextArrow .ir .button{ margin-right:20px }
  .paymentPage .clearfix.pageIntro.wrapper,.main.clearfix.paymentPage #msform fieldset{ width:90%; margin-left:5% !important }
  #msform fieldset a.triggerAddFamily{ margin:10px 2% 0 0 }
  .productLabel ul{ margin:1em }
  .assistPopUp.cvc.whilePrompt{ top:-150px !important; left:-160px }
  .wrapper.aboutPage{ padding:0 5% 0 5% !important }
  .navBottom .onlyLogo li.smallLogo a.ir{ top:0 }
  .btnMoreLess{ padding: 0 0.5em 0 0 }
  nav #naviTrigger a{ right:30px }
  form[name=summaryForm] .pageIntro{ width:90%; margin:30px auto 10px auto }
  .checkBox{
    width:90%;
    padding:5px;
    margin:0 4% 150px 4%
  }
  .pushIn{padding-left:10px !important}
  .pushTop span{margin-top:-20px}
  
  ul.accordianStack.accordian.planSummary{ width:90%; margin:0 4% ; font-size:12px }
  .planSummary .totalCost{margin:0 2% 20px 2%}
  form#msform[name=claimform] fieldset#formsClaim{ width:auto }
  a.nominateLink{ width:130px; font-size:0.8em }
  .nominations .pageIntroAlign h1{ font-size:1.5em}
  .clearfix.pageIntroAlignLeft p:nth-child(3), .clearfix.pageIntroAlignLeft p:nth-child(4), .clearfix.pageIntroAlignLeft p:nth-child(5){
   margin-left:0;
   margin-right:0;
   width:auto
  }
  .clearfix.pageIntro.wrapper h1,.clearfix.pageIntro.wrapper p{margin-left:-15px}
  .clearfix.pageIntroAlignLeft p:nth-child(8){margin-top:50px}
  span.iconHelp{padding-right:22px}
  .moreInfo .productTable th, .moreInfo .productTable td{ padding:0.6em 1em }
  .navBottom .onlyLogo .sitePath{ right:30% }
  form[name=claimform]#msform{ padding:0 5% 150px 5% }
  .home .logo{ width:64px; height:64px; margin:40px auto 0 auto }
  /*Promotion*/
  .promotion-icon{width:68px;height:68px;right:-75px;top:0px;}
  .promotion-icon p{width:65px;font-size:10px;line-height:10px;right:2px;}
  .promotion-icon.gsc p{font-size:10px;line-height:11px;width:53px;margin:-18px 0 0 0}
  .logo-with-promotion .logo{margin:25px auto}
  /*Promotion End*/
  .logo-with-promotion{width:64px;}  
}
@media(max-width:480px){
  .banca-yesno-btn.yes{padding:10px 23px;}
  .banca-yesno-btn.no{padding:10px 40px;}
  .assistTip{ margin:0; display:block} 
  .desktop-table{display:none}
  .mobile-table{display:block}
  .personalAccidentPlan-selection .planA,.homeContentPlan-selection .planA, .homeContentPlan-selection .planE ,.homeContentPlan-selection .plan1, .homeContentPlan-selection .plan5{margin-left:0.5% !important}
  .plan-selection .planB, .plan.planEmerald~.plan.planDiamond{margin-left:1%}
  .homeContentPlan-selection .plan{width:30%; margin:0 0 10px 0.5% }
  .aboutUGender~.halfInput{width:45%; margin:-4px 0 0 5% !important}
  .area-selection .area{ height:200px }
  .annualPopOut{margin:-95px 0 0 -50px}
  .clearfix.pageIntro.wrapper{ width:95% }
  .client-logo{ width:60% }
  .tncContainer{height:90%}
  .pageIntro>p{padding:0 }
  nav #naviTrigger{height:100px}
  .home .logo{margin: 25px auto}
  /*Promotion*/
  .logo-with-promotion .logo{margin:25px auto}
  /*Promotion End*/
  label[for=boxCheckA],label[for=boxCheckB],label[for=boxCheckC]{width:90% !important}
  .navBottom ul .prevArrow .ir .button{ line-height:50px }
  .navBottom li.prevArrow{ height:60px; margin:-60px 0 0 0 !important }
  .navBottom li.nextArrow{ margin:-55px 0 0 0 !important }
  .navBottom .prevArrow~.smallLogo a.ir{ top:-40px }
  .navBottom li.prevArrow a.ir span{ padding-left:20px; font-size:0.8em }
  .navBottom ul .prevArrow .ir .button{ margin-left:0 !important; background:none }
  .navBottom .onlyLogo .sitePath{ right:50% }  
  .nominations .pageIntroAlign h1{ font-size:1.2em; /*margin: 25px 0 90px 0*/}  
  .planNArea-note p:first-child{ padding-bottom:30px }
  .owl-controls{ padding-top:25px }
  form#msform[name=nominationform] fieldset{ width:100% }
  ul.formFamilyRadioBtns li label:last-child{ width:40% !important }
  ul.formPersonal .fieldgroup label[for=policyHolderDateOfBirth],.aboutUGender,ul.formPersonal .fieldgroup input#policyHolderDateOfBirth{width:50% !important}
  li.clearfix.add_coverage div label ul li:first-child{padding:0 !important}
  a.nominateLink{ top:auto;bottom:50px;}
  .moreInfo .productTable th, .moreInfo .productTable td{padding:0.6em 0.5em}
  .personal-accident .moreInfo .productTable th, .moreInfo .productTable td{padding:0.5em !important}
  .product-writeup{height:150px;width:95%}
  .critical-illness #critical-illness .product-writeup,.personal-accident #personal-accident .product-writeup{height:150px}
  .cvc{width:220px}
  .cvc p{padding:10px 0 10px 10px}
  .assistPopUp.cvc.whilePrompt{left:-100px}
  .main.clearfix.paymentPage .assistPopUp.cvc.whilePrompt{width:330px;left:-160px}
  form[name=paymentForm] fieldset ul li .cvc span.promptTail{top:105px}
  input#certNumber~span.assistTip .assistPopUp.cvc.whilePrompt span.promptTail{top:126px}
  #formsClaim .cvc{left:70px}
  #formsClaim .cvc span.promptTail{left:50%}
}
@media(max-width:375px){
  form#msform[name=paymentForm] fieldset ul li label.clearMargin,form#msform[name=nominationform] ul li label,form[name=claimform]#msform ul li label{width:100%}
  input#certNumber~span.assistTip .assistPopUp.cvc.whilePrompt span.promptTail{top:125px}
  form[name=paymentForm] fieldset ul li .cvc span.promptTail{top:108px}
  /*.proposalForms-downloadBtn{height:30px;/*width:100px;line-height:30px;}*/
  .about-client p{text-align:left}
}

@media(max-width:414px){
  .proposalFormsContainer ul li p{width:90%}
  .proposalForms-downloadBtn{height:30px;width:100px;line-height:30px;}
}
@media (max-width:320px) {
 .motor #motor .product-writeup,.travelright-plus #travelright-plus .product-writeup,.travel #travel .product-writeup{height:225px}
 .critical-illness #critical-illness .product-writeup,.personal-accident #personal-accident .product-writeup{height:180px}
 .home-content #home-content .product-writeup{height:180px}
 .motor #motor .product-writeup,.travel #travel .product-writeup{height:190px}

 .moreInfo .productTable th, .moreInfo .productTable td{padding:0.4em !important}
 .client-logo{ margin-left:10px }
 .client-logo img{width:220px}
 .formFamily a.deleteMember{margin:-27px -30px 0 0}
 .helpContent.whilePrompt.clearfix{right:5px}
 strong.rmSign{background-position:8px -2px}
 .note p{width:90%;margin:10% 0 0 3%}
 .note p:first-child{margin-top:0}
 .product-writeup{width:98%}
 #formsClaim .cvc{left:10px}
 form#msform[name=claimform] .assistPopUp.cvc.whilePrompt{top:-100px !important}
}
@media(min-width:1300px) and (max-height:700px){
 .home .logo{margin:30px auto 0 auto}  
  /*Promotion*/
  .logo-with-promotion .logo{margin:25px auto}
  /*Promotion End*/
 .product-writeup{width:100%;height:120px}
 .btnContainer{margin:35px auto 37px auto} 
}

@media(min-width:1000px) and (max-height:700px){
    .main-container.home .btnMoreLess{padding:0 0 35px 0;}
}

/*@media screen and (min-width:1200px\0) and (max-height:700px) {
  .logo-with-promotion{width:96px}
  .promotion-icon p{width:90px}
  .promotion-icon{width:85px;height:85px;top:5px;right:-110px;}  .promotion-icon{width:85px;height:85px;top:5px;right:-110px;}
  .home .logo{ width:96px; height:96px }
}*/


.popup-link:hover{
    cursor: pointer;
}

.popup-video-view{
    width: 100%;
}

.video-wrapper{
    background-color: white; 
    width: 80%;
    position: fixed; 
  top: 20%;
  left: 50%; 
  transform: translateX(-50%);
    z-index: 9999;
}

.video-wrapper .video-close{
  float: right;
  margin-right: 10px;
}

.video-wrapper .video-close:hover{
  cursor: pointer;
}

.planSummary .totalCost ul li p {
    width: 30vw;
    display: inline-block;
}

@media(max-width:1100px){
.planSummary .totalCost ul li p {
    width: 55vw;
}
}

@media (max-width: 767px){
    .btnContainer.go-campaign{
        height: 25px;
        width: auto;
        margin: 20px auto 15px auto !important;
    }
}

@media (max-width: 767px){
    .navBottom-client *, .navBottom-client p, .navBottom-client a, .navBottom-client li
    {
        font-size:12px !important;
    }
}

@media (max-width: 340px){
    .navBottom-client *, .navBottom-client p, .navBottom-client a, .navBottom-client li
    {
        font-size:11px !important;
    }
    .paymentPage .clearfix.pageIntro.wrapper,.main.clearfix.paymentPage #msform fieldset
    { width:90%; margin-left:-2% !important }
}

.navBottom-client a{
    font-weight:bold;
}

/*change link color*/
.redNewLink {color: #e22026!important;text-decoration: underline !important;}
.redNewLink:hover {color: #a80c07!important;text-decoration: underline !important;}
/* MYS-2023-0225 Enhance TIE Thank You Page */
.blueNewLink {color: #1B1464!important;text-decoration: underline !important;}
.blueNewLink:hover {color: #1a4691!important;text-decoration: underline !important;}
.whiteNewLink {color: #fff!important;text-decoration: underline !important;}
.whiteNewLink:hover {color: #1a4691!important;text-decoration: underline !important;}
/* MYS-2023-0225 Enhance TIE Thank You Page end */
.needToKnow a{color:#e22026!important;}

@media (min-width: 576px) and (max-width:767px) {
  .client-faq > .wrapper {
    padding:0;
    margin:0 auto 45px auto;
    max-width: 500px;
  }
}
@media (min-width: 768px) and (max-width:991px) {
  .client-faq > .wrapper {
    padding:0;
    margin:0 auto 45px auto;
    max-width: 680px;
  }
}
@media (min-width: 992px) and (max-width:1119px) {
  .client-faq > .wrapper {
    padding:0;
    margin:0 auto 45px auto;
    max-width: 920px;
  }
}
@media (min-width: 1200px) {
  .client-faq > .wrapper {
    padding:0;
    margin:0 auto 45px auto;
    max-width: 1100px;
  }
}


.main-container.claimTQ,.pageIntro.wrapper.prescreenError{
    width:100%;
}
  .pageIntro.wrapper.paymentFail{
    margin-top:40px;
    width:100% !important;
  }
@media (max-width:767px){
    .pageIntro.wrapper.paymentFail{ margin-bottom:65px !important; }
}
@media (min-width:768px){
    .pageIntro.wrapper.paymentFail{ margin-bottom:76px !important; }
}

@media (max-width:359px){
  .main-container.claimTQ,.pageIntro.wrapper.prescreenError{
    width:88%;
    margin-left:18px;
    margin-right:18px;
  }
  .pageIntro.wrapper.paymentFail{
    width:88% !important;
    margin-left:18px;
    margin-right:18px;
    margin-top:40px;
    padding-left:1%;
    padding-right:1%;
  }
}
@media (min-width:360px) and (max-width:575px){
  .main-container.claimTQ,.pageIntro.wrapper.prescreenError{
    width:90.5%;
    margin-left:18px;
    margin-right:18px;
    /*zurick prescreen ori 65px*/
    margin-bottom:48px;
  }
  .pageIntro.wrapper.paymentFail{
    width:90.5% !important;
    margin-left:18px;
    margin-right:18px;
  }
}
@media (min-width: 576px) and (max-width:767px) {
  .main-container.claimTQ,.pageIntro.wrapper.prescreenError,.pageIntro.wrapper.paymentFail{
    max-width: 500px;
  }
  .pageIntro.wrapper.prescreenError{
    margin-bottom:65px;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  .main-container.claimTQ,.pageIntro.wrapper.prescreenError,.pageIntro.wrapper.paymentFail{
    max-width: 680px;
  }
}
@media (min-width: 992px) and (max-width:1199px) {
  .main-container.claimTQ,.pageIntro.wrapper.prescreenError,.pageIntro.wrapper.paymentFail{
    max-width: 920px;
  }
  .pageIntro.wrapper.prescreenError h1{
    padding-left:17%;
    padding-right:17%;
  }
}
@media (min-width: 1200px) {
  .main-container.claimTQ,.pageIntro.wrapper.prescreenError,.pageIntro.wrapper.paymentFail{
    max-width: 1100px;
  }
    .pageIntro.wrapper.prescreenError h1{
    padding-left:19%;
    padding-right:19%;
  }
}
/*sl mobile view footer img blur fix*/
@media (max-width: 568px){
    .navBottom .prevArrow~.smallLogo a.ir{
        color: transparent;
        background: transparent url(/img/logo-msig-s.png) no-repeat top right;
    }
    
    .navBottom .prevArrow~.smallLogo a.ir {
        width: 105px;
        margin-left:0;
        left: calc(50% - 53px - 15px);
    }
    #formsClaim .navBottom .prevArrow~.smallLogo a.ir {
        width: 105px;
        margin-left: 0;
        left: calc(50% - 53px - 15px - 16px);
    }
    .navBottom ul .nextArrow .ir .button{
        width: 70px;
        padding-left: 5px;
        background-position: 55px center;
        top: 7px;
        height: 40px;
        line-height: 40px;
    }
    #formsClaim .navBottom ul .nextArrow .ir .button{
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        top: 7px;
    }
}
/* wj - hlgroup */
@media (max-width:744px) {
    .productLabel ul .productArea, .productLabel ul .productPlanName {
        padding-left: 0px;
    }
}
@media (max-width:414px) {
    .productLabel ul .productArea, .productLabel ul .productPlanName span {
        padding-left: 20px;
    }
}