@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    margin: 0 auto;
    padding: 0;
	  font-family: 'robotolight';
}
a{ color:#000;}
a:hover{ color:#273288;}
#background { 
    max-width:1263px; height:728px; 
     -webkit-user-select: none; -khtml-user-select: none; 
     -moz-user-select: none; -o-user-select: none; user-select: none; 
      z-index:9990; margin:0 auto;
	   background-repeat:no-repeat;
	  }
.container{ max-width:1000px;  margin: -803px auto 0; z-index:999;}
.header{ padding:40px 0px;}
.header img{ border:0px; outline:0;}
.form_main{ background:#fff; opacity: 0.94; max-width:1000px; border-radius:8px; padding:60px; overflow:hidden;}
.form_left{width:440px; background:url(../images/main_divider.png) right no-repeat; float: left; }
.main_head{ color:#197419; font-size:30px; margin-bottom:3px;}
.field_text{ font-size:18px; color:#000;}
.field_box{ border:1px solid #c2c0c0; width:100%; padding:10px; width:80%; background:#fff; margin-top:3px;}
.field_box_main{ margin-bottom:16px;}
.login_btn{ background:#197419;-webkit-appearance: none; padding:10px; border:0px; color:#fff; width:85%; font-size:18px; margin-top:20px; cursor:pointer;transition: all 0.5s ease 0s;}
.login_btn:hover{ background:#273288;}
.trble_lgn{ margin-top:35px; margin-bottom:20px;}
.trble_lgn span a{ color:#2c5b41; font-size:14px; text-decoration:none;}
.trble_lgn span a:hover{ color:#273288;}
.space_right{ margin-right:30px;}
.trble_lgn span img{ margin-right:5px;}
.bottm_text{ font-size:14px; color:#242424; font-weight:bold;}
.form_right{width:440px; float:right;}
.right_text{ font-size:14px; color:#000; margin-bottom:58px;}
.form_right_inner{ padding-left:30px;}
.new_user_head{ color:#197419; font-size:30px; margin-bottom:24px; text-align:center;}
.signup{ font-size:24px; color:#000; text-align:center;}
.notification{ font-size:12px;  font-family: 'robotoregular'; margin-top:76px;}
.notification a{ text-decoration:underline;color:#378737; }
.notification a:hover{color:#273288;}
input[type=text]:focus {
	border:1px solid #197419;
	background:#fff;  box-shadow: 3px 3px 2px 1px #ccc;
}
.footer{ 
  background: #efefef none repeat scroll 0 0;
    color: #868788;
    font-size: 12px;
    margin: 25px auto 0;
    padding: 15px 0;
    width: 100%;
	text-align:center;
}
.footer_mob{ display:none;}

 @media all and (min-width:860px) and (max-width:999px) {
	.form_main {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    margin: 10px;
    max-width: 1000px;
    opacity: 0.94;
    overflow: hidden;
    padding: 28px;
}
.form_left {
    background: rgba(0, 0, 0, 0) url("../images/main_divider.png") no-repeat scroll right center;
    float: left;
    width: 390px;
} 
.form_right {
    float: right;
    width: 390px;
}
.main_head {
    color: #197419;
    font-size: 25px;
    margin-bottom: 40px;
}
	 
 }
  @media all and (min-width:320px) and (max-width:859px) {
	.container {
    margin: -740px auto 0;
    max-width: 1000px;
    z-index: 999;
}
.form_main {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    margin: 15px;
    max-width: 1000px;
    opacity: 0.94;
    overflow: hidden;
   padding: 28px 28px 0;
}
.form_left {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: none;
    width: 100%;
}

.form_right {
    float: none;
    width: 100%;
}

.field_box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c2c0c0;
    margin-top: 3px;
    padding: 10px;
    width: 100%;
}
.login_btn {
    background: #197419 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    margin-top: 20px;
    padding: 10px;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.trble_lgn {
    margin-bottom: 20px;
    margin-top: 35px;
    text-align: center;
}
.bottm_text {
    color: #242424;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.form_right {
    float: none;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}
.header {
      padding: 40px 0 13px;
    text-align: center;
}
.field_box_main {
    margin-bottom: 16px;
    width: 96%;
}
.footer_mob{ display:block;background: none;
    color: #868788;
    font-size: 12px;
    margin: 10px auto 0;
    padding:0;
    width: 100%;
	text-align:center;}
.footer{ display:none;}	
.notification {
    font-family: "robotoregular";
    font-size: 12px;
    margin-top: 30px;
}
.form_right_inner {
    padding-left: 0px;
}
	  
}
@media all and (min-width:320px) and (max-width:400px) {
.field_box
	  {width: 96%;}
	  .main_head{ font-size:26px;}
	  .form_right_inner {
    padding-left: 0px;
}
  }
   @media all and (min-width:401px) and (max-width:480px) {
	  .field_box_main{ width:94%;}
	  .main_head{ font-size:27px;} 
	  .form_right_inner {
    padding-left: 0px;
}
   }