*{margin:0;padding:0;}
body, html{
    display:block;width:100%;height:100%;margin:0;padding:0;font-family:'pf_catalogregular';font-size: 100%;vertical-align: baseline;
}
section{display:block;width:100%;min-height:100%;position:relative;overflow-x:hidden;height:auto;}
.spacer{display:block;width:100%;}

.page_content{
    position:absolute;clip: rect(auto,auto,auto,auto);display:block;width:100%;height:100%;
    filter: alpha(opacity=0);opacity:0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}
.active .page_content{
    filter: alpha(opacity=100);opacity:1;
}

/* =========================================================================================================
--> HOME
========================================================================================================= */
#home{background:#ead7bc /*url(../images/home_bg.png) bottom center no-repeat;min-height:770px;*/;height:100%;position:relative;z-index:0;}
.home_content{position:fixed;width:100%;left:0;top:0 !important;z-index:-1;height:100%;clip: rect(auto,auto,auto,auto);}
.logo{
    display:block;width:260px;height:263px;text-align:center;
    position:relative;left:50%;margin:40px 0 0 -130px;
}
.logo_sub{
    position:relative;left:50%;margin:20px 0 0 -84px;height:61px;display:block;width:168px;text-align:center;
}
.home_bg_01{position:absolute;bottom:20%;left:0%;background:url(../images/home_bg_01.png) center top no-repeat;display:block;height:50%;max-height:379px;width:100%;}
.home_bg_02{position:absolute;bottom:3%;left:0%;background:url(../images/home_bg_02.png)  center top no-repeat;display:block;height:40%;max-height:310px;width:100%;}
.home_bg_03{position:absolute;bottom:0%;left:0%;background:url(../images/home_bg_03.png)  center top no-repeat;display:block;height:50%;max-height:327px;width:100%;}
.home_banner{
    display:block;position:absolute;bottom:20%;left:25%;
    width:50%;height:147px;background:url(../images/home_banner.png) top center no-repeat;background-size:contain;
    /*
    -webkit-animation: type_cloud_br_move_rev 4s infinite linear;
    -moz-animation:    type_cloud_br_move_rev 4s infinite linear;
    -o-animation:      type_cloud_br_move_rev 4s infinite linear;
    animation:         type_cloud_br_move_rev 4s infinite linear;
    */
}
.home_banner.eng{
    background:url(../images/home_banner_eng.png) top center no-repeat !important;
}
.down_arrow{
    position:absolute;bottom:50px;left:50%;margin-left:-17px;width:34px;height:72px;
    background:url(../images/down_arrow.png) no-repeat;cursor:pointer;z-index:10;
    -webkit-animation: moveArrow 0.5s infinite linear; /* Safari 4+ */
    -moz-animation:    moveArrow 0.5s infinite linear; /* Fx 5+ */
    -o-animation:      moveArrow 0.5s infinite linear; /* Opera 12+ */
    animation:         moveArrow 0.5s infinite linear; /* IE 10+, Fx 29+ */
}
@-moz-keyframes moveArrow {
    0% { -moz-transform: translate3d(0,0px,0); }
    25% { -moz-transform: translate3d(0,5px,0); }
    50% { -moz-transform: translate3d(0,0px,0); }
    75% { -moz-transform: translate3d(0,-5px,0); }
    100% { -moz-transform: translate3d(0,0px,0); }
}
@-webkit-keyframes moveArrow {
    0% { -webkit-transform: translate3d(0,0px,0); }
    25% { -webkit-transform: translate3d(0,5px,0); }
    50% { -webkit-transform: translate3d(0,0px,0); }
    75% { -webkit-transform: translate3d(0,-5px,0); }
    100% { -webkit-transform: translate3d(0,0px,0); }
}
@keyframes moveArrow {
    0% { transform: translate3d(0,0px,0); }
    25% { transform: translate3d(0,5px,0); }
    50% { transform: translate3d(0,0px,0); }
    75% { transform: translate3d(0,-5px,0); }
    100% { transform: translate3d(0,0px,0); }
}
.up_arrow{
    position:absolute;width:34px;height:50px;display:block;bottom:50px;left:50%;margin-left:-17px;
    cursor:pointer;z-index:30;
}
.up_arrow img{text-align:center;height:50px;width:auto;}
.gr{display:block;width:15px;height:16px;cursor:pointer;background:url(../images/gr.png) no-repeat;position:absolute;bottom:70px;left:50%;margin-left:-75px;}
.en{display:block;width:14px;height:15px;cursor:pointer;background:url(../images/en.png) no-repeat;position:absolute;bottom:72px;left:50%;margin-left:63px;}

