*{
    padding: 0;
    margin: 0;
    border: 0;
}

body{
    font-family: Cambria, Georgia, serif;
    background: #252525;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;

}
.decoration{
    border: 2px solid #fff;
    border-top: 0;
    width: 242px;
    height: 8px;
    display: inline-block;
}
/*----- loader -----*/
#loader{
    background: #252525;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.5s linear;
}
#loader.deactivated{
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
}
#loader .elem{
    width: 85px;
    height: 84px;
    background-image: url('../img/loader.png');
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -42px;
    margin-top: -42px;
    -webkit-animation: rotation 3s infinite linear; 
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
#bottle{
    background: transparent url(../img/bottle.png) no-repeat scroll 0 0;
    position: fixed;
    /*top: 100%;*/
    bottom: -100%;
    left: 477px;
    width: 257px;
    height: 595px;
    z-index: 19;
    transition: all 1.0s ease;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}

#bottle.position-1{
    /*top: 74%;*/
    bottom: -330px;
    transition: all 1.0s 0.7s ease;
}
#bottle.position-2{
    /*top: 35%;*/
    bottom: -130px;
}
#bottle.position-3{
    /*top: 11%;*/
    bottom: 68px;
    z-index: 23;
}
#bottle.position-4,
#bottle.position-5,
#bottle.position-6{
    /*top: 11%;*/
    /*z-index: 19;*/
    bottom: 68px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
#bottle.position-7{
    z-index: 24;
    bottom: 68px;
}

#can{
    background: transparent url(../img/can.png) no-repeat scroll 0 0;
    width: 130px;
    height: 323px;
    z-index: -1;
    transition: all 1.0s ease;
    position: fixed;
    bottom: 95px;
    left: 509px;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s 0.7s;
    /*transition: opacity 0.7s 1s, transform 0.7s 1s;*/
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}
#can.position-3{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
    z-index: 5;
}
#can.position-4{
    -webkit-transform: translate(100px,0);
    transform: translate(100px,0);
    opacity:1;
    filter:alpha(opacity=100);
    z-index: 5;
}
#can.position-5{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity:0;
    filter:alpha(opacity=0);
    transition: all 0.7s;
    z-index: 5;
    -webkit-transition: opacity 1s 2s, -webkit-transform 0.5s 1.1s;
    transition: opacity 1s 2s, transform 0s 2s;
}
#can.position-6{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
    z-index: 18;
}
#can.position-7{
    -webkit-transform: translate(100px,0);
    transform: translate(100px,0);
    opacity:1;
    filter:alpha(opacity=100);
    z-index: 23;
}
#hop{
    background: transparent url(../img/hop.png) no-repeat scroll 0 0;
    position: fixed;
    bottom: 90px;
    left: 375px;
    width: 371px;
    height: 197px;
    z-index: -1;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s 1s;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}
#hop.position-3{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
    z-index: 1;
}
#hop.position-4{
    -webkit-transform: translate(170px,0);
    transform: translate(170px,0);
    opacity:1;
    filter:alpha(opacity=100);
    z-index: 1;
}
#hop.position-5{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity:0;
    filter:alpha(opacity=0);
    transition: all 0.7s;
    z-index: 1;
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
}
#corn{
    background: transparent url(../img/corn.png) no-repeat scroll 0 0;
    width: 472px;
    height: 219px;
    z-index: -1;
    transition: all 1.0s ease;
    position: absolute;
    bottom: -5px;
    left: 390px;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s 1s;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}
#corn.position-3{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
    z-index: 1;
}
#corn.position-4{
    -webkit-transform: translate(-300px,0);
    transform: translate(-300px,0);
    opacity:1;
    filter:alpha(opacity=100);
    z-index: 1;
}
#corn.position-5{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity:0;
    filter:alpha(opacity=0);
    transition: all 0.7s;
    z-index: 1;
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
}
#grain{
    background: transparent url(../img/grain.png) no-repeat scroll 0 0;
    width: 254px;
    height: 113px;
    z-index: -1;
    transition: all 1.0s ease;
    position: absolute;
    bottom: 19px;
    left: 853px;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.5s 1s;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}

