/* Main Color : #FFD600 */

.template-nivo-slider-box>.template-nivo-slider-box-style-1>.nivo-caption> span.client-content{
    background-color: white;
    font-size: 20px;
}

.template-nivo-slider-box .nivo-caption span{
    font-size: 22px;
}

.nivo-caption h2 span{
    color: black;
    font-size: 26px;
}

.template-space-100{
  height: 100px;
}

  
  .scroll-animation {
    /* display: flex; */
    /* flex-grow: 1; */
    opacity: 0;
  }

  .scroll-animation1 {
    /* display: flex; */
    /* flex-grow: 1; */
    opacity: 0;
  }

  .scroll-animation-1 {
    /* display: flex; */
    /* flex-grow: 1; */
    opacity: 0;
  }

  .template-divider.template-divider-style-1{
    border-color: #FFD600;
  }

  /* .template-feature-icon{
    display: flex;
    
  } */

  .text-center{
    text-align: center;
    width: 100%;
    padding-top: 13px;
  }
  
  .my-icon{
    /* width: 80%;  */
    font-size: 2.3em;
    color: white;
  }

  ul.template-feature-list.template-feature-list-small>li>div>div>span.template-feature-icon{
    height: auto;
    width: 100px;
  }

  ul.template-social-list li a.template-social-list-flag-id{
    background-image: url(../media/image/id.png);
  }

  ul.template-social-list li a.template-social-list-flag-en{
    background-image: url(../media/image/en.png);
  }

  ul.template-feature-list.template-feature-list-style-1>li>div>div>span.about.template-feature-icon{
    background-color: white;
  }
  
  .jspDrag{
    display: none;
    /* background: #656973; */
  }

  .jspHorizontalBar{
    background: none;
  }

  .jspTrack{
    display: none;
    /* background: #656973; */
  }

  [data-entrance] { visibility: hidden; }

  .template-button.template-button-style-1{
    border-color: #FFD600;
  }

  .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    background-color: white;
  }

  #supersized li{
    /*width:80%;*/
    background: white;
    padding-left:4.5% !important
    /*padding-right: 100px;*/
    /*width: 50%;*/
  }

  #supersized li img {
    max-width: 1080px;
    object-fit: cover;
  }

  .left-move{
    -webkit-transition: padding-right 1s; /* For Safari 3.1 to 6.0 */
    transition: padding-right 1s;
  }

  .left-move:hover{
    padding-right: 50px;
  }

/* .client-slider>.template-layout-50x50>.template-layout-column-left{
    background-color: yellow;
    padding: 10px;
} */