@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

.page-header {
border:none;
margin:0;
padding:0;
}

html, body, header {
  height: auto;
}

header {
  height: auto;
  max-height: 700px;
}

header .slideshow img {
  object-fit: cover;
}

.home header {
  height: 100vh;
  max-height: 100%;
}

.home header .slideshow img {
  height: 100vh;
  object-fit: cover;
}

h1, h2, h3, h4, h5, h6 {
clear:both;
margin: 0;
padding : 0;
font-size : 100%;
}

.nav::before, .nav::after {
content:normal;
}

hr{
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 3px dotted #FFFFFF
}

input, button, select, textarea {
font-family:  'Roboto', Verdana, sans-serif;
}

.nav > li > a > img {
max-width: 100%;
}

.nav > li > a:hover, .nav > li > a:focus {
background-color: transparent ;
}

.nav-tabs > li > a:hover {
border-color: transparent;
}

#navigation {
  border: none;
  float: right;
  margin-top: 30px;
}

td, th, label, dt {
font-weight:300;
}

ul, ol {
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}

ul ul, ol ul, ul ol, ol ol {
margin:6px 0;
padding: 0 0 0 15px;
}

a:hover, a:focus {
text-decoration:none;
}

option, .chzn-results {
background:white;
color:#666;
padding:4px 7px;
}

.clr {
clear:both;
}

.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}

.clearfix:after {
clear: both;
}

.clear {
  clear: none!important;
}

.clear:after{
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: ".";
}

.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}

audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls]) {
display: none;
}

sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

button, input {
*overflow: visible;
line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}

input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

textarea {
overflow: auto;
vertical-align: top;
}

img.full{
  width:100%;
  height:100%;
}

/**     Hide the outline   **/

*:hover, *:active, *:focus, input:focus, textarea:focus {
outline:none !important;
}

/**   resize image   **/

#mapcanvas img, .gmnoprint img {
max-width: none;
}


/***    SITE      ***/

body {
min-width:980px;
text-align:left;
color:#000;
font: normal 1.3em/1.5 'Roboto', sans-serif;
font-weight:300;
background-color: #eee;
}

p {
margin : 0 0 10px 0;
}

/**    SITE   **/

.main{
  text-align: center;
  margin-top: 15px;
}

.main.noslideshow{
  margin-top: 100px;
}

.zindex10 {
position:relative;
z-index:10;
}
.zindex20 {
position:relative;
z-index:20;
}
.zindex30 {
position:relative;
z-index:30;
}
.zindex40 {
position:relative;
z-index:40;
}
.zindex50 {
position:relative;
z-index:50;
}

/*********************************************      Translate      ***********************************/

.translate {
  position:relative;
  float: right;
  z-index:99;
  vertical-align:middle;
  margin: 10px;
}

.website-footer .translate a, .website-footer .translate{
  color: #fefefe;
  padding: 0 3px;
}

.website-footer .translate{
float:none;
text-align:center;
}

.website-footer h3{
  margin-top:0;
}

.translate a,.translate a:hover{
  color: #333;
  margin:0 5px;
}
.translate .active{
  margin:0 5px;
  color: #999;
}

.translate a, .translate a:hover{
  color: #ffffff;
  font-size: 100%;
  padding: 10px 0 0 0;
}

.translate span.active {
  display: none;
}

/*********************************************      LOGO      ******************************************/
header .logo {
margin-left: 400px;
padding: 80px 0 60px 0;
}

header .logo p {
margin:0;
}

header .logo a, .logo a:hover {
text-decoration:none;
outline:none;
}

header .logo img{
  width: 200px;
  height: 100px;
}


header .logo {
  position: absolute;
  margin-left: 3%;
  padding: 10px;
  z-index: 100;
}

/*********************************************      TOP      ***********************************/

.top{
  padding: 15px 10px;
  background:#3a363a;
  text-align: right;
}

.top ul{
  margin: 0;
  padding: 0;
}

.top li{
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  
}

.top li a{
  color: #3a363a;;
  padding: 5px 10px;
  border-radius: 2px;
}


.top li a.req{
  color:#3a363a;
  border: 1px solid #3a363a;
}

