/* reset.min.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* swiper-bundle.min.css */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* wp */
.type-2{margin: 10px 12px 30px !important;}.type-3{margin: 30px 12px 30px !important;}.m0{margin: 0px !important;}.mr0{margin-right: 0px !important;}.mr4{margin-right: 4px !important;}.mr20{margin-right: 20px !important;}.mt0{margin-top: 0px !important;}.mt-5{margin-top: -5px !important;}.mt2{margin-top: 2px !important;}.mt8{margin-top: 8px !important;}.mt20{margin-top: 20px !important;}.mt24{margin-top: 24px !important;}.mt30{margin-top: 30px !important;}.mt40{margin-top: 40px;}.mt49{margin-top: 49px !important;}.mt60{margin-top: 60px !important;}.mb0{margin-bottom: 0px !important;}.mb8{margin-bottom: 8px !important;}.mb10{margin-bottom: 10px !important;}.mb16{margin-bottom: 16px !important;}.mb20{margin-bottom: 20px !important;}.mb24{margin-bottom: 24px !important;}.mb30{margin-bottom: 30px !important;}.mb32{margin-bottom: 32px !important;}.mb36{margin-bottom: 36px !important;}.mb40{margin-bottom: 40px !important;}.mb60{margin-bottom: 60px !important;}.mb70{margin-bottom: 70px !important;}.mb120{margin-bottom: 120px !important;}.mr0{margin-right: 0px !important;}.mr12{margin-right: 12px !important;}.mr15{margin-right: 15px !important;}.mr16{margin-right: 16px !important;}.mr20{margin-right: 20px !important;}.mr25{margin-right: 24px !important;}.mr32{margin-right: 32px;}.mlr12{margin-left: 12px !important; margin-right: 12px !important;}.p0{padding: 0px !important;}.p20{padding: 20px !important;}.p30{padding: 30px !important;}.p32{padding: 32px !important;}.p30{padding: 30px !important;}.pt0{padding-top: 0px !important;}.pt8{padding-top: 8px !important;}.pt15{padding-top: 15px !important;}.pt20{padding-top: 20px !important;}.pt24{padding-top: 24px !important;}.pt30{padding-top: 30px !important;}.pt37{padding-top: 37px !important;}.pt60{padding-top: 60px;}.pb0{padding-bottom: 0px !important;}.pb15{padding-bottom: 15px !important;}.pb20{padding-bottom: 20px !important;}.pb24{padding-bottom: 24px !important;}.pb32{padding-bottom: 32px !important;}.pb40{padding-bottom: 40px !important;}.pb60{padding-bottom: 60px;}.pb80{padding-bottom: 80px !important;}.pb110{padding-bottom: 110px !important;}.pb120{padding-bottom: 120px;}.pb200{padding-bottom: 200px !important;}.pr12{padding-right: 12px !important;}.pr16{padding-right: 16px !important;}.pr23{padding-right: 23px;}.pr24{padding-right: 24px !important;}.pr30{padding-right: 30px !important;}.pl0{padding-left: 0px !important;}.pl10{padding-left: 10px !important;}.pl16{padding-left: 16px !important;}.pl20{padding-left: 20px !important;}.pl30{padding-left: 30px !important;}.pl90{padding-left: 90px !important;}.plr12{padding-left: 12px !important; padding-right: 12px !important;}.plr18{padding-left: 18px !important; padding-right: 18px !important;}.plr24{padding-left: 24px !important; padding-right: 24px !important;}.plr32{padding-left: 32px !important; padding-right: 32px !important;}.ptb16{padding-top: 16px !important; padding-bottom: 16px !important;}.ptb40{padding-top: 40px !important; padding-bottom: 40px !important;}.width-auto{float: left; width: auto !important;}.width-30{float: left; width: 30%;}.width-33{float: left; width: 33.3%;}.width-35{float: left; width: 35%;}.width-40{float: left; width: 40%;}.width-50{float: left; width: 50%;}.width-60{float: left; width: 60%;}.width-65{float: left; width: 65%;}.width-66{float: left; width: 66.7%;}.width-70{float: left; width: 70%;}.width-100{float: left; width: 100% !important;}.width-100px{width: 100px !important;}.width-134px{width: 134px !important;}.width-150px{width: 150px !important;}.width-168px{width: 168px !important;}.width-200px{float: left; width: 200px !important;}.width-238px{float: left; width: 238px;}.width-255px{float: left; width: 255px;}.width-300px{float: left; width: 300px;}.width-348px{float: left; width: 348px;}.width-400px{float: left; width: 400px;}.width-524px{float: left; width: 524px;}.width-732px{float: left; width: 732px;}.width-800px{float: left; width: 800px;}.height-auto{height: auto !important;}.height-65px{height: 65px !important;}.height-100px{height: 100px !important;}.height-120px{height: 120px !important;}.height-125px{height: 125px !important;}.height-130px{height: 130px !important;}.height-140px{height: 140px !important;}.height-147px{height: 147px !important;}.height-150px{height: 150px !important;}.height-160px{height: 160px !important;}.height-200px{height: 200px;}.height-233px{height: 233px !important;}.height-238px{height: 238px !important;}.height-320px{height: 320px !important;}.height-466px{height: 466px !important;}.min-height-110px{min-height: 110px !important;}.overflow-hidden{overflow: hidden;}.position-relative{position: relative!important;}.text-white{color: #fff !important;}.display-flex{display: flex;}.flex-wrap{flex-wrap: wrap;}.float-left{float: left;}.float-right{float: right;}.bg-gradient{position: absolute; background: linear-gradient(270deg, #7a8a98 2%, rgba(122, 138, 152, 0.49) 32.8%, rgba(122, 138, 152, 0) 83%); top: 0px; right: 0px; width: 120px; border-radius: 4px; height: 112px; z-index: 9;}.bg-light-grey{background: #f9f9f9;}.bg-light-black{background: #121212;}.bg-scope{background: #11183f;}.bg-gradient-blue{position: relative; background: linear-gradient(90deg, #004A8E 0%, #3D82C1 80.73%, #2F76B7 100%); border-radius: 4px;}.bg-gradient-blue p{padding: 8px 16px; color: #EEF2F6; font-size: 16px; line-height: 26px; margin: 0px 0px 0px 24px;}.bg-gradient-blue p span{font-size: 12px; line-height: 20px; margin: 0px 10px;}.bg-gradient-blue p span a{color: #EEF2F6; position: relative;}.bg-gradient-blue p span a img{position: absolute; top: 2px; margin-left: 5px;}.bg-gradient-blue:before{content: ''; top: 14px; left: 16px; position: absolute; width: 12px; height: 12px; border-radius: 100%; background: #CD1723; border: 1px solid #fff;}.bg-live-stream{background: url(../images/bg-stream.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}.red-mark{top: 14px; left: 16px; position: absolute; width: 12px; height: 12px; border-radius: 100%; background: #CD1723; border: 1px solid #fff;}.border-bottom-grey{border-bottom: 1px solid #EBEBEB;}.bookmarked-scope{position: absolute; top: 0px; right: 19px;}.sticky-header.is-show{top: 0px;}.sticky-header .detail-infografis.nav-kanal{padding: 10px 0px; margin-left: 20px;}.sticky-header .detail-infografis.nav-kanal a{font-size: 24px; line-height: 28px;}.nav-more,.nav-more-float{display: none;}.nav-more.show-menu,.nav-more-float.show-menu{display: block;}/* Grid Item Kanal */.title-kanal{width: 100%; float: left; position: relative; height: auto; padding: 40px 0px 40px;}.title-kanal.underline{padding: 40px 0px 15px;}.title-kanal h2{margin: 0px; font-size: 30px; line-height: 48px; font-weight: 700; font-family: "Heebo-Bold", Arial, Tahoma !important;}.title-kanal h2.medium{font-size: 24px; line-height: 38px;}.title-kanal h2.small{font-size: 18px; line-height: 28px;}.title-kanal-line{position: relative; width: auto; height: 4px; float: left; margin: 5px 0px;}.title-kanal-icon{float: left; height: 35px; margin-top: 5px; margin-right: 10px;}.title-kanal-text{float: left;}.list-kanal{position: relative; float: left; width: 732px;}.list-kanal-full{position: relative; float: left; width: 1056px;}.list-kanal-full.justify-row,.list-kanal-fluid.justify-row{margin: 0px -12px;}.list-kanal-fluid{position: relative; float: left;}.list-kanal-more{position: relative; width: 100%; float: left; text-align: center; margin: 20px 0px 30px;}.list-kanal-more.top-right-small{margin: 24px 0px 0px;}.grid-kanal{position: relative; float: left; width: 332px; height: auto; margin-right: 34px;}.grid-kanal.column-two{width: calc(50% - 24px); margin-right: 24px;}.grid-kanal.column-two.center-margin{width: calc(50% - 24px); margin: 0px 12px 15px;}.grid-kanal.column-three{width: calc(33.3% - 24px); margin: 0px 12px 15px;}.grid-kanal.column-three.margin-right-only{margin: 0px 24px 0px 0px;}.grid-kanal.column-four{width: calc(25% - 24px); margin: 0px 12px 15px;}.grid-kanal.column-five{width: calc(20% - 24px); margin: 0px 12px 15px;}.grid-kanal-big{float: left; width: 516px; height: 387px; margin-right: 24px;}.grid-kanal-big img{width: 100%; height: 100%; object-fit: cover;}.grid-kanal-small{float: left; width: 192px; height: auto;}.grid-kanal-topik{position: relative; float: left; width: 300px; height: auto; border-radius: 4px; overflow: hidden; background-color: #f9f9f9;}.grid-kanal-topik.pimred{width: 100%; background-color: transparent;}.grid-kanal-img-topik{position: relative; width: 300px; height: 200px;}.grid-kanal-img-topik img{width: 100%; height: 100%; object-fit: cover;}.grid-kanal-img-profile{position: relative; width: 300px; height: auto; text-align: center;}.grid-kanal-topik.pimred .grid-kanal-img-profile{width: 100%;}.grid-kanal-desc-topik{position: relative; float: left; width: 300px; height: auto; border-radius: 4px; padding: 16px;}.desc-topic-title{font-size: 12px; line-height: 19px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; margin: 0px 0px 8px; color: #282828;}.desc-topic-result{font-size: 24px; line-height: 38px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; margin: 0px 0px 8px;}.desc-profile{font-size: 24px; line-height: 38px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; margin: 12px 0px 8px; text-align: center;}.type-topic{margin: 0px; list-style: none; padding: 0px 0px;}.type-topic li{font-size: 16px; line-height: 26px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #282828; padding-left: 16px; border-left: 2px solid transparent; margin-bottom: 8px;}.type-topic li a{font-size: 16px; line-height: 26px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #282828; margin-bottom: 8px;}.type-topic li.active{color: #093a67; border-left: 2px solid #093a67;}.type-topic li.active a{color: #093a67;}.grid-kanal-big-desc{width: 468px; height: 192px; background: #fff; border: 1px solid #ebebeb; border-radius: 4px; z-index: 9; position: relative; margin: -77px auto 0px; padding: 4px 20px 20px;}.grid-kanal-big-desc.right-side{width: 220px; height: 160px; position: absolute; right: 0px; top: 50%; padding: 0px 15px;}.swiper-slide.grid-slide{width: 332px;}.img-kanal{position: relative; float: left; width: 100%; height: 200px;}.img-kanal img,.img-kanal-small img,.img-kanal-big img{width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 4px;}.img-kanal.num-img{float: left; width: 192px; height: 112px; overflow: hidden;}.img-kanal.list-scope{float: left; width: 100%; height: 275px;}.img-kanal.suplemen{width: 124px; height: 80px; margin-right: 16px;}.img-kanal.circle{width: 100px; height: 100px; margin-right: 16px;}.img-kanal.circle img{border-radius: 100%;}.img-kanal.small{width: 134px; height: 87px; margin-right: 16px;}.img-kanal-small{position: relative; float: left; width: 134px; height: 87px; margin-right: 16px;}.img-kanal-big{float: left; width: 400px; height: 280px;}.img-kanal-big img{width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 4px;}.img-kanal-circle.redaksi{float: left; width: 108px; height: 108px; margin-right: 24px; margin-top: 8px; margin-bottom: 8px; border-radius: 100%; overflow: hidden;}.img-kanal-circle img{width: 100%; height: 100%; /*margin-right: 16px;*/ /*border-radius: 100%;*/}.img-kanal-circle.profile{float: none; width: 120px; height: 120px; border-radius: 100%; overflow: hidden; margin: 27px auto;}.img-icon{position: relative; width: 20px; height: 20px; bottom: 34px; float: right; right: 8px;}.img-kanal-icon{position: absolute; bottom: 0px; right: 7px;}.img-kanal-icon-big{position: absolute; bottom: 10px; right: 10px;}.img-desc{float: left; width: calc(100% - 150px);}.content-kanal{float: left; width: 100%; padding: 16px 0px;}.content-kanal-topik{float: left; width: 524px; padding: 16px 0px;}.content-kanal-no{float: left; width: 286px; padding-top: 20px; padding-left: 15px;}.content-kanal-scope{position: absolute; bottom: 0px; width: 100%; padding: 12px; background: linear-gradient(180deg, rgba(17, 24, 63, 0) 0%, rgba(17, 24, 63, 0.71) 34.9%, #11183f 73.44%, #11183f 100%);}.content-kanal.suplemen{width: 180px; height: 70px; padding: 0px;}.content-kanal.suplemen.circle{height: auto; min-height: 110px;}.content-kanal.suplemen.circle .desc-kanal{font-size: 16px; line-height: 26px;}.content-kanal-image{border-radius: 5px 0px 0px; width: 300px; height: 375px;}.content-kanal-image img{width: 100%; height: 100%; object-fit: contain; background: #000;}.content-kanal-desc{background: #282828; color: #fff; border-radius: 0px 0px 5px 5px; padding: 13px 17px;}.tipe-kanal{color: #282828; opacity: 0.9;}.tipe-kanal.infografis{border-left: 5px solid #ff8d5c; padding-left: 5px; margin-right: 10px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.metro{border-left: 5px solid #fa7121; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.kalam{border-left: 5px solid #c29800; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.ekonomi{border-left: 5px solid #9dd204; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.nasional{border-left: 5px solid #e20a18; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.sains{border-left: 5px solid #1c3c62; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.daerah{border-left: 5px solid #1ca34a; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.otomotif{border-left: 5px solid #949494; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.sport{border-left: 5px solid #1452af; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.lifestyle{border-left: 5px solid #e73280; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.international{border-left: 5px solid #49b5ee; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal-topik{padding-left: 5px; margin-right: 8px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.small.metro,.tipe-kanal.small.kalam,.tipe-kanal.small.ekonomi,.tipe-kanal.small.lifestyle,.tipe-kanal.small.nasional,.tipe-kanal.small.sport,.tipe-kanal.small.daerah,.tipe-kanal.small.otomotif,.tipe-kanal.small.sains,.tipe-kanal.small.international{font-size: 12px; line-height: 19px;}.tipe-kanal.medium.metro,.tipe-kanal.medium.kalam,.tipe-kanal.medium.ekonomi,.tipe-kanal.medium.lifestyle,.tipe-kanal.medium.nasional,.tipe-kanal.medium.sport,.tipe-kanal.medium.daerah,.tipe-kanal.medium.otomotif,.tipe-kanal.medium.sains,.tipe-kanal.medium.international{font-size: 14px; line-height: 22px;}.tipe-kanal.large.metro,.tipe-kanal.large.kalam,.tipe-kanal.large.ekonomi,.tipe-kanal.large.lifestyle,.tipe-kanal.large.nasional,.tipe-kanal.large.sport,.tipe-kanal.large.daerah,.tipe-kanal.large.otomotif,.tipe-kanal.large.sains,.tipe-kanal.large.international{font-size: 16px; line-height: 26px;}.tipe-kanal-topik.metro{border-left: 4px solid #fa7121;}.tipe-kanal-topik.photo{border-left: 4px solid #2fbfb0;}.tipe-kanal-topik.video{border-left: 4px solid #b821bb;}.date-kanal{font-size: 12px; line-height: 19px; margin-bottom: 5px; color: #9d9d9d;}.date-kanal.large{font-size: 16px; line-height: 26px;}.date-kanal.medium{font-size: 14px; line-height: 24px;}.date-kanal.small{font-size: 12px; line-height: 19px;}.date-kanal.redaksi-artikel{color: #282828;}.date-kanal.redaksi-artikel span{color: #093a67; margin-right: 10px;}.date-kanal-line{position: absolute; height: 10px; width: 1px; top: 3px; background: #c4c4c4;}.date-kanal-line.top-7{position: absolute; height: 10px; width: 1px; top: 7px; background: #c4c4c4;}.desc-kanal{font-size: 16px; line-height: 24px; margin-bottom: 5px; color: #282828;}.desc-kanal.small{font-size: 14px; line-height: 22px;}.desc-kanal.large{font-size: 24px; line-height: 38px; color: #282828;}.desc-kanal.redaksi-topik{font-size: 16px; line-height: 26px; margin-bottom: 12px; color: #282828;}.quote-kanal{position: relative;}.quote-kanal:before{position: absolute; top: 0px; width: 12px; height: 10px; content: ''; background: url("../images/quote/sindo.svg"); background-size: cover; background-repeat: no-repeat;}.quote-kanal p{color: #fff; font-size: 14px; line-height: 22px; padding-left: 17px; margin: 8px 0px 0px;}.label-redaksi{font-size: 12px; line-height: 20px; flex-grow: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 10px; margin: 0 92px 12px 0; padding: 4px 8px; border-radius: 4px; background-color: #f9f9f9; color: #282828;}.label-profile{font-size: 12px; line-height: 19px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #282828; background: #fff; width: 150px; padding: 4px 8px; border-radius: 4px; margin: 0px auto; float: none;}.no-terpopuler{font-size: 130px; -webkit-text-stroke: 1px #686a70; -webkit-text-fill-color: white; width: 45px; overflow: hidden; line-height: 100px; padding: 10px 0px; transition: ease all 0.4s;}.no-terpopuler.small{font-size: 80px; -webkit-text-stroke: 1px #686a70; -webkit-text-fill-color: white; width: 37px; overflow: hidden; line-height: 73px; padding: 4px 10px; transition: ease all 0.4s;}.title-terpopuler.small{width: calc(100% - 37px); background-color: #fff; padding: 8px 10px; transition: ease all 0.4s;}.title-terpopuler.small h3{font-size: 14px; color: #686a70; margin: 0px; transition: ease all 0.4s;}.title-terpopuler.small h3:hover{color: #093a67;}.no-terpopuler-img{font-size: 160px; -webkit-text-fill-color: transparent; width: 65px; height: 112px; overflow: hidden; line-height: 120px; padding: 10px 0px; transition: ease all 0.4s; position: relative; top: 0px; right: -37px; padding: 0px; border-radius: 4px; margin: -120px 0px 0px 100px; z-index: 20;}.no-terpopuler-img.white{-webkit-text-stroke: 3px #eef2f6;}.no-terpopuler.kanal-infografis{-webkit-text-stroke: 3px #ba4513;}.list-terpopuler .swiper-button-next,.list-terpopuler .swiper-button-prev{margin-top: -80px; width: 35px; background-position: center; background-size: cover; background-repeat: no-repeat;}.list-terpopuler .swiper-button-next{right: 0px;}.list-terpopuler .swiper-button-prev{left: -20px;}.list-terpopuler .swiper-button-next:after,.list-terpopuler .swiper-button-prev:after{content: unset;}.centeralign{position: relative; display: table; width: 100%; height: 100%;}.centeralign-2{position: relative; display: table-cell; vertical-align: middle;}.btn-pagination{display: inline-block; width: 40px; height: 40px; margin: 0px 5px; border: 1px solid #004a8e; border-radius: 4px;}.btn-pagination a{font-size: 14px; line-height: 40px; color: #004a8e; width: 100%; height: 100%; float: left;}.btn-pagination.active,.btn-pagination.active a{background: #004a8e; color: #fff;}.list-redaksi-dropdown{position: relative; float: left; width: 100% !important; padding-bottom: 0px !important; border-bottom: 1px solid #ebebeb;}.list-redaksi-icon{position: relative; float: right; width: 24px; height: 24px; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; /* right: 15px; */ /* top: 50px; */ /* bottom: 20px; */}.list-user.collapse{display: none;}/* grafHitz */#grafhitz{width: 100%; height: 100%; position: relative; background-color: #000; background: url(../images/bg-GrafHitz.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}.grafhitz-wrapper{width: 1280px; height: 580px; margin: 0px auto; position: relative; background-color: unset !important; overflow: hidden;}.list-grafhitz{position: relative; float: left; width: 937px; padding-top: 30px;}.grafhitz-left{position: relative; float: left; width: 300px; height: 565px; /*padding: 0px 100px;*/}.grid-grafhitz{position: relative; float: left; width: 232px; height: auto; margin-right: 34px;}.swiperTopic{width: calc(100% - 100px);}.SwiperTopic .grafhitz-slide{width: 232px; height: 540px;}.logo-grafhitz{width: 150px; margin: 0px auto;}.logo-grafhitz img{width: 150px; height: 100%; object-fit: cover;}.img-grafhitz{float: left; width: 100%; height: 411px;}.img-grafhitz img{width: 100%; height: 100%; object-fit: cover; border-radius: 0px;}.content-grafhitz{float: left; width: 100%; height: 130px; padding: 20px 0px;}.desc-grafhitz{font-size: 18px; line-height: 30px; color: #fff;}.list-grafhitz .swiper-button-next,.list-grafhitz .swiper-button-prev{margin-top: -80px; width: 35px; background-position: center; background-size: cover; background-repeat: no-repeat;}.list-grafhitz .swiper-button-next{right: -20px;}.list-grafhitz .swiper-button-prev{left: -20px;}.list-grafhitz .swiper-button-next:after,.list-grafhitz .swiper-button-prev:after{content: unset;}/* Detail Infografis */.infografis-left{float: left; position: relative; width: 67%; height: 100vh; background-color: #000; transition-duration: 300ms;}.infografis-left.fullscreen-mode{width: 100%;}.infografis-right{float: left; position: relative; width: 33%; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin-right: 0px; transition-duration: 300ms; display: block;}.infografis-right.fullscreen-mode{margin-right: -100%;}.infografis-right.fullscreen-mode.hidden{display: none;}.sidebar-share{position: absolute; height: 100%; z-index: 99;}.share-wrapper{margin-top: -49px; text-align: center; margin-left: 15px;}.share-list{margin: 10px;}.share-list .total{color: #fff; margin: 0px; font-size: 18px; line-height: 28px;}.share-list .desc{color: #fff; margin: 0px; font-size: 10px; line-height: 16px;}.share-list img{width: 32px; height: auto; position: relative; object-fit: cover;}.infografis-title{float: left; position: relative; width: 100%; height: auto;}.infografis-title h1{font-size: 28px; line-height: 44px; color: rgba(43, 43, 43, 0.9);}.infografis-redaksi{float: left; position: relative; width: 100%; height: auto;}.infografis-avatar{float: left; margin-right: 12px;}.infografis-avatar img{width: 37px; height: 37px; border-radius: 50px; object-fit: cover; object-position: top;}.infografis-nama-redaksi{padding: 7px 0px; font-size: 16px; line-height: 26px; font-weight: 500; color: #004b8f; margin-right: 20px;}.infografis-date{padding: 7px 0px; font-size: 14px; line-height: 22px; color: #989898;}.infografis-desc{float: left; position: relative; width: 100%; height: auto;}.infografis-desc p{font-size: 16px; line-height: 1.6; color: #282828;}.list-tags{float: left; width: 100%; margin-top: 12px;}.btn-tags{background-color: transparent; border: 1px solid #000; border-radius: 20px; padding: 5px 20px; font-size: 16px; line-height: 26px; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px;}.btn-tags.xs{border-radius: 5px; padding: 0px 15px; font-size: 14px; line-height: 24px;}.btn-tags.small{background-color: transparent; border: 1px solid #000; border-radius: 10px; padding: 5px 20px; font-size: 16px; line-height: 26px; font-style: normal; font-weight: bold; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px;}.btn-load-more{background-color: transparent; border: 1px solid #004a8e; color: #004a8e; border-radius: 10px; padding: 10px 30px; font-size: 16px; line-height: 26px; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px;}.btn-load-more.top-right-small{background-color: transparent; border: 1px solid #004a8e; color: #004a8e; border-radius: 4px; padding: 4px 8px; font-size: 14px; line-height: 16px; /*margin-top: 7.5px;margin-bottom: 7.5px; margin-right: 10px;*/}.btn-more-blue{background-color: transparent; border: 1px solid #004A8E; border-radius: 4px; padding: 5px 10px; font-size: 14px; line-height: 16px; margin-top: 11px; margin-bottom: 11px; margin-right: 10px; color: #004A8E;}.btn-more-green{background-color: transparent; border: 1px solid #1ca34a; border-radius: 4px; padding: 5px 10px; font-size: 14px; line-height: 16px; margin-top: 11px; margin-bottom: 11px; margin-right: 10px; color: #1ca34a;}.btn-more-suplemen{background-color: transparent; border: 1px solid #1ca34a; border-radius: 4px; padding: 5px 10px; font-size: 14px; line-height: 16px; margin-top: 11px; margin-bottom: 11px; margin-right: 10px; color: #1ca34a;}.btn-more-suplemen.white{border: 1px solid #fff; color: #fff;}.btn-more-suplemen.sindo{border: 1px solid #004A8E; color: #004A8E;}.btn-more-suplemen.metro{border: 1px solid #fa7121; color: #fa7121;}.btn-more-suplemen.photo{border: 1px solid #2fbfb0; color: #2fbfb0;}.btn-more-suplemen.video{border: 1px solid #b821bb; color: #b821bb;}.btn-more-suplemen.infografis{border: 1px solid #ff8d5c; color: #ff8d5c;}.btn-more-suplemen.nasional{border: 1px solid #e20a18; color: #e20a18;}.btn-more-suplemen.white:hover{background: #fff; color: #282828;}.btn-more-suplemen.metro:hover{background: #fa7121; color: #fff;}.btn-more-suplemen.photo:hover{background: #2fbfb0; color: #fff;}.btn-more-suplemen.video:hover{background: #b821bb; color: #fff;}.btn-more-suplemen.infografis:hover{background: #ff8d5c; color: #fff;}.btn-more-suplemen.nasional:hover{background: #e20a18; color: #fff;}.btn-more-suplemen.sindo:hover{background: #004A8E; color: #fff;}.image-infografis-options{margin-top: 49px; position: relative; width: 100%; float: left; padding: 24px;}.image-infografis-body{position: relative; width: 100%; float: left; padding: 24px;}.list-infografis-slide{position: relative; width: 100%; float: left;}.grid-infografis-slide{width: calc(100% - 100px); height: 100%; margin: 0px auto; text-align: center;}.grid-infografis-slide img{width: auto; height: calc(85vh - 150px); object-fit: cover;}.btn-back-image{float: left; width: auto; position: relative; cursor: pointer; display: block;}.btn-back-image.hidden,.btn-1.hidden,.btn-2.hidden{display: none;}.btn-back-image img{float: left;}.btn-back-image span{float: left; color: #fff; font-size: 14px; line-height: 24px; margin-left: 5px;}.btn-fullscreen-image{float: right; width: auto; position: relative; cursor: pointer;}/* sidebar infografis */.content-infografis{padding: 74px 24px 0px 24px;}.grid-infografis{padding: 0px 12px;}.grid-infografis .title-kanal.underline{padding: 0px 12px 15px;}.grid-infografis .title-kanal.underline h2.small{font-size: 18px; line-height: 28px;}.grid-infografis .list-kanal{width: 100%;}.grid-kanal.column-two{width: calc(50% - 24px); margin: 0px 12px;}.grid-infografis .img-kanal{height: 130px;}.grid-infografis .widget-hi-lite{padding: 0px 12px;}.img-kanal.img-grafhitz{height: 100%;}.swipe-infografis{padding: 0px 24px;}.swipe-infografis .warp-widget-hi-lite-no-scroll{width: 134px;}.swipe-infografis .logo-hi-lite-explore img{width: 100%; height: auto; display: block; margin: auto;}.swipe-infografis .warp-artikel-hilite-no-scroll{width: calc(100% - 134px);}.swiper-slide.hilite-slide,.swipe-infografis .list-artikel-hilite-no-scroll{width: 190px;}.SwiperHilite .list-artikel-hilite-no-scroll,.SwiperHilite .swiper-slide.hilite-slide,.swipe-infografis .list-artikel-hilite-no-scroll{width: 200px; padding: 0px;}.divide-line-bottom{position: relative; float: left; width: 100%; height: 1px; background: rgba(157, 157, 157, 0.6); margin: 30px 0px;}.swipe-infografis .widget-hi-lite .swiper-button-next,.swipe-infografis .widget-hi-lite .swiper-button-prev{/*margin-top: -80px; */ width: 35px; background-position: center; background-size: cover; background-repeat: no-repeat;}.swipe-infografis .widget-hi-lite .swiper-button-next{right: -20px;}.swipe-infografis .widget-hi-lite .swiper-button-prev{left: -150px;}.swipe-infografis .widget-hi-lite .swiper-button-next:after,.swipe-infografis .widget-hi-lite .swiper-button-prev:after,.swiper-button-next.SwiperHilite-next:after,.swiper-button-prev.SwiperHilite-prev:after,.swiper-button-next.SwiperVideo-next:after,.swiper-button-prev.SwiperVideo-prev:after,.swiper-button-next.SwiperEvents-next:after,.swiper-button-prev.SwiperEvents-prev:after{content: unset;}.swiper-button-next.SwiperHilite-next{right: -13px;}.swiper-button-prev.SwiperHilite-prev{left: -13px;}.swiper-button-next.SwiperEvents-next{right: -13px;}.swiper-button-prev.SwiperEvents-prev{left: -13px;}.swiper-button-next.SwiperVideo-next{right: 18px; top: 36px;}.swiper-button-prev.SwiperVideo-prev{left: 18px; top: 36px;}.list-infografis-slide .swiper-button-next,.list-infografis-slide .swiper-button-prev{/*margin-top: -80px; */ width: 35px; background-position: center; background-size: cover; background-repeat: no-repeat;}.list-infografis-slide .swiper-button-next{right: 20%;}.list-infografis-slide .swiper-button-prev{left: 20%;}.list-infografis-slide .swiper-button-next:after,.list-infografis-slide .swiper-button-prev:after{content: unset;}.list-infografis-slide .swiper-pagination{color: #fff;}.list-infografis-slide .swiper-pagination-fraction{bottom: -40px;}/* footer sidebar */.footer-bottom-right{margin-top: 0px; padding: 10px 24px 0px; background: url(../images/bg-footer.png); background-size: 100% 100%; background-repeat: no-repeat; display: block;}.footer-logo{width: 500px; float: left; position: relative; margin: 60px auto 40px;}.footer-logo .logo-sindonews{margin-bottom: 30px;}.footer-logo .logo-sindonews img{width: 300px; height: auto; display: block; margin: 0px auto;}.footer-logo .download-apps{margin-bottom: 20px;}.footer-logo .download-apps img{height: 35px; margin: 0px 10px;}.footer-logo .social-footer img{width: 30px; height: 30px; margin: 0px 6px;}.footer-logo .logo-mpi{width: 100%; margin: 20px 0px; text-align: center;}.footer-logo .logo-mpi img{width: 120px; margin: 0px auto;}.copy-infografis{background-color: rgba(231, 231, 231, 0.63); padding: 8px 0px; text-align: center; font-size: 14px; color: rgba(40, 40, 40, 0.5);}.footer-bottom-right .link-footer{padding: 10px 0px;}.footer-bottom-right .link-footer a{font-size: 14px; line-height: 22px; color: #000; padding: 10px 0px;}.header-medium{font-size: 14px; line-height: 18px; margin-bottom: 12px;}.header-indeks-medium{font-size: 16px; line-height: 24px;}.header-large{font-size: 24px; line-height: 28px; margin-bottom: 24px; font-weight: normal;}.indeks-kanal-opt,.indeks-kanal-date,.indeks-kanal-cat{height: 32px; padding: 3px 12px 3px 8px; font-size: 16px; line-height: 25px; border-radius: 5px; border: solid 1px #cecece;color: #282828;}.list-tags{position: relative; float: left; width: 100%; margin-bottom: 32px;}.list-tags.sidebar-topik{background: #f9f9f9; padding: 20px 30px;}.btn-tags-outline{background-color: transparent; border: 1px solid #fff; color: #fff; border-radius: 16px; padding: 5px 20px; font-size: 16px; line-height: 26px; font-style: normal; font-weight: bold; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px; cursor: pointer; display: block;}.btn-tags-outline.xs{border-radius: 5px; padding: 0px 15px; font-size: 14px; line-height: 24px;}.btn-tags-outline.small{border-radius: 20px; padding: 5px 20px; font-size: 16px; line-height: 26px;}.btn-tags-outline.active,.btn-tags-outline:hover,.btn-tags-outline:focus,.btn-tags-outline:active{background-color: #38BFB0; border: 1px solid #38BFB0; color: #fff;}.btn-tags-outline.black{background-color: transparent; border: 1px solid #000; color: #000; border-radius: 16px; padding: 5px 20px; font-size: 16px; line-height: 26px; font-style: normal; font-weight: bold; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px; cursor: pointer; display: block;}.btn-tags-outline.black.xs{border-radius: 5px; padding: 0px 15px; font-size: 14px; line-height: 24px;}.btn-tags-outline.black.small{border-radius: 20px; padding: 5px 20px; font-size: 16px; line-height: 26px;}.btn-tags-outline.black.active,.btn-tags-outline.black:hover,.btn-tags-outline.black:focus,.btn-tags-outline.black:active{background-color: #004A8E; border: 1px solid #004A8E; color: #fff;}.grid-image{position: relative; width: 100%; height: 100%;}.grid-image img{width: 100%; height: 100%; object-fit: cover;}.grid-image-desc{position: absolute; bottom: 0px; background: linear-gradient(360deg, #121212 80%, rgba(18, 18, 18, 0) 100%); color: #fff; padding: 32px 60px;}.grid-image-desc p{font-size: 28px; line-height: 45px; font-weight: 700;}.grid-image-desc.small{padding: 0px 12px;}.grid-image-desc.small p{font-size: 16px; line-height: 24px; font-weight: 700;}.grid-image-desc.medium{padding: 24px;}.grid-image-desc.medium p{font-size: 18px; line-height: 28px; font-weight: 700; margin: 0px;}.tabs{display: none;}.tabs.active{display: block;}.swiper-button-next.SwiperTopic-next{right: 10px!important;}.swiper-button-prev.SwiperTopic-prev{left: 10px!important;}.swiper-button-next.SwiperTopic-next.swiper-button-disabled,.swiper-button-prev.SwiperTopic-prev.swiper-button-disabled{opacity: 0;}.swiper-button-next.SwiperTopic-next:after,.swiper-button-prev.SwiperTopic-prev:after{content: unset!important;}.SwiperTopic .swiper-slide{height: 50px;}/* Slide Infografis */.slider-scope{width: 100%; height: 550px; position: relative; background: url("../images/bg-scope.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px;}.slider-infografis{width: 100%; height: 500px; position: relative; background-color: #000;}.slider-wrapper{width: 1278px; height: 500px; margin: 0px auto; position: relative; background-color: #000; overflow: hidden;}.slider-wrapper.scope{background-color: unset; height: 550px;}.center{width: 2500px; float: left; height: 450px; transition-duration: 500ms; padding: 30px 0px 0px; transform: translateX(0px);}.slide{float: left; width: 400px; z-index: 14; transition-duration: 400ms; display: inline-block; opacity: 0.5; position: relative;}.slide.active{z-index: 20; transform: scale(1.2); opacity: 1;}.slide img{margin: 80px 0px 0px; object-fit: cover; width: 100%; height: 100%;}.slide h2{display: none; color: #fff; font-size: 16px; margin-top: -20px; text-align: center;}.slide.active h2{display: block; color: #fff; font-size: 16px; margin-top: 20px; text-align: center;}.swiper-slide.slide-infografis{width: 400px;}.swiper-slide.slide-infografis.swiper-slide-active{z-index: 20; transform: scale(1.2);}.swiper-slide.slide-infografis.swiper-slide-active .slide{opacity: 1;}.swiper-slide.slide-infografis.swiper-slide-active img{margin-top: 88px;}.swiper-button-prev.swiper-button-prev-infografis:after,.swiper-button-next.swiper-button-next-infografis:after{content: "";}.swiper-button-prev.swiper-button-prev-infografis{cursor: pointer; position: absolute; left: 70px; top: 50%; width: 50px; height: 50px; z-index: 30; margin-top: -65px; background-size: cover; background-position: center; background-repeat: no-repeat;}.swiper-button-next.swiper-button-next-infografis{cursor: pointer; position: absolute; right: 70px; top: 50%; width: 50px; height: 50px; z-index: 30; margin-top: -65px; background-size: cover; background-position: center; background-repeat: no-repeat;}.swiper-slide.slide-scope .slide img{margin: 50px 0px 0px;}.swiper-slide.slide-scope{width: 200px; height: 275px;}.swiper-slide.slide-scope .slide{width: 200px; height: 275px;}.swiper-slide.slide-scope.swiper-slide-active{height: 345px; z-index: 20; transform: scale(1.2);}.swiper-slide.slide-scope.swiper-slide-active .slide{height: 345px; opacity: 1;}.swiper-slide.slide-scope.swiper-slide-active img{margin-top: 0px;}.swiper-button-prev.swiper-button-prev-scope:after,.swiper-button-next.swiper-button-next-scope:after{content: "";}.swiper-button-prev.swiper-button-prev-scope{cursor: pointer; position: absolute; left: 10px; top: 50%; width: 50px; height: 50px; z-index: 30; margin-top: -65px; background-size: cover; background-position: center; background-repeat: no-repeat;}.swiper-button-next.swiper-button-next-scope{cursor: pointer; position: absolute; right: 10px; top: 50%; width: 50px; height: 50px; z-index: 30; margin-top: -65px; background-size: cover; background-position: center; background-repeat: no-repeat;}.swiper-slide.slide-scope .slide .scope-desc{position: absolute; bottom: -50px; padding: 16px; text-align: left; margin-top: 0px; background: linear-gradient(180deg, rgba(17, 24, 63, 0) 0%, rgba(17, 24, 63, 0.71) 34.9%, #11183f 73.44%, #11183f 100%);}.swiper-slide.slide-scope.swiper-slide-active .slide .scope-desc{position: absolute; bottom: -1px; padding: 16px; text-align: left; margin-top: 0px; background: linear-gradient(180deg, rgba(17, 24, 63, 0) 0%, rgba(17, 24, 63, 0.71) 34.9%, #11183f 73.44%, #11183f 100%);}.slide.active h2, .swiper-slide.slide-infografis.swiper-slide-active .slide h2, .slide.active div, .swiper-slide.slide-infografis.swiper-slide-active .slide div,.swiper-slide.slide-scope .slide div,.swiper-slide.slide-scope.swiper-slide-active .slide div{display: block; opacity: 1; color: #fff; font-size: 18px; line-height: 28px; margin-top: 16px; text-align: center; font-weight: 700;}.slide-scope-bg{position: relative; width: 140px; margin: 32px auto;}.slide-scope-btn{position: absolute; right: 32px; top: 44px;}.swiper-slide.slide-scope .slide .bookmarked-scope{top: -16px;}.swiper-slide.slide-scope.swiper-slide-active .slide .bookmarked-scope{top: 13px;}.swiper-slide.slide-video{width: 272px;}.video-desc p{display: block; font-weight: 700; font-size: 14px; line-height: 22px; color: #fff;}.video-wrapper{height: 135px; background-color: #121212; position: relative;}.video-title{background-color: #121212;}.video-title p{font-size: 14px; line-height: 22px; color: #fff;}.grid-video-left{float: left; width: 48px; height: 48px; margin-right: 16px;}.grid-video-right{float: left; width: calc(100% - 64px);}.grid-video-right p{font-size: 18px; line-height: 28px;}.grid-desc p{color: #282828; font-size: 16px; line-height: 25px; display: block; font-weight: 700;}.live-stream-wrapper{position: relative; width: 100%; float: left; background: #fff; border-radius: 20px; padding: 16px 32px;}.live-stream-header img{width: 100%; height: 100%; object-fit: cover;}.live-stream-video{float: left; width: 640px; margin-right: 24px;}.live-stream-text{float: left; width: 272px; position: relative;}.live-stream-text p{color: #282828; font-size: 18px; line-height: 28px; display: block; font-weight: 700; margin: 0px;}.live-stream-socmed{position: absolute; float: left; width: 272px; right: 90px; bottom: 24px;}.live-stream-socmed p{color: #989898; font-size: 12px; line-height: 19px; font-weight: 700;}.live-stream-socmed a{float: left; display: flex; flex-wrap: wrap; height: 24px; margin-right: 24px;}.live-stream-socmed a span{font-size: 14px; line-height: 22px; font-weight: 700;}.live-stream-socmed a span.yt{color: #CE1312;}.live-stream-socmed a span.dm{color: #0066DC;}.live-stream-socmed a img{margin-right: 8px;}.line-bottom:before{content: ""; position: absolute; left: 0px; bottom: 5px; width: 100px; height: 4px;}.line-bottom.sindo:before{background: url(../images/underline/sindo.svg); background-repeat: no-repeat;}.line-bottom.sindo.opini:before{left: 30px; bottom: 33px;}.line-bottom.sindo.widget:before{left: 0px; bottom: 17px;}.custom-grid-center{margin-left: 270px;}.custom-grid-left{margin-left: -810px;width: 238px;}.custom-grid-right{margin-left: 548px;width: 238px;}
/* animate.css */
@charset "UTF-8";.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration: .75s; animation-duration: .75s;}@-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}}@keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}}.bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;}@-webkit-keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}}@keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}}.flash{-webkit-animation-name: flash; animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.pulse{-webkit-animation-name: pulse; animation-name: pulse;}@-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;}@-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}}@keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}}.shake{-webkit-animation-name: shake; animation-name: shake;}@-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}}.headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;}@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}.swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}@-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.tada{-webkit-animation-name: tada; animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}}@keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}}.wobble{-webkit-animation-name: wobble; animation-name: wobble;}@-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}@keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}.jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;}@-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}}.bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}}.bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}}.bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;}@-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}@-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}}@keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}}.bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;}@-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}@keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}.bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}@keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}.bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}@keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}.bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}@keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}.bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;}@-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;}@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}}@keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}}.fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;}@-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}@keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}.fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}@keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}@keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}.fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}@keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}@keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}.fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}@keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}@keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}.fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}@keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;}@-webkit-keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}}@keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}}.animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;}@-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}@keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}.flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}@-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}@keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}.flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;}@-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}}@keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}}.flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;}@-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}}@keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}}.flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}}@keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}}.lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}@keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}.lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}@-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}}.rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}}@keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}}.rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}}.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}@keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}}@keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}}.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;}@-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}}@keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}}.hinge{-webkit-animation-name: hinge; animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}}.rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}@keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}.rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;}@-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}@keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}@-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;}@-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;}@-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}to{opacity: 0;}}@keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}to{opacity: 0;}}.zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;}@-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}}@keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}}.zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}}@keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}}.zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;}@-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;}@-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}@-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;}@-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;}@-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}@keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}.slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}@keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}.slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}@keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}.slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;}@-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}@keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}.slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;}
/* styles.css */
@font-face{font-family:Heebo-Regular;src:url("../fonts/heebo/static/Heebo-Regular.ttf")}@font-face{font-family:Heebo-Bold;src:url("../fonts/heebo/static/Heebo-Bold.ttf")}@font-face{font-family:Heebo-Medium;src:url("../fonts/heebo/static/Heebo-Medium.ttf")}@font-face{font-family:Heebo-Semi;src:url("../fonts/heebo/static/Heebo-SemiBold.ttf")}@font-face{font-family:Roboto-Bold;src:url("../fonts/roboto/Roboto-Bold.ttf")}@font-face{font-family:Roboto-Medium;src:url("../fonts/roboto/Roboto-Medium.ttf")}@font-face{font-family:Roboto-Light;src:url("../fonts/roboto/Roboto-Light.ttf")}@font-face{font-family:Roboto-Regular;src:url("../fonts/roboto/Roboto-Regular.ttf")}html,body{position:relative;height:100%;margin:0}body{font-family:"Heebo-Regular", Arial, sans-serif !important;line-height:1.5;scroll-behavior:smooth;background-color:#fff !important;background-image:none !important}a{text-decoration:none !important}a:hover,a:focus{text-decoration:none !important}*{-webkit-tap-highlight-color:transparent}*,::before,::after{box-sizing:border-box}img{color:transparent}.txt-search-head,.list-nav-kanal a,.list-nav-side a,.sticky-header .left-sticky-header .search .txt-search,.list-foto-embed .count-foto,.list-foto-embed .title-foto,.list-video-embed .title-video,.list-infografis-embed .title-infografis,.btn-more-explore,.paging .title-paging,.breadcrumb li,.detail-date-artikel,.detail-caption-img,.detail-desc,.dilihat,.warp-logo-hilite,.warp-link-two-col .link-footer a,.warp-link-one-col .link-footer a,.copy,.tipe-kanal,.share-list .desc,.infografis-date,.infografis-desc p,.copy-infografis,.footer-bottom-right .link-footer a,.header-medium,.desc,.btn-share .total-share .st-label,.bg-gradient-blue p span a{font-family:"Heebo-Regular",Arial,sans-serif}.warp-login,.menu,nav a,.nav-title,.nav-spesial,.sticky-header .nav-kanal a,.detail-title h1,.detail-nama-redaksi,.warp-zoom-text .zoom-text,.topik a,.title-berita-terkait a,.title-detail-artikel-komersial a,.title-detail-berita-lain a,.title-news-mpi a,.title-detail-infografis,.title-terpopuler,.title-footer,.btn-pagination a,.share-list .total,.infografis-title h1,.btn-load-more,.desc-grafhitz,.desc-kanal,.title-kanal h2,.header-large,.date-kanal.redaksi-artikel span,.slide.active h2,.swiper-slide.slide-infografis.swiper-slide-active .slide h2,.grid-desc p,.img-desc p,.title-terpopuler.small h3,.btn-more-blue,.btn-more-suplemen,.live-stream-text,.live-stream-socmed a,.live-stream-socmed p,.swiper-slide.slide-infografis.swiper-slide-active .slide div,.grid-image-desc p,.scope-desc,.video-desc p,.ic-back a,.title,.text-end,.title-section-suka,.btn-sebelumnya a,.title-artikel-suka,.title-news-qatar a{font-family:"Heebo-Bold",Arial,sans-serif}.nav-spesial span,.title-section span,.title-section a,.list-foto-embed .more-foto a,.list-video-embed .more-video a,.list-infografis-embed .more-infografis a,.paging a,.paging .active,.paging .paging-all a,.detail-desc blockquote,.btn-love .count,.btn-comment .count,.title-artikel-hilite,.infografis-nama-redaksi,.bg-gradient-blue p,.notifikasi,.kanal,.selengkapnya a,.swipe-control-vertical,.btn-share .total-share .st-total{font-family:"Heebo-Medium",Arial,sans-serif}.detail-desc blockquote .name-quotes{font-family:"Roboto-Light", Arial, sans-serif}.no-terpopuler{font-family:"Roboto-Bold", Arial, sans-serif}.content-row{display:flex;flex-wrap:wrap}.content-clearfix::after{content:"";clear:both;display:table}.content-left{float:left}.content-right{float:right}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}*,::before,::after{box-sizing:border-box}.swiper{width:100%;height:100%}.nasional{border-left:5px solid #e20a18}.international{border-left:5px solid #49b5ee}.metro{border-left:5px solid #fa7121}.daerah{border-left:5px solid #1ca34a}.lifestyle{border-left:5px solid #e73280}.ekonomi-bisnis{border-left:5px solid #9dd204}.sains{border-left:5px solid #1c3c62}.sports{border-left:5px solid #1452af}.edukasi{border-left:5px solid #fcc608}.otomotif{border-left:5px solid #949494}.gensindo{border-left:5px solid #0168ff}.kalam{border-left:5px solid #c29800}.video{border-left:5px solid #b821bb}.photo{border-left:5px solid #2fbfb0}.infografis{border-left:5px solid #ff8d5c}.tekno{border-left:5px solid #a5cad6}.autotekno{border-left:5px solid #a5cad6}.worldwide{border-left:5px solid #49b5ee}.nav-nasional{border-bottom:3px solid #e20a18}.nav-international{border-bottom:3px solid #49b5ee}.nav-metro{border-bottom:3px solid #fa7121}.nav-daerah{border-bottom:3px solid #1ca34a}.nav-lifestyle{border-bottom:3px solid #e73280}.nav-ekonomi-bisnis{border-bottom:3px solid #9dd204}.nav-sains{border-bottom:3px solid #1c3c62}.nav-sports{border-bottom:3px solid #1452af}.nav-edukasi{border-bottom:3px solid #fcc608}.nav-otomotif{border-bottom:3px solid #949494}.nav-gensindo{border-bottom:3px solid #0168ff}.nav-kalam{border-bottom:3px solid #c29800}.nav-video{border-bottom:3px solid #b821bb}.nav-photo{border-bottom:3px solid #2fbfb0}.nav-infografis{border-bottom:3px solid #ff8d5c}.nav-tekno{border-bottom:3px solid #a5cad6}.nav-autotekno{border-bottom:3px solid #a5cad6}.nav-worldwide{border-bottom:3px solid #49b5ee}.nav-sindo{border-bottom:3px solid #004a8e}.bred-nasional .active{color:#e20a18}.bred-nasional a:hover{color:#e20a18}.bred-international .active{color:#49b5ee}.bred-international a:hover{color:#49b5ee}.bred-metro .active{color:#fa7121}.bred-metro a:hover{color:#fa7121}.bred-daerah .active{color:#1ca34a}.bred-daerah a:hover{color:#1ca34a}.bred-lifestyle .active{color:#e73280}.bred-lifestyle a:hover{color:#e73280}.bred-ekonomi-bisnis .active{color:#9dd204}.bred-ekonomi-bisnis a:hover{color:#9dd204}.bred-sains .active{color:#1c3c62}.bred-sains a:hover{color:#1c3c62}.bred-sports .active{color:#1452af}.bred-sports a:hover{color:#1452af}.bred-edukasi .active{color:#fcc608}.bred-edukasi a:hover{color:#fcc608}.bred-otomotif .active{color:#949494}.bred-otomotif a:hover{color:#949494}.bred-gensindo .active{color:#0168ff}.bred-gensindo a:hover{color:#0168ff}.bred-kalam .active{color:#c29800}.bred-kalam a:hover{color:#c29800}.bred-video .active{color:#b821bb}.bred-video a:hover{color:#b821bb}.bred-photo .active{color:#2fbfb0}.bred-photo a:hover{color:#2fbfb0}.bred-infografis .active{color:#ff8d5c}.bred-infografis a:hover{color:#ff8d5c}.bred-tekno .active{color:#a5cad6}.bred-tekno a:hover{color:#a5cad6}.bred-autotekno .active{color:#a5cad6}.bred-autotekno a:hover{color:#a5cad6}.bred-worldwide .active{color:#49b5ee}.bred-worldwide a:hover{color:#49b5ee}.bred-sindo .active{color:#004a8e !important}.bred-sindo a:hover{color:#004a8e !important}*{-webkit-tap-highlight-color:transparent}img{color:transparent}.ads300{width:300px !important;margin-left:auto !important;margin-right:auto !important;display:block !important;border-radius:0px !important}.ads320{width:320px !important;margin-left:auto !important;margin-right:auto !important;border-radius:0px !important}.ads336{width:336px !important;margin-left:auto !important;margin-right:auto !important;border-radius:0px !important}.ads970{width:970px !important;margin-left:auto !important;margin-right:auto !important;border-radius:0px !important}.ads1x1{width:1px;height:1px}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb32{margin-bottom:32px}.mt-mb-16{margin:16px 0px}.mt-mb-32{margin:32px 0px}.pt-pb-32{padding:32px 0px}.pt16{padding-top:16px}.pb16{padding-bottom:16px}.embed-video,.embed-social{margin:16px auto;text-align:center}.desktop{display:block !important}.mobile{display:none !important}.more-menu,.more-menu-float{position:absolute;right:0px;top:2px;z-index:99;cursor:pointer}.more-menu-ipad{position:absolute;top:17px;right:15px;z-index:99;cursor:pointer}.more-menu-sticky{padding:12px 0px;width:20px;margin-left:0px;text-align:right;position:relative;z-index:70;cursor:pointer}.btn-more-menu{position:absolute;top:5px;right:0px}.btn-expand,.btn-expand-float,.list-redaksi-icon img{transition:transform 0.6s;transform-style:preserve-3d}.flip-icon,.list-redaksi-icon.open img{transform:rotatex(180deg)}.ads-side-left{position:fixed;left:0px}.ads-side-right{position:fixed;right:0px}.ads-120x600{width:120px;height:600px;min-height:90px;padding:0px;margin:0px auto;background-color:#c4c4c4;z-index:99}.ads-300x250{width:300px;height:250px;min-height:90px;padding:0px;margin:0px auto;background-color:#c4c4c4}.ads-300x600{width:300px;height:600px;min-height:90px;padding:0px;margin:0px auto;background-color:#c4c4c4}.ads-728x90{width:728px;height:90px;min-height:90px;padding:0px;margin:0px auto;background-color:#c4c4c4}.ads-970x90{width:970px;height:90px;min-height:90px;padding:0px;margin:0px auto;background-color:#c4c4c4}.ads-970x250{width:970px;height:250px;min-height:90px;padding:0px;margin:0px auto;background-color:#c4c4c4}.ads-120x600 img,.ads-300x250 img,.ads-728x90 img,.ads-970x250 img,.ads-970x90 img{object-fit:cover;width:100%;height:100%}.head{position:relative;z-index:99;background-color:#ffffff}.header{display:flex;flex-wrap:wrap;background-color:#fff;padding:32px 0px 27px;transition:ease all 0.5s}.logo{width:324px;height:68px;float:left;padding:7px 0px;transition:ease all 0.5s}.logo img{width:324px;height:auto;transition:ease all 0.5s}.search{margin-left:60px;padding:14px 0px}.warp-search-text{position:relative;width:330px;height:40px}.txt-search-head{font-family:"Roboto-Regular",Arial,sans-serif;font-size:14px;color:#979797;border:1px solid #cecece;padding:12px 50px 12px 16px;border-radius:52px;background-color:#fff;width:100%;height:100%}.txt-search-head:focus{color:#000}.btn-search-head{height:35px;width:45px;border:none;font-size:14px;position:absolute;right:3px;top:3px;background-color:#fff;color:#004b8f;border-radius:50px;cursor:pointer}.warp-login{font-family:"Roboto-Bold",Arial,sans-serif;font-size:16px;padding:15px 0px;display:flex;flex-wrap:wrap;margin-left:44px;width:186px}.warp-login .btn-masuk{padding:6px 0px}.warp-login .btn-masuk a{color:rgba(43,43,43,0.9);padding:20px;transition:ease all 0.4s}.warp-login .btn-masuk a:hover{background:#e5e5e5;padding:10px 20px;border-radius:100px}.warp-login .btn-daftar{padding:6px 0px}.warp-login .btn-daftar a{color:#084d8d;padding:20px;transition:ease all 0.4s}.warp-login .btn-daftar a:hover{background:#e5e5e5;padding:10px 20px;border-radius:100px}.warp-login .btn-daftar:after{content:"|";color:#d9d9d9;margin-right:5px}.menu{padding:19px 0px;font-size:16px;width:342px;text-align:right;cursor:pointer;color:rgba(43,43,43,0.9)}.menu #CloseNav{display:none}.menu #CloseNavFloat{display:none}.menu #CloseNavFloat2{display:none}.menu .login-img{position:absolute;width:28px;height:28px;left:0px;top:-5px;background:url(../images/login-user.png);background-size:cover;background-repeat:no-repeat}.menu i.open-nav{color:#fff;font-size:16px;background-color:#084d8d;border-radius:50px;padding:6px 7px;margin-left:8px}.menu i.close-nav{color:#9d9d9d !important;font-size:20px;background-color:#fff !important;border-radius:50px;padding:4px 7px !important;margin-left:8px}.menu #LoginNav{position:relative;padding-left:38px;font-family:'Roboto-Medium';font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#084D8D}nav{position:relative;z-index:95;padding:15px 0px 0px;background-color:#f9f9f9;box-shadow:0 3px 20px 0 rgba(0,0,0,0.25);transition:ease all 0.4s}nav .swiper-slide{width:auto !important;padding-bottom:15px}nav a{font-size:16px;color:rgba(43,43,43,0.9);padding-bottom:12px}nav a:hover{color:#093a67}.nav-slide-scroll{-webkit-box-shadow:-1px 7px 7px -5px #bfbfbf;-moz-box-shadow:-1px 7px 7px -5px #bfbfbf;box-shadow:-1px 7px 7px -5px #bfbfbf}.side-nav{position:fixed;right:-600px;top:0px;visibility:hidden;z-index:98;width:355px;height:100%;background-color:#fff;padding-top:126px;padding-bottom:170px;overflow-x:scroll;transition:ease all 0.7s;scrollbar-width:thin;scrollbar-color:#093a67 #eee}.nav-title{font-size:20px;color:rgba(43,43,43,0.9);margin:16px 0px 6px;padding:0px 20px}.nav-sec-kanal{margin-top:20px}.warp-nav-kanal{display:flex;flex-wrap:wrap}.list-nav-kanal{width:50%}.list-nav-kanal img{width:16px;height:16px;margin-right:8px;vertical-align:middle}.list-nav-kanal a{font-size:14px;color:rgba(43,43,43,0.9);padding:10px 20px;display:block}.list-nav-kanal a:hover{background-color:#F9F9F9}.warp-spesial-nav{position:relative;height:50px;margin-top:10px}.warp-spesial-nav img{position:absolute;left:-10px;width:360px}.warp-spesial-nav:hover span.hi-lite{color:#38e8be}.warp-spesial-nav:hover span.scope{color:#13cae6}.warp-spesial-nav:hover i.hi-lite{background-color:#38e8be;border:3px solid #38e8be;color:#093a67}.warp-spesial-nav:hover i.scope{background-color:#13cae6;border:3px solid #13cae6;color:#093a67}.nav-scope{margin-top:16px;margin-bottom:20px}.nav-spesial{font-family:"Roboto-Bold",Arial,sans-serif;font-size:20px;color:#fff;position:absolute;top:9px;width:100%;padding:0px 20px}.nav-spesial i{margin-right:16px;border-radius:50px;font-size:14px;height:25px;width:25px;padding:3px 0px;position:relative;top:-2px}.nav-spesial i.hi-lite{border:3px solid #38e8be;color:#38e8be;transition:ease all 0.4s}.nav-spesial i.scope{border:3px solid #13cae6;color:#13cae6;transition:ease all 0.4s}.nav-spesial span{float:right;font-family:"Roboto-Medium",Arial,sans-serif;font-size:12px;color:#fff;padding:9px 10px;transition:ease all 0.4s;position:relative;top:-3px}.warp-nav-side{display:flex;flex-wrap:wrap}.list-nav-side{width:50%}.list-nav-side img{width:16px;height:16px;margin-right:8px}.list-nav-side a{font-size:14px;color:rgba(43,43,43,0.9);display:block;padding:10px 20px}.list-nav-side a:hover{background-color:#F9F9F9}.warp-sticky-header{position:relative}.sticky-header{position:fixed;z-index:99;top:-300px;left:0;width:100%;background-color:#fff;display:flex;flex-wrap:wrap;box-shadow:0 3px 20px 0 rgba(0,0,0,0.25);transition:ease all 0.4s}.sticky-header .logo-sticky{width:40px;padding:5px 0px 0px}.sticky-header .logo-sticky img{width:40px;height:37px}.sticky-header .logo-sticky a{display:block}.sticky-header .control-nav{width:40px;padding:9px 0px;position:relative !important}.sticky-header .control-nav:hover{color:rgba(121,122,122,0.9)}.sticky-header .control-nav .swiper-button-next::after,.sticky-header .control-nav .swiper-button-prev::after{font-size:16px}.sticky-header .control-nav .swiper-button-next,.sticky-header .control-nav .swiper-button-prev{color:rgba(43,43,43,0.9) !important}.sticky-header .control-nav-left{text-align:right;padding-right:5px}.sticky-header .control-nav-right{text-align:left;padding-left:5px}.sticky-header .nav-kanal{width:calc(100% - 40px - 140px - 80px);padding:13px 10px 0px 10px;background-color:#fff}.sticky-header .nav-kanal .swiper-slide{width:auto !important;padding-bottom:9px}.sticky-header .nav-kanal a{font-size:16px;color:rgba(43,43,43,0.9);padding-bottom:9px}.sticky-header .nav-kanal a:hover{color:#093a67}.sticky-header .left-sticky-header{width:200px;display:flex;flex-wrap:wrap}.sticky-header .left-sticky-header .search{padding:12px 0px;width:45px;margin-left:0px;text-align:right;position:relative;z-index:70}.sticky-header .left-sticky-header .search form:hover .txt-search{visibility:visible;width:250px;transition:width .20s ease-in-out}.sticky-header .left-sticky-header .search .btn-search-floating{font-size:20px;color:#004a8e;position:absolute;right:3px;z-index:21;background:#fff;padding:3px 7px 3px 7px;top:10px;border-radius:0px 50px 50px 0px;cursor:pointer;border:none}.sticky-header .left-sticky-header .search .btn-search-floating.pemilu{color:#A82C10}.sticky-header .left-sticky-header .search .txt-search{width:0px;visibility:hidden;font-size:16px;background-color:#fff;color:rgba(43,43,43,0.9);border-radius:50px;border:1px solid #cecece;padding:7px 39px 7px 12px;position:absolute;right:0;top:4px;z-index:20px}.sticky-header .left-sticky-header .search .txt-search:focus{visibility:visible;width:250px;transition:width .20s ease-in-out}.sticky-header .left-sticky-header .menu{width:calc(100% - 65px);padding:9px 0px}.control-nav-fixed{width:40px;position:absolute;margin-top:-19px;top:calc(50% - 7.5px);height:100%}.control-nav-fixed.control-nav-left{left:-50px}.control-nav-fixed.control-nav-right{right:-50px}.swiper-button-prev.swiper-button-prev-NavHead:after,.swiper-button-next.swiper-button-next-NavHead:after{font-size:16px !important;color:rgba(43,43,43,0.9) !important}.swiper-button-next.swiper-button-next-NavHead.swiper-button-disabled,.swiper-button-prev.swiper-button-prev-NavHead.swiper-button-disabled,.swiper-button-next.swiper-button-next-NavHeadFloat.swiper-button-disabled,.swiper-button-prev.swiper-button-prev-NavHeadFloat.swiper-button-disabled{opacity:0}.container{width:1056px;max-width:1056px;padding:0px !important;margin:auto}.img-artikel.loading{width:100%;height:130px;border-radius:4px;margin-bottom:18px}.title-artikel.loading{height:1rem;width:100%;border-radius:3px;margin-top:8px}.title-artikel-80.loading{height:1rem;width:80%;border-radius:3px;margin-top:4px}.loading{display:inline-block;position:relative;overflow:hidden;background-color:#cfcfcf !important}.loading.black{background-color:#000 !important}.loading::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255,255,255,0.2)), to(transparent));background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);animation:loading 2s infinite;content:""}@keyframes loading{100%{transform:translateX(100%)}}#after-loading{display:none}.stop-scrolling{height:100%;overflow:hidden}.title-section{position:relative;padding:16px 0px;margin-bottom:8px}.title-section span{position:relative;font-size:24px;color:#282828;z-index:2}.title-section:before{position:absolute;left:0px;bottom:0px}.title-section a{font-size:16px;padding:4px 8px;color:#084d8d;border-radius:10px;border:1.5px solid #084d8d;float:right;transition:ease all 0.4s}.title-section a:hover{background-color:#084d8d;color:#fff}.title-section-daerah:before{content:url("../images/ornamen/title_section/daerah.png")}.title-section-edukasi:before{content:url("../images/ornamen/title_section/edukasi.png")}.title-section-ekonomi-bisnis:before{content:url("../images/ornamen/title_section/ekbis.png")}.title-section-photo:before{content:url("../images/ornamen/title_section/foto.png")}.title-section-gensindo:before{content:url("../images/ornamen/title_section/gensindo.png")}.title-section-infografis:before{content:url("../images/ornamen/title_section/infografis.png")}.title-section-international:before{content:url("../images/ornamen/title_section/internasional.png")}.title-section-kalam:before{content:url("../images/ornamen/title_section/kalam.png")}.title-section-lifestyle:before{content:url("../images/ornamen/title_section/lifestyle.png")}.title-section-metro:before{content:url("../images/ornamen/title_section/metro.png")}.title-section-nasional:before{content:url("../images/ornamen/title_section/nasional.png")}.title-section-otomotif:before{content:url("../images/ornamen/title_section/otomotif.png")}.title-section-sains:before{content:url("../images/ornamen/title_section/sains.png")}.title-section-sports:before{content:url("../images/ornamen/title_section/sports.png")}.title-section-tekno:before{content:url("../images/ornamen/title_section/tekno.png")}.title-section-autotekno:before{content:url("../images/ornamen/title_section/tekno.png")}.title-section-video:before{content:url("../images/ornamen/title_section/video.png")}.title-section-worldwide:before{content:url("../images/ornamen/title_section/internasional.png")}.hr-section{margin:32px 0px;border-top:1px dotted #282828}.widget-mpi{margin-bottom:32px}.btn-2top{display:none;position:fixed;bottom:30px;right:15px;z-index:88;border:none;outline:none;background-color:rgba(0,0,0,0.5);color:#fff;cursor:pointer;padding:6px 14px 11px;border-radius:100px;font-size:27px;transition:ease all 0.7s}.btn-2top:focus{outline:none}.notifikasi{position:absolute;top:-100px;left:0px;right:0px;margin:auto;z-index:99;width:max-content;font-size:18px;color:#fff;background:#165794;background:linear-gradient(180deg, #165794 0%, #093a67 100%);padding:8px 32px;border-radius:50px;cursor:pointer;-webkit-box-shadow:-4px 8px 14px -9px rgba(0,0,0,0.75);-moz-box-shadow:-4px 8px 14px -9px rgba(0,0,0,0.75);box-shadow:-4px 8px 14px -9px rgba(0,0,0,0.75);visibility:hidden;transition:ease all 0.4s}.notifikasi i{margin-right:8px}.foto-embed{margin:15px 0px}.foto-embed .swiper-button-next::after,.foto-embed .swiper-button-prev::after{font-size:18px;background-color:#fff;padding:9px 13px;display:flex;align-items:center;justify-content:center;border-radius:100px;font-weight:bold;color:#000}.foto-embed .swiper{border-radius:8px}.list-foto-embed{width:100%}.list-foto-embed img{display:block;width:100%;height:auto;object-fit:cover;object-position:top;border-radius:8px 8px 0px 0px !important}.list-foto-embed .warp-title-foto-embed{display:flex;flex-wrap:wrap;background-color:#282828;border-radius:0px 0px 8px 8px;padding:9px 20px}.list-foto-embed .count-foto{width:5%;font-size:12px;color:#dadada;padding:3px 0px}.list-foto-embed .title-foto{width:80%;font-size:12px;color:#dadada;padding:3px 0px}.list-foto-embed .more-foto{width:15%;text-align:right}.list-foto-embed .more-foto a{font-size:12px;transition:ease all 0.4s;color:#fff;display:flex;height:100%;align-items:center;justify-content:end}.list-foto-embed .more-foto a:hover{color:#fff}.list-foto-embed .more-foto a:hover i{color:#282828;background-color:#fff}.list-foto-embed .more-foto i{margin-right:5px;border:2px solid #fff;border-radius:50px;font-size:12px;height:25px;width:25px;display:flex;align-items:center;justify-content:center;transition:ease all 0.4s}.video-embed{margin:15px 0px}.list-video-embed{width:100%}.list-video-embed img{display:block;width:100%;height:448px;object-fit:cover;object-position:top;border-radius:8px 8px 0px 0px !important}.list-video-embed .warp-title-video-embed{display:flex;flex-wrap:wrap;background-color:#282828;border-radius:0px 0px 8px 8px;padding:9px 20px}.list-video-embed .title-video{width:80%;font-size:12px;color:#dadada;padding:3px 0px}.list-video-embed .more-video{width:20%;text-align:right}.list-video-embed .more-video a{font-size:12px;color:#fff;display:flex;height:100%;align-items:center;justify-content:end}.list-video-embed .more-video a:hover{color:#fff}.list-video-embed .more-video a:hover i{color:#282828;background-color:#fff}.list-video-embed .more-video i{margin-right:5px;border:2px solid #fff;border-radius:50px;font-size:12px;height:25px;width:25px;display:flex;align-items:center;justify-content:center;transition:ease all 0.4s}.infografis-embed{margin:15px 0px}.list-infografis-embed{width:100%}.list-infografis-embed img{display:block;width:100%;height:auto;object-fit:cover;object-position:top;border-radius:8px 8px 0px 0px !important}.list-infografis-embed .warp-title-infografis-embed{display:flex;flex-wrap:wrap;background-color:#282828;border-radius:0px 0px 8px 8px;padding:9px 20px}.list-infografis-embed .title-infografis{width:75%;font-family:"Roboto-Regular",Arial,sans-serif;font-size:12px;color:#dadada;padding:3px 0px}.list-infografis-embed .more-infografis{width:25%;text-align:right}.list-infografis-embed .more-infografis a{font-size:12px;color:#fff;display:flex;height:100%;align-items:center;justify-content:end}.list-infografis-embed .more-infografis a:hover{color:#fff}.list-infografis-embed .more-infografis a:hover i{color:#282828;background-color:#fff}.list-infografis-embed .more-infografis i{margin-right:5px;border:2px solid #fff;border-radius:50px;font-size:12px;height:25px;width:25px;display:flex;align-items:center;justify-content:center;transition:ease all 0.4s}.warp-widget-hi-lite-no-scroll{background:url("../images/bg-hilite.png");background-size:100% 100%;background-repeat:no-repeat;position:relative;width:154px;height:196px;border-radius:0px 8px 8px 0px;padding:60px 22px;color:#fff}.warp-widget-hi-lite-no-scroll:hover span{visibility:visible;opacity:1}.warp-artikel-hilite-no-scroll{width:calc(100% - 154px);border-radius:6px;position:relative;padding-left:10px;display:flex;flex-wrap:wrap}.list-artikel-hilite-no-scroll{width:20%;padding:0px 10px}.list-artikel-hilite-no-scroll:hover .title-artikel-hilite{color:#093a67}.list-artikel-hilite-no-scroll .img-artikel-hilite{position:relative}.list-artikel-hilite-no-scroll .img-artikel-hilite img{width:100%;height:110px;object-fit:cover;object-position:top;border-radius:6px}.list-artikel-hilite-no-scroll .icon-img{position:absolute;bottom:5px;right:5px}.list-artikel-hilite-no-scroll .icon-img img{width:20px;height:20px}.widget-hi-lite{width:100%;display:flex;flex-wrap:wrap}.warp-widget-hi-lite{background:url("../images/bg-hilite.png");background-size:100% 100%;background-repeat:no-repeat;position:relative;width:154px;height:196px;border-radius:0px 8px 8px 0px;padding:60px 26px;color:#fff}.warp-widget-hi-lite:hover span{visibility:visible;opacity:1}.logo-hi-lite-explore img{width:106px;height:auto;display:block;margin:auto}.btn-more-explore{margin-top:35px;font-size:10px}.btn-more-explore a{color:#fff}.btn-more-explore span{visibility:hidden;opacity:0;transition:ease all 0.4s}.btn-more-explore i{font-size:10px;border-radius:100px;border:2.5px solid #fff;padding:3.5px 0px;margin-right:5px;width:22px;height:22px}.warp-artikel-hilite{width:calc(100% - 154px);padding-left:25px;border-radius:6px;position:relative}.warp-artikel-hilite .swiper-slide{width:194px !important}.warp-artikel-hilite .swiper-button-next,.warp-artikel-hilite .swiper-button-prev{visibility:hidden;opacity:0;transition:ease all 0.4s;outline:none;z-index:50 !important}.warp-artikel-hilite:hover .swiper-button-next{visibility:visible;opacity:1;transition:ease all 0.4s}.warp-artikel-hilite:hover .swiper-button-prev{visibility:visible;opacity:1;transition:ease all 0.4s}.warp-artikel-hilite .swiper-button-next::after,.warp-artikel-hilite .swiper-button-prev::after{font-size:13px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,0.25);padding:9px 12px;border-radius:100px;font-weight:bold;color:#000}.warp-artikel-hilite .swiper-button-next,.warp-artikel-hilite .swiper-rtl .swiper-button-prev{right:11px;left:auto}.list-artikel-hilite{display:inline-block;width:194px}.list-artikel-hilite:hover .title-artikel-hilite{color:#093a67}.list-artikel-hilite .img-artikel-hilite{position:relative}.list-artikel-hilite .img-artikel-hilite img{width:100%;height:110px;object-fit:cover;border-radius:6px}.list-artikel-hilite .icon-img{position:absolute;bottom:5px;right:5px}.list-artikel-hilite .icon-img img{width:20px;height:20px}.title-artikel-hilite{font-size:16px;color:#282828;height:75px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.paging{background-color:#f9f9f9;padding:10px 15px;margin:15px -15px;display:flex;flex-wrap:wrap}.paging ul{list-style-type:none;padding:0;margin:0;width:calc(100% - 100px)}.paging li{display:inline-block;margin-right:6px}.paging li:last-child{margin-right:0px}.paging a{font-size:16px;color:#084d8d;padding:1px 6px;border-radius:50px;background-color:#fff;border:1.5px solid #084d8d;transition:ease all 0.4s}.paging a:hover{background-color:#084d8d;color:#fff}.paging .active{font-size:16px;color:#fff;padding:1px 6px;border-radius:50px;background-color:#084d8d;border:1.5px solid #084d8d}.paging .paging-all{width:100px;text-align:right}.paging .paging-all a{font-size:16px;color:#084d8d;padding:4px 8px;border-radius:6px;transition:ease all 0.4s}.paging .paging-all a:hover{color:#fff}.paging .title-paging{width:100%;margin-bottom:6px;font-size:16px;color:rgba(43,43,43,0.9)}.nav-home{position:fixed;top:0px;left:0px;z-index:99;height:56px;background-color:#093a67;padding:8px 36px;width:100%}.ic-back{position:absolute;left:24px;top:0;margin:16px 0px}.ic-back a{color:#fff;font-size:16px}.ic-back i{font-size:16px;margin-right:6px}.logo-hilite img{width:110px;height:40px;display:block;margin:auto}.list-artikel{width:100%;height:100%;display:flex;flex-wrap:wrap;padding-top:56px}.list-artikel .swiper-button-next,.list-artikel .swiper-button-prev{padding:0px 50px;outline:none;z-index:50 !important}.list-artikel .swiper-button-next::after,.list-artikel .swiper-button-prev::after{font-size:17px !important;font-weight:bold;background-color:#fff;padding:10px 13px 9px 14px;border-radius:50px;color:#000}.list-artikel .swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color, #fff) !important}.list-artikel .swiper-pagination-bullet-active{background:var(--swiper-pagination-bullet-inactive-color, #093a67) !important}.img-artikel{position:relative;width:65%;height:100%;display:flex;background-color:#000}.img-artikel img{width:100%;height:auto;margin:auto;object-fit:cover;object-position:top}.box-video{position:relative;width:65%;height:100%;background-color:#000}.img-video{height:auto !important;width:100%;margin:auto;position:relative;top:50%;transform:translateY(-50%)}.warp-video{position:relative;padding-bottom:56.25%;height:0}.warp-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.img-infografis{width:65%;height:100%;display:flex;background-color:#000}.img-infografis img{width:auto;height:100%;margin:auto;display:block}.img-foto{position:relative;width:100%;height:100%}.slide-foto{width:auto;height:100%;background-color:#000}.slide-foto img{width:100%;height:100% !important;margin:auto;display:block;object-fit:contain}.warp-desc-artikel{position:relative;width:35%;background-color:#fff;padding:0px 35px;display:flex}.box-desc-artikel{width:100%;height:auto;margin:auto}.kanal{font-size:16px;padding-left:10px;color:#4d4d4d}.title{font-size:22px;color:#282828;margin-top:11px}.desc{font-size:16px;color:rgba(43,43,43,0.9);margin-top:10px}.warp-social-share{display:flex;flex-wrap:wrap;margin-top:25px;justify-content:center}.warp-social-share .st-custom-button{display:inline-block;margin-right:16px;cursor:pointer;padding-top:5px;transition:ease all 0.2s}.warp-social-share .st-custom-button:last-child{margin-right:0px}.warp-social-share .st-custom-button:hover{padding-top:1px}.warp-social-share img{width:32px;height:32px}.selengkapnya{width:100%;text-align:center;margin-top:25px}.selengkapnya a{color:#093a67;font-size:14px;padding:10px 0px;display:block;border:2px solid #093a67;border-radius:10px;background-position:center;background-color:#ffffff;transition:background 0.5s}.selengkapnya a:focus{color:#093a67}.selengkapnya a:hover{color:#fff;background:#093a67 radial-gradient(circle, transparent 1%, #fff 1%) center/15000%}.selengkapnya a:active{color:#fff;background-color:#6eb9f7;background-size:100%;transition:background 0s}.swipe-control-vertical{position:absolute;bottom:0px;left:0px;right:0px;margin:0px auto;text-align:center;font-size:14px;color:#9e9c9c;cursor:pointer;padding:10px 0px}.swipe-control-vertical:active{color:#717171}.swipe-control-vertical i{width:16px !important;height:16px !important;margin-left:4px}.ads-artikel{width:100%;height:100%;background-color:#000000;padding-top:56px;position:relative}.img-ads{display:flex;height:100%;width:100%}.img-ads img{margin:auto}.icon-artikel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.icon-artikel img{width:80px;height:80px;margin:auto;display:block}.icon-artikel-video{cursor:pointer}.warp-end-slide{padding:0px 15px;padding-top:55px;width:100%;height:100%;display:flex}.mid-end-slide{width:100%;margin:auto}.img-end{margin-top:16px}.img-end img{width:50px;height:auto;margin:auto;display:block}.text-end{font-size:18px;color:#093a67;margin-top:16px;text-align:center}.section-artkel-suka{width:732px;margin:auto;margin-top:16px}.title-section-suka{font-size:16px;color:rgba(43,43,43,0.9)}.warp-list-artikel-suka{display:flex;flex-wrap:wrap;margin:auto -12px}.list-artikel-suka{width:228px;margin:0px 12px;margin-top:10px}.list-artikel-suka:hover img{transform:scale(1.2)}.list-artikel-suka:hover .title-artikel-suka{color:#093a67}.img-artikel-suka{width:228px;height:15vh;border-radius:8px;overflow:hidden}.img-artikel-suka img{width:228px;height:15vh;border-radius:8px;object-fit:cover;transition:transform .3s}.title-artikel-suka{font-size:16px;color:rgba(43,43,43,0.9);margin-top:12px}.btn-sebelumnya{margin:35px 0px 20px;text-align:center}.btn-sebelumnya a{font-size:12px;color:#093a67;background-color:#fff;border:2px solid #093a67;padding:7px 20px;border-radius:10px;transition:background 0.8s}.btn-sebelumnya a:hover{color:#fff;background-color:#093a67}.left-section{width:732px}.right-section{width:300px;margin-left:24px;position:relative}.right-bottom{position:absolute;bottom:0;left:0}.floatSecRight{position:sticky;top:60px;left:0px}.floatSecRight-End{position:absolute;bottom:2290px;left:0}.breadcrumb{margin-top:32px}.breadcrumb ul{list-style-type:none;margin:0px;padding:0px}.breadcrumb li{display:inline-block;font-size:12px;color:rgba(43,43,43,0.9)}.breadcrumb li:after{content:"/"}.breadcrumb li:last-child:after{content:" "}.breadcrumb .biru-sindo.active{color:#004a8e}.breadcrumb .active{color:#a5cad6}.breadcrumb a{color:rgba(43,43,43,0.9);transition:ease all 0.4s}.detail-title h1{font-size:32px;color:rgba(43,43,43,0.9);margin-top:12px}.warp-nama-redaksi{display:flex;flex-wrap:wrap;margin-top:12px}.detail-avatar{margin-right:12px}.detail-avatar img{width:37px;height:37px;border-radius:50px;object-fit:cover;object-position:top}.detail-nama-redaksi{padding:7px 0px;font-size:16px;color:#004b8f;margin-right:20px}.detail-date-artikel{padding:7px 0px;font-size:15px;color:#989898}.detail-date-artikel:before{content:"\2022";color:#989898;margin-right:12px}.detail-img{margin-top:20px}.detail-img img{width:732px;height:auto;border-radius:10px;object-fit:cover;object-position:top}.detail-caption-img{padding:12px 0px;font-size:12px;color:#717171;border-bottom:1px solid #eeeeee}.warp-zoom-text{margin-top:12px;text-align:right}.warp-zoom-text .zoom-text{color:#989898;padding:0px 0px 4px;margin-left:20px;cursor:pointer}.warp-zoom-text .zoom-text:hover{color:rgba(40,40,40,0.9);border-bottom:2px solid rgba(40,40,40,0.9)}.warp-zoom-text .t-bg{font-size:24px}.warp-zoom-text .t-md{font-size:18px}.warp-zoom-text .t-sm{font-size:14px}.warp-zoom-text .active{color:rgba(40,40,40,0.9);border-bottom:2px solid rgba(40,40,40,0.9)}.detail-desc{font-size:16px;color:#282828;margin-top:12px}.detail-desc img{width:100%;border-radius:8px}.detail-desc a{color:#093a67;transition:ease all 0.4s}.detail-desc a:hover{color:#085398}.detail-desc blockquote{font-style:italic;font-size:18px;color:#282828;text-align:center}.detail-desc blockquote .name-quotes{margin-top:16px;font-size:14px;color:#282828}.detail-desc blockquote img{width:52px;height:52px;margin:auto;display:block;margin-bottom:16px}.topik{margin-top:32px}.topik ul{list-style-type:none;margin:0px;padding:0px}.topik li{display:inline-block;margin:0px 8px 15px 0px}.topik li:last-child{margin:0px}.topik a{padding:4px 8px;border:1px solid #686a70;background-color:#fff;border-radius:8px;font-size:14px;color:#686a70;transition:ease all 0.4s}.topik a:hover{color:#fff;background-color:#093a67}.warp-list-berita-terkait{display:flex;flex-wrap:wrap;margin:0px -10px}.list-berita-terkait{width:230px;margin:0px 10px 20px}.list-berita-terkait:hover img{transform:scale(1.2)}.list-berita-terkait:hover a{color:#093a67}.img-berita-terkait{width:230px;height:130px;overflow:hidden;border-radius:4px}.img-berita-terkait img{width:230px;height:130px;object-fit:cover;object-position:top;border-radius:4px;transition:transform .3s}.title-berita-terkait{margin-top:8px}.title-berita-terkait a{font-size:14px;color:#515150}.warp-list-detail-artikel-komersial{display:flex;flex-wrap:wrap;margin:0px -10px}.list-detail-artikel-komersial{width:230px;margin:0px 10px 20px}.list-detail-artikel-komersial:hover img{transform:scale(1.2)}.list-detail-artikel-komersial:hover a{color:#093a67}.img-detail-artikel-komersial{width:230px;height:130px;overflow:hidden;border-radius:4px}.img-detail-artikel-komersial img{width:230px;height:130px;object-fit:cover;object-position:top;border-radius:4px;transition:transform .3s}.title-detail-artikel-komersial{margin-top:8px}.title-detail-artikel-komersial a{font-size:14px;color:#515150}.warp-list-detail-berita-lain{display:flex;flex-wrap:wrap;margin:0px -10px}.list-detail-berita-lain{width:230px;margin:0px 10px 20px}.list-detail-berita-lain:hover img{transform:scale(1.2)}.list-detail-berita-lain:hover a{color:#093a67}.img-detail-berita-lain{width:230px;height:130px;overflow:hidden;border-radius:4px}.img-detail-berita-lain img{width:230px;height:130px;object-fit:cover;object-position:top;border-radius:4px;transition:transform .3s}.title-detail-berita-lain{margin-top:8px}.title-detail-berita-lain a{font-family:"Roboto-Bold",Arial,sans-serif;font-size:14px;color:#515150}.dilihat{margin-top:12px;font-size:12px;color:#989898}.komentar{width:100%}.warp-list-news-mpi{display:flex;flex-wrap:wrap;position:relative}.warp-list-news-mpi .swiper-slide{width:200px !important}.warp-list-news-mpi .swiper-button-next,.warp-list-news-mpi .swiper-button-prev{visibility:hidden;opacity:0;transition:ease all 0.4s;outline:none;z-index:50 !important}.warp-list-news-mpi:hover .swiper-button-next{visibility:visible;opacity:1;transition:ease all 0.4s}.warp-list-news-mpi:hover .swiper-button-prev{visibility:visible;opacity:1;transition:ease all 0.4s}.warp-list-news-mpi .swiper-button-next::after,.warp-list-news-mpi .swiper-button-prev::after{font-size:13px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,0.25);padding:9px 12px;border-radius:100px;font-weight:bold;color:#000}.warp-list-news-mpi .swiper-button-next,.warp-list-news-mpi .swiper-rtl .swiper-button-prev{right:-10px;left:auto}.warp-list-news-mpi .swiper-button-prev,.warp-list-news-mpi .swiper-rtl .swiper-button-next{left:-10px;right:auto}.list-news-mpi{width:200px}.list-news-mpi:hover .img-news-mpi img{transform:scale(1.2)}.list-news-mpi:hover a{color:#093a67}.img-news-mpi{width:200px;height:130px;overflow:hidden;border-radius:4px}.img-news-mpi img{width:200px;height:130px;object-fit:cover;object-position:top;border-radius:4px;transition:transform .3s}.logo-news-mpi{margin-bottom:8px}.logo-news-mpi img{width:auto;height:31px;margin:auto;display:block}.logo-news-mpi-sports img{height:23px !important;margin:6px auto 10px}.title-news-mpi{margin-top:8px}.title-news-mpi a{font-size:14px;color:#515150}.detail-infografis a:hover .title-detail-infografis{background-color:#093a67}.img-detail-infografis{display:block;width:100%;height:auto;border-radius:8px 8px 0px 0px}.title-detail-infografis{padding:12px 16px;background-color:#282828;border-radius:0px 0px 8px 8px;font-size:16px;color:#fff;margin-bottom:26px;transition:ease all 0.4s}.terpopuler{width:100%}.warp-list-terpopuler{position:relative;border-bottom:2px dotted #d8d8d8}.warp-list-terpopuler:last-child{border-bottom:0px}.warp-list-terpopuler:hover .title-terpopuler{color:#093a67}.warp-list-terpopuler:hover .no-terpopuler{-webkit-text-stroke:1px #093a67;-webkit-text-fill-color:#093a67}.no-terpopuler{font-size:80px;-webkit-text-stroke:1px #686a70;-webkit-text-fill-color:white;width:37px;overflow:hidden;line-height:73px;padding:4px 10px;transition:ease all 0.4s}.title-terpopuler{width:calc(100% - 37px);background-color:#fff;padding:8px 10px;font-size:14px;color:#686a70;transition:ease all 0.4s}.nav-floating-share-love-comment{position:fixed;width:1099px;bottom:20px;left:0px;right:0;margin:auto;border-radius:10px;z-index:97;box-shadow:0 4px 15px 0 rgba(0,0,0,0.12);background-color:#fff;display:flex;flex-wrap:wrap;padding-left:20px;transition:all .7s ease-in-out}.btn-love,.btn-comment{width:10%;text-align:center;padding:12px 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.btn-love img,.btn-comment img{width:32px;height:32px;cursor:pointer}.btn-love .count,.btn-comment .count{font-size:14px;color:#686a70;margin-left:5px}.none-love{width:60% !important}.btn-share{width:50%;display:flex;flex-wrap:wrap;padding:2px 0px;align-items:center}.btn-share .st-custom-button{display:inline-block;margin-right:16px;cursor:pointer;padding-top:5px;transition:ease all 0.2s}.btn-share .st-custom-button:last-child{margin-right:0px}.btn-share .st-custom-button:hover{padding-top:1px}.btn-share img{width:32px;height:32px}.btn-share .total-share{text-align:center;color:rgba(43,43,43,0.9);display:block;margin:0px 16px}.btn-share .total-share .st-total{font-size:23px !important;line-height:23px}.btn-share .total-share .st-label{font-size:10px;color:rgba(43,43,43,0.9)}.share-logo-hi-lite{width:30%;padding:12px 14px 12px 40px;background-color:#093a67;border-radius:0px 10px 10px 0px;clip-path:polygon(40px 0, 100% 0, 100% 100%, 0% 100%)}.share-logo-hi-lite a{color:#fff}.share-logo-hi-lite a:hover{color:#38e8be}.share-logo-hi-lite a:hover i{color:#38e8be;border:2.5px solid #38e8be}.share-logo-hi-lite img{width:88px;height:32px}.warp-logo-hilite{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-family:"Roboto-Regular",Arial,sans-serif;font-size:16px}.warp-logo-hilite i{font-size:10px;border-radius:100px;border:2.5px solid #fff;padding:5px 0px;margin-bottom:5px;width:25px;height:25px;margin:0px 8px 0px 20px}.img-news-qatar{width:200px;height:114px;overflow:hidden;border-radius:4px}.img-news-qatar img{width:200px;height:114px;object-fit:cover;object-position:top;border-radius:4px;transition:transform .3s}.title-news-qatar{margin-top:8px}.title-news-qatar a{font-size:16px;line-height:19px;color:#282828}.type-2{margin:10px 12px 30px !important}.type-3{margin:30px 12px 30px !important}.m0{margin:0px !important}.mr0{margin-right:0px !important}.mr4{margin-right:4px !important}.mr20{margin-right:20px !important}.mt0{margin-top:0px !important}.mt-5{margin-top:-5px !important}.mt2{margin-top:2px !important}.mt8{margin-top:8px !important}.mt20{margin-top:20px !important}.mt24{margin-top:24px !important}.mt30{margin-top:30px !important}.mt40{margin-top:40px}.mt49{margin-top:49px !important}.mt60{margin-top:60px !important}.mb0{margin-bottom:0px !important}.mb8{margin-bottom:8px !important}.mb10{margin-bottom:10px !important}.mb16{margin-bottom:16px !important}.mb20{margin-bottom:20px !important}.mb24{margin-bottom:24px !important}.mb30{margin-bottom:30px !important}.mb32{margin-bottom:32px !important}.mb36{margin-bottom:36px !important}.mb40{margin-bottom:40px !important}.mb60{margin-bottom:60px !important}.mb70{margin-bottom:70px !important}.mb120{margin-bottom:120px !important}.mr0{margin-right:0px !important}.mr12{margin-right:12px !important}.mr15{margin-right:15px !important}.mr16{margin-right:16px !important}.mr20{margin-right:20px !important}.mr25{margin-right:24px !important}.mr32{margin-right:32px}.mlr12{margin-left:12px !important;margin-right:12px !important}.p0{padding:0px !important}.p20{padding:20px !important}.p30{padding:30px !important}.p32{padding:32px !important}.p30{padding:30px !important}.pt0{padding-top:0px !important}.pt8{padding-top:8px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt24{padding-top:24px !important}.pt30{padding-top:30px !important}.pt37{padding-top:37px !important}.pt60{padding-top:60px}.pb0{padding-bottom:0px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb24{padding-bottom:24px !important}.pb32{padding-bottom:32px !important}.pb40{padding-bottom:40px !important}.pb60{padding-bottom:60px}.pb80{padding-bottom:80px !important}.pb110{padding-bottom:110px !important}.pb120{padding-bottom:120px}.pb200{padding-bottom:200px !important}.pr12{padding-right:12px !important}.pr16{padding-right:16px !important}.pr23{padding-right:23px}.pr24{padding-right:24px !important}.pr30{padding-right:30px !important}.pl0{padding-left:0px !important}.pl10{padding-left:10px !important}.pl16{padding-left:16px !important}.pl20{padding-left:20px !important}.pl30{padding-left:30px !important}.pl90{padding-left:90px !important}.plr12{padding-left:12px !important;padding-right:12px !important}.plr18{padding-left:18px !important;padding-right:18px !important}.plr24{padding-left:24px !important;padding-right:24px !important}.plr32{padding-left:32px !important;padding-right:32px !important}.ptb16{padding-top:16px !important;padding-bottom:16px !important}.ptb40{padding-top:40px !important;padding-bottom:40px !important}.width-auto{float:left;width:auto !important}.width-30{float:left;width:30%}.width-33{float:left;width:33.3%}.width-35{float:left;width:35%}.width-40{float:left;width:40%}.width-50{float:left;width:50%}.width-60{float:left;width:60%}.width-65{float:left;width:65%}.width-66{float:left;width:66.7%}.width-70{float:left;width:70%}.width-100{float:left;width:100% !important}.width-100px{width:100px !important}.width-134px{width:134px !important}.width-150px{width:150px !important}.width-168px{width:168px !important}.width-200px{float:left;width:200px !important}.width-238px{float:left;width:238px}.width-255px{float:left;width:255px}.width-300px{float:left;width:300px}.width-348px{float:left;width:348px}.width-400px{float:left;width:400px}.width-524px{float:left;width:524px}.width-732px{float:left;width:732px}.width-800px{float:left;width:800px}.height-auto{height:auto !important}.height-65px{height:65px !important}.height-100px{height:100px !important}.height-120px{height:120px !important}.height-125px{height:125px !important}.height-130px{height:130px !important}.height-140px{height:140px !important}.height-147px{height:147px !important}.height-150px{height:150px !important}.height-160px{height:160px !important}.height-200px{height:200px}.height-233px{height:233px !important}.height-238px{height:238px !important}.height-320px{height:320px !important}.height-466px{height:466px !important}.min-height-110px{min-height:110px !important}.overflow-hidden{overflow:hidden}.position-relative{position:relative !important}.text-white{color:#fff !important}.display-flex{display:flex}.flex-wrap{flex-wrap:wrap}.float-left{float:left}.float-right{float:right}.bg-gradient{position:absolute;background:linear-gradient(270deg, #7a8a98 2%, rgba(122,138,152,0.49) 32.8%, rgba(122,138,152,0) 83%);top:0px;right:0px;width:120px;border-radius:4px;height:112px;z-index:9}.bg-light-grey{background:#f9f9f9}.bg-light-black{background:#121212}.bg-scope{background:#11183f}.bg-gradient-blue{position:relative;background:linear-gradient(90deg, #004A8E 0%, #3D82C1 80.73%, #2F76B7 100%);border-radius:4px}.bg-gradient-blue p{padding:8px 16px;color:#EEF2F6;font-size:16px;line-height:26px;margin:0px 0px 0px 24px}.bg-gradient-blue p span{font-size:12px;line-height:20px;margin:0px 10px}.bg-gradient-blue p span a{color:#EEF2F6;position:relative}.bg-gradient-blue p span a img{position:absolute;top:2px;margin-left:5px}.bg-gradient-blue:before{content:'';top:14px;left:16px;position:absolute;width:12px;height:12px;border-radius:100%;background:#CD1723;border:1px solid #fff}.bg-live-stream{background:url(../images/bg-stream.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.red-mark{top:14px;left:16px;position:absolute;width:12px;height:12px;border-radius:100%;background:#CD1723;border:1px solid #fff}.border-bottom-grey{border-bottom:1px solid #EBEBEB}.bookmarked-scope{position:absolute;top:0px;right:19px}.sticky-header.is-show{top:0px}.sticky-header .detail-infografis.nav-kanal{padding:10px 0px;margin-left:20px}.sticky-header .detail-infografis.nav-kanal a{font-size:24px;line-height:28px}.nav-more,.nav-more-float{display:none}.nav-more.show-menu,.nav-more-float.show-menu{display:block}.title-kanal{width:100%;float:left;position:relative;height:auto;padding:40px 0px 40px}.title-kanal h2{margin:0px;font-size:30px;line-height:48px;font-weight:700;font-family:"Heebo-Bold", Arial, Tahoma !important}.title-kanal h2.medium{font-size:24px;line-height:38px}.title-kanal h2.small{font-size:18px;line-height:28px}.title-kanal.underline{padding:40px 0px 15px}.title-kanal-line{position:relative;width:auto;height:4px;float:left;margin:5px 0px}.title-kanal-icon{float:left;height:35px;margin-top:5px;margin-right:10px}.title-kanal-text{float:left}.list-kanal{position:relative;float:left;width:732px}.list-kanal-full{position:relative;float:left;width:1056px}.list-kanal-full.justify-row,.list-kanal-fluid.justify-row{margin:0px -12px}.list-kanal-fluid{position:relative;float:left}.list-kanal-more{position:relative;width:100%;float:left;text-align:center;margin:20px 0px 30px}.list-kanal-more.top-right-small{margin:24px 0px 0px}.grid-kanal{position:relative;float:left;width:332px;height:auto;margin-right:34px}.grid-kanal.column-two{width:calc(50% - 24px);margin-right:24px}.grid-kanal.column-two.center-margin{width:calc(50% - 24px);margin:0px 12px 15px}.grid-kanal.column-three{width:calc(33.3% - 24px);margin:0px 12px 15px}.grid-kanal.column-three.margin-right-only{margin:0px 24px 0px 0px}.grid-kanal.column-four{width:calc(25% - 24px);margin:0px 12px 15px}.grid-kanal.column-five{width:calc(20% - 24px);margin:0px 12px 15px}.grid-kanal-big{float:left;width:516px;height:387px;margin-right:24px}.grid-kanal-big img{width:100%;height:100%;object-fit:cover}.grid-kanal-small{float:left;width:192px;height:auto}.grid-kanal-topik{position:relative;float:left;width:300px;height:auto;border-radius:4px;overflow:hidden;background-color:#f9f9f9}.grid-kanal-topik.pimred{width:100%;background-color:transparent}.grid-kanal-img-topik{position:relative;width:300px;height:200px}.grid-kanal-img-topik img{width:100%;height:100%;object-fit:cover}.grid-kanal-img-profile{position:relative;width:300px;height:auto;text-align:center}.grid-kanal-topik.pimred .grid-kanal-img-profile{width:100%}.grid-kanal-desc-topik{position:relative;float:left;width:300px;height:auto;border-radius:4px;padding:16px}.desc-topic-title{font-size:12px;line-height:19px;font-weight:normal;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;margin:0px 0px 8px;color:#282828}.desc-topic-result{font-size:24px;line-height:38px;font-weight:bold;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;margin:0px 0px 8px}.desc-profile{font-size:24px;line-height:38px;font-weight:bold;font-stretch:normal;font-style:normal;letter-spacing:normal;margin:12px 0px 8px;text-align:center}.type-topic{margin:0px;list-style:none;padding:0px 0px}.type-topic li{font-size:16px;line-height:26px;font-weight:normal;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#282828;padding-left:16px;border-left:2px solid transparent;margin-bottom:8px}.type-topic li a{font-size:16px;line-height:26px;font-weight:normal;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#282828;margin-bottom:8px}.type-topic li.active{color:#093a67;border-left:2px solid #093a67}.type-topic li.active a{color:#093a67}.grid-kanal-big-desc{width:468px;height:192px;background:#fff;border:1px solid #ebebeb;border-radius:4px;z-index:9;position:relative;margin:-77px auto 0px;padding:4px 20px 20px}.grid-kanal-big-desc.right-side{width:220px;height:160px;position:absolute;right:0px;top:50%;padding:0px 15px}.swiper-slide.grid-slide{width:332px}.img-kanal{position:relative;float:left;width:100%;height:171px}.img-kanal img,.img-kanal-small img,.img-kanal-big img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:4px}.img-kanal.num-img{float:left;width:192px;height:112px;overflow:hidden}.img-kanal.list-scope{float:left;width:100%;height:275px}.img-kanal.suplemen{width:124px;height:80px;margin-right:16px}.img-kanal.circle{width:100px;height:100px;margin-right:16px}.img-kanal.circle img{border-radius:100%}.img-kanal.small{width:134px;height:87px;margin-right:16px}.img-kanal-small{position:relative;float:left;width:134px;height:87px;margin-right:16px}.img-kanal-big{float:left;width:400px;height:280px}.img-kanal-big img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:4px}.img-kanal-circle.redaksi{float:left;width:108px;height:108px;margin-right:24px;margin-top:8px;margin-bottom:8px;border-radius:100%;overflow:hidden}.img-kanal-circle img{width:100%;height:100%}.img-kanal-circle.profile{float:none;width:120px;height:120px;border-radius:100%;overflow:hidden;margin:27px auto}.img-icon{position:relative;width:20px;height:20px;bottom:34px;float:right;right:8px}.img-kanal-icon{position:absolute;bottom:0px;right:7px}.img-kanal-icon-big{position:absolute;bottom:10px;right:10px}.img-desc{float:left;width:calc(100% - 150px)}.content-kanal{float:left;width:100%;padding:16px 0px}.content-kanal-topik{float:left;width:524px;padding:16px 0px}.content-kanal-no{float:left;width:286px;padding-top:20px;padding-left:15px}.content-kanal-scope{position:absolute;bottom:0px;width:100%;padding:12px;background:linear-gradient(180deg, rgba(17,24,63,0) 0%, rgba(17,24,63,0.71) 34.9%, #11183f 73.44%, #11183f 100%)}.content-kanal.suplemen{width:180px;height:70px;padding:0px}.content-kanal.suplemen.circle{height:auto;min-height:110px}.content-kanal.suplemen.circle .desc-kanal{font-size:16px;line-height:26px}.content-kanal-image{border-radius:5px 0px 0px;width:300px;height:375px}.content-kanal-image img{width:100%;height:100%;object-fit:contain;background:#000}.content-kanal-desc{background:#282828;color:#fff;border-radius:0px 0px 5px 5px;padding:13px 17px}.tipe-kanal{color:#282828;opacity:0.9}.tipe-kanal.infografis{border-left:5px solid #ff8d5c;padding-left:5px;margin-right:10px;float:left;font-size:12px;line-height:19px}.tipe-kanal.metro{border-left:5px solid #fa7121;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.kalam{border-left:5px solid #c29800;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.ekonomi{border-left:5px solid #9dd204;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.nasional{border-left:5px solid #e20a18;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.sains{border-left:5px solid #1c3c62;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.daerah{border-left:5px solid #1ca34a;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.otomotif{border-left:5px solid #949494;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.sport{border-left:5px solid #1452af;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.lifestyle{border-left:5px solid #e73280;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.international{border-left:5px solid #49b5ee;padding-left:5px;margin-right:10px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal-topik{padding-left:5px;margin-right:8px;margin-bottom:5px;float:left;font-size:12px;line-height:19px}.tipe-kanal.small.metro,.tipe-kanal.small.kalam,.tipe-kanal.small.ekonomi,.tipe-kanal.small.lifestyle,.tipe-kanal.small.nasional,.tipe-kanal.small.sport,.tipe-kanal.small.daerah,.tipe-kanal.small.otomotif,.tipe-kanal.small.sains,.tipe-kanal.small.international{font-size:12px;line-height:19px}.tipe-kanal.medium.metro,.tipe-kanal.medium.kalam,.tipe-kanal.medium.ekonomi,.tipe-kanal.medium.lifestyle,.tipe-kanal.medium.nasional,.tipe-kanal.medium.sport,.tipe-kanal.medium.daerah,.tipe-kanal.medium.otomotif,.tipe-kanal.medium.sains,.tipe-kanal.medium.international{font-size:14px;line-height:22px}.tipe-kanal.large.metro,.tipe-kanal.large.kalam,.tipe-kanal.large.ekonomi,.tipe-kanal.large.lifestyle,.tipe-kanal.large.nasional,.tipe-kanal.large.sport,.tipe-kanal.large.daerah,.tipe-kanal.large.otomotif,.tipe-kanal.large.sains,.tipe-kanal.large.international{font-size:16px;line-height:26px}.tipe-kanal-topik.metro{border-left:4px solid #fa7121}.tipe-kanal-topik.photo{border-left:4px solid #2fbfb0}.tipe-kanal-topik.video{border-left:4px solid #b821bb}.date-kanal{font-size:12px;line-height:19px;margin-bottom:5px;color:#9d9d9d}.date-kanal.large{font-size:16px;line-height:26px}.date-kanal.medium{font-size:14px;line-height:24px}.date-kanal.small{font-size:12px;line-height:19px}.date-kanal.redaksi-artikel{color:#282828}.date-kanal.redaksi-artikel span{color:#093a67;margin-right:10px}.date-kanal-line{position:absolute;height:10px;width:1px;top:3px;background:#c4c4c4}.date-kanal-line.top-7{position:absolute;height:10px;width:1px;top:7px;background:#c4c4c4}.desc-kanal{font-size:16px;line-height:24px;margin-bottom:5px;color:#282828}.desc-kanal.small{font-size:14px;line-height:22px}.desc-kanal.large{font-size:24px;line-height:38px;color:#282828}.desc-kanal.redaksi-topik{font-size:16px;line-height:26px;margin-bottom:12px;color:#282828}.quote-kanal{position:relative}.quote-kanal:before{position:absolute;top:0px;width:12px;height:10px;content:'';background:url("../images/quote/sindo.svg");background-size:cover;background-repeat:no-repeat}.quote-kanal p{color:#fff;font-size:14px;line-height:22px;padding-left:17px;margin:8px 0px 0px}.label-redaksi{font-size:12px;line-height:20px;flex-grow:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;margin:0 92px 12px 0;padding:4px 8px;border-radius:4px;background-color:#f9f9f9;color:#282828}.label-profile{font-size:12px;line-height:19px;font-weight:normal;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:#282828;background:#fff;width:150px;padding:4px 8px;border-radius:4px;margin:0px auto;float:none}.no-terpopuler{font-size:130px;-webkit-text-stroke:1px #686a70;-webkit-text-fill-color:white;width:45px;overflow:hidden;line-height:100px;padding:10px 0px;transition:ease all 0.4s}.no-terpopuler.small{font-size:80px;-webkit-text-stroke:1px #686a70;-webkit-text-fill-color:white;width:37px;overflow:hidden;line-height:73px;padding:4px 10px;transition:ease all 0.4s}.title-terpopuler.small{width:calc(100% - 37px);background-color:#fff;padding:8px 10px;transition:ease all 0.4s}.title-terpopuler.small h3{font-size:14px;color:#686a70;margin:0px;transition:ease all 0.4s}.title-terpopuler.small h3:hover{color:#093a67}.no-terpopuler-img{font-size:160px;-webkit-text-fill-color:transparent;width:65px;height:112px;overflow:hidden;line-height:120px;padding:10px 0px;transition:ease all 0.4s;position:relative;top:0px;right:-37px;padding:0px;border-radius:4px;margin:-120px 0px 0px 100px;z-index:20}.no-terpopuler-img.white{-webkit-text-stroke:3px #eef2f6}.no-terpopuler.kanal-infografis{-webkit-text-stroke:3px #ba4513}.list-terpopuler .swiper-button-next,.list-terpopuler .swiper-button-prev{margin-top:-80px;width:35px;background-position:center;background-size:cover;background-repeat:no-repeat}.list-terpopuler .swiper-button-next{right:0px}.list-terpopuler .swiper-button-prev{left:-20px}.list-terpopuler .swiper-button-next:after,.list-terpopuler .swiper-button-prev:after{content:unset}.centeralign{position:relative;display:table;width:100%;height:100%}.centeralign-2{position:relative;display:table-cell;vertical-align:middle}.btn-pagination{display:inline-block;width:40px;height:40px;margin:0px 5px;border:1px solid #004a8e;border-radius:4px}.btn-pagination a{font-size:14px;line-height:40px;color:#004a8e;width:100%;height:100%;float:left}.btn-pagination.active,.btn-pagination.active a{background:#004a8e;color:#fff}.list-redaksi-dropdown{position:relative;float:left;width:100% !important;padding-bottom:0px !important;border-bottom:1px solid #ebebeb}.list-redaksi-icon{position:relative;float:right;width:24px;height:24px;text-align:center;transition:transform 0.6s;transform-style:preserve-3d}.list-user.collapse{display:none}#grafhitz{width:100%;height:100%;position:relative;background-color:#000;background:url(../images/bg-GrafHitz.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.grafhitz-wrapper{width:1280px;height:580px;margin:0px auto;position:relative;background-color:unset !important;overflow:hidden}.list-grafhitz{position:relative;float:left;width:937px;padding-top:30px}.grafhitz-left{position:relative;float:left;width:300px;height:565px}.grid-grafhitz{position:relative;float:left;width:232px;height:auto;margin-right:34px}.swiperTopic{width:calc(100% - 100px)}.swiperTopic .grafhitz-slide{width:232px;height:540px}.logo-grafhitz{width:150px;margin:0px auto}.logo-grafhitz img{width:150px;height:100%;object-fit:cover}.img-grafhitz{float:left;width:100%;height:411px}.img-grafhitz img{width:100%;height:100%;object-fit:cover;border-radius:0px}.content-grafhitz{float:left;width:100%;height:130px;padding:20px 0px}.desc-grafhitz{font-size:18px;line-height:30px;color:#fff}.list-grafhitz .swiper-button-next,.list-grafhitz .swiper-button-prev{margin-top:-80px;width:35px;background-position:center;background-size:cover;background-repeat:no-repeat}.list-grafhitz .swiper-button-next{right:-20px}.list-grafhitz .swiper-button-prev{left:-20px}.list-grafhitz .swiper-button-next:after,.list-grafhitz .swiper-button-prev:after{content:unset}.infografis-left{float:left;position:relative;width:67%;height:100vh;background-color:#000;transition-duration:300ms}.infografis-left.fullscreen-mode{width:100%}.infografis-right{float:left;position:relative;width:33%;height:100vh;overflow-y:scroll;overflow-x:hidden;margin-right:0px;transition-duration:300ms;display:block}.infografis-right.fullscreen-mode{margin-right:-100%}.infografis-right.fullscreen-mode.hidden{display:none}.sidebar-share{position:absolute;height:100%;z-index:99}.share-wrapper{margin-top:-49px;text-align:center;margin-left:15px}.share-list{margin:10px}.share-list .total{color:#fff;margin:0px;font-size:18px;line-height:28px}.share-list .desc{color:#fff;margin:0px;font-size:10px;line-height:16px}.share-list img{width:32px;height:auto;position:relative;object-fit:cover}.infografis-title{float:left;position:relative;width:100%;height:auto}.infografis-title h1{font-size:28px;line-height:44px;color:rgba(43,43,43,0.9)}.infografis-redaksi{float:left;position:relative;width:100%;height:auto}.infografis-avatar{float:left;margin-right:12px}.infografis-avatar img{width:37px;height:37px;border-radius:50px;object-fit:cover;object-position:top}.infografis-nama-redaksi{padding:7px 0px;font-size:16px;line-height:26px;font-weight:500;color:#004b8f;margin-right:20px}.infografis-date{padding:7px 0px;font-size:14px;line-height:22px;color:#989898}.infografis-desc{float:left;position:relative;width:100%;height:auto}.infografis-desc p{font-size:16px;line-height:1.6;color:#282828}.list-tags{float:left;width:100%;margin-top:12px}.btn-tags{background-color:transparent;border:1px solid #000;border-radius:20px;padding:5px 20px;font-size:16px;line-height:26px;margin-top:7.5px;margin-bottom:7.5px;margin-right:10px}.btn-tags.xs{border-radius:5px;padding:0px 15px;font-size:14px;line-height:24px}.btn-tags.small{background-color:transparent;border:1px solid #000;border-radius:10px;padding:5px 20px;font-size:16px;line-height:26px;font-style:normal;font-weight:bold;margin-top:7.5px;margin-bottom:7.5px;margin-right:10px}.btn-load-more{background-color:transparent;border:1px solid #004a8e;color:#004a8e;border-radius:10px;padding:10px 30px;font-size:16px;line-height:26px;margin-top:7.5px;margin-bottom:7.5px;margin-right:10px}.btn-load-more.top-right-small{background-color:transparent;border:1px solid #004a8e;color:#004a8e;border-radius:4px;padding:4px 8px;font-size:14px;line-height:16px}.btn-more-blue{background-color:transparent;border:1px solid #004A8E;border-radius:4px;padding:5px 10px;font-size:14px;line-height:16px;margin-top:11px;margin-bottom:11px;margin-right:10px;color:#004A8E}.btn-more-green{background-color:transparent;border:1px solid #1ca34a;border-radius:4px;padding:5px 10px;font-size:14px;line-height:16px;margin-top:11px;margin-bottom:11px;margin-right:10px;color:#1ca34a}.btn-more-suplemen{background-color:transparent;border:1px solid #1ca34a;border-radius:4px;padding:5px 10px;font-size:14px;line-height:16px;margin-top:11px;margin-bottom:11px;margin-right:10px;color:#1ca34a}.btn-more-suplemen.white{border:1px solid #fff;color:#fff}.btn-more-suplemen.sindo{border:1px solid #004A8E;color:#004A8E}.btn-more-suplemen.metro{border:1px solid #fa7121;color:#fa7121}.btn-more-suplemen.photo{border:1px solid #2fbfb0;color:#2fbfb0}.btn-more-suplemen.video{border:1px solid #b821bb;color:#b821bb}.btn-more-suplemen.infografis{border:1px solid #ff8d5c;color:#ff8d5c}.btn-more-suplemen.nasional{border:1px solid #e20a18;color:#e20a18}.btn-more-suplemen.white:hover{background:#fff;color:#282828}.btn-more-suplemen.metro:hover{background:#fa7121;color:#fff}.btn-more-suplemen.photo:hover{background:#2fbfb0;color:#fff}.btn-more-suplemen.video:hover{background:#b821bb;color:#fff}.btn-more-suplemen.infografis:hover{background:#ff8d5c;color:#fff}.btn-more-suplemen.nasional:hover{background:#e20a18;color:#fff}.btn-more-suplemen.sindo:hover{background:#004A8E;color:#fff}.image-infografis-options{margin-top:49px;position:relative;width:100%;float:left;padding:24px}.image-infografis-body{position:relative;width:100%;float:left;padding:24px}.list-infografis-slide{position:relative;width:100%;float:left}.grid-infografis-slide{width:calc(100% - 100px);height:100%;margin:0px auto;text-align:center}.grid-infografis-slide img{width:auto;height:calc(85vh - 150px);object-fit:cover}.btn-back-image{float:left;width:auto;position:relative;cursor:pointer;display:block}.btn-back-image img{float:left}.btn-back-image span{float:left;color:#fff;font-size:14px;line-height:24px;margin-left:5px}.btn-back-image.hidden,.btn-1.hidden,.btn-2.hidden{display:none}.btn-fullscreen-image{float:right;width:auto;position:relative;cursor:pointer}.content-infografis{padding:74px 24px 0px 24px}.grid-infografis{padding:0px 12px}.grid-infografis .title-kanal.underline{padding:0px 12px 15px}.grid-infografis .title-kanal.underline h2.small{font-size:18px;line-height:28px}.grid-infografis .list-kanal{width:100%}.grid-infografis .img-kanal{height:130px}.grid-infografis .widget-hi-lite{padding:0px 12px}.grid-kanal.column-two{width:calc(50% - 24px);margin:0px 12px}.img-kanal.img-grafhitz{height:100%}.swipe-infografis{padding:0px 24px}.swipe-infografis .warp-widget-hi-lite-no-scroll{width:134px}.swipe-infografis .warp-artikel-hilite-no-scroll{width:calc(100% - 134px)}.swipe-infografis .logo-hi-lite-explore img{width:100%;height:auto;display:block;margin:auto}.swipe-infografis .list-artikel-hilite-no-scroll{width:190px}.swiper-slide.hilite-slide{width:190px}.SwiperHilite .list-artikel-hilite-no-scroll,.SwiperHilite .swiper-slide.hilite-slide,.swipe-infografis .list-artikel-hilite-no-scroll{width:200px;padding:0px}.divide-line-bottom{position:relative;float:left;width:100%;height:1px;background:rgba(157,157,157,0.6);margin:30px 0px}.swipe-infografis .widget-hi-lite .swiper-button-next,.swipe-infografis .widget-hi-lite .swiper-button-prev{width:35px;background-position:center;background-size:cover;background-repeat:no-repeat}.swipe-infografis .widget-hi-lite .swiper-button-next{right:-20px}.swipe-infografis .widget-hi-lite .swiper-button-prev{left:-150px}.swipe-infografis .widget-hi-lite .swiper-button-next:after,.swipe-infografis .widget-hi-lite .swiper-button-prev:after,.swiper-button-next.SwiperHilite-next:after,.swiper-button-prev.SwiperHilite-prev:after,.swiper-button-next.SwiperVideo-next:after,.swiper-button-prev.SwiperVideo-prev:after,.swiper-button-next.SwiperEvents-next:after,.swiper-button-prev.SwiperEvents-prev:after{content:unset}.swiper-button-next.SwiperHilite-next{right:-13px}.swiper-button-prev.SwiperHilite-prev{left:-13px}.swiper-button-next.SwiperEvents-next{right:-13px}.swiper-button-prev.SwiperEvents-prev{left:-13px}.swiper-button-next.SwiperVideo-next{right:18px;top:36px}.swiper-button-prev.SwiperVideo-prev{left:18px;top:36px}.list-infografis-slide .swiper-button-next,.list-infografis-slide .swiper-button-prev{width:35px;background-position:center;background-size:cover;background-repeat:no-repeat}.list-infografis-slide .swiper-button-next{right:20%}.list-infografis-slide .swiper-button-prev{left:20%}.list-infografis-slide .swiper-button-next:after,.list-infografis-slide .swiper-button-prev:after{content:unset}.list-infografis-slide .swiper-pagination{color:#fff}.list-infografis-slide .swiper-pagination-fraction{bottom:-40px}.footer-bottom-right{margin-top:0px;padding:10px 24px 0px;background:url(../images/bg-footer.png);background-size:100% 100%;background-repeat:no-repeat;display:block}.footer-logo{width:500px;float:left;position:relative;margin:60px auto 40px}.footer-logo .logo-sindonews{margin-bottom:30px}.footer-logo .logo-sindonews img{width:300px;height:auto;display:block;margin:0px auto}.footer-logo .download-apps{margin-bottom:20px}.footer-logo .download-apps img{height:35px;margin:0px 10px}.footer-logo .social-footer img{width:30px;height:30px;margin:0px 6px}.footer-logo .logo-mpi{width:100%;margin:20px 0px;text-align:center}.footer-logo .logo-mpi img{width:120px;margin:0px auto}.copy-infografis{background-color:rgba(231,231,231,0.63);padding:8px 0px;text-align:center;font-size:14px;color:rgba(40,40,40,0.5)}.footer-bottom-right .link-footer{padding:10px 0px}.footer-bottom-right .link-footer a{font-size:14px;line-height:22px;color:#000;padding:10px 0px}.header-medium{font-size:14px;line-height:18px;margin-bottom:12px}.header-indeks-medium{font-size:16px;line-height:24px}.header-large{font-size:24px;line-height:28px;margin-bottom:24px;font-weight:normal}.indeks-kanal-opt,.indeks-kanal-date,.indeks-kanal-cat{height:32px;padding:3px 12px 3px 8px;font-size:16px;line-height:25px;border-radius:5px;border:solid 1px #cecece;color:#282828}.list-tags{position:relative;float:left;width:100%;margin-bottom:32px}.list-tags.sidebar-topik{background:#f9f9f9;padding:20px 30px}.btn-tags-outline{background-color:transparent;border:1px solid #fff;color:#fff;border-radius:16px;padding:5px 20px;font-size:16px;line-height:26px;font-style:normal;font-weight:bold;margin-top:7.5px;margin-bottom:7.5px;margin-right:10px;cursor:pointer;display:block}.btn-tags-outline.xs{border-radius:5px;padding:0px 15px;font-size:14px;line-height:24px}.btn-tags-outline.small{border-radius:20px;padding:5px 20px;font-size:16px;line-height:26px}.btn-tags-outline.active,.btn-tags-outline:hover,.btn-tags-outline:focus,.btn-tags-outline:active{background-color:#38BFB0;border:1px solid #38BFB0;color:#fff}.btn-tags-outline.black{background-color:transparent;border:1px solid #000;color:#000;border-radius:16px;padding:5px 20px;font-size:16px;line-height:26px;font-style:normal;font-weight:bold;margin-top:7.5px;margin-bottom:7.5px;margin-right:10px;cursor:pointer;display:block}.btn-tags-outline.black.xs{border-radius:5px;padding:0px 15px;font-size:14px;line-height:24px}.btn-tags-outline.black.small{border-radius:20px;padding:5px 20px;font-size:16px;line-height:26px}.btn-tags-outline.black.active,.btn-tags-outline.black:hover,.btn-tags-outline.black:focus,.btn-tags-outline.black:active{background-color:#004A8E;border:1px solid #004A8E;color:#fff}.grid-image{position:relative;width:100%;height:100%}.grid-image img{width:100%;height:100%;object-fit:cover}.grid-image-desc{position:absolute;bottom:0px;background:linear-gradient(360deg, #121212 80%, rgba(18,18,18,0) 100%);color:#fff;padding:32px 60px}.grid-image-desc p{font-size:28px;line-height:45px;font-weight:700}.grid-image-desc.small{padding:0px 12px}.grid-image-desc.small p{font-size:16px;line-height:24px;font-weight:700}.grid-image-desc.medium{padding:24px}.grid-image-desc.medium p{font-size:18px;line-height:28px;font-weight:700;margin:0px}.tabs{display:none}.tabs.active{display:block}.swiper-button-next.SwiperTopic-next{right:10px !important}.swiper-button-prev.SwiperTopic-prev{left:10px !important}.swiper-button-next.SwiperTopic-next.swiper-button-disabled,.swiper-button-prev.SwiperTopic-prev.swiper-button-disabled{opacity:0}.swiper-button-next.SwiperTopic-next:after,.swiper-button-prev.SwiperTopic-prev:after{content:unset !important}.SwiperTopic .swiper-slide{height:50px}.slider-scope{width:100%;height:550px;position:relative;background:url("../images/bg-scope.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px}.slider-infografis{width:100%;height:500px;position:relative;background-color:#000}.slider-wrapper{width:1278px;height:500px;margin:0px auto;position:relative;background-color:#000;overflow:hidden}.slider-wrapper.scope{background-color:unset;height:550px}.center{width:2500px;float:left;height:450px;transition-duration:500ms;padding:30px 0px 0px;transform:translateX(0px)}.slide{float:left;width:400px;z-index:14;transition-duration:400ms;display:inline-block;opacity:0.5;position:relative}.slide img{margin:80px 0px 0px;object-fit:cover;width:100%;height:100%}.slide h2{display:none;color:#fff;font-size:16px;margin-top:-20px;text-align:center}.slide.active{z-index:20;transform:scale(1.2);opacity:1}.slide.active h2{display:block;color:#fff;font-size:16px;margin-top:20px;text-align:center}.swiper-slide.slide-infografis{width:400px}.swiper-slide.slide-infografis.swiper-slide-active{z-index:20;transform:scale(1.2)}.swiper-slide.slide-infografis.swiper-slide-active .slide{opacity:1}.swiper-slide.slide-infografis.swiper-slide-active img{margin-top:88px}.swiper-button-prev.swiper-button-prev-infografis{cursor:pointer;position:absolute;left:70px;top:50%;width:50px;height:50px;z-index:30;margin-top:-65px;background-size:cover;background-position:center;background-repeat:no-repeat}.swiper-button-prev.swiper-button-prev-infografis:after{content:""}.swiper-button-next.swiper-button-next-infografis{cursor:pointer;position:absolute;right:70px;top:50%;width:50px;height:50px;z-index:30;margin-top:-65px;background-size:cover;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-next-infografis:after{content:""}.swiper-slide.slide-scope{width:200px;height:275px}.swiper-slide.slide-scope .slide img{margin:50px 0px 0px}.swiper-slide.slide-scope .slide{width:200px;height:275px}.swiper-slide.slide-scope .slide .scope-desc{position:absolute;bottom:-50px;padding:16px;text-align:left;margin-top:0px;background:linear-gradient(180deg, rgba(17,24,63,0) 0%, rgba(17,24,63,0.71) 34.9%, #11183f 73.44%, #11183f 100%)}.swiper-slide.slide-scope .slide .bookmarked-scope{top:-16px}.swiper-slide.slide-scope.swiper-slide-active{height:345px;z-index:20;transform:scale(1.2)}.swiper-slide.slide-scope.swiper-slide-active .slide{height:345px;opacity:1}.swiper-slide.slide-scope.swiper-slide-active .slide .scope-desc{position:absolute;bottom:-1px;padding:16px;text-align:left;margin-top:0px;background:linear-gradient(180deg, rgba(17,24,63,0) 0%, rgba(17,24,63,0.71) 34.9%, #11183f 73.44%, #11183f 100%)}.swiper-slide.slide-scope.swiper-slide-active .slide .bookmarked-scope{top:13px}.swiper-slide.slide-scope.swiper-slide-active img{margin-top:0px}.swiper-button-prev.swiper-button-prev-scope{cursor:pointer;position:absolute;left:10px;top:50%;width:50px;height:50px;z-index:30;margin-top:-65px;background-size:cover;background-position:center;background-repeat:no-repeat}.swiper-button-prev.swiper-button-prev-scope:after{content:""}.swiper-button-next.swiper-button-next-scope{cursor:pointer;position:absolute;right:10px;top:50%;width:50px;height:50px;z-index:30;margin-top:-65px;background-size:cover;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-next-scope:after{content:""}.slide.active h2,.swiper-slide.slide-infografis.swiper-slide-active .slide h2,.slide.active div,.swiper-slide.slide-infografis.swiper-slide-active .slide div,.swiper-slide.slide-scope .slide div,.swiper-slide.slide-scope.swiper-slide-active .slide div{display:block;opacity:1;color:#fff;font-size:18px;line-height:28px;margin-top:16px;text-align:center;font-weight:700}.slide-scope-bg{position:relative;width:140px;margin:32px auto}.slide-scope-btn{position:absolute;right:32px;top:44px}.swiper-slide.slide-video{width:272px}.video-desc p{display:block;font-weight:700;font-size:14px;line-height:22px;color:#fff}.video-wrapper{height:135px;background-color:#121212;position:relative}.video-title{background-color:#121212}.video-title p{font-size:14px;line-height:22px;color:#fff}.grid-video-left{float:left;width:48px;height:48px;margin-right:16px}.grid-video-right{float:left;width:calc(100% - 64px)}.grid-video-right p{font-size:18px;line-height:28px}.grid-desc p{color:#282828;font-size:16px;line-height:25px;display:block;font-weight:700}.live-stream-wrapper{position:relative;width:100%;float:left;background:#fff;border-radius:20px;padding:16px 32px}.live-stream-header img{width:100%;height:100%;object-fit:cover}.live-stream-video{float:left;width:640px;margin-right:24px}.live-stream-text{float:left;width:272px;position:relative}.live-stream-text p{color:#282828;font-size:18px;line-height:28px;display:block;font-weight:700;margin:0px}.live-stream-socmed{position:absolute;float:left;width:272px;right:90px;bottom:24px}.live-stream-socmed p{color:#989898;font-size:12px;line-height:19px;font-weight:700}.live-stream-socmed a{float:left;display:flex;flex-wrap:wrap;height:24px;margin-right:24px}.live-stream-socmed a span{font-size:14px;line-height:22px;font-weight:700}.live-stream-socmed a span.yt{color:#CE1312}.live-stream-socmed a span.dm{color:#0066DC}.live-stream-socmed a img{margin-right:8px}.line-bottom:before{content:"";position:absolute;left:0px;bottom:5px;width:100px;height:4px}.line-bottom.sindo:before{background:url(../images/underline/sindo.svg);background-repeat:no-repeat}.line-bottom.sindo.opini:before{left:30px;bottom:33px}.line-bottom.sindo.widget:before{left:0px;bottom:17px}.custom-grid-center{margin-left:270px}.custom-grid-left{margin-left:-810px;width:238px}.custom-grid-right{margin-left:548px;width:238px}.img-qatar{width:100%;height:100%}.login-popup{display:none;position:fixed;width:384px;height:337px;left:793px;top:92px;background:#FEFFFF;padding:36px 32px 24px;box-shadow:0px 25px 60px -10px rgba(28,39,49,0.12);border-radius:20px;z-index:100}.login-popup.show-popup{display:block}.warp-user-avatar{display:flex;flex-wrap:wrap;width:100%;cursor:pointer;transition:background 1s;padding:0px;margin-bottom:30px}.warp-user-avatar:hover{background-image:radial-gradient(circle, transparent 1%, #fff 1%);background-position:center;background-size:15000%}.warp-user-avatar:active{background-color:#cfcfcf;background-size:20%;transition:background 0s}.warp-user-avatar .img-avatar{width:48px;display:flex;align-items:center;text-align:center}.warp-user-avatar .img-avatar img{width:48px;height:48px;border-radius:50px;object-fit:cover;object-position:top}.warp-user-avatar .right-avatar{width:auto;font-family:"Roboto-Regular",Arial,Tahoma;font-weight:500;font-size:16px;line-height:22px;display:block;align-items:center;text-align:left;color:#084D8D;padding-left:8px}.warp-user-avatar .right-avatar .username{font-style:normal;font-weight:400;font-size:14px;line-height:140%;color:#1A2128}.warp-user-avatar .right-avatar .name{font-style:normal;font-weight:700;font-size:18px;line-height:140%;color:#004A8E}.warp-user-avatar .close-avatar{position:absolute;right:32px}.drop-menu-sso .title-complete-data{font-family:"Heebo-Regular",Arial,sans-serif;font-weight:700;font-size:14px;line-height:140%;color:#282828;margin-bottom:8px}.drop-menu-sso .desc-complete-data{font-family:"Heebo-Regular",Arial,sans-serif;font-weight:400;font-size:14px;line-height:140%;color:#2B2B2B;margin-bottom:18px}.drop-menu-sso .desc-complete-data a{font-weight:700;color:#003260}.drop-menu-sso ul{list-style-type:none;margin:0px;padding:0}.drop-menu-sso ul li{display:block;transition:background 1s;margin-bottom:16px}.drop-menu-sso ul li:hover{background-image:radial-gradient(circle, transparent 1%, #fff 1%);background-position:center;background-size:15000%}.drop-menu-sso ul li:active{background-color:#cfcfcf;background-size:20%;transition:background 0s}.drop-menu-sso ul a{font-family:"Heebo-Regular",Arial,sans-serif;font-weight:700;font-size:14px;line-height:140%;color:#003260;display:inline-block;padding:12px 0px}.login-img{position:absolute;width:28px;height:28px;left:0px;top:-5px;background:url(../images/login-user.png);background-size:cover;background-repeat:no-repeat}#LoginNav,#LoginNavFloat,#LoginNavFloat2{position:relative;padding-left:38px;font-family:'Roboto-Medium';font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#084D8D}#LoginNav a,#LoginNavFloat a,#LoginNavFloat2 a{font-family:'Roboto-Medium';font-style:normal;font-weight:500;font-size:16px;line-height:22px;color:#084D8D;text-decoration:none}footer{padding:80px 100px 0px;background:url("../images/bg-footer.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-wrap:wrap}.warp-logo{width:43%;padding-right:100px}.logo-sindonews-footer{margin-bottom:32px}.logo-sindonews-footer img{width:433px;height:auto;display:block;margin:auto}.warp-link-two-col{width:23%}.warp-link-two-col .link-footer{width:50%}.warp-link-two-col .link-footer a{font-size:14px;color:rgba(43,43,43,0.9);transition:ease all 0.4s;padding:7px 0px;display:block;position:relative}.warp-link-two-col .link-footer a:hover{color:#004a8e}.warp-link-one-col{width:11%}.warp-link-one-col .link-footer{width:100%}.warp-link-one-col .link-footer a{font-size:14px;color:rgba(43,43,43,0.9);transition:ease all 0.4s;padding:7px 0px;display:block;position:relative}.warp-link-one-col .link-footer a:hover{color:#004a8e}.title-footer{font-size:18px;color:rgba(43,43,43,0.9);margin-bottom:20px}.download-apps{margin-bottom:32px;text-align:center}.download-apps img{width:auto;height:43px;margin:0px 15px}.social-footer{text-align:center}.social-footer img{width:40px;height:40px;margin:0px 12px}.img-mnp{margin:100px 0px 70px;width:100%}.img-mnp img{width:191px;height:auto;margin:auto;display:block}.copy{background-color:rgba(231,231,231,0.63);padding:8px 0px;text-align:center;font-size:16px;color:rgba(43,43,43,0.9)}@media (min-width: 576px) and (max-width: 767.98px){.container{width:100% !important;max-width:100% !important;padding:0px !important;margin:auto}.widget-hi-lite{width:100%;display:flex;flex-wrap:wrap}.widget-hi-lite::-webkit-scrollbar{display:none}.widget-hi-lite{-ms-overflow-style:none;scrollbar-width:none}.warp-widget-hi-lite-no-scroll{background:url("../images/bg-hilite.png");background-size:100% 100%;background-repeat:no-repeat;position:relative;width:154px;height:196px;border-radius:0px 8px 8px 0px;padding:8px;color:#fff}.logo-hi-lite-explore{margin-top:32px}.logo-hi-lite-explore img{width:76px;height:auto;display:block;margin:auto}.btn-more-explore{position:absolute;left:0;bottom:0;padding:30px 30px;font-size:10px}.btn-more-explore a{color:#fff}.btn-more-explore span{visibility:visible;opacity:1;transition:ease all 0.4s}.btn-more-explore i{font-size:13px;border-radius:100px;border:2.5px solid #fff;padding:3.5px 0px;margin-bottom:5px;width:25px;height:25px}.warp-artikel-hilite-no-scroll{width:calc(100% - 154px);padding-left:5px;overflow:auto;white-space:nowrap;border-radius:6px;display:unset}.list-artikel-hilite-no-scroll{display:inline-block;width:155px;padding:0px 2px}.list-artikel-hilite-no-scroll img{width:100%;height:100px;object-fit:cover;object-position:top;border-radius:6px}.title-artikel-hilite{font-size:14px;color:#232323;height:65px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.list-artikel{width:100%;height:100%;display:flex;flex-wrap:wrap;padding-top:56px}.img-artikel{position:relative;width:100%;height:40%;display:flex}.img-artikel img{width:auto;height:100%;margin:auto;object-fit:cover;object-position:top}.box-video{position:relative;width:100%;height:auto;background-color:#000}.img-video{height:auto !important;width:100%;margin:auto;position:relative;top:50%;transform:translateY(-50%)}.warp-video{position:relative;padding-bottom:56.25%;height:0}.warp-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.img-infografis{width:100%;height:40%;display:flex}.img-infografis img{width:auto;height:100%;margin:auto;display:block}.img-foto{position:relative;width:100%;height:100%}.slide-foto{width:auto;height:100%;background-color:#000}.slide-foto img{width:100%;height:100% !important;margin:auto;display:block;object-fit:contain}.warp-desc-artikel{position:relative;width:100%;height:60%;background-color:#fff;padding:30px;display:flex}.box-desc-artikel{width:100%;height:auto;margin:unset}.section-artkel-suka{width:100%}.img-end{margin-top:16px}.img-end img{width:80px;height:auto;margin:auto;display:block}.list-artikel-suka{width:33.33%;margin:20px 0px 20px;padding:0px 10px}.img-artikel-suka{width:100%;height:150px}.img-artikel-suka img{width:100%;height:150px}.warp-social-share{position:absolute;left:0;right:0;bottom:100px}.selengkapnya{position:absolute;left:0;right:0;margin:auto;bottom:50px;width:calc(100% - 50px)}.btn-2top{bottom:85px}.hr-section{margin:20px 0px}.header{padding:15px 0px 15px}.logo{width:100%;display:block;float:unset}.logo img{width:324px;height:auto;margin:auto;display:block}.search{width:35%;margin-left:0px;padding:14px 0px 14px 15px}.warp-search-text{width:100%}.warp-login{width:45%;margin-left:0px;padding-left:70px}.menu{width:20%;padding-right:15px}nav{padding:15px 15px 0px}.left-section{width:100%;padding:0px 15px}.right-section{width:100%;padding:0px 15px;margin:auto;position:relative}.detail-img{margin-top:20px}.detail-img img{width:100%}.floatSecRight{position:relative;top:10px;left:0px}.right-bottom{position:relative;bottom:0;left:0}.sticky-header{padding:0px 15px}.sticky-header .nav-kanal{width:calc(100% - 40px - 130px - 80px)}.sticky-header .left-sticky-header{width:130px}.sticky-header .left-sticky-header .search{width:40px}.sticky-header .left-sticky-header .menu{width:calc(100% - 40px)}.list-berita-terkait{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-berita-terkait:hover img{transform:unset}.list-berita-terkait:hover a{color:#093a67}.img-berita-terkait{width:100%;height:112px;overflow:unset}.img-berita-terkait img{width:100%;height:112px}.list-detail-artikel-komersial{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-detail-artikel-komersial:hover img{transform:unset}.list-detail-artikel-komersial:hover a{color:#093a67}.img-detail-artikel-komersial{width:100%;height:112px;overflow:unset}.img-detail-artikel-komersial img{width:100%;height:112px}.list-detail-berita-lain{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-detail-berita-lain:hover img{transform:unset}.list-detail-berita-lain:hover a{color:#093a67}.img-detail-berita-lain{width:100%;height:112px;overflow:unset}.img-detail-berita-lain img{width:100%;height:112px}.detail-infografis{margin-top:30px}.nav-floating-share-love-comment{position:fixed;width:100%;bottom:20px;left:0px;right:0;margin:auto;border-radius:0px;z-index:97;box-shadow:0 4px 15px 0 rgba(0,0,0,0.12);background-color:#fff;display:flex;flex-wrap:wrap;padding-left:20px;transition:all 0.7s ease-in-out}.share-logo-hi-lite{width:22%;padding:14px 14px 14px 45px;background-color:#093a67;border-radius:0px 0px 0px 0px;clip-path:polygon(40px 0, 100% 0, 100% 100%, 0% 100%)}.share-logo-hi-lite a{color:#fff}.share-logo-hi-lite a:hover{color:#38e8be}.share-logo-hi-lite a:hover i{color:#38e8be;border:2.5px solid #38e8be}.share-logo-hi-lite img{width:60px;height:auto}.warp-logo-hilite{font-size:0px}.warp-logo-hilite i{display:none}.btn-love,.btn-comment{width:12%;text-align:center;padding:14px 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.btn-love img,.btn-comment img{width:28px;height:28px;cursor:pointer}.btn-love .count,.btn-comment .count{font-size:12px;color:#686a70;margin-left:5px}.none-love{width:66% !important}.btn-share{width:54%;display:flex;flex-wrap:wrap;padding:5px 0px;align-items:center}.btn-share .st-custom-button{margin-right:10px}.btn-share img{width:28px;height:28px}.btn-share .total-share{margin:0px 10px 0px 15px}.btn-share .total-share .st-total{font-size:20px !important}.btn-share .total-share .st-label{font-size:8px}footer{padding:30px 25px 0px}.warp-logo{width:100%;padding-right:0px}.logo-sindonews-footer{margin-bottom:20px}.logo-sindonews-footer img{width:300px}.download-apps{margin-bottom:20px}.download-apps img{height:35px}.social-footer{margin-bottom:20px}.social-footer img{height:35px}.warp-link-two-col{width:50%}.warp-link-one-col{width:25%}.img-mnp{margin:50px 0px 50px}}@media (min-width: 576px) and (max-width: 767.98px) and (max-height: 800.98px){.img-artikel{height:30%}.img-video{height:30%}.img-video iframe{width:390px;height:100%;position:absolute;top:-7px;left:0;right:0;margin:auto}.img-infografis{height:30%}.warp-desc-artikel{height:70%}.img-artikel-suka{height:100px}.img-artikel-suka img{height:100px}}@media (max-width: 960.98px) and (max-height: 600.98px){.img-artikel{height:25%}.img-video{width:25%}.img-infografis{height:25%}.img-ads img{width:30vh !important}.warp-desc-artikel{height:75%;padding:20px}.list-artikel .swiper{height:100% !important}.img-artikel-suka{height:100px}.img-artikel-suka img{height:100px}.title-section-suka{padding:0px 30px}.warp-list-artikel-suka{padding:0px 30px}.list-artikel-suka{width:33.33%}}@media (min-width: 768px) and (max-width: 991.98px){.desktop{display:none !important}.mobile{display:block !important}.sm-m0{margin:0px !important}.sm-mt0{margin-top:0px !important}.sm-mr0{margin-right:0px !important}.sm-mb12{margin-bottom:12px !important}.sm-mr15{margin-right:15px !important}.sm-ml15{margin-left:15px !important}.sm-p20{padding:20px !important}.sm-pb0{padding-bottom:0px !important}.sm-pb20{padding-bottom:20px !important}.sm-pb24{padding-bottom:24px !important}.sm-pb40{padding-bottom:40px !important}.sm-pl3{padding-left:3px !important}.sm-pl8{padding-left:8px !important}.sm-pr3{padding-right:3px !important}.sm-pr8{padding-right:8px !important}.sm-pr15{padding-right:15px !important}.sm-pr45{padding-right:45px !important}.sm-pl15{padding-left:15px !important}.sm-plr15{padding-right:15px !important;padding-left:15px !important}.sm-width-700px{width:700px !important}.sm-width-100{width:100% !important}.sm-width-50{width:50% !important}.sm-height-147px{height:147px !important}.sm-height-250px{height:250px !important}.sm-height-400px{height:400px !important}.sm-float-left{float:left !important}.sm-content-kanal{width:calc(100% - 175px) !important}.sm-display-block{display:block !important}.grafhitz-wrapper{width:100% !important}.grafhitz-left{width:280px !important}.list-grafhitz{width:468px !important}.list-terpopuler .swiper-button-prev{left:0px !important}.list-kanal{width:100% !important}.list-kanal-full .grid-kanal.sm-center-pos,.list-kanal .grid-kanal.sm-center-pos{margin:0px 12px !important;width:calc(50% - 24px)}.list-kanal-full .grid-kanal.sm-column-three,.list-kanal .grid-kanal.sm-column-three{margin:0px 12px !important;width:calc(33.3% - 24px) !important}.swiper-button-next.swiper-button-next-infografis{right:70px !important}.swiper-button-prev.swiper-button-prev-infografis{left:70px !important}.grid-infografis-slide{width:calc(100% - 100px) !important}.content-kanal-image{margin:0px auto}.content-kanal-desc{width:300px;margin:0px auto}.list-infografis-slide .swiper-button-next,.list-infografis-slide .swiper-button-prev{bottom:-50px;top:unset}.img-kanal.img-grafhitz{height:600px !important}.grid-infografis .img-kanal:not(.img-grafhitz){height:200px !important}.share-wrapper{margin-left:0px !important}.infografis-left,.infografis-right{width:100% !important}.infografis-right{overflow-y:unset !important;overflow-x:unset !important}.container{width:100% !important;max-width:100% !important;padding:0px !important;margin:auto}.widget-hi-lite{width:100%;display:flex;flex-wrap:wrap}.widget-hi-lite::-webkit-scrollbar{display:none}.widget-hi-lite{-ms-overflow-style:none;scrollbar-width:none}.warp-widget-hi-lite-no-scroll{background:url("../images/bg-hilite.png");background-size:100% 100%;background-repeat:no-repeat;position:relative;width:154px;height:196px;border-radius:0px 8px 8px 0px;padding:8px;color:#fff}.logo-hi-lite-explore{width:90px;margin:-30px auto 0px}.logo-hi-lite-explore img{width:76px !important;height:auto;display:block;margin:auto}.btn-more-explore{position:absolute;left:0;bottom:30px;padding:10px 10px;font-size:10px}.btn-more-explore a{color:#fff}.btn-more-explore span{visibility:visible;opacity:1;transition:ease all 0.4s}.btn-more-explore i{font-size:13px;border-radius:100px;border:2.5px solid #fff;padding:3.5px 0px;margin-bottom:5px;width:25px;height:25px}.warp-artikel-hilite-no-scroll{width:calc(100% - 154px);padding-left:5px;overflow:unset;white-space:nowrap;border-radius:6px;display:unset}.list-artikel-hilite-no-scroll{display:inline-block;width:155px;padding:0px 2px}.list-artikel-hilite-no-scroll img{width:100%;height:100px;object-fit:cover;object-position:top;border-radius:6px}.title-artikel-hilite{font-size:14px;color:#232323;height:65px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.list-artikel{width:100%;height:100%;display:flex;flex-wrap:wrap;padding-top:56px}.img-artikel{position:relative;width:100%;height:40%;display:flex}.img-artikel img{width:auto;height:100%;margin:auto;object-fit:cover;object-position:top}.box-video{position:relative;width:100%;height:auto;background-color:#000}.img-video{height:auto !important;width:70%;margin:auto;position:relative;top:50%;transform:translateY(-50%)}.warp-video{position:relative;padding-bottom:56.25%;height:0}.warp-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.img-infografis{width:100%;height:40%;display:flex}.img-infografis img{width:auto;height:100%;margin:auto;display:block}.img-foto{position:relative;width:100%;height:100%}.slide-foto{width:auto;height:100%;background-color:#000}.slide-foto img{width:100%;height:100% !important;margin:auto;display:block;object-fit:contain}.warp-desc-artikel{position:relative;width:100%;height:60%;background-color:#fff;padding:30px;display:flex}.box-desc-artikel{width:100%;height:auto;margin:unset}.section-artkel-suka{width:100%}.img-end{margin-top:16px}.img-end img{width:80px;height:auto;margin:auto;display:block}.list-artikel-suka{width:33.33%;margin:20px 0px 20px;padding:0px 10px}.img-artikel-suka{width:100%;height:150px}.img-artikel-suka img{width:100%;height:150px}.warp-social-share{position:absolute;left:0;right:0;bottom:100px}.selengkapnya{position:absolute;left:0;right:0;margin:auto;bottom:50px;width:calc(100% - 50px)}.btn-2top{bottom:85px}.hr-section{margin:20px 0px}.header{padding:15px 0px 15px}.logo{width:33.3%;padding:15px}.logo img{width:100%;height:auto;margin:auto;display:block}.search{width:40%;margin-left:0px;padding:14px 15px}.warp-search-text{width:100%}.warp-login{width:45%;margin-left:0px;padding-left:70px;display:none}.menu{width:26.7%;padding-right:15px}nav{padding:15px 40px 0px}.left-section{width:100%;padding:0px 0px}.right-section{width:100%;padding:0px 15px;margin:auto;position:relative}.detail-img{margin-top:20px}.detail-img img{width:100%}.floatSecRight{position:relative;top:10px;left:0px}.right-bottom{position:relative;bottom:0;left:0}.sticky-header{padding:0px 15px}.sticky-header .nav-kanal{width:calc(100% - 40px - 170px - 80px)}.sticky-header .nav-kanal a{padding-bottom:9px}.sticky-header .left-sticky-header{width:170px}.sticky-header .left-sticky-header .search{width:40px}.sticky-header .left-sticky-header .menu{width:calc(100% - 40px)}.list-berita-terkait{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-berita-terkait:hover img{transform:unset}.list-berita-terkait:hover a{color:#093a67}.img-berita-terkait{width:100%;height:112px;overflow:unset}.img-berita-terkait img{width:100%;height:112px}.list-detail-artikel-komersial{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-detail-artikel-komersial:hover img{transform:unset}.list-detail-artikel-komersial:hover a{color:#093a67}.img-detail-artikel-komersial{width:100%;height:112px;overflow:unset}.img-detail-artikel-komersial img{width:100%;height:112px}.list-detail-berita-lain{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-detail-berita-lain:hover img{transform:unset}.list-detail-berita-lain:hover a{color:#093a67}.img-detail-berita-lain{width:100%;height:112px;overflow:unset}.img-detail-berita-lain img{width:100%;height:112px}.nav-floating-share-love-comment{position:fixed;width:100%;bottom:20px;left:0px;right:0;margin:auto;border-radius:0px;z-index:97;box-shadow:0 4px 15px 0 rgba(0,0,0,0.12);background-color:#fff;display:flex;flex-wrap:wrap;padding-left:20px;transition:all 0.7s ease-in-out}.share-logo-hi-lite{width:22%;padding:14px 14px 14px 45px;background-color:#093a67;border-radius:0px 0px 0px 0px;clip-path:polygon(40px 0, 100% 0, 100% 100%, 0% 100%)}.share-logo-hi-lite a{color:#fff}.share-logo-hi-lite a:hover{color:#38e8be}.share-logo-hi-lite a:hover i{color:#38e8be;border:2.5px solid #38e8be}.share-logo-hi-lite img{width:60px;height:auto}.warp-logo-hilite{font-size:0px}.warp-logo-hilite i{display:none}.btn-love,.btn-comment{width:12%;text-align:center;padding:14px 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.btn-love img,.btn-comment img{width:28px;height:28px;cursor:pointer}.btn-love .count,.btn-comment .count{font-size:12px;color:#686a70;margin-left:5px}.none-love{width:66% !important}.btn-share{width:54%;display:flex;flex-wrap:wrap;padding:5px 0px;align-items:center}.btn-share .st-custom-button{margin-right:10px}.btn-share img{width:28px;height:28px}.btn-share .total-share{margin:0px 10px 0px 15px}.btn-share .total-share .st-total{font-size:20px !important}.btn-share .total-share .st-label{font-size:8px}footer{padding:30px 25px 0px}.warp-logo{width:100%;padding-right:0px}.logo-sindonews-footer{margin-bottom:20px}.logo-sindonews-footer img{width:300px}.download-apps{margin-bottom:20px}.download-apps img{height:35px}.social-footer{margin-bottom:20px}.social-footer img{height:35px}.warp-link-two-col{width:50%}.warp-link-one-col{width:25%}.img-mnp{margin:50px 0px 50px}.title-kanal{padding:40px 15px !important}.title-kanal.underline{padding:40px 15px !important}.title-kanal.underline.no-padding-side{padding:40px 0px !important}.title-kanal.underline.no-padding-side.sm-pb20{padding:40px 0px 20px !important}.slider-wrapper{width:100% !important}.grid-kanal{margin:0px 17px !important}.list-kanal-full{width:100% !important}.grid-kanal.column-two{width:calc(50% - 24px) !important;margin:0px 12px !important}.grid-kanal.column-three{width:calc(33.3% - 24px) !important;margin:0px 12px !important}.content-kanal-image{margin:0px auto}.content-kanal-desc{width:300px;margin:0px auto}.list-kanal-full.justify-row,.list-kanal-fluid.justify-row{margin-left:3px !important;margin-right:3px !important}.bg-live-stream{padding-left:15px;padding-right:15px}.live-stream-video{width:100% !important;margin:0px !important}.live-stream-video iframe{width:100% !important;padding-bottom:20px !important}.live-stream-text,.live-stream-socmed{width:50% !important}.live-stream-socmed{position:relative !important;right:unset !important;bottom:unset !important}.live-stream-socmed p{margin-bottom:10px !important}.custom-grid-center{width:100% !important;margin-left:15px !important}.custom-grid-left,.custom-grid-right{margin-left:unset !important;width:50% !important;padding:0px 15px;margin-top:140px}.grid-kanal.sm-column-two{margin:0px 12px 20px !important}.rplus-widget,.vplus-widget,.okz-widget{width:50%;float:left}.rplus-widget iframe{width:calc(100% - 7.5px);margin-right:7.5px}.vplus-widget iframe{width:calc(100% - 7.5px);margin-left:7.5px}.okz-widget iframe{width:100%}.sn-ipad-safari{overflow:unset !important;width:100% !important}.sw-ipad-safari{display:block !important}.ss-ipad-safari{display:inline-block !important;height:auto !important}.control-nav-fixed.control-nav-left{left:0px}.control-nav-fixed.control-nav-right{right:0px}.SwiperNavHead{width:calc(100% - 20px);margin-left:10px !important;margin-right:10px !important}.login-popup{left:unset;right:12px}.login-img{top:-2px}}@media (min-width: 992px) and (max-width: 1199.98px){.desktop{display:none !important}.mobile{display:block !important}.sm-m0{margin:0px !important}.sm-mr0{margin-right:0px !important}.sm-mr15{margin-right:15px !important}.sm-mt80{margin-top:80px !important}.sm-mb12{margin-bottom:12px !important}.sm-p20{padding:20px !important}.md-pt20{padding-top:20px !important}.sm-pt10{padding-top:10px !important}.sm-pt40{padding-top:40px !important}.sm-pb20{padding-bottom:20px !important}.sm-pb24{padding-bottom:24px !important}.md-pb80{padding-bottom:80px !important}.sm-pl3{padding-left:3px !important}.sm-pl8{padding-left:8px !important}.sm-pr3{padding-right:3px !important}.sm-pr8{padding-right:8px !important}.sm-pr15{padding-right:15px !important}.sm-pr45{padding-right:45px !important}.sm-pl15{padding-left:15px !important}.sm-plr0{padding-right:0px !important;padding-left:0px !important}.md-plr15{padding-right:15px !important;padding-left:15px !important}.sm-plr15{padding-right:15px !important;padding-left:15px !important}.sm-height-147px{height:147px !important}.sm-height-200px{height:200px !important}.sm-display-block{display:block !important}.sm-height-400px{height:400px !important}.sm-content-kanal{width:calc(100% - 175px) !important}.sm-overflow-hidden{overflow:hidden !important}.content-kanal-image{margin:0px auto}.content-kanal-desc{width:300px;margin:0px auto}.grid-kanal{margin-right:24px !important}.list-kanal,.list-kanal-full,.slider-wrapper,.title-kanal,.slider-infografis,.grafhitz-wrapper{width:100% !important}.infografis-left{width:63% !important}.infografis-right{width:37% !important}.img-infografis-slide{height:calc(100vh - 125px) !important}.grid-infografis-slide img{height:calc(80vh - 120px) !important}.list-infografis-slide .swiper-pagination-fraction{bottom:30px !important}.list-infografis-slide .swiper-button-next,.list-infografis-slide .swiper-button-prev{top:80vh;z-index:30}.list-grafhitz{width:calc(100% - 330px) !important}.list-kanal .grid-kanal.md-column-two{width:calc(50% - 24px) !important;margin:0px 12px !important}.list-kanal .grid-kanal.md-column-three{width:calc(33.3% - 24px) !important;margin:0px 12px !important}.list-kanal .grid-kanal.md-column-three.sm-center-pos{margin:0px 12px !important;width:calc(33.3% - 24px) !important}.container{width:100% !important;max-width:100% !important;padding:0px !important;margin:auto}.img-kanal.img-grafhitz{height:280px !important}.widget-hi-lite{width:100%;display:flex;flex-wrap:wrap}.widget-hi-lite::-webkit-scrollbar{display:none}.widget-hi-lite{-ms-overflow-style:none;scrollbar-width:none}.warp-widget-hi-lite-no-scroll{background:url("../images/bg-hilite.png");background-size:100% 100%;background-repeat:no-repeat;position:relative;width:154px;height:196px;border-radius:0px 8px 8px 0px;padding:15px;color:#fff}.logo-hi-lite-explore img{width:76px !important;height:auto;display:block;margin:auto}.btn-more-explore{margin-top:20px;font-size:10px}.btn-more-explore a{color:#fff}.btn-more-explore span{visibility:visible;opacity:1;transition:ease all 0.4s}.btn-more-explore i{font-size:13px;border-radius:100px;border:2.5px solid #fff;padding:3.5px 0px;margin-bottom:5px;width:25px;height:25px}.list-terpopuler .swiper-button-prev{left:-15px !important}.list-terpopuler .swiper-button-next{right:-15px !important}.warp-artikel-hilite-no-scroll{width:calc(100% - 154px);padding-left:5px;overflow:unset;white-space:nowrap;border-radius:6px;display:unset}.list-artikel-hilite-no-scroll{display:inline-block;width:155px;padding:0px 2px}.list-artikel-hilite-no-scroll img{width:100%;height:100px;object-fit:cover;object-position:top;border-radius:6px}.title-artikel-hilite{font-size:14px;color:#232323;height:65px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.list-artikel{width:100%;height:100%;display:flex;flex-wrap:wrap;padding-top:56px}.img-artikel{position:relative;width:100%;height:40%;display:flex}.img-artikel img{width:auto;height:100%;margin:auto;object-fit:cover;object-position:top}.box-video{position:relative;width:100%;height:auto;background-color:#000}.img-video{height:auto !important;width:50%;margin:auto;position:relative;top:50%;transform:translateY(-50%)}.warp-video{position:relative;padding-bottom:56.25%;height:0}.warp-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.img-infografis{width:100%;height:40%;display:flex}.img-infografis img{width:auto;height:100%;margin:auto;display:block}.img-foto{position:relative;width:100%;height:100%}.slide-foto{width:auto;height:100%;background-color:#000}.slide-foto img{width:100%;height:100% !important;margin:auto;display:block;object-fit:contain}.warp-desc-artikel{position:relative;width:100%;height:60%;background-color:#fff;padding:30px;display:flex}.box-desc-artikel{width:100%;height:auto;margin:unset}.section-artkel-suka{width:100%}.img-end{margin-top:16px}.img-end img{width:80px;height:auto;margin:auto;display:block}.list-artikel-suka{width:33.33%;margin:20px 0px 20px;padding:0px 10px}.img-artikel-suka{width:100%;height:150px}.img-artikel-suka img{width:100%;height:150px}.warp-social-share{position:absolute;left:0;right:0;bottom:100px}.selengkapnya{position:absolute;left:0;right:0;margin:auto;bottom:50px;width:calc(100% - 50px)}.btn-2top{bottom:85px}.hr-section{margin:20px 0px}.header{padding:15px 0px 15px}.logo{width:33.3%;display:block}.logo img{width:324px;height:auto;margin:auto;display:block}.search{width:40%;margin-left:0px;padding:14px 0px 14px 15px}.warp-search-text{width:100%}.warp-login{display:none;width:45%;margin-left:0px;padding-left:70px}.menu{width:26.7%;padding-right:15px}nav{padding:15px 40px 0px}.left-section{width:calc(100% - 330px);padding:0px 15px}.right-section{float:left;width:300px;margin-left:unset;position:relative}.detail-img{margin-top:20px}.detail-img img{width:100%}.floatSecRight{position:relative;top:10px;left:0px}.right-bottom{position:relative;bottom:0;left:0}.sticky-header{padding:0px 15px}.sticky-header .nav-kanal{width:calc(100% - 40px - 150px - 80px)}.sticky-header .left-sticky-header{width:150px}.sticky-header .left-sticky-header .menu{width:calc(100% - 50px)}.list-berita-terkait{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-berita-terkait:hover img{transform:unset}.list-berita-terkait:hover a{color:#093a67}.img-berita-terkait{width:100%;height:112px;overflow:unset}.img-berita-terkait img{width:100%;height:112px}.list-detail-artikel-komersial{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-detail-artikel-komersial:hover img{transform:unset}.list-detail-artikel-komersial:hover a{color:#093a67}.img-detail-artikel-komersial{width:100%;height:112px;overflow:unset}.img-detail-artikel-komersial img{width:100%;height:112px}.list-detail-berita-lain{width:33.33%;margin:0px 0px 20px;padding:0px 10px}.list-detail-berita-lain:hover img{transform:unset}.list-detail-berita-lain:hover a{color:#093a67}.img-detail-berita-lain{width:100%;height:112px;overflow:unset}.img-detail-berita-lain img{width:100%;height:112px}.detail-infografis{margin-top:0px}.nav-floating-share-love-comment{position:fixed;width:100%;bottom:20px;left:0px;right:0;margin:auto;border-radius:0px;z-index:97;box-shadow:0 4px 15px 0 rgba(0,0,0,0.12);background-color:#fff;display:flex;flex-wrap:wrap;padding-left:20px;transition:all 0.7s ease-in-out}.share-logo-hi-lite{width:22%;padding:14px 14px 14px 45px;background-color:#093a67;border-radius:0px 0px 0px 0px;clip-path:polygon(40px 0, 100% 0, 100% 100%, 0% 100%)}.share-logo-hi-lite a{color:#fff}.share-logo-hi-lite a:hover{color:#38e8be}.share-logo-hi-lite a:hover i{color:#38e8be;border:2.5px solid #38e8be}.share-logo-hi-lite img{width:60px;height:auto}.warp-logo-hilite{font-size:0px}.warp-logo-hilite i{display:none}.btn-love,.btn-comment{width:12%;text-align:center;padding:14px 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.btn-love img,.btn-comment img{width:28px;height:28px;cursor:pointer}.btn-love .count,.btn-comment .count{font-size:12px;color:#686a70;margin-left:5px}.btn-share{width:54%;display:flex;flex-wrap:wrap;padding:5px 0px;align-items:center}.btn-share .st-custom-button{margin-right:10px}.btn-share img{width:28px;height:28px}.btn-share .total-share{margin:0px 10px 0px 15px}.btn-share .total-share .st-total{font-size:20px !important}.btn-share .total-share .st-label{font-size:8px}footer{padding:30px 25px 0px}.warp-logo{width:100%;padding-right:0px}.logo-sindonews-footer{margin-bottom:20px}.logo-sindonews-footer img{width:300px}.download-apps{margin-bottom:20px}.download-apps img{height:35px}.social-footer{margin-bottom:20px}.social-footer img{height:35px}.warp-link-two-col{width:50%}.warp-link-one-col{width:25%}.img-mnp{margin:50px 0px 50px}.content-kanal-topik{width:calc(100% - 192px) !important}.grid-kanal.column-two{width:calc(50% - 24px) !important;margin:0px 12px !important}.grid-kanal.column-three{width:calc(33.3% - 24px) !important;margin:0px 12px !important}.grid-kanal.sm-column-three{width:calc(33.3% - 24px) !important;margin:0px 12px 15px !important}.bg-live-stream{padding-left:15px;padding-right:15px}.live-stream-video{width:100% !important;margin:0px !important}.live-stream-video iframe{width:100% !important;height:480px;padding-bottom:20px}.live-stream-text,.live-stream-socmed{width:50% !important}.live-stream-socmed{position:relative !important;right:unset !important;bottom:unset !important}.live-stream-socmed p{margin-top:0px}.img-kanal.circle{width:80px !important;height:80px !important}.content-kanal.suplemen.circle .desc-kanal{font-size:14px;line-height:24px}.grid-kanal.sm-mb12{margin-bottom:12px !important}.custom-grid-center{padding-left:15px;margin-left:calc(23% + 15px) !important;width:calc(54% - 45px) !important}.custom-grid-left{margin-left:calc(-77% + 30px) !important;margin-right:0px !important;width:23% !important}.custom-grid-right{margin-left:calc(54% - 30px) !important;margin-right:0px !important;width:23% !important}.grid-kanal.sm-column-two{margin:0px 12px 20px !important}.list-kanal-full.justify-row,.list-kanal-fluid.justify-row{padding:0px 8px}.sn-ipad-safari{overflow:unset !important;width:100% !important}.sw-ipad-safari{display:block !important}.ss-ipad-safari{display:inline-block !important;height:auto !important}.control-nav-fixed.control-nav-left{left:0px}.control-nav-fixed.control-nav-right{right:0px}.swiper-button-next-qatar{right:0px}.swiper-button-prev-qatar{left:0px}}@media (min-width: 1200px) and (max-width: 1399px){.btn-2top{display:none;position:fixed;bottom:30px;right:15px;z-index:88;border:none;outline:none;background-color:rgba(0,0,0,0.5);color:#fff;cursor:pointer;padding:7px 12px 10px;border-radius:100px;font-size:20px;transition:ease all 0.7s}.btn-2top:focus{outline:none}.kanal{font-size:14px;padding-left:10px}.title{font-size:20px;margin-top:10px}.desc{font-size:14px;margin-top:9px}.warp-social-share{margin-top:20px}.warp-social-share img{width:30px;height:30px}.selengkapnya{margin-top:18px}.selengkapnya a{font-size:12px;padding:8px 0px}.text-end{font-size:16px}.section-artkel-suka{width:650px;margin:auto;margin-top:16px}.title-section-suka{font-size:16px;color:rgba(43,43,43,0.9)}.warp-list-artikel-suka{display:flex;flex-wrap:wrap;margin:auto -12px}.list-artikel-suka{width:200px;margin:0px 12px;margin-top:10px}.list-artikel-suka:hover img{transform:scale(1.2)}.list-artikel-suka:hover .title-artikel-suka{color:#093a67}.img-artikel-suka{width:100%;height:100px;border-radius:8px;overflow:hidden}.img-artikel-suka img{width:100%;height:100px;border-radius:8px;object-fit:cover;object-position:top;transition:transform 0.3s}.title-artikel-suka{font-size:14px;color:rgba(43,43,43,0.9);margin-top:12px}.btn-sebelumnya{margin-top:15px;text-align:center}.btn-sebelumnya a{font-size:10px;color:#fff;background-color:#093a67;border:2px solid #093a67;padding:7px 20px;border-radius:10px;transition:background 0.8s}.btn-sebelumnya a:hover{color:#093a67;background-color:#fff}.nav-floating-share-love-comment{position:fixed;width:1099px;bottom:20px;left:0px;right:0;margin:auto;border-radius:10px;z-index:97;box-shadow:0 4px 15px 0 rgba(0,0,0,0.12);background-color:#fff;display:flex;flex-wrap:wrap;padding-left:20px;transition:all 0.7s ease-in-out}.warp-logo{width:45%;padding-right:100px}.logo-sindonews-footer{margin-bottom:32px}.logo-sindonews-footer img{width:100%}.warp-link-two-col{width:27%}.warp-link-two-col .link-footer{width:50%}.warp-link-two-col .link-footer a{font-size:14px}.warp-link-one-col{width:14%}.warp-link-one-col .link-footer{width:100%}.warp-link-one-col .link-footer a{font-size:14px}.download-apps img{height:40px;margin:0px 15px}.social-footer img{width:36px;height:36px;margin:0px 12px}.img-mnp img{width:191px}.copy{font-size:14px}}@media (min-width: 1450px){.ads-side-left{left:15% !important}.ads-side-right{right:15% !important}}@media (min-width: 1367px) and (max-width: 1440px){.ads-side-left{position:fixed;left:3%}.ads-side-right{position:fixed;right:3%}}