@keyframes small_header {
    0% { height:80px; line-height:80px;}
    100% { height:60px;line-height:60px;}
}
@-moz-keyframes small_header {
    0% { height:80px; line-height:80px;}
    100% { height:60px;line-height:60px;}
}
@-webkit-keyframes small_header {
    0% { height:80px; line-height:80px;}
    100% { height:60px;line-height:60px;}
}

@-o-keyframes small_header {
    0% { height:80px; line-height:80px;}
    100% { height:60px;line-height:60px;}
}
@-ms-keyframes small_header {
    0% { height:80px; line-height:80px;}
    100% { height:60px;line-height:60px;}
}






@keyframes fadeUp {
    0% { opacity: 0;transform:translateY(-20px);}
    100% { opacity: 1;transform:translateY(0px);}
}
@-moz-keyframes fadeUp {
    0% {opacity: 0; transform:translateY(-20px);}
    100% {opacity: 1; transform:translateY(0px);}
}
@-webkit-keyframes fadeUp {
    0% {opacity: 0;-webkit-transform:translateY(-20px);}
    100% {opacity: 1; -webkit-transform:translateY(0px);}
}

@-o-keyframes fadeUp {
    0% { opacity: 0;-o-transform:translateY(-20px);}
    100% { opacity: 1;-o-transform:translateY(0px);}
}
@-ms-keyframes fadeUp {
    0% { opacity: 0;-ms-transform:translateY(-20px);}
    100% { opacity: 1;-ms-transform:translateY(0px);}
}

@keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-moz-keyframes fadeIn {
    0% {opacity: 0; }
    100% {opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1; }
}
@-o-keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-ms-keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
}