.home_top_01{
    display:block;/*width:100%;height:100%;*/position:fixed;top:50px;left:50%;width:250px;height:139px;margin-left:-500px;
    background:url(../images/home_top_01.png) 0 0 no-repeat;
    -webkit-animation: type_cloud_br_move_rev 6s infinite ease; /* Safari 4+ */
    -moz-animation:    type_cloud_br_move_rev 6s infinite ease; /* Fx 5+ */
    -o-animation:      type_cloud_br_move_rev 6s infinite ease; /* Opera 12+ */
    animation:         type_cloud_br_move_rev 6s infinite ease; /* IE 10+, Fx 29+ */
}
.home_top_02{
    display:block;/*width:100%;height:100%;*/position:fixed;top:150px;left:50%;margin-left:250px;width:250px;height:139px;
    background:url(../images/home_top_02.png) 0 0 no-repeat;
    -webkit-animation: type_cloud_br_move 5s infinite ease; /* Safari 4+ */
    -moz-animation:    type_cloud_br_move 5s infinite ease; /* Fx 5+ */
    -o-animation:      type_cloud_br_move 5s infinite ease; /* Opera 12+ */
    animation:         type_cloud_br_move 5s infinite ease; /* IE 10+, Fx 29+ */
}
.home_top_01.left{margin-left:-600px;}
.home_top_02.right{margin-left:370px;}
/* =========================================================================================================
--> HISTORY
========================================================================================================= */
#home_empty{
    position:relative;height:100%;width:100%;display:none;background:none;position:relative;
}
#history{
    background:#c2e3e1 /*url(../images/history_bg.png) center 600px fixed no-repeat*/;min-height:100%;height:auto;width:100%;position:relative;padding:0;display:block;
    clip: rect(auto,auto,auto,auto);overflow:hidden;height:auto;
}
.history_bg{position:absolute;clip: rect(auto,auto,auto,auto);display:block;width:100%;height:100%;}
.history_bg_01{
    position:fixed;bottom:20%;left:0%;background:url(../images/history_bg_01.png) center top no-repeat;display:block;height:50%;max-height:324px;width:100%;z-index:1;
    filter: alpha(opacity=0);opacity:0;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.history_bg_02{
    position:fixed;bottom:0%;left:0%;background:url(../images/history_bg_02.png)  center top no-repeat;display:block;height:40%;max-height:326px;width:100%;z-index:2;
    filter: alpha(opacity=0);opacity:0;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

#history.active .history_bg_01,
#history.active .history_bg_02{
    filter: alpha(opacity=100) !important;opacity:1 !important;
}

.history_content{display:block;position:absolute;display:block;width:480px;}

.logo_alt{
    position:fixed;top:10px;left:50%;z-index:30;margin-left:-437px;display:block;width:80px;height:82px;/*background:url(../images/logo_alt.svg) no-repeat;*/opacity:0;cursor:pointer;
    filter: alpha(opacity=0);opacity:0;
    -webkit-transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
}
.logo_alt_top{
    display:block;width:79px;height:66px;position: relative;
}
@-moz-keyframes spinLogo {
    0% { -moz-transform: scaleX(1); }
    17% { -moz-transform: scaleX(-1); }
    33% { -moz-transform: scaleX(1); }
    50% { -moz-transform: scaleX(-1); }
    66% { -moz-transform: scaleX(1); }
    83% { -moz-transform: scaleX(-1); }
    100% { -moz-transform: scaleX(1); }
}
@-webkit-keyframes spinLogo {
    0% { -webkit-transform: scaleX(1); }
    17% { -webkit-transform: scaleX(-1); }
    33% { -webkit-transform: scaleX(1); }
    50% { -webkit-transform: scaleX(-1); }
    66% { -webkit-transform: scaleX(1); }
    83% { -webkit-transform: scaleX(-1); }
    100% { -webkit-transform: scaleX(1); }
}
@keyframes spinLogo {
    /*
    0% { transform: scaleX(1); }
    25% { transform: scaleX(-1); }
    50% { transform: scaleX(1); }
    75% { transform: scaleX(-1); }
    100% { transform: scaleX(1); }
    */
    0% { transform: scaleX(1); }
    17% { transform: scaleX(-1); }
    33% { transform: scaleX(1); }
    50% { transform: scaleX(-1); }
    66% { transform: scaleX(1); }
    83% { transform: scaleX(-1); }
    100% { transform: scaleX(1); }
}
.logo_alt_top.rotate{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation:spinLogo 1s linear infinite;
    -moz-animation:spinLogo 1s linear infinite;
    animation:spinLogo 1s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.logo_alt_bottom{background:url(../images/logo_alt_bottom.svg) no-repeat;display:block;width:79px;height:14px;}
.menu{
    display:block;position:fixed;z-index:110;display:block;height:44px;width:526px;
    margin:0 0 0 -278px;padding:14px 0 0 31px;list-style:none;
    left:50%;top:-58px;
    background:url(../images/menu_bg.png) no-repeat;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
nav.visible .menu{
    -webkit-transform: translate3d(0,58px,0);
    -moz-transform: translate3d(0,58px,0);
    -ms-transform: translate3d(0,58px,0);
    transform: translate3d(0,58px,0);
}
nav.visible .mob .menu{
    -webkit-transform: translate3d(0,0px,0);
    -moz-transform: translate3d(0,0px,0);
    -ms-transform: translate3d(0,0px,0);
    transform: translate3d(0,0px,0);
}
nav.visible .logo_alt{
    filter: alpha(opacity=100);opacity:1;
}

ul.menu li{cursor:pointer;padding:0;margin:0;list-style:none;}
ul.menu li.history{display:block;float:left;width:45px;height:25px;background:url(../images/menu_gr.png) 0 0 no-repeat;}
ul.menu li.history.active{background-position: 0 -25px;}
ul.menu li.philosophy{display:block;float:left;width:66px;height:25px;background:url(../images/menu_gr.png) -45px 0 no-repeat;margin-left:11px;}
ul.menu li.philosophy.active{background-position: -45px -25px;}
ul.menu li.team{display:block;float:left;width:53px;height:25px;background:url(../images/menu_gr.png) -111px 0 no-repeat;margin-left:15px;}
ul.menu li.team.active{background-position: -111px -25px;}
ul.menu li.dishes{display:block;float:left;width:45px;height:25px;background:url(../images/menu_gr.png) -164px 0 no-repeat;margin-left:16px;}
ul.menu li.dishes.active{background-position: -164px -25px;}
ul.menu li.type{display:block;float:left;width:45px;height:25px;background:url(../images/menu_gr.png) -209px 0 no-repeat;margin-left:15px;}
ul.menu li.type.active{background-position: -209px -25px;}
ul.menu li.gallery{display:block;float:left;width:49px;height:25px;background:url(../images/menu_gr.png) -254px 0 no-repeat;margin-left:18px;}
ul.menu li.gallery.active{background-position: -254px -25px;}
ul.menu li.contact{display:block;float:left;width:80px;height:25px;background:url(../images/menu_gr.png) -303px 0 no-repeat;margin-left:15px;}
ul.menu li.contact.active{background-position: -303px -25px;}

ul.menu.eng li.history{display:block;float:left;width:49px;height:25px;background:url(../images/menu_eng.png) 0 0 no-repeat;}
ul.menu.eng li.history.active{background-position: 0 -25px;}
ul.menu.eng li.philosophy{display:block;float:left;width:72px;height:25px;background:url(../images/menu_eng.png) -49px 0 no-repeat;margin-left:11px;}
ul.menu.eng li.philosophy.active{background-position: -49px -25px;}
ul.menu.eng li.team{display:block;float:left;width:59px;height:25px;background:url(../images/menu_eng.png) -121px 0 no-repeat;margin-left:15px;}
ul.menu.eng li.team.active{background-position: -121px -25px;}
ul.menu.eng li.dishes{display:block;float:left;width:45px;height:25px;background:url(../images/menu_eng.png) -180px 0 no-repeat;margin-left:16px;}
ul.menu.eng li.dishes.active{background-position: -180px -25px;}
ul.menu.eng li.type{display:block;float:left;width:45px;height:25px;background:url(../images/menu_eng.png) -225px 0 no-repeat;margin-left:15px;}
ul.menu.eng li.type.active{background-position: -225px -25px;}
ul.menu.eng li.gallery{display:block;float:left;width:49px;height:25px;background:url(../images/menu_eng.png) -270px 0 no-repeat;margin-left:18px;}
ul.menu.eng li.gallery.active{background-position: -270px -25px;}
ul.menu.eng li.contact{display:block;float:left;width:51px;height:25px;background:url(../images/menu_eng.png) -319px 0 no-repeat;margin-left:15px;}
ul.menu.eng li.contact.active{background-position: -319px -25px;}

.white_box{
    display:block;padding:12px 9px;width:456px;height:auto;min-height:150px;position:relative;z-index:15;background:#fff;left:50%;margin-left:-240px;font-size:13px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.white_box_content{position:relative;width:100%;display:block;padding-top:45px;font-family:'pf_catalogregular';font-size:13px;}
.white_box_tl{position:absolute;top:0;left:0;display:block;width:69px;height:36px;background:url(../images/white_cnt_bg_tl.png) no-repeat;}
.white_box_tr{position:absolute;top:0;right:0;display:block;width:69px;height:33px;background:url(../images/white_cnt_bg_tr.png) no-repeat;}
.imgradius{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.grape_balloons{
    display:block;position:absolute;width:201px;height:250px;background:url(../images/balloons.png) no-repeat;
    top:-215px;left:50%;margin-left:-100px;
}

#history .white_box{
    /*margin-top:400px;*/top:70%;margin-top:-230px;z-index:10;
    filter: alpha(opacity=0);opacity:0;font-size:13px;line-height:18px;color:#8f7f6c;text-align:center;font-family:'pf_catalogregular';position:absolute;

}
#history.active .white_box{
    top:50%;/*margin-top:300px;*/filter: alpha(opacity=100);opacity:1;
    -webkit-transition: top 3.5s ease 1.0s, opacity 0.5s ease 0.5s;
    -moz-transition: top 3.5s ease 1.0s, opacity 0.5s ease 0.5s;
    -o-transition: top 3.5s ease 1.0s, opacity 0.5s ease 0.5s;
    transition: top 3.5s ease 1.0s, opacity 0.5s ease 0.5s;
}

.history_balloon{
    display:block;width:139px;height:93px;background:url(../images/history_balloon.png) 0 0 no-repeat;position:fixed;top:60%;left:20%;z-index:2;margin-left:-400px;
    -webkit-transition: all 0s ease 0s,opacity 0s linear 0s;
    -moz-transition: all 0s ease 0s,opacity 0s linear 0s;
    -o-transition: all 0s ease 0s,opacity 0s linear 0s;
    transition: all 0s ease 0s,opacity 0s linear 0s;
    filter: alpha(opacity=0);opacity:0;

}
/*#history.inview .history_balloon{z-index:0;}*/
#history.active .history_balloon{
    /*background-position:30% 50%;*/left:50%;top:50%;
    filter: alpha(opacity=100);opacity:1;
    -webkit-transition: all 7s ease 0s,opacity 1s linear 0s;
    -moz-transition: all 7s ease 0s,opacity 1s linear 0s;
    -o-transition: all 7s ease 0s,opacity 1s linear 0s;
    transition: all 7s ease 0s,opacity 1s linear 0s;
}

/* HISTORY CLOUDS */
.history_cloud{display:block;position:absolute;top:0px;left:0%;width:100%;height:100%;z-index:1;
    /*-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;*/
}
.history_cloud_01{background:url(../images/history_cloud_01.png) calc(50% - 260px) 200px fixed no-repeat;}
.history_cloud_02{background:url(../images/history_cloud_03.png) calc(50% - 400px) 350px fixed no-repeat;}
.history_cloud_03{background:url(../images/history_cloud_02.png) calc(50% + 340px) 450px fixed no-repeat;}
#history.active .history_cloud{display:block;position:absolute;top:0px;left:0%;width:100%;height:100%;}

.history_fruits{
    display:block;width:100%;height:100%;background:url(../images/history_fruits.png) calc(50% + 249px) 20% fixed no-repeat;
    position:absolute;top:0;left:0;z-index:1;
}

/* =========================================================================================================
--> PHILOSOPHY
========================================================================================================= */

section#philosophy{
    background:#ffdf7d /*url(../images/philosophy_bg.png) center 50% fixed no-repeat*/;min-height:100%;width:100%;position:relative;
    overflow:hidden;
}
.philosophy_bg1{
    position:fixed;bottom:70px;left:0%;background:url(../images/philosophy_bg.png) center top no-repeat;display:block;height:70%;max-height:539px;width:100%;z-index:1;
    filter: alpha(opacity=0);opacity:0;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
}
.philosophy_bg2{
    position:fixed;bottom:0%;left:0%;background:url(../images/philosophy_bg2.png)  center top no-repeat;display:block;height:102px;max-height:102px;width:100%;z-index:20;
    filter: alpha(opacity=0);opacity:0;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
}


#philosophy.active .philosophy_bg1,
#philosophy.active .philosophy_bg2{
    filter: alpha(opacity=100) !important;opacity:1 !important;
}

