[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
@font-face {
  font-family: 'yanone-light';
  src: url('../fonts/yanonekaffeesatz-light-webfont.eot');
  src: url('../fonts/yanonekaffeesatz-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/yanonekaffeesatz-light-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatz-light-webfont.ttf') format('truetype'), url('../fonts/yanonekaffeesatz-light-webfont.svg#yanone-light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'yanone-regular';
  src: url('../fonts/yanonekaffeesatz-regular-webfont.eot');
  src: url('../fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'), url('../fonts/yanonekaffeesatz-regular-webfont.svg#yanone-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'pfdintextpro';
  src: url('../fonts/pfdintextcondpro-regular-webfont.eot');
  src: url('../fonts/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdintextcondpro-regular-webfont.woff') format('woff'), url('../fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'), url('../fonts/pfdintextcondpro-regular-webfont.svg#pfdintextpro') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'pfdintextpro', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
div.caption-container {
  position: absolute;
  left: 11rem;
  top: 11rem;
  width: 30rem;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
}
div.caption-container h1 {
  font-family: 'yanone-light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  color: white;
  margin: 0px;
}
div.caption-container h2 {
  font-family: 'yanone-light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  color: #ddd;
  margin: 0px;
  text-align: right;
}
div.caption-container p {
  color: white;
  font-family: 'pfdintextpro', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
div.caption-container button {
  line-height: 24px;
}
div.caption-container button i {
  font-size: 24px;
}
div.caption-container button span {
  vertical-align: top;
}
a.icon-big {
  line-height: 24px;
}
a.icon-big i.icon-big, a.icon-big em.icon-big {
  font-size: 24px;
}
a.icon-big span {
  vertical-align: top;
}
section#hotel {
  background: url('../img/bg/hotel.bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section#restaurant {
  background: url('../img/bg/restaurant.bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
nav.page-nav ul {
  float: right;
  margin-top: 20px;
  margin-right: -15px;
  margin-bottom: 5px;
}
nav.page-nav ul li {
  list-style-type: none;
  float: left;
  margin-left: 5px;
  background-color: rgba(0, 0, 0, 0.4);
}
nav.page-nav ul li:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
nav.page-nav ul li.active {
  background-color: rgba(0, 140, 186, 0.4);
}
nav.page-nav ul li.active:hover {
  background-color: rgba(0, 140, 186, 0.5);
}
nav.page-nav ul li a {
  color: white;
  padding: 15px;
  float: left;
}
nav.page-subnav ul {
  margin-left: 0;
}
nav.page-subnav ul li {
  list-style-type: none;
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: 5px;
  float: left;
  width: 100%;
}
nav.page-subnav ul li:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
nav.page-subnav ul li a {
  padding: 10px;
  color: white;
  float: left;
  width: 100%;
}
nav.page-subnav ul li a.active {
  background-color: rgba(0, 140, 186, 0.4);
}
nav.page-subnav ul li a.active:hover {
  background-color: rgba(0, 140, 186, 0.5);
}
div.tabs-content {
  display: none;
}
div.tabs-content p {
  padding-top: 15px;
}
div.tabs-content div#img-preview {
  min-height: 350px;
  margin-top: 20px;
}
div.tabs-content ul.thumbs {
  margin-left: 0;
  margin-top: 10px;
}
div.tabs-content ul.thumbs li {
  list-style-type: none;
  float: left;
  width: 20%;
}
div.tabs-content ul.thumbs li:hover {
  cursor: pointer;
}
div.tabs-content ul.thumbs li:hover > img {
  opacity: 1;
}
div.tabs-content ul.thumbs li img {
  opacity: 0.5;
}
div.container {
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 500px;
  padding: 15px;
  color: white;
}
div.container h1, div.container h2, div.container h3 {
  font-family: 'yanone-light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
div.container h4, div.container h5, div.container h6 {
  font-family: 'yanone-regular', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
div.container h1 {
  color: white;
}
div.container h2 {
  color: #ddd;
  margin-top: 0;
}
div.container h3 {
  color: #bbb;
}
div.container p {
  font-size: 13px;
}
div.container label {
  color: white;
}
form.booking {
  margin-top: 15px;
}
footer#contact {
  background-color: #111;
}
footer#contact section#social-panel {
  background-color: #3c9a5f;
}
footer#contact section#social-panel h3 {
  font-family: 'yanone-light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  color: white;
  padding-top: 1.5%;
}
footer#contact section#social-panel ul {
  margin: 0px auto 0px auto;
}
footer#contact section#social-panel a {
  font-size: 48px;
  color: #26633d;
}
footer#contact section#social-panel a :hover {
  color: white;
}
footer#contact section#contact-panel {
  background-color: #444;
}
footer#contact section#contact-panel h4 {
  font-family: 'yanone-light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  color: white;
}
footer#contact section#contact-panel ul#footer-links {
  margin-left: 0px;
}
footer#contact section#contact-panel ul#footer-links li.link {
  list-style-type: none;
}
footer#contact section#contact-panel ul#footer-links li.link a {
  color: white;
}
footer#contact section#contact-panel ul#footer-links li.link a:hover {
  color: #ccc;
}
footer#contact section#contact-panel address {
  color: white;
  line-height: 25px;
  font-family: 'yanone-light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
footer#contact section#contact-panel label {
  color: white;
}
footer#contact section#contact-panel input {
  margin-bottom: 7px;
}
footer#contact section#credits {
  background-color: #111;
}
footer#contact section#credits p {
  padding: 20px 0;
  color: white;
  font-size: 13px;
  margin-bottom: 0px;
}