/*********************************************************************************
common styles
***************/
@font-face {
    font-family: 'Poppins-Black';
    src: url('../fonts/Poppins-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Thin';
    src: url('../fonts/Poppins-Thin.ttf') format('truetype');
}

body {
    background: #fff !important;
    color: #333 !important;
    font-family: 'Poppins-Regular'; /*,'Open Sans', sans-serif!important;*/
    font-size: 13px !important;
}

.container-fluid {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

h1, h2, h3, h4, h5, p, ul, li {
    margin: 0px !important;
    padding: 0px !important;
}

a {
    color: #333;
    cursor: pointer;
    text-decoration: none !important;
}

    a:active {
        box-shadow: none !important;
    }

p {
    line-height: 22px;
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

h1, h2 {
    margin-bottom: 10px !important;
}

img {
    max-width: 100% !important
}
/*********************************************************************************
colored text and buttons
***************/
.text-pink {
    color: #e6237f;
}

.text-white {
    color: #fff !important;
}

.btn-red {
    background: #dd2400;
    color: #fff !important
}

.btn-blue {
    background: #005dab;
    color: #fff !important
}

.btn:hover {
    background: #333 !important;
    color: #fff !important;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    margin-right: 0px !important;
}

.btn {
    display: inline-block;
    padding: 6px 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    outline: none;
}
/*********************************************************************************
header styles
***************/
header {
    background: #fff;
    border-bottom: 0px solid;
    width: 100%;
    z-index: 999;
}

    header.header-fixed {
        -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    }

        header.header-fixed .logo img {
            max-width: 80% !important;
        }

        header.header-fixed .my-search {
            margin: 15px 0 0px 0;
        }

        header.header-fixed .shop-cart {
            margin: 17px 0 0px 0;
        }

        header.header-fixed .my-wallet {
            margin: 17px 0 0px 0;
        }

        header.header-fixed .user-nav ul {
            margin: 16px 0 0px 0 !important;
        }

        header.header-fixed .category-nav {
            margin: 20px 10px 0px 10px !important;
        }
    /* top bar*/
    header .top-bar {
        height: auto;
        background: #f8f7f7;
        border-bottom: 1px solid #eaeaea;
    }
    /*cont nav */
    header .cont-nav ul {
        list-style: none;
        float: left;
    }

        header .cont-nav ul li {
            float: left;
        }

        header .cont-nav ul a {
            display: block;
            padding: 5px 5px;
            color: #333 !important;
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            transition: all 300ms linear;
        }

            header .cont-nav ul a .call-icon:before {
                content: url(../design_img/icon-customer-care.png);
                vertical-align: -3px;
                margin-right: 5px;
            }

            header .cont-nav ul a .fa {
                margin-right: 5px;
            }

            header .cont-nav ul a:hover {
            }
    /*top nav*/
    header .top-nav {
        float: right
    }

        header .top-nav.m-top-nav {
            display: none;
        }

        header .top-nav ul {
            list-style: none;
        }

        header .top-nav > ul > li {
            float: left;
            position: relative;
            white-space: nowrap
        }

        header .top-nav ul a {
            display: block;
            padding: 5px 8px;
            color: #333 !important;
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            transition: all 300ms linear;
        }

            header .top-nav ul a.top-nav-open {
                padding: 10px 0px 0px 0px;
                height: 32px;
            }

                header .top-nav ul a.top-nav-open:before {
                    /*content: url(../design_img/icon-three-circle.png);*/
                    content: 'Other Menu ' url(../design_img/icon-arrow.png);
                    ;
                    vertical-align: middle
                }

            header .top-nav ul a.top-nav-close {
                padding: 10px 0px 0px 0px;
                height: 32px;
            }

                header .top-nav ul a.top-nav-close:before {
                    content: "\f00d";
                    display: inline-block;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: inherit;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

            header .top-nav ul a:hover {
                color: #f21071 !important;
            }
        /**/
        header .top-nav ul ul {
            position: absolute;
            background: #fff;
            top: 32px;
            right: 0;
            z-index: 1;
            display: none;
            border: 1px solid #eee;
            -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
        }

            header .top-nav ul ul a {
                padding: 7px 20px;
            }
    /*logo bar*/
    header .logo-bar {
        background: #fff;
    }

    header .logo {
        width: auto;
        height: auto;
        display: block;
        float: left;
        padding-top: 4px;
        font-size: 36px;
        text-transform: capitalize;
        font-weight: bold;
        color: #000;
        letter-spacing: 0;
    }

        header .logo img {
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            transition: all 300ms linear;
        }
/*search*/
.my-search {
    float: left;
    width: 100%;
    margin: 22px 0 14px 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .my-search a {
        color: #333 !important;
    }

    .my-search .my-search-icon {
        display: block;
        background: url(../design_img/icon-search.png) no-repeat;
        width: 24px;
        height: 24px;
        margin-top: 8px;
        float: left;
        margin-right: 15px;
    }

    .my-search .form-group {
        width: 85%;
        float: left;
        margin-bottom: 0px
    }

        .my-search .form-group .form-control {
            padding: 10px 0px;
            border-bottom: 0px
        }
/*shop cart*/
.shop-cart {
    float: right;
    padding: 5px 20px;
    margin: 5px 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .shop-cart a {
        color: #333 !important;
    }

    .shop-cart .shop-cart-icon {
        display: block;
        background: url(../design_img/icon-cart.png) no-repeat;
        width: 28px;
        height: 29px;
        float: left;
        /* margin-top:-8px; */
    }

    .shop-cart .cart_qty {
        background: #000;
        color: #fff;
        font-size: 11px;
        width: 15px;
        height: 15px;
        display: block;
        text-align: center;
        line-height: 14px;
        border-radius: 100%;
        float: left;
        margin-top: 2px;
        margin-left: 3px;
        margin-right: 5px;
    }
/*wallet*/

.my-wallet {
    float: right;
    padding: 0px 0px 5px 20px;
    margin: 15px 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .my-wallet a {
        color: #000 !important;
    }

    .my-wallet .my-wallet-icon {
        display: block;
        background: url(../design_img/icon-wallet.png) no-repeat;
        width: 27px;
        height: 28px;
        float: left;
        margin-right: 5px;
        margin-top: -5px
    }

.i-my-wallet-icon {
    background: url(../design_img/icon-i-wallet.png) no-repeat !important;
    ;
}

.my-wallet .my-wallet-bal {
    font-weight: bold;
    color: #f20;
    font-size: 16px !important;
    margin-left: 3px;
}
/*user nav*/

header .user-nav {
}

.user-nav ul {
    list-style: none;
    float: right;
    margin: 15px 0 !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .user-nav ul li {
        float: left;
        position: relative
    }

    .user-nav ul a {
        display: block;
        padding: 5px 15px;
        margin-right: 5px;
        color: #000 !important;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
    }

        .user-nav ul a .fa {
            margin-right: 5px;
        }

        .user-nav ul a.login {
        }

        .user-nav ul a.join {
            background: #005dab;
            color: #fff !important;
            border-color: #005dab
        }

        .user-nav ul a:hover {
        }

.user-nav .user-nav-2 {
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 9999;
    list-style: none;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.top-nav .top-nav-level-2 li:first-child::before {
    content: "\f0d8 ";
    font: normal normal normal 20px/1 FontAwesome;
    color: #fff;
    position: absolute;
    text-align: right;
    padding-right: 30px;
    width: 100%;
    top: -14px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.user-nav .user-nav-2 li {
    width: 100%;
    border-right: 0px;
    text-transform: capitalize;
    margin: 0px !important;
    white-space: nowrap
}

    .user-nav .user-nav-2 li:first-child:before {
        content: "\f0d8 ";
        font: normal normal normal 20px/1 FontAwesome;
        color: #fff;
        position: absolute;
        text-align: right;
        padding-right: 30px;
        width: 100%;
        top: -14px;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    .user-nav .user-nav-2 li a {
        padding: 8px 30px 8px 20px !important;
        border: 0px;
        color: #333 !important;
        margin: 0px;
        border-radius: 0px;
    }

    .user-nav .user-nav-2 li:last-child a {
        border-bottom: 0px;
    }

    .user-nav .user-nav-2 li a .fa {
        color: #666
    }

    .user-nav .user-nav-2 li a:hover {
        background: #eee;
        color: #333333 !important
    }

.user-nav li:hover .user-nav-2 {
    opacity: 1;
    visibility: visible;
    top: 20px;
}

.nav-bar {
    background: #f2f2f2;
}
/*category nav*/

.category-nav {
    float: right;
    margin: 30px 10px !important;
    background: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .category-nav .bars {
        cursor: pointer;
    }

        .category-nav .bars .fa {
            font-size: 17px !important;
            color: #999
        }
/* recharge bar*/
.recharge-bar-main {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0px 0;
}

.recharge-bar {
    width: 100%;
    height: auto; /*overflow:hidden;*/
}

    .recharge-bar .recharge-nav-bar {
        color: #e6237f;
        width: 100%;
        height: auto;
        float: left;
        background: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .recharge-bar .recharge-nav {
        list-style: none
    }

        .recharge-bar .recharge-nav li {
            font-size: 13px !important;
            background: url(../design_img/gray-gradiant.jpg) center top repeat-x;
            position: relative;
            /*float:left;*/
            text-align: center;
            cursor: pointer;
            width: 112px;
            padding: 45px 0px 8px 0px !important;
            border-top: 1px solid #ddd;
            border-right: 1px solid #ddd;
        }

            .recharge-bar .recharge-nav li:nth-child(odd) {
                background: url(../design_img/white.jpg) center top repeat-x #fff !important;
            }

            .recharge-bar .recharge-nav li:last-child {
                border-right: 0px;
            }

            .recharge-bar .recharge-nav li.recharge-nav-active {
            }

            .recharge-bar .recharge-nav li:after {
                font: normal normal normal 25px/1 FontAwesome;
                color: #fff;
                position: absolute;
                top: 12px;
                left: 50%;
                margin-right: -50%;
                -moz-transform: translate(-50%, 0%);
                -webkit-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
            }

            .recharge-bar .recharge-nav li#mobile_recharge:after {
                content: url(../design_img/icon-mobile.png);
            }

            .recharge-bar .recharge-nav li#dth_recharge:after {
                content: url(../design_img/icon-dth.png);
            }

            .recharge-bar .recharge-nav li#electricity_pay:after {
                content: url(../design_img/icon-eletricity.png);
            }

            .recharge-bar .recharge-nav li#gold_pay:after {
                content: url(../design_img/icon-gold.png);
            }

            .recharge-bar .recharge-nav li#data_recharge:after {
                content: url(../design_img/icon-datacard.png);
            }

            .recharge-bar .recharge-nav li#landline_pay:after {
                content: url(../design_img/icon-phone.png);
            }

            .recharge-bar .recharge-nav li#gas_pay:after {
                content: url(../design_img/icon-gas.png);
            }

            .recharge-bar .recharge-nav li#fees_pay:after {
                content: url(../design_img/icon-fees.png);
            }

            .recharge-bar .recharge-nav li#financial_services:after {
                content: url(../design_img/icon-finance.png);
            }

            .recharge-bar .recharge-nav li#metro_recharge:after {
                content: url(../design_img/icon-metro.png);
            }

            .recharge-bar .recharge-nav li#water_pay:after {
                content: url(../design_img/icon-water.png);
            }

            .recharge-bar .recharge-nav li#broadband_pay:after {
                content: url(../design_img/icon-broadband.png);
            }

            .recharge-bar .recharge-nav li.recharge-nav-active:before {
                content: "\f0d7 ";
                font: normal normal normal 25px/1 FontAwesome;
                color: #fff;
                position: absolute;
                left: 50%;
                margin-right: -50%;
                -moz-transform: translate(-50%, 0%);
                -webkit-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
                top: 62px;
            }

    .recharge-bar .recharge-info {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding: 15px;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #dddddd;
    }

        .recharge-bar .recharge-info.recharge-active {
            display: block
        }

        .recharge-bar .recharge-info h4 {
            font-weight: 400;
            margin-bottom: 20px !important;
        }

    .recharge-bar .form-group {
        margin-bottom: 14px;
    }

    .recharge-bar .custom-alert {
        margin-top: 5px;
        margin-bottom: 8px !important;
    }

    .recharge-bar .recharge-info .btn {
        width: 100%;
        padding: 10px;
    }
/**/
.recharge-confirm {
    margin-top: 30px;
}

    .recharge-confirm p.info {
        margin-bottom: 35px !important;
        padding-bottom: 15px !important;
        border-bottom: 1px solid #ccc;
        float: left;
    }

    .recharge-confirm strong {
        color: #e6237f
    }

    .recharge-confirm input[type=text] {
        width: 100px;
        border: 0;
        margin-bottom: 35px !important;
        padding-bottom: 15px !important;
        border-bottom: 1px solid #ccc;
        padding-left: 16px;
        font-weight: bold;
        padding-top: 3px;
        color: #e6237f
    }

    .recharge-confirm #ContentPlaceHolder1_lblWalletAmt {
        padding: 0px;
        display: none;
        width: 0px !important;
        padding: 0 !important;
    }

    .recharge-confirm .btn {
        width: 100%;
        padding: 9px;
    }
