/* rotate */
/* transform-origin */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
/* line */
@-webkit-keyframes circle-loop { 0% { width: 17px; height: 17px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 17px; height: 17px; -webkit-transform: translateY(-250px); -moz-transform: translateY(-250px); -ms-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px); opacity: 0; filter: alpha(opacity=0); } }
@-moz-keyframes circle-loop { 0% { width: 17px; height: 17px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 17px; height: 17px; -webkit-transform: translateY(-250px); -moz-transform: translateY(-250px); -ms-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px); opacity: 0; filter: alpha(opacity=0); } }
@-ms-keyframes circle-loop { 0% { width: 17px; height: 17px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 17px; height: 17px; -webkit-transform: translateY(-250px); -moz-transform: translateY(-250px); -ms-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px); opacity: 0; filter: alpha(opacity=0); } }
@-o-keyframes circle-loop { 0% { width: 17px; height: 17px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 17px; height: 17px; -webkit-transform: translateY(-250px); -moz-transform: translateY(-250px); -ms-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px); opacity: 0; filter: alpha(opacity=0); } }
@keyframes circle-loop { 0% { width: 17px; height: 17px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); opacity: 1; filter: alpha(opacity=100); }
  100% { width: 17px; height: 17px; -webkit-transform: translateY(-250px); -moz-transform: translateY(-250px); -ms-transform: translateY(-250px); -o-transform: translateY(-250px); transform: translateY(-250px); opacity: 0; filter: alpha(opacity=0); } }
@keyframes wave-circle { 0% { /*width: 1%; height: 1%;*/
-webkit-transform: translate(-50%, -50%) scale(0, 0) rotateX(82deg); -moz-transform: translate(-50%, -50%) scale(0, 0) rotateX(82deg); -ms-transform: translate(-50%, -50%) scale(0, 0) rotateX(82deg); -o-transform: translate(-50%, -50%) scale(0, 0) rotateX(82deg); transform: translate(-50%, -50%) scale(0, 0) rotateX(82deg); opacity: 0.5; filter: alpha(opacity=50); }
  100% { /*width:100%; height:100%;*/
-webkit-transform: translate(-50%, -50%) scale(1, 1) rotateX(82deg); -moz-transform: translate(-50%, -50%) scale(1, 1) rotateX(82deg); -ms-transform: translate(-50%, -50%) scale(1, 1) rotateX(82deg); -o-transform: translate(-50%, -50%) scale(1, 1) rotateX(82deg); transform: translate(-50%, -50%) scale(1, 1) rotateX(82deg); opacity: 0; filter: alpha(opacity=0); } }
@keyframes wave-circle2 { 0% { /*width: 49%; height: 49%;*/
-webkit-transform: translate(-50%, -50%) scale(0.49, 0.49); -moz-transform: translate(-50%, -50%) scale(0.49, 0.49); -ms-transform: translate(-50%, -50%) scale(0.49, 0.49); -o-transform: translate(-50%, -50%) scale(0.49, 0.49); transform: translate(-50%, -50%) scale(0.49, 0.49); opacity: 0.5; filter: alpha(opacity=50); }
  100% { /*width:100%; height:100%; */
-webkit-transform: translate(-50%, -50%) scale(1, 1); -moz-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); opacity: 0; filter: alpha(opacity=0); } }
@keyframes sec2figure1_1 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  15% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  50% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  65% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } }
@keyframes sec2figure1_2 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
  15% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  65% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } }
