@charset "utf-8";
@import "fonts.css";
/* @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700&display=swap'); */

/* * {
  font-family: 'Kanit', sans-serif;
} */

* {
  font-family: 'HeaventRounded', 'HeaventRounded Med', 'HeaventRounded Med Cond', 'HeaventRounded Cond', 'HeaventRounded Bd', 'HeaventRounded Bd Cond', sans-serif !important;
}

.fab {
  font-family: 'Font Awesome 5 Brands' !important;
}

.fas, .far, .fa {
  font-family: 'Font Awesome 5 Free' !important;
}

/* bg-color */
.bg-color-kpmn {
  background: #0b4a9f !important;
}

.bg-color-yellow {
  background: #e9a216 !important;
}

.bg-color-gray {
  background: #f3f3f3 !important;
}

.bg-color-gray2 {
  background: #cccccc !important;
}

.bg-color-red {
  background: rgb(255, 78, 78) !important;
}

#img-profile-size-nav {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 3px;
}

.nav-profile.dropdown-toggle::after {
  display: inline;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.notification.dropdown-toggle::after {
  display: none !important;
}

/* btn */
button:focus {
  outline: none !important;
  box-shadow: none !important;
}

button.bg-color-kpmn:hover {
  background: #0e3359 !important;
}

.btn-all {
  color: #606060 !important;
  border-radius: 0px !important;
}

.btn-all:hover {
  background: #0b4a9f !important;
  border-radius: 0px !important;
  color: white !important;
}

.btn-all.btn-active {
  background: #0b4a9f !important;
  border-radius: 0px !important;
  color: white !important;
}

.disabled-btn {
  pointer-events: none;
}

button.f-color-kpmn:hover {
  color: #03367b !important
}

button.bg-color-yellow:hover {
  background: #ba8212 !important
}

button.btn-google {
  border: 1.5px solid #cfcfcf !important;
  background-color: white !important;
}

button.btn-google:hover {
  border: 1.5px solid #a8a8a8 !important;
  background-color: white !important;
}

button.btn-line {
  background-color: #05cf32 !important;
}

button.btn-line:hover {
  background-color: #00b629 !important;
}

input.border-check {
  border: 1.5px solid #cfcfcf !important;
}

.btn.payment-card:hover {
  background: #eae9e9 !important;
  border: 2px solid #c4c4c4
}

.btn.payment-card.active {
  background: #eae9e9 !important;
  border: 2px solid #c4c4c4
}

/* input style */
input.input-style {
  border-radius: 0px;
  border-right: 3px solid #0b4a9f !important;
}

input.input-force-style {
  border-radius: 0px;
  border-right: 3px solid #0b4a9f !important;
}

select.input-force-style {
  border-radius: 0px;
  border-right: 3px solid #0b4a9f !important;
}

/* shadow */
.shadow-1 {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

/* font-color */
.f-color-gray {
  color: #606060 !important;
}

.f-color-kpmn {
  color: #0b4a9f !important;
}

.f-color-purple {
  color: #738aea !important;
}

.f-color-yellow {
  color: #e9a216 !important;
}

.f-color-alert {
  color: red !important;
}

/* font weight */
.f-weight-200 {
  font-weight: 200 !important
}

.f-weight-300 {
  font-weight: 300 !important
}

.f-weight-400 {
  font-weight: 400 !important
}

.f-weight-500 {
  font-weight: 500 !important
}

.f-weight-600 {
  font-weight: 600 !important
}

/* font size */
.f-10 {
  font-size: 10px !important;
}

.f-12 {
  font-size: 12px !important;
}

.f-13 {
  font-size: 13px !important;
}

.f-14 {
  font-size: 14px !important;
}

.f-15 {
  font-size: 15px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-17 {
  font-size: 17px !important;
}

.f-18 {
  font-size: 18px !important;
}

.f-19 {
  font-size: 19px !important;
}

.f-20 {
  font-size: 20px !important;
}

.f-25 {
  font-size: 25px !important;
}

.f-40 {
  font-size: 40px !important;
}

.f-1.5em {
  font-size: 1.5em !important;
}

/* border radiuas */
.b-t-left-5 {
  border-top-left-radius: 5px !important;
}

.b-t-right-5 {
  border-top-right-radius: 5px !important;
}

.b-b-left-5 {
  border-bottom-left-radius: 5px !important;
}

.b-b-right-5 {
  border-bottom-right-radius: 5px !important;
}

.b-t-left-10 {
  border-top-left-radius: 10px !important;
}

.b-t-right-10 {
  border-top-right-radius: 10px !important;
}

.b-b-left-10 {
  border-bottom-left-radius: 10px !important;
}

.b-b-right-10 {
  border-bottom-right-radius: 10px !important;
}

.b-t-left-20 {
  border-top-left-radius: 20px !important;
}

.b-t-right-20 {
  border-top-right-radius: 20px !important;
}

.b-b-left-20 {
  border-bottom-left-radius: 20px !important;
}

.b-b-right-20 {
  border-bottom-right-radius: 20px !important;
}

.b-t-left-30 {
  border-top-left-radius: 30px !important;
}

.b-t-right-30 {
  border-top-right-radius: 30px !important;
}

.b-b-left-30 {
  border-bottom-left-radius: 30px !important;
}

.b-b-right-30 {
  border-bottom-right-radius: 30px !important;
}

.b-radius-50 {
  border-radius: 100% !important;
}

.b-radius-30 {
  border-radius: 30px !important;
}

.b-radius-20 {
  border-radius: 20px !important;
}

.b-radius-10 {
  border-radius: 10px !important;
}

.b-radius-5 {
  border-radius: 5px !important;
}

.b-radius-imgbooking {
  border-radius: 0.8rem !important
}

.b-radius-0 {
  border-radius: 0px !important;
}

/* border */
.btn-nav-border-rigth {
  border: none !important;
}

.border-gray2 {
  border-color: #cccccc !important
}

.menu ul li {
  line-height: 1.5 !important;
  margin: 0 10px 0 20px !important;
  padding: 0 !important;
  list-style-type: square !important;
  background: inherit !important;
}

.menu ul li a {
  background: inherit !important;
}

.form-control:focus {
  border-color: #0b4a9f !important;
  box-shadow: none !important;
}

select {
  -moz-appearance: none !important;
  /* Firefox */
  -webkit-appearance: none !important;
  /* Safari and Chrome */
  appearance: none !important;
}

select.search-status {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
}

select {
  text-align: center !important;
  text-align-last: center !important;
}

select.search-status {
  text-align: left !important;
  text-align-last: left !important;
}

option {
  text-align: left;
}

.card-select-icon {
  min-height: 36px !important;
  max-height: 36px !important;
  vertical-align: center !important;
}

/* table */
.table-details thead th {
  border: 0px !important;
}

.table-details td {
  padding: 0.9rem;
  border-top: 0px !important;
  border-bottom: 5px solid white !important;
}

.table-totals td {
  padding: 0.9rem;
  border-top: 0px !important;
  border-bottom: 5px solid white !important;
  padding: 1.5rem 0.7rem !important;
}

.table-total-checkout td {
  padding: 0.9rem;
  border-top: 0px !important;
  border-bottom: 5px solid white !important;
}

.table-history thead th {
  border: 0px !important;
  vertical-align: top !important;
  font-weight: 300 !important;
}

.table-history td {
  padding: 0.9rem;
  border-top: 0px !important;
  border-bottom: 2px solid #f3f3f3 !important;
  padding: 1.2rem 0.7rem !important;
  vertical-align: middle !important;
  font-weight: 300 !important;
}

p {
  line-height: 1.5 !important
}

button.btn-for-login {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

button.btn-for-confirm {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.card-size-requires {
  width: 50%;
}

.ml-3-100-per {
  margin-left: 3%;
}

.notification .package-count {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 2.5px 10px;
  border-radius: 50%;
  background: #0b4a9f;
  font-weight: 500;
  font-size: 1em;
  color: white;
}

@media only screen and (max-width: 600px) {
  .only-icon {
    display: none;
  }

  .padding-sm {
    padding-bottom: 100px;
  }

  .btn-nav-border-rigth {
    border-right: 1px solid #d8d8d8 !important;
    padding: 0px !important;
  }

  button.btn-for-login {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  button.btn-for-confirm {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .card-size-requires {
    width: 100%;
  }

  .ml-3-100-per {
    margin-left: 0%;
  }

  .margin-t-2 {
    margin-top: 2%;
  }

  .row-login {
    margin: 0 0;
    padding: 0 0;
  }

  .separator {
    margin: 4% 4% !important;
  }

  .row-input-login {
    margin: 0 2%;
    padding: 0 2%;
  }

  input.input-num {
    min-width: 40px;
    max-width: 40px;
    text-align: center !important;
  }

  .pr-md-1 {
    padding-right: 0% !important;
  }

  .card-qr-size {
    width: 100% !important;
  }

  .card-orderid {
    text-align: center !important;
  }

  .card-header-con {
    text-align: center !important;
  }
}

@media only screen and (min-width: 600px) {
  .card-size-requires {
    width: 100%;
  }

  .padding-sm {
    padding-bottom: 100px;
  }

  .row-login {
    margin: 0 0;
    padding: 0 0;
  }

  .separator {
    margin: 4% 4% !important;
  }

  .row-input-login {
    margin: 0 2%;
    padding: 0 2%;
  }

  input.input-num {
    min-width: 40px;
    max-width: 40px;
    text-align: center !important;
  }

  .pr-md-1 {
    padding-right: 0% !important;
  }

  .card-qr-size {
    width: 100% !important;
  }

  .card-orderid {
    text-align: center !important;
  }

  .card-header-con {
    text-align: center !important;
  }
}

@media only screen and (min-width: 768px) {
  .card-size-requires {
    width: 100%;
  }

  .row-login {
    margin: 0 0;
    padding: 0 0;
  }

  .separator {
    margin: 4% 4% !important;
  }

  .row-input-login {
    margin: 0 2%;
    padding: 0 2%;
  }

  input.input-num {
    min-width: 40px;
    max-width: 40px;
    text-align: center !important;
  }

  .pr-md-1 {
    padding-right: 0% !important;
  }

  .card-qr-size {
    width: 100% !important;
  }

  .card-orderid {
    text-align: right !important;
  }

  .card-header-con {
    text-align: left !important;
  }
}

@media only screen and (min-width: 992px) {
  .card-size-requires {
    width: 50%;
  }

  .padding-sm {
    padding-bottom: 100px;
  }

  .row-login {
    margin: 0 1%;
    padding: 0 1%;
  }

  .separator {
    margin: 4% 4% !important;
  }

  .row-input-login {
    margin: 0 2.7%;
    padding: 0 2.7%;
  }

  input.input-num {
    min-width: 40px;
    max-width: 40px;
    text-align: center !important;
  }

  .pr-md-1 {
    padding-right: 1% !important;
  }

  .card-qr-size {
    width: 30% !important;
  }

  .card-orderid {
    text-align: right !important;
  }

  .card-header-con {
    text-align: left !important;
  }
}

@media only screen and (min-width: 1200px) {
  .card-size-requires {
    width: 50%;
  }

  .padding-sm {
    padding-bottom: 0px;
  }

  .row-login {
    margin: 0 1%;
    padding: 0 1%;
  }

  .separator {
    margin: 4% 4% !important;
  }

  .row-input-login {
    margin: 0 2.7%;
    padding: 0 2.7%;
  }

  input.input-num {
    min-width: 40px;
    max-width: 40px;
    text-align: center !important;
  }

  .pr-md-1 {
    padding-right: 1% !important;
  }

  .card-qr-size {
    width: 30% !important;
  }

  .card-orderid {
    text-align: right !important;
  }

  .card-header-con {
    text-align: left !important;
  }
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: #606060 !important;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #cfcfcf;
}

.separator:not(:empty)::before {
  margin-right: .25em;
}

.separator:not(:empty)::after {
  margin-left: .25em;
}

/* ==================================style form old==================================================== */
.associatedTickets .base-plu h2, .associatedTickets .base-plu h3 {
  line-height: 36px
}

.editable input.input-text {
  text-align: right
}

.calendar-header {
  background-color: #044da1;
  color: #fff;
  border-radius: 8px 8px 0 0
}

.calendar-header .month select {
  direction: rtl;
  width: 100%
}

.calendar-header .month .monthName {
  text-align: right;
  display: block;
  padding-right: 5px
}

.calendar-header .year {
  text-align: left
}

.calendar-header .year .yearName {
  text-align: left;
  display: block;
  padding-left: 5px
}

.calendar-header .arrow {
  font-size: 24px;
  color: #fff;
  text-align: left;
  cursor: pointer
}

.calendar-header .arrow.right {
  text-align: right
}

.calendar-header .month-name {
  text-align: center;
  line-height: 34px
}

.calendar-header .day-names {
  font-size: 10px;
  text-align: center;
  padding-bottom: 8px;
  text-transform: uppercase
}

.calendar-header select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  color: #fff;
  background: 0 0;
  border: 0;
  font-size: 16px;
  vertical-align: middle;
  outline: 0;
  cursor: pointer
}

.calendar-header select option {
  color: #444;
  font-size: 16px;
  background-color: #fff
}

.calendar-header select::-ms-expand {
  display: none
}

.calendar-body .ar.ar-70-all:after {
  padding-bottom: 90%
}

.calendar-body .day {
  background-color: #fff;
  font-size: 10px;
  text-align: center;
  color: #8c8c8c
}

.calendar-body .day .spacer {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.calendar-body .day .date-text {
  display: inline-block;
  vertical-align: middle;
  font-size: medium
}

.calendar-body .day.selected, .calendar-body .day.selected.available {
  color: #444;
  box-shadow: inset 0 0 0 1px #fff;
  cursor: pointer;
  background-color: #d9d9d9
}

.calendar-body .day.available {
  color: #444;
  box-shadow: inset 0 0 0 1px #fff;
  cursor: pointer;
  background-color: #f3f3f3;
  transition: background-color .4s
}

.calendar-body .day.available:hover {
  background-color: #d9d9d9
}

.calendar-body.hasPriceCalendar .day {
  position: relative
}

.calendar-body.hasPriceCalendar .day .priceProgramColor {
  box-shadow: inset 1px 1px 0 .5px #fff
}

.calendar-body.hasPriceCalendar .day.selected:after {
  content: '';
  border: 2px solid #000;
  position: absolute;
  top: 0;
  right: -2px;
  bottom: -2px;
  left: 0;
  z-index: 1
}

.calendar-body.hasPriceCalendar.showPricesOnCalendar .day .date-text {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 140%
}

.calendar-body.hasPriceCalendar.showPricesOnCalendar .day .date-price {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 120%;
  color: #000;
  font-weight: 700
}

.calendar-legend .legend-item {
  margin-bottom: 5px;
  font-size: 90%;
  display: inline-block
}

.calendar-legend .legend-item span {
  vertical-align: middle;
  display: inline-block
}

.calendar-legend .legend-item .price-color {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 20px;
  border: 1px solid #8c8c8c
}

.calendar-legend .legend-item .price-color.available {
  background-color: #f3f3f3
}

.calendar-legend .legend-item .price-color.unavailable {
  background-color: #fff
}

.calendar option {
  cursor: pointer;
  text-transform: capitalize
}

.calendar option[disabled=disabled] {
  color: #ccc;
  cursor: default
}

.calendar .monthSelect {
  position: relative
}

.calendar .monthSelect option, .calendar .monthSelect select {
  text-transform: capitalize
}

.calendar-modal .hide {
  display: none
}

.cart.module {
  min-height: 50px
}

.vertical-cart .p-all-all {
  padding: 0 15px 15px 15px
}

.vertical-cart .p-all-all:first-child {
  padding-top: 15px
}

.vertical-cart h5.label {
  font-size: 14px;
  line-height: 36px;
  font-weight: 300
}

.horizontal-cart {
  display: block
}

.cart.open .list-container {
  max-height: 4000px
}

.cart.open .icon img {
  transform: rotate(270deg)
}

.cart .header .p-all-all {
  padding-top: 0;
  padding-bottom: 10px;
  font-size: 14px
}

.cart .checkbox-wrapper {
  margin: 5px 0
}

.cart .item-name {
  font-size: 15px;
  line-height: 16px;
  padding: 10px 0;
  font-weight: 700
}

.cart .item-name a {
  color: #444;
  text-decoration: none
}

.cart .quantity-control {
  float: left;
  min-width: 110px
}

.cart .point, .cart .price, .cart .qty, .cart .total {
  font-size: 15px;
  font-weight: 700;
  line-height: 36px
}

.cart h2 {
  line-height: 36px
}

.cart h2 a {
  color: #444;
  text-decoration: none
}

.cart .details a {
  font-weight: 600;
  color: #044da1;
  text-decoration: none
}

.cart .discount {
  display: block;
  font-size: 15px;
  color: #044da1;
  margin-top: 5px
}

.cart-footer {
  font-size: 15px;
  font-weight: 400
}

.cart-footer .value {
  font-weight: 500;
  text-align: right
}

.cart-footer .c-100-c button {
  width: 100%
}

.cart-footer .checkout .button {
  background-color: #e9a216
}

.cart-footer .checkout .button:hover {
  background-color: #ba8212
}

.cart-footer .continue-shopping .button {
  background-color: #044da1
}

.cart-footer .continue-shopping .button:hover {
  background-color: #03356f
}

.cart-items .item.shift {
  margin-top: -15px
}

.cart-items .item-name a {
  cursor: pointer
}

.cart-items span.label {
  font-size: 14px;
  line-height: 16px;
  padding: 10px 0;
  display: inline-block
}

.cart-items .update-row {
  margin-top: 15px
}

.cart-items .update-row .ui-control.button {
  background-color: #044da1;
  width: 100%;
  margin-top: 10px
}

.cart-items .update-row .ui-control.button:hover {
  background-color: #03356f
}

.cart-items .update-row input.input-text {
  outline: 0
}

.cart-items .update-row .apply {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 15px;
  width: 130px
}

.cart-items .update-row .apply .space {
  height: 36px
}

.cart-items .update-row .apply .ui-control.button {
  margin-top: 0
}

.cart-items .reserved-seat {
  margin-top: 10px
}

.cart-items .reserved-seat .show-hide {
  padding-left: 10px
}

.cart-items .expandcollapse-item {
  overflow: hidden
}

.cart-items .expandcollapse-heading-collapsed {
  cursor: pointer;
  padding: 5px;
  position: relative;
  z-index: 100000000;
  color: #000
}

.cart-items .benefitName {
  margin-top: 10px;
  font-weight: 400
}

.cart-items .entitlement {
  margin-top: 10px
}

.cart-items .entitlement .linkedName {
  font-weight: 400
}

.cart-items .expandcollapse-heading-collapsed p {
  font-size: 16px;
  font-weight: 400;
  margin: 0
}

.cart-items .expandcollapse-heading-expanded {
  cursor: pointer;
  z-index: 100000000;
  padding: 5px;
  position: relative;
  color: #fff;
  background-color: #2354a5
}

.cart-items .expandcollapse-heading-expanded i {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}

.cart-items .expandcollapse-heading-collapsed>span, .cart-items .expandcollapse-heading-expanded>span {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 16px;
  line-height: 16px
}

.cart-items .expand-collapse-content {
  padding: 10px 5px
}

.cart-items .expand-collapse-content .list {
  background: #fff;
  border-bottom-color: #f3f3f3;
  margin-bottom: 10px;
  padding: 5px
}

.cart-items .fa-ticket:before {
  margin-right: 5px
}

.cart-items .slideDown.ng-hide {
  height: 0;
  transition: height .35s ease;
  overflow: hidden;
  position: relative
}

.cart-items .slideDown {
  height: auto;
  transition: height .35s ease;
  overflow: hidden;
  position: relative
}

.cart-items .slideDown.ng-hide-add, .cart-items .slideDown.ng-hide-remove {
  display: block !important
}

.cart-items .slideDown.ng-hide-add {
  animation-name: hide;
  -webkit-animation-name: hide;
  animation-duration: .5s;
  -webkit-animation-duration: .5s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in
}

.cart-items .slideDown.ng-hide-remove {
  animation-name: show;
  -webkit-animation-name: show;
  animation-duration: .5s;
  -webkit-animation-duration: .5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out
}

@-webkit-keyframes fadein {
  0% {
    bottom: 0;
    opacity: 0
  }

  100% {
    bottom: 30px;
    opacity: 1
  }
}

@-webkit-keyframes fadeout {
  0% {
    bottom: 30px;
    opacity: 1
  }

  100% {
    bottom: 0;
    opacity: 0
  }
}

@-webkit-keyframes fadeinTop {
  0% {
    top: 0;
    opacity: 0
  }

  100% {
    top: 30px;
    opacity: 1
  }
}

@-webkit-keyframes fadeoutTop {
  0% {
    top: 30px;
    opacity: 1
  }

  100% {
    top: 0;
    opacity: 0
  }
}

@-moz-keyframes fadein {
  0% {
    bottom: 0;
    opacity: 0
  }

  100% {
    bottom: 30px;
    opacity: 1
  }
}

@-webkit-keyframes fadein {
  0% {
    bottom: 0;
    opacity: 0
  }

  100% {
    bottom: 30px;
    opacity: 1
  }
}

@-o-keyframes fadein {
  0% {
    bottom: 0;
    opacity: 0
  }

  100% {
    bottom: 30px;
    opacity: 1
  }
}

@-ms-keyframes fadein {
  0% {
    bottom: 0;
    opacity: 0
  }

  100% {
    bottom: 30px;
    opacity: 1
  }
}

@keyframes fadein {
  0% {
    bottom: 0;
    opacity: 0
  }

  100% {
    bottom: 30px;
    opacity: 1
  }
}

@-moz-keyframes fadeout {
  0% {
    bottom: 30px;
    opacity: 1
  }

  100% {
    bottom: 0;
    opacity: 0
  }
}

@-webkit-keyframes fadeout {
  0% {
    bottom: 30px;
    opacity: 1
  }

  100% {
    bottom: 0;
    opacity: 0
  }
}

@-o-keyframes fadeout {
  0% {
    bottom: 30px;
    opacity: 1
  }

  100% {
    bottom: 0;
    opacity: 0
  }
}

@-ms-keyframes fadeout {
  0% {
    bottom: 30px;
    opacity: 1
  }

  100% {
    bottom: 0;
    opacity: 0
  }
}

@keyframes fadeout {
  0% {
    bottom: 30px;
    opacity: 1
  }

  100% {
    bottom: 0;
    opacity: 0
  }
}

@-moz-keyframes fadeinTop {
  0% {
    top: 0;
    opacity: 0
  }

  100% {
    top: 30px;
    opacity: 1
  }
}

@-webkit-keyframes fadeinTop {
  0% {
    top: 0;
    opacity: 0
  }

  100% {
    top: 30px;
    opacity: 1
  }
}

@-o-keyframes fadeinTop {
  0% {
    top: 0;
    opacity: 0
  }

  100% {
    top: 30px;
    opacity: 1
  }
}

@-ms-keyframes fadeinTop {
  0% {
    top: 0;
    opacity: 0
  }

  100% {
    top: 30px;
    opacity: 1
  }
}

@keyframes fadeinTop {
  0% {
    top: 0;
    opacity: 0
  }

  100% {
    top: 30px;
    opacity: 1
  }
}

@-moz-keyframes fadeoutTop {
  0% {
    top: 30px;
    opacity: 1
  }

  100% {
    top: 0;
    opacity: 0
  }
}

@-webkit-keyframes fadeoutTop {
  0% {
    top: 30px;
    opacity: 1
  }

  100% {
    top: 0;
    opacity: 0
  }
}

@-o-keyframes fadeoutTop {
  0% {
    top: 30px;
    opacity: 1
  }

  100% {
    top: 0;
    opacity: 0
  }
}

@-ms-keyframes fadeoutTop {
  0% {
    top: 30px;
    opacity: 1
  }

  100% {
    top: 0;
    opacity: 0
  }
}

@keyframes fadeoutTop {
  0% {
    top: 30px;
    opacity: 1
  }

  100% {
    top: 0;
    opacity: 0
  }
}

.errorModal .modal-mask {
  z-index: 100009
}

.errorModal .modal {
  z-index: 110000
}

button.ui-control.select-date {
  width: 100%;
  background-color: #044da1
}

button.ui-control.select-date:hover {
  background-color: #03356f
}

button.ui-control.select-date:disabled {
  background-color: #b3b3b3
}

.calendar-modal.event-time .selectedDate {
  text-transform: capitalize
}

.calendar-modal.event-time .modal {
  top: 3%
}

.calendar-modal.event-time.wide .modal {
  width: 850px
}

.calendar-modal.event-time .change-date {
  cursor: pointer;
  font-size: 14px;
  font-weight: 700
}

#footer {
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #133b64
}

#footer .footer-flex {
  display: flex;
  justify-content: space-between;
  /* margin-top: 30px */
  padding-top: 30px !important;
}

@media screen and (max-width:991px) {
  #footer .footer-flex {
    display: block;
    text-align: center
  }
  .padding-sm {
    padding-bottom: 0px;
  }
}

#footer .footer-flex .footer-links {
  text-align: left;
}

#footer .footer-flex .footer-links li {
  padding: 8px 15px
}

#footer .footer-flex .footer-links li a {
  color: #fff;
  text-decoration: none;
  line-height: 20px
}

#footer .footer-flex .footer-social-links {
  display: flex
}

