html{padding:0;margin:0;font-size:62.5%}body{font-family:Lato,sans-serif;-webkit-overflow-scrolling:touch}h2{font-size:5.6rem;font-weight:900}@media (max-width:1200px){h2{font-size:calc(1.685rem + 5.22vw)}}h4{font-size:3.5rem;font-weight:900;color:#3e3e3e}@media (max-width:1200px){h4{font-size:calc(1.475rem + 2.7vw)}}h5{font-size:2.9rem;font-weight:400}@media (max-width:1200px){h5{font-size:calc(1.415rem + 1.98vw)}}.font-26{font-size:2.6rem}@media (max-width:1200px){.font-26{font-size:calc(1.385rem + 1.62vw)}}.font-22{font-size:2.2rem}@media (max-width:1200px){.font-22{font-size:calc(1.345rem + 1.14vw)}}.font-20{font-size:2rem}@media (max-width:1200px){.font-20{font-size:calc(1.325rem + .9vw)}}.font-19{font-size:1.9rem}@media (max-width:1200px){.font-19{font-size:calc(1.315rem + .78vw)}}.font-18{font-size:1.8rem}@media (max-width:1200px){.font-18{font-size:calc(1.305rem + .66vw)}}.font-15{font-size:1.5rem}@media (max-width:1200px){.font-15{font-size:calc(1.275rem + .3vw)}}.font-14{font-size:1.4rem}@media (max-width:1200px){.font-14{font-size:calc(1.265rem + .18vw)}}.font-14{font-size:1.3rem}@media (max-width:1200px){.font-14{font-size:calc(1.255rem + .06vw)}}.font-bold{font-weight:900}@media (max-width:575.98px){.desktop-mobile-only{display:none!important}}@media (min-width:576px){.mobile-only{display:none!important}}@media (max-width:767.98px){.desktop-tablet-only{display:none!important}}@media (min-width:768px){.tablet-only{display:none!important}}.text-red{color:#e30010}.text-grey{color:#8a8a8a}.bg-red{background:#e30010}.font-weight-bold{font-weight:900!important}a{color:#fff}a:active,a:hover{color:#fff;text-decoration:none}.close{float:right;font-size:6rem;font-weight:700;line-height:1;color:#fff;text-shadow:none;opacity:1;cursor:pointer;position:fixed;top:15px;right:15px}.close:hover{color:#fff;text-decoration:none}.close:focus{outline:0}.flex-center{display:flex;justify-content:center;align-items:center}.rounded-btn{border-radius:50px}.solid-btn{background:#e30010;border:1px solid #e30010;color:#fff}.solid-btn-white{background:#fff;color:#e30010;border:none}.solid-btn-white:active,.solid-btn-white:hover{color:#e30010;text-decoration:none}.border-btn{border:1px solid #333;color:#333;background:0 0}.border-btn:active,.border-btn:hover{color:#333;text-decoration:none}.btn-padding{padding:12px 25px;width:auto}header nav{background:#e30010;height:55px}header nav ul li{color:#fff}header nav .navbar-menu{font-size:1.6rem}header nav .navbar-menu .nav-item{padding:0 20px}.body-content{margin-top:55px}footer{background:#e30010;color:#fff}footer .container{max-width:550px}footer .container .mailto{text-decoration:underline}.feature-container.container.col{max-width:1024px}.col img{width:25px}img.mb-5{width:128px}.col-2pad.col2{width:49%;display:inline-block;vertical-align:top}.col-2pad.col2 ul{padding:0;margin:0}.col-2pad.col2 li{list-style:none}.col ul{padding:0;margin:0}.col li{list-style:none}.menu-footer-mobile{display:none}.copyright{margin:auto;padding:5px}.jumbotron-masthead.bg{background-image:url(/theme_sinarharian/images/selfserveads/masthead.png);background-position:center center;background-size:cover;height:450px}.jumbotron-masthead .content-masthead{display:flex;flex-direction:column;justify-content:center;align-items:start;height:450px}@media (max-width:450px){.jumbotron-masthead .content-masthead .wrap{flex-direction:column;width:100%}.col{flex-basis:auto}.nav-black li{font-size:100%}.menu-footer-mobile{display:block}.menu-footer-desktop{display:none}footer .container{text-align:center}.collapse-menu{width:200px;margin:auto;text-align:left;border-top:1px solid #fff}.navbar{padding:.1rem 1rem}}@media (max-width:767.98px){.jumbotron-masthead .content-masthead .wrap{flex-direction:column;width:100%}}@media (max-width:767.98px){.jumbotron-masthead .content-masthead .btn-padding{margin:0 auto}}.jumbotron-package.bg{background-image:linear-gradient(to bottom,rgba(153,153,153,0) 0,rgba(0,0,0,.3) 100%),url(/theme_sinarharian/images/selfserveads/jumbotron_new.png);background-position:center center;background-size:cover;height:250px}.jumbotron-package .content-jumbotron{display:flex;flex-direction:column;justify-content:center;align-items:center;height:250px}.feature-container .sinar-data-img{width:70%}@media (max-width:767.98px){.feature-container .sinar-data-img{width:95%}}.feature-container .row-feature .col-feature{align-items:center;text-align:center;margin-bottom:40px}@media (max-width:767.98px){.feature-container .row-feature .col-feature{display:flex;text-align:left}}.feature-container .row-feature .col-feature .feature-img{height:60px;margin-bottom:10px;object-fit:contain}@media (max-width:767.98px){.feature-container .row-feature .col-feature .feature-img{width:70px;margin-right:20px}}.package-box{overflow:hidden;border-radius:10px;border:1px solid #d5d5d5;width:auto}.package-box .header{height:70px}.package-box .header p{height:70px;display:flex;justify-content:center;align-items:center}.package-box .body ul{width:65%;margin:auto;list-style:none;padding:0;text-align:left}.package-box .body ul li{padding-left:1.5em}.package-box .body ul li:before{content:"\f00c";font-family:"Font Awesome 5 Free";display:inline-block;margin-left:-1.5em;width:1.5em;color:#e30010;font-size:2rem}@media (max-width:575.98px){.package-box .footer{flex-direction:column}}@media (max-width:575.98px){.package-box .footer .btn-padding{width:80%}}.package-box .footer .btn-padding:first-child{margin-right:20px}@media (max-width:575.98px){.package-box .footer .btn-padding:first-child{margin-right:0}}@media (max-width:575.98px){.adsformat-container #adsformat-tab .nav-item{width:50%}}.adsformat-container #adsformat-tab .nav-link{color:#3e3e3e;background:#fefefe;border:1px solid #eee;border-bottom:3px solid #fefefe;border-radius:0;height:74px;width:240px}@media (max-width:575.98px){.adsformat-container #adsformat-tab .nav-link{width:100%}}.adsformat-container #adsformat-tab .nav-link.active{color:#3e3e3e;background:#f9f9f9;border-bottom:3px solid #e30010}.adsformat-container #adsformat-tab .nav-link#iab-tab{border-radius:.5rem 0 0 0}.adsformat-container #adsformat-tab .nav-link#iab-tab:before{background-image:url(/theme_sinarharian/images/selfserveads/icon_iab.png);background-size:25px 25px;display:inline-block;width:25px;height:25px;margin-right:10px;content:""}.adsformat-container #adsformat-tab .nav-link#iab-tab.active:before{background-image:url(/theme_sinarharian/images/selfserveads/icon_iab_active.png)}.adsformat-container #adsformat-tab .nav-link#video-tab{border-radius:0 .5rem 0 0}.adsformat-container #adsformat-tab .nav-link#video-tab:before{background-image:url(/theme_sinarharian/images/selfserveads/icon_video.png);background-size:25px 25px;display:inline-block;width:25px;height:25px;margin-right:10px;content:""}.adsformat-container #adsformat-tab .nav-link#video-tab.active:before{background-image:url(/theme_sinarharian/images/selfserveads/icon_video_active.png)}.adsformat-container #adsformat-tabContent{background:#f9f9f9;padding:50px 0}.adsformat-container #adsformat-tabContent .hover-img-wrap .img-top{display:none;position:absolute;top:0;left:0;right:0;padding:0 15px}.adsformat-container #adsformat-tabContent .hover-img-wrap:hover .img-top{display:block}#modalAd_format1 .scroll-content{position:absolute;top:6%;width:68%;left:50%;transform:translateX(-50%);overflow-y:scroll;height:81%}#modalAd_format2 .scroll-content{position:absolute;top:13%;width:28%;left:50%;transform:translateX(-50%);overflow-y:scroll;height:74%}@media (max-width:767.98px){#modalAd_format2 .scroll-content{width:88%}}@media (max-width:767.98px){#modalAd_format2 .mobile-img{width:80%!important}}@media (max-width:767.98px){#modalAd_format4 .mobile-img{width:80%!important}}@media (max-width:575.98px){.steps-container #steps-tab .nav-item{width:50%}}.steps-container #steps-tab .nav-link{color:#3e3e3e;background:#fefefe;border:1px solid #eee;border-bottom:3px solid #fefefe;border-radius:0;height:74px;width:240px;cursor:pointer}@media (max-width:575.98px){.steps-container #steps-tab .nav-link{width:100%}}.steps-container #steps-tab .nav-link.active{color:#3e3e3e;background:#f9f9f9;border-bottom:3px solid #e30010}.steps-container #steps-tab .nav-link#step1-tab{border-radius:.5rem 0 0 0}.steps-container #steps-tab .nav-link#step2-tab{border-radius:0 .5rem 0 0}.steps-container .steps-tabContent{background:#f9f9f9;padding:50px 0 100px;display:none}.steps-container .steps-tabContent.step1.active,.steps-container .steps-tabContent.step2.active{display:block}.steps-tabContent{position:relative;text-align:center;box-sizing:border-box;margin:0 auto}.steps-tabContent .buttons{position:absolute;top:180px;text-align:center;width:100%}.steps-tabContent .btn{width:50px;height:30px}.steps-tabContent .step-wizard{display:inline-block;position:relative;width:85%}.steps-tabContent .step-wizard .progress{position:absolute;top:20px;left:12.5%;width:74%;background:0 0}#step1-content.steps-tabContent .step-wizard .progress{width:68%}.steps-tabContent .step-wizard .progressbar{position:absolute;background-color:#e30010;opacity:1;height:2px;width:0%;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.steps-tabContent .step-wizard .progressbar.empty{opacity:1;width:100%;background-color:#d0d0d0}.steps-tabContent .step-wizard ul{position:absolute;width:100%;list-style-type:none;padding:0;left:-2%;display:flex}#step1-content.steps-tabContent .step-wizard ul{left:2%}.steps-tabContent .step-wizard li{display:inline-block;text-align:center;width:24%}.steps-tabContent .step-wizard li .step{text-align:center;display:inline-block;font-size:15px;font-weight:700;line-height:35px;width:40px;height:40px;border-radius:50%;border:2px solid;border-color:#dcdcdc;background:#fff;-webkit-transition:background-color .6s ease,border-color .6s ease;-o-transition:background-color .6s ease,border-color .6s ease;transition:background-color .6s ease,border-color .6s ease}.steps-tabContent .step-wizard li .title{text-decoration:underline;width:100%;padding-top:10px;color:#767676;-webkit-transition:color .6s ease;-o-transition:color .6s ease;transition:color .6s ease}.steps-tabContent .step-wizard li.active .step{border-color:#e30010;color:#fff;background:#e30010}.steps-tabContent .step-wizard li.active .title{text-decoration:none;color:#fff;font-weight:700}.steps-tabContent .step-wizard li.done .title{color:#e30010}.steps-tabContent .step-wizard li.done .title:hover{color:#fff;background:#e30010}.steps-tabContent .step-wizard li.done .step{color:#fff;color:#000;background-color:#fff;border-color:#e30010}.steps-tabContent .step-wizard li>button{background:0 0;border:none;display:block;width:100%;color:#777;position:relative;text-align:center}.steps-tabContent .step-wizard li>button:focus{outline:0}.steps-tabContent .step-wizard li>button:hover .step{border-color:#e30010;background:#eee;color:#e30010}.steps-tabContent .step-wizard li>button:hover .title{color:#e30010}@media only screen and (max-width:1200px){.steps-tabContent .step-wizard li{width:24%}}@media only screen and (max-width:375px){.steps-tabContent .step-wizard li{width:22%}}.step-box .row-step-box{border-radius:.5rem;border:1px solid #d6d6d6;margin-bottom:20px;display:flex;align-items:center;overflow:hidden;cursor:pointer}.step-box .row-step-box .col-step{width:150px}@media (max-width:1199.98px){.step-box .row-step-box .col-step{width:120px}}.step-box .row-step-box .col-step .step-box-ttl{font-size:2.2rem;padding:10px 15px}@media (max-width:1199.98px){.step-box .row-step-box .col-step .step-box-ttl{font-size:1.8rem}}.step-box .row-step-box .col-desc{width:calc(100% - 150px)}@media (max-width:1199.98px){.step-box .row-step-box .col-desc{width:calc(100% - 120px)}}.step-box .row-step-box .col-desc .step-box-desc{font-size:1.8rem;padding:10px 15px;border-left:1px solid #d6d6d6;min-height:52px}@media (max-width:1199.98px){.step-box .row-step-box .col-desc .step-box-desc{font-size:1.6rem}}.step-box .row-step-box.active{box-shadow:1px 1px 4px rgba(0,0,0,.2);border:none;background:#fff}.step-box .row-step-box.active .col-desc{background:#e30010}.step-box .row-step-box.active .col-desc .step-box-desc{color:#fff}