#grain.position-3{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
    z-index: 20;
}
#grain.position-4{
    -webkit-transform: translate(-300px,0);
    transform: translate(-300px,0);
    opacity:1;
    filter:alpha(opacity=100);
    z-index: 20;
}
#grain.position-5{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
    z-index: 20;
}
#glass-small{
    background: transparent url(../img/glass-small.png) no-repeat scroll 0 0;
    width: 421px;
    height: 643px;
    z-index: -1;
    transition: all 1.0s ease;
    position: absolute;
    bottom: -47px;
    left: 1178px;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.5s 1s;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}

#glass-small.position-4{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
    transition: opacity 1s, transform 0s 1s;
    z-index: 19;
}
#glass-small.position-5{
    -webkit-transform: translate(-700px,0);
    transform: translate(-700px,0);
    opacity:1;
    filter:alpha(opacity=100);
    z-index: 19;
}
#glass-small.position-6{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: all 0.7s;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: opacity 1s 1s, -webkit-transform 0s 1s;
    transition: opacity 1s 1s, transform 0s 1s;
    z-index: 19;
}

#wide-bg{
    /*background: transparent url(../img/wide-bg.jpg) no-repeat scroll 0 0;*/
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0,200%);
    transform: translate(0,200%);
    transition: all 1s;
    -webkit-transition: all 1s;
    z-index: -1;
}
#wide-bg.position-0,
#wide-bg.position-1{
    -webkit-transform: translate(0,300%);
    transform: translate(0,300%);
}
#wide-bg.position-2{
    -webkit-transform: translate(0,200%);
    transform: translate(0,100%);
}
#wide-bg.position-3{
    -webkit-transform: translate(0,100%);
    transform: translate(0,200%);
}
#wide-bg.position-4{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
#wide-bg.position-5{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
#wide-bg.position-6,
#wide-bg.position-7{
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
}
#wide-bg img{
    width: 130%;
    min-height: 100%;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: absolute;
    bottom: 0;
    left: 0;
}
#bubbles-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
    transition: all 1s;
    -webkit-transition: all 1s;
    z-index: 20;
}

#bubbles-bg.position-0,
#bubbles-bg.position-1{
    -webkit-transform: translate(0,400%);
    transform: translate(0,400%);
}
#bubbles-bg.position-2{
    -webkit-transform: translate(0,300%);
    transform: translate(0,300%);
}
#bubbles-bg.position-3{
    -webkit-transform: translate(0,200%);
    transform: translate(0,200%);
}
#bubbles-bg.position-5{
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
}
#bubbles-bg.position-6{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

#bubbles-bg.position-7{
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
}
#bubbles-bg #bubbles-video{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
}
#bubbles-bg .video-wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
#bubbles-bg .glass-wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 24;
}
#bubbles-bg #glass-big{
    background: transparent url(../img/glass-big.png) no-repeat scroll 0 0;
    width: 412px;
    height: 954px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    position: absolute;
    top: 20%;
    left: 0;
    -webkit-transform: translate(-280px,0);
    transform: translate(-280px,0);
    z-index: 24;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
}
#bubbles-bg #glass-big.position-1{
    -webkit-transform: translate(-280px,0);
    transform: translate(-280px,0);
}
#bubbles-bg #glass-big.position-2{
    -webkit-transform: translate(-280px,-30px);
    transform: translate(-280px,-30px);
}
#bubbles-bg #glass-big.position-3{
    -webkit-transform: translate(-280px,-60px);
    transform: translate(-280px,-60px);
}
#bubbles-bg #glass-big.position-4{
    -webkit-transform: translate(-280px,-90px);
    transform: translate(-280px,-90px);
}
#bubbles-bg #glass-big.position-5{
    -webkit-transform: translate(-280px,-120px);
    transform: translate(-280px,-120px);
}
#bubbles-bg #glass-big.position-6{
    -webkit-transform: translate(-280px,-150px);
    transform: translate(-280px,-150px);
}
#bubbles-bg #glass-big.position-7{
    -webkit-transform: translate(-280px,-180px);
    transform: translate(-280px,-180px);
}
#bubbles-bg #glass-big.position-8{
    -webkit-transform: translate(-280px,-210px);
    transform: translate(-280px,-210px);
}
#bubbles-bg #glass-big.position-9{
    -webkit-transform: translate(-280px,-240px);
    transform: translate(-280px,-240px);
}
#bubbles-bg #glass-big.position-10{
    -webkit-transform: translate(-280px,-270px);
    transform: translate(-280px,-270px);
}
#contact-bg{
    background: transparent url(../img/bg-slide-7.jpg) no-repeat scroll 0 0;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
    transition: all 1s;
    -webkit-transition: all 1s;
    z-index: 18;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#contact-bg.position-0,
