@import url(daftarproduct.css);
@import url(daftarvideo.css);
@import url(daftarnews.css);
@import url(daftaralbum.css);
@import url(daftarvideo.css);
@import url(hoverbox.css);

.text1 {
     background: #eeeeee;
     margin: 20px 0px;
     text-align: center;
}

.header {
     background: black;
     color: white;
}
.header a {
     font-weight: bold;
     color: #CAAA58;
}

.informasiberanda h3 {
     margin:10px 0px 5px 0px;
     font-size:20px;
     text-transform:uppercase;
     color: #CAAA58;
}
.informasiberanda p {
     margin-bottom:10px;
}
.informasiberanda .selengkapnya a {
     width:100px;
     text-align:center;
     padding:10px;
     font-weight:bold;
     display:block;
     margin:0px;
     background: #CAAA58;
     color:black;
}
.informasiberanda .selengkapnya a:hover {
     background:#333333;
     color:#FFF;
}

.text3  {
     font-size:16px;
     color: white;
     background: #1E1E1E;
     padding: 60px 0px;
     text-align: center;
}
.text3 strong {
     margin:0px;
     clear:both;
     font-size:30px;
}
.text3 p {
     margin:0px;
}
.text3 .hubungikami {
     display:block;
     margin:20px auto;
     color:#333333;
     padding:20px;
     text-align:center;
     width:200px;
     font-size:18px;
     text-transform:uppercase;
     background: #CAAA58;
}
.hubungikami:hover{
     background:#333;
     color: white;
}



.kotakinfo {grid-gap:10px;}

.map {
	position: relative;
	height:300px; overflow:hidden;
	display:block;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.carousel {
     margin-right: auto;
     margin-left: auto;
}

.carousel  div {
	padding: 0px 10px;
	text-align: center;
}

.tempatTestimoni  {
	background: #B92B2B;
	color: white;
}
.tempatTestimoni a {color: white;}
.tempatTestimoni a:hover {color: #f60;}

.thumbnailTestimoni {
     object-fit:cover;
     height: 200px;
     width: 200px;
}

.more a {  color:#B92B2B;}
.more a:hover { color:black; }

.container-home-hotlinephone {
     color: white;
}
.container-home-hotlinephone a {
     font-weight: bold;
     color: white;
}
.container-home-hotlinephone a:hover {
     color: #333333;
}

@media (max-width: 768px){
     .kotakinfo {grid-template-columns:1fr;}
     .carousel {width: 200px;}

     .header {
          text-align: center;
          padding: 20px;
     }
     .text4 {
          font-size: 25px;
          font-weight: bold;
     }
     .text5 {
          font-size: 25px;
     }

     .container-home-hotlinephone {
          background: #CAAA58;
          padding: 20px;
          text-align: center;
     }
}
@media (min-width: 768px)
{
     .kotakinfo {grid-template-columns:1fr 1fr 1fr;}
     .carousel {width: 600px;}

     .header {
          padding: 0px 0px 600px 0px;
     }

     .text4 {
          font-size: 45px;
          font-weight: bold;
     }
     .text5 {
          font-size: 25px;
     }

     .container-home-hotlinephone {
          padding:150px 0px 150px 0px;
          background: #BFA158 url(../../../images/frontend/2/customerservice.jpg) center right no-repeat;
     }

}
@media (min-width: 992px)
{
     .carousel { width: 1170px;}
}