#philosophy .white_box{
    top:150%;margin-top:-228px;
    /*filter: alpha(opacity=0);opacity:0;*/font-size:13px;line-height:18px;color:#8f7f6c;text-align:center;font-family:'pf_catalogregular';position:fixed;
    -webkit-transition: top 2.5s ease;
    -moz-transition: top 2.5s ease;
    -o-transition: top 2.5s ease;
    transition: top 2.5s ease;
}
#philosophy.active .white_box{
    top:50%;/*filter: alpha(opacity=100);opacity:1;*/
    -webkit-transition: top 2.5s ease 1s;
    -moz-transition: top 2.5s ease 1s;
    -o-transition: top 2.5s ease 1s;
    transition: top 2.5s ease 1s;
}

.philosophy_cloud{display:block;position:absolute;top:0px;left:0%;width:100%;height:100%;z-index:0;
    /*-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;*/
}
.philosophy_cloud_01{background:url(../images/philosophy_cloud_01.png) calc(50% - 360px) 20% fixed no-repeat;}
.philosophy_cloud_02{background:url(../images/philosophy_cloud_02.png) calc(50% - 100px) 200px fixed no-repeat;}
.philosophy_cloud_03{background:url(../images/philosophy_cloud_03.png) calc(50% + 120px) 150px fixed no-repeat;}
.philosophy_cloud_04{background:url(../images/philosophy_cloud_04.png) calc(50% + 340px) 230px fixed no-repeat;}
#philosophy.active .philosophy_cloud{display:block;position:absolute;top:0px;left:0%;width:100%;height:100%;}

.fork{
    display:block;width:358px;height:119px;background:url(../images/fork.png) no-repeat;position:fixed;z-index:100;
    top:-200px;
    left:50%;margin-left:90px;
    -webkit-transition: top 1.3s easeOutBounce 2.2s;
    -moz-transition: top 1.3s easeOutBounce 2.2s;
    -o-transition: top 1.3s easeOutBounce 2.2s;
    transition: top 1.3s easeOutBounce 2.2s;
}
.hat{
    display:block;width:151px;height:94px;background:url(../images/hat.png) no-repeat;position:fixed;z-index:100;
    top:-200px;
    left:50%;margin-left:180px;
    -webkit-transition: top 1.5s ease 2s;
    -moz-transition: top 1.5s ease 2s;
    -o-transition: top 1.5s ease 2s;
    transition: top 1.5s ease 2s;
}
#philosophy.active .fork{
    -webkit-animation: bounce1 1.3s forwards linear 2.1s; /* Safari 4+ */
    -moz-animation:    bounce1 1.3s forwards linear 2.1s; /* Fx 5+ */
    -o-animation:      bounce1 1.3s forwards linear 2.1s; /* Opera 12+ */
    animation:         bounce1 1.3s forwards linear 2.1s; /* IE 10+, Fx 29+ */
}
#philosophy.active .hat{
    -webkit-animation: bounce2 1.5s forwards linear 1.9s; /* Safari 4+ */
    -moz-animation:    bounce2 1.5s forwards linear 1.9s; /* Fx 5+ */
    -o-animation:      bounce2 1.5s forwards linear 1.9s; /* Opera 12+ */
    animation:         bounce2 1.5s forwards linear 1.9s; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes bounce1 {
    0%   { top:-200px; animation-timing-function:ease-in;  }
    37%  { top:50%; -webkit-transform:translate3d(0,175px,0); animation-timing-function:ease-out; }
    55%  { top:50%; -webkit-transform:translate3d(0,110px,0); animation-timing-function:ease-in;  }
    73%  { top:50%; -webkit-transform:translate3d(0,175px,0); animation-timing-function:ease-out; }
    82%  { top:50%; -webkit-transform:translate3d(0,150px,0); animation-timing-function:ease-in;  }
    91%  { top:50%; -webkit-transform:translate3d(0,175px,0); animation-timing-function:ease-out; }
    96%  { top:50%; -webkit-transform:translate3d(0,165px,0); animation-timing-function:ease-in;  }
    100% { top:50%; -webkit-transform:translate3d(0,175px,0); }
}
@keyframes bounce1 {
    0%   { top:-200px; animation-timing-function:ease-in;  }
    37%  { top:50%; transform:translate3d(0,175px,0); animation-timing-function:ease-out; }
    55%  { top:50%; transform:translate3d(0,110px,0); animation-timing-function:ease-in;  }
    73%  { top:50%; transform:translate3d(0,175px,0); animation-timing-function:ease-out; }
    82%  { top:50%; transform:translate3d(0,150px,0); animation-timing-function:ease-in;  }
    91%  { top:50%; transform:translate3d(0,175px,0); animation-timing-function:ease-out; }
    96%  { top:50%; transform:translate3d(0,165px,0); animation-timing-function:ease-in;  }
    100% { top:50%; transform:translate3d(0,175px,0); }
}
@-webkit-keyframes bounce2 {
    0%   { top:-200px; animation-timing-function:ease-in;  }
    37%  { top:50%;-webkit-transform:translate3d(0,215px,0); animation-timing-function:ease-out; }
    55%  { top:50%;-webkit-transform:translate3d(0,150px,0); animation-timing-function:ease-in;  }
    73%  { top:50%;-webkit-transform:translate3d(0,215px,0); animation-timing-function:ease-out; }
    82%  { top:50%;-webkit-transform:translate3d(0,190px,0); animation-timing-function:ease-in;  }
    91%  { top:50%;-webkit-transform:translate3d(0,215px,0); animation-timing-function:ease-out; }
    96%  { top:50%;-webkit-transform:translate3d(0,205px,0); animation-timing-function:ease-in;  }
    100% { top:50%;-webkit-transform:translate3d(0,215px,0); }
}
@keyframes bounce2 {
    0%   { top:-200px; animation-timing-function:ease-in;  }
    37%  { top:50%;transform:translate3d(0,215px,0); animation-timing-function:ease-out; }
    55%  { top:50%;transform:translate3d(0,150px,0); animation-timing-function:ease-in;  }
    73%  { top:50%;transform:translate3d(0,215px,0); animation-timing-function:ease-out; }
    82%  { top:50%;transform:translate3d(0,190px,0); animation-timing-function:ease-in;  }
    91%  { top:50%;transform:translate3d(0,215px,0); animation-timing-function:ease-out; }
    96%  { top:50%;transform:translate3d(0,205px,0); animation-timing-function:ease-in;  }
    100% { top:50%;transform:translate3d(0,215px,0); }
}
.skiaxtro{
    display:block;width:48px;height:79px;background:url(../images/skiaxtro.png) no-repeat;position:fixed;top:34%;left:50%;margin-left:-350px;z-index:10;

    -webkit-animation: drop 6s infinite 5s ease; /* Safari 4+ */
    -moz-animation:    drop 6s infinite 5s ease; /* Fx 5+ */
    -o-animation:      drop 6s infinite  5s ease; /* Opera 12+ */
    animation:         drop 6s infinite 5s ease; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes drop {
    0%  { -webkit-transform: rotate(0deg);top:34%;margin-left: -350px; }
    30% { -webkit-transform: rotate(0deg);top:34%;margin-left: -350px; }
    40% { -webkit-transform: rotate(-90deg); top:calc(34% + 35px);margin-left: -390px;}
    41% { -webkit-transform: rotate(-100deg); top:calc(34% + 35px);margin-left: -390px;}
    42% { -webkit-transform: rotate(-90deg); top:calc(34% + 35px);margin-left: -390px;}
    43% { -webkit-transform: rotate(-80deg); top:calc(34% + 35px);margin-left: -390px;}
    44% { -webkit-transform: rotate(-90deg); top:calc(34% + 35px);margin-left: -390px;}
    70% { -webkit-transform: rotate(-90deg); top:calc(34% + 35px);margin-left: -390px;}
    100% { -webkit-transform: rotate(0deg);top:34%;margin-left: -350px;}
}
@keyframes drop {
    0%   { transform: rotate(0deg);top:34%;margin-left: -350px; }
    30%  { transform: rotate(0deg);top:34%;margin-left: -350px; }
    40% { transform: rotate(-90deg); top:calc(34% + 35px);margin-left: -390px;}
    41% { transform: rotate(-100deg); top:calc(34% + 35px);margin-left: -390px;}
    42% { transform: rotate(-90deg); top:calc(34% + 35px);margin-left: -390px;}
    43% { transform: rotate(-80deg); top:calc(34% + 35px);margin-left: -390px;}
    44% { transform: rotate(-90deg); top:calc(34% + 35px);margin-left: -390px;}
    70% { transform: rotate(-90deg); top:calc(34% + 35px);margin-left: -390px;}
    100% { transform: rotate(0deg);top:34%;margin-left: -350px;}
}
/* =========================================================================================================
--> TEAM
========================================================================================================= */
section#team{
    background:#e6edcf fixed no-repeat;min-height:100%;width:100%;position:relative;
    clip: rect(auto,auto,auto,auto);overflow:hidden;
}