.top li a.book{
  color:#3a363a;
  border: 1px solid #3a363a;
}

/***      DROP DOWN MENU       ***/

.drop-down {
position: relative;
margin:0 auto;
z-index:99;
text-transform: uppercase;
text-align: center;
}

span.title_menu {
display: none;
}

.drop-down ul, .drop-down li {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}

.drop-down li {
position:relative;
padding : 0;
z-index:1;
}

.drop-down li:hover, .drop-down li.hover, .drop-down li:focus {
position: relative;
z-index: 10;
cursor: default;
}

.drop-down li ul {
display : none ;
position: relative;
z-index: 0;
opacity:0;
padding: 0;
margin-left: 10px;
font-size:100%;
}

.drop-down li ul ul {
font-size:100%;
}

.drop-down li ul:hover {
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

.drop-down li li {
float:none;
width:100%;
padding:0;
margin:0;
}



.drop-down li a, .drop-down li span.separator {
display: block;
padding: 10px;
font-weight: 300;
font-size: 100%;
text-decoration: none;
text-transform: none;
text-align:center;
color : #ffffff;
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
word-wrap: break-word;
}

.uppercase-none .drop-down li a, .uppercase-none .drop-down li span.separator {
text-transform: none;
}

.drop-down li li a, .drop-down li li span.separator {
display : block;
padding: 10px 0;
margin:0 -50px;
color: #ffffff;
font-size: 100%;
}

.drop-down li li:last-child a, .drop-down li li:last-child span.separator {
border-bottom: none;
}

.drop-down li a:hover, .drop-down li span.separator:hover {
-webkit-transition : none;
-moz-transition : none;
-ms-transition : all 0.2s linear 0s;
-o-transition : all 0.2s linear 0s;
transition : all 0.2s linear 0s;
}

.drop-down li.active > ul {
z-index:10;
opacity:1;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out ;
}

.drop-down > ul > li {
display:inline-block;
*display:inline;
*zoom;:1;
padding: 0;
}

.drop-down > ul > li > ul {
top: 100%;
left: 0;

}

.drop-down li:hover > ul, .drop-down li.hover > ul{
  position: absolute;
  display: block;
  left:0;
  width:100%;
  top:100%;
  opacity: 1;
  margin:0;
  padding-top: 20px;
}

.drop-down.white{
  background:#fefefe;
  border-bottom:1px solid #CECECE;
  -webkit-transition : all 0.6s ease-in-out;
  -moz-transition : all 0.6s ease-in-out;
  -ms-transition : all 0.6s ease-in-out;
  -o-transition : all 0.6s ease-in-out;
  transition : all 0.6s ease-in-out ;
}

.drop-down.white li a{ 
  color:#666666;
}

.drop-down li.active > a, .drop-down li.active > span, .drop-down li:hover > a, .drop-down li:hover > span {
}

*[class^="fa-"]:before {
  color: #333;
}


.mobilemenu {
  padding: 17px;
  position: absolute;
  right: 0px;
}

/***      MODULE IMAGE      ***/

.slideshow {
margin: 78px 0 0 0;
min-height: 100px;
max-height: 700px;
overflow: hidden;
}

.home .slideshow{
  max-height: 100%;
  margin-top: 0;
}

.home .slideshow .slick-container{
  margin-top: 0px;
}

/**   ken burns effect with CSS3     **/

.home .slideshow .slick-container {
overflow:hidden;
}

.home .slideshow .slick-container .slick-slide.kenburns img,
.home .slideshow .slick-container .slick-slide:first-child img{
animation : kenburns 20s ease infinite;
transform: scale(1.0);
transform-origin: 50% 50%;
}

@keyframes kenburns {
  0% {
    transform: scale(1.0);
    transform-origin: 50% 50%;
    }
    
  40% {
    transform: scale(1.05);
    transform-origin: 50% 0%;
    }  
    
  60% {
    transform: scale(1.05);
    transform-origin: 50% 0%;
    }
    
  100% {
    transform: scale(1.0);
    transform-origin: 50% 50%;
    }  
    
}


.home .slideshow .slick-container .slick-slide.prev img{
  transform: scale(1.05);
  transform-origin: 50% 0%;
}



/***     MIDDLE SITE      ***/

.main_content {
position:relative;
padding: 0;
overflow:hidden;
z-index:1;
}

.main_component {
position:relative;
overflow:hidden;
padding: 0 0 10px 0;
z-index:1;
}


/***     TYPOGRAPHY      ***/

h1, h2, h3, h4, h5, h6 {
margin:20px 0 8px 0;
font-weight:normal;
line-height:1.4;
text-rendering: optimizelegibility;
}

h1{
color: #3a363a;
display: block;
font-size: 180%;
line-height: 1.5;
margin: 20px 0 10px 0;
padding : 0 0 7px 0;
font-family: 'Roboto', serif;
font-weight:300;
}

h1 a {
text-decoration: none;
}
h1 a:hover {
text-decoration: none;
}

.blog > h1 {
color : #666;
}

h2 {
font-size:130%;
margin:0 0 20px 0;
color: #3a363a;
}

.red h2 {
  color: #ffffff;
}

h2 a {
text-decoration: none;
}
h2 a:hover {
text-decoration: none;
}

h3 {
font-size:135%;
color: #000;
}

h4 {
font-size:120%;
}

h5, h6 {
font-size:100%;
}

/**      LINK    **/

a {
color:#325faa;
font-weight:300;
text-decoration : none;
cursor: pointer;
-webkit-transition : color 0.4s linear 0.1s;
-moz-transition : color 0.4s linear 0.1s;
-ms-transition : color 0.4s linear 0.1s;
-o-transition : color 0.4s linear 0.1s;
transition : color 0.4s linear 0.1s;
}
a:hover {
color:#325faa;
text-decoration : none;
-webkit-transition : color 0.2s linear 0s;
-moz-transition : color 0.2s linear 0s;
-ms-transition : color 0.2s linear 0s;
-o-transition : color 0.2s linear 0s;
transition : color 0.2s linear 0s;
}
a:active, a:focus {
outline:none;
}

.website-content a{
  color: #325faa;
}

.website-content b{
font-weight:400;
}

.website-content .grey a{
  color:#7c7c7c;
}




.website-content *[class^="fa-"]:before {
    color: #ffffff;
}


li span.separator {
cursor:default;
}

.website-content li, .bottom li{
  list-style: none;
}
.website-content ul, .bottom ul{
  padding: 0;
  margin: 0;
}

.website-content li:after, .bottom li:after{
    content: ' ';
    display: block;
    padding: 0;
    width: 200px;
    margin: 5px auto;
    border-bottom: none;
}

/**      List with Font Awesome     **/

ul.check li, ul.chevron li, ul.angle li, ul.angle-double li, ul.circle li, ul.circle-o li, ul.star li, ul.star-o li, ul.tag li, ul.thumbs-o-up li, ul.check-square-o li, ul.arrow-circle li, ul.caret-simple li, ul.chevron-circle li, ul.chevron li, ul.hand-o li, ul.share li{
list-style:none;
margin: 0 0 8px 0;
}

ul.check li:before, ul.chevron li:before, ul.angle li:before, ul.angle-double li:before, ul.circle li:before, ul.circle-o li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.arrow-circle li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before{
display: inline-block;
*display:inline;
*zoom:1;
font-family: fontawesome;
vertical-align:middle;
margin-left: -11px;
width: auto;
margin-right:8px;
}

ul.check li:before, ul.chevron li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before{
font-size:60%;
}

ul.angle li:before, ul.angle-double li:before, ul.arrow-circle li:before{
font-size:80%;
}

ul.circle li:before, ul.circle-o li:before{
font-size:40%;
}

ul.check li:before{
content: "\f00c";
color:#ffffff;
font-size: 100%;
}

ul.check li:after{
content: "";
border:0;
}

ul.check-square-o li:before{
content: "\f046";
}
ul.chevron li:before {
content: "\f054";
}
ul.angle-double li:before{
content: "\f101";
}
ul.angle li:before{
content: "\f105";
}
ul.circle li:before{
content: "\f111";
}
ul.circle-o li:before{
content: "\f10c";
}
ul.star li:before{
content: "\f005";
}
ul.star-o li:before{
content: "\f006";
}
ul.thumbs-o-up li:before{
content: "\f087";
}
ul.hand-o li:before{
content: "\f0a4";
}
ul.arrow-circle li:before{
content: "\f0a9";
}
ul.caret-simple li:before{
content: "\f0da";
}
ul.chevron-circle li:before{
content: "\f138";
}
ul.share li:before{
content: "\f064";
}


ul li > h2, ul li > h3, ul li > h4 {
margin-top : 0;
padding-top:0;
}


/**    Unordered lists without bullet     **/

ul.simple li {
list-style:none;
margin: 0 0 6px 0;
padding:8px 12px;
border-left:2px solid #ddd;
border-color:rgba(0,0,0,0.10);
background:#f5f5f5;
background:rgba(0,0,0,0.06);
}

/**************************    CSS3 COLUMNS     *************************************/

.two-columns, .three-columns, .four-columns, .five-columns, .six-columns {
-webkit-column-width: 160px;
-moz-column-width: 160px;
column-width: 160px;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}

.two-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

.three-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

.four-columns {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}

.five-columns {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}

.six-columns {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}

/***     COLUMN LAYOUTS     ***/

.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
float:left;
margin : 0;
}

