/***
 * Branding Colors 
 */

:root { 
    /* Colors */
    --body-bg: white; 
    --black: #000000;
    --yellow: #FFE500;
    --blue: #6BA4B8;
    --dark-blue: #456f7d;
    --red: #CE0058;
    --dark-red: #8c043a;
    --light-grey: #F0F0F0;
    --grey: #373737;
    --grey2: #CCCCCC;
    --grey3: #888B8D;

    /* Text */
    --sans: 400 18px/1.2 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /* 1 */
}
/*** 
 * 1. CSS Variables (Custom Properties) are NOT supported by IE. 
 */

/***
 * Helpers
 */
 .bg-epic-white {
    background-color: white !important;
  }
  
  .text-epic-white {
    color: white !important;
  }
  
  .bg-epic-black {
    background-color: #000000 !important;
  }
  
  .text-epic-black {
    color: #000000 !important;
  }
  
  .bg-epic-yellow {
    background-color: #FFE500 !important;
  }
  
  .text-epic-yellow {
    color: #FFE500 !important;
  }
  
  .bg-epic-blue {
    background-color: #6BA4B8 !important;
  }
  
  .text-epic-blue {
    color: #6BA4B8 !important;
  }
  
  .bg-epic-dark-blue {
    background-color: #456f7d !important;
  }
  
  .text-epic-dark-blue {
    color: #456f7d !important;
  }
  
  .bg-epic-red {
    background-color: #CE0058 !important;
  }
  
  .text-epic-red {
    color: #CE0058 !important;
  }
  
  .bg-epic-dark-red {
    background-color: #8c043a !important;
  }
  
  .text-epic-dark-red {
    color: #8c043a !important;
  }
  
  .bg-epic-light-grey {
    background-color: #F0F0F0 !important;
  }
  
  .text-epic-light-grey {
    color: #F0F0F0 !important;
  }
  
  .bg-epic-grey {
    background-color: #373737 !important;
  }
  
  .text-epic-grey {
    color: #373737 !important;
  }
  
  .bg-epic-grey2 {
    background-color: #CCCCCC !important;
  }
  
  .text-epic-grey2 {
    color: #CCCCCC !important;
  }
  
  .bg-epic-grey3 {
    background-color: #888B8D !important;
  }
  
  .text-epic-grey3 {
    color: #888B8D !important;
  }

/***
 * CF Asty Pro 
 */

 @font-face {
    font-family: 'CFAstyPro';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/CFAstyPro-LightOblique.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/CFAstyPro-BookOblique.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/CFAstyPro-MediumOblique.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/CFAstyPro-SemiboldOblique.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/CFAstyPro-BoldOblique.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/CFAstyPro-Light.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/CFAstyPro-Book.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/CFAstyPro-Medium.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/CFAstyPro-Semibold.woff') format('woff');
}
@font-face {
    font-family: 'CFAstyPro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/CFAstyPro-Bold.woff') format('woff');
}

.fw-300 { font-weight: 300; } /* [1] */
.fw-400 { font-weight: 400; } /* [2] */
.fw-500 { font-weight: 500; } /* [3] */
.fw-600 { font-weight: 600; } /* [4] */
.fw-700 { font-weight: 700; } /* [5] */

/* CF Asty Pro 
 * [1] Light
 * [2] Book
 * [3] Medium
 * [4] Semibold
 * [5] Bold
 ***/

/***
 * Update for core.css
 */

 body {
    color: #373737;
    font: 400 18px/1.2 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: white;
    text-rendering: optimizeLegibility;
}

header[role="banner"] {
    background: white;
}

.mod-nav .logo,
.nav-base .logo,
.mod-nav .logo img,
.logo img  {
    width: 74px;
    height: 74px;
}

.mod-nav .logo {
    position: relative;
    top: 0;
    left: 0;
}


.js .nav-base {
    position: relative;
}

@media only screen and (min-width: 767px) {
    .mod-nav .logo,
    .nav-base .logo {
        width: 74px;
        height: 74px;
        margin: 24px 0;
    }

    .js .nav-base {
        border-bottom: 2px solid #F0F0F0;
    }
}

.nav-base {
    margin-bottom: 0;
    box-shadow: none;
}

.nav-base__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    height: 74px;
    margin: 0;
}

.nav-base__content-link a,
.nav-base__content-link a:visited {
    margin-left: 1rem;
    text-decoration: none!important;
    color:#373737;
    border-left: 1px solid #373737;
    padding-left: 1rem;
    line-height: 1;
}

.nav-base__content-link a:hover {
    margin-left: 1rem;
    text-decoration: none;
    color: #CE0058;
}

.nav-base__content-link.nav-base__cta-log-in a,
.nav-base__content-link.nav-base__logged-in a:first-child {
    border: 0;
}
.nav-base__content-link.nav-base__logged-in a:first-child {
    margin-left: 0;
}

@media only screen and (min-width: 375px) {
    .nav-base__content-link.nav-base__logged-in a:last-child {
        min-width: 85px;
    }
}

@media only screen and (min-width: 768px) {
    .nav-base__content {
        margin: 24px 0 24px auto;
    }
    .nav-base__content-link.nav-base__logged-in a:first-child {
        margin-left: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .nav-base__content-link a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 36px;
        -webkit-box-align: center;
        -ms-flex-align: center;
                align-items: center;
    }
    .nav-base__content-link:last-child a {
        margin-right: 1rem;
    }
}

.nav-base__content-link.nav-base__logged-in > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


h1, .h1, .ql-head, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .app-heading, h6, .h6 {
    font-family: 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: inherit;
    margin-bottom: 10px;
}

