@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
#header-top {
  background-color: #191919;
  display: none; }
  #header-top .section-1 .add-menu {
    margin: 0;
    padding-left: 0; }
    #header-top .section-1 .add-menu li {
      display: inline-block; }
      #header-top .section-1 .add-menu li .menu-link {
        font-size: 13px;
        color: #A9A9A9;
        display: inline-block;
        padding: 12px 0;
        font-weight: 700; }
        #header-top .section-1 .add-menu li .menu-link:hover {
          color: #33cccd; }
      #header-top .section-1 .add-menu li:first-child:after {
        content: "|";
        padding-left: 5px;
        color: #A9A9A9; }
  #header-top .section-2 .social {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0; }
    #header-top .section-2 .social li {
      display: inline-block; }
      #header-top .section-2 .social li a {
        width: 30px;
        height: 45px;
        display: block;
        background-repeat: no-repeat;
        background-image: url("../../image/sprite_social_1.png");
        text-indent: -9000px; }
        #header-top .section-2 .social li a.twitter {
          background-position: 4px 0; }
          #header-top .section-2 .social li a.twitter:hover {
            background-position: 4px bottom;
            background-color: #54aee1; }
        #header-top .section-2 .social li a.facebook {
          background-position: -34px 0; }
          #header-top .section-2 .social li a.facebook:hover {
            background-position: -34px bottom;
            background-color: #4772af; }
        #header-top .section-2 .social li a.google {
          background-position: -108px 0; }
          #header-top .section-2 .social li a.google:hover {
            background-position: -108px bottom;
            background-color: #62a0ad; }
        #header-top .section-2 .social li a.youtube {
          background-position: -71px 0; }
          #header-top .section-2 .social li a.youtube:hover {
            background-position: -71px bottom;
            background-color: #cb2027; }
        #header-top .section-2 .social li a.slideshare {
          background-position: -149px 0; }
          #header-top .section-2 .social li a.slideshare:hover {
            background-position: -149px bottom;
            background-color: #406f95; }
        #header-top .section-2 .social li a.flickr {
          background-position: -189px 0px; }
          #header-top .section-2 .social li a.flickr:hover {
            background-position: -189px bottom;
            background-color: #5DB78D; }
        #header-top .section-2 .social li a.newsletter {
          background-position: -225px 0px; }
          #header-top .section-2 .social li a.newsletter:hover {
            background-position: -225px bottom;
            background-color: #b58972; }
        #header-top .section-2 .social li a.instagram {
          background-position: -256px 0px; }
          #header-top .section-2 .social li a.instagram:hover {
            background-position: -256px bottom;
            background-color: #54aee1; }

#header-brand .navbar .brand-container {
  width: 100%; }
  #header-brand .navbar .brand-container .navbar-brand img {
    height: 45px; }
  #header-brand .navbar .brand-container button.navbar-toggler {
    margin-left: 0 !important;
    padding: 0;
    border: none; }
    #header-brand .navbar .brand-container button.navbar-toggler:focus {
      outline: none; }
    #header-brand .navbar .brand-container button.navbar-toggler .navbar-toggler-icon {
      background-image: url("../../image/menu.png");
      background-size: contain;
      width: 1.2em; }
  #header-brand .navbar .brand-container .inline-wrapper {
    margin-left: auto;
    margin-right: 5px; }
    #header-brand .navbar .brand-container .inline-wrapper .d-flex {
      width: 100%; }
    #header-brand .navbar .brand-container .inline-wrapper .btn-iwp {
      color: #191919;
      margin-top: 0px;
      font-size: 18px;
      height: 40px;
      font-weight: 600;
      border-radius: 2px;
      margin: 0 5px;
      min-width: 32px; }
      #header-brand .navbar .brand-container .inline-wrapper .btn-iwp:hover {
        background-color: #33cccd;
        border-color: #33cccd; }
      #header-brand .navbar .brand-container .inline-wrapper .btn-iwp.question {
        display: flex;
        align-items: center; }
        #header-brand .navbar .brand-container .inline-wrapper .btn-iwp.question .md {
          display: none; }
      #header-brand .navbar .brand-container .inline-wrapper .btn-iwp.search-icon {
        background-image: url("../../image/search.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px; }
  #header-brand .navbar .brand-container .search-mobile {
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all .75s ease-in-out; }
    #header-brand .navbar .brand-container .search-mobile.active {
      height: 60px;
      display: block !important; }
    #header-brand .navbar .brand-container .search-mobile .search-wrapper #___gcse_0 .gsc-control-searchbox-only {
      padding: 15px 0 0; }
      #header-brand .navbar .brand-container .search-mobile .search-wrapper #___gcse_0 .gsc-control-searchbox-only form.gsc-search-box {
        border: 1px solid #dbe6e6; }
        #header-brand .navbar .brand-container .search-mobile .search-wrapper #___gcse_0 .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box {
          margin-bottom: 0; }
        #header-brand .navbar .brand-container .search-mobile .search-wrapper #___gcse_0 .gsc-control-searchbox-only form.gsc-search-box .gsc-input {
          padding-right: 0; }
          #header-brand .navbar .brand-container .search-mobile .search-wrapper #___gcse_0 .gsc-control-searchbox-only form.gsc-search-box .gsc-input .gsc-input-box {
            padding-top: 2px;
            padding-bottom: 1px;
            border-radius: 0;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px; }
        #header-brand .navbar .brand-container .search-mobile .search-wrapper #___gcse_0 .gsc-control-searchbox-only form.gsc-search-box .gsc-search-button {
          margin-left: 0;
          width: 40px !important; }
          #header-brand .navbar .brand-container .search-mobile .search-wrapper #___gcse_0 .gsc-control-searchbox-only form.gsc-search-box .gsc-search-button .gsc-search-button-v2 {
            padding: 9px 10px;
            border-width: 2px;
            border-radius: 0;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px; }
