@font-face {
  font-family: "queensfont";
  src: url("https://the-beverley-hotel.co.uk/fonts/b6bbaf15f7486dbb16c9fd65eae82a33.eot");
  src: url("https://the-beverley-hotel.co.uk/fonts/b6bbaf15f7486dbb16c9fd65eae82a33.eot#iefix") format("embedded-opentype"),
    url("https://the-beverley-hotel.co.uk/fonts/61c9a19f20b30833514e898cdf031d02.woff") format("woff"),
    url("https://the-beverley-hotel.co.uk/fonts/747304619212b381239c0572e4e1ec07.ttf") format("truetype"),
    url("https://the-beverley-hotel.co.uk/images/ffa1beb8dd38702e3615db7762d58688.svg#queensfont") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="faa-"]:before,
[class*=" faa-"]:before {
  font-family: "queensfont" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1.6em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: -5px;
}

.faa-queens-logo:before {
  content: "\61";
}
.faa-inv-queens-logo:before {
  content: "\62";
}
i.faa-queens-logo {
  font-size: x-large;
  line-height: 1.8em;
}
i.faa-inv-queens-logo {
  font-size: x-large;
  line-height: 1.8em;
}
@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.social-media {
  counter-reset: my-sec-counter;
  position: fixed;
  left: 0;
  top: 23%;
  z-index: 9999;
}
.container-marquee,
.marquee {
  position: relative;
  box-sizing: border-box;
}
.social-media ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.social-media ul li .social-content {
  float: left;
  display: none;
  min-width: 300px;
  padding: 10px;
}
#twitter .social-content iframe {
  height: 390px !important;
}
#.social-media ul li i {
  margin-left: -4px;
}
.social-media ul li .social-content.active {
  display: inline-block;
}
.social-media > ul > li > a {
  width: 40px;
  height: 40px;
  display: inline-block;
  font-size: 1.3em;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  text-shadow: none;
}
.social-media > ul > li > a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* @media screen and (max-width: 768px) {
  .social-media {
    top: 66vh ;
    right: 0 ;
    left: initial;
  }
  .social-media > ul > li > a {
    width: 32px !important;
    height: 32px !important;
    text-shadow: none;
  }
} */

#twitter a {
  background: #55acee;
}
#facebook a {
  background: #3c5998;
}
#hotelscombined .social-content {
  min-width: auto;
  background: #ffffff !important;
}
#hotelscombined > a {
  background: #00aee5;
}
#tripadvisor .social-content {
  min-width: auto;
  background: #00af87 !important;
}
#tripadvisor > a {
  background: #00af87;
}
#queensborough_reviews .social-content {
  min-width: auto;
  background: #336270 !important;
}
#queensborough_reviews > a {
  background: #336270;
}
#googleplus a {
  background: #d34836;
}
#youtube a {
  background: #b00;
}
#instagram a {
  background: #125688;
}
#pinterest a {
  background: #cb2027;
}
#linkedin a {
  background: #007bb5;
}
.container-marquee {
  width: 100%;
  min-height: 8em;
  margin: 1em auto;
  overflow: hidden;
}
.marquee {
  top: 6em;
  animation: marquee 15s linear infinite;
}
.marquee:hover {
  animation-play-state: paused;
}
@keyframes marquee {
  0% {
    top: 8em;
  }
  100% {
    top: -11em;
  }
}
.container-marquee .marquee {
  margin: 0;
  padding: 0 1em;
  line-height: 1.5em;
  font: 1em "Segoe UI", Tahoma, Helvetica, Sans-Serif;
}
.container-marquee::after,
.container-marquee::before,
.container-marquee:after,
.container-marquee:before {
  left: 0;
  z-index: 1;
  content: "";
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 4em;
}
.DynamicContent ul {
  padding-left: 40px !important;
  list-style-type: disc !important;
}

.cc-window {
  opacity: 1;
  transition: opacity 1s ease;
}
.cc-window.cc-invisible {
  opacity: 0;
}
.cc-animate.cc-revoke {
  transition: transform 1s ease;
}
.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em);
}
.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em);
}
.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
  transform: translateY(0);
}
.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
}
.cc-link,
.cc-revoke:hover {
  text-decoration: underline;
}
.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 99999;
}
.cc-window.cc-static {
  position: static;
}
.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cc-revoke {
  padding: 0.5em;
}
.cc-header {
  font-size: 18px;
  font-weight: 700;
}
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer;
}
.cc-link {
  opacity: 0.8;
  display: inline-block;
  padding: 0.2em;
}
.cc-link:hover {
  opacity: 1;
}
.cc-link:active,
.cc-link:visited {
  color: initial;
}
.cc-btn {
  display: block;
  padding: 0.4em 0.8em;
  font-size: 0.9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
}
.cc-banner .cc-btn:last-child {
  min-width: 140px;
}
.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}
.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline;
}
.cc-close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.6em;
  opacity: 0.9;
  line-height: 0.75;
}
.cc-close:focus,
.cc-close:hover {
  opacity: 1;
}
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}
.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}
.cc-top {
  top: 1em;
}
.cc-left {
  left: 1em;
}
.cc-right {
  right: 1em;
}
.cc-bottom {
  bottom: 1em;
}
.cc-floating > .cc-link {
  margin-bottom: 1em;
}
.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}
.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1;
}
.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center;
}
.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}
.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}
.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1;
}
.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.cc-compliance > .cc-btn {
  -ms-flex: 1;
  flex: 1;
}
.cc-btn + .cc-btn {
  margin-left: 0.5em;
}
@media print {
  .cc-revoke,
  .cc-window {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}
@media screen and (max-width: 414px) and (orientation: portrait),
  screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }
  .cc-window.cc-bottom {
    bottom: 0;
  }
  .cc-window.cc-banner,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0;
  }
  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1;
  }
  .cc-window.cc-floating {
    max-width: none;
  }
  .cc-window .cc-message {
    margin-bottom: 1em;
  }
  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset;
  }
}
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none;
}
.cc-theme-classic .cc-btn {
  border-radius: 5px;
}
.cc-theme-classic .cc-btn:last-child {
  min-width: 140px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block;
}
.cc-theme-edgeless.cc-window {
  padding: 0;
}
.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em;
}
.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: 0.8em 1.8em;
  height: 100%;
}
.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em;
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0;
}
.img-resize-holder {
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
}
.img-resize-holder div.img-responsive {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
div.img-responsive.img-zooming {
  -webkit-transform: scale(1);
  transform: scale(1);
}
div.img-responsive.img-zooming:hover {
  -webkit-animation: zoomin 100ms linear;
  animation: zoomin 100ms linear;
  animation-fill-mode: forwards;
}
.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-container .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#gallery {
  clear: both;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .social-media {
    bottom:0 !important;
    top:auto;
    left:0 !important;
    position:fixed;
    margin:0;
    padding:0;
  }
  .social-media ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
  .social-media > ul > li > a {
    counter-increment: my-sec-counter;
    width:calc(100vw / var(--social-count)) !important;
    /* width: 32px !important; */
    height: 32px !important;
    text-shadow: none;
    float:left;
  }
}