.cursor, ul.front-page-room-listing-list a,
ul.front-page-news-listing-list a, .left-arrow,
.right-arrow, .menu-icon {
  cursor: pointer; }

.tooltip .tooltip-text {
  transition: .5s; }

.tooltip:hover .tooltip-text {
  transition: .7s; }

.button-green,
.button-dark-gray,
.left-arrow,
.right-arrow,
.language-selection-display.nav-flex-item a,
.navbar-rooms-link a,
.navbar-news-link a {
  transition: 0.3s; }

.button-green:hover,
.button-dark-gray:hover,
.left-arrow:hover,
.right-arrow:hover,
.language-selection-display.nav-flex-item a:hover,
.navbar-rooms-link a:hover,
.navbar-news-link a:hover {
  transition: 0.5s; }

/*
Theme Name: Webpage for Hotel Klettur
Theme URI: https://hotelklettur.is/
Description: A custom WordPress information website for hotelklettur.is.
Author: Steingrimur
Author URI: https://740.is
Version: 1.0
Tags: clean, light, responsive, hotel, tourist, rooms, restaurant, booking

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
* {
  box-sizing: border-box; }

body {
  font-size: 16px;
  background-color: #ffffff; }

p, li, td, th, label, .button a,
.language-selection-display.nav-flex-item a,
.navbar-rooms-link a, .navbar-tel-number p,
.navbar-extra-link a, .ui-widget {
  font-family: 'Roboto', sans-serif; }

p, li, td, th {
  font-weight: 300;
  line-height: 1.6em;
  margin-top: 0.1em;
  margin-bottom: 1.5em;
  color: #333333; }

nav a, nav p, nav span {
  font-weight: 300 !important; }

p, label, input, select, a,
nav .button-green,
.language-selection-display.nav-flex-item a,
.navbar-rooms-link a,
.navbar-extra-link a {
  font-size: 0.85em; }

li {
  margin-top: 0.8em;
  line-height: 1.6em;
  margin-bottom: 1.45em; }

h1, h2, h3, h4, h5 {
  font-family: 'Roboto Slab', serif; }

h1, h2, h3, h4, h5 {
  color: #333333; }

h1, h2, h3, h4 {
  font-weight: 700; }

h1 {
  font-size: 4.254em;
  margin-bottom: 0.95em; }

h2 {
  font-size: 2.636em;
  margin-top: 1.49em;
  margin-bottom: 0.73em; }

h3 {
  font-size: 1.618em;
  margin-top: 2.18em;
  margin-bottom: 0.78em; }

h4 {
  font-size: 1.25em;
  margin-top: 2.05em;
  margin-bottom: 1em; }

h5 {
  font-size: 1em;
  margin-top: 2.0em;
  margin-bottom: 0.95em;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333; }

img {
  display: block; }

ul li a,
.language-selection-display.nav-flex-item a,
.navbar-rooms-link a,
.navbar-extra-link a {
  text-decoration: none; }

a {
  color: #333333; }

.hotel-background-logo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -90px;
  overflow: hidden;
  z-index: 999; }

.hotel-background-logo svg {
  width: 150%;
  display: block; }

.background-logo {
  fill: #ffffff;
  opacity: 0.02;
  transform: rotate(21.5deg); }

.icon-color {
  fill: #ffffff; }

.mega-menu-quick-contact-info .icon-color {
  fill: #333333; }

.slick-prev:before, .slick-next:before {
  font-size: 25px;
  opacity: 1;
  color: #ffffff;
  position: absolute;
  bottom: 15px; }

.slick-prev:before {
  right: calc(50% - 5px); }

.slick-next:before {
  right: calc(50% - 18px); }

.slick-prev {
  left: 0px; }

.slick-next {
  right: 0px; }

.slick-next,
.slick-prev {
  height: 100%;
  width: 50px;
  z-index: 10; }

.front-page-rooms-mobile-content p,
.conference-options-content p,
.front-page-tourdesk-content p {
  font-size: 1em; }

.grecaptcha-badge {
  visibility: collapse !important; }

@media screen and (min-width: 768px) {
  p, label, input, select, a,
  .language-selection-display.nav-flex-item a,
  .navbar-rooms-link a,
  .navbar-extra-link a {
    font-size: 1em; }

  p {
    line-height: 1.5em;
    margin-top: 0.9em;
    margin-bottom: 1.5em; }

  h1 {
    font-size: 6.854em;
    margin-bottom: 0.75em; }

  h2 {
    font-size: 4.236em;
    margin-top: 1.14em;
    margin-bottom: 0.84em; }

  h3 {
    font-size: 2.618em;
    margin-top: 1.8em;
    margin-bottom: 1.05em; }

  h4 {
    font-size: 1.618em;
    margin-top: 2.56em;
    margin-bottom: 0.93em; }

  .conference-options-content p,
  .front-page-tourdesk-content p {
    font-size: 1.25em; }

  .slick-prev:before, .slick-next:before {
    font-size: 40px;
    bottom: 15px; }

  .slick-prev {
    left: 45px; }

  .slick-prev:before {
    right: calc(50% - 5px); }

  .slick-next:before {
    right: calc(50% - 33px); }

  .slick-next,
  .slick-prev {
    width: 100px; } }
.field .nights {
  display: none; }

.wrapper {
  min-height: calc(100vh - 205px);
  position: relative; }

.hero-area {
  position: relative; }

.hk-hero-video-wrapper {
  position: relative;
  width: 100%; }

.hero-area-background-image {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  height: 82vw;
  background-size: cover; }

.sfs-hero-area-text-values {
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 45em;
  margin: auto;
  height: 88px;
  text-align: center; }

.sfs-hero-area-text-values h3 {
  margin: 0;
  font-size: 1.25em; }

.sfs-hero-area-text-values p {
  margin: 7px 0 20px;
  font-size: 1em; }

.sfs-hero-area-text-values h3, .sfs-hero-area-text-values p {
  color: #fff;
  text-shadow: 1px 1px #000; }

.hero-area-sales-cards {
  position: relative;
  margin: auto;
  width: 100%;
  text-align: center;
  background: #DDDBDB;
  border-bottom: 1px solid #737271;
  padding: 20px 0px; }

.sales-cards {
  position: relative;
  background: #E4E2E1;
  border: 1px solid #333333;
  padding: 5px;
  height: 118px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  margin: 7px 7px 7px 7px; }

.sales-cards.sales-card-1, .sales-cards.sales-card-2, .sales-cards.sales-card-3 {
  display: inline-block;
  max-width: 187px;
  margin: 0px 12px 7px 0px; }

.button.button-gray {
  background: #737271; }

.sales-cards-img {
  overflow: hidden; }

.sales-cards .button.button-gray {
  position: relative;
  margin-top: 10px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.sales-cards .button.button-gray a {
  color: #fff;
  padding: 5px 0px;
  font-size: 0.65em;
  font-weight: 100;
  margin-top: 0px;
  position: relative; }

.sales-cards .button.button-gray {
  background: #333333; }

.hero-area-text {
  display: none;
  position: absolute;
  bottom: 11%;
  right: 25px;
  background: rgba(0, 98, 135, 0.7);
  padding: 8px;
  border-radius: 3px; }

.hero-area-text h3 {
  margin: 0px;
  font-size: 1.118em;
  color: #ffffff; }

@keyframes heroText {
  0% {
    opacity: 0;
    right: 5px; }
  25% {
    right: 10px; }
  50% {
    right: 15px; }
  75% {
    right: 20px; }
  100% {
    right: 25px;
    opacity: 1; } }
.hero-area-text {
  animation: heroText 0.5s 1.5s backwards; }

section.front-page-room-listing,
section.mobile-rooms,
section.front-page-tourdesk,
section.front-page-news-listing {
  position: relative;
  background: #E4E2E1; }

.front-page-room-listing-content-area {
  display: none; }

.front-page-room-listing-content-area-mobile {
  margin: 0 auto; }

.front-page-news-listing {
  border-top: 1px solid #E4E2E1; }

section.mobile-rooms {
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #E4E2E1;
  padding-bottom: 50px; }

section.mobile-rooms ul {
  position: relative;
  list-style: none;
  padding: 0px;
  margin: 0px;
  flex-wrap: wrap; }

section.mobile-rooms > ul > li,
.landing-page-rooms-img li {
  position: relative;
  display: inline-table;
  margin: 0px;
  padding: 0px; }

.mobile-rooms-img {
  position: relative; }

.landing-page-rooms-img li {
  position: relative; }

.landing-page-rooms-img img {
  max-width: 100%;
  height: auto; }

.left-arrow,
.right-arrow {
  position: absolute;
  height: 30px;
  width: 30px;
  bottom: 25px;
  border-radius: 50%;
  background: #333333;
  z-index: 2; }

.left-arrow:hover,
.right-arrow:hover {
  background: #9B9E30; }

.left-arrow {
  left: 5px;
  padding: 5px 0px 0px 10px; }

.right-arrow {
  right: 5px;
  padding: 5px 0px 0px 11px; }

.left-arrow svg,
.right-arrow svg {
  height: 15px; }

.svg-right-arrow {
  fill: #fff; }

.service-icon {
  padding-top: 20px; }

.service-icon ul {
  display: inline-flex;
  width: 100%;
  justify-content: space-around; }

.service-icon svg {
  width: 25px;
  margin: 0 7px; }

.tooltip {
  display: flex;
  justify-content: center;
  align-items: flex-start; }

.tooltip .tooltip-text {
  visibility: hidden;
  display: none;
  background-color: #737271;
  color: #DDDBDB;
  font-size: 0.75em;
  padding: 2px 6px;
  border-radius: 3px;
  position: absolute;
  z-index: 1;
  margin-top: 35px; }

.tooltip-text a {
  color: #DDDBDB;
  text-decoration: none;
  cursor: default;
  white-space: nowrap;
  word-wrap: break-word; }

.tooltip .tooltip-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #737271 transparent; }

.mobile-rooms-info {
  margin: 0 auto;
  white-space: initial; }

.mobile-rooms-info h4 {
  margin-top: 1em; }

.prev-view-room-button-next {
  position: relative;
  padding-top: 20px; }

.prev-room-left-arrow,
.next-room-right-arrow {
  position: absolute;
  bottom: 52px;
  cursor: pointer; }

.prev-room-left-arrow svg,
.next-room-right-arrow svg {
  height: 40px; }

.next-room-right-arrow {
  right: 10%; }

.prev-room-left-arrow {
  left: 10%; }

.svg-next-prev-room {
  fill: #737271; }

.landing-page-buttons {
  position: relative;
  padding: 70px 0px;
  z-index: 1000; }

.check-availability {
  height: 208px;
  background: #333333; }

.front-page-rooms-mobile-content,
.conference-options-content,
.front-page-tourdesk-content,
.front-page-room-listing-content-area-mobile {
  text-align: left; }

.front-page-image-background {
  display: none; }

.mobile-rooms-info,
.front-page-rooms-mobile-content,
.front-page-tourdesk-content,
.conference-options-content {
  padding: 35px 10px 35px; }

.front-page-tourdesk {
  text-align: center; }

.front-page-room-listing-content-area-mobile,
.front-page-tourdesk-content {
  position: relative; }

.front-page-section-image {
  background-repeat: no-repeat;
  background-size: cover;
  width: 270px;
  height: 180px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.front-page-rooms-mobile-content-title-text,
.front-page-tourdesk-content-title-text,
.front-page-conference-content-title-text {
  display: inline-block;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px; }

.front-page-room-listing-content-area-mobile-text h4,
.front-page-tourdesk-content-text h4 {
  margin-top: 1em; }

.restaurant-menu,
.restaurant-book-table {
  max-width: unset !important; }

.front-page-news-listing > p, .front-page-news-listing > h4 {
  color: #fff;
  text-align: center; }

section.front-page-news-listing {
  background: #737271;
  padding-bottom: 40px; }

.front-page-news-listing h1 {
  margin-top: 1em;
  font-size: 1.25em; }

.front-page-news-image img {
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px; }

span.news-date {
  font-size: 0.75em;
  position: absolute;
  bottom: 0px;
  right: 10px; }

.conference-options {
  display: block;
  width: 100%;
  background: #737271;
  color: #DDDBDB;
  text-align: center; }

.conference-options h4 {
  color: #DDDBDB; }

.conference-introduction h4 {
  color: #DDDBDB; }

.conference-images {
  display: none; }

.front-page-rooms-mobile-rooms-button,
.conference-rooms-button,
.front-page-tourdesk-content-rooms-button {
  margin-top: 50px !important; }

@media screen and (min-width: 480px) {
  .left-arrow,
  .right-arrow {
    z-index: 2; }

  .landing-page-rooms-img img {
    width: 100%; }

  .mobile-rooms-info h4 {
    margin-top: 0em; }

  .service-icon {
    padding-top: 27px;
    padding-bottom: 20px; }

  section.service-icon > ul {
    margin-bottom: 20px; }

  .service-icon svg {
    margin: 0 14px; }

  .tooltip:hover .tooltip-text {
    display: block;
    visibility: visible; }

  .next-room-right-arrow {
    right: 15%; }

  .prev-room-left-arrow {
    left: 15%; }

  .front-page-rooms-mobile-content-flex-container,
  .conference-flex-container,
  .front-page-tourdesk-content-flex-container {
    display: inline-flex; }

  .front-page-section-image {
    display: inline-block;
    width: 180px;
    height: 270px;
    align-self: center; }

  .front-page-rooms-mobile-content-title-text,
  .front-page-tourdesk-content-title-text,
  .front-page-conference-content-title-text {
    display: inline-block;
    width: 68%; }

  .front-page-rooms-mobile-content-title-text,
  .front-page-tourdesk-content-title-text,
  .front-page-conference-content-title-text {
    padding-left: 15px;
    padding-right: 15px; } }
@media screen and (min-width: 568px) {
  .hero-area-background-image {
    height: 52vw; }

  .sales-cards:last-of-type {
    margin-right: 0; }

  .next-room-right-arrow {
    right: 20%; }

  .prev-room-left-arrow {
    left: 20%; } }
@media screen and (min-width: 640px) {
  .mobile-rooms-info {
    width: 410px; }

  .front-page-rooms-mobile-content,
  .conference-options-content,
  .front-page-tourdesk-content,
  .front-page-room-listing-content-area-mobile {
    max-width: 760px; } }
@media screen and (min-width: 730px) {
  .mobile-rooms-info h4 {
    font-size: 1.618em; }

  .next-room-right-arrow {
    right: 25%; }

  .prev-room-left-arrow {
    left: 25%; } }
@media screen and (min-width: 768px) {
  .wrapper-pages {
    margin-top: 176px; }

  .hero-area-background-image {
    height: 400px; }

  .sfs-hero-area-text-values h3 {
    font-size: 2.218em; }

  .sfs-hero-area-text-values p {
    font-size: 1.25em; }

  .sales-cards .button.button-gray a {
    font-size: 0.75em; }

  .left-arrow {
    left: 10px;
    padding: 8px 0px 0px 12px; }

  .right-arrow {
    right: 10px;
    padding: 8px 0px 0px 13px; }

  .left-arrow,
  .right-arrow {
    height: 36px;
    width: 36px; }

  .left-arrow svg,
  .right-arrow svg {
    height: 20px; }

  .service-icon-rooms-info-flex {
    max-width: 634px;
    margin: 0 auto;
    display: inline-flex;
    justify-content: space-around;
    padding: 80px 0px; }

  .service-icon-rooms-info-flex-separator.service-icon-rooms-info-flex-item {
    border-left: 1px solid #333333;
    border-radius: 3px;
    margin: 0px 20px; }

  section.mobile-rooms > ul > li {
    display: inline-flex;
    flex-wrap: wrap; }

  .service-icon {
    width: 49%;
    align-self: center; }

  .service-icon svg {
    width: 35px; }

  .tooltip .tooltip-text {
    margin-top: 45px; }

  .next_post_link > .tooltip-text,
  .previous_post_link > .tooltip-text {
    margin-top: 55px;
    padding: 7px; }

  .mobile-rooms-info {
    width: 49%;
    right: 0px;
    align-self: center;
    padding: 60px 0px; }

  .mobile-rooms-info h4 {
    margin-top: 0px; }

  .service-icon ul {
    flex-wrap: wrap; }

  .service-icon.service-icon-rooms-info-flex-item ul {
    padding-right: 15px; }

  .service-icon ul li {
    flex: 0 60px; }

  .next-room-right-arrow,
  .prev-room-left-arrow {
    bottom: 53px; }

  .front-page-room-listing-content-area-mobile {
    display: none; }

  .front-page-room-listing-content-area {
    display: block; }

  .page-content.front-page-room-listing-content {
    max-width: 648px; }

  .page-content-area.front-page-room-listing-content-area ul.front-page-room-listing-list li {
    flex: 0 283px;
    text-align: center; }

  .page-content-area.front-page-room-listing-content-area ul.rooms-available-list li img {
    width: 270px;
    height: auto; }

  .page-content-area.front-page-room-listing-content-area {
    margin-top: 0px; }

  .page-content-area.front-page-room-listing-content-area {
    padding: 90px 0px 30px; }

  .page-content.front-page-room-listing-content h4 {
    font-size: 1.2em; }

  .page-content.front-page-room-listing-content ul.rooms-available-list .mobile-rooms-info-button.button.button-green {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 0px auto 30px; }

  .mobile-rooms-info-button.button.button-green.more-news-button {
    margin: 0px auto 35px !important; }

  .front-page-rooms-mobile-content,
  .conference-options-content,
  .front-page-tourdesk-content {
    max-width: 1280px;
    margin: 0 auto; }

  .front-page-rooms-mobile-content-title-text,
  .front-page-tourdesk-content-title-text,
  .front-page-conference-content-title-text {
    padding-left: 1%;
    padding-right: 10%; }

  .conference-introduction,
  .conference-images {
    display: inline-block; }

  .conference-introduction h4 {
    margin-top: 0em; }

  .conference-images img {
    max-width: 146px;
    height: auto;
    margin: 3px; }

  .conference-images a:last-of-type img {
    margin-right: 0px;
    max-width: 298px; }

  .front-page-rooms-mobile-content-flex-container,
  .conference-flex-container {
    justify-content: space-around;
    align-items: center; }

  .front-page-tourdesk-content-text-flex-item {
    flex: 0 35em; }

  .conference-flex-container-item {
    flex: 0 336px; }

  .conference-images-flex-container {
    display: inline-flex;
    flex-wrap: wrap; }

  .conference-images-flex-container-item {
    flex-wrap: wrap; }

  .conference-options,
  .front-page-tourdesk {
    padding: 30px 0px 30px; }

  .front-page-section-image {
    width: 200px;
    height: 300px; }

  .front-page-image-background {
    display: block;
    height: calc(100vh); }

  .front-page-image-background img {
    position: fixed;
    top: -160px;
    bottom: 0;
    right: 0;
    left: 0;
    min-width: calc(100vh);
    z-index: -1; }

  .front-page-news-listing {
    padding-bottom: 35px; }

  .front-page-news-listing h1 {
    margin-top: 1em;
    font-size: 1.618em; }

  .front-page-news-image img {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 164px; } }
@media screen and (min-width: 1024px) {
  .hero-area-background-image {
    height: 490px; }

  .hero-area-sales-cards {
    top: 23%; }

  .sales-cards .button.button-gray a {
    font-size: 0.85em; }

  .sales-cards .button.button-green {
    margin-top: 8px; }

  .service-icon-rooms-info-flex {
    max-width: 874px; }

  .mobile-rooms-info {
    max-width: 530px; }

  .page-content.front-page-room-listing-content {
    max-width: 911px; }

  .page-content-area.front-page-room-listing-content-area ul.rooms-available-list li img {
    width: 251px;
    height: auto; }

  .front-page-tourdesk-content {
    padding: 60px 30px; }

  .front-page-section-image {
    width: 220px;
    height: 330px; } }
@media screen and (min-width: 1248px) {
  .wrapper-pages {
    margin-top: 138px; }

  .service-icon-rooms-info-flex {
    max-width: 1024px; }

  .page-content.front-page-room-listing-content {
    max-width: 1116px; }

  .page-content-area.front-page-room-listing-content-area ul.rooms-available-list li img {
    width: 320px; } }
div#ui-datepicker-div {
  position: fixed; }

.page-nav-bar {
  position: fixed;
  height: 53px;
  width: 100%;
  top: 0px;
  background: #9B9E30;
  z-index: 999; }

.page-content-area {
  position: relative;
  margin-top: 53px; }

.page-content-area.front-page-news-listing-content-area {
  top: 0px; }

.page-content-area.single-page-content-area .single-page-content-area-room-images div > img {
  max-width: 100%;
  height: auto; }

.single-page-room-hero-image {
  height: 222px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%; }

.page-content {
  padding: 1px 0px 50px;
  position: relative;
  max-width: 330px;
  margin: 0 auto; }

.page-content-title-text {
  margin: 0 9px; }

.page-content ul.rooms-available-list .room-available-list-service-icon ul,
.page-content ul.rooms-available-list,
.page-content ul.room-overview-service-icons-list,
.page-content ul.front-page-news-listing-list {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  padding-left: 0px; }

ul.room-overview-service-icons-list {
  justify-content: center;
  margin-top: 0px;
  margin-bottom: 20px;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: #9B9E30;
  padding: 20px 0px; }

.rooms-info p + ul,
.conference-hall-equi p + ul {
  padding: 0px; }

.rooms-info p + ul li,
.conference-hall-equi p + ul li {
  display: inline;
  font-style: italic;
  font-size: 0.7em; }

.rooms-info p + ul li:before,
.conference-hall-equi p + ul li:before {
  content: '\2022';
  margin-right: 0.3em;
  margin-left: 0.3em; }

.rooms-info ul ~ p,
.conference-hall-equi ul ~ p {
  margin-bottom: 1.5em !important; }

.page-content ul.rooms-available-list li,
.page-content ul.front-page-news-listing-list li {
  position: relative;
  border: 1px solid #737271;
  flex: 0;
  margin: 10px auto 40px;
  padding: 15px 15px 30px;
  background: #DDDBDB;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.page-content ul.front-page-news-listing-list li {
  flex: 1;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.page-content ul.rooms-available-list > li > a,
.page-content ul.front-page-news-listing-list > li > a {
  color: #737271;
  text-decoration: none;
  height: 100%;
  align-content: space-between; }

.page-content ul.rooms-available-list > li > a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end; }

.page-content ul.rooms-available-list li img,
.page-news-image img {
  width: 260px;
  height: auto;
  margin: 0 auto; }

.room-available-list-service-icon {
  padding: 20px; }

.page-content ul.rooms-available-list .room-available-list-service-icon li,
.page-content ul.room-overview-service-icons-list li {
  border: none;
  padding: 0px;
  flex: 1 30px;
  box-shadow: none;
  margin: 10px; }

.page-content ul.rooms-available-list .room-available-list-service-icon li svg,
.page-content ul.room-overview-service-icons-list li svg {
  width: 30px; }

.page-content ul.rooms-available-list .mobile-rooms-info-button a {
  padding: 1px 0px 0px; }

.page-content .rooms-available-list .room-available-list-service-icon {
  padding: 0px 20px 20px; }

.page-content ul.rooms-available-list .mobile-rooms-info-button.button.button-dark-gray,
.page-content ul.rooms-available-list .mobile-rooms-info-button.button.button-green {
  position: relative;
  bottom: 30px; }

.room-available-image-descr h4 {
  margin-top: 1.2em; }

.single-page-content {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0px; }

.single-page-content p:last-of-type {
  margin-bottom: 70px; }

.single-page-content h3 {
  margin-top: 1.18em;
  text-align: center; }

.page-content-area.single-page-content-area {
  padding-bottom: 90px; }

.page-news-image h4 {
  margin-top: 0.6em; }

div + h5 {
  margin-top: 0px; }

.single-page-content .mobile-rooms-info-button.button.button-dark-gray {
  margin-top: 70px; }

.post-hero-img,
.post-hero-img img {
  width: 244px;
  height: auto;
  margin: 0px auto 50px; }

img.post-hero-img,
.front-page-section-image {
  border: 6px solid #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.more-information-single .next_post_link,
.more-information-single .previous_post_link {
  bottom: -30px; }

.more-conference-rooms,
.more-rooms,
.more-activity,
.more-events,
.more-information {
  padding: 20px 0px 0px; }

.half-circle-image,
.half-haitch-image {
  display: none; }

.previous_post_link,
.next_post_link {
  bottom: -4px; }

.previous_post_link svg,
.next_post_link svg {
  height: 37px; }

.previous_next_post_link_color {
  fill: #E4E2E1; }

.previous_post_link {
  right: 10px; }

.next_post_link {
  left: 10px; }

.prev-button-next-table table {
  width: 100%; }

.prev-button-next-table td {
  width: 33%; }

@media screen and (min-width: 480px) {
  .page-content {
    max-width: 330px; }

  .half-circle-image,
  .half-haitch-image {
    display: block;
    position: fixed;
    margin: 30% auto;
    z-index: -1; }

  .half-circle-image {
    right: -4%; }

  .half-haitch-image {
    left: -78px; }

  .half-circle-image svg,
  .half-haitch-image svg {
    width: 170px; }

  .half-o-part,
  .half-h-part {
    fill: rgba(48, 48, 48, 0.1); }

  .previous_post_link {
    right: 0px; }

  .next_post_link {
    left: 0px; } }
@media screen and (min-width: 568px) {
  .page-content {
    max-width: 548px; }

  .post-hero-img,
  .post-hero-img img {
    width: 326px;
    height: auto; }

  .page-content ul.rooms-available-list li,
  .page-content ul.front-page-news-listing-list li {
    flex: 0 370px; }

  .single-page-room-hero-image {
    height: 359px; }

  .page-content ul.rooms-available-list li img,
  .page-news-image img {
    width: 338px; } }
@media screen and (min-width: 640px) {
  .page-content {
    max-width: 630px; }

  .post-hero-img,
  .post-hero-img img {
    width: 234px;
    height: auto;
    margin: 4px 25px 6px 0px;
    float: left; }

  .page-content.single-page-content {
    max-width: 548px; }

  .half-circle-image,
  .half-haitch-image {
    margin: 20% auto; }

  .half-circle-image svg,
  .half-haitch-image svg {
    width: 220px; } }
@media screen and (min-width: 730px) {
  .page-content {
    max-width: 700px; }

  .page-content ul.front-page-news-listing-list > li > a {
    display: flex;
    flex-wrap: wrap; }

  .page-content ul.rooms-available-list li,
  .page-content ul.front-page-news-listing-list li {
    flex: 0 325px; }

  .page-content ul.rooms-available-list li img,
  .page-news-image img {
    width: 291px; }

  .half-circle-image,
  .half-haitch-image {
    margin: 29% auto; } }
@media screen and (min-width: 768px) {
  .page-nav-bar {
    height: 80px; }

  .page-content-area {
    margin-top: 0px; }

  .single-page-content-area-room-images {
    margin-top: 176px; }

  .page-content {
    max-width: 693px;
    padding-top: 1px; }

  .page-content-area .page-content {
    padding: 1px 0px 35px 20px; }

  .page-content.front-page-room-listing-content {
    padding: 30px 0px 0px; }

  .page-content.front-page-news-listing-content {
    padding: 0px; }

  .page-content.single-page-content.rooms-info {
    padding: 0px 0px 35px; }

  .page-content-area.front-page-room-listing-content-area {
    padding: 0px 0px 0px; }

  .page-content ul.rooms-available-list li,
  .page-content ul.front-page-news-listing-list li {
    flex: 0 284px; }

  .page-content ul.rooms-available-list .mobile-rooms-info-button a {
    padding: 2px 0px 3px; }

  .page-content ul.rooms-available-list li img,
  .page-news-image img {
    width: 284px; }

  .room-available-image-descr p {
    text-align: left; }

  .rooms-info p + ul li,
  .conference-hall-equi p + ul li {
    font-size: 0.85em; }

  .page-content-area.single-page-content-area {
    padding-bottom: 0px; }

  .page-content.single-page-content {
    max-width: 549px; }

  .half-circle-image svg,
  .half-haitch-image svg {
    width: 290px; }

  .more-conference-rooms,
  .more-rooms,
  .more-activity,
  .more-events,
  .more-information {
    padding: 40px 0px 50px; } }
@media screen and (min-width: 1024px) {
  .page-content {
    max-width: 748px; }

  .page-content-area .page-content {
    padding: 1px 0px 35px 0px; }

  .page-content.front-page-room-listing-content {
    padding: 30px 0px 0px; }

  .page-content.front-page-news-listing-content {
    padding: 0px; }

  .page-content.single-page-content {
    max-width: 812px; }

  .post-hero-img,
  .post-hero-img img {
    width: 308px;
    height: auto;
    margin: 7px 30px 10px 0px; }

  .single-page-room-hero-image {
    height: 581px; }

  .page-content ul.rooms-available-list li,
  .page-content ul.front-page-news-listing-list li {
    flex: 0 354px; }

  .page-content ul.rooms-available-list li img,
  .page-news-image img {
    width: 322px; } }
@media screen and (min-width: 1248px) {
  .page-content {
    max-width: 1124px; }

  .single-page-content-area-room-images {
    margin-top: 138px; }

  .half-circle-image,
  .half-haitch-image {
    margin: 18% auto; }

  .half-circle-image svg,
  .half-haitch-image svg {
    width: 310px; } }
.single-page-image-gallery {
  position: relative;
  z-index: 1;
  display: inline-block; }

.mega-menu {
  position: absolute;
  height: auto;
  width: 100%;
  top: -9999px;
  padding: 120px 0px 60px;
  background-image: linear-gradient(to bottom, #9B9E30 70px, #E4E2E1 70px);
  z-index: 1000; }

.mega-menu-content-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 84%;
  margin: auto;
  padding: 0px 0px 40px;
  text-align: center; }

.mega-menu-quick-contact-info,
.mega-menu-social-icons {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap; }

.mega-menu-content-area h3,
.mega-menu-quick-contact-info h4 {
  color: #333333; }

.mega-menu-content-area h3,
.mega-menu-quick-contact-info h4 {
  color: #333333; }

.mega-menu-quick-contact-info h4,
.mega-menu-quick-contact-info svg {
  margin: 10px 10px 30px; }

.mega-menu-social-icons a {
  flex: 0 50px;
  margin: 0px 5px 50px;
  border: 2px solid #333333;
  border-radius: 3px;
  padding: 11px 0px 7px 0px; }

.mega-menu-quick-contact-info svg,
.mega-menu-social-icons svg {
  height: 25px;
  fill: #DDDBDB; }

.mega-menu-social-icons a svg path.fb-header,
.mega-menu-social-icons a svg path.ig-header,
.mega-menu-social-icons a svg path.tav-header {
  fill: #333333; }

.mega-menu-phone-number,
.mega-menu-email-address,
.mega-menu-email-address a {
  display: inherit; }

.mega-menu-email-address a {
  text-decoration: none; }

.mega-menu-email-address a:hover > h4 {
  text-decoration: underline; }

.mega-menu-phone-number h4.pipe {
  display: none; }

.menu-list {
  position: relative;
  overflow: hidden;
  background: #333;
  margin: 10px;
  padding: 20px 0px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  flex: 1 270px;
  z-index: 0; }

.mega-menu-content-area h3 {
  margin-top: 10px;
  color: #ffffff; }

.mega-menu-content-area ul {
  list-style: none;
  padding: 0px 0px 24px; }

.mega-menu-content-area ul li {
  margin: 0px;
  transition: 0.3s; }

.mega-menu-content-area ul li:hover {
  background: #9B9E30;
  transition: 0.5s; }

.mega-menu-content-area ul li a {
  display: block;
  color: #ffffff;
  line-height: 1.4em;
  padding: 6px; }

.button.button-green.get-overview {
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 0px auto;
  width: 100%;
  border-top: 1px solid #DDDBDB;
  max-width: unset; }

.mega-menu-bkg-logo {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 15%;
  width: 100%;
  transform: rotate(-26deg);
  z-index: -1; }

@media screen and (min-width: 568px) {
  .mega-menu-phone-number h4.pipe {
    display: block; } }
@media screen and (min-width: 768px) {
  .mega-menu-social-icons a {
    flex: 0 60px;
    padding: 12px 0px 8px 0px; }

  .mega-menu-quick-contact-info svg,
  .mega-menu-social-icons svg {
    height: 30px; }

  .menu-list h3 {
    font-size: 1.618em; } }
@media screen and (min-width: 1248px) {
  .mega-menu-content-area {
    width: 74%; } }
@media screen and (min-width: 1568px) {
  .mega-menu-content-area {
    width: 60%; } }
footer {
  position: relative;
  background: #333333;
  padding: 50px 0px 45px; }

footer p,
.mega-menu-footer p {
  color: #DDDBDB; }

.mega-menu-footer .copyright p {
  color: #333333; }

.mega-menu-footer .copyright a {
  color: #333333; }

.copyright {
  position: relative;
  top: 100%;
  display: block; }

.copyright p {
  font-size: 0.7em;
  text-align: center;
  margin: 0px; }

.copyright a {
  text-decoration: none;
  color: #DDDBDB; }

.copyright a:hover {
  text-decoration: underline; }

.web-builder p {
  margin: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 0.6em; }

.web-builder p,
.web-builder a {
  color: #565656; }

.web-builder a {
  text-decoration: none; }

.mega-menu-footer {
  padding: 15px 0px 0px 0px; }

@media screen and (min-width: 768px) {
  footer {
    padding: 90px 0px 80px; }

  .copyright p {
    font-size: 1em; }

  .mega-menu-footer {
    padding: 15px 0px 0px 0px; } }
div#cookie-law-info-bar,
.cli-modal {
  z-index: 100000; }

nav {
  position: fixed;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  top: 0px;
  background-color: rgba(155, 158, 48, 0);
  transition: background-color 1s;
  z-index: 1001; }

.nav-flex-item p, .nav-flex-item a {
  top: 0px;
  position: relative; }

.nav-flex-item {
  align-self: center; }

.logo {
  position: relative;
  margin-left: 10px; }

.logo.nav-flex-item {
  flex: 2; }

.logo img {
  width: 75px;
  padding: 10px 0px; }

.menu-icon {
  top: -3px; }

.hk-round-view {
  display: block; }

.hk-round-view.nav-flex-item {
  flex: 0; }

.hk-round-view img {
  width: 35px; }

.navbar-extra-link.extra-link-one,
.navbar-extra-link.extra-link-two {
  display: none; }

.navbar-tel-number.nav-flex-item p, .navbar-rooms-link.nav-flex-item a, .navbar-extra-link.nav-flex-item a, .language-selection-display {
  text-shadow: 1px 1px #333;
  font-weight: 300; }

.language-selection-display.nav-flex-item,
.navbar-rooms-link,
.navbar-extra-link,
.navbar-tel-number,
nav .button-green {
  margin-left: 15px; }

.language-selection-display.nav-flex-item a,
.navbar-rooms-link a, .navbar-tel-number p, .navbar-extra-link a {
  color: #ffffff; }

.language-selection-display.nav-flex-item a:hover,
.language-separator,
.navbar-rooms-link a:hover,
.navbar-extra-link a:hover {
  color: #DDDBDB; }

.navbar-rooms-link {
  display: none; }

.navbar-tel-number {
  display: none; }

.menu-icon {
  position: relative;
  right: 10px;
  width: 20px;
  margin-left: 24px; }

.menu-icon-middle {
  padding: 8px 0px; }

.menu-icon img {
  position: fixed;
  width: 20px;
  right: 10px; }

@media screen and (min-width: 411px) {
  .navbar-extra-link.extra-link-one {
    display: block; }

  .logo img {
    width: 115px; }

  .language-selection-display.nav-flex-item,
  .navbar-rooms-link,
  .navbar-extra-link,
  .navbar-tel-number,
  nav .button-green {
    margin-left: 20px; }

  .menu-icon {
    margin-left: 35px; } }
@media screen and (min-width: 480px) {
  .navbar-rooms-link {
    display: block; }

  .navbar-extra-link.extra-link-two {
    display: none; }

  .navbar-tel-number p {
    margin: 0px; }

  .navbar-tel-number svg {
    height: 12px;
    fill: #DDDBDB; } }
@media screen and (min-width: 568px) {
  .navbar-tel-number {
    display: block; }

  .logo img {
    width: 135px; } }
@media screen and (min-width: 640px) {
  .navbar-extra-link.extra-link-two {
    display: block; } }
@media screen and (min-width: 768px) {
  nav {
    background-color: rgba(0, 0, 0, 0); }

  .nav-flex-item p, .nav-flex-item a {
    top: 1px; }

  .logo img {
    width: 155px; }

  .hk-round-view.nav-flex-item {
    flex: 0; }

  .hk-round-view img {
    width: 50px; }

  .menu-icon {
    top: -4px;
    width: 40px; }

  .menu-icon-middle {
    padding: 14px 0px; }

  .menu-icon img {
    width: 40px; }

  section.mobile-rooms {
    margin-top: 0px; }

  .mobile-rooms-info {
    position: relative; }

  .landing-page-rooms-img img {
    max-width: 100%;
    height: auto; }

  .svg-right-arrow {
    fill: #fff; } }
.button {
  position: relative;
  display: block;
  border-radius: 3px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  max-width: max-content;
  padding: 0px 10px;
  white-space: nowrap;
  word-break: break-all; }

.button a,
.button span {
  display: block;
  padding: 10px 0px 8px;
  text-decoration: none;
  text-align: center; }

.get-overview span {
  padding: 0px; }

.button:hover {
  cursor: pointer; }

.button-green,
.button-green,
.button-dark-gray,
.button-rooms,
.button-offer {
  transition: 0.3s; }

.button-green:hover,
.button-green:hover,
.button-dark-gray:hover,
.button-rooms:hover,
.button-offer:hover {
  transition: 0.6s; }

.mobile-rooms-info-button a,
.mobile-rooms-info-button span,
.more-news-button a,
.more-news-button span {
  padding: 12px 0px;
  line-height: 1em; }

.button-green {
  background: #333333; }

.button-green:hover {
  background: #D44A2D; }

.button-green {
  background: #9B9E30; }

.button-green:hover {
  background: #656721;
  color: #DDDBDB; }

.button-offer {
  background: #9B9E30; }

.button.button-offer a {
  color: #fff;
  font-weight: 400;
  letter-spacing: 1.1px; }

.button-green, .button-green a,
.button-dark-gray a,
.button-green span,
.button-dark-gray,
.button-dark-gray span,
input.button-dark-gray {
  color: #ffffff; }

.button-green a,
.button-green span {
  color: #ffffff; }

.button-dark-gray,
.button-green {
  position: relative;
  margin: 0px auto 0px; }

nav .button.button-green {
  padding: 4px 6px 4px 6px; }

.page-content ul.rooms-available-list .mobile-rooms-info-button.button.button-dark-gray,
.page-content ul.rooms-available-list .mobile-rooms-info-button.button.button-green {
  margin: 30px auto 0px; }

.button-dark-gray {
  background: #333333; }

.button-dark-gray:hover {
  background: #737271; }

.mobile-rooms-info-button svg {
  height: 12px;
  position: relative;
  top: 3px;
  right: -5px; }

.more-rooms-button.button.button-dark-gray {
  width: 161px;
  bottom: -21px; }

.mobile-rooms-info-button-svg-right-arrow {
  fill: #DDDBDB; }

.button-rooms {
  margin-bottom: 30px; }

.background-logo {
  fill: #737271;
  opacity: 0.03;
  transform: rotate(21.5deg); }

.single-room-book-button,
.single-conference-contact-button,
.single-event-visit-event-button,
.single-additional-info-button {
  margin-top: 60px; }

.invisible-button {
  visibility: hidden; }

@media screen and (min-width: 480px) {
  .mobile-rooms-info-button.button-dark-gray,
  .mobile-rooms-info-button.button-green {
    position: relative; } }
@media screen and (min-width: 640px) {
  .single-conference-contact-button,
  .single-event-visit-event-button,
  .single-additional-info-button {
    margin-top: 130px; } }
@media screen and (min-width: 768px) {
  .mobile-rooms-info-button.button-dark-gray,
  .mobile-rooms-info-button.button-green {
    position: relative;
    bottom: 0px;
    right: 0; }

  .more-rooms-button.button.button-dark-gray {
    width: 181px; }

  .mobile-rooms-info-button.button-dark-gray a,
  .mobile-rooms-info-button.button-green a,
  .more-news-button.button-green a,
  .more-news-button.button-dark-gray a,
  .mobile-rooms-info-button.button-dark-gray span,
  .mobile-rooms-info-button.button-green span,
  .more-news-button.button-green span,
  .more-news-button.button-dark-gray span,
  input.button-dark-gray {
    font-size: 0.8em;
    padding: 12px 0px; }

  .mobile-rooms-info-button.mobile-rooms-info-button svg {
    height: 14px; } }
@media screen and (min-width: 1024px) {
  .single-conference-contact-button,
  .single-event-visit-event-button,
  .single-additional-info-button {
    margin-top: 200px; } }
.display-bookonline-widget {
  display: none; }

.promo_code {
  display: none; }

.mobile-bookonline-widget {
  position: fixed;
  top: 48px;
  display: block;
  width: 100%; }

.mobile-bookonline-widget {
  z-index: 1000; }

.mobile-bookonline-widget .bookonline-container {
  width: 100%;
  position: fixed;
  top: -410px; }

.mobile-bookonline-widget .bookonline-container,
.display-bookonline-widget .bookonline-container {
  margin: 0px auto 0px;
  z-index: 999; }

.mobile-bookonline-widget .bookonline-container h2 {
  font-size: 1em;
  padding: 10px 10px 9px;
  border-top: 1px solid #737271; }

.mobile-bookonline-widget .bookonline-container h2,
.display-bookonline-widget .bookonline-container h2 {
  background: #333333;
  margin: 0;
  color: #DDDBDB; }

.bookonline-header-image {
  display: none; }

.mobile-bookonline-widget .bookonline-container .textwidget {
  background: #DDDBDB;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.mobile-bookonline-widget .bookonline-container .textwidget {
  padding: 20px;
  color: #737271;
  border-bottom: 1px solid #333333; }

.bookonline-container .textwidget .container {
  display: flex;
  justify-content: center; }

.bookonline-container .textwidget .container .main .book-col-form .bookonline-flex .bookonline-flex-item .book-col-column {
  display: inline-flex;
  justify-content: space-between;
  width: 100%; }

.bookonline-container .textwidget .container .main .book-col-form .book-col-column label,
.bookonline-container .textwidget .container .main .book-col-form .book-col-column input,
.bookonline-container .textwidget .container .main .book-col-form .book-col-column select {
  padding: 6px;
  margin: 2px;
  font-size: 0.85em;
  color: #6f6f6f;
  font-weight: 100; }

.bookonline-container .textwidget .container .main .book-col-form .book-col-column input {
  width: 95px; }

.book-col-submit-wrap input.button-green.button {
  color: #ffffff;
  width: 50%;
  padding: 12px 0px;
  line-height: 1em;
  border: none; }

.bookonline-container .textwidget .container .main .book-col-form .book-col-column input,
.bookonline-container .textwidget .container .main .book-col-form .book-col-column select,
.display-bookonline-widget .bookonline-container .textwidget .container .main .book-col-form .book-col-submit .book-col-submit-wrap input {
  text-align: right;
  border: 1px solid #333333;
  border-radius: 3px; }

.bookonline-container .textwidget .container .main .book-col-form .book-col-column input,
.bookonline-container .textwidget .container .main .book-col-form .book-col-column select {
  background: #ffffff; }

.bookonline-container .textwidget .container .main .book-col-form .book-col-column select {
  width: 65px; }

.book-col-submit {
  padding-top: 30px; }

.book-col-submit-wrap input {
  max-width: unset; }

.bookonline-nav-button {
  display: inherit;
  font-size: 0.8em;
  margin-left: 10px; }

.bookonline-nav-button .button.button-dark-gray {
  padding: 4px 6px; }

.bookonline-svg-icon {
  text-align: center;
  display: inherit; }

.bookonline-svg-icon:hover {
  cursor: pointer; }

.bookonline-svg-icon svg {
  height: 24px; }

.bookonline-svg-icon h5 {
  margin: 0px;
  color: #DDDBDB;
  font-size: 0.55em; }

.checkin-icon-base-color {
  fill: #ffffff; }

.ig-header,
.fb-header,
.sidenav-email-address svg,
.tav-header {
  fill: #ffffff; }

.social-icons-header {
  display: none;
  position: fixed;
  z-index: 1; }

.social-icons-header svg {
  height: 24px;
  width: 24px;
  margin: 0px; }

@media screen and (min-width: 480px) {
  .bookonline-flex {
    flex-wrap: nowrap; }

  .bookonline-flex-item {
    margin: 10px; }

  .bookonline-container .textwidget .container .main .book-col-form .bookonline-flex .bookonline-flex-item .book-col-column {
    display: flex; }

  .bookonline-container .textwidget .container .main .book-col-form .book-col-column select {
    width: auto;
    height: 41px; }

  .bookonline-flex-item {
    margin: 0px; } }
@media screen and (min-width: 768px) {
  .bookonline-nav-button {
    display: none; }

  .mobile-bookonline-widget {
    display: none; }

  .display-bookonline-widget {
    display: inline-block;
    position: absolute;
    width: 100%;
    z-index: 10; }

  .display-bookonline-widget-fixed,
  .display-bookonline-widget-posts {
    position: fixed; }

  .display-bookonline-widget-fixed {
    top: 74px; }

  .display-bookonline-widget-posts {
    top: 80px; }

  .bookonline-svg-icon {
    display: none; }

  .display-bookonline-widget .bookonline-container {
    position: relative; }

  .display-bookonline-widget .bookonline-container h2 {
    display: none; }

  .bookonline-header-image:hover {
    cursor: pointer; }

  .bookonline-header-image img {
    width: 30px;
    position: absolute;
    top: 11px;
    right: 15px; }

  .display-bookonline-widget .bookonline-container .textwidget {
    background: rgba(221, 219, 219, 0.9);
    border-bottom: 1px solid #333333;
    box-shadow: none;
    border-radius: 0px 0px 3px 3px;
    padding: 20px 5px; }

  div#quickbooking {
    width: 100%;
    text-align: center; }

  .bookonline-flex {
    display: inline-flex;
    flex-wrap: nowrap; }

  .bookonline-flex-item, .book-col-submit {
    margin: 0px; }

  .book-col-submit-wrap input.button-green.button {
    width: 100%; }

  .bookonline-container .textwidget .container .main .book-col-form .bookonline-flex .bookonline-flex-item .book-col-column,
  .display-bookonline-widget .bookonline-container .textwidget .container .main .book-col-form .book-col-submit {
    display: inline-flex;
    width: auto; }

  .bookonline-container .textwidget .container .main .book-col-form .book-col-column label,
  .bookonline-container .textwidget .container .main .book-col-form .book-col-column input,
  .bookonline-container .textwidget .container .main .book-col-form .book-col-column select,
  .display-bookonline-widget .bookonline-container .textwidget .container .main .book-col-form .book-col-submit .book-col-submit-wrap input {
    padding: 11px 15px;
    margin: 2px;
    font-size: 1em; }

  select[name="nbdays"] {
    margin-left: 15px !important; }

  .bookonline-container .textwidget .container .main .book-col-form .book-col-column label {
    padding-top: 7px; }

  .bookonline-container .textwidget .container .main .book-col-form .book-col-column input {
    width: 86px; }

  .display-bookonline-widget .bookonline-container .textwidget .container .main .book-col-form .book-col-submit .book-col-submit-wrap input {
    margin: 0px 0px 0px; }

  .display-bookonline-widget .bookonline-container .textwidget .container .main .book-col-form .book-col-submit {
    padding-top: 0px;
    margin: 0px 6px; }

  .social-icons-header {
    display: inline-grid;
    position: fixed;
    width: 0px;
    top: 149px;
    margin-left: -60px;
    z-index: 11; }

  .social-icons-header svg,
  .social-icons-header img {
    height: 20px;
    width: 20px;
    margin: 0px 14px 0px 273px; }

  .sidenav-email-address {
    width: 307px; }

  .sidenav-email-address svg {
    margin: 0px 0px -1px 18px; }

  .display-bookonline-widget .bookonline-container h2,
  .social-icons-header #sidenav-email-address,
  .social-icons-header #facebook,
  .social-icons-header #instagram,
  .social-icons-header #tripadvisor,
  .social-icons-header #tourist-tv {
    border-radius: 3px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

  .social-icons-header #sidenav-email-address,
  .social-icons-header #facebook,
  .social-icons-header #instagram,
  .social-icons-header #tripadvisor,
  .social-icons-header #tourist-tv {
    display: flex;
    position: relative;
    align-items: center;
    height: 35px;
    background: #333333; }

  .social-icons-header #sidenav-email-address {
    left: -201px; }

  .social-icons-header #facebook,
  .social-icons-header #instagram,
  .social-icons-header #tripadvisor,
  .social-icons-header #tourist-tv {
    left: -201px; }

  div#sidenav-email-address a {
    color: #DDDBDB;
    margin: 0px 0px 0px 90px; }

  div#facebook,
  div#instagram,
  div#tripadvisor,
  div#tourist-tv,
  div#sidenav-email-address:hover,
  div#sidenav-email-address a:hover {
    cursor: pointer; }

  div#facebook a {
    padding: 14px 0px 11px; }

  div#instagram a {
    padding: 15px 0px 10px; }

  div#tripadvisor a {
    padding: 5px 0px 0px; }

  .social-icons-header #sidenav-email-address,
  .social-icons-header #facebook,
  .social-icons-header #instagram,
  .social-icons-header #tripadvisor {
    margin-bottom: 12px; } }
@media screen and (min-width: 1024px) {
  .social-icons-header {
    top: 150px;
    margin-left: -54px; }

  .social-icons-header svg,
  .social-icons-header img {
    height: 24px;
    width: 24px;
    margin: 0px 18px 0px 265px; }

  .sidenav-email-address {
    width: 307px; }

  .sidenav-email-address svg {
    margin: 0px 0px 0px 18px; }

  .social-icons-header #sidenav-email-address,
  .social-icons-header #facebook,
  .social-icons-header #instagram,
  .social-icons-header #tripadvisor,
  .social-icons-header #tourist-tv {
    height: 45px; }

  .social-icons-header #sidenav-email-address {
    left: -201px; }

  .social-icons-header #facebook,
  .social-icons-header #instagram,
  .social-icons-header #tripadvisor,
  .social-icons-header #tourist-tv {
    left: -201px; }

  .social-icons-header #sidenav-email-address,
  .social-icons-header #facebook,
  .social-icons-header #instagram,
  .social-icons-header #tripadvisor {
    margin-bottom: 19px; }

  div#sidenav-email-address a {
    color: #DDDBDB;
    margin: 0px 0px 0px 84px; } }
.acf-map-container {
  position: relative;
  padding: 10px 20px 60px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 200px; }

.location-icon {
  position: absolute;
  top: -30px;
  height: 60px;
  width: 60px;
  left: 50%;
  margin-left: -30px;
  z-index: 1; }

.acf-map {
  height: 260px;
  margin: auto; }

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important; }

/* get direction button */
.direction {
  text-align: center;
  position: relative;
  top: 45px; }