#header-brand .navbar .nav-container .navbar-collapse .navbar-nav {
  display: inline-block; }
  #header-brand .navbar .nav-container .navbar-collapse .navbar-nav li.nav-item {
    padding-left: 0rem;
    width: 100%;
    display: inline-block; }
    #header-brand .navbar .nav-container .navbar-collapse .navbar-nav li.nav-item a {
      color: #333333;
      font-weight: 600;
      border-top: none;
      padding-left: 1rem;
      padding-right: 1rem;
      width: 100%;
      display: inline-block;
      font-family: "Open Sans", sans-serif; }
      #header-brand .navbar .nav-container .navbar-collapse .navbar-nav li.nav-item a:after {
        margin-top: 10px; }
      #header-brand .navbar .nav-container .navbar-collapse .navbar-nav li.nav-item a:hover {
        color: #33cccd; }
    #header-brand .navbar .nav-container .navbar-collapse .navbar-nav li.nav-item ul.dropdown-menu {
      border: none;
      padding-left: 10px; }
      #header-brand .navbar .nav-container .navbar-collapse .navbar-nav li.nav-item ul.dropdown-menu li a {
        font-family: "Open Sans", sans-serif;
        font-size: 13px; }
        #header-brand .navbar .nav-container .navbar-collapse .navbar-nav li.nav-item ul.dropdown-menu li a::before {
          content: "- "; }
        #header-brand .navbar .nav-container .navbar-collapse .navbar-nav li.nav-item ul.dropdown-menu li a:hover {
          color: #33cccd; }