.one-half {
width:50%;
}

.one-third {
width:33.3%;
margin: 0;
  overflow: hidden;
}

.two-third {
width:66.6%;
}

.one-fourth {
width:25%;
}

.two-fourth {
width:50%;
}

.three-fourth {
width:75%;
}

.one-fifth {
width:20%;
}

.two-fifth {
width:40%;
}

.three-fifth {
width:60%;
}

.four-fifth {
width:80%;
}

.last {
margin-right: 0 !important;
}

footer .last {
text-align: right;
}

.last + * {
clear:both;
}

.rowborder .one-third, .rowborder .two-third, .rowborder .one-half, .rowborder .rowcell.last {
  padding: 5px;
}

.rowborder .ce-media, .rowborder .ce-bodytext {
  padding: 50px;
}

.rowcell.last{
  padding-right: 0px;
}

.rowcell > div {
  height: 100%;

}


.rowborder .rowcell > div {
  border: solid 1px black;
}


.ce-textpic, .ce-bodytext {
  height: 100%;
}

.rowel .ce-textpic {
  display: table;
  width: 100%;
}

.rowel .ce-bodytext {
  display: table-cell;
  vertical-align: middle;
  background-color: #3a363a;
  color: #ffffff;
}


/***     FOOTER     ***/

.website-footer {
position:relative;
clear:both;
padding: 30px 20px 50px 20px;
color: #333;
margin:0;
background-color:#3a363a;
}