.team_bg_01{position:fixed;bottom:180px;left:0%;background:url(../images/team_bg_01.png)  center top no-repeat;display:block;height:50%;max-height:408px;width:100%;z-index:1;}
.team_bg_02{position:fixed;bottom:-64px;left:0%;background:url(../images/team_bg_02.png)  center bottom no-repeat;display:block;height:245px;max-height:245px;width:100%;z-index:20;}
.kounia{
    position:fixed;bottom:140px;left:50%;margin-left:325px;background:url(../images/kounia.png) no-repeat;display:block;height:191px;max-height:191px;width:46px;z-index:21;
    -webkit-animation: swing 4s infinite linear; /* Safari 4+ */
    -moz-animation:    swing 4s infinite linear; /* Fx 5+ */
    -o-animation:      swing 4s infinite linear; /* Opera 12+ */
    animation:         swing 4s infinite linear; /* IE 10+, Fx 29+ */
}
.brokolo{position:fixed;bottom:80px;left:50%;margin-left:300px;background:url(../images/brokolo.png) no-repeat;display:block;height:299px;max-height:299px;width:242px;z-index:22;}

@-webkit-keyframes swing {
    0%   { -webkit-transform: rotate(0deg);transform-origin: 15px 11px; }
    25%  { -webkit-transform: rotate(3deg);transform-origin: 15px 11px;}
    50%  { -webkit-transform: rotate(0deg);transform-origin: 15px 11px;}
    75%  { -webkit-transform: rotate(-3deg);transform-origin: 15px 11px;}
    100% { -webkit-transform: rotate(0deg);transform-origin: 15px 11px;}
}
@keyframes swing {
    0%   { transform: rotate(0deg);transform-origin: 15px 11px; }
    25%  { transform: rotate(3deg);transform-origin: 15px 11px;}
    50%  { transform: rotate(0deg);transform-origin: 15px 11px;}
    75%  { transform: rotate(-3deg);transform-origin: 15px 11px;}
    100% { transform: rotate(0deg);transform-origin: 15px 11px;}
}

#team .white_box{
    top:150%;margin-top:-300px;z-index:10;
    font-size:13px;line-height:18px;color:#8f7f6c;text-align:center;font-family:'pf_catalogregular';position:absolute;
}
#team.active .white_box{
    top:50%;height:490px;
    -webkit-transition: top 3.5s ease 0.5s, opacity 0.5s ease 0.5s;
    -moz-transition: top 3.5s ease 0.5s, opacity 0.5s ease 0.5s;
    -o-transition: top 3.5s ease 0.5s, opacity 0.5s ease 0.5s;
    transition: top 3.5s ease 0.5s, opacity 0.5s ease 0.5s;
}
#team_persons{
    display:block;width:100%;
}
#team .persons{margin-bottom:10px;}
#team .person{
    display:block;width:32%;position:relative;float:left;margin-right:2%;line-height:15px;
}
#team .person img{width:100%;height:auto;display:block;margin-bottom:7px;}
#team .person.last{margin-right:0;}

.bike{
    display:none;position:fixed;top:60%;left:50%;width:279px;height:208px;margin-left:120px;
    filter: alpha(opacity=100);opacity:1;z-index:21;
}
.bike_contents{
    position:relative;display:block;width:100%;height:100%;
}
.bike_body{display:block;width:279px;height:208px;z-index:32;background:url(../images/bike_body.png) no-repeat;position:absolute;top:0;left:0;}
.bike_wheel_01{
    display:block;width:99px;height:95px;z-index:22;position:absolute;background:url(../images/wheel01.png) no-repeat;left:4px;top:106px;
}
.bike_wheel_02{
    display:block;width:149px;height:148px;z-index:22;position:absolute;background:url(../images/wheel02.png) no-repeat;left:115px;top:47px;

}
#team .bike, #team .bike_wheel_01, #team .bike_wheel_02{
    /*-webkit-transition: all 0s linear 0;
    -moz-transition: all 0s linear 0;
    -o-transition: all 0s linear 0;
    transition: all 0s linear 0;*/
}
.spin{
    -webkit-animation: spin 1.2s infinite linear 1.95s; /* Safari 4+ */
    -moz-animation:    spin 1.2s infinite linear 1.95s; /* Fx 5+ */
    -o-animation:      spin 1.2s infinite linear 1.95s; /* Opera 12+ */
    animation:         spin 1.2s infinite linear 1.95s; /* IE 10+, Fx 29+ */
}

