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

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

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

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

#register-sec .register-container .col.email-register .show-password-bg { margin-top:-.7em; }
#register-sec .register-container .col.email-register .show-password-bg label { font-size:.8em; vertical-align:middle; color:#666;}
#register-sec .register-container .col.email-register .show-password-bg label:hover { cursor:pointer;} 
#register-sec .register-container .col.email-register .show-password-bg input { vertical-align:middle;}

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


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


#register-sec .foot-note { font-size:.75em; color:#aaa; background:#fafafa; padding:.8em; text-align:center; display:block; border:1px solid #ccc; border-top:none; }
#register-sec .foot-note a { color:#999;}


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

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

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

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

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

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


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

}


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

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

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

}