/* *****************************
	SIZE
	******************************* */
/* *****************************
	FONTS
	******************************* */
/* *****************************
	BACKGROUNDS
	******************************* */
/* *****************************
	COLORS
	******************************* */
/* *****************************
	MIXINS
	******************************* */
@import url("http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700");
html, body {
  height: 100%; }

body {
  background: #ffffff;
  color: #303030;
  font-family: "sansation_lightlight";
  font-size: 14px; }

h1 {
  font-size: 25px;
  font-family: "sansation_lightlight";
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 300; }

h2 {
  font-size: 18px;
  font-family: "nobel_bookregular";
  text-transform: uppercase;
  margin-bottom: 10px; }

h3 {
  font-size: 18px;
  font-family: "Arial"; }

h4 {
  font-size: 18px;
  font-family: "Arial"; }

h5 {
  font-size: 18px;
  font-family: "Arial"; }

h6 {
  font-size: 18px;
  font-family: "Arial"; }

.page-template-page-menus p, p {
  color: #454749;
  font-size: 16px;
  font-family: "nobel_bookregular";
  margin-bottom: 20px; }

..page-template-page-reservation-php p {
  text-align: center; }

.page-id-111 p, .page-id-170 p {
  font-size: 15px; }

a {
  color: inherit; }

a:hover {
  text-decoration: none; }

a.no_decoration {
  text-decoration: none; }

a:hover.no_decoration {
  text-decoration: underline; }

a img {
  border: none; }

a {
  outline: none !important; }

* {
  box-sizing: border-box; }

/* *****************************
	FONTS
	******************************* */
/* *****************************
	ELEMENTS
	******************************* */
* {
  margin: 0;
  padding: 0; }

ul {
  list-style-type: none; }

/* *****************************
	CLASSES
	******************************* */
.nomargin {
  margin: 0; }

.big {
  font-size: 35px; }

.row {
  margin: 0 -8px; }

.left, .alignleft {
  float: left !important; }

.right, .alignright {
  float: right !important; }

.clear {
  clear: both; }

.justify {
  text-align: justify; }

.hide {
  display: none; }

.show {
  display: block; }

.bt {
  border-top: 1px solid; }

.bb {
  border-bottom: 1px solid; }

.sep {
  width: 100%;
  height: 1px;
  background: #a8a8a8; }

.item_sidebar .sep {
  background: #44bb09;
  margin: 5px 0; }

.green {
  color: #44bb09; }

.green_dark {
  color: #44af0e; }

.gray_dark {
  color: #a8a8a8; }

.black {
  color: #181818; }

.white {
  color: #fff; }

.text-light {
  font-weight: 300 !important; }

.text-bold {
  font-weight: 500 !important; }

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

#scroll_content {
  -webkit-overflow-scrolling: touch; }

/*************************** 
	TRANSITION
***************************/
.transition {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease; }

/* *****************************
	CITATION
	******************************* */
blockquote {
  /*background: #f9f9f9;
  border-left: 5px solid #8e0009;*/
  margin: 3em 0px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019"; }

blockquote:before {
  /*color: #8e0009;*/
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em; }

blockquote:after {
  /*color: #8e0009;*/
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.5em; }

blockquote p {
  display: inline; }

/* *****************************
	VARIABLES (no constantes var)
	******************************* */
/* *****************************
	PROGRESSBAR
	******************************* */
#progressBar-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px; }

#progressBar {
  position: relative;
  height: 100%;
  background: #9c1428;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  width: 0%; }

#progressBar-elmts {
  display: none; }

/* *****************************
	BUTTONS
	******************************* */
.btn {
  border: 1px solid #A99068;
  padding: 10px 15px;
  color: #A99068;
  text-decoration: none;
  font-weight: bold; }

.btn_ico {
  padding-left: 40px; }

.btn_ico_phone {
  background: url(../../images/btn_ico_phone.png) no-repeat;
  width: 19px;
  height: 19px;
  background-position: 10px 8px; }

.btn_ico_download {
  background: url(../../images/ico_download.png) no-repeat;
  width: 40px;
  height: 40px;
  background-position: 7px 6px;
  padding-right: 23px; }

.btn_ico_sendmail {
  background: url(../../images/ico_sendmail.png) no-repeat;
  width: 40px;
  height: 40px;
  background-position: 7px 6px;
  padding-right: 23px; }

/*************************** 
	FORM
***************************/
.form-group label {
  text-align: right;
  line-height: 35px;
  margin-bottom: 0;
  font-family: 'Ubuntu';
  font-size: 16px;
  font-weight: 300; }

#submit-contact {
  background: #e41b13;
  color: white;
  font-family: 'Ubuntu';
  font-weight: 300;
  text-align: center;
  width: 100%;
  height: 47px;
  line-height: 37px; }

#submit-contact:hover {
  background: white;
  color: #126596;
  font-weight: 400; }

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok {
  border: 0;
  margin: 0;
}
div.wpcf7-validation-errors {
	background: orange;
}
div.wpcf7-mail-sent-ng {
	background: red;
}
	
div.wpcf7-mail-sent-ok {
	background: green;
 }
  
#bottom_menu div.wpcf7-mail-sent-ng, #bottom_menu div.wpcf7-mail-sent-ok {
	border-width: 0;
	margin-top: 0;
}
#bottom_menu div.wpcf7-response-output {
	position: absolute;
	margin-top: 0;
	color: #fff;
}

/*************************** 
	GALLERY
***************************/
.wp-caption {
  position: relative;
  line-height: 0;
  margin: 6px 3px; }

.wp-caption .wp-caption-text {
  line-height: 22px;
  color: #55443a;
  display: none;
  padding: 2px 0;
  text-indent: 0.6em; }

.gallery {
  margin: 10px 0; }

.popin_close, .popin_next, .popin_prev {
  opacity: 0.3; }

#slider-content-backstrecht {
  width: 100%;
  height: 350px; }