#team.active .bike{
    /*left:calc(50% + 120px);top:60%;
    -webkit-transform:translate3d(120px,0,0);
    -moz-transform:translate3d(120px,0,0);
    -o-transform:translate3d(120px,0,0);
    -ms-transform:translate3d(120px,0,0);
    transform:translate3d(120px,0,0);

    filter: alpha(opacity=100);opacity:1;
    -webkit-transition: all 2s linear 2s,opacity 0s linear 0s;
    -moz-transition: all 2s linear 2s,opacity 0s linear 0s;
    -o-transition: all 2s linear 2s,opacity 0s linear 0s;
    -ms-transition: all 2s linear 2s,opacity 0s linear 0s;
    transition: all 2s linear 2s,opacity 0s linear 0s;*/
}
.off{
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;

    -moz-animation-name: none;
    -webkit-animation-name: none;
    -ms-animation-name: none;
    animation-name: none;
}

.team_cloud{display:block;position:absolute;top:20%;left:50%;z-index:10;}
.team_cloud_01{
    background:url(../images/team_cloud_01.png) 0 0 no-repeat;width:118px;height:52px;
    display:block;position:absolute;top:15%;left:50%;z-index:0;background-size:118px 52px;margin-left:-400px;
    filter: alpha(opacity=100);opacity:1;
    -webkit-animation: team_cloud_01_move 30s infinite linear alternate; /* Safari 4+ */
    -moz-animation:    team_cloud_01_move 30s infinite linear alternate; /* Fx 5+ */
    -o-animation:      team_cloud_01_move 30s infinite linear alternate; /* Opera 12+ */
    animation:         team_cloud_01_move 30s infinite linear alternate; /* IE 10+, Fx 29+ */
}
.team_cloud_02{
    background:url(../images/team_cloud_02.png) 0 0 no-repeat;width:43px;height:20px;
    display:block;position:absolute;top:15%;left:50%;z-index:0;background-size:43px 20px;margin-left:-100px;
    filter: alpha(opacity=100);opacity:1;
    -webkit-animation: team_cloud_01_move 40s infinite linear; /* Safari 4+ */
    -moz-animation:    team_cloud_01_move 40s infinite linear; /* Fx 5+ */
    -o-animation:      team_cloud_01_move 40s infinite linear; /* Opera 12+ */
    animation:         team_cloud_01_move 40 infinite linear; /* IE 10+, Fx 29+ */
}
.team_cloud_03{
    background:url(../images/team_cloud_03.png) 0 0 no-repeat;width:114px;height:45px;
    display:block;position:absolute;top:20%;left:50%;z-index:0;background-size:114px 45px;margin-left:300px;
    filter: alpha(opacity=100);opacity:1;
    -webkit-animation: team_cloud_01_move 35s infinite linear; /* Safari 4+ */
    -moz-animation:    team_cloud_01_move 35s infinite linear; /* Fx 5+ */
    -o-animation:      team_cloud_01_move 35s infinite linear; /* Opera 12+ */
    animation:         team_cloud_01_move 35s infinite linear; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes team_cloud_01_move {
    0%   { -webkit-transform:translate3d(20px,0,0);}
    40%  { -webkit-transform:translate3d(100px,0,0);}
    50%  { -webkit-transform:translate3d(100px,0,0);}
    90% { -webkit-transform:translate3d(20px,0,0);}
    100% { -webkit-transform:translate3d(20px,0,0);}
}
@keyframes team_cloud_01_move {
    0%   { transform:translate3d(20px,0,0);}
    40%  { transform:translate3d(100px,0,0);}
    50%  { transform:translate3d(100px,0,0);}
    90% { transform:translate3d(20px,0,0);}
    100% { transform:translate3d(20px,0,0);}
}


/* =========================================================================================================
--> DISHES
========================================================================================================= */
section#dishes{
    background:#e59f8a;min-height:100%;height:100%;width:100%;position:relative;
    overflow:hidden;
}
#dishes .page_content{
    position:absolute;top:0 !important;left:0;opacity:1 !important;clip: rect(auto,auto,auto,auto);height:100% !important;width:100% !important;overflow:hidden;
}
.dishes_bg{position:fixed;bottom:0px;left:0%;background:url(../images/dishes_bg.png) center bottom fixed no-repeat;display:block;height:100%;max-height:452px;width:100%;z-index:2;}
/*.dishes_bg_02{position:fixed;bottom:0%;left:0%;background:url(../images/dishes_bg_02.png)  center top no-repeat;display:block;height:244px;max-height:244px;width:100%;z-index:20;}*/
.fotistika{
    position:fixed;top:0px;left:0%;background:url(../images/fotistika.png) center top no-repeat;display:block;height:100%;max-height:319px;width:100%;z-index:1;
}

#dishes .white_box{
    top:50%;z-index:10;width:300px;margin-left:-160px;margin-top:-257px;filter: alpha(opacity=0);opacity:0;left:50%;z-index:2;
    font-size:12px;line-height:18px;color:#8f7f6c;text-align:center;font-family:'pf_catalogregular';position:fixed;height:555px;
}
#dishes.active .white_box{
    -webkit-transform:translate3d(0,-27px,0);
    -moz-transform:translate3d(0,-20px,0);
    -o-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0);

    /*top:50%;*/
    filter: alpha(opacity=100);opacity:1;
    -webkit-transition: -webkit-transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
    -moz-transition: -moz-transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
    -o-transition: -o-transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
    transition: transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
}
#dishes.active .white_box div{position:relative;width:100%;height:97px;margin-bottom:5px;}
#dishes.active .white_box div span.hover_l, #dishes.active .white_box div span.hover_r{
    filter: alpha(opacity=0);opacity:0;left:0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
#dishes.active .white_box div a{display:block;width:100%;height:100%;margin:0;padding:0;}
#dishes.active .white_box div span.hover_r{left:50%;}
#dishes.active .white_box div:hover{cursor:pointer;}
#dishes.active .white_box div:hover span.hover_l, #dishes.active .white_box div:hover span.hover_r{
    background: rgba(0,0,0,0.3) url(../images/hover_zoom.png) center center no-repeat;filter: alpha(opacity=100);opacity:1;
    position:absolute;top:0;width:50%;height:100%;display:block;

}
#dishes.active .white_box div:hover span.hover_l{
    border-top-left-radius:5px;
    border-bottom-left-radius: 5px;
}
#dishes.active .white_box div:hover span.hover_r{
    border-top-right-radius:5px;
    border-bottom-right-radius: 5px;
}
/* =========================================================================================================
--> TYPE
========================================================================================================= */
section#type{
    background:#d7c8c9 fixed no-repeat;min-height:100%;width:100%;position:relative;
    clip: rect(auto,auto,auto,auto);overflow:hidden;
}
/*
.type_bg{position:fixed;bottom:0px;left:0%;background:url(../images/dishes_bg.png)  center bottom no-repeat;display:block;height:452px;max-height:452px;width:100%;z-index:1;}
/*.dishes_bg_02{position:fixed;bottom:0%;left:0%;background:url(../images/dishes_bg_02.png)  center top no-repeat;display:block;height:244px;max-height:244px;width:100%;z-index:20;}*/

.type_cloud{
    display:block;position:absolute;/*top:0px;left:0%;width:100%;height:100%;z-index:0;
    -webkit-transition: top 0.2s linear, left 0.2s linear;
    -moz-transition: top 0.2s linear, left 0.2s linear;
    -o-transition: top 0.2s linear, left 0.2s linear;
    transition: top 0.2s linear, left 0.2s linear;*/
}
.type_sun{background:url(../images/type_sun.png) calc(50% - 93px) 20% fixed no-repeat;top:0px;left:0%;width:100%;height:100%;z-index:0;}

