﻿/* General css */
* { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block; }
body { font-family: 'arial'; font-weight: normal; font-style: normal; font-size: 12px; line-height: 1.5; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color:#040404; background:#fff; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; line-height: 1.5; }
div, span, p, section { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0 none; }
ol, ul { list-style: none }
img { max-width: 100%; }
a { text-decoration: none; }
a:active, a:focus, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; }
/*For Clear*/
.clearfix { *zoom: 1;}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.clear { clear: both; }
button, input { line-height: normal; text-transform: none; box-sizing: border-box; border:0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
.button {background:#f32e06;border-radius:3px; -webkit-border-radius:3px; padding:12px 31px; margin:10px 0 10px;color: #fff; text-transform: uppercase; font-size: 16px; line-height: 1; 
	transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s;}
.button:hover{ background:#df1e10; color: #fff; }
.button2 { background: #d9002f; border-radius: 3px; color:#fff; font-family: "robotobold"; font-size: 16px; text-transform: uppercase; padding:10px 70px; line-height: 1; margin:0px auto; margin-top: 14px;
transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s;}
.button2:hover{ background: #3a3a3a; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
textarea { overflow: auto; vertical-align: top; }
/* Font Face CSS Start Here */
@font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold_1-webfont.eot'); src: url('../fonts/roboto-bold_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold_1-webfont.woff') format('woff'), url('../fonts/roboto-bold_1-webfont.ttf') format('truetype'), url('../fonts/roboto-bold_1-webfont.svg#robotobold') format('svg'); }
@font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light_1-webfont.eot'); src: url('../fonts/roboto-light_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light_1-webfont.woff') format('woff'), url('../fonts/roboto-light_1-webfont.ttf') format('truetype'), url('../fonts/roboto-light_1-webfont.svg#robotolight') format('svg'); }
@font-face { font-family: 'robotomedium'; src: url('../fonts/roboto-medium_1-webfont.eot'); src: url('../fonts/roboto-medium_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium_1-webfont.woff') format('woff'), url('../fonts/roboto-medium_1-webfont.ttf') format('truetype'), url('../fonts/roboto-medium_1-webfont.svg#robotomedium') format('svg'); }
@font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular_1-webfont.eot'); src: url('../fonts/roboto-regular_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular_1-webfont.woff') format('woff'), url('../fonts/roboto-regular_1-webfont.ttf') format('truetype'), url('../fonts/roboto-regular_1-webfont.svg#robotoregular') format('svg'); }
@font-face { font-family: 'robotothin'; src: url('../fonts/roboto-thin_1-webfont.eot'); src: url('../fonts/roboto-thin_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thin_1-webfont.woff') format('woff'), url('../fonts/roboto-thin_1-webfont.ttf') format('truetype'), url('../fonts/roboto-thin_1-webfont.svg#robotothin') format('svg'); }
@font-face { font-family: 'RupeeForadianRegular'; src: url('../fonts/rupee_foradian-webfont.eot'); src: url('../fonts/rupee_foradian-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rupee_foradian-webfont.woff') format('woff'), url('../fonts/rupee_foradian-webfont.ttf') format('truetype'), url('../fonts/rupee_foradian-webfont.svg#RupeeForadianRegular') format('svg'); font-weight: normal; font-style: normal; }
.rupee { font-style: normal; font-family: 'RupeeForadianRegular'; margin-right:1px; }

/* ========= error msg class ========= */
.fields, .fields2 {display: inline-block;margin-bottom: 15px;position: relative;width: 250px; text-align: left;}
.help-block {bottom: -20px;color: red;font-size: 12px;left: 0;padding: 0;position: absolute;z-index: 1;}

/* Sprite CSS*/
.sprite{background: url(../images/sprite.png) no-repeat; line-height: 0px; font-size: 1px; display: inline-block; *display:inline; vertical-align: middle; zoom: 1;}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea { border:1px solid #b8b8b8;height: 40px; float: left; font-size: 13px;
 transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s;
color:rgba(0,0,0,.3); font-family: 'robotoregular'; background-color: #fff; padding-left:3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;
 -ms-box-sizing: border-box;  width: 100%; border-radius: 3px; -webkit-border-radius: 3px; }
 input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover, input[type="password"]:hover,
  input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, input[type="password"]:focus { border-color:#000; color: #000; }

/*========= Select box ========= */
.select-wrapper { float: left; background: url(../images/br_down.png) no-repeat 91% 50% #FFF; cursor: pointer; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
.select-wrapper, .select-wrapper select { width: 100%; height: 40px; font-size: 13px; line-height: 40px; color:rgba(0,0,0,.45); transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; text-align: left; font-family: 'ubunturegular'; }
.select-wrapper:hover, .select-wrapper:focus { background: url(../images/br_downhover.png) no-repeat scroll 91% 50% #FFF; }
.select-wrapper .holder { display: block; margin: 0 40px 0 16px; white-space: nowrap; overflow: hidden; *overflow:inherit;
cursor: pointer; position: relative; z-index: 1; color:rgba(0,0,0,.45);font-family: 'ubunturegular'; font-size: 13px; }
.select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: expression(this.hideFocus=true);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; -webkit-appearance: none; left: 0px; vertical-align: middle; }

/*Headings*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2 {color: #4c4c4c; font-family: 'robotoregular';font-size: 36px;line-height: 1;}
h3 {font-size: 28px;}
/*Main CSS*/
body{ height: 100%; width: 100%; }
.main{ max-width: 1180px; margin: 0px auto; width: 100%; position: relative;  }
main{ width: 100%; display: inline-block; text-align: center; float: left;background: #f7f7f7;    padding-top: 40px; font-family: 'robotoregular'; border-top: 1px solid #ececec; padding-left: 10px; padding-right: 10px;
box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
/*Main CSS*/
div#background_branding_container {height: 100%;left: 0;opacity: 1;overflow: hidden;position: fixed;top: 0;transition: opacity 1s ease 0s;width: 100%;z-index: 0;}
img#background_background_image {max-width: none;width: auto;}
.login_panel {text-align:center;background: #fff;  float: right;height: 100%;margin: 0;overflow-x: hidden;overflow-y: auto;padding: 0;position: fixed;right: 0;padding-left: 10px; padding-top: 20px; font-family: "robotoregular"; width: 100%; z-index: 1;}
login_panel {border-left: 1px solid #fff;}
 .feelform{ padding-top: 30px; width: 100%;}
 .feelform p{ padding-bottom: 10px; }
 .signin{ margin-bottom: 0; line-height: 1; }
  .recover { font-size: 13px;}
 .recover a{ color:#2672ec; font-size: 13px; display: block; width: 100%; }
 .recover .forgotpass{ padding-left: 10px; padding-top:10px; }
footer {display: inline-block;margin-top: 20px;width: 100%;}
 footer .left {float:left;  }
 footer .right{ float: right; margin-right: 10px; }
  footer a{color:#2672ec; margin-right: 10px;}
.separator {
  color: #5f5f5f;
  font-size: 15px;
  text-transform: uppercase; position: relative;
}

.separator .divider{border-top: 1px solid #ccc;
float: left;
height: 5px;
left: 0;
position: absolute;
top: 11px;
width: 40%;}

.separator .divider.right{ right: 0; left: auto;}

#messageUpd{ top: 60px; border:none !important;color: red;position: absolute !important;right: 0;text-align: center; background: none !important; width: 100%;z-index: 9;}