/*========== CONTACT FORM OVERWRITE AND NAMECARDS (mobile) ==========*/
.namecard-inner-container {
  max-width: 295px;
  margin: 0 auto; }

.namecard-inner-container img {
  width: 90px; }

.namecard-left, .namecard-right {
  border: 1px solid #333333;
  border-radius: 3px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  margin: 8px auto;
  padding: 3px;
  width: 295px;
  display: inline-block;
  background: #E4E2E1; }

p.namecard-name,
p.namecard-title,
p.namecard-contact-info {
  font-size: 0.85em;
  line-height: 1.35em;
  margin-bottom: 0px !important; }

p.namecard-name {
  margin-top: 4px;
  font-weight: initial; }

p.namecard-title {
  color: #9B9E30; }

div.wpcf7 {
  margin: auto; }

input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-submit,
select.wpcf7-select,
input.wpcf7-date {
  height: 30px; }

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-select,
input.wpcf7-date {
  border: 1px solid #333333;
  outline: none;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-select,
input.wpcf7-date,
input.wpcf7-form-control.wpcf7-submit,
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng {
  border-radius: 3px; }

.contact-form input[type=email], .contact-form input[type=text], .contact-form input[type=tel], .contact-form textarea[name=your-message], .contact-form input[type=submit] {
  width: 98% !important; }

input.wpcf7-form-control.wpcf7-submit {
  border: 0;
  background-color: #333333;
  color: #ffffff;
  font-size: 1.25em; }

input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #9B9E30; }

input.wpcf7-form-control:focus,
textarea.wpcf7-form-control.wpcf7-textarea:focus,
select.wpcf7-select:focus {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

input.wpcf7-form-control {
  padding-left: 8px; }

textarea.wpcf7-textarea {
  padding: 8px; }

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng,
div.wpcf7-response-output {
  padding: 0.6em 1em 0.5em; }

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng {
  color: #333333;
  background-color: rgba(255, 0, 0, 0.4);
  border: 0px; }

div.wpcf7-mail-sent-ok {
  background: rgba(43, 142, 1, 0.4);
  color: #206b01;
  border: 0px; }

div.wpcf7-response-output {
  margin: 0px; }

@media screen and (min-width: 640px) {
  .page-content.single-page-content.conference-info.contact-form-page {
    max-width: 620px; }

  .namecard-inner-container {
    max-width: 595px; } }
@media screen and (min-width: 768px) {
  /*========== CONTACT FORM OVERWRITE AND NAMECARDS (tablets) ==========*/
  p.namecard-name,
  p.namecard-title,
  p.namecard-contact-info {
    margin-top: 0em; }

  div.wpcf7 {
    margin: auto; }

  input.wpcf7-form-control.wpcf7-text,
  input.wpcf7-form-control.wpcf7-submit,
  select.wpcf7-select,
  input.wpcf7-date {
    height: 40px; } }
.hero-video-content {
  border: 4px solid red;
  height: 100vh;
  width: 100vw; }

.gallery_bank_main_container {
  text-align: center; }

.grid_wrapper_item.gb_animate {
  margin: 5px 5px 5px 5px !important; }

@media screen and (min-width: 640px) {
  .grid_wrapper_item.gb_animate {
    margin: 10px 10px 0px 0px !important; } }
.booking-row {
  position: fixed;
  display: none;
  width: 100%;
  background: #333333;
  margin-bottom: 20px;
  float: left;
  clear: both;
  z-index: 10;
  top: 42px; }

.booking-row,
.booking-row h2 {
  color: #ffffff; }

input.submit.button-green {
  width: 100%; }

input.submit-tablet {
  display: none; }

input.submit-mobile {
  display: block; }

.booking-row .submit {
  color: #ffffff; }

.booking-row h2, .booking-row label {
  font-weight: 100; }

.booking-row h2 {
  font-size: 1.618em; }

.booking-row-col1 {
  width: 100%; }

.booking-row-col1 {
  padding: 15px;
  position: relative; }

form.fbqs {
  font-size: 0.85em;
  position: relative;
  width: 285px;
  margin: auto; }

.booking-row input, .booking-row select, #from, #to {
  border: none;
  margin-bottom: 15px; }

.booking-row input, #from, #to {
  padding: 5px 9px 4px 6px;
  border-radius: 3px;
  font-weight: 100; }

.booking-row select {
  height: 23px; }

#from, #to {
  background: url(/wp-content/themes/hotelklettur-theme/assets/icon/calendar-check.svg);
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size: 20px;
  background-position: 95% 4px; }

.row-group1 {
  position: relative; }

.mobile-row-group.mobile-row-group1,
.mobile-row-group.mobile-row-group2 {
  display: table-cell;
  vertical-align: middle; }

.field {
  display: inline-block; }

.field.dates.checkin input, .field.adults_select select {
  margin-right: 45px; }

.field.nights {
  display: none; }

.field.nights select, .field.children_select select {
  margin-right: 0px; }

.mobile-row-group .field label, .field input, .mobile-row-group .field select {
  display: block;
  width: 120px; }

.mobile-row-group.mobile-row-group3 input[value="Book now"] {
  width: 100%; }

@media screen and (min-width: 411px) {
  .booking-row {
    top: 53px; } }
@media screen and (min-width: 480px) {
  form.fbqs {
    width: 300px; }

  .field.dates.checkin input, .field.adults_select select {
    margin-right: 60px; } }
@media screen and (min-width: 568px) {
  .booking-row {
    top: 60px; } }
@media screen and (min-width: 768px) {
  .booking-row {
    position: relative;
    display: block;
    top: 0px; }

  .booking-row-pages {
    position: fixed;
    top: 80px; }

  .booking-row-fixed {
    position: fixed;
    top: 79px; }

  .booking-row-col1 {
    max-width: 100%;
    text-align: center;
    padding: 17px 8px 16px; }

  form.fbqs {
    width: 70%; }

  .booking-row input, .booking-row select, #from, #to {
    margin-bottom: 0px; }

  .mobile-row-group {
    display: inline-block; }

  .field.dates.checkin input {
    width: 95px; }

  .mobile-row-group.mobile-row-group1,
  .mobile-row-group.mobile-row-group2 {
    display: inline-block;
    vertical-align: initial; }

  .mobile-row-group.mobile-row-group1 {
    margin-bottom: 15px; }

  .mobile-row-group .field label, .field input, .mobile-row-group .field select {
    display: inline-block;
    width: auto;
    margin-bottom: 0px;
    font-size: 0.85em;
    letter-spacing: 0.55px; }

  #from, #to {
    background-position: 95% 2px; }

  .field.nights select, .field.adults_select select, .field.children_select select {
    width: 35px; }

  .field.dates.checkin input, .field.nights select, .field.adults_select select, .field.children_select select, .field.promo_code input, select[name="property"] {
    margin-right: 15px; }

  .mobile-row-group.mobile-row-group3 input[value="Book now"] {
    width: auto; }

  .field.promo_code input {
    width: 71px; }

  input.submit.button-green {
    width: initial; }

  input.submit-tablet {
    display: initial; }

  input.submit-mobile {
    display: none; } }
@media screen and (min-width: 1024px) {
  form.fbqs {
    width: 66%; }

  .field.dates.checkin input {
    width: 125px; }

  .mobile-row-group .field label, .field input, .mobile-row-group .field select {
    font-size: 1em; }

  .field.promo_code input {
    width: 86px; } }
@media screen and (min-width: 1248px) {
  form.fbqs {
    width: 100%; }

  .mobile-row-group.mobile-row-group1 {
    margin-bottom: 0px; } }
.ui-widget-content {
  border: 1px solid #333333;
  background: #ffffff;
  color: #737271;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  margin: 8px 0px; }

.ui-widget-header {
  border: none;
  background: transparent;
  color: #737271;
  font-weight: 100; }

table.ui-datepicker-calendar th {
  color: #E4E2E1;
  font-weight: 100; }

.ui-state-default, .ui-widget-content .ui-state-default {
  border: none;
  background: transparent;
  color: #333333;
  text-align: center; }

.ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
  border: none;
  background: #333333;
  color: #ffffff; }

.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
  background: #9B9E30;
  cursor: pointer; }

.ui-widget-header .ui-icon {
  background-image: none !important; }

#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\2794"; }

#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\2794";
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-e:before,
#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-w:before {
  display: block;
  text-indent: 0;
  font-size: 18px;
  top: -2px;
  text-align: center;
  position: relative;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a.ui-datepicker-next.ui-corner-all:hover span:before,
a.ui-datepicker-prev.ui-corner-all:hover span:before {
  color: #ffffff !important; }

/*# sourceMappingURL=style.css.map */