.website-footer a {
text-decoration:underline;
color:#000;
}

.website-footer a:hover {
text-decoration:none;
}

.bottom_menu {
display:block;
text-align:center;
margin: 0;
padding:9px 0;
}

.address {
clear: both;
text-align: center;
margin: 0;
padding:9px 0 0 0;
}

.address p {
margin: 0px;
}
  
.footericons{
  text-align: center;
  margin-top: 30px;
}

.footericons img{
  margin: 10px 10px 20px 10px;
}

/***     BOTTOM MENU     ***/

.bottom_menu ul {
margin : 0;
padding:0;
text-align: right;
}

.bottom_menu li {
padding: 0 5px ;
margin:0;
display:block;
*zoom:1;
line-height : inherit ;
list-style : none;
}

.bottom_menu li a {
display:block;
*zoom:1;
text-decoration:none;
font-weight:normal;
padding: 0 5px 5px 0;
margin: 0;
color: #ffffff;
}

.bottom_menu li a:after{
  font-family: fontawesome;
  content: "\f0a9";
  margin-left: 5px;
}

/***     SCROLL TO TOP     ***/

#toTop {
bottom: 50px;
cursor: pointer;
display: none;
position: fixed;
right: 27px;
text-align: center;
z-index: 999;
}

#toTop .icon-up:before {
display: inline-block;
*display:inline;
*zoom:1;
font-family: fontawesome;
content: "\f0aa";
font-size:28px;
color:#FFFFFF;
opacity:0.65;
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

