body { margin: 0px; padding: 0px; position: relative; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }

/*.wrapper { width: 1170px; margin: 0 auto; }*/
#content { float: left; width: 100%; margin: 0px 0; }

table tr,table th { text-align:center}

.bkmain { float: left; font-family: sans-serif; font-size: 16px; width: 100%; }
table { border-collapse: collapse; margin: 0 0 0 0; }
.bkcalendar { display: inline-block; width: 100%; background-color: #f2f2f2; border-radius: 10px; padding: 10px; }
.bkheader { text-align: center; }
.bktable { width: 100%; }
.bktable td, th { width: 40px; height: 40px; padding: 0 7px 8px 7px; text-align: center; }
.bktable th { margin: 0 0 0 0; padding: 0 0 0 0; font-weight:bold; text-transform: uppercase; }
.bkavailable { cursor: pointer; color: white; width: 40px; height: 40px; line-height: 40px; background-color: #404041; border-radius: 5px; text-align: center; font-weight: bold; font-size: 18px; }
.bkunavailable { cursor: not-allowed; color: white; width: 40px; height: 40px; line-height: 40px; background-color: #bdbec0; border-radius: 5px; text-align: center; font-weight: bold; font-size: 18px; }
.bkblank { cursor: not-allowed; width: 40px; height: 40px; color: #f2f2f2; line-height: 40px; font-size: 18px; }
.bkselected { cursor: pointer; color: white; width: 40px; height: 40px; line-height: 40px; background-color: #68686a; border-radius: 5px; text-align: center; font-weight: bold; font-size: 18px; }
.bktime { display: inline-block; font-size: 9pt; vertical-align: top; line-height: 25px; }
.bktitle { font-weight: bold; }

.bkfield_1 { float: left; width: 100%; }
.bkfield_left { float: left; width: 20%; }
.bkfield_right { float: right; width: 78%; }
.bkfield.addres { float: left; width: 100%; }
.town { float: left; width: 100%; }
.town.bkfield_left { float: left; width: 30%; }
.town.bkfield_right { float: right; width: 68%; }
.bkfield.telephone { float: left; width: 100%; }
.bkfield.email { float: left; width: 100%; }
.bkfield.details { float: left; width: 100%; }
.bkfield.details textarea { float: left; width: 100%; border: 1px solid gray; }
.bkdate { font-size: 80pt; line-height: 100px; }
.bkmonth { float: left; font-size: 16pt; width: 100%; }
.bkbook { font-size: 14pt; color: #bf1e2e; font-weight: bold; }
.bkavail { width: 25px; height: 25px; line-height: 25px; background-color: #9594ae; border-radius: 5px; }
.bkunavail { width: 25px; height: 25px; line-height: 25px; background-color: #b2b2b2; border-radius: 5px; margin: 15px 0 5px 0; }
.bkborder { border-top: 1px solid black; border-bottom: 1px solid black; }
.bkline { margin: -5px 0 -5px 5px; }
.form-left { float: left; width: 34%; }
.form-right { float: right; width: 62%; }
.form-text { float: left; width: 100%; margin: 0px; padding: 0px; }
.form-text p { font-size:17px; line-height:26px; color:#231f20; padding:15px 0 0 0 !important;}
.form-text h1 { font-size: 35px; margin: 0; padding: 0; line-height: 40px; color: #033048; font-weight: bold;}
.form-text h3 { color:#989da0; font-size: 17px; margin: 0; padding: 10px 0; line-height: 25px; font-weight:bold;}
.form-right-form { float: left; width: 100%; margin: 0px; padding: 0px; }
.bkform { float: left; width: 100%; margin: 0px; padding: 0px; }
.bkresults { width: 22%; min-height: 385px; background-color: #232c5f; float: right; color: white; text-align: center; border-radius: 10px; font-weight: bold; padding: 4px 5px 12px 5px; }
.bkcontact { float: left; width: 78%; }
.bkfield.bkfield-full { float: left; width: 100%; margin: 0px; padding:0 !important; }
.bkfield.bkfield.address { float: left; width: 100%; margin: 0px; }
.bkfield { float: left; margin: 0px 20px 0px 0; width: 46%; padding: 0 0 10px; }
.bkfield.bkfield-full textarea { width: 95%; float: left; padding: 0 5px; padding: 4px 5px; font-size: 15px; font-weight: normal; color: #000; border-radius: 5px; border: 0px; border: 2px solid #9e9fa2; }
.bkfield label { float: left; width: 35%;  padding-top: 0px !important; padding-bottom:0px !important; color: #444; font-weight: bold; }
.bkfield input { float: right; width: 62%; padding: 0px 0px !important; font-size: 15px; font-weight: normal; color: #000; border-radius: 5px !important; }
.bkcontact input { border: 2px solid #9e9fa2 !important; border-radius: 5px; width: 100%; padding: 6px 5px !important; font-size: 15px; font-weight: normal; color: #000; border-radius: 5px; }
.bkfield.bkfield-full label { float: left; width: auto; }
.bkfield.bkfield.address label { width: 100%; }
.bkfield.bkfield.address input { width: 96%; float: left; }
#bkday { text-align: center; display: inline-block; padding: 10px 0; border-bottom: 1px solid #fff; }
#bkday-text { float: left; font-size: 16px; line-height: 20px; padding: 10px 10px 10px; text-align: center; width: 100%; font-weight: normal; }
.sumbit-btn { float: left; width: 100%; }
.sumbit-btn input { border: 0px; border-radius: 5px; padding: 1px 15px; font-size: 15px; line-height: 22px; font-weight: bold; background: #FFF; color: #3788c3; }
.sumbit-btn input:hover { background: #404041; color: #fff; cursor: pointer; }
.bktime span { color: #444; font-weight: bold; }
#bkresults span { color: #fff; }
.bktime input { margin: 0 6px 0 6px; }
.bktime img { margin-right: 10px; }

.subscription{width:100%; float:left; padding:0;}
.subscription p{font-size:18px; line-height:26px; color: #444; font-weight: bold; padding:15px 0 0 0 !important;}

 @media only screen and ( max-width:1200px) {
.wrapper { width: 90%; margin: 0 6%; }
}
 @media only screen and ( max-width:1100px) {
.bkfield label, .bkfield, .bkfield.bkfield.address input, .bkfield.bkfield-full textarea { margin: 0px; width: 100%; }
.form-text h1 { font-size: 25px; }
.form-text p { font-size: 17px; line-height: 22px; }
.form-left { width: 58%; }
.form-right { width: 38%; }
.bkcontact { width: 72%; }
.bkresults { width: 28%; }
.bkdate { display: inline-block; font-size: 50px; line-height: inherit; width: 100%; }
.bkfield { width: 41%; margin: 0 8px 0 0; }
.bkmain { font-size: 14px; }
.bkfield.bkfield.address, .bkfield.bkfield-full { width: 90%; margin: 0 20px 0 0; }
.bkresults { min-height: auto; padding: 15px 0; }
}
 @media only screen and ( max-width:767px) {
.form-text p { font-size: 16px; line-height: 20px; }
.bkfield label { text-align: left; }
.bkcontact { width: 70%; }
.form-left, .form-right { width: 100%; float: none; display: inline-block; }
.bkfield { padding-bottom: 5px; }
.bkresults { float: none; overflow: hidden; width: auto; }
.bkfield.bkfield.address, .bkfield.bkfield-full { width: 90%; margin: 0px; }
.form-text h1 { padding: 25px 0 0 !important; font-size: 25px; line-height: 30px; }
.bkunavailable { height: 30px; line-height: 30px; }
.form-text { text-align: center; }
}
 @media only screen and ( max-width:520px) {
.bkmain { font-size: 14px; }
.bkavailable, .bkselected { width: 30px; height: 25px; line-height: 25px; }
.bktable td, th { padding: 0 3px; }
.bkunavailable { width: 30px !important; }
}
 @media only screen and ( max-width:420px) {
.bkcontact { width: auto; float: none; display: inline-block; margin-left: 20px; }
.bkcalendar { padding: 10px 0; }
.bkunavailable { width: 25px !important; }
}