@font-face {
  font-family: 'avenirmedium';
  src: url('../fonts/12_avenir_65_medium___06173-webfont.eot');
  src: url('../fonts/12_avenir_65_medium___06173-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/12_avenir_65_medium___06173-webfont.woff2') format('woff2'), url('../fonts/12_avenir_65_medium___06173-webfont.woff') format('woff'), url('../fonts/12_avenir_65_medium___06173-webfont.ttf') format('truetype'), url('../fonts/12_avenir_65_medium___06173-webfont.svg#avenirmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cardoregular';
  src: url('../fonts/cardo104s-webfont.eot');
  src: url('../fonts/cardo104s-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cardo104s-webfont.woff2') format('woff2'), url('../fonts/cardo104s-webfont.woff') format('woff'), url('../fonts/cardo104s-webfont.ttf') format('truetype'), url('../fonts/cardo104s-webfont.svg#cardoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cardoitalic';
  src: url('../fonts/cardoi99-webfont.eot');
  src: url('../fonts/cardoi99-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cardoi99-webfont.woff2') format('woff2'), url('../fonts/cardoi99-webfont.woff') format('woff'), url('../fonts/cardoi99-webfont.ttf') format('truetype'), url('../fonts/cardoi99-webfont.svg#cardoitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
body,
html {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
body {
  background: #2c4865;
  background: -moz-linear-gradient(top, #2c4865 0%, #4a78a8 38%, #5e99d7 75%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c4865), color-stop(38%, #4a78a8), color-stop(75%, #5e99d7));
  background: -webkit-linear-gradient(top, #2c4865 0%, #4a78a8 38%, #5e99d7 75%);
  background: -o-linear-gradient(top, #2c4865 0%, #4a78a8 38%, #5e99d7 75%);
  background: -ms-linear-gradient(top, #2c4865 0%, #4a78a8 38%, #5e99d7 75%);
  background: linear-gradient(to bottom, #2c4865 0%, #4a78a8 38%, #5e99d7 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4865', endColorstr='#5e99d7', GradientType=0);
}
body.index {
  background: #ffffff no-repeat center 34% url(../img/bg-index.jpg);
  margin: 0;
  padding: 0;
  background-size: cover;
  filter: none;
}
.black,
a.white:hover {
  color: #000000 !important;
}
.white,
a.black:hover {
  color: #ffffff !important;
}
.backtotop {
  margin-top: 40px;
  text-align: center;
  display: none;
  font-size: 12px;
}
.relative {
  position: relative;
}
.body-wrapper {
  min-height: 100%;
  position: relative;
}
.content-wrapper {
  padding-bottom: 350px;
}
.pad-top-10 {
  padding-top: 10px;
}
.pad-top-20 {
  padding-top: 20px;
}
.pad-top-30 {
  padding-top: 30px;
}
.mb0 {
  margin-bottom: 0;
}
h2 {
  font-family: 'cardoregular';
  color: #323541;
  font-size: 20px;
  font-weight: normal;
  margin: 30px 0 -10px;
}
.label {
  color: #323541;
  font-weight: normal;
  margin: 30px 0 -10px;
}
#header a:hover,
#header li.active a {
  color: #95b9e0;
}
#header .pagename {
  font-family: 'cardoregular';
  font-size: 20px;
  margin: 5px 0 12px 0;
  display: inline-block;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#header .pagename::before {
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -5px;
  content: " ";
  display: inline-block;
  height: 1px;
  width: 100px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 45%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(45%, rgba(255, 255, 255, 0.52)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 45%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 45%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 45%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 45%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#85ffffff', GradientType=1);
}
#header .pagename::after {
  margin-left: 5px;
  vertical-align: middle;
  margin-top: -5px;
  content: " ";
  display: inline-block;
  height: 1px;
  width: 100px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.52) 55%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(55%, rgba(255, 255, 255, 0.52)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.52) 55%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.52) 55%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.52) 55%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.52) 55%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85ffffff', endColorstr='#00ffffff', GradientType=1);
}
body.index #header {
  background: -moz-linear-gradient(top, rgba(6, 89, 137, 0.6) 0%, rgba(6, 89, 137, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(6, 89, 137, 0.6)), color-stop(100%, rgba(6, 89, 137, 0)));
  background: -webkit-linear-gradient(top, rgba(6, 89, 137, 0.6) 0%, rgba(6, 89, 137, 0) 100%);
  background: -o-linear-gradient(top, rgba(6, 89, 137, 0.6) 0%, rgba(6, 89, 137, 0) 100%);
  background: -ms-linear-gradient(top, rgba(6, 89, 137, 0.6) 0%, rgba(6, 89, 137, 0) 100%);
  background: linear-gradient(to bottom, rgba(6, 89, 137, 0.6) 0%, rgba(6, 89, 137, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99065989', endColorstr='#00065989', GradientType=0);
}
/*body.index #header ul.top-menu { height: 56px; }*/
body.index #header a {
  /*text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);*/
  color: #ffffff;
  font-family: 'avenirmedium';
}
.mobile-header {
  width: 100%;
  background: url(../img/menu-tab.png) center center no-repeat;
  height: 56px;
  margin-bottom: 10px;
}
.top-links {
  color: #83b1e1;
  font-size: 10px;
  margin-top: 10px;
  display: inline-block;
}
.top-links:hover {
  color: #fff !important;
  text-decoration: none !important;
}
ul.top-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 74px;
}
ul.top-menu li {
  font-family: 'avenirmedium';
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  padding: 1px 24px;
}
.top-menu a {
  color: #ffffff;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0;
  font-family: avenir, arial, sans-serif;
}
.top-menu a:hover,
.top-menu .selected a {
  color: #95b9e0;
}
.top-menu .logo {
  padding: 0;
}
.top-menu .logo a {
  background: url(../img/menu-tab.png) no-repeat center center #ffffff;
  display: block;
  padding: 0px;
  margin: 0px;
  width: 220px;
  height: 56px;
}
.shadow {
  background-image: url(../img/bg-main-shadow.png);
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 25px;
}
p.intro {
  font-family: 'cardoitalic';
  font-size: 30px;
  margin-bottom: 10px;
}
p.small-intro {
  font-family: 'cardoitalic';
  font-size: 22px !important;
  margin-bottom: 10px;
}
p {
  font-family: 'cardoregular';
  font-size: 16px;
}
p a:hover {
  color: #00223b;
  text-decoration: none;
}
.flexslider img {
  max-width: 100%;
  height: auto;
}
/*.mobilelinks { display: none; min-height: 40px; position: relative; }*/
.mobilelinks {
  display: none;
  min-height: 40px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2500;
  overflow: hidden;
}
#mobilemenubtn {
  display: block;
  width: 51px;
  height: 56px;
  background: url(../img/hamburger.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
#slidemenuwrapper {
  padding: 40px 5px 0 0;
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  top: 0;
  left: -300px;
  z-index: 3000;
  width: 300px;
}
#slidemenuwrapper #slidemenuclose {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(../img/icon-close.png) no-repeat center;
}
#slidemenu ul {
  margin: 0;
  padding: 0;
}
#slidemenu ul li {
  margin: 0 0 5px 0;
  padding: 0;
  list-style: none;
}
#slidemenu ul li a {
  display: block;
  background: #95b9e0;
  padding: 12px 20px;
  color: #000000;
  position: relative;
  font-size: 12px;
}
#slidemenu ul li a span {
  width: 11px;
  height: 15px;
  background: url(../img/submenu-arrow.png) no-repeat bottom left;
  display: block;
  position: absolute;
  top: 13px;
  right: 20px;
}
#slidemenu ul li a.active {
  background: #424242;
}
#slidemenu ul li a.active span {
  background-position: top left;
}
/* CONTACT */
#londonLightbox > .lightbox-content {
  display: none;
}
.featherlight-content #londonLightbox > .lightbox-content {
  display: block !important;
}
#bentleyLightbox > .lightbox-content {
  display: none;
}
.featherlight-content #bentleyLightbox > .lightbox-content {
  display: block !important;
}
p.intro.history {
  font-size: 32px;
  line-height: 1.2em;
  margin-top: 20px;
}
span.left {
  position: absolute;
  top: 50%;
  right: 30px;
  color: #FFF;
  z-index: 11;
  transform: rotate(270deg);
  opacity: 1;
  -webkit-transition: opacity .7s ease;
  -moz-transition: opacity .7s ease;
  transition: opacity .7s ease;
}
span.right {
  position: absolute;
  top: 50%;
  left: 30px;
  color: #FFF;
  z-index: 11;
  transform: rotate(90deg);
  opacity: 1;
  -webkit-transition: opacity .7s ease;
  -moz-transition: opacity .7s ease;
  transition: opacity .7s ease;
}
.flex-active-slide span.left,
.flex-active-slide span.right {
  opacity: 0;
  -webkit-transition: opacity .7s ease;
  -moz-transition: opacity .7s ease;
  transition: opacity .7s ease;
}
video#London_Lodge {
  width: 854px;
  height: 480px;
}
video#Bentley_Lodge {
  width: 854px;
  height: 480px;
}
.addrspacing span {
  margin: 0 10px;
}
/* SLIDERS */
.flexslider {
  background: none !important;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  position: relative;
  max-width: 820px;
  width: 820px;
  margin: 0 auto;
}
#contact-carousel .slide .slide-wrapper,
#gallery-carousel .slide,
#gallery-carousel-int .slide {
  opacity: 0.32;
  -webkit-transition: opacity .7s ease;
  -moz-transition: opacity .7s ease;
  transition: opacity .7s ease;
}
#contact-carousel .slide.flex-active-slide .slide-wrapper,
#gallery-carousel .slide.flex-active-slide,
#gallery-carousel-int .slide.flex-active-slide {
  opacity: 1 !important;
  -webkit-transition: opacity .7s ease;
  -moz-transition: opacity .7s ease;
  transition: opacity .7s ease;
}
#googleMap,
.googleMapWrapper {
  width: 100%;
  height: 480px;
}
#googleMap img {
  max-width: none !important;
}
/*.container {overflow: hidden; width: 100%}*/
.flex-viewport {
  overflow: visible !important;
}
/* SLIDER Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 60px;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 10;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
  left: -60px;
  background-image: url(../img/icon-slider-prev.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.flex-direction-nav .flex-next {
  right: -60px;
  text-align: right;
  background-image: url(../img/icon-slider-next.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.flexslider:hover .flex-prev {
  background-color: rgba(0, 0, 0, 0.3);
  left: -60px;
}
.flexslider:hover .flex-next {
  background-color: rgba(0, 0, 0, 0.3);
  right: -60px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  background-color: rgba(0, 0, 0, 0.65);
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
/*.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: ' '; }
.flex-direction-nav a.flex-next:before  { content: ' '; }*/
#exterior,
#interior {
  outline: 0 none;
}
#exterior.active,
#interior.active {
  color: #ffffff;
}
.hideGallery {
  height: 0;
  width: 0;
  overflow: hidden;
}
/* PRICE LIST */
.price-list {
  font-family: 'cardoregular';
  font-size: 16px;
}
.price-list h2 {
  margin-bottom: -15px;
}
.price-list ul {
  padding-left: 15px;
}
.price-list small {
  font-size: 12px;
}
.supplier-list h2 {
  margin-bottom: 30px;
}
.supplier-list p {
  font-size: 14px;
  margin-bottom: 50px;
}
.supplier-list p.supplier {
  color: #323541;
  font-size: 15px;
  margin-bottom: 18px;
}
/* FOOTER */
#footer.index {
  width: 100%;
  height: 180px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 90px;
  background: none;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
