body{background-color: #fff9e6; font-family: "Roboto Condensed", sans-serif; height: 100%; color: #4e4e4c; font-size: 12px; padding: 0 15px; overflow: hidden;}
body.active{overflow: unset; overflow-x: hidden;}
label{margin-bottom: 5px;}
.input-err{border-radius: 5px !important;font-size: 11px; color: #dc3545; display: block; margin-top: 5px; position: absolute; right: 5px; bottom: -30px; background-color: #fff; padding: 2px 10px; border: 1px solid #dfdfdf; box-shadow: 1px 2px 3px 0px #4a4a4a; z-index: 2;}
.input-err:before { content: ''; position: absolute; top: -6.5px; left: 12.4px; border-bottom: 6.5px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; z-index: 2; }
.input-err:after { content: ''; position: absolute; top: -8px; left: 11.6px; border-bottom: 8px solid #dfdfdf; border-left: 8px solid transparent; border-right: 7px solid transparent; z-index: 1; }
.form-group{margin-bottom: 15px; position: relative;}
::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar-thumb {
	background-color: #77adc9;
	border-radius: 5px;
}
::-webkit-scrollbar-track {
	background-color: #ccc;
}
#wrap{padding: 50px 0 5px; box-shadow: 1px 1px 4px 0px #b3b3b3; overflow: hidden; position: relative; height: calc(100% - 30px); width: 460px; max-width: 100%; margin: 0 auto; background-color: #fff;}
.shape{text-align: center; position: relative;}
.shape > img{margin: 0 auto; height: unset; max-width: 100%; width: 70px;}
.img{position: relative; margin: 15px 0;}
.img > img{max-width: 100%; width: 100%; height: unset; margin: 0 auto; border: 5px solid #b42121; position: relative; z-index: 2;}
.line{text-align: center;}
.line img{max-width: 100%; width: 100px; opacity: .7;}

@media (max-width: 420px) {
	body{padding: 10px;}
	#wrap{padding: 25px 0 5px;}
}