@font-face{font-family:cnnsans;src:url(../fonts/CNNSansW04-Regular.ttf);font-weight:normal}@font-face{font-family:cnnsans;src:url(../fonts/CNNSansW04-Bold.ttf);font-weight:bold}@font-face{font-family:"font-icons";src:url("../fonts/font-icons.eot");src:url("../fonts/font-icons.eot?#iefix") format("embedded-opentype"),url("../fonts/font-icons.woff") format("woff"),url("../fonts/font-icons.ttf") format("truetype"),url("../fonts/font-icons.svg#fdseven-icons") format("svg");font-weight:normal;font-style:normal}[data-icon]:before{font-family:"font-icons" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^="ico-"]:before,[class*=" ico-"]:before{font-family:"font-icons" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon{vertical-align:middle;display:inline-block;line-height:1}.ico-play:before{content:"\61"}.ico-search:before{content:"\62"}.ico-prev:before{content:"\63"}.ico-next:before{content:"\64"}.ico-google:before{content:"\65"}.ico-pin:before{content:"\66"}.ico-twitter:before{content:"\67"}.ico-fb:before{content:"\68"}.ico-yutub2:before{content:"\69"}.ico-yutub:before{content:"\6a"}.ico-line:before{content:"\6b"}.ico-path:before{content:"\6c"}.ico-ig:before{content:"\6d"}.ico-whatsapp:before{content:"\6e"}.ico-email:before{content:"\6f"}.ico-photo:before{content:"\70"}.ico-clock:before{content:"\71"}.ico-close:before{content:"\72"}.ico-up:before{content:"\73"}.ico-share:before{content:"\74"}.ico-bars:before{content:"\75"}.ico-home:before{content:"\76"}.ico-galeri:before{content:"\77"}.ico-calendar:before{content:"\78"}.ico-save:before{content:"\79"}.ico-copy:before{content:"\7a"}.clearfix{clear:both !important;height:0 !important;padding:0;float:none !important}.clearfix:after{content:".";display:block;height:0;clear:both !important;visibility:hidden}body,html{margin:0;padding:0;font:normal 12px "cnnsans", helvetica, Arial;background:#ececec;position:relative}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}* html .clearfix{height:1%}*:first-child+html .clearfix{min-height:1px}.headline .shad .descnext h1,.terbaru h2,.terbaru .icon,.terbaru .text_tbr,footer .logo_cnn,footer span{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.pilihan ul li .text_sld{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.container{width:1100px;margin:0 auto;text-align:left;position:relative;z-index:2}a{text-decoration:none;color:#444;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}a:hover{color:#777}hr{border-style:solid none none;border-color:#d4d4d4;margin:15px 0}p{margin-top:0;margin-bottom:20px}h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.25;margin:0}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}.fl{float:left !important}.fr{float:right !important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.block{display:block}.relative{position:relative}.inline{display:inline-block}.bold,strong{font-weight:bold}.normal{font-weight:normal}.italic{font-style:italic}header,footer,table{display:table;width:100%}.ratiobox_content iframe{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0}header,footer,.table,.grid_row{display:table;width:100%}ol,ul{padding:0 0 0 25px;margin-top:14px;margin-bottom:14px;margin-bottom:14px}ol ol,ol ul,ul ol,ul ul{margin-top:7px;margin-bottom:0}ol li,ul li{padding:5px 0}img{vertical-align:middle}.full_width img{width:100%}.pd0{padding:0px}.pr0{padding-right:0px}.pl0{padding-left:0px}.pt0{padding-top:0px}.pb0{padding-bottom:0px}.mb0{margin-bottom:0px}.mr0{margin-right:0px}.ml0{margin-left:0px}.mt0{margin-top:0px}.m0{margin:0px}.pd5{padding:5px}.pr5{padding-right:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pb5{padding-bottom:5px}.mb5{margin-bottom:5px}.mr5{margin-right:5px}.ml5{margin-left:5px}.mt5{margin-top:5px}.m5{margin:5px}.pd10{padding:10px}.pr10{padding-right:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.mb10{margin-bottom:10px}.mr10{margin-right:10px}.ml10{margin-left:10px}.mt10{margin-top:10px}.m10{margin:10px}.pd15{padding:15px}.pr15{padding-right:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.mb15{margin-bottom:15px}.mr15{margin-right:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}.m15{margin:15px}.pd20{padding:20px}.pr20{padding-right:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.mb20{margin-bottom:20px}.mr20{margin-right:20px}.ml20{margin-left:20px}.mt20{margin-top:20px}.m20{margin:20px}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f26{font-size:26px}.ratiobox.ratio_16_9:after{padding-top:56.25%}.ratiobox.ratio_4_3:after{padding-top:75%}.ratiobox.ratio_3_4:after{padding-top:133%}.ratiobox.ratio_9_16:after{padding-top:178%}.ratiobox{display:block;position:relative}.ratiobox:after{content:"";display:block;padding-top:100%;overflow:hidden}.ratiobox_content{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#000;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.ratiobox_content img{height:100%;max-width:100%}.container{width:100%;overflow:hidden}header{height:50px;padding:10px;color:#fff;background:#4A4A4A;position:fixed;top:0;left:0;z-index:10}header img{float:left}header .logo_cnn{width:50px;margin-right:20px}header .logo_aj{width:230px;margin:10px 0 0}header .menu{float:right;font-size:16px;font-weight:normal;margin:15px 15px 0 0}header .menu a{color:#fff;margin:0 15px 5px;padding:0 5px 5px;border-bottom:solid 1px #4A4A4A;display:inline-block}header .menu a:hover,header .menu a.select{border-bottom:solid 1px #F03B3B}header .menu_mob,header .close_menu,header .area_menu_mob{display:none}@media (max-width: 767px){header .menu{display:none}header .menu_mob{display:block;width:100%;z-index:12;position:relative}header .menu_mob .area_menu_mob{-webkit-transition:background 2s;transition:background 2s;background:rgba(0,0,0,0.5);padding:20px 10px 10px;height:100vh;margin-top:60px;position:relative;z-index:12}header .menu_mob .area_menu_mob .title_mm{width:100%;padding:15px 20px 20px;margin:10px 0;text-align:right;border-bottom:#fff solid 1px;font-size:20px}header .menu_mob .link,header .menu_mob .close_menu{position:fixed;top:15px;right:15px;color:#fff;font-size:30px}header .menu_mob .title_mm a{color:#fff}}@media (max-width: 520px){header .logo_cnn{width:40px;margin-right:20px}header .logo_aj{width:150px;margin-top:11px}header .menu{display:none}}.headline{background:#4A4A4A;position:relative;overflow:hidden;margin-top:0;margin-bottom:70px;min-height:700px;z-index:11}.headline .cover{height:calc(100vh + 30px)}.headline .cover iframe{width:100%}.headline .shad{background:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute;top:0}.headline .shad .big_logomenu{position:absolute;top:15%;text-align:center;width:100%}.headline .shad .big_logomenu .big_logo{width:80%;margin-bottom:50px}.headline .shad .menu_hl a{color:#fff;font-size:18px;margin:0 15px;text-shadow:1px 1px #000000;padding:0 11px;border-bottom:solid #F03B3B 0}.headline .shad .menu_hl a:hover{padding:5px 11px;border-bottom:solid #F03B3B 3px}.headline .shad .descnext{position:absolute;bottom:10%;color:#fff;text-align:center;display:block;width:100%}.headline .shad .descnext h1{font-size:25px;width:60%;text-shadow:1px 1px #000000}.headline .shad .descnext .nxt{display:block;width:100%;font-family:"font-icons";font-size:60px;transform:rotate(180deg);color:#fff;text-align:center;margin-top:5%;-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;-ms-animation:bounce 2s infinite;-o-animation:bounce 2s infinite;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0) rotate(180deg);-moz-transform:translateY(0) rotate(180deg);-ms-transform:translateY(0) rotate(180deg);-o-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}40%{-webkit-transform:translateY(-30px) rotate(180deg);-moz-transform:translateY(-30px) rotate(180deg);-ms-transform:translateY(-30px) rotate(180deg);-o-transform:translateY(-30px) rotate(180deg);transform:translateY(-30px) rotate(180deg)}60%{-webkit-transform:translateY(-15px) rotate(180deg);-moz-transform:translateY(-15px) rotate(180deg);-ms-transform:translateY(-15px) rotate(180deg);-o-transform:translateY(-15px) rotate(180deg);transform:translateY(-15px) rotate(180deg)}}@media (max-width: 520px){.headline{margin-top:60px;min-height:calc(100vh - 60px);height:calc(100vh - 60px)}.headline .cover{height:calc(100vh - 60px)}.headline .menu_hl{display:none}.headline .shad .descnext{bottom:0}.headline .shad .descnext h1{font-size:18px;line-height:140%}.headline .shad .descnext .nxt{font-size:50px;margin-top:30px}}@media (min-width: 768px){.headline{min-height:500px}.headline .cover{min-height:calc(100vh - 39px)}}.title{width:100%;text-align:center;background:#ECECEC;padding:25px 0}.terbaru{position:relative;text-align:center;text-shadow:1px 1px #000000;background:#000;min-height:400px}.terbaru a .ratiobox{opacity:0.8;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;min-height:400px}.terbaru a:hover .ratiobox{opacity:0.7}.terbaru h2{font-size:25px;color:#fff;text-transform:capitalize}.terbaru .icon{font-size:100px;position:absolute;color:#fff;top:38%}.terbaru .text_tbr{position:absolute;bottom:10%;margin:0 10px;text-align:center}.terbaru .text_tbr .t_red{color:#F03B3B;text-transform:uppercase;font-size:22px}@media (max-width: 520px){.terbaru{min-height:200px}.terbaru a .ratiobox{min-height:200px}.terbaru .icon{font-size:50px;top:20%}.terbaru .text_tbr{bottom:25px;width:80%}.terbaru .text_tbr h2{font-size:18px;margin:0}}.pilihan{background:#4A4A4A;position:relative}.pilihan .pagination{position:absolute;bottom:15px;left:15px;text-align:center}.pilihan .pagination a{background-color:#fff;width:15px;height:15px;border-radius:100px;margin:10px 5px 0 0;display:inline-block}.pilihan .pagination a.selected{background-color:#F03B3B;cursor:default}.pilihan .pagination a span{display:none}.pilihan .prev,.pilihan .next{position:absolute;top:40%;color:#fff;font-size:65px}.pilihan .prev{left:8px}.pilihan .next{right:8px}.pilihan ul{margin:0;padding:0;width:100%}.pilihan ul li{list-style:none;margin:0;padding:0;float:left;height:400px}.pilihan ul li .text_sld{width:48%;float:left;padding:15px 10px 30px 100px;color:#fff;line-height:140%;text-shadow:1px 1px #000000}.pilihan ul li .text_sld .subjudul{color:#F03B3B;font-size:14px}.pilihan ul li .text_sld h2{font-size:22px;line-height:140%}.pilihan ul li .ratiobox{width:50%;height:400px;float:right;overflow:hidden}.pilihan ul li .ratiobox .ratiobox_content{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.pilihan ul li:hover h2{color:#F03B3B}.pilihan ul li:hover .ratiobox_content{transform:scale(1.1)}@media (max-width: 520px){.pilihan .prev,.pilihan .next{display:none !important}.pilihan ul li{height:auto}.pilihan ul li .ratiobox{width:100%;height:auto;background:rgba(0,0,0,0.3)}.pilihan ul li .text_sld{position:absolute;top:0;width:20%;padding:15px 10px;float:none;z-index:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;background:rgba(0,0,0,0.3);height:100%}.pilihan ul li .text_sld h2{font-size:16px;line-height:120%}.pilihan .pagination{z-index:3;bottom:5px;left:12px}}.terpopuler{background:url("../images/bg_terpopuler.jpg") no-repeat #000;background-size:cover;background-position:top center;padding:15px}.t_indeks{padding-bottom:0}.list_news{width:100%;position:relative;padding:30px}@media (max-width: 520px){.list_news{padding:0px}}.list_news ul{margin:20px;padding:0}.list_news ul li{margin:0 20px 0 0;padding:0;width:calc(100% / 3 - 20px);float:left;list-style:none}@media (max-width: 520px){.list_news ul li{width:100%;margin-bottom:15px}}.list_news ul li:last-child{margin-right:0}.list_news ul li .t_list{background:#fff;border-bottom:solid 2px #F03B3B;display:block;padding:10px 15px;height:100px;overflow:hidden}.list_news ul li .t_list .subjudul{font-size:13px;color:#F03B3B;margin-bottom:5px}.list_news ul li .t_list h2{color:#000;font-size:16px;line-height:140%}.list_news ul li .ratiobox{overflow:hidden}.list_news ul li .ratiobox_content{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.list_news ul li:hover h2{color:#F03B3B}.list_news ul li:hover .ratiobox_content{transform:scale(1.1)}.indeks .list_news{padding-top:0}.indeks .list_news ul li{width:calc(100% / 2 - 20px);margin-bottom:20px}@media (max-width: 520px){.indeks .list_news ul li{width:100%;margin-bottom:15px}}.selengkapnya{border:solid 2px #4A4A4A;padding:15px 40px;font-size:14px}.selengkapnya:hover{border:solid 2px #F03B3B;color:#F03B3B}.tentang_kami{background:#000;color:#fff;margin:70px 0 -20px;padding:20px 10%;position:relative;text-align:center}.tentang_kami .logo_aj{margin:10% 0;width:50%}.tentang_kami h1{font-weight:bold;margin:20px 0}.tentang_kami p{font-size:16px;line-height:30px;margin:30px 0}@media (max-width: 520px){.tentang_kami{margin:60px 0 -20px}.tentang_kami .logo_aj{margin:10% 0;width:100%}}@media (max-width: 520px){#pilihan.title img{width:80%}.headline{z-index:9}}footer{background:#000 no-repeat url("../images/bg_footer.jpg");background-size:cover;background-position:center;height:400px;text-align:center;color:#fff;margin-top:20px}footer .logo_cnn{display:block;height:95px;margin:20px 0;width:100%}footer .logo_aj{width:300px}footer a{color:#fff;margin:15px 10px 15px 0;font-size:25px}footer span{display:block;margin:40px 0;width:50%}@media (max-width: 520px){footer{overflow:hidden}footer .logo_cnn{height:60px}footer .logo_aj{width:250px}footer span{margin:20px 0}}