#toTop:hover .icon-up:before {
opacity:1;
}

#toTopText {
display: none;
}

#toTop span {
color: #FFFFFF;
}

/***    Imprint   ***/
.imprint{
  text-align: center;
  font-size: 80%;
}


/***    Iframes   ***/

.maps iframe {
  pointer-events: none;
}


/** Contact Form**/

#contactform input, #contactform textarea{
  width: 100%;
}

#contactform input#privacy{
    display: inline-block;
    width: auto;
}

.row {
  margin: 10px 0;
}

.form-section {
 background-color:  #3a363a;
 color: #ffffff;
 padding:3px 5px;
}




/* DOWN Button*/
a.down{
  position: absolute;
  text-align: center;
  top: -36px;
  left:49%;
  width: 50px;
  height: 0px;

  cursor: pointer;
  
}

a.down:before{
  font-size: 100px;
  color: #3a363a;
  margin: 0;
  padding: 0;
}


div.hc-widget.hc-widget-medium.hc-widget-with-reviews{
  margin: 0 auto;
}

.theme-magnificPopup li:after{
  border:0;
  margin:0;
  display: inherit;
}


.theme-magnificPopup .pagination > li > a, .pagination > li > span{
  padding:0;
  background:none;
  border: 0;
}


/***    Request Form:   ***/
.formhandler{
  width:800px;
  text-align: left;
  margin: 0 auto;
}

a.alt{
  cursor:pointer;
  text-align: right;
}

dt, dd{
    display: inline-block;
}

dt{
  width:130px;
}

.children{
  display: none;
}

.switch{
  text-align: right;
}

.col-md-6{
  padding: 0;
}

.row div{
  margin-bottom: 15px;
}

dd select{
  width:auto;
}

input[type=text], textarea, #sender_food, #sender_country, #sender_category{
  width:250px;
}

input, select, textarea{
  padding:6px;
}

#sender_adults, #sender_children{
  width: 250px;
}

.error input, input.error, .error textarea, textarea.error {
    border-color: #c60f13;
    background-color: rgba(198,15,19,0.1);
}

label.error, label.error a{
  color: #c60f13;
}

.alt{
  cursor: pointer;
}

#ui-datepicker-div{
  z-index: 1000!important;
}

.row {
  margin: 10px 0;
}

.form-section {
 background-color:  #3a363a;
 color: #ffffff;
 padding:3px 5px;
}

.switch{
  text-align: right;
}

.errormsg ul{
  margin: 10px 0;
}

/* Datepicker */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
      border: 1px solid #3a363a;
}


/** Image Effekt **/

div.csc-textpic .csc-textpic-imagewrap .magnificpopup img{
border: 2px solid #3a363a;
margin: 5px;
}


.website-content .button{
  display: inline-block;
  color: #3a363a;
  border: 1px solid #3a363a;
  border-radius: 5px;
  min-width: 210px;
  margin: 20px;
  padding: 5px 10px;
}

.website-content .button-small, .website-content .linkbtn{
  display: inline-block;
  color: #3a363a;
  border: 1px solid #3a363a;
  border-radius: 5px;
  margin: 10px;
  padding: 5px 10px;
}

.website-content .grey .button-small, .website-content .grey .linkbtn {
  color: #ffffff;
  border: 1px solid #ffffff;
}

.iframe iframe {
    pointer-events: none;
}


/**** Figure Figcaption overlay ****/


figcaption {
  background-color: rgba(58, 54, 58, 0.8);
  color: white;
  font-size: 18px;
  float: left;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
}

figcaption:hover {
  opacity: 0.9;
}

figure {
  position: relative;
  float: left;
  max-width: 100%;
}

figure img {
  max-width: 100%;
  max-height: 100%;
  /*width: auto;
  height: auto;*/
  min-width: 100%;
  /*min-height: 100%;*/
}

.slick-container figcaption:hover {
  opacity: 0;
}