@keyframes zoomIn {
    0%{ transform: scale(0.8);}
    60%{ transform: scale(1.1);}
    100% { transform: scale(1);}
}
@-moz-keyframes zoomIn {
    0%{ transform: scale(0);}
    60% { transform: scale(1.1);}
    100% { transform: scale(1);}
}
@-webkit-keyframes zoomIn {
    0%{ -webkit-transform: scale(0.8);}
    60% { -webkit-transform: scale(1.1);}
    100% { -webkit-transform: scale(1);}
}
@-o-keyframes zoomIn {
    0%{ -o-transform: scale(0);}
    90% { -o-transform: scale(1.1);}
    100% { -o-transform: scale(1);}
}
@-ms-keyframes zoomIn{
    0%{ -ms-transform: scale(0);}
    60% { -ms-transform: scale(1.1);}
    100% { -ms-transform: scale(1);}
}
@keyframes moveup{
    0% { margin-top:-20px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}
@-moz-keyframes moveup {
    0% { margin-top:-20px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}
@-webkit-keyframes moveup {
    0% { margin-top:-20px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}

@-o-keyframes movedown {
    0% { margin-top:40px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}
@-ms-keyframes movedown {
    0% { margin-top:40px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}
@keyframes movedown{
    0% { margin-top:40px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}
@-moz-keyframes movedown {
    0% { margin-top:40px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}
@-webkit-keyframes movedown {
    0% { margin-top:40px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}

@-o-keyframes movedown {
    0% { margin-top:40px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}
@-ms-keyframes movedown {
    0% { margin-top:40px;opacity: 0;}
    100% { margin-top:0px; opacity: 1;}
}

@keyframes moveleft {
    0% { transform:translateX(20%); opacity: 0;}
    100% { transform:translateX(0); opacity: 1;}
}
@-moz-keyframes moveleft {
    0% { transform:translateX(20%); opacity: 0;}
    100% { transform:translateX(0); opacity: 1;}
}
@-webkit-keyframes moveleft {
    0% {-webkit-transform:translateX(20%); opacity: 0;}
    100% { -webkit-transform:translateX(0); opacity: 1;}
}

@-o-keyframes moveleft {
    0% { -o-transform:translateX(20%); opacity: 0;}
    100% { -o-transform:translateX(0); opacity: 1;}
}
@-ms-keyframes moveleft {
    0% { -ms-transform:translateX(20%); opacity: 0;}
    100% { -ms-transform:translateX(0); opacity: 1;}
}
@keyframes moveright {
    0% { transform:translateX(-40%); opacity: 0;}
    100% { transform:translateX(0); opacity: 1;}
}
@-moz-keyframes moveright {
    0% { transform:translateX(-40%); opacity: 0;}
    100% { transform:translateX(0); opacity: 1;}
}
@-webkit-keyframes moveright {
    0% {-webkit-transform:translateX(-40%); opacity: 0;}
    100% { -webkit-transform:translateX(0); opacity: 1;}
}

@-o-keyframes moveright {
    0% { -o-transform:translateX(-40%); opacity: 0;}
    100% { -o-transform:translateX(0); opacity: 1;}
}
@-ms-keyframes moveright {
    0% { -ms-transform:translateX(-40%); opacity: 0;}
    100% { -ms-transform:translateX(0); opacity: 1;}
}

@keyframes click {
    0% { transform:translateY(0px) translateX(0px);}
    80% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    90% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    100% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
}
@-moz-keyframes click {
    0% { transform:translateY(0px) translateX(0px);}
    80% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    90% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    100% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
}
@-webkit-keyframes click {
    0% { -webkit-transform:translateY(0px) translateX(0px);}
    80% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    90% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    100% { -webkit-transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
}

@-o-keyframes click {
    0% { -o-transform:translateY(0px) translateX(0px);}
    80% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
    90% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
    100% { -o-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
}
@-ms-keyframes click {
    0% { -ms-transform:translateY(0px) translateX(0px);}
    80% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
    90% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
    100% { -ms-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
}



#header.small_header,#header.small_header .nav,#header.small_header .nav ul{ height:60px; line-height:60px;}
#header.small_header .header .logo{ padding-top:0px;}


.small_header{-webkit-animation: small_header 0.5s ease;
    -moz-animation: small_header 0.5s ease;
    -o-animation: small_header 0.5s ease;
    animation: small_header 0.5s ease;

}

.fadeIn{-webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
    -o-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;}
.moveup{-webkit-animation: moveup 1s ease;
    -moz-animation: moveup 1s ease;
    -o-animation: moveup 1s ease;
    animation: moveup 1s ease;

}
.movedown{-webkit-animation: movedown 4s ease;
    -moz-animation: movedown 4s ease;
    -o-animation: movedown 4s ease;
    animation: movedown 4s ease;

}
.zoomin{-webkit-animation: zoomIn 1s ease;
    -moz-animation: zoomIn 1s ease;
    -o-animation: zoomIn 1s ease;
    animation: zoomIn 1s ease;

}
#item5 .zoomin{-webkit-animation: zoomIn 3s ease;
    -moz-animation: zoomIn 3 ease;
    -o-animation: zoomIn 3s ease;
    animation: zoomIn 3s ease;

}
#item1 .item .img,#item1 .item .txt,#item2 .item .txt,#item2 .img_area,#item3 .item .txt,#item4 .txt h1,#item4 .txt p,#item4 .txt .color,#item5 .item{ display:none;}
#item1 .item .moveright,#item1 .item .moveup,#item1 .item .movedown, #item2 .item .moveright,#item2 .zoomin,#item3  .item .moveleft,#item3  .item .moveright,#item4 .txt .moveright,#item4 .txt .moveleft,#item4 .txt .moveright,#item5 .zoomin,#item5 .fadeIn{ display:block;}
.moveright{
	-webkit-animation: moveright 2s ease;
    -moz-animation: moveright 2s ease;
    -o-animation: moveright 2s ease;
    animation: moveright 2s ease;
    -webkit-moveright-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}
.moveleft{
	-webkit-animation: moveleft 2s ease;
    -moz-animation: moveleft 2s ease;
    -o-animation: moveleft 2s ease;
    animation: moveleft 2s ease;
    -webkit-moveleft-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;

}
#item1 .moveleft{-webkit-animation: moveleft 5s ease;
    -moz-animation: moveleft 5s ease;
    -o-animation: moveleft 5s ease;
    animation: moveleft 5s ease;
    -webkit-moveleft-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}
.slide_img .flex-direction-nav{-webkit-animation: fadeIn 10s ease;
    -moz-animation: fadeIn 10s ease;
    -o-animation: fadeIn 10s ease;
    animation: fadeIn 10s ease;
    -webkit-fadeIn-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;}