html { margin: 0; padding: 0; height:100%; min-height:100%;}
body{ margin:0; padding:0; font-size:14px; font-weight:normal; font-family:'Helvetica', sans-serif; color:#151719; font-weight: 400; height:100%; min-height:100%; background:#fff url('../gimages/body-bg.jpg') repeat;}
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, submit, button, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover {
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#5aba47; text-decoration:none;}
a:hover{text-decoration:underline;}

.left {float:left;}
.right {float:right;}

.clear {clear:both;font-size:0;line-height:0;}

.wrap{width:1000px; margin:0 auto;}


.fix {
position: fixed; z-index:5000;
top: 0;
left: 0;
right: 0;
margin: 0;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.banner-area{display:block; overflow:hidden; clear:both; min-height:750px; position:relative; background:url('../gimages/banner/home-banner1.jpg') no-repeat 0 center; background-size:cover;}

.banner-area-inner{display:block; overflow:hidden; clear:both; position:relative; background:#2b3741 url('../gimages/inner-bg.jpg') no-repeat center top;}
.page-name{display:block; overflow:hidden; clear:both; padding:25px 15px 35px;}
.page-name h2{clear:both; display:block; text-align:left; color:#fff; font-size:30px; margin-bottom:0px;}
.page-name p{color:#fff; font-size:16px; line-height:22px; font-weight:300;}


.homemessgearea{float:left; width:62%; margin-top:120px; padding:0;}
h1.headtxt{display:block; clear:both; color:#FFF; font-size:35px; font-weight:500; padding-bottom:70px;}
.homemsg{display:block; clear:both; color:#FFF; text-align:left; margin-bottom:45px;}
.homemsg i{width:50px; font-size:50px; float:left; margin-right:25px;}
.homemsg span{font-size:18px; width:80%; float:left;}
.homemsg span h2{ font-size:25px; line-height:25px; font-weight:500; display:block; clear:both; text-align:left; padding-bottom:7px; }

.homerightarea{}
.login-area{width:300px; background:#fff; display:block; overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}

/** modal window styles **/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
	opacity:0.8 !important;
}

.signup-area{float:right; width:300px; background:#fff; display:block; overflow:hidden; margin:100px 35px 60px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.login-head h2{ display:block; font-size:16px; line-height:18px; color:#767676; font-weight:normal;}
.login-head{display:block; clear:both; padding:18px 15px 0; text-align:center; }

form.login{display:block; overflow:hidden; padding:15px 15px 10px; clear:both;}
form.login input[type="text"], form.login input[type="email"], form.login input[type="password"]{clear:both; margin-bottom:10px; width:95%; border:1px solid #d9d9d9; background:#FFF; padding:7px 5px; color:#929191; border-radius:3px; font-weight:bold;}
form.login input[type="text"]:focus, form.login input[type="email"]:focus, form.login input[type="password"]:focus{outline:none;}
a.checkmail{display:block; clear:both;}
.errorfrom {display:block; color:#F00; padding:0 15px 15px;}


form.login input[type="button"]{padding:6px 0; width:100%; text-align:center; color:#fff; clear:both; margin:3px 0 10px; background:#089efe; border:none; text-transform:uppercase; font-weight:600; cursor:pointer;  border-radius:3px;}
form.login input[type="button"]:hover{background:#3e3e3e;}
form.login input[type="submit"]{padding:6px 0; width:100%; text-align:center; color:#fff; clear:both; margin:3px 0 10px; background:#089efe; border:none; text-transform:uppercase; font-weight:600; cursor:pointer;  border-radius:3px;}
form.login input[type="submit"]:hover{background:#3e3e3e;}

form.login select{display:inline-block; vertical-align:top; width:32.3%; border:1px solid #d9d9d9; background:#FFF; padding:7px 5px; color:#929191; border-radius:3px; font-weight:bold; margin-bottom:10px; cursor:pointer;}
form.login select:focus{outline:none;}

span.social-loginarea{display:block; text-align:center; padding:10px 15px;}
span.social-loginarea a{ display:block; margin:10px 0; padding:5px 0; border-radius:3px; font-size:16px; background:#000; color:#FFF; text-align:center; text-transform:lowercase;}
span.social-loginarea a i{margin-right:10px;}
span.social-loginarea a.signupfb{background:#5971ac;}
span.social-loginarea a:hover.signupfb{ text-decoration:none;}
.forget-password{color:#767676; text-align:center; display:block; overflow:hidden; clear:both; margin-bottom:10px;}
.forget-password a{color:#3498db;}
span.agreechecking{display:block; clear:both; margin-bottom:10px;}
span.agreechecking input[type=checkbox]{position:relative; top:2px;}

img.orimg{display:block; margin:0 auto;}
.homeprofile{display:block; margin-top:30px; padding:0;}
.homeprofile ul{list-style:none; margin:0; padding:0;}
.homeprofile ul li{width:90px; float:left; border-radius:5px; margin:0 16px 0 0; border:3px solid #FFF;}
.homeprofile ul li img{width:100%;}




.footer-area, .footer-area-top{display:block; overflow:hidden; clear:both; background:#000;}
.footer-area-top{background:#000; padding:10px 0;}

ul.footer-links{margin:5px 0 0px; display:block; float:left; text-align:left;}
ul.footer-links > li{display:inline-block; vertical-align:top; line-height:14px; font-size:14px; padding:0 8px; border-right:1px solid #738a9b; }
ul.footer-links > li:last-child{border-right:none;}
ul.footer-links > li:first-child{padding-left:0;}
ul.footer-links > li a{color:#738a9b;}
ul.footer-links > li a:hover{color:#FFF; text-decoration:none;}
p.copywright-txt{display:block; float:right; text-align:right; color:#acacad; margin-top:4px;}

/*--- menu ---*/
#wrapmain {transition: margin-left .5s;}
.userwrap {
    display: block;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media all and (max-width: 1024px) {
.wrap{width:98%; margin:0 auto; position:relative;}
.banner-area{background-image:url('../gimages/banner/home-banner-small.jpg');}
}

@media all and (max-width: 800px) {
.signup-area{margin:100px 5px 60px;}
.homemessgearea{width:58%;}
}

@media all and (max-width: 640px) {
	.homemessgearea{width:90%; margin:0px auto 50px; float:none;}
	h1.headtxt{padding-bottom: 40px; text-align:center;}
	.homemsg{margin-bottom: 25px;}
	.signup-area{float: none; width: 95%; margin: 100px auto 30px;}
	
}

@media all and (max-width: 480px){
	.homemsg i{width: 30px; font-size: 30px; margin-right: 15px;}
	.homemsg span h2{font-size:20px;}
	.homemsg span{font-size:16px;}
	ul.footer-links{float:none; display:block; width:auto; text-align:center;}
	p.copywright-txt{float:none; text-align:center;}
}

@media all and (max-width: 360px){
	h1.headtxt{font-size:25px;}
	.homemsg i{margin-top:3px;}
}

@media all and (max-width: 320px){
}
/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}