.divcoy {
          display:none;
      }
      .navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
}
      img.gambar-galery-nsn {
      width: 100%;
       height: 531px;
      background-position: center;
      background-size: cover;
      object-fit: cover;
      }
      .container-galery {
        position: relative;
        width: 100%;
      }

      .image-galery {
        display: block;
        width: 100%;
        height: auto;
      }

      .overlay-galery {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,0.7);
        overflow: hidden;
        width: 100%;
        height: 110px;
        transition: .5s ease;
      }

      .container-galery:hover .overlay-galery {
        height: 125px;
      }

      .text-galery {
        color: white;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        margin: 20px;
      }

.carousel-inner > .item > img,
      .carousel-inner > .item > a > img {
        width: 100%;
        margin: auto;
      }
      .carousel{
          background: transparent;
          /*margin-top: -40px;*/
      }
      .carousel .item img{
          margin: 0 auto; /* Align slide image horizontally center */
      }
      .bs-example{
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: -20px;
      }

      .fullscreen-bg {
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          overflow: hidden;
          z-index: -100;
      }

      .fullscreen-bg__video {
          position: absolute;
          top: -20px;
          left: 0;
          width: 100%;
          height: 100%;
      }
      .thumbnailx {
        position: relative;
        width: 200px;
        height: 200px;
        overflow: hidden;
      }
      .thumbnailxx img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        width: auto;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
      }
      .thumbnailx img.portrait {
        width: 100%;
        height: auto;
      }
      
      .col-xs-15 {
        width: 20%;
        float: left;
      }

      @media (min-width: 768px) {
        .col-sm-15 {
        width: 20%;
        float: left;
        }
      }

      @media (min-width: 992px) {
        .col-md-15 {
        width: 20%;
        float: left;
        }
      }

      @media (min-width: 1200px) {
        .col-lg-15 {
        width: 20%;
        float: left;
        }
      }
      .totop {
        position: fixed;
        bottom: 10px;
        right: 20px;
      }
      .totop a {
        display: none;
      }

  
      .cuadro_intro_hover{
        padding: 0px;
        position: relative;
        overflow: hidden;
        height: 255px;
      }

      .cuadro_intro_hover img
      {
        z-index: 4;
        height: 100%;
      }

      .cuadro_intro_hover .caption{
        position: absolute;
        top:130px;
          -webkit-transition:all 0.3s ease-in-out;
          -moz-transition:all 0.3s ease-in-out;
          -o-transition:all 0.3s ease-in-out;
          -ms-transition:all 0.3s ease-in-out;
          transition:all 0.3s ease-in-out;
          width: 100%;
      }

      .cuadro_intro_hover .blur{
        background-color: rgba(0,0,0,0.7);
        height: 300px;
        z-index: 5;
        position: absolute;
        width: 100%;
      }

      .cuadro_intro_hover .caption-text{
        z-index: 10;
        color: #fff;
        position: absolute;
        height: 300px;
        text-align: center;
        top:-20px;
        width: 100%;
      }


      /*batas*/
        .testing {
          position: relative;
          width: 100%;
        }

        .image {
          display: block;
          width: 100%;
          height: auto;
        }

        .overlays {
          position: relative;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 150px;
          opacity: 1;
          transition: .5s ease;
          background-color: rgba(0,0,0,0.7);
        }
        .testing:hover .overlays {
          opacity: 1;
          background-color: rgba(0,0,0,0.7);
        }

        .text {
          color: white;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
        }

        .text-kedua 
        {
          color: white;
          font-size: 20px;
          position: relative;
          top: 0;
          left: 0;
          padding: 10px;
          margin: -150px 10px;
          -ms-transform: translate(-50%, -50%);
        }


      /*text hover news slider 2*/
        .container-slider {
          position: relative;
          max-width: 100%;
        }

        .image-slider {
          display: block;
          width: 100%;
          height: auto;
        }

        .overlay-slider {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(10, 10, 10, 0.49);
          overflow: hidden;
          width: 100%;
          height: 125px;
          transition: .5s ease;
        }

        .container-slider:hover .overlay-slider {
          height: 130px;
        }

        .text-slider {
          white-space: nowrap; 
          color: white;
          position: absolute;
          overflow: hidden;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
        }
      /*end*/

      /*slider*/
      #carousel-example-generic {
        width: 100%;
      }

      #carousel-custom {
        margin: 20px auto;
        /*width: 400px;*/
      }
      #carousel-custom .carousel-indicators {
        margin: 10px 0 0;
        overflow: auto;
        position: static;
        text-align: left;
        white-space: nowrap;
        width: 100%;
      }

      /*idicator*/
      div.licekidicator {
        margin: 22px 0 0;
        margin-left: 0;
        float: left;
        height: 467px;
        width: 179px;
        background: darkgrey;
        overflow-y: scroll;
        position: static;
        margin-bottom: 0;
      }

      div.licekidicator li {
        background-color: transparent;
        -webkit-border-radius: 0;
        border-radius: 0;
        display: inline-block;
        height: auto;
        margin: 0 !important;
        width: auto;
      }

      #style-2::-webkit-scrollbar-track
      {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
      }

      #style-2::-webkit-scrollbar
      {
        width: 12px;
        background-color: #F5F5F5;
      }

      #style-2::-webkit-scrollbar-thumb
      {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #D62929;
      }

      #style-3::-webkit-scrollbar-track
      {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
      }

      #style-3::-webkit-scrollbar
      {
      width: 6px;
      background-color: #F5F5F5;
      }

      #style-3::-webkit-scrollbar-thumb
      {
      background-color: #000000;
      }
      /*scroll*/

      #carousel-custom .carousel-indicators li {
        background-color: transparent;
        -webkit-border-radius: 0;
        border-radius: 0;
        display: inline-block;
        height: auto;
        margin: 0 !important;
        width: auto;
      }
      #carousel-custom .carousel-indicators li img {
        display: block;
        opacity: 0.5;
      }
      #carousel-custom .carousel-indicators li.active img {
        opacity: 1;
      }
      #carousel-custom .carousel-indicators li:hover img {
        opacity: 0.75;
      }
      #carousel-custom .carousel-outer {
        position: relative;
      }