@keyframes Start{from{visibility:hidden}to{visibility:visible}}@keyframes Preloader{100%{transform:rotate(360deg)}}@keyframes Play{from{background-position:0}to{background-position:-360px}}@keyframes LoadiconStroke{0%{opacity:0;transform:translateX(300px)}40%,60%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-300px)}}@keyframes Ani{0%{box-shadow:0 0 0 rgba(220,220,220,0);border:1px solid rgba(225,225,225,0);transform:scale(0)}70%{box-shadow:0 0 50px rgba(220,220,220,1);border:1px solid rgba(225,225,225,1);transform:scale(1)}100%{box-shadow:0 0 60px rgba(220,220,220,0);border:0 solid rgba(225,225,225,0);transform:scale(2)}}@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 Callicon{0%,100%{transform:scale(1) rotate(0)}40%,60%{transform:scale(1.05) rotate(40deg)}45%,55%{transform:scale(1.1) rotate(20deg)}50%{transform:scale(1.15) rotate(40deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInStroke{0%{fill-opacity:0}100%{fill-opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes Ani{0%{box-shadow:0 0 0 rgba(179,128,44,0);transform:scale(0)}70%{box-shadow:0 0 50px rgba(179,128,44,1);transform:scale(1)}100%{box-shadow:0 0 60px rgba(179,128,44,0);transform:scale(2)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes flipInX{0%{transform:perspective(500px) rotateX(30deg) scale(.8);opacity:0}100%{transform:perspective(500px) rotateX(0) scale(1);opacity:1}}@keyframes trackBallSlide{0%,100%,30%,60%{opacity:1;transform:translateY(-12px)}15%,50%{opacity:0;transform:translateY(8px)}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0) scale(1);opacity:1}100%{transform:perspective(400px) rotateX(90deg) scale(.5);opacity:0}}@keyframes scaleSmall{0%{opacity:0;transform:rotate(15deg) scale(.8)}100%{opacity:1;transform:rotate(0) scale(1)}}@keyframes scaleSmallX{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:scaleX(1)}}@keyframes scaleSmallY{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@keyframes scaleLarge{0%{opacity:0;transform:scale(2)}100%{opacity:1;transform:scale(1)}}@keyframes goHeight{from{opacity:0;transform:scale3d(1,0,1)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes goWidth{from{opacity:0;transform:scale3d(0,1,1)}to{opacity:1;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 toRight{0%{opacity:0;right:-100px}100%{opacity:1;right:0}}@keyframes goRight{0%{opacity:0;transform:translate3d(-100%,0,0)}100%{opacity:1;transform:none}}@keyframes goLeft{0%{opacity:0;transform:translate3d(100%,0,0)}100%{opacity:1;transform:none}}@keyframes goLeft2{0%{opacity:0;transform:translate3d(50%,0,0)}100%{opacity:1;transform:none}}@keyframes goRight1{0%{opacity:0;transform:translate3d(-50%,0,0) scale(.6)}100%{opacity:1;transform:none}}@keyframes goLeft1{0%{opacity:0;transform:translate3d(50%,0,0) scale(.6)}100%{opacity:1;transform:none}}@keyframes DrawStroke{0%{stroke-dashoffset:500}100%{stroke-dashoffset:0}}@keyframes DrawStroke1{0%{stroke-dashoffset:200}100%{stroke-dashoffset:0}}@keyframes goBg{0%{transform:translate3d(-50%,0,0)}100%{transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{opacity:1}}@keyframes AniPointer{0%{box-shadow:0 0 0 rgba(255,216,146,0);transform:scale(0)}50%{box-shadow:0 0 50px rgba(255,216,146,.5);transform:scale(1)}100%{box-shadow:0 0 60px rgba(255,216,146,0);transform:scale(2)}}@keyframes Round{0%{transform:rotate(0)}50%{transform:rotate(120deg)}100%{transform:rotate(240deg)}}@keyframes Border{0%,60%{border-color:#ffdd80}20%{border-color:#00303f}}@keyframes StrokeLine{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-200}}@keyframes StrokeLine1{0%{stroke-dashoffset:0}100%{stroke-dashoffset:200}}@keyframes Slogan{0%{stroke-dashoffset:400}100%{stroke-dashoffset:0}}@keyframes BorderBox{0%,100%{background-position:0 0}50%{background-position:100% 100%}}@keyframes DrawPlay{0%{stroke-dashoffset:6000}100%{stroke-dashoffset:0}}@keyframes Show100{from{stroke-dashoffset:537}to{stroke-dashoffset:0}}@keyframes FillOpacity{0%{fill-opacity:0}100%{fill-opacity:1}}@keyframes perspective{0%{transform:perspective(100px) rotateX(9deg) scale(.9);opacity:0}100%{transform:perspective(0) rotateX(0);opacity:1}}@keyframes WheelArrow{0%{transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{transform:rotate(-45deg) translate(-5px,5px);opacity:0}}@keyframes WidthAni{0%{opacity:0;width:0}100%{opacity:1;width:100%}}@keyframes WidthAni1{0%{opacity:0;width:0}100%{opacity:1;width:calc(100% - 460px)}}@keyframes HeightAni{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@keyframes HeightAni1{0%{opacity:0;height:0}100%{opacity:1;height:calc(100% - 70px)}}@keyframes MaskPlay{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}.animated{animation-duration:2s;animation-fill-mode:both}.fadein,.fadeindown,.fadeout{animation-fill-mode:forwards;animation-duration:1s}.slideout-Up{animation-name:slideOutUp}.slidein-Up{animation-name:slideInUp}.fade-In{animation-name:fadeIn}.fade-Out{animation-name:fadeOut}.fadein{animation-name:fadeIn}.fadeout{animation-name:fadeOut}.fadeindown{animation-name:fadeInDown}.fadeinup{animation-name:fadeInUp;animation-duration:1s;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}.contact-form,.container,.footer,.go-top,.header,.register-form{animation:Start 1s steps(1,end) 0s 1 normal both}.hotline,.language,.leaf-menu,.logo,.nav-click,.search-but,.stroke-menu,.subscribe{opacity:0}.overlay-menu.show .leaf-menu{animation:fadeInUp;animation-duration:2s;animation-delay:1s;animation-fill-mode:forwards}.overlay-menu.show .stroke-menu{animation:scaleLarge;animation-duration:2s;animation-delay:1.5s;animation-fill-mode:forwards}.mask{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000}.mask.hide{z-index:-9999;display:none}@media screen and (min-width:1100px){.ability-picture,.ani-item,.banner-pro-pic,.banner-product::after,.banner-txt .view-details,.banner-txt h2,.banner-txt p,.box-nav,.certificate-item,.close-video,.container::before,.item-news-home,.logo-menu,.product-box,.sub-news,.title-page::before,.view-box{opacity:0}.on-show.title-page::before{animation:perspective;animation-duration:1.2s;animation-delay:.3s;animation-fill-mode:forwards}.box-nav.show,.sub-news.show{animation:goRight;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}.close-video.show{animation:toRight;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}.ani-item.on-show{animation:fadeInUp;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}.mask::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#fff;-webkit-mask:url(../img/mask-01.png);mask:url(../img/mask-01.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%}.mask.show::after{animation:MaskPlay 1s steps(22) forwards}.container::before{transition:opacity .6s ease-in-out}.show .hotline,.show .subscribe{animation:goLeft;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}.show .language{animation:goLeft;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards}.show .nav-click{animation:goLeft;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}.show .search-but{animation:goLeft;animation-duration:1s;animation-delay:.4s;animation-fill-mode:forwards}.show .logo{animation:goRight;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}.logo-menu.active{animation:scaleLarge;animation-duration:2s;animation-delay:1s;animation-fill-mode:forwards}.copyright,.social{opacity:0}.show .copyright{animation:fadeIn;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}.show .social{animation:fadeIn;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards}.banner-product.active .banner-pro-pic{animation:goLeft;animation-duration:1.5s;animation-delay:1s;animation-fill-mode:forwards}.banner-product.active::after{animation:scaleSmallY;animation-duration:1.5s;animation-delay:1s;animation-fill-mode:forwards}.banner-txt.active h2{animation:fadeInUp;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}.banner-txt.active p{animation:fadeInUp;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards}.banner-txt.active .view-details{animation:fadeInUp;animation-duration:1s;animation-delay:.9s;animation-fill-mode:forwards}.on-show .product-box:nth-child(1){animation:goLeft1;animation-duration:1.2s;animation-delay:.8s;animation-fill-mode:forwards}.on-show .product-box:nth-child(2){animation:goLeft1;animation-duration:1.2s;animation-delay:.3s;animation-fill-mode:forwards}.on-show .product-box:nth-child(3){animation:goRight1;animation-duration:1.2s;animation-delay:.3s;animation-fill-mode:forwards}.on-show .product-box:nth-child(4){animation:goRight1;animation-duration:1.2s;animation-delay:.8s;animation-fill-mode:forwards}.certificate-item.on-show{animation:fadeIn;animation-duration:1s;animation-fill-mode:forwards}.on-show .item-news-home{animation:goRight;animation-duration:1s;animation-fill-mode:forwards}.item-news-home:nth-child(3){animation-delay:.3s}.item-news-home:nth-child(2){animation-delay:.5s}.item-news-home:nth-child(1){animation-delay:.7s}.view-box.on-show{animation:goLeft;animation-duration:1.2s;animation-delay:0s;animation-fill-mode:forwards}.ability-picture.on-show{animation:fadeIn;animation-duration:2s;animation-delay:.3s;animation-fill-mode:forwards}.news-home{opacity:1}.filter-box,.news-home::after,.pro-item,.slider-same{opacity:0}.news-home.on-show{animation:none}.news-home.on-show::after{animation:fadeIn;animation-duration:3s;animation-delay:.3s;animation-fill-mode:forwards}.certi-box:nth-child(odd).on-show{animation:goRight 1s ease forwards}.certi-box:nth-child(even).on-show{animation:goLeft 1s ease forwards}.pro-item.on-show{animation:flipInX;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards}.filter-box.on-show{animation:goRight;animation-duration:1.2s;animation-delay:0s;animation-fill-mode:forwards}.slider-same.on-show{animation:fadeInUp;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}.contact-form{opacity:1}.contact-form::after,.map-box{opacity:0}.contact-form.on-show{animation:none}.contact-form.on-show::after{animation:fadeIn;animation-duration:3s;animation-delay:0s;animation-fill-mode:forwards}.contact-info.on-show{animation:flipInX;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards}.map-box.on-show{animation:fadeIn;animation-duration:1.5s;animation-delay:0s;animation-fill-mode:forwards}}@media screen and (max-width:1100px){.ani-item,.text-slogan{opacity:0}.show .hotline{animation:goRight;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}.show .language,.show .subscribe{animation:goLeft;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}.show .nav-click,.show .search-but{animation:goLeft;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}.show .logo{animation:fadeInDown;animation-duration:1s;animation-fill-mode:forwards}.show .draw-slogan path{animation:Slogan;animation-duration:5s;animation-delay:0;animation-fill-mode:forwards;fill-opacity:1;transition-delay:3s}.show .text-slogan{animation:fadeInDown;animation-duration:1s;animation-fill-mode:forwards}.ani-item.on-show{animation:fadeInUp;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}}