/****************** Variables ******************/
/****************** End Variables ******************/
/****************** Fonts ******************/
/*@font-face {
  font-family: BebasNeue;
  src: url(https://s3.eu-central-1.amazonaws.com/witbooking.content.user/withotel/theme2/styles/fonts/BebasNeue/BebasNeue.otf);
}

@font-face {
  font-family: FuturaMaxiCGBook;
  src: url(https://s3.eu-central-1.amazonaws.com/witbooking.content.user/withotel/theme2/styles/fonts/FuturaMaxiCG/FuturaMaxiCGBookRegular.otf);
}

@font-face {
  font-family: FuturaMaxiCGBold;
  src: url(https://s3.eu-central-1.amazonaws.com/witbooking.content.user/withotel/theme2/styles/fonts/FuturaMaxiCG/FuturaMaxiCGBold.otf);
}*/
@font-face {
  font-family: OpenSansRegular;
  src: url(https://s3.eu-central-1.amazonaws.com/witbooking.content.user/withotel/theme2/styles/fonts/Open_Sans/OpenSans-Regular.ttf);
}
@font-face {
  font-family: OpenSansBold;
  src: url(https://s3.eu-central-1.amazonaws.com/witbooking.content.user/withotel/theme2/styles/fonts/Open_Sans/OpenSans-Bold.ttf);
}
@font-face {
  font-family: OpenSansExtraBold;
  src: url(https://s3.eu-central-1.amazonaws.com/witbooking.content.user/withotel/theme2/styles/fonts/Open_Sans/OpenSans-ExtraBold.ttf);
}
@font-face {
  font-family: Verdana;
  src: url(https://s3.eu-central-1.amazonaws.com/witbooking.content.user/withotel/theme2/styles/fonts/Verdana/Verdana.ttf);
}
/****************** End Fonts ******************/
body {
  font-family: OpenSansRegular;
}
#wit-modal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
#wit-modal #wit-modal-background {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 9998;
}
#wit-modal #wit-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
#wit-modal #wit-modal-close svg {
  width: 20px;
  height: 20px;
}
#wit-modal #wit-modal-content {
  width: 40%;
  min-width: 768px;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 7px;
  color: #000;
  padding: 30px 25px;
  overflow: auto;
  z-index: 9999;
}
#wit-modal #wbk-privacy-policy {
  font-weight: bold;
  font-size: 14px;
}
#wit-modal #property-privacy-policy {
  margin-bottom: 20px;
}
#content {
  top: 76px !important;
  right: 360px !important;
  bottom: 0 !important;
  left: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  background-color: #3a3a3c;
}
#content.full-screen {
  top: 0 !important;
  right: 0 !important;
}
#content.booking-content {
  top: 0 !important;
  right: 0 !important;
}
#content .slick-slider {
  left: auto !important;
  right: 410px;
  bottom: 55px;
}
#content .slick-slider {
  width: 250px;
  height: 57px;
  position: absolute;
  left: auto !important;
  right: 410px;
  bottom: 55px;
  margin: 0;
}
#content .slick-slider .slick-list {
  height: 100%;
}
#content .slick-slider .slick-slide {
  position: relative !important;
}
#content .slick-slider .slick-slide img {
  width: 100%;
  height: auto;
  min-width: initial;
  min-height: initial;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#content .slick-slider .slick-track {
  height: 100%;
}
#content .img-caption {
  bottom: 90px !important;
}
.controlGroupBackground {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 360px;
  height: 52px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.caption-grid {
  bottom: 90px !important;
}
.control-group {
  bottom: 2px !important;
  display: flex;
}
.control-group .control-v3 {
  margin: 0 10px;
  cursor: pointer;
  opacity: 1;
}
.control-group .control-v3:hover {
  opacity: 0.6;
}
.control-group .control-v3 svg {
  width: 32px;
  height: 32px;
}
.full-screen .controlGroupBackground {
  right: 0;
}
#social .image-carousel {
  left: 0 !important;
}
#options-tablet {
  padding: 0 !important;
}
#options-tablet #option-list {
  font-size: 15px !important;
}
#options-tablet #option-list span {
  opacity: 1;
  margin-top: 0 !important;
}
#options-tablet #option-list ul:first-child {
  display: flex;
}
#options-tablet #option-list ul:first-child > li {
  display: flex;
  flex: 1 1 33.33%;
  width: 33.33% !important;
  justify-content: center;
  align-items: center;
  height: 45px;
}
#options-tablet #option-list .dropdown-menu {
  top: auto !important;
  bottom: 33px !important;
}
#options-tablet #option-list .btn-group {
  display: flex;
}
#options-tablet #option-list .btn-group .dropMenuIcon {
  width: 24px;
  height: 24px;
}
#options-tablet #option-list .btn-group .dropMenuIcon svg {
  fill: #fff;
  width: 24px;
  height: 24px;
}
#options-tablet #option-list .share-icon img {
  margin-bottom: 0 !important;
}
.image-loading {
  right: 0;
}
.image-loading .loader-wrapper {
  left: 0;
}
.content-wrapper .content .carousel .carousel-inner .item img {
  object-fit: cover;
}
.content-wrapper .content .carousel .carousel-inner .item .image-loading img {
  position: absolute;
}
.witcarousel-control-container {
  position: absolute;
  height: 100%;
  top: 0;
  right: 360px;
  bottom: 0;
  left: 0;
}
.witcarousel-control-container .witcarousel-control {
  position: absolute;
  height: 100%;
  width: 125px;
  z-index: 1;
  opacity: 0.5;
}
.witcarousel-control-container .witcarousel-control.next-control {
  right: 0;
}
.witcarousel-control-container .witcarousel-control:hover {
  opacity: 1;
}
.witcarousel-control-container .witcarousel-control svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  fill: #fff;
}
.mCSB_container_wrapper {
  margin-right: 10px !important;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 0 !important;
}
@media screen and (max-width: 1199px) and (min-width: 768px) and (orientation: landscape) {
  #content {
    top: 56px !important;
  }
  #content slick {
    display: block;
  }
  #content.full-screen .control-group {
    right: 0 !important;
  }
  #content.booking-content {
    right: 0 !important;
  }
  .content-wrapper .content .carousel .carousel-inner .item img {
    top: 0 !important;
  }
  .content-wrapper .content .carousel .carousel-inner .item .image-loading img {
    top: 50% !important;
  }
  .image-loading {
    top: 56px;
  }
  .image-loading .loader-wrapper {
    top: 56px;
    bottom: 52px;
  }
}
#layout footer {
  background-color: #3a3a3c;
}
.wit-back.witBackBookings {
  display: block;
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #layout footer #social-icons {
    margin: 7px 0 12px;
  }
  #layout footer .footer-text #conditions {
    margin-bottom: 3px;
  }
  #content {
    background-color: #fff;
    padding-top: 76px !important;
  }
  #content.booking-content {
    padding-top: 0 !important;
  }
  #content .theme-3 .dropdown-menu {
    bottom: auto;
  }
  .image-loading {
    right: 0;
  }
  .image-loading .loader-wrapper {
    right: 0 !important;
  }
  #wit-modal #wit-modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .witcarousel-control-container {
    right: 0;
  }
  .witcarousel-control-container .witcarousel-control {
    width: 100px;
  }
  .witcarousel-control-container .witcarousel-control.prev-control {
    left: -15px;
  }
  .witcarousel-control-container .witcarousel-control.next-control {
    right: -15px;
  }
  .witcarousel-control-container .witcarousel-control svg {
    width: 60px;
    height: 60px;
  }
}
/******** Layout v3 ********/
/****************** Variables ******************/
/****************** End Variables ******************/
.menuBlack,
.footerBlack {
  color: #000 !important;
}
.menuBlack footer a,
.footerBlack footer a,
.menuBlack #footer a,
.footerBlack #footer a,
.menuBlack #mainFooter a,
.footerBlack #mainFooter a,
.menuBlack footer a:active,
.footerBlack footer a:active,
.menuBlack #footer a:active,
.footerBlack #footer a:active,
.menuBlack #mainFooter a:active,
.footerBlack #mainFooter a:active,
.menuBlack footer a:hover,
.footerBlack footer a:hover,
.menuBlack #footer a:hover,
.footerBlack #footer a:hover,
.menuBlack #mainFooter a:hover,
.footerBlack #mainFooter a:hover,
.menuBlack footer a:link,
.footerBlack footer a:link,
.menuBlack #footer a:link,
.footerBlack #footer a:link,
.menuBlack #mainFooter a:link,
.footerBlack #mainFooter a:link,
.menuBlack footer a:visited,
.footerBlack footer a:visited,
.menuBlack #footer a:visited,
.footerBlack #footer a:visited,
.menuBlack #mainFooter a:visited,
.footerBlack #mainFooter a:visited {
  color: #000 !important;
}
.menuBlack #menu-items,
.footerBlack #menu-items,
.menuBlack #list-collapse,
.footerBlack #list-collapse {
  color: #000 !important;
}
.menuBlack #menu-items a,
.footerBlack #menu-items a,
.menuBlack #list-collapse a,
.footerBlack #list-collapse a {
  color: #000 !important;
}
.menuBlack #menu-items a,
.footerBlack #menu-items a,
.menuBlack #list-collapse a,
.footerBlack #list-collapse a,
.menuBlack #menu-items a:active,
.footerBlack #menu-items a:active,
.menuBlack #list-collapse a:active,
.footerBlack #list-collapse a:active,
.menuBlack #menu-items a:hover,
.footerBlack #menu-items a:hover,
.menuBlack #list-collapse a:hover,
.footerBlack #list-collapse a:hover,
.menuBlack #menu-items a:link,
.footerBlack #menu-items a:link,
.menuBlack #list-collapse a:link,
.footerBlack #list-collapse a:link,
.menuBlack #menu-items a:visited,
.footerBlack #menu-items a:visited,
.menuBlack #list-collapse a:visited,
.footerBlack #list-collapse a:visited {
  text-decoration: none !important;
}
.menuBlack #menu-items li:hover a,
.footerBlack #menu-items li:hover a,
.menuBlack #list-collapse li:hover a,
.footerBlack #list-collapse li:hover a {
  color: #686868 !important;
}
.menuBlack #menu-items .item-active a,
.footerBlack #menu-items .item-active a,
.menuBlack #list-collapse .item-active a,
.footerBlack #list-collapse .item-active a {
  color: #686868 !important;
}
.menuBlack #menu-items .item-active .active,
.footerBlack #menu-items .item-active .active,
.menuBlack #list-collapse .item-active .active,
.footerBlack #list-collapse .item-active .active {
  border-top: 16px solid #686868 !important;
}
.menuWhite,
.footerWhite {
  color: #fff;
}
.menuWhite footer a,
.footerWhite footer a,
.menuWhite #footer a,
.footerWhite #footer a,
.menuWhite #mainFooter a,
.footerWhite #mainFooter a,
.menuWhite footer a:active,
.footerWhite footer a:active,
.menuWhite #footer a:active,
.footerWhite #footer a:active,
.menuWhite #mainFooter a:active,
.footerWhite #mainFooter a:active,
.menuWhite footer a:hover,
.footerWhite footer a:hover,
.menuWhite #footer a:hover,
.footerWhite #footer a:hover,
.menuWhite #mainFooter a:hover,
.footerWhite #mainFooter a:hover,
.menuWhite footer a:link,
.footerWhite footer a:link,
.menuWhite #footer a:link,
.footerWhite #footer a:link,
.menuWhite #mainFooter a:link,
.footerWhite #mainFooter a:link,
.menuWhite footer a:visited,
.footerWhite footer a:visited,
.menuWhite #footer a:visited,
.footerWhite #footer a:visited,
.menuWhite #mainFooter a:visited,
.footerWhite #mainFooter a:visited {
  color: #fff !important;
}
.menuWhite footer .dropdown-menu a,
.footerWhite footer .dropdown-menu a,
.menuWhite #footer .dropdown-menu a,
.footerWhite #footer .dropdown-menu a,
.menuWhite #mainFooter .dropdown-menu a,
.footerWhite #mainFooter .dropdown-menu a,
.menuWhite footer .dropdown-menu a:active,
.footerWhite footer .dropdown-menu a:active,
.menuWhite #footer .dropdown-menu a:active,
.footerWhite #footer .dropdown-menu a:active,
.menuWhite #mainFooter .dropdown-menu a:active,
.footerWhite #mainFooter .dropdown-menu a:active,
.menuWhite footer .dropdown-menu a:hover,
.footerWhite footer .dropdown-menu a:hover,
.menuWhite #footer .dropdown-menu a:hover,
.footerWhite #footer .dropdown-menu a:hover,
.menuWhite #mainFooter .dropdown-menu a:hover,
.footerWhite #mainFooter .dropdown-menu a:hover,
.menuWhite footer .dropdown-menu a:link,
.footerWhite footer .dropdown-menu a:link,
.menuWhite #footer .dropdown-menu a:link,
.footerWhite #footer .dropdown-menu a:link,
.menuWhite #mainFooter .dropdown-menu a:link,
.footerWhite #mainFooter .dropdown-menu a:link,
.menuWhite footer .dropdown-menu a:visited,
.footerWhite footer .dropdown-menu a:visited,
.menuWhite #footer .dropdown-menu a:visited,
.footerWhite #footer .dropdown-menu a:visited,
.menuWhite #mainFooter .dropdown-menu a:visited,
.footerWhite #mainFooter .dropdown-menu a:visited {
  color: #333 !important;
}
.menuWhite #menu-items,
.footerWhite #menu-items,
.menuWhite #list-collapse,
.footerWhite #list-collapse {
  color: #cfcfcf !important;
}
.menuWhite #menu-items a,
.footerWhite #menu-items a,
.menuWhite #list-collapse a,
.footerWhite #list-collapse a {
  color: #cfcfcf !important;
}
.menuWhite #menu-items a,
.footerWhite #menu-items a,
.menuWhite #list-collapse a,
.footerWhite #list-collapse a,
.menuWhite #menu-items a:active,
.footerWhite #menu-items a:active,
.menuWhite #list-collapse a:active,
.footerWhite #list-collapse a:active,
.menuWhite #menu-items a:hover,
.footerWhite #menu-items a:hover,
.menuWhite #list-collapse a:hover,
.footerWhite #list-collapse a:hover,
.menuWhite #menu-items a:link,
.footerWhite #menu-items a:link,
.menuWhite #list-collapse a:link,
.footerWhite #list-collapse a:link,
.menuWhite #menu-items a:visited,
.footerWhite #menu-items a:visited,
.menuWhite #list-collapse a:visited,
.footerWhite #list-collapse a:visited {
  text-decoration: none !important;
}
.menuWhite #menu-items li:hover a,
.footerWhite #menu-items li:hover a,
.menuWhite #list-collapse li:hover a,
.footerWhite #list-collapse li:hover a {
  color: #fff !important;
}
.menuWhite #menu-items .item-active a,
.footerWhite #menu-items .item-active a,
.menuWhite #list-collapse .item-active a,
.footerWhite #list-collapse .item-active a {
  color: #fff !important;
}
.menuWhite #menu-items .item-active .active,
.footerWhite #menu-items .item-active .active,
.menuWhite #list-collapse .item-active .active,
.footerWhite #list-collapse .item-active .active {
  border-top: 14px solid #fff !important;
}
.menuWhite #hide-menu .active,
.footerWhite #hide-menu .active {
  border-top: 14px solid #fff !important;
}
.footerBlack {
  color: #000 !important;
}
.footerBlack#mainFooter a,
.footerBlack#sidebarFooter a,
.footerBlack#mainFooter a:active,
.footerBlack#sidebarFooter a:active,
.footerBlack#mainFooter a:hover,
.footerBlack#sidebarFooter a:hover,
.footerBlack#mainFooter a:link,
.footerBlack#sidebarFooter a:link,
.footerBlack#mainFooter a:visited,
.footerBlack#sidebarFooter a:visited {
  color: #000 !important;
}
.footerWhite {
  color: #fff;
}
.footerWhite#mainFooter a,
.footerWhite#sidebarFooter a,
.footerWhite#mainFooter a:active,
.footerWhite#sidebarFooter a:active,
.footerWhite#mainFooter a:hover,
.footerWhite#sidebarFooter a:hover,
.footerWhite#mainFooter a:link,
.footerWhite#sidebarFooter a:link,
.footerWhite#mainFooter a:visited,
.footerWhite#sidebarFooter a:visited {
  color: #fff !important;
}
/***************** Collapsible Sidebar menu *****************/
#sidebar-collapse {
  background-color: #3a3a3c;
  width: 380px;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 11;
}
#options-tablet {
  background-color: #000;
  color: #fff;
  width: 380px;
  max-width: 100%;
  padding: 0 15px;
  font-size: 1.5em;
}
#options-tablet hr:last-child {
  margin-bottom: 10px;
}
#option-list {
  font-family: OpenSansRegular;
  text-align: center;
  text-transform: uppercase;
}
#option-list li {
  padding: 7px 0;
  width: 30%;
  display: inline-block;
}
#option-list li:first-child {
  text-align: left;
}
#option-list .btn-group {
  cursor: pointer;
}
#option-list .share-icon {
  text-align: right;
}
#option-list .share-icon img {
  max-width: 19px;
  margin-bottom: 4px;
}
#option-list .share-icon .dropdown-menu {
  left: -31px !important;
}
.current-item {
  color: #fff;
}
#list-collapse {
  width: 380px;
  max-width: 100%;
  height: auto !important;
  font-family: OpenSansRegular;
  font-size: 1.7em;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 148px;
  padding: 6px 0;
  word-wrap: break-word;
}
#list-collapse hr {
  display: none;
}
#list-collapse li:hover {
  cursor: pointer;
}
#list-collapse li:first-child {
  margin-bottom: 4px;
}
#list-collapse ul {
  width: 380px;
  max-width: 100%;
  padding-left: 29px;
  padding-right: 29px;
  text-align: left;
}
#list-collapse hr .active {
  display: none;
}
#list-collapse .central-items {
  margin-bottom: 4px;
}
#list-collapse .item-booking {
  margin-bottom: 0 !important;
}
#list-collapse #booking-hr hr {
  display: block !important;
  margin-bottom: 10px !important;
  position: absolute;
  left: 0;
  top: 41px;
}
#mainFooter {
  text-align: center;
}
#mainFooter #options-tablet {
  display: none;
}
#sidebarFooter {
  background-color: #474c36;
  width: 380px;
  max-width: 100%;
  padding-bottom: 7px;
  position: absolute;
  left: 0 !important;
  right: 0;
  bottom: 0;
  text-align: center;
}
#sidebarFooter hr {
  margin: 10px 0 !important;
}
#sidebarFooter span {
  margin-top: 5px;
}
#sidebarFooter #options-tablet a {
  color: #000 !important;
}
#sidebarFooter .footer-text {
  padding: 0 15px;
}
#sidebarFooter .footer-text #conditions {
  font-size: 0.97em;
  margin-bottom: 5px;
}
#sidebarFooter .footer-text #copyright {
  font-size: 0.81em;
  display: block;
}
#sidebarFooter .footer-text #copyright a {
  opacity: 0.5;
}
#sidebarFooter .footer-text #copyright a:hover {
  opacity: 1;
}
#sidebarFooter #conditions {
  margin-bottom: 5px;
}
#sidebarFooter #social-icons {
  font-size: 1.9em;
  margin: 10px 0;
}
#sidebarFooter #social-icons a {
  color: #fff;
}
#sidebarFooter #social-icons li {
  margin-right: 15px;
  cursor: pointer;
}
.collapse-sidebar {
  right: 0 !important;
}
.collapse-sidebar.ng-hide {
  right: -350px !important;
}
.subMenu {
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
}
.subMenu .subMenu-item {
  margin: 10px 0;
}
.roomsMenu,
.pagesMenu {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
  line-height: 27px;
}
.roomsMenu.menu-opened,
.pagesMenu.menu-opened {
  flex-wrap: wrap;
}
.roomsMenu .item-header,
.pagesMenu .item-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
#list-collapse .central-items.roomsMenu,
#list-collapse .central-items.pagesMenu {
  margin-bottom: 8px;
}
.roomMenuArrowDown,
.pageMenuArrowDown {
  width: 24px;
  height: 24px;
  margin-top: -2px;
  margin-right: -7px;
}
.roomMenuArrowDown svg,
.pageMenuArrowDown svg {
  width: 24px;
  height: 24px;
}
.roomMenuArrowDown.opened,
.pageMenuArrowDown.opened {
  margin-top: 2px;
  transform: rotate(180deg);
}
.menuWhite .subMenu-item:hover {
  color: #fff !important;
}
.menuWhite .roomMenuArrowDown svg,
.menuWhite .pageMenuArrowDown svg {
  fill: #fff;
}
.menuBlack .subMenu-item:hover {
  color: #000 !important;
}
.menuBlack .roomMenuArrowDown svg,
.menuBlack .pageMenuArrowDown svg {
  fill: #000;
}
/***************** End Collapsible Sidebar menu *****************/
@media screen and (min-width: 1200px) {
  .collapse-button {
    padding: 0;
  }
  #sidebar-collapse {
    display: block;
    top: 76px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  #sidebar-collapse {
    top: 56px;
  }
}
@media screen and (min-width: 768px) and (max-width: 993px) and (orientation: portrait) {
  .wit-back {
    top: 46px;
  }
  #sidebar-collapse {
    top: 46px;
  }
  #mainFooter #options-tablet {
    display: none;
  }
}
/****************** Variables ******************/
#topnav {
  background-color: #474c36;
}
#top-logo {
  display: flex;
  top: auto;
  transform: none !important;
  height: 100%;
  align-items: center;
  padding: 0 0 0 25px !important;
}
#top-logo a {
  display: flex;
  align-items: center;
}
#top-logo a:active,
#top-logo a:hover,
#top-logo a:link,
#top-logo a:visited {
  text-decoration: none;
}
#top-logo img {
  max-height: 100%;
  float: none;
  flex: 0 0 auto;
  margin-right: 10px;
  max-width: 100%;
  width: auto;
  height: auto;
}
#top-logo .logo-text {
  position: initial;
  top: auto;
  transform: none;
  font-family: OpenSansRegular;
  float: none;
  flex: 1 1 auto;
  font-size: 27px;
  margin-left: 5px !important;
}
#top-logo .logo-text #hotelName {
  font-size: 23px;
  line-height: 1em !important;
}
#top-logo .logo-text #hotelCity {
  display: none;
  font-size: 17px;
  text-transform: initial;
}
#top-logo .logo-text #hotelName,
#top-logo .logo-text #hotelCity {
  margin-top: 5px;
}
#top-logo .logo-text.hasLogo {
  margin-left: 0 !important;
}
#top-logo.hasCity .logo-text {
  font-size: 19px;
}
#menu-collapse #container-title {
  display: block;
  right: 69px;
  width: 245px;
  font-size: 23px;
}
#menu-collapse #menuCollapseButton {
  float: right;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: inline-block;
  margin: 4px 10px 0 0;
}
#menu-collapse #menuCollapseButton:hover {
  opacity: 0.7;
}
#menu-collapse #menuCollapseButton svg {
  width: 40px;
  height: 40px;
}
#title-nav {
  display: none;
}
.topNavBarBlack svg {
  fill: #000;
}
.link-logo {
  padding: 5px 0;
  max-width: 200px;
}
/****************** End Variables ******************/
@media screen and (max-width: 1199px) and (min-width: 768px) {
  #topnav,
  .link-logo {
    height: 56px;
  }
  #top-logo .logo-text {
    font-size: 23px;
  }
  #top-logo .logo-text #hotelName {
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  /****************** General ******************/
  #topnav,
  .link-logo {
    height: 76px;
    display: block;
    left: 0 !important;
  }
  /****************** End General ******************/
  /****************** Logo ******************/
  #top-logo {
    float: left;
    padding: 8px 15px 0;
  }
  #top-logo .logo-text {
    float: left;
    margin-left: 11px;
    text-transform: uppercase;
    margin-top: -2.5px !important;
    font-size: 27px;
    line-height: 1em;
  }
  #top-logo .logo-text #hotelCity {
    display: block;
  }
  /****************** End Logo ******************/
  /****************** Menu ******************/
  #menu-collapse {
    float: right;
    margin-top: 7px;
    font-size: 1.5em;
    padding-top: 8px;
    padding-right: 15px;
  }
  #menu-collapse .collapse-button {
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
  }
  /****************** End Menu ******************/
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #topnav,
  .link-logo {
    height: 46px;
  }
  #top-logo {
    top: auto !important;
    padding: 0 0 0 5px !important;
  }
  #top-logo .logo-text {
    font-size: 16px;
    font-family: OpenSansRegular !important;
  }
  #top-logo .logo-text #hotelName {
    font-size: 16px;
    margin-top: 0;
  }
  #menu-collapse #container-title {
    display: none;
  }
  #menu-collapse #menuCollapseButton {
    margin: 2px 1px 0 0;
  }
  #title-nav {
    color: #fff;
    height: 30px;
    background-color: #3a3a3c;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    width: 100%;
  }
  #title-nav.titleNavBlack {
    color: #000;
  }
}
#right-sidebar {
  background-color: #3a3a3c;
}
#right-sidebar.bookingsScreen {
  bottom: 0 !important;
  top: 500px !important;
  background-color: #f99c32;
}
#right-sidebar.bookingsScreen .bookings-v3 {
  top: 76px;
  bottom: auto;
}
#right-sidebar.bookingsScreen .panel-heading {
  color: #fff;
}
.bookings-v3 {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 360px;
}
#bookingFormContainer {
  display: flex;
  flex-wrap: wrap;
  min-height: 369px;
  background-color: #f99c32;
  cursor: pointer;
}
#bookingFormContainer select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
#bookingFormContainer select::-ms-expand {
  display: none;
}
#bookingFormContainer .bookingFormInput {
  border: 1px solid #aaa;
  color: #000;
  background-color: #fff;
  text-align: center;
  padding: 0 9px;
  cursor: pointer;
}
#bookingFormContainer #bookingFormHeaderContainer {
  width: 100%;
}
#bookingFormContainer #bookingFormHeader {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  justify-content: center;
  padding: 15px 0 14px;
  margin: 0 20px;
}
#bookingFormContainer #bookingFormHeader #bookingFormTitle {
  font-size: 20px;
  flex: 1 1 auto;
  text-transform: uppercase;
}
#bookingFormContainer #bookingFormHeader #bookingFormRightArrow {
  flex: 0 1 auto;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  padding-left: 16px;
}
#bookingFormContainer #bookingFormHeader #bookingFormRightArrow svg {
  width: 30px;
  height: 30px;
  fill: #fff;
  transform: rotate(90deg);
}
#bookingFormContainer #bookingFormWrapper {
  width: 100%;
  padding-bottom: 25px;
  margin: 0 20px;
}
#bookingFormContainer #bookingFormDate {
  display: flex;
  flex: 1 1 100%;
  justify-content: center;
  margin-top: 5px;
}
#bookingFormContainer #bookingFormDate .bookingFormDateInput {
  flex: 0 1 auto;
  margin: 0 15px;
  position: relative;
}
#bookingFormContainer #bookingFormDate .bookingFormDateInput label {
  display: block;
}
#bookingFormContainer #bookingFormDate .bookingFormDateInput input {
  width: 110px;
}
#bookingFormContainer #bookingFormDate .bookingFormDateInput select,
#bookingFormContainer #bookingFormDate .bookingFormDateInput input {
  height: 28px;
}
#bookingFormContainer #bookingFormDate .bookingFormDateInput ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#bookingFormContainer #bookingFormOccupants {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 7px;
}
#bookingFormContainer #bookingFormOccupants .occupantsPerRoom {
  flex: 1 1 100%;
  text-align: center;
}
#bookingFormContainer #bookingFormOccupants .bookingFormOccupant {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  max-width: 80px;
  margin-bottom: 15px;
}
#bookingFormContainer #bookingFormOccupants .bookingFormOccupant select {
  width: 32px;
  height: 32px;
  margin-right: 7px;
}
#bookingFormContainer #bookingFormOccupants .bookingFormOccupant .occupantIcon {
  text-align: center;
}
#bookingFormContainer #bookingFormOccupants .bookingFormOccupant .occupantIcon .age {
  font-size: 9px;
}
#bookingFormContainer .promoCodeContainer {
  width: 100%;
}
#bookingFormContainer .promoCodeContainer label {
  width: 100%;
}
#bookingFormContainer .promoCodeContainer .panel-group {
  margin-bottom: 0;
}
#bookingFormContainer .promoCodeContainer .accordion-toggle {
  color: #fff;
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
#bookingFormContainer .promoCodeContainer .accordion-toggle .promoCodeLabel {
  height: 17px;
  flex: 0 0 auto;
  text-transform: lowercase;
}
#bookingFormContainer .promoCodeContainer .accordion-toggle .promoCodeAccordionIcon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
#bookingFormContainer .promoCodeContainer .accordion-toggle .promoCodeAccordionIcon svg {
  fill: #fff;
  width: 24px;
  height: 24px;
}
#bookingFormContainer .promoCodeContainer .panel-collapse {
  margin-top: 5px;
}
#bookingFormContainer .promoCodeContainer .panel-collapse .panel-body {
  display: flex;
  justify-content: center;
}
#bookingFormContainer #bookingFormSubmit {
  display: flex;
  flex: 1 1 100%;
  justify-content: center;
}
#bookingFormContainer #bookingFormSubmit button {
  border: 1px solid #fff;
}
#bookingFormContainer #bookingFormSummary {
  display: none;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormWrapper {
  display: none;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormHeader #bookingFormTitle {
  flex: 0 1 auto;
  font-weight: bold;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormHeader #bookingFormRightArrow svg {
  transform: none;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormSummary {
  display: flex;
  font-weight: bold;
  margin-top: 15px;
  font-size: 15px;
  cursor: pointer;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormSummary:hover {
  opacity: 0.7;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormSummary .bookingFormSummaryInput {
  flex: 0 1 auto;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormSummary .bookingFormSummaryInput.withIcon {
  display: flex;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormSummary .summarySeparator svg {
  width: 16px;
  margin: 0 7px;
  opacity: 0.6;
  position: relative;
  bottom: 2px;
}
#bookingFormContainer.bookingFormCollapsed #bookingFormSummary #summaryNightsWrapper svg {
  width: 14px;
  height: 14px;
  margin-top: 3px;
  transform: rotate(180deg);
}
#bookingFormContainer.bookingFormCollapsed #bookingFormSummary #summaryOccupantsWrapper svg {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-left: 2px;
}
#bookingFormContainer.bookingFormBlack svg {
  fill: #000;
}
.grow #bookingFormContainer {
  min-height: 0;
}
.bookingFormSeparator {
  flex: 1 1 100%;
  margin: 21px 0 12px;
}
#specials-wrapper {
  flex: 1 1 100%;
  padding: 15px 20px;
}
#specials-wrapper #special-v3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#specials-wrapper #special-v3 .carousel {
  flex: 1 1 auto;
  height: 47px;
}
#specials-wrapper #special-v3 .specialControl {
  margin-top: 3px;
}
#specials-wrapper #special-v3 .specialControl svg {
  height: 42px;
  width: 42px;
}
#specials-wrapper #special-v3 .specialControl.controlLeft {
  margin-left: -15px;
}
#specials-wrapper #special-v3 .specialControl.controlRight {
  margin-right: -15px;
}
#specials-wrapper #special-v3 .specials-title-v3 {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
#specials-wrapper #special-v3 .specials-title-v3 .specials-title-discount {
  flex: 1 1 auto;
  font-size: 26px;
  margin-right: 15px;
}
#specials-wrapper #special-v3 .specials-title-v3 .specials-title-discount .specials-title-percentage {
  font-size: 20px;
  margin-left: 2px;
  font-weight: normal;
}
#specials-wrapper #special-v3 .specials-title-v3 .specials-title-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  flex: 1 1 auto;
  text-align: center;
}
#specials-wrapper #special-v3 .specials-title-v3 .specials-title-text.hasDiscount {
  text-align: left;
}
#specials-wrapper #special-v3 .specials-description-v3 {
  flex: 1 1 100%;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #e8e8e8;
}
#specials-wrapper #special-v3 .specials-description-v3:hover {
  opacity: 0.8;
}
.special-item-wrapper {
  display: flex;
  align-items: center;
}
.special-item-wrapper .special-item-title {
  flex: 1 1 auto;
  font-size: 16px;
  display: flex;
}
.special-item-wrapper .special-item-title .specials-title-discount {
  flex: 0 0 58px;
  font-size: 26px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.special-item-wrapper .special-item-title .specials-title-discount .specials-title-percentage {
  font-size: 20px;
  margin-top: 6px;
  margin-left: 2px;
  font-weight: normal;
}
.special-item-wrapper .special-item-icon {
  flex: 0 0 24px;
}
.special-item-description {
  margin-top: 10px;
}
#right-sidebar {
  color: #fff !important;
}
#right-sidebar #right-content {
  background-color: inherit !important;
}
#right-sidebar.bookingsScreen {
  bottom: 0 !important;
  top: 296px !important;
  background-color: #f99c32;
}
#right-sidebar.bookingsScreen #bookingFormContainer #bookingFormHeader {
  display: none;
}
#right-sidebar.bookingsScreen #bookingFormContainer #bookingFormDate {
  margin-top: 0;
}
#right-sidebar.bookingsScreen #bookingFormContainer .bookingFormSeparator {
  display: none;
}
#right-sidebar.bookingsScreen .bookings-v3 {
  top: 76px;
  bottom: auto;
}
#right-sidebar.bookingsScreen .panel-heading {
  color: #fff;
}
#right-sidebar.bookingsScreen .panel-heading .panel-title .accordion-toggle {
  text-decoration: none;
}
#right-sidebar.bookingsScreen #special #special-title {
  display: none;
}
#right-sidebar.sidebar-black {
  color: #000 !important;
}
#right-sidebar.sidebar-black svg {
  fill: #000;
}
#right-sidebar.sidebar-black .panel-group .panel .panel-heading {
  color: #000 !important;
}
#right-sidebar.sidebar-black #bookingFormContainer .promoCodeContainer .accordion-toggle {
  color: #000;
}
#right-sidebar.sidebar-black #bookingFormContainer .promoCodeContainer .accordion-toggle .promoCodeAccordionIcon svg {
  width: 24px;
  height: 24px;
  fill: #000;
}
@media screen and (max-width: 1199px) and (min-width: 768px) and (orientation: landscape) {
  #right-sidebar {
    top: 56px !important;
  }
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  .bookings-v3 {
    position: static;
    width: 100%;
  }
  #right-sidebar #right-content {
    background-color: #3a3a3c;
  }
}
@media screen and (min-width: 1200px) {
  #right-sidebar {
    top: 76px !important;
  }
}
#right-sidebar #right-content #offers {
  background-color: inherit !important;
}
#wit-video > div {
  z-index: 0 !important;
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #content #home #offers {
    color: inherit;
  }
  #right-sidebar #right-content #offers {
    background-color: #3a3a3c;
  }
}
@media screen and (min-width: 1200px) {
  .full-screen {
    z-index: 11 !important;
  }
  #content {
    left: 0;
  }
}
#bookingFormContainer {
  min-height: 0 !important;
}
#booking {
  top: 0 !important;
}
#booking #booking-head {
  display: none;
}
#booking .panel-group .panel {
  padding: 20px 0;
}
#booking .panel-group .panel:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 20px;
}
#booking .panel-group .panel:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}
#booking .promoCodeContainer .panel-group .panel {
  padding: 14px 0;
}
#booking .promoCodeContainer .panel-group .panel:first-child {
  border-top: none;
  padding-top: 0;
}
#booking .promoCodeContainer .panel-group .panel:last-child {
  border-bottom: none !important;
}
#booking .theme-3 .dropdown-menu {
  bottom: auto !important;
}
#booking #iframe-wrap {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
#booking #iframe-wrap #witiframe {
  min-height: 99% !important;
}
#booking #right-sidebar {
  height: auto;
  top: 76px !important;
}
#booking #right-sidebar .bookings-v3 {
  position: static;
  flex: 1 1 auto;
}
#booking #right-sidebar #right-content {
  position: static;
  flex: 1 1 auto;
}
#booking #right-sidebar.sidebar-black .panel-group .panel:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}
#booking #right-sidebar.sidebar-black .panel-group .panel:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.witBackBookings {
  top: 123px !important;
}
@media screen and (min-width: 640px) {
  .witBackBookings {
    top: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .witBackBookings {
    top: 84px !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) and (orientation: landscape) {
  #booking #right-sidebar {
    top: 56px !important;
  }
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #booking #right-sidebar {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  #booking #iframe-wrap #witiframe {
    min-height: 0;
  }
}
#content #guide #map-canvas {
  right: 360px !important;
}
#guide #right-sidebar {
  background-color: #3a3a3c;
}
#guide #map-canvas {
  right: 360px !important;
}
#guide #guide-list {
  color: inherit !important;
}
#guide .panel-title a {
  color: inherit;
}
#guide .panel-group .panel {
  padding: 14px 0 10px;
}
#guide .panel-group .panel .panel-collapse {
  margin-top: 0;
}
#guide .panel-group .panel .panel-heading {
  color: inherit;
}
#guide .panel-group .panel .panel-heading .panel-title a:active,
#guide .panel-group .panel .panel-heading .panel-title a:hover,
#guide .panel-group .panel .panel-heading .panel-title a:link,
#guide .panel-group .panel .panel-heading .panel-title a:visited {
  text-decoration: none;
}
#guide .panel-group .panel .panel-heading .panel-title .accordion-title {
  display: flex;
}
#guide .panel-group .panel .panel-heading .panel-title .accordion-title span {
  flex: 1 1 auto;
  max-width: none;
}
#guide .panel-group .panel .panel-heading .panel-title .accordion-title svg {
  width: 24px;
  height: 24px;
  fill: #fff;
  opacity: 0.6;
}
#guide .panel-group .panel .panel-heading .panel-title .accordion-title .accordion-opened-icon svg {
  opacity: 1;
}
#guide .panel-group .panel .panel-heading .panel-title .accordion-title.panel-active {
  font-family: OpenSansBold;
}
#guide .panel-group .panel .panel-heading .panel-title .accordion-title:not(.panel-active) {
  font-family: OpenSansRegular;
}
#guide .panel-group .panel.main-panel:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}
#guide .guide-items-list .panel-group .panel {
  padding: 4px 0;
}
#guide .guide-items-list .guide-item-header {
  display: flex;
  align-items: center;
}
#guide .guide-items-list .guide-item-header .guide-item-number {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  border: 1px solid #7b7b7b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: normal;
  background-color: #474c36 !important;
  font-family: OpenSansRegular;
}
#guide .guide-items-list .guide-item-header .guide-item-title {
  font-size: 16px;
  margin-left: 10px;
}
#guide .guide-items-list .guide-item-header svg,
#guide .guide-items-list .guide-item-header .gallery-item-accordion-icon {
  width: 24px;
  height: 24px;
}
#guide .guide-items-list .guide-item-header svg {
  fill: #fff;
  opacity: 0.6;
}
#guide .guide-items-list .guide-item-header .accordion-opened-icon svg {
  opacity: 1;
}
#guide .guide-items-list .guide-item-header.panel-active {
  font-family: OpenSansBold;
}
#guide .guide-items-list .guide-item-header:not(.panel-active) {
  font-family: OpenSansRegular;
}
#guide .guide-items-list .guide-item-body {
  font-size: 13px;
  margin-bottom: 10px;
  color: inherit;
  line-height: 15px;
  opacity: 0.9;
}
#guide .sidebar-black .panel-group .panel .panel-heading .panel-title .accordion-title svg {
  fill: #000;
}
#guide .sidebar-black .guide-items-list .guide-item-header svg {
  fill: #000;
}
@media screen and (max-width: 1199px) and (min-width: 768px) and (orientation: landscape) {
  #content #guide .map-btn {
    right: 10px !important;
  }
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #content #guide #map-canvas {
    right: 0 !important;
  }
  #guide #guide-list {
    color: inherit;
  }
  #guide .panel-group .panel.main-panel {
    padding: 10px 0 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  }
  #guide .accordion-title {
    padding-right: 0;
  }
}
#content #location #map-canvas {
  right: 360px !important;
}
#location #right-sidebar {
  background-color: #3a3a3c;
}
#location #map-canvas {
  right: 360px !important;
}
#location #location-list {
  color: inherit !important;
}
#location .panel-title a {
  color: inherit;
}
#location .panel-group .panel {
  padding: 14px 0 10px;
}
#location .panel-group .panel .panel-collapse {
  margin-top: 0;
}
#location .panel-group .panel .panel-heading {
  color: inherit;
}
#location .panel-group .panel .panel-heading .panel-title a:active,
#location .panel-group .panel .panel-heading .panel-title a:hover,
#location .panel-group .panel .panel-heading .panel-title a:link,
#location .panel-group .panel .panel-heading .panel-title a:visited {
  text-decoration: none;
}
#location .panel-group .panel .panel-heading .panel-title .accordion-title {
  display: flex;
}
#location .panel-group .panel .panel-heading .panel-title .accordion-title span {
  flex: 1 1 auto;
  max-width: none;
}
#location .panel-group .panel .panel-heading .panel-title .accordion-title svg {
  width: 24px;
  height: 24px;
  fill: #fff;
  opacity: 0.6;
}
#location .panel-group .panel .panel-heading .panel-title .accordion-title .accordion-opened-icon svg {
  opacity: 1;
}
#location .panel-group .panel .panel-heading .panel-title .accordion-title.panel-active {
  font-family: OpenSansBold;
}
#location .panel-group .panel .panel-heading .panel-title .accordion-title:not(.panel-active) {
  font-family: OpenSansRegular;
}
#location .panel-group .panel.main-panel:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}
#location .location-items-list .panel-group .panel {
  padding: 4px 0;
}
#location .location-items-list .location-item-header {
  display: flex;
  align-items: center;
}
#location .location-items-list .location-item-header .location-item-number {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  border: 1px solid #7b7b7b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: normal;
  background-color: #474c36;
  font-family: OpenSansRegular;
}
#location .location-items-list .location-item-header .location-item-title {
  font-size: 16px;
  margin-left: 10px;
}
#location .location-items-list .location-item-header svg,
#location .location-items-list .location-item-header .gallery-item-accordion-icon {
  width: 24px;
  height: 24px;
}
#location .location-items-list .location-item-header svg {
  fill: #fff;
  opacity: 0.6;
}
#location .location-items-list .location-item-header .accordion-opened-icon svg {
  opacity: 1;
}
#location .location-items-list .location-item-header.panel-active {
  font-family: OpenSansBold;
}
#location .location-items-list .location-item-header:not(.panel-active) {
  font-family: OpenSansRegular;
}
#location .location-items-list .location-item-body {
  font-size: 13px;
  margin-bottom: 10px;
  color: #d2d2d2;
  line-height: 15px;
}
#location .sidebar-black .panel-group .panel .panel-heading .panel-title .accordion-title svg {
  fill: #000;
}
.address-info {
  line-height: 16px;
  margin-bottom: 15px;
}
.address-info .address-additional-info {
  margin-top: 15px;
}
.arrives-wrapper .panel-group .panel {
  padding: 12px 0 0 !important;
}
.arrives-wrapper .panel-group .panel .panel-collapse {
  margin: 10px 0 !important;
}
.arrives-wrapper .panel-group .panel .accordion-toggle {
  display: flex;
  align-items: center;
}
.arrives-wrapper .panel-group .panel .accordion-toggle .accordion-icon {
  width: 24px;
  height: 24px;
}
.arrives-wrapper .panel-group .panel .accordion-toggle .accordion-icon svg {
  width: 24px;
  height: 24px;
}
.arrives-wrapper .panel-title {
  font-size: 18px !important;
}
.arrives-wrapper .panel-title .fa {
  font-size: 22px;
}
.arrives-wrapper .arrives-title {
  margin-left: 5px;
}
.contact-form input {
  border-radius: 1px;
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  #map-canvas .angular-google-map-container {
    bottom: 0;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) and (orientation: landscape) {
  #content #location .map-btn {
    right: 10px !important;
  }
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #content #location #map-canvas {
    right: 0 !important;
  }
  #location #location-list {
    color: inherit !important;
  }
  #location .panel-group .panel.main-panel {
    padding: 10px 0 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  }
  #location .accordion-title {
    padding-right: 0;
  }
}
#media #right-sidebar {
  background-color: #3a3a3c;
}
#media #right-sidebar #media-list {
  font-size: 23px;
}
#media #right-sidebar #media-list li {
  display: flex;
  align-items: center;
}
#media #right-sidebar #media-list li .media-icon {
  display: none;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
  margin-left: -23px;
  margin-right: -2px;
}
#media #right-sidebar #media-list li .media-icon svg {
  width: 24px;
  height: 24px;
}
#media #right-sidebar #media-list li.active {
  font-family: OpenSansBold;
}
#media #right-sidebar #media-list li.active .media-icon {
  display: block;
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #media {
    padding-top: 30px;
  }
  #media #right-sidebar {
    color: inherit;
  }
}
.panel-default > .panel-heading {
  color: inherit;
}
#pages #page-content {
  padding: 0;
  right: 360px;
}
#pages #right-sidebar {
  display: flex;
  flex-direction: column;
  background-color: #3a3a3c;
}
#pages #right-sidebar #right-content {
  flex: 1 1 auto;
  padding: 13px 0;
}
#pages #right-sidebar #right-content.hasControllers {
  padding-bottom: 47px;
}
#pages #right-sidebar #right-content #content-pages {
  color: inherit !important;
}
#pages #right-sidebar #right-content #content-pages .panel-title a {
  color: inherit !important;
}
#pages #right-sidebar #pageWrapper #pageName {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 23px;
  margin-bottom: 20px;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 26px;
}
#pages #right-sidebar #pageWrapper #pageName span {
  flex: 1 1 auto;
}
#pages #right-sidebar #pageWrapper #pageName .pageSelectorIcon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
#pages #right-sidebar #pageWrapper #pageName .pageSelectorIcon svg {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 12px;
}
#pages #right-sidebar #pageWrapper #pageDescription {
  opacity: 0.75;
  line-height: 18px;
}
#pages #right-sidebar #pageWrapper #pageBookButton {
  background: none;
  border: 1px solid #fff;
  padding: 3px 10px;
  text-transform: uppercase;
  margin-top: 20px;
  opacity: 0.75;
}
#pages #right-sidebar #pageWrapper #pageBookButton:hover {
  opacity: 1;
}
#pages #right-sidebar #pageWrapper .pageSelector {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: -42px;
}
#pages #right-sidebar #pageWrapper .pageSelector .pageSelectorOption {
  cursor: pointer;
  margin: 13px 0;
  line-height: 20px;
  opacity: 0.7;
}
#pages #right-sidebar #pageWrapper .pageSelector .pageSelectorOption:hover,
#pages #right-sidebar #pageWrapper .pageSelector .pageSelectorOption.active {
  opacity: 1;
}
#pages #right-sidebar #pageWrapper .pageSelector .pageSelectorOption:first-child {
  width: 280px;
}
#pages #right-sidebar #pageControllers {
  flex: 0 0 auto;
  display: flex;
  padding: 0 15px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#pages #right-sidebar #pageControllers .pageController {
  flex: 0 0 50%;
  display: flex;
  cursor: pointer;
  align-items: center;
  font-size: 12px;
  opacity: 0.75;
}
#pages #right-sidebar #pageControllers .pageController:hover {
  opacity: 1;
}
#pages #right-sidebar #pageControllers .pageController.hasTwoPages {
  flex: 0 0 100%;
}
#pages #right-sidebar #pageControllers .pageController .pageControllerIcon {
  width: 24px;
  height: 24px;
}
#pages #right-sidebar #pageControllers .pageController .pageControllerIcon svg {
  width: 24px;
  height: 24px;
}
#pages #right-sidebar #pageControllers .pageController#pageControllerLeft {
  justify-content: flex-start;
  padding-right: 10px;
}
#pages #right-sidebar #pageControllers .pageController#pageControllerLeft .pageControllerIcon {
  margin-right: 5px;
}
#pages #right-sidebar #pageControllers .pageController#pageControllerRight {
  justify-content: flex-end;
  padding-left: 10px;
  text-align: right;
}
#pages #right-sidebar #pageControllers .pageController#pageControllerRight .pageControllerIcon {
  margin-left: 5px;
}
@media screen and (max-width: 1199px) and (min-width: 768px) and (orientation: landscape) {
  #pages #page-content {
    bottom: 0;
  }
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #pages #right-sidebar #right-content #content-pages {
    color: #fff;
  }
  #pages #right-sidebar #right-content #content-pages .panel-title a {
    color: #fff;
  }
  #pages #right-sidebar #right-content {
    padding: 0;
  }
  #pages #right-sidebar #pageWrapper #pageName {
    display: none;
  }
  #pages #right-sidebar #pageControllers {
    display: none;
  }
}
#rooms #right-sidebar {
  display: flex;
  flex-direction: column;
  background-color: #3a3a3c;
}
#rooms #right-sidebar #right-content {
  flex: 1 1 auto;
  padding: 30px 20px;
}
#rooms #right-sidebar #right-content.hasControllers {
  padding-bottom: 47px;
}
#rooms #right-sidebar #roomWrapper #roomName {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 23px;
  margin-bottom: 20px;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 26px;
}
#rooms #right-sidebar #roomWrapper #roomName span {
  flex: 1 1 auto;
}
#rooms #right-sidebar #roomWrapper #roomName .roomSelectorIcon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
#rooms #right-sidebar #roomWrapper #roomName .roomSelectorIcon svg {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 12px;
}
#rooms #right-sidebar #roomWrapper #roomDescription {
  opacity: 0.75;
  line-height: 18px;
}
#rooms #right-sidebar #roomWrapper #roomBookButton {
  background: none;
  border: 1px solid #fff;
  padding: 3px 10px;
  text-transform: uppercase;
  margin-top: 20px;
  opacity: 0.75;
}
#rooms #right-sidebar #roomWrapper #roomBookButton:hover {
  opacity: 1;
}
#rooms #right-sidebar #roomWrapper .roomSelector {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: -42px;
}
#rooms #right-sidebar #roomWrapper .roomSelector .roomSelectorOption {
  cursor: pointer;
  margin: 13px 0;
  line-height: 20px;
  opacity: 0.7;
}
#rooms #right-sidebar #roomWrapper .roomSelector .roomSelectorOption:hover,
#rooms #right-sidebar #roomWrapper .roomSelector .roomSelectorOption.active {
  opacity: 1;
}
#rooms #right-sidebar #roomWrapper .roomSelector .roomSelectorOption:first-child {
  width: 280px;
}
#rooms #right-sidebar #roomControllers {
  flex: 0 0 auto;
  display: flex;
  padding: 0 15px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#rooms #right-sidebar #roomControllers .roomController {
  flex: 0 0 50%;
  display: flex;
  cursor: pointer;
  align-items: center;
  font-size: 12px;
  opacity: 0.75;
}
#rooms #right-sidebar #roomControllers .roomController:hover {
  opacity: 1;
}
#rooms #right-sidebar #roomControllers .roomController.hasTwoRooms {
  flex: 0 0 100%;
}
#rooms #right-sidebar #roomControllers .roomController .roomControllerIcon {
  width: 24px;
  height: 24px;
}
#rooms #right-sidebar #roomControllers .roomController .roomControllerIcon svg {
  width: 24px;
  height: 24px;
}
#rooms #right-sidebar #roomControllers .roomController#roomControllerLeft {
  justify-content: flex-start;
  padding-right: 10px;
}
#rooms #right-sidebar #roomControllers .roomController#roomControllerLeft .roomControllerIcon {
  margin-right: 5px;
}
#rooms #right-sidebar #roomControllers .roomController#roomControllerRight {
  justify-content: flex-end;
  padding-left: 10px;
  text-align: right;
}
#rooms #right-sidebar #roomControllers .roomController#roomControllerRight .roomControllerIcon {
  margin-left: 5px;
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #rooms {
    padding-top: 30px;
  }
  #section {
    background-color: #3a3a3c;
    font-size: 18px;
    text-transform: uppercase;
    height: 30px;
    overflow-y: hidden;
  }
  #section span {
    font-size: inherit;
    margin: 0 3px 0 0;
    font-weight: bold;
  }
  #section .inline-list {
    padding: 0 20px;
  }
  #section .inline-list li {
    color: inherit !important;
  }
  #section .inline-list li:not(:first-child) {
    margin-left: 0;
  }
  #section .inline-list li:last-child {
    margin-right: 0;
  }
  #section .inline-list li:last-child span {
    display: none;
  }
  #section .inline-list li:hover {
    font-weight: bold;
  }
  #section .active {
    color: inherit !important;
    font-weight: bold;
  }
  #rooms #right-sidebar #right-content {
    padding: 0;
  }
  #rooms #right-sidebar #roomWrapper {
    padding: 30px 20px;
  }
  #rooms #right-sidebar #roomWrapper #roomName {
    display: none;
  }
  #rooms #right-sidebar #roomControllers {
    display: none;
  }
}
#social #right-sidebar {
  background-color: #3a3a3c;
}
#social #social-list li {
  display: flex;
  align-items: center;
}
#social #social-list li .social-icon {
  display: none;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
  margin-left: -23px;
  margin-right: -2px;
}
#social #social-list li .social-icon svg {
  width: 24px;
  height: 24px;
}
#social #social-list li.active {
  font-family: OpenSansBold;
}
#social #social-list li.active .social-icon {
  display: block;
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  #social .image-carousel {
    top: 56px;
  }
}
@media screen and (max-width: 767px), screen and (orientation: portrait) {
  #social {
    padding-top: 30px;
  }
  #social .image-carousel {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  #social {
    right: 410px;
    bottom: 103px;
  }
}
#contact #right-sidebar {
  background-color: #3a3a3c;
}
#contact #privacy-checkbox {
  text-decoration: underline;
}
/******** End Layout v3 ********/