#contact-bg.position-1,
#contact-bg.position-2,
#contact-bg.position-3,
#contact-bg.position-4,
#contact-bg.position-5
#contact-bg.position-6{
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
}
#contact-bg.position-7{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

/*----- menu -----*/
#menu{
    position: fixed;
    top: 50%;
    left: 90%;
    margin-top: 0;
    width: 88px;
    height: 627px;
    margin-top: -350px;
    z-index: 100;
    transition: all 3s 1s, left 0s 1s;
    padding-top: 50px;
    /*overflow: hidden;*/
}

#menu .wrapper{
    height: 0;
    position: relative;
    top: 50%;
    overflow: hidden;
    transition: all 1s 1s linear;
}
#menu.visible .wrapper{
    height: 530px;
    top: 0%;
}
#menu .decor-top,
#menu .decor-bottom{
    margin: 0 auto;
    border: 1px solid #fff;
    width: 86px;
    height: 11px;
    position: absolute;
    left: 0;
}
#menu .decor-top{
    top:0;
    border-bottom: 0;
}
#menu .decor-bottom{
    bottom:0;
    border-top: 0;
}
#menu ul{
    height: 0;
    padding: 10px 0;
    overflow: hidden;
    /*-webkit-transform: translate(0,-271.5px);*/
    /*transform: translate(0,-271.5px);*/
    /*transition: -webkit-transform 1s;*/
    height: 523px;
}
#menu.visible ul{
    /*    -webkit-transform: translate(0,0);
        transform: translate(0,0);*/
}
#menu ul li{
    /*background: transparent url(../img/menu-separator.png) no-repeat scroll bottom center;*/
    list-style: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    padding-bottom: 25px;
    padding-top: 20px;
}
#menu ul li a{
    color: inherit;
    text-decoration: none;
    transition: all 1s;
}
#menu ul li a:hover{
    transition: all 0.3s;
}
#menu ul li a:hover,
#menu ul li.active a{
    color: #ff6b00;
}
#menu ul li.last{
    background: transparent;
}
#menu .line-top{
    width: 100%;
    height: 0px;
    border-top: 1px dashed rgba(255,255,255,0);
    transition: all 1s 2s;
    position: absolute;
    top: 79px;
    left: 0;
}
#menu.visible .line-top{
    top: 0;
    border-top: 1px dashed rgba(255,255,255,0.3);
}

#menu .arrow-top{
    background: transparent url(../img/menu-arrow-up.png) no-repeat scroll center center;
    width: 100%;
    height: 48px;
    cursor: pointer;
    position: absolute;
    top: 49px;
    opacity:0;
    filter:alpha(opacity=0);
    transition: all 1s 2s;
}
#menu .scrollDown{
    display: none;
}
#menu.visible .arrow-top{
    top: 1px;
    opacity:1;
    filter:alpha(opacity=100);
}

#menu .socialmedia{
    position: absolute;
    bottom: 96px;
    left: 0;
    width: 86px;
    transition: all 0.6s 2.1s;
}
#menu.visible .socialmedia{
    bottom: 0;
    display: none;
}
#menu .socialmedia .decor-bottom{
    opacity:0;
    filter:alpha(opacity=0);
    transition: all 0s 2s;
}
#menu.visible .socialmedia .decor-bottom{
    opacity:1;
    filter:alpha(opacity=100);
}
#menu .socialmedia .items{
    position: relative;
    z-index: 2;
    transition: all 1s 3s;
    overflow: hidden;
    top: -2px;
}
#menu .socialmedia .items .yt,
#menu .socialmedia .items .twitter,
#menu .socialmedia .items .fb{
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
}
#menu .socialmedia .items .yt{
    transition: all 0.5s 2.4s;
}
#menu .socialmedia .items .twitter{
    text-align: right;
    transition: all 0.5s 2.6s;
}
#menu .socialmedia .items .fb{
    transition: all 0.5s 2.8s;
}
#menu.visible .socialmedia .items .yt,
#menu.visible .socialmedia .items .twitter,
#menu.visible .socialmedia .items .fb{
    -webkit-transform: translate(0,0%);
    transform: translate(0,0%);
}

