.navbar-default {
  height: 70px;
  background-color: #fff;
  webkit-box-shadow: 0px 1px 1px #d0d4d9;
  box-shadow: 0px 1px 1px #d0d4d9;
}

.header-container {
  position: relative;
}

.header-menu {
  top: 10px;
  right: 0;
  bottom: 10px;
  left: 0;
  position: absolute;
  width: auto;
  height: 50px;
  z-index: 3;
  display: flex;
}

.list-menu {
  display: inline-block;
  height: 50px;
  width: 50%;
}

.list-menu:nth-of-type(2) {
  text-align: right;
  vertical-align: middle;
}

.list-menu:nth-of-type(1) {
  text-align: left;
  vertical-align: middle;
}

.list-menu:nth-of-type(1) li {
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.list-menu:nth-of-type(2) li {
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.link--logo {
  display: inline-block;
  max-width: 175px;
  max-height: 50px;
  margin-right: 25px;
}

.link--logo img {
  width: 100%;
}

.link-kategori {
  display: inline-block;
  height: 45px;
  width: 45px;
  text-align: center;
  font-size: 22px;
  background-color: #ddd;
  border-radius: 25px;
  padding: 7px 4px;
  color: #fff;
  transition: all .3s;
}

.link-kategori-tab {
  display: inline-block;
  height: 45px;
  width: 45px;
  text-align: center;
  font-size: 22px;
  background-color: #ddd;
  border-radius: 25px;
  padding: 7px 4px;
  color: #fff;
  transition: all .3s;
}

a:hover {
  color: #379E77;
  text-decoration: none;
}

a {
  color: #55cc9f;
  font-size: 14px;
  font-family: 'Open Sans';
}

.warna-pesawat {
  background-color: #55cc9f;
}

.warna-kereta {
  background-color: #7B82D9;
}

.warna-hotel {
  background-color: #C17AD6;
}

.warna-digital {
  background-color: #E17B7E;
}

.link-kategori:hover {
  opacity: .8;
  color: #fff;
  margin-top: -5px;
}

.btn-primary {
  color: #fff;
  background-color: #55cc9f;
  border-color: #55cc9f;
  /*height: 45px;*/
}

.border-rounded {
  border-radius: 50px !important;
}

.btn {
  border-radius: 4px;
  padding: 10px 20px;
}

.btn-primary:hover {
  color: #fff;
  background-color: #379e77;
  border-color: #379e77;
}

.btn-secondary {
  color: #fff;
  background-color: #cad0d6;
  border-color: #cad0d6;
  position: relative;
  border-radius: 25px;
}

.btn-secondary i {
  display: inline-block;
  position: absolute;
  width: 35px;
  height: 35px;
  font-size: 35px;
  background-color: transparent;
  border-radius: 25px;
  top: 4px;
  left: 5px;
  text-align: center;
  color: #eceeef;
}

.btn-akun {
  padding-left: 50px;
}

.link-topbar {
  color: #333;
  display: inline-block;
  transition: all .3s;
}

body {
  font-family: 'Open Sans';
}

.link-topbar img {
  height: 24px;
  margin-right: 5px;
  vertical-align: middle;
}

.warna-orange {
  color: #f44336 !important;
}

@media (min-width:1200px) {
  .container {
    max-width: 1175px;
  }
}

.link-topbar:hover {
  opacity: .8;
}

.section-hero {
  padding: 5em 0;
  background-image: -moz-linear-gradient( 49deg, rgb(123,211,179) 0%, rgb(65,196,148) 100%);
  background-image: -webkit-linear-gradient( 49deg, rgb(123,211,179) 0%, rgb(65,196,148) 100%);
  background-image: -ms-linear-gradient( 49deg, rgb(123,211,179) 0%, rgb(65,196,148) 100%);
  position: relative;
}

.gambar--bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1;
}

#hero1 {
  position: absolute;
  top: 0;
  right: 0;
  opacity: .5;
  height: 100%;
}

#hero2 {
  position: absolute;
  bottom: 2%;
  left: 5%;
  height: 150px;
}

.container-hero {
  position: relative;
  z-index: 5;
  padding-top: 2.5em;
  padding-bottom: 3.5em;
}

.kartu--promo {
  position: relative;
  overflow: hidden !important;
  width: 100%;
  height: 220px;
  background-color: #000;
  border-radius: 8px;
  box-shadow: 0px 5px 8px 0px rgba(39,85,73,0.38);
  -webkit-box-shadow: 0px 5px 8px 0px rgba(39,85,73,0.38);
}

.kartu--promo img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  margin: auto;
  bottom: 0;
  opacity: .8;
  transform: scale(1.1);
  z-index: 1;
  transition: all .3s;
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}

.kartu--promo-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 25px;
  z-index: 2;
}

.kartu--promo-info h1 {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 15px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-family: 'Open Sans';
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.kartu--promo-info h1 span {
  display: block;
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
}

.tombol-cta {
  padding: 5px 20px;
  background-color: #e4364e;
  border-radius: 25px;
  color: #fff;
  font-size: 16px;
  transition: .3s;
}

.tombol-cta-besar {
  padding: 12px 35px;
  background-color: #f54646;
  border-radius: 25px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  transition: .3s;
  font-weight: 600;
  box-shadow: 0px 5px 15px 0px rgba(174, 53, 53, 0.25);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(174, 53, 53, 0.25);
}

.tombol-cta-kecil {
  padding: 5px 25px;
  background-color: #f54646;
  border-radius: 25px;
  color: #fff;
  font-size: 15px;
  display: inline-block;
  transition: .3s;
  font-weight: 600;
  box-shadow: 0px 5px 15px 0px rgba(174, 53, 53, 0.25);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(174, 53, 53, 0.25);
}

.tombol-cta-kecil:hover {
  color: #fff;
  background-color: #cc2f45;
}

.tombol-cta:hover {
  color: #fff;
  background-color: #cc2f45;
}

.tombol-cta-besar:hover {
  color: #fff;
  background-color: #da3a3a;
}

.kartu--promo:hover img {
  opacity: 0.50;
  transform: scale(1.2);
  filter: blur(2px);
}

.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5%;
  color: #fff;
  font-size: 26px;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease;
}

