body {
  font: "Helvetica Neue",Helvetica,Arial,sans-serif;
  background: #38030d;
  background: -moz-radial-gradient(center, ellipse cover, #38030d 0%, #6d071a 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #38030d 0%, #6d071a 100%);
  background: radial-gradient(ellipse at center, #38030d 0%, #6d071a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38030d', endColorstr='#6d071a',GradientType=1 );
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  body #screenMask {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=70);
    visibility: hidden; }
    body #screenMask.show {
      visibility: visible;
      transition-property: opacity;
      transition-duration: 2s;
      transition-delay: 0s;
      opacity: 0.8; }

.navbar {
  background: transparent;
  border: 0; }
  .navbar .container-flex {
    display: flex; }
  .navbar .navbar-brand {
    float: none; }
  .navbar button.navbar-toggle {
    display: table;
    margin-right: auto;
    margin-left: auto;
    float: none;
    border-color: #c7A554;
    width: 90px; }
    .navbar button.navbar-toggle .icon-bar {
      background-color: #c7A554; }
    .navbar button.navbar-toggle:hover, .navbar button.navbar-toggle:focus {
      background-color: transparent; }
    .navbar button.navbar-toggle span.menu-text {
      position: absolute;
      top: 5px;
      left: 38px;
      color: #c7A554;
      font-family: "Lobster", cursive;
      font-size: medium;
      font-weight: bold; }
  .navbar .navbar-collapse {
    border: 0; }
  .navbar .navbar-menu {
    margin: auto; }
    .navbar .navbar-menu ul.navbar-nav > li > a {
      color: #c7A554;
      font-size: 19px;
      font-family: "Lobster", cursive;
      display: inline;
      padding: 2px 7px;
      margin: 0 13px;
      line-height: 40px; }
    .navbar .navbar-menu .navbar-nav > .active > a, .navbar .navbar-menu .navbar-nav > .active > a:focus, .navbar .navbar-menu .navbar-nav > .active > a:hover {
      color: #fff;
      background: transparent;
      border-bottom: 3px solid #c7A554;
      text-shadow: 0px 0px 28px  #FFF; }
    .navbar .navbar-menu .navbar-nav > li > a:hover {
      text-shadow: 0px 0px 28px  #FFF; }

.page-container {
  color: #c7A554;
  font-size: medium; }
  .page-container .block {
    background: #6D1929;
    border: 50px solid;
    border-image: url("img/block-border3.png") 140;
    border-image-outset: 0;
    margin: 10px 0 20px 0;
    padding: 15px; }
    .page-container .block .youtube-homepage {
      height: 500px;
      width: 100%; }
    .page-container .block table tr td {
      border: none;
      border-bottom: 1px dashed #c7A554; }
    .page-container .block table .price {
      min-width: 60px;
      text-align: right; }
    .page-container .block .info {
      font-size: small;
      font-style: italic; }
    .page-container .block h2 {
      font-family: "Lobster", cursive; }
    .page-container .block .list-group .list-group-item {
      background: #FBF1BB;
      font-family: "Lobster", cursive;
      border: 0;
      border-left: 5px solid #c7A554;
      color: #c7A554;
      cursor: pointer;
      box-shadow: inset 0 0 0 0 #c7A554;
      -webkit-transition: all ease 0.9s;
      -moz-transition: all ease 0.9s;
      transition: all ease 0.9s; }
      .page-container .block .list-group .list-group-item:hover {
        box-shadow: inset 320px 0 0 0 #c7A554;
        color: #FBF1BB; }
        @media (max-width: 768px) {
          .page-container .block .list-group .list-group-item:hover {
            box-shadow: inset 400px 0 0 0 #c7A554; } }
    .page-container .block .list-group .list-group-item.active, .page-container .block .list-group .list-group-item.active:focus, .page-container .block .list-group .list-group-item.active:hover {
      background-color: #c7A554;
      border-color: #c7A554;
      color: #fff; }
    .page-container .block .carousel-container {
      width: 80%;
      min-width: 600px;
      max-width: 700px;
      margin: 0 auto; }
      @media (max-width: 768px) {
        .page-container .block .carousel-container {
          width: 100%;
          min-width: auto; } }
    .page-container .block a {
      color: #c7A554;
      text-decoration: underline; }
    .page-container .block ul li a {
      line-height: 30px; }
    .page-container .block table.contact-tel tr, .page-container .block table.contact-tel tr td {
      border: none; }
    .page-container .block table.contact-tel td {
      padding: 0 20px 0 0; }
    .page-container .block .carousel-indicators li {
      border-color: #c7A554; }
      .page-container .block .carousel-indicators li.active {
        background-color: #c7A554; }
    .page-container .block .map-container {
      text-align: right; }
  .page-container ul.slide-list {
    padding-left: 0; }
    .page-container ul.slide-list li.slide {
      display: inline-block;
      list-style: none;
      padding: 15px;
      cursor: pointer;
      width: 300px;
      height: 166px;
      overflow: hidden;
      position: relative;
      margin: 10px; }
      .page-container ul.slide-list li.slide img {
        position: absolute;
        left: 0;
        top: 0; }
        .page-container ul.slide-list li.slide img.portrait {
          margin-top: -80px; }
  .page-container .separator {
    height: 40px; }
  .page-container .map {
    position: absolute;
    left: 0;
    width: 100%; }
  .page-container .row.absolute-row {
    position: absolute;
    z-index: 1; }
  .page-container .contact-over-map {
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF; }
  .page-container .team .profil {
    font-family: "Lobster", cursive;
    margin: 20px 0; }
    .page-container .team .profil .name {
      font-size: larger;
      padding-right: 40px; }
    .page-container .team .profil.profil-left {
      text-align: right;
      padding-right: 40px; }
    .page-container .team .profil.profil-right {
      padding-left: 40px; }

@media (max-width: 991px) {
  .page-container .block .youtube-homepage {
    height: 420px; } }

@media (max-width: 768px) {
  .page-container .block .youtube-homepage {
    height: 350px; } }

@media (max-width: 405px) {
  .page-container .block .youtube-homepage {
    height: 260px; } }

@media (max-width: 991px) {
  .page-container .team .profil.profil-left {
    text-align: left !important; } }

@media (max-width: 991px) {
  .page-container .block .map-container {
    text-align: left !important; } }

@media (max-width: 1199px) {
  .container-flex, .page-container {
    width: 100%;
    padding: 0px 30px; } }

@media (max-width: 768px) {
  .navbar-menu.navbar-right {
    text-align: right;
    right: 45px;
    position: absolute; }
  .page-container {
    padding: 0 5px; }
  .page-container .block {
    padding: 0; } }

@media (max-width: 405px) {
  .navbar .container-flex {
    display: block; }
    .navbar .container-flex .navbar-menu.navbar-right {
      position: static;
      text-align: center; }
  .navbar .navbar-brand img {
    margin-left: auto;
    margin-right: auto; }
  .page-container .block ul.slide-list li.slide {
    width: 100%; } }

@media (min-width: 406px) {
  .collapse {
    display: inline !important; }
  .collapsed {
    display: none !important; } }

.tooltipster-text {
  display: none; }
  .tooltipster-text span {
    max-width: 700px; }

.tooltipster-sidetip.tooltipster-custom .tooltipster-box {
  background: #6D1929;
  color: #c7A554;
  border: 50px solid;
  border-image: url("img/block-border3.png") 140;
  border-image-outset: 0;
  border-radius: 6px;
  box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4);
  margin: 0 50px; }

@media (max-width: 768px) {
  .tooltipster-sidetip.tooltipster-custom .tooltipster-box {
    margin: 0 20px; } }

.tooltipster-sidetip.tooltipster-custom .tooltipster-content {
  color: #c7A554;
  padding: 8px; }

.tooltipster-sidetip.tooltipster-custom .tooltipster-arrow {
  display: none; }