@media screen and (max-width:991px) {
  #footer .footer-flex .footer-social-links {
    justify-content: center;
    margin-top: 20px;
    
  }

  .padding-sm {
    padding-bottom: 0px;
  }

  #footer .footer-flex .footer-links {
    text-align: center;
  }
}

#footer .footer-flex .footer-social-links li {
  padding: 8px
}

#footer .footer-flex .footer-social-links .larger-icon i {
  width: 20px
}

#footer .copyright {
  text-align: center;
  padding: 20px 0 15px;
  color: #fff;
  margin-bottom: 10px
}

#header {
  background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 40%), url('/booking/kpmn/assets/img/maha-hero.jpg');
  width: auto !important;
  height: 540px !important;
  max-height: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}

#header:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  content: " ";
  width: 100%;
  height: 540px;
  z-index: 0
}

@media screen and (max-width:1024px) {
  #header {
    height: 480px
  }

  #header:before {
    height: 480px
  }

  .padding-sm {
    padding-bottom: 0px;
  }
}

@media screen and (max-width:600px) {
  #header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 40%), url('/booking/kpmn/assets/img/maha-mobile-hero.jpg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 430px !important;
  }

  #header:before {
    height: 430px
  }
}

@media only screen and (min-width: 768px) {
  #header:before {
    height: 540px
  }
  .padding-sm {
    padding-bottom: 100px;
  }
}