/*************************** 
	VIDEO YT RESPONSIVE
***************************/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* *****************************
	WRAP
	******************************* */
#wrap {
  position: relative;
  width: auto;
  height: 100%; }

#content {
  padding: 30px 15px;
  width: 590px;
  position: relative;
  width: 100%;
  max-width: 650px;
  height: auto;
  background: rgba(255, 255, 255, 1);
  color: #303030; }

#scroll_content {
  position: relative;
  height: auto; }

/*************************** 
	MAIN MENU
***************************/
#menu {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background: #fff; }
  #menu #home {
    text-align: center;
    width: auto; }
    #menu #home #head_mobile {
      width: auto;
      display: block; }
      #menu #home #head_mobile a {
        max-width: 485px;
        display: inline;
        text-align: center;
        
        width: 70%; }
        #menu #home #head_mobile a img {
          text-align: center;
          margin: 5% 0; }
      #menu #home #head_mobile button {
        width: 60px;
        height: 53px;
        border: none;
        float: right;
        margin: 10% 5% 10% 0;
        cursor: pointer; }
      #menu #home #head_mobile button.isClosed {
        background: url(../../images/ico_closed_menu.gif) no-repeat; }
      #menu #home #head_mobile button.isOpened {
        background: url(../../images/ico_opened_menu.gif) no-repeat; }
  #menu #main_menu {
    display: none;
    height: auto;
    padding: 10px;
    background: transparent; }
    #menu #main_menu li {
      text-align: center;
      color: #870b14;
      text-transform: uppercase;
      margin: 15px 0;
      padding-bottom: 15px;
      display: block;
      width: auto;
      border-bottom: 1px solid #595959; }
      #menu #main_menu li a {
        color: #161616;
        text-decoration: none;
        font-size: 18px;
        width: inherit;
        height: inherit;
        display: block; }
      #menu #main_menu li a:hover, #menu #main_menu li a.active {
        color: #A99068; }
      #menu #main_menu li a.active.except-lang {
        color: #161616; }
    #menu #main_menu li:last-child {
      padding-bottom: 0;
      border: none; }
    #menu #main_menu li.multiple a, #menu #main_menu li.multiple span {
      display: inline;
      margin: auto 3px; }
  #menu .hr {
    display: none; }
  #menu address {
    display: none; }
  #menu #bottom_menu {
    display: none; }

/* *****************************
	GALLERY BG
	******************************* */
#gallery_bg_nav {
  position: fixed;
  bottom: -50px;
  right: 20px;
  z-index: 1; }
  #gallery_bg_nav a {
    margin-left: 0px;
    display: block;
    float: left; }
    #gallery_bg_nav a img {
      height: 20px; }

