/**
 * 4. - LOGO & NAVIGATION
 * -----------------------------------------------------------------------------
 */
/* 4.1 - NAVBAR */
.topbar {
  background-color: #F1C22E;
  color: #ffffff;
  font-family: "Open Sans", sans-serif; }
  .topbar .row {
    min-height: 40px; }
  .topbar .info .info-item {
    display: inline-table;
    margin-right: 30px; }
  .topbar .info .info-item:last-child {
    margin-right: 0; }
  .topbar .info .info-item .fa {
    margin-right: 7px;
    font-size: 18px;
    color: #ffffff; }
  .topbar .sosmed-icon a {
    color: #ffffff;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    .topbar .sosmed-icon a:hover {
      color: #ffffff; }
  .topbar a {
    color: #ffffff; }
    .topbar a:hover {
      color: #ffffff; }

.middlebar {
  /*.row{*/
  min-height: 90px;
  /*}*/ }

/* 4.1 - NAVBAR */
.navbar-brand {
  padding-top: .7rem;
  padding-bottom: .7rem;
  font-size: 36px;
  color: #FD4D40;
  font-weight: 700;
  font-family: "Open Sans", sans-serif; }

.navbar-main {
  font-family: "Open Sans", sans-serif;
  -webkit-transition: padding .2s ease-in-out;
  transition: padding .2s ease-in-out; }
  .navbar-main .navbar {
    padding: 0; }
  .navbar-main ol, .navbar-main li {
    margin: 0 0;
    font-size: 14px;
    font-weight: 700; }
  .navbar-main ul {
    margin-left: 0; }
  .navbar-main .navbar-toggler {
    color: #FD4D40;
    border-color: transparent; }
  .navbar-main .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(253, 77, 64, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
  .navbar-main .dropdown-toggle::after {
    margin-left: 0.6em;
    color: #222222; }
  .navbar-main .dropdown:hover > .dropdown-menu {
    display: block; }
  .navbar-main .dropdown-menu {
    min-width: 200px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 0.2rem 0;
    margin-top: 0;
    border-width: 0;
    background-color: #333333;
    color: #ffffff;
    font-size: 14px; }
  .navbar-main .dropdown-item {
    color: #ffffff;
    padding: 0.5rem 1.5rem; }
    .navbar-main .dropdown-item:hover, .navbar-main .dropdown-item:focus {
      text-decoration: none;
      background-color: #222222; }
  .navbar-main.stiky .navbar-brand img {
    width: 80%; }
  .navbar-main.stiky .navbar {
    padding-top: 8px;
    padding-bottom: 8px; }
  .navbar-main.open .navbar-nav {
    display: none; }

/* end navbar-main global */
/* END NAVBARMAIN */
.contact-info {
  float: right;
  margin-top: 5px; }
  .contact-info > div {
    display: inline-block;
    margin-right: 40px;
    margin-top: 6px; }
    .contact-info > div:last-child {
      margin-right: 0; }

.header-1 {
  /*position: relative;*/ }
  .header-1 .navbar-main {
    background-color: #ffffff;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    /* END NAVBAR NAV */
    /* END STIKY */ }
    .header-1 .navbar-main .active > .nav-link {
      color: #ffffff;
      background-color: #FD4D40; }
    .header-1 .navbar-main .nav-link {
      color: #222222;
      padding: .5rem .5rem;
      margin-left: .2rem;
      margin-right: .2rem;
      background-color: transparent;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px; }
      .header-1 .navbar-main .nav-link:hover {
        color: #FD4D40;
        background-color: transparent; }
    .header-1 .navbar-main.stiky {
      height: auto;
      /*background-color: $white;*/
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1030;
      padding-top: 40px;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -webkit-transform: translateY(-40px);
      -moz-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
      -o-transform: translateY(-40px);
      transform: translateY(-40px);
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      bottom: initial;
      /*.nav-item{
        &.active{
          .nav-link {
            color: $color-primary;
          } 
        }
      }*/ }
      .header-1 .navbar-main.stiky .navbar {
        padding-top: 0;
        padding-bottom: 0; }
      .header-1 .navbar-main.stiky .nav-link {
        /*color: $navbar-stiky-color;*/ }
        .header-1 .navbar-main.stiky .nav-link:hover, .header-1 .navbar-main.stiky .nav-link:focus {
          color: #FD4D40; }

@media (max-width: 767px) {
  .header-1 .navbar-main {
    /*background-color: $white;*/ }
    .header-1 .navbar-main .navbar-brand {
      position: relative;
      top: 0; } }
/* Fix footer style*/
@media only screen and (max-width:767px){.fix-footer{display:block!important;z-index:9000;}}.fix-footer{display:none;position:fixed;bottom:0;left:0;right:0;background:white;padding:5px 0}.fix-footer p{float:left;width:33.33%;text-align:center;margin:0;padding:0}.fix-footer p a{float:left;width:100%;margin:0;padding:0}.fix-footer p a img{width:50px}.fix-footer p a span{float:left;width:100%;color:#000}