.h1-test {
    font: 300 30px/1.2 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h1, .h1, .ql-head {
    font: 300 30px/1.2 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #373737;
}

h2, .h2 {
    color: #373737;
    font: 300 22px/1.158 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h3, .h3 {
    color: #373737;
    font: 700 20px/1.176 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h4, .h4 {
    color: #373737;
    font: 700 16px/1.133 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h5, .h5, .app-heading, h6, .h6 {
    color: #373737;
    font: 700 14px/1.3 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@media only screen and (min-width: 767px) {
    h1 {
        margin-left: 30px;
    }

    h1, .h1, .ql-head {
        color: #373737;
        font: 300 50px/1.2 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    h2, .h2 {
        color: #373737;
        font: 300 30px/1.182 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
}

@media only screen and (max-width: 1145px) and (min-width: 767px) {
    h1 {
        margin-left: 30px;
    }
}

.red {
    color: #CE0058!important;
}

hr, .hr {
    border-top: 2px solid #F0F0F0;
}

.js .fm-check .checked, .js .fm-radio .checked,
.topupRadioButtons.fm-set div .checked {
    color: #888B8D;
    color: white;
    box-shadow: none;
    text-shadow: none;
}

input[type="text"], input[type="number"], input[type="password"], select, textarea,.topupAnotherNumberBoxShow .fm-data input, .grid select {
    border: 0;
    border-radius: 3px;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto; 
    box-shadow: none;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    width: 100%;
    color: #888B8D;
    background-color: #F0F0F0;
}

input:disabled, select:disabled, textarea:disabled,
.formGroup select:disabled, .formGroup input:disabled {
    color: #888B8D;
    border: 0;
    box-shadow: none;
    opacity: .5;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: inset 0 0 0 3px #448515, 0 1px 2px rgba(50,50,50,0.75) inset;
}

select:disabled {
    background: #F0F0F0;
    opacity: .5;
}

.formGroup-gender input {
    display: none;
}
.formGroup-gender label {
    color: #888B8D;
    display: inline-flex;
    align-items: center;
}
.formGroup-gender label:before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 38px; min-width: 38px;
    background: #F0F0F0;
    margin-right: 0.5rem;
    
}
.formGroup-gender label.checked:before {
    background: #888B8D;
    content:'✓';
    color: white;
}

.fm-select {
    color: #888B8D;
    background: #F0F0F0;
    position: relative;
}

    .fm-select span {
        border-left: 1px solid #F0F0F0;
        padding: 5px 9px 6px 12px;
        margin-right: 3px;
        position: absolute;
        right: 0;
        top: 6px;
        z-index: 1;
        background: #F0F0F0;
        pointer-events: none;
    }

::-webkit-input-placeholder {
    color: #888B8D;
}

:-moz-placeholder {
    color: #888B8D;
    opacity: 1;
}

::-moz-placeholder {
    color: #888B8D;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #888B8D;
}

.placeholder {
    color: #888B8D;
}

.container-alt {
    background: none;
    border-top: 2px solid #F0F0F0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
    padding: 1rem 0;
}

@media only screen and (min-width: 767px) {
    /* .fm-submit .btn {
        width: 100%;
    } */
    
    .fm-inline input, .fm-inline select, .fm-inline textarea {
        font-size: 18px;
    }

        .fm-inline input:disabled, .fm-inline select:disabled, .fm-inline textarea:disabled {
            border: 1px solid #F0F0F0;
            background: #F0F0F0;
            color: #888B8D;
            box-shadow: none;
            opacity: .5;
        }
}


.ql-login .fm-check .checked {
    color: #373737;
}

.ql-login .fm-submit {
    float: left;
    text-align: left;
}

a, .link, .link-big, .link-body {
    color:#373737;
    text-decoration: underline;
    cursor: pointer;
}
    a:hover, a:focus, .link:hover, .link:focus, .link-big:hover, .link-big:focus, .link-body:hover, .link-body:focus {
        color: #CE0058;
        text-decoration: underline;
    }

    a:focus, .link:focus, .link-big:focus, .link-body:focus {
        outline: 3px solid #007c92;
    }

    a:visited, .link:visited, .link-big:visited, .link-body:visited {
        color: #8c043a;
    }

.btn,
.btn-primary,
.ql-login .btn,
.primary-marketing .btn,
.inputBtnRed {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: white;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    padding: .421rem .5rem;
    line-height: 1.5;
    border-radius: .1575rem;
    box-shadow: none;
    background: #CE0058;
}
    .btn:focus, .btn:visited {
        color: #fff;
    }

    .btn:hover, 
    .btn:focus,
    .ql-login .btn:hover,
    .ql-login .btn:focus,
    .btn-primary:hover,
    .btn-primary:focus {
        background: #8c043a;
        color: rgba(255,255,255,0.5);
        text-shadow: none;
        box-shadow: none;
    }
    .btn:active,
    .btn-primary:active,
    .ql-login .btn:active {
        background: #8c043a;
        box-shadow: none;
        color: rgba(255,255,255,0.5);
        text-shadow: none;
        box-shadow: none;
    }
    .btn-em,
    .btn-tertiary {
        background: #888B8D;
        border-color: #888B8D;
        color: white;
        box-shadow: none;
        text-shadow: none;
    }
    
    .btn-em:hover, .btn-em:focus,.btn-em:active,
    .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active {
        background: #373737;
        color: rgba(255,255,255,0.5);
        text-shadow: none;
        box-shadow: none;
    }

.btn-alt, 
.btn-secondary,
.gsc-search-button .gsc-search-button,
.inputBtnRed {
    background: #6BA4B8;
    color: white;
    text-shadow: none;
    box-shadow: none;
}

.lt-ie9 .btn-alt, .label-ie9 .gsc-search-button .gsc-search-button {
    border: 1px solid #b5b5b5;
}

.btn-alt:focus, .btn-alt:visited, 
.btn-secondary:visited,
.gsc-search-button .gsc-search-button:visited,
.inputBtnRed:focus, .inputBtnRed:visited {
    background: #6BA4B8;
    color: white;
    text-shadow: none;
    box-shadow: none;
}


.btn-alt:hover, .btn-alt:focus, 
.btn-secondary:hover, .btn-secondary:focus, 
.gsc-search-button .gsc-search-button:hover, .gsc-search-button .gsc-search-button:focus,
.inputBtnRed:hover {
    background: #456f7d;
    color: rgba(255,255,255,0.5);
    text-shadow: none;
    box-shadow: none;
}

.btn-alt:active, 
.btn-secondary:active, 
.gsc-search-button .gsc-search-button:active,
.inputBtnRed:active {
    background: #456f7d;
    color: rgba(255,255,255,0.5);
    text-shadow: none;
    box-shadow: none;
}

.btn:disabled,
.btn.disabled {
    background: #F0F0F0!important;
    color: #D9D9D9!important;
}

.cta-topic a:hover, .cta-topic a:focus, .cta-topic div:hover, .cta-topic div:focus {
    border: 2px solid #CE0058;
    margin: 0;
}

.le-head {
    color: #373737;
}

.nav-head {
    background: white;
    height: 74px;
    padding: 0;
}

.nav-head li {
    padding: 20px 10px;
}

.nav-head .nav-active a {
    background: #456f7d;
    border-radius: 0;
    box-shadow: none;
}

.nav-menu {
    background: white;
    color: #373737;
    border-radius: 0;
    border: 0;
}

    .nav-menu li {
        margin: 0;
        border: 0;
    }

    .nav-menu li:first-child {
        border-radius: 0;
    }

    .nav-menu a {
        display: block;
        font: 300 18px/1.2 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        padding: 15px;
        position: relative;
        min-height: auto;
    }

    .nav-menu .only-sml a {
        color: #373737;
    }

.nav-content {
    background: white;
    box-shadow: none;
}

.nav-content .head {
    border-bottom: 1px solid white;
}

.nav-content .h2 {
    color: #373737;
    font-family: 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@media only screen and (min-width: 767px) {    
    .nav-aux .nav-aux-current,
    .nav-aux .nav-aux-current a {
        color: #373737;
        font-weight: 600;
    }

    .nav-aux a {
        display: block;
        font: 300 18px/1.2 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        padding: 10px;
        text-decoration: none;
    }

    .nav-aux a:link {
        color: #373737;
        text-decoration: none;
    }

    .nav-aux a:hover {
        color: #CE0058;
        text-decoration: underline;
    }


    .nav-primary {
        background: white;
        border-radius: 0;
        box-shadow: none;
    }

    .nav-primary .w-75 {
        float: right;
    }

    .js .nav-menu {
        margin-left: auto;
    }

    .nav-menu a {
        border-left: 1px solid transparent;
        color: #373737;
        font: 400 18px/1.2 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        padding: 10px 15px;
        text-decoration: none;
    }

    .nav-menu li[role=menuitem] a {
        text-decoration: none;
    }

    .nav-menu .nav-em {
        background: transparent;
        color: #373737;
        border-right-color: transparent;
    }
    
    .nav-menu .nav-em a {
        font-weight: 700;
        color: #373737;
    }

    .nav-menu .nav-em a:hover {
        text-decoration: underline;
    }

    .nav-menu .nav-current {
        background: transparent;
        border-right-color: transparent;
    }

    .nav-menu .nav-active, .nav-menu .nav-active:hover {
        background: white;
    }

        .nav-menu .nav-active a {
            color: #373737;
            border-left-color: transparent;
        }

    .nav-content {
        background: white;
        border-radius: 0;
        box-shadow: none;
    }
}


.mod-quicklinks .fm-error {
    color: #373737;
}

.ql-login {
    color: #373737;
    box-shadow: none;
    background: white;
    border-radius: 0;
    padding: 0;
}

    .ql-login a {
        color: #373737;
    }

    .ql-login .tg-head {
        color: #373737;
    }

    .ql-login .fm-check .checked {
        color: #373737;
    }

@media only screen and (min-width: 767px) {
    .ql-login {
        border-radius: 0;
        padding: 10px 0;
    }
    .mod-quicklinks {
        border-radius: 0;
        box-shadow: none;
    }
    .ql-head {
        color: #373737;
        padding: 15px;
        font-size: 26px;
        margin-bottom: 0;
        font-weight: 700;
        position: relative;
        z-index: 10;
        background-color: #fff;
        border-radius: 0;
    }
}

.br-accord li:hover {
    background-color: #CE0058;
}

.product-browse .ca-block i, .product-browse .ca-block div {
    color: #373737;
}

@media only screen and (min-width:767px) {
    .bread div {
        color: #CE0058;
        float: left;
        margin-right: 4px;
        font-weight: 700;
    }

    .bread a {
        color: #373737;
        text-decoration: underline;
    }
}

.tg-accord {
    box-shadow: none;
}

/***
 * Update for style.css
 */

.login-username {
    color: #373737;
}

.nav-menu a {
    font:400 18px/1.176 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.list-extras {
    box-shadow: none;
}

.list-extras .le-item a {
    text-decoration: none;
}

.list-extras .icon-wrap {
    float: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
                    align-items: center;
    width: 100%;
    margin: 1rem 0;
}

.landingPageDashboard {
    border: 0!important;
    border-radius: 3px;
    background: #F0F0F0;
    color: #6BA4B8;
    text-decoration: none;
    height: 160px;
}

.landingPageDashboard h4 {
    color: #6BA4B8;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
}

.landingPageDashboard:hover h4 {
    color: white;
    text-decoration: none;
}

.landingPageDashboard:hover {
    background: #6BA4B8;
    color: white;
    text-decoration: none;
}

span.floatTheDiv.landing-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
}

h6.landing-name {
    font-size: 18px;
    line-height: 1.2;
}

h6.landing-number {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
}


@media only screen and (min-width: 767px) {
    .ql-head {
        color: #373737;
        padding: 0;
    }
}

.mod-locations-map .mod-toggle .tg-head .location-title .i-map-drop, .mod-locations-map .mod-toggle .tg-head .location-title .i-map-drop-active {
    font-family: 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
}

@media only screen and (min-width: 767px) {
    .package-summary .costs .price {
        font-family: 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #373737;
        font-weight: 700;
    }
}

.js .fm-set div {
    box-shadow: none;
}

.selectTopupRadioButtons div label,
#ctl00_ctl00_ctl00_cphParent_cphSubMain_cphMain_ctl00_divTopup>div>div>div>div>fieldset>div>div>label {
    font-family: 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #373737;
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    height: 70px;
    vertical-align: middle;
    background: #F0F0F0;
    border: 0;
    border-radius: .1575rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.selectTopupRadioButtons div label.tg-active {
    background: #CE0058!important;
    box-shadow: none;
    color: white!important;
}

.selectTopupRadioButtons .tabWidthTopup.tabs-topup label:before {
    display: none!important;
}

@media only screen and (min-width: 768px) {
    .selectTopupRadioButtons .tabWidthTopup.tabs-topup {
        max-width: 123px;
        margin-right: 9px;
    }
}


.subscriber-balance .price {
    font-weight: 700;
    font-size: 40px;
    color: #CE0058;
}

.subscriber-balance {
    background: #F0F0F0;
    border-radius: 0.32025rem;
    margin-left: -1.523925rem;
    margin-right: -1.523925rem;
    padding: 2rem 1.523925rem 2rem;
}

@media only screen and (min-width: 768px) {
  .subscriber-balance .w-100.allignTheDivRight.continueButton {
    text-align: center;
  }  
}

/* SVG icons */

.icon-wrap {
    height: 58px!important;
}
.icon-wrap svg,
.list-extras .icon-wrap svg {
    max-width: 65px;
    max-height: 58px;
}

.icon-wrap.icon-credit-check svg {
    width: 58px;
    height: 58px;
}
.icon-wrap.icon-top-up svg {
    width: 54px;
    height: 52px;
}
.icon-wrap.icon-buy-bundle svg {
    width: 59px;
    height: 41px;
}
.icon-wrap.icon-setup svg {
    width: 34px;
    height: 58px;
}
.icon-wrap.icon-my-plan svg {
    width: 53px;
    height: 58px;
}
.icon-wrap.icon-e-receipts svg {
    width: 34px;
    height: 58px;
}
.icon-wrap.icon-my-profile svg {
    width: 39px;
    height: 58px;
}
.icon-wrap.icon-send-msg svg {
    width: 65px;
    height: 50px;
}
.icon-wrap.icon-easy-top-up svg {
    width: 34px;
    height: 58px;
}

.le-item .cls-1 {
    fill: #ccc;
}

.le-item .cls-2 {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2.43px;
}

.le-item .cls-1a,.le-item .cls-2a{
    fill:none;
    stroke:#ccc;
    stroke-width:2.43px;
}
.le-item .cls-1a{
    stroke-linecap:round;
    stroke-linejoin:round;
}
.le-item .cls-2a{stroke-miterlimit:10;}
.le-item .cls-1b{fill:#ccc;}
.le-item .cls-2b{fill:#f0f0f0;}

.le-item a:hover .cls-1,
.le-item a:hover .cls-1b {
    fill: #fff;
}

.le-item a:hover .cls-2b {
    fill: #6BA4B8;
}

.le-item a:hover .cls-2,
.le-item a:hover .cls-1a,
.le-item a:hover .cls-2a {
    stroke: #fff;
}

.userData .changePass .changePass-form .fm-data label {
    width: 100%;
    text-align: left;
}

.userData .changePass .changePass-form .fm-data input {
   max-width: 50%
}

@media only screen and (min-width: 768px) {
    .userData .changePass .changePass-form .passStrength {
       margin-left: 0;
    }
}

.userData .changePass .changePass-form .submitNewPass {
    text-align: center;
}

.userData .changePass .changePass-form .submitNewPass a {
    min-width: 214px;
}

#ErrorPage,
#ErrorPage.dareclick {
    background: transparent!important;
}
#ErrorPage .ErrorPageContainer p.MainText {
    font: 700 7em/1em 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #373737;
}
#ErrorPage .ErrorPageContainer p.MainText span.SubText {
    font: 300 .3em/1em 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #373737;
}

/***
 * Update for Blended 
 */

a:link, a:visited, a:hover, a:active {
    text-decoration: underline;
}
a.btn {
    text-decoration: none;
}

.footer {
    background: #F0F0F0;
    color: #888B8D;
    font-size: 16px;
}

.footer, .footer a, .footer a:visited {
    color: #888B8D;
    text-decoration: none;
}

.footer .grid {
    min-height: auto;
}

.js .footer h3 {
    color: #888B8D;
}

.js .footer .grid h3 {
    font-size: 16px;
}

.js .footer, .js .footer a, .js .footer a:visited {
    color: #888B8D;
}

.js .footer .grid .tg-active h3 {
    color: #888B8D;
}

.js .footer .grid .tg-display a {
    color: #888B8D;
}
.js .footer .grid .tg-head:before, .js .footer .grid .tg-head:after {
    border-right-color: #888B8D;
}
@media only screen and (max-width:767px) {
    .js .footer .grid .tg-body {
        background: #F0F0F0;
        border: 1px solid #888B8D;
    }
}

.footer a:hover,
.js .footer a:hover,
.js .footer a:hover h3,
.js .footer .tg-active:hover h3,
.js .footer .tg-display a:hover {
    color: #CE0058;
}

@media only screen and (min-width: 767px) {
    .js .footer, .js .footer a, .js .footer a:visited,
    .js .footer .grid .tg-display a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 766px) {
    ul.bottomFooter {
        background: #F0F0F0;
        display: inline-block;
        border: 1px solid #888B8D!important
    }
}

@media only screen and (min-width: 767px) {
    .landingPageTopContainer {
        padding-bottom: 0;
    }
}

.prepaidLandingInflate {
    background: #fff;
    border: 0;
    padding: 2rem 0;
    border: 0;
    max-width: 97%;
}


.prepaidLandingInflateLeft {
    background: #fff;
    border: 0;
    padding: 2rem 0;
    border: 0;
    max-width: 100%;
}

.prepaidLandingInflate a,
.prepaidLandingInflate a:visited,
.prepaidLandingInflateLeft a,
.prepaidLandingInflateLeft a:visited {
    color: #373737;
}

.profileContainer {
    border: 1px solid #888b8d;
    border-radius: 6.674px;
    padding: 1rem;
    margin: 0rem -2rem;
}

.userData-details {
    display: flex;
    flex-wrap: wrap;
}

.username, .password {
    display: inline-flex;
    float: none;
    width: 50%;
    flex: 1 0 0;
}

a#changePass {
    min-width: 214px;
    margin-left: calc(50% - 107px);
    margin-right: calc(50% - 107px);
}

.btnSubmit {
    text-align: center;
}

.btnSubmit .btn {
    min-width: 214px;
}
/* View my bill checkbox styling */
#ctl00_ctl00_cphParent_cphMain_ctl00_rdblMonths_rbInput input {
    display: none;
}
#ctl00_ctl00_cphParent_cphMain_ctl00_rdblMonths_rbInput label {
    color: #888B8D;
    display: inline-flex!important;
    align-items: center;
}
#ctl00_ctl00_cphParent_cphMain_ctl00_rdblMonths_rbInput label:before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 38px; min-width: 38px;
    background: #F0F0F0;
    margin-right: 0.5rem;
    
}
#ctl00_ctl00_cphParent_cphMain_ctl00_rdblMonths_rbInput label.checked:before {
    background: #888B8D;
    content:'✓';
    color: white;
}

/* E-billing checkbox styling */
.e-billing .checkbox-wrapper {
    display: block;
    width: 100%;
    min-height: 42px;
}

.e-billing input[type="checkbox"] ~ label {
    color: #888B8D;
    margin-left: 50px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    height: 42px;
    align-items: center;
}
.e-billing input[type="checkbox"]:before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 38px; min-width: 38px;
    background: #F0F0F0;
    margin-right: 0.5rem;
    
}
.e-billing input[type="checkbox"]:checked:before {
    background: #888B8D;
    content:'✓';
    color: white;
}