@keyframes sec2figure2_1 { 0% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  15% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); }
  45% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); }
  60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes sec2figure2_2 { 0% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  45% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes sec2figureBg { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  5% { opacity: 1; filter: alpha(opacity=100); }
  55% { opacity: 1; filter: alpha(opacity=100); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  60% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes obj-rolling { 0% { opacity: 0; filter: alpha(opacity=0); }
  33.333% { opacity: 0; filter: alpha(opacity=0); }
  44.444% { opacity: 1; filter: alpha(opacity=100); }
  90% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes img-rolling { 0% { opacity: 0; filter: alpha(opacity=0); }
  7% { opacity: 1; filter: alpha(opacity=100); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { opacity: 1; filter: alpha(opacity=100); }
  57% { opacity: 0; filter: alpha(opacity=0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { opacity: 0; filter: alpha(opacity=0); } }
@keyframes wave-rolling { 0% { opacity: 0; filter: alpha(opacity=0); }
  10% { opacity: 1; filter: alpha(opacity=100); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  60% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 0; filter: alpha(opacity=0); } }
body { overflow-x: auto; background: #fff; }

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

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

#content { position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; }
#content h1 { font-family: 'samsungonelatin200'; font-size: 100px; letter-spacing: -0.01em; line-height: 1; font-weight: 100; color: inherit; }
#content h2 { font-family: 'samsungonelatin1100'; font-size: 68px; letter-spacing: 0; line-height: 1; font-weight: 100; color: #0090d4; text-transform: uppercase; }
#content h3 { font-family: 'samsungonelatin400'; font-size: 36px; letter-spacing: -0.015em; line-height: 50px; font-weight: 100; }
#content h4 { font-family: 'samsungonelatin400'; font-size: 30px; letter-spacing: -0.015em; line-height: 38px; font-weight: 100; }
#content h5 { font-family: 'samsungonelatin400'; font-size: 22px; letter-spacing: -0.015em; line-height: 38px; font-weight: 100; }
#content p { font-family: 'samsungonelatin400'; font-size: 18px; letter-spacing: -0.015em; line-height: 32px; font-weight: 100; text-align: justify; word-break: break-all; }
#content section { overflow: hidden; position: relative; width: 100%; }
#content .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; }
#content .btn_download:hover { background-position: 0 -55px; }
#content .inner-cont-wrap { position: relative; width: 100%; min-width: 1280px; height: 100%; }
#content .bg-holder { position: absolute; width: 100%; height: 100%; }
#content .cont-holder { position: relative; width: 1280px; height: 100%; margin: 0 auto; text-align: center; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

.content { visibility: hidden; }
.content.onShow { visibility: visible; }
.content .inner-cont-wrap { position: relative; }
.content .inner-cont-wrap .dim-holder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; }

#section-1 .cont-holder .txt-box strong { font-family: 'samsungonelatin500'; font-size: 24px; letter-spacing: -0.015em; line-height: 1; font-weight: 100; }

#section-6 .sound-clip em { font-family: 'samsungonelatin800'; font-size: 16px; letter-spacing: -0.015em; line-height: 1; font-weight: 100; color: #6585a8; }
#section-6 .sound-clip span { font-family: 'samsungonelatin500'; font-size: 28px; letter-spacing: -0.015em; font-weight: 100; color: #6485a8; }

#section-7 .cont-holder .txt-box p { font-family: 'samsungonelatin400'; font-size: 22px; letter-spacing: -0.015em; line-height: 44px; font-weight: 100; text-align: center; color: #fff; }

.scroll-holder { display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.scroll-holder span { display: block; margin-bottom: 16px; opacity: 0; filter: alpha(opacity=0); color: #fff; letter-spacing: 0; font-family: 'samsungonelatin800'; font-size: 16px; }
.scroll-holder em { position: relative; left: 50%; display: block; width: 2px; height: 0; background-color: #fff; }
.onInit.scroll-holder span { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s 0.8s linear; -moz-transition: opacity 0.4s 0.8s linear; -ms-transition: opacity 0.4s 0.8s linear; -o-transition: opacity 0.4s 0.8s linear; transition: opacity 0.4s 0.8s linear; }
.onInit.scroll-holder em { opacity: 1; filter: alpha(opacity=100); height: 40px; -webkit-transition: height 0.4s 0.8s ease-out; -moz-transition: height 0.4s 0.8s ease-out; -ms-transition: height 0.4s 0.8s ease-out; -o-transition: height 0.4s 0.8s ease-out; transition: height 0.4s 0.8s ease-out; }
.onShow.scroll-holder span { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s 0.4s linear; -moz-transition: opacity 0.3s 0.4s linear; -ms-transition: opacity 0.3s 0.4s linear; -o-transition: opacity 0.3s 0.4s linear; transition: opacity 0.3s 0.4s linear; }
.onShow.scroll-holder em { height: 40px; -webkit-transition: height 0.65s 0.4s ease-in-out; -moz-transition: height 0.65s 0.4s ease-in-out; -ms-transition: height 0.65s 0.4s ease-in-out; -o-transition: height 0.65s 0.4s ease-in-out; transition: height 0.65s 0.4s ease-in-out; }
.onHide.scroll-holder span { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.onHide.scroll-holder em { height: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s linear,height 0.65s ease-in-out; -moz-transition: opacity 0.3s linear,height 0.65s ease-in-out; -ms-transition: opacity 0.3s linear,height 0.65s ease-in-out; -o-transition: opacity 0.3s linear,height 0.65s ease-in-out; transition: opacity 0.3s linear,height 0.65s ease-in-out; }

.scroll-holder span { color: #fff; }
.scroll-holder em { background-color: #fff; }

.footer-btns.test-1 a, .footer-btns.test-3 a, .footer-btns.test-2 a, #section-7 .inner-cont-wrap .cont-holder .txt-box .footer-btns a, .footer-btns.test-4 a { display: inline-block; width: 210px; height: 45px; margin-right: 10px; }
.footer-btns.test-1 a:hover, .footer-btns.test-3 a:hover, .footer-btns.test-2 a:hover, #section-7 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:hover, .footer-btns.test-4 a:hover { background-position-y: bottom; background-repeat: no-repeat; }

.footer-btns.test-1 a:nth-child(1) { background-image: url("../img/btn_download.png"); }
.footer-btns.test-1 a:nth-child(2) { background-image: url("../img/btn_sec.png"); }

.footer-btns.test-3 a:nth-child(1) { background-image: url("../img/btn_download_b.png"); }
.footer-btns.test-3 a:nth-child(2) { background-image: url("../img/btn_sec_b.png"); }

.footer-btns.test-2 a:nth-child(1), #section-7 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:nth-child(1) { background-image: url("../img/btn_download.png"); }
.footer-btns.test-2 a:nth-child(2), #section-7 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:nth-child(2) { background-image: url("../img/btn_samsung.png"); }

.footer-btns.test-4 a:nth-child(1) { background-image: url("../img/btn_download_b.png"); }
.footer-btns.test-4 a:nth-child(2) { background-image: url("../img/btn_samsung_b.png"); }

.footer-btns { font-size: 0; }

.img-rolling { position: relative; width: inherit; height: inherit; }
.img-rolling li { position: absolute; width: 100%; height: 100%; }
.img-rolling li:after { display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/bg_pattern.png); }
.img-rolling.onShow li { -webkit-animation: uz0dznuvr 14.4s infinite; -moz-animation: uz0dznuvr 14.4s infinite; -ms-animation: uz0dznuvr 14.4s infinite; -o-animation: uz0dznuvr 14.4s infinite; animation: uz0dznuvr 14.4s infinite; }
.img-rolling.onShow li:nth-child(1) { -webkit-animation-delay: 10.8s; -moz-animation-delay: 10.8s; -ms-animation-delay: 10.8s; -o-animation-delay: 10.8s; animation-delay: 10.8s; }
.img-rolling.onShow li:nth-child(2) { -webkit-animation-delay: 7.2s; -moz-animation-delay: 7.2s; -ms-animation-delay: 7.2s; -o-animation-delay: 7.2s; animation-delay: 7.2s; }
.img-rolling.onShow li:nth-child(3) { -webkit-animation-delay: 3.6s; -moz-animation-delay: 3.6s; -ms-animation-delay: 3.6s; -o-animation-delay: 3.6s; animation-delay: 3.6s; }
@-webkit-keyframes uz0dznuvr { 0%,
            20.8333333333%,
            100% { opacity: 1; visibility: visible; }
  25%,
            95.8333333333% { opacity: 0; visibility: hidden; } }
@-moz-keyframes uz0dznuvr { 0%,
            20.8333333333%,
            100% { opacity: 1; visibility: visible; }
  25%,
            95.8333333333% { opacity: 0; visibility: hidden; } }
@-ms-keyframes uz0dznuvr { 0%,
            20.8333333333%,
            100% { opacity: 1; visibility: visible; }
  25%,
            95.8333333333% { opacity: 0; visibility: hidden; } }
@-o-keyframes uz0dznuvr { 0%,
            20.8333333333%,
            100% { opacity: 1; visibility: visible; }
  25%,
            95.8333333333% { opacity: 0; visibility: hidden; } }
@keyframes uz0dznuvr { 0%,
            20.8333333333%,
            100% { opacity: 1; visibility: visible; }
  25%,
            95.8333333333% { opacity: 0; visibility: hidden; } }
/*part section*/
#section-1 { height: calc( 100vh - 70px ); }
#section-1 .inner-cont-wrap { position: fixed; bottom: 0; height: inherit; }
#section-1 .inner-cont-wrap .bg-holder { position: relative; width: inherit; height: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
#section-1 .inner-cont-wrap .bg-holder .bg-clip { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); background-color: #000; }
#section-1 .inner-cont-wrap .bg-holder .bg-clip .bg-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-1 .inner-cont-wrap .bg-holder .bg-clip .bg-item.bg-1 { background-image: url("../img/kv/kv_bg1.jpg"); }
#section-1 .inner-cont-wrap .bg-holder .bg-clip .bg-item.bg-2 { background-image: url("../img/kv/kv_bg2.jpg"); }
#section-1 .inner-cont-wrap .bg-holder .bg-clip .bg-item.bg-3 { background-image: url("../img/kv/kv_bg3.jpg"); }
#section-1 .inner-cont-wrap .bg-holder .bg-clip .bg-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); }
#section-1 .inner-cont-wrap .bg-holder .bg-clip.onTrans .bg-1 { -webkit-animation: kvBgAni-1 18s 0s forwards infinite ease-in-out; -moz-animation: kvBgAni-1 18s 0s forwards infinite ease-in-out; -ms-animation: kvBgAni-1 18s 0s forwards infinite ease-in-out; -o-animation: kvBgAni-1 18s 0s forwards infinite ease-in-out; animation: kvBgAni-1 18s 0s forwards infinite ease-in-out; }
@keyframes kvBgAni-1 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); background-position: 50% 0; }
  20% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; background-position: 50% 100%; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); background-position: 50% 100%; }
  53.333% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); background-position: 50% 100%; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; background-position: 50% 0; } }
#section-1 .inner-cont-wrap .bg-holder .bg-clip .bg-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); }
#section-1 .inner-cont-wrap .bg-holder .bg-clip.onTrans .bg-2 { -webkit-animation: kvBgAni-2 18s 6s forwards infinite ease-in-out; -moz-animation: kvBgAni-2 18s 6s forwards infinite ease-in-out; -ms-animation: kvBgAni-2 18s 6s forwards infinite ease-in-out; -o-animation: kvBgAni-2 18s 6s forwards infinite ease-in-out; animation: kvBgAni-2 18s 6s forwards infinite ease-in-out; }
@keyframes kvBgAni-2 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); background-position: 50% 0; }
  20% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; background-position: 50% 100%; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); background-position: 50% 100%; }
  53.333% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); background-position: 50% 100%; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(-30px, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; background-position: 50% 0; } }
#section-1 .inner-cont-wrap .bg-holder .bg-clip .bg-3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); }
#section-1 .inner-cont-wrap .bg-holder .bg-clip.onTrans .bg-3 { -webkit-animation: kvBgAni-3 18s 12s forwards infinite ease-in-out; -moz-animation: kvBgAni-3 18s 12s forwards infinite ease-in-out; -ms-animation: kvBgAni-3 18s 12s forwards infinite ease-in-out; -o-animation: kvBgAni-3 18s 12s forwards infinite ease-in-out; animation: kvBgAni-3 18s 12s forwards infinite ease-in-out; }
@keyframes kvBgAni-3 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); background-position: 50% 0; }
  20% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; background-position: 50% 100%; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); background-position: 50% 100%; }
  53.333% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); background-position: 50% 100%; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(-30px, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; background-position: 50% 0; } }
