/* to remove all button box-shadow*/
.btn-primary{
    box-shadow: 0 0 0 0 !important;
}

#submitClaim.deSelected {
    opacity: 0.2;

}

/*Planselection-zr*/
ul.motorPlusSectionHiddenForPlanSelection.motorplus-section {
    float: none;
}

div.removeNavBottomClass .navBottom{
    height:0px !important;   
}
div.removeNavBottomClass .navBottom .prevArrow~.smallLogo a.ir{
    pointer-events: none;
}
div.removeNavBottomClass .navBottom ul .prevArrow .ir:not(.previous) .button{
    display:none;
}
.finePrintWording {
    text-align: left !important;
    word-wrap\0: break-word;
    width\0:180px;
}

.motorcycle.finePrintWording {
    padding-top:20px;
}

.scrollDownIcon:after {
    content: '\f107';
    font: normal normal normal 24px/1.1 FontAwesome;
    color: #FFFFFF;
}

.chevron_left:after {
    content: '\f104';
    font: bold normal normal 46px/1 FontAwesome;
    color: #1B1464;
}

.chevron_right:after {
    content: '\f105';
    font: bold normal normal 46px/1 FontAwesome;
    color: #1B1464;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.pointerEventNone{
    pointer-events: none;
}
.scrollDown {
    color: #FFF;
    cursor:pointer;
}
.scrollDown:hover {
    color: #FFF;
}
.mmpApplyNowBtn {
    height: 50px;
    width: 160px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0px auto 0px auto
}

.mmpApplyNowBtn a {
    color: white;
    line-height: 50px;
    font-weight: normal;
}

.mmpApplyNowBtn a:hover {
    color: white;
}

/** Plan Selection CSS **/
.plan-selection-panel{
    display: inline-block;
}

.plan-selection-panel h1{
    padding-top:48px;
    padding-bottom:35px;
    color:#1B1464;
    font-weight:bold;
    font-size:24px;
}

.motorplus-insurance, .motorcycle-insurance{
    width: 100%;
    max-width: 214px;
    height:260px;
    display: block;
    background-color: #1B1464;
    float:left;
    border-radius:13px;
    border:none;
    margin-right:28px;
    margin-bottom:28px;
    cursor:pointer;
}

.motorplus-insurance.unselected, .flexiplan-insurance.unselected, .motorcycle-insurance.unselected{
    background-color: #F5F5F5;
}

.motorplus-insurance .motorplus-image{
    width:auto;
    height:93.54px;
    background: url("../../img/motor-plus-selected.png") no-repeat;
    background-position: center;
    padding:19px 26px 9px 26px;
}

.motorcycle-insurance .motorcycle-image{
    width:auto;
    height:93.54px;
    background: url("../../img/motorcycle-image.png") no-repeat;
    background-position: center;
    padding:19px 26px 9px 26px;
}

.motorplus-insurance.unselected .motorplus-image{
    width:auto;
    height:93.54px;
    background: url("../../img/motor-plus-unselected.png") no-repeat;
    background-position: center;
    padding:19px 26px 9px 26px;
}

.motorplus-insurance p, .flexiplan-insurance p, .motorcycle-insurance p{
color:#FFFFFF;
font-size:18px;
line-height:20px;
font-weight:bold;
text-align:center;
padding:0 26px;
}

.clearMargin.policyholder-marital {
    margin-top:67px !important;
}
.motorplus-insurance ul, .flexiplan-insurance ul, .motorcycle-insurance ul{
    color:#FFFFFF;
    font-size:12px;
    line-height:20px;
    font-weight:normal;
    text-align:left;
    padding:0 26px 24px 23px !important;
}

.motorplus-insurance.unselected p, .flexiplan-insurance.unselected p, .motorplus-insurance.unselected ul, .flexiplan-insurance.unselected ul, .motorcycle-insurance.unselected p, .motorcycle-insurance.unselected ul{
    color: #CCCCCC;
}

.motorplus-insurance li:before, .flexiplan-insurance li:before, .motorcycle-insurance li:before{
content: '✓';
padding-right:8px;
}

.flexiplan-insurance{
width: 100%;
max-width: 214px;
height:260px;
display: block;
background-color: #1B1464;
float:left;
border-radius:13px;
border:none;
margin-bottom:28px;
cursor:pointer;
}

.flexiplan-insurance .flexiplan-image{
width:auto;
height:93.54px;
background: url("../../img/flexi-plan-selected.png") no-repeat;
background-position: center;
padding:19px 26px 9px 26px;
}

.flexiplan-insurance.unselected .flexiplan-image{
width:auto;
height:93.54px;
background: url("../../img/flexi-plan-unselected.png") no-repeat;
background-position: center;
padding:19px 26px 9px 26px;
}

.your-plan-panel h1{
padding-top:20px;
padding-bottom:35px;
color:#1B1464;
font-weight:bold;
font-size:24px;
}

.motorplus-plan, .motorcycle-plan{
background: #F7F7F7;
border: none;
border-radius: 13px;
padding: 52px 28px 24.6px 28px;
}

.motorplus-plan h2, .motorcycle-plan h2{
color:#666666;
font-weight:bold;
font-size:21px;
padding-bottom:22px;
}

.motorplus-plan-bundle-table td, .motorcycle-plan-table td{
text-align: left;
vertical-align: top;
width:50%;
}

.flexi-plan-table td {
    width:50%;
    text-align: left;
    vertical-align: top;
}

.addOnBundle-nextline{
    width: 109%;    
}

.motorplus-plan-bundle-table .addOnBundle-bold{
color:#666666;
font-weight:bold;
font-size:18px;
line-height:23px;
}

.motorplus-plan-bundle-table .addOnBundle-normal{
color:#666666;
font-weight:normal;
font-size:18px;
line-height:23px;
}

.motorplus-plan-bundle-table .addOnBundle-border-rightbottom, .motorcycle-plan-table .addOnBundle-border-rightbottom{
border-right:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;
}

.motorplus-plan-bundle-table .addOnBundle-border-bottom, .motorcycle-plan-table .addOnBundle-border-bottom{
border-bottom:1px dotted #CCCCCC;
border-width:2px;
padding-left: 14px;
}

.motorcycle-plan-table .addOnBundle-border-right {
border-right:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;  
}

.motorcycle-plan-table .addOnBundle-border-left {
    padding-left: 14px;  
}

.motorcycle-plan-table .firstRow {
    padding-top:23px;
    padding-bottom:23px;
}
.motorplus-plan-bundle-table .firstRow{
padding-bottom:23px;
}

.motorplus-plan-bundle-table .secondRow{
padding-top:26px;
padding-bottom:23px;
}

.motorplus-plan-bundle-table .thirdRow{
padding-top:26px;
}

.plan-optional-panel .optionalTitle{
padding-top:48px;
padding-bottom:35px;
color:#1B1464;
font-weight:bold;
font-size:24px;
}

.plan-optional-panel .optionalSubTitle{
padding-bottom:23px;
color:#666666;
font-weight:bold;
font-size:18px;
margin: 0;
}

.motorplus-plan-optional-table td{
width:50%;
text-align: left;
vertical-align: top;
}

.motorplus-plan-optional-table .addOnBundle-normal{
font-size:18px;
line-height:23px;
}

.motorplus-plan-optional-table .addOnBundle-bold{
color:#666666;
font-weight:bold;
font-size:18px;
line-height:23px;
}

.motorplus-plan-optional-table .addOnBundle-border-righttop{
border-right:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;
}

.motorplus-plan-optional-table .addOnBundle-border-top{
border-top:1px dotted #CCCCCC;
border-width:2px;
padding-left: 14px;
}

.motorplus-plan-optional-table .addOnBundle-border-righttopbottom{
border-right:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;
}

.motorplus-plan-optional-table .addOnBundle-border-topbottom{
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
border-width:2px;
padding-left: 14px;
}

.motorplus-plan-optional-table .firstRow{
padding-top:26px;
padding-bottom:23px;
}
// Flexi Plan CSS
.flexi-plan-table td{
width:50%;
text-align: left;
vertical-align: top;
}

.flexi-plan-table .addOn-normal{
color:#666666;
font-weight:normal;
font-size:18px;
line-height:23px;
}

.flexi-plan-table .addOn-bold{
color:#666666;
font-weight:bold;
font-size:18px;
line-height:23px;
}

.flexi-plan-table .addOn-border-righttop{
border-right:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;
}

.flexi-plan-table .addOn-border-top{
border-right:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
border-width:2px;
padding-left: 14px;
}

.flexi-plan-table .addOn-border-righttopbottom{
border-right:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;
}

.flexi-plan-table .addOn-border-topbottom{
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
border-width:2px;
padding-left: 14px;
}

.flexi-plan-table .addOn-border-firstTable-left{
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;
padding-left: 14px;
}

.flexi-plan-table .addOn-border-firstTable-right{
border-top:1px dotted #CCCCCC;
border-width:2px;
padding-left: 14px;
}

.flexi-plan-table .addOn-border-last-top{
border-top:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;
padding-left: 14px;
}

.flexi-plan-table .addOn-border-smartKey{
border-right:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
border-width:2px;
padding-right: 14px;
padding-left: 14px;
}

.flexi-plan-table .addOn-border-windScreen{
border-bottom:1px dotted #CCCCCC;
border-right:1px dotted #CCCCCC;
border-width:2px;
padding-left: 14px;
padding-right: 14px;
}

.flexi-plan-table .addOn-border-bottom {
    border-bottom: 1px dotted #CCCCCC;
    border-width: 2px;
    padding-left: 14px;
}

.flexi-plan-table .addOn-border-rightbottom {
    border-right: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    border-width: 2px;
    padding-right: 14px;
    padding-left: 14px;
}

.flexi-plan-table .firstRow{
padding-top:26px;
padding-bottom:23px;
}

.flexi-plan-table .lastRow{
padding-top: 26px;
padding-bottom: 40px !important;
}

.flexi-cart-extension-section{
display:-ms-grid;
display:grid;
-ms-grid-columns: auto auto auto 265px;
grid-template-columns: auto auto auto 265px;
margin-bottom:28px;
}

.plan-optional-panel .flexiSubTitle{
padding-top:20px;
padding-bottom:23px;
color:#666666;
font-weight:bold;
font-size:18px;
margin: 0;
}

.plan-optional-panel .cartExtensionTitle{
padding-top: 20px;
border-top: 1px dotted #CCCCCC;
border-width: 2px;
}

.flexi-plan h2{
color: #1B1464;
font-weight:bold;
font-size:21px;
padding-bottom:22px;
}

.cart-extension{
display:flex;
display\0: inline-block !important;
}

.cart-extension-section{
display:-ms-grid;
display:grid;
-ms-grid-columns: auto auto auto 265px;
grid-template-columns: auto auto auto 265px;
margin-bottom:28px;
}

.cart-extension select{
height:48px !important;
width:100% !important;
color:#666666 !important;
font-size:18px !important;
border:none !important;
padding-left: 25px !important;
padding-right: 25px !important;
border-radius:0  !important;
background: #F7F7F7;
-webkit-appearance:none;
}

select::-ms-expand {
    display\0:none;
}

#msform .motorNewRiskPage select.motorAddPlan-input{
margin:-14px 0 0 0 !important;
margin\0:-10px 0 0 30px !important;
}

#msform .motorNewRiskPage select.motorAddPlan-input:disabled{
background:#F7F7F7 url(/img/select-icon.png) no-repeat right center !important;
background-size: 8% !important;
margin:-14px 0 0 0 !important;
margin\0:-10px 0 0 30px !important;
color:#CCCCCC !important;
}

.cart-extension input[type="checkbox"]{
width:0 !important;
}

.cart-extension label{
color:#666666 !important;
}

.driver-personal-accident-planselection{
padding-bottom: 65px;
}

.driver-personal-accident-plan{
width: 33%;
float: left;
}

.driver-personal-accident-plan span{
padding-left: 15px;
}

.accident-repair-allowance-plan span{
    padding-left: 15px;
}

.addon-plan-toolTip{
position: absolute;
text-align: center;
background-color: rgba(204, 204, 204, 1);
border-radius: 50%;
width: 20px;
height: 20px;
font-size: 12.5px;
line-height: 22px;
cursor: default;
margin-left: 9px;
margin-left\0: 5px;
}

.addon-plan-toolTip:before{
content:'?';
font-weight: bold;
color:#fff;
}

.addon-plan-toolTip:hover .addon-plan-toolTipText {
display: block;
}
    
.addon-plan-toolTipText{
display: none;
text-align: left;
background-color: rgba(27, 20, 100, 1);
padding: 9px 15px;
width: 175.88px;
position: absolute;
border-radius: 3px;
left: 20px;
top: 0;
color: #FFF;
font-size: 12px;
line-height: 1.4;
z-index:1;
}
/** Plan Selection CSS end **/

.motorNewSummaryPage .motorplus-section:first-child li:first-child {
    margin: 0 0 2% 0;
}

.motorplus-section input, .motorplus-section select {
    font-family: 'pt_sansregular',Tahoma,Geneva,sans-serif;
}

.mmpPaymentNavigationBtn {
    width: 100%;
    text-align: center;
    position: relative;
    right: 0px;
    top: 55px;
}
.mmpPaymentNavigationBtn li.prevArrow {
    width: unset;
    height: unset;
    float: unset;
    border-top: unset;
    margin-top: unset !important;
    background-color: unset;
}
.mmpSummaryNavigationBtn {
    width: 100%;
    text-align: center;
    bottom: 200px;
    position: relative;
    right: 0px;
}
.mmpNavigationBtn{
    width: 100%;
    text-align: center;
    top: 56px;
    position: relative;
    right: 280px;
    right\0: 53px;
}
.mmpBtnNext {
    background: #E11F27 !important;
    border: 2px solid #E11F27 !important;
    border-radius: 6px !important;
    color: #fff;
    margin: 0;
    display: block;
    padding: 0;
    width: 164px !important;
    height: 48px;
    line-height: 3;
    float:right;
    cursor:pointer;
}
.mmpBtnBack {
    background: transparent;
    border: 2px solid #E11F27 !important;
    border-radius: 6px !important;
    color: #E11F27;
    margin: 0;
    display: block;
    padding: 0;
    width: 164px;
    height: 48px;
    line-height: 3;
    cursor:pointer;
    float:right !important;
    margin-right:20px;
}
.pdfIconLeft {
    content: url('../../img/icon-pdf.png');
}
/* Product Top */
.motorPlusProgressBar {
    height: fit-content;
}
.motorPlusProgress {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    height: 100px;
}

/*coverage */
.slick-slider .slick-list {
    width: auto;
    height: auto;
}
.slick-dots li button:before {
    font-size: 70px !important;
    opacity: 1 !important;
    color: #b4b1ca !important;
}
.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #1B1464 !important;
}
/*
 Don't apply global styling like this. It will impact all slick carousels
.slick-track {
        width: 3624px !important;
    }
    
*/
.slick-dots li:only-child {
        display: none !important;
}
@media (min-width: 600px) and (max-width: 1024px){
    .slick-track{
       width: 4260px !important;
    } 
}
.slickPrev {
    left: -100px;
}
.slickNext {
    right: -100px;
}
.slickPrev i, .slickNext i {
    font-size: 56px !important;
}
.slickPrev, .slickNext {
    position: absolute;
    top: 35%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #1B1464;
    border: none;
    outline: none;
    background: transparent;
}
/*.slick-track {*/
/*    width: 3360px !important;*/
/*}*/
/* motor plus plan payment start */
.motor-plus-paymentMethod label{
    height: 100%;
    width: 100%;
    text-align: center;
    border: 1px solid #1B1464;
    border-radius: 13px;
    cursor: pointer;
    margin: 0px;
    padding: 10px;
    background: #1B1464;
}
.motorpluscard .cardType {
    right: unset !important;
    margin: 0 !important;
}
.motorpluscard {
    height: 10px;
}
.mmpCreditCard input{
    background: #F7F7F7 !important;
    height: 48px !important;
    width: 90% !important;
    color: #666666 !important;
    font-size: 18px !important;
    border: none !important;
}
.mmpFpx input, .mmpFpx select {
    background: #F7F7F7 !important;
    height: 48px !important;
    color: #666666 !important;
    font-size: 18px !important;
    border: none !important;
}
.mmpFpx select {
    background: #F7F7F7 url(/img/select-icon.png) no-repeat right center !important
}
.paymentMethod div{
    float: left;
    width: 30%;
    height: 100%;
    padding-right: 20px;
}

/* wj - mcp pop up */
.popup-overlay-background {
    position: fixed;
    display: none;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .5);
    z-index: 2001;
}
.popup-content {
    position: relative;
    margin: 30px auto;
    width: 600px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    background-color: #fff;
}
.popup-title {
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    color: #333;
    margin: 0;
    line-height: 1.4;
}
.popup-btn-close {
    position: absolute;
    right: 30px;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
}
.popup-header {
    margin-left: 30px;
    position: relative;
    padding: 20px 0 15px;
    border-bottom: 1px dashed #c2c2c2;
}
.popup-body {
    padding: 30px;
    margin-left: 30px;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    color: #666;
}
.popup-footer {
    padding-top: 30px;
    padding-bottom: 40px;
    margin-left: 30px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}
.popup-btn {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    font-weight: 600;
    background-color: #f2f2f2;
    margin: 10px;
    padding: 10px 35px;
    color: #00277e;
    border-radius: 0;
}
#mcp-pdf3, #mcp-pdf4 {
    display: none;
}
.popup-others {
    margin-top: 50px;
    color: #e11f27;
}
.popup-others a:visited {
    color: #e11f27;
}

/* wj - mcp pop up */
@media only screen and (max-width:600px) {
    .popup-content {
        width: 100%;
        padding-top: 10px !important;
    }
    .popup-header {
        margin-left: 0;
    }
    .popup-body {
        margin-left: 0;
    }
    .popup-footer {
        margin-left: 0;
        padding-top: 10px;
        padding-bottom: 20px;
    }
}	

/* wj - motor payment */
#creditcard-details li #mcmpgs-Label {
    width: 90%;
}
#creditcard-details li #mcmpgs-Label .credit-card-indicator {
    width: 120px;
    display: inline;
}
#creditcard-details li #mcmpgs-Label svg {
    width: 3rem!important;
    height: 30px;
}
#creditcard-details .mcmPayment svg {
    width: 3rem!important;
    height: 30px;
}
#creditcard-details li #mcmpgs-Label #debitCreditText{
    display: inline;
    vertical-align: super;
}
@media only screen and (max-width: 768px){
    .paymentMethod div {
        width: 26%;
        padding-right: 25px;
    }
    #creditcard-details li #mcmpgs-Label {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    #creditcard-details li #mcmpgs-Label .credit-card-indicator {
        width: 120px;
        display: inline;
    }
    li.clearfix.motor-plus-paymentMethod.paymentMethod {
        height: 110px;
        margin-bottom: 40px !important;
    }
}
@media only screen and (max-width: 414px){
    .paymentMethod div{
        width: 22%;
        padding-right: 11%;
    }
    #creditcard-details li #mcmpgs-Label {
        padding-top: 15px !important;
        padding-bottom: 45px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    #creditcard-details li #mcmpgs-Label #debitCreditText{
        display: block;
    }
    /*
    #creditcard-details li #mcmpgs-Label img{
        margin-left: 23%;
        margin-right: 23%;
    }
    */
}
/* wj - motor payment end */

.plus-plan-exp {
    width: 60% !important;
    margin-right: -12px;
}
.plus-plan-cvc {
    width: 40% !important;
}
.plus-plan-cvv #cardCVC{
    width: 80% !important;
}
.cardCVC .tooltip {
    margin-top: 0 !important;
    margin-left: 7px !important;
}
.mmpProgressChecking {
    margin-top: 57px;
    border-radius: 0px !important;
}
.motorPlusPaymentPage {
    margin-top: 57px !important;
    background: transparent !important;
    border-bottom-left-radius: 0 !important; 
    border-bottom-right-radius: 0 !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: none !important;
}
form#msform[name=paymentForm] .mmpCreditCard label{
    width: 100%;
}
form#msform[name=paymentForm] .mmpCreditCard li label[for=cardCVC], form#msform[name=paymentForm] .mmpCreditCard label[for=cardExpire] {
    width: 100% ;
}
form#msform[name=paymentForm] .mmpCreditCard li input#cardCVC, form#msform[name=paymentForm] .mmpCreditCard input#cardExpire{
    width: 80% !important;
}
form#msform[name=paymentForm] .mmpCreditCard li{
    width: 50%;
}
.plus-plan-row div{
    float: left;
}
.motorplus-section input[type="checkbox"]+label, .motorcycle-section input[type="checkbox"]+label {
    background: url(/img/empty-checkbox.png) 0% 0% no-repeat scroll transparent !important;
}
.motorplus-section input[type="checkbox"].checked+label, .motorplus-section input[type="checkbox"]:checked+label, .motorcycle-section input[type="checkbox"].checked+label, .motorcycle-section input[type="checkbox"]:checked+label {
    background: url(/img/selected-checkbox.png) 0% 0% no-repeat scroll transparent !important;
    font-weight: bold;
}
.motorplus-section input[type="checkbox"]:disabled+label, .motorcycle-section input[type="checkbox"]:disabled+label {
    background: url(/img/disabled-checkbox.png) 0% 0% no-repeat scroll transparent !important;
}
.motorplus-section .motorplus-plan-optional-table input[type="checkbox"]:disabled+label, .motorcycle-section .motorcycle-plan-optional-table input[type="checkbox"]:disabled+label {
    background: url(/img/disabled-checkbox-grey.png) 0% 0% no-repeat scroll transparent !important;
}
.flexi-plan-table input[type="checkbox"]:disabled+label {
    background: url(/img/disabled-checkbox-grey.png) 0% 0% no-repeat scroll transparent !important;
}
.flexi-plan .driver-personal-accident-plan input[type="checkbox"]+label,
.cart-extension input[type="checkbox"]+label ,
.accident-repair-allowance-plan input[type="checkbox"]+label{
    background: url(/img/inputDotNon.png) 0% 0% no-repeat scroll transparent!important;
    background-size: 22.27px 22.27px !important;
}
.flexi-plan .driver-personal-accident-plan input[type="checkbox"].checked+label, 
.flexi-plan .driver-personal-accident-plan input[type="checkbox"]:checked+label,
.cart-extension input[type="checkbox"].checked+label, 
.cart-extension input[type="checkbox"]:checked+label,
.accident-repair-allowance-plan input[type="checkbox"].checked+label,
.accident-repair-allowance-plan input[type="checkbox"]:checked+label{
    background: url(/img/inputDotYes.png) 0% 0% no-repeat scroll transparent!important;
    background-size: 22.27px 22.27px !important;
}
.motor-plus-container .form-title p{
    background: transparent;
    border: none;
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize;
    color: #1B1464;
    padding-top: 49px;
}
.motor-plus-container ul {
    padding-top: 31px !important;
    padding: 31px 2% !important;
}
.motor-plus-container li {
    padding: 0 !important;
}
form#msform[name=paymentForm] .mmpCreditCard li .plus-plan-row .motorPlusTip{
    background:url(../img/whatisthis-icon.png) no-repeat right center
}
form#msform[name=paymentForm] .mmpCreditCard .visaCard{background:transparent url(/img/logoVisa_l.png) no-repeat top left;background-size: contain;}
form#msform[name=paymentForm] .mmpCreditCard .masterCard{background:transparent url(/img/logoMaster_l.png) no-repeat top left;background-size: contain;}
.motor-plus-container label {
    font-size: 18px !important;
    color: #666666;
    padding-bottom: 7.5px;
}
.motor-plus-container{
    background-color: white;
    box-shadow: 0px 18px 23px -22px rgba(213, 213, 213, 0.6);
    float: left;
    margin: 0% 0 2% 0 !important;
    /* padding: 0 28px !important; */
    padding: 0 0px !important;
}
.motor-plus-summary ul{
    margin: 0 0 0 28px !important;
}

/* motor plus plan end */

.labelsAll label {
    width: 100% !important;
}

.mmpPreScreen-BackBtn{
    background: transparent;
    border: 2px solid #E11F27 !important;
    border-radius: 6px !important;
    color: #E11F27;
    margin: 0;
    padding: 0;
    width: 164px;
    height: 48px;
    line-height: 3;
    cursor: pointer;
    position: relative;
    text-align: center;
    float: right;
    font-size: 18px;
    top: 106px;
    right: -10px;
}

.mmpContinueBtn {
    background: #E11F27 !important;
    border: 2px solid #E11F27 !important;
    border-radius: 6px;
    color: #fff;
    width: 164px;
    height: 48px;
    line-height: 3;
    top: 106px;
    font-size: 18px;
    position: relative;
    text-align:center;
    cursor:pointer;
    right: -30px;
}
.mmpContinueBtn:hover , .mmpBtnNext:hover{
    color: #fff;
}
.motorplus-family ul.formMalaysian,.motorplus-family ul.formNonMalaysian{display:none;}
.motorplus-family ul.formMalaysian.active,.motorplus-family ul.formNonMalaysian.active{display:block;}
.titleSubtitle{
    color:#CCCCCC;
    font-size:12px;
    display: block;
    margin: -15px 0 12px 0;
}

#msform fieldset#planselection, #msform fieldset#fillindetails, #msform fieldset.motorPlusPaymentPage {
    margin-left\0: 300px !important;
}

[name=signupform]#msform fieldset#planselection {
    padding\0: 0 0 !important;
}

#msform fieldset .motorNewSummaryPage ul li{
    padding: 0;
}

#msform fieldset .motorNewRiskPage ul li{
    padding: 0 !important;
}

.motorNewRiskPage .labelsAll{
    width: calc(50% - 15px);
    margin-bottom: 23.5px !important;
}

.motorNewRiskPage .labelsAll.left{
    margin-right: 30px !important;
}

.motorNewRiskPage .material-icons{
    font-size: 16px !important;
    color: white;
    line-height: 24px;
}

.motorNewRiskPage #addBtn{
    background:none;
    color:rgba(27, 20, 100, 1);
    font-size:18px;
    font-weight:bold;
    border:none;
    padding-top:25px;
    padding-bottom: 58.71px;
}
#mmpErrorMsgContainer:after{
    border-style: hidden;
}
.mmpErrorMsg {
    color: #E11F27;
    font-style: italic;
    font-size: 12px;
}

.exceedDriverErrorMsgContainer{
    z-index: 10000000 !important;
    text-align: center !important;
    padding: 0px 5% 30px 5%;
    margin: auto !important;
    background-color: rgba(255,255,255,1) !important;
    width: calc(40% - 10%);
    left: 28%;
    top: 28%;
    position: fixed !important;
    max-width: 1099px;
    height: 100%;
    max-height: calc(380px - 10%);
    color: #666666;
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75) !important;
    font-size: 20px;
}

.exceedDriverErrorMsgContainer ul {
    list-style: none;
}

.exceedDriverErrorMsgContainer p {
    margin: 60px 0 0 0;
}

.exceedDriverErrorMsgContainer button {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #E11F27;
    color: #ffffff;
    border: none;
    border-radius: 5px !important;
    font-family: 'pt_sansbold',Tahoma,Geneva,sans-serif;
}

.addIcon{
    text-align: center;
    background-color: rgba(27, 20, 100, 1);
    border-radius: 50%;
    width:25.16px;
    height:25.16px;
    margin-top: 0;
    position: absolute;
    margin-left:-35px;
}

#msform fieldset .motorNewRiskPage a.triggerAddFamily{
    background:transparent !important;
    color:#1B1464 !important;
    font-size:18px !important;
    font-weight:bold !important;
    margin: 15px 0 0 0 !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
}

#msform fieldset .motorNewRiskPage ul li select:not(.motorAddPlan-input){
    background: #F7F7F7 !important;
}

#msform fieldset .motorNewRiskPage ul li input[type='radio']{
    width: 0 !important;
    margin: 0 !important;
}

#msform fieldset .motorNewRiskPage  ul li label{
    font-size:18px;
    color:#666666;
    padding-bottom: 7.5px;
}

.motorNewRiskPage input[type="checkbox"] {
    margin: 0 !important;
    width: 26.12px !important;
    height: 26.12px !important;
}

.riskDivider{
    height:38.5px;
}

.motorNewRiskPage .motorplus-section, .motorNewSummaryPage .motorplus-family{
    background-color: white;
    box-shadow: 0px 18px 23px -22px rgba(213, 213, 213, 0.6);
    float:left;
    margin: 0% 0 2% 0 !important;
    padding:0 28px !important;
}

.motorNewRiskPage .motorplus-section li , .motorNewSummaryPage .motorplus-family li{
    margin: 0 !important;
}

.motorNewRiskPage .form-title p{
    background: transparent;
    border: none;
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize;
    color: #1B1464;
    padding: 49px 0 38px 0;
}

#msform fieldset .motorNewRiskPage ul li input, #msform fieldset .motorNewRiskPage ul li textarea, #msform fieldset .motorNewRiskPage ul li select{
    background:#F7F7F7 !important;
    height:48px !important;
    width:100% !important;
    color:#666666 !important;
    font-size:18px;
    border:none !important;
    padding-left: 25px;
    padding-right: 25px;
    border-radius:0  !important;
    /*margin-bottom: 23.5px !important;*/
}

#msform fieldset .motorNewRiskPage ul li input::placeholder, #msform fieldset .motorNewRiskPage ul li textarea::placeholder, #msform fieldset .motorNewRiskPage ul li select::placeholder, .motorNewSummaryPage input::placeholder, .motorNewRiskPage input::placeholder {
    color:#CCCCCC !important
}

#msform fieldset .motorNewRiskPage ul li input::-webkit-input-placeholder, #msform fieldset .motorNewRiskPage ul li textarea::-webkit-input-placeholder, #msform fieldset .motorNewRiskPage ul li select::-webkit-input-placeholder, .motorNewRiskPage input::-webkit-input-placeholder, .motorNewSummaryPage input::-webkit-input-placeholder {
    color:#CCCCCC !important
}

#msform fieldset .motorNewRiskPage ul li input::-moz-placeholder, #msform fieldset .motorNewRiskPage ul li textarea::-moz-placeholder, #msform fieldset .motorNewRiskPage ul li select::-moz-placeholder, .motorNewRiskPage input::-moz-placeholder, .motorNewSummaryPage input::-moz-placeholder {
    color:#CCCCCC !important
}

#msform fieldset .motorNewRiskPage ul li input:-ms-input-placeholder, #msform fieldset .motorNewRiskPage ul li textarea:-ms-input-placeholder, #msform fieldset .motorNewRiskPage ul li select:-ms-input-placeholder, .motorNewRiskPage input:-ms-input-placeholder, .motorNewSummaryPage input:-ms-input-placeholder{
    color:#CCCCCC !important
}

#msform fieldset .motorNewRiskPage ul li input.error, #msform fieldset .motorNewRiskPage ul li textarea.error{
    border: 1px solid #E11F27 !important;
    color: #E11F27 !important;
}
#msform fieldset .motorNewRiskPage ul li select.error{
    border: 1px solid #E11F27 !important;
}
.motorNewRiskPage input{
    background:#F7F7F7;
    height:48px;
    width:calc(100% - 50px);
    color:#666666;
    font-size:18px;
    border:none;
    padding-left: 25px;
    padding-right: 25px;
}