/* Retreive login details radio styling */

.js .fm-check label,.js .fm-radio label {
    color: #888B8D;
    display: inline-flex;
    align-items: center;
    background: none;
    font-weight: 600;
    padding: 0;
}

.js .fm-check .checked,.js .fm-radio .checked {
    background-image: none;
    color: #888B8D;
    font-weight: 600;
}

.js .fm-check label:before,.js .fm-radio label:before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 38px; min-width: 38px;
    background: #F0F0F0;
    margin-right: 0.5rem;
    
}
.js .fm-check .checked:before,.js .fm-radio .checked:before {
    background: #888B8D;
    content:'✓';
    color: white;
}

.topupRadioButtons {
    display: block;
    padding: 0;
    width: 100%;
}

.topupRadioButtons label {
    display: inline-block!important;
    font-size: 18px!important;
    font-weight: 600!important;
    text-decoration: none;
    text-align: left!important;
    color: #888b8d;
    border: 0!important;
    padding: .421rem .5rem!important;
    line-height: 1.5!important;
    border-radius: 0!important;
    box-shadow: none!important;
    margin: 0!important;
}

.topupRadioButtons.fm-set div .checked {
    width: 50%;
    background: white;
    text-decoration: underline;
    color: #373737;
}

.topupRadioButtons label:before,
.topupRadioButtons .checked:before {
    display: none!important;
}

