/* warna navigasi */
/* */
/* warna judul kolom 1 */
/* */
/* warna judul kolom 2 */
/* */
/* warna tabel suku bunga */
/* */
/* warna link */
/* */
/* produk list backgroud */
/* */
body {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  background-color: #CCCED2;
}
.wrap > .container {
  background-color: white;
  max-width: 1080px;
}
.footer {
  background: -webkit-linear-gradient(white, #CCCED2);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #CCCED2);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #CCCED2);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #CCCED2);
  /* Standard syntax */
  border-left: 1px solid #CCCED2;
  border-right: 1px solid #CCCED2;
}
.navbar {
  background: #2225AE;
  background: -webkit-linear-gradient(#2225AE, #29166F);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#2225AE, #29166F);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to bottom, #2225AE, #29166F);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #2225AE, #29166F);
  /* Standard syntax */
}
.navbar-default .navbar-nav > li > a {
  color: white;
}
.navbar-default .navbar-nav > .active > a {
  background-color: white;
  color: #1058f4;
}
.carousel-indicators {
  bottom: 0%;
}
.carousel-inner > .item > img {
  width: 100%;
  height: 400px;
}
p {
  line-height: 1.15;
}
.content-slide {
  background: #F5F5F5;
}
.img-slide {
  max-width: 100%;
  max-height: 380px;
  background-size: cover;
}
.carousel-caption {
  color: white;
  background-color: rgba(30, 30, 30, 0.5);
  left: 0%;
  right: 0%;
  bottom: 0%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.carousel-caption a {
  color: white;
}
.carousel-caption a:hover {
  color: white;
  text-decoration: none;
}
.main-content {
  padding: 0;
}
.pilih-produk {
  background-color: #1058f4;
  margin-top: 10px;
}
.col-title {
  background: #2225AE;
  background: -webkit-linear-gradient(#2225AE, #29166F);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#2225AE, #29166F);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to bottom, #2225AE, #29166F);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #2225AE, #29166F);
  /* Standard syntax */
  padding: 10px;
}
.col-title-2 {
  background-color: #DA251C;
  padding: 5px;
}
.col-title p,
.col-title-2,
.col-title-2 p {
  margin: 0 0 0 0  ;
  color: white;
  font-weight: bolder;
  font-size: 1.2em;
}
.col-title h1,
h3 .col-title-2 {
  margin: 0 0 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
  color: white;
}
.col-title a,
.col-title-2 a {
  text-decoration: none !important;
  color: white;
}
.big {
  margin-bottom: 10px;
}
.big p {
  margin: 0 0 0 0;
  color: white;
  font-size: 2em;
  padding-top: 20px;
  padding-bottom: 20px;
}
.tabel-sukubunga {
  color: white;
}
.tabel-sukubunga-title {
  padding: 5px;
  color: white;
  background: #7E7E7E;
  background: -webkit-linear-gradient(#7E7E7E, #606060, #7E7E7E);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#7E7E7E, #606060, #7E7E7E);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to bottom, #7E7E7E 0%, #606060 50%, #2225AE 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #7E7E7E 0%, #606060 50%, #7E7E7E 100%);
  /* Standard syntax */
}
.tabel-sukubunga a {
  color: white;
  text-decoration: none;
}
.tabel-sukubunga #satu {
  background: #B5B5B5;
  background: -webkit-linear-gradient(#B5B5B5, #A1A1A1);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#B5B5B5, #A1A1A1);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to bottom, #B5B5B5, #A1A1A1);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #B5B5B5, #A1A1A1);
  /* Standard syntax */
}
.tabel-sukubunga #dua {
  background: #B5B5B5;
  background: -webkit-linear-gradient(#B5B5B5, #A1A1A1);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#B5B5B5, #A1A1A1);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to bottom, #B5B5B5, #A1A1A1);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #B5B5B5, #A1A1A1);
  /* Standard syntax */
}
i {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.produk-list:hover i,
.berita-list-item:hover i,
.pub-list-item:hover i,
.produk-list-item:hover i,
.produk-list-produk:hover i,
.berita-pop-list-item:hover i {
  background-size: 150%;
  transition: all 200ms ease ;
}
.col-thumb {
  width: 180px;
  height: 80px;
  background-size: cover;
  background-position: 50% 25%;
}
.col-thumb-slide {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: 50% 25%;
  float: none;
}
.produk-list-produk .col-thumb {
  width: 100%;
  height: 80%;
}
.berita-pop-list-item .col-thumb {
  width: 100px;
  height: 60px;
}
.berita-list-item,
.pub-list-item,
.produk-list-item,
.berita-pop-list-item {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #ddd;
  margin: 0;
}
.berita-list-title,
.pub-list-title {
  color: #1058f4;
}
.berita-list-title {
  font-size: 1.3em;
}
.berita-list-tanggal {
  font-size: 0.8em;
  font-style: italic;
}
.col-title .berita-list-tanggal {
  font-size: 0.8em;
  font-style: italic;
}
.berita-list-item a,
.pub-list-item a,
.produk-list-item a,
.berita-pop-list-item a,
.gallery a {
  text-decoration: none;
  color: #DA251C;
}
.berita-list-item:hover,
.pub-list-item:hover,
.berita-pop-list-item:hover {
  background: rgba(30, 30, 30, 0.3);
}
.produk-list {
  background: #1058f4;
  margin-bottom: 5px;
  height: 100px;
}
.produk-list a {
  color: white;
  text-decoration: none;
  font-size: 1.5em;
}
.produk-list-produk {
  border: solid 1px #1058f4;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-bottom: 5px;
  height: 200px;
  margin-top: 15px;
  background: linear-gradient(#2225AE, #29166F);
  padding: 15px;
}
.produk-list-produk a {
  color: white;
  text-decoration: none;
  font-size: 1.5em;
}
.ul-menu {
  padding-left: 0;
  list-style: none;
}
.ul-menu li {
  display: inline-block;
  padding: 10px;
}
.btndl {
  text-decoration: none;
  padding: 10px;
  border: solid 1px #C3C3C3;
  background: #F57E1D;
  color: white;
  float: right;
}
.btndl:hover {
  color: #06382C;
}
.unslider-arrow {
  top: 50%;
}
.gallery {
  border-bottom: dotted 3px #0F57F3;
  margin: 5px;
  padding: 5px;
}
.gallery-item {
  height: 180px;
  width: 100%;
  float: none;
  display: inline-block;
  background-size: 100%;
}
.gallery:hover {
  background: rgba(30, 30, 30, 0.3);
}
.gallery:hover > .gallery-item {
  background-size: 150%;
  left: 50%;
  right: 50%;
}
/*# sourceMappingURL=site-front.css.map */