body {font-family: 'Raleway', sans-serif;font-weight: 300; color: #010101;  background: #FFF; }
p, li { line-height: 1.5; }
.upper {text-transform: uppercase;}
a, a:visited, .color {color:#a37f3b; text-decoration:none;}
a:hover, a:focus {color: #010101; }

h1, h2, h3, h4, h5, h6 {color:#010101;font-family: 'Raleway', sans-serif;font-weight: 300; text-transform: uppercase; }
h1 { font-size: 2.4rem; margin-bottom:2.5rem; padding: 0 0 0.5rem 0; }
h1.text-left { font-size: 2.4rem; margin-bottom:2.5rem; padding: 0 0 0 0.8rem; border-left: 4px solid #bf9d78;line-height: 0.9; }
h1.text-center {  border-bottom: 1px solid #bf9d78; width: 80%; margin: 0 auto 0.5rem;}
nav {margin-bottom: 2rem;}
h2 { font-size: 2rem;margin-bottom: 2.5rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.0rem; margin-bottom: 1.5rem; }
h6 { font-size: 1rem; }

.clear { clear:both;}
.dots { padding-left:0; margin-left:0; }
.dots li {list-style:none; padding: 0 0 1rem 1rem;  background: url(../images/li-dot.png) no-repeat 0 7px; }

hr {
    height: 1px;
    border-bottom: 1px solid #f4f4f4;
    border-left: 0;
    margin-bottom: 2.5rem;
}
@media screen and (min-width: 39.9375em) {
	hr {max-width: 30%;}
 }
.hr {
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    padding: 0.5rem 0;
    margin: 1.5rem 0;
}
small { color: #7c817a;}

/*CONTENT-----------------------------------------------------*/
section {padding:2rem 0 2rem; }
#about { padding:3rem 0 0;}
#content { padding:3rem 0 4rem;}
#about h1 { padding: 0.6rem 0 0 0;line-height: 1.4;font-weight: 600; background: url(../images/bg-h1.gif) no-repeat top left; border: none;}
#services {padding:6rem 0 0rem; }
#kontakt, #accomodation {padding:1rem 0 5rem; }
#bottom {padding:3rem 0; background: #2a2b2d; color: #FFF; }

.button {text-align: center; text-transform: uppercase; color: #bf9d78;font-size: 0.9rem; padding: 0.5em 2em; margin: 0.5rem 0 1rem 0; border:1px solid #bf9d78; background:#FFF;border-radius: 2rem;}
.button:hover, .button:focus {color: #FFF;background:#a37f3b; }
.lead {
    font-size: 125%;
    line-height: 1.6;
    font-weight: 400;
    padding-bottom: 2rem;
}
.callout {
    margin: 0 0 1rem 0;
    padding: 0;
    border: 0px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    position: relative;
    color: #2a2c29;
    background-color: white;
}
.callout p {margin-bottom: 0rem;}
.callout img {margin-bottom: 1rem;}
.callout .lead {font-size: 1rem; padding: 0; text-transform: uppercase;}
.callout .lead a {color: #2a2c29;}
.callout .lead a:hover {color: #a37f3b;}
.pagination .current { background: #a37f3b;}
@media screen and (min-width: 40em){
.column.padding-0 {
    padding-left: 0;
    padding-right: 0;
	}
}
@media screen and (min-width: 40em){
	.row.thin { padding: 0 5rem;}
}
/*VIZUAL-----------------------------------------------------*/
#vizual { margin: 0; padding:0; text-align: center;}
 
.row.check {  min-height: 80px; position: relative; padding: 1rem; margin: -15px auto 3em; background: #FFF; border-bottom: 3px solid #f5f5f5; z-index: 100;}
@media screen and (min-width: 40em) {	
    .row.check {width: 80%; margin: -15px auto 1em; padding: 1rem 0rem;}  
    .row.check .text-center { text-align: right;} 
}
@media screen and (min-width: 64em) {	
    .row.check {width: 55%; margin: -15px auto 1em; padding: 1.5rem 1rem; }
    .row.check .text-center { text-align: right;} 
}

@media screen and (max-width: 39.9375em) {
  .row.check {width: 95%; margin: -15px auto 3em; padding: 1rem 1rem;}
} 

.calendar { padding: 0.7rem 1rem; margin-bottom: 3px; border: 3px solid #f5f5f5;}
.input-button {float: left; display: block;}
#input-text {width: auto; min-width: 200px; background: #fff; border: 0; box-shadow: none; height: auto; margin: 0; padding: 0.2rem 0 0 0.5rem;}
.check .button { padding:1em 2em; margin: 0 0 3px; font-size: 1rem;  background: #a37f3b; color: #FFF;}

.breadcrumbs li {
  float: none;
  display: inline-block;
}
 
/*BOXES-----------------------------------------------------*/

#hotel-boxes {background: #f5f5f5; padding: 3rem 0;}
#hotel-boxes .boxes {
	background: #FFF;
}
#hotel-boxes .button { padding:1em 2em; margin-top: 3rem; font-size: 1rem;  background: #a37f3b; color: #FFF;}
#hotel-boxes .boxes h3 { font-size: 1.2rem; text-transform: uppercase;}
#hotel-boxes .columns {padding: 0;}

.boxes .boxes-block {
  padding: 1rem;
  background: #FFF;
  padding: 3rem!important;
}

.leftcol { padding-top: 3.5rem;}
.leftcol h4 { margin-bottom: 2rem; border-bottom: 1px solid #f5f5f5;}

/*FOOTER-----------------------------------------------------*/
#footer { color:#FFF;padding:2rem 0 1rem 0; background:#313536;}
#footer h5 { color:#828282; }
#footer p, #footer li { font-size: 0.85rem; text-transform: uppercase;}
#footer i { margin-right: 0.5rem}
#footer a { color:#FFF;} 
#footer a:hover { color:#a37f3b;}
#footer a .fa-facebook { color:#171717;}
#footer input { background:#2a2b2d; border: 1px solid #5b5d5e;font-size: 0.9rem; color: #828282; }
#footer .button { padding:1em 2em; font-size: 1rem;  background: #a37f3b; color: #FFF;}
@media screen and (min-width: 39.9375em) {
    #footer h4 {font-size: 1.8rem; }  
 }

#bottom ul { margin: 0}
#bottom .bottom-menu > li {
    display: inline-block;
    padding: 0 1.5rem 0 0;
    line-height: 1;
    font-size: 0.85rem;
    text-transform: uppercase;
}
#bottom .bottom-menu.text-right > li {  padding: 0 0 0 1rem;}
@media screen and (max-width: 50em){
	#bottom .bottom-menu.text-right  { text-align:left; margin-top: 0.5rem;}
	#bottom .bottom-menu.text-right > li {
    display: block;
    padding: 0.3rem 1.5rem 0.4rem 0;
    line-height: 1;
    font-size: 0.9rem
}
}
#bottom a { color: #FFF; }
#bottom a:hover, #bottom .text-right a:hover { color: #bf9d78; }
#bottom .text-right a { color: #828282; }
#bottom i { margin-right: 0.5rem }
#top {
    display: block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: url(../images/top.png) no-repeat;
    opacity: 0.6;
    display: none;
}

/*NAVIGATION-----------------------------------------------------*/
#top-row { padding:0; margin: 0; width:100%; color:#FFF; background:#313536;}
#top-row p { padding: 0.6rem 0; margin:0; font-size: 0.8rem;}
#top-row i { margin-right:1.5rem;}
#top-row a {color:#FFF;}
#top-row a:hover {color:#bf9d78;}
#top-row .text-right a { padding: 0 0.3rem;}
@media screen and (min-width: 40em){
	#top-row .medium-6 { width: 70%;}
}
@media screen and (min-width: 40em) {
	#top-row  .medium-6.text-right {width: 30%;}
}

#navigation { padding:0; margin: 0; width:100%; color:#FFF; background:#015a2a;}
.top-bar, .top-bar ul {background: none; padding: 0; margin: 0; width: auto;}
.top-bar-left { padding:0.5rem; float: none; text-align: center; position: relative;}
.top-bar-left p { margin: 0;}
.top-bar-left span { display: none;}
.top-bar-right { margin: 0 0 1rem;padding:0; font-size: 85%; float: none; text-align: center; }
.top-bar .menu a { color:#FFF; text-decoration: none; text-transform: uppercase;border-bottom: 1px solid transparent;}
.top-bar .menu a:hover { color:#bf9d78; border-bottom: 1px solid #bf9d78;}
.top-bar .menu .menu a, .top-bar .menu .menu2 a { color:#FFF; }

.top-bar .menu .menu a:hover, .top-bar .menu .menu2 a:hover { color:#69636a; }
@media screen and (min-width: 39.9375em) {
	#navigation .row {max-width:100%;}
	.top-bar-right { padding: 0;}
	.top-bar ul { display: inline-block; position: relative; margin: 0;}  
 }

.title-bar {
  background: none;
  text-align: center;
  width: 100%;
  padding: 1rem 0;  
}
.title-bar .menu-icon {
    font-size: 1.1rem; 
    margin-left: 1rem;  
    padding: 1rem; 
    color:#FFF; 
    font-weight:700;
    background: #015a2a;
    border: none;    
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    left: 0;
    right: 100%;
    background: #FFF;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent;
 border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px; }
.menu .menu { padding: 20px 0 20px 15px; list-style-type: none; margin: 0;}
.is-dropdown-submenu {
    min-width: 250px;
    border: none;
    background:#FFF;
}
@media screen and (max-width: 50em) {
    .top-bar-right { margin-top:1rem; }
 }
@media screen and (max-width: 39.9375em) {
    #navigation { padding:1rem 0 0;}
    .top-bar {padding:0;}
    .top-bar-right { margin-top:1rem; }
    .top-bar-right ul { padding:0; }
    .top-bar-right .menu > li { display: block; float:none; background: #a37f3b; }
    .top-bar-right .menu > li > a {padding: 0.7rem 2rem 0.7rem 2rem; color: #FFF; border-bottom: 1px solid #bf9d78; border-right: none; }
    .menu-text {text-align: center; padding: 0;}
    .top-bar-left, .top-bar {float:none; margin: 0 auto; text-align: center;}    
 } 

.fullscreen-image-slider .orbit-image {
  width: 100%;
  height: 80%;
}
.fullscreen-image-slider .orbit-caption {
  bottom: 0%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  background: none;
  text-align: center;  
}

/*GALLERY IMAGE-----*/
.news-image-gallery-container {
  background-color: #fefefe;
  padding: 2rem 2rem 1rem;
}
.orbit-p, .orbit-n {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 0;
    color: #fefefe;
}
.orbit-p {
    left: 0;
}
.orbit-n {
    left: auto;
    right: 0;
}
@media screen and (max-width: 50em) {
    .orbit-p, .orbit-n { width: 10%; }
 }