.bundle-box.topupNumberBoxShow,
.bundle-box.topupAnotherNumberBoxShow {
    width: 50%!important;
}

@media only screen and (min-width: 768px) {
    .bundle-box.topupAnotherNumberBoxShow { 
        margin-left: 50%;
    }
}
.bundle-box.topupNumberBoxShow .floatTheDiv,
.bundle-box.topupAnotherNumberBoxShow .floatTheDiv {
    width: 90%;
    text-align: left;
}

.topupNumberBoxShow .fm-data 
.topupAnotherNumberBoxShow  .fm-data {
    padding: 0 0 30px;
}

.topupNumberBoxShow .fm-data label.bundle-box-label.h4,
.topupNumberBoxShow .fm-data label.labelBorder {
    border: 0;
    border-radius: 3px;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    box-shadow: none;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    width: 100%;
    color: #888B8D;
    background-color: #F0F0F0;
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .simple-accord .tg-body {
        padding: 0;
    }
}

table#bundlesTable thead tr {
    background: #F0F0F0;
    color: #888b8d;
}

.band-table tbody tr:nth-child(2n+1) {
    border: 0;
    background: white;
}

.band-table tbody tr:nth-child(2n) {
    background: white;
}

.w-100.allignTheDivRight.continueButton {
    text-align: center;
}
.w-100.allignTheDivRight.continueButton a {
    min-width: 214px;
}

