﻿﻿/* footer */
body .g-footer .gft-links,
body .g-footer .gft-links a{ color:#343030;}
body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ color:#343030;} 
body #footer{background: #f5ece7;}
.fl{float: left;}
.fr{float: right;}
.inner{width: 1200px;margin: 0 auto;text-align: left;font-family: "Microsoft Yahei";position: relative;}
.wraper{background: url(../images/bg.jpg) center top no-repeat;overflow: hidden;}
.header,.header .inner{height: 824px;background: url(../images/banner.jpg) center top no-repeat;}
.area6,.area6 .inner{background: #f5ece7;height: 85px;}
.area .title{width: 100%;text-align: center;opacity: 0;}
.btn{background-image: url(../images/btn.png);background-repeat: no-repeat;display: block;width: 57px;height: 24px;position: absolute;}
.prev{background-position: left top;}
.next{background-position: right top;}
/* header */
.header .logo{position: absolute;left: 40px;top: 50px;opacity: 0;}
.header .title{position: absolute;left: 285px;top: 120px;}
.header .fly{position: absolute;left: 106px;top: 248px;}
/* area1 */
.area1 .title{padding: 75px 0 20px;}
.advertise{position: relative;height: 765px;opacity: 0;}
.demo-wrap .demo{width:1200px;height:681px;margin:0 auto;position:relative;-webkit-user-select:none;}
.slide-wrap{overflow:hidden; width:1200px;height:681px;margin:0 auto;position:relative;}
.slide-wrap li{display:none;overflow:hidden;width:506px;position:absolute;z-index:0;height: 681px;background: url(../images/slidebg.png) center top no-repeat;background-size: 100% 100%;}
.slide-wrap .adver a{text-decoration:none;border:none;outline:none;}
.slide-wrap .pic-tit{overflow:hidden; width:100%;height:65px;line-height:65px;background:#1CA297;position:absolute;bottom:2px;left:0;z-index:99999;font-size:14px;text-align:center;color:#FFF;display: none;}
.slide-wrap .active .pic-tit{display: block;}
.slide-wrap img{border:none;outline:none;width: 100%;margin: 0 auto;}
.slide-wrap .pos1{display:block;width:363px;height:485px;top:60px;left:0;z-index:1;}
.slide-wrap .pos2{display:block;width:452px;height:609px;top:35px;left:12%;z-index:2;}
.slide-wrap .pos3{display:block;width:506px;height:681px;top:0;left:28%;z-index:3;}
.slide-wrap .pos4{display:block;width:452px;height:609px;top:35px;right:12%;z-index:2;}
.slide-wrap .pos5{display:block;width:363px;height:485px;top:60px;right:0;z-index:1;}
.slide-wrap .adver{overflow:hidden;position:relative;text-align: center;height: 100%;}
.advertise .arrow{width:57px;height:24px;background-image:url(../images/btn.png);background-repeat:no-repeat; position:absolute;top:50%;z-index:10;cursor:pointer;margin-top: -12px;}
.advertise .prev{background-position:0 0; left:-80px;}
.advertise .next{background-position:right 0; right:-80px;}
.adver span{display: block;text-align: center;}
.adver .english{font-size: 24px;color: #763532;padding-top: 50px;}
.adver .name{color: #763532;font-size: 24px;padding-bottom: 25px;}
.adver .name i{display: inline-block;padding: 0 15px;}
.adver .pic{padding: 0 35px;}
.adver .line{width: 82px;height: 4px;font-size: 0;line-height: 0;background: #763532;margin: 20px auto;}
.adver .txt{line-height: 30px;color: #343030;padding: 0 40px;}
.adver .txt .p1{font-size: 20px;}
.adver .txt .p2{font-size: 18px;}
/* area2 */
.area2 .title{padding-bottom: 45px;}
.booklet{position:relative; margin:0 auto;}
.booklet .b-page{left:0; top:0; position:absolute; overflow:hidden; padding:0;}
/* Page Wrappers */
.booklet .b-wrap{top:0; position:absolute;}
.booklet .b-pN .b-wrap,.booklet .b-p1 .b-wrap,.booklet .b-p2 .b-wrap,.booklet .b-p3 .b-wrap,.booklet .b-p4 .b-wrap{left:0;}
.booklet .b-p0{right:0;}
/* Page Numbers */
.booklet .b-counter{bottom:10px; position:absolute; display:block; width:50px;color:#763532; text-align:center;font-size:24px;font-style: italic;font-family: "Simsun";}
.booklet .b-wrap-left  .b-counter{left:25px;}
.booklet .b-wrap-right .b-counter{right:25px;}
/* Arrow Controls */
.booklet .b-arrow{display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
.booklet .b-arrow div{display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
.booklet .b-arrow-next{right:-80px;}
.booklet .b-arrow-prev{left:-80px;}
.booklet .b-arrow-next div {background:url("../images/arrow-next.png") no-repeat left top;}
.booklet .b-arrow-prev div {background:url("../images/arrow-prev.png") no-repeat left top;}
/* @z-index fix (needed for older IE browsers)----------------------------------------*/
.booklet{z-index:10;}
.b-pN{z-index:10;}
.b-p0{z-index:10;}
.b-p1{z-index:10;}
.b-p2{z-index:10;}
.b-p3{z-index:10;}
.b-p4{z-index:10;}
.b-prev{z-index:40;}
.b-next{z-index:40;}
.b-counter{z-index:40;}
.booklet .b-wrap-left  {background: url(../images/book.png) no-repeat -108px top;}
.booklet .b-wrap-right {background: url(../images/book.png) no-repeat -602px top;}
.book_wrapper{margin:0 auto;width:1215px;height:730px;position:relative;background:transparent url(../images/book.png) no-repeat center top;padding-bottom: 50px;}
#next_page_button,#prev_page_button{position:absolute;width:57px;height:24px;cursor:pointer;margin-top:-20px;top:50%;background-image: url(../images/btn.png);background-repeat: no-repeat;}
#prev_page_button{left:-90px;background-position: left top;display: none;}
#next_page_button{right:-90px;background-position:right top;}
.story{opacity: 0;}
.story span{display: block;}
.story .txt{font-family: "Microsoft Yahei";font-size: 14px;line-height: 26px;color: #592026;position: relative;}
.story .txt p{padding: 0;margin: 0;}
.story .page1 .pic{margin: 65px 0 0 40px;}
.story .page2 .pic{margin: 65px 0 0 40px;}
.story .page3 .pic{margin: 60px 0 0 60px;}
.story .page4 .pic{margin: 60px 0 0 60px;}
.story .page1 .txt{top: -110px;left: 60px;width: 380px;}
.story .page2 .txt{left: 60px;top: 20px;width: 380px;}
.story .page3 .txt{left: 50px;top: 20px;width: 410px;}
.story .page4 .txt{width: 380px;left: 50px;top: 10px;}
.story .page4 .txt1{display: block;padding-bottom: 30px;}
/* area3 */
.area3 .history{position: relative;width: 100%;height: 790px;top: 40px;padding-bottom: 72px;}
.history .list{position: absolute;overflow: hidden;opacity: 0;}
.history .birds{position: absolute;left: 508px;top: 0;opacity: 0;}
.history .rose{position: absolute;left: 480px;top: 136px;opacity: 0;}
.history span{display: block;}
.history .num{background-image: url(../images/number.png);background-repeat: no-repeat;height: 61px;width: 75px;}
.history .txt{font-size: 14px;line-height: 24px;color: #000;}
.history .list2 .line{width: 257px;height: 10px;border-right: solid 1px #763532;position: absolute;left: 0;top: 215px;}
.history .list6 .line{width: 14px;height: 105px;position: absolute;left: 250px;top: 0;border-bottom: solid 1px #763532;}

.history .list1{left: 0;top: 0;}
.history .list2{left: 0;top: 146px;width: 410px;}
.history .list3{left: 0;top: 395px;width: 490px;}
.history .list4{left: 45px;top: 579px;width: 530px;}
.history .list5{right: 0;top: 15px;width: 475px;}
.history .list6{right: 31px;top: 208px;width: 430px;}
.history .list7{right: 0;top: 380px;width: 350px;}
.history .list8{left: 699px;top: 463px;}
.history .list9{right: 0;top: 580px;width: 310px;}

.history .list1 .img{float: left;}
.history .list2 .img{float: right;}
.history .list3 .img{float: right;}
.history .list4 .img{float: left;}
.history .list5 .img{margin-top: -10px;}
.history .list6 .img{float: right;}
.history .list7 .img{float: right;}

.history .list1 .num{background-position: left top;float: left;margin: 20px 0 0 -10px;}
.history .list2 .num{background-position: -89px top;clear: both;float: left;width: 65px;margin-top: 6px;}
.history .list3 .num{background-position: -157px top;float: right;margin: 54px -20px 0 0;height: 35px;}
.history .list4 .num{background-position: -245px top;float: left;margin-top: 75px;height: 35px;}
.history .list5 .num{background-position: -333px top;width: 50px;margin: 0 0 0 230px;}
.history .list6 .num{background-position: -400px top;margin-top: 83px;width: 50px;height: 40px;}
.history .list7 .num{background-position: -467px top;float: right;margin: 42px -10px 0 0;height: 45px;}
.history .list8 .num{background-position: -567px top;float: left;width: 60px;margin: -30px 0 0 82px;}
.history .list9 .num{background-position: -633px top;float: right;width: 50px;height: 40px;}

.history .list1 .txt{width: 140px;float: left;padding-top: 15px;}
.history .list2 .txt{width: 270px;float: left;}
.history .list3 .txt{width: 285px;float: right;margin-left: 0px;}
.history .list4 .txt{width: 210px;float: left;padding-left: 15px;}
.history .list5 .txt{width: 180px;float: right;}
.history .list6 .txt{width: 255px;}
.history .list7 .txt{width: 200px;float: right;}
.history .list8 .txt{width: 350px;float: left;margin-top: -20px;}
.history .list9 .txt{width: 309px;clear: both;}
/* area4 */
.secret{position: relative;height: 750px;opacity: 0;}
.secret .prev{left: 484px;top: 225px;}
.secret .next{left: 580px;top: 225px;}
.secret .flower,.secret .girl{position: absolute;}
.secret .flower1{left: 36px;top: 191px;}
.secret .flower2{right: 25px;top: 43px;}
.secret .flower3{right: 67px;top: 527px;}
.secret .girl1{left: 247px;top: 330px;}
.secret .girl2{left: 749px;top: 66px;}
.secret .tab{position: relative;width: 564px;height: 635px;left: 336px;top: 32px;font-size: 14px;line-height: 30px;color: #343030;}
.secret .tab ul{width: 100%;height: 100%;}
.secret .tab li{width: 100%;height: 100%;}
.secret .tab li p{width: 345px;display: block;padding-left: 145px;}
.secret .tab .txt1{padding-top: 310px;}
.secret .tab .cnt2 p{width: 320px;line-height: 24px;}
.secret .cnt1{background: url(../images/bg1.png) left top no-repeat;}
.secret .cnt2{background: url(../images/bg2.png) left top no-repeat;}
.secret .cnt3{background: url(../images/bg3.png) left top no-repeat;}
.secret .cnt4{background: url(../images/bg4.png) left top no-repeat;}
.secretCtr li{position: absolute;background-image: url(../images/secret.png);background-repeat: no-repeat;cursor: pointer;overflow: hidden;text-indent: -9999px;}
.secretCtr .ctr1{width: 206px;height: 269px;background-position: -227px top;left: 190px;top: 73px;}
.secretCtr .ctr2{width: 178px;height: 180px;background-position: -645px top;left: 585px;top: 513px;}
.secretCtr .ctr3{width: 199px;height: 202px;background-position: -1061px top;left: 745px;top: -29px;}
.secretCtr .ctr4{width: 209px;height: 211px;background-position: right top;left: 761px;top: 463px;}
.secretCtr .ctr1.current{background-position: left top;}
.secretCtr .ctr2.current{background-position: -448px top;}
.secretCtr .ctr3.current{background-position: -842px top;}
.secretCtr .ctr4.current{background-position: -1280px top;}
/* area5 */
.smell{height: 817px;position: relative;}
.smell .tab{position: relative;width: 1050px;float: left;opacity: 0;}
.smellCtr{float: right;opacity: 0;}
.smellCtr li{width: 130px;height: 130px;display: block;position: relative;cursor: pointer;margin: 0 20px 56px 0;}
.smellCtr p{display: block;width: 128px;height: 128px;border: solid 1px #343030;position: absolute;left: 0;top: 0;border-radius: 50%;text-indent: -9999px;}
.smellCtr .current p{border: dashed 1px #773532;}
.smellCtr .img{display: block;position: absolute;background-image: url(../images/flowers.png);background-repeat: no-repeat;width: 150px;height: 174px;}
.smellCtr .ctr1 .img{background-position: left top;top: -26px;}
.smellCtr .ctr2 .img{background-position: left -185px;top: -26px;left: 5px;}
.smellCtr .ctr3 .img{background-position: left -365px;top: -26px;left: 5px;}
.smellCtr .ctr4 .img{background-position: left -537px;top: -30px;left: 5px;}
.smellCtr .ctr1.current .img{background-position: -190px top;}
.smellCtr .ctr2.current .img{background-position: -190px -185px;}
.smellCtr .ctr3.current .img{background-position: -190px -365px;}
.smellCtr .ctr4.current .img{background-position: -190px -536px;}
.smell .guide{font-size: 14px;line-height: 24px;color: #000;height: 90px;border-bottom: solid 1px #939291;border-top: solid 1px #939291;position: relative;left: 25px;}
.smell .guide .box{position: absolute;top: -4px;width: 25px;height: 97px;display: block;}
.smell .guide .boxl{left: -25px;background: url(../images/boxl.png) left top no-repeat;}
.smell .guide .boxr{right: -25px;background: url(../images/boxr.png) left top no-repeat;}
.smell .smell1 .guide{width: 966px;margin-top: 11px;}
.smell .smell2 .guide{width: 972px;margin-top: 28px;text-align: center;font-size: 16px;}
.smell .smell3 .guide{width: 810px;margin-top: 15px;}
.smell .smell4 .guide{width: 660px;margin-top: 20px;}
.smell .smell1 .guide p{padding: 20px 14px 0;}
.smell .smell2 .guide p{padding-top: 30px;}
.smell .smell3 .guide p{padding: 20px 34px 0;}
.smell .smell4 .guide p{padding: 20px 8px 0;}
.smell .pic{float: left;}
.smell1.addani .pic,.smell1.addani .guide,.smell1.addani .products{opacity: 0}
.smell .smell1 .pic{margin: 9px 0 0 -8px;}
.smell .smell2 .pic{margin-top: -18px;}
.smell .smell3 .pic{margin-top: 24px;}
.smell .smell4 .pic{margin-top: 23px;}
.smell .products{float: left;width: 520px;position: relative;}
.smell .smell3 .products{width: 465px;}
.smell .smell4 .products{width: 465px;}
.products .pro{position: absolute;position: absolute;cursor: pointer;}
.products .name{font-size: 16px;color: #000;line-height: 26px;display: inline-block;position: absolute;width: 300px;}
.products .pro1{left: 23px;top: 62px;}
.products .pro2{left: 44px;top: 278px;}
.products .pro3{left: 257px;top: 204px;}
.products .pro4{left: 350px;top: 357px;}
.products .pro5{left: 24px;top: 19px;}
.products .pro6{left: 246px;top: 86px;}
.products .pro7{left: 67px;top: 304px;}
.products .pro8{left: 355px;top: 256px;}
.products .pro9{left: -46px;top: 255px;}
.products .pro10{left: 138px;top: 172px;}
.products .pro11{left: 273px;top: -27px;}
.products .pro12{left: 282px;top: 356px;}
.products .pro13{left: -17px;top: 334px;}
.products .pro14{left: 126px;top: 195px;}
.products .pro15{left: 238px;top: -65px;}
.products .pro16{left: 287px;top: 263px;}

.products .pro1 .name{left: 312px;top: 0;}
.products .pro2 .name{left: 0;top: 270px;}
.products .pro3 .name{left: 77px;top: 0;}
.products .pro4 .name{left: -137px;top: 95px;}
.products .pro5 .name{left: 40px;top: 222px;}
.products .pro6 .name{left: 50px;top: -40px;}
.products .pro7 .name{left: 163px;top: 210px;}
.products .pro8 .name{left: 63px;top: -8px;}
.products .pro9 .name{left: 18px;top: -34px;}
.products .pro10 .name{left: 148px;top: 90px;}
.products .pro11 .name{left: -192px;top: 100px;}
.products .pro12 .name{left: -160px;top: 130px;}
.products .pro13 .name{left: 218px;top: 200px;}
.products .pro14 .name{left: -165px;top: 5px;}
.products .pro15 .name{left: -225px;top: 140px;}
.products .pro16 .name{left: 65px;top: -10px;}
/* pop */
.showcnt{display: none;}
.luohua{position: fixed;left: 0;top: 20px;background: url(../images/luohua.png) center 0 repeat-y;-moz-animation:fly 14s linear .1s infinite;-webkit-animation:fly 14s linear .1s infinite;animation:fly 14s linear .1s infinite;width: 100%;}
.popbg{position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;display: none;}
.pop{position: fixed;left: 50%;top: 50%;background: url(../images/bg.jpg) center center no-repeat;width: 580px;height: 450px;text-align: center;margin: -225px 0 0 -290px;font-family: "Microsoft Yahei";display: none;}
.pop span{display: block;font-size: 24px;line-height: 34px;color: #773532;}
.pop .english{padding-top: 50px;}
.pop .tit b{display: inline-block;padding: 0 10px;}
.pop .txt{font-size: 14px;line-height: 28px;color: #343030;padding: 20px 50px 0;text-align: left;}
.pop .txt p{padding: 0;margin: 0;text-indent: 28px;}
.pop .close{background: url(../images/close.png) center center no-repeat;width: 27px;height: 27px;cursor: pointer;position: absolute;right: 20px;top: 20px;}
/* team */
.team{width: 962px;height: 56px;line-height: 56px;background: url(../images/team.jpg) left top no-repeat;margin: 0 auto;font-size: 14px;color: #343030;position: relative;top: 28px;}
.team ul{display: block;padding-left: 190px;overflow: hidden;}
.team li{display: inline-block;float: left;}
.team .line{width: 36px;text-align: center;}
/* ani */
.smellCtr .current p{-moz-animation: rotating 1.2s linear .1s infinite;-webkit-animation: rotating 1.2s linear .1s infinite;animation: rotating 1.2s linear .1s infinite;}
.header .title{-moz-animation:zoomIn .8s ease .7s both;-webkit-animation:zoomIn .8s ease .7s both;animation:zoomIn .8s ease .7s both;}
.header .logo{-moz-animation:fadeInLeft .8s ease 1.2s both;-webkit-animation:fadeInLeft .8s ease 1.2s both;animation:fadeInLeft .8s ease 1.2s both;}
.area.ani .title{-webkit-animation: flipInX .7s ease-in .4s both;animation: flipInX .7s ease-in .4s both;opacity: 1;}
.area1.ani .advertise,.area2.ani .story{-moz-animation:zoomIn .8s ease .9s both;-webkit-animation:zoomIn .8s ease .9s both;animation:zoomIn .8s ease .9s both;}
.prev,#prev_page_button{-moz-animation:prev .8s linear .1s infinite alternate;-webkit-animation:prev .8s linear .1s infinite alternate;animation:prev .8s linear .1s infinite alternate}
.next,#next_page_button{-moz-animation:next .8s linear .1s infinite alternate;-webkit-animation:next .8s linear .1s infinite alternate;animation:next .8s linear .1s infinite alternate}
.area3.ani .list1{-moz-animation:fadeInLeft .8s ease 1s both;-webkit-animation:fadeInLeft .8s ease 1s both;animation:fadeInLeft .8s ease 1s both;}
.area3.ani .list2{-moz-animation:fadeInLeft .8s ease 1.3s both;-webkit-animation:fadeInLeft .8s ease 1.3s both;animation:fadeInLeft .8s ease 1.3s both;}
.area3.ani .list3{-moz-animation:fadeInLeft .8s ease 1.6s both;-webkit-animation:fadeInLeft .8s ease 1.6s both;animation:fadeInLeft .8s ease 1.6s both;}
.area3.ani .list4{-moz-animation:fadeInLeft .8s ease 1.9s both;-webkit-animation:fadeInLeft .8s ease 1.9s both;animation:fadeInLeft .8s ease 1.9s both;}
.area3.ani .list5{-moz-animation:fadeInRight .8s ease 2.1s both;-webkit-animation:fadeInRight .8s ease 2.1s both;animation:fadeInRight .8s ease 2.1s both;}
.area3.ani .list6{-moz-animation:fadeInRight .8s ease 2.4s both;-webkit-animation:fadeInRight .8s ease 2.4s both;animation:fadeInRight .8s ease 2.4s both;}
.area3.ani .list7{-moz-animation:fadeInRight .8s ease 2.7s both;-webkit-animation:fadeInRight .8s ease 2.7s both;animation:fadeInRight .8s ease 2.7s both;}
.area3.ani .list8{-moz-animation:fadeInRight .8s ease 3.1s both;-webkit-animation:fadeInRight .8s ease 3.1s both;animation:fadeInRight .8s ease 3.1s both;}
.area3.ani .list9{-moz-animation:fadeInRight .8s ease 3.4s both;-webkit-animation:fadeInRight .8s ease 3.4s both;animation:fadeInRight .8s ease 3.4s both;}
.area3.ani .rose{-moz-animation:fadeIn 1.2s ease 3.7s both;-webkit-animation:fadeIn 1.2s ease 3.7s both;animation:fadeIn 1.2s ease 3.7s both;}
.area3.ani .birds{-moz-animation:birds 2s ease 3.7s infinite;-webkit-animation:birds 2s ease 3.7s infinite;animation:birds 2s ease 3.7s infinite;}
.area4.ani .secret{-moz-animation:fadeIn 1.2s ease 1s both;-webkit-animation:fadeIn 1.2s ease 1s both;animation:fadeIn 1.2s ease 1s both;}
.secretCtr li{animation:paoMoveL 6s linear both infinite alternate;-webkit-animation:paoMoveL 6s linear both infinite alternate;animation-play-state: running;}
.delay1{-webkit-animation-delay: .3s!important;animation-delay: .3s!important;}
.delay2{-webkit-animation-delay: .9s!important;animation-delay: .9s!important;}
.delay3{-webkit-animation-delay: 1.5s!important;animation-delay: 1.5s!important;}
.delay4{-webkit-animation-delay: 3.1s!important;animation-delay: 3.1s!important;}
.area5.ani .smellCtr{-moz-animation:fadeInRight .8s ease 1s both;-webkit-animation:fadeInRight .8s ease 1s both;animation:fadeInRight .8s ease 1s both;}
.area5.ani .tab{-moz-animation:fadeInLeft .8s ease 1s both;-webkit-animation:fadeInLeft .8s ease 1s both;animation:fadeInLeft .8s ease 1s both;}

@-moz-keyframes zoomIn {
  0% {opacity: 0;-moz-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  100% {opacity: 1;}
}
@-webkit-keyframes zoomIn {
  0% {opacity: 0;-moz-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  100% {opacity: 1;}
}
@keyframes zoomIn {
  0% {opacity: 0;-moz-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  100% {opacity: 1;}
}
@-moz-keyframes fadeInLeft {
  0% {opacity: 0;-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@-webkit-keyframes fadeInLeft {
  0% {opacity: 0;-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@keyframes fadeInLeft {
  0% {opacity: 0;-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }
  40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1
  }
  80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }
  40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1
  }
  80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}
@-moz-keyframes prev{
	form{-moz-transform: translateX(-25%);-webkit-transform: translateX(-25%);transform: translateX(-25%);}
	to{-moz-transform: translateX(25%);-webkit-transform: translateX(25%);transform: translateX(25%);}
}
@-webkit-keyframes prev{
	form{-moz-transform: translateX(-25%);-webkit-transform: translateX(-25%);transform: translateX(-25%);}
	to{-moz-transform: translateX(25%);-webkit-transform: translateX(25%);transform: translateX(25%);}
}
@keyframes prev{
	form{-moz-transform: translateX(-25%);-webkit-transform: translateX(-25%);transform: translateX(-25%);}
	to{-moz-transform: translateX(25%);-webkit-transform: translateX(25%);transform: translateX(25%);}
}
@-moz-keyframes next{
	form{-moz-transform: translateX(25%);-webkit-transform: translateX(25%);transform: translateX(25%);}
	to{-moz-transform: translateX(-25%);-webkit-transform: translateX(-25%);transform: translateX(-25%);}
}
@-webkit-keyframes next{
	form{-moz-transform: translateX(25%);-webkit-transform: translateX(25%);transform: translateX(25%);}
	to{-moz-transform: translateX(-25%);-webkit-transform: translateX(-25%);transform: translateX(-25%);}
}
@keyframes next{
	form{-moz-transform: translateX(25%);-webkit-transform: translateX(25%);transform: translateX(25%);}
	to{-moz-transform: translateX(-25%);-webkit-transform: translateX(-25%);transform: translateX(-25%);}
}
@-moz-keyframes rotating {
   from{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
   to{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes rotating {
   from{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
   to{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotating {
   from{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
   to{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes fadeInRight {
  0% {opacity: 0;-moz-transform: translate3d(100%, 0, 0);-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@-webkit-keyframes fadeInRight {
  0% {opacity: 0;-moz-transform: translate3d(100%, 0, 0);-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@-moz-keyframes fadeIn {
  0% {opacity: 0;} 
  100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;} 
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;} 
  100% {opacity: 1;}
}
@-moz-keyframes birds{
	0% {opacity: 0;-moz-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);transform-origin: left top;}
	100% {opacity: 1;-moz-transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transform-origin: left top;}
}
@-webkit-keyframes birds{
	0% {opacity: 0;-moz-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);transform-origin: left top;}
	100% {opacity: 1;-moz-transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transform-origin: left top;}
}
@keyframes birds{
	0% {opacity: 0;-moz-transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);transform-origin: left top;}
	100% {opacity: 1;-moz-transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transform-origin: left top;}
}
@-webkit-keyframes paoMoveL{
    0%{-webkit-transform:translate(-3%,0);transform:translate(-3%,0);}
    25%{-webkit-transform:translate(0%,3%);transform:translate(0%,3%);}
    50%{-webkit-transform:translate(3%,-3%);transform:translate(3%,-3%)}
    75%{-webkit-transform:translate(3%,0%);transform:translate(3%,0%)}
    100%{-webkit-transform:translate(0%,3%);transform:translate(0%,3%)}
}
@keyframes paoMoveL{
    0%{-webkit-transform:translate(-3%,0);transform:translate(-3%,0);}
    25%{-webkit-transform:translate(0%,3%);transform:translate(0%,3%);}
    50%{-webkit-transform:translate(3%,-3%);transform:translate(3%,-3%)}
    75%{-webkit-transform:translate(3%,0%);transform:translate(3%,0%)}
    100%{-webkit-transform:translate(0%,3%);transform:translate(0%,3%)}
}
@keyframes fadeInBottom {
  0% {opacity: 0;-moz-transform: translate3d(0, -100%, 0);-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@-moz-keyframes fadeInBottom {
  0% {opacity: 0;-moz-transform: translate3d(0, -100%, 0);-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@-webkit-keyframes fadeInBottom {
  0% {opacity: 0;-moz-transform: translate3d(0, -100%, 0);-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@keyframes fadeInBottom {
  0% {opacity: 0;-moz-transform: translate3d(0, -100%, 0);-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@-moz-keyframes fly{
	from{background-position: center 0;}
	to{background-position: center 2929px;}
}
@-webkit-keyframes fly{
	from{background-position: center 0;}
	to{background-position: center 2929px;}
}
@keyframes fly{
	from{background-position: center 0;}
	to{background-position: center 2929px;}
}
@-moz-keyframes fadeInRight {
  0% {opacity: 0;-moz-transform: translate3d(100%, 0, 0);-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}
@-webkit-keyframes fadeInRight {
  0% {opacity: 0;-moz-transform: translate3d(100%, 0, 0);-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-moz-transform: none;-webkit-transform: none;transform: none;}
}