*,
*:after,
*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@font-face{*font-family:'Bookman Old Style';*src:url('../fonts/Bookman Old Style.ttf') format('truetype');}
@font-face{font-family:'Monotype Corsiva';src:url('../fonts/Monotype Corsiva.ttf') format('truetype');}
@font-face{font-family:'Book Antiqua';src:url('../fonts/Book Antiqua.ttf') format('truetype');}
@font-face{font-family:'Lato-Medium';src:url('../fonts/Lato-Medium.ttf') format('truetype');}
#login-form{width:45%;margin:30px auto;overflow:hidden;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.header{width:600px;margin-left:30px;margin-top:10px;margin-bottom:-10px;}
.icon_user{width:110px;height:110px;margin:0 auto;}
.login-form{width:70%;padding:15px;box-shadow:  inset 0 -2px 3px rgba(0, 0, 0, 0.10); border:1px solid #eee; background-color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:0 auto;-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);text-align:center;}
.login-form h1{color:#737371;font-size:25px;font-family: 'Orbitron', cursive;letter-spacing:1px;padding-top:20px;margin:0;line-height:5px;}
.login-form h2{color:#737371;font-size:35px;margin:0 0 20px 0;padding-top:8px;font-family:Monotype Corsiva;}
.login-form h3{color:#737371;font-size:14px;margin-bottom:20px;line-height:5px;letter-spacing:0.10em;padding-top:5px;font-family: 'Orbitron', cursive;}
.login-form h4{color:#737371;font-family: 'Monotype Corsiva', cursive;font-size:20px;letter-spacing:0.10em;font-weight:normal;line-height:2px;margin:20px 15px 15px 15px;}
.login-form h4:before,
.login-form h4:after{content:"";height:1px;position:absolute;width:20%;}
.login-form h4:after{background:#eee;right:0;}
.login-form h4:before{background:#eee;left:0;}
.login-form img{text-align:center;}
.form-group{position:relative;margin-bottom:15px;}
.form-group input[type="text"]{outline:none;}
.form-control::-webkit-input-placeholder {color: #C6C5BD;}
.form-control:-moz-placeholder {color: #C6C5BD;}
.form-control::-moz-placeholder {color: #C6C5BD;}
.form-control:-ms-input-placeholder {color: #C6C5BD;}
.form-control{width:100%;height:50px;border:none;outline:none;padding:5px 7px 5px 15px;background:#fff;outline:none;font-size:20px;color:#666;border:2px solid #DADADA;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.form-control:focus,input{border:2px solid #DADADA;}
.form-control:focus, .form-control:focus + .fa{border-color:#DADADA;color:#C6C5BD;box-shadow:none;}
.form-group .fa{position:absolute;right:15px;top:17px;color:#C6C5BD;}
.log-btn-off{margin:5px 0px 15px 0;outline:none;background-image:-webkit-gradient(linear, left bottom, left top,color-stop(0.47, #f0c238), color-stop(0.74, #f2c94d),color-stop(0.87, #fad566));background-image:-moz-linear-gradient(center bottom, #f0c238 47%, #f2c94d 74%, #fad566 87%);display:inline-block;width:100%;font-size:29px;font-weight:bold;font-family:Monotype Corsiva;height:50px;color:#73401e;text-decoration:none;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.log-btn:hover{background-color:#289E5D;color:#fff;}
.log-btn {background-color:#289E5D; outline:none;position:relative;top:15px;left:50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow: hidden;width:100%;margin:15px 0px 5px 0;display:inline-block;font-size:29px;font-weight:bold;font-family:Monotype Corsiva;height:50px;color:#fff;text-decoration:none;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

li,ul,input{margin:0;padding:0;list-style:none}

#footer{margin-top:10px;padding:10px;line-height:18px;font-size:16px;width:100%;text-align:center;clear:both;color:#fff;font-size:18px;}
.RadioStyle{margin:4px;}
.RadioStyle input[type="radio"]{display:none;}
.RadioStyle label{display:block;position:relative;padding:8px 15px 10px 28px;cursor:pointer;width:auto;float:left;text-align:left;color:#737371;font:bold 18px Monotype Corsiva;}
.RadioStyle label:before{content:'';position:absolute;top:7px;left:0;background:#fff;border:2px solid #0F9B4B;width:20px;height:20px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.RadioStyle label:after{content:'';background:#118D46;position:absolute;top:5px;left:0;width:24px;height:24px;opacity:0;filter:alpha(opacity=0);transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.RadioStyle input[type="radio"]:checked + label:before{border-color:#118D46;}
.RadioStyle input[type="radio"]:checked + label:after{opacity:1;filter:alpha(opacity=100);width:12px;height:12px;top:11px;left:4px;}
@media only screen and (min-width:280px) and (max-width:600px){
#login-form{width:90%;float:left;margin-top:0px;overflow:hidden;border-radius:7px}
.icon_user{width:80px;width:80px;margin:10px auto;}
.login-form{width:100%;margin:0;float:left;clear:both;padding-left:15px;padding-right:15px;padding-top:3px;padding-bottom:15px;}
.login-form h1{font-size:18px;padding-top:0px;margin-top:0px;line-height:5px;}
.login-form h2{font-size:25px;padding-top:15px;line-height:25px;}
.login-form h3{font-size:13px;line-height:5px;padding-top:5px;}
.login-form img{text-align:center;}
.form-group{position:relative;margin-bottom:15px;}
#footer{margin-top:0px;padding:10px;line-height:18px;font-size:10px;width:100%;text-align:center;clear:both;color:#622607;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
#login-form{width:35%;float:right;margin-top:-30px;margin-bottom:30px;overflow:hidden;border-radius:7px;}
.header{width:500px;margin-left:1%;margin-top:10px;margin-bottom:-10px;}
.icon_user{width:110px;margin:0 auto;}
.login-form{width:90%;text-align:center;}
.login-form h1{font-size:18px;}
.login-form h2{font-size:20px;}
.login-form h3{font-size:18px;}
.login-form img{text-align:center;}
.form-group{position:relative;margin-bottom:15px;}
.form-group input[type="text"]{}
}
@media only screen and (min-width:600px) and (max-width:767px){
#login-form{width:35%;float:right;margin-top:-30px;margin-bottom:30px;overflow:hidden;border-radius:7px;}
.header{width:500px;margin-left:1%;margin-top:10px;margin-bottom:-10px;}
.icon_user{width:110px;margin:0 auto;}
.login-form{width:100%;text-align:center;}
.login-form h1{font-size:14px;}
.login-form h2{font-size:25px;}
.login-form h3{font-size:18px;}
.login-form img{text-align:center;}
.form-group{position:relative;margin-bottom:15px;}
.form-group input[type="text"]{}
}
@media only screen and (min-width:1440px) and (max-width:1440px){
#login-form{width:30%;float:right;margin-top:-30px;margin-bottom:30px;margin-right:10px;overflow:hidden;border-radius:7px;}
.header{width:55%;margin-left:1%;margin-top:10px;margin-bottom:-10px;}
.icon_user{width:32%;margin:0 auto;margin-top:15px;}
.login-form{width:100%;text-align:center;}
.login-form h1{font-size:30px;margin-top:20px;}
.login-form h2{font-size:40px;}
.login-form h3{font-size:18px;margin-bottom:30px;}
.login-form h4{font-size:25px;}
.login-form img{text-align:center;}
.form-group{margin-bottom:15px;}
.form-group .fa{right:15px;top:17px;font-size:24px;}
.form-control{height:60px;padding:5px 10px 5px 20px;font-size:24px;outline:none;}
.log-btn{font-size:34px;}
.RadioStyle{margin:4px;outline:none;}
.RadioStyle label{width:150px;font-size:23px;outline:none;}
.RadioStyle label:before{border:3px solid #dcc9b3;width:20px;height:20px;outline:none;}
.RadioStyle label:after{width:24px;height:24px;}
.RadioStyle input[type="radio"]{outline:none;}
.RadioStyle input[type="radio"]:checked + label:after{top:12px;left:5px;outline:none;}

@media only screen and (min-width:280px) and (max-width:479px){}