.LoginValidation {
        margin: 32px 9px 0 0;
    }

    .ref_login_heading {
        background: #009cdf;
        height: 60px;
    }

    .form {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px 20px;
        position: relative;

        box-shadow:none;
    }

.register .join {  margin-bottom:20px;}

    .join {
        width: 100%;
        left: 0;
        padding: 0;
        text-align:center;
    }

        .join h2 {
            padding: 9px 0px 12px;
            margin: 0;
            color: #2d2d2d;
            font-weight: normal;
            font-size: 23px;
            font-family: Oswald;
            border-bottom:1px solid #cecdca;
            position:relative;
        }

            .join h2::before {    position: absolute;
              z-index: 99;
              content: "";
              left: 0;
              right: 0;
              width: 50%;
              bottom: -2px;
              height: 3px;
              margin: auto;
              background: #18a7fa;}

         .join p {
            padding: 0px 0px;
            margin: 0;
            font-size: 16px;
           line-height: 1.3;
           margin-top:7px;
        }

    .form h3 {
        text-shadow: 1px 1px 3px rgba(0,0,0,.5);
        font-size: 20px;
        text-align: center;
    }

    .left-side p {
        padding: 0 74px;
        font-size: 23px;
        font-weight: 100;
        letter-spacing: 1px;
        margin-bottom: 17px;
    }

    .form .register p {
        font-size: 14px;
        color: #4b4b4b;
    }

    .ref_login_outer {
        background-size: cover;
        background-attachment: fixed;
        width: 100%;
        height: 100%;
        position: relative;
    }

        .ref_login_outer:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: '';
            opacity: 0.7;
        }

    .internal-menu {
    margin: 40px auto 0;
    display: block;
    width: 400px;
    background:#f9b217;
}

    .internal-menu ul .active {
    background: #19b7d3;
}

    .referral_signinlft {
        background: #fff;
        border-radius: 5px 0 0 5px;
        margin-top: 100px;
        padding: 20px 24px 20px;
    }

    .referral_info {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .referral_info .media-right h5 {
            font-size: 14px;
            color: #141414;
            font-family: Open Sans;
            margin: 22px 0 0px 0;
        }

        .referral_info .media-right p {
            font-size: 12px;
            color: #434343;
            font-family: Open Sans;
            margin-bottom: 0;
        }

.video-mn-cls { position:relative;}
.video-bg-login{ position: fixed; z-index: -1; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-image: none; background-color:rgba(30,30,30,0.5);}
    .video-bg-login video {
        margin: auto;
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        visibility: visible;
        height: auto;
        width:100%;
    }

.ref_login_outer { padding:7em 0 5em;}
.video-bg-layer {    background: rgba(30,30,30,0.7);
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
 }

.mn-page-cls {
   
    margin:0 auto 0;
    background: #0ea8ef;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100%;

}

.banner-login-cls {
 position: absolute;
left: 0;
right: 0;
height: 100%;
width:100%;
object-fit: cover;}

.left-design-cd {height:100%;}
.banner-login-cls img {width:100%; height:100%; object-fit:cover;}

.rht-form-cls {height: 100%;}
.rht-form-cls .refer-login-page{height: 100%; padding: 23% 65px 85px;}

.refer-login-page { background:#fff;}

.form-2 {min-height: 360px; }

.logo {
    width: 45%;
    float: left;
    background: #44c7f4;
    padding: 11.57% 0;
}

.login { background: #fff;}

.ref_login_outer .input-log-cls{border-bottom:1px solid #ccc;  border-radius:0; }
.form-contant {margin-top:30px; }

.padd-0 {padding:0 !important; }
.lft-form-cls { background:#262734b0 /*url(../../../images/log-side-img.jpg)*/;  background-blend-mode: overlay;}
.btn-frm-cls {    background: #0e9aefd4;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    color: #fff;
}

#popupmessageshow .btn-frm-cls {width:100%; background-color:#482dd6 !important;color:#fff !important; border-radius:4px; padding: 8px; border: 1px solid #482dd6;}
#popupmessageshow .btn-frm-cls:hover{ background:transparent !important; color:#482dd6 !important;  }
.ref_login_outer label { font-weight:normal; font-size:13px; margin-bottom:2px;}
#forgotPassword { font-size: 13px; color: #4b4b4b; cursor: pointer; display: inline-block; margin:10px 0;}
.m-b-0 {margin-bottom:0 !important; }

 .logo-mn-cls {text-align: center; width: 240px; margin: 27% auto 0}
/*.btn-frm-cls {width:100%; background:transparent; color:#482dd6 !important; border-radius:4; padding: 8px; border: 1px solid #482dd6;}*/
.lft-form-cls {
	color: #fff;
	padding: 16px 20px 0;
    position: relative;
    z-index: 99;
    height:100%;
}
    .lft-form-cls h2 { font-size:22px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.5); -moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
    .lft-form-cls p { font-size: 15px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.5); -moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
    .link-cls { text-align: center; display: block; margin-top: 10px; font-size: 14px; }
.mn-page-cls.regsiter-pg-cls { width:46%;}

#spnUser { position: absolute; right: 16px; top: 0; font-size: 12px;}
.regsiter-pg-cls #referal-signin-page {padding:0 0 18px; }
.regsiter-pg-cls .register {padding:18px 0 0; }
.frm-rest-cls { padding:18px;}
#divTerms { margin-bottom: 10px; }
.progress {margin:10px 0px 0px; width: 100%; padding:0;}
.mn-page-cls.regsiter-pg-cls .lft-form-cls {min-height: 640px; }
.regsiter-pg-cls #referal-signin-page { min-height: 213px;}
.mn-page-cls.regsiter-pg-cls .logo-mn-cls { text-align: center; margin-top: 35%; }

#details_sponserid, #sponse-id-details {margin-top: -12px; margin-bottom: 6px; }

#sponse-id-details p{
    color: #eee;
}

    .form h3 {
        text-shadow: 1px 0px 3px rgba(0,0,0,.5);
        font-size: 20px;
        text-align: center;
    }

    .form p {
        color: #fff;
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .left-side p {
        padding: 0 74px;
        font-size: 27px;
        font-weight: 100;
        letter-spacing: 1px;
        margin-bottom: 17px;
    }

    .box {
        font-family: Roboto;
        font-size: 20px;
        text-align: center;
        font-weight: 300;
        padding: 20px 20px;
        border-radius: 4px;
    }

        .box img, p {
            vertical-align: middle;
            margin: auto;
            display: block;
            border-radius: 71px;
            margin-top: 10px;
            padding: 10px 10px;
        }

    .register_content {
        padding-bottom: 25px;
    }

    .referrel_pro h5 {
        font-size: 18px;
        margin-bottom: 20px;
        text-shadow: 1px 0px 2px rgba(0,0,0,0.5);
        line-height: 1.5;
        font-family: Oswald;
    }

    .referrel_pro h4 {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 35px;
        font-family: Oswald;
    }

    .left-side h1, .left-side p {
        margin-left: 0;
        font-family: Oswald !important;
    }

        .incentive_reffe h3 {
            color: #009cdf;
            font-family: Oswald;
        }

        .referral_incentive h1 {
            color: #009cdf;
            font-size: 35px;
        }

    .incentive_reffe .fa {
        color: #009cdf;
        margin-right: 5px;
    }

    .panel-group .panel-heading + .panel-collapse > .panel-body {
        border: none;
        padding: 0;
    }

    .panel {
        box-shadow: inherit;
    }

    .referral_incentive .left-side {
        margin-top: 0;
    }

    #accordion {
        margin-left: 1%;
    }

    .referral_heading h2 {
        font-family: Oswald;
    }

    .newstape {
        margin-top: 15px;
        height: 600px;
        overflow: hidden;
    }

    .newstape-content {
        position: relative;
    }

    

        .register .LoginValidation:before {
            top: 0px;
            right: -27px;
        }

    #how_it_work {
        color: #000;
    }

        #how_it_work p {
            color: #000;
        }

    .mendatory {
        color: red;
        font-weight: bold;
    }

    .testimonial-inner {
        min-height:282px;
    }

     .internal-menu {
    margin: 40px auto 0;
    display: block;
    width: 400px;
}

    .internal-menu ul .active {
    background: #19b7d3;
}

    /*.referral_incentive iframe{
        display:none;
    }*/

.popupmessageshow {
    width: 100%;
    height: 100%;
    top: 0;
    padding-top:4%;
    position: fixed;
    background-color: rgba(22,22,22,0.5); /* complimenting your modal colors */
    z-index:1;
}

    .popupmessageshow .modal-header{    
    background: transparent;
    color: #482dd4;
    padding: 12px;
    text-transform: uppercase;
    border: 1px solid #eaeaea;
}

    .popupmessageshow p {
        padding: 2px 10px 0px 0px !important;
    }

.mn-page-cls.regsiter-pg-cls .form{padding:0 50px 10px 36px; }

#referal-signin-page .col-sm-6, #referal-signin-page .col-sm-4 { padding-right:0;}


.info-reg-cls ul { margin-left:0;}
.info-reg-cls ul li{ border-bottom:1px solid #ccc; padding:5px; list-style:none; min-height:35px;}
#popupmessageshow h2 {font-size: 16px; margin: 0;  display:inline-block; width: 200px;}
#popupmessageshow label { display:inline-block; }
#popupmessageshow label { margin-bottom:0;}
#popupmessageshow p { margin:0;}
#popupmessageshow .modal-body { background:#fff;}
#popupmessageshow label { margin-bottom: 0; font-weight: normal; font-size: 14px; }
#popupmessageshow .modal-dialog { width:500px;}

#popupmessageshow .form-group {
    border-bottom: 1px solid #d7d7d8;
    padding-bottom: 10px;
    min-height: 55px;
}

.log-regist-banner .register{position:relative; padding-bottom:20px;}
.form-control { border-radius:0;}

.log-regist-banner .register a{color:#fff;font-size:14px;margin-top:10px;line-height:30px}
.log-regist-banner .register a:hover{color:#ff0}
.log-regist-banner .login a:hover{color:#ff0}

.reg-shadow-container {padding-top: 20px; }
#forgotPassword { color:#fff; }
.log-regist-banner .register .form-group { position:relative;}




.progressAddCommon .divImgLoader{position:fixed;top:35%;left:50%;padding:0;margin:0px 0 0 -50px;border-radius:3px}

.registerconformation-popup1{height:275px;width:450px;background:#fff;padding:40px 0;position:absolute;top:50%;left:50%;margin-left:-225px;margin-top:-99px;z-index:999999999999999;border-radius:10px;text-align:center;display:none}
.registerconformation-popup1 h2{margin:60px 50px 20px;color:#333;position:relative;padding-bottom:15px;font-size:23px}
.registerconformation-popup1 h2 dt{background:url(../images/rgister-closebtn.png) center bottom no-repeat;color:#333;position:absolute;right:-20px;top:-18px;width:24px;height:24px}
.registerconformation-popup{height:auto;width:450px;background:#fff;font-family:Raleway;position:absolute;padding:70px 0;top:50%;left:50%;margin-left:-225px;margin-top:-225px;z-index:999999999999999;border-radius:0px;text-align:center;display:none;color:#fff}
.registerconformation-popup h2{margin:0px 50px 20px;border-bottom:2px solid #008695;color:#fff;position:relative;padding-bottom:15px;font-size:37px;font-family:Gabriola}
.registerconformation-popup h2 dt{background:url(../images/rgister-closebtn.png) center bottom no-repeat;color:#333;position:absolute;right:-20px;top:-18px;width:24px;height:24px}
.registerconformation-popup p{font-size:17px;color:#fff;line-height:22px;padding:10px 0}
.registerconformation-popup .btn{border-radius:0;font-size:15px;padding:10px 50px;margin-top:5px;text-decoration:none;display:inline-block;font-weight:bold;color:#333;background-color:#fff}
.registerconformation-popup a{color:#fff}
.registerconformation-popup .btn a {
    color: #0a6d36;
}
.registerconformation-popup .btn:hover {background-color:#074c26;
    color: #fff;
}
    .registerconformation-popup .btn:hover a {
        color: #fff !important;
    }



.recovery{height:170px;background:#fff;border:7px solid #89c5cf;margin-top:-69px;font-size:14px}
.recovery h2{margin:20px 30px 15px;background:url(../images/h2-border.png) center bottom repeat-x;color:#333;position:relative;padding-bottom:10px;font-size:20px}
.recovery h2 dt{background:url(../images/rgister-closebtn.png) center bottom no-repeat;color:#333;position:absolute;right:-22px;top:-12px;width:24px;height:24px}
.recovery .btn{border:1px solid #67bcd1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12px;font-family:arial, helvetica, sans-serif;padding:8px 13px 8px 13px;text-decoration:none;display:inline-block;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);font-weight:bold;color:#FFFFFF;background-color:#6bbed2;margin-top:15px;background-image:linear-gradient(to bottom, #6bbed2, #50abc4);cursor:pointer}

.referral_incentive { background: #fff; }

.txtErroHover{border:solid 1px red !important}
.LoginValidation{position:absolute;background:#fff;font-size:12px;border-radius:3px;padding:3px 2px; right:27px; margin:12px 0 0;color:#e72f2f;width:auto;border:rgba(255,255,255,1);text-align:right}

.form-group { position:relative;}

.progressAddCommon {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.6);
}

.scrollup, .movetop{display:none !important;}

#divTerms a { margin-left:5px;}
.pd-r-0 {padding-right:0 !important; } 

.cssDivConfirm {  position: absolute; z-index: 9999; background: #fff; text-align: center; padding: 25px 0 0; top: 25%; left: 0; right: 0; display: inline-block; width: 25%; margin: auto; }
.cssDivConfirm .success-icon{padding:23px 35px 0px}
.cssDivConfirm .btn-absolute{position:relative;top:0;background:#00a65a;border-radius:2px;border:1px solid #07894d;color:#fff;padding:6px 18px;font-size:13px;right:0}
.cssDivConfirm .divforcontent{line-height:17px;font-size:15px}
.cssDivConfirm .divforcontent b{font-size:16px;line-height:17px !important;font-weight:400;color:#0c9901;font-family:roboto;display:block;padding-top:5px; margin:1px 0 18px;}
.cssDivConfirm .divinner{padding:0px 10px 30px 10px;text-align:center;width:100%;height:auto}

.lg-top-cls figure {
	 margin: auto;
	 background: #0ea8ef;
	 overflow: hidden;
	min-height:50px;
	text-align: center;
    border-bottom: 2px solid #0094db;
    line-height: 44px;
}

    .lg-top-cls figure img { width: 180px; margin: 14px auto; color: #fff; font-size: 18px; line-height: 6px; height: 70px; object-fit: contain;
    }

    .lg-top-cls .join { padding: 10px 0 0; text-align:left; width:92%; margin:0 20px;}
.lg-top-cls .join h2 { border-bottom: 2px solid #edb01e;   margin: auto;}

.progressAdd {
            position: fixed;
            top: 0;
            left: 0;
            vertical-align: middle;
            height: 100%;
            width: 100%;
            z-index: 1001;
            background-color: rgba(33, 33,33,0.5);
        }

.dis-block { display:block;}
.contact-area .kf_touch_field .btn { border-radius:0; padding: 5px 24px; background:#03a9f3;}
.contact-area .panel-heading, .contact-area .panel.panel-default { border-radius: 0;}
#ddldept { font-size:14px; color: #909090;}
#spnDetails { overflow:auto;}
.contact-area .panel-heading { background-color: #03a9f3; color:#fff; font-size: 16px;}
#txtcontrycome {  display:inline-block; width:calc(100% - 189px); padding: 5px 0 6px; border: 1px solid #CCC; text-align:center; float: left;}

#flagimg img { max-width: inherit;}
#Mobile #txtmobile {display:inline-block; }

    #Mobile #txtmobile.mob-con-cls { width: calc(100% - 60px);margin-left: 6px; }
#ddlcountry.count-drp-cls {width: calc(100% - 38px); display: inline-block; float: left; margin-right: 6px;}

#flagimg { display: inline-block; float:left; margin-top: 1px;}
.logo-ptn-2nd { display:none;}

#Captcha { margin-bottom: 0px;}
#LoginCaptcha .LoginValidation{display:none; }

 #referal-signin-page .register  #ForReff label{display:inline-block; }

    #referal-signin-page .register #ForReff {
	text-align: right;
	margin-top: 2px;
	position: absolute;
	right: 0;
	bottom: -25px;

}

.form-icon-cls {position:relative;}
.form-icon-cls span {position:absolute; z-index:99; left:7px; top:9px;}
.form-icon-cls span img{width: 23px;}
.form-icon-cls input, .form-icon-cls .input-log-cls {padding-left: 35px; border: 1px solid #cccccc87; box-shadow:none; -webkit-box-shadow:none;}


.refer-login-page .form-control{height: 42px;}

@media screen and (min-width: 767px) { .col-sm-4.wid-incre-sm { width:50%;} }

@media screen and (max-width: 991px) {
    .mn-page-cls { width:90%;}
    .ref_login_outer { padding: 15vh 0; }

    .mn-page-cls.regsiter-pg-cls { width: 60%; }
    
    .cssDivConfirm { width: 91%; top: 65%;}
}

@media screen and (max-width: 767px) {
.mn-page-cls { width:92%;}
.mn-page-cls .btn-frm-cls {width:100%; display:block; }
.logo-mn-cls img {width: 120px; }

.mn-page-cls.regsiter-pg-cls { width: 94%; }
.ref_login_outer { padding: 3em 0 5em; }
 .modal-content.info-reg-cls { width: calc(100% - -1px);}
        #popupmessageshow .modal-dialog { width:auto !important;}
.registerconformation-popup { width: 94%; left: 0; right: 0; margin: auto; top: 35% !important; padding:25px 15px;}
.logo-mn-cls { 	margin: 6% auto 0; }
        .lft-form-cls { min-height: 300px;}
    #ConPwdd { min-height: inherit !important;}
    .registerconformation-popup h2 { font-size: 28px;}
    .registerconformation-popup p {font-size:14px; }
    .form-control{ font-size: 16px !important; }
    #Mobile #txtmobile.mob-con-cls { width: 78%; }
    #txtcontrycome { width: 20%;}
}




.registerconformation-popup {
    height: auto;
    width: 450px;
    background: #21cc6d;
    font-family: Raleway;
    position: absolute;
    padding: 70px 0;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -125px;
    border-radius: 70px !important;
    z-index: 999999999999999;
    border-radius: 0px;
    text-align: center;
    display: none;
    color: #fff;
}
@media screen and (max-width: 767px) and (min-width: 480px){
    /*.mn-page-cls.regsiter-pg-cls .col-xs-12 { width:50%;}*/
    

}