header .slick-slider figure, header .slick-slider img {
  min-width: 100%;
}

.one-two figure img {
  max-width: none;
  max-height: none;
}

.two-one figure img {
  max-width: none;
  max-height: none;
}

.two-third img, .two-third figure{
  width: 100%;
}

.last {
  overflow: hidden;
}



ul .last {
  overflow: inherit;
}

figcaption {
  text-align: left;
}

figcaption h3 {
  margin: 0;
  padding-bottom: 15px;
  font-size: 200%;
  color: #fff;
}


.ce-gallery img {
  display: block;
  height: 100%;
  width: 100%;
}

.ce-intext.ce-right .ce-gallery {
  margin: 0px;
}







.top-header {
  position: fixed;
  top:0;
  background-color: #3a363a;
  width: 100%;
  z-index: 99;
  height: 80px;
  font-size: 100%; !important;
}










/**** Figure with centered figcaption ***/

.overlay-figure {
  position: relative;
  display: inline;
  /*height: 100%;*/
  width: 100%;
  overflow: hidden;
}

.overlay-figure-content {
  width: 100%;
  /*height: 100%;*/
  -webkit-transform: scale(1.0) translateZ(0);
  -moz-transform: scale(1.0) translateZ(0);
  transform: scale(1.0) translateZ(0);
  -webkit-transition: -webkit-transform 0.5s ease 0.25s;
  -moz-transition:    -moz-transform 0.5s ease 0.25s;
  transition:         transform 0.5s ease 0.25s;
}

.overlay-figure-content > img {
  display: block;
  /*height: 100%;*/
  max-width: none;
  max-height: 100%;
}

.overlay-figure-background {
  position: absolute;
  top: 0;
  left: 0;
  /*height: 100%;*/
  width: 100%;
  opacity: 0;
  background-image: linear-gradient(to bottom, rgba(38,50,72, 0.5), rgba(38,50,72, 0.85));
}

.overlay-figure:hover
.overlay-figure-background {
  opacity: 1;
}

.overlay-figure-caption {
  position: absolute;
  top: 0;
  left: 0;
  /*height: 100%;*/
  width: 100%;
  font-family: 'Roboto', sans-serif;
  color: white;
  opacity: 0;
  -webkit-transition: opacity ease 0.25s;
  -moz-transition: opacity ease 0.25s;
  transition: opacity ease 0.25s;
}

.overlay-figure:hover
.overlay-figure-caption {
  opacity: 1;
}

.overlay-figure-caption
.contents {
  display: table;
  width: 100%;
  height: 100%;
}

.overlay-figure-caption
.contents-stack {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 50px;
}

.overlay-figure-caption
.title {
  display: block;
  margin-bottom: 0;
  opacity: 0;
  -webkit-transform: translateY(-100%) translateZ(0);
  -moz-transform: translateY(-100%) translateZ(0);
  transform: translateY(-100%) translateZ(0);
  -webkit-transition: -webkit-transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
  -moz-transition:    -moz-transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
  transition:         transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
}