@media screen and (max-width:1024px) {
  #header .container {
    width: auto
  }
}

#header .navbar {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:1024px) {
  #header .navbar {
    padding-top: 15px
  }
}

#header .navbar img {
  margin-top: 15px;
  align-self: flex-end
}

@media screen and (max-width:1024px) {
  #header .navbar img {
    margin-top: 0
  }
}

#header .navbar .logo-img {
  position: relative
}

@media screen and (max-width:1024px) {
  #header .navbar .logo-img {
    bottom: 0
  }
}

@media screen and (max-width:767px) {
  #header .navbar .logo-img {
    width: 87px !important;
  }
  .padding-sm {
    padding-bottom: 100px;
  }
}

@media screen and (max-width:1024px) {
  #header .navbar .links {
    display: none
  }
}

#header .navbar .social-links {
  display: flex;
  margin: 25px 11px 0 0;
  justify-content: flex-end;
  position: relative
}

#header .navbar .social-links a {
  padding: 10.5px
}

#header .navbar .main-menu {
  display: flex;
  margin-top: 23px
}

#header .navbar .main-menu .main-nav {
  display: flex
}

#header .navbar .main-menu .main-nav .nav-item {
  display: inline-block;
  padding: 7px 0;
  position: relative;
  top: 0;
  transition: all .3s ease 0;
  vertical-align: top
}