.type_cloud_tl{
    /*background:url(../images/type_cloud_tl.png) calc(50% - 500px) 20% fixed no-repeat;*/
    background:url(../images/type_cloud_tl.png) 0 0 no-repeat;width:143px;height:108px;z-index:1;top:20%;left:50%;margin-left:-500px;
    background-size:100% 100%;
    /*-webkit-animation: type_cloud_br_move 17s infinite ease;
    -moz-animation:    type_cloud_br_move 17s infinite ease;
    -o-animation:      type_cloud_br_move 17s infinite ease;
    animation:         type_cloud_br_move 17s infinite ease; */
}
.type_cloud_tr{
    /*background:url(../images/type_cloud_tr.png) calc(50% + 460px) 20% fixed no-repeat;*/
    background:url(../images/type_cloud_tr.png) 0 0 no-repeat;width:209px;height:123px;z-index:1;top:20%;left:50%;margin-left:460px;
    background-size:100% 100%;
    /*-webkit-animation: type_cloud_br_move_rev 18s infinite ease;
    -moz-animation:    type_cloud_br_move_rev 18s infinite ease;
    -o-animation:      type_cloud_br_move_rev 18s infinite ease;
    animation:         type_cloud_br_move_rev 18s infinite ease; */
}

.type_cloud_bl_01{
    background:url(../images/type_cloud_bl_01.png) 0 0 no-repeat;width:264px;height:191px;z-index:1;bottom:12%;left:50%;margin-left:-660px;margin-bottom:200px;
    background-size:264px 191px;
    -webkit-animation: type_cloud_br_move_rev 6s infinite ease; /* Safari 4+ */
    -moz-animation:    type_cloud_br_move_rev 6s infinite ease; /* Fx 5+ */
    -o-animation:      type_cloud_br_move_rev 6s infinite ease; /* Opera 12+ */
    animation:         type_cloud_br_move_rev 6s infinite ease; /* IE 10+, Fx 29+ */
}
.type_cloud_bl_02{
    /*background:url(../images/type_cloud_bl_02.png) calc(50% - 420px) calc(100% - 289px) fixed no-repeat;*/
    background:url(../images/type_cloud_bl_02.png) 0 0 no-repeat;width:324px;height:190px;z-index:1;bottom:12%;left:50%;margin-left:-520px;margin-bottom:109px;
    background-size:324px 190px;
    -webkit-animation: type_cloud_br_move 5s infinite ease; /* Safari 4+ */
    -moz-animation:    type_cloud_br_move 5s infinite ease; /* Fx 5+ */
    -o-animation:      type_cloud_br_move 5s infinite ease; /* Opera 12+ */
    animation:         type_cloud_br_move 5s infinite ease; /* IE 10+, Fx 29+ */
}
.type_cloud_bl_03{
    /*background:url(../images/type_cloud_bl_03.png) calc(50% - 450px) calc(100% - 180px) fixed no-repeat;*/
    background:url(../images/type_cloud_bl_03.png) 0 0 no-repeat;width:312px;height:178px;z-index:1;bottom:12%;left:50%;margin-left:-450px;
    background-size:312px 178px;
    -webkit-animation: type_cloud_br_move_rev 4s infinite ease; /* Safari 4+ */
    -moz-animation:    type_cloud_br_move_rev 4s infinite ease; /* Fx 5+ */
    -o-animation:      type_cloud_br_move_rev 4s infinite ease; /* Opera 12+ */
    animation:         type_cloud_br_move_rev 4s infinite ease; /* IE 10+, Fx 29+ */
}

.type_cloud_br_01{
    /*background:url(../images/type_cloud_br_01.png) calc(50% + 390px) calc(100% - 259px) fixed no-repeat;z-index:0;*/position:absolute;
    background:url(../images/type_cloud_br_01.png) 0 0 no-repeat;width:287px;height:159px;z-index:1;bottom:10%;left:50%;margin-left:390px;margin-bottom:120px;
    background-size:100% 100%;
    -webkit-animation: type_cloud_br_move 5s infinite ease; /* Safari 4+ */
    -moz-animation:    type_cloud_br_move 5s infinite ease; /* Fx 5+ */
    -o-animation:      type_cloud_br_move 5s infinite ease; /* Opera 12+ */
    animation:         type_cloud_br_move 5s infinite ease; /* IE 10+, Fx 29+ */
}
.type_cloud_br_02{
    /*background:url(../images/type_cloud_br_02.png) calc(50% + 560px) calc(100% - 139px) fixed no-repeat;z-index:1;*/
    background:url(../images/type_cloud_br_02.png) 0 0 no-repeat;width:359px;height:209px;z-index:1;bottom:10%;left:50%;margin-left:460px;
    background-size:100% 100%;
    -webkit-animation: type_cloud_br_move_rev 8s infinite linear; /* Safari 4+ */
    -moz-animation:    type_cloud_br_move_rev 8s infinite linear; /* Fx 5+ */
    -o-animation:      type_cloud_br_move_rev 8s infinite linear; /* Opera 12+ */
    animation:         type_cloud_br_move_rev 8s infinite linear; /* IE 10+, Fx 29+ */
}

@keyframes type_cloud_tl_move {
    0%   { transform:translate3d(0px,0,0);}
    25%  { transform:translate3d(15px,0,0);}
    30%  { transform:translate3d(15px,0,0);}
    90% { transform:translate3d(-15px,0,0);}
    95% { transform:translate3d(0px,0,0);}
    100% { transform:translate3d(0px,0,0);}
}
@keyframes type_cloud_tr_move {
    0%   { transform:translate3d(0px,0,0);}
    25%  { transform:translate3d(-15px,0,0);}
    30%  { transform:translate3d(-15px,0,0);}
    90% { transform:translate3d(15px,0,0);}
    95% { transform:translate3d(0px,0,0);}
    100% { transform:translate3d(0px,0,0);}
}
@keyframes type_cloud_bl_move {
    0%   { transform:translate3d(0px,0,0);}
    45%  { transform:translate3d(100px,0,0);}
    50%  { transform:translate3d(100px,0,0);}
    95% { transform:translate3d(0px,0,0);}
    100% { transform:translate3d(0px,0,0);}
}

@-webkit-keyframes type_cloud_br_move {
    0%   { -webkit-transform:translate3d(0px,0px,0);}
    25%  { -webkit-transform:translate3d(0px,3px,0);}
    75%  { -webkit-transform:translate3d(0px,-3px,0);}
    100% { -webkit-transform:translate3d(0px,0px,0);}
}
@keyframes type_cloud_br_move {
    0%   { transform:translate3d(0px,0px,0);}
    25%  { transform:translate3d(0px,3px,0);}
    75%  { transform:translate3d(0px,-3px,0);}
    100% { transform:translate3d(0px,0px,0);}
}

@-webkit-keyframes type_cloud_br_move_rev {
    0%   { -webkit-transform:translate3d(0px,0px,0);}
    25%  { -webkit-transform:translate3d(0px,-5px,0);}
    75%  { -webkit-transform:translate3d(0px,5px,0);}
    100% { -webkit-transform:translate3d(0px,0px,0);}
}
@keyframes type_cloud_br_move_rev {
    0%   { transform:translate3d(0px,0px,0);}
    25%  { transform:translate3d(0px,-5px,0);}
    75%  { transform:translate3d(0px,5px,0);}
    100% { transform:translate3d(0px,0px,0);}
}

