@font-face {
    font-family: 'BrandonGrotesque-Light';
    src: url('../fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/BrandonGrotesque-Light.otf') format('opentype'), url('../fonts/BrandonGrotesque-Light.woff') format('woff'), url('../fonts/BrandonGrotesque-Light.ttf') format('truetype'), url('../fonts/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Medium';
    src: url('../fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BrandonGrotesque-Medium.otf') format('opentype'), url('../fonts/BrandonGrotesque-Medium.woff') format('woff'), url('../fonts/BrandonGrotesque-Medium.ttf') format('truetype'), url('../fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Regular';
    src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BrandonGrotesque-Regular.otf') format('opentype'), url('../fonts/BrandonGrotesque-Regular.woff') format('woff'), url('../fonts/BrandonGrotesque-Regular.ttf') format('truetype'), url('../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque-Bold';
    src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/BrandonGrotesque-Bold.otf') format('opentype'), url('../fonts/BrandonGrotesque-Bold.woff') format('woff'), url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype'), url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}



html, body {
    height: 100%;
}

body {
    background-color: #FFFFFF;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    position: relative;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
}

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #f9f9f9;
}

.load-message {
    background: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

::selection {
    color: #FFFFFF;
    background: #6e6e6e;
}

::-moz-selection {
    color: #FFFFFF;
    background: #6e6e6e;
}

section, div, p, span, a {
    font-weight: normal;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

a {
    color: #4F4B60;
    cursor: pointer;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.btn {
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

a:hover,
a:active,
a:focus {
    color: inherit;
    text-decoration: none;
}

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

ol {
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
    border-radius: 10px;
    background-color: #555555;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #555555;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.6);
    background-color: #F5F5F5;
}

input[type="button"], button, input[type="button"]:hover, button:hover, input[type="button"]:focus, button:focus {
    outline: none;
    cursor: pointer;
}

.main_container {
    position: relative;
    width: 100%;
    float: left;
}

.strike {
    text-decoration: line-through;
}

.clear {
    clear: both;
}

.no-border {
    border: none !important;
}

.bold {
    font-weight: 600 !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.bottom25 {
    margin-bottom: 25px !important;
}

.bottom90 {
    margin-bottom: 90px !important;
}

.top14 {
    margin-top: 14px;
}

.bottom12 {
    margin-bottom: 12px;
}

.radius50 {
    border-radius: 50px !important;
}

.w100p {
    width: 100% !important;
}

.modal-body .btn.btn-default.btngreen {
    color: #ffffff;
    background: #3cb60c;
    border-color: #3cb60c;
}

.modal-body .error {
    position: static;
    display: block;
}

.image-responsive {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

input.btn.bth-custom {
    border: none;
    outline: none;
    border-radius: 0;
}

.loading-spiner {
    background: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
    right: 0;
}

.cssload-loader {
    width: 244px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: .2em;
}

    .cssload-loader::before, .cssload-loader::after {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        background: #ffffff;
        position: absolute;
        animation: cssload-load .81s infinite alternate ease-in-out;
        -o-animation: cssload-load .81s infinite alternate ease-in-out;
        -ms-animation: cssload-load .81s infinite alternate ease-in-out;
        -webkit-animation: cssload-load .81s infinite alternate ease-in-out;
        -moz-animation: cssload-load .81s infinite alternate ease-in-out;
    }

    .cssload-loader::before {
        top: 0;
    }

    .cssload-loader::after {
        bottom: 0;
    }

@keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }

    50% {
        height: 8px;
        width: 39px;
    }

    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

@-o-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }

    50% {
        height: 8px;
        width: 39px;
    }

    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

@-ms-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }

    50% {
        height: 8px;
        width: 39px;
    }

    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

@-webkit-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }

    50% {
        height: 8px;
        width: 39px;
    }

    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

@-moz-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }

    50% {
        height: 8px;
        width: 39px;
    }

    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

.loadUploading {
    /*background: rgba(255,255,255,0);*/
    background: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 99999;
}

.UpWrapper {
    max-width: 600px;
    height: 160px;
    padding: 50px;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #773A90;
    font-weight: 600;
    background: rgba(255,255,255,0.9);
    border: 5px solid #773A90;
}

    .UpWrapper .progress {
        height: 20px;
        margin-top: 10px;
        border: 1px solid #cccccc;
    }

    .UpWrapper .progress-bar {
        background-color: #773A90;
    }

    .UpWrapper .progress-bar-striped, .UpWrapper .progress-striped .progress-bar {
        background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
    }


/***** Header Begin******/
header {
    background: #323a45;
    color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    header .nav {
        margin-top: 9px !important;
    }

@media screen and (min-width:1200px) {
    header .container, footer .container {
        max-width: calc(100% - 30px);
    }
}


header.sticky {
    position: fixed;
    padding-top: 15px;
    padding-bottom: 15px;
}

header .logo img {
    max-width: 150px;
    margin-top: 7px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header.sticky .logo img {
    max-width: 150px;
}

header .navbar-nav > li > a {
    color: #ffffff;
    text-transform: uppercase;
    /*font-family: Raleway, sans-serif;*/
    font-family: 'BrandonGrotesque-Light';
    font-size: 15px;
    font-weight: 400;
    padding: 0;
    margin-left: 35px;
    padding-bottom: 5px;
    margin-top: 17px;
    border-bottom: 2px solid transparent;
    position: relative;
}

    header .navbar-nav > li > a:hover:before,
    header .navbar-nav > li > a:hover:after {
        width: 100%;
        background-color: #ffffff;
    }

    header .navbar-nav > li > a.active:before,
    header .navbar-nav > li > a.active:after {
        width: 100%;
        background-color: #ffffff;
    }

    header .navbar-nav > li > a:after,
    header .navbar-nav > li > a:before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        position: absolute;
        bottom: 20px;
        right: 0;
        transition: all .3s ease;
        width: 0;
        bottom: 0;
    }

header.sticky .navbar-nav > li > a:after, header.sticky .navbar-nav > li > a:before {
    background-color: #94a1f4;
}

header .navbar-nav > li > a:before {
    left: 0;
}

header .navbar-nav > li > a:link {
    background: none;
}

header .navbar-nav > li > a.Aboutactive:active:before, header .navbar-nav > li > a.Aboutactive:active:after {
    width: 100%;
}

.needHelp {
    text-align: right;
    margin-left: 30px;
    margin-top: 11px;
    margin-right: 0px;
    font-size: 13px;
}

.IconLink .dropdown {
    margin-left: 20px;
    padding-bottom: 5px;
    margin-top: 17px;
    font-size: 17px;
    font-family: 'BrandonGrotesque-Light';
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
}

    .IconLink .dropdown .fa.fa-caret-down {
        margin-left: 5px;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s;
        transform: rotate(0deg);
    }

    .IconLink .dropdown.open .fa.fa-caret-down {
        transform: rotate(180deg);
    }

.IconLink a {
    margin-left: 0px;
    margin-top: 0px;
    text-align: right;
    border-bottom: none;
    color: #ffffff;
    text-decoration: none;
}

.IconLink .dropdown-menu a {
    margin-left: 0px;
    margin-top: 0px;
    text-align: right;
    border-bottom: 1px solid #777777;
    font-size: 16px;
    /*color: #323a45;*/
    color: #ffffff;
    font-weight: 600;
    padding: 7px 10px;
    min-width: 180px;
    padding-right: 25px;
    text-transform: capitalize;
}

    .IconLink .dropdown-menu a:hover {
        background: transparent;
    }

.IconLink .dropdown-menu li:last-child a {
    border-bottom: none;
}

header ul.nav.navbar-nav.navbar-right {
    padding-right: 30px;
    /*background: url(../images/user-icon.png) no-repeat right 11px;*/
    margin-right: 0;
}

.userIcon {
    background: url(../images/user-icon.png) no-repeat right 3px;
    padding: 7px 17px;
}

span.spanUserName {
    position: relative;
    top: 0px;
}

a.logoutText {
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    right: 47px;
    bottom: -2px;
}

.IconLink .dropdown .dropdown-menu {
    right: 0;
    left: auto;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    top: 40px;
    display: block;
    visibility: hidden;
    opacity: 0;
    right: -34px;
    background: #323a45;
    border-color: #777777;
}

.IconLink .dropdown.open .dropdown-menu {
    visibility: visible;
    top: 26px;
    opacity: 1;
    right: -34px;
}

.IconLink ul.dropdown-menu:before {
    width: 0;
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #777777;
    position: absolute;
    top: -7px;
    right: 30px;
}

.IconLink ul.dropdown-menu:after {
    width: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #323a45;
    position: absolute;
    top: -6px;
    right: 31px;
}

.searchInput {
    background: transparent;
    border: 1px solid #777777;
    padding: 7px 10px 7px 30px;
    border-radius: 5px;
    margin-top: 11px;
    color: #ffffff;
}

.searchBox .fa {
    position: absolute;
    left: 9px;
    bottom: 11px;
    pointer-events: none;
    font-size: 15px;
}

.mobileLink.IconLink {
    float: left;
    position: relative;
}

    .mobileLink.IconLink .dropdown {
        margin-left: 0;
        margin-top: 0;
        margin-right: 10px;
        padding-top: 6px;
    }

    .mobileLink.IconLink .userIcon {
        background: url(../images/user-icon.png) no-repeat right 3px;
        padding: 7px 17px;
        background-size: 25px;
    }

header .navbar-toggle {
    vertical-align: top;
    font-size: 21px;
    line-height: 26px;
}

.mobileLink.IconLink .dropdown.open .dropdown-menu {
    left: auto;
    right: -34px;
}

.mobileLink.IconLink .dropdown .dropdown-menu {
    right: -34px;
    left: auto;
    margin: auto;
}

.mobileLink.IconLink .dropdown .dropdown-menu {
    right: -34px;
    left: auto;
    margin: auto;
}

.nav > li > a.HowItWork:hover, .nav > li > a.HowItWork:focus {
    background: transparent;
}
/***** Header End******/
/***Home Page Begin***/
h2.sectionTitle, h3.sectionTitle {
    color: #333c4e;
    font-size: 40px;
    text-align: center;
    font-weight: 300;
    width: 100%;
    margin: auto;
    margin-bottom: 46px;
    font-family: 'Open Sans', sans-serif;
}

p.cmnText {
    font-family: 'Open Sans', sans-serif;
    color: #7e8890;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    margin-bottom: 20px;
}

.who-we-are-details {
    padding: 80px 0 50px;
    border-bottom: 1px solid #7e8890;
}

    .who-we-are-details p.cmnText {
        max-width: 730px;
        margin: auto;
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 26px;
    }

        .who-we-are-details p.cmnText:last-child {
            max-width: 600px;
        }


.PersonasWrapper .Personas-box {
    border: 1px solid #dddddd;
    padding: 25px 30px 40px;
    border-radius: 20px;
    box-shadow: 0px 0px 25px #cccccc;
    background: #ffffff;
    margin-top: 30px;
    text-align: center;
}

    .PersonasWrapper .Personas-box a.mediaKnowMore {
        font-size: 19px;
    }

        .PersonasWrapper .Personas-box a.mediaKnowMore .fa {
            font-size: 19px;
            vertical-align: middle;
            text-align: center;
            line-height: 18px;
        }

            .PersonasWrapper .Personas-box a.mediaKnowMore .fa:before {
                margin-left: 2px;
            }

.textColor {
    color: #422681;
    font-weight: 600;
}

.cmnText.textColor {
    color: #422681;
}

.PD-img {
    height: 220px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
}

.PersonasWrapper .col-sm-6:nth-child(2) .Personas-box .PD-img img {
    margin-top: 25px;
}

.PD-title {
    color: #333c4e;
    font-family: 'BrandonGrotesque-Regular';
    font-weight: 600;
    text-align: center;
    font-size: 21px;
    margin-bottom: 20px;
}

.Personas-box > p {
    font-family: 'BrandonGrotesque-Regular';
    color: #7e8890;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    margin: 20px 0 30px;
}

.clientDetails {
    padding: 70px 0;
    background: #f9f9f9;
    background: linear-gradient(to bottom, #f9f9f9 0%,#f9f9f9 71%,#f9f9f9 50%,white 50%,white 100%);
}

    .clientDetails .cmnText {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

.clientReviewWrapper {
    max-width: 600px;
    width: 90%;
    margin: auto;
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 50px 100px;
    border-radius: 10px;
    box-shadow: 0px 0px 50px #dddddd;
    margin-top: 100px;
    margin-bottom: 20px;
    text-align: center;
}

    .clientReviewWrapper .slick-list {
        top: -117px;
        margin-bottom: -140px;
    }

    .clientReviewWrapper .slick-dots {
        bottom: 80px;
    }

p.C-tagline {
    color: #333c4e;
    font-family: 'BrandonGrotesque-Regular';
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

.ClientImg {
    position: relative;
}

    .ClientImg img {
        border: 4px solid #cccccc;
        border-radius: 50%;
    }

.C-name {
    color: #682a9d;
    font-family: 'BrandonGrotesque-Regular';
    font-weight: 600;
    font-size: 20px;
    outline: none;
    margin-bottom: 25px;
    margin-top: 30px;
}

p.C-review {
    font-family: 'BrandonGrotesque-Regular';
    color: #7e8890;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
}

.bg-Darkgray {
    background: #f5f5f5;
}

.Personas-details p.topcontent {
    color: #656b6f;
    font-size: 26px;
    text-align: center;
    line-height: 35px;
    font-family: 'Open Sans', sans-serif;
    max-width: 400px;
    margin: auto;
    margin-bottom: 33px;
}

.PersonasWrapper {
    width: 100%;
    max-width: 800px;
    margin: auto;
}

.Personas-details {
    padding: 70px 0 90px;
    border-top: 1px solid #7e8890;
    border-bottom: 1px solid #7e8890;
}

    .Personas-details .sectionTitle {
        max-width: 300px;
        line-height: 45px;
    }

    .Personas-details .cmnText {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        font-size: 22px;
        line-height: 24px;
    }

.WeTrustedDetails {
    padding: 60px 0 60px;
    display: none;
    border-bottom: 1px solid #7e8890;
}

    .WeTrustedDetails .cmnText {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

.main-container {
    padding-top: 83px;
    padding-bottom: 55px;
}

.bannerRetails h1 {
    font-size: 45px;
    font-weight: 600;
    padding-left: 40px;
    margin-top: 120px;
}

.bannerRetails h2 {
    font-size: 25px;
    font-weight: 400;
    padding-left: 40px;
}

.bannerRetails {
    background: #323a45;
    color: #ffffff;
    padding: 30px 0px 70px;
    background: #323a45 url(../images/bannerBg.svg) repeat-x bottom;
    height: calc(100vh - 151px);
}

.bannerRetailsanimate {
    background-color: #323a45;
    background-image: url(../images/bannerBganimatelast.svg),url(../images/bannerBganimate.svg), url(../images/bannerBg.svg);
    background-repeat: repeat-x, repeat-x, repeat-x;
    /*background-position: bottom, 0 bottom, bottom;*/
    background-position: 0 bottom, bottom,0 bottom;
    -moz-animation: animatedBackground 35s linear infinite;
    -o-animation: animatedBackground 35s linear infinite;
    -webkit-animation: animatedBackground 35s linear infinite;
    animation: animatedBackground 35s linear infinite;
    /*filter: grayscale(1%);*/
}


@-webkit-keyframes animatedBackground {
    from {
        background-position: 1900px bottom,0 bottom,1900px bottom;
    }

    to {
        background-position: 0 bottom,1900px bottom,0 bottom;
    }
}

@-moz-keyframes animatedBackground {
    from {
        background-position: 1900px bottom,0 bottom,1900px bottom;
    }

    to {
        background-position: 0 bottom,1900px bottom,0 bottom;
    }
}

@-o-keyframes animatedBackground {
    from {
        background-position: 1900px bottom,0 bottom,1900px bottom;
    }

    to {
        background-position: 0 bottom,1900px bottom,0 bottom;
    }
}


@keyframes animatedBackground {
    from {
        background-position: 1900px bottom,0 bottom,1900px bottom;
    }

    to {
        background-position: 0 bottom,1900px bottom,0 bottom;
    }
}

.form-control:focus {
    box-shadow: none;
    outline: none;
}

.bannerSection {
    display: table;
    width: 100%;
}

    .bannerSection > div {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

.retailForm {
    max-width: 400px;
    margin: auto;
    margin-right: 0;
}

.bannerSection.Step2 .retailForm {
    max-width: 400px;
    margin: auto;
    margin-left: 0;
}

.retailForm label {
    font-weight: 400;
    margin-top: 20px;
}

.select-cur.input-group-addon {
    background: #7D55F5;
    border: none;
    height: 45px;
    border-radius: 12px 0 0 12px;
    padding-left: 15px;
    padding-right: 13px;
    padding-top: 0;
    padding-bottom: 0;
}

.select-cur + input.form-control {
    height: 47px;
    font-size: 20px;
    outline: none;
    border: none;
    box-shadow: none;
    font-weight: 600;
    color: #323a45;
    border-radius: 0 12px 12px 0;
}



.bannerSection.Step2 .select-cur.input-group-addon, .bannerSection.Step2 .select-cur select.cusSelect {
    background-color: #737373;
    background-size: 12px;
}

.inrTextBox .input-group-addon {
    height: 47px;
    padding: 2px 5px 0 15px;
    font-size: 16px;
    background: transparent;
    border: none;
}

.inrTextBox .form-control {
    border: none;
    height: 47px;
    background: transparent;
    color: #ffffff;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    padding-left: 10px;
    padding-top: 2px;
    /*padding-right: 33px;   
    background: transparent url(../images/edit-icon.png) no-repeat 98% center;
    background-size: 19px;*/
}

.bannerSection .retailForm .inrTextBox .form-control {
    font-size: 28px;
    padding-left: 50px;
}

.input-group.inrTextBox {
    border: 1px dashed #ffffff;
    border-radius: 10px 10px;
}

.retailForm .form-group {
    margin-bottom: 10px;
}

.transBtn {
    margin: 15px 10px;
    text-decoration: underline;
    text-align: center;
    font-size: 16px;
}

    .transBtn span {
        cursor: pointer;
    }

.btnGreen {
    background: #3cb60c;
    border-color: #3cb60c;
    color: #ffffff;
    padding: 10px;
    min-width: 200px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    text-align: center;
    outline: none;
}

.startRemitbtn {
    min-width: 100%;
}

.btnGreen:focus, .btnGreen:hover {
    background: #3cb60c;
    border-color: #3cb60c;
    color: #ffffff;
}


.btnOrange {
    background: #f29957;
    /*border-color: #3cb60c;*/
    color: #ffffff;
    padding: 10px;
    min-width: 100%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    outline: none;
}

    .btnOrange:focus, .btnOrange:hover {
        background: #f29957;
        /*border-color: #3cb60c;*/
        color: #ffffff;
    }




.btnTrans {
    background: transparent;
    border-color: transparent;
    color: #ffffff;
    padding: 10px;
    min-width: 200px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    text-align: center;
    outline: none;
}

.loginSection input.form-control {
    background: transparent;
    border: none;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.btnTrans:focus, .btnTrans:hover {
    background: transparent;
    border-color: transparent;
    color: #ffffff;
}

.forget-password {
    color: #ffffff;
    text-decoration: underline;
}

.loginFwd {
    margin-top: 20px;
    position: relative;
}

    .loginFwd:before {
        position: absolute;
        height: 23px;
        width: 1px;
        background: #ffffff;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.loginBtn {
    min-width: 140px;
    height: 40px;
    margin-right: 15px;
    text-transform: uppercase;
    padding: 8px;
}

.regBtn {
    min-width: auto;
}

.regtext {
    font-size: 13px;
    font-weight: 300;
    margin-top: 5px;
    line-height: 16px;
}

.bannerBtmText {
    margin-top: 50px;
}

.liveshape img {
    max-width: 10px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.liveshape {
    background: #EB2226;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 2px 11px 2px 11px;
    font-weight: 600;
    margin: auto;
    margin-left: 10px;
    color: #ffffff;
}

.bottomValue {
    font-size: 19px;
    font-weight: 600;
}

.btmCont span {
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle;
}

.btmCont p {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.transBox {
    border: 1px dashed #ffffff;
    border-radius: 10px 10px;
    /*padding: 10px 10px 0px;*/
    margin: 0 0 10px 0;
}

.transCondition {
    display: none;
}

.TransText {
    width: 100%;
    font-size: 14px;
    margin: 0;
    margin-bottom: 0px;
    padding: 5px 10px;
}

.transBox .TransText:last-child {
    background: rgba(0,0,0,0.3);
    border-radius: 0 0 10px 10px;
}

    .transBox .TransText:last-child .TransValue {
        color: #FF8400;
        font-weight: 600;
    }

.TransValue {
    font-size: 18px;
}

.transWrapper {
    width: 100% !important;
}

.loginSection {
    max-width: 350px;
    width: 100%;
    min-width: 350px;
    background: rgba(40,46,55,0.6);
    float: right;
    padding: 30px;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    /*margin-bottom: 120px;*/
}

#RegisterForm {
    padding: 20px 30px 15px;
}

    #RegisterForm.loginSection .form-group {
        position: relative;
        margin-bottom: 17px;
    }

h4.loginTitle {
    font-weight: 600;
    margin-bottom: 22px;
}

#RegisterForm h4.loginTitle {
    margin-bottom: 15px;
}

.loginSection input.form-control {
    background: transparent;
    border: none;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    padding-left: 5px;
}

span.error {
    position: absolute;
    color: #EB2226;
    font-weight: 600;
    /*font-size: 13px;*/
    font-size: 12px;
    line-height: 12px;
    /*display: none;*/
}

.loginSection .form-group {
    position: relative;
    margin-bottom: 22px;
}

.loginFwd input#RememberMe {
    margin-top: 0;
    vertical-align: middle;
}

.loginFwd label {
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
}

.forget-password:hover {
    color: #ffffff;
}

.orText {
    position: relative;
    text-align: center;
    margin: 10px 0;
}

    .orText:before {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        width: 44%;
        background: #ffffff;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
    }

    .orText:after {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        width: 44%;
        background: #ffffff;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.loginBtns {
    margin-top: 20px;
}

.regisSuc .loginBtns .btnGreen.loginBtn {
    margin-top: 10px;
    width: 100%;
}

.backtoLoginbtn, .backtoLoginbtn:hover, .backtoLoginbtn:focus {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    outline: none;
    background-image: url(../images/backBtn.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 13px;
    padding-left: 27px;
}

.btnSocial {
    color: #ffffff;
    background: #47494C;
    display: block;
    padding: 10px;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    margin-top: 14px;
    width: 100%;
    border: none;
}

    .btnSocial .fa {
        font-size: 17px;
        margin-right: 10px;
    }

.bannerSec-slider {
    overflow: hidden;
    /*min-height:550px;*/
}

.bannerSection.Step1 {
    float: left;
    -moz-transition: 0.9s;
    -webkit-transition: 0.9s;
    -ms-transition: 0.9s;
    transition: 0.9s;
    margin-left: 0%;
}

.bannerSection.Step2 {
    float: left;
    margin-right: -200%;
    -moz-transition: 0.9s;
    -webkit-transition: 0.9s;
    -ms-transition: 0.9s;
    transition: 0.9s;
}

.bannerSec-slider.ActiveStep1 .bannerSection.Step1 {
    margin-left: 0;
}

.bannerSec-slider.ActiveStep1 .bannerSection.Step2 {
    margin-right: -200%;
}

.bannerSec-slider.ActiveStep2 .bannerSection.Step1 {
    margin-left: -200%;
}

.bannerSec-slider.ActiveStep2 .bannerSection.Step2 {
    margin-right: 0%;
}




.bannerRight {
    position: relative;
}

#loginForm {
    transform: rotateY(0deg);
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    opacity: 1;
    visibility: visible;
}

.sendOTPbtn {
    background: #737373;
    color: #ffffff;
    padding: 3px 7px;
    font-size: 15px;
    border-radius: 3px;
    border: none;
    margin-top: 10px;
    float: right;
}

#loginForm.HideLogin {
    visibility: hidden;
    transform: rotateY(-180deg);
    opacity: 0;
}

#loginForm.ActiveLogin {
    transform: rotateY(0deg);
    visibility: visible;
}

#RegisterForm {
    position: absolute;
    right: 0;
    transform: rotateY(0deg);
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    visibility: visible;
    opacity: 1;
}

    #RegisterForm.HideLogin {
        visibility: hidden;
        transform: rotateY(-180deg);
        opacity: 0;
    }

#RegisterFor.ActiveLogin {
    visibility: visible;
}

.loginSection.HideLogin {
    min-height: 455px;
}
/***Home Page End***/
/***Sub Pages Begin***/
.themeTop {
    margin-top: 10px;
}

    .themeTop .retailForm {
        max-width: 100%;
    }

        .themeTop .retailForm .form-group {
            /*float: left;*/
            display: inline-block;
            width: 100%;
            vertical-align: middle;
            max-width: 260px;
        }

    .themeTop .select-cur.input-group-addon, .themeTop .select-cur select.cusSelect {
        background: transparent;
        color: #323a45;
    }

.editIconB {
    padding-left: 10px;
    padding-right: 22px;
    font-size: 25px;
    padding-top: 2px;
    background: transparent url(../images/edit-icon-black.png) no-repeat 98% center;
    background-size: 16px;
    color: #323a45;
}

.editIconW {
    padding-left: 10px;
    padding-right: 22px;
    font-size: 25px;
    padding-top: 2px;
    background: transparent url(../images/edit-icon.png) no-repeat 98% center;
    background-size: 16px;
    color: #ffffff;
}

.arrowRight {
    display: inline-block;
    color: #7D55F5;
    font-size: 21px;
    margin: 0 40px 0 20px;
    vertical-align: middle;
}

.themeTop .input-group.inrTextBox {
    border: none;
    /*height: 45px;*/
}

.inrTextBox .form-control.formCB {
    color: #323a45;
}

.themeTop .bottomValue {
    margin-top: 50px;
    color: #323a45;
    font-weight: bold;
}

    .themeTop .bottomValue .liveshape {
        position: relative;
        top: -2px;
    }

.themeTop .retailForm label {
    color: #323a45;
    font-size: 14px;
}

span.red {
    color: #EB2226;
}

.themeTop .select-cur.input-group-addon {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.themeTop .select-cur + input.form-control {
    padding-left: 0;
    font-size: 23px;
    max-width: 120px;
    height: 30px;
    line-height: 30px;
    padding-bottom: 0;
    padding-top: 0;
    font-weight: bold;
    vertical-align: text-bottom;
}

.themeTop .inrTextBox .input-group-addon {
    padding-left: 0;
    padding-top: 0;
    height: auto;
    vertical-align: text-top;
    padding-top: 8px;
    font-weight: bold;
}

.curText {
    vertical-align: middle;
    font-weight: bold;
    font-size: 18px;
}

.themeTop .inrTextBox .form-control.formCB {
    color: #323a45;
    padding-left: 0;
    font-size: 24px;
    /*max-width: 130px;*/
    height: 30px;
    line-height: 30px;
    padding-bottom: 0;
    padding-top: 0;
    font-weight: bold;
    vertical-align: text-bottom;
}


.formText {
    color: #323a45;
    padding-left: 0;
    font-size: 20px;
    padding-bottom: 0;
    padding-top: 0;
    font-weight: bold;
    line-height: 22px;
    vertical-align: text-bottom;
    margin-top: 5px;
    word-break: break-all;
}

/** Progress Begin**/

.crumbs {
    text-align: left;
    /*margin-bottom: 30px;*/
    overflow: hidden;
    /*margin-left: 20px;*/
}



    .crumbs ul {
        list-style: none;
        display: inline-table;
        padding: 0;
        /*margin-left: -14px;*/
        /*border-bottom: 2px solid #323054;*/
        width: 100%;
        width: 130%;
        position: relative;
        /*left: -15px;*/
        margin-top: 65px;
        /*padding-left:10px;*/
        margin-top: 20px;
        margin-bottom: 15px;
    }

        .crumbs ul li {
            display: inline;
        }

span.crumbsIcon.fa {
    background: #E4E4E4;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    position: absolute;
    /*top: 0px;*/
    left: 0;
    text-align: center;
    font-size: 19px;
    color: #000000;
}
/*span.crumbsIcon.fa:before {
        content: "\f250";
    }*/
.progress span.crumbsIcon.fa {
    color: #ffffff;
    background: #7D55F5;
    /*border-color: #7D55F5;*/
    /*box-shadow: 0 0 0 3px #e1cbea;*/
}
/*.progress span.crumbsIcon.fa:after {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 50px;
    height: 50px;
    border: 1px solid #773A90;
    border-radius: 50%;
}*/
/*.progress span.crumbsIcon.fa:before {
        content: "\f251";
    }*/

.completed span.crumbsIcon.fa {
    color: #ffffff;
    background: #3cb60c;
    /*border-color: #3cb60c;*/
    /*box-shadow: 0 0 0 3px #cccccc;*/
}

    .completed span.crumbsIcon.fa:before {
        content: "\f00c";
    }

.crumbs ul li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #323a45;
    position: absolute;
    top: 10px;
    right: 100%;
    z-index: 0;
}

.crumbs ul li.progress a:after {
    background: #7D55F5;
    /*box-shadow: 0 0 0 2px #e1cbea;*/
}

.crumbs ul li.progress + li a:after {
    background: #7D55F5;
}

.crumbs ul li.completed + li a:after {
    background: #3cb60c;
    /*box-shadow: 0 0 0 2px #cccccc;*/
}

.crumbs ul li:first-child a:after {
    display: none;
}


.crumbs ul li a {
    display: block;
    float: left;
    text-align: left;
    position: relative;
    margin: 0 5px 0 0;
    width: 21.5%;
    /*max-width: 260px;*/
    font-size: 15px;
    text-decoration: none;
    color: #000000;
    font-weight: 300;
    padding-left: 3px;
}

span.crumbsIcon.fa {
    background: #ffffff;
    width: 40px;
    border: 1px solid #323a45;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    z-index: 2;
}

span.crumbsTxt {
    padding-left: 41px;
    position: relative;
    z-index: 1;
    background: #ffffff;
    padding-right: 12px;
    border: 1px solid #323a45;
    padding-bottom: 2px;
    border-radius: 50px;
}

.progress span.crumbsTxt {
    color: #ffffff;
    background: #7D55F5;
    /*border-color: #7D55F5;*/
}

.completed span.crumbsTxt {
    color: #ffffff;
    background: #3cb60c;
    /*border-color: #3cb60c;*/
}
/*span.DStext {
    top: 10px;
    position: relative;
}*/

/*span.Ptext {
    margin-left: -12px;
}

span.KYCtext {
    margin-left: 3px;
}

span.DStext {
    margin-left: -66px;
}*/


/** Progress End**/
.progressSection {
    position: relative;
    margin-top: 10px;
}

.helpTxt {
    float: right;
    color: #323a45;
    font-weight: 600;
    text-align: right;
    position: absolute;
    right: 0;
    top: 10px;
}

.bnfTop {
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #323054;
}

    .bnfTop .customSelect {
        max-width: 300px;
    }

.formTitle {
    color: #323054;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

span.starText {
    color: red;
    font-weight: bold;
}

.bnfForm label {
    color: #323054;
    font-weight: 600;
}

.bnfForm .form-control.cusInput {
    margin-bottom: 15px;
    outline: none;
    color: #323054;
}

.MandTxt {
    color: #323054;
}

.bnfForm {
    margin-bottom: 30px;
}

.grayHalfBg {
    background: #f9f9f9;
    background: linear-gradient(to right, #ffffff 0%,#ffffff 0%,#ffffff 50%,rgba(218, 218, 218, 0.38) 0%,rgba(218, 218, 218, 0.38) 100%);
}

.bnfForm.bnfFormRight {
    width: 50%;
    float: right;
    padding-left: 30px;
}

.bnfFormLeft {
    width: 50%;
    float: left;
    padding-right: 30px;
    padding-left: 0;
}

.boxWrapper {
    margin-bottom: 15px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

span.boxNum {
    padding: 10px 14px;
    background: #7D55F5;
    margin-right: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    float: left;
    border-top-left-radius: 5px;
}

span.boxTitle {
    vertical-align: middle;
    color: #323054;
    font-size: 15px;
    padding-top: 10px;
    float: left;
}

.boxTop {
    background: #eaeaea;
    /*margin-bottom: 10px;*/
}

.boxWrapper .boxContent {
    padding: 15px 20px 15px;
    border-top: 1px solid #dddddd;
}

.boxContent .retailForm {
    max-width: 100%;
}

.boxContent .arrowRight {
    margin: 0px 10px 0 9px;
    position: relative;
    top: 25px;
}

.boxContent .inrTextBox .input-group-addon {
    padding-left: 0;
}

.boxTop .bottomValue {
    margin-top: 8px;
    margin-right: 9px;
}

.boxContent .select-cur + input.form-control {
    border: 1px solid #dddddd;
    background: none;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 22px;
}

.boxContent .retailForm .form-group.Curr {
    display: inline-block;
    width: 220px;
    margin-bottom: 0;
}

    .boxContent .retailForm .form-group.Curr .select-cur.input-group-addon {
        padding-right: 7px;
        padding-left: 7px;
    }

.boxContent .retailForm .form-group.INRrate {
    display: inline-block;
    width: 233px;
    margin-bottom: 0;
}

.boxContent .retailForm label {
    margin-top: 0px;
}

.boxContent .inrValue.form-control.formCB {
    font-weight: bold;
    background: none;
    padding-left: 0;
    padding-right: 0;
}

.boxContent select.customSelect {
    font-weight: 400;
    font-size: 19px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/purple-down.png');
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 13px;
    padding-left: 10px;
}

    .boxContent select.customSelect::-ms-expand {
        display: none;
    }

.bnfAddNew {
    font-size: 20px;
    color: #7D55F5;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

    .bnfAddNew .bnfADDbtn {
        font-weight: bold;
        text-transform: uppercase;
    }

.bnfFormRight .formTitle {
    margin-top: 0;
}

.bnfSection {
    margin-top: 20px;
}

.paySecTitle {
    color: #323a45;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    margin-bottom: 15px;
}

.paySecText .radioInfo {
    display: inline-block;
}

.paySecText {
    margin-bottom: 15px;
    font-size: 15px;
}

.DealSecLeft .paySecTitle {
    text-align: left;
}

.DealSecLeft i.fa.fa-check {
    color: #3cb60c;
}

.dealRefWrapper {
    margin-top: 30px;
    margin-bottom: 20px;
}

.DealSecLeft {
    margin-bottom: 30px;
}

.dealRefBox {
    background: #7E7E7E;
    color: #ffffff;
    padding: 30px 20px;
    max-width: 220px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px;
}

    .dealRefBox > div {
        font-weight: bold;
        font-size: 16px;
    }



/***Sub Pages End***/

/***Dashboard Begin***/



.dsLeft {
    /*width: calc(100% - 320px);*/
    width: 100%;
    float: left;
    padding: 0px 0px;
}

.dashRowLeft {
    width: 70%;
    float: left;
    padding-right: 15px;
}

.dsRight {
    width: 320px;
    background: #ffffff;
    padding: 0;
    position: fixed;
    right: 0;
    height: 100%;
    border-left: 1px solid #cccccc;
    float: left;
}

.DashBox {
    padding: 10px 10px 0px;
    border: 1px solid #434A54;
    border-radius: 10px;
    min-height: 300px;
    max-height: 300px;
    overflow: auto;
    background: rgba(0,0,0,0.3);
}

.manageBnf {
    /*width: 100%;
    float: left;*/
    /*padding: 0 0px 0 0;*/
    margin-bottom: 20px;
}

.manageBnfBottom .manageBnf:first-child {
    padding-right: 7.5px;
}

.manageBnfBottom .manageBnf:last-child {
    padding-left: 7.5px;
}

.manageKYC {
    width: 30%;
    float: left;
    padding: 0 25px 0 0;
}

.manageRateChecker {
    position: relative;
    width: 30%;
    float: left;
}

.liveRates-pane.rates-info {
    background: rgba(0,0,0,0.1);
    /*border-bottom: 1px solid #cccccc;*/
}

.rateCheckerPane {
    border: 1px solid #434A54;
    border-top: none;
    padding: 15px 25px;
    border-radius: 0 0 5px 5px;
    background: rgba(0,0,0,0.1);
    /*background: #f6f6f6;*/
}

    .rateCheckerPane h2 {
        color: #323a45;
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 5px;
        text-align: center;
    }

    .rateCheckerPane span.liveTxt {
        border-radius: 3px;
        background: #FA3A1D;
        margin: auto 10px;
        font-size: 13px;
        padding: 3px 7px;
        vertical-align: middle;
        color: #ffffff;
        font-weight: 700;
        font-size: 17px;
    }

.LiveiCon img {
    width: 54px;
}

.rateCheckerPane span.change {
    color: #ffffff;
    font-size: 12px;
    text-decoration: underline;
    float: right;
    margin-top: 7px;
}

.rateCheckerPane label {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 0;
}

.rateCheckerPane .cusSelect {
    font-weight: 600;
}

.rateValue input {
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #54488A;
    width: 100%;
}

.rateSubmit {
    background: transparent;
    border: none;
    color: #323054;
    font-size: 17px;
    outline: none;
    position: absolute;
    right: -11px;
    bottom: 6px;
    cursor: pointer;
}

.cusSelect {
    color: #323054;
    font-size: 14px;
    font-weight: 700;
    background: transparent;
    text-transform: uppercase;
    border: none;
    outline: none;
    padding-left: 0;
    box-shadow: none;
}

.Ind-rate .inrValue {
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
    border-bottom: 2px solid #54488A;
    width: 100%;
    display: block;
}

.rateValue {
    margin-bottom: 10px;
}

.totalRC td {
    color: #ffffff;
    padding: 7px 5px;
    font-size: 14px;
    font-weight: 600;
}

.totalRC table {
    width: 100%;
}

.totalRC tr td:last-child {
    color: #ffffff;
    text-align: right;
    font-weight: 600;
    font-size: 15px;
}

    .totalRC tr td:last-child span {
        font-weight: bold;
    }

.Ind-rate {
    text-align: right;
}

tr.totalValue td {
    padding: 5px 5px;
}

    tr.totalValue td:last-child {
        font-size: 25px;
    }

.totalRC-btm {
    margin-top: 10px;
    border-top: 2px solid #54488A;
    border-bottom: 2px solid #54488A;
}

span.RC-note {
    color: #323054;
    margin: 15px 0 0;
    display: block;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
}

.remitBtn, .remitBtn:hover {
    display: block;
    color: #ffffff;
    font-weight: 400;
    height: 40px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 10px;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background: #3cb60c;
}

.liveRates-pane .liveshape {
    background: #FF3600;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 0px 5px 5px 0;
    padding: 2px 8px 9px 7px;
    font-weight: 600;
    /*position: absolute;*/
    width: 63px;
    height: 25px;
    left: 0px;
    margin: auto;
    top: 85px;
}

.liveRates-pane .select-cur {
    text-align: left;
    /*position: absolute;*/
    right: 15px;
    margin: auto;
    top: 85px;
}

    .liveRates-pane .select-cur .cusSelect {
        color: #323a45;
        background: #ffffff;
    }

.rates-info h4 i {
    font-size: 15px;
    margin-right: 2px;
    color: #333333;
}

.rates-info h4 {
    padding: 20px 0;
    color: #c42cdd;
    font-size: 45px;
    font-weight: 700;
    /*text-align: left;
    padding-left: 8px;*/
    text-align: center;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0;
}

    .rates-info h4 span, .rates-info h4 i {
        font-size: 25px;
        font-weight: 300;
    }

.rateValue input[type="text"]::-webkit-input-placeholder {
    color: #323054;
    font-size: 13px;
}

.rateValue input[type="text"]::-moz-placeholder {
    color: #323054;
    font-size: 13px;
}

.rateValue input[type="text"]:-moz-placeholder {
    color: #323054;
    font-size: 13px;
}

.rateValue inputt[type="text"]:-ms-input-placeholder {
    color: #323054;
    font-size: 13px;
}

select.customSelect {
    padding: 5px 10px 5px 5px;
    width: 100%;
    box-sizing: border-box;
    color: #323054;
    font-weight: bold;
    font-size: 15px;
    border-radius: 6px;
    outline: none;
}

.selectPur {
    padding: 20px 15px 20px;
}
.tableBtn {
    min-width: 114px;
    display: inline-block;
    font-size:13px;
    padding: 5px 5px;
}

a.dataBtn.viewBtn {
    padding: 5px 5px;
    color: #ffffff;
    border: 1px solid #e3df34;
    border-radius: 5px;
    min-width: 50px;
}



.selectPur label {
    color: #ffffff;
    font-weight: 600;
}

.selectPur select.form-control {
    border: 1px dashed #ffffff;
    background: transparent;
    color: #ffffff;
    font-size: 17px;
    height: auto;
    margin-top: 10px;
    box-shadow: none;
    outline: none;
}

    .selectPur select.form-control option {
        color: #000000;
    }

.rateCheckerPane .select-cur select.cusSelect {
    font-weight: 600;
    background-color: transparent;
    font-size: 14px;
}

    .rateCheckerPane .select-cur select.cusSelect option {
        color: #000000;
    }

.rateCheckerPane span.flag {
    margin-right: 4px;
}

.rateCheckerPane .select-cur span.flag {
    margin-right: 0px;
}

.reqDetails {
    padding: 20px 25px;
}

    .reqDetails h2 {
        color: #323054;
        padding: 0px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        margin-top: 0;
    }

.orangeTxt {
    color: #ff7e00;
}

.reqDetails h2 .orangeTxt {
    font-size: 18px;
    font-weight: bold;
}

ul.reqList li {
    padding-left: 20px;
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
    margin-right: 10px;
}

    ul.reqList li:before {
        content: '';
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 2px;
        top: 3px;
    }

    ul.reqList li.pendingList:before {
        content: '\f111';
        color: #ff7e00;
        font-size: 11px;
    }

    ul.reqList li.CompletedList:before {
        content: '\f00c';
        color: #3cb60c;
    }

.reqDetailsBtm {
    border-top: 2px solid #dddddd;
    background: #f7f7f7;
    border-bottom: 2px solid #dddddd;
    padding: 20px 25px;
}

.breadcrumbWrapper .breadcrumb {
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    padding-left: 0;
}

    .breadcrumbWrapper .breadcrumb a {
        font-weight: 600;
        color: #ffffff;
    }

    .breadcrumbWrapper .breadcrumb > .active {
        color: #ffffff;
    }

    .breadcrumbWrapper .breadcrumb > li + li:before {
        color: #ffffff;
    }

.btn-green, .btn-green:hover, .btn-green:focus {
    background: #3cb60c;
    border-color: #3cb60c;
    color: #ffffff;
}

.tableBottom {
    background: rgba(0,0,0,0.3);
    padding: 20px;
    border-top: 1px solid #434A54;
}

.dsTitle {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

    .dsTitle .fa {
        color: #c42cdd;
        margin-left: 5px;
    }

.remitTable {
    /*margin-top: 30px;*/
    margin-bottom: 20px;
}

    .remitTable .boxShadow {
        /*-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
        -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
        box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
        overflow: hidden;
        border-radius: 8px 8px 8px 8px;*/
    }

    .remitTable .boxShadow {
        /*min-height: 300px;*/
        /*max-height: 300px;
        overflow: auto;*/
    }

    .remitTable .tableScroll {
        max-height: 270px;
        overflow: auto;
    }

    .remitTable table {
        margin-bottom: 0;
        border: 1px solid #434A54;
    }

    .remitTable .table thead > tr > th {
        background: rgba(0,0,0,0.3);
        color: #ffffff;
        font-weight: 400;
        font-size: 14px;
        border-bottom: none;
    }

    .remitTable .table tbody > tr > td {
        /*border-top: 1px solid #434A54;*/
        border-top: none;
        font-weight: 400;
        font-size: 14px;
    }

/*.remitTable table.innerTableRemit  tbody > tr:nth-child(odd) > td {
        background: rgba(0,0,0,0.1);
    }

    .remitTable table tbody.innerTableRemit  > tr:nth-child(even) > td {
        background: rgba(255,255,255,0.1);
    }*/
table.remitMainTable tbody > tr:nth-child(odd) > td table.innerTableRemit tbody td {
    background: rgba(0,0,0,0.1);
}

table.remitMainTable tbody > tr:nth-child(even) > td table.innerTableRemit tbody td {
    background: rgba(255,255,255,0.1);
}


.remitTable tr th:first-child, .remitTable tr td:first-child {
    padding-left: 30px;
}

.remitTable table.table td {
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    vertical-align: middle;
}

td.innerTabletd {
    padding: 0 !important;
    border: none;
}

table.innerTableRemit {
    width: 100%;
    border: none;
    border-bottom: 1px solid #696969;
}

.tableBottomList {
    text-align: center;
    padding: 0px 0 10px !important;
}

.remitMainTable, table.innerTableRemit {
    table-layout: fixed;
}

th.tdAction {
    text-align: center;
}

.liveIconRed {
    width: 6px;
    margin-right: 2px;
    vertical-align: middle;
}

.tdDataIcon {
    font-size: 13px;
    color: #ffffff;
    vertical-align: text-top;
}

.NoRecordFound {
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 20px;
}

.NoDataAddNew {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 50px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.btnBorW {
    background: transparent;
    color: #ffffff;
    padding: 3px 5px;
    border: 1px solid #a7a7a7;
    border-radius: 5px;
    text-transform: uppercase;
    margin-bottom: 5px;
    white-space: nowrap;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
}

    .btnBorW span.bgOrang {
        background: #FF8400;
        color: #000000;
        font-size: 11px;
        padding: 2px;
        margin-left: 5px;
    }

button.makePmtBtn {
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    color: #3cb60c;
    padding: 5px 15px;
    border: 1px solid #3cb60c;
    background: #ffffff;
    border-radius: 5px;
}

.bnfBox {
    /*border: 1px solid #dddddd;*/
    background: rgba(0,0,0,0.1);
    border: 1px solid #434A54;
    float: left;
    width: 360px;
    margin-right: 17px;
    /*margin-right: 20px;*/
    padding: 15px;
    height: 75px;
    /*max-width: 300px;*/
    border-radius: 8px 8px 8px 8px;
    -webkit-box-shadow: 0 0px 3px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 0px 3px rgba(57, 63, 72, 0.3);
    box-shadow: 0 0px 3px rgba(57, 63, 72, 0.3);
    margin-bottom: 15px;
    animation: 0.4s ease-out 0s 1 scaleAnimate;
}

.DashBox .bnfBox:nth-child(even) {
    margin-right: 0;
}

.btnGreenBor {
    background: transparent;
    color: #ffffff;
    border: 1px solid #3cb60c;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
}

btnGreenBor:hover {
    color: #ffffff;
}

.boxLeft {
    float: left;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

.bnfName {
    font-weight: 700;
}

.manageBnfBox .bnfName {
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 145px;
    overflow: hidden;
}

    .manageBnfBox .bnfName:hover {
        max-width: unset;
        width: auto;
        position: absolute;
        background: #323a45;
        z-index: 10;
    }
    .manageBnfBox .bnfBank {
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 145px;
    overflow: hidden;
}
     .manageBnfBox .bnfBank:hover {
        max-width: unset;
        width: auto;
        position: absolute;
        background: #323a45;
        z-index: 10;
    }

        .manageBnfBox .bnfName:hover + .bnfBank {
            margin-top: 21px;
        }

.remitBank {
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 112px;
    overflow: hidden;
}

.remitName {
    min-width: 112px;
}

.remitBank:hover {
    max-width: unset;
    width: auto;
    position: absolute;
    background: #323a45;
    z-index: 10;
}

.bnfBank {
    font-weight: 600;
}

.bnfCur {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.remitDashBtn {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.bnfCur span {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    vertical-align: middle;
}

.manageRateneedHelp {
    text-align: center;
    padding-left: 0;
    padding: 10px;
    margin-left: 0;
    font-size: 14px;
    color: #ffffff;
}

.ReferenceBox {
    padding: 20px 15px 20px;
    border: 1px solid #434A54;
    background: rgba(0,0,0,0.1);
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .ReferenceBox p {
        font-size: 15px;
        max-width: 175px;
        margin: auto;
        line-height: 18px;
    }

input.referbtn {
    width: 90%;
    margin: auto;
    margin-top: 15px;
    background: #6E8590;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 8px;
    font-size: 17px;
}
/*.Bnfdelete {
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer;
}*/
.Bnfdelete {
    display: inline-block;
    font-size: 17px;
    vertical-align: middle;
    cursor: pointer;
    /*background: #ffffff;*/
    height: 23px;
    width: 23px;
    text-align: center;
    border-radius: 4px;
    line-height: 24px;
    color: #ffffff;
}

.formPopup label {
    font-size: 13px;
}

.boxRight {
    float: right;
    padding-top: 4px;
}

.addBnfTxt {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

    .addBnfTxt .fa {
        color: #ffffff;
    }

.kycBox {
    border: 1px solid #dddddd;
    float: left;
    width: 100%;
    /*margin-right: 20px;*/
    padding: 15px;
    height: 75px;
    /*max-width: 220px;*/
    border-radius: 8px 8px 8px 8px;
    -webkit-box-shadow: 0 0px 3px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 0px 3px rgba(57, 63, 72, 0.3);
    box-shadow: 0 0px 3px rgba(57, 63, 72, 0.3);
    margin-bottom: 15px;
    animation: 0.4s ease-out 0s 1 scaleAnimate;
}

.kycName {
    font-size: 17px;
    font-weight: 600;
    color: #323054;
    padding-top: 11px;
    vertical-align: middle;
    float: left;
}

.kycDelete {
    float: right;
    font-size: 25px;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 4px;
}



input.uploadBtn {
    border: none;
    background: transparent;
    color: #323456;
    font-weight: 600;
    margin-right: 7px;
}

a.dowloadIcon {
    color: #323456;
    font-weight: 600;
}

.kycTable tr td:last-child {
    white-space: nowrap;
}

    .kycTable tr td:last-child i.fa {
        margin-right: 3px;
    }

.modal-body p {
    font-size: 14px;
    margin-bottom: 5px;
}

label.popupHead {
    margin-right: 5px;
    font-size: 14px;
}

.modal-body .fa.fa-download {
    margin-right: 3px;
}

.btn.btn-success {
    color: #fff;
    border-color: #3EB41F;
    background: #3EB41F;
    font-weight: bold;
    min-width: 130px;
}

.top20 {
    margin-top: 20px;
}

.mr10 {
    margin-right: 10px;
}

.btnGray {
    background: #6E747D;
    border-color: #6E747D;
    color: #ffffff;
    padding: 10px;
    min-width: 200px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    text-align: center;
    outline: none;
}

    .btnGray:focus, .btnGray:hover {
        background: #6E747D;
        border-color: #6E747D;
        color: #ffffff;
    }

.traDetPanel {
    padding: 15px 7.5px 5px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-left: 0;
    margin-top: 20px;
}

    .traDetPanel .col-sm-6 {
        width: 50%;
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .traDetPanel label {
        color: #323a45;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .traDetPanel .cusInput {
        margin-bottom: 15px;
        border-radius: 9px;
    }

.cusInput {
    border: 1px solid #d0cfe5;
    background: #ffffff;
    color: #323054;
    font-weight: 400;
    font-size: 15px;
}

.blankPopup .modal-header {
    background: #F3F3F3;
    color: #323a45;
    border-bottom: none;
    padding: 0;
    margin-bottom: 20px;
}

    .blankPopup .modal-header h4.modal-title {
        font-size: 16px;
    }

    .blankPopup .modal-header p {
        font-size: 15px;
    }

    .blankPopup .modal-header .close {
        color: #323a45;
        opacity: 0.9;
    }

.blankPopup .modal-content {
    padding: 40px 47px 20px;
    background: #F3F3F3;
    border-radius: 20px;
}

.blankPopup .modal-body {
    padding: 0;
}

.modal-dialog.blankPopup {
    max-width: 500px;
}

.blankPopup .modal-body label {
    font-weight: 600;
    color: #323a45;
    font-size: 14px;
}

.blankPopup .close {
    color: #323a45;
    opacity: 1;
}

.blankPopup .close {
    color: #323a45;
    top: 10px;
    position: absolute;
    right: 14px;
    font-size: 30px;
}

.blankPopup.smallPopup .modal-content {
    padding: 50px 30px 10px;
}

.PopupTable .table {
    border: 1px solid #dddddd;
    border-top: none;
}

.PopupTable td {
    font-size: 15px;
    color: #323a45;
    font-weight: 600;
}

.PopupTable tr:last-child td {
    font-size: 17px;
    font-weight: bold;
}

.PopupTable td:last-child {
    text-align: right;
}

.PopupTable .table tbody > tr:nth-child(even) > td {
    background: rgba(255,255,255,0.1);
}

.PopupTable .table tbody > tr:nth-child(odd) > td {
    background: rgba(0,0,0,0.1);
}
/***Dashboard End***/

/*** KYC Begin****/
.RemitTitle {
    color: #323a45;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 15px;
    margin-top: 50px;
}

.remitsBtnSec input.btn.btn-default {
    margin-right: 15px;
    margin-bottom: 10px;
}

.btnPurple.activebtn, .btnPurple:hover {
    background: #7D55F5;
    color: #ffffff;
    border-color: #7D55F5;
}

.kycTop {
    color: #7D55F5;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 16px;
    margin-top: 20px;
}

.kycTable th {
    background: #6E747D;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
}

.kycTable tr th:last-child, .kycTable tr td:last-child {
    width: 140px;
    text-align: center;
}

.kycTable tr:nth-child(odd) td {
    background: #E2E3E5;
    color: #323a45;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid #ffffff;
    height: 42px;
    vertical-align: middle;
}

.kycTable tr td > span {
    font-weight: 600;
}

.kycTable tr:nth-child(even) td {
    background: #F0F1F2;
    color: #323a45;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid #ffffff;
    height: 42px;
    vertical-align: middle;
}

.btn.btn-default.tdBtnPurp {
    background: #7D55F5;
    border-color: #7D55F5;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 50px;
    margin-left: 10px;
    height: 25px;
    font-weight: 600;
    vertical-align: middle;
}

.purpleText {
    color: #7D55F5;
}

.uploadPending .fa {
    color: #ff7e00;
}

.uploadSuc .fa {
    color: #3cb60c;
}

.uploadFailed .fa {
    color: #EB2226;
}

.disabledBtn {
    opacity: 0.3;
    pointer-events: none;
}

.kycTable {
    position: relative;
}

.kycPopup {
    /*display: none;*/
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    height: 100%;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.9);
    font-size: 18px;
}

    .kycPopup p {
        font-size: 18px;
    }

    .kycPopup .PopupContent {
        margin-top: 80px;
    }

    .kycPopup .fa {
        color: #3cb60c;
    }

.dealIdBox {
    padding: 5px 20px;
    display: inline-block;
    border: 1px dashed #333333;
    font-weight: 600;
    font-size: 20px;
    margin: 10px auto 15px;
    border-radius: 5px;
}

    .dealIdBox span {
        font-weight: 600;
    }

.KYCselected .bottomValue.pull-right {
    /*float: none !important;*/
    /*margin-top: 0;*/
}

.themeTop .retailForm.commonForm {
    max-width: 100%;
    padding: 10px 20px 15px;
    box-sizing: content-box;
    background: #f7f7f7;
    /*-moz-box-shadow: inset 0 0 30px #cccccc;
    -webkit-box-shadow: inset 0 0 30px #cccccc;
    box-shadow: inset 0 0 30px #cccccc;*/
    /*box-shadow: inset 0px 11px 30px -10px #cccccc, inset 0px -11px 30px -10px #cccccc;*/
    -moz-box-shadow: inset 0px 11px 8px -6px #cccccc, inset 0px -15px 8px -10px #cccccc;
    -webkit-box-shadow: inset 0px 11px 8px -6px #cccccc, inset 0px -15px 8px -10px #cccccc;
    box-shadow: inset 0px 11px 8px -6px #cccccc, inset 0px -15px 8px -10px #cccccc;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .themeTop .retailForm.commonForm .form-group {
        width: auto;
        max-width: 220px;
        vertical-align: top;
    }

.commonForm .arrowRight {
    margin: 37px 16px 0 10px;
    font-size: 17px;
}

.themeTop .commonForm .inrTextBox .input-group-addon {
    padding-top: 0;
    vertical-align: middle;
}

.commonForm .curText {
    vertical-align: bottom;
}

.themeTop .commonForm .select-cur.input-group-addon {
    height: auto;
    vertical-align: middle;
}

.themeTop .commonForm .select-cur + input.form-control {
    height: auto;
    vertical-align: middle;
    line-height: 25px;
    font-size: 24px;
}

.taxText {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -9px;
    font-size: 9px;
    font-weight: 600;
    font-style: italic;
}

span.editBtnTop {
    position: absolute;
    background: #7D55F5;
    color: #ffffff;
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    border-radius: 50px;
    text-align: center;
    top: -22px;
    right: 6px;
    box-shadow: -2px 3px 6px #696969;
}

.minw120 {
    min-width: 120px;
}

.minw150 {
    min-width: 150px;
}

.mr20 {
    margin-right: 20px;
}

.mw200 {
    max-width: 200px !important;
}

.mw250 {
    max-width: 250px !important;
}

.mw165 {
    max-width: 165px !important;
}

.mw170 {
    max-width: 165px !important;
}

.mw205 {
    max-width: 205px !important;
}

.mw150 {
    max-width: 150px !important;
}

.bwrd {
    word-break: break-all;
}

.top25 {
    margin-top: 25px;
}

.top30 {
    margin-top: 30px;
}

.themeTop .retailForm.commonForm label {
    margin-bottom: 0;
}

.commonForm .bottomValue {
    font-size: 16px;
}
/*** KYC End****/
/*** Profile Begin***/
.profileWrapper {
    margin-top: 30px;
}

.profInput {
    border: none;
    box-shadow: none !IMPORTANT;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 0;
    color: #ffffff;
    outline: none;
    padding-left: 0;
}

.editIconW {
    border-color: #6e6e6e;
}

.profileTable {
    max-width: 600px;
}

    .profileTable .table, .profileTable .table td {
        border-color: #6e6e6e;
    }

    .profileTable .table {
        border-radius: 10px;
    }

    .profileTable .form-group {
        margin-bottom: 0;
    }

    .profileTable label {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 0;
        color: #ffffff;
    }

.profData {
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: #ffffff;
}

.MobWrap {
    position: relative;
}

.add91 {
    position: absolute;
    /*font-size: 18px;*/
    font-weight: 400;
    color: #555555;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    left: 10px;
    top: 8px;
    pointer-events: none;
    border-right: 1px solid #555555;
    padding-right: 6px;
}

.MobWrap .form-control {
    padding-left: 47px;
}

.profileWrapper .nav-tabs > li > a, .profileWrapper .nav-tabs > li > a:hover, .profileWrapper .nav-tabs > li > a:focus {
    background: #6E8590;
    border-color: #6E8590;
    color: #ffffff;
    min-width: 150px;
    text-align: center;
}

.profileWrapper .nav-tabs > li.active > a, .profileWrapper .nav-tabs > li.active > a:hover, .profileWrapper .nav-tabs > li.active > a:focus {
    background: #323a45;
    border-color: #6e6e6e;
    border-bottom: 1px solid #323a45;
    font-weight: 600;
}

.profileWrapper .tab-content {
    padding: 20px;
    border: 1px solid #6e6e6e;
    border-top: none;
}

.profileWrapper .nav-tabs {
    border-bottom: 1px solid #6e6e6e;
}

.MyReferenceTable .table, .MyReferenceTable .table td, .MyReferenceTable .table th {
    border-color: #6e6e6e;
}

    .MyReferenceTable .table th {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
        color: #ffffff;
    }

    .MyReferenceTable .table td {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0;
        color: #ffffff;
    }
/*** Profile End ***/

/**Rate Block Begin***/

input[type=radio ]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}

    input[type=radio ]:not(old) + label {
        display: inline;
        margin-left: -2em;
        line-height: 1.5em;
    }

        input[type=radio ]:not(old) + label > span {
            display: inline-block;
            width: 18px;
            height: 18px;
            margin: 1px 5px;
            border: 1px solid #58007b;
            border-radius: 1.25em;
            background: #fff;
            vertical-align: bottom;
        }

    input[type=radio ]:not(old):checked + label > span {
        background: #fff;
    }

        input[type=radio]:not(old):checked + label > span > span {
            display: block;
            width: 10px;
            height: 10px;
            margin: 3px;
            border-radius: 1.125em;
            background: #58007b;
        }

.custRadio .radioInfo {
    background: transparent;
    clear: both;
    padding: 0;
}

    .custRadio .radioInfo div.radioContent {
        display: none;
        background: #FFF7BE;
        padding: 10px 15px 10px;
        text-align: center;
        border: 1px dashed #dddddd;
        border-left: none;
        float: left;
        margin-bottom: 0;
        color: #000000;
        font-size: 14px;
        width: calc(100% - 80px);
        position: absolute;
        top: 0;
        left: 80px;
        right: 0;
        bottom: 0;
        min-height: 52px;
    }

        .custRadio .radioInfo div.radioContent p {
            margin-bottom: 5px;
            margin-top: 15px;
            font-size: 15px;
        }

    .custRadio .radioInfo input[type=radio ]:not(old):checked + label + div.radioContent {
        display: block;
    }

    .custRadio .radioInfo input[type=radio]:not(old) + label > span > span > .fa {
        display: none;
    }

    .custRadio .radioInfo input[type=radio]:not(old):checked + label > span > span > .fa {
        display: inline-block;
        color: #58007b;
    }

.custRadio {
    position: relative;
}

    .custRadio .radioInfo input[type=radio]:not(old):checked + label > span > span {
        width: auto;
        background: transparent;
        height: auto;
        vertical-align: middle;
        display: inline;
        margin: 0;
        text-align: center;
        border-radius: 0;
    }



    .custRadio .radioInfo input[type=radio ]:not(old) + label > span {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 18px;
        margin-right: 1px;
    }


    .custRadio .radioInfo input[type=radio ]:not(old) + label {
        float: left;
        width: 80px;
        border-bottom: 1px dashed #ddd;
        border-right: 1px dashed #ddd;
        padding: 5px 0;
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 6px;
        cursor: pointer;
    }

.RateText {
    color: #000000;
    font-size: 15px;
}

.custRadio .radioInfo input[type=radio ]:not(old) + label .blodText {
    color: #000000;
    font-size: 15px;
}

.custRadio .radioInfo input[type=radio ]:not(old):checked + label {
    border-left: 1px dashed #ddd;
    border-right: none;
    background: #FFF7BE;
}

    .custRadio .radioInfo input[type=radio ]:not(old):checked + label > span {
        background: #FFF7BE;
    }

.custRadio .radioInfo:first-child input[type=radio ]:not(old):checked + label {
    border-top: 1px dashed #ddd;
}

.custRadio .radioInfo:last-child input[type=radio]:not(old) + label {
    border-bottom: none;
}

.custRadio .radioInfo:last-child input[type=radio]:not(old):checked + label {
    border-bottom: 1px dashed #ddd;
}

.summaryTitle {
    background: #787788;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 7px 10px;
    /*border-radius: 5px;*/
    text-align: center;
    /*box-shadow: 4px 4px 9px #dddddd;*/
}

    .summaryTitle h3 {
        font-size: 18px;
        margin: 0;
        font-weight: 400;
    }

.custable_transaction {
    /*margin-top: 10px;*/
    background: #ffffff;
    padding: 5px;
    margin-bottom: 15px;
    /*border-radius: 5px;
    box-shadow: 4px 4px 9px #dddddd;*/
    border: 1px solid #dddddd;
}

    .custable_transaction .acc-tbl {
        width: 100%;
    }

        .custable_transaction .acc-tbl td:first-child {
            color: #373643;
            padding: 12px 15px;
            font-size: 15px;
        }

        .custable_transaction .acc-tbl td:last-child {
            color: #000000;
            padding: 12px 15px;
            font-weight: 600;
            font-size: 15px;
        }

        .custable_transaction .acc-tbl tr:last-child td {
            border-top: 1px dashed #000000;
            padding: 15px 15px;
        }

.emptyDate .fa {
    color: #A53CDA;
    font-size: 24px;
}

p.emptyDate {
    font-size: 17px;
    color: #000000;
}

.BlockRateBox {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px dashed #000000;
}

.brInnerbox {
    width: calc(50% - 10px);
    /*max-width: 396px;*/
    margin-right: 10px;
    float: left;
    border-radius: 10px;
    background: #D0D0D0;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 40px;
    border: 1px solid #D0D0D0;
    opacity: 0.7;
    min-height: 360px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    transform: scale(0.99);
}

    .brInnerbox:last-child {
        margin-left: 10px;
        margin-right: 0px;
    }

    .brInnerbox.boxWhiteBg {
        background: #ffffff;
        opacity: 1;
        transform: scale(1);
    }

        .brInnerbox.boxWhiteBg .cursorPointer {
            cursor: pointer;
        }

.boxActiveIcon {
    width: 30px;
    height: 30px;
    margin: auto;
    margin-bottom: 10px;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #58007b;
    color: #58007b;
    cursor: pointer;
    text-align: center;
    line-height: 27px;
    font-size: 20px;
}

.brInnerbox.activeBox {
    background: #FFF7BE;
    opacity: 1;
}

.boxActiveIcon .fa {
    color: #58007b;
    display: none;
}

.brInnerbox.activeBox .boxActiveIcon {
    opacity: 1;
}

    .brInnerbox.activeBox .boxActiveIcon .fa {
        display: inline-block;
    }

.brInnerbox p.boxContent {
    font-size: 15px;
}

span.oragText {
    color: #FA561F;
}

span.blackText {
    font-weight: 600;
}

.brInnerbox.activeBox p.boxContent {
    color: #000000;
}

.btnOrng {
    background: #FA561F;
    font-weight: 600;
    min-width: 170px;
}

.brInnerbox .infoDetails.cusCheckbox {
    background: transparent;
    padding: 0;
    margin-bottom: 15px;
}

.brInnerbox .cusCheckbox input[type=checkbox]:not(old) + label > span {
    background: transparent;
    position: absolute;
    left: 0;
    font-size: 25px;
    color: #797979;
}

.brInnerbox.activeBox .cusCheckbox input[type=checkbox]:not(old) + label > span {
    color: #000000;
}

.brInnerbox .cusCheckbox input[type=checkbox]:not(old) + label {
    padding-left: 35px;
    position: relative;
    display: block;
    margin: 0;
    font-weight: 400;
}

.brInnerbox .cusCheckbox input[type=checkbox]:not(old) {
    position: absolute;
}

.brInnerbox.activeBox .cusCheckbox input[type=checkbox]:not(old) + label {
    color: #000000;
}

.mt20 {
    margin-top: 20px;
}

.brInnerbox .btnBtm {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-radius: 0 0 5px 5px;
}


    .brInnerbox .btnBtm .boxBtm {
        width: 100%;
        border-radius: 0 0 5px 5px;
        font-size: 14px;
        height: 40px;
    }

        .brInnerbox .btnBtm .boxBtm .fa {
            margin-left: 5px;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -ms-transition: 0.3s;
            transition: 0.3s;
            position: relative;
            left: 0;
        }

        .brInnerbox .btnBtm .boxBtm:hover .fa {
            left: 5px;
        }

        .brInnerbox .btnBtm .boxBtm[disabled]:hover .fa {
            left: 0px;
        }

.boxBtm.disabled, .boxBtm[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}



.brInnerbox.activeBox .showBtn {
    display: block;
}

.BlockRateBox.custRadio .radioInfo {
    text-align: center;
    margin-bottom: 10px;
}

    .BlockRateBox.custRadio .radioInfo input[type=radio ]:not(old) + label .blodText {
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
    }

    .BlockRateBox.custRadio .radioInfo input[type=radio ]:not(old) + label {
        background: transparent;
        border: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .BlockRateBox.custRadio .radioInfo input[type=radio ]:not(old) + label > span {
            background: #ffffff;
            margin: 0;
        }

    .BlockRateBox.custRadio .radioInfo input[type=radio ]:not(old):checked + label > span {
        background: #ffffff;
        margin: 0;
    }

    .BlockRateBox.custRadio .radioInfo input[type=radio ]:not(old) {
        display: none;
    }

.BlockRateBox.custRadio .radioInfo {
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
    background: #323054;
    color: #ffffff;
    padding: 10px 0;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 20px;
    border-radius: 5px 5px 0 0;
    padding-left: 10px;
    text-align: left;
}

    .BlockRateBox.custRadio .radioInfo input[type=radio ]:not(old) + label {
        float: none;
        width: auto;
        cursor: pointer;
    }

.rateBlockContainer .brInnerbox {
    width: 100%;
    max-width: 47%;
    margin-right: 15px;
}

.mw230 {
    max-width: 230px !important;
}

.rateBlockContainer .custRadio .radioInfo div.radioContent {
    padding: 10px 15px 10px;
}

.retailerSlider {
    overflow: hidden;
    position: relative;
}


.SliderSection {
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    float: left;
    /* -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; */
    -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    /* transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; */
    opacity: 1;
    position: relative;
    right: 0;
    width: 100%;
}

.BenfSection {
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    float: left;
    /* -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; */
    -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    /* transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s; */
    opacity: 1;
    position: relative;
    left: 0;
    width: 100%;
}

    .BenfSection.ng-hide {
        display: block !important;
        width: 100%;
        left: -100%;
        opacity: 0;
        padding: 0 10px;
        position: absolute;
    }

.SliderSection.ng-hide {
    display: block !important;
    width: 100%;
    right: -100%;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
}

/*.bnfSection {
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    float: left;
}
.kycSection {
    margin-right: -300%;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    float: left;
    width:100%;
}
.retailerSlider.ActiveStep2 .bnfSection {
    margin-left: -300%;
}
.retailerSlider.ActiveStep2 .kycSection {
    margin-right: 0%;
  
}*/

.RetailTab {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .RetailTab ul {
        padding: 0;
        margin: 0;
        width: 100%;
        border-bottom: 1px solid #cccccc;
    }

        .RetailTab ul li {
            float: left;
            margin-right: 5px;
            list-style: none;
            cursor: pointer;
            background: #c9c9c9;
            padding: 7px 20px;
            font-size: 16px;
        }

            .RetailTab ul li.active {
                background: #333;
                color: #fff;
            }

            .RetailTab ul li i {
                padding-right: 5px;
            }
/*.paySecLeft {
padding-left:0;
}
.paySecRight {
padding-right:0;
}*/

.paySection {
    padding-top: 20px;
}
/**Rate Block End***/
.cusSelect {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    background: #7D55F5;
    text-transform: uppercase;
    border: none;
    outline: none;
    padding-left: 0;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url(../images/selectIconWhite.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 13px;
}

    .cusSelect::-ms-expand {
        display: none;
    }

.select-cur select.cusSelect {
    font-size: 18px;
    vertical-align: middle;
}

.select-cur .flag {
    position: static;
    float: none;
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}

.flag {
    background: url('../images/flags.png');
    width: 33px;
    height: 21px;
    position: static;
    float: none;
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}

.USD {
    background-position: -10px -9px;
}

.GBP {
    background-position: -53px -9px;
}

.EUR {
    background-position: -96px -9px;
}

.AUD {
    background-position: -139px -9px;
}

.CAD {
    background-position: -182px -9px;
}

.SGD {
    background-position: -225px -9px;
}

.AED {
    background-position: -268px -9px;
}

.JPY {
    background-position: -311px -9px;
}

.SEK {
    background-position: -354px -9px;
}

.THB {
    background-position: -397px -9px;
}

.ZAR {
    background-position: -440px -9px;
}

.SAR {
    background-position: -483px -9px;
}

.NZD {
    background-position: -527px -9px;
}

.KWD {
    background-position: -570px -9px;
}

.HKD {
    background-position: -614px -9px;
}

.CHF {
    background-position: -657px -9px;
}

.BHD {
    background-position: -699px -9px;
}

.CNY {
    background-position: -743px -9px;
}

.DKK {
    background-position: -787px -9px;
}

.LKR {
    background-position: -10px -39px;
}

.MUR {
    background-position: -53px -39px;
}

.MYR {
    background-position: -96px -39px;
}

.NOK {
    background-position: -139px -39px;
}

.OMR {
    background-position: -182px -39px;
}

.QAR {
    background-position: -225px -39px;
}

.RUB {
    background-position: -268px -39px;
}

.IDR {
    background-position: -311px -39px;
}

.INR {
    background-position: -354px -39px;
}






/**** Footer Begin *******/
footer.footer-section {
    position: fixed;
    bottom: 0;
    width: 100%;
}

footer {
    background-color: #eaeaea;
    padding: 15px 0 16px;
    width: 100%;
}

.footer-left, .footer-right {
    float: left;
}

.footer-left {
    width: 50%;
    text-align: left;
    margin-top: 10px;
}

.footer-right {
    width: 50%;
    text-align: right;
}

.footer-left ul li {
    float: left;
    padding-right: 0px;
    line-height: 13px;
    margin-right: 15px;
    border-right: 1px solid #7e8890;
    padding-right: 15px;
    color: #323a45;
    font-weight: 600;
}

    .footer-left ul li .fa {
        font-size: 16px;
    }

    .footer-left ul li:last-child {
        margin-right: 0px;
        border-right: 0px solid #7e8890;
        padding-right: 0px;
    }

    .footer-left ul li a {
        color: #7e8890;
        font-size: 15px;
        font-family: 'BrandonGrotesque-Regular';
    }

.footer-right p {
    color: #323a45;
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    font-family: 'BrandonGrotesque-Regular';
}

.copyRightTxt {
    float: left;
    position: relative;
    left: -150px;
    padding-top: 10px;
}

.footerLogo {
    float: right;
}

    .footerLogo img {
        width: 100px;
        vertical-align: text-bottom;
        margin-left: 5px;
    }

.steps-container.desktop-view {
    display: block;
}

.steps-container.mobile-view {
    display: none;
}


/**** Footer End *********/
.modal-header {
    background: #323a45;
    color: #ffffff;
    border-radius: 3px 4px 0 0;
    font-weight: bold;
}

    .modal-header .close {
        color: #ffffff;
        opacity: 0.9;
    }

        .modal-header .close:hover {
            opacity: 1;
        }

    .modal-header .modal-title {
        font-weight: 600;
    }

.swashIn {
    animation-name: swashIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes swashIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0);
    }

    90% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(.9, .9);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
    }
}


@keyframes scaleAnimate {
    from {
        transform: translateY(-60px);
        -ms-transform: translateY(-60px);
        -webkit-transform: translateY(-60px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}



/***New Design*****/
.cls-1 {
    fill: #ffffff;
}

.cls-2 {
    fill: #ffffff;
}

.tabLinkList .senderIcon .tabIcon, .tabLinkList .ReceivIcon .tabIcon {
    padding-top: 8px;
    display: block;
}

.tabLinkList .senderIcon svg {
    width: 75px;
}

.progressTab.senderIcon .cls-1 {
    fill: #3eb54a;
}

.progressTab.senderIcon .cls-2 {
    fill: #422e80;
}

.tabLinkList .ReceivIcon svg {
    width: 75px;
}

.progressTab.ReceivIcon .cls-1 {
    fill: #422e80;
}

.progressTab.ReceivIcon .cls-2 {
    fill: #3eb54a;
}

.tabLinkList .KycIcon svg {
    width: 45px;
}

.progressTab.KycIcon .cls-1 {
    fill: #422681;
}

.progressTab.KycIcon .cls-2 {
    fill: #3cb60c;
}

.tabLinkList .PayMentIcon svg {
    width: 50px;
}

.progressTab.PayMentIcon .cls-1 {
    fill: #3eb54a;
}

.progressTab.PayMentIcon .cls-2 {
    fill: #422e80;
}


.tabLinkList img {
    width: 45px;
}

.tabLinkList svg {
    width: 45px;
}

.tabLinkList li {
    position: relative;
    width: 130px;
    height: 130px;
    background: rgba(0,0,0,0.2);
    color: #ffffff;
    margin-bottom: 13px;
    border-radius: 35px;
    padding: 34px 10px 0;
    text-align: center;
    font-weight: 600;
}

    .tabLinkList li:last-child {
        margin-bottom: 0;
    }

    .tabLinkList li span.fa {
        position: absolute;
        background: #6F747C;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        font-size: 16px;
        font-weight: 600;
        top: 2px;
        left: 2px;
        font-family: 'Open Sans', sans-serif;
    }

    .tabLinkList li.progressTab {
        background: #ffffff;
        color: #000000;
    }


        .tabLinkList li.progressTab span.fa {
            background: #FF8400;
            color: #ffffff;
            color: transparent;
            font: normal normal normal 16px/1 FontAwesome;
            font-size: 0;
            text-align: center;
        }
    /*.tabLinkList li.completedTab {
    background: #ffffff;
    color:#000000;
    }*/
    .tabLinkList li.completedTab span.fa {
        background: #229775;
        color: transparent;
        font: normal normal normal 19px/1 FontAwesome;
        font-size: 0;
        text-align: center;
    }

    .tabLinkList li.progressTab span.fa:before {
        content: "\f251";
        font: normal normal normal 16px/1 FontAwesome;
        color: #ffffff;
        line-height: 40px;
        margin: auto;
        width: 40px;
        display: inline-block;
    }

    .tabLinkList li.completedTab span.fa:before {
        content: "\f00c";
        font: normal normal normal 19px/1 FontAwesome;
        color: #ffffff;
        line-height: 40px;
        margin: auto;
        width: 40px;
        display: inline-block;
    }

    .tabLinkList li.progressTab:after {
        content: '';
        display: inline-block;
        border-left: 10px solid #ffffff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        width: 0;
        height: 0;
        position: absolute;
        right: -10px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.tabContent {
    /*padding: 40px 55px;*/
}

.BenfSect, .PersSect {
    padding: 40px 55px;
}

.LayoutLeft {
    width: 150px;
    float: left;
}

.LayoutCenter {
    float: left;
    min-height: 560px;
    width: 730px;
    background: #EBECED;
    border-radius: 35px;
}

.LayoutRight {
    float: right;
    width: 270px;
}

.Cusform label {
    color: #323054;
    font-weight: 600;
}

.Cusform input[type=text] {
    margin-bottom: 15px;
    font-size: 14px;
    color: #323054;
    border: 1px solid #6a6a6a;
    border-radius: 8px;
    height: 35px;
}

.Cusform .btn.btn-default.btngreen {
    background: #229775;
    border-color: #229775;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    border-radius: 8px;
    height: 45px;
}

.topSelect {
    font-weight: 400;
    font-size: 19px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/purple-down.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 13px;
    padding-left: 10px;
}


.topSelect {
    direction: rtl;
}

    .topSelect option {
        direction: ltr;
    }

.top10 {
    margin-top: 10px;
}

.bottom20 {
    margin-bottom: 20px;
}

.topSelect {
    font-weight: 600;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/purple-down.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 13px;
    padding-left: 10px;
    padding-right: 25px;
    color: #333333;
    background-color: #EBECED;
    border: none;
    box-shadow: none;
    width: auto;
    display: inline-block;
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    outline: none;
}

    .topSelect::-ms-expand {
        display: none;
    }

.rightBox {
    padding: 15px 15px 5px;
    background: rgba(0,0,0,0.4);
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
}

    .rightBox .liveshape {
        position: absolute;
        left: 0;
        /*right: 0;*/
        width: 62px;
        top: 0px;
        margin: auto;
        font-size: 12px;
    }

.rightSelect {
    font-weight: 600;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/selectIconWhite.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 10px;
    padding-left: 10px;
    padding-right: 15px;
    color: #ffffff;
    background-color: transparent;
    border: none;
    box-shadow: none;
    /*width: 100%;*/
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    outline: none;
    text-align: center;
    margin: auto;
    margin-right: 0;
}

    .rightSelect::-ms-expand {
        display: none;
    }

    .rightSelect option {
        color: #000000;
    }

.rightBox label {
    text-align: right;
    font-weight: 400;
    width: 100%;
    margin-bottom: 0;
}

    .rightBox label.purposeTxt {
        font-size: 11px;
    }

.rightBox .rightInput {
    padding: 0;
    text-align: center;
    height: auto;
    background: transparent;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    border: none;
    outline: none;
    box-shadow: none;
}

.rightBox .input-group-addon {
    background: transparent;
    border: none;
    padding: 0;
    text-align: left;
    padding-left: 10px;
}

    .rightBox .input-group-addon .rightSelect {
        display: inline-block;
        vertical-align: middle;
        padding-left: 0;
    }

    .rightBox .input-group-addon .curText {
        font-weight: 600;
    }

.alignLeft {
    text-align: left;
}

    .alignLeft label {
        padding-left: 55px;
        text-align: left;
    }

.form-group.alignLeft .rightInput {
    text-align: left;
    padding-left: 10px;
    font-size: 20px;
    line-height: 16px;
}

.rightBox .flag {
    margin-right: 10px;
}

.FormSelect {
    margin-bottom: 20px;
    font-size: 15px;
    color: #323054;
    border: 1px solid #6a6a6a;
    border-radius: 8px;
    height: 45px;
    padding-left: 5px;
    padding-right: 5px;
    outline: none;
    box-shadow: none;
}

.pr0 {
    padding-right: 0;
}

.kycInnerBox {
    background: #2f2f2f;
    margin-left: -7.5px;
    margin-right: -7.5px;
    padding: 20px 15px 10px;
    margin-bottom: 15px;
    border-radius: 30px;
    min-height: 130px;
}

    .kycInnerBox p {
        font-size: 13px;
        margin-bottom: 15px;
        min-height: 60px;
        line-height: 16px;
    }

.KycSection {
    padding: 30px 15px 20px;
}

    .KycSection .ppBox-title {
        font-size: 16px;
        padding-left: 15px;
        color: #000000;
        margin-bottom: 5px;
    }


.kycMainBox {
    margin-bottom: 0px;
    max-height: 500px;
    min-height: 410px;
    overflow: auto;
}

.Cusform .UploadBtn label {
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.UploadBtn .uploadInput {
    width: 0;
    outline: none;
    height: 0;
    box-shadow: none;
    opacity: 0;
    cursor: pointer;
    position: relative;
    z-index: -1;
}

.kycInnerBox input.uploadBtn {
    color: #ffffff;
}

.bgTable {
    background: rgba(0,0,0,0.4);
    width: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
}

.rightTable th {
    text-align: center;
    padding-bottom: 5px;
}

.custable_transaction.rightTable {
    padding: 0;
    padding-top: 10px;
    margin-bottom: 3px;
    overflow: hidden;
}

    .custable_transaction.rightTable .acc-tbl td:first-child {
        color: #ffffff;
        font-size: 13px;
        padding: 8px 0px 8px;
        padding-left: 15px;
    }

    .custable_transaction.rightTable .acc-tbl td:last-child {
        color: #ffffff;
        font-size: 15px;
        padding: 8px 0px 8px;
        text-align: right;
        font-weight: bold;
        padding-right: 15px;
    }

    .custable_transaction.rightTable .acc-tbl tr:last-child td {
        border-top: 0px dashed #000000;
        padding: 13px 0 13px;
        background: rgba(0,0,0,0.5);
    }

        .custable_transaction.rightTable .acc-tbl tr:last-child td:first-child {
            padding-left: 15px;
        }

        .custable_transaction.rightTable .acc-tbl tr:last-child td:last-child {
            padding-right: 15px;
        }

    .custable_transaction.rightTable.bigTable .acc-tbl td:first-child {
        font-size: 15px;
        padding: 15px 0 15px;
        padding-left: 15px;
    }

    .custable_transaction.rightTable.bigTable .acc-tbl td:last-child {
        font-size: 15px;
        padding: 15px 0 15px;
        padding-right: 15px;
    }

    .custable_transaction.rightTable.bigTable .acc-tbl tr:last-child td:first-child {
        padding: 20px 0 20px;
        padding-left: 25px;
    }

    .custable_transaction.rightTable.bigTable .acc-tbl tr:last-child td:last-child {
        padding: 20px 0 20px;
        padding-right: 25px;
    }




    .custable_transaction.rightTable.bgTableTrans {
        border: none;
        padding-top: 0;
    }

.bgTableTrans {
    background: transparent;
}

.custable_transaction.rightTable.bgTableTrans .acc-tbl tr:last-child td {
    padding-top: 5px;
    padding-bottom: 5px;
    background: transparent;
}

.custable_transaction.rightTable.bgTable.singleValue {
    padding-top: 0;
}

.custable_transaction.rightTable.singleValue .acc-tbl tr:last-child td:last-child {
    color: #FF8400;
}

.OrangTxt {
    color: #FF8400 !important;
}

.paymentSection {
    padding: 20px 25px 0;
}

.payportWrapper {
    padding: 20px 0 0;
    margin-bottom: 0px;
    position: relative;
}

.ppValue {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 22px;
}

.pptext {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.ppBox.ppw-left {
    float: left;
    width: 270px;
    /*height:340px;*/
    margin-right: 10px;
}

.ppBoxMain {
    /*border: 1px solid #ffffff;*/
    border-radius: 10px 10px 35px 35px;
}

.ppBox.ppw-left .ppBox-top {
    padding: 20px 20px 10px;
    background: #39AC63;
    border-radius: 10px 10px 0 0;
    min-height: 159px;
}

.ppBox.ppw-Right .ppBox-top {
    padding: 20px 20px 10px;
    background: #1570A3;
    border-radius: 10px 10px 0 0;
    display: table;
    width: 100%;
}

.Cusform .Payment-uploadBtn.UploadBtn label {
    color: #333333;
}

.topList {
    /*display: table-cell;*/
}

.ppBox.ppw-Right {
    float: right;
    width: 386px;
    /*height:340px;*/
}

.ppInnerBox {
    min-height: 245px;
    position: relative;
}

.ppMainText {
    padding: 30px 40px 50px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    /*margin-bottom: 20px;*/
}

.ppBox button.btn.btn-success.boxBtm {
    background: #FF8400;
    border-color: #FF8400;
    border-radius: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -22px;
    margin: auto;
    display: block;
    height: 45px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 210px;
    width: 100%;
    outline: none;
    box-shadow: none;
}

/*.ppInnerBoxMain .ppInnerBox {
    width: 50%;
    float: left;
}*/


.ppBox-title {
    font-size: 18px;
    font-weight: 600;
}

.payportWrapper .ppBox-title {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 2px dashed #ffffff;
    padding-bottom: 10px;
    margin: 0 -20px 3px;
    padding: 0 20px 7px;
}

/*.ppBox.ppw-Right .ppBoxMain {
    border: 1px solid #332B6F;
}*/

.ppInnerBoxMain .infoWrapper {
    margin: 0;
    padding-bottom: 7px;
    border-radius: 0;
}

.ppInnerBox.Boxdetails {
    padding: 20px 20px 15px;
}

.ppBoxMain {
    background: #ffffff;
}

.infoBul {
    padding-left: 20px;
    position: relative;
}

    .infoBul:before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        background: #323054;
        border-radius: 50px;
        position: absolute;
        left: 7px;
        top: 5px;
    }

.pptextsub {
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    line-height: 14px;
}

.pptextsmall {
    font-size: 11px;
    color: #fff;
}

.infoWrapper .pptextsmall {
    font-size: 11px;
    color: #000000;
}

/*.ppBox-top {
    height: 88px;
}*/

.topList:last-child {
    position: relative;
}

    .topList:last-child:after {
        position: absolute;
        content: '';
        border-left: 2px dashed #ffffff;
        height: 70px;
        top: -2px;
        bottom: 0;
        left: -20px;
    }

.ppInnerBoxMain .infoText {
    color: #373643;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
}

.ppInnerBoxMain .infoTitle {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 0;
    /*margin-bottom: 8px;*/
}

span.succMsg {
    background: #26991e;
    color: #ffffff;
    font-weight: 600;
    padding: 5px 15px;
    margin-left: 25px;
    border-radius: 8px;
}

p.ppbtmtext {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-top: 40px;
    line-height: 15px;
    margin-bottom: 20px;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.paymentNextSection {
    padding: 30px 25px 10px;
}

.pmtLeft {
    width: 360px;
    float: left;
}

.pmtRight {
    float: right;
    width: 300px;
}

.TimeTitle {
    color: #000000;
    font-weight: 600;
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 0;
}

.TimeValue {
    background: #7D55F5;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    padding: 8px 12px;
    border-radius: 5px;
    display: inline-block;
}

.Timetext {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.timeList {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}

.timePanel {
    float: left;
    display: inline-block;
    margin-right: 20px;
}


.PaymentList {
    padding: 15px;
    margin: 0;
    border-radius: 10px;
}

    .PaymentList h4 {
        margin: 0;
        color: #ffffff;
        font-size: 15px;
        font-weight: 400;
    }

.Paymentvalue {
    color: #ffffff;
    font-weight: 700;
    margin-top: 0px;
    font-size: 17px;
    margin-bottom: 0;
}

.PaymentList.PaidList {
    background: #229775;
    float: right;
    margin-top: 0px;
    padding: 20px 20px 15px;
}

.PaymentList.remitList {
    background: #43464B;
    width: 100%;
    margin-top: 0px;
    padding: 20px 20px 15px;
}

.IconView {
    background: #ffffff;
    padding: 15px 10px 8px 15px;
    color: #373643;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 10px;
}

    .IconView p {
        color: #373643;
        position: relative;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 14px;
    }

        .IconView p:before {
            content: '';
            display: inline-block;
            width: 7px;
            height: 7px;
            background: #323054;
            border-radius: 50px;
            margin-right: 4px;
        }

.btmAlrt {
    color: red;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 31px 5px;
    text-align: center;
}


.ListView {
    margin-top: 19px;
    /*box-shadow: 4px 4px 9px #dddddd;*/
    border-radius: 5px;
    /*border: 1px solid #ccc;*/
    padding: 0px 0 10px;
    background: #ffffff;
    color: #000000;
}

h4.ListTitle {
    padding-left: 15px;
    margin-bottom: 0;
}

.ListView .ListView-text {
    display: block;
    color: #373643;
    /*float:left;*/
    font-size: 13px;
}

.ListView .ListView-value {
    display: block;
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    /*float:right;*/
}

.ListView p {
    float: left;
    width: 100%;
    padding: 10px 15px 0;
    margin-bottom: 5px;
}

    .ListView p:nth-child(odd) {
        text-align: left;
        float: left;
        width: 50%;
        padding-right: 3px;
    }

    .ListView p:nth-child(even) {
        text-align: right;
        float: left;
        width: 50%;
        padding-left: 3px;
    }






.ListdashbView {
    margin-top: 10px;
    border-radius: 5px;
    padding: 0px 0 10px;
    background: rgba(0,0,0,0.4);
    width: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
}

    .ListdashbView h4.ListTitle {
        padding-left: 0px;
        margin-bottom: 5px;
        margin-top: 0;
        background: #245047;
        color: #ffffff;
        font-size: 14px;
        padding: 10px 0;
        text-align: center;
        font-weight: 600;
        border-radius: 5px 5px 0 0;
    }

    .ListdashbView .ListView-text {
        display: inline-block;
        width: 90px;
        color: #ffffff;
        /*float:left;*/
        font-size: 11px;
    }

    .ListdashbView .ListView-value {
        display: inline-block;
        color: #ffffff;
        font-weight: 600;
        font-size: 13px;
        /*float:right;*/
    }

    .ListdashbView p {
        /*float: left;*/
        width: 100%;
        padding: 2px 5px 2px 15px;
        margin-bottom: 0px;
        line-height: 13px;
    }

        .ListdashbView p:nth-child(odd) {
            /*text-align: left;
        float: left;
        width: 50%;*/
            /*padding-right: 3px;*/
        }

        .ListdashbView p:nth-child(even) {
            /*text-align: right;
        float: left;
        width: 50%;
        padding-left: 3px;*/
        }




.Cusform .btn.btn-default.btnbrown {
    background: #FF8400;
    border-color: #FF8400;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    border-radius: 8px;
    height: 45px;
}


.LayoutLast {
    padding: 30px 0px;
    background: rgba(0,0,0,0.4);
    border-radius: 35px;
    color: #ffffff;
    width: 880px;
    float: left;
}

.PPWrap-top {
    border-bottom: 1.5px dashed #696969;
    padding: 0 30px 20px 40px;
}

.referIdtxt {
    font-size: 16px;
    float: right;
    text-align: right;
}

    .referIdtxt span {
        font-weight: bold;
        font-size: 18px;
        display: block;
    }

.PpsuccMsg {
    font-size: 18px;
    float: left;
    padding-left: 25px;
    position: relative;
}

    .PpsuccMsg .fa {
        position: absolute;
        left: 0;
        height: 18px;
        top: 0px;
        bottom: 0;
        margin: auto;
    }
/*.PpsuccMsg .fa.fa-hourglass-start{
    color:#FF8400;
}
.PpsuccMsg .fa.fa-hourglass-start{
    color:#FF8400;
}*/



/*.leftCon {
    width: 550px;
    float: left;
}*/

.RightCon {
    /*float: left;
    width: 330px;
    background: rgba(0,0,0, 0.5);
    padding: 20px 35px 10px;*/
}

.referTitle {
    text-align: center;
    font-size: 22px;
    color: #cccccc;
    margin-bottom: 10px;
}

.Cusform.referForm label {
    color: #ffffff;
}

.Cusform.referForm input[type=text] {
    height: 35px;
    margin-bottom: 5px;
}

.Cusform.referForm .btn.btn-default.btngreen {
    height: 38px;
    line-height: 22px;
}

.timeLineProgress {
    border-bottom: 1.5px dashed #696969;
    min-height: 350px;
}

.cbp_tmtimeline {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    padding-left: 20px;
    position: relative;
}

    .cbp_tmtimeline > li .cbp_tmtime {
        display: block;
        width: 142px;
        position: absolute;
        text-align: left;
        padding-top: 14px;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        width: 13px;
        height: 13px;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 18px;
        line-height: 8px;
        -webkit-font-smoothing: antialiased;
        position: relative;
        color: #fff;
        background: #fff;
        border-radius: 50%;
        text-align: center;
        left: 143px;
        top: 17px;
        margin: 0px 0 0 0px;
        z-index: 1;
    }

    .cbp_tmtimeline > li.active .cbp_tmicon {
        background: #ffffff;
    }

    .cbp_tmtimeline > li {
        position: relative;
        padding-bottom: 20px;
    }


        .cbp_tmtimeline > li .cbp_tmlabel {
            /*border: 1px solid #dddddd;*/
            margin: -13px 0 15px 156px;
            color: #ffffff;
            padding: 10px 15px 5px;
            font-size: 1.2em;
            font-weight: 400;
            line-height: 1.4;
            position: relative;
            border-radius: 7px;
            /*background: #fff;*/
            margin-bottom: 0px;
            /*box-shadow: 4px 4px 9px #dddddd;*/
        }

            .cbp_tmtimeline > li .cbp_tmlabel h4 {
                color: #ffffff;
                font-weight: 400;
                margin-top: 5px;
                font-size: 15px;
                margin-bottom: 0;
            }

            .cbp_tmtimeline > li .cbp_tmlabel p {
                font-size: 18px;
                font-weight: bold;
                line-height: 20px;
            }

        .cbp_tmtimeline > li:before {
            content: '';
            position: absolute;
            top: 18px;
            bottom: -18px;
            width: 2px;
            background: #3EB41F;
            left: 148px;
            margin-left: 0px;
        }

        .cbp_tmtimeline > li:last-child:before {
            display: none;
        }

/*.cbp_tmtimeline > li.active:before {
    background: #3EB41F;
}*/
.cbp_tmtime span {
    color: #ffffff;
    font-weight: 400;
    margin-top: 5px;
    font-size: 15px;
}

.cbp_tmlabel .dowloadIcon {
    background: #3EB41F;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    font-weight: 400;
}

.ppwDownloadSec {
    border-bottom: 1.5px dashed #696969;
    padding: 15px 20px 10px;
}

    .ppwDownloadSec > div {
        margin-bottom: 5px;
    }

.btntransDownload {
    background: transparent;
    border: none;
    color: #ffffff;
    margin-left: 40px;
    font-size: 15px;
    outline: none;
    box-shadow: none;
}

    .btntransDownload .fa {
        margin-right: 3px;
    }


.ppwSuccPanel {
    /*padding: 18px 30px 10px;*/
    text-align: left;
    float: left;
    width: 60%;
}

    .ppwSuccPanel p {
        color: #ffffff;
    }

    .ppwSuccPanel .CompTxt {
        font-weight: 600;
    }

/*.ppwContent {
    border-bottom: 1.5px dashed #ffffff;
}*/

.ppwBtmText {
    text-align: right;
    padding: 30px 40px 0;
}

    .ppwBtmText p {
        margin-bottom: 0;
    }

    .ppwBtmText a {
        color: #ffffff;
        font-weight: bold;
    }

.modal-body {
    color: #333333;
}

.bannerBtmText {
    margin-top: 50px;
    position: absolute;
    max-width: 1200px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 101px;
    margin: auto;
}



.clientDetails {
    padding: 70px 0;
    background: #f9f9f9;
    background: linear-gradient(to bottom, #f9f9f9 0%,#f9f9f9 71%,#f9f9f9 50%,white 50%,white 100%);
}

    .clientDetails .cmnText {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

.clientReviewWrapper {
    max-width: 600px;
    width: 90%;
    margin: auto;
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 50px 100px;
    border-radius: 10px;
    box-shadow: 0px 0px 50px #dddddd;
    margin-top: 100px;
    margin-bottom: 20px;
    text-align: center;
}

    .clientReviewWrapper .slick-list {
        top: -117px;
        margin-bottom: -140px;
    }

    .clientReviewWrapper .slick-dots {
        bottom: 80px;
    }

p.C-tagline {
    color: #333c4e;
    font-family: 'BrandonGrotesque-Regular';
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

.ClientImg {
    position: relative;
}

    .ClientImg img {
        border: 4px solid #cccccc;
        border-radius: 50%;
    }

.C-name {
    color: #682a9d;
    font-family: 'BrandonGrotesque-Regular';
    font-weight: 600;
    font-size: 20px;
    outline: none;
    margin-bottom: 25px;
    margin-top: 30px;
}

p.C-review {
    font-family: 'BrandonGrotesque-Regular';
    color: #7e8890;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
}



section.media-details {
    padding: 50px 0;
    text-align: center;
}

    section.media-details p.cmnText {
        margin-bottom: 0;
    }

p.mediaTagline {
    color: #333c4e;
    font-family: 'BrandonGrotesque-Regular';
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

a.mediaKnowMore {
    color: #682a9d;
    font-family: 'BrandonGrotesque-Regular';
    font-weight: 600;
    font-size: 16px;
    outline: none;
}

a.cmnAtag {
    color: #682a9d;
    text-decoration: underline;
}

a.mediaKnowMore .fa {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-radius: 50px;
    position: relative;
    left: 0;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    vertical-align: text-bottom;
}

a.mediaKnowMore:hover .fa {
    left: 5px;
}

.mediaImg {
    border: 1px solid #dddddd;
    display: inline-block;
    padding: 8px 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 50px #dddddd;
    margin-top: 25px;
    margin-bottom: 20px;
}


.subscribe-details {
    padding: 60px 0 90px;
    text-align: left;
    color: #ffffff;
    /*background: #41474F;*/
    background:#222222;

}

    .subscribe-details h3 {
        color: #ffffff;
        font-size: 30px;
        font-weight: 400;
        margin-bottom: 25px;
        font-family: 'Open Sans', sans-serif;
    }

    .subscribe-details p {
        color: #ffffff;
        font-size: 16px;
        line-height: 22px;
        font-family: 'Open Sans', sans-serif;
        /*margin-bottom:20px;*/
    }

    .subscribe-details a {
        color: #d3d2d7;
        border-bottom: 1px solid #ffffff;
    }

.orTxtMargin {
    margin: 30px 0;
}

.contactForm {
    max-width: 350px;
}

    .contactForm .form-control {
        background: transparent;
        border: none;
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 10px;
        outline: none;
        box-shadow: none;
        padding-left: 15px;
    }

    .contactForm input.form-control {
        height: 40px;
    }

    .contactForm .form-group {
        position: relative;
        margin-bottom: 20px;
    }

    .contactForm span.error {
        position: absolute;
        color: #EB2226;
        font-weight: 600;
        font-size: 13px;
        bottom: -15px;
        left: 5px;
    }

    .contactForm .btnGreen {
        background: #28A61F;
        border-radius: 10px;
        width: 100%;
        box-shadow: none;
        outline: none;
    }

.mobileDash {
    display: none;
}



.dropdownbackcolor:focus {
    box-shadow: none;
    outline: none;
    border-color: #ffffff;
}

.dropdownbackcolor {
    color: #ffffff;
    font-size: 20px;
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    padding-left: 15px;
    height: auto;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px;
    background-image: url(../images/selectIconWhite.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 13px;
}

    .dropdownbackcolor::-ms-expand {
        display: none;
    }

    .dropdownbackcolor option {
        color: #000000;
    }

.Beneficiarydropdown {
    height: 35px;
    border-radius: 5px;
    border: 1px solid #6a6a6a;
    border-width: 0.5px;
}

.topSelectHeader {
    font-weight: 400;
    font-size: 19px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    font-weight: bold;
}

    .topSelectHeader::-ms-expand {
        display: none;
    }


.topSelectHeader {
    direction: ltr;
}

/*.kycsTable .table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .kycsTable .table td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

.kycsTable .tabletr:nth-child(even) {
    background-color: #dddddd;
}*/
.kycsTable th {
    background-color: #a645a7;
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
}

.kycsTable.table th:first-child, .kycsTable.table td:first-child {
    padding-left: 30px;
}

.kycsTable th:last-child {
    border-left: 1px solid #cccccc;
}

.kycsTable td {
    background-color: #ffffff;
    color: #000000;
}

.kycsTable.table td p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    color: #333333;
    font-weight: 600;
}

a.dowloadIcon > .fa {
    margin-right: 5px;
}

.kycsTable.table td a.dowloadIcon {
    color: #a645a7;
    text-decoration: underline;
}

.cursorPointer {
    cursor: pointer;
}

span.FileName {
    font-size: 16px;
    font-weight: 600;
}

.kycsTable.table td.lastClm {
    text-align: center;
    width: 80px;
    border-left: 1px solid #cccccc;
}

.kycsTable.table td.lastClm {
    text-align: center;
    width: 180px;
    border-left: 1px solid #cccccc;
    vertical-align: middle;
    color: #323054;
    font-size: 14px;
}

table.table.kycsTable {
    margin-bottom: 0;
}

.kycsTable.table td.lastClm > span > span {
    cursor: pointer;
    color: #323a45;
    font-size: 13px;
}

.KYCDoclist {
    color: #323a45;
    font-size: 12px;
}

.uploadBtn.UploadBtn {
    background: #28a61f;
    color: #ffffff;
    padding: 5px 9px;
    border-radius: 5px;
}

.uploadBtn.ReUploadBtn {
    background: #FF8400;
    color: #ffffff;
    padding: 5px 9px;
    border-radius: 5px;
}

.dataViewBtn {
    background: transparent;
    color: #323a45;
    border: 1px solid #323a45;
    padding: 5px 9px;
    border-radius: 5px;
}

.kycsTable.table td.lastClm .fa {
    font-size: 18px;
}

.kycsTable label.cursorPointer input.uploadBtn {
    /*margin-right: 0;
    height: 0;
    width: 0;*/
}

.KycUp_top {
    border-bottom: 1px dashed #696969;
    padding-top: 20px;
    padding-left: 20px;
}

.referenceNumber {
    color: #7D55F5;
    font-weight: bold;
    font-size: 20px;
}

.KycUp_middle {
    border-bottom: 1px dashed #696969;
    color: #333333;
    font-size: 15px;
    padding: 20px;
}

    .KycUp_middle p {
        font-weight: bold;
        margin-bottom: 0;
    }

.KycUp_bottom {
    border-bottom: 1px dashed #696969;
    color: #333333;
    font-size: 15px;
    padding: 20px;
}

    .KycUp_bottom p {
        margin-bottom: 22px;
    }

.kycRejectedTable {
    min-height: 350px;
    max-height: 350px;
    overflow: auto;
}

    .kycRejectedTable .table td:last-child {
        width: 60%;
        border-left: 1px solid #cccccc;
        padding-left: 20px;
    }

    .kycRejectedTable .kycsTable th {
        padding: 13px 10px 13px 30px;
    }

    .kycRejectedTable .kycsTable td {
        padding: 13px 10px 13px 30px;
    }

img.rejIcon {
    width: 45px;
}

.kycRejText {
    float: left;
    color: #000000;
    width: calc(100% - 80px);
}

.kycRejTop {
    padding: 20px 10px;
}

.kycRejImg {
    float: left;
    width: 80px;
    text-align: center;
}

.kycRejectedTable .table td:last-child p {
    font-size: 14px;
    font-weight: 400;
}

.reUpload input.uploadBtn {
    background: #229775;
    padding: 5px 10px;
    color: #ffffff;
    border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 0;
    margin-right: 0;
}


.rates-info {
    background: #f9f9f9;
    padding-bottom: 0px;
    padding-top: 0;
    border-bottom: none;
    /*padding-bottom:20px;*/
    color: #ffffff;
}

:focus, a:focus {
    outline: none;
}

.live-rate-sys {
    width: 65px;
    color: #fff;
    font-weight: 600;
    padding: 3px 10px;
    display: table;
    margin: auto;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background: #EB2226;
    font-size: 14px;
    text-transform: uppercase;
}

    .live-rate-sys span {
        font-weight: 600;
        vertical-align: middle;
    }

    .live-rate-sys img {
        max-width: 10px;
        margin-right: 5px;
        vertical-align: middle;
    }

.buy-forex {
    /*float: left;*/
    width: 100%;
    padding-top: 11px;
    max-height: 400px;
    min-height: 400px;
    overflow: hidden;
    transition: max-height .15s ease-out;
}

    .buy-forex > div > div {
        background: #fff;
        padding: 10px;
        float: right;
        width: 100%;
        border: 1px solid #fff;
        border-radius: 10px;
        color: #333333;
    }

.full-ratecard {
    max-height: 100%;
}

.rates-info h4 {
    color: #5b007f;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

.manageRateChecker .rates-info h4 {
    background: #4C1F6B;
    color: #ffffff;
}

.manageRateChecker .liveRates-pane.rates-info {
    border: 1px solid #434A54;
    border-bottom: none;
}

.manageRateChecker .rates-info h4 i {
    color: #ffffff;
}

.rates-info input[type=tel] {
    border: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: 12px;
    width: 100%;
}

.div-focus.true {
    border: 1px dashed #5b2877;
}

.btn-container {
    width: 320px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

.rate-card {
    background: #5b007f;
    border: 1px solid #5b007f;
    color: #fff;
    border-radius: 20px;
    padding: 5px 15px;
    margin-left: 15px;
}

.buy-forex > div {
    padding: 0px 10px 15px;
}

.book-btn {
    border: 1px solid #03b36a;
    background: #fff;
    color: #03b36a;
    border-radius: 10px;
    padding: 2px 10px;
    font-size: 12px;
    margin: auto;
    display: block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 85px;
}

    .div-focus.true .book-btn, .book-btn.true {
        float: right;
    }

    .book-btn:hover, .book-btn:focus {
        color: #fff;
    }

    .book-btn:before {
        border-radius: 10px;
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: -1px;
        right: -1px;
        background: #03b36a;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    .book-btn:focus:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .book-btn:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

.rates-info .flag {
    /*background: url(../images/flags.png);
    width: 33px;
    height: 21px;*/
    float: right;
}

.rates-info h5 {
    float: left;
    font-size: 14px;
    margin: 0;
    margin-top: 3px;
}

.rates-top {
    background: #3CB60C;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 15px;
    text-align: center;
}

.rates-btm {
    background: #FCFFCA;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px;
    margin-top: 30px;
    color: #333333;
}

    .rates-btm p {
        margin-bottom: 0;
        max-width: 900px;
        margin: auto;
        position: relative;
    }

        .rates-btm p .fa {
            position: absolute;
            top: 0;
            color: #5b007f;
            bottom: 0;
            font-size: 25px;
            left: -31px;
            margin: auto;
            height: 24px;
        }

.LayoutBottom {
    padding: 25px 20px 25px;
    background: rgba(0,0,0,0.4);
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
    max-width: 885px;
    width: 100%;
    margin-top: 20px;
    background-image: url(../images/lightbulb.png);
    background-repeat: no-repeat;
    padding-left: 70px;
    background-position: 17px 45%;
    float: left;
}

    .LayoutBottom p {
        font-weight: 400;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .LayoutBottom .title {
        margin-bottom: 10px;
        font-size: 15px;
        text-transform: uppercase;
    }

.NoteBox {
    background: rgba(0,0,0,0.4);
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
    font-size: 13px;
    padding: 10px 19px 5px;
}

    .NoteBox .title {
        margin-bottom: 5px;
        font-weight: 500;
        font-size: 14px;
    }

    .NoteBox p {
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 5px;
    }

span.yellowText {
    color: #E3DF34;
    font-weight: 400;
    text-transform: uppercase;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, select[disabled], input[disabled] {
    cursor: not-allowed;
    opacity: 1;
}

.summaryPurpose {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.ppwDownloadSec a:hover, .ppwDownloadSec a:focus {
    color: #ffffff;
}

.modal-dialog.swiftPopup {
    max-width: 350px;
    text-align: center;
    color: #656565;
}

.swiftPopup p {
    font-size: 16px;
    margin-bottom: 15px;
}
/***About US***/
section.bannerRetails.bannerHightAuto {
    height: auto;
}

section.bannerRetails.bannerAboutus {
    height: auto;
    padding: 30px 0px 200px;
}

section.VisionDetails.AboutVision {
    padding-top: 20px;
    background: #323a45;
    background: linear-gradient(to bottom, transparent 0%,transparent 0%,transparent 150px,#f9f9f9 0%,#f9f9f9 100%);
    text-align: center;
    position: relative;
    top: -150px;
    margin-bottom: -150px;
}

.Aboutbanner {
    max-width: 750px;
    margin: auto;
    text-align: center;
}

    .Aboutbanner h1 {
        margin-bottom: 45px;
        font-family: 'BrandonGrotesque-Medium';
    }

    .Aboutbanner h2 {
        margin-bottom: 70px;
        font-family: 'Open Sans', sans-serif;
        font-size: 45px;
    }

    .Aboutbanner p {
        font-size: 25px;
        margin-bottom: 0;
        line-height: 30px;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
    }

.visionWrapper {
    border: 1px solid #dddddd;
    box-shadow: 1px 2px 1px #dddddd;
    border-radius: 20px;
    padding: 50px 50px 20px;
    margin-bottom: 60px;
    background: #ffffff;
    max-width: 400px;
    min-height: 422px;
}

section.VisionDetails {
    padding-top: 20px;
    background: #323a45;
    background: linear-gradient(to bottom, #323a45 0%,#323a45 0%,#323a45 150px,#f9f9f9 0%,#f9f9f9 100%);
    text-align: center;
}

    section.VisionDetails h2.visionTitle {
        font-size: 40px;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 30px;
    }

.visionWrapper p {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
}

.OurTeamDetails {
    padding: 50px 50px 80px;
    background: #f9f9f9;
    border-bottom: 1px solid #7e8890;
}

.OurTeamMain {
    max-width: 920px;
    margin: auto;
}

.OurTeamDetails .teamWrapper {
    border: 1px solid #dddddd;
    box-shadow: 1px 2px 1px #dddddd;
    border-radius: 10px;
    padding: 20px 35px 20px 25px;
    margin-bottom: 40px;
    background: #ffffff;
    position: relative;
    margin-top: 70px;
    max-width: 380px;
    margin-right: 0;
    float: right;
    min-height: 154px;
}

.teamProfile {
    padding-left: 50px;
    margin-bottom: 20px;
}

    .teamProfile h4 {
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #422681;
        line-height: 20px;
        margin: 0;
    }

.teamWrapper p.teamDet {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #333c4e;
    line-height: 22px;
    margin-bottom: 0;
    padding-left: 10px;
}

.teamProfile p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #333c4e;
    line-height: 22px;
}

.teamImg {
    position: absolute;
    top: -66px;
    left: -76px;
    border: 9px solid #f9f9f9;
    border-radius: 50%;
}

section.ProcessDetails {
    text-align: center;
    padding: 80px 0;
    /*border-top:1px solid #7e8890;*/
    border-bottom: 1px solid #7e8890;
}

.ProcessDetails .row {
    max-width: 800px;
    margin: auto;
    margin-top: 50px;
}

.ProcessDetails p.cmnText {
    max-width: 760px;
    margin: auto;
}

.ProcD-wrapper {
    width: 148px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.ProcD-icon {
    height: 120px;
}

.ProcD-wrapper p.ProcD-Step {
    color: #422681;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}

.ProcD-wrapper p {
    color: #333c4e;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

/****Service And Our Vision Begin***/
section.OurVision-details {
    padding: 80px 0;
    border-bottom: 1px solid #7e8890;
}

    section.OurVision-details.ServOfferDetails {
        padding: 80px 0 30px;
    }

h4.subTitle {
    color: #333c4e;
    font-size: 25px;
    text-align: center;
    font-weight: 400;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

p.smllTxt {
    font-family: 'Open Sans', sans-serif;
    color: #7e8890;
    font-size: 17px;
    text-align: center;
    line-height: 21px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 15px;
}

.ourVision-box {
    border: 1px solid #dddddd;
    border-radius: 20px;
    padding: 50px;
    margin-bottom: 60px;
    background: #ffffff;
    box-shadow: 1px 2px 1px #dddddd;
}

    .ourVision-box.TAourVision-box {
        min-height: 573px;
    }

    .ourVision-box.DMcBox1 {
        min-height: 456px;
    }

    .ourVision-box.DMcBox2 {
        min-height: 375px;
    }

.ourVisionTitle {
    color: #333c4e;
    font-size: 24px;
    text-align: left;
    font-weight: 400;
    width: 100%;
    margin: auto;
    margin-bottom: 35px;
    font-family: 'Open Sans', sans-serif;
}

.ServOfferDetails .ourVisionTitle {
    font-size: 29px;
    text-align: center;
}

.ourVision-box > p {
    color: #7e8890;
    margin-bottom: 25px;
    line-height: 22px;
}

.ourVision-box ul {
    margin-top: 30px;
}

    .ourVision-box ul li {
        color: #7e8890;
        margin-bottom: 20px;
        line-height: 22px;
        font-size: 16px;
        position: relative;
    }

        .ourVision-box ul li:before {
            display: inline-block;
            content: "\f00c";
            color: #3cb60c;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: -21px;
            top: 3px;
            font-size: 17px;
        }
/***Service and Our Vision End***/

/***ABout End***/
/*** Static Pages Begin***/
section.StaticBanner {
    background-color: #323a45;
    background-image: url(../images/bannerBganimatelast.svg),url(../images/bannerBganimate.svg), url(../images/bannerBg.svg);
    background-repeat: repeat-x, repeat-x, repeat-x;
    background-position: 0 bottom, bottom,0 bottom;
    min-height: 500px;
}

section.staticcontent {
    position: relative;
    top: -350px;
    margin-bottom: -350px;
}

    section.staticcontent .container {
        border: 1px solid #dddddd;
        box-shadow: 1px 2px 1px #dddddd;
        border-radius: 20px;
        padding: 30px 50px 20px;
        margin-bottom: 60px;
        background: #ffffff;
        /*max-width: 900px;*/
    }

.staticcontent h3 {
    color: #422681;
    font-size: 30px;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: 'Open Sans', sans-serif;
}

.staticcontent h4 {
    color: #422681;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
}

.staticcontent p {
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    margin: auto;
    margin-bottom: 8px;
}

.staticcontent li {
    color: #000000;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    margin: auto;
    margin-bottom: 8px;
    list-style: disc;
    margin-left: 20px;
}
/*** Static Pages End ***/

/***Multiple Upload Begin***/
.multipleUpload .fileInput {
    width: 0;
    height: 0;
    outline: none;
    box-shadow: none;
    opacity: 0;
}

.mulUpTable {
    margin-top: 15px;
}

    .mulUpTable table {
        border: 1px solid #ddd;
    }

    .mulUpTable th {
        background: #2c3340;
        color: #fff;
        text-align: center;
        font-weight: 600;
        font-size: 13px;
    }

    .mulUpTable tr:nth-child(odd) td {
        background: rgba(218, 218, 218, 0.50);
        color: #333333;
        font-size: 12px;
        text-align: center;
    }

    .mulUpTable tr:nth-child(even) td {
        background: #ffffff;
        color: #333333;
        font-size: 12px;
        text-align: center;
    }

    .mulUpTable tr td.text-left {
        text-align: left !important;
    }
/*** Multiple Upload End***/

/**** SEO Content Begin***/
section#faq {
    border-bottom: 1px solid #7e8890;
}

.SeoContent {
    padding: 60px 0;
}

    .SeoContent h1 {
        color: #422681;
        font-size: 30px;
        text-align: center;
        font-weight: 400;
        width: 100%;
        margin: auto;
        margin-bottom: 25px;
        font-family: 'Open Sans', sans-serif;
    }

    .SeoContent h2 {
        color: #422681;
        font-size: 25px;
        text-align: left;
        font-weight: 400;
        width: 100%;
        margin: auto;
        margin-top: 25px;
        margin-bottom: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .SeoContent h3 {
        color: #422681;
        font-size: 20px;
        text-align: left;
        font-weight: 400;
        width: 100%;
        margin: auto;
        margin-top: 25px;
        margin-bottom: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .SeoContent p {
        font-family: 'Open Sans', sans-serif;
        color: #696969;
        font-size: 16px;
        text-align: left;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .SeoContent li {
        font-family: 'Open Sans', sans-serif;
        color: #696969;
        font-size: 15px;
        text-align: left;
        line-height: 18px;
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
    }

        .SeoContent li:after {
            position: absolute;
            content: '';
            width: 6px;
            height: 6px;
            background: #a6a6a6;
            border-radius: 5px;
            left: 7px;
            top: 7px;
        }
    .SeoContent a.Link {   
        color: #422681;
        font-weight:600;
        text-decoration:underline;
    }

/*** SEO Content End***/



@media screen and (min-width:1670px) {
    .bannerSection.Step1, .bannerSection.Step2 {
        margin-top: 80px;
    }
}

@media screen and (max-height:900px) {

    .bannerRetails:not(.bannerSmallPage) {
        height: auto;
    }

    .bannerRetails {
        padding-top: 10px;
        padding-bottom: 31px;
    }

    .manageBnf {
        margin-bottom: 10px;
    }

    .remitTable {
        margin-bottom: 15px;
    }

        /*.remitTable .boxShadow {
            min-height: 200px;
            max-height: 200px;
        }*/
        .remitTable .tableScroll {
            max-height: 170px;
        }

    .bannerBtmText {
        position: static;
        margin-top: 20px;
        max-width: 100%;
    }
}

@media screen and (max-width:1366px) {
    .DashBox {
        padding: 6px 6px 0px;
        min-height: 90px;
    }

    .loginSection {
        /*margin-bottom: 180px;*/
    }

    .bannerSection > div {
        padding-top: 35px;
    }


    .bnfBox {
        margin-bottom: 6px;
    }

    .dsTitle {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .tableBottom {
        padding: 10px;
    }

    .remitTable .table tbody > tr > td {
        padding-top: 5px;
    }

    .dropdownbackcolor {
        font-size: 16px;
    }

    .transBtn {
        margin: 10px 10px 5px;
        font-size: 14px;
    }

    .retailForm .form-group.top20 {
        margin-top: 10px;
    }

    .retailForm {
        max-width: 350px;
    }

    .bannerSection {
        margin-top: 20px;
    }

    .select-cur + input.form-control {
        font-size: 16px;
        height: 40px;
    }

    .select-cur.input-group-addon {
        height: 40px;
    }

    .inrTextBox .input-group-addon {
        height: 40px;
    }

    .select-cur select.cusSelect {
        font-size: 16px;
    }

    .transCondition {
        font-size: 13px;
    }

    .bottomValue {
        font-size: 16px;
    }

    .bannerSection .retailForm .inrTextBox .form-control {
        font-size: 22px;
        height: 40px;
    }

    .TransText {
        width: 60%;
        font-size: 13px;
    }

    /*.transBox {
        padding: 6px;
    }*/

    .TransValue {
        font-size: 18px;
        margin-top: 8px;
    }

    .retailForm label {
        margin-top: 10px;
        font-size: 14px;
    }

    .bannerBtmText {
        position: static;
        margin-top: 20px;
        max-width: 100%;
    }

    header {
        padding-top: 8px;
        padding-bottom: 8px;
    }

        header .logo img {
            max-width: 135px;
        }

        header ul.nav.navbar-nav.navbar-right {
            margin-top: 0px;
        }

    footer {
        padding: 0px 0 0px;
    }

    .main-container {
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .bannerRetails {
        padding: 10px 0px 50px;
        /*height: calc(100vh - 90px);*/
    }


    .tabLinkList li {
        width: 120px;
        height: 120px;
        margin-bottom: 10px;
    }

    .tabLinkList .senderIcon svg {
        width: 57px;
    }

    .tabLinkList .ReceivIcon svg {
        width: 57px;
    }

    .tabLinkList .KycIcon svg {
        width: 40px;
    }

    .tabLinkList .PayMentIcon svg {
        width: 40px;
    }

    .tabLinkList li span.fa {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .tabLinkList li.completedTab span.fa:before, .tabLinkList li.progressTab span.fa:before {
        line-height: 30px;
        font-size: 16px;
        width: 30px;
    }

    .LayoutCenter {
        min-height: 506px;
    }

    .BenfSect, .PersSect {
        padding: 40px 55px 30px;
    }

    .custable_transaction.rightTable {
        padding-top: 10px;
    }

    .rightBox {
        padding: 10px 10px 20px;
        margin-bottom: 10px;
    }

        .rightBox .form-group {
            margin-bottom: 10px;
        }

    .LayoutLast {
        padding: 15px 0;
    }

    .ppwBtmText {
        padding: 10px 40px 0;
    }


    .paymentNextSection {
        padding: 15px 20px 0px;
    }

    .paymentSection {
        padding: 0px 25px 0;
    }

    .KycSection {
        padding: 20px 15px 0px;
    }

    .payportWrapper {
        padding-top: 10px;
    }

    .paymentNextSection .form-group {
        margin-bottom: 5px;
    }

    .pmtLeft {
        width: 373px;
    }

    .paymentNextSection .top20 {
        margin-top: 5px;
    }

    .Cusform input[type=text] {
        margin-bottom: 10px;
        font-size: 15px;
        height: 40px;
    }

    .Cusform .btn.btn-default.btnbrown {
        font-size: 15px;
        height: 40px;
    }


    .bannerBtmText {
        bottom: 56px;
    }

    .bannerRetails h1 {
        font-size: 35px;
        padding-left: 30px;
        margin-top: 80px;
    }

    .bannerRetails h2 {
        font-size: 20px;
        padding-left: 30px;
    }

    .retailForm {
        margin-right: auto;
    }

    .loginSection {
        padding: 20px;
        margin-top: 20px;
    }

    h4.loginTitle {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .btnSocial {
        padding: 8px;
        font-size: 15px;
    }

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

@media screen and (max-width:1280px) {
    .tabLinkList li {
        width: 110px;
        height: 110px;
        margin-bottom: 15px;
        padding: 24px 10px 0;
        margin-left: 10px;
    }

    BenfSect, .PersSect {
        padding: 40px 30px 30px;
    }

    .LayoutLeft {
        width: 135px;
    }

    .rightSelect {
        font-size: 15px;
    }

    .form-group.alignLeft .rightInput {
        font-size: 18px;
    }

    .rightBox label {
        font-size: 13px;
    }

    .LayoutLast {
        width: 860px;
    }

    .RightCon {
        width: 300px;
    }

    .leftCon {
        width: auto;
    }

    .summaryPurpose {
        font-size: 16px;
    }

    .PpsuccMsg {
        font-size: 17px;
        margin-top: 10px;
    }

    .referIdtxt {
        font-size: 14px;
    }

    .referTitle {
        text-align: center;
        font-size: 19px;
    }

    .ppwBtmText p {
        font-size: 14px;
    }

    .ppwSuccPanel p {
        font-size: 15px;
    }

    .ppwDownloadSec a {
        font-size: 15px;
    }

    .cbp_tmtimeline > li .cbp_tmlabel p {
        font-size: 15px;
    }

    .cbp_tmtimeline > li .cbp_tmlabel h4 {
        font-size: 13px;
    }

    .cbp_tmtime span {
        font-size: 13px;
    }
}

@media screen and (max-width:1199px) and (min-width:1170px) {
    .container {
        max-width: 100%;
        /*padding: 0 13px;*/
    }

    .cusLayout.row {
        margin: 0;
    }

    .LayoutRight {
        width: 260px;
    }

    .bannerSection.Step1 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .bannerSection.Step2 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (max-width:1150px) {
    .bannerRetails {
        height: auto;
    }

    header ul.nav.navbar-nav.navbar-right li.needHelp {
        display: none;
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {
    .container {
        max-width: 100%;
    }
}

@media screen and (max-width:1149px) {
    .rates-info .buy-forex h4 {
        font-size: 30px;
    }

    .ppBox.ppw-Right {
        float: right;
        width: calc(100% - 280px);
    }

    .rates-info h4 span, .rates-info h4 i {
        font-size: 20px;
        font-weight: 300;
    }

    .dashRowLeft {
        width: 100%;
        float: none;
    }

    .manageRateChecker {
        position: relative;
        width: 100%;
        float: none;
    }

    .bnfBox {
        max-width: 350px;
        width: 100%;
        height: auto;
    }

    .tabLinkList svg {
        width: 45px;
        display: none;
    }

    .cusLayout.row {
        margin: 0;
        padding: 20px;
    }

    .LayoutCenter {
        min-height: auto;
        width: 100%;
        margin-top: 20px;
        border-radius: 15px;
    }

    .LayoutBottom {
        padding: 15px 15px 15px 15px;
        background: rgba(0,0,0,0.4);
        width: 100%;
        border-radius: 20px;
    }

    .LayoutLeft {
        width: 100%;
        float: none;
    }

    .BenfSect, .PersSect {
        padding: 20px 30px;
    }

    .LayoutRight {
        display: none !important;
    }

    .LayoutLast + .LayoutRight {
        margin-top: 20px;
        display: block !important;
        width: 100%;
        float: none;
    }

    .LayoutLast {
        width: 100%;
        float: none;
    }

    .timeLineProgress {
        border-bottom: 1.5px dashed #696969;
        min-height: auto;
    }

    .ppwSuccPanel {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }

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

    .pmtLeft {
        width: 47%;
    }

    .PpsuccMsg {
        width: 100%;
        float: none;
        font-size: 15px;
        margin-bottom: 20px;
    }

    .cbp_tmtimeline > li .cbp_tmtime {
        display: block;
        width: 77px;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        left: 83px;
    }

    .cbp_tmtimeline > li:before {
        left: 88px;
    }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: -13px 0 15px 91px;
    }

    .ppwBtmText {
        text-align: left;
    }

    .referIdtxt {
        width: 100%;
        float: none;
        text-align: left;
    }

    .kycMainBox {
        min-height: auto;
        margin-bottom: 10px;
    }

    .progressTab {
        display: none;
    }

    .tabLinkList li span.fa {
        position: static;
    }

    .tabLinkList li {
        width: auto;
        height: auto;
        display: inline-block;
        background: transparent;
        padding: 0;
    }

    .tabName {
        display: none;
    }

    .tabLinkList li.progressTab .tabName {
        display: inline-block;
        color: #ffffff;
        font-weight: 600;
        font-size: 16px;
    }

    .tabLinkList .senderIcon .tabIcon, .tabLinkList .ReceivIcon .tabIcon, .tabLinkList .tabIcon {
        display: none;
    }

    .topSelect {
        float: none;
        margin: auto;
        display: block;
        font-size: 15px;
    }

    .tabLinkList li.progressTab {
        padding: 0;
        background: #7D55F5;
        width: calc(100% - 150px);
        text-align: left;
    }

    .tabLinkList li.completedTab span.fa {
        font-size: 16px;
        line-height: 29px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        color: #ffffff;
    }

    table.table.kycsTable {
        margin-bottom: 0;
    }

    .KycSection {
        padding: 20px 15px 10px;
    }

    .tabLinkList li.completedTab span.fa:before {
        display: none;
    }

    .tabLinkList li.progressTab:after {
        display: none;
    }

    .bannerSection.Step2 .bannerLeft {
        display: none;
    }

    .bannerSection > div {
        display: block;
        width: 100%;
        vertical-align: top;
    }

    .loginSection {
        float: none;
    }

    .bannerBtmText {
        position: static;
        margin-top: 20px;
    }

    .btmCont p {
        width: auto;
    }

    .btmCont span {
        padding: 10px 10px;
        font-size: 15px;
    }

    footer.footer-section {
        position: static;
    }

    .dashboardMain footer.footer-section {
        display: none;
    }

    .btmCont p {
        width: auto;
        font-size: 15px;
    }

    .loginSection {
        float: none;
        max-width: 350px;
        margin: auto;
        width: 100%;
        min-width: auto;
    }

    .bannerSec-slider.ActiveStep2 .bannerSection.Step1 {
        margin-left: -200%;
        display: none;
    }

    .bannerRetails h1 {
        text-align: center;
        font-size: 2em;
        margin-top: 0;
    }

    .bannerRetails h2 {
        text-align: center;
        font-size: 1.6em;
    }

    .select-cur + input.form-control, .inrTextBox .form-control {
        font-size: 16px;
    }

    .retailForm .btnGreen {
        display: block;
        margin: auto;
    }

    .bottomValue {
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .select-cur select.cusSelect {
        font-size: 15px;
    }

    .inrTextBox .input-group-addon {
        font-size: 15px;
    }

    .btnGreen {
        padding: 8px 10px;
        max-width: 180px;
        min-width: auto;
        width: 100%;
        font-size: 14px;
    }

    .loginBtn {
        max-width: 140px;
        height: 40px;
        margin-right: 15px;
        text-transform: uppercase;
        padding: 8px;
        outline: none;
    }

    .liveshape {
        font-size: 14px;
    }

    .retailForm {
        max-width: 400px;
        margin: auto;
    }

    #RegisterForm {
        right: 0;
        top: 0px;
        left: 0;
        padding: 15px 20px;
        /*min-height: 440px;*/
    }

        #RegisterForm h4.loginTitle {
            font-weight: 600;
            margin-bottom: 10px;
        }

        #RegisterForm.loginSection .form-group {
            position: relative;
            margin-bottom: 17px;
        }

        #RegisterForm.loginSection input.form-control {
            height: 30px;
        }

    .mobileDash {
        display: block;
    }

        .mobileDash .flag {
            display: none;
        }

        .mobileDash .alignLeft label {
            padding-left: 0px;
            text-align: left;
            font-size: 13px;
        }

        .mobileDash .rightBox .input-group-addon {
            display: inline-block;
            padding-left: 0;
        }

        .mobileDash .form-group.alignLeft .rightInput {
            display: inline-block;
            padding-left: 10px;
            width: 100%;
        }

        .mobileDash .input-group {
            display: inline-block;
        }

        .mobileDash .rightBox {
            padding: 20px 20px 10px;
            margin-bottom: 20px;
            border-radius: 20px;
        }

        .mobileDash .curText {
            vertical-align: top;
            font-weight: bold;
            font-size: 18px;
        }

        .mobileDash .rightBox .form-group:first-child {
            float: left;
            width: 50%;
            text-align: left;
        }

        .mobileDash .rightBox .input-group-addon .rightSelect {
            font-size: 15px;
            padding-right: 15px;
        }

        .mobileDash .rightBox .form-group:last-child {
            float: left;
            width: 50%;
            text-align: right;
        }

            .mobileDash .rightBox .form-group:last-child.alignLeft label {
                padding-left: 0px;
                text-align: right;
            }

            .mobileDash .rightBox .form-group:last-child.alignLeft .rightInput {
                text-align: right;
            }

    .footer-left, .footer-right, .copyRightTxt {
        width: 100%;
        text-align: center;
        float: none;
    }

    .copyRightTxt {
        position: static;
    }

    .footerLogo {
        float: none;
        margin: 10px 0;
    }

    .footer-left ul li {
        float: none;
        display: inline-block;
        margin-bottom: 5px;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .OurTeamDetails .teamWrapper {
        max-width: 350px;
    }


    .intro-details h3, .management-details h3, .travelagent-details h3 {
        font-size: 40px;
    }

    .intro-details p.btmcontent, .intro-details p.topcontent, .management-details p.topcontent, .travelagent-details p.topcontent {
        font-size: 24px;
        line-height: 28px;
    }

    h2.sectionTitle, h3.sectionTitle {
        font-size: 35px;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .OurTeamDetails .teamWrapper {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .OurTeamMain .col-sm-6 {
        width: 100%;
    }

    /*.TA-banner-details .image-responsive {
        display:none;
    }*/


}

@media screen and (max-width:768px) {


    h2.sectionTitle, h3.sectionTitle {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .who-we-are-details p.cmnText, .Personas-details .cmnText, p.cmnText {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .clientReviewWrapper {
        padding: 50px 50px;
    }

    .slick-prev, .slick-next {
        display: none !important;
    }

    section.TravelAgent-intro, section.intro-details {
        padding: 50px 0 30px;
    }
}





@media screen and (min-width: 768px) {
    .mobileLink.IconLink {
        display: none;
    }
}

@media screen and (max-width:767px) {


    header ul.nav.navbar-nav.navbar-right li.needHelp {
        display: none;
    }

    header ul.nav.navbar-nav.navbar-right li.IconLink {
        display: none;
    }

    .rates-top {
        font-size: 14px;
        padding: 10px;
    }

    .tabLinkList .senderIcon .tabIcon, .tabLinkList .ReceivIcon .tabIcon {
        padding-top: 8px;
        display: inline-block;
    }

    .buy-forex .rates-info h4 {
        font-size: 25px;
    }

    .buy-forex {
        max-height: 385px;
        min-height: 385px;
    }

    .rates-btm p {
        margin-bottom: 0;
        max-width: 100%;
        margin: auto;
        position: relative;
        font-size: 13px;
        padding-left: 20px;
    }

        .rates-btm p .fa {
            font-size: 22px;
            left: -7px;
        }

    section.DMC-intro {
        background: #ffffff;
        background: linear-gradient(to bottom, #ffffff 0%,#ffffff 0%,#ffffff 80%,#f9f9f9 0%,#f9f9f9 100%);
    }

    section.OurVision-details {
        padding: 40px 0 20px;
    }




    .OurTeamDetails .teamWrapper {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .OurTeamMain .col-sm-6 {
        width: 100%;
    }

    .visionWrapper {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }

    .PersonasWrapper .Personas-box {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .PD-img {
        height: auto;
    }

    .PersonasWrapper .col-sm-6:nth-child(2) .Personas-box .PD-img img {
        margin-top: auto;
    }

    .mobileHide {
        display: none;
    }

    section.ProcessDetails {
        padding: 50px 0 0;
    }

    .ProcD-wrapper {
        width: 100%;
        margin-bottom: 70px;
    }

    .ProcessDetails .row {
        margin-top: 0px;
    }

    .ProcD-icon {
        height: auto;
        text-align: center;
    }

        .ProcD-icon img {
            margin-left: auto !important;
        }





    .management-details h3, .travelagent-details h3 {
        font-size: 37px;
        text-align: left;
        margin-left: 0;
    }

    .subscribe-details h3 {
        text-align: center;
    }


    .intro-details p.btmcontent, .intro-details p.topcontent, .management-details p.topcontent, .travelagent-details p.topcontent {
        font-size: 18px;
        line-height: 22px;
        max-width: 100%;
        text-align: left;
    }

    .subscribe-details p {
        text-align: center;
    }

    .subscribe-details {
        padding: 50px 0 50px;
    }

    section.StaticBanner {
        display: none;
    }

    section.staticcontent {
        position: static;
        margin-bottom: 60px;
    }

        section.staticcontent .container {
            position: static;
            border: none;
            padding: 0 15px;
            box-shadow: none;
            border-radius: 0;
            margin-bottom: 0;
        }

    .staticcontent h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .staticcontent h4 {
        font-size: 16px;
    }

    .staticcontent p {
        font-size: 13px;
    }

    .subscribe-details {
        text-align: center;
    }

    .contactForm {
        max-width: 350px;
        margin: auto;
    }

    .ppInnerBox {
        min-height: auto;
        position: relative;
        padding-bottom: 20px;
    }

    .ppBox.ppw-left {
        float: none;
        margin: auto;
        max-width: 100%;
        width: 100%;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .ppBoxMain {
        border-radius: 10px 10px 10px 10px;
    }


    .ppBox button.btn.btn-success.boxBtm {
        position: static;
    }

    .ppBox.ppw-Right {
        float: none;
        margin: auto;
        width: 100%;
        margin-right: auto;
    }

    .ppMainText {
        padding: 25px 20px 20px;
        font-size: 15px;
    }

    .ppBox-top .ppBox-title {
        font-size: 14px;
    }

    .pmtRight {
        float: none;
        width: 100%;
    }

    .pmtLeft {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .manageBnf, .manageKYC, .manageRateChecker {
        width: 100%;
        float: none;
    }
    /** Mobile Menu **/
    .navbar-header {
        display: inline-block;
        float: right;
        margin-top: 12px;
    }

    header .logo img {
        max-width: 150px;
    }

    .getStart-popup .getStart-tab {
        font-size: 24px;
    }

    header .navbar-toggle {
        position: relative;
        font-size: 21px;
        color: #ffffff;
        font-weight: 300;
        float: right;
        padding: 0 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0px;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    header .col-xs-9 {
        width: 100%;
        padding: 0;
    }

    header .navbar-collapse {
        background: #323a45;
        text-align: center;
        margin-top: 0px;
        height: 100% !important;
        width: 100%;
        position: fixed;
        opacity: 0;
        transform: scale(0.9);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-height: 100%;
        webkit-overflow-scrolling: touch;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s;
    }

        header .navbar-collapse.in {
            overflow-y: auto;
            opacity: 1;
            transform: scale(1);
        }

    .navbar-toggle.closeMenu {
        cursor: pointer;
        margin-bottom: 10px;
        float: none;
        text-align: right;
        color: #94a1f4;
        font-size: 40px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        margin-right: 10px;
    }

    header .navbar-nav > li > a:hover, header .navbar-nav > li > a.active {
        border-bottom: 2px solid #45405D;
    }

    header .navbar-nav > li > a {
        color: #ffffff;
        display: inline-block;
        margin-left: auto;
        font-size: 18px;
        margin-bottom: 15px;
    }

    header .col-xs-3 {
        display: inline-block;
        width: 100%;
    }
    /*li.IconLink .dropdown-menu a {
        color:#ffffff;
    }*/
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 7px 10px;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: none;
        min-width: 160px;
        width: 180px;
        margin-top: 0;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        box-shadow: none;
    }

    .IconLink .dropdown .dropdown-menu {
        right: 0;
        left: 0;
        margin: auto;
    }

    .Cusform.PersSect .btn.btn-default.btngreen, .Cusform.BenfSect .btn.btn-default.btngreen {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        border-radius: 0;
        z-index: 1000;
    }
}

@media screen and (max-width:567px) {



    .OurTeamDetails {
        padding: 50px 0 50px;
    }

    .teamImg img.image-responsive {
        width: 90px;
    }

    .teamImg {
        position: absolute;
        top: -47px;
        left: -50px;
        border: 9px solid #f9f9f9;
        border-radius: 50%;
    }

    .OurTeamDetails .teamWrapper {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding: 20px 20px 20px 10px;
        min-height: auto;
    }

    .teamWrapper p.teamDet {
        font-size: 16px;
    }

    .teamProfile p, .teamProfile h4 {
        font-size: 17px;
    }

    .OurTeamDetails .teamWrapper {
    }

    .section.intro-details {
        padding: 90px 0 40px;
    }
}

@media screen and (max-width:479px) {

    .ListView p:nth-child(odd), .ListView p:nth-child(even) {
        width: 100%;
        float: none;
        text-align: left;
        padding-left: 15px;
    }

    .topSelectHeader {
        font-size: 14px !important;
        text-align: center;
        direction: unset;
        width: 100%;
        display: block;
        margin-bottom: 6px;
    }

    .KycUp_top {
        border-bottom: 1px dashed #696969;
        padding-top: 10px;
        padding-left: 0;
        padding-bottom: 10px;
    }

    .KycUp_middle, .KycUp_bottom {
        padding: 10px;
        padding-left: 0;
        padding-right: 0;
    }

        .KycUp_bottom p {
            font-size: 14px;
        }

    .manageRateChecker .rates-info h4 {
        font-size: 25px;
    }

        .manageRateChecker .rates-info h4 span, .manageRateChecker .rates-info h4 i {
            font-size: 17px;
            font-weight: 300;
        }

    .rateValue input {
        font-size: 16px;
    }

    .Ind-rate .inrValue {
        font-size: 16px;
    }

    .col-md-5.For-rate {
        width: 50%;
        float: left;
        padding-right: 0;
    }

    .col-md-7.Ind-rate {
        float: left;
        width: 50%;
        padding-left: 0;
    }

    .dsTitle {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .addBnfTxt {
        color: #ffffff;
        font-size: 13px;
    }

    tr.totalValue td:last-child {
        font-size: 18px;
    }

    .selectPur select.form-control {
        font-size: 14px;
    }

    .buy-forex > div {
        float: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        width: 100%;
        max-width: 300px;
    }

    .bnfBox .boxRight .flag {
        display: none;
    }

    .bnfCur span {
        margin-left: 1px;
        font-size: 13px;
    }

    .bnfBox .boxRight .btnGreenBor {
        padding: 2px 6px;
        font-size: 13px;
    }

    .bnfBox .bnfName {
        font-size: 13px;
        max-width: 130px;
    }

    .bnfBox .remitName {
        min-width: 90px;
        font-size: 12px;
    }

    .remitBank {
        max-width: 90px;
    }

    .bnfBank {
        font-size: 13px;
    }

    .manageBnfBox .bnfName:hover + .bnfBank {
        margin-top: 18px;
    }

    .kycsTable.table input.uploadBtn {
        font-size: 13px;
    }

    .kycsTable.table td.lastClm .fa {
        font-size: 14px;
    }

    .kycsTable.table td.lastClm > span > span {
        font-size: 13px;
        padding: 2px 5px;
    }

    table.table.kycsTable {
        margin-bottom: 0;
    }

    .kycsTable.table td.lastClm {
        text-align: center;
        width: auto;
    }

    .kycMainBox {
        margin-bottom: 32px;
    }

    .mobileDash .rightBox .form-group:last-child.alignLeft .rightInput {
        text-align: right;
        white-space: nowrap;
        font-size: 15px;
        display: initial;
        vertical-align: top;
    }

    .cusLayout.row {
        margin: 0;
        padding: 20px 0;
    }

    .kycsTable.table th:first-child, .kycsTable.table td:first-child {
        padding-left: 10px;
    }

    .kycsTable th {
        font-size: 15px;
    }

    .KycSection .ppBox-title {
        font-size: 14px;
        padding-left: 0px;
        text-align: center;
    }

    .Cusform label {
        white-space: nowrap;
    }

    .bannerSection > div {
        padding-top: 15px;
    }

    .remitTable table {
        min-width: 550px;
    }

    .remitTable .table thead > tr > th:last-child {
        width: auto !important;
    }

    .ClientImg img {
        width: 120px;
    }

    .OurTeamDetails .teamWrapper {
        width: 300px;
    }

    .teamProfile {
        margin-bottom: 0;
    }

    p {
        font-size: 15px;
        line-height: 18px;
    }

    .ourVision-box {
        padding: 30px 25px;
        margin-bottom: 30px;
    }

        .ourVision-box ul {
            margin-top: 20px;
            padding-left: 10px;
        }

    .ourVisionTitle {
        font-size: 20px;
        margin-bottom: 15px;
    }

    p.mediaTagline {
        font-size: 15px;
    }

    section.TravelAgent-intro, section.intro-details {
        padding: 50px 0 60px;
    }
}

@media screen and (max-width:420px) {


    h2.sectionTitle, h3.sectionTitle {
        font-size: 25px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width:340px) {
    section.TravelAgent-intro, section.intro-details {
        padding: 50px 0 80px;
    }
}

@media (hover: none) {
    a:after {
        display: none;
    }
}
    .rightBox .liveshape-dis {
        position: absolute;
        left: 0;
        /*right: 0;*/
        width: 62px;
        top: 0px;
        margin: auto;
        font-size: 12px;
    }
.liveshape-dis {
    background: #9e9e9e;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 2px 11px 2px 11px;
    font-weight: 600;
    margin: auto;
    margin-left: 10px;
    color: #ffffff;
}
.live-rate-dis {
    width: 65px;
    color: #fff;
    font-weight: 600;
    padding: 3px 10px;
    display: table;
    margin: auto;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background: #9e9e9e;
    font-size: 14px;
    text-transform: uppercase;
}

.remitTimeSec{
    color:#ffffff;
    font-size:18px;
    margin-top:120px;
}
.remitTimeSec .topText{
    margin-bottom:30px;

}
.remitTimeSec .topText > span{
   font-weight:bolder;
   display:block;
}
.remitTimeSec p {
    font-size: 22px;
    line-height: 25px;
}
.remitTimeSec .timeText {
display:block;
font-size:28px;
}
.remitTimeSec .timeLabel {
font-size:14px;
}
.remitTimeSec p.btmTime {
    display: inline-block;
}

@media screen and (max-width:767px) {
.remitTimeSec{
    color:#ffffff;
    font-size:16px;
    margin-top:50px
}
.remitTimeSec p {
    font-size: 18px;
    line-height: 20px;
}
.remitTimeSec .timeText {
display:block;
font-size:22px;
}
.remitTimeSec .timeLabel {
font-size:12px;
}
}
 .Pullleft{
        float:left !important;
    }



  .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.addClassAnimate.animateElement .checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
  
}

 .Orangemark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #FF6C00;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.Orangemark {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #FF6C00;
  animation: fillOrange .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
@keyframes fillOrange {
  100% {
    box-shadow: inset 0px 0px 0px 30px #FF6C00;
  }
  
}

.loader-path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -10;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  0% {
    stroke: #ffffff;
  }
  40% {
    stroke: #ffffff;
  }
  66% {
    stroke: #ffffff;
  }
  80%, 90% {
    stroke: #ffffff;
  }
}
@keyframes color {
  0% {
    stroke: #ffffff;
  }
  40% {
    stroke: #ffffff;
  }
  66% {
    stroke: #ffffff;
  }
  80%, 90% {
    stroke: #ffffff;
  }
}


 .crossmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #ff0000;
  fill: none;
 animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.crossmark {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #ff0000;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #ff0000;
  animation: fillred .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.crossmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.cross__path {
  stroke: #ffffff;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  transform-origin: 50% 50% 0;
}
 .cross__path--right {
  animation: 0.3s ease 0.8s normal forwards 1 running stroke;
}
.cross__path--left {
  animation: 1s ease 0.8s normal forwards 1 running stroke;
}
@keyframes fillred {
  100% {
    box-shadow: inset 0px 0px 0px 30px #ff0000;
  }
  
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
.circleOrange {
  display: inline-block;
  position: relative;
  width: 38px;
  height: 38px;
  background-color:#FF6D00;
  border-radius:50%;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 38px;
  height: 38px;
      padding: 5px 0px 0 5px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
    width: 24px;
    height: 24px;
    margin: 2px;
    border: 2px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.panPopupBox {
    position: relative;
    width: 135px;
    height: 160px;
    box-shadow: 0px 0px 6px #ced4da;
    border-radius: 10px;
}
.imageIconDiv{
    height:42px;
    width:40px;
    display:block;
    margin-bottom:3px;
    margin: auto;
}
.loaderImage {
    position: absolute;
    top: calc(100% + -19px);
        font-size: 12px;
        left: 0;
    right: 0;
    margin: auto;
}