#login-sec .heading { margin-top:1em;}
#login-sec .heading h1 { float: left; max-width:500px; font-family: 'aliquamregular', Helvetica, Arial; color:#888; /*border:1px solid #000;*/}
#login-sec .heading h1 {font-size:2.7em; margin-bottom:.3em; padding-left:.5em;}
#login-sec .heading h6 {font-size:1.1em; color:#555; max-width:230px; float:right; padding-right:1em; /*border:1px solid #000;*/}
#login-sec .heading h6 a {}

#login-sec .login-container { background:#fff; border:1px solid #ccc; padding:2em; margin-bottom:1em;}
#login-sec .login-container .col { float:left;}
#login-sec .login-container .col h2 { font-size:1.3em; color:#444; margin-bottom:1em;}

/*login form*/
#login-sec .login-container .col.email-login { width:45%; /* background: url(../img/icons/or-big.png) no-repeat 0 0;*/ padding-left:3em; /*border:1px solid #ccc;*/}
#login-sec .login-container .col.email-login form  { background:#fafafa; border:1px solid #ddd; padding:1em;}
#login-sec .login-container .col.email-login form {-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3); -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);}
#login-sec .login-container .col.email-login form { box-shadow:  1px 1px 3px rgba(50, 50, 50, 0.3);}

#login-sec .login-container .col.email-login form .gb-error { font-size:.9em; text-align:left;}

#login-sec .login-container .col.email-login label.req { display:block;  font-size:1em; margin-bottom:.7em; color: #555;}
#login-sec .login-container .col.email-login label.req2 {  font-size:.8em; color: #777;}
#login-sec .login-container .col.email-login label.req2.keep:hover { cursor:pointer;}
#login-sec .login-container .col.email-login input.req { margin-bottom:0; display:block; width:95%; font-size:1em; border:1px solid #ddd; background:#eee; padding:.5em; color: #060;  }
#login-sec .login-container .col.email-login input.req:focus { background:#F8F7D6; border:1px solid #C8D022;}
#login-sec .login-container .col.email-login input.btn {  width:169px; margin:0 auto; display:block; }

#login-sec .login-container .col.email-login a.forgot { display:block; margin-top:1em; font-size:.8em; color: #5BA5F7;}

#login-sec .login-container .col.email-login span.error { background:#FCE0E0; color:#C91D21; border:1px dashed #F44044; display:block;}
#login-sec .login-container .col.email-login span.error { padding:.3em; font-size:.8em; }

/*login social*/
#login-sec .login-container .col.social-login { width:43%;  margin-right:0; /*border:1px solid #ccc;*/ }
#login-sec .login-container .col.social-login ul { max-width:235px; width:99%; margin:0 auto;}
#login-sec .login-container .col.social-login li { margin-bottom:2em;}
#login-sec .login-container .col.social-login li a { display:block;}
/*#login-sec .login-container .col.social-login li a img { width:100%; max-width:235px;}*/



/*-------------------------------------------------------- 
  			Medium Screen 
---------------------------------------------------------*/

@media screen and (max-width: 660px) {

#login-sec .heading { margin-top:0;}

#login-sec .heading h1 {font-size:2.2em; }
#login-sec .heading h6 {font-size:1em; }

#login-sec .login-container { padding:1em; }
#login-sec .login-container .col { float:none;}

/*login form*/
#login-sec .login-container .col.email-login { width:98%;  background: url(../img/icons/or-horizontal-big.png) no-repeat top center; margin:0 auto; padding: 3em 0 0 0;}


/*login social*/
#login-sec .login-container .col.social-login { width:100%; padding-right:0; margin:0 auto; }
#login-sec .login-container .col.social-login ul { /*max-width:99%;*/ width:99%; margin:0 auto;}
#login-sec .login-container .col.social-login li { margin-bottom:2em;  }
}


/*-------------------------------------------------------- 
  			Small Screen
---------------------------------------------------------*/
@media screen and (min-width: 310px)  and (max-width: 400px) {

#login-sec .heading h1 {font-size:1.7em; }

/*login social*/
#login-sec .login-container .col.social-login ul { max-width:235px; width:99%; margin:0 auto;}
#login-sec .login-container .col.social-login li { margin-bottom:2em; float: none; width:99%; margin-left:0;}

}