/*********************************************************************************
section styles
***************/
section.slider {
}
/**/
section.contents {
}
/* recharge bar*/
.page-banner-main {
    width: 100%;
    height: auto;
    padding-top: 25px;
    background: #fff url(../design_img/pink-gradiant.jpg) top center repeat-x;
    position: relative;
    top: 116px;
}

    .page-banner-main h3 {
        font-weight: 400;
        color: #fff
    }

        .page-banner-main h3 span {
            font-size: 14px !important;
        }

    .page-banner-main .banner-info {
        width: 100%;
        height: auto;
        margin-top: 25px !important;
        margin-bottom: 20px !important;
        padding: 15px;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #dddddd;
    }
/*location*/
.location {
    list-style: none;
    float: right !important
}

    .location li {
        color: #333 !important;
        text-transform: capitalize;
        float: left;
        width: auto;
        margin: 0px 10px 0px 0 !important;
    }

        .location li a:after {
            content: '\f0da';
            font-family: 'FontAwesome';
            font-size: 10px;
            margin-left: 10px;
            color: #fecfe8
        }

        .location li:last-child a:after {
            content: '';
            margin-left: 0px;
        }

        .location li a {
            color: #fecfe8 !important;
            font-size: 12px;
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            transition: all 300ms linear;
        }

            .location li a:hover {
                color: #fff !important;
            }

            .location li a.active {
                color: #fff !important;
                font-weight: bold;
            }
