@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
#citi-form{background-color: rgba(0, 0, 0, 0.7);color: rgba(0, 0, 0, 0.7); position:absolute; height:100%; width:100%; color:#3B3E46; font-size:12px; z-index:5; left:0; top:0; overflow-y:scroll}
/* IE8*/
@media \0screen { 
#citi-form{ background:url(../images/tile_black_70.png)}
}


.citi-form{ width:400px; margin:0 auto; background:#fff; position:relative; text-align:center; padding:10px 0 20px 0}
.citi-form h2{ margin:0 0 20px 0}
.citi-form input{ margin:0 20px; background: none; border:none; border-bottom:1px solid #ebebeb; width:360px; height:40px; line-height:40px; display:block; margin:0 auto 10px auto; color:#3B3E46; font-size:13px}
.uploadpic{ width:360px; height:360px; display: block; background:#333; margin:10px auto}
.citi-form select{margin:0 20px; background: url(../images/img_form_arrow.png) no-repeat right; border:none; border-bottom:1px solid #ebebeb; width:360px; height:40px; line-height:40px; display:block; margin:0 auto 10px auto; -webkit-appearance: none;}

.citi-form select:focus{ outline:none}
input[placeholder], [placeholder], *[placeholder] {color:#3B3E46}
.citi-form div,
.citi-form p{ font-size:12px; text-align:left; width:360px; margin:0 auto; line-height:22px; position:relative}
.citi-form div.terms{ padding-left:30px; position:relative}
.citi-form input[type='checkbox']{ width:13px; height:13px; position:absolute; left:15px; top:5px}

.citi-form input:focus { outline:none; border-bottom:1px solid #5DC1E1;}
.citi-form .btn_submit{ background: url(../images/btn_photo_m0003.png) no-repeat; background-size:cover;-ms-behavior: url(backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); width:110px; height:120px; display:block; margin:30px auto}
.citi-form .btn_submit:hover{ opacity:0.8}

.citi-form .btn_camera{ width:100%; height:100%; display:block; position:absolute; left:0; top:0}
.citi-form .btn_camera:before { font-family:"FontAwesome"; font-size:50px;  content: "";  display:block;position:absolute;  color:#fff;top:50%;transform: translateY(-50%); position:relative; text-align:center}

.citi-form .picholder img{ width:100%; height:auto}

#citi-form .btn_close:after{ content:""; font-family:"FontAwesome"; width:28px; height:28px; display:block; line-height:28px; text-align:center; font-size:20px; color:#fff; position:absolute; right:-30px; top:0 }
.citi-form span{ position: relative; width:100%; display:block}
.citi-form label{ position:absolute; left:5px; top:0; width:20px; height:20px; display:block; z-index:3; color:#ccc}
.placeholder { color: #aaa; }

.citi-form .confirmation{ padding:0 0 50px 0}
.citi-form .confirmation h1{ margin:20px 0}
.citi-form .confirmation h2{ margin:20px 0}
.citi-form .confirmation p{ position:relative; margin:10px 0 10px 0; font-size:15px; display:block}
.citi-form .confirmation p b{ position:absolute; left:90px; color:#005eb0}
.citi-form .confirmation .btn_group{ display:table; width:100%; padding:30px 0}
.citi-form .confirmation .btn_group a{ background:#0d2947; display:inline-block; padding:10px 40px; margin:0 1px 0 0; color:#fff; text-decoration:none;}
.citi-form .confirmation .btn_group a:hover{ background:#005eb0}
.citi-form .confirmation .btn_group a.btn_share{ background:#005eb0}

@media screen 
and (min-width : 120px) 
and (max-width : 480px)  {
#citi-form{ width:100%; height:4000px; overflow:visible }
.citi-form input,
.citi-form select{ font-size:18px}
.citi-form p{ font-size:16px; line-height:22px}
.citi-form div.terms{ margin:0 0 10px 0}
	
}