.form-wraper{width:600px;height:auto;font-family:sans-serif;font-size:15px;margin:0 auto;padding:20px 0;}
.form-wraper a,.form-wraper a:hover{text-decoration:none;color:#000;}
.form-wraper .form-logo a{display:block;background:url(images/logo-frm.png) no-repeat center top;height:74px;}
.form-wraper label{width:100%;display:block;}
.form-wraper label:after, .form-wraper label:before{ content:""; display:table;}
.form-wraper label:after { clear:both;}
.form-wraper label p {margin:12px 0 5px 0; padding:0;}
.form-wraper label input[type="text"], .form-wraper label input[type="password"]{width:96.444%;background:#fff;border:1px solid #ccc;line-height:18px; padding:3px;}
.form-wraper input[type="checkbox"]{ height:20px; width:20px;}
.form-wraper a.btn{color:#fff;background:#d76e97;}

/* LOGIN */
.form-wraper .login-input{width:60%;margin:0 auto;}
.form-wraper .title.ctg1{margin:20px 100px;}
.form-wraper .title small{height:72px;width:8px;background:#d76e97;float:left;margin-right:10px;}
.form-wraper .title p{font-size:16px;display:block;margin:0;padding:18px 0;}
.form-wraper .login-input label input[type=text]{height:20px;line-height:20px;padding:12px 5px;}
.form-wraper .login-input label a.login{font-size:19px;border:none;outline:none;padding:10px 20px;}
.form-wraper .login-input label a.login:hover{color:#F90;}
.form-wraper .login-input label:nth-child(3) p{width:49.3333%;display:inline-block;margin:25px 0;}
.form-wraper .login-input label:nth-child(3) p:nth-child(2){text-align:right;}
/**********************/

/*CREAT AN ACCOUNT*/
.form-wraper .creat-account label a.complete-signup { padding:5px 10px; float:left; margin:15px 0;}

/***************************/

/*FORGOT PASSWORD*/
.form-wraper .forgot-password{width:60%;margin:0 auto;}
.form-wraper .forgot-password input[type="text"], .form-wraper .forgot-password input[type="password"] {padding: 10px 5px;line-height: 35px;}
.form-wraper .forgot-password a.new-password { float:right; padding:5px 10px; margin-top:10px; margin-bottom:15px;}
/***************************/

/*UPPER LOGIN*/
.form-wraper .upper-login{width:60%;background:#000;position:relative;margin:0 auto; height:auto; padding:15px 20px;}
.form-wraper .upper-login:before{content:"";display:block;border:15px solid transparent;border-bottom:10px solid #000;border-top:0;height:0;width:0;position:absolute;top:-10px;left:85%;}
.form-wraper .upper-login p { color:#fff; width:49.33333%; display:inline-block;}
.form-wraper .upper-login label { margin:10px 0;}
.form-wraper .upper-login input[type="text"], .form-wraper .upper-login input[type="password"] {padding: 10px 5px;line-height: 45px; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.form-wraper .upper-login p a.login, .form-wraper .upper-login p a.signup { padding:15px 40px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#d73b7c;}
.form-wraper .upper-login label:nth-child(4) p:nth-child(2) {text-align:right;}
/***************************/

/*LOGIN OR REGISTER*/
.form-wraper {}
/***************************/