#section-1 .inner-cont-wrap .bg-holder .figure-clip { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
#section-1 .inner-cont-wrap .bg-holder .figure-clip .figure-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
#section-1 .inner-cont-wrap .bg-holder .figure-clip .figure-item.figure-1 { background-image: url("../img/kv/kv_figure1.png"); }
#section-1 .inner-cont-wrap .bg-holder .figure-clip .figure-item.figure-2 { background-image: url("../img/kv/kv_figure2.png"); }
#section-1 .inner-cont-wrap .bg-holder .figure-clip .figure-item.figure-3 { background-image: url("../img/kv/kv_figure3.png"); }
#section-1 .inner-cont-wrap .bg-holder .figure-clip .figure-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#section-1 .inner-cont-wrap .bg-holder .figure-clip.onTrans .figure-1 { -webkit-animation: kvFigureAni-1 18s 0s forwards infinite ease-in-out; -moz-animation: kvFigureAni-1 18s 0s forwards infinite ease-in-out; -ms-animation: kvFigureAni-1 18s 0s forwards infinite ease-in-out; -o-animation: kvFigureAni-1 18s 0s forwards infinite ease-in-out; animation: kvFigureAni-1 18s 0s forwards infinite ease-in-out; }
@keyframes kvFigureAni-1 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  5% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  44.444% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
#section-1 .inner-cont-wrap .bg-holder .figure-clip .figure-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#section-1 .inner-cont-wrap .bg-holder .figure-clip.onTrans .figure-2 { -webkit-animation: kvFigureAni-2 18s 6s forwards infinite ease-in-out; -moz-animation: kvFigureAni-2 18s 6s forwards infinite ease-in-out; -ms-animation: kvFigureAni-2 18s 6s forwards infinite ease-in-out; -o-animation: kvFigureAni-2 18s 6s forwards infinite ease-in-out; animation: kvFigureAni-2 18s 6s forwards infinite ease-in-out; }
@keyframes kvFigureAni-2 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  5% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  44.444% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
#section-1 .inner-cont-wrap .bg-holder .figure-clip .figure-3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#section-1 .inner-cont-wrap .bg-holder .figure-clip.onTrans .figure-3 { -webkit-animation: kvFigureAni-3 18s 12s forwards infinite ease-in-out; -moz-animation: kvFigureAni-3 18s 12s forwards infinite ease-in-out; -ms-animation: kvFigureAni-3 18s 12s forwards infinite ease-in-out; -o-animation: kvFigureAni-3 18s 12s forwards infinite ease-in-out; animation: kvFigureAni-3 18s 12s forwards infinite ease-in-out; }
@keyframes kvFigureAni-3 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  5% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  44.444% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
#section-1 .inner-cont-wrap .bg-holder .obj-clip { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
#section-1 .inner-cont-wrap .bg-holder .obj-clip .obj-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
#section-1 .inner-cont-wrap .bg-holder .obj-clip .obj-item.obj-1 { background-image: url("../img/kv/kv_obj1.png"); }
#section-1 .inner-cont-wrap .bg-holder .obj-clip .obj-item.obj-2 { background-image: url("../img/kv/kv_obj2.png"); }
#section-1 .inner-cont-wrap .bg-holder .obj-clip .obj-item.obj-3 { background-image: url("../img/kv/kv_obj3.png"); }
#section-1 .inner-cont-wrap .bg-holder .obj-clip .obj-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); }
#section-1 .inner-cont-wrap .bg-holder .obj-clip.onTrans .obj-1 { -webkit-animation: kvObjAni-1 18s 0s forwards infinite ease-in-out; -moz-animation: kvObjAni-1 18s 0s forwards infinite ease-in-out; -ms-animation: kvObjAni-1 18s 0s forwards infinite ease-in-out; -o-animation: kvObjAni-1 18s 0s forwards infinite ease-in-out; animation: kvObjAni-1 18s 0s forwards infinite ease-in-out; }
@keyframes kvObjAni-1 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); }
  11.11% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.33% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  44.44% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  66.66% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); } }
#section-1 .inner-cont-wrap .bg-holder .obj-clip .obj-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); }
#section-1 .inner-cont-wrap .bg-holder .obj-clip.onTrans .obj-2 { -webkit-animation: kvObjAni-2 18s 6s forwards infinite ease-in-out; -moz-animation: kvObjAni-2 18s 6s forwards infinite ease-in-out; -ms-animation: kvObjAni-2 18s 6s forwards infinite ease-in-out; -o-animation: kvObjAni-2 18s 6s forwards infinite ease-in-out; animation: kvObjAni-2 18s 6s forwards infinite ease-in-out; }
@keyframes kvObjAni-2 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); }
  11.11% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.33% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  44.44% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  66.66% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); transform: scale3d(1, 1, 1) translate3d(0, 100px, 0); } }
#section-1 .inner-cont-wrap .bg-holder .obj-clip .obj-3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); }
#section-1 .inner-cont-wrap .bg-holder .obj-clip.onTrans .obj-3 { -webkit-animation: kvObjAni-3 18s 12s forwards infinite ease-in-out; -moz-animation: kvObjAni-3 18s 12s forwards infinite ease-in-out; -ms-animation: kvObjAni-3 18s 12s forwards infinite ease-in-out; -o-animation: kvObjAni-3 18s 12s forwards infinite ease-in-out; animation: kvObjAni-3 18s 12s forwards infinite ease-in-out; }
@keyframes kvObjAni-3 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); }
  11.11% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.33% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  44.44% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  66.66% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0); } }
#section-1 .inner-cont-wrap .cont-holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#section-1 .inner-cont-wrap .cont-holder .txt-box { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }
#section-1 .inner-cont-wrap .cont-holder .txt-box h1 { opacity: 0; filter: alpha(opacity=0); letter-spacing: -7px; will-change: letter-spacing,opacity; }
#section-1 .inner-cont-wrap .cont-holder .txt-box strong { display: block; margin-bottom: 45px; opacity: 0; filter: alpha(opacity=0); }
#section-1 .inner-cont-wrap .cont-holder .txt-box.onShow h1 { -webkit-transition: letter-spacing 1.8s ease-out, opacity 1.8s ease-in; -moz-transition: letter-spacing 1.8s ease-out, opacity 1.8s ease-in; -ms-transition: letter-spacing 1.8s ease-out, opacity 1.8s ease-in; -o-transition: letter-spacing 1.8s ease-out, opacity 1.8s ease-in; transition: letter-spacing 1.8s ease-out, opacity 1.8s ease-in; opacity: 1; filter: alpha(opacity=100); letter-spacing: -1px; }
#section-1 .inner-cont-wrap .cont-holder .txt-box.onShow strong { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s linear 1s; -moz-transition: opacity 1s linear 1s; -ms-transition: opacity 1s linear 1s; -o-transition: opacity 1s linear 1s; transition: opacity 1s linear 1s; }
#section-1 .inner-cont-wrap .scroll-holder { z-index: 100; }