.promptMMP{
        z-index: 9999999 !important;
    }
    
.promptMMPMsg{
    z-index: 9999999 !important;
    text-align: center !important;
    padding: 0px 5% 30px 5% ;
    margin: auto !important;
    background-color: rgba(255,255,255,1) !important;
    width: calc(53% - 10%) ;
    left: 25% ;
    top:10% ;
    position:fixed !important;
    max-width: 1099px ;
    height: 100% ;
    box-shadow: 0px 18px 23px -22px rgba(204, 204, 204, 1) !important;
    max-height: calc(380px - 10%);
    overflow-y: scroll;
}

.promptMMPMsg h3{
    color: #666666;
    font-weight: bold;
    font-size: 30px;
}

.promptMMPMsg ol{
    color: #666666;
    line-height: 40px;
    padding-bottom: 15px;
    list-style: none;
    padding-left: 0px;
    margin-top: 0px;
}

.promptMMPMsg #upgradePlan{
    border-top: 1.5px dotted #666666;
    padding-top: 20px;
}

.promptMMPMsg #upgradePlan li:before{
    content: '✓';
    padding-right:8px;
}

.promptMMPMsg #upgradePlan li{
    font-weight: bold;
    color: #1B1464;
}

.promptMMPMsg .cancel-btn{
    display: inline-block;
    color: #BE0503 !important;
    border-radius: 6px;
    border: 2px solid #BE0503;
    padding-left: 5px;
    padding-left\0: 10px;
    width: 164px;
    width\0: 190px;
    margin-bottom\0: 20px;
    float: none;
    text-align: center;
}

.promptMMPMsg .ok-noted-btn{
    display: inline-block;
    background: #BE0503;
    font-weight: bold;
    border: 2px solid #BE0503;
    border-radius: 6px;
    padding: 0 5px;
    float: none;
    width: 164px;
    margin-right: 20px;
}

.closeMMPMsg {
    position: fixed;
    right: 25% !important;
    top: 10% !important;
    top\0: 95px !important;
    font-size: 20px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    /*padding: 10px 10px 10px 10px !important;*/
    padding: 5px 10px 10px 10px !important;
    height: 20px !important;
    width: 16px !important;
    z-index: 2 !important;
    background: #1B1464 !important;
    color: #ffffff !important;
    line-height: 28px !important;
    text-align: center !important;
    border-radius: 100% !important;
    cursor: pointer;
}

#mmpTncContainer .closeMMPMsg {
    position: absolute;
    right: 0px !important;
    top: 0px !important;
}

@media only screen and (min-width: 1650px) and (max-width: 1960px){

#mmpTncContainer .closeMMPMsg{
    right: 0px !important;
    top: 0px !important;
}

.closeMMPMsg{
    right:430px !important;
    top: 95px !important;
}
}

.motorNewPreScreenPage .preScreen-container.no-pageIntro {
    margin-top: 57px;
}
.motorNewPreScreenPage .ncdGetStarted{
    font-size:24px;
    font-weight:bold;
    color:#1B1464;
}

.motorNewPreScreenPage .preScreen-container{
    background:#fff;
    padding: 49px 29px !important;
    box-shadow: 0px 18px 23px -22px rgba(213, 213, 213, 0.6)!important;
}

.motorNewPreScreenPage .no-pageIntro {
    border-radius: 0 !important;
}

.motorNewPreScreenPage .prescreen-content{
    font-size:21px;
    color:#666666;
    line-height:32px;
}

.motorNewPreScreenPage ol li{
    font-size:18px;
    color:#666666;
    line-height:28px;
}

.motorNewPreScreenPage .mmpPrescreenBtn, .mmpStaffIdBtn, .mmpStaffRelationshipBtn {
    width:100%;
    text-align:center;
    top: 56px;
    position: relative;
}


.motorNewPreScreenPage .mmpPreScreen-yesbtn{
    background:#E11F27;
    border:2px solid #E11F27;
    border-radius:6px;
    color:#fff;
    margin:0;
    display: block;
    padding: 0;
    width: 164px;
    height: 48px;
    line-height: 3;
    float:right;
    cursor: pointer;
}

.motorNewPreScreenPage .mmpPreScreen-nobtn{
    background:transparent;
    border:2px solid #E11F27;
    border-radius:6px;
    color:#E11F27;
    margin:0;
    display: block;
    padding: 0;
    width: 164px;
    height: 48px;
    line-height: 3;
    float:right;
    margin-right: 20px;
    cursor:pointer;
}

.motorNewPreScreenPage .mmpPreScreen-backbtn {
    background: transparent;
    border: 2px solid #E11F27;
    border-radius: 6px;
    color: #E11F27;
    display: block;
    width: 164px;
    height: 48px;
    line-height: 3;
    position: unset;
    float: left;
    cursor: pointer;
    text-align: center;
    top: 56px;
    position: relative;
}
    
.main-container .main form#msform fieldset#prescreen.mmpPrescreenFieldset{
    width: 65%;
}

fieldset#mmpprescreen{
    width:100% !important;
    padding: 0 15% !important; 
}

@media only screen and (min-width: 1201px){
fieldset#mmpprescreen {
    max-width: 1088px !important;
    padding: 0 !important; 
}
}

fieldset#mmpncd{
    width:100% !important;
    padding: 0 15% !important; 
}

@media only screen and (min-width: 1201px){
fieldset#mmpncd {
    max-width: 1088px !important;
    padding: 0 !important;
}
}

.motorNewNCDPage .formNCD{
    margin-top: 57px !important;
    background:#fff;
    padding: 49px 29px !important;
    box-shadow: 0px 18px 23px -22px rgba(213, 213, 213, 0.6);
}

.motorNewNCDPage .ncdGetStarted{
    font-size:24px;
    font-weight:bold;
    color:#1B1464;
}

#msform fieldset .motorNewNCDPage ul li select:not(.motorAddPlan-input){
    background: #F7F7F7 !important;
}

#msform fieldset .motorNewNCDPage ul li input[type='radio']{
    width: 0 !important;
    margin: 0 !important;
}

#msform fieldset .motorNewNCDPage  ul li label{
    font-size:18px;
    color:#666666;
}

.motorNewNCDPage input[type="checkbox"] {
    margin: 0 !important;
    width: 26.12px !important;
    height: 26.12px !important;
}

.motorNewNCDPage #motorNcdCheckNRIC, .motorNewNCDPage #motorRegistrationNo, .motorNewNCDPage #motorNcdCheckPassport, .motorNewNCDPage select#motorNcdCheckNationality{
    background: #F7F7F7 !important;
    height: 48px !important;
    width: 100% !important;
    color: #666666 !important;
    font-size: 18px !important;
    border: none !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    border-radius:0 !important;
}

.motorNewNCDPage select#motorNcdCheckNationality{
    margin-bottom:13px;
}

.motorNewNCDPage ul li{
    margin:0 !important;
    padding:0 !important;
}

.motorNewNCDPage .clearMargin{
    width:100% !important;
    padding-bottom:3px;
}

.motorNewNCDPage .fieldgroup .clearfix{
    padding:0 !important;
}

.partition-checkNcd-form{
    width:50%;
    float:left;
}

.NcdFormMainContainer{
    display: flex;
}

.motorNewNCDPage .checkNcd-form{
    float:left;
    padding: 0 40px 0 0 !important;
    margin: 0 !important;
}

.container-checkNcdForm1{
    width:50%;
    display:table-cell;
    display\0: inline;
    padding-right:15px;
}

.container-checkNcdForm2{
    width:50%;
    display:table-cell;
    display\0: inline;
    padding-left:15px;
}

.checkNcd-privacy-form{
    display:block;
}

#banca-checkbox-privacy-notice{
    width:auto;
    float:left;
    opacity:1;
}

.motorNewNCDPage .no-pageIntro{
    margin: 30px 0 0 0 !important;
}

.motorNewNCDPage .no-pageIntro p{
    font-size:18px;
    color:#666666;
    line-height:26px;
    padding:0 47px !important;
}

.motorNewNCDPage .no-pageIntro p a{
    font-weight:normal;
    color:#e22026;
}

.ncdGetStarted-toolTip{
    position: absolute;
    text-align: center;
    background-color: rgba(204, 204, 204, 1);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12.5px;
    line-height: 22px;
    cursor: default;
    margin-left: 9px;
    margin-top: 3px;
}

.ncdGetStarted-toolTip:before{
    content:'?';
    font-weight: bold;
    color:#fff;
}

.ncdGetStarted-toolTip:hover .ncdGetStarted-toolTipText {
    display: block;
}
        
.ncdGetStarted-toolTipText{
    display: none;
    text-align: left;
    background-color: rgba(27, 20, 100, 1);
    padding: 9px 15px;
    width: 175.88px;
    position: absolute;
	border-radius: 3px;
    left: 20px;
    top: 0;
	color: #FFF;
	font-size: 12px;
	line-height: 1.4;
    z-index:1;
}

#mmpSummaryWrapper .motorNewSummaryPage2 ul li {
    margin: 0 0 10px 0;
}

.summaryDividerLine{
    border-bottom: 1px solid #CCCCCC;
    margin-bottom:17.5px !important;
    padding-bottom:17.5px !important;
}

.summaryTitleTop p{
    color:#1B1464;
    font-size:24px;
    font-weight:bold;
    border-bottom:1px dotted #CCCCCC;
    border-width: 2px;
    padding-bottom:10.5px;
}

.motorNewSummaryPage .planSummary .totalCost ul li{
    color:auto !important;
}

.motorNewSummaryPage-mobile{
    display:none;
}

.motorNewSummaryPage #summaryContainer{
    background:transparent !important;
    border-radius: 0 !important;
    margin: 0 0 0 28px;
    list-style: none;
}

.motorNewSummaryPage .summaryDiscount, .motorNewSummaryPage .summaryStamp{
    color:#666666 !important;
    font-size:18px !important;
    line-height:20px !important;
    word-break: break-word;
    margin: 0;
    display: flex !important;
}

.motorNewSummaryPage .summaryTotal{
    color:#1B1464 !important;
    font-size:18px !important;
    font-weight:bold;
    line-height:20px !important;
    word-break: break-word;
    border-bottom: 2px solid #1B1464 !important;
    border-top: 1px solid #1B1464 !important;
    margin: 0;
    display: flex !important;
    margin-top:28.5px;
}

.motorNewSummaryPage .planSummary .totalCost ul li{
    margin:0 !important;
}

.summaryBoldText{
    font-weight:bold !important;
    font-size:18px;
    color:#000000 !important;
}

.motorNewSummaryPage .totalCost ul li:first-child{
    margin:0 0 17.5px 0 !important;
}

.motorNewSummaryPage li.summaryDiscount.pushIn{
    padding:0 !important;
}

.motorNewSummaryPage li.summaryDiscount.borderTop, .motorNewSummaryPage li.summaryTotal.border{
    border:none;
    padding:0 !important;
}

.motorNewSummaryPage .summaryDiscount p, .motorNewSummaryPage .summaryStamp p, .motorNewSummaryPage .summaryTotal p{
    width:60% !important;
    margin: 0 !important;
    float:left !important
}

.motorNewSummaryPage .summaryDiscount span, .motorNewSummaryPage .summaryStamp span, .motorNewSummaryPage .summaryTotal span{
    width:40% !important;
    text-align:right;
    float:right !important;
}

.motorNewSummaryPage .summaryDiscount p, .motorNewSummaryPage .summaryDiscount span{
    padding:6px 0;
}

.motorNewSummaryPage .summaryTotal p, .motorNewSummaryPage .summaryTotal span{
    padding:25px 0;
}

.motorNewSummaryPage label.labelPadding {
    padding-right: 17px;
    line-height:1;
    padding-left:31px;
}

.motorNewSummaryPage select{
    background:#F7F7F7;
    height:48px;
    width:100%;
    color:#666666;
    font-size:18px;
    border:none;
    padding-left: 25px;
    padding-right: 25px;
	background: #F7F7F7 url(/img/select-icon.png) no-repeat right center !important;
    background-size: 8% !important;
    -webkit-appearance: none !important;
}

input[name="editPolicyHolderPostcode"] {
    background: #F7F7F7 url(/img/search-icon.png) no-repeat right center !important;
    background-size: 10% !important;
}
input[name="editPolicyHolderOccupation"] {
    background: #F7F7F7 url(/img/search-icon.png) no-repeat right center !important;
    background-size: 10% !important;
}
.editDriverOccupation{
    background: #F7F7F7 url(/img/search-icon.png) no-repeat right center !important;
    background-size: 10% !important;    
}

.motorNewSummaryPage input{
    background:#F7F7F7;
    height:48px;
    width:calc(100% - 50px);
    color:#666666;
    font-size:18px;
    border:none;
    padding-left: 25px;
    padding-right: 25px;
}

.motorNewSummaryPage .motorplus-section, .motorNewSummaryPage .motorplus-family{
    background-color: white;
    box-shadow: 0px 18px 23px -22px rgba(213, 213, 213, 0.6);
    
}

.motorNewSummaryPage .motorplus-section li , .motorNewSummaryPage .motorplus-family li{
    margin:0;
    padding:0 28px 18px 28px;
}

.motorNewSummaryPage .form-title p{
    background:transparent;
    border:none;
    font-size:24px;
    font-weight:bold;
    text-transform:capitalize;
    color:#1B1464;
    padding: 49px 0 30px 0;
}

div[name=displayField-left]{
    display: inline-block;
    width: calc(50% - 15px);
    padding-right: 15px;
    word-break: break-word;
    word-wrap: break-word;
    vertical-align: top;
}

div[name=displayField-right]{
    display: inline-block;
    /*position: absolute;*/
    width: calc(50% - 43px);
    padding-left: 15px;
    word-break: break-word;
    word-wrap: break-word;
    vertical-align: top;
}

.motorNewSummaryPage div[name=displayField-left] h4, .motorNewSummaryPage div[name=displayField-right] h4{
    color:rgba(102, 102, 102, 1) !important;
    font-size:18px;
    font-weight:bold;
    line-height:28px;
}

.motorNewSummaryPage div[name=displayField-left] strong, .motorNewSummaryPage div[name=displayField-right] strong{
    font-weight: normal;
    color:rgba(102, 102, 102, 1);
    font-size:18px;
    line-height:28px;
}

.motorNewSummaryPage .checkBox{
    background: transparent;
    font-size:18px;
    color:#666666;
    line-height:26px;
    border:none;
    box-shadow:none;
    /*padding: 58px 10% 58px 0;*/
    padding: 5% 10% 0 0;
}

.checkBox1{
    display: none;
}

.motorNewSummaryPage .checkBox label[for=boxCheck] a{
    color:#e22026;
}

.motorNewSummaryPage .checkBox input[type="checkbox"]+label{
    padding: 0 0 0 58px;
    display:block;
}

.motorNewSummaryPage .material-icons{
    font-size: 16px !important;
    color: white;
    line-height: 24px;
}

.motorNewSummaryPage #editBtn{
    background:none;
    color:rgba(27, 20, 100, 1);
    font-size:18px;
    font-weight:bold;
    border:none;
    padding-top:25px;
    padding-bottom: 58.71px;
}

.editIcon{
	text-align: center;
	background-color: rgba(27, 20, 100, 1);
	border-radius: 50%;
    width:25.16px;
    height:25.16px;
    margin-top: -3px;
    position: absolute;
}

.motorNewSummaryPage #removeBtn{
    background:none;
    color:rgba(225, 31, 39, 1);
    font-size:18px;
    font-weight:bold;
    border:none;
    padding-top:25px;
    padding-bottom: 58.71px;
    margin-right: 24px;
}

.removeIcon{
    text-align: center;
	background-color:rgba(225, 31, 39, 1);
	border-radius: 50%;
    width:25.16px;
    height:25.16px;
    margin-top: -3px;
    position: absolute;
}

.btnWording{
    padding-left: 34px;
}

.motorNewSummaryPage #saveBtn{
    background:#1B1464;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    border:2px solid #1B1464;
    margin-top:25px;
    margin-bottom: 58.71px;
    padding:13px 63px;
    border-radius:6px;
}

#splitCol{
    display: -ms-grid;
    display: grid; 
    -ms-grid-columns: 716px 334px; 
    grid-template-columns: 716px 334px;
    padding-top: 57px;
}

#splitCol div:nth-child(1) {
    -ms-grid-column:1;
}

#splitCol div:nth-child(2) {
    -ms-grid-column:2;
}

#splitCol div:nth-child(3) {
    -ms-grid-row:2;
}

#splitCol div:nth-child(4) {
    -ms-grid-row:2;
}

#splitCol div.cart-extension-section div:nth-child(2), #splitCol div.flexi-cart-extension-section div:nth-child(2) {
    -ms-grid-column:1;
}
#splitCol div.cart-extension-section div:nth-child(3), #splitCol div.flexi-cart-extension-section div:nth-child(3) {
    -ms-grid-column:2;
    -ms-grid-row:1;
}
#splitCol div.cart-extension-section div:nth-child(4), #splitCol div.flexi-cart-extension-section div:nth-child(4) {
    -ms-grid-column:3;
    -ms-grid-row:1;
}
#splitCol div.cart-extension-section div:nth-child(5), #splitCol div.flexi-cart-extension-section div:nth-child(5) {
    -ms-grid-column:4;
}

.invalid{
    color: rgb(225, 31, 39);
}

.toolTip{
	position: absolute;
	text-align: center;
	background-color: rgba(204, 204, 204, 1);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 12.5px;
	line-height: 20px;
	cursor: default;
	margin-left: 9px;
    margin-top: 9px;
}

.emailTooltip.toolTip {
    margin-left: 5px;
    margin-top: 2px;
}
.travelAdvisoryTooltip.toolTip {
    background-color:#e22026;
    margin-left: 0px;
    margin-top: 0px;
}
.toolTip:before{
	content:'?';
	font-weight: bold;
	color:#fff;
}

.travelAdvisoryTooltip.toolTip:before{
    content:'!';
}
.toolTip:hover .toolTipText {
	display: block;
}
        
.toolTipText{
	display: none;
	text-align: left;
	background-color: rgba(27, 20, 100, 1);
	padding: 9px 15px;
	width: 175.88px;
	position: absolute;
	border-radius: 3px;
    left: 20px;
    top: 0;
	color: #FFF;
	font-size: 12px;
	line-height: 1.4;
    z-index:1;
}
#showAllInfo{
    margin-top:0 !important;
}

.popup-container-wrapper{
    width: 100%;
    height: 100%;
    position: relative;
}

.title-image{
    padding-right:30px;
    border:none;
}

.addon-popout-title{
    color:#000;
    font-size:24px;
    font-weight:bold !important;
}

.popup-container-left{
    width:50%;
    float:left;
    position: relative;
    height: 100%;
}

.popup-container-right{
    width:50%;
    float:left;
    position: relative;
    height: 100%;
}

.popup-content{
    color:rgba(0, 0, 0, 1);
    font-size:18px;
    line-height: 23px;
    padding-right:42.87px;
    padding-top:38.89px;
    padding-bottom:20px;
}

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

.redLink{
    color:rgba(225, 31, 39, 1);
    font-size:18px;
    font-weight:bold;
    line-height: 23px;
    border-bottom: 1px solid;
}

.additional-coverage-item button{
    background: transparent;
    border: none;
    width: 100%;
    height:200px;
    display:grid;
    grid-gap:5px;
    grid-template-rows:60% 40%;
}

.overlayPopup {
    display:none;
    position: fixed;
    z-index: 9999999;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color:rgba(248, 248, 248, 0.75);
    padding-top: calc(50vh - 224.29px);
}

.modal-content1 {
    background-color: rgba(255, 255, 255, 1);
    margin: auto;
    padding: 43.35px 5% 5% 5%;
    width: calc(80% - 10%);
    max-width: 1099px;
    height: 100%;
    max-height: calc(435px - 10%);
    box-shadow: 0px 18px 23px -22px rgba(204, 204, 204, 1);
}

.closePopup {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -20px;
    margin-top: -20px;
    font-size: 35px;
    padding: 10px;
    height: 20px;
    width: 20px;
    z-index: 2;
    background: #1B1464;
    color: #ffffff;
    line-height: 28px;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}

.additional-coverage-carousel{
    margin:0;
    padding:0;
    position:relative !important;
    width: 70vw;
    left:0;
}

.additional-coverage-carousel-col{
    height: auto;
}

.addonBackground-Mobile{
    display:none;
}

.additional-coverage-carousel-m{
    display:none;
}

.viewMore{
    display:none;
}

.additional-coverage-carousel .additional-coverage-item {
    margin-right:25px !important;
    background:#E11F27;
    height:197.13px;
    border-radius:9px;
    border:none;
    box-shadow: 0px 18px 23px -22px rgba(225,31,39,1);
    display: grid !important;
    display: -ms-grid !important;
    grid-template-rows: 65% 35%;
    -ms-grid-rows: 65% 35%;
    -ms-grid-columns: 100%;
}

@media(min-width: 767px) and (max-width:1024px) {
    
    .additional-coverage-carousel .additional-coverage-item {
    }
}

.additional-coverage-item:hover{
    background:rgba(141, 3, 9, 1);
    transition:.25s;
    cursor:pointer;
}

.additional-coverage-item p{
    color:white !important;
    text-align:center !important;
    font-size:18px;
    font-weight:bold !important;
    line-height:20px;
    padding: 0 20px 0 20px;
    -ms-grid-row:2;
}

.additional-coverage-item img{
    margin:auto !important;
    padding:10px;
    -ms-grid-row:1;
    -ms-grid-row-align: center;
    -ms-grid-column-align: center;
}

.addonBackground{
    background-color: rgba(27, 20, 100, 0.08);
    width: 100vw;
    position: absolute;
    height: 430px;
    left: 0;
}

.btnContainerMotor{
    width:100%;
    height:48px;
    background-image: linear-gradient(to bottom, #062967, #10377C); 
    text-align:center;
    bottom:0;
    position:fixed;
    margin-bottom:30px;
}

.btnContainerMotor .button{
    color:#FFFFFF;
    line-height: 2.8;
    font-weight:bold;
    font-size:18px;
    text-transform:uppercase;
}

.tabContainer{
  margin-bottom:50px;
  display: flex;
}

.custom-select{
    display:none;
}

.tabContainerMobile{
    display: none;
}

.tabItem {
  width:100%;
  height:81px;
  border-radius:0 0 9px 9px;
  background:rgba(27, 20, 100, 0.25);
  color:rgba(27, 20, 100, 0.3);
  font-size:20px;
  text-align:center;
  text-transform:uppercase;
  border: none;
  font-weight:bold;
  margin:0 5.5px 0 5.5px;
  padding: 0 23px 0 24px;
}

.tabItem.selected {
  background:rgba(225, 31, 39, 1);
  color:rgba(255, 255, 255, 1);
  box-shadow: 0px 18px 23px -22px rgba(225,31,39,1);
}

p.smallnote {
    font-size: 12px;
    font-style: italic;
}
.motorcycleAllRidersNotice {
    font-size: 12px;
    color: #e11f27;
    line-height: 18px;
    padding-left: 66px;
    font-style:italic;
}

.plan-optional-panel .optionalTitle.motorcycleOptionalTitle {
    padding-top: 40px;
    font-size: 20px;
}

.your-plan-panel.motorcyclePlanPanel h1 {
    padding-bottom:0;
}

.redSectionTitle{
    color: #e11f27 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
}

.tabContainer1{
    display: none;
}

.contentStyle1{
    color:#000000 !important;
    line-height:26px;
    font-size:21px;
    padding-bottom:18px;
}

.contentStyle2{
    color:#000000 !important;
    line-height:32px;
    font-size:21px;
    margin-top:38px;
    /*padding-bottom:22px;*/
}

.driverPA-addon-plan-toolTip {
    left: -151px;
    top: 20px;
}

hr.dividerMotor{
    border-top: 2px solid #CCCCCC;
    opacity:0.3;
    width: 150vw;
    margin-left: -25%;
    margin-top: 19.5px;
    margin-bottom: 44.5px;
    height: 0;
}

.sectionTitleMotor{
    color:#000000 !important;
    font-size:44px;
    font-weight:bold !important;
}

.sectionSubTitleMotor{
    color:#000000 !important;
    font-size:21px;
    margin-bottom:16px;
}

.twoColContainer{
    width:100%;
    display: flex;
}

.firstCol{
    width:50%;
    margin-right:8px;
    border-radius:9px;
    border:none;
    background:rgba(27, 20, 100, 0.15);
    color:#000000 !important;
    font-size:21px;
    line-height:26px;
    padding:33px;
    text-align:center;
}

.secondCol{
    width:50%;
    margin-left:8px;
    border-radius:9px;
    border:none;
    background:rgba(27, 20, 100, 0.15);
    color:#000000 !important;
    font-size:21px;
    line-height:26px;
    padding:33px;
    text-align:center;
}

.sectionTableTitleMotor{
    color:#000000 !important;
    font-size:21px;
    margin-bottom:21px;
    /*margin-top:37.67px;*/
    margin-top:25px;
}

/*row1*/
.grid-container1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.3% 33.33% 33.33%;
  grid-template-columns: auto 33.33% 33.33%;
  border-bottom: 1px solid #CCCCCC;
  background:#ffffff;
}
.grid-container1 > div {
  padding: 20px 30px;
}
.tableSection1{
  font-weight:bold;
  font-size:20px;
  text-transform: uppercase;
  background:#F8F8F8;
}
.tableContent1{
  font-size:18px;
  color:#666666;
}

/*row2*/
.grid-container2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.3% 33.33% 33.33%;
  grid-template-columns: auto 33.33% 33.33%;
  border-bottom: 1px solid #CCCCCC;
  background:#ffffff;
}
.grid-container2 > div {
  padding: 20px 30px;
}
.tableSection2{
  font-weight:bold;
  font-size:20px;
  text-transform: uppercase;
  background:#F8F8F8;
}
.tableContent2{
  font-size:18px;
  color:#666666;
  text-align:center;
  line-height:28px;
}
.redTableBg{
  background:#E11F27;
  color:#FFFFFF;
  text-align:center;
  font-weight:bold;
  font-size:18px;
  margin-right:4px;
}
.blueTableBg{
  background:rgba(27, 20, 100, 0.1);;
  color:#000000;
  text-align:center;
  font-weight:bold;
  font-size:18px;
  margin-left:4px;
}

/*row3*/
.grid-container3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.3% 66.66%;
  grid-template-columns: auto 66.66%;
  border-bottom: 1px solid #CCCCCC;
  background:#ffffff;
}
.grid-container3 > div {
  padding: 20px 30px;
}
.tableSection3{
  font-weight:bold;
  font-size:20px;
  text-transform: uppercase;
  background:#F8F8F8;
}
.tableContent3{
  font-size:18px;
  color:#666666;
  text-align:left;
  line-height:28px;
  padding-left:170px !important;
}

/*row4*/
.grid-container4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.3% 66.66%;
  grid-template-columns: auto 66.66%;
  border-bottom: 1px solid #CCCCCC;
  background:#ffffff;
}
.grid-container4 > div {
  padding: 20px 30px;
}
.tableSection4{
  font-weight:bold;
  font-size:20px;
  text-transform: uppercase;
  background:#F8F8F8;
}
.tableContent4{
  font-size:18px;
  color:#1B1464;
  font-weight:bold;
  text-align:center;
  line-height:28px;
}

/*row5*/
.grid-container5 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.3% 33.33% 33.33%;
  grid-template-columns: auto 33.33% 33.33%;
  background:#ffffff;
}
.grid-container5 > div {
  padding: 20px 30px;
}
.tableSection5{
  font-weight:bold;
  font-size:20px;
  text-transform: uppercase;
  background:#F8F8F8;
}
.tableContent5{
  font-size:18px;
  color:#666666;
  text-align:center;
  line-height:28px;
}

/*row5-5*/
.grid-container5-Detail {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.3% 33.33% 33.33%;
  grid-template-columns: auto 33.33% 33.33%;
  background:#ffffff;
}
.grid-container5-Detail > div {
  padding: 0px 30px 20px 30px;
}
.tableSection5-Detail{
  font-size:18px;
  background:#F8F8F8;
}
.tableContent5-Detail{
  font-size:18px;
  color:#666666;
  text-align:center;
  line-height:28px;
}
.redTableBg5-Detail{
  background:#E11F27;
  color:#FFFFFF;
  text-align:center;
  font-size:21px;
  margin-right:4px;
  font-weight:bold;
}
.blueTableBg5-Detail{
  background:rgba(27, 20, 100, 0.1);
  color:#000000;
  text-align:center;
  font-size:18px;
  margin-left:4px;
}

/*row5-Overlay*/
.grid-container5-overlayDetail {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.3% 33.33% 33.33%;
  grid-template-columns: auto 33.33% 33.33%;
  background:rgba(27, 20, 100, 0.99);
}
.grid-container5-overlayDetail > div {
  padding: 20px 30px 20px 30px;
}
.tableSection5-overlayDetail{
  font-size:20px;
  color:#fff;
  font-weight:600;
}
.overlay-Detail-1{
  color:#FFFFFF;
  text-align:center;
  font-size:19px;
  margin-right:4px;
  font-weight:600;
  background:rgba(0, 0, 0, 0.5);
}
.overlay-Detail-2{
  color:#FFFFFF;
  text-align:center;
  font-size:19px;
  margin-left:4px;
  font-weight:600;
  background:rgba(27, 20, 100, 1);
}

.grid-container1 div:nth-child(1), .grid-container2 div:nth-child(1), .grid-container2b div:nth-child(1), .grid-container3 div:nth-child(1), .grid-container4 div:nth-child(1), .grid-container5 div:nth-child(1), .grid-container5-Detail div:nth-child(1), .grid-container5-overlayDetail div:nth-child(1) {
    -ms-grid-column:1;
}
.grid-container1 div:nth-child(2), .grid-container2 div:nth-child(2), .grid-container2b div:nth-child(2), .grid-container3 div:nth-child(2), .grid-container4 div:nth-child(2), .grid-container5 div:nth-child(2), .grid-container5-Detail div:nth-child(2), .grid-container5-overlayDetail div:nth-child(2) {
    -ms-grid-column:2;
}
.grid-container1 div:nth-child(3), .grid-container2 div:nth-child(3), .grid-container2b div:nth-child(3), .grid-container3 div:nth-child(3), .grid-container4 div:nth-child(3), .grid-container5 div:nth-child(3), .grid-container5-Detail div:nth-child(3), .grid-container5-overlayDetail div:nth-child(3) {
    -ms-grid-column:3;
}
.grid-container-fineprint{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 250px 80px 250px 80px 250px;
    -ms-grid-rows: 110px;
    grid-template-columns: 13.1px 200px 13.1px 200px 13.1px 200px;
    column-gap: 60px;
    row-gap: 50px;
    margin-top: 38px;
    height: 180.66px;
}

.small-col.mobile{
    display:none;
}

