/*  18 april css */
.innerDivContent{
	padding-top: 115px;
}
.signup-page.page-section::after{display:none;}
.left-img-block{position: relative;}
.left-img-block::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: auto;
    /*background-color: #c8195e;*/
    z-index: 1;
    left: -1000%;
    right: -1000%;
    top: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#631c8e+0,c8195e+69,c8195e+100 */
	background: #631c8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #631c8e 0%, #c8195e 69%, #c8195e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #631c8e 0%,#c8195e 69%,#c8195e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #631c8e 0%,#c8195e 69%,#c8195e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#631c8e', endColorstr='#c8195e',GradientType=0 ); /* IE6-9 */

}
.left-img-block .home-title,
.left-img-block .home-tagline,
.left-img-block .home-para,
.left-img-block .home-title{
	z-index: 9;
	position: relative;
}
.signup-page{
	width:100%;
	overflow-x: hidden;
}
.form-wrapper{
	margin-bottom: 50px;
}
.tooltipster-base{
	width:200px !important;
	height:200px !important;
}

.wrapper.main-page-wrapper {
    display: flex;
    align-items: center;
    min-height: 100vh;
    margin-bottom: 0px;
    margin-top:0px;
}

.secondStepForm,
.thirdStepForm{margin-top: 50px;margin-bottom:50px;}
.fourthStepForm{
	margin-top:165px;
}
.add-icon a img{
	margin-top:0px !important;
}
.logo-wrapper .logo span img{max-width: 200px;padding-bottom: 6px;}

.logo-wrapper .logo span img{display: none;}

/*footer*/
.footerMenu{float: right;}
.copyrightDiv{float: left;}

/* ads page making content center */
/*.text-center .text-contents{ text-align: center; }*/
/* ads page making content center */


/* 20-09-2019 RG Start*/
.profile-span{
	margin: 0 auto;
	position: relative;
}
.profile-span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    transition: all 0.4s ease;
    opacity: 0;
}
.profile-span::after {
    content: "\f055";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: fontAwesome;
    color: #fff;
    font-size: 36px;
    transition: all 0.4s ease;
    /*opacity: 0;*/
}
.profile-span:hover:before,.profile-span:hover:after{opacity: 1;}
.croppie-container {
    height: 100%;
    max-width: 80%;
    margin: 0 auto;
    display: inline;
}
#status_msg{
	margin-bottom: 20px;
}
/* 20-09-2019 RG End*/


/* my style start ks  */

