.amenities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.amenities .h-p-md {
  font-size: 2.2rem;
  letter-spacing: .00198rem;
  line-height: 3rem;
  margin-bottom: 20px
}

.amenities .header-med {
  font-size: 28px;
  margin-bottom: 30px;
  font-weight: 400;
  text-transform: uppercase
}

.amenities .header-small {
  font-size: 20px;
  margin: 3.5em 0 1.2em;
  text-transform: uppercase
}

.amenities .amenities-centered {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 10px
}

.amenities .amenities-block-wrapper {
  max-width: 100%;
  position: relative;
  overflow: hidden
}

.amenities .amenities-block-img-1 {
  min-height: 700px;
  background-image: url("images/palms.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.amenities .amenities-block-img-2 {
  min-height: 800px;
  background-image: url("images/pool.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover
}

.amenities .amenities-block-img-3 {
  min-height: 700px;
  background-image: url("images/aerial.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.features-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px
}

.features-list .list {
  list-style: none
}

.features-list .list-item {
  font-size: 15px;
  line-height: 1.3em;
  margin-bottom: 10px;
  text-transform: uppercase
}

@media screen and (max-width: 960px) {
  .amenities .amenities-centered {
    max-width: 768px;
    margin: 50px auto;
    padding: 0 20px
  }

  .amenities .amenities-block-img-1,
  .amenities .amenities-block-img-2,
  .amenities .amenities-block-img-3 {
    min-height: 450px
  }

  .amenities .amenities-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .amenities .amenities-block-wrapper .slice-item {
    width: 100%;
    display: table-row
  }

  .amenities .amenities-block-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .amenities .amenities-block-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .amenities .amenities-block-3 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .amenities .amenities-block-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .amenities .amenities-block-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .amenities .amenities-block-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

@media screen and (max-width: 640px) {

  .amenities .amenities-block-img-1,
  .amenities .amenities-block-img-2,
  .amenities .amenities-block-img-3 {
    min-height: 260px
  }
}

.booking-view {
  display: none
}

.booking-view.is-active {
  display: block
}

.booking-view.thankyou,
.booking-view.contact {
  display: none
}

.booking-view.thankyou.is-active,
.booking-view.contact.is-active {
  display: block
}

.calendar-section {
  font-family: "brandon-grotesque", sans-serif;
  width: 100%;
  overflow: hidden;
  margin-bottom: 60px;
  padding-top: 35px
}

.calendar-section .booking-view .inner .calendar-header {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 30px;
  color: #000000
}

.calendar-section .booking-view .inner h2 {
  width: 100%;
  font-size: 3.2em;
  font-weight: 400;
  margin: 1.5em 0 1.0em;
  text-align: center;
  text-transform: uppercase;
  color: #000000
}

.calendar-section .booking-view .inner h4 {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 2.4em;
  line-height: 1.5em;
  font-weight: 300
}

.calendar-section .booking-view .inner .subhead {
  margin-bottom: 2.5em;
  text-align: center
}

.calendar-section .booking-view .inner .subhead-span {
  font-size: 18px
}

.calendar-section .booking-view .inner .calendar-message {
  display: block;
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
  text-align: center;
  font-weight: 900;
  font-size: 1.9em;
  line-height: 1.5em;
  text-transform: uppercase
}

.calendar-section .calendar-message.success {
  color: #5e8897
}

.calendar-section .calendar-message.failure {
  color: #c6582a
}

.calendar-section .calendar-tile {
  overflow: hidden;
  margin-bottom: 40px
}

.calendar-section .calendar-tile .slice-item .date-wrapper {
  display: inline-block;
  height: 100%;
  min-height: 300px;
  max-width: 208px;
  min-width: 208px;
  margin: 10px 40px 0px 0;
  text-align: center;
  vertical-align: top
}

.calendar-section .calendar-tile .slice-item .date-wrapper:last-child {
  margin: 10px 0 0
}

.calendar-section .calendar-tile .slice-item .date-wrapper h5 {
  display: block;
  margin: 0 0 20px 0;
  font-size: 2.2em;
  letter-spacing: 0.15em;
  color: #727070;
  text-transform: uppercase;
  font-weight: 400
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal {
  position: relative;
  display: block;
  min-height: 285px;
  max-height: 285px;
  width: 100%;
  height: 100%
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal.start,
.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal.end {
  border: none
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal.start.active,
.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal.end.active {
  border: 2px solid #5e8897
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal .date-background {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 204px;
  height: 51%;
  background-color: #f3f4f6;
  min-height: 50px
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal .date-background:first-child {
  top: 0;
  left: 0
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h3 {
  position: relative;
  top: 70px;
  max-height: 120px;
  margin: 0;
  z-index: 20;
  line-height: 1;
  font-size: 11.5em;
  font-weight: 900;
  color: #c65c23
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h4 {
  position: relative;
  top: 30px;
  width: 100%;
  z-index: 30;
  margin: 0;
  padding: 0;
  text-align: center
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h4 a {
  display: block;
  width: 35px;
  height: 20px;
  padding: 2px;
  margin: 0 auto;
  background-color: #f3f4f6
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h4 a i {
  display: inline-block !important;
  width: 31px;
  height: 13px;
  z-index: 200;
  text-indent: 1000px;
  cursor: pointer;
  background-position: center center;
  background-size: contain
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h6 {
  display: block;
  top: 30px;
  width: 100%;
  margin: 0 0;
  position: relative;
  z-index: 20;
  font-size: 1.7em;
  font-weight: 400;
  text-transform: uppercase
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h6 span {
  display: inline-block;
  z-index: 20
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h6 span.date-month {
  width: 112px
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h6 span a {
  display: block;
  width: 20px;
  height: 20px;
  margin: 4px 2px;
  z-index: 20;
  color: #000000;
  background-color: transparent
}

.calendar-section .calendar-tile .slice-item .date-wrapper .date-cal h6 span a i {
  display: block;
  width: 12px;
  height: 16px;
  cursor: pointer
}

.calendar-section .calendar-tile .slice-item .cal-wrapper {
  float: right;
  display: inline-block;
  height: 100%;
  min-height: 290px;
  margin-top: 10px;
  text-align: center;
  vertical-align: top
}

.calendar-section .calendar-tile .slice-item .cal-wrapper .calendar {
  height: 100%;
  width: 100%
}

.calendar-section .calendar-tile .slice-item .cal-wrapper .calendar .clndr {
  height: 100%;
  width: 100%
}

.calendar-section .calendar-tile .slice-item .cal-wrapper .calendar .clndr .clndr-controls {
  height: 24px;
  width: 100%;
  margin-bottom: 20px;
  text-align: right
}

.clndr-control-button {
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  padding: 4px 6px
}

.clndr-control-button span {
  display: inline-block !important;
  width: 11px;
  height: 13px;
  color: transparent;
  text-indent: 1000px;
  cursor: pointer;
  background-position: center center;
  background-size: contain
}

.clndr-control-button span.clndr-previous-button {
  background-image: url("images/arrow-left.svg")
}

.clndr-control-button span.clndr-next-button {
  background-image: url("images/arrow-right.svg")
}

.month {
  display: inline-block;
  width: 250px;
  background-color: #ffffff;
  color: #c65c23;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  font-size: 2.2em;
  letter-spacing: 0.1em;
  font-weight: 400
}

.clndr-control-button.rightalign {
  display: inline-block
}

.calendar-section .calendar-tile .slice-item .cal-wrapper .calendar table {
  height: 100%;
  width: 100%
}

.calendar-section .calendar-tile .slice-item .cal-wrapper .calendar .clndr table.clndr-table {
  height: 100%;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-top: none
}

.clndr table.clndr-table {
  height: 100%;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-top: none;
  padding-top: 0
}

.clndr table.clndr-table tr.header-days {
  padding-top: 0;
  margin-top: 0;
  border-spacing: 0;
  border-top: none
}

.clndr table.clndr-table td {
  width: 60px;
  height: 45px
}

.clndr table.clndr-table td.header-day {
  padding-top: 0;
  margin-top: 0;
  background-color: #ffffff;
  border-top: none;
  color: #c65c23;
  font-size: 2.0em;
  font-weight: 900;
  vertical-align: top;
  cursor: default
}

.clndr table.clndr-table td.day {
  width: 63px;
  height: 43px;
  background-color: #ffffff;
  border: solid 2px #ffffff;
  color: #727070;
  font-size: 2.2em;
  line-height: 2.2em;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  -webkit-transition: all ease-out 500ms;
  transition: all ease-out 500ms;
  cursor: pointer
}

.clndr table.clndr-table td.day:hover {
  width: 63px;
  height: 43px;
  background-color: #c65c23;
  color: #ffffff
}

.clndr table.clndr-table td.day.is-past {
  color: #dedede;
  background-color: #ffffff;
  border: solid 2px #ffffff;
  cursor: not-allowed
}

.clndr table.clndr-table td.day.is-past.has-event {
  color: #dedede;
  background-color: #ffffff;
  border: solid 2px #ffffff;
  cursor: not-allowed
}

.clndr table.clndr-table td.day.is-past:hover:hover,
.clndr table.clndr-table td.day.is-past.has-event:hover {
  color: #727070;
  background-color: rgba(221, 222, 222, 0.5);
  cursor: not-allowed
}

.clndr table.clndr-table td.day.error,
.clndr table.clndr-table td.day.has-event.selected,
.clndr table.clndr-table td.day.selected.has-event:hover,
.clndr table.clndr-table td.day.is-today.has-event:hover,
.clndr table.clndr-table td.day.has-event:hover {
  color: #727070;
  background-color: rgba(221, 222, 222, 0.5);
  cursor: not-allowed
}

.clndr table.clndr-table td.day.is-past.selected,
.clndr table.clndr-table td.day.is-past.has-event.selected {
  background-color: #fff;
  border: solid 2px #fff;
  color: #dedede;
  cursor: not-allowed
}

.clndr table.clndr-table td.day.is-adjacent-month.is-last-month,
.clndr table.clndr-table td.day.is-adjacent-month.is-next-month {
  background-color: #fff;
  border: solid 2px #fff;
  color: #dedede
}

.clndr table.clndr-table td.day.is-today {
  border: none
}

.clndr table.clndr-table td.selected {
  background-color: #c65c23;
  color: #ffffff
}

.clndr table.clndr-table td.has-event {
  color: #877f79;
  background-color: rgba(221, 222, 222, 0.5)
}

.slice.cal-legend {
  width: 100%;
  overflow: hidden
}

.slice.cal-legend .cal-legend-item {
  display: table;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  margin: 0 auto
}

.slice.cal-legend .cal-legend-item .cal-legend-item-cell {
  display: table-cell;
  vertical-align: middle
}

.slice.cal-legend .cal-legend-item .color-box {
  width: 20px;
  height: 20px;
  background-color: rgba(221, 222, 222, 0.5);
  float: right
}

.slice.cal-legend .cal-legend-item p {
  margin-bottom: 0;
  padding-left: 10px;
  color: #727070;
  font-size: 1.8em;
  font-weight: 400
}

.calendar-submit,
.contact-submit {
  display: block;
  height: 60px;
  width: 270px;
  margin: 0 auto;
  font-size: 2.5em;
  font-weight: 400;
  letter-spacing: 0.05em
}

.calendar-submit.submit-input,
.contact-submit.submit-input {
  height: 60px;
  width: 270px;
  border: 1px solid #5e8897;
  border-radius: 5px;
  background-color: #5e8897;
  color: #fefefe;
  float: none;
  cursor: pointer
}

.calendar-submit.disabled,
.contact-submit.disabled {
  cursor: not-allowed
}

.booking-view.contact .inner {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto
}

.booking-view.contact .inner .contact-header {
  max-width: 662px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  text-align: center;
  color: #000000
}

.booking-view.thankyou {
  margin: 80px auto
}

.booking-view.thankyou .inner {
  display: table;
  width: 100%;
  padding: 50px 0
}

.booking-view.thankyou .inner .inner-cell {
  display: table-cell;
  vertical-align: middle
}

.booking-view.thankyou .inner .thankyou-header {
  font-size: 105px;
  line-height: 1;
  font-weight: 400;
  margin: 0 0 20px;
  color: #5e8897
}

.booking-view.thankyou .inner .thankyou-subheader-wrapper {
  max-width: 755px;
  margin-left: auto;
  margin-right: auto
}

.booking-view.thankyou .inner .thankyou-subheader {
  font-size: 3.6em;
  line-height: 1.2em;
  padding: 0 10px;
  text-align: center;
  color: #000000
}

.start-event:before {
  content: '\0020';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -14px;
  right: 0;
  border-top: 62px solid transparent;
  border-right: 79px solid rgba(221, 222, 222, 0.3);
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent
}

.end-event:after {
  content: '\0020';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -14px;
  left: 0;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 62px solid transparent;
  border-left: 79px solid rgba(221, 222, 222, 0.3)
}

@media screen and (max-width: 1024px) {
  .calendar-section .calendar-tile .slice-item {
    width: 100%;
    display: block;
    margin: 0 auto;
    float: none;
    max-width: 460px
  }

  .calendar-section .calendar-tile .slice-item.date-picker {
    margin-bottom: 25px
  }

  .calendar-section .calendar-tile .slice-item .cal-wrapper {
    float: none
  }

  .booking-view.thankyou .inner .thankyou-subheader-wrapper {
    max-width: 670px
  }

  .start-event:before {
    bottom: -17px;
    border-top: 62px solid transparent;
    border-right: 83px solid rgba(221, 222, 222, 0.3)
  }

  .end-event:after {
    top: -14px;
    border-bottom: 60px solid transparent;
    border-left: 79px solid rgba(221, 222, 222, 0.3)
  }
}

@media screen and (max-width: 960px) {
  .start-event:before {
    border-top: 60px solid transparent
  }

  .end-event:after {
    border-bottom: 57px solid transparent
  }
}

@media screen and (max-width: 640px) {
  .calendar-section .calendar-tile .slice-item .date-wrapper {
    margin: 0px 0px 20px
  }

  .calendar-section .calendar-tile .slice-item .date-wrapper:last-child {
    margin: 0px
  }

  .calendar-section .calendar-tile .slice-item .date-wrapper .date-cal {
    min-height: 240px;
    max-height: 240px
  }

  .calendar-section .calendar-tile .slice-item.date-picker {
    max-width: 208px
  }

  .calendar-section .calendar-tile .slice-item .cal-wrapper .calendar .clndr .clndr-controls {
    text-align: center
  }

  .month {
    width: 230px
  }

  .booking-view.thankyou {
    margin: 0px auto
  }

  .booking-view.thankyou .inner .thankyou-header {
    font-size: 45px
  }

  .booking-view.thankyou .inner .thankyou-subheader {
    font-size: 2.4em
  }

  .start-event:before {
    border-top: 57px solid transparent
  }
}

@media screen and (max-width: 414px) {
  .start-event:before {
    border-top: 58px solid transparent;
    border-right: 74px solid rgba(221, 222, 222, 0.3)
  }

  .end-event:after {
    border-bottom: 56px solid transparent;
    border-left: 69px solid rgba(221, 222, 222, 0.3)
  }
}

@media screen and (max-width: 375px) {
  .start-event:before {
    border-right: 63px solid rgba(221, 222, 222, 0.3)
  }

  .end-event:after {
    border-left: 61px solid rgba(221, 222, 222, 0.3)
  }
}

@media screen and (max-width: 360px) {
  .start-event:before {
    border-right: 60px solid rgba(221, 222, 222, 0.3)
  }

  .end-event:after:after {
    border-left: 58px solid rgba(221, 222, 222, 0.3)
  }
}

@media screen and (max-width: 320px) {
  .start-event:before {
    border-right: 51px solid rgba(221, 222, 222, 0.3)
  }

  .end-event:after {
    border-left: 50px solid rgba(221, 222, 222, 0.3)
  }
}

.contact-form .field-section {
  border: 1px solid #d6d6d6;
  padding: 20px;
  margin: 50px auto;
  overflow: hidden
}

.contact-form .input-wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  margin-bottom: 10px
}

.contact-form .input-wrapper:last-child {
  margin-bottom: 0px
}

.contact-form .input-wrapper.push-right {
  margin-right: 2%
}

@media screen and (max-width: 768px) {
  .contact-form .input-wrapper.push-right {
    margin-right: 0%
  }
}

.contact-form .input-wrapper.clear-left {
  clear: left
}

.contact-form .select-wrapper {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  margin-bottom: 10px
}

.contact-form .select-wrapper label.error {
  background-color: white;
  border: 2px solid white
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  display: block;
  background-color: rgba(169, 177, 184, 0.1);
  color: rgba(35, 34, 34, 0.4);
  border: 2px solid rgba(169, 177, 184, 0);
  border-radius: 0px
}

.contact-form input.error,
.contact-form textarea.error {
  border-color: #c65c23
}

.contact-form label.error {
  display: block;
  color: #c65c23;
  font-size: 1.5rem;
  padding-top: 5px
}

.contact-form .width-30 {
  width: 30%
}

.contact-form .width-31 {
  width: 31%
}

.contact-form .width-35 {
  width: 35%
}

.contact-form .width-26 {
  width: 26%
}

.contact-form .width-63 {
  width: 63%
}

@media screen and (max-width: 768px) {

  .contact-form .width-30,
  .contact-form .width-31,
  .contact-form .width-35,
  .contact-form .width-26,
  .contact-form .width-63 {
    width: 100%
  }
}

.custom-select {
  position: relative;
  display: block;
  margin-top: 0.5em;
  padding: 0
}

.select-button {
  border: 2px solid rgba(169, 177, 184, 0);
  border-radius: 0;
  background-color: rgba(169, 177, 184, 0.1)
}

.custom-select select {
  width: 100%;
  margin: 0;
  background: none;
  border: 1px solid transparent;
  outline: none;
  box-sizing: border-box;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  font-size: 1.7rem;
  font-weight: 400;
  color: rgba(35, 34, 34, 0.4);
  padding: .6em 1.9em .5em .8em;
  line-height: 1.3
}

.custom-select select.error {
  border: 2px solid #c65c23;
  border-radius: 0
}

.custom-select::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 8px;
  top: 50%;
  right: 1em;
  margin-top: -4px;
  background-image: url("images/select-arrow.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  pointer-events: none
}

.custom-select:hover {
  border: 2px solid rgba(169, 177, 184, 0)
}

.custom-select select:focus {
  outline: none;
  background-color: transparent;
  color: rgba(35, 34, 34, 0.4);
  border: 2px solid rgba(169, 177, 184, 0)
}

.custom-select option {
  font-weight: normal
}

.footer .footer-bottom {
  background: #313232
}

.footer .footer-bottom .footer-table {
  height: 150px
}

.footer .footer-bottom .footer-table .slice-item {
  vertical-align: bottom
}

.footer .footer-bottom .footer-table .slice-item.first {
  width: 48%;
  border-right: 1px solid rgba(255, 255, 255, 0.3)
}

.footer .footer-bottom .footer-copy {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  color: #9C9C9C;
  text-transform: uppercase
}

.footer .footer-bottom .disclaimer {
  font-size: 14px;
  margin-bottom: 30px;
  color: #9C9C9C
}

.footer .footer-bottom .jms {
  padding-left: 30px;
  margin-bottom: 30px
}

.footer .footer-bottom .jms .jms-logo {
  max-width: 100%;
  height: auto;
  margin-right: 20px
}

.footer .footer-bottom .jms .jms-copy-span {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #9C9C9C;
  text-transform: uppercase
}

.footer .footer-bottom .jms .jms-copy {
  display: block;
  outline: none;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #9C9C9C;
  text-transform: uppercase;
  margin-bottom: 0
}

.footer .footer-bottom .jms .jms-copy:after {
  content: '';
  background-image: url("images/right-arrow.png");
  width: 14px;
  height: 11px;
  display: inline-block
}

.footer .social-icons {
  float: right;
  overflow: hidden
}

.footer .social-icons .list-item {
  font-size: 0;
  line-height: 1;
  margin-bottom: 0px
}

@media screen and (max-width: 768px) {
  .footer .footer-bottom .footer-table {
    width: 100%
  }
}

@media screen and (max-width: 640px) {
  .footer .social-icons {
    margin-right: 10px
  }

  .footer .footer-bottom .footer-table {
    width: 100%
  }

  .footer .footer-bottom .footer-table .slice-item {
    display: table-row
  }

  .footer .footer-bottom .footer-table .slice-item.first {
    width: 100%
  }

  .footer .footer-bottom .footer-copy {
    font-size: 14px;
    margin-top: 30px
  }

  .footer .footer-bottom .jms {
    padding-left: 0
  }

  .footer .footer-bottom .jms .jms-logo {
    padding-bottom: 4px
  }
}

.gallery-wrapper {
  width: 100%;
  position: relative;
  background-color: black
}

.arrow-wrapper {
  position: relative;
  padding-left: 60px;
  padding-right: 60px
}

.gallery {
  width: 100%;
  max-width: 1024px;
  max-height: 606px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: black;
  -webkit-backface-visibility: hidden
}

.gallery-slides {
  width: 100%;
  margin: 0 auto
}

.gallery-slide {
  margin-bottom: 0px
}

.gallery-slide img {
  width: 100%;
  height: auto
}

.gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
}

.slide-image-title {
  position: absolute;
  width: 100%;
  margin-top: 100px;
  color: #ffffff;
  font-size: 35px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase
}

.gallery-selectors-wrapper {
  width: 100%;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0;
  background-color: black
}

.gallery-selectors {
  position: relative;
  width: 80%;
  margin: 0 auto
}

.gallery-selectors .slick-slide {
  margin: 5px
}

.gallery-selector {
  display: block
}

.gallery-selector img {
  border: 2px solid transparent;
  width: 100%;
  -webkit-transition-property: border;
  transition-property: border;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.gallery-selector.is-active img {
  border: 3px solid white
}

@media screen and (max-width: 960px) {
  .gallery-selector.is-active img {
    border: 12px solid transparent
  }

  .slide-image-title {
    margin-top: 20px;
    font-size: 25px
  }

  .gallery-wrapper {
    height: auto
  }

  .gallery-selectors-wrapper {
    display: none
  }

  .arrow-wrapper {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media screen and (max-width: 640px) {
  .gallery-selectors {
    width: 100%
  }

  .gallery-selectors .slick-slide {
    padding: 5px 10px
  }

  .gallery-wrapper {
    height: auto
  }

  .arrow-wrapper {
    padding-left: 20px;
    padding-right: 20px
  }

  .arrow-wrapper .icon-48 {
    width: 38px;
    height: 38px;
    margin-left: -5px
  }
}

.slick-slider {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir="rtl"] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

@media screen and (max-width: 960px) {
  .slick-slide.slick-active.slick-center img {
    border: 3px solid white
  }

  .gallery-selector img {
    border: 12px solid transparent
  }
}

.slick-loading .slick-list {
  background: #fff url("images/ajax-loader.gif") center center no-repeat
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 100%;
  width: 48px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: black;
  top: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: black
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25
}

.slick-prev.thumb,
.slick-next.thumb {
  height: 28px;
  width: 28px;
  background: transparent;
  top: 50%;
  margin-top: -12px
}

.slick-prev.thumb:hover,
.slick-next.thumb:hover {
  background: transparent
}

.slick-prev {
  left: 0px
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: 0
}

.slick-prev.slick-disabled .icon-left-arrow {
  visibility: hidden
}

.slick-prev.thumb {
  left: -25px
}

[dir="rtl"] .slick-prev.thumb {
  left: auto;
  right: -25px
}

.slick-next {
  right: 0px
}

[dir="rtl"] .slick-next {
  left: 0;
  right: auto
}

.slick-next.thumb {
  right: -25px
}

[dir="rtl"] .slick-next.thumb {
  left: -25px;
  right: auto
}

.slick-dots {
  position: absolute;
  bottom: 15px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 80%;
  left: 0;
  right: 0;
  margin: 0 auto
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1
}

@media screen and (max-width: 640px) {

  .slick-prev,
  .slick-next {
    width: 28px
  }
}

.nav {
  width: 100%;
  position: fixed;
  z-index: 1;
  background-color: transparent
}

.nav .slice-table {
  width: 100%
}

.nav .nav-list {
  width: auto;
  height: 70px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center
}

.nav .nav-list .nav-list-item {
  width: 33.333%;
  font-size: 24px;
  font-weight: 400
}

.nav .nav-list .nav-list-item.first {
  padding-left: 20px
}

.nav .nav-list .nav-list-item.second {
  padding-left: 20px
}

.nav .scroll-item-link {
  display: inline-block;
  text-transform: uppercase;
  color: white
}

.nav .scroll-item-link.is-active {
  color: #74b0c5
}

.nav .scroll-up {
  display: none
}

.nav .social-icon {
  display: none
}

.nav.sticky-bar-scrolled {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000000;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(42%, #000), color-stop(50%, #000), color-stop(58%, #000), color-stop(100%, rgba(19, 19, 19, 0.4)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, #000 42%, #000 50%, #000 58%, rgba(19, 19, 19, 0.4) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, #000 42%, #000 50%, #000 58%, rgba(19, 19, 19, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66131313', GradientType=1);
  z-index: 999
}

.nav.sticky-bar-scrolled .nav-list {
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  height: 90px
}

.nav.sticky-bar-scrolled .nav-list .nav-list-item.is-active {
  color: #74b0c5
}

.nav.sticky-bar-scrolled .scroll-up {
  display: block;
  width: 55%;
  margin: 0 auto;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  text-align: right
}

.nav.sticky-bar-scrolled .scroll-up .up_arrow {
  margin-right: 20px
}

.nav.sticky-bar-scrolled .social-icon {
  width: 100%;
  margin: 0 auto;
  display: block;
  overflow: hidden
}

.nav.sticky-bar-scrolled .social-icon .list-item {
  width: 55%;
  font-size: 0;
  line-height: 1;
  margin-bottom: 0px;
  text-align: center
}

@media screen and (max-width: 1109px) {
  .nav.sticky-bar-scrolled .scroll-up {
    width: 60%
  }
}

@media screen and (max-width: 1016px) {
  .nav.sticky-bar-scrolled .scroll-up {
    width: 65%
  }
}

@media screen and (max-width: 975px) {
  .nav {
    position: static
  }
}

@media screen and (max-width: 900px) {
  .nav .nav-list .nav-list-item {
    font-size: 20px
  }
}

@media screen and (max-width: 768px) {

  .nav .slice-table .home,
  .nav .slice-table .social {
    display: none
  }
}

@media screen and (max-width: 640px) {

  .nav .slice-table .home,
  .nav .slice-table .social {
    display: none
  }

  .nav .nav-list .nav-list-item {
    font-size: 16px
  }

  .nav .nav-list .nav-list-item.second {
    padding-left: 20px
  }
}

.homepage-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden
}

.homepage-hero.bg-img {
  background-image: url("images/background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.homepage-hero .hero-copy-wrapper {
  display: table;
  width: 100%;
  height: 100vh;
  margin: 0 auto
}

.homepage-hero .hero-copy {
  display: table-cell;
  vertical-align: middle;
  color: white;
  position: relative
}

.homepage-hero .hero-copy-img {
  max-width: 100%;
  height: auto
}

.homepage-hero .hero-headline {
  font-size: 120px;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px
}

.homepage-hero .hero-text {
  max-width: 905px;
  margin-right: auto;
  margin-left: auto;
  font-size: 27px;
  line-height: 35px;
  text-align: center;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 300;
  text-shadow: -1px 0px 4px #000000;
  padding: 15px 0
}

.homepage-hero .hero-down {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}

@media screen and (max-width: 960px) {
  .homepage-hero .hero-copy-wrapper {
    height: 80vh
  }

  .homepage-hero .hero-headline {
    font-size: 86px
  }
}

@media screen and (max-width: 768px) {
  .homepage-hero .hero-text {
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0
  }
}

@media screen and (max-width: 640px) {
  .homepage-hero .hero-copy-wrapper {
    height: 75vh
  }

  .homepage-hero .hero-headline {
    font-size: 35px;
    margin-bottom: 10px
  }

  .homepage-hero .hero-text {
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0
  }
}

@media screen and (max-width: 320px) {
  .homepage-hero .bg-img {
    height: 90vh
  }

  .homepage-hero .hero-copy-wrapper {
    height: 75vh
  }

  .homepage-hero .hero-text {
    max-width: 260px;
    margin-right: auto;
    margin-left: auto
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .homepage-hero .bg-img {
    height: auto;
    min-height: 500px
  }

  .homepage-hero .hero-copy-wrapper {
    height: auto
  }

  .homepage-hero .hero-headline {
    font-size: 74px !important
  }
}

.mid-grey {
  color: #727070
}

.dark-grey {
  color: #232222
}

.dark-green {
  color: #4d646c
}

.light-green {
  color: #94a1a6
}

.background-color-black {
  background-color: black
}

.bold {
  font-weight: 900
}

.center {
  display: block;
  margin: 0 auto
}

.summary-header {
  color: #4d646c;
  font-size: 2rem;
  line-height: 3rem;
  text-transform: uppercase;
  margin-bottom: 17px
}

.icon {
  background-position: center center;
  background-size: contain;
  display: block
}

.icon-inline {
  display: inline-block !important
}

.icon-8 {
  width: 8px;
  height: 8px
}

.icon-14 {
  width: 14px;
  height: 14px
}

.icon-16 {
  width: 16px;
  height: 16px
}

.icon-22 {
  width: 22px;
  height: 22px
}

.icon-24 {
  width: 24px;
  height: 24px
}

.icon-27 {
  width: 27px;
  height: 27px
}

.icon-28 {
  width: 28px;
  height: 28px
}

.icon-32 {
  width: 32px;
  height: 32px
}

.icon-34 {
  width: 34px;
  height: 34px
}

.icon-38 {
  width: 38px;
  height: 38px
}

.icon-48 {
  width: 48px;
  height: 48px
}

.icon-60 {
  width: 60px;
  height: 60px
}

.icon-72 {
  width: 72px;
  height: 72px
}

.icon-90 {
  width: 90px;
  height: 90px
}

.icon-360 {
  width: 360px;
  height: 360px
}

.icon-arrow-down {
  background-image: url("images/svg/arrow-down.svg");
  background-repeat: no-repeat
}

.icon-arrow-left {
  background-image: url("images/svg/arrow-left.svg");
  background-repeat: no-repeat
}

.icon-arrow-right {
  background-image: url("images/svg/arrow-right.svg");
  background-repeat: no-repeat
}

.icon-arrow-up {
  background-image: url("images/svg/arrow-up.svg");
  background-repeat: no-repeat
}

.icon-card {
  background-image: url("images/svg/card.svg");
  background-repeat: no-repeat
}

.icon-down-arrow {
  background-image: url("images/svg/down-arrow.svg");
  background-repeat: no-repeat
}

.icon-facebook {
  background-image: url("images/svg/facebook.svg");
  background-repeat: no-repeat
}

.icon-left-arrow {
  background-image: url("images/svg/left-arrow.svg");
  background-repeat: no-repeat
}

.icon-right-arrow {
  background-image: url("images/svg/right-arrow.svg");
  background-repeat: no-repeat
}

.ie9 .ie9-gradient {
  -webkit-filter: none;
  filter: none
}

.ie9 .features-list {
  width: 100%
}

.ie9 .features-list ul {
  width: 50%;
  float: left
}

.agreement-button-wrapper {
  margin: 50px auto;
  max-width: 250px
}

.agreement-accept,
.agreement-decline {
  display: block;
  height: 60px;
  width: 200px;
  float: left;
  margin: 0 25px;
  font-size: 2.5em;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer
}

.agreement-decline {
  border: 1px solid white;
  background-color: white;
  color: rgba(114, 112, 122, 0.4)
}

.agreement-decline:focus {
  outline: none;
  border: none
}

.agreement-accept {
  border: 1px solid #5e8897;
  background-color: #5e8897;
  border-radius: 5px;
  color: #fefefe
}

.agreement-accept:focus {
  outline: none;
  border: none;
  color: #fefefe
}

@media screen and (max-width: 640px) {
  .agreement-button-wrapper {
    width: 100%
  }

  .agreement-accept {
    width: 100%;
    margin: 0px
  }
}

.rental {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 25px
}

.rental-header {
  max-width: 1080px;
  margin: 0 auto 50px
}

.rental-header h1 {
  font-size: 6.6rem;
  margin-top: 50px;
  color: #c65c23;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px
}

.rental-header hr {
  border: none;
  width: 100%;
  border-top: 1px solid #000000;
  margin-top: 30px;
  margin-bottom: 25px
}

.rental-header p {
  color: #6c6c6c;
  font-size: 14px;
  text-align: center
}

.rental-header p a {
  margin-left: 50px;
  color: #6c6c6c
}

.rental-info {
  width: 100%;
  overflow: hidden
}

.rental-info h2 {
  margin: 15px 0;
  color: #6c6c6c;
  font-size: 35px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left
}

.rental-info .rental-bold {
  margin-bottom: 35px;
  color: #6c6c6c;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left;
  line-height: 24px
}

.rental-info .rental-space {
  margin-right: 15px
}

.rental-info .rental-space.extra {
  margin-right: 35px
}

.rental-info h3 {
  margin-bottom: 5px;
  color: #c65c23;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left
}

.rental-info p {
  margin-bottom: 40px;
  color: #6c6c6c;
  font-size: 18px;
  text-align: left;
  line-height: 24px
}

.rental-info b {
  font-weight: 900
}

.rental-info .thankyou {
  margin: 0px auto
}

.rental-info .thankyou .inner {
  display: table;
  width: 100%;
  padding: 0
}

.rental-info .thankyou .inner .inner-cell {
  display: table-cell;
  vertical-align: middle
}

.rental-info .thankyou .inner .thankyou-header {
  font-size: 105px;
  line-height: 1;
  font-weight: 400;
  margin: 0 0 20px;
  text-align: center;
  color: #5e8897
}

.rental-info .thankyou .inner .thankyou-subheader-wrapper {
  max-width: 755px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px
}

.rental-info .thankyou .inner .thankyou-subheader {
  font-size: 3.6em;
  line-height: 1.2em;
  padding: 0 10px;
  text-align: center;
  font-weight: 300;
  color: #000000
}

@media screen and (max-width: 640px) {
  .rental h1 {
    font-size: 3.7rem;
    margin-top: 40px
  }

  .rental p {
    margin-bottom: 30px
  }

  .rental p span {
    margin-left: 0
  }

  .rental-header h1 {
    font-size: 4.5rem
  }

  .rental-info h2 {
    font-size: 32px
  }

  .rental-info .thankyou .inner .thankyou-header {
    font-size: 45px
  }

  .rental-info .thankyou .inner .thankyou-subheader {
    font-size: 2.4em
  }
}

.payment-bold {
  margin-top: 50px;
  margin-bottom: 10px;
  color: #6c6c6c;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase
}

.client-info {
  text-transform: uppercase;
  color: #6c6c6c;
  font-size: 1.5rem
}

.client-info .client {
  margin: 8px 0
}

.client-info .client span {
  color: #c65c23;
  font-weight: bold
}

.client-info .client-number,
.client-info .client-email {
  float: left
}

.client-info .client-email {
  margin-left: 25px
}

.client-info .client-contact {
  margin: 8px 0 50px
}

.client-charges {
  width: 100%;
  color: #6c6c6c;
  font-size: 16px;
  margin-bottom: 50px
}

.client-charges td,
.client-charges th {
  padding: 10px 15px
}

.client-charges tr {
  border-top: 1px solid #f2f2f2
}

.client-charges tr:last-child {
  border-top: 1px solid #6c6c6c
}

.client-charges .client-charges-header {
  background: #f2f2f2;
  font-weight: bold;
  text-transform: uppercase
}

.client-charges .client-charges-total {
  font-weight: bold;
  text-transform: uppercase
}

.client-payment-choice {
  position: relative;
  color: #6c6c6c;
  text-transform: uppercase;
  margin-bottom: 20px
}

.client-payment-choice.select-payment-type {
  pointer-events: none;
  cursor: default;
  opacity: 0.4
}

.client-payment-choice.select-payment-type.is-active {
  opacity: 1;
  cursor: auto;
  pointer-events: auto
}

.client-payment-choice .span-label {
  color: #c65c23;
  font-weight: bold;
  display: inline-block;
  padding-left: 10px
}

.client-payment-choice input[type="radio"] {
  display: none
}

.client-payment-choice input[type="radio"]+label {
  display: block;
  padding: 10px 0;
  font-size: 15px
}

.client-payment-choice input[type="radio"]+label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 10px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%
}

.client-payment-choice input[type="radio"]+label span {
  border: 2px solid #f2f2f2
}

.client-payment-choice input[type="radio"]:checked+label span {
  background-color: #e3e3e3
}

.client-payment-choice input[type="radio"]+label span,
.client-payment-choice input[type="radio"]:checked+label span {
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.client-payment-choice .client-card-wrapper,
.client-payment-choice .client-ach-wrapper {
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.client-payment-choice .client-card-wrapper.is-active {
  height: 96px
}

.client-payment-choice .client-ach-wrapper.is-active {
  height: 290px
}

@media screen and (max-width: 768px) {

  .client-payment-choice .client-card,
  .client-payment-choice .client-ach {
    width: 100% !important
  }

  .client-payment-choice .client-card .icon-card,
  .client-payment-choice .client-ach .icon-card {
    margin-top: 10px !important
  }
}

.client-card-wrapper,
.client-ach-wrapper {
  width: 100%
}

.client-card-wrapper .card-name,
.client-ach-wrapper .card-name {
  width: 67.7%;
  float: left
}

.client-card-wrapper .client-card,
.client-card-wrapper .client-ach,
.client-ach-wrapper .client-card,
.client-ach-wrapper .client-ach {
  width: 70%;
  float: left
}

.client-card-wrapper .client-card,
.client-ach-wrapper .client-card {
  background: #f2f2f2
}

.client-card-wrapper .client-card input,
.client-ach-wrapper .client-card input {
  float: left;
  border: none;
  background: #f2f2f2
}

.client-card-wrapper .client-card .icon-card,
.client-ach-wrapper .client-card .icon-card {
  width: 6%;
  float: left;
  margin-top: 13px;
  margin-left: 5px
}

.client-card-wrapper .client-card .card-number,
.client-ach-wrapper .client-card .card-number {
  width: 30%
}

.client-card-wrapper .client-card .card-date,
.client-card-wrapper .client-card .card-cvv,
.client-card-wrapper .client-card .card-zip,
.client-ach-wrapper .client-card .card-date,
.client-ach-wrapper .client-card .card-cvv,
.client-ach-wrapper .client-card .card-zip {
  width: 20%
}

.client-card-wrapper .client-ach ::-webkit-input-placeholder,
.client-ach-wrapper .client-ach ::-webkit-input-placeholder {
  color: #6c6c6c
}

.client-card-wrapper .client-ach :-moz-placeholder,
.client-ach-wrapper .client-ach :-moz-placeholder {
  color: #6c6c6c;
  opacity: 1
}

.client-card-wrapper .client-ach ::-moz-placeholder,
.client-ach-wrapper .client-ach ::-moz-placeholder {
  color: #6c6c6c;
  opacity: 1
}

.client-card-wrapper .client-ach :-ms-input-placeholder,
.client-ach-wrapper .client-ach :-ms-input-placeholder {
  color: #6c6c6c
}

.client-card-wrapper .client-ach input,
.client-card-wrapper .client-ach select,
.client-ach-wrapper .client-ach input,
.client-ach-wrapper .client-ach select {
  background: #f2f2f2;
  color: #6c6c6c;
  border: none;
  margin: 5px 0;
  padding-left: 8px !important
}

.client-card-wrapper .client-ach select,
.client-ach-wrapper .client-ach select {
  height: 48px;
  width: 100%;
  font-size: 16px
}

.client-card-wrapper .client-ach select:focus,
.client-ach-wrapper .client-ach select:focus {
  outline: 0
}

.client-payment-submit {
  display: block;
  height: 60px;
  width: 270px;
  margin: 30px auto;
  border-radius: 5px;
  font-size: 2.5em;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 1px solid #5e8897;
  border-radius: 5px;
  background-color: #5e8897;
  color: #fefefe;
  cursor: pointer
}

.client-payment-submit:focus {
  outline: none;
  border: none;
  color: #fefefe
}

.client-denied {
  display: none
}

.client-denied.is-active {
  display: block
}

.client-approved {
  display: none
}

.client-approved.is-active {
  display: block
}

.client-orange {
  color: #c65c23
}

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

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

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.cf:before,
.cf:after {
  content: "";
  display: table
}

.cf:after {
  clear: both
}

.cf {
  *zoom: 1
}

input {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 10px 17px;
  font-size: 1.7rem;
  line-height: 2.89rem;
  letter-spacing: .00153rem;
  width: 100%
}

input:focus {
  outline: 0;
  border: none;
  color: #5c5c5c
}

textarea {
  font-size: 1.7rem;
  line-height: 2.89rem;
  letter-spacing: .00153rem;
  -webkit-transition-property: opacity, border;
  transition-property: opacity, border;
  padding: 8px 17px 8px 17px;
  overflow: auto !important;
  word-wrap: break-word;
  resize: none
}

textarea:focus {
  outline: 0;
  border: none;
  color: #5c5c5c
}

::-ms-clear {
  width: 0;
  height: 0
}

::-ms-reveal {
  width: 0;
  height: 0
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px
}

a {
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer
}

a:hover {
  color: #c65c23
}

div.field,
div.actions {
  margin-bottom: 10px
}

#notice {
  color: green
}

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table
}

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0
}

#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff
}

#error_explanation ul li {
  font-size: 12px;
  list-style: square
}

x:-o-prefocus,
.custom-select::after {
  display: none
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none
  }

  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222
  }
}

@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden
  }

  .custom-select select {
    width: 120%;
    width: calc(100% + em)
  }
}

.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}

.slice {
  width: 100%
}

.slice-item {
  width: 50%;
  float: left
}

.slice-wide {
  width: 100%
}

.slice-2col-spaced .slice-item {
  width: 33%;
  margin-right: 30px
}

.slice-3col>.slice-item {
  width: 33.33333%
}

.slice-3col>.slice-item-wide {
  width: 66.66667%
}

.slice-4col>.slice-item {
  width: 25%
}

.slice-4col>.slice-item-wide {
  width: 75%
}

.slice-5col>.slice-item {
  width: 20%
}

.slice-5col>.slice-item-wide {
  width: 40%
}

.slice-table {
  display: table
}

.slice-table>.slice-item {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  float: none
}

.slice-table .slice-67 {
  width: 67px
}

.slice-table.table-fixed {
  table-layout: fixed
}

.slice-table .slice-tablerow {
  display: table-row
}

.slice-table .slice-tablerow>.slice-item {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  float: none
}

.brandon-grotesque-regular {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 400
}

.brandon-grotesque-light {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 300
}

.brandon-grotesque-black {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 900
}

* {
  box-sizing: border-box
}

html {
  font-size: 10px;
  color: white;
  height: 100%;
  width: 100%
}

body {
  text-transform: none;
  text-decoration: none;
  text-align: left;
  word-wrap: normal;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  font-family: "brandon-grotesque", sans-serif;
  color: #727070;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: geometricPrecision;
  -webkit-tap-highlight-color: transparent
}

.rel-arrow {
  position: relative
}

.rel-arrow .absolute-arrow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}

#container {
  min-height: 100%;
  position: relative
}

.wrapper {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto
}

.wrapper-full {
  max-width: 1024px
}

@media screen and (max-width: 1080px) {
  .wrapper {
    padding: 0 40px
  }
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 9.5px
  }
}

@media screen and (max-width: 960px) {
  html {
    font-size: 9px
  }
}

@media screen and (max-width: 640px) {
  html {
    font-size: 8.5px
  }

  .wrapper {
    padding: 0 20px
  }

  .rel-arrow.padding-bottom {
    padding-bottom: 6px
  }

  .arrow.bg-white {
    border: 1px solid white
  }
}