@charset "UTF-8";@font-face{font-family:AkkuratStd;src:url(../webfonts/AkkuratStd.eot?#iefix) format('embedded-opentype'),url(../webfonts/AkkuratStd.otf) format('opentype'),url(../webfonts/AkkuratStd.woff) format('woff'),url(../webfonts/AkkuratStd.ttf) format('truetype'),url(../webfonts/AkkuratStd.svg#AkkuratStd) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:AkkuratStd-Bold;src:url(font/AkkuratStd-Bold.eot?#iefix) format('embedded-opentype'),url(../webfonts/AkkuratStd-Bold.otf) format('opentype'),url(../webfonts/AkkuratStd-Bold.woff) format('woff'),url(../webfonts/AkkuratStd-Bold.ttf) format('truetype'),url(../webfonts/AkkuratStd-Bold.svg#AkkuratStd-Bold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:AkkuratStd-Light;src:url(../webfonts/AkkuratStd-Light.eot?#iefix) format('embedded-opentype'),url(../webfonts/AkkuratStd-Light.otf) format('opentype'),url(../webfonts/AkkuratStd-Light.woff) format('woff'),url(../webfonts/AkkuratStd-Light.ttf) format('truetype'),url(../webfonts/AkkuratStd-Light.svg#AkkuratStd-Light) format('svg');font-weight:400;font-style:normal}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}
.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}
.swiper-container-cube,.swiper-container-flip{overflow:visible}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
    30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
    45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
    60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
    75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes wobble{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
    30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
    45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
    60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
    75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);transform:scale(.9)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
    80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
    80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
    80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
    80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
    80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}
    25%{-webkit-transform:scale(.95);transform:scale(.95)}
    50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
    50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
    100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
    100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
    100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1)}
    0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1)}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95)}
    100%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1)}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1)}
    0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1)}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95)}
    100%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1)}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
    100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
    100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
    60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
    80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
    100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
    60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
    80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
    100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
    100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
    100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
    0%,100%{-webkit-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
    0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}
    0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}
    40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}
    40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1}
    100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}
    40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
    40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1}
    100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
    100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
    100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
    100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
    100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
