@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600);
@import url("bootstrap.min.css");
@import url("bootstrap-theme.min.css");
@import url("font-awesome.min.css");
@import url("owl.carousel.css");
@import url("owl.theme.css");
@font-face {font-family:"Channel";src:url("../fonts/Channel.eot?") format("eot"),url("../fonts/Channel.woff") format("woff"),url("../fonts/Channel.ttf") format("truetype"),url("../fonts/Channel.svg#Channel") format("svg");font-weight:normal;font-style:normal;}

/* Basic Styles 
-------------------------------------------------- */
	/* Headings */
	/* Links */
	/* Margins */
	/* Form */
	/* Buttons */
	/* Image Hover Zoom */
	/* Grid */
	
/* Top Header
-------------------------------------------------- */
	/* Items */
	/* Language dropdown */
	/* Social icons */
	/* Retina logo */

/* Header
-------------------------------------------------- */
	/* Base Navigation */
	/* Logo */
	/* Navbar */
	/* Dropdown */
	/* Shrink Navigation */
	/* Nav Yamm3 Megamenu */

/* Reservation Form
-------------------------------------------------- */
	/* Vertical */
	/* Price */
	/* Horizontal */
	/* Icons */
	/* Button */
	/* Guests */
	/* Datepicker*/
	/* Error Message */

/* Rooms
-------------------------------------------------- */
	/* Room Thumbnails */
	/* Room List */

/* USP's
-------------------------------------------------- */
	/* Circle */
	/* Icon */

/* Blog
-------------------------------------------------- */
	/* Article */
	/* Meta */
	/* Content */
	/* Blog Author */
	/* Blog Comments */

/* Aside
-------------------------------------------------- */
	/* Headings */
	/* Widgets */
	/* Widget: Tags */
	/* Widget: List Styles */
	/* Widget: Latest News */

/* Pages
-------------------------------------------------- */
	/* 404 Error page*/
	/* Fontawesome Page */
	/* Gallery */

/* Bootstrap Components
-------------------------------------------------- */
	/* Image styles */
	/* Nav Tabs */
	/* Nav Pills */
	/* Call To Action */
	/* Breadcrumb */
	/* Popover */
	/* Table */
	/* Panel */
	/* Pagination */
	/* Badge */
	/* Blockquote */
	/* Alerts */

/* Footer
-------------------------------------------------- */
	/* Base */
	/* Footer Bottom */

/* Plugin Styles
-------------------------------------------------- */
	/* Yamm */

/* Responsive Styles
-------------------------------------------------- */
	
/*------------------------------------------------------- */
/*------------------------------------------------------- */


/* Basic Styles 
-------------------------------------------------- */

html, html a {
	-webkit-font-smoothing: antialiased !important;
    text-rendering: auto !important;
    -moz-osx-font-smoothing: grayscale !important;
	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 28px;
	font-weight: 300;
    color: #333;
    background-color: #fff;
	background-image: url('../img/bg_image.jpg');
	margin: 0 0 40px; /* bottom = footer height */
}
html {
    position: relative;
    min-height: 100%;
}
.left {
    float: left;
}
.right {
    float: right;
}
.center {
	text-align: center;
}
img {
	max-width: 100%;
}
#wrapper {
    background-color: #fff;
    max-width: 1170px;
    width: auto;
    padding: 0 0 40px;
    margin: auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.pt50 {
	padding-top: 50px;
}
/* Headings */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    line-height: 1.1;
    color: #78060E;
	font-family:"Channel";
    float: left;
    width: 100%;
}
.h1, h1 {
    font-size: 19px;
    margin-top: 40px;
    margin-bottom: 30px;
    line-height: 40px;
}
.h2, h2 {
    font-size: 16px;
}

/* Links */
:focus {
    outline: none;
}
a:link, a:visited {
    color: #78060E;
    text-decoration: none;
}
a:hover, a:focus, a:active  {
    color: #CA3741;
    text-decoration: none;
}

.copyright_overlay a:link, .copyright_overlay a:visited {
    color: #fff;
}
.copyright_overlay a:hover, .copyright_overlay a:focus, footer a:active {
    color: #E8D6AF;
    text-decoration: none;
}
	/* Fonts */
	/* Links */
	
:focus {
	outline: none;
}
/* Margins */
	/* Form */
	/* Buttons */
	/* Image Hover Zoom */
	/* Grid */
	
/* Header
-------------------------------------------------- */
	/* Base Navigation */
.navbar {
    background-image: none;
    background-color: #78060E;
    color: #fff;
    box-shadow: none;
    border: 0;
    border-radius: 0;
	margin-bottom: 0;
}
a.dropdown-toggle {
    color: #fff !important;
    font-size: 16px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-color: #FFFFFF !important;
    color: #78060E !important;
    background-image: none;
    box-shadow: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #78060E;
    background-image: none;
}

	/* Logo */
.navbar-brand {
    height: auto;
    padding: 15px 15px 0;
}
	/* Navbar */
	/* Dropdown */

/* Footer
-------------------------------------------------- */
	/* Base */

footer {
    background-color: #78060E;
    color: #fff;
    font-size: 14px;
    padding: 6px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
footer a:link, footer a:visited {
    color: #F6E6C5;
}
footer a:hover, footer a:focus, footer a:active {
    color: #E8D6AF;
    text-decoration: none;
}
/* Plugin Styles
-------------------------------------------------- */
	/* Yamm */

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: auto;
}
.yamm .yamm-content {
	padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}