#section-2 { height: calc( 100vh - 70px ); }
#section-2 .inner-cont-wrap { height: inherit; background-color: #fff; }
#section-2 .inner-cont-wrap .cont-holder { height: auto; position: relative; top: calc(50% - 31px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#section-2 .inner-cont-wrap .cont-holder .obj-box { overflow: hidden; opacity: 1; filter: alpha(opacity=100); position: relative; width: 279px; height: 286px; margin: 0 auto -10px; }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul { position: relative; width: inherit; height: inherit; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul > li { width: inherit; height: inherit; }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul .obj-1 .figure-1 { position: absolute; top: 93px; right: 71px; }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul .obj-1 .figure-2 { position: absolute; top: 0; right: 0; }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul .obj-1 .figure-bg { position: absolute; width: 100%; height: 100%; background-color: #002e58; opacity: 1; filter: alpha(opacity=100); }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul .obj-2 { position: absolute; top: 0; left: 0; }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul .obj-2 .figure-1 { position: absolute; bottom: 0; left: 68px; }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul .obj-2 .figure-2 { position: absolute; top: 16px; left: 14px; }
#section-2 .inner-cont-wrap .cont-holder .obj-box > ul .obj-2 .figure-bg { position: absolute; width: 100%; height: 100%; background-color: #8c3e00; opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .cont-holder .obj-box .obj-mask { position: absolute; top: 0; left: 0; }
#section-2 .inner-cont-wrap .cont-holder .txt-box h5 { 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-2 .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: opacity 0.8s 0.2s linear,transform 0.6s ease-out 0.2s; -moz-transition: opacity 0.8s 0.2s linear,transform 0.6s ease-out 0.2s; -ms-transition: opacity 0.8s 0.2s linear,transform 0.6s ease-out 0.2s; -o-transition: opacity 0.8s 0.2s linear,transform 0.6s ease-out 0.2s; transition: opacity 0.8s 0.2s linear,transform 0.6s ease-out 0.2s; }
#section-2 .inner-cont-wrap .cont-holder.onShow .obj-box > ul { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s 0.2s ease-out; -moz-transition: opacity 0.8s 0.2s ease-out; -ms-transition: opacity 0.8s 0.2s ease-out; -o-transition: opacity 0.8s 0.2s ease-out; transition: opacity 0.8s 0.2s ease-out; }
#section-2 .inner-cont-wrap .cont-holder.onShow .obj-box > ul .obj-1 .figure-1 { -webkit-animation: sec2figure1_1 8s -1.6s forwards infinite ease-in-out; -moz-animation: sec2figure1_1 8s -1.6s forwards infinite ease-in-out; -ms-animation: sec2figure1_1 8s -1.6s forwards infinite ease-in-out; -o-animation: sec2figure1_1 8s -1.6s forwards infinite ease-in-out; animation: sec2figure1_1 8s -1.6s forwards infinite ease-in-out; }
#section-2 .inner-cont-wrap .cont-holder.onShow .obj-box > ul .obj-1 .figure-2 { -webkit-animation: sec2figure1_2 8s -1.6s forwards infinite ease-in-out; -moz-animation: sec2figure1_2 8s -1.6s forwards infinite ease-in-out; -ms-animation: sec2figure1_2 8s -1.6s forwards infinite ease-in-out; -o-animation: sec2figure1_2 8s -1.6s forwards infinite ease-in-out; animation: sec2figure1_2 8s -1.6s forwards infinite ease-in-out; }
#section-2 .inner-cont-wrap .cont-holder.onShow .obj-box > ul .obj-1 .figure-bg { -webkit-animation: sec2figureBg 8s -1.6s forwards infinite ease-in-out; -moz-animation: sec2figureBg 8s -1.6s forwards infinite ease-in-out; -ms-animation: sec2figureBg 8s -1.6s forwards infinite ease-in-out; -o-animation: sec2figureBg 8s -1.6s forwards infinite ease-in-out; animation: sec2figureBg 8s -1.6s forwards infinite ease-in-out; }
#section-2 .inner-cont-wrap .cont-holder.onShow .obj-box > ul .obj-2 .figure-1 { -webkit-animation: sec2figure2_1 8s -1.6s forwards infinite ease-in-out; -moz-animation: sec2figure2_1 8s -1.6s forwards infinite ease-in-out; -ms-animation: sec2figure2_1 8s -1.6s forwards infinite ease-in-out; -o-animation: sec2figure2_1 8s -1.6s forwards infinite ease-in-out; animation: sec2figure2_1 8s -1.6s forwards infinite ease-in-out; }
#section-2 .inner-cont-wrap .cont-holder.onShow .obj-box > ul .obj-2 .figure-2 { -webkit-animation: sec2figure2_2 8s -1.6s forwards infinite ease-in-out; -moz-animation: sec2figure2_2 8s -1.6s forwards infinite ease-in-out; -ms-animation: sec2figure2_2 8s -1.6s forwards infinite ease-in-out; -o-animation: sec2figure2_2 8s -1.6s forwards infinite ease-in-out; animation: sec2figure2_2 8s -1.6s forwards infinite ease-in-out; }
#section-2 .inner-cont-wrap .cont-holder.onShow .obj-box > ul .obj-2 .figure-bg { -webkit-animation: sec2figureBg 8s 2.4s forwards infinite ease-in-out; -moz-animation: sec2figureBg 8s 2.4s forwards infinite ease-in-out; -ms-animation: sec2figureBg 8s 2.4s forwards infinite ease-in-out; -o-animation: sec2figureBg 8s 2.4s forwards infinite ease-in-out; animation: sec2figureBg 8s 2.4s forwards infinite ease-in-out; }

#section-4 .cont-box, #section-6 .cont-box { position: relative; }
#section-4 .cont-box .txt-clip, #section-6 .cont-box .txt-clip { position: absolute; }
#section-4 .cont-box .txt-clip h4, #section-6 .cont-box .txt-clip h4 { text-align: left; margin-bottom: 25px; }
#section-4 .cont-box .txt-clip h4 span, #section-6 .cont-box .txt-clip h4 span { display: block; opacity: 0; filter: alpha(opacity=0); }
#section-4 .cont-box .txt-clip h4 span.txt-1, #section-6 .cont-box .txt-clip h4 span.txt-1 { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-4 .cont-box .txt-clip h4 span.txt-2, #section-6 .cont-box .txt-clip h4 span.txt-2 { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#section-4 .cont-box .txt-clip h4 span.txt-3, #section-6 .cont-box .txt-clip h4 span.txt-3 { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
#section-4 .cont-box .txt-clip p, #section-6 .cont-box .txt-clip p { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
#section-4 .cont-box.onShow .txt-clip h4 span, #section-6 .cont-box.onShow .txt-clip h4 span { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: transform 0.65s ease-out, opacity 0.65s linear; -moz-transition: transform 0.65s ease-out, opacity 0.65s linear; -ms-transition: transform 0.65s ease-out, opacity 0.65s linear; -o-transition: transform 0.65s ease-out, opacity 0.65s linear; transition: transform 0.65s ease-out, opacity 0.65s linear; }
#section-4 .cont-box.onShow .txt-clip P, #section-6 .cont-box.onShow .txt-clip P { 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: transform 0.55s 0.45s ease-out,opacity 0.55s 0.45s linear; -moz-transition: transform 0.55s 0.45s ease-out,opacity 0.55s 0.45s linear; -ms-transition: transform 0.55s 0.45s ease-out,opacity 0.55s 0.45s linear; -o-transition: transform 0.55s 0.45s ease-out,opacity 0.55s 0.45s linear; transition: transform 0.55s 0.45s ease-out,opacity 0.55s 0.45s linear; }
#section-4 .cont-box .img-clip, #section-6 .cont-box .img-clip { position: absolute; overflow: hidden; }

#section-3 .bg-holder .title-box h3, #section-5 .bg-holder .title-box h3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
#section-3 .bg-holder .title-box.onShow h3, #section-5 .bg-holder .title-box.onShow h3 { 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 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; }

#section-3 { height: 700px; }
#section-3 .inner-cont-wrap { height: inherit; }
#section-3 .inner-cont-wrap .bg-holder { overflow: hidden; background: url("../img/sec3_bg.jpg") 50% 100% no-repeat fixed; background-size: auto 700px; image-rendering: auto; max-width: 3840px; }
#section-3 .inner-cont-wrap .bg-holder .title-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#section-3 .inner-cont-wrap .bg-holder .title-box h3 { color: #fff; text-align: center; }

