/* rotate */
/* transform-origin */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/*clip-path prefix transition*/
/* keyframes */
body { overflow-x: auto; background: #fff; }

.footer_wrap { position: relative; z-index: 100; }

#content { position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; }

section { overflow: hidden; position: relative; width: 100%; }

.btn_download { display: inline-block; width: 210px; height: 45px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/btn_download.png) no-repeat 0 0; }

.btn_download:hover { background-position: 0 -55px; }

h1 { font-family: 'samsungonelatin200'; font-size: 72px; letter-spacing: 0.45em; line-height: 108px; font-weight: 100; color: inherit; text-transform: uppercase; }

h2 { font-family: 'samsungonekorean200'; font-size: 48px; letter-spacing: 0.49em; line-height: 80px; font-weight: 100; color: inherit; text-align: inherit; }

h3 { font-family: 'samsungonekorean300'; font-size: 28px; letter-spacing: 0.29em; line-height: 50px; font-weight: 100; color: inherit; text-align: inherit; }

h4 { font-family: 'samsungonekorean300'; font-size: 30px; letter-spacing: -0.045em; line-height: 40px; font-weight: 100; color: inherit; text-align: inherit; }

h5 { font-family: 'samsungonekorean300'; font-size: 24px; letter-spacing: 0.02em; line-height: 1; font-weight: 100; color: inherit; text-align: inherit; }

h6 { font-family: 'samsungonekorean400'; font-size: 20px; letter-spacing: -0.045em; line-height: 34px; font-weight: 100; color: inherit; }

p { font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: -0.035em; line-height: 34px; color: inherit; text-align: inherit; font-weight: initial; }

.en { font-family: inherit; font-size: inherit; letter-spacing: -0.035em; line-height: inherit; color: inherit; text-align: inherit; font-weight: initial; }

em { font-family: 'samsungonekorean400'; font-size: 14px; letter-spacing: -0.045em; line-height: 1; color: inherit; text-align: inherit; font-weight: initial; }

.alt-txt-hide { text-indent: -9999px; font-size: 0; position: absolute; top: -9999px; }

img { vertical-align: top; }

.inner-cont-wrap { position: relative; width: 100%; min-width: 1280px; height: 100%; }

.bg-holder { position: absolute; width: 100%; height: 100%; }

.cont-holder { position: relative; width: 1280px; height: 100%; margin: 0 auto; }

.noTransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }

.content-box { position: absolute; }

.guide { position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px; filter: invert(100%); opacity: 0.5; }

.btn-clip .btn_download { margin-right: 6px; }
.btn-clip .btn_go_sec { display: inline-block; width: 210px; height: 45px; margin-right: 5px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/btn_sec.png) no-repeat 0px 0px; }
.btn-clip .btn_go_sec:hover { background-position: 0px -55px; }