.carousel-control-prev {
  left: -10%;
}

.carousel-control-next {
  right: -10%;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -15%;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  border-radius: 40px !important;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  opacity: .5;
  transition: opacity .6s ease;
}

.section-formulir {
  position: relative;
  margin-top: -3%;
  z-index: 10;
  padding-bottom: 2.5em;
}

.formulir-penuh {
  background-color: #fff;
  width: 75%;
  margin: auto;
  padding: 25px 25px 50px 25px;
  border-radius: 4px;
  box-shadow: 0px 10px 30px 0px rgba(125, 145, 138, 0.15);
  border: 1px solid #d9eee8;
  position: relative;
}

.menu--tab {
  position: absolute;
  top: -25px;
  z-index: 10;
}

.menu--tab a {
  margin: 0 5px;
}

.nav-tabs .tab-bulat {
  display: inline-block;
  height: 45px;
  width: 45px;
  text-align: center;
  font-size: 20px;
  background-color: #cfd8d9;
  border-radius: 25px;
  padding: 6px 0;
  color: #94a6a8;
  transition: all .3s;
}

.nav-tabs .tab-bulat:focus, .nav-tabs .tab-bulat:hover {
  border-color: #41c494 !important;
  background-color: #41c494;
  margin-top: -7px;
  color: #fff;
  box-shadow: 0px 8px 10px 0px rgba(73,137,117,0.22);
  -webkit-box-shadow: 0px 8px 10px 0px rgba(73,137,117,0.22);
}

.nav-tabs .nav-item.show .tab-bulat, .nav-tabs .tab-bulat.active {
  color: #e9ecef;
  background-color: #41c494;
  border-color: #41c494;
  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.22);
  margin-top: -7px;
}

.nav-tabs {
  border-bottom: none;
}

.tab-konten {
  padding-top: 1em;
}

.judul-kecil {
  font-size: 18px;
  color: #5c5c5c;
  font-weight: 600;
  margin-bottom: 15px;
}

.judul-label {
  font-size: 95%;
  color: #5c5c5c;
  font-weight: 500;
  margin-bottom: 15px;
}

.div-btn {
  text-align: center;
  position: relative;
  z-index: 10;
  margin-top: -30px;
}

.tombol-cta-besar i {
  margin-right: 10px;
}

.paragrap-kecil {
  font-size: 12px;
  color: #718082;
}

.paragrap-kecil a {
  font-weight: 600;
  margin: 0 2px;
}

.section-umum {
  padding: 3em 0;
}

.lebar-75 {
  width: 75% !important;
  margin: auto;
}

.div-center {
  text-align: center;
  margin-bottom: 25px;
  position: relative;
}

.div-kiri {
  text-align: left;
  margin-bottom: 25px;
}

.judul-besar {
  font-size: 28px;
  color: #47504f;
  font-weight: 600;
}

.paragrap-medium {
  font-size: 16px;
  color: #47504f;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: 'Lato';
}

.link-maskapai {
  display: inline-block;
  height: 25px;
  margin: 10px;
}

.link-maskapai img {
  width: auto;
  height: 100%;
}

.gambar-unggulan {
  padding-right: 15px;
}

.gambar-unggulan img {
  width: 100%;
  height: auto;
}

.judul-sedang {
  font-size: 20px;
  font-weight: 600;
  color: #47504f;
  margin-bottom: 10px;
}

.judul-promo {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
}

.judul-subtab {
  font-size: 16px;
  font-weight: 600;
  color: #666666;
  margin-bottom: 10px;
}

.list-fitur {
  padding: 25px 0;
}

.section-newsletter {
  padding: 2em 0;
  background-color: #54c0a5;
}

.form--newsletter {
  background-color: #fff;
  border-radius: 45px;
  padding: 6px;
  height: 50px;
}

.input-newsletter {
  border: none !important;
  border-radius: 40px;
  height: calc(2.2rem + 2px) !important;
  background-color: transparent !important;
}

.btn-rounded {
  border-radius: 40px !important;
  height: 100%;
  padding: 5px 20px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #379e77;
  border-color: #379e77;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(55,158,119,0.23);
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #54c0a5;
  outline: 0;
  box-shadow: none;
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(65,196,148,0.17);
}

.footer {
  padding: 5em 0;
  background-color: #dce7e4;
  position: relative;
}

.footer-widget {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 25px;
}

.footer-logo {
  width: 75%;
  margin: auto;
  margin-bottom: 25px;
}

.kolom-hubungi img {
  width: 80px;
  margin-right: 10px;
  height: 80px;
}

.kolom-hubungi {
  display: flex;
  margin-top: 25px;
  margin-bottom: 25px;
}

.judul-footer-widget {
  font-size: 20px;
  font-weight: 600;
  color: #47504f;
  margin-bottom: 25px;
  display: block;
}

.list-link-footer {
  list-style: none;
  padding: 0;
}

.list-link-footer li {
  padding: 5px 0;
}