.tg-accord-lrg .tg-active,
.tg-accord-lrg .tg-item {
    box-shadow: none;
}

.simple-accord .tg-head {
    padding: 0;
    margin: 0;
}

/* Easy-topup radio input styling */
.easyTopUpSelect li {
    color: #888B8D;
    margin:0 0 10px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    height: 42px;
    align-items: center;
    position: relative;
    padding: 5px 0 0 42px!important;
    margin-bottom: 10px;
    font-weight: 400!important;
}

.easyTopUpSelect li span.radioButton {
    position: absolute;
    left: 0;
}

.easyTopUpSelect input[type="radio"] {
    display: inline!important;
    width: 20%!important;
    
}
.easyTopUpSelect input[type="radio"]:before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 38px; min-width: 38px;
    background: #F0F0F0;
    margin-right: 0.5rem;
    
}
.easyTopUpSelect input[type="radio"]:checked:before {
    background: #888B8D;
    content:'✓';
    color: white;
}

/* Table list radio inputs styling (credit cards) */
.noPadding.RadioButtonList input[type="radio"] {
    position:relative;
}
.noPadding.RadioButtonList input[type="radio"]:before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 18px;
    width: 18px; 
    min-width: 18px;
    background: white;
    border: 2px solid #888B8D;
    box-sizing: border-box;
    font-size: 12px;
    position: absolute;
    top: -2px;
}
.noPadding.RadioButtonList input[type="radio"]:checked:before {
    background: #888B8D;
    content:'✓';
    color: white; 
}