/*----- slides -----*/

.slide-wrapper{
    width: 984px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.slide-wrapper .title{
    font-size: 38px;
    text-shadow: 1px 3px 3px rgba(0,0,0,0.75);
}
.slide-wrapper .para-lead{
    font-size: 18px;
}
.slide-wrapper .para-normal{
    font-size: 14px;
    font-weight: normal;
}
.slide-wrapper .para-color{
    font-size: 14px;
    color: #d4b56a;
    font-weight: normal;
}
.slide{
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    position: relative;
}
.slide.first{
    background-image: url('../img/bg-slide-1.jpg');
}
.slide.second{
    background-image: url('../img/bg-slide-2.jpg');
}
.slide.third{
    background-image: url('../img/bg-slide-3.jpg');
}
/*.slide.fourth{
    background-image: url('../img/bg-slide-4.jpg');
}
.slide.fifth{
    background-image: url('../img/bg-slide-5.jpg');
}*/
.slide.sixth{
    /*background-image: url('../img/bg-slide-6.jpg');*/
    z-index: 20;
}
/*.slide.seventh{
    background-image: url('../img/bg-slide-7.jpg');
}*/



/*----- slide first -----*/

.slide.first .content{
    top: 20%;
    position: relative;
}
.slide.first .content .title{
    margin-top: 60px;
}
.slide.first .content .decoration{
    margin-top: 10px;
}
.slide.first .elem-1{
    position: absolute;
    top: 12%;
    left: 37.5%;
}
.slide.first .elem-1 img{
    width: 127px;
}
.slide.first .elem-2{
    position: relative;
    width: 100%;
    margin-top: 20%;
}
.slide.first .bottle{
    display: none;
}
.slide.first .scrollDown{
    position: absolute;
    left: 50%;
    bottom: 350px;
    width: 12.5%;
    font-size: 13px;
    cursor: pointer;
}
.slide.first .scrollDown:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 2px;
    margin-left: -10px;
    background: transparent url('../img/scroll-down.png') no-repeat scroll center center;
    width: 20px;
    height: 10px;
    transition: all 0.5s 1.1s ease;
}
.slide.first.active .scrollDown:after{
    bottom: -20px;
}
/*----- second slide -----*/
.slide.second .elem-1{
    position: absolute;
    top: 37%;
    left: 0;
}
.slide.second .elem-1 .decoration{
    margin-top: 10px;
}
.slide.second .elem-2{
    /*    position: absolute;
        top: 43%;
        left: 6.25%;*/
    padding: 0 20%;
    margin-top: 50px;
}
.slide.second .elem-3{
    /*    position: absolute;
        top: 53%;
        left: 6.25%;*/
    padding: 0 20%;
    margin-top: 30px;
}
/*----- third slide -----*/
.slide.third .elem-1{
    position: absolute;
    top: 37%;
    left: 0;
}
.slide.third .elem-1 .decoration{
    margin-top: 10px;
}
.slide.third .elem-2{
    /*    position: absolute;
        top: 37%;
        left: 6.25%;*/
    padding: 0 20%;
    margin-top: 30px;
}
.slide.third .elem-3{
    /*    position: absolute;
        top: 52%;
        left: 6.25%;*/
    padding: 0 20%;
    margin-top: 20px;
}
/*----- fourth slide -----*/
.slide.fourth .elem-1{
    position: absolute;
    top: 35%;
    left: 0;
}
@media (max-height: 850px){
    .slide.fourth .elem-1{
        top: 10%;
        width: 35%;
        left: 10%;
    }
}
.slide.fourth .elem-1 .decoration{
    margin-top: 10px;
}
.slide.fourth .elem-2{
    /*    position: absolute;
        top: 33%;
        left: 6.25%;*/
    padding: 0 10%;
    margin-top: 30px;
}
.slide.fourth .elem-3{
    /*    position: absolute;
        top: 45%;
        left: 6.25%;*/
    padding: 0 5%;
    padding-bottom: 30px;
    margin-top: 20px;
}

/*----- fifth slide -----*/

