@font-face{font-family:Paralucentff;src:url("../fonts/Paralucent W00 Medium.woff");font-weight:normal}@font-face{font-family:Paralucentff;src:url("../fonts/Paralucent W00 Bold.woff");font-weight:bold}body{padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.clearfix{clear:both}.fl{float:left}.fr{float:right}.bold{font-weight:bold}.normal{font-weight:normal}a{text-decoration:none}.blue{color:#74CBD3 !important}.box_img{display:inline-block;position:relative;width:100%}.box_img:before{content:"";display:block;padding-top:100%}.ratio2_1:before{padding-top:50%}.ratio1_2:before{padding-top:200%}.ratio4_3:before{padding-top:75%}.ratio5_3:before{padding-top:65%}.ratio3_4:before{padding-top:133%}.ratio16_9:before{padding-top:56.25%}.ratio9_16:before{padding-top:178%}.ratio9_8:before{padding-top:85%}.ratio6_2:before{padding-top:40%}.img_con{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;vertical-align:center;overflow:hidden}.img_con img{height:100%}.bgfloat{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);top:0;left:0;z-index:1}.gradtop{background:-moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, transparent 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, transparent 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.graddown{background:-moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.65) 100%);background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.shadow{-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6)}@keyframes slideUp{from{top:-100px}to{top:0}}@keyframes slideDown{from{top:0}to{top:-100px}}@keyframes logohover{from{margin-left:50px}to{margin-left:0}}@keyframes fadein{from{opacity:0;-ms-transform:cale(0.5, 0.5);-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}to{opacity:1;-ms-transform:cale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.slideUp{animation-name:slideUp;animation-duration:0.5s}.animateout{animation-name:fadeout;animation-duration:0.5s}.animatein{animation-name:fadein;animation-duration:0.5s}.boxshow{animation-name:boxshow;animation-duration:0.5s}a.animated-button:link,a.animated-button:visited{position:relative;display:block;margin:30px auto 0;padding:14px 15px;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase;overflow:hidden;letter-spacing:.08em;border-radius:0;text-shadow:0 0 1px rgba(0,0,0,0.2),0 1px 0 rgba(0,0,0,0.2);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}a.animated-button:link:after,a.animated-button:visited:after{content:"";position:absolute;height:0%;left:50%;top:50%;width:150%;z-index:-1;-webkit-transition:all 0.75s ease 0s;-moz-transition:all 0.75s ease 0s;-o-transition:all 0.75s ease 0s;transition:all 0.75s ease 0s}a.animated-button:link:hover,a.animated-button:visited:hover{color:#FFF;text-shadow:none}a.animated-button:link:hover:after,a.animated-button:visited:hover:after{height:450%}a.animated-button.victoria-one{border:2px solid #D24D57}a.animated-button.victoria-one:after{background:#D24D57;-moz-transform:translateX(-50%) translateY(-50%) rotate(-25deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-25deg);-webkit-transform:translateX(-50%) translateY(-50%) rotate(-25deg);transform:translateX(-50%) translateY(-50%) rotate(-25deg)}body{margin:0;padding:0;font-family:'Cabin', sans-serif;background:url(../img/bg_body.png) top center no-repeat #F1F1F1;color:#0D2B6A}.container{width:1100px;margin:0 auto}.container_content{min-height:600px}#header{height:130px;text-align:center;margin-bottom:50px;padding-top:10px}#header .container{position:relative}#header .logo{height:150px;width:202px;display:inline-block}#header .logo img{height:100%}#header .backtodetikcom{height:25px;position:absolute;left:0;top:0;transition:all 0.5s ease;padding:8px 10px;border-radius:5px}#header .backtodetikcom img{height:100%}#header .backtodetikcom:hover{background:#F1F1F1}#header .backtodetikcom:hover img{filter:none;-webkit-filter:none;-moz-filter:none;-o-filter:none;-ms-filter:none}#header .sosmed{position:absolute;right:0;top:0}#header .sosmed img{-webkit-filter:invert(30%);filter:invert(30%);height:35px;transition:all 0.5s ease}#header .sosmed img:hover{-ms-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);-webkit-filter:invert(60%);filter:invert(60%)}#header.smaller{position:fixed;height:50px;width:100%;z-index:5;padding-top:10px;top:0;left:0;background:#fff;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);animation-name:slideUp;animation-duration:0.5s}#header.smaller .logo{height:70px}#header.smaller .backtodetikcom img{filter:none;-webkit-filter:none;-moz-filter:none;-o-filter:none;-ms-filter:none}.cardg3 .card1{width:calc(33.3% - 30px);margin:15px;float:left}.card1{background:#fff;text-align:center;overflow:hidden;transition:all 0.5s ease;border-bottom:5px solid #fff;-webkit-animation:mymove 0.4s;animation:mymove 0.4s}.card1 .box_img{width:100%;overflow:hidden;position:relative}.card1 .box_img .img_con{transition:all 0.5s ease}.card1 .box_img .img_con img{filter:grayscale(100%)}.card1 .box_img .ico{position:absolute;z-index:2;bottom:20px;left:20px;width:50px;-webkit-filter:invert(100%);filter:invert(100%);opacity:0.7}.card1 .text{padding:15px;height:60px;font-weight:bold}.card1 .text h2{margin:0;padding:0;color:#454545;font-size:20px;line-height:130%;letter-spacing:-0.5px;transition:all 0.5s ease}.card1:hover{-webkit-box-shadow:0px 5px 14px 0px rgba(0,0,14,0.22);-moz-box-shadow:0px 5px 14px 0px rgba(0,0,14,0.22);box-shadow:0px 5px 14px 0px rgba(0,0,14,0.22);border-bottom:5px solid #FF9F00}.card1:hover .box_img .img_con{-ms-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.card1:hover .box_img .img_con img{filter:grayscale(0%)}.card1:hover .box_img .ico{opacity:1}.card1:hover .text h2{color:#FF9F00}.title_box{font-size:20px;color:#FF9F00;font-weight:bold;height:50px;line-height:50px;margin:0 15px;border-top:1px solid #E6E6E6;margin-top:30px;-webkit-animation:mymove 0.4s;animation:mymove 0.4s;transition:all 0.5s ease}.title_box span{display:inline-block;border-bottom:5px solid #FF9F00}.title_box a{float:right;font-size:15px;color:#9D9D9D;text-decoration:underline;font-weight:normal}.title_box a:hover{color:#000}@keyframes mymove{from{margin-top:60px}to{margin-top:20px}}.footer{background-color:#102E4F;padding:30px 0;color:#d7d7d7}.foot1{padding:0 0 10px;margin-bottom:5px;border-bottom:solid 1px rgba(255,255,255,0.3)}.foot1 .fl a img{height:30px}.foot3 div{margin-bottom:40px}.foot2 div{margin-top:7px;font-size:12px}.foot2 a{padding:0 4px;color:#d7d7d7 !important}.foot3 a{padding:0 6px;color:#fff !important}.footer a{color:#fff;opacity:0.7}.footer a:hover{opacity:1}.foot_menu{font-size:14px;font-weight:bold}.foot2 .dua{text-align:center;margin-top:-15px;font-size:11px}.share_bottom{display:inline-block}.share_bottom a{width:35px;display:inline-block}.share_bottom a img{width:100%}.separate{border-left:1px solid #d7d7d7;padding:0 15px}.banner{padding:15px}.banner img{width:100%}@media screen and (max-width: 480px){#header{height:80px;padding:10px 0}#header .backtodetikcom{height:15px;margin:5px}#header .logo{width:141px;height:105px;margin-top:15px}#header .sosmed{display:none}#header.smaller{padding:5px 0}#header.smaller .logo{float:right;margin-top:0;height:60px;width:100px}#header.smaller .backtodetikcom{margin-top:10px}.container{width:100%}.container .cardg3 .card1{width:calc(100% - 32px);margin:5px 15px}.container .cardg3 .card1 .img_con{transition:all 0.5s ease}.container .cardg3 .card1 .img_con img{filter:grayscale(0%)}.title_box{margin-bottom:10px}#video{position:relative;overflow-x:scroll !important;overflow-y:scroll !important;-webkit-overflow-scrolling:touch}#video>div{white-space:nowrap;width:0;height:auto}#video>div>div{display:inline-block;float:none;width:250px;white-space:normal}#artikel .card1{padding:0;float:none;border:0;margin:10px 15px}#artikel .card1 .box_img{float:left;width:40%}#artikel .card1 .box_img:before{padding-top:75%}#artikel .card1 .text{float:right;width:calc(60% - 20px);text-align:left;padding:10px;height:auto}#artikel .card1 .text h2{font-size:15px}.footer .foot1{padding:15px 10px}.footer .foot2{padding:5px 10px}}