.grid input[type="image"] {display: inline-block;width: 18px;height: 18px;}
.grid input[type="image"]:last-child {margin-left: 10px!important;}

table.sortable tr td.noborder:last-child {
    min-width: 80px;
}

/***
 * Update for modules.css
 */

.mod12Col,
.mod10Col,
.mod9Col,
.mod7Col,
.mod6Col,
.mod5Col,
.mod45Col,
.mod4Col,
.mod35Col,
.mod3Col,
.mod3ColSidebar,
.mod2Col {
    background: white;
    border: 0;
}

.mod2Col .modHeader {
    height: auto;
}
.mod3ColSidebar span.button {
	margin: -30px 5px 0 0;
}
.mod3ColSidebar #account .title,
.mod3ColSidebar #support .title,
.mod3ColSidebar #contact .title,
.mod3ColSidebar #popular .title,
.mod3ColSidebar #compare .title,
.mod3ColSidebar #basket .title,
.mod3ColSidebar #eForums .title {
    height: 2.5rem;
}

.mod45Col {
    margin: 2px 6px 10px 0;
}

.mod7Col .addNewContact .twoColumns li.left {
    width: 100%!important;
    margin-top: 1rem;
}

.mod7Col .modHeader {
    padding: 0.5rem 0;
    height: auto;
}

.mod7Col .modHeader h2 {
    margin: 0;
}

.mod7Col .twoColumns li.left,
.mod7Col .twoColumns li.right {
    width: 50%;
}

.modBody .modHeader {
    padding: 0.5rem 0;
    height: auto;
    margin-top: 1rem;
}

/***
 * Update for blended.css
 */
a.buttonLight,
a.buttonDark,
a.buttonGreen,
a.buttonLoggedIn,
a.buttonLight:link, 
a.buttonLight:visited {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: white;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    padding: .421rem .5rem;
    line-height: 1.5;
    border-radius: .1575rem;
    box-shadow: none;
    background: #888B8D;
    background-image: none!important;
}

a.buttonLight.disabled,
a.buttonLight.disabled span,
a.buttonDark.disabled,
a.buttonDark.disabled span ,
a.buttonGreen.disabled,
a.buttonGreen.disabled span {
    background: #F0F0F0;
    color: #D9D9D9;
}

a.buttonLight span,
a.buttonDark span,
a.buttonGreen span,
a.buttonLoggedIn span,
a.buttonLight:hover span,
a.buttonDark:hover span,
a.buttonGreen:hover span,
a.buttonLoggedIn:hover span,
a.buttonLight.disabled span {
    background: none;
    height: auto;
    padding: 0;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    float: none;
    white-space: nowrap
}
a.buttonLight,
a.buttonLight:link,
a.buttonLight:visited {
    background: #6BA4B8;
    color: white;
    font-size: 18px;
}
a.buttonLight:hover,
a.buttonLight:active {
    background: #456f7d;
    color: rgba(255,255,255,0.5)!important;
    text-shadow: none;
    box-shadow: none;
}

a.buttonDark,
a.buttonDark:link, 
a.buttonDark:visited,
a.buttonGreen,
a.buttonGreen:link, 
a.buttonGreen:visited,
#account .buttonDark {
    background: #CE0058;
    color: white;
    font-size: 18px;
}

a.buttonDark:hover, 
a.buttonDark:active,
a.buttonGreen:hover, 
a.buttonGreen:active,
#account .buttonDark:hover,
#account .buttonDark:active {
    background: #8c043a;
    color: rgba(255,255,255,0.5);
    text-shadow: none;
    box-shadow: none;
}

ul.myclub li.leftSide,
ul.myclub li.rightSide {
    width: 100%;
}

ul.myclub li.rightSide {
    padding: 0.5rem 0;
    border-bottom: 1px solid #F0F0F0;
}

ul.myclub2 li.rightSide a.buttonLight span {
    width: auto;
}

ul.myclub li.fullLine {
    border-bottom: 1px solid white;
}


/***
 * Update for vfmalta.css
 */
 
 .modalButtons {
     min-height: 50px;
     height: auto;
    }
    .termsconditions ul li span {
        padding: 0;
    }

    ul.easyTopUpSelect li {
        color: #888B8D;
        font-weight: 700;
    }
    
    .forms .radioButton, 
    .forms span.radioButton input, 
    .forms .checkBox, 
    .forms span.checkBox input {
        margin: 0;
    }
    
    .forms span.radioButton,
    .forms span.checkBox  {
        color: #888B8D;
        display: inline-flex;
        align-items: center;
        margin: 0;
    }
    
    .forms table .radioButton, .forms table span.radioButton input, .forms table .checkBox, .forms table span.checkBox input {
        width: 1rem;
        height: 1rem;
    }
    

    .topup .choosestartingdate ul button {
        margin-top: -32px;
        margin-right: -10px;
    }

    .ui-widget-header {
        border: 0;
        background: #F0F0F0;
        color: #373737;
        font-weight: 700;
    }

    .tdHead, .tdHead2, .tdHead a, .tdHead2 a {
        background: none repeat scroll 0 0 #F0F0F0;
        border: 0;
        color: #888b8d!important;
        font-size: 18px!important;
        text-decoration: none;
        font-weight: 600;
    }

    .forms table tr {
        border: 0;
    }

    .tdEven, .tdEven2, .tdOdd, .tdOdd2, .tdHead, .tdHead2 {
        padding: 12px 10px 9px;
    }

    .tdEven, .tdEven2, .tdOdd, .tdOdd2 {
        font-size: 16px;
        font-weight: 400;
        border: 0;
    }

    .tdEven, .tdEven2 {
        background: none repeat scroll 0 0 #F0F0F0;
    }

    .tdOdd, .tdOdd2 {
        background: none repeat scroll 0 0 #FFFFFF;
    }

    .modCopy.topup .floatRight{
        text-align: center;
    }

    .modCopy.topup .floatRight a {
        min-width: 214px;
    }

