.font_custom {font-family: 'Oswald'}/*===============================================================general=================================================================*/body {margin: 0px;padding: 0px;transition:all .2s ease-in-out}h1 {color: #fff;}a {text-decoration: none;transition:all .2s ease-in-out}a:hover {text-decoration: none;transition:all .2s ease-in-out}input {border: none;background: none;transition:all .2s ease-in-out;-webkit-box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.1);box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.1)}.field_input_custom:focus {transition:all .2s ease-in-out;-webkit-box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.24);-moz-box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.24);box-shadow: inset 0px -4px 5px 0px rgba(0,0,0,0.24)}.field_input_custom {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:5px;transition:all .2s ease-in-out}textarea {resize: none;background: none;transition:all .2s ease-in-out}.main_container {width: 960px;margin: 0 auto;}.cleardiv {clear: both;}.booking_button {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.modal {width: 300px;height: 160px;padding: 20px; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px; color:#111; font-family:'Oswald', Tahoma; font-size:15px; top: 50%;margin-top: -90px;left: 50%;margin-left: -160px;position:fixed;background-color:#FFF;z-index:40;}.modal_loading {width:100px;height:100px;top:50%;margin-top:-50px;left:50%;margin-left:-50px;position:fixed;z-index:40;}.modal_sfondo{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:30;background-color:#000;top:0px;left:0px;width:100%;height:100%;opacity:0.5;filter:alpha(opacity=50);}/*===============================================================header=================================================================*/.header_container {width: 970px;height: 60px;margin-top: 14px;}/*** month and navigation ***/.month_container_all {float: left;width: 450px;}.month_container {float: left;position: relative;width: 342px;height: 46px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.month_name {width: 342px;height: 46px;line-height: 52px;text-align: left;position: absolute;font-size: 30px;}.month_year {text-align: right;padding-right: 6px;margin-top: 26px;}.month_nav_container {float: left;}.mont_nav_button_container {float: left;margin-top: 4px;}.month_nav_button {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width: 26px;height: 26px;float: left;display: block;margin-left: 10px;    padding: 6px 6px;}/****  filter select  ***/.select_calendar_container {float: right;}.select_calendar_message {float: left;}.select_container {float: left;margin-left: 15px;}/**** back to today ****/.back_today a {color:#333333;}/*===============================================================calendar=================================================================*/.calendar_container_all {margin-top: 30px;}/*** name days  ***/.name_days_container {height: 30px;margin: 10px 0;}.day_name {width: 130px;height: 30px;line-height: 30px;text-align: center;float: left;margin-right: 6px;}/*** days ***/.day_container {width: 130px;height: 70px;float: left;margin-right: 6px;margin-bottom:6px;}.day_container a {width: 130px;height: 70px;display: block;float: left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}.day_grey a {}.day_black a {}.day_white a {}.day_red a {}.day_red a .day_number,.day_red a .day_slots,.day_red a .day_book,.day_black a .day_number,.day_black a .day_slots,.day_black a .day_book {color: #fff;transition:all .2s ease-in-out}.day_number {transition:all .2s ease-in-out;float: left;width: 26px;margin-left: 6px;height: 30px;margin-top: 6px;line-height: 30px;font-size: 24px;color: #999;}.day_book {transition:all .2s ease-in-out;float: left;width: 92px;height: 30px;line-height: 30px;margin-left: 6px;margin-top: 6px;text-align: left;color: #999;}.day_slots {transition:all .2s ease-in-out;color: #00CC33;width: 124px;margin-left: 6px;margin-top: 5px;}.slot_special_container {max-width: 900px;}/*===============================================================box preview=================================================================*/.box_preview_container_all {color:#111; background-color: #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.29);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.29);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.29);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: fixed;z-index: 100;top: 300px;padding: 0 0 20px 0;}.box_preview_title {width: 240px;font-size: 18px;color: #333;padding: 10px 0 0 10px;}.box_preview_slots_container {margin-top: 20px;width: 100%;}.box_preview_column {float: left;margin-left: 20px;}.box_preview_row {/*width:130px; with am pm *//*width: 84px; no am pm*/height: 30px;line-height: 30px;font-size: 15px;border-bottom: 1px dotted #999;} .booked_slot { color:#F00; }/*===============================================================booking=================================================================*/.close_booking {width: 100px;text-align: right;float: right;}.close_booking a {color: #fff;}.close_booking a:hover {color: #d72929;}/* left side */ @media only screen and (min-width:960px) { .name_days_container {width: 970px;} .calendar_container_all {width:970px}  .booking_container_all {width: 970px;margin-top: 30px;} .booking_title {font-size: 22px;width: 610px;padding: 5px 0 0 10px;} .booking_left {float: right;width: 620px;min-height: 502px;background: #fff;padding-bottom:10px;}.booking_right {float: left;width: 314px;min-height: 492px;padding: 10px 18px;}.booking_slots_container {width: 620px;margin-top: 20px;} .booking_slots_column {float: left;/*width: 110px; not am pm *//*width:160px; with am pm*/margin-left: 25px;} } @media only screen and (max-width:959px) { .booking_title {font-size: 22px; padding: 5px 0 0 10px;} .booking_slots_container {margin-top: 20px;} .booking_slots_column {margin-left:15px} }.booking_slots_row {color:#111; height: 30px;font-size: 15px;border-bottom: 1px dotted #999;}.booking_check {float: left;margin-top: 7px;}.booking_slot {float: left;height: 30px;line-height: 34px;margin-left: 10px;}.booking_price {float: left;height: 30px;line-height: 34px;margin-left: 15px;text-align:right;}.booking_text {float: left;height: 30px;line-height: 34px;margin-left: 15px;}.booking_seats {float: left;height: 30px;line-height: 34px;margin-left: 15px;text-align:right;}#next, #prev {margin-right: 5px;}#next a {width: 32px;height: 32px;display: block;background-image: url(../images/sprite.png);background-position: -340px -240px;}#next a:hover {background-position: -400px -240px;}#prev a {width: 32px;height: 32px;display: block;background-image: url(../images/sprite.png);background-position: -457px -240px;}#prev a:hover {background-position: -517px -240px;}.form_text {padding:10px;padding-bottom:0px; color:#111 !important}/* right side */.booking_form_box_text {padding:3px;}.booking_form_box_textarea {padding:3px;}.height_space {width: 310px;height: 10px;}.booking_form_label {font-size: 20px;}.action_form_button {margin-top: 15px;}.book_now_button_container {width: 222px; margin:0 auto; height: 48px;}.reset_form_container {float: left;}.book_button {width: 222px;height: 52px;display: block;text-align: center;line-height: 55px;font-size: 28px;}.reset_button {display: none;width: 82px;height: 22px;text-align: center;}.ok_button {display: block;width: 82px;height: 22px;text-align: center;color: #fff;background-position: -590px -60px;margin: 20px auto;}.ok_button:hover {background-position: -680px -60px;}.terms_link {font-size: 16px;}.terms_link:hover {text-decoration: underline;}/**====================================================== * UNDER 970PX *  ======================================================*/@media only screen and (max-width: 959px) {img {max-width: 100%;} .main_container {width: 100%;margin: 0 auto;}.div_height {    width: 100%;}/*===============HEADER=================*/.header_container {width: 100%;}.month_container_all {width: 45%;}.month_container {width: 68%;background: #333;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.month_name {width: 100%;font-size: 25px;}.month_year {font-size: 12px;margin-top: 30px;}.month_nav_container {    width: 32%;}.month_nav_button {margin-left: 10%;    padding: 10% 10%;}.select_search_container {    width: 55%;}.select_container_all {    width: 100%;}.search_container {    height: 30px;    margin-top: 15px;    width: 100%;}/*===============BOX PREVIEW=================*/.box_preview_container_all {padding: 5px;}.box_preview_title {font-size: 15px;}.box_preview_header_list {font-size: 11px;}.box_preview_row {font-size: 12px;}.box_preview_header_time {width: 30px;}.box_preview_header_time_am {width: 50px;}.box_preview_header_name {width: 298px;}.box_preview_header_available {width: 52px;}.box_preview_row_time {width: 30px;}.box_preview_row_time_am {width: 50px;}.box_preview_row_name {width: 298px;}.box_preview_row_available {width: 62px;}/*===============CALENDAR=================*/.calendar_container_all {    width: 100%;}.name_days_container {    width: 100%;}.day_name {    margin-right: 1%;    width: 13%;font-size: 15px;}.day_container {    margin-bottom: 1%;    margin-right: 1%;    width: 13.3%;}.day_container a {    width: 100%;}.day_number {transition:all .2s ease-in-out;    margin-left: 5%;    margin-top: 5%;    width: 15%;font-size: 14px;}.day_book { display:none; /*transition:all .2s ease-in-out;    margin-left: 2%;    margin-top: 5%;    width: 78%;line-height: 100%;padding-top: 7%;font-size: 13px; */}.day_slots {    margin-left: 5%;transition:all .2s ease-in-out;    margin-top: 0;    width: 95%;font-size: 14px;}/*===============FORM=================*/.booking_container_all {    width: 100%;}.prev_day {margin-left: 1%;}.close_booking {margin-right: 1%;}.booking_left { clear: both; background: #fff; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}.booking_right { padding: 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}.booking_form_box_text {padding:3px;}.booking_form_box_textarea {padding:3px;}}/**====================================================== * UNDER 600PX *  ======================================================*/@media only screen and (max-width: 599px) {.month_name {    font-size: 20px;}.month_year {    font-size: 10px;    margin-top: 32px;}.month_container_all {    width: 100%;}.select_calendar_container {    float: left;    margin-top: 2%;    width: 100%;}.select_container {    float: left;}.day_name {    font-size: 10px;}.day_number {transition:all .2s ease-in-out;    font-size: 11px;}.day_book {transition:all .2s ease-in-out;    font-size: 10px;    margin-top: 14%;}.day_slots {    font-size: 11px;margin-top: 0;transition:all .2s ease-in-out}}.next_day {display:none}.prev_day {display:none} #booking_day {color:#111 !important}
@media only screen and (min-width:960px) {
	#input_booking {width:302px; height: 28px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}#textarea_booking {width: 302px;height: 90px;padding: 5px;border: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
}
@media only screen and (max-width:959px) {
	#input_booking {width:100%; height: 28px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}#textarea_booking {width: 100%;height: 90px;padding: 5px;border: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
}