.list-link-footer li a {
  font-size: 16px;
  color: #5e6867;
  display: block;
  transition: .3s;
}

.list-footer-gambar {
  padding: 0;
}

.list-footer-gambar li {
  margin-right: 10px;
}

.list-footer-gambar li a {
  display: inline-block;
  height: 22px;
  margin-bottom: 4px;
  font-size: 20px;
  color: #5e6867;
}

.list-footer-gambar li a img {
  height: 100%;
}

.link-ikon {
  margin-right: 20px;
}

.footer-copyright {
  text-align: center;
  padding: 15px;
  position: absolute;
  width: 50%;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer-copyright p {
  font-size: 12px;
  color: #a6afac;
  margin: 0;
}

.list-link-footer li a:hover {
  color: #495057;
}

.label-form {
  font-size: 12px;
  color: #888;
  font-weight: 500;
  margin-bottom: 5px;
}

.custom-select:focus {
  border-color: #55cc9f;
  outline: 0;
  box-shadow: none;
}

.form-input {
  margin-bottom: 15px;
}

.btn-light {
  background-color: #fbfbfb;
  border-color: #eee;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #d0dede;
  color: #5e6867;
  border: 0;
  border-radius: 0;
}

.dropdown-item {
  border: none;
  border-radius: 0;
}

.hotel.show .hotel, .hotel.active {
  background-color: #c17ad6 !important;
  border-color: #c17ad6 !important;
}

.kereta.show .kereta, .kereta.active {
  background-color: #7b82d9 !important;
  border-color: #7b82d9 !important;
}

.hotel:focus, .hotel:hover {
  background-color: #c17ad6 !important;
  border: none;
}

.kereta:focus, .kereta:hover {
  background-color: #7b82d9 !important;
  border: none;
}

.digital:focus, .digital:hover {
  background-color: #e17b7e !important;
  border: none;
}

.digital.show .digital, .digital.active {
  background-color: #e17b7e !important;
  border-color: #e17b7e !important;
}

.tombol-facebook {
  background-color: #3b5998;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  display: inline-block;
  margin: 5px;
}

.tombol-google {
  background-color: #fbfbfb;
  padding: 10px 20px;
  color: #495057;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  display: inline-block;
  margin: 5px;
  border: 1px solid #ddd;
  transition: .3s;
}

.tombol-facebook:hover {
  color: #fff;
  background-color: #354f87;
}

.tombol-google:hover {
  color: #495057;
  background-color: #e9ecef;
}

.tombol-facebook i {
  margin-right: 10px;
}

.tombol-google i {
  margin-right: 10px;
}

.teks-atau {
  display: inline-block;
  padding: 0 5px;
  background-color: #fff;
  position: relative;
  z-index: 2;
  color: #dddddd;
  font-weight: 700;
}

.hr-atau {
  width: 100px;
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
  margin: 0 auto;
  border-top: 3px solid #eee;
  z-index: 1;
}

.div-register {
  width: 60%;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  font-size: 14px;
  color: #5c5c5c;
}

.link-lupapassword {
  float: right;
  display: inline-block;
  color: #5e6867;
}

.indikator-step {
  padding: 5px 10px;
  background-color: #d0d4d9;
  border-radius: 25px;
  color: #eceeef;
  display: inline-block;
  opacity: .7;
}

.list-step {
  display: inline-block;
  padding: 2px;
}

.list-step li {
  margin: 0 10px;
}

.list-step li:last-child {
  margin: 0;
}

.indikator-step.active {
  background-color: #7bd3b3;
  color: #fff;
  opacity: 1;
}

.indikator-step:hover {
  opacity: .9;
  color: #fff;
}

.top-indikator {
  margin-bottom: 25px;
}

.nav-tabs .tab-bayar {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  color: #888;
  font-family: 'Open Sans';
  font-weight: 600;
}

.nav-tabs .tab-bayar:focus, .nav-tabs .tab-bayar:hover {
  border-bottom-color: #379e77;
}

.nav-tabs .nav-item.show .tab-bayar, .nav-tabs .tab-bayar.active {
  color: #41c494;
  background-color: transparent;
  border-bottom-color: #41c494;
}

.nav-tabs .tab-bayar {
  margin-bottom: 0;
}

.nav-bayar .nav-item {
  margin-bottom: -2px;
}

.tab-konten-bayar {
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-bottom: 25px;
}

.div-judul-tab {
  padding: 15px;
  border-bottom: 1px solid #eee;
}

.div-tab-konten {
  padding: 15px;
}

.alert-info {
  color: #6d7778;
  background-color: #eaf9fa;
  border-color: #b7f0f4;
}

.subjudul-kecil {
  font-size: 15px;
  font-weight: 600;
  color: #555555;
  font-family: 'Open Sans';
  margin-bottom: 15px;
}

.check-bank {
  padding: 15px 15px 15px 35px;
  margin-bottom: 5px;
  margin-top: 5px;
  border: 1px solid #ddd;
  display: block;
  border-radius: 4px;
}

.check-bank:first-child {
  margin-top: 0;
  padding-top: 10px;
}

.check-bank label {
  font-size: 17px;
  font-weight: 300;
  display: block;
  vertical-align: middle;
  padding-left: 0;
}

.check-bank img {
  float: right;
  height: 17px;
  width: auto;
  margin-top: 4px;
}

input[type=radio] {
  margin-right: 15px;
  margin-top: 1px\9;
  line-height: normal;
}

.table-harga {
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  color: #555;
}

.total-biaya {
  font-size: 16px;
  text-align: right;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 10px 0px;
  line-height: 1.42857143;
  vertical-align: top;
  border: none;
  font-family: 'Lato';
  color: #555555;
}

.desk-total {
  font-size: 16px;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

.div-detail-dibayar {
  padding: 15px;
  margin-left: -15px;
  background-color: #f3fafa;
  margin-right: -15px;
}

.free {
  margin: 0;
  color: #1ab8af;
}

.tabel-foter {
  font-weight: 600;
}

.info-id {
  color: #555555;
  font-size: 16px;
  margin-bottom: 0;
}

.alur-berangkat {
  padding: 15px;
  position: relative;
}

.div-fligt {
  display: flex;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.alur-kiri {
  width: 35%;
}

@media (min-width:767px) {
  .alur-kanan {
    display: inline-block;
    width: 65%;
  }
}

@media (max-width:767px) {
  .alur-kanan {
    display: inline-block;
  }
}

.info-pesanan {
  margin-bottom: 3em;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.15);
  transition: 0.3s;
  border-radius: 4px;
}

.logo-sumary {
  height: 40px;
  float: right;
}

.txt-flight-detial {
  font-size: 11px;
  color: #888;
  margin: 0;
}

.tx-pnb {
  color: #666;
  margin-top: 5px;
}

.id-booking {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
  background-color: #f9f9f9;
}

.perjalanan-info {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  margin-left: -15px;
  margin-right: -15px;
}

.id-booking:last-child {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #f9f9f9;
  margin-bottom: -15px;
  margin-top: 0;
}

.nama-penumpang {
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

.info-id span {
  margin-left: 5px;
  font-weight: 700;
}

.txt-transit {
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}

.ic-fasilitas {
  width: 12px;
  font-size: 12px;
  margin-left: 9px;
  margin-right: 2px;
  color: #fc9256;
  text-align: center;
  vertical-align: middle;
}

.form-control:focus {
  border-color: #1ab8af;
  outline: 0;
  -webkit-box-shadow: none;
}

.form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #eee;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.check-cc {
  padding: 10px 20px;
  margin-bottom: 15px;
}

.form-cc {
  margin-top: 15px;
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
}

.inside-cc {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}

.valid {
  width: 100%;
  margin-right: 15px;
}

.cvv {
  width: 100%;
}

.check-cc label {
  font-size: 16px;
  padding-left: 0;
  font-weight: 300;
}

.div-rute-det {
  /*margin-bottom: 10px;*/
  padding-left: 25px;
  position: relative;
  width: 100%;
  height: 50px;
}

.alur-kanan {
  display: inline-block;
  width: 70%;
}

.txt-alur {
  margin: 0;
  color: #666;
}

.txt-alur-panjang {
  color: #888;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

.line-det {
  position: relative;
  width: 1px;
  height: 100px;
  background: #cccccc;
  left: 5px;
  float: left;
  margin-right: 40px;
  margin-top: 6px;
}

.txt-alur-waktu {
  font-size: 12px;
  color: #888;
  margin: 0;
}

.line-rute {
  font-size: 10px;
  top: -5px;
  left: -4px;
  color: #32ccbc;
  position: absolute;
  background-color: #fff;
}

.line-rute2 {
  font-size: 18px;
  top: -5px;
  left: -8px;
  color: #32ccbc;
  position: absolute;
  background-color: #fff;
}

.line-rute-scn {
  font-size: 10px;
  bottom: -10px;
  left: -3px;
  color: #32ccbc;
  position: absolute;
  background-color: #fff;
}

.line-rute-scn2 {
  font-size: 18px;
  bottom: -10px;
  left: -8px;
  color: #32ccbc;
  position: absolute;
  background-color: #fff;
}

.alur-kiri-det {
  display: inline-block;
  vertical-align: top;
}

.label-lama {
  font-weight: 300;
  background: #cccccc;
  vertical-align: middle;
}

.alur-berangkat-det.pp {
  margin-left: 5px;
  margin-right: 5px;
  display: block;
}

.badge-primary {
  color: #fff;
  background-color: #32ccbc;
}

.subjudul-kecil span {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  border-radius: 25px;
  color: #fff;
  background-color: #41c494;
  margin-right: 15px;
}

.div-border {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.text-countdown {
  font-size: 26px;
  font-weight: 600;
  color: #379e77;
}

.text-countdown span {
  margin-right: 5px;
}

.div-lead {
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
  background-color: #f3fafa;
}

.logo-bank {
  height: 20px;
}

.info-tf {
  padding: 10px 15px;
  background-color: #fc9256;
  margin-top: -10px;
}

.foto-user-tab {
  width: 70px;
  height: 70px;
  background-color: #ddd;
  border-radius: 50px;
  margin-right: 10px;
  overflow: hidden;
  display: inline-block;
}

.foto-user-tab img {
  width: 100%;
  height: auto;
  transform: scale(1.1);
}

.div-inline {
  padding: 15px 20px;
  display: block;
}

.div-slas-info {
  display: inline-block;
  vertical-align: top;
}

.judul-subtab span {
  font-weight: 400;
  font-size: 14px;
  margin-left: 15px;
  color: #a6afac;
}

.label-form i {
  font-size: 16px;
  margin: 0 10px;
}

.judul-tab {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}

.form-isian {
  margin-bottom: 25px;
}

.bg-info-ligt {
  background-color: #f5f5f5;
}

.div-instruksi {
  width: 85%;
  margin-top: 15px;
  padding: 1em 15px;
  text-align: center;
  margin: auto;
}

.ic-konfirmasi {
  font-size: 3em;
  color: #888;
  padding: 10px;
}

.instruksi-konfirmasi {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px;
  color: #888;
  line-height: 1.4;
}

.text-instruksi-upload {
  color: #888;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
}

.div-upload {
  margin-top: 15px;
}

.bg-sedang {
  background-color: #edf4f3;
}

.bg-hotel {
  background-color: #c27ad7 !important;
  background-image: none;
}

.card-hotel {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: #000;
  width: 100%;
  height: 180px;
}

.card-hotel img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  margin: auto;
  bottom: 0;
  opacity: .6;
  transform: scale(1.1);
  z-index: 1;
  transition: all .3s;
}

.card-hotel:hover img {
  opacity: 0.50;
  transform: scale(1.2);
  filter: blur(2px);
}

.bg-default {
  background-color: #41c494;
}

.card-penerbangan-dipilih {
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 10px 30px 0px rgba(125, 145, 138, 0.15);
}

.text-pesawat {
  color: #41c494 !important;
}

.form-pencarian {
  background: #fff;
  padding: 15px;
  position: relative;
  z-index: 304;
  transition: 0.3s;
  border: 1px solid #eee;
  margin-bottom: 20px;
}

.dropdown-filter {
  padding: 5px 15px;
  color: #888;
  text-decoration: none;
}

.dropdown-filter:hover {
  color: #555;
  text-decoration: none;
}

tr.top-filter {
  border: 1px solid #eee;
}

.filter-hasil {
  padding-left: 18px;
  padding-right: 18px;
  height: 50px;
  margin-bottom: 15px;
  border: 1px solid #eee;
  display: flex;
}

.flex-item {
  padding: 10px 0;
  color: #4e4e4e;
  margin-left: 5px;
  flex-grow: 1;
}

.w-40 {
  width: 40%;
}

.btn-sort {
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 12px;
  text-decoration: none;
  color: #555;
}

.select-sort {
  height: auto !important;
  margin-top: -4px;
  margin-right: 0;
  background-color: #eceeef;
  border-radius: 3px;
}

.div-slotpergi {
  display: flex;
  margin-left: -12px;
  margin-right: -12px;
  padding: 15px 12px;
  position: relative;
}

.div-l-airline {
  display: inline-block;
  width: 55px;
  /*height: 40px;*/
  text-align: center;
  padding: 15px 0;
  vertical-align: top;
  float: left;
  margin-right: 7px;
}

.logo-airline {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.div-maska {
  width: 20%;
  padding: 5px 0;
  vertical-align: top;
}

.tt-keberangkatan {
  margin-top: 0;
  margin-bottom: 2px;
  color: #666;
  font-size: 16px;
  font-family: 'Roboto';
}

.tt-jam {
  margin-top: 0;
  margin-bottom: 2px;
  color: #666;
  font-size: 16px;
  font-family: 'Roboto';
}

.tt-waktu {
  color: #888;
  font-family: 'Roboto';
  font-size: 13px;
  margin: 0;
}

.tt-bandara {
  color: #888;
  font-family: 'Roboto';
  font-size: 13px;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tt-airline {
  font-size: 9px;
  color: #888;
}

.div-arive {
  width: 13%;
  vertical-align: top;
  padding: 5px;
}

.div-itm-fasilitas {
  width: 10%;
  vertical-align: top;
  padding: 5px;
  text-align: center;
}

.tt-harga {
  font-size: 20px;
  font-family: 'Roboto';
  color: #32ccbc;
  margin-bottom: 20px;
  display: block;
  vertical-align: middle;
}

.tbl-booking:focus {
  background: #1ab8af;
  color: #fff;
}

.div-hrg {
  text-align: center;
  width: 20%;
  top: 0;
  position: absolute;
  right: 0;
  bottom: -30px;
  background-color: #eaf9fa;
  padding: 20px 15px;
}

.div-slotpergi.kedi {
  margin: 0;
  /*margin-top: 10px;*/
  transition: 0.3s;
  margin-bottom: 0px;
  border: none;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-slotpergi.kedi:hover {
  border-color: #1a6ec1;
  cursor: pointer;
}

.mini {
  padding: 0;
  text-align: center;
}

.txt-kecil {
  font-size: 12px;
}

.nopad {
  padding: 5px;
  width: 60px;
  /*height: 55px;*/
  float: left;
  margin-right: 10px;
}

.div-arive {
  padding: 10px 0;
  color: #4e4e4e;
  margin-left: 5px;
  width: 10%;
}

.div-terbang {
  padding: 10px 0;
  color: #4e4e4e;
  margin-left: 5px;
  width: 10%;
}

.div-start {
  padding: 10px 0;
  color: #4e4e4e;
  margin-left: 5px;
  width: 15%;
}

.alur-berangkat-det {
  padding: 15px 0;
  position: relative;
  vertical-align: top;
  margin-left: 15px;
  display: flex;
  margin-right: 15px;
  border-top: 1px solid #eee;
}

.alur-kanan {
  display: inline-block;
  width: 65%;
}

.txt-alur-panjang {
  color: #888;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

.txt-alur-waktu {
  font-size: 12px;
  color: #888;
  margin: 0;
}

.div-kolap {
  /*margin-top: 15px;*/
}

.div-item {
  border: 1px solid #eee;
  position: relative;
  margin-bottom: 20px;
  transition: 0.2s;
}

.link-kolapse {
  margin-left: 15px;
  /*position: absolute;*/
  margin-top: -18px;
  font-size: 12px;
  color: #32ccbc;
  display: inline-block;
  line-height: 27px;
  border-bottom: 2px solid transparent;
}

.link-kolapse:focus {
  color: #32ccbc;
  font-weight: 500;
  border-bottom: 2px solid #32ccbc;
}

.link-kolapse:hover {
  color: #10a39b;
  border-bottom: 1px solid #32ccbc;
}

.div-item:hover {
  border-color: #32ccbc;
}

.div-flx-lgo {
  width: 100px;
  max-width: 15%;
  padding: 0 10px;
  vertical-align: top;
  float: left;
  margin-right: 10px;
}

.logo-img {
  height: 35px;
  width: auto;
  margin-bottom: 10px;
}

.div-dtl-pmb {
  display: flex;
  margin-left: 15px;
  margin-right: 15px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}

.div-lft-pmb {
  width: 25%;
  text-align: left;
}

.title-pmb {
  font-weight: 400;
  color: #666;
  margin-top: 0;
  font-size: 16px;
  margin-bottom: 5px;
}

.txt-pmb {
  color: #666;
  font-weight: 300;
  margin: 0;
  font-size: 14px;
}

.div-lft-kr {
  width: 25%;
}

.item-harga {
  font-size: 16px;
  color: #4e4e4e;
  margin-bottom: 15px;
}

.div-durati {
  padding: 10px 0;
  color: #4e4e4e;
  margin-left: 5px;
  width: 10%;
}

.item-harga span {
  font-size: 23px;
  font-weight: 600;
  color: #f44336;
  font-family: 'Lato';
}

.tabel-pnb > tbody > tr > td {
  padding: 2px 0;
  font-size: 14px;
}

.tabel-harto > tbody > tr > td {
  padding: 5px 0;
  font-size: 14px;
}

.tgl {
  background-image: url(../../assets/img/icons8-calendar.png);
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 5px;
  background-position: 7px 10px;
}

.waktu {
  background-image: url(../../assets/img/icons8-realtime_protection.png);
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 5px;
  background-position: 7px 10px;
  text-indent: 35px;
}

.terbang {
  background-image: url(../../assets/img/icons8-airplane_take_off.png);
  background-repeat: no-repeat;
  text-indent: 35px;
  margin-bottom: 5px;
  background-position: 7px 10px;
}

.ichotel {
  background-image: url(../../assets/img/icons8-building.png);
  background-repeat: no-repeat;
  text-indent: 35px;
  margin-bottom: 5px;
  background-position: 7px 10px;
}

.mendarat {
  background-image: url(../../assets/img/icons8-airplane_landing.png);
  background-repeat: no-repeat;
  text-indent: 35px;
  margin-bottom: 5px;
  background-position: 7px 10px;
}

.penumpang {
  background-image: url(../../assets/img/icons8-conference_call.png);
  background-repeat: no-repeat;
  text-indent: 35px;
  margin-bottom: 5px;
  background-position: 7px 10px;
}

.kelas {
  background-image: url(../../assets/img/icons8-flight_seat.png);
  background-repeat: no-repeat;
  text-indent: 35px;
  margin-bottom: 5px;
  background-position: 7px 10px;
}

.material-icons.rotate {
  transform: rotate(90deg);
}

.w-60 {
  width: 60%;
}

.baris-penerbangan {
  border-top: 2px solid #7bd3b3;
  width: 50%;
  margin: 15px;
}

.baris-penerbangan:after {
  content: url(../../assets/img/icons8-airplane_landing.png);
  background-color: #fff;
  float: right;
  margin-top: -16px;
  padding: 2px;
}

.baris-penerbangan:before {
  content: url(../../assets/img/icons8-airplane_take_off.png);
  background-color: #fff;
  float: left;
  margin-top: -16px;
  padding: 2px;
}

.kartu-sidebar {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.sidebar-menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
}

.sidebar-menu li {
  margin: 5px 0;
}

.sidebar-menu li a {
  font-size: 16px;
  padding: 15px 20px;
  display: block;
  color: #555;
  transition: .3s;
}

.sidebar-menu li a i {
  width: 30px;
  font-size: 18px;
  vertical-align: baseline;
  color: #10a39b;
}

.sidebar-menu li a:hover {
  color: #10a39b;
  background-color: #eaf9fa;
}

.sidebar-menu li a:active {
  color: #10a39b;
  background-color: #eaf9fa;
}

.kartu-mainbar {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 20px;
  overflow: hidden;
}

.mainbar-bodi {
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.head-judul {
  font-size: 20px;
  color: #333;
  margin: 0 0 5px 0;
  width: 85%;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-weight: 600;
}

.subhead-judul {
  font-size: 16px;
  color: #555;
  margin: 0;
}

.tombol-edit {
  padding: 2px 10px;
  border-radius: 4px;
  color: #fc9256;
  border: 1px solid #fc9256;
  transition: .3s;
  position: absolute;
  top: 20px;
  right: 20px;
}

.tombol-edit:hover {
  background-color: #fc9256;
  color: #fff;
  border-radius: 4px;
}

.dash-top {
  border-top: 1px solid #eee;
}

.label-setting {
  color: #888;
  font-weight: 400;
  font-size: 16px;
}

.btn-group-sm > .btn, .btn-sm {
  padding: .25rem .5rem !important;
  font-size: .875rem !important;
  line-height: 1.5;
  border-radius: .2rem;
}

.btn-link:hover {
  color: #10a39b;
  text-decoration: underline;
}

.btn-link {
  font-weight: 400;
  color: #41c494;
}

.gambar-nofound {
  width: 150px;
  margin-bottom: 20px;
}

.promo-mainbar {
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
  height: 180px;
  background-color: #379e77;
  position: relative;
}

.promo-mainbar img {
  height: auto;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  transform: scale(1.2);
}

.tab-pembayaran .nav-link:focus, .tab-pembayaran .nav-link:hover {
  border-color: #10a39b;
}

.tab-kontak .nav-link:focus, .tab-kontak .nav-link:hover {
  border-color: #10a39b;
}

.tab-pembayaran .nav-item.show .tab-pembayaran, .tab-pembayaran .nav-link.active {
  color: #10a39b;
  background-color: transparent;
  border-color: #10a39b;
  font-weight: 700;
}

.tab-kontak .nav-item.show .tab-kontak, .tab-kontak .nav-link.active {
  color: #10a39b;
  background-color: transparent;
  border-color: #10a39b;
}

.tab-pembayaran .nav-link {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 14px;
  border-bottom: 2px solid #eee;
  padding: 10px 15px;
  font-weight: 500;
  color: #888888;
}

.tab-kontak .nav-link {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 16px;
  border-bottom: 3px solid #eee;
  padding: 15px 20px;
  font-weight: 600;
  color: #a3b0ae;
}

.tab-pembayaran {
  border-bottom: 1px solid #ddd !important;
  width: auto;
  display: block;
  margin: auto;
  background-color: #f3fafa;
}

.tab-kontak {
  /*border-bottom: 1px solid #eee !important;*/
  width: auto;
  display: block;
  margin: auto;
}

.tab-pembayaran .nav-item {
  display: inline-block;
}

.tab-kontak .nav-item {
  display: inline-block;
}

.div-mypoin {
  background-color: #c17ad6;
  padding: 20px !important;
  text-align: center;
  color: #fff;
}

.teks-besar {
  font-size: 32px;
  font-weight: 700;
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(45px + 1px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url([svg]) no-repeat right .75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #b9bec3;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: .25rem;
  border-right: 0;
}

.poin-item {
  border: 2px solid #eee;
  padding: 10px 5px;
  width: 100%;
  height: 75px;
  text-align: center;
  border-radius: 4px;
}

.poin-item img {
  height: 35px;
  margin-bottom: 5px;
}

.ctrl-poin-r {
  right: -2%;
  opacity: 1 !important;
}

.ctrl-poin {
  left: -2%;
}

.card-reward {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #000;
  height: 175px;
  border-radius: 4px;
  overflow: hidden;
}

.card-reward img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: .5;
  transform: scale(1.2);
}

.card-reward .dev {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.card-promo {
  border-radius: 4px;
  border: .5px solid #dee2ee;
  -webkit-box-shadow: 0 3px 9px -5px rgba(53,64,90,.23);
  box-shadow: 0 3px 9px -5px rgba(53,64,90,.23);
  background-color: #fff;
  overflow: hidden;
  max-height: 469px;
  transition: .3s;
}

.promo-header {
  background: #32ccbc;
  height: 175px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.promo-bodi {
  overflow: hidden;
  padding: 15px 20px;
}

.promo-header img {
  width: 100%;
  height: auto;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.promo-info {
  height: 60px;
  border-bottom: 1px solid #dee2ee;
  width: 100%;
}

.promo-periode {
  margin-top: 15px;
}

.teks-periode {
  color: #888;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px;
}

.teks-periode span {
  float: right;
  color: #333;
}

.promo-kode {
  display: table;
  margin-top: 17px;
  border-radius: 4px;
  background-color: #f5f6fa;
  position: relative;
  height: 58px;
  font-size: 14px;
  color: #8a93a7;
  width: 100%;
}

.tanpa-kode {
  display: table-cell;
  vertical-align: middle;
  padding: 7px 16px;
}

.promo-kode > div.active {
  line-height: 1.5;
  font-size: 13px;
  border-radius: 4px;
  border: .5px dashed #41c494;
  background-color: #f2fffc;
  color: #8a93a7;
  position: relative;
}

.promo-kode > div {
  display: table-cell;
  vertical-align: middle;
  padding: 7px 16px;
}

.promo-kode > div.active p {
  margin: 0;
}

.promo-kode > div.active .kode-promo {
  font-size: 16px;
  color: #41c494;
  font-weight: 600;
  display: inline-block;
}

.copy-clipboard {
  font-size: 14px;
  color: #8a93a7;
  font-weight: 500;
  float: right;
}

.h-promo {
  height: 60px;
}

.teks-filter {
  color: #888;
  display: inline-block;
  margin: 0;
}

.div-filter-promo {
  padding: 25px 0;
}

.filter-dr {
  display: inline-block;
  float: right;
}

.promo-banner-besar {
  height: 250px;
  overflow: hidden;
  background-color: #1ab8af;
  border-radius: 4px;
  /*background-image: url("https://tvlk.imgix.net/imageResource/2019/02/20/1550634864564-030e40d7f6af311911342a98d4258035.jpeg");*/
  background-position: center center;
  background-repeat: no-repeat;
}

.div-kupon {
  padding: 15px;
  display: block;
}

.div-kupon-card {
  width: 35%;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #f3fafa;
  text-align: left;
  margin: 5px;
}

.div-kupon-card i {
  font-size: 26px;
  float: left;
  height: 100%;
  padding: 20px 10px;
  text-align: center;
  background-color: #dee2ee;
  color: #a3b0ae;
  margin-right: 15px;
}

.kartu-kupon {
  width: 50%;
  margin: auto;
  background-color: #41c494;
  padding: 25px;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  margin-bottom: 25px;
  box-shadow: 0 3px 7px 0px rgba(16,41,32,0.15);
  -webkit-box-shadow: 0 3px 7px 0px rgba(16,41,32,0.15);
}

.kupon-teks {
  font-size: 24px;
  padding: 20px 15px;
  border-radius: 6px;
  background-color: #3cb388;
  font-weight: 700;
  border: 1px dashed #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
}

.kupon-teks:before {
  content: "";
  background: url(../../assets/img/gunting.png);
  left: 10px;
  top: -7px;
  position: absolute;
  width: 40px;
  height: 25px;
  background-repeat: no-repeat;
}

.card-promo:hover {
  border-color: #b5bacc;
}

.blog-unggulan {
  position: relative;
  margin: 0;
  height: 350px;
}

.blog-unggulan2 {
  position: relative;
  margin: 0;
  height: 100%;
}

.divblog-unggulan {
  /*padding: 5px;*/
  overflow: hidden;
  position: relative;
  height: 400px;
  display: block;
}

.bu-wide {
  width: 66.66%;
  padding: 3px;
  height: 100%;
  float: left;
  position: relative;
}

.bu-wide2 {
  width: 33.33%;
  padding: 3px;
  height: 50%;
  float: left;
  position: relative;
}

.item-blog-unggulan {
  margin: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0px;
  background-color: #333;
  overflow: hidden;
  border-radius: 2px;
}

.media-blg img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  opacity: 1;
  transition: .3s;
}

.div-fig {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 10px 15px;
  background-color: rgba(0,0,0,0.5);
}

.div-fig h1 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 5px;
}

.datepost {
  font-size: 14px;
  color: #fff;
  margin: 0;
}

.item-blog-unggulan:hover img {
  filter: blur(2px);
  opacity: 0.50;
}

.blog-item {
  position: relative;
  background-color: #fff;
  margin-bottom: 20px;
}

.blog-item-img {
  height: 200px;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}

.blog-item-img img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.blog-item a {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #333333;
  display: block;
  margin-bottom: 5px;
  transition: .2s;
}

.blog-item span {
  font-size: 12px;
  color: #6d7778;
}

.blog-item:hover a {
  color: #e4364e;
}

.blog-cover {
  overflow: hidden;
  max-height: 500px;
  width: 100%;
  margin-bottom: 25px;
  position: relative;
}

.blog-cover img {
  width: 100%;
}

.div-tag {
  position: relative;
  display: block;
  margin-left: -3px;
  margin-right: -3px;
  margin-bottom: 25px;
}

.blog-tag {
  font-size: 14px;
  display: inline-block;
  padding: 3px 10px;
  background-color: #e6e6e6;
  border-radius: 2px;
  margin: 3px;
}

.blog-top {
  padding: 10px 0;
  margin-bottom: 15px;
}

.judul-singleblog {
  font-size: 32px;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
}

.ava-penulis {
  width: 50px;
  height: 50px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50px;
  position: relative;
}

.ava-penulis img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  transform: scale(1.2);
}

.nama-penulis {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  margin-top: 5px;
}

.nama-penulis span {
  font-size: 12px;
  color: #888;
}

.blog-wrt {
  border-bottom: 1px solid #ddd;
}

.nama-penulis a {
  color: #555;
}

.blog-breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  margin-left: -10px;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: .25rem;
}

.blog-breadcrumb li a {
  color: #6d7778;
}

.d-artikel p {
  font-size: 16px;
  line-height: 1.7rem;
  font-weight: normal;
  margin-bottom: 1.5rem;
  color: #555;
}

.d-artikel h1 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 1.2rem;
}

.d-artikel h2 {
  font-size: 24px;
  font-weight: 600;
}

.d-artikel img {
  width: 100%;
  height: auto;
  margin-top: 15px;
  margin-bottom: 25px;
}

.d-artikel .blockquote {
  background-color: #fbfbfb;
  padding: 10px 20px;
  border-left: 4px solid #eee;
  margin-bottom: 2.5rem;
  margin-top: 1.5rem;
}

.d-artikel .blockquote p {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 15px;
  font-style: italic;
  color: #555;
}

.d-artikel .blockquote .blockquote-footer {
  font-size: 14px;
}

.d-artikel {
}

.relative-blg {
  display: flex;
  position: relative;
  width: 100%;
  margin-left: -5px;
  margin-right: -5px;
}

.relative-blg-itm {
  width: 50%;
  display: flex;
  padding: 5px;
  background-color: #fbfbfb;
  border: 1px solid #eee;
  margin: 5px;
  transition: .3s;
}

.relative-blg-itm .cvr-img {
  width: 70px;
  height: 50px;
  min-width: 70px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
}

.cvr-img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: scale(1.2);
}

.teks-next {
  margin-bottom: 5px;
  color: #888;
  float: right;
  font-weight: 300;
  font-size: 14px;
}

.teks-prev {
  margin-bottom: 5px;
  color: #888;
  float: left;
  font-size: 14px;
  font-weight: 300;
}

.relative-blg-itm a {
  font-size: 18px;
  color: #333;
}

.relative-blg-itm:hover {
  border-color: #32ccbc;
}

.f-label {
  font-size: 80%;
}

.judul-kecil2 {
  font-size: 95%;
}

.label-petunjuk {
  font-size: 12px;
  color: #999;
}

.item-order {
  border: 1px solid #eee;
  padding: 10px;
  position: relative;
  background-color: #fafffe;
  transition: .3s;
  border-radius: 4px;
}

.item-order:hover {
  border-color: #7ac6aa;
}

.badge-status {
  /*position: absolute;*/
  border-radius: 0;
  font-size: 65%;
  font-weight: 400;
}

.item-kadaluarsa {
  opacity: .7 !important;
}