.content-box .txt-clip .title-pod h4 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); }
.content-box .txt-clip .desc-pod p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
.content-box .txt-clip > .txt-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); }
.content-box .txt-clip > .txt-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
.content-box .txt-clip.onShow .title-pod h4 { -webkit-transition: -webkit-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -moz-transition: -moz-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -ms-transition: -ms-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -o-transition: -o-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; transition: transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.content-box .txt-clip.onShow .desc-pod p { -webkit-transition: -webkit-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -moz-transition: -moz-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -ms-transition: -ms-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -o-transition: -o-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; transition: transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.content-box .txt-clip.onShow > .txt-1 { -webkit-transition: -webkit-transform 0.8s ease-out, opacity 0.8s ease-out; -moz-transition: -moz-transform 0.8s ease-out, opacity 0.8s ease-out; -ms-transition: -ms-transform 0.8s ease-out, opacity 0.8s ease-out; -o-transition: -o-transform 0.8s ease-out, opacity 0.8s ease-out; transition: transform 0.8s ease-out, opacity 0.8s ease-out; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.content-box .txt-clip.onShow > .txt-2 { -webkit-transition: -webkit-transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; -moz-transition: -moz-transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; -ms-transition: -ms-transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; -o-transition: -o-transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; transition: transform 0.8s ease-out 0.2s, opacity 0.8s ease-out 0.2s; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

@keyframes prd-dissolve { 0% { opacity: 0; filter: alpha(opacity=0); }
  7% { opacity: 1; filter: alpha(opacity=100); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  57% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
/*part section*/
.content { position: relative; visibility: hidden; overflow: hidden; }
.content.onShow { visibility: visible; }
.content .bg-holder { position: absolute; width: 100%; height: 100%; }
.content .dim-holder { position: absolute; background-color: #000; opacity: 0; filter: alpha(opacity=0); visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; }
.content .dim-holder.onShow { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.content .content-box { width: 100%; }
.content .content-box .img-clip { position: absolute; }
.content .content-box .txt-clip { position: absolute; }
.content .content-box .txt-clip > h4 { margin-bottom: 23px; }

#section-1 { height: calc(100vh - 70px); }
#section-1 .inner-cont-wrap { position: fixed; height: inherit; background-color: #3f4143; }
#section-1 .inner-cont-wrap .video-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#section-1 .inner-cont-wrap .video-holder .video-keyvisual { position: absolute; width: 100%; }
#section-1 .inner-cont-wrap .bg-holder { background-image: url("../img/sec1_kv_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-1 .inner-cont-wrap .cont-holder .txt-box { position: absolute; width: 100%; padding-top: 14.85%; left: 0; text-align: center; color: #fff; }
#section-1 .inner-cont-wrap .cont-holder .txt-box h1 { letter-spacing: 20px; -webkit-transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; -moz-transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; -ms-transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; -o-transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; transition: letter-spacing 3s ease-in-out, opacity 3s ease-in; }
#section-1 .inner-cont-wrap .cont-holder .txt-box h5 { margin-top: 29px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
#section-1 .inner-cont-wrap .cont-holder .scroll-box { position: absolute; overflow: hidden; height: 82px; bottom: 25px; left: 50%; width: 100px; margin-left: -50px; font-size: 12px; text-align: center; -webkit-transition: height 0.6s linear; -moz-transition: height 0.6s linear; -ms-transition: height 0.6s linear; -o-transition: height 0.6s linear; transition: height 0.6s linear; }
#section-1 .inner-cont-wrap .cont-holder .scroll-box .txt { color: #fff; font-family: 'samsungonelatin800c'; letter-spacing: 0.1em; text-align: center; }
#section-1 .inner-cont-wrap .cont-holder .scroll-box .line { display: block; width: 1px; height: 55px; background-color: #fff; margin: 10px auto 0; }
#section-1 .inner-cont-wrap .cont-holder .scroll-box.onHide { height: 0; -webkit-transition: height 0.9s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: height 0.9s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: height 0.9s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: height 0.9s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: height 0.9s 0s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
#section-1 .inner-cont-wrap .cont-holder.onShow .txt-box h1 { letter-spacing: 32px; }
#section-1 .inner-cont-wrap .cont-holder.onShow .txt-box h5 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 1.2s 0.8s ease-out, opacity 1.2s 0.8s; -moz-transition: -moz-transform 1.2s 0.8s ease-out, opacity 1.2s 0.8s; -ms-transition: -ms-transform 1.2s 0.8s ease-out, opacity 1.2s 0.8s; -o-transition: -o-transform 1.2s 0.8s ease-out, opacity 1.2s 0.8s; transition: transform 1.2s 0.8s ease-out, opacity 1.2s 0.8s; }

#section-2 { height: calc(100vh - 70px); }
#section-2 .inner-cont-wrap { height: inherit; background-color: #000; }
#section-2 .inner-cont-wrap .bg-holder.close { background-image: url("../img/sec2_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-2 .inner-cont-wrap .bg-holder.open { opacity: 0; filter: alpha(opacity=0); background-image: url("../img/sec2_bg_2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-2 .inner-cont-wrap .bg-holder.open.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s linear 1.6s; -moz-transition: opacity 1s linear 1.6s; -ms-transition: opacity 1s linear 1.6s; -o-transition: opacity 1s linear 1.6s; transition: opacity 1s linear 1.6s; }
#section-2 .inner-cont-wrap .cont-holder .txt-box { position: absolute; top: 50%; left: 50%; margin-left: 110px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }
#section-2 .inner-cont-wrap .cont-holder .txt-box h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: -webkit-transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; -moz-transition: -moz-transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; -ms-transition: -ms-transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; -o-transition: -o-transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; transition: transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; }
#section-2 .inner-cont-wrap .cont-holder .txt-box p { margin-top: 33px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); -webkit-transition: -webkit-transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; -moz-transition: -moz-transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; -ms-transition: -ms-transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; -o-transition: -o-transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; transition: transform 1.2s 0.2s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 1.2s 0.2s; }
#section-2 .inner-cont-wrap .cont-holder .txt-box.onShow h3 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-2 .inner-cont-wrap .cont-holder .txt-box.onShow p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

#section-3 { height: calc(100vh - 70px); }
#section-3 .inner-cont-wrap { height: inherit; }
#section-3 .inner-cont-wrap .bg-holder { background-image: url("../img/sec3_bg.jpg"); background-position: 50% 70px; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#section-3 .inner-cont-wrap .cont-holder .txt-box { position: absolute; width: 100%; bottom: 0; padding-bottom: 14.85%; color: #fff; }
#section-3 .inner-cont-wrap .cont-holder .txt-box h2 { opacity: 0.2; filter: alpha(opacity=20); }
#section-3 .inner-cont-wrap .cont-holder .txt-box h2.txt-1 { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0s linear; -moz-transition: -moz-transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0s linear; -ms-transition: -ms-transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0s linear; -o-transition: -o-transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0s linear; transition: transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0s linear; }
#section-3 .inner-cont-wrap .cont-holder .txt-box h2.txt-2 { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.2s linear; -moz-transition: -moz-transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.2s linear; -ms-transition: -ms-transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.2s linear; -o-transition: -o-transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.2s linear; transition: transform 0.8s 0s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.2s linear; }
#section-3 .inner-cont-wrap .cont-holder .txt-box p { margin-top: 32px; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: -webkit-transform 0.8s ease-out; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.8s ease-out; -moz-transition-delay: 0s; -ms-transition: -ms-transform 0.8s ease-out; -ms-transition-delay: 0s; -o-transition: -o-transform 0.8s ease-out; -o-transition-delay: 0s; transition: transform 0.8s ease-out; transition-delay: 0s; }
#section-3 .inner-cont-wrap .cont-holder .txt-box p span { opacity: 0.2; filter: alpha(opacity=20); }
#section-3 .inner-cont-wrap .cont-holder .txt-box.onShow h2 { opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-holder .txt-box.onShow h2.txt-1 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-3 .inner-cont-wrap .cont-holder .txt-box.onShow h2.txt-2 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-3 .inner-cont-wrap .cont-holder .txt-box.onShow p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-3 .inner-cont-wrap .cont-holder .txt-box.onShow p span { opacity: 1; filter: alpha(opacity=100); }
#section-3 .inner-cont-wrap .cont-holder .txt-box.onShow p span.txt-1 { -webkit-transition: opacity 0.8s 0.4s linear; -moz-transition: opacity 0.8s 0.4s linear; -ms-transition: opacity 0.8s 0.4s linear; -o-transition: opacity 0.8s 0.4s linear; transition: opacity 0.8s 0.4s linear; }
#section-3 .inner-cont-wrap .cont-holder .txt-box.onShow p span.txt-2 { -webkit-transition: opacity 0.8s 0.45s linear; -moz-transition: opacity 0.8s 0.45s linear; -ms-transition: opacity 0.8s 0.45s linear; -o-transition: opacity 0.8s 0.45s linear; transition: opacity 0.8s 0.45s linear; }
#section-3 .inner-cont-wrap .cont-holder .txt-box.onShow p span.txt-3 { -webkit-transition: opacity 0.8s 0.5s linear; -moz-transition: opacity 0.8s 0.5s linear; -ms-transition: opacity 0.8s 0.5s linear; -o-transition: opacity 0.8s 0.5s linear; transition: opacity 0.8s 0.5s linear; }

#section-4 { height: 4015px; }
#section-4 .inner-cont-wrap { height: inherit; background-color: #e1e1e2; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 { position: absolute; top: 250px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip { top: 0; left: 80px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .img-pod-1 { position: absolute; top: 0; left: 0; z-index: 10; width: 584px; height: 584px; overflow: hidden; -webkit-transform: translate(75px, 75px); -moz-transform: translate(75px, 75px); -ms-transform: translate(75px, 75px); -o-transform: translate(75px, 75px); transform: translate(75px, 75px); -webkit-transition: -webkit-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-delay: 0.2s; -moz-transition: -moz-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-delay: 0.2s; -ms-transition: -ms-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-delay: 0.2s; -o-transition: -o-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-delay: 0.2s; transition: transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-delay: 0.2s; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .img-pod-1 img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.88); -moz-transform: translate(-50%, -50%) scale(0.88); -ms-transform: translate(-50%, -50%) scale(0.88); -o-transform: translate(-50%, -50%) scale(0.88); transform: translate(-50%, -50%) scale(0.88); -webkit-transition: -webkit-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-delay: 0.2s; -moz-transition: -moz-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-delay: 0.2s; -ms-transition: -ms-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-delay: 0.2s; -o-transition: -o-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-delay: 0.2s; transition: transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-delay: 0.2s; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .img-pod-2 { position: absolute; top: 388px; left: 378px; width: 584px; height: 584px; overflow: hidden; -webkit-transform: translate(-75px, -75px); -moz-transform: translate(-75px, -75px); -ms-transform: translate(-75px, -75px); -o-transform: translate(-75px, -75px); transform: translate(-75px, -75px); -webkit-transition: -webkit-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-delay: 0.2s; -moz-transition: -moz-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-delay: 0.2s; -ms-transition: -ms-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-delay: 0.2s; -o-transition: -o-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-delay: 0.2s; transition: transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-delay: 0.2s; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip .img-pod-2 img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.88); -moz-transform: translate(-50%, -50%) scale(0.88); -ms-transform: translate(-50%, -50%) scale(0.88); -o-transform: translate(-50%, -50%) scale(0.88); transform: translate(-50%, -50%) scale(0.88); -webkit-transition: -webkit-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-delay: 0.2s; -moz-transition: -moz-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-delay: 0.2s; -ms-transition: -ms-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-delay: 0.2s; -o-transition: -o-transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-delay: 0.2s; transition: transform 1.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-delay: 0.2s; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.onShow .img-pod-1 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.onShow .img-pod-1 img { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.onShow .img-pod-2 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.onShow .img-pod-2 img { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip { top: 61px; left: 751px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .txt-1, #section-4 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .txt-2 { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-1 { top: 0; left: 80px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-1 .img-pod { -webkit-transform: translate(75px, 75px); -moz-transform: translate(75px, 75px); -ms-transform: translate(75px, 75px); -o-transform: translate(75px, 75px); transform: translate(75px, 75px); -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0s; transition: transform 1s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0s; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-1.onShow .img-pod { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-2 { top: 388px; left: 458px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-2 .img-pod { -webkit-transform: translate(-75px, -75px); -moz-transform: translate(-75px, -75px); -ms-transform: translate(-75px, -75px); -o-transform: translate(-75px, -75px); transform: translate(-75px, -75px); -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0s; transition: transform 1s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0s; }
#section-4 .inner-cont-wrap .cont-holder .content-box-1 .img-2.onShow .img-pod { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#section-4 .inner-cont-wrap .cont-holder .content-box-2 { position: absolute; top: 1427px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-2 .img-clip.mask { clip: rect(0px, 1650px, 968px, 0px); will-change: clip; -webkit-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-4 .inner-cont-wrap .cont-holder .content-box-2 .img-clip.mask.onShow { clip: rect(44px, 1575px, 924px, 75px); }
#section-4 .inner-cont-wrap .cont-holder .content-box-2 .img-clip { top: 0; left: -186px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip { top: 997px; left: 80px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip .title-pod { float: left; margin-right: 105px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip .desc-pod { float: left; margin-top: -3px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-3 { position: absolute; top: 2765px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-3 .img-clip.mask { clip: rect(100px, 674px, 900px, 100px); will-change: clip; -webkit-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-4 .inner-cont-wrap .cont-holder .content-box-3 .img-clip.mask.onShow { clip: rect(0px, 774px, 1000px, 0px); }
#section-4 .inner-cont-wrap .cont-holder .content-box-3 .img-clip { top: 0; left: -110px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip { top: 384px; left: 750px; }
#section-4 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip .txt-1 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
#section-4 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip .txt-2 { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }

#section-5 { height: calc(100vh - 70px); }
#section-5 .inner-cont-wrap { height: inherit; background-color: #000000; }
#section-5 .inner-cont-wrap .bg-holder.close { background-image: url("../img/sec5_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-5 .inner-cont-wrap .bg-holder.open { opacity: 0; filter: alpha(opacity=0); background-image: url("../img/sec5_bg_2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-5 .inner-cont-wrap .bg-holder.open.onTrans { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.6s ease-out 1.2s; -moz-transition: opacity 0.6s ease-out 1.2s; -ms-transition: opacity 0.6s ease-out 1.2s; -o-transition: opacity 0.6s ease-out 1.2s; transition: opacity 0.6s ease-out 1.2s; }
#section-5 .inner-cont-wrap .cont-holder .txt-box { position: absolute; width: 100%; bottom: 0; padding-bottom: 14.85%; color: #fff; }
#section-5 .inner-cont-wrap .cont-holder .txt-box h2 { opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .txt-box h2.txt-1 { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); }
#section-5 .inner-cont-wrap .cont-holder .txt-box h2.txt-2 { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); }
#section-5 .inner-cont-wrap .cont-holder .txt-box p { margin-top: 32px; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: -webkit-transform 0.8s ease-out; -webkit-transition-delay: 0.8s; -moz-transition: -moz-transform 0.8s ease-out; -moz-transition-delay: 0.8s; -ms-transition: -ms-transform 0.8s ease-out; -ms-transition-delay: 0.8s; -o-transition: -o-transform 0.8s ease-out; -o-transition-delay: 0.8s; transition: transform 0.8s ease-out; transition-delay: 0.8s; }
#section-5 .inner-cont-wrap .cont-holder .txt-box p span { opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow h2 { opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow h2.txt-1 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.8s 0.4s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.4s linear; -moz-transition: -moz-transform 0.8s 0.4s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.4s linear; -ms-transition: -ms-transform 0.8s 0.4s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.4s linear; -o-transition: -o-transform 0.8s 0.4s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.4s linear; transition: transform 0.8s 0.4s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.4s linear; }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow h2.txt-2 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.8s 0.6s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.6s linear; -moz-transition: -moz-transform 0.8s 0.6s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.6s linear; -ms-transition: -ms-transform 0.8s 0.6s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.6s linear; -o-transition: -o-transform 0.8s 0.6s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.6s linear; transition: transform 0.8s 0.6s cubic-bezier(0.000, 0.000, 0.590, 0.915), opacity 0.8s 0.6s linear; }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow p span { opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow p span.txt-1 { -webkit-transition: opacity 0.8s 0.8s linear; -moz-transition: opacity 0.8s 0.8s linear; -ms-transition: opacity 0.8s 0.8s linear; -o-transition: opacity 0.8s 0.8s linear; transition: opacity 0.8s 0.8s linear; }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow p span.txt-2 { -webkit-transition: opacity 0.8s 0.85s linear; -moz-transition: opacity 0.8s 0.85s linear; -ms-transition: opacity 0.8s 0.85s linear; -o-transition: opacity 0.8s 0.85s linear; transition: opacity 0.8s 0.85s linear; }
#section-5 .inner-cont-wrap .cont-holder .txt-box.onShow p span.txt-3 { -webkit-transition: opacity 0.8s 0.9s linear; -moz-transition: opacity 0.8s 0.9s linear; -ms-transition: opacity 0.8s 0.9s linear; -o-transition: opacity 0.8s 0.9s linear; transition: opacity 0.8s 0.9s linear; }

#section-6 { height: 4434px; }
#section-6 .inner-cont-wrap { height: inherit; }
#section-6 .inner-cont-wrap .bg-holder { background-image: url("../img/sec6_bg_left.png"); background-size: auto; background-repeat: repeat-x; background-position: bottom left; }
#section-6 .inner-cont-wrap .bg-holder .bg-center { position: absolute; width: 100%; height: 100%; background-image: url("../img/sec6_4.jpg"); background-size: auto; background-repeat: no-repeat; background-position: bottom center; }
#section-6 .inner-cont-wrap .bg-holder .bg-right { position: absolute; width: 50%; right: 0; height: 100%; background-image: url("../img/sec6_bg_right.png"); background-size: auto; background-repeat: repeat-x; background-position: bottom right; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 { top: 0; left: 0; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.mask { clip: rect(0px, 1650px, 968px, 0px); will-change: clip; -webkit-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.mask.onShow { clip: rect(44px, 1575px, 924px, 75px); }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.mask { top: 208px; left: -185px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.mask .dissolve-pod .img-1 { position: relative; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.mask .dissolve-pod .img-2 { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .img-clip.mask.onShow .dissolve-pod .img-2 { animation: prd-dissolve 8s 3.44s linear infinite; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip { top: 1206px; left: 80px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .title-pod { float: left; margin-right: 153px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .desc-pod { float: left; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .desc-pod p { margin-top: 20px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-1 .txt-clip .desc-pod p:first-child { margin-top: 0; }
#section-6 .inner-cont-wrap .cont-holder .content-box-2 { top: 1705px; left: 0; }
#section-6 .inner-cont-wrap .cont-holder .content-box-2 .img-clip.mask { clip: rect(80px, 912px, 420px, 80px); will-change: clip; -webkit-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); -o-transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); transition: clip 1s cubic-bezier(0.5, 0, 0.5, 1); }
#section-6 .inner-cont-wrap .cont-holder .content-box-2 .img-clip.mask.onShow { clip: rect(0px, 992px, 500px, 0px); }
#section-6 .inner-cont-wrap .cont-holder .content-box-2 .img-clip.mask { top: 0; left: -320px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip { top: 102px; left: 750px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip .txt-1 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
#section-6 .inner-cont-wrap .cont-holder .content-box-2 .txt-clip .txt-2 { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 { top: 2273px; left: 0; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip-1 { top: 175px; left: 78px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip-1 .title-pod { float: left; margin-right: 83px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip-1 .desc-pod { float: left; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip-1 .desc-pod p { margin-top: 20px; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip-1 .desc-pod p:first-child { margin-top: 0; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .img-clip-1 { top: 379px; left: 359px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(75px); -moz-transform: translateY(75px); -ms-transform: translateY(75px); -o-transform: translateY(75px); transform: translateY(75px); -webkit-transition: -webkit-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -moz-transition: -moz-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -ms-transition: -ms-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -o-transition: -o-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; transition: transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .img-clip-1 .dissolve-pod .img-1 { position: relative; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .img-clip-1 .dissolve-pod .img-2 { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .img-clip-2 { top: 379px; left: -110px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: -webkit-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -moz-transition: -moz-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -ms-transition: -ms-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -o-transition: -o-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; transition: transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3 .txt-clip-2 { top: 950px; left: 359px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(75px); -moz-transform: translateY(75px); -ms-transform: translateY(75px); -o-transform: translateY(75px); transform: translateY(75px); -webkit-transition: -webkit-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -moz-transition: -moz-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -ms-transition: -ms-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; -o-transition: -o-transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; transition: transform 1s 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 1s 0.2s; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3.onShow .txt-clip-1 .title-pod h4 { -webkit-transition: -webkit-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -moz-transition: -moz-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -ms-transition: -ms-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -o-transition: -o-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; transition: transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-6 .inner-cont-wrap .cont-holder .content-box-3.onShow .txt-clip-1 .desc-pod p { -webkit-transition: -webkit-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -moz-transition: -moz-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -ms-transition: -ms-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; -o-transition: -o-transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; transition: transform 0.8s 0.2s ease-out, opacity 0.8s 0.2s ease-out; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#section-6 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip-1 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-6 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip-1 .dissolve-pod .img-2 { animation: prd-dissolve 6s 2.58s linear infinite; }
#section-6 .inner-cont-wrap .cont-holder .content-box-3.onShow .img-clip-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-6 .inner-cont-wrap .cont-holder .content-box-3.onShow .txt-clip-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
#section-6 .inner-cont-wrap .cont-holder .content-box-4 { top: 3605px; left: 0; }
#section-6 .inner-cont-wrap .cont-holder .content-box-4 .txt-clip { top: 200px; left: 80px; }

#section-7 { height: calc(100vh - 70px); }
#section-7 .inner-cont-wrap { height: inherit; background-color: #2c2c2f; }
#section-7 .inner-cont-wrap .bg-holder { background-image: url("../img/sec7_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-7 .inner-cont-wrap .cont-holder .txt-box { position: absolute; width: 100%; top: 50%; -webkit-transform: translate(-2.5%, -50%); -moz-transform: translate(-2.5%, -50%); -ms-transform: translate(-2.5%, -50%); -o-transform: translate(-2.5%, -50%); transform: translate(-2.5%, -50%); opacity: 0; filter: alpha(opacity=0); padding-bottom: 14.85%; color: #fff; }
#section-7 .inner-cont-wrap .cont-holder .txt-box em { display: block; margin-top: 22px; color: #a5a4a4; }
#section-7 .inner-cont-wrap .cont-holder .txt-box .btn-clip { margin-top: 46px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s 1s linear; -moz-transition: opacity 0.8s 1s linear; -ms-transition: opacity 0.8s 1s linear; -o-transition: opacity 0.8s 1s linear; transition: opacity 0.8s 1s linear; }
#section-7 .inner-cont-wrap .cont-holder .txt-box.onShow { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 1s 0.2s ease-out, opacity 1s 0.2s; -moz-transition: -moz-transform 1s 0.2s ease-out, opacity 1s 0.2s; -ms-transition: -ms-transform 1s 0.2s ease-out, opacity 1s 0.2s; -o-transition: -o-transform 1s 0.2s ease-out, opacity 1s 0.2s; transition: transform 1s 0.2s ease-out, opacity 1s 0.2s; }
#section-7 .inner-cont-wrap .cont-holder .txt-box.onShow .btn-clip { opacity: 1; filter: alpha(opacity=100); }

.video-popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.video-popup iframe { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; }
.video-popup .btn-close { position: absolute; top: 30px; right: 30px; width: 92px; height: 92px; background: url(../img/btn_close_w.png) no-repeat; text-indent: -999em; font-size: 0; }

/*# sourceMappingURL=page.css.map */