/*header logo*/

.navbar-brand img{
    width:160px;
}

.alamat img{
    width:160px;
    padding-top: 30px;
    padding-bottom: 10px;
}


.nav-link{
    font-size: 16px;
    color:black !important;
}

.nav-link:hover{
    color: #ffffff !important;
    background-color: #000000;
    /*border-radius: 5px;*/
}

.active .nav-link{
    color: #ffffff !important;
    background-color: #000000;
    /*border-radius: 10px;*/
}

.menu-right-btn{
    padding: 8px 59px;
    background-color: transparent;
    transition: all 300ms ease-in;
   
}

.menu-right-btn:hover{
    color :white;
    background-color:black;
    
}

/*----------------------default---------------------------------*/

/*----------------------Menu Beranda---------------------------------*/
/*----------------------Menu Beranda end---------------------------------*/

/*----------------------Menu Profil---------------------------------*/
/*----------------------Menu Profil end---------------------------------*/

/*----------------------Menu Informasi---------------------------------*/
/*----------------------Menu Informasi end---------------------------------*/

/*----------------------Menu Pelayanan---------------------------------*/
/*----------------------Menu Pelayanan end---------------------------------*/

/*----------------------Menu Galeri---------------------------------*/
/*----------------------Menu Galeri end---------------------------------*/

/*----------------------Menu Download---------------------------------*/
/*----------------------Menu Download end---------------------------------*/





.site-content{
    background-attachment: fixed;
    background-size:cover;
    animation: animate 18s ease-in-out infinite;
}

@keyframes animate{
    0%,100%{
        background-image: url('stock/rumah10.jpg');
    }
    
    40%{
        background-image: url(stock/kamoro1.jpg);
    }

    25%{
        background-image: url(stock/drone1.JPG);
    }
    
    80%{
        background-image: url(stock/kamoro3.jpg);
    }

}

.site-gis{
    background-attachment: fixed;
    background-size:cover;
    animation: animategis 30s ease-in-out infinite;
}

@keyframes animategis{
    0%,100%{
        background-image: url('stock/gis1.jpg');
    }

    40%{
        background-image: url(stock/gis2.jpeg);
    }

    25%{
        background-image: url(stock/gis7.jpeg);
    }

    80%{
        background-image: url(stock/gis4.jpeg);
    }

}

/*Hover Image */

.hover-galeri:hover .img-fluid {
    opacity: 0.3;

}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.hover-galeri:hover .middle {
    opacity: 1;
}

.bg-hover {
    background-color: #5a5c69;
    opacity: 0.5;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}

/*hover galeri*/

.site-title, .site-desc{
    color:white;
    
}
.site-title{
    margin-top:50%;
    margin-bottom: 6%;
    font-size: 50px;
}

.site-desc{
    font-size:16px;
}

.site-btn1{
    margin-left: 5%;
    background-color: black;
    color: white;
}

.site-btn2{
    background-color: white;
}

.img-gis {
    margin-top: 5%;
    width: 20%;
    height: 40%;
    align-self: center;
}

.title-gis{
    color:white;
    font-size: 60px;
    margin: unset;
}

.desc-gis{
    color: white;
    margin-top: -20px;
    margin-bottom: 80px;
}

/*hover galeri*/

/*profil*/

.inner{
    width: 100%;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}


.inner img{
    width:100%;
}

/*profil*/


.site-btn1, .site-btn2{
    margin-top: 5%;
    margin-bottom: 55%;
}

.card-title, .card-desc{
    color:black;
}

/* section 3 */

.section-3{
    margin-top:5%;
    margin-bottom:5%;
}

.section-3 i{
    color: #1f1f24;
}

.section-3 h3{
    color:black;
}
.section-3 p{
    color: rgba(0, 0, 0, 0.59);
}

.section-3 a{
    text-decoration: none;
}

/*section 2*/

.section-2 .container-fluid{
    background-image:url(stock/anak_papua.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.section-2 .heading-1{
    margin-top:20%;
    margin-bottom: 15%;
    font-size: 50px;
    width: 80%;
    color: whitesmoke;
}



#mapid {
    height: 500px;
}



/* section-1 */
.section-1 .heading-1{
    margin-top:8%;
    margin-bottom:5%;
    font-size: 39px;
}


.section-1{
    margin-bottom:8%;
}

/*.card{*/
/*    width: 20rem;*/
/*}*/

.card:hover{
    box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
}

/*
.inner{
    overflow: hidden;
}
*/

.inner img{
    transition: all 1.5s ease;
}

/*.inner:hover img{*/
/*    transform: scale(1.3);*/
/*}*/

/* section 4 */

.section-4{
    margin-top: 8%;
    background: linear-gradient(10deg,  #292e49 50%, #536976  100%);
}

.section-4 .row .col-md-7, .col-md-5{
    margin-top: 5%;
    margin-bottom: 5%;
}

.section-4 .para-1{
    color: white;
    margin-top: 7%;
}

/*footer*/


.social i{
    color:steelblue;
    font-size: 20px;
}



@media screen and (max-width: 980px){
    .section-1 .card{
        margin-bottom: 20px;
    }

     col-11{
         font-size: 12px;
     }
    
}



@media screen and (max-width: 360px){
    .site-title{
        font-size: 30px;
        padding-left: 5%;
    }
      
    .site-desc{
        font-size: 12px;
        padding-left: 1%;
    }
    
    .site-content .site-btn2{
       font-size:12px;
    }
    
        
    .site-content .site-btn1{
        margin-left: 4%;
        font-size:12px;
    }
    
    .site-btn1, .site-btn2{
    margin-top: 5%;
    margin-bottom: 50%;
    }
    
    .section-1 .heading-1 , .section-1 .heading-2{
        font-size: 25px;
    }
    
    .section-1 .col-md-4{
        padding: 5%;

    }
    
    /*.section-1 .card{*/
    /*    width: 15rem;*/
    /*}*/

    .section-2 .heading-1{
        font-size:28px;
    }
    
    .section-3 .col-md-4{
        font-size:16px;
    }


    footer input[type="button"]{
        margin-top:5%;
    }
}