@charset "utf-8";
/* CSS Document */

body{ background:url(../img/bg.jpg) repeat center}
.clearfix{ clear:both;}
.fadebg{ position: fixed;z-index:-1; background:#000; opacity: 0.5;width: 100%;    height: 100%;   /*display: none;*/ top:0;}
#main-container{ width:100%; margin:0 auto;  height: auto;   overflow: hidden; }
.login-section{margin:4% auto;width:642px;/* margin-bottom: 24%; *//* padding-bottom: 22%; */}
.leftblock{ background: url(../images/landing-bg.jpg) no-repeat; width:320px; height:450px; margin:0 auto; float:left; text-align:center;padding: 50px 40px; box-sizing: border-box; }
ul.loginaccount-data{color: #FFF;margin:0;text-align:center;padding:0;/* text-shadow: 0px 0px 5px #000; */}
ul.loginaccount-data li{padding: 0 0 25px;margin:0;font-size:14px;list-style:none;font-weight: 700;}
.leftblock h2{margin: 0px 0 0px;padding: 0px 0;font-size: 30px;color: #FFF;text-align:center;/* border-bottom:1px solid #fff; */text-shadow: 2px 2px 12px #000;font-weight: 700;font-family: sans-serif;}
.leftblock span.logo{/* background: url(../img/sagarlogo.png) no-repeat; *//* width: 110px; *//* height: 107px; *//* display:inline-block; */}
.rightblock{width:320px;height:450px;background:#fff;float:left;padding:100px 0px;text-align:center;box-sizing: border-box;border-right: 1px solid #FF7900;border-top: 1px solid #FF7900;border-bottom: 1px solid #FF7900; position:relative;}
.rightblock2{ width:320px; height:450px; background:#fff;  float:left; padding:100px 0px; text-align:center;box-sizing: border-box; border:1px solid #BDBDBD;}
.rightblock input[ type="text"]{/* border:1px solid #ebedee; *//* border-radius:6px; */font-size:14px;text-align: left;color: #000000;box-sizing: border-box;margin:0 0 10px 0;width:100%;padding: 10px 10px;}
.rightblock input:focus[ type="password"]{/* box-shadow:0 1px 3px -1px #a0a0a0; */border-color: #1e96ca;}
.rightblock input:focus[ type="text"]{/* box-shadow:0 1px 3px -1px #a0a0a0; */border-color: #1e96ca;}
.rightblock input[ type="password"]{/* border:1px solid #ebedee; *//* border-radius:6px; */font-size:14px;text-align: left;color:#858585;box-sizing: border-box;margin:0 0 10px 0;width:100%;padding: 10px 10px;}
button.signin{   background: #2ecc71;border: 0 none; border-radius: 6px; box-sizing: border-box;color: #fff;font-size: 18px;  margin: 10px 0 0; padding: 10px 0;
    text-align: center; text-transform: uppercase; width: 100%;  cursor: pointer;}
button.deactive{   background: #E2E2E2 !important;}
.rightblock .createnforgot-link{ color:#738791; text-align:center; font-size:12px; padding:10px 0;}
.rightblock .createnforgot-link a{  color:#1a0dab; text-decoration:underline;  padding: 0 7px;cursor: pointer;    font-style: italic;}
.rightblock .createnforgot-link a:hover{ text-decoration:underline;}
.or{text-align:center; position:relative; }
.logingOr{ top: 30px;
  border: 1px solid #ccc;margin: 5px 19px;}
.rightblock input[ name="mobNumber"], .rightblock input[ name="password"] {
		/* background-color:#FFF3BD; */
	}
input:focus{
   outline:1px solid #eee;
   box-shadow:none;
}
.or span.text-center{background:#fff;   font-style: italic; left: 43%; padding: 0 10px; position: absolute; text-align: center; top: -12px;color: black;}
.righttblock h2 span{ background:url(../images/logo.png) no-repeat; text-align: center; width:200px; height:44px; display:none;}
.righttblock h2 { display:none;}
.rightblock .social-button{ margin:0; padding:40px 0 0 0;}
.rightblock .social-button ul{ margin:0; padding:25px 0 0 0; width:100%;}
.rightblock .social-button ul li{ padding:0 0 20px 0; margin:0;  list-style: none;}
.rightblock .social-button ul li button.facebook{ background: #3d5a95; /* Old browsers */
background: -moz-linear-gradient(top,  #3d5a95 0%, #3d5a95 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d5a95), color-stop(100%,#3d5a95)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3d5a95 0%,#3d5a95 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3d5a95 0%,#3d5a95 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3d5a95 0%,#3d5a95 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3d5a95 0%,#3d5a95 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d5a95', endColorstr='#3d5a95',GradientType=0 ); /* IE6-9 */
color:#ffffff; text-align:center; font-size:14px;  border-radius:5px; border:0; padding:10px 18px;  width:100%;  cursor:pointer;}

.rightblock .social-button ul li button.facebook em{   background: url(../images/sprite.png) no-repeat scroll -104px -30px; float: left; height: 19px; margin-right:0px; width: 11px;}

.rightblock .social-button ul li button.gplus{background: #d14836; /* Old browsers */
background: -moz-linear-gradient(top,  #d14836 0%, #d14836 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d14836), color-stop(100%,#d14836)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d14836 0%,#d14836 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d14836 0%,#d14836 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d14836 0%,#d14836 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d14836 0%,#d14836 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d14836', endColorstr='#d14836',GradientType=0 ); /* IE6-9 */
color:#ffffff; text-align:center; font-size:14px; border-radius:5px; border:0; padding:10px 18px;  width:100%;  cursor:pointer;}
.rightblock .social-button ul li button.gplus em{   background: url(../images/sprite.png) no-repeat scroll -128px -30px; float: left; height: 19px; margin-right:0px; width: 21px;}
.loginblock h2{ background:#2c3e50; text-align:center; padding:25px 0; margin:0;}
.loginblock h2 span{ background:url(../images/logo.png) no-repeat; text-align: center; width:200px; height:44px; display:inline-block;}
.loginblock span.heading{ font-size:18px; text-align:center; font-weight:900; padding:25px 0; display:inline-block;}
.loginblock span.headingverified{ font-size:18px; text-align:center; font-weight:900; padding:25px 0; display:block; }
.loginblock span.headingotp{ font-size:18px; text-align:center; font-weight:900; padding:25px 0 0px 0; display:block; line-height: 30px;}
.loginblock span.subline{ font-size:15px; font-weight:700; text-align:center; line-height:20px; display:block; padding:25px 0 30px 0;}
.loginblock{ width:320px; height:auto; background:#fff;  padding:0px 0px 25px 0px; text-align:center;box-sizing: border-box; margin:7% auto;  border: 1px solid #C5C5C5;}
.loginblock input[ type="text"]{ border:1px solid #ebedee; border-radius:6px; font-size:14px; text-align:center; color:#858585;  box-sizing: border-box; margin:0 0 10px 0; width:100%; padding:10px 0;}
.loginblock input.phoneno[ type="text"]{ border:1px solid #B5B5B5; border-radius:6px; font-size:14px; text-align:center; color:#858585;  box-sizing: border-box; margin:0 0 10px 0; width:57%; padding:10px 0; font-weight:700; float:left;}
button.otp{    background: #43a3e5;
    border: 0 none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 11px 11px 8px;
    text-align: center;
    text-transform: uppercase;
    width: 42%;
    cursor: pointer;
    float: right;
    position: relative;
    height: 38px;}
.button_text{
/*display: inline-block;
    margin: 0px auto;
    line-height: 20px;*/
	display: block;
    letter-spacing: 0;
    line-height: 15px;
    margin: 0 auto;
    width: 95px;

}
.resend_icon{    
       margin-right: 5px;
    margin-top: 1px;
    float: left;
}

button.verify-number{   background: #c4d1d8;border: 0 none; border-radius: 6px; box-sizing: border-box;color: #fff;font-size: 16px;  margin: 10px 0 0; padding: 10px 0;  text-align: center; text-transform: uppercase; width: 100%;  cursor: pointer;}
.loginblock input:focus[ type="password"]{box-shadow:0 1px 3px -1px #a0a0a0;}
.loginblock input:focus[ type="text"]{  box-shadow:0 1px 3px -1px #a0a0a0; }
.loginblock input[ type="password"]{ border:1px solid #ebedee; border-radius:6px; font-size:14px; text-align:center; color:#858585;  box-sizing: border-box; margin:0 0 10px 0; width:100%; padding:10px 0;}
button.signin{   background: #2ecc71;border: 0 none; border-radius: 6px; box-sizing: border-box;color: #fff;font-size: 16px;  margin: 10px 0 0; padding: 10px 0;
    text-align: center; text-transform: uppercase; width: 100%;  cursor: pointer;}
.loginblock .createnforgot-link{ color:#738791; text-align:center; font-size:12px; padding:10px 0;}
.loginblock .createnforgot-link a{  color:#738791; text-decoration:underline;  padding: 0 7px;cursor: pointer;font-style: italic;}
.loginblock .createnforgot-link a:hover{ text-decoration:underline;}
button.create-account{   background: #2ecc71;border: 0 none; border-radius: 6px; box-sizing: border-box;color: #fff;font-size: 18px; font-weight: 900; margin:40px 0 0; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%;  cursor: pointer;}
.create-block{padding:30px 20px;position:relative;}
.create-block h2{ display:none;}

.profileOuter{ width:920px; height:auto; margin:20px auto 0 auto; background:#fff; padding:30px 40px; position:relative;}
.profileOuter h2{ text-align:center; font-size:30px; color:#272727; }
.close-icon{ position:absolute; right:-12px; top:-12px;}

.profileBox{ width:280px; height:auto; float:left; }
.profileName{ width:100%; font-size:16px; font-weight:600;float:left;border-bottom:solid 1px #f5f3f3; margin-bottom:15px; line-height:25px;}
.profileDetailbox{ width:99%; border:solid 1px #c1c1c1; background:#f0f0f0; float:left;}
.profileDetailbox .row{float:left; border-bottom:solid 1px #fff;}
.profileDetailbox .row .colLbl{ width:125px; float:left; background:#e8e8e8; color:#0b46a7; font-size:15px; padding:15px 0 15px 10px;}
.profileDetailbox .row .colLbltext{ width:132px; float:left; background:none; padding:15px 0 15px 10px; color:#787878; font-size:15px;}

.profileRadioBtn{ text-align:center; float:left; width:100%; padding:10px 0;}

.clear{ clear:both;}

/*Radio Buttons*/
p.radio {}
p.radio span.label {display: block; }
p.radio input {margin: 0;padding: 0; loat: left;}
p.radio label {display: block;cursor: pointer;}
p.radio span.radio-container {position: relative; float: left; left: 42%;margin-right: 3px;}
p.radio span.radio-container span.radio {display: block;width: 36px;height: 37px;background: url(../images/radioBtn.png) no-repeat 0 0; }
p.radio span.radio-container span.radio.selected {background-position: -38px 0;}
p.radio span.radio-container input {position:absolute;top:0;left:0;opacity: 0;width: 36px;height:37px;filter:alpha(opacity=0);z-index: 101;cursor: pointer;}




.profileOuter{ width:970px; height:auto; margin:20px auto 0 auto; background:#fff; padding:15px; position:relative;}
.profileOuter h2{ text-align:center; font-size:29px; color:#272727;margin-bottom: 12px; }
.close-icon{ position:absolute; right:-12px; top:-12px;}

.profileBox{ width:280px; height:auto; float:left;}
.profileName{ width:100%; font-size:16px;text-align: center; color:#fdac4c; font-weight:normal;float:left;border-bottom:solid 1px #f5f3f3; margin-bottom:15px; line-height:25px;}
.profileDetailbox{ width:99%; border:solid 1px #c1c1c1; background:#f0f0f0; float:left;}
.profileDetailbox .row{float:left; border-bottom:solid 1px #fff;}
.profileDetailbox .row .colLbl{ width:125px; float:left; background:#e8e8e8; color:#0b46a7; font-size:13px; padding:5px;}
.profileDetailbox .row .colLbltext{     width: 130px;
    float: left;
    background: none;
    padding: 5px;
    color: #787878;
    font-size: 13px;
    word-wrap: break-word;}

.profileRadioBtn{ text-align:center; float:left; width:100%; padding:10px 0;}
.proceedButton{width: 20%;
    margin: 0px 40%;
    display: block;
	    background: #2ecc71;
    border: 0 none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
  
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
   
    cursor: pointer;
}
	
	}
.clear{ clear:both;}

/*Radio Buttons*/
p.radio {}
p.radio span.label {display: block; }
p.radio input {margin: 0;padding: 0; loat: left;}
p.radio label {display: block;cursor: pointer;}
p.radio span.radio-container {position: relative; float: left; left: 42%;margin-right: 3px;}
p.radio span.radio-container span.radio {display: block;width: 36px;height: 37px;background: url(../images/radioBtn.png) no-repeat 0 0; }
p.radio span.radio-container span.radio.selected {background-position: -38px 0;}
p.radio span.radio-container input {position:absolute;top:0;left:0;opacity: 0;width: 36px;height:37px;filter:alpha(opacity=0);z-index: 101;cursor: pointer;}



.bx-wrapper {
	position: relative;	/*max-width:97% !important;*/
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0); width:100%;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fdac4c;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -126px;
	background: url(../images/controls.png) no-repeat 0px 0px;
}

.bx-wrapper .bx-next {
	right: -113px;
	background: url(../images/controls.png) no-repeat -28px 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 -54px;
}

.bx-wrapper .bx-next:hover {
	background-position:  -28px -54px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 33px;
	height: 53px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -28px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;

	padding: 10px;
}

.leftblock{
	/* box-shadow: 0px 0px 35px #AFADAD; */
	background:#fff;
	width:320px;
	height:450px;
	margin:0 auto;
	float:left;
	text-align:center;
	padding: 155px 20px;
	box-sizing: border-box;
	border: 1px solid #1e96ca;
}
.padd-b0 li{ padding-bottom:0px !important; color:#000;}
.padd-b0 li h2{ font-weight:700;}

.leftblock{background: #1e96ca;background-size:cover;}
.forget a{ position:absolute; bottom:0px; right:0px; color:#f00; padding:4px; margin-bottom:0px; text-decoration:none;}















@media only screen and (max-width : 640px){
.leftblock,.newtxt{ display:none;}
.login-section{ width:auto;margin-top:0;}
#main-container{ margin-top:0;}
.rightblock{float: none;height: auto;margin: 19px auto;padding: 0 0 40px;border-left: 1px solid #FF7900;}
.rightblock h2{ margin: 0 0 30px; padding: 20px 0; font-size:18px; color:#2c3e50; text-align:center; border-bottom:1px solid #2c3e50; display:block;}
.rightblock h3{ background:#2c3e50; text-align:center; padding:25px 0; margin:0;}
.rightblock h3 span{ background:url(../images/logo.png) no-repeat; text-align: center; width:200px; height:44px; display:inline-block;}
	
	}
/*--------------------------------------------------------------fixes--------------------------------*/
/*::-webkit-input-placeholder{ text-align:center;}*/
/*.rightblock input[ name="mobNumber"]:-ms-input-placeholder, .rightblock input[ name="password"]:-ms-input-placeholder{ text-align:center;}*/

/*--------------------------------------fixes end-----------------------------------------*/