@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
/*----Reset Css----*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;  padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-family: 'Open Sans', sans-serif;}
body {line-height:1;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
a:hover{text-decoration:underline;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

/*----Background Css----*/
html{min-width:1140px; }
#background {background:no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/*----LeftSection Css----*/
.leftsection{background: rgba(234, 103, 23, 0.6); width:320px; position: absolute; top: 0;bottom: 0; padding:20px; color:#fff; min-height: 600px;}
.logo{top:20px;text-align:center; }
.login{color:#fff; position:absolute; top:24%; margin-right:20px;} 
.login label{font-size:18px; width:100%; display:block; margin-bottom:15px;}
.login label.samll{font-size:15px;line-height: 20px;}
.login .selectfield{width:100%; border:none; padding: 8px 10px; background:#fff;margin-bottom:10px;font-size:15px;}
.login .error{ background: rgb(250, 255, 189);padding: 5px 10px;margin: -30px 0 10px 0;}
.login .error span{color: red;font-size: 13px;}
.login .textfield{width:94%; width:calc(100% - 20px); border:none; padding: 8px 10px; background:#fff;margin-bottom:10px;font-size:15px;}
.login a{font-size:14px; text-align:left; width:140px; display:block; margin-bottom:20px; color:#ffffff;     float: left;}
.login .btn{width:100%; border:none; padding:8px 0; cursor:pointer; color:#fff; background:#ea6717;font-size:18px; border:1px solid #fff;}
.login .btn:hover{color:#ea6717; background:#fff;}
.login .btn.small{ width: 45%;}
.login .btn.small.flt{ float: right;}
.attention{font-size: 12px; position:absolute; top:65%; line-height: 15px; color:#fff; margin-right:20px; margin-top: 20px;}
.copyright{font-size:13px; position:absolute;  bottom:15px;color:#fff; left:20px; line-height: 18px;}

/*----Nav Css----*/
ul.nav{background:rgba(255, 255, 255, 0.7);width:67%;  width:calc(100% - 440px); height:16px; padding:13px 0; margin:20px 40px 0 0; float:right;}
ul.nav li{list-style:none; float:right; color:#ea6717;  margin-right:25px; text-align:right;}
ul.nav li a{font-size:16px; color:#ea6717;}

/*----RightSection Css----*/
.outer{width:67%;width:calc(100% - 440px); float:right; position:relative;margin: 200px 40px 0 0; height:400px; bottom:0px;}
.rightsection{position: absolute; bottom: 0; left: 0; right: 0; margin: auto;  max-width:680px; width:680px; padding:20px 0;}
rightsection .heading{font-size:30px; color:#ea6717; float:left;}
.rightsection .bgstyle { margin-top: 15px; background:rgba(255, 255, 255, 0.7); float:left;height: 250px;overflow-y: auto; min-width :680px;}
.rightsection .bgstyle .padding{ padding: 20px;}
.rightsection ul li{list-style:none;font-size:15px; color:#404040;line-height: 22px; background:url(../img/LandingPage/dot.png) no-repeat scroll 0 6px; padding:0px 0 20px 20px  }
.rightsection ul li b{width:100%; display:block;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: white !important;
    background-image: none;
    color: rgb(0, 0, 0);
}