.slide-item {  margin: 0; display: inline-block !important; height: 100% !important  }
.slide-mask.slide-slidebox.hide-mask,
.slide-wrapper-outer.autoheight,
.slide-wrapper,
.slide-item.active.ani-text,
.bg-home,
.bg-inner,
div#home-page,
.banner-home,
.banner-inner {height: 100% !important}
.slide-buttons {display: none}
.slide-mask.slide-slidebox.hide-mask .slide-buttons {display: block}

.bg-home, .bg-inner { height: calc(100vh - 40px); display: block; backface-visibility: hidden; }
.center-text { text-align: center; }
.center-text h2 { font-size: 55px; }
.text-banner { position: absolute; top: 50%; left: 50%; width: 80%; height: auto; transform: translate(-50%,-50%); z-index: 10; }
.description { opacity: 0; transition: all 1s cubic-bezier(.23,1,.38,1); transform: translateY(100px); }
.center-text .description { max-width: 350px; margin: 0 auto}
.bg-home h2 { line-height: 1.2; font-weight: 700; text-transform: uppercase; }
.center-text h2, .title-page h1 { text-shadow: 0 10px 30px rgba(0,0,0,.3); }
.bg-home h2, .bg-home p { display: block; color: #fff; }
.center-text h2::before { background: url(../slider_1/top-frame.svg) center center no-repeat; top: -40px; height: 40px; }
.center-text h2::after { background: url(../slider_1/bottom-frame.svg) center center no-repeat; bottom: -60px; height: 60px; }
.center-text .go-page { left: 50%; margin: 25px 0 0 -25px; }
.date, .go-page { position: absolute; }
.go-page { background: url(../slider_1/zoom.svg) 50%/80% no-repeat #f1662f; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 15px 30px rgba(0,0,0,.2); display: block; opacity: 0; }
.center-text h2::after, .center-text h2::before { content: ''; position: absolute; width: 212px; left: 50%; margin: 0 0 0 -106px; }
.container { position: relative; display: block; opacity: 0; overflow: hidden; }
.bg-video.hide,.youtube-video img { opacity: 0; pointer-events: none; }
.video-youtube-full { height: calc(100vh - 40px); }
.video-youtube-full::after { content: ""; width: 100%; height: 100%; background-color: #60676d; position: absolute; left: 0; top: 0; z-index: -5; }
.youtube-video { width: 100%; height: 100%; position: relative; display: block; }
.bg-video,.youtube-video iframe { width: 100%; position: absolute; left: 0; }
.youtube-video iframe { height: calc(100vw * .5625); top: 50%; transform: translateY(-50%); z-index: -1; }
.full-frame .youtube-video iframe { height: 100vh; top: 0; transform: translateY(0); }
.youtube-video img { width: 100%; height: auto; display: block; }
.bg-video { height: calc(100vw * .5625); top: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .6s ease-in-out; }
.control,.play-button { transition: opacity .5s ease-in-out; position: absolute; }
.play-button { width: 140px; height: 140px; left: 50%; top: 50%; margin: -70px 0 0 -70px; border-radius: 50%; }
.play-button svg { width: 90%; height: 90%; margin: 5%; display: block; }
.play-button .load-vid { fill: none; stroke-miterlimit: 10; stroke-width: 2; stroke: #fff; stroke-dasharray: 800; stroke-dashoffset: 800; animation-name: DrawStroke; animation-duration: 3s; animation-fill-mode: forwards; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: linear; }
.play-button::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; background: linear-gradient(180deg,rgba(91,84,80,.8) 0,rgba(0,0,0,.8) 100%); opacity: .5; z-index: -1; }
.bg-home,.bg-inner,.control button { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.pause-button { width: 0; height: 0; position: absolute; left: 0; top: 0; margin: 0; }
.pause-button,.play-button { opacity: 0; pointer-events: none; z-index: -99999; }
.pause-button.show,.play-button.show { opacity: 1; pointer-events: auto; z-index: 999; }
.award img,.image-showroom img,.pic-news img,.pic-pro img,.thumb-pic img { pointer-events: none; }
.control {width: 200px;height: auto;padding: 10px;bottom: 55px;left: 50%;margin: 0 0 0 -100px;text-align: center;color: #fff;font-size: 12px;font-weight: 400;z-index: 10;}
.control::after,.slide-range::after { z-index: -1; content: ''; left: 0; }
.control::after { width: 100%; height: 100%; position: absolute; bottom: 0; background-color: rgba(0,0,0,0); transition: background-color .3s ease-in-out; }
.control button,.slide-range { position: relative; border: none; cursor: pointer; outline: 0; }
.control.hide { opacity: 0; }
.control:hover::after { background-color: rgba(0,0,0,.5); }
.control button,.control button:focus,.control button:hover,.slide-range { background-color: transparent; }
.control button { transition: all .3s ease-in-out; overflow: hidden; display: inline-block; vertical-align: middle; margin: 0 10px; padding: 0; width: 30px; height: 30px; }
.is-IE .control::after,.is-IE .slide-range,.slide-range { display: none; }
.control button:hover { opacity: .5; }
.control button:focus { opacity: 1; }
.control span { display: none; vertical-align: middle; margin: 0 5px; }
.slide-range { width: 100%; height: 20px; color: transparent; margin: 0 0 10px; transition: opacity .3s ease-in-out; opacity: .5; }
.slide-range::after { width: 100%; height: 1px; position: absolute; top: 50%; background-color: #fff; }
.slide-range:hover { opacity: 1; }
.slide-range::-webkit-slider-thumb { border: none; width: 20px; height: 20px; margin: -10px 0; background-color: #fff; cursor: pointer; border-radius: 50%; }
.slide-range::-moz-range-thumb { border: none; width: 20px; height: 20px; margin: -10px 0; background-color: #fff; cursor: pointer; border-radius: 50%; }
.slide-range::-webkit-slider-runnable-track { width: 0; height: 0; border: none; }
.slide-range:focus { outline: 0; }
.slide-range:focus::-webkit-slider-runnable-track { width: 0; height: 0; border: none; }
button[data-state=play] { background-image: url(../slider_1/play.svg); }
button[data-state=pause] { background-image: url(../slider_1/pause.svg); }
button[data-state=stop] { background-image: url(../slider_1/stop.svg); width: 0; height: 0; opacity: 0; }
button[data-state=mute] { background-image: url(../slider_1/mute.svg); }
button[data-state=unmute] { background-image: url(../slider_1/unmute.svg); }
button[data-state=go-fullscreen] { background-image: url(../slider_1/fullscreen.svg); }
button[data-state=cancel-fullscreen] { background-image: url(../slider_1/cancel-fullscreen.svg); }
.banner-home,.banner-inner { height: auto; width: 100%; position: relative; display: block; margin: 0; z-index: 1; }
.slide-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; display: none; }
.bg-home,.bg-inner,.slide-mask { position: relative; -webkit-backface-visibility: hidden; width: 100%; }
.slide-mask { height: auto; display: block; overflow: hidden; backface-visibility: hidden; }
.bg-home,.bg-inner { height: calc(100vh - 40px); display: block; backface-visibility: hidden; }
.play,.stop { display: block; position: absolute; z-index: -9999; }
.video-home { background-color: #fff; height: 80vh; overflow: hidden; }
:-webkit-full-screen,:-webkit-full-screen-ancestor:not(iframe) { background-color: #fff!important; position: fixed!important; left: 0; top: 0; z-index: 2147483647!important; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background-color: #f1f1f1; }
::-webkit-scrollbar-thumb { background-color: #888; }
.slide-slidebox,.slide-slidebox.slide-drag .slide-item{-ms-touch-action:pan-y;-webkit-user-select:none;-ms-user-select:none}
.slide-item,.slide-slidebox{-webkit-tap-highlight-color:transparent;position:relative}
.slide-item,.slide-slidebox,.slide-video-frame,.slide-video-wrapper,.slide-wrapper{position:relative}
.slide-slidebox{-khtml-user-select:none;-moz-user-select:-moz-none}
.slide-slidebox.slide-hidden{opacity:0}
.slide-slidebox.slide-refresh .slide-item{visibility:hidden}
.slide-slidebox.slide-drag .slide-item{touch-action:pan-y;-moz-user-select:none;user-select:none}
.slide-item,.slide-next,.slide-page span,.slide-prev{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.slide-slidebox.slide-rtl{direction:rtl}
.slide-slidebox.slide-rtl .slide-item{float:right}
.slide-wrapper{margin:auto;-webkit-transform:translate3d(0,0,0);height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.preloader::before,.slide-video-play-icon::after,.slide-video-play-icon::before{content:""}
.slide-video-frame,.slide-video-frame iframe,.slide-video-wrapper{width:100%;height:100%}
.slide-wrapper-outer{overflow:hidden;position:relative;width:100%}
.slide-item{float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-touch-callout:none}
.slide-loading{opacity:0;display:block}
.slide-slidebox .animated-in{z-index:0}
.slide-slidebox .animated-out{z-index:1}
.autoheight{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.no-js .slide-slidebox{display:block}
.preloader,.slide-video-playing .slide-video-play-icon,.slide-video-playing .slide-video-tn{display:none}
.slide-slidebox .slide-item img.lazyload{opacity:0;transition:opacity .4s ease;transform-style:preserve-3d}
.slide-video-wrapper{background-color:#000}
.slide-video-play-icon{width:100px;height:100px;cursor:pointer;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;border-radius:50%;z-index:99999}
.preloader,.slide-video-play-icon::after,.slide-video-play-icon::before{width:100%;height:100%;left:0;top:0}
.slide-video-play-icon::before{position:absolute;border-radius:50%;background:url(../slider_1/play.svg) 50%/80% no-repeat;z-index:1}
.slide-video-play-icon::after{position:absolute;border-radius:50%;background:linear-gradient(180deg,rgba(91,84,80,.8) 0,rgba(0,0,0,.8) 100%);transition:opacity .5s ease-in-out;opacity:.5;z-index:-1}
.preloader,.slide-buttons{position:absolute;z-index:10}
.slide-video-play-icon:hover::after{opacity:1}
.slide-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:opacity .4s ease}
.preloader{padding-top:calc(50% - 41px);border:none;background-color:transparent;text-align:center}
.preloader::before{width:82px;height:82px;position:absolute;left:50%;top:50%;margin:-41px 0 0 -41px;background:url(../slider_1/cycle.png) center center no-repeat;animation:Preloader 1s steps(12,end) infinite}
.loading .preloader{display:block}
.done .preloader{display:none}
.grabbing{cursor:ew-resize;cursor:e-resize;cursor:url(../slider_1/grabbing.png) 8 8,move}
.slide-buttons,.slide-pagination{width:100%;height:auto;text-align:center}
.slide-buttons svg,.slide-pagination svg{width:100%;height:100%}
.slide-pagination svg{pointer-events:none}
.slide-pagination{margin:20px auto}
.slide-buttons{top:50%;left:0;width:100%;max-width:inherit;margin:-40px 0 0;transform:none}
.slide-buttons.hide,.slide-pagination.hide{opacity:0;pointer-events:none}
.slide-page{display:inline-block;position:relative;margin:0 3px}
.slide-page span:not(.dot-number){display:block;width:12px;height:12px;opacity:.5;border-radius:50%}
.slide-next,.slide-prev{top:0;position:absolute;width:80px;height:80px}
.slide-page:not(.active):hover span:not(.dot-number){opacity:1}
.slide-page.active span:not(.dot-number){opacity:1;pointer-events:none}
.slide-buttons.disabled,.slide-pagination.disabled{display:none}
.slide-next,.slide-page span,.slide-prev{cursor:pointer;-khtml-user-select:none;transition:all .3s ease-in-out}
.slide-prev{left:-80px;background:url(../slider_1/previous.svg) center center/contain no-repeat}
.slide-next{right:-80px;background:url(../slider_1/next.svg) center center/contain no-repeat}
.album-center .slide-next,.next-pic,.slide-mask .slide-next,.slide-pic .slide-next{right:10px}
.slide-next:hover,.slide-prev:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
.slide-next.disabled,.slide-prev.disabled{pointer-events:none;opacity:.2}
.slide-page .dot-number{color:#fff;padding:0;font-size:14px;line-height:28px;text-align:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.5);background-color:rgba(255,255,255,0);transition:all .3s ease-in-out;border-radius:50%;margin:0 2px;opacity:1;display:inline-block}
.slide-page.active .dot-number,.slide-page:hover .dot-number{background-color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,0);color:#666}
.numbers .slide-page.active:before,.numbers .slide-pagination:after{font-size:20px;display:inline-block;vertical-align:middle;margin:5px;position:relative}
.slide-page.active .dot-number{pointer-events:none}
.color-white .slide-page span:not(.dot-number){background-color:#a7a9ac}
.color-white .slide-page.active span:not(.dot-number){background-color:#fff}
.color-orange .slide-page span:not(.dot-number){background-color:#b3b3b3}
.color-orange .slide-page.active span:not(.dot-number){background-color:#f1662f}
.color-grey .slide-page span:not(.dot-number){background-color:#fff}
.color-grey .slide-page.active span:not(.dot-number){background-color:#7e8387}
.color-grey-dark .slide-page span:not(.dot-number){background-color:#999}
.color-grey-dark .slide-page.active span:not(.dot-number){background-color:#333}
.color-grey-dark .slide-prev{background:url(../slider_1/previous1.svg) center center/contain no-repeat}
.color-grey-dark .slide-next{background:url(../slider_1/next1.svg) center center/contain no-repeat}
.circle-outer { stroke: rgba(255,255,255,.8); fill: none; stroke-width: 3; stroke-dasharray: 534; transform: rotate(-100deg) translateX(-17px); }
.active .circle-outer{stroke:#f1662f;animation-name:Show100;animation-fill-mode:forwards}
.color-white .active .circle-outer{stroke:#a7a9ac}
.color-orange .active .circle-outer{stroke:#b3b3b3}
.color-grey .active .circle-outer{stroke:#fff}
.numbers{text-align:center}
.numbers .slide-pagination{counter-reset:slides-num;text-align:center;width:100px;display:inline-block;position:relative;padding:10px}
.thumbs,.thumbs-video{width:90%;max-width:600px}
.numbers .slide-pagination:after{content:counter(slides-num);text-align:right}
.numbers .slide-page.active:before{content:counter(slides-num) " /";text-align:left}
.numbers .slide-page{counter-increment:slides-num;margin:0}
.numbers .slide-page span{display:none}
.thumbs-video{margin:auto;position:relative;display:block}
.thumbs{height:auto;left:50%;bottom:2.5vh;position:absolute;display:inline-block;margin:0;transform:translate(-50%,0);z-index:5}
.thumb-item,.thumb-item a{display:block}
.thumb-item{width:90px;height:50px;position:relative;opacity:.5;border:5px solid #fff;overflow:hidden;transition:opacity .3s ease-in-out}
.slide-item.current .thumb-item{pointer-events:none;opacity:1}
.thumb-item:hover{opacity:1}
.thumb-item img{width:100%;height:auto;display:block;pointer-events:none}
.center-slidebox .slide-wrapper{width:100%!important;white-space:nowrap;text-align:center}
.center-slidebox .slide-item{float:none!important;display:inline-block!important;vertical-align:top}
.album-center .slide-prev{left:10px}
.slide-pic-nav{position:absolute;top:50%;left:0;width:100%;max-width:inherit;margin:-40px 0 0;transform:none;z-index:10}
.prev-pic,.slide-mask .slide-prev,.slide-pic .slide-prev{left:10px}
.next-pic,.prev-pic{width:80px;height:80px;top:0;cursor:pointer;transition:all .3s ease-in-out;position:absolute}
.next-pic{background:url(../slider_1/next.svg) center center/contain no-repeat}
.prev-pic{background:url(../slider_1/previous.svg) center center/contain no-repeat}
.next-pic:not(.disabled):hover,.prev-pic:not(.disabled):hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
.next-pic.disabled,.prev-pic.disabled{opacity:.2;pointer-events:none}
.slide-mask .slide-pagination{position:absolute;bottom:10px;margin:10px 0}
.slide-mask .slide-page span{background-color:#fff;width:19px;height:19px;transform:scale(.9)}
.slide-mask .slide-buttons{margin:-50px 0 0}
.slide-mask .slide-next,.slide-mask .slide-prev{width:100px;height:100px;color:#fff;border-radius:0}
.slide-mask .slide-next:hover,.slide-mask .slide-prev:hover{color:#f1662f;transform:scale(1)}
.slide-mask .slide-next:hover{transform:translate3d(5px,0,0)}
.slide-mask .slide-prev:hover{transform:translate3d(-5px,0,0)}
.catalogue-slide .slide-buttons,.slide-design .slide-buttons{margin:-80px 0 0}
#home-page .slide-mask .slide-pagination{bottom: 5px;}
.material-slide .slide-buttons.margin{margin:-40px 0 0}
.material-slide .slide-buttons{margin:-80px 0 0}
.close.margin{margin:-20px 0 0}
@media screen and (max-width:1100px){.slide-page:not(.active):hover span:not(.dot-number),.slide-video-play-icon:hover::after{opacity:.5}
    .slide-pic-nav{top:auto;margin:0;bottom:0;height:50px;background-color:rgba(0,0,0,.3);z-index:9999}
    .next-pic,.prev-pic,.slide-next,.slide-page span,.slide-prev{transition:none;transform:none}
    .next-pic,.prev-pic,.slide-mask .slide-next,.slide-mask .slide-prev,.slide-next,.slide-prev{width:50px;height:50px}
    .slide-mask .slide-buttons{margin:-25px 0 0}
    .slide-next{right:-50px}
    .slide-prev{left:-50px}
    .next-pic,.slide-mask .slide-next{right:0}
    .prev-pic,.slide-mask .slide-prev{left:0}
    .next-pic:hover,.prev-pic:hover,.slide-next:hover,.slide-prev:hover{transform:none}
    .slide-mask .slide-next:hover,.slide-mask .slide-prev:hover{transform:none;color:#fff}
    .slide-page{margin:0 1px}
    .slide-page span:not(.dot-number){transform:scale(.8)}
    .slide-next:hover,.slide-prev:hover{transform:none;background-color:transparent;border-width:0}
    .slide-mask .slide-page span{transform:scale(.7)}
    .slide-award .slide-buttons,.slide-mask .slide-buttons{display:none}
    .slide-award .slide-pagination{display:block}
    .slide-video-play-icon{height:60px;width:60px;left:50%;top:50%;margin:-30px 0 0 -30px;transform:none}
    .album-center .slide-buttons,.catalogue-slide .slide-buttons,.slide-design .slide-buttons{display:none}
    .catalogue-slide .slide-buttons,.slide-design .slide-buttons{margin:-25px 0 0}
    #home-page .slide-mask .slide-pagination{bottom:0;text-align:right;padding:0 10px 0 0}
    #home-page .slide-mask .slide-buttons{display:block}
    .material-slide .slide-buttons{display:none}
    .close.margin{margin:80px -25px 0 0}
}
@media screen and (max-width:840px){.slide-page span:not(.dot-number){transform:scale(.7)}
    .slide-mask .slide-page span{transform:scale(.6)}
    .slide-mask .slide-pagination{bottom:0}
}
@media screen and (max-width:620px){.thumbs,.thumbs-video{max-width:300px}
}
@media screen and (max-width:440px){.slide-page span:not(.dot-number){transform:scale(.6)}
    .slide-mask .slide-page span{transform:scale(.5)}
    .slide-page .dot-number{font-size:12px;line-height:18px;width:20px;height:20px;transition:none}
    #home-page .slide-mask .slide-pagination{bottom:0;text-align:center;padding:0;width:20px;right:0}
}
.fadein,.fadeout{animation-duration:1s;animation-fill-mode:both}
@keyframes Start{from{visibility:hidden}
    to{visibility:visible}
}
@keyframes Reveal{from{transform:scale(.001)}
    to{transform:scale(1)}
}
@keyframes Slide{to{transform:translateX(20px)}
}
@keyframes Preloader{100%{transform:rotate(360deg)}
}
@keyframes DrawStroke{0%{stroke-dashoffset:800}
    100%{stroke-dashoffset:0}
}
@keyframes Play{from{background-position:0}
    to{background-position:-360px}
}
@keyframes Ani{0%{box-shadow:0 0 0 rgba(220,220,220,0);border:1px solid rgba(220,220,220,0);transform:scale(0)}
    70%{box-shadow:0 0 50px rgba(220,220,220,1);border:1px solid rgba(220,220,220,1);transform:scale(1)}
    100%{box-shadow:0 0 60px rgba(220,220,220,0);border:0 solid rgba(220,220,220,0);transform:scale(2)}
}
@keyframes Bg-Animation{0%,100%{transform:translate3d(-50%,-50%,0) scale(.8);opacity:0}
    70%{transform:translate3d(-50%,-50%,0) scale(1.2);opacity:1}
}
@keyframes BgColor{from{background-color:rgba(0,72,53,1)}
    to{background-color:rgba(176,92,30,1)}
}
@keyframes BorderColor{0%,100%{border-color:#db9614}
    50%{border-color:#b3bcc1}
}
@keyframes Leftpage{from{left:-100%}
    to{left:100%}
}
@-webkit-keyframes Leftpage{from{left:-100%}
    to{left:100%}
}
@keyframes Rotate{from{transform:rotate(0) translateZ(0)}
    to{transform:rotate(360deg) translateZ(0)}
}
@keyframes empty{0%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeOut{0%{opacity:1}
    100%{opacity:0}
}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,200px,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100px,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg) scale(.5);opacity:0}
    100%{transform:perspective(400px) rotateX(0) scale(1);opacity:1}
}
@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0) scale(1);opacity:1}
    100%{transform:perspective(400px) rotateX(90deg) scale(.5);opacity:0}
}
@keyframes goRight{0%{opacity:0;transform:translate3d(-100px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes goLeft{0%{opacity:0;transform:translate3d(100px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes scaleSmall{0%{opacity:0;transform:scale(.8)}
    100%{opacity:1;transform:scale(1)}
}
@keyframes scaleLarge{0%{opacity:0;transform:scale(2)}
    100%{opacity:1;transform:scale(1)}
}
@keyframes trackBallSlide{0%,100%,30%,60%{opacity:1;transform:translateY(-12px)}
    15%,50%{opacity:0;transform:translateY(8px)}
}
@keyframes goHeight{from{transform:scale3d(1,0,1)}
    to{transform:scale3d(1,1,1)}
}
@keyframes goWidth{from{transform:scale3d(0,1,1)}
    to{transform:scale3d(1,1,1)}
}
@keyframes aniHeight{from{transform:scale3d(1,1,1)}
    to{transform:scale3d(1,0,1)}
}
@keyframes aniWidth{from{transform:scale3d(1,1,1)}
    to{transform:scale3d(0,1,1)}
}
@keyframes moveLeft{100%{transform:translateX(-100%)}
}
@keyframes moveRight{100%{transform:translateX(100%)}
}
@keyframes MaskPlay{from{-webkit-mask-position:0 0;mask-position:0 0}
    to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
@keyframes Show100{from{stroke-dashoffset:537}
    to{stroke-dashoffset:0}
}
@keyframes BorderBox{0%,100%{background-position:0 0}
    50%{background-position:100% 100%}
}
.fadein{animation-name:fadeIn}
.fadeout{animation-name:fadeOut}
.flipinx,.flipoutx{animation-duration:.8s}
.fadeindown,.fadeinup,.fadeoff,.flipinx,.flipoutx{animation-fill-mode:forwards}
.flipoutx{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutX}
.flipinx{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}
.fadeindown,.fadeinup,.fadeoff,.fadeon{animation-duration:1s}
.fadeindown{animation-name:fadeInDown}
.fadeinup{animation-name:fadeInUp}
.fadeoff{animation-name:fadeOff}
.fadeon{animation-name:fadeOn;animation-fill-mode:forwards}
.goleft,.goright{animation-duration:.8s;animation-fill-mode:forwards}
.goleft{animation-name:goLeft}
.goright{animation-name:goRight}
.scalelarge{animation:scaleLarge;animation-duration:1s;animation-fill-mode:forwards}
.moveleft,.moveright{pointer-events:none;animation-duration:.8s;animation-fill-mode:forwards}
.moveleft{animation-name:moveLeft}
.moveright{animation-name:moveRight}
.description{opacity:0;transition:all 1s cubic-bezier(.23,1,.38,1);transform:translateY(100px)}
.ani-text .description{transform:translateY(0);opacity:1;transition-delay:.6s}
.container,.footer,.go-top,.mobile-call{animation:Start 1s steps(1,end) 0s 1 normal both}
.slogan.show{visibility:visible}
@media screen and (min-width:1100px){.big-news.on-show,.new-product.on-show,.small-news.on-show,.view-all.on-show{animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
    .apps-link,.big-news,.career-box,.career-form,.content-picture,.content-text p,.copyright,.descript,.hotline,.input-but,.load-details .date,.load-text,.map-box,.nav-home,.new-product,.outer-nav:not(.second),.player-vid,.print,.quick-box,.scroll-slide,.search-box,.service-box,.slide-award .slide-item,.small-news,.social,.view-all{opacity:0}
    .new-product.on-show{animation-name:goLeft}
    .big-news.on-show,.small-news.on-show{animation-name:goRight}
    .view-all.on-show{animation-name:fadeInUp}
    .player-vid.on-show{animation:scaleLarge;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
    .apps-link.on-show,.box-partner.on-show,.chart.on-show::after,.content-text p.on-show,.copyright.on-show,.nav-home.on-show,.slide-award.on-show .slide-item,.social.on-show{animation-duration:1s;animation-fill-mode:forwards}
    .apps-link.on-show,.nav-home.on-show{animation-name:fadeInUp;animation-delay:0s}
    .social.on-show{animation-name:fadeInUp;animation-delay:.2s}
    .copyright.on-show{animation-name:fadeInUp;animation-delay:.6s}
    .people.on-show::after,.position-title.on-show::after{animation-name:aniWidth;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
    .slide-award.on-show .slide-item{animation-name:fadeInUp;animation-delay:0s}
    .chart.on-show::after{animation-name:aniWidth;animation-delay:0s}
    .box-partner.on-show{animation-name:goWidth;animation-delay:0s}
    .content-text p.on-show{animation-name:fadeInUp;animation-delay:0s}
    .content-picture.on-show{animation-name:fadeIn;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
    .scroll-slide.on-show,.service-box.on-show{animation-name:fadeInUp;animation-fill-mode:forwards;animation-duration:1s}
    .scroll-slide.on-show{animation-delay:0s}
    .service-box.on-show{animation-delay:.5s}
    .news-item.on-show::after{animation-name:aniWidth;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
    .career-box.on-show,.descript.on-show,.load-details .date.on-show,.load-text.on-show,.print.on-show,.slide-showroom.on-show{animation-delay:0s;animation-fill-mode:forwards;animation-duration:1s;animation-name:fadeInUp}
    .slide-showroom{opacity:0}
    .career-form.on-show{animation-name:fadeInUp;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
    .catalogue-top.on-show::before,.map-box.on-show,.quick-box.on-show,.search-box.on-show{animation-delay:0s;animation-duration:1s;animation-fill-mode:forwards}
    .search-box.on-show{animation-name:fadeInUp}
    .quick-box.on-show{animation-name:fadeInUp}
    .map-box.on-show{animation-name:fadeIn}
    .catalogue-top.on-show::before{animation-name:aniWidth}
    .catalogue-bottom.on-show::before{animation-name:aniHeight;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
    .item-pic-project.on-show::after{animation-name:aniWidth;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
    .item-pic.on-show::after{animation-name:aniWidth;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
    .input-area,.input-text{transform:scale3d(0,1,1)}
    .contact-info.on-show .contact-box::after{animation-name:aniWidth;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
    .input-text.on-show{animation:goWidth;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
    .input-text:nth-child(even).on-show{animation:goWidth;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards}
    .input-area.on-show,.input-but.on-show{animation-delay:.5s}
    .input-area.on-show{animation-name:goWidth;animation-duration:1s;animation-fill-mode:forwards}
    .hotline.on-show,.input-but.on-show{animation-name:fadeInUp;animation-fill-mode:forwards;animation-duration:1s}
    .hotline.on-show{animation-delay:0s}
    .report-slider::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:#ccc;z-index:1}
    .report-slider.on-show::after{animation-name:aniWidth;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
    .item-pic-product.on-show::after,.thumb-pic.on-show::before{animation-name:aniWidth;animation-delay:0s;animation-fill-mode:forwards}
    .thumb-pic.on-show::before{animation-duration:1.6s}
    .item-pic-product.on-show::after{animation-duration:1s}
    .outer-nav:not(.second).on-show{animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:forwards}
    .slide-mask{will-change:transform}
}
@media screen and (max-width:1100px){.ani-text .go-page{animation:none;animation-duration:0s;animation-delay:0s}
}