.border-bg{position:fixed;z-index:1;width:100%;height:100vh;padding:0;margin:0}.border-bg .border-content{border-right:1px solid #4a4a4a;opacity:0.5}.border-bg .border-content:last-child{border-right:0}#content-main{position:relative;width:100%}#content-main .main-slogan{position:absolute;top:180px;left:70px;z-index:3;max-width:1440px;margin:0 auto}#content-main .main-slogan p{margin-bottom:0;transform:rotateZ(90deg);transform-origin:left bottom;color:rgba(255,255,255,0.2);font-size:14px;font-stretch:condensed}@media screen and (min-width: 1440px){#content-main .main-slogan{top:350px;left:calc(50% - 720px)}}@media screen and (max-width: 1440px){#content-main .main-slogan{top:180px;left:0}#content-main .main-slogan p{padding-bottom:70px}}@media screen and (max-width: 1279px){#content-main .main-slogan{left:0}#content-main .main-slogan p{padding-bottom:40px}}@media screen and (max-width: 767px){#content-main .main-slogan{display:none}}#content-main .main-slogan .nav-pills{width:60px}#content-main .main-slogan .nav-pills .nav-item .nav-link{position:relative;width:40px;padding:0;color:rgba(255,255,255,0.5);font-weight:normal;font-size:14px;line-height:2.3}#content-main .main-slogan .nav-pills .nav-item .nav-link:before{content:'';display:block;position:absolute;top:67px;left:0;width:1px;height:0;background-color:#fff;transition:.5s height}#content-main .main-slogan .nav-pills .nav-item .nav-link span{display:none;font-size:16px}#content-main .main-slogan .nav-pills .nav-item .nav-link.active{padding:.5rem 0 80px;background-color:transparent;color:#fff;line-height:2}#content-main .main-slogan .nav-pills .nav-item .nav-link.active:before{height:80px;transition:1s height}#content-main .main-slogan .nav-pills .nav-item .nav-link.active:after{content:'';display:block;position:absolute;top:25px;left:0;z-index:-1;width:40px;height:24px;background:#1a75ff}#content-main .main-slogan .nav-pills .nav-item .nav-link.active span{display:block;font-weight:500}#content-main .main-slogan .nav-pills .nav-item:last-child .nav-link.active{padding:80px 0 0}#content-main .main-slogan .nav-pills .nav-item:last-child .nav-link.active:before{top:0}#content-main .main-slogan .nav-pills .nav-item:last-child .nav-link.active:after{top:auto;bottom:20px}#content-main .intro{position:relative;overflow:hidden;height:100vh}@media screen and (max-width: 767px){#content-main .intro{height:100vh}}#content-main .intro .main-banner{position:relative;z-index:2;width:100%;height:100%;background:url(../../img/bg.webp) calc(50% + 160px) top no-repeat;background-size:auto 100%}@media screen and (max-width: 1440px){#content-main .intro .main-banner{background-position:180px top}}@media screen and (max-width: 1280px){#content-main .intro .main-banner{background-position:left top}}@media screen and (max-width: 768px){#content-main .intro .main-banner{background-position:15% top}}@media screen and (max-width: 767px){#content-main .intro .main-banner{background-position:25% top}}@media screen and (max-width: 375px){#content-main .intro .main-banner{background-position:-280px top}}#content-main .intro .slogan-bg{position:absolute;top:23%;left:30%;z-index:1;width:700px;height:420px;background-color:#262626;box-shadow:0px 40px 160px -8px rgba(0,0,0,0.2)}@media screen and (max-width: 1920px){#content-main .intro .slogan-bg{top:23%;left:15%}}@media screen and (max-width: 768px){#content-main .intro .slogan-bg{height:430px}}@media screen and (max-width: 767px){#content-main .intro .slogan-bg{left:5%;height:333px}}#content-main .intro .slogan{position:absolute;top:23%;left:30%;z-index:3;padding:60px 0 0 60px}#content-main .intro .slogan label{display:block;margin-bottom:20px;color:rgba(255,255,255,0.5);font-size:36px;font-weight:500;line-height:1.33;letter-spacing:0.4px}#content-main .intro .slogan p{clear:both;margin-bottom:0;font-size:60px;font-weight:500;line-height:1.33;letter-spacing:0.4px;font-display:swap}#content-main .intro .slogan p.effect{float:left;padding-right:8px}#content-main .intro .slogan .btn-works{display:inline-block;line-height:48px;padding:0 40px;margin-top:36px;background-color:#ff455c;color:#fff;font-size:1rem;font-weight:700;transition:.3s}#content-main .intro .slogan .btn-works:hover{background-color:#AF2839}#content-main .intro .slogan #rotate{float:left}#content-main .intro .slogan #rotate h3{line-height:1.33}@media screen and (max-width: 1920px){#content-main .intro .slogan{top:23%;left:15%}}@media screen and (max-width: 767px){#content-main .intro .slogan{left:5%;padding:24px 0 0 32px}#content-main .intro .slogan label{margin-bottom:0;font-size:20px;line-height:2.4}#content-main .intro .slogan p{font-size:36px}#content-main .intro .slogan #rotate h3{font-size:36px}}#content-main .intro .social{position:absolute;top:calc(50% - 52px);right:calc(50% - 720px);z-index:3;overflow:hidden;width:100%;max-width:1440px}#content-main .intro .social .content{float:right;width:44px}@media screen and (max-width: 1440px){#content-main .intro .social .content{margin-right:60px}}@media screen and (max-width: 1440px){#content-main .intro .social{right:0}}@media screen and (max-width: 1279px){#content-main .intro .social{display:none}}#content-main .intro .social a{float:left;width:44px;height:44px;opacity:.5;transition:.25s ease-in}#content-main .intro .social a.icon-fb{margin-bottom:16px;background:url(../../img/facebook.svg) center center no-repeat}#content-main .intro .social a.icon-md{margin-right:0;background:url(../../img/medium.svg) center center no-repeat}#content-main .intro .social a:hover{opacity:1;transition:.25s ease-out}#content-main .intro .contact-us{display:none;position:absolute;right:24px;bottom:145px;z-index:3;padding:0;font-weight:bold;font-size:16px}#content-main .intro .contact-us a{display:block;position:relative;z-index:1;width:63px;padding:0 24px 0 60px;transition:.3s ease-in-out}#content-main .intro .contact-us a:before{content:'';display:block;position:absolute;top:5px;right:25px;width:36px;height:36px;background:url(../../img/next.svg) center center no-repeat}@media screen and (max-width: 767px){#content-main .intro .contact-us{display:block}}#content-main .intro .contact-us a{line-height:2}#content-main .intro .about-us{position:absolute;bottom:0;left:calc(50% - 720px);z-index:3;width:100%;max-width:1440px;padding-bottom:24px;margin:0 auto;font-stretch:condensed}@media screen and (max-width: 1440px){#content-main .intro .about-us{left:0;padding-bottom:32px}}@media screen and (max-width: 768px){#content-main .intro .about-us{padding-bottom:40px}}#content-main .intro .about-us .works{float:left;padding-left:70px}#content-main .intro .about-us .works label{margin:0;color:#1a75ff;font-weight:bold;font-size:32px;letter-spacing:-0.8px;cursor:pointer}#content-main .intro .about-us .works p{margin:0;color:#fff;font-weight:bold;font-size:32px;letter-spacing:-0.8px}@media screen and (max-width: 1279px){#content-main .intro .about-us .works{padding-left:40px;white-space:nowrap}}@media screen and (max-width: 767px){#content-main .intro .about-us .works{padding-left:24px}#content-main .intro .about-us .works label{font-size:24px;line-height:1.33;letter-spacing:0.4px}#content-main .intro .about-us .works p{font-size:24px;line-height:1.33;letter-spacing:0.4px}}#content-main .intro .about-us .contact-info{float:right;width:670px;padding:40px 0 0}#content-main .intro .about-us .contact-info ul li{overflow:hidden;padding:0;margin-right:44px;color:#ffffff;font-weight:normal;font-size:14px;line-height:1.43}#content-main .intro .about-us .contact-info ul li label{color:rgba(255,255,255,0.5)}#content-main .intro .about-us .contact-info ul li p{margin-bottom:0}#content-main .intro .about-us .contact-info ul li.tel{flex:0 0 85px}#content-main .intro .about-us .contact-info ul li.mail{flex:0 0 170px}#content-main .intro .about-us .contact-info ul li.address{flex:0 0 250px;margin-right:0}@media screen and (max-width: 1279px){#content-main .intro .about-us .contact-info{width:524px}#content-main .intro .about-us .contact-info ul li.tel{margin-right:24px}#content-main .intro .about-us .contact-info ul li.mail{margin-right:24px}#content-main .intro .about-us .contact-info ul li.address{flex:0 0 170px}}@media screen and (max-width: 767px){#content-main .intro .about-us .contact-info{display:none}#content-main .intro .about-us .contact-info ul{display:block}#content-main .intro .about-us .contact-info ul li{float:left;width:auto;max-width:none;padding:16px 16px 0 0}#content-main .intro .about-us .contact-info ul li p{font-size:13px}}#content-main .service-items{position:relative;z-index:1;overflow:hidden;height:693px;margin-bottom:96px}@media screen and (max-width: 1279px){#content-main .service-items{height:auto}}#content-main .service-items .service{overflow:hidden;clear:both;padding:25px 70px 0 0}@media screen and (max-width: 1279px){#content-main .service-items .service{padding:25px 40px 0 0}}@media screen and (max-width: 767px){#content-main .service-items .service{padding:32px 0 0 0}}#content-main .service-items .service article{position:relative}#content-main .service-items .service article h3{position:relative;z-index:1;float:left;padding:24px 0 24px 70px;margin:0;font-weight:bold;font-size:32px;line-height:1.5;letter-spacing:0.4px}@media screen and (max-width: 1279px){#content-main .service-items .service article h3{padding-left:40px}}@media screen and (max-width: 767px){#content-main .service-items .service article h3{padding:16px 0 16px 24px;font-size:24px;line-height:2}}#content-main .service-items .service article h3 span{display:block;color:rgba(255,255,255,0.8);font-weight:normal;font-size:16px;line-height:2;letter-spacing:0.4px}#content-main .service-items .service article .colorbar{content:' ';position:absolute;z-index:0;left:0;width:520px;height:128px;background-color:#191919}@media screen and (max-width: 767px){#content-main .service-items .service article .colorbar{width:100%;height:113px;border-top:1px solid rgba(74,74,74,0.5)}}#content-main .service-items .service .more{float:right;padding-left:0;margin-top:52px;text-align:right}@media screen and (max-width: 1279px){#content-main .service-items .service .more{display:none}}#content-main .service-items .service .more:after{left:auto;right:70px}#content-main .service-items .service .more label{display:block;color:rgba(255,255,255,0.5);font-weight:bold;font-size:14px;line-height:1.43}#content-main .service-items .service-list{height:100%}@media screen and (max-width: 1279px){#content-main .service-items .service-list{display:none}}#content-main .service-items .service-list li{position:absolute;padding:0;max-height:540px;transition:.3s}#content-main .service-items .service-list li:after,#content-main .service-items .service-list li:before{content:'';display:block;position:absolute;top:0;left:0;z-index:0;width:101%;height:101%;background-image:linear-gradient(transparent 70%, rgba(0,0,0,0.5) 100%);opacity:1;transition:.4s}#content-main .service-items .service-list li:before{background-image:linear-gradient(to top, #1a75ff, rgba(26,117,255,0.5));opacity:0;transition:.4s}#content-main .service-items .service-list li.in:after{opacity:0}#content-main .service-items .service-list li.in:before{opacity:1}#content-main .service-items .service-list li.service-items-01{left:0;background:url(../../img/project-001.webp) 50% 60% no-repeat;background-size:auto 100%}#content-main .service-items .service-list li.service-items-02{left:25%;background:url(../../img/project-002.webp) 50% 60% no-repeat;background-size:auto 100%}#content-main .service-items .service-list li.service-items-03{left:50%;background:url(../../img/project-003.webp) 50% 60% no-repeat;background-size:auto 100%}#content-main .service-items .service-list li.service-items-04{left:75%;background:url(../../img/project-004.webp) 50% 60% no-repeat;background-size:auto 100%}#content-main .service-items .service-list li a{display:block;position:absolute;bottom:-422px;left:0;overflow:hidden;width:100%;height:540px;transition:.3s}#content-main .service-items .service-list li a.items{transform:translateX(0);transition:all .4s}#content-main .service-items .service-list li a.items .title{padding:0 0 24px 24px}#content-main .service-items .service-list li a.items .title h4{margin-bottom:0;color:#fff;font-weight:bold;font-size:32px;letter-spacing:0.4px}#content-main .service-items .service-list li a.items .title label{color:rgba(255,255,255,0.5);font-weight:600;font-size:32px}#content-main .service-items .service-list li a.items article{min-height:120px;padding:0 24px 24px;transition:.4s 0s opacity}#content-main .service-items .service-list li a.items article p{margin:0;font-weight:400;font-size:16px;line-height:1.5;text-align:justify}@media screen and (max-width: 1280px){#content-main .service-items .service-list li a.items article{min-height:144px}}#content-main .service-items .service-list li:hover.service-items-01,#content-main .service-items .service-list li:hover.service-items-02,#content-main .service-items .service-list li:hover.service-items-03,#content-main .service-items .service-list li:hover.service-items-04{background-size:auto 110%}#content-main .service-items .service-list li:hover a{bottom:-253px}@media screen and (max-width: 1280px){#content-main .service-items .service-list li:hover a{bottom:-253px}}#content-main .service-items .service-list-m{display:none}@media screen and (max-width: 1279px){#content-main .service-items .service-list-m{display:block;overflow:hidden;width:100%}}#content-main .service-items .service-list-m .content ul li{padding:0 0 60px 80px;background-color:#1a75ff}#content-main .service-items .service-list-m .content ul li h3{font-weight:500;font-size:32px;line-height:1.5;letter-spacing:0.4px}#content-main .service-items .service-list-m .content ul li h3 label{padding-left:8px;margin-bottom:0;color:rgba(255,255,255,0.5);font-weight:bold}#content-main .service-items .service-list-m .content ul li p{margin-bottom:0;font-weight:300;font-size:16px;line-height:1.5;letter-spacing:0.4px}#content-main .service-items .service-list-m .content ul li:first-child{padding-top:60px}#content-main .service-items .service-list-m .content ul li:last-child{padding:40px;background-color:transparent}#content-main .service-items .service-list-m .content ul li:last-child .more{float:right}@media screen and (max-width: 767px){#content-main .service-items .service-list-m .content ul li{padding:0 16px 32px 24px}#content-main .service-items .service-list-m .content ul li h3{font-size:20px;line-height:1.8}#content-main .service-items .service-list-m .content ul li p{font-size:14px;line-height:1.71}#content-main .service-items .service-list-m .content ul li:first-child{padding-top:24px}#content-main .service-items .service-list-m .content ul li:last-child{padding:24px}}#content-main .project-intro{position:relative;z-index:2;overflow:hidden;width:100%;margin-top:120px}#content-main .project-intro .fp-scroller{transition-duration:800ms !important}#content-main .project-intro .project{padding:0}#content-main .project-intro .project .article-title{position:relative;left:0;overflow:hidden;width:100%;max-width:1060px;padding-left:40px;margin:0 auto 76px}@media screen and (max-width: 1279px){#content-main .project-intro .project .article-title{left:40px;margin:0 auto 81px}}@media screen and (max-width: 767px){#content-main .project-intro .project .article-title{left:24px;margin-bottom:46px}}#content-main .project-intro .project .article-title label{position:absolute;top:-6px;left:0;z-index:9;transform:rotateZ(90deg);transform-origin:left bottom;color:rgba(255,255,255,0.5);font-weight:bold;font-stretch:condensed;font-size:20px;font-family:sans-serif}#content-main .project-intro .project .article-title h3{position:relative;z-index:1;margin-bottom:12px;color:#1a75ff;font-weight:bold;font-size:60px;line-height:100px}#content-main .project-intro .project .article-title h3 span{color:#fff}#content-main .project-intro .project .article-title h3.title-hover a{display:block;position:relative;z-index:1;color:#fff;transition:.4s color ease-in}#content-main .project-intro .project .article-title h3.title-hover a .main{display:block;position:relative;z-index:2;transform:translateX(0px);transition:.3s}#content-main .project-intro .project .article-title h3.title-hover a .main br{display:none}#content-main .project-intro .project .article-title h3.title-hover a .arrow{display:block;position:absolute;left:830px;bottom:-10px;width:80px;height:80px;background:url(../../img/icon-go.svg) right center no-repeat;opacity:1;transition:.3s}#content-main .project-intro .project .article-title h3.title-hover a .colorbar{display:block;position:absolute;bottom:0;left:-40px;z-index:-1;width:911px;height:100px;background-color:#1a75ff;box-shadow:0 10px 15px 0 rgba(0,0,0,0.3);transition:.4s width ease-in}#content-main .project-intro .project .article-title h3.title-hover a:hover .main{transform:translateX(-8px)}#content-main .project-intro .project .article-title h3.title-hover a:hover .arrow{left:822px;transition:.3s}#content-main .project-intro .project .article-title p{margin-bottom:0;color:rgba(255,255,255,0.8);font-size:24px;font-weight:500;line-height:2}@media screen and (max-width: 1279px){#content-main .project-intro .project .article-title label{top:-15px}#content-main .project-intro .project .article-title h3{line-height:72px}#content-main .project-intro .project .article-title h3.title-hover a{padding-bottom:17px}#content-main .project-intro .project .article-title h3.title-hover a .main br{display:inline}#content-main .project-intro .project .article-title h3.title-hover a .first-line{display:inline-block;padding-bottom:30px}#content-main .project-intro .project .article-title h3.title-hover a .arrow{left:457px;bottom:30px}#content-main .project-intro .project .article-title h3.title-hover a .colorbar{width:537px;height:170px}#content-main .project-intro .project .article-title h3.title-hover a:hover .main{transform:translateX(0px)}#content-main .project-intro .project .article-title h3.title-hover a:hover .arrow{left:449px}}@media screen and (max-width: 767px){#content-main .project-intro .project .article-title h3{font-size:2rem;line-height:48px}#content-main .project-intro .project .article-title h3.title-hover a{padding-bottom:8px}#content-main .project-intro .project .article-title h3.title-hover a .first-line{display:inline-block;padding-bottom:11px}#content-main .project-intro .project .article-title h3.title-hover a .arrow{left:228px;bottom:14px;width:56px;height:56px;background-size:100%}#content-main .project-intro .project .article-title h3.title-hover a .colorbar{width:296px;height:108px}#content-main .project-intro .project .article-title h3.title-hover a:hover .main{transform:translateX(0px)}#content-main .project-intro .project .article-title h3.title-hover a:hover .arrow{left:220px}#content-main .project-intro .project .article-title p{max-width:284px;font-size:1rem;line-height:26px}}#content-main .project-intro .project .our-works{max-width:1060px;margin:0 auto 100px;text-align:center}#content-main .project-intro .project .our-works .works-list{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:0 24px;margin:0}@media screen and (min-width: 768px){#content-main .project-intro .project .our-works .works-list{justify-content:space-between;padding:0 40px}}@media screen and (min-width: 1280px){#content-main .project-intro .project .our-works .works-list{padding:0}}#content-main .project-intro .project .our-works .works-list .work-item{position:relative;overflow:hidden;width:100%;max-width:500px;padding-bottom:16px;text-align:center}#content-main .project-intro .project .our-works .works-list .work-item:not(:first-child){padding-top:24px}@media screen and (min-width: 768px){#content-main .project-intro .project .our-works .works-list .work-item{width:calc((100% - 32px) / 2)}#content-main .project-intro .project .our-works .works-list .work-item:not(:first-child){padding-top:0}#content-main .project-intro .project .our-works .works-list .work-item:nth-child(even){padding-top:60px}}@media screen and (min-width: 1280px){#content-main .project-intro .project .our-works .works-list .work-item{width:calc((100% - 64px) / 2)}}#content-main .project-intro .project .our-works .works-list .work-item .media img{max-width:100%;transition:.3s ease-in-out}#content-main .project-intro .project .our-works .works-list .work-item .caption{padding-top:20px}#content-main .project-intro .project .our-works .works-list .work-item .caption h5{margin-bottom:0;font-weight:500;font-size:1.25rem;line-height:32px}#content-main .project-intro .project .our-works .works-list .work-item .tag-box{padding-top:12px}#content-main .project-intro .project .our-works .works-list .work-item .tag-box .tag{color:rgba(255,255,255,0.5);font-weight:500;font-size:1rem;line-height:24px}#content-main .project-intro .project .our-works .works-list .work-item .tag-box .tag:not(:first-child){padding-left:4px}#content-main .project-intro .project .our-works .works-list .work-item .media{display:block;position:relative;overflow:hidden;width:100%}#content-main .project-intro .project .our-works .works-list .work-item .media:before{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:linear-gradient(to top, #1a75ff, rgba(26,117,255,0.5));opacity:0;transition:.5s}#content-main .project-intro .project .our-works .works-list .work-item .media article{display:flex;flex-wrap:wrap;justify-content:flex-end;position:absolute;bottom:-100%;left:0;z-index:2;width:100%;padding:0 25px 25px;text-align:left;transition:.5s}#content-main .project-intro .project .our-works .works-list .work-item .media article h5{margin-bottom:16px;color:#fff;font-weight:bold;font-size:32px;line-height:1;letter-spacing:0.4px}#content-main .project-intro .project .our-works .works-list .work-item .media article p{color:#fff;font-weight:500;font-size:16px;line-height:1.5}#content-main .project-intro .project .our-works .works-list .work-item .media article .more::after{border-color:#fff}@media screen and (min-width: 1280px){#content-main .project-intro .project .our-works .works-list .work-item .media:hover:before{opacity:1}#content-main .project-intro .project .our-works .works-list .work-item .media:hover img{transform:scale(1)}#content-main .project-intro .project .our-works .works-list .work-item .media:hover article{bottom:0}}#content-main .project-intro .project .our-works .btn-works{display:inline-block;line-height:48px;padding:0 40px;margin-top:28px;background-color:#ff455c;color:#fff;font-size:1rem;font-weight:700;transition:.3s}#content-main .project-intro .project .our-works .btn-works:hover{background-color:#AF2839}#content-main .features{position:relative;height:540px;margin-bottom:210px;background:url(../../img/img-index.jpg) center center no-repeat;background-size:cover}@media screen and (max-width: 767px){#content-main .features{height:320px;margin-top:0;margin-bottom:145px;background-size:auto 100%}}#content-main .features .article-title{position:absolute;bottom:-130px;left:20%;overflow:hidden;max-width:1140px;padding-right:70px;padding-left:40px;margin:0 auto}#content-main .features .article-title label{position:absolute;top:-6px;left:0;transform:rotateZ(90deg);transform-origin:left bottom;color:rgba(255,255,255,0.5);font-weight:600;font-size:18px;font-family:sans-serif}#content-main .features .article-title h3{position:relative;z-index:1;color:#fff;font-weight:bold;font-size:72px;line-height:100px}#content-main .features .article-title h3 span{display:block;position:relative;z-index:2;color:#fff}#content-main .features .article-title h3.title-hover a{display:block;position:relative;z-index:1;color:#fff;transition:.4s color ease-in}#content-main .features .article-title h3.title-hover a .main{display:block;position:relative;z-index:2;transform:translateX(0px);transition:.3s}#content-main .features .article-title h3.title-hover a .arrow{display:block;position:absolute;left:520px;bottom:-10px;width:80px;height:80px;background:url(../../img/icon-go.svg) right center no-repeat;opacity:1;transition:.3s}#content-main .features .article-title h3.title-hover a .colorbar{display:block;position:absolute;bottom:0;left:-50px;z-index:-1;width:610px;height:104px;background-color:#1a75ff;box-shadow:0 10px 15px 0 rgba(0,0,0,0.3);transition:.4s width ease-in}#content-main .features .article-title h3.title-hover a:hover .main{transform:translateX(-8px)}#content-main .features .article-title h3.title-hover a:hover .arrow{left:512px;transition:.3s}#content-main .features .article-title p{margin-bottom:0;color:rgba(255,255,255,0.8);font-size:24px;font-weight:500;line-height:2}@media screen and (max-width: 1279px){#content-main .features .article-title{left:40px}}@media screen and (max-width: 767px){#content-main .features .article-title{bottom:-90px;left:24px;padding-right:0;padding-left:16px}#content-main .features .article-title h3{font-size:32px;line-height:1.5}#content-main .features .article-title h3.title-hover a .main{margin-top:8px}#content-main .features .article-title h3.title-hover a .arrow{left:230px;bottom:-9px;width:44px;height:44px;background-size:100%}#content-main .features .article-title h3.title-hover a .colorbar{bottom:-4px;left:-16px;width:267px;height:56px}#content-main .features .article-title h3.title-hover a:hover .main{transform:translateX(-10px)}#content-main .features .article-title h3.title-hover a:hover .arrow{left:220px}#content-main .features .article-title p{padding-right:45px;font-size:16px}}#content-main .join-us{height:384px;background-color:#1b1b1b;box-shadow:0 -20px 60px 0 rgba(0,0,0,0.4)}#content-main .join-us .content{position:relative;max-width:1044px;padding:80px 0 0;margin:0 auto}@media screen and (max-width: 767px){#content-main .join-us{height:316px}#content-main .join-us .content{padding:60px 0 0}}#content-main .join-us .img-content{position:absolute;top:-40px;left:0;width:586px}@media screen and (max-width: 1279px){#content-main .join-us .img-content{display:none}}#content-main .join-us article{float:right;color:#fff;text-align:left}#content-main .join-us article h3{margin-bottom:16px;font-weight:bold;font-size:32px;line-height:1.5}#content-main .join-us article p{max-width:340px;margin-bottom:48px;color:rgba(255,255,255,0.8);font-weight:300;font-size:16px;line-height:2}#content-main .join-us article .btn-main{box-shadow:0 12px 40px 0 rgba(255,69,92,0.2)}@media screen and (max-width: 1279px){#content-main .join-us article{float:unset;text-align:center;margin:0 auto}#content-main .join-us article p{max-width:400px;margin:0 auto 48px;line-height:2}#content-main .join-us article .btn-main{margin:0 auto}}@media screen and (max-width: 767px){#content-main .join-us article h3{margin-bottom:8px;font-size:24px;line-height:2}#content-main .join-us article p{padding:0 24px;margin-bottom:40px;line-height:1.63}}#content-main .partner{max-width:1440px;margin:0 auto}#content-main .partner .partner-logo{margin:0}#content-main .partner .partner-logo ul{padding:0}#content-main .partner .partner-logo ul li{padding:25px 0;flex:0 0 20%}@media screen and (max-width: 1279px){#content-main .partner .partner-logo ul li{-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}}@media screen and (max-width: 767px){#content-main .partner .partner-logo ul li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:15px 0;border-left:0}}@media screen and (max-width: 374px){#content-main .partner .partner-logo ul li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;border-left:0}}.fade-enter-active{transition:opacity .5s}.fade-leave-active{position:absolute;top:0px;left:0px}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-to{z-index:0}.fade-leave{opacity:0;z-index:1}.fadeInRightColor{-webkit-animation-name:fadeInRightColor;animation-name:fadeInRightColor}.fadeInLeftColor{-webkit-animation-name:fadeInLeftColor;animation-name:fadeInLeftColor}@-webkit-keyframes fadeInRightColor{0%{-webkit-transform:translate3d(100%, 0, 0);opacity:0;transform:translate3d(100%, 0, 0);background-color:#1a75ff}60%{background-color:#1a75ff}100%{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0);background-color:#262626}}@keyframes fadeInRightColor{0%{-webkit-transform:translate3d(100%, 0, 0);opacity:0;transform:translate3d(100%, 0, 0);background-color:#1a75ff}60%{background-color:#1a75ff}100%{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0);background-color:#262626}}@-webkit-keyframes fadeInLeftColor{0%{-webkit-transform:translate3d(-100%, 0, 0);opacity:0;transform:translate3d(-100%, 0, 0);background-color:#1a75ff}60%{background-color:#1a75ff}100%{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0);background-color:#262626}}@keyframes fadeInLeftColor{0%{-webkit-transform:translate3d(-100%, 0, 0);opacity:0;transform:translate3d(-100%, 0, 0);background-color:#1a75ff}60%{background-color:#1a75ff}100%{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0);background-color:#262626}}#postModal .modal-dialog{margin-top:120px}#postModal .modal-header{color:#333;font-weight:bold}#postModal .modal-body{color:#333}#postModal .modal-footer .btn-primary{padding:11px 24px;border-radius:4px;background-color:#1a75ff;line-height:1}#festivalModal{z-index:10000}#festivalModal .modal-dialog{max-width:460px;margin-top:48px}@media screen and (max-height: 720px){#festivalModal .modal-dialog{max-width:380px;margin-top:32px}}#festivalModal .modal-content{background-color:transparent}#festivalModal .modal-header{justify-content:flex-end;padding:0 0 32px 0;border:0;background-color:transparent;color:#fff}#festivalModal .modal-header .close-modal{width:24px;height:24px}#festivalModal .modal-body{position:relative;padding:0;background-color:transparent}#festivalModal .centered-wrap .card-wrap{width:496px;height:688px;position:relative-wrap}#festivalModal .centered-wrap .card-wrap .card{position:absolute;width:100%;height:100%;background-color:transparent;transform-style:preserve-3d;transition:0.5s all ease}#festivalModal .centered-wrap .card-wrap .card .front{position:absolute;width:100%;height:100%;backface-visibility:hidden}#festivalModal .centered-wrap .card-wrap .card .front img{display:block;position:relative}#festivalModal .centered-wrap .card-wrap .card .back{position:absolute;width:100%;height:100%;backface-visibility:hidden;transform:rotateY(180deg)}#festivalModal .centered-wrap .card-wrap .card img{max-width:100%}.modal-open .modal{overflow:hidden}#content-main .modal{padding-right:0 !important}#content-main .modal .modal-dialog{display:flex;align-items:flex-end;width:100%;max-width:100%;height:100vh;margin:0 auto}#content-main .modal .modal-dialog .modal-content{border:0;border-radius:0;background-color:transparent;background-image:linear-gradient(to top, #1a75ff, rgba(26,117,255,0.5))}#content-main .modal .modal-dialog .modal-content .modal-header{position:relative;padding:72px 28px 16px;border:0}#content-main .modal .modal-dialog .modal-content .modal-header h5{color:#fff;font-weight:bold;font-size:32px;line-height:1;letter-spacing:0.4px}#content-main .modal .modal-dialog .modal-content .modal-header .close{position:absolute;top:10px;right:10px;z-index:5;width:40px;height:40px;padding:0;margin:0;background:url(../../img/icon-close.svg) center center no-repeat;opacity:1}#content-main .modal .modal-dialog .modal-content .modal-body{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0 28px 76px}#content-main .modal .modal-dialog .modal-content .modal-body p{margin:0;color:#fff;font-size:16px;line-height:1.5}#content-main .modal .modal-dialog .modal-content .modal-body .more{margin-top:24px}#content-main .modal .modal-dialog .modal-content .modal-body .more::after{border-color:#fff}#content-main .modal.fade .modal-dialog{transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;-webkit-transform:translate(0, 25%);transform:translate(0, 25%)}#content-main .modal.show .modal-dialog{-webkit-transform:translate(0, 0);transform:translate(0, 0)}