.lckBookingForm i.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.md-16 {
  font-size: 16px;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

.material-icons.md-light {
  color: white;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.lckBookingForm {
  margin: auto;
  width: 458px;
  overflow: hidden;
  background: white;
  padding: 24px 50px;
}
.lckBookingForm html, .lckBookingForm body, .lckBookingForm div, .lckBookingForm span, .lckBookingForm applet, .lckBookingForm object, .lckBookingForm iframe,
.lckBookingForm h1, .lckBookingForm h2, .lckBookingForm h3, .lckBookingForm h4, .lckBookingForm h5, .lckBookingForm h6, .lckBookingForm p, .lckBookingForm blockquote, .lckBookingForm pre,
.lckBookingForm a, .lckBookingForm abbr, .lckBookingForm acronym, .lckBookingForm address, .lckBookingForm big, .lckBookingForm cite, .lckBookingForm code,
.lckBookingForm del, .lckBookingForm dfn, .lckBookingForm em, .lckBookingForm img, .lckBookingForm ins, .lckBookingForm kbd, .lckBookingForm q, .lckBookingForm s, .lckBookingForm samp,
.lckBookingForm small, .lckBookingForm strike, .lckBookingForm strong, .lckBookingForm sub, .lckBookingForm sup, .lckBookingForm tt, .lckBookingForm var,
.lckBookingForm b, .lckBookingForm u, .lckBookingForm i, .lckBookingForm center,
.lckBookingForm dl, .lckBookingForm dt, .lckBookingForm dd, .lckBookingForm ol, .lckBookingForm ul, .lckBookingForm li,
.lckBookingForm fieldset, .lckBookingForm form, .lckBookingForm label, .lckBookingForm legend,
.lckBookingForm table, .lckBookingForm caption, .lckBookingForm tbody, .lckBookingForm tfoot, .lckBookingForm thead, .lckBookingForm tr, .lckBookingForm th, .lckBookingForm td,
.lckBookingForm article, .lckBookingForm aside, .lckBookingForm canvas, .lckBookingForm details, .lckBookingForm embed,
.lckBookingForm figure, .lckBookingForm figcaption, .lckBookingForm footer, .lckBookingForm header, .lckBookingForm hgroup,
.lckBookingForm menu, .lckBookingForm nav, .lckBookingForm output, .lckBookingForm ruby, .lckBookingForm section, .lckBookingForm summary,
.lckBookingForm time, .lckBookingForm mark, .lckBookingForm audio, .lckBookingForm video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.lckBookingForm html {
  line-height: 1;
}
.lckBookingForm ol, .lckBookingForm ul {
  list-style: none;
}
.lckBookingForm table {
  border-collapse: collapse;
  border-spacing: 0;
}
.lckBookingForm caption, .lckBookingForm th, .lckBookingForm td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
.lckBookingForm q, .lckBookingForm blockquote {
  quotes: none;
}
.lckBookingForm q:before, .lckBookingForm q:after, .lckBookingForm blockquote:before, .lckBookingForm blockquote:after {
  content: "";
  content: none;
}
.lckBookingForm a img {
  border: none;
}
.lckBookingForm article, .lckBookingForm aside, .lckBookingForm details, .lckBookingForm figcaption, .lckBookingForm figure, .lckBookingForm footer, .lckBookingForm header, .lckBookingForm hgroup, .lckBookingForm main, .lckBookingForm menu, .lckBookingForm nav, .lckBookingForm section, .lckBookingForm summary {
  display: block;
}
.lckBookingForm a {
  color: #000;
}
.lckBookingForm a:hover {
  color: #444;
}
.lckBookingForm input,
.lckBookingForm button {
  font-family: 'Roboto';
  font-size: 14px;
}
.lckBookingForm input:-moz-placeholder,
.lckBookingForm textarea:-moz-placeholder {
  color: #777;
  font-size: 12px;
}
.lckBookingForm input::-moz-placeholder,
.lckBookingForm textarea::-moz-placeholder {
  color: #777;
  font-size: 12px;
}
.lckBookingForm input:-ms-input-placeholder,
.lckBookingForm textarea:-ms-input-placeholder {
  color: #777;
  font-size: 12px;
}
.lckBookingForm input::-webkit-input-placeholder,
.lckBookingForm textarea::-webkit-input-placeholder {
  color: #777;
  font-size: 12px;
}
.lckBookingForm .selectors:before, .lckBookingForm .selectors:after {
  content: "";
  display: table;
}
.lckBookingForm .selectors:after {
  clear: both;
}
.lckBookingForm .selectors .selector {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  line-height: 36px;
  height: 34px;
  padding-left: 32px;
  padding-right: 12px;
  cursor: pointer;
  float: left;
  margin-right: 40px;
  border: 1px #000 solid;
  position: relative;
  text-align: center;
  -moz-appearance: textfield;
}
.lckBookingForm .selectors .selector:hover, .lckBookingForm .selectors .selector.active {
  border: 1px #D1082C solid;
}
.lckBookingForm .selectors .selector.active {
  color: #D1082C;
}
.lckBookingForm .selectors .selector.disabled {
  color: #999;
  border: 1px #999 solid;
}
.lckBookingForm .selectors .selector img.icons {
  position: absolute;
  height: 24px;
  top: 5px;
  left: 5px;
  height: 24px;
}
.lckBookingForm .selectors .selector input.lckPerson {
  width: 40px;
  height: 20px;
  text-align: center;
  margin-left: 8px;
  border: none;
  border-bottom: 1px #000 solid;
  outline: 0;
  -moz-appearance: textfield;
}
.lckBookingForm .selectors .selector input.lckPerson::-webkit-inner-spin-button, .lckBookingForm .selectors .selector input.lckPerson::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.lckBookingForm .selectors .selector input.lckPerson:focus {
  border-bottom: 1px #D1082C solid;
}
.lckBookingForm .selectors .selector span.lckMinus {
  margin-left: 4px;
  margin-right: 8px;
}
.lckBookingForm .selectors .selector:last-child {
  margin-right: 0px;
}
.lckBookingForm .lckAlert {
  height: 48px;
  margin-top: 24px;
  background-color: #D0021B;
  color: white;
  line-height: 48px;
  overflow: hidden;
  text-align: center;
  border: 1px #D0021B solid;
}
.lckBookingForm .depositData {
  padding: 12px;
  margin-top: 24px;
  overflow: hidden;
  text-align: center;
  border: 1px #D1082C solid;
}
.lckBookingForm .depositData .depositTax {
  font-weight: 500;
}
.lckBookingForm .pickerBl {
  width: 430px;
  height: 204px;
  margin-top: 24px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 4px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.lckBookingForm .pickerBl .formBgHolder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.lckBookingForm .pickerBl .datePick {
  display: none;
  position: relative;
  margin-right: 40px;
  z-index: 1;
  float: left;
  width: 166px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: white;
}
.lckBookingForm .pickerBl .datePick:before, .lckBookingForm .pickerBl .datePick:after {
  content: "";
  display: table;
}
.lckBookingForm .pickerBl .datePick:after {
  clear: both;
}
.lckBookingForm .pickerBl .datePick.active {
  display: block;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-header {
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-header .ui-state-disabled {
  display: none;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-header .ui-icon {
  display: none;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-header .ui-datepicker-next:after {
  content: '\2192';
  float: right;
  cursor: pointer;
  font-size: 16px;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-header .ui-datepicker-prev:after {
  content: '\2190';
  float: left;
  cursor: pointer;
  font-size: 16px;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar {
  font-size: 12px;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar td,
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar th {
  text-align: center;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar th {
  color: #aaa;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar tbody td {
  font-weight: 500;
  width: 23px;
  height: 20px;
  line-height: 20px;
  background-color: #EEE;
  border: 2px white solid;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar tbody td a {
  text-decoration: none;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar tbody td.ui-state-disabled {
  color: #999;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  color: #D1082C;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar tbody td.ui-datepicker-current-day {
  background-color: #D1082C;
}
.lckBookingForm .pickerBl .datePick .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
  color: white;
}
.lckBookingForm .pickerBl .timePick {
  display: none;
  position: relative;
  z-index: 1;
  float: left;
  width: 206px;
  padding-right: 20px;
  padding-left: 0px;
  padding-bottom: 10px;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lckBookingForm .pickerBl .timePick:before, .lckBookingForm .pickerBl .timePick:after {
  content: "";
  display: table;
}
.lckBookingForm .pickerBl .timePick:after {
  clear: both;
}
.lckBookingForm .pickerBl .timePick.active {
  display: block;
}
.lckBookingForm .pickerBl .timePick .time,
.lckBookingForm .pickerBl .timePick .timeNext,
.lckBookingForm .pickerBl .timePick .timePrev {
  background-color: white;
  width: 44px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
  margin-right: 4px;
  margin-bottom: 4px;
  cursor: pointer;
  float: left;
}
.lckBookingForm .pickerBl .timePick .time.active,
.lckBookingForm .pickerBl .timePick .timeNext.active,
.lckBookingForm .pickerBl .timePick .timePrev.active {
  background-color: #D1082C;
  color: white;
}
.lckBookingForm .pickerBl .timePick .time.second,
.lckBookingForm .pickerBl .timePick .timeNext.second,
.lckBookingForm .pickerBl .timePick .timePrev.second {
  display: none;
}
.lckBookingForm .pickerBl .rTitle {
  float: left;
  color: white;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  width: 196px;
  z-index: 1;
}
.lckBookingForm .pickerBl .rTitle .rPrefix {
  display: inline-block;
}
.lckBookingForm .pickerBl .rTitle .rPrefix:first-letter {
  text-transform: uppercase;
}
.lckBookingForm .pickerBl .rTitle .rAddress {
  margin-top: 10px;
  font-size: 14px;
  display: block;
  font-weight: 400;
}
.lckBookingForm .contactData input[type="text"],
.lckBookingForm .contactData input[type="tel"],
.lckBookingForm .contactData input[type="email"],
.lckBookingForm .contactData textarea {
  font-family: 'Roboto';
  font-size: 14px;
  margin: 24px 0px 0px 0px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  outline: 0;
  border: 1px black solid;
  box-sizing: border-box;
}
.lckBookingForm .contactData input[type="text"].invalid,
.lckBookingForm .contactData input[type="tel"].invalid,
.lckBookingForm .contactData input[type="email"].invalid,
.lckBookingForm .contactData textarea.invalid {
  border: 1px red solid;
}
.lckBookingForm .contactData input[type="text"],
.lckBookingForm .contactData input[type="tel"],
.lckBookingForm .contactData input[type="email"] {
  height: 48px;
}
.lckBookingForm .contactData input[type="tel"],
.lckBookingForm .contactData input[type="email"],
.lckBookingForm .contactData input[type="text"].budgetAlc,
.lckBookingForm .contactData .noAlcohol {
  width: calc(50% - 12px);
}
.lckBookingForm .contactData input[type="tel"],
.lckBookingForm .contactData input[type="text"].budgetAlc {
  margin-right: 20px;
}
.lckBookingForm .contactData textarea {
  padding-top: 12px;
  height: 84px;
  width: 458px;
  resize: none;
}
.lckBookingForm .contactData input[type="text"].budgetAlc,
.lckBookingForm .contactData .noAlcohol {
  margin-top: 22px;
  float: left;
}
.lckBookingForm .contactData .noAlcohol {
  height: 50px;
  width: 219px;
}
.lckBookingForm .contactData .noAlcohol .ddAction {
  height: 39px;
  line-height: 49px;
}
.lckBookingForm .contactData .noAlcohol .ddAction i.material-icons {
  top: 12px;
}
.lckBookingForm .contactData:after:before, .lckBookingForm .contactData:after:after {
  content: "";
  display: table;
}
.lckBookingForm .contactData:after:after {
  clear: both;
}
.lckBookingForm .formActions {
  height: 36px;
  width: 458px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.lckBookingForm .formActions .rmbMe {
  float: left;
}
.lckBookingForm .formActions .rmbMe input[type="checkbox"] {
  position: fixed;
  left: -700px;
}
.lckBookingForm .formActions .rmbMe input[type="checkbox"] + label:before {
  content: '';
  display: block;
  float: left;
  margin-top: 9px;
  margin-right: 5px;
  height: 14px;
  width: 14px;
  border: 1px black solid;
  background-position: center center;
}
.lckBookingForm .formActions .rmbMe input[type="checkbox"]:checked + label:before {
  background-image: url("../img/reservation-block/check.png");
}
.lckBookingForm .formActions .beelineCard {
  float: right;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
}
.lckBookingForm .formActions .beelineCard:hover {
  color: #444;
}
.lckBookingForm .formActions .beelineCard:hover .beeCardHint {
  display: block;
}
.lckBookingForm .formActions .beelineCard .beeCardHint {
  position: absolute;
  display: none;
  top: -80px;
  max-width: 150px;
  right: 0px;
}
.lckBookingForm .submitBtn {
  background-color: #D1082C;
  color: white;
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: none;
  font-size: 14px;
  line-height: 48px;
  height: 48px;
  width: 458px;
  display: block;
  outline: 0;
}
.lckBookingForm .formFooter {
  width: 458px;
  height: 36px;
  margin-top: 12px;
}
.lckBookingForm .formFooter .rules {
  color: #777;
  font-size: 11px;
  margin-bottom: 12px;
  float: left;
  width: 230px;
}
.lckBookingForm .formFooter .rules a {
  color: #D1082C;
}
.lckBookingForm .formFooter .rules a:hover {
  color: #000;
}
.lckBookingForm .formFooter .phone a {
  font-size: 16px;
  float: left;
  text-decoration: none;
  font-weight: 500;
  line-height: 24px;
}
.lckBookingForm .formFooter .logo {
  float: left;
  margin-left: 10px;
}
.lckBookingForm .formFooter .logo a {
  position: relative;
  top: -8px;
}
.lckBookingForm .formFooter .logo a img {
  border: none;
}
.lckBookingForm .bookingSuccess {
  padding-top: 50px;
  padding-bottom: 50px;
}
.lckBookingForm .bookingSuccess:before, .lckBookingForm .bookingSuccess:after {
  content: "";
  display: table;
}
.lckBookingForm .bookingSuccess:after {
  clear: both;
}
.lckBookingForm .bookingSuccess .successMessage {
  text-align: center;
  font-size: 16px;
  color: #444;
  font-weight: 500;
}
.lckBookingForm .bookingSuccess .successMessage a {
  color: #D1082C;
  white-space: nowrap;
}
.lckBookingForm .bookingSuccess .successMessage .checkImg {
  padding-bottom: 20px;
  text-align: center;
}
.lckBookingForm .bookingSuccess .successMessage .checkImg img {
  width: 80px;
}
.lckBookingForm .inputField {
  position: relative;
}
.lckBookingForm .inputField .ddAction {
  color: #000;
  cursor: pointer;
  display: block;
  height: 34px;
  line-height: 44px;
  font-size: 14px;
  padding-bottom: 10px;
  border-bottom: 1px #777 solid;
}
.lckBookingForm .inputField .ddAction i {
  float: right;
}
.lckBookingForm .inputField .dd {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.lckBookingForm .inputField .dd.openToTop {
  top: auto;
  bottom: 0px;
}
.lckBookingForm .inputField .dd .listItem {
  cursor: pointer;
}
.lckBookingForm .inputField i.material-icons {
  position: relative;
  top: 10px;
}

.dd {
  display: none;
  padding: 10px 0px 10px 0px;
  background-color: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 20;
}
.dd.active {
  display: block;
}
.dd .listItem {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}
.dd .listItem:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.lckBookingForm .loyaltyType {
  float: left;
  display: block;
  cursor: pointer;
  position: relative;
  top: 18px;
  margin-right: 2px;
}
.lckBookingForm .loyaltyType img {
  width: 30px;
}
.lckBookingForm .loyaltyType i {
  position: relative;
  top: -2px;
}
.lckBookingForm .loyaltyTitle {
  margin-top: 10px;
}
.lckBookingForm .contactData input[type="text"].loyaltyInput {
  width: calc(100% - 56px);
  display: block !important;
  margin-top: 10px;
}
@media only screen and (max-width: 600px) {
  .lckBookingForm .contactData input[type="text"].loyaltyInput {
    width: calc(100% - 56px);
  }
}
.lckBookingForm .dropdown#loyaltyType {
  padding: 0px 0px 0px 0px;
}
.lckBookingForm .loyaltySystemItem {
  display: block;
  line-height: 36px;
  padding-right: 10px;
  padding-left: 10px;
}
.lckBookingForm .loyaltySystemItem:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.lckBookingForm .loyaltySystemItem img {
  float: left;
  height: 30px;
  margin-top: 3px;
  margin-right: 10px;
}

input[type="checkbox"].checkboxed {
  position: fixed;
  left: -700px;
}
input[type="checkbox"].checkboxed + label:before {
  content: '';
  display: block;
  float: left;
  margin-top: 9px;
  margin-right: 5px;
  height: 14px;
  width: 14px;
  border: 1px black solid;
  background-position: center center;
}
input[type="checkbox"].checkboxed.error + label {
  color: red;
}
input[type="checkbox"].checkboxed.error + label:before {
  border-color: red;
}
input[type="checkbox"].checkboxed.error:checked + label {
  color: #777;
}
input[type="checkbox"].checkboxed.error:checked + label:before {
  border-color: black;
}
input[type="checkbox"].checkboxed:checked + label:before {
  background-image: url("../img/reservation-block/check.png");
}

@media only screen and (max-width: 600px) {
  .lckBookingForm .formFooter .rules {
    text-align: left !important;
  }
  .lckBookingForm .formFooter .rules br {
    display: none;
  }
}
.lckBookingForm .formFooter .rules .checkboxed + label:before {
  margin-top: 4px;
  margin-right: 8px;
}
@media only screen and (max-width: 600px) {
  .lckBookingForm .formFooter .rules .checkboxed + label:before {
    margin-top: -2px;
  }
}

.lckBookingForm .booking-order {
  margin-top: 30px;
}
.lckBookingForm .booking-order button {
  background-color: #D1082C;
  color: white;
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: none;
  font-size: 14px;
  line-height: 48px;
  height: 48px;
  max-width: 300px;
  display: block;
  outline: 0;
  width: 100%;
  margin: auto;
}