.intro{position:fixed;top:0;width:100%;height:100%;background:#0d0d0d;z-index:20;transition:background 2s 5s}.intro.show-intro{background:#fff}.intro-logo{position:absolute;top:50%;left:50%;width:300px;z-index:2;transform:translate(-50%, -50%)}.intro-logo img{width:100%}.intro-logo svg{width:100%}#logo-1{opacity:0;transition:opacity 1s 1s}.show-intro #logo-1{opacity:1}#logo-2{stroke-dasharray:600px;stroke-dashoffset:600px;transition:stroke-dashoffset 12s 2s linear}.show-intro #logo-2{stroke-dashoffset:0px}#logo-bg{opacity:0;transform:scale(2);transform-origin:center;transition:opacity 2s 6s,transform 3.5s 6s,fill 1.5s 10s linear}#logo-bg.cls-2{fill:#0d0d0d;transition:opacity 2s 6s,transform 3.5s 6s,fill 1.5s 10s linear}.show-intro #logo-bg{opacity:1;transform:scale(1)}.show-intro #logo-bg.cls-2{fill:#d8a100}#tw,#en{opacity:0;transition:2s 12s}.show-intro #tw,.show-intro #en{opacity:1}.top-img{position:relative;height:100%;overflow:hidden}.top-img li{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;-moz-transition:-moz-transform 8s;-o-transition:-o-transform 8s;-webkit-transition:-webkit-transform 8s;transition:transform 8s}.top-img li:nth-child(1){background-image:url(../images/index/1.jpg);background-position:35% 70%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-img li:nth-child(1).show-img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.top-img li:nth-child(2){background-image:url(../images/index/2.jpg);background-position:30% 70%;height:112%;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.top-img li:nth-child(2).show-img{-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);-webkit-transform:translateY(-10%);transform:translateY(-10%)}.top-img li:nth-child(3){background-image:url(../images/index/3.jpg);background-position:50% 55%;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.top-img li:nth-child(3).show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-slogan li{position:absolute;color:#e1e1e1;text-shadow:0 0 5px #666;z-index:6}.top-slogan li:nth-child(1){bottom:22%;left:10%}.top-slogan li:nth-child(2){bottom:20%;left:8%}.top-slogan li:nth-child(3){bottom:22%;left:10%}.top-big{font-size:1.5rem;font-family:"Marcellus",serif;max-width:250px;letter-spacing:.15rem;text-transform:uppercase}.top-t,.top-b{display:-ms-flexbox;display:flex;-webkit-align-items:baseline;align-items:baseline;white-space:nowrap}.top-t:after,.top-b:before{content:"";width:100%;min-width:50px;height:1px;background:#e1e1e1;box-shadow:0 0 5px #333;display:block;opacity:.5}.top-t{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);-moz-transition:clip-path 1s;-o-transition:clip-path 1s;-webkit-transition:clip-path 1s;transition:clip-path 1s}.top-t:after{margin-left:10px}.show-text .top-t{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.top-b{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);-moz-transition:clip-path 1s;-o-transition:clip-path 1s;-webkit-transition:clip-path 1s;transition:clip-path 1s}.top-b:before{margin-right:10px}.show-text .top-b{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.top-text{font-size:.75rem;padding-top:30px;opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity 1s,-moz-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s}.show-text .top-text{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 1921px){.top-img li:nth-child(1){background-image:url(../images/index/1-large.jpg)}.top-img li:nth-child(2){background-image:url(../images/index/2-large.jpg)}.top-img li:nth-child(3){background-image:url(../images/index/3-large.jpg)}.top-big{font-size:1.75rem}.top-text{font-size:.875rem}}@media screen and (max-width: 1100px){.intro-logo{width:250px}.top-slogan li:nth-child(1){bottom:25%;right:unset;left:10%}.top-slogan li:nth-child(2){bottom:25%;right:unset;left:10%}.top-slogan li:nth-child(3){bottom:25%}}@media screen and (max-width: 640px){.intro-logo{width:200px}.top-slogan li:nth-child(1){left:30px}.top-slogan li:nth-child(2){left:30px}.top-slogan li:nth-child(3){left:30px}.top-big{font-size:1.25rem;max-width:200px;letter-spacing:.12rem}.top-text{padding-right:30px}}