/* Bulk Messaging */
.bulkMessaging {
    position: relative;
}

.bulkMessaging span.radioButton {
    min-height: 42px;
    width: 38px!important;
    top: 0;
    align-items: flex-start;
}

.bulkMessaging span.radioButton input {
    top: 0;
}

.bulkMessaging input[type="radio"] {
    position: relative;
}

.bulkMessaging input[type="radio"]:before {
    content: '';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 38px; 
    min-width: 38px;
    background: #F0F0F0;
    margin-right: 0.5rem;
    font-size: 18px!important;
}

.bulkMessaging input[type="radio"]:checked:before {
    background: #888B8D;
    content:'✓';
    color: white;
}

.bulkMessaging #whentosendoptions select {
    width: auto;
    margin-right: 5px;
}

.bulkMessaging .buttonLight {
    min-width: 214px;
}

.bulkMessaging ul.twoColumns li.left {
    width: 100%!important;
    font-size: 18px;
}

.bulkMessaging .messagesConsumed {
    position:absolute;
    right: 0;
    top:0;
    color: #888B8D;
}

.bulkMessaging textarea,
.bulkMessaging .bulk_recipients input.file,
.bulkMessaging .club_recipients input.file {
    border: 0;
    border-radius: 3px;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    box-shadow: none;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    width: 100%;
    color: #888B8D;
    background-color: #F0F0F0;
}

.bulkMessaging .bulk_recipients input.file,
.bulkMessaging .club_recipients input.file {
    margin-left: 10px;
}

.bulkMessaging .bulk_recipients input.text,
.bulkMessaging .bulk_recipients input[type="text"],
.bulkMessaging .club_recipients input.text,
.bulkMessaging .club_recipients input[type="text"] {
    padding: 10px;
    float: left;
    max-width: 320px;
    margin-left: 10px;
}

.bulkMessaging .bulk_recipients .right span {
    font-size: .8rem;
}

.bulkMessaging #radiobuttons input {
    margin: 0 2rem 0 0;
}
.bulkMessaging #radiobuttons ul.twoColumns li.right,
.bulkMessaging ul.twoColumns.club_recipients li.right {
    font-size: 18px;
    line-height: 42px;
}

.bulkMessaging .buttonLight {
    margin-left: calc(50% - 107px);
    margin-right: calc(50% - 107px);
}

.fileinputs div[title="Browse"] {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: white;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    padding: .421rem .5rem;
    line-height: 1.5;
    border-radius: .1575rem;
    box-shadow: none;
    width: auto!important;
    height: 42px!important;
    background: #888B8D!important;
    background-image: none!important;
    position: relative;
}
.fileinputs div[title="Browse"]:hover {
    background: #373737!important;
    color: rgba(255,255,255,0.5);
}

.fileinputs div[title="Browse"]:before {
    content: "Browse";
    position: absolute;
    left: 0;
    right: 0;
}

input.file.inputDisabled ~ div[title="Browse"],
input.file.inputDisabled ~ div[title="Browse"]:hover {
    background: #888B8D!important;
    color: white!important;
    opacity: .5;
}

input.file.inputDisabled ~ div[title="Browse"]:before {
    opacity: .5;
}

.w-100,
.floatRight.w-100,
.floatLeft.w-100 {
    width: 100%;
}

/* tabs */
ul.tabs, ul.tabs2, ul.controls {
    height: 42px;
    margin: 0 -5px;
    padding: 0;
}

ul.tabs li, ul.tabs2 li, ul.controls li {
    height: 42px;
    margin-right: 0.25rem;
}

ul.tabs li.first-tab, ul.tabs2 li.first-tab, ul.controls li.first-tab {
    margin: 0 .25rem 0 0;
}

ul.tabs li a span, ul.tabs2 li a span {
    background: #888B8D;
    height: 42px;
    padding: 0 .35rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 14px;
}