@media (min-width: 768px) {
  #header-top .section-2 .social {
    max-height: 45px;
    overflow: hidden; }
    #header-top .section-2 .social li a {
      height: 45px; }

  #header-brand .navbar {
    display: inline-block;
    width: 100%;
    padding: 0; }
    #header-brand .navbar .brand-container .navbar-brand img {
      height: 52px; }
    #header-brand .navbar .brand-container .inline-wrapper {
      width: auto;
      margin-right: 0 !important; }
      #header-brand .navbar .brand-container .inline-wrapper .btn-iwp {
        margin-top: 15px;
        height: auto;
        font-size: 16px !important; }
        #header-brand .navbar .brand-container .inline-wrapper .btn-iwp.question {
          display: flex !important; }
          #header-brand .navbar .brand-container .inline-wrapper .btn-iwp.question .sm {
            display: none; }
          #header-brand .navbar .brand-container .inline-wrapper .btn-iwp.question .md {
            display: block !important; }
        #header-brand .navbar .brand-container .inline-wrapper .btn-iwp.search-icon {
          height: 34px !important; }
      #header-brand .navbar .brand-container .inline-wrapper .search {
        display: flex !important;
        position: relative;
        width: auto; }
        #header-brand .navbar .brand-container .inline-wrapper .search .search-button {
          background-image: url(../../image/search.svg);
          height: 25px;
          background-size: contain;
          background-repeat: no-repeat;
          width: 25px;
          padding: 0;
          border: none;
          cursor: pointer;
          margin-left: 15px;
          margin-top: 15px; }
        #header-brand .navbar .brand-container .inline-wrapper .search .search-wrapper #___gcse_0 {
          margin-top: 19px; }
          #header-brand .navbar .brand-container .inline-wrapper .search .search-wrapper #___gcse_0 .gsc-control-searchbox-only {
            padding: 0 0 0 15px; }
            #header-brand .navbar .brand-container .inline-wrapper .search .search-wrapper #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input {
              padding-right: 0; }
              #header-brand .navbar .brand-container .inline-wrapper .search .search-wrapper #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-input .gsc-input-box {
                padding: 0px !important;
                border-radius: 0;
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px; }
            #header-brand .navbar .brand-container .inline-wrapper .search .search-wrapper #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-search-button {
              margin-left: 0;
              width: 40px !important; }
              #header-brand .navbar .brand-container .inline-wrapper .search .search-wrapper #___gcse_0 .gsc-control-searchbox-only .gsc-search-box .gsc-search-button .gsc-search-button-v2 {
                padding: 9px 10px;
                border-width: 2px !important;
                border-radius: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px; }
    #header-brand .navbar #navigation-container {
      padding: 1px 0px 3px;
      position: relative;
      border-top: 1px solid #dbe6e6;
      border-bottom: 3px double #dbe6e6; }
      #header-brand .navbar #navigation-container #menu-main ul.navbar-nav {
        display: flex; }
        #header-brand .navbar #navigation-container #menu-main ul.navbar-nav li.nav-item a.nav-item {
          padding: 5px 20px 2px;
          height: auto;
          line-height: 28px;
          font-family: "Open Sans", sans-serif;
          font-size: 15px;
          color: #333333;
          width: max-content !important;
          text-transform: uppercase; }
          #header-brand .navbar #navigation-container #menu-main ul.navbar-nav li.nav-item a.nav-item:hover {
            color: #33cccd; }
        #header-brand .navbar #navigation-container #menu-main ul.navbar-nav li.nav-item ul.dropdown-menu {
          background-color: #333333;
          border: none;
          border-bottom: 3px solid #e65855;
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          border-radius: 0;
          width: max-content; }
          #header-brand .navbar #navigation-container #menu-main ul.navbar-nav li.nav-item ul.dropdown-menu:before {
            width: 7px;
            height: 6px;
            display: block;
            position: absolute;
            background: url("../../image/tail_1.gif") no-repeat;
            content: ' ';
            top: -4px;
            left: 34px; }
          #header-brand .navbar #navigation-container #menu-main ul.navbar-nav li.nav-item ul.dropdown-menu li.nav-item {
            padding: 13px 0px 8px;
            display: block;
            border-top: 1px solid #363636;
            text-align: left;
            line-height: 17px; }
            #header-brand .navbar #navigation-container #menu-main ul.navbar-nav li.nav-item ul.dropdown-menu li.nav-item a {
              color: #dbe6e6;
              font-weight: 600;
              line-height: 15px !important;
              font-family: "Open Sans", sans-serif;
              font-weight: 600;
              font-size: 13px;
              height: 20px; }
              #header-brand .navbar #navigation-container #menu-main ul.navbar-nav li.nav-item ul.dropdown-menu li.nav-item a:hover {
                color: #33cccd; }
  #header-brand.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 500;
    transition: all 0.4s ease;
    box-shadow: 0 0 10px 0px #888;
    height: 55px; }
    #header-brand.fixed nav.navbar {
      display: flex !important;
      margin: 5px 0; }
      #header-brand.fixed nav.navbar #navigation-container #menu-main ul.navbar-nav li.nav-item ul.dropdown-menu {
        top: 140% !important; }
    #header-brand.fixed .brand-container {
      padding: 0 !important;
      order: 2; }
      #header-brand.fixed .brand-container .container {
        position: relative; }
      #header-brand.fixed .brand-container .brand-logo {
        display: none !important; }
      #header-brand.fixed .brand-container .navbar-toggler {
        display: none !important; }
      #header-brand.fixed .brand-container .inline-wrapper .btn-iwp {
        margin-top: 0 !important; }
        #header-brand.fixed .brand-container .inline-wrapper .btn-iwp.search-icon {
          display: none; }
      #header-brand.fixed .brand-container .search-mobile.active {
        position: absolute;
        bottom: -50px;
        width: 500px;
        right: 50px;
        z-index: 3; }
    #header-brand.fixed .nav-container {
      order: 1; }
      #header-brand.fixed .nav-container #navigation-container {
        padding: 0 !important;
        border: none !important; } }

/*# sourceMappingURL=header.css.map */