.register-main-sec


@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,400i,500,500i,600,700,800&display=swap');


body{font-family: 'Montserrat', sans-serif;font-size:14px;color:#222;}
*{margin:0;padding:0;}
a{text-decoration:none;cursor:pointer;color:#333;}
a:hover, a:focus{text-decoration:none;}
header {background:#0261AF;float:left;width:100%;position:fixed;left:0;right:0;top:0;z-index:1;padding:15px 0;}
.header {float:left;width:100%;padding:15px 0;}
.logo h1 {font-size:25px;color:#fff;}
.head-right-side {float:right;padding:10px 0 0;}
.head-right-side .btn.dropdown-toggle {background:transparent;color:#fff;font-size:20px;}
.head-right-side .btn.dropdown-toggle {font-size:18px;}
.sidebar{position:fixed;left:0;right:0;top:57px;width:294px;background:#fff;height:800px;padding:25px 0 0;}
.wrapper{margin-left:294px;margin-top:56px;}
/*.main-wrapper{padding:40px;float:left;background:#F0F4F7;width:100%;}*/
.sidebar ul li{list-style-type:none;}
.sidebar ul li a{font-size:15px;color:#fff;line-height:21px;text-decoration:none;width:100%;display:block;padding:10px;}
.sidebar ul li:hover a{background:#1585DE;}
ul.distibutor {margin-bottom:15px;}
.side-menu h4 a{color:#fff;text-align:center;padding-left:15px;}
.side-menu img{width:22px;margin-right:2px;}
/*.register-bx{max-width:400px;margin:50px auto;text-align:center;}*/
/*.register-inner-bx .logo img {width:50%;}*/
.steps-form {display:table;max-width:1150px;position:relative;width:100%;margin:0 auto;}
.steps-form .steps-row{display:table-row;}
/*
.steps-form .steps-row::before{top:30px;bottom:0;position:absolute;content:" ";width:95%;height:2px;background-color:#ccc;left:0;}
.card h2{margin:5px 0 40px;}
*/
.steps-form .steps-row .steps-step{display:table-cell;text-align:center;width:20%;    padding: 3px 30px;
}
.steps-form .steps-row .steps-step p{margin-top:0.5rem;font-size:17px;}
.steps-form .steps-row .steps-step button[disabled]{opacity:1 !important;filter:alpha(opacity=100) !important;}
/*.steps-form .steps-row .steps-step .btn-circle{width:62px;height:62px;text-align:center;padding:15px 0;background:#fff;font-size:12px;line-height:1.428571429;border-radius:0 !important;margin-top:0;border:1px solid #ccc;}*/
/*.steps-form .steps-row::before{top:30px;bottom:0;position:absolute;content:" ";width:80%;height:2px;background-color:#ccc;left:115px;}*/
.choose-sec{padding:50px 0;max-width:1000px;margin:0 auto;}
.choose-sec h3 {padding: 0;font-size: 25px;color: #fff;font-weight: 400;}
.choose-sec label {font-weight:500;}
.choose-sec input, .choose-sec select {height:40px;border-radius:0;padding-left:5px;font-weight: 400;}
.choose-sec .prevBtn{background:#0261AF;border-radius:3px;font-size:17px;color:#fff;}
.plan-bx {float:left;width:32%;text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.plan-bx.mid-box{margin:0 23px;}
.plan-bx:last-child{margin-right:0 !important;}
.plan-bx h3 {margin:0;}
.plan-detail .price {display:block;font-size:30px;font-weight:600;}
.choose-sec .btn-detail {margin:15px 0 !important;  float:left;text-align:right;width:100%;}
.plan-bx:hover{background:#eee;}
.plan-main-bx.usd-plans .plan-bx {width:382px;margin-right:12px;}
.plan-text {padding:9px 0;float:left;width:100%;}
.up-to{background:#0261afb0;margin:0;padding:10px 0;color:#fff;}
.up-to {margin:0;padding:10px 0;color:#fff;background:#2883ce;}
.up-to a {color:#fff;font-size:17px;font-weight:600;}
.white-img img {display:none;}
.btn-circle.active.btn-default.btn-indigo{background:#0261AF;border:none;opacity:1;}
.btn-circle.active.btn-default.btn-indigo img{display:none;}
.white-img {text-align:center;padding-left:12px;}
.btn-circle.active.btn-default.btn-indigo .white-img img {display:block;text-align:center;vertical-align:middle;}
.call-company {margin-top:25px;}
.call-company .btn {height:40px;}
/*.register-bx .btn-sec .admin-btn {float:right;padding:10px 0;}*/
.plan-btn {text-align:center;margin:0;float:left;width:100%;padding: 0 15px;}
.plan-btn .btn.view-more.prevBtn {padding:10px 26px;}
.plan-bx:hover .up-to, .plan-bx.active .up-to, .plan-bx.active h3{background:#005093;transition:0.5s;}
.plan-detail span {display:block;padding:15px 0;text-transform:capitalize;font-size:14px;}
.plan-detail h4{font-size:40px;font-weight:600;margin:25px 0 0;}
.up-to .price {font-size:25px;}
sub{bottom:11px;}
.plan-text .call-length {float:left;width:49%;text-align:center;margin-right:23px;}
.call-length h5 {background:#eaeaea;padding:6px 0;border:1px solid #e6e0e0;font-weight:normal;}
.plan-text .call-length:last-child{margin-right:0;}
.up-to h4 {display:inline-block;}
.plan-detail ul li {padding-top:15px;text-align:left;font-size:13px;position:relative;list-style-type:none;padding-left:19px;padding-bottom:15px;}
.plan-detail ul {padding:20px;border-bottom:1px solid #e7e7e7;}
.plan-detail ul li::before {position:absolute;content:"";left:0;top:12px;width:8px;height:8px;font-family:fontawesome;font-size:16px;color:#2883CE;}
#navbarResponsive .fa-file-text{color:deeppink;}
.circle-sucess-fully {background:#0261AF;width:150px;height:150px;border-radius:50%;display:inline-block;line-height:150px;vertical-align:middle;}
.circle-sucess-fully img {width:100px;}
.sucess-main-sec {
    max-width: 935px;
    margin: 0 auto;
    padding: 20px;
/*    background: #0261af;*/
/*    border-radius: 15px;*/
/*    border: 10px double #fff;*/
}
/*.suceesfully-text.clearfix {margin: 0 auto;max-width: 935px;border: 1px dashed #89cdff;padding: 50px 60px;background: #f0f9ff;border-radius: 10px;}*/
.suceesfully-text.clearfix h6 {margin-top:25px;font-size:20px;}
.button-now {text-align:center;width:100%;margin:34px 0;}
/*#login-customer input {height:42px;font-size:14px;color:#000;}*/
.card h2 {margin:8px 0 35px;text-transform:uppercase;font-weight:600;}
.plan-bx h3 {color:#0261AF;background:none;position:relative;}
.plan-bx h3:after {position:absolute;content:"";border-bottom:1px solid #ddd;left:0;top:42px;width:100%;}
.plan-bx {float:left;width:32%;text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-right:15px;padding:0 10px 10px;}
.plan-detail a:hover {color:#000;}
.payment_main_div h3 {background:none;color:#0261AF;}
#client-signup-form {margin-top: 50px;}
.payment_main_div h3 {background:none;color:#fff;padding:20px 0;}
#step-3 .text-right .btn{margin-top:60px;}
.btn-rounded.proceedPaypal{background:#0261AF;color:#fff;}
#step-1 .form-group {margin-top:21px;}
#step-2 .plan-main-bx{margin-top:30px;}
.plan-bx{border-top:1px solid #ccc;margin-bottom:30px;}
/*.register-inner-bx {float:left;width:100%;padding:50px 0 25px;background:#fff;}*/
.main-wrapper div center h2 {color:#0261AF;}
/*.register-bx .btn-sec {padding:25px 15px 0;text-align: left;}*/
.form-group {position:relative;}
#login-customer #email-error {color:red;}
#login-customer #password-error {color:red;}
[type=reset], [type=submit], button, html [type=button] {appearance:button;-moz-appearance:button;}
.activeClsse {background:#d3e3f3;position:relative;}
.plan-bx.activeClsse {background:#d3e3f3!important;}
.plan-bx.activeClsse::after {content:'\f05d';font-family:FontAwesome;font-weight:normal;font-style:normal;margin:0px 0px 0px 10px;text-decoration:none;position:absolute;top:4px;bottom:0;right:14px;z-index:9999;font-size:27px;color:#0f69b7;}
.plan-bx.activeClsse::after {display:none;}
.plan-bx.activeClsse {background:#d7dee6!important;box-shadow:1px 1px 4px 2px #0261af7d;}
.plan-detail h4 {margin:14px 0;}
#client-signup-form select.form-control.countryRegions {padding-left:2px;height: 40px;}
.payment_main_div{border-bottom:1px solid #0261af;margin-bottom:15px;    padding-bottom: 20px;}
.btn.focus, .btn:focus{outline:0;box-shadow:0 0 0 0 rgba(0,123,255,.25);}
.register-bx #check-form-email{text-align:left;margin-top:14px;}
#check-form-email label{color:red;}
.star{color:red;font-size:14px;font-weight:600;}
.first-plan h5{background:#223c4a;padding:15px 0;color:#fff;text-transform:uppercase;margin:0;position: relative}


/*.price-dollar{background:#84a9da;text-align:center;padding:60px 0 0;min-height:100px;position:relative;}*/
.plan-text li{display:block;padding: 6px 4px;font-weight:600;font-size:12px;}
.plan-text{padding:35px 15px;background:#fff;}
.plan-text ul {
    padding: 0;
    min-height: 330px;
}
.home-login .container {
    max-width: 1000px;
}
.first-plan .price-dollar p {
    font-weight: 600;
    font-size: 20px;
    color: #555;
}
#step-3 .plan-text ul {
    min-height: 230px;
}
.first-plan.second-plan h5{background:#3772aa;}
.first-plan.second-plan .price-dollar{background:#fff;}
/*.first-plan.second-plan .price-dollar .dollar-price{background:#4484c1;}*/
.first-plan.second-plan .btn{background:#4484c1;}
.plan-btn .btn{border:none;font-weight:600;}
.plan-section{margin:20px 0;}
.planspan{font-size:12px;}


/*====================== Css By Sumit 17 April 2019 ========================*/
a{cursor:pointer;}
.login-back{float:left;width:100%;text-align:center;}
/*.signUpText{display: block;color:#8a8c8e;font-size: 13px;}*/
.register-inner-bx .btn.btn-primary {
    min-width: 130px;
    cursor: pointer;
    background: #94bc54;
    color: #ffffff;
/*    padding: 10px 50px;*/
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #94bc54;
    border-radius: 5px;
    font-size: 1.125rem;
    font-weight: bold;
}
#signupPromoCodeBtn {
    border-radius: 5px;
    background: #223c4a;
}
#signupPromoCodeBtn:hover {
    -webkit-box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.3s ease,width 0.3s ease;
    -o-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
    color: #f7f7f7;
}
.sign-in-back, .forgot-password{color:#fff;}
.trouble_logging{margin:20px 0 6px;}
.btn {cursor:pointer;}
.register-bx.login-section{margin-top:130px;}
.profile-detail span.star {display: inline-block;}
.suceesfully-text p {font-size: 15px;color: #fff;font-weight: 200;}
.suceesfully-text a { color: #0062cc;}
.suceesfully-text h3 {padding: 10px 0;    font-size: 28px;}
.steps-step.sign_up_active a { color: #fff;z-index: 999;position: relative; }
.steps-step a { color: #aaaaaa; text-transform: uppercase;    font-size: 13px;font-weight: 500;}
/*26-08-2019*/
.register-inner-bx .logo img {width:100%;max-width: 150px;}
#login-customer input{background: #fff;border-radius: 0;border: none;    height: 42px;
    font-size: 14px;
    color: #000;
    padding: 5px 10px;}
.register-main-sec {
    background: url(../img/background-bg.png) no-repeat right bottom;
/*    background-size: 100%;*/
      height: 100%;
/*    position: fixed;*/
      padding-top: 117px;
}
.register-main-sec.h-cstm{height:100vh;}
.register-main-sec {
    background-color: #252b2d;
}
.register-inner-bx {width:100%;padding:50px 0 25px;}
a.forgot-password{font-size: 14px;}
.btn-primary{background: #223c4b;border-radius: 30px;text-transform: uppercase;border-color: #223c4b;}
.signUpText {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 500;    margin-bottom: 20px;
}
/*
.sign-in-back.btn-primary.btn,.btn.campaign {
    background:#223c4a;
    border-color:#223c4a;padding: 10px 25px;    margin-top: 30px;
}
*/
.sign-in-back.btn-primary.btn, .btn.campaign, .sign-in-back.btn-warning {
    background: #223c4a;
  margin-top: 20px;
    color: #ffffff;
    padding: 10px 50px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #223c4a;
    border-radius: 5px;
    font-size: 1.125rem;
    font-weight: bold;
}
.sign-in-back.btn-primary.btn:hover, .btn.campaign:hover, .sign-in-back.btn-warning:hover, .register-inner-bx .btn.btn-primary:hover
{
    -webkit-box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.3s ease,width 0.3s ease;
    -o-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
    color: #f7f7f7;}
.sign-in-back.btn-primary.btn:active, .btn.campaign:active, .sign-in-back.btn-warning:active, .btn-warning:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background:#93bb54;
    border-color:#93bb54;box-shadow: none;
}
.register-inner-bx p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
.form-gm.btn-sec {
    padding-right: 60px;
}
.mb-10{margin-bottom: 1.2rem;}

.form-group.register-inner-bx h3.signUpText {
    margin-bottom: 15px;
}
.choose-sec .card {
    background: transparent;
    border: none;
}
.steps-step.sign_up_active {
    text-transform: uppercase;
    color: #fff;
}
.steps-row.setup-panel .steps-step:last-child{
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.steps-row.setup-panel .steps-step:first-child {border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;}

.header{    z-index: 999;
    position: relative;top:40px}

.steps-step{background: #edeeef;}

.steps-step.sign_up_active:before {
    background: #223c4a;
    content: "";
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5px;
}
.dollar-price
{
    padding: 25px 19px 0;
    font-size: 70px;
    color: #555555;
    font-weight: 300; display: block;
}

.price-dollar {
    background: #fff;}
.setup-content p {
    color: #fff;font-weight: 300;font-size: 16px;text-align: justify;
}
.plan-text ul li {
    font-size: 14px;
    font-weight: 400;color: #848484;
}
div#step-2 .price-dollar p {
    color: #555555;
    margin-bottom: 0;    font-size: 20px;
    font-weight: 500;
}
.first-plan:hover h5,.first-plan:hover .plan-btn .btn
{
    background: #ffa500;
}

.first-plan:hover .dollar-price{color: #ffa500;
    font-weight: 500;}

.sign-in-back.btn.nextBtn {
    margin-top: 10px;
    background-color: #223c4a;
    color: #ffffff;
    padding: 10px 50px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #223c4a;
    border-radius: 5px;
    font-size: 1.125rem;
    font-weight: bold;
}
.cstm-fixed{position: fixed;width: 100%;}
.steps-step.sign_up_active:first-child:before {
    width: 20%;
}

.choose-sec .btn-detail {
    margin:0 !important;
}
.top-up .first-plan h5:after{display: none;}
 .choose-sec .btn-detail p {
    float: left;margin-bottom: 0;color: #fff;
    margin-top: 13px;
}
.plan-section .col-md-4:nth-child(3) .first-plan h5:after {
    content: url("../img/info40-min.png");
    position: absolute;
    right: 30px;
    top: 14px;
}


.md-form{position: relative;}
.steps-step.sign_up_active+.steps-step.sign_up_active:before{width: 40%;}
.steps-step.sign_up_active+.steps-step.sign_up_active+.steps-step.sign_up_active:before{width: 60%;}
.steps-step.sign_up_active+.steps-step.sign_up_active+.steps-step.sign_up_active+.steps-step.sign_up_active:before{width: 80%;}
.steps-step.sign_up_active+.steps-step.sign_up_active+.steps-step.sign_up_active+.steps-step.sign_up_active+.steps-step.sign_up_active:before{width: 100%;}
div#step-2 .price-dollar .package-ins {
    position: absolute;
    width: 100%;
    top: -140px;
    left: 0;
    padding: 55px 40px 10px;
    font-size: 16px;
    background: url(../img/chat.png) no-repeat;
    background-size: 90%;
    height: 250px;
    background-position-x: 18px;
}

.price-dollar:hover p.package-ins{display: block;}
p.package-ins{display: none;}
/*.sign-in-back.btn-primary.btn.signUpNext{padding: 10px 50px;    }*/
.suceesfully-text.clearfix {
    text-align: center;
}
.suceesfully-text h3+p {
    font-size: 23px;font-weight: 300;margin-bottom: 5px;
}
a.campaign.btn {
    margin: 30px 0;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
}
.suceesfully-text h3+p+p {
    font-size: 20px;
    font-weight: 200;
}
.suceesfully-text p>a{color: #206670;text-decoration: underline;margin-left: 5px;}
.reset-cstm .form-gm.btn-sec {
    padding: 0;
    margin: 0 auto;
    max-width: 500px;
}
.payment_main_div{color: #fff;}

.plan-section .container {

    padding: 0;

}
#step-2 .mt-5 h3 {
    font-size: 24px;
}

.form-group-placeholder .palceholder {
  position: absolute;
  top: 7px;
  left: 8px;
  color: #B1B1B1;
  display: none;
}
.form-group-placeholder label {
  font-weight: normal;
  color: #B1B1B1;font-size: 16px;margin-bottom: 0;
}
.form-group-placeholder .star {
  color: red;
}
.home-login .sign-in-back.btn-primary.btn{margin-top: 40px;}
.payment_main_div .cstm-col h3{    font-size: 23px;}
.top_up_main_div+.btn-detail p {margin-top: 20px;}
.steps-step>a {
    pointer-events: none;
}
img.tip-info {
    position: absolute;
    right: 26px;
    top: 30px;
    z-index: 9;
    width: 20px;
}
.price-dollar{position: relative;}


.first-plan:hover{transform:scale(1.05);box-shadow:0px 2px 24px #c6b9b9;}
/*05-09-2019*/
.btn.btn-warning {color: #fff;background-color: #223c4a;border-color: #223c4a;}
/*.btn.btn-warning:hover{background-color: #e69803;}*/
.first-plan {
text-align: center;
transition: transform .2s;
margin: 15px 0;
float: left;
width: 100%;
}
.btn {
border: none;
border-radius: 30px;
padding: 9px 25px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
height: auto;
}


.yel-tip {
        background: #6fcbd8;
    border: 2px solid #fff;
    border-radius: 30px;
    position: absolute;
    z-index: 1;
    top: -80px;
    right: -45px;
    color: #fff;
    padding: 10px 28px 0;
    font-weight: 500;
    max-width: 280px;
    min-height: 100px;
    display: none;
    font-size: 13px;
}
img.tip-info{cursor: pointer;}

.yel-tip:after {
    content: "";
    position: absolute;
    bottom: -39px;
    right: 40px;
    width: 40px;
    height: 40px;
    background: url(../img/tip-bot-green.png) no-repeat;
    background-size: 100%;
}

.col-md-3.cstm-col [class*=col-] {
    padding-left: 0;
}
.form-group.promo .col-lg-8 {
    padding-left: 0;
}
#signupPromoCode-error{
    position: absolute;
width: 100% !important;
font-size: 12px;
}
#promoSuccessMessage p {
    font-size: 12px !important;
    float: left;
    text-align: left;
    margin: 0 !important;
}
#appliedPromoCode .alert.alert-success{padding: 15px;}

div#appliedPromoCode .col-md-12 {
    padding: 0;
}

.jq-toast-single.jq-has-icon.jq-icon-success:after,.jq-toast-single.jq-has-icon.jq-icon-error:after {position: absolute;content: url(../img/bottom.png);bottom: -25px;right: 30px;}

.jq-toast-single.jq-has-icon.jq-icon-success,.jq-toast-single.jq-has-icon.jq-icon-error {
    position: relative !important;font-size: 15px;
    background-color: #93d500 !important;
    border-radius: 30px !important;
    border: 3px solid #efefef !important;
    background-position-x: 15px !important;
    background-position-y: center !important;color: #fff;
}
.jq-toast-single.jq-has-icon.jq-icon-error {background-color: #a94442 !important;}
.jq-toast-single.jq-has-icon.jq-icon-error:after{content: url(../img/bottom-r.png);}
.jq-toast-loader {
    top: -4px !important;
    height: 5px !important;
    left: 30px !important;
    background: #4487f3 !important;
    max-width: 215px !important;
}
.close-jq-toast-single {
    top: 5px !important;
    right: 17px !important;
    color: #fff !important;font-size: 15px;
}
.jq-toast-wrap .jq-toast-single h2{font-size: 16px;font-weight: 600;}
.jq-toast-wrap {width: 280px !important;}
.jq-toast-wrap .jq-has-icon {padding:20px 10px 20px 50px;}
.cstm-col.pl-0 h3 {margin-left: 15px;}
.reset-pass {
    max-width: 500px;
    margin: 0 auto;
}
.reset-pass .logo {
    text-align: center;
    margin-bottom: 20px;
}
.reset-pass .form-gm.btn-sec{padding-right:0;}
.pricing-tabs {
    margin-top: 65px;
    display: flex;
    justify-content: space-between;
}
.pricing-tabs p, .pricing-tabs h6, .pricing-tabs h5 {
    padding: 0 25px;
}
.pricing-tabs .col-xl-4 {
    /* background-image: linear-gradient(to bottom, #223c4a, #304855, #3e5461, #4c616d, #5a6e79); */
    background: #fff;
    padding: 0;
    height: 100%;
    margin: 0 15px;
    flex: 0 0 30%;
}
.pricing-title {
    text-align: center;
    color: #ffffff;
    margin: 0 !important;
    background: #233d4b;
    font-size: 20px;
    padding: 23px 0;
}
.plan-sml h5.small-price {
    margin: 0 !important;
}
.pricing-tabs h6 {
    font-size: 19px;
    font-weight: bold;
    color: #233d4b;
    text-align: center;
    text-transform: uppercase;
    margin:20px 0;
}
.pricing-tabs p {
    font-size: 14px;
    color: #000;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 400;
}
.pricing-tabs h5 {
  font-size:2.6rem;
    font-weight: 500;
    color: #223c4a;
    text-align: center;
    text-transform: uppercase;
    margin-top: 7.5rem;
/*    font-family: 'proxima_nova_rgbold';*/
    margin-bottom: -1.15rem;
}
.buy-now-button-right {
    font-size: 17px;
    text-align: center;
    color: #223c4a;
    padding: 8px 30px;
    background: #23c4cd;
    border: 1px solid #223c4a;
    border-radius: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.buy-now-button-right:hover {
    color: #223c4a ;
    -webkit-box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.3s ease,width 0.3s ease;
    -o-transition: left 0.3s ease, width 0.3s ease;
    transition: left 0.3s ease, width 0.3s ease;
    text-decoration: none;
    opacity: 95%;
}
a.buy-now-button-right.buy-now-button-center.checkPlainPrc.activeCls, a.checkTopUpPrc.buy-now-button-right.buy-now-button-center.topPlanClass.activeCls {
    background: #23c4cd !important;color: #223c4a  !important
}
a.buy-now-button-right.buy-now-button-center.checkPlainPrc, a.checkTopUpPrc.buy-now-button-right.buy-now-button-center.topPlanClass {
    color: #fff  !important;background:#4b606c !important;
}
.white-rect {
    background-color: #fff;
    font-size: 2.25rem;    text-align: center;
/*    font-family: 'proxima_nova_rgbold';*/
    text-align: center;
    color: #223c4a;
/*
    -moz-box-shadow: inset 0 0 20px #a5a6a6;
    -webkit-box-shadow: inset 0 0 20px #a5a6a6;
*/
/*    box-shadow: inset 0 0 20px #a5a6a6;*/
}
.wr-left {
    border-bottom-left-radius: 0;
    padding:20px 0;
}
.plan-sml, .plan-big {
    padding-bottom: 25px !important;
}
.pricing-tabs p b {
    display: block;
}
.wr-center {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding:20px 0;
}
.top_up_main_div h2.pricing-title {
    padding: 10px 0;
}

.plan-big .pricing-title {
    padding: 23px 0;
}
p.top-up-p {
    padding: 20px 15px;
}
.top_up_main_div .wr-left {
    padding:20px 0 ;
}
.top_up_main_div .wr-center {
    padding:20px 0 ;
}
.top_up_main_div .pricing-tabs .plan-sml, .top_up_main_div .pricing-tabs .plan-bg {
    margin: 0 15px;
}
.pricing-tabs .pt-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.plan-big .pricing-title {
    font-size: 20px;
    margin-bottom: 0;
}
.top_up_main_div h5.topup-pricing-side {
    margin-top: 0 !important;
}
.plan-big h4 {
    font-size: 1.125rem;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 6.5px 0;
    background:  #233d4b;
}

.plan-big h6 {
    font-size: 19px;
}
.plains_main_div .plan-big .pricing-title {
    padding: 12px 0 0;
}
.pricing-tabs .pt-center {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.pricing-tabs .pt-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.wr-right {
    border-bottom-right-radius: 0;
    padding:20px 0;
}
.pricing-tabs .col-xl-3 {
    flex: 0 0 30% !important;
    max-width: 50%;
}
.plan-big .small-price {
    margin: 0 !important;
}
#step-3 .btn-detail {
    margin: 30px 0 0!important;
}
/****Instruction CSS Start Here ***/
.instruction-bx .register-bx.login-section {  margin-top: 0;}
.instruction-content-bx p {font-size: 16px;color: #fff; margin-bottom: 0;text-align: justify;}
.intruction-detail {padding-top: 30px;border-top: 1px solid #fff;margin-top: 30px;}
.step-one {border: 7px solid #3e4446;margin:25px 0 150px;    border-radius: 10px;}
/* .instruction-content-bx {
    text-align: center;
    background: #3e4446;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
} */
.instruction-content-bx h2 {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;

}
.instruction-content-bx {
    margin-top: 14px;
}
.instruction-content-bx span {
    display: block;font-weight: bold;
    font-size: 27px;
}
.instruction-content-bx em {
    font-style: normal;color:#94bc54 ;
}

.instruction-content-bx a {
    color: #94bc54;
    font-weight: 600;
}
.step-one h1 {text-align: center;font-size: 20px;display: inline-block;border-bottom: 1px solid #fff;color: #fff;padding-bottom: 5px;}
.step-one img {width: 100%;}
.step-one p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    background: #3c4446;
    padding: 5px;
    border-radius: 20px;
}

.instruction-bx .register-inner-bx {
    background: #404648eb;
    border-radius: 10px;
    padding:71px 0;
}

/****Instruction CSS End Here ***/
/* Responsive */
@media screen and (max-width:1024px)
{
  .step-one .img_bx {
    height: 150px;
    width: auto;

}
  .table thead th{min-width:140px;}
.register-bx.login-section .register-inner-bx {position: absolute;width: 300px;height: 200px;margin-right: auto;margin-left: auto;left: 0;right: 0;margin-top: auto;margin-bottom: auto;bottom: 0;top: 0;}
    .sign-in-back.btn-primary.btn,btn.campaign {padding: 8px 20px;margin-top: 16px;}
    .register-inner-bx p {font-size: 15px;}
    .register-inner-bx .btn.btn-primary {font-size: 14px;}
    .register-main-sec{padding-top: 70px}
    .home-login{position: static;}
.form-gm.btn-sec {padding-right: 0;}
}
@media screen and (max-width:812px)
{

.plan-bx{width:47.8%;margin:0 7px 10px;}
.steps-form .steps-row .steps-step{padding: 3px 10px;}.choose-sec h3 {padding: 0;font-size: 20px;margin-top: 0;}
    .form-group-placeholder label,.choose-sec input, .choose-sec select{font-size: 14px;}
    #step-1 .form-group {margin-top: 15px;}
    .sign-in-back.btn-primary.btn, .btn.campaign{font-size: 14px;}
    .setup-content p {font-size: 14px;}
    div#step-2 .price-dollar .package-ins {bottom: 0; padding: 37px 40px 10px;
    font-size: 11px;
}
    .plan-text {padding: 20px 15px;background: #fff;}
    .plan-text ul li {font-size: 13px;}
    .plan-text ul {min-height: 320px;}
    div#step-2 .price-dollar p {
font-size: 16px;
    }
    .dollar-price {
    font-size: 50px;
    }

    div#step-2 .price-dollar .package-ins{
background: url(../img/chat.png) no-repeat;
background-position-x: 13px;background-size: 90%;
}
.form-group-placeholder .palceholder {top: 10px;}
.choose-sec {padding: 50px 0 0px;}.home-login .sign-in-back.btn-primary.btn {margin-top: 10px;}
.steps-step.sign_up_active+.steps-step.sign_up_active+.steps-step.sign_up_active:before {width: 61%;}
button#signupPromoCodeBtn {margin-top: 30px;}
.cstm-col.pl-0{padding: 0 15px !important;}
.cstm-col.pl-0 h3 {margin-left: 15px;}
.form-group.promo .col-lg-8 {padding: 0;}
img.tip-info {top: 25px;}
}

@media screen and (max-width:736px)
{
  .step-one p {
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: #3c4446;
    padding: 5px;
    border-radius: 20px;
}
.steps-form .steps-row .steps-step {padding: 0px 5px;    vertical-align: middle; }
.choose-sec .btn-detail {margin:15px 0 !important;}
.choose-sec h3, #step-2 .mt-5 h3 {font-size: 18px;margin-top: 0 !important;}
.choose-sec {padding: 36px 0 15px;}
 #step-1 .form-group {margin-top: 10px;}
.main-wrapper {padding: 40px 12px 5px;}
.choose-sec .card-body.mb-4 {padding: 0;}
.setup-content p {font-size: 12px;}
#step-3 .plan-text ul,.plan-text ul {min-height: auto;}
div#step-2 .price-dollar p {padding-bottom: 15px;}
.price-dollar .package-ins {background: url(../img/chat.png) no-repeat;background-position-x: 50%;background-size: 70%;}
.price-dollar .package-ins {padding: 55px 75px 10px;}
.top_up_main_div+.btn-detail p {margin-top: 0;}
.first-plan:hover {transform: none;}
#client-signup-form {margin-top: 30px;}
.payment_main_div .cstm-col h3 {font-size: 20px;}
button#signupPromoCodeBtn {margin-top: 10px;}
.payment_main_div .cstm-col h3 {margin-top: 10px;}
    .home-login .register-bx.clearfix{margin-top: 20px;}.home-login .register-inner-bx {width: 100%;padding: 0 0 25px;}
.form-gm.btn-sec{padding-right:0}
.home-login.register-main-sec {padding-top: 40px;}
.row.setup-content {margin: 0;}
    .row.setup-content .container{padding: 0;}
img.tip-info {top: 20px;right: 10px;}
    .payment_main_div .col-lg-3.cstm-col.pl-0 span.star{margin-bottom: 0;}
    .cstm-col.pl-0 h3{margin-top: 15px;}
    .row.setup-content .container .row{margin: 0;}
    .row.setup-content .container .row [class*="col-md"] {padding: 0;}
    .form-group.promo .col-lg-8,.form-group.promo .col-lg-4.pl-0{padding: 0;}
}
.pricing-tabs .plan-sml, .pricing-tabs .plan-big {
    border-radius: 19px;
    overflow: hidden;
}

.buy-now-button-right.buy-now-button-center.checkPlainPrc:focus{
outline: none;
}
.buy-now-button-center.checkPlainPrc.activeCls {
outline: none;
}
#step-3 .pricing-tabs p b {
display: block;
font-size: 2rem;
}
#step-3 .plan_row {
min-height: 440px;flex: 0 0 29%;
}
.sign-in-back.signUpNext:active {
color: #fff !important;
}

.checkTopUpPrc.buy-now-button-right.buy-now-button-center.topPlanClass.activeCls {
outline: none;
}

.pricing-tabs p.top-up-p {
padding: 10px 15px;
}


.privacy-policy-sec {margin-top: 35px;}
.privacy-content h2 {margin-bottom: 35px;text-align: center;}
.privacy-content strong{
    margin-bottom: 15px;
    display: block;
}
.privacy-content li{  margin-bottom: 15px;}
.privacy-policy-sec {
    margin: 50px 0;
}
.privacy-content a {
    color: #0056b3;
}
.privacy-content ul {
    padding-left: 15px;
}
.privacy-content ol {
    padding-left: 25px;
}
.privacy-content {
    padding: 25px;
    background: #f7f7f7;
    border: 1px solid #e7e7e7;
    border-radius: 25px;
}
.register-main-sec footer {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    text-align: center;
}
.register-main-sec footer a {
    margin-right: 7px;
    color: #fff;
    border-right: 1px solid #fff;
    padding-right: 12px;
}
.register-main-sec footer a:last-child{margin-right:0;  border-right:none;padding-right:0;}
.privacy-content span {
    display: block;
    font-size: 26px;    margin-top: 8px;
}
@media screen and (max-width:667px)
{
.register-main-sec footer a {
    font-size: 12px;
}
  .step-one .img_bx {
    height: auto;
    width: auto;
}
.register-bx.login-section .register-inner-bx {
    position: static;
    margin-top: 30px;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

    .payment_main_div .cstm-col span{    margin-bottom: 20px;}
.plan-bx{width:100%;margin-bottom:15px;}
.register-bx.login-section .btn-cutsomer.btn-primary { margin-bottom: 15px;}
.payment_main_div span { margin-bottom: 0px; display: inline-block;} .steps-step a{font-size: 10px;padding: 0;}
}

@media screen and (max-width:480px)
{
/*.steps-form .steps-row .steps-step .btn-circle{width:48px;height:48px;padding:8px 0;line-height:0px;}*/
.steps-form .steps-row .steps-step p{margin-top:0.5rem;font-size:11px;}
}
@media screen and (max-width:375px)
{
#add-campaign-steps .btn{margin:20px 18px!important;}
}

@media (min-width:768px) and (max-width:1023px)
{

.plan-btn .btn{ font-size:10px;}
.plan-btn {margin: 0;}
.payment_main_div .col-md-4 {width: 100% !important; max-width: 100%; flex: inherit;}
}
span.help-block {
    color: red;
}