#section-4 { height: 2012px; }
#section-4 .inner-cont-wrap { height: inherit; background-color: #fff; }
#section-4 .inner-cont-wrap .cont-holder { position: relative; padding-top: 220px; background-color: #fff; }
#section-4 .inner-cont-wrap .cont-holder .cont-box { position: relative; }
#section-4 .inner-cont-wrap .cont-holder .cont-box .txt-clip { position: absolute; }
#section-4 .inner-cont-wrap .cont-holder .cont-box .txt-clip h4 { text-align: left; margin-bottom: 29px; }
#section-4 .inner-cont-wrap .cont-holder .cont-box .txt-clip h4 span { display: block; }
#section-4 .inner-cont-wrap .cont-holder .cont-box .img-clip { position: absolute; overflow: hidden; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-1 { height: 790px; margin-bottom: 160px; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-1 .txt-clip { top: 168px; left: 80px; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-1 .img-clip { right: 0; width: 705px; height: inherit; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-1 .img-clip .img-rolling .img-1 .img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-1 .img-clip .img-rolling .img-2 { opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-1.onShow .img-clip .img-rolling .img-1 .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 1.2s ease-out; -moz-transition: transform 1.2s ease-out; -ms-transition: transform 1.2s ease-out; -o-transition: transform 1.2s ease-out; transition: transform 1.2s ease-out; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-1.onShow .img-clip .img-rolling .img-2 { -webkit-animation: img-rolling 7.5s 3s linear infinite; -moz-animation: img-rolling 7.5s 3s linear infinite; -ms-animation: img-rolling 7.5s 3s linear infinite; -o-animation: img-rolling 7.5s 3s linear infinite; animation: img-rolling 7.5s 3s linear infinite; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-2 { height: 550px; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-2 .txt-clip { top: 99px; left: 780px; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-2 .img-clip { left: -320px; width: 1020px; height: inherit; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-2 .img-clip .img-rolling .img-1 .img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-2 .img-clip .img-rolling .img-2 { opacity: 0; filter: alpha(opacity=0); }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-2.onShow .img-clip .img-rolling .img-1 .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 1.2s ease-out; -moz-transition: transform 1.2s ease-out; -ms-transition: transform 1.2s ease-out; -o-transition: transform 1.2s ease-out; transition: transform 1.2s ease-out; }
#section-4 .inner-cont-wrap .cont-holder .cont-box.cont-box-2.onShow .img-clip .img-rolling .img-2 { -webkit-animation: img-rolling 7.5s 3s linear infinite; -moz-animation: img-rolling 7.5s 3s linear infinite; -ms-animation: img-rolling 7.5s 3s linear infinite; -o-animation: img-rolling 7.5s 3s linear infinite; animation: img-rolling 7.5s 3s linear infinite; }

#section-5 { height: 700px; }
#section-5 .inner-cont-wrap { height: inherit; }
#section-5 .inner-cont-wrap .bg-holder { overflow: hidden; background: url("../img/sec5_bg.jpg") 50% 100% no-repeat fixed; background-size: auto 700px; image-rendering: auto; max-width: 3840px; }
#section-5 .inner-cont-wrap .bg-holder .title-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#section-5 .inner-cont-wrap .bg-holder .title-box h3 { color: #fff; text-align: center; }

