@charset "UTF-8";
/* Fonts */
/* ------ Montserrat Font ------ */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-300.eot?") format("eot"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-300.woff") format("woff"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-300.ttf") format("truetype"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-300.svg#Montserrat") format("svg"); }

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-regular.eot?") format("eot"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-regular.woff") format("woff"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-regular.ttf") format("truetype"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-regular.svg#Montserrat") format("svg"); }

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-medium.eot?") format("eot"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-medium.woff") format("woff"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-medium.ttf") format("truetype"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-medium.svg#Montserrat") format("svg"); }

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-700.eot?") format("eot"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-700.woff") format("woff"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-700.ttf") format("truetype"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/montserrat/montserrat-v12-latin-700.svg#Montserrat") format("svg"); }

/* ------ Engraver Font ------ */
@font-face {
  font-family: "Theano-Didot-Regular";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/theano-didot/Theano-Didot-Regular.eot?") format("eot"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/theano-didot/Theano-Didot-Regular.woff") format("woff"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/theano-didot/Theano-Didot-Regular.ttf") format("truetype"), url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/fonts/theano-didot/Theano-Didot-Regular.svg#Theano-Didot-Regular") format("svg"); }

/* ---------- Basic styles ---------- */
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #333; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Theano-Didot-Regular';
  margin: 0 0 5px; }

img {
  vertical-align: middle;
  display: block;
  max-width: 100%; }

a {
  color: #2b2c43;
  font-weight: 400;
  transition: all 0.35s;
  backface-visibility: hidden; }
  a:hover, a:focus {
    color: #121326;
    text-decoration: none; }

/* ---------- Helpers ---------- */
.justify-center {
  text-align: justify;
  text-align-last: center; }

/* ---------- Buttons ---------- */
.btn-wrapper {
  width: 100%;
  display: block;
  clear: left; }
  .btn-wrapper .btn {
    margin-bottom: 5px; }