#header .navbar .main-menu .main-nav .nav-item .nav-link {
  color: #fff;
  padding: 10px 15px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  transition: all .5s ease 0
}

#header .navbar .toggle-and-cart {
  display: none
}

@media screen and (max-width:1024px) {
  #header .navbar .toggle-and-cart {
    display: flex;
    z-index: 400
  }
}

#header .navbar .toggle-and-cart .small-cart {
  margin-right: 30px
}

#header .navbar .toggle-and-cart .small-cart .ui-control.button {
  padding: 5px 15px
}

#header .navbar .toggle-and-cart .small-cart .ui-control.button.buttonCounter .count {
  width: 22px;
  height: 22px;
  top: -10px;
  color: #044da1;
  background-color: #fff
}

#header .navbar .icon-bar {
  margin-bottom: 6px;
  height: 2px;
  display: block;
  width: 30px;
  background: #fff
}

#header .navbar .navbar-toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: none;
  margin-right: 0;
  margin-top: 6px
}

@media screen and (max-width:1024px) {
  #header .navbar .navbar-toggle {
    display: block
  }
}

#header .hide-nav, #header .show-nav {
  display: none
}

@media screen and (max-width:1024px) {
  #header .hide-nav, #header .show-nav {
    display: block
  }
}

#header .mobile-nav .mobile-img-header {
  background: #044da1;
  padding: 15px 15px 104px
}

