/* 

PayAngel Styles

Template Name: PayAngel

Version: 1.0.0

Author: Rinu Madathil

*/

body {
    color: #4d4e4f;
    font-family: "Roboto", sans-serif;
    font-size: 14px
}
.input_capitalize{
    text-transform:capitalize;
}
.payment-info .howpay{
    display: inline-block;
    margin: 0 auto;
    
    width: 100%;
}
.money-mobile-img-popup{
    text-align: right;
}

.money-mobile-img-popup img {
	height: auto;
	margin-right: 50px;
	width: 120px;
}

.payment-info .howpay #mastercard {
	background-image: url('../images/images.png');
	background-position: 0 -139px, 310px 69px;
    background-repeat: no-repeat;
    height: 25px;
    background-size: 35px;
    float: left;
    width: 35px;
}

.payment-info .howpay #maestro {
	background-image: url('../images/images.png');
	background-position: 0 -172px, 310px 69px;
    background-repeat: no-repeat;
    height: 25px;
    background-size: 35px;
    float: left;
    width: 35px;
}

.payment-info .howpay #visa {
	background-image: url('../images/images.png');
	background-position: 0 -74px, 310px 69px;
    background-repeat: no-repeat;
    height: 25px;
    background-size: 35px;
    float: left;
    width: 35px;
}




.payment-info .card-pay .howpay > li {
	float: none;
	list-style: outside none none;
	margin-bottom: 15px;
	padding-left: 18px;
    width: auto !important;
    overflow: auto;
}

.payment-info .card-pay .howpay > li {
	list-style: outside none none;
}

.payment-info .card-pay .howpay-checkbox{
    float: left;
}

.payment-info .card-pay .howpay-checkbox > label {
	/* border: 1px solid #9e9e9e; */
	border: none !important;
	padding: 0px !important;
	color: #808285 !important;
	font-size: 14px;
	font-weight: normal !important;
}

.payment-info .card-pay .howpay-checkbox > label {
	font-size: 14px !important;
	pointer-events: inherit;
}

.payment-info .card-pay .howpay-checkbox > label {
	color: #222f3f !important;
	margin: 0;
	position: static !important;
}

.payment-info .card-pay .howpay-checkbox > label {
	/* min-height: 78px; */
	overflow: hidden;
	vertical-align: top;
	width: 100%;
	cursor: pointer;
}
/*--Fonts--*/
#msg_message #bodyTable{width:600px;}
.form-online .cc-number label {
    left: 80px;
}
.cc-number > input {
    padding-left: 80px !important;
}
input:focus {
    outline: none;
}
.cardsuse .fa{
    font-size:0px;	
}
.cardsuse .fa-credit-card {
  background-image: url("../images/fa-card-icon.jpg");
  background-position-x: -1px;
  background-position-y: 0;
  background-repeat: no-repeat;
  height: 37px;
  width: 50px;
}
.cardsuse .fa-cc-visa{
	background-image: url("../images/sprite21.png?version=1.0");
    background-position: -267px 37px;
    height: 37px;
    width: 50px;
}
.cardsuse .fa-cc-amex{
	background-image: url("../images/sprite21.png?version=1.0");
   background-position: 0 161px;
   height: 37px;
   width: 50px;
}		

.cardsuse .fa-cc-jcb{
	background-image: url("../images/sprite21.png?version=1.0");
    background-position: -158px 162px;
    height: 37px;
    width: 50px;
}	

.cardsuse .fa-cc-mastercard{
	background-image: url("../images/sprite21.png?version=1.0");
 background-position: -423px 37px;
 height: 37px;
 width: 50px;
}

form #ccnum {
    background-image: url('../images/images.png'), url('../images/images.png');
    background-position: 310px 50px, 0 -80px;
    background-repeat: no-repeat;
}


form #ccnum[card="visa"] {
    background-position: 0 -144px, 310px 69px;
}
form #ccnum[card="visa_electron"] {
    background-position: 0 -208px, 310px 69px;
}
form #ccnum[card="mastercard"] {
    background-position: 0 -270px, 310px 69px;
}
form #ccnum[card="maestro1"] {
    background-position: 0 -335px, 310px 69px;
}
form #ccnum[card="discover"] {
    background-position: 0 -397px, 310px 69px;
}
form #ccnum[card="amex"] {
    background-position: 0 -458px, 310px -30px;
}
form #ccnum.diners_club,
form #ccnum.diners_club_carte_blanche,
form #ccnum.diners_club_international {
    background-position: 0 -522px, 310px -30px;
}
form #ccnum.jcb {
    background-position: 0 -584px, 310px -30px;
}
form #ccnum.laser {
    background-position: 0 -648px, 310px -30px;
}

.wallet_input .card_error{border:2px solid rgb(216, 66, 77) !important;}

form #cc-number.visa {
    background-position: 0 -144px, 310px 11px;
}
form #cc-number.visa_electron {
    background-position: 0 -208px, 310px 11px;
}
form #cc-number.mastercards {
    background-position: 0 -270px, 310px 11px;
}
form #cc-number.maestro1 {
    background-position: 0 -335px, 310px 11px;
}
form #cc-number.discover {
    background-position: 0 -397px, 310px 11px;
}
form #cc-number.amex {
    background-position: 0 -458px, 310px -30px;
}
form #cc-number.diners_club,
form #cc-number.diners_club_carte_blanche,
form #cc-number.diners_club_international {
    background-position: 0 -522px, 310px -30px;
}
form #cc-number.jcb {
    background-position: 0 -584px, 310px -30px;
}
form #cc-number.laser {
    background-position: 0 -648px, 310px -30px;
}
form #cc-number.valid.visa {
    background-position: 0 -144px, 310px -30px;
}
form #cc-number.valid.visa_electron {
    background-position: 0 -208px, 310px -30px;
}
form #cc-number.valid.mastercards {
    background-position: 0 -270px, 310px -30px;
}
form #cc-number.valid.maestro1 {
    background-position: 0 -335px, 310px -30px;
}
form #cc-number.valid.discover {
    background-position: 0 -397px, 310px -30px;
}
form #cc-number.valid.amex {
    background-position: 0 -458px, 310px -30px;
}
form #cc-number.valid.diners_club,
form #cc-number.valid.diners_club_carte_blanche,
form #cc-number.valid.diners_club_international {
    background-position: 0 -522px, 310px -30px;
}
form #cc-number.valid.jcb {
    background-position: 0 -584px, 310px -30px;
}
form #cc-number.valid.laser {
    background-position: 0 -648px, 310px -30px;
}
.Roboto,
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-family: 'Roboto', sans-serif;
}
.Raleway {
    font-family: 'Raleway', sans-serif;
}
.RobotoCondensed {
    font-family: 'Roboto Condensed', sans-serif;
}
html,
body {
    height: 100%;
}
.home-page {
    max-width: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
header .dd-selected .dd-selected-text {
    display: none;
}

#divcurrency .select2-container{left: 0px; top: 12px !important;}

.sticky.stuck {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 2px solid #c7c7c7;
}
.stuck .notification-header {
    margin-bottom: 0;
}
header.sticky {
    top: -76px;
}
header.sticky.stuck {
    border: 0 none;
    transition: all 0.5s ease 0s;
}
.sticky.stuck .notification-header {
    border: 0 none;
}
/*validation Css*/

.error-red {
    border-color: red !important;
    box-shadow: none;
}
.dd-select.error-red {
    border-color: #ff0000 !important;
}
.payout-confirm input[type="checkbox"] + label.error-red::before {
    background-position: -3px -2px;
    border: 4px solid #ff0000;
    border-radius: 6px;
}
/*--Navigation--*/

.navbar-default {
    border-bottom: 7px solid #222f3f;
    border-radius: 0;
    margin: 0;
    z-index: 99;
    border-left: 0;
    border-right: 0;
}
.navbar-brand {
    height: auto;
}
.navbar-menu-contact {
    display: table;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    transform: translateX(-50%);
    z-index: 9;
}
.navbar-form.navbar-left.nav-language li a:hover {
    background-color: #222f3f;
}
.dd-container {
    width: auto !important;
}
.nav.navbar-nav.nav-phone a {
    color: #363636;
    font-size: 18px;
    padding: 24px 10px;
}
.navbar-nav > li:last-child::before {
    background-color: #000000;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.nav.navbar-nav.nav-phone a {
    font-size: 12px;
    padding: 0;
}
.navbar-nav > li {
    float: left;
    padding: 24px 10px;
    position: relative;
}
.nav.navbar-nav.navbar-right {
    cursor: pointer;
    padding: 11px 0;
}
.navbar-form.navbar-left.nav-language {
    margin: 19px 0;
}
.nav-select .dd-selected-text {
    color: #363636;
    font-size: 19px;
    font-weight: 800;
    line-height: 15px !important;
    margin: 0;
    text-transform: uppercase;
}
.nav-select .dd-select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 1px solid #363636 !important;
}
.nav-select .dd-option-text {
    line-height: 10px !important;
}
.navbar-form.navbar-left.nav-language .dd-option-text {
    margin-top: 4px;
}
.nav-select .dd-options.dd-click-off-close {
    border: 1px solid #363636;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    top: 40px;
    width: 160px !important;
    padding: 1px;
}
.nav-select .dd-selected {
    padding: 5px 10px;
}
.dd-select {
    background: #fff!important;
    border: 2px solid #212f3f;
    box-shadow: -40px 0 0 #212f3f inset;
}
.select2-container .select2-selection--single {
    -moz-user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 44px !important;
    padding: 6px;
    width: 100%;
    outline: none;
}
.select2-dropdown.src_country_top {
    width: auto !important;
}
.select2-container--default .src_country_top .select2-results > .select2-results__options {
    max-height: 305px;
}
.src_country_top .select2-results__option > span {
    display: block;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
}
.select2-container {
    box-sizing: border-box;
    display: table !important;
    margin: 0 auto !important;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 350px !important;
}
.src_country_top .select2-results__options {
    border: 1px solid #363636;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    top: 40px;
    width: 160px !important;
}
.src_country_top {
    margin-top: 10px;
}
.src_country_top .select2-results__option {
    border-bottom: 1px solid #dddddd;
}
.sign-up-detail .form-group .select2-container {
    width: 100% !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    text-align: left;
}
.select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 2px solid #212f3f !important;
    border-radius: 5px !important;
    overflow: hidden;
    white-space: nowrap;
}
.nav-select .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #212f3f !important;
    border-radius: 1px !important;
    height: 30px !important;
}
.nav-select .select2-selection__arrow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
}
.nav-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
}
.nav-select .select2-selection__rendered span {
    font-size: 0;
}
.nav-select .select2-container {
    width: 70px !important;
}
.select2-selection__arrow {
    box-shadow: -46px 0 0 #212f3f inset;
}
.nav-select .select2-container .select2-selection--single {
    padding: 0 10px;
}
.nav-select .img-flag {
    margin-top: 6px;
}
.nav-select .select2-selection__arrow::before {
    color: #333333;
    content: "";
    font-size: 16px;
    top: 1px;
}
.src_country_top .img-flag {
    margin-top: 2px;
}
.nav-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    transform: rotate(180deg);
    top: 9px;
}
.select2-selection__arrow::before {
    color: #ffffff;
    content: "";
    font-family: fontawesome;
    font-size: 40px;
    position: absolute;
    right: 10px;
    top: -7px;
    z-index: 10;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
    transform: rotate(180deg);
}
.country-phone.form-group .select2-container {
    width: 105px !important;
}
.country-phone .select2-selection__arrow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
}
.country-phone .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
}
.country-phone .select2-selection__arrow::before {
    color: #000000;
    content: "";
    font-size: 20px;
    right: 52px;
    top: 0px;
}
.country-phone.half-input .select2-selection__arrow::before {
    right: 56px;
    top: 1px;
}
.country-phone.cp_country.half-input .select2-selection__arrow::before {
    right: 57px;
    top: 3px;
}
.cp_country .img-flag {
    margin-top: 7px;
}
.country-phone.half-input .select2.select2-container.select2-container--default {
    top: 8px;
}
.country-phone .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    top: 11px;
}
.country-phone .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0 !important;
    outline: none;
}
.country-phone .select2.select2-container.select2-container--default {
    position: absolute;
    top: 4px;
    z-index: 1;
}
.country-phone.mobile-country .select2.select2-container.select2-container--default {
    top: 9px;
    width: 60px !important;
}
.country-phone.mobile-country .select2-selection__arrow::before {
    right: 8px;
}
.form-group.half-input.gender-input .select2-container {
    margin-top: 10px;
}
.dd-selected .dd-selected-text {
    float: left;
    font-size: 20px;
    line-height: 15px !important;
    position: static;
    color: #212f3f;
}
.payment-datail .dd-selected-text {
    position: static;
    font-size: 18px;
    color: #212f3f !important;
    margin-bottom: 0;
}
.country-resi .dd-selected {
    padding: 11px;
    height: 42px;
}
.form-group.country-resi {
    margin-top: 17px !important;
}
.start .dd-pointer.dd-pointer-down,
.start .dd-pointer.dd-pointer-up {
    border: medium none !important;
}
.dd-option-text {
    float: left;
    line-height: normal !important;
}
.start .dd-pointer::before {
    color: #fff;
    font-family: "FontAwesome";
    font-size: 40px;
    left: -22px;
    position: absolute;
    top: -26px;
}
.start .dd-pointer-down::before {
    content: "\f107";
}
.start .dd-pointer-up::before {
    content: "\f106";
    left: -22px;
}
.navbar-form.navbar-left.nav-language .dd-select {
    box-shadow: none;
    width: 70px !important;
}
/* .navbar-form.navbar-left.nav-language .dd-pointer-down::before {

    color: #363636;

    font-size: 17px;

    left: -12px;

    top: -10px;

}

.navbar-form.navbar-left.nav-language .dd-pointer-down::before {

    content: "\f0d7";

}

.navbar-form.navbar-left.nav-language .dd-pointer-up::before {

    content: "\f0d8";

    left: -5px;

    top: -11px;

    } */

    .navbar-brand {
        padding: 0px;
    }
    .isStuck {
        z-index: 10000;
    }
    .isStuck .navbar-default {
        min-height: 75px;
    }
    .isStuck .navbar-brand {
        padding: 0px;
    }
    .authorised-line > img {
        bottom: 21px;
        position: absolute;
        right: 0;
    }
    .slider-container {
        margin-bottom: 60px;
    }
/*--

Slider

--*/

.fill {
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
}
.slider-container .carousel,
.slider-container .item,
.slider-container .active,
.slider-container .carousel-inner {
    height: 100%;
}
.slider-container .carousel-inner .item {
    /* background: url("../images/slider_bg.jpg") repeat-x scroll center top / contain;*/
    
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: inherit !important;
    transform: inherit !important;
}
.slider-container .carousel-caption {
    left: 0;
    margin: 0 auto;
    max-width: 515px;
    padding: 2px 0;
    right: 0;
    top: 5%;
    width: 100%;
}
.slider-container .carousel-indicators {
    bottom: 0;
    height: 16px;
    line-height: 0;
    margin-bottom: 0;
    top: 80%;
    z-index: 100;
}
.slider-container .item {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.slider-container .item .container {
    height: 100%;
    width: 100%;
    background-size: 100% !important;
}
/*

.slider-container .item00 .container {

    background: url("../images/slider1.png") no-repeat scroll  ;

}

.slider-container .item01 .container {

    background: url("../images/slider2.png") no-repeat scroll  ;

}

.slider-container .item02 .container {

    background: url("../images/slider3.png") no-repeat scroll  ;

    }*/

    .slider-container .carousel-caption > h3 {
        font-size: 40px;
        font-weight: 900;
        margin-top: 0;
        padding-bottom: 15px;
        position: relative;
        text-shadow: none;
    }
    .slider-container .carousel-caption > h3::after {
        background: #fff none repeat scroll 0 0;
        content: "";
        height: 1px;
        left: 27%;
        position: absolute;
        top: 100%;
        width: 50%;
    }
    .slider-container .carousel-indicators li,
    .slider-container .carousel-indicators .active {
        border-radius: 50% !important;
        border-width: 2px;
        height: 15px;
        width: 15px;
        margin-right: 10px;
    }
    .fill img {
        display: block;
        height: 100%;
        margin: 0 auto;
        width: 100%;
    }
    .number {
        font-size: 32px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 10%;
        color: #fff;
    }
    .number > span {
        font-size: 14px;
        margin: 0;
        width: 100%;
    }
    /*Carosel Fade*/

    .carousel-fade .carousel-inner .item {
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }
    .carousel-fade .carousel-inner .item,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        opacity: 0;
    }
    .carousel-fade .carousel-inner .active,
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }
    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-control {
        z-index: 2;
    }
/*--

Start

--*/

.start {
    color: #212f3f;
    flex: 1 1 0;
    margin: 0px 0 0px !important;
    text-align: center;
}
.start h4 {
    color: #212f3f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
}
.exchange-rate .form-group > label,
.input-group-addon > label {
    display: table;
}
.exchange-rate .select2-container {
    width: 260px !important;
}
.currency input {
    width: auto !important;
}
.exchange-rate .input-group-addon .select2-container {
    min-width: 140px;
    width: auto !important;
}
.exchange-rate .input-group-addon .select2-container--default .select2-selection--single,
.exchange-rate .input-group-addon .select2-selection__arrow {
    background-color: #212f3f !important;
    height: 46px !important;
}
.exchange-rate .input-group-addon .select2-selection__arrow::before {
    top: 4px;
}
.input-group-addon .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}
.input-group-addon > label {
    margin-bottom: 8px;
}
.start .form-inline .form-group .input-group-addon {
    padding-top: 3px;
}
.exchange-rate .select2-container--default .select2-selection--single {
    border-radius: 0 !important;
}
.start h4 span {
    color: #d8424d;
}
.start .form-inline .form-group,
.start .form-inline .form-group .input-group-addon {
    text-align: left;
    border: 0;
}
.form-group.input-group.currency {
    max-width: 350px;
    width: 100%;
}
.start .currency .input-group-addon {
    position: static;
}
.start .form-inline .form-group > label,
.start .form-inline .form-group .input-group-addon > label {
    color: #808285;
}
.btn-pink {
    background: #d8424d none repeat scroll 0 0;
    border-radius: 50px !important;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    margin: 30px 0;
    padding: 10px 100px;
    text-align: center;
    text-transform: uppercase;
}
.btn-pink:hover,
.btn-pink:focus {
    background: #ba2c36 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
.btn-green {
    background: #70b73f none repeat scroll 0 0;
    border-radius: 50px !important;
    color: #ffffff;
    display: inline-block;
    /*font-size: 28px;
    padding: 5px 30px;*/
    font-size: 20px;
    padding: 0px 40px;
    text-align: center;
    text-transform: uppercase;
}
.btn.btn-orange {
    background-color: #ff8d06;
    border-radius: 20px !important;
    color: #ffffff;
    font-size: 16px;
    padding: 5px 15px;
    text-transform: uppercase;
}
.btn.btn-orange:hover {
    background-color: #ef7d00;
}
.btn-green:focus {
    color: #ffffff;
}
.btn-green:hover {
    background: #60a72f none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
.go-down {
    margin: 20px 0 20px 0;
}
.go-down .fa {
    color: #222f3f;
    font-size: 75px;
}
.currency {
    margin-left: 20px;
}
.currency .input-group-addon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}
.currency .form-control {
    border: 2px solid #212f3f;
    height: 46px;
    width: 100% !important;
}
.mcontry.currency .dd-select {
    background: #212f3f none repeat scroll 0 0 !important;
    width: auto !important;
}
.currency .dd-selected-text {
    color: #fff;
    margin-bottom: 4px;
    margin-top: 2px;
}
.currency .dd-container {
    min-width: 140px;
    top: -1px;
    width: auto !important;
}
.currency .dd-selected {
    padding-right: 10px;
}
.currency .dd-pointer::before {
    top: -18px;
}
.currency .dd-options.dd-click-off-close {
    width: 138px !important;
}
.currency .form-control::-moz-placeholder {
    color: #c2c2c2;
    font-size: 24px;
}
.currency .form-control:-ms-input-placeholder {
    color: #c2c2c2;
    font-size: 24px;
}
.currency .form-control::-webkit-input-placeholder {
    color: #c2c2c2;
    font-size: 24px;
}
section {
    margin-top: 100px;
}
section.fix-screen {
    margin-top: 0;
}
.home-page section {
    margin-top: 0;
}
section.join {
    background: #009396;
}
section.join h2 {
    font-size: 40px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    max-width: 350px;
    margin-top: 60px;
}
section.join .btn {
    padding: 10px 30px;
}
section.join img {
    margin-top: -50px;
}
.affiliates-slider .carousel {
    z-index: -1;
}
.affiliates-slider .carousel img {
    width: 100%;
    margin-bottom: -1px;
}
.full-height + footer {
    position: relative;
}
/*.affiliate-programm {background:url(../images/affiliate-payangel.png); background-position:bottom right; background-repeat:no-repeat; }*/

.affiliate-payangel {
    position: absolute;
    right: 0;
    bottom: 0;
}
section.fix-screen {
    position: relative;
}
.parallax-single-img {
    bottom: 60px;
    position: fixed;
    right: 10%;
    z-index: 0;
}
.full-height {
    overflow: hidden;
}
.flex-center {
    display: flex;
    flex-direction: row;
}
.flex-center > [class^="col-"],
.flex-center > [class*=" col-"] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
.affiliate-programm .carousel-inner {
    overflow: visible;
}
.parallax-mirror {
    height: 100% !important;
    overflow: visible !important;
}
.fix-screen .carousel .item,
.fix-screen .carousel .carousel-inner,
.fix-screen .carousel .item .row,
.fix-screen .carousel .item .col-md-6 {
    height: 100%;
}
.fix-screen .carousel img {
    position: absolute;
    bottom: 0;
}
/*--

How

--*/

.how {
    color: #000000;
    font-size: 26px;
    text-align: center;
}
.how h1 {
    color: #222f3f;
    display: inline-block;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 50px;
    padding-bottom: 10px;
    position: relative;
}
.how h1::after {
    background: #70b73f none repeat scroll 0 0;
    content: "";
    height: 5px;
    left: 27%;
    position: absolute;
    top: 100%;
    width: 50%;
}
.how-text {
    padding: 0 15px;
}
.map {
    background: rgba(0, 0, 0, 0) url("../images/map.png") no-repeat scroll center top / contain;
    min-height: 680px;
}
.flow-img {
    min-height: 380px;
    padding: 50px 0 150px;
    position: relative;
}
.flow-left,
.flow-middle {
    position: relative;
}
.flow-left::before,
.flow-middle::before {
    color: #70b73f;
    content: "\f101";
    font-family: "FontAwesome";
    font-size: 100px;
    position: absolute;
    right: -35px;
    top: 30px;
}
.flow-count {
    position: relative;
}
.flow-count > span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #222f3f;
    border-radius: 50% !important;
    display: inline-block;
    font-size: 40px;
    height: 70px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 70px;
}
.flow-count::before {
    background: #222f3f none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 35px;
    width: calc(100% + 30px);
}
.flow-text {
    font-size: 32px;
    font-weight: 500;
    margin: 0 auto;
    max-width: 350px;
}

/*
Send money processing loader in last page	
*/
.processing-your-transaction > h1 {
  color: #212f3f;
  display: table;
  font-size: 30px;
  font-weight: 400;
  margin: 0 auto 30px;
  text-align: center;
}
.processing-your-transaction {
  padding: 50px 0;
}
.eror-msg {
  background-color: #f6f6f6;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
  max-width: 630px;
}
.loding-processing-img {
  margin-bottom: 50px;
  margin-top: 50px;
  text-align: center;
}
.processing-your-transaction .eror-msg > p {
  color: #d6424e;
  font-size: 18px;
  margin: 0;
}
.loding-processing-img > img {
  width: auto;
}
.loading-img {
  background-image: url("../images/loader_payangel.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 70px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: 6px;
    display: block!IMPORTANT;
    border:0px solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -3px;
    display: block!IMPORTANT;
    border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(4, 6); color: #ccc;}




/*
Send money processing loader in last page	
*/

/*--

Testimonials

--*/

.testimonials {
    color: #fff;
}
.testimonials h1 {
    color: #222f3f;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 50px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
}
.testimonials h1::after {
    background: #70b73f none repeat scroll 0 0;
    content: "";
    height: 5px;
    left: 40%;
    position: absolute;
    top: 100%;
    max-width: 250px;
    width: 100%;
}
.testimonials-pic {
    text-align: center;
    position: relative;
}
.testimonials-pic > h3 {
    font-size: 18px;
}
.testimonials-text {
    bottom: 30px;
    left: 0;
    position: absolute;
    right: 0;
}
.testimonials-pic .testimonials-box {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
}
.testimonials-pic .testimonials-box::before {
    border: 30px solid rgba(255, 255, 255, 0.8);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.testimonials-pic .testimonials-box::after {
    border: 5px solid #ffffff;
    bottom: 30px;
    content: "";
    left: 30px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 84%;
}
.testimonials-quote {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    opacity: 0;
}
.testimonials-pic:hover .testimonials-box {
    opacity: 0;
}
.testimonials-pic:hover .testimonials-quote {
    opacity: 1;
}
.testimonials-pic .img-responsive {
    margin: 0 auto;
    width: 100%;
}
.rating > span {
    display: inline-block;
    height: 23px;
    margin-bottom: 10px;
    position: relative;
    width: 20px;
}
.rating > span::before {
    color: #ddd;
    content: "\f005";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
}
.rating > span.stared::before {
    color: #ffd800;
}
.testimonials blockquote {
    /* background: rgba(0, 0, 0, 0) url("../images/qoute.png") no-repeat scroll left top; */
    
    border: medium none;
    font-size: 32px;
    font-style: italic;
    padding: 0;
}
.testimonials-quote p {
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
}
.testimonials-quote footer {
    bottom: 20px;
    color: #6fb73f;
    font-style: normal;
    left: 0;
    position: absolute;
    right: 0;
    font-size: 16px;
}
.testimonials .carousel-indicators {
    bottom: auto;
    top: -50px;
}
.testimonials .carousel-indicators li,
.testimonials .carousel-indicators .active {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    height: 4px;
    margin: 1px;
    width: 50px;
}
.testimonials .carousel-indicators .active {
    background: #6fb73f none repeat scroll 0 0;
}
#owl-demo .item {
    margin: 0 15px;
}
#owl-demo .item img {
    display: block;
}
.stats {
    background-image: url("../images/stats-img.jpg");
    background-size: cover;
    padding: 120px 0;
    position: relative;
    background-position: center center;
}
.stats:before {
    background-color: rgba(33, 47, 63, 0.95);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.stats-box {
    border: 2px solid #ffffff;
    border-radius: 100% !important;
    color: #ffffff;
    height: 238px;
    line-height: 90px;
    padding: 72px 0;
    text-align: center;
    width: 238px;
}
.stats-box h3 {
    font-weight: 300;
    font-size: 24px;
    margin: 0;
}
.stats-box p {
    font-size: 48px;
    font-weight: bold;
}
/*--

News

--*/

.news {
    padding-bottom: 100px;
}
.news h1 {
    color: #222f3f;
    display: block;
    font-size: 60px;
    font-weight: 700;
    margin: 20px auto 50px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
}
.news h1::after {
    background: #70b73f none repeat scroll 0 0;
    content: "";
    height: 7px;
    left: 40%;
    position: absolute;
    top: 100%;
    width: 20%;
}
.btn-black {
    border: 4px solid #212f3f;
    border-radius: 50px !important;
    color: #fff;
    background-color: #212f3f;
    display: table;
    font-size: 28px;
    margin: 40px auto;
    text-align: center;
    text-transform: uppercase;
    width: 350px;
}
.btn-black:hover {
    background-color: transparent;
    color: #212f3f;
}
.btn-black:hover:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #212f3f !important;
}
.btn-black:focus {
    color: #ffffff;
}
.news .thumbnail {
    border: medium none;
    margin: 0 auto;
    max-width: 297px;
    position: relative;
}
.news .thumbnail .caption {
    padding: 10px 0;
}
.news-date {
    background: #009396 none repeat scroll 0 0;
    color: #fff;
    left: 10px;
    padding: 2px 5px;
    position: absolute;
    top: -2px;
}
.news-date::after {
    border-color: transparent transparent transparent #4d4e4f;
    border-style: solid;
    border-width: 6px 0 0 5px;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 0;
    width: 0;
}
.news .caption > h3 {
    color: #212f3f;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
}
.news .caption > p {
    color: #4d4e4f;
}
.news-footer-left {
    float: left;
}
.news-footer-right {
    float: right;
}
.news-footer-left > a {
    color: #808285;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    margin-right: 30px;
}
.news-footer-left > a span {
    margin-right: 4px;
}
.news .thumbnail .news-footer-left a > img {
    display: inline-block;
    margin-right: 3px;
}
.news-footer-right > a {
    color: #212f3f;
    font-weight: 700;
}
/*--

Footer

--*/

footer {
    font-family: 'Roboto Condensed', sans-serif;
}
.footer-top {
    background: #009396 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 0;
}
.footer-top ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer-top li {
    float: left;
    font-size: 0;
    margin-right: 10px;
    text-transform: uppercase;
}
.footer-top li.footer-follow {
    font-size: 20px;
    padding-top: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}
.footer-top .payment ul {
    padding-top: 12px;
}
.footer-main {
    background: #2d2d2d none repeat scroll 0 0;
    color: #fff;
    padding: 50px 0;
}
.footer-main a {
    color: #fff;
}
.footer-links {
    padding-bottom: 90px;
}
.footer-links ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer-links ul li {
    font-size: 18px;
}
.footer-links ul li:first-child {
    margin-bottom: 20px;
}
.footer-links ul li a {
    font-size: 16px;
    line-height: 20px;
}
.footer-links ul li a:hover {
    color: #009395;
    text-decoration: none;
}
.footer-bottom {
    border-top: 2px solid #4b4b4b;
    text-align:justify;
}
.footer-bottom a,
.footer-bottom span {
    color: #009395;
}
.footer-bottom h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.copy {
    font-size: 18px;
    margin: 30px 0 0;
}
.footer-newsletter .btn-green {
    background: #70b73f none repeat scroll 0 0;
    float: right;
    margin: 5px 0;
    text-transform: uppercase;
}
.footer-newsletter .form-control {
    background: #d2d2d2 none repeat scroll 0 0;
}
.authorised-line {
    background-color: #009396;
    bottom: 0;
    color: #ffffff;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 99;
}
.authorised-line p {
    font-size: 12px;
    letter-spacing: 2.3px;
    margin: 0;
    padding: 2px 0;
}
/*send-money Css*/

.col-md-9.left-bar {
    max-width: 844px;
}
.col-md-3.right-bar {
    max-width: 326px;
    width: 100%;
}
.send-money,
.wallet,
.message,
.help,
.visaa,
.mastercard,
.maestro,
.verify-visa,
.mastercard-securecode,
.visa1,
.visa2,
.signup,
.login-icon,
.source-country,
.desti-country,
.dashboard,
.rewards-icon,
.beneficiaries-icon,
.profile,
.reset-icon,
.transfers,
.messages,
.statement-icon,
.bank-icon,
.profile2,
.amex1,
.diners_club1,
.jcb1,
.laser1,
.discover1,
.faq-icon {
    background-image: url("../images/sprite21.png?version=1.0");
    display: inline-block;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
}
.amex1 {
    background-position: 0 161px;
    height: 37px;
    width: 50px;
}
.diners_club1 {
    background-position: -106px 161px;
    height: 37px;
    width: 50px;
}
.jcb1 {
    background-position: -158px 162px;
    height: 37px;
    width: 50px;
}
.laser1 {
    background-position: -213px 162px;
    height: 37px;
    width: 50px;
}
.discover1 {
    background-position: -53px 161px;
    height: 37px;
    width: 50px;
}
.wallet {
    background-position: -31px 90px;
    height: 26px;
    vertical-align: bottom;
    width: 26px;
}
.message {
    background-position: 0 -37px;
    height: 22px;
    width: 27px;
}
.help {
    background-position: 0 0;
    cursor: pointer;
    height: 26px;
    vertical-align: top;
    width: 24px;
}
.search-box .help {
    background-position: -509px 0;
    height: 44px;
    margin-right: 19px;
    width: 43px;
}
.visaa {
    background-position: -475px 37px;
    height: 37px;
    width: 50px;
}
.visa1 {
    background-position: -267px 37px;
    height: 36px;
    width: 51px;
}
.visa2 {
    background-position: -317px 37px;
    height: 37px;
    width: 51px;
}
.maestro {
    background-position: -372px 37px;
    height: 36px;
    width: 51px;
}
.mastercard {
    background-position: -423px 37px;
    height: 37px;
    width: 52px;
}
.verify-visa {
    background-position: 369px 91px;
    height: 35px;
    width: 77px;
}
.mastercard-securecode {
    background-position: -185px 0;
    height: 35px;
    width: 100px;
}
.send-money {
    background-position: -40px 0;
    height: 38px;
    width: 37px;
}
.signup {
    background-position: 288px 0;
    height: 39px;
    width: 38px;
}
.login-icon {
    background-position: -295px -45px;
    height: 45px;
    width: 37px;
}
.source-country {
    background-position: 249px 0;
    height: 39px;
    width: 38px;
}
.desti-country {
    background-position: 250px -44px;
    height: 43px;
    width: 36px;
}
.dashboard {
    background-position: -384px 0;
    height: 37px;
    width: 36px;
}
.rewards-icon {
    background-position: -382px 41px;
    height: 36px;
    width: 38px;
}
.beneficiaries-icon {
    background-position: 160px 0;
    height: 46px;
    width: 36px;
}
.profile {
    background-position: 158px -50px;
    height: 37px;
    width: 38px;
}
.reset-icon {
    background-position: -468px 0;
    height: 43px;
    width: 36px;
}
.transfers {
    background-position: -475px -50px;
    height: 33px;
    width: 38px;
}
.messages {
    background-position: -514px -45px;
    height: 35px;
    width: 37px;
}
.statement-icon {
    background-position: 0 -59px;
    height: 34px;
    margin-top: 6px;
    width: 24px;
}
.bank-icon {
    background-position: -550px -46px;
    height: 35px;
    width: 37px;
}
.profile2 {
    background-position: -552px 0;
    height: 38px;
    margin-top: 2px;
    width: 37px;
}
.message-count {
    background-color: #d8424d;
    border-radius: 100% !important;
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    min-width: 22px;
    padding: 0 2px;
    position: absolute;
    right: -12px;
    top: -7px;
    width: auto;
}
.notification-header {
    border-bottom: 2px solid #f8f8f8;
    padding: 2px 10px;
    margin-bottom: 10px;
}
.notification-header .navbar.navbar-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
}
.tab-body {
    margin-bottom: 30px;
}
.notification-title h2 {
    color: #222f3f;
    float: left;
    font-size: 24px;
    font-weight: 500;
    margin: 10px 10px 0 0;
    text-transform: uppercase;
}
.notification-title img {
    margin-left: 20px;
}
.payangle-id {
    color: #212f3f;
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: right;
    width: 60%;
}
.vari-no {
    float: left;
    margin-right: 24px;
    width: 84%;
}
.send-money-notify {
    float: left;
    width: 12%;
}
.notification-header .navbar-header {
    margin: 0 !important;
}
.notification-header .navbar-header .navbar-toggle {
    border: 0 none;
    position: absolute;
    right: 10px;
    top: 5px;
    transform: rotate(-180deg);
    margin: 0;
    padding: 0;
    transition: all 0.5s ease 0s;
}
.notification-header .navbar-collapse.in {
    overflow-y: visible;
}
.notification-header .navbar-header .navbar-toggle.collapsed {
    top: 15px;
    transform: rotate(0deg);
}
.send-money-notify.full-header {
    position: static;
    width: 100% !important;
}
.notification-header .navbar-header .navbar-toggle:hover,
.notification-header .navbar-default .navbar-toggle:focus {
    border: 0 none;
    background: transparent;
}
.notification-header button i {
    color: #212f3f;
    font-size: 40px;
    font-weight: bold;
}
.payangle-id span {
    color: #6fb73f;
    margin-right: 10px;
}
.money img {
    float: left;
    margin-right: 10px;
}
.money {
    float: left;
    margin: 10px 0 0 !important;
    text-align: right;
    width: 40%;
}
.money h3 {
    color: #212f3f;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 10px;
    vertical-align: bottom;
}
.email-box a {
    border: 0 none;
    padding: 0;
}
.btn-default.dropdown-toggle {
    background-color: transparent !important;
}
.email-box {
    float: left;
    margin: 14px 0 0;
}
.email-box ul.dropdown-menu {
    box-shadow: none;
    left: auto;
    right: 0;
}
.email-box ul.dropdown-menu {
    background-color: #212f3f;
    border: 4px solid #ffffff;
    box-shadow: none;
    left: auto;
    padding: 15px;
    right: 0;
    top: 36px;
    width: 400px;
}
.email-box ul li p {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
}
.email-box ul li {
    border-bottom: 2px solid #808285;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.email-box ul li a {
    color: #6fb73f;
    display: inline-block;
    padding-left: 0;
    padding-right: 20px;
    position: relative;
}
.email-box ul li a::before {
    background-color: #6fb73f;
    content: "";
    height: 14px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 1px;
}
.email-box ul li a:last-child:before {
    content: normal;
}
.email-box ul li a:hover {
    color: #fff;
    background-color: transparent;
}
.email-box .btn.btn-pink {
    display: table;
    font-size: 24px;
    margin: 0 auto;
    padding: 5px 20px;
}
.notification-error {
    background-color: #d8424d;
    margin-bottom: 20px;
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
}
.notification-error.open {
    opacity: 0;
}
.notification-error img {
    margin-right: 10px;
    vertical-align: bottom;
}
.bxslider p {
    margin: 0;
    color: #fff;
    font-size: 18px;
}
.alert p {
    color: #ffffff;
    font-size: 18px;
}
.notification-error a {
    float: right;
}
.tab-body .nav.nav-tabs {
    border-bottom: 10px solid #222f3f;
    margin-top: 10px;
    margin-bottom: 0;
}
.tab-body .tab-content {
    /*border-bottom: 10px solid #222f3f;*/
    
    border-left: 10px solid #222f3f;
    border-right: 10px solid #222f3f;
}
.tab-body li > a {
    background-color: #808285;
    border: 0 none;
    color: #ffffff;
    font-size: 20px;
    margin: 0;
    padding: 5px 40px;
    text-transform: uppercase;
    bottom: -10px;
}
.payment-process.start .dd-option {
    padding: 10px;
}
.tab-body li.disabled a {
    color: #ffffff;
}
.tab-body li.disabled a:hover {
    background-color: #808285;
    color: #ffffff;
}
.tab-body li > a:hover,
.tab-body li > a:focus {
    background-color: #222f3f;
    color: #ffffff;
}
.tab-body .payment-datail form li a {
    text-transform: capitalize;
}
.tab-body li.active a {
    background-color: #222f3f;
    border: 0 none;
    color: #ffffff;
    font-size: 24px;
    margin: 0;
    padding: 7px 40px;
    bottom: 0;
}
.tab-body li.active a:hover,
.tab-body li.active a:focus {
    background-color: #222f3f;
    color: #fff;
    border: 0;
}
.payment-info {
    background-color: #fbfbfb;
    padding: 20px 30px;
    width: 100%;
}
.payment-info.payment-thanks {
    padding: 30px;
}
.payment-title {
    text-align: center;
}
.payment-title h3 {
    color: #222f3f;
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.payment-title > p {
    color: #222f3f;
    font-size: 28px;
}
.payment-title > h2 {
    color: #6fb73f;
    font-size: 48px;
    font-weight: 400;
}
.payment-datail .form-group {
    position: relative;
    margin-bottom: 0;
}
.start.payment-datail.sendmoney-detail .form-group {
    display: inline-block;
}
.send-card-type .dd-selected {
    padding: 13px 10px;
}
.start.payment-datail,
.payment-type {
    margin: 70px 0 !important;
    text-align: left;
}
/*send money chenges*/

.send-money-wp {
    margin-bottom: 50px;
}
.send-money-wp .start.payment-datail,
.payment-type {
    margin: 0 !important;
}
.send-money-wp .payment-type {
    margin-bottom: 0 !important;
    margin-top: 20px !important;
}
.send-money-wp .payment-type {
    margin-bottom: 0 !important;
}
.send-money-wp .btn.btn-green {
    border-radius: 4px !important;
    display: table;
    font-size: 42px;
    font-weight: 500;
    line-height: 36px;
    margin: 20px auto 0;
    max-width: 305px;
    width: 100%;

}
#balance_tobe_paid {
    display: inline;
    font-size: 42px;
    font-weight: 500;
}
.help.clickme.notify-help {
    float: right;
    margin-top: 13px;
}
.help.clickme.reset {
    margin: 15px 0 0;
}
/************************************/

.payment-datail .dd-select {
    border-radius: 5px !important;
}
.payment-datail .form-group,
.payment-datail .dd-select,
.dd-options.dd-click-off-close {
    width: 100% !important;
    margin-bottom: 5px;
}
.locked input,
.locked i {
    background-color: #ffffff;
    border-color: #b7b7b7 !important;
    color: #b7b7b7 !important;
    pointer-events: none;
}
.locked .select2-selection.select2-selection--single {
    border-color: #b7b7b7;
}
.locked .select2-selection__arrow {
    box-shadow: -46px 0 0 #b7b7b7 inset;
}
.payment-datail .form-group input {
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    color: #212f3f;
    font-size: 16px;
    margin-top: 0px;
    padding: 15px 10px 0px;
    position: relative;
    width: 100%;
    height: 45px;
}
.payment-datail .wallet_input .form-group input {
    margin-top: 7px;
}
.payment-datail .wallet_input .form-group .calendar-icon::before {
    top: 6px;
}
.intl-tel-input .selected-flag {
    height: 45px !important;
}
.payment-datail.login-form .form-group input {
    margin-top: 7px !important;
}
.auditdate input {
    z-index: 1;
}
.payment-datail .form-group input#auditdate,
.payment-datail .form-group input#auditdate1,
.payment-datail .form-group input#auditdate2,
.payment-datail .form-group input#auditdate3 {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding-bottom: 0;
    padding-top: 14px;
    position: relative;
    z-index: 2;
}
.payment-datail .dd-options.dd-click-off-close {
    border: 2px solid #212f3f;
}
.payment-datail form ul li a {
    background-color: #ffffff;
    border-bottom: 2px solid #212f3f;
    padding: 10px;
}
.payment-datail form ul li a label {
    color: #00004c;
    font-size: 16px;
    position: static;
    transition: none 0s ease 0s;
}
.payment-datail form ul li a:hover label {
    color: #ffffff !important;
    font-size: 18px;
}
.payment-datail .sm-dt .form-group .calendar-icon::before {
    padding: 21px;
}
.demo input {
    background: transparent none repeat scroll 0 0;
}
.payment-datail .form-group .calendar-icon::before {
    background-color: #ffffff;
    background-image: url("../images/cal.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 0 5px 5px 0;
    content: "";
    left: 0;
    padding: 23px;
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 0;
}
.pl {
    padding-left: 0;
}
.pr {
    padding-right: 0;
}
.payment-type li {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 5px;
    margin-right: 7px;
}
.payment-type > ul {
    display: table;
    margin: 0px auto;
    padding: 0;
    text-align: center;
}
.payment-type .btn.btn-green {
    background-color: #70b73f;
    border-radius: 5px !important;
    color: #ffffff;
    font-size: 38px;
    font-weight: 500;
    line-height: 31px;
    padding: 5px;
    width: 100%;
}
.payment-type .btn.btn-green:hover {
    background-color: #60a72f;
}
.btn.btn-green > span {
    display: table;
    font-size: 18px;
    font-weight: normal;
    text-transform: capitalize;
    width: 100%;
    line-height: normal;
}
.rightbar-payment-info {
    background-color: #fbfbfb;
    padding: 10px 0;
    width: 100%;
}
.rightbar-payment-info.send-rightbar {
    padding: 10px;
}
.rightbar-title {
    border-bottom: 2px solid #222f3f;
    color: #222f3f;
    font-weight: bold;
    margin: 0 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.summary-detail {
    padding: 0 10px;
}
.summary-detail li {
    color: #222f3f;
    font-weight: 400;
    list-style: outside none none;
    margin: 5px 0;
}
.summary-detail span.black {

    color: #222f3f;
    float: right;
}
.summary-detail span.red {
    color: #d8424d;
    float: right;
}
.summary-detail span.green {
    color: #70b73f;
    float: right;
}
.summary-detail span.white {
    color: #ffffff;
    float: right;
}
.summary-detail .total {
    background-color: #222f3f;
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 700 !important;
    padding: 10px 20px;
    text-transform: capitalize;
}
.exchange {
    font-style: italic;
}
.amount {
    margin-bottom: 100px;
    padding: 0 10px;
}
.amount li {
    color: #222f3f;
    list-style: outside none none;
    margin-bottom: 5px;
}
.amount > li::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -132px 0;
    background-size: 210px auto;
    content: "";
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    vertical-align: middle;
    width: 25px;
}
.amount li span {
    float: right;
}
.amount strong {
    color: #222f3f;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
}
.tab-footer {
    margin-bottom: 50px;
    padding: 15px 0;
    position: relative;
}
.pay-process {
    display: table;
    float: right;
    margin-right: 32px;
}
.summary {
    background-image: url("../images/save.png");
    background-repeat: no-repeat;
    color: #ffffff;
    height: 75px;
    left: 0;
    margin: -15px auto 0;
    padding: 5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
    width: 266px;
    z-index: 0;
}
.summary > h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.summary p {
    font-size: 38px;
    font-weight: 800;
    line-height: 36px;
    margin: 0;
}
.tab-footer .btn.btn-pink {
    margin: 0;
    padding: 5px 40px;
    font-size: 20px;
}
.tab-footer .btn.btn-green {
    font-size: 20px;
    padding: 5px 35px;
}
.tab-footer .signup-checkbox label {
    color: #222f3f;
    font-size: 18px;
}
.tab-footer .signup-checkbox {
    float: left;
    margin: 5px 10px 0 0;
}
.signup-checkbox > label {
    position: static !important;
}
.close {
    opacity: 1;
}
.notification-error .close img {
    margin: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
    color: inherit;
    position: relative;
    right: 2px;
    top: 2px;
}
.beneficiary {
    display: inline-block;
    width: 100%;
}
.beneficiary-box {
    float: left;
    width: 29.80%;
    border: 2px solid #212f3f;
    border-radius: 4px !important;
    margin-right: 40px;
}
.beneficiary-box:last-child {
    margin: 0 !important;
}
.beneficiary-box h3 {
    /*background-color: #212f3f;*/
    color: #212f3f;
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 100%;
    font-weight:bold;
}
.recent-beneficiary .ghana-img {
    float: right;
    margin: 0;
}
.ghana-img,
.beneficiary-icon,
.delete,
.edit,
.affiliates-edit,
.import-lock,
.alert-close,
.fb-popup,
.tw-popup,
.facebook-login,
.google-login,
.ghana,
.user,
.not-done,
.done,
.arrow-worning,
.b-search,
.edit-code,
.alert-closing {
    background-image: url("../images/sprite4.png?version=1.0");
    display: block;
}
.edit-code {
    background-position: -79px -49px;
    height: 21px;
    width: 21px;
}
.b-search {
    background-position: -112px 0;
    height: 21px;
    position: absolute;
    top: 0;
    width: 25px;
}
.arrow-worning {
    background-position: -49px -22px;
    float: left;
    height: 26px;
    margin-right: 10px;
    width: 29px;
}
.not-done {
    background-position: -46px -1px;
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 21px;
}
.done {
    background-position: 0px -74px;
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 21px;
}
.user {
    background-position: -172px -34px;
    border-radius: 100% !important;
    display: inline-block;
    height: 36px;
    left: 0;

    margin-right: 10px;
    position: absolute;
    vertical-align: middle;
    width: 33px;
}
.ghana {
    background-position: -2px -3px;
    border-radius: 100% !important;
    float: left;
    height: 21px;
    margin-right: 10px;
    width: 22px;
}
.beneficiary-icon {
    background-position: -135px -56px;
    float: right;
    height: 34px;
    width: 35px;
}
.ghana-img {
    background-position: 0 0;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px;
}
.delete {
    background-position: -22px -70px;
    height: 20px;
    margin: 0 !important;
    width: 14px;
}
.edit {
    background-position: -61px -53px;
    height: 17px;
    width: 16px;
}
.delete:hover,
.edit:hover {
    opacity: 0.7;
}
.affiliates-edit {
    background-position: -117px -23px;
    display: block;
    float: right;
    height: 21px;
    margin-left: 5px;
    width: 25px;
}
.import-lock {
    background-position: -38px 18px;
    float: left;
    height: 15px;
    margin-right: 5px;
    width: 12px;
}
.alert-close {
    background-position: -66px 0;
    height: 23px;
    width: 22px;
}
.fb-popup {
    background-position: -80px -26px;
    display: inline-block;
    height: 17px;
    vertical-align: bottom;
    width: 16px;
}
.tw-popup {
    background-position: -98px -26px;
    display: inline-block;
    height: 17px;
    margin-right: 5px;
    vertical-align: bottom;
    width: 16px;
}
.facebook-login {
    background-position: -106px -50px;
    float: left;
    height: 34px;
    margin-right: 10px;
    width: 27px;
}
.google-login {
    background-position: -170px 0;
    float: left;
    height: 32px;
    margin-right: 10px;
    width: 37px;
}
.alert-closing {
    background-position: -726px 0;
    height: 21px;
    width: 20px;
}
.edit_area form {
  width: auto;
}
.edit_area form input {
  border: 1px solid #ccc;
  float: left;
  height: 25px !important;
  padding: 3px 5px;
  width: 90px !important;
  text-transform: uppercase;
}
.affiliate-code .edit_area.affiliates-edit {
  float: right;
}
.affiliates-edit1 {
  background-position: -117px -23px;
  display: inline-block;
  height: 21px;
  margin-left: -8px;
  margin-top: -5px;
  width: 25px;
}
.affiliate-code .edit_area {
  float: right;
}
.affiliate-code .edit_area button {
  background-color: #212f3f;
  border: medium none;
  color: #fff;
  padding: 4px 10px;
}
.affiliate-code .edit_area {
  background-image: url("https://www.payangel.com/affiliates/themes/default/assets-v1/images/rewards-my-profile-edit.png");
  background-position: right center;
  background-repeat: no-repeat;
  display: inline-block;
  float: right;
  padding-right: 21px;
}
.affiliate-code > p {
    display: inline-block;
    width: 100%;
}
.beneficiary-box ul {
    margin: 0;
    padding: 8px;
}
.beneficiary-box ul li {
    color: #808285;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    list-style: outside none none;
    padding-bottom: 10px;
    width: 100%;
}
.beneficiary-box p {
    float: left;
    width: 50%;
    margin: 0;
}
.beneficiary-box .flage-imgcountry {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    float: none;
}
.beneficiary-box ul li:first-child,
.beneficiary-box ul li:first-child span {
    color: #d8424d;
    font-weight: normal;
}
.beneficiary-box ul li span {
    color: #212f3f;
    float: right;
    text-align: right;
    width: 50%;
}
.beneficiary-box.sm-billbox .ghana-img {
    background-position: 0 0;
    display: inline-block;
    float: none;
    height: 25px;
    margin-right: 10px;
    vertical-align: top;
    width: 25px;
}
.beneficiary-box ul li img {
    float: left;
    margin-right: 10px;
}
.form-online label {
    color: #808080 !important;
    font-size: 18px;
    font-weight: normal;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 13px;
    transition: all 0.2s ease 0s;
    z-index: 9;
}
.sendmoney-detail label {
    top: 18px;
}
.dd-option:hover label {
    color: #ffffff !important;
}
.auth-id .dd-option:hover .dd-option-text {
    color: #ffffff !important;
}
.auditdate label {
    font-size: 14px !important;
    top: 8px;
}
input:focus ~ label,
input:valid ~ label {
    color: #999999;
    font-size: 14px;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 7px;
}
.thanks-text {
    display: table;
    margin: 20px auto 0;
    max-width: 505px;
    text-align: center;
}
.thanks-text > p {
    color: #222f3f;
    font-size: 18px;
    margin: 0;
}
.thanks-text .btn.btn-pink {
    font-size: 18px;
    padding: 10px 25px;
    margin: 20px 0;
}
/* Step-1 Css */

.default-title {
    border-bottom: 1px solid #d5d5d5;
}
.payment-process {
    margin: 40px auto 0 !important;
    display: table;
}
.modal.addnew .payment-process {
    display: table;
    margin: 40px auto 0 !important;
    max-width: 1170px;
    width: 100%;
}
.sm-money-box .form-inline {
    margin-bottom: 10px;
}
.sub-title {
    color: #212f3f;
    display: table;
    font-size: 24px;
    font-weight: 600;
    /*margin: 0 auto 30px;*/
    margin: 0 auto 5px;
    /*padding-bottom: 8px;*/
    position: relative;
}
.sub-title span {
    color: #d8424d;
}
.sub-title::before {
    background-color: #6fb73f;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}
.payment-process .dd-select {
    border-radius: 5px !important;
    width: 350px !important;
}
.last-payment {
    margin-bottom: 40px !important;
}
.add-new {
    padding: 0;
    list-style: none;
    margin: 0;
}
.add-new li {
    display: inline-block;
    margin-right: 70px;
    position: relative;
    vertical-align: text-top;
}
.add-new li:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.add-new li span {
    font-size: 18px;
}
.item-edition {
    position: absolute;
    left: 100px;
    top: 0;
}
.item-edition > a {
    display: table;
    line-height: 0;
    margin-bottom: 4px !important;
}
.add-new li a,
.add-new li a:hover {
    background-color: transparent;
    color: #222f3f;
}
.add-new li a {
    color: #222f3f;
    padding: 0;
    text-transform: capitalize;
    text-decoration:none;
}
.item-edition > a:focus {
    background-color: transparent !important;
}
/*.add-new li a:last-child {
    text-transform: lowercase;
    }*/
    .add-new a img {
        border-radius: 10px !important;
    }
    .select-item,
    .plus-img,
    .beneficiary-avtar {
        background-image: url("../images/avtar.png");
        display: block;
    }
    .select-item {
        border-radius: 10px !important;
        height: 91px;
        width: 91px;
    }
    .plus-img {
        border-radius: 10px !important;
        background-position: 108px 0;
        height: 91px;
        width: 90px;
    }
    .beneficiary-avtar {
        background-position: 56px -96px;
        border-radius: 100% !important;
        height: 56px;
        margin: 0 auto 10px;
        width: 55px;
    }
    .benificiaryList li .signup-checkbox label {
        color: #212f3f;
        font-size: 18px;
    }
    .add-new a:focus {
        color: #222f3f !important;
    }
    .add-new li a span {
        display: block;
        margin: 5px 0;
    }
    .form-group {
        margin-right: 30px;
    }
    .form-group:last-child {
        margin-right: 0px;
    }
    .payment-process .form-group li a.dd-option {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #212f3f;
        color: #212f3f;
    }
    .payment-process .form-group li a.dd-option:hover {
        background-color: #212f3f;
        color: #fff;
    }
    /*.gray .form-group {margin-bottom: 30px;margin-right: 25px;}*/

    .beneficiaries .gray .dd-select {
        border-color: #808285 !important;
        box-shadow: -40px 0 0 #808285 inset;
        width: 205px !important;
    }
    .black .select2-container {
        display: table;
        margin: 0 auto;
        width: 205px !important;
    }
    label.selected-name,
    .form-group span.benef_name_helper {
        color: #212f3f !important;
        font-size: 20px;
        text-align: center;
        width: 100%;
        display: inline-block;
    }
    .rt_input {
        padding: 0;
    }
    .rt_input li {
        list-style: none;
    }
    .gray .dd-selected .dd-selected-text {
        color: #808285;
    }
    .rightbar-subtitle {
        border-bottom: 3px solid #222f3f;
        color: #222f3f;
        text-align: center;
        font-weight: bold;
        margin: 0 0 20px;
        padding-bottom: 30px;
        text-transform: uppercase;
    }
    .recent-beneficiary {
        margin: 0 0 7px;
        width: 100% !important;
    }
    .recent-beneficiary h3 {
        font-size: 20px;
        font-weight: 400;
        padding: 5px 8px;
    }
    .recent-beneficiary ul li {
        font-size: 15px;
        padding-bottom: 5px;
    }
    .recent-beneficiary ul li:first-child {
        color: #808285;
        font-weight: 500;
    }
    .recent-beneficiary ul li:first-child span {
        color: #212f3f;
        font-weight: 500;
    }
    .recent-beneficiary .btn {
        display: table;
        font-size: 16px;
        font-weight: 500;
        margin: 15px auto;
        padding: 2px 20px;
        text-transform: capitalize;
    }
    .rightbar-payment-info .btn.btn-black {
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        padding: 0;
        text-transform: capitalize;
        width: 100%;
    }
    /*Popup Css*/

    .modal-dialog {
        max-width: 1050px;
        border: 3px solid #212f3f;
        width: 100%;
    }
    .modal-body {
        display: inline-block;
        width: 100%;
    }
    .addnew .modal-header {
        border: 0 none;
        padding-bottom: 0;
    }
    .share-discount .addnew .modal-body {
        height: auto;
        overflow: hidden;
    }
    .addnew .close {
        border: 2px solid #222f3f;
        border-radius: 100% !important;
        font-size: 24px;
        height: 35px;
        position: fixed;
        right: 5px;
        top: 5px;
        width: 35px;
        z-index: 1;
    }
    .addnew .close:hover {
        border: 2px solid #d8424d;
        opacity: 1;
        color: #d8424d;
    }
    .modal.addnew {
        text-align: left;
    }
    .addnew .modal-content {
        display: inline-block;
        width: 100%;
    }
    .select-beneficiaries {
        padding: 0 50px;
    }
    .select-beneficiaries input {
        display: none;
    }
    .select-beneficiaries input[type="radio"]:checked + label {
        border-bottom: 4px solid #6fb73f;
    }
    .select-beneficiaries label {
        border-bottom: 2px solid #dddddd;
        color: #222f3f !important;
        font-size: 28px !important;
        margin-right: 50px;
        padding: 7px 30px;
        position: relative !important;
        width: 40%;
    }
    .select-beneficiaries input[type="radio"]:checked + label::before {
        border-color: #6fb73f rgba(0, 0, 0, 0);
        border-style: solid;
        border-width: 10px 10px 0;
        bottom: -13px;
        content: "";
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 0;
        z-index: 1;
    }
    .addnew .modal-dialog {
        margin: 30px auto;
        width: 1050px;
    }
    .select-beneficiaries label {
        border-bottom: 4px solid #828186;
        color: #222f3f !important;
        font-size: 28px !important;
        margin-right: 50px;
        padding: 7px 30px;
        position: relative !important;
        width: 40%;
    }
    .beneficiary-item h2 {
        font-size: 24px;
        font-weight: 400;
        text-align: center;
        margin: 0;
        padding: 25px 0;
    }
    .beneficiary-item .signup-checkbox input[type="checkbox"] + label::before {
        margin-right: 55px;
    }
    .beneficiary-item label {
        max-width: 90px;
        position: relative !important;
        width: 100%;
    }
    .beneficiary-item .avtar-name {
        color: #222f3f !important;
        cursor: pointer;
        display: table;
        font-size: 18px !important;
        left: 0 !important;
        margin: 0 auto;
        padding-left: 40px;
        text-align: center;
        width: 65%;
    }
    .signup-checkbox img {
        display: table;
        margin-bottom: 10px;
    }
    .benificiaryList > li {
        display: inline-block;
        list-style: outside none none;
        margin-bottom: 30px;
        vertical-align: text-top;
        width: 19%;
    }
    .benificiaryList li .signup-checkbox label {
        color: #212f3f;
        font-size: 18px;
    }
    .benificiaryList > li.selected {
        opacity: 0.4;
    }
    .benificiaryList {
        border-bottom: 2px solid #dddddd;
        border-top: 2px solid #dddddd;
        display: inline-block;
        margin: 0;
        padding: 20px 0 0;
        width: 100%;
    }
    confirm {
        display: table;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .confirm .btn.btn-pink {
        padding: 3px 100px;
        font-size: 24px;
    }
    /*signUp Css */

    section.signup-wp {
        margin: 30px 0px;
    }
    .sign-up-info {
        border: 10px solid #222f3f;
        margin: 0 auto;
        max-width: 880px;
        padding: 20px 40px;
    }
    .sign-up-info.signup-dt {
        border: 0 none;
    }
    section.signup-wp.signup-info {
        margin-bottom: 50px;
    }
    .form-input {
        width: 100%;
        display: table;
    }
    .form-online.personal-dt .form-input {
        margin-bottom: 0px;
    }
    .sign-up-detail .form-group {
        margin-bottom: 10px;
    }
    .sign-up-detail .currency.mobile input {
        margin-top: 0;
        padding-right: 7px !important;
        padding-top: 7px !important;
        z-index: 0;
    }
    .payment-process.start.payment-datail.sign-up-detail {
        margin-top: 20px !important;
        width: 100%;
        margin-bottom: 0 !important;
    }
    .form-online label span {
        color: #d8424d;
    }
    .text-box-only {
        padding: 6px 10px !important;
    }
    .sign-up-detail .dd-select {
        width: 100% !important;
    }
    .form-group.input-group.currency.mobile {
        margin-left: 0;
        max-width: 100%;
    }
    .currency .input-group-addon {
        background-color: #ffffff;
        left: 0;
        position: absolute;
        top: 0;
        vertical-align: top;
        z-index: 3;
        width: 100px;
    }
    .mobile .dd-select {
        background-color: rgba(0, 0, 0, 0) !important;
        border-radius: 5px 0 0 5px !important;
        box-shadow: none;
        height: 43px;
        width: 100% !important;
    }
    .mobile .dd-container {
        min-width: 100% !important;
        top: 0px !important;
    }
    .mobile .input-group-addon {
        border: 0 none;
    }
    .mobile.form-group .form-control {
        border-left: 0 none !important;
        border-radius: 0 5px 5px 0 !important;
    }
    .mobile.form-group .intl-tel-input .form-control {
        border: 2px solid #212f3f !important;
        border-radius: 5px !important;
        padding-top: 0 !important;
    }
    #customer_registration_form ::-webkit-input-placeholder { /* Edge */
        font-size: 14px;
      }
      
      #customer_registration_form :-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 14px;
      }
      
      #customer_registration_form ::placeholder {
        font-size: 14px;    
      }
    .mobile .dd-pointer.dd-pointer-down::before {
        content: normal;
    }
    .input-icon input {
        padding-bottom: 7px !important;
        padding-top: 7px !important;
    }
    .hideShowPassword-wrapper {
        width: 100% !important;
    }
    .hideShowPassword-toggle.hideShowPassword-toggle-show {
        /*background-image: url("../images/password-show-hide.png");*/

        cursor: pointer;
        font-size: 14px;
        height: 13px;
        margin-right: 10px;
        margin-top: -10px !important;
        right: 10px !important;
        top: 50% !important;
        width: 25px;
    }
    .hideShowPassword-toggle.hideShowPassword-toggle-hide {
    /* background-image: url("../images/password-show-hide.png");
    background-position: 0 -15px;*/
    
    cursor: pointer;
    font-size: 14px;
    height: 13px;
    margin-right: 10px;
    margin-top: -10px !important;
    right: 10px !important;
    width: 25px;
}
.signup_checkbox input[type="checkbox"] {
    display: none;
}
.signup-checkbox input[type="checkbox"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    display: inline-block;
    height: 25px;
    margin-right: 10px;
    vertical-align: middle;
    width: 26px;
    content: "";
}
.signup-checkbox input[type="checkbox"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    width: 27px;
    height: 27px;
}
.signup-checkbox input[type="checkbox"]:checked + label::before {
    background-position: -143px 0;
}
.signup-checkbox input[type="checkbox"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: 0 -25px;
    content: "";
    display: inline-block;
    height: 27px;
    margin-right: 10px;
    vertical-align: middle;
    width: 27px;
}
.signup-checkbox.select-all input[type="checkbox"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -192px -67px;
    content: "";
    float: right;
    height: 27px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    right: -10px;
    vertical-align: middle;
    width: 26px;
}
.signup-checkbox.select-all input[type="checkbox"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -142px 0;
    height: 27px;
    width: 28px;
}
.addenewbeficiari .signup-checkbox input[type="checkbox"] + label::before {
    background-image: url("../images/sprite11.png?version=1.0"); 
    background-position: -88px 0;
    content: "";
    display: inline-block;
    height: 21px;
    left: 0;
    margin: auto;
    position: absolute;
    right: -140px;
    vertical-align: middle;
    width: 20px;
}
.addenewbeficiari .signup-checkbox input[type="checkbox"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -28px -27px;
    height: 20px;
    width: 19px;
}
.signup_checkbox input[type="checkbox"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -142px 0;
}
.signup_checkbox input[type="checkbox"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-repeat: no-repeat;
    background-position: 0 -25px;
    content: "";
    display: inline-block;
    float: right;
    height: 27px;
    margin-right: 10px;
    vertical-align: middle;
    width: 27px;
}
.signup_checkbox > label {
    color: #212f3f !important;
    font-size: 18px !important;
    left: 0 !important;
    margin-bottom: 10px;
    margin-top: 15px;
    pointer-events: inherit;
    position: relative !important;
    top: auto !important;
    width: 100%;
}
.form-group.country {
    margin-top: 15px !important;
}
.country .dd-selected {
    padding-bottom: 5px;
}
.country .dd-selected-text {
    margin-top: 10px;
}
.form-group.country > label {
    font-size: 14px;
    left: 44px;
    top: 0;
}
.captcha {
    display: table;
    margin: 15px auto 20px;
}
.btn span {
    display: block;
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.share-discount .btn span {
    text-transform: none;
}
.loginbtn button {
    margin: 20px 10px;
}
.loginbtn .grecaptcha-badge {
    margin: 0 auto 10px;
}
.signup-btn .btn.btn-pink {
    font-size: 24px;
    font-weight: 500;
    line-height: 21px;
    margin: 0;
    padding: 7px 13px;
}

.signup-btn .btn-green{
    padding: 11px 40px !important;
}
.sign-up-detail .form-group,
.signup_checkbox {
    float: left !important;
    margin-bottom: 0px;
    margin-right: 20px;
    width: 48.70% !important;
    margin-top: 10px;
}
.sign-up-detail .form-group:nth-child(2n),
.signup_checkbox {
    margin-right: 0;
}
.error {
    bottom: 0;
    color: #d8424d !important;
    display: table;
    font-size: 14px;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    display: none;
}
.referral-code {
    color: #212f3f;
    display: inline-block;
    float: right;
    font-size: 16px;
    margin: 0 0 0 10px;
    padding-left: 10px;
    width: 50%;
}
.referral-code span {
    color: #6fb73f;
}
.referral-code > a {
    float: left;
    margin-left: 6px;
    position: absolute;
}
.pwd-hint {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 10px !important;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
    margin-top: 5px;
    padding: 10px;
    text-align: left;
}
.pwd-hint ul {
    padding: 0;
    margin: 0;
}
.pwd-hint-title {
    color: #212f3f;
    font-weight: 400;
}
.pwd-hint ul li {
    color: #999;
    list-style: outside none none;
    margin-top: 5px;
}
.pwd-hint ul li i {
    margin-right: 5px;
}
/*Add new Beneficiary Css*/

.beneficiary-pay .close {
    border: 2px solid #222f3f;
    border-radius: 100% !important;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 5px;
    width: 30px;
    z-index: 1;
}
.collapse.in {
    position: relative;
}
.beneficiary-pay .close:hover {
    border: 2px solid #d8424d;
    color: #d8424d;
    opacity: 1;
}
.personal-title {
    border-bottom: 1px solid #D9D9D9;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 5px;
    text-align: left;
}
.personal-title > span > span {
    color: #d8424d;
}
.personal-title > span {
    font-size: 14px;
}
.payment-datail input.middle_name,
.payment-datail input.add_line2 {
    padding-top: 0;
}
.payment-datail .employer,
.payment-datail .iban {
    padding-top: 0 !important;
}
.personal-detail .dd-select {
    margin-top: 10px;
    width: 100% !important;
}
.contact-dt .dd-select {
    margin: 0;
}
.form-group.half-input.auditdate {
    margin-top: 5px;
}
.personal-detail .dd-selected {
    border-radius: 5px !important;
    height: 46px;
    padding: 13px 10px 10px !important;
}
.personal-detail .form-group.half-input {
    float: left;
    margin-right: 0;
    padding-right: 15px;
    width: 50% !important;
}
.form-group.half-input.pr {
    padding-right: 0;
}
.cc-country .form-group.half-input {
    margin-bottom: 0;
}
.form-group.half-input.gender-input {
    margin-bottom: 0;
}
.personal-detail .form-group:last-child {
    padding-right: 0px;
}
.country-phone .dd-selected {
    border: 0 none;
}
.country-phone .dd-select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    position: absolute;
    top: 0;
    width: 100px !important;
    z-index: 1;
}
.form-online .country-label {
    color: #212f3f !important;
    font-size: 18px !important;
    font-weight: 500;
    left: 50px !important;
    top: 20px !important;
}
.country-phone > input {
    padding-left: 92px !important;
    padding-top: 0px !important;
}
.country-phone .dd-options.dd-click-off-close {
    top: 40px;
    width: 60px !important;
}
.country-phone .dd-pointer.dd-pointer-down.dd-pointer-up::before {
    top: -4px;
    transform: rotate(180deg);
}
.country-phone .dd-pointer.dd-pointer-down::before {
    color: #212f3f;
    content: ""!important;
    font-size: 16px;
    left: -50px;
    top: -9px;
}
.signup_checkbox.payout-checkbox input[type="checkbox"] + label::before {
    float: left;
}
.signup_checkbox.payout-checkbox {
    border-bottom: 2px solid #808285;
    margin: 0 0 10px;
    width: 100% !important;
}
.payout-info .form-input input {
    padding: 10px;
}
.payout-innerdetail {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.panel-title2 > a::after {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -142px 0;
    content: "";
    height: 27px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}
.panel-title2 > a {
    color: #212f3f;
    font-size: 18px;
    padding-left: 35px;
    position: relative;
}
.panel-title2 > a.collapsed::after {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: 0 -25px;
    height: 27px;
    width: 27px;
}
.panel-title2 {
    text-align: left;
    margin: 0!important;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 15px;
}
.payout-innerdetail > p {
    color: #212f3f;
    font-size: 18px;
    line-height: 20px;
}
.case-agents > p {
    color: #000000;
    font-size: 16px;
    text-align: left;
}
.mobile-money h3 {
    border-bottom: 2px solid #212f3f;
    color: #212f3f;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
    text-align: left;
    margin-bottom: 10px;
}
.detail-process {
    color: #212f3f;
    padding: 0;
    text-align: left;
}
.mobile-money .country-phone .dd-select {
    width: 60px !important;
}
.mobile-money .form-group.country-phone > input {
    padding-left: 60px!important;
    padding-top: 10px!important;
}
.mobile-money .country-phone .dd-pointer.dd-pointer-down::before {
    left: -9px !important;
}
.detail-process li {
    list-style: none;
}
.detail-process li p {
    font-size: 18px;
}
.detail-process span {
    display: table;
    font-weight: bold;
}
.detail-process li p.process-hls {
    display: inline;
}
.find-more {
    margin-top: 20px;
}
.find-more a {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #d8424d !important;
    display: inline-block;
    font-size: 16px !important;
    padding: 0 !important;
    text-transform: capitalize !important;
}
.find-more-txt > h3 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.find-more-txt > ul {
    margin: 10px 0;
    padding: 0;
}
.find-more-txt li::before {
    background-color: #000;
    border-radius: 100%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px;
}
.find-more-txt li {
    padding-left: 15px;
    position: relative;
}
.find-more-txt ul li a {
    background-color: transparent;
    color: #70b73f;
    font-size: 16px;
    padding: 0;
    text-transform: capitalize;
}
.find-more-txt ul li a:hover {
    background-color: transparent;
    color: #70b73f;
}
.find-more-txt a {
    color: #000;
}
.detail-process li p.process-hrs {
    float: right;
}
.detail-process > li:last-child {
    margin-top: 30px;
}
.signup-checkbox.payout-confirm .btn {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 40px;
    text-align: center;
    width: 30%;
}
.personal-info .signup-checkbox.payout-confirm > label,
.signup-checkbox.payout-confirm > label {
    color: #212f3f;
    font-size: 20px;
    margin: 25px 0;
}
.payout-info {
    position: relative;
    width: 100%;
}
.optionslist:nth-child(5n),
.optionslist:last-child {
    margin-bottom: 60px !important;
}
.intl-tel-input {
    width: 100%;
}
.payout-info .sb-accordian .optionslist:last-child {
    display: inline-block;
    margin-bottom: 60px;
    width: 100%;
}
.payout-confirm input[type="checkbox"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    height: 27px;
    width: 27px;
}
.payout-confirm input[type="checkbox"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    float: left;
    height: 27px;
    margin-right: 10px;
    vertical-align: middle;
    width: 27px;
}
/*referral Popup Css*/

.referral .modal-dialog {
    border: 0 none;
    left: 0;
    max-width: 410px;
    position: absolute;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%) !important;
}
.referral .modal-dialog {
    background-color: #ffffff;
    border: 3px solid #212f3f;
}
.referral .modal-header {
    border: 0 none;
}
.referral .close {
    border: 2px solid #222f3f;
    border-radius: 100% !important;
    color: #222f3f;
    height: 30px;
    width: 30px;
}
.referral .close:hover {
    color: #d8424d;
    border-color: #d8424d;
    opacity: 1;
}
.referralcode-text h3 {
    color: #222f3f;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
}
.referralcode-text {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    display: table;
    margin: 0 auto 30px;
    max-width: 260px;
    padding: 5px 0;
}
.referralcode-text > input {
    border: 0 none;
    border-radius: 6px !important;
    display: table;
    font-size: 18px;
    margin: 0 auto 5px;
    max-width: 240px;
    width: 100%;
    border: 2px solid #6fb73f;
}
.referral .btn.btn-pink {
    display: table;
    font-size: 24px;
    margin: 0 auto 20px;
    padding: 5px 40px;
    width: auto;
}
.modal-backdrop.referral.fade.in {
    background-color: rgba(0, 0, 0, 0) !important;
    opacity: 1;
}
.modal-backdrop.referral.beneficiaries.fade.in {
    background-color: rgba(255, 255, 255, 0.7) !important;
}
/*send-money step2 Css*/

.payment-process.payment-dt {
    margin-top: 15px !important;
}
.add-new.beneficiary-item-box a {
    float: left;
    margin-right: 30px;
    max-width: 90px;
    text-align: center;
}
.add-new.beneficiary-item-box a:focus {
    background-color: rgba(0, 0, 0, 0);
}
.add-new.beneficiary-item-box a img {
    height: 91px;
    width: 91px;
}
.send-receive-box {
    float: left;
    position: relative;
    margin-right: 80px;
}
.send-receive-box:last-child {
    margin: 0;
}
.send-receive-box:last-child::before {
    background-image: url("../images/send-recive-arrow.png");
    content: "";
    height: 42px;
    left: -48px;
    position: absolute;
    top: 40%;
    width: 22px;
}
.send-receive-box > input {
    width: 100%;
}
.send-receive-box > label {
    display: table;
    color: #212f3f;
}
.send-receive-box > input {
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    font-size: 20px;
    max-width: 175px;
    padding: 7px 5px 7px 85px;
    position: relative;
    width: 100%;
    color: #222f3f;
    line-height: 27px;
}
.send-receive-box > span {
    font-size: 18px;
    left: 47px;
    position: absolute;
    top: 35px;
    line-height: 25px;
}
.form-group .ui-body-b {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none;
    z-index: 1;
    margin-bottom: 0;
    overflow: hidden;
}
.form-group.disabled > label {
    color: #b7b7b7 !important;
    top: 15px;
}
.form-group.disabled input:focus ~ label,
.form-group.disabled input:valid ~ label {
    top: 0;
}
.form-group.disabled > input {
    background-color: #ffffff;
    border-color: #b7b7b7;
    color: #b7b7b7;
    cursor: not-allowed;
    margin-bottom: 0;
    margin-top: 7px;
}
.wallet_input .form-group.disabled > input {
    padding-top: 0;
}
input:focus ~ span,
input:valid ~ span {
    color: #212f3f;
}
.send-receive-box > img {
    bottom: 10px;
    height: 24px;
    left: 10px;
    position: absolute;
    width: 34px;
}
.beneficiary-item-box > li {
    display: table;
    margin: 0 auto 20px;
}
.howpay .signup-checkbox input[type="checkbox"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -88px 0;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
}
.howpay .signup-checkbox input[type="checkbox"]:checked + label::before {
    background-position: -28px -26px;
}
.howpay {
    display: inline-block;
    margin: 0 auto;
    padding: 0 90px;
    width: 100%;
}
.howpay > li {
    float: left;
    list-style: outside none none;
    margin-bottom: 15px;
    padding-left: 18px;
    width: 50%;
}
.howpay li:last-child {
    margin-bottom: 0;
}
.howpay .signup-checkbox > label {
    color: #222f3f;
}
.howpay .signup-checkbox label {
    white-space: nowrap;
}
.paying-msg {
    background-color: #9cc7ce;
    border: 2px solid #9cc7ce;
    border-radius: 3px !important;
    display: table;
    margin: 0 auto;
    max-width: 400px;
    padding: 13px;
    text-align: center;
    width: 100%;
}
.paying-msg p {
    color: #ffffff;
    margin-bottom: 0;
}
.error-msg-block .payout-error {
    display: table;
    padding: 0 20px;
    position: static;
}
.term .payout-error {
    position: static;
}
.payout-error i {
    margin-right: 5px;
}
.term .payout-error p {
    margin-bottom: 0;
    margin-top: 10px;
}
.payout-error {
    left: 0;
    position: absolute;
    top: 100%;
}
.payout-error > p {
    color: #d8424d;
    display: table;
    font-size: 12px;
}
.payout-error.source_amount_js_error a {
    margin-right: 0;
}
.discount input {
    border: 2px solid #222f3f;
    border-radius: 5px !important;
    font-size: 18px;
    padding: 7px;
    color: #222f3f;
    vertical-align: middle;
}
.discount .btn.btn-green {
    font-size: 18px;
    margin-left: 20px;
    padding: 5px 40px;
}
.redeem_code.btn.btn-green {
    border: 0 none;
    border-radius: 30px !important;
    color: #ffffff;
    padding: 8px 40px;
}
.tab-footer .back-step .btn.btn-pink {
    margin-bottom: 20px !important;
    float: none;
}
/*Login Css*/

.payment-process.start.payment-datail.sign-up-detail.login-form {
    margin-bottom: 15px !important;
}
.login-form .form-group {
    display: table;
    float: none !important;
    margin: 0 auto;
}
.login-btn .btn.btn-pink {
    line-height: 24px;
    margin: 0;
    padding: 5px 22px;
    font-size: 22px;
}
.login-btn .btn.btn-green {
    font-size: 20px;
    padding: 11px 28px;
}
.forgot-pass {
    color: rgb(216, 66, 77);
    display: table;
    margin: 0 auto;
    padding-top: 10px;
}
.social-link {
    display: table;
    margin: 20px auto;
    padding: 0;
}
.social-link li {
    list-style: outside none none;
    margin-bottom: 10px;
}
.social-link li:last-child {
    margin-bottom: 0px;
}
.social-link li {
    list-style: outside none none;
    margin-bottom: 10px;
    padding: 15px 75px 15px 35px;
    width: 100%;
}
.social-link li.facebook {
    background-color: #3c66c4;
}
.social-link li.google {
    background-color: #cf4332;
}
.social-link a {
    font-size: 20px;
    color: #fff;
    display: inline-block;
}
.social-link li img {
    margin-right: 10px;
}
.login-security {
    background-color: #f6f6f6;
    padding: 20px 20px 40px;
    text-align: center;
    transition: all 1s ease 0s;
}
.login-security.show {
    opacity: 1;
}
.login-security > h3 {
    color: #222f3f;
    font-size: 24px;
    font-weight: 400;
}
.login-security > h4 {
    font-size: 18px;
    font-weight: 600;
    color: #222f3f;
}
.login-security > h4 span {
    color: #6fb73f;
}
.security-info {
    margin-top: 30px;
    padding: 0;
}
.security-info > li {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: left;
    color: #222f3f;
}
.row-eq-height {
    display: -webkit-flex;
    display: flex;
}
.col-sm-12.login-leftbar,
.col-sm-8.login-leftbar {
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}
.col-sm-12.login-leftbar .login-info {
    max-width: 820px;
    width: 100%;
}
.col-sm-8.login-leftbar {
    width: 70%;
}
.col-sm-4.login-rightbar {
    max-width: 350px;
    width: 100%;
    padding-left: 0;
}
.login-info {
    background-color: #f6f6f6;
    display: table;
    height: 100%;
    margin: 0 auto;
    max-width: 820px;
    padding: 30px 40px;
    width: 100%;
}
/*countries covered Css*/

.n_title2 {
    border-bottom: 4px solid #212f3f;
    display: table;
    margin-bottom: 30px;
}
.country-sd {
    padding: 30px 0;
}
.countries-covered {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.countries-covered ul {
    float: left;
    margin: 0 7px 0 0;
    padding-left: 15px;
    width: 16%;
}
.countries-covered ul li {
    list-style: none;
    font-size: 18px;
    position: relative;
    color: #212f3f;
    font-weight: 500;
    margin-bottom: 10px;
}
.countries-covered ul li::before {
    background-color: #6fb73f;
    border-radius: 100%;
    content: "";
    height: 8px;
    left: -15px;
    position: absolute;
    top: 8px;
    width: 8px;
}
.countries-covered ul li.disable-country {
    color: #b7b7b7;
    font-weight: 400;
}
.countries-covered ul li.disable-country::before {
    background-color: #d8424d;
}
.n_subtitle {
    color: #212f3f;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 0;
}
/*dashboard Css*/

.information-tt {
    width: 14%;
    float: left;
}
.sd-title {
    border-right: 1px solid #ffffff;
    color: #ffffff !important;
    display: inline-block;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    padding-right: 20px;
}
.alert .bx-wrapper {
    float: left;
    width: 86%;
}
.dashboard-info ul {
    padding: 0;
    margin: 0;
}
.dashboard-info ul li {
    float: left;
    height: 203px;
    list-style: outside none none;
    padding: 5px;
    position: relative;
}
.dashboard-info img {
    width: 100%;
    height: 100%;
}
.dashboard-info li:nth-child(2n+1) {
    width: 37.5%;
    padding-right: 0;
}
.dashboard-info li:nth-child(2n) {
    width: 25%;
}
.dashboard-info li:nth-child(4n) {
    width: 29%;
    padding-left: 0;
}
.dashboard-info li:nth-child(5n) {
    width: 40%;
    padding-right: 5px;
}
.dashboard-info li:nth-child(6n) {
    width: 31%;
}
.dashboard-info li:first-child {
    padding-left: 0;
    padding-right: 5px;
}
.dashboard-info li:last-child {
    padding-right: 0;
}
.dashboard-dt {
    position: relative;
    height: 100%;
}
.dashboard-dt:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
}
.color-1:before {
    background-color: rgba(111, 183, 63, 0.9);
}
.color-2:before {
    background-color: rgba(0, 147, 150, 0.9);
}
.color-3:before {
    background-color: rgba(33, 47, 63, 0.9);
}
.color-4:before {
    background-color: rgba(156, 199, 206, 0.9);
}
.color-5:before {
    background-color: rgba(216, 66, 77, 0.9);
}
.color-6:before {
    background-color: rgba(128, 130, 133, 0.9);
}
.inner-text {
    bottom: 0;
    left: 0;
    padding: 13px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
}
.money-img,
.profile-img,
.profile2-img,
.transfer-img,
.manage-img,
.affilite-img,
.openacc-img,
.statement-img {
    background-image: url("../images/daseboard-info-icon.png");
}
.money-img {
    background-position: 0 0;
    height: 91px;
    width: 93px;
}
.profile-img {
    background-position: -93px 0;
    height: 91px;
    width: 93px;
}
.profile2-img {
    background-position: -622px 0;
    height: 91px;
    width: 93px;
}
.transfer-img {
    background-position: -186px 0;
    height: 90px;
    width: 122px;
}
.manage-img {
    background-position: -307px 0;
    height: 93px;
    width: 84px;
}
.affilite-img {
    background-position: -390px 0;
    height: 94px;
    width: 136px;
}
.openacc-img {
    background-position: -525px 0;
    height: 90px;
    width: 91px;
}
.statement-img {
    background-position: -723px 0;
    height: 94px;
    width: 72px;
}
.inner-text h4 {
    font-weight: 600;
    text-transform: uppercase;
}
.inner-text p {
    font-size: 12px;
    margin: 0;
}
.hover-text {
    background-color: #212f3f;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px 0;
    opacity: 0;
}
.dashboard-dt:hover .hover-text {
    opacity: 1;
}
.info-title > h3 {
    color: #222f3f;
    font-size: 24px;
    font-weight: 500;
}
.dashboard-info ul {
    display: table;
    margin: 0 auto;
    padding: 0;
}
.hover-text li {
    color: #ffffff;
    float: none !important;
    font-size: 18px;
    height: auto !important;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 !important;
    width: 100% !important;
}
.rewards p.this-month,
.rewards p.last-month {
    border-radius: 0 15px 15px 0 !important;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    max-width: 0 !important;
    position: relative;
    display: table;
}
.dashboard-dt:hover .rewards p.this-month {
    max-width: 235px !important;
}
.rewards p::before {
    background-color: #ffffff;
    content: "";
    height: 31px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 1px;
}
.rewards-wp .rewards .btn.btn-pink {
    float: right;
}
.rewards p.last-month {
    margin-top: 10px;
    max-width: 0 !important;
}
.dashboard-dt:hover .rewards p.last-month {
    max-width: 160px !important;
    float: left;
}
.affilite > li {
    font-size: 16px;
    margin-bottom: 0;
}
.this-month > span,
.last-month span {
    left: 5px;
    position: absolute !important;
    top: 3px;
}
.transfer.rewards {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}
.rewards-wp {
    padding: 15px 0;
}
.rewards-wp .btn.btn-pink {
    margin-top: 10px !important;
}
.rewards span::before {
    content: normal !important;
}
.rewards .btn.btn-pink {
    font-weight: 500;
    text-transform: capitalize;
}
.dashboard-dt:hover .hover-text li:first-child {
    margin-top: 0;
    transition: all 0.2s ease 0s;
}
.dashboard-dt:hover .hover-text li:nth-child(2n) {
    margin-top: 0;
    transition: all 0.4s ease 0s;
}
.dashboard-dt:hover .hover-text li:nth-child(3n) {
    margin-top: 0;
    transition: all 0.6s ease 0s;
}
.hover-text span {
    float: right;
    margin-left: 40px;
}
.hover-text .btn.btn-pink,
.hover-text .btn.btn-green {
    display: table;
    font-size: 16px;
    padding: 5px 15px;
    transition: all 0.2s ease 0s;
    margin: 20px auto;
}
.hover-text .dashboard-btn .btn.btn-pink,
.hover-text .btn.btn-green {
    display: inline-block !important;
}
.hover-text .btn.btn-green {
    margin-right: 10px;
}
.dashboard-btn {
    display: table;
    margin: 0 auto;
}
.dashboard-dt:hover .btn.btn-pink {
    transform: scale(1);
}
.sm-notice > p {
    color: #ffffff;
    font-size: 19px;
    padding: 20px 22px;
    text-align: center;
}
.total {
    color: #6fb73f !important;
    padding: 0;
}
/*

.Stage_box2_Ellipse_id,.EDGE-1404005 {

  background-color: rgba(0, 0, 0, 0) !important;

}

.EDGE-1404005 {

  left: 0;

  right:0 !important;

/*  transform: translateX(-50%);

  width: 100% !important;

}

.Stage_Group_id {

  margin: 0 !important;

  position: static !important;

  width: auto !important;

  height:auto !important;

}

.Stage_box2_id {

  width: auto !important;

  height:auto !important;

}

.Stage_box2_id,.Stage_box2_number_id,.Stage_box2_text_id {

  position: static !important;

}

.EDGE-1404005 .chart {

  display: table;

  height: 185px;

  margin: 0 auto;

  width: 185px;

}

.EDGE-1404005 .chart {

  transform-origin: 60% 40% 0 !important;

}

.Stage_box2_number_id {

  position: absolute !important;

  text-align: center;

  top: 0 !important;

  width: 100%;

}

.EDGE-1404005 span {

  float: none;

  font-size: 30px;

  position: relative;

  top: 10px;

}

.Stage_box2_text_id {

  display: table !important;

  font-size: 14px !important;

  left: 0 !important;

  line-height: 30px;

  margin: 0 auto !important;

  position: absolute !important;

  top: 55px !important;

  width: 100% !important;

}

.number span {

  font-size: 30px !important;

  margin: 0 !important;

  top: 15px;

  vertical-align: top;

  }*/

  .hover-text.process-text > span {
    color: #ffffff;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 46%;
    width: 100%;
}
.process-text .btn.btn-pink {
    margin: 10px auto 0;
}
.process p {
    font-size: 12px;
    margin: 0;
}
.process h4 {
    font-size: 32px;
    font-weight: 700;
    margin: 7px 0 0;
}
.beneficiri-text > h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
}
.hover-text.beneficiri-text li {
    border: 2px solid #ffffff;
    float: left !important;
    text-align: center;
    width: 70px !important;
}
.hover-text.beneficiri-text span {
    margin: 0;
    width: 100%;
}
.coming-soon {
    color: #ffffff;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
}
.coming-soon h4 {
    font-size: 18px;
    font-weight: 600;
}
.coming-soon p {
    font-size: 12px;
}
.hover-text.beneficiri-text li {
    border: 2px solid #ffffff;
    float: left !important;
    font-size: 14px;
    margin-left: 15px;
    padding: 10px 0 !important;
    text-align: center;
    width: 70px !important;
}
.hover-text.beneficiri-text li:first-child {
    margin-left: 0;
}
.beneficiri-text .btn.btn-pink {
    margin-top: 0;
}
.hover-text.beneficiri-text span {
    font-size: 24px;
}
.transfer {
    color: #ffffff;
    padding: 0 20px;
}
.transfer p {
    font-size: 12px;
    margin: 0 0 0 5px;
}
.transfer span {
    float: none;
    margin: 0;
    position: relative;
    border-radius: 0 15px 15px 0 !important;
    font-size: 14px;
}
.transfer a {
    float: right;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 3px 20px !important;
}
.transfer span::before {
    background-color: #ffffff;
    content: "";
    height: 31px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 1px;
}
.transfer > h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.this-month {
    background-color: #6fb73f;
    display: inline-block;
    font-size: 18px;
    max-width: 0px;
    padding: 3px 7px;
    text-align: right;
    width: 100%;
    transition: all 0.9s ease 0s;
}
.dashboard-dt:hover .hover-text .transfer span.this-month {
    max-width: 235px;
}
.last-month {
    background-color: #009396;
    display: inline-block;
    font-size: 18px;
    max-width: 0px;
    padding: 3px 7px;
    text-align: right;
    width: 100%;
    transition: all 1s ease 0s;
}
.dashboard-dt:hover .hover-text .transfer span.last-month {
    max-width: 160px;
}
.share-discount {
    background-color: #212f3f;
    margin-bottom: 100px;
    margin-top: 5px;
    padding: 10px;
    text-align: center;
}
.share-discount > p {
    color: #ffffff;
    font-size: 18px;
}
.share-discount .btn.btn-pink {
    font-size: 24px;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px 45px;
}
.share-discount .modal-dialog {
    max-width: 755px;
    width: 100%;
}
.share-discount .modal-header {
    padding: 20px;
}
.discount-info {
    margin: 0 auto 40px;
    max-width: 820px;
}
.discount-info > h3 {
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;
    text-transform: uppercase;
    color: #212f3f;
}
.share-discount .modal-body {
    padding: 0 40px;
}
.sending-money {
    background-color: #6fb73f;
    border: 2px solid #212f3f;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 30px 20px;
    text-align: center;
}
.fb {
    background-color: #3d5a96;
}
.tw {
    background-color: #29C5F6;
}
.discount-info > ul {
    display: table;
    margin: 30px auto 0;
    padding: 0;
}
.discount-info > ul li {
    float: left;
    list-style: outside none none;
    margin-right: 5px;
}
.discount-info > ul li:last-child {
    margin-right: 0;
}
.discount-info ul li a {
    border-radius: 4px !important;
    display: inline-block;
    padding: 10px;
    text-align: center;
    min-width: 290px;
    width: 100%;
    color: #fff;
    line-height: 15px;
}
.discount-info ul li a img {
    margin-right: 10px;
    vertical-align: top;
}
.send-mn p {
    color: #ffffff;
    float: left;
    font-weight: 500;
}
.td-send {
    text-align: center;
    float: none;
    width: 100%;
}
.hover-text.acc-type {
    padding-top: 0;
}
.send-mn > img {
    display: table;
    margin: 0px auto 5px;
}
.send-money-hover-img {
    background-image: url("../images/send-money-hover-img1.png");
    height: 80px;
    width: 349px;
}
.send-mn {
    display: table;
    margin: 0 auto;
}
.send-mn span {
    float: none !important;
    margin: 0 0 0 5px;
}
.send-mn .btn.btn-pink {
    font-size: 16px;
    font-weight: 300;
    margin: 0 auto;
    padding: 0 15px;
    text-transform: capitalize;
}
.send-mni-text {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    margin-top: 8px;
}
.send-mni-text p {
    float: none;
    font-weight: 100;
    margin: 0;
}
.send-mni-text p span {
    font-weight: 500;
}
.send-mni-text > h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    margin-top: -6px;
    line-height: 22px;
}
.send-mni-text sub {
    bottom: 0;
    font-size: 10px;
    font-weight: 100;
    margin-left: 3px;
    display: inline-block;
    width: 100%;
}
.send-mni-text p span sup {
    font-size: 14px;
}
/*Payangel rewards Css*/

.rewards-accordion .panel {
    border: 0 none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0;
}
.affiliate-code .payangle-id {
    float: left;
    margin: 0;
    text-align: right;
    width: auto;
}
.affiliate-code a img {
    margin-left: 10px;
    vertical-align: top;
}
.reward-btn .btn {
    font-size: 18px;
    padding: 0 30px;
    text-transform: capitalize;
    width: 0;
    margin: 0;
    float: right;
}
.reward-btn .btn:focus {
    color: #212f3f;
}
.info-title p {
    color: #212f3f;
    font-size: 18px;
}
.info-title p span {
    color: #6fb73f;
}
.panel-heading.reward-accordion {
    background-color: #212f3f;
    padding: 20px;
    border: 0;
    margin-bottom: 20px;
}
.panel-heading.reward-accordion.pprofile-head {
    background-color: #f6f6f6;
}
.pprofile-head .panel-title > a {
    color: #808285 !important;
    font-weight: 600;
}
.reward-accordion .panel-title > a {
    color: #fff;
    font-size: 28px;
}
.reward-accordion .panel-title > a:focus {
    text-decoration: none;
}
.reward-accordion .panel-title > a::after,
.reward-accordion .panel-title > a.collapsed::after {
    background-image: url("../images/reward-accordion-arrow.png");
    background-position: 0 0;
    height: 20px;
    top: 5px;
    transform: rotate(0deg);
    width: 29px;
}
.reward-accordion.pprofile-head .panel-title a::after {
    background-position: 29px 0 !important;
}
.reward-accordion .panel-title > a.collapsed::after {
    transform: rotate(-90deg);
}
.reward-box {
    border: 1px solid #808285;
    border-radius: 10px !important;
    border-top: 0;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.reward-box > h4 {
    background-color: #009396;
    border-radius: 9px 9px 0 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}
.reward-social {
    margin: 50px 0;
    padding: 0;
    text-align: center;
}
.reward-social > li {
    display: inline-block;
    list-style: outside none none;
    margin-right: 10px;
}
.reward-social > li:last-child {
    margin-right: 0px;
}
.reward-social li:nth-child(3n) {
    display: none;
}
.reward-form {
    margin: 30px 0 23px;
}
.reward-form .form-group {
    float: left;
    margin: 0 0 20px;
    padding: 0 10px;
    width: 50%;
}
.reward-form input {
    border: 2px solid #d7d7d7;
    border-radius: 5px !important;
    height: 55px;
}
.reward-form .btn {
    display: table;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    padding: 10px 90px;
}
.import-contact {
    margin: 15px auto 30px;
    max-width: 640px;
    width: 100%;
}
.import-title {
    border-bottom: 1px solid #dddddd;
    color: #6fb73f;
    font-weight: 500;
    margin: 0 0 10px;
    padding-bottom: 5px;
}
.worning {
    color: #d8424d;
    font-size: 12px;
    margin: 0 0 13px;
}
.reward-login .form-group {
    margin: 0 0 5px;
    position: relative;
}
.reward-login .form-group img {
    left: 7px;
    position: absolute;
    top: 11px;
}
.reward-search {
    padding-left: 30px;
}
.reward-login input {
    border: 2px solid #dddddd;
    border-radius: 5px !important;
    height: 40px;
}
.reward-ls {
    margin: 0;
    padding: 0;
}
.reward-ls li {
    float: left;
    list-style: outside none none;
    margin-bottom: 8px;
    padding: 0 7px 0 0;
}
.reward-ls img {
    width: 100%;
}
.reward-ls > li:last-child,
.reward-ls > li:nth-child(3n) {
    padding-right: 0;
}
.import-footer {
    margin-top: 10px;
}
.import-footer p {
    border-bottom: 1px solid #dddddd;
    color: #212f3f;
    font-weight: 500;
    margin: 0;
    padding-bottom: 3px;
}
.reward-box.color-box1 > h4 {
    background-color: #6fb73f;
}
.reward-box.color-box2 > h4 {
    background-color: #212f3f;
}
.chart {
    padding: 10px 5px;
}
.chart-title {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.chart-title > li {
    float: left;
    list-style: outside none none;
    text-align: center;
    width: 50%;
    padding: 13px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
.chart-title > li:first-child {
    background-color: #009396;
    border-radius: 9px 0 0 !important;
}
.chart-title > li:last-child {
    background-color: #d8424d;
    border-radius: 0 9px 0 0 !important;
}
.content {
    height: 315px;
    padding: 15px;
}
.referral-table .btn {
    font-size: 16px;
    margin: 0;
    padding: 2px 30px;
    text-transform: capitalize;
}
.referral-table table th,
.referral-table table td {
    border: 0 none !important;
}
.referral-table table thead th {
    background-color: #6fb73f;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    padding: 15px;
    text-transform: uppercase;
}
.referral-table table tbody td {
    color: #808285;
    font-size: 16px;
    padding: 12px 15px;
}
.referral-table table tbody tr:nth-child(2n) {
    background-color: #e8e8e8;
}
.referral-table table tbody td:nth-child(3n),
.referral-table table tbody td:nth-child(4n),
.referral-table table tbody td:nth-child(5n),
.referral-table table thead th:nth-child(3n),
.referral-table table thead th:nth-child(4n),
.referral-table table thead th:nth-child(5n) {
    text-align: center;
}
.referral-table table tbody td:last-child {
    padding: 10px 0;
}
.pending {
    color: #9cc7ce !important;
}
.confirmed {
    color: #6fb73f !important;
}
.cancel {
    color: #d8424d !important;
}
/*affiliates Css*/

.affiliates-slider .carousel {
    z-index: 0;
}
.affiliates-slider .btn.btn-lg.btn-pink {
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    padding: 5px 20px;
    text-transform: capitalize;
}
.btn.btn-lg.btn-link.read-more {
    color: #212f3f;
}
.main_title {
    color: #212f3f;
    font-size: 42px;
    font-weight: bold;
}
.text-left {
    font-size: 22px;
    text-align: left;
    color: #212f3f;
}
.full-height {
    margin: 0;
}
.fix-screen {
    overflow: hidden;
}
/*--

Sprite

--*/

.payangelpound,
.payangelwallet,
.payangelman-question {
    background: url('../images/sprite3.png?version=1.0') no-repeat;
    margin: 0 auto;
}
.payangelpound {
    background-position: -211px 0;
    height: 113px;
    width: 116px;
}
.payangelwallet {
    background-position: 0 0;
    height: 107px;
    width: 92px;
}
.payangelman-question {
    background-position: -97px 0;
    height: 115px;
    width: 111px;
}
.payangellogo,
.payangellogin,
.payangellogo-minified,
.payangelsofort,
.payangelfeecopy,
.payangeliamtn,
.payangelwhichwhite,
.payangelqoute,
.payangelarrow-down,
.payangelpaycopy,
.payangeltwitter,
.payangelfacebook,
.payangelgoogle,
.payangellinkedin,
.payangelvisa,
.payangelmastercard,
.payangelghana-flag,
.payangellogo-mini,
.payangelghanas-flag,
.payangeluk-flag,
.payangeleye,
.payangelcomment,
.ideal-logo {
    display: inline-block;
    background: url('../images/sprite1.png?version=1.0') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.payangellogin {
    display: inline-block;
    background: url(../images/login-button_bg.png) no-repeat center center;
    vertical-align: middle;
    text-align: left;
    border-radius: 40px !important;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 2s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 2s;
    transition-property: transform;
    transition-duration: 2s;
    text-indent: 0;
    background-size: 100%;
}
.payangellogin {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 2s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 2s;
    transition-property: transform;
    transition-duration: 2s;
    position: relative;
}
.payangellogin .blank {
    /*display: block;*/
    /*content: '';*/
    
    background: url(../images/inner-circle.png) no-repeat center center;
    width: 47px;
    height: 48px;
    position: relative;
    /*right: 98px;    top: 2px;*/
    
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.payangellogin:hover .blank {
    animation: rotating 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation: rotating 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
.payangellogin span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    min-width: 96px;
    text-align: center;
}
.payangellogin span a {
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF;
    display: block;
}
.payangellogin span.login {
    min-width: 96px;
    text-align: center;
}
.payangellogin span.register {
    padding: 5px;
    text-align: center;
    min-width: 96px;
}
.payangellogin span.blank {
    width: 46px;
    height: 46px;
    vertical-align: middle;
    min-width: 46px!important;
}
.payangellogin span a {
    font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    display: block;
}
.payangellogin .text {
    border: none;
    width: 75%;
    display: inline-block;
    font-size: 16px;
    color: #989898;
    padding: 5px 10px;
}
.payangellogo-minified {
    background-position: -2px -440px;
    width: 161px;
    height: 39px;
}
.payangelsofort {
    background-position: -2px -653px;
    width: 104px;
    height: 33px;
}
.payangelfeecopy {
    background-position: -147px -481px;
    width: 89px;
    height: 82px;
}
.payangeliamtn {
    background-position: -147px -565px;
    width: 81px;
    height: 34px;
}
.payangelwhichwhite {
    background-position: -147px -601px;
    width: 81px;
    height: 81px;
}
.payangelqoute {
    background-position: -108px -684px;
    width: 80px;
    height: 74px;
}
.payangelarrow-down {
    background-position: -2px -688px;
    width: 74px;
    height: 72px;
}
.payangelpaycopy {
    background-position: -170px -272px;
    width: 68px;
    height: 81px;
}
.payangeltwitter {
    background-position: -181px -107px;
    width: 55px;
    height: 55px;
}
.payangelfacebook {
    background-position: -181px -164px;
    width: 54px;
    height: 54px;
}
.payangelgoogle {
    background-position: -170px -355px;
    width: 54px;
    height: 54px;
}
.payangellinkedin {
    background-position: -170px -411px;
    width: 54px;
    height: 54px;
}
.payangelvisa {
    background-position: -181px -220px;
    width: 54px;
    height: 35px;
}
.payangelmastercard {
    background-position: -78px -760px;
    width: 53px;
    height: 33px;
}
.payangelghana-flag {
    background-position: -190px -684px;
    width: 47px;
    height: 32px;
}
.payangellogo-mini {
    background-position: -190px -718px;
    width: 47px;
    height: 48px;
}
.payangelghanas-flag {
    background-position: -108px -653px;
    width: 27px;
    height: 17px;
}
.payangeluk-flag {
    background-position: -78px -688px;
    width: 27px;
    height: 17px;
}
.payangeleye {
    background-position: -181px -257px;
    width: 12px;
    height: 7px;
}
.payangelcomment {
    background-position: -195px -257px;
    width: 11px;
    height: 10px;
}
/* sidemenu*/

.toggletag.open {
    display: block;
}
.toggletag {
    background-color: #222f3f;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    max-width: 470px;
    z-index: 99999;
    width: 100%;
    display: none;
    padding: 20px;
    overflow-y: auto;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(200px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.toggletag.open {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.dropdown-sidbar .dd-option {
    border-bottom: 2px solid #222f3f;
}
.dropdown-sidbar .dd-option:hover {
    background-color: #222f3f;
}
.dropdown-sidbar .dd-option:hover label {
    color: #fff !important;
}
.clickme.close {
    border: 2px solid #d8424d;
    border-radius: 100% !important;
    color: #d8424d;
    font-size: 28px;
    font-weight: normal;
    height: 35px;
    line-height: 28px;
    text-align: center;
    width: 35px;
    text-shadow: none;
}
.sb-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.search-box input {
    border: 0 none;
    border-radius: 5px !important;
    font-size: 20px;
    height: 41px;
    padding: 10px 30px 10px 10px;
    width: 84%;
}
.search-box {
    border-bottom: 2px solid #ffffff;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.dropdown-sidbar .select2-selection__arrow {
    border: 0 none !important;
    border-radius: 5px !important;
    box-shadow: -46px 0 0 #70b73f inset !important;
    z-index: 9;
}
.dropdown-sidbar .select2-container {
    width: 100% !important;
}
.dropdown-sidbar .dd-option label {
    position: static;
    color: #222f3f !important;
}
.dropdown-sidbar .dd-selected .dd-selected-text {
    color: #222f3f !important;
}
.dropdown-sidbar .dd-selected {
    padding: 12px;
}
.sb-accordian .panel-heading,
.sb-accordian .panel-body {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none !important;
    padding: 6px 0;
}
.sb-accordian .panel {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none !important;
}
.panel-title > a {
    color: #6fb63e;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    width: 100%;
    padding-right: 40px;
}
.sb-accordian .panel-body {
    color: #ffffff;
    font-size: 16px;
}
.panel-title > a::after {
    background-image: url("../images/according-plus-minus.png");
    background-position: 0 -40px;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    top: 16px;
    width: 39px;
}
.panel-title > a.collapsed::after {
    background-image: url("../images/according-plus-minus.png");
    background-position: 0 0;
    height: 40px;
    top: 0;
    width: 39px;
}
.sb-pagination {
    text-align: center;
    margin: 20px 0;
    display: inline-block;
    width: 100%;
}
.sb-pagination .pagination a {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #e7557a;
    color: #ffffff;
    font-size: 20px;
    margin-right: 5px;
    padding: 0 9px;
}
.border-none > a {
    border-color: rgba(0, 0, 0, 0) !important;
}
.sb-pagination .pagination a:hover {
    background-color: #70b73f;
    border-color: #70b73f;
    color: #fff;
}
/*My Beneficiaries*/

.bene-help {
    position: absolute;
    right: 0;
    top: 5px;
}
.benificiri-search input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #d9d9da;
    border-image: none;
    border-style: none none solid;
    border-width: 0;
    padding-bottom: 5px;
    padding-left: 40px;
    width: 100%;
    font-weight: normal;
}
.beneficiri-payment {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
.benificiri-search {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    position: relative;
}
.user-contry {
    float: left;
    width: 27%;
}
.money-process {
    float: left;
    width: 50%;
}
.opration {
    float: left;
    margin-top: 5px;
    text-align: center;
    width: 23%;
}
.opration i {
    font-size: 28px;
    vertical-align: middle;
}
.user-contry .img-flag {
    margin-top: 0;
}
.user-contry,
.money-process ul {
    padding: 0;
    margin: 0;
}
.user-contry > li {
    float: left;
    list-style: outside none none;
    margin-right: 20px;
    margin-top: 7px;
}
.user-contry > li:last-child {
    line-height: 30px;
    margin: 0;
    padding-left: 40px;
    position: relative;
    width: 69%;
}
.money-process li {
    float: left;
    list-style: outside none none;
    padding: 5px;
    width: 33.33%;
}
.opration > a {
    color: #212f3f;
    padding: 0 10px;
}
.signup-checkbox.signup-btn.payout-confirm.benificiri-payout {
    margin: 30px 0;
}
.benificiri-search img {
    left: 0;
    position: absolute;
    top: 0;
}
.user-contry li img {
    border-radius: 100% !important;
    height: 20px;
    margin-right: 10px;
    width: 20px;
}
.user-contry li:last-child img {
    height: 37px;
    width: 37px;
}
.beneficiri-table .btn.btn-green {
    font-size: 16px;
    padding: 3px 15px !important;
    text-transform: capitalize;
    color: #fff !important;
}
.transfer-done {
    border: 1px solid #6fb73f;
    border-radius: 15px !important;
    padding: 4px;
    color: #212f3f;
    font-size: 12px;
}

.partner-transfer-done {
    border: 3px solid #d8424d;
    border-radius: 15px !important;
    padding: 4px;
    color: #212f3f;
    width: 20%;
    text-align: center;
}

.money-process li img {
    margin-right: 7px;
}
.transfer-cancle {
    border: 1px solid #d8424d;
    border-radius: 15px !important;
    color: #d8424d;
    font-size: 12px;
    padding: 4px 10px;
}
.table.table-sm.beneficiri-table a {
    color: #212f3f;
}
.add-beneficiary .btn {
    float: right;
    font-size: 16px;
    margin: 0;
    padding: 5px 10px;
}
.beneficiri-wp {
    margin-bottom: 30px;
}
.signup-checkbox.payout-confirm.benificiri-payout .btn {
    color: #fff;
    float: none;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 16px;
}
.personal-info-confirm {
    margin: 30px 0;
}
.beneficiary-pay .personal-title {
    font-size: 20px;
    text-align: left;
}
.personal-detail .select2-container {
    width: 100% !important;
}
.beneficiri-wp .form-online label {
    top: 10px;
}
.beneficiri-wp .bnk-acc .form-online label {
    top: 15px;
}
.beneficiri-wp .bnk-acc .form-group input:focus ~ label,
.beneficiri-wp .bnk-acc input:valid ~ label {
    top: 8px;
}
.bnk-acc input {
    padding-top: 10px!important;
    padding-bottom: 0!important;
}
.payment-datail.beneficiarie-dt .form-group .calendar-icon::before {
    padding: 20px;
}
.personal-detail.beneficiarie-dt .dd-selected {
    height: 38px;
}
.beneficiri-wp .form-online .country-label {
    top: 14px !important;
}
.personal-detail .p-dt .dd-select {
    margin-top: 3px !important;
}
.personal-detail .p-dt .input-rel .dd-select {
    margin-top: 10px !important;
}
.personal-detail .p-dt .input-contry .dd-select {
    margin-top: 0 !important;
}
.p-dt.form-online .country-label {
    top: 8px !important;
}
.personal-detail.beneficiarie-dt .dd-selected {
    padding: 10px 10px 0 !important;
}
.personal-detail .form-group.b-country input:focus ~ label,
.personal-detail .b-country input:valid ~ label {
    top: 14px !important;
}
.beneficiri-wp .country-phone > input {
    padding-top: 0 !important;
}
.beneficiri-wp .signup_checkbox > label {
    text-align: left;
}
.beneficiri-wp .dd-option:hover {
    background-color: #212f3f;
}
.benificiri-payout > label {
    margin: 10px !important;
}
.toggleadd {
    display: none;
}
.toggleadd.open {
    display: block;
}
.new-beneficiary.beneficiary-pay.start {
    border-bottom: 1px solid #ddd;
}
/*my profile*/

.number-process {
    color: #212f3f;
    font-size: 32px;
    height: 0;
    left: 0;
    line-height: 20px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 30%;
}
.number-process > span {
    font-size: 14px;
}
.increse-limit {
    display: inline-block;
    margin: 60px 0;
}
.increse-limit > img {
    width: 100%;
}
.increse-limit > ul {
    margin: 0;
    padding: 0;
}
.increse-limit > ul li {
    color: #d5d5d5;
    float: left;
    list-style: outside none none;
    position: relative;
    text-align: center;
    width: 25%;
}
.increse-limit > ul li.active {
    color: #212f3f;
    font-size: 20px;
}
.increse-limit span {
    display: table;
    margin: 0 auto;
    font-weight: bold;
}
sub {
    display: table;
    font-size: 8px;
    font-weight: normal;
}
.increse-limit li::before {
    background-color: #fff;
    border: 4px solid #d5d5d5;
    border-radius: 100%;
    content: "";
    height: 28px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -25px;
    width: 28px;
}
.increse-limit li.active::after {
    background-color: #212f3f;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -17px;
    width: 12px;
}
.increse-limit li.active::before {
    border-color: #6fb73f;
}
.increse-limit li.active img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -80px;
}
.increse-btn .btn-green {
    display: table;
    font-size: 16px;
    margin: 30px auto;
    padding: 2px 20px;
    text-transform: capitalize;
}

.increse-btn-single .btn-green {
    display: table;
    font-size: 16px;
    margin: 56px auto;
    padding: 2px 20px;
    text-transform: capitalize;
}
.increse-btn .btn-pink {
    display: table;
    font-size: 16px;
    margin: 30px auto;
    padding: 2px 20px;
    text-transform: capitalize;
}
.panel-heading.profile-head {
    margin-bottom: 10px;
}
.profile-detail .panel-collapse {
    padding: 0 20px;
}
.n_title3 {
    border-bottom: 1px solid #d5d5d5;
    color: #222f3f;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 5px;
}
.profile-dt {
    float: left;
    margin-right: 24px;
    position: relative;
}
.profile-dt .choose-file i {
    color: #ffffff;
    cursor: pointer;
    font-size: 40px;
    opacity: 0;
}
.file-input {
    cursor: pointer;
    display: block;
    height: 37px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -12px;
    width: 100%;
    z-index: 1;
}
.profile-dt:hover .choose-file i {
    opacity: 1;
}
.choose-file {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.profile-dt:hover:before {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.profile-dt img {
    border-radius: 10px !important;
    height: 195px;
    width: 100%;
}
.select-title .dd-options.dd-click-off-close {
    height: 200px;
}
.profile-dt a {
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.new-beneficiary.profile-wp.start {
    float: left;
    margin: 0 !important;
    width: 59%;
}
.form-online .dd-option-text {
    position: static;
}
.select-title .dd-option:hover label {
    color: #ffffff !important;
}
.personal-detail a.dd-option:hover {
    background-color: #212f3f;
}
.profile-detail .form-online label {
    top: 12px;
}
.new-beneficiary.profile-wrap.start {
    margin: 0px 0 0 !important;
}
.start.profile-wrap .country-label {
    top: 15px !important;
}
.start.profile-wrap input:focus ~ .country-label,
.start.profile-wrap input:valid ~ .country-label {
    top: 17px !important;
}
.profile-idt {
    display: inline-block;
    width: 100%;
}
.profile-password {
    float: left;
    margin-top: 5px;
    width: 40%;
}
.profile-pass {
    float: right;
    width: 60%;
}
.profile-pass .form-group {
    float: left !important;
    margin-right: 25px !important;
    width: 48% !important;
}
.personal-info .form-online.chn_pass {
    max-width: 100%;
}
.profile-pass .form-group:last-child {
    margin-right: 0 !important;
}
.profile-pass .form-group > input,
.profile-password .form-group > input {
    margin: 0;
    padding: 0 0 0 10px;
}
.profile-password .form-group {
    width: 80% !important;
}
.confirmation {
    left: 18px;
    margin: 0 auto;
    max-width: 455px;
    position: relative;
}
.confirmation .signup-checkbox label {
    font-size: 16px;
    margin-bottom: 0;
}
.confirmation .btn-pink,
.confirmation .btn-green {
    font-size: 20px;
    padding: 5px 50px;
    margin-right: 15px;
}
.validate-btn {
    display: table;
    margin: 0 auto;
}
.bronze-msg {
    margin: 50px auto;
    max-width: 680px;
    text-align: center;
}
.bronze-msg > p {
    color: #212f3f;
    font-size: 20px;
}
.bronze-msg .btn.btn-green {
    font-size: 18px;
    font-weight: bold;
    padding: 3px 100px;
}
.select-beneficiaries.img-upload {
    display: table;
    margin: 0 auto 20px;
    padding: 0;
}
.img-upload > span {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.select-beneficiaries.img-upload.select_bp input[type="radio"]:checked + label {
    background-color: #d8424d;
    border: 0 none;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600;
    margin-right: 10px;
}
.select-beneficiaries.img-upload.select_bp input[type="radio"]:checked + label::before {
    border: 0 none;
}
.img-upload.select_bp input[type="radio"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -89px -72px;
    height: 16px;
    left: 8px;
    margin: 0;
    position: absolute;
    top: 7px;
    vertical-align: top;
    width: 13px;
}
.img-upload.select_bp input[type="radio"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -52px -75px;
    content: "";
    height: 14px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 13px;
}
.select-beneficiaries.img-upload.select_bp > label {
    background-color: #d5d5d5;
    border: 0 none;
    border-radius: 100px !important;
    font-size: 14px !important;
    left: 0;
    margin-left: 10px;
    margin-right: 10px !important;
    top: 0;
    width: auto;
    padding: 7px 30px;
}
.select-beneficiaries.img-upload {
    display: table;
    margin: 0 auto 20px;
    padding: 0;
}
.img-upload > span {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    top: 8px;
}
.select-beneficiaries.img-upload input[type="radio"]:checked + label {
    font-size: 14px !important;
    font-weight: 600;
    margin-right: 10px;
}
.mprofile-popup .modal-header h3 {
    border-bottom: 1px solid #dddddd;
    color: #212f3f;
    font-size: 40px;
    font-weight: 500;
    margin: 0 30px;
    padding: 0 0 20px;
    text-align: center;
}
.select-beneficiaries.manage-profile-popup label {
    border: 0 none !important;
    width: auto;
    margin-right: 25px !important;
}
.img-upload input[type="radio"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -51px 20px;
    content: "";
    height: 15px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 15px;
}
.img-upload input[type="radio"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -97px 10px;
    border-color: rgba(0, 0, 0, 0);
    content: "";
    height: 20px;
    left: 7px;
    margin: 0;
    position: absolute;
    top: 8px;
    width: 20px;
}
.select-beneficiaries.img-upload > label {
    background-color: #d5d5d5;
    font-size: 14px !important;
    margin-left: 10px;
    margin-right: 10px !important;
    border-radius: 100px !important;
}
.upload-img {
    float: right;
    position: relative;
    text-align: center;
}
.upload-img input {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.upload-img > input + label {
    background-color: #d8424d;
    border-radius: 50px !important;
    color: #ffffff;
    /*cursor: pointer;*/
    
    display: table;
    font-size: 20px;
    left: 0;
    margin: 0 auto 20px;
    padding: 5px 20px;
    position: relative;
    top: 10px;
}
.upload-img .btn.btn-pink {
    display: table;
    font-size: 14px;
    margin: 15px auto;
    padding: 5px 20px;
    text-transform: capitalize;
}
.image-detail {
    border: 2px solid #212f3f;
    border-radius: 10px !important;
    display: inline-block;
    max-width: 415px;
    padding: 10px 20px;
    width: 100%;
    background-color: #fff;
}
.image-detail > h4 {
    color: #212f3f;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 6px;
}
.image-detail > ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}
.guideline-img {
    float: left;
    text-align: right;
    width: 50%;
}
.image-detail li {
    list-style: outside none none;
    position: relative;
    color: #212f3f;
    font-size: 12px;
    padding-left: 5px;
    text-align: left;
}
.image-detail li::before {
    content: "-";
    left: 0;
    position: absolute;
}
.authenticate .btn {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
    padding: 10px 60px;
}
.id-detail .new-beneficiary.start {
    margin: 0 !important;
}
.id-dt-from .form-group.half-input:last-child {
    padding-right: 15px !important;
}
.statement > img {
    float: right;
    margin-right: 10px;
    width: 54px;
}
.upload-statement > h4 {
    color: #212f3f;
    font-size: 20px;
    margin: 0;
}
.upload-statement > p {
    color: #808285;
    font-size: 12px;
    font-weight: 500;
}
.statement {
    float: left;
    width: 30%;
}
.upload-statement {
    overflow: hidden;
    text-align: left;
    width: 70%;
}
.upload-bs {
    text-align: center;
}
.upload-bs > ul {
    display: inline-block;
    margin-top: 15px;
    padding: 0;
}
.silver-submit .btn-green {
    font-size: 18px;
    margin: 40px 0 0;
    padding: 5px 90px;
}
.upload-bs li {
    display: table;
    float: left;
    list-style: outside none none;
    margin-right: 40px;
    position: relative;
    text-align: center;
}
.upload-bs li::before {
    background-color: #ddd;
    content: "";
    height: 80px;
    position: absolute;
    right: -20px;
    width: 1px;
}
.upload-bs li:last-child:before {
    content: normal;
}
.upload-bs ul li p {
    color: #212f3f;
    display: table;
    margin: 0 auto 5px;
}
.upload-bs ul li a.btn.btn-pink,
.upload-bs ul li a.btn.btn-green {
    font-size: 14px;
    margin: 0;
    padding: 5px 25px;
    text-transform: capitalize;
}
.upload-bs span {
    display: table;
    margin-top: 5px;
    width: 100%;
}
.silver-plus-btn .btn-green {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0;
    padding: 7px 100px;
}
.center-text > input {
    text-align: center;
}
.left-text label {
    top: 13px;
}
.emailid .new-beneficiary.start {
    margin-bottom: 0 !important;
}
.emailid {
    margin: 0 auto;
    max-width: 550px;
}
.calander > input {
    margin: 0 !important;
}
.advdate .mobipick-demo-default-date {
    padding-top: 0 !important;
    z-index: 1;
}
.advdate input {
    height: 45px !important;
    margin-top: 0px !important;
}
.advdate .calendar-icon::before {
    padding: 22px !important;
    top: 1px !important;
    z-index: 0 !important;
}
.calander.auditdate > label {
    top: 3px;
}
.example a {
    color: #d8424d;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.emailid .new-beneficiary.start {
    margin-top: 0 !important;
}
.personal-detail .form-group input:focus ~ label,
.personal-detail input:valid ~ label {
    font-size: 12px;
    top: 5px !important;
}
.payment-datail .intl-tel-input input {
    padding-top: 2px;
}
.glyphicon.glyphicon-lock {
    position: absolute;
    right: 10px;
    top: 15px;
}
.form-online .locked label,
.form-online .locked label span {
    color: #b7b7b7 !important;
}
.id-dt-from .form-group label {
    top: 12px;
}
.slider-wp {
    position: relative;
}
.slidediv {
    background: #fff none repeat scroll 0 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: -500px;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 0;
    z-index: -1;
}
.slidediv.visible {
    opacity: 1;
    overflow: inherit;
    right: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
    top: -10px;
}
.closing {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2147483647;
    color: #000;
}
.slidednone.visible {
    height: 190px;
    opacity: 0;
}
.row_eq_height.visible {
    height: 315px;
}
.row_eq_height1.visible {
    height: 260px;
}
.increse-btn.increse-text .btn {
    display: table;
    margin: 0 auto;
}
.increse-btn.increse-text > p {
    text-align: center;
    color: #212f3f;
}
.increse-btn.increse-text span {
    color: #d8424d;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
}
.title-rel ul {
    height: 200px;
}
.demo > label {
    top: 7px !important;
    z-index: 1;
}
/*Tean Css*/

.our-team {
    margin-bottom: 100px;
}
.team-title {
    color: #212f3f;
    display: table;
    font-size: 60px;
    font-weight: bold;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
}
.team-title::before {
    background-color: #70b73f;
    bottom: 0;
    content: "";
    display: table;
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 50%;
}
.team-tab ul {
    margin-bottom: 50px;
}
.team-tab ul li {
    padding: 0 15px;
    text-align: center;
    width: 33.33%;
}
.team-tab ul li.active > a,
.team-tab ul li > a:hover,
.team-tab ul li.active > a:hover {
    border-color: #6fb73f !important;
    color: #212f3f !important;
    font-weight: 500;
}
.team-tab ul li a:hover:before,
.team-tab ul li.active > a:before {
    border-color: #6fb73f transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -13px;
    content: "";
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
.team-tab ul,
.team-tab ul li a {
    border: 0 none !important;
}
.team-tab ul li a {
    border-bottom: 4px solid #808285 !important;
    font-size: 26px;
    text-transform: uppercase;
    color: #808285;
}
.team-tab ul li a:hover {
    background: transparent;
}
.team-img,
.team-image {
    cursor: pointer;
    float: left;
    margin-right: 30px;
    position: relative;
}
.team-img::before {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 50%;
    top: 0;
    transition: all 0.5s ease 0s;
}
.team-img:hover:before {
    left: 0%;
    right: 0%;
}
.img-hover {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.team-img:hover .img-hover {
    opacity: 1;
}
.team-detail {
    margin-bottom: 40px;
    overflow: hidden;
}
.team-detail > ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.team-detail h4 {
    color: #212f3f;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    cursor: pointer;
}
.team-detail > span {
    color: #6fb73f;
    font-size: 20px;
}
.team-detail > p {
    color: #808285;
    margin-bottom: 30px;
}
.team-info li {
    list-style: outside none none;
}
.team-detail a::before {
    content: normal !important;
}
.team-detail li:first-child {
    margin: 0 0 10px;
    width: 100% !important;
}
.team-detail li {
    float: left;
    margin-right: 10px;
    padding: 0 !important;
    text-align: left !important;
    width: auto !important;
}
.team-facebook,
.team-twitter,
.team-linkdin {
    background-image: url("../images/social-icon.png");
    display: inline-block;
    background-repeat: no-repeat;
}
.team-facebook {
    background-position: 0px 0;
    height: 29px;
    width: 29px;
}
.team-twitter {
    height: 29px;
    width: 29px;
    background-position: -29px 0;
}
.team-linkdin {
    background-position: -58px 0;
    height: 29px;
    width: 29px;
}
.team-detail ul li a i {
    color: #6fb73f;
    font-size: 20px;
    margin-right: 10px;
}
.team-tab .team-info a {
    border: 0 none !important;
    color: #212f3f;
    font-size: 14px;
    text-transform: lowercase;
    cursor: pointer;
}
.team-detail .team-links > li {
    margin-right: 10px;
    width: auto !important;
}
.contact-team {
    margin-top: 20px !important;
}
.skills .progress {
    border-radius: 10px !important;
    height: 5px;
    margin: 0;
}
.progress-bar.skills-progress {
    background-color: #6fb73f;
}
.skills h5 {
    color: #212f3f;
    font-weight: bold;
}
.skills {
    margin-top: 20px;
}
.team-slider .row {
    width: 1170px !important;
}
.slider-team-btn .btn.btn-pink {
    font-size: 24px;
    margin-top: 0;
    padding: 5px 50px;
}
.team-wrap.open {
    display: none;
}
.team-hf {
    display: inline-block;
    float: left;
    margin-bottom: 60px;
    padding: 0 15px;
    width: 50%;
}
.team0 .modal-header {
    padding: 20px;
    width: 100%;
}
/*Reset Password Css*/

.title_2 h3 {
    color: #222f3f;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}
.reset-password {
    margin-top: 20px !important;
    max-width: 370px !important;
    width: 100%;
}
.title_2 > p {
    margin-top: 5px;
}
.reset-btn .btn.btn-pink {
    font-size: 19px;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 5px 0;
    width: 100%;
}
.user-email {
    color: #6fb73f;
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 400;
}
.pass-reset .btn-pink {
    float: left;
    font-size: 20px;
    padding: 4px 40px;
}
.pass-reset .btn-green {
    float: right;
    font-size: 20px;
    margin: 30px 0;
    padding: 4px 25px;
}
.pass-code {
    margin: 40px 0 70px;
}
.pass-code .btn.btn-green {
    font-size: 20px;
    margin-top: 20px;
    padding: 3px 0;
    width: 100%;
}
.resend-code .btn-pink {
    color: #ffffff !important;
    font-size: 20px;
    margin-top: 10px;
    padding: 3px 0;
    width: 100%;
}
.title_2 > p {
    color: #d8424d;
}
.confirm-title > h3 {
    color: #6fb73f;
    font-size: 48px;
    font-weight: 500;
    margin: 0 0 40px;
}
.confirm-title img {
    margin-right: 10px;
    vertical-align: top;
}
.confirm-declain,
.confirm-success,
.something-went {
    background-image: url("../images/confirm-declain.png");
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
.confirm-declain {
    background-position: 0 -57px;
    height: 58px;
    margin-right: 15px;
    width: 57px;
}
.confirm-success {
    background-position: 0 0;
    height: 57px;
    width: 57px;
}
.something-went {
    background-position: 0 -115px;
    height: 57px;
    width: 57px;
    vertical-align: top;
}
.confirm-title > p {
    color: #212f3f;
    font-size: 24px;
    margin-bottom: 40px;
}
.means {
    background-color: #212f3f;
    border-radius: 15px !important;
    margin: 0px auto;
    max-width: 500px;
    padding: 25px 10px 10px;
    position: relative;
    text-align: left;
}
.means h4 {
    background-color: #6fb73f;
    border-radius: 20px !important;
    color: #ffffff;
    font-weight: 700;
    left: -10px;
    margin: 0;
    padding: 5px 20px;
    position: absolute;
    top: -15px;
}
.means ul {
    padding: 0;
}
.means li {
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}
.means li::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -28px -27px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 19px;
}
.means li span {
    color: #6fb73f;
}
.pf-section {
    border-top: 2px solid #d5d5d5;
    margin: 50px auto;
    max-width: 850px;
    padding: 50px 0 0;
}
.pf-section > h3 {
    color: #212f3f;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    margin: 0;
}
.pf-section .btn.btn-pink {
    font-size: 20px;
    padding: 2px 30px;
    margin-right: 10px;
}
.pf-section .btn.btn-green {
    font-size: 20px;
    margin: 0;
    padding: 2px 75px;
    width: auto;
}
.pf-section .tr-receive {
    color: #d8424d;
}
.pf-section h2.btn.btn-green {
    border-radius: 5px !important;
    font-size: 34px;
    font-weight: bold;
    margin-top: 20px;
    padding: 0 90px;
}
.pf-section h2.btn.btn-green span {
    margin: 0;
}
.means.ref-code h4 {
    background-color: #d8424d;
    left: -10px;
    right: -10px;
    text-align: center;
}
.means.ref-code > p {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
}
.acc-note p {
    color: #d8424d;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 5px;
}
.transfer-wp label {
    color: #212f3f !important;
    float: left;
    left: 0;
    margin: 10px 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 22%;
}
.transfer-wp label.desti {
    text-align: center;
}
.transfer-wp .ui-input-text {
    float: left;
    width: 78%;
}
.transfer-wp input {
    padding-bottom: 6px !important;
    padding-top: 8px !important;
}
.payment-datail .transfer-wp .calendar-icon::before {
    right: 16px !important;
}
.payment-datail .pr.transfer-wp .calendar-icon::before {
    right: 0 !important;
    top: -1px;
}
.transfer-view .btn.btn-green.ui-link {
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    margin: 4px 0;
    padding: 4px 21px !important;
}
.transfer-search {
    float: left;
    margin: 12px 0;
    position: relative;
    width: 60%;
}
.transfer-search > input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #dddddd;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    padding-bottom: 5px;
    padding-left: 30px;
    width: 100%;
}
.transfer-search.msg-search > input:focus {
    box-shadow: none;
    outline: none;
}
.transfer-option {
    float: right;
    text-align: right;
    width: 40%;
}
.transfer-option > a {
    margin-left: 20px;
}
.transfer-option > a:first-child {
    margin-left: 0;
}
.statement-info img {
    height: 37px;
    width: 37px;
}
.transfer-option.statement-info > a {
    margin-left: 10px;
}
.transfer-table {
    margin: 15px 0;
}
.transfer-table thead {
    background-color: #212f3f;
    color: #ffffff;
}
.transfer-table thead th {
    border: 0 none !important;
    font-weight: 400;
    text-align: center;
}
.transfer-table .table > tbody > tr > td,
.transfer-table .table > tbody > tr > th,
.transfer-table .table > tfoot > tr > td,
.transfer-table .table > tfoot > tr > th,
.transfer-table .table > thead > tr > td,
.transfer-table .table > thead > tr > th {
    border-bottom: 1px solid #dddddd;
}
.transfer-table tbody td {
    color: #212f3f !important;
    text-align: center;
}
.transfer-table tbody td .btn.btn-pink {
    float: right;
    font-size: 12px;
    margin: 0;
    padding: 3px 20px;
}
.load-more-data .btn.btn-black {
    font-size: 12px;
    padding: 0 10px;
    width: auto;
}
.transfer-table .progress {
    background-color: #d5d5d5;
    border-radius: 3px !important;
    height: 3px;
    margin: 0;
}
.p_color-1,
.p_color-2,
.p_color-3 {
    margin: 0 auto;
    width: 70%;
}
.p_color-1 .progress-bar {
    background-color: #d8424d;
}
.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
}
.p_color-1 {
    color: #d8424d;
}
.p_color-2 {
    color: #ff8d06;
}
.p_color-2 .progress-bar {
    background-color: #ff8d06;
}
.p_color-3 {
    color: #6fb73f;
}
.p_color-3 .progress-bar {
    background-color: #6fb73f;
}
.transfer-table thead th .arrow {
    border-color: #ffffff rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 7px 5px 0;
    height: 0;
    position: relative;
    right: -5px;
    top: 13px;
    width: 0;
}
.authentication-wp {
    margin: 0 auto;
    max-width: 415px;
}
/*Message Css*/

.msg-menu {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0;
    border: 0;
}
.msg-menu > li {
    float: left;
    list-style: outside none none;
    padding: 0 15px 0 0;
    position: relative;
}
.msg-menu li::before {
    background-color: #6b747f;
    bottom: 0;
    content: "";
    height: 15px;
    position: absolute;
    right: 6px;
    top: 4px;
    width: 2px;
}
.msg-menu li:last-child:before {
    content: normal;
}
.transfer-search.msg-search > input {
    border-color: #d9d9da;
}
.nav.nav-tabs.msg-menu li a {
    border: 0 none;
    color: #808285;
    font-size: 16px;
    padding: 0;
}
.nav.nav-tabs.msg-menu a:hover,
.nav.nav-tabs.msg-menu a:focus,
.nav.nav-tabs.msg-menu li.active a {
    text-decoration: none;
    color: #212f3f;
    background-color: transparent;
    font-weight: 500;
}
.nav.nav-tabs.msg-menu li a.hidden-menu:hover,
.nav.nav-tabs.msg-menu li a.hidden-menu:focus,
.nav.nav-tabs.msg-menu li.active a.hidden-menu {
    color: #d8424d;
    font-weight: 500;
}
.msg-header {
    background-color: #212f3f;
    color: #ffffff;
    padding: 10px;
    margin-top: 10px;
}
.msg-title {
    margin: 0;
}
.subject-title {
    float: left;
    margin: 0;
    width: 80%;
}
.msg-title .arrow {
    border-color: #ffffff rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 7px 5px 0;
    height: 0;
    position: relative;
    right: -5px;
    top: 13px;
    width: 0;
}
.msg-inbox {
    margin-left: 20px;
    position: relative;
}
.msg-body {
    border-bottom: 1px solid #d9d9da;
    padding: 10px 0;
    width: 100%;
}
.msg-subject .signup-checkbox input[type="checkbox"] + label::before {
    position: absolute;
    right: 0;
    top: 0;
}
.inner-menu {
    display: none;
    margin: 0;
    padding: 0;
}
.msg-body:hover .date-info ul {
    display: block;
}
.dot {
    background-color: #dddddd;
    border-radius: 100% !important;
    cursor: pointer;
    display: block;
    height: 7px;
    margin: 5px auto;
    text-align: center;
    width: 7px;
    display: none;
}
.msg-body .msg-mmenu {
    cursor: pointer;
    left: -10px;
    position: absolute;
    top: 0;
    width: 10px;
    display: block;
}
.msg-mmenu {
    display: none;
}
.msg-body:hover {
    background-color: #f6f6f6;
}
.total-msg:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.transfer-table thead th.subject {
    text-align: left;
}
.transfer-table.message-table td {
    text-align: left;
}
.msg-date > img {
    float: left;
    margin-right: 50px;
    position: relative;
    top: -5px;
}
.msg-date {
    float: left;
}
.message-img,
.message-archive-img,
.message-read-img,
.message-unarchive-img {
    background-image: url("../images/message-img.png");
}
.message-img {
    background-position: -174px -9px;
    height: 21px;
    margin-right: 50px;
    width: 28px;
}
.message-archive-img {
    background-position: -22px 0;
    height: 27px;
    margin-right: 54px;
    width: 22px;
}
.message-read-img {
    background-position: -45px 0;
    height: 30px;
    margin-right: 50px;
    width: 27px;
}
.message-unarchive-img {
    background-position: 0 0;
    height: 28px;
    margin-right: 50px;
    width: 22px;
}
.msg-footer {
    margin-bottom: 20px;
    padding: 10px 0;
}
.date-info {
    overflow: hidden;
}
.inner-menu > li {
    float: left;
    list-style: outside none none;
    padding: 0 10px 0 0;
    position: relative;
}
.inner-menu li::before {
    background-color: #6b747f;
    bottom: 0;
    content: "";
    height: 13px;
    position: absolute;
    right: 4px;
    top: 3px;
    width: 1px;
}
.inner-menu li:last-child:before {
    content: normal;
}
.inner-menu > li a {
    color: #808285;
    font-size: 14px;
}
.inner-menu > li a.hidden-menu {
    color: #d8424d;
}
.inner-menu li a.unhidden-menu {
    color: #6fb73f;
    text-transform: capitalize;
}
.action-apply {
    float: right;
}
.action-apply .btn.btn-green {
    font-size: 16px;
    font-weight: 200;
    line-height: 15px;
    padding: 3px 15px 5px;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
}
.total-msg td {
    border: 0 none !important;
}
.action-apply a {
    color: #212f3f;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}
.dropdown-item {
    padding: 5px;
    width: 100%;
}
.action-apply .dropdown-menu {
    box-shadow: none;
    left: -90%;
}
.totlemsg {
    color: #808285;
    font-size: 16px;
}
.load-more .btn.btn-gray {
    background-color: #dddddd;
    border-radius: 20px !important;
    color: #ffffff;
    display: table;
    margin: 0 auto;
    padding: 5px 20px;
    text-transform: uppercase;
}
.load-more .btn.btn-black {
    font-size: 14px;
    padding: 5px 20px;
    width: auto;
}
.date-info {
    color: #212f3f;
}
.msg-subject a {
    color: #212f3f;
    display: inline-block;
    float: left;
    font-weight: 600;
    padding-right: 10px;
    width: 80%;
}
.msg-subject a.read {
    font-weight: 400;
}
.msg-subject a:hover {
    text-decoration: none;
}
.msg-subject {
    position: relative;
}
.msg-subject .signup-checkbox label.read {
    font-weight: 400 !important;
}
.action-apply select {
    appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    text-align: center;
}
.action-apply select:focus {
    outline: none;
}
.action option {
    border-right: 2px solid #dddddd;
}
.action {
    float: left;
    padding-right: 18px;
    position: relative;
}
.action .select2-container {
    width: auto !important;
}
.action .img-flag.flag_bulk {
    display: none !important;
}
.action .select2-selection__arrow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    box-shadow: none;
}
.action .select2-container--default .select2-selection--single {
    border: 0 none !important;
    outline: medium none;
    padding: 0 30px 0 0;
}
.action .select2-selection__arrow::before {
    color: #dddddd;
    content: "";
    font-size: 23px;
    color: #212f3f;
}
.action .select2-selection__rendered {
    font-size: 18px;
}
.action .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    top: 4px;
}
.message-table .table-responsive {
    overflow-x: visible;
}
.btn-group:hover .dropdown-menu {
    display: block !important;
}
.loggedin {
    display: block;
}
.notlogin button {
    display: none;
}
.require {
    color: #ff0000;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    right: -12px;
    top: 7px;
}
.require_gender {
    color: #ff0000;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    right: 4px;
    top: 7px;
}
.require.rq-title {
    right: -12px;
    top: 18px;
}
.require.rq-gender {
    right: 4px;
    top: 18px;
}
.msg-subject .modal-dialog {
    border: 2px solid #212f3f;
    max-width: 680px;
    width: 85%;
}
.massage.close {
    border: 2px solid;
    border-radius: 100% !important;
    height: 30px;
    width: 30px;
}
.signup-checkbox.select-all > label {
    color: #ffffff !important;
    float: right;
    margin: 0;
}
.msg-title h2 {
    color: #212f3f;
    float: left;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-transform: uppercase;
    width: 95%;
}
.inner-menu.popup-menu {
    display: inline-block !important;
    width: 100%;
}
.inner-menu.popup-menu a {
    font-weight: normal;
    width: 100%;
}
/*Register Css*/

.register .form-group,
.register .form-group input {
    margin-top: 3px;
}
.form-group.input-icon {
    margin-top: 7px;
}
.mobilec .select2-selection__arrow::before {
    color: #333333;
    content: "";
    font-size: 18px;
    left: -13px;
    top: 10px;
}
.mobilec .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    left: -13px !important;
    right: auto;
    top: 18px;
}
.mobilec .select2-container--default .select2-selection--single {
    border-radius: 5px 0 0 5px !important;
    height: 45px !important;
}
.mobilec .select2-selection__arrow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    box-shadow: none;
}
.mobilec .select2-selection__rendered span {
    color: #333333;
    margin-left: 10px;
}
.register .form-group.country-resi {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}
.register .form-group label {
    top: 13px;
}
.register input:focus ~ label,
.register input:valid ~ label {
    top: 4px;
}
.partner-wp {
  display: table-cell;
  vertical-align: top;
}
.pass-link {
    margin: 100px auto 0;
}
.pf-section.pass-link .btn.btn-green {
    padding: 2px 60px;
}
.pf-section.pass-link .btn.btn-green.login-success {
    padding: 2px 115px;
}
.authorized-pd label {
    margin: 0 !important;
}
.start.payment-datail.register.authorized-pd.authorized-pd {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px !important;
    padding-bottom: 20px;
}
/*Statement Css*/

.transfer-table.statement-table thead th:nth-child(3n),
.transfer-table.statement-table tbody td:nth-child(3n) {
    text-align: left;
}
.transfer-table.statement-table tbody td:nth-child(7n) {
    font-weight: bold;
}
/*parners Css*/

.primary-info {
    display: table;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.hover-text .primary-info > span {
    color: #6fb73f;
    display: inline-block;
    float: none;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 0 !important;
}
.primary-info p {
    font-size: 12px;
    font-weight: 100;
    margin: 0;
}
.primary-info .btn.btn-pink {
    padding: 5px 40px;
}
.primary-info > h4 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
.bank-detail {
    margin-top: 25px;
}
.bank-detail p {
    font-size: 12px;
    text-align: center;
    color: #fff;
}
.bank-detail span {
    float: none;
    margin: 0;
    color: #6fb73f;
}
.btn.btn-pink.view-statement {
    padding: 5px 40px;
}
.transfer-lt-pr {
    margin-top: 20px;
}
.reward-box.color-box4 > h4 {
    background-color: #d8424d;
}
.latest-transfer-table.content {
    height: 365px !important;
}
.pending-tr {
    color: #ff8d06 !important;
}
.complete-tr {
    color: #6fb73f !important;
}
.stettled-tr {
    color: #d8424d !important;
}
.alert.notify-alert .bx-wrapper {
    width: 84%;
}
.signup-checkbox.bank-btn label {
    display: table;
    font-size: 16px;
    margin: 10px auto !important;
    position: relative;
}
.bank-btn .btn.btn-green {
    margin-left: 15px;
}
.bank-btn .btn.btn-green,
.bank-btn .btn.btn-pink {
    width: 40%;
}
.bank-btn {
    margin-bottom: 40px;
}
.start.parteners-info {
    display: table;
    margin: 0 auto !important;
    max-width: 780px;
}
label.country {
    font-size: 12px;
    left: 45px;
    top: 0 !important;
    z-index: 1;
}
.profile-pass.authorized-dt,
.profile-pass.pro-setting {
    display: inline-block;
    float: none;
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
}
.profile-detail.pr_dt .register input:focus ~ label,
.register input:valid ~ label {
    top: 4px;
}
.profile-pass.authorized-dt .form-group,
.profile-pass.pro-setting .form-group {
    margin-right: 20px;
}
.profile-pass.authorized-dt .form-group:last-child,
.profile-pass.pro-setting .form-group:last-child {
    margin-right: 0;
}
.profile-detail.rewards-accordion .form-online label {
    top: 5px;
    font-size: 12px;
}
.personal-detail .authorized-dt .form-group input:focus ~ label,
.personal-detail .authorized-dt input:valid ~ label {
    font-size: 12px;
    top: 3px;
}
.profile-pass.authorized-dt input {
    padding-bottom: 0 !important;
    padding-top: 18px !important;
}
/*bill-send-money Css*/

.smoney-company {
    display: inline-block;
    margin: 0 0 40px;
    width: 100%;
}
.add-company .btn {
    float: right;
    font-size: 16px;
    margin: 0;
    padding: 5px 10px;
    margin: 9px 0;
}
.smoney-company .transfer-table tbody td,
.smoney-company .transfer-table thead tr th {
    text-align: left;
}
.bill-send-money {
    margin-top: 30px;
}
.transfer-search.bill-search {
    width: 100%;
}
.msg-body.company-box {
    padding: 5px;
}
.msg-title.acc-title {
    text-align: center;
}
.account-no .signup-checkbox > label {
    color: #212f3f;
    font-weight: 600;
}
.account-no .signup-checkbox input[type="checkbox"] + label::before {
    margin-left: 40px;
    float: right;
}
.account-no .signup-checkbox {
    float: right;
}
.account-no input {
    display: block !important;
    height: 42px;
    left: 0;
    margin: -6px;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.smoney-company table tbody tr:hover {
    background-color: #f7f7f7;
}
tr.open {
    background-color: #f5f5f5;
}
.table thead tr.open {
    background: inherit;
}
.company-name p,
.acc-msg p,
.account-no p {
    margin: 5px 0;
    color: #212f3f;
}
.account-no p {
    font-weight: 600;
    text-align: center;
}
.next-acc .btn.btn-green {
    float: right;
    font-size: 24px;
    margin: 0;
    padding: 3px 47px;
}
.smoney-company .transfer-table {
    margin-bottom: 0;
}
.bill-mbtn .btn.btn-pink {
    float: left;
}
/*Send Money Company Css*/

.payment-info.sm-company {
    padding: 20px;
}
.sm-company .payment-title h3 {
    border-bottom: 1px solid #d5d5d5;
}
.sm-money-box {
    border-bottom: 1px solid #d5d5d5;
    display: inline-block;
    padding-bottom: 15px;
    width: 100%;
}
.sr-money {
    border-bottom: 1px solid #d5d5d5;
}
.sm-money-box .discount {
    margin: 10px auto 0 !important;
}
.signup-checkbox.donate-checkbox input[type="checkbox"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -88px 0;
    content: "";
    display: inline-block;
    height: 21px;
    left: 0px;
    position: absolute;
    vertical-align: middle;
    width: 21px;
}
.signup-checkbox.donate-checkbox > label {
    color: #212f3f;
    font-size: 14px;
    left: 0;
    padding-left: 30px;
    position: relative !important;
    top: 0;
}
.signup-checkbox.donate-checkbox input[type="checkbox"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -26px -24px;
    height: 23px;
    width: 21px;
}
.choice {
    display: table;
    margin: 15px auto 0;
}
.choice > p {
    color: #212f3f;
    float: left;
    margin: 10px;
}
.sm-money-box .send-receive-box > input {
    max-width: 175px;
}
.choice-box > input {
    border-color: #d8424d;
    color: #d8424d;
    padding-left: 28px;
    padding-top: 3px;
    width: 98px;
    line-height: 28px;
}
.choice-box {
    float: left;
    position: relative;
}
.choice-box > span {
    color: #d8424d;
    font-size: 18px;
    left: 15px;
    position: absolute;
    top: 6px;
}
.choice-box input:focus ~ span,
.choice-box input:valid ~ span {
    color: #d8424d;
}
.donate-charity .modal-dialog {
    border: 2px solid #212f3f;
}
.donate-charity .modal-header {
    border: 0 none;
    padding: 10px;
}
.donate-charity .close {
    border: 2px solid;
    border-radius: 100% !important;
    height: 30px;
    width: 30px;
}
.doante-charity-box label {
    float: left;
    margin: 0;
}
.charity-boxtext {
    overflow: hidden;
    margin-bottom: 30px;
}
.doante-charity-box h3 {
    color: #212f3f;
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px;
}
.charity-boxtext > p {
    color: #212f3f;
    font-size: 16px;
    margin: 0;
}
.charity-btn.btn.btn-green {
    display: table;
    font-size: 20px;
    margin: 0 auto 30px;
    padding: 4px 50px;
}
.beneficiary-box.sm-billbox {
    display: table;
    float: none !important;
    margin: 0 auto !important;
    width: 55%;
}
.sm-thank.btn.btn-pink {
    text-transform: inherit;
}
.favorite-company .btn.btn-pink {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 5px 30px;
}
.pay-process.bill-send-new {
    margin-right: 0;
}
.signup-checkbox.bsm-new input[type="checkbox"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0");
    background-position: -89px 0;
    content: "";
    display: inline-block;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    width: 19px;
}
.signup-checkbox.bsm-new input[type="checkbox"]:checked + label::before {
    background-position: -26px -24px;
    width: 21px;
}
.sc-institute {
    color: #d8424d;
    font-size: 14px;
    margin: 5px 0 0;
}
.match-bill {
    color: #d8424d;
    font-size: 12px;
    font-weight: 100;
    margin: 5px 0 0;
}
.company-dt .parteners-info {
    max-width: 300px;
}
.typeahead.dropdown-menu {
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    box-shadow: none;
    margin-bottom: 5px;
    margin-top: 5px;
    position: static;
    width: 100% !important;
}
.typeahead h4 {
    text-align: center;
}
.typeahead a {
    background-color: #ffffff !important;
    border-radius: 5px !important;
    color: #212f3f !important;
    padding: 5px 15px !important;
    white-space: normal !important;
}
.pay-here {
    color: #d8424d;
}
.company-dt {
    padding-bottom: 100px;
}
.sc-institute.sc-intitution {
    left: 5px;
    position: absolute;
    /*top: -22px;*/
    top: -16px;
}
.company-detail .form-group > span {
    color: #808285;
    font-size: 14px;
    font-weight: 200;
}
.company-detail {
    padding-bottom: 100px;
}
.form-gdinput {
    position: relative;
}
.form-gdinput .form-group {
    margin-right: 0;
    margin-top: 7px;
    width: 100% !important;
}
.bill-gdinput .form-group label {
    font-size: 12px !important;
    top: 5px !important;
}
.bill-gdinput input::-moz-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
.bill-country .dd-select.required {
    top: 6px;
}
.bill-gdinput input::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
.bill-country input {
    height: 42px;
    padding-left: 100px !important;
    padding-top: 0 !important;
}
.company-id {
    display: none;
}
.parteners-info .bill-country label.country-label {
    left: 57px !important;
    top: 13px !important;
}
.company-dt-confirm .modal-dialog {
    border: 2px solid;
    left: 0;
    margin: auto;
    max-width: 650px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) !important;
}
.modal.company-dt-confirm.fade.in {
    transform: scale(1);
}
.modal.company-dt-confirm.fade {
    transform: scale(0);
    transition: all 0.5s ease 0s;
    padding-right: 0 !important;
}
.company-dt-confirm .confirm.btn.btn-pink,
.company-dt-confirm .confirm.btn.btn-green {
    display: inline-block;
    font-size: 24px;
    margin-left: 30px;
    padding: 4px 65px;
    width: auto;
}
.confirm_popup_btn1{
    font-size: 20px;
    padding: 4px 42px;
}
.confirm_popup_btn2{
    font-size: 20px;
    padding: 4px 65px;
}
.confirm_popup_btn3{
    font-size: 20px;
    padding: 4px 50px;
}

.ok_popup_btn{
    font-size: 20px;
    padding: 4px 90px;
}
.cancel_popup_btn{
    font-size: 20px;
    padding: 4px 50px;
}
.company-dt-confirm .confirm.btn.btn-pink {
    margin-left: 0;
}
.company-dt-confirm .model-footer {
    text-align: center;
}
.company-dt-confirm .modal-body h3 {
    color: #212f3f;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}
.company-dt-confirm .modal-body .wallet-msg {
    font-weight: 600;
    margin-top: 0;
}
.how-much {
    text-align: center;
}
.how-much > label {
    color: #212f3f;
    font-size: 24px;
    margin-top: 20px;
}
.bank-acc-confirm .how-much .amount_wb input {
    font-size: 20px;
    max-width: 170px;
    padding-left: 30px;
    color: #212f3f;
}
.amount_wb {
    display: table;
    margin: 0 auto;
    position: relative;
}
.amount_wb > span {
    font-size: 18px;
    left: 15px;
    position: absolute;
    top: 10px;
}
.confirm.wallet_confirm.btn.btn-green {
    margin-left: 0;
}
.company-dt-confirm .modal-content {
    padding: 30px 30px 60px;
}
.howpay-checkbox input[type="radio"]:checked + label::before {
    background-image: url("../images/sprite4.png?version=1.0?a=235");
    background-position: -206px -34px;
    content: "";
    display: inline-block;
    height: 21px;
    margin-right: 10px;
    vertical-align: middle;
    width: 21px;
}
.howpay-checkbox input[type="radio"] + label::before {
    background-image: url("../images/sprite4.png?version=1.0?a=235");
    background-position: -293px -71px;
    content: "";
    display: inline-block;
    height: 23px;
    margin-right: 10px;
    vertical-align: middle;
    width: 21px;
}

.howpay-checkbox > label {
    color: #222f3f !important;
    margin: 0;
    position: static !important;
} 
.howpay-checkbox > input {
    display: none;
}
.howpay > li:nth-child(3n) {
    clear: both;
}
/* Flip */

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}
.how-flow div:hover .flip-container .flipper,
.flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
    height: 350px;
    margin-bottom: 20px;
    width: 100%;
}
.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.front,
.back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.front {
    z-index: 2;
}
.back {
    background: #d8424d none repeat scroll 0 0;
    border: 1px solid #000;
    left: 30px;
    width: 80%;
    z-index: 3;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.payangelwhichwhite,
.payangelpaycopy,
.payangelfeecopy {
    margin: 10px auto;
}
.back p {
    color: #fff;
    font-size: 18px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100px;
}
.how-flow div .flow-count > span {
    transition: all 0.5s ease;
}
.how-flow div:hover .flow-count > span {
    background: #d8424d;
    color: #fff;
    transform: scale(1.1, 1.1);
}
.resend-code > a {
    color: #d8424d;
    display: inline-block;
    margin-top: 20px !important;
}
.reset-password .form-group.input-icon {
    margin-bottom: 20px;
}
/**/

.declain {
    color: #d8424d !important;
    text-transform: uppercase;
}
.declain-wp > p {
    margin-bottom: 10px;
}
.confirm-title.declain-wp span {
    color: #6fb73f;
}
.declain-text {
    color: #d8424d !important;
    font-size: 20px !important;
    line-height: 26px;
}
h4.declain-next {
    background-color: #d8424d;
    padding-right: 35px;
}
.means.declain-info {
    margin-top: 50px;
    max-width: 680px;
}
.declain-info li a {
    font-size: 16px;
    margin: 0 0 0 40px;
    padding: 5px 40px;
}
.saprator {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}
.saprator > span {
    background-color: #212f3f;
    color: #ffffff !important;
    font-size: 18px;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
}
.means.declain-info ul {
    counter-reset: my-badass-counter;
}
.means.declain-info li {
    font-size: 18px;
    font-weight: 300;
    padding-left: 50px;
}
.means.declain-info li::before {
    background: #6fb73f none repeat scroll 0 0;
    border-radius: 100%;
    content: counter(my-badass-counter, decimal);
    counter-increment: my-badass-counter;
    font-size: 28px;
    font-weight: 500;
    height: 40px;
    line-height: 37px;
    text-align: center;
    top: 0;
    width: 40px;
}
.saprator::before {
    background-color: #dddddd;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    max-width: 300px;
    position: absolute;
    right: 0;
    top: 12px;
}
.declain-info .btn-transfer {
    display: table;
    font-size: 16px;
    margin: 0 auto 30px;
    padding: 5px 20px;
}
.register .form-group input.first_name {
    text-transform: lowercase;
}
/*sitemap Css*/

.sitemap-wp {
    background-image: url("../images/sitemap-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.sitemap-menu {
    margin-top: 40px;
}
.sitemap-menu > h4 {
    color: #212f3f;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.sitemap-menu > ul {
    margin: 15px 0 0;
    padding: 0;
}
.sitemap-menu > ul li {
    list-style: none;
    margin-bottom: 5px;
}
.sitemap-menu > ul li a {
    color: #212f3f;
    font-size: 16px;
}
.sitemap-menu > ul li a:hover {
    color: #009395;
    text-decoration: none;
}
.error-date {
    display: none;
}
.error-date.open {
    background-color: #ffffff;
    border: 2px solid #212f3f;
    display: table;
    left: 0;
    margin: 0 auto;
    padding: 30px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 400px;
    z-index: 99999;
}
.overlay-error.open {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.error-msg p {
    color: #212f3f;
}
.error-msg .btn {
    font-size: 20px;
    margin: 5px 0;
    padding: 5px 50px;
}
.send-receive-box .flage-img {
    left: 10px;
    position: absolute;
    top: 50%;
}
/*open-bank-account css*/

.payment-info.account-specification {
    background-color: #fbfbfb;
    padding: 20px 30px;
    width: 100%;
}
.payment-info.start.payment-process.account-specification {
    margin-top: 10px !important;
}
.bank-account-wp {
    margin: 40px auto;
    max-width: 70%;
    text-align: center;
}
.bank-account-wp > h2 {
    color: #212f3f;
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 25px;
}
.bank-account-wp > p {
    color: #808285;
    font-size: 16px;
    margin-bottom: 0;
}
.bank-ac-icon > li {
    float: left;
    list-style: outside none none;
    margin-right: 40px;
}
.bank-ac-icon > li:last-child {
    margin-right: 0;
}
.bank-ac-icon {
    display: table;
    margin: 20px auto;
    padding: 0;
}
.gcb-bank,
.eco-bank,
.rpb-bank,
.sofort-logo {
    background-image: url("../images/bank-logo001.png");  
    display: block;
}
.gcb-bank {
    height: 43px;
    width: 52px;
}
.eco-bank {
    background-position: -55px 0;
    height: 43px;
    width: 76px;
}
.rpb-bank {
  background-position: -131px 3px;
  height: 43px;
  width: 66px;
}
.app-complete {
    margin: 0 auto;
    max-width: 460px;
}
.app-complete > ul {
    background-color: #f6f6f6;
    margin: 0;
    padding: 45px 10px 5px;
    text-align: left;
}
.app-complete li {
    line-height: 26px;
    list-style: outside none none;
    position: relative;
    padding-left: 20px;
    color: #808285;
}
.app-complete li::before {
    color: #d8424d;
    content: "\f101";
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    position: absolute;
}
.app-complete {
    display: inline-block;
    margin: 20px auto;
    max-width: 460px;
    position: relative;
}
.app-complete > h4 {
    background-color: #d8424d;
    border-radius: 30px;
    color: #ffffff;
    font-weight: 600;
    left: -25px;
    margin: 0;
    padding: 10px;
    position: absolute;
    right: -25px;
}
.signup-checkbox.bnk-account label {
    color: #212f3f;
    font-size: 18px;
}
.confirm-acc {
    display: inline-block;
    margin: 30px 0;
    width: 100%;
}
.confirm-acc input {
    font-size: 24px;
    margin-top: 5px;
}
.confirm-acc.addenewbeficiari .signup-checkbox input[type="checkbox"] + label::before {
    margin-right: 10px;
    position: static;
}
.bank-acc-confirm .modal-content {
    padding: 0 0 30px;
}
.bank-acc-confirm .modal-header {
    border: 0 none;
}
.bank-acc-confirm .close {
    border: 2px solid #222f3f;
    border-radius: 100% !important;
    font-size: 24px;
    height: 30px;
    position: fixed;
    right: 5px;
    top: 5px;
    width: 30px;
    z-index: 1;
}
.bank-acc-confirm .close:hover {
    border-color: #d8424d;
    color: #d8424d;
    opacity: 1;
}
.join-app {
    font-weight: 500 !important;
    margin-top: 20px;
}
.bank-acc-confirm .model-footer {
    margin-top: 30px;
}
.company-dt-confirm.bank-acc-confirm .confirm.btn.btn-pink,
.company-dt-confirm.bank-acc-confirm .confirm.btn.btn-green {
    font-size: 20px;
}
.company-dt-confirm.bank-acc-confirm .modal-dialog {
    max-width: 550px;
}
.bank-acc-confirm .modal-body > p {
    color: #cbd0cf;
    text-align: center;
    font-weight: 500;
}
.bank-acc-confirm .modal-body > p span {
    color: #6fb73f;
    text-align: center;
}
.bank-acc-confirm input {
    border: 2px solid #212f3f;
    border-radius: 4px !important;
    color: #989898;
    display: table;
    margin: 0 auto;
    max-width: 340px;
    padding: 7px;
    width: 100%;
}
.bank-acc-confirm .account-application-btn-no {
    border: medium none !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    padding: 4px 65px !important;
}
.primary-title > h2 {
    display: inline-block;
    font-size: 32px;
    font-weight: 500;
    margin: 0 0 40px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
.primary-title {
    position: relative;
}
.primary-title > h2::before {
    background-color: #6fb73f;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80%;
}
.acc-drop {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px;
}
.bank {
    background-image: url("../images/bank-sprite.png?version=1.0");
    height: 18px;
    width: 18px;
}
.acc-type > h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 30px;
}
.acc-type {
    padding: 20px 0;
    border-bottom: 1px solid #d5d5d5;
}
.acc-drop .form-group > label {
    display: table;
}
.acc-select-type .select2-selection__rendered span {
    display: inline-block;
    margin-top: 5px;
}
.p-info input {
    margin-bottom: 10px;
    margin-top: 0 !important;
}
.p-info .mcontry input {
    border-radius: 5px 0 0 5px !important;
    width: 100% !important;
}
.p-info .input-group-addon .select2-container--default .select2-selection--single {
    background-color: #212f3f;
    border-radius: 0 5px 5px 0 !important;
    height: 45px !important;
}
.p-info .input-group-addon .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
}
.p-info .input-group-addon .select2-selection__arrow::before {
    top: 2px;
}
.p-info .input-group-addon .select2.select2-container.select2-container--default {
    min-width: 140px;
}
.acc-type:last-child {
    border: 0 none;
}
.acctype-checkbox > li {
    float: left;
    list-style: outside none none;
    margin-right: 80px;
}
.acctype-checkbox > li:last-child {
    margin-right: 0;
}
.acctype-checkbox {
    display: inline-block;
    margin: 0px 0 0;
    padding: 0;
}
.acc-select-type {
    display: table;
    margin: 20px auto 0;
    position: relative;
}
.choose-labe {
    font-size: 12px;
    left: 11px;
    margin: 0;
    position: absolute;
    z-index: 1;
    color: #989898 !important;
}
.acc-select-type .dd-selected {
    padding-bottom: 3px;
    padding-top: 15px;
}
.payment-process.personal-info {
    margin-top: 0 !important;
}
.p-info {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px;
    width: 100%;
    margin-bottom: 40px;
}
.p-info:last-child {
    border: 0 none;
    margin-bottom: 0;
}
.personal-info .form-online {
    margin: 0 auto;
    max-width: 730px;
}
.personal-info .form-group,
.personal-info .form-group.country-resi {
    margin-right: 15px;
}
.p-dt.form-online .cp_country .country-label {
    margin-top: 10px;
}
.cp_country .dd-select {
    top: 5px;
}
.personal-info .dd-selected {
    height: 40px;
}
.personal-info .form-group label {
    top: 15px;
}
.personal-info input:focus ~ label,
.personal-info input:valid ~ label {
    font-size: 12px;
}
.select-gender .acctype-checkbox {
    float: right;
    margin-top: 10px;
}
.howpay-checkbox > label {
    font-size: 14px !important;
    pointer-events: inherit;
}
.form-group.select-gender label {
    color: #212f3f !important;
    font-size: 20px;
}
.p-info p.title_2 {
    font-size: 20px;
    left: 0;
    margin: 0;
    position: absolute;
    top: -30px;
}
.date-birth label {
    font-size: 12px;
    top: 4px !important;
}
.payment-datail .form-group.date-birth .calendar-icon::before {
    top: 0;
}
.p-info .currency {
    margin: 0;
    max-width: 100%!important;
}
.p-info .currency .dd-selected-text {
    color: #ffffff !important;
}
.payment-process .p-info .mcontry .dd-select {
    border: 0 none;
    border-radius: 0 5px 5px 0 !important;
    height: 43px;
    margin-top: 4px;
}
.p-info .mcontry .input-group-addon {
    border: 0 none;
}
.p-info .form-group .input-group-addon .dd-selected img {
    margin-top: 3px;
}
.p-info .form-group .input-group-addon .dd-selected label {
    font-size: 24px;
    margin-top: 4px;
}
.form-group.contact-country > label {
    font-size: 12px;
    left: 44px;
    top: 0;
    z-index: 1;
}
.date-birth input {
    margin-top: 0 !important;
}
.p-info .form-group > label {
    top: 10px;
}
.co_dt .country-phone .select2-selection__arrow::before {
    right: 57px;
    top: 0px;
}
.co_dt .country-phone .select2.select2-container.select2-container--default {
    top: 2px;
}
.co_dt .dd-selected {
    margin-top: 4px;
}
.co_dt .country-label {
    top: 11px !important;
}
.signup-checkbox.next-kin {
    position: absolute;
    right: -10px;
    top: 0;
    text-align: right;
}
.import-btn .btn.btn-green {
    font-size: 24px;
    margin-top: 20px;
    text-transform: capitalize;
}
.form-group.id-number {
    margin-top: 10px !important;
}
.form-group.id-number.half-input {
    margin-top: 0 !important;
}
.pid-info .example a {
    text-align: left;
}
.upload-img.up_img {
    display: table;
    float: none;
    position: relative;
}
.upload-img.up_img > input {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
}
.pid-info {
    margin-bottom: 30px;
}
.bankacc-btn .btn.btn-pink,
.bankacc-btn .btn.btn-green {
    font-size: 24px;
    margin: 20px 0 30px;
    padding: 3px 40px;
}
.bankacc-btn .signup-checkbox.donate-checkbox {
    display: inline-block;
    margin-right: 20px;
}
.upload-image {
    border-top: 1px solid #d5d5d5;
    margin-top: 20px;
    padding-top: 20px;
}
.upload-userimg a {
    color: #212f3f;
    font-size: 20px;
}
.upload-userimg img {
    display: table;
    margin: 20px auto 0;
}
.image-upload-dt {
    background-color: #ffffff;
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    display: inline-block;
    margin-top: 45px;
    max-width: 415px;
    padding: 10px 20px;
    width: 100%;
}
.upload-image.second-signatory {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px;
}
.second-signatory-wp .primary-title > h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.upload-userimg {
    display: table;
    overflow: hidden;
    position: relative;
}
.upload-userimg > input {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.second-signatory-wp .primary-title > h2::before {
    content: normal;
}
.payment-info.start.payment-process.second-signatory-wp.account-specification {
    margin-top: 0 !important;
    padding-top: 0;
}
.dt-text {
    float: left;
    text-align: left;
    width: 55%;
}
.guideline-image > img {
    width: 100%;
}
.guideline-image {
    float: right;
    width: 45%;
}
.dt-text ul {
    padding: 0;
}
.dt-text li {
    list-style: outside none none;
    font-size: 12px;
}
.dt-text > h4 {
    color: #212f3f;
    font-weight: 500;
    margin: 0 0 10px;
    font-size: 18px;
}
.upload-wp {
    display: table;
    margin: 0 auto;
    max-width: 730px;
    width: 100%;
}
.upload-userimg {
    float: left;
}

.country-list .highlight {
    color: #d8424d;
    font-size: 23px;
    font-weight: 400;
    margin: 0px !important;
    text-align: center;
}
.highlight {
    color: #d8424d;
    font-size: 23px;
    font-weight: 400;
    margin: 0 auto 30px;
    text-align: center;
}
.wallet-wp {
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    padding: 20px 0;
}
.tr_account {
    padding: 10px 20px;
}
.tr_pay_info {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.wallet-wp ul {
    display: table;
    margin: 0 auto;
    max-width: 540px;
}
.tr_pay_info > li {
    color: #212f3f;
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.wallet-use {
    float: left;
}
.tr_pay_info label {
    left: auto !important;
    right: 0 !important;
}
.wallet-use > h4 {
    font-size: 22px;
    margin: 0;
}
.use_wallet {
    float: right;
}
.tr_pay_info p {
    margin: 0;
    font-size: 18px;
}
.tr_pay_info b {
    float: right;
}
.wallet-use h6 {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}
.wallet-use h6 .green {
    color: #6fb73f;
}
.cm_amount .btn.btn-green {
    max-width: 320px;
}
.use_wallet > span {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.con_tr {
    text-align: center;
}
.con_tr h4 {
    color: #222f3f;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
}
.con_tr > p {
    color: #d8424d;
    font-size: 13px;
    font-style: italic;
    margin: 0;
}
.sofort-logo {
    background-position: 0 -35px;
    background-size: cover;
    float: left;
    height: 39px;
    width: 158px;
}
.pbdt_tc > p {
    color: #d8424d;
    font-size: 18px;
    font-weight: 500;
}
.form-group.select-gender > label {
    line-height: 17px;
}
.pbdt_tc ul {
    padding-left: 10px;
}
.pbdt_tc ul li {
    font-size: 12px;
    color: #212f3f;
    font-weight: 500;
    margin-bottom: 15px;
}
.am_money {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.am_money > input {
    border: 2px solid #212f3f;
    color: #212f3f;
    display: table;
    padding: 10px 28px;
    width: 140px;
    border-radius: 5px !important;
    font-size: 16px;
}
.pay_wallet .am_money > label {
    font-size: 12px !important;
    margin-bottom: 0;
    margin-top: 9px !important;
}
.pay_wallet label span.green {
    color: #70b73f;
    font-size: 12px;
}
.payment-datail .form-group.date-birth input {
    z-index: 1;
}
.form-group textarea {
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    font-size: 18px;
    font-weight: 500;
    height: 70px;
    padding: 5px;
    resize: none;
    width: 100% !important;
}
/*open bank account 3 Css*/

.services {
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    padding-top: 20px;
}
.services-box,
.statement-wp {
    margin: 0 auto;
    max-width: 770px;
    text-align: left;
    width: 100%;
}
.services-box > h3,
.statement-wp > h3 {
    color: #212f3f;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.services-box > p {
    color: #d8424d;
}
.services-checkbox {
    display: inline-block;
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
}
.services-checkbox > li {
    float: left;
    list-style: outside none none;
    width: 33.33%;
    margin-bottom: 10px;
}
.services-box .signup-checkbox > label {
    color: #212f3f;
}
.st_frequency .services-checkbox {
    float: left;
    width: 70%;
}
.st_input {
    float: left;
    width: 30%;
    margin-top: 5px;
}
.st_input > input {
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    font-size: 20px;
    padding: 5px;
    width: 100%;
}
.desclaration_wp .content {
    background-color: #ffffff;
    text-align: left;
}
.desclaration_wp .mCSB_draggerRail {
    border: 0 none !important;
}
.desclaration_wp .content {
    height: 420px;
    padding: 15px;
}
.desclaration_wp {
    margin-bottom: 30px;
}
.app_name > input {
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    font-size: 20px;
    padding: 5px 10px;
    width: 100%;
}
.app_name > p {
    margin-bottom: 0;
    margin-left: 15px;
}
.app_name {
    text-align: left;
}
.declaration-opn .signup-checkbox input[type="checkbox"] + label::before {
    background-position: -88px 0px;
    height: 21px;
    width: 20px;
}
.declaration-opn .signup-checkbox input[type="checkbox"]:checked + label::before {
    background-position: -27px -25px;
    height: 21px;
    width: 20px;
}
.declaration-opn .signup-checkbox label {
    font-size: 16px;
    color: #212f3f;
}
.declaration-opn .signup-checkbox label a {
    color: #d8424d;
}
.declaration-opn .signup-checkbox {
    line-height: 26px;
}
.wallet_input {
    float: left;
    margin-right: 10px;
    width: 49.25%;
}
.wallet_input:last-child {
    margin-right: 0px;
}
.wallet-text-input {
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    display: inline-block;
    padding-bottom: 20px;
}
.wallet-text-input .start.payment-datail.sendmoney-detail {
    display: inline-block;
    padding: 0 40px;
}
.use-wallet > ul {
    margin: 30px 0;
    padding: 0 40px;
}
.use-wallet li {
    color: #212f3f;
    font-size: 18px;
    list-style: outside none none;
    margin-bottom: 10px;
}
.use-wallet .signup-checkbox input[type="checkbox"] + label::before,
.pay-process .signup-checkbox input[type="checkbox"] + label::before {
    background-position: -88px -1px;
    height: 20px;
    width: 20px;
}
.use-wallet .signup-checkbox input[type="checkbox"]:checked + label::before,
.pay-process .signup-checkbox input[type="checkbox"]:checked + label::before {
    background-position: -27px -27px;
}
.use-wallet .signup-checkbox {
    display: inline-block;
}
.use-wallet li span {
    float: right;
}
.use-wallet p {
    display: inline;
    margin: 0;
}
.use-wallet span.green {
    color: #6fb73f;
}
.use-wallet .signup-checkbox > label {
    color: #212f3f;
    font-size: 22px;
}
.signup-checkbox.accordion-checkbox {
    text-align: left;
}
.signup-checkbox.accordion-checkbox label {
    color: #212f3f;
    font-size: 18px;
    position: relative;
}
.recent-beneficiary .flage-img {
    border-radius: 5px !important;
    float: right;
}
.optionslist .signup-checkbox {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: left;
}
.optionslist .signup-checkbox > label {
    color: #212f3f;
    font-size: 18px;
}
#pinit1.open,
#pinit2.open,
#pinit3.open {
    display: block;
}
#pinit1,
#pinit2,
#pinit3 {
    display: none;
}
.signup-checkbox.accordion-checkbox input[type="checkbox"] + label::before {
    background-position: -142px 0;
}
.signup-checkbox.accordion-checkbox input[type="checkbox"] + label.collapsed::before {
    background-position: 0 -24px;
}
.confirm-title.declain-wp.failure h3 {
    margin-bottom: 10px;
    text-transform: capitalize;
}
.failure .declain > span {
    color: #d8424d;
    display: inline-block;
    font-size: 28px;
    width: 100%;
    margin-bottom: 20px;
}
.confirm-title.declain-wp.failure > h4 {
    color: #212f3f;
    font-size: 28px;

    font-weight: 500;
}
.confirm-title.declain-wp.failure > p {
    font-size: 18px;
}
.bnk_transfer-msg {
    background-color: #f6f6f6;
    border-radius: 20px !important;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 0 10px;
}
.bnk_transfer-msg > h4 {
    background-color: #d8424d;
    border-radius: 30px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
}
.bnk_transfer-msg > h3 {
    color: #808285;
    font-size: 16px;
    font-weight: 400;
}
.bnk_transfer-msg p {
    color: #808285;
    font-size: 16px;
}
input.datetimepicker-input {
    color: #212f3f !important;
    padding-top: 0 !important;
    z-index: 999 !important;
}

/*manage-bank-detail*/
.manage-bank-detail .btn.btn-success {
    background-color: #6FB744;
    border-radius: 30px !important;
    border: 2px solid #6FB744;
    font-size: 18px;
    padding: 6px 40px 6px;
    font-weight: 30;
    color: #fff;
}
.manage-bank-detail th {
    background-color: #212f3f !important;
    color: #fff !important;
    font-weight: 400;
}
.manage-bank-detail td {
    border: 0 !important;
    border-bottom: 1px solid #dddddd !important;
}
.manage-bank-detail .table.table-bordered {
    border: 0 !important;
}
.manage-bank-detail .btn.btn-danger {
    background-color: #d8424d;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 30px !important;
    text-transform: uppercase;
    width: 83px;
    vertical-align: top;
}
.manage-bank-detail .btn.btn-info {
    background-color: #6FB744;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 30px !important;
    text-transform: uppercase;
    height: auto;
    width: 83px;
    margin-bottom: 5px;
    vertical-align: top;
}
.manage-bank-detail {
    margin: 30px 0 0;
}
.manage-bank-detail #mobile_table_content {
    margin-bottom: 50px;
}
.manage-bank-detail .form-group {
    width: 100%;
    margin: 7.5px 0;
}
.manage-bank-detail .select2-container {
    width: 100% !important;
}
.manage-bank-detail .form-control {
    width: 100%;
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    padding: 10px 10px;
    height: 45px;
    font-size: 16px;
}
.manage-bank-detail .button1 {
    background-color: #70b73f;
    border-radius: 30px !important;
    padding: 12px 22px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
}
.manage-bank-detail .button2 {
    background-color: #d8424d;
    border-radius: 30px !important;
    padding: 12px 22px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
}



/* 25-05-21 */

.receivemoney .select2-selection--single .select2-selection__arrow:before {
    font-size: 24px;
    top: 14px;
    right: 15px;
}

.send-receive-box.icon-color.receivemoney  span {
    width: 100% !important;
    height: 45px !important;
    top: 0;
}
.receivemoney-b .select2-container .img-flag {
    vertical-align: text-top;
    border-radius: 0 !important;
    width: 20px !important;
}

.receivemoney-b .select2-container .img-flag.flag_ng {
    background-position: -435px -17px;
}
.receivemoney-b .img-flag.flag_us {
    background-position: -621px -85px;
}

.send-receive-box.icon-color.receive-off-block.receivemoney {
    margin-right: 0;
    width: 100%;
    max-width: 34%;
}

.receivemoney 
 input.text.destination_amount {
    padding-left: 10px;
    margin-left: 10px;
    height: 45px;
}

.receivemoney-b {
    background-color: #ffffff;
    border: 2px solid #212f3f;
    border-radius: 5px !important;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 45px;
}

.receivemoney-b .divcurrency {
    position: absolute;
    top: 0;
    width: 85px;
}

.send-receive-box.icon-color.receivemoney span .select2-selection__arrow::before {
    color: #212f3f;
    right: 0;
}
.receivemoney-b .divcurrency span.select2-selection__arrow {
    background-color: transparent;
    box-shadow: none;
    padding-right: 25px;
}

.receivemoney-b .divcurrency span.select2-selection.select2-selection--single {
    border: 0 !important;
}

.icon-color.send-receive-box .receivemoney-b input.text.destination_amount {
    margin-top: 0;
    width: 100% !important;
    padding: 0 0 0px 90px;
    margin: 0;
    border: 0;
    font-size: 20px;
    height: 40px;
}

/* 25-05-21 */



/*manage-bank-detail*/

@media only screen and (max-width: 992px) {
    .home-page {
        display: initial;
    }
    .payment-info {
        padding: 30px !important;
    }
    .col-md-3.right-bar {
        max-width: 100%!important;
    }
}
@media only screen and (max-height: 599px) {
    .home-page {
        display: initial;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .navbar-default .container {
        width: 100%;
    }
    .nav.navbar-nav.nav-phone {
        margin-left: 0;
    }
    .tab-footer.summary-wp {
        padding: 65px 0 15px !important;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1045px) {
    .navbar-form.navbar-left.nav-language {
        padding: 0;
    }
}
@media only screen and (max-width: 1024px) {
    .navbar.navbar-default.navbar-fixed-top {
        position: relative;
    }
    body {
        padding-top: 0 !important;
    }
    .navbar-form.navbar-left.nav-language .dd-select .dd-container {
        width: 70px !important;
    }
    .nav-language .nav-select .dd-container {
        width: auto !important;
    }
    .navbar-right {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
.navbar-header {
    float: left;
}
.m-none {
    display: none !important;
}
.m-left {
    float: left;
}

header.sticky {
    top: -76px;
    overflow: hidden;
}
    .navbar-nav > li:last-child::before,
    .navbar-nav > li:last-child {
        content: normal;
        display: none;
    }
    .nav.navbar-nav.nav-phone {
        display: table;
        margin: 0 auto;
    }
    .navbar-form.navbar-left.nav-language {
        border: medium none;
        float: right;
        margin: 18px 10px 8px;
        padding: 0;
    }
    .nav.navbar-nav.navbar-right {
        clear: both;
        display: block;
        margin: 0 auto;
        padding: 10px 0;
        width: 298px;
    }
    .navbar-default .container {
        text-align: center;
    }
    .payangellogin::before {
        background: #ffffff;
        border-radius: 50%;
        content: "";
        float: left;
        height: 48px;
        left: 93px;
        position: absolute;
        top: -4px;
        width: 48px;
        z-index: -1;
    }
    .manage-bank-detail {
        margin: 30px 0;
    }
    .form-group-block-3 {
    display: flex !important;
}
}
@media only screen and (max-width: 380px) {
    .start .dd-pointer::before {
        font-size: 30px;
        left: -18px !important;
        top: -18px;
    }
    .start .dd-select {
        box-shadow: -28px 0 0 #212f3f inset;
    }
}
@media only screen and (max-height: 620px) {
    .slider-container .carousel-caption > h3 {
        font-size: 35px;
    }
}
@media only screen and (min-width: 1300px) and (min-height: 1050px) {
    .slider-container .carousel-caption {
        top: 15%;
    }
}
@media only screen and (min-width: 920px) and (max-width: 1300px) and (min-height: 992px) {
    .slider-container .carousel-caption > h3 {
        font-size: 35px;
    }
}
@media only screen and (min-width: 768px) and (min-height: 1050px) {
    .fix-screen .carousel img {
        position: static !important;
    }
    .carousel.slide.carousel-fade {
        height: auto !important;
    }
    .fix-screen .carousel .item,
    .fix-screen .carousel .carousel-inner,
    .fix-screen .carousel .item .row,
    .fix-screen .carousel .item .col-md-6 {
        height: auto !important;
    }
}
@media only screen and (max-width: 500px) and (min-height: 1024px) {
    .slider-container .carousel-inner .item {
        background: none;
    }
}
@media only screen and (min-width: 920px) and (max-width: 1300px) and (min-height: 769px) {
    .slider-container .carousel-caption {
        width: 50%;
        top: 15%;
    }
    .slider-container {
        height: 70%;
    }
}
@media only screen and (min-width: 1300px) and (min-height: 769px) {
    .slider-container .carousel-caption {
        top: 15%;
    }
}
@media only screen and (min-width: 1670px) and (min-height: 666px) and (max-height: 768px) {
    .slider-container .carousel-caption p {
        margin-left: 27%;
        width: 50%;
    }
}
@media only screen and (min-width: 920px) and (max-width: 1670px) and (min-height: 666px) and (max-height: 768px) {
    .slider-container .carousel-caption {
        top: 20%;
    }
    .slider-container .carousel-caption > h3 {
        font-size: 35px;
    }
    .slider-container {
        height: 60%;
    }
}
@media only screen and (min-width: 1670px) and (min-height: 666px) and (max-height: 768px) {
    .slider-container .carousel-caption {
        margin-left: -25%;
        top: 20%;
        width: 50%;
    }
}
@media only screen and (min-width: 920px) and (max-width: 1670px) and (max-height: 665px) {
    .slider-container .carousel-caption > h3 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 920px) and (min-height: 500px) and (max-height: 665px) {
    .slider-container .carousel-caption {
        top: 16%;
    }
    .mobile .dd-select {
        width: auto !important;
    }
}
@media only screen and (min-width: 1080px) and (max-height: 767px) {
    .signup-wp.fix-screen,
    .pass-code.fix-screen,
    .my-transfers.fix-screen,
    .sitemap-wp.fix-screen {
        height: auto !important;
    }
}
@media only screen and (max-height: 767px) {
    .signup-wp.fix-screen,
    .pass-code.fix-screen,
    .my-transfers.fix-screen,
    .sitemap-wp.fix-screen {
        height: auto !important;
    }
}
@media only screen and (min-width: 1680px) and (min-height: 768px) {
    .slider-container .item .container {
        width: 100%;
    }
    .slider-container .carousel-caption > h3::after {
        width: 65%;
        left: 20%;
    }
    .slider-container .carousel-caption p {
        margin-left: 27%;
        width: 50%;
    }
    .slider-container .carousel-indicators {
        bottom: 100px;
    }
}
@media only screen and (min-width: 1199px) {
    .send-rightbar {
        height: 100%;
        min-height: 860px;
    }
    .bx-next {
        right: -10px;
    }
    .bx-prev {
        left: -40px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .col-md-9.left-bar {
        max-width: 644px !important;
    }
    .beneficiary-box {
        margin-right: 20px !important;
    }
    .beneficiary-box {
        width: 31.78% !important;
    }
    .beneficiary-box.recent-beneficiary {
        width: 100% !important;
    }
    .beneficiary-box.sm-billbox {
        width: 55% !important;
    }
    .upload-bs li {
        margin-right: 33px !important;
    }
    .p_color-1,
    .p_color-2,
    .p_color-3 {
        width: 90% !important;
    }
    .auditdate .demo > label {
        font-size: 12px !important;
        left: 4px;
    }
    

}
@media only screen and (min-width: 767px) and (max-width: 1199px) {
    .fill img {
        width: auto;
    }
    .fill::before {
        background-color: #009396;
        bottom: 26px;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }
    .circle .fill::before {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .notification-title h2 {
        font-size: 17px !important;
    }
    .increse-btn .btn-green {
        font-size: 12px !important;
    }
    .p_color-1,
    .p_color-2,
    .p_color-3 {
        width: auto!important;
    }
    .transfer-table tbody td {
        padding: 8px 0 !important;
    }
}
@media only screen and (max-width: 1199px) {
    .send-rightbar {
        height: 100%;
        min-height: 860px;
    }
    .rightbar-payment-info .btn.btn-black {
        margin: 60px 0 17px;
    }
    .col-sm-12.login-leftbar .login-info {
        max-width: 100% !important;
        width: 66.66% !important;
    }
    .col-sm-4.login-rightbar {
        max-width: 100% !important;
        width: 33.33% !important;
    }
    .beneficiri-table td {
        font-size: 12px;
    }
    .profile-info .start {
        margin-bottom: 15px !important;
        margin-top: 0 !important;
        padding-top: 0;
    }
    .id-dt-from .dd-selected {
        white-space: nowrap;
    }
    .team-tab ul li a {
        font-size: 20px !important;
    }
    .bx-wrapper .team-slider .row {
        width: 820px !important;
    }
    .team-tab .team-detail a {
        font-size: 14px !important;
    }
    .pass-code.full-height.fix-screen {
        height: auto !important;
    }
    .transfer-option > a {
        margin-left: 5px !important;
    }
    .transfer-lt-pr .latest-transfer-table.content {
        height: 302px !important;
    }
    .alert.notify-alert .bx-wrapper {
        width: 80% !important;
    }
    .use-wallet span.green {
        float: none;
        width: auto;
    }
    .use-wallet li span {
        float: left;
        width: 100%;
    }
    .use-wallet li {
        display: inline-block;
    }
    .wallet_input {
        float: left;
        margin-right: 0;
        width: 100%;
    }
    .payment-info-new.receiveinfo .send-receive-box,.send-receive-box.icon-color.receive-off-block.receivemoney {
        width: 80%;
        margin-right: 0;
        max-width: 80%;
    }
    .send-receive-box.icon-color.receive-off-block.receivemoney {
        margin-top: 10px;
    }
    
    .send-receive-box.icon-color.receivemoney  span {
        width: 100% !important;
    }
    .receivemoney input.text.destination_amount {
        padding-left: 10px;
        margin-left: 0;
        height: 45px;
    }
    .receiveinfo .send-receive-box .flage-img {
        top: 35px;
    }
    .receiveinfo .payout-error {
        position: static;
    }
    .payment-info-new.receiveinfo .add-new.beneficiary-item-box .payout-error a {
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 992px) {
    .slider-container .carousel-caption {
        width: 80%;
    }
    .slider-container {
        height: 50%;
    }
    .slider-container .carousel-caption > h3::after {
        left: 10%;
        width: 80%;
    }
    .slider-container .carousel-caption > h3 {
        font-size: 35px;
    }
    .stats-box {
        margin-bottom: 30px;
    }
    .fill::before {
        background-color: transparent;
    }
    .slider-container {
        height: 100%;
    }
    .payangle-id {
        float: left !important;
    }
    .beneficiary-box {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .col-sm-12.login-leftbar .login-info {
        width: 100% !important;
    }
    .col-sm-4.login-rightbar {
        padding-left: 15px !important;
    }
    .col-sm-4.login-rightbar,
    .col-sm-8.login-leftbar {
        width: 100% !important;
    }
    .login-info {
        margin: 0 auto 20px !important;
    }
}
@media only screen and (max-width: 767px) {
    .slider-container .carousel-indicators li,
    .slider-container .carousel-indicators .active {
        height: 10px;
        width: 10px;
    }
    .slider-container .item {
        font-size: 14px;
    }
    .slider-container .carousel-caption > h3 {
        font-size: 30px;
    }
    .slider-container {
        height: 60%;
    }
    .nav.navbar-nav.navbar-right {
        clear: none;
        width: auto;
        padding: 18px 0;
        display: inline-block;
    }
    .fill img {
        width: auto;
    }
    .sign-up-detail .form-group-block-3 {
        display: table !important;
    }
    .payment-info-new.receiveinfo .send-receive-box,.send-receive-box.icon-color.receive-off-block.receivemoney {
        width: 100%;
        max-width: 100%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) and (max-height: 768px) {
    .slider-container {
        height: 50%;
    }
    .slider-container .item .container {
        width: 100%;
    }
}
@media only screen and (max-width: 992px) and (max-height: 1024px) {
    .slider-container .carousel-caption {
        top: 15%;
    }
}
@media only screen and (max-width: 992px) and (max-height: 500px) {
    .slider-container .carousel-caption {
        top: 15%;
    }
    .slider-container .carousel-caption > h3 {
        font-size: 26px;
    }
    .slider-container .item {
        font-size: 12px;
    }
    .slider-container {
        height: 62%;
    }
}
@media only screen and (max-width: 600px) {
    .nav.navbar-nav.navbar-right {
        clear: both;
        display: block;
        position: relative;
        z-index: 10;
        top: -8px;
        padding: 0;
    }
    .tab-footer .btn.btn-pink,
    .tab-footer .btn.btn-green {
        display: table;
        margin: 0 auto !important;
    }
    .tab-footer .signup-checkbox {
        display: table;
        float: none !important;
        margin: 10px auto !important;
    }
    .pay-process {
        float: none !important;
    }
    .tab-footer.summary-wp {
        padding: 70px 0 15px !important;
    }
    .mobile-btn .summary {
        bottom: 137px !important;
    }
    .login-info {
        padding: 50px 20px !important;
    }
    .payment-title h3 {
        font-size: 22px !important;
    }
    .login-security > h3 {
        font-size: 20px !important;
    }
    .main_title {
        font-size: 26px;
    }
    .chart > img {
        width: 100%;
    }
    .summary.bill-summary {
        bottom: 90px !important;
    }
    .company-detail {
        padding: 25px 15px;
    }
    .bill-mbtn .pay-process {
        float: right !important;
    }
    .select-beneficiaries label {
        font-size: 16px !important;
    }
    .tab-footer .thank-you-buttons .btn.btn-pink, .tab-footer .btn.btn-green {
      margin: 0 auto 10px !important;
  }
}
@media only screen and (max-width: 480px) {
	.tab-footer .thank-you-buttons .btn.btn-pink {
      float: none;
  }
  .m-left {
    float: none;
}
  .slider-container .carousel-caption {
    top: 15%;
}
.slider-container .item {
    font-size: 12px;
}
.slider-container .carousel-caption > h3 {
    font-size: 25px;
}
.slider-container {
    height: 60%;
}
.navbar-form.navbar-left.nav-language {
    margin: 20px 0 8px;
}
.slider-container {
    margin-bottom: 0;
}
.summary {
    bottom: 143px !important;
}
.link a {
    font-size: 18px !important;
}
.social-link {
    display: inline-block;
    width: 100%;
}
.contact-details .btn.btn-pink {
    width: 100%;
}
.contact-details .form-input {
    display: inline;
}
.contact-details .btn-pink {
    float: none !important;
    padding: 14px 78px !important;
    text-align: center;
}
.contact-sidbar .btn.btn-pink {
    margin: 5px 0 26px !important;
}
.receivemoney input.text.destination_amount {
    width: 100% !important;
}
}
@media only screen and (max-width: 1070px) and (max-height: 650px) {
    .start {
        padding-top: 2%;
    }
}
@media screen and (min-height: 600px) and (max-height: 790px) {
    .start {
        height: 40%;
    }
}
@media only screen and (max-width: 920px) {
    .start {
        padding-top: 2%;
    }
    .start .form-inline .form-group {
        margin: 0 0 10px;
        width: 44%;
    }
    .dd-container {
        width: 100% !important;
    }
    .dd-select {
        width: 100% !important;
    }
    .start .btn-pink {
        padding: 10px 50px;
    }
    .currency .form-control::-moz-placeholder {
        font-size: 20px;
    }
    .currency .form-control:-ms-input-placeholder {
        font-size: 20px;
    }
    .currency .form-control::-webkit-input-placeholder {
        font-size: 20px;
    }
    .payangellogin {
        top: -14px;
    }
    .isStuck .payangellogin {
        top: -5px;
    }
    .black .form-group {
        width: auto !important;
    }
    .payment-process.start .form-group {
        width: auto;
    }
    .navbar-header .navbar-brand > img {
        float: right;
    }
    #frmcountry .form-group {
        margin-right: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .start {
        height: auto;
    }
    .start .form-inline .form-group {
        width: 100%;
        max-width: 100%;
    }
    .how {
        font-size: 16px;
    }
    body .how h1,
    body .news h1 {
        font-size: 40px;
    }
    body .testimonials h1::after {
        left: 0;
        margin: 0 auto;
        right: 0;
        text-align: center;
    }
    section.join h2 {
        max-width: 100%;
        text-align: center;
    }
    section.join .btn-pink {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    section.join img {
        display: table;
        margin: 0 auto;
        text-align: center;
    }
}
@media only screen and (max-width: 480px) {
    .how h1 {
        font-size: 37px;
    }
}
@media only screen and (max-width: 380px) {
    .currency .dd-pointer::before {
        top: -14px;
    }
    .start .btn-pink {
        width: 99%;
        padding: 10px 0;
    }
}
@media only screen and (max-width: 767px) {
    .flow-left::before,
    .flow-middle::before {
        bottom: 0;
        content: "\f103";
        right: 45%;
        top: calc(100% - 48px);
    }
    .flow-count::before {
        width: calc(100% + 3px);
    }
    .flow-left,
    .flow-middle,
    .flow-right {
        margin-bottom: 55px;
    }
}
@media only screen and (max-width: 500px) {
    .flow-left::before,
    .flow-middle::before {
        right: 40%;
    }
    .how {
        font-size: 20px;
    }
}
@media only screen and (max-width: 480px) {
    .how h1 {
        font-size: 37px;
    }
}
@media only screen and (max-width: 1199px) {
    .testimonials-quote p {
        font-size: 16px;
        font-style: italic;
        font-weight: 100;
        line-height: 20px;
    }
    .quote {
        width: 20px;
    }
    .slider-container .carousel-indicators {} .navbar-nav > li:last-child::before {
        content: no-close-quote;
    }
    .nav-select .dd-selected-text {
        display: none;
    }
    .navbar-form.navbar-left.nav-language .dd-select {
        width: 70px !important;
    }
    .tab-footer.link {
        padding: 15px !important;
    }
    .select-beneficiaries label {
        margin-right: 35px !important;
    }
}
@media only screen and (max-width: 1025px) {
    .navbar-menu-contact {
        position: static;
        transform: inherit;
    }
}
@media only screen and (max-width: 767px) {
    .testimonials h1 {
        font-size: 35px;
    }
    .testimonials-quote {
        padding-top: 30px;
    }
    .testimonials blockquote {
        font-size: 20px;
    }
    .testimonials-quote > p {
        font-size: 16px;
        line-height: 18px;
    }
    .stats-box {
        margin: 0 auto 30px;
    }
    .quote {
        width: 14px;
    }
    .testimonials-quote {
        padding: 10px;
        width: 100%;
    }
    .mprofile-popup .modal-header h3 {
        font-size: 20px;
    }
    .select-beneficiaries.manage-profile-popup label {
        margin: 0;
    }
}
@media only screen and (max-width: 580px) {
    h3 {
        font-size: 18px;
    }
    .bx-wrapper {
        width: 100% !important;
    }
    .discount-info ul li a {
        min-width: 100% !important;
    }
    .beneficiri-payment .opration {
        width: 45% !important;}
        .beneficiri-payment .money-process {
            width: 55% !important;
        }
        .bene-help {
            top: 10px !important;
        }
        .form-group,
        .profile-password {
            width: 100% !important;
            margin: 0;
        }
        .personal-info .profile-pass .form-group {
            float: left !important;
            margin-top: 10px;
            width: 100% !important;
        }
        .profile-pass {
            width: 100% !important;
        }
        .personal-info .profile-password .form-group {
            width: 100% !important;
        }
        .confirmation .signup-checkbox label {
            font-size: 14px !important;
            margin-top: 0 !important;
        }
        .confirmation .btn-pink,
        .confirmation .btn-green {
            font-size: 16px !important;
            margin: 0;
            padding: 5px 30px !important;
        }
        .validate-btn {
            margin: 0 auto 20px !important;
        }
        .team-img,
        .team-popup {
            float: none !important;
            margin: 0 0 10px !important;
        }
        .team-popup > img {
            display: table;
            margin: 0 auto;
            width: 100%;
        }
        .team-img > img,
        .st_input {
            width: 100%;
        }
        .bx-wrapper .team-image {
            float: none;
            margin: 0;
        }
        .team-image > img {
            display: table;
            margin: 0 auto 30px;
        }
        .team-slide .team-detail {
            width: 100% !important;
        }
        .team-tab .bx-wrapper .contact-team {
            margin-bottom: 0 !important;
            margin-top: 20px !important;
        }
        .team-info {
            margin-bottom: 0 !important;
        }
        .pf-section > h3 {
            font-size: 16px !important;
            line-height: 24px !important;
        }
        .send-money-notify {
            width: 25% !important;
        }
        .vari-no {
            width: 72% !important;
        }
        .payangle-id,
        .money {
            width: 100% !important;
        }
        .affiliate-code .payangle-id {
            text-align: left !important;
            width: auto !important;
        }
        .msg-date {
            float: none !important;
            margin-bottom: 5px;
        }
        .message-img {
            background-position: -72px -7px !important;
            background-size: 370% auto;
            height: 21px !important;
            margin: 0 auto !important;
            width: 27px !important;
        }
        .message-archive-img,
        .message-unarchive-img {
            margin: 0 auto !important;
        }
        .message-read-img {
            background-position: -40px 0 !important;
            background-size: 360% auto;
            height: 26px !important;
            margin: 0 auto !important;
            width: 25px !important;
        }
        .date-info > p {
            font-size: 12px;
        }
        .dot {
            display: block !important;
        }
        .msg-inbox {
            text-align: center;
        }
        .inner-menu {
            display: none !important;
        }
        .inner-menu.open {
            display: block !important;
            width: 280px;
        }
        .msg-subject .signup-checkbox {
            bottom: 0;
            float: right;
            left: 0;
            width: 20%;
        }
        .msg-subject .signup-checkbox input[type="checkbox"] + label::before {
            float: right;
            margin-left: 10px;
            position: static !important;
        }
        .action {
            float: none !important;
            padding-right: 0px !important;
            margin-bottom: 10px;
        }
        .tr_pay_info b {
            float: left;
            width: 100%;
        }
        .services-checkbox > li {
            width: 50%;
        }
        .services-checkbox > li:nth-child(2n+1) {
            clear: both;
        }
        .select-beneficiaries.manage-profile-popup label {
            left: 0;
            margin: 0;
            padding: 7px 30px;
            top: 0;
            width: 100% !important;
        }
        .user-contry > li:last-child {
            width: auto;
        }
        .add-new {
            text-align: left;
        }
        /*9-3-17*/
        
        .payment-process.process1.start.sm-money-box .add-new {
            text-align: center !important;
        }
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            .inner-menu.open {
                display: block !important;
                width: 119px;
            }
            .msg-subject a {
                width: 68%;
                font-size: 12px !important;
            }
        }
    }
    @media only screen and (max-width: 480px) {
        /*9-3-17*/
        
        .alert-success .btn-Continue {
            float: none !important;
            padding: 5px 90px !important;
            width: auto !important;
        }
        .news .btn-grey {
            width: 99%;
            white-space: pre-wrap;
        }
        body .how h1,
        body .news h1 {
            font-size: 35px;
        }
        .flow-text {
            font-size: 22px;
        }
        .flow-left::before,
        .flow-middle::before {
            right: 43%;
        }
        .flow-left,
        .flow-middle,
        .flow-right {
            margin-bottom: 85px;
        }
        .flow-left::before,
        .flow-middle::before {
            top: calc(100% - 29px);
        }
        .select-beneficiaries.manage-profile-popup label {
            left: 0;
            margin: 0 !important;
            padding: 7px 30px;
            top: 0;
            width: 100% !important;
        }
        .select-beneficiaries {
            text-align: center;
        }
    }
    @media only screen and (min-width: 1024px) {
        .footer-links .row div {
            padding-right: 0;
        }
    }
    @media only screen and (max-width: 1024px) {
        .payment-datail .pr.transfer-wp .calendar-icon::before {
            top: 0;
        }
    }
    @media only screen and (max-width: 1199px) {
        .pay-process {
            margin-right: 0 !important;
        }
        .money {
            margin: 15px 0 0;
        }
        .howpay {
            padding: 0;
        }
        .howpay > li {
            width: 50%;
        }
        .login-form .form-group {
            width: 100% !important;
        }
        .countries-covered ul {
            margin: 0 7px 15px 0;
            width: 24.25%;
        }
        .bx-wrapper {
            width: 84%;
        }
        .information-tt {
            width: 16%;
        }
        .dashboard-dt:hover .hover-text .transfer span.this-month {
            max-width: 208px;
        }
        .dashboard-dt:hover .rewards p.this-month {
            max-width: 175px !important;
        }
        .dashboard-dt:hover .rewards p.last-month {
            max-width: 130px !important;
        }
        .referral-table table thead th {
            font-size: 14px;
            padding: 10px;
        }
        .referral-table table tbody td {
            font-size: 14px;
            padding: 12px;
        }
        .parallax-single-img {
            bottom: 0;
        }
        .beneficiri-table .btn.btn-green {
            font-size: 14px;
            padding: 3px 10px;
        }
        .beneficiri-table.beneficiaries-one .btn-gray {
            font-size: 14px;
            display: table;
        }
        .opration {
            width: 22% !important;
        }
        .money-process {
            width: 53% !important;
        }
        .user-contry > li {
            margin-right: 9px !important;
        }
        .opration > a {
            padding: 0 !important;
        }
        .new-beneficiary.profile-wp.start {
            width: 50% !important;
        }
        .profile-dt {
            width: 45% !important;
        }
        .payangle-id {
            text-align: left;
        }
        .money {
            text-align: left;
        }
        .money h3 {
            margin: 0;
        }
        .vari-no {
            width: 83%;
        }
        .profile-pass .form-group {
            margin-right: 24px !important;
            width: 47% !important;
        }
        .closing {
            padding: 5px;
        }
        .modal.addnew .payment-process {
            max-width: 97%;
        }
        .modal.addnew.addnew-one .payment-process {
            max-width: 100%;
        }
        .select-beneficiaries label {
            padding: 7px 10px;
            width: 49%;
        }
        .select-beneficiaries.manage-profile-popup label {
            padding: 7px 30px;
        }
    }
    @media only screen and (max-width: 1024px) {
        .footer-top li {
            margin-right: 5px;
        }
    }
    @media only screen and (max-width: 991px) {
        .rightbar-payment-info {
            border-left: 0;
        }
        .select-beneficiaries label {
            font-size: 18px !important;
            margin-right: 0 !important;
        }
        .modal-dialog {
            margin: 30px auto;
            max-width: 90%;
            width: 100%;
        }
        .addnew .select-beneficiaries {
            padding: 0 20px;
        }
        .sign-up-detail .form-group,
        .signup_checkbox,
        .error {
            width: 100% !important;
        }
        .row-eq-height {
            display: inline;
        }
        .countries-covered ul {
            margin: 0 7px 15px 0;
            width: 32.36%;
        }
        .countries-covered ul:nth-child(4n+1) {
            clear: both;
        }
        .dashboard-info li:nth-child(2n+1),
        .dashboard-info li:nth-child(2n),
        .dashboard-info li:nth-child(5n),
        .dashboard-info li:nth-child(6n) {
            width: 50%;
        }
        .dashboard-info li:nth-child(4n) {
            width: 50%;
            padding-left: 5px;
        }
        .dashboard-info li:nth-child(2n+1) {
            padding-right: 5px;
            padding-left: 0;
        }
        .bx-wrapper {
            width: 79%;
        }
        .information-tt {
            width: 21%;
        }
        .new-beneficiary.profile-wp.start {
            width: 58% !important;
        }
        .profile-dt {
            width: 35% !important;
        }
        .upload-bs {
            display: table;
            margin: 20px auto 0;
        }
        .start .dd-pointer::before {
            left: -28px;
        }
        .app_name {
            margin-top: 20px;
        }
        .closing {
            top: -25px;
        }
        .contact-details .form-group.pb-box {
            margin-top: 0 !important;
        }
        .contact-details .payment-process.contact-p-0:first-child {
            padding: 0;
        }
        .contact-details .payment-info {
            padding-bottom: 0 !important;
            padding-top: 0 !important;
        }
        .contact-details .btn.btn-pink {
            margin-bottom: 0 !important;
        }
        .contact-details .payment-process {
            margin: 20px 0 0 !important;
        }
        .contact-details .contact-sidbar {
            padding: 0 20px;
        }
        /*slider*/
        
        .slider-container .u104 .carousel-caption {
            padding: 145px 0;
            top: 0 !important;
            z-index: 999;
        }
        .slider-container .carousel,
        .slider-container .item,
        .slider-container .active,
        .slider-container .carousel-inner {
            height: auto !important;
        }
    }
    @media only screen and (max-width: 767px) {
        .payment {
            margin-bottom: 10px;
            text-align: center;
        }
        .footer-top li {
            display: inline-block;
            float: none;
        }
        .follow {
            text-align: center;
        }
        .mcontry .dd-container {
            min-width: 140px !important;
            top: -1px!important;
        }
        .mcontry .dd-select {
            border-radius: 0!important;
            border-left: 0!important;
        }
        .follow .pull-right {
            float: none !important;
        }
        section.join img {
            margin-top: 0;
        }
        section.join h2 {
            font-size: 30px;
        }
        .pl,
        .pr {
            padding-left: 0;
            padding-right: 0;
        }
        .tab-footer {
            padding: 20px 0 15px;
        }
        .tab-footer::before {
            right: 3px;
        }
        .tab-footer.summary-wp {
            padding: 60px 0 15px;
        }
        .notification-header {
            margin-top: 20px;
        }
        .select-beneficiaries {
            text-align: center;
        }
        .beneficiary-item h2 {
            font-size: 24px;
        }
        .benificiaryList > li {
            width: 49%;
        }
        .signup-checkbox > label {
            margin: 0px auto;
        }
        .notification-error {
            padding-right: 30px;
        }
        .notification-error .close {
            position: absolute;
            right: 20px;
            top: 8px;
        }
        .countries-covered ul {
            width: 31.36%;
        }
        .share-discount .btn.btn-pink {
            font-size: 18px;
        }
        .bx-wrapper {
            width: 70%;
        }
        .information-tt {
            margin-right: 10px;
            width: auto;
        }
        .notification-error.info-slider {
            padding-right: 10px;
        }
        .share-discount .modal-dialog {
            max-width: 100%;
            width: 90%;
        }
        .discount-info ul li a {
            min-width: 200px;
        }
        .parallax-slider {
            left: 10px !important;
            width: 1190px !important;
        }
        .reward-btn .btn {
            float: left;
        }
        .reward-accordion .panel-title > a {
            font-size: 24px;
        }
        .import-contact {
            padding: 0 20px;
        }
        .reward-ls {
            display: table;
            margin: 0 auto;
            max-width: 304px;
            width: 100%;
        }
        .reward-social li:nth-child(3n) {
            display: inline-block;
        }
        .notification-header .navbar-header {
            position: absolute;
            top: -50px;
            right: 0;
        }
        .email-box ul.dropdown-menu {
            right: -70px;
            top: 31px;
        }
        .image-upload-dt {
            padding: 10px;
        }
    }
    @media only screen and (max-width: 500px) {
        /*slider*/
        
        .slider-img-bg {
            display: none;
        }
    }
    @media only screen and (max-width: 480px) {
        .footer-top .container {
            padding: 0 5px;
        }
        .footer-top .container .row {
            margin: 0 -5px;
        }
        .payment,
        .follow {
            padding: 0 5px;
        }
        .footer-top li {
            margin-right: 1px;
        }
        .footer-top li.footer-follow {
            font-size: 14px;
            padding-top: 0;
            position: relative;
            top: -20px;
        }
        .footer-links div {
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            padding-bottom: 10px;
        }
        .footer-links div:last-child {
            border-bottom: medium none;
        }
        .footer-links ul li:first-child {
            background: #009395 none repeat scroll 0 0;
            margin-bottom: 5px;
            margin-top: 10px;
            padding: 10px;
        }
        .footer-links .footer-newsletter ul li:first-child {
            background: none;
        }
        .footer-main {
            padding: 20px 0;
        }
        .copy {
            font-size: 14px;
        }
        section.join h2 {
            font-size: 24px;
        }
        .btn-pink,
        .btn-grey {
            font-size: 20px;
        }
        .authorised-line > img,
        .authorised-line > p {
            display: none;
        }
        .email-box ul.dropdown-menu {
            width: 290px;
        }
        .email-box ul li p {
            font-size: 14px;
            margin: 0;
        }
        .email-box .btn.btn-pink {
            font-size: 14px;
        }
        .beneficiary-box ul li,
        .discount-info > h3 {
            font-size: 16px;
        }
        .payment-info.payment-thanks {
            padding: 10px !important;
        }
        .payment-info,
        .sign-up-info {
            padding: 15px !important;
        }
        #rc-imageselect,
        .g-recaptcha {
            transform: scale(0.77);
            -webkit-transform: scale(0.77);
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
        }
        .start.payment-datail,
        .payment-type {
            margin: 40px auto !important;
        }
        .popup .modal {
            background-color: #ffffff;
            margin: auto;
            max-height: 410px;
            max-width: 290px;
            padding-right: 0 !important;
        }
        .modal-backdrop.fade.in {
            position: fixed;
        }
        .popup {
            display: block;
            margin: 30px 0;
            text-align: center;
        }
        .navbar-header {
            display: none;
        }
        .notification-header .navbar-header {
            display: block;
        }
        nav.navbar {
            border: 0 none;
            height: 100px;
        }
        header .navbar-form.navbar-left.nav-language {
            bottom: 53px;
            left: auto;
            right: 10px !important;
        }
        .nav.navbar-nav.nav-phone {
            float: left;
        }
        .navbar-menu-contact {
            display: inline;
        }
        .nav.navbar-nav.navbar-right {
            top: 79% !important;
        }
        .navbar {
            background-color: #212f3f;
        }
        .nav.navbar-nav.nav-phone a,
        .nav.navbar-nav.nav-phone a:hover {
            color: #ffffff;
        }
        .payangellogin {
            border: 2px solid #ffffff;
        }
        .nav-select .dd-selected {
            background-color: #ffffff;
        }
        .payangellogin::before {
            left: 91px !important;
            top: -7px !important;
        }
        .payangellogin span.blank {
            margin: -6px;
        }
        .navbar-nav > li:first-child {
            padding-left: 0;
        }
        .payment-process {
            display: inherit;
        }
        .select2-container {
            width: 100% !important;
        }
        .selected-name {
            display: block !important;
        }
        .select-beneficiaries {
            text-align: left;
        }
        .select-beneficiaries label {
            font-size: 14px !important;
            margin-right: 0 !important;
            padding: 5px;
        }
        .select-beneficiaries input[type="radio"] + label::before {
            vertical-align: middle;
        }
        .addnew .modal-header {
            padding: 20px 0;
        }
        .addnew .modal-body {
            padding: 0;
        }
        .beneficiary-item .signup-checkbox {
            width: 100%;
        }
        .payangle-id > span {
            display: inline-block;
        }
        .tab-footer {
            background-color: transparent;
            padding: 133px 0 15px !important;
        }
        .tab-body .tab-content {
            border-left: 0px;
            border-right: 0px;
        }
        .summary {
            bottom: 143px !important;
        }
        .signup-checkbox > label {
            color: #222f3f !important;
        }
        .tab-footer .btn.btn-pink {
            float: left;
        }
        .pay-process .signup-checkbox {
            position: absolute;
        }
        .summary {
            bottom: 122px !important;
        }
        .tab-footer.summary-wp {
            padding: 90px 0 15px !important;
        }
        .signup-checkbox {
            bottom: 47px;
            left: 20px;
        }
        .notification-header .col-md-6.col-sm-5.col-xs-12,
        .notification-header .col-md-12.col-sm-12.col-xs-12,
        .col-md-12.col-sm-12 {
            padding: 0;
        }
        .notification-title {
            padding: 0 0px;
        }
        .tab-body .nav.nav-tabs::before {
            background-color: #222f3f;
            bottom: -10px;
            content: "";
            height: 10px;
            left: -15px;
            position: absolute;
            right: 0;
            width: 480px;
        }
        .tab-body .nav.nav-tabs {
            border-bottom: 0 none;
            position: relative;
        }
        .add-new {
            text-align: left;
        }
        .add-new li {
            margin-right: 40px;
        }
        .referral .modal-dialog {
            width: 90%;
        }
        .referral .btn.btn-pink {
            width: auto;
        }
        .start.dropdown-sidbar .dd-pointer::before,
        .start.dropdown-sidbar .dd-pointer-up::before {
            left: -25px !important;
        }
        mobile .dd-select {
            width: auto !important;
        }
        .app-text > a {
            display: inline-block;
            margin-bottom: 20px;
        }
        .popup .modal-footer a.btn.btn-green {
            font-size: 20px;
        }
        .popup .modal-footer a.btn.btn-pink,
        .popup .modal-footer a.btn.btn-green {
            display: table;
            margin: 30px auto 0;
            padding: 10px 20px;
        }
        .notification-title h2 {
            font-size: 22px;
        }
        .share-discount .btn.btn-pink {
            font-size: 12px;
            padding: 5px 15px;
        }
        .inner-text h4 {
            margin-bottom: 0;
        }
        .dashboard-info ul li {
            height: 243px;
        }
        .btn.btn-pink > span {
            font-size: 9px;
        }
        .share-discount .modal-body {
            padding: 10px 20px;
        }
        .discount-info > ul li {
            float: none;
            margin: 0 0 10px;
        }
        .discount-info > ul {
            display: inline-block;
            width: 100%;
        }
        .affiliate-code .payangle-id {
            width: auto;
        }
        .sending-money {
            font-size: 18px;
        }
        .reward-accordion .panel-title > a {
            font-size: 16px;
        }
        .reward-form .form-group {
            float: none;
            width: 100%;
        }
        .personal-info .id-dt-from .form-group.half-input:last-child {
            padding-right: 0 !important;
        }
        .signup-checkbox.signup-btn.payout-confirm.benificiri-payout input {
            top: 0;
        }
        .src_country_top {
            left: auto !important;
            right: 12px;
        }
        .validate-btn {
            display: block;
        }
        .select2-container--open .select2-dropdown {
            left: 30px !important;
        }
        .select2-container--open .select2-dropdown.src_country_top {
            left: auto !important;
        }
        .bnk-acc .typeahead.dropdown-menu {
            position: relative;
            top: 0 !important;
        }
        .bnk_transfer-msg > h4 {
            font-size: 20px;
        }
        /*slider*/
        
        .slider-container .carousel,
        .slider-container .item,
        .slider-container .active,
        .slider-container .carousel-inner {
            height: 100% !important;
        }
        .slider-container .carousel-caption > h3 {
            font-size: 30px !important;
        }
    }
    @media only screen and (max-width: 920px) {
        .payangellogo {
            background-position: -2px -440px;
            width: 161px;
            height: 39px;
        }
        .payangelfacebook {
            background-position: -184px -166px;
            height: 50px;
            width: 50px;
        }
        .payangelgoogle {
            background-position: -172px -358px;
            height: 50px;
            width: 50px;
        }
        .payangellinkedin {
            background-position: -172px -412px;
            height: 50px;
            width: 50px;
        }
        .payangeltwitter {
            background-position: -184px -110px;
            height: 50px;
            width: 50px;
        }
        .nav.navbar-nav.navbar-right {
            cursor: pointer;
            padding: 0 0 15px;
        }
        .navbar-form.navbar-left.nav-language {
            float: right;
            margin: 20px 0;
        }
        .navbar-left {
            float: right !important;
        }
        .navbar-form.navbar-left.nav-language .dd-select {
            width: 230px !important;
        }
        .nav-select .dd-selected-text {
            display: block;
            font-weight: 600;
        }
        .nav.navbar-nav.navbar-right {
            float: none !important;
            padding: 0;
        }
        .nav.navbar-nav.navbar-right {
            display: table;
            left: 0;
            margin: 0 auto;
            padding: 0;
            position: absolute;
            right: 0;
            text-align: center;
            top: 72px;
            z-index: 70;
            width: 100%;
        }
        .payangellogin:before {
            background: #ffffff;
            border-radius: 50%;
            content: "";
            height: 50px;
            left: 97px;
            position: absolute;
            top: -2px;
            width: 51px;
            z-index: -1;
        }
        .nav-select .select2-container {
            width: 60px !important;
        }
    }
    @media only screen and (max-width: 991px) {
        .footer-links ul li:first-child {
            margin-bottom: 15px;
        }
        .footer-links div {
            padding-bottom: 30px;
        }
        .login-security > h3 {
            font-size: 20px;
        }
        .fix-screen .carousel {
            height: auto !important;
        }
        .fix-screen .carousel img {
            position: static;
        }
        .flex-center,
        .flex-center > [class^="col-"],
        .flex-center > [class*=" col-"] {
            display: block;
        }
        .money-process li {
            width: 100%;
            font-size: 12px;
        }
        .user-contry > li {
            margin-bottom: 10px;
        }
        .opration > a {
            display: inline-block;
            margin-bottom: 10px;
            text-align: center;
            width: 100%;
        }
        .beneficiri-table .btn.btn-green,
        .beneficiri-table.beneficiaries-one .btn-gray {
            display: table!important;
            margin: 0 auto;
            width: auto;
        }
        .beneficiary-pay .country-phone span.dd-pointer {
            right: 10px !important;
        }
        .row_eq_height1.visible {
            height: 450px;
        }
        .team-tab ul li a {
            font-size: 14px !important;
        }
        .team-tab .bx-wrapper {
            width: 100%;
        }
        .bx-wrapper .team-slider .row {
            width: 750px !important;
        }
        .bx-next {
            top: 37%;
            right: -20px !important;
        }
        .bx-prev {
            top: 37%;
            left: -20px !important;
        }
        .team-info.team-slide {
            width: 100%;
        }
        .team-slide .team-detail {
            float: left;
            width: 50%;
        }
        .team-hf {
            padding: 0;
            width: 100%;
        }
        .transfer-table thead th {
            font-size: 13px;
        }
        .my-transfers .ui-body-b,
        .ui-overlay-b {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
            z-index: 1;
        }
        .send-money-notify {
            width: 15%;
        }
        .vari-no {
            width: 82%;
            margin-right: 10px;
        }
        .date-info {
            overflow: visible;
        }
        .inner-menu > li a {
            font-size: 12px;
        }
        .subject-title {
            width: auto;
        }
        .signup-checkbox.select-all input[type="checkbox"] + label::before {
            margin-left: -5px;
        }
        .register .form-group input {
            margin-top: 0;
        }
        .register .form-group {
            margin-top: 10px;
        }
        .sitemap-menu > h4 {
            font-size: 16px;
        }
        .sitemap-menu > ul li a {
            font-size: 14px;
        }
        .transfer-option {
            margin: 10px 0;
        }
        .alert.notify-alert .bx-wrapper {
            width: 75% !important;
        }
        .parteners-info input:focus ~ label,
        .parteners-info input:valid ~ label {
            top: 0 !important;
        }
        .company-dt .parteners-info input:focus ~ label,
        .company-dt .parteners-info input:valid ~ label {
            top: 8px !important;
        }
        .company-detail .form-group.country-resi {
            margin-bottom: 20px;
            margin-top: 15px !important;
        }
        .account-no .signup-checkbox input[type="checkbox"] + label::before {
            margin-left: 10px;
        }
        .account-no .signup-checkbox input[type="checkbox"] + label::before {
            margin-left: 10px;
            position: absolute !important;
            right: -45px !important;
        }
        .account-no .signup-checkbox > label {
            color: #212f3f;
            font-weight: 600;
            left: -36px;
            margin: 0;
            position: relative !important;
            top: 0;
        }
        .referral-code {
            float: left;
            margin: 0;
            padding-left: 0;
            width: auto;
        }
        #people .col-md-3.right-bar {
            display: inline-block;
            max-width: 100% !important;
            padding: 0;
            width: 100%;
        }
        #people .col-md-9.left-bar {
            display: inline-block;
            margin-bottom: 20px;
            padding: 0;
            width: 100%;
        }
        .account-specification .form-group {
            margin-right: 0;
            margin-bottom: 10px;
        }
        .form-group.pb-box {
            margin-top: 20px !important;
        }
        .co_dt .country-phone .dd-pointer.dd-pointer-down::before {
            left: -56px !important;
        }
        .pid-info .form-group.id-number {
            margin-bottom: 0 !important;
            margin-top: -5px !important;
        }
        .payment-process .p-info .mcontry .dd-select {
            margin-top: 1px;
        }
        .co_dt .country-label {
            top: 8px !important;
        }
        .co_dt .dd-selected {
            margin-top: 2px;
        }
        .country-phone .dd-pointer.dd-pointer-down::before {
            left: -56px;
        }
        .country-phone .select2.select2-container.select2-container--default {
            position: absolute;
            top: 1px;
            z-index: 1;
        }
        .parteners-info .bill-country label.country-label {
            left: 57px !important;
            top: 10px !important;
        }
        .company-detail {
            padding-bottom: 0px;
        }
    }
    @media only screen and (max-width: 950px) {
        .slider-container .item .container {
            background-size: cover !important;
        }
    }
    @media only screen and (max-width: 920px) {
        .payangellogin span a {
            font-size: 15px;
            font-weight: normal;
            text-transform: capitalize;
        }
        .navbar-brand {
            float: none;
        }
        .navbar-header {
            float: right;
            margin: 0 0 30px auto !important;
            text-align: center;
            width: 100%;
        }
        .navbar-form.navbar-left.nav-language {
            clear: none;
            float: left !important;
            margin: 18px 0;
            position: absolute;
        }
        .navbar-form.navbar-left.nav-language .dd-select {
            width: 70px !important;
        }
        .dd-pointer {
            right: 4px !important;
        }
        .navbar-brand object {
            height: 55px;
        }
        .nav.navbar-nav.navbar-right {
            top: 87%;
        }
        .nav-select .dd-selected-text {
            display: none !important;
        }

        .payangellogin {
            top: 0;
        }
        .isStuck .payangellogin {
            top: 0;
        }
        .navbar-header {
            text-align: right;
        }
        .navbar-brand object {
            height: auto;
        }
        .navbar-form.navbar-left.nav-language {
            bottom: 40px;
            left: 20px;
            margin: 0;
            padding: 0;
            position: absolute;
        }
        .profile-wrap .dd-pointer {
            right: 10px !important;
        }
    }
    @media only screen and (max-width: 767px) {
        .back {
            left: 0;
            width: 100%;
        }
        .back p,
        .bronze-msg > p {
            font-size: 16px;
        }
        .nav-language .dd-select {
            box-shadow: none !important;
        }
        .slider-container .item .container {
            background-size: cover !important;
        }
        .payment-process .dd-select {
            margin: 0 auto;
        }
        .payment-process .mobile-money .dd-select {
            margin-top: 7px;
        }
        .payangle-id {
            text-align: left;
        }
        .half-input .dd-select {
            margin: 10px 0;
        }
        .mobile-btn [class*="col-sm-"] {
            display: inline-block;
            float: none;
            vertical-align: top;
            width: auto;
        }
        .tab-footer.mobile-btn .signup-checkbox {
            margin-top: 0;
        }
        .row-eq-height {
            display: inline;
        }
        .payangellogin {
            overflow: visible;
            position: relative;
        }
        .col-sm-8.login-leftbar {
            width: 100%;
        }
        .affiliate-programm {
            background-image: none;
        }
        .parallax-single-img {
            display: none;
        }
        .transfer.rewards .last-month + .btn.btn-pink {
            display: table;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .table-responsive.beneficiri-wp {
            border: 0 none;
        }
        .table-responsive.beneficiri-wp .table {
            margin-bottom: 20px;
        }
        .add-beneficiary .btn {
            font-size: 20px;
        }
        .bene-help {
            position: absolute;
            right: 3px;
        }
        .parallax-mirror {
            display: none;
        }
        .increse-limit {
            display: table;
            margin: 100px auto 0;
        }
        .bronze-msg {
            margin: 30px auto;
        }
        .upload-img .btn.btn-pink {
            margin: 15px auto;
        }
        .upload-img {
            float: none;
        }
        .image-detail {
            display: table;
            margin: 0 auto;
        }
        .personal-detail .dd-select {
            margin-bottom: 0;
        }
        .increse-btn.increse-text {
            margin-bottom: 30px;
        }
        .row_eq_height.visible {
            height: 438px;
        }
        .team-title {
            font-size: 30px;
        }
        .our-team {
            margin-bottom: 40px;
        }
        .team-tab ul li {
            padding: 0 5px;
        }
        .country-phone .dd-pointer.dd-pointer-down::before {
            left: -56px !important;
        }
        .bx-wrapper .team-slider .row {
            margin: 0 auto;
            width: auto!important;
        }
        .start .dd-pointer-down::before {
            content: "\f107" !important;
            left: -28px !important;
        }
        .start .mcontry .dd-pointer-down.dd-pointer-up::before {
            top: -11px;
        }
        .start .dd-pointer-down.dd-pointer-up::before {
            transform: rotate(180deg);
            top: -21px;
        }
        .dd-select {
            border: 2px solid #212f3f;
            box-shadow: -40px 0 0 #212f3f inset !important;
        }
        .payment-process .dd-select {
            border-radius: 5px !important;
        }
        .start .mobilec .dd-pointer-down::before {
            content: normal !important;
        }
        .mobilec .dd-select {
            border-radius: 5px 0 0 5px !important;
            box-shadow: none !important;
        }
        .form-online.auth-id {
            height: 220px;
        }
        .confirm-title > h3 {
            font-size: 38px;
        }
        .confirm-title img {
            width: 45px;
        }
        .confirm-title > p,
        .pf-section > h3 {
            font-size: 20px;
        }
        .means li {
            font-size: 18px;
        }
        .team-img,
        .team-image {
            float: none;
        }
        .team-img > img {
            width: 100%;
        }
        .means.ref-code > p {
            font-size: 18px;
        }
        .transfer-table .table-responsive {
            border: 0px;
        }
        .transfer-wp label {
            text-align: left;
        }
        .ac-code {
            bottom: 0;
            position: absolute;
            right: 15px;
        }
        .help.clickme.notify-help {
            margin-left: 20px;
        }
        .navbar-default.payangel-nav button {
            border: 0 none;
            position: absolute;
            right: 0;
            top: -45px;
        }
        .navbar-default.payangel-nav button:hover,
        .navbar-default.payangel-nav button:focus {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        }
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            border: 0 none;
        }
        .pl,
        .pr {
            padding-left: 15px;
            padding-right: 15px;
        }
        .form-online .pl,
        .form-online .pr {
            margin-bottom: 10px;
            padding: 0;
        }
        .transfer-search.msg-search {
            width: 100%;
        }
        .message-table table thead th {
            width: 20%;
        }
        .action-apply .dropdown-menu {
            top: -93px;
        }
        .action-apply a .arrow {
            border-width: 0 5px 7px;
            top: -12px;
        }
        .notlogin .collapse.navbar-collapse {
            bottom: 15px;
            display: block !important;
            position: absolute;
            right: 0;
        }
        .notification-header .col-md-7.col-sm-8.col-xs-12 {
            padding: 0;
        }
        .transfer-wp label.desti {
            text-align: left;
        }
        .msg-title h2 {
            font-size: 20px;
            width: 85%;
        }
        .register .form-group label {
            font-size: 16px;
        }
        .alert.notify-alert .bx-wrapper {
            width: 100% !important;
        }
        .authorized-dt label {
            font-size: 16px;
        }
        .start .bill-country .dd-pointer::before {
            left: -53px !important;
        }
        .tab-footer.summary-wp.mobile-btn.bill-mbtn {
            display: table;
            margin: 0 auto;
        }
        .bank-acc-confirm .modal-body {
            padding: 0;
        }
        .bank-account-wp {
            max-width: 100%;
        }
        .account-specification .form-group label {
            display: block !important;
        }
        .acctype-checkbox > li {
            margin-right: 35px;
        }
        .acc-select-type {
            display: inline-block;
            width: 100%;
        }
        .acc-select-type .dd-select,
        .acc-drop .dd-select,
        .purpose .dd-select {
            width: 100% !important;
        }
        .bankacc-btn.pull-right {
            float: none !important;
            text-align: center;
        }
        .bankacc-btn {
            display: table;
            margin: 0 auto;
        }
        .bankacc-btn .signup-checkbox.donate-checkbox {
            display: inherit;
        }
        .sofort-logo {
            float: none;
            margin: 0 auto 10px;
            max-width: 100%;
        }
        .profile-pass .form-group {
            margin-right: 17px !important;
        }
        .upload-userimg {
            float: none;
        }
        .bankacc-btn .btn.btn-pink,
        .bankacc-btn .btn.btn-green {
            margin: 10px 0 20px;
        }
        .exchange-rate .select2-container,
        .currency .form-control {
            width: 100% !important;
        }
        .profile-idt,
        .new-beneficiary.profile-wrap.start {
            margin-top: 0;
        }
        .tab-footer.summary-wp.terms {
            text-align: center;
            margin-top: 50px;
        }
        .terms .pay-process {
            float: none;
            margin: 10px auto !important;
            padding: 0;
            text-align: center;
        }
        .term {
            display: table;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            text-align: center;
            top: -100px;
        }
        .tab-footer.terms .btn.btn-green {
            font-size: 20px;
            padding: 5px 40px;
        }
        .terms .col-md-6.col-sm-9 {
            display: table;
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }
        .term {
            position: static;
            width: 100%;
        }
    }
    @media only screen and (min-width: 680px) {
        .mobile-btn .mobile-hidden {
            display: inline-block;
        }
        .mobile-visible {
            display: none !important;
        }
    }
    @media only screen and (max-width: 680px) {
        .mobile-btn .mobile-hidden {
            display: none !important;
        }
        .mobile-btn [class*="col-sm-"] {
            display: table !important;
            margin: 0 auto !important;
        }
        .btn.btn-pink.mobile-hidden {
            margin-bottom: 10px !important;
        }
        #send-money-step3-form .summary-wp.mobile-btn .col-md-2.col-sm-3 {
            position: relative;
            top: 50px;
        }
        #send-money-step3-form .summary-wp.mobile-btn .col-md-7.col-sm-9 {
            position: relative;
            top: -47px;
        }
        .mobile-visible {
            display: inline-block;
            float: none !important;
        }
        .mobile-btn [class*="col-sm-"] {
            display: block;
        }
        .tab-footer.mobile-btn .signup-checkbox {
            width: 100%;
            float: none;
        }
        .mobile-btn .pay-process {
            display: block !important;
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }
        .mobile-btn .pay-process .btn {
            display: inline-block;
        }
        .send-receive-box {
            margin-right: 60px;
        }
        .send-receive-box:last-child::before {
            left: -40px;
        }
        .affiliate-payangel > img {
            float: right;
            width: 50%;
        }
        .team-tab ul li {
            width: 100%;
        }
        .team-info {
            margin-bottom: 30px;
        }
        .hover-text .btn.btn-pink,
        .hover-text .btn.btn-green {
            font-size: 14px;
        }
        .transfer-table.message-table .table-responsive > .table {
            margin-bottom: 0;
            max-width: 680px;
            overflow: scroll;
            width: 680px;
        }
        .msg-date > img {
            margin-right: 10px;
        }
        .msg-subject .signup-checkbox > label {
            margin: 0;
        }
        .declain-info li a {
            display: table;
            margin: 15px auto;
        }
        .declain-text {
            font-size: 16px !important;
        }
        .pay-process.bill-send-new {
            padding: 0 20px;
        }
        .company-dt-confirm .modal-dialog {
            width: 90%;
        }
        .company-dt .form-online label {
            font-size: 16px !important;
            top: 15px;
        }
        .primary-title > h2 {
            font-size: 22px;
        }
        .id-dt-from .select2-container--default .select2-selection--single .select2-selection__rendered {
            font-size: 16px;
            white-space: nowrap;
        }
        .term {
            top: -60px;
        }
    }
    @media only screen and (max-width: 640px) {
        .navbar-form.navbar-left.nav-language .dd-select {
            clear: none;
            float: left;
            margin: 0;
            width: 60px !important;
        }
        .personal-info.payment-page-new {
    padding-top: 0 !important;
}
        .nav-select .dd-selected-text {
            display: none;
        }
        .isStuck .nav.navbar-nav.navbar-right {
            padding: 0px 0;
            top: 97%;
        }
        .payangellogin span a {
            font-size: 15px;
            font-weight: normal;
            text-transform: capitalize;
        }
        .navbar-brand {
            float: none;
        }
        .dd-pointer {
            right: 4px !important;
        }
        .navbar-brand object {
            height: 55px;
            width: auto;
        }
        .isStuck .payangellogin {
            top: -10px;
        }
        .fill img {
            position: relative;
            left: -30%;
        }
        .toggletag {
            max-width: 370px;
            width: 100%;
        }
        .search-box input {
            width: 80%;
        }
        .sb-pagination .pagination a {
            font-size: 14px;
            margin-bottom: 5px;
        }
        .toggletag {
            max-width: 100%;
        }
        .country-phone .dd-pointer.dd-pointer-down::before {
            content: normal;
        }
        .country-phone .dd-select {
            width: auto !important;
        }
        .add-new.beneficiary-item-box a {
            display: table;
            float: none;
            margin: 0 auto;
        }
        .add-new.beneficiary-item-box > li {
            display: table;
            margin: 0 auto 30px;
        }
        .send-receive-box {
            margin-right: 30px;
        }
        .send-receive-box > input {
            max-width: 170px;
        }
        .send-receive-box:last-child::before {
            left: -26px;
        }
        .discount .btn.btn-green {
            margin-left: 0;
        }
        .howpay > li {
          padding: 0;
          width: 100% !important;
          }        .discount input {
            margin-bottom: 20px;
            width: 100%;
        }
        .discount .btn.btn-green {
            display: table;
            margin: 0 auto;
        }
        .howpay > li:last-child {
            padding-left: 0;
            width: auto;
        }
        .countries-covered ul:nth-child(4n+1) {
            clear: none;
        }
        .countries-covered ul {
            margin-right: 10px;
            width: 47%;
        }
        .dashboard-info li:nth-child(2n+1),
        .dashboard-info li:nth-child(2n),
        .dashboard-info li:nth-child(5n),
        .dashboard-info li:nth-child(6n) {
            width: 100%;
            padding: 5px 0;
        }
        .dashboard-info li:nth-child(4n) {
            width: 100%;
        }
        .dashboard-info li:first-child {
            padding-left: 0;
            padding-right: 0;
        }
        .hover-text span {
            margin-left: 10px;
        }
        .main_title {
            font-size: 24px !important;
        }
        .text-left {
            font-size: 18px;
        }
        .profile-wrap .dd-pointer.dd-pointer-down::before {
            content: "";
            left: -3px;
        }
        .pf-section .btn.btn-pink {
            display: table;
            font-size: 20px;
            margin: 25px auto 10px;
            padding: 2px 20px;
        }
        .team-info {
            padding: 0 10px;
        }
        .pay-process {
            display: table;
            margin: 0 auto !important;
            margin-right: 0;
        }
        .start .bill-country .dd-pointer::before {
            left: -5px !important;
        }
        .sm-money-box .send-receive-box > input {
            max-width: 179px;
            width: 100%;
        }
        .howpay-checkbox > label {
            white-space: pre-wrap;
        }
        .app-complete > h4 {
            left: -10px;
            right: -10px;
        }
        .acctype-checkbox > li {
            float: none;
            margin-bottom: 10px;
            margin-right: 0;
            text-align: left;
        }
        .select-gender .acctype-checkbox > li {
            float: left;
            margin-bottom: 10px;
            margin-right: 5px;
        }
        .co_dt .country-phone .dd-pointer.dd-pointer-down::before {
            left: -8px !important;
        }
        .acctype-checkbox.acc-currency > li {
            display: inline-block;
            margin-right: 10px;
        }
        .country-phone .dd-pointer.dd-pointer-down::before {
            left: -8px !important;
        }
        .pass-link {
            margin: 60px auto 20px;
        }
        .error-msg-block .payout-error {
            padding: 0;
        }
        .add-new.beneficiary-item-box a {
            max-width: 100%;
        }
        /*slider*/
        
        .fill img {
            left: 0 !important;
            position: static !important;
        }




    }
    @media only screen and (max-width: 480px) {
        .tab-footer {
            padding: 70px 0 15px !important;
        }
        .tab-footer .pay-process,
        .tab-footer .pay-process a.btn {
            display: block;
        }
        header .navbar-form.navbar-left.nav-language {
            box-shadow: none !important;
        }
        .tab-footer .back-btn .pay-process,
        .tab-footer .back-btn .pay-process a.btn {
            display: table;
        }
        .signup-checkbox {
            bottom: 45px;
        }
        .mobile-btn .summary {
            bottom: 160px !important;
        }
        .rightbar-payment-info .btn.btn-black {
            margin: 20px 0 17px;
        }
        .send-rightbar {
            min-height: auto;
        }
        .footer-links {
            padding-bottom: 20px;
        }
        .mobile-btn .signup-checkbox {
            bottom: 85px;
            left: 0;
        }
        .send-receive-box {
            margin-right: 0;
            width: 100%;
        }
        .send-receive-box > input {
            max-width: 100%;
        }
        .send-receive-box:last-child::before {
            content: normal;
        }
        .signup-wp .login-btn .btn.btn-green,
        .signup-wp .login-btn .btn.btn-green {
            margin-top: 10px;
        }
        .countries-covered ul {
            margin-right: 0;
            width: 100%;
        }
        .nav-select .dd-options.dd-click-off-close {
            right: 0;
            left: auto;
        }
        .dashboard-dt .hover-text {
            padding: 30px 0;
        }
        .hover-text.acc-type {
            padding: 0;
        }
        .hover-text.process-text > span {
            top: 41%;
        }
        .profile-dt {
            float: none;
            margin: 0 auto;
        }
        .new-beneficiary.profile-wp.start {
            width: 100% !important;
        }
        .reward-accordion .panel-title > a::after,
        .reward-accordion .panel-title > a.collapsed::after {
            top: 0;
        }
        .image-detail > ul {
            width: 75%;
        }
        .guideline-img {
            width: 25%;
        }
        .profile-info .new-beneficiary.start {
            margin-bottom: 0 !important;
        }
        .emailid {
            max-width: 100%;
            padding: 0 20px;
        }
        .row_eq_height.visible {
            height: 505px;
        }
        .row_eq_height1.visible {
            height: 600px;
        }
        .find-more-txt li {
            font-size: 14px;
        }
        .confirm-title > h3 {
            font-size: 28px;
        }
        .confirm-title img {
            width: 36px;
        }
        .confirm-title > p,
        .means li {
            font-size: 16px;
        }
        .transfer-option > a {
            margin-left: 0px;
        }
        .ac-code {
            bottom: 10px;
        }
        .send-money-notify {
            bottom: 0;
            position: absolute;
            right: 0;
            bottom: -6px;
        }
        .msg-date > img {
            margin-right: 8px;
        }
        .confirmation {
            position: static;
        }
        .bank-btn .btn.btn-green,
        .bank-btn .btn.btn-pink {
            width: 90%;
        }
        .payout-confirm.bank-btn input[type="checkbox"] + label::before {
            float: none;
        }
        .signup-checkbox.payout-confirm > label,
        .alert p {
            font-size: 14px !important;
        }
        .statement-info img {
            height: 30px;
            margin: 0 !important;
            width: 30px;
        }
        .doante-charity-box h3 {
            font-size: 20px;
        }
        .charity-boxtext > p {
            font-size: 14px;
        }
        .company-dt-confirm .modal-body h3 {
            font-size: 18px;
        }
        .signup-checkbox.bsm-new {
            right: 0;
        }
        .company-dt-confirm .modal-content {
            padding: 30px 15px 60px;
        }
        .company-dt-confirm .confirm.btn.btn-pink,
        .company-dt-confirm .confirm.btn.btn-green {
            margin-left: 10px;
            padding: 4px 55px;
            margin-bottom: 10px;
        }
        .company-dt-confirm .confirm.btn.btn-pink {
            padding: 4px 60px;
        }
        .tab-footer.summary-wp.mobile-btn.bill-mbtn {
            display: inherit;
        }
        .sm-money-box .send-receive-box > input {
            max-width: 100%;
            width: 100%;
        }
        .donate-charity {
            padding-left: 0!important;
        }
        .error-date.open {
            padding: 30px 10px;
            width: 300px;
        }
        .confirm-declain {
            background-position: 0 -29px;
            background-size: cover;
            height: 29px;
            margin-right: 15px;
            width: 29px;
        }
        .confirm-success {
            background-position: 0 0px;
            background-size: cover;
            height: 29px;
            margin-right: 15px;
            width: 29px;
        }
        .sc-institute.sc-intitution {
            left: 0;
            top: -26px;
        }
        .send-receive-box {
            margin-bottom: 25px;
        }
        .bank-account-wp > h2 {
            font-size: 22px;
            margin: 0 0 20px;
        }
        .app-complete > h4 {
            font-size: 14px;
            padding: 10px 0;
        }
        div.form-group.half-input:first-child i {
            right: 10px !important;
        }
        .primary-title > h2 {
            font-size: 18px;
        }
        .account-specification .personal-info {
            padding: 0;
        }
        .acc-type {
            padding: 10px 0;
        }
        .p-info {
            margin-bottom: 20px;
            padding-bottom: 10px;
        }
        .use-wallet .signup-checkbox > label {
            font-size: 16px;
        }
        .use-wallet > ul {
            padding: 0;
        }
        .wallet-text-input .start.payment-datail.sendmoney-detail {
            padding: 0 0px;
        }
        .benificiaryList > li {
            width: 100%;
        }
        .id-dt-from .form-group.half-input,
        .auth-id .form-group.half-input {
            margin-bottom: 10px !important;
        }
        .id-detail .payment-datail .form-group input,
        .auth-id .form-group input {
            margin: 0;
        }
        .id-detail .personal-info .form-group label {
            top: 10px;
        }
        .signup-btn .btn.btn-green,
        .signup-btn .btn.btn-pink {
            width: 100%;
            margin-bottom: 10px;
        }
        .company-dt-confirm .confirm.btn.btn-pink,
        .company-dt-confirm .confirm.btn.btn-green {
            margin-left: 0;
            width: 100%;
        }
        .bankacc-btn {
            display: inline-block;
            width: 100%;
        }
        .bankacc-btn .btn.btn-pink,
        .bankacc-btn .btn.btn-green {
            width: 100%;
        }
        .select-beneficiaries label {
            text-align: center;
            width: 100%;
        }
        .terms .btn.btn-green {
            width: 100%;
        }
        .term .signup-checkbox.donate-checkbox {
            top: -30px !important;
        }
        #send-money-step2-form .mobile-btn .pay-process .btn {
            display: inline-block;
            margin-top: 15px !important;
            width: 100%;
        }
        /*slider*/
        
        .slider-container {
            height: 330px;
            margin-bottom: 50px;
        }
        .slider-container .u104 .carousel-caption {
            padding: 105px 0 !important;
        }
        .slider-container .carousel-caption > h3 {
            font-size: 25px !important;
        }
    }
    @media only screen and (max-width: 479px) {
        section.join img {
            width: 100%;
        }
        .slider-container .carousel-indicators {
            bottom: 55px;
        }
        .footer-top li.footer-follow {
            clear: both;
            display: inline-block;
            top: 0;
            width: 100%;
            margin-bottom: 15px;
        }
        .footer-links ul li:first-child {
            background-color: transparent;
            padding-left: 0;
        }
        .slider-container .carousel-caption {
            top: 12%;
        }
        .news {
            padding-bottom: 20px;
        }
        .stats {
            padding: 40px 0;
        }
        section {
            margin-top: 40px;
        }
        .testimonials {
            margin-top: 0;
        }
        .flip-container,
        .front,
        .back {
            height: 300px;
        }
        .start .form-inline .form-group > label,
        .start .form-inline .form-group .input-group-addon > label {
            display: none;
        }
        .start.payment-datail label {
            display: block !important;
        }
        .start .form-inline .form-group .input-group-addon {
            padding-top: 0px;
        }
        .navbar-header {
            text-align: right;
        }
        .payment-info h3 {
            font-size: 20px;
        }
        .tab-body li.active a {
            display: inline-block;
            width: 100%;
        }
        .tab-body li.disabled a {
            padding: 5px 10px;
            top: 7px;
        }
        .tab-body li.active a {
            padding: 6px 10px;
        }
        .tab-body {
            overflow: hidden;
        }
        .signup-btn .btn.btn-pink {
            margin-bottom: 5px;
        }
        .search-box input {
            width: 75%;
        }
        .search-box .help {
            margin-right: 10px;
        }
        .panel-title > a,
        .increse-limit > ul li.active,
        .dropdown-sidbar .dd-selected .dd-selected-text {
            font-size: 16px;
        }
        .search-box input {
            width: 73%;
        }
        .confirm .btn.btn-pink {
            padding: 3px 50px;
        }
        .mobile-btn .btn.btn-green {
            margin-bottom: 10px !important;
        }
        .personal-detail .form-group.half-input {
            float: none;
            margin-right: 0;
            padding-right: 0;
            width: 100% !important;
        }
        .personal-info,
        .payout-info {
            display: inline-block;
            width: 100%;
        }
        .payment-process .personal-detail .dd-select {
            margin: 10px 0;
        }
        .signup-checkbox.payout-confirm .btn {
            display: table;
            margin: 30px auto;
            float: none;
        }
        .signup-checkbox.payout-confirm > label {
            margin: 0px auto 40px;
        }
        .social-link li {
            padding: 10px 15px 10px 8px;
        }
        .share-discount {
            margin-bottom: 50px;
        }
        .increse-limit > ul li {
            font-size: 12px;
        }
        .upload-bs li {
            margin-right: 15px;
        }
        .upload-bs li::before {
            right: -8px;
        }
        .select-beneficiaries {
            text-align: center;
        }
        .img-upload > span {
            top: 0px;
        }
        .select-beneficiaries.img-upload.select_bp > label {
            left: 0;
            margin-left: 0;
            margin-right: 0;
            width: 100%;
        }
        .select-beneficiaries.img-upload.select_bp {
            text-align: center;
        }
    }
    @media only screen and (max-width: 460px) {
        .signup-btn a:first-child {
            display: table;
            margin: 10px auto !important;
            padding: 6px 30px !important;
            position: relative;
            top: 60px;
        }
        .signup-btn input {
            position: relative;
            top: -60px;
        }
        .login-btn .btn.btn-green {
            left: 0;
            padding: 10px 41px !important;
            position: relative;
            top: -56px;
        }
        .login-btn .btn.btn-pink {
            left: 0;
            padding: 5px 42px !important;
            position: relative;
            top: 60px;
        }
        .bill-send-new.signup-btn input {
            top: 0;
        }
        .back-step .signup-btn input {
            position: static;
        }
    }
    @media only screen and (max-width: 380px) {
        .gray .dd-select {
            box-shadow: -28px 0 0 #808285 inset;
        }
        .alert p {
            font-size: 16px;
        }
        .dashboard-dt:hover .hover-text .transfer span.this-month {
            max-width: 135px;
        }
        .dashboard-dt:hover .hover-text .transfer span.last-month {
            max-width: 110px;
        }
        .reward-ls > li:last-child,
        .reward-ls > li:nth-child(3n) {
            padding-right: 7px;
        }
        .reward-ls li {
            width: 33.33%;
        }
        .reward-ls > li:nth-child(4n) {
            clear: both;
        }
        .send-mn > img,
        .reward-social img {
            width: 100%;
        }
        .send-mn p {
            float: none;
            text-align: center;
        }
        .send-mn .btn.btn-pink {
            float: none;
            margin: 0 auto;
        }
        .reward-social > li {
            width: 20%;
        }
        .select-beneficiaries.img-upload > label {
            margin: 0 !important;
            text-align: center;
            width: 100%;
        }
        .select-beneficiaries.img-upload {
            text-align: center;
        }
        .upload-bs ul li a.btn.btn-pink,
        .upload-bs ul li a.btn.btn-green {
            padding: 5px 20px;
        }
        .upload-statement,
        .statement {
            width: auto;
        }
        .row_eq_height.visible {
            height: 540px;
        }
        .detail-process li p {
            font-size: 14px;
        }
        .payment-title > h2 {
            font-size: 40px;
        }
        .payment-title > p {
            font-size: 18px;
        }
        .modal-dialog {
            max-width: 97%;
        }
        .slider-team-btn .btn.btn-pink {
            font-size: 16px;
        }
        .start .dd-pointer-down::before {
            content: "\f107" !important;
            left: -24px !important;
        }
        .start .dd-pointer-down.dd-pointer-up::before {
            transform: rotate(180deg);
            top: -13px;
        }
        .form-online.auth-id {
            height: 260px;
        }
        .confirmation .btn-pink,
        .confirmation .btn-green {
            margin-bottom: 10px;
            margin-right: 0;
            padding: 5px 50px;
            width: 100%;
        }
        .title_2 h3,
        .pf-section > h3 {
            font-size: 20px;
        }
        .pass-reset .btn-pink,
        .pass-reset .btn-green {
            margin: 5px 0;
            width: 100%;
        }
        .confirm-title > p,
        .means li {
            font-size: 14px;
        }
        .money {
            margin: 15px 0 5px;
        }
        .vari-no {
            margin-left: -10px;
        }
        .pf-section > h3,
        .means.ref-code > p,
        .means h4 {
            font-size: 14px !important;
        }
        .email-box ul.dropdown-menu {
            right: -55px;
        }
        .hover-text .btn.btn-pink,
        .hover-text .btn.btn-green {
            display: table;
            margin: 10px auto 0;
        }
        .hover-text .btn.btn-green {
            margin-right: 0;
        }
        .captcha {
            display: block;
        }
        .dashboard-btn {
            margin: 15px auto 0;
        }
        .btn.btn-orange {
            font-size: 14px;
            margin-top: 10px;
        }
        .app-complete > ul {
            padding: 55px 10px 5px;
        }
        .p-info .mcontry .dd-container {
            min-width: 110px !important;
        }
        .p-info .form-group .input-group-addon .dd-selected label {
            font-size: 18px;
        }
        .guideline-img > img {
            width: 100%;
        }
        .cm_amount .btn.btn-green {
            display: inline-block;
            padding: 5px;
            width: 100%;
        }
        .payment-info h3 {
            font-size: 14px;
        }
        .services-checkbox > li,
        .st_frequency .services-checkbox {
            width: 100%;
        }
        .wallet-use,
        .use_wallet {
            float: none;
            margin-bottom: 10px;
        }
        .wallet-use {
            margin-right: 20px;
        }
    }
    @media only screen and (max-width: 360px) {
        header .navbar-form.navbar-left.nav-language {
            left: auto;
            margin: 18px 0 !important;
            position: absolute;
            top: 0;
        }
        .payangle-id > span {
            display: inline-block;
        }
        .tab-footer {
            background-color: transparent;
        }
        .tab-body .tab-content {
            border-left: 0px;
            border-right: 0px;
        }
        .tab-footer .signup-checkbox label {
            font-size: 16px;
        }
        .personal-title {
            font-size: 24px;
        }
        .popup .modal-footer a.btn.btn-green {
            font-size: 14px;
        }
        .social-link a {
            font-size: 14px;
        }
        .tab-footer.summary-wp.bill-mbtn .btn-pink {
            float: left !important;
        }
        .tr_pay_info p {
            font-size: 16px;
        }
        .bnk-acc .form-online label {
            font-size: 16px;
        }
        .add-company .btn {
            font-size: 14px;
        }
        .btn-black {
            font-size: 20px;
            width: 100%;
        }
        .slider-container .u104 .carousel-caption {
            padding: 115px 0 !important;
        }
    }
    @media only screen and (max-width: 340px) {
        .slider-container .item02 .container {
            background-size: cover !important;
        }
        .navbar-header {
            width: 94%;
        }
        .navbar-nav > li {
            padding: 20px 3px;
        }
        .add-new li:nth-child(2n) {
            margin-right: 0;
        }
        .add-new {
            text-align: left;
        }
        .rewards-wp .rewards .btn.btn-pink {
            font-size: 12px !important;
        }
        .rewards-wp .rewards .btn.btn-pink {
            float: none;
            margin-top: 8px !important;
        }
        .rewards-wp .btn.btn-pink {
            margin-top: 5px !important;
        }
        .dashboard-dt:hover .rewards p.last-month {
            float: none;
        }
        .bx-wrapper .team-slider .row {
            margin: 0 20px 0 0;
            width: 15.8% !important;
        }
        .panel-title2 > a {
            font-size: 16px;
        }
        .pf-section .btn.btn-pink {
            width: 100%;
            margin: 25px auto;
        }
        .pf-section .btn.btn-green {
            width: 100%;
        }
        .notification-title h2 {
            font-size: 16px;
        }
        .send-money-notify {
            width: 27% !important;
        }
        .means.declain-info li {
            font-size: 14px;
            padding-left: 28px;
        }
        .means.declain-info li::before {
            font-size: 20px;
            height: 30px;
            left: -6px;
            line-height: 29px;
            width: 30px;
        }
        .confirm-title > h3 {
            font-size: 26px;
        }
        .send-receive-box {
            margin-bottom: 35px;
        }
        /*slider*/
        
        .slider-container .u104 .carousel-caption {
            padding: 105px 0 !important;
        }
    }
    @media only screen and (max-width: 320px) {
        /*slider*/
        
        .slider-container .carousel-caption > h3 {
            font-size: 20px !important;
        }
        .slider-container .u104 .carousel-caption {
            padding: 115px 0 !important;
        }
        .summary {
            bottom: 162px !important;
        }
        .tab-footer.summary-wp .btn-pink {
            display: table;
            margin: 0 auto !important;
            float: none !important;
        }
        header .navbar-form.navbar-left.nav-language {
            box-shadow: none !important;
        }
        .navbar-form.navbar-left.nav-language .dd-select {
            float: right !important;
        }
        .mobile .dd-select {
            width: auto !important;
        }
        .mobile-btn .summary {
            bottom: 158px !important;
        }
        .tab-footer .signup-checkbox label {
            font-size: 14px;
        }
        .personal-title {
            font-size: 24px;
        }
        .send-mni-text {
            margin-top: 5px;
        }
        .benificiri-payout > label {
            margin-right: 0 !important;
        }
    }
    /***** Css For Validation *****/
    
    .form-error,
    .form-success,
    .form-invalidmail-error,
    .form-matchmail-error {
        position: absolute;
        right: 4px;
        font-size: 23px;
        top: 13px;
        display: none;
        transition: all 0.2s ease 0s;
    }
    .form-group.half-input .form-error,
    .form-group.half-input .form-success,
    .form-group.half-input .form-invalidmail-error,
    .form-group.half-input .form-matchmail-error {
        position: absolute;
        right: 5px;
        font-size: 23px;
        top: 12px;
        display: none;
        transition: all 0.2s ease 0s;
    }
    .form-group.half-input:first-child i {
        right: 20px !important;
    }
    .profile-pass .input-icon i {
        right: 35px;
        top: 12px;
    }
    .password .form-error,
    .password .form-success,
    .password .form-invalidmail-error,
    .password .form-matchmail-error {
        top: 21px;
        right: 35px;
    }
    .confirm-password .form-error,
    .confirm-password .form-success,
    .confirm-password .form-invalidmail-error,
    .confirm-password .form-matchmail-error {
        top: 21px;
        right: 35px;
    }
    .profile-password .form-error,
    .profile-password .form-success,
    .profile-password .form-invalidmail-error,
    .profile-password .form-matchmail-error {
        top: 10px;
        right: 35px;
    }
    .form-error,
    .form-invalidmail-error,
    .form-matchmail-error {
        color: #a94442;
    }
    .form-success {
        color: #080;
    }
    .tipper {
        position: absolute;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 5px 10px 0px 10px;
        box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
        color: #999;
        z-index: 99;
        display: none;
        border-radius: 10px !important;
    }
    .form-group.half-input .form-invalidmail-error,
    .form-group.half-input .form-matchmail-error {
        top: 20px;
    }
    .tipper > p {
        text-align: left !important;
    }
    .form-group.half-input.left-text i {
        right: 20px;
    }
    .personal-info .form-error,
    .form-matchmail-error {
        top: 13px;
    }
    .profile-password .form-error {
        top: 12px;
    }
    .register .form-error,
    .register .form-success,
    .register .form-invalidmail-error,
    .register .form-matchmail-error {
        top: 14px;
    }
    .mobilec i {
        top: 14px;
    }
    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
        background-color: #fff;
        border: 2px solid #212f3f;
        border-radius: 5px !important;
        height: 200px;
        margin: 0;
        overflow-y: auto;
        padding: 10px;
        width: 247px !important;
    }
    .ui-menu-item {
        list-style: outside none none;
    }
    .register .form-error,
    .register .form-success,
    .register .form-invalidmail-error,
    .register .form-matchmail-error {
        top: 14px;
    }
    .mobilec i {
        top: 14px;
    }
    .blockUI {
        z-index: 9999999 !important;
    }
    .blockUI.blockOverlay {
        z-index: 999999 !important;
    }
    .js-error-red {
        color: #d8424d !important;
        font-size: 12px;
    }
    .pcaAutoCompleteSmall {
        z-index: 99;
    }
    .select-beneficiaries.img-upload.manage-profile-popup > input {
        display: none;
    }
    .term {
        float: left;
    }
    .Add_banificiary {
        display: inline-block;
        width: 100%;
    }
    .sm-notice > p {
        color: #ffffff;
        font-size: 19px;
        padding: 20px 22px;
        text-align: center;
    }
    .opacity-disable .img-flag.flag_gb {
        opacity: 0.6;
    }
    .opacity-disable .select2-selection.select2-selection--single {
        cursor: no-drop;
        opacity: 0.5;
    }
    .btn.btn-green > #balance_tobe_paid {
        display: inline;
        font-size: 42px;
    }
    .form-group.disabled > label {
        top: 7px;
    }
    .form-group.disabled > input {
        padding-top: 22px !important;
    }
    #accordion1 > div {
        margin-bottom: 30px;
    }
    .bnk_dt.fix-screen {
        display: inline;
    }
    .payment-info .send-money-wp .btn.btn-green {
        cursor: inherit;
    }
    .sending-border {
        border-bottom: 1px solid #d5d5d5;
    }
    .summary-detail .sending-border {
        padding-bottom: 6px;
    }
    .summary-detail .black-bold {
        font-weight: 600;
    }
    .summary-detail .red-bold {
        font-weight: 600;
    }
    .summary-detail .summary-tab-icon {
        background-color: rgba(0, 0, 0, 0);
        border: 0 none;
        color: #000000;
        font-size: 16px;
        padding: 0;
        width: 10px;
    }
    .summary-accordion {
        padding: 3px 0 0;
    }
    .select2-container--default.select2-container--disabled .select2-selection--single .img-flag.flag_gb {
        opacity: 0.4;
    }
    .date-rq-gender .require.rq-gender {
        font-size: 25px;
        right: -12px !important;
        top: 20px;
    }
    .flag-img-circle {
        border-radius: 100% !important;
        height: 17px !important;
        margin-right: 10px !important;
        width: 18px !important;
    }
    .process-cancle li {
        width: auto;
    }
    .text-amend {
        font-size: 14px;
        font-weight: 500;
        text-align: right;
        color: #212f3f;
    }
    .text-delete {
        color: #212f3f;
        font-size: 14px;
        font-weight: 500;
        padding-right: 0 !important;
        width: 50px;
    }
    .text-delete a,
    .text-amend a {
        color: #212f3f;
    }
    .dashboard-info > ul {
        width: 100%;
    }
    .pay-active .howpay-checkbox > label{
      background-color: #ffffff;
      border: 2px solid #222f3f;
      border-radius: 3px !important;
      padding:3px 18px;
      color: #000000!important;
      font-size: 14px;
      font-weight:500!important;
  }
  .howpay-checkbox > label{
      border: 1px solid #9e9e9e;
      border-radius: 3px !important;
      padding:3px 18px;
      color: #808285!important;
      font-size: 14px;
      font-weight:normal!important;
  }
  .howpay-checkbox > label p{font-size:11px;}
  .howpay > li {
     /* padding-top: 10px;*/
 }
 .howpay-checkbox > label{
  /*min-height: 78px;*/
  overflow: hidden;
  vertical-align: top;
  width: 100%;
  cursor: pointer;
} 	
    /*

.form-group.half-input.bcity {

	margin-top: 5px;

}

.cc-country .form-group {

	margin-top: 12px;

}



.personal-info .form-group.half-input .form-error, .form-group.half-input .form-success, .form-group.half-input .form-invalidmail-error, .form-group.half-input .form-matchmail-error{top:20px;}line-9732


.personal-info .form-error, .form-success, .form-invalidmail-error, .form-matchmail-error{top:13px;} line no-9735





*/

.login-form .form-invalidmail-error,
.login-form .form-success,
.login-form .form-error {
    right: 10px;
    top: 20px;
}
.payout-error.source_amount_js_error a {
    float: none;
}
.login-form .input-icon .form-success,
.login-form .input-icon .form-error {
    right: 52px;
    top: 20px;
}
#reset_new_password_form .form-success {
    right: 42px;
}
#reset_new_password_form .form-error {
    right: 42px;
}
/* will be red only in google chrome */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .login-form .input-icon .form-success, .login-form .input-icon .form-error {
        right: 52px;
        top: 28px;
    }
    .reset-password .hideShowPassword-toggle.hideShowPassword-toggle-show {
        margin-top: -7px !important;
    }
    .hideShowPassword-toggle.hideShowPassword-toggle-show {
        margin-top: -3px !important;
    }
        /*.exchange-rate .input-group-addon .select2-container {

  min-width: 163px;

  }*/

  .select2-container {
    margin: 0 !important;
}
.required-drop-down .select2-container {
    margin: 0 auto !important;
}
}
.discount .button-red-remove {
    background-color: #d8424d;
    border: 0 none;
    border-radius: 30px !important;
    color: #ffffff;
    font-size: 18px;
    margin-left: 20px;
    padding: 8px 40px;
}
/*manage-profile-popup-css*/

#silver_example {
    text-align: center !important;
}
.alert-success {
    background-color: rgba(32, 49, 65, 0.98);
    border: medium none;
    color: #ffffff;
    margin: 0;
    padding: 30px 0 30px 360px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
.alert-success h3 {
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 30px;
}
.alert-success p {
    padding-bottom: 44px;
}
.alert-success .btn-Continue {
    background-color: #70b73f;
    border: medium none;
    border-radius: 50px !important;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 64px;
}
.alert-success a {
    color: #009396;
}
.sign-up-info .password .form-error,
.sign-up-info .password .form-success {
    right: 42px;
    top: 13px;
}
.sign-up-info .confirm-password .form-error,
.sign-up-info .confirm-password .form-success {
    right: 42px;
    top: 13px;
}
.sign-up-info .form-success {
    right: 10px;
    top: 13px;
}
.sign-up-info .form-success,
.sign-up-info .form-error {
    right: 10px;
    top: 13px;
}
.sign-up-info .form-invalidmail-error,
.sign-up-info .form-success {
    right: 10px;
    top: 13px;
}
.sign-up-info .form-error,
.sign-up-info .form-matchmail-error {
    right: 10px;
    top: 13px;
}
#user_tranactions_filter {
    display: none;
}
/*Contact Us page css*/

.notification-bar .contact-us {
    border-color: #c0c0c0;
}
.contact-details .form-group {
    margin: 0;
}
.contact-details textarea {
    border: 2px solid #212f3f;
    border-radius: 3px !important;
    height: 195px;
}
.contact-details .payment-process {
    margin: 40px 0 0 !important;
}
.contact-details .select2-container {
    max-width: 450px !important;
    width: 100% !important;
}
.contact-details .payment-info.start {
    padding: 0 !important;
}
.contact-details .payment-info.start {
    margin-top: 42px !important;
}
.contact-details .personal-info .form-online {
    margin: 0;
}
.contact-details .btn-pink {
    float: left;
    font-size: 20px;
    margin-top: 30px;
    padding: 14px 115px;
    text-transform: uppercase;
}
.contact-sidbar .sub-title {
    margin: 0 0 18px;
}
.contact-sidbar .payment-process.start > h4 {
    color: #212f3f;
    font-size: 18px;
    text-align: left;
}
.contact-sidbar .working-hours {
    margin: 0;
    padding: 0;
}
.contact-sidbar .working-hours > li {
    color: #212f3f;
    font-size: 14px;
    list-style: outside none none;
    padding-bottom: 22px;
    text-align: left;
}
.contact-sidbar .btn.btn-pink {
    margin: 5px 0 26px;
    padding: 14px 90px;
    width: 100%;
}
.contact-address-call > li i {
    color: #6fb73f;
    float: left;
    font-size: 18px;
    margin-right: 4px;
    padding-top: 3px;
}
.contact-address-call > li {
    list-style: outside none none;
    margin-bottom: 15px;
    text-align: left;
}
.contact-address-call {
    margin: 0;
    padding: 0;
}
.contact-address-call p {
    line-height: 1.2;
    padding-left: 35px;
}
.contact-address-call > li {
    font-size: 14px;
    list-style: outside none none;
    margin-bottom: 15px;
    text-align: left;
    color: #212f3f;
}
.contact-details .contact-sidbar {
    background-color: #fbfbfb;
    padding: 8px 10px 0;
}
.contact-title-border::before {
    background-color: rgba(0, 0, 0, 0);
}
.sub-title.contact-title-border {
    padding: 0;
}
.contact-details .payment-process.contact-p-0:first-child {
    margin-top: 28px !important;
}
.contact-details .payment-process.start.blok-padding-0 {
    margin-top: 22px !important;
}
#coupon_code {
    background-color: #6fb73f;
    color: #ffffff;
    font-weight: 700;
    margin: 54px auto 70px;
    padding: 16px 10px;
    width: 36%;
}
#coupon_modal .close {
    border: 2px solid #222f3f;
    border-radius: 100% !important;
    height: 35px;
    position: fixed;
    right: 5px;
    top: 5px;
    width: 35px;
}
#coupon_modal .close:hover {
    border: 2px solid #d8424d;
    color: #d8424d;
    opacity: 1;
}
#coupon_modal .modal-header {
    border: medium none;
}
#coupon_modal .discount-info > h3 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}
.transformnone {
    text-transform: none !important;
}
/*slider*/

.u104 {
    background-image: url(../images/man%20and%20kid.png);
}
.slider-img-bg {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
.carousel-caption img {
    height: auto !important;
    width: 100%;
}
#u145 {
    background-color: #ffffff;
    height: 1px;
    left: 0;
    position: relative;
}
#u145 {
    margin: 0 auto;
    top: -3px;
    width: 70%;
    z-index: 13;
}
.u104 .carousel-caption > p {
    margin-top: 5px;
}
.slider-container .u104 .carousel-caption {
    padding: 145px 0;
    z-index: 999;
    top: auto;
}
.slider-container .u104 .carousel-caption p {
    margin-left: 0;
    width: 100%;
}
.slider-container .carousel-caption > h3 {
    font-size: 40px;
    text-shadow: 3px 3px 5px #303030;
}
.company-id .form-group.disabled > input {
    padding-top: 14px !important;
}
.company-id .form-group.disabled > label {
    top: 7px !important;
}
.form-group .ref_no.required {
    /* border-color: #b7b7b7 !important;*/

    background-color: #fff;
}
    /*#company_input > label {

  color: #b7b7b7 !important;

}

.company-detail .form-online .form-group > label {

  color: #b7b7b7 !important;

  }*/

  .ui-autocomplete,
  #new-clk-lbl {
    background-color: #ffffff;
    border: 2px solid #212f3f !important;
    border-radius: 5px !important;
    height: auto !important;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    overflow-y: auto;
    padding: 10px;
    width: 380px !important;
    z-index: 999 !important;
}
#new-clk-lbl {
    color: #808285;
    display: inline-block;
    font-size: 14px;
    font-weight: 200;
    margin-top: 5px;
}
#company_new .text.new-comp.make-disabled.mobile-number1.required {
    margin-top: 3px !important;
}
#company_new .form-gdinput .form-group {
    margin-top: 3px;
}
#company_exist .form-group.disabled {
    margin-top: 3px !important;
}
.company-detail .select2-container .select2-selection--single {
    height: 45px !important;
}
.company-detail .ref_no.required {
    margin-top: 2px !important;
}
#add_benef_form .cc-country .form-group.half-input {
    margin-bottom: 5px;
}
#add_benef_form .intl-tel-input .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0);
}
.total span {
    float: right;
}
.pay-here {
    cursor: pointer;
}
input[type="text"]:disabled {
    border-color: #b7b7b7 !important;
    background-color: #fff;
    color: #b7b7b7;
}
input[type="text"]:disabled + label {
    background-color: transparent;
    border-color: #b7b7b7 !important;
    color: #b7b7b7;
}
input[type="text"]:disabled + span + label {
    color: #b7b7b7 !important;
    font-size: 12px;
}
/*my-favourite-bill-company* page*/

#DataTables_Table_0_filter {
    display: none;
}
.form-group .disabled_label {
    color: #b7b7b7 !important;
}
input[type="text"]:disabled + label {
    color: #b7b7b7 !important;
    font-size: 14px !important;
    top:4px !important;
}
#send-bill-money-form3 .payout-error {
    position: static;
}
    /*#people .register .form-group label {
  top: 13px;
  }*/
  /*sign-up-page*/

  .sign-up-info .form-group.country-resi {
    margin-top: 10px !important;
}
.sign-up-info .signup_checkbox > label {
    margin-bottom: 5px;
    margin-top: 15px;
}
.sign-up-info .country-resi .selection {
    display: flex;
}
.sign-up-info .country-resi .selection {
    display: flex;
}
.sign-up-info .country-resi .select2-selection__arrow {
    height: 95% !important;
}
.sign-up-info .form-group.input-group.currency.mobile {
    display: flex;
    margin-bottom: 4px;
}
.company-detail .select2.select2-container.select2-container--default .selection {
    display: inline;
}
.personal-info .payment-datail .form-group,
.payment-datail .dd-select,
.dd-options.dd-click-off-close {
    margin-bottom: 10px;
}
#company_new .form-input .form-group {
    margin-top: 7px;
}
.sm-money-box {
    padding-bottom: 20px;
}
.payout-error {
    width: 260px;
}
/*new css*/

#company_new input:focus ~ label {
    font-size: 14px;
    top: 6px;
}
#company_new .profile-detail.pr_dt .register input:focus ~ label,
.register input:valid ~ label {
    top: 6px;
}
#iban_new:focus ~ label {
    font-size: 14px !important;
    top: 6px !important;
}
#company_new .form-gdinput .form-group label:last-child {
    font-size: 18px;
    top: 13px;
}
.blockUI.blockMsg.blockPage {
    display: table;
    left: 0 !important;
    margin: 0 auto !important;
    right: 0;
    top: 50% !important;
    transform: translateY(-50%);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .blockUI.blockMsg.blockPage {
        display: table;
        left: 0 !important;
        margin: 0 auto !important;
        right: 5.5%;
        top: 50% !important;
        transform: translateY(-50%);
    }
}
    /*.reset-password .form-error, .form-success, .form-invalidmail-error, .form-matchmail-error {
  right: 42px;
  top: 14px;
}
*/

.beneficiary-box:last-child {
    margin: 0 auto !important;
}
.beneficiary-box {
    float: none !important;
}
#manage_profile_form .new-beneficiary.profile-wp.start {
    width: 59%;
}
#Referral .doante-charity-box label h3 {
    display: inline-block;
    vertical-align: top;
}
#Referral .charity-boxtext {
    padding-left: 37px;
    width: 100%;
}
.color-6 .inner-text h4 {
    margin-top: 16px;
}
.color-6 .inner-text {
    padding: 8px;
}
.color-6 .openacc-img {
    margin-top: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #manage_profile_form .new-beneficiary.profile-wp.start {
        width: 57.9% !important;
    }
    .personal-info .form-error,
    .form-matchmail-error {
        top: 14px !important;
    }
    .profile-password .form-error,
    .profile-password .form-success,
    .profile-password .form-invalidmail-error,
    .profile-password .form-matchmail-error {
        top: 17px;
    }
    .hideShowPassword-toggle.hideShowPassword-toggle-show {
        margin-top: -7px !important;
    }
}
.save-move {
    padding-bottom: 50px;
    width: auto !important;
}
.slider-container .pay-only-ghana {
    max-width: 815px;
}
.slider-container .u104 .pay-only-ghana {
    padding: 95px 0;
}
.slider-container .pay-only-ghana > h3 {
    font-size: 40px;
    font-weight: 600;
    text-shadow: none;
}
.slider-container .carousel-indicators {
    top: 92%;
}
/*slider*/

.slider-img-bg {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
.carousel-caption img {
    height: auto !important;
    width: 100%;
}
#u145 {
    background-color: #ffffff;
    height: 1px;
    left: 0;
    position: relative;
}
#u145 {
    margin: 0 auto;
    top: -3px;
    width: 70%;
    z-index: 13;
}
.u104 .carousel-caption > p {
    margin-top: 5px;
}
.slider-container .u104 .carousel-caption {
    padding: 145px 0;
    z-index: 999;
    top: auto;
}
.slider-container .u104 .carousel-caption p {
    margin-left: 0;
    width: 100%;
}
.slider-container .carousel-caption > h3 {
    font-size: 40px;
    text-shadow: 3px 3px 5px #303030;
}
/*3-2-16*/

.send-money-mobile-text > h1 {
    color: #222f3f;
    font-size: 45px;
    margin: 0;
}
.send-money-mobile-text > p {
    color: #000000;
    font-size: 19px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 0;
}
.send-money-mobile-text > a {
    display: inline-block;
    margin-top: 70px;
}
.send-money-mobile .send-money-mobile-text {
    padding: 23% 0;
}
.how h1::after {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80px;
    height: 5px;
}
.how h1 {
    color: #222f3f;
    font-size: 50px;
    font-weight: 300;
}
#howitworks > p {
    font-size: 18px;
    font-weight: 300;
}
.how-text > span {
    color: #ba2c36;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    padding-top: 25px;
}
.back {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    transform: inherit;
}
.how-flow div:hover .flip-container .flipper,
.flip-container.hover .flipper {
    transform: inherit;
}
.map {
    background-image: url(../images/word-map.jpg);
    min-height: auto;
}
.back p {
    color: #7f8386;
    font-size: 14px;
    padding: 0 7px;
    position: static;
}
.flow-text {
    color: #222f3f;
    font-size: 26px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 350px;
}
.payangelwhichwhite {
    background-position: -1px -794px;
    height: 100px;
    width: 100px;
}
.payangelpaycopy {
    background-position: 0 -894px;
    height: 100px;
    width: 86px;
}
.payangelfeecopy {
    background-position: -102px -794px;
    height: 100px;
    width: 100px;
}
.flow-left::before,
.flow-middle::before {
    background-image: url("../images/arrow%20lefHow%20It%20Works-t.png");
    background-repeat: no-repeat;
    content: "";
    height: 55px;
    position: absolute;
    right: -90%;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
}
.testimonials h1::after,
.news h1::after {
    height: 5px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80px;
}
.testimonials h1,
.news h1 {
    color: #222f3f;
    font-size: 50px;
    font-weight: 300;
}
.stats::before {
    background-color: rgba(10, 129, 133, 0.5);
}
.stats {
    background-image: url(../images/acacia-tree-sunset.jpg);
    background-position: center center;
    background-size: cover;
    padding: 120px 0;
    position: relative;
}
.news .btn.btn-black {
    background-color: #70b73f;
    border-color: #70b73f;
}
.news .btn.btn-black:hover {
    background-color: #307700;
    border-color: #307700;
    color: #ffffff;
}
.payangellinkedin {
    background-position: -170px -408px;
    height: 52px;
    width: 52px;
}
.payangeltwitter {
    background-position: -181px -107px;
    height: 52px;
    width: 52px;
}
.payangelgoogle {
    background-position: -170px -355px;
    height: 52px;
    width: 52px;
}
.payangelfacebook {
    background-position: -181px -160px;
    height: 52px;
    width: 52px;
}
#people .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}
/*new-slider*/

.slider-container .pay-only-ghana > h3 {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left;
    text-shadow: none;
}
.slider-container .carousel-caption > h3::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    content: "";
    height: 0;
    left: 0;
    position: static;
    top: 100%;
    width: 50%;
}
.u104 .carousel-caption > p {
    margin-top: 5px;
    text-align: left;
}
.slider-container .u104 .pay-only-ghana {
    padding: 50px 0 0 !important;
    top: 0;
}
.slider-container .pay-only-ghana {
    max-width: 1145px;
}
.u104 .img-flag {
    background-position: -216px -51px;
    display: inline-block;
    height: 17px !important;
    margin-top: 6px;
    width: 27px;
}
.slide .u104 .currency .input-group-addon {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    left: auto;
    position: absolute;
    right: 0;
    top: 12px;
    vertical-align: top;
    width: 100px;
    z-index: 3;
}
.slide .u104 .select2-container--default .select2-selection--single {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #212f3f !important;
    width: 300px;
}
.slide .u104 .form-inline .form-group {
    display: inline;
    margin: 0 !important;
    vertical-align: middle;
}
.slide .u104 .form-inline.exchange-rate {
    float: right;
    margin-top: 30px;
}
.selct-box {
    max-width: 300px;
    width: 100%;
}
.slide .u104 .currency input {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ffffff;
    border-radius: 25px !important;
    color: #ffffff !important;
    height: 35px !important;
    margin-top: 10px;
    font-family: roboto;
}
.slider-container .slide .u104 .select2-selection {
    border: 1px solid #ffffff !important;
    border-radius: 25px !important;
    height: 35px !important;
    padding: 2px 12px;
}
.slide .u104 .exchange-rate .input-group-addon .select2-container--default .select2-selection--single,
.exchange-rate .input-group-addon .select2-selection__arrow {
    height: 35px !important;
    width: 94px !important;
    font-family: roboto;
}
.slider-container .u104 .select2-selection__arrow {
    border-left: 1px solid #ffffff;
    box-shadow: -46px 0 0 rgba(0, 0, 0, 0) inset;
}
.slider-container .u104 .how_much-box .select2-selection__arrow {
    border: medium none;
}
.slider-container .u104 .exchange-rate .input-group-addon .select2-container {
    min-width: auto !important;
    top: 11px;
    width: auto !important;
}
.slider-container .exchange-rate .input-group-addon .select2-container--default .select2-selection--single,
.exchange-rate .input-group-addon .select2-selection__arrow {
    background-color: rgba(0, 0, 0, 0) !important;
    height: 46px !important;
}
.slider-container .slide .u104 .how_much-box .select2-selection {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ffffff !important;
    border-image: none !important;
    border-radius: 0 !important;
    border-style: none none none solid !important;
    border-width: medium medium medium 1px !important;
    padding: 7px 0 7px 7px;
}
.slider-container .u104 .currency .form-control::-moz-placeholder {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}
.slider-container .u104 .currency .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}


.slider-container .u104 .select2-selection__arrow::before {
    font-size: 33px;
    top: -4px;
}
.slider-container .u104 .how_much-box .select2-selection__arrow::before {
  right: 7px;
  top: 0;
  }    .how_much-box .img-flag {
    display: none;
}
.slider-container .u104 .how_much-box .select2-selection__rendered {
    top: -3px;
}
.send-money-slider-btn {
    background-color: #d8424d;
    border-radius: 25px !important;
    color: #ffffff;
    float: left;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-top: 10px;
    padding: 5px 0;
    width: 300px;
    font-family: roboto;
}
.send-money-slider-btn:hover {
    background-color: #ba2c36;
    color: #ffffff;
    text-decoration: none;
}
.slider-container .u104 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
    font-weight: 500;
    font-family: roboto;
}
.send-money-slider-info {
    display: inline-block;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.send-money-slider-info tr td:first-child {
    text-align: left;
    width: 120px;
}
.send-money-slider-info tr td {
    font-family: roboto;
    font-size: 12px;
    font-weight: 300;
}
.send-money-slider-info tr td:last-child {
    padding-left: 120px;
    text-align: right;
}
section.join {
    background: #9cc7ce none repeat scroll 0 0;
}
section.join .btn {
    font-size: 24px;
}
.mid-image {
    margin: 0 auto;
    position: relative;
    width: 38%;
}
.highlight-left {
    animation: 2s ease-in 0s normal none infinite running highlight-left;
    left: -20px;
    margin-top: -100px;
    position: absolute !important;
    z-index: 10 !important;
}
@-webkit-keyframes highlight-left {
    0% {
        opacity: 0;
        top: 100%;
        -webkit-transform: scale(0);
    }
    70% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        top: 0;
        -webkit-transform: scale(0);
    }
}
@keyframes highlight-left {
    0% {
        opacity: 0;
        top: 100%;
        transform: scale(0);
    }
    70% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        top: 0;
        transform: scale(0);
    }
}
.money-mobile-img-2 {
    left: 100%;
    position: absolute;
    top: -6%;
}
.select2-results__option span {
    font-size: 14px;
}
.contact-details .form-control.required.mobilenumber.mobile-number1 {
  margin-bottom: 5px !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .slide .u104 .currency .input-group-addon {
        left: 200px;
        position: absolute;
        right: 0;
        top: 0px;
    }
    .slide .u104 .exchange-rate .input-group-addon .select2-container--default .select2-selection--single, .exchange-rate .input-group-addon .select2-selection__arrow {
        height: 34px !important;
    }
    .slider-container .u104 .how_much-box .select2-selection__arrow::before {
        right: 4px;
        top: 0;
    }
    .contact-details .form-control.required.mobilenumber.mobile-number1 {
        margin-bottom: 10px !important;
    }
}
.slider-container .u104 .currency::-webkit-input-placeholder {
    /* Chrome */

    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}
.slider-img-bg img {
    float: right;
    margin-right: 50px;
    position: relative;
    width: auto;
}
.testimonials {
    color: #ffffff;
    margin-top: 0;
}
.slider-container .u104 .select2-container--default .select2-selection--single .select2-selection__arrow {
    border-radius: 0 !important;
    height: 35px !important;
}
.navbar-header .navbar-brand > img {
    height: 100%;
    margin-left: 15px;
    margin-top: 0px;
    width: auto;
}
.form-group .tooltip {
    width: 100% !important;
    height: auto;
}
#expire-session .join-app {
    font-size: 25px;
}
#expire-session .join-app > span {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    padding: 10px 0 0;
}
#expire-session .modal-body > p {
    color: #505050;
    font-size: 16px;
    padding-top: 30px;
}
#expire-session .model-footer a {
    margin: 0;
}
#expire-session .model-footer {
    margin-top: 0 !important;
}
.sign-up-info .country-resi .select2-selection__arrow {
    height: 100% !important;
}
    /*.notification-header {
  margin-top: 23px;
  }*/

  #frmpaid .form-group {
    margin-right: 10px;
}
#frmpaid .select2-container {
    width: 222px !important;
}
#frmcountry .select2-container {
    width: 222px !important;
}
#frmcountry .form-group {
    margin-right: 10px;
}
.payment-datail.sendmoney-detail .col-sm-6.pr:last-child .form-group {
    margin: 0;
}
.payment-datail.sendmoney-detail .col-sm-6.pr:last-child {
    margin-bottom: 0;
}
.payment-datail.sendmoney-detail .form-group input {
    height: 44px;
}
.alert-success {
    background-color: rgba(32, 49, 65, 0.98);
    padding: 0 !important;
    position: absolute;
    width: 100%;
}
.send-receive-box .payout-error {
    margin-top: 10px;
    width: 430px;
}
.send-receive-box .payout-error > p {
    color: #d8424d !important;
}
.summary-detail {
    padding: 0;
}
.amount strong {
    font-size: 14px;
}
.summary-detail li {
    padding: 0 10px;
}
.summary-detail .total {
    background-color: #70b73f;
}
.sending-border {
    margin: 0 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.navbar-default {
    border-bottom: 3px solid #222f3f;
}
/*timeout*/

.time-out .send-money-notify {
    float: right;
    width: 12%;
}
.time-out .notification-header {
    border-bottom: 2px solid #d5d5d5;
    margin-bottom: 0;
    padding: 2px 0;
}
.time-out .pass-code {
    margin: 70px 0;
}
.time-out .pf-section {
    border-top: medium none;
    margin: 0 auto;
    max-width: 850px;
    padding: 0;
}
.time-out .home-login-btn {
    margin-top: 87px;
}
.time-out .home-login-btn > p {
    color: #212f3f;
    font-size: 18px;
    margin-bottom: 20px;
}
.home-login-btn a {
    font-size: 20px !important;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px 0 !important;
    width: 185px !important;
}
.time-out .pf-section > h3 {
    font-size: 18px;
    line-height: 25px;
}
.time-out .tr-receive {
    font-size: 24px !important;
    margin-bottom: 28px;
}
.send-money-slider-btn:focus {
    color: #ffffff;
    text-decoration: none;
}
#add_benef_form .advdate .calendar-icon::before {
    top: 0 !important;
}
.fltleft {
    float: left !important;
    margin-bottom: 20px;
    width: 29.33%;
}
.count-2 .beneficiary-box {
    float: left !important;
    margin-bottom: 20px;
    width: 29.33%;
}
.count-2 {
    left: 50%;
    position: relative;
    transform: translateX(-33.33%);
}
.count-3 .beneficiary-box {
    float: left !important;
}
.ideal-logo {
    background-position: -85px -917px;
    height: 78px;
    left: 35px;
    position: absolute;
    top: 0;
    width: 88px;
}
.col-md-9.left-bar.row-eq-height .payment-info {
    padding-top: 40px;
}
.pay_banking .tr_account .sub-title {
    margin-top: 20px;
}
.pay_banking .wallet-use > h4 {
    color: #505050;
    font-family: inherit;
    font-weight: 300;
}
.howpay-rightinfo .summary-detail {
    margin-top: 7px;
}
#send-money-step3-form .btn.btn-pink.mobile-hidden {
    display: block !important;
}
.payment-process.discount .redeem_code.btn.btn-red {
    background-color: #d8424d;
    border: medium none;
    border-radius: 30px !important;
    color: #fff;
    float: right;
    margin-left: 20px;
    padding: 8px 40px;
}
.js_error {
    color: #d8424d;
    display: inline-block;
    margin-top: 6px;
}
.error-msg-block {
    width: 100% !important;
}
.search-results-input .ui-helper-hidden-accessible {
    float: left;
}
.summary-detail span.green,
.summary-detail span.red {
    font-style: normal;
}
.not-done {
    margin-left: -6px !important;
    margin-top: -2px;
}
.summary-detail.summary-accordion > li {
    margin-left: 16px;
    margin-right: 2px;
}
.summary-detail.summary-accordion {
    margin-top: 0;
}
.summary-detail.summary-accordion > li {
    padding-right: 0;
}
/*open-bank-account-step2*/

#open-bank-acc-form-2 input[type="text"]:disabled + label {
    font-size: 12px;
    top: 5px;
}
.country-phone-flag-op .selected-flag {
    opacity: 0.4;
}
.alert-success .fa.fa-info-circle {
    font-size: 16px;
    margin-right: 2px;
    vertical-align: inherit;
}
.alert-success .registered-icon {
    font-size: 17px;
    margin-left: 2px;
    position: absolute;
    width: 13px;
}
.alert.cookie-alert.alert-dismissible.fade.in {
    margin-bottom: 45px;
}
.alert-success .btn-Continue {
    float: right;
    padding: 5px 0;
    width: 300px;
}
.share-discount .discount-info .sending-money {
    margin: 0 40px;
}
.notification-header {
    padding: 2px 0;
}
.ui-autocomplete a {
    cursor: pointer;
}
.datetimepicker-input {
    color: #212f3f !important;
    padding-top: 0 !important;
    z-index: 999;
}
#Referral .confirm.btn.btn-pink {
    border: medium none;
    border-radius: 20px !important;
    color: #fff;
}
#join .confirm.btn.btn-pink {
    border: medium none;
    border-radius: 20px !important;
    color: #fff;
}
#join-all .confirm.btn.btn-green.submit-clk {
    border: medium none;
    border-radius: 20px !important;
    color: #fff;
}
.transfer-wp .transfer-input-wp {
    float: right;
    width: 78%;
}
.transfer-view.text-right .btn-green {
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    margin: 4px 0;
    padding: 4px 21px !important;
}
.transfer-wp .transfer-input-wp input {
    padding-bottom: 0 !important;
}
.transaction_table tbody tr td:nth-child(4) {
    text-align: center;
}


.addnew-one .beneficiary-item h2 {
    border-bottom: 2px solid #dddddd;
    margin: 0 0 20px;
    padding: 25px 0 30px;
}
.beneficiri-table.beneficiaries-one .beneficiri-payment {
    border-bottom: medium none;
    display: inline-block;
    padding: 8px 0;
    vertical-align: top;
    width: 100%;
}
.beneficiri-table.beneficiaries-one .user-contry > li,
.beneficiri-table.beneficiaries-one .money-process li {
    display: block !important;
}
.beneficiri-table.beneficiaries-one .user-contry > li:last-child {
    text-align: left;
    width: 50%;
}
.addnew-one.addnew .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}
.beneficiri-table.beneficiaries-one .user-contry > li .signup-checkbox {
    float: left;
    height: 20px;
    width: 20px;
}
.beneficiri-table.beneficiaries-one .user-contry > li .signup-checkbox > label {
    display: block !important;
    height: 20px !important;
    width: 20px !important;
}
.beneficiri-table.beneficiaries-one .user-contry > li .signup-checkbox > label::before {
    left: -21px !important;
    right: 0 !important;
    top: -10px;
}
.beneficiri-table.beneficiaries-one .transfer-cancle,
.beneficiri-table.beneficiaries-one .transfer-done {
    text-align: left;
}
.beneficiri-table.beneficiaries-one .flag-img-circle {
    border-radius: 0 !important;
    width: 23px !important;
}
.beneficiri-table.beneficiaries-one .btn-gray {
    background: #d5d5d5;
    border-radius: 50px !important;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 3px 15px !important;
    text-align: center;
}
.beneficiri-table.beneficiaries-one .btn-gray:hover {
    background: #c5c5c5;
    color: #ffffff;
    text-decoration: none;
}
.gray-col {
    color: #d5d5d5 !important;
}
.beneficiri-table.beneficiaries-one {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  display: inline-block;
  height: 420px;
  overflow-y: auto;
  padding-bottom: 30px;
  padding-top: 6px;
  vertical-align: top;
}
.addnew.addnew-one {
    padding-right: 0 !important;
}
.beneficiri-table.beneficiaries-one .money-process {
    width: 50%!important;
}
.thank-you-buttons .btn.btn-green {
  padding: 2px 75px !important;
}
.thank-you-buttons a {
  margin-right: 10px !important;
  padding: 2px 30px !important;
}
#preload > div {
  border: medium none !important;
  box-shadow: 0 0 0 3px #aaaaaa;
  font-size: 31px !important;
  font-weight: 300;
  left: 50% !important;
  letter-spacing: 0 !important;
  margin: 0 auto !important;
  padding: 20px 5px 10px;
  top: calc(50% - 55px) !important;
  transform: translateX(-50%);
  width: auto !important;
}
.select-beneficiaries label {
  cursor: pointer;
} 
#preload {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.transfers-download_icon span {
  color: #009396;
  font-size: 22px;
}
#user_tranactions tbody td {
  text-align: left !important;
}
.transfers-download_icon {
  padding-left: 25%;
}
.p_color-1, .p_color-2, .p_color-3 {
  width: 108% !important;
}


table.dataTable thead .sorting i {
  font-size: 17px;
  padding-left: 6px;
  vertical-align: text-top;
}
#send-money-step1-form .rightbar-subtitle {
  border-bottom: 3px solid #d5d5d5;
}
#send-money-step1-form .beneficiary-box {
  border: 2px solid #9e9e9e;
}
#send-money-step1-form .beneficiary-box h3 {
  background-color: transparent;
  color: #212f3f;
}
#send-money-step1-form .btn-black {
  margin: 30px auto 40px;
}



/*new page*/
.my-ewallet .sorting i {
  font-size: 17px;
  padding-left: 6px;
  vertical-align: text-top;
}
.my-ewallet .sorting {
  background-image: none !important;
}
.my-ewallet table.dataTable.no-footer {
  border-bottom: none;
}
.my-ewallet .dataTables_length, .my-ewallet .dataTables_filter {
  display: none;
}
.my-ewallet .dataTables_info, .my-ewallet .dataTables_paginate {
  display: none;
}
.my-ewallet .btn-black {
  margin-top: 0;
}
.my-ewallet .transfer-table .table > tbody > tr > td, .my-ewallet .transfer-table .table > tbody > tr > th, .my-ewallet .transfer-table .table > tfoot > tr > td, .my-ewallet .transfer-table .table > tfoot > tr > th, .my-ewallet .transfer-table .table > thead > tr > td, .my-ewallet .transfer-table .table > thead > tr > th {
  background-color: transparent !important;
  border: 1px solid #d9d9da;
}

.my-ewallet table.dataTable.stripe tbody tr.odd, .my-ewallet table.dataTable.display tbody tr.odd {
  background-color: transparent;
}

table.dataTable thead .sorting {
	background-image:url("../images/sort_both.png");
}
table.dataTable thead .sorting_asc {
	background-image:url("../images/sort_asc.png")
}
table.dataTable thead .sorting_desc {
	background-image:url("../images/sort_desc.png")
}
table.dataTable thead .sorting_asc_disabled {
	background-image:url("../images/sort_asc_disabled.png")
}
table.dataTable thead .sorting_desc_disabled {
	background-image:url("../images/sort_desc_disabled.png")
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  background-position: right center;
  background-repeat: no-repeat;
}
#user_tranactions tbody td.alignRight {
  text-align: right !important;
}
.display .sorting {
  cursor: pointer;
}
.display.transaction_table thead tr td {
  border-right: 1px solid #fff;
}
.sorting_disabled {
  background-image: none;
}
.affiliat-dashboard-bg {
  background-attachment: fixed;
  background-image: url("https://www.payangel.com/beta/affiliates/themes/default/assets-v1/images/Anziehend-img.jpg");
}

.sorting_1{
	background-color: #e6e7e8;
}
#user_tranactions_wrapper .display.transaction_table.table.table-sm {
  margin: 0 !important;
}
.width-th-td1 {
  width: 19% !important;
}
.width-th-td2{
  width: 12% !important;
}
.width-th-td3{
  width: 12% !important;
}

.width-th-td4{
  width: 5% !important;
}
.width-th-td{
  width: 14% !important;
}
#user_tranactions_wrapper .p_color-1, .p_color-2, .p_color-3 {
  width: 100% !important;
}
/*Payangle-Wallet*/


#Payangle-Wallet .modal-dialog {
  max-width: 965px;
}
#Payangle-Wallet .modal-body {
  padding: 0 45px 10px;
}
#Payangle-Wallet .join-app {
  border-bottom: 2px solid #d9d9d9;
  margin-bottom: 18px;
  padding-bottom: 33px;
}
#Payangle-Wallet .modal-body h1 {
  color: #212f3f;
  font-size: 60px;
  font-weight: 300;
  margin: 0;
  text-align: center;
}
.popup-border {
  border-bottom: 3px solid #70b73f;
  margin: 4px auto 0;
  text-align: center;
  width: 40%;
}
#Payangle-Wallet .modal-body > h4 {
  color: #d8424b;
  font-size: 14px;
  margin: 6px 0 5px;
  text-align: center;
}
#Payangle-Wallet .modal-body > p {
  color: #828186;
  font-size: 12px;
  margin-bottom: 2px;
  text-align: center;
}
#Payangle-Wallet .sign-up-detail .form-group, .signup_checkbox {
  /*width: 100% !important; commented by tapas due to design issue*/
}
.form-input.Payangle-Wallet-wp {
  display: inline-block;
  vertical-align: top;
}
.Payangle-Wallet-wp .form-group input {
  max-width: 100% !important;
}
#Payangle-Wallet .company-detail {
  padding-bottom: 0;
}
#Payangle-Wallet .model-footer {
  margin: 0;
}
#Payangle-Wallet .selection {
  display: flex;
}
#Payangle-Wallet .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}
#Payangle-Wallet .confirm-btn.btn-pink {
  font-size: 23px;
  font-weight: 700;
  padding: 7px 100px;
}
#Payangle-Wallet .form-online {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}
#Payangle-Wallet .form-online {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

#customer_registration_form .password .fa.fa-check.form-success, #customer_registration_form .confirm-password .fa.fa-check.form-success {
  right: 55px;
}
#customer_registration_form .password .fa.fa-times.form-error, #customer_registration_form .confirm-password .fa.fa-times.form-error {
  right: 55px;
}
#customer_registration_form .edit-code {
  margin-top: -3px !important;
}
#customer_registration_form #referral_text {
  margin-top: -29px;
}

#send-money-step3-form .form-group.disabled > label {
  font-size: 14px !important;
  top: 10px !important;
}
#send-money-step3-form .form-group.disabled > input {
  padding-top: 16px !important;
}
#send-money-step3-form .demo > label {
  top: 11px !important;
}
#send-money-step3-form .payment-datail.sendmoney-detail .form-group input {
  padding-top: 15px !important;
}
#send-money-step3-form input:focus ~ label, input:valid ~ label {
  top: 10px !important;
}
#send-money-step3-form .sendmoney-detail label {
  top: 16px;
}

#send-bill-money-form3 .form-group.disabled > label {
    font-size: 14px !important;
    top: 10px !important;
  }
  #send-bill-money-form3 .form-group.disabled > input {
    padding-top: 16px !important;
  }
  #send-bill-money-form3 .demo > label {
    top: 11px !important;
  }
  #send-bill-money-form3 .payment-datail.sendmoney-detail .form-group input {
    padding-top: 15px !important;
  }
  #send-bill-money-form3 input:focus ~ label, input:valid ~ label {
    top: 10px !important;
  }
  #send-bill-money-form3 .sendmoney-detail label {
    top: 16px;
  }


#add_benef_form .personal-info .form-group label {
  top: 10px;
}
#manage_profile_form .locked .intl-tel-input .selected-flag {
  opacity: 0.4;
}
#manage_profile_form .select2-container--disabled #select2-nationality-container .img-flag {
  opacity: 0.4;
}
.personal-info .middle-name-check-box {
  float: left;
  width: 50%;
}
.middle-name-check-box > p {
  color: #989898;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 2px;
  text-align: left;
}
.middle-name-check-box .howpay {
  margin: 0;
  padding: 0;
}
.middle-name-check-box .howpay > li {
  margin: 0;
  padding: 0;
}
.middle-name-check-box .howpay-checkbox {
  text-align: left;
}
.middle-name-check-box span {
  color: #ff0000;
}


.radio-disabled span {
  color: #b7b7b7;
}
.radio-disabled p {
  color: #b7b7b7 !important;
}
.radio-disabled .howpay-checkbox > label {
  color: #b7b7b7 !important;
}
.radio-disabled .howpay-checkbox input[type="radio"]:checked + label::before {
  background-image: url("../images/radio-disabled-img.png");
  background-position: 0 -21px;
  background-repeat: no-repeat;
  height: 21px;
  vertical-align: middle;
  width: 21px;
}
.radio-disabled .howpay-checkbox input[type="radio"] + label::before {
  background-image: url("../images/radio-disabled-img.png");
  background-position: 0 0;
  height: 21px;
  vertical-align: middle;
  width: 21px;
}
.desktop-none {
  display: none;
}
.sign-up-detail #customer_registration_form label {
  top: 10px;
}
.sign-up-detail input:focus ~ label, input:valid ~ label {
  top: 4px !important;
}
.login-form .form-group label {
  top: 15px;
}
.login-form input:focus ~ label, .login-form input:valid ~ label {
  top: 10px !important;
}
.beneficiaries-one .beneficiri-payment.detail-header.current-li.benfiselectclass {
  padding-left: 0;
  padding-right: 0;
}
.beneficiri-table.beneficiaries-one {
  width: 98%;
}
.beneficiaries-one .user-contry > li {
  margin-right: 25px !important;
}

.beneficiaries-one .opration {
  width: 17%;
}
.beneficiri-table.beneficiaries-one .money-process {
  width: 55%;
}
.beneficiaries-one .user-contry {
  width: 30%;
}
.affiliat-dashboard-bg {
  background-attachment: fixed;
  background-image: url("https://www.payangel.com/beta/affiliates/themes/default/assets-v1/images/Anziehend-img.jpg");
}

.affiliates-edit {
  background-position: -117px -23px;
  display: block;
  float: right;
  height: 21px;
  margin-left: -8px !important;
  margin-top: -4px !important;
  width: 25px;
}
/*@supports (-ms-ime-align:auto) {
.slide .u104 .currency .input-group-addon {
    left: auto !important;
    position: absolute;
    top: 13px !important;
}  

}*/
/*new-page*/
.browser-not-supported .pass-code {
  margin: 0;
  padding: 140px 0 77px;
}
.browser-not-supported .pf-section {
  border-top: 1px solid #808285;
  margin: 60px auto 0;
  padding-top: 60px;
}
.browser-not-supported .confirm-title.declain-wp.failure > p {
  margin: 0 auto;
  max-width: 73%;
  padding: 16px 0 37px 36px;
  text-align: center;
}
.browser-not-supported .pf-section span {
  color: #d8424d;
  font-weight: 400;
}
.browser-not-supported .pf-section > img {
  margin-top: 20px;
} 
.browser-not-supported .confirm-title > h3 {
  color: #6fb73f;
  font-weight: 600;
  text-transform: inherit !important;
}
.mobile-browser-icon > li {
  display: inline-block;
  list-style: outside none none;
}
.mobile-browser-icon {
  margin: 0;
  padding: 0;
}
.sendmoney-detail .card-active-inp .sign-up-detail input:focus ~ label {
  top: 10px !important;
}
#addnew .benificiaryList {
  border: medium none;
  padding: 0;
}
.signup-info.signup-wp .sendmoney-detail .card-active-inp .sign-up-detail input:focus ~ label, input:valid ~ label {
  top: 4px !important;
}
.main-hight {
  min-height: 700px;
}
.team-hf {
  min-height: 490px;
}
.alert-success {
  z-index: 2147483647 !important;
}
.enter-company-details-wp-block .sc-institute.sc-intitution {
  margin-top: 3px;
}
.form-input.error-gap-wp {
  margin-top: 10px;
}
.enter-company-details-wp-block .form-group {
  display: inline-block;
  float: left !important;
  width: 47% !important;
}

/*26-10-2017*/
.tellocked .glyphicon.glyphicon-lock {
  position: absolute;
  right: 10px;
}
.cardmargin .custombd.error {
  display: block !important;
}
.tellocked .disabled .iti-flag {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.tellocked .validator {
  margin-top: 3px !important;
  width: auto !important;
}
.custombd {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-bottom-color: #b7b7b7 ;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-image-outset: 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #b7b7b7 ;
  border-left-style: solid;
  border-left-width: 2px;
  border-right-color: #b7b7b7 ;
  border-right-style: solid;
  border-right-width: 2px;
  border-top-color: #b7b7b7 ;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-top-style: solid;
  border-top-width: 2px;
  height: 44px;
  width:85%;
}
.cardmargin .input-group-addon {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: transparent;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0;
  border-image-outset: 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: 0;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0;
  line-height: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.cardmargin .pr {
  margin-top: 10px;
}
.cardmargin .input-group-addon > i {
  font-size: 47px;
  line-height:40px;
}
.cardmargin .input-group-addon {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.cardmargin {
  margin-top: 5px;
}
.bdrnone .howpay-checkbox label{
	border:0 !important;
}
.ddljddl input[type="radio"]:checked + label::before {
   background-image: url("../images/sprite4.png?version=1.0");
   background-position: -97px -83px;
   border-color: rgba(0, 0, 0, 0);
   content: "";
   height: 15px;
   left: 7px;
   margin: 0;
   position: absolute;
   top: 8px;
   width: 20px;
}



.ddljddl input[type="radio"] + label::before {
   background-image: url("../images/sprite4.png?version=1.0");
   background-position: -50px -75px;
   content: "";
   height: 15px;
   left: 7px;
   position: absolute;
   top: 10px;
   width: 17px;
}



.ddljddl input[type="radio"]:checked + label {
   font-size: 14px !important;
   font-weight: 600;
   margin-right: 10px;
   background-color: #d8424d;
   color: #ffffff !important;
}
.bdrnone > li {
  margin-right: 0 !important;
}

#company_input input:focus ~ label{
    font-size:12px !important;;
    top:7px !important;	

}
#company_input input[type="text"]:disabled + span + label {

  top: 7px !important;
}
.mgleft106 li{
    margin-left:106px !important;	
}
/*26-10-2017*/


.enter-company-details-wp-block .bill-gdinput .form-input {
  display: table;
  float: left;
  margin-right: 20px !important;
  width: 47% !important;
}
.bill-gdinput .form-group.disabled {
  width: 100% !important;
}
.form-group.disabled.company_exist.company-id.w_50-class {
  width: 47% !important;
}
.enter-company-details-wp-block .company-id {
  display: none;
}
.enter-company-details-wp-block .company_new {
  display: none;
}  
#mCSB_1_container .progress-bar {
  height: 3px;
}
#mCSB_1_container .progress {
  background-color: transparent;
  height: auto;
  margin-bottom: 2px;
}
#mcsb_1_container .p_color-1, .p_color-2, .p_color-3 {
  font-size: 12px;
}






/*popup css start*/
.how-did-we-do-wp .form-group input {
  display: inline-block;
  max-width: 100%;
  width: 100%;
}
.how-did-we-do-wp .form-group {
  width: 100% !important;
}
.how-did-we-do-wp {
  margin: 0 auto;
  max-width: 80% ;
  width: 100%;
}
#how-did-we-do .company-detail {
  padding-bottom: 0;
}
#how-did-we-do .join-app {
  font-weight: 700 !important;
  margin-top: 0;
}
.how-did-we-do-wp textarea {
  height: 125px;
}
.form-input.how-did-we-do-wp .form-control {
  color: #333333;
  font-size: 18px !important;
  font-weight: 400;
  margin-top:5px;
}
.how-many-stars {
  display: inline-block;
  width: 100%;
}
.how-many-stars h1 {
  font-size: 18px;
  font-weight: 400;
  margin: 20px 0;
  text-align: center;
}
.star-wp-block {
  margin: 6px 0 0;
  padding: 0;
  text-align: center;
}
.star-wp-block > li {
  display: inline-block;
  list-style: outside none none;
}
.star-wp-block > li i {
  color: #feb801;
  font-size: 27px;
}
.stars-color i {
  color: #e6e7e9 !important;
}




.testimonials .bx-pager.bx-default-pager {
  display: none;
}
.testimonials .bx-wrapper .bx-viewport {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  height: auto;
  left: 0;
  transform: translateZ(0px);
}
.testimonials .bxslider {
  display: inline-block;
}
.testimonials {
  color: #222f3f;
  margin-top: 0;
}
.star-testimonials i {
  color: #ffce0f;
  font-size: 20px;
}
.star-testimonials > li {
  display: inline-block;
  list-style: outside none none;
}
.star-testimonials {
  margin: 0;
  padding: 0;
  text-align: center;
}
.testimonials-info > h2 {
  font-size: 25px;
  font-weight: 400;
  margin-top: 0;
  text-align: center;
}
.testimonials .bxslider p {
  color: #222f40;
  font-size: 14px;
  font-style: italic;
  padding-top: 15px;
  text-align: center;
}
.testimonials-info > h4 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  text-align: right;
}
.testimonials-info {
  padding: 0 30px;
}
.bxslider > li {
  margin: 0 5px !important;
}
.testimonials .bx-wrapper {
  margin: 90px auto 0;
}

.testimonials-bg-block {
  background-color: #fbfbfb;
  padding-bottom: 40px;
  padding-top: 5px;
  margin-top: 20px;
}


/*faq*/

.faq-page-wp {
  margin-bottom: 70px;
  margin-top: 35px;
}
.faq-page-wp .panel-title > a {
  color: #212f3f;
  font-weight: 700;
}
.faq-page-wp .panel-title > a.collapsed::after {
  background-image: url("../images/faq-acording-img.png");
  background-position: 0 0;
  height: 40px;
  left: 0;
  top: 0;
  width: 39px;
}
.faq-page-wp .panel-title > a::after {
  background-image: url("../images/faq-acording-img.png");
  background-position: 0 -45px;
  content: "";
  height: 45px;
  left: -60px;
  position: absolute;
  top: -14px;
  width: 45px;
}
.faq-page-wp .panel-title > a.collapsed::after {
  background-image: url("../images/faq-acording-img.png");
  background-position: 0 0;
  height: 45px;
  left: -60px;
  top: -14px;
  width: 45px;
}


.faq-page-wp .panel-title > a {
  font-weight: 400;
  padding-right: 0;
  text-decoration:none;
}
.faq-page-wp .panel-group .panel {
  margin-bottom: 25px;
  padding-left: 60px;
}
.faq-page-wp .sb-accordian .panel-body {
  color: #222f3f;
  font-size: 16px;
}
.faq-page-wp .panel-body {
  padding-left: 20px;
}
.faq-pagination .previous {
  background-color: #9e9e9e ;
  border-radius: 20px !important;
  font-size: 16px ;
  padding: 8px 15px;
  color:#fff ;
  vertical-align: top;
  float:left;
  width:115px;
}
.faq-pagination .next {
  background-color: #9e9e9e ;
  border-radius: 20px !important;
  font-size: 16px ;
  padding: 8px 15px;
  color:#fff ;
  vertical-align: top;
  float:right;
  width: 115px;
}
.faq-pagination .sb-pagination .pagination a {
  background-color: rgba(0, 0, 0, 0);
  border: medium none;
  color: #000;
  font-size: 16px;
  margin-right: 0;
  padding: 5px;
}
.faq-pagination .active {
  color: #6fb63e !important;
}
.faq-pagination .pagination {
  margin: 0;
}
.faq-pagination .sb-pagination {
  margin: 27px 0;
}
.search-block-wp .transfer-search {
  width: 100%;
}
.search-block-wp .btn.btn-pink {
  display: inline;
  font-size: 18px;
  margin: -10px 0 0 5px;
  padding: 9px 30px;
}
.search-block-wp .transfer-search > input {
  width: 75%;
}
.search-block-wp {
  display: table;
  margin: 0 auto;
  max-width: 75%;
  padding-bottom: 40px;
  width: 100%;
}
.faq-icon {
  background-position: -530px -214px;
  height: 35px;
  vertical-align: text-top;
  width: 37px;
}
.faq-page-wp .rightbar-payment-info a {
  color: #212f3f;
  text-decoration: none;
}
.faq-page-wp .rightbar-payment-info a:hover {
  color: #6fb63e;
}
.faq-page-wp .transfer-search input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  display: table;
  float: left;
  padding-bottom: 5px;
  padding-left: 30px;
  width: 75%;
}
.faq-page-wp .rightbar-payment-info .current a {
  color: #6fb63e;
}
.faq-pagination .white {
  background-color: #6fb63e;
  color: #fff;
  padding: 5px 10px;
}
.faq-page-wp .t-left {
  float: left;
}
.faq-page-wp .t-right {
  float: right;
}
#send-bill-money-form1 .select2-container--disabled .img-flag {
  opacity: 0.4;
}
#send-bill-money-form1 .required-drop-down .select2-selection .glyphicon.glyphicon-lock {
  color: #dddddd;
  display: none;
}
#send-bill-money-form1 .required-drop-down .select2-container--disabled .select2-selection .glyphicon.glyphicon-lock {
  display: block;
}
#send-bill-money-form2 .sm-money-border-none {
  border: medium none;
}
#mob_num_notice .btn-pink {
  border-radius: 50px !important;
  font-size: 20px !important;
  padding: 4px 65px !important;
}
#bank_notice .btn-pink {
  border-radius: 50px !important;
  font-size: 20px !important;
  padding: 4px 65px !important;
}
/*new-10-6-17*/

.add-money {
  background-color: #d5d5d5;
  background-image: none;
  border: 1px solid #d5d5d5;
  border-radius: 100% !important;  
  height: 76px;
  width: 76px;
}
.add-money > span {
  color: #fff;
  line-height: 3.6;
}
.add-new li span i {
  font-size: 20px;
}
.benef_detail .add-money {
  background-color: #70b73f;
  border-color: #70b73f;
}
.item-edition {
  left: auto !important;
  position: absolute;
  right: -20px;
  top: 0;
}
#send-money-step1-form .sub-title::before {
  background-color: transparent;
  height: 0;
}
.beneficiary-item.addenewbeficiari .user-contry > li:nth-child(2n) {
  font-size: 0;
  margin-right: 0 !important;
  width: 14%;
}
.user-contry .add-money {
  height: 40px;
  text-align: center;
  width: 40px;
  margin-right:7px;
  float:left;
}
.user-contry .add-money > span {
  font-size: 18px;
  font-weight: 400;
  line-height: 2.2;
}
.beneficiri-table.beneficiaries-one .user-contry > li:last-child {
  color: #222f3f;
  font-size: 14px;
  font-weight: 500;
  line-height: 3;
  padding-left: 15px;
  width: auto !important;
  margin:0 !important;
}
.user-contry > li:last-child {
  line-height: 30px;
}
#addnew .beneficiri-table .opration .btn.btn-green {
  background-color: #d5d5d5;
}
#addnew .beneficiri-table .active .opration .btn.btn-green {
  background-color: #70b73f;
}
#addnew .beneficiri-table .active .opration .btn.btn-green:hover {
  background-color: #60a72f;
}
#addnew .beneficiri-table .active .add-money {
  background-color: #70b73f;
  border-color: #70b73f;
}
.client-photo {
  display: table;
  margin: 0 auto;
  text-align: center;
  }.transfer-cancle {
      color: #d5d5d5;
  }
  .addenewbeficiari .signup-checkbox input[type="checkbox"] + label::before {
      background-position: -32px -92px;
      height: 54px;
      width: 54px;
  }
  .addenewbeficiari .signup-checkbox input[type="checkbox"]:checked + label::before {
      background-image: url("../images/sprite11.png?version=1.0");
      background-position: -86px -92px;
      height: 54px;
      width: 54px;
  }
  .user-contry > li:first-child {
      font-size: 0;
  }
  .signup-checkbox .short_name {
      color: #fff;
      cursor: pointer;
      font-size: 21px;
      font-weight: 400;
      position: absolute;
      right: -7px;
      text-transform: uppercase;
      top: -1px;
      width: 40px;
  }
  .beneficiri-table.beneficiaries-one .user-contry > li .signup-checkbox > label::before {
      left: -17px;
      right: 0;
      top: -12px;
      cursor: pointer;
  }
  .payment-info-new .send-receive-box {
      margin-right: 60px;
      width: 238px;
  }
  .payment-info-new .receive-off-block input {
      border-color: #e6e7e8;
      /*color: #808285;*/
      color: #212f3f;
      padding-left: 90px;
      padding-top: 8px;
  }
  .payment-info-new .send-receive-box > input {
      max-width: 100%;
  }
  .payment-info-new .sub-title::before {
      background-color: transparent;
      height: 0;
  }
  .payment-info.payment-info-new.sm-company {
      padding-bottom: 20px;
  }
  .payment-info.payment-info-new {
      padding-top: 20px !important;
  }
  .notification-border-color {
      border-color: #d5d5d5;
  }
  .payment-info-new .add-money > span {
      color: #fff;
      font-size: 33px;
      font-weight: 400;
      line-height: 2;
  }
  .payment-info-new label {
      font-weight: 500;
  }
  .payment-info-new .add-new.beneficiary-item-box .input-box.benef_detail {
      margin-bottom: 30px;
  }
  .payment-info-new .payment-dt.sm-money-box .sub-title {
      margin-bottom: 20px;
      padding-bottom: 0;
  }
  .paying-for-this {
      margin-bottom: 0;
      margin-left: 142px;
      max-width: 540px;
      padding: 0;
  }
  .paying-for-this > li {
      border-radius: 3px;
      display: inline-block;
      list-style: outside none none;
      margin-bottom: 10px;
      padding: 0;
      width: 238px;
  }
  .paying-for-this > li:nth-child(2n) {
      margin-left: 57px;
  }
  .payment-info-new .sm-money-box {
      padding-bottom: 10px;
  }
  .howpay-checkbox p {
      margin: 0;
  }
  .payment-info-new .payment-process.discount {
      display: table;
      margin-bottom: 0;
      margin-right: auto;
      margin-top: 23px !important;
      max-width: 580px;
      padding-bottom: 14px;
      padding-left: 43px;
      width: 100%;
  }
  .payment-info-new .redeem_code.btn.btn-green {
      float: right;
      line-height: normal;
  }
  .payment-info-new .discount .sub-title {
      margin-bottom: 23px;
      padding-bottom: 0;
  }
  .payment-info-new .choice > p {
      color: #212f3f;
      font-size: 14px;
      font-weight: 500;
  }
  .payment-info-new .discount input {
      height: 37px;
      max-width: 238px;
      padding-top: 7px;
  }
  .payment-info-new .focus-discount .text.pull-left {
      padding: 0 7px;
  }
  .send-receive-box.receive-off-block > span {
      /*color: #808285;*/
      color: #212f3f;
  }
  .send-receive-box span {
      font-weight: 500;
  }
  .focus-discount input {
      border-color: #e6e7e8;
  }
  .focus-discount input:focus {
      border-color: #222f3f;
  }
  .add-new.beneficiary-item-box a {
      float: left;
      margin-right: 30px;
      max-width: 77px;
      text-align: center;
  }
  .payment-info-new .add-new.beneficiary-item-box a {
      max-width: 77px !important;
  }
  .benef_detail .add-money {
      background-color: #70b73f;
      border-color: #70b73f;
      margin: 0 auto;
  }
  #manage_profile_form .howpay-checkbox > label {
      border: medium none;
  }
/* edited by sagar on 26-10-2017 .payment-info-new .howpay-checkbox input[type="radio"] + label::before, .howpay-checkbox input[type="radio"] + label::before {
  display: none;
}
*/
.paying-for-this .howpay-checkbox input[type="radio"] + label::before {
  display: none;
}

.send-receive-box.icon-color span {
  font-size: 18px;
  top: 34px;
}
.icon-color.send-receive-box .text.destination_amount {
  margin-top: 4px;
}
.add-new li a span {
  display: block;
  font-size: 25px;
  line-height: normal;
  margin: 5px 0;
  padding: 16px 0;
}
.google-play-icon {
  margin-top: 5px;
}
.google-play-icon > a {
  margin-right: 10px;
}
.customers-saying .owl-nav i {
  font-size: 0;
}
.customers-saying .owl-next, .customers-saying .owl-prev  {
  background: rgba(0, 0, 0, 0) url("../images/controls.png") no-repeat scroll 0 0;
  display: inline-block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  margin:0;
}
.customers-saying .owl-prev {
  background-position: 0 0;
  height: 54px;
  width: 28px;
}
.customers-saying .owl-next {
  background-position: -43px 0;
  height: 54px;
  width: 28px;
}
.payment-info-new .add-new li a span {
  font-size: 18px !important;
}
.payment-info-new .add-new .add-money > span {
  font-size: 30px !important;
  height: 74px;
  margin: 0 !important;
  padding: 8px 0 !important;
}
.sign-up-detail.new_input-width .form-group:nth-child(2n), .signup_checkbox {
  margin-right: 20px !important;
}
.drop_down_buttom_gap .selection {
  display: flex !important;
}
.tel-buttom-gap {
  margin-top: 3px;
}
.new_input-width .form-online .locked label, .form-online .locked label span {
  font-size: 12px;
}
.new_input-width .form-online .form-group.disabled > input {
  padding-top: 16px !important;
}
.new_input-width .form-online .asd label {
  font-size: 18px;
  top: 13px !important;
}
.error-new {
  margin-top: 17px;
}
.addenewbeficiari #open-bank-acc-form-1 .signup-checkbox input[type="checkbox"] + label::before {
  background-position: -142px -28px;
  height: 27px;
  width: 27px;
}
.addenewbeficiari #open-bank-acc-form-1 .signup-checkbox input[type="checkbox"]:checked + label::before {
  background-image: url("../images/sprite11.png?version=1.0");
  background-position: 84px 0;
  height: 27px;
  width: 27px;
}
.powered-by-logo {
    margin: 10px 0 30px;
    float: right;
}
.powered-by-logo p {
    margin: 0 0 10px 0;
    font-size: 16px;
}
.wallet-text-input2 {
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    padding-bottom: 20px;
}
.personal-info .click-pay-now input:focus ~ label, .personal-info .click-pay-now input:valid ~ label {
    font-size: 12px !important;
    top: 4px !important;
}
.send-money-wtotal span {
    margin: 9px 0 0;
}
.donation-total {
    background-color: #212f3f;
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
}
.odadee-uk-chapter p i {
    color: #6fb73f;
    font-size: 17px !important;
    margin-right: 5px;
}
.purchase-details-ul {
    margin: 0;
    padding: 0;
}
.purchase-details-ul li {
    list-style: none;
    background-color: #f5f5f5;
    padding: 20px 20px;
    margin-bottom: 15px;
    border-left: 4px solid #6fb73f;
}
.purchase-details-box {
    display: inline-block;
    width: 100%;
}
.purchase-text {
    width: 80%;
    float: left;
    text-align: left;
}
.purchase-select-box {
    width: 20%;
    float: right;
}
.purchase-text h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 4px;
    color: #212f3f;
}
.purchase-text p {
    margin: 0;
    color: #666;
    font-size: 14px;
}
.purchase-text .price {
    color: #212f3f;
    margin-right: 10px;
    font-size: 16px;
}
.purchase-select-box .form-group {
    width: 75% !important;
}
.purchase-select-box .select2-selection.select2-selection--single {
    padding-left: 19%;
}
.purchase-footer {
    border-top: 1px solid #ccc;
    margin-top: 13px;
    padding-top: 10px;
    display: inline-block;
    width: 100%;
}
.box-sales-end {
    float: right;
}
.box-sales-end p {
    font-size: 14px;
    color: #212f3f;
    margin: 0;
}
.toggle-show, .toggle-hide {
    float: left;
}
.toggle-show a, .toggle-hide a {
    font-size: 14px;
    color: #212f3f;
    cursor: pointer;
    text-decoration: none;
}
.purchase-details-ul .active {
    border: 1px solid #6fb73f;
    border-left: 10px solid #6fb73f;
}
.toggle-show-description p {
    text-align: left;
    margin-bottom: 3px;
    font-size: 14px;
    color: #666;
}
.purchase-details-ul-qty {
    background-color: #212f3f;
    padding: 15px 0;
    color: #fff;
    font-size: 16px;
}
.purchase-details-ul-qty .oty {
    margin-right: 15px;
    border-right: 1px solid #fff;
    padding-right: 15px;
}
.notification-bar.sticky.stuck {
    display: none;
}
header .powered-by-logo {
    margin: 0;
}
header.sticky .powered-by-logo {
    display: none;
}
.sticky.stuck .powered-by-logo {
    display: block;
}
/*11-07-19*/

.peoplesuccess .aburi-logo img {
    width: 100%;
}
.peoplesuccess .payment-title {
    text-align: left;
    margin: 20px 0 0px;
}
.peoplesuccess .payment-title h2 {
    margin: 0;
    /*font-size: 26px;*/
    font-size: 18px;
    text-transform: capitalize;
}
.peoplesuccess .primary-title > h2 {
    margin-bottom: 20px;
}
.peoplesuccess .primary-title > h2::before {
    right: inherit;
}
.peoplesuccess .payment-process {
    margin: 0 0 30px !important;
    display: table;
}
.standard-ticket {
    /* border: 1px solid #ccc; */
    padding: 40px 20px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #ccc;
}
.ticket-box span {
    font-size: 15px;
}
.ticket-box h3 {
    margin: 10px 0 7px;
    font-size: 18px;
    font-weight: 500;
}
.ticket-box p {
    margin-bottom: 0;
    font-size: 14px;
}
.standard-ticket .powered-by-logo {
    float: left;
    margin: 0;
    border-left: 1px solid #ccc;
    padding-left: 25px;
}
.peoplesuccess .text-block {
    margin: 40px 0;
    box-shadow: 0 0 10px 0 #ccc;
    padding: 40px 20px;
}
.text-block p {
    margin-bottom: 10px;
    font-size: 14px;
}
.text-block p a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #d8424d;
    padding: 10px 45px;
    display: inline-block;
    border-radius: 4px !important;
    text-decoration: none;
    margin-right: 5px;
}
.text-block p span {
    color: #6fb73f;
    font-weight: 700;
    font-size: 16px;
}
.flex-center {
    align-items: center;
    display: flex;
}
.odadee-uk-chapter span {
    display: inline-block;
}
.odadee-uk-chapter p {
    display: inline-block;
    width: 100%;
}
.odadee-uk-chapter p i {
   /* float: left;*/
    width: 17px;
}
.logo-text-block {
    display: flex;
    align-items: center;
}
.aburi-logo {
    width: 110px;
    margin-right: 20px;
}
.peoplesuccess .payment-title h2 a {
    color: #222f3f;
    text-decoration: underline;
}
.peoplesuccess .payment-title h2 .italic-m {
    font-style: italic;
    text-transform: none;
}
.text-block h2 {
    margin: 0 0 15px;
    font-size: 24px;
    font-weight: 700;
}
#partner-payment-link #first_name, #partner-payment-link #last_name {
    text-transform: inherit !important;
}
.beta-signup-wp {
    text-align: center;
}
.beta-signup-wp .form-group {
    width: 100% !important;
}
.beta-signup-wp .form-input {
    width: 50%;
    margin: 0 auto;
}
.signup-checkbox input[type="checkbox"] {
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    opacity: 0;
    cursor: pointer;
    width: 27px;
    height: 27px;
}
.beta-signup-wp label a {
    pointer-events: auto !important;
}



























































/*IE only css*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .slider-container .u104 .exchange-rate .input-group-addon .select2-container {
        min-width: auto !important;
        top: 25px !important;
        width: auto !important;
        right: 295px !important;
    }
    .alert-success {
      z-index: 2147483647 !important;
  }
  .slider-container .exchange-rate .input-group-addon .select2-container--default .select2-selection--single, .exchange-rate .input-group-addon .select2-selection__arrow {
      background-color: transparent !important;
  }
  .bank-acc-confirm .close {
    position: absolute !important;
}
.half-input .validator.validator-phone.validation-none {
  width: 100% !important;
}
#how_much.form-control.how_much {
  font-size: 16px !important;
  padding: 0 0 0 15px !important;
}


}	


@media only screen and (max-width: 1685px) and (max-height: 1200px) {
    .slider-container {
        height: 410px !important;
    }
    .slider-container .u104 .pay-only-ghana {
        padding: 15px 0 0 !important;
        top: 0;
    }
    .slide .u104 .form-inline.exchange-rate {
        float: right;
        margin-top: 15px !important;
    }
    .count-2 {
        left: 0 !important;
        margin-left: 18%;
        position: static !important;
        transform: translateX(0%) !important;
        width: auto !important;
    }
    .count-2 .beneficiary-box {
        width: 33.33% !important;
    }
}
@media only screen and (max-width: 1300px) {
    .slider-container {
        height: 410px !important;
    }
    .slider-container .carousel-caption {
        width: 90% !important;
    }
}
@media only screen and (max-width: 1199px) {
    /*slider-1*/

    .mgleft106 .send-receive-box{width: 46% !important; }
    .transfers-download_icon {
        padding-left: 2%;
    }
    .transfers-download_icon span {
        font-size: 15px;
    }
    .slider-img-bg {
        display: inline-table;
        right: 0 !important;
    }
    .slider-container .carousel-caption {
        top: 15%;
        width: 90% !important;
    }
    .navbar-nav > li {
        padding: 24px 6px;
    }
    .navbar-menu-contact {
        left: 47%;
    }
    .modal.addnew .payment-process {
        display: inline-block;
    }
    .select-beneficiaries label {
        width: 40%;
    }
    .payment-info .use-wallet span {
        display: inline-flex;
    }
    .count-2 .beneficiary-box {
        width: 38% !important;
    }
    .ideal-logo {
        background-position: -85px -917px;
        height: 78px;
        left: 35px;
        position: static;
        top: 0;
        width: 75px;
    }
    .col-md-9.left-bar.row-eq-height .payment-info {
        padding-top: 0px;
    }
    /*9-3-17*/

    .alert .bx-wrapper {
        width: 43%;
    }
    .profile-dt {
        margin-right: 20px;
    }
    .new-beneficiary.start .validator.validator-phone.validation-none {
        width: 100% !important;
    }
    .addnew-one.addnew .modal-dialog {
       width: 100%;
   }
   faq-page-wp .panel-title > a.collapsed::after {
    top: 0 !important;
}
.faq-page-wp .panel-title > a::after {
    top: 0 !important;
}
.payment-info-new .send-receive-box {
  margin-right: 15px;
  width: 38%;
}
.paying-for-this {
  margin-left: 104px;
}
.paying-for-this > li {
  width: 47%;
}
.paying-for-this > li:nth-child(2n) {
  margin-left: 15px;
}
.payment-info-new .redeem_code.btn.btn-green {
  float: none;
  line-height: normal;
}
.payment-info-new .payment-process.discount {
  width: auto;
}
#addnew .beneficiri-table.beneficiaries-one {
  width: 100%;
}
#addnew .beneficiaries-one .user-contry {
  width: 27% !important;
}
#addnew .beneficiaries-one .opration {
  width: 10% !important;
}
.beneficiri-table.beneficiaries-one .user-contry > li:last-child {
  float: none;
  margin: 63px 29% 0 0 !important;
  padding: 0;
  text-align: center;
  width: 100%;
}
.google-play-icon img {
  max-width: 45%;
}


@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #manage_profile_form .new-beneficiary.profile-wp.start {
        width: 50% !important;
    }
}
}
@media only screen and (max-width: 991px) {
    /*slider-1*/
    #Payangle-Wallet .company-detail .form-group.country-resi {
      margin-bottom: 0;
      margin-top: 10px !important;
  }
  #Payangle-Wallet .modal-content {
      padding-bottom: 10px;
  }
#first_name, #last_name, #middle_name, #zip_code {
    margin: 0 !important;
}

  .transfers-download_icon {
    display: table;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#preload > div {
  width: 65% !important;
}
.slider-container .u104 .carousel-caption {
    padding: 145px 0;
    top: 0 !important;
    z-index: 999;
}
.slider-container .carousel,
.slider-container .item,
.slider-container .active,
.slider-container .carousel-inner {
    height: auto !important;
}
.send-money-mobile .send-money-mobile-text {
    padding: 30px 0 0 !important;
}
.fill img {
    height: 410px;
    width: auto;
}
.money-mobile-img-2 {
    left: 77% !important;
    position: absolute;
    top: -6%;
}
.profile-dt img {
    height: auto;
    width: 100%;
}
.thank-you-buttons a {
    margin: 30px 10px 30px 0 !important;
    padding: 2px 30px !important;
}
.browser-not-supported .confirm-title img {
  width: auto;
}
.width-li {
  width: 456px !important;
}
.faq-page-wp .t-right {
  float: none !important;
  margin-bottom: 20px;
}
.faq-page-wp .t-left {
  float: none !important;
}
.google-play-icon img {
  max-width: 100%;
}
.google-play-icon {
  margin-top: 0;
  text-align: center;
}
.powered-by-logo img {
    width: 90%;
}
.beta-signup-wp .form-input {
    width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #manage_profile_form .new-beneficiary.profile-wp.start {
        width: 58% !important;
    }
}
}
@media only screen and (max-width: 992px) {
    /*slider*/

    .slider-container {
        height: auto;
    }
    .payangle-id {
        float: left !important;
    }
    .beneficiary-box {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .col-sm-12.login-leftbar .login-info {
        width: 100% !important;
    }
    .col-sm-4.login-rightbar {
        padding-left: 15px !important;
    }
    .col-sm-4.login-rightbar,
    .col-sm-8.login-leftbar {
        width: 100% !important;
    }
    .login-info {
        margin: 0 auto 20px !important;
    }
    .payment-thanks .beneficiary-box {
        width: 100% !important;
    }
    .payment-thanks .beneficiary.count-2 {
        left: 0 !important;
        position: static !important;
        transform: translateX(0%) !important;
    }
    .beneficiary.count-2 {
        margin: 0 !important;
    }
    .beneficiri-table.beneficiaries-one .user-contry > li:last-child {
        width: 100%;
    }
}
@media only screen and (max-width: 800px) {
    /*slider*/

    .slider-img-bg {
        display: none;
    }
    #preload > div {
      font-size: 24px !important;
  }
  #preload .logo1 {
      width: 19%;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-browser > img {
      width: 100% !important;
  }
  .click-to-pay {
    display: inline-block;
    width: 100%;
}
.click-pay-now .wallet_input {
    float: none;
}

  .mgleft106 li{
    margin-left:0px !important;	
}
.mgleft106 .send-receive-box{
	width: 49% !important;
}
/*slider*/
.desktop-none {
  display: block;
  margin: 0;
  padding: 0;
}
.mobile-none {
  display: none;
}
.desktop-none .col-md-6.col-sm-3 {
  float: left;
}
.slider-container {
    height: auto;
}
.nav.navbar-nav.navbar-right {
    clear: none;
    width: auto;
    padding: 18px 0;
    display: inline-block;
}
.fill img {
    width: auto;
}
/*slider-1*/

.slider-container .pay-only-ghana > h3 {
    font-size: 30px !important;
}
.slide .u104 .form-inline.exchange-rate {
    margin-top: 10px !important;
}
.flow-left::before,
.flow-middle::before {
    display: none;
}
.money-mobile-img, .money-mobile-img-popup {
    display: table;
    margin: 0 auto;
}
.send-money-mobile .send-money-mobile-text {
    padding: 30px 0 0 !important;
    text-align: center;
}
.money-mobile-img-1,
.money-mobile-img-2 {
    width: 70%;
}
/*slider-1*/

.money-mobile-img-2 {
    left: 60% !important;
    position: absolute;
    top: -8% !important;
}
.send-money-mobile .send-money-mobile-text {
    padding: 100px 0 0 !important;
}
.nav.navbar-nav.navbar-right {
    top: 72%;
}
.slide .u104 .currency .input-group-addon {
    top: 10px;
}
.select-beneficiaries label {
    font-size: 14px !important;
}
.profile-info .start {
    margin-bottom: 0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .slide .u104 .currency .input-group-addon {
        top: 0px;
    }
}
/*9-3-17*/

.information-tt {
    text-align: center;
    width: 100%;
}
.sd-title {
    border-right: medium none;
}
.alert .bx-wrapper {
    float: none;
    max-width: 280px !important;
    text-align: center;
    width: 100%;
}
.search-block-wp {
  max-width: 100% !important;
}
.search-block-wp .transfer-search > input {
  width: 65% !important;
}
.add-new.beneficiary-item-box a {
  display: table;
  float: none;
  margin: 0 auto 20px;
}
.add-new.beneficiary-item-box .payout-error a {
    margin: 0 auto 0 20px;
}
.payment-info-new .send-receive-box {
  margin: 0;
  padding-right: 15px;
  width: 50%;
}
.paying-for-this {
  margin-left: 0;
  max-width: 100%;
}
.beneficiri-table.beneficiaries-one .user-contry > li:last-child {
  margin: 63px 0 0 !important;
}
#addnew .beneficiaries-one .user-contry > li {
  margin-right: 23%;
}
.payment-info-new .add-new.beneficiary-item-box a {
  max-width: 100% !important;
}
.payment-process.start .form-group {
    width: 100% !important;
}
.payment-process.start .form-group:nth-child(2) {
  margin-right: 0 !important;
}
.payment-process.start .bill-gdinput .form-group {
  width: 100% !important;
}
.company-detail .form-group.country-resi {
  margin-bottom: 0;
  margin-top: 10px !important;
}
#company_exist .form-group.disabled {
  margin-top: 10px;
}
.sticky.stuck .col-md-6.col-sm-6.col-xl-6 {
    display: inline-block;
    width: 48%;
}
.peoplesuccess .aburi-logo img {
    margin-bottom: 20px;
}



}
@media only screen and (max-width: 640px) {
    /*slider*/
    .desktop-none .signup-checkbox {
      margin: 0 !important;
  }
  .desktop-none .pay-process.signup-btn {
      float: right !important;
  }

  #preload > div {
      font-size: 24px !important;
      width: 70% !important;
  }
  .fill img {
    left: 0 !important;
    position: static !important;
}
.thank-you-buttons a {
  margin: 0 10px 15px 0 !important;
}
.payment-info-new .payment-process.discount {
  padding: 0;
  width: auto;
}
.payment-info-new .discount input {
  height: 37px;
  padding-top: 7px;
}
.payment-info-new .discount input {
  max-width: 100% !important;
  float: none !important;
}
.payment-info-new .redeem_code.btn.btn-green {
  width: auto;
}
.payment-info-new .howpay-checkbox > label {
  white-space: inherit !important;
}
.payment-process.start .form-group {
  margin-right: 0 !important;
  width: 100% !important;
}
.form-group.disabled.company_exist.company-id.w_50-class {
  width: 100% !important;
}
.enter-company-details-wp-block .bill-gdinput .form-input {
  width: 100% !important;
}
.standard-ticket .powered-by-logo {
    border-left: 0;
    padding: 30px 0 0;
}
.peoplesuccess .payment-title h2 {
    font-size: 23px;
}
.primary-title > h2 {
    font-size: 19px;
}
.peoplesuccess .payment-title {
    margin: 40px 0 0;
}
.aburi-logo {
    text-align: center;
}
.odadee-uk-chapter span {
    display: inline-block;
    width: 90%;
}




}
@media only screen and (max-width: 580px) {
    .user-contry, .beneficiri-table.beneficiaries-one .money-process, .beneficiri-table.beneficiaries-one .beneficiri-payment .opration {
       width: 100% !important;
   }
   .beneficiri-table.beneficiaries-one .user-contry > li {
       display: inline-block !important;
       vertical-align: top;
       float: none;
       width: auto!important;
   }
   .beneficiri-table.beneficiaries-one{
       height:195px;    
   }
   #addnew .beneficiaries-one .user-contry > li {
      margin: 0 0 0 27px !important;
      vertical-align: middle;
  }
  #addnew .beneficiri-table.beneficiaries-one .user-contry > li .signup-checkbox > label::before {
      top: -20px;
  }
  #addnew .signup-checkbox .short_name {
      right: -7px;
      text-align: center;
      top: -10px;
  }
  #addnew .beneficiaries-one .user-contry {
      padding-bottom: 15px;
      text-align: left;
      width: 100%;
  }
  #addnew .beneficiaries-one .opration {
      width: 100% !important;
  }
  #addnew .beneficiaries-one .user-contry {
      text-align: center;
      width: 100% !important;
  }
  #addnew .signup-checkbox .short_name {
      top: -8px;
  }
  .purchase-text {
    width: 65%;
}
.purchase-select-box {
    width: 35%;
}

}
@media only screen and (max-width: 500px) {
    /*slider-1*/

    .slider-container .pay-only-ghana > h3 {
        font-size: 23px !important;
    }
    .slider-container .u104 .pay-only-ghana {
        padding: 25px 0 0 !important;
    }
    .slider-container .u104 .exchange-rate .input-group-addon .select2-container {
        top: 12px;
    }
}


@media only screen and (max-width: 480px) {
    .navbar-brand {
    float: none !important;
}

    .loginbtn a.btn.btn-pink {
        width: 77% !important;
        float: left;
    }
    .loginbtn button {
        margin: 20px 0;
        padding: 12px 0;
    }
    .loginbtn .grecaptcha-badge {
        margin: 0;
        float: left;
    }
    .desktop-none .col-md-6.col-sm-3 {
      float: none;
  }
  .desktop-none .pay-process.signup-btn {
      float: none!important;
  }
  #Payangle-Wallet .modal-body {
      padding: 0 0 10px;
  }
  #Payangle-Wallet .confirm-btn.btn-pink {
      padding: 7px 70px;
  }
  .popup-border {
      width: 70%;
  }
  #Payangle-Wallet .modal-body > h4 {
      font-size: 13px;
  }
  #Payangle-Wallet .join-app {
      font-size: 16px;
  }
  #Payangle-Wallet .company-detail {
      padding-top: 0;
  }
  #Payangle-Wallet .modal-body h1 {
      font-size: 50px;
  }
  #Payangle-Wallet .modal-header {
      padding: 0;
  }
  .width-li {
    width: 375px !important;
}
/*slider*/

.slider-container .carousel, .slider-container .item, .slider-container .active, .slider-container .carousel-inner {
	height: 100% !important;
}
.slider-container .carousel-caption > h3 {
	font-size: 30px !important;
}
/*slider*/

.slider-container {
	height: 390px;
	margin-bottom: 50px;
}
.slider-container .u104 .carousel-caption {
	padding: 105px 0 !important;
}
.slider-container .carousel-caption > h3 {
	font-size: 25px !important;
}
.slider-container .u104 .pay-only-ghana {
	padding: 60px 0 !important;
}
.slider-container .pay-only-ghana > h3 {
	font-size: 22px !important;
}
.money-mobile-img > img {
	width: 40%;
}
.send-money-mobile-text > h1 {
	font-size: 30px !important;
}
.slider-container .carousel,
.slider-container .item,
.slider-container .active,
.slider-container .carousel-inner {
	height: 100% !important;
}
.money-mobile-img > img {
	width: 70% !important;
}
.money-mobile-img-popup{
    text-align: center !important;
}
.money-mobile-img-popup > img {
	width: 40% !important;
}
.highlight-left {
	left: -35% !important;
}
.send-money-mobile .send-money-mobile-text {
	padding: 60px 0 0 !important;
}
.nav.navbar-nav.navbar-right {
	padding: 0;
}
.slide .u104 .currency .input-group-addon {
	top: 8px;
}
.sticky.stuck {
	position: static;
}
.black .select2-container {
	width: 100% !important;
}
#frmpaid .select2-container {
	width: 100% !important;
}
#send-money-step1-form .tab-footer .btn.btn-pink {
	margin-bottom: 10px !important;
	width: 100% !important;
}
#send-money-step1-form .tab-footer .btn.btn-green {
	margin-top: -50px !important;
	position: relative;
}
#send-money-step1-form .tab-footer {
	margin-bottom: 0;
}
.wallet-use {
	float: right;
}
.use_wallet {
	float: left;
}
.profile-dt {
	margin: 0 auto !important;
}
#manage_profile_form .validate-btn {
	display: table !important;
}
#preload > div {
  font-size: 20px !important;
  width: 90% !important;
}
.search-block-wp .transfer-search > input {
  width: 100% !important;
}
.search-block-wp .btn.btn-pink {
  display: inline-block !important;
  margin-top: 20px;
  width: 100%;
}
.faq-page-wp .panel-title > a {
  font-size: 14px !important;
}
.faq-page-wp .panel-body {
  font-size: 14px !important;
  padding-left: 0 !important;
}
.faq-pagination .next {
  margin-top: 10px;
  width: 100% !important;
}
.faq-pagination .previous {
  margin-top: 10px;
  width: 100% !important;
}
.search-block-wp {
  padding-bottom: 0 !important;
}
#mob_num_notice .btn-pink {
  width: 100%;
}
.form-group.half-input.editMode {
  display: table;
  width:100% !important;
}
.personal-info .middle-name-check-box {
  width: 100%;
}
.middle-name-check-box .howpay > li {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  width: auto;
}
.payment-info-new .send-receive-box {
  margin: 0 0 10px;
  padding-right: 0;
  width: 100%;
}
.paying-for-this > li {
  margin: 0 15px 10px 0;
  width: 100%;
}
.paying-for-this > li:nth-child(2n) {
  margin-left: 0;
}
.choice-box {
  float: none;
  width: 100%;
  display: inline-block;
}
#frmcountry .select2-container {
  width: 100% !important;
}
#send-money-step1-form .add-new li {
  display: block ;
  margin: 0 0 15px;
}
.client-photo .item-edition {
  left: 70% !important;
  position: absolute;
  top: 0;
}
.beneficiary-item h2 {
  font-size: 16px;
  padding-top: 0;
}
.google-play-icon > a {
  display: inline-block;
  margin: 0 0 10px;
  width: 100%;
}
.peoplesuccess .payment-title h2 {
    font-size: 18px;
}
.peoplesuccess .payment-title {
    margin: 30px 0 0;
}
.primary-title h3 {
    margin-top: 0;
}
.ticket-box h3 {
    margin: 0 0 7px;
}
.standard-ticket .powered-by-logo {
    padding: 20px 0 0;
}
.primary-title > h2 {
    font-size: 16px;
}
.odadee-uk-chapter span {
    display: inline-block;
    float: right;
    width: 90%;
    font-size: 13px;
}
.flex-center .col-md-8, .flex-center .col-md-4 {
    width: 100%;
    text-align: center;
}
.standard-ticket .powered-by-logo {
    float: none;
}
.powered-by-logo img {
    width: 80%;
}
.powered-by-logo p {
    font-size: 15px;
}
.peoplesuccess .primary-title > h2::before {
    right: 0;
}
.peoplesuccess .payment-thanks h2 {
    text-align: center;
}
.peoplesuccess .payment-process > .primary-title {
    position: relative;
    text-align: center;
}
.italic-m {
    font-style: italic;
}
.text-block h2 {
    margin: 0 0 10px;
    font-size: 16px;
}







@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#manage_profile_form .new-beneficiary.profile-wp.start {
		width: 100% !important;
	}
    .slider-container .u104 .exchange-rate .input-group-addon .select2-container {
        top: 3px;
    }
    .browser-not-supported .confirm-title img {
      width: 50%;
  }
  .browser-not-supported .confirm-title.declain-wp.failure > p {
      font-size: 14px;
      max-width: 100% !important;
      padding: 5px 0 30px !important;
  }
  .something-went {
      display: table;
      margin: 0 auto 15px;
  }
  .browser-not-supported .confirm-title > h3 {
      font-size: 20px;
  }
  .browser-not-supported .pass-code {
      margin: 0;
      padding: 90px 0 27px !important;
  }
  .browser-not-supported .pf-section {
      margin: 40px auto 0 !important;
      padding-top: 40px !important;
  }
  .mobile-browser-icon > li {
      width: 18%;
  }
}
}
@media only screen and (max-width:405px){
    .width-li {
        width: 315px !important;
    }
}


@media only screen and (max-width: 380px) {
    /*slider-1*/

    .slider-container .pay-only-ghana > h3 {
        font-size: 18px !important;
    }
    .slider-container {
        height: 420px;
    }
    .send-money-slider-btn {
        font-size: 18px;
        padding: 5px 0 !important;
        width: 100%;
    }
    .slide .u104 .form-inline .form-group {
        display: inline-block;
    }
    .slide .u104 .select2-container--default .select2-selection--single {
        width: 100% !important;
    }
    .slider-container .u104 .select2-container {
        display: inline-block !important;
    }
    .home-login-btn a {
        width: 100% !important;
    }
    .home-login-btn a {
        width: 100% !important;
    }
    .pay_banking .tr_account {
        padding: 10px 0;
    }
    .mobile-btn [class*="col-sm-"] {
        display: table !important;
        margin: 0 0 10px !important;
        width: 100%;
    }
    .btn.btn-pink.mobile-hidden {
        width: 100%;
    }
    #send-money-step3-form .summary-wp.mobile-btn .col-md-7.col-sm-9 {
        position: relative;
        top: -57px;
    }
    .peoplesuccess .payment-title h2 {
    font-size: 15px;
}
.primary-title > h2 {
    font-size: 14px;
}
.primary-title h3 {
    font-size: 14px;
}
.peoplesuccess .primary-title > h2 {
    margin-bottom: 15px;
}
.odadee-uk-chapter span {
    width: 92%;
    font-size: 12px;
}
.odadee-uk-chapter p {
    margin-bottom: 2px;
}
.aburi-logo {
    width: 80px;
    margin-right: 10px;
}
.odadee-uk-chapter span {
    width: 89%;
    font-size: 11px;
}
.text-block p {
    margin-bottom: 7px;
    font-size: 13px;
}
.text-block p a {
    font-size: 10px;
    margin-bottom: 4px
}
.text-block p span {
    font-size: 14px;
}
.powered-by-logo p {
    font-size: 12px;
}
.peoplesuccess .p-l-m-0 {
    padding: 0 5px;
}
.ticket-box span {
    font-size: 13px;
}
.ticket-box p {
    font-size: 12px;
}
.ticket-box h3 {
    font-size: 15px;
}
.peoplesuccess .text-block, .standard-ticket {
    padding: 20px 20px;
    margin: 0 0 30px;
}
.text-block p span {
    font-size: 14px;
}

  .form-group-block-3 {
    display: flex !important;
    justify-content: space-between !important;
} 
.sign-up-detail .form-group-block-3 .form-group:nth-child(2n),
.signup_checkbox {
    margin-right: 20px !important;
}
.sign-up-detail .form-group-block-3 .form-group:nth-child(3n),
.signup_checkbox {
    margin-right: 0 !important;
}














































    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .slide .u104 .currency .input-group-addon {
            left: 70% !important;
            position: absolute;
            right: 0;
            top: 0px !important;
        }

        .hover-text .btn.btn-green {
            margin-right: 10px;
        }
        .slider-container .u104 .exchange-rate .input-group-addon .select2-container {
            top: 10px;
        }
    }
    .slide .u104 .form-inline.exchange-rate {
        width: 100%;
    }
    .slider-container .selct-box {
        max-width: 100%;
        width: 100%;
    }
    .slide .u104 .currency .input-group-addon {
        top: -2px;
    }
    .favorite-company .btn.btn-pink {
        width: 100%;
    }
    .bill-send-money .add-company .btn {
        width: 100%;
        font-size: 12px;
    }
    .alert-success h3 {
        font-size: 25px;
        font-weight: 400;
        margin: 0 0 25px;
    }
    .alert-success p {
        padding-bottom: 25px;
    }
       /* #manage_profile_form .btn.btn-pink {
            margin-top: 42px;
        }
        #manage_profile_form .btn.btn-green.validate.submit-clk {
            margin-top: -150px;
            top: -86px;
            }*/
            #manage_profile_form .validate-btn {
                margin: 0 auto !important;
            }

            #manage_profile_form .btn.btn-green.validate.submit-clk {
                top: -43px;
                position: relative;
            }
            #manage_profile_form .btn.btn-pink {
                position: relative;
                top: 41px;
            }		


        }

        @media only screen and (max-width: 360px) {
            .wallet-use > h4 {
                font-size: 20px !important;
            }
            #preload > div {
              font-size: 18px !important;
              width: 92% !important;
          }
          #preload .logo1 {
              width: 25%;
          }
          .width-li {
            width: 270px !important;
        }	

        @media screen and (-webkit-min-device-pixel-ratio: 0) {
         .slide .u104 .currency .input-group-addon {
            left: 68% !important;
        }
    }
    /*9-3-17*/

    .alert-success h3 {
        font-size: 23px;
        margin: 0 0 10px;
    }
    .alert.cookie-alert.alert-dismissible.fade.in {
        margin-bottom: 15px;
    }
    .btn.btn-green > #balance_tobe_paid {
    display: inline-block;
    font-size: 29px;
    margin: 0 0 10px;
    line-height: 25px;
}
}
@media only screen and (max-width: 380px) {
.purchase-text {
    width: 100%;
}
.purchase-select-box {
    width: 40%;
}
.purchase-select-box .select2-selection.select2-selection--single {
    padding-left: 12px;
}
.purchase-select-box .select-title {
    margin-bottom: 0;
}

}
@media only screen and (max-width: 340px) {
    /*slider*/

    .slider-container .pay-only-ghana > h3 {
        font-size: 18px !important;
    }
    .save-move {
        padding-bottom: 20px;
        width: 100% !important;
    }
    .navbar-nav > li {
        padding: 24px 4px;
    }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .slide .u104 .currency .input-group-addon {
            left: 190px !important;
            position: absolute;
            right: 0;
            top: 0px !important;
        }
    }
}
@media only screen and (max-width: 320px) {
    #send-money-step3-form .summary-wp.mobile-btn .col-md-7.col-sm-9 {
        position: relative;
        top: -47px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .slider-container .u104 .how_much-box .select2-selection__arrow::before {
        right: 9px;
        top: 0;
    }
    .slider-container {
      z-index: 999 !important;
  }
  .alert-success {
      z-index: 2147483647 !important;
  }
  .validator input{
   padding-top:0 !important;
}
.validator{
	min-width:inherit !important;
}
}

.validator input{
	
	min-width:inherit !important;
}
.validator{
	margin:0 !important;
}