img {
  max-width: 100%; }

a {
  color: inherit; }
  a:hover {
    text-decoration: none; }

a:hover {
  color: inherit; }

ul {
  margin: 0 !important;
  padding: 0; }

.site-header {
  border-top: solid 30px #cc9999;
  padding-bottom: 10px; }
  .site-header .img-logo {
    margin-top: 20px; }
  .site-header .img-header {
    margin-top: 40px;
    margin-bottom: 10px; }
  .site-header h3 {
    font-size: 37px;
    font-weight: 600; }
  .site-header h4 {
    font-size: 18px;
    margin-top: 15px;
    color: #999; }
    .site-header h4 span {
      color: #000;
      font-size: 20px;
      font-weight: 600;
      font-style: italic; }

.site-container {
  background-image: url(../images/bg.png);
  padding-top: 5px; }
  .site-container .container {
    background: rgba(255, 255, 255, 0.45);
    padding-bottom: 150px; }
  .site-container article {
    margin: 0 auto;
    max-width: 660px;
    overflow: hidden; }
  .site-container .entry {
    background: #333;
    border-bottom: dashed 2px #cc9999; }
    .site-container .entry .title, .site-container .entry .dv-title {
      font-size: 15px;
      font-weight: 600;
      color: #FFF;
      max-width: 490px;
      margin: 0 auto;
      position: relative;
      padding-top: 25px;
      padding-bottom: 20px; }
      .site-container .entry .title:before, .site-container .entry .dv-title:before {
        content: '';
        position: absolute;
        top: 3px;
        left: -24px;
        border-right: solid 11px transparent;
        border-bottom: solid 9px transparent; }
      .site-container .entry .title span, .site-container .entry .dv-title span {
        width: 25px;
        display: inline-block;
        height: 25px;
        border: solid 2px #FFF;
        border-radius: 50%;
        margin-right: 10px;
        text-align: center; }
    .site-container .entry .content {
      max-width: 440px;
      margin: 0 auto;
      margin-bottom: 22px; }
      .site-container .entry .content .input-group {
        margin-bottom: 15px; }
      .site-container .entry .content .input-group-addon {
        background: #FFF;
        border: none; }
      .site-container .entry .content .form-control {
        height: 33px;
        border: none; }
    .site-container .entry .dv-title {
      text-align: center;
      background: #FFF;
      color: #000;
      padding: 8px;
      height: 20px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      .site-container .entry .dv-title:before {
        display: none; }
      .site-container .entry .dv-title .fa {
        position: absolute;
        font-size: 20px;
        left: 0;
        padding: 0 15px;
        border-right: solid 1px #a7a1a1; }
    .site-container .entry .dv-content {
      margin: 0 auto;
      background: #CCC;
      overflow: hidden;
      padding: 15px 35px 25px 35px; }
      .site-container .entry .dv-content .list-inline {
        color: #666; }
        .site-container .entry .dv-content .list-inline li {
          background: #ccffff;
          width: 33.33%;
          text-align: center;
          float: left;
          padding: 3px 0;
          border-right: solid 1px #CCC; 
          margin-left: 0em;
              list-style: none;
        }
      .site-container .entry .dv-content .time-item {
        width: 25%;
        float: left;
        background: #FFF;
        color: #663333;
        margin-top: 8px;
        font-size: 16px;
        text-align: center;
        border-right: solid 1px #cccccc;
        padding: 10px 2px;
        cursor: pointer;
        font-weight: 600; }
        .site-container .entry .dv-content .time-item.time-item-active {
          background: #663333;
          color: #FFF; }
    .site-container .entry .address-content {
      padding: 0 10px 20px 0px; }
      .site-container .entry .address-content .address-item {
        background: #FFF;
        border-radius: 10px;
        margin-left: 10px;
        width: calc(50% - 10px);
        float: left;
        text-align: center;
        font-weight: 300;
        margin-top: 20px;
        min-height: 70px;
        padding: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .site-container .entry .address-content .address-item.address-item-active {
          background: #000;
          color: #FFF; }
          .site-container .entry .address-content .address-item.address-item-active .address-name {
            color: #FFF; }
        .site-container .entry .address-content .address-item .address-name {
          color: #000;
          font-weight: 600; }
      .site-container .entry .address-content .address-none {
        float: left;
        margin-top: 20px;
        min-height: 70px;
        background: #FFF;
        border-radius: 10px;
        margin-left: 10px;
        width: calc(50% - 10px); }
    .site-container .entry.entry-note, .site-container .entry:nth-child(3) {
      border-bottom: none; }
    .site-container .entry:nth-child(1) .title:before, .site-container .entry:nth-child(1) .dv-title:before {
      border-left: solid 11px #00cccc;
      border-top: solid 9px #00cccc; }
    .site-container .entry:nth-child(2) .title:before, .site-container .entry:nth-child(2) .dv-title:before {
      border-left: solid 11px #ff6600;
      border-top: solid 9px #ff6600; }
    .site-container .entry:nth-child(3) .title:before, .site-container .entry:nth-child(3) .dv-title:before {
      border-left: solid 11px #660066;
      border-top: solid 9px #660066; }
  .site-container .orange {
    background: #ff6600;
    text-align: center;
    padding: 10px;
    margin-top: 7px;
    margin-bottom: 7px; }
    .site-container .orange h2 {
      color: #FFF;
      margin-top: 10px;
      font-size: 28px;
      font-weight: 600; }
  .site-container .caution {
    color: #FFF;
    background: #666;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    max-width: 540px;
    margin: auto;
    margin-top: 15px; }
  .site-container .entry-caution {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: none; }
  .site-container .caution-item {
    background: #FFF;
    color: #000;
    max-width: 540px;
    margin: auto;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px; }
  .site-container .list-caution {
    max-width: 540px;
    margin: auto !important;
    color: #FFF;
    padding: 25px 30px; }
    .site-container .list-caution li {
      font-size: 15px;
      line-height: 27px; }

.btn-booking {
  border: none;
  padding: 0;
  width: 100%;
  background: transparent; }
  .btn-booking .orange {
    -webkit-transition: all .5s;
    /* Safari */
    transition: all .5s; }
  .btn-booking:hover .orange {
    background: #9ae0e8; }

input.blue {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: right 10px top 15px;
  background-size: 16px 16px;
  color: #663333;
  padding: 12px;
  width: 33.33% !important;
  float: left;
  text-align: center;
  width: auto;
  font-family: arial,tahoma;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  border-right: solid 1px #CCC;
  position: relative; }
  input.blue:focus, input.blue:active {
    outline: 0; }

select.blue {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: right 10px top 15px;
  background-size: 16px 16px;
  color: #663333;
  padding: 12px;
  width: 33.33% !important;
  float: left;
  text-align: center;
  width: auto;
  font-family: arial,tahoma;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  border-right: solid 1px #CCC;
  position: relative; }
  select.blue:focus, select.blue:active {
    outline: 0; }

@media only screen and (max-width: 639px) {
  .site-header .img-logo {
    max-width: 115px; }
  .site-header .img-header {
    margin-top: 20px; }
  .site-header h3 {
    font-size: 28px; }
  .site-header h4 {
    font-size: 16px; }

  .site-container .orange h2 {
    font-size: 20px; }
  .site-container .orange img {
    max-width: 200px; }
  .site-container .container {
    padding-bottom: 30px; }
  .site-container .entry .content {
    max-width: 390px; }

  .title, .site-container .entry .dv-title {
    max-width: 395px !important; }
    .title:before, .site-container .entry .dv-title:before {
      display: none; } }
@media only screen and (max-width: 479px) {
  input.blue {
    background: #FFF; }

  .address-none {
    display: none; }

  .site-container .title, .site-container .entry .dv-title {
    max-width: 300px !important;
    padding-left: 15px;
    padding-right: 15px; }
  .site-container .entry .content {
    max-width: 300px;
    padding-left: 15px;
    padding-right: 15px; }
  .site-container .entry .dv-content {
    padding: 15px 15px 25px 15px; }
    .site-container .entry .dv-content .time-item {
      width: 33.33%; }
  .site-container .entry .address-content .address-item {
    margin-left: 0;
    width: 100%; }
  .site-container .orange h2 {
    font-size: 17px;
    margin: 0; }
  .site-container .caution-item {
    font-size: 14px;
    font-weight: 400; } }

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