.finePrintWording a{
  font-size:18px;
  color:#E11F27;
  line-height:27px;
  text-decoration:underline!important;
}

.pdfIconLeft{
    margin:0 !important;
}

#policyHolderAddressLine2 {
    margin-top: 10px;
}

#msform fieldset .motorNewRiskPage ul li label.policyHolder-marital {
    padding-top:57px;
}

#mmpTncContainer{
    z-index: 9999999 !important;
    text-align: justify;
    padding: 0px 5% 0 5%;
    margin: auto !important;
    background-color: rgba(255,255,255,1) !important;
    width: calc(75% - 10%);
    left: 20%;
    top: 20% !important;
    position: fixed !important;
    max-width: 1099px;
    height: 100%;
    box-shadow: 0px 18px 23px -22px rgba(204, 204, 204, 1) !important;
    max-height: calc(700px - 15%);
    /* max-height: calc(85vh - 0%); */
    overflow: auto;
    color: #666666;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16px;
}

@media only screen and (max-height:700px){ 
    #mmpTncContainer{
        max-height: calc(600px - 20%);
    }
}


#mmpTncContainer p strong{
    font-size: 21px;
    font-weight: bold;
    text-align: center ;
}

#mmpPromptMsg{
    color: #666666;
    background: #FFFFFF;
}

#mmpPromptMsg a{
    float: unset;
    margin-top: 30px;
    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;
}

@media only screen and (min-width:768px) and (max-width:1095px){

#splitCol{
    max-width: 100% !important;
    padding-left: 0 !important;
}

#msform[name=signupform] fieldset#planselection{
    padding: 0 !important;
}

#mmpSummaryWrapper{
    padding: 0 10px !important;
}

.motorPlusProgressBar p{
    margin: 0 0 0 25px ;
    padding-left: 25px !important;
}

.motorPlusProgress {
    position: relative;
    background-size: contain;
    height: 80px !important;
}
}

@media only screen and (min-width: 767) and (max-width: 850px){
#motorplusplandiv{
    padding: 0 5% 0 5% !important;
}
}

/*thank you page*/
@media (min-width: 768px) and (max-width: 780px){
   .cross-sell-right-content .btnContainer {
        display: inline !important;
    } 
}
/*thank you page*/

/*@media only screen and (max-width:767px){*/
@media only screen and (max-width:780px){   /*handle for iPad*/

.emailTooltip.toolTip{
    margin-left: 5px;
    margin-top: 0px;
    top: 0px;
}

.travelAdvisoryTooltip.toolTip{
    margin-left: 0px;
    margin-top: 0px;
}
.motorcycle-plan-table .addOnBundle-border-right {
    border-bottom:1px dotted #CCCCCC;
    border-width:2px;
}

.redSectionTitle{
    color: #e11f27;
    font-size: 21px;
}    

.finePrintWording {
    margin-bottom: 0;
}

.clearMargin-policyholder-Marital {
    margin-top: 0px !important;
}
.addon-plan-toolTipText {
    left: -135px;
    top: 20px;
}
.sectionTableTitleMotor {
    margin-top: 0;
}
.contentStyle2 {
    margin-top:0;
}
.right-addon-plan-toolTip {
    left: 10px;
}

.flexiplan-insurance .flexiplan-image {
    padding-top:35px;
}

.flexiplan-insurance div:nth-child(2) {
    padding: 18px 0;
}

/*Listing*/
.custom-select {
  display:block;
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #E11F27;
  color: white !important;
  font-size: 20px;
}

.select-items div{
    color:#666666 !important;
    font-size: 20px;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    content: '\f107';
    font: normal normal normal 30px/1 FontAwesome;
    color: #FFFFFF;
    right: 20px;
    top: 0px;
    height: 34px;
    padding: 6px 0px 0px 8px;
    position: absolute;
    pointer-events: none;

}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  content: '\f106';
    font: normal normal normal 30px/1 FontAwesome;
    color: #FFFFFF;
    right: 20px;
    top: 0px;
    height: 34px;
    padding: 8px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #FFFFFF;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.viewMore i.fa{
    font-size: 23px !important;
    color: #1B1464 !important;
}

.viewMore b{
    color: #1B1464 !important;
}

.moreInfo{
    display: block;
    opacity: 1;
    /*margin-top: 319px !important;*/
    height: 100%;
    padding: 0 !important;
}

.tabContainer{
    display: none;
}

.tabContainerMobile{
  margin-bottom:50px;
  display: flex;
  text-align:left;
  width: 100%;
  background: #E11F27;
  padding: 0;
  height: 48px;
  position:relative;
}
 
.tabItem1.dropdown{
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 100%;
  margin-bottom: 50px;
}

.tabItem1.selected{
  background-color: #E11F27;
  color: white;
  font-size: 20px;
  border: none; 
  cursor: pointer;
  width: 100%;
  height: 48px;
}

.tabItem1 {
  display: none;
  position: relative;
  background-color: #FFFFFF;
  width: 100%;
}

.dropdown-content{
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 100%;
  box-shadow: none;
  z-index: 1;
}

.dropdown-content button{
  color: #666666;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  
}

.tabItem1 button {
  color: #666666;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  text-align: left ;
}

.tabItem1 button:hover {
  background-color: none;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.fa.fa-angle-down{
    float: right;
    font-size: 28px;
    margin-right: .5em;
    padding-top: .3em;
    line-height: .3em;
}

.twoColContainer{
    width:100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 280px;
    grid-template-columns: auto;
    grid-gap: 25.6px;
}

.twoColContainer > div {
  background:rgba(27, 20, 100, 0.15);
  text-align: center;
  padding: 33px;
  font-size: 18px;
  line-height:26px;
  border-radius:9px;
  border:none;
  color:#000000 !important;
}

.secondCol{
    width: auto !important;
    margin-left: 0 !important;
    -ms-grid-row: 2;
    margin-top\0: 25.6px;
}

.firstCol{
    width: auto !important;
    margin-right: 0 !important;
    -ms-grid-row: 1;
    grid-row: 1 / 2; 
}

.sectionTableTitleMotor{
    display:block;
}

.small-col.mobile{
    display: block;
}

.small-col.desktop{
    display: none;
}

.grid-container1{
    display:block;
}

.grid-container2{
    display:block;
}

.grid-container3{
    display:block;
}

.grid-container4{
    display:block;
}

.grid-container5{
    display:block;
}

.mobileRedTableBg{
    padding: 0 !important;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
}

.moreInfo .redTableBg p {
    color: #FFFFFF;
    text-align: left;
    padding: 0px 0 10px 10px;
    margin-left: 10px;
    font-size: 16px;
}

.grid-container5-Detail{
    display:block;
}

.grid-container5-overlayDetail{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
    padding: 0px !important;
}
.tableContent3 {
    text-align: left;
    padding: 20px 30px !important;
}
.overlay-Detail-1 {
    background: unset;
}
.mobileBlueTableBg div:nth-child(3) {
    text-align: right;
}
.grid-container5 .mobileBlueTableBg {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 5% 70% 25%;
    grid-template-columns: 5% 70% 25%;
    padding: 10px 25px;
    background:rgba(27, 20, 100, 0.1);
}
.overlay-Detail-1{
    font-size: 16px;
}
.grid-container5-overlayDetail > div {
    padding: 20px 0px 20px 5px;
}
.grid-container5-overlayDetail .tableSection5-overlayDetail{
    font-size:16px;
    padding: 20px;
}

.sectionTitleMotor{
    color:#000000 !important;
    font-size:32px;
    font-weight:bold !important;
}

.redTableBg {
    margin-right: 0;
    font-size:16px;
    padding: 0px 0 10px 10px;
}
.grid-container2b{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
}
.blueTableBg{
    margin-left: 0;
    font-size: 16px;
}
.tableSection1, .tableSection2, .tableSection3, .tableSection4, .tableSection5{
    text-align: center;
}

.contentStyle1{
    color:#000000 !important;
    line-height:26px;
    font-size:18px;
    padding-bottom:18px;
}

.contentStyle2{
    color:#000000 !important;
    line-height:26px;
    font-size:18px;
    padding-bottom:18px;
}

/*.contentCol {
    background-color:white;
}*/

.grid-container-fineprint{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 53.1px 19px 230px;
  grid-template-columns: 53.1px 230px;
  column-gap:19px;
  row-gap: 8px;
  margin-top:38px;
  margin-bottom: 26.34px;
  height:60.66px;
}

.sectionTableTitleMotor, .sectionSubTitleMotor {
    font-size: 18px;
}

.finePrintWording{
  color:#E11F27;
  line-height:90px;
  margin-left: 20px;
}

.finePrintWording a {
    font-size:18px;
}
.finePrintWording.smallSpaceWording {
    line-height: 30px !important;
    margin-top: 25px !important;
}
.motorcycle.finePrintWording {
    padding-top: 0;
}
.fineheight{
    height: 420px;
}

.pdfIconLeft{
    margin:0 !important;
    padding: 15px;
}

.addonBackground{
    display:none;
}

.addonBackground-Desktop{
    display:none;
}

.addonBackground-Mobile{
    display:block !important;
    background-color: rgba(27, 20, 100, 0.08);
    width: 100%;
    position: relative;
    height: auto !important;
    left: 0;
    margin-bottom: 30px;
    padding-bottom: 10%;
}

.small-col{
    padding:40px 5% 0 5% !important;
}

.btnContainer {
    padding: 1px !important;
    border-radius: 10px !important;
    margin: 50px auto 30px auto !important;
    position:relative;
    bottom:0;
    display:block;
    z-index:2;
}

#additional-coverage-carousel-desktop{
    display:none;    
}

.addonBackground{
    background-color: rgba(27, 20, 100, 0.08);
    width: 100%;
    position: relative;
    height: auto !important;
    left: 0;
}

.additional-coverage-carousel-col {
    height: auto !important;
}


.additional-coverage-carousel-m{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 25px 10px;
    height: auto !important;
    
}

.additional-coverage-carousel-m > div {
    background-color: #E11F27;
    text-align: center;
    border-radius: 10px;
    display: grid ;
    /*row-gap: 5px;
    grid-template-rows: 60% 40%;*/
}

/*.additional-coverage-item{
    grid-row: 1 / 2;
}*/

.additional-coverage-item p {
    color: white !important;
    text-align: center !important;
    font-size: 15px;
    font-weight: bold !important;
    line-height: 19px;
    /*padding: 0 10px 0 10px !important;*/
    padding: 0 !important;
}

.additional-coverage-item img {
    margin: 10px auto auto auto !important;
    padding: 5px ;
    width: 30%;
    height: 43px;
    
}

.additional-coverage-item button {
    background: transparent;
    border: none;
    width: 100%;
    height: 100% !important;
}

.viewMore{
    display: block;
    margin: auto;
    margin-top: 10%;
    padding:0;
    background:none;
    border:none;
}

/*ProductTop*/


.motorPlusProgress {
    position: relative;
    background-size: contain;
    height: 80px !important;
}

.motorPlusProgressBar p{
    padding-left: unset !important;
    margin: 10px 20px !important;
}

#mmpTncContainer{
    z-index: 9999999 !important;
    text-align: justify;
    padding: 0px 5% 0 5%;
    margin: auto !important;
    background-color: rgba(255,255,255,1) !important;
    width: calc(100% - 10%);
    left: 5%;
    top: 30% !important;
    position: fixed !important;
    max-width: 1099px;
    height: 100%;
    box-shadow: 0px 18px 23px -22px rgba(204, 204, 204, 1) !important;
    /*max-height: calc(800px - 10%);*/
    max-height: calc(100vh - 20%);
    overflow: auto;
    color: #666666;
    padding-top: 40px;
    font-size: 18px;
}

#mmpTncContainer p strong{
    font-size: 21px;
    font-weight: bold;
    text-align: center !important;
}

.motorNewPreScreenPage .mmpPrescreenBtn{
    top: 0px !important;
    position:initial !important;
}

.mmpPreScreen-yesbtn{
    background: #E11F27;
    border: 2px solid #E11F27;
    border-radius: 6px;
    color: #fff;
    margin-top: 12% !important;
    display: inline-block !important;
    padding: 0;
    width: 80% !important;
    height: 48px;
    line-height: 3;
    float: none !important;
}

.mmpPreScreen-nobtn{
    background: transparent;
    border: 2px solid #E11F27;
    border-radius: 6px;
    color: #E11F27;
    margin-top: 5% !important;
    display: inline-block !important;
    padding: 0;
    width: 80% !important;
    height: 48px;
    line-height: 3;
    float: none !important;
    margin-right: 0px !important;
}

.NcdFormMainContainer{
    display:block;
}

.container-checkNcdForm1{
    width:100% !important;
    display:block !important;
    padding-right:0px !important;
}

.container-checkNcdForm2{
    width:100% !important;
    display:block !important;
    padding-left:0px !important;
}

.motorNewNCDPage .checkNcd-form{
    float:left;
    padding: 0 30px 0 0 !important;
    margin: 0 !important;
}

#fillindetails .motorplus-section li, #planselection .motorplus-section li{
    margin: 0 0 15px 0 !important;
}

form#msform{
    padding-bottom: 120px !important;
}

.privacy-notice-container.no-pageIntro{
    padding: 0px !important;
	height: 145px !important;
}

.motorNewNCDPage .no-pageIntro p {
    font-size: 15px !important;
    color: #666666;
    line-height: 26px;
    padding: 0 0 0 40px !important;
}

.mmpPreScreen-BackBtn{
    margin: 10% 0 0 0 !important;
    top: 56px !important;
    width: 98% !important;
    right: 0% !important;
    font-size:1.0em;
}

.mmpContinueBtn {
    top: 70px !important;
    width: 98% !important;
    right: 0% !important;
    font-size:1.0em;
}

/*FillInDetails*/

.mmpPrescreenFieldset, .mmpStaffIdFieldset, .mmpStaffRelationshipFieldset{
    width: 90% !important;
    padding-bottom: 0px !important;
}

.mmpStaffIdBtn, .mmpStaffRelationshipBtn{
    top: 0px !important;
    position: initial !important;
}
.mmpStaffIdBtn .mmpBtnNext, .mmpStaffIdBtn .mmpBtnBack, .mmpStaffRelationshipBtn .mmpBtnNext, .mmpStaffRelationshipBtn .mmpBtnBack{
    margin-left: 10%;
}

.mmpPreScreen-backbtn {
    width: 80% !important;
    margin-left: 9.3%;
    top: 20px !important;
}
#splitCol{
    display:block !important;
    margin: 0 20px;
    
}

.motorplus-section .labelsAll{
    width: calc(100%) !important;
}

#msform fieldset .motorNewRiskPage ul li input, #msform fieldset .motorNewRiskPage ul li textarea, #msform fieldset .motorNewRiskPage ul li select{
    font-size: 16px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.toolTipText{
    width: 140px !important;
    left: -75px !important;
    top: 25px !important;
    font-size: 11px !important;
}

.motorplus-section .validAddress{
    margin-top: 0;
}

.motorplus-section li input#policyHolderAddressLine2{
    margin-top: 10px;    
}

.postcode{
    padding-top: 15px;
}

#msform fieldset .motorNewRiskPage ul li label.policyHolder-marital {
    padding-top:5px;
}

.motorNewSummaryPage{
    display: inline-block;
    position: relative;
    width:100%;
    height: fit-content;
}

.motorNewSummaryPage #summaryContainer{
    margin: 50px 0 0 0 !important;
}

/*Future use*/
/*.Summary-mobile{
  background-color: #1B1464;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  text-align:left;
  width: 100%;
  position: relative;
}

.motorNewSummaryPage-mobile{
    position: relative;
    display: inline-block;
    width:100%;
    top: 154px;
    margin-top: 50px;
}

.dropup{
  display: none;
  position: absolute;
  background-color: #F8F8F8;
  min-width: 100%;
  bottom: 50px;
  z-index: 1;
}

.dropup ul li{
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.motorNewSummaryPage-mobile:hover .dropup{
    display:block;
    list-style: none;
}*/

.mmpNavigationBtn{
    width: 100%;
    text-align: center;
    position: relative;
    right: -30px !important;
    top: 120px;
}

.mmpNavigationBtn ul{
    display: inline-block !important;
}

.mmpNavigationBtn ul li{
    padding: unset !important;
}

.mmpBtnNext{
    padding-right: 0% !important;
    float: unset !important;
    margin-bottom: 5%;
    width: 80% !important;
    margin-left:4%;
}

.summaryBoldText p {
    margin: 10px 10px !important;
    font-size: 16px !important;
}

/*Plan Selection*/

.exceedDriverErrorMsgContainer {
    z-index: 10000000 !important;
    text-align: center !important;
    padding: 0px 5% 0px 5%;
    margin: auto !important;
    background-color: rgba(255,255,255,1) !important;
    width: calc(90% - 10%);
    left: 5%;
    top: 20%;
    position: fixed !important;
    max-width: 1099px;
    height: 300px;
    max-height: calc(380px - 10%);
    color: #666666;
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75) !important;
    font-size: 18px;
}

.exceedDriverErrorMsgContainer p {
    margin: 25px 0 0 0;
}

.exceedDriverErrorMsgContainer ul {
    text-align: justify;
    padding-left: 0px;
    list-style: none;
}

.exceedDriverErrorMsgContainer button {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #E11F27;
    color: #ffffff;
    border: none;
    border-radius: 5px !important;
    font-family: 'pt_sansbold',Tahoma,Geneva,sans-serif;
}

#mmpTncContainer .closeMMPMsg {
    font-size: 19px !important;
    margin-top: 5px !important;
    padding: 0px 3px 5px 3px !important;
    right: 0px !important;
    top: 10px !important;
}

.closeMMPMsg {
    font-size: 10px !important;
    margin-top: 12px !important;
    padding: 0px 3px 5px 3px !important;
    right: 0px !important ;
    top: 30px !important;
}
.cart-extension{
    margin-bottom: 15px !important;    
}

.motorNewRiskPage input[type="checkbox"]{
    width: 16.12px !important;
}

.your-plan-panel td{
    display:block;
    width: 100% !important;
    border-right: none !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    
}

.plan-selection-panel h1{
    width: 100% !important;
}

.motorplus-insurance,  .motorcycle-insurance, .flexiplan-insurance{
    max-width: none !important;
    height: 100% !important;
    display: grid;
    grid-template-columns: 30% 70%;
    display:-ms-grid;
    -ms-grid-columns: 30% 70%;
    padding: 27px 0 5px 0;
    width:98% !important;
    padding-left:10px;
}

#splitCol div.motorcycle-insurance:nth-child(1), #splitCol div.motorplus-insurance:nth-child(1), #splitCol div.flexiplan-insurance:nth-child(1) {
    padding-left:10px;
}
#splitCol div.motorcycle-insurance:nth-child(1) div div, #splitCol div.motorplus-insurance:nth-child(1).motorplus-image, #splitCol div.flexiplan-insurance:nth-child(1).flexiplan-image{
    background-size: contain;
    padding: 0;
    width: 110%;
}

#splitCol div.motorcycle-insurance:nth-child(2), #splitCol div.motorplus-insurance:nth-child(2), #splitCol div.flexiplan-insurance:nth-child(2) {
    width:90%;
}
.motorplus-insurance p, .flexiplan-insurance p, .motorcycle-insurance p {
    padding: 0 0 0 18px;
    text-align: left;
}
.motorplus-insurance ul, .flexiplan-insurance ul, .motorcycle-insurance ul {
    padding: 0 0px 0px 18px !important;
    line-height: 20px;
}
.motorplus-plan{
    padding: 52px 14px 24.6px 14px !important;
}

.motorNewRiskPage .motorplus-section, .motorNewSummaryPage .motorplus-family, .motorNewRiskPage .motorcycle-section{
    padding: 0 14px !important;
}

.motorplus-plan-bundle-table .addOnBundle-bold{
    font-size: 16px !important;
}

.motorplus-plan-bundle-table .addOnBundle-normal{
    font-size: 16px !important;
}

.motorplus-plan-bundle-table .firstRow{
    padding-top: 26px;
}

#msform .motorNewRiskPage select.motorAddPlan-input{
    background: #F7F7F7 ;
}

.cart-extension-section{
    display:block !important;
}

.motorplus-plan-optional-table .addOnBundle-border-righttop{
    border-right:none !important;
    border-top:none !important;
}

.motorplus-plan-optional-table .addOnBundle-border-righttopbottom{
    border-right:none !important;
    border-bottom:none !important;
}

.motorplus-plan-bundle-table .addOnBundle-border-bottom{
    padding-left: 0px !important;
}

.motorplus-plan-optional-table .addOnBundle-border-top{
    padding-left: 0px !important;
}

.motorplus-plan-optional-table .addOnBundle-border-topbottom{
    padding-left: 0px !important;
}

input#motorAddWindscreenSumInsured{
    width: calc(55%) !important;
    margin-left: 40px;
}

input#motorAddSmartKeyShieldSumInsured{
    width: calc(55%) !important;
    margin-left: 40px;
}

input[type="checkbox"]:disabled+label, #mmpSummaryWrapper input[type="checkbox"]+label{
    padding: 0 0 0 50px !important;
    /*text-align: justify;*/
}

#summaryContainer ul {
    margin: 50px 0 0 0 !important;
}

.driver-personal-accident-planselection{
    display: -ms-grid;
    display: grid;
}

.driver-personal-accident-plan{
    width:100% !important;
}

.flexi-plan-table{
    width: 0px !important;
}

.flexi-plan-table .addOn-border-top{
    padding-left: 0px !important;
}

.flexi-plan-table .addOn-border-firstTable-left{
    border-bottom: none !important;
}
.flexi-plan-table .addOn-border-windScreen{
    padding-left: 0px !important;
}

.flexi-cart-extension-section{
    display:block !important;
}

input[type="radio"]+label{
    padding: 0 0 0 50px !important;
}

.promptMMPMsg{
    padding: 0px 5% 5px 5% ;
    width: auto !important ;
    left: auto !important ;
    top:5% !important;
    bottom: auto !important;
    max-width: none !important ;
}

.promptMMPMsg .ok-noted-btn{
    padding: 0px !important;
    margin-right: 0px !important;
}

.promptMMPMsg .cancel-btn{
    padding-left: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: center;
    
}

.accordianStack.accordian.planSummary{
    margin: none !important;
}

/*Summary Mobile*/

.mmpSummaryNavigationBtn{
    position: inherit;
    margin-bottom: 50px;
    font-size: 16px;
    margin-top: 70px;
    margin-left: 30px
}

.mmpSummaryNavigationBtn ul li a{
    margin: 10px;
    font-size: 16px;
}

.mmpSummaryNavigationBtn ul{
    display: inline-block !important;
    padding: 0 0 0 0 !important;
}

form[name=summaryForm] #mmpSummaryWrapper{
    padding: 0 15px 0 0 !important;
}

#mmpSummaryWrapper ul.accordianStack.accordian.planSummary li:first-child{
    margin: 4% 0 10% 0; 
}

#mmpSummaryWrapper ul.accordianStack.accordian.planSummary .mmpSummaryNavigationBtn li:first-child{
    margin-bottom: 0px !important;
}

#mmpSummaryWrapper ul.accordianStack li{
    padding: 0.5em 1em !important;
}

#mmpSummaryWrapper .planSummary li div h4{
    margin-bottom: -5px !important;
}

div[name=displayField-left]{
    width: calc(100%) !important;
    padding-right: 0px !important;
    padding-bottom: 10px;
}

div[name=displayField-right]{
    width: calc(100%) !important;
    padding-left: 0px !important;
    position: relative !important;
}

#mmpSummaryWrapper .checkBox{
    margin: 0 0 120px 0 !important;
}

.checkBox1 label[for=boxCheck] {
    display: inline-block !important;
}
/* sl comment
#mmpSummaryWrapper input[type="checkbox"]{
    width: 22% !important;
    height: 120px !important;
}

#mmpSummaryWrapper #boxCheck1{
    width: 22% !important;
    height: 35px !important;
}
*/
/*.navBottom ul .nextArrow .ir .button{
    padding-right: 15px !important;
    width: auto !important;
    margin-right: 5px !important;
}*/

.motorNewSummaryPage .checkBox{
    display: none; 
    visibility: hidden;
}

.checkBox1{
    display:block;
    background: transparent;
    font-size: 18px;
    color: #666666;
    line-height: 26px;
    border: none;
    box-shadow: none;
    padding: 58px 10% 58px 0;
}

.checkBox1 input{
    background: #F7F7F7;
    height: 48px !important;
    width: calc(100% - 50px);
    color: #666666;
    font-size: 18px;
    border: none;
    padding-left: 25px;
    padding-right: 25px;
}

.checkBox1 label[for=boxCheck]{
    display: inline-block;    
}

.checkBox1 label[for=boxCheck] a{
    color:#0089ff;
}

/*Payment Mobile*/

.motorPlusPaymentPage #splitCol{
    margin: 0 10px !important;
}

.motor-plus-summary ul{
    margin: 25px 0 0 0 !important;
}

.mmpPaymentNavigationBtn{
    position: relative !important;
    right: -20px !important;
    top: 65px !important;
}

.mmpPaymentNavigationBtn ul{
    display: inline-block !important;
    margin: 10px 0 0 0 !important;
}

.mmpBtnBack{
	float: unset !important;
    margin-bottom: 0px !important;
    width: 80%;
    margin-left:4%;
}

form#msform[name=paymentForm] .mmpCreditCard li,
form#msform[name=paymentForm] .mmpEWallet li{
    width: 70% !important;
}
.mmpCreditCard input{
    width:100% !important;
}

.plus-plan-exp{
    width:65% !important;
    margin-right: unset !important;
}

.plus-plan-cvc{
    width:35% !important;
}

form#msform[name=paymentForm] .mmpCreditCard li input#cardCVC{
    width:100% !important;
}

#ewallet-details p {
    font-size: 13px;
    text-align: center;
    margin: 0;
}
    
#paymentMethod label.clearMargin {
    padding-bottom: 10px;
}

#paymentMethod ul li label {
    padding-top: 5px !important;
    width: 100% !important;
}

#ewallet-details input[type="radio"]+label {
    padding: 30px 40px !important;
}

.boostPayment {
    margin: 0px 0 0px 6% !important;
}

#ewallet-details p {
    font-size: 13px !important;
	margin: 10px 0 0 0 !important;
}
}

/* delete member */
#msform fieldset .motorNewRiskPage .deleteMemberContainer {
    padding: 28px 0px 40px 0 !important;
    padding\0: 28px 0px 40px 115px !important;
}
.deleteMember {
    margin-left: 35px;
    margin-left\0: 0px;
    color: #E11F27 !important;
}
.deleteMember .addIcon {
    background-color:#E11F27;
}

/* Iframe Section */
div.iframeAddOn .navBottom{
    height:0px !important;   
}
div.iframeAddOn .navBottom .prevArrow~.smallLogo a.ir{
    pointer-events: none;
}
/*div.iframeAddOn .navBottom ul .prevArrow .ir:not(.previous) .button{
    display:none;
}*/
.previousF{
    display:none !important;
}
.iframe-padding-bottom{
    padding-bottom:50px !important;
}
.iframe-padding-top{
    padding-top:50px !important;
}

/*FPX payment*/
#msform fieldset ul li label[for=onlineBanking], #msform fieldset ul li label[for=creditCard] {  width: auto;  margin-left: -23px;}
label.radio-label {  display: inline-table!important;}
label.radio-label-cc { width: 15%!important;}
label.radio-label img { width: 56px; padding-bottom: 5px; height: 21px;}
span.email-note { font-size: 12px;  color: #9E9E9E;  display: block;}
li.payment-tnc { padding-left: 32%!important; font-size: 12px; display: block;}
.credit-card-width { width: 100px!important;}
.online-width { width: 216px!important;}
.payment-option { width: 69%; float: right; margin-left: 0!important;}
.pageIntro .onlineBanking, .pageIntro .creditcard  { padding: 0 3%;}
input[type="radio"].checked+label, input[type="radio"]:checked+label{background-position:0% -100px!important;}

.fpx-container {
font-family: 'pt_sansregular',Tahoma,Geneva,sans-serif; 
margin-top: 100px;*/ box-sizing: border-box;
width: 50%; margin: 0 auto; position: static;
}

#msform fieldset ul li label[for=paymentMethod] {
    width:25%;
}

#msform fieldset ul li label[for=FPXPaymentMethod] {
    width:25%;
}

#msform fieldset ul li label[for=ABMBPaymentMethod] {
    width: 25%;
}
#msform fieldset ul li label[for=MSIGCentralizedMastercardPaymentMethod] {
    width: 25%;
}

#msform fieldset ul li label[for=ewalletMethod] {
    width: 10%;
}

@media(max-width:800px){
    .fpx-container {
		width:90%;
	}
}
@media(max-width:670px){
    .btnContainer.fpx-button { 
        width: 260px !important;
    }
}
.fpx-table-container{
	position: relative;
    background-color: #FFF;
}
.fpx-title { color: #000; font-weight: bold; font-size: 18px; padding: 10px; 
background-color: #CCCCCC; 
margin: 20px auto}
.fpx-copy { color: #000; font-size: 18px; margin-bottom: 20px;  }
.fpx-resit { border: 1px solid #ccc; color: #555; font-size: 16px; width: 100%;    max-height: 800px; margin: 0 auto;}
.fpx-resit td { padding: 10px; border: 1px solid #ccc;}
.btn-container { margin: 30px auto; display: inline-block; }
.btnContainer.fpx-button { width: 350px ; margin:0 ; margin-top:20px ; }
.btnContainer.fpx-button button {font-family:'pt_sansregular', Tahoma, Geneva, sans-serif;}
.btnContainer.fpx-button button:hover{color:#a80c07;}
.button { background-color: transparent; color: #a80c07; border: none; font-size: 1em; font-weight: bold; cursor: pointer}


.btn-container.whilePrompt a { display: block; float: none; text-align: center;}

@media(max-width:480px){
    .payment-option { margin-left: 40px; clear: both; width: 70%; float: right;  margin-top: -25px;}
}

/* end fpx css*/

/*Boost Payment*/
input[type="radio"].checked+label, input[type="radio"]:checked+label{background-position:0% -100px!important;}

#ewallet-details input[type="radio"]:checked+label,
#creditcard-details input[type="radio"]:checked+label{
    border: 2px solid #E11F27;
}

#ewallet-details input[type="radio"]+label,
#creditcard-details input[type="radio"]+label{
    background: white;
    /* border: 1px solid grey; */
    box-shadow: 0px 0px 10px 1PX #666666;
    border-radius: 5px;
    padding: 30px 40px;
    text-align: center;
}

.boostPayment {
    width: fit-content;
    padding: 10% 0px;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
}

#ewallet-details p {
    font-size: 16px;
    text-align: center;
    margin: 0;
}

/*end Boost Payment*/

/*CreditCard Payment*/
/*
#creditcard-details input[type="radio"]:checked+label {
    border: 2px solid #E11F27;
}*/

#creditcard-details .mcmPayment input[type="radio"]+label {
    background: white;
    box-shadow: 0px 0px 10px 1PX #666666;
    border-radius: 5px;
    padding: 30px 40px;
    text-align: center;
    padding: 22px 10px 21px 10px !important;
}

.mcmPayment {
    width: fit-content;
    padding: 10% 0px;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    
}

#creditcard-details p {
    font-size: 16px;
    text-align: center;
    margin: 0;
}