.signup-page.page-section > .container {
    width: 100%;
    max-width: 100%;

}
.innerDivContent {
    padding-top: 87px;
}
.innerDivContent .main-page-wrapper{
    min-height: unset !important;
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap{
    min-height: calc(100vh - 87px);
    display: flex;
    justify-content: center;
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div{ 
    margin: 0;
    width: auto;
    float: none;
    flex: 0 0 50%;
    display: flex;
    align-items: center;
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.left-img-block {
    padding: 60px 5%;
} 
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper {
    padding: 40px 60px 100px;
    background-image: url('../img/loginBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.20);
    left: 0;
    top: 0; 
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div .panel.panel-login {
    max-width: 600px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    position: relative;
    z-index: 3;
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div .panel.panel-login .panel-heading{
    background-color: transparent;
    border-color: transparent; 
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper .form-group .form-control{
    background: rgba(0, 0, 0, 0.6);
    border-color: #444;
    border-radius: 6px !important;
    color: #ccc;
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper .form-group button.form-control {
    background-color: #9c2628;
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper .form-group button.form-control:hover,
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper .form-group button.form-control:focus {
    background-color: #2382BD;
    outline: 0;
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper .form-title-tagline{
    color:#e6e6e6;
    /* font-size: 16px; */
}    
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper .terms-div span{
    color:#c7c7c7;
}
.form-group-center{
    float: right;
}
.blueColor{
  color: #fff;
  background-color: #2382BD;
  border-color: #2382BD;
  padding: 6px 10px !important;
}
/*.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.left-img-block .con-right,
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.left-img-block .home-para,
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.left-img-block .home-title{
    font-size: 20px;
    font-weight: 400 !important;
    text-transform: capitalize;
}
*/
/* my style end ks  */

/*09/10/19 css Start RG*/
/*.signupBtn .loginButtonDisplay{
  display: inline-block;
  width: 100%;
  max-width: 100px;
  margin: 25px 0 0 20px;
  vertical-align: top;
}
.signupBtn .loginButtonDisplay a{
    padding: 6px 0;
}*/
/*09/10/19 css End RG*/

.xsVisible {
    display: none !important;
}
.xsHidden{display: block !important;}

/* 24 dec 19 dp start */
.googleplayMobile{ display: none; }
.googleplayDesktop{ display: block; position: relative; z-index: 2; }
.googleplayMobile img {width: 150px; }
.googleplayDesktop img {width: 225px; }
/* 24 dec 19 dp end */


/* 20 Feb 2020 RG Start */
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper .form-group button.form-control.custom-btn-submit,
.panel-login .btn-register{
    padding: 10px 25px;
    border: 2px solid #fff !important;
    border-radius: 30px !important;
    font-size: 16px;
    width: auto;
    max-width: none;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(to bottom,  #631c8e 0%,#c8195e 69%,#c8195e 100%);
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}
.panel-login .btn-register{
    background: linear-gradient(to right, #171717 0%, #5f6f47 0%, #656f56 30%, #242e33 100%);
}
.innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper .form-group button.form-control.custom-btn-submit:hover{
    background: linear-gradient(to right, #171717 0%, #5f6f47 0%, #656f56 30%, #242e33 100%);border: 2px solid #fff;
}
.btn-login{
    background: linear-gradient(to bottom, #631c8e 0%,#c8195e 69%,#c8195e 100%);
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 7px 10px;
    text-transform: capitalize;
    font-size: 16px;
    /*max-width: 120px;*/
    margin-top: -3px;
    transition: all 0.3s ease-in-out;    
}
.btn-login:hover{
    background: linear-gradient(to right, #171717 0%, #5f6f47 0%, #656f56 30%, #242e33 100%);border: 2px solid #fff;
}
.panel-login .btn-register:hover{
    background: linear-gradient(to bottom,  #631c8e 0%,#c8195e 69%,#c8195e 100%);
}
/* 20 Feb 2020 RG End */



/*responsive*/
@media  only screen and (max-width: 1600px){
	.form-title-tagline{font-size: 16px;}
}
@media  only screen and (max-width: 1299px){

    .innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper {
        padding: 20px 30px 100px;
    }

}
@media  only screen and (max-width: 1199px){
	a.logo {
        margin-top: 10px;}
        .innerDivContent{
        padding-top: 75px;
    }
    .secondStepForm, .thirdStepForm{
        margin-bottom: 0px;
    }
    .fourthStepForm {
        margin-top: 95px;
    }
    .logo-wrapper .logo span img{max-width: 170px;padding-bottom: 0px;}

        
    /* my style start ks  */

    .innerDivContent .main-page-wrapper .signup-page{
        padding:0;
    }
    .innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.left-img-block .con-right,
    .innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.left-img-block .home-para,
    .innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.left-img-block .home-title{
        margin-bottom:20px;
    }

    /* my style end ks  */
}
@media  only screen and (max-width: 991px){
	.innerDivContent{
        padding-top: 60px;
    }
    .logo::after {
        width: 77px;
        height: 48px;
        left: -6px;
        top: 5px;
        border-radius: 70px 71px 0px 0px;
        border: 8px solid #e0d0da;
    }
    .secondStepForm, .thirdStepForm{
        margin-bottom: 40px;
    }
    .fourthStepForm {
        margin-top: 65px;
    }
    .logo-wrapper .logo span img {
        max-width: 120px;
    }
    /*footer*/
    .footerMenu,.copyrightDiv{width: 100%;text-align: center !important;}
    .footer-links{margin-top:10px; margin-bottom: 5px;}
    footer .container  .copyrightDiv .text-muted{margin-top:5px; margin-bottom: 10px;}



    /*09/10/19 css Start RG*/
    /*.signupBtn .loginButtonDisplay{
    margin: 9px 0 0 20px;
    }*/
    /*09/10/19 css End RG*/


    /* my style start ks  */
    
    .innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper{
        /* padding: 50px 20px 100px; */
    }
    /* my style end ks  */
}

@media  only screen and (max-width: 767px){
	.col-md-6.col-sm-5.left-img-block{
		margin-bottom:30px;
		padding: 10px 0 15px;
	}
	.logo-wrapper{
		text-align: center;
		margin-top: 5px;
	}
	.logo-wrapper > .logo {
	    display: inline-block;
	    margin-top: 0;
	    position: relative;
	    width: auto;
	}
	.logo::after {
	    width: 77px;
	    height: 77px;
	    left: -6px;
	    top: 4px;
	    border-radius: 100%;
	    border: 8px solid #e0d0da;
	}
	.home-title,.home-tagline,.home-para {
    font-size: 14px;
}
.control-right > a, .icn-left{
	height: 24px;
    width: 24px;
    background-size: 22px;
    background-position: top;
}
	.innerDivContent{
	padding-top: 130px;
}
.secondStepForm, .thirdStepForm{
	margin-top:210px;
	margin-bottom:50px;
}
.autocomplete{
	width:100%;
	margin-top: 15px;
}
.mb15{margin-bottom: 15Px;}
.logo-wrapper .logo span img {display: none;}

/* ads page making content center */
.text-center .text-contents{ text-align: center; }
/* ads page making content center */

/*.signupBtn .loginButtonDisplay {
    max-width: 100%;
    margin: 10px 0 0;
}*/


    /* my style start ks  */
    
    .innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap {
        flex-wrap: wrap;
        margin-top: 90px;
    }
    .innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div {
        flex:0 0 100%;
    }

    /* my style end ks  */

    .form-group-center{
        text-align: center;
        vertical-align: middle;
        padding-top: 10px;
        float: inherit;
    }


    /*.xsVisible {
        display: block !important;
    }*/
    .xsHidden{display: none !important;}
    /* 24 dec 19 dp start */
    .googleplayMobile{ display: block; }
    .googleplayDesktop{ display: none; }
    /* 24 dec 19 dp end */
}
@media  only screen and (max-width: 480px){
	.logo::after {
    width: 45px;
    height: 45px;
    left: -4px;
    top: 1px;
    border-radius: 100%;
    border: 5px solid #e0d0da;
}
.innerDivContent {
    padding-top: 95px;
}
.footer .container .text-muted {
    margin: 10px 0;
}
.footer-links {
    margin: 10px 0;
}
.secondStepForm, .thirdStepForm{
	margin-top:180px;
}
    /* my style start ks  */

    .innerDivContent .main-page-wrapper .itmWrap.pageSectionWrap > div.form-wrapper {
        padding: 30px 10px 100px;
    }

    /* my style end ks  */
}
@media  only screen and (max-width: 479px){
	/*footer*/
  .footerMenu,.copyrightDiv{padding: 0px 0px;}
  .footer-links > li{padding-left: 10px;}
  .footer-links li a,.copyrightDiv .text-muted{font-size: 12px;line-height: 1.2;}
  footer .container .copyrightDiv .text-muted {margin-top: 3px;margin-bottom: 5px;}
  .footer-links {margin-top: 5px;margin-bottom: 3px;}
  .header-search a.preview-btn{margin-right: 6px;}
}
@media  only screen and (max-width: 399px){
	.form-wrapper {
    margin-bottom: 70px;
}
.footer .text-muted span:last-child{
	display:block;
	width:100%;
}
}