*{margin:0;padding:0;border:0;box-sizing:border-box}
body,html{font-family:AkkuratStd,"Microsoft YaHei",SimHei,sans-serif,Helvetica,Arial;font-size:14px;color:#333;background-color:#fff}
body{width:100%;overflow-x:hidden;margin:0;padding:0;min-height:100%}
.cssClear{clear:both}
.cssHide{display:none}
li,ul{list-style-type:none;margin:0}
input,select,textarea{resize:none;outline:0;-webkit-tap-highlight-color:transparent;border:0}
a{text-decoration:none;color:#000;cursor:pointer}
a:hover{text-decoration:none}
img{max-width:100%;border-style:none;vertical-align:middle}
.grey_bg{background:#7a7d81}
.cssTranBg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:rgba(0,0,0,.4);background:-moz-linear-gradient(top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(0,0,0,.4)),color-stop(50%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.4)));background:-webkit-linear-gradient(top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%)}
@keyframes menuInsub{0%{opacity:0}
    100%{opacity:1}
}
@keyframes menuOutsub{0%{opacity:1}
    100%{opacity:0}
}
@keyframes cross1{0%{transform:rotate(0);transform-origin:50% 50%}
    100%{transform:rotate(45deg);transform-origin:50% 50%}
}
@keyframes cross2{0%{opacity:1}
    100%{opacity:0}
}
@keyframes cross3{0%{transform:rotate(0);transform-origin:50% 50%}
    100%{transform:rotate(-45deg);transform-origin:50% 50%}
}
@keyframes cross4{0%{transform:rotate(0);transform-origin:50% 50%}
    100%{transform:rotate(90deg);transform-origin:50% 50%}
}
@keyframes bodyIn{0%{margin-left:0;opacity:1;margin-top:0}
    100%{margin-left:20%;opacity:1;margin-top:0}
}
@keyframes bodyOut{0%{margin-left:20%;opacity:1;margin-top:0}
    100%{margin-left:0;opacity:1;margin-top:0}
}
@keyframes hoverlink{0%{transform:translate(0,0);width:0;height:1px}
    100%{transform:translate(0,0);width:100%;height:1px}
}
@keyframes hoverIn{0%{-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}
    100%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes hoverOut{0%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
    100%{-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}
}
@keyframes hoverOut1{0%{-moz-transform:translate(0,100%);-ms-transform:translate(0,100%);-webkit-transform:translate(0,100%);transform:translate(0,100%)}
    100%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes hoverIn1{0%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
    100%{-moz-transform:translate(0,100%);-ms-transform:translate(0,100%);-webkit-transform:translate(0,100%);transform:translate(0,100%)}
}
@keyframes resize_large{0%{transform:scale3d(1.3,1.3,1);-webkit-transform:scale3d(1.3,1.3,1)}
    100%{transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1)}
}
@keyframes resize_normal{0%{transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1)}
    100%{transform:scale3d(1.1,1.1,1);-webkit-transform:scale3d(1.1,1.1,1)}
}
.header{background:#38393b;position:fixed;top:0;lefT:0;width:100%;z-index:100;height:45px}
.header-content{margin:0 20px;padding:12px 0;position:relative}
.header-content .logo{text-align:center}
.header-content .logo a{color:#fff;margin-left:30px}
.header-content .logo a span{font-weight:700;font-size:18px}
.cssMenu{position:absolute;z-index:110;top:12px;left:0}
.cssMenu a{width:20px;height:20px;text-indent:-9999px;overflow:hidden;display:block;position:relative}
.cssMenu a span.cssline{width:100%;height:4px;background:#fff;position:absolute}
.cssMenu a span.cssl1{top:0;left:0;animation-name:cross2o;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMenu a span.cssl2{top:50%;left:0;margin-top:-2px;animation-name:cross2o;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMenu a span.cssl3{top:100%;left:0;margin-top:-4px;animation-name:cross2o;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMenu a span.cssl4{top:50%;left:0;margin-top:-2px;animation-name:cross1o;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMenu a span.cssl5{top:50%;left:0;margin-top:-2px;animation-name:cross3o;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMenu.cssClose a span.cssl4{animation-name:cross1;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMenu.cssClose a span.cssl1,.cssMenu.cssClose a span.cssl2,.cssMenu.cssClose a span.cssl3{animation-name:cross2;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMenu.cssClose a span.cssl5{animation-name:cross3;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.header .header-content .icons{position:absolute;z-index:110;top:12px;right:0}
.header .header-content .icons ul{margin:0;padding:0}
.header .header-content .icons li{float:left;margin:0;padding:0;list-style-type:none;display:block;height:19px}
.header .header-content .icons li a{text-decoration:none;color:#fff;line-height:100%;height:100%;display:block}
.header .header-content .icons li a:hover{color:#fff}
.header .header-content .icons .fa{color:#fff}
.header .header-content .icons li.search{font-size:17px;width:15px}
.header .header-content .icons li.search:hover{font-size:17px;width:15px}
.header .header-content .cssNav.opened{display:block}
.header .header-content .cssNav{display:none;transition:left .3s;-moz-transition:left .3s;-webkit-transition:left .3s;-o-transition:left .3s;position:fixed;top:45px;left:0;width:20%;background:#38393b;z-index:100;height:100%;color:#fff}
.header .header-content .cssNav .fa{color:#fff}
.header .header-content .cssNav .cssNavPanels{width:300%;-webkit-transition:left .3s;transition:left .3s}
.header .header-content .cssNav .cssNavPanel{-webkit-overflow-scrolling:touch;overflow-x:hidden;position:relative;width:33%;float:left;overflow-y:auto;height:100%;background:#38393b;border-width:0 0 0 1px;border-style:solid;border-color:#bcbec0}
.header .header-content .cssNav .cssNavPanel .cssSPane{overflow-x:hidden}
.header .header-content .cssNav h2{display:none}
.header .header-content .cssNav a{text-decoration:none;color:#fff}
.header .header-content .cssNav a:hover{color:#fff}
.header .header-content .cssNav a:hover span span{position:absolute;bottom:0;height:1px;background:#fff;left:0;animation-name:hoverlink;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.header .header-content .cssNav a span{position:relative}
.header .header-content .cssNav a span.en{font-size: 12px;padding-left: 15px;vertical-align: middle;color:#999}
.header .header-content .cssNav .cssSPane{padding:0 0 0}
.header .header-content .cssNav .cssMain ul{margin:0;padding:0 30px 0}
.header .header-content .cssNav .cssMain li{list-style-type:none;margin:0;padding:0}
.header .header-content .cssNav .cssMain li.collapsed{list-style-image:none}
.header .header-content .cssNav .cssMain li a{display:block;z-index:5;font-size:20px;line-height:110%}
.header .header-content .cssNav .cssMain li>.cssLinkitem{padding:15px 0}
.header .header-content .cssNav .cssMain li>.cssLinkitem .cssAr{display:none;position:relative}
.header .header-content .cssNav .cssMain li>.cssLinkitem .cssAr i{font-size:22px;position:absolute;right:0;top:50%;margin-top:-11px}
.header .header-content .cssNav .cssMain li.cssSub>.cssLinkitem{position:relative}
.header .header-content .cssNav .cssMain li.cssSub>.cssLinkitem .cssAr{cursor:pointer;display:block;position:absolute;top:0;right:0;width:10%;height:100%}
.header .header-content .cssNav .cssMain li.hover .cssMenuBody{display:block}
.header .header-content .cssNav .cssMain li .cssMenuBody{width:0;opacity:0;display:none;z-index:1;background:#38393b;position:absolute;width:100%;left:100%;top:0;height:100%;border-width:0 0 0 1px;border-style:solid;border-color:#fff}
.header .header-content .cssNav .cssMain .cssMenuBody{background:#38393b;height:100%;position:relative}
.header .header-content .cssNav .cssMain li.hover>.cssLinkitem a{color:#fff}
.header .header-content .cssNav .cssMain li.hover>.cssLinkitem a span span{position:absolute;bottom:0;height:1px;background:#fff;left:0;animation-name:hoverlink;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.header .header-content .cssNav .cssFoot{margin:0;padding:26px 30px 0}
.header .header-content .cssNav .cssFoot .cssTitle{padding:0 0 14px}
.header .header-content .cssNav .cssFoot ul{margin:0;padding:0}
.header .header-content .cssNav .cssFoot li{margin:0 8px 0 0;padding:0;float:left;list-style-type:none}
.header .header-content .cssNav .cssFoot li a{display:block;height:25px;font-size:25px}
.header .header-content .cssNav .cssFoot li:hover a{color:#fff}
.header .header-content .cssNav .cssMain2 ul{margin:0;padding:26px 30px}
.header .header-content .cssNav .cssMain2 li{list-style-type:none;margin:0;padding:0}
.header .header-content .cssNav .cssMain2 li a{display:block;padding:5px 0;font-size:12px;line-height:110%}
.header .header-content .cssNav .cssCopy{margin:0;padding:0 30px 26px}
.header .header-content .cssLowerPart{width:100%}
.cssContentPanel{width:100%}
.cssPageEnd{margin-bottom:30px}
.header .header-content .cssNav .cssFoot li{margin-bottom:12px;margin-right:0;text-align:center;text-align:left;width:25%}
.header .header-content .cssNav .cssFoot li:nth-child(4n+1){clear:both}
.header .header-content .cssNav .cssFoot li.cssWeixin{position:relative}
.header .header-content .cssNav .cssFoot li.cssWeixin .cssBubble{display:none;position:absolute;top:-125%;right:23%;z-index:100;left:auto;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0)}
.header .header-content .cssNav .cssFoot li.cssWeixin:hover .cssBubble{display:block}
.header .header-content .cssNav .cssFoot li.cssWeixin .cssBubble{background:url(social/up.png) 0 98% no-repeat;padding-top:7px}
.header .header-content .cssNav .cssFoot li.cssWeixin .cssBubble div{background:#fff;padding:2px}
.header .header-content .cssNav .cssFoot li.cssWeixin .cssBubble div img{max-width:100px}
@media all and (min-width:1550px){.header .header-content .cssNav .cssFoot li{margin-bottom:15px}
}
@media all and (max-width:960px) and (min-width:768px){.header .header-content .cssNav .cssFoot li{width:25%;margin-bottom:10px;text-align:center}
    .header .header-content .cssNav .cssFoot li .fa-flickr1,.header .header-content .cssNav .cssFoot li .fa-youku{margin:0 auto}
    .header .header-content .cssNav .cssFoot li:nth-child(4n+1){clear:both}
}
@media all and (max-width:960px){.header .header-content .cssNav .cssFoot li.cssWeixin:hover .cssBubble{display:none}
}
.cssMenuMask{background:rgba(0,0,0,.75);position:fixed;opacity:.75;background:#000;z-index:90;width:100%;height:100%;top:0;left:0}
.homebg{position:relative;width:100%;height:100%}
.cssSlide{position:relative;width:100%;height:100%;background:rgba(0,0,0,0) none no-repeat scroll center center/cover}
@media only screen and (max-width:1024px){.homeBannerSwiper .swiper-slide img{position:relative;min-width:100%;top:0;left:0;transform:translate(0,0)}
}
.mImg{display:none}
@media only screen and (max-width:680px){.pImg{display:none}
    .mImg{display:block}
}
.homeBannerSwiper .textBox{position:absolute;top:40%;left:90px;transform:translate(0,0);max-width:600px;width:100%;text-align:left}
.homeBannerSwiper .h1{font-size:38px;color:#fff;line-height:1.5;margin-bottom:10px}
.homeBannerSwiper .h2{font-size:24px;color:#fff;line-height:1.5;margin-bottom:7px;font-family: Arial}
.homeBannerSwiper .textBox .h1,.homeProdSwiper .textBox .h1{opacity:0;transform:translateY(-60px)}
.homeBannerSwiper .textBox .h2,.homeProdSwiper .textBox .h2{opacity:0;transform:translateY(-60px)}
.homeBannerSwiper .textBox .btn,.homeProdSwiper .textBox .btn{opacity:0;transform:translateY(-60px)}
.swiper-slide-active .textBox .h1{transform:none;opacity:1;transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1)}
.swiper-slide-active .textBox .h2{transition-delay:.2s;transform:none;opacity:1;transition:opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s}
.main-content.opend{animation-name:bodyIn;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.homemain{width:100%;position:absolute;top:90px;transform:translate(0,0);z-index:10}
.cssRhsContent{float:right;width:35%;max-width:480px;color:#fff;overflow:hidden;margin-right:0;padding:7px 0}
.cssRhsContent a{color:#fff;text-decoration:none}
.cssRhsContent .cssBlock{cursor:pointer;padding:0 0 0;position:relative}
.cssRhsContent .cssBlock .cssBorder{background:url(../images/plus.png) top left no-repeat;position:absolute;height:14px;width:100%;z-index:1}
.cssRhsContent .cssBlock .cssBorder.cssTop{top:-7px}
.cssRhsContent .cssBlock .cssBorder.cssBottom{bottom:-7px;display:none}
.cssRhsContent .cssBlock .cssFs{margin:0 0 0 23px;border-width:1px 0 0;border-style:solid;border-color:#fff;padding:0 90px 5px 0;z-index:1;position:relative}
.cssRhsContent .cssBlock .cssFs .cssHeadline{padding:14px 0 0; font-size:12px}
.cssRhsContent .cssBlock .cssFs .cssTitle{padding:30px 0 30px 0;font-size:20px;font-weight:700}
.cssRhsContent .cssBlock .cssFs .cssTitle p{margin:0;padding:0}
.cssRhsContent .cssBlock .cssPics{height:100%;width:100%}
.cssRhsContent .cssBlock .cssPicimg{height:100%;width:100%;background:rgba(0,0,0,0) none no-repeat scroll center center/cover}
.cssRhsContent .cssBlock .cssPics img{height:100%}
.cssRhsContent .cssBlock .cssMsg p{margin:0;padding:0}
.cssRhsContent .cssBlock.cssAwards .cssFs .cssTitle{padding:30px 0 30px}
.cssRhsContent .cssBlock.cssAwards .cssFs .cssMsg{padding:30px 0 30px 0}
.cssRhsContent .cssBlock.cssProjects .cssFs .cssTitle{padding:30px 0 0}
.cssRhsContent .cssBlock.cssProjects .cssFs .cssMsg{padding:0 0 30px 0}
.cssRhsContent .cssLast .cssBorder.cssBottom{display:block}
.cssRhsContent .cssLast .cssFs{border-width:1px 0}
.cssRhsContent .cssPics{position:absolute;left:7px;top:0;width:100%;height:100%;z-index:0;overflow:hidden;opacity:1;animation-name:menuOutsub;animation-duration:1s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease-in-out;animation-direction:normal}
.cssRhsContent .cssPics img{width:100%}
.cssRhsContent .cssBlock:hover .cssPics{animation-name:menuInsub;animation-duration:1s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease-in-out;animation-direction:normal}
.cssIpad{display:none}
.cssPc{display:block}
.cssMobile{display:none}
.cssNav .cssTT{display:none}
.olctl.cssClose{text-align:right;top:5%;right:5%;width:65px;height:65px}
.olctl a{color:#fff;text-decoration:none;font-size:65px}
.olctl.cssCtlL{top:50%;left:5%;width:65px;height:65px;margin-top:-32px}
.olctl.cssCtlr{text-align:right;top:50%;right:5%;width:65px;height:65px;margin-top:-32px}
.cssBg{width:100%;height:100%;background:rgba(0,0,0,0) none no-repeat scroll center center/cover;background-attachment:fixed}
.cssBody{background:#fff;width:100%;padding:0 0 30px}
.cssBody .cssWrapperOut{max-width:1200px;width:100%;margin:0 auto;position:relative}
.cssBody .cssWrapper{padding:75px 65px 0}
.cssInfo .cssRow2{padding:0 0 20px;text-align:left}
.cssInfo .cssRow2 .cssCol{width:50%}
.cssInfo .cssRow2 .cssCol1{float:left}
.cssInfo .cssRow2 .cssCol2{float:right}
.cssInfo .cssRow2 .cssT1{margin:0 20px;font-size:26px;line-height:45px;font-weight:600;padding:0 0 30px}
.cssInfo .cssRow2 .cssMM{margin:0 20px;font-size:16px;line-height:24px}
.cssInfo .cssRow2 p{margin:0;padding:0}
.cssInfo .cssRow2 .highlight{font-size:26px;line-height:45px;font-weight:600}
.cssInfo .cssCount{padding:0 65px 70px;display:-webkit-flex;display:flex;margin-left:170px}
.cssInfo .cssCount .cssCol{border-width:1px;width:200px;height:200px;position:relative;margin:0 20px;border-radius:125px;border-color:#7a7d81;border-style:solid}
.cssInfo .cssCount .cssCol .cssFs{position:absolute;top:50%;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.cssInfo .cssCount .cssCol .cssImg{height:55px}
.cssInfo .cssCount .cssCol1 .cssImg{background:url(../images/dk_04.jpg) top center no-repeat}
.cssInfo .cssCount .cssCol2 .cssImg{background:url(../images/dk_06.jpg) top center no-repeat}
.cssInfo .cssCount .cssCol3 .cssImg{background:url(../images/dk_08.jpg) top center no-repeat}
.cssInfo .cssCount .cssCol .cssNum{font-size:45px;font-weight:600;color:#7a7d81}
.cssInfo .cssCount .cssCol .cssTxt{font-size:16px;line-height:25px;font-weight:300}
.cssComFooterBoxes{display:-webkit-flex;display:flex;margin:20px 17.5px 30px}
.cssComFooterBoxes a{text-decoration:none}
.cssComFooterBoxes .cssBox{margin:0 7.5px 0;position:relative;text-align:center;border-radius:30px;overflow:hidden}
.cssComFooterBoxes .cssCol2{width:50%;text-align:left}
.cssComFooterBoxes .cssCol2 .cssQuota{font-size:16px;line-height:25px;background:url(sec/sec_13.png) top left no-repeat;padding:42px 0 0 48px}
.cssComFooterBoxes .cssCol2 .cssQuota .cssQ1{background:url(sec/sec_17.png) right bottom no-repeat;padding:0 48px 42px 0}
.cssComFooterBoxes .cssCol2 .cssQuota .cssQ2{text-align:center}
.cssComFooterBoxes .cssCol2 .cssFBox:hover .cssPics{animation-name:menuInsub;animation-duration:1s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease-in-out;animation-direction:normal}
.cssComFooterBoxes .cssCol2 .cssFBox:hover .cssMore a .cssNor{animation-name:hoverOut;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssComFooterBoxes .cssCol2 .cssFBox:hover .cssMore a .cssHover{animation-name:hoverOut1;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssComFooterBoxes .cssCol2 .cssFBox{color:#fff;position:relative;height:100%}
.cssComFooterBoxes .cssCol2 .cssFBox table{width:100%;height:100%}
.cssComFooterBoxes .cssCol2 .cssFBox .cssPics{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;animation-name:menuOutsub;animation-duration:1s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease-in-out;animation-direction:normal}
.cssComFooterBoxes .cssCol2 .cssFBox .cssPics img{width:100%}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore{z-index:6;position:absolute;bottom:0;right:0}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore a{width:32px;height:32px;display:block;overflow:hidden;position:relative}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore a .cssNor{display:block;animation-name:hoverIn;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore a .cssHover{position:absolute;top:0;animation-name:hoverIn1;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore .cssNor{text-align:center;display:block;background:#fff;font-size:33px;width:33px;height:33px}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore .cssNor span{padding:px 0 0 0;display:block;min-height:32px}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore .cssHover{text-align:center;display:block;background:#7a7d81;font-size:33px;width:33px;height:33px}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore .cssHover span{padding:px 0 0 0;display:block;min-height:32px}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore .cssHover i.fa,.cssComFooterBoxes .cssCol2 .cssFBox .cssMore .cssHover i:hover.fa{color:#fff}
.cssComFooterBoxes .cssCol2 .cssFBox .cssMore img{display:block}
.cssComFooterBoxes .cssCol2 .cssFBox .cssM{position:relative;z-index:5;padding:30px 20px}
.cssComFooterBoxes .cssCol2 .cssFBox .cssM a{color:#fff;text-decoration:none}
.cssComFooterBoxes .cssCol2 .cssFBox h4{margin:0;padding:0;font-size:25px}
.cssComFooterBoxes .cssCol2 .cssFBox h5{margin:0;padding:0 0;line-height:100%}
.cssComFooterBoxes .cssCol2 .cssFBox p{margin:0;padding:0}
.cssComFooterBoxes .cssCol2 .cssFBox p span{font-family:"Microsoft YaHei",SimHei,sans-serif;font-weight:300}
.cssComFooterBoxes .cssCol2 .cssFBox .cssBox{height:100%}
.cssComFooterBoxes .cssCol2 .cssFBox.cssBoxType-news .cssM,.cssComFooterBoxes .cssCol2 .cssFBox.cssBoxType-team .cssM{padding-top:40px}
.cssComFooterBoxes .cssCol2 .cssFBox.cssContacts h4{padding:0 0 65px}
.about-us-desc{position:absolute;top:20%;left:120px;color:#fff}
.about-us-desc .title{font-weight:700;font-size:24px;margin-bottom:10px}
.about-us-desc .title2{font-weight:700;font-size:18px;margin-bottom:10px;font-family: Arial}
.about-us-desc .desc{font-weight:400;font-size:18px;margin-bottom:10px}
.about-us-desc .desc2{font-family: Arial}
.about-us-desc .desc3{margin-top:50px}
.cssMoreBtn{position:fixed;bottom:60px;left:50%;overflow:hidden;z-index:7;margin-left:-30px}
.cssMoreBtn a{height:65px;overflow:hidden;position:relative;display:block}
.cssStdBtn .cssNor{display:block;animation-name:hoverIn;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssStdBtn .cssHover{position:absolute;top:0;animation-name:hoverIn1;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMoreBtn .cssNor{text-align:center;width:65px;height:65px;background:#fff;font-size:50px;padding-top:10px;color:#7a7d81}
.cssMoreBtn .cssNor i.fa{color:#7a7d81}
.cssStdBtn.hover .cssNor{animation-name:hoverOut;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssStdBtn.hover .cssHover{animation-name:hoverOut1;animation-duration:.3s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssMoreBtn .cssHover{text-align:center;width:65px;height:65px;background:#7a7d81;font-size:50px;color:#fff}
@keyframes tY {
    0%{ margin-top:90px;}
    100%{  margin-top:45px;}
}
.cssBreadcrumb{padding-top:0px; left:0;width:100%;background:#7a7d81;color:#fff;z-index:1;position:relative;
    animation-name:tY;
    animation-duration:0.5s;
    animation-iteration-count:1;
    animation-delay:0s;
    animation-fill-mode:forwards;
    animation-play-state:running;
    animation-timing-function:ease;
    animation-direction:normal;
}

.cssBreadcrumb div{font-size:14px;font-weight:300;line-height:20px}
.cssBreadcrumb a{font-size:14px;font-weight:300}
.cssBreadcrumb .cssRow{padding:10px 0}
.cssBreadcrumb a{text-decoration:none;color:#fff}
.cssBreadcrumb a:hover{text-decoration:underline}
.cssBreadcrumb .cssL{float:left;margin-left:45px}
.cssBreadcrumb .cssR{float:right;margin-right:45px}
.cssGridView.team{padding:27px 0 30px}
.cssGridView .cssWrapper{padding:0 20px 22px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.cssGridView .cssGridItem{width:25%;position:relative}
.cssGridView .cssGridItem .cssBox{padding:0 10px 10px 0;position:relative}
.cssGridView .cssGridItem .cssPics{background:#7a7d81;max-height: 370px;}
.cssZoom{overflow:hidden}
.cssZoom img{transform-origin:50% 50% 0;-webkit-transform-origin:50% 50% 0;animation-name:resize_large;animation-duration:1s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssZoom:hover img{animation-name:resize_normal;animation-duration:1s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards;animation-play-state:running;animation-timing-function:ease;animation-direction:normal}
.cssGridView .cssGridItem .cssPics img{width:100%;display:block}
.cssGridView .cssGridItem .cssTxt{background:rgba(127,127,127,.9);color:#fff;position:absolute;width:calc(100% - 10px);bottom:10px}
.cssGridItem.caseitem .cssTxt{position:relative;width:100%;bottom:0}
.cssGridView .cssGridItem .cssTxt .cssFF{padding:14px 10px}
.cssGridView .cssGridItem .cssTxt.hasen .cssFF{padding:6px 10px}
.cssGridItem .cssTxt .cssName{font-size:20px;line-height:25px;font-family:AkkuratStd-Bold,"Microsoft YaHei",SimHei,sans-serif;font-weight:300}
.cssGridItem .cssTxt.hasen.cssName{font-size:16px;line-height: 1}
.cssGridItem .cssTxt .cssName a{color:#fff;font-size:16px;line-height:25px}
.cssGridItem .cssTxt .cssDesc{font-size:12px;line-height:25px;padding-top:10px}
.cssGridItem .cssTxt.hasen .cssDesc{ padding-top:1px}
.company-awards li span{padding-left:150px}
.project-awards li{font-size:18px;font-weight:700}
.project-awards li span{display:block;margin:10px 0 20px;font-weight:400;font-size:16px}
.allnews.homemain{top:50%}
.hotnews{text-align:center}
.hotnews a{color:#fff;font-size:20px;font-weight:700}
.hotnews .hotnewsSwiper{height:50px;position:absolute;width:100%;bottom:0;background:rgba(255,255,255,.3);line-height:50px}
.news-header{display:flex}
.news-time{width:72px;display:flex;height:72px;flex-direction:column;justify-content:space-between;align-items:flex-start;background:#ebebeb;padding:5px}
.news-time .day{color:rgba(16,24,32,.7);font-size:20px;font-weight:700}
.news-time .month{color:rgba(16,24,32,.7);font-size:14px;font-weight:400}
.news-time .year{color:rgba(16,24,32,.7);font-size:12px;font-weight:500}
.news-title{margin-left:10px;display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}
.news-title h1{font-size:20px}
.news-title h2{font-size:14px;color:#8c8c8c}
.news-content{padding:20px 0}
.event-title{height:50px;position:absolute;width:100%;bottom:0;background:rgba(0,0,0,.3);line-height:50px;text-align:left;padding-left:20px;color:#fff;display:block;font-size:16px;font-weight:700}
.event-title1{height:40px;position:absolute;width:100%;bottom:0;background:rgba(0,0,0,.3);line-height:40px;text-align:center;color:#fff;display:block;font-size:13px}
.preview-box{position:relative}
.thumbs-box{margin-top:30px}
.thumbs-box .swiper-slide{opacity:.4}
.thumbs-box .swiper-slide.active-nav{opacity:1}
.contactInfo{margin-top:20px}
.contactInfo .cssRow2 .cssT1{margin:0;font-size:20px}
.contactInfo .cssRow2 .cssMM{margin:0}
.contactInfo .map{position:relative; background-position:center center;background-size:cover}
.contactInfo .map .bmap-container{height:300px}
.contactInfo .map .textBox{position:absolute;top:50%;left:11.5%;transform:translate(0,-50%);background-color:#fff;padding:45px 50px;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.contactInfo .map .item2{display:flex;font-size:14px;line-height:30px;color:#646464;margin-bottom:10px;font-family:OPPOSans-R}
.contactInfo .map .item2:last-child{margin-bottom:0}
.contactInfo .map .icon{width:20px;text-align:center}
.contactInfo .map .text{width:calc(100% - 30px)}
.job-list{margin:0 0 50px;text-align:left}
.job-list .h1{margin:-65px 0 20px;font-size:20px;line-height:45px;font-weight:600;padding:0  }
.job-item{width:20%;display:inline-block;text-align:center;padding:20px;background:#595959;border-radius:10px;margin-right:5%;margin-bottom: 15px}
.job-item a{color:#fff}
.job-item:nth-child(4n){margin-right: 0}
.case-cate-list{display:flex;height:50px;line-height:50px;justify-content:center}
.cast-cate-item a{margin:0 20px;font-size:16px}
.cast-cate-item.active a{margin:0 20px;font-size:18px;color:red;font-weight:700}
.attr-box{width:50%;display:inline-block;float:left;text-align:left;font-size:16px;padding-bottom:30px;line-height:1.8}
.case-desc{clear:both;font-size:16px;text-align:left;line-height:1.5}
.case-top-desc{color:#fff}
.case-gallery{overflow:hidden;margin-top:50px}
.case-gallery-box{position:relative;width:100%;margin:0 auto}
.case-gallery-box .cssImg{overflow:hidden;position:relative;margin-bottom:10px}
.case-gallery-box .cssImg1{float:left;width:49.5%;padding-top:73.8%}
.case-gallery-box .cssImg1.cssImg1_2{float: right}
.case-gallery-box .cssImg1 div.cssBg{text-align:center;position:absolute;top:0;width:100%;left:0;height:100%}
.case-gallery-box .cssBg>div{position:relative;height:100%}
.case-gallery-box .cssImg1 img{height:100%;top:0}
.case-gallery-box .cssImg2,.case-gallery-box .cssImg3{float:right;width:49.5%;padding-top:36.4%}
.case-gallery-box .cssImg4{float:left;width:49%;padding-top:75%}
.case-gallery-box .cssImg5{float:right;width:49%;padding-top:75%}
.case-gallery-box .cssImg6{clear:both;padding-top:75%}
.case-gallery-box .cssImg7{clear:both;padding-top:35%}

.case-gallery-box .cssImg8{float:left;width:49.5%;padding-top:36.4%}
.case-gallery-box .cssImg9{float:right;width:49.5%;padding-top:36.4%}
.case-gallery-box .cssImg2 div.cssBg,.case-gallery-box .cssImg3 div.cssBg,.case-gallery-box div.cssBg{text-align:center;position:absolute;top:0;width:100%;left:0;height:100%}
.cssBtn{position:absolute;top:50%;left:50%;margin-left:-70px;margin-top:-15px;display:none}
.cssImg:hover .cssBtn{display:block}
.cssBtn button{background:#7a7d81;border-width:0;width:140px;height:30px;cursor:pointer}
.cssBtn button span{color:#fff;font-size:14px}
.cssFilters .cssRow{color:#7a7d81;margin:0 45px;padding:30px 0;display:flex;align-items:center;justify-content:space-between}
.cssFilters .cssRow a{text-decoration:none;color:#7a7d81}
.cssFilters .cssTitle{padding:0 0 10px}
.cssFilters .cssFitler{float:left;margin-top:2px}
.cssFilters .cssPicked{margin-top:0;float:left}
.cssFilters .cssPicked .cssPickedItem{float:left;margin:0;display:block;padding:0}
.cssFilters .cssPicked .cssPickedItem a{background:url(project/filter_close.jpg) center right no-repeat;display:block;padding:0 23px 0 22px}
.cssFilters .cssSorts{float:right}
.cssFilters .cssPulldown.menutxt1{font-size:16px}
.cssFilters .cssPulldown{float:left;margin:0 24px 0 0}
.cssFilters .cssPulldown span{background:url(project/filter_arrow.jpg) center right no-repeat;padding:0 18px 0 0;display:block}
.cssFilters .cssPulldown ul{margin:0;padding:0}
.cssFilters .cssPulldown ul ul{display:none;margin:0;padding:0 0 20px;position:absolute;top:100%;right:0;width:100%;background:#fff;z-index:10}
.cssFilters .cssPulldown ul ul li{padding:20px 0 0}
.cssFilters .cssPulldown li{list-style-type:none;position:relative}
.cssFilters .cssPulldown:hover ul{display:block}
.cssFilters .cssPulldown:hover ul ul{display:block;border-width:1px;border-color:#7a7d81;border-style:solid;font-size:14px;line-height:14px;padding:0}
.cssFilters .cssPulldown:hover ul ul li a{display:block;padding:0 8px 10px}
.cssFilters .cssPulldown:hover ul ul li.hl{background:#7a7d81}
.cssFilters .cssPulldown:hover ul ul li.hl a{color:#fff}
.cssFilters .cssPulldown.cssSortbyDate ul ul{width:120px}
.link_title{font-size:20px;line-height:25px;font-weight:300}
.cssLayer1{position:fixed;top:0;left:0;width:100%;z-index:0;transform:translate(0,0);padding-top:85px}
.cssLayer1>div{position:relative}
.cssLayer2{position:relative;z-index:1;width:100%}
.cssLayer2 .cssBodyCopy{color:#7a7d81;background:#fff;width:100%}
.cssBacktop{position:fixed;z-index:80;bottom:20px;right:20px;display:none}
.cssBacktop img{border-width:1px;border-color:#7a7d81;border-style:solid}
.cssLayer2 .cssBacktop{position:fixed;right:20px}
.cssLayer1 .cssBg{text-align:center}
.section_title{font-size:40px;line-height:45px;font-family:AkkuratStd-Bold,"Microsoft YaHei",SimHei,sans-serif;font-weight:300}
.case-top-desc .section_title{padding:50px 0 10px;margin:0 40px}
.content_titlenobold{font-size:20px;line-height:25px;margin:0 40px}
.sub_title{font-size:20px;line-height:25px;margin:0 40px 20px;padding-bottom: 20px}
.cssLayer2 .cssNextProject{color:#fff;background:#7a7d81;position:relative;overflow:hidden;height:480px}
.cssNextProject .cssFrame{position:absolute;left:0;width:100%;z-index:25}
.cssNextProject .cssFrame .cssFrame1{position:absolute;top:50%;width:100%;text-align:center;transform:translate(0,-50%)}
.content_title{font-size:20px;line-height:25px;font-family:AkkuratStd-Bold,"Microsoft YaHei",SimHei,sans-serif;font-weight:300}
.cssLayer2 .cssNextProject .cssFrame .cssFrame1 .cssT2{padding:30px 0 15px}
.menutxt1{font-size:20px;line-height:110%}
.cssLayer2 .cssNextProject .cssBg{width:100%;height:100%;position:absolute;z-index:15;background:rgba(0,0,0,0) none no-repeat scroll center center/cover;background-size:cover;background-position:0 0;background-repeat:no-repeat}
.cssFrame{height:480px}
.cssBodymsg{margin:0 auto;max-width:1103px;text-align:left;padding:75px 0;color:#7a7d81}
.cssBodymsg .cssCol2{font-size:16px;line-height:24px;float:left;width:482px}
.cssBodymsg .cssQuota{text-align:center}
.cssBodymsg .cssQuota.cssFleft{margin-bottom:30px}
.cssBodymsg .cssQuota .cssQ1{padding:30px 0 0;background:url(../images/q1a.png) top left no-repeat}
.cssBodymsg .cssQuota .cssQ2{padding:0 0 30px;text-align:center;background:url(../images/q2a.png) bottom right no-repeat}
.cssBodymsg .cssQuota p{margin:0 60px;padding:0}
.cssBodymsg .cssCol2.cssRight{float:right}
.cssComTopBoxes{width:100%;margin:0 auto;max-width:1200px;margin-bottom:0;text-align:left;padding:0 0 30px}
.cssComTopBoxes .cssBox{padding:0 10px 10px 0}
.cssComTopBoxes .cssTitle{color:#7a7d81;font-size:40px;line-height:45px;padding:50px 90px 5px}
.cssComTopBoxes .cssMain{margin:0 0 0}
.cssComTopBoxes .cssCols{padding:0 20px;display:-webkit-flex;display:flex;-webkit--webkit-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.cssComTopBoxes .cssCol{width:25%}
.cssComTopBoxes .cssBox{padding:0 10px 10px 0}
.cssComTopBoxes .cssCol .cssPics{overflow:hidden;margin:0 0 0}
.cssComTopBoxes a{color:#fff}
.cssComTopBoxes .cssCol .cssPics img{width:100%;display:block;position:relative;transform-origin:50% 50% 0;-webkit-transform-origin:50% 50% 0}
.cssComTopBoxes .cssCol .cssMsg{margin:0 0 0;background:#7a7d81;color:#fff;height:73px}
.cssComTopBoxes .cssCol .cssMsg .cssMsgs{padding:10px 15px}
.cssComTopBoxes .cssCol .cssMsg .cssMsgs .cssName{font-size:14px;line-height:1}
.cssComTopBoxes .cssCol .cssMsg .cssMsgs .cssLocation{font-size:12px; font-family:AkkuratStd-Bold,"Microsoft YaHei",SimHei,sans-serif;font-weight:300;padding:10px 0 0}
.cssGridView .cssGridItem .cssFs{position:absolute;top:0;right:10px;background:#38393b;padding:5px 10px;color:#fff;z-index:5}

.cssSearchForm.opened {
    display:block
}
.cssSearchForm {
    background:#ffffff;
    top:48px;
    lefT:0;
    width:100%;
    z-index:105
}
.cssSearchForm {
    background: #ffffff;
    top: 48px;
    lefT: 0;
    width: 100%;
    z-index: 105;padding: 25px 0 30px
}
.cssSearchForm .cssClose {
    padding: 0 22px;
}
.cssSearchForm .cssClose a {
    width: 21px;
    height: 21px;
    overflow: hidden;
    display: block;
    float: right;
}
.cssSearchForm .cssClose span {
    font-size: 17px;
}
.cssSearchField {
    padding: 31px 0;
}
.cssSearchField .content {
    margin: 0 auto;
    max-width: 740px;
}
.element-invisible {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
}
.container-inline div, .container-inline label {
    display: inline;
}
.cssSearchField .form-text {
    color: #7a7d81;
    width: 630px;
    padding: 10px;
    font-size: 40px;
    line-height: 45px;
    line-height: 50px;border:2px solid #000;
}
.cssSearchField .form-actions {
    position: relative;
}
.cssSearchField .form-submit {
    z-index: 10;
    opacity: 0;
    text-indent: -999px;
    position: relative;
    top: -10px;
    background: #ffffff;
    border: 0;
    width: 70px;
    height: 70px;
}
.cssSearchField .form-actions i {
    position: absolute;
    font-size: 50px;
    top: 0;
    left: 50%;
    margin-left: -25px;
    margin-top: -30px;
}
.cssSearchResult {
    margin: 0 auto;
    max-width: 1049px;
}
.cssSearchResult .cssSum {
    margin: 0 18px;
    font-size: 20px;
    line-height: 25px;
    font-family: 'AkkuratStd-Bold', "Microsoft YaHei", SimHei, sans-serif;
    font-weight: 300;
    color: #7a7d81;
    padding: 35px 0 25px;
}
.cssSearchResult .cssPanels {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.cssSearchResult .cssTabhead {
    margin: 0 0 20px;
}
.cssSearchResult .cssTabhead ul {
    margin: 0;
    padding: 0;
}
.cssSearchResult .cssTabhead li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
}
.cssSearchResult .cssTabhead li.cur {
    border-color: #7a7d81;
}
.cssSearchResult .cssTabhead a {
    text-decoration: none;
    color: #7a7d81;
    display: block;
    padding: 10px 18px;
}
.cssSearchResult .cssTabhead span {
    font-size: 20px;
    line-height: 25px;
}
.cssSearchResult .cssTabbody .cssTabrow {
    padding: 0 0 15px;
    margin: 0 18px;
}
.cssSearchResult .cssTabbody .cssThmb {
    float: left;
    width: 235px;
}
.cssSearchResult .cssTabbody .cssThmb img {
    width: 85%;
}
.cssSearchResult .cssTabbody .cssMsg {
    float: left;
    width: 775px;
}
.cssSearchResult .cssTabbody .cssMsg .cssT1 {
    padding: 25px 0 20px;
    font-size: 20px;
    line-height: 25px;
    font-family: 'AkkuratStd-Bold', "Microsoft YaHei", SimHei, sans-serif;
    font-weight: 300;
}
.cssSearchResult .cssTabbody .cssMsg a {
    text-decoration: none;
    color: #7a7d81;
}
.cssSearchResult .cssTabbody .cssMsg .cssT1 a {
    font-size: 16px;
    line-height: 24px;
}
.cssSearchResult .cssTabbody .cssMsg .cssT2 {
    padding: 0 0 0;
    font-size: 16px;
    line-height: 24px;
}
.cssSearchResult .cssTabbody .cssMsg .cssT2 a {
    font-size: 16px;
    line-height: 24px;
}
@media (max-width:767px){.job-item{width:100%;margin-right:0;margin-bottom:20px}
    .cssBreadcrumb .cssL{margin-left:20px}
    .cssFilters .cssRow{margin:0 20px;padding:10px 0}
    .cssFilters .cssTitle{padding:0}
    .hotnews a{font-size:12px}
    .hotnews .hotnewsSwiper{z-index:20}
    .hotnews .hotnewsSwiper .swiper-slide a{display:block;width:80%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .cssGridView.team{padding:10px 0}
    .cssIpad{display:none}
    .cssPc{display:none}
    .cssIpad.cssMobile,.cssMobile,.cssPc.cssMobile{display:block}
    .homeBannerSwiper .textBox{top:10%;left:0;padding:0 15px}
    .homeBannerSwiper .h1{font-size:24px}
    .homeBannerSwiper .h2{font-size:18px}
    .homebg{position:absolute;width:100%;height:100%;z-index:0}
    .homemain{height:100%;overflow-x:hidden;overflow-y:auto;position:static;padding-top:230px;transform:translate(0,0);min-height:auto;max-width:100%;width:100%;top:0}
    .header .header-content .cssNav{position:fixed;top:0;left:0;width:100%;background:#38393b;z-index:100;height:100%}
    .cssNav .cssSPane{padding:0;margin:47px 0 0;overflow-x:hidden;overflow-y:hidden}
    .homemain .cssRhsContent{padding:72px 0 60px;float:none;width:auto;color:#fff;max-width:100%}
    .homemain .cssRhsContent a{text-decoration:none;color:#fff}
    .homemain .cssRhsContent .cssBlock{cursor:pointer;padding:0 0 0;position:relative}
    .homemain .cssRhsContent .cssBlock .cssBorder{background:url(../images/plus.png) top left no-repeat;position:absolute;height:14px;width:100%}
    .homemain .cssRhsContent .cssBlock .cssBorder.cssTop{top:-7px}
    .homemain .cssRhsContent .cssBlock .cssBorder.cssBottom{bottom:-7px;display:none}
    .homemain .cssRhsContent .cssBlock .cssFs{margin:0 0 0 23px;border-width:1px 0 0;border-style:solid;border-color:#fff;padding:0 0 5px;z-index:1;position:relative}
    .homemain .cssRhsContent .cssBlock .cssFs .cssHeadline{padding:14px 0 0}
    .homemain .cssRhsContent .cssBlock .cssFs .cssTitle{padding:15px 8px}
    .homemain .cssRhsContent .cssBlock .cssPics{height:100%}
    .homemain .cssRhsContent .cssBlock .cssPics img{height:100%}
    .homemain .cssRhsContent .cssBlock.cssAwards .cssFs .cssTitle{padding:15px 8px 10px}
    .homemain .cssRhsContent .cssBlock.cssAwards .cssFs .cssMsg{padding:0 8px 15px}
    .homemain .cssRhsContent .cssBlock.cssProjects .cssFs .cssTitle{padding:15px 8px 0}
    .homemain .cssRhsContent .cssBlock.cssProjects .cssFs .cssMsg{padding:0 8px 15px}
    .homemain .cssRhsContent .cssLast .cssBorder.cssBottom{display:none}
    .homemain .cssRhsContent .cssLast .cssFs{border-width:1px 0}
    .homemain .cssRhsContent .cssPics{display:none}
    .homemain .cssRhsContent .cssBlock:hover .cssPics{display:none}
    .cssNav .cssTT{display:block;top:0;left:0;position:absolute}
    .cssNav .cssTT{position:absolute;top:10px;left:0;padding:15px 0 15px 45px;background:url(../images/f1_02.png) center left no-repeat;line-height:100%;display:block;transform:scale(.8,-.8);-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8)}
    .header .header-content .cssNav .cssMain li a{display:block;padding:0 0;position:relative;z-index:5;font-size:16px;line-height:100%}
    .olctl i.fa{color:#fff;font-size:40px}
    .about-us-desc{width:100%;padding:20px;left:0}
    .cssBody .cssWrapper{padding:30px 15px 30px}
    .cssInfo .cssRow2{padding:0 0 15px;text-align:left}
    .cssInfo .cssRow2 .cssCol{width:100%}
    .cssInfo .cssRow2 .cssCol1{float:none;padding:0 0 30px}
    .cssInfo .cssRow2 .cssT1{margin:0 0;font-size:24px;padding:0 0 30px}
    .cssInfo .cssRow2 .highlight{font-size:24px}
    .cssInfo .cssRow2 .cssMM{margin:0 0;font-size:16px}
    .cssInfo .cssCount{margin-left:0;padding:0;display:block}
    .cssInfo .cssCount .cssCol{margin:0 auto 18px;border-width:1px;width:200px;height:200px;position:relative;border-radius:100px;border-color:#7a7d81;border-style:solid}
    .cssComFooterBoxes{text-align:left;display:block;margin:0 0}
    .cssComFooterBoxes .cssCol2{float:none;width:100%;margin:0 0 12px}
    .allnews.homemain{top:0;position:absolute;padding-top:0}
    .news-title{margin-left:0}
    .cssGridView .cssWrapper{padding:0 0 22px 0;display:block}
    .cssGridView .cssGridItem{width:100%}
    .cssGridView .cssGridItem .cssBox{padding:0 0 10px 0}
    .cssGridView .cssGridItem .cssTxt .cssFF{padding:14px 45px}
    .section_title{font-size:22px;line-height:24px}
    .case-top-desc .section_title{padding:20px 0 20px;margin:0 40px}
    .content_titlenobold{font-size:16px;line-height:20px}
    .case-top-desc .content_titlenobold{margin:0 40px}
    .cssBodyCopy .cssWrapper{padding:10px 15px 30px}
    .attr-box{font-size:12px;width:100%;padding-bottom:15px}
    .case-desc{font-size:12px}
    .case-gallery-box .left .case-gallery-item{height:232px}
    .case-gallery-box .right .case-gallery-item{height:115px}
    .case-gallery-box{margin-top:15px}
    .case-gallery-box2 .left .case-gallery-item{height:232px}
    .case-gallery-box2 .right .case-gallery-item{height:232px}
    .cssFrame{height:240px}
    .cssLayer2 .cssNextProject{height:240px}
    .cssGridView .cssGridItem .cssTxt{width:100%}
    .cssBodymsg{text-align:left;padding:16px 0}
    .cssBodymsg .cssCol2{font-size:14px;line-height:20px;float:auto;width:auto;margin:0 0;padding:0 0 40px}
    .cssBodymsg .cssQuota .cssQ1{padding:43px 0 0 47px}
    .cssBodymsg .cssQuota .cssQ2{padding:0 47px 43px 0}
    .cssBodymsg .cssCol2.cssRight{float:none}
    .cssBodymsg .cssQuota p{margin:0}
    .cssComTopBoxes{width:100%;max-width:1200px;margin:0 auto;margin-bottom:0}
    .cssComTopBoxes .cssTitle{color:#7a7d81;font-size:24px;line-height:28px;padding:20px 40px 10px;padding-left:15px}
    .cssComTopBoxes .cssCols{margin:0;padding:0;display:block}
    .cssComTopBoxes .cssCol{float:left;width:100%;margin:0 0 10px}
    .cssComTopBoxes .cssCol .cssBox{padding:0}
    .case-gallery-box{position:relative;width:100%;margin:0 auto}
    .case-gallery-box .cssImg{overflow:stat;position:relative;margin-bottom:15px}
    .case-gallery-box .cssBg div{position:absolute;width:100%;height:100%;text-align:center}
    .case-gallery-box .cssImg2,.case-gallery-box .cssImg3{padding-top:35.5%}
    .cssSearchField .content form {
        margin: 0 40px;
    }
    .cssSearchField .form-text {
        font-size: 24px;width: 75%;
        color: #7a7d81;
        padding: 0 10px;
    }
    .cssSearchField .form-submit {
        text-indent: -999px;
        position: relative;
        top: -4px;
        border: 0;
        width: 54px;
        height: 54px;
    }
    .cssSearchField .form-actions i {
        position: absolute;
        font-size: 50px;
        top: 0;
        left: 50%;
        margin-left: 0px;
        margin-top: -22px;
    }
    .cssSearchResult .cssTabbody .cssTabrow {
        padding: 0 0 35px;
        margin: 0 40px;
    }
    .cssSearchResult .cssTabbody .cssThmb {
        float: left;
        width: 50%;
    }
    .cssSearchResult .cssTabbody .cssThmb img {
        width: 100%;
    }
    .cssSearchResult .cssTabbody .cssMsg {
        float: right;
        width: 47%;
    }
    .cssSearchResult .cssTabbody .cssMsg .cssT1 {
        padding: 7px 0 20px;
    }
    .cssSearchResult .cssTabbody .other .cssMsg {

        width: 100%;
    }
    .cssSearchResult .cssTabhead{margin:20px 10px}
    .cssSearchResult .cssTabhead span{font-size: 14px}
    .cssSearchResult .cssTabbody .cssMsg .cssT1 a{font-size: 12px}
    .cssSearchResult .cssTabhead a{padding:5px 10px}
    .cssSearchResult .cssTabbody .other .cssMsg .cssT1{padding-bottom:0}
}
@media all and (max-width:960px) and (min-width:767px){.cssIpad,.cssMobile.cssIpad,.cssPc.cssIpad{display:block}
    .cssPc{display:none}
    .cssMobile{display:none}
    .homeBannerSwiper .textBox{top:10%}
    .homemain{width:100%;position:absolute;top:400px;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);min-height:510px}
    .header .header-content .cssNav{width:34%}
    .homemain .cssRhsContent{float:none;width:100%;color:#fff;max-width:100%}
    .homemain .cssRhsContent a{text-decoration:none;color:#fff}
    .homemain .cssRhsContent .cssBlocks{padding:30px 10px}
    .homemain .cssRhsContent .cssBlock{margin:0 0 0;float:left;width:33.33%;cursor:pointer;padding:0 20px 0;position:relative}
    .homemain .cssRhsContent .cssBlock .cssBorder{background:url(../images/plus.png) top left no-repeat;position:absolute;height:14px;width:100%}
    .homemain .cssRhsContent .cssBlock .cssBorder.cssTop{top:-7px}
    .homemain .cssRhsContent .cssBlock .cssBorder.cssBottom{bottom:-7px;display:none}
    .homemain .cssRhsContent .cssBlock .cssFs{margin:0 0 0 23px;border-width:1px 0 0;border-style:solid;border-color:#fff;padding:0 0 5px;z-index:1;position:relative}
    .homemain .cssRhsContent .cssBlock .cssFs .cssHeadline{padding:14px 0 0}
    .homemain .cssRhsContent .cssBlock .cssFs .cssTitle{padding:10px 0}
    .homemain .cssRhsContent .cssBlock .cssPics{height:100%}
    .homemain .cssRhsContent .cssBlock .cssPics img{height:100%}
    .homemain .cssRhsContent .cssBlock.cssAwards .cssFs .cssTitle{padding:10px 0 10px}
    .homemain .cssRhsContent .cssBlock.cssAwards .cssFs .cssMsg{padding:0 0 30px}
    .homemain .cssRhsContent .cssBlock.cssProjects .cssFs .cssTitle{padding:10px 0 0}
    .homemain .cssRhsContent .cssBlock.cssProjects .cssFs .cssMsg{padding:0 0 30px}
    .homemain .cssRhsContent .cssLast .cssBorder.cssBottom{display:none}
    .homemain .cssRhsContent .cssLast .cssFs{border-width:1px 0 0}
    .homemain .cssRhsContent .cssPics{display:none}
    .homemain .cssRhsContent .cssBlock:hover .cssPics{display:none}
    .about-us-desc{width:100%;padding:20px;left:0}
    .cssInfo .cssCount{padding:0 0 70px;margin-left:0}
    .cssGridView .cssGridItem{width:50%;float:left}
    .cssGridView .cssGridItem .cssTxt .cssFF{padding:14px 10px}
    .section_title{font-size:22px;line-height:24px}
    .case-top-desc .section_title{padding:50px 0 20px;margin:0 40px;font-size:28px}
    .content_titlenobold{font-size:16px;line-height:20px}
    .case-top-desc .content_titlenobold{margin:0 40px}
    .case-gallery-box .left .case-gallery-item{height:445px}
    .case-gallery-box .right .case-gallery-item{height:195px}
    .case-gallery-box{margin-top:15px}
    .case-gallery-box2 .left .case-gallery-item{height:445px}
    .case-gallery-box2 .right .case-gallery-item{height:445px}
    .cssFrame{height:240px}
    .cssLayer2 .cssNextProject{height:240px}
}
.contactInfo   .cssRow2 .cssCol1{width:auto}
.contactInfo   .cssRow2 .cssCol2{width:700px}
.cssJobPage .cssWrapper {
    margin: 0 auto;
    max-width: 1013px;
}
.cssJobPage .cssWrapper1 {
    padding: 55px 0 30px;
    color: #7a7d81;
}
.cssJobPage .cssLhs {
    float: left;
    width: 350px;
}
.cssJobPage .cssLhs .cssName {
    font-size: 40px;
    line-height: 45px;
    font-family: 'AkkuratStd-Bold', "Microsoft YaHei", SimHei, sans-serif;
    font-weight: 300;
}
.cssJobPage .cssLhs .cssInfo {
    padding: 20px 0 35px;
    font-size: 20px;
    line-height: 25px;
    font-family: 'AkkuratStd-Bold', "Microsoft YaHei", SimHei, sans-serif;
    font-weight: 300;
}
.cssJobPage .cssLhs .cssBtn {
    margin: 85px 0 0;
    padding: 30px 0 0;
}
.cssJobPage .cssLhs .cssBtn a {
    text-decoration: none;
    color: #7a7d81;
    display: block;
}
.cssJobPage .cssLhs .cssBtn .cssIcons {
    position: relative;
    margin: 5px 17px 5px 0;
    width: 33px;
    height: 33px;
    overflow: hidden;
    display: block;
    float: left;
}
.cssJobPage .cssRhs {
    float: right;
    width: 663px;
    font-size: 16px;
    line-height: 24px;
}
.cssJoinBtn{height: 30px;line-height: 30px;text-align: center;
    padding: 15px 40px;
    background: #595959;color:#fff;
    border-radius: 10px;
 font-size: 16px;
    margin-bottom: 15px;}

.cssJobPage .cssRhs .cssP2 .cssHT {
    font-size: 20px;
    line-height: 25px;
    font-family: 'AkkuratStd-Bold', "Microsoft YaHei", SimHei, sans-serif;
    font-weight: 300;
    padding: 0 0 30px;
}
.cssJobPage .cssRhs {
    float: right;
    width: 663px;
    font-size: 16px;
    line-height: 24px;
}
.cssJobPage .cssRhs .cssP2 .cssRow1 .cssRow {
    padding: 0 0 10px;
}
.cssJobPage .cssRhs .cssP2 .cssRow1 .cssCol {
    float: left;
    width: 50%;
}
.cssJobPage .cssRhs .cssP2 input, .cssJobPage .cssRhs .cssP2 textarea {
    color: #7b7f83;
    font-size: 16px;
    line-height: 24px;
    border-width: 1px;
    border-color: #7b7f83;
    border-style: solid;
    width: 100%;
    padding: 10px 15px;
}
.cssJobPage .cssRhs .cssP2 input {
    width: 82%;
}
.cssJobPage .cssRhs .cssP2 .cssRow2 {
    padding: 25px 60px 15px 0;
}
.cssJobPage .cssRhs .cssP2 .cssRow2 .cssRow {
    padding: 0 0 10px;
}
.cssJobPage .cssRhs .cssP2 .cssRow2 .cssCol {
    width: 25%;
    float: left;
    position: relative;
}
.cssJobPage .cssRhs .cssP2 .cssRow2 .cssCol {
    padding: 0 0 0;
}
.cssJobPage .cssRhs .cssP2 .cssRow2 .cssCol button {
    background: #7b7f83;
    font-size: 20px;
    line-height: 25px;
    font-size: 16px;
    width: 155px;
    height: 33px;
    border-width: 0;
}
.cssJobPage .cssRhs .cssP2 .cssRow2 .cssRow.cssRowremark {
    color: #7b7f83;
    font-size: 14px;
}
.cssJobPage .cssRhs .cssP2 textarea {
    height: 100px;
    resize: none;
    font-family: 'AkkuratStd', "Microsoft YaHei", SimHei, sans-serif;
    width: 91%;
}
.cssJobPage .cssRhs .cssP2 .cssRow6 {
    padding: 0 0 0;
}
.cssJobPage .cssRhs .cssP2 .cssRow6 button {
    background: #7b7f83;
    font-size: 20px;
    line-height: 25px;
    font-size: 16px;
    width: 190px;
    height: 33px;
    border-width: 0;
}
.cssJobPage .cssRhs .cssP2 .cssRow6 span {
    color: #ffffff;
    padding: 0;
    margin: 0;
}
.cssJobPage .cssRhs .cssP2 .cssRow5 {
    padding: 22px 0 32px;
}
.cssJobPage .cssRhs .cssP2 .cssRow5 a {
    color: #7b7f83;
    text-decoration: none;
    background: url(../images/checkbox.jpg) center left no-repeat;
    display: block;
    padding: 11px 0 11px 47px;
}
.cssJobPage .cssRhs .cssP2 .cssRow5 a.picked {
    background: url(../images/checkbox1.png) center left no-repeat;
}

.uploadify-button {
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    color: #000;
    position: relative;
    height: auto;
    border: 1px dashed #ea1b51;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    text-align: center;
    width: 100%;
}
.wind-file-input input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    z-index: -2;
    opacity: 0;
}
.cssJoinus   .cssJobList {
    padding:  5px 30px 75px ;
}
.cssJoinus   .cssInfo .cssRow {
    text-align: left;
}
.cssJoinus .cssJobList .cssHead {
    padding: 0 0 60px;
    font-size: 20px;
    line-height: 25px;
    font-family: 'AkkuratStd-Bold', "Microsoft YaHei", SimHei, sans-serif;
    font-weight: 300;
}
.cssJoinus   .cssJobList .cssBs {
    padding: 0 0 20px;
}
.cssJoinus  .cssJobList .cssCol {
    float: left;
    color: #7a7d81;
}
.cssJoinus  .cssJobList .cssCol1 {
    width: 575px;
    font-size: 20px;
    line-height: 25px;
}
.cssJoinus  .cssJobList .cssCol3 {

    font-size: 20px;
    line-height: 25px;
}
.cssJoinus  .cssJobList .cssDatarow .cssCol1, .cssJoinus   .cssJobList .cssDatarow .cssCol2, .cssJoinus  .cssJobList .cssDatarow .cssCol3 {
    font-size: 16px;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.mb-1, .my-1 {
    margin-bottom: 0.25rem!important;
}
.mb-2, .my-2 {
    margin-bottom: 0.5rem!important;
}
.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}
.bg-primary {
    background-color: #007bff!important;
}
.cssZoomBg.hover {
    animation-name:resize_normal;
    animation-duration:1s;
    animation-iteration-count:1;
    animation-delay:0s;
    animation-fill-mode:forwards;
    animation-play-state:running;
    animation-timing-function:ease;
    animation-direction:normal;

}
.cssZoomBg {
    ransform-origin:50% 50% 0;

    animation-name:resize_large;
    animation-duration:1s;
    animation-iteration-count:1;
    animation-delay:0s;
    animation-fill-mode:forwards;
    animation-play-state:running;
    animation-timing-function:ease;
    animation-direction:normal;

}