.overlay-figure:hover
.title {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  -moz-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

.overlay-figure
.separator {
  display: block;
  margin: 12px auto;
  height: 2px;
  width: 30%;
  background-color: white;
  -webkit-transform: scaleX(0) translateZ(0);
  -moz-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.25s ease 0.25s;
  -moz-transition:    -moz-transform 0.25s ease 0.25s;
  transition:         transform 0.25s ease 0.25s;
}

.overlay-figure:hover
.separator {
  -webkit-transform: scaleX(1) translateZ(0);
  -moz-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
}

.overlay-figure-caption
.text {
  display: block;
  margin-top: 0;
  opacity: 0;
  -webkit-transform: translateY(100%) translateZ(0);
  -moz-transform: translateY(100%) translateZ(0);
  transform: translateY(100%) translateZ(0);
  -webkit-transition: -webkit-transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
  -moz-transition:    -moz-transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
  transition:         transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
}

.overlay-figure:hover
.text {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  -moz-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

/** overlay for slick shideshow figcaption **/


.slick-container figcaption, .slick-container figcaption:hover {
  opacity: 1;
}

.slick-slider figure figcaption {
  background: none;
}

.slick-slider .overlay-figure-background {
  background: none;
}


/**** Position of header-slideshow text ****/

header .slick-slider .overlay-figure-caption .contents-stack {
  font-size: 40px;
}


/*** slick header dots *****/
header .slick-dots {
  bottom: 25px;
}

header .slick-slider .slick-dots li {
  height: 70px;
  margin: 0 3px;
  width: 40px;
}

header .slick-slider .slick-dots li button:before {
  font-size: 20px;
  color: #ffffff;
}

header .slick-dots li.slick-active button:before
{
  opacity: .75;
  color: #ffffff;
}

/** footer **/
footer .ce-gallery img {
  border: none;
}
footer .ce-column {
  width: 100%;
}

footer .ce-media img {
  height: 60px;
  max-width: 200px;
  margin: 20px auto;
  width: auto;
}

.website-footer {
  background-color: #ffffff;
}

.footerlogo {
  text-align: center;
}

.footerlogo img{
  width: 200px;
}

footer .ce-textpic {
  width: 100%;
}

footer .rowcell {
  text-align: center;
}

footer .rowel .ce-bodytext {
  background: none;
  color: #000000;
}



/** Sklick Slider **/

header .slick-next:before {
  content: '\f105';
  margin-right: 0;
}

header .slick-prev:before {
  content: '\f104';
  margin-left: 0;
}

header .slick-prev:before, .slick-next:before {
  font-family: 'fontawesome';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header .slick-slider .slick-next:before, header .slick-slider .slick-prev:before {
  font-family: 'fontawesome';
  font-size: 80px;
  opacity: 1;
}

header .slick-slider .slick-prev {
  left: 50px;
}

header .slick-slider:hover .slick-next:before {
  margin-right: 0;
}
header .slick-slider:hover .slick-prev:before {
  margin-left: 0;
}

header .slick-slider .slick-next, header .slick-slider .slick-prev {
  opacity: 1;
}

.slick-slider .slick-dots li button{
  width: 15px;
  height: 15px;
}

.slick-slider{
  margin:0;
}

.slick-slider .slick-next, .slick-slider .slick-prev{
width:15%;
}


.fullscreen, .fullscreen .csc-default{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  text-align: center;
}


#slidecaption{
  position: absolute;
  top: 65%;
  width:100%;
  float: none;
  line-height: 1.5;
  font-size: 350%;
}

#prevslide, #nextslide{
  height: 54px;
  width: 54px;
  font-family: FontAwesome;
  color: #FFFFFF;
  border: 1px solid #fff;
  line-height: 54px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -27px;
  text-align: center;
  z-index: 10;
  background-image: none;
}


#nextslide{
  right:73px;
  border-radius: 0 20px 0 20px;
}

#prevslide:active, #nextslide:active{ margin-top:-27px; }

#prevslide{
  left:73px;
  border-radius: 20px 0 20px 0 ;
}

#prevslide:before,#nextslide:before {
  font-size: 200%;
}

#prevslide:before {
  content: "\f104";
}

#nextslide:before {
  content: "\f105";
}



