/*Tooltip styling for plans*/

.tooltip.fade.in {
    opacity: 1;
}

.tooltip {
    min-width: 240px;
    padding: 0;
}

.tooltip-inner {
    background-color: #f9f9f9;
    color: #666;
    border: 2px solid #b9b9b9;
    padding: 30px;
    font-size: 14px;
    max-width: 300px;
    -webkit-box-shadow: 2px 0px 3px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 0px 3px 1px rgba(0,0,0,0.1);
    text-align: left;
}

.tooltip.bottom .tooltip-arrow {
    border-width: 0 15px 15px;
    border-bottom-color: #b9b9b9;
    left: 50%;
    margin-left: 0;
    top: -10px;
    margin-left: -15px;
}

    .tooltip.bottom .tooltip-arrow:before {
        content: "";
        display: block;
        border-width: 0 15px 15px;
        width: 0;
        height: 0;
        border-color: transparent;
        border-bottom-color: #f9f9f9;
        border-style: solid;
        left: -15px;
        bottom: -3px;
        position: relative;
    }

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #d4d4d4;
}

.underlined,
.underlined:hover {
    text-decoration: underline;
}

.anchor-link {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 2px;
}

    .anchor-link br {
        display: none;
    }

    .anchor-link .icon-bottom-arrow-small {
        font-size: 7px;
        margin-left: 15px;
        position: relative;
        top: -3px;
        display: inline-block;
    }

.plan-price-old {
    color: #d32020;
    text-decoration: line-through;
    line-height: 1;
    min-height: 15px;
}

.plan-price-old sup {
    position: static !important;
    vertical-align: baseline !important;
    font-size: 100% !important;
    line-height: 1 !important;
}

.plan-price-current {
    font-family: "GTWalsheim-bold", Helvetica, Arial, sans-serif;
    font-size: 32px;
    color: #002D72;
}

.plan-price-current sup {
    font-size: 67%;
    top: -.26em;
}

.plan-types {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.plan-type-info h2 {
    margin: 0;
}

.plan-type-info .plan-type-heading-text {
    padding: 30px 15px 15px;
    margin: 0;
    display: inline-block;
}

.plan-types li {
    padding: 15px;
}

    .plan-types li > img {
        height: 68px;
        width: auto;
    }

.plan-international {
    background-color: #f9f9f9;
    -webkit-box-shadow: inset 0px 20px 10px -10px rgba(0,0,0,0.1);
    box-shadow: inset 0px 20px 10px -10px rgba(0,0,0,0.1);
}

.plan-section-label {
    padding: 7px 15px;
    z-index: 1;
}

.plan-section-body-wrap {
    background-color: #fff;
    padding: 30px 15px 15px;
    margin-left: 4px;
    position: relative;
    border: 1px solid #d4d4d4;
    border-top: none;
    border-left: none;
}

.plans-more-info-content {
    padding-bottom: 15px;
}

.plan-section-label h2,
.plan-section-label span {
    margin: 0;
    position: relative;
}


.plan-section-label {
    padding: 7px 15px 9px 15px;
}

    .plan-section-label h2 > span {
        font-size: 14px;
        display: block;
    }

.plan-coverage-link .icon-right-arrow-small {
    margin-left: 10px;
}

.plans-include .custom-list li {
    margin-bottom: 0;
}

.plan-body {
    -webkit-box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.1);
    box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.1);
    border: 1px solid #d4d4d4;
    padding: 20px 15px;
}

.plan-heading-label {
    margin: 0;
    padding: 3px 11px;
    line-height:28px;
}

.plan-heading-tag {
    padding: 7px 11px;
    color: #fff;
    display: block;
    position: relative;
}

    .plan-heading-tag [class^="icon-"] {
        margin-right: 9px;
    }

.plan-features.custom-list li.plan-data {
    padding: 7px 15px;
    background-color: #ebebeb;
    margin-bottom: 15px;
}

    .plan-features.custom-list li.plan-data a {
        text-decoration: underline;
    }

        .plan-features.custom-list li.plan-data a:hover,
        .plan-features.custom-list li.plan-data a:focus {
            text-decoration: none;
        }

.plan-features.custom-list li {
    padding: 4px 15px;
    margin-left: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}

.plan-features.custom-list > li.plan-feature-empty {
    display: none;
    border-left: none;
}

.plan-features.custom-list li:before {
    left: 5px;
    top: 5px;
}

.plan-features.custom-list li.plan-data:before {
    top: 8px;
    content:"";
}

.plan-section .plan-features.custom-list li.plan-data:before,
.plan-section .plan-features.custom-list li.hide-custom-bullet:before,
.plan-section .plan-features.custom-list li strong:not([class]):empty,
.plan-section .plan-features.custom-list li span:not([class]):empty {
    display: none;
}