ul.mini_slider{display:block;width:335px;height:114px;padding:0;margin:0;list-style:none;overflow:hidden;position:relative;}
ul.mini_slider li{
    position:absolute;left:100%;top:0;width:100%;height:100%;
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
}
ul.mini_slider li.left{left:-100%;filter: alpha(opacity=100);opacity:1;}
ul.mini_slider li.center{left:0;filter: alpha(opacity=100);opacity:1;}
ul.mini_slider li.right{
    left:100%;filter: alpha(opacity=0);opacity:0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.slider_controls ul, .slider_controls li{list-style:none;margin:0;padding:0;}
.slider_controls{display:block;position:relative;width:100%;height:8px;z-index:323;text-align:center;}
.slider_control{display:inline-block;width:12px;height:8px;background:url(../images/slider_controls.png) 0 0 no-repeat;cursor:pointer;}
.slider_control.active{background-position:0 -8px;}

.flying_box{
    display:block;padding:55px 257px 32px 86px;width:335px;height:100px;position:absolute;top:50%;margin-top:-98px;right:50%;margin-left:420px;z-index:15;background:url(../images/flying_box.png) no-repeat;color:#8e7f6c;font-size:13px;font-family:'pf_catalogregular';text-align:center;filter: alpha(opacity=0);opacity:0;
}

#type.active .flying_box{
    -webkit-animation: fly 3s forwards linear 1s;
    -moz-animation:    fly 3s forwards linear 1s;
    -o-animation:      fly 3s forwards linear 1s;
    animation:         fly 3s forwards linear 1s;
}

@-webkit-keyframes fly {
    0%   { -webkit-transform:translate3d(70px,1%,0);filter: alpha(opacity=0);opacity:0; }
    20%  { -webkit-transform:translate3d(140px,-2%,0);filter: alpha(opacity=50);opacity:0.5;}
    40%  { -webkit-transform:translate3d(210px,2%,0);filter: alpha(opacity=100);opacity:1;}
    60%  { -webkit-transform:translate3d(280px,-2%,0);filter: alpha(opacity=100);opacity:1;}
    80%  { -webkit-transform:translate3d(350px,2%,0);}
    100% { -webkit-transform:translate3d(420px,-1%,0);filter: alpha(opacity=100);opacity:1;}
}
@-moz-keyframes fly{
    0%   { -moz-transform:translate3d(70px,1%,0);filter: alpha(opacity=0);opacity:0; }
    20%  { -moz-transform:translate3d(140px,-2%,0);filter: alpha(opacity=50);opacity:0.5;}
    40%  { -moz-transform:translate3d(210px,2%,0);filter: alpha(opacity=100);opacity:1;}
    60%  { -moz-transform:translate3d(280px,-2%,0);filter: alpha(opacity=100);opacity:1;}
    80%  { -moz-transform:translate3d(350px,2%,0);}
    100% { -moz-transform:translate3d(420px,-1%,0);filter: alpha(opacity=100);opacity:1;}
}
@-o-keyframes fly {
    0%   { -o-transform:translate3d(70px,1%,0);filter: alpha(opacity=0);opacity:0; }
    20%  { -o-transform:translate3d(140px,-2%,0);filter: alpha(opacity=50);opacity:0.5;}
    40%  { -o-transform:translate3d(210px,2%,0);filter: alpha(opacity=100);opacity:1;}
    60%  { -o-transform:translate3d(280px,-2%,0);filter: alpha(opacity=100);opacity:1;}
    80%  { -o-transform:translate3d(350px,2%,0);}
    100% { -o-transform:translate3d(420px,-1%,0);filter: alpha(opacity=100);opacity:1;}
}

@keyframes fly {
    0%   { transform:translate3d(70px,1%,0);filter: alpha(opacity=0);opacity:0; }
    20%  { transform:translate3d(140px,-2%,0);filter: alpha(opacity=50);opacity:0.5;}
    40%  { transform:translate3d(210px,2%,0);filter: alpha(opacity=100);opacity:1;}
    60%  { transform:translate3d(280px,-2%,0);filter: alpha(opacity=100);opacity:1;}
    80%  { transform:translate3d(350px,2%,0);}
    100% { transform:translate3d(420px,-1%,0);filter: alpha(opacity=100);opacity:1;}
}


@-webkit-keyframes spin {
    from   { -webkit-transform:rotate(0deg); }
    to     { -webkit-transform:rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform:rotate(10deg); }
    to   { -moz-transform:rotate(360deg); }
}
@-o-keyframes spin {
    from   { -o-transform:rotate(0deg); }
    to     { -o-transform:rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(10deg); }
    to   { transform:rotate(360deg); }
}

/* =========================================================================================================
--> GALLERY
========================================================================================================= */
section#gallery{
    background:#d9ebdf;min-height:100%;/*min-height:832px;*/height:100%;position:relative;
    overflow:hidden;
}
section#gallery .page_content{
    position:absolute;top:0 !important;left:0;opacity:1 !important;clip: rect(auto,auto,auto,auto);height:100% !important;width:100% !important;
}
.gallery_bg{
    position:fixed;bottom:0px;left:0%;background:url(../images/gallery_bg.png) center bottom fixed no-repeat;display:block;height:100%;width:100%;z-index:1;
}
#gallery .white_box{
    top:50%;z-index:10;height:auto;opacity:0;filter: alpha(opacity=0);
    font-size:12px;line-height:18px;color:#8f7f6c;text-align:center;font-family:'pf_catalogregular';position:fixed;
}
#gallery.active .white_box{
    top:50%;height:auto;margin-top:-243px;
    /*
    -webkit-transition: top 3.5s ease 0.5s, opacity 0.5s ease 0.5s;
    -moz-transition: top 3.5s ease 0.5s, opacity 0.5s ease 0.5s;
    -o-transition: top 3.5s ease 0.5s, opacity 0.5s ease 0.5s;
    transition: top 3.5s ease 0.5s, opacity 0.5s ease 0.5s;
    */
    filter: alpha(opacity=100);opacity:1;
    -webkit-transform:translate3d(0,-57px,0);
    -moz-transform:translate3d(0,-57px,0);
    -o-transform:translate3d(0,-57px,0);
    transform:translate3d(0,-57px,0);
    -webkit-transition: -webkit-transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
    -moz-transition: -moz-transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
    -o-transition: -o-transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
    transition: transform 0.5s ease 0.7s, opacity 0.5s ease 0.7s;
}

.photo_album, .video_gallery{display:block;width:100%;max-width:334px;min-height:208px;margin:0 auto;position:relative;}

