/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

html,button,input,select,textarea{font-family:'Open Sans',Arial,sans-serif;color: #000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html{-webkit-box-sizing:border-box;box-sizing:border-box}
*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}
body{font-size:1em;line-height:1.4;margin:0;background:#fff}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc}
img{vertical-align:middle;width:  100%}
fieldset{border:0}
textarea{resize:vertical}
input[type=submit] {outline: none}
h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility}
ul{list-style: none;}

a,a:link,a:visited{color:#000;text-decoration:none}
a:hover{color:#000}
p{font-size:17px;line-height:24px}

/* ==========================================================================
   fonts */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

 @font-face {
    font-family: 'Montserrat Regular';
    font-style: normal;
     font-weight: 400;
     src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
     src: url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
          url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
 }

 @font-face {
    font-family: 'Montserrat SemiBold';
     font-style: normal;
     font-weight: 600;
     src: url('../fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
     src: url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
          url('../fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
          url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
 }
 

/* ==========================================================================
   helpers */

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x:  hidden;
    width:  100%;
}

body.menu-open {
    overflow: visible;
    height: 100%;
}

body.c-bg{
   background:  #FAF8F0;
}

.sr-only, html.menu-open {
    overflow: hidden;
}

.sr-only{
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}

/*.site-wrapper,
.site-header{
   max-width:  1700px;
   margin:  0 auto;
}
*/


/* ======== flex boxes ======== */


/*Elemente gestrecht*/
  .flex-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }

  .flex-item{
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }


  /*Mehrere Reihen*/

  .flex-rows-container{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }

 .no-stretch{
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }

  .space-between{
   -ms-flex-pack: justify;
   -webkit-box-pack: justify;
           justify-content: space-between;
  }

  .justify-center{
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }

  .justify-end{
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }


  .center-align{
   -ms-flex-align: center;
   -webkit-box-align: center;
           align-items: center;
  }

  .flex-end{
   -ms-flex-align: end;
   -webkit-box-align: end;
           align-items: flex-end;
  }

.flex-rows-item{
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
}

/* ======== Image Fix ======== */
.image-fix {
    position: relative;
    width: 100%;
    height: 100%;
}

.image-fix img {
    -o-object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* ========  reme bg ======== */
.creme-bg{
   background:  #FAF8F0;
}

.orange-bg{
   background:  #CDAA35;
}

.creme-bg.top-pad{
   padding-top:  100px;

}

.gold-bg{
   background: #CDAA35;
}

.white-bg{
   background:  #fff;
}

@media screen and (max-width: 1000px){
   .creme-bg.top-pad{
      padding-top:  70px;
   }

    .creme-bg.top-pad.overlap-case{
      padding-top:  100px;
   }
}

@media screen and (max-width: 600px){
   .creme-bg.top-pad{
      padding-top:  40px;

   }
    .creme-bg.top-pad.overlap-case{
      padding-top:  100px;
   }
}


/* ========  get wooden bg ======== */

.get-wooden-bg{
   background-image: url("../images/wooden_background_darken.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   color: #fff;
}

.get-wooden-bg a{
   color:  #fff;
}

@media screen and (max-width: 500px){
   .get-wooden-bg{
      background-attachment: initial;
   }
}
/* ========  image effect======== */


.kenburns-left {
  -webkit-animation: kenburns-left 9s ease-out infinite alternate forwards;
  animation: kenburns-left 9s ease-out infinite alternate forwards;
}

/* ----------------------------------------------
 * Generated by Animista on 2017-12-14 13:32:19
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-left
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
    transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.05) translate(-20px, 15px);
    transform: scale(1.05) translate(-20px, 15px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

@keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
    transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.05) translate(-20px, 15px);
    transform: scale(1.05) translate(-20px, 15px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}



/* ========  pulse effect======== */

.heartbeat {
   -webkit-animation: heartbeat 3s ease-in-out infinite both;
           animation: heartbeat 3s ease-in-out infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-3-25 14:57:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.99);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


/* ==========================================================================
   custom styles */


/* ======== gerenals ======== */

/*buttons*/

.button{
   display:  inline-block;
   text-transform: uppercase;
   font-family: 'Montserrat SemiBold';
   font-weight:  400;
   font-size: 0.875em;   
   padding:  15px 50px 15px 20px;
   background:  #CDAA35;
   color:  #fff;
   position:  relative;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

a.button{
   color:  #fff;
}

.button:after{
   content: '';
   display:  block;
   background-image: url('../images/arrows/arrow_next_white.svg');
   background-repeat: no-repeat;
   background-size:  contain;
   width:  9px;
   height:  14px;
   position:  absolute;
   right:  20px;
   top:  50%;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
}

.button.outline{
   background:  none;
   border:  1px solid #fff;
}

.bright .button.outline{
   border:  1px solid #CDAA35;
   color:  #CDAA35;
}

.button.outline:hover{
   background:  #CDAA35;
   border:  1px solid #CDAA35;
   -webkit-transform:  scale(1.05);
       -ms-transform:  scale(1.05);
           transform:  scale(1.05);
}

.bright .button.outline:hover{
   color:  #fff;
}

@media screen and (max-width: 1000px){

   .button{
      font-size: 0.75em;   
      padding:  10px 30px 10px 12px;
   }

   .button:after{
      right:  10px;
      width:  7px;
      height:  11px;
   }

}

/*headlines*/

.h-extra-large,
.h-semi-large,
.h-small-24,
.h-small-36,
.h-semi-large-45,
.h-small-30{
   text-transform: uppercase;
   font-family: 'Montserrat SemiBold';
   font-weight:  400;
}

.h-thin-case{
   font-family: 'Montserrat Regular';
}

.h-extra-large{
   font-size:  4.063em; /* 65px */
   line-height:  1.06;
}

.h-semi-large{
   font-size:  3.125em; /* 50px */
   line-height:  1.06;
}

.h-semi-large-45{
   font-size:  2.813em; /* 45px */
   line-height:  1.06;
   margin-bottom: 5px;
}

.h-small-36{
   font-size:  2.25em; /* 36px */
   line-height:  1.2;
   margin-bottom: 5px;
}



.h-small-30{
   font-size: 1.875em; /* 30px */
   line-height:  1.06;
}

.h-small-24{
   font-size:  1.5em; /* 24px */
   line-height:  1.2;
}

.h-extra-large strong,
.h-semi-large strong,
.h-small-36 strong,
.h-semi-large-45 strong,
.h-small-24 strong,
.h-small-30 strong{
   font-weight:  400;
   color: #CDAA35 ;
}

/*special line headline*/

.special-line-headline{
   width:  50%;
   margin-right:  8.5%;
   margin-left: 41.5%;
   margin-bottom:  60px;
}

.special-line-headline:before{
   content: '';
   display:  block;
   height:  3px;
   width:  100%;
   background:  #CDAA35;
   margin-bottom:  40px;
}


.special-line-headline span{
   color:  #CDAA35;
}


/*subtitles*/

.st-regular{
   display:  inline-block;
   font-size: 1.25em;
   line-height:  1.2;
   text-transform: uppercase;
   font-family: 'Montserrat Regular';
   margin-bottom:  8px;
}

.st-regular.small{
   font-size: 0.938em;
}

.st-bold{
   display:  block;
   font-size: 1.25em;
   font-family: 'Montserrat SemiBold';
   line-height:  1.2;
   text-transform: uppercase;
   margin-bottom:  8px;
}

.st-bold.small{
   font-size: 0.938em;
}

@media screen and (max-width: 1200px){

   .h-extra-large{
      font-size:  3.3em;
   }


   .h-semi-large{
      font-size:  2.5em;
   }

   .h-semi-large-45{
      font-size:  2em; 
   }

   .h-small-36{
      font-size:  1.875em; 
   }

   .h-small-24{
      font-size:  1.25em;
   }

   .special-line-headline:before{
      margin-bottom:  20px;
   }

   .special-line-headline{
      margin-bottom: 20px;
   }

   .st-bold.small{
      font-size: 0.813em;
   }


}

@media screen and (max-width: 1000px){

   .h-extra-large{
      font-size:  2.8em;
   }


}



@media screen and (max-width: 800px){

   .h-small-30{
      font-size: 1.25em; /* 20px */
   }

   .st-regular,
   .st-bold{
      font-size: 1em;
   }


   .h-extra-large{
      font-size:  2.5em;
   }


   .h-semi-large{
      font-size:  1.875em;
   }

   .h-small-24{
      font-size:  1em;
   }

   .h-small-36{
      font-size:  1.375em; 
   }

}

@media screen and (max-width: 500px){

   .st-bold.small{
      font-size: 0.75em;
   }


   .h-extra-large{
      font-size:  1.875em;
   }

   .h-semi-large{
      font-size:  1.6em;
   }

   .st-regular,
   .st-bold{
      font-size: 0.813em;
   }

   .h-semi-large-45{
      font-size:  1.375em; /* 22px */
   }

}

/*paragraphs*/

p{
   font-size:  0.938em;
   line-height:  1.65;
}

p.introduction-style,
.introduction-style p{
   font-size:  1.3em;
   line-height:  1.4;
   text-transform:  uppercase;
   font-weight:  700;
   letter-spacing:  1px;
   margin-bottom:  20px;
   color:  #CDAA35;
}



p.introduction-style strong,
.introduction-style p strong{
   color:  #000;
}

@media screen and (max-width: 1200px){

   p{
      font-size:  0.938em;
   }

   p.introduction-style{
      font-size:  1.125em;
   }

}

@media screen and (max-width: 1200px){
   p.introduction-style,
   .introduction-style p{
      font-size:  0.938em;
   }

    p{
      font-size:  0.875em;
   }
}

/*buttons*/

/*list styling*/

.get-list-styling ul li{
   position:  relative;
   font-size: 0.875em;
   padding-left:  18px;
   margin-top:  7px;
}

.get-list-styling ul li:after{
   content: '';
   display:  block;
   width:  7px;
   height:  7px;
   border-radius:  50%;
   background: #CDAA35;
   position:  absolute;
   left: 0;
   top:  7px;
}


/*link styling*/

.sct-w-textlinks a{
   display:  inline-block;
   position:  relative;
}
.sct-w-textlinks a:after{
  content:'';
  display: block;
  height: 1px;
  bottom: 1px;
  width: 0;
  position: absolute;
  background: #fff;
  -webkit-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.sct-w-textlinks a:hover:after{
   width:  100%;
}


/*wrapper*/

.site-wrapper,
.site-header{
   max-width:  1600px;
   margin: 0 auto;
}

.site-wrapper{
   -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

.horizontal-wide-wrap{
   padding-left:  1.8%;
   padding-right:  1.8%;
}

.horizontal-normal-wrap{
   padding-left:  10%;
   padding-right:  10%;
}

.horizontal-small-wrap{
   padding-left:  18%;
   padding-right:  18%;
}



.vertical-wrap-100{
   padding-top:  100px;
   padding-bottom:  100px;
}

.vertical-wrap-80{
   padding-top:  80px;
   padding-bottom:  80px;
}

.vertical-wrap-65{
   padding-top:  65px;
   padding-bottom:  65px;
}



@media screen and (max-width: 1200px){

   .horizontal-small-wrap{
      padding-left:  14%;
      padding-right:  14%;
   }

   .horizontal-normal-wrap{
      padding-left:  8%;
      padding-right:  8%;
   }

}

@media screen and (max-width: 1000px){

   .horizontal-small-wrap{
      padding-left:  8%;
      padding-right:  8%;
   }

   .vertical-wrap-80{
      padding-top:  60px;
      padding-bottom:  60px;
   }

   .vertical-wrap-65{
      padding-top:  50px;
      padding-bottom:  50px;
   }

   .vertical-wrap-100{
      padding-top:  70px;
      padding-bottom:  70px;
   }

}


@media screen and (max-width: 600px){
   .vertical-wrap-80{
      padding-top:  40px;
      padding-bottom:  40px;
   }

    .vertical-wrap-65{
      padding-top:  40px;
      padding-bottom:  40px;
   }

   .horizontal-normal-wrap{
      padding-left:  7%;
      padding-right:  7%;
   }

   .vertical-wrap-100{
      padding-top:  40px;
      padding-bottom:  40px;
   }
}

/*gaps*/

.general-mdl-btm-gap{
   margin-bottom: 100px;
}

.general-mdl-btm-gap-pad{
   padding-bottom: 100px;
}

.txt-40-gap,
.txt-40-gap p{
   margin-bottom:  40px;
}

/*overlap*/
.overlap-top-100{
   position:  relative;
   top:  -100px;
   margin-bottom:  -100px;
}

.overlap-top-50{
   position:  relative;
   top:  -50px;
   margin-bottom:  -50px;
}


@media screen and (max-width: 1000px){

   .general-mdl-btm-gap{
      margin-bottom: 70px;
   }

   .general-mdl-btm-gap-pad{
      padding-bottom: 70px;
   }

   .txt-40-gap,
   .txt-40-gap p{
      margin-bottom:  25px;
   }

}

@media screen and (max-width: 750px){
   /*overlap*/
   .overlap-top-100{
      top:  -60px;
      margin-bottom:  -60px;
   }



}

@media screen and (max-width: 600px){
   .general-mdl-btm-gap{
      margin-bottom: 40px;
   }

   .general-mdl-btm-gap-pad{
      padding-bottom: 40px;
   }

   .txt-40-gap,
   .txt-40-gap p{
      margin-bottom:  15px;
   }
}


/* ======== site-header ======== */

.site-header{
   z-index: 999;
   position:  fixed;
   top:  0;
   left: 0;
   right: 0;
   width:  100%;
   padding:  30px 2% 30px 3%;
   -webkit-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
}

/*site logo*/

.site-header a.site-logo{
   display:  block;
   width:  293px;
   height: 86px;
   -webkit-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
}

.site-header .site-logo .logo_typo{fill:#FFFFFF;}
.site-header .site-logo .logo_mark{fill:#CDAA35;}



/*site navigation*/
ul.site-navigation{
   /*spacing to get on line with TEWA*/
   margin-top:  8px;
}

ul.site-navigation > li{
   margin-left:  35px;
}

ul.site-navigation li{
   position:  relative;
}

ul.site-navigation > li:first-child{
   padding-left:  0;
}

ul.site-navigation li a{
   color:  #fff;
   font-weight:  700;
   text-transform: uppercase;
   -webkit-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
   font-size:  1em;
   outline:  none;
}

ul.site-navigation li ul{
   display:  none;
   padding-top: 10px;
   position: absolute;
   left: 0;
   top: 100%;
   right: auto;
}

ul.site-navigation > li:hover > a{
   color: #CDAA35;
}

ul.site-navigation > li.active,
ul.site-navigation > li.current{
   position:  relative;
}

ul.site-navigation > li.active:after,
ul.site-navigation > li.current:after{
   content: '';
   display:  block;
   width:  100%;
   height:  2px;
   background:  #CDAA35;
   position:  absolute;
   bottom:  -1px;
   left: 0;
}

ul.site-navigation li:hover ul{
   display:  block;
}

ul.site-navigation li ul li{

   background: #CDAA35;
   padding-left:  0;
   border-top: 1px solid rgba(255,255,255,.5);
}

ul.site-navigation li ul li:hover{
    background-image: url("../images/wooden_background_darken.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

ul.site-navigation li ul li:first-child{
   border-top:  0;
}

ul.site-navigation li ul li a{
   display:  inline-block;
   padding: 10px 15px;
   font-size:  13px;
}

ul.site-navigation li ul:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 10px;
    width: 0;
    height: 0;
    border-color: transparent transparent #CDAA35;
    border-style: solid;
    border-width: 0 6px 6px;
}


/*hide burger on desktop*/
.site-header .open-menu-trigger{
   display:  none;
}
/*scrolled header*/

.site-header.scrolled-header{
   background:  rgba(255,255,255,.94);
   padding:  20px 2% 20px 3%;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}


.site-header.scrolled-header a.site-logo{
   width:  180px;
   height: 53px;
}


.site-header.scrolled-header .logo_typo{
   fill: #000000;
}


.menu-open .site-header.scrolled-header .logo_typo{
    fill: #ffffff;
}

.site-header.scrolled-header ul.site-navigation{
   margin-top:  0px;
}


.site-header.scrolled-header ul.site-navigation > li > a{
   color:  #000;
   font-size:  0.875em;
}


.menu-open .site-header.scrolled-header ul.site-navigation > li > a{
    color: #ffffff;
     font-size:  18px;
}

.menu-open .site-header.scrolled-header ul.site-navigation li.active > a{
       color: #CDAA35;
}

@media screen and (max-width: 1200px){

   /*site logo*/

   .site-header a.site-logo{
      width:  230px;
      height: 67px;
   }

   ul.site-navigation li a{
      font-size:  0.938em;
   }


}

@media screen and (max-width: 900px){

   /*site logo*/

   .site-header a.site-logo,
   .scrolled-header.site-header a.site-logo{
      width:  160px;
      height: 47px;
   }

   ul.site-navigation > li.active:after{
      display:  none;
   }

   /*mobile open menu trigger*/

   .site-header.scrolled-header {
       padding: 12px 2% 12px 3%;
   }

    .site-header.scrolled-header a.site-logo{
      width: 136px;
      height: 40px;
    }

   .site-header .open-menu-trigger{
      display:  block;
   }

    .site-header .hamburger {
      background:  none;
      border:  none;
      outline:  none;
      width:  45px;
      height:  45px;
      border:  1px solid #CDAA35;
      border-radius:  50%;
      position:  relative;
    }

     .site-header .hamburger .burger-icon{
      position:  absolute;
      top:  50%;
      left:  50%;
      -webkit-transform:  translate(-50%,-50%);
          -ms-transform:  translate(-50%,-50%);
              transform:  translate(-50%,-50%);
     }

    .site-header .hamburger span{
       display: block;
       width: 22px;
       height: 2px;
       background: #fff;
       margin-top: 5px;
       -webkit-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
       transition: all .3s ease-out;
   }

   .site-header .hamburger span.one{
      margin-top:  0;
   }

   .open-menu-trigger.active .hamburger span.one {
       opacity: 0;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   }

   .open-menu-trigger.active .hamburger span.two {
       -webkit-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
           transform: rotate(-45deg);
   }

  .open-menu-trigger.active .hamburger span.three {
       -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
           transform: rotate(45deg);
       position: relative;
       top: -7px;
   }

   .site-header.scrolled-header .hamburger span{
      background:  #000;
   }

   .menu-open .site-header.scrolled-header .hamburger span{
    background: #ffffff;
   }

   /*mobile site navigation*/
    ul.site-navigation{
      visibility: hidden;
       position: fixed;
       top: 0;
       right: 0;
       z-index: -1;
       width: 100%;
       height: 100%;
       -webkit-transition: .5s;
       -o-transition: .5s;
       transition: .5s;
       -webkit-transform: translateY(100%);
       -ms-transform: translateY(100%);
           transform: translateY(100%);
       -ms-overflow-style: none;
       scrollbar-width: none;
       background-image: url("../images/wooden_background_darken.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
       margin-top: 0;
       padding-top: 140px;
   }

    ul.site-navigation.open-menu{
      -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
          transform: translateY(0);
       opacity: 1;
       visibility: visible;
       z-index: -1;
    }

    ul.site-navigation li:hover ul{
      display:  none;
   }

   ul.site-navigation li{
      margin-left: 0;
   }

   ul.site-navigation > li {
    margin-left: 0;
    width:  100%;
    text-align:  center;
    margin-bottom:  30px;
   }

   ul.site-navigation li a{
      font-size:  1.125em;
      position:  relative;
   }



    ul.site-navigation li a.expandable:after{
      content: '+';
      display:  inline-block;
      color:  #CDAA35;
      padding-left:  8px;
    }

    ul.site-navigation li ul:after{
      display:  none;
    }


     ul.site-navigation li.active a.expandable{
       display:  inline-block;
         color: #CDAA35;
        margin-bottom:  10px;
        margin-left:  0;
     }

   ul.site-navigation li.active > a:before,
   ul.site-navigation li.current > a:before{
      content: '';
      display:  block;
      width:  100%;
      height:  1px;
      background:  #CDAA35;
      position:  absolute;
      bottom:  -2px;
      left: 0;
      right:  0;
   }

   ul.site-navigation > li.active:after, 
   ul.site-navigation > li.current:after {
       display: none;
   }

   ul.site-navigation li.active > a{
      color:  #CDAA35;
   }

   ul.site-navigation li.active a.expandable:after{
      display:  none;
   }


    ul.site-navigation li.active ul{
      display:  block;
      position:  static;
    }

     ul.site-navigation li.active ul li{
      background:  none;
      border-top:  none;
      margin-bottom:  20px;
     }

   ul.site-navigation li.active ul li a{
      font-size:  0.938em;
      padding: 0;
   }



}
/* ======== site-stage ======== */

.site-stage{
   width:  100%;
   position:  relative;
   z-index:  99;
}

/*darken the header area*/
.site-stage:after{
   content: '';
   display:  block;
   width:  100%;
   height:  33.33vh;
   opacity: 0.6;
   z-index: 1;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(51%, rgba(0,0,0,0.46)), to(rgba(0,0,0,0.00)));
   background-image: -o-linear-gradient(top, #000000 0%, rgba(0,0,0,0.46) 51%, rgba(0,0,0,0.00) 100%);
   background-image: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0.46) 51%, rgba(0,0,0,0.00) 100%);
   position: absolute;
   top:  0;
   left:  0;
}


.site-stage.hp-case{
      height:  100vh;
      min-height:  600px;
}

.site-stage.height-60vh{
   height:  60vh;
   min-height:  500px;
}

.site-stage.height-40vh{
   height:  45vh;
   min-height:  400px;
}


.site-stage .stage-slideshow img{
   -o-object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.site-stage .stage-slideshow {
   position:  relative;
}


.site-stage.darken .stage-slideshow .stage-slide,
.site-stage.side-darken .stage-slideshow .stage-slide{
   position:  relative;
   overflow: hidden;
}

.site-stage:before{
   content: '';
   display:  block;
   width:  100%;
   height:  100%;
   position:  absolute;
   bottom:  0;
   left: 0;
   top: 0;
   opacity: 0.5;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(56%, rgba(0,0,0,0.00)), color-stop(78%, rgba(0,0,0,0.02)), color-stop(98%, #000000));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.00) 56%, rgba(0,0,0,0.02) 78%, #000000 98%);
    background-image: linear-gradient(0deg, rgba(0,0,0,0.00) 56%, rgba(0,0,0,0.02) 78%, #000000 98%);
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
   z-index:  1;
}

.site-stage.darken .stage-slideshow .stage-slide:after{
   content: '';
   display:  block;
   background:  #000;
   opacity:  .35;
   position:  absolute;
   width:  100%;
   height:  100%;
   z-index: 1;
   left: 0;
   top: 0;

}

.site-stage.side-darken .stage-slideshow .stage-slide:after{
   content: '';
   display:  block;
   width:  50%;
   height:  100%;
   position:  absolute;
   left: 0;
   top:  0;
   opacity: 0.5;
   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.00)), color-stop(0%, rgba(0,0,0,0.01)), to(#000000));
   background-image: -o-linear-gradient(right, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.01) 0%, #000000 100%);
   background-image: linear-gradient(270deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.01) 0%, #000000 100%);
}

.site-stage .stage-slideshow .slick-list, 
.site-stage .stage-slideshow  .slick-track, 
.site-stage .stage-slideshow {
   height:  100%;
}

/*welcome text*/

.site-stage .welcome-text{
   position:  absolute;
   left:  10%;
   right:  10%;
   top:  50%;
   width:  80%;
   -webkit-transform:  translateY(-50%);
       -ms-transform:  translateY(-50%);
           transform:  translateY(-50%);
   z-index: 99;
   color:  #fff;
}

.site-stage .welcome-text .h-extra-large{
   max-width:  80%;
}

/*collage stage*/

.site-stage.collage-stage:before{
   display:  none;
}

.collage-stage .stage-text-col{
   height:  100%;
   width:  33.33%;
   position:  relative;
}

.collage-stage .stage-text-col .desc{
   position:  absolute;
   top:  50%;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
   padding:  0 30px;
   z-index: 99;
}


.collage-stage .stage-image-col{
   width:  calc(33.33% - 2px);
   margin-left:  2px;
   height:  100%;
   overflow: hidden;
}

.collage-stage .stage-image-100-col{
   width:  66.66%;
   height:  100%;
   overflow: hidden;
}

.collage-stage .stage-image-col .vertical-50-col{
   height:  calc(50% - 1px);
}

.collage-stage .stage-image-col .vertical-50-col:first-child{
   margin-bottom:  2px;
}

/*vertical text*/

.site-stage .vertical-text{
   position:  absolute;
   left: 10%;
   top:  55%;
   z-index: 99;
   color:  #fff;
   -webkit-writing-mode: vertical-rl;
       -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
   text-align:  right;
   white-space: nowrap;
}


/*contact bar*/

.site-stage .contact-bar{
   position:  absolute;
   bottom:  0;
   left:  0;
   width:  100%;
   z-index:  99;
   padding:  25px 2%;
}

.site-stage .contact-bar li{
   position:  relative;
   margin-left:  40px;
}

.site-stage .contact-bar li:first-child{
   margin-left: 0;
}

.site-stage .contact-bar li a{
   display:  inline-block;
   color:  #fff;
   font-weight:  700;
   font-size:  1em;
   padding-left:  40px;
   outline:  none;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.site-stage .contact-bar li a:hover{
   color: #CDAA35;
}
.site-stage .contact-bar li a:hover .contact-icon{
   background:  #fff;
   -webkit-transform:  scale(1.05);
       -ms-transform:  scale(1.05);
           transform:  scale(1.05);
}

.site-stage .contact-bar li a:hover .contact-icon svg{
   fill:  #CDAA35;
}
/*contact icon*/

 .contact-icon{
   display:  block;
   width: 30px;
   height:  30px;
   border-radius:  50%;
   background:  #CDAA35;
   position:  absolute;
   left: 0;
   top: -5px;
   -webkit-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
}

.contact-icon svg{
   position:  absolute;
   fill:  #fff;
   width:  auto;
   height:  auto;
   left:  50%;
   top:  50%;
   -webkit-transform:  translate(-50%,-50%);
       -ms-transform:  translate(-50%,-50%);
           transform:  translate(-50%,-50%);
   -webkit-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
}

 .contact-icon.phone svg{
   width:  16px;
   height:  16px;
}

 .contact-icon.mail svg{
   width:  17px;
   height:  11px;
}

 .contact-icon.marker svg{
   width:  13px;
   height:  19px;
}


/*icon circle*/

.stage-icon-circle{
   z-index:  99;
   width:  170px;
   height:  170px;
   border-radius:  50%;
   background:  #FAF8F0;
   position:  absolute;
   right:  12%;
   bottom:  -85px;
}

.stage-icon-circle svg{
   fill:  #CDAA35;
   max-width:  50%;
   max-height:  50%;
   width:  auto;
   height:  auto;
   position:  absolute;
   top:  50%;
   left:  50%;
   -webkit-transform:  translate(-50%,-50%);
       -ms-transform:  translate(-50%,-50%);
           transform:  translate(-50%,-50%);
}

@media screen and (max-width: 1200px){

   .stage-icon-circle{
      width:  130px;
      height:  130px;
      right:  8%;
      bottom:  -65px;
   }

}

@media screen and (max-width: 900px){

   .site-stage.collage-stage:after{
      display:  none;
   }

   .site-stage.collage-stage.height-60vh{
      height:  80vh;
   }

      .site-stage.height-40vh{
         min-height:  250px;
      }



   .collage-stage .stage-text-col{
      height:  35vh;
      width:  100%;
   }

   .collage-stage .stage-text-col .desc{
     top:  60%;
   }


   .collage-stage .stage-image-col{
      width:  calc(50% - 2px);
      margin-left:  2px;
      height:  45vh
   }

   .collage-stage .stage-image-100-col{
       width:  100%;
       height:  45vh
    }

}

@media screen and (max-width: 600px){

 .stage-icon-circle{
      width:  90px;
      height:  90px;
      right:  20px;
      bottom:  -45px;
   }


/*   .contact-bar.get-fixed {
      position:  fixed;
      bottom:  0;
      z-index: 999;
   }*/
   .contact-bar .text-part{
      position:absolute;
      left:-10000px;
      top:auto;
      width:1px;
      height:1px;
      overflow:hidden;
   }

    .contact-bar .contact-icon{
      width:  35px;
      height:  35px;
    }

   .contact-bar .contact-icon.phone svg{
      width:  18px;
      height:  18px;
   }

    .contact-bar .contact-icon.mail svg{
      width:  20px;
      height:  13px;
   }

   .site-stage .contact-bar li{
      margin-left:  11px;
   }

   .site-stage.height-60vh{
      height:  70vh;
   }

   /*vertical text*/

   .site-stage .vertical-text{
      bottom:  -100px;
      top:  initial;

   }

   .site-stage .welcome-text{
      left:  15px;
   }

}


@media screen and (max-width: 500px){

   .site-stage .welcome-text .h-extra-large{
      max-width: 95%;
   }

   .site-stage .welcome-text{
      top:  initial;
      bottom:  100px;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
   }

   .site-stage.height-40vh .welcome-text {
    top:  50%;
    bottom:  initial;
   }

      /*vertical text*/

   .site-stage .vertical-text .h-extra-large{
     font-size: 2.25em;

   }
}


/* ================ Modules ================ */

/* ======== M.1.1 Intro Welcome ======== */

.mdl_1_1_intro_welcome .headline-col{
   width:  36%;
   padding-right:  9.5%;
}

.mdl_1_1_intro_welcome .paragraph-col{
   width:  64%;
   padding-right:  9.5%;
   padding-left: 2%
}

@media screen and (max-width: 800px){

   .mdl_1_1_intro_welcome .headline-col{
      padding-right:  5%;
   }

}

@media screen and (max-width: 600px){

   .mdl_1_1_intro_welcome .headline-col{
      width:  100%;
      padding-right: 0;
      margin-bottom:  25px;
      text-align: right;
      padding-left:  20%;
   }

   .mdl_1_1_intro_welcome .paragraph-col{
      width:  100%;
      padding-right:  0;
      padding-left: 0
   }

   .mdl_1_1_intro_welcome.vertical-stage-case{
      padding-top: 80px;
   }

}




/* ======== M.1.2 Quote  ======== */

.mdl_1_2_quote_module{
   position:  relative;
    overflow: hidden;
}

.mdl_1_2_quote_module .animate-module{
   position:  relative;
    background-image: url("../images/wooden_background.jpg");
    z-index: 99;
    text-align: center;

}

.mdl_1_2_quote_module .animate-module:after{
    content: '';
   display:  block;
   position: absolute;
   background:  rgba(205,170,53,.95);
   width:  100%;
   height:  100%;
   left: 0;
   top:  0;
   z-index:  -1;
}



.mdl_1_2_quote_module svg{
   fill:  #fff;
   width: 72px;
   height:  60px;
   margin-bottom:  40px;
}

.mdl_1_2_quote_module p{
   font-weight: 700;
   text-transform:  uppercase;
   font-size:  1.875em;
   line-height: 1.2;
   color:  #fff;
}

.mdl_1_2_quote_module.js-scroll-style p{
   opacity: 0;
    -webkit-transition: 0.8s ease-in;
    -o-transition: 0.8s ease-in;
    transition: 0.8s ease-in;
       -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
    -webkit-transform: translateY(13px);
        -ms-transform: translateY(13px);
            transform: translateY(13px);
}

.mdl_1_2_quote_module.js-scroll-style.animate-scroll p{
   opacity: 1;
   -webkit-transform: translate(0);
       -ms-transform: translate(0);
           transform: translate(0);
}

.mdl_1_2_quote_module span.author{
   display:  inline-block;
   color:  #000;
   margin-top:  20px;
}

.mdl_1_2_quote_module:before{
   content: "";
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(140%);
    -ms-transform: translateY(140%);
        transform: translateY(140%);
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    background: #fff;
}

.mdl_1_2_quote_module.js-scroll-style.animate-scroll:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
        transform: translate(0);
}

.mdl_1_2_quote_module.js-scroll-style.animate-scroll .animate-module{
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
       transition-delay: .2s;
   }


.mdl_1_2_quote_module.js-scroll-style .animate-module {
 -webkit-transform: translateY(110%) scale(1);
 -ms-transform: translateY(110%) scale(1);
     transform: translateY(110%) scale(1);
 -webkit-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease;
}

@media screen and (max-width: 1200px){
   .mdl_1_2_quote_module p {
       font-size: 1.6em;
   }

}

@media screen and (max-width: 600px){

   .mdl_1_2_quote_module p {
       font-size: 1.25em;
   }

   .mdl_1_2_quote_module svg {
       width: 44px;
       height: 37px;
       margin-bottom: 20px;
   }

   .mdl_1_2_quote_module span.author{
      margin-top:  15px;
   }

}


/* ======== M.1.3 Standard Intro ======== */

.mdl_1_3_standard_intro .text-container{
   max-width:  70%;
}

.mdl_1_3_standard_intro.info-list-case .get-info-list-spacing{
   padding-bottom:  130px;
}



.mdl_1_3_standard_intro h2 strong{
   font-weight:  normal;
}


.mdl_1_3_standard_intro.get-wooden-bg h2 strong{
   color: #CDAA35;
}


.mdl_1_3_standard_intro .orange-bg span{
   color: #fff;
}

/* Teaser Boxes */

.mdl_1_3_standard_intro .teaser-boxes{
    counter-reset: item;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
     -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    position:  relative;
    top:  -130px;
    margin-bottom:  -130px;
}

.mdl_1_3_standard_intro .teaser-boxes .single-teaser-box{
     page-break-inside: avoid;
    width: 100%;
    -webkit-column-break-inside: avoid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
   width: 100%;
   -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.50);
           box-shadow: 0 0 8px 0 rgba(0,0,0,0.50);
   margin-bottom:  25px;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.mdl_1_3_standard_intro .teaser-boxes .single-teaser-box .description-container{
   padding:  20px;
   text-align:  center;
}

.mdl_1_3_standard_intro .teaser-boxes .single-teaser-box .description-container .h-small-24{
   margin-bottom:  5px;
   color: #CDAA35;
}

.mdl_1_3_standard_intro .teaser-boxes .single-teaser-box .description-container .st-bold{
   margin-bottom:  0;
}

.mdl_1_3_standard_intro .teaser-boxes .single-teaser-box:hover{
       -webkit-transform: scale(0.98);
           -ms-transform: scale(0.98);
               transform: scale(0.98);
}

.mdl_1_3_standard_intro .teaser-boxes .single-teaser-box:hover .description-container{
   background: #CDAA35;
}

.mdl_1_3_standard_intro .teaser-boxes .single-teaser-box:hover .description-container .h-small-24{
   color:  #fff;
}

.mdl_1_3_standard_intro .teaser-boxes .single-teaser-box:hover .description-container .st-bold{
   color:  #000;
}

/*Information List*/

.mdl_1_3_standard_intro .information-list-mbl-acco{
    counter-reset: item;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
     -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 55px;
    position:  relative;
    top:  -130px;
    margin-bottom:  -130px;

}

.mdl_1_3_standard_intro .information-list-mbl-acco .information-box{
      page-break-inside: avoid;
    width: 100%;
    -webkit-column-break-inside: avoid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
        width: 100%;
   background:  #CDAA35;
   padding:  25px 40px;
   position:  relative;
   margin-bottom:  25px;
}

.mdl_1_3_standard_intro .information-list-mbl-acco .information-box h3{
   color:  #fff;
   font-size: 1em;
}

.mdl_1_3_standard_intro .information-list-mbl-acco .information-box svg{
   display: none;
}

.mdl_1_3_standard_intro .information-list-mbl-acco .information-box p{
   font-size:  0.875em;
}

.mdl_1_3_standard_intro .information-list-mbl-acco .information-box:before{
   display:  block;
   content: counter(item) "";
  counter-increment: item;
  font-family: 'Montserrat Regular';
  font-size: 1.25em;
  line-height:  44px;
  width: 44px;
  height:  44px;
  border-radius:  50%;
  background:  #fff;
  border:  1px solid #000;
  text-align:  center;
  position: absolute;
  left:  -22px;
  top: 20px;
}

.mdl_1_3_standard_intro .information-list-mbl-acco .information-trigger{
   pointer-events: none;
}

.mdl_1_3_standard_intro .information-list-mbl-acco .information-box .information-expanded{
   display: block;
}

.mdl_1_3_standard_intro .information-list-mbl-acco .information-box .get-list-styling ul li:after{
 background:  #fff;  
}

@media screen and (max-width: 900px){

   .mdl_1_3_standard_intro .text-container{
      max-width:  100%;
   }


}



@media screen and (max-width: 750px){

    .mdl_1_3_standard_intro .information-list-mbl-acco .information-box{
      padding:  0;
    }

   .mdl_1_3_standard_intro .information-list-mbl-acco .information-trigger{
      pointer-events: initial;
      padding:  25px 60px 25px 30px;
      cursor: pointer;
   }


   .mdl_1_3_standard_intro .information-list-mbl-acco,
   .mdl_1_3_standard_intro .teaser-boxes{
        -webkit-column-count: 1;
       -moz-column-count: 1;
       column-count: 1;
   }

   .mdl_1_3_standard_intro .teaser-boxes .single-teaser-box{
      margin-bottom:  15px;
   }


   .mdl_1_3_standard_intro .information-list-mbl-acco .information-box h3 {
    font-size: 0.875em;
   }

   .mdl_1_3_standard_intro .information-list-mbl-acco .information-box:before {
       font-size: 0.9385em;
       line-height: 35px;
       width: 35px;
       height: 35px;
       left: -15px;
       top:  16px;
   }

   .mdl_1_3_standard_intro .information-list-mbl-acco .information-box .information-expanded{
       padding:  0 25px 25px 30px;
      display: none;
   }



   .mdl_1_3_standard_intro .information-list-mbl-acco .information-box svg{
      display: block;
      width:  21px;
      height:  11px;
      position:  absolute;
      right:  25px;
      top:  30px;
      fill:  #fff;
       -webkit-transition:all 0.3s ease;
       -o-transition:all 0.3s ease;
       transition:all 0.3s ease;
   }

   .mdl_1_3_standard_intro .information-list-mbl-acco .information-box .information-trigger.active svg{
      fill:  #000;
      -webkit-transform:  rotate(180deg);
          -ms-transform:  rotate(180deg);
              transform:  rotate(180deg);
   }



}


/* ======== M.1.4 Icon List Module ======== */

.mdl_1_4_icon_list_module  {
   position: relative;
   overflow: hidden;
   z-index: 99;
}

.mdl_1_4_icon_list_module .h-small-30{
   text-align:  center;
   color:  #CDAA35;
   margin-bottom:  10px;
}

.mdl_1_4_icon_list_module  .list-icon-element{
   width:  33.33%;
   padding-right:  3%;
   margin-top:  30px;
}

.mdl_1_4_icon_list_module:before{
   content: "";
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(140%);
    -ms-transform: translateY(140%);
        transform: translateY(140%);
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    background: #F7F2E2;
}

.mdl_1_4_icon_list_module.js-scroll-style.animate-scroll:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
        transform: translate(0);
}

.mdl_1_4_icon_list_module.js-scroll-style.animate-scroll .animate-module{
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
       transition-delay: .3s;
   }


.mdl_1_4_icon_list_module.js-scroll-style .animate-module {
 -webkit-transform: translateY(110%) scale(1);
 -ms-transform: translateY(110%) scale(1);
     transform: translateY(110%) scale(1);
 -webkit-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease;
}
/*Bildmarke*/

.mdl_1_4_icon_list_module .deco-mark{
   position:  absolute;
   height:  100%;
   width:  60vw;
   left:  65%;
   top:  0;
   z-index: -1;
   opacity:  .08;
}


.mdl_1_4_icon_list_module .deco-mark svg{
   min-height:  100%;
   height:  100%;
   width:  100%;
}

/*Icon*/

.mdl_1_4_icon_list_module .icon-circle{
   width:  60px;
   height:  60px;
   border-radius:  50%;
   border:  1px solid #CCA933;
   position:  relative;
   margin-right:  35px;
   font-weight:  bold;
   font-size: 1.75em;
   color:  #CCA933;
   text-align:  center;
   line-height:  60px;
}

.mdl_1_4_icon_list_module .icon-circle svg{
   fill:  #CCA933;
   position:  absolute;
   max-width:  50%;
   max-height:  50%;
   width:  100%;
   height:  100%;
   left:  50%;
   top:  50%;
   -webkit-transform:  translate(-50%,-50%);
       -ms-transform:  translate(-50%,-50%);
           transform:  translate(-50%,-50%);
}

.mdl_1_4_icon_list_module .icon-circle.smaller svg{
    max-width:  45%;
   max-height:  45%;
}

.mdl_1_4_icon_list_module .icon-circle.bigger svg{
    max-width:  58%;
   max-height:  58%;
}

.mdl_1_4_icon_list_module .icon-circle:after{
   content: '';
   display:  block;
   width:  25px;
   height:  1px;
   background: #CCA933;
   position:  absolute;
   left:  100%;
   top:  50%;
}

/* Icon Desc */

.mdl_1_4_icon_list_module .icon-desc{
   width:  calc(100% - 95px);
   padding-top:  18px;
}

.mdl_1_4_icon_list_module .icon-desc h4{
   color:  #CCA933;
   font-size:  1em;
}

.mdl_1_4_icon_list_module .icon-desc p{
   font-size: 0.875em;
}

@media screen and (max-width: 1200px){

   .mdl_1_4_icon_list_module  .list-icon-element{
      width:  50%;
   }
}

@media screen and (max-width: 800px){

   .mdl_1_4_icon_list_module .icon-circle{
      width:  40px;
      height:  40px;
      margin-right:  28px;
      font-size: 1.4em;
      line-height:  40px;
   }

   .mdl_1_4_icon_list_module .icon-circle:after{
      width:  18px;
   }

   .mdl_1_4_icon_list_module .icon-desc{
      width:  calc(100% - 68px);
      padding-top:  10px;
   }

   .mdl_1_4_icon_list_module .icon-desc h4{
      color:  #CCA933;
      font-size:  0.938em;
   }

   .mdl_1_4_icon_list_module .icon-desc p{
      font-size: 0.813em;
   }

}

@media screen and (max-width: 600px){

   .mdl_1_4_icon_list_module  .list-icon-element{
      width:  100%;
      padding-right:  0;
      margin-top: 20px;
   }

}


/* ======== M.1.5 Large Text Secion ======== */

/*info panel*/
.mdl_1_5_large_text_section .info-panel{
   width:  30%;
   padding-right:  4%;
}

.mdl_1_5_large_text_section .info-panel p{
   font-weight:  bold;
   font-size: 0.813em;
}

.mdl_1_5_large_text_section a.back-link{
   display: inline-block;
   font-weight:  bold;
   font-size: 0.813em;
   position:  relative;
   padding-left:  25px;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.mdl_1_5_large_text_section a.back-link:hover{
   color:  #CDAA35;
   padding-left:  20px;
}

.mdl_1_5_large_text_section a.back-link:before{
   content: '';
   display:  block;
   background:  url(../images/arrows/arrow_prev_black.svg);
   width: 8px;
   height:  15px;
   position:  absolute;
   left:  0;
   top:  2px;
}

.mdl_1_5_large_text_section a.back-link:hover:before{
     background:  url(../images/arrows/arrow_prev_gold.svg); 
}

.mdl_1_5_large_text_section .social-links {
   margin-top:  20px;
}

.mdl_1_5_large_text_section .social-links li{
   margin-right: 10px;
}

.mdl_1_5_large_text_section .social-links svg{
   fill: #CDAA35;
    width: 24px;
    height: 24px;
     -webkit-transition:all 0.3s ease;
     -o-transition:all 0.3s ease;
     transition:all 0.3s ease;
}

.mdl_1_5_large_text_section .social-links a:hover svg{
   fill: #000;
}

/*text panel*/

.mdl_1_5_large_text_section .text-panel{
   background:  #fff;
   width:  70%;
   padding:  70px 80px;
}

.mdl_1_5_large_text_section .text-panel.full-width{
   width:  100%;
   padding-right: 210px;
}

.mdl_1_5_large_text_section .text-panel h3,
.mdl_1_5_large_text_section .text-panel h5{
   color: #CDAA35;
}

.mdl_1_5_large_text_section .text-panel div.single-paragraph{
   margin-top:  40px;
}

.mdl_1_5_large_text_section .text-panel > div:first-child{
   margin-top:  0;
}

.mdl_1_5_large_text_section .text-panel .intro-bold p{
   text-transform: uppercase;
   font-weight:  bold;
   font-size:  1.375em;
   line-height:  1.2;
   letter-spacing: 1px;
}

.mdl_1_5_large_text_section .text-panel .intro-bold p strong{
         color:  #CDAA35;
}

.mdl_1_5_large_text_section .text-panel .intro-bold.gold p{
      color:  #CDAA35;
}

.mdl_1_5_large_text_section .list-section{
   margin-top: 15px;
}

.mdl_1_5_large_text_section .list-section h4{
   font-size: 0.875em;
}

/*orderd list*/

.mdl_1_5_large_text_section ol{
   list-style: none;
   counter-reset: section;  
}

.mdl_1_5_large_text_section ol li{
   position: relative;
   padding-left:  30px;
}

.mdl_1_5_large_text_section ol li{
   padding-bottom:  40px;
}


.mdl_1_5_large_text_section ol > li h4,
.mdl_1_5_large_text_section ol > li:before{
   text-transform: uppercase;
   font-weight:  bold;
   font-size:  1.375em;
   line-height:  1.2;
   letter-spacing: 1px;
   color:  #000;
}




.mdl_1_5_large_text_section ol > li h4{
   padding-bottom: 30px;
}

.mdl_1_5_large_text_section ol p{
   position:  relative;
   top:  -3px;
}

.mdl_1_5_large_text_section ol li:before{
   counter-increment: section;   
   content: counters(section,".") ". ";
   position:  absolute;
   left: 0;
}

.mdl_1_5_large_text_section ol li li:before{
   content: counters(section,".") "";
   display: block;
    font-size: 15px;
    font-family: 'Montserrat SemiBold';
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 8px;
   color: #CDAA35;
}

.mdl_1_5_large_text_section ol li li{
   padding-bottom:  25px;
}

.mdl_1_5_large_text_section ol ul li{
   padding-bottom:  0px;
}

.mdl_1_5_large_text_section ol ul li:before{
   counter-increment:none;
   display: none !important;
}


@media screen and (max-width: 1200px){



   .mdl_1_5_large_text_section .text-panel {
       padding: 40px 40px;
   }

   .mdl_1_5_large_text_section .text-panel.full-width{
      padding-right: 120px;
   }

   .mdl_1_5_large_text_section ol li li:before{
    font-size: 13px;
   }

   .mdl_1_5_large_text_section ol li{
      padding-left:  20px;
   }

}

@media screen and (max-width: 1000px){

   .mdl_1_5_large_text_section .info-panel{
      width:  100%;
      margin-bottom:  40px;
   }


   .mdl_1_5_large_text_section .text-panel{
      width:  100%;
   }

     .mdl_1_5_large_text_section .text-panel.full-width{
      padding-right: 60px;
   }

   .mdl_1_5_large_text_section .text-panel .intro-bold p,
   .mdl_1_5_large_text_section ol > li h4,
   .mdl_1_5_large_text_section ol > li:before{
      font-size:  1em;
   }




}

@media screen and (max-width: 750px){

   .overlap-top-50 .mdl_1_5_large_text_section{
      padding-top:  100px;
   }
}


@media screen and (max-width: 600px){


   .mdl_1_5_large_text_section ol > li h4 {
       padding-bottom: 20px;
   }

   .mdl_1_5_large_text_section .text-panel {
       padding: 25px 25px;
   }

   .mdl_1_5_large_text_section .text-panel.full-width{
      padding-right: 30px;
   }

   .mdl_1_5_large_text_section ol li li:before{
    font-size: 11px;
   }

   .mdl_1_5_large_text_section ol ol{
      position:  relative;
      left:  -20px;
      width:  calc(100% + 20px);
   }
}


/* ======== M.1.6 Intro with Icon-Info Box ======== */
.mdl_1_6_intro_with_icon_info_box{
   position:  relative;
   padding-top:  80px;
   z-index: 30;
}

/*text col*/
.mdl_1_6_intro_with_icon_info_box .text-col{
   width:  60%;
   padding-right: 15%;
}

.mdl_1_6_intro_with_icon_info_box .text-col span{
   color: #CDAA35;
}


/*icon info box*/
.mdl_1_6_intro_with_icon_info_box .icon-info-box{
   position:  relative;
   width:  40%;
   background:  #CDAA35;
   padding:  40px 20px 40px 0;
}


.mdl_1_6_intro_with_icon_info_box .icon-info-box .vertical-headline{
   text-transform: uppercase;
   font-family: 'Montserrat Regular';
   font-weight:  400;
   font-size:  2.5em;
   -webkit-writing-mode: vertical-rl;
       -ms-writing-mode: tb-rl;
           writing-mode: vertical-rl;
   position:  absolute;
   right:  -25px;
   top:  0;
}

.mdl_1_6_intro_with_icon_info_box .icon-list li{
   position:  relative;
   left:  -22px;
   margin-top:  25px;
}

.mdl_1_6_intro_with_icon_info_box .icon-list li:first-child{
   margin-top: 0;
}

.mdl_1_6_intro_with_icon_info_box .icon-list span.list-icon{
   position:  relative;
   display:  block;
   width: 45px;
   height:  45px;
   border-radius: 50%;
   background:  #fff;
    border: solid #000;
   border-width:  calc(0.5px);
   font-size: 1.25em;
   text-align:  center;
   line-height:  45px;
}

.mdl_1_6_intro_with_icon_info_box .icon-list span.list-icon svg{
   position:  absolute;
   top:  50%;
   left:  50%;
   -webkit-transform: translate(-50%,-50%);
       -ms-transform: translate(-50%,-50%);
           transform: translate(-50%,-50%);
   max-width:  50%;
   max-height:  60%;

}

.mdl_1_6_intro_with_icon_info_box .icon-list span.list-icon[data-icon="#mail"] svg{
   width:  25px;
   height:  15px;
   max-width:  initial;
   max-height:  initial;
}

.mdl_1_6_intro_with_icon_info_box li .icon-desc{
   width:  calc(100% - 45px);
   padding-left:  15px;
   padding-top:  12px;
}

.mdl_1_6_intro_with_icon_info_box li .icon-desc span{
   font-weight:  bold;
   color:  #fff;
}

.mdl_1_6_intro_with_icon_info_box li a{
   outline: none;
}



.mdl_1_6_intro_with_icon_info_box li a:hover span.list-icon{
   background-image: url("../images/wooden_background_darken.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
}

.mdl_1_6_intro_with_icon_info_box li a:hover span.list-icon svg{
   fill: #fff;
}


.mdl_1_6_intro_with_icon_info_box li .icon-desc p{
   font-size: 0.875em;
}


@media screen and (max-width: 1000px){

   .mdl_1_6_intro_with_icon_info_box{
      padding-top:  60px;
   }

   .mdl_1_6_intro_with_icon_info_box .text-col {
       padding-right: 10%;
   }

}

@media screen and (max-width: 900px){

   .mdl_1_6_intro_with_icon_info_box .icon-info-box{
      width:  50%;
      padding:  30px 10px 30px 0;
   }

   .mdl_1_6_intro_with_icon_info_box .text-col{
      width:  50%;
   }

}

@media screen and (max-width: 750px){

   .mdl_1_6_intro_with_icon_info_box .icon-info-box{
      width:  100%;
   }

   .mdl_1_6_intro_with_icon_info_box .text-col{
      width:  100%;
      margin-bottom:  40px;
   }

   .mdl_1_6_intro_with_icon_info_box .icon-list span.list-icon{
      width: 35px;
      height:  35px;
      font-size: 1em;
      line-height:  35px;
   }

   .mdl_1_6_intro_with_icon_info_box .icon-list span.list-icon.mail svg{
      width:  20px;
      height:  13px;
   }

   .mdl_1_6_intro_with_icon_info_box .icon-list li {
       left: -17px;
       margin-top: 20px;
   }

   .mdl_1_6_intro_with_icon_info_box li .icon-desc {
       width: calc(100% - 35px);
       padding-left: 10px;
       padding-top: 6px;
   }

   .mdl_1_6_intro_with_icon_info_box li .icon-desc span{
      font-size: 0.9385em;
   }

   .mdl_1_6_intro_with_icon_info_box .icon-info-box .vertical-headline{
      font-size:  1.875em;
      right:  -20px;
   }


}

@media screen and (max-width: 600px){
   .mdl_1_6_intro_with_icon_info_box{
      padding-top:  40px;
   }
}

/* ======== M.2.1 Big Image Teaser ======== */

a.mdl_2_1_big_image_teaser,
div.mdl_2_1_big_image_teaser{
   display:  block;
   height:  70vh;
   width:  100%;
   position:  relative;
   z-index: 99;
   color:  #fff;
   overflow:  hidden;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}


.mdl_2_1_big_image_teaser svg{
   position:  absolute;
   right:  1.8%;
   top:  25px;
   width:  100px;
   height:  100px;
   z-index: 2;
   -webkit-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
}

.mdl_2_1_big_image_teaser:after{
   content: '';
   display:  block;
   background:  #000;
   opacity:  .2;
   position:  absolute;
   left: 0;
   top:  0;
   width:  100%;
   height:  100%;
   z-index:  1;
}

.mdl_2_1_big_image_teaser .teaser-text{
   width:  100%;
   position:  absolute;
   bottom: 8vh;
   z-index: 99;
}

.mdl_2_1_big_image_teaser .teaser-text .teaser-desc{
   width:  70%;
   padding-right:  20%;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.mdl_2_1_big_image_teaser .teaser-text .button-container{
   width:  30%;
   text-align: right;
}

a.mdl_2_1_big_image_teaser:before{
   content: '';
   display:  block;
   position:  absolute;
   left: 0;
   top:  0;
   width:  5px;
   height:  0;
   background: #CDAA35;
   z-index: 99;
    -webkit-transition:all 0.7s ease;
    -o-transition:all 0.7s ease;
    transition:all 0.7s ease;
}

a.mdl_2_1_big_image_teaser img,
div.mdl_2_1_big_image_teaser img{
   -webkit-transition:all 0.7s ease;
   -o-transition:all 0.7s ease;
   transition:all 0.7s ease;
}

a.mdl_2_1_big_image_teaser:hover:before,
div.mdl_2_1_big_image_teaser:hover:before{
   height:  100%;
}


a.mdl_2_1_big_image_teaser:hover .teaser-desc,
div.mdl_2_1_big_image_teaser:hover .teaser-desc{
   padding-left:  3vw;
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
}

.mdl_2_1_big_image_teaser:hover svg{
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
}

a.mdl_2_1_big_image_teaser:hover img,
div.mdl_2_1_big_image_teaser:hover img{
   -webkit-transform: scale(1.03);
       -ms-transform: scale(1.03);
           transform: scale(1.03);
}

@media screen and (max-width: 900px){

   .mdl_2_1_big_image_teaser .teaser-text{
      bottom:  30px;
   }

   .mdl_2_1_big_image_teaser .teaser-text .button-container{
      width:  100%;
      text-align: left;
      margin-top:  20px;
   }

   .mdl_2_1_big_image_teaser .teaser-text .teaser-desc {
       width: 100%;
   }



}

@media screen and (max-width: 600px){
   .mdl_2_1_big_image_teaser svg {
       right: 1.8%;
       top: 10px;
       width: 50px;
       height: 50px;
   }
}

/* ======== M.2.2 Gallery Slideshow ======== */

.mdl_2_2_gallery_slideshow{
   padding-top:  60px;
   background-image: url('../images/gold_bg.jpg');
   background-size:  100% 80%;
   background-attachment: initial;
   background-position: top;
   background-repeat: no-repeat;
}

.mdl_2_2_gallery_slideshow h2{
   color:  #fff;
}

.mdl_2_2_gallery_slideshow .gallery-slideshow {
    padding-left:  10%;
   padding-right:  10%;
}

.mdl_2_2_gallery_slideshow .single-gallery-slide{
   margin-right:  25px;
   outline:  none;
}

.mdl_2_2_gallery_slideshow .single-gallery-slide img{
   height:  450px;
   width:  auto;
}

.mdl_2_2_gallery_slideshow .single-gallery-slide span{
   display: inline-block;
   font-size:  0.938em;
   padding-top:  8px;
}

/* ======== M.2.3 Gallery Module ======== */
.mdl_2_3_gallery .gallery-mdl{
   margin-bottom:  25px;
}

/*mdl 3 cols*/
.mdl_2_3_gallery .glry-mdl-3-cols div{
   width:  calc(33.33% - 16.667px);
   margin-left: 25px;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.mdl_2_3_gallery .glry-mdl-3-cols div:first-child{
   margin-left:  0;
}



/*mdl 2 cols*/
.mdl_2_3_gallery .glry-mdl-2-cols div{
   width:  calc(50% - 12.5px);
   margin-left: 25px;
}

.mdl_2_3_gallery .glry-mdl-2-cols div:first-child{
   margin-left: 0;
}

/*mdl collage*/
.mdl_2_3_gallery .glry-mdl-collage .big-image-container{
   width:  calc(68% - 12.5px);
   margin-right:  25px;
}

.mdl_2_3_gallery .glry-mdl-collage .small-image-container{
   width:  calc(32% - 12.5px);
}

.mdl_2_3_gallery .glry-mdl-collage .small-image-container .vertical-50-img{
   height:  calc(50% - 12.5px);
}

.mdl_2_3_gallery .glry-mdl-collage .small-image-container .vertical-50-img:first-child{
   margin-bottom:  25px;
}

.mdl_2_3_gallery .glry-mdl-collage .small-image-container .text-case{
   background:  #CDAA35;
   color:  #fff;
   position:  relative;

}

.mdl_2_3_gallery .glry-mdl-collage .small-image-container .text-case > div{
   text-align: center;
   width:  100%;
   padding:  0 20px;
   position:  absolute;
   top:  50%;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
}

.mdl_2_3_gallery .glry-mdl-collage .small-image-container .text-case h4{
   margin-bottom:  5px;
}


@media screen and (max-width: 1000px){

   .mdl_2_3_gallery .gallery-mdl{
      margin-bottom:  15px;
   }

   /*mdl 3 cols*/
   .mdl_2_3_gallery .glry-mdl-3-cols div{
      width:  calc(33.33% - 10px);
      margin-left: 15px;
   }

   /*mdl 2 cols*/
   .mdl_2_3_gallery .glry-mdl-2-cols div{
      width:  calc(50% - 7.5px);
      margin-left: 15px;
   }

   /*mdl collage*/


   .mdl_2_3_gallery .glry-mdl-collage .big-image-container{
      width:  100%;
      margin-right:  0;
      margin-bottom:  15px;
   }

   .mdl_2_3_gallery .glry-mdl-collage .small-image-container{
      width:  100%;
         display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: start;
       align-content: flex-start;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;

   }


   .mdl_2_3_gallery .glry-mdl-collage .small-image-container .vertical-50-img{
      height: auto;
      width:  calc(50% - 7.5px);
   }

    .mdl_2_3_gallery .glry-mdl-collage .small-image-container .vertical-50-img:first-child{
      margin-right: 15px;
      margin-bottom:  0;
    }
}

@media screen and (max-width: 600px){

   /*mdl 3 cols*/

   .mdl_2_3_gallery .glry-mdl-3-cols div{
      width:  calc(50% - 7.5px);
      margin-left: 0;
      margin-right:  15px;
   }

   .mdl_2_3_gallery .glry-mdl-3-cols div:last-child{
      margin-right:  0;
   }

   .mdl_2_3_gallery .glry-mdl-3-cols div:first-child{
      width:  100%;
      margin-bottom:  15px;
      margin-right:  0;
   }

   .mdl_2_2_gallery_slideshow .single-gallery-slide img{
      height:  300px;
   }

}

@media screen and (max-width: 500px){

   .mdl_2_3_gallery .glry-mdl-collage .small-image-container .vertical-50-img{
      width:  100%;
   }

    .mdl_2_3_gallery .glry-mdl-collage .small-image-container .vertical-50-img:first-child{
      margin-right: 0;
      margin-bottom:  0;
    }

    .mdl_2_3_gallery .glry-mdl-collage .small-image-container .text-case{
      min-height:  200px;
      margin-top:  15px;
    }

}

/* ======== M.3.1 Teaser Slideshow with tabs ======== */


.mdl_3_1_teaser_slideshow_with_icon_tabs .h-semi-large{
   text-align:  center;
   color: #CDAA35;
   margin-bottom:  40px;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .horizontal-normal-wrap{
   max-width:  calc(1120px + 20%);
   margin:  0 auto;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-single-slide{
   padding-bottom:  60px;
}

/*tab row*/

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row{
   width:  100%;
   margin-bottom: 50px;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .slick-dots li{
   width:  auto;
   height:  auto;
   margin:  0 20px;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .icon-tab{
   display:  block;
   width:  auto;
   text-align:  center;
   outline: none;
   margin-top:  20px;

}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .icon-tab span.tab-desc{
   display:  inline-block;
      text-transform: uppercase;
   font-family: 'Montserrat SemiBold';
   font-weight:  400;
   font-size:  10px;
}
.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .icon-tab .icon-bubble{
   position:  relative;
   display: block;
   height:  60px;
   width:  60px;
   border-radius:  50%;
   background:  #fff;
   margin:  0 auto;
   border:  1px solid transparent;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .icon-tab:hover .icon-bubble{
   border:  1px solid  #CDAA35
}


.mdl_3_1_teaser_slideshow_with_icon_tabs.creme .tab-row .icon-tab .icon-bubble,
.mdl_3_1_teaser_slideshow_with_icon_tabs.creme .teaser-text-container:before{
   background: #FAF8F0;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .icon-tab svg{
   fill:  #CDAA35;
   position:  absolute;
   max-width:  55%;
   max-height:  55%;
   width:  auto;
   height:  auto;
   left:  50%;
   top:  50%;
   -webkit-transform:  translate(-50%,-50%);
       -ms-transform:  translate(-50%,-50%);
           transform:  translate(-50%,-50%);
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .slick-dots li.slick-active{
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .slick-dots li.slick-active .icon-bubble{
   background: #CDAA35;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .slick-dots li.slick-active svg{
   fill:  #fff;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .slick-dots li.slick-active span.tab-desc{
   color: #CDAA35;
}



/*teaser img container*/
.mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-img-container{
   width:  50%;
   position:  relative;
   top:  60px;
   right:  -30px;
   margin-left: -30px;
   background:  #fff;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-img-container .image-fix{
   position:  absolute;
   top:  0;
   left: 0;
   width:  100%;
   height:  100%;
}


/*teaser text container*/

.mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-text-container{
   background:  #CDAA35;
   text-align:  center;
   width: calc(50% + 30px);
   padding:  140px 40px 60px 40px;
   position:  relative;
   overflow: hidden;
   z-index: 99;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-text-container span{
   color: #fff;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs  .icon-area svg{
   max-width:  55px;
   max-height:  55px;
   width:  100%;
   height:  100%;
   fill: #CDAA35;
   position:  absolute;
   top:  0;
   left:  50%;
   -webkit-transform: translateX(-50%);
       -ms-transform: translateX(-50%);
           transform: translateX(-50%);
   top:  25px;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-text-container:before{
   content: '';
   display:  block;
   width:  816px;
   height: 287px;
   border-radius:  50%;
  background:  #fff;
  position:  absolute;
  bottom:  80%;
  left: 50%;
  -webkit-transform:  translateX(-50%);
      -ms-transform:  translateX(-50%);
          transform:  translateX(-50%);
  z-index:  -1;
}

.mdl_3_1_teaser_slideshow_with_icon_tabs .button.outline:hover{
   background:  #000;
   border:  1px solid #000;
}

@media screen and (max-width: 800px){

   .mdl_3_1_teaser_slideshow_with_icon_tabs .h-semi-large{
      margin-bottom:  0px;
   }


   .mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-text-container {
       width: 100%;
       padding: 80px 30px 140px 30px;
      -ms-flex-order: 1;
      -webkit-box-ordinal-group: 2;
              order: 1;
       z-index:  1;
   }

   .mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-img-container {
       width:  100%;
       padding:  0 40px;
       background:  none;
       z-index: 99;
       top: -100px;
       right: -30px;
      -ms-flex-order: 2;
      -webkit-box-ordinal-group: 3;
              order: 2;
   }

    .mdl_3_1_teaser_slideshow_with_icon_tabs {
      margin-bottom:  -100px;
    }

   .mdl_3_1_teaser_slideshow_with_icon_tabs .icon-area svg {
       max-width: 35px;
       max-height: 35px;
       top: 15px;
   }

   .mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-text-container:before{
      bottom:  86%;
   }

   .mdl_3_1_teaser_slideshow_with_icon_tabs .teaser-img-container .image-fix{
      position:  static;
   }

   .mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .icon-tab .icon-bubble{
      width:  48px;
      height:  48px;
   }

   .mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .icon-tab span.tab-desc {
       font-size: 8px;
    }

    .mdl_3_1_teaser_slideshow_with_icon_tabs .tab-row .slick-dots li {
       margin: 0 10px;
       top:  10px;
   }

}


/* ======== M.3.2 Teaser Wild 3 Cols======== */

.mdl_3_2_teaser_wild_3_cols .teaser-3-cols-mbl-ss{
   margin-left: -1%;
   margin-right:  -1%;
}



.mdl_3_2_teaser_wild_3_cols .teaser-33-box{
   width:  calc(33.3333% - 2%);
   margin-left:  13px;
   margin-right:  13px;
   text-align:  center;
   background: #CDAA35;
        -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    overflow:  hidden;
}

.mdl_3_2_teaser_wild_3_cols .teaser-33-box.js-scroll-style{
    -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
            transform: translateY(100px);
    opacity:  0;

}

.mdl_3_2_teaser_wild_3_cols .teaser-33-box.js-scroll-style.animate-scroll{
   opacity:  1;
   -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
           transform: translateY(0);
}




.mdl_3_2_teaser_wild_3_cols .teaser-33-box img{
   -webkit-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
}

.mdl_3_2_teaser_wild_3_cols .teaser-33-box .text-container{
   padding:  25px 10px;
}

.mdl_3_2_teaser_wild_3_cols .teaser-33-box .h-small-24{
   margin-bottom:  5px;
   color:  #fff;
}


.mdl_3_2_teaser_wild_3_cols .teaser-33-box[data-slick-index="0"] { 
   margin-top:  -120px;
}


.mdl_3_2_teaser_wild_3_cols .teaser-33-box[data-slick-index="2"] { 
  margin-top:  -40px;
}

.mdl_3_2_teaser_wild_3_cols .slick-list{
   overflow:  visible;
}

.mdl_3_2_teaser_wild_3_cols .special-line-headline{
   padding-bottom:  20px;
}

.mdl_3_2_teaser_wild_3_cols .teaser-33-box:hover{
   -webkit-transform:  scale(0.97);
       -ms-transform:  scale(0.97);
           transform:  scale(0.97);
   background-image: url("../images/wooden_background_darken.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   color:  #fff;
       -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 50%);
               box-shadow: 0 0 8px 0 rgb(0 0 0 / 50%);

}

.mdl_3_2_teaser_wild_3_cols .teaser-33-box:hover img{
   -webkit-transform: scale(1.02);
       -ms-transform: scale(1.02);
           transform: scale(1.02);
}

.mdl_3_2_teaser_wild_3_cols .teaser-33-box:hover .h-small-24{
   color:  #CDAA35;
}

@media screen and (max-width: 1000px){

   .mdl_3_2_teaser_wild_3_cols .teaser-33-box .text-container{
          padding: 15px 10px;
   }


}

@media screen and (max-width: 900px){

   .mdl_3_2_teaser_wild_3_cols .teaser-3-cols-mbl-ss{
      margin-left: -0.5%;
      margin-right:  -0.5%;
   }

   .mdl_3_2_teaser_wild_3_cols .teaser-33-box{
      width:  calc(33.3333% - 1%);
      margin-left:  7px;
      margin-right:  7px;
   }



}

@media screen and (max-width: 600px){

   .mdl_3_2_teaser_wild_3_cols .teaser-33-box[data-slick-index="0"] { 
      margin-top:  0;
   }

   .mdl_3_2_teaser_wild_3_cols .slick-list{
      overflow:  hidden;
   }


   .mdl_3_2_teaser_wild_3_cols .teaser-33-box[data-slick-index="2"] { 
     margin-top:  0;
   }

   .mdl_3_2_teaser_wild_3_cols .special-line-headline {
    width: 75%;
    margin-right: 8.5%;
    margin-left: 16.5%;
   }

   .mdl_3_2_teaser_wild_3_cols .teaser-3-cols-mbl-ss{
      margin-left: 8%;
      margin-right: 8%;
   }

    .mdl_3_2_teaser_wild_3_cols .teaser-33-box{
      width:  100%;
      margin-left:  0;
      margin-right:  0;
   }

   .mdl_3_2_teaser_wild_3_cols .special-line-headline {
    padding-bottom: 0px;
   }

}


/* ======== M.3.3 Teaser Slideshow 2 Cols Visible======== */

.mdl_3_3_teaser_slideshow_2_cols_visible .slide-wrap{
   margin-left:  18%;
}



.mdl_3_3_teaser_slideshow_2_cols_visible .slick-track{
   display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}


.mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser{
   display:  block;
   width: 32vw;
   max-width: 470px;
   color:  #fff;
   background:  #CDAA35;
   margin-right:  25px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
        align-self: stretch;
     -webkit-transition:all 0.3s ease;
     -o-transition:all 0.3s ease;
     transition:all 0.3s ease;
}

.mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .icon-box{
   background: #FAF8F0;
   width:  100%;
   height:  340px;
   position:  relative;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.mdl_3_3_teaser_slideshow_2_cols_visible.creme-bg .single-slide-teaser .icon-box{
   background:  #fff;
}

.mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .icon-box svg{
   fill: #CDAA35;
   position:  absolute;
   top:  50%;
   left:  50%;
   -webkit-transform:  translate(-50%,-50%);
       -ms-transform:  translate(-50%,-50%);
           transform:  translate(-50%,-50%);
   max-width:  140px;
   max-height:  140px;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .text-area{
   text-align:  center;
   padding:  20px 10px;
}

.mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .text-area span{
   color:  #000;
}

.mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser:hover{
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 50%);
            box-shadow: 0 0 8px 0 rgb(0 0 0 / 50%);
    -webkit-transform: scale(0.98);
        -ms-transform: scale(0.98);
            transform: scale(0.98);

}

.mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser:hover .icon-box{
    background-image: url("../images/wooden_background_darken.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   color: #fff;
}



@media screen and (max-width: 1200px){

   .mdl_3_3_teaser_slideshow_2_cols_visible .slide-wrap{
      margin-left:  14%;
   }


   .mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .icon-box svg{
      max-width:  100px;
      max-height:  100px;
   }

   .mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .icon-box{
      height:  260px;
   }

}


@media screen and (max-width: 900px){
   .mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser{
      margin-right:  15px;
   }

   .mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .icon-box svg{
      max-width:  85px;
      max-height:  85px;
   }

   .mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .icon-box{
      height:  200px;
   }


    .mdl_3_3_teaser_slideshow_2_cols_visible .special-line-headline{
         margin-left: 30%;
         width: 61.5%;
   }
}

@media screen and (max-width: 750px){

   .mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser{
      width: 60vw;
   }  
}



@media screen and (max-width: 500px){
   .mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .icon-box svg{
      max-width:  70px;
      max-height:  70px;
   }

    .mdl_3_3_teaser_slideshow_2_cols_visible .single-slide-teaser .icon-box{
      height:  160px;
   }
}


/* ======== M.4.1 Content Slideshow Tab Module ======== */

.mdl_4_1_content_slideshow_tab_module > div{
   background-size:  100% 88%;
   background-attachment: initial;
   background-position: top;
}

.mdl_4_1_content_slideshow_tab_module .bright,
.mdl_4_1_content_slideshow_tab_module .get-wooden-bg{
   padding-top:  70px;
}

/*introdution*/

.mdl_4_1_content_slideshow_tab_module .get-wooden-bg .introduction-style p{
   color:  #fff;
}

.mdl_4_1_content_slideshow_tab_module .get-wooden-bg .introduction-style strong{
   color:  #CDAA35;
}

.mdl_4_1_content_slideshow_tab_module .introduction-style {
   width:  30%;
   margin-left:  3%;
}

.mdl_4_1_content_slideshow_tab_module .get-wooden-bg .button.outline{
   color: #CDAA35;
   border:  1px solid #CDAA35;
}

.mdl_4_1_content_slideshow_tab_module .get-wooden-bg .button.outline:hover{
   color:  #fff;
}

.mdl_4_1_content_slideshow_tab_module .get-wooden-bg .button.outline:after{
   background-image: url('../images/arrows/arrow_next_gold.svg');

}

.mdl_4_1_content_slideshow_tab_module .get-wooden-bg .button.outline:hover:after{
   background-image: url('../images/arrows/arrow_next_white.svg');
}

/*slideshow*/
.mdl_4_1_content_slideshow_tab_module .content-tab-slideshow{
   padding-left:  8%;
   padding-right:  8%;
}

.mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .single-content-slide{
   padding-top:  80px;
}

.mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .image-col{
   position:  relative;
   overflow: hidden;
   width:  50%;
   z-index: 9;
     -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .image-col .img-container{
   position:  relative;
}


.mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .text-col{
   width:  40%;
   margin-left:  10%;
   z-index: 99;
   padding-bottom:  70px;
}

.mdl_4_1_content_slideshow_tab_module .special-line-headline{
   width:  100%;
   margin-left: -45%;
   z-index: 99;
   margin-top: -80px;
}

/*tab button row*/

.mdl_4_1_content_slideshow_tab_module .tab-button-row{
   margin-top:  3px;
   display:  block;
    margin-left: 8%;
    margin-right: 8%;
    width:  42%;

}


.mdl_4_1_content_slideshow_tab_module .tab-button-row .slick-dots{
   display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
   align-items: flex-start;
}


.mdl_4_1_content_slideshow_tab_module .tab-button-row .slick-dots li{
   width:  auto;
   height:  auto;
   margin:  0;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
            flex: 1 1 auto;
     -ms-flex-positive: 1;
         flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
        background-image: url("../images/wooden_background.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position:  relative;
   z-index: 99;
   margin-left:  3px;
}

.mdl_4_1_content_slideshow_tab_module .tab-button-row .slick-dots li:first-child{
   margin-left: 0;
}

.mdl_4_1_content_slideshow_tab_module .tab-button-row .slick-dots li:after{
   content: '';
   display:  block;
   position:  absolute;
   left: 0;
   top:  0;
   width:  100%;
   height:  100%;
   background:  #000;
   opacity:  .85;
   z-index:  -1;
}

.mdl_4_1_content_slideshow_tab_module .tab-button-row .slick-dots li.slick-active:after{
    background:  #CDAA35;
   opacity:  .9;
}

.mdl_4_1_content_slideshow_tab_module .tab-button-row a{
   display: inline-block;
   text-transform: uppercase;
   font-family: 'Montserrat SemiBold';
   font-weight:  400;
   font-size:  1em;
   width:  100%;
   padding:  30px 0;
   color:  #fff;
}

.mdl_4_1_content_slideshow_tab_module .tab-button-row a:hover{
   color: #CDAA35;
}

.mdl_4_1_content_slideshow_tab_module .tab-button-row .slick-active{
   pointer-events: none;
}
/*bright*/

.mdl_4_1_content_slideshow_tab_module.bright > div,
.mdl_4_1_content_slideshow_tab_module .bright{
    background-image: url('../images/creme_bg.jpg');
    background-repeat: no-repeat;
}

.mdl_4_1_content_slideshow_tab_module.bright.no-bg > div{
   background: #fff;

}

.mdl_4_1_content_slideshow_tab_module.bright .slick-next{
    background-image:  url("../images/arrows/arrow_next_gold.svg");
}

.mdl_4_1_content_slideshow_tab_module.bright .slick-prev{
      background-image:  url("../images/arrows/arrow_prev_gold.svg"); 
}

.mdl_4_1_content_slideshow_tab_module.bright .content-tab-slideshow .image-col:after{
   content: '';
   display:  block;
   height:  600px;
   width:  600px;
   border-radius:  200px;
   position:  absolute;
   right:  0;
   top:  0;
   -webkit-transform:  translate(50%,-50%);
       -ms-transform:  translate(50%,-50%);
           transform:  translate(50%,-50%);
  background-image: -o-linear-gradient(227deg, #FFFFFF 0%, rgba(255,255,255,0.48) 54%, rgba(255,255,255,0.00) 71%);
  background-image: linear-gradient(223deg, #FFFFFF 0%, rgba(255,255,255,0.48) 54%, rgba(255,255,255,0.00) 71%);
}

.mdl_4_1_content_slideshow_tab_module.bright .button.outline{
   color:  #CDAA35;
   border:  1px solid #CDAA35;
}

.mdl_4_1_content_slideshow_tab_module.bright .button.outline:hover{
   color:  #fff;
}

.bright .button.outline:after{
      background-image: url('../images/arrows/arrow_next_gold.svg');
}

.bright .button.outline:hover:after{
      background-image: url('../images/arrows/arrow_next_white.svg');
}


/*contact*/

.mdl_4_1_content_slideshow_tab_module .contact-col li{
   position:  relative;
   font-weight:  bold;
   padding-left:  55px;
   padding-bottom:  40px;
}

.mdl_4_1_content_slideshow_tab_module .contact-icon {
    width: 45px;
    height: 45px;
    background: none;
    border:  1px solid #000;
    top:  0;
    -webkit-transform:  translateY(-25%);
        -ms-transform:  translateY(-25%);
            transform:  translateY(-25%);
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.mdl_4_1_content_slideshow_tab_module .contact-icon svg{
   fill:  #000;
}

.mdl_4_1_content_slideshow_tab_module .contact-icon.mail svg {
    width: 25px;
    height: 16px;
}

.mdl_4_1_content_slideshow_tab_module .contact-icon.phone svg {
    width: 24px;
    height: 24px;
}

.mdl_4_1_content_slideshow_tab_module li:hover .contact-icon {
   background:  #CDAA35;
   border: 1px solid #CDAA35;
}

.mdl_4_1_content_slideshow_tab_module li:hover .contact-icon svg{
   fill:  #fff;
}

@media screen and (max-width: 1200px){
   .mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .text-col {
       width: 45%;
       margin-left: 5%;
   }

   .mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .single-content-slide{
      padding-top:  50px;
   }

   .mdl_4_1_content_slideshow_tab_module .special-line-headline{
      margin-left: -35%;
      margin-top: -50px;
   }

   .mdl_4_1_content_slideshow_tab_module .tab-button-row a{
      font-size:  0.875em;
      padding:  20px 0;
   }


}

@media screen and (max-width: 950px){

/*   .mdl_4_1_content_slideshow_tab_module > div{
      padding-top:  30px;
   }*/

   .mdl_4_1_content_slideshow_tab_module .tab-button-row a {
    font-size:0.75em;
    padding: 13px 0;
   }
}


@media screen and (max-width: 800px){


   .mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .image-col {
      width:  85%;
      margin-left:  7.5%;
      margin-right:  7.5%;
       -ms-flex-order: 2;
       -webkit-box-ordinal-group: 3;
               order: 2;
   }
   .mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .text-col {
       width:  85%;
      margin-left:  7.5%;
      margin-right:  7.5%;
       -ms-flex-order: 1;
       -webkit-box-ordinal-group: 2;
               order: 1;
   }

   .mdl_4_1_content_slideshow_tab_module .special-line-headline{
      margin-left: 0;
      margin-top: 0;
   }

   .mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .single-content-slide{
      padding-top: 15px;
   }

   .mdl_4_1_content_slideshow_tab_module .introduction-style{
      width:  50%;
   }

   .mdl_4_1_content_slideshow_tab_module .slick-next,
   .mdl_4_1_content_slideshow_tab_module .slick-prev{
      top:  55px;
   }

   .mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .text-col{
      padding-bottom:  30px;
   }

   .mdl_4_1_content_slideshow_tab_module .tab-button-row{
      width: 71.5%;
      margin:  3px auto 0;
   }

   /*contact*/

   .mdl_4_1_content_slideshow_tab_module .contact-col li{

      padding-left:  45px;
      padding-bottom:  25px;
      font-size: 0.875em;
   }

   .mdl_4_1_content_slideshow_tab_module .contact-icon {
       width: 35px;
       height: 35px;
       -webkit-transform:  translateY(-25%);
           -ms-transform:  translateY(-25%);
               transform:  translateY(-25%);
  
   }


   .mdl_4_1_content_slideshow_tab_module .contact-icon.mail svg {
       width: 20px;
       height: 13px;
   }

   .mdl_4_1_content_slideshow_tab_module .contact-icon.phone svg {
       width: 18px;
       height: 18px;
   }

}


@media screen and (max-width: 550px){

    .mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .image-col,
    .mdl_4_1_content_slideshow_tab_module .content-tab-slideshow .text-col{
      width:  100%;
      margin-left: 0;
      margin-right:  0;
    }

    .mdl_4_1_content_slideshow_tab_module .tab-button-row{
      width:  84%;
      margin:  2px auto 0;
    }

    .mdl_4_1_content_slideshow_tab_module .tab-button-row .slick-dots{
      display:  block;
    }

    .mdl_4_1_content_slideshow_tab_module .tab-button-row .slick-dots li{
      width:  100%;
      margin-left: 0;
      margin-bottom:  2px;
    }

    .mdl_4_1_content_slideshow_tab_module > div {
       background-size: 100% 70%;
   }

}

@media screen and (max-width: 500px){

   .mdl_4_1_content_slideshow_tab_module .special-line-headline{
      width:  92.5%;
      margin-left:  0;
      margin-right:  7.5%;
   }

   .mdl_4_1_content_slideshow_tab_module .introduction-style{
      width:  80%;
   }


}


/* ======== M.4.2 Flipcard Module======== */

.mdl_4_2_filpcard_module .st-bold{
   color:  #CDAA35;
}

.mdl_4_2_filpcard_module  .flip-card-container,
.mdl_4_2_filpcard_module .headline{
    max-width: calc(1120px + 20%);
    margin-left: auto;
    margin-right:  auto;
}
/*flip card*/

.mdl_4_2_filpcard_module .single-flip-card{
   position:  relative;
    width: calc(33.33% - 4px);
    margin:  0 2px 4px;
   -webkit-transform-style: preserve-3d;
           transform-style: preserve-3d;
   -webkit-transition:all 0.6s ease;
   -o-transition:all 0.6s ease;
   transition:all 0.6s ease;
   cursor: pointer;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.mdl_4_2_filpcard_module .single-flip-card .inner-flip-card{
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.mdl_4_2_filpcard_module .single-flip-card .inner-flip-card img{
    -webkit-transition:all 0.6s ease;
    -o-transition:all 0.6s ease;
    transition:all 0.6s ease;
}

.mdl_4_2_filpcard_module .single-flip-card .inner-flip-card:hover img{
 -webkit-transform: scale(1.06);
     -ms-transform: scale(1.06);
         transform: scale(1.06);
}


.mdl_4_2_filpcard_module .single-flip-card.active .inner-flip-card{
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}



.mdl_4_2_filpcard_module .single-flip-card h3{
   line-height:  1;
   margin-bottom:  5px;
}

.mdl_4_2_filpcard_module .single-flip-card p{
   font-size: 0.875em;
   margin-top:  12px;
}

.mdl_4_2_filpcard_module .single-flip-card .card-front,
.mdl_4_2_filpcard_module .single-flip-card .card-back{
   position: absolute;
  top: 0;
  left: 0;
  width:  100%;
  height:  100%;
  overflow: hidden;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;
}

/*front*/
.mdl_4_2_filpcard_module .single-flip-card .card-front{

   z-index: 99;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

.mdl_4_2_filpcard_module .single-flip-card .card-front:after{
   content: '';
   display:  block;
   position:  absolute;
   left:  0;
   bottom:  0;
   height:  40%;
   width:  100%;
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.00)), to(#000000));
   background-image: -o-linear-gradient(top, rgba(0,0,0,0.00) 0%, #000000 100%);
   background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
}

.mdl_4_2_filpcard_module .single-flip-card .card-front .text-area{
   z-index: 99;
   position:  absolute;
   bottom:  20px;
   left:  20px;
   right:  20px;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.mdl_4_2_filpcard_module .single-flip-card .card-front:hover .text-area{
   -webkit-transform: scale(1.05);
       -ms-transform: scale(1.05);
           transform: scale(1.05);
   padding-left:  20px;
}

/*back*/
.mdl_4_2_filpcard_module .single-flip-card .card-back{
   -webkit-transform: rotateY(180deg);
           transform: rotateY(180deg);
   width:  100%;
   background-image: url(../images/wooden_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding:  20px 20px 30px 20px;
    z-index: 99;

}

.mdl_4_2_filpcard_module .single-flip-card .card-back:after{
   content: '';
   display:  block;
   position:  absolute;
   left: 0;
   top:  0;
   width:  100%;
   height:  100%;
   background:  #000;
   opacity:  .85;
   z-index:  -1;
}

.mdl_4_2_filpcard_module .single-flip-card .card-back img{
   margin-bottom:  20px;
}


@media screen and (max-width: 950px){

   .mdl_4_2_filpcard_module .single-flip-card{
       width: calc(50% - 4px);
   }

}

@media screen and (max-width: 700px){
   .mdl_4_2_filpcard_module .single-flip-card{
      width:  60vw;
   }

    .mdl_4_2_filpcard_module  .flip-card-container{
      padding-left: 0;
      padding-right:  0;
      margin-left: 14%;
    }
}

@media screen and (max-width: 450px){
    .mdl_4_2_filpcard_module .single-flip-card{
      width:  70vw;
   }

   .mdl_4_2_filpcard_module .card-back h3{
      display: none;
   }

   .mdl_4_2_filpcard_module .single-flip-card .card-back {
       padding: 10px 10px 20px 10px;
   }

}


/* ======== M.4.3 Text Image Sectiom======== */

.mdl_4_3_text_image_section{
 padding-bottom:  200px;
}

.mdl_4_3_text_image_section .text-col{
   padding:  60px 40px;
   width:  50%;
   z-index: 99;
}

.mdl_4_3_text_image_section .image-col{
   position:  relative;
   width:  50%;
       -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    z-index: 98;
    padding-top:  60px;
}

.mdl_4_3_text_image_section .image-col .image-container{
   right: 0;
   width: calc(100% + 30px);
    height: calc(100% + 40px);
    position: absolute;
}

.mdl_4_3_text_image_section .st-bold{
   color:  #CDAA35;
}

.mdl_4_3_text_image_section .gold-bg .st-bold{
   color:  #000000;
}

.mdl_4_3_text_image_section .gold-bg .h-semi-large-45{
   color:  #fff;
}

.mdl_4_3_text_image_section.change-direction .text-col{
   -ms-flex-order: 2;
   -webkit-box-ordinal-group: 3;
           order: 2;
}

.mdl_4_3_text_image_section.change-direction .image-col{
   -ms-flex-order: 1;
   -webkit-box-ordinal-group: 2;
           order: 1;
}



.mdl_4_3_text_image_section.change-direction .image-col .image-container{
   right: initial;
   left: 0;
}

@media screen and (max-width: 1000px){

   .mdl_4_3_text_image_section{
    padding-bottom:  170px;
   }

}

@media screen and (max-width: 800px){



   .mdl_4_3_text_image_section .text-col{
      padding: 30px;
      width:  60%;
   }

   .mdl_4_3_text_image_section .image-col{
      width:  40%;
      padding-top:  30px;
   }

   .mdl_4_3_text_image_section .image-col .image-container{
      width: calc(100% + 30px);
       height: 100%;
   }

    .mdl_4_3_text_image_section{
    padding-bottom:  100px;
   }

}

@media screen and (max-width: 650px){

   .mdl_4_3_text_image_section .text-col{
      width:  100%;
      padding-bottom: 130px;
   }

   .mdl_4_3_text_image_section.change-direction .text-col{
      padding-bottom: 30px;
      padding-top:  130px;
   }

   .mdl_4_3_text_image_section .image-col{
      width:  100%;
      z-index:  100;
      height:  100px;
      padding-top:  0;
   }

   .mdl_4_3_text_image_section .image-col .image-container{
      width:  100%;
      right:  -15px;
      top:  -100px;
       height:  250px;
   }

    .mdl_4_3_text_image_section.change-direction{
      padding-top:  60px;
      padding-bottom:  50px;
    }

    .mdl_4_3_text_image_section.change-direction .image-col .image-container{
      left:  -15px;
      top:  initial;
      bottom:  -100px;

    }


}

/* ======== M.5.1 Map Module======== */

.mdl_5_1_map{
   position:  relative;
   margin-bottom:  25px;
   z-index: 20;
}

.mdl_5_1_map .map-container{
   height:  55vh;
   min-height:  400px;
}

.mdl_5_1_map .map-container #contact-map{
   height:  100%;
}


/* ==========================================================================
   MAP INFO WINDOW */

   .gm-style .gm-style-iw-c{
    padding: 0 !important;
   }


   .infowindow-container{
    min-width: 380px;
    position:  relative;
   }

   .gm-style .gm-style-iw-tc{
      display:  none !important;
   }


   .gm-ui-hover-effect>span{
      display: none !important;
   }

   .gm-style .gm-style-iw-d{
    overflow: hidden !important;
    max-height: initial !important;
   }

   .gm-style .gm-style-iw-c{
    border-radius: 0 !important;
    max-width: 90vw !important;
   }



   .gm-ui-hover-effect{
    background-image:url(../images/marker/close.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    width: 16px !important;
    height: 16px !important;
    top: 10px !important;
    right: 10px !important;
   }

   .gm-ui-hover-effect img{
    display: none !important;
   }


   .infowindow-container .image-col{
      width:  33.33%;
   }
   .infowindow-container .text-col{
    width: 66.66%;
   }

   .infowindow-container .image-col {
    position: relative;
   }

    .infowindow-container .image-col .image-fix{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

   .infowindow-container .text-col{
    padding: 20px 10px 20px 20px;
   }

   .infowindow-container .text-col h3{
      color: #CDAA35;
      margin-bottom:  4px;
   }

   .infowindow-container .text-col p{
    font-size: 14px;
    line-height:22px;
    width: 100%;
   }

   .infowindow-container .text-col p.small{
      display: block;
      font-size:  12px;
      line-height:  18px;
      opacity:  .7;
      padding-top: 8px;
   }

   .infowindow-container .text-col .arrow-link{
    outline: none;
    margin-top: 8px;
   }

   .infowindow-container .text-col .links{
    margin-top: 20px;
   }



  .infowindow-container .text-col .arrow-link svg{
    top: 0;
  }



@media screen and (max-width: 450px){

   .infowindow-container .text-col{
    padding: 12px 10px 12px 15px;
   }

   .infowindow-container{
    min-width: 300px;
   }
}
/* ================ Footer ================ */

/*main footer*/
footer.site-footer .main-footer{
   max-width: calc(1120px + 36%);
   margin: 0 auto;
}

footer.site-footer .main-footer .h-small-24{
   color:  #CDAA35;
   margin-bottom:  20px;
}

footer.site-footer .main-footer .fc-normal{
   width:  36%;
   margin-right:  2%;
}

footer.site-footer .main-footer .fc-wide{
   width:  50%;
   margin-right:  2%;
}

footer.site-footer .main-footer .fc-small{
   width:  10%;
}

/*contact*/

footer.site-footer  .contact-col li{
   position:  relative;
   margin-top:  20px;
}

footer.site-footer  .contact-col li:first-child{
   margin-top:  0;
}

footer.site-footer  .contact-col li a,
footer.site-footer  .contact-col li div{
   display:  inline-block;
   font-size:  0.938em;
   padding-left:  40px;
}

footer.site-footer  .contact-col li p strong{
   color:  #CDAA35;
   font-weight:  700;
}

footer.site-footer  .contact-col li svg{
   fill:  #000;
}

footer.site-footer  .contact-col li a{
   color:  #CDAA35;
   font-weight:  700;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

footer.site-footer  .contact-col li a:hover{
   color:  #fff;
}

footer.site-footer  .contact-col li a:hover .contact-icon{
   background:  #fff;
}



/*link collection*/

footer.site-footer .main-footer .fc-wide .link-col{
   width:  48%;
}

footer.site-footer .main-footer .fc-wide .link-col:first-child{
   margin-right:  4%;
}

footer.site-footer .main-footer .fc-wide .link-col li{
   margin-bottom: 10px;
   font-size:  0.938em;
}

/*social*/
footer.site-footer .main-footer .social-collection li{
   margin-top:  8px;
}

footer.site-footer .main-footer .social-collection li:first-child{
   margin-top:  0;
}

footer.site-footer .main-footer .social-collection svg{
   fill:  #CDAA35;
   width:  30px;
   height:  30px;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

footer.site-footer .main-footer .social-collection a:hover svg{
   fill: #fff;
   -webkit-transform:  scale(1.03);
       -ms-transform:  scale(1.03);
           transform:  scale(1.03);
}


/*legal footer line*/

footer.site-footer .legal-footer-line{
   background:  #CDAA35;
   padding-top:  12px;
   padding-bottom:  12px;
   font-weight:  700;
   font-size:  0.875em;
}

footer.site-footer .legal-footer-line ul li{
   margin-left: 10px;
}

footer.site-footer .legal-footer-line ul li:first-child{
   margin-left:  0;
}

footer.site-footer .legal-footer-line ul a{
   color:  #fff;
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
}


@media screen and (max-width: 1000px){

   footer.site-footer .main-footer .fc-normal{
      width:  43%;
   }

   footer.site-footer .main-footer .fc-wide{
      width:  43%;
   }

   footer.site-footer .main-footer .fc-wide .link-col {
    width: 100%;
   }

   footer.site-footer .main-footer .fc-wide .link-col:first-child{
      margin-right:  0;
   }

}

@media screen and (max-width: 700px){

    footer.site-footer .footer-col{
      margin-top:  44px;
    }

     footer.site-footer .footer-col:first-child{
      margin-top:  0;
     }

    footer.site-footer .main-footer .fc-normal,
    footer.site-footer .main-footer .fc-wide,
    footer.site-footer .main-footer .fc-small{
      width:  100%;
      margin-right:  0;
      text-align:  center;
   }

   footer.site-footer .contact-col li a, 
   footer.site-footer .contact-col li div{
      padding-left:  0;
   }

   footer.site-footer .contact-icon {
    position: relative;
    margin: 0 auto 5px;
   }

   footer.site-footer .main-footer .fc-wide .link-col li{
      font-size:  0.875m;
   }

   footer.site-footer .main-footer .social-collection{
      display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
      -ms-flex-pack: center;
      -webkit-box-pack: center;
              justify-content: center;
       -ms-flex-line-pack: start;
       align-content: flex-start;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;
   }

   footer.site-footer .main-footer .social-collection li{
      margin-top:  0;
      margin-left:  15px;
   }

    footer.site-footer .main-footer .social-collection li:first-child{
      margin-left:  0;
    }

    footer.site-footer .legal-footer-line span.copyright{
      font-size:  16px;
      margin-bottom:  15px;
      width:  100%;
      text-align:  center;
    }

    footer.site-footer .legal-footer-line ul.link-collection{
      width:  100%;
    }

    footer.site-footer .legal-footer-line ul.link-collection li{
      width:  100%;
      margin-left: 0;
      text-align:  center;
      font-weight:  400;
      margin-bottom:  10px;
    }


}

/* ========================================================================== 
   plugins */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  font-family:'Open Sans',Helvetica,Arial,sans-serif; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #fff;
  word-wrap: break-word;
  padding-right: 36px;
   }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


/* ========================================================================== */

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/* ==========================================================================
   print styles */

@media print {
    *{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    a[href^="javascript:"]:after,a[href^="#"]:after {content:""}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    img{max-width:100% !important}
    @page{margin:0.5cm}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
}