.btn.white {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #eee);
  background-image: -moz-linear-gradient(top, #ffffff, #eee);
  background-image: -ms-linear-gradient(top, #ffffff, #eee);
  background-image: -o-linear-gradient(top, #ffffff, #eee);
  background-image: linear-gradient(to bottom, #ffffff, #eee);
  color: #666;
  font-size: 120%;
  width: 250px;
  padding: 6px 10px 6px 10px;
  margin-bottom: 10px;
  text-decoration: none;
  border-radius: 0;
}

.btn.white:hover {
  background: #eee;
  background-image: -webkit-linear-gradient(top, #eee, #fff);
  background-image: -moz-linear-gradient(top, #eee, #fff);
  background-image: -ms-linear-gradient(top, #eee, #fff);
  background-image: -o-linear-gradient(top, #eee, #fff);
  background-image: linear-gradient(to bottom, #eee, #fff);
  text-decoration: none;
}

.fa:before{
  font-family: fontawesome;
  margin-right: 5px;
}

.icon{
  width:50px;
  height: 50px;
  background-color: #fff;
  content:'';
  margin: 5px;
  padding:10px 8px;
  font-size: 200%;
}

a.icon i{

  margin-right: 0;
}



/**  Content row elements **/

.one-half .textonly .ce-bodytext{
  padding:10px;
}

/** Content Layouts **/

.wrapper {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}

.grey {
  background: #3a363a;
}

.image-wrap .slick-slide{
  padding: 10px 5px;
}


.image-wrap .slick-slide figure{
  border: 1px solid #000;
}


@font-face {
  font-family: 'artprint';
  src:  url('fonts/artprint.eot?jnen9k');
  src:  url('fonts/artprint.eot?jnen9k#iefix') format('embedded-opentype'),
    url('fonts/artprint.ttf?jnen9k') format('truetype'),
    url('fonts/artprint.woff?jnen9k') format('woff'),
    url('fonts/artprint.svg?jnen9k#artprint') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ap-"], [class*=" ap-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'artprint' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ap-mail:before {
  content: "\e901";
}
.ap-phone:before {
  content: "\e902";
}
.ap-bed:before {
  content: "\e900";
}
.ap-place:before {
  content: "\e903";
}
.ap-table2:before {
  content: "\e90f";
}

em.ap-mail {
    font-size: 80%;
}

/* Price-Page */


.price-page .grey .rowcell {
  float: right;
}

.price-page .grey, .price-page .grey h2 {
  color: #ffffff;
}

.price-page .wrapper {
  padding: 30px 0;
}

.price-page .rowel .ce-bodytext {
  background-color: transparent;
}

.price-page table {
  width: 100%;
  text-align: right;
}

.price-page table td{
  padding: 2px 5px;
}

.price-page table tr td:first-child{
  text-align: left;
}

.price-page .grey table tr:first-child {
  background-color: rgba(238, 238, 238, 0.4);
}

.price-page table tr:first-child td{
  font-weight: 400;
}

.price-page .grey table tr:nth-child(even) {
  background-color: rgba(238, 238, 238, 0.1);
}

.price-page .grey table tr:nth-child(odd) {
  background-color: rgba(238, 238, 238, 0.2);
}

.price-page table tr:first-child {
  background-color: rgba(58, 54, 58, 0.4);
}

.price-page table tr:first-child td{
  font-weight: 400;
}

.price-page table tr:nth-child(even) {
  background-color: rgba(58, 54, 58, 0.1);
}

.price-page table tr:nth-child(odd) {
  background-color: rgba(58, 54, 58, 0.2);
}

.price {
  padding: 0 20px;
  margin: 15px 0;
}


.price-page .rowcell > .price{
  height: auto; !important;
}



.home .scrolldown{
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 60px;
    width: 80px;
    background: #3a363a;
    z-index: 80;
    margin-left:-40px;
    text-align:center;
    padding: 5px;
    cursor: pointer;
}

.home .scrolldown:before{
  font-family: fontawesome;
  content: "\f107";
  color: #fff;
  font-size: 60px;
  line-height: 1;
  
}

.tripadvisor{
   margin: 0 auto;
   width: 150px;
}

/**    NEWS      **/

.news .overlay-figure-content {
    padding: 10px 5px;
}

.news a img {
border: 1px solid #000;
}


.news h2{
 color:#fff;
}

.news-backlink-wrap {
  text-align: center;
  padding: 20px;
}


.f3-widget-paginator ul {
  text-align: center;
  margin: 0;
  padding: 0;
}

.f3-widget-paginator li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
  padding: 5px 10px;
  background: #fff;
}

.page-navigation {
  text-align: center;
}

.news .prev-left>div:first-child {
  float: right;
}

.news .rowel{
  margin-top: 15px;
}

.news .slick-slider img{
  width: 100%;
}

/** News widgets **/

.widSSP.widSSP{
margin: 20px auto!important;
}

/* SMLINKS */
.smlink-text, .smlink-icon{
  color: #ffffff;
}


.mfp-content figcaption{
background-color:transparent;
opacity:1;}