#header .mobile-nav .mobile-nav-links li {
  background-color: #fff;
  cursor: pointer;
  padding: 18px;
  border: none;
  text-align: left;
  outline: 0;
  font-size: 15px;
  transition: .4s
}

#header .mobile-nav .mobile-nav-links li:hover {
  background-color: #ccc
}

#header .mobile-nav .mobile-nav-links li a {
  color: #444;
  text-decoration: none
}

#header .mobile-nav .mobile-social-links {
  margin-top: 30px;
  display: flex;
  justify-content: center
}

#header .mobile-nav .mobile-social-links a {
  padding: 10.5px
}

.small-cart {
  position: relative;
  padding: 0 15px
}

.small-cart .cart-container {
  position: absolute;
  right: 0;
  top: 40px;
  background-color: #fff;
  z-index: 10;
  width: 238px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, .5);
  -moz-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, .5);
  box-shadow: 0 4px 5px 0 rgba(50, 50, 50, .5)
}

.small-cart .ui-control.button {
  background-color: #e9a216;
  border-radius: 10px;
  color: #fff;
  padding: 10px 15px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 20px;
  text-decoration: none;
  transition: all .5s ease 0
}

.small-cart .ui-control.button:hover {
  background-color: #ba8212
}

.mobile-steps {
  position: relative;
  height: 36px
}