#footer.index .footer-wrapper {
  background: none !important;
}
#footer.index .footer-inner {
  background: rgba(255, 255, 255, 0.6);
  height: 90px;
  padding: 35px 0;
}
#footer.index .footer-text {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #000000;
  letter-spacing: 1px;
}
#footer {
  width: 100%;
  height: 350px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../img/bg-landscape-tile.png);
  background-position: center bottom;
  background-repeat: repeat-x;
}
.footer-wrapper {
  background-image: url(../img/bg-landscape.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 100%;
}
.footer-inner {
  padding-top: 295px;
}
#footer .footer-text {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #ffffff;
  letter-spacing: 1px;
}
#footer .footer-text li {
  font-family: 'avenirmedium';
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 9px;
}
@media only screen and (max-width: 992px) {
  ul.top-menu li {
    padding: 1px 17px;
  }
  #header .pagename::before,
  #header .pagename::after {
    width: 80px;
  }
  .body-wrapper img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 820px) {
  .flexslider {
    width: 100%;
  }
  .flex-direction-nav {
    width: 100%;
  }
  .flex-direction-nav a {
    width: 30px;
  }
  .flex-direction-nav .flex-prev {
    left: 0;
  }
  .flex-direction-nav .flex-next {
    right: 0;
  }
  .flexslider:hover .flex-prev {
    left: 0;
  }
  .flexslider:hover .flex-next {
    right: 0;
  }
  span.left,
  span.right {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  p.intro,
  p.intro.history {
    font-size: 24px;
  }
  p {
    font-size: 16px;
  }
  .mobile-header {
    display: block;
  }
  .mobilelinks {
    display: block;
  }
  .top-menu {
    display: none !important;
  }
  .backtotop {
    display: block;
  }
  video#London_Lodge {
    width: 100%;
    height: auto;
  }
  video#Bentley_Lodge {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 480px) {
  .top-links {
    color: #ffffff;
    text-decoration: underline;
  }
  .top-links:hover {
    color: #83b1e1;
  }
  p.intro,
  p.intro.history {
    font-size: 20px;
  }
  p {
    font-size: 14px;
  }
  .pad-top-20 {
    padding-top: 10px !important;
  }
  .top-links {
    color: #ffffff;
  }
}
@media only screen and (max-width: 320px) {
  #header .pagename::before,
  #header .pagename::after {
    width: 50px;
  }
  .footer-inner {
    padding-top: 265px;
  }
  /*ul.top-menu { height: 110px; }*/
}
@media only screen and (max-width: 768px) {
  #header .text-center .col-sm-6 {
    width: 100%;
  }
}