/*!
 * Milligram-scss v1.3.0
 * https://milligram.github.io
 *
 * Copyright (c) 2017 CJ Patoilo
 * Licensed under the MIT license
 */body{--wrap:1476px}header{height:80px;left:0;position:absolute;right:0;top:0;transition:all .35s ease-out;z-index:10}header .wrapper{margin:0 90px;max-width:none;width:auto}header:before{background:#fff;border-radius:0 0 50px 50px;box-shadow:0 0 10px -2px #ddd;content:"";height:100%;z-index:-1}header .logo,header:before{left:0;position:absolute;right:0;top:0}header .logo{margin:auto;padding:30px 35px 22px;transition:all .3s ease-out;width:180px;z-index:7}header .logo img{display:block;height:83px;position:relative;transition:all .3s ease-out;width:110px;z-index:2}header .logo img.float-logo{left:0;margin:auto;opacity:0;position:absolute;right:0;transition:none;visibility:hidden;width:75px}header .logo:after{bottom:50px;height:10px;left:1px;opacity:1;right:1px;z-index:1}header .logo:after,header .logo:before{background:#fff;content:"";position:absolute}header .logo:before{border-radius:0 0 20px 20px;bottom:0;box-shadow:0 0 10px -2px #ddd;height:55px;left:0;right:0;top:auto;z-index:-1}header .main-menu{display:flex}header .main-menu nav{padding-right:100px;transition:all .35s ease-out;width:50%}header .main-menu nav ul{display:flex;justify-content:flex-end;margin:0}header .main-menu nav ul li{margin:0;padding:0 30px}header .main-menu nav ul li a{color:#151515;display:block;font-size:1rem;line-height:30px;padding:25px 0;position:relative;text-transform:uppercase;transition:all .25s ease-out}header .main-menu nav ul li a:before{background:#f79332;bottom:0;content:"";height:4px;left:0;margin:auto;position:absolute;right:0;top:auto;transition:all .25s ease-out;width:0}header .main-menu nav ul li a.active,header .main-menu nav ul li a:hover{transition:all .25s ease-out}header .main-menu nav ul li a.active:before,header .main-menu nav ul li a:hover:before{transition:all .25s ease-out;width:100%}header .main-menu nav ul li.have-sub>a{padding-right:15px;position:relative}header .main-menu nav ul li.have-sub>a:after{background:url(/images/material/arrow-select-2.svg) no-repeat 50%;bottom:0;content:"";height:15px;left:auto;margin:auto;position:absolute;right:-5px;top:0;width:15px}header .main-menu nav ul li.have-sub:hover>a:before{transition:all .25s ease-out;width:100%}header .main-menu nav ul li.have-sub:hover>.sub-menu{display:flex;transition:all .25s ease-out}header .main-menu nav ul li.have-sub .sub-menu{align-items:flex-start;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 5px 10px -4px #ddd;display:none;left:0;margin:auto;padding:70px 80px 40px;position:absolute;right:0;top:100%;transition:all .25s ease-out;width:calc(var(--wrap) - 100px);z-index:5}header .main-menu nav ul li.have-sub .sub-menu .img-sub{position:relative;width:460px}header .main-menu nav ul li.have-sub .sub-menu .img-sub .img{border-radius:15px;display:none;height:280px;left:0;overflow:hidden;position:absolute;top:0;transition:all .3s ease-out;width:100%}header .main-menu nav ul li.have-sub .sub-menu .img-sub .img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}header .main-menu nav ul li.have-sub .sub-menu .img-sub .img.active{display:block;position:relative;transition:all .3s ease-out}header .main-menu nav ul li.have-sub ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 0 0 -40px;padding-right:120px;position:relative;width:calc(100% - 380px)}header .main-menu nav ul li.have-sub ul:before{background:#d8d8d8;bottom:0;content:"";display:block;left:calc(50% - 70px);position:absolute;top:0;width:1px}header .main-menu nav ul li.have-sub ul li{margin-bottom:20px;padding:0 40px;width:50%}header .main-menu nav ul li.have-sub ul li a{display:block;padding:0 10px;text-align:left}header .main-menu nav ul li.have-sub ul li a:before{display:none}header .main-menu nav ul li.have-sub ul li a:hover{color:#659ad2}header .main-menu nav:nth-child(2){padding-left:100px;padding-right:0}header .main-menu nav:nth-child(2) ul{justify-content:flex-start}header .main-header .burger{display:none}header .header-search{align-items:center;bottom:0;display:flex;left:auto;position:absolute;right:0;top:0}header .header-search .ico{background:#659ad2 url(/images/material/ico-src.svg) no-repeat 50%;border-radius:50%;cursor:pointer;display:inline-block;height:38px;transition:all .25s ease-out;width:38px}header .header-search .ico:hover{opacity:.85;transform:scale(.93);transition:all .25s ease-out}header .header-search.act .collapse-search{display:block}header .header-search .collapse-search{display:none;position:absolute;right:0;top:calc(100% + 6px);width:400px}header .header-search .collapse-search form{position:relative}header .header-search .collapse-search form input[type=text]{background:#fff;border:none;border-radius:22px;box-shadow:0 0 10px -2px #ddd;font-size:15px;height:44px;margin:0;padding:10px 50px 10px 20px}header .header-search .collapse-search form input[type=submit]{background:#659ad2 url(/images/material/ico-src.svg) no-repeat 50%;background-size:18px;border:none;border-radius:none;border-radius:50%;bottom:0;height:28px;margin:auto;padding:0;position:absolute;right:10px;top:0;width:28px}header.float{position:fixed;top:0!important;transition:all .35s ease-out}header.float .logo{box-shadow:none;padding:10px 30px 0;width:140px}header.float .logo img{height:auto;opacity:0;transition:all .35s ease-out;width:100%}header.float .logo img.float-logo{opacity:1;top:13px;transition:all .35s ease-out;visibility:visible;width:74px}header.float .logo:before{opacity:0}header.float .main-menu nav{padding-right:60px;transition:all .3s ease-out}header.float .main-menu nav:nth-child(2){padding-left:60px;padding-right:0}header.float .main-menu nav ul li.have-sub .sub-menu{padding-top:60px}footer{position:relative}footer .floating-chat{bottom:35px;display:block;left:auto;position:fixed;right:90px;top:auto;z-index:7}footer .floating-chat a{background:#f79332 url(/images/material/ico-chat.svg) no-repeat 50%;border-radius:0 22px;display:block;height:60px;width:60px}footer .main-footer{border-top:8px solid #f79332;padding:60px 0}footer .main-footer .wrap-col{display:flex;margin-left:-60px;width:calc(100% + 120px)}footer .main-footer .wrap-col .col{padding:0 60px;width:17.5%}footer .main-footer .wrap-col .col h6{color:#659ad2;font-family:Karla,sans-serif;font-size:1.063rem;margin-bottom:20px;text-transform:uppercase}footer .main-footer .wrap-col .col.address{width:28%}footer .main-footer .wrap-col .col.address a span{font-size:1.125rem}footer .main-footer .wrap-col .col.menu-nav{width:37%}footer .main-footer .wrap-col .col.sosmed .w-ico span{font-style:italic}footer .main-footer .wrap-col .col a{color:#1d1d1d;display:block;font-size:.938rem;margin-bottom:10px;transition:all .25s ease-out}footer .main-footer .wrap-col .col a:hover{color:#659ad2;transition:all .25s ease-out}footer .main-footer .wrap-col .col a.w-ico{align-items:flex-start;display:flex}footer .main-footer .wrap-col .col a.w-ico img{transition:all .25s ease-out;width:32px}footer .main-footer .wrap-col .col a.w-ico:hover img{transform:scale(.95);transition:all .25s ease-out}footer .main-footer .wrap-col .col a.w-ico span{align-self:center;display:block;padding-left:10px;width:calc(100% - 32px)}footer .main-footer .wrap-col .col nav{display:flex;flex-wrap:wrap}footer .main-footer .wrap-col .col nav a{padding-right:30px;width:60%}footer .main-footer .wrap-col .col nav a:nth-child(2n){padding-right:0;width:40%}footer .copyright{background:#144372;padding:8px 0}footer .copyright p{color:#fff;font-size:.813rem;line-height:1.385;margin:0;text-align:center}@media (max-width:1600px){body{--wrap:1170px}header .logo{width:160px}header .logo img{height:68px;width:90px}header .logo:before{height:40px}header .logo:after{bottom:40px}header .main-menu nav ul li{padding:0 20px}header .main-menu nav ul li.have-sub .sub-menu{padding:70px 60px 40px}header .main-menu nav ul li.have-sub .sub-menu .img-sub{width:360px}header .main-menu nav ul li.have-sub .sub-menu .img-sub .img{height:215px}header .main-menu nav ul li.have-sub ul{padding-right:60px;width:calc(100% - 320px)}header .main-menu nav ul li.have-sub ul:before{left:calc(50% - 30px)}header .main-menu nav ul li.have-sub ul li{margin-bottom:16px;padding:0 30px}header .main-menu nav ul li.have-sub ul li a{font-size:.913rem}footer .floating-chat{right:40px}footer .floating-chat a{background-size:24px;border-radius:0 16px;height:48px;width:48px}footer .main-footer .wrap-col{margin-left:-35px;width:calc(100% + 70px)}footer .main-footer .wrap-col .col{padding:0 35px}footer .main-footer .wrap-col .col.address a span{font-size:1rem}}@media (max-width:1279px){body{--wrap:940px;font-size:1rem}header{height:70px}header .wrapper{margin:0 42px}header .logo{padding:24px 20px 15px;width:124px}header .logo img{height:auto;width:100%}header .main-menu nav{padding-right:80px}header .main-menu nav:nth-child(2){padding-left:80px;padding-right:0}header .main-menu nav ul li{padding:0 12px}header .main-menu nav ul li a{padding:20px 0}header .main-menu nav ul li.have-sub .sub-menu{padding:60px 40px 30px;width:var(--wrap)}header .main-menu nav ul li.have-sub .sub-menu .img-sub{width:290px}header .main-menu nav ul li.have-sub .sub-menu .img-sub .img{height:180px}header .main-menu nav ul li.have-sub ul{width:calc(100% - 250px)}header .main-menu nav ul li.have-sub ul li{margin-bottom:12px}header.float .logo{padding:15px 15px 0;width:100px}header.float .logo img.float-logo{width:60px}header.float .main-menu nav{padding-right:45px}header.float .main-menu nav:nth-child(2){padding-left:45px;padding-right:0}footer .main-footer{padding:40px 0}footer .main-footer .wrap-col{flex-wrap:wrap}footer .main-footer .wrap-col .col{width:40%!important}footer .main-footer .wrap-col .col:first-child,footer .main-footer .wrap-col .col:nth-child(2){border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:30px;position:relative}footer .main-footer .wrap-col .col:first-child:after,footer .main-footer .wrap-col .col:nth-child(2):after{background:#fff;bottom:-3px;content:"";height:3px;left:auto;position:absolute;right:0;top:auto;width:32px}footer .main-footer .wrap-col .col:first-child:after{left:0;right:auto}footer .main-footer .wrap-col .col:nth-child(2n){width:60%!important}}@media (max-width:1023px){body{--wrap:696px}header{height:50px}header .wrapper{margin:0 36px}header:before{border-radius:0}header .main-menu{background:#fff;border-top:1px solid #ddd;display:block;height:calc(100vh - 50px);height:calc(var(--vh, 1vh)*100 - 50px);left:-36px;left:-300px;max-width:400px;opacity:0;padding:36px;position:absolute;top:50px;transition:all .35s ease-out;visibility:hidden;width:calc(100% + 72px)}header .main-menu nav{padding:0!important;width:100%}header .main-menu nav ul{display:block}header .main-menu nav ul li{padding:0}header .main-menu nav ul li a{line-height:1.5;padding:10px}header .main-menu nav ul li a:before{height:3px;left:0;right:auto;width:0}header .main-menu nav ul li a:hover:before{width:0}header .main-menu nav ul li a.active:before{transition:all .25s ease-out;width:50px}header .main-menu nav ul li a.active:hover:before{display:block;width:50px}header .main-menu nav ul li.have-sub>a:after{right:0;transition:all .25s ease-out}header .main-menu nav ul li.have-sub.drop>a:after{transform:rotate(180deg);transition:all .25s ease-out}header .main-menu nav ul li.have-sub.drop>a:before{transition:all .25s ease-out;width:50px}header .main-menu nav ul li.have-sub .sub-menu{box-shadow:none;left:0;padding:10px 10px 4px!important;position:relative;transform:translateX(0);transition:none;width:100%}header .main-menu nav ul li.have-sub .sub-menu ul li a{padding:5px 0;text-align:left}header .main-menu nav ul li.have-sub .sub-menu .img-sub{display:none}header .main-menu nav ul li.have-sub ul{display:block;margin-left:0;padding-right:0;width:auto}header .main-menu nav ul li.have-sub ul:before{display:none}header .main-menu nav ul li.have-sub ul li{margin-bottom:8px;padding:0;width:100%}header .main-menu nav ul li.have-sub:hover>a:before{width:0}header .main-menu nav ul li.have-sub:hover>.sub-menu{display:none;transition:none}header .main-menu nav ul li.have-sub.drop:hover>a:before{transition:all .25s ease-out;width:50px}header .main-menu nav:nth-child(2){padding-left:0!important}header .logo{padding:14px 12px 10px;width:80px}header .logo:before{border-radius:0 0 12px 12px;height:20px}header .logo:after{bottom:19px}header .main-header .burger{display:block;height:14px;position:absolute;top:18px;width:20px}header .main-header .burger span{background:#2f2f2f;border-radius:2px;bottom:auto;height:2px;position:absolute;top:0;transition:all .3s ease-out;width:100%}header .main-header .burger span:first-child{top:0}header .main-header .burger span:nth-child(2){top:6px;width:70%}header .main-header .burger span:nth-child(3){top:12px}header .main-header.act .burger span{transition:all .3s ease-out}header .main-header.act .burger span:first-child{top:6px;transform:rotate(45deg)}header .main-header.act .burger span:nth-child(2){opacity:0;width:0}header .main-header.act .burger span:nth-child(3){top:6px;transform:rotate(-45deg)}header .main-header.act .main-menu{left:-36px;opacity:1;transition:all .35s ease-out;visibility:visible}header .header-search{top:25px}header .header-search .ico{background-size:16px;height:24px;width:24px}header .header-search .collapse-search{top:calc(100% + 26px);width:300px;z-index:8}header .header-search .collapse-search form input[type=text]{font-size:.813rem;height:34px;padding:8px 20px}header .header-search .collapse-search form input[type=submit]{background-size:14px;height:22px;right:6px;width:22px}header.float .logo{padding:10px 0 0;width:70px}header.float .logo img.float-logo{top:8px;width:45px}}@media (max-width:767px){body{--wrap:calc(100vw - 48px)}header .wrapper{margin:0 24px}header .main-header{left:-24px;width:calc(100% + 48px)}header .main-menu{padding-left:40px}header .main-menu nav ul li a{padding-left:0}footer .floating-chat{right:24px}footer .floating-chat a{background-size:16px;border-radius:0 12px;height:32px;width:32px}footer .main-footer{padding:36px 0}footer .main-footer .wrap-col{margin-left:-15px;width:calc(100% + 30px)}footer .main-footer .wrap-col .col{padding:0 15px;width:50%!important}footer .main-footer .wrap-col .col h6{font-size:.875rem;margin-bottom:12px}footer .main-footer .wrap-col .col.address a span{font-size:.913rem}footer .main-footer .wrap-col .col a{font-size:.813rem;margin-bottom:5px}footer .main-footer .wrap-col .col a.w-ico img{width:30px}footer .main-footer .wrap-col .col nav a{line-height:1.35;padding-right:10px;width:50%}footer .main-footer .wrap-col .col nav a:nth-child(2n){padding-left:15px;width:50%}footer .main-footer .wrap-col .col:nth-child(2n){width:50%!important}footer .main-footer .wrap-col .col:first-child,footer .main-footer .wrap-col .col:nth-child(2){border:none;padding-bottom:20px;width:100%!important}footer .main-footer .wrap-col .col:first-child:after,footer .main-footer .wrap-col .col:nth-child(2):after{background:#ccc;bottom:0;height:1px;left:15px;right:15px;width:auto}footer .main-footer .wrap-col .col:nth-child(3){padding-right:10%;position:relative}footer .main-footer .wrap-col .col:nth-child(3):after{background:#ccc;bottom:0;content:"";height:auto;left:auto;position:absolute;right:10%;top:30px;width:1px}footer .copyright{padding:6px 0}footer .copyright p{font-size:.75rem}}
/*!
 * Milligram-scss v1.3.0
 * https://milligram.github.io
 *
 * Copyright (c) 2017 CJ Patoilo
 * Licensed under the MIT license
 */.middle{overflow:hidden;position:relative}.slick-arrow{background:#fff url(/images/material/arrow-slide.svg) no-repeat 50%;border:none;border-radius:50%;bottom:0;box-shadow:0 3px 6px rgba(0,0,0,.16);font-size:0;height:40px;margin:auto;padding:0;position:absolute;top:0;width:40px;z-index:3}.slick-arrow.slick-prev{transform:rotate(180deg)}.slick-arrow:hover{background:#659ad2 url(/images/material/arrow-slide-2.svg) no-repeat 50%;border-radius:50%}.text-title{padding-left:35px}.text-title h3{color:#659ad2;position:relative}.text-title h3:before{background:#f79332;border-radius:3px;content:"";height:40px;left:-35px;position:absolute;top:12px;width:5px}.text-title h5{color:#659ad2;font-size:1.25rem}.text-title>.btn-wrap{margin-top:40px}.text-title.center{padding-left:0;text-align:center}.text-title.center>*{text-align:center}.text-title.center h3{margin-bottom:30px;padding-bottom:15px}.text-title.center h3:before{bottom:0;height:5px;left:0;margin:auto;right:0;top:auto;width:40px}.text-img-wrap{display:flex;flex-wrap:wrap}.text-img-wrap .img-col{width:50%}.text-img-wrap .img-col figure{border-radius:16px;overflow:hidden}.text-img-wrap .text-col{width:50%}.box-tips{border-radius:10px;overflow:hidden;padding:100px 40px;position:relative}.box-tips:hover figure{opacity:1;transform:scale(1) rotate(0);transition:all .25s ease-out;visibility:visible}.box-tips:hover .text h4{color:#fff;transition:all .25s ease-out}.box-tips:hover .text .more-wrap{border-color:#fff;transition:all .25s ease-out}.box-tips:hover .text .more-wrap a{color:#fff;transition:all .25s ease-out}.box-tips:hover .text .more-wrap a span{border-color:#fff;transform:rotate(95deg);transition:all .25s ease-out}.box-tips:hover .text .more-wrap a span:after,.box-tips:hover .text .more-wrap a span:before{background:#fff;transition:all .25s ease-out}.box-tips figure{bottom:0;box-shadow:-6px 4px 12px rgba(0,0,0,.18);left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transform:scale(.8) rotate(-5deg);transition:all .25s ease-out;visibility:hidden;z-index:1}.box-tips figure,.box-tips figure img{border-radius:10px;display:block;height:100%;width:100%}.box-tips figure img{-o-object-fit:cover;object-fit:cover}.box-tips figure:before{background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0) 41%,hsla(0,0%,9%,.642) 94%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.box-tips .text{position:relative;z-index:3}.box-tips .text .date{color:#f79332;display:block;font-size:.938rem;font-weight:700;margin-bottom:15px}.box-tips .text h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:24px;overflow:hidden;text-overflow:ellipsis}.box-tips .text .more-wrap{border-top:1px solid #7d7d7d;padding-top:20px;transition:all .25s ease-out}.box-tips .text .more-wrap a{align-items:center;color:#1d1d1d;display:flex;font-size:.813rem;font-weight:600;justify-content:space-between;text-transform:uppercase;transition:all .25s ease-out}.box-tips .text .more-wrap a span{border:1px solid #242424;border-radius:50%;height:24px;position:relative;transition:all .25s ease-out;width:24px}.box-tips .text .more-wrap a span:after,.box-tips .text .more-wrap a span:before{background:#242424;bottom:0;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;top:0;transition:all .25s ease-out;width:10px}.box-tips .text .more-wrap a span:after{transform:rotate(90deg)}.contact-home{position:relative}.contact-home .bg-text{color:#fafafa;font-family:Playfair Display,serif;font-size:150px;font-style:italic;font-weight:900;line-height:normal;position:absolute;text-transform:uppercase}.contact-home .bg{background:#9abfd1;bottom:0;display:block;left:calc(-50vw - var(--wrap)/2*-1);position:absolute;top:0;width:100vw;z-index:-1}.contact-home .bg-text{opacity:.07;top:35%}.contact-home .text-img-wrap .text-col{align-self:flex-end;padding:120px 0;position:relative}.contact-home .text-img-wrap .text-col .text-title{padding-left:0;padding-right:50px}.contact-home .text-img-wrap .text-col .text-title h3{color:#fff}.contact-home .text-img-wrap .text-col .text-title h3:before{display:none}.banner-page,.banner-page figure{position:relative}.banner-page figure:after{background:#fff;background:linear-gradient(101deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,0) 60%);bottom:0;content:"";left:0;margin:auto;position:absolute;right:0;top:0;z-index:1}.banner-page figure img{display:block}.banner-page .caption-page{margin-left:calc(50vw - var(--wrap)/2);position:absolute;top:50%;transform:translateY(-50%);width:550px;z-index:2}.banner-page .caption-page h2{color:#659ad2;font-size:85px;margin-bottom:20px}.banner-page .caption-page p{margin:0}.banner-page.not-img figure{background:#659ad2 url(/images/material/bg-banner.png) no-repeat bottom;background-size:100%;height:410px}.banner-page.not-img figure:after{display:none}.banner-page.not-img .caption-page{bottom:25%;left:0;margin:auto;right:0;text-align:center;top:auto;transform:translateY(0);width:var(--wrap)}.banner-page.not-img .caption-page h2{color:#fff;font-size:50px;padding-bottom:24px;position:relative}.banner-page.not-img .caption-page h2:before{background:#f79332;bottom:0;content:"";height:5px;left:0;margin:auto;position:absolute;right:0;top:auto;width:50px}.banner-page.not-img .caption-page p{color:#fff}.banner-page.not-img.middle-h figure{height:580px}.banner-page.not-img.middle-h .caption-page{bottom:35%}.banner-page.not-img.middle-h .caption-page>span{color:#fff;display:block;margin-bottom:10px}.img-tips-detail{margin-bottom:50px;margin-top:-140px;position:relative}.img-tips-detail figure{border-radius:20px;overflow:hidden}.img-tips-detail iframe{border-radius:20px;height:600px}.main-container{padding:120px 0 80px;position:relative}.main-container.detail{padding-top:0;z-index:2}.pagination{padding-top:40px;position:relative}.pagination ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.pagination ul li{margin:0 20px}.pagination ul li a{display:block;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;text-transform:uppercase}.pagination ul li a.active,.pagination ul li a:hover{color:#f79332;font-weight:700}.pagination ul li a.prev{font-size:1.125rem;margin-right:15px}.pagination ul li a.next{font-size:1.125rem;margin-left:15px}.anime-page-scroll{position:relative}.anime-page-scroll.banner-page .caption-page h2,.anime-page-scroll.banner-page .caption-page p,.anime-page-scroll.banner-page .caption-page span{opacity:0;position:relative;top:-30px;transition:top .4s ease-out,opacity .3s ease-out}.anime-page-scroll.banner-page.after-animate .caption-page span{opacity:1;top:0;transition-delay:.3s}.anime-page-scroll.banner-page.after-animate .caption-page h2{opacity:1;top:0;transition-delay:.5s}.anime-page-scroll.banner-page.after-animate .caption-page p{opacity:1;top:0;transition-delay:.7s}@media (max-width:1600px){.contact-home{position:relative}.contact-home .bg-text{font-size:120px}.contact-home .text-img-wrap .text-col{padding:80px 0}.banner-page .caption-page{width:480px}.banner-page .caption-page h2{font-size:68px}.banner-page.not-img .caption-page h2{font-size:44px}.main-container{padding:80px 0}}@media (max-width:1279px){.main-container{padding:60px 0}.text-title{padding-left:28px}.text-title h3:before{left:-28px;width:4px}.text-title.center h3{margin-bottom:24px}.text-title>.btn-wrap{margin-top:30px}.banner-page .caption-page{width:400px}.banner-page .caption-page h2{font-size:54px}.banner-page.not-img .caption-page h2{font-size:40px}.banner-page.not-img.middle-h figure{height:480px}.banner-page.not-img.middle-h .caption-page{bottom:40%}.box-tips{padding:65px 30px}.img-tips-detail iframe{height:420px}.contact-home .bg-text{font-size:90px}.pagination ul li{margin:0 10px}.pagination ul li a{font-size:1rem}.pagination ul li a.next,.pagination ul li a.prev{font-size:.875rem}}@media (max-width:1023px){.banner-page .caption-page{max-width:360px;top:100px;transform:translateY(0);width:calc(100vw - 48px)}.banner-page .caption-page h2{font-size:45px}.banner-page.not-img .caption-page h2{font-size:34px}.text-title{padding-left:22px}.text-title h3:before{left:-22px;top:8px}.text-img-wrap .text-col{width:100%}.slick-arrow{height:34px;width:34px}.contact-home .bg-text{font-size:80px}.contact-home .text-img-wrap .text-col .text-title{padding-right:0;text-align:center}.contact-home .img-col{display:none}}@media (max-width:767px){.main-container{padding:40px 0}.banner-page .caption-page>span{font-size:.913rem}.banner-page .caption-page h2{font-size:36px}.banner-page figure img{height:100%;min-height:500px;-o-object-fit:cover;object-fit:cover}.banner-page.not-img figure{height:280px}.banner-page.not-img .caption-page{bottom:15%}.banner-page.not-img .caption-page>span{font-size:.913rem}.banner-page.not-img .caption-page h2{font-size:28px;padding-bottom:16px}.banner-page.not-img .caption-page h2:before{height:3px;width:35px}.banner-page.not-img.middle-h figure{height:360px}.banner-page.not-img.middle-h .caption-page{bottom:27%}.text-title h3{margin-bottom:15px}.text-title h3:before{max-height:28px;width:3px}.text-title h5{font-size:1rem}.text-title.center h3:before{height:3px;width:30px}.slick-arrow{height:28px;width:28px}.slick-arrow,.slick-arrow:hover{background-size:6px}.box-tips{padding:35px 16px}.box-tips .text .date{font-size:.75rem}.box-tips .text h4{font-size:1rem}.box-tips .text .more-wrap a{font-size:.75rem}.box-tips .text .more-wrap a span{height:20px;width:20px}.contact-home .text-img-wrap .text-col{padding:35px 0}.img-tips-detail{margin-bottom:35px;margin-top:-80px}.img-tips-detail iframe{border-radius:12px;height:300px}}.section-home{position:relative}.section-home .bg-text{color:#fafafa;font-family:Playfair Display,serif;font-size:150px;font-style:italic;font-weight:900;line-height:normal;position:absolute;text-transform:uppercase}.section-home .triger-scroll{background:transparent;bottom:0;height:2px;left:0;margin:auto;position:absolute;right:0;top:0;z-index:-1}.section-home .triger-scroll.triger-3{height:30%}.banner-home{height:100vh}.slider-home,.slider-home .slide{position:relative}.slider-home .slide figure{height:100vh;height:calc(var(--vh, 1vh)*100);min-height:600px}.slider-home .slide figure img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.slider-home .slide .caption-slider{left:0;margin-left:calc(50vw - 733.5px);position:absolute;top:50%;transform:translateY(-50%);width:580px}.slider-home .slide .caption-slider h2{color:#659ad2;font-size:5.313rem;margin-bottom:30px}.slider-home .slide .caption-slider .btn-wrap{margin-top:45px;position:relative}.slider-home .slick-dots{bottom:40px;display:flex;left:60%;margin-bottom:0;position:absolute;transform:translateX(-50%);z-index:2}.slider-home .slick-dots li{display:block;height:22px;margin:0 3px}.slider-home .slick-dots li.slick-active button,.slider-home .slick-dots li:hover button{border-color:#659ad2;transition:all .25s ease-out}.slider-home .slick-dots li.slick-active button:before,.slider-home .slick-dots li:hover button:before{background:#659ad2;transition:all .25s ease-out}.slider-home .slick-dots li button{background:transparent;border-color:transparent;border-radius:50%;cursor:pointer;font-size:0;height:22px;padding:0;position:relative;transition:all .25s ease-out;width:22px}.slider-home .slick-dots li button:before{background:#9d9d9d;border-radius:50%;bottom:0;content:"";height:10px;left:0;margin:auto;position:absolute;right:0;top:0;transition:all .25s ease-out;width:10px}.review-wrap{background:#fff;border-radius:0 100px 0 0;bottom:0;left:0;padding:25px 65px;position:absolute;top:auto;width:670px}.review-wrap .view{background:#659ad2 url(/images/material/arrow-right.svg) no-repeat 50%;background-size:16px;border-radius:50%;bottom:30px;display:block;height:36px;left:auto;margin:auto;position:absolute;right:30px;top:auto;transition:all .25s ease-out;width:36px}.review-wrap .view:hover{background-position:center right 5px;opacity:.85;transform:scale(.93);transition:all .25s ease-out}.review-wrap .slide{display:flex!important}.review-wrap .slide .col{font-size:.813rem;padding:0 20px;position:relative;width:50%}.review-wrap .slide .col .name{display:flex;justify-content:space-between}.review-wrap .slide .col .name strong{font-weight:700;text-transform:uppercase;width:calc(100% - 30px)}.review-wrap .slide .col .name .rate{background:url(/images/material/ico-rate.svg) no-repeat 0;margin-left:0;padding-left:15px}.review-wrap .slide .col .desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-style:italic;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis}.review-wrap .slide .col:first-child:after{background:#bfbfbf;bottom:0;content:"";height:70%;left:auto;margin:auto;position:absolute;right:0;top:0;width:1px}.about-home{padding:120px 0 100px}.about-home .bg-text{bottom:17%;right:0;top:auto}.about-home .two-img figure{border-radius:20px;display:flex;flex-direction:column;overflow:hidden;width:600px}.about-home .two-img figure img{display:block;width:100%}.about-home .two-img figure.btm-img{align-self:flex-end;margin-left:auto;margin-top:-200px;width:445px}.about-home .text-col{padding-left:100px;padding-top:100px}.service-home{padding:120px 100px}.service-home .bg-text{left:-5%;top:-10px}.service-home .text-img-wrap .text-col{padding-right:100px;padding-top:50px}.service-home .text-img-wrap .img-col .mobile{display:none}.service-home .service-home-slider{margin-top:40px;padding-right:100px;position:relative}.service-home .service-home-slider .col-slide .wrap{display:flex;flex-wrap:wrap;margin-left:-10px;width:calc(100% + 20px)}.service-home .service-home-slider .col-slide .wrap .item-service{margin:0 0 30px;padding:0 10px;width:100%}.service-home .service-home-slider .col-slide .wrap .item-service:last-child{margin-bottom:0}.service-home .service-home-slider .col-slide .wrap .item-service .icon{align-items:center;background:#fff;border-radius:0 30px;box-shadow:0 3px 6px rgba(0,0,0,.16);display:flex;height:92px;justify-content:center;margin:auto;transition:all .3s ease-out;width:92px}.service-home .service-home-slider .col-slide .wrap .item-service .icon img{display:block;transition:all .3s ease-out}.service-home .service-home-slider .col-slide .wrap .item-service span{color:#144372;display:block;font-size:1rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-top:15px;text-align:center}.service-home .service-home-slider .col-slide .wrap .item-service a:hover .icon{background:#659ad2;transition:all .3s ease-out}.service-home .service-home-slider .col-slide .wrap .item-service a:hover .icon img{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(111deg) brightness(113%) contrast(101%);transition:all .3s ease-out}.service-home .service-home-slider .slick-arrow{bottom:auto;left:auto;right:0;top:calc(50% + 30px)}.service-home .service-home-slider .slick-arrow.slick-prev{top:calc(50% - 30px)}.service-home .wrap-data-figure{overflow:hidden;position:relative}.service-home .wrap-data-figure .target{left:0;opacity:0;position:absolute;top:0;transition:all .35s ease-out;visibility:hidden;width:100%;z-index:1}.service-home .wrap-data-figure .target .img{border-radius:20px;overflow:hidden;position:relative;width:100%}.service-home .wrap-data-figure .target .img img{display:block;width:100%}.service-home .wrap-data-figure .target .img:before{background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0) 41%,hsla(0,0%,9%,.642) 94%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.service-home .wrap-data-figure .target .caption{bottom:0;color:#fff;left:0;padding:0 50px 50px;position:absolute;right:0;top:auto}.service-home .wrap-data-figure .target .caption h5{font-family:Karla,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:12px;text-transform:uppercase}.service-home .wrap-data-figure .target .caption p{margin:0}.service-home .wrap-data-figure .target .caption .detail{display:none}.service-home .wrap-data-figure .target.active{left:0;opacity:1;position:relative;transition:all .35s ease-out;visibility:visible;z-index:2}.video-home{padding:100px 0}.video-home .bg{background:#659ad2 url(/images/material/bg-mask-home3.png) no-repeat 100% 100%;bottom:0;height:60%;left:0;position:absolute;right:0}.video-home .video-wrap{border-radius:20px;overflow:hidden;position:relative}.video-home .video-wrap video{display:block}.video-home .wrap-text-video{display:flex;margin-left:-25px;padding-top:50px;width:calc(100% + 50px)}.video-home .wrap-text-video .desc-title,.video-home .wrap-text-video .text-title{color:#fff;padding:0 25px;width:50%}.video-home .wrap-text-video .text-title h3{color:#fff}.video-home .wrap-text-video .text-title h3:before{display:none}.video-home .wrap-text-video .desc-title{padding-top:10px}.tips-home{overflow:hidden;padding:150px 0 100px}.tips-home .bg-text{left:0;right:0;text-align:center;top:70px}.tips-home .text-title{margin-bottom:40px}.tips-home .slider-tips{margin-right:calc(-50vw - var(--wrap)/2*-1)}.tips-home .slider-tips .slick-slide{opacity:.3;padding:15px 15px 20px;width:330px}.tips-home .slider-tips .slick-slide.slick-active{opacity:1}.tips-home .slider-tips .slick-arrow{background:#fff url(/images/material/arrow-right-2.svg) no-repeat 50%;background-size:18px;right:calc(50vw - var(--wrap)/2);z-index:3}.tips-home .slider-tips .slick-arrow:hover{background:#659ad2 url(/images/material/arrow-right.svg) no-repeat center right 5px;background-size:18px}.tips-home .slider-tips .slick-arrow.slick-prev{left:-45px;right:auto}.tips-home .slider-tips .slick-arrow.slick-disabled{display:none!important}.about-home.before-animate .two-img .btm-img,.about-home.before-animate .two-img figure{opacity:0;position:relative;top:-30px;transition:top .4s ease-out,opacity .3s ease-out}.about-home.before-animate .text-title h3:before{height:0}.about-home.before-animate .text-title .btn-wrap,.about-home.before-animate .text-title h3,.about-home.before-animate .text-title p{opacity:0;position:relative;top:-20px;transition:top .4s ease-out,opacity .3s ease-out}.about-home.after-animate .two-img figure{opacity:1;top:0;transition-delay:.3s}.about-home.after-animate .two-img .btm-img{opacity:1;top:0;transition-delay:.8s}.about-home.after-animate .text-title h3:before{height:40px;transition:all .35s ease-out;transition-delay:.3s}.about-home.after-animate .text-title h3{opacity:1;top:0;transition-delay:.5s}.about-home.after-animate .text-title p{opacity:1;top:0;transition-delay:.85s}.about-home.after-animate .text-title .btn-wrap{opacity:1;top:0;transition-delay:1.2s}.service-home.before-animate .img-col{left:-40px;opacity:0;position:relative;transition:all .35s ease-out}.service-home.before-animate .slick-arrow{opacity:0}.service-home.before-animate .text-title h3:before{height:0}.service-home.before-animate .text-title .col-slide,.service-home.before-animate .text-title h3,.service-home.before-animate .text-title p{opacity:0;position:relative;top:-20px;transition:top .4s ease-out,opacity .3s ease-out}.service-home.after-animate .text-title h3:before{height:40px;transition:all .35s ease-out;transition-delay:.3s}.service-home.after-animate .text-title h3{opacity:1;top:0;transition-delay:.3s}.service-home.after-animate .text-title p{opacity:1;top:0;transition-delay:.65s}.service-home.after-animate .text-title .col-slide{opacity:1;top:0;transition-delay:1s}.service-home.after-animate .slick-arrow{opacity:1}.service-home.after-animate .img-col{left:0;opacity:1;transition-delay:.8s}.video-home.before-animate .desc-title,.video-home.before-animate .text-title,.video-home.before-animate .video-wrap{opacity:0;position:relative;top:30px;transition:all .35s ease-out}.video-home.after-animate .desc-title,.video-home.after-animate .text-title,.video-home.after-animate .video-wrap{opacity:1;top:0;transition:all .35s ease-out}.video-home.after-animate .video-wrap{transition-delay:.3s}.video-home.after-animate .desc-title,.video-home.after-animate .text-title{transition-delay:.5s}.tips-home.before-animate .text-title h3:before{width:0}.tips-home.before-animate .text-title h3,.tips-home.before-animate .text-title p{opacity:0;position:relative;top:-20px;transition:top .4s ease-out,opacity .3s ease-out}.tips-home.before-animate .slider-tips .box-tips:first-child,.tips-home.before-animate .slider-tips .box-tips:nth-child(2),.tips-home.before-animate .slider-tips .box-tips:nth-child(3),.tips-home.before-animate .slider-tips .box-tips:nth-child(4){opacity:0;position:relative;top:0;transition:top .4s ease-out,opacity .3s ease-out}.tips-home.after-animate .text-title h3:before{transition:all .35s ease-out;transition-delay:.3s;width:40px}.tips-home.after-animate .text-title h3{opacity:1;top:0;transition-delay:.3s}.tips-home.after-animate .text-title p{opacity:1;top:0;transition-delay:.65s}.tips-home.after-animate .slider-tips .box-tips:first-child{opacity:1;top:0;transition-delay:.95s}.tips-home.after-animate .slider-tips .box-tips:nth-child(2){opacity:1;top:0;transition-delay:1.3s}.tips-home.after-animate .slider-tips .box-tips:nth-child(3){opacity:1;top:0;transition-delay:1.65s}.tips-home.after-animate .slider-tips .box-tips:nth-child(4){opacity:1;top:0;transition-delay:2s}.contact-home.before-animate .text-title .btn-wrap,.contact-home.before-animate .text-title h3{opacity:0;position:relative;top:-20px;transition:top .4s ease-out,opacity .3s ease-out}.contact-home.before-animate .img-col{opacity:0;position:relative;top:-20px;transition:all .35s ease-out}.contact-home.after-animate .text-title h3{opacity:1;top:0;transition-delay:.3s}.contact-home.after-animate .text-title .btn-wrap{opacity:1;top:0;transition-delay:.65s}.contact-home.after-animate .img-col{opacity:1;top:0;transition-delay:.5s}@media (max-width:1600px){.section-home .bg-text{font-size:120px}.slider-home .slide .caption-slider{margin-left:calc(50vw - var(--wrap)/2);width:480px}.slider-home .slide .caption-slider h2{font-size:4.5rem;line-height:1.2}.review-wrap{padding:20px 54px 20px 45px;width:540px}.about-home{padding:100px 0 50px}.about-home .two-img figure{width:500px}.about-home .two-img figure.btm-img{width:350px}.about-home .text-col{padding-left:80px;padding-top:80px}.service-home{padding:100px 0 50px}.service-home .service-home-slider,.service-home .text-img-wrap .text-col{padding-right:80px}.service-home .service-home-slider .col-slide .wrap .item-service span{font-size:.938rem}.video-home{padding:60px 0}.tips-home{padding:120px 0 60px}.tips-home .slider-tips .slick-slide{width:290px}.tips-home .slider-tips .slick-arrow.slick-prev{left:-35px}.tips-home .box-tips{padding:90px 35px}.contact-home .text-img-wrap .text-col{padding:80px 0}}@media (max-width:1279px){.section-home .bg-text{font-size:90px}.slider-home .slide .caption-slider h2{font-size:3.5rem;margin-bottom:25px}.slider-home .slide .caption-slider .btn-wrap{margin-top:30px}.slider-home .slick-dots{bottom:33px;left:70%}.review-wrap{padding-left:30px}.review-wrap .slide .col .desc{line-height:1.2}.review-wrap .view{background-size:14px;height:30px;width:30px}.about-home{padding:60px 0 20px}.about-home .two-img figure{width:360px}.about-home .two-img figure.btm-img{width:260px}.about-home .text-col{padding:40px 0 0 40px}.service-home{padding:70px 0 35px}.service-home .service-home-slider{padding-right:60px}.service-home .text-img-wrap .text-col{padding-top:20px}.service-home .text-img-wrap .img-col{padding-top:35px}.video-home .bg{background-size:340px}.tips-home{padding:65px 0 40px}.tips-home .slider-tips .slick-arrow.slick-prev{left:-20px}.tips-home .box-tips{padding:65px 30px}}@media (max-width:1023px){.section-home .bg-text{font-size:80px}.review-wrap{border-radius:0 60px 0 0;padding:15px 60px 15px 25px;width:340px}.review-wrap .slide .col{padding-left:15px;padding-right:0;width:90%}.review-wrap .slide .col:first-child:after,.review-wrap .slide .col:nth-child(2){display:none}.review-wrap .view{bottom:22px}.about-home .text-img-wrap .img-col{box-sizing:content-box;margin:auto;max-width:360px;order:2;-webkit-order:2;padding-right:80px;width:100%}.about-home .text-img-wrap .text-col{margin-bottom:40px;order:1;-webkit-order:1;padding-left:0;padding-top:0}.about-home .two-img figure img{width:100%}.about-home .two-img figure:nth-child(2){margin-right:-80px}.service-home .text-img-wrap .text-col{padding-right:50px;width:60%}.service-home .text-img-wrap .img-col{width:40%}.service-home .service-home-slider .col-slide .wrap .item-service .icon{border-radius:0 20px;height:64px;width:64px}.service-home .service-home-slider .col-slide .wrap .item-service .icon img{width:40px}.service-home .service-home-slider .col-slide .wrap .item-service span{font-size:.875rem}.service-home .wrap-data-figure .target .img img{min-height:350px;-o-object-fit:cover;object-fit:cover}.service-home .wrap-data-figure .target .caption{padding:0 30px 30px}.service-home .wrap-data-figure .target .caption h5{font-size:1.125rem;margin-bottom:10px}.service-home .wrap-data-figure .target .caption p{font-size:.875rem;line-height:1.3}.service-home .wrap-data-figure .target .caption .detail{background:#659ad2 url(/images/material/arrow-slide-2.svg) no-repeat 50%;border-radius:50%;display:block;height:30px;margin-top:10px;width:30px}.tips-home .slider-tips .slick-slide{width:260px}.tips-home .slider-tips .slick-arrow,.tips-home .slider-tips .slick-arrow:hover{background-size:16px}}@media (max-width:767px){.section-home .bg-text{display:none;font-size:40px}.slider-home .slide .caption-slider{max-width:300px;top:100px;transform:translateY(0);width:calc(100% - 48px)}.slider-home .slide .caption-slider h2{font-size:36px;margin-bottom:20px}.slider-home .slide .caption-slider p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis}.slider-home .slide .caption-slider .btn-wrap{margin-top:20px}.review-wrap{padding:10px 60px 10px 15px;width:280px}.review-wrap .slide .col{padding-left:10px}.review-wrap .slide .col .desc{font-size:.75rem}.review-wrap .view{background-size:12px;bottom:16px;height:28px;width:28px}.about-home{padding:40px 0 20px}.about-home .text-img-wrap .img-col{padding-right:60px}.about-home .two-img figure{border-radius:15px;width:100%}.about-home .two-img figure.btm-img{margin-right:-60px;margin-top:-35%;width:70%}.service-home{padding:40px 0 20px}.service-home .text-img-wrap .text-col{order:2;-webkit-order:2;padding-right:0;width:100%}.service-home .text-img-wrap .text-col .text-title h3,.service-home .text-img-wrap .text-col .text-title p{display:none}.service-home .text-img-wrap .img-col{order:1;-webkit-order:1;padding-top:0;width:100%}.service-home .text-img-wrap .img-col .text-title{display:block;margin-bottom:30px}.service-home .wrap-data-figure .target .caption{padding:0 75px 24px 25px}.service-home .wrap-data-figure .target .caption h5{font-size:1rem;margin-bottom:8px}.service-home .wrap-data-figure .target .caption p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.service-home .wrap-data-figure .target .caption .detail{background-position:top 8px center;background-size:6px;bottom:30px;height:26px;left:auto;margin-top:0;position:absolute;right:25px;top:auto;width:26px}.service-home .service-home-slider{margin:10px auto 0;max-width:300px;padding:0 35px}.service-home .service-home-slider .slick-slide{padding:0 10px}.service-home .service-home-slider .col-slide .wrap{display:flex;flex-wrap:wrap}.service-home .service-home-slider .col-slide .wrap .item-service{padding:0 5px;width:50%}.service-home .service-home-slider .col-slide .wrap .item-service .icon{height:60px;width:60px}.service-home .service-home-slider .col-slide .wrap .item-service .icon img{width:36px}.service-home .service-home-slider .col-slide .wrap .item-service span{font-size:.78rem;line-height:1.1;margin-top:10px}.service-home .service-home-slider .slick-arrow{bottom:auto;margin:auto;top:20px}.service-home .service-home-slider .slick-arrow.slick-prev{bottom:auto;left:0;margin:auto;right:auto;top:20px}.video-home{padding:30px 0}.video-home .wrap-text-video{flex-wrap:wrap;padding-top:24px}.video-home .wrap-text-video .desc-title,.video-home .wrap-text-video .text-title{width:100%}.tips-home{padding:35px 0}.tips-home .slider-tips .slick-slide{padding:10px}.tips-home .slider-tips .slick-arrow{background-size:14px}.tips-home .slider-tips .slick-arrow.slick-prev{left:-10px}.tips-home .slider-tips .slick-slide{width:170px}.tips-home .box-tips{padding:35px 16px}.contact-home .text-img-wrap .text-col{padding:35px 0 30px}}

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