.mobile-steps .centerer {
  position: absolute;
  left: 50%;
  top: 0
}

.mobile-steps .centerer .mobile-step {
  margin-left: -50%;
  line-height: 36px;
  color: #fff;
  background-color: #444
}

.steps {
  overflow: hidden;
  overflow-x: auto;
  z-index: 1
}

.steps.iconsOnly .typcn:before {
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  padding-right: 0
}

.steps.iconsOnly .step {
  padding-right: 8px;
  padding-left: 24px
}

.step {
  color: #000;
  background-color: #fff;
  line-height: 36px;
  position: relative;
  padding: 0 15px;
  cursor: pointer;
  transition: all .4s ease-in-out;
  border-right: 1px solid #ddd
}

.step:last-child {
  border: none
}

.step .arrow {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  border: 18px solid transparent;
  border-left-width: 12px;
  border-left-color: #444;
  border-right: 0;
  height: 0;
  width: 0;
  z-index: 2;
  transition: border-color .4s ease-in-out
}

.step .arrow-background {
  top: -5px;
  border: 23px solid transparent;
  border-left-width: 15px;
  border-left-color: #fff;
  border-right: 0;
  z-index: 1
}

.step:hover {
  background-color: #044da1;
  color: #fff
}

.step:hover .arrow {
  border-left-color: #2b2b2b
}

.step:hover .arrow-background {
  border-left-color: #fff
}

.step.active {
  cursor: default;
  background-color: #044da1;
  color: #fff
}

.step.active .arrow {
  border-left-color: #044da1
}

.step.active .arrow-background {
  border-left-color: #fff
}

.step.no-cursor {
  cursor: default
}

.step.no-cursor:hover {
  background-color: #fff;
  color: #000
}

.step.no-cursor:hover .arrow {
  border-left-color: #444
}

.step.no-cursor:hover .arrow-background {
  border-left-color: #fff
}

.survey-question {
  line-height: 30px
}

.survey-question input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  margin: 0 5px 0 10px
}

.terms-prompt .modal {
  overflow: hidden
}

.terms-prompt .modal .modal-content {
  max-height: 78vh
}

.terms-prompt .p-all-all {
  padding: 30px
}

.ticketLookup .value {
  font-weight: 700
}

.ticketLookupModal .membership-lookup {
  min-height: 100px
}

.ticketReplenishment .header {
  background-color: #d9d9d9;
  line-height: 36px;
  font-weight: 700
}

.ticketReplenishment .ticket {
  line-height: 36px;
  background-color: #fff
}

.ticketReplenishment .ticket:nth-child(odd) {
  background-color: #f2f2f2
}

.ticketReplenishment .ticket .value {
  font-weight: 700
}

.ticketReplenishment .ticket-button {
  width: 120px !important
}

.time-selector.multi {
  font-size: 14px
}

.time-selector.multi .times {
  text-align: center
}

.time-selector.multi .times .c {
  overflow: hidden;
  line-height: 1.2
}

.time-selector.multi .header .c {
  text-align: center;
  font-size: 90%;
  line-height: 1.2
}

.time-selector.multi .sold-out .status {
  font-weight: 600
}

.time-selector.multi .quantity-control {
  width: 110px;
  margin: auto;
  float: none
}

.time-selector {
  font-size: 14px
}

.time-selector .ui-control.button {
  font-size: 14px
}

.time-selector .ui-control.button.disabled {
  cursor: default;
  opacity: .7;
  background-color: #444
}

.time-selector .row.selected-date {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 5px
}

.time-selector .row.header-row {
  border-bottom: solid #333 1px;
  border-top: solid #333 1px;
  padding: 5px
}

.time-selector .times {
  max-height: 400px;
  overflow: auto;
  padding-right: 5px
}

.time-selector .times .select-time {
  width: 100%
}

.time-selector .times .time.m-t-all:first-child {
  margin-top: 0
}