ul.tabs li a:hover span, ul.tabs2 li a:hover span {
    height: 42px;
    background: #373737;
    color: rgba(255,255,255,0.5);
    padding: 0 .35rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

ul.tabs li.active a:hover span, ul.tabs2 li.active a:hover span {
    background: white;
    color: #8c043a;
}

ul.tabs li.active a:link, ul.tabs li.active a:visited, ul.tabs li.active a:hover, ul.tabs li.active a:active, ul.tabs2 li.active a:link, ul.tabs2 li.active a:visited, ul.tabs2 li.active a:hover, ul.tabs2 li.active a:active {
    background: white;
    border: 1px solid #888B8D;
    border-bottom: 0;
    font-size: 18px;
    padding: 0;
    color: #373737;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

ul.tabs li.active a span, ul.tabs2 li.active a span {
    background: white;
    height: 42px;
    padding: 0 .35rem;
    line-height: 42px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:hover, ul.tabs li a:active, ul.tabs2 li a:link, ul.tabs2 li a:visited, ul.tabs2 li a:hover, ul.tabs2 li a:active {
    background: #888B8D;
    color: white;
    font-size: 18px;
    padding: 0;
    line-height: 42px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.tab-container {
    border: 1px solid #888B8D;
}

div.tab-container.clearfix {
    margin-top: 2px;
}

/* modal */
.modal .modHeader h2 {
    font-size: 22px!important;
    font-weight: 300;
}

.mod7Col .modBody {
    font-size: 18px;
}

div#exposeMask {
    background-color: #373737!important;
    opacity: 0.75!important;
}

#whentosendoptions span.floatLeft.paddingRight20 {
    width: auto!important;
}

/***
 * Update for register.css
 */
 
 .modCopy.register input[type="text"], 
 .modCopy.register input[type="number"], 
 .modCopy.register input[type="password"], 
 .modCopy.register select, 
 .modCopy.register textarea {
     width: auto;
     min-width: 50%;
    }
/***
 * Update for topup.css
 */
.topup .subBox.chooseTopUp ul {
    display: flex;
    width: 100%;
}

.topup .subBox.chooseTopUp ul li {
    margin: 0 9px 0 0;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    width: 100%;
    max-width: 123px;
}

.topup .subBox.chooseTopUp ul li input[type="radio"]{ display: none; }

.topup .subBox.chooseTopUp ul li span {
    font-family: 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #373737;
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    height: 70px;
    vertical-align: middle;
    background: #F0F0F0;
    border: 0;
    border-radius: .1575rem;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 123px;
}

.topup .subBox.chooseTopUp ul li.selected span {
    background: #CE0058!important;
    box-shadow: none;
    color: white!important;
}

/***
 * Top bar 
 */


 #smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue',sans-serif;
    background: -webkit-linear-gradient(top,#f4f4f4 0%,#cdcdcd 100%);
    background-image: -ms-linear-gradient(top,#f4f4f4 0%,#cdcdcd 100%);
    background-image: -moz-linear-gradient(top,#f4f4f4 0%,#cdcdcd 100%);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

#smartbanner,html.sb-animation {
    -webkit-transition: all .3s ease
}

#smartbanner .sb-container {
    margin: 0 auto
}

#smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    font-family: 'CFAstyPro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #373737;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0,0,0,.4);
    -webkit-font-smoothing: subpixel-antialiased
}

#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa
}

#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0,0,0,.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

#smartbanner.no-icon .sb-icon {
    display: none
}

#smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255,255,255,.8)
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px
}

#smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px
}

#smartbanner .sb-info>span {
    display: block
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase
}

#smartbanner .sb-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top,#efefef 0%,#dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.6),0 1px 0 rgba(255,255,255,.7) inset
}

#smartbanner .sb-button:active,#smartbanner .sb-button:hover {
    background: -webkit-linear-gradient(top,#dcdcdc 0%,#efefef 100%)
}

#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255,255,255,.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top,rgba(255,255,255,.7) 0%,rgba(255,255,255,.2) 100%);
    border-radius: 10px 10px 12px 12px
}

#smartbanner.android {
    border-color: #F0F0F0;
    background: #F0F0F0;
    border-top: 5px solid #373737;
    box-shadow: none;
}

#smartbanner.android .sb-close {
    border: 0;
    width: 20px;
    height: 20px;
    line-height: 17px;
    color: #373737;
    background: white;
    text-shadow: 0 0 BLACK;
    box-shadow: none;
}

#smartbanner.android .sb-close:active {
    color: #eee
}

#smartbanner.android .sb-info {
    color: #888B8D;
    text-shadow: 0 0 BLACK;
}

#smartbanner.android .sb-info strong {
    color: #373737;
}

#smartbanner.android .sb-button {
    min-width: 12%;
    border: 1px solid #dddcdc;
    padding: 1px;
    color: #d1d1d1;
    background: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 28px
}

#smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42b6c9;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#42b6c9),to(#39a9bb));
    background-image: -moz-linear-gradient(top,#42b6c9,#39a9bb);
    text-transform: none;
    text-shadow: none;
    box-shadow: none
}

#smartbanner.android .sb-button:active,#smartbanner.android .sb-button:hover {
    background: none
}

#smartbanner.android .sb-button:active span,#smartbanner.android .sb-button:hover span {
    background: #2ac7e1
}

#smartbanner.windows .sb-icon {
    border-radius: 0
}

#smartbanner .sb-close {
    width: 15px;
    height: 15px;
    line-height: 11px
}

#smartbanner {
    border-color: #F0F0F0;
    background: #F0F0F0;
}

#smartbanner .sb-info {
    color: #888B8D;
    text-shadow: none;
}

#smartbanner .sb-icon.gloss:after {
    border-top: none;
    top: 1px
}

#smartbanner .sb-info strong {
    color: #373737;
}

#smartbanner .sb-button span {
    text-transform: none;
    background: #CE0058;
    border-radius: 3px;
    box-shadow: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 21px 11px;
    text-align: center;
    text-shadow: 0;
    line-height: 1;
    margin-left: -44px;
    margin-top: -28px
}

#smartbanner .sb-button {
    text-transform: none;
    background: #CE0058;
    border-radius: 3px;
    box-shadow: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 40px 11px;
    text-align: center;
    text-shadow: 0;
    line-height: 1;
    width: 22px
}

#smartbanner .sb-button:active span,#smartbanner .sb-button:hover span {
    background: #680f6b
}

#smartbanner .sb-button {
    padding: 0;
    margin-left: -49px
}

#smartbanner.android {
    border-color: #F0F0F0;
    background: #F0F0F0;
}

#smartbanner.android .sb-button span {
    text-transform: none;
    background: #CE0058;
    border-radius: 3px;
    box-shadow: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 21px 11px;
    text-align: center;
    text-shadow: 0;
    line-height: 1;
    margin-left: -44px;
    margin-top: -28px
}

#smartbanner.android .sb-button {
    text-transform: none;
    background: #CE0058;
    border-radius: 3px;
    box-shadow: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 40px 11px;
    text-align: center;
    text-shadow: 0;
    line-height: 1;
    width: 22px
}

#smartbanner.android .sb-button:active span,#smartbanner.android .sb-button:hover span {
    background: #680f6b
}

#smartbanner.android .sb-button:active span,#smartbanner.android .sb-button:hover span {
    background: #680f6b
}