.photo_album ul{list-style:none;position:relative;padding:0;margin:0;width:100%;max-width:334px;height:auto;min-height:250px;overflow:hidden;display:block;}
.photo_album ul li{
    position:absolute;left:100%;top:0;width:100%;height:100%;z-index:4;max-width:100%;
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
}
.photo_album ul li img{width:100%;height:auto;max-width:100%;}
.photo_album ul li.repos{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.photo_album ul li.center{left:0;}
.photo_album ul li.left{left:-100%;}
.photo_album ul li.right{left:100%;}
.prev_arrow, .next_arrow{display:block;position:absolute;z-index:15;top:90px;cursor:pointer;width:20px;height:28px;}
.prev_arrow{background:url(../images/prev_arrow.svg) no-repeat;left:5px;}
.next_arrow{background:url(../images/next_arrow.svg) no-repeat;right:5px;}

/* =========================================================================================================
--> CONTACT
========================================================================================================= */
#contact{
    background:#afb6bb;overflow:visible;height:auto;filter: alpha(opacity=100);opacity:1 !important;
}
#contact .page_content{height:auto;z-index:25;position:absolute;z-index:20;background:#afb6bb;filter: alpha(opacity=100);opacity:1 !important;}
.contact_container{
    display:block;width:100%;max-width:550px;margin:0 auto;color:#fff;font-size:13px;text-align:center;padding-top:100px;
}
.contact_container a{color:#fff;text-decoration:none;}
.map{display:block;width:100%;height:280px;margin:20px 0;position:relative;}
#map, #map2{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;}

.facebook{display:inline-block;width:24px;height:19px;background:url(../images/facebook.svg) no-repeat;background-size:100%;cursor:pointer;margin-left:10px;}
.mail{display:inline-block;width:24px;height:19px;background:url(../images/mail.svg) no-repeat;background-size:100%;cursor:pointer;}

footer{background:#87939b;height:30px;width:100%;display:block;text-align:center;font-size:12px;line-height:30px;clear:both;position:absolute;color:#fff;left:0;bottom:0;z-index:30;}
footer a{color:#fff;text-decoration:none;}


@media all and (max-height: 700px) {
    .logo{height:170px;}
    .logo_sub{height:40px;}
    .logo img, .logo_sub img{height:100%;width:auto;}
    .home_banner{height:100px;bottom:25%;}
    .fotistika{top:-80px;}
}

.mob{display:none;}

@font-face {
    font-family: 'pf_catalogregular';
    src: url('pfcatalog-regular-webfont.eot');
    src: url('pfcatalog-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('pfcatalog-regular-webfont.woff2') format('woff2'),
    url('pfcatalog-regular-webfont.woff') format('woff'),
    url('pfcatalog-regular-webfont.ttf') format('truetype'),
    url('pfcatalog-regular-webfont.svg#pf_catalogregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media only screen and (min-width: 700px) and (max-width: 889px){
    .logo_alt{margin-left:-360px;}
}
@media only screen and (max-device-width: 360px), screen and (max-width: 700px) {
    .logo{height:120px;margin-top:65px;}
    .logo img, .logo_sub img{width:120px;height:auto;}
    .home_banner{bottom:15%;}
    .down_arrow{bottom:20px;}
    .gr{bottom:30px;}
    .en{bottom:32px;}
    #home{position:relative;}
    .logo_alt{
        display:block;position:fixed;top:10px;left:2%;width:30px;height:30px;background-size:contain;z-index:999;margin:0;/*filter: alpha(opacity=100);opacity:1 !important;*/
        background-image:url(../images/logo_alt_sm.svg);background-repeat:no-repeat;
    }
    .menu{display:none !important;}
    .mob{display:block;}
    .mob .menu{display:block !important;background:none;}
    .white_box{width:90% !important;max-width:90%;padding-left:3%;padding-right:3%;margin:0 2% 0 2% !important;left:0 !important;}
    .white_box img,#dishes.active .white_box div{max-width:100%;height:auto;}
    .white_box div.categories{display:block;max-width:100%;width:100%;}
    .white_box .categories img{max-width:100%;display:block;width:100%;height:auto;}
    #history{min-height:100%;height:auto;}
    .fork, .hat, .bike{display:none;}
    #history .white_box, #history.active .white_box,
    #philosophy .white_box, #philosophy.active .white_box,
    #team .white_box, #team.active .white_box,
    #dishes .white_box, #dishes.active .white_box,
    #type .white_box, #type.active .white_box,
    #gallery .white_box, #gallery.active .white_box
    {
        top:0px;margin-top:0 !important;z-index:99;height:auto;max-height:100%;position:relative;filter: alpha(opacity=100);opacity:1 !important;
        padding-left:3% !important;padding-right:3% !important;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        transition: all 0s ease 0s;
    }
    #dishes{padding-bottom:80px;}
    .mob ul.menu{margin:0;left:0;width:100%;background:#ead7bc;height:100% !important;top:-100%;padding:0% 0 0% 0 !important;}
    .mob ul.menu li{display:block;position:relative;height:22px;clear:both;float:none;text-align:center;margin:15px auto !important;left:0 !important;;padding:0 !important;}
    .mob ul.menu li:first-child{margin-top:75px !important;}
    .mob ul.menu.open{
        top:0;
    }
    .menu_toggle{
        display:block;position:fixed;margin:0;cursor:pointer;top:0px;right:15px;z-index:999;width:20px;height:40px;
    }
    .bar1{
        display:block;width:20px;height:3px;background-color:#4d4d4d;position:absolute;top:15px;left:0px;z-index:100;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .bar2{
        display:block;width:20px;height:3px;background:#4d4d4d;position:absolute;top:20px;left:0px;z-index:100;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .bar3{
        display:block;width:20px;height:3px;background:#4d4d4d;position:absolute;top:25px;left:0px;z-index:100;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .menu_toggle.open .bar1{
        top:20px;width:20px;left:0px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu_toggle.open .bar2{
        top:20px;width:20px;left:0px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);

    }
    .menu_toggle.open .bar3{
        top:20px;width:20px;left:0px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #dishes.active .white_box{
        -webkit-transform:translate3d(0,0,0) !important;
        -moz-transform:translate3d(0,0,0) !important;
        -o-transform:translate3d(0,0,0) !important;
        transform:translate3d(0,0,0) !important;
    }

    .page_content{
        position:relative;display:block;width:100%;height:auto !important;min-height:100%;filter: alpha(opacity=100);opacity:1 !important;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        transition: all 0s ease 0s;
    }
    .home_top_01, .home_top_02{display:none;}
    .history_bg, .history_fruits, .history_cloud_01, .history_cloud_02, .history_cloud_03,
    .philosophy_bg1, .philosophy_bg2, .team_bg_01, .team_bg_02, .dishes_bg, .team_bg_01 ,.team_bg_02, .gallery_bg,
    .fotistika, .brokolo, .kounia
    {display:none !important;}

    section#history, section#philosophy, section#team, section#dishes, section#type, section#gallery{display:block;position:relative;height:auto;min-height:100%;}
    .page_content{padding:55px 0;position:relative;height:auto;clip:auto;}
    #contact .page_content{padding-bottom:0;}
    .white_box{position:relative !important;}
    .cloud{display:none !important;}

    #type .flying_box{
        padding:3%;background:none #fff;position:relative;width:90%;margin:0;height:auto;padding-top:20px;
        /*top:0;left:0;*/left:2%;top:0%;filter: alpha(opacity=100);opacity:1 !important;
    }
    #type.active .flying_box{
        -webkit-animation: none;
        -moz-animation:    none;
        -o-animation:      none;
        animation:         none;
    }
    ul.mini_slider{width:90%;padding:25% 5%;}
    .mini_slider li{max-width:80%;padding:30px 10% 0 10%;}
    .slider_controls{padding:20px 0;}
    #gallery{min-height:700px;overflow:hidden;}
    #gallery.active .white_box, #gallery .white_box{
        top:0;margin-top:0;
        -webkit-animation: none;
        -moz-animation:    none;
        -o-animation:      none;
        animation:         none;
    }
    .contact_container{padding-top:0;}
    footer{font-size:11px;}
    .logo_alt_top, .logo_alt_bottom{display:none;}
    section#gallery .page_content{position:relative;padding:55px 0;}
    #gallery.active .white_box, #gallery .white_box{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
}

@media only screen and (max-device-width: 320px){

    footer{font-size:10px;}
}

.video_gallery ul, .video_gallery li{list-style:none;margin:0;padding:0;width:100%;height:100%;max-width:334px;}
.video_gallery li span{display:block;position:relative;width:100%;height:100%;}
.vid_hover{display:block;background:url(../images/video_hover.png) center center no-repeat;width:100%;height:100%;position:relative;top:0;left:0;z-index:100;}

.playVid, .openGallery{
    cursor:pointer;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.popup{
    position:fixed;display:none;width:100%;height:100%;top:0;left:0;z-index:499;background:rgba(0,0,0,0.7);
}
.popup video{position:absolute;top:0;left:0;z-index:999;min-width:300px;min-height:150px;}
.popup_content{
    display:block;position:fixed;z-index:500;top:50%;left:50%;width:720px;height:576px;margin:-291px 0 0 -363px;background:#000;padding:3px;
}
.video_gallery img:hover{

}

.certificate-of-excellence{color:#000 !important;text-align:center;font-size:15px;width:100%;padding-top:15px;display:block;}