.time-selector .times .eventAttrs {
  list-style: disc outside
}

.time-selector .times .eventAttrs li {
  font-size: 12px;
  color: #044da1;
  margin: 5px 0 5px 30px
}

.totals .value {
  font-weight: 700
}

.upsellModal.module .modal {
  top: 10%;
  max-height: 800px !important
}

.upsellModal.module .close {
  display: none
}

.upsellModal.module .itemSelect {
  width: 108px
}

.upsellModal.module .itemName {
  cursor: pointer
}

.upsellModal.module .img {
  cursor: pointer
}

.upsellModal.module .showmore {
  cursor: pointer
}

.upsellModal.module .img img {
  width: 100%
}

.upsellModal.module .more {
  overflow-y: auto;
  max-height: 234px
}

.upsellModal.module .upgrade-label {
  line-height: 36px;
  font-size: 14px
}

.upsellModal.module .eventButtons button.button.ui-control, .upsellModal.module .package-plu button.button.ui-control {
  line-height: 14px;
  padding: 11px 12px
}

.upsellModal.module .eventButtons img, .upsellModal.module .package-plu img {
  max-width: 250px;
  visibility: hidden
}

.upsellModal .modal {
  width: 90vw;
  max-width: 550px
}

.upsellModal .close {
  display: none
}

.upsellModal .cards {
  display: flex;
  flex-wrap: wrap;
  max-height: 500px;
  overflow: auto
}

.upsellModal .cards.even .card {
  flex-basis: 50%
}

.upsellModal .cards.odd .card {
  flex-basis: 33%
}

.upsellModal .cards .card {
  display: inline-flex
}

.upsellModal .cards .card .inner {
  padding-bottom: 55px;
  font-size: 105%;
  line-height: 1.5;
  position: relative;
  border: 2px solid #fff
}

.upsellModal .cards .card .inner .select-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  left: 15px
}

@media (max-width:600px) {
  .upsellModal .cards {
    display: block
  }

  .padding-sm {
    padding-bottom: 100px;
  }

  .upsellModal .cards .card {
    display: block
  }
}

.verifyLimits .arrivalTime select {
  cursor: pointer;
  border: 1px solid #d9d9d9;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  text-align: left;
  padding: 0 12px;
  box-sizing: border-box;
  border-radius: 5px;
  outline: 0;
  transition: border-color .4s
}

.verifyLimits .calendarSelectHelper {
  display: none
}

.viewEvents .time-selector {
  max-height: 400px
}

.viewItems.loading h1 {
  height: 64px;
  background-color: #d9d9d9;
  -webkit-animation: pulseAnimation 1.5s infinite;
  -moz-animation: pulseAnimation 1.5s infinite;
  -o-animation: pulseAnimation 1.5s infinite;
  animation: pulseAnimation 1.5s infinite
}

.sub-category.placeholder {
  -webkit-animation: pulseAnimation 1.5s infinite;
  -moz-animation: pulseAnimation 1.5s infinite;
  -o-animation: pulseAnimation 1.5s infinite;
  animation: pulseAnimation 1.5s infinite
}

.sub-category.placeholder .title {
  cursor: default
}

.sub-category.placeholder .title .parentSCDName {
  height: 36px;
  background-color: #d9d9d9
}

.sub-category.placeholder .title .parentSCDDescription {
  height: 36px;
  background-color: #e6e6e6
}

.sub-category.placeholder .forward-wrapper .icon {
  opacity: .5
}

.sub-category.placeholder .list-container .pluName, .sub-category.placeholder .list-container .pluShortName {
  height: 15px;
  background-color: #cdcdcd
}

.sub-category.placeholder .list-container .pluDesc {
  height: 15px;
  background-color: #d9d9d9
}

.sub-category.issuedBenefits *, .sub-category.unmatchedAvailableBenefits * {
  box-sizing: border-box
}

.sub-category.issuedBenefits .horizontal-items .listHeader, .sub-category.unmatchedAvailableBenefits .horizontal-items .listHeader {
  font-weight: 700;
  margin-bottom: 10px
}

.sub-category.issuedBenefits .horizontal-items .listHeader .issuedPrice, .sub-category.issuedBenefits .horizontal-items .listHeader .qty, .sub-category.issuedBenefits .horizontal-items .listHeader .redeemed, .sub-category.unmatchedAvailableBenefits .horizontal-items .listHeader .issuedPrice, .sub-category.unmatchedAvailableBenefits .horizontal-items .listHeader .qty, .sub-category.unmatchedAvailableBenefits .horizontal-items .listHeader .redeemed {
  text-align: center;
  line-height: 1
}

.sub-category.issuedBenefits .horizontal-items .listBody .row, .sub-category.unmatchedAvailableBenefits .horizontal-items .listBody .row {
  padding: 15px 0
}

.sub-category.issuedBenefits .horizontal-items .listBody .row .description, .sub-category.unmatchedAvailableBenefits .horizontal-items .listBody .row .description {
  padding-left: 15px
}

.sub-category.issuedBenefits .horizontal-items .listBody .row .issuedPrice, .sub-category.issuedBenefits .horizontal-items .listBody .row .qty, .sub-category.issuedBenefits .horizontal-items .listBody .row .redeemed, .sub-category.unmatchedAvailableBenefits .horizontal-items .listBody .row .issuedPrice, .sub-category.unmatchedAvailableBenefits .horizontal-items .listBody .row .qty, .sub-category.unmatchedAvailableBenefits .horizontal-items .listBody .row .redeemed {
  text-align: center;
  font-weight: 400;
  line-height: 1
}

.sub-category.issuedBenefits .vertical-items span.label, .sub-category.unmatchedAvailableBenefits .vertical-items span.label {
  font-weight: 700
}

.button_row {
  text-align: center;
  width: 100%
}

.button_wrap {
  display: inline-block
}

.viewOrder .button.ui-control {
  width: 100%
}

