/* rotate */
/* transform-origin */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
/*@include keyframes(scroll-loop) { 0% { @include  transform(translateY(0)); } 50% { @include  transform(translateY(0));  } 100% { @include  transform(translateY(0));  }
}*/
/* line */
/* webfont */
@font-face { font-family: 'countNumber'; font-weight: normal; font-style: normal; src: url("../fonts/countDown-Number.eot?wvi3hl"); src: url("../fonts/countDown-Number.eot?wvi3hl#iefix") format("embedded-opentype"), url("../fonts/countDown-Number.ttf?wvi3hl") format("truetype"), url("../fonts/countDown-Number.woff?wvi3hl") format("woff"), url("../fonts/countDown-Number.svg?wvi3hl#icomoon") format("svg"); }
.icon-number_1:before { content: "\e900"; color: #d40000; }

.icon-number_2:before { content: "\e901"; color: #d40000; }

.icon-number_3:before { content: "\e902"; color: #d40000; }

.icon-number_4:before { content: "\e903"; color: #d40000; }

.icon-number_5:before { content: "\e904"; color: #d40000; }

.icon-number_6:before { content: "\e905"; color: #d40000; }

.icon-number_7:before { content: "\e906"; color: #d40000; }

.icon-number_8:before { content: "\e907"; color: #d40000; }

.icon-number_9:before { content: "\e908"; color: #d40000; }

.icon-number_colon:before { content: "\e909"; color: #d40000; }

.icon-number_0:before { content: "\e90a"; color: #d40000; }

body { overflow-x: auto; background: #fff; }

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

#content { position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; }
#content .section { overflow: hidden; position: relative; width: 100%; }
#content .alt-txt-hide { text-indent: -9999px; font-size: 0; position: absolute; top: -9999px; }
#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 h1 { font-family: 'samsungonelatin300'; font-size: 64px; letter-spacing: 0.01em; line-height: 120px; font-weight: 100; text-align: left; color: #fff; white-space: nowrap; }
#content h2 { font-family: 'samsungonekorean300'; font-size: 45px; letter-spacing: -0.035em; line-height: 60px; font-weight: 100; text-align: left; color: #000; }
#content h3 { font-family: 'samsungonekorean400'; font-size: 34px; letter-spacing: -0.035em; line-height: 48px; font-weight: 100; text-align: left; color: #fff; }
#content h4 { font-family: 'samsungonekorean400'; font-size: 24px; letter-spacing: -0.04em; line-height: 38px; font-weight: 100; text-align: left; color: #fff; text-indent: 4px; }
#content h5 { font-family: 'samsungonekorean400'; font-size: 22px; letter-spacing: -0.035em; line-height: 38px; font-weight: 100; text-align: left; }
#content h5.red { color: red; }
#content p { font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: -0.035em; line-height: 32px; font-weight: 100; text-align: left; }
#content .noTransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
#content .deco-txt-box { font-family: 'samsungonelatin1100'; font-size: 420px; letter-spacing: 0.02em; color: rgba(0, 0, 0, 0.15); }
#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; }

#section-3 .title-box .tit { text-align: center; color: #000; }
#section-3 .title-box .tit span { letter-spacing: -0.04em; }
#section-3 .title-box p { text-align: center; }
#section-3 .product-box .count-txt-box p { line-height: 1; }
#section-3 .product-box .count-txt-box p .txt, #section-3 .product-box .count-txt-box .txt-colon { font-family: 'countNumber'; font-size: 240px; line-height: 1; letter-spacing: 0; text-align: center; color: inherit; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#section-3 .progress-box .txt-list p { font-family: 'samsungonelatin1100'; font-size: 18px; line-height: 1; letter-spacing: 0.035em; }

.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 1.2s linear; -moz-transition: opacity 0.4s 1.2s linear; -ms-transition: opacity 0.4s 1.2s linear; -o-transition: opacity 0.4s 1.2s linear; transition: opacity 0.4s 1.2s linear; }
.onInit.scroll-holder em { opacity: 1; filter: alpha(opacity=100); height: 40px; -webkit-transition: height 0.4s 1.2s ease-out; -moz-transition: height 0.4s 1.2s ease-out; -ms-transition: height 0.4s 1.2s ease-out; -o-transition: height 0.4s 1.2s ease-out; transition: height 0.4s 1.2s 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, #section-6 .inner-cont-wrap .cont-holder .txt-box .footer-btns a, .footer-btns.test-2 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, #section-6 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:hover, .footer-btns.test-2 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), #section-6 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:nth-child(1) { background-image: url("../img/btn_download_b.png"); }
.footer-btns.test-3 a:nth-child(2), #section-6 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:nth-child(2) { background-image: url("../img/btn_sec_b.png"); }

.footer-btns.test-2 a:nth-child(1) { background-image: url("../img/btn_download.png"); }
.footer-btns.test-2 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; }

#container { padding-top: 70px; }

.content { position: relative; height: calc( 100vh - 70px ); visibility: hidden; }
.content .inner-cont-wrap .dim-holder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; }
.content .inner-cont-wrap .cont-holder .txt-pod { display: block; color: #fff; }
.content .inner-cont-wrap .cont-holder .txt-pod .txt { display: block; opacity: 0; filter: alpha(opacity=0); }
.content .inner-cont-wrap .cont-holder .txt-pod .txt-1 { -webkit-transform: translateX(-35px); -moz-transform: translateX(-35px); -ms-transform: translateX(-35px); -o-transform: translateX(-35px); transform: translateX(-35px); }
.content .inner-cont-wrap .cont-holder .txt-pod .txt-2 { -webkit-transform: translateX(35px); -moz-transform: translateX(35px); -ms-transform: translateX(35px); -o-transform: translateX(35px); transform: translateX(35px); }
.content .inner-cont-wrap .cont-holder .txt-pod .txt-tit { margin-bottom: 43px; }
.content .inner-cont-wrap .cont-holder .txt-pod .txt-desc { -webkit-transform: translateY(45px); -moz-transform: translateY(45px); -ms-transform: translateY(45px); -o-transform: translateY(45px); transform: translateY(45px); opacity: 0; filter: alpha(opacity=0); }
.content .inner-cont-wrap .cont-holder .txt-pod.onShow .txt { 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; }
.content .inner-cont-wrap .cont-holder .txt-pod.onShow .txt-desc { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); -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; }
.content.onShow { visibility: visible; }

@keyframes fade-in-out { 0% { opacity: 0; }
  40% { opacity: 1; }
  60% { opacity: 1; }
  100% { opacity: 0; } }
/*part section*/
#section-1 { height: calc( 100vh - 70px ); z-index: 10; opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap { position: fixed; height: inherit; bottom: 0; }
#section-1 .inner-cont-wrap .bg-holder { background-repeat: no-repeat; background-size: cover; background-position: center; }
#section-1 .inner-cont-wrap .dim-holder { height: 100%; display: none; }
#section-1 .inner-cont-wrap .cont-holder .cont { position: absolute; left: 50%; margin-left: -536px; top: 50%; margin-top: -164px; width: 1080px; height: 388px; }
#section-1 .inner-cont-wrap .cont-holder .cont .txt-box { margin-left: -8px; margin-top: -6px; }
#section-1 .inner-cont-wrap .cont-holder .cont .txt-box h4 { opacity: 0; filter: alpha(opacity=0); /*@include transform( translateX(-450px ));*/ }
#section-1 .inner-cont-wrap .cont-holder .cont .txt-box h1 { opacity: 0; filter: alpha(opacity=0); /*@include transform( translateX(-450px ));*/ }
#section-1 .inner-cont-wrap .cont-holder .cont .txt-box.onShow h4 { 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.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -moz-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -ms-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -o-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; }
#section-1 .inner-cont-wrap .cont-holder .cont .txt-box.onShow h1 { 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.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -moz-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -ms-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -o-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; }
#section-1 .inner-cont-wrap .cont-holder .cont .deco-txt-box { position: absolute; left: 5px; top: -44px; opacity: 0; filter: alpha(opacity=0); /*@include transform( translateX(-450px ));*/ }
#section-1 .inner-cont-wrap .cont-holder .cont .deco-txt-box.onShow { 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.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -moz-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -ms-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; -o-transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; transition: transform 0.65s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s 0.7s linear; }
#section-1 .inner-cont-wrap .cont-holder .kv-box { position: absolute; left: -20px; top: 0; width: 1118px; height: 500px; }
#section-1 .inner-cont-wrap .cont-holder .kv-box .kv-box-obj { position: absolute; left: 0px; top: 316px; width: 1118px; height: 500px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-600px); -moz-transform: translateX(-600px); -ms-transform: translateX(-600px); -o-transform: translateX(-600px); transform: translateX(-600px); }
#section-1 .inner-cont-wrap .cont-holder .kv-box .kv-box-obj .sh { position: absolute; top: 9px; left: 47px; }
#section-1 .inner-cont-wrap .cont-holder .kv-box .kv-box-obj .kv { position: relative; }
#section-1 .inner-cont-wrap .cont-holder .kv-box .kv-box-obj .kv .blur-obj { position: absolute; left: -420px; top: 0; opacity: 1; filter: alpha(opacity=100); }
#section-1 .inner-cont-wrap .cont-holder .kv-box .kv-box-obj.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.7s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 0.5s 0s linear; -moz-transition: transform 0.7s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 0.5s 0s linear; -ms-transition: transform 0.7s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 0.5s 0s linear; -o-transition: transform 0.7s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 0.5s 0s linear; transition: transform 0.7s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 0.5s 0s linear; }
#section-1 .inner-cont-wrap .cont-holder .kv-box .kv-box-obj.onShow .kv .blur-obj { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out 0.45s; -moz-transition: opacity 0.5s ease-out 0.45s; -ms-transition: opacity 0.5s ease-out 0.45s; -o-transition: opacity 0.5s ease-out 0.45s; transition: opacity 0.5s ease-out 0.45s; }
#section-1.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.75s linear; -moz-transition: opacity 0.75s linear; -ms-transition: opacity 0.75s linear; -o-transition: opacity 0.75s linear; transition: opacity 0.75s linear; }
#section-1.onHide { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

#section-2 { height: calc( 100vh - 70px ); }
#section-2 .canvas-holder { position: fixed; bottom: 0; display: block; /*width:100vw; height:calc( 100vh - 70px );*/ }
#section-2 .bg-wrap { position: fixed; bottom: 0; background-color: #f2351f; width: 100%; height: 100%; -webkit-transition: background-color 0.45s linear; -moz-transition: background-color 0.45s linear; -ms-transition: background-color 0.45s linear; -o-transition: background-color 0.45s linear; transition: background-color 0.45s linear; }
#section-2 .bg-wrap.onShow { background-color: #fff; opacity: 1; filter: alpha(opacity=100); -webkit-transition: background-color 0.45s linear; -moz-transition: background-color 0.45s linear; -ms-transition: background-color 0.45s linear; -o-transition: background-color 0.45s linear; transition: background-color 0.45s linear; }
#section-2 .inner-cont-wrap { position: fixed; bottom: 0; height: inherit; }
#section-2 .inner-cont-wrap .bg-holder { background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #fff; }
#section-2 .inner-cont-wrap .cont-holder .txt-box { position: absolute; left: 50%; top: 50%; margin-left: -332px; margin-top: -143px; -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); opacity: 0; filter: alpha(opacity=0); }
#section-2 .inner-cont-wrap .cont-holder .txt-box h5 { text-align: center; }
#section-2 .inner-cont-wrap .cont-holder .txt-box.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.6s 0.6s ease-out,opacity 0.6s 0.6s linear; -moz-transition: transform 0.6s 0.6s ease-out,opacity 0.6s 0.6s linear; -ms-transition: transform 0.6s 0.6s ease-out,opacity 0.6s 0.6s linear; -o-transition: transform 0.6s 0.6s ease-out,opacity 0.6s 0.6s linear; transition: transform 0.6s 0.6s ease-out,opacity 0.6s 0.6s linear; }
#section-2 .inner-cont-wrap .cont-holder .txt-box.onHide { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-transition: transform 0.4s ease-out,opacity 0.4s ease-out; -moz-transition: transform 0.4s ease-out,opacity 0.4s ease-out; -ms-transition: transform 0.4s ease-out,opacity 0.4s ease-out; -o-transition: transform 0.4s ease-out,opacity 0.4s ease-out; transition: transform 0.4s ease-out,opacity 0.4s ease-out; }
#section-2 .inner-cont-wrap .cont-holder .img-box { position: absolute; /*top: 50%; margin-top: 120px;*/ left: 40px; bottom: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
#section-2 .inner-cont-wrap .cont-holder .img-box.onShow { 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.5s 0.8s ease-out,opacity 0.45s 0.8s ease-out; -moz-transition: transform 0.5s 0.8s ease-out,opacity 0.45s 0.8s ease-out; -ms-transition: transform 0.5s 0.8s ease-out,opacity 0.45s 0.8s ease-out; -o-transition: transform 0.5s 0.8s ease-out,opacity 0.45s 0.8s ease-out; transition: transform 0.5s 0.8s ease-out,opacity 0.45s 0.8s ease-out; }
#section-2 .inner-cont-wrap .cont-holder .img-box.onHide { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: transform 0.4s ease-out,opacity 0.4s ease-out; -moz-transition: transform 0.4s ease-out,opacity 0.4s ease-out; -ms-transition: transform 0.4s ease-out,opacity 0.4s ease-out; -o-transition: transform 0.4s ease-out,opacity 0.4s ease-out; transition: transform 0.4s ease-out,opacity 0.4s ease-out; }
#section-2 .dim-wrap { position: absolute; width: 100%; height: calc( 100vh - 70px ); top: auto; bottom: 0; background-color: black; }

#section-3 { height: 1650px; padding-top: 250px; background-color: #fff; }
#section-3 .inner-cont-wrap { height: inherit; }
#section-3 .inner-cont-wrap .cont-holder { position: relative; width: 1080px; margin: 0 auto; }
#section-3 .inner-cont-wrap .cont-holder .title-box { position: relative; z-index: 1; }
#section-3 .inner-cont-wrap .cont-holder .title-box .tit { margin-top: 73px; overflow: hidden; }
#section-3 .inner-cont-wrap .cont-holder .title-box .tit .txt { display: inline-block; /*@include opacity(0);*/ }
#section-3 .inner-cont-wrap .cont-holder .title-box p span { display: block; }
#section-3 .inner-cont-wrap .cont-holder .title-box p .txt-1 { opacity: 0; filter: alpha(opacity=0); /*@include transform(translateX(-70px));*/ }
#section-3 .inner-cont-wrap .cont-holder .title-box p .txt-2 { opacity: 0; filter: alpha(opacity=0); /*@include transform(translateX(70px));*/ }
#section-3 .inner-cont-wrap .cont-holder .title-box.onShow p span { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 1s ease-in-out, opacity 1s linear; -moz-transition: -moz-transform 1s ease-in-out, opacity 1s linear; -ms-transition: -ms-transform 1s ease-in-out, opacity 1s linear; -o-transition: -o-transform 1s ease-in-out, opacity 1s linear; transition: transform 1s ease-in-out, opacity 1s linear; }
#section-3 .inner-cont-wrap .cont-holder .product-box { position: relative; width: 100%; height: 590px; margin-top: -90px; overflow: hidden; }
#section-3 .inner-cont-wrap .cont-holder .product-box .canvas-box { display: inline-block; width: 100%; position: relative; height: 100%; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }
#section-3 .inner-cont-wrap .cont-holder .product-box .canvas-box canvas { margin-top: -640px; margin-left: -4px; }
#section-3 .inner-cont-wrap .cont-holder .product-box .canvas-box .canvas-img { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; }
#section-3 .inner-cont-wrap .cont-holder .product-box .canvas-box .canvas-img.hide { display: none; }
#section-3 .inner-cont-wrap .cont-holder .product-box .canvas-box .mask-dim { position: absolute; width: 1026px; height: 100%; top: 0; left: 0; background-color: #fff; visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box { display: block; position: absolute; width: 100%; bottom: 0; right: 0; margin-bottom: 109px; font-size: 0; text-align: center; color: #000; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p { display: inline-block; position: relative; text-align: right; /*font-size:0;*/ }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .empty-box { display: none; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt { display: inline-block; width: 153px; height: 240px; text-indent: 999px; overflow: hidden; background-repeat: no-repeat; background-size: contain; background-position: center center; vertical-align: middle; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt:before { display: block; content: "\e900"; width: 100%; height: 100%; text-indent: 0; font-size: inherit; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="0"]:before { content: "\e90a"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="1"]:before { content: "\e900"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="2"]:before { content: "\e901"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="3"]:before { content: "\e902"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="4"]:before { content: "\e903"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="5"]:before { content: "\e904"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="6"]:before { content: "\e905"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="7"]:before { content: "\e906"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="8"]:before { content: "\e907"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box p .txt[data-number="9"]:before { content: "\e908"; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box .txt-colon { display: inline-block; width: 71px; height: 240px; text-indent: 999px; /*margin:0 8px;*/ vertical-align: middle; }
#section-3 .inner-cont-wrap .cont-holder .product-box .count-txt-box .txt-colon:before { display: block; content: "\e909"; width: 100%; height: 100%; margin-top: -4px; margin-left: -4px; text-indent: 0; font-size: inherit; }
#section-3 .inner-cont-wrap .cont-holder .progress-box { position: relative; width: 100%; text-align: left; font-size: 0; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar { position: relative; width: 100%; height: 6px; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .mask-dim { position: absolute; width: 100%; height: 100%; background-color: #fff; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .line-holder { position: absolute; display: block; height: inherit; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line { position: absolute; display: inline-block; vertical-align: middle; width: 270px; height: inherit; top: 0; padding: 0 1px; box-sizing: border-box; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line:before { display: block; content: ''; position: relative; width: 100%; height: 100%; background-color: #000; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line.line-1 { left: 0; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line.line-1:before { background: -moz-linear-gradient(left, #000000 0%, #350000 100%); background: -webkit-linear-gradient(left, #000000 0%, #350000 100%); background: linear-gradient(to right, #000000 0%, #350000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#350000',GradientType=1 ); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line.line-2 { left: 270px; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line.line-2:before { background: #360000; /* Old browsers */ background: -moz-linear-gradient(left, #360000 0%, #790000 100%); background: -webkit-linear-gradient(left, #360000 0%, #790000 100%); background: linear-gradient(to right, #360000 0%, #790000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360000', endColorstr='#790000',GradientType=1 ); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line.line-3 { left: 540px; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line.line-3:before { background: #7a0000; /* Old browsers */ background: -moz-linear-gradient(left, #7a0000 0%, #b80000 100%); background: -webkit-linear-gradient(left, #7a0000 0%, #b80000 100%); background: linear-gradient(to right, #7a0000 0%, #b80000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0000', endColorstr='#b80000',GradientType=1 ); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line.line-4 { left: 810px; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .progress-bar .clip-line.line-4:before { background: #b90000; /* Old browsers */ background: -moz-linear-gradient(left, #b90000 0%, #d40000 100%); background: -webkit-linear-gradient(left, #b90000 0%, #d40000 100%); background: linear-gradient(to right, #b90000 0%, #d40000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90000', endColorstr='#d40000',GradientType=1 ); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list { width: 1350px; margin-left: -40px; font-size: 0; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li { display: inline-block; width: 270px; margin-top: -30px; vertical-align: middle; color: #000; box-sizing: border-box; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li .txt-box { display: inline-block; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li .txt-box p { text-align: center; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li .txt-box P.txt-time { -webkit-transform: translate3d(0, 8px, 0); -moz-transform: translate3d(0, 8px, 0); -ms-transform: translate3d(0, 8px, 0); -o-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li .txt-box P.txt-year { margin-top: 20px; -webkit-transform: translate3d(0, -8px, 0); -moz-transform: translate3d(0, -8px, 0); -ms-transform: translate3d(0, -8px, 0); -o-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.item-1 { padding-left: 24px; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.item-2 { color: #000; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.item-3 { color: #3c0b0b; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.item-4 { color: #7d1616; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.item-5 { margin-left: -20px; color: #bf2f2f; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow { -webkit-transition: color 1s 0.4s linear; -moz-transition: color 1s 0.4s linear; -ms-transition: color 1s 0.4s linear; -o-transition: color 1s 0.4s linear; transition: color 1s 0.4s linear; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow.item-1 { color: #000; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow.item-2 { color: #3c0b0b; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow.item-3 { color: #7d1616; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow.item-4 { color: #bf2f2f; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow.item-5 { color: #d72626; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow .txt-box { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 1s linear, opacity 0.6s linear; -moz-transition: -moz-transform 1s linear, opacity 0.6s linear; -ms-transition: -ms-transform 1s linear, opacity 0.6s linear; -o-transition: -o-transform 1s linear, opacity 0.6s linear; transition: transform 1s linear, opacity 0.6s linear; }
#section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow .txt-box P.txt-time, #section-3 .inner-cont-wrap .cont-holder .progress-box .txt-list li.onShow .txt-box p.txt-year { -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-transition: -webkit-transform 0.8s ease-out; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.8s ease-out; -moz-transition-delay: 0s; -ms-transition: -ms-transform 0.8s ease-out; -ms-transition-delay: 0s; -o-transition: -o-transform 0.8s ease-out; -o-transition-delay: 0s; transition: transform 0.8s ease-out; transition-delay: 0s; }
#section-3 .inner-cont-wrap .cont-holder .obj-box { position: relative; margin-top: 226px; }
#section-3 .inner-cont-wrap .cont-holder .obj-box .line-pattern { position: absolute; left: -415px; top: 0; }
#section-3 .inner-cont-wrap .cont-holder .obj-box .line-pattern .mask { position: absolute; left: 0; top: 0; -webkit-transform: translateX(-500px); -moz-transform: translateX(-500px); -ms-transform: translateX(-500px); -o-transform: translateX(-500px); transform: translateX(-500px); }
#section-3 .inner-cont-wrap .cont-holder .obj-box .txt-pod .txt-desc { color: #000; }
#section-3 .inner-cont-wrap .cont-holder .obj-box h2 { padding-top: 166px; padding-bottom: 76px; }
#section-3 .inner-cont-wrap .cont-holder .obj-box.onShow .mask { position: absolute; left: 0; top: 0; -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); -ms-transform: translateX(1000px); -o-transform: translateX(1000px); transform: translateX(1000px); -webkit-transition: transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
#section-3 .inner-cont-wrap .cont-holder .obj-box.onShow .txt-pod h2 .txt { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
#section-3 .inner-cont-wrap .cont-holder .obj-box.onShow .txt-pod .txt-desc { -webkit-transition-delay: 1.25s; -moz-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; }

#section-4 { height: calc( 1095px ); }
#section-4 .inner-cont-wrap { height: calc( 1095px ); }
#section-4 .inner-cont-wrap .dim-holder { height: 100%; display: none; }
#section-4 .inner-cont-wrap .bg-holder { background-color: #f4f6f7; }
#section-4 .inner-cont-wrap .cont-holder .txt-box { display: inline-block; margin-top: 140px; }
#section-4 .inner-cont-wrap .cont-holder .txt-box h3 { float: left; padding-right: 70px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
#section-4 .inner-cont-wrap .cont-holder .txt-box h3 span { display: block; color: #000; }
#section-4 .inner-cont-wrap .cont-holder .txt-box p { float: left; width: 720px; text-align: justify; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); white-space: nowrap; }
#section-4 .inner-cont-wrap .cont-holder .txt-box.onShow h3, #section-4 .inner-cont-wrap .cont-holder .txt-box.onShow p { -webkit-transition: transform 0.75s ease-out, opacity 0.75s linear; -moz-transition: transform 0.75s ease-out, opacity 0.75s linear; -ms-transition: transform 0.75s ease-out, opacity 0.75s linear; -o-transition: transform 0.75s ease-out, opacity 0.75s linear; transition: transform 0.75s ease-out, opacity 0.75s linear; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; filter: alpha(opacity=100); }
#section-4 .inner-cont-wrap .cont-holder .product-box { position: absolute; top: 0; left: 50%; margin-left: -1444px; }

#section-5 { height: calc( 4146px ); }
#section-5 .inner-cont-wrap { height: calc( 4146px ); background-color: #f8f9f9; }
#section-5 .inner-cont-wrap .dim-holder { height: calc( 100vh - 70px ); top: auto; bottom: 0; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list { position: relative; width: 1800px; margin-left: -260px; /*.gray-spacer{ display:block; position:absolute; width:100vw; height:800px;left:50%; top:0; @include transform( translateX(-50%)); min-width:1280px; .left{ position:absolute; left:0; top:0; background-color:#f3f5f7; width:60px; height:800px; } .right{ position:absolute; left:auto; right:0; top:0; background-color:#f3f5f7; width:60px; height:800px; }
}*/ }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li { position: relative; overflow: hidden; height: 800px; margin-bottom: 1px; background-color: #181818; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list div { position: absolute; left: 0; top: 0; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1) { background-image: url("../img/sec5_list1_bg.png"); background-repeat: no-repeat; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1) .obj { left: 886px; top: 232px; -webkit-transform: translate(-1022px, -595px); -moz-transform: translate(-1022px, -595px); -ms-transform: translate(-1022px, -595px); -o-transform: translate(-1022px, -595px); transform: translate(-1022px, -595px); opacity: 0.5; filter: alpha(opacity=50); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1) .obj-sh { left: 806px; top: 231px; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1) .effect-light { left: 539px; top: 0; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1) .line { left: 429px; -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1) .txt-pod { position: absolute; left: 360px; top: 234px; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1).onShow .obj { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: transform 2s 0.28s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.28s linear; -moz-transition: transform 2s 0.28s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.28s linear; -ms-transition: transform 2s 0.28s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.28s linear; -o-transition: transform 2s 0.28s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.28s linear; transition: transform 2s 0.28s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.28s linear; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1).onShow .obj-sh { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1).onShow .effect-light { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.6s 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1).onShow .line { -webkit-transform: translate(100%, 100%); -moz-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); -o-transform: translate(100%, 100%); transform: translate(100%, 100%); -webkit-transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) 0.1s ,opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; -moz-transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) 0.1s ,opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; -ms-transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) 0.1s ,opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; -o-transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) 0.1s ,opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) 0.1s ,opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1).onShow .txt-pod .txt { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(1).onShow .txt-pod .txt-desc { -webkit-transition-delay: 1.05s; -moz-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(2) { background-image: url("../img/sec5_list2_bg.jpg"); background-repeat: no-repeat; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(2) .obj { position: absolute; left: 285px; top: auto; bottom: 0; -webkit-transform: translateY(90px); -moz-transform: translateY(90px); -ms-transform: translateY(90px); -o-transform: translateY(90px); transform: translateY(90px); opacity: 0; filter: alpha(opacity=0); -webkit-transition: transform 1s ease-out,opacity 1s linear; -moz-transition: transform 1s ease-out,opacity 1s linear; -ms-transition: transform 1s ease-out,opacity 1s linear; -o-transition: transform 1s ease-out,opacity 1s linear; transition: transform 1s ease-out,opacity 1s linear; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(2) .txt-pod { position: absolute; left: 1080px; top: 202px; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(2) .txt-pod .txt { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(2) .txt-pod .txt-desc { -webkit-transition-delay: 1.25s; -moz-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(2).onShow .obj { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(2).onShow .txt-pod .txt { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(2).onShow .txt-pod .txt-desc { -webkit-transition-delay: 0.95s; -moz-transition-delay: 0.95s; -o-transition-delay: 0.95s; transition-delay: 0.95s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) { background-image: url("../img/sec5_list3_bg.png"); background-repeat: no-repeat; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj { width: 694px; height: 479px; position: absolute; left: 834px; top: 146px; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sqs { opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sqs:nth-child(2) { -webkit-transition: opacity 0.75s 1.7s; -moz-transition: opacity 0.75s 1.7s; -ms-transition: opacity 0.75s 1.7s; -o-transition: opacity 0.75s 1.7s; transition: opacity 0.75s 1.7s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sqs:nth-child(3) { -webkit-transition: opacity 0.75s 2s; -moz-transition: opacity 0.75s 2s; -ms-transition: opacity 0.75s 2s; -o-transition: opacity 0.75s 2s; transition: opacity 0.75s 2s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sqs:nth-child(4) { -webkit-transition: opacity 0.75s 2.3s; -moz-transition: opacity 0.75s 2.3s; -ms-transition: opacity 0.75s 2.3s; -o-transition: opacity 0.75s 2.3s; transition: opacity 0.75s 2.3s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sqs:nth-child(5) { -webkit-transition: opacity 0.75s 2.6s; -moz-transition: opacity 0.75s 2.6s; -ms-transition: opacity 0.75s 2.6s; -o-transition: opacity 0.75s 2.6s; transition: opacity 0.75s 2.6s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sqs:nth-child(6) { -webkit-transition: opacity 0.75s 2.9s; -moz-transition: opacity 0.75s 2.9s; -ms-transition: opacity 0.75s 2.9s; -o-transition: opacity 0.75s 2.9s; transition: opacity 0.75s 2.9s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sqs:nth-child(7) { -webkit-transition: opacity 0.75s 3.2s; -moz-transition: opacity 0.75s 3.2s; -ms-transition: opacity 0.75s 3.2s; -o-transition: opacity 0.75s 3.2s; transition: opacity 0.75s 3.2s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sqs:nth-child(3) { -webkit-transition: opacity 1.2s 2s; -moz-transition: opacity 1.2s 2s; -ms-transition: opacity 1.2s 2s; -o-transition: opacity 1.2s 2s; transition: opacity 1.2s 2s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .obj .sq-1 { opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .line { position: absolute; left: 0; top: 328px; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .line .path { stroke-dasharray: 1825.0347900390625; stroke-dashoffset: 1825.0347900390625; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .line-img { position: absolute; left: 0; top: 328px; opacity: 0; filter: alpha(opacity=0); opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3) .txt-pod { left: 360px; top: 282px; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3).onShow .obj { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); -webkit-transition: transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 2s linear; -moz-transition: transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 2s linear; -ms-transition: transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 2s linear; -o-transition: transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 2s linear; transition: transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955),opacity 2s linear; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3).onShow .obj .sqs { opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3).onShow .line { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -ms-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3).onShow .txt-pod .txt { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3).onShow .txt-pod .txt-desc { -webkit-transition-delay: 0.85s; -moz-transition-delay: 0.85s; -o-transition-delay: 0.85s; transition-delay: 0.85s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3).onHide .line { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(3).onNoSupport .line-img { visibility: visible; animation: fade-in-out; animation-duration: 1s; animation-delay: 1.15s; animation-timing-function: linear; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) { /*background:{ image:url('../img/sec5_list4_bg.png');};*/ }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .txt-pod { left: 1074px; top: 74px; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .txt-pod .txt { -webkit-transition-delay: 0.55s; -moz-transition-delay: 0.55s; -o-transition-delay: 0.55s; transition-delay: 0.55s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .txt-pod .txt-desc { -webkit-transition-delay: 1.05s; -moz-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .parts { position: absolute; left: 476px; top: 266px; width: 606px; height: 305px; -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .parts li { position: absolute; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .parts.onShow li { -webkit-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1) 1.4s  ,opacity 1.6s cubic-bezier(0.77, 0, 0.175, 1) 1.6s ; -moz-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1) 1.4s  ,opacity 1.6s cubic-bezier(0.77, 0, 0.175, 1) 1.6s ; -ms-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1) 1.4s  ,opacity 1.6s cubic-bezier(0.77, 0, 0.175, 1) 1.6s ; -o-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1) 1.4s  ,opacity 1.6s cubic-bezier(0.77, 0, 0.175, 1) 1.6s ; transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1) 1.4s  ,opacity 1.6s cubic-bezier(0.77, 0, 0.175, 1) 1.6s ; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .parts.onShow .part-1 { -webkit-transform: translate(-480px, -20px); -moz-transform: translate(-480px, -20px); -ms-transform: translate(-480px, -20px); -o-transform: translate(-480px, -20px); transform: translate(-480px, -20px); opacity: 0.3; filter: alpha(opacity=30); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .parts.onShow .part-2 { -webkit-transform: translate(-706px, -266px); -moz-transform: translate(-706px, -266px); -ms-transform: translate(-706px, -266px); -o-transform: translate(-706px, -266px); transform: translate(-706px, -266px); opacity: 0.12; filter: alpha(opacity=12); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .parts.onShow .part-3 { -webkit-transform: translate(-352px, -136px); -moz-transform: translate(-352px, -136px); -ms-transform: translate(-352px, -136px); -o-transform: translate(-352px, -136px); transform: translate(-352px, -136px); opacity: 0.12; filter: alpha(opacity=12); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .parts.onShow .part-5 { -webkit-transform: translate(346px, 132px); -moz-transform: translate(346px, 132px); -ms-transform: translate(346px, 132px); -o-transform: translate(346px, 132px); transform: translate(346px, 132px); opacity: 0.5; filter: alpha(opacity=50); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .parts.onShow .part-6 { -webkit-transform: translate(770px, 280px); -moz-transform: translate(770px, 280px); -ms-transform: translate(770px, 280px); -o-transform: translate(770px, 280px); transform: translate(770px, 280px); opacity: 0.1; filter: alpha(opacity=10); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .line { position: absolute; left: 258px; top: 0; -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4) .all-light { position: absolute; left: 0; top: 0; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4).onShow .parts { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s ,opacity 0.45s linear 0.25s; -moz-transition: transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s ,opacity 0.45s linear 0.25s; -ms-transition: transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s ,opacity 0.45s linear 0.25s; -o-transition: transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s ,opacity 0.45s linear 0.25s; transition: transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s ,opacity 0.45s linear 0.25s; opacity: 1; filter: alpha(opacity=100); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(4).onShow .line { -webkit-transform: translate(-110%, 110%); -moz-transform: translate(-110%, 110%); -ms-transform: translate(-110%, 110%); -o-transform: translate(-110%, 110%); transform: translate(-110%, 110%); -webkit-transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) ; -moz-transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) ; -ms-transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) ; -o-transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) ; transition: transform 2.6s cubic-bezier(0.04, 0.9, 0.37, 0.99) ; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(5) { background-image: url("../img/sec5_list5_bg.jpg"); background-repeat: no-repeat; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(5) .obj-pod { position: absolute; width: 659px; height: 396px; left: 318px; top: 239px; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(5) .obj-pod .obj { position: absolute; left: 0; top: 0; -webkit-transform-origin: center 210px; -moz-transform-origin: center 210px; -ms-transform-origin: center 210px; -o-transform-origin: center 210px; transform-origin: center 210px; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(5) .obj-pod .sh { position: absolute; left: 0; top: 0; -webkit-transform-origin: center 210px; -moz-transform-origin: center 210px; -ms-transform-origin: center 210px; -o-transform-origin: center 210px; transform-origin: center 210px; opacity: 0; filter: alpha(opacity=0); }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(5) .obj-pod.onShow .obj { opacity: 1; filter: alpha(opacity=100); -webkit-transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; -moz-transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; -ms-transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; -o-transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(5) .obj-pod.onShow .sh { opacity: 1; filter: alpha(opacity=100); -webkit-transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; -moz-transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; -ms-transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; -o-transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) ,opacity 1.2s linear; }
#section-5 .inner-cont-wrap .cont-holder .product-box .product-box-list > li:nth-child(5) .txt-pod { left: 1078px; top: 236px; }
#section-5.onNoSupport svg { display: none; }

#section-6 .inner-cont-wrap { height: calc( 100vh - 70px ); overflow: hidden; }
#section-6 .inner-cont-wrap .dim-holder { height: 100%; display: none; }
#section-6 .inner-cont-wrap .bg-holder { background-image: url("../img/sec6_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
#section-6 .inner-cont-wrap .cont-holder .txt-box { position: absolute; top: 50%; left: 50%; margin-left: 44px; margin-top: -72px; -webkit-transform: translateY(-43%); -moz-transform: translateY(-43%); -ms-transform: translateY(-43%); -o-transform: translateY(-43%); transform: translateY(-43%); opacity: 0; filter: alpha(opacity=0); }
#section-6 .inner-cont-wrap .cont-holder .txt-box p { display: block; width: 100%; padding-bottom: 50px; font-size: 22px; line-height: 38px; }
#section-6 .inner-cont-wrap .cont-holder .txt-box .footer-btns { text-align: left; }
#section-6 .inner-cont-wrap .cont-holder .txt-box.onTrans { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: transform 0.7s ease-out,opacity 0.45s; -moz-transition: transform 0.7s ease-out,opacity 0.45s; -ms-transition: transform 0.7s ease-out,opacity 0.45s; -o-transition: transform 0.7s ease-out,opacity 0.45s; transition: transform 0.7s ease-out,opacity 0.45s; opacity: 1; filter: alpha(opacity=100); }

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