@font-face {
  font-family: 'NewFrank-Regular';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/edrington/New+Frank+-+Regular.otf');
}

@font-face {
  font-family: 'NewFrank-Medium';
  src: url('https://external-stylesheets.s3.amazonaws.com/fonts/edrington/New+Frank+-+Medium.otf');
}



/* brand: #1f6779 */



/*Font styles*/

h1 {
    font-family: 'NewFrank-Medium', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000 !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    font-size: 32px !important;
}

h2 {
  font-family: 'NewFrank-Medium', Helvetica, Arial, sans-serif !important;
  color: #757575 !important;
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: none !important;
  letter-spacing: 2px;
  text-transform: uppercase !important;
}



h3,
h4,
h5,
h6 {
    font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}

body {
    font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 28px !important;
}

.TourPage-About-description {
  color: #000000 !important
}

/*Custom inputs for Edrington*/

input {
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Regular' !important;
  letter-spacing: .075rem;
}

textarea {
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Regular' !important;
  letter-spacing: .075rem;
}

.ui.dropdown.border-solid.selection.compact {
/*Experience Details - Guest Selection*/
  border: 0px !important;
}

.ui.textarea::placeholder {
  font-family: 'NewFrank-Regular' !important;

}

.TourPage-ContactGuide-ModalContent .TourPage-ContactGuide-Form .TourPage-ContactGuide-Form-NumberOfPeopleInput.field .ui.selection.compact.dropdown {
/*Experience details - Contact us modal - Guest count dropdown*/
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.TourPage-BookingDetails .BookingRequest-form .multi-select-wrapper .ui.multi-select-dropdown {
/*Experience details - Ticket selector*/
  font-size: 16px !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase !important;
}

.TourPage-BookingDetails .multi-select-wrapper .ui.multi-select-dropdown .text {
/*Experience details - Ticket selector type*/
  text-transform: uppercase !important;
}

.TourPage-BookingDetails .BookingRequest-form .ui.dropdown {
  /*Experience details - Date selector*/
    font-size: 16px !important;
    border: solid 1px .0625rem #f4f3f3 !important;
    background-color: #f4f3f3 !important;
    font-family: 'NewFrank-Medium' !important;
    font-size: 14px !important;
    letter-spacing: .075rem;
    text-transform: uppercase !important;
  }

.grid.tour-page #booking-container {
/*Experience details - Pricing summary sidebar background color - for Edrington, so dropdowns show up*/
  background-color: #FFFFFF !important;
  border: 1px solid #e3e3e3 !important;
}

.css-obhy8a {
/*Guest checkout - Telephone input*/
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  border-top-color: #f4f3f3 !important;
  border-right-color: #f4f3f3 !important;
  border-bottom-color: #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
}

input.css-obhy8a.ecmxhf4 {
/*Guest checkout - Telephone input - Removing border from component*/
  border: none !important;
}

