/*Eye Test Header Area */
.eyetest-head {
  width: 100%;
  max-width: 1500px;
  height: 500px;
  margin: 0px auto 50px auto;
  display: block;
  position: relative;
  background: url("../static/eye-test-header.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .eyetest-head h1 {
    display: block;
    position: absolute;
    top: 50%;
    left: 80px;
    margin-top: -15px; }

/*Eye Test Main Container */
.eyetest-book .col-md-7 {
  padding: 30px 0px 40px 0px; }

/*Eye Test Map */
.eyetest-map {
  width: 90%;
  height: 300px;
  display: inline-block;
  margin: 20px 0px 30px 0px; }

/*Eye Test Date Picker */
#eyetest-slider {
  width: 100%;
  height: auto;
  margin: 0px auto 30px auto; }
  #eyetest-slider .slick-track {
    padding-bottom: 20px; }
  #eyetest-slider .item {
    padding: 0px 20px 0px 0px;
    overflow: visible; }
    #eyetest-slider .item div {
      background: #FFFFFF;
      border: 1px solid #D5D8DC;
      border-radius: 3px;
      padding: 30px 0px;
      cursor: pointer;
      text-align: center;
      -webkit-appearance: none; }
      #eyetest-slider .item div p {
        margin: 0px;
        padding: 0px;
        letter-spacing: 1px; }
      #eyetest-slider .item div h1 {
        margin: 0px;
        padding: 0px; }
  #eyetest-slider .chosen-date {
    background: rgba(238, 250, 251, 0.65) !important;
    border: 1px solid #2CBFCF !important;
    box-shadow: 0 4px 7px 0 rgba(44, 191, 207, 0.27) !important;
    border-radius: 3px !important;
    padding: 30px 0px !important; }
  #eyetest-slider .slick-prev {
    position: absolute;
    top: -50px;
    right: 60px;
    border: none;
    border-radius: 3px;
    background: #ffffff;
    color: #000000;
    padding: 8px 10px;
    text-align: center;
    display: inline-block; }
  #eyetest-slider .slick-next {
    position: absolute;
    top: -50px;
    right: 14px;
    border: none;
    border-radius: 3px;
    background: #ffffff;
    color: #000000;
    padding: 8px 5px;
    text-align: center;
    display: inline-block; }

/*Eye Test Time Picker */
.eyetest-time {
  width: 100%;
  height: auto;
  margin: 0px auto 30px auto;
  list-style-type: none; }
  .eyetest-time li {
    background: #FFFFFF;
    border: 1px solid #D5D8DC;
    border-radius: 3px;
    padding: 10px 0px;
    cursor: pointer;
    text-align: center;
    list-style-type: none;
    -webkit-appearance: none;
    width: 17%;
    margin: 0px 2.3% 3% 0px;
    display: inline-block; }
    .eyetest-time li:nth-child(5n) {
      margin-right: -5px; }
  .eyetest-time .chosen-time {
    background: rgba(238, 250, 251, 0.65) !important;
    border: 1px solid #2CBFCF !important;
    box-shadow: 0 4px 7px 0 rgba(44, 191, 207, 0.27) !important; }

/*Eye Test Contact Info */
.bookee-details input[type=text] {
  width: 48%;
  height: 60px;
  border: 1px solid #D5D8DC;
  border-radius: 3px;
  outline: none;
  margin: 0px 3% 20px 0px;
  line-height: 60px;
  text-indent: 15px;
  font-size: 16px;
  -webkit-appearance: none; }
  .bookee-details input[type=text]:nth-child(2n) {
    margin-right: -5px; }

.eyetest-button {
  width: 100%;
  height: 60px;
  background: #2CBFCF;
  color: #ffffff;
  max-width: 48%; }

/*Ipad and lower */
@media screen and (max-width: 767px) {
  .eyetest-head {
    height: 300px;
    background-position: right center; }
    .eyetest-head h1 {
      display: none; }

  .eyetest-map {
    width: 100%;
    height: 250px; }

  .eyetest-book .col-md-4 {
    display: none; }

  /*Eye Test Time Picker */
  .eyetest-time li {
    width: 30%;
    margin: 0px 2.3% 3% 0px;
    display: inline-block; }
    .eyetest-time li:nth-child(5n) {
      margin: 0px 2.3% 3% 0px; }
    .eyetest-time li:nth-child(3n) {
      margin: 0px 0% 3% 0px; }

  .bookee-details input[type=text] {
    width: 100%;
    margin: 0px 0% 20px 0px; }
    .bookee-details input[type=text]:nth-child(2n) {
      margin-right: 0px; } }

/*# sourceMappingURL=eyetest.css.map */