@font-face {
    font-family: 'Graphik';
    src: url('Graphik-Regular.woff2') format('woff2'), url('Graphik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('Graphik-Medium.woff2') format('woff2'), url('Graphik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('Graphik-Semibold.woff2') format('woff2'), url('Graphik-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('Graphik-Bold.woff2') format('woff2'), url('Graphik-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('Helvetica.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: 700;
    src: local('Helvetica'), url('Helvetica-Bold.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Saira+Condensed:400,500,700');

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0; /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Helvetica';
    font-size: 13px;
    line-height: normal;
    color: #2d2d2d;
    background: #ffffff;
}

html, body {
    height: 100%;
}

p {
    display: block;
    padding-bottom: 15px;
    margin: 0;
    font-size: 22px;
    line-height: 32px;
    color: #767b7f;
}

a, input[type="button"], input[type="submit"], button, select, textarea {
    outline: none;
    text-decoration: none;
    color: #333;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.transition {
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.appraence {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

input, select, textarea {
    font-size: 14px;
    color: #3a3a3a;
    vertical-align: middle;
    font-family: 'Helvetica';
    outline: none;
    appearance: none; /*-moz-appearance:none;*/ /*-webkit-appearance:none;*/
    -ms-appearance: none;
    -o-appearance: none;
}

form {
    margin: 0 !important;
}

.tlr {
    text-align: right !important;
}

.tal {
    text-align: left !important;
}

.vAlign {
    vertical-align: middle !important;
}

img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
/*.last {padding-bottom:0 !important;}*/
.lft {
    float: left !important;
}

.rgt {
    float: right !important;
}

.tac {
    text-align: center !important;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.black {
    color: #000000 !important;
}

.clearfix:before, .clearfix:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.main-Cont {
    width: 100%;
}

strong {
    font-weight: 400;
}

.darkgrey {
    color: #555 !important;
}

.container { /*max-width:94%; min-width:768px;*/
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
}

input:-moz-palaceholder {
    color: #666;
}

a .img {
    display: inline-block;
}

a .over {
    display: none;
}

a:hover .img, a.active .img, a.activeuser .img {
    display: none;
}

a:hover .over, a.active .over, a.activeuser .over {
    display: inline-block;
}
/*--------------------*/
/*header{ background:#fff; min-height:176px;}*/
.walletBg { /*min-height: 300px;*/
    min-height: 235px;
    background: #0172f4;
    padding-top: 80px;
}

.headerMain {
    padding-top: 24px;
    padding-bottom: 16px;
    position: relative;
}

.logoBx {
    width: 150px;
}

.topmenu {
    width: 39%;
    float: right;
    text-align: right;
}

    .topmenu li {
        display: inline-block;
        padding: 0 10px;
        position: relative;
    }

        .topmenu li:last-child {
            padding-right: 0;
        }

        .topmenu li a {
            display: block;
            color: #2d2d2d;
            text-align: center;
            font-size: 12px;
        }

            .topmenu li a i {
                display: block;
                padding-bottom: 0px;
            }

            .topmenu li a:hover {
                color: #0172f4;
            }

.hdr_Srch {
    width: 45%;
    float: left;
    position: relative;
    padding: 0 70px;
}

.hdrInp {
    width: 100%;
    height: 50px;
    border: #cbcbcb solid 1px;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 15px;
}

.hdrSrchBtn {
    background: #38d176;
    width: 66px;
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    border: 0;
    line-height: 0;
    border-radius: 5px;
    cursor: pointer;
}

.srchMenu {
    background: #f2f2f2 url(../images/arrow_down.png) right 5px center no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    border: #e9e9e9 solid 1px;
    cursor: pointer;
    padding: 15px 18px 0 9px;
}

    .srchMenu i {
        display: block;
        height: 2px;
        background: #666;
        margin-bottom: 5px;
    }

.menuBx {
    position: absolute;
    background: #fff;
    bottom: -66px;
    left: 1.5%;
    right: 1.5%;
    height: 133px;
    border-radius: 5px;
    box-shadow: #e5e5e5 0 0px 10px -3px;
    padding: 15px 0;
}

    .menuBx li {
        display: inline-block;
        margin: 0 27px;
    }

        .menuBx li a {
            display: block;
            text-align: center;
            font-size: 14px;
            color: #2d2d2d;
        }

            .menuBx li a i img {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                margin: auto;
            }

            .menuBx li a i {
                display: block;
                width: 70px;
                height: 70px;
                position: relative;
                margin: 0 auto 8px auto;
                background: #fff;
                border-radius: 50%;
                transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
            }

            .menuBx li a:hover i, .menuBx li a.active i {
                box-shadow: #eee 1px 2px 3px 1px;
            }

            .menuBx li a:hover, .menuBx li a.active {
                color: #0165d7;
            }

.walletInn {
    width: 97%;
    margin: 0 auto;
    padding-top: 10px;
}

.amountBx {
    width: 45%;
    float: left;
    padding-top: 10px;
}

.AddmoneyBtnBx {
    width: 27%;
    float: right;
    padding-top: 10px;
}

.addmoneyBtn {
    width: 230px;
    height: 50px;
    background: #00d0fc;
    cursor: pointer;
    border: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
}

    .addmoneyBtn:hover {
        background: #38d176;
    }

.wallIconBx {
    width: 224px;
    float: left;
    position: relative;
    padding-left: 65px;
}

    .wallIconBx i {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
    }

    .wallIconBx strong {
        font-size: 20px;
        color: #fff;
        display: block;
    }

    .wallIconBx span {
        display: block;
        font-size: 16px;
        color: #fff;
        font-weight: 300;
    }

.amountBx {
    width: calc(100% - 275px);
    float: right;
    padding: 10px 30px 0 50px;
    border-left: #82b7f4 solid 1px;
}

.amountInp {
    width: 100%;
    height: 50px;
    border: #82b7f4 solid 1px;
    border-radius: 5px;
    background: #fff;
    padding: 0 10px;
    color: #0c0c0c;
    font-size: 15px;
}

.AddmoneyBtnBx {
    width: 27%;
    float: right;
    padding-top: 10px;
}

.amountBx span {
    display: block;
    padding-top: 8px;
}

    .amountBx span a {
        display: inline-block;
        font-size: 13px;
        color: #abd1fb;
        text-decoration: underline;
    }

        .amountBx span a:hover {
            color: #fff;
        }

.needlogin {
    width: 97%;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

    .needlogin a {
        font-weight: 600;
        color: #fff;
    }

.midCont {
    padding: 20px 0;
}

.bannerBx {
    margin-bottom: 20px;
    position: relative;
}

    .bannerBx li img {
        border-radius: 5px;
    }

    .bannerBx .owl-nav {
        display: none;
    }

    .bannerBx .owl-dots {
        display: inline-block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        text-align: center;
    }

        .bannerBx .owl-dots .owl-dot {
            width: 12px;
            height: 12px;
            background: #fff;
            display: inline-block;
            margin: 0 3px;
            border-radius: 50%;
        }

            .bannerBx .owl-dots .owl-dot.active {
                background: #0172f4;
            }

.featMain {
    padding-bottom: 30px;
}

.featCatHd {
    font-size: 19px;
    color: #2d2d2d;
    font-weight: 500;
    padding-bottom: 25px;
}

    .featCatHd img {
        display: inline-block;
        vertical-align: middle;
    }

.featuresInn {
    padding: 35px;
    background: #fff;
    box-shadow: #ccc 0 2px 5px 0;
    position: relative;
    border-radius: 5px;
}

.view_all {
    font-size: 13px;
    font-weight: 400;
    color: #2d2d2d;
    border: #2d2d2d solid 1px;
    border-radius: 5px;
    line-height: 18px;
    padding: 8px 12px;
    float: right;
}

    .view_all:hover {
        color: #0172f4;
        border: #0172f4 solid 1px;
    }

.featuresInn li a {
    display: block;
    text-align: center;
}

    .featuresInn li a i {
        display: block;
        height: 155px;
        margin-bottom: 10px;
        position: relative;
    }

        .featuresInn li a i img {
            width: auto !important;
            display: inline-block !important;
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .featuresInn li a span {
        display: block;
        text-align: center;
        font-size: 17px;
        font-weight: 500;
    }

.featuresInn .owl-next {
    background: #edf3f9 url(../images/slide-arrow_right.png) center center no-repeat;
    width: 34px;
    height: 58px;
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden;
    text-indent: 200px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    right: -50px;
}

.featuresInn .owl-prev {
    background: #edf3f9 url(../images/slide-arrow_left.png) center center no-repeat;
    width: 34px;
    height: 58px;
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden;
    text-indent: 200px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    left: -50px;
}

.featProd li a span {
    font-size: 15px;
    font-weight: 300;
}

.featProd li a strong {
    color: #0172f4;
    font-size: 18px;
    font-weight: 500;
}

.featProd li a b {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #2d2d2d;
}

.footerBg {
    background: #0172f4;
}

.footerNavBx {
    padding: 20px 0;
}

.footerNav {
    font-size: 15px;
    float: left;
    width: 75%;
}

.footer_right {
    width: 25%;
    float: right;
    text-align: right;
}

.footerNav li {
    display: inline-block;
    line-height: 30px;
    padding: 0 20px 0 0;
}

    .footerNav li a {
        display: block;
        font-size: 15px;
        color: #fff;
    }

        .footerNav li a:hover {
            color: #000;
        }

.footer_right i {
    display: inline-block;
    vertical-align: top;
}

    .footer_right i a {
        display: inline-block;
        margin: 0 0 0 15px;
        opacity: 0.4;
    }

        .footer_right i a:hover {
            opacity: 1;
        }

.footer_right span {
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
}

    .footer_right span a {
        display: inline-block;
        margin: 0 0 0 10px;
        background: url(../images/social_icon.png) 0 0 no-repeat;
    }

.fb {
    background-position: 0 0 !important;
    width: 15px;
    height: 21px;
}

    .fb:hover {
        background-position: 0 -21px !important;
    }

.tweet {
    background-position: -23px 0 !important;
    width: 23px;
    height: 21px;
}

    .tweet:hover {
        background-position: -23px -21px !important;
    }

.linkedin {
    background-position: -64px 0 !important;
    width: 24px;
    height: 21px;
}

    .linkedin:hover {
        background-position: -64px -21px !important;
    }

.youtube {
    background-position: -106px 0 !important;
    width: 28px;
    height: 21px;
}

    .youtube:hover {
        background-position: -106px -21px !important;
    }

.becomeBx {
    background: #fff;
    border-radius: 5px 5px 0 0;
    padding-top: 35px;
    padding-bottom: 15px;
}

    .becomeBx i {
        display: block;
        padding-bottom: 20px;
        text-align: center;
    }

        .becomeBx i a {
            display: inline-block;
            margin: 0 10px;
            min-width: 200px;
            text-align: center;
            background: #f9f4f4;
            border: #d8d8d8 solid 1px;
            border-radius: 3px;
            line-height: 27px;
            font-style: normal;
            padding: 10px;
            font-size: 15px;
        }

            .becomeBx i a:hover {
                background: #0172f4;
                border: #0172f4 solid 1px;
                color: #fff;
            }

    .becomeBx span {
        display: block;
        text-align: center;
        font-size: 15px;
        color: #a0a0a0;
    }

        .becomeBx span a {
            display: inline-block;
            margin: 0 5px;
            color: #a0a0a0;
        }

            .becomeBx span a:hover {
                color: #0172f4;
            }

.newsfeed_NavBg { /*background: #0172f4;*/
    padding-top: 10px;
    box-shadow: #ccc 0 12px 14px 4px;
    position: relative;
}

.newsfeed_Nav {
    align-self: center;
}
.qrHd-wrapper-in .newsfeed_Nav {
    position: relative;
    top: -3px;
}

    .newsfeed_Nav li {
        display: inline-block;
    }

        .newsfeed_Nav li a {
            display: block;
            padding: 0 60px 15px 60px;
            font-size: 18px;
            line-height: 28px;
            border-bottom: transparent solid 3px;
            color: #fff;
        }

            .newsfeed_Nav li a:hover, .newsfeed_Nav li a.active {
                border-bottom: #fff solid 3px;
            }

.newsfeedBg {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f0f2f5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f0f2f5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f0f2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f2f5',GradientType=0 );
    padding: 40px 0 0 0;
}

.publicPadd {
    padding-left: 40px;
}

.half_left {
    width: 49%;
    float: left;
}

.half_right {
    width: 49%;
    float: right;
}

.public_Bx {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 65px;
    box-shadow: #eee 0 5px 10px 0px;
}

.publicBx_top {
    padding: 25px 20px 25px 100px;
    position: relative;
    min-height: 148px;
}

    .publicBx_top i {
        position: absolute;
        width: 113px;
        height: 113px;
        left: -40px;
        top: -23px;
    }

        .publicBx_top i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .publicBx_top strong {
        color: #2d2d2d;
        font-size: 20px;
        min-height: 47px;
        display: block;
        font-weight: 500;
        line-height: 20px;
        padding-bottom: 7px;
    }

        .publicBx_top strong b {
            color: #000000;
            font-weight: 500;
        }

    .publicBx_top small {
        display: block;
        font-size: 18px;
        line-height: 21px;
        font-weight: 500;
    }

        .publicBx_top small img {
            vertical-align: top;
        }

    .publicBx_top span {
        /*color: #000000;*/
		color:#999;
        font-size: 19px;
        font-weight: 500;
    }

    .publicBx_top p {
        font-size: 17px;
        color: #a4a4a4;
        font-weight: 300;
        line-height: 24px;
        padding-bottom: 0;
    }

.publicBx_bot {
    padding: 13px 10px 10px 10px;
}

    .publicBx_bot span {
        display: inline-block;
    }

        .publicBx_bot span a {
            display: inline-block;
            margin-right: 10px;
        }

        .publicBx_bot span small {
            display: inline-block;
            font-size: 18px;
            color: #2d2d2d;
            line-height: 21px;
            margin-left: 15px;
            padding-top: 4px;
        }

            .publicBx_bot span small img {
                display: inline-block;
                vertical-align: middle;
            }

.publicBotMain {
    height: 57px;
    border-top: #ededed solid 1px;
}

.commentFrmBx {
    width: 100%;
    padding: 0 70px 0 0;
    height: 56px;
    position: relative;
    display: none;
}

.commentInp {
    width: 100%;
    height: 56px;
    border: 0;
    background: none;
    padding: 0 10px;
}

.commentpostBtn {
    background: #eee;
    width: 70px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    border-radius: 0 0 5px 0;
    cursor: pointer;
}

    .commentpostBtn img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-width: 35px;
    }

.redClr {
    color: #ea5455 !important;
}

.greenClr {
    color: #38d176 !important;
}

.publicBx_top small > span {
    font-size: 15px;
    font-weight: 400;
    color: #2d2d2d;
    float: right;
}

    .publicBx_top small > span b {
        font-size: 19px;
        font-weight: 500;
    }

.newsfeed_SrchBx {
    max-width: 750px;
    margin: 0 auto 20px auto;
    padding-bottom:;
    position: relative;
}

.feeeSrchInp {
    width: 100%;
    height: 52px;
    padding: 0 60px 0 10px;
    font-size: 15px;
    border: 0;
    border-radius: 5px;
    border: #e9e9ea solid 1px;
}

.feedSrchBtn {
    width: 52px;
    height: 52px;
    position: absolute;
    right: 0;
    border: 0;
    top: 0;
    background: no-repeat;
    cursor: pointer;
    padding-top: 5px;
}

/*----------User Dashboard-------------*/
.dashBoard_Hdr {
    min-height: 112px;
}

    .dashBoard_Hdr .headerMain {
        padding-top: 25px;
        padding-bottom: 10px;
    }

.aftLogin_HdrBx {
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
    position: relative;
    top: 0px;
    z-index: 7;
}

    .aftLogin_HdrBx > i {
        display: inline-block;
        width: 55px;
        height: 55px;
        position: relative;
        border-radius: 50%;
        border: 3px solid #e0e0e0; /*box-shadow: #e5e5e5 0 0 5px 1px;*/
    }

span.down-arrow2 {
    width: 23px;
    height: 23px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background: #617082;
    display: block;
}

.dashBoard_Hdr .topmenu ul {
    display: inline-block;
    vertical-align: top;
}

.aftLogin_HdrBx > i > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.aftLogin_HdrBx > i a {
    display: inline-block;
    position: absolute;
    right: -6px;
    bottom: -5px;
}

.dashNav {
    width: 100%;
    text-align: center;
}

    .dashNav ul {
        display: flex;
        justify-content: space-between;
    }

    .dashNav li a {
        position: relative;
        display: inline-block;
        padding-bottom: 10px; /*padding: 0 15px 10px 15px;*/
        font-size: 14px;
        color: #7b7b7b;
        height: 100%; /*border-bottom: transparent solid 3px;*/
        font-family: 'Helvetica';
    }

        .dashNav li a span {
            display: block;
            text-align: center;
            margin-bottom: 5px;
            min-height: 32px;
        }
        /*.dashNav li a:hover, .dashNav li a.active{border-bottom:3px solid #0172f4;}*/
        .dashNav li a:hover, .dashNav li a.active {
            color: #0172f4;
        }

        .dashNav li a:after {
            content: '';
            width: 100%;
            height: 3px;
            background: transparent;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .dashNav li a:hover:after, .dashNav li a.active:after {
            content: '';
            width: 100%;
            height: 3px;
            display: block;
            background: #0172f4;
        }

        .dashNav li a i {
            display: block;
            margin: 0 auto 7px auto;
            width: 35px;
            border-radius: 50%;
            height: 35px;
            position: relative;
        }

        .dashNav li a:hover i, .dashNav li a.active i {
            background: #fff;
        }

        .dashNav li a i img {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

.qr_MainBx {
    padding: 20px 25px;
    background: #fff;
    box-shadow: #eee 0 0 10px 5px;
    border-radius: 5px;
    margin-bottom: 35px;
}

.newsfeedBg {
    padding-bottom: 20px;
        background: #ffffff;
}

.qrHd {
    font-size: 22px;
    font-weight: 500;
    color: #2d2d2d;
    position: relative;
    height: 2px;
    background: #ebebeb;
    margin-bottom: 30px;
}

    .qrHd span {
        line-height: 30px;
        background: #fff;
        position: absolute;
        left: 0;
        top: -15px;
        padding-right: 5px;
    }

.qr_cardLeft {
    max-width: 100%;
    float: left;
    width: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.qrcardInn {
    padding: 30px 30px 30px 160px;
    background: #fff;
    box-shadow: #eee 0 0 10px 0;
    border-radius: 5px;
    min-height: 178px;
    text-align: right;
    position: relative;
}

    .qrcardInn i {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 185px;
    }

    .qrcardInn a {
        display: inline-block;
        line-height: 0;
    }

    .qrcardInn small {
        display: block;
        padding-top: 30px;
        font-size: 15px;
        color: #999;
    }

    .qrcardInn span {
        display: block;
        padding-top: 3px;
        font-size: 18px;
        color: #0172f4;
    }

.cardsBx {
    float: left;
    padding: 20px;
    margin: 0 10px 20px 10px;
    background: #fff;
    box-shadow: #e5e5e5 0 0 5px 0;
    border-radius: 5px;
}

.cardsRadio {
    padding-bottom: 5px;
}

    .cardsRadio i {
        float: right;
    }

        .cardsRadio i a {
            display: inline-block;
        }

input[type=radio] {
    overflow: hidden;
}

    input[type=radio].css-radio {
        position: absolute;
        z-index: -1000;
        left: -1000px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

        input[type=radio].css-radio + label.css-label {
            padding-left: 32px;
            height: 25px;
            display: inline-block;
            line-height: 25px;
            background-repeat: no-repeat;
            background-position: 0 4px;
            vertical-align: middle;
            cursor: pointer;
            font-size: 20px;
            color: #1a1d27;
        }

label.css-label {
    background-image: url(../images/dashboard-icon/radio_icon.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio].css-radio:checked + label.css-label {
    background-position: 0 -24px;
    color: #2d2d2d;
}

.addcard {
    text-align: center;
}

    .addcard a {
        display: inline-block;
        border: #0173f4 solid 1px;
        font-size: 17px;
        width: 140px;
        text-align: center;
        line-height: 28px;
        padding: 10px 0;
        color: #127cf5;
        border-radius: 5px;
    }

        .addcard a:hover {
            background: #0173f4;
            color: #fff;
        }

.dashFooter {
    text-align: center;
    font-size: 15px;
    color: #0172f4;
}

    .dashFooter a {
        display: inline-block;
        margin: 0 5px;
        color: #0172f4;
    }

        .dashFooter a:hover {
            text-decoration: underline;
        }

.msg_no {
    position: relative;
}

    .msg_no small {
        width: 15px;
        height: 15px;
        font-style: normal;
        display: inline-block;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: 5px;
        text-align: center;
        font-size: 9px;
        line-height: 15px;
    }

.item_no {
    position: relative;
}

    .item_no small {
        background: #0b5ca8;
        width: 15px;
        height: 15px;
        font-style: normal;
        display: inline-block;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: -10px;
        text-align: center;
        font-size: 9px;
        line-height: 15px;
    }

.bankAccountBx {
    width: 48%;
    min-height: 165px;
    background: #fff;
    box-shadow: #eee 0 0 10px 3px;
    margin-bottom: 25px;
    border-radius: 5px;
    padding: 35px 20px 25px 150px;
    position: relative;
}

    .bankAccountBx > a {
        position: absolute;
        right: 20px;
        top: 10px;
        display: inline-block;
    }

    .bankAccountBx i {
        border: #38d176 solid 3px;
        display: inline-block;
        line-height: 0;
        position: absolute;
        left: 20px;
        top: 25px;
        border-radius: 50%;
    }

        .bankAccountBx i img {
            width: 105px;
            height: 105px;
            border-radius: 50%;
            display: inline-block;
        }

    .bankAccountBx > strong {
        display: block;
        font-size: 20px;
        color: #2d2d2d;
        font-weight: 500;
        line-height: 30px;
    }

        .bankAccountBx > strong small {
            display: inline-block;
            font-size: 17px;
            font-weight: 400;
            color: #818181;
        }

        .bankAccountBx > strong a {
            display: inline-block;
            font-size: 14px;
            float: right;
            font-weight: 400;
            line-height: 17px;
            padding: 8px 10px;
            background: #00cd7e;
            border-radius: 3px;
            color: #fff;
        }

            .bankAccountBx > strong a:hover {
                background: #0172f4;
            }

    .bankAccountBx > span {
        display: block;
        font-size: 21px;
        color: #0172f4;
        font-weight: 500;
    }

.addaccountNote {
    padding-bottom: 20px;
    font-size: 17px;
    font-weight: 300;
}

.bankDet_Bx {
    padding-bottom: 25px;
    width: 48%;
}

.lblTxt {
    font-size: 22px;
    display: block;
    color: #ababab;
    line-height: 30px;
}

    .lblTxt span {
        font-size: 16px;
    }

.bankselInp {
    width: 100%;
    border: 0;
    font-size: 18px;
    height: 50px;
    border-bottom: #e5e5e5 solid 2px !important;
    color: #2d2d2d;
    background: #fff url(../images/dashboard-icon/down-arrow1.png) right center no-repeat;
    background-size: 20px;
    /*padding-left: 14px;*/
}

.bankInp {
    width: 100%;
    border: 0;
    font-size: 18px;
    height: 50px;
    border-bottom: #e5e5e5 solid 2px !important;
    color: #2d2d2d;
}

    .bankInp:focus {
        border-bottom: #00cd7d solid 2px !important;
    }

.AddaccountBtn {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .AddaccountBtn a {
        display: inline-block;
        background: #00cd7e;
        width: 175px;
        margin: 0 10px;
        border: #03975e solid 1px;
        line-height: 21px;
        padding: 10px 0;
        border-radius: 3px;
        font-size: 15px;
        color: #fff;
    }

        .AddaccountBtn a:hover {
            background: #00cd7e;
            border: #01a9cc solid 1px;
        }

.canclBtn {
    background: #00d0fc !important;
    border: #01a9cc solid 1px !important;
}

    .canclBtn:hover {
        background: #00cd7e !important;
        border: #03975e solid 1px !important;
    }

.endcashMain {
    box-shadow: #e5e5e5 0 0 10px 3px;
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.endcashOuter {
    padding-top: 70px;
    position: relative;
    border-bottom: #ccc solid 2px;
}

.endcashInn {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 5px;
    font-size: 18px;
    color: #666;
    line-height: 32px;
}

    .endcashInn strong {
        display: block;
        font-size: 28px;
        font-weight: 500;
        color: #0172f4;
    }

.BalanceInn {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 18px;
    color: #666;
    line-height: 32px;
    text-align: right;
}

    .BalanceInn strong {
        display: block;
        font-size: 28px;
        font-weight: 500;
        color: #0172f4;
    }

.transferBank {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}

    .transferBank p {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .transferBank i {
        background: #38d176;
        width: 90px;
        height: 90px;
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        position: relative;
    }

        .transferBank i img {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

.selBank {
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 20px;
}

.bankList {
    padding: 20px 0 20px 0;
}

    .bankList li {
        width: 210px;
        padding: 15px;
        background: #fff;
        box-shadow: #e5e5e5 0 0 10px 0;
        border-radius: 5px;
        margin-right: 20px;
        display: inline-block;
        margin-bottom: 20px;
    }

        .bankList li i {
            display: inline-block;
            padding-right: 13px;
            vertical-align: top;
        }

        .bankList li span {
            display: inline-block;
            vertical-align: top;
        }

input[type=checkbox] {
    overflow: hidden;
}

    input[type=checkbox].css-checkBox {
        position: absolute;
        z-index: -1000;
        left: -1000px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

        input[type=checkbox].css-checkBox + label.css-check {
            padding-left: 32px;
            height: 32px;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: 0 7px;
        }

label.css-check {
    background-image: url(../images/dashboard-icon/check_icon.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox].css-checkBox:checked + label.css-check {
    background-position: 0 -32px;
}

.payThrow input[type=checkbox].css-checkBox:checked + label.css-check {
    background-position: 0 -22px;
}

.settBx {
    width: 165px;
    position: absolute;
    right: 0;
    background: #fff;
    box-shadow: #e5e5e5 0 0 5px 0;
    top: 66px;
    text-align: left;
    z-index: 9;
    border-radius: 5px;
    display: none;
    border: 1px solid #e0e0e0;
}

    .settBx:before {
        border-left: transparent solid 9px;
        border-right: transparent solid 9px;
        border-bottom: #fff solid 9px;
        content: '';
        position: absolute;
        top: -8px;
        right: 6px;
        z-index: 10;
    }

    .settBx:after {
        border-left: transparent solid 10px;
        border-right: transparent solid 10px;
        border-bottom: #eee solid 10px;
        content: '';
        position: absolute;
        top: -10px;
        right: 5px;
    }

    .settBx ul {
        display: block !important;
    }

        .settBx ul li {
            display: block;
            padding: 0;
        }

            .settBx ul li a {
                display: block;
                border-bottom: #e5e5e5 solid 1px;
                color: #2d2d2d;
                text-align: left;
                font-size: 13px;
                padding: 5px 10px;
                line-height: 22px;
            }

            .settBx ul li:last-child a {
                border-bottom: 0;
            }

            .settBx ul li a > i {
                display: inline-block;
                width: 21px;
                vertical-align: top;
                height: 22px;
                position: relative;
            }

                .settBx ul li a > i img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto 0;
                }

.newsfeed_DetTop {
    background: #0172f4;
    padding: 25px 0;
}

.newsfeed_detImgBx {
    text-align: center;
}

    .newsfeed_detImgBx i {
        display: block;
        width: 133px;
        height: 133px;
        margin: 0 auto;
    }

        .newsfeed_detImgBx i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: #8fc1fa solid 3px;
        }

    .newsfeed_detImgBx span {
        display: block;
        font-size: 22px;
        padding-top: 10px;
        color: #fff;
    }

        .newsfeed_detImgBx span strong {
            font-weight: 600;
        }

        .newsfeed_detImgBx span small {
            color: #8fc1fa;
        }

.newsfeed_DetDesc {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 20px 0 0 0;
    text-align: center;
}

    .newsfeed_DetDesc span {
        display: block;
        padding-bottom: 10px;
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        padding-top: 20px;
    }

        .newsfeed_DetDesc span small {
            display: inline-block;
            float: right;
            font-size: 18px;
            line-height: 19px;
            color: #c7e0fd;
        }

            .newsfeed_DetDesc span small img {
                vertical-align: top;
                display: inline-block;
            }

    .newsfeed_DetDesc p {
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        line-height: normal;
        color: #cbe2fc;
    }

.newsfeed_imgBx span {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    float: right;
    padding-top: 40px;
}

.newsfeed_imgBx i {
    width: 100px;
    height: 100px;
    display: inline-block;
    line-height: 0;
    border: #94c4fa solid 3px;
    border-radius: 3px;
}

.newsfeed_imgBx span strong {
    font-size: 24px;
    color: #38d176;
}

.detail_feedBg {
    background: #f5f7f8;
    padding: 50px 0;
}

.detail_LikesBx {
    padding-bottom: 30px;
    font-size: 18px;
    color: #2d2d2d;
    font-weight: 500;
    line-height: 21px;
}

    .detail_LikesBx i {
        display: inline-block;
        vertical-align: middle;
    }

    .detail_LikesBx span {
        display: inline-block;
        float: right;
    }

        .detail_LikesBx span small {
            display: inline-block;
            padding-left: 20px;
            vertical-align: top;
            font-size: 18px;
            line-height: 21px;
        }

            .detail_LikesBx span small img {
                display: inline-block;
                vertical-align: top;
            }

.detail_List li {
    display: block;
    padding-bottom: 25px;
    position: relative;
    padding-left: 105px;
    color: #2d2d2d;
    min-height: 116px;
}

    .detail_List li i {
        display: block;
        width: 91px;
        height: 91px;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

        .detail_List li i img {
            display: inline-block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: #38d176 solid 1px;
        }

    .detail_List li strong {
        display: block;
        font-size: 20px;
        font-weight: 500;
    }

        .detail_List li strong small {
            display: inline-block;
            float: right;
            font-size: 20px;
            color: #9e9fa0;
        }

    .detail_List li span {
        display: block;
        font-size: 18px;
        color: #a4a6a7;
        font-weight: 300;
        line-height: 26px;
        word-wrap: break-word;
    }

.detailPostCmt {
    width: 90%;
    margin: 0 auto;
    padding-right: 100px;
    padding-top: 20px;
    position: relative;
}

.postCmtInp {
    width: 100%;
    height: 56px;
    padding: 0 10px;
    font-size: 18px;
    border: 0;
    border-radius: 5px;
    box-shadow: #eee 0 0 5px 5px;
}

.postCmtBtn {
    width: 90px;
    height: 56px;
    line-height: 0;
    background: #fff;
    border-radius: 3px;
    border: 0;
    position: absolute;
    right: 0;
    top: 20px;
    box-shadow: #eee 0 0 5px 5px;
    cursor: pointer;
}

    .postCmtBtn img {
        max-width: 85%;
        max-height: 54%;
    }

.overlay {
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    overflow: auto;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.popInn {
    max-width: 1050px;
    margin: 0 auto;
    position: relative;
    top: 25px;
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    font-family: 'Helvetica';
}

.popupClose {
    position: absolute;
    right: 0px;
    cursor: pointer;
    top: 0px;
    font-size: 16px;
    color: #1a1d27;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.new_popupWrap {
    max-width: 800px;
}
/*.popupHd {
    font-size: 27px;
    text-transform: uppercase;
    line-height: 27px;
    color: #005fcc;
}*/

.popupHd span {
    /*background: url(../images/greenBdr.png) center right no-repeat;
        padding-right: 30px;
        display: inline-block;*/
    background: #ffffff;
    padding-right: 0px;
    display: block;
    font-size: 17px;
    line-height: 21px;
    color: #1a1d27;
    font-weight: 600;
}

.popBody {
    padding-top: 0;
}

.pop_Left {
    width: 30%;
    float: left;
    padding-right: 20px;
    padding-top: 80px;
}

.popLeftHd {
    font-size: 16px;
    text-align: center;
    padding-bottom: 30px;
    font-weight: 600;
}

.popLeft_List li {
    display: block;
    padding-bottom: 30px;
    padding-left: 50px;
    min-height: 80px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
}

    .popLeft_List li i {
        position: absolute;
        left: 0;
        top: 0;
    }

.pop_right {
    width: 70%;
    float: right;
}

.frm_MainBx {
    background: #fff;
    width: 100%;
    padding: 0px;
    border-radius: 5px;
}

.frmBx {
    padding-bottom: 25px;
}

.Login_LblTxt {
    font-size: 15px;
    display: block;
    color: #4d3e3e;
    font-weight: 500;
    padding: 10px;
}

.login_FrmInp {
    font-size: 15px;
    color: #000;
    border: 0;
    border-bottom: #e8e8e8 solid 1px;
    width: 100%;
    height: 50px;
    padding: 10px;
}

    .login_FrmInp:focus, .login_FrmSel:focus {
        border: #0172f4 solid 1px !important;
    }

.login_FrmSel {
    width: 100%;
    border: 0;
    font-size: 15px;
    height: 60px;
    border-bottom: #e5e5e5 solid 1px !important;
    color: #2d2d2d;
    background-size: 16px !important;
    background: #fff url(../images/dashboard-icon/down-arrow1.png) right 10px center no-repeat;
}


input[type=checkbox].css-remb {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-remb + label.css-remb-label {
        padding-left: 25px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0 1px;
    }

label.css-remb-label {
    background-image: url(../images/rembCheck.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    line-height: 20px;
}

input[type=checkbox].css-remb:checked + label.css-remb-label {
    background-position: 0 -28px;
}

.rembBx a {
    display: inline-block;
    float: right;
    font-size: 16px;
    color: #0172f4;
    line-height: 20px;
}

    .rembBx a:hover {
        color: #0172f4;
    }

.loginBtnBx {
    padding-top: 15px;
    text-align: center;
}

.loginBtn {
    max-width: 200px;
    width: 100%;
    background: #0172f4;
    border: 0;
    border-radius: 3px;
    height: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

    .loginBtn:hover {
        background: #38d176;
    }

.orBx {
    padding: 15px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #1a1d27;
    font-style: italic;
}

.socialBtnBx {
    padding-bottom: 0px;
    text-align: center;
}

    .socialBtnBx a {
        display: inline-block;
        width: 40px;
        margin: 0px 5px;
    }

        .socialBtnBx a i img {
            border-radius: 5px;
        }
/*.socialBtnBx a {
        width: 45%;
        float: left;
        margin: 0 2.5%;
        background: #fff;
        padding-left: 50px;
        text-align: center;
        position: relative;
        height: 50px;
        border-radius: 3px;
        line-height: 20px;
        padding-top: 15px;
        font-size: 16px;
    }

        .socialBtnBx a i {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
        }*/


.fbClr {
    color: #0051a5 !important;
}

.tweetClr {
    color: #37baf0;
}

.loginComment {
    font-size: 14px;
    text-align: center;
    padding-top: 15px;
}

    .loginComment a {
        color: #0172f4;
    }

.chooseUser {
    padding-bottom: 15px;
}

    .chooseUser span {
        display: inline-block;
        padding-right: 20px;
    }

        .chooseUser span label.css-label {
            font-size: 20px !important;
        }

        .chooseUser span input[type="radio"].css-radio:checked + label.css-label {
            color: #2d2d2d;
        }

.agreeTxt label.css-remb-label {
    font-size: 14px;
    color: #8b7f7f;
}

.forgotTitl {
    font-size: 18px;
    padding-bottom: 15px;
}

.loginBtnBx a {
    display: inline-block;
    line-height: 40px;
}

.verifyTitl {
    font-size: 14px;
    color: #1a1d27;
    padding-bottom: 15px;
}

.resendOtp {
    font-size: 16px;
    font-weight: 300;
    margin-top: 0px;
}

    .resendOtp a {
        color: #01c176;
        font-weight: 600;
    }

.popupHd {
    font-size: 22px;
    margin-bottom: 20px;
}

.requestCont {
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;
}

.received_Nav {
    background: #f5f5f5;
    margin-bottom: 20px;
    border-radius: 3px;
}

    .received_Nav li {
        display: inline-block;
        padding: 0 40px;
    }

        .received_Nav li a {
            display: block;
            padding: 20px 40px;
            font-size: 18px;
            color: #9b9b9b;
            border-bottom: transparent solid 2px;
        }

            .received_Nav li a:hover, .received_Nav li a.active {
                color: #0172f4;
                border-bottom: #0172f4 solid 2px;
            }

.requestListBx {
    padding: 40px 0 0 0;
    display: none;
}

    .requestListBx .publicBx_top strong {
        display: block;
        font-size: 24px;
    }

.acceptBtnBx a {
    display: inline-block;
    line-height: 24px;
    padding: 12px 70px;
    font-size: 16px;
    margin-right: 15px;
    border-radius: 5px;
    font-weight: 500;
}

.acceptBtn {
    background: #00cd7d;
    color: #fff;
}

.ignoreBtn {
    background: #fff;
    border: #a4a4a4 solid 1px;
    padding: 11px 70px;
    color: #a4a4a4;
}

.requestStatus {
    font-size: 18px;
    color: #ff0000;
}

    .requestStatus a {
        display: inline-block;
        line-height: 24px;
        padding: 12px 70px;
        font-size: 16px;
        float: right;
        border-radius: 5px;
        font-weight: 500;
        background: #fff;
        border: #a4a4a4 solid 1px;
        color: #a4a4a4;
    }

.srchpepleBx {
    padding: 60px 0;
}

    .srchpepleBx .newsfeed_SrchBx {
        margin-bottom: 0;
    }

.srchPeoplBx {
    background: #fff;
    padding: 30px 30px 30px 170px;
    min-height: 178px;
    border-radius: 5px;
    box-shadow: #eee 0 0 5px 0;
    margin-bottom: 30px;
    position: relative;
}

    .srchPeoplBx i {
        width: 118px;
        height: 118px;
        position: absolute;
        left: 30px;
        top: 30px;
        border: #38d176 solid 2px;
        border-radius: 50%;
    }

        .srchPeoplBx i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .srchPeoplBx span {
        font-size: 24px;
        line-height: 51px;
        display: block;
        padding-top: 30px;
    }

        .srchPeoplBx span a {
            display: inline-block;
            float: right;
            line-height: 0;
        }

.userprofBx {
    padding: 30px 0 90px 0;
}

.user_profInn {
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

    .user_profInn i {
        width: 188px;
        height: 188px;
        border: #8fc1fa solid 5px;
        display: block;
        margin: 0 auto 10px auto;
        border-radius: 50%;
    }

        .user_profInn i img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .user_profInn strong {
        display: block;
        font-size: 24px;
        font-weight: 600;
    }

    .user_profInn span {
        font-size: 20px;
        color: #b3d5fc;
    }

    .user_profInn p {
        font-size: 18px;
        color: #fff !important;
        font-weight: 300;
        padding: 10px 0;
    }

    .user_profInn small {
        display: block;
        font-size: 16px;
        color: #000;
        padding-bottom: 15px;
    }

    .user_profInn > a {
        display: inline-block;
        margin: 0 10px;
        width: 230px;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        line-height: 23px;
        padding: 15px 0;
    }

.payBtn {
    background: #00d0fc;
}

.requestBtn {
    background: #00cd7d;
}

.mediaBx {
    position: relative;
    margin-top: -120px;
    box-shadow: #eee 0 5px 5px 0;
}

.media_List li {
    display: inline-block;
    margin-right: 10px;
    width: 135px;
    height: 118px;
    border: #e0e0e0 solid 3px;
    border-radius: 3px;
}

    .media_List li img {
        width: 100%;
        height: 100%;
    }

.allmedia {
    text-align: right;
    padding: 10px 0 0 0;
}

    .allmedia a {
        display: inline-block;
        color: #00cd7d;
        text-decoration: underline;
    }

        .allmedia a:hover {
            color: #0172f4;
        }

.feedListBx {
    padding: 40px 50px 0 50px;
}

    .feedListBx .publicBx_top small {
        padding-bottom: 5px;
    }

    .feedListBx .publicBx_top strong {
        min-height: 0;
        padding-bottom: 13px;
    }

.userIcon {
    position: absolute;
    right: 0;
    top: 0;
}

    .userIcon a {
        display: inline-block;
        margin: 0 5px;
        line-height: 0;
    }

.peopleHd {
    font-size: 25px;
    padding-bottom: 15px;
}

.members_MainBx {
    padding: 25px;
    background: #fff;
    border-radius: 5px;
    box-shadow: #eee 0 0 5px 0;
}

    .members_MainBx li {
        border: #e9e9e9 solid 1px;
        position: relative;
        display: inline-block;
        margin: 0 10px 20px 10px;
        text-align: center;
        padding: 10px 0;
        width: 170px;
    }

        .members_MainBx li i {
            display: block;
            width: 95px;
            height: 95px;
            margin: 0 auto 5px auto;
        }

            .members_MainBx li i img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .members_MainBx li strong {
            display: block;
            font-size: 16px;
            font-weight: 500;
            padding-bottom: 5px;
        }

            .members_MainBx li strong a {
                display: block;
                font-size: 16px;
                font-weight: 500;
                padding-bottom: 5px;
                text-decoration: none;
            }

        .members_MainBx li .btnKnowFriend {
            display: block;
            width: 80px;
            margin: 0 auto;
            line-height: 22px;
            padding: 5px 0;
            color: #0172f4;
            border: #0172f4 solid 1px;
            border-radius: 5px;
        }

            .members_MainBx li .btnKnowFriend:hover {
                background: #0172f4;
                color: #FFF;
            }

        .members_MainBx li small {
            position: absolute;
            left:;
            right: -6px;
            top: -6px;
            display: inline-block;
            cursor: pointer;
        }

.friendsList {
    display: block;
    padding-top: 0px;
}

    .friendsList .public_Bx strong b {
        float: right;
        display: inline-block;
        margin-top: -5px;
    }

        .friendsList .public_Bx strong b a {
            width: 50px;
            height: 50px;
            display: inline-block;
            background: #fff;
            box-shadow: #e5e5e5 0 3px 5px 0;
            border-radius: 50%;
            position: relative;
            margin-top: -10px;
        }

    .friendsList .public_Bx strong a img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

.PayButton {
    background: #fff;
    border: #00d0fc solid 1px;
    padding: 11px 70px;
    color: #00d0fc;
}

.acceptBtn.reqpay {
    padding: 12px 50px;
}

/*------------------*/
.messageSection {
    padding: 50px 0;
    border-top: #e5e5e5 solid 3px;
}

.messageOuter {
    background: #f4f5f8;
}

.message_Left {
    width: 30%;
    float: left;
}

.message_Right {
    width: 70%;
    float: right;
    border-left: #e3e5e8 solid 1px;
}

.messageHd {
    background: #edeef3;
    padding: 13px;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    position: relative;
    border-bottom: #dbdde1 solid 1px;
}

    .messageHd a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: absolute;
        right: 13px;
        top: 13px;
        background: #ff5c5c;
    }

        .messageHd a img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

.srchContect {
    border-bottom: #dbdde1 solid 1px;
    position: relative;
    padding-right: 40px;
}

.srchContInp {
    width: 100%;
    height: 52px;
    padding: 0 10px 0px 15px;
    background: none;
    border: 0;
}

.msgContBtn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background: none;
    border: 0;
    line-height: 0;
    cursor: pointer;
}

.message_List {
    padding: 20px 20px 20px 10px;
}

    .message_List li {
        display: block;
    }

        .message_List li a {
            display: block;
            padding: 15px 10px 15px 70px;
            background: #fff;
            border-radius: 5px;
            position: relative;
            margin-bottom: 15px;
        }

            .message_List li a i {
                display: block;
                width: 46px;
                height: 46px;
                position: absolute;
                left: 10px;
                top: 50%;
                margin-top: -23px;
            }

                .message_List li a i img {
                    border-radius: 50%;
                }

            .message_List li a strong {
                display: block;
                font-size: 16px;
                line-height: 24px;
                color: #1a1d27;
            }

                .message_List li a strong small {
                    display: inline-block;
                    float: right;
                    font-size: 12px;
                    color: #88929b;
                }

            .message_List li a span {
                display: block;
                font-size: 13px;
                line-height: 23px;
                color: #767676;
            }

            .message_List li a:hover, .message_List li a.activeuser {
                background: #ffffff !important;
            }

                .message_List li a:hover strong, .message_List li a.activeuser strong {
                    color: #0172f4 !important;
                }

                    .message_List li a:hover strong small, .message_List li a.activeuser strong small {
                        color: #99c7fb;
                    }

                .message_List li a:hover span, .message_List li a.activeuser span {
                    color: #1a1d27;
                }

    .message_List ul li .CountMessageOnUserHeader {
        background-color: #127bf3;
    }

.chatMainBx {
    background: #0172f4;
    padding: 12px 20px;
    height: 66px;
}

.chatHd {
    position: relative;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    padding-left: 50px;
}

    .chatHd i {
        width: 42px;
        height: 42px;
        line-height: 0;
        display: inline-block;
        vertical-align: top;
        position: absolute;
        left: 0;
        top: 0;
    }

        .chatHd i img {
            border-radius: 50%;
        }

    .chatHd a {
        display: inline-block;
        float: right;
        line-height: 0; /*padding:13px 0;*/
    }

.chatTopBx {
    padding: 50px 20px 0 20px;
    border-bottom: #e3e5e8 solid 1px;
}

    .chatTopBx ul {
        margin-bottom: 20px;
    }

    .chatTopBx li {
        padding-bottom: 10px;
        float: left;
        display: block;
        width: 100%;
    }

        .chatTopBx li:last-child {
            padding-bottom: 0;
        }

.chatUserBx {
    padding-bottom: 10px;
    line-height: 43px;
    font-size: 17px;
    position: relative;
    padding-left: 55px;
}

    .chatUserBx i {
        width: 43px;
        height: 43px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }

        .chatUserBx i img {
            border-radius: 50%;
        }

    .chatUserBx span {
        color: #999;
    }

.chatMsgBx {
    padding: 10px 20px;
    display: inline-block;
    width: auto;
    background: #fff;
    max-width: 85%;
    border-radius: 5px;
    font-size: 16px;
    color: #575757;
    line-height: 28px;
    word-wrap: break-word;
}

.myChatBx {
    float: right !important;
    text-align: right;
    max-width: 60%;
}

    .myChatBx .chatMsgBx {
        background: #c2f1fc;
        color: #000;
        width: 100%;
        max-width: 100%;
        text-align: left;
        word-wrap: break-word;
    }

    .myChatBx .chatUserBx {
        padding-left: 0;
        padding-right: 60px;
    }

        .myChatBx .chatUserBx i {
            left: auto;
            right: 0;
        }

.typemsgBx {
    border-bottom: #e3e5e8 solid 1px !important;
    border-right: #e3e5e8 solid 1px;
    background: #fff;
}

.msgTypeInp {
    width: 100%;
    border: 0;
    padding: 10px;
    border-bottom: #e3e5e8 solid 1px;
    font-size: 16px;
    color: #666;
    height: 90px;
    resize: none;
}

.typeBtnbx {
    padding: 10px 10px 10px 10px;
}

    .typeBtnbx i {
        display: inline-block;
        padding-top: 5px;
    }

        .typeBtnbx i a {
            display: inline-block;
            margin: 0 7px;
            line-height: 0;
        }

    .typeBtnbx .sendBtn {
        float: right;
        line-height: 26px;
        padding: 5px 25px;
        border: 0;
        background: #38d176;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
        box-shadow: #eee 0 5px 5px 0;
    }

        .typeBtnbx .sendBtn:hover {
            background: #0172f4;
        }

.chatTabBx {
    display: none;
}

.message_List li a i b {
    position: absolute;
    right: 7px;
    top: 0px;
}

.nearbyBg {
    background: #0172f4;
    padding: 30px 0;
}

.locationName {
    width: 15%;
    float: left;
    position: relative;
    padding-left: 45px;
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
}

    .locationName i {
        position: absolute;
        left: 0;
        top: 5px;
    }

    .locationName span {
        display: block;
    }

    .locationName strong {
        display: block;
        font-size: 18px;
    }

.near_FltrBx {
    width: 65%;
    float: left;
    position: relative;
    padding-right: 140px;
}

.locatIconBx {
    width: 20%;
    float: right;
    text-align: right;
}

    .locatIconBx a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 15px;
        line-height: 0;
    }

.fltrInpBx {
    position: relative;
}

.fltrSrchBtn {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 130px;
    background: #fff;
    border: 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    border-radius: 5px;
}

    .fltrSrchBtn img {
        display: inline-block;
        vertical-align: top;
    }

.nearBy_List {
    position: relative;
    min-height: 150px;
    padding-left: 100px;
}

    .nearBy_List > i {
        width: 112px;
        height: 112px;
        position: absolute;
        left: -40px;
        top: -23px;
    }

        .nearBy_List > i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

.nearByInn {
    padding: 20px 20px 20px 0;
}

.nearBx_left {
    width: 75%;
    float: left;
    line-height: 30px;
}

    .nearBx_left strong {
        display: block;
        font-size: 20px;
    }

    .nearBx_left small {
        display: block;
        font-size: 18px;
        color: #a4a4a4;
    }

    .nearBx_left span {
        display: block;
        font-size: 18px;
    }

    .nearBx_left b {
        font-size: 20px;
        font-weight: 500;
    }

.nearBx_right {
    width: 25%;
    float: right;
    text-align: right;
}

    .nearBx_right span {
        display: block;
        font-size: 22px;
        color: #9d9d9d;
        font-weight: 300;
        padding-bottom: 8px;
        line-height: 28px;
    }

        .nearBx_right span img {
            vertical-align: top;
        }

.nearby_payBtn {
    background: #00d0fc;
    display: inline-block;
    width: 110px;
    border: #01a9cc solid 1px;
    border-radius: 5px;
    height: 40px;
    font-size: 17px;
    color: #fff;
    cursor: pointer;
}

.nearBx_right small {
    display: block;
    padding-top: 10px;
}

    .nearBx_right small a {
        color: #38d176;
        font-size: 15px;
        font-weight: 300;
        text-decoration: underline;
        display: inline-block;
    }

        .nearBx_right small a:hover {
            color: #0172f4;
        }

.reqFltrInn {
    background: #fff;
    box-shadow: #e8e8e8 0px 10px 17px 0;
    border-radius: 0 0 5px 5px;
    padding: 35px 0 0 0;
    position: relative;
}

    .reqFltrInn .newsfeed_Nav {
        padding-top: 15px;
    }

        .reqFltrInn .newsfeed_Nav li a {
            color: #2d2d2d;
            cursor: pointer;
        }

            .reqFltrInn .newsfeed_Nav li a:hover, .reqFltrInn .newsfeed_Nav li a.active {
                color: #0172f4;
                border-bottom: #0172f4 solid 3px;
            }

.reqfltrBg {
    box-shadow: none;
}

.nobankBx {
    padding-bottom: 40px;
    text-align: center;
    font-size: 15px;
}

    .nobankBx strong {
        display: block;
        font-size: 25px;
        font-weight: 600;
        padding-bottom: 10px;
    }

    .nobankBx span {
        display: block;
        padding-bottom: 15px;
    }

    .nobankBx a {
        display: inline-block;
        width: 175px;
        font-size: 15px;
        background: #38d176;
        border: #31b667 solid 1px;
        border-radius: 3px;
        line-height: 21px;
        padding: 10px 0;
        color: #fff;
    }

        .nobankBx a:hover {
            background: #00d0fc;
            border: #01a9cc solid 1px;
        }

.addacc_Bx {
    display: none;
}

.popInn.updateAccDet {
    background: #fff;
    padding: 30px;
    max-width: 1000px;
}

.updatePopHd {
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

.totlAmtBg {
    min-height: 112px;
    padding: 25px 0;
}

.totlAmt_left {
    width: 50%;
    float: left;
    font-size: 21px;
    color: #fff;
    padding: 13px 0;
    font-weight: 300;
}

.totlAmt_right {
    width: 50%;
    float: right;
}

.mywallet_Left {
    width: 60%;
    float: left;
    font-size: 15px;
    color: #fff;
}

    .mywallet_Left strong {
        display: block;
        font-size: 21px;
        font-weight: 500;
        padding-bottom: 5px;
        line-height: 30px;
    }

.endcashWall {
    display: none;
    font-size: 19px;
    line-height: 25px;
    padding-bottom: 3px;
    font-weight: 300;
    color: #99c7fb;
}

.mywallet_Left span {
    display: block;
    padding-top: 5px;
}

.mywallet_Right {
    width: 40%;
    float: right;
    font-size: 18px;
    color: #fff;
    text-align: right;
}

    .mywallet_Right strong {
        display: block;
        font-size: 24px;
    }

    .mywallet_Right span {
        display: block;
        line-height: 30px;
    }

.endcashWall_R {
    display: none;
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 3px;
}

    .endcashWall.active, .endcashWall_R.active {
        display: block;
    }

.mywallet_Right strong {
    display: block;
    font-size: 24px;
    padding-top: 5px;
}

.mywallet_Left span label.css-check {
    background-image: url(../images/check_icon.png);
}

.mywallet_Left span input[type="checkbox"].css-checkBox + label.css-check {
    padding-left: 35px;
    height: 24px;
}

.mywallet_Left span input[type="checkbox"].css-checkBox:checked + label.css-check {
    background-position: 0 -24px;
}

.cardsDetBx {
    width: 100%;
    background: #fff;
    padding: 40px;
    box-shadow: #e5e5e5 0 0 5px 0;
    border-radius: 5px;
    margin-bottom: 20px;
}

.cardsNav {
    text-align: center;
    padding-bottom: 30px;
}

    .cardsNav li {
        display: inline-block;
        padding: 0 5px;
    }

        .cardsNav li a {
            font-size: 17px;
            line-height: 25px;
            padding: 7px 20px;
        }

            .cardsNav li a:hover, .cardsNav li a.active {
                background: #fff;
                box-shadow: #e5e5e5 0 0 5px 0;
            }

.saveCardList {
    padding-top: 30px;
}

    .saveCardList li {
        width: 48%;
        float: left;
        margin-bottom: 30px;
        position: relative;
    }

        .saveCardList li:nth-child(2n) {
            float: right;
        }

.saveCardTop {
    padding: 15px;
    border: #b7b7b7 solid 1px;
    border-radius: 10px;
    min-height: 205px;
}

    .saveCardTop.active {
        border: #0172f3 solid 1px;
    }

    .saveCardTop > a {
        font-size: 20px;
        line-height: 25px;
        display: inline-block;
        color: #8d8d8d;
    }

        .saveCardTop > a i {
            background: url(../images/dashboard-icon/radio_icon.png) 0 0 no-repeat;
            display: inline-block;
            vertical-align: top;
            margin-right: 5px;
            width: 25px;
            height: 25px;
        }

    .saveCardTop.active > a i {
        background-position: 0 -25px;
    }

    .saveCardTop > span {
        display: inline-block;
        float: right;
        line-height: 0;
        cursor: pointer;
    }

    .saveCardTop > i {
        display: block;
        padding-top: 10px;
    }

        .saveCardTop > i img {
            width: 100%;
        }

.cvvBx {
    position: relative;
    padding: 0;
}

    .cvvBx .lblTxt {
        font-size: 17px;
        color: #666;
    }

    .cvvBx i {
        position: absolute;
        right: 0;
        bottom: 2px;
    }

    .cvvBx .bankInp {
        height: 29px;
        background: none;
        color: #000;
    }

.cvvMsg {
    font-size: 14px;
    color: #666;
    line-height: 18px;
    padding-top: 10px;
}

.cardCvvMain {
    position: absolute;
    bottom: 1px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 0 0 10px 10px;
    left: 1px;
    right: 1px;
    padding: 10px;
    display: none;
}

.open {
    display: block;
}

.cardsMainOuter {
    display: none;
}

.dabitCardTxt {
    margin-top: 20px;
    padding-bottom: 25px;
}

    .dabitCardTxt span {
        display: inline-block;
        float: right;
        width: 300px;
        font-size: 11px;
        line-height: 15px;
        padding-left: 22px;
        position: relative;
    }

        .dabitCardTxt span i {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 4px;
        }

.debitCardBx {
    width: 640px;
    margin: 0 auto;
}

.cardfrmBx {
    position: relative;
    margin-bottom: 25px;
}

    .cardfrmBx i {
        position: absolute;
        right: 0;
        bottom: 0px;
    }

.expdate_left {
    width: 60%;
    float: left;
}

.expdate_right {
    float: right;
    width: 32%;
}

.saveCardTxt {
    padding-bottom: 40px;
}

    .saveCardTxt label.css-check {
        padding-left: 40px !important;
        font-size: 18px;
        color: #777;
    }

.cvvLblTxt {
    font-size: 18px;
}

.netbankHd {
    font-size: 22px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.bankListBx {
    padding-bottom: 25px;
}

    .bankListBx li {
        width: 208px;
        height: 137px;
        background: #fff;
        box-shadow: #e5e5e5 0 0 10px 0;
        border-radius: 5px;
        float: left;
        margin: 0 25px 20px 0;
        padding: 15px;
    }

        .bankListBx li i {
            display: inline-block;
            width: 105px;
            height: 105px;
            padding: 8px;
            background: #fff;
            box-shadow: #e5e5e5 0 0 5px 0;
            border-radius: 50%;
        }

            .bankListBx li i img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .bankListBx li span {
            float: right;
            display: inline-block;
        }

.otherbankPadd {
    padding-bottom: 30px;
}

.userProf_MainBx {
    padding: 40px;
    margin-bottom: 50px;
    background: #fff;
    box-shadow: #e5e5e5 0 0 7px 0;
    border-radius: 5px;
}

.myprofHd {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: #ccc solid 2px;
    margin-bottom: 40px;
}

.profSecBx {
    padding-bottom: 30px;
}

.persInfHd {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

.profile_statusBx {
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 0;
    border-radius: 5px;
    height: 350px;
}

.prostatus_L {
    width: 35%;
    float: left;
    border-right: #e5e5e5 solid 2px;
    text-align: center;
    padding: 40px 0;
    height: 350px;
}

    .prostatus_L i {
        display: block;
        width: 102px;
        height: 102px;
        border-radius: 50%;
        border: #38d176 solid 3px;
        margin: 0 auto 15px auto;
    }

        .prostatus_L i img {
            border-radius: 50%;
            width: 100%;
            height: 100%;
        }

    .prostatus_L span {
        text-align: center;
        font-size: 19px;
        display: block;
        padding-bottom: 15px;
    }

    .prostatus_L a {
        display: inline-block;
        border: #38d176 solid 1px;
        padding: 6px 20px;
        font-size: 14px;
        color: #38d176;
        line-height: 19px;
        border-radius: 5px;
    }

        .prostatus_L a:hover {
            background: #38d176;
            color: #fff;
        }

.prostatus_R {
    width: 65%;
    float: right;
}

.proDetBx {
    font-size: 18px;
    padding-bottom: 15px;
}

    .proDetBx label {
        display: block;
        color: #999;
        font-size: 20px;
    }

.aproDetInn {
    position: relative;
    padding: 50px 20px;
}

    .aproDetInn > a {
        background: #0172f4;
        position: absolute;
        right: 20px;
        top: 20px;
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

        .aproDetInn > a img {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
        }

.changepassBX {
    padding: 80px 20px 30px;
    margin-bottom: 20px;
    box-shadow: #e5e5e5 0 0 10px 0;
    border-radius: 5px;
    position: relative;
}

.changepassBtnBx a {
    width: 200px;
}

.editPass {
    background: #ababab;
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

    .editPass img {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

.nearbyMap {
    padding: 0 !important;
    line-height: 0;
}

    .nearbyMap img {
        width: 100%;
    }

.card {
    width: 100%;
    height: 181px;
    padding: 30px 15px;
}

.cardIconBx {
    padding-bottom: 60px;
}

    .cardIconBx span {
        float: right;
        font-size: 18px;
        color: #fff;
        line-height: 34px;
    }

    .cardIconBx i {
        display: inline-block;
        line-height: 0;
        vertical-align: top;
    }

.cardNumber {
    font-size: 36px;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
}

    .cardNumber i {
        display: inline-block;
        vertical-align: bottom;
        padding-right: 5px;
        font-style: normal;
        font-size: 30px;
        line-height: 23px;
    }

    .cardNumber span {
        font-family: 'Helvetica';
    }


/*-------------Business User------------------*/
.business_bannerBx {
    position: relative;
}

    .business_bannerBx li {
        position: relative;
    }

.bannerTrans {
    position: relative;
    width: 100%;
    height: 964px;
    background: rgba(0, 0, 0, 0.75);
}

.businessHeader {
    position: fixed;
    left: 0;
    top: 0;
    height: 93px;
    z-index: 99;
    border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
    width: 100%;
}

    .businessHeader.fixed {
        background: rgba(0, 0, 0, 0.6);
    }

.buss_logoBx {
    padding-top: 14px;
    display: inline-block;
}

    .buss_logoBx a {
        display: inline-block;
    }

.buss_header {
    padding: 0 20px;
}

.buss_rightnav {
    float: right;
    padding-top: 35px;
}

    .buss_rightnav ul {
        display: inline-block;
        vertical-align: top;
    }

        .buss_rightnav ul li {
            display: inline-block;
            padding: 0 20px;
            color: #fff;
            font-size: 14px;
            line-height: 20px;
        }

            .buss_rightnav ul li a {
                display: inline-block;
                color: #2d2d2d;
                text-transform: uppercase;
            }

                .buss_rightnav ul li a:hover {
                    color: #0172f4;
                }

.menuIconBx {
    display: inline-block;
    display: inline-block;
}

    .menuIconBx i {
        display: inline-block;
        line-height: 0;
    }

        .menuIconBx i a {
            display: inline-block;
        }

.banner_ExpBx {
    margin: 0 auto;
    position: relative;
    max-width: 1120px;
    top: 200px;
}

.buss_expendInn {
    position: relative;
    height: 473px;
    background: url(../images/business-img/expend-bg.png) 0 0 no-repeat;
}

.buss_Bantitl {
    width: 453px;
    height: 223px;
    background: rgba(0, 70, 140, 0.65);
    position: absolute;
    right: 0;
    bottom: 25px;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    padding: 90px 50px 0 100px;
}

.getstart_Btn {
    background: #ff6326;
    background: -moz-linear-gradient(left, #ff6326 0%, #f72b4e 100%);
    background: -webkit-linear-gradient(left, #ff6326 0%,#f72b4e 100%);
    background: linear-gradient(to right, #ff6326 0%,#f72b4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6326', endColorstr='#f72b4e',GradientType=1 );
    cursor: pointer;
    box-shadow: #f595a6 0 0 15px 2px;
}

.getstartBtnPost {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    width: 150px;
    height: 53px;
    position: absolute;
    right: -30px;
    bottom: -26px;
    border: 0;
    border-radius: 53px;
    box-shadow: none;
}

.getstart_Btn:hover {
    background: #f72b4e;
    background: -moz-linear-gradient(left, #f72b4e 0%, #ff6326 100%);
    background: -webkit-linear-gradient(left, #f72b4e 0%,#ff6326 100%);
    background: linear-gradient(to right, #f72b4e 0%,#ff6326 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f72b4e', endColorstr='#ff6326',GradientType=1 );
}

.innovateHd {
    position: absolute;
    padding-left: 70px;
    left: 185px;
    top: 130px;
    z-index: 1;
}

    .innovateHd small {
        font-size: 20px;
        text-transform: uppercase;
        color: #fff;
        display: inline-block;
        padding-left: 10px;
    }

    .innovateHd strong {
        display: block;
        font-size: 149px;
        font-weight: 800;
        color: #fff;
        line-height: 118px;
    }

    .innovateHd i {
        background: #f72b4e;
        width: 10px;
        height: 105px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 32px;
    }

.aboutEndcashBg {
    padding: 70px 0 0 0;
}

.aboutEnd_cashHd {
    text-align: center;
    font-size: 35px;
    font-weight: 300;
    padding-bottom: 65px;
}

    .aboutEnd_cashHd small {
        display: block;
        font-weight: 600;
        font-size: 19px;
        color: #9b9b9b;
        text-transform: uppercase;
    }

.bussabout_left {
    width: 55%;
    position: relative;
    float: left;
    padding-right: 50px;
    border-right: #858585 dashed 1px;
}

    .bussabout_left i {
        position: absolute;
        right: -12px;
        top: -24px;
    }

.bussabout_right {
    float: right;
    width: 45%;
    padding-top: 30px;
    padding-left: 50px;
}

    .bussabout_right > strong {
        font-size: 29px;
        font-weight: 300;
        line-height: 33px;
        display: block;
        padding-bottom: 25px;
    }

        .bussabout_right > strong span {
            color: #fe6733;
        }

    .bussabout_right > span {
        display: block;
        font-size: 17px;
        padding-bottom: 5px;
    }

    .bussabout_right > p {
        font-size: 16px;
        line-height: normal;
        font-weight: 400;
        padding-bottom: 25px;
    }

    .bussabout_right > i {
        display: block;
        font-style: normal;
    }

        .bussabout_right > i a {
            display: inline-block;
            margin-right: 20px;
            padding: 10px 30px;
            line-height: 33px;
            border-radius: 30px;
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
        }

.bussblue_Btn {
    background: #00468d;
    background: -moz-linear-gradient(left, #00468d 0%, #0171f0 100%);
    background: -webkit-linear-gradient(left, #00468d 0%,#0171f0 100%);
    background: linear-gradient(to right, #00468d 0%,#0171f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00468d', endColorstr='#0171f0',GradientType=1 );
    cursor: pointer;
    box-shadow: #7db3ee 0 0 15px 2px;
}

    .bussblue_Btn:hover {
        background: #0171f0;
        background: -moz-linear-gradient(left, #0171f0 0%, #00468d 100%);
        background: -webkit-linear-gradient(left, #0171f0 0%,#00468d 100%);
        background: linear-gradient(to right, #0171f0 0%,#00468d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0171f0', endColorstr='#00468d',GradientType=1 );
    }

.howitEndcashBg {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 70%, #ebf3fe 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 70%,#ebf3fe 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 70%,#ebf3fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf3fe',GradientType=0 );
    padding: 60px 0 0px 0;
}

.crclBx {
    width: 609px;
    height: 609px;
    position: relative;
    margin: 50px auto 0 auto;
    background: url(../images/business-img/srcl-img.png) center center no-repeat;
}

.crclBxInn {
    width: 383px;
    height: 383px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

    .crclBxInn i {
        text-align: center;
        display: block;
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .crclBxInn span {
        color: #0171f2;
        font-weight: 500;
        font-size: 33px;
    }

.crclTabBx {
    padding-top: 155px;
    border-bottom: #dfe7f1 solid 1px;
}

    .crclTabBx li {
        width: 25%;
        float: left;
        text-align: center;
        position: relative;
    }

        .crclTabBx li a {
            display: inline-block;
            background: url(../images/business-img/how-bull.png) center bottom no-repeat;
            width: 40px;
            height: 40px;
            margin-bottom: -25px;
        }

            .crclTabBx li a.active {
                background: url(../images/business-img/how-selected.png) center bottom no-repeat;
            }

                .crclTabBx li a.active .crcltabDet {
                    display: block;
                }

.crcltabDet {
    position: absolute;
    width: 334px;
    height: 189px;
    background: #fff;
    padding: 70px 20px 20px 20px;
    bottom: 30px;
    left: 50%;
    margin-left: -167px;
    border-radius: 5px;
    box-shadow: #e5e5e5 0 0 5px 0;
    display: none;
}

    .crcltabDet i {
        width: 80px;
        height: 80px;
        display: block;
        margin: 0 auto;
        position: absolute;
        background: #0171f2;
        top: -40px;
        left: 0;
        right: 0;
        border-radius: 50%;
    }

        .crcltabDet i img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

    .crcltabDet small {
        font-size: 15px;
    }

.features_EndcashBg {
    padding: 70px 0;
}

.step1 {
    position: absolute;
    left: -146px;
    top: 18px;
}

.step4 {
    position: absolute;
    left: -186px;
    bottom: 125px;
}

.step2 {
    position: absolute;
    right: -146px;
    top: 18px;
}

.step3 {
    position: absolute;
    right: -186px;
    bottom: 125px;
}

.stepCont {
    position: relative;
    padding-left: 70px;
    width: 250px;
    display: inline-block;
    vertical-align: top;
    background: url(../images/business-img/circl_bull.png) right bottom no-repeat;
    height: 80px;
    padding-right: 30px;
}

    .stepCont.active {
        background-image: url(../images/business-img/circl_bull-selected.png) !important;
    }

.step2 .stepCont, .step3 .stepCont {
    position: relative;
    padding-left: 30px;
    padding-right: 70px;
    width: 250px;
    display: inline-block;
    vertical-align: top;
    background: url(../images/business-img/circl_bull.png) left bottom no-repeat;
    height: 80px;
}

.stepCont span {
    font-size: 70px;
    font-weight: 300;
    color: #ccc;
    position: absolute;
    left: 0;
    top: 0;
    /*font-family: 'Saira Condensed', sans-serif;*/
    line-height: 50px;
}

.step2 .stepCont span, .step3 .stepCont span {
    left: auto;
    right: 0;
}

.stepCont strong {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    display: block;
}

.featuresList {
    padding-bottom: 30px;
}

    .featuresList li {
        float: left;
        width: 29.33%;
        margin: 0 2%;
        background: #fff;
        box-shadow: #e5e5e5 0 0 20px 5px;
        border-radius: 5px;
        padding: 25px 100px 25px 25px;
        position: relative;
        height: 265px;
    }

        .featuresList li strong {
            display: block;
            font-size: 18px;
            padding-bottom: 20px;
            color: #2d2d2d;
        }

            .featuresList li strong i {
                display: block;
                height: 1px;
                width: 100px;
                background: #999;
            }

        .featuresList li span {
            color: #818181;
            font-size: 16px;
            line-height: 27px;
        }

        .featuresList li > i {
            display: inline-block;
            position: absolute;
            right: 0px;
            bottom: 20px;
        }

.getstartedBx {
    text-align: center;
    padding-top: 20px;
}

    .getstartedBx a {
        display: inline-block;
        padding: 10px 50px;
        line-height: 32px;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        border-radius: 25px;
    }

.selfTrans {
    position: relative;
    background: rgba(0, 0, 0, 0.8);
    height: 694px;
}

.boostingTxtBx {
    padding-top: 100px;
    margin: 0 auto;
    width: 700px;
    text-align: center;
}

    .boostingTxtBx span {
        display: block;
        font-size: 42px;
        color: #fff;
        text-transform: uppercase;
        line-height: 63px;
        padding-bottom: 50px;
        font-weight: 300;
    }

    .boostingTxtBx a {
        line-height: 0;
        display: inline-block;
    }

.client_TestimoBg {
    background: #f8f9fb;
    position: relative;
}

.clientInn {
    padding: 50px 0 0 0;
    position: relative;
    top: -120px;
    background: #f8f9fb;
}

.clientHd {
    padding-bottom: 25px;
    text-align: center;
}

    .clientHd span {
        text-align: center;
        font-size: 35px;
        display: block;
    }

    .clientHd i {
        background: #064b90;
        background: -moz-linear-gradient(left, #064b90 0%, #0170ee 100%);
        background: -webkit-linear-gradient(left, #064b90 0%,#0170ee 100%);
        background: linear-gradient(to right, #064b90 0%,#0170ee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064b90', endColorstr='#0170ee',GradientType=1 );
        display: inline-block;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        position: relative;
        box-shadow: #8ab8ed 0 0 15px 5px;
    }

        .clientHd i img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

.client_Saylist {
    max-width: 710px;
    margin: 20px auto 0 auto;
}

    .client_Saylist li {
        float: left;
        padding-bottom: 100px;
        padding-top: 60px;
    }

.client_SayInn {
    float: left;
    background: #fff;
    border-radius: 5px;
    padding: 20px 20px 50px 20px;
    text-align: center;
    line-height: normal;
    position: relative;
    opacity: 0.7;
}

    .client_SayInn p {
        font-size: 18px;
        line-height: normal;
        height: 160px;
        overflow: hidden;
    }

    .client_SayInn strong {
        font-size: 20px;
        display: none;
    }

    .client_SayInn span {
        display: block;
        font-size: 20px;
        font-weight: 500;
        color: #999;
        padding-bottom: 5px;
        display: none;
    }

    .client_SayInn i {
        width: 88px;
        height: 88px;
        border: #f72e4b solid 5px;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        bottom: -44px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: none;
    }

        .client_SayInn i img {
            display: inline-block !important;
            border-radius: 50%;
        }

.owl-item.active.center .client_Saylist li {
    padding-bottom: 100px;
}

.owl-item.active.center .client_SayInn {
    width: 460px;
    position: absolute;
    left: 50%;
    margin-left: -230px;
    opacity: 1;
    z-index: 9;
    padding: 40px 20px;
    box-shadow: #e5e5e5 0 0 10px 5px;
    top: 13px;
}

    .owl-item.active.center .client_SayInn strong, .owl-item.active.center .client_SayInn span, .owl-item.active.center .client_SayInn i {
        display: block;
    }

    .owl-item.active.center .client_SayInn p {
        height: auto;
        overflow: auto;
    }

.client_Saylist .owl-controls {
    text-align: center;
    padding-top: 15px;
}

.client_Saylist .owl-nav {
    display: none;
}

.client_Saylist .owl-dots {
    display: inline-block;
}

.client_Saylist .owl-dot {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    background: #64a3eb;
    display: inline-block;
    border-radius: 50%;
}

    .client_Saylist .owl-dot.active {
        background: #016ae1;
    }

.opport_Bg {
    padding: 50px 0;
}

.opportList {
    padding-bottom: 30px;
}

    .opportList li {
        width: 20%;
        float: left;
    }

.oppertTrans {
    background: rgba(0, 0, 0, 0.65);
    height: 454px;
    position: relative;
}

.opportTitl {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    border-top: rgba(255, 255, 255, 0.2) solid 1px;
    padding: 10px 0;
}

    .opportTitl strong {
        display: block;
        font-size: 22px;
        font-weight: 600;
    }

    .opportTitl a {
        color: #ccc;
    }

.business_bannerBx .owl-controls {
    text-align: center;
    padding-top: 15px;
    transform: rotate(90deg);
    position: absolute;
    bottom: 450px;
    right: -50px;
}

.business_bannerBx .owl-nav {
    display: none;
}

.business_bannerBx .owl-dots {
    display: inline-block;
}

.business_bannerBx .owl-dot {
    width: 50px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
}

    .business_bannerBx .owl-dot.active {
        background: #2c69ea;
        height: 5px;
        position: relative;
        bottom: -2px;
    }

.vidInnBg {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    border: #e5e5e5 solid 5px;
    border-radius: 10px;
    top: 15%;
    line-height: 0;
}

.closeIcon {
    position: absolute;
    right: -13px;
    top: -10px;
}

    .closeIcon img {
        box-shadow: #e5e5e5 0 0 5px 0;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
    }

.loginTrans {
    background: rgba(0, 0, 0, 0.75);
    height: 380px;
    padding-top: 150px;
}

.loginMidSec {
    padding-bottom: 50px;
}

.loginTitl {
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
}

.loginBx {
    padding: 100px 50px 0 50px;
    background: #fff;
    border-radius: 10px 10px 5px 5px;
    box-shadow: #e5e5e5 0px 8px 15px 0px;
    position: relative;
    margin-top: -70px;
    max-width: 1130px;
    margin-left: auto;
    margin-right: auto;
}

.loginHdBx {
    background: #016fed;
    height: 115px;
    position: absolute;
    left: 50px;
    top: -50px;
    right: 50px;
    margin: 0 auto;
    border-radius: 10px;
}

.loginHd {
    font-size: 16px;
    color: #b3d4fa;
    line-height: 35px;
    padding: 40px;
}

    .loginHd span {
        font-size: 27px;
        text-transform: uppercase;
        display: inline-block;
        color: #fff;
    }

.loginBxInn .frm_MainBx {
    padding: 20px 0 50px 0;
    width: 50%;
}

.loginBxInn .loginBtnBx {
    padding-top: 50px;
    text-align: left;
    padding-bottom: 25px;
}

.bussUserBtn {
    padding: 10px 70px;
    border: 0;
    font-size: 16px;
    color: #fff;
    line-height: 33px;
    border-radius: 25px;
    text-transform: uppercase;
    width: 250px;
    text-align: center;
}

.signup_Outer {
    display: none;
}

.signup_StepBx {
    max-width: 800px;
    margin: 40px auto 0 auto;
    text-align: center;
}

    .signup_StepBx li {
        width: 25%;
        text-align: center;
        display: inline-block;
        margin-left: -3px;
    }

        .signup_StepBx li a {
            display: block;
            font-size: 17px;
            text-transform: uppercase;
            color: #fff;
        }

            .signup_StepBx li a i {
                display: block;
                height: 3px;
                margin-bottom: 25px;
                text-align: center;
                background: #2a64c2;
                position: relative;
            }

                .signup_StepBx li a i small {
                    display: inline-block;
                    position: absolute;
                    top: -11px;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                }

                    .signup_StepBx li a i small img {
                        position: relative;
                        display: inline-block;
                    }

            .signup_StepBx li a.active i {
                background: #00cffb;
            }

                .signup_StepBx li a.active i small img {
                    border: #00cffb solid 3px;
                    border-radius: 50%;
                    top: -3px;
                    box-shadow: #00cffb 0 0 10px 3px;
                }

.buss_SignupBx + .loginBtnBx {
    padding-bottom: 50px;
    padding-top: 10px;
}

    .buss_SignupBx + .loginBtnBx .bussUserBtn {
        width: auto;
    }

.buss_SignupBx .frmBx span {
    display: inline-block;
    padding-top: 15px;
    padding-right: 20px;
}

    .buss_SignupBx .frmBx span label.css-label {
        font-size: 17px;
    }

.uploadBx {
    position: relative;
}

    .uploadBx .login_FrmInp {
        padding-right: 90px;
    }

.login_FrmInp {
    font-size: 15px;
    color: #000;
    border: 0;
    border-bottom: #e8e8e8 solid 1px;
    width: 93%;
    height: 50px;
}

.uploadBx > span {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 80px;
    padding-right: 0 !important;
}

.browseBtn {
    background: #0172f4;
    width: 100%;
    height: 34px;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
}

.upldBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 34px;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.uploadBx i {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.buss_SignupBx .half_left, .buss_SignupBx .half_right {
    width: 47%;
}

.tabBx {
    padding-top: 20px;
}

    .tabBx a {
        display: inline-block;
        margin-right: 10px;
        border: #e1e1e1 solid 1px;
        position: relative;
        line-height: 18px;
        padding: 8px 10px;
        border-radius: 3px;
        font-size: 13px;
    }

        .tabBx a i {
            position: absolute;
            top: -7px;
            right: -7px;
            opacity: 0;
        }

        .tabBx a:hover {
            box-shadow: #eee 0 0 7px 2px;
        }

            .tabBx a:hover i {
                opacity: 1;
            }

.locatmapBx {
    padding-top: 15px;
    line-height: 0;
    padding-bottom: 20px;
}

.branchHd {
    height: 1px;
    background: #0672ed;
    margin: 20px 0 20px 0;
    position: relative;
}

    .branchHd span {
        position: absolute;
        background: #fff;
        padding-right: 5px;
        font-size: 22px;
        font-weight: 500;
        position: absolute;
        line-height: 28px;
        top: -14px;
    }

.branchPadd {
    padding-top: 20px;
}

.addBranch_Btn a {
    display: inline-block;
    background: #00cef9;
    padding: 7px 20px;
    color: #fff;
    border-radius: 3px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
}

    .addBranch_Btn a:hover {
        background: #0588a3;
    }

.addBranch_Btn {
    text-align: right;
    margin-top: -25px;
    padding-bottom: 30px;
}

.profMainBx {
    padding: 0 50px !important;
}

.bussProfBx {
    position: relative;
    top: -50px !important;
    height: auto !important;
    margin: 0 auto !important;
    max-width: 100%;
    left: 0 !important;
    right: 0 !important;
    padding: 25px !important;
}

.bussProfTop {
    text-align: center;
}

    .bussProfTop > i {
        display: block;
        width: 143px;
        background: #fff;
        height: 143px;
        margin: 0 auto 10px auto;
        line-height: 0;
        border: #8fc0f7 solid 4px;
        border-radius: 50%;
        position: relative;
    }

        .bussProfTop > i img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            border-radius: 50px;
        }

    .bussProfTop strong {
        display: block;
        line-height: 36px;
        font-size: 25px;
        color: #fff;
    }

        .bussProfTop strong i {
            display: inline-block;
            vertical-align: top;
            line-height: 0px;
        }

    .bussProfTop small {
        display: block;
        color: #b3d4fa;
        font-size: 20px;
    }

    .bussProfTop span {
        padding: 25px 0;
        display: block;
    }

        .bussProfTop span .bussUserBtn {
            padding: 10px 0;
            margin: 0 15px;
            box-shadow: none;
        }

        .bussProfTop span .bussblue_Btn {
            background: #00b9f9;
            background: -moz-linear-gradient(left, #00b9f9 0%, #39dcff 100%);
            background: -webkit-linear-gradient(left, #00b9f9 0%,#39dcff 100%);
            background: linear-gradient(to right, #00b9f9 0%,#39dcff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9f9', endColorstr='#39dcff',GradientType=1 );
        }

            .bussProfTop span .bussblue_Btn:hover {
                background: #39dcff;
                background: -moz-linear-gradient(left, #39dcff 0%, #00b9f9 100%);
                background: -webkit-linear-gradient(left, #39dcff 0%,#00b9f9 100%);
                background: linear-gradient(to right, #39dcff 0%,#00b9f9 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39dcff', endColorstr='#00b9f9',GradientType=1 );
            }

.prodList {
    padding: 20px 0;
}

    .prodList li {
        float: left;
        width: 31%;
        padding: 20px;
        margin-right: 3.5%;
        margin-bottom: 30px;
        background: #fff;
        border-radius: 5px;
        box-shadow: #e5e5e5 0 0 10px 0;
    }

        .prodList li:nth-child(3n) {
            margin-right: 0;
        }

.prodImgBx {
    position: relative;
    height: 240px;
    text-align: center;
}

    .prodImgBx i {
        position: absolute;
        width: 43px;
        height: 43px;
        right: -17px;
        top: -17px;
        background: rgba(0, 0, 0, 0.32);
        border-radius: 50%;
    }

        .prodImgBx i img {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

.prodNameBx {
    font-size: 16px;
    line-height: 25px;
    padding-top: 5px;
}

    .prodNameBx strong {
        display: block;
        height: 55px;
    }

        .prodNameBx strong a {
            display: inline-block;
        }

            .prodNameBx strong a:hover {
                color: #0172f4;
            }

    .prodNameBx span {
        font-size: 21px;
        color: #32d8fe;
        font-weight: 500;
        line-height: 27px;
    }

        .prodNameBx span small {
            display: inline-block;
            font-size: 17px;
            color: #ababab;
            font-weight: 400;
            line-height: 27px;
            text-decoration: line-through;
            vertical-align: top;
            padding-left: 5px;
        }

        .prodNameBx span i {
            float: right;
            font-style: normal;
            line-height: 27px;
            color: #ff6227;
        }

.myprofHd span {
    display: inline-block;
    float: right;
    font-size: 17px;
    line-height: 28px;
    padding-top: 7px;
    font-weight: 300;
}

    .myprofHd span strong {
        font-weight: 500;
        font-size: 24px;
        color: #0172f4;
        display: inline-block;
        vertical-align: top;
    }

.topmenu li a span {
    display: block;
}

.testimo_no {
    display: inline-block !important;
    position: relative;
}

    .testimo_no small {
        width: 15px;
        height: 15px;
        background: #ff0000;
        display: inline-block;
        color: #fff;
        position: absolute;
        right: -6px;
        top: -5px;
        border-radius: 50%;
        font-style: normal;
    }

.grey_Btn {
    background: #c4c4c4;
    background: -moz-linear-gradient(left, #c4c4c4 0%, #b5b5b5 100%);
    background: -webkit-linear-gradient(left, #c4c4c4 0%,#b5b5b5 100%);
    background: linear-gradient(to right, #c4c4c4 0%,#b5b5b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#b5b5b5',GradientType=1 );
    cursor: pointer;
}

    .grey_Btn:hover {
        background: #b5b5b5;
        background: -moz-linear-gradient(left, #b5b5b5 0%, #c4c4c4 100%);
        background: -webkit-linear-gradient(left, #b5b5b5 0%,#c4c4c4 100%);
        background: linear-gradient(to right, #b5b5b5 0%,#c4c4c4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#c4c4c4',GradientType=1 );
    }

.dashNav.bussDashNav {
    text-align: left;
    float: left;
    width: calc(100% - 355px);
}

.bussDashRight {
    float: right;
    padding-top: 5px;
}

    .bussDashRight a {
        margin-left: 10px;
        line-height: 26px;
        padding: 15px 30px;
        font-size: 15px;
        color: #2d2d2d;
        box-shadow: rgba(0, 0, 0, 0.3) 0 3px 15px 0px;
        border-radius: 30px;
        display: inline-block;
    }

        .bussDashRight a:nth-child(2) {
            color: #fff;
        }

.business_UserHd {
    font-size: 26px;
    font-weight: 600;
    margin-top: -20px;
    padding-bottom: 20px;
}

.transList {
    padding-top: 30px;
}

    .transList .public_Bx strong a {
        width: 40px;
        height: 40px;
        background: #fff;
        float: right;
        box-shadow: #e5e5e5 0 3px 5px 0;
        border-radius: 50%;
        position: relative;
        margin-top: -10px;
    }

        .transList .public_Bx strong a img {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            max-width: 22px;
        }

    .transList .publicBx_top small {
        color: #999;
        padding-bottom: 5px;
    }

    .transList .public_Bx {
        box-shadow: #e5e5e5 0 0px 10px 0px;
    }

.bussdash_ProfBx {
    padding: 30px 40px;
    background: #fff;
    margin-bottom: 40px;
    border-radius: 5px;
    box-shadow: #e5e5e5 0 0 10px 5px;
}

.perinfoBx {
    padding-bottom: 30px;
}

.perInf_L {
    width: 44%;
}

.perInf_R {
    width: 54%;
}

.persprofInn {
    width: 100%;
    padding: 25px;
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 0;
    border-radius: 5px;
    position: relative;
}

.persprofInn-padd {
    padding: 60px 25px 25px 25px;
    height: 425px;
}

.persnInfBarcode {
    position: relative;
    padding-left: 225px;
}

    .persnInfBarcode > i {
        width: 203px;
        height: 203px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }

        .persnInfBarcode > i > img {
            border: #46d37b solid 3px;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .persnInfBarcode strong {
        font-size: 24px;
        font-weight: 500;
    }

    .persnInfBarcode b {
        font-size: 19px;
        color: #0172f4;
        font-weight: 500;
        display: block;
    }

    .persnInfBarcode small {
        display: block;
        font-size: 17px;
        padding-bottom: 5px;
    }

    .persnInfBarcode span {
        display: block;
    }

.blueBg {
    background: #0172f4 !important;
}

.editIcon {
    position: absolute;
    right: 0;
    background: #ababab;
    top: -50px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
}

    .editIcon img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .editIcon:hover {
        background: #0172f4;
    }

.addressList {
    position: relative;
    padding-left: 325px;
}

    .addressList i {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

        .addressList i img {
            display: block;
            border: #e3e3e3 solid 1px;
            border-radius: 3px;
        }

    .addressList span {
        display: block;
        font-size: 20px;
        padding-bottom: 10px;
        line-height: 25px;
    }

        .addressList span label {
            display: block;
            color: #999;
            padding-bottom: 5px;
        }

.tagList {
    position: relative;
    margin-top: 35px;
    height: 110px;
}

    .tagList span {
        border: #e1e1e1 solid 1px;
        display: inline-block;
        margin: 0 5px 10px 0;
        line-height: 24px;
        padding: 10px 20px;
        border-radius: 30px;
        box-shadow: #eee 0 0 7px 2px;
    }

.filesBx {
    height: 110px;
    margin-top: 35px;
    position: relative;
}

    .filesBx span {
        display: block;
        font-size: 15px;
    }

        .filesBx span img {
            display: inline-block;
            vertical-align: middle;
        }

        .filesBx span a {
            display: inline-block;
            vertical-align: middle;
            text-decoration: underline;
            margin-left: 5px;
        }

.branchesMain {
    padding: 50px 25px 25px;
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 3px;
    border-radius: 5px;
    position: relative;
}

    .branchesMain > .editIcon {
        top: 7px;
        right: 20px;
    }

.branchInn {
    padding-left: 70px;
    position: relative;
}

.branch_L {
    width: 49%;
    float: left;
}

.branch_R {
    float: right;
    width: 49%;
}

.branchInn i {
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    top: 0;
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 0;
    border-radius: 50%;
    font-style: normal;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.branchInn span {
    display: block;
    padding-bottom: 20px;
    line-height: 25px;
    font-size: 20px;
}

    .branchInn span strong {
        display: block;
        color: #0172f4;
        font-size: 23px;
    }

    .branchInn span small {
        display: block;
        font-size: 17px;
        color: #aaa;
    }

    .branchInn span label {
        display: block;
        color: #aaa;
        padding-bottom: 5px;
    }

.editBtn {
    width: 46px;
    height: 46px;
    background: #fff;
    box-shadow: #e5e5e5 0 3px 8px 2px;
    border: 0;
    border-radius: 50%;
    position: absolute;
    bottom: 15px;
    right: 5px;
    padding-top: 3px;
}

    .editBtn img {
        width: auto !important;
        height: auto !important;
    }

.editfile {
    width: 46px;
    height: 46px;
    background: #fff;
    box-shadow: #e5e5e5 0 3px 8px 2px;
    border: 0;
    border-radius: 50%;
    position: absolute;
    bottom: 15px;
    right: 5px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
}

.galleryList li {
    float: left;
    max-width: 217px;
    margin-right: 20px;
    line-height: 0;
    margin-bottom: 20px;
    position: relative;
}

    .galleryList li a {
        display: inline-block;
        line-height: 0;
        position: absolute;
        right: -10px;
        top: -10px;
    }

.editProf_BtnBx {
    padding-bottom: 30px;
}

.payout_Left {
    width: 75%;
    float: left;
}

.payout_Right {
    width: 23%;
    float: right;
}

.Income_blueBg {
    background: #016fed;
}

.Income_redBg {
    background: #f72c4d;
}

.Income_orangeBg {
    background: #fe592d;
}

.incomeBxInn {
    text-align: center;
    padding-top: 20px;
}

    .incomeBxInn span {
        width: 250px;
        display: inline-block;
        margin: 0 15px;
        border-radius: 3px;
        font-size: 20px;
        color: #fff;
        padding: 20px 50px;
        line-height: 28px;
    }

        .incomeBxInn span i {
            float: left;
        }

.payoutOuter {
    padding: 30px 20px;
}

.payoutInn {
    width: 100%;
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 5px;
    padding: 10px;
    border-radius: 5px;
    line-height: 27px;
    margin-bottom: 20px;
}

    .payoutInn strong {
        display: block;
        font-size: 18px;
        font-weight: 500;
    }

    .payoutInn:last-child {
        margin-bottom: 0;
    }

.orderFltrBx {
    background: #016fed;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.orderBx1 {
    width: 25%;
    float: left;
    margin-right: 1.5%;
}

.orderBx2 {
    width: 16%;
    float: left;
    margin-right: 1.5%;
}

.orderBx3 {
    width: 23%;
    float: left;
    margin-right: 1.5%;
}

.orderBx4 {
    width: 14%;
    float: left;
}

.orderInpBx label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #fff;
}

.orderinp {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border-radius: 3px;
    border: 0;
}

.fltr_submit {
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    box-shadow: none;
    border-radius: 25px;
}

.latest_List {
    padding-top: 30px;
}

    .latest_List li {
        border-radius: 5px;
        margin-bottom: 25px;
        border: #e2e4e5 solid 1px;
    }

        .latest_List li:hover {
            box-shadow: #eee 0 0 10px 5px;
        }

.orderIdBx {
    font-size: 17px;
    font-weight: 300;
    padding: 20px 350px 20px 20px;
    position: relative;
}

    .orderIdBx strong {
        font-size: 19px;
        font-weight: 600;
        display: block;
    }

    .orderIdBx span {
        color: #016fed;
        display: inline-block;
    }

    .orderIdBx i {
        display: inline-block;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }

.customeNamBx {
    background: #f6f7f7;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 25px;
    color: #343945;
    font-weight: 300;
    border-radius: 0 0 5px 5px;
    border-top: #e2e4e5 solid 1px;
}

    .customeNamBx span {
        display: inline-block;
        padding-right: 20px;
    }

.orderIdBx i a {
    display: inline-block;
    font-size: 14px;
    width: 150px;
    text-align: center;
    font-style: normal;
    color: #ffff;
    margin-left: 5px;
    line-height: 20px;
    padding: 10px 0;
    border-radius: 25px;
}

.customeNamBx strong {
    display: inline-block;
    float: right;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
}

.greenBg {
    background: #38d176;
}

.pagerBx {
    text-align: right;
    padding-bottom: 20px;
}

    .pagerBx a {
        display: inline-block;
        background: #a2a2a2;
        min-width: 30px;
        text-align: center;
        min-height: 30px;
        line-height: 28px;
        color: #fff;
        font-size: 13px;
        padding: 0 10px;
        border: #818181 solid 1px;
        border-radius: 3px;
        margin-left: 3px;
    }

        .pagerBx a:hover, .pagerBx a.active {
            background: #fe5f29;
            border: #fe5f29 solid 1px;
        }

.docHd {
    font-size: 20px;
    padding-bottom: 20px;
}

.documentList {
    padding-bottom: 25px;
}

    .documentList strong { /*display: block;*/
        padding-bottom: 5px;
        font-size: 18px;
        color: #666;
    }

    .documentList span {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .documentList span i {
            display: block;
            position: relative;
            line-height: 0;
        }

            .documentList span i a {
                position: absolute;
                right: -10px;
                top: -10px;
                display: inline-block;
            }

    .documentList span {
        display: inline-block;
        width: 112px;
    }

        .documentList span small {
            display: block;
            font-size: 13px;
            text-align: center;
            padding-top: 5px;
        }

.galleryList {
    padding-top: 10px;
}

.persInfHd a {
    background: #00cef9;
    float: right;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    padding: 0 10px;
    line-height: 34px;
    border-radius: 3px;
}

.upldPopInn {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    margin-top: 20px;
}

.upldPopBx {
    max-width: 800px;
    padding: 30px;
}

.payment_mathodHd {
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: 500;
}

.cardnameBx {
    padding-bottom: 30px;
}

    .cardnameBx span {
        display: inline-block;
        padding-right: 50px;
    }

.nearby_left {
    width: 65%;
    float: left;
}

.nearby_right {
    width: 35%;
    float: right;
}

.nearbyMapInn {
    height: 550px;
    position: relative;
    z-index: 176;
}

    .nearbyMapInn iframe {
        position: absolute;
        width: 100%;
        bottom: 0;
        top: 0;
        height: 100%;
        left: 0;
        right: 0;
    }

* .nearby_MapList {
    height: 550px;
    padding-right: 10px;
}

.nearby_MapList ul {
    padding: 25px 10px 0px 25px;
}

.nearby_MapList li {
    width: 31%;
    float: left;
    margin-right: 3.5%;
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 5px;
    border-radius: 5px;
    padding: 20px 20px 20px 90px;
    margin-bottom: 30px;
    position: relative;
    height: 255px;
}

    .nearby_MapList li:nth-child(3n) {
        margin-right: 0;
    }

.itemLogo {
    width: 75px;
    height: 75px;
    position: absolute;
    left: -10px;
    top: -10px;
    border-radius: 50%;
    background: #fff;
    box-shadow: #e5e5e5 0 0 5px 0;
}

    .itemLogo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.itemnameBx {
    margin-left: 5px;
}

    .itemnameBx strong {
        font-size: 22px;
        display: block;
        color: #2d2d2d;
        line-height: 22px;
        padding-bottom: 5px;
    }

        .itemnameBx strong small {
            display: block;
            float: none;
            text-align: right;
            font-size: 22px;
            padding-top: 5px;
            color: #999;
        }

    .itemnameBx span {
        display: block;
        font-size: 17px;
        font-weight: 500;
        padding-bottom: 0px;
    }

    .itemnameBx p {
        font-size: 15px;
        font-weight: 500;
        color: #2d2d2d;
        line-height: 22px;
        padding-bottom: 0px;
        height: 70px;
    }

    .itemnameBx i {
        display: block;
        font-size: 21px;
        font-style: normal;
        color: #999;
    }

.qrcodeBx {
    padding-top: 10px;
}

.Qr_payBtn {
    width: 80px;
    height: 34px;
    background: #00d0fc;
    border: 0;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
}

.qrcodeBx a {
    float: right;
    line-height: 24px;
    padding: 5px 0;
    font-size: 14px;
    color: #38d176;
    text-decoration: underline;
}

    .qrcodeBx a:hover {
        color: #0172f4;
    }

.nearby_left .pagerBx {
    padding-right: 25px;
}

.ImagesList li {
    display: inline-block;
    line-height: 0;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 214px;
    height: 184px;
    border: #999 solid 2px;
    border-radius: 3px;
    position: relative;
}

    .ImagesList li > img {
        width: 100%;
        height: 100%;
    }

.vidTrans {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

    .vidTrans a {
        display: block;
        width: 47px;
        height: 47px;
        margin: auto;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

.notifiListHdr {
    position: relative;
}

.notifiList {
    width: 510px;
    position: absolute;
    right: 0;
    top: 50px;
    background: #fff;
    border-radius: 3px;
    z-index: 10;
    text-align: left;
    box-shadow: #ccc 0 3px 7px 0px;
}

.notifiMain {
    display: none;
}

.notifiHd {
    background: #e3edf7;
    line-height: 26px;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0172f4;
    border-radius: 3px 3px 0 0;
    border-bottom: #d5d5d5 solid 1px;
}

.notifi_InnList ul {
    display: block !important;
}

.notifi_InnList li {
    padding: 20px 25px 20px 85px !important;
    border-bottom: #d5d5d5 solid 1px;
    position: relative;
    display: block;
}

.notifi_InnList ul li:hover {
    background: #f9f9f9;
}

.notifi_InnList li > i {
    width: 36px;
    height: 36px;
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 20px;
}

.notifi_InnList li i img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.notifi_InnList li span {
    display: block;
    font-size: 15px;
    color: #777;
    font-weight: 300;
}

    .notifi_InnList li span strong {
        display: inline-block;
        color: #000;
    }

.notifi_InnList li small {
    font-size: 15px;
    display: block;
}

    .notifi_InnList li small i {
        display: inline-block;
        font-style: normal;
        color: #777;
    }

.notifiRead {
    background: #f1f6fb;
    padding: 15px 25px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0 0 3px 3px;
    color: #343945;
}

    .notifiRead a {
        display: inline-block !important;
        float: right;
        font-size: 13px !important;
    }

.link_accMain {
    top: 0;
    display: none;
}

.linkaccList li {
    padding: 20px 25px 20px 75px !important;
}

    .linkaccList li > i {
        width: 29px;
        height: 29px;
    }

        .linkaccList li > i img {
            border-radius: 0;
        }

.linkaccList small a {
    color: #0172f4 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
}

.linkaccList span a {
    color: #0172f4 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    font-size: 17px !important;
    font-weight: 400;
}

.transHdr {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    padding: 0 80px 30px 80px;
}

.transNav {
    padding: 30px 0 0 0;
    text-align: center;
    background: #fff;
    box-shadow: #e5e5e5 0 10px 10px 5px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 30px;
}

.term_container {
    margin: 0 auto;
    max-width: 1310px;
    padding-left: 10px;
    padding-right: 10px;
}

.transNav {
    padding: 40px 0 0 0;
    text-align: center;
    background: #fff;
    box-shadow: #e5e5e5 0 10px 10px 5px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 60px;
}

    .transNav li {
        display: inline-block;
        padding: 0 20px;
    }

        .transNav li a {
            display: block;
            font-size: 22px;
            line-height: 40px;
            padding: 0 15px 10px 15px;
            border-bottom: transparent solid 3px;
        }

            .transNav li a:hover, .transNav li a.active {
                color: #0172f4;
                border-bottom: #0172f4 solid 3px;
            }

.termsMain {
    padding: 40px 40px 20px 40px;
    background: #fff;
    box-shadow: #e5e5e5 0 0 20px 5px;
    border-radius: 5px;
    margin-bottom: 50px;
}

.termsContent_Inn {
    display: none;
}

    .termsContent_Inn strong {
        display: block;
        font-size: 22px;
        padding-bottom: 5px;
    }

    .termsContent_Inn p {
        font-size: 15px;
        line-height: 30px;
        padding-bottom: 25px;
        color: #818181;
    }

    .termsContent_Inn ul {
        padding-bottom: 16px;
        list-style: decimal;
        padding-left: 15px;
    }

        .termsContent_Inn ul li {
            font-size: 15px;
            padding-bottom: 20px;
            color: #818181;
            padding-left: 5px;
        }

.walletList {
    padding-bottom: 25px;
}

    .walletList li {
        width: 335px;
        height: 137px;
        background: #fff;
        box-shadow: #e5e5e5 0 0 10px 0;
        border-radius: 5px;
        float: left;
        margin: 0 25px 20px 0;
        padding: 15px;
        position: relative;
        padding-left: 130px;
    }

    .walletList .walletSlider .bank-card-item {
        min-height: 160px;
        padding: 0px;
        margin: 10px;
        width: 100%;
    }

    @media only screen and (min-width: 768px) and (max-width: 1243px) {
        .walletList .walletSlider .bank-card-item {
            width: 47%;
            padding-left: 0px;
        }
    }
    @media only screen and (min-width: 991px) {
        .walletList .walletSlider .bank-card-item {
            padding-left: 0px
        }
    }

    @media only screen and (min-width: 1243px) {
        .walletList .walletSlider .bank-card-item {
            width: 31.33%;
        }
    }

    .walletList .card-item-container {
        width: 100%;
        height: 100%;
        display: inline-flex;
    }

    .walletList .card-item-container .card-icon {
        width: 100%;
        height: 100%;
        max-width: 105px;
        max-height: 105px;
        border-radius: 50%;
        box-shadow: #e5e5e5 0 0 5px 0;
        margin: 15px;
        object-fit: contain;
    }

    .bank-name {
        padding-right: 5px;
    }

    .walletList .card-item-container .card-item-info .bank-name,
    .walletList .card-item-container .card-item-info .bank-account,
    .walletList .card-item-container .card-radio-box {
        padding-top: 10px;
    }

    .walletList .card-item-container .card-radio-box {
        margin-left: auto;
    }

        .walletList li i {
            display: inline-block;
            width: 105px;
            height: 105px;
            padding: 8px;
            background: #fff;
            box-shadow: #e5e5e5 0 0 5px 0;
            border-radius: 50%;
            position: absolute;
            left: 15px;
            top: 15px;
        }

            .walletList li i img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .walletList li span {
            display: inline-block;
            position: absolute;
            right: 10px;
            top: 10px;
        }

        .walletList li strong {
            display: block;
            padding-top: 35px;
            font-size: 18px;
            font-weight: 500;
        }

        .walletList li .bank-name {
            padding-top: 20px;
        }
        .walletList li .bank-account {
            padding-top: 10px;
        }

            .walletList li strong small {
                display: block;
                font-size: 15px;
                color: #999;
            }

.profviewBx {
    box-shadow: #e5e5e5 0 0 10px 3px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 45px;
}

    .profviewBx .myprofHd {
        padding: 15px 20px;
        margin-bottom: 0;
    }

.profViewInn {
    padding: 50px 35px;
}

.profView_L {
    min-height: 265px;
    border-right: #ccc solid 1px;
    width: 55%;
    float: left;
    padding-right: 30px;
    position: relative;
    padding-left: 220px;
}

    .profView_L i {
        border: #38d176 solid 3px;
        display: inline-block;
        line-height: 0;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .profView_L i > img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .profView_L strong {
        display: block;
        font-size: 23px;
    }

    .profView_L span {
        display: block;
        padding-bottom: 8px;
        color: #0172f4;
        font-size: 16px;
    }

    .profView_L b {
        display: block;
        width: 165px;
    }

.profView_R {
    padding-left: 40px;
    float: right;
    width: 45%;
}

    .profView_R .aproDetInn {
        padding: 10px 0;
    }

        .profView_R .aproDetInn > a {
            top: -30px;
        }

    .profView_R .proDetBx span {
        line-height: 27px;
        display: block;
    }

.changepassOuter {
    padding:30px 20px;
    max-width: 700px;
}

.changepassInn {
    background: #fff;
    border-radius: 5px;
    padding: 30px;
    margin-top: 30px;
}

.downArrow {
    background-image: url(../images/dashboard-icon/down-arrow1.png);
    background-position: 60px 20px;
    background-repeat: no-repeat;
    background-size: 14px;
}

.downArrowAgency {
    background-image: url(../images/dashboard-icon/down-arrow1.png);
    background-position: 254px 14px;
    background-repeat: no-repeat;
    background-size: 14px;
}

.changepassBx .inputFieldWrap .login_FrmInp.downArrow {
    background-position: right 10px center !important;
}

.payment-popupWrap-2 .downArrow {
    background-position: center right 10px;
}

.DataIconDob {
    background-image: url(../images/calendar-512.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.shareTabMsg {
    display: none;
    padding-top: 15px;
    /*color: #999;*/
	font-size: 15px;
    color: #4d3e3e;
    font-weight: 500;
}

#payPopup .frmBx {
    padding-bottom: 20px;
}

#payPopup .login_FrmInp {
    height: 45px;
}

.shareTo ul {
    padding-top: 10px;
}

.shareTo li {
    display: inline-block;
    margin-right: 30px;
}

.contBx {
    position: relative;
}

    .contBx i {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 28px;
    }

    .contBx a {
        display: inline-block;
        float: right;
        line-height: 25px;
        color: #00cd7e;
    }

.totlAmountBx {
    background: #f5f5f5;
    padding: 10px;
    font-size: 16px;
}

    .totlAmountBx span {
        display: inline-block;
        float: right;
    }

.mywallettxt {
    font-size: 30px;
    padding: 7px 0;
    font-weight: 300;
    line-height: 45px;
    color: #00cd7e;
}

    .mywallettxt span {
        display: inline-block;
        float: right;
        font-size: 14px;
        font-weight: 400;
        color: #999;
    }

.mywalletPrice {
    font-size: 15px;
    padding-bottom: 10px;
}

    .mywalletPrice span {
        display: inline-block;
        float: right;
    }

.deductPrice {
    font-size: 15px;
    padding-bottom: 10px;
}

    .deductPrice span {
        float: right;
        color: #ff0000;
    }

.payThrow {
    font-size: 15px;
}

    .payThrow .css-check {
        padding-left: 30px !important;
        line-height: 32px;
        color: #999;
    }

    .payThrow span {
        float: right;
        color: #00cd7e;
        font-weight: 500;
    }

.accountBx {
    font-size: 18px;
    font-weight: 500;
    color: #999;
    padding-bottom: 8px;
}

    .accountBx span {
        float: right;
    }

.accNumb {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 15px;
}

    .accNumb span {
        float: right;
    }

.reasonpay {
    font-size: 16px;
    color: #1a1d27;
    padding-bottom: 10px;
}

    .reasonpay span {
        color: #00cd7e;
    }

.Paydesc {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.sucessMsgBx {
    text-align: center;
    padding: 30px 0;
}

.payment-success-user-popup .sucessMsgBx {
    padding: 0px;
}

    .payment-success-user-popup .sucessMsgBx span .sucessMsgBx i {
        display: block;
        line-height: 0;
    }

.poweredby-sec {
    margin-bottom: 30px;
}

.sucessMsgBx span {
    display: block;
    font-size: 16px;
    padding-top: 20px;
    color: #666;
    line-height: 20px;
}

    .sucessMsgBx span strong {
        display: block;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
        vertical-align: top;
        padding-bottom: 10px;
        color: #00cd7e;
    }

.pay-sucess-Internal-wrap {
    padding: 10px 10px 0px;
}

.payment-popupWrap-2 .pay-sucess-Internal-wrap .Login_LblTxt {
    font-size: 15px;
    margin-bottom: 10px;
}
.payment-popupWrap-2 .pay-sucess-Internal-wrap .Login_LblTxt span.lbl-txt {
    display: inline-block;
    max-width: 150px;
    vertical-align: top;
}
.pay-sucess-Internal-wrap .frmBx {
    padding-bottom: 0px;
}

    .pay-sucess-Internal-wrap .frmBx #txnAmount {
        color: #00cd7e;
    }

/* 16 Feb 2018 */

/*Popup Changes*/
.frdImgBx {
    position: relative;
    height: 100px;
    padding-left: 100px;
}

    .frdImgBx i {
        position: absolute;
        left: 0;
        width: 80px;
        height: 80px;
        border: #ccc solid 1px;
        border-radius: 50%;
    }

        .frdImgBx i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .frdImgBx strong {
        display: block;
        font-size: 22px;
    }

    .frdImgBx span {
        display: block;
        font-size: 20px;
        color: #666;
    }

.upldDoc {
    position: relative;
}

.payment-popupIn-2 .upldDoc {
    margin-top: 10px;
}

.upldDoc > span {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 80px;
    padding-right: 0 !important;
}

.payment-popupIn-2 .upldDoc > span {
    bottom: 0px;
}

.payment-popupIn-2 .browseBtn {
    height: 40px;
}

.payment-popupWrap-2 .frmBx .upldDoc .login_FrmInp {
    padding: 10px 90px 10px 10px;
}



/*After time popup*/

ul.buss_Sub {
    position: absolute;
    width: 200px;
    background: #fff;
    display: none;
    list-style: disc;
    padding: 10px;
    box-shadow: #e5e5e5 0 2px 5px 1px;
    border-radius: 0 0 3px 3px;
}

    ul.buss_Sub li {
        margin-left: 20px;
        border-bottom: #e5e5e5 solid 1px;
    }

        ul.buss_Sub li:last-child {
            border-bottom: 0;
        }

        ul.buss_Sub li a {
            font-size: 14px;
            color: #333;
            padding: 5px 0;
            display: block;
        }

            ul.buss_Sub li a:hover {
                color: #999;
            }

.orderTble table {
    width: 100%;
}

.orderTble tr th {
    border-bottom: #f1f2f2 solid 1px;
    text-align: left;
    color: #343945;
    background: #f9fafa;
    padding: 15px 10px;
    font-size: 15px;
    font-weight: 600;
}

    .orderTble tr th:first-child {
        border-radius: 5px 0 0 0;
    }

    .orderTble tr th:last-child {
        border-radius: 0 5px 0 0;
    }

.orderTble tr td {
    border-bottom: #d5d5d5 solid 1px;
    border-right: #d5d5d5 solid 1px;
    padding: 15px 10px;
    font-size: 14px;
    color: #666;
}

    .orderTble tr td:last-child {
        border-right: 0;
    }

.orderTble tr:last-child td {
    border-bottom: 0;
}

.orderBtn {
    background: #0766d4;
    border: 0;
    width: 150px;
    height: 40px;
    color: #fff;
    border-radius: 25px;
    cursor: pointer;
}

.reorderBtn {
    background: #fe5f29;
    border: 0;
    width: 150px;
    height: 40px;
    color: #fff;
    border-radius: 25px;
    cursor: pointer;
}

.orderTble table {
    width: 100%;
    box-shadow: #eee 0 0 10px 2px;
    border-radius: 5px;
}

.padtop20 {
    padding-top: 40px;
}

.login_Txtarea {
    font-size: 18px;
    color: #000;
    border: 0;
    border-bottom: #e8e8e8 solid 1px;
    width: 100%;
    height: 120px;
}

.saveInfBtn {
    width: 300px;
}

.cartMenu {
    background: #0172f4;
    padding: 20px 0;
}

.breatcrum {
    font-size: 15px;
    line-height: 23px;
    color: #62beff;
}

    .breatcrum a {
        color: #62beff;
        display: inline-block;
        padding: 0 10px;
        font-size: 15px;
    }

        .breatcrum a:hover {
            color: #fff;
        }

    .breatcrum span {
        color: #fff;
        display: inline-block;
        padding-left: 10px;
    }

.cart_Left {
    width: 68%;
    padding-right: 50px;
    float: left;
}

.cart_Right {
    width: 32%;
    float: right;
    background: #f6f6f8;
    padding: 30px;
}

.cardsDetBx.cartBx {
    padding: 20px;
}

.cartBagHd {
    font-size: 24px;
    color: #303030;
    border-bottom: #ccc solid 1px;
    padding-bottom: 5px;
}

.cartListBx {
    padding: 35px 0;
}

.cartList li {
    border-bottom: #ccc solid 1px;
    display: block;
    padding-bottom: 35px;
    margin-bottom: 35px;
    position: relative;
}

.selectItemImg {
    width: 92px;
    height: 100px;
    border: #ccc solid 1px;
    position: relative;
    float: left;
}

    .selectItemImg img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

.selItemNameOuter {
    width: calc(100% - 110px);
    float: right;
}

.selItemNameBx {
    padding-bottom: 15px;
}

    .selItemNameBx span {
        display: block;
        font-size: 18px;
        line-height: 30px;
    }

        .selItemNameBx span strong {
            display: inline-block;
            font-size: 28px;
            line-height: 30px;
            float: right;
        }

    .selItemNameBx small {
        display: block;
        font-size: 15px;
        color: #999;
    }

.itemRemove {
    font-size: 13px;
    color: #e83434;
    border: #e83434 solid 1px;
    line-height: 31px;
    display: inline-block;
    padding: 0 20px;
    margin-right: 10px;
    border-radius: 3px;
}

    .itemRemove:hover {
        color: #fff;
        background: #e83434;
    }

.itemFav {
    border: #38d176 solid 1px;
    color: #38d176;
    line-height: 31px;
    display: inline-block;
    padding: 0 20px;
    border-radius: 3px;
    font-size: 13px;
}

    .itemFav:hover {
        background: #38d176;
        color: #fff;
    }

.itemQty small {
    display: inline-block;
    font-size: 16px;
    color: #303030;
    line-height: 29px;
    vertical-align: top;
}

.itemQty a {
    display: inline-block;
    vertical-align: top;
    line-height: 27px;
    width: 40px;
    border: #107af5 solid 1px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    color: #107af5;
    border-radius: 3px;
}

.itemQty span {
    display: inline-block;
    vertical-align: top;
    line-height: 29px;
    padding: 0 10px;
    font-size: 22px;
    vertical-align: top;
}

.summeryHd {
    font-size: 22px;
    border-bottom: #ccc solid 1px;
    padding-bottom: 15px;
    line-height: 22px;
}

.priceList {
    padding: 20px 0 10px 0;
    font-size: 17px;
}

    .priceList span {
        display: block;
        padding: 0 10px 10px 10px;
    }

        .priceList span small {
            float: right;
            font-size: 17px;
        }

.payblBx {
    background: #fff;
    line-height: 30px;
    padding: 15px 10px;
    margin-bottom: 33px;
    font-size: 18px;
    font-weight: 500;
}

    .payblBx span {
        float: right;
        color: #38d175;
    }

.proceedBtn {
    background: #00d0fc;
    width: 100%;
    height: 54px;
    font-size: 20px;
    color: #fff;
    border: #01a9cc solid 1px;
    border-radius: 5px;
    cursor: pointer;
}

    .proceedBtn:hover {
        background: #01a9cc;
    }

.mediaSrchBx {
    padding: 30px 0;
    text-align: center;
}

.mediaSrchInn .newsfeed_SrchBx {
    display: inline-block;
    max-width: 500px;
    margin: 0 15px 0 0;
    width: 100%;
}

.mediaSrchInn .mediaSrch {
    display: inline-block;
    max-width: 410px;
    color: #fff;
    font-size: 16px;
    vertical-align: top;
}

    .mediaSrchInn .mediaSrch strong {
        display: inline-block;
        vertical-align: top;
        line-height: 52px;
        padding-right: 10px;
    }

    .mediaSrchInn .mediaSrch span {
        display: inline-block;
        width: 250px;
        vertical-align: top;
    }

        .mediaSrchInn .mediaSrch span .login_FrmInp {
            height: 52px;
            border: 0;
            border-radius: 3px;
            background-position: right 10px center;
            padding: 0 10px;
            font-size: 18px;
            color: #666;
        }

.media_annoucHd {
    font-size: 30px;
    text-transform: uppercase;
    border-bottom: #ccc solid 1px;
    line-height: 30px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.monthHd {
    font-size: 20px;
    color: #2d2d2d;
    border-bottom: #ccc solid 1px;
    font-weight: 500;
    margin-bottom: 10px;
}

.mediaList {
    border-bottom: #ccc solid 1px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .mediaList li {
        font-size: 16px;
        padding: 0 0 0 100px;
        position: relative;
        line-height: 30px;
        color: #016ee9;
    }

        .mediaList li span {
            position: absolute;
            left: 0;
            top: 0;
            color: #2d2d2d;
        }

.mediaCont {
    padding: 40px 0;
}

.aboutBanner {
    margin-bottom: 30px;
}

.bannerTrans {
    height: 540px;
    position: relative;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}

    .bannerTrans span {
        line-height: 50px;
        height: 50px;
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 40px;
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.whoweBx {
    padding-bottom: 30px;
    text-align: center;
    padding-left: 100px;
    padding-right: 120px;
}

    .whoweBx strong {
        font-size: 24px;
        text-transform: uppercase;
        display: block;
        padding-bottom: 5px;
        font-weight: 500;
    }

    .whoweBx p {
        font-size: 16px;
        font-weight: 400;
        line-height: 32px;
    }

.ourCompanyBg {
    padding: 50px 150px;
    margin-bottom: 40px;
}

.ourCompHd {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 15px;
}

.ourcomp_Menu li {
    float: left;
    width: 25%;
}

    .ourcomp_Menu li a {
        display: block;
        font-size: 20px;
        text-align: center;
        line-height: 32px;
        padding: 25px 0;
        color: #fff;
    }

        .ourcomp_Menu li a:hover, .ourcomp_Menu li a.active {
            transform: scale(1.15);
            box-shadow: #666 0 0 5px -2px;
            position: relative;
        }

.achievBg {
    background: #38d176;
    border-radius: 3px 0 0 3px;
}

.histBg {
    background: #00d0fc;
}

.missionBg {
    background: #fb6a52;
}

.strategyBg {
    background: #016ee9;
    border-radius: 0 3px 3px 0;
}

.achievBg:hover:after, .achievBg.active:after {
    border-left: transparent solid 15px;
    border-right: transparent solid 15px;
    border-top: #38d176 solid 15px;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -14px;
}

.histBg:hover:after, .histBg.active:after {
    border-left: transparent solid 15px;
    border-right: transparent solid 15px;
    border-top: #00d0fc solid 15px;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -14px;
}

.missionBg:hover:after, .missionBg.active:after {
    border-left: transparent solid 15px;
    border-right: transparent solid 15px;
    border-top: #fb6a52 solid 15px;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -14px;
}

.strategyBg:hover:after, .strategyBg.active:after {
    border-left: transparent solid 15px;
    border-right: transparent solid 15px;
    border-top: #016ee9 solid 15px;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -14px;
}

.aboutCont {
    display: none;
    padding: 50px 0 0px 0;
    text-align: center;
}

    .aboutCont p {
        font-size: 17px;
        text-transform: uppercase;
        color: #FFF;
        line-height: 34px;
        padding-bottom: 40px;
    }

.partnersBx {
    margin-bottom: 50px;
    text-align: center;
}

    .partnersBx h3 {
        font-size: 28px;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

.partnersList {
    padding-top: 10px;
}

    .partnersList span {
        border: #ccc solid 1px;
        display: inline-block;
        position: relative;
        width: 270px;
        height: 112px;
        margin: 0 10px;
        vertical-align: top;
    }

        .partnersList span img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

.getTouch {
    padding-top: 40px;
}

.getTouchBtn {
    background: #00d0fc;
    width: 300px;
    height: 54px;
    border: #01a9cc solid 1px;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

    .getTouchBtn:hover {
        background: #01a9cc;
    }

.partnerTop {
    padding-bottom: 30px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

    .partnerTop strong {
        display: block;
        font-size: 26px;
        text-transform: uppercase;
        padding-bottom: 5px;
    }

    .partnerTop span {
        display: block;
        font-size: 18px;
        color: #999;
        line-height: 26px;
    }

.programList {
    padding-bottom: 40px;
    padding-top: 10px;
}

    .programList li {
        width: 33.33%;
        float: left;
        padding: 0 20px;
        text-align: center;
    }

        .programList li strong {
            display: block;
            font-size: 21px;
            color: #016fed;
            line-height: 30px;
            padding-bottom: 10px;
        }

        .programList li span {
            display: block;
            font-size: 15px;
            line-height: 29px;
        }

.promotBx {
    background: #0171f0;
    background: -moz-linear-gradient(left, #0171f0 0%, #00468d 100%);
    background: -webkit-linear-gradient(left, #0171f0 0%,#00468d 100%);
    background: linear-gradient(to right, #0171f0 0%,#00468d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0171f0', endColorstr='#00468d',GradientType=1 );
    padding: 75px 130px;
    margin-bottom: 40px;
}

.promotItem li {
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-right: #999 dashed 1px;
}

    .promotItem li:nth-child(3n) {
        border-right: 0;
    }

    .promotItem li i {
        display: block;
        height: 77px;
    }

        .promotItem li i img {
            width: auto !important;
            display: inline-block !important;
        }

    .promotItem li strong {
        display: block;
        font-size: 24px;
        color: #fff;
    }

    .promotItem li span {
        display: block;
        font-size: 15px;
        color: #fff;
        font-weight: 300;
    }

.promotBx .owl-nav {
    display: none;
}

.promotBx .owl-dots {
    display: inline-block !important;
    text-align: center !important;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    bottom: -40px;
}

.promotBx .owl-dot {
    border: #99bde5 solid 1px;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
}

    .promotBx .owl-dot.active {
        background: #99bde5;
    }

.squirepaymentBx {
    padding-bottom: 40px;
}

    .squirepaymentBx h3 {
        text-align: center;
        font-size: 30px;
        text-transform: uppercase;
        padding-bottom: 60px;
    }

.paycrclBx {
    position: relative;
    width: 725px;
    height: 520px;
    margin: 0 auto 40px auto;
}

.crclInn {
    width: 245px;
    height: 245px;
    background: #fff;
    text-align: center;
    padding: 45px 30px;
    border: #f4f7f9 solid 10px;
    border-radius: 50%;
}

.crcl1 {
    position: absolute;
    left: 0;
    top: 0;
}

.crcl2 {
    position: absolute;
    right: 0;
    top: 0;
}

.crcl3 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.crcl4 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.CrclMid {
    position: absolute;
    width: 338px;
    height: 338px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    box-shadow: #e5e5e5 0 0 20px 3px;
}

    .CrclMid img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

.crclInn i {
    display: block;
    padding-bottom: 5px;
}

.crclInn span {
    display: block;
    font-size: 20px;
    line-height: 29px;
}

.blogBanner {
    padding-bottom: 50px;
}

.blogBan_right {
    width: 66%;
    float: right;
}

.blogTrans {
    height: 538px;
    background: rgba(0, 0, 0, 0.5);
}

.blogBan_left {
    width: 34%;
    float: left;
    background: #000;
    height: 538px;
    padding: 35px;
    color: #fff;
}

    .blogBan_left span {
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        padding-bottom: 30px;
    }

    .blogBan_left strong {
        display: block;
        font-size: 35px;
        line-height: 45px;
        padding-bottom: 30px;
    }

    .blogBan_left p {
        font-size: 15px;
        line-height: 25px;
        color: #fff;
        padding-bottom: 25px;
    }

    .blogBan_left a {
        display: inline-block;
        border: #fff solid 1px;
        color: #fff;
        padding: 10px 25px;
        font-size: 13px;
        text-transform: uppercase;
        border-radius: 25px;
        line-height: 20px;
    }

        .blogBan_left a:hover {
            color: #0171f0;
            border: #0171f0 solid 1px;
        }

.blogList li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 60px;
}

    .blogList li:nth-child(3n) {
        margin-right: 0;
    }

.blogImg a {
    display: block;
    height: 326px;
    width: 100%;
}

.blognameBx {
    padding: 10px;
    text-align: center;
}

    .blognameBx small {
        display: block;
        font-size: 18px;
        color: #2d2d2d;
    }

    .blognameBx strong {
        display: block;
        font-size: 22px;
        line-height: 25px;
        text-transform: uppercase;
        font-weight: 600;
        padding-top: 10px;
    }

    .blognameBx i {
        display: block;
        font-size: 12px;
        color: #666;
        padding-bottom: 25px;
        position: relative;
    }

        .blognameBx i::after {
            width: 60px;
            height: 1px;
            position: absolute;
            bottom: 19px;
            background: #999;
            content: '';
            left: 0;
            right: 0;
            margin: 0 auto;
        }

    .blognameBx p {
        font-size: 15px;
        color: #2d2d2d;
        line-height: 30px;
        padding-bottom: 30px;
    }

    .blognameBx a {
        display: inline-block;
        text-transform: uppercase;
        color: #016feb;
        font-size: 15px;
        border: #016feb solid 1px;
        line-height: 25px;
        padding: 13px 0;
        text-align: center;
        width: 185px;
        border-radius: 30px;
    }

        .blognameBx a:hover {
            background: #00468c;
            background: -moz-linear-gradient(left, #00468c 0%, #0171f0 100%);
            background: -webkit-linear-gradient(left, #00468c 0%,#0171f0 100%);
            background: linear-gradient(to right, #00468c 0%,#0171f0 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00468c', endColorstr='#0171f0',GradientType=1 );
            color: #fff;
            box-shadow: #075bbb 0 0 30px -3px;
        }

.blogDet_Left {
    float: left;
    width: 80%;
}

.blogDet_Banner {
    padding-bottom: 20px;
    line-height: 0px;
}

    .blogDet_Banner img {
        width: 100%;
    }

.blogDet_Right {
    width: 17%;
    float: right;
}

.vategoryHd {
    padding-bottom: 20px;
}

    .vategoryHd span {
        font-size: 20px;
        font-weight: 500;
        line-height: 20px;
        position: relative;
        display: inline-block;
    }

        .vategoryHd span:after {
            position: absolute;
            right: -35px;
            top: 50%;
            margin-top: -2px;
            content: '';
            width: 30px;
            background: #d7d7d7;
            height: 4px;
        }

.category_List {
    box-shadow: #ccc 0 3px 5px 0;
    background: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

    .category_List li {
        display: block;
    }

        .category_List li a {
            display: block;
            font-size: 17px;
            color: #686868;
            border-bottom: #cacaca dashed 1px;
            padding: 10px 0;
        }

        .category_List li:last-child a {
            border-bottom: 0;
        }

        .category_List li a span {
            display: inline-block;
            float: right;
        }

.postList li {
    position: relative;
    margin-bottom: 30px;
    padding-left: 120px;
}

    .postList li i {
        width: 110px;
        display: block;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
    }

        .postList li i img {
            border-radius: 5px;
            width: 100%;
        }

    .postList li span {
        display: block;
        font-size: 15px;
        line-height: 25px;
    }

        .postList li span a {
            color: #0172f4;
        }

        .postList li span small {
            display: inline-block;
            float: right;
            color: #999;
        }

    .postList li strong {
        display: block;
        font-size: 15px;
        font-weight: 500;
    }

    .postList li p {
        font-size: 12px;
        line-height: 20px;
        color: #666;
        padding-bottom: 0;
    }

.blogDetHd {
    padding-bottom: 30px;
}

    .blogDetHd strong {
        display: block;
        font-size: 34px;
        line-height: 40px;
    }

    .blogDetHd span {
        display: block;
        font-size: 15px;
        color: #999;
    }

.detailDesc p {
    font-size: 15px;
    line-height: 25px;
    color: #2d2d2d;
    padding-bottom: 20px;
}

p.detailNote {
    position: relative;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 0;
    margin-bottom: 25px;
}

    p.detailNote:after {
        border-left: #0172f4 solid 1px;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

.tagBg {
    background: #f3f5f8;
    border-top: #c8c9ca solid 1px;
    border-bottom: #c8c9ca solid 1px;
    padding: 17px 15px;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #48494a;
    line-height: 24px;
}

    .tagBg i {
        display: inline-block;
        float: right;
        height: 24px;
    }

        .tagBg i a {
            display: inline-block;
            width: 25px;
            height: 24px;
            overflow: hidden;
            text-indent: -200px;
            margin: 0 5px;
            background: url(../images/detail-social.png) 0 0 no-repeat;
        }

            .tagBg i a.detail_tweet {
                background-position: 0 0;
            }

                .tagBg i a.detail_tweet:hover {
                    background-position: 0 -24px;
                }

            .tagBg i a.detail_fb {
                background-position: -34px 0;
            }

                .tagBg i a.detail_fb:hover {
                    background-position: -34px -24px;
                }

            .tagBg i a.detail_Insta {
                background-position: -67px 0;
            }

                .tagBg i a.detail_Insta:hover {
                    background-position: -67px -24px;
                }

.relatedPost_outer {
    padding: 30px;
    background: #fff;
    box-shadow: #ccc 0 0 5px 1px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.relatedHd {
    font-size: 25px;
    font-weight: 500;
    border-bottom: #ddd solid 1px;
    margin-bottom: 35px;
}

.relatedList li {
    width: 18%;
    float: left;
    margin-right: 2.5%;
}

    .relatedList li:nth-child(5) {
        margin-right: 0;
    }

    .relatedList li i {
        display: block;
        line-height: 0;
    }

    .relatedList li strong {
        display: block;
        line-height: 23px;
        font-size: 17px;
        color: #2d2d2d;
        padding: 7px 0 10px 0;
    }

        .relatedList li strong a:hover {
            color: #0172f4;
        }

    .relatedList li span {
        line-height: 25px;
        color: #2d2d2d;
        font-size: 14px;
    }

.commentsCount {
    max-width: 580px;
    margin: 0 auto;
    text-align: center;
    border: #343434 solid 1px;
    line-height: 24px;
    padding: 10px 0;
    font-size: 18px;
}

.comment_listOuter {
    background: #fff;
    box-shadow: #e5e5e5 0 2px 5px 1px;
    padding: 65px 40px 40px 65px;
    border-radius: 5px;
    margin-bottom: 60px;
}

.comments_List {
    padding-top: 40px;
}

    .comments_List > ul > li {
        display: block;
        position: relative;
        min-height: 150px;
        padding-left: 120px;
        padding-bottom: 30px;
    }

        .comments_List > ul > li > i {
            display: inline-block;
            width: 96px;
            height: 96px;
            line-height: 0;
            position: absolute;
            left: 0;
            top: 0;
        }

            .comments_List > ul > li > i img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                border: #a5a8b1 solid 2px;
            }

        .comments_List > ul > li > strong {
            display: block;
            font-size: 17px;
            color: #1276e8;
        }

        .comments_List > ul > li > span {
            display: block;
            font-size: 16px;
            line-height: 25px;
        }

        .comments_List > ul > li > small {
            color: #ababab;
            font-size: 15px;
            display: block;
            padding-top: 3px;
        }

            .comments_List > ul > li > small > a {
                color: #ababab;
            }

                .comments_List > ul > li > small > a:hover {
                    color: #2d2d2d;
                }

        .comments_List > ul > li ul.commentsReply {
            margin-left: -50px;
            padding-top: 30px;
        }

            .comments_List > ul > li ul.commentsReply li {
                display: block;
                position: relative;
                padding-left: 90px;
                padding-bottom: 30px;
            }

                .comments_List > ul > li ul.commentsReply li:last-child {
                    padding-bottom: 0;
                }

                .comments_List > ul > li ul.commentsReply li > i {
                    display: inline-block;
                    width: 70px;
                    height: 70px;
                    line-height: 0;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

                    .comments_List > ul > li ul.commentsReply li > i img {
                        width: 100%;
                        height: 100%;
                        border-radius: 50%;
                        border: #a5a8b1 solid 2px;
                    }

                .comments_List > ul > li ul.commentsReply li > strong {
                    display: block;
                    font-size: 17px;
                    color: #1276e8;
                }

                .comments_List > ul > li ul.commentsReply li > span {
                    display: block;
                    font-size: 16px;
                    line-height: 25px;
                }

                .comments_List > ul > li ul.commentsReply li > small {
                    color: #ababab;
                    font-size: 15px;
                    display: block;
                    padding-top: 3px;
                }

                    .comments_List > ul > li ul.commentsReply li > small > a {
                        color: #ababab;
                    }

                        .comments_List > ul > li ul.commentsReply li > small > a:hover {
                            color: #2d2d2d;
                        }

.blogCmtInp {
    width: 100%;
    border: 0;
    font-size: 18px;
    height: 120px;
    border-bottom: #e5e5e5 solid 2px !important;
    color: #2d2d2d;
}

    .blogCmtInp:focus {
        border-bottom: #00cd7d solid 2px !important;
    }

.leaveReplyHd {
    font-size: 25px;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 500;
}

.postBtn {
    width: auto;
}

.opratList_Outer {
    background: #fff;
    margin-top: 20px;
    padding: 15px;
}

.oprateList li {
    display: block;
    padding-bottom: 15px;
}

    .oprateList li span {
        display: inline-block;
    }

    .oprateList li select {
        display: inline-block;
        width: 150px;
        height: 32px;
        vertical-align: top;
        background-size: 13px 8px;
        line-height: 31px;
        font-size: 16px;
    }

    .oprateList li i {
        display: inline-block;
        margin-left: 10px;
        font-size: 16px;
        font-style: normal;
        line-height: 32px;
        vertical-align: top;
        width: 110px;
    }

    .oprateList li small {
        display: inline-block;
        padding: 0 15px 0 24px;
        font-size: 16px;
        line-height: 32px;
        vertical-align: top;
        color: #666;
    }

.yourChoice {
    border-top: #e5e5e5 solid 1px;
    padding: 10px 0;
    font-size: 14px;
    color: #666;
}

    .yourChoice strong {
        display: block;
        font-weight: 500;
        font-size: 16px;
        color: #333;
    }

    .yourChoice span {
        display: block;
    }

        .yourChoice span small {
            font-size: 14px;
            color: #444;
            display: inline-block;
            width: 100px;
        }

.loginBtn.oprtTimeBtn {
    height: 42px;
    width: 150px;
    font-size: 16px;
    margin-top: 10px;
}


/*Add product new css*/

.prodsrchBx {
    background: #016fed;
    border: #ccc solid 1px;
    border-radius: 5px;
    padding: 20px 25px;
}

.prodfltrBx1 {
    width: 57%;
    float: left;
    padding-right: 20px;
}

.prodfltrBx2 {
    width: 29%;
    float: left;
    padding-right: 20px;
}

.prodfltrBx3 {
    width: 15%;
    float: left;
    padding-right: 20px;
}

.prodfltrBx5 {
    width: 15%;
    float: left;
    padding-right: 20px;
}

.prodfltrBx4 {
    width: 13%;
    float: left;
}

.prodfltrFrm label {
    display: block;
    font-size: 15px;
    color: #fff;
    padding-bottom: 3px;
    font-weight: 500;
}

.prodFltrInn {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: #cbcbcb solid 1px;
    border-radius: 5px;
}

.getstart_Btn.prodfltrBtn {
    width: 100%;
    height: 50px;
    border: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    box-shadow: none;
}

.bussblue_Btn.addProdBtn {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    padding: 10px 30px;
    border-radius: 25px;
}

.productTble {
    margin-top: 30px;
    box-shadow: #e5e5e5 0 0 8px 1px;
    border-radius: 5px;
}

    .productTble table tr th {
        background: #f9fafa;
        color: #343945;
        font-size: 15px;
        font-weight: 500;
        line-height: 25px;
        padding: 17px 10px;
        border-bottom: #f1f9f9 solid 1px;
        text-align: left;
    }

    .productTble table tr td {
        border-bottom: #d5d5d5 solid 1px;
        border-right: #d5d5d5 solid 1px;
        padding: 20px 10px;
        vertical-align: top;
        font-size: 14px;
        color: #757575;
    }

        .productTble table tr td:last-child {
            border-right: 0;
        }

    .productTble table tr:last-child td {
        border-bottom: 0;
    }

.actions a {
    display: inline-block;
    margin: 0 8px;
}

.productTble table tr td.prodname {
    position: relative;
    padding-left: 100px;
}

    .productTble table tr td.prodname i {
        position: absolute;
        left: 10px;
        width: 80px;
        height: 60px;
        line-height: 0;
        line-height: 0px;
    }

        .productTble table tr td.prodname i img {
            border: #e5e5e5 solid 1px;
        }

    .productTble table tr td.prodname span {
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: #818181;
        padding-bottom: 3px;
    }

        .productTble table tr td.prodname span a {
            color: #818181;
        }

            .productTble table tr td.prodname span a:hover {
                color: #016fed;
            }

    .productTble table tr td.prodname strong {
        color: #38d176;
        font-size: 18px;
        font-weight: 500;
    }

input[type=checkbox].css-checkBox2 {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkBox2 + label.css-check2 {
        padding-left: 25px;
        height: 17px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

label.css-check2 {
    background-image: url(../images/checkbox2.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #2d2d2d;
    font-size: 16px;
    line-height: 17px;
}

input[type=checkbox].css-checkBox2:checked + label.css-check2 {
    background-position: 0 -17px;
}

.prodCatList span {
    display: block;
    padding-bottom: 0px;
}

.prodCatList {
    padding-bottom: 15px;
}

.ProdFrmBx {
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 0px;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 40px;
}

.addprod_Inp {
    font-size: 18px;
    color: #000;
    border: 0;
    border-bottom: #e8e8e8 solid 1px;
    width: 100%;
    height: 50px;
}

.txtareaInp {
    font-size: 18px;
    color: #000;
    border: 0;
    line-height: 25px;
    border-bottom: #e8e8e8 solid 1px;
    width: 100%;
    height: 100px;
}

.ProdFrmBx .half_left, .ProdFrmBx .half_right {
    width: 48%;
}

.addmoreImg {
    padding-top: 5px;
}

    .addmoreImg a {
        color: #b7b7b7;
        text-decoration: underline;
        line-height: 22px;
        font-size: 13px;
        display: inline-block;
    }

        .addmoreImg a:hover {
            color: #000;
        }

.relatedPostTitl {
    font-size: 15px;
}

.positionInp {
    width: 100%;
    height: 32px;
    background: #efefef;
    border-radius: 5px;
    border: 0;
    padding: 0 10px;
}

.addProdTble {
    margin-bottom: 80px;
}

.reqfield {
    font-size: 15px;
    margin-top: -15px;
    line-height: 25px;
}

    .reqfield span {
        color: #ff0000;
        display: inline-block;
        padding-right: 2px;
    }

.addProBtn {
    padding: 10px 50px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 30px;
    line-height: 30px;
}

.addpadd {
    margin-bottom: 40px;
}

.addressInn {
    padding: 20px 0 10px 0;
}

.addAddress_Btn {
    display: inline-block;
    background: #38d176;
    line-height: 24px;
    padding: 8px 30px;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
    box-shadow: #e5e5e5 0 0 10px 1px;
}

    .addAddress_Btn:hover {
        background: #18b056;
    }

.addressLeft {
    width: 45%;
}

    .addressLeft strong {
        font-size: 22px;
        display: block;
        font-weight: 600;
        padding-bottom: 5px;
    }

    .addressLeft p {
        display: block;
        font-size: 19px;
        padding-bottom: 10px;
        line-height: 28px;
        color: #818181;
    }

    .addressLeft span {
        display: block;
        font-size: 19px;
        color: #818181;
        line-height: 28px;
    }

        .addressLeft span small {
            display: inline-block;
            font-size: 19px;
            color: #333;
        }

.Addedit {
    color: #e83434;
    font-size: 18px;
    float: right;
    margin-top: 9px;
}

.addAddressInn {
    padding: 20px;
    background: #fff;
    margin-top: 15px;
    border-radius: 5px;
}

.popInn.adressPop {
    padding: 30px;
}

.checkDefAdd {
    padding-bottom: 30px;
}

.addressSave {
    background: #0172f4 !important;
    border: 0 !important;
    width: 250px !important;
}

.addCancl {
    background: #00d0fc !important;
    border: 0 !important;
    width: 250px !important;
}

.order_List {
    padding-top: 40px;
}

    .order_List li {
        background: #fff;
        box-shadow: #e5e5e5 0 0 7px 0;
        margin-bottom: 30px;
        border-radius: 5px;
    }

.orderTop {
    border-bottom: #e2e4e5 solid 1px;
    padding: 20px;
}

.orderNumber {
    font-size: 19px;
    color: #343945;
    padding-bottom: 5px;
}

    .orderNumber strong {
        font-weight: 600;
    }

.orderName span {
    color: #0766d4;
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    line-height: 40px;
}

    .orderName span small {
        font-size: 17px;
        color: #2d2d2d;
        display: inline-block;
        padding-right: 5px;
    }

.orderName i {
    display: inline-block;
    float: right;
}

    .orderName i a {
        display: inline-block;
        margin: 0 0 0 10px;
        font-style: normal;
        font-size: 14px;
        font-weight: 300;
        padding: 10px 30px;
        line-height: 20px;
        color: #fff;
        border-radius: 25px;
    }

.vieworder {
    background: #0766d4;
}

.processing {
    background: #fe5f29;
}

.orderBot {
    background: #f6f7f7;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 0 0 5px 5px;
}

    .orderBot span {
        display: inline-block;
        padding-right: 15px;
        font-weight: 300;
        color: #333;
    }

    .orderBot strong {
        display: inline-block;
        float: right;
        font-size: 16px;
        color: #2d2d2d;
        font-weight: 500;
    }


.hist_nav {
    padding: 10px 0 0 0;
    text-align: center;
    background: #fff;
    box-shadow: #e5e5e5 0 10px 10px 5px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 30px;
}

    .hist_nav li {
        display: inline-block;
        padding: 0 20px;
    }

        .hist_nav li a {
            display: block;
            font-size: 18px;
            line-height: 28px;
            padding:0px;
            border-bottom: transparent solid 3px;
        }

            .hist_nav li a:hover, .hist_nav li a.active {
                color: #0172f4;
                border-bottom: #0172f4 solid 3px;
            }

.histMain {
    padding: 20px 20px 50px 20px;
}

.histList {
    display: none;
}

    .histList li {
        background: #fff;
        box-shadow: #eee 0 10px 15px 7px;
        border-radius: 5px;
        margin-bottom: 40px;
        padding: 30px;
        width: 48%;
        float: left;
    }

        .histList li:nth-child(2n) {
            float: right;
        }

.paidCard {
    padding-bottom: 20px;
}

    .paidCard span {
        display: inline-block;
        font-size: 21px;
        font-weight: 500;
        color: #a4a4a4;
    }

        .paidCard span strong {
            display: inline-block;
            font-size: 24px;
            color: #333;
            font-weight: 500;
        }

    .paidCard i {
        display: inline-block;
        float: right;
        line-height: 30px;
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
    }

        .paidCard i small {
            font-size: 16px;
            font-weight: 300;
            color: #333;
        }

.reasonPay strong {
    color: #0172f4;
    font-size: 19px;
    font-weight: 500;
    display: block;
    padding-bottom: 5px;
}

.reasonPay p {
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #a4a4a4;
    padding-bottom: 15px;
}

.reasonPay span {
    display: block;
    font-size: 19px;
    font-weight: 500;
    color: #777;
}

.redClr {
    color: #e83434;
}

.greenClr {
    color: #38d176;
}

.myorder_List li {
    width: 48.5%;
    float: left;
    padding-left: 25px;
    padding-bottom: 60px;
}

    .myorder_List li:nth-child(2n) {
        float: right;
    }

.OrderInner {
    background: #fff;
    box-shadow: #e1e1e1 0 10px 20px 0;
    padding: 30px 30px 30px 100px;
    position: relative;
    border-radius: 5px;
}

    .OrderInner i {
        width: 112px;
        height: 112px;
        box-shadow: #f5f5f5 0 0 15px 0 inset;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: -25px;
        background: #fff;
        top: -30px;
    }

        .OrderInner i img {
            position: absolute;
            left: 0;
            top: 0;
            max-width: 90%;
            bottom: 0;
            right: 0;
            margin: auto;
        }

    .OrderInner > strong {
        font-size: 21px;
        font-weight: 500;
        line-height: 25px;
        padding-bottom: 10px;
        display: block;
    }

        .OrderInner > strong span {
            float: right;
            font-size: 16px;
            font-weight: 300;
        }

            .OrderInner > strong span small {
                font-size: 19px;
                font-weight: 500;
            }

    .OrderInner > p {
        font-size: 19px;
        color: #2d2d2d;
        padding-bottom: 20px;
    }

    .OrderInner > span {
        display: block;
        font-size: 20px;
        color: #777;
        font-weight: 500;
    }

        .OrderInner > span small {
            float: right;
        }

.orderDetMain {
    padding: 50px 0;
}

.orderDet_List li {
    width: 49%;
    float: left;
    background: #fff;
    box-shadow: #eee 0 0 7px 0;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 40px;
}

    .orderDet_List li:nth-child(2n) {
        float: right;
    }

.orderplace span {
    display: block;
    font-size: 21px;
    line-height: 50px;
    color: #8d8d8d;
}

    .orderplace span strong {
        font-weight: 500;
        color: #2d2d2d;
    }

        .orderplace span strong.orderamount {
            font-size: 29px;
            color: #38d176;
            font-weight: 600;
        }

.updateSent {
    font-size: 21px;
    color: #8d8d8d;
    line-height: 50px;
}

    .updateSent span {
        display: block;
    }

    .updateSent strong {
        display: block;
        font-weight: 500;
        color: #2d2d2d;
    }

    .updateSent small {
        display: block;
        font-size: 21px;
        color: #2d2d2d;
    }

.deliveryAdd {
    font-size: 21px;
    line-height: 50px;
}

    .deliveryAdd span {
        color: #8d8d8d;
        display: block;
    }

    .deliveryAdd strong {
        display: block;
    }

    .deliveryAdd small {
        display: block;
        font-size: 21px;
        line-height: 30px;
        padding-top: 10px;
    }

.orderNumb {
    font-size: 21px;
    font-weight: 500;
    padding-bottom: 10px;
}

.delorderInn {
    position: relative;
    padding: 0 80px 0 180px;
    min-height: 130px;
}

.orderItem {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
}

.orderPrice {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

    .orderPrice span {
        display: block;
        font-size: 24px;
        color: #38d176;
        line-height: 35px;
    }

    .orderPrice small {
        display: block;
        font-size: 20px;
    }

.orderNameBx strong {
    display: block;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 5px;
}

.orderNameBx small {
    display: block;
    font-size: 19px;
    color: #777777;
    padding-bottom: 10px;
}

.orderNameBx span {
    display: block;
    font-size: 19px;
    color: #777;
}

    .orderNameBx span i {
        color: #38d176;
        font-style: normal;
    }

.downBtn {
    background: #016fee;
    font-size: 16px;
    text-transform: uppercase;
    height: 50px;
    border: 0;
    color: #fff;
    border-radius: 30px;
    box-shadow: rgba(249, 2, 44, 0.32) 0 0 7px 0px;
    cursor: pointer;
    width: 100%;
}

.payrepDwld {
    float: right;
    width: 19%;
    text-align: right;
}

.payrepBx2 {
    width: 35%;
}

.payrepBx3 {
    width: 18%;
    padding-right: 20px;
}

.vieworder_Btn {
    height: 40px;
    font-size: 14px;
    font-weight: 300;
    background: #0766d4;
    display: inline-block;
    line-height: 20px;
    padding: 10px 0px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    max-width: 150px;
    width: 100%;
}

.paymentTble table tr td {
    padding: 15px 10px;
    vertical-align: middle;
}

.prodDet_Top {
    background: #fff;
    padding: 20px;
    box-shadow: #e5e5e5 0 0 9px 0;
    border-radius: 5px;
    margin-bottom: 40px;
}

.prodDetImg {
    width: 40%;
    float: left;
    background: #f6f6f8;
    padding: 20px;
}

.prodDet_Right {
    float: right;
    width: 57%;
}

.prodDetHd {
    font-size: 26px;
    padding-right: 100px;
    line-height: 35px;
    position: relative;
    padding-bottom: 10px;
}

    .prodDetHd i {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
    }

.prodPrice {
    font-size: 22px;
    padding-bottom: 5px;
    color: #0172f4;
    line-height: 45px;
}

    .prodPrice strong {
        display: inline-block;
        font-size: 43px;
        vertical-align: top;
        color: #38d176;
    }

    .prodPrice span {
        color: #8c8c8c;
        text-decoration: line-through;
        font-size: 28px;
        margin-left: 5px;
    }

.prodInd {
    font-size: 20px;
    color: #999;
    padding-bottom: 5px;
    font-weight: 500;
}

    .prodInd strong {
        font-weight: 500;
        color: #2d2d2d;
    }

ul.proDetList {
    list-style: disc;
    padding-bottom: 20px;
    padding-left: 10px;
}

    ul.proDetList li {
        line-height: 26px;
        font-size: 13px;
    }

.deliveryBx {
    border: #e5e5e5 solid 1px;
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 20px;
    max-width: 555px;
}

.deliDate {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
}

.pincodeBx {
    width: 75%;
    float: left;
}

    .pincodeBx span {
        display: block;
        font-size: 16px;
        color: #999;
        line-height: 30px;
    }

.changeBx {
    float: right;
    width: 20%;
    line-height: 30px;
}

    .changeBx span {
        display: block;
    }

        .changeBx span a {
            text-decoration: underline;
            font-weight: 500;
        }

            .changeBx span a:hover {
                text-decoration: none;
            }

    .changeBx small {
        display: block;
        font-size: 14px;
        color: #999;
    }

.buyButton {
    width: 300px;
    height: 50px;
    background: #00d0fc;
    border: 0;
    border-radius: 5px;
    font-size: 23px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
}

    .buyButton:hover {
        background: #06accf;
    }

.prodDesc {
    margin-bottom: 40px;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: #e5e5e5 0 0 9px 0;
}

.descNav {
    background: #f6f6f8;
    border-bottom: #0172f4 solid 2px;
}

    .descNav li {
        float: left;
    }

        .descNav li a {
            display: block;
            line-height: 23px;
            padding: 20px;
            font-size: 17px;
        }

            .descNav li a:hover, .descNav li a.active {
                background: #0172f4;
                color: #fff;
            }

.descCont {
    padding: 20px 0;
    display: none;
}

    .descCont p {
        font-size: 14px;
        line-height: 29px;
    }

    .descCont li {
        display: block;
        font-size: 14px;
        line-height: 26px;
        padding-bottom: 10px;
        color: #818181;
        position: relative;
        padding-left: 210px;
    }

        .descCont li span {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            color: #2d2d2d;
        }

.reviewHd {
    border-bottom: #e5e5e5 solid 1px;
    padding: 10px 0;
    font-size: 22px;
    color: #999;
}

    .reviewHd span {
        color: #2d2d2d;
    }

    .reviewHd a {
        float: right;
        color: #0172f4;
    }

        .reviewHd a:hover {
            text-decoration: underline;
        }

.reviewList {
    padding: 35px 0 0 0;
}

    .reviewList li {
        position: relative;
        padding-left: 140px;
        padding-bottom: 30px;
    }

        .reviewList li i {
            position: absolute;
            display: block;
            width: 115px;
            height: 115px;
            left: 0;
            top: 0;
        }

            .reviewList li i img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .reviewList li strong {
            display: block;
            font-size: 22px;
            font-weight: 500;
            padding-bottom: 0;
        }

        .reviewList li p {
            font-size: 15px;
            line-height: 28px;
            padding-bottom: 5px;
        }

        .reviewList li span {
            font-size: 15px;
            font-weight: 500;
        }

#slider .owl-item {
    height: 360px;
    position: relative;
}

#slider .item {
    text-align: center;
}

    #slider .item img {
        display: inline-block !important;
        width: auto !important;
        max-height: 100% !important;
        max-height: 100% !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

#slider .owl-controls {
    display: none;
}

#navigation {
    position: relative;
    margin-top: 20px;
}

    #navigation .owl-prev {
        background: url(../images/det-arrow-left.png) 0 0 no-repeat;
        width: 17px;
        height: 16px;
        position: absolute;
        left: -18px;
        top: 50%;
        margin-top: -8px;
        display: inline-block;
        overflow: hidden;
        text-indent: 200px;
    }

    #navigation .owl-next {
        background: url(../images/det-arrow-right.png) 0 0 no-repeat;
        width: 17px;
        height: 16px;
        position: absolute;
        right: -18px;
        top: 50%;
        margin-top: -8px;
        display: inline-block;
        overflow: hidden;
        text-indent: 200px;
    }

.projectitem {
    border: #ededed solid 1px;
    height: 95px;
    cursor: pointer;
    position: relative;
    background: #fff;
}

    .projectitem img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: auto !important;
        display: inline-block !important;
        max-width: 99%;
    }

.shoppingList {
    margin-top: -20px;
}

    .shoppingList li {
        padding: 20px;
        margin-bottom: 40px;
        background: #fff;
        box-shadow: #e5e5e5 0 0 10px 1px;
        border-radius: 5px;
        min-height: 275px;
    }

.orderNameBx a {
    color: #0172f4;
    border: #0172f4 solid 1px;
    margin-top: 10px;
    display: inline-block;
    padding: 5px 15px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 16px;
}

    .orderNameBx a:hover {
        color: #fff;
        background: #0172f4;
    }

.reviewImg {
    text-align: center;
    padding-bottom: 20px;
}

    .reviewImg i {
        display: block;
        width: 160px;
        height: 160px;
        margin: 0 auto 10px auto;
    }

        .reviewImg i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .reviewImg span {
        display: block;
        font-size: 24px;
        font-weight: 500;
    }

.loginBtnBx.submitReviewBtn {
    padding-top: 0;
}

    .loginBtnBx.submitReviewBtn .loginBtn {
        height: 59px;
        text-transform: capitalize;
        font-size: 20px;
    }

.howit_Outer {
    padding: 30px;
    background: #fff;
    box-shadow: #666 0 6px 10px -5px;
    border-radius: 5px;
    margin-top: -40px;
}

.howitHd {
    text-align: center;
    font-size: 16px;
    line-height: 29px;
    padding-bottom: 30px;
    padding-top: 10px;
    font-weight: 300;
}

    .howitHd strong {
        display: block;
        font-size: 32px;
        padding-bottom: 20px;
        text-transform: uppercase;
        font-weight: 300;
    }

    .howitHd span {
        display: block;
        padding: 0 200px;
    }

.howitImg_Left {
    width: 376px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 80px;
}

.howit_right {
    width: calc(100% - 380px);
    float: right;
    padding: 35px;
    background: #fff;
    border-radius: 5px;
    box-shadow: #e5e5e5 0 0 30px -2px;
}

.howitImgOuter {
    padding-top: 20px;
    padding-bottom: 30px;
}

.howitDesc {
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    padding: 30px 0;
    font-weight: 300;
}

.howIcon_Bx i {
    width: 96px;
    height: 96px;
    display: inline-block;
    background: #fee2e7;
    position: relative;
    border-radius: 50%;
    line-height: 0;
}

    .howIcon_Bx i img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2px;
        margin: 0 auto;
    }

    .howIcon_Bx i::after {
        position: absolute;
        border: 20px solid #fff4f6;
        content: '';
        left: -20px;
        right: -20px;
        bottom: -20px;
        top: -20px;
        border-radius: 50%;
    }

.howitList li {
    min-height: 100px;
}

.howlist_Left {
    width: 46%;
    padding-right: 30px;
}

.howIcon_Bx {
    padding-left: 20px;
    padding-top: 20px;
}

    .howIcon_Bx i {
        width: 96px;
        height: 96px;
        display: inline-block;
        background: #fee2e7;
        position: relative;
        border-radius: 50%;
        line-height: 0;
    }

        .howIcon_Bx i img {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
        }

.howlist_right {
    width: 54%;
    padding-left: 75px;
    position: relative;
    padding-right: 20px;
}

.howitCont {
    padding-bottom: 40px;
}

    .howitCont strong {
        display: block;
        font-size: 26px;
        padding-bottom: 8px;
    }

    .howitCont span {
        display: block;
        font-size: 14px;
        line-height: 27px;
        color: #898989;
    }

.howitNumb {
    position: absolute;
    left: 18px;
    top: 0px;
    width: 1px;
    background: #ff6028;
    bottom: 0px;
}

.howitList li:first-child .howitNumb {
    top: 50px;
}

    .howitList li:first-child .howitNumb i {
        top: 0px;
    }

.howitNumb i {
    background: #ff6028;
    display: inline-block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    font-style: normal;
    text-align: center;
    line-height: 27px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -14px;
}

    .howitNumb i::after {
        position: absolute;
        border: #ffa07e solid 5px;
        left: -5px;
        top: -5px;
        right: -5px;
        bottom: -5px;
        content: '';
        border-radius: 50%;
    }

    .howitNumb i::before {
        position: absolute;
        border: #fff solid 20px;
        left: -25px;
        top: -25px;
        right: -25px;
        bottom: -25px;
        content: '';
        border-radius: 50%;
    }

.howitList li:last-child .howitNumb {
    height: 80px;
}

.transInner {
    background: #fff;
    box-shadow: #e1e1e1 0 10px 20px 0;
    padding: 30px 30px 30px 100px;
    position: relative;
    border-radius: 5px;
}

.transInnImg {
    width: 112px;
    height: 112px;
    box-shadow: #eee 0 0 10px 0;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -25px;
    background: #fff;
    top: -30px;
}

    .transInnImg img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        margin: auto;
        border-radius: 50%;
    }

.reqname_Left {
    padding-bottom: 20px;
    float: left;
}

    .reqname_Left strong {
        display: block;
        font-size: 21px;
        line-height: 21px;
        padding-bottom: 10px;
    }

    .reqname_Left span {
        display: block;
        font-size: 18px;
        color: #999;
        line-height: 18px;
    }

        .reqname_Left span img {
            display: inline-block;
            vertical-align: top;
        }

.reqAmunt {
    float: right;
    text-align: right;
}

    .reqAmunt span {
        display: block;
        font-size: 16px;
        line-height: 21px;
        padding-bottom: 10px;
    }

        .reqAmunt span strong {
            display: inline-block;
            font-size: 20px;
            font-weight: 500;
            line-height: 21px;
        }

    .reqAmunt small {
        display: block;
        font-size: 14px;
        line-height: 18px;
    }

.transResion strong {
    display: block;
    font-size: 19px;
    color: #0172f4;
}

.transResion p {
    font-size: 18px;
    color: #999;
    font-weight: 300;
    line-height: 25px;
}

.transResion span {
    display: block;
    font-size: 19px;
    line-height: 40px;
}

    .transResion span a {
        display: inline-block;
        margin-left: 50px;
        font-size: 14px;
        color: #01a9cc;
        text-decoration: underline;
    }

    .transResion span button {
        display: inline-block;
        float: right;
        background: #00d0fc;
        border: #01a9cc solid 1px;
        color: #fff;
        line-height: 20px;
        padding: 9px 30px;
        font-size: 18px;
        border-radius: 5px;
        cursor: pointer;
    }

.transSlide {
    padding: 0px;
    background: #fff;
    border-radius: 0px;
    margin-top: 0px;
}

    .transSlide li {
        float: left;
        width: 140px;
        height: 140px;
        line-height: 0;
        border: #ccc solid 1px;
        position: relative;
        border-radius: 5px;
        margin: 0 7px 15px 8px;
    }

        .transSlide li > img {
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }

        .transSlide li:hover a {
            opacity: 1;
        }

        .transSlide li a {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            line-height: 0;
            opacity: 0;
            border-radius: 5px;
        }

            .transSlide li a img {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
            }

.cat_left_HD {
    font-size: 19px;
    font-weight: 600;
    line-height: 60px;
    padding-bottom: 10px;
}

.vategories_Left {
    float: left;
    width: 20%;
}

.vategories_Right {
    float: right;
    width: 77%;
}

.showCount {
    font-size: 14px;
    color: #7d7d7e;
    line-height: 33px;
    padding: 13px 10px;
    margin-bottom: 10px;
    background: #f6f6f8;
    border-bottom: #e6e6eb solid 1px;
}

    .showCount span {
        float: right;
        font-size: 15px;
        line-height: 33px;
        color: #2d2d2d;
    }

        .showCount span .sortListInp {
            width: 200px;
            background: #fff url(../images/sortby-arrow.png) right 5px center no-repeat;
            border: #e4e4e4 solid 1px;
            border-radius: 3px;
            font-weight: 300;
            color: #666;
            height: 33px;
            padding: 0 10px;
            margin-left: 5px;
        }

.categoryBx {
    background: #fff;
    box-shadow: #e5e5e5 0 0 5px 0;
    border-radius: 5px;
    margin-bottom: 30px;
}

.categoryHd {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    color: #0172f4;
    line-height: 25px;
    border-bottom: #0172f4 solid 1px;
    padding: 15px 20px;
}

    .categoryHd span {
        position: relative;
    }

        .categoryHd span:after {
            position: absolute;
            right: -35px;
            top: 12px;
            content: '';
            width: 23px;
            height: 3px;
            background: #b2d4fc;
        }

.categoryNav {
    padding: 10px 20px;
}

    .categoryNav li {
        display: block;
    }

        .categoryNav li a {
            display: block;
            font-size: 15px;
            line-height: 40px;
            border-bottom: #e4e4e4 solid 1px;
        }

        .categoryNav li:last-child a {
            border-bottom: 0;
        }

        .categoryNav li a:hover {
            color: #0172f4;
        }

.priceRange {
    padding: 15px 20px 40px 20px;
}

    .priceRange #amount {
        color: #2d2d2d !important;
        font-weight: 500 !important;
        width: 100%;
    }

#slider-range {
    height: 6px;
    background: #c5c5c5;
    border: 0 !important;
}

.ui-slider-range.ui-corner-all.ui-widget-header {
    background: #0172f4;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    top: -7px;
    margin-left: -12px;
}

.category_Outer {
    background: #fff;
    box-shadow: #e5e5e5 0 0 7px 0;
    border-radius: 5px;
    padding: 10px 20px 0 20px;
    margin-bottom: 30px;
}

.category_img {
    background: #eee;
    margin-bottom: 10px;
    height: 220px;
}

    .category_img img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-width: 90%;
    }

.Completed {
    color: #38d176;
}

.Pending {
    color: red;
}

/*---------------Block User------------------*/
/*---------------13 April2018------------------*/
.blockUserOuter .publicBx_top {
    min-height: 134px;
}

    .blockUserOuter .publicBx_top i {
        left: -20px;
        top: 10px;
    }

    .blockUserOuter .publicBx_top strong {
        padding: 15px 0;
        line-height: 50px;
    }

        .blockUserOuter .publicBx_top strong a.reqDelBtn {
            border: #a4a4a4 solid 1px;
            display: inline-block;
            font-size: 16px;
            color: #999;
            line-height: 30px;
            padding: 10px 25px;
            float: right;
            border-radius: 5px;
            vertical-align: top;
        }

.menuBx li {
    display: inline-block;
    margin: 0 !important;
    width: 11.1%;
    float: left;
}

.hdrSrchBtn, .hdrInp {
    border-radius: 2px;
}

.popInn.selectcity_Outer {
    padding: 30px;
}

.locationBx {
    padding-bottom: 20px;
}

    .locationBx a {
        display: inline-block;
        font-size: 14px;
        border: #eee solid 1px;
        margin: 0 5px 15px 0;
        line-height: 22px;
        padding: 10px 13px;
        border-radius: 3px;
        color: #777;
    }

        .locationBx a:hover {
            background: #0172f4;
            border: #0172f4 solid 1px;
            color: #fff;
        }

.currentLocatHd {
    font-size: 17px;
    padding-bottom: 20px;
}

.currentLocat {
    position: relative;
    padding-right: 65px;
}

.currentLocatInp {
    width: 100%;
    height: 52px;
    border: #e9e9ea solid 1px;
    border-radius: 3px;
    padding: 0 10px;
}

.currentLocat i {
    position: absolute;
    right: 0;
    top: 0;
    width: 65px;
    height: 52px;
}

    .currentLocat i a {
        display: block;
        width: 30px;
        height: 29px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

        .currentLocat i a:hover::after {
            border: #0172f4 solid 1px;
            content: '';
            position: absolute;
            left: -10px;
            top: -10px;
            right: -10px;
            bottom: -10px;
            border-radius: 50%;
            box-shadow: #bcd8f8 0 0 5px 0;
        }

.uselocationBx {
    font-size: 16px;
    padding-top: 5px;
    text-align: right;
    padding-right: 65px;
}

.histsrchBx {
    padding: 0 0 20px 0;
    margin-top: 25px;
}

.histList table th {
    background: #f2f2f3;
    color: #0172f4;
    font-weight: 500;
    text-align: left;
    padding: 10px 20px;
    line-height: 32px;
    border-bottom: #dfdfdf solid 1px;
    font-size: 16px;
}

.histList table tr th:first-child {
    padding-left: 40px;
}

.histList table tr th:last-child {
    padding-right: 40px;
}

.paidBx {
    position: relative;
    padding-left: 60px;
}

    .paidBx i {
        display: inline-block;
        width: 43px;
        height: 43px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .paidBx i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .paidBx span {
        display: block;
        font-size: 15px;
        line-height: 22px;
        color: #2d2d2d;
    }

    .paidBx strong {
        display: block;
        font-size: 18px;
        color: #999;
        line-height: 22px;
    }

.histList table td {
    vertical-align: top;
    padding: 20px 20px;
    font-size: 16px;
    color: #999;
}

.histList table tr td:first-child {
    padding-left: 40px;
}

.histList table tr td:last-child {
    padding-right: 40px;
}

.darkgrey {
    color: #2d2d2d !important;
}

.hist_newmain {
    background: #fff;
    box-shadow: #eee 0 29px 25px 0;
    margin-bottom: 100px;
    border-radius: 0 0 5px 5px;
}
/*---------------13 April2018------------------*/

/*.settingBg {
    background: #0172f4;
    padding: 20px 0;
}*/

.setting_Count {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 10px;
}

.accountsettHd {
    font-size: 23px;
    color: #1a1d27;
    line-height: 28px;
    margin-top: 20px;
}

.settingsInn {
    background: #fff;
    /*box-shadow: #e5e5e5 0 0 10px 0;
        padding: 40px;
    */
    border-radius: 5px;
}

.notifi_SettHd {
    background: #e3edf7;
    color: #0172f4;
    font-size: 20px;
    padding: 20px;
    line-height: 30px;
}

.notifi_SettList {
    padding: 20px 10px;
}

    .notifi_SettList li {
        display: block;
        font-size: 16px;
        color: #1a1d27;
        line-height: 23px;
        margin-bottom: 20px;
    }

.linkaccBx {
    padding: 20px 20px 40px 20px;
}

    .linkaccBx li {
        position: relative;
        padding-left: 40px;
        line-height: 49px;
        margin-bottom: 10px;
        font-size: 16px;
    }

        .linkaccBx li i {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -15px;
        }

        .linkaccBx li span {
            display: inline-block;
            font-size: 15px;
            color: #999;
            float: right;
            text-align: center;
            width: 150px;
        }

            .linkaccBx li span a {
                border: #0172f4 solid 1px;
                display: block;
                line-height: 48px;
                color: #0172f4;
                border-radius: 5px;
                font-weight: 500;
            }

                .linkaccBx li span a:hover {
                    background: #0172f4;
                    color: #FFF;
                }

.blockUserList {
    padding: 20px 10px;
}

    .blockUserList li {
        display: block;
        padding-left: 90px;
        position: relative;
        margin-bottom: 15px;
    }

        .blockUserList li i {
            width: 60px;
            height: 60px;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
        }

            .blockUserList li i img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .blockUserList li span {
            display: inline-block;
            font-size: 16px;
            line-height: 25px;
            padding: 20px 0;
        }

        .blockUserList li small {
            display: inline-block;
            width: 100px;
            float: right;
            padding: 10px 0;
        }

            .blockUserList li small a {
                display: block;
                line-height: 25px;
                font-size: 16px;
                border: #e0e0e0 solid 1px;
                text-align: center;
                padding: 7px 0;
                border-radius: 5px;
                color: #1a1d27;
                background: #f9f9f9;
            }

                .blockUserList li small a:hover {
                    border: #0172f4 solid 1px;
                    color: #0172f4;
                    background: #ffffff;
                }

/*---------------Switch on/off----------------*/
.onoffswitch {
    position: relative;
    width: 70px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "";
        padding-left: 10px;
        background-color: #b2b2b2;
    }

    .onoffswitch-inner:after {
        content: "";
        padding-right: 10px;
        background-color: #b1d4fa;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 30px;
    height: 30px;
    background: #0070ee;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0px;
    border-radius: 50%;
    transition: all 0.3s ease-in 0s;
    box-shadow: #999 1px 2px 3px 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 45px;
    background: #ececec;
}
/*---------------Switch on/off----------------*/

.notifi_SettList li > span {
    float: right;
    display: inline-block;
    top: 0px;
    position: relative;
}

.notifi_SettHd .changePassClick {
    display: inline-block;
    float: right;
    font-size: 16px;
}

.changepassBx {
    padding: 40px 20px 20px 20px;
    display: none;
}

.change_passBx .loginBtn {
    max-width: 175px;
    height: auto;
    font-size: 16px;
    padding: 11px 0px;
}





/*-------14-04-2018-------------*/
.chatMsgBx {
    padding: 5px 60px 10px 10px;
    width: auto;
    max-width: 85%;
    border-radius: 0 3px 3px 3px;
    font-size: 14px;
    box-shadow: #ccc 0 0 1px 0px;
    line-height: 20px;
    position: relative;
}

    .chatMsgBx:after {
        border-top: transparent solid 0;
        border-bottom: transparent solid 10px;
        border-right: #fff solid 10px;
        content: '';
        position: absolute;
        left: -10px;
        top: 0px;
    }

    .chatMsgBx:before {
        border-top: transparent solid 0;
        border-bottom: transparent solid 11px;
        border-right: #ccc solid 11px;
        content: '';
        position: absolute;
        left: -11px;
        top: 0px;
    }

    .chatMsgBx span {
        position: absolute;
        right: 10px;
        bottom: 0px;
        font-size: 10px;
    }

.myChatBx .chatMsgBx {
    width: auto;
    background: #c2f1fc;
    color: #2d2d2d;
    padding: 5px 75px 10px 10px;
    width: auto;
    max-width: 85%;
    border-radius: 0 3px 3px 3px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}

    .myChatBx .chatMsgBx:after {
        border-top: transparent solid 0;
        border-bottom: transparent solid 10px;
        border-left: #c2f1fc solid 10px;
        border-right: none;
        content: '';
        position: absolute;
        right: -10px;
        top: 0px;
        left: auto;
    }

    .myChatBx .chatMsgBx:before {
        border-top: transparent solid 0;
        border-bottom: transparent solid 12px;
        border-left: #ccc solid 12px;
        border-right: none;
        content: '';
        position: absolute;
        right: -12px;
        top: 0px;
        left: auto;
    }

    .myChatBx .chatMsgBx span {
        color: #777;
    }

        .myChatBx .chatMsgBx span i {
            display: inline-block;
            width: 16px;
        }

.myChatBx {
    max-width: 80%;
}

    .myChatBx .sendImg {
        padding: 10px 10px 5px 10px;
        max-width: 220px;
    }

        .myChatBx .sendImg span {
            position: relative;
            left: auto;
            text-align: right;
            right: auto;
            display: block;
        }

.imgTxt {
    position: relative;
    padding: 0 0 10px 0;
    font-size: 14px;
}

    .imgTxt span.msgTime {
        position: absolute;
        right: 0;
        bottom: -5px;
    }

.vidInnBg.chatImgpop {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    border: #e5e5e5 solid 5px;
    border-radius: 10px;
    top: 20%;
    line-height: 0;
    text-align: center;
    padding: 30px;
    background: #fff;
}

.msgTypeInp {
    width: 100%;
    border: 0;
    padding: 5px 10px;
    font-size: 14px;
    color: #666;
    height: 50px;
    resize: none;
    line-height: 25px;
}

.typemsgBx {
    padding-right: 210px;
    position: relative;
}

.typeBtnbx {
    padding: 0;
    border-bottom: 0;
    width: 70px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f5f5f5;
    border-left: #e3e5e8 solid 1px;
    height: 100%;
    cursor: pointer;
}

    .typeBtnbx i {
        display: inline-block;
        padding-top: 0;
        position: absolute;
        left: -44px;
        top: 5px;
    }

        .typeBtnbx i a {
            display: inline-block;
            margin: 0 7px;
            line-height: 0;
            padding: 14px 0;
        }

            .typeBtnbx i a img {
                width: 20px;
            }

    .typeBtnbx .sendBtn {
        float: right;
        line-height: 48px;
        padding: 0;
        border: 0;
        background: none !important;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
        box-shadow: none;
        text-align: center;
        width: 100%;
        cursor: pointer;
        display: block;
    }

        .typeBtnbx .sendBtn img {
            width: 36px;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            cursor: pointer;
        }

.attachImgPopup {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    /*background: rgba(0, 0, 0, 0.6);*/
    background: #000;
    padding: 27px;
    text-align: center;
}

.comment_Type {
    position: relative;
    padding-right: 60px;
}

.attachImg {
    width: 100%;
    min-height: 400px;
    position: relative;
    margin-bottom: 30px;
}

    .attachImg img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.comment_Type .addcmtInp {
    width: 100%;
    height: 50px;
    background: none;
    border-bottom: #666 solid 1px !important;
    border: 0;
    color: #fff;
}

.comment_Type .addCmtBtn {
    width: 50px;
    right: 0;
    top: 0;
    position: absolute;
    height: 50px;
    background: none;
    border: 0;
    width: 40px;
    line-height: 0;
    cursor: pointer;
}

    .comment_Type .addCmtBtn img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.close_attach {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    background: #666;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    cursor: pointer;
    line-height: 25px;
}


.reciverchatbox {
    max-width: 80%;
}

    .reciverchatbox .sendImg {
        padding: 10px 10px 15px 10px;
        max-width: 220px;
    }

/*-------14-04-2018-------------*/





/*------------------*/
.wallet_leftOuter {
    width: 73%;
    float: left;
}

.pop_Left.resetbenifits {
    padding-top: 15px;
}

.newsfeedDetOuter {
    text-align: center;
}

.newsfeedDet_Left {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

.newsfeedDet_Mid {
    width: 150px;
    display: inline-block;
    vertical-align: top;
}

.newsfeedDet_Right {
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

.newsfeed_detImgBx i img {
    display: inline-block;
}

.newsfeedDet_Mid {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    padding-top: 24px;
}

    .newsfeedDet_Mid strong {
        color: #38d176;
        display: block;
        font-size: 29px;
    }

    .newsfeedDet_Mid span {
        display: block;
        font-size: 20px;
        color: #fff;
    }

.spancardtype a.showPopup.rgt.addacc_Btn {
    display: inline-block;
    width: 175px;
    font-size: 15px;
    background: #38d176;
    border: #31b667 solid 1px;
    border-radius: 3px;
    line-height: 21px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}

.wallet_Outer .qr_MainBx {
    width: 48%; /* float: left; */
}

.mywalletBx strong {
    display: block;
    font-size: 45px;
    font-weight: 600;
    color: #38d176;
    padding-bottom: 16px;
}

.mywalletBx span {
    display: inline-block;
    padding-bottom: 9px;
    margin-left: 5px;
}

    .mywalletBx span a.showPopup.addacc_Btn {
        display: inline-block;
        width: 150px;
        font-size: 14px;
        background: #38d176;
        border: #31b667 solid 1px;
        border-radius: 3px;
        line-height: 21px;
        padding: 10px 0;
        color: #fff;
        text-align: center;
    }

.mywalletBx {
    padding: 10px 30px 10px 160px;
    min-height: 186px;
}

    .mywalletBx i {
        top: 20px;
        left: 20px;
        width: 100px;
    }

        .mywalletBx i img {
            width: 130px;
        }

span[aria-hidden="true"] {
    display: none;
}

span[aria-hidden="false"] {
    display: block;
}

button.showPopupRequestPayTran.pay_Btn.acceptBtn {
    display: inline-block;
    line-height: 20px;
    padding: 10px 40px;
    font-size: 15px;
    margin-right: 0;
    border-radius: 5px;
    font-weight: 500;
    border: 0;
    cursor: pointer;
}


#divmapview img {
    max-height: none !important;
}

.overlay {
    z-index: 900;
}

    .overlay.GenerateSecurityPin-popup {
        z-index: 1000;
        background: rgba(0,0,0,0.9);
    }



/*----------19-04-2018-------------*/
.featItem li {
    float: left;
    width: 20%;
}
/*.walletSlider {padding: 10px 0;}*/

.publicBx_bot span {
    vertical-align: top;
}

    .publicBx_bot span span {
        line-height: 30px;
        font-size: 20px;
    }

    .publicBx_bot span small {
        vertical-align: top;
    }

.detail_LikesBx a span {
    float: none;
    vertical-align: top;
    line-height: 30px;
    padding-left: 5px;
}


/*------------08-05-2018---------------*/
button.showPopupRequestPayTran.pay_Btn.acceptBtn {
    padding: 10px 15px;
    display: inline-block;
}

button.showDeclinePopup.pay_Btn.ignoreBtn {
    padding: 10px 15px;
    line-height: 20px;
    margin-right: 0;
    font-size: 15px;
}

.chatMsgBx.sendImg a.chatpopImg {
    position: relative; /* background-color: white; */
    display: block;
}

    .chatMsgBx.sendImg a.chatpopImg i {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: inline-block;
        width: 40px;
        height: 40px;
    }

video#Videopreviewpopup {
    min-height: 300px;
    /*width: auto;*/
    max-height: 400px;
    text-align: center;
}

#divmap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
}

.sharecurrentlocation {
    padding: 15px 10px;
    text-align: center;
    background: #fff;
    margin-top: 1px;
    font-size: 18px;
    line-height: 20px;
    color: #0172f4;
}

    .sharecurrentlocation img {
        vertical-align: top;
        padding-right: 5px;
    }

    .sharecurrentlocation a {
        color: #0172f4;
        display: inline-block;
    }

#divmap img {
    max-height: none !important;
}



#shareddivmap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
}

    #shareddivmap img {
        max-height: none !important;
    }




.sharelocationicon {
    margin-left: 0 !important; /* right: 20px !important; */
    left: -74px !important;
    top: 0 !important;
}

i.chatpaytorequest {
    left: -108px;
}

i.chatpay {
    left: -145px;
}

.chatpaymainform {
    background: #fff;
    padding: 30px;
    height: 450px;
    padding-top: 100px;
}
/*.chatpaymainform div { max-width: 500px; margin: 0 auto; }*/
.payHd {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 20px;
}

.chatpayform {
    padding: 0px 20px 0px;
    position: relative;
}

    .chatpayform label {
        display: block;
        text-align: left;
        font-size: 18px;
        padding-bottom: 5px;
    }

    .chatpayform input {
        width: 100%;
        height: 45px;
        border-radius: 3px;
        border: #e3e3e3 solid 1px;
        padding: 0 10px;
    }

.chatpaybutton {
    background: #127bf3;
    width: 100%;
    height: 45px;
    border: 0;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 500;
    color: #fff !important;
    cursor: pointer;
    border-color: #127bf3;
}

    .chatpaybutton:hover {
        background: #38d176;
        border-color: #38d176;
    }

.datesections div {
    text-align: center;
}

    .datesections div center {
        background: #e8e8e8;
        display: inline-block;
        padding: 5px 14px;
        color: #212020;
        border-radius: 5px;
        min-width: 100px;
    }



.chatMsgBx.recieverOuter {
    padding: 5px 0 20px 0;
    min-width: 180px;
}

    .chatMsgBx.recieverOuter i {
        padding: 0 10px;
        font-style: normal;
    }

    .chatMsgBx.recieverOuter small {
        display: block;
        padding: 0 10px 5px 10px;
    }

.recieverBtn {
    border-top: #e5e5e5 solid 1px;
    text-align: center;
    padding-top: 5px;
}

    .recieverBtn a {
        display: inline-block;
        width: 40%;
        margin: 0 3%;
        text-transform: uppercase;
    }

        .recieverBtn a:first-child {
            background: #0172f4;
            border-radius: 3px;
            color: #fff;
            line-height: 20px;
            font-size: 13px;
            padding: 3px 0;
        }

            .recieverBtn a:first-child:hover {
                background: #38d176;
            }

        .recieverBtn a:last-child {
            background: #999;
            font-size: 13px;
            line-height: 20px;
            padding: 3px 0;
            border-radius: 3px;
            color: #fff;
        }

            .recieverBtn a:last-child:hover {
                background: #666;
            }


.chatMsgBx small {
    display: block;
    font-size: 14px;
}

.newsfeedList .public_Bx { /*height: 230px;*/
}


.numberMsg {
    position: absolute;
    right: 20px;
    top: 42px;
}

.lefttyping {
    font-weight: 600;
    color: #38d176 !important;
}

.chatHd span {
    vertical-align: top;
    display: inline-block;
    padding-top: 5px;
}

    .chatHd span strong {
        display: block;
        line-height: 20px;
    }

    .chatHd span .toplastseen {
        display: none;
        font-size: 12px;
        line-height: 19px;
    }

    .chatHd span .toponline {
        display: none;
        font-size: 12px;
        line-height: 19px;
    }

    .chatHd span .toptyping {
        display: none;
        font-size: 12px;
        line-height: 19px;
        font-weight: 600;
        color: #38d176 !important;
    }


.chatMsgBx.senderRequest {
    width: 220px;
    padding: 30px;
    text-align: center;
}

    .chatMsgBx.senderRequest > i {
        display: block;
        font-style: normal;
    }

    .chatMsgBx.senderRequest i strong {
        display: block;
        font-size: 30px;
        text-align: center;
        font-weight: 600;
        padding-bottom: 8px;
    }

        .chatMsgBx.senderRequest i strong small {
            display: inline-block;
            font-size: 22px;
        }

        .chatMsgBx.senderRequest i strong + span {
            position: relative;
            text-align: center;
            width: 100%;
            left: 0;
            right: 0;
            font-size: 15px;
            line-height: none;
        }

    .chatMsgBx.senderRequest > span {
        width: 100%;
    }

    .chatMsgBx.senderRequest span.msgTime {
        text-align: right;
        min-height: 20px;
        width: 90%;
        padding-right: 1px;
    }

.chatMsgBx.paysender {
    padding: 20px;
}

    .chatMsgBx.paysender strong {
        display: block;
        padding-bottom: 7px;
        font-size: 25px;
        font-weight: 600;
        text-align: center;
        color: #ffffff;
    }

        .chatMsgBx.paysender strong small {
            display: inline-block;
            font-size: 22px;
        }

    .chatMsgBx.paysender > small {
        display: block;
        text-align: center;
        font-size: 15px;
        line-height: normal;
        padding-bottom: 5px;
    }

        .chatMsgBx.paysender > small:last-child {
            font-size: 13px;
        }

.RequestTopBx {
    padding: 20px;
    text-align: center;
    min-width: 40px;
}

    .RequestTopBx i {
        display: block;
        font-size: 25px;
        font-weight: 600;
        color: #000;
        line-height: 30px;
    }

        .RequestTopBx i small {
            display: inline-block !important;
            padding-right: 0 !important;
            font-size: 22px;
        }

    .RequestTopBx > small {
        font-size: 15px;
        padding-top: 5px !important;
    }

.recieverBtn {
    padding-top: 0;
    margin-bottom: 5px;
}

    .recieverBtn span {
        width: 50%;
        float: left;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        padding: 10px;
        border-right: #e5e5e5 solid 1px;
        border-bottom: #e5e5e5 solid 1px;
    }

        .recieverBtn span:last-child a {
            background: #999;
            font-size: 13px;
            line-height: 20px;
            padding: 3px 0;
            border-radius: 3px;
            color: #fff;
        }

        .recieverBtn span:first-child a {
            background: #0172f4;
            border-radius: 3px;
            color: #fff;
            line-height: 20px;
            font-size: 13px;
            padding: 3px 0;
        }

    .recieverBtn a {
        text-transform: capitalize;
    }

    .recieverBtn span:first-child a:hover {
        background: #38d176;
    }

    .recieverBtn span:last-child a:hover {
        background: #666;
    }

    .recieverBtn span a {
        display: block;
        padding: 5px 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

.disabled {
    background: #ccc !important;
    cursor: not-allowed;
}

.chatMsgBx.recievedSucess, .chatMsgBx.recieverOuter {
    padding: 20px;
    min-width: 270px;
    text-align: center;
}

    .chatMsgBx.recievedSucess strong {
        display: block;
        font-size: 25px;
        color: #000;
        font-weight: 600;
    }

        .chatMsgBx.recievedSucess strong small {
            display: inline-block !important;
            font-size: 22px;
        }

    .chatMsgBx.recievedSucess > small {
        font-size: 15px;
        padding-top: 10px;
        display: block;
    }

.calcelMsg {
    padding: 20px;
    font-size: 15px;
    line-height: normal;
}


/*----------------29-05-2018-------------------*/
.businessUserHdr {
    min-height: 110px;
}

.profile_viewOuter {
    padding: 23px;
    max-width: 1300px;
}

.businessUserTrans {
    height: auto;
    padding-top: 50px;
}

.businessUserTrans {
    height: auto;
    padding-top: 100px;
    padding-bottom: 120px;
}

.profProdOuter {
    padding-bottom: 20px;
}

.profProd_Left {
    float: left;
    width: 48.5%;
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 0;
}

.profProd_Right {
    float: right;
    width: 48.5%;
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 0;
}

.bussProfInn {
    min-height: 550px;
    padding: 30px 25px;
}

.profImgInn {
    width: 150px;
    height: 150px;
    border: #378df2 solid 5px;
    border-radius: 50%;
}

    .profImgInn img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.shareWith {
    padding-top: 20px;
    text-align: center;
}

    .shareWith strong {
        display: block;
        padding-bottom: 5px;
    }

    .shareWith span {
        display: block;
    }

        .shareWith span a {
            display: inline-block;
            line-height: 0;
            margin: 0 5px;
        }

.profileImgBx {
    width: 150px;
    float: left;
}

.profileProd_Right {
    float: right;
    width: calc(100% - 165px);
}

.profileNameHd {
    position: relative;
    padding-right: 30px;
}

    .profileNameHd strong {
        display: block;
        font-size: 23px;
    }

    .profileNameHd span {
        display: block;
        font-size: 18px;
        color: #0172f4;
    }

    .profileNameHd i {
        position: absolute;
        right: 0px;
        top: 0;
    }

.profCont {
    font-size: 17px;
    color: #000;
    font-weight: 600;
}

.profCont {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding-top: 10px;
    line-height: 28px;
}

    .profCont img {
        display: inline-block;
        vertical-align: top;
        padding-right: 5px;
    }

.reviewListBx {
    padding-top: 10px;
    font-size: 18px;
    line-height: 18px;
}

    .reviewListBx img {
        display: inline-block;
        vertical-align: top;
    }

    .reviewListBx span {
        display: inline-block;
        vertical-align: top;
        padding-left: 5px;
        color: #999;
    }

.payrequestBx {
    padding-top: 20px;
    padding-bottom: 15px;
}

    .payrequestBx .profpay_Button {
        background: #dedede;
        width: 96px;
        height: 38px;
        border: 0;
        margin-right: 5px;
        border-radius: 30px;
        color: #2d2d2d;
        font-size: 16px;
        cursor: pointer;
    }

        .payrequestBx .profpay_Button:hover {
            background: #666;
            color: #fff;
        }

    .payrequestBx .reqpay_Button {
        background: #00cd7d;
        height: 38px;
        width: 180px;
        font-size: 16px;
        color: #fff;
        border: 0;
        border-radius: 30px;
        cursor: pointer;
    }

        .payrequestBx .reqpay_Button:hover {
            background: #0b5ca8;
        }

.bussQrCode {
    padding-top: 10px;
    padding-bottom: 30px;
}

    .bussQrCode img {
        max-width: 130px;
    }

.socialPresance strong {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 10px;
}

.socialPresance span a {
    display: inline-block;
    margin-right: 5px;
    width: 120px;
    text-align: center;
    background: #fff;
    border: #e5e5e5 solid 1px;
    line-height: 23px;
    padding: 10px;
    box-shadow: #e5e5e5 0 0 5px 0;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
}

.blueClr {
    color: #0167da !important;
}

.pintClr {
    color: #d32f2f !important;
}

.instaClr {
    color: #7923bb !important;
}

.youtubeClr {
    color: #d00c07 !important;
}

.socialPresance span a img {
    vertical-align: middle;
    display: inline-block;
    padding-right: 5px;
}

.followersBx {
    border-top: #dedede solid 1px;
    height: 95px;
    padding: 23px 25px;
}

    .followersBx span {
        display: inline-block;
        font-size: 20px;
        color: #2d2d2d;
        font-weight: 500;
        line-height: 50px;
    }

    .followersBx button {
        display: inline-block;
        height: 50px;
        font-size: 16px;
        color: #fff;
        min-width: 125px;
        text-transform: uppercase;
        border: 0;
        border-radius: 30px;
        padding: 0 20px;
    }

.followBtn {
    background: rgb(255,99,38);
    background: -moz-linear-gradient(left, rgba(255,99,38,1) 0%, rgba(247,43,78,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,99,38,1) 0%,rgba(247,43,78,1) 100%);
    background: linear-gradient(to right, rgba(255,99,38,1) 0%,rgba(247,43,78,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6326', endColorstr='#f72b4e',GradientType=1 );
}

    .followBtn:hover {
        background: rgb(247,43,78);
        background: -moz-linear-gradient(left, rgba(247,43,78,1) 0%, rgba(255,99,38,1) 100%);
        background: -webkit-linear-gradient(left, rgba(247,43,78,1) 0%,rgba(255,99,38,1) 100%);
        background: linear-gradient(to right, rgba(247,43,78,1) 0%,rgba(255,99,38,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f72b4e', endColorstr='#ff6326',GradientType=1 );
    }

.sendMsgBtn {
    background: rgb(0,70,140);
    background: -moz-linear-gradient(left, rgba(0,70,140,1) 0%, rgba(1,113,240,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,70,140,1) 0%,rgba(1,113,240,1) 100%);
    background: linear-gradient(to right, rgba(0,70,140,1) 0%,rgba(1,113,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00468c', endColorstr='#0171f0',GradientType=1 );
}

    .sendMsgBtn:hover {
        background: rgb(1,113,240);
        background: -moz-linear-gradient(left, rgba(1,113,240,1) 0%, rgba(0,70,140,1) 100%);
        background: -webkit-linear-gradient(left, rgba(1,113,240,1) 0%,rgba(0,70,140,1) 100%);
        background: linear-gradient(to right, rgba(1,113,240,1) 0%,rgba(0,70,140,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0171f0', endColorstr='#00468c',GradientType=1 );
    }

.getdirectionBtn {
    background: rgb(15,191,249);
    background: -moz-linear-gradient(left, rgba(15,191,249,1) 0%, rgba(57,220,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(15,191,249,1) 0%,rgba(57,220,255,1) 100%);
    background: linear-gradient(to right, rgba(15,191,249,1) 0%,rgba(57,220,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fbff9', endColorstr='#39dcff',GradientType=1 );
}

    .getdirectionBtn:hover {
        background: rgb(57,220,255);
        background: -moz-linear-gradient(left, rgba(57,220,255,1) 0%, rgba(0,188,249,1) 100%);
        background: -webkit-linear-gradient(left, rgba(57,220,255,1) 0%,rgba(0,188,249,1) 100%);
        background: linear-gradient(to right, rgba(57,220,255,1) 0%,rgba(0,188,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39dcff', endColorstr='#00bcf9',GradientType=1 );
    }

.businessMapBx {
    float: left;
    width: 255px;
    border: #d1d1d1 solid 1px;
    height: 420px;
}

.businessAdd {
    width: calc(100% - 275px);
    float: right;
}

.bussAddress {
    padding-bottom: 15px;
}

    .bussAddress > strong {
        display: block;
        font-size: 19px;
        color: #a4a4a4;
    }

    .bussAddress > span {
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
    }

.hoursList {
    position: relative;
    padding-left: 50px;
}

    .hoursList > strong {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 14px;
        font-weight: 500;
    }

    .hoursList span {
        display: block;
        font-size: 13px;
        font-weight: 500;
        padding-bottom: 5px;
        position: relative;
        padding-left: 90px;
    }

        .hoursList span small {
            font-size: 13px;
            position: absolute;
            left: 0px;
            top: 0px;
        }

.accordHd {
    font-size: 20px;
    font-weight: 600;
    line-height: 39px;
    padding-bottom: 10px;
    background: url(../images/business-img/accord-plus.png) right top no-repeat;
    cursor: pointer;
}

    .accordHd.active {
        background: url(../images/business-img/accord-minus.png) right top no-repeat;
    }

.accordOuter {
    padding-bottom: 20px;
    display: none;
}

.tagsBx {
    padding: 30px 35px;
    background: #fff;
    box-shadow: #e5e5e5 0 0 10px 0;
}

    .tagsBx a {
        border: #e6e6e6 solid 1px;
        height: 46px;
        display: inline-block;
        line-height: 26px;
        padding: 10px 28px;
        margin-right: 8px;
        border-radius: 30px;
        box-shadow: #e5e5e5 0 0 5px 0;
        margin-bottom: 15px;
        font-size: 13px;
    }

        .tagsBx a:hover {
            background: #f5f5f5;
        }

.branchesOuter {
    background: #fff;
    padding: 20px;
    box-shadow: #e5e5e5 0 0 10px 0;
}

.branchesInner {
    float: left;
    width: 50%;
    padding-left: 50px;
    padding-right: 20px;
    position: relative;
}

    .branchesInner i {
        display: inline-block;
        width: 30px;
        background: #fff;
        font-style: normal;
        font-size: 20px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        box-shadow: #e5e5e5 0 0 10px 0;
        font-weight: 500;
        position: absolute;
        left: 0;
        top: 0;
    }

.buss_branchHd {
    padding-bottom: 20px;
}

    .buss_branchHd strong {
        font-size: 21px;
        display: block;
        color: #0172f4;
    }

    .buss_branchHd span {
        color: #aaaaaa;
        font-size: 17px;
    }

.lightblueClr {
    color: #03bdf9;
}

.Buss_addressList {
    padding-bottom: 25px;
}

    .Buss_addressList strong {
        display: block;
        font-size: 20px;
        color: #999;
    }

    .Buss_addressList span {
        display: block;
        font-size: 17px;
    }

    .Buss_addressList a {
        display: inline;
        font-size: 16px;
        text-decoration: underline;
    }

        .Buss_addressList a:hover {
            text-decoration: none;
        }

.aboutOuter {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    padding-bottom: 15px;
}

.ourGallerHd {
    font-size: 20px;
    font-weight: 600;
    line-height: 39px;
    padding-bottom: 10px;
}

.gallery_SliderBx {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 30px;
}

    .gallery_SliderBx .owl-controls .owl-nav .owl-prev {
        background: url(../images/business-img/gallery_arrow_L.png) left center no-repeat;
        position: absolute;
        left: -30px;
        width: 15px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        overflow: hidden;
        text-indent: 200px;
    }

    .gallery_SliderBx .owl-controls .owl-nav .owl-next {
        background: url(../images/business-img/gallery_arrow_R.png) left center no-repeat;
        position: absolute;
        right: -30px;
        width: 15px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        overflow: hidden;
        text-indent: 200px;
    }

.customer_ReviewList li {
    padding-bottom: 20px;
    padding-left: 80px;
    position: relative;
    min-height: 80px;
}

    .customer_ReviewList li i {
        width: 65px;
        height: 65px;
        position: absolute;
        left: 0;
        top: 0;
    }

        .customer_ReviewList li i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .customer_ReviewList li strong {
        color: #0172f4;
        display: block;
        font-size: 17px;
        padding-bottom: 2px;
    }

    .customer_ReviewList li p {
        font-size: 15px;
        line-height: normal;
        padding-bottom: 0;
    }

    .customer_ReviewList li small {
        display: block;
        font-size: 15px;
        font-weight: 500;
    }

.writeRevBtn {
    padding-top: 10px;
}

    .writeRevBtn a {
        display: inline-block;
        background: #dedede;
        width: 165px;
        text-align: center;
        line-height: 23px;
        padding: 10px 0;
        font-size: 14px;
        font-weight: 500;
        border-radius: 30px;
    }

        .writeRevBtn a:hover {
            background: #666;
            color: #fff;
        }

.buss_ProdList {
    padding-bottom: 0px;
}

    .buss_ProdList li {
        width: 23.5%;
        margin-right: 2%;
    }

        .buss_ProdList li .prodImgBx {
            height: 215px;
        }

        .buss_ProdList li .prodNameBx strong {
            font-weight: 500;
        }

        .buss_ProdList li:nth-child(3n) {
            margin-right: 2%;
        }

        .buss_ProdList li:nth-child(4n) {
            margin-right: 0 !important;
        }

.writeReviewBx {
    background: #fff;
    padding: 25px;
    box-shadow: #e5e5e5 0 0 10px 0px;
    margin-top: 20px;
    display: none;
}

    .writeReviewBx i {
        display: block;
        padding-bottom: 10px;
    }

    .writeReviewBx span {
        display: block;
        margin-bottom: 20px;
    }

    .writeReviewBx .ratingInp {
        width: 50%;
        height: 45px;
        padding: 0 10px;
        border: #e5e5e5 solid 1px;
        border-radius: 3px;
    }

    .writeReviewBx span {
        display: block;
        margin-bottom: 20px;
    }

    .writeReviewBx .reviewInp {
        width: 100%;
        height: 100px;
        padding: 10px;
        border: #e5e5e5 solid 1px;
        border-radius: 3px;
        resize: none;
    }

.submitreview {
    border: 0;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 5px;
    line-height: 25px;
    cursor: pointer;
}

.cancelreview {
    padding: 10px 30px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
}

.addmoneyFrmBx .downArrow {
    background-position: right 10px center;
}

.addCard-circleIcon {
    width: 20px;
    height: 20px;
    line-height: 20px !important;
    border: 1px solid #ffffff;
    border-radius: 50%;
    font-size: 12px !important;
    margin-right: 7px;
}

.spancardtype a.rgt.addacc_Btn {
    display: inline-block;
    width: 175px;
    font-size: 15px;
    background: #127bf3;
    border: #127bf3 solid 1px;
    border-radius: 3px;
    line-height: 21px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}

    .spancardtype a.rgt.addacc_Btn:hover {
        background: #38d176;
        border: #31b667 solid 1px;
    }

.no-anyCardIn {
    margin: 30px auto;
    width: 100%;
    max-width: 370px;
    height: 180px;
    position: relative;
}

.addCardIcon .addCard-plushIcon {
    width: 50px;
    height: 50px;
    border: 2px solid #38d176;
    line-height: 50px;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff;
    background: #38d176;
}

.no-anyCard, .addCardIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.no-anyCardIn .addCardIcon p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    margin: 10px 0px;
    padding: 0px;
}

.mycard-Pagewrap .spancardtype.mt-0 {
    margin-top: 0px !important;
}

#MCW-minHeight {
    position: relative;
}
/*-------10-07-2018-----------*/
.newfeedImg {
    padding-top: 15px;
    min-height: 82px;
    min-width: 461.328px;
}

    .newfeedImg li {
        width: 80px;
        border: #e5e5e5 solid 1px;
        height: 67px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: top;
    }

        .newfeedImg li a {
            display: inline-block;
            line-height: 0;
        }

.createnewfeedBx {
    padding-bottom: 40px;
    text-align: right;
    margin-top: -20px;
}

    .createnewfeedBx a {
        display: inline-block;
        font-size: 14px;
        padding: 7px 20px;
        border-radius: 5px;
        font-weight: 500;
    }

.popInn.createfeedInn {
    max-width: 500px;
    padding: 0px;
    background: transparent;
}

    .popInn.createfeedInn .popupClose {
        right: 5px;
        top: 5px;
        border-radius: 0px;
        box-shadow: none;
    }

.createfeedinnBx {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.feedInnBx {
    padding-bottom: 15px;
}

    .feedInnBx label {
        display: block;
        font-size: 15px;
        color: #1a1d27;
        padding-bottom: 5px;
    }

.upldPicBx li {
    float: left;
    width: 80px;
    margin-right: 10px;
    margin-top: 10px;
    line-height: 0px;
    height: 62px;
    position: relative;
    border: 1px solid #e0e0e0;
}
.create-newfeed-popup .upldPicBx li a {
    position: absolute;
    top: -5px;
    width: 20px;
    height: 20px;
    right: -8px;
}

.upldfeedImg {
    border: #0172f4 solid 2px;
    position: relative;
}

    .upldfeedImg > img {
        position: absolute;
        width: 30px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.feedupldBtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.feedInput {
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0;
    border-bottom: #e0e0e0 solid 1px;
    font-size: 14px;
}

    .feedInput:focus {
        border-bottom: #0172f4 solid 1px;
    }

.feedtextarea {
    width: 100%;
    height: 80px;
    border: #e0e0e0 solid 1px;
    font-size: 16px;
    padding: 5px 10px;
    resize: none;
}

    .feedtextarea:focus {
        border: #0172f4 solid 1px;
    }

.feedback_ButtonBx {
    width: 100%;
    height: 40px;
    font-size: 16px;
    border: 0;
    border-radius: 5px;
    background: #0172f4;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
}

    .feedback_ButtonBx:hover {
        background: #00cd7d;
    }

.prodDetMain {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: #eee 0 0 10px 0;
}

    .prodDetMain .publicBx_top {
        padding: 0 0 20px 130px;
    }

        .prodDetMain .publicBx_top i {
            left: 0;
            top: 0;
            width: 100px;
            height: 100px;
        }

        .prodDetMain .publicBx_top strong {
            min-height: 0;
            padding-bottom: 5px;
            line-height: normal;
        }

            .prodDetMain .publicBx_top strong span {
                display: inline-block;
                float: right;
                position: relative;
            }

                .prodDetMain .publicBx_top strong span img {
                    display: inline-block;
                    width: 40px;
                }

        .prodDetMain .publicBx_top small {
            color: #999;
        }

        .prodDetMain .publicBx_top > span {
            font-weight: 400;
            padding-top: 10px;
            display: block;
            font-size: 18px;
        }

.newsfeedDesc {
    padding-bottom: 20px;
    font-size: 15px;
    color: #333;
}

.feedlikes {
    padding: 10px 0 20px 0;
}

.feedlikeBx {
    width: 20%;
    float: left;
    font-size: 20px;
    color: #000;
    line-height: 28px;
}

    .feedlikeBx i {
        vertical-align: top;
        line-height: 0;
        padding-right: 5px;
    }

.feedlikesRight {
    font-size: 20px;
    line-height: 28px;
    color: #666;
    float: right;
    width: 20%;
    text-align: right;
}

.feedcomtBx {
    width: 60%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #000;
    line-height: 28px;
}

    .feedcomtBx i {
        display: inline-block;
        vertical-align: top;
        padding-right: 5px;
        line-height: 0px;
    }

.feedDetList {
    padding-top: 20px;
}

.feedInnList {
    position: relative;
    padding: 0 0px 20px 120px;
    border-bottom: #e5e5e5 solid 1px;
    margin-bottom: 20px;
}

    .feedInnList > i {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 90px;
        height: 90px;
    }

        .feedInnList > i img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

.commentDesc > strong {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    line-height: 28px;
}

.commentDesc > p {
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 5px;
}

.commentDesc > span {
    display: block;
}

    .commentDesc > span small.cmtTime {
        display: inline-block;
        padding-right: 40px;
        font-size: 16px;
        color: #888;
    }

    .commentDesc > span small.cmtlike {
        font-size: 16px;
        padding-right: 40px;
    }

    .commentDesc > span a {
        font-size: 16px;
        color: #0172f4;
    }

        .commentDesc > span a:hover {
            text-decoration: underline;
        }

.commentDesc > a {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 30px;
}

.replyList {
    padding-top: 20px;
}

    .replyList > strong {
        font-size: 24px;
        padding: 15px 0 10px 0;
        display: block;
        font-weight: 500;
    }

    .replyList ul li {
        position: relative;
        padding: 0 70px 20px 100px;
        border-bottom: #e5e5e5 solid 1px;
        margin-bottom: 20px;
    }

        .replyList ul li:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }

        .replyList ul li > i {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            width: 75px;
            height: 75px;
        }

            .replyList ul li > i img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .replyList ul li strong {
            font-size: 21px;
            color: #000;
            line-height: 28px;
        }

        .replyList ul li p {
            font-size: 16px;
            font-weight: 300;
            padding-bottom: 5px;
        }

        .replyList ul li span {
            display: block;
        }

            .replyList ul li span small.cmtTime {
                display: inline-block;
                padding-right: 40px;
                font-size: 16px;
                color: #888;
            }

            .replyList ul li span small.cmtlike {
                font-size: 16px;
                padding-right: 40px;
            }

        .replyList ul li > a {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 30px;
        }

.cmtBx {
    margin-top: 10px;
    position: relative;
    display: none;
}

.replyCmtInp {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    border: #e5e5e5 solid 1px;
    border-radius: 5px;
}

.replyBtn {
    position: absolute;
    right: 1px;
    top: 1px;
    background: #fff;
    border-left: #e5e5e5 solid 1px !important;
    height: 43px;
    border: 0;
    width: 50px;
    border-radius: 0 5px 5px 0;
    padding-top: 7px;
    cursor: pointer;
}

    .replyBtn img {
        width: 33px;
    }

/*ar*/



/*-----------------16-08-2018--------------------*/
.homenewbody .container {
    max-width: 1330px;
    padding: 0 10px;
}

header.homenew_header {
    min-height: 0;
}

.banNewInn {
    position: relative;
    height: 670px;
}

.bannerNew-left {
    width: 40%;
    padding-top: 150px;
}

    .bannerNew-left h1 {
        font-size: 48px;
        font-weight: 300;
        color: #fff;
        line-height: 55px;
        text-transform: uppercase;
    }

    .bannerNew-left p {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        font-weight: 300;
        padding-top: 10px;
    }

.bannerNew-right {
    padding-top: 21px;
    float: right;
    max-width: 50%;
    position: absolute;
    right: 0px;
    bottom: -50px;
}

.aboutendcash {
    text-align: center;
    padding: 60px 0 55px 0;
}

    .aboutendcash h2 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 300;
        color: #2d2d2d;
    }

        .aboutendcash h2 span {
            color: #0172f4;
        }

    .aboutendcash > span {
        font-size: 17px;
        color: #2d2d2d;
        display: block;
        padding-bottom: 15px;
    }

    .aboutendcash p {
        font-size: 16px;
        line-height: normal !important;
        padding-bottom: 25px;
    }

    .aboutendcash > a {
        background: #38d176;
        display: inline-block;
        line-height: 32px;
        padding: 10px 50px;
        font-size: 16px;
        color: #fff;
        box-shadow: #ccc 0 0 20px 0;
    }

        .aboutendcash > a:hover {
            background: #0172f4;
        }

    .aboutendcash p a {
        color: #38d176;
    }

        .aboutendcash p a:hover {
            text-decoration: underline;
        }

.new_mainHd {
    text-align: center;
}

    .new_mainHd h2 {
        font-size: 30px;
        color: #2d2d2d;
    }

        .new_mainHd h2 span {
            color: #0172f4;
        }

    .new_mainHd > span {
        font-size: 17px;
        color: #2d2d2d;
        display: block;
        padding-bottom: 15px;
    }

section.howitBg {
    padding: 50px 0;
    background: #f7f7fa;
}

.howitList_new {
    padding-top: 30px;
    padding-bottom: 125px;
}

    .howitList_new li {
        width: 14.28%;
        text-align: center;
        float: left;
        padding: 0;
    }

        .howitList_new li i {
            display: block;
            line-height: 0;
            width: 175px;
            height: 175px;
            background: #f0f1f6;
            position: relative;
            border-radius: 50%;
            border: #fff solid 25px;
            margin: 0 auto;
            box-shadow: #e5e5e5 0px 10px 10px 0;
        }

            .howitList_new li i img {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                margin: auto;
            }

            .howitList_new li i:after {
                height: 100px;
                position: absolute;
                bottom: -125px;
                left: 0px;
                right: 0px;
                content: '';
                background: #d2d2d2;
                width: 1px;
                margin: 0 auto;
            }

.howitNumb_new {
    height: 1px;
    width: 100%;
    background: #d2d2d2;
    position: relative;
    margin-bottom: 140px;
}

    .howitNumb_new::before {
        width: 20px;
        height: 20px;
        background: #d2d2d2;
        content: '';
        left: -10px;
        position: absolute;
        top: -10px;
        border-radius: 50%;
    }

    .howitNumb_new::after {
        width: 20px;
        height: 20px;
        background: #d2d2d2;
        content: '';
        right: -10px;
        position: absolute;
        top: -10px;
        border-radius: 50%;
    }

.how_green {
    background: #44de8f;
    border: #33c97c solid 1px;
}

.how_lightblue {
    background: #2da0d8;
    border: #0e8cca solid 1px;
}

.how_red {
    background: #ee5e4f;
    border: #c64f44 solid 1px;
}

.how_yellow {
    background: #efa948;
    border: #d49234 solid 1px;
}

.how_blue {
    background: #127bf3;
    border: #0654ad solid 1px;
}

.how_vallet {
    background: #a68cf3;
    border: #7e6abb solid 1px;
}

.how_green {
    background: #44de8f;
    border: #33c97c solid 1px;
}

.howitNumb_new li {
    width: 14.28%;
    float: left;
    text-align: center;
}

    .howitNumb_new li i {
        display: inline-block;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        position: relative;
        top: -23px;
        line-height: 45px;
        font-style: normal;
        color: #fff;
        font-size: 23px;
        font-weight: 500;
    }

        .howitNumb_new li i::before {
            content: '';
            position: absolute;
            left: -3px;
            right: -3px;
            bottom: -3px;
            top: -3px;
            border: #fff solid 3px;
            border-radius: 50%;
        }

        .howitNumb_new li i::after {
            content: '';
            position: absolute;
            left: -4px;
            right: -4px;
            bottom: -4px;
            top: -4px;
            border: #d2d2d2 solid 1px;
            border-radius: 50%;
        }

    .howitNumb_new li span {
        display: block;
        font-weight: 300;
        font-size: 16px;
        color: #60656a;
        max-width: 120px;
        margin: -10px auto 0 auto;
        line-height: 19px;
        text-align: center;
    }

.howitvideoBx {
    position: relative;
    max-width: 1240px;
    margin: 0 auto 20px auto;
    box-shadow: #666 0 0 15px 0;
    line-height: 0;
}

    .howitvideoBx > img {
        width: 100%;
    }

    .howitvideoBx i {
        background: rgba(0, 0, 0, 0.85);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

        .howitvideoBx i a {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            cursor: pointer;
            width: 81px;
            height: 81px;
        }

            .howitvideoBx i a::after {
                content: '';
                position: absolute;
                border: rgba(255, 255, 255, 0.2) solid 25px;
                left: -25px;
                top: -25px;
                right: -25px;
                bottom: -25px;
                border-radius: 50%;
            }


section.testimonialBx {
    padding: 50px 0;
}

.testimonial_List {
    padding-top: 50px;
}

    .testimonial_List li {
        padding-top: 100px;
        padding: 100px 20px 20px 20px;
    }

        .testimonial_List li .testDet_Inner {
            padding: 80px 40px 40px 40px;
            text-align: center;
            background: #fff;
            box-shadow: #e5e5e5 0 0 30px 0;
            position: relative;
            max-width: 90%;
            margin: 0 auto;
        }

            .testimonial_List li .testDet_Inner i img {
                width: 140px;
                height: 140px;
                border-radius: 50%;
                position: absolute;
                top: -100px;
                left: 0;
                right: 0;
                margin: 0 auto;
            }

            .testimonial_List li .testDet_Inner strong {
                display: block;
                font-size: 27px;
                line-height: 27px;
                color: #2d2d2d;
                font-weight: 300;
            }

            .testimonial_List li .testDet_Inner span {
                display: block;
                font-size: 19px;
                padding-top: 5px;
                font-weight: 500;
                padding-bottom: 20px;
            }

            .testimonial_List li .testDet_Inner p {
                color: #60656a;
                font-weight: 300;
                font-size: 18px;
            }

                .testimonial_List li .testDet_Inner p img {
                    width: auto !important;
                    display: inline-block;
                    position: relative;
                    top: 10px;
                }

.testSlider .owl-prev {
    width: 57px;
    height: 60px;
    text-indent: -200px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../images/test-arrow-prev.png) 0 0 no-repeat;
}

.testSlider .owl-next {
    width: 57px;
    height: 60px;
    text-indent: -200px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    background: url(../images/test-arrow-next.png) 0 0 no-repeat;
}

section.partnersBx_new {
    background: #f7f7fa;
    padding: 60px 0;
}

.partnersList_new {
    text-align: center;
}

    .partnersList_new li {
        display: inline-block;
        padding: 0 20px;
        vertical-align: middle;
        line-height: 0;
    }

        .partnersList_new li img {
            filter: grayscale(1);
        }

            .partnersList_new li img:hover {
                filter: grayscale(0);
            }

.footerNew-top {
    background: #1a1a1a;
    padding: 30px 0;
}

.footNew-Left {
    width: 21%;
    float: left;
}

.footNew-Mid {
    width: 21%;
    float: left;
}

.footHd {
    font-size: 18px;
    color: #fff;
    padding-bottom: 5px;
}

.footNew-Left ul {
    list-style: disc;
    padding-left: 12px;
}

    .footNew-Left ul li {
        color: #bfbfbf;
        font-size: 14px;
        line-height: 34px;
        opacity: 0.8;
    }

        .footNew-Left ul li a {
            color: #bfbfbf;
            display: inline-block;
        }

            .footNew-Left ul li:hover, .footNew-Left ul li a:hover {
                color: #029be7;
                opacity: 1;
            }

.footNew-Mid li {
    display: block;
    padding: 0 0 8px 0;
}

    .footNew-Mid li a {
        display: inline-block;
        color: #9e9e9e;
        font-size: 14px;
    }

        .footNew-Mid li a i {
            display: inline-block;
            width: 30px;
            vertical-align: middle;
        }

            .footNew-Mid li a i img {
                vertical-align: top;
            }

        .footNew-Mid li a:hover {
            color: #029be7;
        }

.footNew-Right {
    width: 16%;
    float: right;
}

    .footNew-Right li {
        padding: 5px 0;
    }

.footerBot {
    font-size: 12px;
    padding: 15px 10px;
    text-align: center;
    background: #000;
    color: #fff;
    line-height: 20px;
}

.howitvideoPop {
    padding: 10px;
    line-height: 0;
    background: #fff;
}

    .howitvideoPop .closePopup {
        right: -12px;
        top: -12px;
        background: #fff;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        line-height: 30px;
        box-shadow: #999 0 0 5px 0;
    }


.padtop10 {
    padding-top: 15px;
}

.heightradio {
    height: 52px !important;
}

.font15 {
    font-size: 15px !important;
    font-weight: 500;
}

.popInnCustom {
    max-width: 648px;
    top: 150px;
}

.pop_rightCustom {
    width: 100%;
}

.loginBtnCustom {
    width: 150px;
    height: 40px;
}

.msgOPT {
    text-align: center;
    font-size: 22px;
}

.Msgmpin {
    margin: 100px;
}

.setimg {
    text-align: center;
    padding-left: 35px;
}
/*19th*/
.centeralign {
    text-align: center;
    margin-left: 195px;
}

.mpinalign {
    width: 50%;
    padding: 20px;
    margin-left: 135px;
}

.lblmsg {
    display: none;
}

.cntermsg {
    margin-top: 0px;
    padding: 20px 0px 10px;
    /*background: #f0f0f0;*/
}


/*-----------------Bank user dashboard-----------------------*/
.bankdashBg {
    background: #f3f7fa;
}

.bank_user_hdr {
    background: #0172f4;
    height: 82px;
    min-height: 0;
    position: fixed;
    z-index: 100;
    width: 100%;
}

.bankuser_Logo {
    float: left;
}

    .bankuser_Logo a {
        line-height: 0;
        display: inline-block;
        padding: 8px 15px;
    }

.bankuser {
    float: right;
    margin-top: 11px;
    height: 60px;
    position: relative;
    margin-right: 15px;
    padding-left: 70px;
    padding-right: 45px;
}

    .bankuser i {
        position: absolute;
        width: 60px;
        height: 60px;
        left: 0;
        top: 0;
    }

        .bankuser i img {
            border-radius: 50%;
            width: 100%;
            height: 100%;
            border: #fff solid 2px;
        }

    .bankuser span {
        display: block;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        line-height: normal;
        padding-top: 7px;
    }

        .bankuser span small {
            display: block;
            font-size: 12px;
            text-transform: capitalize;
        }

    .bankuser > a {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -3px;
        line-height: 0;
    }

.bankLeftNav {
    width: 120px;
    float: left;
    background: #f5f9fb;
    position: fixed;
    left: 0;
    top: 82px;
    bottom: 0;
    box-shadow: #e5e5e5 0 5px 15px 0;
    padding-top: 30px;
    z-index: 99;
}

    .bankLeftNav li {
        display: block;
    }

        .bankLeftNav li a {
            display: block;
            font-weight: 500;
            padding: 10px 0;
            text-align: center;
            font-size: 14px;
            color: #494747;
        }

            .bankLeftNav li a span {
                display: block;
            }

            .bankLeftNav li a:hover, .bankLeftNav li a.active {
                background: #38d176;
                color: #fff;
            }

.bankRightBx {
    position: relative;
    padding-left: 170px;
    padding-top: 120px;
    padding-right: 50px;
}

.commissionOuter {
    width: 48%;
    margin-right: 2%;
}

.commissionHd {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

.commissionInn {
    background: #fff;
    padding: 25px 20px;
    box-shadow: #e5e5e5 0 0 20px 0;
}

.blueBdr {
    border-bottom: #0167da solid 3px;
}

.greenBdr {
    border-bottom: #38d176 solid 3px;
}

.connInnHd {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 5px;
}

.commissionList li {
    display: block;
    font-size: 16px;
    line-height: normal;
    color: #666;
    padding: 20px 0;
}

    .commissionList li span {
        width: 75%;
        display: inline-block;
    }

ul.bankuserNav {
    position: absolute;
    right: 0;
    width: 170px;
    display: none;
    padding: 10px 15px;
    background: #fff;
    top: 55px;
    box-shadow: #e5e5e5 0 3px 5px 0;
}

    ul.bankuserNav:after {
        border-left: transparent solid 8px;
        border-right: transparent solid 8px;
        border-bottom: #fff solid 8px;
        content: '';
        position: absolute;
        top: -8px;
        right: 4px;
    }

    ul.bankuserNav li {
        display: block;
        border-bottom: #ccc solid 1px;
        padding: 5px 0;
    }

        ul.bankuserNav li:last-child {
            border-bottom: 0;
        }

        ul.bankuserNav li a {
            font-size: 12px;
        }

            ul.bankuserNav li a:hover {
                color: #0172f4;
            }

.bank-myprof {
    background: #fff;
    margin-right: 40px;
    padding: 60px;
    margin-bottom: 20px;
    box-shadow: #e5e5e5 0 0 10px 0;
}

.myproffInn {
    margin: 0 auto;
    max-width: 540px;
}

.bankfrmbx {
    margin-bottom: 20px;
}

.bankprofInp {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: #d5d5d5 solid 1px;
    color: #0172f4;
}

    .bankprofInp:focus {
        border-left: #38d176 solid 3px;
    }

.savecanclBx {
    text-align: center;
    padding-top: 30px;
}

.bankCanclBtn {
    background: #0172f4;
    color: #fff;
    border: 0;
    height: 50px;
    width: 150px;
    margin: 0 10px;
    font-size: 18px;
    cursor: pointer;
}

    .bankCanclBtn:hover {
        background: #666;
    }

.bankSaveBtn {
    background: #38d176;
    border: 0;
    color: #fff;
    height: 50px;
    width: 150px;
    font-size: 18px;
    margin: 0 10px;
    cursor: pointer;
}

    .bankSaveBtn:hover {
        background: #0172f4;
    }

.transfrmBxOuter {
    background: #fff;
    padding: 20px;
    box-shadow: #e5e5e5 0 0 10px 0;
    margin-bottom: 25px;
}

.frmInnbx {
    width: 48%;
}

.transfrmBx {
    padding-bottom: 20px;
}

.transInp {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    border: #d5d5d5 solid 1px;
}

.srchBtnBx {
    text-align: right;
}

.banksrchBtn {
    width: 210px;
    height: 36px;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer;
}

    .banksrchBtn:hover {
        background: #0172f4;
    }

.transtableBx {
    background: #fff;
    padding: 15px 15px 30px 15px;
    margin-bottom: 25px;
    margin-right: 0;
    box-shadow: #e5e5e5 0 0 10px 0;
}

    .transtableBx table th {
        background: #f3f7fa;
        padding: 23px 10px;
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
        vertical-align: top;
        text-align: left;
    }

    .transtableBx table td {
        padding: 20px 10px;
        border-bottom: #e5e5e5 solid 1px;
        font-size: 13px;
        line-height: 20px;
        vertical-align: top;
    }

.paidfrom span {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 18px;
}

.publish span {
    display: block;
}

.publish small {
    font-size: 12px;
    color: #999;
    display: block;
}

.pagerOuter {
    padding-bottom: 40px;
    text-align: right;
}

    .pagerOuter li {
        display: inline-block;
    }

        .pagerOuter li a {
            background: #cacfd2;
            color: #fff;
            padding: 6px 10px;
            margin-left: 2px;
            border-radius: 3px;
            font-size: 13px;
            line-height: 20px;
            display: inline-block;
            min-width: 30px;
            text-align: center;
        }

            .pagerOuter li a:hover {
                background: #0172f4;
            }

        .pagerOuter li span {
            background: #0172f4;
            color: #fff;
            padding: 6px 10px;
            margin-left: 2px;
            border-radius: 3px;
            font-size: 13px;
            line-height: 20px;
            display: inline-block;
            min-width: 30px;
            text-align: center;
        }

.calcIcon {
    background-image: url(../images/BankUser/down-arrow.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
}

.transdown_arrow {
    background-image: url(../images/Bankuser/down-arrow.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
}

.bankloginBg {
    background: url(../images/bankuser/loginBg.png) center center no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
    position: fixed;
    overflow: auto;
}

.bankloginOuter {
    max-width: 500px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
}

.bankloginInn {
    padding: 30px 70px;
}

.banklogInp {
    color: #666;
}

.banklogin_logo {
    text-align: center;
    padding-bottom: 20px;
}

    .banklogin_logo a {
        display: inline-block;
    }

.bankloginHd {
    text-align: center;
    padding-bottom: 15px;
    font-size: 18px;
    color: #2d2d2d;
}

    .bankloginHd strong {
        display: block;
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 15px;
        line-height: 25px;
    }

.bankrembBx a {
    float: right;
    font-size: 12px;
}

    .bankrembBx a:hover {
        color: #38d176;
        text-decoration: underline;
    }

.bankrembBx label {
    font-size: 13px !important;
    color: #999;
}

.banklogBtn .bankSaveBtn {
    width: 100%;
    margin: 0;
    text-transform: uppercase;
}



/*--------------Facebook Steps 08-02-2019---------------------*/
.fb-stepsOuter {
    border-top: #e5e5e5 solid 1px;
    padding: 50px 0;
    min-height: 680px;
}

.fb-stepsBx {
    border: #e5e5e5 solid 1px;
    padding: 50px;
    text-align: center;
    max-width: 1300px;
    margin: 0 auto;
}

    .fb-stepsBx i {
        display: block;
        padding-bottom: 10px;
    }

    .fb-stepsBx strong {
        display: block;
        font-size: 28px;
        line-height: 40px;
    }

    .fb-stepsBx span {
        display: block;
        font-size: 16px;
        padding-bottom: 30px;
    }

    .fb-stepsBx a {
        background: #0172f4;
        color: #fff;
        font-size: 16px;
        padding: 10px 30px;
        border-radius: 3px;
        text-transform: capitalize;
        display: inline-block;
    }

        .fb-stepsBx a:hover {
            background: #38d176;
        }

.popInn.fbsteps-popups {
    background: #fff;
    max-width: 500px;
    padding: 30px;
}
    /*.popInn.fbsteps-popups .popupClose{ top: 10px; }*/
    .popInn.fbsteps-popups .updatePopHd {
        padding-right: 0px;
        display: block;
        font-size: 17px;
        line-height: 21px;
        color: #1a1d27;
        font-weight: 600;
        text-align: left;
    }

.popmidBx {
    padding: 20px;
    border-bottom: #e5e5e5 solid 1px;
}
.fbsteps-popups .popmidBx {
    padding: 0px;
    border-bottom: #e5e5e5 solid 0px;
}
.setupThirdparty {
    padding: 0 0 0 80px;
    position: relative;
    min-height: 80px;
}

    .setupThirdparty i {
        position: absolute;
        left: 0;
        top: 0;
    }

    .setupThirdparty strong {
        display: block;
        font-size: 18px;
        line-height: 24px;
    }

    .setupThirdparty span {
        display: block;
        font-size: 14px;
        color: #666;
    }

.barcodeBx {
    text-align: center;
    border-top: #e5e5e5 solid 1px;
    padding: 30px 0 10px 0;
    text-align: center;
}



.barcodeBx_left {
    display: inline-block;
    line-height: 0px;
    padding: 0 20px;
}

.barcodeBx_right {
    display: inline-block;
    border: #e5e5e5 solid 1px;
    width: 240px;
    margin: 0 10px;
    vertical-align: top;
    height: 225px;
    padding: 50px 20px;
    text-align: center;
}

    .barcodeBx_right span {
        display: block;
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 22px;
    }

    .barcodeBx_right strong {
        display: block;
        word-break: break-all;
        font-size: 15px;
        line-height: 22px;
        font-weight: 600;
    }

.backnextBtn {
    text-align: right;
    padding: 10px 20px;
}

.backBtn {
    background: #666;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
}

.nextBtn {
    background: #0361cd;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin-left: 10px;
}

    .nextBtn:hover {
        background: #38d176;
    }

.otpOuter {
    text-align: center;
    display: block;
    padding-bottom: 15px;
}

.otpInp {
    width: 100px;
    margin: 0 10px;
    height: 100px;
    border: #e5e5e5 solid 1px;
    border-radius: 3px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

.otpError {
    color: #f00;
    font-size: 13px;
    display: block;
}

.otpfinishBx {
    text-align: center;
    padding: 20px 0;
}

    .otpfinishBx i {
        display: block;
        padding-bottom: 10px;
        line-height: 0;
    }

    .otpfinishBx strong {
        display: block;
        font-size: 24px;
    }

    .otpfinishBx span {
        display: block;
        font-size: 14px;
        color: #666;
    }

.authCodeOuter {
    margin: 0 auto;
    max-width: 700px;
    padding: 10px;
    border: #e5e5e5 solid 1px;
}

.authcodeHd {
    font-size: 16px;
    font-weight: 500;
    border-bottom: #e5e5e5 solid 1px;
    padding-bottom: 5px;
}

.loginCodeOuter {
    padding: 15px 0;
}

    .loginCodeOuter span {
        display: block;
        padding-bottom: 15px;
        font-size: 14px;
        color: #333;
        line-height: 20px;
    }

.logincodeInp {
    width: 200px;
    height: 30px;
    padding: 0 10px;
    border: #ccc solid 1px;
}

.needanother {
    padding-top: 7px;
    border-top: #e5e5e5 solid 1px;
}

    .needanother a {
        color: #0f8bce;
        font-size: 13px;
        display: inline-block;
        line-height: 35px;
    }

        .needanother a:hover {
            text-decoration: underline;
        }

.continueBtn {
    float: right;
    background: #0172f4;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    height: 35px;
    border: 0;
    width: 100px;
    border-radius: 3px;
}

    .continueBtn:hover {
        background: #38d176;
    }

.loginCodeOuter small {
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
}

    .loginCodeOuter small label {
        padding-left: 5px;
        vertical-align: middle;
    }

/*.popmidBx span {
    display: block;
    padding-bottom: 5px;
    font-size: 15px;
}*/
span#labelErrorPF {
    margin-left: 72px;
}

.fontBigger {
    font-size: 16px;
}

/* 31-07-2019 */

/* Header top section */

.aftLogin_hdBox {
    display: flex;
    justify-content: space-between;
}

    .aftLogin_hdBox .logoBx-wrap, .aftLogin_hdBox .top-headerSearch, .aftLogin_hdBox .topmenu.hdt-right {
        width: 33.333%;
    }

.headerMain.headerMain_b {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px 5px;
    margin-bottom: 15px;
}

.hdtr_search {
    float: left;
    width: 300px;
    margin-top: 10px;
}

.hdr_Srch.hdtr_search-wrap {
    width: 100%;
    float: none;
    padding: 0;
}

.hdtr_search-wrap .hdrInp {
    font-family: 'Helvetica';
    color: #858787;
    height: 30px;
    border: 0px;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0px;
    padding: 0px 10px 0px 20px;
}

.hdtr_search-wrap .hdrSrchBtn2 {
    position: absolute;
    top: 8px;
    left: 0;
}

.topmenu li a span.notifi-no {
    position: absolute;
    top: -15px;
    right: -10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    background: #e30404;
    border: 1px solid #e30404;
    color: #ffffff;
    font-size: 10px;
    border-radius: 50%;
}

.hdr-pf ul {
    margin-top: 20px;
}

.midCont.md-bgg {
    background: #f3f4f4 !important;
    padding-top: 30px;
}

header.homenew_header {
    box-shadow: #8b8c8c 0 0 5px 0;
    position: relative;
}

.hd-userneme {
    font-size: 14px;
    text-transform: capitalize;
    float: left;
    top: 22px;
    position: relative;
    padding: 0px 10px;
}

/* dashboard section */

.wallet_Outer {
    display: flex;
    display: ms-flex;
    justify-content: space-between;
}

.qr_MainBx-wrap,
.newsFeed-box,
.chats-box {
    width: 23%;
    margin-right: 2%;
    flex-grow: 1;
    flex-basis: 0;
    background: #fff;
    box-shadow: #eee 0 0 10px 5px;
    border-radius: 5px;
    margin-bottom: 25px;
}

    .qr_MainBx-wrap .qr_MainBx {
        box-shadow: none;
        background: transparent;
        margin-bottom: 0px;
        border-radius: 0;
    }

.wallet_Outer .qr_MainBx-wrap .qr_MainBx,
.qrHd-wrapper {
    width: 100%;
    padding: 10px 0px 0px;
    font-family: 'Helvetica';
}
.wallet_Outer .qr_MainBx-wrap .qr_MainBx {max-width: 305px;}

.qr_MainBx-wrap:last-child {
    margin-right: 0%;
}

.qr_MainBx-wrap .qrHd,
.qrHd-wrapper .qrHd {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    height: auto;
    margin-bottom: 12px;
    padding: 0px 15px 10px;
    font-size: 16px;
    color: #1a1d27;
    font-family: 'Helvetica';
}

.qr_MainBx .box-inner {
    padding: 0px 15px;
}

.box-inner .qrcardInn {
    box-shadow: none;
    padding: 0px;
    min-height: auto;
}

.box-inner .qrcardInn {
    text-align: center;
    position: relative;
}

    .box-inner .qrcardInn i {
        position: relative;
        display: block;
        text-align: center;
        width: auto;
        top: 0;
        left: 0;
    }

        .box-inner .qrcardInn i.QRCodeImgWidth {
            width: 100%;
            max-width: 47px;
            margin: auto;
        }

        .box-inner .qrcardInn i img {
            width: auto;
            max-width: 100%;
        }

.box-inner .text-name {
    color: #1a1d27;
    font-size: 15px;
    line-height: 18px;
    padding: 5px 0px;
    margin-left: 0px;
}

.box-inner .qrcardInn .text-name {
    cursor: pointer;
}

.box-inner .mywalletBx strong {
    font-size: 17px;
    line-height: 17px;
    padding: 0px;
}

.qr_MainBx .box-inner { /*padding: 34px 25px 40px;*/
    display: flex;
    justify-content: space-between;
}

.qr_MainBx .mywallet-box-inner {
    padding: 15px 25px 30px;
}

.qr_MainBx .box-inner-lft {
    width: 48%;
    align-self: center;
}

.qr_MainBx .box-inner-rgt {
    width: 48%;
    align-self: center;
}

.box-inner-rgt .qr_cardLeft {
    float: none;
    margin-right: 0px;
    margin-bottom: 0px;
}

.social-boxWrap {
    border-top: 1px solid #e0e0e0;
    padding: 14px 0px 10px;
    display: flex;
    justify-content: center;
}

    .social-boxWrap span {
        font-size: 15px;
        line-height: 28px;
        color: #1a1d27;
    }

    .social-boxWrap .st-custom-button {
        box-shadow: none; /*border: 1px solid #e0e0e0;*/
        width: 28px;
        height: 28px;
        background: url(/Content/images/social-media.png);
        background-repeat: no-repeat;
        transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

        .social-boxWrap .st-custom-button.social-tw {
            background-position: -33px 0px;
        }

        .social-boxWrap .st-custom-button.social-mail {
            background-position: -66px 0px;
        }

        .social-boxWrap .st-custom-button:hover {
            background-position: 0px -28px;
        }

        .social-boxWrap .st-custom-button.social-tw:hover {
            background-position: -33px -28px;
        }

        .social-boxWrap .st-custom-button.social-mail:hover {
            background-position: -66px -28px;
        }

.st-custom-button img {
    max-width: 15px;
}

.rc-wrap {
    width: 100%;
}

    .rc-wrap ul {
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    .rc-wrap ul li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.rc-image {
    width: 55px;
    height: 55px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #e0e0e0;
}

.rc-image img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }
.rc-wrap.requestFriend-listPopup ul li span {
    display: block;
}
span.rc-name {
    font-size: 13px;
    line-height: 20px;
    color: #1a1d27;
    margin-top: 5px;
    display: block;
}
.requestFriend-listPopup {text-align: center;}
.requestFriend-listPopup .owl-carousel .owl-item img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #e0e0e0 !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.wallet_Outer .qr_MainBx-wrap .qr_MainBx span.rc-name, .requestFriend-listPopup  {
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
.mycard-wrap.myc-bg {
    background: #f9f9f9;
    padding: 10px 0px;
    margin-top: 36px;
    border-radius: 0px 0px 5px 5px;
}


.mycard-wrap-in {
    padding: 0px 15px;
}

.qr_MainBx-wrap .mycard-wrap .qrHd {
    background: transparent;
    border-bottom: 0px;
    margin-bottom: 0px;
}

.mycard-wrap-in ul li {
    display: inline-block;
    margin-right: 15px;
}

    .mycard-wrap-in ul li .card-no {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #000000;
    }

.notifi-wrap {
    height: 185px;
    overflow-y: auto;
}

    .notifi-wrap .notifi_InnList li {
        padding: 10px 15px 10px 55px !important;
        border-bottom: #d5d5d5 solid 0px;
    }

        .notifi-wrap .notifi_InnList li > i {
            top: 10px;
            left: 0;
            border: 1px solid #818181;
            border-radius: 50%;
        }

        .notifi-wrap .notifi_InnList li span {
            color: #1a1d27;
            font-family: 'Helvetica';
        }

        .notifi-wrap .notifi_InnList li small.notifi-time {
            color: #0172f4;
            font-size: 13px;
            margin-top: 6px;
            font-family: 'Helvetica';
        }

.pay-btnWrap {
    padding: 0px 15px;
}

.pay-btnWrap-in {
    padding: 30px 0px;
}

.nc-button {
    display: block;
    max-width: 175px;
    width: 100%;
    background: #0172f4;
    border: 0;
    border-radius: 5px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin: 10px auto;
}

    .nc-button.rp-btn {
        background: #38d176;
    }

.pay-bottom-cont {
    font-size: 14px;
    color: #1a1d27;

}


    .pay-bottom-cont .pending-payno {
        color: #ff4200;
    }

.newsFeed_chat_Outer {
    display: flex;
    justify-content: space-between;
}

.newsFeed-box .box-inner {
    padding: 0px 15px;
}

.newsFeed-box {
    width: 48%;
}

.chats-box {
    width: 48%;
    margin-right: 0%;
}

.newsFeed-box .box-inner .container {
    max-width: 100%;
    padding: 0px;
}

.newsFeed-box .newsfeed_NavBg {
    box-shadow: none;
    padding: 0px;
}

.newsFeed-box .newsfeed_Nav li a,
.newsFeed-box .newsfeed_Nav li .createnewfeedBx a {
    padding: 0px;
    font-size: 14px;
    color: #7b7b7b;
    margin: 0px;
    border: 0px solid #e2e2e2;
    min-width: auto;
}

.newsFeed-box .newsfeed_Nav li .createnewfeedBx a {
    border-radius: 0px;
    background: transparent;
}

.newsFeed-box .newsfeed_Nav li a:hover,
.newsFeed-box .newsfeed_Nav li a.active {
    border: #2272f4 solid 0px; /*background: #2272f4; color: #fff;*/
}

.newsFeed-box .newsfeed_Nav li a {
    background: url(/Content/images/sprite.png);
    background-repeat: no-repeat;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

    .newsFeed-box .newsfeed_Nav li a.public-tab-icon {
        width: 24px;
        height: 23px;
        background-position: 0px 0px;
    }

    .newsFeed-box .newsfeed_Nav li a.friend-tab-icon {
        width: 30px;
        height: 23px;
        background-position: -27px 0px;
    }

    .newsFeed-box .newsfeed_Nav li a.me-tab-icon {
        width: 22px;
        height: 23px;
        background-position: -58px 0px;
    }

    .newsFeed-box .newsfeed_Nav li a.acceptBtn.newfeed-tab-icon {
        width: 25px;
        height: 23px;
        background-position: -83px 0px;
    }

    .newsFeed-box .newsfeed_Nav li a.public-tab-icon:hover,
    .newsFeed-box .newsfeed_Nav li a.public-tab-icon.active {
        background-position: 0px -26px;
    }

    .newsFeed-box .newsfeed_Nav li a.friend-tab-icon:hover,
    .newsFeed-box .newsfeed_Nav li a.friend-tab-icon.active {
        background-position: -27px -26px;
    }

    .newsFeed-box .newsfeed_Nav li a.me-tab-icon:hover,
    .newsFeed-box .newsfeed_Nav li a.me-tab-icon.active {
        background-position: -58px -26px;
    }

    .newsFeed-box .newsfeed_Nav li a.newfeed-tab-icon:hover {
        background-position: -83px -26px;
    }


.newsFeed-box .newsfeed_SrchBx {
    margin: 0px 10px 0px;
    width: calc(100% - 180px);
}

.newsFeed-box .feeeSrchInp {
    height: 30px;
    padding: 0px 30px 0px 10px;
    font-size: 14px;
    border: 0px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.newsFeed-box .feedSrchBtn {
    width: 30px;
    height: 30px;
    padding-right: 0px;
    padding-top: 4px;
}

    .newsFeed-box .feedSrchBtn img {
        max-width: 20px;
    }

.newsFeed-box .newsfeedBg {
    min-height: 0px !important;
    background: #fff;
    padding: 0px;
}

    .newsFeed-box .newsfeedBg .newsfeedList {
        height: 240px;
        overflow-y: auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }

.newsFeed-box .half_left {
    width: 100%;
    float: none;
    padding-left: 0px;
}

    .newsFeed-box .half_left .public_Bx {
        box-shadow: none;
        border-radius: 0px;
        margin-bottom: 0px;
        height: auto;
    }

        .newsFeed-box .half_left .public_Bx .publicBx_top {
            padding: 10px 15px 10px 55px;
            min-height: auto !important;
        }

            .newsFeed-box .half_left .public_Bx .publicBx_top i {
                position: absolute;
                width: 36px;
                height: 36px;
                left: 0;
                top: 0;
                box-shadow: none;
                border: 1px solid #818181;
            }

    .newsFeed-box .half_left .publicBx_top strong,
    .newsFeed-box .half_left .publicBx_top span,
    .newsFeed-box .half_left .publicBx_top small {
        font-family: 'Helvetica';
        min-height: auto;
        font-size: 15px;
        line-height: 15px;
    }

        .newsFeed-box .half_left .publicBx_top span.reason-mess.color-gr {
            color: #88898e;
        }

        .newsFeed-box .half_left .publicBx_top small.nf-time-amount {
            margin-bottom: 10px;
        }

        .newsFeed-box .half_left .publicBx_top small img {
            max-width: 15px;
        }

        .newsFeed-box .half_left .publicBx_top strong a {
            color: #0172f4;
        }

.publicBx_top p {
    font-family: 'Helvetica';
    font-size: 15px;
    color: #88898e;
}

.newsFeed-box .half_left .public_Bx .publicBx_top .newfeedImg {
    min-height: auto;
}

.newsFeed-box .newsfeedList .ds-btn-hide {
    display: none;
}

.newsFeed-box .newsfeed_Nav .ds-btn-show {
    display: block !important;
    padding-bottom: 0px;
    text-align: center;
    margin-top: 0px;
}

.newsFeed-box .publicBotMain {
    height: auto;
    border-top: #ededed solid 1px;
    border-bottom: #ededed solid 1px;
}

.newsFeed-box .publicBotMain {
    display: none;
}

.newsFeed-box .qrHd-wrapper-in {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
}

    .newsFeed-box .qrHd-wrapper-in .qrHd {
        width: 150px;
        border-bottom: 0;
        padding: 5px 15px 0px;
        margin-bottom: 15px;
    }

.newsFeed-box .nf-right-nav {
    display: flex;
    width: calc(100% - 170px);
    justify-content: space-between;
    padding-right: 15px;
}

.newsfeed_Nav li {
    margin-left: 5px;
}

.newsFeed-box .newsfeed_Nav li a img, .newsFeed-box .newsfeed_Nav li .createnewfeedBx a img {
    max-width: 21px;
}

.ds-chats-wrap .messageSection {
    padding: 0px;
    border-top: 0px;
}

    .ds-chats-wrap .messageSection .messageOuter {
        display: flex;
        background: transparent;
    }

.ds-chats-wrap .message_Left {
    width: 250px;
    float: none;
}

.ds-chats-wrap .messageHd {
    background: #ffffff;
    padding: 4.5px 0px;
    font-size: 16px;
    color: #1a1d27;
    padding-left: 15px;
    border-bottom: 0px;
    border-radius: 5px 0px 0px 0px;
}

.ds-chats-wrap .srchContect {
    border-top: #dbdde1 solid 1px;
}

.ds-chats-wrap .message_List {
    height: 220px;
    margin-bottom: 15px;
    overflow-y: auto;
}

.ds-chats-wrap .chatTopBx {
    height: 220px;
    margin-bottom: 0px;
    overflow-y: auto;
}

.message_List li a span {
    font-size: 13px;
    line-height: 17px;
    color: #1a1d27;
    word-break: break-word;
}

.message_List li a:hover strong small,
.message_List li a.activeuser strong small {
    color: #1a1d27 !important;
}

.ds-chats-wrap .message_Right {
    width: calc(100% - 250px);
    float: none;
    border-left: #e0e0e0 solid 1px;
}

.ds-chats-wrap .message_List li a strong {
    font-size: 16px;
    line-height: 24px;
    color: #1a1d27;
}

    .ds-chats-wrap .message_List li a strong small {
        display: block;
        float: none;
    }

.ds-chats-wrap .message_List li a {
    padding: 0px 0px 0px 60px;
    border-radius: 0px;
    margin-bottom: 25px;
}

    .ds-chats-wrap .message_List li a:hover,
    .ds-chats-wrap .message_List li a.activeuser {
        background: #ffffff !important;
    }

.ds-chats-wrap .message_List li .activeuser strong {
    color: #0172f4 !important;
}

.ds-chats-wrap .message_List li a i {
    width: 40px;
    height: 40px;
    border: 1px solid #818181;
    border-radius: 50%;
}

.ds-chats-wrap .chatMainBx {
    background: #ffffff;
    padding: 3px 15px 4px;
    height: auto;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0px 5px 0px 0px;
}

.ds-chats-wrap .chatHd {
    line-height: 16px;
    font-size: 16px;
    padding-left: 40px;
    color: #1a1d27;
    height: 42px;
}

    .ds-chats-wrap .chatHd .ds-ChatUserName {
        padding-left: 15px;
        padding-top: 10px;
    }

    .ds-chats-wrap .chatHd span .toptyping {
        font-size: 11px;
        line-height: 11px;
    }

.ds-chats-wrap .srchContInp {
    height: 35px;
    padding: 0 10px 0px 15px;
}

.ds-chats-wrap .typemsgBx {
    padding-right: 40px;
    padding-left: 40px;
    background: transparent;
    border-bottom: #e3e5e8 solid 0px !important;
    border-right: #e3e5e8 solid 0px;
    border-left: #e3e5e8 solid 0px;
    border-radius: 0px 0px 5px 0px;
}

.ds-chats-wrap .typeBtnbx {
    width: 25px;
    height: 25px;
    line-height: 25px;
    bottom: auto;
    background: #ffffff;
    border-left: #e3e5e8 solid 0px;
    margin: 13px 10px;
}

.chat-plus-icon {
    font-size: 20px;
    width: 28px;
    height: 28px;
    background: #617082;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 10px;
    top: 13px;
    cursor: pointer;
}

.chat-other-option {
    background: #ffffff;
    width: 100%;
    display: block;
    position: absolute;
    height: 0;
    display: flex;
    justify-content: space-around;
    padding: 6px 0px;
    left: 0;
    top: 0px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

    .chat-other-option.show {
        opacity: 1;
        visibility: visible;
        top: -40px;
        height: auto;
        padding: 5px 0px;
    }

.ds-chats-wrap .typeBtnbx .sendBtn img {
    width: 25px;
    padding: 0;
    margin: 0;
    height: auto;
    line-height: 25px;
    font-size: 14px;
}

.ds-chats-wrap .msgTypeInp {
    font-size: 14px;
    line-height: 20px;
    color: #1a1d27;
    height: 50px !important;
}

.ds-chats-wrap .chat-other-option i {
    position: relative;
    left: 0 !important;
    top: 0;
    width: 30px;
    width: 24%;
    display: inline-block;
    align-self: center;
    text-align: center;
}

    .ds-chats-wrap .chat-other-option i a {
        display: inline-block;
    }

    .ds-chats-wrap .chat-other-option i img {
        max-width: 24px;
    }

/**/

.chatMsgBx {
    background: #e5e5ea;
    border-radius: 20px;
}

    .chatMsgBx:before,
    .chatMsgBx:after {
        border-top: transparent solid 0;
        border-bottom: transparent solid 0px;
        border-right: #ccc solid 0px;
        left: 0px;
        top: 0px;
    }

    .chatMsgBx:after {
        content: '';
        background: url(/Content/images/chat-icon1.png);
        background-repeat: no-repeat;
        width: 12px;
        height: 15px;
        top: auto;
        bottom: 0px;
        left: 0px;
    }

.myChatBx .chatMsgBx {
    background: #0981ff;
    color: #ffffff;
    border-radius: 20px;
}

    .myChatBx .chatMsgBx .linebreak a {
        color: #ffffff;
    }

    .myChatBx .chatMsgBx span {
        color: #ffffff;
    }

    .myChatBx .chatMsgBx:before {
        border-bottom: transparent solid 0px;
        border-left: #ccc solid 0px;
        right: 0px;
    }

    .myChatBx .chatMsgBx:after {
        border-bottom: transparent solid 0px;
        border-left: #c2f1fc solid 0px;
        width: 12px;
        height: 15px;
        left: auto;
        right: 0px;
        top: auto;
        bottom: -2px;
        background: url(/Content/images/chat-icon2.png);
        background-repeat: no-repeat;
    }
/**/
.attachImgPopup.ds-chat-popup {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

    .attachImgPopup.ds-chat-popup .ds-chat-popup-in {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 400px;
        padding: 20px 0px 5px;
        background: #fff;
        border-radius: 5px; /* box-shadow: #1a1d2770 0 0 10px; */
    }

.ds-chat-popup .chatpaymainform {
    padding: 0px;
    height: auto;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
}

.ds-chat-popup-in #divmap {
    height: 300px;
}

.close_attach {
    top: 0px;
    background: transparent;
    font-size: 15px;
    color: #1a1d27;
    line-height: 24px;
    z-index: 1;
}

.ds-chat-popup-in .payHd {
    color: #1a1d27;
    font-size: 16px;
}

.chatpayform label {
    font-size: 14px;
    color: #1a1d27;
}

.chatpayform input {
    height: 40px;
    border-radius: 3px;
    border: #e0e0e0 solid 1px;
    color: #1a1d27;
}

.chatpaybutton-wrap {
    margin-top: 20px;
}

.chatpaybutton {
    height: 40px;
    font-size: 16px;
}

.pop-bottomIn {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    border-top: 1px solid #e0e0e0;
    margin-top: 20px;
    padding: 10px 20px 5px;
    border-radius: 0px 0px 5px 5px;
}

.popup-walletIcon {
    width: 30px;
    align-self: center;
}

.popup-walletvalue {
    align-self: center;
}

    .popup-walletvalue .pop-walletvalue-color {
        font-size: 14px;
        font-weight: 600;
        color: #38d176;
    }

.chatpay-UImage {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 3px solid #e0e0e0;
    margin: 0 auto;
    padding: 0px;
}

    .chatpay-UImage img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }

.chatpay-UName span {
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    display: block;
    margin: 5px 0px;
}

    .chatpay-UName span.chatpay-UProfName {
        font-size: 12px;
        font-weight: bold;
    }

.chatpayform-topSec {
    padding-bottom: 10px;
}

.chatpayform-field {
    position: relative;
    margin: 30px 0px 0px;
}

    .chatpayform-field input {
        width: 100%;
        border: 1px solid #e0e0e0;
        padding: 10px 10px 10px 40px;
        border-radius: 3px;
        font-size: 16px;
    }

.amountField {
    position: relative;
}

    .chatpayform-field .dollar-icon, .amountField .dollar-icon {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0;
        font-size: 18px;
        padding-bottom: 0px;
        width: 35px;
        background: #f5f5f5;
        text-align: center;
        padding-top: 7px;
        border: 1px solid #e0e0e0;
        border-radius: 3px 0px 0px 3px;
    }

    .amountField .dollar-icon {
        bottom: auto;
        height: 40px;
    }

.payment-popupWrap-2 .frmBx.amountField .login_FrmInp {
    padding: 10px 10px 10px 45px;
}
/* Payment popup */
.changepassOuter.payment-popupWrap {
    width: 100%;
    max-width: 400px;
    padding: 20px 0px 10px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.payment-popupWrap .popupClose,
.payment-popupWrap-2 .popupClose {
    top: 0px;
    background: transparent;
    font-size: 15px;
    color: #1a1d27;
    line-height: 24px;
    z-index: 1;
    right: 0;
    border-radius: 0%;
    box-shadow: none;
}

.payment-popupWrap .popupHd {
    padding: 10px 15px 0px;
}

    .payment-popupWrap .popupHd span,
    .payment-popupWrap-2 .popupHd span {
        background: #ffffff;
        padding-right: 0px;
        display: inline-block;
        font-size: 17px;
        line-height: 21px;
        color: #1a1d27;
        font-weight: 600;
    }

.payment-popupWrap .opratList_Outer {
    margin-top: 0px;
}

.payment-popupWrap .login_FrmInp {
    padding: 10px;
    width: 100%;
    height: auto;
    border-radius: 3px;
    margin-bottom: 0px;
    border: 1px solid #e0e0e0;
}

.payment-popupWrap .loginBtn {
    margin-top: 10px;
    max-width: 100%;
    height: 40px;
    font-size: 16px;
    text-transform: capitalize;
}

.changepassOuter.payment-popupWrap-2 {
    padding: 20px;
    background: #ffffff;
    max-width: 700px;
}

.GenerateSecurityPin-popup .changepassOuter.payment-popupWrap-2 {
    max-width: 400px;
}

.GenerateSecurityPin-popup .field-icon,
.GenerateSecurityPin-popup .field-icon.error {
    position: absolute;
    top: 13px;
    right: 10px;
    margin-top: 0px;
}

.payment-popupWrap-2 .frdImgBx {
    position: relative;
    height: auto;
    padding-left: 0;
    text-align: center;
    margin-bottom: 20px;
}

    .payment-popupWrap-2 .frdImgBx i {
        position: relative;
        left: auto;
        width: 80px;
        height: 80px;
        border: 3px solid #e0e0e0;
        border-radius: 50%;
        display: block;
        margin: 0 auto 10px;
    }

        .payment-popupWrap-2 .frdImgBx i img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            max-width: 100%;
        }

.form-filedWrap {
    display: flex;
    justify-content: space-between;
}

    .form-filedWrap .frmBx {
        width: 48%;
    }

.payment-popupWrap-2 .popupHd {
    margin-bottom: 30px;
}

.payment-popupWrap-2 .changepassInn {
    background: #fff;
    border-radius: 0px;
    padding: 0px;
    margin-top: 0px;
}

.payment-popupWrap-2 .Login_LblTxt {
    padding: 0px;
    font-size: 15px;
    font-weight: 600;
}

.payment-popupWrap-2 .login_FrmInp {
    height: 40px !important;
}

.payment-popupWrap-2 .downArrow, .payment-popupWrap-2 .frdImgBx span {
    font-size: 14px;
}

.payment-popupWrap-2 .frmBx .login_FrmInp {
    width: 100%;
    height: 40px;
    padding: 0;
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 3px;
}

input[type=radio].css-radio + label.css-label {
    font-size: 15px;
}

.loginBtnBx {
    padding-top: 0px;
}

.loginBtn {
    text-transform: capitalize;
    height: 40px;
    font-size: 16px;
}

.payment-popupWrap-2 .members_MainBxRequest {
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
}

    .payment-popupWrap-2 .members_MainBxRequest li {
        padding: 0px;
        margin-bottom: 10px;
    }

        .payment-popupWrap-2 .members_MainBxRequest li i {
            margin: 0px;
        }

.mtb-15 {
    margin: 15px 0px;
}

.shareTo .Login_LblTxt {
    margin-bottom: 10px;
}

.payment-popupWrap-2 .loginBtnBx a {
    line-height: 40px;
}

.payment-popupWrap-2 .totlAmountBx {
    background: #f9f9f9;
    padding: 10px;
    font-size: 16px;
}

.mywallettxt {
    font-size: 16px;
    line-height: 26px;
}

.payment-popupWrap-2 .mt-20px {
    margin-top: 20px;
}

.textGreen {
    color: #00cd7e !important;
}

.newConfirmPaymentPop .frdImgBx strong span {
    display: block;
    font-size: 18px;
    color: #1a1d27;
    margin-bottom: 5px;
}

    .newConfirmPaymentPop .frdImgBx strong span#spnCnfFullName {
        display: block;
        font-size: 15px;
        color: #1a1d27;
        margin-bottom: 5px;
    }

/* 31-07-2019 end */

/* popup 8-aug-2019 */

.new_popupWrap input[type=radio].css-radio + label.css-label {
    padding-right: 20px;
}

.error {
    display: block;
    color: red;
    font-size: 11px;
    position: relative;
}

.error-remove {
    display: none !important;
}

.new_popupWrap .frmBx {
    padding-bottom: 30px;
}

.new_popupWrap .login_FrmInp {
    height: auto;
    padding: 0px 0px 5px 0px;
}

.new_popupWrap select.login_FrmInp {
    background-position: 60px 5px;
}

.new_popupWrap .frmBx i {
    top: 15px;
}

.payment-popupIn-2 .frdImgBx strong {
    display: block;
    font-size: 15px;
    color: #1a1d27;
    margin-bottom: 5px;
}
/* Sign Up popup */

.popInn.signUpPopup {
    padding: 30px;
}

.signUpPopup .form-filedWrap .frmBx {
    width: 46%;
    position: relative;
}

.signUpPopup .login_FrmInp {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    color: #1a1d27;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
}

.signUpPopup .frmBx i {
    right: -15px;
    top: -5px;
}

.signUpPopup small.customtolltip_top.fa.fa-info-circle {
    right: 0px;
}

.signUpPopup .Login_LblTxt {
    color: #1a1d27;
    font-weight: 400;
    padding: 0px;
    margin-bottom: 10px;
}

label.Login_LblTxt.login_lbltab {
    margin-bottom: 20px;
}

    label.Login_LblTxt.login_lbltab a {
        border: 1px solid #e0e0e0;
        padding: 10px 15px;
        width: 50%;
        display: inline-block;
        text-align: center;
    }

.login_lbltab .mobTabBtn {
    border-right: 0px !important;
    border-radius: 5px 0px 0px 5px;
}

.login_lbltab .emailTabBtn {
    border-radius: 0px 5px 5px 0px;
}

.login_lbltab .activeSignInType,
.login_lbltab a:hover {
    color: #ffffff;
    background: #0172f4;
    border-color: #0172f4;
}

.signUpPopup input[type=radio].css-radio + label.css-label,
.signUpPopup input[type=radio].css-radio:checked + label.css-label {
    color: #1a1d27;
    font-weight: 400;
}

.signUpPopup select.login_FrmInp {
    background-position: right 5px center;
    font-size: 14px;
    color: #1a1d27;
}

.signUpPopup .DataIconDob {
    background-position: right 10px center;
}

.loginPopup {
    max-width: 500px;
}

    .loginPopup .loginBtnBx {
        margin-top: 30px;
    }

    .loginPopup label.css-remb-label, .loginPopup .rembBx a {
        font-size: 14px;
    }

.signUpPopup .showpassword {
        position: absolute;
        top: 13px;
        right: 10px;
}
    .loginPopup .showpassword {
        position: absolute;
        top: 40px;
        right: 10px;
    }

.signUpPopup .login_pass .login_FrmInp {
    padding-right: 35px;
}

/* Setting page */

.settingBx .notifi_SettHd {
    background: #f9f9f9;
    color: #1a1d27;
    font-size: 16px;
    padding: 10px;
    line-height: 20px;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
}

.changchangeSupport textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    border-radius: 3px;
    resize: none;
    border-color: #e0e0e0;
}

.changeMpinBx, .changepassBx {
    padding: 20px 0px 30px;
    width: 100%;
    max-width: 400px; /*300px*/
    margin: 0 auto;
}

.inputFieldWrap {
    position: relative;
}

    .inputFieldWrap .half_left {
        float: none;
    }

    .inputFieldWrap .login_FrmInp {
        width: 100%;
        border: 1px solid #e0e0e0;
        height: auto;
        border-radius: 3px;
    }

.change_passBx .loginBtn {
    max-width: 100%;
    height: auto;
    font-size: 16px;
    width: 100%;
    padding: 11px 30px;
}

.showpassword.error {
    float: none;
    position: absolute;
    top: 15px;
    right: 0;
    margin-top: 0px;
    padding: 0px;
}

.support-boxWrap {
    padding: 10px 0px 20px;
}

.changeMpinBx .changepasswordDiv, .changepassBx .changepasswordDiv {
    padding: 0px;
    margin-top: 0px;
}

.support-boxWrap .frmBx {
    padding-bottom: 20px;
}

.support-boxWrap .changepasswordDiv {
    max-width: 200px;
    margin: 0 auto;
}

.inputFieldWrap .showpassword {
    margin-top: -25px;
}

/* Friend request transaction */

.update_RFWrapper {
    margin: 0px;
}

    .update_RFWrapper .requestFltrTop {
        margin: 30px auto;
    }

    .update_RFWrapper .reqFltrInn {
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }

    .update_RFWrapper .newsfeed_SrchBx {
        width: 100%;
        margin: 0 auto;
        padding: 0px;
    }

    .update_RFWrapper .requestFltrTop .feeeSrchInp {
        height: 50px;
        color: #1a1d27;
        border: #e0e0e0 solid 1px;
    }

    .update_RFWrapper .reqFltrInn .newsfeed_Nav {
        padding-top: 30px;
    }

    .update_RFWrapper .newsfeed_Nav ul {
        text-align: center;
    }

    .update_RFWrapper .newsfeed_Nav li {
        margin: 0 20px;
    }

.newsfeed_Nav li a {
    padding: 0px;
}

.update_RFWrapper .histList table tr th:first-child,
.new-tableWrapper table tr th:first-child {
    padding-left: 20px;
    border-left: 1px solid #e0e0e0;
    border-radius: 4px 0px 0px 4px;
}

.update_RFWrapper .histList table th,
.new-tableWrapper table th {
    background: #f9f9f9;
    border-bottom: #e0e0e0 solid 1px;
    border-top: 1px solid #e0e0e0;
}

    .update_RFWrapper .histList table tr th:last-child,
    .new-tableWrapper table th:last-child {
        border-right: 1px solid #e0e0e0;
        border-radius: 0px 4px 4px 0px;
        padding-right: 20px !important;
    }

.update_RFWrapper .histList table tbody tr:nth-child(even),
.new-tableWrapper table tbody tr:nth-child(even) {
    background: #f9f9f9;
}

.update_RFWrapper .histList table td,
.new-tableWrapper table td {
    padding: 20px !important;
    font-size: 13.5px;
    color: #1a1d27;
}

.new-tableWrapper table tr td:last-child {
    text-align: center;
}

.update_RFWrapper .paidBx i {
    top: -5px;
}

.update_RFWrapper .histList table td p {
    font-size: 13.5px !important;
    line-height: normal !important;
    padding-bottom: 0;
    color: #1a1d27;
}

.customtolltip_top {
    vertical-align: middle;
    position: relative;
}

.update_RFWrapper .paidBx i {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
}

.update_RFWrapper .paidBx span,
.update_RFWrapper .paidBx strong {
    font-size: 14px;
    color: #1a1d27;
}

.update_RFWrapper .paidBx .paid-receive-userName {
    color: #0172f4;
}

.update_RFWrapper button.showPopupRequestPayTran.pay_Btn.acceptBtn,
.update_RFWrapper button.showDeclinePopup.pay_Btn.ignoreBtn {
    padding: 7px 10px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 3px;
}

.acceptBtnBx {
    display: flex;
    justify-content: space-between;
}

.pinVerifiPopup .acceptBtnBx a {
    width: 48%;
    font-size: 14px;
    margin-right: 0;
    border-radius: 3px;
    font-weight: 400;
    padding: 7px 0px;
    text-align: center;
    background: #127bf3;
    border-color: #127bf3;
    color: #ffffff;
}

/* Add money page */

.addMoney-page-wrapper .addmoneyHd {
    font-size: 23px;
    color: #1a1d27;
    line-height: 28px;
    margin: 20px 0px;
    font-weight: 500;
    padding: 0px;
    text-align: center;
    background: #ffffff;
}

.addMoney-page-wrapper .addmoney_FrmOuter {
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}

.addMoney-page-wrapper .addmoneyFrmBx {
    position: relative;
}

    .addMoney-page-wrapper .addmoneyFrmBx input,
    .addMoney-page-wrapper .addmoneyFrmBx select {
        height: 40px;
        border: #e0e0e0 solid 1px;
    }

.addmoneyFrmBx .icon {
    background: #f5f5f5;
    color: #1a1d27;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    top: 22px;
    left: 0px;
    border: 1px solid #e0e0e0;
    padding: 10px 0px;
    border-radius: 3px 0px 0px 3px;
}

.useSaveCarddrop-wrap {
    display: none;
}

/* History page */

.update_RFWrapper.history-page-wrapper .newsfeed_SrchBx {
    margin: 0 auto 30px;
}

.history-page-wrapper .hist_nav {
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.update_RFWrapper .hist_newmain {
    box-shadow: none;
    margin-bottom: 30px;
}

history-page-wrapper .newsfeed_SrchBx {
    margin-bottom: 30px;
}

.new-tableWrapper table td p a {
    font-size: 13.5px !important;
    color: #0172f4 !important;
    float: none;
    cursor: pointer;
}

.declinePopup-Wrap .changepassOuter.payment-popupWrap-2 {
    max-width: 500px;
}




/* Nearby Search page */

.clearfix {
    clear: both;
}

    .clearfix:after, .clearfix:before {
        display: block;
        content: '';
        clear: both;
    }

.nearby-mainCon {
    position: relative;
    height: 100vh;
}

.nearby-searchWrap {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.endCash-logo {
    text-align: center;
}

.nearby-mainCon form {
    position: relative;
}

.nbs-InField {
    position: relative;
    margin: 50px 0;
    border-radius: 30px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0px 6px 0 rgba(32,33,36,0.28);
    border-color: rgba(223,225,229,0);
}
/*.nbs-InField:hover {box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28); border-color: rgba(223,225,229,0);}*/
.nbSrchBtn {
    position: absolute;
    top: 15px;
    left: 20px;
}

.nbs-InField .nbSrchBtn {
    position: absolute;
    top: -1px;
    left: auto;
    right: -1px;
    background: #0172f4;
    width: 50px;
    height: 49px;
    border: 1px solid #0172f4;
    border-radius: 0px 30px 30px 0px;
    background-repeat: no-repeat;
    background-position: -324px 10px;
}

    .nbs-InField .nbSrchBtn img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.nbs-textbox {
    width: 100%;
    padding: 16px 60px 16px 25px;
    border-radius: 30px;
    border: 0px;
}

.nb-autoSearchBox {
    background: #f9f9f9;
    padding: 10px 30px;
    border-radius: 0px 0px 30px 30px;
}

    .nb-autoSearchBox ul li {
        padding: 5px 0px;
        font-size: 14px;
    }

.nearby-servicesList {
    max-width: 450px;
    margin: 0 auto;
}

.lft-nbSearch {
    margin: 10px 0px;
}

    .lft-nbSearch .nbs-textbox {
        padding: 16px 10px 16px 50px;
    }

.lft-nbBox-in .nearby-servicesList ul li {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0px;
}

    .lft-nbBox-in .nearby-servicesList ul li:nth-child(odd) {
        background: #ffffff;
    }

    .lft-nbBox-in .nearby-servicesList ul li .nbs-logo .fas {
        line-height: 45px;
        font-size: 21px;
    }

    .lft-nbBox-in .nearby-servicesList ul li .nbs-logo {
        width: 50px;
        height: 50px;
    }

    .lft-nbBox-in .nearby-servicesList ul li .nbs-listBox span {
        font-size: 12px;
    }
/*.nearby-servicesList ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.nearby-servicesList ul li {width: 33.333%; flex: 1 0 21%; text-align: center; margin-bottom: 20px;}*/
.nearby-servicesList ul {
    clear: both;
    display: block;
}

    .nearby-servicesList ul li {
        width: 25%;
        text-align: center;
        margin-bottom: 20px;
        float: left;
    }

    .nearby-servicesList ul:after, .nearby-servicesList ul:before {
        content: '';
        display: block;
        clear: both;
    }

    .nearby-servicesList ul li .nbs-logo {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 3px solid #e0e0e0;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

.nbs-logo .fas {
    font-size: 21px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 55px;
    color: #fff;
}

.restau-icon {
    background: #0172f4;
}

.pump-icon {
    background: #f55151
}

.dollar-icon {
    background: #FFC107;
}

.shopping-bag {
    background: #19bc9c;
}

.bed-icon {
    background: #e60c0c;
}

.pestle-icon {
    background: #2196F3;
}

.tv-icon {
    background: #3F51B5;
}

.more-icon {
    background: #616b7a;
}

.nearby-servicesList ul li img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.nbs-listBox span {
    display: block;
    padding: 10px 0px;
    font-size: 12px;
    color: #1a1d27;
}

.lft-nearbyBox {
    width: 420px;
}

.lft-nbBox-in {
    bottom: 0;
    box-shadow: 1px 0 2px rgba(0,0,0,.25);
    margin-left: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 0;
    width: 420px;
    z-index: 1111;
    background: #ffffff;
}

    .lft-nbBox-in ul li {
        border-bottom: 1px solid #e0e0e0;
    }

        .lft-nbBox-in ul li:nth-child(odd) {
            background: #f9f9f9;
        }

.nbs-list {
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: space-around;
}

.nbs-listCont {
    width: calc(100% - 100px);
}

    .nbs-listCont span {
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: #b3b3b3;
    }

.nbs-rating {
    color: #0172f4;
}

.nbs-listImg {
    width: 90px;
    height: 90px;
    position: relative;
}

.nbs-listCont h4 {
    font-size: 17px;
    font-weight: 300;
}

.nbsServices-hdt {
    padding: 0px 30px 20px;
    font-size: 18px;
    font-weight: 500;
}

    .nbsServices-hdt.hdt-2 {
        padding: 0px 20px 20px;
    }

.nearby-servicesList ul li.item {
    width: 100%;
    border: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.nearby-servicesList .owl-nav {
    text-align: center;
    margin: 30px 0px;
}

    .nearby-servicesList .owl-nav button {
        background: #ffffff;
        border: 0px;
        margin: 0px 10px;
    }

.qrMessage {
    font-size: 14px;
    text-align: center;
    color: #1a1d27;
}

    .qrMessage .pay-to {
        display: block;
        font-size: 16px;
        color: #0172f4;
        padding: 5px 0;
    }

.nearby_mapWrap {
    width: calc(100% - 420px) !important;
    height: 100vh;
    margin-left: 420px;
}

    .nearby_mapWrap .nearbyMapInn {
        height: 100vh;
    }
/* Custom tooltip */
.cust-tooltip {
    display: none;
    width: 90px;
    padding: 8px 0px;
    background: #127bf3;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    line-height: 15px;
    z-index: 1;
    border-radius: 3px;
    border: 1px solid #127bf3;
    cursor: pointer;
}

    .cust-tooltip:after {
        border-left: transparent solid 10px;
        border-right: transparent solid 10px;
        border-top: #127bf3 solid 10px;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

.addapproveWrapper .payment-popupWrap-2 {
    max-width: 450px;
}

    .addapproveWrapper .payment-popupWrap-2 .loginBtn {
        max-width: 150px;
    }

.page-mainHd {
    font-size: 23px;
    color: #1a1d27;
    line-height: 28px;
    margin: 0px 0px;
    font-weight: 500;
    padding: 20px 0px 0px;
    background: transparent;
    position: relative;
    height: auto;
}

.mycard-Pagewrap .spancardtype {
    margin-top: 50px;
    font-size: 18px;
    color: #1a1d27;
}

.endCashPayment-hd {
    max-width: 500px;
    margin: 0 auto 30px;
    text-align: center;
}

    .endCashPayment-hd h2 {
        padding-top: 18px;
        color: #1a1d27;
    }

.paymentSuccess-page {
    width: 100%;
    max-width: 600px;
    border: 1px solid #e0e0e0;
    flex-grow: 1;
    flex-basis: 0;
    background: #fff;
    box-shadow: #eee 0 0 10px 5px;
    border-radius: 5px;
}

.paymentSuccess-Hd {
    font-size: 16px;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    background: #38d176;
}

.paymentfailed-Hd {
    font-size: 16px;
    color: #ffffff;
    display: block;
    padding: 10px 0px;
    background: #e30404;
}

.paymentSuccess-page .totlAmountBx {
    padding: 10px 15px;
}

.paysucessCont {
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

.paysucessCont-hlf {
    width: 48%;
}

/* Review Page  */

.myReview-pageWrap {
    padding-bottom: 20px;
}

    .myReview-pageWrap .newsfeedBg {
        padding: 0px;
        background: #ffffff !important;
    }

    .myReview-pageWrap .reviewList li {
        position: relative;
        padding: 0px;
        margin-bottom: 0px;
        border-bottom: 0px solid #e0e0e0;
    }

        .myReview-pageWrap .reviewList li .reviewList-inner {
            position: relative;
            padding: 30px 5px 30px 110px;
            border-radius: 0px;
            border-bottom: 1px solid #e0e0e0;
        }

        .myReview-pageWrap .reviewList li:hover {
            background: #f0f0f0;
        }

        .myReview-pageWrap .reviewList li:last-child .reviewList-inner {
            border-bottom: 0px;
        }

        .myReview-pageWrap .reviewList li i {
            width: 90px;
            height: 90px;
            top: 25px;
            left: 5px;
            border-radius: 50%;
            border: 3px solid #e0e0e0;
        }

    .myReview-pageWrap .reviewList-in {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

.reviewUserlft {
    width: calc(100% - 200px);
}

    .reviewUserlft span a.businessName {
        color: #127bf3;
    }

.myReview-pageWrap .reviewUserAction {
    width: 200px;
    text-align: right;
    align-self: center;
}

.reviewUserAction .action-btns a {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin-right: 5px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}

    .reviewUserAction .action-btns a:hover {
        border-color: #127bf3;
    }
/* AddRequestPayPop recent payment */
.addRequestPayPop .qr_MainBx-wrap {
    width: 100%;
    box-shadow: none;
    margin-bottom: 0px;
}

    .addRequestPayPop .qr_MainBx-wrap .qr_MainBx {
        padding: 20px 0px;
    }

        .addRequestPayPop .qr_MainBx-wrap .qr_MainBx .qrHd {
            margin-bottom: 25px;
        }

/* AddRequestPayPop recent payment End */

/* Friend UserProfile */

.userprofBx.UserProfile-pageWrap {
    padding: 30px 25px;
    box-shadow: none;
}

.UserProfile-pageWrap .user_profInn i {
    width: 100px;
    height: 100px;
    border: 3px solid #e0e0e0;
    margin: 10px auto;
}

.UserProfile-pageWrap .UFullName {
    display: block;
    font-size: 18px;
    color: #1a1d27;
    margin-bottom: 5px;
}

.UserProfile-pageWrap .user_profInn span {
    font-size: 14px;
    color: #1a1d27;
}

.UserProfile-pageWrap .user_profInn .profileStatus, .UserProfile-pageWrap .user_profInn .profileStatusDate {
    display: block;
    font-size: 14px;
    color: #1a1d27;
    padding-top: 5px;
}

.UserProfile-pageWrap .user_profInn .profileStatusDate {
    margin-bottom: 10px;
}

.UserProfile-pageWrap .user_profInn > a.loginBtn {
    width: 100%;
    max-width: 150px;
    font-size: 16px;
    line-height: 16px;
    padding: 12px 0px;
    margin: 0px 5px;
    background: #127bf3;
}

    /*.UserProfile-pageWrap .user_profInn > a.loginBtn:hover {
        background: #38d176;
    }*/

.UserProfile-pageWrap .userIcon a {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin-right: 5px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}

    .UserProfile-pageWrap .userIcon a:hover {
        border-color: #127bf3;
    }

.newsfeedBg.UPMediaSec {
    background: #ffffff;
}

.UPMediaSec .qr_MainBx {
    box-shadow: none;
    padding: 0px;
    margin: 0px;
}

    .UPMediaSec .qr_MainBx .qrHd {
        margin: 20px 0px;
        padding: 0px;
        height: auto;
        background: #ffffff;
    }

        .UPMediaSec .qr_MainBx .qrHd span {
            font-size: 23px;
            color: #1a1d27;
            line-height: 28px;
            font-weight: 500;
            background: #fff;
            position: relative;
            left: 0;
            top: 0;
            padding-right: 0;
        }

.UPMediaSec .media_List ul p {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #1a1d27;
    font-weight: 500;
    padding: 0px 0px 20px;
}

.UPMediaSec .received_Nav {
    background: #ffffff;
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .UPMediaSec .received_Nav ul {
        text-align: center;
    }

    .UPMediaSec .received_Nav li {
        padding: 0 20px;
    }

    .UPMediaSec .received_Nav ul li a {
        display: block;
        font-size: 17px;
        line-height: 40px;
        padding: 0px;
        color: #1a1d27;
        border-bottom: transparent solid 3px;
    }

    .UPMediaSec .received_Nav li a:hover, .UPMediaSec .received_Nav li a.active {
        color: #0172f4;
        border-bottom: #0172f4 solid 3px;
    }

.UPMediaSec .feedListBx {
    padding: 0;
}

.UPMediaSec .public_Bx {
    background: #fff;
    padding: 0px;
    margin: 0px;
    border-radius: 0;
    box-shadow: none;
}

.UPMediaSec .publicBx_top {
    position: relative;
    min-height: auto;
    padding: 30px 5px 30px 110px;
    border-radius: 0px;
    border-bottom: 1px solid #e0e0e0;
}

.UPMediaSec .public_Bx:last-child .publicBx_top {
    border-bottom: 0px solid #e0e0e0;
}

.UPMediaSec .publicBx_top:hover {
    background: #f9f9f9;
}

.UPMediaSec .publicBx_top i {
    width: 90px;
    height: 90px;
    top: 15px;
    left: 5px;
    border-radius: 50%;
    border: 3px solid #e0e0e0;
}

.UPMediaSec .feedListBx .publicBx_top strong {
    font-size: 16px;
    padding-bottom: 5px;
}

.UPMediaSec .timeElapsedBox {
    font-size: 13px;
}

.reasonForPay {
    font-size: 15px;
    line-height: 28px;
    padding-bottom: 5px;
}

.UPMediaSec .media_List ul {
    text-align: center;
}

    .UPMediaSec .media_List ul li {
        width: 12.5%;
        height: 160px;
        margin-bottom: 20px;
    }

/* Following page Style */

.following-pageWrap .page-mainHd {
    height: auto;
}

.following-searchPeople .new-publicPadd .public_Bx {
    border-bottom: 1px solid #e0e0e0;
}

.following-searchPeople .new-publicPadd:last-child .public_Bx {
    border-bottom: 0px solid #e0e0e0;
}

.FSP-innerbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.FSP-lft {
    width: calc(100% - 200px);
}

.publicBx_top.FSP-innerbox strong {
    font-size: 18px;
    min-height: auto;
    line-height: 25px;
}

.FSP-acceptBtnBx {
    width: 200px;
    text-align: right;
    align-self: center;
}

    .FSP-acceptBtnBx .acceptBtnBx {
        display: block;
    }

    .FSP-acceptBtnBx .acceptBtn.reqpay.unfollow {
        margin-right: 0px;
        line-height: 16px;
        padding: 12px 0px;
        width: 100%;
        max-width: 100px;
        text-align: center;
        background: #127bf3;
        border: 1px solid #127bf3;
        cursor: pointer;
    }

        .FSP-acceptBtnBx .acceptBtn.reqpay.unfollow:hover {
            background: #00cd7d;
            color: #ffffff;
            border: 1px solid #00cd7d;
        }

/* Friend Page Style */

.friendsPageWrapper .reqFltrInn .newsfeed_Nav {
    padding-top: 50px;
    padding-bottom: 20px;
}

.friendsPageWrapper .friendsList {
    display: flex;
    flex-wrap: wrap;
}

.friendsPageWrapper .friendsInfoBox {
    float: none;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0px 15px;
}

.friendsPageWrapper .public_Bx {
    margin-bottom: 70px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s;
    box-shadow: none;
}

    .friendsPageWrapper .public_Bx:hover {
        box-shadow: #eee 0 5px 10px 0px;
    }

.friendsPageWrapper .publicBx_top {
    padding: 25px;
    min-height: auto;
}

    .friendsPageWrapper .publicBx_top i {
        position: absolute;
        width: 90px;
        height: 90px;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
        border: 3px solid #e0e0e0;
    }

    .friendsPageWrapper .publicBx_top strong {
        color: #2d2d2d;
        font-size: 18px;
        min-height: auto;
        display: block;
        font-weight: 500;
        line-height: 20px;
        padding-bottom: 7px;
        margin-top: 30px;
        text-align: center;
    }

.friendsPageWrapper .acceptBtnBx {
    margin-top: 25px;
}

    .friendsPageWrapper .acceptBtn.reqpay, .friendsPageWrapper .acceptBtnBx .PayButton, .friendsPageWrapper .acceptBtnBx .chatBtn {
        padding: 7px 20px;
        background: #fff;
        border: 1px solid #e0e0e0;
        color: #1a1d27;
        margin-right: 0px;
    }

        .friendsPageWrapper .acceptBtn.reqpay:hover, .friendsPageWrapper .acceptBtnBx .PayButton:hover, .friendsPageWrapper .acceptBtnBx .chatBtn:hover {
            color: #0172f4;
            background: #ffffff;
            border-color: #0172f4;
        }

/* Message chats page style */

.messageOuter.messagePageWrapper {
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: #eee 0 0 10px 5px;
}

.messageHd {
    background: #ffffff;
    border-radius: 5px 0px 0px 0px;
}

.chatMainBx {
    background: #ffffff;
    padding: 12px 20px;
    height: 67px;
    border-radius: 0px 5px 0px 0px;
    border-bottom: 1px solid #e0e0e0;
}

.messagePageWrapper .chatHd span strong {
    color: #1a1d27;
}

.typemsgBx {
    border-bottom: 0px !important;
    border-right: 0px !important;
}

.verifyEmailPopup .MsgmpinCustom {
    margin: 20px 0px;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 24px;
}

.popInn.verifyEmailPopup {
    max-width: 500px;
}

/* NewsFeed Page Style */

.UserNewfeedsPageWrap .newsfeed_NavBg {
    box-shadow: none;
    padding-top: 30px;
}

    .UserNewfeedsPageWrap .newsfeed_NavBg .newsfeed_SrchBx {
        margin: 0 auto;
    }

.UserNewfeedsPageWrap .newsfeed_Nav .ds-btn-show {
    display: block;
}

.UserNewfeedsPageWrap .createnewfeedBx .acceptBtn {
    background: transparent;
    border-radius: 0px;
}

.UserNewfeedsPageWrap .createnewfeedBx.ds-btn-hide {
    display: none;
}

.UserNewfeedsPageWrap .nf-time-amount {
    text-align: center;
    font-size: 14px;
    padding: 5px 0px;
}

    .UserNewfeedsPageWrap .nf-time-amount span {
        float: none;
        display: block;
    }

.UserNewfeedsPageWrap .half_left:nth-child(2n+1) {
    clear: both;
}
.public_Bx .CommentList.transaction-UserName {
    color: #2d2d2d;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
}

.publicBx_top strong b.paidTo-text {
    color: #127bf3;
    font-weight: 600;
}

.publicBx_top span.reason-mess.color-gr {
    color: #999;
    font-size: 15px;
}

/* NewsFeed Details page style */

.NFD-main-PageWrap {
    background: #f0f0f0;
    padding: 30px 0px;
    border-radius: 4px;
}

.NFD-pageWrap {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 5px;
}

    .NFD-pageWrap .newsfeed_DetTop {
        background: transparent;
        padding: 40px 0px 40px;
    }

    .NFD-pageWrap .newsfeed_detImgBx i {
        width: 90px;
        height: 90px;
    }

        .NFD-pageWrap .newsfeed_detImgBx i img {
            border-color: #e0e0e0;
        }

    .NFD-pageWrap .newsfeedDet_Left, .NFD-pageWrap .newsfeedDet_Right {
        width: 200px;
    }

    .NFD-pageWrap .newsfeed_detImgBx span, .NFD-pageWrap .newsfeedDet_Mid span {
        font-size: 17px;
        color: #1a1d27;
    }

    .NFD-pageWrap .newsfeedDet_Mid i img {
        width: 90px;
    }

    .NFD-pageWrap .newsfeed_DetDesc span {
        padding-bottom: 0px;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        padding-top: 0px;
        color: #1a1d27;
    }

        .NFD-pageWrap .newsfeed_DetDesc span.clockImg-icon img {
            position: relative;
            top: 3px;
        }

        .NFD-pageWrap .newsfeed_DetDesc span.clockImg-icon,
        .NFD-pageWrap .clockImg-icon {
            color: #999;
            font-weight: 500;
            font-size: 14px;
        }

.commentDesc > strong {
    font-size: 21px;
}

.commentDesc > p {
    font-size: 14px;
}

.NFD-pageWrap .detailPostCmt {
    width: 100%;
    padding-top: 0px;
}

.NFD-pageWrap .postCmtInp {
    height: 40px;
    font-size: 15px;
}

.NFD-pageWrap .postCmtBtn {
    height: 40px;
    top: 0px;
}

.NFD-pageWrap .detail_feedBg {
    padding: 20px 0px 30px;
    background: transparent;
}

.detail_LikesBx img {
    width: 30px;
}

.newsfeedDetailNonTransactional-wrap .newsfeedBg {
    padding-bottom: 30px;
    background: transparent;
}

.newsfeedDetailNonTransactional-wrap .prodDetMain {
    background: transparent;
    padding: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    box-shadow: none;
}

.commnet-sectionWrap {
    font-size: 14px;
    margin: 20px -15px;
    padding: 10px 15px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

    .commnet-sectionWrap img {
        width: 25px;
        position: relative;
        top: 3px;
    }

    .commnet-sectionWrap span {
        font-size: 16px;
        color: #1a1d27;
    }
.newsfeedDetailNonTransactional-wrap .feedInnList i,
.newsfeedDetailNonTransactional-wrap .publicBx_top i {
    border: 3px solid #e0e0e0;
    border-radius: 50%;
}

.publicBx_top strong,
.newsfeedDetailNonTransactional-wrap .prodDetMain .publicBx_top > span,
.NFD-pageWrap .commentDesc > strong {
    font-size: 17px;
    color: #1a1d27;
}

.NFD-pageWrap .newsfeedDesc, .newsfeed_DetDesc .reason-message {
    font-size: 15px;
    line-height: 24px;
    color: #1a1d27;
}

.NFD-main-PageWrap .commentDesc > span small.cmtTime {
    font-size: 13px;
    color: #999;
}

/* My Profile page wrapper */

.myProfile-pageWrap .profviewBx {
    box-shadow: none;
    border-radius: 0px;
    background: #fff;
    margin-bottom: 0px;
}

    .myProfile-pageWrap .profviewBx .myprofHd {
        padding: 0px 0px 5px;
        margin-bottom: 0;
        font-size: 23px;
        color: #1a1d27;
        line-height: 28px;
        border-bottom: #e0e0e0 solid 1px;
    }

        .myProfile-pageWrap .profviewBx .myprofHd img.wallet-icon {
            width: 100%;
            max-width: 24px;
            position: relative;
            margin-right: 5px;
        }

.myProfile-pageWrap .myprofHd span strong {
    font-size: 21px;
}

.myProfile-pageWrap .profView_L i {
    width: 150px;
    height: 150px;
    border: 3px solid #e0e0e0;
}

.myProfile-pageWrap .editBtn {
    width: 35px;
    height: 35px;
    right: 0px;
    background: #127bf3;
    border: 1px solid #127bf3;
}

.myProfile-pageWrap .quboarder {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.myProfile-pageWrap .profView_L strong.profile-fullname {
    font-size: 21px;
}

.myProfile-pageWrap .profView_R .aproDetInn a.showPopupEdit {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin-right: 5px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

    .myProfile-pageWrap .profView_R .aproDetInn a.showPopupEdit img {
        position: relative;
    }

    .myProfile-pageWrap .profView_R .aproDetInn a.showPopupEdit:hover {
        border-color: #127bf3;
    }

.myProfile-pageWrap .proDetBx {
    display: block;
}

    .myProfile-pageWrap .proDetBx label {
        display: inline-block;
        color: #333;
        font-size: 18px;
    }

.myProfile-pageWrap .profView_R .proDetBx span {
    color: #999;
    font-size: 16px;
    line-height: 24px;
    display: inline-block
}

.myProfile-pageWrap .received_Nav {
    background: #ffffff;
    margin-bottom: 0px;
    text-align: center;
    border-radius: 0px;
}

    .myProfile-pageWrap .received_Nav li a {
        padding: 0px;
    }

.myProfile-pageWrap .feedListBx {
    padding: 30px 0px 0px;
}

.myProfile-pageWrap .public_Bx {
    background: #fff;
    border-radius: 0px;
    margin-bottom: 0px;
    box-shadow: none;
    border-bottom: 1px solid #e0e0e0;
}

    .myProfile-pageWrap .public_Bx:last-child {
        border-bottom: 0px;
    }

    .myProfile-pageWrap .public_Bx:hover {
        background: #f9f9f9;
    }

.myProfile-pageWrap .publicBx_top {
    padding: 25px 20px 25px 120px;
    min-height: auto;
}

    .myProfile-pageWrap .publicBx_top i {
        width: 90px;
        height: 90px;
        top: 15px;
        left: 5px;
        border-radius: 50%;
        border: 3px solid #e0e0e0;
    }

.myProfile-pageWrap .feedListBx .publicBx_top .transaction-UserName {
    padding-bottom: 5px;
}

.feedListBx .publicBx_top .newfeedTime {
    padding-bottom: 0px;
    font-size: 14px;
    color: #999;
}

.newfeed-reasonWrap {
    margin-top: 15px;
    color: #000000;
    font-size: 19px;
    font-weight: 500;
}

    .newfeed-reasonWrap .newfeed-reasonMess {
        color: #999;
        font-size: 15px;
    }

/* TwoFactorSetup page style */

section.fb-stepsOuter.twoFactorSetup-pageWrapper {
    border: 0;
}
.twoFactorSetup-pageWrapper .fb-stepsBx {
    padding: 20px;
    max-width: 450px;
    border-radius: 5px;
}
    .twoFactorSetup-pageWrapper .fb-stepsBx strong {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .twoFactorSetup-pageWrapper .fb-stepsBx span {
        line-height: 24px;
        padding-bottom: 20px;
    }
#authfact .fbsteps-popups .barcodeBx {
    display: flex;
}

    .fbsteps-popups .barcodeBx .barcodeBx_left {
        width: 49%;
    }

    .fbsteps-popups .barcodeBx .barcodeBx_right {
        width: 49%;
        height: auto;
        padding: 15px;
        border-radius: 5px;
    }
.fbsteps-popups .backnextBtn {
    text-align: center;
    padding: 30px 0px 0px;
}
/* Finds Friends page style */

.findFriends-mainWrap .newsfeedBg {
    padding: 0px;
    background: #ffffff;
}
.findFriends-mainWrap .members_MainBx {
    padding: 0px;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 20px;
}

.nbs-logo.restau-icon.nearbyactive{ border-color: green; }
/* Auto complite */

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5 !important;
    /*display: block !important;*/
    padding: 1px;
    border-radius: 5px;
    max-height: 310px;
    overflow-y: auto;
	max-width: 650px;
}
.ui-menu .ui-menu-item  {
    padding: 5px 0px;
}
.ui-menu .ui-state-focus, .ui-menu .ui-menu-item:hover {
     color: #0554e2;
  	background: transparent !important;
	border-color: transparent !important;
 }

.top-headerSearch-in .hdtr_search {
    float: none;
    width: 100%;
}
.top-headerSearch-in .nbs-textbox {
    padding: 16px 10px 10px 25px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0px;
    box-shadow: none;
}
.top-headerSearch-in .hdtr_search-wrap .hdrSrchBtn2 {top: 16px;}

.BPP-Mainwrapper .branchSocial ul li a {
    display: block;
    width: 30px;
}
.BPP-Mainwrapper .branchSocial ul li a img {
    border-radius: 4px;
}

.BPP-overviewTab .branchGall ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.BPP-overviewTab .branchGall ul li {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px 0px;
}

.ui-datepicker select.ui-datepicker-month {
    margin-right: 5px !important;
    padding: 0px 3px !important;
}
.ui-datepicker select.ui-datepicker-year {padding: 0px 3px !important;}

.sweet-alert button.confirm {background-color: #127bf3 !important;box-shadow: none !important;}
.sweet-alert button.confirm:hover {background: #38d176 !important;}
.sweet-alert button.cancel:hover{background: #575757 !important;}

.titleHD {
    font-size: 21px;
    color: #1a1d27;
    font-family: 'Helvetica';
    margin-bottom: 20px;
    text-align: center;
}
section.newsfeed_NavBg.reqfltrBg .transHdr {
    color: #333;
    margin: 30px 0px;
    font-size: 15px;
    line-height: 30px;
    background: #f5f6fa;
    padding: 10px 20px;
    border-radius: 4px;
}
.information-pageWrap .transNav,
.information-pageWrap .termsMain {
    padding: 0;
    margin: 0px 0px 30px;
    box-shadow: none;
    border-radius: 0px;
}
.information-pageWrap .transNav {margin-bottom: 50px;}
.information-pageWrap .transNav li a {
    font-size: 18px;
    line-height: 28px;
    padding: 0px;}

.information-pageWrap .termsContent_Inn div,
.information-pageWrap .termsContent_Inn p,
 .information-pageWrap .termsContent_Inn ul li {
    font-size: 14px;
    line-height: 24px;
    color: #2d2d2d !important;
    margin: 0px 0px 20px;
}
.information-pageWrap .termsContent_Inn p{margin-bottom: 0px;}

/* 13-11-2019 */

.walletSlider {
    padding: 10px 9px;
}

    .walletSlider li {
        width: 31.33%;
        float: left;
        margin: 0 1% 2%;
    }

.wallet_slider .owl-controls {
    display: none;
}

.wallet_slider .owl-next {
    background: #edf3f9 url(/Content/images/slide-arrow_right.png) center center no-repeat;
    width: 34px;
    height: 58px;
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden;
    text-indent: 200px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    right: -20px;
}

.wallet_slider .owl-prev {
    background: #edf3f9 url(/Content/images/slide-arrow_left.png) center center no-repeat;
    width: 34px;
    height: 58px;
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden;
    text-indent: 200px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    left: -20px;
}

.withdraw-Inner .walletSlider li:hover {
    background: #f5f6fa;
}

.flt {
    float: left;
}

.frt {
    float: right;
}

.walletIcon {
    width: 100%;
    max-width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.walletAmout {
    color: #0172f4;
    font-size: 21px;
    display: inline-block;
}

.transferBank-note {
    padding: 10px;
    margin: 30px auto;
    border-radius: 4px;
    background: #f5f6fa;
    font-size: 14px;
    color: #303030;
    text-align: center;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.transferAmount-boxWrap {
    background: #f5f6fa;
    padding: 15px;
    margin-bottom: 30px;
}

.cust-formLabel {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    color: #202629;
    font-weight: 600;
}

.transferAmount-boxWrap .bankDet_Bx {
    width: 100%;
    max-width: 230px;
    margin-right: 15px;
}

.login_FrmInp {
    width: 100%;
    height: auto;
    padding: 10px;
    font-size: 14px;
    color: #1a1d27;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
}

.transferAmount-boxWrap .AddaccountBtn {
    padding-top: 0px;
    padding-bottom: 0;
}

.transferAmount-boxWrap .addBranchBtn {
    float: right;
    font-size: 14px;
    background: #0172f4;
    color: #fff;
    line-height: 20px;
    border-radius: 3px;
    border: 1px solid #0172f4;
    padding: 8px 20px;
}

.pdb-0 {
    padding-bottom: 0px !important;
}

.RWT-filterBox {
    margin-top: 30px;
}

.MyaccHd {
    font-size: 21px;
    color: #303030;
    padding-bottom: 15px;
}

.regtbleMain {
    padding: 20px 0 0 0;
}

.frmInnbx {
    float: left !important;
    margin-right: 2%;
}

.frmInnbxOuter {
    width: 52%;
    float: left !important;
    margin-right: 2%;
}
.callBxInn {
    width: 48%;
}
.transfrmBx {
    padding-bottom: 20px;
}

.calcIcon {
    background-image: url(../images/BankUser/calc-icon.png) !important;
    background-position: right 10px center;
    background-repeat: no-repeat;
}

.srchBtnBx {
    text-align: right;
    float: right;
}
.addBranchBtn {
    float: right;
    font-size: 14px;
    background: #0172f4;
    color: #fff;
    padding: 5px 20px;
    line-height: 20px;
    border-radius: 3px;
    margin-top: 7px;
    border: 1px solid #0172f4;
}
.getStatement-btnWrap .addBranchBtn {
    margin-top: 0px;
    padding: 8px 20px;
    width: 100%;
}
.registerTble table, .custTable-wrap table {
    min-width: 800px;
}
.registerTble, .customTable-wrap {
    overflow-x: auto;
}
.transaction-tableWrap table thead tr th {
    background: #f8f9fb;
    text-align: left;
    padding: 15px 15px;
    font-weight: 500;
    font-size: 15px;
}
.transaction-tableWrap table tbody tr td {
    border-bottom: #d6d6d6 solid 1px;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 28px;
    color: #828587;
}
.transaction-tableWrap {
    margin-bottom: 20px;
}

/* Layout update of inner page newsfeedList */

.friendsPageWrapper .updateLayout-newsfeedList .public_Bx:hover {
    background: #f9f9f9;
}
.UserNewfeedsPageWrap .updateLayout-newsfeedList .half_left {
    width: 100%;
}
.friendsPageWrapper .updateLayout-newsfeedList .public_Bx {
    border: 0px solid #e0e0e0;
}
.friendsPageWrapper .updateLayout-newsfeedList .publicBx_top {
    padding: 0px 0px 0px 110px;
}
    .friendsPageWrapper .updateLayout-newsfeedList .publicBx_top i {
        left: 0;
        top: 0px;
        transform: translate(0%, 0%);
    }
    .friendsPageWrapper .updateLayout-newsfeedList .publicBx_top strong,
    .UserNewfeedsPageWrap .updateLayout-newsfeedList .nf-time-amount {
        text-align: left;
        margin-top: 0px;
    }
.updateLayout-newsfeedList .publicBx_topNewsfeed {
    min-height: 100px !important;
}
.updateLayout-newsfeedList .newfeedImg {
    min-height: 20px;
    min-width: 100%;
}
    .updateLayout-newsfeedList .newfeedImg ul.gallery li {
        width: 100%;
        height: 100%;
        border: 0px;
        margin-right: 0px;
        display: block;
        vertical-align: top;
    }
    .updateLayout-newsfeedList .newfeedImg ul.gallery img {
        border: 0px solid #3e3e3e;
        border-width: 0;
    }

.received-Sent_Section {
    background: #f5f5f5;
    padding: 30px 15px 15px;
    border-radius: 3px;
    margin-bottom: 15px;
}
.received_Nav.received-Sent_Nav {
    background: transparent;
    text-align: center;
}
.requestStatus-text {
    text-align: center;
    color: red;
    font-size: 16px;
    margin-top: 10px;
}
.requestStatus .reqDelBtn {
    padding: 7px 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #1a1d27;
    margin-right: 0px;
}
.requestStatus .reqDelBtn:hover {
    color: #0172f4;
    background: #ffffff;
    border-color: #0172f4;
}

.pad-b-15 {padding-bottom: 15px !important;}

.members_MainBx.peopleYouMayKnow li strong a {
    height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px;
}

.ds-chat-popup .chatpayform .chatpayform-field .dollar-icon {height: 40px;}

#popupattachment.attachImgPopup .close_attach {top: 20px; right: 20px; font-size: 20px; color: #fff;}

.paylinkUpdate-field-wrap {padding: 0px 25px 0px;}
.WalletLimit-link {
        float: right;
}
.WalletLimit-link a {color: #2272f4; font-size: 14px; text-decoration: underline;}
.NFD-pageWrap .newsfeed_DetTop {position: relative;}
.humberger-Nav2 {
    position: absolute;
    top: 10px;
    right: 10px;
}
.humberger-Nav2 i {
    width: 6px;
    height: 6px;
    background: #247bf3;
    display: block;
    margin-bottom: 3px;
    border-radius: 50%;
}
   .clsblockreason{
       padding-top:10px;
   }
.cust-textarea-wrapper {
    width: 100%;
    height: 100px;
    padding: 10px;
    border-radius: 3px;
    resize: none;
    border-color: #e0e0e0;
    margin-top: 15px;
}
.newsFeeds-galleryWrapper {
        display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.newsFeeds-galleryWrapper li {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 5px;
    padding-right: 5px;
    height: auto !important;
}
.newsFeeds-galleryWrapper li a {display: block !important; width: 100%; height: 100%;}
.newsFeeds-galleryWrapper li img {width: 100% !important; height: 100% !important;}

.custpopup-500 .changepassOuter.payment-popupWrap-2 {max-width: 500px;}
.payment-popupWrap-2 .frdImgBx.payToFriend-friendInfo {min-height: 80px; text-align: left; padding-top: 15px; padding-left: 100px;}
.payment-popupWrap-2 .frdImgBx.payToFriend-friendInfo .uiw {position: absolute;top: 0px; left: 0px; margin-bottom: 0px;}
.frmBx.amountField {width: 100%;}
.qr_MainBx-wrap .box-inner .notifi_InnList li span {font-size: 12px;}

.owl-prev, .owl-next {position: absolute; top: 20px; color: #1a1d27;}
.owl-next {right: 0;}
.owl-prev {left: 0;}

.user-authorization-details {max-width: 500px;}
/*.user-authorization-details .customTable-wrap {max-height: 500px;}
table.user-authorization-details-table {min-width: 930px; border: 1px solid #e0e0e0;}
table.user-authorization-details-table thead tr th {text-align: left; padding: 10px 5px; background: #f3f4f4;}
table.user-authorization-details-table tbody tr td {min-width: 100px; border-top: 1px solid #e0e0e0; padding: 10px 5px; vertical-align: top;}
.user-authorization-details-table tbody tr td .paidBx { min-height: 40px; padding-left: 50px;}
.user-authorization-details-table tbody tr td .paidBx span{color: #1a1d27; line-height: 15px;}*/

.step-TopHDBox {
    padding: 0px 0px 30px;
}
.step-TopHDBox .paidBx {
    position: relative;
    padding-left: 90px;
    min-height: 70px;
}
.step-TopHDBox .paidBx-userImage {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #e0e0e0;
    position: absolute;
    left: 0;
    top: 0;
}
.step-TopHDBox .paidBx-userImage img {
    border-radius: 100%;
}
.paid-receive-userName {
    font-size: 16px;
    line-height: 28px;
    color: #1a1d27;
    font-weight: 600;
}
.amountWrap {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
}
.step-Boxinner-wrap {
    padding-left: 55px;
}
.paidBx span.amountValue {
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    color: red;
}
.step-Boxinner {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 20px;
    position: relative;
    min-height: 80px;
}
.step-Boxinner:after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #247bf3;
    position: absolute;
    top: 5px;
    left: -40px;
}
.step-Boxinner:before {
    content: '';
    top: 20px;
    left: -32px;
    bottom: 0;
    width: 3px;
    height: 100%;
    background: #247bf3;
    position: absolute;
}
.step-Boxinner:last-child:before {
    background: transparent;
}
.paid-amountValue {
    font-size: 16px;
    line-height: 26px;
    color: #1a1d27;
    font-weight: 600;
}
.paid-amountValue span {
    font-size: 16px;
    color: hsl(44, 93%, 49%);
    margin-left: 25px;
}
.paid-receive-transaction-Id span {
    display: inline-block;
    color: #999;
    margin-right: 5px;
}
.paid-receive-transaction-Id {
    color: #999;
}
.pay-reasonHD {
    color: #247bf3;
    font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
}
span.clock-iconWrap {
    vertical-align: middle;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.comment_Type.uploadImg-commentFiled {
    padding-right: 50px;
}
.comment_Type.uploadImg-commentFiled .addcmtInp {
    padding-left: 10px;
    height: 35px;
    color: #000 !important;
}
.comment_Type.uploadImg-commentFiled .addCmtBtn {
    right: 10px;
    height: 35px;
    width: 33px;
}
#popupattachment.attachImgPopup .close_attach.txt-black {color: #000;}

.selectFriend-popup {
     display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-right: -15px;
    margin-left: -15px;
	max-height: 250px;
    overflow-y: auto;
}
.selectFriend-popup li {
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
	margin-bottom: 15px;
}
.addCardNew i {
    padding: 0;
    margin: 0;
}
.addCardNew {
    color: #2272f4;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 2px solid #247bf3;
    padding: 0;
    text-align: center;
    float: right;
}

/* select2-result-repository style */

.select2-result-repositoryWrapper {
    position: relative;
    padding-left: 50px;
	border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}
.select2-results__options li.select2-results__option:last-child .select2-result-repositoryWrapper {
 border-bottom: 0px solid #e0e0e0;
}
.select2-result-repositoryWrapper .select2-result-repository__addUser {
    position: absolute;
    right: 0;
    font-size: 18px;
    color: #38d176;
}
.select2-result-repositoryWrapper .select2-result-repository__avatar {
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
	border-radius: 50%;
	border: 2px solid #e0e0e0;
}
.select2-result-repositoryWrapper .select2-result-repository__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.select2-result-repositoryWrapper .select2-result-repository__reating {
    position: absolute;
    left: 5px;
    top: 45px;
}
.select2-result-repositoryWrapper .select2-result-repository__reating i {
    color: #db4437;
}
.select2-result-repositoryWrapper .select2-result-repository__title {
    font-size: 13px;
	line-height: 18px;
    font-weight: 600;
	padding-right: 25px;
}
.select2-result-repositoryWrapper .select2-result-repository__description {
    font-size: 13px;
    line-height: 18px;
    color: #999;
	padding-bottom: 10px;
	padding-right: 25px;
}
.select2-result-repositoryWrapper .action-IconBox {
    display: inline-block;
    margin-right: 15px;
}
.select2-result-repositoryWrapper .action-IconBox i {
    font-size: 18px;
	color: #0172f4;
}
.select2-result-repositoryWrapper .repository_payBtnWrap {
    margin: 15px 0px 5px;
}
.select2-result-repositoryWrapper .repository_payBtnWrap a {
    display: inline-block;
    border: 1px solid #127bf3;
    padding: 3px 15px;
    background: #0172f4;
    color: #fff;
    border-radius: 3px;
}
.select2-result-repositoryWrapper .repository_payBtnWrap a.repository_requestPay {
    margin-left: 10px;
    background: #38d176;
    border-color: #38d176;
	padding: 3px 10px;
}
.select2-result-repositoryWrapper .distance_valueBox {
    font-size: 13px;
    color: #0172f4;
}
.select2-result-repositoryWrapper .distance_valueBox .distance_value {
    margin-right: 2px;
    margin-left: 2px;
}


/* select2-result-repository style end */