@import 'https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i';@import url(components/animate.css);@import url(components/fonts/fonts.css);@import url(components/plugin/swiper.min.css);h1,h2,h3,h4,h5,h6,p{font-family:"Montserrat",sans-serif;font-weight:600;line-height:1.5em;margin:0}p{font-weight:normal}.list-inline li{display:inline-block;vertical-align:middle}.pull-left{float:left !important}.pull-right{float:right !important}.text-right{text-align:right !important}.text-left{text-align:left !important}.text-center{text-align:center !important}*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix::after,.list-inline::after,.list-unstyled::after,.clearfix::before,.list-inline::before,.list-unstyled::before{display:table;content:''}.clearfix::after,.list-inline::after,.list-unstyled::after{clear:both}.list-inline,.list-unstyled{margin:0;padding:0;list-style:none}button{border:0;cursor:pointer}textarea{resize:none;box-shadow:none}textarea.form-control{height:auto;-webkit-appearance:none}a{text-decoration:none;outline:none;-webkit-transition:0.3s ease;transition:0.3s ease;color:inherit}img{vertical-align:middle;border:0}img.max-width{max-width:100%}figure{margin:0;padding:0}figure>a{display:block}input{-webkit-appearance:none;box-shadow:none !important}*:focus{outline:0 !important}.fa{vertical-align:middle}.visible-xs{display:none !important}html{overflow-x:hidden;height:100%}html.overflow{overflow:hidden}html.overflow body>*{padding-right:17px}body{margin:0;padding:0;font:300 14px/1.4em "Montserrat",sans-serif;color:#000;-webkit-text-size-adjust:100%;position:relative;min-height:100%;overflow:hidden;letter-spacing:-0.1px}.container{max-width:1200px;margin:0 auto;position:relative;padding-left:15px;padding-right:15px}.header{background-color:#efefef;position:fixed;top:0;right:0;left:0;z-index:4;box-shadow:0 2px 16px 3px rgba(0,0,0,0.12);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.header .container{display:flex;justify-content:space-between;align-items:center;height:80px;-webkit-transition:height 0.3s ease;transition:height 0.3s ease}.header.effect{visibility:visible !important;animation-name:none !important}.header-logo{display:block;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease}.header-right{padding-left:30px;display:flex;align-items:center}.header-right .sosmed>a{background-position:top 4px center}.header-right .sosmed>a.tweet,.header-right .sosmed>a.youtube{background-position:top 6px center}.header.off{background-color:transparent;box-shadow:none;color:#fff}.header.off .nav>li.active>a::after{-webkit-transform:scale(0);transform:scale(0);opacity:0}.header.fixed{background-color:#efefef;box-shadow:0 2px 16px 3px rgba(0,0,0,0.12);color:inherit}.header.fixed .container{height:65px}.header.fixed .header-logo{transform:scale(0.8)}.header.fixed .nav>li>a{font-size:15px}.nav{display:flex;align-items:center}.nav>li{margin-left:30px}.nav>li:first-child{margin-left:0}.nav>li>a{display:block;text-align:center;font-size:16px;font-weight:600;letter-spacing:2px;position:relative}.nav>li>a::after{content:"";background-color:#e94055;position:absolute;left:0;right:0;bottom:-5px;height:3px;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:transform 0.5s ease, opacity 0.5s ease;transition:transform 0.5s ease, opacity 0.5s ease}.nav>li.live>a{padding-left:20px}.nav>li.live>a::before{content:"";width:10px;height:10px;background-color:#dec076;position:absolute;left:0;top:6px;-webkit-border-radius:50%;border-radius:50%}.nav>li .nav-sub{pointer-events:none;-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:transform 0.5s ease, opacity 0.5s ease;transition:transform 0.5s ease, opacity 0.5s ease;position:absolute;left:0;right:0;padding-top:30px}.nav>li.active>a::after,.nav>li:hover>a::after{-webkit-transform:scale(1);transform:scale(1);opacity:1}.nav>li:hover .nav-sub{-webkit-transform:scale(1);transform:scale(1);opacity:1;pointer-events:auto}.sosmed{padding-left:30px}.sosmed>a{display:inline-block;vertical-align:middle;margin-left:5px;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;width:25px;height:25px;background-image:url("../assets/sosmedMenu-FB.png");background-repeat:no-repeat;background-position:center;box-shadow:0 2px 5px rgba(0,0,0,0.22)}.sosmed>a:first-child{margin-left:0}.sosmed>a.ig{background-image:url("../assets/sosmedMenu-IG.png")}.sosmed>a.tweet{background-image:url("../assets/sosmedMenu-TWT.png")}.sosmed>a.vidio{background-image:url("../assets/sosmedMenu-V.png")}.sosmed>a.youtube{background-image:url("../assets/sosmedMenu-YT.png")}.sosmed-footer{padding-left:15px}.sosmed-footer>a{background-color:#737373;background-image:url("../assets/sosmedFoot-FB.png");background-size:15px auto;background-position:center}.sosmed-footer>a.ig{background-image:url("../assets/sosmedFoot-IG.png")}.sosmed-footer>a.tweet{background-image:url("../assets/sosmedFoot-TWT.png")}.sosmed-footer>a.vidio{background-image:url("../assets/sosmedFoot-V.png")}.sosmed-footer>a.youtube{background-image:url("../assets/sosmedFoot-YT.png")}.sosmed-sticky{padding-left:0}.sosmed-sticky>a{display:block;margin-left:0;margin-top:10px;background-image:url("../assets/fb@2x.png");background-size:45px auto;width:45px;height:45px;box-shadow:none;background-color:transparent;-webkit-border-radius:0px;border-radius:0px}.sosmed-sticky>a:first-child{margin-top:0}.sosmed-sticky>a.tweet{background-image:url("../assets/tw@2x.png")}.sosmed-sticky>a.wa{background-image:url("../assets/wa@2x.png")}.submenu{display:table;table-layout:fixed;width:100%;box-shadow:0 2px 27px 0 rgba(0,0,0,0.14);background-color:#fff;-webkit-border-radius:10px;border-radius:10px;color:#4b4a53;overflow:hidden}.submenu-left,.submenu-right{display:table-cell;vertical-align:top}.submenu-left{width:300px;background-image:linear-gradient(to bottom, #fff, rgba(228,228,228,0.33) 86%, rgba(228,228,228,0.52))}.submenu-right{height:566px;padding:20px 40px}.submenu-nav>li{position:relative;border-bottom:1px solid #e4e4e4}.submenu-nav>li>a{display:block;text-align:center;font-size:16px;padding:20px 15px;font-weight:600;color:#676675;position:relative;z-index:2}.submenu-nav>li.active>a{background-image:linear-gradient(to bottom, #c51b1c, #ee455d);color:#fff}.submenu-nav>li.active::after{content:"";position:absolute;top:50%;right:-5px;width:10px;height:10px;margin-top:-5px;background-image:linear-gradient(to bottom, #c51b1c, #ee455d);transform:rotate(45deg)}.submenu-nav>li:hover>a{background-image:linear-gradient(to bottom, #c51b1c, #ee455d);color:#fff}.submenu-nav-inherit{display:none}.submenu-nav-item{display:table;table-layout:fixed;width:100%}.submenu-nav-item-left,.submenu-nav-item-right{display:table-cell;vertical-align:top;padding-right:90px}.submenu-nav-item-left .submenu-nav{display:none;margin-top:-20px}.submenu-nav-item-left .submenu-nav:first-child{display:block}.submenu-nav-item-left .submenu-nav>li:last-child{border-bottom-color:transparent}.submenu-nav-item-left .submenu-nav>li>a{text-align:left;color:#4b4a53;background-image:inherit}.submenu-nav-item-left .submenu-nav>li:hover>a{color:#e94055}.submenu-nav-item-right{width:276px;padding-right:0}.submenu-nav-item-right-title{text-align:center;font-size:16px;font-weight:600;margin-bottom:20px}.submenu-nav-item-right .item-image{margin-bottom:15px}.submenu-nav-item-right .item-image-ratio{padding-bottom:66.66667%}.submenu-nav-item-right .item-description h5{font-size:21px;margin-bottom:10px}.submenu-nav-item-right .item-description p{font-size:15px;color:#717171;margin-bottom:15px}.submenu-nav-item-right .item-description .btn-see{display:table;font-weight:600;height:40px;line-height:40px;padding:0 15px;background-image:linear-gradient(to bottom, #c51b1c, #ee455d);color:#fff}.section{position:relative;background-color:#fff;padding-top:60px;padding-bottom:60px}.section:first-child{padding-top:140px}.ornament{position:absolute;pointer-events:none}.ornament img{max-width:100%}.ornament-1{width:200px;right:-60px;top:-70px}.ornament-2{width:150px;left:-70px;top:100px}.ornament-3{width:80px;left:0px;bottom:100px;z-index:3}.ornament-4{width:120px;right:0;top:80px}.ornament-5{width:80px;left:0;bottom:-170px;z-index:3}.ornament-6{left:-60px;bottom:60px;width:150px}.ornament-7{right:0;top:50%;margin-top:-150px}.ornament-8{left:0;top:-60px}.ornament-9{right:-65px;top:0;width:250px}.ornament-10{left:90px;top:65px;width:130px}.ornament-11{left:0;bottom:-100px;z-index:3}.ornament-12{right:0;bottom:-100px;z-index:3}.ornament-13{width:140px;left:0;top:250px}.ornament-14{width:140px;top:250px;right:-30px}.ornament-15{bottom:-100px;right:0;z-index:3}.title{text-align:center;margin-bottom:60px}.title-text{font-size:33px;color:#ee455d;margin-bottom:5px}.title-text small{font-size:inherit;font-weight:300}.title-separator{max-width:250px;display:flex;margin:0 auto}.title-separator>i{font-style:normal;height:8px;flex:1;background-color:#ee455d}.title-separator>i+i{background-color:#00bd2d}.title-separator>i+i+i{background-color:#0096c4}.btn-default{border:2px solid #586ca4;color:#586ca4;font-size:18px;font-weight:600;letter-spacing:0.6px;height:50px;line-height:50px;display:table;padding:0 15px}.btn-default:hover{background-color:#586ca4;color:#fff}.btn-default.btn-borderwhite{border-color:#fff;color:#fff}.btn-default.btn-borderwhite::after{content:"";display:inline-block;vertical-align:middle;background-image:url("../assets/arrowbtn.png");background-size:10px auto;width:10px;height:20px;margin-left:10px}.btn-default.btn-borderwhite:hover{background-color:#ee455d;border-color:#ee455d}.btn-default.btn-bgwhite{border-color:#fff;background-color:#fff;color:#252b39}.btn-default.btn-bgwhite:hover{background-color:#ee455d;color:#fff;border-color:#ee455d}.btn-center{margin:0 auto;margin-top:45px}.swiper-button{background-size:auto;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;width:9px;height:28px;margin-top:-14px;-webkit-border-radius:50%;border-radius:50%}.swiper-button::after{content:"";background-size:9px auto;background-position:center;background-repeat:no-repeat;display:block;width:9px;height:24px}.swiper-button-prev{left:30px;background-image:none}.swiper-button-prev::after{background-image:url("../assets/arrowleft-big.png")}.swiper-button-next{right:30px;background-image:none}.swiper-button-next::after{background-image:url("../assets/arrowright-big.png")}.swiper-button-outside{background-blend-mode:multiply;background-image:linear-gradient(to bottom, #586ca4, #586ca4);width:54px;height:54px;margin-top:-27px;opacity:0.6}.swiper-button-outside.swiper-button-prev{left:50%;margin-left:-585px}.swiper-button-outside.swiper-button-next{right:50%;margin-right:-585px}.item-image-radius{-webkit-border-radius:15px;border-radius:15px}.item-image-ratio{position:relative;height:0;overflow:hidden;padding-bottom:66.59664%}.item-image-ratio img{position:absolute;left:0;right:0;width:100%;height:100%;object-fit:cover}.item-description-cat{background-color:#ee455d;font-size:15px;font-weight:600;padding:5px 15px;color:#fff;letter-spacing:0.6px;margin-bottom:15px;display:table}.item-description-title{color:#53669e;font-size:33px;margin-bottom:10px;font-weight:bold}.item-description-text{font-size:16px;color:#4a4a4a;margin-bottom:30px;line-height:1.8em}.article{margin:-4px -8px}.article>li{width:25%;padding:4px 8px;float:left}.article>li:hover .item-image{-webkit-transform:scale(1.13);transform:scale(1.13);z-index:2}.article>li:hover .item-image-hover{opacity:1}.article>li .item-image{position:relative;margin-bottom:15px;-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease}.article>li .item-image-ratio{padding-bottom:66.66667%}.article>li .item-image-hover{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;opacity:0;pointer-events:none;position:absolute;left:0;right:0;bottom:0;font-size:15px;font-weight:500;padding:15px;padding-top:15px;padding-top:50px;background-blend-mode:multiply;background-image:linear-gradient(to top, rgba(13,12,12,0.9), rgba(216,216,216,0));color:#fff}.article>li .item-image-hover::after{content:"";background-image:url("../assets/more-trending.png");background-position:center;background-repeat:no-repeat;background-size:42px auto;width:42px;height:42px;display:inline-block;vertical-align:middle;margin-left:10px}.article>li .item-cat{-webkit-border-radius:4px;border-radius:4px;border:1px solid #ee455d;font-size:12px;font-weight:500;padding:2px 8px;color:#ee455d;display:table;margin-bottom:5px}.article>li .item-cat:hover{color:#fff;background-color:#ee455d}.article>li .item-title{font-size:22px;color:#53669e;min-height:66px;overflow:hidden}.article-trending>li .item-image-ratio{padding-bottom:135.61644%}.popup{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;background-color:rgba(0,0,0,0.7);z-index:9;display:none}.popup-inner{display:flex;align-items:center;justify-content:center;min-height:100%;padding:15px}.popup-box{background-color:#fff;box-shadow:0 2px 7px 0 rgba(0,0,0,0.21);max-width:783px;position:relative;flex:1}.popup-box .embed{max-width:100%;width:100%}.popup-close{position:absolute;right:0;top:-45px;-webkit-border-radius:50%;border-radius:50%;background-image:url("../assets/close-menu.png");background-size:35px auto;background-position:center;background-repeat:no-repeat;width:35px;height:35px;box-shadow:0 5px 16px 0 rgba(86,86,86,0.2)}.form-group{margin-bottom:16px}.form-control{width:100%;border:1px solid #e5e5e5;font-family:"Montserrat",sans-serif;color:#717171;font-size:18px;height:58px;padding:10px 15px;-webkit-border-radius:10px;border-radius:10px}.form-btn{background-image:linear-gradient(to bottom, #c51b1c, #ee455d);-webkit-border-radius:30px;border-radius:30px;font-family:"Montserrat",sans-serif;font-size:18px;font-weight:600;color:#fff;height:50px;min-width:145px}.detail-article .container{max-width:996px}.detail-article-image{margin-bottom:45px}.detail-article-image img{width:100%}.detail-article-body{display:table;table-layout:fixed;padding-left:30px;padding-right:30px}.detail-article-body-left,.detail-article-body-right{display:table-cell;vertical-align:top}.detail-article-body-right{padding-left:30px;width:100%;padding-right:75px}.detail-article-headline{margin-bottom:30px}.detail-article-headline h1{font-size:42px;color:#2c2c2c;margin-top:-15px;font-weight:bold}.detail-article-headline .date{color:#afafaf;letter-spacing:0.1px}.detail-article-paragraph h5{font-size:25px;margin-bottom:15px;color:#2c2c2c}.detail-article-paragraph p{color:#6e6e6e;letter-spacing:0.5px;margin-bottom:30px;line-height:1.8em;white-space: normal !important}.detail-article-paragraph p img{width:100%}.detail-article-paragraph p.embed{padding-bottom:55.85714%}.detail-article-paragraph .link-bb{border-bottom:2px solid #2c2c2c;padding-bottom:15px;font-size:25px;font-weight:600;color:#2c2c2c;display:table;margin:0 auto;margin-top:60px}.footer{position:relative;z-index:2;background-color:#fff;text-align:center}.footer .container{max-width:996px;padding-top:60px;padding-bottom:60px}.footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:-8px}.footer-nav>li{padding:8px 16px}.footer-nav>li>a{font-size:16px;font-weight:600;color:#494848;letter-spacing:2px}.footer-copyright{font-size:16px;color:#8a8a8a;padding-top:30px;margin-top:30px;border-top:1px solid #ececec}@media (max-width: 1199px){.header-logo img{width:62px}.nav>li{margin-left:20px}.nav>li>a{font-size:14px;letter-spacing:1px}.swiper-button-outside.swiper-button-prev{left:15px;margin-left:0}.swiper-button-outside.swiper-button-next{right:15px;margin-right:0}.ornament-11,.ornament-12{bottom:-40px;width:80px}}@media (max-width: 991px){html.overflow body>*{padding-right:0}.visible-sm{display:block !important}.hide-sm{display:none !important}.btn-default{font-size:15px;height:40px;line-height:40px}.header{visibility:visible !important;animation-name:none !important}.header-left{flex:1;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;background-color:#efefef;height:80px}.header-right{padding-left:0;position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom, #fff, #f5f5f5 86%, #f0f0f0);-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);-webkit-transition:transform 0.5s ease, opacity 0s ease 0.5s;transition:transform 0.5s ease, opacity 0s ease 0.5s;opacity:0;display:block;overflow-y:auto}.header-right.open{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;-webkit-transition:transform 0.5s ease, opacity 0s ease 0s;transition:transform 0.5s ease, opacity 0s ease 0s}.header.off .hamburger{background-image:url("../assets/menu-off.png")}.header.off .hamburger.collapsed{background-image:url("../assets/close-menu.png")}.header.off .header-left{background-color:transparent;transition:background-color 0.5s ease 0s}.header.off .header-left.open{transition:background-color 0.5s ease 0.2s;background-color:#efefef}.header.fixed .hamburger{background-image:url("../assets/menu.png")}.header.fixed .hamburger.collapsed{background-image:url("../assets/close-menu.png")}.header.fixed .header-left{background-color:#efefef}.header.fixed .nav>li>a{font-size:16px}.nav{display:block;flex-flow:column;padding-top:80px;padding-bottom:60px}.nav .sub>a::after{content:"";-webkit-transform:scale(1);transform:scale(1);opacity:1;position:absolute;left:auto;right:15px;bottom:50%;margin-bottom:-4px;background-color:transparent;background-image:url("../assets/caret.png");background-position:center;background-repeat:no-repeat;background-size:18px auto;width:18px;height:8px}.nav .sub .submenu .sub>a::after{right:0}.nav .sub:hover>a::after{display:block}.nav>li{margin-left:0;border-bottom:1px solid #e4e4e4}.nav>li>a{font-size:16px;letter-spacing:normal;text-align:left;padding:20px 15px;color:#676675}.nav>li>a>br{display:none}.nav>li.live>a{padding-left:35px}.nav>li.live>a::before{left:15px;top:26px}.nav>li.active>a{background-color:#fff}.nav>li:hover>a{background-color:#fff}.nav>li:hover>a::after{display:none}.nav>li .nav-sub{position:static;padding-top:0;display:none;pointer-events:auto;-webkit-transform:scale(1);transform:scale(1);opacity:1}.hamburger{width:35px;height:40px;display:flex;position:relative;background-image:url("../assets/menu.png");background-repeat:no-repeat;background-position:center;background-size:35px auto}.hamburger.collapsed{background-image:url("../assets/close-menu.png")}.submenu{box-shadow:none;background-color:#ebebeb;-webkit-border-radius:0;border-radius:0;padding-left:15px;padding-right:15px;border-top:1px solid #e4e4e4}.submenu-left{display:block;width:auto;background-image:none}.submenu-nav>li{border-bottom-color:rgba(255,255,255,0.5)}.submenu-nav>li:last-child{border-bottom:0}.submenu-nav>li>a{text-align:left;padding:15px}.submenu-nav>li.active>a{background-image:none;color:#676675}.submenu-nav>li.active::after{display:none}.submenu-nav>li:hover>a,.submenu-nav>li.open>a{background-image:none;color:inherit}.submenu-nav-inherit{border-top:1px solid rgba(255,255,255,0.5);background-blend-mode:multiply;background-image:linear-gradient(to bottom, #d8d8d8, #d8d8d8);margin-left:-15px;margin-right:-15px;padding-left:30px}.submenu-nav-inherit>li>a{font-size:14px}.article>li .item-image-hover{font-size:12px}.article>li .item-image-hover::after{background-size:20px auto;width:20px;height:20px}.article>li .item-cat{font-size:10px}.article>li .item-title{font-size:16px;min-height:48px}.ornament-1{right:-110px}.ornament-3{display:none}.ornament-4{width:40px}.ornament-5{width:50px;bottom:-165px}.footer-nav>li{padding:8px 12px}.footer-nav>li>a{font-size:14px}.footer-copyright{font-size:13px}}@media (max-width: 767px){.visible-xs{display:block !important}.hide-xs{display:none !important}.swiper-button-prev{left:15px}.swiper-button-next{right:15px}.section{padding-top:30px;padding-bottom:30px}.title{margin-bottom:45px}.title-text{font-size:23px}.title-separator{max-width:180px}.article>li{width:50%}.article>li .item-image-hover{font-size:11px}.article>li .item-image-hover::after{margin-left:5px}.ornament{display:none}.ornament-10{left:-50px;display:block}.sosmed-sticky{position:fixed;bottom:-45px;left:0;right:0;z-index:4;display:flex;align-items:center;-webkit-transition:bottom 0.3s ease;transition:bottom 0.3s ease}.sosmed-sticky>a{flex:1;margin-top:0;background-color:#4C76BE}.sosmed-sticky>a.tweet{background-color:#00C7FF}.sosmed-sticky>a.wa{background-color:#5AC245}.sosmed-sticky.fixed{bottom:0}.detail-article-body{padding-left:0;padding-right:0}.detail-article-body-right{padding-left:0;padding-right:0}.detail-article-headline h1{font-size:21px;margin-bottom:15px}.detail-article-paragraph h5,.detail-article-paragraph .link-bb{font-size:21px}.footer-nav>li{padding:8px 4px}.footer-nav>li:nth-child(1){order:1}.footer-nav>li:nth-child(2){order:3}.footer-nav>li:nth-child(3){order:2}.footer-nav>li:nth-child(4){order:4}.footer-nav>li:nth-child(5){order:5}.footer-nav>li:nth-child(6){order:6}.footer-nav>li:nth-child(7){order:8}.footer-nav>li:nth-child(8){order:7}.footer-nav>li:nth-child(9){order:9}.footer-nav>li:nth-child(10){order:10}.footer-nav>li>a{font-size:12px}.footer-copyright{font-size:11px}.form-control{font-size:13px;height:40px;-webkit-border-radius:3px;border-radius:3px}.form-btn{-webkit-border-radius:8px;border-radius:8px;height:45px;min-width:110px}}