body{
          background: #f4f4f4;
        }

        html {
          scroll-behavior: smooth;
        }

        .aktif{
          background: #ffd700;
          color:#fff !important;
        }

        .judul{
          margin-right: 0.5rem !important;margin-top:0.5rem !important;color:#000;
          margin-left: 0.5rem !important;
          font-family: 'Cairo', sans-serif;
        }

        .judul2{
          margin-right: 0.5rem !important;margin-top:0.5rem !important;color:#000;
          margin-left: 10rem !important;
        }

        textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {   
          outline: 0 none !important;
        }

        .border-green{
          border-right:1px solid #0D6B51;
        }

        .bg-white{
          background:#fff;
        }

        .bg-green{
          background:#0D6B51;
        }

        #header{
          /*background-image:url('img/header_pc.png');
          background-repeat:no-repeat;
          background-size:100% 240px;
          background-position:center;
          border-bottom:1.5px solid #FFD700;*/
          background:#fff;
                
        }

        .border-heading {
        font-family: 'Tangerine', cursive;
        font-size: 34px;
        display: flex;
        width: 30%;
        justify-content: center;
        align-items: center;
        text-align: center;
        color:#c09;
        }

        .border-heading:before,
        .border-heading:after {
        content: '';
        border-top: 1.5px solid #c09;
        margin: 0 20px 0 0;
        flex: 1 0 20px;
        }

        .border-heading:after {
        margin: 0 0 0 20px;
        }

        .map-container-5{
        overflow:hidden;
        padding-bottom:56.25%;
        position:relative;
        height:0;
        }

        .map-container-5 iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
        }

        .slideInDown {
        animation-duration: 1s;
        /*animation-delay: 2s;
        animation-iteration-count: infinite;*/
        }

        body,h5,h1,h2 {
            font-weight: 300;
            line-height: 1.5;
            color:#000;
        }

        a,a:hover{
          color: #000;
          text-decoration: none;
        }

        .carousel-caption{
          right: 0px !important;
          left: 0px !important;
          bottom:0px !important;
          background:rgb(0,0,0,0.6);
        }

        .car-img{
          height: 460px;
          object-fit: cover;
        }
        .p-2{
          padding: 1.5rem !important;
          /*color:#fff;*/
        }

        .navbar{
          padding: 0;
        }

        .navbar-nav .nav-link{
          font-family: 'Cairo', sans-serif;
          color: #fff !important;
          height: 70px;
          padding: 25px;
          transition: 500ms;
        }

        .nav-item,.dropdown{
          transition: 600ms;
          font-family: 'Cairo', sans-serif;
        }

        .nav-link:hover{
          /*background: rgba(0,0,0,0.7);*/
          background: #ffd700;
          color:#000 !important;
        }

        .dropdown-item:hover{
          background: rgba(13,107,81);
          color:#fff;
        }

        .thumbnail:hover{
          background:rgba(13,107,81);
          color:#fff;
          transition: 400ms;
        }

        /*=== style galery ===*/
        .btn:focus, .btn:active, button:focus, button:active {
          outline: none !important;
          box-shadow: none !important;
          }
      
          #image-gallery .modal-footer{
          display: block;
          }
      
          .thumb{
          margin-top: 15px;
          margin-bottom: 15px;
          }

          .img-thumbnail{
            border:none;
            box-shadow: none;
          }

          .img-thumbnail:hover{
            border:none;
            box-shadow: none;
            opacity :0.7;
          }

          .thumb .thumbnail:hover{
            background: transparent;

          }

          .logo-header{
            padding-right:0;
          }
      
          .nama-header{
            padding-left:0;
          }

        @media(max-width:768px){

          .navbar{
            padding: 15px;
          }
          .mx-5{
            text-align: center;
            margin-top:30px;
          }

          .p-2{
            padding: 2.5rem !important;
          }

          .social{
            margin-bottom:120px;
          }

          .card {
            margin-top: 0;
          }

          .alamat,.kontak{
            border-bottom:1px solid #ccc;
          }

          .col-6{
            flex: 0 0 100%;
            max-width: 100%;
          }

          #header{
            /*background-image:url('img/mobile.png');
            background-repeat: no-repeat;
            background-size:cover;
            height: auto;*/
            background: #0D6B51;
          }
      
          .border-green{
            border-right:none;
          }
      
          .sns{
            display: none;
          }
      
          .judul{
            color:#fff;
          }
      
          .navbar-nav .nav-link{
            height: 40px;
            padding: 8px;
          }

          .border-green{
            border-bottom:1px solid #0D6B51;
          }

          .border-heading {
            font-family: 'Tangerine', cursive;
            font-size: 34px;
            display: flex;
            width: 80%;
            justify-content: center;
            align-items: center;
            text-align: center;
            color:#c09;
            }
        }