.slide.fifth .elem-1{
    position: absolute;
    top: 25%;
    left: 0;
}
.slide.fifth .elem-1 .decoration{
    margin-top: 10px;
}
.slide.fifth .elem-2{
    /*    position: absolute;
        top: 33%;
        left: 0%;
        padding: 0 4%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;*/
    padding: 0 10%;
    margin-top: 30px;
}
.slide.fifth .elem-3{
    /*    position: absolute;
        top: 48%;
        left: 0%;
        padding: 0 4%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;*/
    padding: 0 10%;
    margin-top: 20px;
}
.slide.fifth .elem-4{
    /*    position: absolute;
        top: 60%;
        left: 6.25%;*/
    padding: 0 20%;
    margin-top: 20px;
}
/*----- sixth slide -----*/

.slide.sixth .elem-1{
    position: absolute;
    top: 19%;
    left: 50%;
}
.slide.sixth .elem-1 .decoration{
    margin-top: 10px;
}
.slide.sixth .faq-wrapper{
    width: 50%;
    height: 50%;
    position: absolute;
    top: 32%;
    left: 37.5%;
    text-align: left;
    padding-left: 55px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.slide.sixth .faq-wrapper .faq{
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translate(0, 88px);
    transform: translate(0, 88px);
    transition: all 0.5s;
}
.slide.sixth .faq-wrapper .faq .item{
    margin-bottom: 20px;
    transition: all 0.5s;
    opacity:0.5;
    filter:alpha(opacity=50);
}
.slide.sixth .faq-wrapper .faq .item.active{
    opacity:1;
    filter:alpha(opacity=100);
}
.slide.sixth .faq-wrapper .faq .item .para-normal{
    margin-top: 10px;
}
.slide.sixth .counter-wrapper{
    position: absolute;
    top: 32%;
    left: 37.5%;
    margin-left: -80px;
    margin-top: 15px;
    width: 80px;
}
.slide.sixth .counter-wrapper #counter{
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    text-align: center;
}
.slide.sixth .counter-wrapper #question-prev,
.slide.sixth .counter-wrapper #question-next{
    width: 100%;
    height: 80px;
    cursor: pointer;
}
.slide.sixth .counter-wrapper #question-prev{
    background: transparent url(../img/menu-arrow-up.png) no-repeat scroll center center;
}
.slide.sixth .counter-wrapper #question-next{
    background: transparent url(../img/scroll-down.png) no-repeat scroll center center;
}

/*----- seventh slide -----*/

