@font-face{font-family:Sintony;src: url("sintony/Sintony-Regular.otf") format("opentype");}
body{font-family: 'Sintony';}
.no_padding{padding: 0;}
.tombol_share a{text-decoration: none;margin-bottom: 5px;}
.fa-facebook-square{color: #4867AA;}
.fa-facebook-square:hover{color: #32427b}
.fa-google-plus-square{color: #D84337;}
.fa-google-plus-square:hover{color: #842018}
.fa-twitter-square{color:#5DD7FC;}
.fa-twitter-square:hover{color: #438da3;}
.fa-youtube-square{color:#FF0000;}
.fa-youtube-square:hover{color: #bc0e0e;}
.fa-instagram{color:#C83583;}
.fa-instagram:hover{color: #E46A37;}
.fa-telegram{color:#36AEE2;}
.fa-telegram:hover{color: #1E96C8;}
.fa-whatsapp{color:#37C229;}
.fa-whatsapp:hover{color: #129706;}
.fa-google-plus{color:#DC4A38;}
.fa-google-plus:hover{color: #dc212e;}
.fa{font-size: 27px;float: left;margin-right: 5px;}

.garis{float: left;height: 2px;margin-bottom: 15px;}
.garis1{width: 10%;background-color: orange}
.garis2{width: 90%;background-color: #E6E6E6;}
.garis3{width: 10%;background-color: #f7a580;}

/*.ltr_menu{background-color: rgba(255, 255, 255, 0.3);transition: top 0.3s;}*/
.menu .ltr1{height: 105px;float: left;}
.menu h3{float: left;color: #2D3286;font-size: 26px;color: #0F0278}
.menu .tombol_share{float: left;width: 100%;margin-top: 17px;padding-left: 17px;}
.menu .tombol_share a{float: left;}
.menu .tombol_share label{float: left;color: #00264d;margin-right: 3px;padding-top: 3px;font-size: 14px;width: 57px;}
.menu .fa-facebook-square:hover{color: #32427b}
.menu .fa-google-plus-square:hover{color: #842018}
.menu .fa-twitter-square:hover{color: #438da3;}
.menu .fa-youtube-square:hover{color: #bc0e0e;}
.menu .fa-instagram:hover{color: #E46A37;}
.menu .fa-telegram:hover{color: #1E96C8;}
.menu .fa-whatsapp:hover{color: #129706;}

.ltr_dasar_menu{width: 100%;z-index: 5;}
.ltr_menu{background-color: rgba(0, 0, 0,0.5);}
/*.menu{border-bottom: 3px solid yellow}*/
.ltr_slide .col-xs-12{height: 600px;overflow: hidden;}
.ltr_tombol_share{background-color: #00264d}
.ltr_tombol_share .tombol_share{float: right;width: 100%;margin-top: 5px;}
.tombol_share_besar label, .tombol_share_besar .txt{float: right;color: white;padding-right: 3px;}
.tombol_share_besar .txt{font-weight: bold;padding: 0 3px;}
.tombol_share_besar .txt:hover{background-color: yellow;color: #00264d;}
.tombol_share_besar .uhuy{color: white;font-size: 18px;float: right;}
.tombol_share_besar .uhuy2{border-left: 1px solid white;padding-left: 6px;margin-left: 7px;}
.tombol_share_besar .uhuy:hover{color: yellow}

.ltr_bahasa{float: left;width: 100%;padding-left: 17px;font-size: 14px;margin: 17px 0 3px;}
.ltr_bahasa label{float: left;color: #00264d;margin-right: 3px;padding-top: 3px;width: 57px;}
.ltr_bahasa .txt{font-weight: bold;padding: 0 3px;float: left;color: #00264d;padding: 3px 11px;border: 1px solid #00264d;}

#ltr_menu_besar{float: right;margin-top: 11px;}
#menu_besar{list-style: none;float: right;margin-top: 15px;width: 100%;}
#menu_besar li{float: right;padding: 0;}
#menu_besar a{color: white;border-bottom: 1px solid yellow;text-decoration: none;padding: 5px 7px 5px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#menu_besar a:hover{color: #00264d;background-color: yellow;}
#menu_besar #aktif{color: yellow;border-bottom: 3px solid yellow;padding: 5px 11px 5px;background-color: #00264d;}

/* Submenu */
#ltr_menu_besar .has-submenu > a::after {
    content: " ▼";
    font-size: 0.7em;
  }
  
  #ltr_menu_besar ul .submenu {
    display: none;
    position: absolute;
    /* background: #fff; */
    background-color: rgba(255, 255, 0, 0.75);
    list-style: none;
    margin: 4px 0 0;
    padding: 8px;
    border: 1px solid #e0e0e0;
    border: none;
    z-index: 99;
    text-align: left;
    width: 250px;
  }
  
  #ltr_menu_besar ul li:hover > .submenu {
    display: block;
  }
  
  #ltr_menu_besar .submenu li {
    float: left;
    width: 100%;
  }
  
  #ltr_menu_besar .submenu .el {
    background-color: #00264d;
    /* background-color: rgba(0, 38, 77, 0.75); */
  }
  
  #ltr_menu_besar .submenu .el a {
    color: white;
  }
  
  #ltr_menu_besar .submenu .el a:hover {
    color: yellow;
    background-color: transparent;
  }
  
  #ltr_menu_besar .submenu li a {
    padding: 6px 14px;
    display:block;
    color:#333;
    text-decoration:none;
    border: none;
  }
  
  #ltr_menu_besar .submenu li a:hover {
    background: #f8f8f8;
  }

  /* ===============================
   SUBMENU
================================ */
#menu_kecil .submenu {
    max-height: 0;
    overflow: hidden;
    background: #f9f9f9;
    transition: max-height 0.3s ease-in-out;
    float: left;
}

/* TAMPIL saat hover / tap */
#menu_kecil li.has-submenu:hover > .submenu,
#menu_kecil li.has-submenu:focus-within > .submenu {
    max-height: 500px;
}

/* Item submenu */
#menu_kecil .submenu li a {
    padding: 10px;
    font-size: 14px;
    background: #f9f9f9;
}

#menu_kecil .submenu li a:hover {
    background-color: rgba(255, 255, 0, 0.5);
}

/* ===============================
   ICON PANAH
================================ */
#menu_kecil .has-submenu > a::after {
    content: "▾";
    float: right;
    transition: transform 0.3s ease;
}

#menu_kecil li.has-submenu:hover > a::after,
#menu_kecil li.has-submenu:focus-within > a::after {
    transform: rotate(180deg);
}

#toggle {display: none;width: 50px;padding: 15px 20px 15px 10px;float: right;background-color: white;}
#toggle div {width: 100%;height: 2px;background: gray;margin: 6px;transition: all 0.3s;backface-visibility: hidden;}
#toggle.on .one {transform: rotate(45deg) translate(5px, 5px);}
#toggle.on .two {opacity: 0;}
#toggle.on .three {transform: rotate(-45deg) translate(7px, -8px);}
#menu_kecil, #menu_kecil2 {color: white;width: 100%;display: none;margin: 0;padding: 15px 0 15px;float: left;background-color: white;}
#menu_kecil ul, #menu_kecil2 ul{padding-left: 0;}
#menu_kecil li, #menu_kecil2 li{list-style: none;float: left;width: 100%;padding: 0 17px 0;color: #00264d;}
#menu_kecil li a, #menu_kecil2 li a{width: 100%;float: left;color: #00264d;border-bottom: 1px solid #E6E6E6;padding: 7px 0 7px 0}
#menu_kecil #aktif{font-weight: bold;}
#menu_kecil2{background-color: #e0e0e0}
#menu_kecil2 li a{border-color: #c1c1c1}

.kaki{padding-bottom: 30px;padding-top: 20px;background-color: #3a65af;color: #dbe7fc;padding-left: 45px;padding-right: 45px;}
.kaki address{margin-bottom: 0;}
.kaki td{padding-top: 7px;}
.kaki .td1{width: 19px;}
.kaki a{text-decoration: none;color: #dbe7fc;}
.kaki a:hover{color: white;}
.kaki h4{color: white;}
.kaki .garis{height: 1px;}
.kaki .garis1{background-color: #1e2a40}
.kaki .garis2{background-color: #6888c0;}

.kaki2{background-color: #1e2a40;color: white;padding-top: 10px;padding-bottom: 5px;font-family: 'Verdana', 'Arial'}

.judul_konten{color: #2D3286;font-weight: normal;font-size: 22px;margin-top: 0;}

.ltr_berita{padding-left: 45px;padding-right: 45px;padding-bottom: 30px;background-color: #e4e4e4;}
.ltr_berita .judul_konten{margin-top: 25px;color: #337ab7;}
.ltr_berita img{width: 100%;}
.ltr_berita .small{color: #2D3286;width: 100%;float: left;margin-bottom: 7px;}
.ltr_berita .small .wk{float: left;width: 100%;}
.ltr_berita .small .sk{float: left;width: 100%;}
.ltr_berita .sekilas{color: #636363;line-height: 1.5;}

.ltr_berita .ltr_itm_berita{margin-bottom: 30px;background-color: white;width: 100%;float: left;}
.ltr_berita .ltr_itm_berita2{width: 100%;float: left;padding: 7px 17px 17px;}
.ltr_berita .ltr_itm_berita2 p{margin: 0;}
.ltr_berita .garis2{background-color: #d9d9d9}

.ltr_daftar_berita{padding-left: 45px;padding-right: 45px;padding-bottom: 30px;padding-top: 15px;background-color: #F0F0F0;}
.ltr_daftar_berita .judul_konten{color: #2D3286;font-weight: normal;padding-bottom: 0;}
.ltr_daftar_berita img{float: left;width: 100%;}
.ltr_daftar_berita .small{color: #2D3286;width: 100%;float: left;margin-bottom: 7px;}
.ltr_daftar_berita .small .wk{float: left;width: 100%;}
.ltr_daftar_berita .small .sk{float: left;width: 100%;}
.ltr_daftar_berita .isi_berita{color: #636363;line-height: 1.5;}
.ltr_daftar_berita .ltr_berita_lnn h5{margin-bottom: 0;}
.ltr_daftar_berita .ltr_berita_lnn small{float: left;}
.ltr_daftar_berita .ltr_berita_lnn .wk{color: gray}
.ltr_daftar_berita .link_gambar{width: 30%;float: left;}
.ltr_daftar_berita .ltr_itm_berita{margin-bottom: 15px;background-color: white;width: 100%;float: left;border-right: 2px solid #497EA8;}
.ltr_daftar_berita .ltr_itm_berita2{float: left;padding: 7px 17px 17px;width: 70%;}
.ltr_daftar_berita .ltr_itm_berita2 p{margin: 0;}
.ltr_daftar_berita .ltr_itm_berita2 h5{margin-bottom: 0;}
.ltr_daftar_berita .ltr_itm_berita2 small{color: gray}

.ltr_berita_slngkp{padding-bottom: 30px;padding-left: 45px;padding-right: 45px;border-top: 1px solid #F0F0F0;}
.ltr_berita_slngkp .judul_konten{color: #337ab7;font-weight: normal;margin-top: 15px;font-size: 14px}
.ltr_berita_slngkp img{width: 100%;margin-bottom: 9px;}
.ltr_berita_slngkp .small{color: #2D3286;width: 100%;float: left;margin-bottom: 7px;}
.ltr_berita_slngkp .small .wk{float: left;width: 100%;color: #323232}
.ltr_berita_slngkp .small .sk{float: left;width: 100%;}
.ltr_berita_slngkp .judul_berita a{color: #323232;}
.ltr_berita_slngkp .isi_berita{color: #636363;line-height: 1.5;}
.ltr_berita_slngkp .ltr_berita_lnn{padding-bottom: 15px;padding-top: 15px;border-left: 1px solid #F0F0F0;background-color: #f7f7f7;}
.ltr_berita_slngkp .ltr_berita_lnn h5{margin-bottom: 0;}
.ltr_berita_slngkp .ltr_berita_lnn small{float: left;}
.ltr_berita_slngkp .ltr_berita_lnn .wk{color: gray}
.ltr_berita_slngkp .uhuy2{float: left;font-weight: normal;margin-right: 5px;padding-top: 5px;margin-bottom: 0;}

.ltr_butiran_kata{padding-bottom: 30px;padding-top: 30px;padding-left: 45px;padding-right: 45px;}
.ltr_butiran_kata .judul_konten{color: #054b07;font-size: 29px;}
.ltr_butiran_kata .judul_konten2{color: #2E6DA4;}
.ltr_butiran_kata h5{margin-bottom: 0;color: green;}
.ltr_butiran_kata small{padding-bottom: 10px;}
.ltr_butiran_kata .fa{font-size: 47px;}
.ltr_butiran_kata .ar{margin-bottom: 0;color: green}

.ltr_tentang{padding-left: 45px;padding-right: 45px;padding-bottom: 30px;border-top: 1px solid #F0F0F0;color: #636363;}
.ltr_tentang img{width: 100%;float: left;}
.ltr_tentang .kanan{padding-bottom: 15px;padding-top: 15px;border-left: 1px solid #F0F0F0;background-color: #f7f7f7;}
.ltr_tentang .kanan h5{margin-bottom: 0;}
.ltr_tentang .kanan small{float: left;}
.ltr_tentang .kanan .wk{color: gray}

.ltr_deskrip{padding-top: 20px;padding-left: 45px;padding-right: 45px;padding-bottom: 30px;color: #636363;background-color: rgba(255, 255, 255, 0.55);color: black;}
.ltr_deskrip .ltr1{font-size: 60px;border-right: 1px solid #f0bc1a;float: left;padding-right: 7px;margin-right: 7px;}
.ltr_deskrip .ltr2{float: left;width: 87%;padding-top: 3px;}

.pendidikan2{border-top: none;padding-bottom: 0;}
.pendidikan2 h2, .pendidikan2 .a2{color: #012331;}
.pendidikan2 .a2{border: 1px solid #0175b0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pendidikan2 a{color: #013a57}
.pendidikan2 h3{margin-bottom: 3px}
.pendidikan2 .garis{margin-bottom: 0px;}

.ltr_galeri_foto{background-color: #343434;padding-bottom: 30px;padding-top:10px;background-image: url('../gambar/background/ltr_galeri_foto.jpg');background-repeat: no-repeat;background-size: 100% 100%;}
.ltr_galeri_foto img{width: 100%;float: left;}
.ltr_galeri_foto h4{margin-top: 25px;color: #22adfd;}
.ltr_galeri_foto .garis1{background-color: #fd7222}
.ltr_galeri_foto .garis2{background-color: rgba(255,255,255,0.3);}
.ltr_galeri_foto a{color: white}
.ltr_galeri_foto .ltr_ket{float: left;width: 100%;background-color: rgba(255,255,255,0.25);color: white;padding: 15px;text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ltr_galeri_foto a:hover .ltr_ket{background-color: rgba(255,255,255,0.4);}
.ltr_galeri_foto iframe{width: 100%;height: 203px;float: left;}

.ltr_pda{padding-left: 45px;padding-right: 45px;padding-bottom: 30px;padding-top: 10px;border-top: 1px solid #F0F0F0;color: #636363;}
.ltr_pda .col-sm-4{margin-top: 20px;float: left;}
.ltr_pda h4{color: #013a57;font-size: 29px;}

.ltr_agenda{margin-bottom: 7px;width: 100%;float: left;font-size: 12px;}
.ltr_agenda .bag1{width: 20%;color: #5b5b5b;float: left;padding: 5px 3px 5px 0px;}
.ltr_agenda .bag1, .ltr_agenda .bag2{float: left;}
.ltr_agenda .bag2{width: 80%;padding: 5px 5px;border-left: 1px solid #b3b3b3;}
.ltr_agenda .tgl{width: 100%;float: left;}
.ltr_agenda .hr{font-size: 27px;line-height: 19px;}

.ltr_download p{font-size: 16px;}

.ltr_pengumuman p{font-size: 16px;margin-bottom: 0;}
.ltr_pengumuman{width: 100%;float: left;margin-bottom: 10px;}

.ltr_brosur_official{min-height: 100px;padding-bottom: 30px;}
.ltr_brosur_official a{border: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ltr_brosur_official .a1{color: #0175b0;border: 1px solid #0175b0;}
.ltr_brosur_official .a2{background-color: #47c3f6;color: white;border: 1px solid #4cd2ff;}
.ltr_brosur_official .a1:hover{background-color: #e8e8e8;}
.ltr_brosur_official .a2:hover{background-color: #00a0e2;color: white;}
.ltr_brosur_official h2{color: #012331;}
.ltr_brosur_official .fa{font-size: 37px;}

.kiri{float: left;margin-top: 0px;text-align: center;width: 110px;background-color: #00264d;padding-bottom: 5px;padding-left: 5px;padding-right: 5px;}
.kiri img{width: 50px;}
.kiri #jd-h{color: white;margin: 0;}

.ltr_dsr_galeri_selengkapnya {background-color: #e2e2e2}
.ltr_galeri_selengkapnya .b1{border-left: 3px solid;border-color: #c7c7c7;margin-left: 0px;}
.ltr_galeri_selengkapnya .b2{border-left: 1px solid;padding-bottom: 50px;padding-top: 50px;position: relative}
.ltr_galeri_selengkapnya .b3{position: absolute;top: 64px;left: -6px;font-size: 21px;}
.ltr_galeri_selengkapnya .b4{float: left;width: 100%;background-color: white;color: black;padding: 15px;text-align: center;}

#ltr_lang_kecil{float: right;display: none;}
#ltr_lang_kecil h4{border: 1px solid white;border-radius: 3px;padding: 9px 5px;margin-right: 10px;cursor: pointer;color: white;}
#ltr_lang_kecil h4:active{color: #00264d;background-color: white;}

@media screen and (max-width: 1023px) {
    #ltr_lang_kecil{display: block;}
    .ltr_dasar_menu{margin-bottom: 51px;}
    .kiri{width: 200px;}
    .kiri #jd-h{float: left;padding: 11px 0 0 3px;}
    .kiri img{margin-top: 5px;float: left;}
    
    .ltr_slide .col-xs-12{height: 350px;}
    
    .ltr{padding-left: 15px;padding-right: 15px;}
    .ltr_menu{padding-left: 0;padding-right: 0;}
    
    .ltr_menu{position: fixed;background-color: rgba(0, 38, 77,1);z-index: 10;box-shadow: 1px 1px 10px black;}
    .ltr_tombol_share{display: none;}
    
    .judul_konten{margin-top: 0;}
    
    .garis1, .garis3{width: 30%;}
    .garis2{width: 70%;}
    
    #menu_besar{display: none;}
    #toggle{display: block;}
    .menu{padding-bottom: 0;}
    .menu .ltr1{width: 55px;height: 67px;margin-right: 5px}
    .menu h3{font-size: 20px;margin-top: 10px;}
    .menu .tombol_share_besar{display: none;}
    
    .ltr_berita img{width: 100%;}
    .ltr_berita .sekilas{display: none;}
    
    .ltr_daftar_berita .link_gambar{width: 30%;margin-left: 19px;}
    .ltr_daftar_berita .ltr_itm_berita2{width: 100%;padding-top: 0;padding-bottom: 0;}
    
    .ltr_berita_slngkp{padding-bottom: 0px;}
    .ltr_berita_slngkp img{width: 100%;}
    
    .ltr_tentang_lng{padding-bottom: 0;}
    .ltr_tentang_lng .kanan{padding-bottom: 20px;}
    
    .ltr_tentang img{width: 100%;margin-bottom: 15px;}
    
    .pendidikan2{padding-bottom: 20px;}
    
    .ltr_deskrip .ltr1{border:none;}
    .ltr_deskrip .ltr2{float: left;width: 100%;padding-top: 15px;}
    
    .ltr_galeri_foto .ltr_foto2{margin-top: 10px;margin-bottom: 10px;}
    
    .ltr_galeri_selengkapnya{padding-bottom: 30px}
    .ltr_galeri_selengkapnya .b2{padding-bottom: 20px;padding-top: 20px;}
    
    .ltr_butiran_kata .judul_konten_mr{margin-top: 20px}
    .kaki .h4_mr{margin-top: 20px}
}
@media screen and (max-width: 1023px) {
    .ltr_butiran_kata .judul_konten_mr{margin-top: 20px}
    .kaki .h4_mr{margin-top: 20px}
}