@charset "utf-8";
html{height:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}
body{margin:0 auto;position:relative;background-color:#f0f0f0}
#top{width:100%;margin:0;background:#fff;border-bottom:1px solid #eaeaea}
#top .container{width:98%;margin:0 auto;padding:10px}
#top .box{padding:0 10px;margin:0 auto;display:inline-block;vertical-align:middle;font:600 1.3em/1.4em "Baloo 2",sans-serif;color:#069}

#content{width:100%;margin:0;padding:40px 0}
#content .container{margin:0 auto;padding:20px;background:#fff;border:1px #f9f9f9 solid}
@media only screen and (max-width:720px){#content .container{margin:0 auto;width:90%
	}
}
@media only screen and (min-width:720px){#content .container{margin:0 auto;width:700px
	}
}
#content .form{margin:0 auto;padding:10px}
#content .form .header{text-align:center}
#content .form .fld_container{margin:0 auto;padding:10px 0;text-align:center}
#content .form .box{margin:0 auto;vertical-align:middle}
#content .form .label{font:300 .9em/1em "Baloo 2",sans-serif;color:#000}
@media only screen and (min-width:490px){#content .form .box{width:20%;display:inline-block}
#content .form .box:nth-child(2){width:75%}#content .form .label{text-align:right;padding:20px 10px
	}
}
@media only screen and (max-width:490px){#content .form .label{text-align:left;padding:10px
	}
}
#content .form .fld_style{width:95%;text-align:left;background:#fcfcfc;border:1px solid #cacaca;border-radius:4px;font:300 1em/1em "Baloo 2",sans-serif;color:#000;padding:15px 10px}
#content .submit{margin:0 auto;width:95%}
#content .submit_box{width:100%;margin:0 auto;padding:10px 0;vertical-align:middle}
@media only screen and (max-width:520px){
#content .submit{text-align:center
	}
}
@media only screen and (min-width:520px){
#content .submit{text-align:right}
#content .submit_box{display:inline-block}
}

.btn {
	width: 100%;
	margin: 0 auto;
	padding: 10px 2px;
	background-color: #000;
	color: #fff;
	font: 300 1.2rem/1.5rem "Baloo 2",sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	border-radius: 6px;
	border: none;
	display: inline-block;
}
.btn:hover {
	background-color: #555;
	cursor: pointer;
}

.cbx{margin:auto;-webkit-user-select:none;user-select:none;cursor:pointer}
.cbx span{display:inline-block;vertical-align:middle;transform:translate3d(0,0,0);font:300 .9em/1em "Baloo 2",sans-serif}
.cbx span:first-child{position:relative;width:18px;height:18px;border-radius:3px;transform:scale(1);vertical-align:middle;border:1px solid #666;transition:all .2s ease}
.cbx span:first-child svg{position:absolute;top:3px;left:2px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translate3d(0,0,0)}
.cbx span:first-child:before{content:"";width:100%;height:100%;background:green;display:block;transform:scale(0);opacity:1;border-radius:50%}
.cbx span:last-child{padding-left:8px}
.cbx:hover span:first-child{border-color:#969696}
.inp-cbx:checked+.cbx span:first-child{background:green;border-color:green;animation:wave .4s ease}
.inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}
.inp-cbx:checked+.cbx span:first-child:before{transform:scale(3.5);opacity:0;transition:all .6s ease}
.cbx span:last-child{font:300 .8em/1em "Baloo 2",sans-serif;color:#787878}@keyframes wave{50%{transform:scale(.9)}}

#content .form a{padding:11px 30px;border-radius:2px;background:#000;color:#fff;font:300 .95em/1em "Baloo 2",sans-serif;text-align:center;text-transform:uppercase;text-decoration:none}
#content .form a:hover{background:#777}
#login_status{margin:0 auto;padding:20px 0 0 0;text-align:center;font:300 .9em/1em "Baloo 2",sans-serif;text-align:center;color:red}