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


.informasiberanda-container {
    grid-gap:40px;
}
.informasiberanda {
    padding: 60px 20px;
    background: white;
    box-shadow: 0 4px 8px 0 rgba(122, 122, 122, 0.2), 0 6px 20px 0 rgba(182, 182, 182, 0.19);
}
.informasiberanda strong {
     margin:0px 0px 15px 0px;
     font-size:20px;
     text-transform:uppercase;
     display: block;
}
.informasiberanda p {
     margin-bottom:10px;
     color: #797979;
}
.informasiberanda .selengkapnya a {
     width:100px;
     text-align:center;
     padding:10px;
     font-weight:bold;
     display:block;
     margin:0px;
     background: #333;
     color:#fff;
}
.informasiberanda .selengkapnya a:hover {
     background:#000;
     color:#FFF;
}

.text3  {
     font-size:20px;
     background: #1E1E1E;
     padding: 300px 0px;
     font-weight: bold;
     color: #f60;
}
.text3 strong {
     margin:0px;
     clear:both;
     font-size:40px;
     color: #333;
}
.text3 p {
     margin:0px;
}
.text3 .hubungikami {
     display:block;
     margin:20px 0px;
     color:white;
     padding:20px;
     text-align:center;
     width:200px;
     font-size:18px;
     text-transform:uppercase;
     background-image: linear-gradient(to bottom right, red, yellow);
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     border-radius: 5px;
}
.hubungikami:hover{
     background-image: linear-gradient(to bottom right, yellow, red);
}

.text1 {
     background: #F8FAFC;
     padding: 50px 0px;
     margin: 50px 0px;
     font-size: 20px;
}



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


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

.testimoni-container  {
	background: #F8FAFC;
    padding: 70px 0px;
}

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



.more a {
     display: block;
     color:white;
     padding: 10px;
     background: #FF6229;
     width: 200px;
     margin: 0px auto;
     border-radius: 5px;
     box-shadow: 0 4px 8px 0 rgba(122, 122, 122, 0.2), 0 6px 20px 0 rgba(182, 182, 182, 0.19);
}
.more a:hover {
     background: #db4f1d;
     color: white;
}


@media (max-width: 768px){
     .informasiberanda-container {grid-template-columns:1fr;}
}
@media (min-width: 768px)
{
     .informasiberanda-container {grid-template-columns:1fr 1fr 1fr;}
     .text3-container {
         width: 50%;
     }
}
@media (min-width: 992px)
{

}