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



.informasi-beranda:nth-child(odd) {
    background: #FCED05;
}
.selengkapnya {
     width:100px;
     text-align:center;
     padding:20px;
     font-weight:bold;
     display:block;
     background: #333;
     color:#fff;
}
.selengkapnya:hover {
     background:#000;
     color:#FFF;
}


.text3  {
     font-size:16px;
     color: white;
     background: #191919;
     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:black;
     padding:20px;
     text-align:center;
     width:200px;
     font-size:18px;
     text-transform:uppercase;
     background: #FCED05;
}
.hubungikami:hover{
     background:#333;
     color: white;
}

.text1 {
     background: #F3F3F3;
}

.informasiberanda-container {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  div {
	padding: 0px 10px;
	text-align: center;
}

.testimoni-container  {
	background: black;
	color: white;
}
.testimoni-container a {color: white;}
.testimoni-container a:hover {color: #f60;}

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

.more a {
     display: block;
     color:#333;
     padding: 20px;
     width: 200px;
     margin: 20px auto;
     border: 1px solid #333;
     text-align: center;
}
.more a:hover {
     background: #333;
     color: white;
}

.news-home strong {
    font-size: 35px;
    display: block;
    margin: 10px 0px;
}
.news-home a strong:hover {
    color: #FE7012;
}
.news-home a p:hover {
    color: #FE7012;
}
.news-home a strong {
    color: #333;
}
.news-home a p {
    color: #333;
}

@media (max-width: 768px){
    .selengkapnya {
        margin: 0px auto;
    }
    .background-informasi-beranda {
        width: 100%;
        height: 200px;
    }
    .informasiberanda-container {grid-template-columns:1fr;}
    .newsletter li {
        margin-bottom: 5px;
    }
    .wrapper2 {
        margin-right: auto;
        margin-left: auto;
    }
    .informasi-beranda strong {
        font-size: 30px;
    }
    .informasi-beranda div {
        padding: 20px;
        text-align: center;
    }
    .gallery img {
		height: 200px;
        width: 200px;
	}
    .gallery  {grid-template-columns:1fr 1fr;}
}
@media (min-width: 768px)
{
    .gallery  {grid-template-columns:1fr 1fr 1fr 1fr;}
    .gallery img {
		height: 300px;
        width: 300px;
	}
    .informasi-beranda:nth-child(even) > .background-informasi-beranda {
        order: 2;
    }
    .informasi-beranda div {
        padding: 50px;
    }
    .wrapper2 {
        margin-right: auto;
        margin-left: auto;
    }

    .informasi-beranda strong {
        font-size: 40px;
    }

    .news-home img {
        width: 600px;
        height: 250px;
    }
}
@media (min-width: 992px)
{
    .gallery img {
		height: 400px;
        width: 400px;
	}
}

@media (min-width: 1500px){
    .wrapper2 {
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px;
    }
}