/* banner contents*/
.banner-content {
}

    .banner-content h3 {
        color: #e6237f;
        font-size: 20px;
        margin-bottom: 5px !important;
    }

    .banner-content strong {
        font-weight: 600;
    }
/*contact bar*/
.contact-bar {
    overflow: hidden
}

    .contact-bar strong {
        color: #e6237f;
    }

    .contact-bar p {
        margin-top: 10px !important;
    }

    .contact-bar .con-add, .contact-bar .con-ph, .contact-bar .con-email {
        border: 1px solid #ddd;
        border-bottom-color: #e6237f;
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .contact-bar .fa {
        background: #005dab;
        color: #fff;
        width: 60px;
        height: 60px;
        display: block;
        margin: auto;
        line-height: 60px;
        font-size: 25px;
        text-align: center;
        border-radius: 100%;
    }
/*wallet add*/
.wallet-form {
    padding-top: 10px;
}

    .wallet-form .btn {
        width: 100%;
        padding: 10px;
    }

    .wallet-form .custom-alert {
        margin-top: 5px !important;
    }

    .wallet-form .form-group {
        margin-bottom: 5px;
    }
/**/
.service-info-bar {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 50px 0;
}

.service-info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #dddddd;
}

    .service-info .service-nav {
        list-style: none;
        margin-top: 15px !important
    }

        .service-info .service-nav li {
            position: relative;
            float: left;
            text-align: center;
            cursor: pointer;
            width: 8.95%;
            padding: 45px 0px 8px 0px !important;
            border: 1px solid #ddd;
            border-bottom: 1px solid #e6237f;
            margin: 0 5px !important;
        }

            .service-info .service-nav li:first-child {
                margin-left: 0px !Important
            }

            .service-info .service-nav li:last-child {
                margin-right: 0px !Important
            }

            .service-info .service-nav li:after {
                font: normal normal normal 25px/1 FontAwesome;
                color: #fff;
                position: absolute;
                top: 12px;
                left: 50%;
                margin-right: -50%;
                -moz-transform: translate(-50%, 0%);
                -webkit-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
            }

            .service-info .service-nav li#icon_bus:after {
                content: url(../design_img/icon-bus.png);
            }

            .service-info .service-nav li#icon_trains:after {
                content: url(../design_img/icon-train.png);
            }

            .service-info .service-nav li#icon_flights:after {
                content: url(../design_img/icon-flight.png);
            }

            .service-info .service-nav li#icon_hotels:after {
                content: url(../design_img/icon-hotel.png);
            }

            .service-info .service-nav li#icon_movies:after {
                content: url(../design_img/icon-movie.png);
            }

            .service-info .service-nav li#icon_free_movies:after {
                content: url(../design_img/icon-free.png);
            }

            .service-info .service-nav li#icon_events:after {
                content: url(../design_img/icon-event.png);
            }

            .service-info .service-nav li#icon_parks:after {
                content: url(../design_img/icon-park.png);
            }

            .service-info .service-nav li#icon_car:after {
                content: url(../design_img/icon-car.png);
            }

            .service-info .service-nav li#icon_gift:after {
                content: url(../design_img/icon-gift.png);
            }

    .service-info .home-category-nav li {
        padding: 0px !important;
        width: 10.3%;
        border: 0px;
    }

        .service-info .home-category-nav li img {
            margin-bottom: 13px !important;
            border: 1px solid #ddd;
        }