button.phone-input-button {
/*Guest checkout area code*/
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.CheckoutPayment .row.country .ui.selection.dropdown {
/*Guest checkout country code*/
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f2f2f2 !important;
}

.ui.selection.dropdown>.text {
/*Guest checkout dropdown text*/
  z-index: 2;
  position: fixed !important;
  font-size: 1rem !important;
  border: solid 0rem #f4f3f3 !important;
  background-color: transparent !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

[dataname|="billing_country"] {
/*Guest checkout - Country dropdown - For Edrington, this input should stylistically differentiate from other inputs*/
  font-family: 'NewFrank-Medium' !important;
  text-transform: uppercase;
}

.ar-multi_select-item .ar-multi_select-text {
/*Guest checkout - Additional questions - Multi-select options*/
  font-family: 'NewFrank-Regular';
  text-transform: uppercase;
  letter-spacing: .75px;
  font-size: .85rem;
}

.ar-multi_select-item .ar-multi_select-icon-wrapper .ar-multi_select-icon.af-checkmark {
/*Guest checkout - Multi-select - Selected state*/
  background-color: #000000 !important;
}

.ar-radio-item {
/*Guest checkout - Additional questions - Radio buttons*/
    font-family: 'NewFrank-Regular';
    text-transform: uppercase;
    letter-spacing: .75px;
    font-size: .85rem;
}

.ar-radio-item .ar-radio-icon-wrapper .ar-radio-icon.af-checkmark {
/*Guest checkout - Radio button - Selected state*/
    background-color: #000000 !important;
}

.Checkbox-indicator-fill.af-checkmark {
/*Guest checkout - Waiver, policy, opt-ins - Selected state*/
    background-color: #000000 !important;
}

.StripeElement {
/*Guest checkout - Stripe fields*/
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.dropdown-wrapper.t-checkout .ui.dropdown.selection {
/*Guest checkout - Additional questions dropdown*/
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.MessageGuideContainer .CheckoutMessageGuide h2 {
/*Guest checkout - Header - send a message textarea*/
  text-transform: uppercase !important;
}

.MessageGuideContainer .CheckoutMessageGuide .textarea.ui {
/*Guest checkout send a message textarea*/
  font-family: 'NewFrank-Regular' !important;

}

.rescheduleModal .changeBooking .Datepicker input {
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.rescheduleModal .changeBooking .availableTimes .timeSlot .slotInfo .time {
  font-family: 'NewFrank-Regular', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  color: #000000 !important;
  letter-spacing: .75px;
  font-size: .9rem; /*This is a unique font size to accommodate the letter spacing within the time selector container*/
  text-transform: uppercase !important;
}

.rescheduleModal .modalBodySubheader {
/*Reschedule modal - Time selector label*/
  font-size: 1rem !important;
  font-family: 'NewFrank-Medium' !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

/*Mobile inputs - for Edrington*/
.CheckoutNavigationController .BookingRequest-form .multi-select-wrapper .ui.multi-select-dropdown {
/*Mobile Experience details ticket selection dropdown*/
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.CheckoutNavigationController .ui.dropdown.selection.compact {
  /*Mobile Experience details date selection dropdown*/
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Medium' !important;
  font-size: 14px !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.CheckoutNavigationController .BookingRequest-form .ui.dropdown .text.default, .CheckoutNavigationController .BookingRequest-form .ui.dropdown .default-text.default {
/*Mobile Date selector input*/
  position: relative !important;
  padding-top: 15px !important;
  background-color: transparent !important;
  line-height: 14px !important;
}

.CheckoutNavigationController .BookingRequest-form .ui.dropdown .text, .CheckoutNavigationController .BookingRequest-form .ui.dropdown .default-text {
  /*Mobile Date selector input - Selected date*/
    position: relative !important;
    padding-top: 15px !important;
    background-color: transparent !important;
    line-height: 14px !important;
}


/*FullView*/
.CheckoutGuestInformation .ticket-select-label {
/*FullView primary guest label*/
  font-size: 1rem !important;
  font-family: 'NewFrank-Medium' !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.css-11g4mt0 {
  /*FullView secondary guest label*/
    font-size: 1rem !important;
    font-family: 'NewFrank-Medium' !important;
    letter-spacing: .075rem;
    text-transform: uppercase;
}

[name|="Guest 1"] {
/*Guest checkout - FullView Primary Guest input - For Edrington, this input should stylistically differentiate from other inputs*/
  opacity: .4 !important;
}

[data-value="guest-label"] {
/*FullView secondary guest labels*/
  font-size: 1rem !important;
  font-family: 'NewFrank-Medium' !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.ConfirmationDefault .GoGAdditionalInfoButton {
/*FullView button styling*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: #862633 !important;
  border: 1px solid #000000;
  border-radius: 0px !important;
  color: #FFFFFF !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.GoGAdditionalInfoButton:hover {
/* experience list book now btn*/
  border: 1px solid rgba(255,255,255,.7);
  background-color: #9a2c3b !important;
}

input#shareInput {
/*Fullview Share card input font*/
  font-size: .85rem !important;
}

/*FullView Additional Questions Dropdown*/
.react-select__control {
/*FullView - Additional Questions - Dropdown selector background - For dark themes*/
  font-size: 1rem !important;
  border: solid .0625rem #f4f3f3 !important;
  background-color: #f4f3f3 !important;
  font-family: 'NewFrank-Regular' !important;
  letter-spacing: .075rem;
}

.react-select__menu {
/*FullView - Additional Questions - Dropdown open font*/
  font-size: 1rem !important;
  font-family: 'NewFrank-Regular' !important;
  letter-spacing: .075rem;
}






/*Labels for Edrington*/

label {
  font-size: 1rem !important;
  font-family: 'NewFrank-Medium' !important;
  letter-spacing: .075rem;
  text-transform: uppercase;
}

.TourPage-BookingDetails .BookingRequest-form .field label {
/*Experience details ticket selection labels*/
  font-size: 1rem !important;
  font-family: 'NewFrank-Medium' !important;
  letter-spacing: .075rem;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.TourPage-ContactGuide-ModalContent .TourPage-ContactGuide-Form .field>label {
/*Contact us modal labels*/
  font-size: 1rem !important;
  font-family: 'NewFrank-Medium' !important;
  letter-spacing: .075rem;
  text-transform: uppercase !important;
}

.TourPage-Price .TourPage-Price-breakdown .ui.grid .column.TourPage-Price-description, .TourPage-Price .TourPage-Price-header .ui.grid .column.TourPage-Price-description {
/*Pricing summary label*/
  font-size: 1rem !important;
  font-family: 'NewFrank-Medium' !important;
  letter-spacing: .075rem;
  text-transform: uppercase !important;
}

/*Link styling*/

a {
  color: #000000 !important;
  text-decoration: underline !important;
}

a.brand-color {
  color: #862633 !important;
}

.CheckoutSummary-ContentBox .dotted {
/*Pricing summary cancellation policy link style*/
  text-decoration: none !important;
  color: #000000 !important;
}

.Plugins-TourPage-GlanceWrapper .TourPage-Glance a {
/*At a glance cancellation policy link style*/
  color: #000000 !important;
}

.Plugins-TourPage-GlanceWrapper .TourPage-Glance .ui.grid .row .column {
/*At a glance divs*/
    font-size: 14px;
    color: #000000;
    padding-bottom: 10px;
}



/*Button*/

.button {
/* experience list book now btn*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.button:hover {
/* experience list book now btn*/
  color: #ffffff !important;
  background-color: #000000 !important;
}

.GlobalError-ButtonContainer .ui.button {
/*Error state button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.GlobalError-ButtonContainer .ui.button:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}


/*Experience list*/

.tour-wrapper a {
/*Experience list card*/
  color: #000000 !important;
  /* background-color: #f7f5f4 !important; */
  background: linear-gradient(#f2f2f2, #fafafa) !important;
  border: none !important;
  text-decoration: none !important;
}

.tour-wrapper a:hover {
/*Experience list card*/
  color: #000000 !important;
  text-decoration: none !important;
}

span.book-tour-btn.button.brand-bg {
/* experience list book now btn*/
  font-family: 'NewFrank-Medium', Helvetica, Arial, sans-serif;
  text-decoration: none;
  letter-spacing: 2px;
  line-height: 1.5rem;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .3s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
  width: max-content !important;
  min-width: -webkit-fill-available !important;
}

span.book-tour-btn.button.brand-bg:hover {
/* experience list book now btn*/
  /* background-color: #000000 !important; */
  color: #ffffff !important;
  background-size: 300% 100%;
  background-position: right center;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 295 44" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="295" height="44"><path fill="black" d="M98.109 44C127.158 44 151.621 -3.89276e-06 196.149 0C240.677 3.89274e-06 274.14 6.03134e-06 303.189 8.57092e-06V44C274.14 44 240.677 44 196.149 44C151.621 44 127.158 44 98.109 44Z"></path></svg>');
}

.tour-title {
/*Experience list title*/
  font-size: 24px !important;
  line-height: 1.2 !important;
}

.tour-tagline {
/*Experience list subtitle*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif !important;
  color: #757575 !important;
  font-size: 16px;
  line-height: 24px;
}

.tour-dates-available {
  font-family: 'NewFrank-Medium', Helvetica, Arial, sans-serif;
}

.tour-description {
/* tour list description */
    color: #000000;
    font-size: 1rem;
    line-height: 1.4;
}

.price-type {
/*Experience list card - "From" - for Edrington*/
  font-family: 'NewFrank-Regular';
  text-transform: uppercase;
  font-weight: 600;
  padding-right: 4px;
  font-size: .75rem;
}


/*Experience details*/

.TourPage-About-title {
    margin-bottom: 16px;
    line-height: 40px !important;
}

.TourPage-About-description p {
/*Experience details copy - For Edrington*/
  font-size: 16px !important;
  line-height: 28px !important;
}

.TourPage-BookingDetails .multi-select-wrapper .ui.multi-select-dropdown .text {
  font-size: inherit !important;
}

.TourPage-ContactGuide-link.ui.basic.button {
/*Questions contact us button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
  color: #1a1a1a !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .75rem !important;
  display: none !important;
}


.TourPage-ContactGuide-link.ui.basic.button .icon.anyfont {
/*Questions contact us button - Envelope icon - For Edrington*/
  display: none;
}

/*Update label on Experience Details - Contact Us - Mobile Modal, Number of Guests Label - For Edrington*/
.hidden-tablet {
    visibility: hidden;
    position: relative;
}


.hidden-tablet:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "(Optional)";
}

.TourPage-About-tagline {
/*Experience details subtitle*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, Lucida, sans-serif !important;
  color: #757575 !important;
  text-transform: none !important;
  font-size: 16px;
  line-height: 28px;
}

.TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button {
/*Experience details book now button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif !important;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .3s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.TourPage-About-Location {
/*Experience location link*/
  color: #000000 !important;
}

.TourPage-About-location a .icon.anyfont {
/*Experience location link: styling icon so it isn't underlined*/
  text-decoration: none !important;
  color: #000000 !important;
}

a.brand-color {
  color: #000000 !important;
}


.TourPage-ContactGuide-submit-button.ui.large.button {
/*Contact us modal button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.TourPage-ContactGuide-submit-button.ui.large.button:hover {
/*Contact us modal button*/
  background-color: #000000 !important;
  color: #ffffff !important;
}

.multi-select-wrapper .multi-select-done-wrapper .ui.multi-select-done {
/*Ticket selection done button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.multi-select-wrapper .multi-select-done-wrapper .ui.multi-select-done:hover {
/*Ticket selection done button*/
  background-color: #000000 !important;
  color: #ffffff !important;
}

.pika-single {
/*Date selector*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  color: #000000 !important;
}

.BookingRequest-times .time .text .actualTimeText {
/*Timeslot selection*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  color: #000000 !important;
  letter-spacing: .75px;
  font-size: .9rem; /*This is a unique font size to accommodate the letter spacing within the time selector container*/
}

.BookingRequest-times .time .icon.af-checkmark {
/*Time selector - radio button - selected*/
  background-color: #862633 !important;
}

.TourPage-BookingDetails .BookingRequest-form .ui.dropdown .text.default, .TourPage-BookingDetails .BookingRequest-form .ui.dropdown .default-text.default {
/*Date selector*/
  position: relative !important;
  padding-bottom: 10px;
}

.TourPage-BookingDetails .BookingRequest-form .ui.dropdown .text, .TourPage-BookingDetails .BookingRequest-form .ui.dropdown .default-text {
/*Date selector - selected date*/
    position: relative !important;
    padding-bottom: 10px !important;
}

button.ui.compact.dropdown.selection.inline {
/*Experience details - Date dropdown*/
  border: solid .0625rem #f4f3f3 !important;
}


.BookingRequest-times .time .hint {
  font-family: 'NewFrank-Regular' !important;
}





/*Guest checkout*/

.CheckoutDesktopPage .ColumnContainer .CheckoutPersonal h2 {
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

.CheckoutSummary {
/*Pricing summary sidebar - for Edrington*/
    padding: 16px;
}

.CheckoutSummary-Container {
/*Pricing summary sidebar - for Edrington*/
    background: #ffffff !important;
    border: 1px solid #e3e3e3 !important;
}

.CheckoutSummary-ContentBox.Subtotal-PriceBreakdown {
/*Pricing summary sidebar - Total row - for Edrington*/
  border-bottom: 0 !important;
}

.CheckoutSummary-ContentBox {
/*Pricing summary sidebar - Dividers - for Edrington*/
    border-bottom: 1px solid #e3e3e3 !important;
    padding-top: 16px !important;
}

button.CheckoutSummary-PriceBreakDown {
/*Pricing summary sidebar - expand button - for Edrington*/
  background: transparent !important;
}

.CheckoutSection h2 .step {
/*Hides section counts - for Edrington*/
  display: none !important;
}

.CheckoutSection h2 {
  letter-spacing: 2px;
  text-transform: uppercase !important;
}

/* add postal code hint text */
#payment-main > div > div > div > div.ColumnContainer > div.ComponentContainer.LeftColumn > div:nth-child(3) > div.CheckoutPayment.CheckoutSection > div.row.country > div > div:nth-child(2) > form::after {
  content: "(Enter '00000' for Hong Kong)";
  display: block;
  font-size: 14px;
  font-family: "NewFrank-regular", sans-serif;
  letter-spacing: 0px;
  font-weight: 300;
  color: #6e6e6e;
}
#payment-main > div > div > div.transitionable > div > article > div.BookingRequest-form.ui.form > div.CheckoutPayment.CheckoutSection > div.row.country > div > div:nth-child(2) > form::after {
  content: "(Enter '00000' for Hong Kong)";
  display: block;
  font-size: 14px;
  font-family: "NewFrank-regular", sans-serif;
  letter-spacing: 1px;
  font-weight: 300;
  line-height: 1.5;
  color: #6e6e6e;
}

.af-promo-plus:before {
/*Promo code expand button*/
    color: #8c8c8c;
}

.DiscountCodeContainer .DiscountCode-Input .ui.button {
/* promo code apply btn */
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
  height: 47px !important;
}

.DiscountCodeContainer .DiscountCode-Input .ui.button:hover {
/* promo code apply btn */
  background-color: #000000 !important;
  color: #ffffff !important;
}


.ConfirmationContainer .ButtonContainer .ui.button {
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.ConfirmationContainer .ButtonContainer .ui.button:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.DiscountCode-remove {
/*Remove promo link*/
  color: #000000 !important;
  text-decoration: underline !important;
}

.DiscountCodeContainer .DiscountCode-Title .icon {
/*Fixes a known bug where collapse icon button maps to brand color*/
  color: #8c8c8c !important;
}

.number-item .number-wrapper .number {
/*NPS selector - for Edrington*/
  font-family: 'NewFrank-Regular';
  background-color: #ffffff !important;
  padding: 10px !important;
  font-size: .75rem;
  color: #000000;
  border-color: 1px solid #000000;
}

.number-item .number-wrapper .number.selected {
/*NPS selector - selected state - for Edrington*/
  background-color: #000000 !important;
  font-family: 'NewFrank-Medium' !important;
}

.dropdown-wrapper.t-checkout .ui.dropdown.selection .default {
/*Guest checkout - Additional questions - Dropdown text*/
  padding-top: 4px;
}

.menu-transition-visible {
  font-family: 'NewFrank-Medium' !important;
  text-transform: uppercase;
}

textarea.ui.textarea{/*Send a message textarea*/
font-family: "NewFrank-Regular", Helvetica, Arial, sans-serif !important;
}
::-webkit-input-placeholder {
  font-family: "NewFrank-Regular", Helvetica, Arial, sans-serif !important;
}
:-moz-placeholder {
  font-family: "NewFrank-Regular", Helvetica, Arial, sans-serif !important;
}
::-moz-placeholder {
  font-family: "NewFrank-Regular", Helvetica, Arial, sans-serif !important;
}
:-ms-input-placeholder {
  font-family: "NewFrank-Regular", Helvetica, Arial, sans-serif !important;
}


/*Confirmation page*/

.Confirmation-MessageGuide-SubmitButton .ui.button {
/*Confirmation screen submit message button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: #862633 !important;
  border: 1px solid #000000;
  border-radius: 0px !important;
  color: #FFFFFF !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.Confirmation-MessageGuide-SubmitButton .ui.button:hover {
/*Confirmation screen submit message button*/
  border: 1px solid rgba(255,255,255,.7);
  background-color: #9a2c3b !important;
}

#confirm-email .confirm-email-edit-button {
/*Confirmation page edit email link*/
  text-decoration: underline !important;
  color: #000000 !important;
}

.ConfirmationDefault .ui.grid.Confirmation-grid .column.ConfirmationDefault-Column.right {
/*Confirmation page sidebar summary*/
  background-color: #FFFFFF !important;
  border: 1px solid #e3e3e3 !important;
}



/*Update email address modal*/

.confirm-email-modal-text {
/*Adds vertical spacing for Macallan brand*/
  margin-bottom: 24px !important;
}

.confirm-email-modal-cancel.brand-color {
/*Update email modal cancel btn*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 1px solid #999999;
  border-radius: 24px 8px 24px 24px !important;
  color: #999999 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.confirm-email-modal-cancel.brand-color:hover {
/*Update email modal cancel btn*/
  color: #ffffff !important;
  background-color: #000000 !important;
}

.confirm-email-modal-update.brand-bg {
/*Update email modal btn*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.confirm-email-modal-update.brand-bg:hover {
/*Update email modal btn*/
  color: #ffffff !important;
  background-color: #000000 !important;
}


.MessageGuideContainer {
/* send a message text field */
  display: none !important;
}




/*Reschedule page*/

.infoPanel {
/*Reschedule page sidebar*/
  font-family: 'NewFrank-Regular' !important;
  background-color: #FFFFFF !important;
  border: 1px solid #e3e3e3 !important;
}

.infoPanel .tourName {
/*Reschedule page sidebar title*/
  text-transform: uppercase;
  letter-spacing: 2px !important;
}

.rescheduleButton {
/*Reschedule booking button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.rescheduleButton:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}

.contactButton {
/*Contact us button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.contactButton:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}

.submitButton {
/*Contact us button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.submitButton:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}

.ModifyBooking .ModifyBooking-Column.left .cancelbooking .cancel-booking-link {
  text-decoration: underline !important;
}

button.submitButton.ui.fluid.huge.button.brand-bg {
/*Contact us button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

button.submitButton.ui.fluid.huge.button.brand-bg:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}

.Datepicker input {
/*Modify booking modal, date selector*/
  font-family: 'NewFrank-Regular' !important;
}


.rescheduleModal .modalHeader, .contactModal .modalHeader {
/*Reschedule was successful modal*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif !important;
  color: #000000 !important;
  font-size: 1.5rem !important;
  line-height: 1.2;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

/*Cancel booking modal*/

label.cancel-modal-title {
    font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif !important;
    color: #000000 !important;
    font-size: 1.5rem !important;
    line-height: 1.2;
    text-transform: uppercase !important;
}

button.cancel-modal-keep-booking-button {
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: .8px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 1px solid #000000;
  border-radius: 0px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}


button.brand-bg.cancel-modal-cancel-button {
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  letter-spacing: .8px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
  width: 100%;
}

button.brand-bg.cancel-modal-cancel-button:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}

.rescheduleModal .currentBooking .cancelbooking-desktop .cancel-booking-link {
  text-decoration: underline !important;
}



/*Mobile*/

@media (max-width: 600px) {

span.book-tour-btn.button.brand-bg {
  margin-top: 28px;
  padding-top: 10px;
  height: 48px;
}

.TourPage-About-title {
  font-size: 24px !important;
  line-height: 32px !important;
}

.TourPage-About-location {
  font-size: 14px !important;
}

.Plugins-TourPage-GlanceWrapper .TourPage-Glance .ui.grid .row .column {
  font-size: 12px;
}

.Plugins-TourPage-GlanceWrapper {
  padding: 0px 0px 50px 0px;
  }

.TourPage-About {
  padding: 32px 0px 34px 0px;

}


.CheckoutNavigationController header .back-button {
/*Mobile back button*/
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.MobileCheckout-CoverPhoto span.text .title .name {
/* mobile tour title over cover photo */
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  font-size: 30px !important;
}

.ui.input.t-Default {/*Send a message textarea mobile*/
  padding-right: 15px !important;
}

.CheckoutNavigationController .BookingRequest-form .field label {
/*Mobile checkout input labels*/
  text-transform: uppercase;
}

.BookingRequest-times .column.BookingRequest-Times-time-single .hint {
/*Mobile time selector - Spots remaining hint*/
  font-family: inherit !important;
}

#request-booking-mobile .ui.button {
/*Primary book now mobile button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif !important;
  text-decoration: none !important;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.CheckoutNavigationController button.BookingRequest-submit {
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none !important;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

.CheckoutNavigationController a.BookingRequest-submit {
/*Mobile submit booking button*/
  font-family: 'NewFrank-Regular', Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 1rem 1.2rem;
  letter-spacing: 2px;
  line-height: 1.2;
  background-color: transparent !important;
  border: 2px solid #000000;
  border-radius: 24px 8px 24px 24px !important;
  color: #000000 !important;
  transition: .2s all ease-out;
  text-transform: uppercase !important;
  font-size: .85rem !important;
}

}


/*Hiding "Send a message" text on confirmation */
#payment-main > div > div > div > div > div.ConfirmationDefault-Column.left.column > div > div.Confirmation-Body > p {
  display: none !important;
}

#main > div > div > div:nth-child(2) > div.ModifyBooking > div.ModifyBooking-Column.left > div.actionButtons > button {
  display: none !important;
}


#about-container > div:nth-child(2) > div > div > div > div:nth-child(4) {
  display: none;
}

#about-container > div:nth-child(2) > div > div > div > div:nth-child(5) {
  background: #f6f6f6;
}