.btn {
  margin: 0;
  padding: 10px 15px;
  color: #fff;
  cursor: pointer;
  background: #2b2c43;
  border-radius: 0;
  border: 1px solid #2b2c43;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  transition: all 0.35s;
  -webkit-appearance: none; }
  .btn:hover, .btn:active, .btn:focus {
    color: #fff;
    background: #121326;
    border: 1px solid #121326; }
  .btn-submit-otd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #ffffff;
    font-size: 16px;
    border: none;
    cursor: pointer;
    position: relative;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .btn-submit-otd {
        padding: 25px; } }
    .btn-submit-otd .btn-label {
      z-index: 1;
      position: relative;
      top: 4px; }
      @media (max-width: 767px) {
        .btn-submit-otd .btn-label {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          margin-top: 3px; } }
    .btn-submit-otd:before {
      content: "";
      width: 70%;
      height: 70%;
      background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="484.067" height="461.106" viewBox="0 0 484.067 461.106"%3E%3Cpath d="M473.486,182.079,310.615,157.952,235.9,11.23,162.628,158.675,0,184.389,117.584,299.641l-25.8,162.616,145.946-76.215,146.684,74.787L357.032,298.473Z" transform="translate(5.299 -5.667)" fill="%23242849" stroke="%23000" stroke-width="5"/%3E%3C/svg%3E');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      z-index: 0; }
      @media (min-width: 768px) {
        .btn-submit-otd:before {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; } }

.btn-border {
  color: #2b2c43;
  background-color: transparent;
  border: 1px solid #2b2c43; }
  .btn-border:hover, .btn-border:active, .btn-border:focus {
    color: #fff;
    background: #121326;
    border: 1px solid #121326; }

.btn-red {
  background: #7a3340;
  border: 1px solid #7a3340; }
  .btn-red:hover, .btn-red:active, .btn-red:focus {
    color: #fff;
    background: #5d202b;
    border: 1px solid #5d202b; }

.btn-arrow {
  padding: 9.5px 15px; }
  .btn-arrow span:after {
    font-family: Flaticon;
    content: '\f12c';
    display: inline-block;
    margin-left: 10px;
    transition: transform .2s ease-in-out; }
  .btn-arrow:hover span:after, .btn-arrow:active span:after, .btn-arrow:focus span:after {
    transform: translateX(3px); }

.btn-download {
  display: flex;
  justify-content: center; }
  .btn-download span {
    padding-right: 8px; }
  .btn-download svg {
    width: 20px;
    height: 20px;
    fill: #fff; }

.btn-plain {
  display: inline-block;
  color: #7a3340;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: none;
  position: relative;
  padding: 5px 0;
  width: auto; }
  .btn-plain::before {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 5px 0;
    max-width: 0;
    color: #2b2c43;
    content: attr(data-hover);
    white-space: nowrap;
    transition: max-width 0.4s;
    transform: none;
    height: 100%;
    transform-origin: unset;
    background: none;
    z-index: 2; }
  .btn-plain::after {
    content: "";
    display: block;
    background: #2b2c44;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 1px;
    transform: translate3d(0, 0, 0) scale(0);
    transition: all 0.4s cubic-bezier(0.48, 0.04, 0.22, 0.99);
    z-index: 3; }
  .btn-plain:hover, .btn-plain:focus {
    color: #2b2c43; }
    .btn-plain:hover::before, .btn-plain:focus::before {
      max-width: 100%; }
    .btn-plain:hover::after, .btn-plain:focus::after {
      transform: translate3d(0, 0, 0) scale(1); }

#spy2 .btn_home_more {
  display: none; }

.opening_text {
  color: #fff;
  font-size: 11px;
  margin-top: 10px;
  text-align: right;
  width: 100%; }

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

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }
  .slick-track:before {
    display: table;
    content: ''; }
  .slick-track:after {
    display: table;
    content: '';
    clear: both; }

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

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

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

.slick-slide img {
  display: block; }

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

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

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

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

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

.slick-arrow.slick-hidden {
  display: none; }

.slick-loading .slick-list {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/loading.gif");
  background-repeat: no-repeat;
  background-position: center center; }

@font-face {
  font-family: 'slick';
  font-weight: 400;
  font-style: normal;
  src: url(https://scdn.aro.ie/Sites/50/titanichotelbelfast2017//Assets/fonts/slick/slick.eot);
  src: url(https://scdn.aro.ie/Sites/50/titanichotelbelfast2017//Assets/fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(https://scdn.aro.ie/Sites/50/titanichotelbelfast2017//Assets/fonts/slick/slick.woff) format("woff"), url(https://scdn.aro.ie/Sites/50/titanichotelbelfast2017//Assets/fonts/slick/slick.ttf) format("truetype"), url(https://scdn.aro.ie/Sites/50/titanichotelbelfast2017//Assets/fonts/slick/slick.svg#slick) format("svg"); }

.slick_slider_item {
  padding: 0;
  position: relative; }

.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover, .slick-prev:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

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

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

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

.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

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

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

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
      .slick-dots li button:hover:before, .slick-dots li button:focus:before {
        opacity: 1; }
      .slick-dots li button:before {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      opacity: .75;
      color: #000; }

/*ReadMore*/
/*.readmore {
	position: absolute;
	left: 10%;
	bottom: 30px;
	background: rgba(255,255,255,0.9);
}

	.readmore a {
		color: #333;
	}

.header_image_readmore {
	float: right;
	width: 130px;
}*/
/* Nav base */
nav {
  margin: 0;
  padding: 0; }
  nav ul, nav li, nav a {
    margin: 0;
    padding: 0; }
  nav ul {
    list-style: none;
    list-style-image: none; }

/* Forms */
.form {
  width: 100%; }
  .form td {
    float: left;
    padding: 5px 0 10px 0;
    width: 100%; }
  .form label {
    font-weight: normal;
    float: left;
    width: 100%;
    text-align: left;
    margin: 8px 0 0; }

.textbox {
  background: #fff;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 0; }

.form select {
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #efefef; }

.form option {
  border-right: 1px solid #ccc; }

.form .textbox, .form select, .form .button {
  float: left; }

.form input {
  border-radius: 0; }

.form .btn {
  float: right; }

.form .Checkbox {
  float: left; }

.form textarea {
  border-radius: 0;
  min-height: 200px; }

.form .textbox_medium {
  width: 80%;
  height: 4.7em; }

.form .textbox_large {
  width: 80%;
  height: 9em; }

.form .captcha img {
  width: 100% !important;
  height: auto !important; }

#recaptcha_image {
  width: 100% !important;
  height: auto !important; }

.form .captcha .textbox {
  clear: both;
  margin: 15px 40% 5px 0; }

.form .captcha a {
  float: left;
  margin: 0 15px 0 0;
  font-size: 93%; }

.form .radio input, .form .radio label {
  float: left; }

.form .radio input {
  margin: 3px 0 0 0; }

.form .radio label {
  margin: 0 15px 0 5px; }

.form .multi_input select, .form .multi_input .textbox {
  width: 29%;
  margin-right: 2%; }

.form .multi_input select {
  width: 20%; }

.form .multi_input .textbox {
  width: 38%; }

@media (min-width: 768px) {
  .form:first-child td {
    padding-right: 15px; }
  .form:last-child td {
    padding-left: 15px; } }

@media (max-width: 600px) {
  .form .textbox, .form select, .form .button {
    width: 100%; } }

/*----- Form in 2 blocks ------*/
.form_wrapper {
  width: 100%; }
  .form_wrapper .form {
    width: 100%; }
  .form_wrapper .error {
    width: 100%;
    margin: 20px 0; }
  .form_wrapper .form {
    width: 50%;
    float: left; }
    .form_wrapper .form:first-child tr td:last-child {
      padding-right: 15px; }
    .form_wrapper .form:last-child tr td:first-child {
      padding-left: 15px; }
  .form_wrapper .btn {
    padding: 6px 40px; }
  .form_wrapper tr.subscribe td:first-child {
    width: 80%; }
  .form_wrapper tr.subscribe td:last-child {
    width: 20%; }
    .form_wrapper tr.subscribe td:last-child span {
      float: right;
      margin-top: 5px; }

@media (max-width: 767px) {
  .form_wrapper .form {
    width: 100%; }
    .form_wrapper .form:first-child tr td:last-child {
      padding-right: 0; }
    .form_wrapper .form:last-child tr td:first-child {
      padding-left: 0; } }

/* Styles for dialog window */
/*#read-more-dialog, .white-popup-block {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

.white-popup-block {
	max-width: 390px;
}

.read-more-dialog-panel {
	max-height: 400px;
	overflow-y: auto;
}*/
/**
* Fade-zoom animation for first dialog
*/
/* start state */
.read-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8); }

.read-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: scale(1); }

.read-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  transform: scale(0.8);
  opacity: 0; }

.read-mfp-zoom-in.mfp-bg {
  opacity: 0.001;
  /* Chrome opacity transition bug */
  transition: opacity 0.3s ease-out; }

.read-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

.read-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/* animate in */
/* animate out */
/* Dark overlay, start state */
/* animate in */
/* animate out */
/**
* Fade-move animation for second dialog
*/
/* at start */
.read-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-out;
  transform: translateY(-20px) perspective(600px) rotateX(10deg); }

.read-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0); }

.read-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  transform: translateY(-10px) perspective(600px) rotateX(10deg); }

.read-mfp-slide-bottom.mfp-bg {
  opacity: 0.01;
  transition: opacity 0.3s ease-out; }

.read-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.read-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0; }

/* animate in */
/* animate out */
/* Dark overlay, start state */
/* animate in */
/* animate out */
/* Video */
.video_res {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .video_res iframe, .video_res object, .video_res embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* General Styles */
.relative {
  position: relative; }

.grey_bg {
  background-color: #eeeded;
  padding: 15px;
  float: left;
  width: 100%; }

.full_width {
  width: 100%; }

.icon-circles .item {
  width: 50%;
  margin: 2px 0 0 0;
  box-sizing: border-box;
  background-color: #fff;
  float: left;
  border-right: 1px solid #eeeded;
  border-left: 1px solid #eeeded;
  padding: 10px; }
  .icon-circles .item .icon {
    display: inline-block;
    border: 5px solid #8f8c8c;
    font-size: 21px;
    padding: 10px;
    background-color: #424860;
    color: #fff;
    border-radius: 50%; }
  .icon-circles .item .text {
    color: #6f6b69;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    width: 65%;
    padding: 5px; }

.no-left-pad {
  padding-left: 0; }

.alt_booking_hd {
  color: #fff;
  text-transform: uppercase;
  padding: 15px;
  background-color: #2b2c43;
  text-align: center; }
  .alt_booking_hd h3 {
    font-family: "Montserrat", sans-serif; }
    .alt_booking_hd h3 span {
      float: left;
      width: 100%;
      margin: 5px 0 0 0;
      font-size: 14px; }

/* ---------- Layout ---------- */
/* Header */
.header {
  padding: 0 15px;
  background: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
  transition: background 0.35s;
  background: #121326; }
  @media (min-width: 992px) {
    .homepage .header {
      background: none; } }
  .header.stick {
    position: fixed;
    transition: all .35s; }
  .header .nav-wrapper {
    position: relative;
    z-index: 510; }
    @media (min-width: 992px) {
      .header .nav-wrapper {
        padding-left: 60px; } }
  .cookie-active .header {
    position: absolute; }
  @media (min-width: 768px) {
    .cookie-active.homepage .header {
      position: fixed; } }
  .header .btn-gift {
    float: right;
    width: 140px;
    height: 77px;
    margin-right: 30px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center; }
    .secondarypage .header .btn-gift {
      margin-right: 60px; }
    .header .btn-gift svg {
      fill: #fff; }
    .header .btn-gift span {
      color: #ffffff;
      text-transform: uppercase;
      padding-left: 5px; }
  .header-right {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    padding-right: 30px; }
    @media (max-width: 767px) {
      .header-right {
        width: calc(100% - 30px);
        padding-right: 0; } }
    .header-right .btn-alt {
      max-width: 150px; }
    .header-right .gift-btn {
      display: none;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      margin-right: 10px;
      transition: all 0.4s cubic-bezier(0.48, 0.04, 0.22, 0.99);
      width: 60px; }
      .header-right .gift-btn a svg {
        margin-right: 0;
        fill: #fff;
        width: 20px; }
      @media (max-width: 767px) {
        .header-right .gift-btn {
          display: block;
          opacity: 1;
          visibility: visible;
          width: 50px;
          order: 1;
          pointer-events: auto; }
          .header-right .gift-btn a svg {
            fill: #2b2c43; } }
      .noheaderimage .header-right .gift-btn, .landingpage .header-right .gift-btn {
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
        .noheaderimage .header-right .gift-btn a svg, .landingpage .header-right .gift-btn a svg {
          margin-right: 0;
          fill: #2b2c43; }
    .header-right .loc-icon {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      order: 2;
      width: 50px;
      height: 60px; }
      .header-right .loc-icon svg {
        fill: #2b2c43; }
      @media (min-width: 768px) {
        .header-right .loc-icon {
          display: none; }
          .header-right .loc-icon.gift-v {
            display: flex;
            width: 60px;
            order: 2; }
            .header-right .loc-icon.gift-v svg {
              fill: #fff; } }

.logo {
  position: absolute;
  left: 0;
  transition: all .5s linear;
  top: 5px;
  width: 90px; }
  .homepage .logo {
    width: 230px; }
  .secondarypage .logo img {
    max-height: 70px; }

.homepage .header.stick.add-bg .logo {
  width: 90px; }
  .homepage .header.stick.add-bg .logo img {
    max-height: 70px; }

@media (min-width: 768px) {
  .header {
    height: 77px; }
  .noheaderimg .header, .homepage .header.add-bg {
    height: 77px;
    background: #121326; } }

/* Header image */
.header_image_wrapper {
  position: relative;
  margin: 0 auto;
  height: 70vh;
  z-index: 10; }
  .header_image_wrapper img {
    width: 100%; }
  .header_image_wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: 100000%; }
  .header_image_wrapper .video-lnk {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 45%;
    z-index: 999;
    text-align: center; }
    .header_image_wrapper .video-lnk svg {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      fill: #fff;
      margin: 0 auto;
      position: relative;
      transition: fill .35s; }
    .header_image_wrapper .video-lnk span {
      display: block;
      margin-top: 10px;
      color: #fff;
      text-transform: uppercase; }
    .header_image_wrapper .video-lnk:hover svg {
      fill: #2b2c43; }
  @media (min-width: 768px) {
    .weddingspage .header_image_wrapper {
      height: 100vh; }
      .weddingspage .header_image_wrapper .slider .item {
        height: 100vh; } }

.header_image_tag {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
  z-index: 1; }
  .header_image_tag h2, .header_image_tag span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase; }
  .header_image_tag h2 {
    color: #fff; }
  .header_image_tag span {
    font-size: 16px;
    color: #bbb; }
  .header_image_tag .video-lnk {
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -30px; }
    .header_image_tag .video-lnk svg {
      width: 60px;
      height: 60px;
      fill: #fff; }

.header_image_gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0; }

@media (min-width: 768px) {
  .header_image_tag {
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 600px;
    text-align: center;
    padding: 50px 0;
    background: -moz-radial-gradient(center, ellipse arthest-corner, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 60%, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(70%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse arthest-corner, rgba(0, 0, 0, 0.6) 0%, rgba(42, 42, 42, 0) 70%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse arthest-corner, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse arthest-corner, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);
    /* W3C */
    z-index: 100; }
    .header_image_tag h2 {
      font-size: 60px; }
    .header_image_tag span {
      font-size: 24px; }
    .header_image_tag .video-lnk {
      bottom: -60px; }
  .header_image_gradient {
    display: none; } }

.slider .item {
  height: 70vh;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017//uploads/images/default.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative; }
  .slider .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
  @media (max-width: 767px) {
    .slider .item.wedding-slider__item, .header-images-small .slider .item {
      max-height: 340px; } }

.porthole, .booking {
  display: none; }

@media (min-width: 1200px) {
  .js .roomspage .porthole {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-name: porthole-fade-in;
    animation-fill-mode: both;
    animation-timing-function: ease;
    z-index: 100; } }

@keyframes porthole-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* IE 10+ only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) {
  .js .roomspage .porthole {
    opacity: 1;
    animation: none; } }

/* Booking panel */
.booking:not(.booking-landscape):not(.booking-rooms) {
  display: none; }
  @media (min-width: 768px) {
    .booking:not(.booking-landscape):not(.booking-rooms) {
      display: block;
      position: absolute;
      right: 15px;
      top: 100px;
      width: 340px;
      margin: 0;
      z-index: 300; } }
  @media (min-width: 992px) {
    .booking:not(.booking-landscape):not(.booking-rooms) {
      right: 15px; } }
  @media (min-width: 1200px) {
    .booking:not(.booking-landscape):not(.booking-rooms) {
      right: 10%; } }

.booking_panel {
  padding: 20px;
  background: rgba(255, 255, 255, 0.6); }

.offers-list .booking_panel {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  float: none;
  width: 100%; }

.booking_panel h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #121326;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase; }

.offers-list .booking_panel h3 {
  width: 100%; }

.booking_panel h3 i {
  font-size: 18px; }

.booking_panel .day_group {
  position: relative;
  float: left;
  width: 50%;
  margin: 0 0 5px 0; }

.offers-list .booking_panel .day_group {
  max-width: 170px;
  margin: 0 20px 0 0; }

.booking_panel .day_group .wrapper {
  background: #fff;
  padding: 10px; }

.booking_panel .day_group_arrive {
  border-right: 3px solid transparent; }

.offers-list .booking_panel .day_group_arrive {
  border-right: none; }

.booking_panel .day_group_depart {
  border-left: 3px solid transparent; }

.offers-list .booking_panel .day_group_depart {
  border-left: none; }

.booking_panel .date_label {
  color: rgba(18, 19, 38, 0.5);
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
  .booking_panel .date_label label {
    margin: 0; }

.booking_panel .date_box .date_box_wrapper {
  position: relative; }

.booking_panel .date_box input {
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  border: none;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer; }

.booking_panel .date_box .date-day {
  color: #121326;
  font-size: 24px;
  font-weight: 400; }

.booking_panel .date_box .date-month-year {
  color: #343434;
  font-style: italic;
  font-family: 'Theano-Didot-Regular';
  font-size: 12px; }

.booking_panel .date_box i {
  color: #121326;
  position: absolute;
  right: 0;
  bottom: 10px; }

.booking_panel .btn {
  width: 100%; }
  .booking_panel .btn.btn-discount {
    color: #000;
    cursor: text;
    background: #fff;
    border: 1px solid #fff;
    font-size: 11px;
    text-align: center;
    margin-bottom: 10px;
    width: 100%; }

.offers-list .booking_panel .btn {
  max-width: 230px;
  padding: 15px; }

.booking .promo_login {
  margin-top: 10px; }
  .booking .promo_login .btn {
    display: block;
    margin: 0 auto; }

/* Booking Home */
@media (min-width: 768px) {
  .offersgrouppage.offerspage .booking-home {
    top: 78px;
    width: 410px;
    max-width: 410px; }
    .offersgrouppage.offerspage .booking-home .seasonal_panel {
      display: none; }
    .offersgrouppage.offerspage .booking-home .btn-arrow.book-sticky {
      width: 150px;
      height: 0;
      position: fixed;
      top: 78px;
      right: 0;
      padding: 0;
      opacity: 0;
      line-height: 0;
      transition: all .6s linear -.4s; }
    .offersgrouppage.offerspage .booking-home .booking_panel {
      padding: 0;
      transition: transform .4s ease-in;
      transform: translateX(0); }
      .offersgrouppage.offerspage .booking-home .booking_panel .btn {
        margin-bottom: 0; }
      .offersgrouppage.offerspage .booking-home .booking_panel .day_group {
        background-color: #fff;
        border-right: 1px solid #dedede;
        margin: 0;
        padding-right: 0;
        width: 100px; }
        .offersgrouppage.offerspage .booking-home .booking_panel .day_group .wrapper {
          height: auto;
          padding: 20px 10px 10px 10px; }
        .offersgrouppage.offerspage .booking-home .booking_panel .day_group.day_group_adults {
          width: 65px; }
        .offersgrouppage.offerspage .booking-home .booking_panel .day_group .date_box i {
          bottom: 7px; }
      .offersgrouppage.offerspage .booking-home .booking_panel .day_group_btns {
        width: 205px; }
    .offersgrouppage.offerspage .booking-home.is-sticky .booking_panel {
      transform: translateX(105%); } }
  @media (min-width: 768px) and (min-width: 992px) {
    .offersgrouppage.offerspage .booking-home.is-sticky .btn-arrow.book-sticky {
      opacity: 1;
      height: 50px;
      line-height: 50px; } }

@media (min-width: 768px) {
  .booking-home .booking_panel {
    background: rgba(255, 255, 255, 0);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: stretch; }
    .booking-home .booking_panel .day_group.btn_group {
      background: rgba(255, 255, 255, 0);
      float: left;
      width: auto;
      margin-bottom: 10px;
      padding: 0;
      overflow: hidden; }
    .booking-home .booking_panel .date_box .date-day {
      font-size: 26px;
      font-weight: bold; }
    .booking-home .booking_panel .date_box .date-month-year {
      font-size: 16px; }
    .booking-home .booking_panel .day_group_arrive, .booking-home .booking_panel .day_group_depart {
      width: 50%;
      border: none; }
    .booking-home .booking_panel .day_group_adults {
      width: 35%;
      padding-right: 5px;
      text-align: center; }
      .booking-home .booking_panel .day_group_adults button {
        width: 100%;
        color: #121326;
        font-size: 32px;
        font-weight: 400;
        background: #fff;
        border: none;
        padding: 0; }
      .booking-home .booking_panel .day_group_adults .dropdown-menu {
        min-width: 100%;
        box-shadow: none;
        border-radius: 0;
        border: none;
        padding: 0;
        margin: 10px 0 0;
        text-align: center;
        color: #121326;
        font-size: 16px; }
    .booking-home .booking_panel h3 {
      margin: 10px 0;
      white-space: nowrap;
      text-align: left;
      color: #fff;
      font-size: 14px;
      letter-spacing: 1px; }
      .booking-home .booking_panel h3 i {
        margin-right: 10px; }
    .booking-home .booking_panel .btn {
      margin-bottom: 5px;
      padding: 10px 0;
      /*max-width: 220px;*/ }
    .booking-home .booking_panel .promo-holder {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      width: 100%; }
      .offersgrouppage .booking-home .booking_panel .promo-holder {
        display: none; }
      .booking-home .booking_panel .promo-holder .btn-arrow {
        color: #fff;
        padding: 0;
        margin: 10px 0; }
    .booking-home .booking_panel .btn.btn-discount {
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid transparent;
      cursor: text;
      line-height: 20px;
      text-align: center;
      font-weight: 600;
      margin-bottom: 5px; }
  .offersgrouppage.offerspage .booking-home.booking-bottom {
    position: static;
    margin: 30px auto 20px;
    width: 240px;
    max-width: 240px; }
    .offersgrouppage.offerspage .booking-home.booking-bottom .booking_panel {
      transform: none;
      padding: 20px; }
      .offersgrouppage.offerspage .booking-home.booking-bottom .booking_panel .day_group.day_group_depart {
        border-right: none; } }

.booking-home {
  right: 15px !important;
  top: 85px !important;
  width: 100% !important;
  max-width: 240px;
  z-index: 99 !important; }
  .booking-home .booking_panel {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.6); }
    .booking-home .booking_panel .day_group_btns {
      width: 100%; }
    .booking-home .booking_panel .day_group_arrive {
      padding-right: 5px; }
    .booking-home .booking_panel .day_group .wrapper {
      height: auto; }
    .booking-home .booking_panel .date_box i {
      bottom: 6px; }
    .booking-home .booking_panel h3 {
      margin: 10px 0 2px 0;
      white-space: nowrap;
      color: #fff;
      font-size: 12px;
      letter-spacing: 1px;
      width: 100%;
      font-weight: 400;
      color: #222; }
      .booking-home .booking_panel h3 i {
        margin-left: 6px;
        font-size: 11px; }
    .booking-home .booking_panel .btn-arrow:not(.booking_panel_button) {
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase;
      width: 100%;
      letter-spacing: .5px;
      margin: 5px 0 0 0;
      color: #222; }
    .booking-home .booking_panel .booking_panel_button {
      margin-top: 5px;
      font-size: 16px;
      font-weight: bold; }

.booking-home .booking_panel .day_group_arrive, .booking-home .booking_panel .day_group_depart {
  width: 50%; }

.booking-home .booking_panel .day_group_adults {
  width: 30%;
  padding-right: 0; }

.booking-home .booking_panel .btn {
  padding: 10px 30px 9px;
  float: none;
  width: 100%;
  margin: 0; }

.booking-holder {
  background: #efefef;
  position: static;
  padding: 10px; }
  @media (max-width: 767px) {
    .booking-holder {
      min-height: 120px; } }
  @media (min-width: 768px) {
    .booking-holder {
      background: none;
      position: absolute;
      top: 100px;
      right: 30px;
      width: 250px;
      padding: 12px;
      z-index: 10; } }
  .homepage .booking-holder .content-el, .secondarypage .booking-holder .content-el {
    visibility: visible; }
  .secondarypage .booking-holder {
    top: 90px; }
  .booking-holder .day_group_wrapper {
    display: flex; }
  .booking-holder .day_group {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase; }
    .booking-holder .day_group label {
      color: #2b2c43;
      display: block;
      margin: 0 0 10px;
      font-weight: 400;
      font-size: .7rem;
      letter-spacing: .1rem;
      line-height: .7rem;
      letter-spacing: 1px;
      text-transform: uppercase; }
    .booking-holder .day_group.day_group_arrive {
      position: relative; }
      .booking-holder .day_group.day_group_arrive::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        height: 80%;
        width: 1px;
        background: #E2E2E2; }
  .booking-holder .date_box {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #fff;
    color: #2b2c43;
    margin: 0;
    padding: 20px 9px;
    position: relative;
    font-weight: 400;
    text-align: center;
    transition: background-color .35s;
    height: 100%; }
    .booking-holder .date_box:hover {
      background-color: #efefef; }
    .booking-holder .date_box-date {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      width: 100%; }
    .booking-holder .date_box input {
      position: absolute;
      left: 0;
      top: 0;
      background: none;
      border: none;
      width: 100%;
      height: 100%;
      opacity: 0; }
    .booking-holder .date_box .day_formatted, .booking-holder .date_box .departday_formatted, .booking-holder .date_box .ArriveMonth, .booking-holder .date_box .DepartMonth {
      margin: 0;
      text-transform: uppercase;
      font-size: 1.7rem;
      line-height: 1.1;
      font-weight: 600; }
      @media (min-width: 768px) {
        .booking-holder .date_box .day_formatted, .booking-holder .date_box .departday_formatted, .booking-holder .date_box .ArriveMonth, .booking-holder .date_box .DepartMonth {
          font-size: 1.3rem; } }
    .booking-holder .date_box .day_formatted, .booking-holder .date_box .departday_formatted {
      margin-right: 10px; }
    .booking-holder .date_box .ArriveMonth, .booking-holder .date_box .DepartMonth {
      letter-spacing: 1px; }
      @media (min-width: 768px) {
        .booking-holder .date_box .ArriveMonth, .booking-holder .date_box .DepartMonth {
          letter-spacing: 2px; } }
  .booking-holder .booking_panel_button {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .1rem; }
  .booking-holder.booking-holder-landscape {
    display: none;
    background: none; }
    @media (min-width: 1200px) {
      .booking-holder.booking-holder-landscape {
        display: flex;
        flex-flow: row nowrap;
        justify-content: stretch;
        align-items: center;
        width: 100%;
        justify-content: center;
        pointer-events: none;
        position: relative;
        top: 0;
        right: 50px;
        width: 380px;
        height: 100%;
        padding: 0;
        display: none;
        order: 3; }
        .header.stick .booking-holder.booking-holder-landscape {
          pointer-events: auto;
          display: flex;
          width: auto; }
          .header.stick .booking-holder.booking-holder-landscape .booking {
            opacity: 1;
            visibility: visible; }
        .secondarypage .booking-holder.booking-holder-landscape, .landingpage .booking-holder.booking-holder-landscape {
          pointer-events: auto;
          display: flex; }
          .secondarypage .booking-holder.booking-holder-landscape .booking, .landingpage .booking-holder.booking-holder-landscape .booking {
            opacity: 1;
            visibility: visible; }
        .booking-holder.booking-holder-landscape .booking {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-around;
          align-items: stretch;
          width: 100%;
          opacity: 0;
          visibility: hidden;
          transition: all .4s;
          min-height: 77px;
          height: 100%; }
          .booking-holder.booking-holder-landscape .booking .day_group_wrapper {
            flex: 0 0 60%; }
            .booking-holder.booking-holder-landscape .booking .day_group_wrapper .day_group {
              min-width: 100px; }
            .booking-holder.booking-holder-landscape .booking .day_group_wrapper .date_box {
              background-color: #fff; }
            .booking-holder.booking-holder-landscape .booking .day_group_wrapper .day_group label {
              color: #282828;
              margin: 0 0 5px;
              font-size: 1rem; }
            .booking-holder.booking-holder-landscape .booking .day_group_wrapper .date_box {
              padding: 0 9px; }
              .booking-holder.booking-holder-landscape .booking .day_group_wrapper .date_box-date {
                flex-flow: row nowrap; }
              .booking-holder.booking-holder-landscape .booking .day_group_wrapper .date_box .day_formatted, .booking-holder.booking-holder-landscape .booking .day_group_wrapper .date_box .departday_formatted {
                margin-right: 5px; }
              .booking-holder.booking-holder-landscape .booking .day_group_wrapper .date_box .ArriveMonth, .booking-holder.booking-holder-landscape .booking .day_group_wrapper .date_box .DepartMonth {
                line-height: 1.3rem;
                font-size: 1.3rem; }
          .booking-holder.booking-holder-landscape .booking .booking_panel_button {
            flex: 0 0 40%;
            white-space: normal;
            font-size: 1.2rem;
            line-height: 1.2;
            padding: .8rem 1rem;
            height: 100%;
            margin: 0;
            min-height: 77px; } }

.video-fw {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 102%;
  min-height: 102%;
  max-width: 100000%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
  height: 130vh; }

.hp-mobile-video {
  height: 350px;
  position: relative;
  overflow: hidden; }
  .hp-mobile-video .video-fw {
    height: 450px; }
  .hp-mobile-video .overlay-gradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10; }
  .hp-mobile-video-title {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    padding: 0 25px;
    z-index: 20; }
    .hp-mobile-video-title h2 {
      font-size: 24px;
      color: #fff;
      text-transform: capitalize;
      text-align: center;
      margin: auto;
      max-width: 250px; }

/* Booking Rooms */
.booking-rooms .booking_panel .date_box i {
  bottom: 6px; }

@media (min-width: 768px) {
  .booking-rooms {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin-top: 40px;
    background: none;
    display: block !important; }
    .booking-rooms .choose {
      color: #2a363b;
      font-weight: 400;
      font-size: 13px;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .booking-rooms .booking_panel {
      background-color: transparent;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: space-between;
      align-items: stretch;
      padding: 0; }
      .booking-rooms .booking_panel .day_group_btns {
        width: 100%;
        padding-right: 0;
        border: none; }
      .booking-rooms .booking_panel h3 {
        margin: 0 0 4px 0;
        white-space: nowrap;
        text-align: center;
        color: #696969;
        font-size: 12px; }
        .booking-rooms .booking_panel h3 i {
          margin-right: 5px;
          font-size: 17px; }
      .booking-rooms .booking_panel .btn {
        padding: 10px 0; }
  /*.booking-rooms .booking_panel .day_group_arrive,
  .booking-rooms .booking_panel .day_group_depart,*/ }

@media (min-width: 992px) {
  .booking-rooms .booking_panel .day_group_arrive, .booking-rooms .booking_panel .day_group_depart {
    width: 50%; }
  .booking-rooms .booking_panel .day_group_arrive {
    padding-right: 5px; }
  .booking-rooms .booking_panel .date_box .date-day {
    line-height: normal; } }

/*@media (min-width: 1200px) {
	.booking-rooms .booking_panel {
		.day_group_arrive, .day_group_depart {
			width: 30%;
		}

		.day_group_btns {
			width: 40%;
		}

		h3 {
			text-align: left;
		}
	}
}*/
/* jQuery UI Datepicker */
.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
  clear: both; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  overflow: hidden; }

.ui-datepicker {
  background: #fff;
  padding: 15px;
  font-size: 90%;
  font-weight: 400;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  float: left;
  z-index: 99999 !important;
  position: relative;
  display: none; }
  .ui-datepicker .ui-datepicker-header {
    border: none;
    background: #ffffff;
    font-weight: normal;
    font-size: 15px;
    color: #2A2A2A;
    position: relative; }
    .ui-datepicker .ui-datepicker-header .ui-state-hover {
      background: transparent;
      border-color: transparent;
      cursor: pointer;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
  .ui-datepicker .ui-datepicker-title {
    color: #2A2A2A;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase; }
  .ui-datepicker .ui-datepicker-prev {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
    color: #2A2A2A; }
  .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
    color: #2A2A2A;
    right: 2px; }
  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    top: -2px;
    border: none; }
  .ui-datepicker .ui-state-disabled .ui-icon {
    opacity: 0.5; }
  .ui-datepicker .ui-datepicker-next span {
    color: #2A2A2A;
    display: block;
    font-weight: normal;
    height: 20px;
    left: 50%;
    margin-left: -8px;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 20px;
    text-indent: initial; }
  .ui-datepicker .ui-datepicker-prev span {
    color: #2A2A2A;
    display: block;
    font-weight: normal;
    height: 20px;
    left: 50%;
    margin-left: -8px;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 20px;
    text-indent: initial;
    background-position: -96px 0; }
  .ui-datepicker table {
    margin: 0; }
  .ui-datepicker th {
    padding: 5px 0 2px;
    color: #acacac;
    font-size: 13px;
    font-weight: normal;
    border: none;
    text-align: center; }
  .ui-datepicker td {
    background: #fff;
    border: 1px solid #dcdada;
    padding: 0; }
    .ui-datepicker td .ui-state-default {
      background: transparent;
      border: none;
      text-align: center;
      padding: 5px 8px;
      margin: 0;
      font-weight: normal;
      color: #333;
      font-size: 14px; }
  .ui-datepicker .ui-state-disabled {
    opacity: 1; }
  .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none; }
  .ui-datepicker .ui-state-disabled .ui-state-default {
    color: #acacac; }
  .ui-datepicker td .ui-state-active, .ui-datepicker td .ui-state-hover {
    background: rgba(18, 19, 38, 0.8);
    color: #fff; }

/* Secondary Nav */
.nav_secondary {
  width: 100%;
  float: left;
  margin: 0 0 30px 0;
  background-color: #eeeded;
  padding: 15px; }
  .nav_secondary ul, .nav_secondary li, .nav_secondary a {
    width: 100%; }
  .nav_secondary li:last-child a {
    border: none; }
  .nav_secondary a {
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #dad9dc;
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: #2b2c43; }
    .nav_secondary a:hover {
      text-decoration: none; }
  .nav_secondary ul li.selected > a:first-child {
    color: #fff;
    background-color: #2b2b45; }
  .nav_secondary ul ul ul a {
    padding-left: 20px; }
  .nav_secondary ul ul ul ul a {
    padding-left: 35px; }
  .nav_secondary > ul > li.selected {
    position: relative; }

/* Content */
.content {
  position: relative;
  margin-bottom: 40px; }
  .content a {
    font-weight: 700;
    text-decoration: underline;
    transition: 0.3s ease; }
    .content a:hover {
      background: rgba(43, 44, 67, 0.2);
      text-decoration: none; }
  @media screen and (max-width: 992px) {
    .content div {
      word-break: break-word; } }

.title-wrapper:not(.h1-only) h1 {
  font-family: "Montserrat", sans-serif;
  color: #a6a6a6;
  font-weight: 400;
  font-size: 14px; }

.title-wrapper:not(.h1-only) h2 {
  margin: 10px 0 20px 0;
  font-size: 36px; }

.module-dining .title-wrapper:not(.h1-only) h1 {
  color: #2b2c43;
  margin: 0 auto;
  margin-bottom: 10px;
  font-size: 3.3rem; }

.module-dining .title-wrapper:not(.h1-only) h2 {
  color: #a6a6a6;
  margin: 0 auto 5px auto;
  letter-spacing: .3rem;
  font-size: 2.25rem; }

.title {
  color: #2b2c43;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0 20px;
  position: relative;
  font-size: 30px; }
  .title span {
    color: #6f6b69;
    display: block; }

.offer_order .content {
  text-align: center;
  margin: 50px auto; }

.offer_order .title {
  width: 50%;
  margin: 0 auto 20px;
  text-align: center; }

.offer_order .offer-text {
  padding: 20px 20px 10px;
  min-height: 250px; }
  .offer_order .offer-text h3, .offer_order .offer-text .grid_text {
    padding: 0 !important;
    height: auto !important;
    overflow: unset;
    margin: 0;
    margin-bottom: 10px; }

.offer_order .offer-image {
  backface-visibility: visible; }

@media (min-width: 992px) and (max-width: 1199px) {
  .offer_order .offer-text {
    min-height: 300px; } }

.secondarypage .title::before {
  content: '';
  position: absolute;
  top: 20px;
  right: 100%;
  margin-right: 15px;
  height: 2px;
  background: rgba(111, 107, 105, 0.3);
  width: 200px;
  z-index: -1; }

.offerspage .offers-list .title::before {
  top: 50%;
  left: -30%;
  right: unset;
  height: 5px;
  background: transparent;
  width: 30%;
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #ccc;
  transform: translate3d(0, -50%, 0); }

.offerspage .offers-list .title::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -30%;
  left: unset;
  height: 5px;
  background: transparent;
  margin-left: 15px;
  width: 30%;
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #ccc;
  transform: translate3d(0, -50%, 0); }

/* ---------- Modules ---------- */
.module {
  padding: 40px 0;
  position: relative;
  z-index: 15; }

/* Isotope Grid */
.isotope-filters {
  margin: 40px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ddd;
  padding: 10px 0; }
  .isotope-filters .btn {
    box-shadow: none;
    padding: 6px;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: #2b2c43;
    font-weight: 400;
    margin-right: -4px; }
    .isotope-filters .btn.active {
      font-weight: 600; }
    .isotope-filters .btn:hover {
      /*color: $lite-green;*/ }

.isotope-grid {
  margin: 0;
  transition: height .5s; }
  .isotope-grid .item {
    width: 100%;
    padding: 0 0 15px; }
  @media (min-width: 768px) {
    .isotope-grid {
      margin: 0 -7.5px; }
      .isotope-grid .item {
        width: 50%;
        padding: 0 7.5px 15px; } }
  @media (min-width: 992px) {
    .isotope-grid .item {
      width: 33.33333%; } }
  @media (min-width: 1200px) {
    .isotope-grid .item {
      width: 25%; } }

/* Home */
.module-home {
  padding: 0;
  height: 100vh;
  width: 100%; }
  @media (max-width: 767px) {
    .module-home {
      padding: 70px 0 0 0; } }

.panel {
  position: relative; }

.home_title_char {
  position: absolute;
  font-size: 282px;
  font-family: 'Theano-Didot-Regular';
  opacity: .1;
  bottom: 0;
  left: 0;
  font-weight: normal;
  margin: auto;
  right: 0;
  z-index: -1; }

.homepage-panels {
  position: relative;
  z-index: 9;
  overflow-x: hidden;
  /* Scroll Down Line*/ }
  .homepage-panels .panel .panel-content .wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
  @media (min-width: 768px) {
    .homepage-panels .panel {
      max-height: 100vh; } }
  .homepage-panels .panel {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/loading.gif");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 768px) {
      .homepage .homepage-panels .panel {
        height: 100vh; } }
    .homepage-panels .panel .bg-image {
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: scroll;
      background-size: cover;
      position: absolute;
      width: 100%;
      height: 100%; }
      @media (min-width: 768px) {
        .homepage-panels .panel .bg-image {
          height: 100vh; } }
    .homepage-panels .panel .overlay-gradient {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0; }
    .homepage-panels .panel .panel-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: left;
      padding: 15px 40px 65px 15px;
      z-index: 10; }
      .homepage-panels .panel .panel-title .subtitle {
        font-weight: 400;
        color: #fff; }
      .homepage-panels .panel .panel-title .number {
        font-size: 24px;
        font-weight: 400;
        color: #fff; }
        .homepage-panels .panel .panel-title .number:before {
          content: '|';
          margin: 0 10px;
          font-weight: 300; }
      .homepage-panels .panel .panel-title h2 {
        font-size: 32px;
        font-style: italic;
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 20px; }
    .homepage-panels .panel .panel-content {
      display: none; }
  .homepage-panels .scrolldown-container {
    height: 160px;
    width: 200px;
    position: absolute;
    left: 50%;
    bottom: -70px;
    margin-left: -100px;
    z-index: 999;
    display: none; }
    @media (max-width: 767px) {
      .homepage-panels .scrolldown-container {
        display: none; } }
    .homepage-panels .scrolldown-container .scrolldown-title {
      margin-bottom: 0;
      color: #fff;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.75); }
  .homepage-panels .scrolldown {
    width: 1px;
    height: 120px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden; }
    .homepage-panels .scrolldown-line {
      width: 100%;
      height: 100%;
      display: block;
      background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 50%);
      background-position: 0 -50px;
      background-size: 100% 200%;
      animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; }
  .homepage-panels .panel.panel_1 .scrolldown-container {
    display: block; }

@keyframes scrolldown {
  0% {
    background-position: 0 -100px; }
  75% {
    background-position: 0 0; }
  100% {
    background-position: 0 100px; } }

@media (max-width: 767px) {
  .homepage-panels .panel .panel-title .wrapper {
    position: relative; }
    .homepage-panels .panel .panel-title .wrapper:after {
      font-family: Flaticon;
      content: '\f110';
      position: absolute;
      right: -25px;
      bottom: 15px;
      padding: 5px;
      color: #fff;
      text-align: center;
      z-index: 50;
      animation: moreofagesture 3s infinite cubic-bezier(0.1, 0, 0.3, 1);
      transition: bottom 0.35s; } }

@media (min-width: 768px) {
  .homepage-panels .panel .overlay-gradient {
    background: rgba(0, 0, 0, 0.25); }
  .homepage-panels .panel .panel-title {
    bottom: 5%;
    left: -15px;
    width: 500px;
    height: 500px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 0;
    z-index: 10;
    /* Animation */
    opacity: 0;
    transform: translate(-50%, 0) rotate(-90deg);
    transition: transform 1s, opacity 1s; }
  .homepage-panels .panel.active .panel-title {
    opacity: 1;
    transform: translate(0, 0) rotate(0deg); }
  .homepage-panels .panel:first-child .panel-title {
    animation-duration: 1s;
    animation-delay: 1s;
    animation-name: circle-fade-roll;
    animation-fill-mode: both;
    animation-timing-function: ease; }
  .homepage-panels .panel .panel-title .wrapper {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 15px;
    transform: translateY(-50%); }
  .homepage-panels .panel .panel-title .subtitle {
    font-size: 16px;
    font-weight: 400; }
  .homepage-panels .panel .panel-title .number {
    font-size: 34px;
    font-weight: 400; }
    .homepage-panels .panel .panel-title .number:before {
      content: '|';
      margin: 0 10px;
      font-weight: 300; }
  .homepage-panels .panel .panel-title h2 {
    font-size: 48px;
    font-style: italic; }
  .homepage-panels .panel .panel-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    z-index: 5; }
    .homepage-panels .panel .panel-content .wrapper {
      bottom: 23%;
      padding: 0;
      width: 65%;
      max-width: 650px; }
    .homepage-panels .panel .panel-content .content {
      font-weight: 400;
      margin-bottom: 20px; }
    .homepage-panels .panel .panel-content .btn {
      margin: 0;
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
    .homepage-panels .panel .panel-content h2 {
      font-size: 32px;
      margin-bottom: 20px; }
  .homepage-panels .panel:first-child .panel-content .wrapper > .btn, .homepage-panels .panel:nth-child(2) .panel-content .wrapper > .btn {
    /*display: none;*/ }
  .homepage-panels .panel.panel_2 .wrapper {
    padding: 0 20px; }
  .homepage-panels .slider-offers {
    text-align: center; }
    .homepage-panels .slider-offers h4 {
      margin: 0 0 40px;
      font-size: 24px;
      text-transform: capitalize; }
    .homepage-panels .slider-offers p {
      margin: 0 0 20px;
      font-weight: 400; }
    .homepage-panels .slider-offers .offer-price {
      font-weight: 400;
      margin: 0 0 20px; }
      .homepage-panels .slider-offers .offer-price span {
        display: inline-block;
        margin: 0 3px 0 0; }
      .homepage-panels .slider-offers .offer-price i, .homepage-panels .slider-offers .offer-price span.price {
        font-size: 24px; }
      .homepage-panels .slider-offers .offer-price .from {
        margin-right: 5px; }
  .homepage-panels .panel-content .slider-offers .btn {
    margin: 0; }
  .homepage-panels .slider-offers .slick-dots li {
    margin: 0; }
    .homepage-panels .slider-offers .slick-dots li button:before {
      font-size: 10px;
      color: #fff; }
  .homepage-panels .offer-panel-small {
    margin: 40px 0 0; }
    .homepage-panels .offer-panel-small h4 {
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      font-weight: 600;
      text-transform: capitalize;
      margin: 0 0 10px; }
    .homepage-panels .offer-panel-small .offer-price {
      text-transform: uppercase;
      margin: 0 0 20px; }
      .homepage-panels .offer-panel-small .offer-price span {
        display: inline-block;
        margin: 0 3px 0 0; }
      .homepage-panels .offer-panel-small .offer-price .from {
        margin-right: 5px; }
  .homepage-panels .panel-content .offer-panel-small .btn {
    margin-top: 0; }
    .homepage-panels .panel-content .offer-panel-small .btn.btn-book-now {
      background: #2b2c43;
      border: 1px solid #2b2c43; } }

@media (min-width: 1200px) {
  .homepage-panels .panel .panel-title {
    bottom: 5%; }
    .homepage-panels .panel .panel-title h2 {
      font-size: 48px; }
  .homepage-panels .panel .panel-content .wrapper {
    padding: 0;
    width: 50%; } }

@media (min-width: 1600px) {
  .homepage-panels .panel .panel-title {
    width: 600px;
    height: 600px; }
    .homepage-panels .panel .panel-title h2 {
      font-size: 60px; } }

@keyframes moreofagesture {
  0%, 50%, 100% {
    bottom: 15px; }
  20% {
    bottom: 0; } }

@keyframes circle-fade-roll {
  0% {
    opacity: 0;
    transform: translate(-50%, 0) rotate(-90deg); }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotate(0deg); } }

.homepage-content {
  padding: 40px 0; }
  @media (max-width: 767px) {
    .homepage-content {
      padding: 10px 0; }
      .homepage-content .hotel-features {
        padding: 40px 0; }
        .homepage-content .hotel-features .item {
          margin: 25px 15px; } }
  .homepage-content .hotel-features {
    padding: 60px 0;
    text-align: center;
    background-color: #fff;
    background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/bg-pattern.png");
    background-repeat: repeat;
    background-position: top left; }
    .homepage-content .hotel-features .item {
      display: inline-block;
      margin: 10px 15px; }
      .homepage-content .hotel-features .item a {
        display: block; }
      .homepage-content .hotel-features .item i {
        font-size: 40px;
        color: #121326; }
      .homepage-content .hotel-features .item span {
        display: block;
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: 400; }
  .homepage-content .content-wrapper {
    padding: 80px 0 40px; }
  .homepage-content .content-panel {
    position: relative;
    margin: 0;
    padding: 0 40px 40px 40px;
    border: 2px solid #2b2c43; }
    .homepage-content .content-panel .content-logo {
      position: absolute;
      top: 0;
      background: #fff;
      transform: translateY(-50%);
      width: 75px; }
    .homepage-content .content-panel .content-img {
      display: none; }
    .homepage-content .content-panel .title-wrapper {
      margin: 60px 0 20px;
      font-size: 30px; }
      .homepage-content .content-panel .title-wrapper .title {
        font-family: "Montserrat", sans-serif;
        color: #26272d;
        margin: 0;
        font-size: 30px;
        text-transform: uppercase; }
    .homepage-content .content-panel .content {
      overflow: hidden;
      transition: height 0.35s; }
      .homepage-content .content-panel .content + [data-readmore-toggle] {
        margin-top: 10px; }
    .homepage-content .content-panel .content {
      height: 250px;
      overflow: hidden;
      position: relative;
      color: #4f4f4f; }
      @media (max-width: 767px) {
        .homepage-content .content-panel .content {
          height: 350px; } }
  @media (min-width: 600px) {
    .homepage-content .hotel-features .item {
      margin: 10px 40px; }
      .homepage-content .hotel-features .item i {
        font-size: 60px; }
      .homepage-content .hotel-features .item span {
        margin-top: 20px; } }
  @media (min-width: 768px) {
    .homepage-content .content-wrapper {
      overflow: hidden; }
    .homepage-content .content-panel {
      padding: 0 200px 40px 40px;
      margin: 0 60px 0 0; }
      .homepage-content .content-panel .content {
        height: 250px;
        overflow: hidden;
        position: relative;
        color: #4f4f4f; }
      .homepage-content .content-panel .content-img {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        border-radius: 50%;
        transform: translate(50%, -50%); } }

.homepage-panels .scrollspy {
  display: none; }

@media (min-width: 1200px) {
  .homepage-panels .scrollspy {
    display: block;
    position: fixed;
    top: 0;
    left: 30px;
    height: 100vh;
    width: 300px;
    z-index: 10; }
    .homepage-panels .scrollspy .nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
      .homepage-panels .scrollspy .nav li a {
        display: inline-block;
        background: none;
        padding: 5px 10px; }
        .homepage-panels .scrollspy .nav li a span {
          display: inline-block;
          font-weight: 400;
          text-transform: uppercase;
          transform: scale(0.6); }
        .homepage-panels .scrollspy .nav li a:hover span {
          transform: scale(1); }
        .homepage-panels .scrollspy .nav li a .dot {
          position: relative;
          top: 1px;
          height: 12px;
          width: 12px;
          border-radius: 50%;
          background-color: rgba(255, 255, 255, 0.6);
          transition: transform 0.2s, background-color 0.35s;
          transform-origin: 50% 50%; }
        .homepage-panels .scrollspy .nav li a .label {
          position: relative;
          margin-left: 10px;
          padding: 0;
          color: #fff;
          font-size: 14px;
          transition: transform 0.35s, opacity 0.35s;
          opacity: 0;
          transform-origin: 0 50%; }
        .homepage-panels .scrollspy .nav li a:hover .label {
          opacity: 1; }
        .homepage-panels .scrollspy .nav li a:hover .dot {
          background-color: white; }
      .homepage-panels .scrollspy .nav li.active a .dot {
        background-color: white; } }

@media (orientation: landscape) and (min-width: 768px) and (max-height: 950px) {
  .homepage .homepage-panels .panel_2 .panel-content {
    /*width: 55%;*/ }
    .homepage .homepage-panels .panel_2 .panel-content .content, .homepage .homepage-panels .panel_2 .panel-content .btn {
      margin-bottom: 20px; }
    .homepage .homepage-panels .panel_2 .panel-content .wrapper {
      bottom: 5%;
      width: 60%; }
      .homepage .homepage-panels .panel_2 .panel-content .wrapper .slider-offers .offer-price {
        display: inline-block;
        margin-right: 10px; }
  .homepage .homepage-panels .panel_2 .slider-offers h4 {
    margin-bottom: 20px; }
  .homepage .homepage-panels .panel_2 .slider-offers .slick-dots {
    bottom: -15px; } }

@media (orientation: landscape) and (max-height: 740px) {
  .homepage-panels .panel_2 .panel-content .content, #ContentPlaceHolder_rp_HomepagePanels_lnkHomePanel_1 {
    display: none; } }

@media (orientation: landscape) and (min-width: 768px) and (max-height: 690px) {
  .homepage-panels .panel_1 .panel-content .wrapper > .btn_home_more {
    margin-bottom: 20px; }
  .homepage-panels .panel_1 .panel-content .content {
    margin-bottom: 20px;
    font-size: 13px; }
  .homepage-panels .panel_1 .panel-content .offer-panel-small {
    margin-top: 20px; }
    .homepage-panels .panel_1 .panel-content .offer-panel-small-top {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 20px; }
    .homepage-panels .panel_1 .panel-content .offer-panel-small h4 {
      margin: 0 10px 0 0; }
    .homepage-panels .panel_1 .panel-content .offer-panel-small .offer-price {
      margin: 0; }
    .homepage-panels .panel_1 .panel-content .offer-panel-small .btn-wrapper {
      display: flex;
      justify-content: flex-start; }
    .homepage-panels .panel_1 .panel-content .offer-panel-small .btn {
      margin-top: 0;
      margin-right: 10px;
      margin-bottom: 20px; } }

/* Content */
/* Module List */
.module-list {
  padding: 40px 0 120px; }
  .module-list.module-offer-groups .module-offer-groups-top {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0; }
    @media (min-width: 768px) {
      .module-list.module-offer-groups .module-offer-groups-top {
        margin: 40px 0;
        justify-content: space-around; } }
    @media (min-width: 991px) {
      .module-list.module-offer-groups .module-offer-groups-top {
        padding: 0 20px; } }
    @media (min-width: 1199px) {
      .module-list.module-offer-groups .module-offer-groups-top {
        padding: 0 30px; } }
    .module-list.module-offer-groups .module-offer-groups-top .title-wrapper {
      flex: 0 0 auto;
      margin-bottom: 0;
      max-width: 300px; }
      @media (min-width: 1200px) {
        .module-list.module-offer-groups .module-offer-groups-top .title-wrapper {
          max-width: 350px; } }
      .module-list.module-offer-groups .module-offer-groups-top .title-wrapper .title {
        margin-bottom: 0;
        font-size: 1.36rem; }
    .module-list.module-offer-groups .module-offer-groups-top .offer-filters {
      background: #F7F5F5;
      margin: 20px auto;
      position: relative;
      width: 100%;
      max-width: 100vw;
      background: none;
      flex: 0 0 100%;
      margin: 30px 0;
      border: none; }
      @media (min-width: 768px) {
        .module-list.module-offer-groups .module-offer-groups-top .offer-filters {
          flex: 0 0 calc(100% - 320px);
          margin: 0; } }
      @media (min-width: 1200px) {
        .module-list.module-offer-groups .module-offer-groups-top .offer-filters {
          flex: 0 0 calc(100% - 400px); } }
      .module-list.module-offer-groups .module-offer-groups-top .offer-filters .nav-inner {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0 40px;
        max-width: calc(100% - 40px);
        margin: auto;
        justify-content: center;
        padding: 0;
        max-width: 100%; }
        @media (min-width: 768px) {
          .module-list.module-offer-groups .module-offer-groups-top .offer-filters .nav-inner {
            justify-content: flex-end; } }
      .module-list.module-offer-groups .module-offer-groups-top .offer-filters .btn {
        margin: 0;
        min-width: 100px;
        flex: 0 0 auto;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        font-size: 1.4rem; }
        @media (min-width: 768px) {
          .module-list.module-offer-groups .module-offer-groups-top .offer-filters .btn {
            justify-content: flex-end; } }
        @media (min-width: 1200px) {
          .module-list.module-offer-groups .module-offer-groups-top .offer-filters .btn {
            min-width: 130px; } }
  .module-list.module-offer-groups .specials_panel_secondary .offer-text {
    border: 1px solid rgba(43, 44, 67, 0.2); }
    .module-list.module-offer-groups .specials_panel_secondary .offer-text h3 {
      font-size: 2.0rem;
      line-height: 3.0rem;
      letter-spacing: .3rem;
      margin-bottom: 20px;
      min-height: 50px;
      display: flex;
      text-align: left;
      align-items: center;
      justify-content: flex-start;
      font-family: "Montserrat", sans-serif;
      color: #2b2c43;
      font-weight: bold;
      margin: 0 0 10px 0; }
    .module-list.module-offer-groups .specials_panel_secondary .offer-text p {
      text-align: left; }
    .module-list.module-offer-groups .specials_panel_secondary .offer-text .grid_text {
      align-items: center;
      justify-content: flex-start;
      display: flex;
      min-height: 70px; }
  .module-list.module-offer-groups .specials_panel_secondary .btn-wrapper {
    justify-content: space-between;
    margin: 0px auto 20px;
    padding: 0; }
    .module-list.module-offer-groups .specials_panel_secondary .btn-wrapper .price-desc {
      text-align: left; }
      .module-list.module-offer-groups .specials_panel_secondary .btn-wrapper .price-desc .price {
        font-size: 24px;
        font-weight: 600;
        border: none; }
      .module-list.module-offer-groups .specials_panel_secondary .btn-wrapper .price-desc .price-desc {
        display: block; }
      .module-list.module-offer-groups .specials_panel_secondary .btn-wrapper .price-desc .from {
        margin-right: 5px; }
    .module-list.module-offer-groups .specials_panel_secondary .btn-wrapper .btn {
      margin-bottom: 0; }

/* Module Details */
.module-details {
  padding: 0 0 40px; }
  .module-details .overlay-panel {
    position: absolute;
    width: 100%;
    bottom: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 20px 0;
    text-align: center; }
    .module-details .overlay-panel ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .module-details .overlay-panel li {
      display: inline-block;
      text-align: center;
      margin: 0 5%; }
      .module-details .overlay-panel li i, .module-details .overlay-panel li span {
        display: block; }
      .module-details .overlay-panel li i {
        font-size: 24px; }
  .module-details .content-panel {
    margin: 40px 0; }
    .module-details .content-panel h2 {
      margin: 0 0 20px;
      color: #121326;
      text-transform: uppercase; }
  .module-details .gallery-list {
    width: 100%;
    margin: 0 0 40px; }
    .module-details .gallery-list ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .module-details .gallery-list li {
      float: left;
      width: 50%;
      margin: 0;
      padding: 0 10px 10px 0;
      height: 150px;
      overflow: hidden; }
      .module-details .gallery-list li:first-child {
        width: 60%;
        height: 200px; }
      .module-details .gallery-list li:nth-child(2) {
        width: 40%;
        height: 200px; }
      .module-details .gallery-list li .bg-image {
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
        display: block; }
      .module-details .gallery-list li:first-child .bg-image .img-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(47, 47, 47, 0.2);
        z-index: 10; }
        .module-details .gallery-list li:first-child .bg-image .img-overlay span {
          position: absolute;
          width: 100%;
          top: 50%;
          left: 0;
          padding: 0 10px;
          color: #fff;
          font-size: 20px;
          font-weight: 400;
          transform: translateY(-50%); }
  .module-details.module-offers-details .container-fluid {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    width: 100%;
    margin: auto; }
    @media (min-width: 768px) {
      .module-details.module-offers-details .container-fluid {
        padding-top: 60px;
        padding-bottom: 60px; } }
    .module-details.module-offers-details .container-fluid-sm {
      max-width: 1400px;
      margin: auto;
      width: 100%; }
  .module-details.module-offers-details .flex-row-ver {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%; }
    .is-ie .module-details.module-offers-details .flex-row-ver {
      flex-flow: row wrap; }
    .module-details.module-offers-details .flex-row-ver .flex-col, .module-details.module-offers-details .flex-row-ver .flex-row .flex-col-50, .module-details.module-offers-details .flex-row .flex-row-ver .flex-col-50 {
      flex: 0 0 calc(100% - 20px);
      max-width: calc(100% - 20px); }
  .module-details.module-offers-details .flex-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) {
      .module-details.module-offers-details .flex-row .flex-col-50 {
        flex: 0 0 calc(50% - 0px);
        max-width: calc(50% - 0px); } }
    .module-details.module-offers-details .flex-row .flex-col-50-lg {
      flex: 0 0 calc(100% - 20px);
      max-width: calc(100% - 20px); }
      @media (max-width: 767px) {
        .module-details.module-offers-details .flex-row .flex-col-50-lg {
          flex: 0 0 100%;
          width: 100%;
          max-width: 100%; } }
      @media (min-width: 992px) {
        .module-details.module-offers-details .flex-row .flex-col-50-lg {
          flex: 0 0 calc(50% - 0px);
          max-width: calc(50% - 0px); } }
  .module-details.module-offers-details .panel-sticky h2 {
    text-transform: none; }
  .module-details.module-offers-details .panel-top {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px; }
    .module-details.module-offers-details .panel-top .btn {
      margin-top: 10px;
      min-width: 200px; }
  .module-details.module-offers-details .panel-main-text {
    padding: 15px 30px; }
  .module-details.module-offers-details .price {
    color: #2b2c43;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 5px 0;
    text-align: center;
    text-transform: capitalize; }
    .module-details.module-offers-details .price .price_pp_sharing .from {
      margin-right: 5px; }
    .module-details.module-offers-details .price .price_pp_sharing .price-text {
      font-size: 24px;
      font-weight: 600; }

/*---- Wifi Landing Page ----*/
.wifi_wrapper {
  float: left;
  width: 100%;
  padding: 40px 0 80px; }

.wifi_page .title:before {
  display: none; }

.wifi_page .wifi_title {
  float: left;
  width: 100%;
  margin-bottom: 24px; }

.wifi_page footer {
  float: left;
  width: 100%; }

.wifi_page .wifi_icon {
  float: left;
  width: 100%;
  text-align: center; }
  .wifi_page .wifi_icon i {
    color: #9094a5;
    font-size: 32px; }

.wifi_page h1 {
  text-align: center; }

.wifi_page h2 {
  float: left;
  width: 100%;
  text-align: center;
  color: #121326;
  text-transform: uppercase;
  margin-bottom: 36px; }

.wifi_info {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 30px; }
  .wifi_info a:hover {
    text-decoration: none; }

.wifi_info_panel {
  border: 1px solid #9397a7;
  padding: 40px 20px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  transition: border 0.35s; }
  .wifi_info_panel .image_wrapper {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center; }
  .wifi_info_panel img {
    width: 42px;
    height: 42px;
    margin: 0 auto; }
  .wifi_info_panel i {
    color: #82869A;
    font-size: 40px; }
  .wifi_info_panel h3 {
    font-size: 18px;
    color: #313131;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    margin-bottom: 8px; }
  .wifi_info_panel .content {
    font-size: 12px;
    font-size: 1.2rem;
    color: #6f6b69;
    text-transform: uppercase;
    margin-bottom: 0; }

.wifi_info a:hover .wifi_info_panel {
  border-color: #666; }

.wifi_page .offers-list {
  padding: 0 0 40px; }

.wifi_page .offers_panel {
  float: left;
  width: 100%; }

.wifi_page .social_feed {
  float: left;
  width: 100%;
  padding: 40px 0; }

.wifi_page .social_icons {
  float: left;
  width: 100%;
  text-align: center; }
  .wifi_page .social_icons ul {
    padding: 0; }
  .wifi_page .social_icons li {
    list-style-type: none;
    display: inline-block; }
  .wifi_page .social_icons i {
    border: 1px solid #121326;
    border-radius: 50%;
    padding: 5px;
    margin: 0 3px;
    font-size: 15px; }
  .wifi_page .social_icons .facebook i {
    color: #3d5b97;
    border-color: #3d5b97; }
  .wifi_page .social_icons .twitter i {
    color: #32abdf;
    border-color: #32abdf; }
  .wifi_page .social_icons .pinterest i {
    color: #c9232e;
    border-color: #c9232e; }

.social_feed .instagram-feed {
  float: left;
  width: 100%;
  margin-top: 40px; }
  .social_feed .instagram-feed .item {
    padding: 0 15px; }
  .social_feed .instagram-feed .insta-image {
    position: relative;
    margin-bottom: 30px;
    cursor: pointer; }
    .social_feed .instagram-feed .insta-image img {
      height: 360px;
      width: 100%; }
    .social_feed .instagram-feed .insta-image:hover .insta-image-caption {
      opacity: 1; }
  .social_feed .instagram-feed .insta-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(18, 19, 38, 0.75);
    opacity: 0;
    color: #fff;
    padding: 40px;
    transition: all 0.4s ease-in-out; }
    .social_feed .instagram-feed .insta-image-caption h4 {
      display: none; }
    .social_feed .instagram-feed .insta-image-caption h5 {
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 23px; }

.wifi_page .btn {
  font-size: 12px; }

/*--- Menu Module ---*/
.menu_list {
  padding: 20px 0 50px 0; }
  .menu_list h3 {
    font-family: "Montserrat", sans-serif;
    color: #2b2c43;
    margin-bottom: 5px;
    letter-spacing: -1px;
    padding: 20px 30px;
    background-color: #fff;
    border-top: 1px solid #eee; }
  .menu_list .ui-accordion-header {
    cursor: pointer; }
  .menu_list .ui-accordion-header-active {
    background-color: #f6f6f6;
    border-bottom: 1px solid #eee; }
  .menu_list h4 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px; }
  .menu_list .item {
    border-bottom: 1px dotted #777;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%; }
    .menu_list .item:last-child {
      border: none; }
    .menu_list .item .menu_content {
      width: 70%;
      display: inline-block; }
  .menu_list .icon_open_close {
    float: right; }
    .menu_list .icon_open_close:before {
      font-family: Flaticon;
      content: "\f13f";
      color: #777; }
  .menu_list .ui-accordion-header-active .icon_open_close:before {
    content: "\f140";
    font-size: 20px; }
  .menu_list .price {
    float: right;
    background-color: #eee;
    width: 70px;
    height: 70px;
    padding: 0;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    color: #333; }
  .menu_list .accordion_item {
    padding: 20px 30px; }

.menu_links {
  padding: 30px 0; }

.dining_form {
  padding: 20px; }
  .dining_form .mandatory {
    padding: 20px 0;
    display: block; }
  .dining_form .title:before {
    background: transparent; }
  .dining_form .mfp-iframe-scaler {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 800px;
    border: 1px solid #CDCDCD;
    background: #F6F6F6;
    padding: 30px; }
  .dining_form .mfp-iframe {
    height: 100%;
    min-height: 800px; }
  .dining_form .mfp-iframe-scaler html {
    overflow: hidden; }
  .dining_form .mfp-iframe-scaler .reservation_page {
    overflow-y: scroll; }
  .dining_form .mfp-iframe-scaler iframe {
    position: relative;
    float: left;
    width: 100%;
    box-shadow: none;
    background: #F6F6F6; }

.reservation_page {
  background: #F6F6F6;
  text-align: center; }
  .reservation_page .title {
    text-align: center; }
  .reservation_page .content_text .content_tagline {
    text-align: center;
    font-size: 12.5px;
    margin-bottom: 3px; }
  .reservation_page .site_wrapper {
    background: #F6F6F6;
    text-align: center; }
  .reservation_page h1 {
    font-size: 24px;
    margin-bottom: 24px; }
  .reservation_page .form label {
    font-size: 12.5px; }
  .reservation_page .form .form-control {
    border-radius: 0;
    padding: 15px 20px;
    height: 50px; }
  .reservation_page .form .hasDatepicker {
    background-position-x: 95%; }
  .reservation_page .form .textbox_large {
    width: 100%;
    height: 100px;
    min-height: 100px; }
  .reservation_page .form #time select {
    width: 30%; }
  .reservation_page .form #time #ContentPlaceHolder_AroInputControl_ReservationTimeHour {
    margin-right: 1.5%; }
  .reservation_page .form #time #ContentPlaceHolder_AroInputControl_ReservationTimeMin {
    margin-left: 1.5%; }
  .reservation_page .form .DD select {
    width: 100%; }
  .reservation_page .form .submit_button {
    background: #333333;
    width: 100%;
    height: 68px;
    font-size: 16px;
    float: left;
    text-transform: uppercase;
    color: #fff;
    margin-top: 6px;
    border: 0; }
  .reservation_page .ui-datepicker-prev {
    left: 0; }
  .reservation_page .cookie_message {
    display: none !important; }

/*.reservation_page #ContentPlaceHolder_AroInputControl_Table2 tr td:first-child {display:none;}*/
.reservation_response_page .form {
  display: none; }

/*--- Attractions Module ---*/
.attractionspage .title:before {
  display: none; }

.attractionspage .booking_panel h3, .attractionspage .booking_panel .day_group {
  display: none !important; }

.attractionspage .footer, .attractionspage .booking {
  display: none; }

.attractionsdetailpage .footer {
  display: block; }

.attractions {
  width: 50%;
  float: right;
  padding-top: 100px; }
  .attractions .container {
    width: 100%;
    padding: 30px; }
  .attractions .att_item {
    width: 50%;
    padding: 10px;
    display: inline-block;
    margin-right: -4px; }
    .attractions .att_item p {
      height: 40px;
      overflow: hidden;
      float: left;
      min-height: 40px; }
    .attractions .att_item .specials_panel_secondary .btn-wrapper {
      display: block; }
  .attractions .specials_panel_secondary {
    min-height: 400px; }

.attractionspage .attractions_map {
  width: 50%;
  height: 100%;
  position: fixed; }

.attractionsdetailpage {
  /*.map {
	margin-top: 77px;
}*/ }
  .attractionsdetailpage .attractions_map {
    width: 100%;
    position: relative; }
  .attractionsdetailpage .title-wrapper {
    margin: 15px 0 20px; }

.att_img_hd {
  position: relative;
  float: left;
  width: 100%; }

.att_attribute {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px;
  position: absolute;
  bottom: 0;
  text-transform: uppercase;
  font-size: 11px;
  width: 100%; }
  .att_attribute .item {
    width: 50%;
    float: left; }
    .att_attribute .item .att_icon {
      float: left;
      margin-top: 6px;
      margin-right: 6px; }
      .att_attribute .item .att_icon:before {
        font-size: 21px; }

.attractionsdetailpage .att_attribute {
  position: relative;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  max-width: 400px; }

.attractionsdetailpage .btn-wrapper {
  margin-top: 20px; }

.popular_tag {
  background-color: #7a3340;
  color: #fff;
  position: absolute;
  top: 5px;
  padding: 10px 30px 10px 10px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: bold;
  left: 0; }
  .popular_tag .flaticon-star {
    font-size: 10px; }

.attractionsdetailpage article {
  margin-bottom: 50px; }
  .attractionsdetailpage article img {
    margin-bottom: 30px; }

.attractionsdetailpage .item_text {
  float: left;
  padding: 30px 0; }

@media (min-width: 768px) {
  .module-details .gallery-list {
    width: 75%; } }

@media (min-width: 992px) {
  .module-details .overlay-panel {
    text-align: left; }
    .module-details .overlay-panel li {
      margin: 0 100px 0 0; } }

.module-sidebar {
  background: #efefef;
  padding: 20px;
  position: relative;
  margin: 40px 0; }
  .module-sidebar .overlay {
    position: relative;
    height: 110px;
    width: 100%;
    background: #2b2c43;
    text-align: center;
    margin: 0; }
    .module-sidebar .overlay .overlay-content {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      transform: translateY(-50%); }

@media (min-width: 768px) {
  .module-sidebar .overlay {
    margin: 0 0 20px; } }

@media (min-width: 992px) {
  .module-sidebar {
    margin: 0 0 40px; }
    .module-sidebar .overlay {
      position: absolute;
      bottom: 100%;
      left: 0;
      margin: 0; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .module-sidebar .booking_panel .date_box i {
    display: none; } }

.module-prev-next {
  display: none; }

@media (min-width: 768px) {
  .module-prev-next {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 40px; }
    .module-prev-next .prev, .module-prev-next .next {
      width: 50%;
      padding: 30px 40px;
      color: #fff; }
    .module-prev-next .prev {
      float: left;
      background: #444;
      text-align: left; }
    .module-prev-next .next {
      float: right;
      background: #545454;
      text-align: right; }
    .module-prev-next .prev:hover, .module-prev-next .next:hover {
      background: #2b2c43; }
    .module-prev-next .prev .arrow, .module-prev-next .next .arrow {
      position: relative;
      border-color: #fff;
      border-style: solid; }
    .module-prev-next .prev .arrow:before, .module-prev-next .next .arrow:after {
      font-family: Flaticon;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .module-prev-next .prev .arrow {
      border-width: 0 0 0 1px;
      margin: 0 0 0 30px;
      padding: 5px 0 0 20px; }
      .module-prev-next .prev .arrow:before {
        content: '\f12b';
        left: -30px; }
    .module-prev-next .next .arrow {
      border-width: 0 1px 0 0;
      margin: 0 30px 0 0;
      padding: 5px 20px 0 0; }
      .module-prev-next .next .arrow:after {
        content: '\f12c';
        right: -30px; }
    .module-prev-next .prev .arrow span, .module-prev-next .next .arrow span {
      display: block;
      font-size: 24px;
      text-transform: uppercase; } }

/* ---------- Rooms ---------- */
/* Rooms List */
.rooms-list .booking_panel .day_group .wrapper {
  height: auto; }

.rooms-list .room-title {
  margin: 0 0 40px; }

.rooms-list .room-circles {
  margin: 40px 0; }
  .rooms-list .room-circles .item {
    width: 100%; }
    .rooms-list .room-circles .item a {
      display: block; }
    .rooms-list .room-circles .item span {
      display: inline-block;
      vertical-align: middle;
      margin: 0 -4px 20px 0; }
      .rooms-list .room-circles .item span.icon {
        width: 30%;
        text-align: center; }
        .rooms-list .room-circles .item span.icon i {
          display: inline-block;
          background: #2b2c43;
          border: 8px solid #6f6b69;
          width: 80px;
          height: 80px;
          font-size: 40px;
          color: #fff;
          border-radius: 50%;
          line-height: 65px; }
      .rooms-list .room-circles .item span.text {
        display: inline-block;
        padding: 10px;
        color: #6f6b69;
        font-weight: 400;
        text-transform: uppercase;
        width: 70%; }

.rooms-list .room-features {
  padding: 40px 0 0;
  background: #f6f6f6;
  overflow: hidden; }
  .rooms-list .room-features img {
    box-shadow: 0 0 20px #999; }
  .rooms-list .room-features .text-overlay {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    font-size: 160px;
    line-height: 115px;
    margin: 0;
    color: rgba(208, 208, 208, 0.2);
    text-transform: uppercase; }
  .rooms-list .room-features h3 {
    font-size: 32px;
    margin: 20px 0; }
  .rooms-list .room-features ul {
    list-style: none;
    padding: 0;
    font-weight: 400;
    text-transform: uppercase; }
    .rooms-list .room-features ul li {
      padding: 5px 5px 5px 0; }

.rooms-list .room-grid {
  margin-bottom: 30px;
  overflow: hidden; }
  .rooms-list .room-grid .slider-rooms .item {
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .rooms-list .room-grid .slider-rooms .slick-dots {
    bottom: 0;
    margin-bottom: 10px; }
    .rooms-list .room-grid .slider-rooms .slick-dots li {
      margin: 0; }
      .rooms-list .room-grid .slider-rooms .slick-dots li button:before {
        font-size: 10px;
        color: #fff; }
  .rooms-list .room-grid .room-panel {
    position: relative;
    background: #f4f4f4;
    padding: 40px;
    z-index: 10; }
    .rooms-list .room-grid .room-panel .number {
      display: block;
      margin-bottom: 40px;
      color: #b5b5b5;
      opacity: 0.4;
      font-weight: 600;
      font-size: 42px; }
    .rooms-list .room-grid .room-panel h2 {
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      color: #2b2c43;
      font-weight: bold;
      margin: 0 0 10px 0; }
    .rooms-list .room-grid .room-panel .offer-price {
      /*color: rgba(49,49,49,.8);*/
      color: #313131;
      margin: 0 0 20px;
      font-weight: 400;
      text-transform: lowercase; }
      .rooms-list .room-grid .room-panel .offer-price .price {
        font-weight: 600; }
      .rooms-list .room-grid .room-panel .offer-price .from {
        margin-right: 5px; }
    .rooms-list .room-grid .room-panel .content {
      color: #313131;
      margin: 0 0 20px;
      line-height: 24px;
      font-size: 15px; }

.rooms-list .scrollspy {
  z-index: 15; }

@media (min-width: 600px) {
  .rooms-list .room-features ul li {
    width: 50%;
    float: left; } }

@media (min-width: 768px) {
  .rooms-list .room-circles .item {
    float: left;
    width: 25%; }
    .rooms-list .room-circles .item span.icon {
      width: 40%; }
    .rooms-list .room-circles .item span.text {
      width: 60%; } }

.rooms-list .room-grid {
  margin-bottom: 30px; }
  .rooms-list .room-grid .grid-item {
    float: left;
    width: 50%; }
  .rooms-list .room-grid .grid_60 {
    width: 60%; }
  .rooms-list .room-grid .grid_40 {
    width: 40%; }
  .rooms-list .room-grid:nth-child(even) .grid-item:first-child {
    float: right; }
  .rooms-list .room-grid .room-panel:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -30px; }
  .rooms-list .room-grid:nth-child(odd) .room-panel:after {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 20px solid #f4f4f4;
    left: -20px; }
  .rooms-list .room-grid:nth-child(even) .room-panel:after {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #f4f4f4;
    right: -20px; }
  .rooms-list .room-grid .room-panel .btn-book-now {
    display: none; }
  @media (max-width: 1024px) {
    .rooms-list .room-grid .grid_60 {
      width: 100%; }
    .rooms-list .room-grid .grid_40 {
      width: 100%; } }
  @media (max-width: 1400px) {
    .is-iOS .rooms-list .room-grid {
      max-width: 1000px;
      margin: 0 auto 50px; }
      .is-iOS .rooms-list .room-grid .grid_video .item {
        height: auto !important; }
      .is-iOS .rooms-list .room-grid .grid_video .video_full {
        transform: none;
        left: 0;
        top: 0;
        min-height: auto;
        max-width: 100%;
        height: auto; }
      .is-iOS .rooms-list .room-grid .grid_60 {
        width: 100%; }
      .is-iOS .rooms-list .room-grid .grid_40 {
        width: 100%; } }

/* Room Details */
.room-details .video_full {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  min-width: unset;
  min-height: unset;
  max-width: 800px;
  width: 100%;
  z-index: 2;
  margin-top: 20px; }

.room-details .booking-rooms {
  margin: 0; }
  .room-details .booking-rooms .choose {
    display: none; }
  .room-details .booking-rooms .booking_panel h3 {
    display: none; }
  .room-details .booking-rooms .booking_panel .day_group_arrive, .room-details .booking-rooms .booking_panel .day_group_depart {
    width: 50%; }
  .room-details .booking-rooms .booking_panel .day_group_arrive {
    padding-right: 3px; }
  .room-details .booking-rooms .booking_panel .day_group_depart {
    padding-left: 3px;
    padding-right: 0; }
  .room-details .booking-rooms .booking_panel .date_box .date-day {
    font-size: 32px;
    font-weight: 600; }
  .room-details .booking-rooms .booking_panel .day_group_btns {
    width: 100%; }

.room-details .module-sidebar .overlay .overlay-content .room-price {
  color: #fff;
  text-transform: uppercase; }
  .room-details .module-sidebar .overlay .overlay-content .room-price .price {
    font-size: 32px; }

.feature_list {
  float: left;
  width: 100%;
  margin-top: 50px;
  overflow: hidden;
  position: relative;
  transition: height 0.35s; }
  .feature_list h4 {
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    border-top: 5px solid #424860;
    background: #fff;
    margin: 0; }
  .feature_list .rf_item {
    display: block;
    width: 100%;
    padding: 6px 10px 6px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 13px;
    color: #828282;
    background-color: #f6f6f6;
    border-top: 3px solid #ddd; }
  .feature_list .icon {
    display: inline-block;
    border: 3px solid #8f8c8c;
    font-size: 21px;
    padding: 5px;
    background-color: #424860;
    color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px; }
  .feature_list .text {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    width: 80%;
    padding-left: 10px; }

a.btn[data-readmore-toggle] {
  background-color: transparent;
  color: #2b2c43;
  float: none;
  text-align: center;
  margin: 10px auto 0;
  transition: all .3s linear; }
  a.btn[data-readmore-toggle]:hover {
    background-color: #2b2c43;
    color: #fff; }

.feature_list .rf_1 i:before {
  font-family: Flaticon;
  content: "\f12d"; }

.feature_list .rf_3 i:before {
  font-family: Flaticon;
  content: "\f11e"; }

.feature_list .rf_4 i:before {
  font-family: Flaticon;
  content: "\f10f"; }

.feature_list .rf_5 i:before {
  font-family: Flaticon;
  content: "\f10e"; }

.feature_list .rf_6 i:before {
  font-family: Flaticon;
  content: "\f142"; }

.feature_list .rf_7 i:before {
  font-family: Flaticon;
  content: "\f13a"; }

.feature_list .rf_8 i:before {
  font-family: Flaticon;
  content: "\f10c"; }

.feature_list .rf_9 i:before {
  font-family: Flaticon;
  content: "\f10b"; }

.feature_list .rf_10 i:before {
  font-family: Flaticon;
  content: "\f109"; }

.feature_list .rf_11 i:before {
  font-family: Flaticon;
  content: "\f108"; }

.feature_list .rf_12 i:before {
  font-family: Flaticon;
  content: "\f13b"; }

.feature_list .rf_13 i:before {
  font-family: Flaticon;
  content: "\f107"; }

.feature_list .rf_14 i:before {
  font-family: Flaticon;
  content: "\f106"; }

.feature_list .rf_15 i:before {
  font-family: Flaticon;
  content: "\f105"; }

.feature_list .rf_16 i:before {
  font-family: Flaticon;
  content: "\f103"; }

.feature_list .rf_17 i:before {
  font-family: Flaticon;
  content: "\f104"; }

.feature_list .rf_18 i:before {
  font-family: Flaticon;
  content: "\f102"; }

.feature_list .rf_22 i:before {
  font-family: Flaticon;
  content: "\f101"; }

.feature_list .rf_23 i:before {
  font-family: Flaticon;
  content: "\f100"; }

.nav-rooms {
  margin: 20px 0;
  padding: 20px 0;
  text-align: center;
  background: #fff;
  z-index: 1000; }
  .nav-rooms li {
    display: inline-block; }
    .nav-rooms li a {
      background: none;
      display: block;
      padding: 5px 10px;
      position: relative;
      color: #5f5f5f;
      font-weight: 400; }
      .nav-rooms li a:hover {
        background: none;
        color: #313131; }
    .nav-rooms li.active a {
      background: none;
      color: #313131; }
    .nav-rooms li a:after {
      content: '';
      z-index: 0;
      position: absolute;
      left: 50%;
      right: 50%;
      bottom: 0;
      background: #2b2c43;
      height: 2px;
      transition: left 0.35s ease-out, right 0.35s ease-out; }
    .nav-rooms li a:hover:after {
      left: 35%;
      right: 35%; }
    .nav-rooms li.active a:after {
      left: 35%;
      right: 35%; }

/* ---------- Meetings ---------- */
.meetingspage .header_image_wrapper {
  overflow: hidden; }

.flex-col-60 {
  flex: 0 0 60%; }

.flex-col-40 {
  flex: 0 0 40%; }

/* Meetings List */
.meeting-room-list .meeting-rooms {
  padding: 40px 0 0;
  background-color: #fff;
  background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017//Assets/Images/bg-pattern-gradient.jpg");
  background-repeat: repeat-x;
  background-position: left top; }
  .meeting-room-list .meeting-rooms .container-full {
    max-width: 1500px; }

.meeting-item {
  background: #fff;
  margin-bottom: 80px;
  color: #333; }
  @media (min-width: 992px) {
    .meeting-item:nth-child(even) .meeting-item-img {
      order: 2; }
    .meeting-item:nth-child(even) .meeting-item-content {
      order: 1; } }
  .meeting-item.flex-row {
    align-items: stretch; }
  .meeting-item .flex-col-60 {
    flex: 1 0 60%; }
  .meeting-item .flex-col-40 {
    flex: 1 0 40%;
    min-width: 350px; }
  .meeting-item h2 {
    color: #151628; }
  .meeting-item-img a {
    display: block;
    height: 100%; }
  .meeting-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .meeting-item-content {
    background: #efefef;
    padding: 50px;
    display: flex;
    align-items: center; }
  .meeting-item .meeting-content {
    padding-top: 30px; }
    .meeting-item .meeting-content .subtitle {
      padding-bottom: 5px;
      color: #666;
      font-weight: 400; }
  .meeting-item .btn-wrapper {
    margin-top: 30px; }
    .meeting-item .btn-wrapper .btn-border {
      background: #fff; }
      .meeting-item .btn-wrapper .btn-border:hover, .meeting-item .btn-wrapper .btn-border:focus {
        background: none;
        color: #2b2c43; }

@media (min-width: 1200px) {
  .meeting-item {
    transition: background 0.35s; }
    .meeting-item h2, .meeting-item .subtitle, .meeting-item p {
      transition: color 0.35s; } }

/* Meetings Details */
.meeting-room-details {
  position: relative; }
  .meeting-room-details .buttons-hd {
    margin: 15px 0 0 0; }
    .meeting-room-details .buttons-hd .btn {
      margin: 5px 0 0 0; }

/* ---------- Offers ---------- */
/*.offer-filters {
	margin: 40px 0;

	.button {
		box-shadow: none;

		&.active {
			background-color: #AE5A00;
			border-color: #AE5A00;
			color: #fff;
			outline: none;
		}
	}
}*/
@media (min-width: 768px) {
  .offers-grid .specials_panel_secondary .offer_order .offer-text h3 {
    min-height: 79px; } }

@media (min-width: 1200px) {
  .offers-grid .item {
    width: 33.33333%; }
  .offers-grid .specials_panel_secondary .offer_order .offer-text h3 {
    min-height: 55px; } }

/* Offers List */
.offers-list {
  padding: 80px 0 80px; }
  .offers-list.offers-group {
    position: relative;
    overflow-x: hidden; }
  @media (min-width: 768px) {
    .offers-list.offers-group {
      padding-top: 90px; } }
  .offers-list .offers {
    padding: 50px 0 0; }

.specials_panel_secondary {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0 0 30px 0; }
  .specials_panel_secondary .grid_text {
    min-height: 100px;
    height: 100%;
    padding: 25px 15px;
    float: left;
    width: 100%; }
  .specials_panel_secondary.slider-secondary .grid_text {
    height: auto; }
  .specials_panel_secondary h3 {
    font-family: "Montserrat", sans-serif;
    color: #2b2c43;
    height: 53px;
    overflow: hidden;
    margin: 10px auto;
    letter-spacing: -1px;
    text-align: center;
    max-width: 95%; }
  .specials_panel_secondary p {
    color: #333;
    min-height: 40px;
    text-align: center; }
  .specials_panel_secondary .price {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #2b2c43;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 5px 0px;
    text-align: center;
    text-transform: capitalize; }
  .specials_panel_secondary .price_pp_sharing .from {
    margin-right: 5px; }
  .specials_panel_secondary .price_pp_sharing .price-text {
    font-size: 24px;
    font-weight: 600; }
  .specials_panel_secondary .btn-wrapper {
    padding: 0 20px 20px 20px;
    text-align: center; }
  .specials_panel_secondary .btn {
    margin: 0 0 10px; }
  .specials_panel_secondary.slider-secondary .btn {
    margin: 0 auto 10px;
    display: block;
    max-width: 140px; }

@media (max-width: 1200px) {
  .specials_panel_secondary .grid_text {
    height: 165px; }
  .specials_panel_secondary.slider-secondary .grid_text {
    height: auto; } }

.offers-list .booking {
  position: relative;
  top: 0 !important;
  background: transparent;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100% !important;
  max-width: 450px !important;
  float: none;
  margin: 0 auto; }

/* Offer Details */
.offer-details {
  padding: 90px 0 80px; }
  .offer-details .nav_secondary a {
    font-weight: 300;
    letter-spacing: -0.02em;
    display: flex;
    flex-flow: column nowrap; }
    .offer-details .nav_secondary a > span {
      font-size: 13px;
      letter-spacing: 1px;
      text-transform: capitalize;
      border-top: 1px solid #121326;
      margin-top: 5px;
      width: 100%;
      text-align: right;
      background: #f1f1f1;
      padding: 5px; }
      .offer-details .nav_secondary a > span span {
        font-size: 18px;
        color: #121326;
        font-weight: 400; }
  .offer-details .hotel_summary {
    color: #272727;
    float: left;
    font-size: 16px;
    margin: 20px 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: center; }
    .offer-details .hotel_summary li {
      float: left;
      margin: 10px 0 0 0;
      list-style-type: none;
      font-size: 12px;
      width: 100%; }
  .offer-details .offer_details_items {
    margin-top: 20px;
    margin-bottom: 20px; }
    .offer-details .offer_details_items .offer_details_desc {
      float: left;
      width: 100%;
      background: #eeeded;
      padding: 10px 20px;
      margin: 20px 0 0 0; }
      .offer-details .offer_details_items .offer_details_desc .price_from {
        float: left;
        width: 100%;
        color: #6f6b69;
        font-size: 14px;
        font-style: italic; }
        .offer-details .offer_details_items .offer_details_desc .price_from span {
          border-bottom: 1px solid #bababa;
          display: block;
          float: left;
          margin: 6px 0;
          width: 35%; }
        .offer-details .offer_details_items .offer_details_desc .price_from small {
          display: block;
          float: left;
          font-size: 12px;
          text-align: center;
          width: 30%; }
      .offer-details .offer_details_items .offer_details_desc .price_value {
        float: left;
        color: #121326;
        font-size: 44px;
        line-height: 28px;
        margin: 10px 0;
        text-align: center;
        width: 100%; }
      .offer-details .offer_details_items .offer_details_desc .price {
        border-bottom: 1px solid #bababa;
        border-top: 1px solid #bababa;
        padding: 7px 0;
        text-align: center;
        display: inline-block;
        width: 100%; }
        .offer-details .offer_details_items .offer_details_desc .price > span {
          color: #121326;
          font-size: 26px;
          font-weight: 400;
          letter-spacing: 1px;
          line-height: 26px; }
      .offer-details .offer_details_items .offer_details_desc .price_pp_sharing {
        float: left;
        width: 100%;
        color: #6f6b69;
        font-size: 11px;
        text-transform: uppercase;
        text-align: center;
        border-bottom: 1px solid #bababa;
        padding-bottom: 5px; }
      .offer-details .offer_details_items .offer_details_desc .buttons_holder {
        float: left;
        width: 100%;
        margin: 15px 0 10px 0px; }
        .offer-details .offer_details_items .offer_details_desc .buttons_holder .btn {
          width: 100%; }
    .offer-details .offer_details_items .offer_details_terms {
      float: left;
      margin: 20px auto;
      padding: 10px;
      width: 98%;
      border: 1px solid #bababa;
      font-size: 12px; }
  .offer-details .image-holder {
    margin: 30px auto 10px;
    position: relative; }

@media (max-width: 767px) {
  .offer-details .hotel_summary {
    flex-flow: column nowrap; } }

.best_rate_overlay {
  border-radius: 50%;
  width: 120px;
  background-color: rgba(0, 0, 0, 0.4);
  height: 120px;
  position: absolute;
  top: 30px;
  right: 50px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding: 33px 10px;
  font-size: 12px; }
  .best_rate_overlay i {
    display: block; }

/*** Title, price point and Book Btn on Mobile for on Offer Details ***/
@media (max-width: 767px) {
  .offer-details {
    padding-top: 70px; } }

.content-mobile {
  float: left;
  margin-bottom: 0;
  margin-top: 20px; }

@media (max-width: 767px) {
  .image-holder {
    float: left; } }

@media (max-width: 767px) {
  .offer_details_desc {
    margin-top: 0 !important; } }

/***Room Details panel order changes on mobile**/
@media (max-width: 767px) {
  .module-details {
    padding-top: 70px; } }

@media (max-width: 767px) {
  .mobile-wrapper {
    display: flex;
    flex-flow: column nowrap; }
    .mobile-wrapper .mobile-bottom {
      order: 2; }
      .mobile-wrapper .mobile-bottom .module-sidebar {
        margin-top: 0; }
    .mobile-wrapper .mobile-top {
      order: 1; }
      .mobile-wrapper .mobile-top .title, .mobile-wrapper .mobile-top .btn {
        margin-bottom: 10px; }
      .mobile-wrapper .mobile-top .room-price {
        color: #121326;
        text-transform: uppercase;
        margin-bottom: 10px; }
        .mobile-wrapper .mobile-top .room-price span {
          padding-right: 5px; }
        .mobile-wrapper .mobile-top .room-price .price {
          font-size: 28px;
          line-height: 18px; }
      .mobile-wrapper .mobile-top .content {
        margin-top: 20px; } }

/***Sticky Pranel on Offer/ Room Details**/
/***Sticky Price**/
.panel-sticky {
  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  padding: 15px 20px;
  background-color: #eeeded;
  border-bottom: 1px solid #ddd;
  z-index: 9998; }
  @media (min-width: 768px) {
    .panel-sticky {
      top: 77px; } }
  @media (max-width: 639px) {
    .panel-sticky {
      padding: 10px 15px; } }
  .panel-sticky .col-flex.title {
    margin-bottom: 10px; }
    .panel-sticky .col-flex.title::before {
      display: none; }
    @media (min-width: 768px) {
      .panel-sticky .col-flex.title {
        max-width: 65%;
        margin-bottom: 0; } }
  .panel-sticky .col-flex-2 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center; }
  .panel-sticky .panel-sticky-inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: auto; }
    @media (max-width: 767px) {
      .panel-sticky .panel-sticky-inner {
        flex-flow: column nowrap; } }
  .panel-sticky .module-price {
    text-align: left;
    margin-right: 15px; }
    .panel-sticky .module-price .price_from {
      text-transform: capitalize;
      font-style: italic; }
    .panel-sticky .module-price .price_value {
      color: #121326;
      font-size: 28px;
      line-height: 18px; }
    .panel-sticky .module-price .price_pp_sharing {
      display: block;
      text-transform: uppercase;
      font-size: 12px; }
    .panel-sticky .module-price .price {
      display: inline-block;
      width: 100%; }
      .panel-sticky .module-price .price > span {
        color: #121326;
        font-size: 28px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 28px; }
  .panel-sticky .btn {
    margin-top: 0;
    min-width: 150px; }
  .panel-sticky h2 {
    margin-right: 10px;
    font-size: 18px; }
    @media (min-width: 768px) {
      .panel-sticky h2 {
        font-size: 24px; } }
    @media (max-width: 639px) {
      .panel-sticky h2 {
        margin: 10px auto 0; } }

/**********Custom Landing Page**********/
.custom-landing-module {
  padding: 50px 0; }
  .custom-landing-module .title {
    margin-bottom: 40px; }

.custom-landing-module-holder {
  display: flex;
  flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  align-items: stretch; }

.custom-landing-module-item {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0 0 30px 0;
  margin: 0 0 30px;
  padding: 0;
  width: 30%; }
  .custom-landing-module-item h3 {
    font-family: "Montserrat", sans-serif;
    color: #2b2c43;
    height: 53px;
    overflow: hidden;
    margin: 10px auto;
    letter-spacing: -1px;
    text-align: center;
    max-width: 95%; }
  .custom-landing-module-item .item_summary {
    color: #333;
    font-weight: 400;
    padding: 25px 15px;
    text-align: center; }
    .custom-landing-module-item .item_summary p {
      margin-bottom: 20px; }
  .custom-landing-module-item .btn-wrapper {
    padding: 0 20px 20px 20px;
    text-align: center; }

@media (max-width: 1024px) {
  .custom-landing-module-item {
    width: 45%; } }

@media (max-width: 767px) {
  .custom-landing-module-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center; }
  .custom-landing-module-item {
    width: 95%; } }

/* ---------- Press ----------- */
.press {
  padding: 80px 0 0 0; }

.press-list {
  padding: 120px 0 80px; }
  .press-list .booking {
    position: relative;
    top: 0;
    background: transparent;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1; }

.press_more {
  background-color: #f3f1f2;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 50px 30px; }
  .press_more .mfp-close {
    left: 0;
    right: 0;
    margin: auto; }

.grey_subtitle {
  color: #bababa;
  padding-bottom: 10px;
  display: block; }

.press img {
  margin: 0 auto; }

/* ---------- Contact ---------- */
.contact .mandatory {
  margin: 0 0 20px;
  font-style: italic; }

/* ---------- Gallery ---------- */
.gallery {
  padding: 87px 0 40px;
  overflow: hidden; }
  .gallery .title-wrapper h1, .gallery .title-wrapper h2 {
    text-align: center; }

.secondarypage .gallery .title::before {
  background: none; }

/* Isotope */
.gallery-grid {
  margin: 0 -5px 60px; }

.gallery-grid-item {
  width: 50%;
  padding: 0 5px 10px; }
  .gallery-grid-item img {
    width: 100%; }
  .gallery-grid-item figure {
    position: relative;
    text-align: center; }
    .gallery-grid-item figure figcaption {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      background: rgba(18, 19, 38, 0.4);
      opacity: 0;
      transition: opacity 0.35s 0.1s; }
      .gallery-grid-item figure figcaption span {
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
        color: #fff;
        padding: 0 15px;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        transform: translateY(-50%); }

@media only screen and (min-width: 992px) {
  .gallery {
    min-height: 100vh; }
  .gallery-grid-item {
    width: 50%; } }

@media only screen and (min-width: 1200px) {
  .gallery-grid-item {
    width: 25%; }
    .gallery-grid-item figure:hover figcaption {
      opacity: 1; } }

@media only screen and (min-width: 1550px) {
  .gallery-grid-item {
    width: 20%; } }

/* ---------- Sitemap ---------- */
.nav_sitemap {
  width: 100%;
  display: block; }
  .nav_sitemap ul, .nav_sitemap li, .nav_sitemap a {
    width: 100%;
    display: block; }
  .nav_sitemap ul a {
    margin: 0 0 4px 0;
    padding: 5px 1%;
    background: rgba(18, 19, 38, 0.5); }
  .nav_sitemap ul ul a {
    padding-left: 3%;
    background: rgba(18, 19, 38, 0.4); }
  .nav_sitemap ul ul ul a {
    padding-left: 6%;
    background: rgba(18, 19, 38, 0.2); }
  .nav_sitemap ul ul ul ul a {
    padding-left: 9%;
    background: rgba(18, 19, 38, 0.1); }
  .nav_sitemap ul ul ul ul ul a {
    padding-left: 12%; }

.breadcrumb li a {
  font-size: 12px;
  text-transform: uppercase;
  color: #666; }

/* Location / Maps */
.map img, .map_directions img {
  max-width: none !important;
  width: auto !important; }

.map {
  width: 100%;
  height: 100%; }

.locationpage .map {
  height: 70vh; }

.map_marker {
  white-space: nowrap;
  padding: 15px 0 10px 0; }

.map_directions_controls label, .map_directions_controls .textbox {
  float: left; }

.map_directions_controls label {
  padding: 0 5px 0 0;
  width: 100%;
  min-height: 20px; }

.map_directions_controls .textbox {
  width: 100%;
  padding: 10px 15px; }

.map_directions_controls .btn {
  float: right; }

.map_directions {
  clear: both;
  margin-bottom: 40px; }
  .map_directions > div:first-child, .map_directions table {
    width: 100%; }

.adp-placemark {
  background: #fff !important; }
  .adp-placemark td {
    padding: 5px !important; }

/* ---------- Blog ---------- */
.blog_wrapper {
  width: 100%;
  padding: 40px 0; }
  .blog_wrapper p {
    color: #333; }
  .blog_wrapper .content {
    margin: 0 auto 20px; }
    .blog_wrapper .content p {
      margin-bottom: 20px; }
  .blog_wrapper .button {
    background: #2b2c43;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 16px;
    float: left;
    font-size: 12.5px; }

.blog.blog_all .item .content {
  margin: 20px auto; }

.blog_title .page_title {
  text-align: left; }

.blog_all .item img, .blog_detail img {
  border: 15px solid #fafafa;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  margin-top: 30px; }

.blog_all .item img {
  margin-top: 20px; }

.blog_social img {
  border: 15px solid #fafafa;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  margin-top: 50px;
  margin-bottom: 16px; }

.blog_all td, .blog_detail td, .blog_comment td {
  padding: 0; }

.blog_all h3 {
  text-align: left;
  text-transform: uppercase;
  margin: 12px 0; }

.blog article {
  border: 1px solid #ccc;
  border-right: none;
  border-left: none;
  margin: 0 0 30px 0;
  padding: 20px; }
  .blog article .green {
    /*border-bottom: 5px solid #e1e1e1;
	padding: 5px;*/ }
  .blog article h3 {
    border-bottom: 3px double #121326;
    margin-bottom: 10px;
    padding-bottom: 5px; }
  .blog article:nth-child(2n+1) {
    background-color: #eee;
    border: none; }
  .blog article .btn {
    float: left; }
  .blog article .nav_share_container {
    float: right; }

.blog_detail article {
  padding: 30px 40px; }

.blog_detail .blog_date {
  margin-bottom: 12px; }

.blog_detail h1 {
  border-bottom: 3px double #2b2c43;
  color: #2b2c43;
  text-align: left;
  margin: 0 0 32px;
  text-transform: uppercase; }

.blog_detail article .content {
  color: #333;
  font-family: inherit;
  text-align: justify; }

.blog_detail .content_bottom {
  float: left;
  width: 100%; }
  .blog_detail .content_bottom .nav_share_container {
    float: right; }

.blog_comment {
  float: left;
  padding: 10px;
  background: #eee; }
  .blog_comment .blog_meta {
    float: right;
    margin: -24px 0 0 0; }
  .blog_comment article {
    float: left;
    margin: 0 0 15px 0;
    padding: 10px;
    width: 560px;
    background: #ddd; }
  .blog_comment .comment_date {
    float: right;
    margin: -22px 0 0 0;
    font-size: 77%; }

.blog_comment_form {
  margin: 20px 0 0 0; }
  .blog_comment_form .form_wrapper {
    background: #ddd;
    padding: 10px; }
  .blog_comment_form .form {
    margin: 0; }
  .blog_comment_form .form_left {
    width: 90px;
    margin: 0 0 10px 0; }
  .blog_comment_form .textbox {
    width: 170px;
    margin: 0 10px 10px 0; }
  .blog_comment_form .textbox_large {
    width: 455px;
    height: 95px; }
  .blog_comment_form .button {
    margin: 0px 10px 0 0;
    float: right; }

.blog_aside, .blog {
  padding-top: 30px; }

.blog_aside_section {
  margin: 0 0 20px 0; }

.blog_aside h4 {
  text-align: left;
  margin-bottom: 6px;
  background: rgba(43, 44, 67, 0.8);
  color: #fff;
  padding: 10px;
  font-variant: small-caps;
  letter-spacing: 1px; }
  .blog_aside h4 a {
    color: #fff; }

.blog_aside > h4 {
  background: #2b2c43; }

.blog_aside h3 {
  text-align: left;
  margin-bottom: 12px; }

.blog_aside a, .blog_aside select {
  display: block;
  width: 100%;
  margin: 0 0 10px 0; }

.blog_aside a {
  border-bottom: 1px dotted #ccc;
  height: 30px;
  line-height: 30px; }

.blog_aside h4 > a {
  border-bottom: none;
  height: auto;
  line-height: inherit;
  margin-bottom: 0; }

.blog .pagination {
  display: inline-block;
  padding: 0 30px;
  margin: 20px 0;
  border-radius: 4px;
  text-align: center; }
  .blog .pagination > li {
    display: inline; }
    .blog .pagination > li > a, .blog .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #2b2c43;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd; }
    .blog .pagination > li:first-child > a, .blog .pagination > li:first-child > span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .blog .pagination > li:last-child > a, .blog .pagination > li:last-child > span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .blog .pagination > li > a:hover, .blog .pagination > li > span:hover, .blog .pagination > li > a:focus, .blog .pagination > li > span:focus {
      color: #2b2c43;
      background-color: #eee;
      border-color: #ddd; }
    .blog .pagination > li > a.active {
      color: #2b2c43;
      background-color: #ddd;
      border-color: #ddd; }

.nav_share_container {
  float: left;
  margin: 0px;
  padding: 0px; }
  .nav_share_container .item {
    float: left;
    width: auto;
    margin: 0px;
    padding: 5px 0px;
    border-top: 1px dotted #2b2c43;
    border-bottom: 1px dotted #2b2c43; }
  .nav_share_container h4 {
    color: #2b2c43;
    float: left;
    font-family: inherit;
    font-size: 13px;
    margin: 0px 10px 0px 0px;
    border-right: 1px solid #2b2c43;
    padding: 8px 10px 5px 0px;
    text-transform: uppercase; }

.nav_share {
  float: left;
  width: auto; }
  .nav_share a {
    color: #ffffff;
    background: #2b2c43;
    float: left;
    padding: 5px;
    margin: 0px 5px 0px 0px;
    border-radius: 80px 80px 80px 80px; }
    .nav_share a:hover {
      transform: rotate(360deg);
      transition: all 1s ease;
      color: #ffffff; }

@media (max-width: 767px) {
  .blogpage .header_image_wrapper {
    height: auto; }
  .blogpage .container-blog {
    padding-top: 85px; }
    .blogpage .container-blog.blog_wrapper h1 {
      margin-bottom: 0px;
      margin-top: 10px; }
    .blogpage .container-blog.blog_wrapper .blog_all {
      padding-top: 10px; }
    .blogpage .container-blog.container-blog-fullpost {
      padding-top: 60px; }
  .blogpage .mobile-flip {
    display: flex;
    flex-flow: column nowrap; }
    .blogpage .mobile-flip-bottom {
      order: 2; }
    .blogpage .mobile-flip-top {
      order: 1; }
  .blogpage .blog_detail h1 {
    font-size: 24px;
    margin: 0 0 10px; }
  .blogpage .blog_detail img {
    margin-top: 10px; }
  .blogpage .blog_detail article {
    padding: 30px 10px; }
    .blogpage .blog_detail article .content {
      display: flex;
      flex-flow: column nowrap; }
      .blogpage .blog_detail article .content .content_bottom {
        margin-top: 20px; }
        .blogpage .blog_detail article .content .content_bottom .nav_share_container {
          margin-top: 20px; } }

/* Wedding */
.wedding-header + .header_image_wrapper .header_image_tag {
  background: -moz-radial-gradient(center, ellipse arthest-corner, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 60%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse arthest-corner, rgba(0, 0, 0, 0.4) 0%, rgba(42, 42, 42, 0) 70%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse arthest-corner, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%); }
  .wedding-header + .header_image_wrapper .header_image_tag span {
    color: #fff;
    font-weight: 400; }

.wedding-header + .header_image_wrapper .slider .item:after {
  background-color: rgba(0, 0, 0, 0.2); }

.wedding-header + .header_image_wrapper .seasonal_panel {
  display: none; }

@media (min-width: 768px) {
  .wedding-header .wedding-coord {
    display: block;
    position: absolute;
    right: 15px;
    top: 100px;
    width: 250px;
    z-index: 30;
    background-color: #7a3340;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    transition: all .35s;
    opacity: 1;
    visibility: visible; }
    .wedding-header .wedding-coord svg {
      width: 25px;
      height: 25px;
      fill: #fff;
      display: block;
      margin: 0 auto 5px; }
    .wedding-header .wedding-coord span {
      color: #fff;
      font-weight: 600; }
  .wedding-header .nav-menu {
    margin-right: 50px; }
  .wedding-header.stick .wedding-coord {
    opacity: 0;
    visibility: hidden; } }

.module-weddings .container-lg {
  width: 1280px;
  max-width: 100%; }

.module-weddings .btn.brochure {
  padding-right: 42px;
  position: relative; }
  .module-weddings .btn.brochure svg {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    fill: #2b2c43;
    transition: fill .35s; }
  .module-weddings .btn.brochure:hover svg {
    fill: #fff; }

.weddings-lp {
  padding: 0; }
  .weddings-lp .content_main {
    padding: 40px 15px;
    text-align: center; }
    .weddings-lp .content_main .title {
      text-align: center; }
      .weddings-lp .content_main .title:before {
        width: auto; }
    .weddings-lp .content_main .content a:not(.btn) {
      color: #7a3340; }
  @media (min-width: 768px) {
    .weddings-lp .content_main {
      padding: 60px 15px; } }

.wedding_bg_grey {
  background: rgba(210, 220, 219, 0.2);
  border-top: 1px solid rgba(122, 51, 64, 0.3);
  border-bottom: 1px solid rgba(122, 51, 64, 0.3); }

.wedding_panels {
  text-align: center; }
  .wedding_panels .row {
    margin-left: -10px;
    margin-right: -10px; }
    .wedding_panels .row .item {
      padding-left: 10px;
      padding-right: 10px; }
  .wedding_panels figure {
    overflow: hidden;
    position: relative; }
    .wedding_panels figure .gradient_overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.4); }
  .wedding_panels figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 20px;
    width: 100%;
    z-index: 15; }
    .wedding_panels figcaption span {
      color: #fff;
      font-weight: 600;
      text-transform: uppercase; }
  @media (max-width: 767px) {
    .wedding_panels .container {
      padding: 0; }
    .wedding_panels .row {
      margin: 0; }
      .wedding_panels .row .item {
        padding: 0; } }
  @media (min-width: 768px) {
    .wedding_panels {
      padding-top: 30px;
      padding-bottom: 30px; } }

.wedding_image_panel {
  position: relative;
  padding: 40px 15px; }
  .wedding_image_panel .title {
    text-align: center; }
    .wedding_image_panel .title:before {
      width: auto; }
    .wedding_image_panel .title span {
      font-size: 16px;
      margin-top: 5px;
      font-family: "Montserrat", sans-serif;
      color: #2b2c43; }
  @media (min-width: 768px) {
    .wedding_image_panel {
      padding-top: 60px;
      padding-bottom: 60px; } }

.masonry {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%; }
  .pkg-accordion-content .masonry {
    margin: 0; }

.masonry-col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%; }
  .masonry-col .item {
    padding: 0 5px; }
  .masonry-col .item_bg {
    padding-bottom: 75%;
    background-position: center;
    background-size: cover; }
  .masonry-col .item_bg_center {
    padding-bottom: calc(150% + 10px);
    background-position: center;
    background-size: cover;
    height: 100%; }
  .pkg-accordion-content .masonry-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
    .pkg-accordion-content .masonry-col .item {
      border: none;
      margin: 0; }

.masonry-col-1 .item {
  padding-left: 0; }

.masonry-col-2 .item {
  height: 100%; }

.masonry-col-3 .item {
  padding-right: 0; }

.masonry-col-1 .item:first-child, .masonry-col-3 .item:first-child {
  padding-bottom: 10px; }

/*.wedding_page .page_title, .wedding_image_panel .title, .contact_panel_wrapper .title, .content_wedding .title {
font-family: 'Muli', sans-serif;
font-weight: 300;
font-size: 30px;
margin-bottom: 20px;
text-transform: uppercase;
}*/
.pkgs-panel {
  position: relative; }
  .pkgs-panel .col {
    text-align: center; }
    .pkgs-panel .col:first-child {
      padding: 30px; }
      .pkgs-panel .col:first-child .title-panel {
        margin-bottom: 15px; }
        .pkgs-panel .col:first-child .title-panel .title {
          text-align: center;
          margin-bottom: 0; }
          .pkgs-panel .col:first-child .title-panel .title:before {
            width: auto; }
        .pkgs-panel .col:first-child .title-panel span {
          font-size: 14px;
          margin-top: 5px;
          font-family: "Montserrat", sans-serif;
          color: #2b2c43;
          text-transform: uppercase; }
    .pkgs-panel .col:last-child {
      display: none; }
  @media (min-width: 768px) {
    .pkgs-panel .col {
      width: 50%; }
      .pkgs-panel .col:first-child {
        float: left;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50%; }
      .pkgs-panel .col:last-child {
        float: right;
        display: block; } }
  @media (min-width: 1200px) {
    .pkgs-panel .col:first-child {
      padding: 0 60px; } }

.weddings-pkgs-panels {
  margin: 30px 0;
  padding: 30px 15px; }
  @media (min-width: 768px) {
    .weddings-pkgs-panels {
      padding: 40px 15px; } }

.pkg-accordion h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: normal;
  background-color: #fff;
  position: relative; }
  .pkg-accordion h3 .ui-icon:before {
    content: '+';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px; }
  .pkg-accordion h3.ui-accordion-header-active {
    border: none;
    background-color: #fff; }
    .pkg-accordion h3.ui-accordion-header-active .ui-icon:before {
      content: '-'; }

.pkg-accordion .pkg-accordion-content {
  padding: 15px 0; }
  .pkg-accordion .pkg-accordion-content .content {
    margin-bottom: 15px; }
    .pkg-accordion .pkg-accordion-content .content ul {
      padding-left: 15px; }
    .pkg-accordion .pkg-accordion-content .content a:not(.btn) {
      color: #7a3340; }

.pkg-accordion .pkg-terms {
  margin-top: 15px; }

.wedding-pkg-terms {
  text-align: center; }
  .wedding-pkg-terms svg {
    width: 40px;
    height: 40px;
    fill: #2b2c43;
    display: block;
    margin: 0 auto 5px; }
  .wedding-pkg-terms span {
    font-weight: 600;
    color: #2b2c43; }

.wedding-cnt .title-wrapper {
  text-align: center; }
  .wedding-cnt .title-wrapper .title {
    text-align: center; }
    .wedding-cnt .title-wrapper .title:before {
      width: auto; }

.wedding-cnt .content {
  text-align: center; }
  .wedding-cnt .content img {
    margin: 0 auto; }

/* On This Day */
.otd {
  position: relative;
  padding: 100px 0 80px;
  margin: 0 auto; }
  .otd .error {
    display: block;
    color: #c00; }
  @media (max-width: 767px) {
    .otd {
      background-color: rgba(0, 0, 0, 0);
      background-image: url("/Assets/Images/paint_splash_inverse.png");
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media (min-width: 768px) {
    .otd {
      background: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017//Assets/Images/otd_bg_bottom.png") bottom left repeat-x; } }
  @media (min-width: 992px) {
    .otd {
      background: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/paint_splash.png") top left -700px repeat-x, url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/paint_splash.png") top right -400px repeat-x, url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017//Assets/Images/otd_bg_bottom.png") bottom left repeat-x; } }
  .otd:not(.otd-panel) {
    padding-top: 40px; }
    @media (min-width: 768px) {
      .otd:not(.otd-panel) .img-wrapper {
        width: 100%; } }
  .otd .icon-down-open {
    font-style: normal;
    font-size: 12px;
    margin-left: 10px; }
    .otd .icon-down-open:after {
      font-family: Flaticon;
      content: '\f113'; }
      .open .otd .icon-down-open:after {
        content: '\f114'; }
  .otd-items-mobile {
    position: relative;
    height: 100%;
    max-height: 140px;
    margin: 0 10px 10px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/otd_mobile_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden; }
    .otd-items-mobile .overlay {
      background: rgba(0, 0, 0, 0.45);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1; }
    .otd-items-mobile .inner {
      padding: 10px 5px; }
    .otd-items-mobile h4,
    .otd-items-mobile p,
    .otd-items-mobile h3 {
      font-size: 14px;
      color: #ffffff;
      padding: 0 15px; }
    .otd-items-mobile h4 {
      font-family: "Montserrat", sans-serif;
      line-height: 18px;
      text-transform: uppercase; }
    .otd-items-mobile p {
      line-height: 21px; }
  .otd .dropdown-menu {
    min-width: initial;
    padding: 0; }
    .otd .dropdown-menu ul {
      padding: 0;
      list-style-type: none;
      max-height: 200px;
      overflow: auto;
      margin: 0; }
    .otd .dropdown-menu li:hover {
      background-color: #efefef; }
    .otd .dropdown-menu li span {
      cursor: pointer;
      padding: 10px 15px;
      display: block; }
  .otd__inner {
    max-width: 1024px;
    margin: 0 auto; }
  .otd-form__label {
    font-size: 20px;
    line-height: 30px;
    color: #2b2c43;
    font-weight: 500;
    margin-top: 20px;
    display: block; }
    @media (max-width: 767px) {
      .otd-form__label {
        font-size: 16px;
        line-height: 24px; } }
    @media (min-width: 768px) {
      .otd-form__label {
        margin-bottom: -5px; } }
  .otd-form__dropdown {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
    font-family: 'Theano-Didot-Regular'; }
    .otd-form__dropdown-wrapper {
      display: flex;
      flex-direction: column; }
      @media (min-width: 768px) {
        .otd-form__dropdown-wrapper {
          flex-direction: row;
          gap: 30px;
          align-items: baseline; } }
    @media (max-width: 767px) {
      .otd-form__dropdown {
        font-size: 16px;
        line-height: 24px; } }
    @media (max-width: 767px) {
      .otd-form__dropdown .dropdown-otd {
        justify-self: center; } }
    .otd-form__dropdown .otd-submit {
      font-size: 14px; }
      @media (min-width: 768px) {
        .otd-form__dropdown .otd-submit {
          grid-gap: initial; } }
    @media (min-width: 768px) {
      .otd-form__dropdown {
        display: flex;
        gap: 30px;
        align-items: baseline; } }
    .otd-form__dropdown button:not(.otd-submit) {
      font-size: 20px;
      line-height: 30px;
      background-color: transparent;
      padding: 10px;
      color: #2b2c43;
      border: 0;
      border-bottom: 1px solid #2b2c43; }
      @media (max-width: 767px) {
        .otd-form__dropdown button:not(.otd-submit) {
          width: 100%;
          text-align: left;
          display: flex;
          justify-content: space-between; } }
  .otd > .container {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/stamp_harlandwolff.png");
    background-repeat: no-repeat;
    background-position: top -30px right 0; }
    @media (min-width: 992px) {
      .otd > .container {
        background-color: rgba(0, 0, 0, 0);
        background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/stamp_harlandwolff.png");
        background-repeat: no-repeat;
        background-position: top -30px right 60px; } }
    @media (max-width: 767px) {
      .otd > .container {
        background-size: 160px;
        background-position: right 0 top 0;
        padding: 0 15px; } }
  .otd:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/otd_bg_middle.jpg");
    background-repeat: repeat;
    background-position: top left;
    background-size: cover; }
  .otd-wrapper {
    padding-top: 70px; }
    .otd-wrapper .container-otd {
      padding-bottom: 0; }
      @media (max-width: 767px) {
        .otd-wrapper .container-otd {
          padding: 45px 0; } }
  .otd__title, .otd__subtitle {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    color: #242849; }
  .otd__header {
    display: inline-block;
    text-align: center; }
  .otd__title {
    font-size: 50px;
    line-height: 65px;
    font-weight: 800; }
    @media (min-width: 768px) {
      .otd__title {
        font-size: 75px;
        line-height: 90px; } }
  .otd__subtitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500; }
    @media (min-width: 768px) {
      .otd__subtitle {
        font-size: 28px;
        line-height: 34px; } }
  .otd__panel {
    position: relative;
    border: 2px solid #2b2c43;
    margin-top: 60px; }
    .otd__panel-title, .otd__panel-subtitle {
      color: #2b2c43;
      font-weight: 500; }
    .otd__panel-title {
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .otd__panel-title {
          font-size: 30px;
          line-height: 46px; } }
    .otd__panel-btn {
      margin-top: 20px; }
      @media (min-width: 768px) {
        .otd__panel-btn {
          margin-top: 50px; } }
    .otd__panel-subtitle {
      font-size: 16px;
      line-height: 19px;
      font-family: "Montserrat", sans-serif;
      margin-bottom: 10px;
      font-weight: 600; }
    .otd__panel-description p {
      margin-bottom: 0; }
    @media (max-width: 767px) {
      .otd__panel-description {
        margin-bottom: 0; } }
    @media (min-width: 768px) {
      .otd__panel-description {
        max-width: 395px; } }
    @media (max-width: 767px) {
      .otd__panel .content {
        margin-bottom: 0; } }
    .otd__panel-img {
      padding: 0;
      object-fit: contain; }
      @media (min-width: 992px) {
        .otd__panel-img {
          border: 20px solid transparent;
          border-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/otd-border.png") 25 round;
          max-width: 305px;
          box-sizing: initial; } }
      @media (min-width: 768px) {
        .otd__panel-img {
          min-height: 150px;
          max-height: 220px; }
          .otd:not(.otd-panel) .otd__panel-img {
            border: 25px solid transparent;
            width: 100%;
            max-width: 100%;
            min-height: 220px;
            max-height: 300px;
            border-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/otd-border.png") 20 round;
            box-sizing: border-box; } }
      .otd__panel-img-caption {
        display: block;
        font-size: 10px;
        line-height: 13px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 28px;
        text-transform: lowercase; }
        @media (min-width: 768px) {
          .otd__panel-img-caption {
            margin-bottom: 0; } }
    .otd__panel .content-logo {
      position: absolute;
      top: 0;
      background: #f6ecdd;
      transform: translateY(-50%) translateX(40px);
      width: 58px;
      border-radius: 50%; }
  .otd-items {
    padding: 80px 30px 60px; }
    @media (max-width: 767px) {
      .otd-items {
        padding-left: 20px;
        padding-right: 20px; } }
    .otd-items .slick-dots li {
      width: 40px;
      height: 3px; }
      .otd-items .slick-dots li button {
        width: inherit;
        height: inherit; }
        .otd-items .slick-dots li button:before {
          content: "";
          width: inherit;
          height: 2px;
          background-color: #000000;
          color: initial;
          transition: height 0.3s ease-in-out; }
      .otd-items .slick-dots li.slick-active button:before {
        height: 3px; }
    .otd-items .slick-next, .otd-items .slick-prev {
      width: 39px;
      height: 21px;
      background-size: 100%; }
      .otd-items .slick-next:before, .otd-items .slick-prev:before {
        display: none; }
    .otd-items .slick-next {
      background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/svg-icons/arrow-right.svg");
      right: -60px; }
    .otd-items .slick-prev {
      background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/svg-icons/arrow-left.svg");
      left: -60px; }
    .otd:not(.otd-panel) .otd-items .item + .item {
      margin-top: 100px; }
      @media (max-width: 767px) {
        .otd:not(.otd-panel) .otd-items .item + .item {
          margin-top: 50px; } }
    .otd-items .flex-row {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      @media (max-width: 767px) {
        .otd-items .flex-row {
          flex-direction: column-reverse; } }
      .otd-items .flex-row .flex-col-content, .otd-items .flex-row .flex-col-img {
        flex: 0 0 100%; }
    @media (min-width: 768px) {
      .otd-items .item .inner {
        padding: 0 40px 0 0; }
      .otd-items .item .content {
        margin-bottom: 0; }
      .otd:not(.otd-panel) .otd-items .item:nth-child(even) .inner {
        padding: 0 0 0 40px; }
      .otd-items .flex-row .flex-col-content {
        flex: 0 0 45%; }
      .otd-items .flex-row .flex-col-img {
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
      .otd-items .flex-row .order-1 {
        order: 1; }
      .otd-items .flex-row .order-2 {
        order: 2; } }
    @media (min-width: 1200px) {
      .otd-items .item {
        /*&:nth-child(even) {
				.inner {
					padding: 0 0 0 50px;
				}

				.img-wrapper {
					margin: 0 30px 0 0;
				}
			}*/ }
        .otd-items .item .inner {
          padding: 0 50px 0 0; }
      .otd:not(.otd-panel) .otd-items .item:nth-child(even) .inner {
        padding: 0 0 0 50px; } }

.module-dining {
  padding-top: 100px; }
  .module-dining .page-title-wrapper {
    text-align: center; }
    .module-dining .page-title-wrapper .title {
      text-align: center; }
  .module-dining .general-slider {
    padding-top: 10px; }
  .module-dining .flex-row.wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 0; }
    .module-dining .flex-row.wrap .general-slider .slick-responsive-item {
      padding: 0;
      position: relative;
      padding-bottom: 15px;
      margin-bottom: 10px; }
  .module-dining .content-wrapper {
    padding: 30px 20px 20px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    width: 100%;
    max-width: 1000px; }
    .module-dining .content-wrapper .title-wrapper h1, .module-dining .content-wrapper .title-wrapper--title, .module-dining .content-wrapper .title-wrapper .only-title {
      font-size: 2.95rem;
      font-weight: 300;
      line-height: 1;
      display: inline-block;
      position: relative;
      padding-bottom: 5px; }
      @media (max-width: 375px) {
        .module-dining .content-wrapper .title-wrapper h1, .module-dining .content-wrapper .title-wrapper--title, .module-dining .content-wrapper .title-wrapper .only-title {
          font-size: 1.4rem; } }
      @media (max-width: 767px) {
        .module-dining .content-wrapper .title-wrapper h1, .module-dining .content-wrapper .title-wrapper--title, .module-dining .content-wrapper .title-wrapper .only-title {
          font-size: 3.3rem; } }
    .module-dining .content-wrapper .title-wrapper h2, .module-dining .content-wrapper .title-wrapper--subtitle, .module-dining .content-wrapper .title-wrapper .only-subtitle {
      line-height: 1;
      font-weight: 300;
      text-transform: uppercase;
      text-align: center; }
      .module-dining .content-wrapper .title-wrapper h2:before, .module-dining .content-wrapper .title-wrapper--subtitle:before, .module-dining .content-wrapper .title-wrapper .only-subtitle:before {
        content: none; }

.content-split {
  padding-top: 70px; }
  .content-split .flex__content-img-sticky {
    position: sticky;
    top: 90px; }
    .content-split .flex__content-img-sticky .slider, .content-split .flex__content-img-sticky .slider .item {
      height: calc(100vh - 80px);
      max-height: 340px; }
      @media (min-width: 768px) {
        .content-split .flex__content-img-sticky .slider, .content-split .flex__content-img-sticky .slider .item {
          max-height: 750px; } }
      @media (min-width: 851px) {
        .content-split .flex__content-img-sticky .slider, .content-split .flex__content-img-sticky .slider .item {
          max-height: 800px; } }
    .content-split .flex__content-img-sticky .slider .bg-img {
      height: 100%; }
    .content-split .flex__content-img-sticky .slider img {
      width: 100%;
      height: 100%;
      max-width: initial;
      max-width: unset;
      object-fit: cover; }
  .content-split .img-pin {
    position: sticky;
    top: 175px; }
    .diningchildpage .content-split .img-pin {
      top: 0; }
  .content-split-images {
    height: calc(100vh - 135px);
    max-height: 850px; }
    .content-split-images .slider .item {
      height: calc(100vh - 135px);
      max-height: 850px; }
  .content-split .content-panel {
    margin: 0 auto;
    padding: 30px; }
    .content-split .content-panel .title-wrapper {
      margin-bottom: 0; }

/* ---------- Footer ---------- */
.footer {
  padding: 50px 0 15px;
  font-size: 12px; }
  .footer .wrapper {
    background-color: #383838;
    color: #ddd;
    padding: 40px; }
  .footer h5 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 20px;
    letter-spacing: 0.08em; }
  .footer a {
    color: #ddd; }
    .footer a:hover {
      color: #fff; }
    .footer a.btn-signup {
      display: block;
      max-width: 250px;
      margin: auto; }
  .footer .liverpool {
    text-align: right; }
    .footer .liverpool img {
      margin: 0 auto 20px;
      width: 90px; }
  .footer .contact-dtls .row {
    margin-bottom: 20px; }
  .footer .address span:after {
    content: ', ';
    display: inline-block; }
  .footer .address span:last-child:after {
    content: ''; }
  .footer .footer-logos {
    float: left;
    width: 100%; }

.footer-awards {
  margin: 40px 0 20px;
  width: 100%; }
  .mobile-items .footer-awards {
    color: #fff;
    background: #2B2C43;
    padding: 50px 30px 70px;
    margin: 0 auto; }
  @media (min-width: 768px) {
    .footer-awards {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: flex-start; } }
  .footer-awards h5 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.08em;
    margin: 0 0 20px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .footer-awards h5 {
        max-width: 105px;
        text-align: right;
        flex: 0 0 auto;
        margin-bottom: 0;
        margin-right: 10px; } }
  .footer-awards-items {
    flex: 1 0 auto;
    width: 100%; }
    .footer-awards-items img {
      max-width: 80px;
      margin: 10px; }
    @media (min-width: 768px) {
      .footer-awards-items {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        flex-grow: 0;
        justify-content: flex-start;
        max-width: calc(100% - 120px); }
        .footer-awards-items img {
          margin: 20px; } }
  .footer-awards .slick-dots li button::before {
    color: #fff; }

.footer-logos a {
  float: left;
  width: 100%; }
  .footer-logos a span {
    color: #fff;
    display: block;
    font-size: 11px;
    margin-top: 30px;
    padding-bottom: 5px;
    text-align: center; }

.footer-logos img {
  margin: 30px auto 0;
  max-width: 90px; }

.footer-logos .harcourt img {
  margin-top: 5px; }

.footer-logos .goodtogo-logo {
  margin: 10px auto 0;
  max-width: 80px; }
  @media (max-width: 767px) {
    .footer-logos .goodtogo-logo {
      padding-top: 20px; } }

.footer-logos div:first-of-type img {
  max-width: 70px;
  margin-top: 10px; }

.footer-logos div:nth-of-type(2) img {
  margin-top: 35px; }

@media (min-width: 600px) {
  .footer {
    padding: 200px 0 50px;
    background-color: #fff;
    background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/bg-footer-sm.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; } }

@media (min-width: 992px) {
  .footer {
    padding: 300px 0 100px;
    background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/bg-footer-lg.jpg"); } }

@media (max-width: 991px) {
  .hdr-mobile-buttons {
    display: block;
    position: relative;
    left: 30px;
    top: 0;
    text-align: center;
    width: calc((100%) - 70px); }
    .hdr-mobile-buttons a {
      color: #fff;
      padding: 18px 0;
      display: block;
      font-size: 24px;
      width: 70px;
      height: 70px;
      float: left; }
    .hdr-mobile-buttons .tel {
      border-right: 1px solid rgba(255, 255, 255, 0.2); }
    .hdr-mobile-buttons .book {
      background: #7a3340;
      width: 200px;
      max-width: calc((100vw) - 210px);
      position: relative;
      font-size: 16px;
      text-transform: uppercase;
      padding: 0;
      float: right;
      font-weight: 600; }
      .hdr-mobile-buttons .book span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 10px; }
  .col-footer {
    margin: 0 0 30px; }
    .col-footer:last-child {
      margin: 30px 0 0; } }

@media (max-width: 768px) {
  .hdr-mobile-buttons a {
    height: 70px; }
  .footer .liverpool, .footer h5 {
    text-align: center; }
  .nav_foot {
    text-align: center; }
  .col-footer {
    margin: 0 0 40px; }
    .col-footer:last-child {
      margin: 0; } }

@media (max-width: 575px) {
  .hdr-mobile-buttons {
    display: flex !important;
    justify-content: flex-end; } }

.nav_foot a {
  display: block;
  margin: 0 0 5px; }

/* Newsletter */
.newsletter-signup {
  text-align: center; }
  .newsletter-signup input.textbox {
    display: block;
    margin: 0 0 20px;
    color: #fff;
    background: none;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #505050;
    padding: 10px;
    width: 100%;
    text-align: center;
    transition: all 0.35s;
    outline: none !important; }
    .newsletter-signup input.textbox:focus {
      border-color: #fff; }
  .newsletter-signup .btn {
    background: #505050;
    border: 1px solid #505050;
    padding: 15px 30px; }
    .newsletter-signup .btn:hover {
      background: #2b2c43;
      border-color: #2b2c43; }

.newsletter-response p {
  color: #fff; }

/**Revinate Newsletter Sign up Page **/
.newsletterpage {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  font-size: 14px;
  color: #2b2c43;
  margin: auto;
  width: 100%; }
  .newsletterpage .newsletter_signup_dialog {
    width: 600px;
    padding: 30px 10px;
    border: 1px solid #d1d1d1; }
    .newsletterpage .newsletter_signup_dialog fieldset {
      padding: 3rem;
      max-width: 100%;
      margin: 0;
      border: 0;
      min-width: 0; }
    .newsletterpage .newsletter_signup_dialog_inner {
      width: 100%;
      margin: auto; }
      .newsletterpage .newsletter_signup_dialog_inner div {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        padding: 5px; }
    .newsletterpage .newsletter_signup_dialog legend {
      color: #2b2c43;
      font-size: 24px;
      width: 100%;
      border-bottom: 1px solid #2b2c43;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 2px;
      padding-bottom: 5px; }
    .newsletterpage .newsletter_signup_dialog .form-control {
      height: 40px;
      width: 280px;
      max-width: 100%; }
    .newsletterpage .newsletter_signup_dialog select.form-control {
      max-width: 130px; }
    .newsletterpage .newsletter_signup_dialog .btn {
      color: #fff;
      display: block;
      width: 180px;
      margin: 30px auto;
      padding: 10px;
      letter-spacing: 1px; }
      .newsletterpage .newsletter_signup_dialog .btn:hover {
        background-color: #2b2c43;
        transition: all .4s linear; }
    .newsletterpage .newsletter_signup_dialog .privacy-policy-lnk {
      margin-top: 30px;
      text-align: center; }
      .newsletterpage .newsletter_signup_dialog .privacy-policy-lnk span a {
        color: #535581; }

.mfp-iframe-holder .mfp-content.dialog_newsletter_wrap {
  max-width: 700px; }

.dialog_newsletter_wrap .mfp-iframe-scaler {
  padding-top: 80vh; }
  .dialog_newsletter_wrap .mfp-iframe-scaler iframe {
    background-color: #fff; }

@media (max-height: 767px) and (orientation: landscape) {
  .dialog_newsletter_wrap .mfp-iframe-scaler {
    padding-top: 90vh; } }

@media (max-width: 767px) {
  .dialog_newsletter_wrap .mfp-iframe-scaler {
    padding-top: 90vh; } }

@media (max-width: 640px) {
  .newsletterpage .newsletter_signup_dialog {
    width: 100%; }
    .newsletterpage .newsletter_signup_dialog .newsletter_signup_dialog_inner div {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 10px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #fff;
      margin: 10px auto; }
    .newsletterpage .newsletter_signup_dialog label {
      width: 100%;
      margin-bottom: 5px; }
    .newsletterpage .newsletter_signup_dialog .form-control {
      width: 100%;
      margin-bottom: 5px;
      margin-bottom: 8px; } }

.breadcrumb-wrapper {
  color: #eee;
  font-size: 12px; }
  .breadcrumb-wrapper .breadcrumb {
    background: #383838; }
  .attractionspage:not(.attractionsdetailpage) .breadcrumb-wrapper {
    display: none; }
  @media (min-width: 600px) {
    .breadcrumb-wrapper {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0; }
      .breadcrumb-wrapper .breadcrumb li a {
        color: #fff; } }

/* Social */
.social {
  margin-top: 15px;
  padding: 10px;
  text-align: center; }
  .social-icons__item svg {
    width: 20px;
    height: 20px; }
  .social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; }
  .social li {
    float: none;
    display: inline-block; }
  .social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    border: 1px solid;
    border-radius: 50%; }
    .social a:hover, .social a:focus {
      text-decoration: none; }
    .social a.facebook:hover {
      background: #4863AE; }
    .social a.twitter:hover {
      background: #46C0FB; }
    .social a.gplus:hover {
      background: #DD4B39; }
    .social a.youtube:hover {
      background: #FF0000; }
    .social a.pinterest:hover {
      background: #C91618; }
    .social a.instagram:hover {
      background: #8a3ab9; }
    .social a.tripadvisor:hover {
      background: #4a8734; }
    .social a.tiktok:hover {
      background: #EE1D52; }
    .social a.linkedin:hover {
      background: #0077B5; }
    .social a.linktree:hover {
      background: #45e55e; }
  .social li:last-child a {
    margin: 0; }

/*.nav_share {
float: none;
}

.nav_share a:hover {
	background: #f79226;
}*/
/* Menu Icon */
.nav-menu-open {
  position: absolute;
  top: 24px;
  left: 20px;
  background: none;
  border: none;
  color: #ffffff;
  padding: 30px;
  width: 20px;
  height: 40px;
  outline: none !important;
  z-index: 100; }
  @media (min-width: 992px) {
    .nav-menu-open {
      /*position: relative;*/
      float: right;
      top: 0;
      right: 0;
      left: auto;
      padding: 0;
      width: 60px;
      height: 77px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .nav-menu-open .hamburger {
        width: 30px;
        height: 24px;
        display: block;
        position: relative; } }
  .nav-menu-open.close {
    color: #2b2c43;
    background: #fff;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: initial;
    top: initial;
    opacity: 1;
    height: 40px;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 300;
    width: auto; }
    .nav-menu-open.close .hamburger {
      display: inline-block;
      position: relative;
      top: -16px;
      width: 25px; }
    .nav-menu-open.close .menui.bottom-menu {
      background-color: #2b2c43;
      top: 10px;
      width: 25px;
      transform: rotate(-225deg); }
    .nav-menu-open.close .menui.top-menu {
      background-color: #2b2c43;
      top: 10px;
      width: 25px;
      transform: rotate(45deg); }
    .nav-menu-open.close:hover, .nav-menu-open.close:focus {
      color: #666; }

.menui {
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  left: 0;
  height: 2px;
  width: 25px;
  -o-transition-property: top, transform, opacity;
  -webkit-transition-property: top, transform, opacity;
  -webkit-transition-property: top, opacity, -webkit-transform;
  transition-property: top, transform, opacity, width;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01);
  transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01); }

.top-menu {
  top: 4px; }

.mid-menu {
  top: 10px; }

.bottom-menu {
  top: 16px;
  width: 20px; }

.nav-menu-open.open .top-menu {
  top: 10px;
  width: 25px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.nav-menu-open.open .mid-menu {
  opacity: 0; }

.nav-menu-open.open .bottom-menu {
  top: 10px;
  width: 25px;
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg); }

/* Primary Nav */
@media (min-width: 992px) {
  .nav-menu {
    display: block;
    float: right;
    height: 77px; }
    .nav-menu ul ul {
      display: none;
      position: absolute; }
    .nav-menu ul li {
      display: none;
      position: relative; }
    .nav-menu li {
      display: inline-block; }
    .nav-menu ul li a {
      display: block;
      float: none;
      padding: 0 10px;
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
      line-height: 77px;
      letter-spacing: 1px;
      font-size: 12px; }
    .nav-menu ul li.last a {
      padding-right: 14px; }
    .nav-menu > ul {
      margin-left: 0; }
      .nav-menu > ul > li {
        float: left;
        display: inline-block; }
        .nav-menu > ul > li > a, .nav-menu > ul > li.selected > a, .nav-menu > ul > li > a:hover {
          color: #fff; }
        .nav-menu > ul > li ul {
          width: 200px; }
        .nav-menu > ul > li > ul {
          top: 100%;
          left: 0; }
          .nav-menu > ul > li > ul li {
            background-color: #6a6a6a;
            display: block;
            width: 100%; }
            .nav-menu > ul > li > ul li a {
              display: block;
              padding: 5px;
              border-bottom: 1px dashed #999; }
              .nav-menu > ul > li > ul li a:hover {
                background-color: #9e5c59; }
            .nav-menu > ul > li > ul li:last-of-type a {
              border: none; }
          .nav-menu > ul > li > ul ul {
            top: 0;
            left: 100%; } }

@media (min-width: 1380px) {
  .nav-menu ul li a {
    font-size: 14px; } }

/* Dropdown Menu */
@media (min-width: 992px) {
  .nav-menu-dropdown {
    display: none;
    position: absolute;
    top: 77px;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    padding: 20px 25px 45px 25px;
    width: 900px;
    z-index: 99; }
    .nav-menu-dropdown nav {
      float: left;
      width: 70%;
      padding: 0 30px 0 0; }
      .nav-menu-dropdown nav > ul {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 30px;
        -webkit-column-gap: 30px;
        column-gap: 30px;
        column-rule: 1px solid #eaeaea; }
        .nav-menu-dropdown nav > ul > li {
          padding: 5px 5px 5px 0;
          position: relative;
          display: inline-block;
          min-width: 100px;
          z-index: 1; }
          .nav-menu-dropdown nav > ul > li > a {
            display: block;
            color: #121326;
            padding: 0 0 5px;
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 1px;
            text-transform: uppercase; }
          .nav-menu-dropdown nav > ul > li#pnav11 {
            display: none; }
        .nav-menu-dropdown nav > ul ul {
          display: block; }
          .nav-menu-dropdown nav > ul ul a {
            color: #666;
            font-size: 13px; }
      .nav-menu-dropdown nav a:hover {
        color: #2b2d5a;
        padding-left: 5px; }
    .nav-menu-dropdown .menu-panel {
      float: left;
      width: 30%;
      height: 320px; }
      .nav-menu-dropdown .menu-panel-img {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 0; }
        .nav-menu-dropdown .menu-panel-img:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(43, 44, 67, 0.35); }
      .nav-menu-dropdown .menu-panel a {
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1; }
        .nav-menu-dropdown .menu-panel a h5 {
          color: #fff;
          font-size: 26px;
          margin: 0 0 10px;
          text-transform: uppercase;
          text-align: center; }
        .nav-menu-dropdown .menu-panel a .btn {
          background-color: #121326;
          border: none;
          color: #fff;
          padding: 10px 20px 10px 17px; }
          .nav-menu-dropdown .menu-panel a .btn:hover {
            background-color: #fff;
            color: #121326; } }

@media (min-width: 1300px) {
  .nav-menu-dropdown {
    /*right: 300px;
	margin-right: auto;*/ } }

/*------ Mobile Navigation --------*/
.mob-nav-menu {
  background: rgba(18, 19, 38, 0.96);
  font-size: 12px;
  left: 0;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  display: none;
  overflow: hidden;
  padding-top: 70px;
  z-index: 400; }
  .mob-nav-menu ul {
    margin: 0;
    list-style: none;
    padding: 0px; }
  .mob-nav-menu li {
    padding-bottom: 0;
    position: relative; }
  .mob-nav-menu ul li a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff; }
  .mob-nav-menu ul li#pnav161 a:before {
    font-family: Flaticon;
    content: '\f128';
    display: inline-block;
    margin-right: 8px; }
  .mob-nav-menu ul ul {
    background-color: rgba(43, 44, 67, 0.5);
    display: none;
    padding: 0px; }
    .mob-nav-menu ul ul ul {
      background-color: rgba(0, 0, 0, 0); }
  .mob-nav-menu .icon-down-open {
    border-left: 1px solid rgba(38, 59, 78, 0.9);
    color: #eee;
    cursor: pointer;
    font-size: 10px;
    height: 35px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px; }
    .mob-nav-menu .icon-down-open:after {
      font-family: Flaticon;
      content: '\f113'; }
    .mob-nav-menu .icon-down-open.mob-sub-opened:after {
      content: '\f114'; }

/*.mob-nav-menu ul ul li {
padding-left: 2%;
}*/
@media (min-width: 992px) {
  .mob-nav-menu {
    display: none !important; } }

/* Datepicker calendar icon */
.hasDatepicker {
  background-color: #fff;
  background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/Assets/Images/datepicker.png");
  background-repeat: no-repeat;
  background-position: 98% center; }

/*******************************/
/********* Cookie Popup ********/
/*******************************/
.cookie_message {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #f1f1f1;
  display: none;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 14px;
  z-index: 999; }
  .cookie_message .cookie_message_content {
    padding: 10px 20px; }
  @media (min-width: 768px) {
    .homepage .cookie_message {
      position: fixed;
      top: 0; } }
  .cookie_message .wrapper {
    padding: 10px 20px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center; }
  .cookie_message p {
    color: #121326;
    font-size: 13px;
    font-weight: 300;
    margin: 0 10px 0 0;
    width: 55%; }
  .cookie_message .btn-holder {
    margin-top: 0;
    width: 40%; }
  .cookie_message .btn {
    color: #fff;
    letter-spacing: -.02em;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 5px 0 0;
    outline: none;
    width: 190px; }
  .cookie_message .btn-alt {
    -webkit-transition: all .6s linear;
    transition: all .6s linear; }

@media (max-width: 991px) {
  .cookie_message .wrapper {
    flex-flow: row wrap; }
  .cookie_message .btn, .cookie_message p {
    margin-bottom: 10px; } }

@media (max-width: 480px) {
  .cookie_message .wrapper {
    flex-flow: column nowrap; }
  .cookie_message .btn-holder {
    width: 100%; }
  .cookie_message p {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%; } }

/**Seasonal Tag **/
.hvr-wobble-vertical {
  top: 40px;
  left: 10px;
  position: absolute;
  transform: translateZ(0);
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  /*animation-name: hvr-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;*/
  width: 120px;
  z-index: 19; }
  .homepage .hvr-wobble-vertical {
    left: 30px; }
  .secondarypage .hvr-wobble-vertical {
    top: 40px;
    left: 10px; }
  @media (min-width: 991px) {
    .homepage .hvr-wobble-vertical {
      top: 0;
      left: 330px; }
    .secondarypage .hvr-wobble-vertical {
      top: 20px; } }
  .hvr-wobble-vertical a:hover, .hvr-wobble-vertical a:focus, .hvr-wobble-vertical a:active {
    outline: none;
    text-decoration: none; }
  @media (max-width: 767px) {
    .hvr-wobble-vertical.stick {
      position: fixed !important; } }

@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px); }
  33.3% {
    transform: translateY(-6px); }
  49.95% {
    transform: translateY(4px); }
  66.6% {
    transform: translateY(-2px); }
  83.25% {
    transform: translateY(1px); }
  100% {
    transform: translateY(0); } }

@media (max-height: 600px) and (orientation: landscape) {
  .homepage .hvr-wobble-vertical {
    top: -10px; } }

@media (max-width: 991px) {
  .hvr-wobble-vertical {
    width: 80px; } }

@media (max-width: 700px) {
  .hvr-wobble-vertical {
    width: 70px; }
  .homepage .hvr-wobble-vertical {
    width: 80px; } }

/**FAQs**/
.faq_panel {
  width: 100%;
  border-top: 1px solid #ededed;
  background: #f9f9f9;
  background-image: -moz-linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%);
  position: relative;
  z-index: 10; }
  .attractionspage .faq_panel {
    background-image: none; }
  .faq_panel .faq_wrapper {
    padding: 50px 0;
    display: flex;
    width: 100%;
    flex-flow: column; }
    @media (max-width: 767px) {
      .faq_panel .faq_wrapper {
        padding: 30px 15px; } }
  .faq_panel .title_wrapper {
    padding: 0 20px 30px; }
    .faq_panel .title_wrapper h2 {
      text-align: center;
      color: #121326;
      text-transform: uppercase; }
  .faq_panel .faq_container {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 30px; }
    @media (min-width: 768px) {
      .faq_panel .faq_container {
        padding: 0 20px 30px; } }

/*  CSS Accordion */
.css-accordion {
  margin: 50px auto; }
  .css-accordion label {
    margin: 0;
    padding: 20px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    color: rgba(109, 110, 113, 0.95);
    display: flex !important;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0; }
    .css-accordion label::before {
      content: "" !important;
      border: none !important;
      height: 0 !important;
      width: 0 !important;
      pointer-events: none !important; }
    .css-accordion label h3 {
      margin: 0;
      float: none;
      text-align: left;
      font-size: 20px;
      text-transform: none;
      padding: 0;
      position: relative;
      cursor: pointer;
      display: inline-block;
      flex-basis: calc(100% - 50px);
      max-width: calc(100% - 50px); }
      @media (max-width: 767px) {
        .css-accordion label h3 {
          font-size: 18px; } }
    .css-accordion label i {
      width: 30px;
      height: 30px;
      flex-basis: 30px;
      width: 30px;
      max-width: 30px;
      position: relative; }
      .css-accordion label i::before {
        content: "";
        position: absolute;
        border: 2px solid #2b2c43;
        border-top: none;
        border-right: none;
        width: 12px;
        height: 12px;
        transition: transform .2s;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
  .css-accordion input {
    display: none; }
  .css-accordion .content-wrapper {
    margin-top: -1px;
    overflow: hidden;
    max-height: 0;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #d9d9d9;
    transition: max-height 0.35s; }
    .css-accordion .content-wrapper .content {
      padding: 10px 20px 30px; }
  .css-accordion input:checked + label i {
    transform: translate3d(0, 7.5px, 0); }
    .css-accordion input:checked + label i:before {
      border: none;
      border-top: 2px solid #2b2c43;
      border-right: 2px solid #2b2c43; }
  .css-accordion input:checked ~ .content-wrapper {
    max-height: 1600px;
    transition: max-height .5s; }
  .css-accordion.content-page-accordion {
    margin: 50px auto 30px;
    text-align: center;
    max-width: 1050px; }
    .css-accordion.content-page-accordion .item {
      margin: 20px auto; }
    .css-accordion.content-page-accordion label {
      border-top: 1px solid #2b2c43;
      background: #2b2c43;
      padding: 18px 20px; }
      @media (max-width: 639px) {
        .css-accordion.content-page-accordion label {
          padding: 15px; } }
      .css-accordion.content-page-accordion label h3 {
        color: #fff;
        margin: 0;
        text-align: left;
        font-size: 16px; }
        @media (min-width: 768px) {
          .css-accordion.content-page-accordion label h3 {
            font-size: 20px; } }
        .css-accordion.content-page-accordion label h3 span {
          border: none; }
      .css-accordion.content-page-accordion label i {
        border: none;
        height: 20px;
        flex-basis: 20px;
        width: 20px;
        max-width: 20px; }
        .css-accordion.content-page-accordion label i::before, .css-accordion.content-page-accordion label i::after {
          border-color: #fff; }
    .css-accordion.content-page-accordion input {
      display: none; }
    .css-accordion.content-page-accordion .content-wrapper {
      padding: 0 30px; }
      @media (min-width: 768px) {
        .css-accordion.content-page-accordion .content-wrapper {
          padding: 0 50px; } }
      .css-accordion.content-page-accordion .content-wrapper-inner {
        max-width: 800px;
        margin: auto; }
      .css-accordion.content-page-accordion .content-wrapper .btn-wrapper {
        width: 100%;
        text-align: left;
        margin: 20px 0; }
      .css-accordion.content-page-accordion .content-wrapper .btn i {
        color: #2b2c43; }
      .css-accordion.content-page-accordion .content-wrapper .content {
        margin-bottom: 15px;
        text-align: left;
        padding: 10px 0; }
        .css-accordion.content-page-accordion .content-wrapper .content ul {
          column-count: 1;
          padding-left: 0;
          list-style: square; }
          .css-accordion.content-page-accordion .content-wrapper .content ul li {
            margin-bottom: 15px; }
    .css-accordion.content-page-accordion input:checked + label i {
      transform: translate3d(0, 7.5px, 0); }
      .css-accordion.content-page-accordion input:checked + label i:before {
        border: none;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff; }
    .css-accordion.content-page-accordion input:checked ~ .content-wrapper {
      max-height: 2000px;
      transition: max-height .5s;
      border: 1px solid #2b2c43;
      padding: 30px; }
      @media (min-width: 768px) {
        .css-accordion.content-page-accordion input:checked ~ .content-wrapper {
          padding: 30px 50px; } }

/* Content Page Accordion */
.contentaltpage .standard_content .content {
  text-align: center; }
  @media (min-width: 768px) {
    .contentaltpage .standard_content .content {
      margin-top: 30px; } }

.contentaltpage .standard_content .title_container .page_title, .contentaltpage .standard_content .title_container .subtitle {
  text-align: center;
  float: none; }

.contentaltpage .text-center {
  max-width: 880px;
  margin: auto;
  text-align: center; }

/* Iframe Styling */
.iframe-container iframe {
  height: calc(85vh - 4px);
  /*Change height per site*/
  width: 100%;
  box-sizing: border-box;
  padding: 50px 0 0; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 200%;
  color: #fff; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow i {
    position: relative; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    /*content: '';*/
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid transparent;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid transparent; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid transparent;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid transparent; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

/*Ezine Validation*/
.noshow, .seasonalpage .booking, .seasonalpage3 .booking {
  display: none; }

/* Seasonal */
.seasonalpage.seasonalpage2 .booking {
  display: block; }

.seasonal {
  padding-top: 150px; }

.seasonalpage2 .seasonal {
  margin: 50px auto;
  padding-top: 0; }

.seasonal-grid .item {
  width: 100%;
  padding-bottom: 15px; }
  .seasonal-grid .item a, .seasonal-grid .item h2, .seasonal-grid .item span {
    font-family: "Montserrat", sans-serif;
    font-weight: 300; }
  .seasonal-grid .item a {
    display: block;
    position: relative;
    width: 100%; }
    .seasonal-grid .item a:hover, .seasonal-grid .item a:active, .seasonal-grid .item a:focus {
      outline: none;
      text-decoration: none; }

.seasonal-grid .item-content .title span {
  display: inline-block; }

.seasonal-grid .item .item-btn {
  display: block;
  background-color: #f6f6f6;
  border-bottom: 2px solid #2d2b41;
  position: relative; }

.seasonal-grid .item-btn .item-content {
  display: block;
  margin-left: 50px;
  padding: 40px 30px;
  position: relative;
  color: #2d2b41;
  text-align: left;
  z-index: 10;
  min-height: 210px; }
  .seasonal-grid .item-btn .item-content .title {
    margin: 0 0 10px;
    text-align: left;
    text-transform: none; }
    .seasonal-grid .item-btn .item-content .title::before {
      top: 15px;
      width: 100px; }
  .seasonal-grid .item-btn .item-content .sub {
    font-size: 16px; }
  .seasonal-grid .item-btn .item-content .btn {
    margin-top: 10px; }
    .seasonal-grid .item-btn .item-content .btn span {
      font-weight: 400; }

.seasonal-grid .item .item-img {
  overflow: hidden; }

.seasonal-grid .item-img img {
  width: 100%;
  height: auto; }

/**BTN ITEMS**/
/**IMAGE ITEMS**/
.seasonalpage3 .seasonal {
  padding-top: 120px; }

.seasonalpage3 .container-content {
  padding-top: 0; }
  @media (max-width: 767px) {
    .seasonalpage3 .container-content {
      padding-left: 20px;
      padding-right: 20px; } }

.seasonalpage3 .flex-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center; }
  .seasonalpage3 .flex-row .flex-col-35 {
    flex: 1 0 35%; }
  .seasonalpage3 .flex-row .flex-col-65 {
    flex: 1 0 65%; }
  @media (min-width: 992px) {
    .seasonalpage3 .flex-row {
      justify-content: space-between;
      align-items: stretch; }
      .seasonalpage3 .flex-row .flex-col-35 {
        flex-grow: 0; }
      .seasonalpage3 .flex-row .flex-col-65 {
        flex-grow: 0;
        padding-left: 0; } }

.seasonalpage3 .seasonal-grid .item-img.small {
  max-height: 400px;
  min-height: 350px; }

.seasonalpage3 .seasonal-grid .item-img.large {
  max-height: 700px;
  min-height: 595px; }

.seasonalpage3 .seasonal-grid .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute; }

.seasonalpage3 .seasonal-grid .item-img .btn {
  margin-top: 20px; }

.seasonal-grid .item .item-img::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.seasonal-grid .item-img .item-content {
  color: #fff;
  position: absolute;
  padding: 40px;
  top: 0;
  left: 0;
  right: 0;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  z-index: 2; }

.seasonal-grid .item-img .title {
  font-size: 36px;
  color: #fff;
  font-weight: 400;
  text-align: center; }
  @media (max-width: 767px) {
    .seasonal-grid .item-img .title {
      font-size: 26px; } }
  .seasonal-grid .item-img .title span {
    color: #fff;
    font-weight: 400;
    text-align: center; }
  .seasonal-grid .item-img .title::before {
    background-color: transparent;
    width: 0;
    height: 0; }

.seasonal-grid .item-img .sub {
  font-size: 18px;
  font-weight: 400; }

@media (min-width: 768px) {
  .seasonal-grid .item {
    width: 50%;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px; }
    .seasonal-grid .item .item-content {
      padding: 40px; }
  .seasonalpage3 .seasonal-grid .item .item-content {
    padding: 20px 40px; } }

@media (min-width: 1200px) {
  .seasonal-grid .item img {
    transform: scale(1);
    transition: transform .8s; }
  .seasonal-grid .item:hover img {
    transform: scale(1.05);
    transition: transform 1.8s; } }

/**Seasonal Panel Button**/
.seasonal_panel {
  position: relative;
  left: unset;
  bottom: unset;
  margin: 5px 0 0 0; }
  .seasonal_panel a {
    display: block;
    font-size: 16px;
    padding: 7px 15px; }
    .seasonal_panel a:active, .seasonal_panel a:focus {
      outline: none; }
  .seasonal_panel i {
    font-size: 24px;
    padding-right: 10px; }

/***Book Table Widget**/
.book-table-widget {
  height: auto;
  width: 400px;
  max-width: 100%;
  margin: 40px auto;
  position: relative; }
  .book-table-widget .ot-dtp-picker {
    margin: auto;
    width: 400px;
    max-width: 100%;
    padding: 0; }
  .book-table-widget .ot-title {
    color: #121326;
    text-transform: uppercase;
    font-weight: 500; }
  .book-table-widget .ot-dtp-picker .ot-dtp-picker-button {
    background-color: #2b2c43;
    border: 1px solid #2b2c43;
    box-shadow: 0 0 0 1px #2b2c43; }
  .book-table-widget .ot-dtp-picker input[type="submit"] {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase; }

/*Snow Effect*/
/*#flake {
color: #FFFFFF;
font-size: 48px;
position: absolute;
top: -90px;
z-index: 999;
}*/
/* ----- Responsive styles ----- */
/*min = greater than or equal to
max = less than or equal to*/
@media (max-width: 1400px) {
  .attractions .att_item {
    width: 100%;
    margin-right: 0; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .feature_list .text {
    width: 70%; } }

@media (max-width: 991px) {
  .header {
    background-color: #121326;
    height: 70px;
    padding: 0; }
    .header .logo {
      display: none; } }

@media (max-width: 600px) {
  .icon-circles .item {
    text-align: center; }
    .icon-circles .item .text {
      width: 100%;
      height: 38px;
      overflow: hidden;
      font-size: 11px;
      padding: 10px 0 0 0; }
  .form .textbox, .form select, .form .button {
    width: 100%; }
  .social_feed .instagram-feed .item {
    width: 100%;
    float: left; } }

.mobile-nav {
  right: auto;
  left: 0;
  width: 70px;
  height: 70px;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2); }
  .mobile-nav .mob-nav-btn {
    font-size: 24px;
    padding: 18px 0; }

@media (max-width: 767px) {
  /* New home/rooms mobile layout */
  .is-mobile .rooms-list {
    padding-top: 100px;
    padding-bottom: 0; }
    .is-mobile .rooms-list .room-title {
      margin: 40px 0 0; }
  .mobile-items .booking {
    display: block; }
    .mobile-items .booking .booking_panel {
      padding: 0;
      min-height: 130px; }
      .mobile-items .booking .booking_panel .date_box .date-day {
        font-size: 28px; }
      .mobile-items .booking .booking_panel .date_box .date-month-year {
        font-size: 16px;
        margin-left: 2px; }
      .mobile-items .booking .booking_panel .date_box i {
        right: 15px;
        bottom: 25px; }
    .mobile-items .booking .day_group_wrapper {
      display: block !important; }
      .mobile-items .booking .day_group_wrapper .day_group_arrive {
        border-right: 1px solid #bebdbc; }
      .mobile-items .booking .day_group_wrapper .day_group_depart {
        border-left: none; }
      .mobile-items .booking .day_group_wrapper .day_group {
        margin: 0;
        float: left;
        width: 50%;
        padding: 15px 25px; }
        .mobile-items .booking .day_group_wrapper .day_group label {
          color: rgba(18, 19, 38, 0.5);
          font-size: 13px;
          margin: 0;
          display: block;
          text-transform: uppercase; }
    .mobile-items .booking .booking_panel_button {
      background-color: #7a3340;
      color: #fff;
      text-transform: uppercase;
      display: block;
      padding: 15px 6px;
      text-align: center; }
  .mobile-items .offers-panel-mobile {
    padding: 20px 50px;
    text-align: center;
    background-color: #efefef; }
    .mobile-items .offers-panel-mobile h4 {
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif; }
    .mobile-items .offers-panel-mobile > span, .mobile-items .offers-panel-mobile > a {
      display: inline-block; }
    .mobile-items .offers-panel-mobile .offer-price {
      padding-right: 5px;
      text-transform: lowercase; }
      .mobile-items .offers-panel-mobile .offer-price .price {
        font-weight: 600;
        font-size: 16px;
        color: #2b2c43; }
    .mobile-items .offers-panel-mobile a {
      padding-left: 5px;
      color: #7a3340;
      text-transform: uppercase;
      font-weight: 600; }
  .mobile-items .menu {
    background-color: #504c6a;
    border-bottom: 1px solid #504c6a; }
    .mobile-items .menu .btn {
      float: left;
      margin: 0;
      width: calc((50%) - 0.5px);
      border-width: 0 0 1px;
      border-color: #504c6a; }
      .mobile-items .menu .btn:nth-child(even) {
        margin-right: 1px; }
      .mobile-items .menu .btn.item_1 {
        background: #121326;
        border-width: 1px 0;
        width: 100%; }
        .mobile-items .menu .btn.item_1:hover, .mobile-items .menu .btn.item_1:focus, .mobile-items .menu .btn.item_1:active {
          background: #2b2c43; }
        .mobile-items .menu .btn.item_1::before {
          content: "\f128";
          font-family: "Flaticon";
          color: #fff;
          font-size: 16px;
          padding-right: 8px; }
  .homepage .header_image_wrapper {
    height: auto; }
    .homepage .header_image_wrapper .slider .item {
      height: 350px; }
  .rooms-list .room-grid .room-panel {
    padding: 30px 20px 30px 30px; }
  .rooms-list .room-grid .title-panel {
    background: #efefef;
    padding: 20px 30px; }
    .rooms-list .room-grid .title-panel h2 {
      font-size: 28px;
      color: #2b2c43;
      font-family: "Montserrat", sans-serif; }
    .rooms-list .room-grid .title-panel .offer-price {
      /*color: rgba(49,49,49,.8);*/
      color: #313131;
      margin: 0 0 20px;
      font-weight: 400;
      text-transform: lowercase; }
      .rooms-list .room-grid .title-panel .offer-price .price {
        font-weight: 600; }
      .rooms-list .room-grid .title-panel .offer-price .from {
        margin-right: 5px; }
  .rooms-list .room-grid .room-panel .number {
    position: absolute;
    top: -43px;
    left: 0;
    font-size: 120px;
    opacity: .2; }
  /* END new homepage/rooms */
  .attractions {
    width: 100%;
    float: left;
    padding-top: 20px; }
  .attractionspage .attractions_map {
    width: 100%;
    position: relative;
    height: 400px; }
  .attractionsdetailpage .attractions_map {
    height: 100%; }
  .footer .footer-logos {
    margin-top: 30px; }
  .footer-logos img, .footer-logos div:nth-of-type(2) img {
    margin: 20px auto; }
  .footer-logos .harcourt img {
    margin-bottom: 0; }
  .feature_list {
    margin-top: 20px; }
  .seasonal {
    padding-top: 110px; }
  .homepage .seasonal_panel {
    display: none; }
  .blog_wrapper {
    padding-bottom: 0; } }

@media (max-width: 480px) {
  .secondarypage .seasonal_panel {
    display: none; } }

@media (max-width: 400px) {
  .title {
    font-size: 28px; }
  .att_attribute {
    position: relative;
    float: left; }
    .att_attribute .item {
      width: 100%; }
      .att_attribute .item:first-child {
        margin-bottom: 15px; }
  .menu_list .icon_open_close:before, .menu_list .ui-accordion-header-active .icon_open_close:before {
    font-size: 14px; }
  .menu_list h3 {
    font-size: 18px;
    padding: 15px; }
  .menu_list .accordion_item {
    padding: 20px 15px; }
  .dining_form .mfp-iframe-scaler {
    padding: 15px 0; }
  .mfp-iframe-holder {
    padding-left: 0;
    padding-right: 0; }
  .feature_list .text {
    width: 70%; } }

/* Exit Intent Pop Up */
.mfp-window {
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  z-index: 1; }

.mfp-wrap .exit-popup {
  width: auto;
  display: block;
  position: relative;
  max-width: 500px; }

.exit-popup {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px;
  border: 10px solid rgba(255, 255, 255, 0.5);
  border-left: none;
  border-right: none; }

.exit-popup-inner {
  position: relative;
  z-index: 999;
  background-color: #fff;
  padding: 25px 40px;
  outline-offset: 10px;
  margin: 0 auto;
  outline: 10px solid rgba(255, 255, 255, 0.4);
  outline-offset: 10px;
  text-align: center; }
  .exit-popup-inner .mfp-close {
    opacity: 1;
    background: #2b2c43;
    border-radius: 0;
    font-size: 24px;
    padding: 0 0 10px 3px;
    cursor: pointer;
    color: #fff; }
  .exit-popup-inner .panel-wrapper {
    position: relative;
    width: 100%;
    display: inline-block; }
  .exit-popup-inner h5 {
    font-size: 20px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    font-family: prata; }
  .exit-popup-inner h6 {
    color: #2b2c43;
    font-size: 16px;
    padding-bottom: 12px;
    text-transform: capitalize; }

/**AB Tests Recovery Program**/
.ab-gallery .btn-arrow {
  margin-left: 10px; }

.ab-gallery .mfp-bottom-bar {
  margin-top: -30px; }

/**AB test: Rooms Details Popup**/
.ab-rooms {
  /**Zoom in animation **/ }
  .ab-rooms .mfp-with-zoom.mfp-bg, .ab-rooms .mfp-with-zoom .mfp-container {
    -webkit-backface-visibility: hidden;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); }
  .ab-rooms .mfp-with-zoom .room-details {
    -webkit-backface-visibility: hidden;
    transform: scale(0);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); }
  .ab-rooms .mfp-with-zoom.mfp-ready.mfp-bg,
  .ab-rooms .mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1; }
  .ab-rooms .mfp-with-zoom.mfp-ready .room-details {
    transform: scale(1); }
  .ab-rooms .mfp-with-zoom.mfp-removing.mfp-bg, .ab-rooms .mfp-with-zoom.mfp-removing .mfp-container {
    opacity: 0; }
  .ab-rooms .mfp-with-zoom.mfp-removing .room-details {
    transform: scale(0); }
  .ab-rooms .mfp-bg {
    background: rgba(255, 255, 255, 0.4); }
  .ab-rooms .mfp-container {
    padding: 0; }
  .ab-rooms .mfp-close {
    font-size: 500%;
    font-weight: 300;
    right: 10px;
    top: 10px; }
  .ab-rooms .mfp-close-btn-in .mfp-close {
    color: #2b2c43; }
  .ab-rooms .flex-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch; }
  .ab-rooms .flex-col, .ab-rooms .module-details.module-offers-details .flex-row .flex-col-50, .module-details.module-offers-details .flex-row .ab-rooms .flex-col-50 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 20px; }
    .ab-rooms .flex-col-order-1 {
      order: 1; }
      @media (min-width: 992px) {
        .ab-rooms .flex-col-order-1 {
          order: 2; } }
    .ab-rooms .flex-col-order-2 {
      order: 2; }
      @media (min-width: 992px) {
        .ab-rooms .flex-col-order-2 {
          order: 1; } }
    @media (min-width: 992px) {
      .ab-rooms .flex-col, .ab-rooms .module-details.module-offers-details .flex-row .flex-col-50, .module-details.module-offers-details .flex-row .ab-rooms .flex-col-50 {
        padding: 0 15px; } }
    @media (min-width: 992px) {
      .ab-rooms .flex-col-50 {
        flex: 0 0 50%;
        max-width: 50%; } }
  .ab-rooms .room-details {
    background: #fff;
    width: 100%;
    padding: 60px 0;
    min-height: 100vh;
    position: relative; }
    @media (min-width: 480px) {
      .ab-rooms .room-details {
        padding: 60px 5px; } }
    @media (min-width: 640px) {
      .ab-rooms .room-details {
        padding: 60px 30px; } }
    @media (min-width: 992px) {
      .ab-rooms .room-details {
        padding: 0; } }
    .ab-rooms .room-details .gallery-list {
      width: 100%;
      margin: 20px 0 10px; }
      .ab-rooms .room-details .gallery-list ul li {
        height: 30vh;
        max-height: 300px; }
        .ab-rooms .room-details .gallery-list ul li:first-child, .ab-rooms .room-details .gallery-list ul li:nth-child(2) {
          height: 40vh; }
    .ab-rooms .room-details .content-panel {
      margin: 0 auto;
      padding: 0 15px; }
      @media (min-width: 992px) {
        .ab-rooms .room-details .content-panel {
          padding: 30px;
          margin: 40px auto; } }
      .ab-rooms .room-details .content-panel .title-wrapper .title::before {
        width: 0;
        height: 0; }
      .ab-rooms .room-details .content-panel .title-wrapper h4 {
        font-family: "Montserrat", sans-serif;
        color: #a6a6a6;
        font-weight: 400;
        font-size: 14px; }
      .ab-rooms .room-details .content-panel .title-wrapper h5 {
        margin: 0 0 20px;
        color: #121326;
        text-transform: uppercase;
        font-size: 36px; }
      .ab-rooms .room-details .content-panel .btn-book-now {
        margin-bottom: 20px; }
    .ab-rooms .room-details .room-price {
      border-top: 1px solid rgba(43, 44, 67, 0.7);
      border-bottom: 1px solid rgba(43, 44, 67, 0.7);
      padding: 10px 0;
      margin-bottom: 25px;
      color: #424860;
      text-transform: uppercase; }
      .ab-rooms .room-details .room-price .price {
        font-size: 32px;
        font-weight: 400; }
    .ab-rooms .room-details .booking_panel .day_group .wrapper {
      border: 1px solid #c7c7c7; }
    .ab-rooms .room-details .room-features {
      padding: 30px;
      background: #f6f6f6;
      border-top: 1px solid #c7c7c7; }
      .ab-rooms .room-details .room-features h6 {
        color: #121326;
        font-size: 22px;
        text-transform: uppercase;
        text-align: center; }
      .ab-rooms .room-details .room-features .feature_list {
        margin-top: 30px; }
        .ab-rooms .room-details .room-features .feature_list .rf_item {
          background-color: rgba(0, 0, 0, 0);
          border-top: none; }
        @media (min-width: 768px) {
          .ab-rooms .room-details .room-features .feature_list {
            column-count: 2; } }
        @media (min-width: 1200px) {
          .ab-rooms .room-details .room-features .feature_list {
            column-count: 3; } }
        @media (min-width: 1600px) {
          .ab-rooms .room-details .room-features .feature_list {
            column-count: 4; } }

.container-full {
  padding-left: 80px;
  padding-right: 80px;
  max-width: 1600px;
  display: block;
  margin: 0 auto; }
  @media (max-width: 1199px) {
    .container-full {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 767px) {
    .container-full {
      padding-left: 20px;
      padding-right: 20px; } }

.video_full {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-width: 100000%;
  z-index: 2; }
  @media (max-width: 1024px) {
    .video_full {
      transform: none;
      left: 0;
      top: 0;
      min-height: auto;
      max-width: 100%;
      height: auto; } }

.pad_60 {
  padding-top: 60px; }

/**Meetings Updates**/
.meetingspage .flex-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center; }

.meetingspage .stretch {
  align-items: stretch; }

.meetingspage .header_image_wrapper {
  overflow: hidden;
  height: 50vh;
  max-height: 450px; }
  .meetingspage .header_image_wrapper .slider .item {
    height: 50vh;
    max-height: 450px; }
    .meetingspage .header_image_wrapper .slider .item::after {
      display: none; }
    .meetingspage .header_image_wrapper .slider .item .header_image_gradient {
      display: none; }
  @media (min-width: 768px) {
    .meetingspage .header_image_wrapper {
      height: 70vh;
      max-height: 800px; }
      .meetingspage .header_image_wrapper .slider .item {
        height: 70vh;
        max-height: 800px; } }

@media (max-width: 700px) {
  .meetingspage .hvr-wobble-vertical {
    top: 50px; } }

.meetingspage .title-wrapper {
  margin-bottom: 20px; }
  .meetingspage .title-wrapper .title::before {
    display: none; }
  @media (min-width: 992px) {
    .meetingspage .title-wrapper {
      margin-left: 50px;
      margin-bottom: 50px; }
      .meetingspage .title-wrapper .title::before {
        display: block; } }
  @media (min-width: 1366px) {
    .meetingspage .title-wrapper {
      margin-left: 200px; } }

.meetingspage .features {
  margin: 15px 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  justify-content: flex-start; }
  .meetingspage .features li {
    flex: 1 0 100%;
    list-style-type: none;
    text-transform: uppercase;
    margin: 10px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
    justify-content: flex-start; }
    @media (min-width: 768px) {
      .meetingspage .features li {
        flex: 1 0 calc(50% - 10px);
        margin: 10px 10px 10px 0; }
        .meetingsdetailspage .meetingspage .features li {
          min-width: 200px; } }
    .meetingspage .features li svg {
      flex: 0 0 auto;
      width: 35px;
      height: 35px; }
      .meetingspage .features li svg.size {
        width: 30px;
        height: 30px; }
    .meetingspage .features li span {
      flex: 0 0 auto;
      color: #2b2c43;
      font-size: 13px;
      font-weight: 600;
      padding-left: 15px; }

.meetingspage .type {
  text-transform: uppercase; }
  .meetingspage .type span {
    color: #2b2c43;
    font-weight: 600; }

/**Meetings Landing**/
.meeting-room-list {
  padding-top: 0; }
  .meeting-room-list .flex-col-55 {
    flex: 1 0 55%; }
    @media (min-width: 992px) {
      .meeting-room-list .flex-col-55 {
        flex-grow: 0;
        padding-left: 30px; } }
    @media (min-width: 1366px) {
      .meeting-room-list .flex-col-55 {
        padding-left: 0; } }
  .meeting-room-list .flex-col-45 {
    flex: 1 0 45%; }
    @media (min-width: 992px) {
      .meeting-room-list .flex-col-45 {
        flex-grow: 0;
        min-width: 400px; } }

.container-content {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px; }
  @media (min-width: 1200px) {
    .container-content {
      padding-top: 80px; } }
  @media (min-width: 992px) {
    .container-content .flex-row {
      justify-content: space-between;
      align-items: stretch; } }
  .container-content .content {
    margin-bottom: 0; }

.module-features-hz-wrapper {
  border-bottom: 1px solid #ccc;
  max-width: 1500px;
  margin: auto; }

.module-features-hz {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  width: 100%;
  max-width: 1300px;
  margin: auto; }
  .module-features-hz .icon-circles {
    flex: 0 0 calc(100% - 230px);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center; }
    .module-features-hz .icon-circles .item {
      float: none;
      flex: 1 0 25%;
      width: auto;
      border-right: 0;
      border-left: 0;
      min-width: 230px; }

.enquiry-btn {
  flex: 1 0 200px;
  min-width: 200px; }
  .enquiry-btn .btn {
    display: block; }
  .enquiry-btn.mob {
    margin-bottom: 15px;
    flex: 1 0 100%; }

.content_buttons, .btn-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  justify-content: flex-start; }
  .content_buttons .btn, .btn-wrapper .btn {
    flex: 0 0 auto;
    margin: 0 15px 15px 0; }

.content_buttons_mob .content_buttons .btn {
  flex: 1 0 auto;
  margin: 0 0 15px 0; }

/**Sec Nav Horizontal**/
.sec-hz-nav {
  background: #efefef;
  padding: 10px 30px;
  position: sticky;
  top: 77px;
  z-index: 20; }
  .sec-hz-nav ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0; }
  .sec-hz-nav li {
    flex: 0 0 auto;
    padding: 10px; }
    .sec-hz-nav li a {
      font-size: 12px;
      text-transform: uppercase; }

/**Meeting Rooms Details**/
.meetingsdetailspage .meeting-room-details {
  padding-top: 70px; }
  @media (max-width: 767px) {
    .meetingsdetailspage .meeting-room-details {
      padding-bottom: 0; } }
  .meetingsdetailspage .meeting-room-details .flex-row {
    align-items: stretch; }
  .meetingsdetailspage .meeting-room-details .flex-col-55 {
    flex: 1 0 100%;
    width: 100%; }
  .meetingsdetailspage .meeting-room-details .flex-col-45 {
    flex: 1 0 100%; }
  .meetingsdetailspage .meeting-room-details-images {
    height: 50vh;
    max-height: 600px; }
    .meetingsdetailspage .meeting-room-details-images .slider .item {
      height: 50vh;
      max-height: 600px; }
      .meetingsdetailspage .meeting-room-details-images .slider .item::after {
        display: none; }
    .meetingsdetailspage .meeting-room-details-images img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .meetingsdetailspage .meeting-room-details .content-panel {
    margin: 0 auto;
    padding: 30px; }
    .meetingsdetailspage .meeting-room-details .content-panel .title-wrapper {
      margin-bottom: 0; }
  @media (min-width: 992px) {
    .meetingsdetailspage .meeting-room-details {
      padding-top: 76px; }
      .meetingsdetailspage .meeting-room-details .flex-row {
        flex-wrap: nowrap; }
      .meetingsdetailspage .meeting-room-details .flex-col-55 {
        flex: 0 0 55%;
        max-width: 55%; }
      .meetingsdetailspage .meeting-room-details .flex-col-45 {
        flex: 0 0 45%;
        max-width: 45%; }
      .meetingsdetailspage .meeting-room-details .img-pin {
        position: sticky;
        top: 175px; }
      .meetingsdetailspage .meeting-room-details-images {
        height: calc(100vh - 135px);
        max-height: 850px; }
        .meetingsdetailspage .meeting-room-details-images .slider .item {
          height: calc(100vh - 135px);
          max-height: 850px; }
      .meetingsdetailspage .meeting-room-details .content-panel {
        padding: 50px; } }
  @media (min-width: 1366px) {
    .meetingsdetailspage .meeting-room-details .content-panel {
      margin: 0 auto;
      padding: 50px 70px; }
    .meetingsdetailspage .meeting-room-details .img-pin {
      top: 135px; } }

.meetingsdetailspage .slick-dots {
  bottom: 0;
  margin: 0 auto;
  padding: 15px 0;
  background: rgba(0, 0, 0, 0.25);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); }
  .meetingsdetailspage .slick-dots li button::before {
    font-size: 10px;
    color: #fff; }
  .meetingsdetailspage .slick-dots li.slick-active button::before {
    color: #fff; }

/**Virtual Tour Btn and Popup: Rooms, Meetings**/
.mfp-full .mfp-iframe-holder .mfp-content {
  max-width: 95%; }

@media (max-width: 767px) {
  .room-grid .btn-wrapper .btn {
    margin: 0 10px 10px 0; } }

.btn-tour {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row nowrap;
  min-width: 170px;
  height: 41px; }
  .btn-tour img {
    flex: 0 0 30px;
    max-width: 23px;
    margin-right: 10px; }
  .btn-tour span {
    flex: 0 0 calc(100% - 40px);
    letter-spacing: 1px; }
  .btn-tour.btn-border:hover, .btn-tour.btn-border:focus {
    color: #2b2c43;
    background: #ddd; }

/****Reveal Promo****/
/* Top Promo Panel */
@media (min-width: 1024px) {
  .promo-reveal {
    position: fixed;
    bottom: 50px;
    right: 0;
    width: 310px;
    min-height: 100px;
    overflow: hidden;
    animation-duration: .6s;
    animation-delay: .5s;
    animation-name: promo-appear;
    animation-fill-mode: backwards;
    animation-timing-function: ease;
    z-index: 15; }
    .promo-reveal .item {
      display: block;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: 1;
      position: relative;
      overflow: hidden; }
      .promo-reveal .item .inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px; }
        .promo-reveal .item .inner-left, .promo-reveal .item .inner-right {
          flex: 0 0 auto;
          padding: 10px; }
        .promo-reveal .item .inner-left {
          padding: 10px 10px 10px 0; }
        .promo-reveal .item .inner-right {
          padding: 0 10px 0 15px;
          border-left: 1px solid #aaa; }
      .promo-reveal .item-title {
        color: #333;
        font-size: 16px;
        line-height: 1.1;
        text-transform: uppercase;
        margin: 0 0 10px 0;
        max-width: 150px; }
      .promo-reveal .item-lnk-text {
        position: absolute;
        transform: scale(0);
        z-index: -1; }
    .promo-reveal .offer-price {
      color: #333;
      display: flex;
      flex-flow: column nowrap;
      line-height: 1; }
      .promo-reveal .offer-price .from {
        text-transform: uppercase; }
      .promo-reveal .offer-price .price {
        font-size: 28px;
        font-weight: bold; }
    .promo-reveal.hide {
      animation-duration: 1s;
      animation-delay: .2s;
      animation-name: promo-hide;
      animation-fill-mode: forwards;
      animation-timing-function: ease; } }

.promo-reveal .price-desc .from {
  color: #333; }

.promo-reveal .price-desc .price {
  color: #333; }

@media (max-width: 1023px) {
  .promo-reveal {
    display: none; } }

.reveal {
  cursor: pointer;
  opacity: 0;
  position: fixed;
  bottom: 100px;
  right: 0;
  transition: opacity .5s 1s;
  z-index: 999;
  transform: rotate(-90deg);
  transform-origin: 74.6% 0%;
  background: #2b2c43;
  border: 1px solid #fff;
  color: #fff;
  height: 40px;
  padding: 5px 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 160px; }
  .reveal span {
    color: #fff;
    text-transform: uppercase; }
    .reveal span.reveal-special {
      font-weight: 600; }
  @media (max-width: 1023px) {
    .reveal {
      display: none; } }

.promo-reveal.hide + .reveal {
  opacity: 1;
  transition: opacity .5s .3s; }

@keyframes promo-appear {
  0% {
    clip-path: polygon(100% 0%, 100% 0, 100% 100%, 100% 100%); }
  100% {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); } }

@keyframes promo-hide {
  0% {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
  100% {
    clip-path: polygon(100% 0%, 100% 0, 100% 100%, 100% 100%); } }

/* Popup Promo */
.home_popup {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }
  .home_popup .home_popup_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5; }
  .home_popup .close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    opacity: 1;
    color: #2b2c43;
    font-size: 40px;
    line-height: 30px;
    font-weight: normal;
    width: 40px;
    height: 40px;
    transition: all .7s ease-in;
    transform: rotate(0); }
  .home_popup img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    width: auto;
    height: auto; }
  .home_popup .btn_wrapper {
    text-align: center;
    margin: 20px 0 auto;
    padding: 0; }
    .home_popup .btn_wrapper div {
      display: inline-block; }
  .home_popup_inner {
    background-color: #cdcdcd;
    outline: 1px solid #666666;
    outline-offset: -3px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    max-width: 95%;
    padding: 40px 12px 12px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
    text-align: center;
    z-index: 10; }
  .home_popup_content {
    color: #1e1e1e;
    padding: 0;
    text-align: center; }
  .home_popup_content_inner {
    padding: 25px 15px;
    text-align: center;
    font-size: 14px; }
    .home_popup_content_inner h3 {
      margin: 0 0 10px;
      text-transform: uppercase;
      line-height: 1.6rem;
      font-size: 1.5rem; }
    .home_popup_content_inner .price {
      font-size: 1.5rem;
      background: #f2e9dc;
      border-top: 1px solid rgba(166, 114, 63, 0.2);
      border-bottom: 1px solid rgba(166, 114, 63, 0.2);
      display: block;
      margin-bottom: 10px;
      width: 100%;
      padding: 5px; }
      .home_popup_content_inner .price span {
        font-size: 1.0rem; }
    .home_popup_content_inner .content {
      margin-top: 10px; }
      .home_popup_content_inner .content p {
        margin-bottom: 5px; }

@keyframes panelAppear {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }

@keyframes panelAppearZoom {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(0.9); }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1); } }

/**Home Mobile Updates**/
/**Mobile Highlights Links**/
.modal-is-active {
  overflow: hidden; }
  .modal-is-active .header {
    pointer-events: none;
    opacity: 0;
    visibility: hidden; }

/**Gift Voucher Panel**/
.voucher-panel {
  min-height: 60px;
  margin: 5px auto 0px;
  border: 2px solid #7a3340;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  width: calc(100% - 12px); }
  .voucher-panel a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%; }
  .voucher-panel i {
    color: #7a3340;
    font-size: 30px;
    padding-right: 10px; }
  .voucher-panel span {
    color: #7a3340;
    font-size: 20px;
    font-weight: 400;
    text-transform: none; }

.hp-mb-grid {
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 10px 0;
  /**Popups**/ }
  .hp-mb-grid-item {
    flex: 0 0 calc(50% - 5px);
    min-width: calc(50% - 5px);
    max-width: calc(50% - 5px);
    cursor: pointer;
    margin-bottom: 10px;
    position: relative; }
    .hp-mb-grid-item .overlay {
      background: rgba(0, 0, 0, 0.45);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .hp-mb-grid-item-lnk {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: block;
      z-index: 99; }
    .hp-mb-grid-item-img {
      height: calc((50vw - 10px) * .65);
      overflow: hidden; }
    .hp-mb-grid-item img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      max-width: unset; }
    .hp-mb-grid-item h3 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.2;
      text-align: center;
      text-transform: uppercase;
      margin: 2px auto 0;
      padding: 5px;
      width: calc(100% - 20px);
      z-index: 99; }
  .hp-mb-grid-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    position: absolute;
    transition: all 0.6s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    pointer-events: none;
    overflow: hidden;
    z-index: -999;
    clip-path: inset(0 0 0 100%);
    background: #efefef;
    transition: all 0.7s cubic-bezier(0.6, -0.28, 0.735, 0.045); }
    .is-iOS .hp-mb-grid-modal, .is-Safari .hp-mb-grid-modal {
      z-index: -999; }
    .hp-mb-grid-modal .modal-inner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #efefef;
      padding: 70px 10px 30px;
      width: 100%;
      transition: all 0.7s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.17s;
      text-align: center;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      clip-path: inset(0 0 0 100%);
      pointer-events: none;
      transform: translate(-50%, -50%);
      transition-delay: .5s;
      z-index: -999; }
      .hp-mb-grid-modal .modal-inner-close {
        position: absolute;
        top: 10px;
        right: 5px;
        width: 45px;
        height: 45px;
        border: none;
        box-shadow: none;
        background: none;
        padding: 0;
        -webkit-appearance: none;
        z-index: 9999; }
        .hp-mb-grid-modal .modal-inner-close::before, .hp-mb-grid-modal .modal-inner-close::after {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          content: "";
          background: #121326;
          width: 100%;
          height: 1px;
          transform: translate(-50%, -50%) rotate(45deg); }
        .hp-mb-grid-modal .modal-inner-close::after {
          transform: translate(-50%, -50%) rotate(-45deg); }
      .hp-mb-grid-modal .modal-inner-holder {
        width: 100%; }
      .hp-mb-grid-modal .modal-inner h4 {
        font-weight: 600; }
      .hp-mb-grid-modal .modal-inner-links {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: stretch;
        width: 100%; }
        .hp-mb-grid-modal .modal-inner-links-item {
          background: none;
          color: #333;
          font-weight: 400;
          line-height: 1.1;
          letter-spacing: -.05rem;
          flex: 1 0 47%;
          min-width: 200px;
          max-width: 300px;
          display: flex;
          flex-flow: row wrap;
          justify-content: center;
          align-items: center;
          padding: 10px;
          margin: 5px 1%;
          height: auto;
          min-height: 50px;
          pointer-events: none; }
          .hp-mb-grid-modal .modal-inner-links-item:hover, .hp-mb-grid-modal .modal-inner-links-item:focus {
            color: #333; }
      .hp-mb-grid-modal .modal-inner-bottom {
        margin-top: 20px;
        position: relative; }
        .hp-mb-grid-modal .modal-inner-bottom p {
          font-weight: 600; }
        .hp-mb-grid-modal .modal-inner-bottom .btn-bottom {
          display: flex;
          flex-flow: column nowrap;
          text-align: center;
          justify-content: center;
          height: 50px;
          display: block; }
  .hp-mb-grid .hp-mb-grid-modal.modal-active {
    position: fixed;
    pointer-events: auto;
    z-index: 999;
    clip-path: inset(0 0 0 0); }
    .hp-mb-grid .hp-mb-grid-modal.modal-active .modal-inner {
      clip-path: inset(0 0 0 0);
      pointer-events: auto;
      z-index: 9999; }
      .hp-mb-grid .hp-mb-grid-modal.modal-active .modal-inner-links-item {
        pointer-events: auto; }
    .is-iOS .hp-mb-grid .hp-mb-grid-modal.modal-active, .is-Safari .hp-mb-grid .hp-mb-grid-modal.modal-active {
      z-index: 999; }
  .hp-mb-grid-bottom {
    padding: 0 6px; }

.promo-slider .slick-prev-custom, .promo-slider .slick-next-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-top: -23px; }
  .promo-slider .slick-prev-custom::before, .promo-slider .slick-next-custom::before {
    display: none; }
  .promo-slider .slick-prev-custom svg, .promo-slider .slick-next-custom svg {
    stroke: #121326;
    stroke-width: 2px; }

.promo-slider .slick-prev-custom {
  left: -45px; }

.promo-slider .slick-next-custom {
  right: -45px; }

/** Content Read More **/
.read-more-check {
  display: none; }
  .read-more-check ~ .read-more-content {
    max-height: 250px;
    margin-bottom: 50px;
    position: relative;
    transition: max-height 1s linear;
    overflow: hidden; }
  .read-more-check ~ .read-more-btn {
    cursor: pointer;
    display: inline-block;
    position: relative; }
    .read-more-check ~ .read-more-btn::before {
      content: 'Read More'; }
  .read-more-check:checked ~ .read-more-content {
    max-height: 3000px; }
    @media (min-width: 768px) {
      .read-more-check:checked ~ .read-more-content {
        max-height: 1500px; } }
  .read-more-check:checked ~ .read-more-btn::before {
    content: 'Read Less'; }

.nominee {
  display: block;
  margin-top: 10px;
  cursor: pointer; }
  .nominee__img {
    margin: 0 auto; }

/*Wedding slider*/
.wedding-slider {
  position: relative;
  padding-top: 70px; }
  @media (min-width: 768px) {
    .wedding-slider {
      padding-top: 0;
      height: 100vh;
      max-height: initial; } }
  @media (min-width: 768px) {
    .weddingspage .wedding-slider__item {
      height: 100vh; } }
  .wedding-slider__video {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden; }
    @media (max-width: 768px) {
      .wedding-slider__video {
        height: 0;
        padding-top: 75%; } }
    .wedding-slider__video video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .wedding-slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
  .wedding-slider__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2; }
  .wedding-slider__title, .wedding-slider__description {
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6); }
  .wedding-slider__title {
    font-size: 60px;
    margin-bottom: 10px;
    font-weight: 700; }
  .wedding-slider__description {
    font-size: 24px;
    font-weight: 400; }
  .wedding-slider__img img {
    max-width: 100%;
    height: auto; }

/* Wedding Panel Navigation*/
.wedding-nav {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 40px;
  left: 0;
  border-top: 1px solid #7a3340;
  display: none;
  z-index: 30;
  font-family: "Montserrat", sans-serif; }
  @media (min-width: 992px) {
    .wedding-nav {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: stretch;
      width: 100%; } }
  .wedding-nav-link {
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
    flex: 0 0 16.66%;
    color: #ffffff;
    font-size: 14px;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    transition: color 0.5s cubic-bezier(0.48, 0.04, 0.22, 0.99); }
    @media (min-width: 1200px) {
      .wedding-nav-link {
        letter-spacing: 2px; } }
    .wedding-nav-link::before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #7a3340;
      transform: scaleY(0);
      transform-origin: 50% 0%;
      transition: transform 0.4s cubic-bezier(0.48, 0.04, 0.22, 0.99);
      z-index: -1; }
    .wedding-nav-link:hover {
      color: #ffffff; }
      .wedding-nav-link:hover::before {
        transform: scaleY(1); }

@keyframes hoverAnim {
  0% {
    clip-path: inset(0 0 0 0); }
  100% {
    clip-path: inset(0% 0% 30% 0%); } }

@keyframes lineRight {
  0% {
    width: 0; }
  100% {
    width: 250%; } }

.wedding-packages {
  padding: 30px 0; }
  @media (min-width: 768px) {
    .wedding-packages {
      padding: 75px 0; } }
  @media (max-width: 767px) {
    .wedding-packages {
      border-bottom: 1px solid rgba(122, 51, 64, 0.3); } }

.wedding-packages__item .wedding-package__row {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 768px) {
    .wedding-packages__item .wedding-package__row {
      flex-direction: row;
      align-items: stretch; } }
  .wedding-packages__item .wedding-package__row .wedding-package__column {
    flex: 1; }
    .wedding-packages__item .wedding-package__row .wedding-package__column:last-child {
      display: flex; }
    @media (min-width: 768px) {
      .wedding-packages__item .wedding-package__row .wedding-package__column {
        flex-basis: 50%; } }
  .wedding-packages__item .wedding-package__row .wedding-package__content {
    padding: 20px;
    font-family: "Montserrat", sans-serif;
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .wedding-packages__item .wedding-package__row .wedding-package__content {
        padding: 50px; } }
    .wedding-packages__item .wedding-package__row .wedding-package__content .wedding-package__subtitle {
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #a6a6a6;
      margin: 0; }
    .wedding-packages__item .wedding-package__row .wedding-package__content .wedding-package__title {
      font-family: "Theano Didot", serif;
      font-size: 32px;
      color: #2b2c43;
      text-transform: uppercase;
      margin-top: 5px; }
    .wedding-packages__item .wedding-package__row .wedding-package__content .wedding-package__list {
      font-size: 14px;
      margin: 20px 0 30px;
      line-height: 1.5;
      color: #333333; }
    .wedding-packages__item .wedding-package__row .wedding-package__content ul {
      list-style-type: disc;
      list-style-position: inside;
      padding: 0;
      font-size: 14px;
      margin-top: 20px; }
      .wedding-packages__item .wedding-package__row .wedding-package__content ul li {
        margin-bottom: 10px; }
        .wedding-packages__item .wedding-package__row .wedding-package__content ul li a {
          text-decoration: none;
          color: #7a3340; }
          .wedding-packages__item .wedding-package__row .wedding-package__content ul li a:hover {
            text-decoration: underline; }
  .wedding-packages__item .wedding-package__row .wedding-package__btn-wrapper {
    align-self: flex-start;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: 15px;
    grid-template-areas: "item1 item2" "item3 item3"; }
    .wedding-packages__item .wedding-package__row .wedding-package__btn-wrapper .btn-border svg {
      margin-right: 10px; }
    .wedding-packages__item .wedding-package__row .wedding-package__btn-wrapper a {
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .wedding-packages__item .wedding-package__row .wedding-package__btn-wrapper a:nth-child(1) {
        grid-area: item1; }
      .wedding-packages__item .wedding-package__row .wedding-package__btn-wrapper a:nth-child(2) {
        grid-area: item2; }
      .wedding-packages__item .wedding-package__row .wedding-package__btn-wrapper a:nth-child(3) {
        grid-area: item3; }

.wedding-packages__item .wedding-package__img {
  position: relative;
  overflow: hidden;
  max-width: 100%; }
  .wedding-packages__item .wedding-package__img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

/**General Slider Container**/
.general-slider {
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  position: relative; }
  @media (min-width: 768px) {
    .general-slider {
      padding: 80px 0; }
      .activities .general-slider {
        padding: 20px 0 60px; } }
  .general-slider .slick-responsive {
    width: calc(100vw - 40px);
    margin: auto;
    max-width: 1700px; }
    @media (min-width: 1365px) {
      .general-slider .slick-responsive {
        width: calc(100vw - 120px); } }
    @media (min-width: 1600px) {
      .general-slider .slick-responsive {
        width: calc(100vw - 150px); } }
    .general-slider .slick-responsive-item {
      padding: 0;
      position: relative;
      margin: 1%;
      flex: 1 55%; }
      @media (min-width: 768px) {
        .general-slider .slick-responsive-item {
          margin: 25px;
          flex: 1 calc(50% - 50px); } }
      @media (max-width: 767px) {
        .activities .general-slider .slick-responsive-item {
          margin-bottom: 40px; } }
      .general-slider .slick-responsive-item a {
        color: inherit;
        display: block; }
        .general-slider .slick-responsive-item a .slick-responsive-content {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 30px 30px 15px;
          transition: transform 0.4s cubic-bezier(0.48, 0.04, 0.22, 0.99); }
          .general-slider .slick-responsive-item a .slick-responsive-content .slick-responsive-title {
            color: #ffffff;
            transition: all 1s cubic-bezier(0.48, 0.04, 0.22, 0.99);
            text-transform: uppercase; }
        @media (min-width: 768px) {
          .general-slider .slick-responsive-item a:hover .img-zoom-scroll {
            clip-path: inset(0% 5% 25% 5%); }
            .general-slider .slick-responsive-item a:hover .img-zoom-scroll .overlay {
              background-color: rgba(0, 0, 0, 0); }
          .general-slider .slick-responsive-item a:hover .slick-responsive-content {
            transform: translate3d(-50%, -10%, 0); }
          .general-slider .slick-responsive-item a:hover .slick-responsive-title {
            color: #2b2c43; }
            .general-slider .slick-responsive-item a:hover .slick-responsive-title::after {
              transform: translate3d(-50%, 0, 0) scale(1); } }
        @media (min-width: 1200px) {
          .general-slider .slick-responsive-item a:hover .img-zoom-scroll {
            clip-path: inset(0% 5% 20% 5%); } }
        .general-slider .slick-responsive-item a .el-mask-holder::before {
          z-index: 2; }
        .general-slider .slick-responsive-item a .img-zoom-scroll {
          background-color: rgba(0, 0, 0, 0);
          background-image: url("https://static.arocdn.com/Sites/50/titanichotelbelfast2017/uploads/images/default-portrait.jpg?v=0.01");
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          clip-path: inset(0% 0% 0% 0%);
          transition: clip-path 0.6s cubic-bezier(0.48, 0.04, 0.22, 0.99);
          height: 400px; }
          .general-slider .slick-responsive-item a .img-zoom-scroll .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            transition: all 0.6s cubic-bezier(0.48, 0.04, 0.22, 0.99); }
          @media (min-width: 1365px) {
            .general-slider .slick-responsive-item a .img-zoom-scroll {
              max-height: 450px;
              height: 85vh; }
              .activities .general-slider .slick-responsive-item a .img-zoom-scroll {
                height: calc(100vh - 250px);
                min-height: 450px;
                max-height: 500px; } }
          @media (min-width: 1600px) {
            .general-slider .slick-responsive-item a .img-zoom-scroll {
              max-height: 550px; } }
          @media (min-width: 1920px) {
            .general-slider .slick-responsive-item a .img-zoom-scroll {
              max-height: 580px; } }
          .general-slider .slick-responsive-item a .img-zoom-scroll img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            background: #ffffff;
            color: transparent; }
    .general-slider .slick-responsive-title {
      color: #2b2c43;
      font-family: "Theano Didot", serif;
      font-size: 20px;
      letter-spacing: .3rem;
      margin: 20px 0 0;
      padding: 0 15px;
      position: relative;
      transform: translateY(0);
      transition: transform 0.7s cubic-bezier(0.48, 0.04, 0.22, 0.99); }
      .general-slider .slick-responsive-title {
        position: relative; }
        .general-slider .slick-responsive-title::after {
          content: "";
          display: block;
          background: #9DDAEA;
          position: absolute;
          bottom: -10px;
          left: 50%;
          width: 100px;
          height: 1px;
          transform: translate3d(-50%, 0, 0) scale(0);
          transition: transform 0.7s cubic-bezier(0.48, 0.04, 0.22, 0.99);
          transition-delay: .5s;
          z-index: 3; }
        .general-slider .slick-responsive-title:hover::after, .general-slider .slick-responsive-title:focus::after {
          transform: translate3d(-50%, 0, 0) scale(1); }
      .wed-theme .general-slider .slick-responsive-title::after {
        background: #7a3340; }
      @media (min-width: 1200px) {
        .general-slider .slick-responsive-title {
          font-size: 25px;
          padding: 0 30px; } }
      @media (min-width: 1365px) {
        .general-slider .slick-responsive-title {
          padding: 0 35px; } }
    .general-slider .slick-responsive .slick-prev, .general-slider .slick-responsive .slick-next {
      background: none;
      color: #7a3340; }
      .general-slider .slick-responsive .slick-prev:before, .general-slider .slick-responsive .slick-next:before {
        display: none; }
      .general-slider .slick-responsive .slick-prev.slick-disabled svg, .general-slider .slick-responsive .slick-next.slick-disabled svg {
        fill-opacity: .6; }
    .general-slider .slick-responsive .slick-prev {
      left: 15px; }
      @media (min-width: 1365px) {
        .general-slider .slick-responsive .slick-prev {
          left: -35px; } }
      @media (min-width: 1600px) {
        .general-slider .slick-responsive .slick-prev {
          left: -45px; } }
      @media (min-width: 1920px) {
        .general-slider .slick-responsive .slick-prev {
          left: -55px; } }
    .general-slider .slick-responsive .slick-next {
      right: 15px; }
      @media (min-width: 1365px) {
        .general-slider .slick-responsive .slick-next {
          right: -35px; } }
      @media (min-width: 1600px) {
        .general-slider .slick-responsive .slick-next {
          right: -45px; } }
      @media (min-width: 1920px) {
        .general-slider .slick-responsive .slick-next {
          right: -55px; } }

/**Gallery Slider**/
.gallery-slider-section {
  margin: auto;
  padding: 50px 0 30px;
  max-width: calc(100vw - 40px);
  overflow: hidden; }
  @media (min-width: 1365px) {
    .gallery-slider-section {
      max-width: calc(100vw - 120px); } }
  @media (min-width: 1600px) {
    .gallery-slider-section {
      max-width: calc(100vw - 160px); } }

.gallery-slider-container {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .gallery-slider-container {
      margin: 50px auto 0; } }
  .gallery-slider-container .btn-wrapper {
    margin-top: 20px;
    justify-content: center; }
    @media (min-width: 768px) {
      .gallery-slider-container .btn-wrapper {
        margin-top: 50px; } }
    .wed-theme .gallery-slider-container .btn-wrapper .btn-border {
      border-color: #7a3340; }
      .wed-theme .gallery-slider-container .btn-wrapper .btn-border::after {
        background: #7a3340; }

.gallery-slider .slick-list {
  padding: 0 25% !important;
  overflow: inherit; }

.gallery-slider.slick-responsive .slick-slide {
  clip-path: none !important; }

.gallery-slider-item {
  padding: 0 .5vw;
  height: calc((50vw - 40px) * .68);
  height: 50vh;
  max-height: 200px; }
  @media (min-width: 768px) {
    .gallery-slider-item {
      max-height: 340px;
      height: 34vw; } }
  @media (min-width: 1200px) {
    .gallery-slider-item {
      max-height: 500px; } }
  @media (min-width: 1600px) {
    .gallery-slider-item {
      max-height: 550px; } }

.gallery-slider-item.slick-center {
  overflow: visible;
  transition: transform .3s linear;
  will-change: transform;
  z-index: 20; }
  .gallery-slider-item.slick-center .mfp-gallery-img:hover .overlay, .gallery-slider-item.slick-center .mfp-gallery-img:focus .overlay {
    opacity: 1; }
    .gallery-slider-item.slick-center .mfp-gallery-img:hover .overlay .plus, .gallery-slider-item.slick-center .mfp-gallery-img:focus .overlay .plus {
      transform: scale(1); }
  .gallery-slider-item.slick-center .overlay {
    opacity: 0; }

.gallery-slider .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 44, 67, 0.6);
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  opacity: .5;
  transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045); }
  .wed-theme .gallery-slider .overlay {
    background: rgba(122, 51, 64, 0.6); }

.gallery-slider .plus {
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045); }
  .gallery-slider .plus {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    margin-left: 5px; }
  .gallery-slider .plus::before, .gallery-slider .plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 1px;
    background-color: #fff;
    transition: transform .2s,-webkit-transform .2s; }
  .gallery-slider .plus::before {
    transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  .gallery-slider .plus::after {
    transform: translate3d(-50%, -50%, 0) rotate(90deg);
    transform-origin: 46% 46%; }

.gallery-slider .mfp-gallery-img {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: all 0.5s cubic-bezier(0.48, 0.04, 0.22, 0.99);
  clip-path: inset(0%); }
  .gallery-slider .mfp-gallery-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    min-width: 100%;
    height: 100%;
    transition: all .3s linear; }
  .gallery-slider .mfp-gallery-img:hover, .gallery-slider .mfp-gallery-img:focus {
    clip-path: inset(5% 0 5% 0); }
    .gallery-slider .mfp-gallery-img:hover .overlay, .gallery-slider .mfp-gallery-img:focus .overlay {
      opacity: 1; }

.gallery-slider .slick-prev, .gallery-slider .slick-next {
  border-color: #ffffff;
  overflow: inherit;
  background: none; }
  .gallery-slider .slick-prev:before, .gallery-slider .slick-next:before {
    display: none; }
  .gallery-slider .slick-prev svg, .gallery-slider .slick-next svg {
    fill: #ffffff;
    stroke: #ffffff; }

.gallery-slider .slick-prev {
  left: 15px;
  z-index: 10; }

.gallery-slider .slick-next {
  right: 15px; }

img.mfp-img {
  padding-bottom: 0; }

.mfp-bottom-bar {
  margin-top: 0;
  padding: 10px 0; }
  .mfp-bottom-bar .mfp-title {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%; }
    .mfp-bottom-bar .mfp-title span, .mfp-bottom-bar .mfp-title a {
      margin: 0 10px 10px 0; }
    .mfp-bottom-bar .mfp-title a {
      max-width: 200px; }
  .mfp-bottom-bar .mfp-counter {
    color: #fff;
    font-size: 16px;
    top: 40%;
    right: 15px; }

@media (min-width: 992px) {
  .weddingspage .title-wrapper {
    margin-left: 50px; } }

@media (min-width: 1366px) {
  .weddingspage .title-wrapper {
    margin-left: 200px; } }

.weddingspage .container-content .content_buttons {
  margin-top: 25px; }

.flex-row {
  display: flex;
  gap: 15px; }
  @media (max-width: 767px) {
    .flex-row {
      flex-wrap: wrap; }
      .wedding-content__container .flex-row {
        flex-wrap: wrap-reverse; } }

.flex__content-title h2 {
  font-size: 32px; }
  .flex__content-title h2:before {
    display: none; }

.flex__content-scroll {
  padding: 20px;
  font-family: "Montserrat", sans-serif;
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .flex__content-scroll {
      padding: 50px 50px 50px 0; } }

.flex__content-img-sticky {
  position: sticky;
  top: 90px; }

.flex-col-45 {
  flex: 1 45%;
  max-width: 55%;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .flex-col-45 {
      flex: 0 0 100%;
      max-width: 100%; } }

.flex-col-55 {
  flex: 1 55%;
  max-width: 45%;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .flex-col-55 {
      flex: 0 0 100%;
      max-width: 100%; } }

.flex-col-50 {
  flex: 1 50%;
  max-width: 50%;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .flex-col-50 {
      flex: 0 0 100%;
      max-width: 100%; } }

.wedding-content {
  border-bottom: 1px solid rgba(122, 51, 64, 0.3); }
  @media (min-width: 768px) {
    .wedding-content {
      padding: 80px 0; } }
  .wedding-content__container {
    margin: auto;
    padding: 78px 0 30px;
    max-width: calc(100vw - 40px);
    /*overflow: hidden;*/ }
    @media (min-width: 768px) {
      .wedding-content__container .flex-col-50 {
        flex: 1 calc(50% - 8px);
        max-width: calc(50% - 8px); } }
    @media (max-width: 767px) {
      .wedding-content__container .flex__content-title {
        order: 1; } }
    @media (max-width: 767px) {
      .wedding-content__container .content-el:not(.content-buttons) {
        order: 3; } }
    @media (max-width: 767px) {
      .wedding-content__container .content-buttons {
        order: 2; } }
    @media (min-width: 768px) {
      .wedding-content__container .content-buttons {
        margin-top: 15px; } }
    .wedding-content__container .flex__content-img-sticky {
      position: sticky;
      top: 90px; }
      .wedding-content__container .flex__content-img-sticky .slider, .wedding-content__container .flex__content-img-sticky .slider .item {
        height: calc(100vh - 80px);
        max-height: 340px; }
        @media (min-width: 768px) {
          .wedding-content__container .flex__content-img-sticky .slider, .wedding-content__container .flex__content-img-sticky .slider .item {
            max-height: 750px; } }
        @media (min-width: 851px) {
          .wedding-content__container .flex__content-img-sticky .slider, .wedding-content__container .flex__content-img-sticky .slider .item {
            max-height: 900px; } }
      .wedding-content__container .flex__content-img-sticky .slider .bg-img {
        height: 100%; }
      .wedding-content__container .flex__content-img-sticky .slider img {
        width: 100%;
        height: 100%;
        max-width: initial;
        max-width: unset;
        object-fit: cover; }
    @media (min-width: 768px) {
      .wedding-content__container {
        max-width: calc(100vw - 120px);
        margin: unset;
        margin-left: auto; } }
    @media (min-width: 992px) {
      .wedding-content__container {
        max-width: calc(100vw - 160px); } }
    @media (min-width: 1365px) {
      .wedding-content__container {
        max-width: calc(100vw - 170px); } }
    @media (min-width: 1600px) {
      .wedding-content__container {
        max-width: calc(100vw - 160px); } }
  .wedding-content__general-panel h2 {
    text-align: center;
    font-size: 32px;
    margin-top: 30px;
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .wedding-content__general-panel h2 {
        margin-top: 75px; } }
  .wedding-content__nav .nav_secondary {
    padding: 0 90px;
    margin-bottom: 0;
    float: none !important;
    display: none; }
    @media (min-width: 768px) {
      .wedding-content__nav .nav_secondary {
        display: flex;
        border-top: 1px solid rgba(122, 51, 64, 0.3);
        border-bottom: 1px solid rgba(122, 51, 64, 0.3); } }
    .wedding-content__nav .nav_secondary .slick-next,
    .wedding-content__nav .nav_secondary .slick-prev {
      color: #7a3340; }
      .wedding-content__nav .nav_secondary .slick-next:before,
      .wedding-content__nav .nav_secondary .slick-prev:before {
        display: none; }
    .wedding-content__nav .nav_secondary *:not(.slick-slide) {
      float: none !important; }
    .wedding-content__nav .nav_secondary a {
      border-bottom: 0;
      text-align: center; }
    .wedding-content__nav .nav_secondary li {
      position: relative;
      padding: 15px;
      text-align: center;
      width: initial; }
      @media (max-width: 767px) {
        .wedding-content__nav .nav_secondary li > a {
          white-space: nowrap; } }
      .wedding-content__nav .nav_secondary li.selected:before {
        content: '';
        position: absolute;
        width: 30%;
        height: 1px;
        background-color: #7a3340;
        top: 90%;
        left: 50%;
        transform: translateX(-50%); }
        @media (max-width: 767px) {
          .wedding-content__nav .nav_secondary li.selected:before {
            display: none; } }
      .wedding-content__nav .nav_secondary li.selected a:first-child {
        padding: 0;
        background-color: transparent;
        color: #7a3340;
        position: relative; }
    .wedding-content__nav .nav_secondary ul {
      padding: 10px 0;
      max-width: 1500px;
      margin: 0 auto; }
  @media (min-width: 767px) {
    .wedding-content__left-padding {
      padding-left: 115px; } }

.btn-filters {
  background: #ffffff;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 10px auto 0;
  padding: 10px;
  text-transform: uppercase;
  border-top: 1px solid rgba(122, 51, 64, 0.3);
  border-bottom: 1px solid rgba(122, 51, 64, 0.3); }
  .btn-filters svg {
    transform: scale(0.6);
    fill: #7a3340; }
  @media (min-width: 768px) {
    .btn-filters {
      display: none; } }

.d-flex {
  display: flex; }
  @media (max-width: 400px) {
    .d-flex {
      flex-direction: column;
      align-items: unset !important; } }

.align-items-center {
  align-items: center; }

#otd__panel-container > * {
  flex: 1 0 28%; }

.hp-footer-wrapper {
  height: 100vh !important; }

/*Snow Canvas*/
.sky {
  background: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  height: 100%;
  color: #FFF;
  display: block;
  z-index: 999;
  pointer-events: none; }
  .sky canvas {
    height: 100%; }