.plan-features strong {
    font-family: "GTWalsheim-med", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #000;
}

.plan-pricing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.plan-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 20%;
    text-align: right;
}

.plan-pricing {
    padding-top: 15px;
    border-top: 1px solid #d4d4d4;
    margin-top: 15px;
}

.plans-combine {
    padding: 15px 11px 20px;
    position: relative;
    top: -1px;
}

    .plans-combine ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .plans-combine ul li {
            position: relative;
            padding-left: 30px;
            margin-top: 15px;
        }

        .plans-combine ul [class^="icon-"] {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.plans-more-info h4 {
    margin: 0;
}

.plans-more-info-toggle {
    margin: 10px 0;
    display: block;
}

    .plans-more-info-toggle [class^="icon-"] {
        margin-right: 10px;
    }

    .plans-more-info-toggle[aria-expanded="true"] .icon-expand-small {
        display: none;
    }

    .plans-more-info-toggle[aria-expanded="true"] .icon-collapse-small {
        display: inline-block;
    }

    .plans-more-info-toggle[aria-expanded="false"] .icon-expand-small {
        display: inline-block;
    }

    .plans-more-info-toggle[aria-expanded="false"] .icon-collapse-small {
        display: none;
    }
.auto-top-up {
    margin-top:-31px;
}
@media(min-width: 768px) {

    .anchor-link {
        white-space: nowrap;
    }

        .anchor-link br {
            display: inline;
        }

    .plan-types {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .plan-types .plan-international {
        padding-left: 20px;
        -webkit-box-shadow: inset 20px 0px 10px -10px rgba(0,0,0,0.1);
        box-shadow: inset 20px 0px 10px -10px rgba(0,0,0,0.1);
        background-color: #fff;
    }

    .plan-type-info .plan-type-heading-text {
        width: 66.6666%;
        padding: 30px 15px 0;
    }

    .plan-type-heading-shadow {
        width: 33.3333%;
        -webkit-box-shadow: inset 20px 0px 10px -10px rgba(0,0,0,0.1);
        box-shadow: inset 20px 0px 10px -10px rgba(0,0,0,0.1);
    }

    .plan-section > header {
        position: relative;
        bottom: -1px;
        z-index: 1;
    }

    .plan-section-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 37px;
    }

        .plan-section-label h2 {
            width: calc(100% - 300px);
        }

            .plan-section-label h2 > span {
                border-left: 1px solid #fff;
                padding-left: 10px;
                margin-left: 10px;
                display: inline;
                top: -3px;
                line-height: 1;
                letter-spacing: 1px;
            }

    .plan-coverage-link {
        width: 300px;
        text-align: right;
        margin-bottom: 0;
        position: relative;
    }

        .plan-coverage-link .icon-right-arrow-small {
            right: -22px;
            position: absolute;
            height: 15px;
            bottom: 2px;
            top: auto;
        }

    .plan-section-label h2 br {
        display: initial;
    }

    .plan-section-label > span {
        border-left: 1px solid #fff;
        padding-left: 15px;
        margin-left: 15px;
    }

    .plans-include {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .plans-include .h4,
        .plans-include .custom-list,
        .plans-include .custom-list > li {
            display: inline-block;
        }

        .plans-include .h4 {
            white-space: nowrap;
        }

        .plans-include .custom-list > li {
            display: inline-block;
        }

            .plans-include .custom-list > li:after {
                content: "|";
                margin-left: 15px;
                position: relative;
                font-family: sans-serif;
            }

            .plan-features.custom-list > li:before,
            .plans-include .custom-list > li:before {
                display: none;
            }

            .plans-include .custom-list > li:last-of-type:after {
                display: none;
            }

    .plan-section-body-wrap {
        border: 1px solid #d4d4d4;
        border-left: none;
    }

    .plan-features.custom-list > li {
        margin-top: 0;
        border-left: 1px solid #d4d4d4;
        width: 33.3333%;
    }

        .plan-features.custom-list > li:first-child {
            border-left: none;
        }

    .plan-features.custom-list li.plan-data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 15px;
        background-color: transparent;
        margin-bottom: 0;
    }

    .plan-features .plan-data-wrap {
        background-color: #ebebeb;
        padding: 4px 15px;
        width: 100%;
    }

    .plan-header,
    .plan-body,
    .plan-features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .plan-header {
        position: relative;
        z-index: 1;
        bottom: -1px;
    }

    .plan-feature-name,
    .plan-feature-desc {
        display: block;
    }

    .plan-features {
        width: 60%;
    }

        .plan-features.custom-list > li.plan-feature-empty {
            display: initial;
        }

    .plan-pricing {
        width: 40%;
        padding-top: 0;
        border-top: none;
        margin-top: 0;
    }

    .plan-price-wrap {
        padding-left: 15px;
        padding-right: 15px;
        align-content: center;
    }

    .plan-details {
        width: 35%;
        border-left: 1px solid #d4d4d4;
    }

    .plans-combine {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 12px 11px 10px;
    }

        .plans-combine h5 {
            margin: 0 30px 0 0;
            white-space: nowrap;
        }

        .plans-combine ul li {
            display: inline-block;
            margin: 0;
        }

            .plans-combine ul li:after {
                content: "|";
                margin-left: 15px;
                margin-right: 15px;
                color: #fff;
                position: relative;
                font-family: initial;
            }

            .plans-combine ul li:last-of-type:after {
                display: none;
            }

    .plans-more-info-content {
        margin-left: 27px;
    }

    .plan-pricing {
        margin-left: auto;
        border-left: 1px solid #D4D4D4;
    }

    .plan-price-wrap {
        margin-left: auto;
        align-self: center;
    }
}

@media(min-width: 992px) {

    .plan-type-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .plan-types li > img {
        height: 60px;
        width: auto;
    }
   .plan-section {
        margin-left: -11px;
        margin-right: -11px;
    }

    .plan-features,
    .plan-pricing {
        width: 50%;
    }


    .plan-price-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .plan-price-old {
        margin-left: auto;
    }

    .plan-price-current {
        font-size: 40px;
    }

    .plans-combine {
        margin-left: -11px;
        margin-right: -11px;
    }

    .plan-features strong {
        display: block;
    }
}

.price-wrap {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.plan-body .custom-list.plan-features li strong{
    display: block;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .page-code_lmshp-plans .plans-include .h4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

@media (min-width: 1000px){
    .plan-price-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
    }

    .plan-price-current {
        margin-left: 10px;
    }
    .price-wrap {
        width: 75%;
    }

    .plan-details {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .zone-plans-more-info {
        display: inline;
    }  
}

@media (max-width: 767px){
    .price-wrap {
        width: 65%;
    }

    .plan-details {
        width: 35%;
    }    
    .zone-plans-more-info{
        display: block;
    }
    .price-no-wrap{
        white-space: nowrap;
    }
}


 /*Auto top up*/
@media (min-width: 768px) {
 .auto-top-up-plans li.data-info:first-of-type{
     padding-left:0
 }
.auto-top-up-plans .plan-pricing {
        width: 44%;
    }

.auto-top-up-plans .plan-features {
        width: 65%;
    }
.auto-top-up-plans li.data-info {
        width: 30%;
    }
          .auto-top-up-plans .plan-features.custom-list li.plan-data {
        width: 40%;
    }

.auto-top-up-plans li.plan-data.data-top-up {
        width: 46%;
    }
.data-cards {
        border-radius: 2px;
    }
.auto-top-up-plans .plan-features.custom-list li.plan-data.data-top-up {
            background-color: transparent;
            display: flow-root;
            margin-bottom: 0;
            padding: 0 15px;
        }
.auto-top-up-plans .plan-data-wrap.data-cards.bgMarine {
        background-color: #002D72;
    }

.auto-top-up-plans .plan-features .plan-data-wrap {
        background-color: #ebebeb;
        padding: 7px;
        width: 100%;
    }

.lineH-15 {
        line-height: 15px;
    }
.auto-top-up-plans .plan-details {
        width: 30%;
    }
}
@media (min-width: 768px) and (max-width: 999px){
    .auto-top-up-plans .plan-features {
    width: 81%;
}
    .auto-top-up-plans li.data-info {
    width: 28%;
}
    .auto-top-up-plans .plan-features.custom-list li.plan-data {
    width: 45%;
}
    .auto-top-up-plans .plan-details {
    width: 35%;
}
}
@media (max-width: 767px){
    .auto-top-up-plans .plan-details {
        width: 100%;
    }
    .auto-top-up-plans .plus-data {
        margin:0px -15px -7px -15px;
        padding:5px 15px 5px 5px
    }
    .data-amount-xs{
        font-size:14px;
        font-weight:bold;
        font-family:Helvetica, Arial, sans-serif;
    }
    .data-info.border-right-grey{
        border-right:0px 
    }
    .page-code_lmshp-offerchinese .pick-a-phone{
        border-bottom: solid 1px #d4d4d4;
    }
    .page-code_lmshp-offerchinese .ready-to-shop .btn{
        width: 100%;
    }
}

@media (min-width: 768px){
     .page-code_lmshp-offerchinese .plan-types-container{
        width: 75%;
    }
    .page-code_lmshp-offerchinese .pick-a-phone{
        width: 25%;
         border-right: 1px solid #d4d4d4;
    }
    .page-code_lmshp-offerchinese .plan-types-title{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .page-code_lmshp-offerchinese .plan-types div > img {
        height: 60px;
        width: auto;
    }
    .page-code_lmshp-offerchinese .plan-types li{
        width: 33.333333%;
        padding-bottom: 30px;
    }
    .page-code_lmshp-offerchinese .ready-to-shop {
        padding: 20px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        align-items: baseline;
    }
    .page-code_lmshp-offerchinese .ready-to-shop a{
        margin-left: auto;
    }
    .page-code_lmshp-offerchinese .plan-type-info{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .page-code_lmshp-offerchinese .plan-type-info .plan-type-heading-text {
        width: 66.666666%;
        padding: 30px 15px 0;
    }
    .page-code_lmshp-offerchinese .plan-type-info .plan-type-heading-shadow {
        width: 33.333333%;
        -webkit-box-shadow: inset 20px 0px 10px -10px rgba(0,0,0,0.1);
        box-shadow: inset 20px 0px 10px -10px rgba(0,0,0,0.1);
    }
    .page-code_lmshp-offerchinese .plan-type-info h2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.page-code_lmshp-offerchinese .plan-type-info .pick-a-phone{
    background-color: #f4f4f4;
    text-align: center;
    padding: 40px 30px;
}

 .page-code_lmshp-offerchinese .plan-types > div:not(.plan-national) {
    padding: 20px;
}

 .page-code_lmshp-offerchinese .plan-types h2{
     font-weight: 600; 
 }

  .page-code_lmshp-offerchinese .plan-types .pick-a-phone h2{
    padding-top: 20px;
    padding-bottom: 20px;
 }

.page-code_lmshp-offerchinese .plan-types .plan-national h2,
.page-code_lmshp-offerchinese .plan-types .plan-international h2{
    padding: 30px 15px 0;
}

 .page-code_lmshp-offerchinese .plan-international a{
     letter-spacing: 2px;
 }

 .page-code_lmshp-offerchinese .plan-type-info .pick-a-phone i{
     font-size: 8px;
 }

 .page-code_lmshp-offerchinese .bgLuckyBlue h1,
 .page-code_lmshp-offerchinese .bgLuckyBlue h2{
     font-weight: bold;
 }

.page-code_lmshp-offerchinese  .promo-banner .or-circle{
    font-size: 14px;
    background-size: 39px 37px;
    background-position: 8px 8px;
}

.page-code_lmshp-offerchinese  .promo-banner .main-msg{
    font-weight: bold;
}

.page-code_lmshp-offerchinese .ready-to-shop {
    background-color: #fff;
    border: solid 1px #d4d4d4;
}

.page-code_lmshp-offerchinese .plan-national-flex > div{
    padding: 15px;
}

@media (min-width: 992px){
    .page-code_lmshp-offerchinese .ready-to-shop {
        margin-left: -11px;
        margin-right: -11px;
    }
}

.page-code_lmshp-offerchinese h2{
    font-weight: bold;
}

.page-code_lmshp-offerchinese .plan-details a{
    margin-left: auto;
    border: none;
    background-color: transparent;
    text-decoration: underline;
}

.page-code_lmshp-offerchinese .pick-a-phone a{
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    color: #002D72;
    font-family: "GTWalsheim-bold", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    line-height: 28px;
    display: block;
}

.page-code_lmshp-offerchinese .pick-a-phone {
    margin: 0 auto;
}

.page-code_lmshp-offerchinese .promo-banner{
    align-items: center;
}

.page-code_lmshp-offerchinese .promo-banner p{
    margin-top: 10px;
}

@media (min-width: 768px) {
    .page-code_lmshp-offerchinese .promo-banner .link {
        text-align: right;
    }
     .page-code_lmshp-offerchinese .promo-banner .content {
        padding-left: 15px;
    }
    .page-code_lmshp-offerchinese .auto-top-up-plans li.data-info {
        width: 35%;
    }
    .page-code_lmshp-offerchinese .or-circle-lg {
        background-position: 6px 18px;
        background-size: 64px 48px;
    }
}

@media (max-width: 767px) {
    .page-code_lmshp-offerchinese .promo-banner p{
        margin-bottom: 20px;
    }
    .page-code_lmshp-offerchinese .or-circle-lg {
        background-position: 6px 14px;
        background-size: 46px 36px;
    }
}

.page-code_lmshp-offerchinese .or-circle-up {
    background-image: url(../../content/img/or-circle-up.svg);
    background-origin: padding-box;
    background-position: 2px 12px;
    background-repeat: no-repeat;
    background-size: 56px 38px;
    font-size: 24px;
    height: 34px;
    margin-left: -6px;
    margin-right: -5px;
    padding: 15px;
    width: 36px;
}