/* *****************************
	EXTERNAL GALLERY
	******************************* */
.external_gallery_ul {
  margin: auto;
  margin-top: 20px; }
  .external_gallery_ul li {
    margin: 10px auto;
    text-align: center; }

/* *****************************
	RESPONSIVE TABS
	******************************* */
#responsiveTabs .r-tabs-tab {
  padding: 10px 15px;
  margin: 2px 0px;
  background: #c2c1c1;
  width: 48.8%; }
  #responsiveTabs .r-tabs-tab a {
    display: block;
    width: auto;
    height: auto;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center; }
#responsiveTabs .r-tabs-accordion-title {
  width: 100%;
  background: #dfdede;
  padding: 10px 15px; }
  #responsiveTabs .r-tabs-accordion-title a {
    display: block;
    width: auto;
    height: auto;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center; }
#responsiveTabs .r-tabs-accordion-title.r-tabs-state-active {
  background: #c2c1c1; }
#responsiveTabs .r-tabs-state-default {
  background: #dfdede; }

/* *****************************
	MAP
	******************************* */
#map {
  position: absolute;
  width: 100%;
  height: 100%; }

#themesMap {
  position: fixed;
  bottom: 10px;
  left: 10px; }
  #themesMap .themeMap {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    border: 2px solid white; }
  #themesMap .active {
    border: 2px solid #b4a488; }
  #themesMap .theme_default {
    background: #aec878; }
  #themesMap .theme_night {
    background: #007d1c; }
  #themesMap .theme_retro {
    background: #b58f00; }
  #themesMap .theme_grayscale {
    background: #b4b4b4; }

/* *****************************
	SHARE MENU
	******************************* */
ul.download_share {
  text-align: center; }
  ul.download_share li {
    display: inline-block;
    margin: 0 5px;
    line-height: 45px; }

/* *****************************
	FOOTER
	******************************* */
#m_footer_white {
  position: relative;
  background: white;
  min-height: 220px;
  height: auto; }
  #m_footer_white h1 {
    padding-top: 15px;
    margin: 0 15px;
    text-align: center;
    font-size: 22px; }
  #m_footer_white address {
    text-align: center;
    color: #303030;
    /*margin-top:15px;*/
    font-size: 20px;
    font-style: inherit;
    padding-bottom: 20px; }

#m_footer {
  position: relative;
  background: white url(../../images/bg_menu.jpg);
  min-height: 280px;
  height: auto; }
  #m_footer p {
    margin: 15px; }
  #m_footer form {
    width: 100%; }
    #m_footer form #compact_fields {
      border: 1px solid white;
      margin: 0;
      margin-top: 10px;
      padding: 0;
      height: 40px; }
      #m_footer form #compact_fields input[type="text"], #m_footer form #compact_fields input[type="email"] {
        border: none;
        height: 100%;
        width: 90%;
        float: left;
        padding: 5px;
        border-radius: 0; }
      #m_footer form #compact_fields input[type="submit"] {
        border: none;
        height: 100%;
        width: 10%;
        cursor: pointer;
        background: transparent;
        border-radius: 0;
        color: #161616; }
    #m_footer form .compact_fields {
      border: 1px solid white;
      margin: 0;
      margin-top: 10px;
      padding: 0;
      height: 40px; }
      #m_footer form .compact_fields input[type="text"], #m_footer form .compact_fields input[type="email"] {
        border: none;
        height: 100%;
        width: 90%;
        float: left;
        padding: 5px;
        border-radius: 0; }
      #m_footer form .compact_fields input[type="submit"] {
        border: none;
        height: 100%;
        width: 10%;
        cursor: pointer;
        background: transparent;
        border-radius: 0;
        color: #161616; }
  #m_footer #m_global_share {
    text-align: center;
    margin-top: 25px; }
    #m_footer #m_global_share li {
      display: inline;
      margin: 15px; }
      #m_footer #m_global_share li img {
        width: 25px; }
  #m_footer #m_legal_menu {
    text-align: center;
    margin-top: 25px; }
    #m_footer #m_legal_menu li {
      display: inline;
      margin: 5px; }

body.home #content {
  min-height: 50%;
  background: none; }
body.home #m_footer_general {
  position: relative;
  bottom: 0;
  width: 100%; }

/* *****************************
	QUERIES
	******************************* */
