.ct-menu {
     display: block;
     position: fixed;
     top: 21.3%;
     z-index: 99;
     margin: 0;
     padding: 0;
     list-style: none
   }

   .ct-menu li {
     cursor: pointer;
     margin-bottom: 10px
   }

   .ct-menu li a {
     display: block;
     width: 55px;
     position: relative;
     height: 55px;
     background-color: rgba(255, 255, 255, .8);
     background-size: 40px;
     background-position: 6px center;
     border-radius: 0 8px 8px 0;
     transition-property: width;
     transition-duration: .5s;
     overflow: hidden;
     text-decoration: none
   }

   .ct-menu li a:hover {
     width: 180px
   }

   .ct-menu .fb {
     background-color: #3664a2;
     background-image: url(assets/img/fb.png);
     background-repeat: no-repeat
   }

   .ct-menu .tw {
     background-color: #2eacf6;
     background-image: url(assets/img/twetter.png);
     background-repeat: no-repeat
   }

   .ct-menu .ig {
     background-color: #4c63d1;
     background-image: url(assets/img/instagram.png);
     background-repeat: no-repeat
   }

   .ct-menu .pin {
     background-color: #cb2027;
     background-image: url(assets/img/pinterest.png);
     background-repeat: no-repeat
   }

 
   .ct-menu li a span {
     display: block;
     line-height: 3.6;
     font-size: 15px;
     font-weight: 700;
     padding-left: 55px;
     text-decoration: none
   }

   .ct-menu li a span:first-child {
     color: #ccc;
     visibility: hidden;
     opacity: 0;
     transition: visibility 0s, opacity .2s linear;
     transition-duration: .5s
   }

   .ct-menu li:hover span:first-child {
     color: #fff;
     width: 200px;
     text-align: left;
     visibility: visible;
     opacity: 1
   }

   .header-cover {
     background-image: url(https://images2.imgbox.com/91/89/diU0eT5Q_o.gif);
     background-size: auto;
     background-repeat: no-repeat;
     background-position: 15px 17px;
     margin: 5px;
   }

   @media(max-width:960px) {
     .ct-menu li a {
       background-position: 5px center;
       background-size: 25px auto;
       border-radius: 0 6px 6px 0;
       height: 40px;
       width: 40px
     }

     .ct-menu li a:hover {
       width: 180px
     }

     .ct-menu li a span {
       display: block;
       line-height: 2.5;
       font-size: 15px;
       padding-left: 40px
     }
   }

   @media(max-width:768px) {
     .ct-menu li a {
       background-position: 3px center;
       background-size: 22px auto;
       border-radius: 0 4px 6px 0;
       height: 30px;
       width: 30px
     }

     .ct-menu li a:hover {
       width: 150px
     }

     .ct-menu li a span {
       display: block;
       line-height: 2.2;
       font-size: 14px;
       padding-left: 35px
     }
   }

   .fixed-top {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030;
     margin: -17px 0px 0px 0px;
   }

   .navbar {
     padding: 0;
     border-radius: 0;
     border: 0 none;
     min-height: 40px;
     margin: -19px;
   }

   .login-panel {
     margin: -4px;
   }

   .msg-wrapper {
     background: #000;
     margin-bottom: 5px;
     height: 23px;
     margin-top: 13em;
   }

   .btn:not(:disabled):not(.disabled) {
     cursor: pointer;
     color: #f2d564 !important;
     background: #df0000;
     background-image: -webkit-linear-gradient(top, #df0000 0%, #7f0000 100%);
     border: 2px solid #f2d564 !important;
     margin: 0px 15px 2px 25px;
     padding: 7px 60px;
   }

   .text-block {
     left: 74px;
     background-color: black;
     color: white;
     width: 100%;
     text-align: center;
   }

   .misc.mb-xlg {
     justify-content: center;
   }

   a.btn.btn-log.btn-lg {
     font-weight: bold;
     font-size: x-large;
   }

   .msg .marquee-wrapper {
     margin: -3px;
     float: left;
     display: block;
     height: 20px;
     width: -moz-calc(99% - 150px);
     width: -webkit-calc(99% - 150px);
     width: calc(99% - 150px);
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     overflow: hidden;
   }

   .msg .marquee-wrapper .marquee {
     color: #fff;
     font-size: 16px;
     font-weight: bold;
   }

   .msg label {
     color: #fff;
     font-size: 12px;
     /* border: 1px solid #212121; */
   }

   .msg {
     border: none;
     border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     margin: 0px 0px 0px -56px;
   }


   .msg label {
     padding: 1px 5px 0 0;
     margin: 0px 0px 0px 59px;
     display: block;
     /* width: 130px; */
     float: left;
     height: 20px;
   }

   img.promo-banner {
     width: 340px;
     height: 143px;
   }

   .navbar .nav>li>a {
     position: relative;
     display: inline-block;
     padding: 0px 5px;
     height: 36px;
     line-height: 38px;
   }

   . .navbar .nav>li {
     position: relative;
     display: block;
     float: left;
     margin: 0px;
     padding: 5px;
     height: 47px;
   }

   .navbar .nav>li:hover,
   .navbar .nav li.active,
   .navbar .nav li .current,
   .navbar .nav li .hover,
   .navbar .nav>li>a:hover,
   .navbar .nav>li:focus,
   .navbar .nav>li>a:focus {
     background-color: rgb(255, 254, 197);
     background-image: -webkit-linear-gradient(top, rgb(219 219 219) 0%, rgb(230 230 230) 100%);
     color: rgb(0, 0, 0);
   }



   /* Fading animation */
   .fade {
     -webkit-animation-name: fade;
     -webkit-animation-duration: 2.5s;
     animation-name: fade;
     animation-duration: 2.5s;
   }

   @-webkit-keyframes fade {
     from {
       opacity: .4
     }

     to {
       opacity: 1
     }
   }

   @keyframes fade {
     from {
       opacity: .4
     }

     to {
       opacity: 1
     }
   }


   /* On smaller screens, decrease text size */
   @media only screen and (max-width: 300px) {
     .text {
       font-size: 11px
     }
   }

   .slideshow-container {
     max-width: 800px;
     position: relative;
     margin: auto;
     text-align: -webkit-center;
   }

   .text {
     font-size: x-large;
   }

   .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
     place-content: center;
   }

   .h5,
   h5 {
     font-size: 1.25rem;
     text-align-last: center;
     font-weight: bold;
     font-size: 24px;
   }

   ul.ul-horizontal.statement-img.responsibility {
     text-align: center;
   }

   .logo_Lisensi {
     margin: 19px -5px -23px 0px;
   }


   div.content-body img {
     border: 1px solid #000;
     margin: 4px 0px 0px 0px;
   }
   
   
   form {
   float: left;
   margin: 7px -79px 0px 35px;
   }


a.btn.btn-log.btn-lg {
   margin: 0px 0px 0px 4px;
}