.slide.seventh .elem-1{
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 30;
}
.slide.seventh .elem-1 .decoration{
    margin-top: 10px;
}
.slide.seventh .elem-2{
    /*    position: absolute;
        top: 33%;
        left: 0%;
        padding: 0 4%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 30;*/
    margin-top: 30px;
    padding: 0 20%;
}
.slide.seventh .elem-2 .email{
    color: #ff6b00;
}
.slide.seventh .elem-2 .email a{
    color: inherit;
    text-decoration: none;
}
.slide.seventh .scrollUp{
    /*    position: absolute;
        top: 70%;
        left: 22%;*/
    display: inline-block;
    width: 62px;
    height: 37px;
    background: transparent url('../img/scroll-up.png') no-repeat scroll center center;
    cursor: pointer;
    z-index: 30;
    margin-top: 30px;
    margin-bottom: 30px;
}
.slide.seventh .mustache{
    position: absolute;
    background: transparent url('../img/mustache.png') no-repeat scroll center center;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    transition: all 1s 1s, opacity 0.1s 1s;
    top: 0;
    left: 0;
    opacity:0;
    filter:alpha(opacity=0);
}
.slide.seventh.active .mustache{
    opacity:1;
    filter:alpha(opacity=100);
    transition: all 4s, opacity 0.1s;
}
.slide.seventh .mustache.mustache-1{
    width: 126px;
    height: 28px;
    top: 6.4%;
    left: -24px;
    -webkit-transform: translate(0, -300%);
    transform: translate(0, -300%);
}
.slide.seventh .mustache.mustache-2{
    width: 103px;
    height: 23px;
    top: 4.9%;
    left: 417px;
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
}
.slide.seventh .mustache.mustache-3{
    width: 207px;
    height: 46px;
    top: 9.6%;
    left: 567px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
.slide.seventh .mustache.mustache-4{
    width: 130px;
    height: 35px;
    top: 9.6%;
    left: 810px;
    -webkit-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.slide.seventh .mustache.mustache-5{
    width: 130px;
    height: 35px;
    top: 19%;
    left: 370px;
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
}
.slide.seventh .mustache.mustache-6{
    width: 105px;
    height: 25px;
    top: 17.8%;
    left: 530px;
    -webkit-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.slide.seventh .mustache.mustache-7{
    width: 70px;
    height: 20px;
    top: 24%;
    left: -190px;
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
}
.slide.seventh .mustache.mustache-8{
    width: 76px;
    height: 18px;
    top: 24%;
    left: 220px;
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
}
.slide.seventh .mustache.mustache-9{
    width: 76px;
    height: 18px;
    top: 24%;
    left: 695px;
    -webkit-transform: translate(0, -1500%);
    transform: translate(0, -1500%);
}
.slide.seventh .mustache.mustache-10{
    width: 76px;
    height: 18px;
    top: 32.6%;
    left: 326px;
    -webkit-transform: translate(0, -1000%);
    transform: translate(0, -1000%);
}
.slide.seventh .mustache.mustache-11{
    width: 76px;
    height: 18px;
    top: 34.5%;
    left: 795px;
    -webkit-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.slide.seventh .mustache.mustache-12{
    width: 76px;
    height: 18px;
    top: 45.9%;
    left: 10px;
    -webkit-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.slide.seventh .mustache.mustache-13{
    width: 132px;
    height: 32px;
    top: 44.6%;
    left: 142px;
    -webkit-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.slide.seventh .mustache.mustache-14{
    width: 76px;
    height: 18px;
    top: 50.6%;
    left: 350px;
    -webkit-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.slide.seventh .mustache.mustache-15{
    width: 205px;
    height: 32px;
    top: 40.6%;
    left: 523px;
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
}
.slide.seventh .mustache.mustache-16{
    width: 76px;
    height: 18px;
    top: 49.7%;
    left: 861px;
    -webkit-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.slide.seventh .mustache.mustache-17{
    width: 81px;
    height: 24px;
    top: 52.6%;
    left: 684px;
    -webkit-transform: translate(0, -1000%);
    transform: translate(0, -1000%);
}
.slide.seventh .mustache.mustache-18{
    width: 124px;
    height: 30px;
    top: 61.2%;
    left: 100px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
.slide.seventh .mustache.mustache-19{
    width: 116px;
    height: 27px;
    top: 69.2%;
    left: -132px;
    -webkit-transform: translate(0, -1400%);
    transform: translate(0, -1400%);
}
.slide.seventh .mustache.mustache-20{
    width: 182px;
    height: 40px;
    top: 67.4%;
    left: 275px;
    -webkit-transform: translate(0, -300%);
    transform: translate(0, -300%);
}
.slide.seventh .mustache.mustache-21{
    width: 67px;
    height: 13px;
    top: 80.8%;
    left: 460px;
    -webkit-transform: translate(0, -1000%);
    transform: translate(0, -1000%);
}
.slide.seventh .mustache.mustache-22{
    width: 76px;
    height: 18px;
    top: 63.8%;
    left: 873px;
    -webkit-transform: translate(0, -1000%);
    transform: translate(0, -1000%);
}
.slide.seventh .mustache.mustache-23{
    width: 144px;
    height: 32px;
    top: 76.1%;
    left: 690px;
    -webkit-transform: translate(0, -1000%);
    transform: translate(0, -1000%);
}
.slide.seventh.active .mustache{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/*----- animacje -----*/

.slide .move{
    /*transition: all 0s 1s;*/
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}
.slide .move-100{
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
}
.slide .move-200{
    -webkit-transform: translate(0, 200px);
    transform: translate(0, 200px);
}
.slide .move-300{
    -webkit-transform: translate(0, 300px);
    transform: translate(0, 300px);
}
.slide .move-400{
    -webkit-transform: translate(0, 400px);
    transform: translate(0, 400px);
}
.slide .move-500{
    -webkit-transform: translate(0, 500px);
    transform: translate(0, 500px);
}
.slide.active .move-100,
.slide.active .move-200,
.slide.active .move-300,
.slide.active .move-400,
.slide.active .move-500{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    /*transition: all 1s;*/
}
.slide.leave .move-100,
.slide.leave .move-200,
.slide.leave .move-300,
.slide.leave .move-400,
.slide.leave .move-500{
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    /*    -webkit-transition: -webkit-transform 0s 1s;
        transition: transform 0s 1s;*/
}