@charset "utf-8";
.book-cont, .book-head, .book-wrapper {	width: 100%}
.book-cont, .book-content, .book-head, .book-wrapper {	height: auto;	display: block}
body {	margin: 0;	background: #000;    font-family: 'Belleza', sans-serif;	}
.book-cont {	margin: 0 auto;}
.book-head {	float: left;	background-color:#aa832c;}
.book-content {	    width: 94%;  float: left;    background: #000;    padding: 0% 3%;}
.book-head h1 {    font-size: 15px;    font-weight: 700;    color: #fff;    text-transform: uppercase;padding: 5px 0;text-align: center;	display: inline-block;font-family:'Belleza', sans-serif;}
.book-content .reset, .book-content .submit {	color: #000;	cursor: pointer;	outline: 0;	font-family: 'MuseoSansCyrl500';	font-weight: 400;}
.book-content li .mr-frm{margin:5px 0 0 0;}
.book-content ul {	margin: 0;padding:0;	float: left;	width: 100%}
.book-content li {	width: 100%;	float: left;	margin: 0px 0 0}
.book-content li label {width: 100%;	float: left;	font-size: 18px}
.book-content li input {width: 94%;float: left;padding: 6px 3%;border: 1px solid #999999;outline: 0;font-size: 12px;margin: 2px 0 0 0;}
.error{position: relative;border: 0;color: red;margin: 0;line-height: 0;top: 8px;font-size: 13px;float: left;}
#recaptcha2{margin:18px 0 0 0;color: #fff;}
.book-content li input[type=file] {	width: 85%;	float: left;	padding: 9px;	margin: 5px 0;border: 1px solid #999999;border-radius: 5px;height: 20px;background-color: #fff;	outline: 0}
.book-content li select {	width: 100%;	float: left;	padding: 9px 3%;	margin: 5px 0;	border: 1px solid #999999;	border-radius: 5px;	height: 41px;	outline: 0}
.book-content .submit {	width: 85px;padding: 7px;margin: 18px 11px 0 0;font-size: 15px;border: 0;height: auto;background: #aa832c;color: #FFF;border: 1px solid #003366;}
.book-content .submit:hover {background: #000;}
.book-content .reset {width:40%;background-color: #836c38;text-transform:uppercase;padding:16px;margin:15px 0 0 15px;font-size: 18px;border-radius: 0;border: 0;height: auto}
.date, .time {	width: 40%!important;	height: auto;	float: left}
.time {	margin-left: 20px!important}
.request-icon {	text-align: center !important;}
.request-icon img {    margin-right: 5px !important;    margin-top: 11px !important;}

@media only screen and (min-width :0px) and (max-width :320px) {
.date, .time {	width: 94%!important}
.time {	margin-left: 0!important}
.book-content li {	margin: 3px 0}
}

@media only screen and (min-width :0px) and (max-width :360px) {
.date, .time {	width: 94%!important}
.time {	margin-left: 0!important}
.book-content li {	margin: 2px 0}
}