#section-6 { height: 3323px; }
#section-6 .inner-cont-wrap { height: inherit; background-color: #fff; }
#section-6 .inner-cont-wrap .cont-holder { position: relative; padding-top: 213px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 { height: 526px; margin-bottom: 150px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .txt-clip { left: 80px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .txt-clip p span { display: block; margin-top: 14px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .txt-clip p span:first-child { margin-top: 0; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip { position: absolute; width: 580px; height: 380px; top: 87px; right: 70px; opacity: 0; filter: alpha(opacity=0); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .object { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle { position: absolute; top: 37%; left: 50%; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul { position: absolute; left: 0; top: 0; border-radius: 50%; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul.spinner-1 .dot { -webkit-animation: circle-loop 2s -0.4s ease-in-out infinite; -moz-animation: circle-loop 2s -0.4s ease-in-out infinite; -ms-animation: circle-loop 2s -0.4s ease-in-out infinite; -o-animation: circle-loop 2s -0.4s ease-in-out infinite; animation: circle-loop 2s -0.4s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul.spinner-2 .dot { -webkit-animation: circle-loop 2s -0.8s ease-in-out infinite; -moz-animation: circle-loop 2s -0.8s ease-in-out infinite; -ms-animation: circle-loop 2s -0.8s ease-in-out infinite; -o-animation: circle-loop 2s -0.8s ease-in-out infinite; animation: circle-loop 2s -0.8s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul.spinner-3 .dot { -webkit-animation: circle-loop 2s -1.2s ease-in-out infinite; -moz-animation: circle-loop 2s -1.2s ease-in-out infinite; -ms-animation: circle-loop 2s -1.2s ease-in-out infinite; -o-animation: circle-loop 2s -1.2s ease-in-out infinite; animation: circle-loop 2s -1.2s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul.spinner-4 .dot { -webkit-animation: circle-loop 2s -1.6s ease-in-out infinite; -moz-animation: circle-loop 2s -1.6s ease-in-out infinite; -ms-animation: circle-loop 2s -1.6s ease-in-out infinite; -o-animation: circle-loop 2s -1.6s ease-in-out infinite; animation: circle-loop 2s -1.6s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul.spinner-5 .dot { -webkit-animation: circle-loop 2s -2s ease-in-out infinite; -moz-animation: circle-loop 2s -2s ease-in-out infinite; -ms-animation: circle-loop 2s -2s ease-in-out infinite; -o-animation: circle-loop 2s -2s ease-in-out infinite; animation: circle-loop 2s -2s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul li { height: 100%; position: absolute; left: 50%; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul li .dot { width: 17px; height: 17px; background-color: #6585a8; border-radius: 90% 90%; position: absolute; top: 50%; left: 50%; margin-left: -8.5px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul .item-1 { -webkit-transform: rotate(75deg); -moz-transform: rotate(75deg); -ms-transform: rotate(75deg); -o-transform: rotate(75deg); transform: rotate(75deg); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul .item-2 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul .item-3 { -webkit-transform: rotate(105deg); -moz-transform: rotate(105deg); -ms-transform: rotate(105deg); -o-transform: rotate(105deg); transform: rotate(105deg); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul .item-4 { -webkit-transform: rotate(255deg); -moz-transform: rotate(255deg); -ms-transform: rotate(255deg); -o-transform: rotate(255deg); transform: rotate(255deg); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul .item-5 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .circle ul .item-6 { -webkit-transform: rotate(285deg); -moz-transform: rotate(285deg); -ms-transform: rotate(285deg); -o-transform: rotate(285deg); transform: rotate(285deg); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .wave { position: absolute; top: 7%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-perspective: 600px; perspective: 600px; width: 580px; height: 580px; margin: 0 auto; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .wave > div { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%) rotateX(82deg); -moz-transform: translate(-50%, -50%) rotateX(82deg); -ms-transform: translate(-50%, -50%) rotateX(82deg); -o-transform: translate(-50%, -50%) rotateX(82deg); transform: translate(-50%, -50%) rotateX(82deg); border-radius: 50%; background-color: #3f6692; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .wave > div.wave-1 { -webkit-animation: wave-circle 2.4s -0.6s ease-in-out infinite; -moz-animation: wave-circle 2.4s -0.6s ease-in-out infinite; -ms-animation: wave-circle 2.4s -0.6s ease-in-out infinite; -o-animation: wave-circle 2.4s -0.6s ease-in-out infinite; animation: wave-circle 2.4s -0.6s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .wave > div.wave-2 { -webkit-animation: wave-circle 2.4s -1.2s ease-in-out infinite; -moz-animation: wave-circle 2.4s -1.2s ease-in-out infinite; -ms-animation: wave-circle 2.4s -1.2s ease-in-out infinite; -o-animation: wave-circle 2.4s -1.2s ease-in-out infinite; animation: wave-circle 2.4s -1.2s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .wave > div.wave-3 { -webkit-animation: wave-circle 2.4s -1.8s ease-in-out infinite; -moz-animation: wave-circle 2.4s -1.8s ease-in-out infinite; -ms-animation: wave-circle 2.4s -1.8s ease-in-out infinite; -o-animation: wave-circle 2.4s -1.8s ease-in-out infinite; animation: wave-circle 2.4s -1.8s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1 .obj-clip .wave > div.wave-4 { -webkit-animation: wave-circle 2.4s -2.4s ease-in-out infinite; -moz-animation: wave-circle 2.4s -2.4s ease-in-out infinite; -ms-animation: wave-circle 2.4s -2.4s ease-in-out infinite; -o-animation: wave-circle 2.4s -2.4s ease-in-out infinite; animation: wave-circle 2.4s -2.4s ease-in-out infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-1.onShow .obj-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s 0s linear; -moz-transition: opacity 0.8s 0s linear; -ms-transition: opacity 0.8s 0s linear; -o-transition: opacity 0.8s 0s linear; transition: opacity 0.8s 0s linear; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2 { position: relative; overflow: hidden; width: 1440px; height: 1000px; margin-left: -80px; margin-bottom: 150px; background-color: #7ab2c5; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2 .bg-clip { position: absolute; left: 0; top: 0; width: inherit; height: inherit; background-image: url("../img/sec4_2_bg.jpg"); background-size: 100%; background-repeat: no-repeat; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2 .txt-clip { top: 99px; left: 300px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2 .txt-clip h4, #section-6 .inner-cont-wrap .cont-holder .cont-box-2 .txt-clip p { color: #fff; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2 .txt-clip h4 { float: left; margin-right: 53px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2 .txt-clip p { float: right; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2 .txt-clip p span { display: block; margin-top: 14px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2 .txt-clip p span:first-child { margin-top: 0; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-2.onShow .bg-clip { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 1.2s ease-out; -moz-transition: transform 1.2s ease-out; -ms-transition: transform 1.2s ease-out; -o-transition: transform 1.2s ease-out; transition: transform 1.2s ease-out; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 { height: 977px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip { position: absolute; width: 750px; height: 750px; top: 138px; left: -12px; opacity: 0; filter: alpha(opacity=0); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .object { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .circle { position: relative; width: inherit; height: inherit; opacity: 1; filter: alpha(opacity=100); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .circle > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background-color: #3f6692; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .circle.onShow > div { width: 100%; height: 100%; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .circle.onShow > div.circle-1 { -webkit-animation: wave-circle2 3s -0.6s linear infinite; -moz-animation: wave-circle2 3s -0.6s linear infinite; -ms-animation: wave-circle2 3s -0.6s linear infinite; -o-animation: wave-circle2 3s -0.6s linear infinite; animation: wave-circle2 3s -0.6s linear infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .circle.onShow > div.circle-2 { -webkit-animation: wave-circle2 3s -1.2s linear infinite; -moz-animation: wave-circle2 3s -1.2s linear infinite; -ms-animation: wave-circle2 3s -1.2s linear infinite; -o-animation: wave-circle2 3s -1.2s linear infinite; animation: wave-circle2 3s -1.2s linear infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .circle.onShow > div.circle-3 { -webkit-animation: wave-circle2 3s -1.8s linear infinite; -moz-animation: wave-circle2 3s -1.8s linear infinite; -ms-animation: wave-circle2 3s -1.8s linear infinite; -o-animation: wave-circle2 3s -1.8s linear infinite; animation: wave-circle2 3s -1.8s linear infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .circle.onShow > div.circle-4 { -webkit-animation: wave-circle2 3s -2.4s linear infinite; -moz-animation: wave-circle2 3s -2.4s linear infinite; -ms-animation: wave-circle2 3s -2.4s linear infinite; -o-animation: wave-circle2 3s -2.4s linear infinite; animation: wave-circle2 3s -2.4s linear infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .obj-clip .circle.onShow > div.circle-5 { -webkit-animation: wave-circle2 3s -3s linear infinite; -moz-animation: wave-circle2 3s -3s linear infinite; -ms-animation: wave-circle2 3s -3s linear infinite; -o-animation: wave-circle2 3s -3s linear infinite; animation: wave-circle2 3s -3s linear infinite; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .txt-clip { top: 4px; left: 783px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .sound-clip { position: absolute; bottom: 0; right: 76px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .sound-clip .sound { width: 420px; text-align: left; margin-top: 40px; opacity: 0; filter: alpha(opacity=0); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .sound-clip .sound:first-child { margin-top: 0; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .sound-clip .sound > ul { margin-top: 5px; border-top: 1px solid #6485a8; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .sound-clip .sound > ul > li { margin-top: 27px; 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-6 .inner-cont-wrap .cont-holder .cont-box-3 .sound-clip .sound > ul > li > div .aud-btn { float: left; display: block; width: 61px; height: 61px; margin-right: 33px; line-height: 61px; background-image: url("../img/soundBtns.png"); background-position-y: top; background-repeat: no-repeat; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .sound-clip .sound > ul > li > div > span { float: left; line-height: 61px; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3 .sound-clip .sound > ul > li > div.onPlay .aud-btn { background-position-y: bottom; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3.onShow .obj-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -ms-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); transition: opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3.onShow .sound-clip .booting-sound { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3.onShow .sound-clip .booting-sound .sound-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); -webkit-transition: transform 0.8s ease-out 0.2s, opacity 0.6s 0.2s; -moz-transition: transform 0.8s ease-out 0.2s, opacity 0.6s 0.2s; -ms-transition: transform 0.8s ease-out 0.2s, opacity 0.6s 0.2s; -o-transition: transform 0.8s ease-out 0.2s, opacity 0.6s 0.2s; transition: transform 0.8s ease-out 0.2s, opacity 0.6s 0.2s; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3.onShow .sound-clip .alarm-sound { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s ease-out 0.4s; -moz-transition: opacity 0.4s ease-out 0.4s; -ms-transition: opacity 0.4s ease-out 0.4s; -o-transition: opacity 0.4s ease-out 0.4s; transition: opacity 0.4s ease-out 0.4s; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3.onShow .sound-clip .alarm-sound .sound-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); -webkit-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -moz-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -ms-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -o-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3.onShow .sound-clip .alarm-sound .sound-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); -webkit-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -moz-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -ms-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -o-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3.onShow .sound-clip .alarm-sound .sound-3 { 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: transform 0.8s ease-out 1s, opacity 0.6s 1s; -moz-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; -ms-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; -o-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; }
#section-6 .inner-cont-wrap .cont-holder .cont-box-3.onShow .txt-clip P { -webkit-transition: transform 0.55s 0.2s ease-out,opacity 0.55s 0.2s linear; -moz-transition: transform 0.55s 0.2s ease-out,opacity 0.55s 0.2s linear; -ms-transition: transform 0.55s 0.2s ease-out,opacity 0.55s 0.2s linear; -o-transition: transform 0.55s 0.2s ease-out,opacity 0.55s 0.2s linear; transition: transform 0.55s 0.2s ease-out,opacity 0.55s 0.2s linear; }

#section-7 { height: calc( 100vh - 70px ); }
#section-7 .inner-cont-wrap { height: inherit; }
#section-7 .inner-cont-wrap .bg-holder { position: relative; width: inherit; height: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
#section-7 .inner-cont-wrap .bg-holder .bg-clip { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); background-color: #000; }
#section-7 .inner-cont-wrap .bg-holder .bg-clip > li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0; filter: alpha(opacity=0); }
#section-7 .inner-cont-wrap .bg-holder .bg-clip > li.bg-1 { background-image: url("../img/outro/outro_bg1.jpg"); opacity: 1; filter: alpha(opacity=100); }
#section-7 .inner-cont-wrap .bg-holder .bg-clip > li.bg-2 { background-image: url("../img/outro/outro_bg2.jpg"); }
#section-7 .inner-cont-wrap .bg-holder .bg-clip > li.bg-3 { background-image: url("../img/outro/outro_bg3.jpg"); }
#section-7 .inner-cont-wrap .bg-holder .figure-clip { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
#section-7 .inner-cont-wrap .bg-holder .figure-clip > li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#section-7 .inner-cont-wrap .bg-holder .figure-clip > li.figure-1 { background-image: url("../img/outro/outro_figure1.png"); }
#section-7 .inner-cont-wrap .bg-holder .figure-clip > li.figure-2 { background-image: url("../img/outro/outro_figure2.png"); }
#section-7 .inner-cont-wrap .bg-holder .figure-clip > li.figure-3 { background-image: url("../img/outro/outro_figure3.png"); }
#section-7 .inner-cont-wrap .bg-holder .obj-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("../img/outro/outro_obj.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0; filter: alpha(opacity=0); }
#section-7 .inner-cont-wrap .bg-holder.onShow .bg-clip > li.bg-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -webkit-animation: outroBgAni-1 18s 0s forwards infinite ease-in-out; -moz-animation: outroBgAni-1 18s 0s forwards infinite ease-in-out; -ms-animation: outroBgAni-1 18s 0s forwards infinite ease-in-out; -o-animation: outroBgAni-1 18s 0s forwards infinite ease-in-out; animation: outroBgAni-1 18s 0s forwards infinite ease-in-out; }
@keyframes outroBgAni-1 { 0% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); }
  20% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  53.333% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