.brand-bar {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 25px 0;
    background: #fff url(../design_img/sec-bg1.jpg) no-repeat;
}

    .brand-bar .brand-info {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding: 15px;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #dddddd;
    }

    .brand-bar .brand {
        background: #fff;
        margin: 5px;
        border: 1px solid #ccc;
        border-bottom-color: #e6237f;
    }

.close {
    float: right;
    font-size: 36px !important;
    font-weight: 500 !important;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    position: absolute;
    right: 10px;
    top: 10px;
}
/*content bar*/
.content-bar {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../design_img/light-gray-bar.jpg) top repeat-x;
    position: relative;
    top: 116px;
}

.content-info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #dddddd;
}
/* my table*/
.mytable {
    color: #000;
    border: 0px !important;
}

    .mytable > tbody > tr > td, .mytable > tbody > tr > th, .mytable > tfoot > tr > td, .mytable > tfoot > tr > th, .mytable > thead > tr > td, .mytable > thead > tr > th {
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        border-bottom-color: #c3e5f9 !important;
    }

    .mytable caption {
        color: #333333;
        text-align: center;
        margin-bottom: 5px;
        padding: 0px;
        font-weight: normal
    }

    .mytable th {
        background: #ecf8ff;
        color: #000;
        font-weight: 600;
        vertical-align: middle !important;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .mytable > tbody > tr > th {
        border-top: 1px solid #ccc !important;
        border-bottom: 1px solid #999 !important;
    }

    .mytable td {
        vertical-align: middle !important;
        text-transform: capitalize;
    }

    .mytable > tbody > tr:last-child > td {
        border-bottom: 1px solid #ccc !important;
    }

    .mytable tr {
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

        .mytable tr:nth-child(even) {
            background: rgb(215 215 215 / 10%);
        }

        .mytable tr:hover {
            background: #f4f4f4;
        }
/* table wallet */

.tab-wallet {
}

    .tab-wallet strong {
        font-weight: 600;
        color: #005dab
    }

    .tab-wallet td {
        vertical-align: top !important;
        height: 80px;
    }

        .tab-wallet th:nth-child(1), .tab-wallet td:nth-child(1) {
            width: 35%;
        }

        .tab-wallet th:nth-child(2), .tab-wallet td:nth-child(2) {
            width: 15%;
        }

        .tab-wallet th:nth-child(3), .tab-wallet td:nth-child(3) {
            width: 15%;
        }

        .tab-wallet th:nth-child(4), .tab-wallet td:nth-child(4) {
            width: 15%;
        }

        .tab-wallet th:nth-child(5), .tab-wallet td:nth-child(5) {
            width: 20%;
        }
/*table orders*/
.tab-order .fa-check {
    color: #45bc0b;
    border-radius: 100%;
    padding: 1px;
}

section.contents .tab-order .fa-times {
    color: #ea2c00;
    border-radius: 100%;
    padding: 1px 2px 1px 3px;
}

.tab-order .fa-exclamation {
    color: #ea8f00;
    border-radius: 100%;
    padding: 1px 5px 1px 5px;
}

.tab-order th:nth-child(1), .tab-order td:nth-child(1) {
    width: 35%;
}

.tab-order th:nth-child(2), .tab-order td:nth-child(2) {
    width: 25%;
}

.tab-order th:nth-child(3), .tab-order td:nth-child(3) {
    width: 10%;
}

.tab-order th:nth-child(4), .tab-order td:nth-child(4) {
    width: 15%;
}

.tab-order th:nth-child(5), .tab-order td:nth-child(5) {
    width: 15%;
}
/**/
.abt-service-bar {
    margin: 20px 0 20px 0
}

    .abt-service-bar .abt-service {
        width: 75px;
        height: 75px;
        padding-top: 22px;
        margin: auto;
        border: 1px dotted #999;
        background: #fefefb;
        border-radius: 100%;
        text-align: center
    }
/* benefit bar */
.rtm-benefit-bar {
    background: #fff;
    margin: 20px 0 20px 0
}

    .rtm-benefit-bar .benefit-container {
        perspective: 900px;
    }

    .rtm-benefit-bar .benefit {
        position: relative;
        width: 100%;
        height: 150px;
        transition: all 0.6s ease;
        transform-style: preserve-3d;
        cursor: pointer
    }

        .rtm-benefit-bar .benefit .front, .rtm-benefit-bar .benefit .back {
            padding: 20px;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            backface-visibility: hidden;
        }

            .rtm-benefit-bar .benefit .front img {
                max-width: 100%;
            }

        .rtm-benefit-bar .benefit .front {
            cursor: pointer;
            background: #005dab
        }

        .rtm-benefit-bar .benefit .back {
            background: #b30773;
            color: #fff
        }

        .rtm-benefit-bar .benefit .front .benefit-icon {
            width: 80px;
            height: auto;
            margin: auto
        }

        .rtm-benefit-bar .benefit .front h3 {
            text-align: center;
            font-size: 21px;
            color: #fff !important
        }

.benefit-container:hover .benefit {
    transform: rotateY(180deg);
}

.rtm-benefit-bar .benefit .back {
    transform: rotateY(180deg);
}
/**/
.view-profile {
    margin-top: 30px;
}

    .view-profile p.info {
        margin-bottom: 40px !important;
        padding-bottom: 15px !important;
        border-bottom: 1px solid #ccc;
    }

        .view-profile p.info span {
            color: #e6237f
        }

    .view-profile .form-group {
        margin-bottom: 30px;
    }

    .view-profile .label-radio {
        margin-top: 15px;
    }

    .view-profile .custom-alert {
        margin-top: 20px !important;
    }
/*money transfer*/
.money-trans {
    margin-top: 20px;
    overflow: hidden;
    background: #fff;
}

    .money-trans .custom-alert {
        margin-top: 20px !important;
    }
/*transaction success*/
.trans-success {
    margin-top: 50px;
}

.trans-success-icon {
    width: 71px;
    height: 71px;
    margin: 10px auto;
    background: url(../design_img/icon-success-lg.png) center no-repeat;
}

.trans-success-msg {
    background: #fff;
    position: relative
}

    .trans-success-msg p {
        color: #646464;
        text-align: center;
        font-size: 13px !important;
        line-height: 30px;
    }

    .trans-success-msg h4 {
        text-align: center;
        background: #fff;
        padding: 10px 15px !important;
        display: table;
        margin: 20px auto !important;
        position: relative;
        z-index: 1
    }

    .trans-success-msg strong {
        color: #30b13f;
    }

.trans-success-brdr {
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
    position: absolute;
    left: 0;
    top: 22px;
}
/*transaction fail*/
.trans-fail {
    margin-top: 50px;
}

.trans-fail-icon {
    width: 71px;
    height: 71px;
    margin: 10px auto;
    background: url(../design_img/icon-fail-lg.png) center no-repeat;
}

.trans-fail-msg {
    background: #fff;
    position: relative
}

    .trans-fail-msg p {
        color: #646464;
        text-align: center;
        font-size: 13px !important;
        line-height: 30px;
    }

    .trans-fail-msg h4 {
        text-align: center;
        background: #fff;
        padding: 10px 15px 0px 15px !important;
        display: table;
        margin: 20px auto 5px !important;
        position: relative;
        z-index: 1
    }

    .trans-fail-msg strong {
        color: #e12900;
    }

.trans-fail-brdr {
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
    position: absolute;
    left: 0;
    top: 22px;
}
/*********************************************************************************
list styles start
***************/
ul.mylist {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0 0 15px 0 !important;
    font-size: 14px
}

    ul.mylist li {
        line-height: 22px
    }

        ul.mylist li:before {
            content: "\f138   "; /*f105 f138  */
            font: normal normal normal 14px/1 FontAwesome;
            margin-right: 5px;
            color: #999;
        }
/*********************************************************************************
default form styles start
***************/
.form-group {
    position: relative;
}

    .form-group label {
        font-weight: 600;
    }

    .form-group .label-brdr {
        display: block;
        background: #e6237f;
        height: 2px;
        position: relative;
        left: 0;
        top: -1px;
        width: 0%;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-out;
    }

    .form-group .label-err {
        background: #d31a1a;
        width: auto;
        font-size: 11px;
        color: #fff;
        padding: 2px 5px;
        border-radius: 2px;
        position: absolute;
        top: -12px;
        right: 0;
        z-index: 1;
        text-align: right
    }

        .form-group .label-err:before {
            content: "\f0d7 ";
            font: normal normal normal 20px/1 FontAwesome;
            color: #d31a1a;
            position: absolute;
            bottom: -12px;
            right: 20px;
        }

    .form-group .form-control {
        /*border-radius:0!important;*/
        box-shadow: none;
        /*border:0px solid;
	border-bottom :1px solid #999;
	padding:10px 0;
	height:auto*/
    }

    .form-group .label-radio {
        margin-right: 15px;
    }

    .form-group input[type=radio] {
        margin-right: 5px;
    }

    .form-group .label-check {
        margin-right: 15px;
        font-size: 14px !important;
    }

    .form-group input[type=checkbox] {
        margin-right: 5px;
    }

    .form-group .label-check a {
        text-decoration: underline !important
    }

    .form-group .form-control:focus {
        box-shadow: none;
        border-color: #999
    }
/*********************************************************************************
alert message
***************/
.custom-alert {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 8px 10px !important;
    visibility: visible;
}

.alert-dismissable .close {
    right: 0px !important;
}
/*********************************************************************************
footer styles
***************/
footer {
    position: relative;
}

    footer .footer-bar {
        overflow: hidden;
        padding: 20px 0 !important;
        margin-top: 10px !important;
    }

        footer .footer-bar .brdr-right {
            border-right: 1px dashed #ccc;
            height: 350px
        }

        footer .footer-bar h4 {
            font-weight: 600;
            color: #fff;
            font-size: 14px;
            margin-bottom: 10px !important;
        }
    /*contact nav */
    footer .cont-nav ul {
        list-style: none;
        margin-bottom: 20px !important;
    }

        footer .cont-nav ul li {
            line-height: 25px;
        }

        footer .cont-nav ul a {
            display: block;
            color: #fcc3db !important;
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            transition: all 300ms linear;
        }

            footer .cont-nav ul a:hover {
                color: #fff !important;
            }
    /* footer site nav*/
    footer .site-nav ul {
        list-style: none;
        margin-bottom: 20px !important;
    }

        footer .site-nav ul li {
            line-height: 22px;
        }

        footer .site-nav ul a {
            display: block;
            color: #fcc3db !important;
            text-transform: capitalize;
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            transition: all 300ms linear;
        }

            footer .site-nav ul a:before {
                content: '\f054';
                font-family: 'FontAwesome';
                font-size: 10px;
                margin-right: 5px;
                color: #fcc3db
            }

            footer .site-nav ul a:hover {
                color: #fff !important;
            }
    /*social nav*/

    footer .social-nav ul {
        list-style: none;
        padding: 0px !important;
        float: left;
    }

    footer .social-nav li {
        float: left;
        margin-right: 5px !important
    }

        footer .social-nav li a {
            border: 0 !important;
            padding: 0 !important
        }

            footer .social-nav li a .fa {
                color: #fff !important;
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                border: 0px;
                border-radius: 100%;
                vertical-align: middle;
                -webkit-transition: all 300ms linear;
                -moz-transition: all 300ms linear;
                -o-transition: all 300ms linear;
                -ms-transition: all 300ms linear;
                transition: all 300ms linear;
            }

            footer .social-nav li a .fa-facebook {
                background: #3b5a9a
            }

            footer .social-nav li a .fa-twitter {
                background: #28a8e0
            }

            footer .social-nav li a .fa-linkedin {
                background: #117bb8
            }

            footer .social-nav li a .fa-youtube {
                background: #d81a1a
            }

            footer .social-nav li a:hover .fa {
                background: #fff;
                color: #333 !important;
            }

    footer .logo {
        margin-bottom: 40px !important;
        display: block
    }
    /*footer bar bottom*/

    footer .footer-bar-bottom {
        background: #fff;
        color: #333
    }

        footer .footer-bar-bottom .copy-bar {
            padding: 10px 0 !important;
            background: #ddd
        }

        footer .footer-bar-bottom .copy {
            text-align: center;
            font-size: 13px !important;
            margin-bottom: 0px !important;
        }

        footer .footer-bar-bottom .designer-bar {
            padding: 10px 0 2px 0 !important;
        }

        footer .footer-bar-bottom .designer {
            text-align: center;
            color: #666;
            font-size: 14px !important
        }

            footer .footer-bar-bottom .designer img {
                border: 1px solid #bbbaba;
                border-radius: 100%;
                padding: 3px;
                background: #fff;
            }
/* top and down button*/
#goTop, #goDown {
    border: 1px solid #eee;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding-top: 7px;
    text-align: center;
    position: fixed;
    bottom: 40px;
    right: 20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    cursor: pointer;
    color: #333 !important;
    font-weight: bold;
    background: #eee;
    z-index: 9999;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.div_hover, .div_hover_one {
    padding: 30px 20px;
}

    .div_hover a, .div_hover_one a {
        color: #fff !important;
        margin-top: 10px;
        display: block;
        font-size: 16px;
    }

    .div_hover_one a {
        color: #333 !important;
    }

.main-head {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px !important;
    border: 1px #ddd dashed;
    display: table;
    padding: 8px 25px !important;
    margin: 0 auto 25px !important;
    border-radius: 5px;
}

.service-info-bar .main-head {
    color: #333;
    border-color: #012b72;
}
/* Iconbox Style6 */
.iconbox.style6 {
    padding: 5px;
    margin-bottom: 25px;
    text-align: center;
    border-radius: 10px;
    height: 210px;
    box-shadow: 0px 3px 0 0 #faeddf;
    border: 1px solid #faeddf;
}

.iconbox {
}

    .iconbox.style6:hover {
        box-shadow: none;
    }

    .iconbox.style6 .iconbox-icon img {
        /*min-height:130px;*/
        height: 130px;
        /*margin-bottom:15px;*/
    }

    .iconbox.style6 .iconbox-icon {
        position: relative;
        bottom: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .iconbox.style6:hover .iconbox-icon {
        bottom: 5px;
    }

.iconbox-content h4 {
    margin: 20px 0 9px;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.iconbox-content p {
    margin: 20px 0 9px;
    font-size: 10px !important;
    line-height: 24px;
    font-weight: 600;
}

.iconbox.style6 .iconbox-content {
    line-height: 24px;
    color: #012877 !important;
    position: relative;
    left: 0;
    right: 0;
    bottom: -19px;
    border-top: 1px solid #faeddf;
}

.branch-code {
    padding: 5px 10px !important;
    border-radius: 0px;
    background: #00bc51;
    color: #fff;
    display: inline-block;
    margin-top: 4px !important;
}

.time-bar {
    margin-top: 5px;
}

.dashboard-sec {
    padding: 50px 0;
    background: #f2f2f2;
}

.small-box {
    border-radius: 10px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

    .small-box > .inner {
        padding: 25px 10px;
        border-radius: 10px;
    }

    .small-box > .small-box-footer {
        position: relative;
        text-align: center;
        padding: 15px 0;
        color: #fff !important;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none
    }

        .small-box > .small-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.15)
        }

    .small-box h3 {
        font-size: 38px;
        font-weight: bold;
        margin: 0 0 10px 0;
        white-space: nowrap;
        padding: 0
    }

    .small-box p {
        font-size: 15px
    }

        .small-box p > small {
            display: block;
            color: #f9f9f9;
            font-size: 13px;
            margin-top: 5px
        }

    .small-box h3, .small-box p {
        z-index: 5
    }

    .small-box .icon {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        position: absolute;
        top: -20px;
        right: 10px;
        z-index: 0;
        font-size: 90px;
        color: rgba(0, 0, 0, 0.15)
    }

        .small-box .icon img {
            width: 65px;
        }

    .small-box:hover {
        text-decoration: none;
        color: #f9f9f9
    }

        .small-box:hover .icon {
            font-size: 95px
        }

.bg-green, .bg-aqua, .bg-yellow, .bg-red, .bg-navy, .bg-teal {
    color: #fff;
}

.bg-aqua {
    background-color: #00c0ef !important;
    color: #fff;
}

.bg-green {
    background-color: #003e21 !important;
}

.bg-yellow {
    background-color: #ff5a0e !important;
}

.bg-red {
    background-color: #06627b !important;
}

.bg-navy {
    background-color: #072d45 !important;
}

.bg-teal {
    background-color: #d2004b !important;
}

.form-sec {
    padding: 25px 0;
}

.inner-form {
    border: 1px solid #ddd;
    padding: 25px 15px;
}

.form-sec .main-head {
    color: #333;
    border-color: #012b72;
    font-size: 20px;
}

.checkbox-inline, .radio-inline {
    padding-right: 20px !important;
    padding-right: 0px !important;
}

.form-sec legend {
    padding-bottom: 8px;
    font-size: 20px;
}

.view-btn, .print-btn {
    text-align: center;
    padding: 10px;
    display: block;
    border: 1px solid #ddd;
    background: #005dab;
    color: #fff !important;
    border-radius: 5px;
}

.print-btn {
    background: #d81a1a;
}

.badge {
    display: inline-block;
    padding: 4px 10px !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .2rem !important;
}

.badge-success {
    color: #212529;
    background-color: #5fc27e !important;
}

.badge {
    color: #fff;
}

.badge-danger {
    color: #fff;
    background-color: #f44455 !important;
}

.badge-warning {
    color: #212529;
    background-color: #fcc100 !important;
}

.btn-warning {
    background: #00bc51 !important;
    color: #fff !important;
    border-color: #00bc51 !important;
}

.btn-primary {
    color: #fff !important;
}

.fiveankr {
    width: 100%;
}

    .fiveankr a.active {
        border-bottom: 3px solid #ed008b;
        cursor: pointer;
    }

    .fiveankr a {
        border-bottom: 3px transparent;
        padding: 10px 25px;
        text-align: center;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 600;
    }

.tab-btnnew {
    padding: 10px 15px;
    /* margin-top: 15px; */
    display: inline-block;
    background: #f2f2f2;
    color: #000;
    text-transform: uppercase;
    /* font-weight: 600; */
    border-radius: 5px 5px 0 0;
    margin-right: 10px;
}

.mandatory {
    color: #d81a1a;
}