.aresThemeHeader,
.aresThemeFooter {
  /* affiliate specific css here, put booking engine overrides in booking.less */
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*v2.2 (2022-02-03) // @formatter:off*/
/*?! THEME VARIABLES ======================================================================================= */
/* Adjust These Variables For Quick Global Changes */
:root {
  --colorPrimary: var(--aresRed);
  --colorPrimaryDarkened: var(--aresRedDarkened);
  --colorSecondary: var(--aresBlue);
  --colorSecondaryDarkened: var(--aresBlueDarkened);
  --colorTertiary: var(--aresGreen);
  --colorTertiaryDarkened: var(--aresGreenDarkened);
  --backgroundColor: #fff;
  --backgroundTopPadding: 0;
  --backgroundImage: none;
  --backgroundInnerColor: var(--backgroundColor);
  --backgroundInnerBottomPadding: 0;
  --fontColor: #444;
  --fontFamilyText: Lato, Arial, Helvetica, sans-serif;
  --fontFamilyHeadings: Futura, 'Trebuchet MS', Lato, Arial, Helvetica, sans-serif;
  --buttonTextColor: #fff;
  --buttonDeemphasizeColor: #D0D0D0;
  --buttonDeemphasizeColorDarkened: #AEAEAE;
  --buttonDeemphasizeTextColor: #424242;
  /*?! ARES VARIABLES ====================================================================================== */
  /* Adjust These Variables For Fine Tuning */
  --baseTextColor: var(--fontColor);
  --baseFontFamily: var(--fontFamilyText);
  --baseBackgroundColor: var(--backgroundColor);
  --basePanelBgColor: var(--backgroundColor);
  --baseInnerBgColor: var(--backgroundInnerColor);
  --baseInnerPadding: 2em;
  --baseInnerRadius: var(--baseRadius);
  --baseBorder: 0;
  --baseRadius: 0;
  --baseBoxShadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  --spinnerFontFamily: var(--fontFamilyHeadings);
  --spinnerBgColor: var(--basePanelBgColor);
  --bgImagePosition: top center;
  --bgImageRepeat: no-repeat;
  --bgImageSize: contain;
  --bgImageTopMargin: 0;
  --linkFontFamily: var(--fontFamilyText);
  --linkColor: var(--colorSecondary);
  --linkColorHover: var(--colorSecondaryDarkened);
  --linkColorVisited: var(--colorSecondary);
  --linkColorActive: var(--colorSecondaryDarkened);
  --navBgColor: var(--colorPrimary);
  --navColorHover: #fff;
  --navFontFamily: var(--buttonFontFamily);
  --navTextColor: var(--buttonTextColor);
  --navRadius: var(--buttonRadius);
  --pagerBgColor: var(--colorPrimary);
  --pagerBgColorHover: var(--colorPrimaryDarkened);
  --pagerTextColor: var(--buttonTextColor);
  --pagerRadius: 1.25em;
  --buttonFontFamily: var(--fontFamilyHeadings);
  --buttonRadius: 0.25em;
  --buttonBorder: 0;
  --buttonBgColor: var(--colorPrimary);
  --buttonBgColorHover: var(--colorPrimaryDarkened);
  --buttonMaxWidth: 23em;
  --buttonResetBgColor: var(--buttonDeemphasizeColor);
  --buttonResetBgColorHover: var(--buttonDeemphasizeColorDarkened);
  --buttonMapBgColor: var(--buttonDeemphasizeColor);
  --buttonMapTextColor: var(--buttonDeemphasizeTextColor);
  --buttonMapBgColorHover: var(--buttonDeemphasizeColorDarkened);
  --buttonMapBorder: var(--buttonBorder);
  --buttonMapRadius: var(--buttonRadius);
  --buttonSearchBgColor: var(--colorPrimary);
  --buttonSearchBgColorHover: var(--colorPrimaryDarkened);
  --buttonBuyBgColor: var(--colorTertiary);
  --buttonBuyTextColor: var(--buttonTextColor);
  --buttonBuyBgColorHover: var(--colorTertiaryDarkened);
  --buttonHighlightBgColor: var(--colorPrimary);
  --buttonHighlightBgColorHover: var(--colorPrimaryDarkened);
  --buttonAmenitiesFontFamily: var(--buttonFontFamily);
  --buttonAmenitiesBgColor: #f2f2f2;
  --buttonAmenitiesTextColor: #666666;
  --buttonAmenitiesBgColorHover: var(--buttonAmenitiesBgColor);
  --buttonSecondaryBorder: 1px solid #333;
  --buttonSecondaryColor: #333;
  --buttonSecondaryFontFamily: var(--buttonFontFamily);
  --buttonSecondaryColorHover: #fff;
  --buttonSecondaryBorderHover: 1px solid #aeaeae;
  --buttonTransparentBackground: transparent;
  --tabFontFamily: var(--buttonFontFamily);
  --tabTextColor: var(--linkColor);
  --tabTextColorHover: var(--linkColorHover);
  --tabBgColor: var(--basePanelBgColor);
  --tabBgColorHover: #f2f2f2;
  --tabBgColorSelected: var(--basePanelBgColor);
  --tabHighlightedBgColor: var(--colorPrimary);
  --tabHighlightedTextColor: var(--buttonTextColor);
  --tabHighlightedBgColorHover: var(--colorPrimaryDarkened);
  --tabHighlightedTextColorHover: var(--buttonTextColor);
  --tabHighlightedBgColorSelected: var(--buttonDeemphasizeColor);
  --tabHighlightedTextColorSelected: var(--buttonDeemphasizeTextColor);
  --productMapBgColorHover: var(--colorTertiary);
  --priceColor: var(--colorTertiary);
  --highPriceColor: #6E6E6E;
  --dealsColor: var(--colorTertiary);
  --dealTextColor: var(--buttonTextColor);
  --tableCellColor: #f2f2f2;
  --sidebarHeaderBgColor: var(--colorPrimary);
  --sortBarRadius: var(--baseRadius);
  --alertTextColor: var(--buttonTextColor);
  --alertBgColor: #ED6053;
  --starRatingColor: #FFAE4A;
  --aresRed: #DE1721;
  --aresRedDarkened: #C71C22;
  --aresBlue: #0177C1;
  --aresBlueDarkened: #02619C;
  --aresGreen: #46833A;
  --aresGreenDarkened: #315e29;
}
/*?! COLOR TILES ========================================================================================== */
/* Used For Ux Pages */
.aresColorTile {
  width: 50px;
  height: 30px;
  display: inline-block;
  margin-right: 1em;
}
.background1 {
  background-color: var(--basePanelBgColor);
}
.beBackground {
  background-color: var(--baseInnerBgColor);
}
.color1 {
  background-color: var(--linkColor);
}
.color2 {
  background-color: var(--linkColorHover);
}
.color3 {
  background-color: var(--linkColorVisited);
}
.color4 {
  background-color: var(--linkColorActive);
}
.navColor {
  background-color: var(--navBgColor);
}
.navTextColor {
  background-color: var(--navTextColor);
}
.pagerColor {
  background-color: var(--pagerBgColor);
}
.pagerTextColor {
  background-color: var(--pagerTextColor);
}
.buttonColor {
  background-color: var(--buttonBgColor);
}
.buttonSearchColor {
  background-color: var(--buttonSearchBgColor);
}
.buttonBuyColor {
  background-color: var(--buttonBuyBgColor);
}
.buttonSelectColor {
  background-color: var(--buttonHighlightBgColor);
}
.buttonTextColor {
  background-color: var(--buttonTextColor);
}
.buttonUiColor {
  background-color: var(--buttonAmenitiesBgColor);
}
.buttonUiTextColor {
  background-color: var(--buttonAmenitiesTextColor);
}
.roomTabSelectedColor {
  background-color: var(--tabBgColorSelected);
}
.priceColor {
  background-color: var(--priceColor);
}
.highPriceColor {
  background-color: var(--highPriceColor);
}
.dealsColor {
  background-color: var(--dealsColor);
}
.dealTextColor {
  background-color: var(--dealTextColor);
}
.tableCellColor {
  background-color: var(--tableCellColor);
}
.sidebarHeaderColor {
  background-color: var(--sidebarHeaderBgColor);
}
.starRating {
  background-color: var(--starRatingColor);
}
.alertColor {
  background-color: var(--alertBgColor);
}
.alertTextColor {
  background-color: var(--alertTextColor);
}
/*?! DEFAULT BOOKING ENGINE OVERRIDES // @formatter:on ====================================================== */
/* Implement Variables As Overrides */
.gm-style div,
.gm-style span,
.gm-style label,
.gm-style a {
  font-family: var(--baseFontFamily);
}
body {
  font-family: var(--baseFontFamily);
  background-color: var(--baseBackgroundColor);
  color: var(--baseTextColor);
}
input,
select,
textarea {
  font-family: var(--baseFontFamily);
}
#aresContentWrap {
  background: var(--backgroundImage);
  background-position: var(--bgImagePosition);
  background-repeat: var(--bgImageRepeat);
  background-size: var(--bgImageSize);
  padding-top: var(--backgroundTopPadding);
  padding-bottom: var(--backgroundInnerBottomPadding);
  margin-top: var(--bgImageTopMargin);
  width: 100%;
  max-width: none;
  min-width: auto;
}
#aresContentWrap {
  /* headings */
  /* links */
  /* panel nav */
  /* buttons */
}
#aresContentWrap .aresContentWrapInner {
  padding: var(--baseInnerPadding);
  background-color: var(--baseInnerBgColor);
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto;
  border-radius: var(--baseInnerRadius);
}
#aresContentWrap .aresSearch {
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
  box-shadow: var(--baseBoxShadow);
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresDealText {
  clear: both;
  background-color: var(--dealsColor);
  color: var(--dealTextColor);
}
#aresContentWrap .aresDealText:after {
  border-top-color: var(--dealsColor);
}
#aresContentWrap .aresAlert {
  background-color: var(--alertBgColor);
  color: var(--alertTextColor);
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
}
#aresContentWrap .aresPricePrice {
  color: var(--priceColor);
}
#aresContentWrap .aresHighPrice {
  color: var(--highPriceColor);
}
#aresContentWrap .aresSpinnerCaptionWrap {
  border-radius: var(--baseRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
  font-family: var(--spinnerFontFamily);
  background-color: var(--spinnerBgColor);
}
#aresContentWrap .aresWidgetContainer {
  background-color: transparent;
}
#aresContentWrap .aresWidgetNav ul li a,
#aresContentWrap .aresWidgetNav ul li a:link,
#aresContentWrap .aresWidgetNav ul li a:visited,
#aresContentWrap .aresWidgetNav ul li.aresWidgetNavSelected a,
#aresContentWrap .aresWidgetNav ul li.aresWidgetNavSelected a:link,
#aresContentWrap .aresWidgetNav ul li.aresWidgetNavSelected a:visited {
  font-family: var(--buttonFontFamily);
  color: var(--buttonDeemphasizeTextColor);
}
#aresContentWrap h1,
#aresContentWrap h2 {
  font-family: var(--fontFamilyHeadings);
}
#aresContentWrap a,
#aresContentWrap a:link {
  color: var(--linkColor);
  text-decoration: none;
  font-family: var(--linkFontFamily);
}
#aresContentWrap a:hover {
  color: var(--linkColorHover);
}
#aresContentWrap a:visited {
  color: var(--linkColorVisited);
}
#aresContentWrap a:active {
  color: var(--linkColorActive);
}
#aresContentWrap .aresProductItem {
  border-radius: var(--baseRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
}
#aresContentWrap .aresProductItem .aresProductItemInner {
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresProductPanel {
  background-color: var(--basePanelBgColor);
  overflow: hidden;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink {
  font-family: var(--buttonAmenitiesFontFamily);
  color: var(--buttonAmenitiesTextColor);
  background-color: var(--buttonAmenitiesBgColor);
  padding: 0.5em 1.2em 0.5em 0.7em;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink .ui-icon {
  display: none;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink:hover {
  background-color: var(--buttonAmenitiesBgColorHover);
}
#aresContentWrap .aresProductPanel .aresAmenitiesCont {
  background-color: var(--buttonAmenitiesBgColor);
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink.aresHideAmenities {
  border-radius: var(--buttonRadius) var(--buttonRadius) 0 0;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink.aresHideAmenities:after {
  content: '\276F';
  display: inline-block;
  transform: rotate(90deg);
  position: relative;
  left: 0.5em;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink.aresShowAmenities:after {
  content: '\276F';
  display: inline-block;
  transform: rotate(-90deg);
  position: relative;
  left: 0.5em;
}
#aresContentWrap .aresSelectedPage,
#aresContentWrap .aresProductPackage .aresDetailsNav ul li span,
#aresContentWrap .aresHotelPackagesList h4 span {
  background-color: var(--pagerBgColor);
  border-radius: var(--pagerRadius);
}
#aresContentWrap .aresSelectedPage a:link,
#aresContentWrap .aresSelectedPage a:visited {
  color: var(--pagerTextColor) !important;
  background-color: var(--pagerBgColor);
}
#aresContentWrap .aresSelectedPage a:focus,
#aresContentWrap .aresSelectedPage a:active,
#aresContentWrap .aresSelectedPage a:hover {
  background-color: var(--pagerBgColorHover);
}
#aresContentWrap .pagination {
  margin-top: 1em;
}
#aresContentWrap .pagination .aresPaginationNav .aresSelectedPage {
  border: var(--buttonBorder);
}
#aresContentWrap .pagination a:not([title*="Next"]),
#aresContentWrap .pagination .current {
  border-radius: var(--pagerRadius);
  border: var(--buttonBorder);
}
#aresContentWrap .pagination a[title*="Next"] {
  border-radius: var(--buttonRadius);
  border: var(--buttonBorder);
}
#aresContentWrap .pagination a:not([title*="Next"]),
#aresContentWrap .pagination a[title*="Next"] {
  color: var(--pagerTextColor);
  background-color: var(--pagerBgColor);
}
#aresContentWrap .pagination a:not([title*="Next"]):hover,
#aresContentWrap .pagination a:not([title*="Next"]):active,
#aresContentWrap .pagination a:not([title*="Next"]):focus,
#aresContentWrap .pagination a[title*="Next"]:hover,
#aresContentWrap .pagination a[title*="Next"]:active,
#aresContentWrap .pagination a[title*="Next"]:focus {
  color: var(--pagerTextColor);
  background-color: var(--pagerBgColorHover);
}
#aresContentWrap .aresBESidebarHeader {
  background-color: var(--sidebarHeaderBgColor);
}
#aresContentWrap .aresRequired input {
  border-color: var(--alertBgColor) !important;
}
#aresContentWrap .aresCartItem {
  border-radius: var(--baseRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresOrderThanks {
  background-color: var(--aresGreen);
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
}
#aresContentWrap .aresButton {
  border-radius: var(--buttonRadius);
}
#aresContentWrap button {
  font-family: var(--buttonFontFamily);
  border-radius: var(--buttonRadius);
  border: var(--buttonBorder);
}
#aresContentWrap .aresButton {
  border-radius: var(--buttonRadius);
  border: var(--buttonBorder);
  background-color: var(--buttonBgColor);
  color: var(--buttonTextColor);
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresProductItemInner .aresProductImage .aresButton {
  max-width: 100%;
  background: none;
}
#aresContentWrap a.aresButton,
#aresContentWrap a:link.aresButton {
  color: var(--buttonTextColor);
}
#aresContentWrap button:hover,
#aresContentWrap .aresButton:hover {
  background-color: var(--buttonBgColorHover);
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresButtonSearch,
#aresContentWrap .aresButtonSearch:link,
#aresContentWrap .aresButtonSearch:visited {
  background-color: var(--buttonSearchBgColor);
  font-family: var(--buttonFontFamily);
  color: var(--buttonTextColor);
}
#aresContentWrap .aresButtonSearch:hover,
#aresContentWrap .aresButtonSearch:link:hover {
  background-color: var(--buttonSearchBgColorHover);
}
#aresContentWrap .aresPackageListItemActions .aresPriceAction,
#aresContentWrap .aresPackageListItemActions .aresPriceAction:visited {
  background-color: var(--buttonBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .aresPackageListItemActions .aresPriceAction:hover,
#aresContentWrap .aresPackageListItemActions .aresPriceAction:focus,
#aresContentWrap .aresPackageListItemActions .aresPriceAction:active {
  background-color: var(--buttonBgColorHover);
}
#aresContentWrap .aresReadMoreEnd {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(var(--basePanelBgColor)));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), var(--basePanelBgColor));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--basePanelBgColor));
  border-bottom-color: var(--basePanelBgColor);
}
#aresContentWrap .aresReadMoreBtn,
#aresContentWrap .aresReadMoreBtn:visited,
#aresContentWrap .aresReadMoreBtn:hover {
  background-color: var(--buttonTransparentBackground);
  font-family: var(--linkFontFamily);
  color: var(--linkColor);
}
#aresContentWrap .aresReadMoreBtn:hover,
#aresContentWrap .aresReadMoreBtn:active,
#aresContentWrap .aresReadMoreBtn:focus {
  color: var(--linkColorHover);
}
#aresContentWrap .aresTaReviews-btn,
#aresContentWrap .aresTaReviews-btn:visited,
#aresContentWrap .aresTaReviews-btn:hover {
  font-family: var(--buttonFontFamily);
  background-color: var(--buttonTransparentBackground);
  color: var(--linkColor);
}
#aresContentWrap .aresTaReviews-btn:hover,
#aresContentWrap .aresTaReviews-btn:active,
#aresContentWrap .aresTaReviews-btn:focus {
  color: var(--linkColorHover);
}
#aresContentWrap .aresPriceAction a,
#aresContentWrap .aresPriceAction a:link,
#aresContentWrap .aresPriceAction a:visited {
  color: var(--buttonTextColor);
}
#aresContentWrap .aresButton.aresToggleButton:hover,
#aresContentWrap button.aresToggleButton:hover {
  background-color: var(--buttonTransparentBackground);
}
#aresContentWrap button.aresMarketingText.aresToggleButton,
#aresContentWrap .button.aresMarketingText.aresToggleButton:visited,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton:visited {
  border-radius: 0;
  background-color: var(--buttonTransparentBackground);
  color: var(--linkColor);
  font-family: var(--linkFontFamily);
}
#aresContentWrap button.aresMarketingText.aresToggleButton:hover,
#aresContentWrap button.aresMarketingText.aresToggleButton:active,
#aresContentWrap button.aresMarketingText.aresToggleButton:focus,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton:hover,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton:active,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton:focus {
  background-color: var(--buttonTransparentBackground);
  color: var(--linkColorHover);
}
#aresContentWrap .aresCartActions .aresButtonBuy,
#aresContentWrap .aresCartActions .aresButtonBuy:link,
#aresContentWrap .aresCartActions .aresButtonBuy:visited,
#aresContentWrap .aresSidebarActions .aresButtonBuy,
#aresContentWrap .aresSidebarActions .aresButtonBuy:link,
#aresContentWrap .aresSidebarActions .aresButtonBuy:visited {
  color: var(--buttonBuyTextColor);
  background-color: var(--buttonBuyBgColor);
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresButtonBuy:hover,
#aresContentWrap .aresCartActions .aresButtonBuy:hover,
#aresContentWrap .aresCartActions .aresButtonBuy:link:hover,
#aresContentWrap .aresCartActions .aresButtonBuy:focus,
#aresContentWrap .aresSidebarActions .aresButtonBuy:hover,
#aresContentWrap .aresSidebarActions .aresButtonBuy:link:hover,
#aresContentWrap .aresSidebarActions .aresButtonBuy:focus {
  background-color: var(--buttonBuyBgColorHover);
}
#aresContentWrap .aresButtonPrint,
#aresContentWrap a.aresButtonPrint {
  background-color: var(--buttonBuyBgColor);
  font-family: var(--buttonFontFamily);
  color: var(--buttonTextColor);
}
#aresContentWrap .aresButtonPrint:hover,
#aresContentWrap a.aresButtonPrint:hover {
  background-color: var(--buttonBuyBgColorHover);
}
#aresContentWrap .aresDetailsNav {
  background-color: var(--basePanelBgColor);
  /* customizable background 1 */
}
#aresContentWrap .aresDetailsNav .aresNavItem a,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton,
#aresContentWrap .aresDetailsNav .aresNavItem a:visited,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton:visited,
#aresContentWrap .aresDetailsNav .aresNavItem a.aresPackageButton,
#aresContentWrap .aresDetailsNav .aresNavItemPackages a.aresPackageButton {
  font-family: var(--tabFontFamily);
  background: var(--tabBgColor);
  border: 1px solid var(--linkColor);
  color: var(--tabTextColor);
}
#aresContentWrap .aresDetailsNav .aresNavItem a:hover,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton:hover,
#aresContentWrap .aresDetailsNav .aresNavItem a:active,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton:active,
#aresContentWrap .aresDetailsNav .aresNavItem a:focus,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton:focus,
#aresContentWrap .aresDetailsNav .aresNavItem a.aresPackageButton:hover,
#aresContentWrap .aresDetailsNav .aresNavItemPackages a.aresPackageButton:hover {
  background: var(--tabBgColorHover);
  color: var(--tabTextColorHover);
  border: 1px solid var(--linkColorHover);
}
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected a:link,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected a:visited {
  background: var(--tabBgColorSelected);
  border-bottom-color: var(--tabBgColorSelected);
}
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit button,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a:visited,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a:visited,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a:visited {
  background-color: var(--tabHighlightedBgColor);
  color: var(--tabHighlightedTextColor);
  border-top-color: var(--tabHighlightedBgColor);
  border-right-color: var(--tabHighlightedBgColor);
  border-bottom-color: var(--tabHighlightedBgColor);
}
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a:hover,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a:hover,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a:hover,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit button:hover,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a:active,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a:active,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a:active,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit button:active,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a:focus,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a:focus,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a:focus,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit button:focus {
  background-color: var(--tabHighlightedBgColorHover);
  color: var(--tabHighlightedTextColorHover);
  border-top-color: var(--tabHighlightedBgColorHover);
  border-right-color: var(--tabHighlightedBgColorHover);
  border-bottom-color: var(--tabHighlightedBgColorHover);
}
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected.aresNavItemRooms a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected.aresNavItemTickets a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected.aresPackageSearchSubmit a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected.aresPackageSearchSubmit button {
  background-color: var(--tabHighlightedBgColorSelected);
  color: var(--tabHighlightedTextColorSelected);
  border-top-color: var(--tabHighlightedBgColorSelected);
  border-right-color: var(--tabHighlightedBgColorSelected);
  border-bottom-color: var(--tabHighlightedBgColorSelected);
}
#aresContentWrap .ui-datepicker-calendar .ui-datepicker-current-day a {
  background: var(--buttonHighlightBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .ui-datepicker-calendar .range-date a {
  background: var(--buttonHighlightBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .ui-datepicker-calendar .max-date a {
  background: var(--buttonHighlightBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .ui-datepicker-calendar .min-date a {
  background: var(--buttonHighlightBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .ui-widget {
  font-family: var(--baseFontFamily);
}
#aresContentWrap .ui-widget-header {
  background-color: var(--navBgColor);
  color: var(--navTextColor);
}
#aresContentWrap button.aresButton.aresButtonSelect,
#aresContentWrap a.aresButton.aresButtonSelect {
  border-radius: var(--buttonRadius);
  border: var(--buttonBorder);
  background-color: var(--buttonHighlightBgColor);
  font-family: var(--buttonFontFamily);
  color: var(--buttonTextColor);
}
#aresContentWrap button.aresButton.aresButtonSelect:hover,
#aresContentWrap a.aresButton.aresButtonSelect:hover,
#aresContentWrap button.aresButton.aresButtonSelect:focus,
#aresContentWrap a.aresButton.aresButtonSelect:focus {
  background-color: var(--buttonHighlightBgColorHover);
}
#aresContentWrap .aresBENav {
  border-radius: var(--navRadius);
  box-shadow: var(--baseBoxShadow);
}
#aresContentWrap .aresBENav .aresBENavItems {
  border-radius: var(--navRadius);
  background-color: var(--navBgColor);
  box-shadow: var(--baseBoxShadow);
}
#aresContentWrap .aresMobileMenuClick {
  background-color: var(--navBgColor);
  border-radius: var(--buttonRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
}
#aresContentWrap .aresBENav .aresBENavItems a,
#aresContentWrap .aresBENav .aresBENavItems a:link,
#aresContentWrap .aresBENav .aresBENavItems a:visited {
  font-family: var(--navFontFamily);
}
#aresContentWrap .aresBENav .aresBENavItems a:hover,
#aresContentWrap .aresBENav .aresBENavItems a:active,
#aresContentWrap .aresBENav .aresBENavItems a:focus {
  color: var(--navTextColor);
  background-color: var(--navColorHover);
}
@media (min-width: 40em) {
  #aresContentWrap .aresBENav .aresBENavItems a:hover,
  #aresContentWrap .aresBENav .aresBENavItems a:active,
  #aresContentWrap .aresBENav .aresBENavItems a:focus {
    color: var(--navColorHover);
    background-color: var(--navBgColor);
  }
}
#aresContentWrap .aresBENav .aresSelected {
  background: var(--navBgColor);
  font-weight: bold;
}
#aresContentWrap .aresBENav .aresSelected:after {
  border-top-color: var(--navBgColor);
}
#aresContentWrap .aresBENav li a {
  color: var(--navTextColor);
}
#aresContentWrap .aresHotelRoomsTableLowPrice,
#aresContentWrap .aresTicketTable .aresTicketTableAdult td {
  background-color: var(--tableCellColor);
}
#aresContentWrap .aresTier1 .aresProductItem,
#aresContentWrap .aresBESidebar,
#aresContentWrap .aresSearch,
#aresContentWrap li.aresProductItem.aresProductActivity,
#aresContentWrap .aresUpsellHeader {
  background-image: none;
  padding-bottom: 0;
  box-sizing: border-box;
  border-radius: var(--baseRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
}
#aresContentWrap .aresProductItemsList {
  overflow: visible;
}
#aresContentWrap .aresPackageConfigBar {
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresDetailsNav ul li.aresPackageSearchSubmit a,
#aresContentWrap .aresDetailsNav ul li.aresPackageSearchSubmit button {
  border-right-color: var(--buttonHighlightBgColor);
  border-bottom-color: var(--buttonHighlightBgColor);
}
#aresContentWrap .aresPackageSidebar {
  background-color: var(--buttonHighlightBgColor);
}
#aresContentWrap .aresUpsellInner {
  padding: 2em;
}
#aresContentWrap .aresUpsellImage {
  display: none;
}
#aresContentWrap .aresProductItemsList {
  overflow: visible;
}
#aresContentWrap .aresDealFlag::after {
  border-top-color: var(--dealsColor);
}
#aresContentWrap .aresProductDetailsLink:hover .aresPricePrice {
  border-bottom: 0.15em solid var(--priceColor);
}
#aresContentWrap .aresHotelPrice li.aresPriceInfo,
#aresContentWrap .aresActivityPrice li.aresPriceInfo {
  margin-top: 0.3em;
}
@media (min-width: 59.375em) {
  #aresContentWrap .aresHotelPrice li.aresPriceInfo,
  #aresContentWrap .aresActivityPrice li.aresPriceInfo {
    margin-top: 0.3em;
  }
}
#aresContentWrap input[type="checkbox"],
#aresContentWrap #aresHotelAdvancedSearch .aresHotelAmenities label {
  cursor: pointer;
}
#aresContentWrap .aresSearchInner {
  margin-top: 1em;
}
#aresContentWrap .aresSearchInner h2 {
  margin-top: 0;
}
#aresContentWrap #Search_reset,
#aresContentWrap #AttractionSearch_reset,
#aresContentWrap #PackageCategorySearch_reset {
  background-color: var(--buttonResetBgColor);
  color: var(--buttonDeemphasizeTextColor);
  font-family: var(--buttonFontFamily);
}
#aresContentWrap #Search_reset:hover,
#aresContentWrap #AttractionSearch_reset:hover,
#aresContentWrap #PackageCategorySearch_reset:hover,
#aresContentWrap #Search_reset:active,
#aresContentWrap #AttractionSearch_reset:active,
#aresContentWrap #PackageCategorySearch_reset:active,
#aresContentWrap #Search_reset:focus,
#aresContentWrap #AttractionSearch_reset:focus,
#aresContentWrap #PackageCategorySearch_reset:focus {
  background-color: var(--buttonResetBgColorHover);
}
#aresContentWrap #aresMapToggle .aresButton {
  font-family: var(--buttonFontFamily);
  background-color: var(--buttonMapBgColor);
  border: var(--buttonMapBorder);
  color: var(--buttonMapTextColor);
  border-radius: var(--buttonMapRadius);
}
@media only screen and (min-width: 31.25em) {
  #aresContentWrap #aresMapToggle {
    margin-top: 0.85em;
  }
}
#aresContentWrap #aresMapToggle .aresButton:hover,
#aresContentWrap #aresMapToggle .aresButton:active,
#aresContentWrap #aresMapToggle .aresButton:focus {
  background-color: var(--buttonMapBgColorHover);
}
#aresContentWrap .aresSortBar {
  text-align: center;
  border-radius: var(--sortBarRadius);
  box-shadow: var(--baseBoxShadow);
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresSortBar .aresSelected {
  border-top-color: var(--basePanelBgColor);
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresSortBar .aresSelected:after {
  border-top-color: var(--basePanelBgColor);
}
#aresContentWrap .aresSortBar a,
#aresContentWrap .aresSortBar a:link,
#aresContentWrap .aresSortBar a:visited {
  font-family: var(--buttonFontFamily);
}
@media only screen and (min-width: 35em) {
  #aresContentWrap .aresSortBar {
    text-align: left;
  }
}
#aresContentWrap .aresSortBar ul {
  background-color: transparent;
}
#aresContentWrap .aresSortBar li.aresSortTitle {
  display: inline;
}
#aresContentWrap .aresSortBar li {
  font-size: 0.9em;
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresBENav {
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresBENav ul {
  background-color: transparent;
}
#aresContentWrap .aresSearch .hotelSearchForm .aresHotelSearch .aresSearchFormGroup .checkIns {
  margin: auto;
}
#aresContentWrap .aresHotelRoomsTable {
  font-size: 1em;
}
@media only screen and (max-width: 40em) {
  #aresContentWrap .aresHotelRoomsTable {
    font-size: 1em;
  }
}
#aresContentWrap .aresHotelRoomsLoadMore .aresButton img {
  display: none;
}
#aresContentWrap .aresHotelRoomsLoadMore .aresButton {
  padding: 0.5em 1em 0.5em 0.5em;
}
#aresContentWrap .aresHotelRoomsLoadMore .aresButton:after {
  content: '\276F';
  display: inline-block;
  transform: rotate(90deg);
  position: relative;
  left: 0.5em;
}
#aresContentWrap .aresSlideWrap {
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
}
#aresContentWrap .aresGalleryThumbsList li img {
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
}
#aresContentWrap .aresListHeader {
  font-family: var(--fontFamilyHeadings);
}
#aresContentWrap button.aresButton.aresButtonSecondary {
  background-color: transparent;
  border: var(--buttonSecondaryBorder);
  color: var(--buttonSecondaryColor);
  margin-bottom: 10px;
  font-weight: bold;
  font-family: var(--buttonSecondaryFontFamily);
  max-width: var(--buttonMaxWidth);
}
#aresContentWrap button.aresButton.aresButtonSecondary:hover,
#aresContentWrap button.aresButton.aresButtonSecondary:active,
#aresContentWrap button.aresButton.aresButtonSecondary:focus {
  color: var(--buttonSecondaryColorHover);
  border: var(--buttonSecondaryBorderHover);
}
#aresContentWrap .aresProductListMapHover {
  border-radius: var(--baseRadius);
}
#aresContentWrap .aresProductListMapHover:hover {
  background-color: var(--productMapBgColorHover);
}
/*?! THEME SPECIFIC OVERRIDES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#aresContentWrap .aresContentWrapInner {
  /* Add Your Custom Css Here! */
}
:root {
  --colorPrimary: #3f65d1;
  --colorPrimaryDarkened: #3f65d1;
  --dealTextColor: #fff;
  --fontFamilyText: "Lato";
  --buttonFontFamily: "Lato";
  --fontFamilyHeadings: "Lato";
  --buttonSearchBgColor: #FFAE4A;
  --buttonSearchBgColorHover: #FFAE4A;
  --buttonSecondaryBorderHover: #FFAE4A;
  --buttonHighlightBgColorHover: #FFAE4A;
  --buttonHighlightBgColor: #FFAE4A;
  --buttonBuyBgColor: #FFAE4A;
  --buttonBuyBgColorHover: #FFAE4A;
}
.aresThemeHeader {
  border-bottom: 1px solid #E5E7EB;
}
.ui-datepicker table {
  font-size: 12px;
}
.aresLegal p {
  color: black;
}
footer.aresFooter {
  background-color: #ffffff;
}
#aresContentWrap > div > footer > div.aresLegal > p:nth-child(2) > a:nth-child(1),
#aresContentWrap > div > footer > div.aresLegal > p:nth-child(2) > a:nth-child(2),
#aresContentWrap > div > footer > div.aresLegal > p:nth-child(2) > a:nth-child(3) {
  color: var(--linkColor) !important;
  text-decoration: none;
  font-family: var(--linkFontFamily);
}