/*end CreditCard Payment*/

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0;
}

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

.deductAmount {
    color: #E11F27;
}
.motorNewSummaryPage .summaryDiscount span.mmpSubAddOn {
    width: 95% !important;
    text-align: left;
    font-size: 17px;
    padding: 5px 0 !important;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0;
}

.motorNewNCDPage #motorNcdCheckNRIC::placeholder, .motorNewNCDPage #motorRegistrationNo::placeholder, .motorNewNCDPage #motorNcdCheckPassport::placeholder, .motorNewNCDPage select#motorNcdCheckNationality::placeholder {
    color: #CCCCCC;
    text-transform: none;
}

.motorNewNCDPage #motorNcdCheckNRIC::-webkit-input-placeholder, .motorNewNCDPage #motorRegistrationNo::-webkit-input-placeholder, .motorNewNCDPage #motorNcdCheckPassport::-webkit-input-placeholder, .motorNewNCDPage select#motorNcdCheckNationality::-webkit-input-placeholder {
	color: #CCCCCC !important;
    text-transform: none;
}

.motorNewNCDPage #motorNcdCheckNRIC::-moz-placeholder, .motorNewNCDPage #motorRegistrationNo::-moz-placeholder, .motorNewNCDPage #motorNcdCheckPassport::-moz-placeholder, .motorNewNCDPage select#motorNcdCheckNationality::-moz-placeholder{
    color: #CCCCCC !important;
    text-transform: none;
}

.motorNewNCDPage #motorNcdCheckNRIC:-ms-input-placeholder, .motorNewNCDPage #motorRegistrationNo:-ms-input-placeholder, .motorNewNCDPage #motorNcdCheckPassport:-ms-input-placeholder, .motorNewNCDPage select#motorNcdCheckNationality:-ms-input-placeholder{
    color: #CCCCCC !important;
    text-transform: none;
}

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

.motorNewNCDPage #motorNcdCheckNRIC::placeholder, .motorNewNCDPage #motorRegistrationNo::placeholder, .motorNewNCDPage #motorNcdCheckPassport::placeholder, .motorNewNCDPage select#motorNcdCheckNationality::placeholder {
    color: #CCCCCC;
    text-transform: none;
}

#msform fieldset .motorNewRiskPage ul li select:not(.motorAddPlan-input) , #msform fieldset .motorNewNCDPage ul li select:not(.motorAddPlan-input){
    background: #F7F7F7 url(/img/select-icon.png) no-repeat right center !important;
    background-size: 8% !important;
}

#msform fieldset .motorNewRiskPage ul select.motorAddPlan-input{
    background: #F7F7F7 url(/img/select-icon.png) no-repeat right center !important;
    background-size: 8% !important;
}

#msform fieldset .motorNewRiskPage ul li input#addressPostcode, #msform fieldset .motorNewRiskPage ul li input#motorLoanProviderDescription,  #msform fieldset .motorNewRiskPage ul li input.inputOccupation {
    background: #F7F7F7 url(/img/search-icon.png) no-repeat right center !important;
    background-size: 10% !important;
}

#msform fieldset .motorNewRiskPage ul li select.Hi {
    padding-right: 40px;
}
.motorNewSummaryPage .summaryDiscount .mmpCoveragePeriod {
    width:100% !important;
}
input[name="editPolicyHolderAddress1"], input[name="editPolicyHolderAddress2"] {
    margin-bottom: 8px;
}

/* The Modal (background) */
.overwriteAddressModal{
    display:none;
    position:fixed;
    z-index:10000;
    left:0;
    top:0;
    width:100%;
	height:100%;
	overflow:auto;
	background-color:rgba(0,0,0,0.4);
}

.overwriteAddressModal-Content{
	background-color: #fefefe;
	margin: auto;
	padding:20px;
	border:1px solid #888;
	width: 50%;
	border-radius:5px;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%);
	position:absolute;
}

.overwriteAddressModal-Close{
	color:#aaaaaa;
	float:right;
	font-size:28px;
	font-weight:bold;
	padding-left:20px;
}