@media only screen and (min-width: 651px) {
  #content {
    width: 100%;
    max-width: 100%; }

  #menu #home #head_mobile button {
    margin: 7% 15% 5% 0; }

  #m_footer_white h1 {
    font-size: 25px; } }
@media only screen and (min-width: 900px) {
  .page-template-page-reservation-php p {
    text-align: left; }

  #content {
    margin-left: 250px;
    width: 450px;
    left: 0;
    position: fixed; }

  /*************************** 
  	MAIN MENU
  ***************************/
  #menu {
    display: block;
    width: 250px;
    height: 100%;
    background: white url(../../images/bg_menu.jpg);
    float: left;
    min-height: 660px; }
    #menu #main_menu {
      display: block;
      margin-top: 30px;
      padding: 0px; }
      #menu #main_menu li {
        text-align: left;
        margin-left: 45px;
        padding-bottom: 0px;
        display: block;
        border: none; }
        #menu #main_menu li a {
          font-size: 18px; }
      #menu #main_menu li.multiple a, #menu #main_menu li.multiple span {
        float: left;
        margin: auto 3px; }
    #menu .hr {
      display: block;
      height: 1px;
      width: 100%;
      background: #bebebe;
      margin: 40px 0; }
    #menu address {
      display: block;
      color: #161616;
      margin-top: 15px;
      margin-left: 45px;
      font-style: inherit; }
    #menu #bottom_menu {
      display: block;
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px; }
      #menu #bottom_menu form {
        width: 100%; }
        #menu #bottom_menu form #compact_fields {
          border: 1px solid white;
          margin: 0;
          margin-top: 10px;
          padding: 0;
          height: 30px; }
          #menu #bottom_menu form #compact_fields input[type="text"], #menu #bottom_menu form #compact_fields input[type="email"] {
            border: none;
            height: 100%;
            width: 85%;
            float: left;
            padding: 5px; }
          #menu #bottom_menu form #compact_fields input[type="submit"] {
            border: none;
            height: 100%;
            width: 15%;
            cursor: pointer;
            background: transparent;
            color: #161616; }
        #menu #bottom_menu form .compact_fields {
          border: 1px solid white;
          margin: 0;
          margin-top: 10px;
          padding: 0;
          height: 30px; }
          #menu #bottom_menu form .compact_fields input[type="text"], #menu #bottom_menu form .compact_fields input[type="email"] {
            border: none;
            height: 100%;
            width: 85%;
            float: left;
            padding: 5px; }
          #menu #bottom_menu form .compact_fields input[type="submit"] {
            border: none;
            height: 100%;
            width: 15%;
            cursor: pointer;
            background: transparent;
            color: #161616; }
      #menu #bottom_menu #global_share {
        margin-top: 15px; }
        #menu #bottom_menu #global_share li {
          float: left;
          width: 18px;
          margin: 0 10px 5px 0; }
      #menu #bottom_menu #legal_menu {
        margin-top: 15px; }
        #menu #bottom_menu #legal_menu li {
          float: left;
          width: auto;
          font-size: 10px;
          text-transform: inherit;
          margin-left: 0;
          margin-right: 10px; }
          #menu #bottom_menu #legal_menu li a {
            color: #161616; }
        #menu #bottom_menu #legal_menu li:last-child {
          margin-right: 0; }

  #themesMap {
    position: fixed;
    bottom: 10px;
    left: 260px; }

  #background-moved {
    margin-left: 250px;
    background-color: #ffffff;
    width: calc(100% - 250px);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0; }

  .page-template-page-reservation-php #background-moved {
    background: none; } }
@media only screen and (min-width: 1441px) {
  #content {
    margin-left: 250px;
    width: 550px;
    left: 0;
    position: fixed; } }



.tabs { text-align: center; padding-top: 30px; margin-bottom: 20px; }
    .tabs li { display: block; margin: 2px; padding: 2px; }
    .tabs li a { color: #A99068; border: 1px solid #A99068; cursor: pointer; text-decoration: none; display: inline-block; padding: 10px 12px 7px 12px; line-height: 1em; transition: background .4s ease; }
    .tabs li a:hover { color: #fff; background: #A99068; }

#moduleLF {
    width: 100%;
    min-height: calc( 100vh - 115px );
    border: none;
    scrolling: yes;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #AA9068;
  

  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}



/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  padding: 20px;
}