#section-7 .inner-cont-wrap .bg-holder.onShow .bg-clip > li.bg-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -webkit-animation: outroBgAni-2 18s 6s forwards infinite ease-in-out; -moz-animation: outroBgAni-2 18s 6s forwards infinite ease-in-out; -ms-animation: outroBgAni-2 18s 6s forwards infinite ease-in-out; -o-animation: outroBgAni-2 18s 6s forwards infinite ease-in-out; animation: outroBgAni-2 18s 6s forwards infinite ease-in-out; }
@keyframes outroBgAni-2 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); }
  20% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  53.333% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
#section-7 .inner-cont-wrap .bg-holder.onShow .bg-clip > li.bg-3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -webkit-animation: outroBgAni-3 18s 12s forwards infinite ease-in-out; -moz-animation: outroBgAni-3 18s 12s forwards infinite ease-in-out; -ms-animation: outroBgAni-3 18s 12s forwards infinite ease-in-out; -o-animation: outroBgAni-3 18s 12s forwards infinite ease-in-out; animation: outroBgAni-3 18s 12s forwards infinite ease-in-out; }
@keyframes outroBgAni-3 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); }
  20% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  53.333% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -moz-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -ms-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -o-transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); transform: scale3d(1.3, 1.3, 1.3) translate3d(0, 100px, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
#section-7 .inner-cont-wrap .bg-holder.onShow .figure-clip > li.figure-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: outroFigureAni-1 18s 0s forwards infinite ease-in-out; -moz-animation: outroFigureAni-1 18s 0s forwards infinite ease-in-out; -ms-animation: outroFigureAni-1 18s 0s forwards infinite ease-in-out; -o-animation: outroFigureAni-1 18s 0s forwards infinite ease-in-out; animation: outroFigureAni-1 18s 0s forwards infinite ease-in-out; }
@keyframes outroFigureAni-1 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  11.111% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  44.444% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
#section-7 .inner-cont-wrap .bg-holder.onShow .figure-clip > li.figure-2 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: outroFigureAni-2 18s 6s forwards infinite ease-in-out; -moz-animation: outroFigureAni-2 18s 6s forwards infinite ease-in-out; -ms-animation: outroFigureAni-2 18s 6s forwards infinite ease-in-out; -o-animation: outroFigureAni-2 18s 6s forwards infinite ease-in-out; animation: outroFigureAni-2 18s 6s forwards infinite ease-in-out; }
@keyframes outroFigureAni-2 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  11.111% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  44.444% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
#section-7 .inner-cont-wrap .bg-holder.onShow .figure-clip > li.figure-3 { opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: outroFigureAni-3 18s 12s forwards infinite ease-in-out; -moz-animation: outroFigureAni-3 18s 12s forwards infinite ease-in-out; -ms-animation: outroFigureAni-3 18s 12s forwards infinite ease-in-out; -o-animation: outroFigureAni-3 18s 12s forwards infinite ease-in-out; animation: outroFigureAni-3 18s 12s forwards infinite ease-in-out; }
@keyframes outroFigureAni-3 { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  11.111% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  33.333% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  44.444% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
#section-7 .inner-cont-wrap .bg-holder.onShow .obj-background { opacity: 1; filter: alpha(opacity=100); }
#section-7 .inner-cont-wrap .cont-holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#section-7 .inner-cont-wrap .cont-holder .txt-box { position: absolute; left: 0; right: 0; top: 63%; transform: translateY(-50%); }
#section-7 .inner-cont-wrap .cont-holder .txt-box p { position: static; }
#section-7 .inner-cont-wrap .cont-holder .txt-box p span { display: inline-block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); -o-transform: translate(0, 50px); transform: translate(0, 50px); }
#section-7 .inner-cont-wrap .cont-holder .txt-box .footer-btns { margin-top: 50px; text-align: center; opacity: 0; filter: alpha(opacity=0); }
#section-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(1) { -webkit-transition: -webkit-transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; -moz-transition: -moz-transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; -ms-transition: -ms-transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; -o-transition: -o-transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; transition: transform 0.8s 0.3s ease-out,opacity 0.8s 0.3s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(2) { -webkit-transition: -webkit-transform 0.8s 0.4s ease-out,opacity 0.8s 0.4s; -moz-transition: -moz-transform 0.8s 0.4s ease-out,opacity 0.8s 0.4s; -ms-transition: -ms-transform 0.8s 0.4s ease-out,opacity 0.8s 0.4s; -o-transition: -o-transform 0.8s 0.4s ease-out,opacity 0.8s 0.4s; transition: transform 0.8s 0.4s ease-out,opacity 0.8s 0.4s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(3) { -webkit-transition: -webkit-transform 0.8s 0.5s ease-out,opacity 0.8s 0.5s; -moz-transition: -moz-transform 0.8s 0.5s ease-out,opacity 0.8s 0.5s; -ms-transition: -ms-transform 0.8s 0.5s ease-out,opacity 0.8s 0.5s; -o-transition: -o-transform 0.8s 0.5s ease-out,opacity 0.8s 0.5s; transition: transform 0.8s 0.5s ease-out,opacity 0.8s 0.5s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(4) { -webkit-transition: -webkit-transform 0.8s 0.6s ease-out,opacity 0.8s 0.6s; -moz-transition: -moz-transform 0.8s 0.6s ease-out,opacity 0.8s 0.6s; -ms-transition: -ms-transform 0.8s 0.6s ease-out,opacity 0.8s 0.6s; -o-transition: -o-transform 0.8s 0.6s ease-out,opacity 0.8s 0.6s; transition: transform 0.8s 0.6s ease-out,opacity 0.8s 0.6s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(5) { -webkit-transition: -webkit-transform 0.8s 0.7s ease-out,opacity 0.8s 0.7s; -moz-transition: -moz-transform 0.8s 0.7s ease-out,opacity 0.8s 0.7s; -ms-transition: -ms-transform 0.8s 0.7s ease-out,opacity 0.8s 0.7s; -o-transition: -o-transform 0.8s 0.7s ease-out,opacity 0.8s 0.7s; transition: transform 0.8s 0.7s ease-out,opacity 0.8s 0.7s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(6) { -webkit-transition: -webkit-transform 0.8s 0.8s ease-out,opacity 0.8s 0.8s; -moz-transition: -moz-transform 0.8s 0.8s ease-out,opacity 0.8s 0.8s; -ms-transition: -ms-transform 0.8s 0.8s ease-out,opacity 0.8s 0.8s; -o-transition: -o-transform 0.8s 0.8s ease-out,opacity 0.8s 0.8s; transition: transform 0.8s 0.8s ease-out,opacity 0.8s 0.8s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(7) { -webkit-transition: -webkit-transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; -moz-transition: -moz-transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; -ms-transition: -ms-transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; -o-transition: -o-transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; transition: transform 0.8s 0.9s ease-out,opacity 0.8s 0.9s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(8) { -webkit-transition: -webkit-transform 0.8s 1s ease-out,opacity 0.8s 1s; -moz-transition: -moz-transform 0.8s 1s ease-out,opacity 0.8s 1s; -ms-transition: -ms-transform 0.8s 1s ease-out,opacity 0.8s 1s; -o-transition: -o-transform 0.8s 1s ease-out,opacity 0.8s 1s; transition: transform 0.8s 1s ease-out,opacity 0.8s 1s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(9) { -webkit-transition: -webkit-transform 0.8s 1.1s ease-out,opacity 0.8s 1.1s; -moz-transition: -moz-transform 0.8s 1.1s ease-out,opacity 0.8s 1.1s; -ms-transition: -ms-transform 0.8s 1.1s ease-out,opacity 0.8s 1.1s; -o-transition: -o-transform 0.8s 1.1s ease-out,opacity 0.8s 1.1s; transition: transform 0.8s 1.1s ease-out,opacity 0.8s 1.1s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(10) { -webkit-transition: -webkit-transform 0.8s 1.2s ease-out,opacity 0.8s 1.2s; -moz-transition: -moz-transform 0.8s 1.2s ease-out,opacity 0.8s 1.2s; -ms-transition: -ms-transform 0.8s 1.2s ease-out,opacity 0.8s 1.2s; -o-transition: -o-transform 0.8s 1.2s ease-out,opacity 0.8s 1.2s; transition: transform 0.8s 1.2s ease-out,opacity 0.8s 1.2s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(11) { -webkit-transition: -webkit-transform 0.8s 1.3s ease-out,opacity 0.8s 1.3s; -moz-transition: -moz-transform 0.8s 1.3s ease-out,opacity 0.8s 1.3s; -ms-transition: -ms-transform 0.8s 1.3s ease-out,opacity 0.8s 1.3s; -o-transition: -o-transform 0.8s 1.3s ease-out,opacity 0.8s 1.3s; transition: transform 0.8s 1.3s ease-out,opacity 0.8s 1.3s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(12) { -webkit-transition: -webkit-transform 0.8s 1.4s ease-out,opacity 0.8s 1.4s; -moz-transition: -moz-transform 0.8s 1.4s ease-out,opacity 0.8s 1.4s; -ms-transition: -ms-transform 0.8s 1.4s ease-out,opacity 0.8s 1.4s; -o-transition: -o-transform 0.8s 1.4s ease-out,opacity 0.8s 1.4s; transition: transform 0.8s 1.4s ease-out,opacity 0.8s 1.4s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(13) { -webkit-transition: -webkit-transform 0.8s 1.5s ease-out,opacity 0.8s 1.5s; -moz-transition: -moz-transform 0.8s 1.5s ease-out,opacity 0.8s 1.5s; -ms-transition: -ms-transform 0.8s 1.5s ease-out,opacity 0.8s 1.5s; -o-transition: -o-transform 0.8s 1.5s ease-out,opacity 0.8s 1.5s; transition: transform 0.8s 1.5s ease-out,opacity 0.8s 1.5s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(14) { -webkit-transition: -webkit-transform 0.8s 1.6s ease-out,opacity 0.8s 1.6s; -moz-transition: -moz-transform 0.8s 1.6s ease-out,opacity 0.8s 1.6s; -ms-transition: -ms-transform 0.8s 1.6s ease-out,opacity 0.8s 1.6s; -o-transition: -o-transform 0.8s 1.6s ease-out,opacity 0.8s 1.6s; transition: transform 0.8s 1.6s ease-out,opacity 0.8s 1.6s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(15) { -webkit-transition: -webkit-transform 0.8s 1.7s ease-out,opacity 0.8s 1.7s; -moz-transition: -moz-transform 0.8s 1.7s ease-out,opacity 0.8s 1.7s; -ms-transition: -ms-transform 0.8s 1.7s ease-out,opacity 0.8s 1.7s; -o-transition: -o-transform 0.8s 1.7s ease-out,opacity 0.8s 1.7s; transition: transform 0.8s 1.7s ease-out,opacity 0.8s 1.7s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(16) { -webkit-transition: -webkit-transform 0.8s 1.8s ease-out,opacity 0.8s 1.8s; -moz-transition: -moz-transform 0.8s 1.8s ease-out,opacity 0.8s 1.8s; -ms-transition: -ms-transform 0.8s 1.8s ease-out,opacity 0.8s 1.8s; -o-transition: -o-transform 0.8s 1.8s ease-out,opacity 0.8s 1.8s; transition: transform 0.8s 1.8s ease-out,opacity 0.8s 1.8s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(17) { -webkit-transition: -webkit-transform 0.8s 1.9s ease-out,opacity 0.8s 1.9s; -moz-transition: -moz-transform 0.8s 1.9s ease-out,opacity 0.8s 1.9s; -ms-transition: -ms-transform 0.8s 1.9s ease-out,opacity 0.8s 1.9s; -o-transition: -o-transform 0.8s 1.9s ease-out,opacity 0.8s 1.9s; transition: transform 0.8s 1.9s ease-out,opacity 0.8s 1.9s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(18) { -webkit-transition: -webkit-transform 0.8s 2s ease-out,opacity 0.8s 2s; -moz-transition: -moz-transform 0.8s 2s ease-out,opacity 0.8s 2s; -ms-transition: -ms-transform 0.8s 2s ease-out,opacity 0.8s 2s; -o-transition: -o-transform 0.8s 2s ease-out,opacity 0.8s 2s; transition: transform 0.8s 2s ease-out,opacity 0.8s 2s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(19) { -webkit-transition: -webkit-transform 0.8s 2.1s ease-out,opacity 0.8s 2.1s; -moz-transition: -moz-transform 0.8s 2.1s ease-out,opacity 0.8s 2.1s; -ms-transition: -ms-transform 0.8s 2.1s ease-out,opacity 0.8s 2.1s; -o-transition: -o-transform 0.8s 2.1s ease-out,opacity 0.8s 2.1s; transition: transform 0.8s 2.1s ease-out,opacity 0.8s 2.1s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(20) { -webkit-transition: -webkit-transform 0.8s 2.2s ease-out,opacity 0.8s 2.2s; -moz-transition: -moz-transform 0.8s 2.2s ease-out,opacity 0.8s 2.2s; -ms-transition: -ms-transform 0.8s 2.2s ease-out,opacity 0.8s 2.2s; -o-transition: -o-transform 0.8s 2.2s ease-out,opacity 0.8s 2.2s; transition: transform 0.8s 2.2s ease-out,opacity 0.8s 2.2s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(21) { -webkit-transition: -webkit-transform 0.8s 2.3s ease-out,opacity 0.8s 2.3s; -moz-transition: -moz-transform 0.8s 2.3s ease-out,opacity 0.8s 2.3s; -ms-transition: -ms-transform 0.8s 2.3s ease-out,opacity 0.8s 2.3s; -o-transition: -o-transform 0.8s 2.3s ease-out,opacity 0.8s 2.3s; transition: transform 0.8s 2.3s ease-out,opacity 0.8s 2.3s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(22) { -webkit-transition: -webkit-transform 0.8s 2.4s ease-out,opacity 0.8s 2.4s; -moz-transition: -moz-transform 0.8s 2.4s ease-out,opacity 0.8s 2.4s; -ms-transition: -ms-transform 0.8s 2.4s ease-out,opacity 0.8s 2.4s; -o-transition: -o-transform 0.8s 2.4s ease-out,opacity 0.8s 2.4s; transition: transform 0.8s 2.4s ease-out,opacity 0.8s 2.4s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow p span:nth-child(23) { -webkit-transition: -webkit-transform 0.8s 2.5s ease-out,opacity 0.8s 2.5s; -moz-transition: -moz-transform 0.8s 2.5s ease-out,opacity 0.8s 2.5s; -ms-transition: -ms-transform 0.8s 2.5s ease-out,opacity 0.8s 2.5s; -o-transition: -o-transform 0.8s 2.5s ease-out,opacity 0.8s 2.5s; transition: transform 0.8s 2.5s ease-out,opacity 0.8s 2.5s; opacity: 1; filter: alpha(opacity=100); -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-7 .inner-cont-wrap .cont-holder .txt-box.onShow .footer-btns { -webkit-transition: opacity 0.8s cubic-bezier(0,0,1,1); -webkit-transition-delay: 1.7s; -moz-transition: opacity 0.8s cubic-bezier(0,0,1,1); -moz-transition-delay: 1.7s; -ms-transition: opacity 0.8s cubic-bezier(0,0,1,1); -ms-transition-delay: 1.7s; -o-transition: opacity 0.8s cubic-bezier(0,0,1,1); -o-transition-delay: 1.7s; transition: opacity 0.8s cubic-bezier(0,0,1,1); transition-delay: 1.7s; opacity: 1; filter: alpha(opacity=100); }

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