.overwriteAddressModal-Close:hover,
.overwriteAddressModal-Close:focus{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

.overwriteAddressModal-Button{
	margin:0px 5px 5px 0px !important;
	display:inline-block;
	width: 130px !important;
}

.overwriteAddressModal-Button a{
    padding: 0px;
	width:100%;
	display:inline-block;
    cursor:pointer;
}

@media(max-width:767px){
	.overwriteAddressModal-Content{
		width:70%;
	}
    
    .overwriteAddressModal-Button{
        height:40px !important;
        width:120px !important;
    }
    
    .overwriteAddressModal-Button .button{
        line-height:40px !important;
    }
}

@media(max-width:375px){
    
    .overwriteAddressModal-Button{
        height:40px !important;
        width:100px !important;
    }
    
    .overwriteAddressModal-Button .button{
        line-height:40px !important;
    }
}


/* End of OverwriteAddressModal

/* TravelRightPlus - Travel Detail & ProductTop*/
        
    .travel-detail-mobile-show{display: none;}
    .travel-detail-desktop-show{display: table-cell;}

    @media(max-width:767px){
        .travel-detail-mobile-show{display: table-cell; text-align:center;}
        .travel-detail-desktop-show {display:none;}
        .productTable.travel-detail-Table tbody tr.travel-detail-price-content td:nth-child(2){    border-right: 1px dotted #b7b7b7;}
    }
    
    .benefit-selection{ width:100%; text-align:left; margin-bottom:20px; padding:0 2%;}
    .benefit-selection{ width:auto;}
    .benefit-selection p{font-size:1em; cursor:pointer;}
    .benefit-selection .Plan1 p{font-family:'pt_sansregular', Tahoma, Geneva, sans-serif; line-height:100px;}
    .benefit-selection .Plan2 p{font-family:'pt_sansregular', Tahoma, Geneva, sans-serif; line-height:100px;}
    .benefit-selection .Plan1, .benefit-selection .Plan2{ float:left; border:2px solid #d6d6d6; border-radius:5px; width:48%; height:100px; text-align:center;}
    .benefit-selection .Plan1, .benefit-selection .Plan2{ margin-left:2%;}
    .benefit-selection .Plan1{margin-left:0%;}
    .plan-selection h1:first-child {font-size:1em;}
    
    @media(max-width:480px){
        .benefit-selection .Plan2 {margin-left:1%;}   
    }

/* END OF TravelRightPlus - Travel Detail  & ProductTop */

.popout-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000; display:block;}
.popout-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background:rgba(0,0,0,0.7);}
/*.popout-content{width:700px;height:250px;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:url('/img/MSIG_Online_Notice_Popup_D.png') no-repeat;background-size: cover;background-position: bottom;padding:20px 5% 0;box-sizing:border-box;}*/
a.popout-close{position:absolute;top:5px;right:10px;color:#ea2c23;}


/*TravelRightPlus.css - Planscreen - not used currently*/

.travel-benefit-plan-selection>div{width:30%;min-height:150px;float:left;text-align:center;border:2px solid #d6d6d6;border-radius: 5px;margin:0 1%;position:relative;cursor:pointer;}
.travel-benefit-plan-selection h2{padding-top:30px;}
.travel-benefit-plan-selection p{font-size:16px;}
.travel-benefit-plan-selection {width:100%;border: 2px solid #d7d7d7;border-radius: 5px;}
.travel-benefit-plan-selection table{width:100%;padding:10px;}
.travel-benefit-plan-selection table th{padding:0;border-left:2px solid #d7d7d7; text-align:center;}
.travel-benefit-plan-selection table tbody td{padding:20px 0; border-left: 2px solid #d7d7d7;text-align:center;}
.travel-benefit-plan-selection table th:first-child,
.travel-benefit-plan-selection table tbody td:first-child{width:50%;border-left:none; text-align:left; padding:10px 20px; box-sizing:border-box;}
.travel-benefit-plan-more-info, .travel-benefit-plan-less-info{text-align:center !important;font-weight:normal;cursor:pointer;}
.travel-benefit-plan-more-info{border-top:2px solid #d7d7d7;}
.travel-benefit-plan-selection table tbody tr{border-top:2px solid #d7d7d7; border-bottom: 2px solid #d7d7d7;}
.travel-benefit-plan-selection table tbody tr:last-child{border-bottom:none;}
.travel-benefit-plan-cta{background: #ae2e23; display:inline-block; padding: 5px 45px; color: #FFF; border-radius:5px;}
.travel-benefit-plan-cta.selectedPlan{border:none !important;box-shadow:initial;-webkit-box-shadow:initial;-moz-box-shadow:initial;background:transparent;}
.travel-benefit-plan-cta:hover, .travel-benefit-plan-cta:visited, .travel-benefit-plan-cta:active, .travel-benefit-plan-cta:focus{color:#FFF;}
.travel-benefit-plan-hint{position:relative;}
.travel-benefit-plan-hint-content{position: absolute; top:0; left:20px; width:200px; height:auto; background: #FFF;border:2px solid #d7d7d7; font-size:14px;line-height:16px; color:#000;padding: 5px 10px; border-radius:5px;display:none;}
.travel-benefit-plan-selection{background:#fff;}
.travel-benefit-plan-selection .smallText{color:#a92d22;max-width:50%;margin:0 auto; font-size:14px;}
.travel-benefit-plan-selection div.selectedPlan .smallText{color: #FFF}
.pet-recommend-plan{width:100%;position:absolute;top:0;left:0;z-index:2;background:#695e9e;color:#FFF;font-size:14px;line-height:14px;padding:5px 0 2px; border-top-left-radius:5px; border-top-right-radius:5px}
.travel-benefit-plan-selection .selectedPlan h2{color:#fff}
.selectedPlan .pet-recommend-plan {display:none}
.travel-benefit-plan-mobile-show{display: none;}
.travel-benefit-plan-desktop-show{display: table-cell;}

.travel-benefit-plan-display-none{display:none !important;}

.travel-benefit-plan-cta:hover, .travel-benefit-plan-cta:visited, .travel-benefit-plan-cta:active, .travel-benefit-plan-cta:focus {color:#000;}
.travel-benefit-plan-cta { background:#fff; color: #000; padding: 5px 0!important;}
.travel-benefit-plan-cta p {padding: 0 50px;}
.travel-benefit-plan-cta.selectedPlan{background: #ae2e23; color:#FFF;}
a.travel-benefit-plan-cta.selectedPlan.white { width:100%;}
.btn-buy { border-radius:5px; padding: 3px 10px; color:#fff; background: #ae2e23;}
.travel-benefit-plan-cta.selectedPlan .btn-buy{background:#ae2e23;}

.travel-benefit-plan-subTitle{font-weight:bold; padding:20px !important;}

.travel-benefit-plan-chosen-column{background:#ae2323;color:white;border-radius:5px;}

@media(max-width:767px){
    .travel-benefit-plan-mobile-show{display: table-cell; text-align:center;}
    .travel-benefit-plan-selection table tbody td:nth-child(2) { border-left:none;}
    .travel-benefit-plan-selection table tbody td:first-child{padding:10px;text-align:center;position:relative;}
    .travel-benefit-plan-desktop-show {display:none;}
    .travel-benefit-plan-hint{position:static;}
    .travel-benefit-plan-hint-content {left:auto; top:auto; right:50%; margin-right:-110px;}
    .travel-benefit-plan-cta p {padding: 0 40px;}
    .travel-benefit-plan-selection table th{border-left:2px solid #d7d7d7;}
    .travel-benefit-plan-selection table tbody td{border-left: 2px solid #d7d7d7;}
}

@media (max-width:568px){
.travel-benefit-plan-selection{max-width:300px}
    .travel-benefit-plan-selection {max-width: 90%!important;}
    .travel-benefit-plan-cta{padding:5px 15px;}
    .travel-benefit-plan-cta p {padding: 0 40px;}
}

@media (max-width:743px){
.popout-content{width:450px;height:632px;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:url('/msigonline/img/GrabPromo_Mobile.png') no-repeat;background-size: cover;background-position: bottom;padding:20px 5% 0;box-sizing:border-box;}

.mmp-popout-content{width:300px;height:250px;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:url('/shop-com/img/MMPLaunch_Banner_300X250.png') no-repeat;background-size: cover;background-position: bottom;padding:20px 5% 0;box-sizing:border-box;}
}

@media (max-width:480px){
    .travel-benefit-plan-cta p {padding:0;}
    .popout-content{width:280px;height:400px;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:url('/msigonline/img/GrabPromo_Mobile.png') no-repeat;background-size: cover;background-position: bottom;padding:20px 5% 0;box-sizing:border-box;}
    .mmp-popout-content{width:300px;height:250px;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:url('/shop-com/img/MMPLaunch_Banner_300X250.png') no-repeat;background-size: cover;background-position: bottom;padding:20px 5% 0;box-sizing:border-box;}
}

@media(max-width:768px){
.travel-benefit-plan-selection{max-width:500px; overflow:auto; margin:0 auto;}
    .travel-benefit-plan-selection>div{width:45%; min-height:200px; margin: 2% 1.5%;}
    .travel-benefit-plan-selection h2{padding-top:50px;}
}

    
/*END OF TravelRightPlus.css - Planscreen*/


/*Motor Msig-staff*/
.motor-staff { border: 2px solid #ccc; cursor: pointer;}

/*Zawa Version*/
/*Default CSS*/

/*PA-BCB*/
.personalAccidentPlan-hint img { width: 12px;}
.personalAccidentPlan-desktop-show { display: table-cell;}
.personalAccidentPlan-mobile-show {display: none}
.personalAccidentPlan-container { padding-bottom: 0px;}
.personalAccidentPlan-selection{background:#FFF;}
.personalAccidentPlan-cta.selectedPlan{border:none !important;box-shadow:initial;-webkit-box-shadow:initial;-moz-box-shadow:initial;background:transparent;}

@media (max-width: 768px){
.personalAccidentPlan-container { padding-bottom: 0px;}
}
@media (max-width: 568px){
.personalAccidentPlan-selection { max-width: 90%!important;}
.personalAcidentPlan-selection {max-width: 90%!important;}
.personalAcidentPlan-cta {padding: 5px 15px!important;}
}
@media (max-width:767px) {
    .personalAccidentPlan-mobile-show {display: table-cell; text-align: center;}
    .personalAccidentPlan-desktop-show {display: none;}
    .personalAccidentPlan-selection table tbody td:nth-child(2) { border-left: none;}
    .personalAccidentPlan-selection table tbody td:first-child { text-align: center!important; }
}

/*PA-BCB*/

.u-mobshow{display:none;}
.smallText{font-size:14px;}
.uppercase{text-transform:uppercase;}

.pet-plan-hint img { width: 12px;}


/*Pets*/
.pet-plan-mobile-show {display: none}
.pet-plan-desktop-show { display: table-cell;}
.pet-plan-container { padding-bottom: 100px;}
@media (max-width: 768px){
.pet-plan-container { padding-bottom: 0px;}
}
@media (max-width: 568px){
.pet-plan-selection { max-width: 90%!important;}
}
@media (max-width:767px) {
    .pet-plan-mobile-show {display: table-cell; text-align: center;}
    .pet-plan-selection table tbody td:nth-child(2) { border-left: none;}
    .pet-plan-selection table tbody td:first-child { text-align: center!important; }
    .pet-plan-desktop-show {display: none;}
    
    .pet-plan-selection table tbody td:first-child { padding-left: 0;}
}

@media (max-width: 568px){
.pet-plan-selection {max-width: 90%!important;}
.pet-plan-cta {padding: 5px 15px!important;}
}

.pet-plan-selection{background:#FFF;}
.pet-plan-cta.selectedPlan{border:none !important;box-shadow:initial;-webkit-box-shadow:initial;-moz-box-shadow:initial;background:transparent;}

/*======*/
/**/
.campaign-popout-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000; display:block;}
.campaign-popout-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background:rgba(0,0,0,0.7);}
.campaign-popout-content{max-width:300px;width:auto;height:auto;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:#204B8C;color:white;text-align:left;}
.campaign-popout-content ul{margin:0;padding:10px 0 10px 20px;}
.campaign-popout-content h2{color:white;}
.campaign-popout-content a{color:#e63423;}
.campaign-popout-content p{margin-bottom:0;}
.errorMsg2-additional{display:none;}
a.campaign-popout-close{position:absolute;top:5px;right:10px;color:#ea2c23;}

.campaign-popout-error-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000; display:none;}
.campaign-popout-error-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background:rgba(0,0,0,0.7);}
.campaign-popout-error-content{max-width:300px;width:auto;height:auto;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:#FFF;text-align:center;}
.campaign-popout-error-content ul{margin:0;padding:0 0 0 20px;margin-bottom:20px;}
.campaign-popout-error-content a{color:#204b8c;}
.campaign-popout-error-content p{margin-bottom:0;}
.errorMsg2-additional{display:none;}
a.campaign-popout-error-close{position:absolute;top:5px;right:10px;color:#ea2c23;}
/**/
/*GuessGame Page*/
.contest-container{padding:20px;background:#204b8b;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.contest-container p{margin-bottom:20px;display:block;color:#FFF !important;}
.clearfix.pageIntro.wrapper .contest-container p{margin-left:0;}
.go-campaign,.go-campaign:hover{padding: 10px 45px !important;color: #FFF;}
.guessGame-container{position:relative;padding:50px 0;}
.guessGame-bg{width:100%;height:100%;position:relative;}
.guessGame-bg img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.guessGame-content{position:relative;z-index:2;margin:0 auto;text-align:center;}

.guessGame-content h5,.guessGame-content h4,.guessGame-content p{margin:0;line-height:initial;color:#FFF;}
.guessGame-content h5{font-size:50px;color:#FFF;}
.guessGame-content h4{font-size:32px;color:#FFF;}
.guessGame-content>p{font-size:18px;color:#FFF;max-width:520px;width:100%;margin: 25px auto;}

.gameintro-header2{display:none;}

.game-primary-btn,.game-primary-btn:hover{padding:10px 15px;display:inline-block;font-weight:bold;font-size:24px;color:#FFF;border:none;
background: rgb(234,44,35);
background: -moz-linear-gradient(top, rgba(234,44,35,1) 0%, rgba(171,17,10,1) 100%);
background: -webkit-linear-gradient(top, rgba(234,44,35,1) 0%,rgba(171,17,10,1) 100%);
background: linear-gradient(to bottom, rgba(234,44,35,1) 0%,rgba(171,17,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2c23', endColorstr='#ab110a',GradientType=0 );
}
.game-tnc,.game-tnc:link,.game-tnc:hover{text-decoration:underline;font-size:14px;color:#FFF;}

.game-banner{padding-top:20px;}
.game-banner img {background: url(/_template/campaign/img/ci-quiz_title-desktop.png) no-repeat;background-size: cover;background-position: center;height:250px; padding:20px 240px 0;box-sizing:border-box;}
.guessGame-question-container{width:auto;height: auto;position: relative;display: inline-block;}
.guessGame-timer-container{position: absolute;top: 0;right: 10px;background: url(../_template/campaign/img/timer.png) no-repeat;background-position: center;background-size:cover;width: 70px;height: 90px;}
.guessGame-timer-container>p{position: absolute;top: 50%;left: 50%;margin-right: -50%;color: #FFF;font-weight: bold;
  transform: translate(-40%,-40%);-webkit-transform: translate(-40%,-40%);-moz-transform: translate(-40%,-40%);
}
.guessGame-answer{width: auto;background: #FFF;display: inline-block;padding: 15px 60px;}
.game-input{display:inline-block;}
.guessGame-answer input{display: inline-block;width: 40px;height: 35px;border: none;border-bottom: 2px solid #29b429;color: #29b429;font-weight: bold;text-align: center;font-size: 30px;}
.guessGame-answer input{background:#FFF;pointer-events:none;cursor:default;}
.guessGame-answer input.answered{background:#FFF;pointer-events:initial;cursor:pointer;border-bottom:none;}
.guessGame-answer-option{padding-top:15px;}
.guessGame-answer-box{width:40px;height:40px;border:2px solid #FFF;background:#e52a22;display:inline-block;margin-right:8px;line-height: 45px;color: #FFF;font-weight: bold;font-size: 30px;cursor:pointer;vertical-align:middle;}
.guessGame-answer-box.selected{background:#5b5b5b;pointer-events:none;}
.guessGame-answer-container>p{color: #FFF;max-width:300px;width: 100%;margin: 20px auto 0;font-size:14px;}

.guessGame-win.active,.guessGame-lose.active{display:block;}
.guessGame-win p,.guessGame-lose p{max-width: 400px;width: 100%;margin: 0 auto;font-size: 14px;}
.guessGame-win a,.guessGame-lose a{margin:20px auto;}
.guessGame-win img,.guessGame-lose img{height:250px !important;}

.guessGame-win-img{position: relative;max-width: 550px;margin: 0 auto;height: 330px;width: 100%;}
.guessGame-win-img img{position:absolute;}
.guessGame-win-img img:first-child{left: 0;bottom: 0;z-index: 2;}
.guessGame-win-img img:last-child{right: 0;top: 0;}
/*GuessGame End*/
.moreInfo iframe {width: 100%;min-height: 450px;}
/*Proposal Form Page*/
/*.proposalFormsContainer{ padding:0 25%; }*/
.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;background:url('/img/icon-pdf-s.png') no-repeat 5px 13px;}
.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;}
.proposalFormsDivider{ border-top:1px solid #cccccc; margin:10px 0;}
.proposalForms-downloadBtn{height:50px;width:160px;line-height:50px;text-align:center;color:#a80c07;float:right;
 border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
/*Proposal Form End*/
/*Motor Style*/
/*This is the Disabled Input*/
#msform input.disabledInput{background-color:#b5d6e7}
#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 select{width:70%;margin:0;}
fieldset#risk .formVehicleDetail li h4{font-size:0.8em;margin:0;color:#000;}
fieldset#risk .formVehicleDetail li h2{margin:10px 0;font-size:0.9em;float:left}
fieldset#risk ul li table.listOfVehicle td.vehicle-td-checkbox input{width:0}
.form-title p,.add_coverage p{ height:40px;line-height:40px; padding:0% 2%;box-sizing:border-box;font-size:1.2em; color:#000; background:#ebebeb;
  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
@media (max-width:390px) {
    .form-title p,.add_coverage p{ font-size:1.0em;
    }
}
fieldset#checkncd .formNCD,fieldset#risk .formVehicleDetail,fieldset#prescreen .bmi-container,fieldset#risk .homeContentAddress,fieldset#branch-code .formNCD{ 
 padding:0% 0% 4%;
 margin-bottom:50px;
}
.listOfVehicle{ width:100%; background-color:#ebebeb; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.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; }
ul.formVehicleDetail li:nth-child(12),ul.formVehicleDetail li:nth-child(11){width:50%;float:left;}
#msform .addBenefit-checkbox>label{ width:100%; padding:10px 0 0 50px; line-height:18px; float:left;}

#msform label.addBenefit-label-halfWidth{width:70%;}
.checkBoxA input{margin-top:-5px}
.addBenefit-checkbox{ width:100%;}
li.clearfix.add_coverage div label ul li{padding:0 10px !important;}
.AddCoverage-boxCheck li{ margin-top:-5px !important; float:left; width:95%;}
.AddCoverage-boxCheck li:first-child{ width:2%; padding:0 !important;}
.addBenefit-input{ float:right; margin:0 -2% 0 0;}
.additional-plan-container, .additional-plan-container-cart, .additional-plan-container-accidentRepairAllowance{margin-left:40px;}
.additional-plan{width:30%;float:left;}
.additional-plan input{height:0;}
.additional-plan span{font-size:14px;margin-left:5px;display:inline-block;}
.additional-note{padding-top:20px;}
a.addBenefit-plan--tips{background: transparent url(/sc/img/help-icon.png) no-repeat center center;float: left;width: 15px;height: 15px;background-size: cover;margin:16px 0 0 10px;}
.addBenefit-plan--summary{display:none;}
#msform .additional-plan label{background:url(/sc/img/dot-select.png) 0% 0% no-repeat scroll transparent;background-position:initial;width:auto;font-size:14px;line-height:30px;}
#msform input[type="checkbox"]:checked+label.additional-plan--checkbox{background-position:0px -100px;}
.disabledInput{background:#b5d6e7;}

.checkBoxDriver{padding-bottom:100px !important; margin-top:-50px !important; line-height:35px; display:none}

.motorRegistrationForm li{clear:both;}
#msform .aboutULocation select{width:70%;margin:0;float:left;}
#msform .aboutULocation select:last-child{margin-top:10px;float:right;}
.autocomplete-suggestion{padding:0px 6px 0px;font-family:'pt_sansregular',Tahoma,Geneva,sans-serif;font-size:0.8em;color:#333333;background-color:#ebebeb;cursor: pointer;/*width:70%;margin:0;float:left;*/}
.autocomplete-suggestions {border: 1px solid #999; background: #fff; cursor: default; overflow: auto;border-radius:8px;}
.autocomplete-selected { 
background: #3399ff;
color:white;
background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%,rgba(222,222,222,1) 100%); /* for IE */
color:black\0; /*for IE11 or below */
}
.autocomplete-suggestions strong { font-weight: normal; color: #000000; }
.autocomplete-selected strong { color:#ffffff; color:black\0; }
.autocomplete-no-suggestion { padding:0px 6px 0px;font-family:'pt_sansregular',Tahoma,Geneva,sans-serif;font-size:0.8em;color:#333333;background-color:#ebebeb;}
.autocomplete-suggestion { /*padding: 8px 8px 3px;white-space: nowrap; overflow: hidden;*/ }
.autocomplete-suggestion select:last-child{/*margin-top:10px;float:right;*/}
#msform select.inputExp{width:50px;}
#msform select.inputRelationship{width:70%;margin:0;}
#msform.msigProduct .motorRegistrationForm select{background:#d9d9d9 url('/img/selectArrow.png') no-repeat 98% 60%;}
.helpContent .pdfLink{float:none; color:#be0503; display:inline; font-weight:bold}
.helpContent.whilePrompt.clearfix{ top:auto; right:10px;}
.helpContent.whilePrompt li{text-align:left;}
.progress-checking{ width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:20% 0%; text-align:center;}
.progress-checking h1{ margin-top:30px;}
.progress-loading-icon{ width:64px; height:64px; margin:0 auto; background:url(/img/payment-load-icon.gif) no-repeat center center;}
/*Motor Summary Page*/
ul li.tieMotor-title, .tieMotor-title .form-title p{font-weight:bold;background:none;margin:0;}
.tieMotor-title .form-title p{padding:0;}
/**/

@media(min-width:710px) and (max-width:770px){ .addBenefit-input{margin:0 -2% 0 0;} }
@media(max-width:1400px){ .addBenefit-input{ margin:0px -3% 0 0;} }
@media(max-width:1350px){
  .AddCoverage-boxCheck li{width:90%}
  .addBenefit-input{ margin:-45px -2% 0 0;}
}
@media(max-width:1100px){
  #msform[name=signupform] fieldset#risk,#msform[name=signupform] fieldset#checkncd,#msform[name=signupform] fieldset#criticalIllnessPlan,#msform[name=signupform] fieldset#branch-code{ padding:0 15% }
  .addBenefit-input{ margin:0 -2% 0 0;}  
  .proposalFormsContainer{ padding: 0 10%}
}
@media(max-width:960px){
  .listOfVehicle tr td{ padding:1% }
}
@media (max-width:850px) {
  #msform[name=signupform] fieldset#risk,#msform[name=signupform] fieldset#checkncd,#msform[name=signupform] fieldset#criticalIllnessPlan,#msform[name=signupform] fieldset#branch-code{padding:0 10%;}
  #msform fieldset ul li label[for=addressOverwrite]{ font-weight: unset; font-size: 13px;padding-top:5px;}
}
@media(min-width:769px) and (max-width:863px){ .addBenefit-input{ margin:-45px -2% 0 0;} }
@media(max-width:768px){
  #msform[name=signupform] fieldset#checkncd,#msform[name=signupform] fieldset#branch-code{ padding: 0 5%;}
  #msform[name=signupform] fieldset#risk,#msform[name=signupform] fieldset#criticalIllnessPlan{ padding: 0 2%;}
  .additional-plan{float:none;width:auto;}
  #msform .additional-plan label{padding-top:0;}
  .additional-plan span{line-height:35px;}
  a.addBenefit-plan--tips{margin:10px 0 0 10px;}
  .proposalFormsContainer{padding:0 5%}
  .pet-plan-selection{max-width:500px;overflow:auto;margin:0 auto;}
  /*PA-BCB*/
    .personalAccidentPlan-selection{max-width:500px;overflow:auto;margin:0 auto;}
  /*PA-BCB*/
}
@media(max-width:568px){
  table.listOfVehicle{font-size:0.8em;}
  .listOfVehicle tr td{padding:0;}
  .AddCoverage-boxCheck li:first-child{ width:2% !important }
  .AddCoverage-boxCheck li{ width:80% !important }
  .addBenefit-input{margin:0 -2% 0 0;}
  .pet-plan-selection{max-width:300px;}
  /*PA-BCB*/
    .personalAccidentPlan-selection{max-width:300px;}
  /*PA-BCB*/
}
@media(max-width:480px){
  li.clearfix.add_coverage div label ul li:first-child{padding:0 !important}
  #msform fieldset ul li label[for=addressOverwrite]{ font-weight: unset; font-size: 12px;padding-top:5px;}
}
@media(max-width:375px){
  .proposalForms-downloadBtn{height:30px;width:100px;line-height:30px;}
  #msform fieldset ul li label[for=addressOverwrite]{ font-weight: unset; font-size: 11px;padding-top:5px;}
}

.motorAddPlan-input{width:115px !important; margin:0px 0 0 20px; float:left;}
#motorAddCARTSumInsured{margin:0px 0 0 20px !important;}
#msform input.motorAddPlan-input:disabled{background-color:#b5d6e7}
#msform select.motorAddPlan-input:disabled{background-color:#b5d6e7 !important}
label.addBenefit-label{width:4% !important; line-height:20px; float:left !important;}
/*Motor End*/

/*Thank You Road Tax*/
.roadTax-Container a:link{font-weight:bold;text-decoration:underline;}
/*MSIG staff site*/
.staffID-container span{color:#cc0000;display:block;margin-top:10px;display:none;}
#msform .staffID-container li{padding:0;margin-bottom:0;}
/*Msig Product = Banca Style*/
#msform.msigProduct label[for='carOwnerMalaysian'],#msform.msigProduct label[for='carOwnerNonMalaysian']{width:auto;}
#msform.msigProduct input[name='carOwnerMalaysian'],#msform.msigProduct input[name='carOwnerNonMalaysian']{position:absolute;}
/*Msig FAQ drop down css*/
.faq-title-display{width:50%;height:50px;float:left;margin-bottom:20px;}
.faq-title-display h5{font-size:24px;margin:0;line-height:50px;color:#e40000;}
.faq-drop-down-container{width: auto;height: 28px;padding-top:2px;margin-top:5px;float: right;border: 1px solid #c6c6c6;border-radius: 10px;overflow: hidden;position:relative;z-index:10;}
select#tieFAQ {border: none;width: 100%;padding:0 25px 0 10px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;font-family:'pt_sansregular',Tahoma,Geneva,sans-serif;background:url('/img/selectArrow_red.png') no-repeat 93% 45%;background-size:12px;}
.petsFAQ,.travelFAQ,.faqHide{display:none;}
/**/
.maintenance-container{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  z-index:101;
  padding:0.5em 1em;
  border:1px solid #cbcbcb !important;
  background:#ffffff;
  background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  background:-ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background:-moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background:-o-linear-gradient(#ffffff, #eeeeee);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  position:fixed;
  /*width:400px;*/
  height:270px;
  /*left:50%;*/
  /*top:50%;
  margin:-135px 0 0 -200px*/
  line-height:40px;
    top: 30%;
  margin: 0 5% 0 5%;
}
/*Maintenance mobile*/
/*@media(max-width:360px){.maintenance-container{width: 90%;margin:-135px 0 0 -160px;top:50%;}}
@media (min-width:361px) and (max-width:411px){.maintenance-container{width: 90%;margin:-135px 0 0 -170px;top:50%;}}
@media (min-width:412px) and (max-width:480px){.maintenance-container{width: 90%;margin:-135px 0 0 -185px;top:50%;}}
@media (min-width:480px) and (max-width:600px){.maintenance-container{width: 80%;margin:-135px 0 0 -185px;top:50%;}}
@media (min-width:600px) and (max-width:760px){.maintenance-container{width: 60%;margin:-135px 0 0 -185px;top:50%;}}
@media(min-width:760px){.maintenance-container{width: 400px;margin:-135px 0 0 -200px;top:50%;}}*/
@media (min-width:600px) and (max-width:760px){.maintenance-container{max-width: 400px;margin:-135px 0 0 -190px;top:50%;left:50%}}
@media(min-width:760px){.maintenance-container{max-width: 400px;margin:-135px 0 0 -200px;top:50%;left:50%;}}

@media(max-height:360px){.maintenance-container{width: 400px;margin:-135px 0 0 -160px;top:50%;}}
@media (min-width:375px) and (max-width:412px) and (max-height:375px){.maintenance-container{width: 400px;margin:-135px 0 0 -168px;top:50%;}}
@media (min-width:412px) and (max-width:760px) and (max-height:414px){.maintenance-container{width: 400px;margin:-135px 0 0 -185px;top:46%;}}
/*End Maintenance mobile*/

.maintenance-overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);top:0;left:0;z-index:100;}
.maintenance-container h1{font-size:1.2em;padding:0;margin:0.5em 0 ;}
.maintenance-container a{position:absolute;bottom:10px}
.maintenance-container ul{padding-left:1em;margin-bottom:10px}
@media (max-width:320px) {
    #msform fieldset ul li label[for=addressOverwrite]{ font-weight: unset; font-size: 10px;padding-top:5px;}
  .maintenance-container{width:300px;height:260px;margin:-130px 0 0 -150px;}
  .maintenance-container h1{font-size:1em;}
  .maintenance-container p{font-size:0.9em}
}

/*Wedding - Tie The Knot Styling*/
.weddingAddress .smallText{color:#908683;font-style:italic}
.weddingLocation select{width:69% !important;margin:5px 0 0 0 !important}
.weddingLocation select[name="propertyState"]{margin-right:0.4% !important}
/*Wedding End*/
/*Travel risk page styling*/
.staffID-container,.banca-content-container,.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);}
.planNArea-note ul li {font-size: 14px;width: 90%;display:list-item;list-style-type: decimal;padding:0 !important;margin:0 auto!important}
/*TravelRisk End*/
/*E-SafeGuard*/
.dailyPABenefitTable th{border-right:1px solid #b7b7b7;}
.dailyPABenefitTable th:last-child{border-right:none;}
.dailyPABenefitContent td{text-align: center;border-right:1px solid #b7b7b7;}
.dailyPABenefitContent td:first-child{text-align: left;}
.dailyPABenefitContent td:last-child{border-right:none;}
.dailyPABenefitContent p{padding-right:10px;float:left;}
.dailyPABenefitContent div{width:70%;float:left;}
.dailyPABenefitTable tr td p{margin-top: 3px;}

@media(max-width:1400px){
 .dailyPABenefitContent div{width:50%;}   
}

@media(max-width:768px){
 .moreInfo .dailyPABenefitTable thead th:first-child,.dailyPABenefitTable,.dailyPABenefitContent td:first-child{text-align:center !important;} 
 .dailyPABenefitContent p{padding-right:0px;display:inline;float:none;}
 .dailyPABenefitContent div{width:auto;display:inline;float:none;}
}
/* E-SafeGuard End */
/*Pet,Wedding,TravelRightplus CSS */
/*PA-BCB*/
.personalAccidentBenefitTable th{border-right:1px solid #b7b7b7;}
.personalAccidentBenefitTable th:last-child{border-right:none;}
.personalAccidentBenefitContent td{text-align: center;border-right:1px solid #b7b7b7;}
.personalAccidentBenefitContent td:first-child{text-align: left;}
.personalAccidentBenefitContent td:last-child{border-right:none;}
.personalAccidentBenefitContent p{padding-right:10px;float:left;}
.personalAccidentBenefitContent div{width:70%;float:left;}
.personalAccidentBenefitTable tr td p{margin-top: 3px;}

@media(max-width:1400px){
 .personalAccidentBenefitContent div{width:50%;}   
}
@media(max-width:768px){
 .moreInfo .personalAccidentBenefitTable thead th:first-child,.personalAccidentBenefitTable,.personalAccidentBenefitContent td:first-child{text-align:center !important;} 
 .personalAccidentBenefitContent p{padding-right:0px;display:inline;float:none;}
 .personalAccidentBenefitContent div{width:auto;display:inline;float:none;}
}
/*PA-BCB*/
select[name=campus],.aboutPetBreed select{width:70% !important;margin:0 !important}
.petBenefitTable th{border-right:1px solid #b7b7b7;}
.petBenefitTable th:last-child{border-right:none;}
.petBenefitContent td{text-align: center;border-right:1px solid #b7b7b7;}
.petBenefitContent td:first-child{text-align: left;}
.petBenefitContent td:last-child{border-right:none;}
.petBenefitContent p{padding-right:10px;float:left;}
.petBenefitContent div{width:70%;float:left;}
.petBenefitTable tr td p{margin-top: 3px;}

.otherBreed-popout{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100001;display:none;}
.otherBreed-overlay{width: 100%;height: 100%;background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;z-index: 1;}
.otherBreed-content-container {background: #FFF;max-width: 650px;width: 100%;max-height: 500px;position: relative;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%,-50%);z-index: 2;box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);padding: 40px 0;}
.otherBreed-content{overflow: auto;max-height: 400px;width: 90%;margin: 0 auto;}
.otherBreed-close {position: absolute;right: 20px;top: 10px;color: red;}
#msform fieldset .otherBreed-content p{margin:0;}
#msform fieldset .otherBreed-content ul{padding:0 0 0 40px;}
.otherBreed-content strong{margin-left:-40px;}
#msform fieldset .otherBreed-content ul li{margin:0;list-style-type: disc;list-style-position: outside;}

@media(max-width:1400px){
 .petBenefitContent div{width:50%;}   
}
@media(max-width:768px){
 .moreInfo .petBenefitTable thead th:first-child,.petBenefitTable,.petBenefitContent td:first-child{text-align:center !important;} 
 .petBenefitContent p{padding-right:0px;display:inline;float:none;}
 .petBenefitContent div{width:auto;display:inline;float:none;}
}

#msform fieldset ul li select[name=petType],#msform fieldset ul li select[name=petGender],#msform fieldset ul li select[name=petBreedSelection]{width:70%;margin:0}
input#locationAddressLine2{margin-top:10px;}
label[for=Cat]{width:auto !important}
label[for=Dog]{width:60px !important}
input#Cat,input#Dog{position:absolute;width:30px !important;height:30px;z-index:2}
input[data-name=birthCert]{text-transform:uppercase}
input[data-name=birthCert]::placeholder{text-transform:none !important}
input[data-name=birthCert]::-webkit-input-placeholder{text-transform:none !important}
input[data-name=birthCert]::-moz-placeholder{text-transform:none !important}
input[data-name=birthCert]:-ms-input-placeholder{text-transform:none!important}
li.petLocation input[name=propertyAddressLine1]{margin-bottom:10px;}
li.width70 select,li.aboutPetState select { width: 70% !important; margin-right: 0 !important; margin-bottom: 10px !important;}
li.petCountry input { border: none !important; background: transparent !important;}
#personalDetails .formPersonal li input#Malaysian{ margin:0 0 0 -1em }

li.width25 label{width:28% !important}
li.width25 input{width:0 !important}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) { 
li.width25 input{-webkit-appearance:none;padding:0 !important}  
li.width70 select, li.aboutPetState select{-webkit-appearance:caret;}
li.width70 select#addressCity{float:right}
}

/*Tnc*/
.donFunction{float:none !important;margin:0 5px;display:inline !important;text-decoration:underline !important;}

/*FAQ*/
.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 }

@media (max-width:1440px){  
  .client-faq-navContainer ul li{font-size:0.8em;font-weight:bold}  
}
@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} 
}

@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}
}

@media (max-width: 960px){
  .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}
}


@media (max-width:568px) {    
  .client-faq-navContainer{ display:block }
  .client-faq-navContainer a{ border-radius:5px; display:block; width:100%; padding:10px 0;}
  .client-faq-navContainer ul li{ width:100%; padding:10px 0; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}
}
.furtherInfo ol li{list-style-type:disc}
/*Summary*/
.petSummary ul{border-top: 1px dotted #999999;padding:0.5em 0;margin-top:0.5em}
.petSummary ul li{list-style:none outside none;padding:0;}
.petSummary ul li h4{font-weight: bold !important;color: #000 !important;}

/*TRT*/
/*PA-BCB*/
.personalAccidentPlan-selection>div{width:30%;min-height:150px;float:left;text-align:center;border: 2px solid #d6d6d6;border-radius: 5px;margin:0 1%;position:relative;cursor:pointer;}
.personalAccidentPlan-selection h2{padding-top:30px;}
.personalAccidentPlan-selection p{font-size:16px;}
.personalAccidentPlan-selection{width:100%;border: 2px solid #d7d7d7;border-radius: 5px;}
.personalAccidentPlan-selection table{width:100%;padding: 10px;}
.personalAccidentPlan-selection table th {padding: 0;border-left: 2px solid #d7d7d7;text-align:center;}
.personalAccidentPlan-selection table tbody td{padding: 20px 0;border-left: 2px solid #d7d7d7;text-align:center;}
.personalAccidentPlan-selection table th:first-child,
.personalAccidentPlan-selection table tbody td:first-child{width:50%;border-left:none;text-align:left;padding:10px 20px;box-sizing: border-box;}
.personalAccidentPlan-selection table tbody tr{border-top:2px solid #d7d7d7;border-bottom:2px solid #d7d7d7;}
.personalAccidentPlan-selection table tbody tr:last-child{border-bottom:none;}
.personalAccidentPlan-cta{background: #ae2e23;display: inline-block;padding: 5px 45px;color: #FFF;border-radius: 5px;}
.personalAccidentPlan-cta.selectedPlan{border:none !important;box-shadow:initial;-webkit-box-shadow:initial;-moz-box-shadow:initial;background:transparent;}
.personalAccidentPlan-cta:hover,.personalAccidentPlan-cta:visited,.personalAccidentPlan-cta:active,.personalAccidentPlan-cta:focus{color:#FFF;}

.personalAccidentPlan-hint{position:relative;}
.personalAccidentPlan-hint-content{position: absolute;top: 0;left: 20px;width: 200px;height: auto;background: #FFF;border: 2px solid #d7d7d7;font-size: 14px;line-height: 16px;color: #000;padding: 5px 10px;border-radius: 5px;display:none;}
.personalAccidentPlan-selection{background:#FFF;}
.personalAccidentPlan-selection .smallText{color: #a92d22;max-width: 50%;margin: 0 auto;font-size:14px;}
.personalAccidentPlan-selection div.selectedPlan .smallText{color:#FFF;}
.personalAccidentPlan-selection .selectedPlan h2{color:#FFF;}

.personalAccidentPlan-mobile-show {display: none}
.personalAccidentPlan-desktop-show { display: table-cell;}

.personalAccidentPlan-cta:hover, .personalAccidentPlan-cta:visited, .personalAccidentPlan-cta:active, .personalAccidentPlan-cta:focus {color: #000;}
.personalAccidentPlan-cta { background: #fff; color: #000; padding: 5px 0!important;}
.personalAccidentPlan-cta p { padding: 5px 36px; width:56px;}
.personalAccidentPlan-cta.selectedPlan{background: #ae2e23;color:#FFF;}
a.personalAccidentPlan-cta.selectedPlan.white { width: 100%;}
.personalAccidentPlan-cta.selectedPlan .btn-buy{background: #ae2e23;}

@media (max-width:767px) {
    .personalAccidentPlan-mobile-show {display: table-cell; text-align: center;}
    .personalAccidentPlan-selection table tbody td:nth-child(2) { border-left: none;}    
    .personalAccidentPlan-selection table tbody td:first-child{padding: 10px;text-align: center; position:relative;}
    .personalAccidentPlan-desktop-show {display: none;} 
    .personalAccidentPlan-cta p { padding: 0 40px;}
    .personalAccidentPlan-hint{position:static;}
    .personalAccidentPlan-hint-content { left:auto; top: auto;right:50%;margin-right:-110px;}
}
@media (max-width: 568px){
    .personalAccidentPlan-selection {max-width: 90%!important;}
    .personalAccidentPlan-cta {padding: 5px 15px;}
    .personalAccidentPlan-cta p { padding: 0 40px; }
}
@media (max-width:480px){
    .personalAccidentPlan-cta p { padding: 0;}
}
@media(max-width:768px){
 .personalAccidentPlan-selection>div{width:45%;min-height:200px;margin:2% 1.5%;}
 .personalAccidentPlan-selection h2{padding-top:50px;}
}

/*PA-BCB*/
.banca-content-container{margin-top:50px;}
.no-pageIntro{margin-top:50px;}
.preScreen-container.no-pageIntro ol { padding:0 10px 0 20px }
.clearFloat{clear:both}
.banca-yesno-btn,.preScreen-btn{font-weight:bold;color:#be0503;font-size:1em}
.banca-yesno-btn.no,.preScreen-btn.no{margin-left:15px}
.area-selection .area{ background:#FFF; width:20%; height:300px; 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}
.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:'pt_sansregular',Tahoma,Geneva,sans-serif;line-height: 100px;}
.plan-selection .planB p{font-family:'pt_sansregular',Tahoma,Geneva,sans-serif;line-height: 20px; padding-top:30px}
.plan-selection .planA,.plan-selection .planB{ float:left;border:2px solid #d6d6d6;border-radius:5px;width:48%; height:100px;text-align:center;}  
.plan-selection .planA,.plan-selection .planB{margin-left:2%;}
.plan-selection .planA{margin-left:0%}
.planNArea-note p:last-child{ width:90%; text-align:left; font-size:0.8em; }
.planNArea-note p:first-child{ padding-left:2%; float:none; font-size:0.8em;}
.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{ background:#ae2e23;color:#FFF}
.selectedArea{ background:#ae2e23!important;border:2px solid transparent !important;color:#FFF}

.pet-plan-selection>div{width:30%;min-height:150px;float:left;text-align:center;border: 2px solid #d6d6d6;border-radius: 5px;margin:0 1%;position:relative;cursor:pointer;}
.pet-plan-selection h2{padding-top:30px;}
.pet-plan-selection p{font-size:16px;}
.pet-plan-selection{width:100%;border: 2px solid #d7d7d7;border-radius: 5px;}
.pet-plan-selection table{width:100%;padding: 10px;}
.pet-plan-selection table th {padding: 0;border-left: 2px solid #d7d7d7;text-align:center;}
.pet-plan-selection table tbody td{padding: 20px 0;border-left: 2px solid #d7d7d7;text-align:center;}
.pet-plan-selection table th:first-child,
.pet-plan-selection table tbody td:first-child{width:50%;border-left:none;text-align:left;padding:10px 20px;box-sizing: border-box;}
.pet-plan-selection table tbody tr{border-top:2px solid #d7d7d7;border-bottom:2px solid #d7d7d7;}
.pet-plan-selection table tbody tr:last-child{border-bottom:none;}
.pet-plan-cta{background: #ae2e23;display: inline-block;padding: 5px 45px;color: #FFF;border-radius: 5px;}
.pet-plan-cta.selectedPlan{border:none !important;box-shadow:initial;-webkit-box-shadow:initial;-moz-box-shadow:initial;background:transparent;}
.pet-plan-cta:hover,.pet-plan-cta:visited,.pet-plan-cta:active,.pet-plan-cta:focus{color:#FFF;}
.pet-plan-hint{position:relative;}
.pet-plan-hint-content{position: absolute;top: 0;left: 20px;width: 200px;height: auto;background: #FFF;border: 2px solid #d7d7d7;font-size: 14px;line-height: 16px;color: #000;padding: 5px 10px;border-radius: 5px;display:none;}
.pet-plan-selection{background:#FFF;}
.pet-plan-selection .smallText{color: #a92d22;max-width: 50%;margin: 0 auto;font-size:14px;}
.pet-plan-selection div.selectedPlan .smallText{color:#FFF;}
.pet-recommend-plan{width:100%;position:absolute;top:0;left:0;z-index:2;background:#695e9e;color:#FFF;font-size:14px;line-height:14px;padding:5px 0 2px;border-top-left-radius:5px;border-top-right-radius:5px;}
.pet-plan-selection .selectedPlan h2{color:#FFF;}
.selectedPlan .pet-recommend-plan{display:none;}
.pet-plan-mobile-show {display: none}
.pet-plan-desktop-show { display: table-cell;}


.pet-plan-cta:hover, .pet-plan-cta:visited, .pet-plan-cta:active, .pet-plan-cta:focus {color: #000;}
.pet-plan-cta { background: #fff; color: #000; padding: 5px 0!important;}
.pet-plan-cta p { padding: 0 50px;width:42px;}
.pet-plan-cta.selectedPlan{background: #ae2e23;color:#FFF;}
a.pet-plan-cta.selectedPlan.white { width: 100%;}
.btn-buy { border-radius: 5px; padding: 3px 10px; color: #fff; background: #ae2e23;}
.pet-plan-cta.selectedPlan .btn-buy{background: #ae2e23;}

@media (max-width:767px) {
    .pet-plan-mobile-show {display: table-cell; text-align: center;}
    .pet-plan-selection table tbody td:nth-child(2) { border-left: none;}    
    .pet-plan-selection table tbody td:first-child{padding: 10px;text-align: center; position:relative;}
    .pet-plan-desktop-show {display: none;}    
    .pet-plan-hint{position:static;}
    .pet-plan-hint-content { left:auto; top: auto;right:50%;margin-right:-110px;}
    .pet-plan-cta p { padding: 0 40px;width:auto}
}

@media (max-width: 568px){
.pet-plan-selection {max-width: 90%!important;}
.pet-plan-cta {padding: 5px 15px;}
.pet-plan-cta p { padding: 0 40px;width:auto }
}

@media (max-width:480px){
    .pet-plan-cta p { padding: 0;width:auto}
}



@media(max-width:768px){
 .pet-plan-selection>div{width:45%;min-height:200px;margin:2% 1.5%;}
 .pet-plan-selection h2{padding-top:50px;}
}


/* Calendar Small Annual Pop out box */
td.ui-datepicker-week-end.date-range-selected,td.date-range-selected{position:relative}
.annualPopOut{position:absolute; margin:-135px 0 0 -50px;left:50%;width:100px;border-radius:5px;color:white !important;}
.annualPopOut h1{ font-size:0.6em; text-align:center; padding:10% 2%}
.annualPopOut{background:#ff0000}
.annualPopOut .promptTail{background:transparent url(/img/pet-prompt-tail-south.png) no-repeat;position:absolute;background-position:44px 0;width:100%;}
/*Promotion*/
.stickyPromo{width:150px;height:100px;background:red;position:fixed;right:0;bottom:71px;}
.promo-pdf{color:#be0503;}
.promotion-icon,.promotion-tnc-container{display:none}
.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;}

@media(max-width:1200px){
 .area-selection .area{font-size:0.8em}  
}
@media(max-width:1000px){
li.width25 label{width:25% !important}
li.width25 label[for=Malaysian]{margin-left:3%}
}
@media (max-width: 830px){li.width25 label{width:25% !important}}
/*#######################*/
/*#######################*/
/*######RESPONSIVE#######*/
/*#######################*/
/*#######################*/
@media (max-width: 768px){
  .u-mobhide{display:none;}
  .u-mobshow{display:block;}
  .moreInfo iframe {width: 100%;min-height: 300px;}
  li.petLocation input[name=propertyAddressLine1]{margin-bottom:0;}
  .main-container .main form#msform fieldset#prescreen{width: 90%;margin: 0 auto;position: static}
  
  .otherBreed-content-container {max-width: 300px;max-height:200px;}
  .otherBreed-content{max-height:200px;}
  
    /*.game-banner{padding-bottom:50px;}*/
    .game-banner{padding-bottom:20px;}
    .game-banner img {background: url(/_template/campaign/img/ci-quiz_title-mobile.png) no-repeat;background-size: cover;background-position: center;padding:200px 5% 0;box-sizing:border-box;width: 100%;max-width: 300px; height:100% !important;}
    .guessGame-container{height:100%;background: url(/_template/campaign/img/bg.jpg) no-repeat;background-size: cover;background-position: center;padding:20px 5% 0;box-sizing:border-box;}
    .guessGame-question-container{max-width:300px;width:100%;margin:0 auto;}
    .guessGame-question-container img{width:70%;}
    .guessGame-answer{max-width:300px;width:100%;padding:15px 0;}
    .guessGame-content h5{font-size:32px;}
    .guessGame-content h4{font-size:24px;}
    .gameintro-header1{display:none !important;}
    .gameintro-header2{display:block !important;}
}
@media (max-width: 744px){
  .stickyPromo{bottom:50px;}    
  .annualPopOut{margin:-95px 0 0 -50px} 
  .annualPopOut h1 {font-size: 0.9em;} 
  .no-pageIntro{padding:20px;}
  .area-selection .area { width: 44%; margin-left: 2%; height: 180px; margin-top: 2%;}
  li.width25 label{width:28% !important}
  li.width25 label[for=Malaysian]{margin-left:0%}
  /*Msig FAQ drop down css*/
  .faq-title-display{width:100%;margin-bottom:0;}
  .faq-title-display h5{font-size:18px;}
  .faq-drop-down-container{width:100%;margin-top:0;margin-bottom:20px;font-size:14px;line-height:30px;}
  /*end*/
}
@media (max-width:568px) {
  .annualPopOut{margin:-95px 0 0 -50px} 
  .area-selection .area{height:160px}
  .area-map{margin-top:0px;height:185px;background-size:95%;}
  #msform fieldset{padding-bottom:50px}
  
  .default-starburst{width:50px;height:50px;right:-64px;top:10px;}
  .default-starburst p{width:50px;margin:-14px 0 0 0;font-size:1em;line-height:16px}
}
@media(max-width:480px){ 
  .annualPopOut{margin:-95px 0 0 -50px}
  .plan-selection .planB{margin-left:1%}
  label[for=photo]{width:100% !important}
  label.addBenefit-label-halfWidth{width:90% !important}
  .upload_photo_container{left:50%} 
  li.width25 label{width:25% !important}
}

/*Pet,Wed,TRT end here*/
/*--Crop Image--*/
.content-form{position:relative;display:inline-block;height:355px;}
.upload_photo_description { position: absolute; right: 0; bottom: 0; width: 50%; background: yellow; text-align: center;}
.browse_btn {
  width:142px;
  height:51px;
  position: absolute;
  right:0px;
  bottom: -16px;
  cursor: pointer;
  opacity: 0;
  display:none;
  filter: alpha(opacity=0);
}
a.browse_btn_design{margin-top:80px;display:block;color:#be0503;font-weight:bold;padding: 80px 0 90px 0; margin-top: 0; outline: 0; margin-top:0;}
a.browse_btn_design:hover{color:#be0503}
.preview-container{position:absolute;top:0;z-index:-1;}
.no_picture{ position: absolute; top:0; left:0;color:#000;background:#ebebeb;width:100%;height:auto}
.upload_done{display:none}
.uploaded_img_container{ width:200px;height:200px; position: relative;overflow: hidden}
.upload_photo_container{position:relative;left:50px;top:50px;width:200px;height:200px;border:1px solid #AAAAAA;text-align: center;}
.uploaded_img2 img,.uploaded_img img{ position: absolute; text-align: center; }
.cropControls,.crop_img,.uploadimageform{display: none;}
.cropped_img2,.cropped_img{max-width:initial;}
img.cropped_img2,img.cropped_img{max-width:none }
.zoom_in{ position: absolute;right:-25px;top:50%;margin-top:-25px }
.zoom_out{ left:-25px;  position: absolute;  top:50%; margin-top:-25px }
.upload_icon{ position:absolute; top:15px; left:55px }
.reupload_icon, .zoom_in, .zoom_out{width:25px}
.max_size{width:100px;height:20px;font-size:12px;color:#999999;font-weight: 600;position: absolute;bottom:15px;left:55px;}
.reupload_icon2,.reupload_icon{position: absolute;top:-20px;right:-20px;}
.photo_description_container{width:460px;height:300px;float:left;position: relative;top:34px;left:111px;}
.photo_description_container textarea{ resize: none; height: 100px;}
.photo_caption_example{  color:white;line-height: 15px;margin-top:10px;font-size:12px;}
.fb_caption,.photo_caption{width:460px;height:81px;  padding-bottom:50px;padding-left:10px;text-align: left;background-color: rgba(0,0,0,0.1);border: 2px solid white;font-family:'pt_sansregular',Tahoma,Geneva,sans-serif;  color:white;}
@media(max-width:400px){.upload_photo_container{left:50px}}
/*Pet,Wedding,TravelRightplus Ended*/
/*Banca*/
nav #naviTrigger.naviProduct{background:#f3f3f3}
.navi-product-container,.moreProduct-container,.mp-drop-down-container{display:none}
.navBottom-client{display:none}
#personalDetails .formFamilyRadioBtns li label[for=formFamilyRelationship],#personalDetails .formFamilyRadioBtns li label[for=formFamilyCitizenship]{ display:none }
/* Client end here */
/* CSS crunched with Crunch - http://crunchapp.net/ */
.borderbox{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.boldText{font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.box-shadow{-webkit-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);}
.transparent{zoom:1;filter:alpha(opacity=50);opacity:0.2;}
.solid{zoom:1;filter:alpha(opacity=100);opacity:1;}
html{min-height:100%;position:relative;color:#222;}
button,input,select,textarea{color:#222;}
textarea:focus,input:focus,select:focus{outline:0;}
body{font-size:1.0em;line-height:1.4;font-family:'pt_sansregular',Tahoma,Geneva,sans-serif;height:100%;background:#fff;overflow-x: hidden;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
img{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
h1{font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;font-size:1.2em;line-height:1.2em;margin:0;padding:0;}
h2{font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;font-size:1em;line-height:1.2em;margin:0;padding:0;font-weight:normal;color:#333;}
p{line-height:1.3em;margin:0 0 0.5em;padding:0;}
a:link{text-decoration:none;}
.boxCheck a:visited{color:#0000EE;}
a:hover{color:#a80c07;}
/*Privacy Notice*/
a.ppda-cta{color:rgb(0, 0, 238);text-decoration:underline;font-weight:bold;}
/**/
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.bodyWrapper{position:relative;}
.moreInfo{display:none;text-align:left;margin-top:25px;}.moreInfo .productTable{min-width:100%;background:#F2F2F2;margin:1em 0;border-bottom:1px solid #b7b7b7;border-top:1px solid #b7b7b7;}.moreInfo .productTable thead{color:#000;}.moreInfo .productTable thead th{text-align:center;}.moreInfo .productTable thead th:first-child{text-align:left;}
.moreInfo .productTable tbody{color:#333;}.moreInfo .productTable tbody tr.benefitTitle{font-weight:bold;background:#E5E5E5;}
.moreInfo .productTable th,.moreInfo .productTable td{padding:0.2em 0.4em;}
.moreInfo .productSmallPrint{background:#F2F2F2;border-top:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}.moreInfo .productSmallPrint h1{display:block;background:#EBEBEB;font-size:1em;color:#000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.4em;}
.moreInfo .productSmallPrint ul{list-style:none;padding:0.2em 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;}.moreInfo .productSmallPrint ul li{padding:0.2em 0.4em;border-top:1px dotted #b7b7b7;}.moreInfo .productSmallPrint ul li a{padding:0 0 0 1.5em;}
.moreInfo .productSmallPrint ul li .pdfDownload{background:url('/img/icon-pdf-s.png') no-repeat left top;color:#e22026; text-decoration:underline;}
.moreInfo .productSmallPrint ul li .emailPdf{background:url('/img/icon-email.gif') no-repeat left top;}
.moreInfo .productSmallPrint ul li:first-child{border-top:none;}
.btnMoreLess{color:#BE0503;font-weight:normal;background:url('/img/arrow-accordian.png') no-repeat right 6px transparent;padding:0 1.5em 0 0;font-size:1.1em;}
.btnMoreLess:after{content:'';}
.btnMoreLess.openInfo{background-position:right -10px;}
.btnCloseWindow{ color: #BE0503; font-size: 13px; display: block; margin: 15px 0; }
.btnCloseWindow:hover { text-decoration:underline; }
.wrapper{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 4%;}

#msform fieldset ul li.destination{ position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.destination .label{ font-size: 0.8em; width: 30%; float: left; margin-top: 9px; }
@media (min-width:744px){ .destination .label{ font-size: 1em; float:left; } }
.destination input{ position: absolute; }
label[for=typeDestination1], label[for=typeDestination2]{ width: 70px; }
.destination .alert{ display: block; margin-top: 85px; clear: both; color: red; font-size: 0.8em;
font-style: italic; }
.destination .field-content{ float: left; }
#msform fieldset ul li.destination label{ width: auto; margin-right: 10px; clear:left; }
.pageIntro.destination-title{ margin-top: 50px; }
@media (min-width:744px){ #msform fieldset .form-gst{ width: 435px; margin: 0 auto; } }



@media (min-width:744px){.wrapper{padding:0 2%;}}
.main-container{margin:50px 0;}
.contentBox{-webkit-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3%;background:#ffffff;position:relative;margin:3px 0 10px 0;}@media (min-width:744px){.contentBox{padding:2%;}}
.contentBox a{color:#e22026!important;}
.contentBox strong{display:block;}
.contentBox menu,.contentBox ol,.contentBox ul{padding:0 0 0 1em;}
.contentBox .moreInfo{display:none;}.contentBox .moreInfo a.pdfDownload{background:url('/img/icon-pdf-s.png') no-repeat left top;margin:0 0 10px;padding:0 0 0 25px;}
.msigFooterInfo {font-size: 0.8em;line-height: 1.4em;text-align: center;}
.flexslider article{padding:0 10px;}.flexslider article ul#product-list{padding:0;margin:10px 0 0;list-style:none;}.flexslider article ul#product-list li{-webkit-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;float:left;margin:0 0 10px 0;padding:3%;width:49%;}
.flexslider article ul#product-list li:nth-child(2n+1){margin:0 2% 10px 0;}
.intro img,.products img{display:block;margin:20px auto;}
.intro p.footNote,.products p.footNote{text-transform:uppercase;font-size:12px;text-align:center;}
p.snapCover{display:block;margin:10px auto;text-align:center;width:200px;}p.snapCover span{display:block;float:left;margin:4px;}
p.snapCover img{margin:0px;}
.button{font-weight:bold;font-size:0.9em;padding:5px 10px;color:#be0503;}
.button.alignRight{font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.button.deSelected{zoom:1;filter:alpha(opacity=50);opacity:0.2;cursor:default;}
.nextArrow .deSelected{zoom:1;filter:alpha(opacity=50);opacity:0.2;cursor:default;}
.btnContainer{text-align:center;}
header{margin:20px 0 20px 0;}header figure{background:url('/img/logo-msig-s.png') no-repeat top left;width:45px;height:19px;left:10px;position:absolute;top:70px;}
header div{display:block;text-align:center;}
header span{position:absolute;right:10px;top:70px;font-size:0.8em;line-height:1.8em;}
ul.accordianStack{padding:0;margin:0;list-style:none;}ul.accordianStack li{margin:0 0 8px 0;position:relative;}ul.accordianStack li .summaryContainer{width:90%;display:block;}
ul.accordianStack li h4{font-weight:normal;color:#999;font-size:1em;margin:0;}
ul.accordianStack li strong{display:block;font-size:1.2em;color:#e40000;}
.furtherInfo{display:none;}
.btnfurtherInfo{position:absolute;top:15px;right:10px;}
.checkBox{font-size:0.75em;margin:1em 1em;}
#msform .subTitle{margin:0;padding:0;}#msform .subTitle li{display:none;}#msform .subTitle li h2{line-height:1.2em;}
#msform .subTitle li.active{display:block;}
#msform fieldset{min-height: 20em;display:none;position:absolute;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}#msform fieldset .ui-datepicker{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100% !important;padding:0;position:relative;}
#msform fieldset .hasDatepicker{height:17em;overflow: auto;}

/* wj - original css, but changed width to 45% */
#msform fieldset ul{padding:0;margin:0;list-style:none;}#msform fieldset ul li{margin:0 0 10px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 2%;}@media (min-width:744px){#msform fieldset ul li{}}#msform fieldset ul li label{display:block;font-size:0.8em;position:relative;width:30%;float:left;margin-top:4px;padding-top:5px;}

/*Zawa Code*/
#msform fieldset ul li label[for=Malaysian],#msform fieldset ul li label[for=Non-Malaysian]{width:auto}
@media(max-width:400px){
  #msform fieldset ul li label[for=Malaysian]{width:20%}
  #msform fieldset ul li label[for=Non-Malaysian]{width:35%}
}
/**/
#msform fieldset ul li input,#msform fieldset ul li textarea,#msform fieldset ul li select{width:70%;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;border:1px solid #AAAAAA;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 8px 3px;font-family:'pt_sansregular',Tahoma,Geneva,sans-serif;font-size:0.8em;color:#333333;background-color:#ebebeb;}
#msform fieldset ul li select{width:100px;margin:0 0.5em 0 0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;background:#ebebeb url('/img/selectArrow.png') no-repeat 98% 60%;}
#msform fieldset ul li select#staffRelationship{width:70%}
#msform fieldset ul li select::-ms-expand{display:none} /*For IE Default select arrow */
#msform fieldset ul li select#relationship{width:70%;margin:0;background:#ebebeb url('/img/selectArrow.png') no-repeat 98% 60%;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
#msform select.disabledInput{background-color:#b5d6e7}
#msform fieldset ul li input[type='radio']{width:auto;margin:0 0.2em 0 0;vertical-align:middle;}
#msform fieldset .familyMember,#msform fieldset .addFamily{display:none;margin:1em 0 0;}
#msform fieldset .addFamily{margin:1em 0;}#msform fieldset .addFamily ul.addFamilyTabs li{display:block;float:left;text-align:center;background:#fff;width:50%;margin:0;padding:1em 0;}#msform fieldset .addFamily ul.addFamilyTabs li a{display:block;}
#msform fieldset .addFamily ul.addFamilyTabs li label{display:inline-block;font-size:0.8em;text-transform:uppercase;}
#msform fieldset .addFamily ul.formMalaysian,#msform fieldset .addFamily ul.formNonMalaysian{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.5em;background:#fff;display:none;}
#msform fieldset .addFamily ul.formMalaysian.active,#msform fieldset .addFamily ul.formNonMalaysian.active{display:block;}
#msform fieldset .addFamily .familyPerson .btnDelete{float:right;}
#msform fieldset ul li span.labelDesc{display:block;float:left;margin:10px 0 10px 30%;font-size:0.8em;font-family:'pt_sansitalic',Tahoma,Geneva,sans-serif;}
#msform fieldset:first-of-type{display:block;}
input#nric,input#certNumber,input#contact{width:55% !important;}
input#mobile{width:55% !important;}
input.inputNric{width:55% !important;}
ul.namesEntered{margin:0;padding:0;list-style:none;}ul.namesEntered li{width:100%;background:#C6C6C6;display:block;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}ul.namesEntered li span.deleteName{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;float:right;padding:0 9px;background:#fff;cursor:pointer;}
.roundWrapperContent{margin:20px 0 !important;}.roundWrapperContent h4{font-size:1.1em;text-align:center;margin:10px 0;}
.roundWrapperContent .roundBorderWrapper{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.5em !important;background:#ebebeb;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;border:1px solid #AAAAAA;}.roundWrapperContent .roundBorderWrapper input,.roundWrapperContent .roundBorderWrapper textarea{background-color:#d9d9d9 !important;}
.facebookLogin{display:none;}.facebookLogin .fbLoginBg{position:absolute;background:#000;opacity:0.8;top:0;bottom:0;left:0;right:0;z-index:9999;}
.facebookLogin .fbLoginContainer{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:none repeat scroll 0 0 #FFFFFF;margin:2%;padding:1.5em 0.5em;position:absolute;text-align:center;top:30%;width:96%;zoom:1;filter:alpha(opacity=100);opacity:1;z-index:9999;}.facebookLogin .fbLoginContainer span{display:block;position:absolute;top:0.5em;right:0.5em;cursor:pointer;}
.facebookLogin .fbLoginContainer img{width:100%;}
.footnote{font-size:0.8em;line-height:1.4em;margin:0 0 10px;}
.price{color:#999999;font-size:1.4em;position:absolute;right:10px;top:6px;}
.arrowMore{position:absolute;right:5%;top:10px;background:url(/img/arrow-accordian.png) 0 0 no-repeat scroll transparent;display:block;width:11px;height:15px;}
.planSummary .arrowMore {background: url("/img/arrow-accordian-l.png") no-repeat scroll 0 0 transparent; height: 30px; text-shadow: none;width: 22px;}
.errorMsg{color:#ff0000;font-size:.8em;line-height:1.5em;margin:5px 0 0;display:none;}
.placeholder{color:#B9B9B9;}
.displayCertNumber{font-size:2.5em;text-align:center;text-shadow:none;}
.alignLeft{float:left;display:block;}
.alignRight{float:right;display:block;}
ul.summaryFamily{list-style:none outside none;padding:0;}ul.summaryFamily li{border-bottom:1px solid #999;}
.assistTip{display:block;font-size:1em;margin:5px 0 0 10px;padding:0px;text-shadow:none;float:left;position:relative;}
.assistPopUp{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:none repeat scroll 0 0 #FFFFFF;font-size:0.8em;padding:5px;text-shadow:none;width:180px;-webkit-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);display:none;}
.assistTip:hover+.assistPopUp{display:block;}

#formsClaim .assistTip {
float: none;
margin-top: -10px;
margin-bottom: 10px;
}

#formsClaim .minusPad{padding:0;}
#formsClaim .cvc{margin-right: 0;width: 100%; top: -110px !important;width: 200px;left: 0;}
#formsClaim .cvc p {float: none;padding-bottom: 0;left: 0; width:auto;}
#formsClaim .cvc span.promptTail {right: 190px;left: 10%;background: url("/img/prompt-tail-south.png") no-repeat scroll left top rgba(0, 0, 0, 0);top: 33px;}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{display:none;}
.pageIntro{text-align:center;font-size:1em;margin:20px 0px;}.pageIntro p{color:#333;}
.pageIntro>p{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 3%;}
p.product-writeup{-moz-box-sizing:initial;-webkit-box-sizing:initial;box-sizing:initial;}
.pageIntro a.btnMoreLess:hover {text-decoration:underline;}
li.lossDesc textarea{width:100% !important;height:80px;}
.navBottom{background:none repeat scroll 0 0 #CFCFCF;border-top:1px solid #C6C6C6;bottom:0;left:0;right:0;height:50px;position:fixed;width:100%;margin:0;z-index:2001;}.navBottom ul{position:relative;width:100%;padding:0;margin:0;list-style:none;}
.navBottom li{margin:6px 0 0 0!important;position:relative;}
.navBottom li a span{cursor:pointer;}
.navBottom li.prevArrow{padding:0 !important;}
.navBottom li.prevArrow a{width:40px;height:40px;margin:0px 0px 0px 0px;}.navBottom li.prevArrow a.ir span{background:url(/img/arrowEdit.png) no-repeat left bottom transparent; position:absolute;top:0;left:0;padding-left:35px;line-height:32px;}
.navBottom li.nextArrow{padding:0 !important;position:relative;}
.navBottom li.nextArrow a{width:40px;height:40px;margin:0px 0px 0px 0px;}.navBottom li.nextArrow a.ir span{background: url("/img/arrowEdit.png") no-repeat scroll right -2px rgba(0, 0, 0, 0);position:absolute;top:0;right:0;padding-right:35px;line-height:32px;}
.navBottom li.smallLogo a.ir{background:transparent url(/img/logo-msig-s.png) no-repeat top right;width:105px;height:24px;position:absolute;top:5px;left:50%;margin-left:-52px;}
ul.shareFren{list-style:none;margin:25px 0;padding:0;}ul.shareFren ul{list-style:none;margin:0;padding:0;width:100%;text-align:center;}
ul.shareFren li{position:relative;margin:0 1%;}ul.shareFren li strong{font-size:0.9em;font-weight:bold;color:#333333;}
ul.shareFren ul.contactContent li{display:inline-block;font-size:0.8em;}ul.shareFren ul.contactContent li a{display:block;padding-left:20px;color:#be0503;}
ul.shareFren ul.contactContent li a.iconFacebook{background:url(/img/icon-facebook.png) no-repeat 0% 20% transparent;}
ul.shareFren ul.contactContent li a.emailUs{background:url(/img/icon-email.png) no-repeat 0% 20% transparent;}
ul.shareFren ul.contactContent li a.phoneContact{background:url(/img/icon-call.png) no-repeat 0% 20% transparent;padding-left:16px;}
ul.shareFren p{text-align:center;margin:30px 0 50px;font-weight:bold;font-size:0.9em;}
ul.needToKnow{padding:0 0 0 15px;}ul.needToKnow li{list-style-image:url(/img/li-arrow.png);}
@media (min-width:768px){.needToKnowBR{display:none;}}
.splash img{display:block;margin:20px auto;}
.centerCta{margin:20px 0;display:block;text-align:center;}
.paymentTitle img{margin:0px 5px 5px 5px;}
li.cardNumber{position:relative;}
span.cardIcon{margin-left:-35px;}
.marginBottom100{margin-bottom:100px !important;}
.clearMargin{margin:0 !important;}
.textAlignCenter{text-align:center;display:block;}
.faqContentBox>li{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;border-color:#666;
  background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
.faqContentBox>li strong{padding:0 0;}
.faqContentBox>li h4{font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;color:#333333 !important;margin-top:15px !important;}
.faqContentBox>li .summaryContainer{width:100% !important;}
.faqContentBox>li .summaryContainer strong{cursor:pointer;}
.faqContentBox>li .furtherInfo{border-top:1px dotted #959595;padding:0 0 15px;margin-top:10px;}
.faqContentBox>li .furtherInfo a{color:#e22026 !important;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.faqContentBox>li .furtherInfo a.downloadPDFcta{background:transparent url(/img/icon-pdf-s.png) 0 0 no-repeat;padding-left:21px;}
.faqContentBox>li .arrowMore{margin-top:2% !important;cursor:pointer;}
.pageIntroAlignLeft{text-align:left;font-size:1em;margin:20px 0px;}.pageIntroAlignLeft strong.titleBold{color:#333;margin:10px 0;display:block;}
.pageIntroAlignLeft p{color:#333;margin-bottom:15px;}

.bigContentBox>li{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;border-color:#666;background:#ffffff;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ededed), color-stop(1, #ffffff));background:-ms-linear-gradient(bottom, #ededed, #ffffff);background:-moz-linear-gradient(center bottom, #ededed 0%, #ffffff 100%);background:-o-linear-gradient(#ffffff, #ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);}.bigContentBox>li span{color:#666666;display:block;font-size:0.8em;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.bigContentBox>li strong{padding:5px 0;color:#333333;}
.bigContentBox>li h4{font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;color:#333333 !important;margin-top:15px !important;}
.bigContentBox>li .summaryContainer{width:100% !important;}
.bigContentBox>li .furtherInfo{border-top:1px dotted #959595;padding:0 0 15px;margin-top:15px;}
.bigContentBox>li .furtherInfo a{color:#3366cc;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.bigContentBox>li .furtherInfo a.downloadPDFcta{background:transparent url(/img/icon-pdf-s.png) 0 0 no-repeat;padding-left:21px;}
.bigContentBox>li .furtherInfo strong{display:inline;font-size:1em;padding:0px;}
.bigContentBox>li .furtherInfo li{list-style:disc outside;}
.bigContentBox>li .furtherInfo li:first-child{list-style:none;margin-left:-16px;}
.bigContentBox>li .arrowMore{position:static;top:0;left:0;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.aboutPage h1{text-align:center;margin-top:15px;}
.aboutPage .pageIntroAlignLeft ul{padding:0 0 0 15px;color:#666;}
.aboutPage .pageIntroAlignLeft li{margin:20px 0;}
.aboutPage .pageIntroAlignLeft a{color:#880000;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.about-client a{color:#e22026 !important;}
strong.italicText{font-family:'pt_sansitalic',Tahoma,Geneva,sans-serif;display:inline;}
.logoRegular{background:url(/img/TIE-Notice-Page.png) no-repeat scroll center center transparent;width:100%;height:162px;position:relative; background-size:190px 95px}.logoRegular .animFlex{position:absolute;bottom:0;right:10%;}
.logo{width:100%;height:162px;position:relative;}
.logoSports{background:transparent url(/img/logo-takeItEasy-sport-m.png) no-repeat center center;width:100%;height:162px;position:relative;}
.logoTravel{background:transparent url(/img/logo-takeItEasy-travel-m.png) no-repeat center center;width:100%;height:162px;position:relative;}
.logoSportsTravel{background:transparent url(/img/logo-takeItEasy-sportTravel-m.png) no-repeat center center;width:100%;height:162px;position:relative;}
.logoThanks{background:transparent url(/img/logo-takeItEasy-thanks-m.png) no-repeat center center;width:100%;height:235px;position:relative;}.logoThanks .animFlex{position:absolute;bottom:0;right:10%;}
.char-waiting{width:100%;height:235px;position:relative;text-align:center;}.char-waiting .animFlex{margin:0 auto;width:130px;}
.charUpgrade{background:transparent url(/img/char-upgrade-m.png) no-repeat center center;width:100%;height:163px;position:relative;}
.animUpgrade{text-align:center;}
.char-error{width:100%;height:235px;position:relative;text-align:center;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 8%, #000000 16%, #000000 83%, rgba(0, 0, 0, 0.6) 92%, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(8%, rgba(0, 0, 0, 0.6)), color-stop(16%, #000000), color-stop(83%, #000000), color-stop(92%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 8%, #000000 16%, #000000 83%, rgba(0, 0, 0, 0.6) 92%, rgba(0, 0, 0, 0) 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 8%, #000000 16%, #000000 83%, rgba(0, 0, 0, 0.6) 92%, rgba(0, 0, 0, 0) 100%);background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 8%, #000000 16%, #000000 83%, rgba(0, 0, 0, 0.6) 92%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.6) 8%, #000000 16%, #000000 83%, rgba(0, 0, 0, 0.6) 92%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);}.char-error .animFlex{margin:50px auto 0 auto;width:130px;}
.product-animation{margin:0 auto;}
.intro-animation{left: 85px !important;margin: 0 auto;top: 65px !important;}
.error-animation{top: 50px !important; margin:0 auto;}
.thank-you-animation {margin:0 auto; left: 110px !important;top: 100px !important;}
.waiting-animation{margin:0 auto;top: 40px !important;}
.payment-successful-animation{margin:0 auto; left: 80px !important;}
.payment-fail-animation{margin:0 auto; top: 50px !important;}
.upgrade-animation{margin:0 auto;}

.standard-chartered .intro-animation{left: 139px !important;margin: 0 auto;top: 55px !important;}}

#contentBlocker{background:rgba(255, 255, 255, 0.8);top:113px;bottom:0;z-index:100;width:100%;left:0;position:absolute;display:none;}
.registration .main{width:100%;}
.rmSign{font-weight:bold;font-family:'pt_sansregular',Tahoma,Geneva,sans-serif;padding:0 0 0 0.3em;}
.iconHelp .ir{cursor:pointer;display:block;float:right;background:transparent url(/img/help-icon-s.png) no-repeat center center;width:25px;height:25px;margin-right:5px;}
.summaryFooter li{padding:0 2%;}
.iconLock{margin:0 6px 5px;}
input#cardExpire{width:160px !important;float:left;}
input#cardCVC{width:75px !important;float:left;}
label[for=typeNonMsian1]{width:85px !important;}
label[for=description]{width:100% !important;margin-bottom:10px;}
input[for=placeholder]{color:#999;font-style:italic;}
.flex-direction-nav a{display:none !important;}
.navBottom .onlyLogo li.smallLogo a.ir{margin-left:0px;left:2%;}
.navBottom .onlyLogo .sitePath{float:right;margin:10px 2% 0 0!important;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;font-size:0.8em;display:block;}.navBottom .onlyLogo .sitePath a{color:#666;}
.navBottom .onlyLogo .sitePath a:hover{color:#333;}
.clickViewBtn{display:none;}
.swipeViewBtn{display:block;}
.moreInfo .dotList li{list-style-type:disc;}
.moreInfo .dotList li:first-child{list-style-type:none;margin-left:-1em;}
strong.italicStrong{font-style:italic;}
.tableCategoryTitle{border-bottom:1px solid #b7b7b7;background-color:#e5e5e5 !important;}
.subAgeTitle{display:block; font-size:0.8em;}
.tableSubTitle{font-weight:bold;color:#333;}
.productTable tr{border-bottom:1px dotted #b7b7b7;}
.borderTopSolid{border-top:1px solid #b7b7b7;}
.priceRight{padding: 0.2em 5% 0.2em 0.4em !important;text-align: right;}
.priceCenter{text-align: center;}
.col2, .col3 {width: 20%;}
.helpContent{width:310px;position:absolute;right:2%;top:-5px;}.helpContent span.promptTail{background:transparent url(/img/prompt-tail-north.png) no-repeat top right;width:100%;height:7px;position:relative;top:-14px;right:5px;display:block;}
.whilePrompt{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:101;padding:0.5em;border:1px solid #cbcbcb !important;background:#ffffff;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));background:-ms-linear-gradient(bottom, #eeeeee, #ffffff);background:-moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);background:-o-linear-gradient(#ffffff, #eeeeee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}.whilePrompt h1{font-size:0.9em;font-weight:normal;padding:0;margin:0.5em 0 ;}
.whilePrompt a{display:block;float:right;}
.whilePrompt ul{margin:10px 0 0 10px !important;list-style:none;}.whilePrompt ul li{margin:0 !important;font-size:0.8em;padding:0 0 0 1em;text-indent:-0.8em;color:#666666;}
.whilePrompt ul li:before{content:'\00BB \0020';}
.cvc{width:310px;position:absolute;right:0;top:-180px;margin-right:-18px;}.cvc p{width:140px;float:left;padding-bottom:40px;}
.cvc .icon-cvc{background:transparent url(/img/icon-cvc.png) no-repeat top right !important;width:136px;height:96px;float:right;}
.cvc span.promptTail{background:transparent url(/img/prompt-tail-south.png) no-repeat top right;width:100%;height:7px;position:relative;top:129px;right:60px;display:block;}
.cardType{width:28px;height:18px;margin:-24px 15px 0 0;position:absolute;display:block;right:3%; z-index:100;}
.visaCard{background:transparent url(/img/logoVisa_s.png) no-repeat top right;}
.masterCard{background:transparent url(/img/logoMaster_s.png) no-repeat top right;}
.tickArea{width: 260px;margin: 0 auto 5em auto;}.tickArea .pointingArrow{background:transparent url(/img/pointing-arrow.png) no-repeat top left;width:34px;height:30px;float:left;margin-top:-20px;}
.error{border:1px solid #cc0000 !important;}
.layerNavi{bottom:0;position:fixed;text-shadow:none;top:0;width:100%;z-index:100;right:0;}
nav{color:#DDDDDD;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:right;width:100%;}nav a{color:#ffffff;}
nav #naviTrigger{text-shadow:none;height:50px;text-align:center;}nav #naviTrigger a{color:#333333;display:block;float:right;font-size:1.5em;font-weight:bold;position:relative;right:10px;text-decoration:none;top:10px; z-index:10;}
nav #naviTrigger img{left:0;margin:0.5em;position:absolute;display:none;}
nav #naviTrigger a.homeLink{float:left;left:10px;right:auto;}
nav #naviBody{background:#870204;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3MDIwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E1MDMwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNDAwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background:-moz-linear-gradient(top, #870204 0%, #a50306 50%, #c40003 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #870204), color-stop(50%, #a50306), color-stop(100%, #c40003));background:-webkit-linear-gradient(top, #870204 0%, #a50306 50%, #c40003 100%);background:-o-linear-gradient(top, #870204 0%, #a50306 50%, #c40003 100%);background:-ms-linear-gradient(top, #870204 0%, #a50306 50%, #c40003 100%);background:linear-gradient(to bottom, #870204 0%, #a50306 50%, #c40003 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#870204', endColorstr='#c40003', GradientType=0);
  -webkit-box-shadow:inset 10px 0px 8px 0px rgba(0, 0, 0, 0.2);box-shadow:inset 10px 0px 8px 0px rgba(0, 0, 0, 0.2);
  overflow-x:hidden;position:fixed;right:0;top:0;z-index:9999;width:90%;height:100%;display:none; bottom:0;}
@media (min-width:992px){nav #naviBody{width:300px;}}
nav #naviTop{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 30px 10px 10px;}nav #naviTop img{width:40px;height:auto;float:left;margin:0 10px 0 0;}
nav #naviTop p{line-height:auto;font-size:0.8em;float:left;margin:0;line-height:1.2em;}nav #naviTop p strong{display:block;}
nav #naviTop a{color:#FFFFFF;display:block;float:right;font-size:1.5em;font-weight:bold;text-decoration:none;}
nav #naviTop a.fbprofile{float:none;}
nav #naviTop p.notLogged,nav #naviTop p.loggedOn{display:none;}nav #naviTop p.notLogged a,nav #naviTop p.loggedOn a{font-size:1em;font-weight:normal;text-decoration:underline;margin:0 0 0 0.5em;}
nav ul{padding:0;margin:0 0 10px 0;text-align:right;}nav ul a{text-decoration:none;color:#FFF;display:block;line-height:3em;}
@media (min-width:992px){nav ul{line-height:1em;font-size:0.8em;}}
nav ul#main-nav{margin:0;}nav ul#main-nav strong{font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;font-weight:normal;}
nav ul#main-nav li{border-bottom:1px solid #800000;border-top:1px solid #A02020;padding:0 35px 0 0;}
nav ul#main-nav a:hover,nav ul#main-nav a.active{background:#b72020;color:#FFFFFF;}
nav ul#main-nav a.iconFb{background:url('/img/icon-facebook.png') no-repeat right center transparent;padding-right:20px;}
nav ul#main-nav a.iconMail{background:url('/img/icon-email.png') no-repeat right center transparent;padding-right:20px;}
nav ul#main-nav a.iconPhone{background:url('/img/icon-call.png') no-repeat right center transparent;padding-right:20px;}
nav ul#main-nav li:hover{background:#b72020;}
nav ul#main-nav li:last-child:hover { background: none; }

nav ul#main-nav p{font-size:0.8em;padding:1em 0.5em 1em 0;}
.productLabel{background:#f3f3f3;border-bottom:1px solid #c7c7c7;padding:0.3em 0.2em;}.productLabel ul{padding:0;margin:0.2em 0 0 3em;list-style:none;}.productLabel ul li{display:block;float:left;min-width:1em;padding:0 0 0 1.3em;text-align:left;margin:0 0 0 0.5em;}.productLabel ul li span{color:#be0503;font-weight:bold;}
.productLabel ul li.productPrice {padding: 0;}
.productLabel ul .productDays{background:url('/img/iconCalendar.png') no-repeat left 3px transparent;}
.productLabel ul .productPeople{background:url('/img/iconPerson.png') no-repeat left 3px transparent;}
.productLabel ul .productUpgrade{background:url('/img/iconUpgrade.png') no-repeat left 3px transparent;}
.productLabel ul .travelPlan{margin-left: 0px !important; padding:0 0 0 0.3em;}
.naviContent{background:url('/img/logo-takeItEasy-s.png') no-repeat 0.2em center #f3f3f3;height:75px !important;margin:0 0 1em;}
.naviContentAbout{background:url('/img/logo-msig.png') no-repeat 0.2em center #f3f3f3;height:75px !important;margin:0 0 1em;}
.naviProduct img{left:0;margin:0.5em;position:absolute;display:none;}
#msform fieldset a.triggerAddFamily{display:block;float:right;font-weight:bold;padding:0.3em 0;text-align:center;margin:0 0 8em;color:#be0503;}
.formFamily h3{text-align:center;font-size:1em;margin:0 0 1em 0;}
.formFamily a.deleteMember{float:right;color:#cc0000;display:block;width:40px;height:40px;}
.formFamily .formFamilyRadioBtns li{padding:0 !important;}
.formFamily .formMalaysian,.formFamily .formNonMalaysian{display:none;}
.planSummary{margin:0 0 1em 0;}.planSummary li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;padding:0.5em 1em;background:none repeat scroll 0 0 #ebebeb;}.planSummary li strong{color:#333;}
.planSummary li h4{color:#595959;}
.planSummary li div h4{color:#666666;}
.planSummary li div ul.summaryFamily{border-top:1px dotted #999999;margin:0.5em 0 0;padding:0.5em 0 0;}.planSummary li div ul.summaryFamily li{margin:0;padding:0;border:none;border-radius:none;}
.planSummary li div ul.summaryFamily li:first-child{font-weight:bold;}
.planSummary .totalCost{background:#0086ed;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODZlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ3ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #0086ed 0%, #0047e2 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #0086ed), color-stop(100%, #0047e2));background:-webkit-linear-gradient(top, #0086ed 0%, #0047e2 100%);background:-o-linear-gradient(top, #0086ed 0%, #0047e2 100%);background:-ms-linear-gradient(top, #0086ed 0%, #0047e2 100%);background:linear-gradient(to bottom, #0086ed 0%, #0047e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0086ed', endColorstr='#0047e2', GradientType=0);}.planSummary .totalCost ul{padding:0;margin:0;list-style:none;}.planSummary .totalCost ul li{color:#ffffff;border-radius:0;background:transparent;display:block;padding:0;}.planSummary .totalCost ul li span{float:right;}
.planSummary .totalCost ul li a{color:#ffffff;text-decoration:underline;}
.planSummary .totalCost ul .summaryDiscount,.planSummary .totalCost ul .summaryStamp{font-size:1em;}
.planSummary .totalCost ul .summaryDiscount .staffPromoNote{font-size:0.85em;display:inline;float:none;}
.planSummary .totalCost ul .summaryTotal{font-weight:bold;font-size:1.2em;}
#mmpSummaryWrapper .planSummary .totalCost ul li { padding: 0 !important; }
ul.listDetail{margin:1em 0 !important;}ul.listDetail li{margin:0 !important;padding:0 0 0 1em;text-indent:-0.8em;}
ul.listDetail li:before{content:'\2022 \0020';}
.arrowMore.openInfo{background-position:0 bottom;}
input[type="checkbox"]+label{background:url(/img/check-select.png) 0% 0% no-repeat scroll transparent;clear:none;cursor:pointer;display:table-cell;font-size:1em;height:30px;margin:0px;vertical-align:middle;padding:0 0 0 40px;}
input[type="checkbox"]:disabled+label{background:url(/img/check-select-disabled.png) 0% 0% no-repeat scroll transparent;clear:none;cursor:pointer;display:table-cell;font-size:1em;height:30px;margin:0px;vertical-align:middle;padding:0 0 0 40px;}
input[type="checkbox"]{opacity:0;float:left;width:0px;margin:0 0 0 -1em;}
input[type="checkbox"].checked+label, input[type="checkbox"]:checked+label {background-position:0% -50px;}
/*input[type="checkbox"].checked+label[for="boxCheckH"] li, input[type="checkbox"]:checked+label[for="boxCheckH"] li{color:#666;}*/
input[type="radio"]+label{background:url(/img/dot-select.png) 0% 0% no-repeat scroll transparent;clear:none;cursor:pointer;display:table-cell;font-size:1em;height:30px;margin:0px;vertical-align:middle;padding:0 0 0 30px;}
input[type="radio"]{opacity:0;float:left;width:0px;}
input[type="radio"].checked+label, input[type="radio"]:checked+label{background-position:0% -100px;}
.active{display:block !important;}
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*
 *   Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel .owl-rtl {
  direction: rtl;
}
.owl-carousel .owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *   Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/*
 *   Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }/* end of owl2 */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{ float: left; }
.owl-controls .owl-page,.owl-controls .owl-nav div{ cursor: pointer; }
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { cursor:url('../img/grabbing.png') 8 8, move; }
.owl-prev { width: 110px;
height: 130px;
margin: -100px 0 0;
display: block;
background: url(/img/flexslider-arrow.png) no-repeat 0 0;
position: fixed;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
-webkit-transition: all .3s ease;
opacity: 0;
left: 50px; }
.owl-next { width: 110px;
height: 130px;
margin: -100px 0 0;
display: block;
background: url(/img/flexslider-arrow.png) no-repeat 0 0;
position: fixed;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
-webkit-transition: all .3s ease;
opacity: 0;
right: 50px;
background-position: 100% 0; }

.owl-nav { padding: 0; list-style: none; width: 84%; display:none; }
.owl-carousel:hover .owl-next { opacity: 0.8; }
.owl-carousel:hover .owl-prev { opacity: 0.8; }
.owl-controls .owl-nav .disabled { opacity: 0!important; cursor: default;}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -webkit-perspective:1000;
}
.owl-dot span { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.2); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.2); }
.owl-dots { padding: 20px 0 10px; text-align: center; width: 100%; margin: 0; height: 20px; position: absolute; top:-30px; padding:0; z-index:1;}
.owl-dot.active span { background: #000; background: rgba(139,0,0,0.9); cursor: default; }
.owl-dot { margin: 0 6px; display: inline-block !important; zoom: 1; }
.bigContentBox h4{margin:0;}
.bigContentBox .moreInfo{border-top:1px dotted #959595;paddi ng:0 0 15px;}.bigContentBox .moreInfo strong{display:inline !important;font-size:inherit !important;}
.bigContentBox .moreInfo p{margin:0.5em 0 0;overflow-wrap:break-word;}
.nominations .moreInfo strong{color:#333333 !important;}
.pageIntroAlign{position:relative;}
/*.nominations .pageIntroAlign h1{margin:25px 0 35px 0;}*/
.nominations .note{font-size:0.8em;margin:10px 0;float:left;}
a.nominateLink { display: inline-block;position: absolute;right: 0;text-decoration: none;top: 40%;}
a.nominatePdfLink { display: inline-block;/*position: absolute*/;right: 0;text-decoration: none;top: 70%;color:#fff !important;}
.border{border-top:1px dotted #fff;padding:0.8em 0 0 0 !important;}
.iconPdf{background: url("/img/icon-pdf-s.png") no-repeat scroll left top rgba(0, 0, 0, 0); padding:0 0 0 1.2em;}
.promptOverlay{zoom:1;filter:alpha(opacity=50);opacity:0.2;background:#000000;width:100%;position:absolute;top:0;bottom:0;z-index:999;position:fixed;}
.promptMsg{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);padding:3%;position:fixed;z-index:9999;background:#ffffff;margin:0 10%;top:25%;}
@media (min-width:320px) and (max-width:744px){
    .promptMsg.promptMinDaysMsg{ padding:5%;width:70%;margin-left:15%;}
}
@media (min-width:744px) and (max-width:768px){
    .promptMsg.promptMinDaysMsg{ padding:5%;margin-left:20%;}
}
@media screen and (min-width:448px) and (max-width:815px){
    .promptMsg.promptMinDaysMsg{ padding:5%;margin-left:30%;width:40%;}
}
@media only screen and (min-width: 775px) and (max-width: 1022px){
  .promptMsg{ margin:0 35% }
}
.cancel-btn, .ok-btn, .ok-noted-btn { text-align:right; font-weight:bold; color:#BE0503;float: right;}
.ok-noted-btn {display:block;}
.promptMsg a {display: block; font-weight: bold; text-align: right; text-decoration: none;color:#BE0503;}
.errorMsgContainer{z-index: 2002;position:fixed;bottom:3em;right:1em;width:90%;color:#ffffff;-webkit-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:1em;background:#870204;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3MDIwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E1MDMwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNDAwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #870204 0%, #a50306 50%, #c40003 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #870204), color-stop(50%, #a50306), color-stop(100%, #c40003));background:-webkit-linear-gradient(top, #870204 0%, #a50306 50%, #c40003 100%);background:-o-linear-gradient(top, #870204 0%, #a50306 50%, #c40003 100%);background:-ms-linear-gradient(top, #870204 0%, #a50306 50%, #c40003 100%);background:linear-gradient(to bottom, #870204 0%, #a50306 50%, #c40003 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#870204', endColorstr='#c40003', GradientType=0);}
.errorMsgContainer ul{padding:0;margin:0;list-style:none;}
.errorMsgContainer ul li:before{content:"\00bb";}
.errorMsgContainer a{display:block;text-align:right;color:#ffffff;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.errorMsgContainer:after{border-color:#c40003 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);border-style:solid;border-width:8px;bottom:-0.9em;content:"";position:absolute;right:1em;}

.tncContainer{bottom:30%;font-size:0.8em;height:67%;margin:1em;padding:4%;position:fixed;overflow:auto}
.tncContainer .tncBox{height:94%;margin:0 0 1em;overflow:auto;position:relative;}
.tncContainer a{color:#880000;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;}
.tncContainer .fadeLayer{background:url("/img/blur.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);bottom:30px;display:none;height:50px;position:absolute;width:90%;}
.tncContainer:after{border-color:#eeeeee rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);border-style:solid;border-width:8px;bottom:-1.27em;content:"";position:absolute;right:8em;}
.tncContainer.whilePrompt ul{ margin: 10px 0; padding: 0; }
.tncContainer.whilePrompt ul li{ margin: 5px 0; }
.tncContainer.whilePrompt a{ margin-top: 6px; }

.groupLogo{background:url("/img/logo-msad.png") top left no-repeat;display:block;width:240px;height:18px;margin:30px auto 50px;}
@media only screen and (min-width:744px){.popout-content{width:700px;height:440px;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:url('/msigonline/img/GrabPromo_Window.png') no-repeat;background-size: cover;background-position: bottom;padding:20px 5% 0;box-sizing:border-box;}.mmp-popout-content{width:780px;height:320px;padding:20px;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:101;background:url('/shop-com/img/MMPLaunch_Banner.png') no-repeat;background-size: cover;background-position: bottom;padding:20px 5% 0;box-sizing:border-box;}body{font-size:1.1em;line-height:1.6 !important;} .main{margin-bottom:100px;} .wrapper{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10%;} .logoRegular{background:transparent url(/img/TIE-Notice-Page.png) no-repeat center center;width:100%;height:210px;background-size:290px 150px;}.logoRegular .animFlex{margin:0 auto; padding: 100px 0 0 170px;position:static;} .logo{width:100%;height:210px;} .logoSports{background:transparent url(/img/logo-takeItEasy-sport-l.png) no-repeat center center;width:100%;height:210px;} .logoTravel{background:transparent url(/img/logo-takeItEasy-travel-l.png) no-repeat center center;width:100%;height:210px;} .logoSportsTravel{background:transparent url(/img/logo-takeItEasy-sportTravel-l.png) no-repeat center center;width:100%;height:210px;} .logoThanks{background:transparent url(/img/logo-takeItEasy-thanks-l.png) no-repeat center center;width:100%;height:420px;position:relative;}.logoThanks .animFlex{position:absolute;bottom:0;right:10%;} .char-waiting{width:100%;height:420px;margin-top:50px;}.char-waiting .animFlex{width:300px;} .charUpgrade{background:transparent url(/img/char-upgrade-l.png) no-repeat center center;width:100%;height:220px;margin-top:50px;} .char-error{width:100%;height:420px;margin-top:50px;text-align:center;}.char-error .animFlex{width:250px;margin:100px auto 0 auto;}

.intro-animation{top: 85px !important; left:110px !important; }
.error-animation{top: 80px !important;}
.thank-you-animation {top: 70px !important;}
.waiting-animation{top:0 !important;}
.payment-successful-animation{margin:0 auto; left:150px !important;}
.payment-fail-animation{top:0 !important;}
.productLabel ul .travelPlan{padding: 0;}

#msform fieldset{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10%;} 
#msform fieldset ul li label{font-size:0.9em;margin-top:9px !important;} 
/*Zawa Code*/
#msform fieldset ul li .additional-plan label{margin-top:0 !important;}
fieldset#risk ul li table.listOfVehicle td.vehicle-td-checkbox label{margin-top:0px !important}
/**/
#msform fieldset ul li input,#msform fieldset ul li textarea,#msform fieldset ul li select{font-size:1em;} li.dateLoss input{width:125px !important;} .navBottom li.nextArrow a.ir span{background: url("/img/arrowEdit.png") no-repeat scroll right 15px rgba(0, 0, 0, 0);padding:23px 45px;margin-top:-18px;display:block;} .navBottom li.prevArrow a.ir span{background: url("/img/arrowEdit.png") no-repeat scroll left -32px rgba(0, 0, 0, 0);padding:23px 45px;margin-top:-18px;display:block;} .navBottom{height:70px;} .navBottom li{margin:15px 0 0 0 !important;} .navBottom li.smallLogo a.ir{background:transparent url(/img/logo-msig-l.png) no-repeat top right;width:155px;height:35px;top:2px;margin-left:-77px;} .sitePath{font-size:1em !important;} #msform fieldset#calendar,#msform fieldset#personalDetails{padding:0;} .registration #msform fieldset .hasDatepicker{height:27em;padding:25px 13% 0;} .ui-datepicker-month,.ui-datepicker-year{font-size:1.6em;font-family:'pt_sansbold',Tahoma,Geneva,sans-serif;} .ui-datepicker table{font-size:1.7em !important;} .productLabel ul .productDays{background:transparent url(/img/iconCalendar-l.png) no-repeat top left;} .productLabel ul .productPeople{background:transparent url(/img/iconPerson-l.png) no-repeat top left;} .productLabel ul .productUpgrade{background:transparent url(/img/iconUpgrade-l.png) no-repeat top left;} .productLabel ul li{padding:0 0 0 2.2em;} .productLabel ul li span{font-size:1.1em;margin-top:5px;display:block;float:left;line-height:1.4em;} .productLabel ul li{margin:0 0 0 1.8em;} .rmSign{font-size:1em;margin:3px 0 0 5px;display:block;float:left;} .productLabel>ul>li{margin:7px;} .iconHelp .ir{background:transparent url(/img/help-icon-l.png) no-repeat center center;width:48px;height:48px;} #personalDetails .wrapper{padding:0 22% 10% 22%;} .button{font-size:1em;} .assistTip{display:inline-block;margin:10px 10px 0;float:left;clear:none;} .assistPopUp{float:left;margin-left:10px;}

#formsClaim .cvc {margin-right: 0; top: -160px !important;}
#formsClaim .cvc span.promptTail {top: 39px;}

label[for=typeNonMsian1]{width:30% !important;} .ui-datepicker td a{background:url('/img/calendarUnselect-l.png') no-repeat center center transparent;} .date-range-selected a,.ui-datepicker-current-day a{background:url('/img/calendarSelect-l.png') no-repeat center center transparent;} input#nric,input#certNumber,input#contact{width:190px !important;} input#mobile{width:190px !important;} input.inputNric{width:190px !important;} #msform fieldset ul li label{padding-top:0;} .cardType{width:39px;height:25px;margin:-30px 15px 0 0 !important;right:13%;} .visaCard{background:transparent url(/img/logoVisa_l.png) no-repeat top right;} .masterCard{background:transparent url(/img/logoMaster_l.png) no-repeat top right;} .cvc{top:-195px;} .cvc span.promptTail{top:144px;} .tickArea{width:290px;position:absolute;left:50%;margin-left:-145px;} .arrowMore{top:25px;} .errorMsgContainer{width:400px;} .fadeLayer{display:none !important;} .tncContainer{height:56%;} .tncContainer:after{border-width:0;} .faqContentBox>li .arrowMore{margin-top:3% !important;top:0;cursor:pointer;} #msform fieldset ul li span.labelDesc{margin:10px 0 10px 0%;}}@media only screen and (min-width:992px){
  .owl-nav { display:block; }
.cardType{right:22%;}  
.wrapper{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 22%;} #msform fieldset{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20%;} .navBottom li.nextArrow a.ir span{background: url("/img/arrowEdit.png") no-repeat scroll right 5px rgba(0, 0, 0, 0);padding:13px 50px;margin-top:-7px;display:block;} .navBottom li.prevArrow a.ir span{background: url("/img/arrowEdit.png") no-repeat scroll left -41px rgba(0, 0, 0, 0);padding:13px 50px;margin-top:-7px;display:block;} .flex-direction-nav a{display:block !important;} .clickViewBtn{display:block;} .swipeViewBtn{display:none;} .promptMsg{width:370px;margin:0 -185px !important;left:50%;} .tncContainer{width:900px;left:50%;margin-left:-450px;height:63%;}}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
.hidden{display:none !important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.clearfix.lastRow{padding-bottom: 15px; !important}
.hideInMobile{display:block !important;}
.hideInTablet{display:none !important;}
.hideInDesktop{display:block !important;}
.mobileOnly{display:none !important;}
.tabletOnly{display:block !important;}
.desktopOnly{display:none !important;}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}

.tooltip-icon{
    width: 12px; 
    height: 12px;
    margin-left: 5px; 
    display: inline-block;
}

.tooltip-icon:hover{
    cursor: pointer; 
}

.tooltip-panel{
    background: lightgrey;
    max-width:370px;width:100%;
    left:50%;
    top: 25%;
    transform: translateX(-50%); 
    margin-right:-50%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);
    box-shadow:0px 0px 3px rgba(50, 50, 50, 0.75);
    padding:2%;
    position:fixed;
    z-index:9999;
    background:#ffffff;
}

@media(max-width:380px){
 .tooltip-panel{width:90%;}   
}


.tooltip-panel-title{
    font-size: 15px; 
    font-weight: bold; 
    margin-top: 12px; 
}

.tooltip-panel-desc{
    font-size: 14px; 
    margin-top: 12px; 
    margin-bottom: 12px; 
}

.tooltip-ok{
    padding: 8px 16px; 
    color: black; 
    display: block; 
    width: 20px; 
    
    display: block; 
    font-weight: bold; 
    text-align: right; 
    text-decoration: none;
    float: right;
    color:#BE0503;
}

.tooltip-ok:hover{
    cursor: pointer;
}

/*add style*/
.helpContent.whilePrompt.clearfix h1 {
    font-family: 'pt_sansregular',Tahoma,Geneva,sans-serif;
}

ul.needToKnow li a {
    color: blue;
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
    padding:0 5px;
}

.pushIn{padding-left:15px !important}
.borderTop{ border-top:1px solid #FFF; padding-top:15px !important }


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

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

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

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

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

/*add css*/
.planSummary .totalCost ul li p {
    width: 40vw;
    display: inline-block;
}

.specialLimitedPopup-panel {
    max-width: 370px;
    width: 100%;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
    margin-right: -50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
    padding: 2%;
    position: fixed;
    z-index: 9999;
    background: #ffffff;
}

.specialLimitedPopup-panel-desc {
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.specialLimitedPopup-ok {
    padding: 8px 16px;
    width: 20px;
    display: block;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    float: right;
    color: #BE0503;
    cursor: pointer;
}

@media (max-width: 380px){
.specialLimitedPopup-panel {
    width: 90%;
}
}

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

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

.planSummary .totalCost ul .summaryTotal{
    font-size: 1em;
}
}

.ewallet li input#wallet + label{
    position: absolute;
    border: 1px solid black;
    border-radius: 5px;
    background: url(/img/boost.png) 0% 0% no-repeat scroll transparent;
    background-size: 70px 70px;
    clear:none;
    cursor:pointer;
    font-size:1em;
    height:30px;
    margin:0px;
    vertical-align:middle;
    padding:100px 15px 0 45px;
    display:table-cell;
    background-position:50% 30%;
}

.ewallet li input#wallet:checked + label{
    border-color: #3bc4cc;
    background-position:50% 30%;
}
#msform fieldset ul li label[for=wallet]{width: 70px; margin-left: 40%;}
@media(max-width:800px){
#msform fieldset ul li label[for=wallet]{width: 100px; margin-left: 35%;}
}
@media(max-width:480px){
#msform fieldset ul li label[for=wallet]{width: 100px; margin-left: 0px;}
.ewallet li input#wallet + label{
    padding:100px 0px 0 59px;
    background-position:50% 30%;
}
.ewallet li input#wallet:checked + label{
    border-color: #3bc4cc;
    background-position:50% 30%;
}
}
.ewallet-width{
    width: 100px!important;
}
/*Planselection-zr*/
#msform .motorplus-section .dropdown-dim:invalid, #msform .motorNewNCDPage .dropdown-dim:invalid{
    /*color : #CCCCCC !important;*/
}
.fpxNotice {
    font-size: 12px;
    line-height: 1.4;
}

.motorcycle .moreInfo p.contentStyle2{
    text-align: left;
}

label[for="promoCode"] {
  font-weight: bold;
  font-size: 0.9em;
}

#promoCode.mmpPromoCode {
  width: 50%;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 3px;
  border: 1px solid gray;
}

#promoCode.nonMmpPromoCode {
  width: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 8px 8px 3px;
  font-family: "pt_sansregular";
  border: 1px solid gray;
  margin: 3px 0 0 0;
}

#applyPromoCode.mmpApplyPromoCode {
  float: right;
  border-radius: 5px;
  color: white;
  width: 35%;
  font-weight: normal;
  font-size: 0.9em;
  text-align: center;
  margin: 5px 0px 0px 0px;
  cursor: pointer;
  text-decoration: none;
}

#applyPromoCode.nonMmpApplyPromoCode {
  float: right;
  border-radius: 5px;
  color: white;
  width: 20%;
  font-weight: normal;
  font-size: 0.9em;
  text-align: center;
  margin: 0px 10px 0px 10px;
  cursor: pointer;
}

/*MYS-2023-1196 - Birthday Promo Code*/
.input-container {
    position: relative;
    display: inline-block;
    width: 75%;
}

.invalid-pos {
    right: 30px !important;
}

.close-button {
    position: absolute;
    right: 10px;
    top: 60%;
    transform: translateY(-55%);
    cursor: pointer;
    padding: 5px;
    font-size: 20px;
}

 .showClearBtn {
    display: block !important;
}

.travel-insurance-new .input-container .disabled {
    pointer-events: none;
    background-color: #D2D0E0;
    border: none;
}
/*MYS-2023-1196 - Birthday Promo Code end*/

@media(max-width:470px){
    #applyPromoCode.nonMmpApplyPromoCode {
      margin: -35px 10px 0px 10px;
    }
    #promoCodeWarning{
        position:absolute;
        margin-top:8%;
        margin-left:-69%;
    }
}
@media(max-width:412px){#promoCodeWarning{margin-top:9%;}}
@media(max-width:375px){#promoCodeWarning{margin-top:10%;}}
@media(max-width:326px){#promoCodeWarning{margin-top:11%;}}
@media(max-width:300px){#promoCodeWarning{margin-top:12%;margin-left:-67%;}}

@media(min-width:670px) and (max-width:780px){
    .mmpNavigationBtn{
        right: -70px !important;
    }
}


.clearfix.pageIntro.wrapper h1.newThankYouH1 {
    font-size: 44px;
    font-family: pt_sansbold;
    color: #1b1464;
    line-height: 1.3;
}


.clearfix.pageIntro.wrapper p.newThankYouP{
    margin-top: 15px;
    font-family: pt_sansregular;
    font-size: 18px;
    line-height: 1.28;
    color: #000000;
}

.newBackToHomeBtnContainer a.newBackToHome {
    font-family: pt_sansbold;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: center;
    
}

.newBackToHomeBtnContainer{
    border-radius: 10px;
    border: solid 2px #e11f27;
    background-color: #e11f27;
    width: 164px;
    height: 48px;
}

.newEnquiry{
    font-family: NeoSansStd-Regular;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.24px;
    color: #000000;
}

.newCertNumber{
    font-size: 24px;
}

/*bnm caution banner*/
.popout-caution-container{
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 999;
    display: block;
    background-color:#03AAE7;
    color:#fff;
    padding:0.5em 0 0.5em 0;
}

.popout-caution-container2{
    width: 100%;
    left: 0;
    z-index: 999;
    display: block;
    background-color:#03AAE7;
    color:#fff;
    padding:0.5em 0 0.5em 0;
}
.popout-caution-container a, .popout-caution-container2 a{
    color:white;
    text-decoration:underline;
}

.sticky-top-container{
    padding:0 1em 0 1em;
}

.popout-caution-container .popout-close{
    color:#fff;
}
@media (min-width:769px){
.sticky-top-container{
    padding:0 100px 0 100px;
    
}
.popout-caution-container2 .popout-close{
    color:#fff;
    right:75px;
}
}
.travel-insurance-new .ml-4,
.travel-insurance-new .mx-4 {
  margin-left: 1.5rem !important;
}

.summaryCommission{
    border-top: 1px solid #FFF;
    padding: 0.8em 0 0 0 !important;
}



/*input[type="checkbox"]:disabled+label#boxCheck, #mmpSummaryWrapper input[type="checkbox"]+label#boxCheck{*/
#mmpSummaryWrapper label[for=boxCheck-bank-negara]{
    margin-bottom: 0;
    display:block;
}
/* sl comment
@media(max-width:780px){
    #mmpSummaryWrapper #boxCheck-bank-negara{
        width: 10% !important;
        height: 70px !important;
    }
    
     #mmpSummaryWrapper label[for=boxCheck-bank-negara]{
        margin-bottom: 20px;
    }

}
@media(max-width:767px){
    #mmpSummaryWrapper #boxCheck-bank-negara{
        width: 22% !important;
        height: 35px !important;
    }
*/
/*input[type="checkbox"]:disabled+label#boxCheck, #mmpSummaryWrapper input[type="checkbox"]+label#boxCheck{*/
    #mmpSummaryWrapper label[for=boxCheck-bank-negara]{
        margin-bottom: 0;
    }
}
@media(max-width:425px){
    /*input[type="checkbox"]:disabled+label#boxCheck, #mmpSummaryWrapper input[type="checkbox"]+label#boxCheck{*/
    #mmpSummaryWrapper label[for=boxCheck-bank-negara]{
        margin-bottom: 70px;
    }
}

@media(max-width:420px){
    /*input[type="checkbox"]:disabled+label#boxCheck, #mmpSummaryWrapper input[type="checkbox"]+label#boxCheck{*/
    #mmpSummaryWrapper label[for=boxCheck-bank-negara]{
        margin-bottom: 100px;
    }
}

@media(max-width:320px){
    /*input[type="checkbox"]:disabled+label#boxCheck, #mmpSummaryWrapper input[type="checkbox"]+label#boxCheck{*/
    #mmpSummaryWrapper label[for=boxCheck-bank-negara]{
        margin-bottom: 160px;
    }
}

/* new travel domestic mini pa inbound*/
/*
.minipa-landingPage .banner.variant-product-page .banner-bg img.d-none.d-md-block{
    object-fit: fill;
}
*/
/* end new travel domestic mini pa inbound*/

/* new travel domestic inbound*/

a.client-logo img {
    height: 70px;
    width: auto;
}

.autocomplete-suggestions.newFlowPostcode {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0;
}

.autocomplete-suggestions.newFlowPostcode .autocomplete-suggestion{
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-bottom-color: #1b1464;
}

.autocomplete-suggestions.newFlowPostcode .autocomplete-suggestion strong{
    font-weight: normal;
}
.autocomplete-suggestions.newFlowPostcode{
    border:none;
}
.autocomplete-suggestions.newFlowPostcode .autocomplete-suggestion:last-child {
    border-bottom: none;
}
.autocomplete-suggestions.newFlowPostcode .autocomplete-suggestion.autocomplete-selected{
    background: #1b1464;
}

.domestic-scroll-smooth{
    scroll-behavior: smooth;
}

.travelright-domestic .fontSize16px{
    font-size:16px !important;
}

main.travel-insurance-new.travelright-domestic{
    min-height: calc(100vh - 66px);
    background-color: #e7e7ef;
}

.travelright-domestic .wizard-section-4 .sticky-top{
    padding-right: 0 !important;
}

.travelright-domestic .form-control.alertError.error:focus,
.travelright-domestic .variant-date-picker .form-control.alertError.error input:focus,
.travelright-domestic .form-control.error:focus{
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}
.travelright-domestic {
    font-size: 1em !important;
    line-height: 1.4 !important;
    font-family: "pt_sansregular",Tahoma,Geneva,sans-serif !important;
}
.travelright-domestic.domestic-landingPage #about,
.travelright-domestic.domestic-landingPage #our-products{
    margin-top: -1.5%;
}

.travelright-domestic.domestic-landingPage td.tableSubTitle.sectionDesc.travel-detail-desktop-show.sectionTitle {
    cursor: pointer;
}

.travelright-domestic.domestic-landingPage h1,
.travelright-domestic.domestic-landingPage h2,
.travelright-domestic.domestic-landingPage h3,
.travelright-domestic.domestic-landingPage h4,
.travelright-domestic.domestic-landingPage h5,
.travelright-domestic.domestic-landingPage h6,
.travelright-domestic.domestic-landingPage .h1,
.travelright-domestic.domestic-landingPage .h2,
.travelright-domestic.domestic-landingPage .h3,
.travelright-domestic.domestic-landingPage .h4,
.travelright-domestic.domestic-landingPage .h5,
.travelright-domestic.domestic-landingPage .h6
{
    font-family: "PT Sans", "pt_sansbold", Tahoma, Geneva, sans-serif !important;
    line-height: 1 !important;
}

.travelright-domestic h1,
.travelright-domestic h2,
.travelright-domestic h3,
.travelright-domestic h4,
.travelright-domestic h5,
.travelright-domestic h6,
.travelright-domestic .h1,
.travelright-domestic .h2,
.travelright-domestic .h3,
.travelright-domestic .h4,
.travelright-domestic .h5,
.travelright-domestic .h6
{
    font-family: "pt_sansregular",Tahoma,Geneva,sans-serif !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
.travelright-domestic h1, .travelright-domestic .h1 {
    font-size: 2.75rem !important;
}
.travelright-domestic h2, .travelright-domestic .h2 {
    font-size: 1.5rem !important;
}

.travel-insurance-new span.product-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.travel-insurance-new .nav-wrapper .breadcrumb-wrapper .breadcrumb .dropdown-container .dropdown-menu a.dropdown-item{
    word-wrap: break-word;
    height:auto;
    white-space: normal;
}

.travelright-domestic .travel-detail-desktop-show span.material-icons.upArrow {
    display:none;
}

.travel-insurance-new .travelDomesticBannerBackgroundGrey {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(94,98,138,0.5);
}
.travelright-domestic .TravelDomesticHeaderIcon{
    filter: brightness(0) invert(1);
}
.travelright-domestic .add-onSpan{
    font-weight: normal;
}
.travelright-domestic td.withoutOptional {
    background-color: #FFF0F2;
    border: 1px solid #D3D3D3;
    width: 19%;
     font-weight: bold;
}

.travelright-domestic td.premiumTitle2 {
    background: #1B1464;
    color: #fff;
    padding: 2%;
    font-weight: bold;
    border: 1px solid #D3D3D3;
}
.travelright-domestic .sectionTitle{
    color:#000;
}
.travelright-domestic .tableSubTitle{
    color:#000;
}
.travelright-domestic td.withOptional {
    background-color: #E11F27;
    color: #FFF;
    border: 1px solid #D3D3D3;
    width: 19%;
    font-weight: bold;
}

.travelright-domestic th.premiumTitle {
    background-color: #FFF0F2;
    padding: 2% 8%;
    text-align: center;
    width: 38%;
    border: 1px solid #D3D3D3;
}
.travelright-domestic td.peroidOfInsurance{
    padding: 2%;
    background: #FFF;
    font-weight: bold;
    border: 1px solid #D3D3D3;
}
.travelright-domestic table.tarvelDomesticPremiumTable{
    width:100%;
}
.travelright-domestic tr.noBorderLine{
  border-top:none;
}
.travelright-domestic td.premiumTitle2NoBorder{
    border-top:none;
    border-bottom:none;
}
.travelright-domestic table.travel-domestic-benefits-table{
    width:100%;
}
.travelright-domestic td.sectionDesc {
    background: #e7e7ef;
    padding: 1% 2%;
    border: none;
    border-top: none;
    border-bottom: none;
    width: 60%;
}
.travelright-domestic td.domesticPrice {
    background: #FFF0F2;
    padding: 1% 2%;
    border: none;
    border-top: none;
    border-bottom: none;
}

.travelright-domestic th.benefitTitle {
    padding: 1% 2%;
}
.travelright-domestic th.domesticTitle {
    text-align: center;
}
.travelright-domestic tr.domesticBenefitTableTitle{
    background: #1B1464;
    color: #fff;
    padding: 2%;
    font-weight: bold;
    border: 1px solid #D3D3D3;
}
.travelright-domestic .benefit-table-section2,
.travelright-domestic .benefit-table-section1{
    display:none;
}
.travelright-domestic span.material-icons.section1Arrow {
    float: right;
    top: 0;
    font-weight: 900;
    color: rgba(27, 20, 100, 1);
}
.travelright-domestic span.material-icons.section2Arrow {
    float: right;
    top: 0;
    font-weight: 900;
    color: rgba(27, 20, 100, 1);
}
.travelright-domestic div.dividerWhite {
        background-color: #FFF;
}
.travelright-domestic td.summaryTableLeft {
    width: 65px;
    vertical-align: baseline;
}
.travelright-domestic td.summaryTableRight {
    width: auto;
}
.travelright-domestic #summaryCoveragePlanRow{
      white-space: pre-line;
}
.travelright-domestic .flag-recommended {
    color: #FFF;
    background: #e11f27;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
}
.travelright-domestic div.box.hiddenRadius {
   border-radius: 0 0 0.625rem 0.625rem;
}
.travelright-domestic svg.icon.icon-m.tick-mark.secondTick {
    top: 0;
    position: absolute;
    margin-left: -21px;
}
/*sinliang added 18/11/2020 because chg to matrial */
.travelright-domestic span.material-icons.tick-mark.white.secondTick {
    top: 0;
    position: absolute;
    margin-left: -21px;
}
.travelright-domestic .summaryTableBody{
    padding-bottom:10px;
}
.travelright-domestic .wizard-section-2 .selection-infobox{
    color:#000;
}
.travelright-domestic .wizard-section-2 .col-12.col-lg-8 {
    max-width: none;
    flex: none;
}
.travelright-domestic .deductMarginLeft{
    margin-left: -1.5rem;
}
.travelright-domestic .travelDomesticNenefitPlantable .list.variant-icon .row-match-height{
        min-height:unset;
}
.travel-insurance-new .form-group.variant-date-picker .vdp-datepicker__calendar{
    z-index:2500;
}

/*sinliang added 18/11/2020 because chg to matrial */
.travelright-domestic span.material-icons.tick-mark.white.secondTick {
    top: 0;
    position: absolute;
    margin-left: -21px;
}
.travelright-domestic .TnCCheckBoxContainer{
    position: relative;
    display: block;
    margin-top: 20px;
}
.travelright-domestic .TnCCheckBoxContainer .form-check-input[type=checkbox]:checked + .form-check-label::before {
    margin-left: -21px;
}
.travelright-domestic .TnCCheckBoxContainer .form-check-input[type=checkbox] + .form-check-label::before{
    margin-left: -21px;
}
.travelright-domestic .nmCountryContainer{
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}
.travelright-domestic .noMalaysianRadio{
   white-space: nowrap;
}
.travelright-domestic .domcHeader{
    height:inherit;
}
@media(min-width: 600px) {
    .travelright-domestic .domcHeaderWord{
        position: relative;
        top: 40%;
    }
}
.travelright-domestic .summary-pane{
    background-color:transparent;
    position: sticky;
    transform: translateY(0);
    top:0;
    z-index:1020;
    max-height:fit-content;
    height:auto;
    min-height:auto;
    left:0;
    width:100%;
    transition: .6s ease;
}
.travelright-domestic .step-indicator .tick-mark{
    color:#fff;
}
.travelright-domestic .agreement_tick{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}
.travelright-domestic .deductMarginLeft .material-icons.tick-mark{
    padding-right: 5%;
}
.travelright-domestic .custom-rounded-checked .tick-mark.my-2{
    color: #fff;
    font-size: 25pt;
    vertical-align: middle;
}
.travelright-domestic .domesticPlanDesc{
    width:70%;
}
.travelright-domestic .travelDomesticNenefitPlantable{
    border-top: 1px solid #fff;
}
.travelright-domestic .vdp-datepicker__calendar .cell.selected{
    background: #1B1464;
    color: #fff;
}
/*
.travelright-domestic input[data-traveldomestic-family].error::placeholder{
    color:#FF0000;
}
.travelright-domestic input[data-traveldomestic-family].error::-webkit-input-placeholder{
    color:#FF0000;
}
.travelright-domestic input[data-traveldomestic-family].error::-moz-placeholder{
    color:#FF0000;
}
.travelright-domestic input[data-traveldomestic-family].error::-ms-placeholder{
    color:#FF0000;
}
*/
.travelright-domestic .RMTag{
    margin-bottom:0;
}
.travelright-domestic .summaryPriceConatiner{
    margin-top: -2rem;
}
.travelright-domestic .formFamily .labelColor{
    color:#000000 !important;
}
.travelright-domestic small#travelBenefitPlanRequired{
    padding-left:15px;
    padding-right:15px;
}
/*
.travelright-domestic #summaryNoOfInsuredRow{
    margin-top:-1rem;
}
*/
.travelright-domestic .labeldisabled::before{
    border-color: #D3D3D3 !important;
    border-width: 7px !important;
}
div#travel-domestic-tnc-modal {
    background-color: rgba(0,0,0,0.5);
}
#travel-domestic-tnc-modal .modal-content .modal-header {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 0;
    padding: 0;
}
#travel-domestic-tnc-modal button.modal-header-btn.button-icon.btn-close {
    webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: #1b1464;
    position: absolute;
    right: 1rem;
    top: 1rem;
}
#travel-domestic-tnc-modal svg.icon.icon-s {
    stroke: #fff;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    fill: currentColor;
    overflow: hidden;
    vertical-align: middle;
}
#travel-domestic-tnc-modal .py-5.px-4.content-container {
    padding-right: 1.5rem !important;
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
    padding-left: 1.5rem !important;
}
#travel-domestic-tnc-modal .py-5.px-4.content-container p {
    margin-top: 0;
    margin-bottom: 1rem;
}
#travel-domestic-tnc-modal .modal-content {
    border-radius: 0;
    border: 0;
}
#travel-domestic-tnc-modal a.donFunction {
    color: #E11F27;
    text-decoration: none;
    background-color: transparent;
}
.travelright-domestic .bigSizeFont{
        font-size: 1.5rem !important;
}
.travelright-domestic b, .travelright-domestic strong {
    font-weight: bolder;
}
.travelright-domestic .rotateArrow{
    transform: rotate(180deg);
}
.travelright-domestic .step1li1,
.travelright-domestic .step1li2
{
    padding-left:0;
    list-style-position: inside;
}
.travelright-domestic .wizard-section-2 .starIcon,
.travelright-domestic .wizard-section-2 .recommendedWord{
    position:relative;
    top:50%;
    vertical-align: middle;
}
.travelright-domestic .wizard-section-3 .form-control[readonly],
.travelright-domestic .wizard-section-3 .vdp-datepicker.disabledColor,
.travelright-domestic .wizard-section-3 #policyHolderDateOfBirth{
    border: none;
    background-color: #D2D0E0;
    cursor: default;
}
.travelright-domestic .wizard-section-3 #policyHolderDateOfBirth{
    cursor: not-allowed;
}
.travelright-domestic .wizard-section-3 .form-control[readonly]:focus{
    box-shadow: none;
    color:#000;
}

/*payment*/
.travelright-domestic .wizard-section-5 .fpxTNC{
    color: #FF0000;
}
.travelright-domestic .wizard-section-5 .cvvLable{
    display:block;
    width:100%;
}
/*
.travelright-domestic .wizard-section-5 .bank-logo img{
    width:50px;
}*/
.travelright-domestic .wizard-section-5 .cardExpiryDateLable{
    display:block;
}
.travelright-domestic .wizard-section-5 .cvvErrorMsg{
    width:100%;
}
.travelright-domestic .list.variant-bank .list-item .wallet-rounded-checked .icon{
    visibility: hidden;
}
.travelright-domestic .list.variant-bank .list-item input[type=radio]:checked+label .wallet-rounded-checked{
    background-color:#27ae60;
    border-color:#27ae60;
}
.travelright-domestic .list.variant-bank .list-item label .wallet-rounded-checked{
    height:20px;
    width:20px;
    border-radius:50%;
    border:1px solid #1b1464;
    margin-right: 5px;
    margin-left:12px;
}
.travelright-domestic .list.variant-bank .list-item input[type=radio]:checked+label .wallet-rounded-checked .icon{
   opacity:1;
   visibility:visible;
   display:-webkit-box;
   display:flex;
   -webkit-box-align:center;
   align-items:center;
   -webkit-box-pack:center;
   justify-content:center;
   width:13px;
   color:#fff;
   margin-left:2px;
   margin-top:1px;
   position:absolute;
}

/*
.travelright-domestic .bank-name {
    position: relative;
    left: -15px;
}
*/
/*
.travelright-domestic .list.variant-bank .list-item{
      width: calc(100% /2 - 1rem) !important;
}*/

.travelright-domestic .staffBackButtonContainer{
    position: relative;
    width: 100%;
    left: 0;
}
.travelright-domestic .staffBackButtonContainer #staffBackButton{
    position: absolute;
    left: 0;
    margin-left:1%;
}

.travelright-domestic .mcmpgs-list.variant-bank {
    margin: 0 -0.5rem;
    display: flex;
    flex-wrap: wrap
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item {
    overflow: hidden;
    position: relative;
    margin: 0 .5rem;
    width: calc(100% / 1 - 1rem)
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item .wallet-rounded-checked {
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 2px solid #1b1464;
    margin-right: 5px;
    margin-left: 12px
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item .wallet-rounded-checked .icon {
    opacity: 0;
    visibility: hidden
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item input[type=radio] {
    position: absolute;
    visibility: hidden
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item input[type=radio]:checked+label {
    box-shadow: inset 0 0 0 3px #1b1464
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item input[type=radio]:checked+label .wallet-rounded-checked {
    background-color: #27ae60;
    border-color: #27ae60
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item input[type=radio]:checked+label .wallet-rounded-checked .icon {
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    color: #fff;
    margin-left: 2px;
    margin-top: 1px
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item label {
    height: 46px;
    display: flex;
    box-shadow: inset 0 0 0 .5px #1b1464;
    align-items: center;
    transition: .2s ease;
    padding: 0 !important
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item label:hover {
    cursor: pointer
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item label .wallet-rounded-checked {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #1b1464
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item .bank-logo {
    flex: 0 0 100px;
    padding-bottom: 65%;
    margin-right: 5px;
    overflow: hidden;
    position: relative
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item .bank-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8)
}

.travelright-domestic .mcmpgs-list.variant-bank .list-item .bank-name {
    font-size: 12px;
    line-height: 100%;
    flex-grow: 1
}

@media(min-width: 768px) {
    .travelright-domestic .mcmpgs-list.variant-bank {
        margin:0 6.25rem 0 -0.75rem
    }

    .travelright-domestic .mcmpgs-list.variant-bank .list-item {
        width: calc(100% / 1.7 - (.75rem * 2));
        margin: 0 .75rem
    }

    .travelright-domestic .mcmpgs-list.variant-bank .list-item .bank-logo {
        flex: 0 0 100px;
        padding-bottom: 20%
    }

    .travelright-domestic .mcmpgs-list.variant-bank .list-item .bank-name {
        font-size: 1rem
    }
    .travelright-domestic .paymentTotalsubContainer{
        height:60px;
    }
}


/*thankyou*/
.travelright-domestic .newEnquiry{
     font-family: pt_sansregular;
}
.travelright-domestic .phoneContact , .travelright-domestic .emailUs{
    text-decoration: underline;
    font-weight:bold; 
    color: #FF0000;
}
.travelright-domestic .clearfix.pageIntro.wrapper .blueColour {
    font-size: 44px !important;
    color: #1B1464;
    font-family: pt_sansbold !important;
    line-height: 1.3 !important;
}
.travelright-domestic h3.certNumber {
    font-size: 24px;
}
.travelright-domestic .clearfix.pageIntro.wrapper p.pText {
    margin-top: 15px;
    font-family: pt_sansregular;
    font-size: 18px !important;
    line-height: 1.28;
    color: #000000;
}
.travelright-domestic .thankYou {
    background-color: #e7e7ef;
}
.travelright-domestic .thankYou div.logoThanks,
.travelright-domestic .thankYou p.snapCover ,
.travelright-domestic .thankYou div.pageIntro{
    width:70%;
    /*
    padding-left:15%;
    padding-right:15%;
    */
}
.travelright-domestic a.button.textAlignCenter.thankYouBackToHomeBtn {
    font-family: pt_sansbold;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: center;
}
.travelright-domestic .thankYou #shareFren{
    width:70%;
    padding: 0 0 30px 0;
}
@media (max-width: 1200px){
    .travelright-domestic .thankYou div.logoThanks,
    .travelright-domestic .thankYou p.snapCover ,
    .travelright-domestic .thankYou div.pageIntro{
        width:80%;
    }
    .travelright-domestic .thankYou #shareFren{
        width:80%;
    }
}
.travelright-domestic p.pText {
    margin-top: 15px;
}
.travelright-domestic .thankYouBackToHomeBtn{
    background-color:#e11f27;
    border-radius: 10px;
    font-weight: bold;
    font-family: pt_sansbold;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
}
.travelright-domestic .logoThanks~.snapCover~.pageIntro {
    background: #FFF url(../msigonline/img/payment_success_motorcycle_desktop.png) no-repeat;
    background-position: center 50px;
}
.travelright-domestic .btnContainer{
    border-radius:10px;
    height: 48px;
    width: 164px;
}
@media only screen and (min-device-width : 992px){
    /*
    .travelright-domestic .sidebar .section-header h2{
        margin-bottom: -0.5rem;
        padding: 1% 0 3% 0;
    }
    */
}

@media only screen and (min-device-width : 601px) and (max-device-width : 1199px){
    .travelright-domestic #summaryCoveragePlanRow{
        white-space: normal;
    }
    .travelright-domestic .bigSizeFont{
        font-size: calc(1.275rem + 0.3vw) !important;
    }
}

/*for ipad 768*/
@media only screen and (min-device-width : 600px) and (max-device-width : 1023px){
    .travelright-domestic .wizard-section-2 .col-12.col-md-8 {
        max-width: none;
        flex: none;
    }
    .travelright-domestic .wizard-section-3 .col-12.col-md-8 {
        max-width: none;
        flex: none;
    }
    .travelright-domestic .wizard-section-4 .col-12.col-md-8 {
        max-width: none;
        flex: none;
    }
     .travelright-domestic div.summary-pane.sidebar{
        transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-tranfrom: translateY(100%);
    }
    .travelright-domestic .summary-pane.sidebar.mobileSummaryFullPage-expand{
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-tranfrom: translateY(0);
    }
     .travelright-domestic .summaryTableBody {
        min-height: calc(100vh - 140px);
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    }
  
   
   .travelright-domestic .mobileSummaryFullPage-expand .expand-hide{
       display:none;
   }
   .travelright-domestic .mobileSummaryarrow{
       float: right;
   }
   .travelright-domestic .summary-pane .material-icons.upArrow,
   .travelright-domestic .summary-pane .material-icons.downArrow{
        font-size: 30pt;
        position: absolute;
        top: 1%;
        font-weight: lighter;
        right: 3%;
   }
    .travelright-domestic .mobileSummaryarrow .downArrow{
        display:none;
    }
    .travelright-domestic .mobileSummaryFullPage-expand .mobileSummaryarrow .downArrow{
        display:block;
    }
    .travelright-domestic .mobileSummaryarrow .upArrow{
        display:block;
    }
    .travelright-domestic .mobileSummaryFullPage-expand .mobileSummaryarrow .upArrow{
        display:none;
    }
    
    .travelright-domestic .mobileSummaryFullPage-expand .section-header h2.w{
        margin-bottom:0 !important;
    }
    
    .travelright-domestic p#summaryTotalPremiumRow1 {
        position: absolute;
        right: 15px;
        top: 45px;
        font-size: 22px;
        font-weight: 600;
    }
    .travelright-domestic .mobile-premium-table-btn.hiddenButton{
        display:none;
    }
    .travelright-domestic .wizard-section-4 .summary-pane.sidebar{
        transform: none;
        min-height: auto;
        max-height: none;
    }
      .travelright-domestic svg.icon.icon-m.tick-mark.secondTick {
        top: 0;
        position: absolute;
        margin-left: -21px;
    }
    /*sinliang added 18/11/2020 because chg to matrial */
    .travelright-domestic span.material-icons.tick-mark.white.secondTick {
        top: 0;
        position: absolute;
        margin-left: -21px;
    }
    .travelright-domestic .iAgreeContainer{
        position: relative;
        display: block;
    }
    .travelright-domestic .iAgreeContainer .form-check-input[type=checkbox]:checked + .form-check-label::before {
        margin-left: -21px;
    }
    .travelright-domestic .iAgreeContainer .form-check-input[type=checkbox] + .form-check-label::before{
        margin-left: -21px;
    }
    .travelright-domestic .summary-pane{
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        height:100%;
        z-index:1020;
        min-height:100vh;
        max-height:100vh;
        background-color: #fff;
        transition: .6s ease;
    }
     .travelright-domestic .header-match-height{
        height: fit-content !important;
     }
     /*.travelright-domestic .domcHeaderWord{
        padding-top: initial;
     }*/
    
    /*payment*/
    .travelright-domestic .wizard-section-5 .summary-pane.sidebar{
        transform: none;
        min-height: auto;
        max-height: none;
    }
    .travelright-domestic .wizard-section-5 .list-item label[for=radEWallet1]{
        padding-left:0 !important;
    }
    /*
    .travelright-domestic .list.variant-bank .list-item{
      width: calc(100%  - 1rem) !important;
}
*/
 /*after live sidebar mobile isuue*/
    .travelright-domestic .section-header.bg-p2.py-3.px-3.sidebarFixedBottom {
        position: fixed;
        width: 100%;
        bottom: 30px;
        left: 0;
    }
}
/*for modile view*/
@media only screen and (max-width: 600px) {
    .travelright-domestic .d-sm-block{
        display:block !important;
    }
    .travelright-domestic .d-sm-none{
        display:none !important;
    }
    .travelright-domestic.domestic-landingPage #about,
    .travelright-domestic.domestic-landingPage #our-products{
        margin-top: -1.5rem;
    }
    
    .domestic-scroll-smooth,
    .domestic-landingPage div.premiunTable-Mobile{
        scroll-behavior: smooth;
    }
    .travelright-domestic td.domesticPrice {
        border: 1px solid #D3D3D3;
    }
    .travelright-domestic td.travel-detail-mobile-show {
        padding-top: 20px;
        text-align: left;
    }
    .travelright-domestic td.tableSubTitle.travel-detail-mobile-show {
        background-color: #e7e7ef;
        padding: 4%;
        width:100vw;
    }
    .travelright-domestic td.travel-detail-mobile-show.travel-domestic-benefit-limit {
        text-align: center;
        padding: 1% 2%;
        background: #1B1464;
        color: #fff;
        font-weight: bold;
        border: 1px solid #D3D3D3;
    }

    .travelright-domestic .mobileFullWidth span.material-icons.upArrow {
        display:none;
    }
    .travelright-domestic .benefit-table-section1, 
    .travelright-domestic .benefit-table-section2,
    .travelright-domestic .benefit-table-section3,
    .travelright-domestic .benefit-table-section4,
    .travelright-domestic .benefit-table-section5,
    .travelright-domestic .benefit-table-section6,
    .travelright-domestic .benefit-table-section7
    {
         display:none;
    }
    
    .travelright-domestic span.material-icons.section3Arrow,
    .travelright-domestic span.material-icons.section4Arrow,
    .travelright-domestic span.material-icons.section5Arrow,
    .travelright-domestic span.material-icons.section6Arrow,
    .travelright-domestic span.material-icons.section7Arrow
    {
        float: right;
        top: 0;
        font-weight: 900;
        color: rgba(27, 20, 100, 1);
    }
    
    .travelright-domestic tr.mobileFullWidth {
        display: block;
        width: 100vw;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .travelright-domestic table.tarvelDomesticPremiumTable {
       width: 190vw;
       border-right: 20px solid transparent;
    }
    .travelright-domestic .premiunTable-Mobile{
        overflow-x: auto;
        width: 100vw;
    }
    .travelright-domestic td.peroidOfInsurance{
        background: none;
        border:none;
        padding-left:1%;
        position: sticky;
        left: 0;
    }
    .travelright-domestic td.priceCenter {
        padding: 1%;
    }
    .travelright-domestic .mobile-display-none{
        display:none !important;
    }
   
    .travelright-domestic button.mobile-premium-table-btn {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        background: #1B1464;
        color: #fff;
        border: none;
    }
    .travelright-domestic .sectionDescLong{
        width: calc(100% - 25px);
        display: block;
        float: left;
    }
    .travelright-domestic button.mobile-premium-table-btn.scroll-left {
        position: absolute;
        top: auto;
        left:97%;
        margin-top: 1%;
    }
    .travelright-domestic button.mobile-premium-table-btn.scroll-right {
      position: absolute;
      /*top: 80px;
      right: 5px;
      */
      top: auto;
      right: 3%;
      margin-top: 1%;
    }
    .travelright-domestic button.mobile-premium-table-btn span{
        margin-top: 13%;
        margin-left: 4%;
    }
    .travelright-domestic button.mobile-premium-table-btn span.leftArrow{
        margin-left: -4%;
    }
    .travelright-domestic .summary-pane .material-icons.upArrow,
   .travelright-domestic .summary-pane .material-icons.downArrow{
        font-size: 30pt;
        position: absolute;
        top: 1%;
        font-weight: lighter;
        right: 3%;
   }
    .travelright-domestic div.summary-pane.sidebar{
        transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-tranfrom: translateY(100%);
    }
    .travelright-domestic .summary-pane.sidebar.mobileSummaryFullPage-expand{
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-tranfrom: translateY(0);
    }
     .travelright-domestic .summaryTableBody {
        min-height: calc(100vh - 140px);
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    }
   .travelright-domestic .mobileSummaryFullPage-expand .expand-hide{
       display:none;
   }
   .travelright-domestic .mobileSummaryarrow{
       float: right;
   }
    .travelright-domestic .mobileSummaryarrow .downArrow{
        display:none;
    }
    .travelright-domestic .mobileSummaryFullPage-expand .mobileSummaryarrow .downArrow{
        display:block;
    }
    .travelright-domestic .mobileSummaryarrow .upArrow{
        display:block;
    }
    .travelright-domestic .mobileSummaryFullPage-expand .mobileSummaryarrow .upArrow{
        display:none;
    }
    .travelright-domestic .mobileSummaryFullPage-expand .section-header h2.w{
        margin-bottom:0 !important;
    }
    .travelright-domestic p#summaryTotalPremiumRow1 {
        position: absolute;
        right: 15px;
        top: 45px;
    }
    .travelright-domestic .mobile-premium-table-btn.hiddenButton{
        display:none;
    }
    .travelright-domestic .wizard-section-4 .summary-pane.sidebar{
        transform: none;
        min-height: auto;
        max-height: none;
    }
    .travelright-domestic svg.icon.icon-m.tick-mark.secondTick {
        top: 0;
        position: absolute;
        margin-left: -21px;
    }
    /*sinliang added 18/11/2020 because chg to matrial */
    .travelright-domestic span.material-icons.tick-mark.white.secondTick {
        top: 0;
        position: absolute;
        margin-left: -21px;
    }
    .travelright-domestic .iAgreeContainer{
        position: relative;
        display: block;
    }
    .travelright-domestic .iAgreeContainer .form-check-input[type=checkbox]:checked + .form-check-label::before {
        margin-left: -21px;
    }
    .travelright-domestic .iAgreeContainer .form-check-input[type=checkbox] + .form-check-label::before{
        margin-left: -21px;
    }
    
    .travelright-domestic .summary-pane{
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        height:100%;
        z-index:1020;
        min-height:100vh;
        max-height:100vh;
        background-color: #fff;
        transition: .6s ease;
    }
    .travelright-domestic .dotContainer{
        text-align:center;
    }
    .travelright-domestic .dotContainer .premiunTableDot{
        height:15px;
        width:15px;
        border-radius: 50%;
        display: inline-block;
        margin-left: 10px;
        background-color: #b1bbcc;
    }
    .travelright-domestic .dotContainer .premiunTableDot.currentActived{
        background-color: #1B1464;;
    }
    /*.travelright-domestic .domcHeaderWord {
        padding-top: none;
    }*/
    #travel-domestic-tnc-modal .modal-content {
        margin-top:.5rem;
        margin-bottom:2rem;
    }
     .travelright-domestic .header-match-height{
        height: fit-content !important;
     }
     /*.travelright-domestic .domcHeaderWord{
        padding-top: initial;
     }*/
    
    /*payment*/
    .travelright-domestic .wizard-section-5 .summary-pane.sidebar{
        transform: none;
        min-height: auto;
        max-height: none;
    }
    .travelright-domestic .wizard-section-5 .fpxWording{
        padding-left:15px;
        padding-right:15px;
        padding-top:30px;
    }
    .travelright-domestic .list-item label[for=radEWallet1]{
        padding-left:0 !important;
    }
    .travelright-domestic .paymentTotalsubContainer{
        height:60px;
    }
    /*
    .travelright-domestic .list.variant-bank .list-item{
      width: calc(100% - 1rem) !important;
    }
    */
    
    /*thankyou*/
    .travelright-domestic .thankYou div.logoThanks,
    .travelright-domestic .thankYou p.snapCover ,
    .travelright-domestic .thankYou div.pageIntro{
        margin: 30px auto 0 auto;
        padding-left:5%;
        padding-right:5%;
        width:95%;
    }
    .travelright-domestic .thankYou #shareFren{
        margin: 0 auto 60px auto;
        padding-top: 15px;
        width:95%;
    }
    .travelright-domestic .clearfix.pageIntro.wrapper h1,
    .travelright-domestic .clearfix.pageIntro.wrapper p{
        margin-left:0;
    }
    .travelright-domestic li.textAlignCenter.newEnquiry {
        padding-left: 5%;
        padding-right: 5%;
    }
     /*after live sidebar mobile isuue*/
    .travelright-domestic .section-header.bg-p2.py-3.px-3.sidebarFixedBottom {
        position: fixed;
        width: 100%;
        bottom: 30px;
        left: 0;
    }

}
@media (max-width: 1200px) {
    .travelright-domestic h1, .travelright-domestic .h1 {
        font-size: calc(1.4rem + 1.8vw) !important;
    }
    .travelright-domestic h2,  .travelright-domestic .h2 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }
    
}
 /*because main-ui*/
 @media (min-width: 576px){
    .travel-insurance-new.travelright-domestic  .container-sm, 
    .travel-insurance-new.travelright-domestic  .container{
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
        width:100%;
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .travel-insurance-new.travelright-domestic  .container-md, 
    .travel-insurance-new.travelright-domestic  .container-sm, 
    .travel-insurance-new.travelright-domestic  .container{
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
        width:100%;
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .travel-insurance-new.travelright-domestic .container-lg, 
    .travel-insurance-new.travelright-domestic .container-md, 
    .travel-insurance-new.travelright-domestic .container-sm, 
    .travel-insurance-new.travelright-domestic .container {
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
        width:100%;
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .travel-insurance-new.travelright-domestic .container-lg, 
    .travel-insurance-new.travelright-domestic .container-md, 
    .travel-insurance-new.travelright-domestic .container-sm, 
    .travel-insurance-new.travelright-domestic .container {
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
        width:100%;
        max-width: 1140px;
    }
}

 /*end of because main-ui*/

/*end travel domestic mobile view*/

/* new thank-you page */
.newThankYouPage .newEnquiry{
     font-family: pt_sansregular;
}
.newThankYouPage .phoneContact , .newThankYouPage .emailUs{
    text-decoration: underline;
    font-weight:bold; 
    color: #FF0000;
}
.newThankYouPage .clearfix.pageIntro.wrapper .blueColour {
    font-size: 44px !important;
    color: #1B1464;
    font-family: pt_sansbold !important;
    line-height: 1.3 !important;
}
.newThankYouPage h3.certNumber {
    font-size: 24px;
}
.newThankYouPage .clearfix.pageIntro.wrapper p.pText {
    margin-top: 15px;
    font-family: pt_sansregular;
    font-size: 18px !important;
    line-height: 1.28;
    color: #000000;
}
.newThankYouPage .thankYou {
    background-color: #e7e7ef;
}
.newThankYouPage .thankYou div.logoThanks,
.newThankYouPage .thankYou p.snapCover ,
.newThankYouPage .thankYou div.pageIntro{
    width:70%
    /*
    padding-left:15%;
    padding-right:15%;
    */
}
.newThankYouPage .thankYou div.pageIntro{
    margin-bottom: 130px;
}
.newThankYouPage a.button.textAlignCenter.thankYouBackToHomeBtn {
    font-family: pt_sansbold;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: center;
}
.newThankYouPage .thankYou #shareFren{
    width:100%;
}

@media (max-width: 1200px){
    .newThankYouPage .thankYou div.logoThanks,
    .newThankYouPage .thankYou p.snapCover ,
    .newThankYouPage .thankYou div.pageIntro{
        width:80%;
    }
    .newThankYouPage .thankYou #shareFren{
        width:100%;
    }
}

.newThankYouPage .thankYouBackToHomeBtn{
    background-color:#e11f27;
    border-radius: 10px;
    font-weight: bold;
    font-family: pt_sansbold;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
}
.newThankYouPage .logoThanks~.snapCover~.pageIntro {
    background: #FFF url(../msigonline/img/payment_success_motorcycle_desktop.png) no-repeat;
    background-position: center 50px;
}
.newThankYouPage .btnContainer{
    border-radius:10px;
    height: 48px;
    width: 164px;
}
@media only screen and (max-width: 600px) {
     /*thankyou*/
    .newThankYouPage .main.clearfix.thankYou{
        margin-bottom:30px;
    }
    .newThankYouPage .thankYou div.logoThanks,
    .newThankYouPage .thankYou p.snapCover ,
    .newThankYouPage .thankYou div.pageIntro{
        margin: 30px auto;
        padding-left:5%;
        padding-right:5%;
    }
    /*
    .newThankYouPage .thankYou div.pageIntro{
        margin-bottom: 45px;
    }
    */
    .newThankYouPage .thankYou #shareFren{
        width:100%;
        /*
        margin: 0 auto 60px auto;
        padding-top: 15px;
        */
    }
    .newThankYouPage .clearfix.pageIntro.wrapper h1,
    .newThankYouPage .clearfix.pageIntro.wrapper p{
        margin-left:0;
    }
    .newThankYouPage li.textAlignCenter.newEnquiry {
        /*
        padding-left: 5%;
        padding-right: 5%;
        */
    }
}
/* end new thankyou page*/

/* jian wen bcb 2 */
.errorMessage {
	color: #E11F27 !important;
	font-style: italic;
	display: none;
}


.promo-inline{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.form-control.hlbPromoCode{
    width: auto;
    vertical-align: middle;
    padding: 6px 5px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid gray;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#promoteCode {
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}



  #promoCode.mmpPromoCode.hlbPromoCode, #promoCode.mmpPromoCode.hlbPromoCode::placeholder{
	width: 50%;  
	font-size: 14px;
	vertical-align: middle;
    height: 34px;
	line-height: 1.42857143;
    color: #555;
}

#applyPromoCode.mmpApplyPromoCode.hlbPromoteButton{
  float: right;
  border-radius: 5px;
  color: red;  
  font-weight: normal;
  font-size: 0.9em;
  text-align: center;
  margin:0 0 0 10px;
  cursor: pointer;
  text-decoration: none;
  padding: 0 0 0 6px;
}

@media only screen and (max-width: 600px) {	
    .form-control.hlbPromoCode{
        font-size: 0.9em;
    }
}
/* jian wen bcb 2 */

/* motor - accident repair allowance*/
.accident-repair-allowance-planselection,
.accident-repair-allowance-planselection-motorPlus{
    display: grid;
    /*grid-template-columns: auto auto auto;*/
    margin-bottom: 28px;
}
@media only screen and (max-width: 780px){
    .accident-repair-allowance-planselection,
    .accident-repair-allowance-planselection-motorPlus{
        /*display: block !important;*/
    }
}
@media only screen and (min-width: 780px){
    .accident-repair-allowance-planselection,
    .accident-repair-allowance-planselection-motorPlus{
        grid-template-columns: auto auto auto;
    }
}
/* motor default checkbox*/
.defaultCheckBox input[type="checkbox"]{
    width: auto;
    float: left;
    opacity: 1;
    margin: 0 !important;
    width: 26.12px !important;
    height: 26.12px !important;
}
.defaultCheckBox .pTag4DefaultCheckBox{
    font-size: 18px;
    color: #666666;
    line-height: 26px;
    padding: 0 47px !important;
}
.travel-insurance-new .motorBannerBackgroundGrey {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(27,20,100,0.3);
}

@media only screen and (max-width: 780px){
    .defaultCheckBox .pTag4DefaultCheckBox {
        font-size: 15px !important;
        color: #666666;
        line-height: 26px;
        padding: 0 0 0 40px !important;
    }
    .travel-insurance-new .motorBannerBackgroundGrey {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: rgba(27,20,100,0.5);
    }
}
/* pet phase 2*/
.petphase2-pdp{
    display:flex;
}
.petphase2-pdp p{
    margin:0;
}
.products img.petNewIcon-pdp{
    width:auto;
   height:21px;
   margin:0;
   margin-top:2px;
   margin-left:10px;
}
.petNewIcon-plp{
   width:auto;
   height: 21px;
   margin-top:2px;
   margin-left: 5px;
}
 @media only screen and (max-width:600px){
       #calendar .petpageIntro{
           margin: 5% 5% !important;
       }
       .petNewIcon-plp{
            margin: auto;
            height:20px;
       }
       .products img.petNewIcon-pdp{
            width:auto;
           height:20px;
           margin-left:10px;
        }
       
 }
/* pet phase 2 end */