.viewOrder .header {
  background-color: #d9d9d9;
  line-height: 36px;
  font-weight: 700
}

.viewOrder .confirmation-number p {
  line-height: 36px;
  font-weight: 700
}

.viewOrder .horizontal-table .pos.checkbox-wrapper {
  width: 26px;
  margin: auto
}

.viewOrder .ticket {
  line-height: 36px;
  background-color: #fff
}

.viewOrder .ticket:nth-child(odd) {
  background-color: #f2f2f2
}

.viewOrder .ticket .value {
  font-weight: 700
}

#page.page.replacement.vt {
  min-height: 0
}

#page.page.replacement.vt .tickets-container>.p-all-all {
  padding-bottom: 100px
}

.viewTickets .tickets-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.viewTickets .tickets-header .ticket-controls {
  font-size: 24px
}

.viewTickets .tickets-header .ticket-controls .typcn {
  cursor: pointer
}

.viewTickets .tickets-header .ticket-controls .typcn:before {
  line-height: 24px
}

.viewTickets .tickets-header .ticket-controls .m-r-all {
  margin-right: 10px
}

.viewTickets .tickets-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.viewTickets .tickets-container {
  position: absolute;
  top: 50px;
  bottom: 80px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0
}

.viewTickets .ticket {
  background-color: #f3f3f3;
  border: 1px solid #d9d9d9;
  margin-top: -1px;
  margin-left: 15px;
  margin-right: 15px;
  transition: margin .3s ease-in-out;
  cursor: pointer
}

.viewTickets .ticket .barcode {
  text-align: center
}

.viewTickets .ticket .barcode img {
  max-width: 312px;
  width: 100%;
  max-height: 110px;
  min-height: 40px
}

.viewTickets .ticket .ticket-header {
  overflow: hidden;
  font-weight: 700
}

.viewTickets .ticket .ticket-header .count {
  text-align: right
}

.viewTickets .ticket .ticket-body {
  transition: max-height .3s ease-in-out;
  max-height: 0;
  overflow: hidden
}

.viewTickets .ticket .ticket-body .subtext {
  font-size: 12px;
  margin-top: 5px
}

.viewTickets .ticket .ticket-body .subtext .value {
  font-weight: 500
}

.viewTickets .ticket .ticket-body .price {
  text-align: right
}

.viewTickets .ticket.view {
  margin-left: 0;
  margin-right: 0
}

.viewTickets .ticket.view .ticket-body {
  max-height: 200px
}

.viewTickets .ticket:first-child {
  border-top-width: 1px
}

.visitDateCalendar {
  margin: 0 auto
}

.visitDateCalendar .header {
  cursor: pointer
}

.visitDateCalendar h3 {
  text-align: center
}

.visitDateCalendar .forward-wrapper {
  width: 5%
}

.visitDateCalendar .forward .icon img {
  transform: rotate(270deg)
}

.visitDateCalendar.collapsed .forward .icon img {
  transform: rotate(90deg)
}

.visitDateCalendar .visitDateCalendarCalendar {
  max-height: 1000px;
  transition: max-height .4s ease-in-out
}

.visitDateCalendar.collapsed .visitDateCalendarCalendar {
  max-height: 0;
  overflow: hidden
}

.ui-control.button {
  background-color: #044da1;
  color: #fff;
  font-weight: 400;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 15px;
  border: 0;
  line-height: 20px;
  padding: 12px 24px;
  min-height: 36px;
  transition: background-color .4s ease-in-out;
  cursor: pointer;
  box-shadow: 0;
  width: 100%;
  box-sizing: border-box
}

.ui-control.button:focus {
  background-color: #03356f
}

.ui-control.button:hover {
  background-color: #03356f
}

.ui-control.button:disabled {
  background-color: #ccc
}

.ui-control.button.feature {
  background-color: #044da1
}

.ui-control.button.feature:hover {
  background-color: #03356f
}

.ui-control.button.feature:disabled {
  background-color: #b3b3b3
}

.ui-control.button.go {
  background-color: #e9a216
}

.ui-control.button.go:hover {
  background-color: #ba8212
}

.ui-control.button.go:disabled {
  background-color: #b3b3b3
}

.ui-control.button.cvv {
  font-size: 12px;
  margin-top: 15px
}

.ui-control.button.buttonCounter {
  position: relative;
  overflow: visible
}

.ui-control.button.buttonCounter .count {
  position: absolute;
  background-color: #044da1;
  color: #fff;
  width: 26px;
  line-height: 26px;
  border-radius: 13px;
  right: -13px;
  top: -13px
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

ol, ul {
  list-style: none
}

html {
  height: 100%
}

body {
  background-color: #fff;
  min-height: 100%;
  position: relative
}

body * {
  transition: all .5s linear;
}

#page.page {
  background-color: #fff;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  min-height: 100vh;
  box-sizing: border-box;
  padding-bottom: 328px
}

@media (max-width:1024px) {
  .show-nav {
    width: 100%;
    position: absolute;
    z-index: 100;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    display: block;
    overflow: hidden;
    transition: height .6s;
    -o-transition: height .6s;
    -ms-transition: height .6s;
    -moz-transition: height .6s;
    -webkit-transition: height .6s
  }

  .hide-nav {
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #fff;
    display: block;
    overflow: hidden;
    height: 0;
    transition: height .6s;
    -o-transition: height .6s;
    -ms-transition: height .6s;
    -moz-transition: height .6s;
    -webkit-transition: height .6s
  }
}

.center {
  text-align: center
}

.bold {
  font-weight: 700
}

@-o-keyframes pulseAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes pulseAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes pulseAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes pulseAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes pulseAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: 1
  }
}

@-o-keyframes pulseAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: 1
  }
}

@-ms-keyframes pulseAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: 1
  }
}

@keyframes pulseAnimation {
  0% {
    opacity: 1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: 1
  }
}