/*! # joker-min.css
 * lastupdate :
 * version    : 1.0.0
 * author     : joe
 * url        :
 * mail       :
*/

/* ***************************************************************************************************************************
fonts
*************************************************************************************************************************** */

@font-face {
    font-family: 'bebasregular';
    src: url('BEBAS___-webfont.eot');
    src: url('BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('BEBAS___-webfont.woff') format('woff'),
         url('BEBAS___-webfont.ttf') format('truetype'),
         url('BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'GothamBoldRegular';
    src: url('gotham-bold-webfont.eot');
    src: url('gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-bold-webfont.woff') format('woff'),
         url('gotham-bold-webfont.ttf') format('truetype'),
         url('gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamMediumRegular';
    src: url('gotham-medium-webfont.eot');
    src: url('gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-medium-webfont.woff') format('woff'),
         url('gotham-medium-webfont.ttf') format('truetype'),
         url('gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Blokk';
	src: url('BLOKKRegular.eot');
	src: url('BLOKKRegular.eot?#iefix') format('embedded-opentype'),
		 url('BLOKKRegular.woff') format('woff'),
		 url('BLOKKRegular.svg#BLOKKRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ***************************************************************************************************************************
all
*************************************************************************************************************************** */
html, body{
  height:100%;
  overflow-x: hidden;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}


*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section {
  height: 100%; width: 100%;
  padding: 0;margin:0;
  margin:0 auto;
  position:absolute;
  overflow:hidden;
}
section, #asideSection{              /*            durch intro-effect überschrieben       */
	-webkit-transition: all 3.7s cubic-bezier(0.19, 1, 0.22, 1);
       -moz-transition: all 3.7s cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition: all 3.7s cubic-bezier(0.19, 1, 0.22, 1);
         -o-transition: all 3.7s cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 3.7s cubic-bezier(0.19, 1, 0.22, 1);
}
  section.intro{
  background-color:red;
   z-index: 90;
  }
  section.content{
  background-color:blue;
  z-index: 80;
  }
  section.footer{
/*  background-color:yellow;   */
  background: none repeat scroll 0 0 #41342a;
  z-index: 70;
  }
/* ***************************************************************************************************************************
lookbook
*************************************************************************************************************************** */
.lookbook {
    background-color: #FFFFFF;
    position: relative;
}
.look-canvas-border {
    height: 100%;
    width: 100%;
    overflow:hidden;
}
.look__content-outer {      border: 15px solid #B19460;
    bottom: 120px;
    left: 80px;                   /*     vorher 80px            */
    overflow: hidden;
    position: absolute;
    right: 80px;
    top: 80px;
}
.look__content-inner {
    backface-visibility: hidden;
    height: 100%;
    position: relative;
	-webkit-transform: translateZ(0px);
       -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
         -o-transform: translateZ(0px);
            transform: translateZ(0px);
	-webkit-transition: all 1200ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
       -moz-transition: all 1200ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -ms-transition: all 1200ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
         -o-transition: all 1200ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: all 1200ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;

    width: 100%;
}
.look__img-wrap {
    height: 100%;
    margin: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.look__img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 101%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.look__img-load {
    background-color: #FFFFFF;
    background-image: url("../images/loading.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px auto;
}

/* lookbook footer*/

section.content .footer_bottom {
    bottom: 0;
    height: 70px;
    left: 0;
    position: absolute;
    width: 100%;
}
.footer__left, .footer__right {
    height: 100%;
    position: absolute;
}
.footer__left {
    left: 0;
    padding-left: 165px;
    top: 0;
}
.footer__right {
    padding-right: 40px;
    right: 0;
    top: 0;
}

.footer__right p{
    display: inline;
    font-size:70%;
    float:left;
    margin:10px 30px 0 0;
}

.footer__center {
  left: 50%;
  	-webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);;

}
.footer__center {
    position: relative;
    text-align: center;
}
.footer__logo {
    left: 40px;
    position: absolute;
    top: -18px;
}
.logo--cloe {
    background-image: url("../images/logo_kl_black.png");
    background-repeat: no-repeat;
    background-size: 110px auto;
    height: 36px;width:110px;
    margin-top:30px;
}
.footer__text-wrap{
    color:#B49A78;
}
.footer__text-line1 {
    font-size: 1.2rem;
    letter-spacing: 2.5px;
    line-height: 1.4;
    padding-bottom: 8px;
}
.footer__text-line2 {
    display: block;
}


/* ***************************************************************************************************************************
button lookbook footer
*************************************************************************************************************************** */

/* button mitte */
.btn {
    cursor: pointer;
}

.btn-footer {
    background-color: #FFFFFF;
}
.btn--view-shop {
    margin-left: 20px;
}
.btn--box {
    border: 2px solid #B49A78;
    color: #B49A78;
    display: inline-block;
    font-weight: normal;
    letter-spacing: 3px;
    padding: 8px 20px 6px;
    text-align: center;
}

.btn--share-item{
  position: relative;
}

/* button rechts */
.btn--share{
  margin: 0 15px;
  position: relative;
}

.icon--share{
  width: 16px;
  height: 16px;
  background-size: 16px;
}

.btn--share-site{
  width: 36px;
  height: 36px;
  font-size: 0;
  margin-left: 4px;
  position: relative;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--facebook-white {
    background-image: url("../images/icon_facebook_white.png");
}
.icon--twitter-white {
    background-image: url("../images/icon_twitter_white.png");
}

/*
.btn--share-look__icons{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.btn--share-look__icon{
  float: left;
  width: 25%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
*/

.btn--share-site__icon{
  top: 50%;
  left: 50%;
  position: absolute;
  	-webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
         -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);

}

.btn--share-site__bg{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
   	-webkit-transform: rotate(45deg) scale(0.7);
       -moz-transform: rotate(45deg) scale(0.7);
        -ms-transform: rotate(45deg) scale(0.7);
         -o-transform: rotate(45deg) scale(0.7);
            transform: rotate(45deg) scale(0.7);

	-webkit-transition: all 100ms ease-out;
       -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
         -o-transition: all 100ms ease-out;
            transition: all 100ms ease-out;
  background-color: #B49A78; ;
}

.btn--share-site:hover .btn--share-site__bg{
   	-webkit-transform: rotate(50deg) scale(0.9);
       -moz-transform: rotate(50deg) scale(0.9);
        -ms-transform: rotate(50deg) scale(0.9);
         -o-transform: rotate(50deg) scale(0.9);
            transform: rotate(50deg) scale(0.9);
}



/* ***************************************************************************************************************************
lookbook Brand Version 2
*************************************************************************************************************************** */
    .brand {
      left: 20px;
      position: absolute;
      top: 50%;
      color: #a67f4e;
      font: 400 6em 'GothamMediumRegular', sans-serif;
      letter-spacing: 10px;
      line-height: 150%;
      margin-top: -160px;
      text-transform: uppercase;
      z-index: 1; }
      .brand.exit {
        display: none; }
      .brand.resetfx .slice {
        text-shadow: 0 0 0 black !important; }
      .brand.fx-bottomtop .slice {
        text-shadow: 0px -120px 0 #B19460; }
        .brand.fx-bottomtop .slice:nth-of-type(1) {
       	-webkit-transform: translate3d(0px, -120px, 0px);
           -moz-transform: translate3d(0px, -120px, 0px);
            -ms-transform: translate3d(0px, -120px, 0px);
             -o-transform: translate3d(0px, -120px, 0px);
                transform: translate3d(0px, -120px, 0px);
        }
        .brand.fx-bottomtop .slice:nth-of-type(2) {
      	-webkit-transform: translate3d(0px, -70px, 0px);
           -moz-transform: translate3d(0px, -70px, 0px);
            -ms-transform: translate3d(0px, -70px, 0px);
             -o-transform: translate3d(0px, -70px, 0px);
                transform: translate3d(0px, -70px, 0px);
        }
        .brand.fx-bottomtop .slice:nth-of-type(3) {
      	-webkit-transform: translate3d(0px, -20px, 0px);
           -moz-transform: translate3d(0px, -20px, 0px);
            -ms-transform: translate3d(0px, -20px, 0px);
             -o-transform: translate3d(0px, -20px, 0px);
                transform: translate3d(0px, -20px, 0px);
        }
        .brand.fx-topbottom .slice:nth-of-type(1) {
      	-webkit-transform: translate3d(0px, 20px, 0px);
           -moz-transform: translate3d(0px, 20px, 0px);
            -ms-transform: translate3d(0px, 20px, 0px);
             -o-transform: translate3d(0px, 20px, 0px);
                transform: translate3d(0px, 20px, 0px);
        }
        .brand.fx-topbottom .slice:nth-of-type(2) {
       	-webkit-transform: translate3d(0px, 70px, 0px);
           -moz-transform: translate3d(0px, 70px, 0px);
            -ms-transform: translate3d(0px, 70px, 0px);
             -o-transform: translate3d(0px, 70px, 0px);
                transform: translate3d(0px, 70px, 0px);
         }
        .brand.fx-topbottom .slice:nth-of-type(3) {
       	-webkit-transform: translate3d(0px, 120px, 0px);
           -moz-transform: translate3d(0px, 120px, 0px);
            -ms-transform: translate3d(0px, 120px, 0px);
             -o-transform: translate3d(0px, 120px, 0px);
                transform: translate3d(0px, 120px, 0px);
        }
      .brand.ready:after {
        width: 70%; }
      .brand.ready .slice {
        opacity: 1;
        filter: alpha(opacity=100);
        text-shadow: 0px 0px 0 #B19460; }
        .brand.ready .slice:nth-of-type(1) {
        -webkit-transform: translate3d(0px, 0px, 0px);
           -moz-transform: translate3d(0px, 0px, 0px);
            -ms-transform: translate3d(0px, 0px, 0px);
             -o-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
         }
        .brand.ready .slice:nth-of-type(2) {  font-size:15px; line-height: 100%;  letter-spacing: normal;
         -webkit-transform: translate3d(0px, 0px, 0px);
           -moz-transform: translate3d(0px, 0px, 0px);
            -ms-transform: translate3d(0px, 0px, 0px);
             -o-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
         }
        .brand.ready .slice:nth-of-type(3) {      font-size:10px; line-height: normal;  letter-spacing: normal;   text-shadow:none;
        -webkit-transform: translate3d(0px, 0px, 0px);
           -moz-transform: translate3d(0px, 0px, 0px);
            -ms-transform: translate3d(0px, 0px, 0px);
             -o-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
       }
      .brand.ready .subtitle {
        opacity: 1;
        filter: alpha(opacity=100); }
      .brand .slice {
        display: block;
        opacity: 0;
        filter: alpha(opacity=0);
        text-shadow: 0px 120px 0 #B19460;
        -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
           -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
            -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
             -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
                transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    	-webkit-transition-delay: 1s;
           -moz-transition-delay: 1s;
            -ms-transition-delay: 1s;
             -o-transition-delay: 1s;
                transition-delay: 1s;
       }
      .brand .slice:nth-of-type(1){
           font-family: 'bebasregular';
       }
      .brand .slice:nth-of-type(2){
             font-size:15px;
       }
      .brand .slice:nth-of-type(3){
             font-size:10px;
       }
      .brand:after {
        background: #a67f4e;
        content: " ";
        display: block;
        height: 5px;
        position: relative;
        top: 10px;
         -webkit-transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
           -moz-transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -ms-transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
             -o-transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    	-webkit-transition-delay: 1.9s;
           -moz-transition-delay: 1.9s;
            -ms-transition-delay: 1.9s;
             -o-transition-delay: 1.9s;
                transition-delay: 1.9s;
        width: 0%;
      }
      .brand .subtitle {
        color: black;
        font: normal 0.2em 'GothamMediumRegular', sans-serif;
        letter-spacing: 5px;
        margin: -30px 0 0;
        opacity: 0;
        filter: alpha(opacity=0);

         -webkit-transition: opacity 1.3s;
           -moz-transition:  opacity 1.3s;
            -ms-transition:  opacity 1.3s;
             -o-transition:  opacity 1.3s;
                transition:  opacity 1.3s;

    	-webkit-transition-delay: 1.5s;
           -moz-transition-delay: 1.5s;
            -ms-transition-delay: 1.5s;
             -o-transition-delay: 1.5s;
                transition-delay: 1.5s;
        text-transform: uppercase;
        }

/*
.disabled .brand{
          -webkit-transform: translate3d(0px, -100%, 0px);
          transform: translate3d(0px, -100%, -0px); }
*/

/* ***************************************************************************************************************************
lookbook info rechts
*************************************************************************************************************************** */
.trans-btn{
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.is-new{
opacity:0;
position: absolute; right: 0px; top: 0px;height:40%;width:10%;   /*  über die größe kann hover-effect bestimmen.   */
         -webkit-transition: opacity 5s 4s;
           -moz-transition:  opacity 5s 4s;
            -ms-transition:  opacity 5s 4s;
             -o-transition:  opacity 5s 4s;
                transition:  opacity 5s 4s;
}
.enabled .is-new{
opacity:1;
}
.is-new.hvrState .new-label .icon-letter-n,
.no-touch .is-new:hover .new-label .icon-letter-n{
  background-color: #343434;
  color:#fff;
}

.is-new.hvrState .new-label .icon-letter-e,
.is-new.hvrState .new-label .icon-letter-w,
.no-touch .is-new:hover .new-label .icon-letter-e,
.no-touch .is-new:hover .new-label .icon-letter-w{
  visibility: visible;
  -webkit-transform: translate3d(0%, 0, 0) rotateX(0deg);
     -moz-transform: translate3d(0%, 0, 0) rotateX(0deg);
      -ms-transform: translate3d(0%, 0, 0) rotateX(0deg);
       -o-transform: translate3d(0%, 0, 0) rotateX(0deg);
          transform: translate3d(0%, 0, 0) rotateX(0deg);
}


.new-label{
  font-size: 24px;
  line-height: 60px;
  position: absolute;
  width: 60px;
  height: 180px;
  top: 0;
  right: 0;
  overflow: hidden;
  -webkit-perspective: 180px;
       -moz-perspective: 180px;
        -ms-perspective: 180px;
         -o-perspective: 180px;
            perspective: 180px;
  z-index: 0;

}

.new-label span{
  display: block;
}

.new-label,
.new-label .icon-letter-n,
.new-label .icon-letter-e,
.new-label .icon-letter-w{
	-webkit-transition-property: all;
       -moz-transition-property: all;
        -ms-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
}
.new-label .icon-letter-n{
  position: relative;
  z-index: 2;
  font-size: 24px;
}
.new-label .icon-letter-e,
.new-label .icon-letter-w{
  visibility: hidden;
  position: absolute;
  -webkit-transform-origin: 50% 0 0;
     -moz-transform-origin: 50% 0 0;
      -ms-transform-origin: 50% 0 0;
       -o-transform-origin: 50% 0 0;
          transform-origin: 50% 0 0;
  left: 0;
}

.new-label .icon-letter-e{
  top: 60px;
  z-index: 1;
  -webkit-transform: translate3d(0%, 0, 0) rotateX(-90deg);
     -moz-transform: translate3d(0%, 0, 0) rotateX(-90deg);
      -ms-transform: translate3d(0%, 0, 0) rotateX(-90deg);
       -o-transform: translate3d(0%, 0, 0) rotateX(-90deg);
          transform: translate3d(0%, 0, 0) rotateX(-90deg);
}
.new-label .icon-letter-w{
  top: 120px;
  -webkit-transform: translate3d(0%, -100%, 0) rotateX(90deg);
     -moz-transform: translate3d(0%, -100%, 0) rotateX(90deg);
      -ms-transform: translate3d(0%, -100%, 0) rotateX(90deg);
       -o-transform: translate3d(0%, -100%, 0) rotateX(90deg);
          transform: translate3d(0%, -100%, 0) rotateX(90deg);
}

.icon{
  width: 60px;
  height: 60px;
  display: inline-block;
  overflow: hidden;
  color: #343434;
  background-color: transparent;
  font-size: 16px;
  line-height: 60px;
  text-align: center;
}

.icon-light{
  background-color:  #B19460;        /*    #a67f4e;   */
}
.icon-dark{
  background-color: #343434;
  color: #fff;
}
.icon-grey{
  background-color: #efefef;
  color: #343434;
}
.icon-gold{
  background-color: #B19460;        /*    #a67f4e;   */
  color: #343434;
}

/* ***************************************************************************************************************************
lookbook bild counter
*************************************************************************************************************************** */

.counter {
    position: absolute;
    right: 0px;
    top: auto;
    bottom: 40px;
    color: black;
    font: normal .7em Courier, serif;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
	-webkit-transition: right 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
       -moz-transition: right 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: right 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
         -o-transition: right 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: right 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.counter .current:after {
      background: black;
      content: " ";
      display: inline-block;
      zoom: 1;
      *display: inline;
      height: 1px;
      margin: 0 4px;
      position: relative;
      top: -2px;
      width: 25px; }

/* ***************************************************************************************************************************
more
*************************************************************************************************************************** */
.no-animate{-webkit-transition:none .0s linear;transition:none .0s linear}

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

.visuallyhidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
 bottom: -0.25em;
}
 */
sup {
    vertical-align: top;
    position: relative;
    top: -2px;
    font-size: 12px;
}


.dummy-text {
    color: #DDDDDD;
    font-family: 'Blokk',Arial,serif;
    font-size: 1em;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
}
.dontclick{pointer-events:none;cursor:default}
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.flexbox {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/*
COLORS
-------------------------------------------
font-gray:  #7c7c7c;
font-gold:  #a67f4e; dunkler
font-white: #fff;

gold:       #a67f4e;
brown:      #41342a;
silver:     #afafaa;
bg-gray:    #e5e5e5;

hell.gold :  #B19460;    rahmen
noch ein dunkleres gold #B49A78;
one more  #967F61;
-------------------------------------------
*/




/* ------------------------------------
4.1   Colors
------------------------------------ */
/* Gold */
.gold { background-color:#a67f4e !important;}
.gold h1, .gold h2, .gold h3, .gold h4 { color:#fff; }
.gold p { color:#fff; }
.gold a { color:#fff;text-decoration:underline; }
.gold_text { color:#B49A78;}
/* Braun */
.braun { background-color:#41342a !important;}
.braun h1, .braun h2, .braun h3, .braun h4 { color:#fff; }
.braun p { color:#fff; }
.braun a { color:#a67f4e; }
.braun a:hover {
   background-image:url(images/alpha-40.png);
}
/* Silber */
.silber { background-color:#afafaa !important;}
.silber h1, .silber h2, .silber h3, .silber h4 { color:#fff; }
.silber p { color:#fff; }
.silber a { color:#fff;text-decoration:underline; }
.silber_text { color:#afafaa;}

/* Weiss = Defaul */
.weiss { background-color:#fff !important;}


/* ***************************************************************************************************************************
overlay          aus: http://www.towa.at/
***************************************************************************************************************************
.overlay {
   position:absolute;
   z-index:300;
   left:0;
   top:0;
   width:100%;
   height:100%;
}

.alpha-10 { background-image:url(images/alpha-10.png); }
.alpha-15 { background-image:url(images/alpha-15.png); }
.alpha-20 { background-image:url(images/alpha-20.png); }
.alpha-25 { background-image:url(images/alpha-25.png); }
.alpha-30 { background-image:url(images/alpha-30.png); }
.alpha-35 { background-image:url(images/alpha-35.png); }
.alpha-40 { background-image:url(images/alpha-40.png); }
.alpha-45 { background-image:url(images/alpha-45.png); }
.alpha-50 { background-image:url(images/alpha-50.png); }
.alpha-55 { background-image:url(images/alpha-55.png); }
.alpha-60 { background-image:url(images/alpha-60.png); }
.alpha-65 { background-image:url(images/alpha-65.png); }
.alpha-70 { background-image:url(images/alpha-70.png); }
.alpha-75 { background-image:url(images/alpha-75.png); }
.alpha-80 { background-image:url(images/alpha-80.png); }

.overlay-title {
   position:relative;
   top:41%;
   z-index:1;
   float:left;
   width:100%;
}

.overlay-title span {
   border:1px solid #fff;
   font-size:23px;
   text-transform:uppercase;
   letter-spacing:13px;
   font-family: 'SegoeUISemibold';
   color:#fff;
   padding:31px 30px 34px 30px;
   text-align:center;
}

.title-first {
   position:absolute;
   width:68%;
   left:16%;
   margin:0 auto;
}

.title-bottom {
   position:absolute;
   width:68%;
   left:16%;
   margin:0 auto;
}

.overlay .title-first {
   top:0px;
   opacity:1;
   transition: all 0.8s;
   -moz-transition: all 0.8s;
   -webkit-transition: all 0.8s;
   -o-transition: all 0.8s;
}

.overlay .title-bottom {
   top:-50px;
   opacity:0;
   transition: all 0.8s;
   -moz-transition: all 0.8s;
   -webkit-transition: all 0.8s;
   -o-transition: all 0.8s;
}

.overlay:hover .title-first {
   opacity:0;
   top:-50px;
}

.overlay:hover .title-bottom {
   top:0px;
   opacity:1;
}
*/


/* ***************************************************************************************************************************
section.init        auf & ab animation
*************************************************************************************************************************** */

.loader-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: none repeat scroll 0 0 #41342a;
}
.loader-screen .loader-cont {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  margin-left: -150px;
  text-align: center;
}
.loader-screen strong {
  display: block;
  text-transform: uppercase;
  color: #B49A78;
  text-shadow: 0.02em 0.02em 0 #000000;
  font-size: 22px;
  text-align: center;
  margin-top: 30px;
  -webkit-animation: fade 2s infinite;
     -moz-animation: fade 2s infinite;
      -ms-animation: fade 2s infinite;
       -o-animation: fade 2s infinite;
          animation: fade 2s infinite;
  font-weight: bold;
}
.loader-screen #container {
  padding-left: 10px;
  display: inline-block;
}
.loader-screen .item {
  width: 40px;
  height: 5px;
  background: #fff;
  display: inline-block;
  margin-left: -10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.loader-screen .item:nth-child(n) {
  -webkit-transform: rotate(30deg);
     -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
       -o-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation: fall 2s infinite;
     -moz-animation: fall 2s infinite;
      -ms-animation: fall 2s infinite;
       -o-animation: fall 2s infinite;
          animation: fall 2s infinite;
}
.loader-screen .item:nth-child(2n) {
  -webkit-transform: rotate(-30deg);
     -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
       -o-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-animation: rise 2s infinite;
     -moz-animation: rise 2s infinite;
      -ms-animation: rise 2s infinite;
       -o-animation: rise 2s infinite;
          animation: rise 2s infinite;
}
@-webkit-keyframes fade {
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
  @keyframes fade {
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
}
@-webkit-keyframes rise {
  50% {
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
  }
}
@-moz-keyframes rise {
  50% {
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
  }
}
@-o-keyframes rise {
  50% {
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
  }
  @keyframes rise {
    50% {
      transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
    }
  }
}
@-webkit-keyframes fall {
  50% {
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(30deg);
  }
}
@-moz-keyframes fall {
  50% {
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
  }
}
@-o-keyframes fall {
  50% {
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(30deg);
  }
  @keyframes fall {
    50% {
      transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(30deg);
    }
  }
}


/* ***************************************************************************************************************************
intro-effect
*************************************************************************************************************************** */

.intro-effect:not(.notrans) .intro,
.intro-effect:not(.notrans) .content,
.intro-effect:not(.notrans) .footer {
	-webkit-transition-property: opacity, -webkit-transform;
       -moz-transition-property: opacity, -moz-transform;
        -ms-transition-property: opacity, -ms-transform;
         -o-transition-property: opacity, -o-transform; ;
            transition-property: opacity, transform;
	-webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
        -ms-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
}

.intro-effect:not(.notrans) .intro {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
       -moz-transition-duration: 1.2s;
        -ms-transition-duration: 1.2s;
         -o-transition-duration: 1.2s;
            transition-duration: 1.2s;
}

.intro-effect .content  {
	opacity: 0;
}
.intro-effect.modify .content{
	opacity: 1;
}
.intro-effect.modify .intro {
	opacity: 0;
   	-webkit-transform: translateY(-100%) scale(0.9);
       -moz-transform: translateY(-100%) scale(0.9);
        -ms-transform: translateY(-100%) scale(0.9);
         -o-transform: translateY(-100%) scale(0.9);
            transform: translateY(-100%) scale(0.9);
}
.intro-effect.modify:not(.notrans) .content {
  	-webkit-transition-delay: 0.6s;
       -moz-transition-delay: 0.6s;
        -ms-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
}


.intro-effect.modify2 .content {
	opacity: 0;
   	-webkit-transform: translateY(-100%) scale(0.9);
       -moz-transform: translateY(-100%) scale(0.9);
        -ms-transform: translateY(-100%) scale(0.9);
         -o-transform: translateY(-100%) scale(0.9);
            transform: translateY(-100%) scale(0.9);
   	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
       -moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        -ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
         -o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
       -moz-transition-duration: 1.2s;
        -ms-transition-duration: 1.2s;
         -o-transition-duration: 1.2s;
            transition-duration: 1.2s;
}

.intro-effect:not(.notrans) .footer {       /* zeit bis weg ist, soll noch an bleiben bis fast weggezoomt */
  	-webkit-transition-delay: 0.8s;
       -moz-transition-delay: 0.8s;
        -ms-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
}

.intro-effect.modify2:not(.notrans) .footer {      /* zeit bis da ist */
  	-webkit-transition-delay: 1.2s;
       -moz-transition-delay: 1.2s;
        -ms-transition-delay: 1.2s;
         -o-transition-delay: 1.2s;
            transition-delay: 1.2s;
}

.intro-effect .footer  {
	opacity: 0;
}
.intro-effect.modify2 .footer{
	opacity: 1;
}



/* ***************************************************************************************************************************
intro-text effect dropped
*************************************************************************************************************************** */

@-webkit-keyframes dropped{
0%{-webkit-transform:matrix(1,0,0,1,0,-261.771798);transform:matrix(1,0,0,1,0,-261.771798);opacity:0}
50%{-webkit-transform:matrix(1,0,0,1,0,.48261);transform:matrix(1,0,0,1,0,.48261);opacity:.2}
100%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
1.16279%{-webkit-transform:matrix(1,0,0,1,0,-202.869676);transform:matrix(1,0,0,1,0,-202.869676)}
2.32558%{-webkit-transform:matrix(1,0,0,1,0,-132.438382);transform:matrix(1,0,0,1,0,-132.438382)}
3.48837%{-webkit-transform:matrix(1,0,0,1,0,-59.388176);transform:matrix(1,0,0,1,0,-59.388176)}
4.65116%{-webkit-transform:matrix(1,0,0,1,0,8.472574);transform:matrix(1,0,0,1,0,8.472574)}
5.81395%{-webkit-transform:matrix(1,0,0,1,0,65.059973);transform:matrix(1,0,0,1,0,65.059973)}
6.97674%{-webkit-transform:matrix(1,0,0,1,0,106.366787);transform:matrix(1,0,0,1,0,106.366787)}
8.13953%{-webkit-transform:matrix(1,0,0,1,0,130.550032);transform:matrix(1,0,0,1,0,130.550032)}
9.30233%{-webkit-transform:matrix(1,0,0,1,0,137.785693);transform:matrix(1,0,0,1,0,137.785693)}
10.46512%{-webkit-transform:matrix(1,0,0,1,0,129.941037);transform:matrix(1,0,0,1,0,129.941037)}
11.62791%{-webkit-transform:matrix(1,0,0,1,0,110.125742);transform:matrix(1,0,0,1,0,110.125742)}
12.7907%{-webkit-transform:matrix(1,0,0,1,0,82.185937);transform:matrix(1,0,0,1,0,82.185937)}
13.95349%{-webkit-transform:matrix(1,0,0,1,0,50.201237);transform:matrix(1,0,0,1,0,50.201237)}
15.11628%{-webkit-transform:matrix(1,0,0,1,0,18.035278);transform:matrix(1,0,0,1,0,18.035278)}
16.27907%{-webkit-transform:matrix(1,0,0,1,0,-11.022866);transform:matrix(1,0,0,1,0,-11.022866)}
17.44186%{-webkit-transform:matrix(1,0,0,1,0,-34.503976);transform:matrix(1,0,0,1,0,-34.503976)}
18.60465%{-webkit-transform:matrix(1,0,0,1,0,-50.883223);transform:matrix(1,0,0,1,0,-50.883223)}
19.76744%{-webkit-transform:matrix(1,0,0,1,0,-59.589835);transform:matrix(1,0,0,1,0,-59.589835)}
20.93023%{-webkit-transform:matrix(1,0,0,1,0,-60.918552);transform:matrix(1,0,0,1,0,-60.918552)}
22.09302%{-webkit-transform:matrix(1,0,0,1,0,-55.866914);transform:matrix(1,0,0,1,0,-55.866914)}
23.25581%{-webkit-transform:matrix(1,0,0,1,0,-45.926268);transform:matrix(1,0,0,1,0,-45.926268)}
24.4186%{-webkit-transform:matrix(1,0,0,1,0,-32.854778);transform:matrix(1,0,0,1,0,-32.854778)}
25.5814%{-webkit-transform:matrix(1,0,0,1,0,-18.458223);transform:matrix(1,0,0,1,0,-18.458223)}
26.74419%{-webkit-transform:matrix(1,0,0,1,0,-4.399599);transform:matrix(1,0,0,1,0,-4.399599)}
27.90698%{-webkit-transform:matrix(1,0,0,1,0,7.94757);transform:matrix(1,0,0,1,0,7.94757)}
29.06977%{-webkit-transform:matrix(1,0,0,1,0,17.594074);transform:matrix(1,0,0,1,0,17.594074)}
30.23256%{-webkit-transform:matrix(1,0,0,1,0,23.976329);transform:matrix(1,0,0,1,0,23.976329)}
31.39535%{-webkit-transform:matrix(1,0,0,1,0,26.948199);transform:matrix(1,0,0,1,0,26.948199)}
32.55814%{-webkit-transform:matrix(1,0,0,1,0,26.73175);transform:matrix(1,0,0,1,0,26.73175)}
33.72093%{-webkit-transform:matrix(1,0,0,1,0,23.838226);transform:matrix(1,0,0,1,0,23.838226)}
34.88372%{-webkit-transform:matrix(1,0,0,1,0,18.971838);transform:matrix(1,0,0,1,0,18.971838)}
36.04651%{-webkit-transform:matrix(1,0,0,1,0,12.928749);transform:matrix(1,0,0,1,0,12.928749)}
37.2093%{-webkit-transform:matrix(1,0,0,1,0,6.502243);transform:matrix(1,0,0,1,0,6.502243)}
38.37209%{-webkit-transform:matrix(1,0,0,1,0,.402735);transform:matrix(1,0,0,1,0,.402735)}
39.53488%{-webkit-transform:matrix(1,0,0,1,0,-4.801537);transform:matrix(1,0,0,1,0,-4.801537)}
40.69767%{-webkit-transform:matrix(1,0,0,1,0,-8.720309);transform:matrix(1,0,0,1,0,-8.720309)}
41.86047%{-webkit-transform:matrix(1,0,0,1,0,-11.153543);transform:matrix(1,0,0,1,0,-11.153543)}
43.02326%{-webkit-transform:matrix(1,0,0,1,0,-12.082516);transform:matrix(1,0,0,1,0,-12.082516)}
44.18605%{-webkit-transform:matrix(1,0,0,1,0,-11.643895);transform:matrix(1,0,0,1,0,-11.643895)}
45.34884%{-webkit-transform:matrix(1,0,0,1,0,-10.092031);transform:matrix(1,0,0,1,0,-10.092031)}
46.51163%{-webkit-transform:matrix(1,0,0,1,0,-7.755109);transform:matrix(1,0,0,1,0,-7.755109)}
47.67442%{-webkit-transform:matrix(1,0,0,1,0,-4.990546);transform:matrix(1,0,0,1,0,-4.990546)}
48.83721%{-webkit-transform:matrix(1,0,0,1,0,-2.144266);transform:matrix(1,0,0,1,0,-2.144266)}
51.16279%{-webkit-transform:matrix(1,0,0,1,0,2.657418);transform:matrix(1,0,0,1,0,2.657418)}
52.32558%{-webkit-transform:matrix(1,0,0,1,0,4.229036);transform:matrix(1,0,0,1,0,4.229036)}
53.48837%{-webkit-transform:matrix(1,0,0,1,0,5.130687);transform:matrix(1,0,0,1,0,5.130687)}
54.65116%{-webkit-transform:matrix(1,0,0,1,0,5.373773);transform:matrix(1,0,0,1,0,5.373773)}
55.81395%{-webkit-transform:matrix(1,0,0,1,0,5.034714);transform:matrix(1,0,0,1,0,5.034714)}
56.97674%{-webkit-transform:matrix(1,0,0,1,0,4.237227);transform:matrix(1,0,0,1,0,4.237227)}
58.13953%{-webkit-transform:matrix(1,0,0,1,0,3.132522);transform:matrix(1,0,0,1,0,3.132522)}
59.30233%{-webkit-transform:matrix(1,0,0,1,0,1.879749);transform:matrix(1,0,0,1,0,1.879749)}
60.46512%{-webkit-transform:matrix(1,0,0,1,0,.62865);transform:matrix(1,0,0,1,0,.62865)}
61.62791%{-webkit-transform:matrix(1,0,0,1,0,-.494186);transform:matrix(1,0,0,1,0,-.494186)}
62.7907%{-webkit-transform:matrix(1,0,0,1,0,-1.3946);transform:matrix(1,0,0,1,0,-1.3946)}
63.95349%{-webkit-transform:matrix(1,0,0,1,0,-2.015434);transform:matrix(1,0,0,1,0,-2.015434)}
65.11628%{-webkit-transform:matrix(1,0,0,1,0,-2.336649);transform:matrix(1,0,0,1,0,-2.336649)}
66.27907%{-webkit-transform:matrix(1,0,0,1,0,-2.37166);transform:matrix(1,0,0,1,0,-2.37166)}
67.44186%{-webkit-transform:matrix(1,0,0,1,0,-2.160838);transform:matrix(1,0,0,1,0,-2.160838)}
68.60465%{-webkit-transform:matrix(1,0,0,1,0,-1.763286);transform:matrix(1,0,0,1,0,-1.763286)}
69.76744%{-webkit-transform:matrix(1,0,0,1,0,-1.247968);transform:matrix(1,0,0,1,0,-1.247968)}
70.93023%{-webkit-transform:matrix(1,0,0,1,0,-.685204);transform:matrix(1,0,0,1,0,-.685204)}
72.09302%{-webkit-transform:matrix(1,0,0,1,0,-.139334);transform:matrix(1,0,0,1,0,-.139334)}
73.25581%{-webkit-transform:matrix(1,0,0,1,0,.336891);transform:matrix(1,0,0,1,0,.336891)}
74.4186%{-webkit-transform:matrix(1,0,0,1,0,.705874);transform:matrix(1,0,0,1,0,.705874)}
75.5814%{-webkit-transform:matrix(1,0,0,1,0,.946664);transform:matrix(1,0,0,1,0,.946664)}
76.74419%{-webkit-transform:matrix(1,0,0,1,0,1.054519);transform:matrix(1,0,0,1,0,1.054519)}
77.90698%{-webkit-transform:matrix(1,0,0,1,0,1.038906);transform:matrix(1,0,0,1,0,1.038906)}
79.06977%{-webkit-transform:matrix(1,0,0,1,0,.920357);transform:matrix(1,0,0,1,0,.920357)}
80.23256%{-webkit-transform:matrix(1,0,0,1,0,.726686);transform:matrix(1,0,0,1,0,.726686)}
81.39535%{-webkit-transform:matrix(1,0,0,1,0,.48906);transform:matrix(1,0,0,1,0,.48906)}
82.55814%{-webkit-transform:matrix(1,0,0,1,0,.238317);transform:matrix(1,0,0,1,0,.238317)}
83.72093%{-webkit-transform:matrix(1,0,0,1,0,.001891);transform:matrix(1,0,0,1,0,.001891)}
84.88372%{-webkit-transform:matrix(1,0,0,1,0,-.198442);transform:matrix(1,0,0,1,0,-.198442)}
86.04651%{-webkit-transform:matrix(1,0,0,1,0,-.347912);transform:matrix(1,0,0,1,0,-.347912)}
87.2093%{-webkit-transform:matrix(1,0,0,1,0,-.439169);transform:matrix(1,0,0,1,0,-.439169)}
88.37209%{-webkit-transform:matrix(1,0,0,1,0,-.471894);transform:matrix(1,0,0,1,0,-.471894)}
89.53488%{-webkit-transform:matrix(1,0,0,1,0,-.451753);transform:matrix(1,0,0,1,0,-.451753)}
90.69767%{-webkit-transform:matrix(1,0,0,1,0,-.3889);transform:matrix(1,0,0,1,0,-.3889)}
91.86047%{-webkit-transform:matrix(1,0,0,1,0,-.296262);transform:matrix(1,0,0,1,0,-.296262)}
93.02326%{-webkit-transform:matrix(1,0,0,1,0,-.187804);transform:matrix(1,0,0,1,0,-.187804)}
94.18605%{-webkit-transform:matrix(1,0,0,1,0,-.07695);transform:matrix(1,0,0,1,0,-.07695)}
95.34884%{-webkit-transform:matrix(1,0,0,1,0,.024694);transform:matrix(1,0,0,1,0,.024694)}
96.51163%{-webkit-transform:matrix(1,0,0,1,0,.108236);transform:matrix(1,0,0,1,0,.108236)}
97.67442%{-webkit-transform:matrix(1,0,0,1,0,.167983);transform:matrix(1,0,0,1,0,.167983)}
98.83721%{-webkit-transform:matrix(1,0,0,1,0,.201529);transform:matrix(1,0,0,1,0,.201529)}
}
@keyframes dropped{
0%{-webkit-transform:matrix(1,0,0,1,0,-261.771798);transform:matrix(1,0,0,1,0,-261.771798);opacity:0}
50%{-webkit-transform:matrix(1,0,0,1,0,.48261);transform:matrix(1,0,0,1,0,.48261);opacity:.2}
100%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
1.16279%{-webkit-transform:matrix(1,0,0,1,0,-202.869676);transform:matrix(1,0,0,1,0,-202.869676)}
2.32558%{-webkit-transform:matrix(1,0,0,1,0,-132.438382);transform:matrix(1,0,0,1,0,-132.438382)}
3.48837%{-webkit-transform:matrix(1,0,0,1,0,-59.388176);transform:matrix(1,0,0,1,0,-59.388176)}
4.65116%{-webkit-transform:matrix(1,0,0,1,0,8.472574);transform:matrix(1,0,0,1,0,8.472574)}
5.81395%{-webkit-transform:matrix(1,0,0,1,0,65.059973);transform:matrix(1,0,0,1,0,65.059973)}
6.97674%{-webkit-transform:matrix(1,0,0,1,0,106.366787);transform:matrix(1,0,0,1,0,106.366787)}
8.13953%{-webkit-transform:matrix(1,0,0,1,0,130.550032);transform:matrix(1,0,0,1,0,130.550032)}
9.30233%{-webkit-transform:matrix(1,0,0,1,0,137.785693);transform:matrix(1,0,0,1,0,137.785693)}
10.46512%{-webkit-transform:matrix(1,0,0,1,0,129.941037);transform:matrix(1,0,0,1,0,129.941037)}
11.62791%{-webkit-transform:matrix(1,0,0,1,0,110.125742);transform:matrix(1,0,0,1,0,110.125742)}
12.7907%{-webkit-transform:matrix(1,0,0,1,0,82.185937);transform:matrix(1,0,0,1,0,82.185937)}
13.95349%{-webkit-transform:matrix(1,0,0,1,0,50.201237);transform:matrix(1,0,0,1,0,50.201237)}
15.11628%{-webkit-transform:matrix(1,0,0,1,0,18.035278);transform:matrix(1,0,0,1,0,18.035278)}
16.27907%{-webkit-transform:matrix(1,0,0,1,0,-11.022866);transform:matrix(1,0,0,1,0,-11.022866)}
17.44186%{-webkit-transform:matrix(1,0,0,1,0,-34.503976);transform:matrix(1,0,0,1,0,-34.503976)}
18.60465%{-webkit-transform:matrix(1,0,0,1,0,-50.883223);transform:matrix(1,0,0,1,0,-50.883223)}
19.76744%{-webkit-transform:matrix(1,0,0,1,0,-59.589835);transform:matrix(1,0,0,1,0,-59.589835)}
20.93023%{-webkit-transform:matrix(1,0,0,1,0,-60.918552);transform:matrix(1,0,0,1,0,-60.918552)}
22.09302%{-webkit-transform:matrix(1,0,0,1,0,-55.866914);transform:matrix(1,0,0,1,0,-55.866914)}
23.25581%{-webkit-transform:matrix(1,0,0,1,0,-45.926268);transform:matrix(1,0,0,1,0,-45.926268)}
24.4186%{-webkit-transform:matrix(1,0,0,1,0,-32.854778);transform:matrix(1,0,0,1,0,-32.854778)}
25.5814%{-webkit-transform:matrix(1,0,0,1,0,-18.458223);transform:matrix(1,0,0,1,0,-18.458223)}
26.74419%{-webkit-transform:matrix(1,0,0,1,0,-4.399599);transform:matrix(1,0,0,1,0,-4.399599)}
27.90698%{-webkit-transform:matrix(1,0,0,1,0,7.94757);transform:matrix(1,0,0,1,0,7.94757)}
29.06977%{-webkit-transform:matrix(1,0,0,1,0,17.594074);transform:matrix(1,0,0,1,0,17.594074)}
30.23256%{-webkit-transform:matrix(1,0,0,1,0,23.976329);transform:matrix(1,0,0,1,0,23.976329)}
31.39535%{-webkit-transform:matrix(1,0,0,1,0,26.948199);transform:matrix(1,0,0,1,0,26.948199)}
32.55814%{-webkit-transform:matrix(1,0,0,1,0,26.73175);transform:matrix(1,0,0,1,0,26.73175)}
33.72093%{-webkit-transform:matrix(1,0,0,1,0,23.838226);transform:matrix(1,0,0,1,0,23.838226)}
34.88372%{-webkit-transform:matrix(1,0,0,1,0,18.971838);transform:matrix(1,0,0,1,0,18.971838)}
36.04651%{-webkit-transform:matrix(1,0,0,1,0,12.928749);transform:matrix(1,0,0,1,0,12.928749)}
37.2093%{-webkit-transform:matrix(1,0,0,1,0,6.502243);transform:matrix(1,0,0,1,0,6.502243)}
38.37209%{-webkit-transform:matrix(1,0,0,1,0,.402735);transform:matrix(1,0,0,1,0,.402735)}
39.53488%{-webkit-transform:matrix(1,0,0,1,0,-4.801537);transform:matrix(1,0,0,1,0,-4.801537)}
40.69767%{-webkit-transform:matrix(1,0,0,1,0,-8.720309);transform:matrix(1,0,0,1,0,-8.720309)}
41.86047%{-webkit-transform:matrix(1,0,0,1,0,-11.153543);transform:matrix(1,0,0,1,0,-11.153543)}
43.02326%{-webkit-transform:matrix(1,0,0,1,0,-12.082516);transform:matrix(1,0,0,1,0,-12.082516)}
44.18605%{-webkit-transform:matrix(1,0,0,1,0,-11.643895);transform:matrix(1,0,0,1,0,-11.643895)}
45.34884%{-webkit-transform:matrix(1,0,0,1,0,-10.092031);transform:matrix(1,0,0,1,0,-10.092031)}
46.51163%{-webkit-transform:matrix(1,0,0,1,0,-7.755109);transform:matrix(1,0,0,1,0,-7.755109)}
47.67442%{-webkit-transform:matrix(1,0,0,1,0,-4.990546);transform:matrix(1,0,0,1,0,-4.990546)}
48.83721%{-webkit-transform:matrix(1,0,0,1,0,-2.144266);transform:matrix(1,0,0,1,0,-2.144266)}
51.16279%{-webkit-transform:matrix(1,0,0,1,0,2.657418);transform:matrix(1,0,0,1,0,2.657418)}
52.32558%{-webkit-transform:matrix(1,0,0,1,0,4.229036);transform:matrix(1,0,0,1,0,4.229036)}
53.48837%{-webkit-transform:matrix(1,0,0,1,0,5.130687);transform:matrix(1,0,0,1,0,5.130687)}
54.65116%{-webkit-transform:matrix(1,0,0,1,0,5.373773);transform:matrix(1,0,0,1,0,5.373773)}
55.81395%{-webkit-transform:matrix(1,0,0,1,0,5.034714);transform:matrix(1,0,0,1,0,5.034714)}
56.97674%{-webkit-transform:matrix(1,0,0,1,0,4.237227);transform:matrix(1,0,0,1,0,4.237227)}
58.13953%{-webkit-transform:matrix(1,0,0,1,0,3.132522);transform:matrix(1,0,0,1,0,3.132522)}
59.30233%{-webkit-transform:matrix(1,0,0,1,0,1.879749);transform:matrix(1,0,0,1,0,1.879749)}
60.46512%{-webkit-transform:matrix(1,0,0,1,0,.62865);transform:matrix(1,0,0,1,0,.62865)}
61.62791%{-webkit-transform:matrix(1,0,0,1,0,-.494186);transform:matrix(1,0,0,1,0,-.494186)}
62.7907%{-webkit-transform:matrix(1,0,0,1,0,-1.3946);transform:matrix(1,0,0,1,0,-1.3946)}
63.95349%{-webkit-transform:matrix(1,0,0,1,0,-2.015434);transform:matrix(1,0,0,1,0,-2.015434)}
65.11628%{-webkit-transform:matrix(1,0,0,1,0,-2.336649);transform:matrix(1,0,0,1,0,-2.336649)}
66.27907%{-webkit-transform:matrix(1,0,0,1,0,-2.37166);transform:matrix(1,0,0,1,0,-2.37166)}
67.44186%{-webkit-transform:matrix(1,0,0,1,0,-2.160838);transform:matrix(1,0,0,1,0,-2.160838)}
68.60465%{-webkit-transform:matrix(1,0,0,1,0,-1.763286);transform:matrix(1,0,0,1,0,-1.763286)}
69.76744%{-webkit-transform:matrix(1,0,0,1,0,-1.247968);transform:matrix(1,0,0,1,0,-1.247968)}
70.93023%{-webkit-transform:matrix(1,0,0,1,0,-.685204);transform:matrix(1,0,0,1,0,-.685204)}
72.09302%{-webkit-transform:matrix(1,0,0,1,0,-.139334);transform:matrix(1,0,0,1,0,-.139334)}
73.25581%{-webkit-transform:matrix(1,0,0,1,0,.336891);transform:matrix(1,0,0,1,0,.336891)}
74.4186%{-webkit-transform:matrix(1,0,0,1,0,.705874);transform:matrix(1,0,0,1,0,.705874)}
75.5814%{-webkit-transform:matrix(1,0,0,1,0,.946664);transform:matrix(1,0,0,1,0,.946664)}
76.74419%{-webkit-transform:matrix(1,0,0,1,0,1.054519);transform:matrix(1,0,0,1,0,1.054519)}
77.90698%{-webkit-transform:matrix(1,0,0,1,0,1.038906);transform:matrix(1,0,0,1,0,1.038906)}
79.06977%{-webkit-transform:matrix(1,0,0,1,0,.920357);transform:matrix(1,0,0,1,0,.920357)}
80.23256%{-webkit-transform:matrix(1,0,0,1,0,.726686);transform:matrix(1,0,0,1,0,.726686)}
81.39535%{-webkit-transform:matrix(1,0,0,1,0,.48906);transform:matrix(1,0,0,1,0,.48906)}
82.55814%{-webkit-transform:matrix(1,0,0,1,0,.238317);transform:matrix(1,0,0,1,0,.238317)}
83.72093%{-webkit-transform:matrix(1,0,0,1,0,.001891);transform:matrix(1,0,0,1,0,.001891)}
84.88372%{-webkit-transform:matrix(1,0,0,1,0,-.198442);transform:matrix(1,0,0,1,0,-.198442)}
86.04651%{-webkit-transform:matrix(1,0,0,1,0,-.347912);transform:matrix(1,0,0,1,0,-.347912)}
87.2093%{-webkit-transform:matrix(1,0,0,1,0,-.439169);transform:matrix(1,0,0,1,0,-.439169)}
88.37209%{-webkit-transform:matrix(1,0,0,1,0,-.471894);transform:matrix(1,0,0,1,0,-.471894)}
89.53488%{-webkit-transform:matrix(1,0,0,1,0,-.451753);transform:matrix(1,0,0,1,0,-.451753)}
90.69767%{-webkit-transform:matrix(1,0,0,1,0,-.3889);transform:matrix(1,0,0,1,0,-.3889)}
91.86047%{-webkit-transform:matrix(1,0,0,1,0,-.296262);transform:matrix(1,0,0,1,0,-.296262)}
93.02326%{-webkit-transform:matrix(1,0,0,1,0,-.187804);transform:matrix(1,0,0,1,0,-.187804)}
94.18605%{-webkit-transform:matrix(1,0,0,1,0,-.07695);transform:matrix(1,0,0,1,0,-.07695)}
95.34884%{-webkit-transform:matrix(1,0,0,1,0,.024694);transform:matrix(1,0,0,1,0,.024694)}
96.51163%{-webkit-transform:matrix(1,0,0,1,0,.108236);transform:matrix(1,0,0,1,0,.108236)}
97.67442%{-webkit-transform:matrix(1,0,0,1,0,.167983);transform:matrix(1,0,0,1,0,.167983)}
98.83721%{-webkit-transform:matrix(1,0,0,1,0,.201529);transform:matrix(1,0,0,1,0,.201529)}
}



section.intro h1{margin-top:10%;font-size:38px;line-height:1.3;font-weight:500;letter-spacing:8px;text-shadow:0 1px 2px rgba(23,26,79,0.2);text-align:center;text-transform:uppercase;color:#afafaa}
section.intro h1.visible span{position:relative;z-index:1;display:inline-block}

section.intro h1{opacity:0}
section.intro h1.visible{opacity:1}
section.intro h1.visible span{-webkit-animation:dropped 1.45s linear backwards;animation:dropped 1.45s linear backwards}