pre {
	margin: 0;
	padding: 10px 20px !important;
}
.container, .jumbotron .container {
	width: auto;
	max-width: 1170px;
}
.jumbotron {
	margin: 60px 0;
	padding-left: 0;
	padding-right: 0;
}
.jumbotron.intro {
	margin-top: 0;
}
.jumbotron .navbar {
	font-size: 14px;
	line-height: 1.6;
}
.list-unstyled, .list-unstyled ul {
	min-width: 120px
}
.grid-demo {
	padding: 10px 30px;
}
.grid-demo [class*="col-"] {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1em;
	text-align: center;
	line-height: 2;
	background-color: #e5e1ea;
	border: 1px solid #d1d1d1;
}
	/* Owl-Carousel */
	
.owl-controls {
    position: absolute;
    bottom: 15px;
    margin: 0;
	width: 100%;
}
.owl-dot {
    width: 10px;
    height: 10px;
    background: #FFF;
    position: relative;
    display: inline-block;
    border: 1px solid #fff;
    margin: 0 3px;
}
.owl-dot.active {
    background-color: #78060E;
}
.copyright_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}
.copyright_overlay a {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 16px;
}
a.teaser {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    position: relative;
	color: #fff;
	margin-bottom: 15px;
}
a.teaser img{
	border: 1px solid #ccc;
}
a.teaser .caption {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 4px;
    text-align: center;
    background: rgba(120, 6, 14, 0.85);
    margin-left: 15px;
    margin-right: 15px;
}
.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    font-family: "Channel";
}
subnav {
    width: 25%;
    float: left;
    padding: 50px 15px 0;
    font-size: 14px;
}
.content {
    width: 75%;
    float: left;
    padding: 0 15px;
}
ul#subnavigation {
    padding: 0;
    list-style: none;
    margin-top: 13px;
}
ul#subnavigation li a {
    font-size: 18px;
    color: #333;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
    float: left;
}
ul#subnavigation li:last-child a {
	border: 0;
}
ul#subnavigation li.active a, ul#subnavigation li:hover a {
	color: #78060E;
}
.content h1 {
    margin-bottom: 15px;
}
.content p {
    margin: 0 0 15px;
}

/* Responsive Styles
-------------------------------------------------- */

@media (min-width: 481px) {
}
@media (min-width: 769px) {	
.navbar-nav>li>a {
    padding-top: 30px;
    padding-bottom: 32px;
}
ul.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: #FFF;
    padding: 0;
}
.dropdown-menu>li>a {
    font-size: 16px;
    color: #78060E;
    padding: 7px 20px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-image: none;
    background-color: #78060E;
    color: #fff;
}
.tinynav { display: none }
}
@media (min-width: 993px) {
}
@media (min-width: 1025px) {
.w80 {
    width: 90%;
    margin: auto;
}
}
@media (min-width: 1201px) {
.w80 {
    width: 80%;
}
}
	

@media (max-width: 1200px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 992px) {
}
@media (max-width: 860px) {	
body {
    margin: 0 0 68px;
}
footer .right, footer .left {
	float:left;
	width: 100%;
}
.nav>li>a {
    padding-left: 6px;
    padding-right: 6px;
}
}
@media (max-width: 768px) {
body {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.h1, h1 {
    font-size: 16px;
    line-height: 35px;
}
.min769 {
    display: none;
}
footer {
    position: relative;
}
footer .left {
	text-align: center;
}
footer .right a {
    display: block;
    width: 100%;
    text-align: center;
    background: #FFF;
    border: 0;
    padding: 5px;
    margin: 5px 0;
    color: #78060E;
}
footer .right a:hover {
    color: #78060E;
}
footer .min769 {
    display: block;
    font-size: 0;
    line-height: 0;
}
ul.nav.navbar-nav.right {
    width: 100%;
    margin: 0;
}
.navbar-collapse {
    margin: 0;
    padding: 0;
}
.navbar-brand>img {
    height: 50px;
}
.navbar-brand {
    height: auto;
    padding: 5px 15px 0;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    margin-top: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #FFFFFF;
}
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #78060E;
}
a.dropdown-toggle {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.navbar-nav .open .dropdown-menu {
    display: none;
}
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #78060E;
}
ul#subnavigation {
    display: none;
}
.content, subnav {
	width: 100%;
}
.breadcrumb {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
subnav {
    padding: 15px 0 0;
}
.content {
    padding: 0;
}
select {
    width: 100%;
    height: 35px;
    background: #F4E4C3;
    border: 0;
    padding: 5px 15px;
}
.content h1 {
    margin-top: 25px;
}
}

/* Smartphone portrait */
@media (max-width: 480px) {	
a.teaser {
    width: 100%;
    padding: 0;
}
a.teaser .caption {
    margin-left: 0;
    margin-right: 0;
}
.owl-controls {
    bottom: 5px;
}
.pt50 {
    padding-top: 25px;
}
}
@media (max-width: 414px) {
}
@media (max-width: 375px) {
.navbar-brand>img {
    height: 45px;
}
.navbar-default .navbar-toggle {
    margin-top: 8px;
}
}
@media (max-width: 320px) {
}
@media (max-width: 319px) {
}


