@font-face {
    font-family: nexa_bold;
    src: url(./fonts/new_clients_fonts/Nexa_Bold.otf);
}
@font-face {
    font-family: segoe_UI;
    src: url(./fonts/new_clients_fonts/Segoe_UI.ttf);
}
@font-face {
    font-family: SansaPro_Bold;
    src: url(./fonts/new_clients_fonts/SansaPro_Bold.otf);
}
* {
    color: #2A295C;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'SansaPro_Bold', sans-serif;
}
p, button, .single-blog span, a, button {
    font-family: 'segoe_UI', sans-serif !important;
}
.joinnow-homepage .btn {
    background: #BC9A6A !important;
    border: 1px solid #BC9A6A !important;
}
.terms-and-conditions {
    min-height: 600px;
}
.copy-right img {
    height: 50px;
}
.search_content.search_results {
    min-height: 600px !important;
    margin: 25px auto;
    width: 1041px;
}
span {
    font-family: 'akkurat', sans-serif !important;
}
body {
    font-family: 'segoe_UI', sans-serif !important;
}
.heading-tabs {
    font-family: nexa_bold;
}
.login-header .logo span {
    font-family: 'segoe_UI', sans-serif !important;
}
.login-header .navbar { 
    background: #00527A;
}
.slide-telstra {
    background-image: url(https://myrewards-media.s3.ap-southeast-2.amazonaws.com/webroot/choa/choa_login_banner.jpg);
    /*margin-bottom: 60px;*/
    min-height: 600px;
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
}
.slide-telstra .carousel-details .box-login .head {
    color: #D93923;
    font-size: 26px;
    margin: 0;
    line-height: 35px;
    font-family: 'SansaPro_Bold', sans-serif;
}
.terms-conditions, .terms-conditions:hover {
    color: #D93923;
    font-family: nexa_bold !important;
    text-decoration: underline;
}
.slide-telstra .carousel-details .box-login .btn {
    width: 100%;
    background: #D93923;
    border: 1px solid #D93923;
    border-radius: 10px;
    text-align: left;
    font-family: 'segoe_UI', sans-serif !important;
    font-size: 16px;
}
.slide-telstra .carousel-details .box-login .btn span, .review-telstra .heading a, .my-account-telstra .custom-checkbox {
    font-family: 'segoe_UI', sans-serif !important;
    color: #fdfdfd;
}
.slide-telstra .carousel-details .box-login .btn .fa {
    color: #fdfdfd;
}
.links .log, .links .first-time, .custom-checkbox, footer h4, .login-header .navbar-nav li.my-account .dropdown-link, .headings span, .heading span, .whats-hot, .product-details .link-view span, .product-show .heading, .read-reviews .reviews, .review-telstra .heading, .review-telstra .review .details h4, .review-write h4, .review-write label, .review-write .btn, .my-account-telstra .name-welcome, .my-account-telstra .head, .my-account-telstra .receive, .my-account-telstra .btn, .my-account-telstra .btn span, .contact-us-telstra .btn span, .contact-us-telstra .head, .my-favourites h3, .terms-and-conditions h3, .terms-and-conditions b, .sm-checkout-new .breadcrumb li a, .sm-checkout-new .continue-shopping, .breadcrumb li.completed a, .add-new a, .continue-checkout a, .switch input:checked + .slider, .switch input:checked + .slider, .sm-checkout-new .continue a, .sm-checkout-new .continue a span, .sm-checkout-new .mobile-otp-verify .btn {
    font-family: 'nexa_bold', sans-serif !important;
}
.product-show .tabs-custom li {
    /*float: left;*/
}
footer ul li a {
    display: block;
    color: #2A295C !important;
}
footer .copy-right p {
    color: #2A295C !important;
}
.product-details p span {
    font-size: 14px !important;
}
.privacy-fair-list ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}
.privacy-fair-list li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
    font-weight: 400;
    letter-spacing: initial;
}
.privacy-fair-list li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    width: 40px;    
}
.privacy-fair-list li li {
    margin: 0 0 15px 0;
    padding-right: 35px;
    letter-spacing: initial;
    font-weight: 400;
}
.privacy-fair-list li li:before {
    width: 40px;
    content: counters(item, ".") " ";
}
.privacy-fair-list li p {
    color: #000 !important;
    line-height: 23px !important;
    font-size: 14px !important;
}
.privacy-fair-list .para-list-show .cms-list {
    padding-right: 25px;
    display: table-cell;
}
.privacy-fair-list .para-list-show .cms-list2 {
    display: table-cell;
}
.privacy-fair-list .para-list-show .list-dot-cms1 {
    display: table;
}
.privacy-fair-list .dots-list {
    padding-left: 25px;
}
.privacy-fair-list .dots-list p {
    margin: 0;
}
.privacy-fair-list .dots-list .dot:before {
    height: 5px;
    width: 5px;
    content: "";
    top: 9px;
    left: 23px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
}
.privacy-fair-list .dots-list .dot {
    position: relative;
    width: 55px;
    display: table-cell;
}
.privacy-fair-list .dots-list {
    display: table;
}
.privacy-fair-list .dots-list span {
    display: table-cell;
}
.list-dot-cms {
    display: table;
}
.right-dot-cms {
    display: table-cell;
}
@media only screen and (max-width: 767px) {
    .slide-telstra {
        background-image: url(https://myrewards-media.s3.ap-southeast-2.amazonaws.com/webroot/choa/choa_login_banner.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 767px) {
    .search_content.search_results {
        width: 95%;
    }   
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .search_content.search_results {
        width: 95%;
    }
}
i.fa.fa-angle-left.left-arrow {
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.login-section {
    padding: 40px 0;
}
.login-section .container {
    width: 1170px;
}
.products-list {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: calc(100% + 14px);
    margin: 0 0 0 -7px;
}
.products-list li {
    float: left;
    width: 20%;
    padding: 0 7px;
    margin-bottom: 50px;
}
.products-list li a {
    display: block;
    color: #000;
}
.products-list li a .image img {
    width: 100%;
}
.products-list li a .details {
    min-height: 220px;
    background: #F7F7F8;
    position: relative;
    padding: 8px 15px 50px 15px;
}
.products-list li a .details h4 {
    font-size: 16px;
    line-height: 25px;
    font-family: 'nexa_bold', sans-serif !important;
}
.products-list li a .details p {
    font-size: 14px;
}
.products-list li a .details span {
    background: #BC9A6A;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-family: 'nexa_bold', sans-serif !important;
    right: 15px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 31px;
    padding-top: 3px;
}
.client-gitcard-banner {
    margin-bottom: 50px;
    position: relative;
    display: block;
    font-family: 'nexa_bold', sans-serif !important;
}
.download-apps-list {
    font-family: 'nexa_bold', sans-serif !important;
}
.gift-card-head {
    position: absolute;
    top: 0;
    font-family: 'nexa_bold', sans-serif !important;
    left: 50px;
    line-height: 117px;
    color: #BC9A6A;
    font-size: 46px;
}
.gift-card-btn {
    background: #BC9A6A;
    position: absolute;
    top: 34px;
    right: 50px;
    padding: 12px 60px;
    color: #fff;
    text-transform: uppercase;
}
.box-apps-download {
    float: left;
    width: 63%;
    margin-bottom: 60px;
    box-shadow: 0 0 1px 1px #ccc;
}
.box-apps-download .image img {
    width: 100%;
}
.box-apps-download .image {
    position: relative;
}
.box-apps-download .image:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid #fff;
}
.download-apps-list {
    top: 75px;
    right: 30px;
    left: 60px;
    position: absolute;
    font-size: 33px;
    color: #BC9A6A;
    line-height: 36px;
}
.box-left-offers a {
    display: block;
}
.box-left-offers .middle {
    margin: 20px 0;
}
.box-apps-download .ios {
    position: absolute;
    top: 200px;
    right: 30px;
    left: 60px;
    width: 150px;
}
.box-apps-download .android {
    position: absolute;
    top: 265px;
    right: 30px;
    left: 60px;
    width: 150px;
}
.box-left-offers {
    float: left;
    width: 37%;
    padding-right: 20px;
}
.box-left-offers img {
    width: 100%;
}
.app-download-main {
    display: inline-block;
    width: 100%;
}
.navbar {
    min-height: 65px !important;
}
#nearest-products-mobile {
    display: none;
}
.slide-telstra .carousel-details .box-login {
    width: 370px;
    border-top: 8px solid #E00;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
}
.auth .login-main-admin .login-form .heading {
    font-size: 35px;
    position: relative;
    font-weight: 600;
    margin-bottom: 35px;
    color: #2A3A98;
}
.auth .login-main-admin .login-form .heading::before {
    height: 5px;
    background: #EE0000;
    content: "";
    left: 0;
    bottom: -6px;
    position: absolute;
    width: 50px;
}
.auth .play-img {
    width: 20%;
}
.auth .auth-btn {
    background: #E00;
    border: 1px solid #E00;
}
.auth .login-form {
    width: 400px;
}
.auth .lft-border {
    border-left: 1px solid #2a3a98;
    padding-left: 3%;
}
.twofa .code {
    width: 36px;
    margin-right: 7px;
    display: inline-block;
}
@media only screen and (max-width: 767px) {
    .auth .login-form {
        width: 100%;
    }
    .auth .lft-border {
        border-left: 0px;
    }
    .gift-card-head, .gift-card-btn {
        display: none;
    }
    .products-list li a .details {
        padding: 2px 10px 50px 10px;
    }
    .carousel-details .box-login {
        width: 100%;
        padding: 25px;
    }
    .products-list li {
        width: 50%;
    }
    .products-list li a .details span {
        font-size: 13px;
        left: 10px;
        right: 10px;
    }
    .products-list li:nth-child(odd) {
        clear: both;
    }
    .products-list li a .details h4 {
        min-height: 50px;
    }
    .products-list li a .details p {
        overflow: hidden;
        display: -webkit-box; 
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    footer .container {
        width: 95%;
    }
    .box-left-offers {
        width: 100%;
        padding-right: 0;
    }
    .box-apps-download {
        width: 100%;
        margin-top: 10px;
    }
    .footer-logo {
        float: left;
        text-align: left;
    }
    .download-apps-list {
        top: 20px;
        left: 20px;
        font-size: 18px;
        line-height: 21px;
    }
    .box-apps-download .ios {
        position: absolute;
        top: 90px;
        left: 20px;
        width: 100px;
    }
    .box-apps-download .android {
        position: absolute;
        top: 130px;
        right: 30px;
        left: 20px;
        width: 100px;
    }
    .box-left-offers .middle {
        margin:  10px 0;
    }
    .login-section .container {
        width: 100%;
    }
    #nearest-products {
        display: none;
    }
    #nearest-products-mobile {
        display: block;
    }
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .download-apps-list {
        top: 20px;
        right: 20px;
        left: 20px;
        font-size: 20px;
        line-height: 22px;
    }
    .products-list li a .details h4 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;    
    }
    .products-list li a .details p {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .box-apps-download .ios {
        top: 100px;
        right: 30px;
        left: 20px;
    }
    .box-apps-download .android {
        top: 165px;
        right: 30px;
        left: 20px;
    }
    .gift-card-btn {
        top: 16px;
        right: 50px;
        padding: 8px 30px;
    }
    .gift-card-head {
        top: 0;
        left: 30px;
        line-height: 77px;
        font-size: 28px;
    }
    .box-left-offers .middle {
        margin: 15px 0;
    }
    .login-section .container {
        width: 90%;
    }
}
@media only screen and (min-width: 1500px) {
    .banner-main-login {
        min-height: 700px;
    }
    .carousel-details .box-login {
        margin:  70px 0;
    }
}
